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

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # Changelog
 
+## 0.3.0-rc.0
+
+### Minor Changes
+
+- 3539da2: Add `brand.mode` (`icon-title` | `icon-only` | `logo`) so hosts pick chrome look first; `name` always labels the mark, and `resolveBrandChrome` maps mode to layout chrome.
+- 16feb29: Add `customActionRenderers` so hosts can pause the composer on client-side tools with their own UI and resume via `onSubmit(content)`.
+- 0297727: Add context-management compaction triggers with model-aware defaults and migrate persisted legacy token thresholds.
+
+### Patch Changes
+
+- b11cfc3: Wire remote chat session deletion and improve the history delete action styling.
+- 3ca4e2e: fixed the button component icon and padding, delete conflicting local prettier.json in trueforge-ui package
+- a655537: Update published dependency ranges (AI SDK, Hono, MCP SDK, Redis, assistant-ui, and related packages).
+- aa4be44: Open markdown links in assistant messages in a new tab
+- d7015fd: show mcp server tool name on tool approval
+- Updated dependencies [648273b]
+  - @truefoundry/trueforge-sdk@0.1.4-rc.0
+
+## Unreleased
+
+### Minor Changes
+
+- **`brand.mode`** — explicit chrome look. Set `mode`, then pass the fields it requires.
+  `name` always labels the mark (`alt` / `aria-label`):
+  - **`'icon-title'`** — `name` + optional `icon` (title shown in expanded chrome)
+  - **`'icon-only'`** — `name` + `icon` (alt kept, no title text)
+  - **`'logo'`** — `name` + `icon` + `logo` (wordmark in expanded chrome; `name` is alt only)
+  - **Default** — omit `brand` for the TrueForge wordmark / square mark
+- **`resolveBrandChrome()`** — maps `brand.mode` to
+  `{ expandedVariant, collapsedVariant, showTitle }`. `SidebarLayout` uses it; custom
+  layouts should too.
+
+### Changed
+
+- **`BrandConfig`** — discriminated on `mode` (`BrandMode`). Removed `showTitle` from
+  config; visible title follows the mode.
+
 ## 0.2.4
 
 ### Patch Changes

package/README.md

@@ -19,8 +19,6 @@ Powered by [assistant-ui](https://www.assistant-ui.com/), it follows the familia
 
 Bring your own **brand, colors, layout, components, and server**—the Agent SDK wires up the rest.
 
-### Checkout the Demo [here](./example/)
-
 ---
 
 ## Table of contents
@@ -209,7 +207,7 @@ export default function App() {
   }}
   theme={{
     preset: 'claude',
-    brand: { name: 'Acme', logo: '/logo.svg' },
+    brand: { mode: 'icon-title', name: 'Acme', icon: '/icon.svg' },
   }}
   overrides={{/* slot overrides */}}
   className="h-full"
@@ -321,7 +319,15 @@ package). Host CSS on `.aui-markdown` / `.aui-syntax-highlighter` / `.aui-openui
 
 ## Brand / logo
 
-**Base layouts** — pass `theme.brand` and the SDK positions the mark + name in the default slots:
+Set `brand.mode`, then pass the fields that mode requires. `name` always labels the
+mark (`alt` / `aria-label`).
+
+| Look         | `mode`         | Required                   | Expanded chrome           | Collapsed / compact |
+| ------------ | -------------- | -------------------------- | ------------------------- | ------------------- |
+| Default      | omit `brand`   | —                          | TrueForge wordmark        | TrueForge square    |
+| Icon + title | `'icon-title'` | `name` (+ optional `icon`) | square + title text       | square              |
+| Icon only    | `'icon-only'`  | `name`, `icon`             | square (no title text)    | square              |
+| Wide logo    | `'logo'`       | `name`, `icon`, `logo`     | wide logo (no title text) | square              |
 
 ```tsx
 <TrueForgeUI
@@ -329,15 +335,28 @@ package). Host CSS on `.aui-markdown` / `.aui-syntax-highlighter` / `.aui-openui
   layout="sidebar"
   theme={{
     brand: {
+      mode: 'icon-title',
       name: 'Acme',
-      logo: '/brand/logo.svg',
+      icon: '/brand/icon.svg',
     },
   }}
 />
 ```
 
-**Light / dark marks** — pass `light` / `dark` sources instead and the SDK picks the one matching
-the resolved mode. `href` wraps the logo in a same-tab link:
+Icon-only chrome (`name` kept for alt):
+
+```tsx
+theme={{
+  brand: {
+    mode: 'icon-only',
+    name: 'Acme',
+    icon: '/brand/icon.svg',
+  },
+}}
+```
+
+Wide logo for expanded chrome. A square `icon` is required because collapsed chrome,
+the welcome screen, and the widget button continue to use the square asset:
 
 ```tsx
 <TrueForgeUI
@@ -345,14 +364,19 @@ the resolved mode. `href` wraps the logo in a same-tab link:
   layout="sidebar"
   theme={{
     brand: {
+      mode: 'logo',
       name: 'Acme',
-      logo: { light: '/brand/logo-light.svg', dark: '/brand/logo-dark.svg', href: '/' },
+      icon: '/brand/icon.svg',
+      logo: '/brand/wordmark.svg',
+      href: '/',
     },
   }}
 />
 ```
 
-Set only one mode and it is used for both. `name` labels the image, so no `alt` is needed.
+Both `icon` and `logo` accept `{ src, light, dark }`. The SDK picks the source matching the
+resolved theme mode; setting only one light/dark source uses it for both. `href` wraps
+configured images in a same-tab link.
 
 **Component marks** — `theme.brand` takes image URLs only. To render an inline SVG or a custom
 component, override the `BrandLogo` slot, the same way you replace any other atom:
