@adea-ai/ui 0.142.4 → 0.144.0

package/dist/components/layout/shell-rail/shell-rail.js

@@ -0,0 +1,124 @@
+import { cn } from "../../../lib/utils.js";
+import { Separator } from "../../ui/separator/separator.js";
+import { Kbd, KbdGroup } from "../../ui/kbd/kbd.js";
+import { SideRail, SideRailContent, SideRailFooter, SideRailHeader, SideRailItem } from "../side-rail/side-rail.js";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+import { Search } from "lucide-solid";
+import { For, Show, children, splitProps } from "solid-js";
+//#region src/components/layout/shell-rail/shell-rail.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span data-slot=shell-rail-mark aria-hidden=true class="flex h-rail-item items-center justify-center">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=shell-rail-search class="flex min-w-0 flex-col gap-0.5">`);
+function ShellRail(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"mark",
+		"onSearch",
+		"searchLabel",
+		"searchKeyshortcuts",
+		"searchKeys",
+		"children",
+		"footer",
+		"aria-label"
+	]);
+	const footer = children(() => local.footer);
+	const content = children(() => local.children);
+	return createComponent(SideRail, mergeProps({
+		collapsed: true,
+		"data-slot": "shell-rail",
+		get ["aria-label"]() {
+			return local["aria-label"] ?? "Global navigation";
+		},
+		get ["class"]() {
+			return cn("relative z-(--z-sticky) min-w-0", local.class);
+		}
+	}, rest, { get children() {
+		return [
+			createComponent(SideRailHeader, {
+				"data-slot": "shell-rail-header",
+				"class": "h-auto justify-center px-0 pt-1",
+				get children() {
+					var _el$ = _tmpl$();
+					insert(_el$, () => local.mark);
+					return _el$;
+				}
+			}),
+			createComponent(SideRailContent, {
+				"data-slot": "shell-rail-content",
+				"class": "pt-0.5",
+				get children() {
+					return [createComponent(Show, {
+						get when() {
+							return local.onSearch;
+						},
+						get children() {
+							return [(() => {
+								var _el$2 = _tmpl$2();
+								insert(_el$2, createComponent(SideRailItem, {
+									as: "button",
+									type: "button",
+									get label() {
+										return local.searchLabel ?? "Search";
+									},
+									get ["aria-label"]() {
+										return local.searchLabel ?? "Search";
+									},
+									get keyshortcuts() {
+										return local.searchKeyshortcuts;
+									},
+									get shortcut() {
+										return local.searchKeys?.join("");
+									},
+									onClick: () => local.onSearch?.(),
+									get children() {
+										return createComponent(Search, { "aria-hidden": "true" });
+									}
+								}), null);
+								insert(_el$2, createComponent(Show, {
+									get when() {
+										return local.searchKeys?.length;
+									},
+									get children() {
+										return createComponent(KbdGroup, {
+											size: "compact",
+											"class": "justify-center pb-1",
+											"data-slot": "shell-rail-search-keys",
+											get children() {
+												return createComponent(For, {
+													get each() {
+														return local.searchKeys;
+													},
+													children: (key) => createComponent(Kbd, {
+														size: "compact",
+														children: key
+													})
+												});
+											}
+										});
+									}
+								}), null);
+								return _el$2;
+							})(), createComponent(Separator, { "class": "my-1" })];
+						}
+					}), memo(() => content())];
+				}
+			}),
+			createComponent(Show, {
+				get when() {
+					return footer();
+				},
+				get children() {
+					return createComponent(SideRailFooter, {
+						"data-slot": "shell-rail-footer",
+						get children() {
+							return footer();
+						}
+					});
+				}
+			})
+		];
+	} }));
+}
+//#endregion
+export { ShellRail };
+
+//# sourceMappingURL=shell-rail.js.map

