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

package/dist/SidebarLayout-KYA76FQ7.js

@@ -0,0 +1,330 @@
+"use client";
+import {
+  AgentConfigDrawerContainer,
+  NamedAgentHeaderLabel,
+  ShellActions
+} from "./chunk-KSGNKS2D.js";
+import {
+  ThreadListContainer
+} from "./chunk-DPPOEFBD.js";
+import {
+  Thread
+} from "./chunk-JKEBMGLH.js";
+import "./chunk-BSIPI3KV.js";
+import {
+  resolveBrandChrome,
+  useChatHeaderContentVisible,
+  useIsMobile,
+  useSlot
+} from "./chunk-GG23N2GW.js";
+import "./chunk-T6QQV5LK.js";
+import {
+  Icon,
+  PageHeader,
+  Spinner,
+  auiButtonClass,
+  sidebarRailButtonClassName
+} from "./chunk-3ZW74FHC.js";
+import {
+  shellIsCreateAgent,
+  useOptionalShellMode
+} from "./chunk-2GIZY3JJ.js";
+import {
+  useAui
+} from "./chunk-M6MHLVSO.js";
+import "./chunk-CG75X77Q.js";
+import {
+  cn,
+  useBrand
+} from "./chunk-JCL3Q7RW.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-RVVYXOJW.js"));
+var SchedulesPage = lazy(
+  () => import("./SchedulesPage-QKYI2Z3A.js").then((m) => ({ default: m.SchedulesPage }))
+);
+var brandLogoClassName = "h-5 w-5 max-w-40 shrink-0 object-contain";
+var railWidthClassName = "w-20";
+var railActionButtonClassName = cn(sidebarRailButtonClassName, "text-sidebar-text");
+var railSelectedClassName = "bg-primary-button-bg font-medium text-primary-button-text hover:bg-primary-button-hover hover:text-primary-button-text";
+function isRecentHistoryVisible({ overlayOpen, mode }) {
+  return !overlayOpen && mode?.status === "active" && !mode.isCreateAgent;
+}
+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.isCreateAgent && shell?.historyAgentFilter?.intent !== "try-agent";
+  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: 14 }),
+          /* @__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: 14 }),
+          /* @__PURE__ */ jsx("span", { className: "text-center whitespace-nowrap", children: "Build 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");
+  const UserAvatar = useSlot("UserAvatar");
+  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__ */ jsxs("footer", { className: "flex shrink-0 flex-col items-center border-border p-2", children: [
+          /* @__PURE__ */ jsx(ShellActions, { labeled: true, className: "flex-col" }),
+          /* @__PURE__ */ jsx(UserAvatar, { labeled: true, className: "mt-1" })
+        ] })
+      ]
+    }
+  );
+}
+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 showRecentHistory = isRecentHistoryVisible({ overlayOpen, mode: shell?.mode });
+  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:max-w-140 md:flex-1 md:shadow-none 2xl:max-w-150",
+        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__ */ jsxs("div", { className: "flex min-h-0 min-w-0 flex-1", children: [
+        showRecentHistory ? /* @__PURE__ */ jsx(
+          "aside",
+          {
+            "aria-label": "Recent chats",
+            className: "hidden min-h-0 w-64 shrink-0 border-r border-border bg-sidebar-bg md:flex",
+            children: /* @__PURE__ */ jsx(ThreadListContainer, { variant: "recent-history" })
+          }
+        ) : 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-KYA76FQ7.js.map

package/dist/SidebarLayout-KYA76FQ7.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, sidebarRailButtonClassName } 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 { ThreadListContainer } from '../containers/ThreadListContainer.js';\nimport { useChatHeaderContentVisible } from '../hooks/useChatChromeActionsVisible.js';\nimport { Icon } from '../icons/Icon.js';\nimport { shellIsCreateAgent, useOptionalShellMode, type ShellMode } 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-20';\n\nconst railActionButtonClassName = cn(sidebarRailButtonClassName, 'text-sidebar-text');\n\nconst railSelectedClassName =\n  'bg-primary-button-bg font-medium text-primary-button-text hover:bg-primary-button-hover hover:text-primary-button-text';\n\nfunction isRecentHistoryVisible({ overlayOpen, mode }: { overlayOpen: boolean; mode?: ShellMode }): boolean {\n  return !overlayOpen && mode?.status === 'active' && !mode.isCreateAgent;\n}\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 =\n    !overlayOpen &&\n    mode?.status === 'active' &&\n    !mode.isCreateAgent &&\n    shell?.historyAgentFilter?.intent !== 'try-agent';\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={14} />\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={14} />\n          <span className=\"text-center whitespace-nowrap\">Build 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  const UserAvatar = useSlot('UserAvatar');\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        <UserAvatar labeled className=\"mt-1\" />\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 showRecentHistory = isRecentHistoryVisible({ overlayOpen, mode: shell?.mode });\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:max-w-140 md:flex-1 md:shadow-none 2xl:max-w-150\"\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 className=\"flex min-h-0 min-w-0 flex-1\">\n          {showRecentHistory ? (\n            <aside\n              aria-label=\"Recent chats\"\n              className=\"hidden min-h-0 w-64 shrink-0 border-r border-border bg-sidebar-bg md:flex\"\n            >\n              <ThreadListContainer variant=\"recent-history\" />\n            </aside>\n          ) : null}\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      </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-7OHT7FPI.js}

@@ -5,16 +5,18 @@ import {
   SearchInput_default,
   auiInputClass,
   useToasterOptional
-} from "./chunk-OSV3HI5M.js";
+} from "./chunk-GG23N2GW.js";
+import "./chunk-T6QQV5LK.js";
 import {
-  Icon,
-  getErrorMessage
-} from "./chunk-FJ5RSSMA.js";
+  Icon
+} from "./chunk-3ZW74FHC.js";
 import {
+  getErrorMessage,
   useCatalogServer
-} from "./chunk-WQULF5AT.js";
-import "./chunk-B52K63AW.js";
-import "./chunk-36KOSC2J.js";
+} from "./chunk-2GIZY3JJ.js";
+import "./chunk-M6MHLVSO.js";
+import "./chunk-CG75X77Q.js";
+import "./chunk-JCL3Q7RW.js";
 
 // src/containers/SettingsBuilder/SkillSettings.tsx
 import { useCallback, useEffect, useMemo, useState as useState2 } from "react";
