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

package/dist/SidebarLayout-A2HJPPHS.js

@@ -0,0 +1,308 @@
+"use client";
+import {
+  AgentConfigDrawerContainer,
+  NamedAgentHeaderLabel,
+  ShellActions
+} from "./chunk-DMMZSZTN.js";
+import {
+  Thread
+} from "./chunk-M62XY4NC.js";
+import "./chunk-BSIPI3KV.js";
+import {
+  resolveBrandChrome,
+  useChatHeaderContentVisible,
+  useIsMobile,
+  useSlot
+} from "./chunk-ZTMKFZQ3.js";
+import "./chunk-2XPPBEYF.js";
+import {
+  Icon,
+  PageHeader,
+  Spinner,
+  auiButtonClass
+} from "./chunk-XAU7QFG3.js";
+import {
+  shellIsCreateAgent,
+  useOptionalShellMode
+} from "./chunk-U7KURWW3.js";
+import {
+  useAui
+} from "./chunk-M6MHLVSO.js";
+import "./chunk-MPNSO7E6.js";
+import {
+  cn,
+  useBrand
+} from "./chunk-7Z2C2K7F.js";
+
+// src/layouts/SidebarLayout.tsx
+import {
+  lazy,
+  Suspense,
+  useEffect,
+  useRef,
+  useState
+} 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 }))
+);
+var brandLogoClassName = "h-5 w-5 max-w-40 shrink-0 object-contain";
+var railWidthClassName = "w-18";
+var railActionButtonClassName = "h-auto w-full flex-col gap-1.5 whitespace-normal px-1 py-3 text-[0.625rem] leading-tight !justify-center text-text-primary shadow-none hover:bg-secondary-button-hover hover:text-ghost-button-text";
+var railSelectedClassName = "bg-primary-button-bg text-primary-button-text hover:bg-primary-button-hover hover:text-primary-button-text";
+function SidebarNav() {
+  const aui = useAui();
+  const shell = useOptionalShellMode();
+  const AgentsLibraryButton = useSlot("AgentsLibraryButton");
+  const SessionsBrowserButton = useSlot("SessionsBrowserButton");
+  const SchedulesButton = useSlot("SchedulesButton");
+  const showNewActions = shell?.isNewChatEnabled !== false;
+  const overlayOpen = shell?.settingsOpen === true || shell?.libraryOpen === true || shell?.sessionsOpen === true || shell?.schedulesOpen === true;
+  const mode = shell?.mode;
+  const newChatSelected = !overlayOpen && mode?.status === "active" && mode.isMutable && !mode.isCreateAgent;
+  const newAgentSelected = !overlayOpen && mode != null && shellIsCreateAgent(mode);
+  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("nav", { className: "flex min-h-0 flex-1 flex-col items-center gap-1 p-1", "aria-label": "Sidebar", children: [
+    showNewActions ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Start new chat",
+        title: "New chat",
+        "aria-current": newChatSelected ? "page" : void 0,
+        className: auiButtonClass({
+          variant: "ghost",
+          className: cn(railActionButtonClassName, newChatSelected && railSelectedClassName)
+        }),
+        onClick: handleNewChat,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { name: "square-pen", size: 16 }),
+          /* @__PURE__ */ jsx("span", { className: "text-center", children: "New Chat" })
+        ]
+      }
+    ) : null,
+    showNewActions && shell?.isComposerEnabled ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Start new agent",
+        title: "New Agent",
+        "aria-current": newAgentSelected ? "page" : void 0,
+        className: auiButtonClass({
+          variant: "ghost",
+          className: cn(railActionButtonClassName, newAgentSelected && railSelectedClassName)
+        }),
+        onClick: handleNewAgent,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { name: "agent-2", size: 16 }),
+          /* @__PURE__ */ jsx("span", { className: "text-center", children: "New Agent" })
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(AgentsLibraryButton, { compact: true }),
+    /* @__PURE__ */ jsx(SessionsBrowserButton, { compact: true }),
+    /* @__PURE__ */ jsx(SchedulesButton, { compact: true })
+  ] });
+}
+function SidebarRail({
+  onNavigate,
+  className,
+  railRef,
+  ...dialogProps
+}) {
+  const brand = useBrand();
+  const chrome = resolveBrandChrome(brand);
+  const BrandLogo = useSlot("BrandLogo");
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      ref: railRef,
+      className: cn(
+        railWidthClassName,
+        "flex min-h-0 shrink-0 flex-col border-r border-border bg-sidebar-bg",
+        className
+      ),
+      onClick: (event) => {
+        if (onNavigate == null) return;
+        const target = event.target;
+        if (!(target instanceof Element)) return;
+        if (target.closest("button") != null) onNavigate();
+      },
+      ...dialogProps,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex h-14 w-full shrink-0 items-center justify-center text-text-primary", children: /* @__PURE__ */ jsx(BrandLogo, { variant: chrome.collapsedVariant, className: brandLogoClassName }) }),
+        /* @__PURE__ */ jsx(SidebarNav, {}),
+        /* @__PURE__ */ jsx("footer", { className: "flex shrink-0 flex-col items-center border-border p-2", children: /* @__PURE__ */ jsx(ShellActions, { labeled: true, className: "flex-col" }) })
+      ]
+    }
+  );
+}
+function SidebarLayout({ className }) {
+  const shell = useOptionalShellMode();
+  const isMobile = useIsMobile();
+  const AgentDetailsPage = useSlot("AgentDetailsPage");
+  const AgentsLibrary = useSlot("AgentsLibrary");
+  const SessionsPage = useSlot("SessionsPage");
+  const ClearChatButton = useSlot("ClearChatButton");
+  const SaveAgentButton = useSlot("SaveAgentButton");
+  const SelectAgentEmptyState = useSlot("SelectAgentEmptyState");
+  const [mobileNavOpen, setMobileNavOpen] = useState(false);
+  const menuBtnRef = useRef(null);
+  const dialogRef = useRef(null);
+  const mainRef = useRef(null);
+  const wasOpen = useRef(false);
+  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 overlayOpen = settingsOpen || libraryOpen || sessionsOpen || schedulesOpen;
+  const showAgentConfig = shell != null && shellIsCreateAgent(shell.mode) && !overlayOpen && (!isMobile || shell.agentConfigOpen);
+  const hasChatHeaderContent = useChatHeaderContentVisible();
+  useEffect(() => {
+    if (!mobileNavOpen) return;
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") setMobileNavOpen(false);
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [mobileNavOpen]);
+  useEffect(() => {
+    const main = mainRef.current;
+    if (mobileNavOpen) {
+      wasOpen.current = true;
+      if (main) main.inert = true;
+      dialogRef.current?.focus();
+      return;
+    }
+    if (wasOpen.current) {
+      if (main) main.inert = false;
+      menuBtnRef.current?.focus();
+      wasOpen.current = false;
+    }
+  }, [mobileNavOpen]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative flex h-full min-h-0 w-full min-w-0", className), children: [
+    /* @__PURE__ */ jsx(SidebarRail, { className: "hidden md:flex" }),
+    showAgentConfig ? /* @__PURE__ */ jsx(
+      "aside",
+      {
+        role: "dialog",
+        "aria-label": "Agent Config",
+        className: "absolute inset-y-0 left-0 z-20 w-full max-w-sm border-r border-border shadow-xl md:static md:z-auto md:w-88 md:max-w-none md:shrink-0 md:shadow-none",
+        children: /* @__PURE__ */ jsx(AgentConfigDrawerContainer, { showClose: isMobile })
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col bg-primary-bg", children: [
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          className: cn(
+            "bg-topbar-bg",
+            // Desktop: hide when settings/idle or the thread header has nothing to show
+            // (empty untitled draft). Mobile still needs the menu button.
+            // Builder mode keeps New Agent and its actions beside the persistent config.
+            (overlayOpen || isIdle || !hasChatHeaderContent) && "md:hidden"
+          ),
+          start: !overlayOpen ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              ref: menuBtnRef,
+              type: "button",
+              "aria-label": "Navigation",
+              "aria-expanded": mobileNavOpen,
+              className: cn(auiButtonClass({ variant: "ghost", size: "icon" }), "md:hidden"),
+              onClick: () => setMobileNavOpen(true),
+              children: /* @__PURE__ */ jsx(Icon, { name: "bars" })
+            }
+          ) : null,
+          title: !overlayOpen ? /* @__PURE__ */ jsx(NamedAgentHeaderLabel, {}) : null,
+          end: !overlayOpen ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(ClearChatButton, {}),
+            /* @__PURE__ */ jsx(SaveAgentButton, {})
+          ] }) : null
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { ref: mainRef, className: "min-h-0 min-w-0 flex-1", children: settingsOpen ? /* @__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(SessionsPage, {}) : libraryOpen && shell?.libraryAgentId != null ? /* @__PURE__ */ jsx(AgentDetailsPage, { agentId: shell.libraryAgentId }, shell.libraryAgentId) : libraryOpen ? /* @__PURE__ */ jsx(AgentsLibrary, { onSelectAgent: () => setMobileNavOpen(false) }) : schedulesOpen ? /* @__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, {})
+        }
+      ) : isIdle ? /* @__PURE__ */ jsx(SelectAgentEmptyState, {}) : /* @__PURE__ */ jsx(Thread, {}) })
+    ] }),
+    mobileNavOpen ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Close navigation",
+          className: "absolute inset-0 z-[9] cursor-pointer bg-[var(--overlay)] md:hidden",
+          onClick: () => setMobileNavOpen(false)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SidebarRail,
+        {
+          railRef: dialogRef,
+          role: "dialog",
+          "aria-label": "Navigation",
+          tabIndex: -1,
+          onNavigate: () => setMobileNavOpen(false),
+          className: "absolute inset-y-0 left-0 z-10 shadow-lg outline-none md:hidden"
+        }
+      )
+    ] }) : null
+  ] });
+}
+export {
+  SidebarLayout
+};
+//# sourceMappingURL=SidebarLayout-A2HJPPHS.js.map