package/dist/components/layout/shell-rail/shell-rail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-rail.js","names":["Search","ComponentProps","JSX","children","For","Show","splitProps","cn","Kbd","KbdGroup","Separator","SideRail","SideRailContent","SideRailFooter","SideRailHeader","SideRailItem","ShellRailProps","Omit","mark","Element","onSearch","searchLabel","searchKeyshortcuts","searchKeys","footer","ShellRail","props","local","rest","content","_$createComponent","_$mergeProps","collapsed","aria-label","class","_el$","_tmpl$","_$insert","when","_el$2","_tmpl$2","as","type","label","keyshortcuts","shortcut","join","onClick","length","size","each","key","_$memo","_$createComponent","_$mergeProps","_$memo"],"sources":["../../../../src/components/layout/shell-rail/shell-rail.tsx"],"sourcesContent":["import { Search } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { children, For, Show, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Kbd, KbdGroup } from '../../ui/kbd'\nimport { Separator } from '../../ui/separator'\nimport {\n  SideRail,\n  SideRailContent,\n  SideRailFooter,\n  SideRailHeader,\n  SideRailItem,\n} from '../side-rail'\n\n/**\n * ShellRail.\n *\n * The side rail both applications put at the window's leading edge: always the\n * collapsed icon column, with the app's mark at the top, a search entry point\n * under it, the app's destinations in the middle and a footer for account and\n * settings.\n *\n * The rail is never the thing the sidebar toggle collapses. The toggle belongs\n * to the sidebar beside the rail, which is why this component takes no\n * `collapsed` prop: a rail that could be expanded would be a second sidebar,\n * and the two apps would drift on which of them the toggle meant.\n *\n * Destinations are the caller's: pass `SideRailItem`s (or a `SideRailSection`)\n * as children. The mark, the search row and the footer are slots with the\n * geometry decided here, so the rail's rhythm cannot differ between apps.\n */\nexport type ShellRailProps = Omit<ComponentProps<'nav'>, 'children'> & {\n  /** The app's mark. Decorative: the rail names itself through `aria-label`. */\n  mark: JSX.Element\n  /** Opens search. Omit to leave the search row out. */\n  onSearch?: () => void\n  /** The search row's accessible name. */\n  searchLabel?: string\n  /** The chord as it is announced, e.g. `Meta+K Control+K`. */\n  searchKeyshortcuts?: string\n  /** The cap labels drawn under the icon, in press order, e.g. `['⌘', 'K']`. */\n  searchKeys?: readonly string[]\n  /** Destinations between the search row and the footer. */\n  children?: JSX.Element\n  /** Account, plugins, settings. Pinned to the rail's foot. */\n  footer?: JSX.Element\n}\n\nexport function ShellRail(props: ShellRailProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'mark',\n    'onSearch',\n    'searchLabel',\n    'searchKeyshortcuts',\n    'searchKeys',\n    'children',\n    'footer',\n    'aria-label',\n  ])\n\n  // Resolve the footer once: reading a JSX prop twice builds two copies.\n  const footer = children(() => local.footer)\n  const content = children(() => local.children)\n\n  return (\n    <SideRail\n      collapsed\n      data-slot=\"shell-rail\"\n      aria-label={local['aria-label'] ?? 'Global navigation'}\n      class={cn('relative z-(--z-sticky) min-w-0', local.class)}\n      {...rest}\n    >\n      <SideRailHeader data-slot=\"shell-rail-header\" class=\"h-auto justify-center px-0 pt-1\">\n        <span\n          data-slot=\"shell-rail-mark\"\n          aria-hidden=\"true\"\n          class=\"flex h-rail-item items-center justify-center\"\n        >\n          {local.mark}\n        </span>\n      </SideRailHeader>\n\n      <SideRailContent data-slot=\"shell-rail-content\" class=\"pt-0.5\">\n        <Show when={local.onSearch}>\n          <div data-slot=\"shell-rail-search\" class=\"flex min-w-0 flex-col gap-0.5\">\n            <SideRailItem\n              as=\"button\"\n              type=\"button\"\n              label={local.searchLabel ?? 'Search'}\n              aria-label={local.searchLabel ?? 'Search'}\n              keyshortcuts={local.searchKeyshortcuts}\n              shortcut={local.searchKeys?.join('')}\n              onClick={() => local.onSearch?.()}\n            >\n              <Search aria-hidden=\"true\" />\n            </SideRailItem>\n            {/* The chord is drawn as key caps under the icon: the one row that\n                advertises a shortcut. The accessible chord stays on the row. */}\n            <Show when={local.searchKeys?.length}>\n              <KbdGroup\n                size=\"compact\"\n                class=\"justify-center pb-1\"\n                data-slot=\"shell-rail-search-keys\"\n              >\n                <For each={local.searchKeys}>{(key) => <Kbd size=\"compact\">{key}</Kbd>}</For>\n              </KbdGroup>\n            </Show>\n          </div>\n          <Separator class=\"my-1\" />\n        </Show>\n        {content()}\n      </SideRailContent>\n\n      <Show when={footer()}>\n        <SideRailFooter data-slot=\"shell-rail-footer\">{footer()}</SideRailFooter>\n      </Show>\n    </SideRail>\n  )\n}\n"],"mappings":";;;;;;;;;;AAgDA,SAAgByB,UAAUC,OAAuB;CAC/C,MAAM,CAACC,OAAOC,QAAQtB,WAAWoB,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAY,CACb;CAGD,MAAMF,SAASrB,eAAewB,MAAMH,MAAM;CAC1C,MAAMK,UAAU1B,eAAewB,MAAMxB,QAAQ;CAE7C,OAAA2B,gBACGnB,UAAQoB,WAAA;EACPC,WAAS;EAAA,aAAA;EAAA,KAAA,gBAAA;GAAA,OAEGL,MAAM,iBAAiB;EAAmB;EAAA,KAAA,WAAA;GAAA,OAC/CpB,GAAG,mCAAmCoB,MAAMO,KAAK;EAAC;CAAA,GACrDN,MAAI,EAAA,IAAAzB,WAAA;EAAA,OAAA;GAAA2B,gBAEPhB,gBAAc;IAAA,aAAA;IAAA,SAAA;IAAA,IAAAX,WAAA;KAAA,IAAAgC,OAAAC,OAAA;KAAAC,OAAAF,YAMVR,MAAMT,IAAI;KAAA,OAAAiB;IAAA;GAAA,CAAA;GAAAL,gBAIdlB,iBAAe;IAAA,aAAA;IAAA,SAAA;IAAA,IAAAT,WAAA;KAAA,OAAA,CAAA2B,gBACbzB,MAAI;MAAA,IAACiC,OAAI;OAAA,OAAEX,MAAMP;MAAQ;MAAA,IAAAjB,WAAA;OAAA,OAAA,QAAA;QAAA,IAAAoC,QAAAC,QAAA;QAAAH,OAAAE,OAAAT,gBAErBf,cAAY;SACX0B,IAAE;SACFC,MAAI;SAAA,IACJC,QAAK;UAAA,OAAEhB,MAAMN,eAAe;SAAQ;SAAA,KAAA,gBAAA;UAAA,OACxBM,MAAMN,eAAe;SAAQ;SAAA,IACzCuB,eAAY;UAAA,OAAEjB,MAAML;SAAkB;SAAA,IACtCuB,WAAQ;UAAA,OAAElB,MAAMJ,YAAYuB,KAAK,EAAE;SAAC;SACpCC,eAAepB,MAAMP,WAAW;SAAC,IAAAjB,WAAA;UAAA,OAAA2B,gBAEhC9B,QAAM,EAAA,eAAA,OAAA,CAAA;SAAA;QAAA,CAAA,GAAA,IAAA;QAAAqC,OAAAE,OAAAT,gBAIRzB,MAAI;SAAA,IAACiC,OAAI;UAAA,OAAEX,MAAMJ,YAAYyB;SAAM;SAAA,IAAA7C,WAAA;UAAA,OAAA2B,gBACjCrB,UAAQ;WACPwC,MAAI;WAAA,SAAA;WAAA,aAAA;WAAA,IAAA9C,WAAA;YAAA,OAAA2B,gBAIH1B,KAAG;aAAA,IAAC8C,OAAI;cAAA,OAAEvB,MAAMJ;aAAU;aAAApB,WAAIgD,QAAGrB,gBAAMtB,KAAG;cAACyC,MAAI;cAAA9C,UAAYgD;aAAG,CAAA;YAAO,CAAA;WAAA;UAAA,CAAA;SAAA;QAAA,CAAA,GAAA,IAAA;QAAA,OAAAZ;OAAA,EAAA,CAAA,GAAAT,gBAI3EpB,WAAS,EAAA,SAAA,OAAA,CAAA,CAAA;MAAA;KAAA,CAAA,GAAA0C,WAEXvB,QAAQ,CAAC,CAAA;IAAA;GAAA,CAAA;GAAAC,gBAGXzB,MAAI;IAAA,IAACiC,OAAI;KAAA,OAAEd,OAAO;IAAC;IAAA,IAAArB,WAAA;KAAA,OAAA2B,gBACjBjB,gBAAc;MAAA,aAAA;MAAA,IAAAV,WAAA;OAAA,OAAgCqB,OAAO;MAAC;KAAA,CAAA;IAAA;GAAA,CAAA;EAAA;CAAA,EAAA,CAAA,CAAA;AAI/D"}

package/dist/components/layout/shell-top-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { ShellTopBar, type ShellTopBarProps } from './shell-top-bar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/shell-top-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/shell-top-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/components/layout/shell-top-bar/index.js

@@ -0,0 +1,2 @@
+import { ShellTopBar } from "./shell-top-bar.js";
+export { ShellTopBar };

package/dist/components/layout/shell-top-bar/shell-top-bar.d.ts

