@truefoundry/trueforge-ui 0.2.4 → 0.3.0-rc.1

package/dist/chunk-DMMZSZTN.js

@@ -0,0 +1,252 @@
+import {
+  Tooltip,
+  useAgentConfigInstructions,
+  useNamedAgentHeaderState,
+  useSlot,
+  withInitialUserMessages
+} from "./chunk-ZTMKFZQ3.js";
+import {
+  Icon,
+  auiButtonClass,
+  pageHeaderTitleClassName,
+  useDraftCatalog
+} from "./chunk-XAU7QFG3.js";
+import {
+  isSettingsChromeEnabled,
+  shellIsCreateAgent,
+  useOptionalCatalogServer,
+  useOptionalServer,
+  useOptionalShellMode,
+  useServerCapabilities,
+  useShellMode
+} from "./chunk-U7KURWW3.js";
+import {
+  useAuiState
+} from "./chunk-M6MHLVSO.js";
+import {
+  cn,
+  useTheme
+} from "./chunk-7Z2C2K7F.js";
+
+// src/atoms/NamedAgentHeaderLabel.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function NamedAgentHeaderLabel({ className }) {
+  const state = useNamedAgentHeaderState();
+  const threadTitle = useAuiState((s) => s.threadListItem.title);
+  if (state === null) return null;
+  const syncedTitle = threadTitle?.trim() ?? "";
+  const displayName = state.allowThreadTitle && syncedTitle.length > 0 ? syncedTitle : state.name;
+  return /* @__PURE__ */ jsxs("h1", { className: cn("flex min-w-0 items-center gap-1.5", pageHeaderTitleClassName, className), children: [
+    /* @__PURE__ */ jsx("span", { className: "truncate", title: displayName, children: displayName }),
+    state.isEditing ? /* @__PURE__ */ jsx(Tooltip, { content: "Try changes here, then choose Update agent to save.", side: "bottom", children: /* @__PURE__ */ jsxs("span", { className: "border-warning-bg/40 bg-warning-bg/10 text-warning-bg inline-flex shrink-0 items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium", children: [
+      /* @__PURE__ */ jsx(Icon, { name: "pencil", className: "size-3" }),
+      "Editing"
+    ] }) }) : null
+  ] });
+}
+
+// src/atoms/ShellActions.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ShellActions({ className, labeled = false }) {
+  const shell = useOptionalShellMode();
+  const catalog = useOptionalCatalogServer();
+  const capabilities = useServerCapabilities();
+  const { mode, setTheme } = useTheme();
+  const ActionSlot = useSlot("ShellActionsActionSlot");
+  const isDark = mode === "dark";
+  const themeLabel = isDark ? "Light" : "Dark";
+  const settingsChromeEnabled = isSettingsChromeEnabled({ catalog, capabilities });
+  const labeledButtonClass = "h-auto w-full flex-col gap-1.5 whitespace-normal px-1 py-3 text-[0.625rem] leading-tight !justify-center";
+  const hoverClass = "hover:bg-secondary-button-hover hover:text-ghost-button-text";
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: cn(
+        "flex shrink-0 items-center gap-1 text-text-primary",
+        labeled && "w-full flex-col gap-1",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs2(
+          "button",
+          {
+            type: "button",
+            "aria-label": isDark ? "Switch to light theme" : "Switch to dark theme",
+            title: isDark ? "Light theme" : "Dark theme",
+            className: auiButtonClass({
+              variant: "ghost",
+              size: labeled ? void 0 : "icon",
+              className: cn(hoverClass, labeled && labeledButtonClass)
+            }),
+            onClick: () => setTheme(isDark ? "light" : "dark"),
+            children: [
+              /* @__PURE__ */ jsx2(Icon, { name: isDark ? "sun" : "moon", size: labeled ? 16 : void 0 }),
+              labeled ? /* @__PURE__ */ jsx2("span", { className: "text-center", children: themeLabel }) : null
+            ]
+          }
+        ),
+        shell != null && settingsChromeEnabled ? /* @__PURE__ */ jsxs2(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Settings",
+            title: "Settings",
+            "aria-expanded": shell.settingsOpen,
+            "aria-current": shell.settingsOpen ? "page" : void 0,
+            className: auiButtonClass({
+              variant: "ghost",
+              size: labeled ? void 0 : "icon",
+              className: cn(
+                hoverClass,
+                labeled && labeledButtonClass,
+                shell.settingsOpen && "bg-primary-button-bg text-primary-button-text hover:bg-primary-button-hover hover:text-primary-button-text"
+              )
+            }),
+            onClick: () => shell.setSettingsOpen(true),
+            children: [
+              /* @__PURE__ */ jsx2(Icon, { name: "settings", size: labeled ? 16 : void 0 }),
+              labeled ? /* @__PURE__ */ jsx2("span", { className: "text-center", children: "Settings" }) : null
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsx2(ActionSlot, {})
+      ]
+    }
+  );
+}
+
+// src/containers/AgentConfigDrawerContainer.tsx
+import {
+  useTrueFoundryAgentSpec,
+  useTrueFoundryFlushAgentSpec,
+  useTrueFoundryUpdateAgentSpec
+} from "@truefoundry/assistant-ui-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function AgentConfigDrawerContainer({ showClose = false }) {
+  const { agentSpec } = useTrueFoundryAgentSpec();
+  const updateAgentSpec = useTrueFoundryUpdateAgentSpec();
+  const flushAgentSpec = useTrueFoundryFlushAgentSpec();
+  const shell = useShellMode();
+  const server = useOptionalServer();
+  const capabilities = useServerCapabilities();
+  const catalog = useDraftCatalog();
+  const AgentConfigPanel = useSlot("AgentConfigPanel");
+  const AgentConfigEditors = useSlot("AgentConfigEditors");
+  const [editor, setEditor] = useState(null);
+  const isBuilder = shellIsCreateAgent(shell.mode);
+  const { draft: instructionDraft, flush: flushInstructions } = useAgentConfigInstructions();
+  const closeDrawer = useCallback(() => {
+    flushInstructions();
+    void flushAgentSpec();
+    shell.setAgentConfigOpen(false);
+  }, [flushAgentSpec, flushInstructions, shell]);
+  useEffect(() => {
+    if (isBuilder) catalog.ensureLoaded();
+  }, [catalog, isBuilder]);
+  useEffect(() => {
+    if (!showClose || !shell.agentConfigOpen) return;
+    const onKeyDown = (event) => {
+      if (event.key === "Escape" && editor === null && document.querySelector("dialog[open]") === null) {
+        closeDrawer();
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [closeDrawer, editor, shell.agentConfigOpen, showClose]);
+  useEffect(
+    () => () => {
+      flushInstructions();
+      try {
+        void flushAgentSpec();
+      } catch {
+      }
+    },
+    [flushAgentSpec, flushInstructions]
+  );
+  const commitSpec = useCallback(
+    ({ next, instructions }) => {
+      if (next.skills && next.skills.length > 0 && capabilities?.sandbox.enabled === true) {
+        updateAgentSpec?.({
+          ...next,
+          instructions: instructions || void 0,
+          config: {
+            ...next.config,
+            sandbox: { ...next.config?.sandbox, enabled: true }
+          }
+        });
+        return;
+      }
+      updateAgentSpec?.({ ...next, instructions: instructions || void 0 });
+    },
+    [capabilities?.sandbox.enabled, updateAgentSpec]
+  );
+  const updateSpec = useCallback(
+    (next) => {
+      commitSpec({ next, instructions: instructionDraft });
+    },
+    [commitSpec, instructionDraft]
+  );
+  const saveInstructions = useCallback(
+    (draft) => {
+      if (agentSpec === null) return;
+      commitSpec({
+        next: withInitialUserMessages({ spec: agentSpec, messages: draft.messages }),
+        instructions: draft.instructions
+      });
+    },
+    [agentSpec, commitSpec]
+  );
+  const loadMcpTools = useCallback(
+    async (connectorId) => {
+      if (server?.getMcpTools === void 0) return [];
+      return server.getMcpTools({ connectorId });
+    },
+    [server]
+  );
+  if (!isBuilder || agentSpec === null || showClose && !shell.agentConfigOpen) {
+    return null;
+  }
+  const model = catalog.models.find((item) => item.name === agentSpec.model.name);
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx3(
+      AgentConfigPanel,
+      {
+        spec: agentSpec,
+        model,
+        skillsAvailable: capabilities?.skill.enabled === true,
+        instructions: instructionDraft,
+        onOpenEditor: setEditor,
+        onChange: updateSpec,
+        onClose: showClose ? closeDrawer : void 0
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      AgentConfigEditors,
+      {
+        editor,
+        spec: agentSpec,
+        models: catalog.models,
+        connectors: catalog.connectors,
+        skills: catalog.skills,
+        loading: catalog.loading,
+        error: catalog.error,
+        skillsDisabled: capabilities?.skill.enabled !== true,
+        sandboxAvailable: capabilities?.sandbox.enabled === true,
+        instructions: instructionDraft,
+        onInstructionsSave: saveInstructions,
+        loadMcpTools,
+        onRefreshConnectors: catalog.refreshConnectors,
+        onChange: updateSpec,
+        onClose: () => setEditor(null)
+      }
+    )
+  ] });
+}
+
+export {
+  NamedAgentHeaderLabel,
+  ShellActions,
+  AgentConfigDrawerContainer
+};
+//# sourceMappingURL=chunk-DMMZSZTN.js.map