package/dist/SidebarLayout-A2HJPPHS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layouts/SidebarLayout.tsx"],"sourcesContent":["'use client';\n\nimport {\n  lazy,\n  Suspense,\n  useEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\nimport { useAui } from '../assistant-ui.js';\nimport { auiButtonClass } from '../atoms/lib/buttonClasses.js';\nimport { cn } from '../atoms/lib/cn.js';\nimport { useIsMobile } from '../atoms/lib/useIsMobile.js';\nimport { NamedAgentHeaderLabel } from '../atoms/NamedAgentHeaderLabel.js';\nimport { PageHeader } from '../atoms/PageHeader.js';\nimport { Spinner } from '../atoms/primitives/Spinner.js';\nimport { ShellActions } from '../atoms/ShellActions.js';\nimport { AgentConfigDrawerContainer } from '../containers/AgentConfigDrawerContainer.js';\nimport { Thread } from '../containers/Thread.js';\nimport { useChatHeaderContentVisible } from '../hooks/useChatChromeActionsVisible.js';\nimport { Icon } from '../icons/Icon.js';\nimport { shellIsCreateAgent, useOptionalShellMode } from '../server/ShellModeContext.js';\nimport { resolveBrandChrome } from '../theme/brand.js';\nimport { useSlot } from '../theme/SlotsProvider.js';\nimport { useBrand } from '../theme/ThemeProvider.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\nconst brandLogoClassName = 'h-5 w-5 max-w-40 shrink-0 object-contain';\nconst railWidthClassName = 'w-18';\n\nconst railActionButtonClassName =\n  'h-auto w-full flex-col gap-1.5 whitespace-normal px-1 py-3 text-[0.625rem] leading-tight !justify-center text-text-primary shadow-none hover:bg-secondary-button-hover hover:text-ghost-button-text';\n\nconst railSelectedClassName =\n  'bg-primary-button-bg text-primary-button-text hover:bg-primary-button-hover hover:text-primary-button-text';\n\nfunction SidebarNav(): ReactNode {\n  const aui = useAui();\n  const shell = useOptionalShellMode();\n  const AgentsLibraryButton = useSlot('AgentsLibraryButton');\n  const SessionsBrowserButton = useSlot('SessionsBrowserButton');\n  const SchedulesButton = useSlot('SchedulesButton');\n  const showNewActions = shell?.isNewChatEnabled !== false;\n  const overlayOpen =\n    shell?.settingsOpen === true ||\n    shell?.libraryOpen === true ||\n    shell?.sessionsOpen === true ||\n    shell?.schedulesOpen === true;\n  const mode = shell?.mode;\n  const newChatSelected = !overlayOpen && mode?.status === 'active' && mode.isMutable && !mode.isCreateAgent;\n  const newAgentSelected = !overlayOpen && mode != null && shellIsCreateAgent(mode);\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    <nav className=\"flex min-h-0 flex-1 flex-col items-center gap-1 p-1\" aria-label=\"Sidebar\">\n      {showNewActions ? (\n        <button\n          type=\"button\"\n          aria-label=\"Start new chat\"\n          title=\"New chat\"\n          aria-current={newChatSelected ? 'page' : undefined}\n          className={auiButtonClass({\n            variant: 'ghost',\n            className: cn(railActionButtonClassName, newChatSelected && railSelectedClassName),\n          })}\n          onClick={handleNewChat}\n        >\n          <Icon name=\"square-pen\" size={16} />\n          <span className=\"text-center\">New Chat</span>\n        </button>\n      ) : null}\n      {showNewActions && shell?.isComposerEnabled ? (\n        <button\n          type=\"button\"\n          aria-label=\"Start new agent\"\n          title=\"New Agent\"\n          aria-current={newAgentSelected ? 'page' : undefined}\n          className={auiButtonClass({\n            variant: 'ghost',\n            className: cn(railActionButtonClassName, newAgentSelected && railSelectedClassName),\n          })}\n          onClick={handleNewAgent}\n        >\n          <Icon name=\"agent-2\" size={16} />\n          <span className=\"text-center\">New Agent</span>\n        </button>\n      ) : null}\n      <AgentsLibraryButton compact />\n      <SessionsBrowserButton compact />\n      <SchedulesButton compact />\n    </nav>\n  );\n}\n\n/** Shared desktop + mobile icon+label rail (brand, nav, footer actions). */\nfunction SidebarRail({\n  onNavigate,\n  className,\n  railRef,\n  ...dialogProps\n}: {\n  onNavigate?: () => void;\n  className?: string;\n  railRef?: Ref<HTMLElement>;\n} & Omit<ComponentPropsWithoutRef<'aside'>, 'children' | 'className'>): ReactNode {\n  const brand = useBrand();\n  const chrome = resolveBrandChrome(brand);\n  const BrandLogo = useSlot('BrandLogo');\n\n  return (\n    <aside\n      ref={railRef}\n      className={cn(\n        railWidthClassName,\n        'flex min-h-0 shrink-0 flex-col border-r border-border bg-sidebar-bg',\n        className,\n      )}\n      onClick={event => {\n        if (onNavigate == null) return;\n        const target = event.target;\n        if (!(target instanceof Element)) return;\n        if (target.closest('button') != null) onNavigate();\n      }}\n      {...dialogProps}\n    >\n      <div className=\"flex h-14 w-full shrink-0 items-center justify-center text-text-primary\">\n        <BrandLogo variant={chrome.collapsedVariant} className={brandLogoClassName} />\n      </div>\n      <SidebarNav />\n      <footer className=\"flex shrink-0 flex-col items-center border-border p-2\">\n        <ShellActions labeled className=\"flex-col\" />\n      </footer>\n    </aside>\n  );\n}\n\nexport function SidebarLayout({ className }: { className?: string }) {\n  const shell = useOptionalShellMode();\n  const isMobile = useIsMobile();\n  const AgentDetailsPage = useSlot('AgentDetailsPage');\n  const AgentsLibrary = useSlot('AgentsLibrary');\n  const SessionsPage = useSlot('SessionsPage');\n  const ClearChatButton = useSlot('ClearChatButton');\n  const SaveAgentButton = useSlot('SaveAgentButton');\n  const SelectAgentEmptyState = useSlot('SelectAgentEmptyState');\n  const [mobileNavOpen, setMobileNavOpen] = useState(false);\n  const menuBtnRef = useRef<HTMLButtonElement>(null);\n  const dialogRef = useRef<HTMLElement>(null);\n  const mainRef = useRef<HTMLDivElement>(null);\n  const wasOpen = useRef(false);\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 overlayOpen = settingsOpen || libraryOpen || sessionsOpen || schedulesOpen;\n  const showAgentConfig =\n    shell != null && shellIsCreateAgent(shell.mode) && !overlayOpen && (!isMobile || shell.agentConfigOpen);\n  const hasChatHeaderContent = useChatHeaderContentVisible();\n\n  useEffect(() => {\n    if (!mobileNavOpen) return;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') setMobileNavOpen(false);\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [mobileNavOpen]);\n\n  useEffect(() => {\n    const main = mainRef.current;\n    if (mobileNavOpen) {\n      wasOpen.current = true;\n      if (main) main.inert = true;\n      dialogRef.current?.focus();\n      return;\n    }\n    if (wasOpen.current) {\n      if (main) main.inert = false;\n      menuBtnRef.current?.focus();\n      wasOpen.current = false;\n    }\n  }, [mobileNavOpen]);\n\n  return (\n    <div className={cn('relative flex h-full min-h-0 w-full min-w-0', className)}>\n      <SidebarRail className=\"hidden md:flex\" />\n\n      {showAgentConfig ? (\n        <aside\n          role=\"dialog\"\n          aria-label=\"Agent Config\"\n          className=\"absolute inset-y-0 left-0 z-20 w-full max-w-sm border-r border-border shadow-xl md:static md:z-auto md:w-88 md:max-w-none md:shrink-0 md:shadow-none\"\n        >\n          <AgentConfigDrawerContainer showClose={isMobile} />\n        </aside>\n      ) : null}\n\n      <div className=\"flex min-h-0 min-w-0 flex-1 flex-col bg-primary-bg\">\n        {/* Desktop keeps shell chrome in the rail footer (always mounted, including\n            when visually hidden on small screens so host action-slot state persists).\n            Mobile reaches theme/settings via the nav drawer rail. */}\n        <PageHeader\n          className={cn(\n            'bg-topbar-bg',\n            // Desktop: hide when settings/idle or the thread header has nothing to show\n            // (empty untitled draft). Mobile still needs the menu button.\n            // Builder mode keeps New Agent and its actions beside the persistent config.\n            (overlayOpen || isIdle || !hasChatHeaderContent) && 'md:hidden',\n          )}\n          start={\n            !overlayOpen ? (\n              <button\n                ref={menuBtnRef}\n                type=\"button\"\n                aria-label=\"Navigation\"\n                aria-expanded={mobileNavOpen}\n                className={cn(auiButtonClass({ variant: 'ghost', size: 'icon' }), 'md:hidden')}\n                onClick={() => setMobileNavOpen(true)}\n              >\n                <Icon name=\"bars\" />\n              </button>\n            ) : null\n          }\n          title={!overlayOpen ? <NamedAgentHeaderLabel /> : null}\n          end={\n            !overlayOpen ? (\n              <>\n                <ClearChatButton />\n                <SaveAgentButton />\n              </>\n            ) : null\n          }\n        />\n\n        <div ref={mainRef} className=\"min-h-0 min-w-0 flex-1\">\n          {settingsOpen ? (\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          ) : sessionsOpen ? (\n            <SessionsPage />\n          ) : libraryOpen && shell?.libraryAgentId != null ? (\n            <AgentDetailsPage key={shell.libraryAgentId} agentId={shell.libraryAgentId} />\n          ) : libraryOpen ? (\n            <AgentsLibrary onSelectAgent={() => setMobileNavOpen(false)} />\n          ) : schedulesOpen ? (\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          ) : isIdle ? (\n            <SelectAgentEmptyState />\n          ) : (\n            <Thread />\n          )}\n        </div>\n      </div>\n\n      {/* Mobile: same narrow rail as desktop */}\n      {mobileNavOpen ? (\n        <>\n          <button\n            type=\"button\"\n            aria-label=\"Close navigation\"\n            className=\"absolute inset-0 z-[9] cursor-pointer bg-[var(--overlay)] md:hidden\"\n            onClick={() => setMobileNavOpen(false)}\n          />\n          <SidebarRail\n            railRef={dialogRef}\n            role=\"dialog\"\n            aria-label=\"Navigation\"\n            tabIndex={-1}\n            onNavigate={() => setMobileNavOpen(false)}\n            className=\"absolute inset-y-0 left-0 z-10 shadow-lg outline-none md:hidden\"\n          />\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{SkillSettings-3EPPC3IT.js → SkillSettings-FGGMSUNO.js}

@@ -5,16 +5,18 @@ import {
   SearchInput_default,
   auiInputClass,
   useToasterOptional
-} from "./chunk-OSV3HI5M.js";
+} from "./chunk-ZTMKFZQ3.js";
+import "./chunk-2XPPBEYF.js";
 import {
   Icon,
   getErrorMessage
-} from "./chunk-FJ5RSSMA.js";
+} from "./chunk-XAU7QFG3.js";
 import {
   useCatalogServer
-} from "./chunk-WQULF5AT.js";
-import "./chunk-B52K63AW.js";
-import "./chunk-36KOSC2J.js";
+} from "./chunk-U7KURWW3.js";
+import "./chunk-M6MHLVSO.js";
+import "./chunk-MPNSO7E6.js";
+import "./chunk-7Z2C2K7F.js";
 
 // src/containers/SettingsBuilder/SkillSettings.tsx
 import { useCallback, useEffect, useMemo, useState as useState2 } from "react";