@@ -153,7 +155,7 @@ var ImportGithubSkillForm = ({ open, onOpenChange, onImport, busy = false, error
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
           error ? /* @__PURE__ */ jsx("p", { className: "text-failure-bg text-sm", children: error }) : null,
-          /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !canImport, className: "w-full", children: "Import" })
+          /* @__PURE__ */ jsx(Button.Primary, { type: "submit", disabled: !canImport, className: "w-full", children: "Import" })
         ] })
       ] }) })
     }
@@ -165,6 +167,9 @@ var ImportGithubSkillForm_default = ImportGithubSkillForm;
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var matchesQuery = (query, name, description) => !query || name.toLowerCase().includes(query) || description.toLowerCase().includes(query);
 var isRegistrySkill = (skill) => "catalogId" in skill;
+function isManagedSkillError(error) {
+  return typeof error === "object" && error !== null && Reflect.get(error, "statusCode") === 424;
+}
 var SkillSettings = () => {
   const { skillCatalog } = useCatalogServer();
   const toaster = useToasterOptional();
@@ -175,6 +180,7 @@ var SkillSettings = () => {
   const [error, setError] = useState2(null);
   const [formError, setFormError] = useState2(null);
   const [busy, setBusy] = useState2(false);
+  const [managedExternally, setManagedExternally] = useState2(false);
   const [importOpen, setImportOpen] = useState2(false);
   const refresh = useCallback(async () => {
     if (!skillCatalog) return;
@@ -211,6 +217,7 @@ var SkillSettings = () => {
       await fn();
       await refresh();
     } catch (err) {
+      if (isManagedSkillError(err)) setManagedExternally(true);
       setMutationError(getErrorMessage(err, "Request failed"));
       throw err;
     } finally {
@@ -279,12 +286,11 @@ var SkillSettings = () => {
       /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
         /* @__PURE__ */ jsx2("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx2(SearchInput_default, { query, setQuery, placeholder: "Search skills" }) }),
         /* @__PURE__ */ jsxs2(
-          Button,
+          Button.Secondary,
           {
-            variant: "secondary",
             type: "button",
             className: "shrink-0",
-            disabled: busy,
+            disabled: busy || managedExternally,
             onClick: () => {
               setFormError(null);
               setImportOpen(true);
@@ -316,12 +322,11 @@ var SkillSettings = () => {
               name: skill.name,
               description: skill.description,
               action: skillCatalog.deleteSkill ? /* @__PURE__ */ jsx2(
-                Button,
+                Button.Secondary,
                 {
-                  variant: "outline",
-                  size: "sm",
+                  size: "small",
                   type: "button",
-                  disabled: busy,
+                  disabled: busy || managedExternally,
                   "aria-label": `Remove ${skill.name}`,
                   onClick: () => {
                     handleRemove(skill);
@@ -350,12 +355,11 @@ var SkillSettings = () => {
               name: entry.name,
               description: entry.description,
               action: /* @__PURE__ */ jsx2(
-                Button,
+                Button.Secondary,
                 {
-                  variant: "outline",
-                  size: "sm",
+                  size: "small",
                   type: "button",
-                  disabled: busy,
+                  disabled: busy || managedExternally,
                   "aria-label": `Enable ${entry.name}`,
                   onClick: () => {
                     handleSelect(entry);
@@ -378,7 +382,7 @@ var SkillSettings = () => {
           if (!open) setFormError(null);
         },
         onImport: handleImport,
-        busy,
+        busy: busy || managedExternally,
         error: formError
       }
     )
@@ -388,4 +392,4 @@ var SkillSettings_default = SkillSettings;
 export {
   SkillSettings_default as default
 };
-//# sourceMappingURL=SkillSettings-3EPPC3IT.js.map
+//# sourceMappingURL=SkillSettings-7OHT7FPI.js.map

package/dist/SkillSettings-7OHT7FPI.js.map

@@ -0,0 +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\nfunction isManagedSkillError(error: unknown): boolean {\n  return typeof error === 'object' && error !== null && Reflect.get(error, 'statusCode') === 424;\n}\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 [managedExternally, setManagedExternally] = 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      if (isManagedSkillError(err)) setManagedExternally(true);\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.Secondary\n            type=\"button\"\n            className=\"shrink-0\"\n            disabled={busy || managedExternally}\n            onClick={() => {\n              setFormError(null);\n              setImportOpen(true);\n            }}\n          >\n            <Icon name=\"github\" className=\"size-4\" />\n            Import from GitHub\n          </Button.Secondary>\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.Secondary\n                        size=\"small\"\n                        type=\"button\"\n                        disabled={busy || managedExternally}\n                        aria-label={`Remove ${skill.name}`}\n                        onClick={() => {\n                          handleRemove(skill);\n                        }}\n                      >\n                        Remove\n                      </Button.Secondary>\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.Secondary\n                        size=\"small\"\n                        type=\"button\"\n                        disabled={busy || managedExternally}\n                        aria-label={`Enable ${entry.name}`}\n                        onClick={() => {\n                          handleSelect(entry);\n                        }}\n                      >\n                        Enable\n                      </Button.Secondary>\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 || managedExternally}\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.Primary type=\"submit\" disabled={!canImport} className=\"w-full\">\n              Import\n            </Button.Primary>\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-LKG4XLW6.js}

@@ -1,17 +1,21 @@
 "use client";
-import {
-  resolveRoutesConfig
-} from "./chunk-YIWUG6MC.js";
 import {
   TrueForgeUIShell
-} from "./chunk-WREC7D54.js";
+} from "./chunk-PCI6VMB5.js";
+import "./chunk-DJUFS2BW.js";
 import "./chunk-BSIPI3KV.js";
+import {
+  resolveRoutesConfig
+} from "./chunk-2QTH6JHX.js";
+import "./chunk-Y6S4OVVQ.js";
+import "./chunk-RDXBMTP5.js";
+import "./chunk-GG23N2GW.js";
+import "./chunk-T6QQV5LK.js";
+import "./chunk-3ZW74FHC.js";
+import "./chunk-2GIZY3JJ.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-CG75X77Q.js";
+import "./chunk-JCL3Q7RW.js";
 
 // src/containers/TrueForgeUIWithRouter.tsx
 import { useMemo } from "react";
@@ -27,4 +31,4 @@ function TrueForgeUIWithRouter({
 export {
   TrueForgeUIWithRouter
 };
-//# sourceMappingURL=TrueForgeUIWithRouter-NZ4FGPE4.js.map
+//# sourceMappingURL=TrueForgeUIWithRouter-LKG4XLW6.js.map

package/dist/{TrueForgeUIWithRouter-NZ4FGPE4.js.map → TrueForgeUIWithRouter-LKG4XLW6.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":[]}