@@ -0,0 +1,68 @@
+import type { ComponentProps, JSX } from 'solid-js';
+/**
+ * ShellTopBar.
+ *
+ * The window's top bar as both applications draw it. It has two halves with a
+ * vertical divider between them:
+ *
+ *   - **Leading**: history arrows, the sidebar toggle and the workspace
+ *     switcher, in that order. This is the part that belongs to the window.
+ *   - **Content**: breadcrumbs, search and the view's actions. This is the part
+ *     that belongs to the view, and it always sits to the right of the divider.
+ *
+ * ## Why the divider tracks the sidebar
+ *
+ * With the sidebar open the divider lands on the sidebar's trailing edge, so the
+ * bar reads as the rail and sidebar's header on one side and the content's
+ * header on the other. The bar spans the rail and the sidebar (they sit under
+ * it), so the leading half is as wide as `--rail-width` plus the sidebar's width
+ * less the bar's own start padding. The host publishes the width as
+ * `--shell-sidebar-width` on an ancestor; the fallback of 17rem matches the
+ * default sidebar. Below the 48rem breakpoint the sidebar is a drawer and the
+ * leading half is only as wide as its controls.
+ *
+ * ## Narrow windows
+ *
+ * The bar is its own container. Below 34rem the search drops to a row of its
+ * own so the leading controls, the breadcrumb and the actions keep their room;
+ * the breadcrumb is the first thing to truncate.
+ *
+ * On a frameless desktop window the bar is the drag region (`draggable`) and
+ * every control opts back out; `macosInset` and `windowsInset` reserve the
+ * native window controls.
+ */
+export type ShellTopBarProps = Omit<ComponentProps<'header'>, 'children'> & {
+    /** History arrows. Rendered first, left of the sidebar toggle. */
+    navigation?: JSX.Element;
+    /** The sidebar toggle button. */
+    sidebarToggle?: JSX.Element;
+    /** The workspace switcher. */
+    workspace?: JSX.Element;
+    /**
+     * Whether the sidebar is open at wide widths. Open, the divider aligns with
+     * the sidebar's edge; closed, the leading half hugs its controls.
+     */
+    sidebarOpen?: boolean;
+    /**
+     * The open sidebar's width in pixels. Published as `--shell-sidebar-width` on
+     * the bar so the divider tracks a resizable sidebar; leave it unset to use an
+     * ancestor's variable or the 17rem default.
+     */
+    sidebarWidth?: number;
+    /** Breadcrumbs or the view's title. Takes the free space and truncates first. */
+    breadcrumb?: JSX.Element;
+    /** The view's search. */
+    search?: JSX.Element;
+    /** The view's actions, at the trailing edge. */
+    actions?: JSX.Element;
+    /** Make the bar a drag region, for a frameless window. */
+    draggable?: boolean;
+    /** Reserve space for the macOS traffic lights. */
+    macosInset?: boolean;
+    /** Reserve space for the Windows caption buttons. */
+    windowsInset?: boolean;
+    /** Blur the content scrolling under the bar. */
+    glass?: boolean;
+};
+export declare function ShellTopBar(props: ShellTopBarProps): JSX.Element;
+//# sourceMappingURL=shell-top-bar.d.ts.map

package/dist/components/layout/shell-top-bar/shell-top-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-top-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/shell-top-bar/shell-top-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAKnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1E,kEAAkE;IAClE,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACxB,iCAAiC;IACjC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAC3B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iFAAiF;IACjF,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACxB,yBAAyB;IACzB,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,eAiHlD"}

package/dist/components/layout/shell-top-bar/shell-top-bar.js

@@ -0,0 +1,135 @@
+import { cn } from "../../../lib/utils.js";
+import { Separator } from "../../ui/separator/separator.js";
+import { className, createComponent, effect, insert, memo, mergeProps, setAttribute, spread, template } from "solid-js/web";
+import { Show, children, splitProps } from "solid-js";
+//#region src/components/layout/shell-top-bar/shell-top-bar.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-slot=shell-top-bar-navigation class="flex shrink-0 items-center gap-2">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=shell-top-bar-toggle class="flex shrink-0 items-center">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=shell-top-bar-workspace class="flex min-w-0 items-center">`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div data-slot=shell-top-bar-breadcrumb class="window-no-drag flex h-topbar min-w-0 flex-1 items-center truncate ps-3 text-sm [&amp;_:is(a,button)]:window-no-drag">`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div class="min-w-0 flex-1"aria-hidden=true>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<div data-slot=shell-top-bar-search class="window-no-drag min-w-0 max-w-md shrink basis-72 px-3 @max-[34rem]/shell-top-bar:order-last @max-[34rem]/shell-top-bar:max-w-none @max-[34rem]/shell-top-bar:basis-full @max-[34rem]/shell-top-bar:pb-2">`);
+var _tmpl$7 = /*#__PURE__*/ template(`<div data-slot=shell-top-bar-actions class="window-no-drag flex h-topbar min-w-0 shrink-0 items-center gap-2 overflow-x-auto overflow-y-hidden ps-1">`);
+var _tmpl$8 = /*#__PURE__*/ template(`<header data-slot=shell-top-bar><div data-slot=shell-top-bar-leading>`);
+function ShellTopBar(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"navigation",
+		"sidebarToggle",
+		"workspace",
+		"sidebarOpen",
+		"sidebarWidth",
+		"breadcrumb",
+		"search",
+		"actions",
+		"draggable",
+		"macosInset",
+		"windowsInset",
+		"glass"
+	]);
+	const navigation = children(() => local.navigation);
+	const sidebarToggle = children(() => local.sidebarToggle);
+	const workspace = children(() => local.workspace);
+	const breadcrumb = children(() => local.breadcrumb);
+	const search = children(() => local.search);
+	const actions = children(() => local.actions);
+	return (() => {
+		var _el$ = _tmpl$8(), _el$2 = _el$.firstChild;
+		spread(_el$, mergeProps({
+			get ["class"]() {
+				return cn("@container/shell-top-bar relative z-(--z-sticky) flex min-h-topbar shrink-0 flex-wrap items-center border-b border-border bg-card text-card-foreground", local.glass && "glass-panel", local.draggable && "window-drag", local.macosInset ? "window-inset-macos [--shell-top-bar-inset:84px]" : "ps-3 [--shell-top-bar-inset:0.75rem]", local.windowsInset ? "window-inset-windows" : "pe-3", local.class);
+			},
+			get style() {
+				return memo(() => local.sidebarWidth === void 0)() ? void 0 : { "--shell-sidebar-width": `${local.sidebarWidth}px` };
+			}
+		}, rest), false, true);
+		insert(_el$2, createComponent(Show, {
+			get when() {
+				return navigation();
+			},
+			get children() {
+				var _el$3 = _tmpl$();
+				insert(_el$3, navigation);
+				return _el$3;
+			}
+		}), null);
+		insert(_el$2, createComponent(Show, {
+			get when() {
+				return sidebarToggle();
+			},
+			get children() {
+				var _el$4 = _tmpl$2();
+				insert(_el$4, sidebarToggle);
+				return _el$4;
+			}
+		}), null);
+		insert(_el$2, createComponent(Show, {
+			get when() {
+				return workspace();
+			},
+			get children() {
+				var _el$5 = _tmpl$3();
+				insert(_el$5, workspace);
+				return _el$5;
+			}
+		}), null);
+		insert(_el$, createComponent(Separator, {
+			orientation: "vertical",
+			"data-slot": "shell-top-bar-divider",
+			"aria-hidden": "true",
+			"class": "h-5"
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return breadcrumb();
+			},
+			get children() {
+				var _el$6 = _tmpl$4();
+				insert(_el$6, breadcrumb);
+				return _el$6;
+			}
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return !breadcrumb();
+			},
+			get children() {
+				return _tmpl$5();
+			}
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return search();
+			},
+			get children() {
+				var _el$8 = _tmpl$6();
+				insert(_el$8, search);
+				return _el$8;
+			}
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return actions();
+			},
+			get children() {
+				var _el$9 = _tmpl$7();
+				insert(_el$9, actions);
+				return _el$9;
+			}
+		}), null);
+		effect((_p$) => {
+			var _v$ = local.sidebarOpen ? "true" : "false", _v$2 = cn("window-no-drag flex h-topbar min-w-0 shrink-0 items-center gap-2 overflow-x-auto overflow-y-hidden pe-3", local.sidebarOpen && "md:w-[calc(var(--rail-width)+var(--shell-sidebar-width,17rem)-var(--shell-top-bar-inset))]");
+			_v$ !== _p$.e && setAttribute(_el$2, "data-sidebar-open", _p$.e = _v$);
+			_v$2 !== _p$.t && className(_el$2, _p$.t = _v$2);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$;
+	})();
+}
+//#endregion
+export { ShellTopBar };
+
+//# sourceMappingURL=shell-top-bar.js.map