package/dist/chunk-DMMZSZTN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/NamedAgentHeaderLabel.tsx","../src/atoms/ShellActions.tsx","../src/containers/AgentConfigDrawerContainer.tsx"],"sourcesContent":["'use client';\n\nimport { useAuiState } from '../assistant-ui.js';\nimport { useNamedAgentHeaderState } from '../hooks/useChatChromeActionsVisible.js';\nimport { Icon } from '../icons/Icon.js';\nimport { cn } from './lib/cn.js';\nimport { pageHeaderTitleClassName } from './PageHeader.js';\nimport { Tooltip } from './primitives/Tooltip.js';\n\n/** Dynamic chat title for named agents and New Chat / New Agent drafts. */\nexport function NamedAgentHeaderLabel({ className }: { className?: string }) {\n  const state = useNamedAgentHeaderState();\n  const threadTitle = useAuiState(s => s.threadListItem.title);\n  if (state === null) return null;\n\n  const syncedTitle = threadTitle?.trim() ?? '';\n  const displayName = state.allowThreadTitle && syncedTitle.length > 0 ? syncedTitle : state.name;\n\n  return (\n    <h1 className={cn('flex min-w-0 items-center gap-1.5', pageHeaderTitleClassName, className)}>\n      <span className=\"truncate\" title={displayName}>\n        {displayName}\n      </span>\n      {state.isEditing ? (\n        <Tooltip content=\"Try changes here, then choose Update agent to save.\" side=\"bottom\">\n          <span className=\"border-warning-bg/40 bg-warning-bg/10 text-warning-bg inline-flex shrink-0 items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium\">\n            <Icon name=\"pencil\" className=\"size-3\" />\n            Editing\n          </span>\n        </Tooltip>\n      ) : null}\n    </h1>\n  );\n}\n","'use client';\n\nimport { Icon } from '../icons/Icon.js';\nimport { useOptionalCatalogServer, useServerCapabilities } from '../server/ServerContext.js';\nimport { useOptionalShellMode } from '../server/ShellModeContext.js';\nimport { isSettingsChromeEnabled } from '../server/settingsChrome.js';\nimport { useSlot } from '../theme/SlotsProvider.js';\nimport { useTheme } from '../theme/ThemeProvider.js';\nimport { auiButtonClass } from './lib/buttonClasses.js';\nimport { cn } from './lib/cn.js';\n\nexport function ShellActions({ className, labeled = false }: { className?: string; labeled?: boolean }) {\n  const shell = useOptionalShellMode();\n  const catalog = useOptionalCatalogServer();\n  const capabilities = useServerCapabilities();\n  const { mode, setTheme } = useTheme();\n  const ActionSlot = useSlot('ShellActionsActionSlot');\n  const isDark = mode === 'dark';\n  const themeLabel = isDark ? 'Light' : 'Dark';\n  const settingsChromeEnabled = isSettingsChromeEnabled({ catalog, capabilities });\n\n  const labeledButtonClass =\n    'h-auto w-full flex-col gap-1.5 whitespace-normal px-1 py-3 text-[0.625rem] leading-tight !justify-center';\n  const hoverClass = 'hover:bg-secondary-button-hover hover:text-ghost-button-text';\n\n  return (\n    <div\n      className={cn(\n        'flex shrink-0 items-center gap-1 text-text-primary',\n        labeled && 'w-full flex-col gap-1',\n        className,\n      )}\n    >\n      <button\n        type=\"button\"\n        aria-label={isDark ? 'Switch to light theme' : 'Switch to dark theme'}\n        title={isDark ? 'Light theme' : 'Dark theme'}\n        className={auiButtonClass({\n          variant: 'ghost',\n          size: labeled ? undefined : 'icon',\n          className: cn(hoverClass, labeled && labeledButtonClass),\n        })}\n        onClick={() => setTheme(isDark ? 'light' : 'dark')}\n      >\n        <Icon name={isDark ? 'sun' : 'moon'} size={labeled ? 16 : undefined} />\n        {labeled ? <span className=\"text-center\">{themeLabel}</span> : null}\n      </button>\n      {shell != null && settingsChromeEnabled ? (\n        <button\n          type=\"button\"\n          aria-label=\"Settings\"\n          title=\"Settings\"\n          aria-expanded={shell.settingsOpen}\n          aria-current={shell.settingsOpen ? 'page' : undefined}\n          className={auiButtonClass({\n            variant: 'ghost',\n            size: labeled ? undefined : 'icon',\n            className: cn(\n              hoverClass,\n              labeled && labeledButtonClass,\n              shell.settingsOpen &&\n                'bg-primary-button-bg text-primary-button-text hover:bg-primary-button-hover hover:text-primary-button-text',\n            ),\n          })}\n          onClick={() => shell.setSettingsOpen(true)}\n        >\n          <Icon name=\"settings\" size={labeled ? 16 : undefined} />\n          {labeled ? <span className=\"text-center\">Settings</span> : null}\n        </button>\n      ) : null}\n      <ActionSlot />\n    </div>\n  );\n}\n","'use client';\n\nimport {\n  useTrueFoundryAgentSpec,\n  useTrueFoundryFlushAgentSpec,\n  useTrueFoundryUpdateAgentSpec,\n} from '@truefoundry/assistant-ui-runtime';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport type { AgentConfigEditor } from '../atoms/draft/AgentConfigEditors.js';\nimport { useAgentConfigInstructions } from '../atoms/draft/AgentConfigInstructionsContext.js';\nimport type { AgentInstructionsDraft } from '../atoms/draft/AgentInstructionsDrawer.js';\nimport { useDraftCatalog } from '../atoms/draft/DraftCatalogProvider.js';\nimport { withInitialUserMessages } from '../atoms/draft/agentConfigMessages.js';\nimport { useOptionalServer, useServerCapabilities } from '../server/ServerContext.js';\nimport { shellIsCreateAgent, useShellMode } from '../server/ShellModeContext.js';\nimport type { AgentSpec, McpToolSelection } from '../server/types.js';\nimport { useSlot } from '../theme/SlotsProvider.js';\n\nexport function AgentConfigDrawerContainer({ showClose = false }: { showClose?: boolean }) {\n  const { agentSpec } = useTrueFoundryAgentSpec();\n  const updateAgentSpec = useTrueFoundryUpdateAgentSpec();\n  const flushAgentSpec = useTrueFoundryFlushAgentSpec();\n  const shell = useShellMode();\n  const server = useOptionalServer();\n  const capabilities = useServerCapabilities();\n  const catalog = useDraftCatalog();\n  const AgentConfigPanel = useSlot('AgentConfigPanel');\n  const AgentConfigEditors = useSlot('AgentConfigEditors');\n  const [editor, setEditor] = useState<AgentConfigEditor | null>(null);\n  const isBuilder = shellIsCreateAgent(shell.mode);\n  const { draft: instructionDraft, flush: flushInstructions } = useAgentConfigInstructions();\n  const closeDrawer = useCallback(() => {\n    flushInstructions();\n    void flushAgentSpec();\n    shell.setAgentConfigOpen(false);\n  }, [flushAgentSpec, flushInstructions, shell]);\n\n  useEffect(() => {\n    if (isBuilder) catalog.ensureLoaded();\n  }, [catalog, isBuilder]);\n\n  useEffect(() => {\n    if (!showClose || !shell.agentConfigOpen) return;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && editor === null && document.querySelector('dialog[open]') === null) {\n        closeDrawer();\n      }\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [closeDrawer, editor, shell.agentConfigOpen, showClose]);\n\n  // Flush pending edits on unmount. ChatProvider remount (runtimeKey) tears the\n  // runtime down first — flush then throws; ignore so the new draft can mount.\n  useEffect(\n    () => () => {\n      flushInstructions();\n      try {\n        void flushAgentSpec();\n      } catch {\n        // Runtime already gone.\n      }\n    },\n    [flushAgentSpec, flushInstructions],\n  );\n\n  const commitSpec = useCallback(\n    ({ next, instructions }: { next: AgentSpec; instructions: string }) => {\n      if (next.skills && next.skills.length > 0 && capabilities?.sandbox.enabled === true) {\n        updateAgentSpec?.({\n          ...next,\n          instructions: instructions || undefined,\n          config: {\n            ...next.config,\n            sandbox: { ...next.config?.sandbox, enabled: true },\n          },\n        });\n        return;\n      }\n      updateAgentSpec?.({ ...next, instructions: instructions || undefined });\n    },\n    [capabilities?.sandbox.enabled, updateAgentSpec],\n  );\n\n  const updateSpec = useCallback(\n    (next: AgentSpec) => {\n      commitSpec({ next, instructions: instructionDraft });\n    },\n    [commitSpec, instructionDraft],\n  );\n\n  const saveInstructions = useCallback(\n    (draft: AgentInstructionsDraft) => {\n      if (agentSpec === null) return;\n      commitSpec({\n        next: withInitialUserMessages({ spec: agentSpec, messages: draft.messages }),\n        instructions: draft.instructions,\n      });\n    },\n    [agentSpec, commitSpec],\n  );\n\n  const loadMcpTools = useCallback(\n    async (connectorId: string): Promise<McpToolSelection[]> => {\n      if (server?.getMcpTools === undefined) return [];\n      return server.getMcpTools({ connectorId });\n    },\n    [server],\n  );\n\n  if (!isBuilder || agentSpec === null || (showClose && !shell.agentConfigOpen)) {\n    return null;\n  }\n\n  const model = catalog.models.find(item => item.name === agentSpec.model.name);\n\n  return (\n    <>\n      <AgentConfigPanel\n        spec={agentSpec}\n        model={model}\n        skillsAvailable={capabilities?.skill.enabled === true}\n        instructions={instructionDraft}\n        onOpenEditor={setEditor}\n        onChange={updateSpec}\n        onClose={showClose ? closeDrawer : undefined}\n      />\n      <AgentConfigEditors\n        editor={editor}\n        spec={agentSpec}\n        models={catalog.models}\n        connectors={catalog.connectors}\n        skills={catalog.skills}\n        loading={catalog.loading}\n        error={catalog.error}\n        skillsDisabled={capabilities?.skill.enabled !== true}\n        sandboxAvailable={capabilities?.sandbox.enabled === true}\n        instructions={instructionDraft}\n        onInstructionsSave={saveInstructions}\n        loadMcpTools={loadMcpTools}\n        onRefreshConnectors={catalog.refreshConnectors}\n        onChange={updateSpec}\n        onClose={() => setEditor(null)}\n      />\n    </>\n  );\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs"]}