@@ -388,4 +390,4 @@ var SkillSettings_default = SkillSettings;
 export {
   SkillSettings_default as default
 };
-//# sourceMappingURL=SkillSettings-3EPPC3IT.js.map
+//# sourceMappingURL=SkillSettings-FGGMSUNO.js.map

package/dist/{SkillSettings-3EPPC3IT.js.map → SkillSettings-FGGMSUNO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/containers/SettingsBuilder/SkillSettings.tsx","../src/containers/SettingsBuilder/ImportGithubSkillForm.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useMemo, useState, type ReactNode } from 'react';\n\nimport { Button } from '@/atoms/primitives/Button.js';\nimport SearchInput from '@/atoms/primitives/SearchInput.js';\nimport { Icon } from '@/icons/Icon.js';\nimport { useCatalogServer } from '../../server/ServerContext.js';\nimport type { RegistrySkill, SkillBase, SkillCatalogEntry, SkillConfigBase } from '../../server/types.js';\nimport { getErrorMessage } from '../../utils/getErrorMessage.js';\nimport { useToasterOptional } from '../ToasterContainer.js';\nimport ImportGithubSkillForm from './ImportGithubSkillForm.js';\n\nconst matchesQuery = (query: string, name: string, description: string) =>\n  !query || name.toLowerCase().includes(query) || description.toLowerCase().includes(query);\n\nconst isRegistrySkill = (skill: SkillBase): skill is RegistrySkill => 'catalogId' in skill;\n\nconst SkillSettings = () => {\n  const { skillCatalog } = useCatalogServer();\n  const toaster = useToasterOptional();\n\n  const [query, setQuery] = useState('');\n  const [skills, setSkills] = useState<SkillBase[]>([]);\n  const [catalog, setCatalog] = useState<SkillCatalogEntry[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [formError, setFormError] = useState<string | null>(null);\n  const [busy, setBusy] = useState(false);\n  const [importOpen, setImportOpen] = useState(false);\n\n  const refresh = useCallback(async () => {\n    if (!skillCatalog) return;\n    setLoading(true);\n    setError(null);\n    try {\n      const [defined, available] = await Promise.all([skillCatalog.listSkills(), skillCatalog.getSkillCatalog()]);\n      setSkills(defined);\n      setCatalog(available);\n    } catch (err) {\n      setError(getErrorMessage(err, 'Failed to load skills'));\n    } finally {\n      setLoading(false);\n    }\n  }, [skillCatalog]);\n\n  useEffect(() => {\n    void refresh();\n  }, [refresh]);\n\n  const normalizedQuery = query.trim().toLowerCase();\n\n  const selectedSkills = useMemo(\n    () => skills.filter(skill => matchesQuery(normalizedQuery, skill.name, skill.description)),\n    [skills, normalizedQuery],\n  );\n\n  const availableSkills = useMemo(() => {\n    const selectedCatalogIds = new Set(skills.flatMap(skill => (isRegistrySkill(skill) ? [skill.catalogId] : [])));\n    return catalog.filter(\n      entry => !selectedCatalogIds.has(entry.id) && matchesQuery(normalizedQuery, entry.name, entry.description),\n    );\n  }, [catalog, skills, normalizedQuery]);\n\n  const runMutation = async (fn: () => Promise<void>, setMutationError = setError) => {\n    setBusy(true);\n    setError(null);\n    try {\n      await fn();\n      await refresh();\n    } catch (err) {\n      setMutationError(getErrorMessage(err, 'Request failed'));\n      throw err;\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  if (!skillCatalog) {\n    return <p className=\"text-sm text-text-secondary\">Skills catalog is not available.</p>;\n  }\n\n  const handleSelect = (entry: SkillCatalogEntry) => {\n    void runMutation(async () => {\n      await skillCatalog.createSkill({\n        catalogId: entry.id,\n        name: entry.name,\n        description: entry.description,\n        repoURL: entry.repoURL,\n        path: entry.path,\n        ref: entry.ref,\n      });\n    }).catch(() => {});\n  };\n\n  const handleRemove = (skill: SkillBase) => {\n    const deleteSkill = skillCatalog.deleteSkill;\n    if (!deleteSkill) return;\n    void runMutation(async () => {\n      await deleteSkill({ id: skill.id });\n    }).catch(() => {});\n  };\n\n  const handleImport = async (draft: SkillConfigBase) => {\n    setFormError(null);\n    await runMutation(async () => {\n      await skillCatalog.createSkill(draft);\n    }, setFormError);\n    setTimeout(() => {\n      toaster?.showSuccess({ title: `${draft.name} imported` });\n    }, 0);\n  };\n\n  const renderRow = ({\n    key,\n    name,\n    description,\n    action,\n  }: {\n    key: string;\n    name: string;\n    description: string;\n    action: ReactNode;\n  }) => (\n    <article key={key} className=\"flex min-h-16 items-center gap-3 border-b border-border p-3 last:border-b-0\">\n      <span\n        className=\"flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-secondary-bg\"\n        aria-hidden\n      >\n        <Icon name=\"lightbulb\" className=\"size-4.5 text-text-primary\" />\n      </span>\n\n      <div className=\"min-w-0 flex-1\">\n        <h5 className=\"truncate text-sm font-medium text-text-primary\">{name}</h5>\n        {description ? <p className=\"mt-0.5 truncate text-sm text-text-secondary\">{description}</p> : null}\n      </div>\n\n      {action}\n    </article>\n  );\n\n  const hasMatches = selectedSkills.length > 0 || availableSkills.length > 0;\n\n  return (\n    <>\n      <h3 className=\"text-xl font-semibold tracking-tight text-text-primary\">Skills</h3>\n      <p className=\"mt-1 text-sm text-text-secondary\">Use built-in skills or import custom skills from GitHub.</p>\n\n      {error ? (\n        <p className=\"mt-3 rounded-md border border-failure-bg/30 bg-failure-bg/10 px-3 py-2 text-sm text-failure-bg\">\n          {error}\n        </p>\n      ) : null}\n\n      <div className=\"mt-4 flex min-h-0 flex-1 flex-col gap-3\">\n        <div className=\"flex flex-col gap-2 sm:flex-row\">\n          <div className=\"min-w-0 flex-1\">\n            <SearchInput query={query} setQuery={setQuery} placeholder=\"Search skills\" />\n          </div>\n          <Button\n            variant=\"secondary\"\n            type=\"button\"\n            className=\"shrink-0\"\n            disabled={busy}\n            onClick={() => {\n              setFormError(null);\n              setImportOpen(true);\n            }}\n          >\n            <Icon name=\"github\" className=\"size-4\" />\n            Import from GitHub\n          </Button>\n        </div>\n\n        <div className=\"flex flex-1 flex-col gap-5 overflow-y-auto pb-1\">\n          {loading ? <p className=\"py-8 text-center text-sm text-text-secondary\">Loading…</p> : null}\n\n          {!loading && selectedSkills.length > 0 ? (\n            <section aria-labelledby=\"enabled-skills-heading\">\n              <h4\n                id=\"enabled-skills-heading\"\n                className=\"mb-2 text-[0.8125rem] font-semibold uppercase text-text-secondary\"\n              >\n                Enabled · {selectedSkills.length}\n              </h4>\n              <div className=\"overflow-hidden rounded-xl border border-border bg-card-bg\">\n                {selectedSkills.map(skill =>\n                  renderRow({\n                    key: skill.id,\n                    name: skill.name,\n                    description: skill.description,\n                    action: skillCatalog.deleteSkill ? (\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        type=\"button\"\n                        disabled={busy}\n                        aria-label={`Remove ${skill.name}`}\n                        onClick={() => {\n                          handleRemove(skill);\n                        }}\n                      >\n                        Remove\n                      </Button>\n                    ) : null,\n                  }),\n                )}\n              </div>\n            </section>\n          ) : null}\n\n          {!loading && availableSkills.length > 0 ? (\n            <section aria-labelledby=\"available-skills-heading\">\n              <h4\n                id=\"available-skills-heading\"\n                className=\"mb-2 text-[0.8125rem] font-semibold uppercase text-text-secondary\"\n              >\n                Available · {availableSkills.length}\n              </h4>\n              <div className=\"overflow-hidden rounded-xl border border-border bg-card-bg\">\n                {availableSkills.map(entry =>\n                  renderRow({\n                    key: entry.id,\n                    name: entry.name,\n                    description: entry.description,\n                    action: (\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        type=\"button\"\n                        disabled={busy}\n                        aria-label={`Enable ${entry.name}`}\n                        onClick={() => {\n                          handleSelect(entry);\n                        }}\n                      >\n                        Enable\n                      </Button>\n                    ),\n                  }),\n                )}\n              </div>\n            </section>\n          ) : null}\n\n          {!loading && !hasMatches ? (\n            <div className=\"flex flex-1 items-center justify-center rounded-xl border border-dashed border-border p-8 text-center text-sm text-text-secondary\">\n              {normalizedQuery ? `No skills match “${query.trim()}”.` : 'No skills yet.'}\n            </div>\n          ) : null}\n        </div>\n      </div>\n\n      <ImportGithubSkillForm\n        open={importOpen}\n        onOpenChange={open => {\n          setImportOpen(open);\n          if (!open) setFormError(null);\n        }}\n        onImport={handleImport}\n        busy={busy}\n        error={formError}\n      />\n    </>\n  );\n};\n\nexport default SkillSettings;\n","'use client';\n\nimport { useState, type SyntheticEvent } from 'react';\n\nimport { auiInputClass } from '@/atoms/lib/inputClasses.js';\nimport { Button } from '@/atoms/primitives/Button.js';\nimport { CenteredModal } from '@/atoms/primitives/CenteredModal.js';\nimport { Icon } from '@/icons/Icon.js';\nimport type { SkillConfigBase } from '../../server/types.js';\n\ntype ImportGithubSkillFormProps = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onImport: (draft: SkillConfigBase) => void | Promise<void>;\n  busy?: boolean;\n  error?: string | null;\n};\n\nconst ImportGithubSkillForm = ({ open, onOpenChange, onImport, busy = false, error }: ImportGithubSkillFormProps) => {\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [repoURL, setRepoURL] = useState('');\n  const [path, setPath] = useState('');\n  const [ref, setRef] = useState('');\n\n  const reset = () => {\n    setName('');\n    setDescription('');\n    setRepoURL('');\n    setPath('');\n    setRef('');\n  };\n\n  const close = () => {\n    reset();\n    onOpenChange(false);\n  };\n\n  const handleSubmit = async (event: SyntheticEvent<HTMLFormElement, SubmitEvent>) => {\n    event.preventDefault();\n    if (!name.trim() || !description.trim() || !repoURL.trim() || !path.trim() || !ref.trim() || busy) return;\n\n    try {\n      await onImport({\n        name: name.trim(),\n        description: description.trim(),\n        repoURL: repoURL.trim(),\n        path: path.trim(),\n        ref: ref.trim(),\n      });\n      close();\n    } catch {\n      // Parent surfaces error; keep form open.\n    }\n  };\n\n  const canImport = Boolean(name.trim() && description.trim() && repoURL.trim() && path.trim() && ref.trim()) && !busy;\n\n  return (\n    <CenteredModal\n      open={open}\n      onOpenChange={nextOpen => {\n        if (!nextOpen) close();\n      }}\n      title=\"Import from GitHub\"\n      description=\"Import a skill from a SKILL.md file in a GitHub repository.\"\n      headerIcon={\n        <span className=\"flex size-11 shrink-0 items-center justify-center rounded-lg border border-border bg-secondary-bg text-text-primary\">\n          <Icon name=\"github\" className=\"size-5\" />\n        </span>\n      }\n      contentSized\n      className=\"md:max-w-2xl\"\n    >\n      <form onSubmit={e => void handleSubmit(e)}>\n        <div className=\"space-y-5 px-5 py-5 md:px-6\">\n          <div>\n            <label htmlFor=\"skill-name\" className=\"mb-2 block text-sm font-semibold text-text-primary\">\n              Name\n            </label>\n            <input\n              id=\"skill-name\"\n              value={name}\n              onChange={event => {\n                setName(event.target.value);\n              }}\n              placeholder=\"release-notes\"\n              autoFocus\n              required\n              className={auiInputClass('h-11')}\n            />\n          </div>\n\n          <div>\n            <label htmlFor=\"skill-description\" className=\"mb-2 block text-sm font-semibold text-text-primary\">\n              Description\n            </label>\n            <textarea\n              id=\"skill-description\"\n              value={description}\n              onChange={event => {\n                setDescription(event.target.value);\n              }}\n              placeholder=\"Generate release notes from merged pull requests\"\n              required\n              rows={3}\n              className={auiInputClass('resize-y py-2.5')}\n            />\n          </div>\n\n          <div>\n            <label htmlFor=\"skill-repo-url\" className=\"mb-2 block text-sm font-semibold text-text-primary\">\n              Repository URL\n            </label>\n            <input\n              id=\"skill-repo-url\"\n              type=\"url\"\n              value={repoURL}\n              onChange={event => {\n                setRepoURL(event.target.value);\n              }}\n              placeholder=\"https://github.com/org/repo\"\n              required\n              className={auiInputClass('h-11')}\n            />\n          </div>\n\n          <div>\n            <label htmlFor=\"skill-path\" className=\"mb-2 block text-sm font-semibold text-text-primary\">\n              Folder containing the SKILL.md\n            </label>\n            <input\n              id=\"skill-path\"\n              value={path}\n              onChange={event => {\n                setPath(event.target.value);\n              }}\n              placeholder=\"skills/release-notes\"\n              required\n              className={auiInputClass('h-11')}\n            />\n          </div>\n\n          <div>\n            <label htmlFor=\"skill-ref\" className=\"mb-2 block text-sm font-semibold text-text-primary\">\n              Branch\n            </label>\n            <input\n              id=\"skill-ref\"\n              value={ref}\n              onChange={event => {\n                setRef(event.target.value);\n              }}\n              placeholder=\"main\"\n              required\n              className={auiInputClass('h-11')}\n            />\n          </div>\n\n          <div className=\"space-y-3\">\n            {error ? <p className=\"text-failure-bg text-sm\">{error}</p> : null}\n            <Button type=\"submit\" disabled={!canImport} className=\"w-full\">\n              Import\n            </Button>\n          </div>\n        </div>\n      </form>\n    </CenteredModal>\n  );\n};\n\nexport default ImportGithubSkillForm;\n"],"mappings":"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","names":["useState","jsx","jsxs","useState"]}
+{"version":3,"sources":["../src/containers/SettingsBuilder/SkillSettings.tsx","../src/containers/SettingsBuilder/ImportGithubSkillForm.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useMemo, useState, type ReactNode } from 'react';\n\nimport { Button } from '@/atoms/primitives/Button.js';\nimport SearchInput from '@/atoms/primitives/SearchInput.js';\nimport { Icon } from '@/icons/Icon.js';\nimport { useCatalogServer } from '../../server/ServerContext.js';\nimport type { RegistrySkill, SkillBase, SkillCatalogEntry, SkillConfigBase } from '../../server/types.js';\nimport { getErrorMessage } from '../../utils/getErrorMessage.js';\nimport { useToasterOptional } from '../ToasterContainer.js';\nimport ImportGithubSkillForm from './ImportGithubSkillForm.js';\n\nconst matchesQuery = (query: string, name: string, description: string) =>\n  !query || name.toLowerCase().includes(query) || description.toLowerCase().includes(query);\n\nconst isRegistrySkill = (skill: SkillBase): skill is RegistrySkill => 'catalogId' in skill;\n\nconst SkillSettings = () => {\n  const { skillCatalog } = useCatalogServer();\n  const toaster = useToasterOptional();\n\n  const [query, setQuery] = useState('');\n  const [skills, setSkills] = useState<SkillBase[]>([]);\n  const [catalog, setCatalog] = useState<SkillCatalogEntry[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [formError, setFormError] = useState<string | null>(null);\n  const [busy, setBusy] = useState(false);\n  const [importOpen, setImportOpen] = useState(false);\n\n  const refresh = useCallback(async () => {\n    if (!skillCatalog) return;\n    setLoading(true);\n    setError(null);\n    try {\n      const [defined, available] = await Promise.all([skillCatalog.listSkills(), skillCatalog.getSkillCatalog()]);\n      setSkills(defined);\n      setCatalog(available);\n    } catch (err) {\n      setError(getErrorMessage(err, 'Failed to load skills'));\n    } finally {\n      setLoading(false);\n    }\n  }, [skillCatalog]);\n\n  useEffect(() => {\n    void refresh();\n  }, [refresh]);\n\n  const normalizedQuery = query.trim().toLowerCase();\n\n  const selectedSkills = useMemo(\n    () => skills.filter(skill => matchesQuery(normalizedQuery, skill.name, skill.description)),\n    [skills, normalizedQuery],\n  );\n\n  const availableSkills = useMemo(() => {\n    const selectedCatalogIds = new Set(skills.flatMap(skill => (isRegistrySkill(skill) ? [skill.catalogId] : [])));\n    return catalog.filter(\n      entry => !selectedCatalogIds.has(entry.id) && matchesQuery(normalizedQuery, entry.name, entry.description),\n    );\n  }, [catalog, skills, normalizedQuery]);\n\n  const runMutation = async (fn: () => Promise<void>, setMutationError = setError) => {\n    setBusy(true);\n    setError(null);\n    try {\n      await fn();\n      await refresh();\n    } catch (err) {\n      setMutationError(getErrorMessage(err, 'Request failed'));\n      throw err;\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  if (!skillCatalog) {\n    return <p className=\"text-sm text-text-secondary\">Skills catalog is not available.</p>;\n  }\n\n  const handleSelect = (entry: SkillCatalogEntry) => {\n    void runMutation(async () => {\n      await skillCatalog.createSkill({\n        catalogId: entry.id,\n        name: entry.name,\n        description: entry.description,\n        repoURL: entry.repoURL,\n        path: entry.path,\n        ref: entry.ref,\n      });\n    }).catch(() => {});\n  };\n\n  const handleRemove = (skill: SkillBase) => {\n    const deleteSkill = skillCatalog.deleteSkill;\n    if (!deleteSkill) return;\n    void runMutation(async () => {\n      await deleteSkill({ id: skill.id });\n    }).catch(() => {});\n  };\n\n  const handleImport = async (draft: SkillConfigBase) => {\n    setFormError(null);\n    await runMutation(async () => {\n      await skillCatalog.createSkill(draft);\n    }, setFormError);\n    setTimeout(() => {\n      toaster?.showSuccess({ title: `${draft.name} imported` });\n    }, 0);\n  };\n\n  const renderRow = ({\n    key,\n    name,\n    description,\n    action,\n  }: {\n    key: string;\n    name: string;\n    description: string;\n    action: ReactNode;\n  }) => (\n    <article key={key} className=\"flex min-h-16 items-center gap-3 border-b border-border p-3 last:border-b-0\">\n      <span\n        className=\"flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-secondary-bg\"\n        aria-hidden\n      >\n        <Icon name=\"lightbulb\" className=\"size-4.5 text-text-primary\" />\n      </span>\n\n      <div className=\"min-w-0 flex-1\">\n        <h5 className=\"truncate text-sm font-medium text-text-primary\">{name}</h5>\n        {description ? <p className=\"mt-0.5 truncate text-sm text-text-secondary\">{description}</p> : null}\n      </div>\n\n      {action}\n    </article>\n  );\n\n  const hasMatches = selectedSkills.length > 0 || availableSkills.length > 0;\n\n  return (\n    <>\n      <h3 className=\"text-xl font-semibold tracking-tight text-text-primary\">Skills</h3>\n      <p className=\"mt-1 text-sm text-text-secondary\">Use built-in skills or import custom skills from GitHub.</p>\n\n      {error ? (\n        <p className=\"mt-3 rounded-md border border-failure-bg/30 bg-failure-bg/10 px-3 py-2 text-sm text-failure-bg\">\n          {error}\n        </p>\n      ) : null}\n\n      <div className=\"mt-4 flex min-h-0 flex-1 flex-col gap-3\">\n        <div className=\"flex flex-col gap-2 sm:flex-row\">\n          <div className=\"min-w-0 flex-1\">\n            <SearchInput query={query} setQuery={setQuery} placeholder=\"Search skills\" />\n          </div>\n          <Button\n            variant=\"secondary\"\n            type=\"button\"\n            className=\"shrink-0\"\n            disabled={busy}\n            onClick={() => {\n              setFormError(null);\n              setImportOpen(true);\n            }}\n          >\n            <Icon name=\"github\" className=\"size-4\" />\n            Import from GitHub\n          </Button>\n        </div>\n\n        <div className=\"flex flex-1 flex-col gap-5 overflow-y-auto pb-1\">\n          {loading ? <p className=\"py-8 text-center text-sm text-text-secondary\">Loading…</p> : null}\n\n          {!loading && selectedSkills.length > 0 ? (\n            <section aria-labelledby=\"enabled-skills-heading\">\n              <h4\n                id=\"enabled-skills-heading\"\n                className=\"mb-2 text-[0.8125rem] font-semibold uppercase text-text-secondary\"\n              >\n                Enabled · {selectedSkills.length}\n              </h4>\n              <div className=\"overflow-hidden rounded-xl border border-border bg-card-bg\">\n                {selectedSkills.map(skill =>\n                  renderRow({\n                    key: skill.id,\n                    name: skill.name,\n                    description: skill.description,\n                    action: skillCatalog.deleteSkill ? (\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        type=\"button\"\n                        disabled={busy}\n                        aria-label={`Remove ${skill.name}`}\n                        onClick={() => {\n                          handleRemove(skill);\n                        }}\n                      >\n                        Remove\n                      </Button>\n                    ) : null,\n                  }),\n                )}\n              </div>\n            </section>\n          ) : null}\n\n          {!loading && availableSkills.length > 0 ? (\n            <section aria-labelledby=\"available-skills-heading\">\n              <h4\n                id=\"available-skills-heading\"\n                className=\"mb-2 text-[0.8125rem] font-semibold uppercase text-text-secondary\"\n              >\n                Available · {availableSkills.length}\n              </h4>\n              <div className=\"overflow-hidden rounded-xl border border-border bg-card-bg\">\n                {availableSkills.map(entry =>\n                  renderRow({\n                    key: entry.id,\n                    name: entry.name,\n                    description: entry.description,\n                    action: (\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        type=\"button\"\n                        disabled={busy}\n                        aria-label={`Enable ${entry.name}`}\n                        onClick={() => {\n                          handleSelect(entry);\n                        }}\n                      >\n                        Enable\n                      </Button>\n                    ),\n                  }),\n                )}\n              </div>\n            </section>\n          ) : null}\n\n          {!loading && !hasMatches ? (\n            <div className=\"flex flex-1 items-center justify-center rounded-xl border border-dashed border-border p-8 text-center text-sm text-text-secondary\">\n              {normalizedQuery ? `No skills match “${query.trim()}”.` : 'No skills yet.'}\n            </div>\n          ) : null}\n        </div>\n      </div>\n\n      <ImportGithubSkillForm\n        open={importOpen}\n        onOpenChange={open => {\n          setImportOpen(open);\n          if (!open) setFormError(null);\n        }}\n        onImport={handleImport}\n        busy={busy}\n        error={formError}\n      />\n    </>\n  );\n};\n\nexport default SkillSettings;\n","'use client';\n\nimport { useState, type SyntheticEvent } from 'react';\n\nimport { auiInputClass } from '@/atoms/lib/inputClasses.js';\nimport { Button } from '@/atoms/primitives/Button.js';\nimport { CenteredModal } from '@/atoms/primitives/CenteredModal.js';\nimport { Icon } from '@/icons/Icon.js';\nimport type { SkillConfigBase } from '../../server/types.js';\n\ntype ImportGithubSkillFormProps = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onImport: (draft: SkillConfigBase) => void | Promise<void>;\n  busy?: boolean;\n  error?: string | null;\n};\n\nconst ImportGithubSkillForm = ({ open, onOpenChange, onImport, busy = false, error }: ImportGithubSkillFormProps) => {\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [repoURL, setRepoURL] = useState('');\n  const [path, setPath] = useState('');\n  const [ref, setRef] = useState('');\n\n  const reset = () => {\n    setName('');\n    setDescription('');\n    setRepoURL('');\n    setPath('');\n    setRef('');\n  };\n\n  const close = () => {\n    reset();\n    onOpenChange(false);\n  };\n\n  const handleSubmit = async (event: SyntheticEvent<HTMLFormElement, SubmitEvent>) => {\n    event.preventDefault();\n    if (!name.trim() || !description.trim() || !repoURL.trim() || !path.trim() || !ref.trim() || busy) return;\n\n    try {\n      await onImport({\n        name: name.trim(),\n        description: description.trim(),\n        repoURL: repoURL.trim(),\n        path: path.trim(),\n        ref: ref.trim(),\n      });\n      close();\n    } catch {\n      // Parent surfaces error; keep form open.\n    }\n  };\n\n  const canImport = Boolean(name.trim() && description.trim() && repoURL.trim() && path.trim() && ref.trim()) && !busy;\n\n  return (\n    <CenteredModal\n      open={open}\n      onOpenChange={nextOpen => {\n        if (!nextOpen) close();\n      }}\n      title=\"Import from GitHub\"\n      description=\"Import a skill from a SKILL.md file in a GitHub repository.\"\n      headerIcon={\n        <span className=\"flex size-11 shrink-0 items-center justify-center rounded-lg border border-border bg-secondary-bg text-text-primary\">\n          <Icon name=\"github\" className=\"size-5\" />\n        </span>\n      }\n      contentSized\n      className=\"md:max-w-2xl\"\n    >\n      <form onSubmit={e => void handleSubmit(e)}>\n        <div className=\"space-y-5 px-5 py-5 md:px-6\">\n          <div>\n            <label htmlFor=\"skill-name\" className=\"mb-2 block text-sm font-semibold text-text-primary\">\n              Name\n            </label>\n            <input\n              id=\"skill-name\"\n              value={name}\n              onChange={event => {\n                setName(event.target.value);\n              }}\n              placeholder=\"release-notes\"\n              autoFocus\n              required\n              className={auiInputClass('h-11')}\n            />\n          </div>\n\n          <div>\n            <label htmlFor=\"skill-description\" className=\"mb-2 block text-sm font-semibold text-text-primary\">\n              Description\n            </label>\n            <textarea\n              id=\"skill-description\"\n              value={description}\n              onChange={event => {\n                setDescription(event.target.value);\n              }}\n              placeholder=\"Generate release notes from merged pull requests\"\n              required\n              rows={3}\n              className={auiInputClass('resize-y py-2.5')}\n            />\n          </div>\n\n          <div>\n            <label htmlFor=\"skill-repo-url\" className=\"mb-2 block text-sm font-semibold text-text-primary\">\n              Repository URL\n            </label>\n            <input\n              id=\"skill-repo-url\"\n              type=\"url\"\n              value={repoURL}\n              onChange={event => {\n                setRepoURL(event.target.value);\n              }}\n              placeholder=\"https://github.com/org/repo\"\n              required\n              className={auiInputClass('h-11')}\n            />\n          </div>\n\n          <div>\n            <label htmlFor=\"skill-path\" className=\"mb-2 block text-sm font-semibold text-text-primary\">\n              Folder containing the SKILL.md\n            </label>\n            <input\n              id=\"skill-path\"\n              value={path}\n              onChange={event => {\n                setPath(event.target.value);\n              }}\n              placeholder=\"skills/release-notes\"\n              required\n              className={auiInputClass('h-11')}\n            />\n          </div>\n\n          <div>\n            <label htmlFor=\"skill-ref\" className=\"mb-2 block text-sm font-semibold text-text-primary\">\n              Branch\n            </label>\n            <input\n              id=\"skill-ref\"\n              value={ref}\n              onChange={event => {\n                setRef(event.target.value);\n              }}\n              placeholder=\"main\"\n              required\n              className={auiInputClass('h-11')}\n            />\n          </div>\n\n          <div className=\"space-y-3\">\n            {error ? <p className=\"text-failure-bg text-sm\">{error}</p> : null}\n            <Button type=\"submit\" disabled={!canImport} className=\"w-full\">\n              Import\n            </Button>\n          </div>\n        </div>\n      </form>\n    </CenteredModal>\n  );\n};\n\nexport default ImportGithubSkillForm;\n"],"mappings":"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","names":["useState","jsx","jsxs","useState"]}

package/dist/{TrueForgeUIWithRouter-NZ4FGPE4.js → TrueForgeUIWithRouter-MZVJWJMB.js}

@@ -1,17 +1,21 @@
 "use client";
-import {
-  resolveRoutesConfig
-} from "./chunk-YIWUG6MC.js";
 import {
   TrueForgeUIShell
-} from "./chunk-WREC7D54.js";
+} from "./chunk-CYHJDKFB.js";
+import "./chunk-DJUFS2BW.js";
 import "./chunk-BSIPI3KV.js";
+import {
+  resolveRoutesConfig
+} from "./chunk-WVE3F724.js";
+import "./chunk-Y6S4OVVQ.js";
+import "./chunk-RDXBMTP5.js";
+import "./chunk-ZTMKFZQ3.js";
+import "./chunk-2XPPBEYF.js";
+import "./chunk-XAU7QFG3.js";
+import "./chunk-U7KURWW3.js";
 import "./chunk-M6MHLVSO.js";
-import "./chunk-OSV3HI5M.js";
-import "./chunk-FJ5RSSMA.js";
-import "./chunk-WQULF5AT.js";
-import "./chunk-B52K63AW.js";
-import "./chunk-36KOSC2J.js";
+import "./chunk-MPNSO7E6.js";
+import "./chunk-7Z2C2K7F.js";
 
 // src/containers/TrueForgeUIWithRouter.tsx
 import { useMemo } from "react";
@@ -27,4 +31,4 @@ function TrueForgeUIWithRouter({
 export {
   TrueForgeUIWithRouter
 };
-//# sourceMappingURL=TrueForgeUIWithRouter-NZ4FGPE4.js.map
+//# sourceMappingURL=TrueForgeUIWithRouter-MZVJWJMB.js.map

package/dist/{TrueForgeUIWithRouter-NZ4FGPE4.js.map → TrueForgeUIWithRouter-MZVJWJMB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/containers/TrueForgeUIWithRouter.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo, type ComponentProps } from 'react';\nimport { BrowserRouter } from 'react-router-dom';\n\nimport { resolveRoutesConfig } from '../routing/paths.js';\nimport { TrueForgeUIShell } from './TrueForgeUIShell.js';\n\n/**\n * `withRouter` entry point. Owns a `BrowserRouter` and hands the resolved route\n * templates to the shell, which mounts `ShellRouteSync`. This module statically\n * imports react-router and is only loaded lazily from `TrueForgeUI`.\n */\nexport function TrueForgeUIWithRouter({\n  routes,\n  ...rest\n}: Omit<ComponentProps<typeof TrueForgeUIShell>, 'resolvedRoutes'>) {\n  const resolved = useMemo(() => resolveRoutesConfig(routes), [routes]);\n  return (\n    <BrowserRouter basename={resolved.basename || undefined}>\n      <TrueForgeUIShell {...rest} resolvedRoutes={resolved} />\n    </BrowserRouter>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAEA,SAAS,eAAoC;AAC7C,SAAS,qBAAqB;AAiBxB;AAPC,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA,GAAG;AACL,GAAoE;AAClE,QAAM,WAAW,QAAQ,MAAM,oBAAoB,MAAM,GAAG,CAAC,MAAM,CAAC;AACpE,SACE,oBAAC,iBAAc,UAAU,SAAS,YAAY,QAC5C,8BAAC,oBAAkB,GAAG,MAAM,gBAAgB,UAAU,GACxD;AAEJ;","names":[]}
+{"version":3,"sources":["../src/containers/TrueForgeUIWithRouter.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo, type ComponentProps } from 'react';\nimport { BrowserRouter } from 'react-router-dom';\n\nimport { resolveRoutesConfig } from '../routing/paths.js';\nimport { TrueForgeUIShell } from './TrueForgeUIShell.js';\n\n/**\n * `withRouter` entry point. Owns a `BrowserRouter` and hands the resolved route\n * templates to the shell, which mounts `ShellRouteSync`. This module statically\n * imports react-router and is only loaded lazily from `TrueForgeUI`.\n */\nexport function TrueForgeUIWithRouter({\n  routes,\n  ...rest\n}: Omit<ComponentProps<typeof TrueForgeUIShell>, 'resolvedRoutes'>) {\n  const resolved = useMemo(() => resolveRoutesConfig(routes), [routes]);\n  return (\n    <BrowserRouter basename={resolved.basename || undefined}>\n      <TrueForgeUIShell {...rest} resolvedRoutes={resolved} />\n    </BrowserRouter>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEA,SAAS,eAAoC;AAC7C,SAAS,qBAAqB;AAiBxB;AAPC,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA,GAAG;AACL,GAAoE;AAClE,QAAM,WAAW,QAAQ,MAAM,oBAAoB,MAAM,GAAG,CAAC,MAAM,CAAC;AACpE,SACE,oBAAC,iBAAc,UAAU,SAAS,YAAY,QAC5C,8BAAC,oBAAkB,GAAG,MAAM,gBAAgB,UAAU,GACxD;AAEJ;","names":[]}

package/dist/{WidgetLayout-3QZ357FL.js → WidgetLayout-6QM45OQQ.js}

@@ -1,31 +1,35 @@
 "use client";
 import {
   StackChatPanel
-} from "./chunk-7L63OK3O.js";
-import "./chunk-ZXOADNF3.js";
-import "./chunk-3S6KHO7H.js";
+} from "./chunk-FJW36PD7.js";
+import "./chunk-DMMZSZTN.js";
+import "./chunk-M62XY4NC.js";
+import {
+  useWidgetVisibility
+} from "./chunk-DJUFS2BW.js";
 import "./chunk-BSIPI3KV.js";
-import "./chunk-M6MHLVSO.js";
 import {
   useSlot
-} from "./chunk-OSV3HI5M.js";
+} from "./chunk-ZTMKFZQ3.js";
+import "./chunk-2XPPBEYF.js";
 import {
   CompactLayoutProvider,
   Icon,
   auiButtonClass
-} from "./chunk-FJ5RSSMA.js";
-import "./chunk-WQULF5AT.js";
-import "./chunk-B52K63AW.js";
+} from "./chunk-XAU7QFG3.js";
+import "./chunk-U7KURWW3.js";
+import "./chunk-M6MHLVSO.js";
+import "./chunk-MPNSO7E6.js";
 import {
   cn
-} from "./chunk-36KOSC2J.js";
+} from "./chunk-7Z2C2K7F.js";
 
 // src/layouts/WidgetLayout.tsx
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function WidgetLayout({ className }) {
   const BrandLogo = useSlot("BrandLogo");
-  const [open, setOpen] = useState(false);
+  const { open, setOpen } = useWidgetVisibility();
   const fabRef = useRef(null);
   const dialogRef = useRef(null);
   const wasOpen = useRef(false);
@@ -38,7 +42,7 @@ function WidgetLayout({ className }) {
     };
     window.addEventListener("keydown", onKeyDown);
     return () => window.removeEventListener("keydown", onKeyDown);
-  }, [open]);
+  }, [open, setOpen]);
   useEffect(() => {
     if (open) {
       wasOpen.current = true;
@@ -100,4 +104,4 @@ function WidgetLayout({ className }) {
 export {
   WidgetLayout
 };
-//# sourceMappingURL=WidgetLayout-3QZ357FL.js.map
+//# sourceMappingURL=WidgetLayout-6QM45OQQ.js.map

package/dist/WidgetLayout-6QM45OQQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layouts/WidgetLayout.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\n\nimport { auiButtonClass } from '../atoms/lib/buttonClasses.js';\nimport { cn } from '../atoms/lib/cn.js';\nimport { CompactLayoutProvider } from '../atoms/lib/CompactLayoutContext.js';\nimport { Icon } from '../icons/Icon.js';\nimport { useSlot } from '../theme/SlotsProvider.js';\nimport { StackChatPanel } from './StackChatPanel.js';\nimport { useWidgetVisibility } from './WidgetVisibilityContext.js';\n\n/** FAB-anchored panel with the same list ↔ thread stack as `dock`. */\nexport function WidgetLayout({ className }: { className?: string }) {\n  const BrandLogo = useSlot('BrandLogo');\n  const { open, setOpen } = useWidgetVisibility();\n  const fabRef = useRef<HTMLButtonElement>(null);\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const wasOpen = useRef(false);\n\n  useEffect(() => {\n    if (!open) return;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && !dialogRef.current?.querySelector('dialog[open]')) {\n        setOpen(false);\n      }\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [open, setOpen]);\n\n  useEffect(() => {\n    if (open) {\n      wasOpen.current = true;\n      dialogRef.current?.focus();\n      return;\n    }\n    if (wasOpen.current) {\n      fabRef.current?.focus();\n      wasOpen.current = false;\n    }\n  }, [open]);\n\n  return (\n    <div className={cn('pointer-events-none relative h-full min-h-0 w-full', className)}>\n      {open ? (\n        <div\n          ref={dialogRef}\n          data-aui-compact-layout\n          className=\"pointer-events-auto absolute right-[max(1.25rem,env(safe-area-inset-right,0px))] bottom-[calc(5.25rem+env(safe-area-inset-bottom,0px))] z-[19] flex h-[min(560px,calc(100%-6.5rem-env(safe-area-inset-bottom,0px)))] max-h-[calc(100%-6.5rem)] w-[min(380px,calc(100%-2.5rem))] flex-col overflow-hidden rounded-xl border border-border bg-primary-bg shadow-[0_16px_48px_color-mix(in_oklab,var(--shadow-color)_14%,transparent)] outline-none\"\n          role=\"dialog\"\n          aria-modal={true}\n          aria-label=\"Chat\"\n          tabIndex={-1}\n        >\n          <CompactLayoutProvider>\n            <StackChatPanel\n              threadHeaderEnd={\n                <button\n                  type=\"button\"\n                  aria-label=\"Close\"\n                  title=\"Close\"\n                  className={auiButtonClass({ variant: 'ghost', size: 'icon' })}\n                  onClick={() => setOpen(false)}\n                >\n                  <Icon name=\"xmark\" />\n                </button>\n              }\n            />\n          </CompactLayoutProvider>\n        </div>\n      ) : null}\n      {/* Native FAB: inline colors beat host unlayered Tailwind (SDK utilities are layered). */}\n      <button\n        ref={fabRef}\n        type=\"button\"\n        className=\"pointer-events-auto absolute right-[max(1.25rem,env(safe-area-inset-right,0px))] bottom-[max(1.25rem,env(safe-area-inset-bottom,0px))] z-20 flex size-14 cursor-pointer items-center justify-center rounded-full text-sm font-medium shadow-[0_8px_24px_color-mix(in_oklab,var(--primary-button-bg)_45%,transparent)]\"\n        style={{\n          backgroundColor: 'var(--primary-button-bg)',\n          color: 'var(--primary-button-text)',\n        }}\n        aria-expanded={open}\n        aria-label={open ? 'Close chat' : 'Open chat'}\n        onClick={() => setOpen(v => !v)}\n      >\n        {open ? (\n          <span aria-hidden className=\"text-xl leading-none\">\n            ×\n          </span>\n        ) : (\n          <BrandLogo variant=\"icon\" className=\"size-6\" />\n        )}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,WAAW,cAAc;AA0C9B,SAqBc,KArBd;AA/BG,SAAS,aAAa,EAAE,UAAU,GAA2B;AAClE,QAAM,YAAY,QAAQ,WAAW;AACrC,QAAM,EAAE,MAAM,QAAQ,IAAI,oBAAoB;AAC9C,QAAM,SAAS,OAA0B,IAAI;AAC7C,QAAM,YAAY,OAAuB,IAAI;AAC7C,QAAM,UAAU,OAAO,KAAK;AAE5B,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,YAAY,CAAC,UAAyB;AAC1C,UAAI,MAAM,QAAQ,YAAY,CAAC,UAAU,SAAS,cAAc,cAAc,GAAG;AAC/E,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF;AACA,WAAO,iBAAiB,WAAW,SAAS;AAC5C,WAAO,MAAM,OAAO,oBAAoB,WAAW,SAAS;AAAA,EAC9D,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,YAAU,MAAM;AACd,QAAI,MAAM;AACR,cAAQ,UAAU;AAClB,gBAAU,SAAS,MAAM;AACzB;AAAA,IACF;AACA,QAAI,QAAQ,SAAS;AACnB,aAAO,SAAS,MAAM;AACtB,cAAQ,UAAU;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SACE,qBAAC,SAAI,WAAW,GAAG,sDAAsD,SAAS,GAC/E;AAAA,WACC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,2BAAuB;AAAA,QACvB,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,cAAW;AAAA,QACX,UAAU;AAAA,QAEV,8BAAC,yBACC;AAAA,UAAC;AAAA;AAAA,YACC,iBACE;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAW;AAAA,gBACX,OAAM;AAAA,gBACN,WAAW,eAAe,EAAE,SAAS,SAAS,MAAM,OAAO,CAAC;AAAA,gBAC5D,SAAS,MAAM,QAAQ,KAAK;AAAA,gBAE5B,8BAAC,QAAK,MAAK,SAAQ;AAAA;AAAA,YACrB;AAAA;AAAA,QAEJ,GACF;AAAA;AAAA,IACF,IACE;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,OAAO;AAAA,QACT;AAAA,QACA,iBAAe;AAAA,QACf,cAAY,OAAO,eAAe;AAAA,QAClC,SAAS,MAAM,QAAQ,OAAK,CAAC,CAAC;AAAA,QAE7B,iBACC,oBAAC,UAAK,eAAW,MAAC,WAAU,wBAAuB,kBAEnD,IAEA,oBAAC,aAAU,SAAQ,QAAO,WAAU,UAAS;AAAA;AAAA,IAEjD;AAAA,KACF;AAEJ;","names":[]}