package/dist/components/layout/shell-top-bar/shell-top-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-top-bar.js","names":["ComponentProps","JSX","children","Show","splitProps","cn","Separator","ShellTopBarProps","Omit","navigation","Element","sidebarToggle","workspace","sidebarOpen","sidebarWidth","breadcrumb","search","actions","draggable","macosInset","windowsInset","glass","ShellTopBar","props","local","rest","_el$","_tmpl$8","_el$2","firstChild","_$spread","_$mergeProps","class","style","_$memo","undefined","_$insert","_$createComponent","when","_el$3","_tmpl$","_el$4","_tmpl$2","_el$5","_tmpl$3","orientation","_el$6","_tmpl$4","_tmpl$5","_el$8","_tmpl$6","_el$9","_tmpl$7","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","_$className","_$mergeProps","_$memo","_$createComponent","_$setAttribute","_$className"],"sources":["../../../../src/components/layout/shell-top-bar/shell-top-bar.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'solid-js'\nimport { children, Show, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Separator } from '../../ui/separator'\n\n/**\n * ShellTopBar.\n *\n * The window's top bar as both applications draw it. It has two halves with a\n * vertical divider between them:\n *\n *   - **Leading**: history arrows, the sidebar toggle and the workspace\n *     switcher, in that order. This is the part that belongs to the window.\n *   - **Content**: breadcrumbs, search and the view's actions. This is the part\n *     that belongs to the view, and it always sits to the right of the divider.\n *\n * ## Why the divider tracks the sidebar\n *\n * With the sidebar open the divider lands on the sidebar's trailing edge, so the\n * bar reads as the rail and sidebar's header on one side and the content's\n * header on the other. The bar spans the rail and the sidebar (they sit under\n * it), so the leading half is as wide as `--rail-width` plus the sidebar's width\n * less the bar's own start padding. The host publishes the width as\n * `--shell-sidebar-width` on an ancestor; the fallback of 17rem matches the\n * default sidebar. Below the 48rem breakpoint the sidebar is a drawer and the\n * leading half is only as wide as its controls.\n *\n * ## Narrow windows\n *\n * The bar is its own container. Below 34rem the search drops to a row of its\n * own so the leading controls, the breadcrumb and the actions keep their room;\n * the breadcrumb is the first thing to truncate.\n *\n * On a frameless desktop window the bar is the drag region (`draggable`) and\n * every control opts back out; `macosInset` and `windowsInset` reserve the\n * native window controls.\n */\nexport type ShellTopBarProps = Omit<ComponentProps<'header'>, 'children'> & {\n  /** History arrows. Rendered first, left of the sidebar toggle. */\n  navigation?: JSX.Element\n  /** The sidebar toggle button. */\n  sidebarToggle?: JSX.Element\n  /** The workspace switcher. */\n  workspace?: JSX.Element\n  /**\n   * Whether the sidebar is open at wide widths. Open, the divider aligns with\n   * the sidebar's edge; closed, the leading half hugs its controls.\n   */\n  sidebarOpen?: boolean\n  /**\n   * The open sidebar's width in pixels. Published as `--shell-sidebar-width` on\n   * the bar so the divider tracks a resizable sidebar; leave it unset to use an\n   * ancestor's variable or the 17rem default.\n   */\n  sidebarWidth?: number\n  /** Breadcrumbs or the view's title. Takes the free space and truncates first. */\n  breadcrumb?: JSX.Element\n  /** The view's search. */\n  search?: JSX.Element\n  /** The view's actions, at the trailing edge. */\n  actions?: JSX.Element\n  /** Make the bar a drag region, for a frameless window. */\n  draggable?: boolean\n  /** Reserve space for the macOS traffic lights. */\n  macosInset?: boolean\n  /** Reserve space for the Windows caption buttons. */\n  windowsInset?: boolean\n  /** Blur the content scrolling under the bar. */\n  glass?: boolean\n}\n\nexport function ShellTopBar(props: ShellTopBarProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'navigation',\n    'sidebarToggle',\n    'workspace',\n    'sidebarOpen',\n    'sidebarWidth',\n    'breadcrumb',\n    'search',\n    'actions',\n    'draggable',\n    'macosInset',\n    'windowsInset',\n    'glass',\n  ])\n\n  // Resolve each slot once: a JSX prop is a getter that builds its elements on\n  // every read, so testing it with `Show` and then rendering it would build\n  // (and run the refs of) two copies.\n  const navigation = children(() => local.navigation)\n  const sidebarToggle = children(() => local.sidebarToggle)\n  const workspace = children(() => local.workspace)\n  const breadcrumb = children(() => local.breadcrumb)\n  const search = children(() => local.search)\n  const actions = children(() => local.actions)\n\n  return (\n    <header\n      data-slot=\"shell-top-bar\"\n      class={cn(\n        '@container/shell-top-bar relative z-(--z-sticky) flex min-h-topbar shrink-0 flex-wrap items-center border-b border-border bg-card text-card-foreground',\n        local.glass && 'glass-panel',\n        local.draggable && 'window-drag',\n        /* Each edge gets exactly one inline-padding utility, for the reason the\n           shared TopBar documents: two would tie-break by build order. The inset\n           is also published as a variable so the leading half can subtract it. */\n        local.macosInset\n          ? 'window-inset-macos [--shell-top-bar-inset:84px]'\n          : 'ps-3 [--shell-top-bar-inset:0.75rem]',\n        local.windowsInset ? 'window-inset-windows' : 'pe-3',\n        local.class\n      )}\n      style={\n        local.sidebarWidth === undefined\n          ? undefined\n          : { '--shell-sidebar-width': `${local.sidebarWidth}px` }\n      }\n      {...rest}\n    >\n      <div\n        data-slot=\"shell-top-bar-leading\"\n        data-sidebar-open={local.sidebarOpen ? 'true' : 'false'}\n        class={cn(\n          'window-no-drag flex h-topbar min-w-0 shrink-0 items-center gap-2 overflow-x-auto overflow-y-hidden pe-3',\n          /* Wide and open: span the rail and the sidebar so the divider lands on\n             the sidebar's edge. The sidebar's own border is the 1px the divider\n             overlaps, so no extra allowance is needed. */\n          local.sidebarOpen &&\n            'md:w-[calc(var(--rail-width)+var(--shell-sidebar-width,17rem)-var(--shell-top-bar-inset))]'\n        )}\n      >\n        <Show when={navigation()}>\n          <div data-slot=\"shell-top-bar-navigation\" class=\"flex shrink-0 items-center gap-2\">\n            {navigation()}\n          </div>\n        </Show>\n        <Show when={sidebarToggle()}>\n          <div data-slot=\"shell-top-bar-toggle\" class=\"flex shrink-0 items-center\">\n            {sidebarToggle()}\n          </div>\n        </Show>\n        <Show when={workspace()}>\n          <div data-slot=\"shell-top-bar-workspace\" class=\"flex min-w-0 items-center\">\n            {workspace()}\n          </div>\n        </Show>\n      </div>\n      <Separator\n        orientation=\"vertical\"\n        data-slot=\"shell-top-bar-divider\"\n        aria-hidden=\"true\"\n        class=\"h-5\"\n      />\n      <Show when={breadcrumb()}>\n        <div\n          data-slot=\"shell-top-bar-breadcrumb\"\n          class=\"window-no-drag flex h-topbar min-w-0 flex-1 items-center truncate ps-3 text-sm [&_:is(a,button)]:window-no-drag\"\n        >\n          {breadcrumb()}\n        </div>\n      </Show>\n      <Show when={!breadcrumb()}>\n        <div class=\"min-w-0 flex-1\" aria-hidden=\"true\" />\n      </Show>\n      <Show when={search()}>\n        <div\n          data-slot=\"shell-top-bar-search\"\n          class=\"window-no-drag min-w-0 max-w-md shrink basis-72 px-3 @max-[34rem]/shell-top-bar:order-last @max-[34rem]/shell-top-bar:max-w-none @max-[34rem]/shell-top-bar:basis-full @max-[34rem]/shell-top-bar:pb-2\"\n        >\n          {search()}\n        </div>\n      </Show>\n      <Show when={actions()}>\n        <div\n          data-slot=\"shell-top-bar-actions\"\n          class=\"window-no-drag flex h-topbar min-w-0 shrink-0 items-center gap-2 overflow-x-auto overflow-y-hidden ps-1\"\n        >\n          {actions()}\n        </div>\n      </Show>\n    </header>\n  )\n}\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -94,6 +94,8 @@ export * from './components/layout/sidebar-nav';
 export * from './components/layout/contextual-sidebar';
 export * from './components/layout/status-bar';
 export * from './components/layout/top-bar';