package/dist/chunk-FJW36PD7.js

@@ -0,0 +1,180 @@
+import {
+  AgentConfigDrawerContainer,
+  NamedAgentHeaderLabel,
+  ShellActions
+} from "./chunk-DMMZSZTN.js";
+import {
+  Thread
+} from "./chunk-M62XY4NC.js";
+import {
+  useSlot
+} from "./chunk-ZTMKFZQ3.js";
+import {
+  Icon,
+  PageHeader,
+  Spinner,
+  auiButtonClass
+} from "./chunk-XAU7QFG3.js";
+import {
+  useOptionalShellMode
+} from "./chunk-U7KURWW3.js";
+import {
+  useAui
+} from "./chunk-M6MHLVSO.js";
+import {
+  cn
+} from "./chunk-7Z2C2K7F.js";
+
+// src/layouts/StackChatPanel.tsx
+import { lazy, Suspense, useEffect } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var TruefoundrySettingsBuilder = lazy(() => import("./SettingsBuilder-L34IQ56S.js"));
+var SchedulesPage = lazy(
+  () => import("./SchedulesPage-KKLUDO6B.js").then((m) => ({ default: m.SchedulesPage }))
+);
+function StackChatPanel({ className, threadHeaderEnd }) {
+  const aui = useAui();
+  const shell = useOptionalShellMode();
+  const ClearChatButton = useSlot("ClearChatButton");
+  const AgentDetailsPage = useSlot("AgentDetailsPage");
+  const AgentsLibrary = useSlot("AgentsLibrary");
+  const SessionsPage = useSlot("SessionsPage");
+  const SaveAgentButton = useSlot("SaveAgentButton");
+  const SelectAgentEmptyState = useSlot("SelectAgentEmptyState");
+  const isIdle = shell?.mode.status === "idle";
+  const settingsOpen = shell?.settingsOpen === true;
+  const libraryOpen = shell?.libraryOpen === true;
+  const sessionsOpen = shell?.sessionsOpen === true;
+  const schedulesOpen = shell?.schedulesOpen === true;
+  const showNewActions = shell?.isNewChatEnabled !== false;
+  useEffect(() => {
+    if (isIdle) return;
+    void Promise.resolve(aui.threads().switchToNewThread()).catch(() => void 0);
+  }, [aui, isIdle]);
+  const handleNewChat = () => {
+    shell?.setLibraryOpen(false);
+    shell?.setSessionsOpen(false);
+    if (shell?.isComposerEnabled) {
+      shell.openDraft();
+      return;
+    }
+    shell?.setSettingsOpen(false);
+    shell?.setSchedulesOpen(false);
+    void Promise.resolve(aui.threads().switchToNewThread()).catch(() => void 0);
+  };
+  const handleNewAgent = () => {
+    shell?.setLibraryOpen(false);
+    shell?.setSessionsOpen(false);
+    if (shell?.isComposerEnabled) {
+      shell.openAgentBuilder();
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative flex h-full min-h-0 flex-col", className), children: [
+    settingsOpen ? /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(
+      Suspense,
+      {
+        fallback: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex h-full items-center justify-center",
+            role: "status",
+            "aria-live": "polite",
+            "aria-busy": "true",
+            children: [
+              /* @__PURE__ */ jsx(Spinner, { size: 28, className: "text-text-primary" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading" })
+            ]
+          }
+        ),
+        children: /* @__PURE__ */ jsx(TruefoundrySettingsBuilder, {})
+      }
+    ) }) : sessionsOpen ? /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(SessionsPage, {}) }) : libraryOpen && shell?.libraryAgentId != null ? /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(AgentDetailsPage, { agentId: shell.libraryAgentId }, shell.libraryAgentId) }) : libraryOpen ? /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(AgentsLibrary, {}) }) : schedulesOpen ? /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(
+      Suspense,
+      {
+        fallback: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex h-full items-center justify-center",
+            role: "status",
+            "aria-live": "polite",
+            "aria-busy": "true",
+            children: [
+              /* @__PURE__ */ jsx(Spinner, { size: 28, className: "text-text-primary" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading" })
+            ]
+          }
+        ),
+        children: /* @__PURE__ */ jsx(SchedulesPage, {})
+      }
+    ) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          start: /* @__PURE__ */ jsxs(Fragment, { children: [
+            showNewActions ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": "New Chat",
+                title: "New Chat",
+                className: auiButtonClass({ variant: "ghost", size: "icon" }),
+                onClick: handleNewChat,
+                children: /* @__PURE__ */ jsx(Icon, { name: "square-pen" })
+              }
+            ) : null,
+            showNewActions && shell?.isComposerEnabled ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": "New Agent",
+                title: "New Agent",
+                className: auiButtonClass({ variant: "ghost", size: "icon" }),
+                onClick: handleNewAgent,
+                children: /* @__PURE__ */ jsx(Icon, { name: "agent-2" })
+              }
+            ) : null
+          ] }),
+          title: /* @__PURE__ */ jsx(NamedAgentHeaderLabel, {}),
+          end: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(ClearChatButton, {}),
+            /* @__PURE__ */ jsx(SaveAgentButton, {}),
+            threadHeaderEnd
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: isIdle ? /* @__PURE__ */ jsx(SelectAgentEmptyState, {}) : /* @__PURE__ */ jsx(Thread, {}) })
+    ] }),
+    /* @__PURE__ */ jsxs("footer", { className: "flex shrink-0 items-center justify-between border-t border-border px-2 py-1.5", children: [
+      libraryOpen || schedulesOpen ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: auiButtonClass({ variant: "ghost", size: "sm" }),
+          onClick: () => {
+            shell?.setLibraryOpen(false);
+            shell?.setSchedulesOpen(false);
+          },
+          children: [
+            /* @__PURE__ */ jsx(Icon, { name: "arrow-left" }),
+            "Back to chat"
+          ]
+        }
+      ) : /* @__PURE__ */ jsx("span", {}),
+      /* @__PURE__ */ jsx(ShellActions, {}, "shell-actions")
+    ] }),
+    shell?.agentConfigOpen ? /* @__PURE__ */ jsx(
+      "aside",
+      {
+        role: "dialog",
+        "aria-label": "Agent Config",
+        className: "absolute inset-0 z-20 border-l border-border shadow-xl",
+        children: /* @__PURE__ */ jsx(AgentConfigDrawerContainer, { showClose: true })
+      }
+    ) : null
+  ] });
+}
+
+export {
+  StackChatPanel
+};
+//# sourceMappingURL=chunk-FJW36PD7.js.map

