Workspaces in Workspaces all around

2026-02-19 01:49:15 +00:00
parent 72bca6cd42
commit dd8ab84df5
84 changed files with 3047 additions and 749 deletions
@@ -1,2 +1,57 @@
+import { useMemo, useEffect } from 'react';
+import { useParams } from 'react-router';
+import type { LayoutNode, PanelComponents } from '@/components/Workspace';
+import { WorkspaceLayout } from '@/components/Workspace';
+import { usePanelChannel } from 'hooks/usePanelChannel';
+import { useChatSessions } from '@/state/useChatSessions';
+import { appRegistry } from '../Workspaces/app-registry';
+import { SessionList } from './Screen';
+import { ChatDetailPanel, type SelectedSession } from './ChatDetailPanel';
+
 export { ChatHistory as ChatHistoryApp } from './Widget';
-export { SessionList } from './Screen';
+export { SessionList };
+
+const layout: LayoutNode = {
+  type: 'group',
+  id: 'chat-history-root',
+  direction: 'horizontal',
+  children: [
+    { node: { type: 'panel', id: 'chat-list', appType: null }, size: 35 },
+    { node: { type: 'panel', id: 'chat-detail', appType: null }, size: 65 },
+  ],
+};
+
+type SessionListPageProps = {
+  provider?: 'claude' | 'opencode';
+  isNew?: boolean;
+};
+
+export const SessionListPage = ({ provider = 'claude', isNew }: SessionListPageProps) => {
+  const { sessionId } = useParams<{ sessionId: string }>();
+  const { sessions } = useChatSessions();
+  const [, setSelected] = usePanelChannel<SelectedSession>('chat:selected-session', null);
+
+  useEffect(() => {
+    if (isNew) {
+      setSelected({ id: 'new', provider });
+      return;
+    }
+    if (!sessionId) return;
+    const session = sessions.find((s) => s.id === sessionId && s.provider === provider);
+    setSelected({ id: sessionId, provider, model: session?.model ?? null });
+  }, [sessionId, provider, isNew]);
+
+  const panelComponents: PanelComponents = useMemo(
+    () => ({
+      'chat-list': SessionList,
+      'chat-detail': ChatDetailPanel,
+    }),
+    [],
+  );
+
+  return (
+    <div className="h-full w-full pt-2">
+      <WorkspaceLayout layout={layout} onLayoutChange={() => {}} registry={appRegistry} components={panelComponents} />
+    </div>
+  );
+};