+export * from './components/layout/shell-top-bar';
+export * from './components/layout/shell-rail';
 export * from './components/conversation';
 export * from './components/theme';
 export * from './components/composites/account-menu';
@@ -129,6 +131,9 @@ export * from './components/composites/update-dialog';
 export * from './components/composites/about-dialog';
 export * from './components/composites/help-center';
 export * from './components/composites/workspace-mark';
+export * from './components/composites/workspace-switcher';
+export * from './components/composites/icon-picker';
+export * from './components/composites/accent-picker';
 export { cn } from './lib/utils';
 export { isCustomAccent, normalizeCustomAccent, paintAccentRoles, resolveAccentRoles, type AccentRoles, type AccentTarget, } from './lib/accent-roles';
 export { controlInteractive, controlSize, controlSizeIcon, controlSizes, cva, surfaceInteractive, type ControlSize, type VariantProps, } from './lib/variants';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -99,6 +99,8 @@ import { SidebarNavResizeHandle } from "./components/layout/sidebar-nav/sidebar-
 import { ContextualSidebar } from "./components/layout/contextual-sidebar/contextual-sidebar.js";
 import { StatusBar, StatusBarItem, StatusBarSpacer } from "./components/layout/status-bar/status-bar.js";
 import { TopBar, TopBarBreadcrumb, TopBarPill, TopBarSearch, TopBarSection, TopBarTitle } from "./components/layout/top-bar/top-bar.js";
+import { ShellTopBar } from "./components/layout/shell-top-bar/shell-top-bar.js";
+import { ShellRail } from "./components/layout/shell-rail/shell-rail.js";
 import { BusySendButton } from "./components/conversation/busy-send-button.js";
 import { ChatComposer } from "./components/conversation/chat-composer.js";
 import { ConversationAvatar } from "./components/conversation/conversation-avatar.js";
@@ -187,4 +189,9 @@ import { UpdateChannelControl } from "./components/composites/update-dialog/chan
 import { AboutDialog } from "./components/composites/about-dialog/about-dialog.js";
 import { HelpCenter } from "./components/composites/help-center/help-center.js";
 import { WorkspaceMark } from "./components/composites/workspace-mark/workspace-mark.js";
