ready for app-registry refactor

2026-02-21 17:28:10 +00:00
parent 6d97edb6ab
commit fe7874dd65
21 changed files with 281 additions and 246 deletions
@@ -1,44 +0,0 @@
-import { useEffect, useState } from 'react';
-import { useNavigate } from 'react-router';
-import { Widget } from 'widgets/Widget';
-import { useSettings } from '@/state/useSettings';
-import { useVisiblePiModels } from '@/state/useModels';
-import { ChatLauncher as ChatLauncherComponent } from 'apps/Chat';
-
-export const ChatLauncher = () => {
-  const navigate = useNavigate();
-  const { settings } = useSettings();
-  const piModels = useVisiblePiModels();
-  const [model, setModel] = useState<string | null>(settings.chat.defaultModel);
-
-  useEffect(() => {
-    setModel(settings.chat.defaultModel);
-  }, [settings.chat.defaultModel]);
-
-  const handleSubmit = (data: {
-    prompt: string;
-    model: string | null;
-    attachmentIds?: string[];
-    images?: { filename: string; dataUrl: string }[];
-  }) => {
-    navigate('/chat/new', {
-      state: {
-        initialMessage: data.prompt,
-        model: data.model,
-        attachmentIds: data.attachmentIds,
-        images: data.images,
-      },
-    });
-  };
-
-  return (
-    <Widget title="Start Chat">
-      <ChatLauncherComponent
-        availableModels={piModels}
-        selectedModel={model}
-        onModelChange={setModel}
-        onSubmit={handleSubmit}
-      />
-    </Widget>
-  );
-};
@@ -0,0 +1,15 @@
+import { WorkspaceView } from '@/components/Workspace';
+import { useWorkspacesState } from '@/state/useWorkspacesState';
+import { appRegistry } from '../Workspaces/app-registry';
+import { defaultLayout } from './defaultLayout';
+
+export const HomeScreen = () => {
+  const workspace = useWorkspacesState<LayoutNode>('screens/home', defaultLayout);
+
+  return (
+    <div className="h-full w-full">
+      <WorkspaceView workspace={workspace} registry={appRegistry} />
+    </div>
+  );
+};
+
@@ -0,0 +1,24 @@
+import type { LayoutNode } from '@/components/Workspace';
+
+export const defaultLayout: LayoutNode = {
+  type: 'group',
+  id: 'home-root',
+  direction: 'horizontal',
+  children: [
+    { node: { type: 'panel', id: 'home-left', appType: 'workspace-list' }, size: 20 },
+    {
+      node: {
+        type: 'group',
+        id: 'home-center',
+        direction: 'vertical',
+        children: [
+          { node: { type: 'panel', id: 'homepage-widget-panel', appType: 'widget-panel' }, size: 60 },
+          { node: { type: 'panel', id: 'home-chat', appType: 'chat-launcher' }, size: 40 },
+        ],
+      },
+      size: 60,
+    },
+    { node: { type: 'panel', id: 'home-right', appType: 'project-list' }, size: 20 },
+  ],
+};
+
@@ -1,36 +1 @@
-import { useState } from 'react';
-import type { LayoutNode } from '@/components/Workspace';
-import { WorkspaceView } from '@/components/Workspace';
-import { appRegistry } from '../Workspaces/app-registry';
-
-const initialLayout: LayoutNode = {
-  type: 'group',
-  id: 'home-root',
-  direction: 'horizontal',
-  children: [
-    { node: { type: 'panel', id: 'home-left', appType: 'workspace-list' }, size: 20 },
-    {
-      node: {
-        type: 'group',
-        id: 'home-center',
-        direction: 'vertical',
-        children: [
-          { node: { type: 'panel', id: 'homepage-widget-panel', appType: 'widget-panel' }, size: 60 },
-          { node: { type: 'panel', id: 'home-chat', appType: 'chat-launcher' }, size: 40 },
-        ],
-      },
-      size: 60,
-    },
-    { node: { type: 'panel', id: 'home-right', appType: 'project-list' }, size: 20 },
-  ],
-};
-
-export const HomeScreen = () => {
-  const [layout, setLayout] = useState<LayoutNode>(initialLayout);
-
-  return (
-    <div className="h-full w-full">
-      <WorkspaceView layout={layout} onLayoutChange={setLayout} registry={appRegistry} />
-    </div>
-  );
-};
+export * from './HomeScreen';