@@ -361,7 +385,10 @@ component, override the `BrandLogo` slot, the same way you replace any other ato
 <TrueForgeUI server={server} layout="sidebar" overrides={{ BrandLogo: MyMark }} />
 ```
 
-**Custom layouts** — import `BrandLogo` and place it anywhere; pair it with `useBrandName()` when you also want the name as text (see [Custom layouts](#custom-layouts)).
+**Custom layouts** — import `BrandLogo` and use `variant="icon"` for compact surfaces or
+`variant="logo"` for expanded chrome. Prefer `resolveBrandChrome(useBrand())` so expanded
+vs collapsed choices match the base layouts. Pair with `useBrandName()` when chrome should
+show the title text (see [Custom layouts](#custom-layouts)).
 
 > _Screenshot: external brand mark rendered in the base layout header._
 
@@ -424,8 +451,6 @@ Built-in `layout` values:
 | `dock`    | Fixed-width right panel; list XOR thread stack           |
 | `widget`  | Same stack as `dock`, opened from a bottom-right FAB     |
 
-The [example app](./example/) switches between these four modes.
-
 ---
 
 ## Custom layouts
@@ -433,17 +458,15 @@ The [example app](./example/) switches between these four modes.
 For full control, pass a React component as `layout`. The SDK still wires server, shell mode, slots, and runtime behind it.
 
 ```tsx