-export { ANSI_MAX_LINE_LENGTH, ANSI_RETAIN_LINES, APPEARANCE_EDITOR_FONT_AXES, APPEARANCE_EDITOR_FONT_SIZE_MAX, APPEARANCE_EDITOR_FONT_SIZE_MIN, AboutDialog, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountMenu, ActionButton, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnnotationSurface, AppShell, AppShellBody, AppShellContent, AppShellMain, AppearanceEditor, AppearanceEditorActions, AppearanceFontSettingsGroup, AppearancePanel, AppearancePopover, AspectRatio, Attachment, AttachmentCard, AttachmentList, Avatar, AvatarFallback, AvatarImage, Badge, Board, BoardCardBody, BoardCardTitle, BoardCardTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Bubble, BusySendButton, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CHAIN_OF_THOUGHT_STATUS_LABELS, CODE_BLOCK_LINE_LIMIT, CalendarSurface, Callout, CalloutTitle, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CatalogBrowser, CatalogDetail, CatalogDetailSection, ChainOfThought, ChainOfThoughtResult, ChainOfThoughtResults, ChainOfThoughtStep, Chat, ChatComposer, ChatEmpty, ChatHeader, ChatNotice, Checkbox, CheckboxDescription, CheckboxLabel, Checkpoint, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandHint, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, CommandStatus, ComposerAttachmentButton, ComposerHint, ComposerMenu, ComposerMenuItem, Confirmation, Context, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ContextualSidebar, ConversationAvatar, ConversationPane, ConversationSurface, DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS, DatePicker, DetailPanel, DetailPanelBody, DetailPanelField, DetailPanelHeader, DetailPanelSection, Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffBlock, DiffSummary, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, EntityIcon, FILE_CHANGE_LABELS, FILE_TREE_AUTO_EXPAND_LIMIT, FILE_TREE_MAX_DEPTH, FILE_TREE_MAX_ROWS, FLOATING_PREVIEW_CORNER_RADIUS, FLOATING_PREVIEW_EDGE_GAP, Field, FieldDescription, FieldError, FieldGroup, FieldInput, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTextArea, FileTree, FloatingPreview, FormField, Heading, HelpCenter, HoverCard, HoverCardContent, HoverCardTrigger, InlineCitation, InlineCode, Input, InputControl, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputOtp, InputOtpCaret, Item, ItemDescription, ItemEmpty, ItemGroup, ItemGroupEntry, ItemTitle, Kbd, KbdChord, KbdGroup, Label, ListGroup, ListRow, ListRowControl, MAX_LAYOUT_DEPTH, MAX_LAYOUT_LEAVES, MAX_SPLIT_RATIO, MIN_SPLIT_RATIO, MODEL_SEARCH_THRESHOLD, Marker, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MessageActions, MessageBody, MessageComposer, MessageContent, MessageDayDivider, MessageFooter, MessageGroup, MessageHeader, MessageRow, MessageScroller, MessageText, ModalDialog, ModelSelector, Motion, NO_FLOATING_PREVIEW_OBSTACLES, NO_PREVIEW_MINI_PLAYER_OBSTACLES, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuMenu, NavigationMenuSeparator, NavigationMenuTrigger, NavigationMenuViewport, NumberField, OrbitItem, OrbitLayout, PASTE_THRESHOLD_CHARS, PASTE_THRESHOLD_LINES, PASTE_TOKEN_REGEX, PREVIEW_MINI_PLAYER_CORNER_RADIUS, PREVIEW_MINI_PLAYER_EDGE_GAP, Page, PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderTitle, PageSection, Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious, PalettePreview, Panel, PanelActions, PanelBody, PanelCard, PanelDescription, PanelFooter, PanelHeader, PanelPlaceholder, PanelTitle, PanelToolbar, PixelResizeHandle, Plan, Popover, PopoverAnchor, PopoverCloseButton, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Presence, Progress, PropertyList, PropertyRow, PropertyTerm, PropertyValue, Questionnaire, Queue, QueueFollowUps, REDUCED_TRANSPARENCY_QUERY, RadioGroup, RadioGroupItem, Reasoning, ResizableHandle, ResizablePanel, ResizablePanelGroup, SOURCE_SNIPPET_LIMIT, SOURCE_TITLE_LIMIT, STACK_MAX_LINES, STACK_TRACE_MAX_BLOCKS, SceneControls, ScrollArea, SecretInputGroup, Select, SelectChevronsUpDown, SelectContent, SelectItem, SelectLabel, SelectSection, SelectTrigger, SelectValue, Separator, SettingsField, SettingsLayout, SettingsNavigation, SettingsPage, SettingsRow, SettingsSection, Sheet, SheetBody, SheetCloseButton, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SideRail, SideRailButton, SideRailContent, SideRailFooter, SideRailHeader, SideRailItem, SideRailSection, SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavLabel, SidebarNavResizeHandle, SidebarNavRow, SidebarNavSection, SidebarNavTitle, Skeleton, SkipLink, Slider, Sources, Spinner, SplitLayout, StackTrace, Stat, StatGroup, StatusBar, StatusBarItem, StatusBarSpacer, StatusChip, StatusList, Subagent, Suggestion, Suggestions, Switch, SwitchDescription, SwitchLabel, TALL_CODE_BLOCK_PX, TASK_ITEM_STATUS_LABELS, TERMINAL_MAX_LINES, TEST_RESULTS_LIST_LIMIT, TOOL_STATUS_LABELS, TOOL_VALUE_MAX_CHARS, TRACE_STATUS_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableNumericCell, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Task, TaskItemList, TaskItemRow, Terminal, TestResults, Text, TextLink, Textarea, ThemeMiniature, ThemeMiniatureSplit, ThemeModeToggle, ThemePicker, ThemePreview, ThemeProvider, ThemeSwatch, ThemeToggle, ThreadPanel, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tool, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, TopBarBreadcrumb, TopBarPill, TopBarSearch, TopBarSection, TopBarTitle, Trace, TraceDetail, TraceLine, TranscriptComposition, Tree, TreeRow, TreeRowActions, UpdateChannelControl, UpdateDialog, ValueCombobox, VirtualWindow, WorkspaceMark, accentPresets, alertVariants, allTokens, ansi256ToColor, ansiLineText, appearancePreviewThemes, applyAppearanceFontSettings, badgeVariants, boardCardTitleVariants, boundText, breakdownRows, bubbleVariants, buildFileTree, builtinThemes, buttonVariants, calloutVariants, captureAnchor, cardVariants, chatNoticeVariants, checkpointLabel, checkpointStatus, citationLabel, citationName, clampFloatingPreviewPosition, clampPreviewMiniPlayerPosition, clampWindow, classifyFrame, closePane, cn, colorTokens, computeLayoutFrames, confirmationOutcome, contextLabel, contextLevel, contextLevelWord, contextPercent, contextShort, contrastRatio, controlInteractive, controlSize, controlSizeIcon, controlSizes, countChanges, countLeaves, countLines, createAnsiParser, createAppMenuItems, createLayoutState, createVersionedPersistence, cva, decisionReason, dedentLines, defaultDarkThemeId, defaultLightThemeId, defaultPreferenceStorage, defaultThemeSelection, densityTokens, describeChanges, describeCount, describeFrameGroup, designTokens, diffLineVariants, diffStats, diffTargetPath, editorPaletteFor, elevationTokens, entityIconVariants, expandAll, findModel, findTokenRanges, firstFailureKey, flattenFileTree, focusPane, fontOptions, fontSettingsBootstrapScript, fontZoomShortcut, formatAttachmentSize, formatBytes, formatCost, formatDuration, formatExact, formatReleaseDate, formatDuration$1 as formatTestDuration, formatToken, formatTokens, formatToolValue, frameLocation, groupModels, groupStackEntries, hasContextFigures, headingElement, headingVariants, indexFileTree, initialExpanded, initialsFrom, inlineScriptLiteral, isAwaitingAnswer, isCustomAccent, isFailedExit, isFigure, isPasteBlock, isPlainStyle, isQuestionAnswered, isThemeAccentId, itemVariants, kbdChordKeys, kbdGroupVariants, kbdVariants, keyedRows, layoutDepth, listLeaves, listedCounts, localStoragePersistence, markerVariants, messageCitations, modelSearchValue, monogram, motionTokens, movePane, nearestAnsiColor, needsSearch, neighborLeaf, nextCitationMode, nextSeq, normalizeAppearanceEditorFontSettings, normalizeAppearanceEditorFontSize, normalizeCustomAccent, normalizeEfforts, normalizeLayout, normalizePath, normalizeSurface, paintAccentRoles, parseAnsi, parseDiff, parseInline, parseMessageText, parseStackTrace, partitionQueue, placeCitationMarkers, plainTextFromMarkdown, platformModifierKey, pruneBlocks, quarantineRecord, radiusTokens, readLegacyValue, readVersionedRecord, reasoningTitle, recollapsePastes, reconcileCounts, recoveryEnvelope, recoveryKeyFor, remapCarriedBlocks, resizeFloatingPreview, resizePreviewMiniPlayer, resizeSplit, resolveAccentPreset, resolveAccentRoles, resolveColors, resolveEffort, resolveFloatingPreviewFrame, resolvePreviewMiniPlayerFrame, resolveSurface, resolveSurfaceState, resolveVariant, resolvedDensity, restoreAnchor, restoreControl, restoreDialogCopy, revealInWindow, safeHref, safePreviewSrc, safeSourceUrl, searchShortcutKeyshortcuts, searchShortcutLabel, settleDecision, sheetVariants, shouldCollapse, sidebarNavItemClass, sidebarNavItemStateClass, sourceHost, sourceTitle, sourcesLabel, splitLocation, splitPane, splitPaneBalanced, statusDotVariants, stepAppearanceFontSizes, stepCountLabel, stripTrailingBlankLines, suiteKey, suiteState, surfaceAlpha, surfaceInteractive, swapPanes, taskProgress, taskProgressLabel, terminalCssVariables, terminalStatusLabel, testKey, textElement, textVariants, textareaVariants, themeAccentsFor, themeById, themeCssVariables, themeFamilies, themeRecordById, themeRecords, themeScript, themeSurfaces, themesForAppearance, toast, toaster, toggleVariants, tokenRangeAt, tokensAsHex, transcriptDisclosureKey, typeaheadIndex, typographyTokens, undoClosePane, undocumentedTokenAliases, useOptionalTheme, useSideRail, useTheme, validateTheme, validateThemeRegistry, variantFromRecord, withAccent, wrapIndex, writeClipboardText, writeVersionedRecord, zIndexTokens };
+import { WorkspaceSwitcher } from "./components/composites/workspace-switcher/workspace-switcher.js";
+import { MARK_IMAGE_MAX_DATA_URL_LENGTH, MARK_IMAGE_MAX_SOURCE_BYTES, MARK_IMAGE_SIZE, MarkImageError, centredSquare, checkMarkImageFile, isMarkImageDataUrl, markImageFromFile, markImageProblemCopy } from "./components/composites/icon-picker/image-data-url.js";
+import { isShellIconKey, resolveShellIcon, shellIconEntries, shellIconLabel } from "./components/composites/icon-picker/shell-icons.js";
+import { IconPicker, IconPickerDropdown } from "./components/composites/icon-picker/icon-picker.js";
+import { AccentPicker } from "./components/composites/accent-picker/accent-picker.js";
+export { ANSI_MAX_LINE_LENGTH, ANSI_RETAIN_LINES, APPEARANCE_EDITOR_FONT_AXES, APPEARANCE_EDITOR_FONT_SIZE_MAX, APPEARANCE_EDITOR_FONT_SIZE_MIN, AboutDialog, AccentPicker, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountMenu, ActionButton, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnnotationSurface, AppShell, AppShellBody, AppShellContent, AppShellMain, AppearanceEditor, AppearanceEditorActions, AppearanceFontSettingsGroup, AppearancePanel, AppearancePopover, AspectRatio, Attachment, AttachmentCard, AttachmentList, Avatar, AvatarFallback, AvatarImage, Badge, Board, BoardCardBody, BoardCardTitle, BoardCardTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Bubble, BusySendButton, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CHAIN_OF_THOUGHT_STATUS_LABELS, CODE_BLOCK_LINE_LIMIT, CalendarSurface, Callout, CalloutTitle, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CatalogBrowser, CatalogDetail, CatalogDetailSection, ChainOfThought, ChainOfThoughtResult, ChainOfThoughtResults, ChainOfThoughtStep, Chat, ChatComposer, ChatEmpty, ChatHeader, ChatNotice, Checkbox, CheckboxDescription, CheckboxLabel, Checkpoint, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandHint, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, CommandStatus, ComposerAttachmentButton, ComposerHint, ComposerMenu, ComposerMenuItem, Confirmation, Context, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ContextualSidebar, ConversationAvatar, ConversationPane, ConversationSurface, DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS, DatePicker, DetailPanel, DetailPanelBody, DetailPanelField, DetailPanelHeader, DetailPanelSection, Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffBlock, DiffSummary, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, EntityIcon, FILE_CHANGE_LABELS, FILE_TREE_AUTO_EXPAND_LIMIT, FILE_TREE_MAX_DEPTH, FILE_TREE_MAX_ROWS, FLOATING_PREVIEW_CORNER_RADIUS, FLOATING_PREVIEW_EDGE_GAP, Field, FieldDescription, FieldError, FieldGroup, FieldInput, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTextArea, FileTree, FloatingPreview, FormField, Heading, HelpCenter, HoverCard, HoverCardContent, HoverCardTrigger, IconPicker, IconPickerDropdown, InlineCitation, InlineCode, Input, InputControl, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputOtp, InputOtpCaret, Item, ItemDescription, ItemEmpty, ItemGroup, ItemGroupEntry, ItemTitle, Kbd, KbdChord, KbdGroup, Label, ListGroup, ListRow, ListRowControl, MARK_IMAGE_MAX_DATA_URL_LENGTH, MARK_IMAGE_MAX_SOURCE_BYTES, MARK_IMAGE_SIZE, MAX_LAYOUT_DEPTH, MAX_LAYOUT_LEAVES, MAX_SPLIT_RATIO, MIN_SPLIT_RATIO, MODEL_SEARCH_THRESHOLD, MarkImageError, Marker, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MessageActions, MessageBody, MessageComposer, MessageContent, MessageDayDivider, MessageFooter, MessageGroup, MessageHeader, MessageRow, MessageScroller, MessageText, ModalDialog, ModelSelector, Motion, NO_FLOATING_PREVIEW_OBSTACLES, NO_PREVIEW_MINI_PLAYER_OBSTACLES, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuMenu, NavigationMenuSeparator, NavigationMenuTrigger, NavigationMenuViewport, NumberField, OrbitItem, OrbitLayout, PASTE_THRESHOLD_CHARS, PASTE_THRESHOLD_LINES, PASTE_TOKEN_REGEX, PREVIEW_MINI_PLAYER_CORNER_RADIUS, PREVIEW_MINI_PLAYER_EDGE_GAP, Page, PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderTitle, PageSection, Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious, PalettePreview, Panel, PanelActions, PanelBody, PanelCard, PanelDescription, PanelFooter, PanelHeader, PanelPlaceholder, PanelTitle, PanelToolbar, PixelResizeHandle, Plan, Popover, PopoverAnchor, PopoverCloseButton, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Presence, Progress, PropertyList, PropertyRow, PropertyTerm, PropertyValue, Questionnaire, Queue, QueueFollowUps, REDUCED_TRANSPARENCY_QUERY, RadioGroup, RadioGroupItem, Reasoning, ResizableHandle, ResizablePanel, ResizablePanelGroup, SOURCE_SNIPPET_LIMIT, SOURCE_TITLE_LIMIT, STACK_MAX_LINES, STACK_TRACE_MAX_BLOCKS, SceneControls, ScrollArea, SecretInputGroup, Select, SelectChevronsUpDown, SelectContent, SelectItem, SelectLabel, SelectSection, SelectTrigger, SelectValue, Separator, SettingsField, SettingsLayout, SettingsNavigation, SettingsPage, SettingsRow, SettingsSection, Sheet, SheetBody, SheetCloseButton, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, ShellRail, ShellTopBar, SideRail, SideRailButton, SideRailContent, SideRailFooter, SideRailHeader, SideRailItem, SideRailSection, SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavLabel, SidebarNavResizeHandle, SidebarNavRow, SidebarNavSection, SidebarNavTitle, Skeleton, SkipLink, Slider, Sources, Spinner, SplitLayout, StackTrace, Stat, StatGroup, StatusBar, StatusBarItem, StatusBarSpacer, StatusChip, StatusList, Subagent, Suggestion, Suggestions, Switch, SwitchDescription, SwitchLabel, TALL_CODE_BLOCK_PX, TASK_ITEM_STATUS_LABELS, TERMINAL_MAX_LINES, TEST_RESULTS_LIST_LIMIT, TOOL_STATUS_LABELS, TOOL_VALUE_MAX_CHARS, TRACE_STATUS_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableNumericCell, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Task, TaskItemList, TaskItemRow, Terminal, TestResults, Text, TextLink, Textarea, ThemeMiniature, ThemeMiniatureSplit, ThemeModeToggle, ThemePicker, ThemePreview, ThemeProvider, ThemeSwatch, ThemeToggle, ThreadPanel, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tool, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, TopBarBreadcrumb, TopBarPill, TopBarSearch, TopBarSection, TopBarTitle, Trace, TraceDetail, TraceLine, TranscriptComposition, Tree, TreeRow, TreeRowActions, UpdateChannelControl, UpdateDialog, ValueCombobox, VirtualWindow, WorkspaceMark, WorkspaceSwitcher, accentPresets, alertVariants, allTokens, ansi256ToColor, ansiLineText, appearancePreviewThemes, applyAppearanceFontSettings, badgeVariants, boardCardTitleVariants, boundText, breakdownRows, bubbleVariants, buildFileTree, builtinThemes, buttonVariants, calloutVariants, captureAnchor, cardVariants, centredSquare, chatNoticeVariants, checkMarkImageFile, checkpointLabel, checkpointStatus, citationLabel, citationName, clampFloatingPreviewPosition, clampPreviewMiniPlayerPosition, clampWindow, classifyFrame, closePane, cn, colorTokens, computeLayoutFrames, confirmationOutcome, contextLabel, contextLevel, contextLevelWord, contextPercent, contextShort, contrastRatio, controlInteractive, controlSize, controlSizeIcon, controlSizes, countChanges, countLeaves, countLines, createAnsiParser, createAppMenuItems, createLayoutState, createVersionedPersistence, cva, decisionReason, dedentLines, defaultDarkThemeId, defaultLightThemeId, defaultPreferenceStorage, defaultThemeSelection, densityTokens, describeChanges, describeCount, describeFrameGroup, designTokens, diffLineVariants, diffStats, diffTargetPath, editorPaletteFor, elevationTokens, entityIconVariants, expandAll, findModel, findTokenRanges, firstFailureKey, flattenFileTree, focusPane, fontOptions, fontSettingsBootstrapScript, fontZoomShortcut, formatAttachmentSize, formatBytes, formatCost, formatDuration, formatExact, formatReleaseDate, formatDuration$1 as formatTestDuration, formatToken, formatTokens, formatToolValue, frameLocation, groupModels, groupStackEntries, hasContextFigures, headingElement, headingVariants, indexFileTree, initialExpanded, initialsFrom, inlineScriptLiteral, isAwaitingAnswer, isCustomAccent, isFailedExit, isFigure, isMarkImageDataUrl, isPasteBlock, isPlainStyle, isQuestionAnswered, isShellIconKey, isThemeAccentId, itemVariants, kbdChordKeys, kbdGroupVariants, kbdVariants, keyedRows, layoutDepth, listLeaves, listedCounts, localStoragePersistence, markImageFromFile, markImageProblemCopy, markerVariants, messageCitations, modelSearchValue, monogram, motionTokens, movePane, nearestAnsiColor, needsSearch, neighborLeaf, nextCitationMode, nextSeq, normalizeAppearanceEditorFontSettings, normalizeAppearanceEditorFontSize, normalizeCustomAccent, normalizeEfforts, normalizeLayout, normalizePath, normalizeSurface, paintAccentRoles, parseAnsi, parseDiff, parseInline, parseMessageText, parseStackTrace, partitionQueue, placeCitationMarkers, plainTextFromMarkdown, platformModifierKey, pruneBlocks, quarantineRecord, radiusTokens, readLegacyValue, readVersionedRecord, reasoningTitle, recollapsePastes, reconcileCounts, recoveryEnvelope, recoveryKeyFor, remapCarriedBlocks, resizeFloatingPreview, resizePreviewMiniPlayer, resizeSplit, resolveAccentPreset, resolveAccentRoles, resolveColors, resolveEffort, resolveFloatingPreviewFrame, resolvePreviewMiniPlayerFrame, resolveShellIcon, resolveSurface, resolveSurfaceState, resolveVariant, resolvedDensity, restoreAnchor, restoreControl, restoreDialogCopy, revealInWindow, safeHref, safePreviewSrc, safeSourceUrl, searchShortcutKeyshortcuts, searchShortcutLabel, settleDecision, sheetVariants, shellIconEntries, shellIconLabel, shouldCollapse, sidebarNavItemClass, sidebarNavItemStateClass, sourceHost, sourceTitle, sourcesLabel, splitLocation, splitPane, splitPaneBalanced, statusDotVariants, stepAppearanceFontSizes, stepCountLabel, stripTrailingBlankLines, suiteKey, suiteState, surfaceAlpha, surfaceInteractive, swapPanes, taskProgress, taskProgressLabel, terminalCssVariables, terminalStatusLabel, testKey, textElement, textVariants, textareaVariants, themeAccentsFor, themeById, themeCssVariables, themeFamilies, themeRecordById, themeRecords, themeScript, themeSurfaces, themesForAppearance, toast, toaster, toggleVariants, tokenRangeAt, tokensAsHex, transcriptDisclosureKey, typeaheadIndex, typographyTokens, undoClosePane, undocumentedTokenAliases, useOptionalTheme, useSideRail, useTheme, validateTheme, validateThemeRegistry, variantFromRecord, withAccent, wrapIndex, writeClipboardText, writeVersionedRecord, zIndexTokens };