package/dist/chunk-FJW36PD7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layouts/StackChatPanel.tsx"],"sourcesContent":["'use client';\n\nimport { lazy, Suspense, useEffect, type ReactNode } from 'react';\n\nimport { useAui } from '../assistant-ui.js';\nimport { NamedAgentHeaderLabel } from '../atoms/NamedAgentHeaderLabel.js';\nimport { PageHeader } from '../atoms/PageHeader.js';\nimport { ShellActions } from '../atoms/ShellActions.js';\nimport { auiButtonClass } from '../atoms/lib/buttonClasses.js';\nimport { cn } from '../atoms/lib/cn.js';\nimport { Spinner } from '../atoms/primitives/Spinner.js';\nimport { AgentConfigDrawerContainer } from '../containers/AgentConfigDrawerContainer.js';\nimport { Thread } from '../containers/Thread.js';\nimport { Icon } from '../icons/Icon.js';\nimport { useOptionalShellMode } from '../server/ShellModeContext.js';\nimport { useSlot } from '../theme/SlotsProvider.js';\n\nconst TruefoundrySettingsBuilder = lazy(() => import('../containers/SettingsBuilder/index.js'));\nconst SchedulesPage = lazy(() =>\n  import('../atoms/schedules/SchedulesPage.js').then(m => ({ default: m.SchedulesPage })),\n);\n\nexport type StackChatPanelProps = {\n  className?: string;\n  /** Extra actions in the thread header (e.g. close for widget). */\n  threadHeaderEnd?: ReactNode;\n};\n\n/**\n * Thread stack used by `dock` and `widget` layouts.\n * New Chat / New Agent replace the former in-panel recent-session list.\n */\nexport function StackChatPanel({ className, threadHeaderEnd }: StackChatPanelProps) {\n  const aui = useAui();\n  const shell = useOptionalShellMode();\n  const ClearChatButton = useSlot('ClearChatButton');\n  const AgentDetailsPage = useSlot('AgentDetailsPage');\n  const AgentsLibrary = useSlot('AgentsLibrary');\n  const SessionsPage = useSlot('SessionsPage');\n  const SaveAgentButton = useSlot('SaveAgentButton');\n  const SelectAgentEmptyState = useSlot('SelectAgentEmptyState');\n  const isIdle = shell?.mode.status === 'idle';\n  const settingsOpen = shell?.settingsOpen === true;\n  const libraryOpen = shell?.libraryOpen === true;\n  const sessionsOpen = shell?.sessionsOpen === true;\n  const schedulesOpen = shell?.schedulesOpen === true;\n  const showNewActions = shell?.isNewChatEnabled !== false;\n\n  useEffect(() => {\n    if (isIdle) return;\n    void Promise.resolve(aui.threads().switchToNewThread()).catch(() => undefined);\n  }, [aui, isIdle]);\n\n  const handleNewChat = () => {\n    shell?.setLibraryOpen(false);\n    shell?.setSessionsOpen(false);\n    if (shell?.isComposerEnabled) {\n      shell.openDraft();\n      return;\n    }\n    shell?.setSettingsOpen(false);\n    shell?.setSchedulesOpen(false);\n    void Promise.resolve(aui.threads().switchToNewThread()).catch(() => undefined);\n  };\n\n  const handleNewAgent = () => {\n    shell?.setLibraryOpen(false);\n    shell?.setSessionsOpen(false);\n    if (shell?.isComposerEnabled) {\n      shell.openAgentBuilder();\n    }\n  };\n\n  return (\n    <div className={cn('relative flex h-full min-h-0 flex-col', className)}>\n      {settingsOpen ? (\n        <div className=\"min-h-0 flex-1\">\n          <Suspense\n            fallback={\n              <div\n                className=\"flex h-full items-center justify-center\"\n                role=\"status\"\n                aria-live=\"polite\"\n                aria-busy=\"true\"\n              >\n                <Spinner size={28} className=\"text-text-primary\" />\n                <span className=\"sr-only\">Loading</span>\n              </div>\n            }\n          >\n            <TruefoundrySettingsBuilder />\n          </Suspense>\n        </div>\n      ) : sessionsOpen ? (\n        <div className=\"min-h-0 flex-1\">\n          <SessionsPage />\n        </div>\n      ) : libraryOpen && shell?.libraryAgentId != null ? (\n        <div className=\"min-h-0 flex-1\">\n          <AgentDetailsPage key={shell.libraryAgentId} agentId={shell.libraryAgentId} />\n        </div>\n      ) : libraryOpen ? (\n        <div className=\"min-h-0 flex-1\">\n          <AgentsLibrary />\n        </div>\n      ) : schedulesOpen ? (\n        <div className=\"min-h-0 flex-1\">\n          <Suspense\n            fallback={\n              <div\n                className=\"flex h-full items-center justify-center\"\n                role=\"status\"\n                aria-live=\"polite\"\n                aria-busy=\"true\"\n              >\n                <Spinner size={28} className=\"text-text-primary\" />\n                <span className=\"sr-only\">Loading</span>\n              </div>\n            }\n          >\n            <SchedulesPage />\n          </Suspense>\n        </div>\n      ) : (\n        <>\n          <PageHeader\n            start={\n              <>\n                {showNewActions ? (\n                  <button\n                    type=\"button\"\n                    aria-label=\"New Chat\"\n                    title=\"New Chat\"\n                    className={auiButtonClass({ variant: 'ghost', size: 'icon' })}\n                    onClick={handleNewChat}\n                  >\n                    <Icon name=\"square-pen\" />\n                  </button>\n                ) : null}\n                {showNewActions && shell?.isComposerEnabled ? (\n                  <button\n                    type=\"button\"\n                    aria-label=\"New Agent\"\n                    title=\"New Agent\"\n                    className={auiButtonClass({ variant: 'ghost', size: 'icon' })}\n                    onClick={handleNewAgent}\n                  >\n                    <Icon name=\"agent-2\" />\n                  </button>\n                ) : null}\n              </>\n            }\n            title={<NamedAgentHeaderLabel />}\n            end={\n              <>\n                <ClearChatButton />\n                <SaveAgentButton />\n                {threadHeaderEnd}\n              </>\n            }\n          />\n          <div className=\"min-h-0 flex-1\">{isIdle ? <SelectAgentEmptyState /> : <Thread />}</div>\n        </>\n      )}\n      {/* Stable mount: only ShellActions needs to survive Settings / list / thread; host end chrome stays in the thread header. */}\n      <footer className=\"flex shrink-0 items-center justify-between border-t border-border px-2 py-1.5\">\n        {libraryOpen || schedulesOpen ? (\n          <button\n            type=\"button\"\n            className={auiButtonClass({ variant: 'ghost', size: 'sm' })}\n            onClick={() => {\n              shell?.setLibraryOpen(false);\n              shell?.setSchedulesOpen(false);\n            }}\n          >\n            <Icon name=\"arrow-left\" />\n            Back to chat\n          </button>\n        ) : (\n          <span />\n        )}\n        <ShellActions key=\"shell-actions\" />\n      </footer>\n      {shell?.agentConfigOpen ? (\n        <aside\n          role=\"dialog\"\n          aria-label=\"Agent Config\"\n          className=\"absolute inset-0 z-20 border-l border-border shadow-xl\"\n        >\n          <AgentConfigDrawerContainer showClose />\n        </aside>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}