@theoremjs/studio 0.3.4-next.425.gd676bc4 → 0.3.4-next.429.g04f32ef

package/ui/studio-screen.d.ts

@@ -53,6 +53,15 @@ declare function useStudioWorkspace(start: RestoredStudio, project: ProjectSessi
     } | undefined;
 };
 export type StudioWorkspaceState = ReturnType<typeof useStudioWorkspace>;
+/**
+ * The studio's tree for a workspace, open on its `selected` node, where nothing changes anything:
+ * a picture of the studio for a page that is not the studio, such as a home page. It writes no
+ * storage and reports nothing.
+ */
+export declare function StudioTreePreview({ workspace, kernelVersion, }: {
+    workspace: StudioWorkspace;
+    kernelVersion: string;
+}): import("react").JSX.Element;
 /** The studio, opened on `opened`, with what the page showing it provides. */
 export declare function StudioScreen({ opened, host }: {
     opened: StudioOpened;

package/ui/studio-screen.js

@@ -1522,6 +1522,33 @@ const TreeColumn = memo(function TreeColumn({ tree, draft, onAddAgent, listRef,
     const { kernelVersion } = useStudioHost();
     return (_jsx(Section, { variant: "transparent", width: TREE_WIDTH, height: "100%", padding: 4, dividers: ['end'], children: _jsxs(VStack, { gap: 4, height: "100%", children: [_jsxs(HStack, { gap: 2, vAlign: "start", children: [_jsx(StackItem, { size: "fill", children: _jsxs(VStack, { gap: 1, children: [_jsx(Heading, { level: 3, children: "theorem studio" }), _jsx(Text, { type: "supporting", color: "secondary", children: `${project ? `${project.name} · ` : ''}@theoremjs/agents ${kernelVersion}` })] }) }), _jsx(SheetButton, { label: "Close sections", icon: IconX, sheet: null, setSheet: setSheet })] }), _jsx(StackItem, { size: "fill", children: _jsx(WorkspaceTreeLists, { tree: tree, draft: draft, onAddAgent: onAddAgent, listRef: listRef }) })] }) }));
 });
+/**
+ * The studio's tree for a workspace, open on its `selected` node, where nothing changes anything:
+ * a picture of the studio for a page that is not the studio, such as a home page. It writes no
+ * storage and reports nothing.
+ */
+export function StudioTreePreview({ workspace, kernelVersion, }) {
+    const listRef = useRef(null);
+    const selectedId = workspace.selected;
+    const at = workspaceNodeRef(workspace, selectedId);
+    const focus = at && 'agent' in at ? at.agent : (workspace.agents[0]?.key ?? '');
+    const draft = libraryDraft(workspace, focus) ?? createBlankDraft();
+    const still = () => { };
+    const tree = {
+        workspace,
+        focus,
+        selectedId,
+        list: 'agents',
+        ownsProviders: false,
+        setList: still,
+        onSelect: still,
+        update: still,
+        setDraft: still,
+        reset: () => undefined,
+        keys: null,
+    };
+    return (_jsx(StudioHostContext.Provider, { value: { kernelVersion }, children: _jsx(TreeColumn, { tree: tree, draft: draft, onAddAgent: still, listRef: listRef, setSheet: still }) }));
+}
 /**
  * The issue count, which goes to the next issue after the selected node and shows it there. Hidden
  * with none. It counts every issue, so what blocks a run or Save always has a way to it.