-import { Thread, ThreadListContainer, BrandLogo, useBrandName, useTheme } from '@truefoundry/trueforge-ui';
+import { Thread, ThreadListContainer, BrandLogo, useTheme } from '@truefoundry/trueforge-ui';
 
 function Layout({ className }: { className?: string }) {
   const { mode, setTheme } = useTheme();
-  const brandName = useBrandName();
 
   return (
     <div className={className} style={{ display: 'flex', height: '100%' }}>
       <aside style={{ width: 256 }}>
-        <BrandLogo className="size-6" />
-        <span>{brandName}</span>
+        <BrandLogo variant="logo" className="h-6 w-auto max-w-40" />
         <ThreadListContainer />
       </aside>
       <main style={{ flex: 1, minWidth: 0 }}>
@@ -591,6 +614,7 @@ See [docs/server.md](./docs/server.md) for the full method list and BYO guidance
 | `TrueForgeServerConfig`                                            | Type       | `server` prop: `truefoundry` / `trueforge` / `AgentUIServer` |
 | `createTrueFoundryServer`                                          | Function   | Compose chat + builder into `AgentUIServer`                  |
 | `Thread`, `ThreadListContainer`, `BrandLogo`                       | Components | Layout primitives for custom layouts                         |
+| `resolveBrandChrome`, `useBrandName`, `useBrand`                   | Helpers    | Brand chrome look + name for custom layouts                  |
 | Composer / message / tool atoms                                    | Components | Overridable, themeable building blocks                       |
 | `SlotsProvider`, `useSlot`, `useTheme`                             | API        | Overrides + theme mode                                       |
 | `AgentUIServer`, `AgentChatServer`, `AgentBuilderServer`           | Types      | Resolved server contract                                     |
@@ -630,7 +654,7 @@ pnpm --filter @truefoundry/trueforge-ui test
 pnpm --filter @truefoundry/trueforge-ui build
 ```
 
-Local demo: see [example/](./example/). Publishing: see [RELEASING.md](../../RELEASING.md#releasing-truefoundrytrueforge-ui).
+Publishing: see [RELEASING.md](../../RELEASING.md#releasing-truefoundrytrueforge-ui).
 
 ---
 

package/dist/{ConnectorSettings-ODC3LVHN.js → ConnectorSettings-FXQ5B7TN.js}

@@ -7,18 +7,18 @@ import {
   auiInputClass,
   useMCPAuth,
   useToasterOptional
-} from "./chunk-XRTTKGKN.js";
+} from "./chunk-OSV3HI5M.js";
 import {
   Icon,
   getErrorMessage
-} from "./chunk-IFLE7OMM.js";
+} from "./chunk-FJ5RSSMA.js";
 import {
   useCatalogServer
 } from "./chunk-WQULF5AT.js";
-import "./chunk-JRRCAKEP.js";
+import "./chunk-B52K63AW.js";
 import {
   cn
-} from "./chunk-72LC2M3R.js";
+} from "./chunk-36KOSC2J.js";
 
 // src/containers/SettingsBuilder/ConnectorSettings.tsx
 import { useCallback, useEffect as useEffect2, useMemo, useState as useState3 } from "react";
@@ -920,4 +920,4 @@ var ConnectorSettings_default = ConnectorSettings;
 export {
   ConnectorSettings_default as default
 };
-//# sourceMappingURL=ConnectorSettings-ODC3LVHN.js.map
+//# sourceMappingURL=ConnectorSettings-FXQ5B7TN.js.map

package/dist/{DockLayout-TEOWEMSV.js → DockLayout-LBNQJZNF.js}

@@ -1,20 +1,20 @@
 "use client";
 import {
   StackChatPanel
-} from "./chunk-PUFYHFND.js";
-import "./chunk-OZTNBS6V.js";
-import "./chunk-IWPDSPVA.js";
-import "./chunk-FXCYLEFB.js";
+} from "./chunk-7L63OK3O.js";
+import "./chunk-ZXOADNF3.js";
+import "./chunk-3S6KHO7H.js";
+import "./chunk-BSIPI3KV.js";
 import "./chunk-M6MHLVSO.js";
-import "./chunk-XRTTKGKN.js";
+import "./chunk-OSV3HI5M.js";
 import {
   CompactLayoutProvider
-} from "./chunk-IFLE7OMM.js";
+} from "./chunk-FJ5RSSMA.js";
 import "./chunk-WQULF5AT.js";
-import "./chunk-JRRCAKEP.js";
+import "./chunk-B52K63AW.js";
 import {
   cn
-} from "./chunk-72LC2M3R.js";
+} from "./chunk-36KOSC2J.js";
 
 // src/layouts/DockLayout.tsx
 import { jsx } from "react/jsx-runtime";
@@ -34,4 +34,4 @@ function DockLayout({ className }) {
 export {
   DockLayout
 };
-//# sourceMappingURL=DockLayout-TEOWEMSV.js.map
+//# sourceMappingURL=DockLayout-LBNQJZNF.js.map

package/dist/{DrawerLayout-2JOQ4EDZ.js → DrawerLayout-Q6UK4VMI.js}

@@ -2,35 +2,35 @@
 import {
   NamedAgentHeaderLabel,
   ShellActions
-} from "./chunk-OZTNBS6V.js";
+} from "./chunk-ZXOADNF3.js";
 import {
   Thread,
   ThreadListContainer
-} from "./chunk-IWPDSPVA.js";
-import "./chunk-FXCYLEFB.js";
+} from "./chunk-3S6KHO7H.js";
+import "./chunk-BSIPI3KV.js";
 import {
   useAui
 } from "./chunk-M6MHLVSO.js";
 import {
   useSlot
-} from "./chunk-XRTTKGKN.js";
+} from "./chunk-OSV3HI5M.js";
 import {
   Icon,
   Spinner,
   auiButtonClass
-} from "./chunk-IFLE7OMM.js";
+} from "./chunk-FJ5RSSMA.js";
 import {
   useOptionalShellMode
 } from "./chunk-WQULF5AT.js";
-import "./chunk-JRRCAKEP.js";
+import "./chunk-B52K63AW.js";
 import {
   cn
-} from "./chunk-72LC2M3R.js";
+} from "./chunk-36KOSC2J.js";
 
 // src/layouts/DrawerLayout.tsx
 import { lazy, Suspense, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var TruefoundrySettingsBuilder = lazy(() => import("./SettingsBuilder-MYWRFXRI.js"));
+var TruefoundrySettingsBuilder = lazy(() => import("./SettingsBuilder-WF7ZWKQW.js"));
 function DrawerLayout({ className }) {
   const aui = useAui();
   const shell = useOptionalShellMode();
@@ -156,4 +156,4 @@ function DrawerLayout({ className }) {
 export {
   DrawerLayout
 };
-//# sourceMappingURL=DrawerLayout-2JOQ4EDZ.js.map
+//# sourceMappingURL=DrawerLayout-Q6UK4VMI.js.map

package/dist/{ModelSettings-CKQ5CVAC.js → ModelSettings-4L4LOQJA.js}

@@ -9,18 +9,18 @@ import {
   SearchInput_default,
   auiInputClass,
   useToasterOptional
-} from "./chunk-XRTTKGKN.js";
+} from "./chunk-OSV3HI5M.js";
 import {
   Icon,
   getErrorMessage
-} from "./chunk-IFLE7OMM.js";
+} from "./chunk-FJ5RSSMA.js";
 import {
   useCatalogServer
 } from "./chunk-WQULF5AT.js";
-import "./chunk-JRRCAKEP.js";
+import "./chunk-B52K63AW.js";
 import {
   cn
-} from "./chunk-72LC2M3R.js";
+} from "./chunk-36KOSC2J.js";
 
 // src/containers/SettingsBuilder/ModelSettings.tsx
 import { useCallback, useEffect as useEffect2, useMemo, useState as useState3 } from "react";
@@ -1081,4 +1081,4 @@ var ModelSettings_default = ModelSettings;
 export {
   ModelSettings_default as default
 };
-//# sourceMappingURL=ModelSettings-CKQ5CVAC.js.map
+//# sourceMappingURL=ModelSettings-4L4LOQJA.js.map

package/dist/OpenUiFenceBlock-6UIIAVBX.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  OpenUiFenceBlock
+} from "./chunk-B52K63AW.js";
+import "./chunk-36KOSC2J.js";
+export {
+  OpenUiFenceBlock
+};
+//# sourceMappingURL=OpenUiFenceBlock-6UIIAVBX.js.map

package/dist/{SandboxSettings-HSCPYUOC.js → SandboxSettings-Z4ZG6ZX4.js}

@@ -8,19 +8,19 @@ import {
   Tooltip,
   auiInputClass,
   useToasterOptional
-} from "./chunk-XRTTKGKN.js";
+} from "./chunk-OSV3HI5M.js";
 import {
   Icon,
   Spinner,
   getErrorMessage
-} from "./chunk-IFLE7OMM.js";
+} from "./chunk-FJ5RSSMA.js";
 import {
   useCatalogServer
 } from "./chunk-WQULF5AT.js";
-import "./chunk-JRRCAKEP.js";
+import "./chunk-B52K63AW.js";
 import {
   cn
-} from "./chunk-72LC2M3R.js";
+} from "./chunk-36KOSC2J.js";
 
 // src/containers/SettingsBuilder/SandboxSettings.tsx
 import { useCallback, useEffect as useEffect2, useMemo, useState as useState2 } from "react";
@@ -598,4 +598,4 @@ var SandboxSettings_default = SandboxSettings;
 export {
   SandboxSettings_default as default
 };
-//# sourceMappingURL=SandboxSettings-HSCPYUOC.js.map
+//# sourceMappingURL=SandboxSettings-Z4ZG6ZX4.js.map

package/dist/{SettingsBuilder-MYWRFXRI.js → SettingsBuilder-WF7ZWKQW.js}

@@ -5,7 +5,7 @@ import {
   auiButtonClass,
   useCompactLayout,
   useDraftCatalog
-} from "./chunk-IFLE7OMM.js";
+} from "./chunk-FJ5RSSMA.js";
 import {
   useOptionalCatalogServer,
   useOptionalRefreshServerCapabilities,
@@ -13,15 +13,15 @@ import {
 } from "./chunk-WQULF5AT.js";
 import {
   cn
-} from "./chunk-72LC2M3R.js";
+} from "./chunk-36KOSC2J.js";
 
 // src/containers/SettingsBuilder/index.tsx
 import { lazy, Suspense, useCallback, useEffect, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var ModelSettings = lazy(() => import("./ModelSettings-CKQ5CVAC.js"));
-var ConnectorSettings = lazy(() => import("./ConnectorSettings-ODC3LVHN.js"));
-var SkillSettings = lazy(() => import("./SkillSettings-ECH6SHZ7.js"));
-var SandboxSettings = lazy(() => import("./SandboxSettings-HSCPYUOC.js"));
+var ModelSettings = lazy(() => import("./ModelSettings-4L4LOQJA.js"));
+var ConnectorSettings = lazy(() => import("./ConnectorSettings-FXQ5B7TN.js"));
+var SkillSettings = lazy(() => import("./SkillSettings-3EPPC3IT.js"));
+var SandboxSettings = lazy(() => import("./SandboxSettings-Z4ZG6ZX4.js"));
 function SettingsSectionFallback() {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center justify-center py-8", role: "status", "aria-live": "polite", "aria-busy": "true", children: [
     /* @__PURE__ */ jsx(Spinner, { size: 20, className: "text-text-secondary" }),
@@ -140,4 +140,4 @@ var SettingsBuilder_default = TruefoundrySettingsBuilder;
 export {
   SettingsBuilder_default as default
 };
-//# sourceMappingURL=SettingsBuilder-MYWRFXRI.js.map
+//# sourceMappingURL=SettingsBuilder-WF7ZWKQW.js.map

package/dist/{SidebarLayout-6MHQYW45.js → SidebarLayout-3WZ3CVON.js}

@@ -2,42 +2,47 @@
 import {
   NamedAgentHeaderLabel,
   ShellActions
-} from "./chunk-OZTNBS6V.js";
+} from "./chunk-ZXOADNF3.js";
 import {
   Thread,
   ThreadListContainer
-} from "./chunk-IWPDSPVA.js";
-import "./chunk-FXCYLEFB.js";
+} from "./chunk-3S6KHO7H.js";
+import "./chunk-BSIPI3KV.js";
 import {
   useAui
 } from "./chunk-M6MHLVSO.js";
 import {
+  resolveBrandChrome,
   useBrandName,
   useChatHeaderContentVisible,
   useSlot
-} from "./chunk-XRTTKGKN.js";
+} from "./chunk-OSV3HI5M.js";
 import {
   Icon,
   Spinner,
   auiButtonClass
-} from "./chunk-IFLE7OMM.js";
+} from "./chunk-FJ5RSSMA.js";
 import {
   useOptionalShellMode
 } from "./chunk-WQULF5AT.js";
-import "./chunk-JRRCAKEP.js";
+import "./chunk-B52K63AW.js";
 import {
-  cn
-} from "./chunk-72LC2M3R.js";
+  cn,
+  useBrand
+} from "./chunk-36KOSC2J.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-MYWRFXRI.js"));
+var TruefoundrySettingsBuilder = lazy(() => import("./SettingsBuilder-WF7ZWKQW.js"));
 var desktopCollapsed = false;
+var brandLogoClassName = "h-5 max-w-40 shrink-0 object-contain";
 function SidebarLayout({ className }) {
   const aui = useAui();
   const shell = useOptionalShellMode();
+  const brand = useBrand();
   const brandName = useBrandName();
+  const chrome = resolveBrandChrome(brand);
   const BrandLogo = useSlot("BrandLogo");
   const AgentsLibraryButton = useSlot("AgentsLibraryButton");
   const ClearChatButton = useSlot("ClearChatButton");
@@ -104,8 +109,14 @@ function SidebarLayout({ className }) {
               className: cn("flex shrink-0 items-center px-3 py-3", collapsed ? "flex-col gap-3" : "justify-between gap-2"),
               children: [
                 /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 items-center text-text-primary", collapsed ? "justify-center" : "gap-2"), children: [
-                  /* @__PURE__ */ jsx(BrandLogo, { className: "size-5 shrink-0 object-contain" }),
-                  !collapsed ? /* @__PURE__ */ jsx("span", { className: "truncate text-lg font-semibold tracking-tight", children: brandName }) : null
+                  /* @__PURE__ */ jsx(
+                    BrandLogo,
+                    {
+                      variant: collapsed ? chrome.collapsedVariant : chrome.expandedVariant,
+                      className: cn(brandLogoClassName, (collapsed || chrome.expandedVariant === "icon") && "w-5")
+                    }
+                  ),
+                  !collapsed && chrome.showTitle && brandName != null ? /* @__PURE__ */ jsx("span", { className: "truncate text-lg font-semibold tracking-tight", children: brandName }) : null
                 ] }),
                 /* @__PURE__ */ jsx(
                   "button",
@@ -223,8 +234,14 @@ function SidebarLayout({ className }) {
           tabIndex: -1,
           children: [
             /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-3 text-text-primary", children: [
-              /* @__PURE__ */ jsx(BrandLogo, { className: "size-5 shrink-0 object-contain" }),
-              /* @__PURE__ */ jsx("span", { className: "truncate text-lg font-semibold tracking-tight", children: brandName })
+              /* @__PURE__ */ jsx(
+                BrandLogo,
+                {
+                  variant: chrome.expandedVariant,
+                  className: cn(brandLogoClassName, chrome.expandedVariant === "icon" && "w-5")
+                }
+              ),
+              chrome.showTitle && brandName != null ? /* @__PURE__ */ jsx("span", { className: "truncate text-lg font-semibold tracking-tight", children: brandName }) : null
             ] }),
             /* @__PURE__ */ jsx(ThreadListContainer, { onThreadOpen: () => setMobileNavOpen(false) })
           ]
@@ -236,4 +253,4 @@ function SidebarLayout({ className }) {
 export {
   SidebarLayout
 };
-//# sourceMappingURL=SidebarLayout-6MHQYW45.js.map
+//# sourceMappingURL=SidebarLayout-3WZ3CVON.js.map

package/dist/SidebarLayout-3WZ3CVON.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layouts/SidebarLayout.tsx"],"sourcesContent":["'use client';\n\nimport { lazy, Suspense, useEffect, useRef, useState } from 'react';\n\nimport { useAui } from '../assistant-ui.js';\nimport { auiButtonClass } from '../atoms/lib/buttonClasses.js';\nimport { cn } from '../atoms/lib/cn.js';\nimport { NamedAgentHeaderLabel } from '../atoms/NamedAgentHeaderLabel.js';\nimport { Spinner } from '../atoms/primitives/Spinner.js';\nimport { ShellActions } from '../atoms/ShellActions.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 { useOptionalShellMode } from '../server/ShellModeContext.js';\nimport { resolveBrandChrome, useBrandName } 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'));\n\n// Survives ChatProvider remounts when openDraft / selectAgent bumps runtimeKey.\nlet desktopCollapsed = false;\n\nconst brandLogoClassName = 'h-5 max-w-40 shrink-0 object-contain';\n\nexport function SidebarLayout({ className }: { className?: string }) {\n  const aui = useAui();\n  const shell = useOptionalShellMode();\n  const brand = useBrand();\n  const brandName = useBrandName();\n  const chrome = resolveBrandChrome(brand);\n  const BrandLogo = useSlot('BrandLogo');\n  const AgentsLibraryButton = useSlot('AgentsLibraryButton');\n  const ClearChatButton = useSlot('ClearChatButton');\n  const SaveAgentButton = useSlot('SaveAgentButton');\n  const SelectAgentEmptyState = useSlot('SelectAgentEmptyState');\n  const [collapsed, setCollapsed] = useState(desktopCollapsed);\n  const setDesktopCollapsed = (value: boolean | ((prev: boolean) => boolean)) => {\n    setCollapsed(prev => {\n      const next = typeof value === 'function' ? value(prev) : value;\n      desktopCollapsed = next;\n      return next;\n    });\n  };\n  const [mobileNavOpen, setMobileNavOpen] = useState(false);\n  const menuBtnRef = useRef<HTMLButtonElement>(null);\n  const dialogRef = useRef<HTMLDivElement>(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 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  const handleNewChat = () => {\n    if (shell?.isComposerEnabled) {\n      shell.openDraft();\n      return;\n    }\n    shell?.setSettingsOpen(false);\n    void Promise.resolve(aui.threads().switchToNewThread()).catch(() => undefined);\n  };\n\n  return (\n    <div className={cn('relative flex h-full min-h-0 w-full min-w-0', className)}>\n      {/* Desktop sidebar */}\n      <aside\n        className={cn(\n          'hidden min-h-0 shrink-0 flex-col border-r border-border bg-sidebar-bg transition-[width] duration-300 ease-in-out md:flex',\n          collapsed ? 'w-16' : 'w-64',\n        )}\n      >\n        <div\n          className={cn('flex shrink-0 items-center px-3 py-3', collapsed ? 'flex-col gap-3' : 'justify-between gap-2')}\n        >\n          <div className={cn('flex min-w-0 items-center text-text-primary', collapsed ? 'justify-center' : 'gap-2')}>\n            <BrandLogo\n              variant={collapsed ? chrome.collapsedVariant : chrome.expandedVariant}\n              className={cn(brandLogoClassName, (collapsed || chrome.expandedVariant === 'icon') && 'w-5')}\n            />\n            {!collapsed && chrome.showTitle && brandName != null ? (\n              <span className=\"truncate text-lg font-semibold tracking-tight\">{brandName}</span>\n            ) : null}\n          </div>\n          <button\n            type=\"button\"\n            aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n            title={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n            aria-expanded={!collapsed}\n            className={auiButtonClass({ variant: 'ghost', size: 'icon' })}\n            onClick={() => setDesktopCollapsed(value => !value)}\n          >\n            <Icon name={collapsed ? 'panel-left-open' : 'panel-left-close'} />\n          </button>\n        </div>\n\n        {/* Keep both trees mounted; toggle with `hidden` so AgentsLibraryButton does not remount. */}\n        <nav className=\"flex min-h-0 flex-1 flex-col items-center gap-2 px-3\" hidden={!collapsed} aria-label=\"Sidebar\">\n          {shell?.isNewChatEnabled !== false ? (\n            <button\n              type=\"button\"\n              aria-label=\"Start new chat\"\n              title=\"New chat\"\n              className={auiButtonClass({ variant: 'ghost', size: 'icon' })}\n              onClick={handleNewChat}\n            >\n              <Icon name=\"square-pen\" />\n            </button>\n          ) : null}\n          <AgentsLibraryButton compact />\n        </nav>\n        <div className=\"flex min-h-0 flex-1 flex-col overflow-hidden\" hidden={collapsed}>\n          <ThreadListContainer />\n        </div>\n\n        <footer\n          className={cn(\n            'flex shrink-0 border-t border-border px-3 py-2',\n            collapsed ? 'flex-col items-center gap-2' : 'items-center gap-1',\n          )}\n        >\n          <ShellActions className={collapsed ? 'flex-col' : undefined} />\n        </footer>\n      </aside>\n\n      <div className=\"flex min-h-0 min-w-0 flex-1 flex-col bg-primary-bg\">\n        {/* Mobile ShellActions stay mounted while Settings is open so host overrides (e.g. logout) do not remount.\n            Desktop keeps shell chrome in the aside footer (always mounted). */}\n        <header\n          className={cn(\n            'flex shrink-0 items-center gap-1 border-b border-border bg-topbar-bg px-2 py-1.5',\n            // Desktop: hide when settings/idle or the thread header has nothing to show\n            // (empty untitled draft). Mobile still needs Sessions + ShellActions.\n            (settingsOpen || isIdle || !hasChatHeaderContent) && 'md:hidden',\n          )}\n        >\n          {!settingsOpen ? (\n            <>\n              <button\n                ref={menuBtnRef}\n                type=\"button\"\n                aria-label=\"Sessions\"\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              <NamedAgentHeaderLabel />\n              <span className=\"min-w-0 flex-1\" />\n              <ClearChatButton />\n              <SaveAgentButton />\n            </>\n          ) : (\n            <span className=\"min-w-0 flex-1\" />\n          )}\n          <div key=\"mobile-shell-actions\" className=\"md:hidden\">\n            <ShellActions />\n          </div>\n        </header>\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          ) : isIdle ? (\n            <SelectAgentEmptyState />\n          ) : (\n            <Thread />\n          )}\n        </div>\n      </div>\n\n      {/* Mobile sessions drawer */}\n      {mobileNavOpen ? (\n        <>\n          <button\n            type=\"button\"\n            aria-label=\"Close sessions\"\n            className=\"absolute inset-0 z-[9] cursor-pointer bg-[var(--overlay)] md:hidden\"\n            onClick={() => setMobileNavOpen(false)}\n          />\n          <div\n            ref={dialogRef}\n            className=\"absolute inset-y-0 left-0 z-10 flex w-full max-w-80 flex-col border-r border-border bg-sidebar-bg shadow-lg outline-none md:hidden\"\n            role=\"dialog\"\n            aria-label=\"Sessions\"\n            tabIndex={-1}\n          >\n            <div className=\"flex shrink-0 items-center gap-2 border-b border-border px-3 py-3 text-text-primary\">\n              <BrandLogo\n                variant={chrome.expandedVariant}\n                className={cn(brandLogoClassName, chrome.expandedVariant === 'icon' && 'w-5')}\n              />\n              {chrome.showTitle && brandName != null ? (\n                <span className=\"truncate text-lg font-semibold tracking-tight\">{brandName}</span>\n              ) : null}\n            </div>\n            <ThreadListContainer onThreadOpen={() => setMobileNavOpen(false)} />\n          </div>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,MAAM,UAAU,WAAW,QAAQ,gBAAgB;AAiGlD,SA8DE,UA7DA,KADF;AAhFV,IAAM,6BAA6B,KAAK,MAAM,OAAO,+BAAwC,CAAC;AAG9F,IAAI,mBAAmB;AAEvB,IAAM,qBAAqB;AAEpB,SAAS,cAAc,EAAE,UAAU,GAA2B;AACnE,QAAM,MAAM,OAAO;AACnB,QAAM,QAAQ,qBAAqB;AACnC,QAAM,QAAQ,SAAS;AACvB,QAAM,YAAY,aAAa;AAC/B,QAAM,SAAS,mBAAmB,KAAK;AACvC,QAAM,YAAY,QAAQ,WAAW;AACrC,QAAM,sBAAsB,QAAQ,qBAAqB;AACzD,QAAM,kBAAkB,QAAQ,iBAAiB;AACjD,QAAM,kBAAkB,QAAQ,iBAAiB;AACjD,QAAM,wBAAwB,QAAQ,uBAAuB;AAC7D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,gBAAgB;AAC3D,QAAM,sBAAsB,CAAC,UAAkD;AAC7E,iBAAa,UAAQ;AACnB,YAAM,OAAO,OAAO,UAAU,aAAa,MAAM,IAAI,IAAI;AACzD,yBAAmB;AACnB,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACA,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,aAAa,OAA0B,IAAI;AACjD,QAAM,YAAY,OAAuB,IAAI;AAC7C,QAAM,UAAU,OAAuB,IAAI;AAC3C,QAAM,UAAU,OAAO,KAAK;AAC5B,QAAM,SAAS,OAAO,KAAK,WAAW;AACtC,QAAM,eAAe,OAAO,iBAAiB;AAC7C,QAAM,uBAAuB,4BAA4B;AAEzD,YAAU,MAAM;AACd,QAAI,CAAC,cAAe;AACpB,UAAM,YAAY,CAAC,UAAyB;AAC1C,UAAI,MAAM,QAAQ,SAAU,kBAAiB,KAAK;AAAA,IACpD;AACA,WAAO,iBAAiB,WAAW,SAAS;AAC5C,WAAO,MAAM,OAAO,oBAAoB,WAAW,SAAS;AAAA,EAC9D,GAAG,CAAC,aAAa,CAAC;AAElB,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,eAAe;AACjB,cAAQ,UAAU;AAClB,UAAI,KAAM,MAAK,QAAQ;AACvB,gBAAU,SAAS,MAAM;AACzB;AAAA,IACF;AACA,QAAI,QAAQ,SAAS;AACnB,UAAI,KAAM,MAAK,QAAQ;AACvB,iBAAW,SAAS,MAAM;AAC1B,cAAQ,UAAU;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,gBAAgB,MAAM;AAC1B,QAAI,OAAO,mBAAmB;AAC5B,YAAM,UAAU;AAChB;AAAA,IACF;AACA,WAAO,gBAAgB,KAAK;AAC5B,SAAK,QAAQ,QAAQ,IAAI,QAAQ,EAAE,kBAAkB,CAAC,EAAE,MAAM,MAAM,MAAS;AAAA,EAC/E;AAEA,SACE,qBAAC,SAAI,WAAW,GAAG,+CAA+C,SAAS,GAEzE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,YAAY,SAAS;AAAA,QACvB;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,GAAG,wCAAwC,YAAY,mBAAmB,uBAAuB;AAAA,cAE5G;AAAA,qCAAC,SAAI,WAAW,GAAG,+CAA+C,YAAY,mBAAmB,OAAO,GACtG;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,SAAS,YAAY,OAAO,mBAAmB,OAAO;AAAA,sBACtD,WAAW,GAAG,qBAAqB,aAAa,OAAO,oBAAoB,WAAW,KAAK;AAAA;AAAA,kBAC7F;AAAA,kBACC,CAAC,aAAa,OAAO,aAAa,aAAa,OAC9C,oBAAC,UAAK,WAAU,iDAAiD,qBAAU,IACzE;AAAA,mBACN;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,cAAY,YAAY,mBAAmB;AAAA,oBAC3C,OAAO,YAAY,mBAAmB;AAAA,oBACtC,iBAAe,CAAC;AAAA,oBAChB,WAAW,eAAe,EAAE,SAAS,SAAS,MAAM,OAAO,CAAC;AAAA,oBAC5D,SAAS,MAAM,oBAAoB,WAAS,CAAC,KAAK;AAAA,oBAElD,8BAAC,QAAK,MAAM,YAAY,oBAAoB,oBAAoB;AAAA;AAAA,gBAClE;AAAA;AAAA;AAAA,UACF;AAAA,UAGA,qBAAC,SAAI,WAAU,wDAAuD,QAAQ,CAAC,WAAW,cAAW,WAClG;AAAA,mBAAO,qBAAqB,QAC3B;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;AAAA,gBAET,8BAAC,QAAK,MAAK,cAAa;AAAA;AAAA,YAC1B,IACE;AAAA,YACJ,oBAAC,uBAAoB,SAAO,MAAC;AAAA,aAC/B;AAAA,UACA,oBAAC,SAAI,WAAU,gDAA+C,QAAQ,WACpE,8BAAC,uBAAoB,GACvB;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,YAAY,gCAAgC;AAAA,cAC9C;AAAA,cAEA,8BAAC,gBAAa,WAAW,YAAY,aAAa,QAAW;AAAA;AAAA,UAC/D;AAAA;AAAA;AAAA,IACF;AAAA,IAEA,qBAAC,SAAI,WAAU,sDAGb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA;AAAA;AAAA,aAGC,gBAAgB,UAAU,CAAC,yBAAyB;AAAA,UACvD;AAAA,UAEC;AAAA,aAAC,eACA,iCACE;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK;AAAA,kBACL,MAAK;AAAA,kBACL,cAAW;AAAA,kBACX,iBAAe;AAAA,kBACf,WAAW,GAAG,eAAe,EAAE,SAAS,SAAS,MAAM,OAAO,CAAC,GAAG,WAAW;AAAA,kBAC7E,SAAS,MAAM,iBAAiB,IAAI;AAAA,kBAEpC,8BAAC,QAAK,MAAK,QAAO;AAAA;AAAA,cACpB;AAAA,cACA,oBAAC,yBAAsB;AAAA,cACvB,oBAAC,UAAK,WAAU,kBAAiB;AAAA,cACjC,oBAAC,mBAAgB;AAAA,cACjB,oBAAC,mBAAgB;AAAA,eACnB,IAEA,oBAAC,UAAK,WAAU,kBAAiB;AAAA,YAEnC,oBAAC,SAA+B,WAAU,aACxC,8BAAC,gBAAa,KADP,sBAET;AAAA;AAAA;AAAA,MACF;AAAA,MAEA,oBAAC,SAAI,KAAK,SAAS,WAAU,0BAC1B,yBACC;AAAA,QAAC;AAAA;AAAA,UACC,UACE;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cACL,aAAU;AAAA,cACV,aAAU;AAAA,cAEV;AAAA,oCAAC,WAAQ,MAAM,IAAI,WAAU,qBAAoB;AAAA,gBACjD,oBAAC,UAAK,WAAU,WAAU,qBAAO;AAAA;AAAA;AAAA,UACnC;AAAA,UAGF,8BAAC,8BAA2B;AAAA;AAAA,MAC9B,IACE,SACF,oBAAC,yBAAsB,IAEvB,oBAAC,UAAO,GAEZ;AAAA,OACF;AAAA,IAGC,gBACC,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,WAAU;AAAA,UACV,SAAS,MAAM,iBAAiB,KAAK;AAAA;AAAA,MACvC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,WAAU;AAAA,UACV,MAAK;AAAA,UACL,cAAW;AAAA,UACX,UAAU;AAAA,UAEV;AAAA,iCAAC,SAAI,WAAU,uFACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS,OAAO;AAAA,kBAChB,WAAW,GAAG,oBAAoB,OAAO,oBAAoB,UAAU,KAAK;AAAA;AAAA,cAC9E;AAAA,cACC,OAAO,aAAa,aAAa,OAChC,oBAAC,UAAK,WAAU,iDAAiD,qBAAU,IACzE;AAAA,eACN;AAAA,YACA,oBAAC,uBAAoB,cAAc,MAAM,iBAAiB,KAAK,GAAG;AAAA;AAAA;AAAA,MACpE;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":[]}

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

@@ -5,16 +5,16 @@ import {
   SearchInput_default,
   auiInputClass,
   useToasterOptional
-} from "./chunk-XRTTKGKN.js";
+} from "./chunk-OSV3HI5M.js";
 import {
   Icon,
   getErrorMessage
-} from "./chunk-IFLE7OMM.js";
+} from "./chunk-FJ5RSSMA.js";
 import {
   useCatalogServer
 } from "./chunk-WQULF5AT.js";
-import "./chunk-JRRCAKEP.js";
-import "./chunk-72LC2M3R.js";
+import "./chunk-B52K63AW.js";
+import "./chunk-36KOSC2J.js";
 
 // src/containers/SettingsBuilder/SkillSettings.tsx
 import { useCallback, useEffect, useMemo, useState as useState2 } from "react";
@@ -388,4 +388,4 @@ var SkillSettings_default = SkillSettings;
 export {
   SkillSettings_default as default
 };
-//# sourceMappingURL=SkillSettings-ECH6SHZ7.js.map
+//# sourceMappingURL=SkillSettings-3EPPC3IT.js.map

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

@@ -4,14 +4,14 @@ import {
 } from "./chunk-YIWUG6MC.js";
 import {
   TrueForgeUIShell
-} from "./chunk-255AE5NI.js";
-import "./chunk-FXCYLEFB.js";
+} from "./chunk-WREC7D54.js";
+import "./chunk-BSIPI3KV.js";
 import "./chunk-M6MHLVSO.js";
-import "./chunk-XRTTKGKN.js";
-import "./chunk-IFLE7OMM.js";
+import "./chunk-OSV3HI5M.js";
+import "./chunk-FJ5RSSMA.js";
 import "./chunk-WQULF5AT.js";
-import "./chunk-JRRCAKEP.js";
-import "./chunk-72LC2M3R.js";
+import "./chunk-B52K63AW.js";
+import "./chunk-36KOSC2J.js";
 
 // src/containers/TrueForgeUIWithRouter.tsx
 import { useMemo } from "react";
@@ -27,4 +27,4 @@ function TrueForgeUIWithRouter({
 export {
   TrueForgeUIWithRouter
 };
-//# sourceMappingURL=TrueForgeUIWithRouter-KMHPOKLN.js.map
+//# sourceMappingURL=TrueForgeUIWithRouter-NZ4FGPE4.js.map

package/dist/{WidgetLayout-4ZIG3RXV.js → WidgetLayout-3QZ357FL.js}

@@ -1,24 +1,24 @@
 "use client";
 import {
   StackChatPanel
-} from "./chunk-PUFYHFND.js";
-import "./chunk-OZTNBS6V.js";
-import "./chunk-IWPDSPVA.js";
-import "./chunk-FXCYLEFB.js";
+} from "./chunk-7L63OK3O.js";
+import "./chunk-ZXOADNF3.js";
+import "./chunk-3S6KHO7H.js";
+import "./chunk-BSIPI3KV.js";
 import "./chunk-M6MHLVSO.js";
 import {
   useSlot
-} from "./chunk-XRTTKGKN.js";
+} from "./chunk-OSV3HI5M.js";
 import {
   CompactLayoutProvider,
   Icon,
   auiButtonClass
-} from "./chunk-IFLE7OMM.js";
+} from "./chunk-FJ5RSSMA.js";
 import "./chunk-WQULF5AT.js";
-import "./chunk-JRRCAKEP.js";
+import "./chunk-B52K63AW.js";
 import {
   cn
-} from "./chunk-72LC2M3R.js";
+} from "./chunk-36KOSC2J.js";
 
 // src/layouts/WidgetLayout.tsx
 import { useEffect, useRef, useState } from "react";
@@ -92,7 +92,7 @@ function WidgetLayout({ className }) {
         "aria-expanded": open,
         "aria-label": open ? "Close chat" : "Open chat",
         onClick: () => setOpen((v) => !v),
-        children: open ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-xl leading-none", children: "\xD7" }) : /* @__PURE__ */ jsx(BrandLogo, { className: "size-6" })
+        children: open ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-xl leading-none", children: "\xD7" }) : /* @__PURE__ */ jsx(BrandLogo, { variant: "icon", className: "size-6" })
       }
     )
   ] });
@@ -100,4 +100,4 @@ function WidgetLayout({ className }) {
 export {
   WidgetLayout
 };
-//# sourceMappingURL=WidgetLayout-4ZIG3RXV.js.map
+//# sourceMappingURL=WidgetLayout-3QZ357FL.js.map