package/dist/r/accent-picker.json

@@ -0,0 +1,25 @@
+{
+  "name": "accent-picker",
+  "type": "registry:ui",
+  "title": "Accent Picker",
+  "description": "",
+  "dependencies": [
+    "@kobalte/core@^0.13.14"
+  ],
+  "registryDependencies": [
+    "@adea-ai/ui/tooltip",
+    "lib"
+  ],
+  "files": [
+    {
+      "path": "src/components/composites/accent-picker/accent-picker.tsx",
+      "type": "registry:ui",
+      "target": "components/composites/accent-picker/accent-picker.tsx"
+    },
+    {
+      "path": "src/components/composites/accent-picker/index.ts",
+      "type": "registry:ui",
+      "target": "components/composites/accent-picker/index.ts"
+    }
+  ]
+}

package/dist/r/icon-picker.json

@@ -0,0 +1,37 @@
+{
+  "name": "icon-picker",
+  "type": "registry:ui",
+  "title": "Icon Picker",
+  "description": "",
+  "dependencies": [
+    "@kobalte/core@^0.13.14",
+    "lucide-solid@^1.51.0"
+  ],
+  "registryDependencies": [
+    "@adea-ai/ui/button",
+    "@adea-ai/ui/popover",
+    "lib"
+  ],
+  "files": [
+    {
+      "path": "src/components/composites/icon-picker/icon-picker.tsx",
+      "type": "registry:ui",
+      "target": "components/composites/icon-picker/icon-picker.tsx"
+    },
+    {
+      "path": "src/components/composites/icon-picker/image-data-url.ts",
+      "type": "registry:ui",
+      "target": "components/composites/icon-picker/image-data-url.ts"
+    },
+    {
+      "path": "src/components/composites/icon-picker/index.ts",
+      "type": "registry:ui",
+      "target": "components/composites/icon-picker/index.ts"
+    },
+    {
+      "path": "src/components/composites/icon-picker/shell-icons.ts",
+      "type": "registry:ui",
+      "target": "components/composites/icon-picker/shell-icons.ts"
+    }
+  ]
+}