@timbal-ai/timbal-react 1.3.0 → 1.4.0

package/dist/index.cjs

@@ -38,7 +38,7 @@ __export(index_exports, {
   AccordionContent: () => AccordionContent,
   AccordionItem: () => AccordionItem,
   AccordionTrigger: () => AccordionTrigger,
-  ActionBarPrimitive: () => import_react73.ActionBarPrimitive,
+  ActionBarPrimitive: () => import_react77.ActionBarPrimitive,
   Alert: () => Alert,
   AlertDescription: () => AlertDescription,
   AlertDialog: () => AlertDialog,
@@ -64,8 +64,8 @@ __export(index_exports, {
   ArtifactRegistryProvider: () => ArtifactRegistryProvider,
   ArtifactView: () => ArtifactView,
   AspectRatio: () => AspectRatio,
-  AssistantRuntimeProvider: () => import_react73.AssistantRuntimeProvider,
-  AuiIf: () => import_react73.AuiIf,
+  AssistantRuntimeProvider: () => import_react77.AssistantRuntimeProvider,
+  AuiIf: () => import_react77.AuiIf,
   AuthGuard: () => AuthGuard,
   Avatar: () => Avatar,
   AvatarFallback: () => AvatarFallback,
@@ -122,7 +122,7 @@ __export(index_exports, {
   CommandSeparator: () => CommandSeparator,
   CommandShortcut: () => CommandShortcut,
   Composer: () => Composer,
-  ComposerPrimitive: () => import_react73.ComposerPrimitive,
+  ComposerPrimitive: () => import_react77.ComposerPrimitive,
   ConnectionRow: () => ConnectionRow,
   ConnectionRowList: () => ConnectionRowList,
   ContextMenu: () => ContextMenu,
@@ -233,7 +233,7 @@ __export(index_exports, {
   MenubarSubContent: () => MenubarSubContent,
   MenubarSubTrigger: () => MenubarSubTrigger,
   MenubarTrigger: () => MenubarTrigger,
-  MessagePrimitive: () => import_react73.MessagePrimitive,
+  MessagePrimitive: () => import_react77.MessagePrimitive,
   MetricChartCard: () => MetricChartCard,
   MetricRow: () => MetricRow,
   MetricTile: () => MetricTile,
@@ -334,7 +334,7 @@ __export(index_exports, {
   TagInput: () => TagInput,
   Textarea: () => Textarea,
   Thread: () => Thread,
-  ThreadPrimitive: () => import_react73.ThreadPrimitive,
+  ThreadPrimitive: () => import_react77.ThreadPrimitive,
   TimbalChat: () => TimbalChat,
   TimbalChatShell: () => TimbalChatShell,
   TimbalMark: () => TimbalMark,
@@ -431,15 +431,15 @@ __export(index_exports, {
   useAppShellChat: () => useAppShellChat,
   useAppShellNav: () => useAppShellNav,
   useArtifactRegistry: () => useArtifactRegistry,
-  useComposerRuntime: () => import_react73.useComposerRuntime,
+  useComposerRuntime: () => import_react77.useComposerRuntime,
   useInterval: () => useInterval,
   useLiveQuery: () => useLiveQuery,
-  useMessageRuntime: () => import_react73.useMessageRuntime,
+  useMessageRuntime: () => import_react77.useMessageRuntime,
   useOptionalSession: () => useOptionalSession,
   useResolvedSuggestions: () => useResolvedSuggestions,
   useSession: () => useSession,
-  useThread: () => import_react73.useThread,
-  useThreadRuntime: () => import_react73.useThreadRuntime,
+  useThread: () => import_react77.useThread,
+  useThreadRuntime: () => import_react77.useThreadRuntime,
   useTimbalRuntime: () => useTimbalRuntime,
   useTimbalStream: () => useTimbalStream,
   useToast: () => useToast,
@@ -7673,6 +7673,40 @@ You are **not** required to copy any example layout, page title, section order,
 
 When in doubt: compose from the **component menu** + **guidelines**, then adapt creatively to the request.
 
+### Layout archetypes \u2014 pick the shape that fits (don't default to one)
+
+The most common failure is shipping the **same** layout every time: sidebar + topbar + \`Page\` + one \`MetricRow\` + one full-width \`DataTable\`. That is *one* archetype, not *the* layout. Choose deliberately \u2014 different domains want different shapes, and varying the shell/page composition is encouraged.
+
+| Archetype | When | Compose |
+|-----------|------|---------|
+| **Sidebar dashboard** | Multi-section product (CRM, billing, ops) with nav | \`StudioSidebar\` in \`AppShell.sidebar\` + \`Page\` \u2192 \`Section\` |
+| **Focused / no-chrome** | A single tool or one-screen utility | \`AppShell\` (no sidebar) + \`Page\` (optionally just \`AppShellTopbar\`); or a centered narrow column |
+| **Bento overview** | Home / at-a-glance dashboards | \`Page\` + an **asymmetric grid** of \`SurfaceCard\` / \`ChartPanel\` / \`StatTile\` spanning different widths (not a uniform row + table) |
+| **Split master\u2013detail** | Inbox, triage queue, record browser, log explorer | \`AppShell contentFill\` + \`Page fill\` + a two-column flex row, each pane \`min-h-0 overflow-y-auto\` |
+| **Full-page chat / canvas** | Chat-first app, editor, map, single full-bleed surface | \`AppShell contentFill\` + headerless \`Page fill\` + a \`min-h-0 flex-1\` child (e.g. \`TimbalChat\`) |
+| **Copilot overlay** | A data app that also wants an assistant | any of the above + \`AppShell chat={<AppChatPanel />}\` (floating, never a second column) |
+| **Section-switcher** | One page, several views | \`SubNav\` / \`PillSegmentedTabs\` (\`trackVariant="flush"\`) switching panels with state/router |
+
+Mix them: vary the grid columns, density, header placement (\`Page\` actions vs. a global \`AppShellTopbar\`), and whether there's a sidebar at all. Two dashboards for two domains should not look identical.
+
+### Full-height pages (chat, canvas, split views)
+
+The content region is a **padded scroll area** by default \u2014 great for stacked \`Page\` \u2192 \`Section\` content, wrong for a surface that must fill the viewport. For full-bleed pages:
+
+- Pass **\`contentFill\`** to \`AppShell\` \u2192 the content region becomes a bounded, non-scrolling flex column (clipped, no bottom padding).
+- Pass **\`fill\`** to \`Page\` \u2192 the page becomes a \`min-h-0 flex-1\` flex column.
+- Give the filling child **\`min-h-0 flex-1\`** (or \`h-full\`) so its own scroll/footer resolves \u2014 e.g. \`<TimbalChat className="min-h-0 flex-1" />\`, or a two-pane row where each pane is \`min-h-0 overflow-y-auto\`.
+
+\`\`\`tsx
+<AppShell contentFill topbar={<AppShellTopbar actions={<ModeToggle />} />}>
+  <Page fill>                                  {/* headerless: omit title */}
+    <TimbalChat workforceId="\u2026" className="min-h-0 flex-1" />
+  </Page>
+</AppShell>
+\`\`\`
+
+**Don't** size full-height content with \`h-[calc(100dvh-\u2026)]\` (guesses chrome height \u2192 spurious scrollbar) or \`min-h-[\u2026]\` (free-growing floor \u2192 a pinned footer like the chat composer rides down on scroll). Let \`contentFill\` + \`fill\` provide the bounded height. \`Page\` with no \`title\` renders **no header** \u2014 you don't need to abandon \`Page\` to drop a heading.
+
 ### Module layout (source folders)
 
 Presentational groups \u2014 import from the package root, not from these paths:
@@ -7731,12 +7765,12 @@ The cause of slop is dropping **below** the curated block layer into raw primiti
 
 | Component | Use for |
 |-----------|---------|
-| \`AppShell\` | Shell: optional \`sidebar\`, \`topbar\`, main \`children\`, optional floating \`chat\`. Props: \`chatTriggerLabel\`, \`chatCollapsible\`, \`chatWidth\`, \`chatHeight\`, controlled \`chatOpen\`. |
+| \`AppShell\` | Shell: optional \`sidebar\`, \`topbar\`, main \`children\`, optional floating \`chat\`. Props: \`chatTriggerLabel\`, \`chatCollapsible\`, \`chatWidth\`, \`chatHeight\`, controlled \`chatOpen\`, **\`contentFill\`** (bounded non-scrolling content region for full-bleed pages \u2014 chat/canvas/split view). |
 | \`AppShellTopbar\` | Full-width top bar: \`start\`, \`actions\` slots. |
 | \`AppCopilotProvider\` | React context for copilot-aware tools (page, filters, selection, etc.). |
 | \`AppChatPanel\` | Floating thread: \`workforceId\`, \`welcome\`, \`debug\`. |
 | \`useAppShellChat\` | Custom open/close trigger when \`hideChatTrigger\` on shell. |
-| \`Page\` | Page title, description, \`breadcrumbs\`, \`actions\`, \`density\` (\`"default"\` | \`"compact"\`), children. |
+| \`Page\` | Page title, description, \`breadcrumbs\`, \`actions\`, \`density\` (\`"default"\` | \`"compact"\`), children. **\`title\` is optional** \u2014 omit it for a headerless page (no \`<h1>\`). **\`fill\`** makes it a \`min-h-0 flex-1\` column for full-height content (pair with \`AppShell contentFill\`). |
 | \`Section\` | Titled block inside a page. Optional \`density\` overrides inherited page density. |
 | \`SubNav\` | **Section switcher** (Overview / Reports pill bar): \`items\`, \`activeId\`, \`onChange\`. Never use Radix/shadcn \`Tabs\` \u2014 it is not in this package. Switch panels with state or the router. |
 | **Menus** | **Select** = short list, no search. **Combobox** = searchable (same trigger as Select). **Command** only inside \`PopoverContent variant="list"\` or Combobox \u2014 never padded default Popover. See \`examples/app-kit/src/recipes/primitives-catalog.ts\`. |
@@ -7829,8 +7863,11 @@ Ready-made **section patterns** assembled from the components above. Each is a c
 - **Empty states** \u2014 no-data / no-results / first-run. Compose \`EmptyState\` + \`Card\` + \`Button\`.
 - **Sign-in card** \u2014 centered auth entry. Compose \`Card\` + \`Input\` + \`Label\` + \`Button\`.
 
-**Shells & theming**
+**Shells & layouts**
 - **Minimal shell** \u2014 \`AppShell\` + \`Page\` (no sidebar/chat).
+- **Bento dashboard** \u2014 \`Page\` + an asymmetric grid of \`SurfaceCard\` / \`ChartPanel\` / \`StatTile\` (varied spans) for overview/home screens.
+- **Split view** \u2014 master\u2013detail: \`AppShell contentFill\` + \`Page fill\` + a two-pane flex row (list + detail), each pane \`min-h-0 overflow-y-auto\`.
+- **Full-page chat** \u2014 \`AppShell contentFill\` + headerless \`Page fill\` + \`TimbalChat className="min-h-0 flex-1"\` (composer pinned; no \`h-[calc(...)]\`).
 - **Copilot overlay** \u2014 \`AppShell\` + floating \`AppChatPanel\`.
 - **Theme presets** \u2014 apply a brand preset programmatically (\`applyThemePreset\` / \`applyTimbalTheme\`); never hand-author OKLCH and don't expose a theme picker to end users.
 
@@ -9038,6 +9075,7 @@ var AppShellBody = ({
   sidebar,
   topbarContent,
   mainClassName,
+  contentFill = false,
   insetPaddingPx,
   insetExpanded,
   children
@@ -9060,7 +9098,10 @@ var AppShellBody = ({
         "div",
         {
           className: cn(
-            "aui-app-shell-scroll flex min-h-0 flex-1 flex-col overflow-y-auto",
+            "aui-app-shell-scroll flex min-h-0 flex-1 flex-col",
+            // Padded scroll region by default; a full-bleed page (chat / canvas) owns
+            // its own scroll, so clip here and let the bounded `main` fill exactly.
+            contentFill ? "overflow-hidden" : "overflow-y-auto",
             !topbarContent && appShellInsetTopClass
           ),
           children: [
@@ -9069,8 +9110,11 @@ var AppShellBody = ({
               "main",
               {
                 className: cn(
-                  "aui-app-shell-main min-w-0 flex-1",
-                  appShellInsetBottomClass,
+                  // Bounded flex column by default so `h-full` / `flex-1 min-h-0` children
+                  // (full-page chat, canvas) resolve a height without `mainClassName` surgery.
+                  "aui-app-shell-main flex min-h-0 min-w-0 flex-1 flex-col",
+                  // Bottom breathing room for scrolling content; full-bleed pages skip it.
+                  !contentFill && appShellInsetBottomClass,
                   mainClassName
                 ),
                 children
@@ -9100,7 +9144,8 @@ var AppShell = ({
   defaultNavOpen = false,
   onNavOpenChange,
   className,
-  mainClassName
+  mainClassName,
+  contentFill = false
 }) => {
   const topbarContent = topbar ?? header;
   const hasChat = Boolean(chat);
@@ -9147,6 +9192,7 @@ var AppShell = ({
       sidebar,
       topbarContent,
       mainClassName,
+      contentFill,
       insetPaddingPx,
       insetExpanded,
       children
@@ -9296,11 +9342,14 @@ var PageHeader = ({
   className
 }) => {
   const pageHeaderClass = useAppDensityClass("pageHeader");
+  if (title == null && description == null && actions == null) {
+    return null;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("header", { className: cn("aui-app-page-header", pageHeaderClass, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h1", { className: "text-2xl font-semibold tracking-tight text-foreground", children: title }),
+    title != null || description != null ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "min-w-0", children: [
+      title != null ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h1", { className: "text-2xl font-semibold tracking-tight text-foreground", children: title }) : null,
       description ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: description }) : null
-    ] }),
+    ] }) : null,
     actions ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "aui-app-page-header-actions flex shrink-0 flex-wrap items-center gap-2", children: actions }) : null
   ] });
 };
@@ -9310,6 +9359,7 @@ var import_jsx_runtime66 = require("react/jsx-runtime");
 var PageFrame = ({
   children,
   breadcrumbs,
+  fill = false,
   className,
   ...headerProps
 }) => {
@@ -9318,7 +9368,11 @@ var PageFrame = ({
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     "div",
     {
-      className: cn("aui-app-page", pageColumnClass, className),
+      className: cn(
+        "aui-app-page",
+        fill ? "flex min-h-0 min-w-0 flex-1 flex-col" : pageColumnClass,
+        className
+      ),
       "data-density": density,
       children: [
         breadcrumbs,
@@ -9332,10 +9386,20 @@ var Page = ({
   density = "default",
   children,
   breadcrumbs,
+  fill = false,
   className,
   ...headerProps
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(AppDensityProvider, { density, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PageFrame, { breadcrumbs, className, ...headerProps, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(AppDensityProvider, { density, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    PageFrame,
+    {
+      breadcrumbs,
+      fill,
+      className,
+      ...headerProps,
+      children
+    }
+  ) });
 };
 
 // src/app/layout/Section.tsx
@@ -10248,6 +10312,7 @@ var Breadcrumbs = ({ items, className }) => {
 };
 
 // src/app/forms/Field.tsx
+var import_react67 = require("react");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 var Field = ({
   label,
@@ -10273,7 +10338,8 @@ var FieldInput = ({
   id,
   ...inputProps
 }) => {
-  const inputId = id ?? inputProps.name;
+  const autoId = (0, import_react67.useId)();
+  const inputId = id ?? inputProps.name ?? autoId;
   return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     Field,
     {
@@ -10296,6 +10362,7 @@ var FieldInput = ({
 };
 
 // src/app/forms/FieldTextarea.tsx
+var import_react68 = require("react");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 var textareaClass = cn(
   appInputClass,
@@ -10310,7 +10377,8 @@ var FieldTextarea = ({
   id,
   ...props
 }) => {
-  const textareaId = id ?? props.name;
+  const autoId = (0, import_react68.useId)();
+  const textareaId = id ?? props.name ?? autoId;
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     Field,
     {
@@ -10333,6 +10401,7 @@ var FieldTextarea = ({
 };
 
 // src/app/forms/FieldSelect.tsx
+var import_react69 = require("react");
 var import_lucide_react17 = require("lucide-react");
 var import_jsx_runtime93 = require("react/jsx-runtime");
 var selectWrapClass = "relative";
@@ -10350,7 +10419,8 @@ var FieldSelect = ({
   id,
   ...props
 }) => {
-  const selectId = id ?? props.name;
+  const autoId = (0, import_react69.useId)();
+  const selectId = id ?? props.name ?? autoId;
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     Field,
     {
@@ -10383,6 +10453,7 @@ var FieldSelect = ({
 };
 
 // src/app/forms/FieldSwitch.tsx
+var import_react70 = require("react");
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var trackClass = cn(
   "relative inline-flex h-5 w-9 shrink-0 items-center rounded-full transition-[background,box-shadow,border-color] duration-200",
@@ -10403,7 +10474,8 @@ var FieldSwitch = ({
   id,
   ...props
 }) => {
-  const inputId = id ?? props.name ?? "switch";
+  const autoId = (0, import_react70.useId)();
+  const inputId = id ?? props.name ?? autoId;
   return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
     "label",
     {
@@ -10512,7 +10584,7 @@ var FilterField = ({
 };
 
 // src/app/data/DataTable.tsx
-var import_react67 = require("react");
+var import_react71 = require("react");
 var import_lucide_react20 = require("lucide-react");
 
 // src/ui/checkbox.tsx
@@ -10640,7 +10712,7 @@ function DataTable({
   defaultPageIndex = 0,
   onPageChange
 }) {
-  const [uncontrolledSort, setUncontrolledSort] = (0, import_react67.useState)(
+  const [uncontrolledSort, setUncontrolledSort] = (0, import_react71.useState)(
     defaultSort
   );
   const isSortControlled = sortProp !== void 0;
@@ -10651,19 +10723,19 @@ function DataTable({
     }
     onSortChange?.(next);
   };
-  const [uncontrolledSelected, setUncontrolledSelected] = (0, import_react67.useState)(
+  const [uncontrolledSelected, setUncontrolledSelected] = (0, import_react71.useState)(
     defaultSelectedKeys ?? []
   );
   const isSelectionControlled = selectedKeysProp !== void 0;
   const selectedKeys = isSelectionControlled ? selectedKeysProp : uncontrolledSelected;
-  const selectedSet = (0, import_react67.useMemo)(() => new Set(selectedKeys), [selectedKeys]);
+  const selectedSet = (0, import_react71.useMemo)(() => new Set(selectedKeys), [selectedKeys]);
   const setSelected = (next) => {
     if (!isSelectionControlled) {
       setUncontrolledSelected(next);
     }
     onSelectionChange?.(next);
   };
-  const [uncontrolledPage, setUncontrolledPage] = (0, import_react67.useState)(defaultPageIndex);
+  const [uncontrolledPage, setUncontrolledPage] = (0, import_react71.useState)(defaultPageIndex);
   const isPageControlled = pageIndexProp !== void 0;
   const rawPageIndex = isPageControlled ? pageIndexProp : uncontrolledPage;
   const setPage = (next) => {
@@ -10672,7 +10744,7 @@ function DataTable({
     }
     onPageChange?.(next);
   };
-  const sortedRows = (0, import_react67.useMemo)(() => {
+  const sortedRows = (0, import_react71.useMemo)(() => {
     if (!sort) return rows;
     const column = columns.find((col) => col.id === sort.columnId);
     if (!column?.sortable) return rows;
@@ -10691,13 +10763,13 @@ function DataTable({
   const paginated = typeof pageSize === "number" && pageSize > 0;
   const pageCount = paginated ? Math.max(1, Math.ceil(sortedRows.length / pageSize)) : 1;
   const pageIndex = Math.min(Math.max(0, rawPageIndex), pageCount - 1);
-  (0, import_react67.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     if (!paginated || isPageControlled) return;
     if (uncontrolledPage > pageCount - 1) {
       setUncontrolledPage(pageCount - 1);
     }
   }, [paginated, isPageControlled, uncontrolledPage, pageCount]);
-  const visibleRows = (0, import_react67.useMemo)(() => {
+  const visibleRows = (0, import_react71.useMemo)(() => {
     if (!paginated) return sortedRows;
     const start = pageIndex * pageSize;
     return sortedRows.slice(start, start + pageSize);
@@ -10908,7 +10980,7 @@ function DataTable({
 }
 
 // src/app/data/ChartPanel.tsx
-var import_react68 = require("react");
+var import_react72 = require("react");
 var import_jsx_runtime102 = require("react/jsx-runtime");
 var ChartPanel = ({
   title,
@@ -10924,7 +10996,7 @@ var ChartPanel = ({
   const height = heightProp ?? APP_DENSITY_CHART_HEIGHT[density];
   const metricChartPlotRegionClass = useAppDensityClass("metricChartPlotRegion");
   const chartPanelBodyClass = useAppDensityClass("chartPanelBody");
-  const titleId = (0, import_react68.useId)();
+  const titleId = (0, import_react72.useId)();
   const resolvedTitle = title ?? artifact?.title;
   const hasHeader = Boolean(resolvedTitle || description || actions);
   const body = loading ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Skeleton, { className: "w-full rounded-lg", style: { height }, "aria-hidden": true }) : children ?? (artifact ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ChartArtifactView, { artifact, embedded: true, height }) : null);
@@ -10967,7 +11039,7 @@ var ChartPanel = ({
 };
 
 // src/app/data/MetricRow.tsx
-var import_react69 = require("react");
+var import_react73 = require("react");
 var import_jsx_runtime103 = require("react/jsx-runtime");
 var MetricRow = ({
   title,
@@ -10982,9 +11054,9 @@ var MetricRow = ({
   className
 }) => {
   const metricTileClass = useAppDensityClass("metricTile");
-  const titleId = (0, import_react69.useId)();
+  const titleId = (0, import_react73.useId)();
   const selectable = onMetricChange != null || activeMetricId != null;
-  const [internalId, setInternalId] = (0, import_react69.useState)(
+  const [internalId, setInternalId] = (0, import_react73.useState)(
     defaultActiveMetricId ?? metrics[0]?.id
   );
   const activeId = activeMetricId ?? internalId;
@@ -11051,7 +11123,7 @@ var MetricRow = ({
 };
 
 // src/app/data/MetricChartCard.tsx
-var import_react70 = require("react");
+var import_react74 = require("react");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 var MetricChartCard = ({
   title,
@@ -11075,8 +11147,8 @@ var MetricChartCard = ({
   const height = heightProp ?? APP_DENSITY_CHART_HEIGHT[density];
   const metricChartRegionClass = useAppDensityClass("metricChartRegion");
   const metricTileClass = useAppDensityClass("metricTile");
-  const titleId = (0, import_react70.useId)();
-  const [internalId, setInternalId] = (0, import_react70.useState)(
+  const titleId = (0, import_react74.useId)();
+  const [internalId, setInternalId] = (0, import_react74.useState)(
     defaultActiveMetricId ?? metrics[0]?.id
   );
   const activeId = activeMetricId ?? internalId;
@@ -11182,13 +11254,13 @@ var MetricChartCard = ({
 };
 
 // src/hooks/use-live-query.ts
-var import_react71 = require("react");
+var import_react75 = require("react");
 function useInterval(callback, delayMs) {
-  const saved = (0, import_react71.useRef)(callback);
-  (0, import_react71.useEffect)(() => {
+  const saved = (0, import_react75.useRef)(callback);
+  (0, import_react75.useEffect)(() => {
     saved.current = callback;
   }, [callback]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react75.useEffect)(() => {
     if (delayMs === null) return;
     const id = setInterval(() => saved.current(), delayMs);
     return () => clearInterval(id);
@@ -11201,25 +11273,25 @@ function useLiveQuery(fetcher, options = {}) {
     immediate = true,
     refetchOnFocus = true
   } = options;
-  const [data, setData] = (0, import_react71.useState)(void 0);
-  const [error, setError] = (0, import_react71.useState)(void 0);
-  const [loading, setLoading] = (0, import_react71.useState)(enabled);
-  const [refreshing, setRefreshing] = (0, import_react71.useState)(false);
-  const [lastUpdated, setLastUpdated] = (0, import_react71.useState)(null);
-  const fetcherRef = (0, import_react71.useRef)(fetcher);
-  (0, import_react71.useEffect)(() => {
+  const [data, setData] = (0, import_react75.useState)(void 0);
+  const [error, setError] = (0, import_react75.useState)(void 0);
+  const [loading, setLoading] = (0, import_react75.useState)(enabled);
+  const [refreshing, setRefreshing] = (0, import_react75.useState)(false);
+  const [lastUpdated, setLastUpdated] = (0, import_react75.useState)(null);
+  const fetcherRef = (0, import_react75.useRef)(fetcher);
+  (0, import_react75.useEffect)(() => {
     fetcherRef.current = fetcher;
   }, [fetcher]);
-  const mounted = (0, import_react71.useRef)(true);
-  const requestId = (0, import_react71.useRef)(0);
-  const hasData = (0, import_react71.useRef)(false);
-  (0, import_react71.useEffect)(() => {
+  const mounted = (0, import_react75.useRef)(true);
+  const requestId = (0, import_react75.useRef)(0);
+  const hasData = (0, import_react75.useRef)(false);
+  (0, import_react75.useEffect)(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
     };
   }, []);
-  const run = (0, import_react71.useCallback)(() => {
+  const run = (0, import_react75.useCallback)(() => {
     const id = ++requestId.current;
     if (hasData.current) {
       setRefreshing(true);
@@ -11241,15 +11313,15 @@ function useLiveQuery(fetcher, options = {}) {
       setRefreshing(false);
     });
   }, []);
-  const refetch = (0, import_react71.useCallback)(() => {
+  const refetch = (0, import_react75.useCallback)(() => {
     if (!enabled) return;
     run();
   }, [enabled, run]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react75.useEffect)(() => {
     if (!enabled) return;
     if (immediate) run();
   }, [enabled, immediate, run]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react75.useEffect)(() => {
     if (!enabled || intervalMs === null) return;
     const tick = () => {
       if (refetchOnFocus && typeof document !== "undefined" && document.visibilityState === "hidden") {
@@ -11260,7 +11332,7 @@ function useLiveQuery(fetcher, options = {}) {
     const handle = setInterval(tick, intervalMs);
     return () => clearInterval(handle);
   }, [enabled, intervalMs, refetchOnFocus, run]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react75.useEffect)(() => {
     if (!enabled || !refetchOnFocus || typeof document === "undefined") return;
     const onVisible = () => {
       if (document.visibilityState === "visible") run();
@@ -11272,7 +11344,7 @@ function useLiveQuery(fetcher, options = {}) {
 }
 
 // src/charts/sparkline.tsx
-var import_react72 = require("react");
+var import_react76 = require("react");
 var import_jsx_runtime105 = require("react/jsx-runtime");
 var Sparkline = ({
   data,
@@ -11285,7 +11357,7 @@ var Sparkline = ({
   className,
   ariaLabel = "Trend"
 }) => {
-  const uid = (0, import_react72.useId)();
+  const uid = (0, import_react76.useId)();
   const values = data.map((d) => typeof d === "number" ? d : toNum(d[dataKey]));
   if (values.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: cn("inline-block", className), style: { width, height } });
@@ -11486,7 +11558,7 @@ var AuthGuard = ({
 };
 
 // src/index.ts
-var import_react73 = require("@assistant-ui/react");
+var import_react77 = require("@assistant-ui/react");
 
 // src/ui/dropdown-menu.tsx
 var import_radix_ui6 = require("radix-ui");

package/dist/index.d.cts

@@ -6,7 +6,7 @@ import { ToolCallMessagePartComponent } from '@assistant-ui/react';
 export { ActionBarPrimitive, AssistantRuntimeProvider, AttachmentAdapter, AuiIf, ComposerPrimitive, MessagePrimitive, ThreadPrimitive, useComposerRuntime, useMessageRuntime, useThread, useThreadRuntime } from '@assistant-ui/react';
 export { M as ModeToggle, a as ModeToggleProps, b as ModeToggleTheme, S as STUDIO_NAV_MODE, c as StudioModeSwitch, d as StudioModeSwitchProps, e as StudioNavMode, f as StudioSidebar, g as StudioSidebarProps, h as StudioWelcome, i as StudioWelcomeProps, T as TimbalChatShell, j as TimbalChatShellProps, k as TimbalMark, l as TimbalMarkProps, m as TimbalStudioShell, n as TimbalStudioShellProps } from './welcome-BFGRoNfK.cjs';
 export { M as MarkdownText, T as THREAD_DEFAULT_MAX_WIDTH, a as ToolFallback, b as TooltipIconButton, c as TooltipIconButtonProps, W as WorkforceSelector, d as WorkforceSelectorProps, e as assistantMessageContentClass, f as assistantMessageRootClass, t as threadMessageColumnClass, u as useToolRunning, g as userMessageRootClass } from './layout-C2G-FcER.cjs';
-export { d as APP_KIT_AGENT_INSTRUCTIONS, v as AppBreadcrumbItem, e as AppChatPanel, f as AppChatPanelProps, g as AppConfirmDialog, h as AppConfirmDialogProps, i as AppCopilotContextValue, j as AppCopilotProvider, k as AppCopilotProviderProps, l as AppShell, m as AppShellChatControls, n as AppShellChatTrigger, o as AppShellChatTriggerProps, p as AppShellNavControls, q as AppShellProps, r as AppShellSidebarTrigger, s as AppShellSidebarTriggerProps, t as AppShellTopbar, u as AppShellTopbarProps, B as BreadcrumbEntry, w as Breadcrumbs, x as BreadcrumbsProps, C as CHART_PALETTE, y as COLOR_UTILITY_PREFIXES, z as ChartArtifactView, F as ChartPanel, G as ChartPanelProps, H as ChartSeries, I as ChartTooltipIndicator, J as ChartVariant, K as ConnectionRow, L as ConnectionRowList, M as ConnectionRowListProps, N as ConnectionRowProps, O as DangerZone, P as DangerZoneAction, Q as DangerZoneActionProps, R as DangerZoneProps, S as DataTable, T as DataTableColumn, U as DataTableProps, V as DataTableSort, W as DataTableSortDirection, X as DescriptionItem, Y as DescriptionList, Z as DescriptionListProps, _ as EmptyState, $ as EmptyStateProps, a0 as ExpandableSection, a1 as ExpandableSectionProps, a2 as Field, a3 as FieldInput, a4 as FieldInputProps, a5 as FieldProps, a6 as FieldRow, a7 as FieldRowProps, a8 as FieldSelect, a9 as FieldSelectProps, aa as FieldSwitch, ab as FieldSwitchProps, ac as FieldTextarea, ad as FieldTextareaProps, ae as FilterBar, af as FilterBarProps, ag as FilterField, ah as FilterFieldProps, ai as FloatingUnsavedChangesBar, aj as FloatingUnsavedChangesBarProps, ak as FormSection, al as FormSectionProps, am as HOUSE_RULES, an as HouseRule, ao as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, ap as InfoCard, aq as InfoCardProps, ar as InfoCardTone, as as IntegrationCard, at as IntegrationCardProps, au as IntegrationCardStatus, av as IntegrationsEmptyState, aw as IntegrationsEmptyStateProps, ax as LineAreaChart, ay as LineAreaChartProps, az as LintFinding, aA as LintOptions, aB as LintResult, aC as LintSeverity, aD as MetricChartCard, aE as MetricChartCardProps, aF as MetricChartMetric, aG as MetricRow, aH as MetricRowItem, aI as MetricRowProps, aJ as MetricTile, aK as MetricTileProps, aL as Page, aM as PageHeader, aN as PageHeaderProps, aO as PageProps, aP as PieChart, aQ as PieChartProps, aR as PlanBadge, aS as PlanBadgeProps, aT as PlanBadgeTone, aU as RESERVED_GRADIENT_TOKENS, aV as RadarChart, aW as RadarChartProps, aX as RadialChart, aY as RadialChartProps, aZ as ResourceCard, a_ as ResourceCardProps, a$ as ReviewResult, b0 as SEMANTIC_COLOR_TOKENS, b1 as SLOP_BUDGETS, b2 as SearchInput, b3 as SearchInputProps, b4 as Section, b5 as SectionProps, b6 as SemanticColorToken, b7 as SettingsSection, b8 as SettingsSectionHeader, b9 as SettingsSectionHeaderProps, ba as SettingsSectionProps, bb as Sparkline, bc as SparklineProps, bd as StatTile, be as StatTileProps, bf as StatusBadge, bg as StatusBadgeProps, bh as StatusBadgeTone, bi as StatusDot, bj as StatusDotProps, bk as StatusDotTone, bl as SubNav, bm as SubNavItem, bn as SubNavProps, bo as SurfaceCard, bp as SurfaceCardProps, bq as TAILWIND_PALETTE_COLORS, br as THEME_AGENT_INSTRUCTIONS, bs as TIMBAL_THEME_PRESETS, bt as ThemeShadow, bu as ThemeToCssOptions, bv as ThemeTokenMap, bw as TimbalThemeIntent, bx as TimbalThemePreset, by as TimbalThemePresetId, bz as TimbalThemeStyle, bA as TimbalThemeStyleProps, bB as TimbalThemeTokens, bC as TimbalThemeTypography, bD as UI_REVIEW_AGENT_INSTRUCTIONS, bE as UseLiveQueryOptions, bF as UseLiveQueryResult, bH as applyThemePreset, bI as applyTimbalTheme, bJ as clearTimbalTheme, bK as connectionRowListClass, bL as createTimbalTheme, bM as ensureThemeFontLink, bN as flushBarCategoryGap, bO as flushLineAreaEdgeToEdge, bP as formatLintReport, bQ as getStoredThemePreset, bR as getThemePreset, bS as lintGeneratedUi, bT as resolveChartMargin, bU as resolveTooltipCategory, bV as reviewGeneratedUi, bW as themeToCss, bX as useAppCopilotContext, bY as useAppShellChat, bZ as useAppShellNav, b_ as useInterval, b$ as useLiveQuery } from './chart-artifact-WDEW9dHT.cjs';
+export { d as APP_KIT_AGENT_INSTRUCTIONS, v as AppBreadcrumbItem, e as AppChatPanel, f as AppChatPanelProps, g as AppConfirmDialog, h as AppConfirmDialogProps, i as AppCopilotContextValue, j as AppCopilotProvider, k as AppCopilotProviderProps, l as AppShell, m as AppShellChatControls, n as AppShellChatTrigger, o as AppShellChatTriggerProps, p as AppShellNavControls, q as AppShellProps, r as AppShellSidebarTrigger, s as AppShellSidebarTriggerProps, t as AppShellTopbar, u as AppShellTopbarProps, B as BreadcrumbEntry, w as Breadcrumbs, x as BreadcrumbsProps, C as CHART_PALETTE, y as COLOR_UTILITY_PREFIXES, z as ChartArtifactView, F as ChartPanel, G as ChartPanelProps, H as ChartSeries, I as ChartTooltipIndicator, J as ChartVariant, K as ConnectionRow, L as ConnectionRowList, M as ConnectionRowListProps, N as ConnectionRowProps, O as DangerZone, P as DangerZoneAction, Q as DangerZoneActionProps, R as DangerZoneProps, S as DataTable, T as DataTableColumn, U as DataTableProps, V as DataTableSort, W as DataTableSortDirection, X as DescriptionItem, Y as DescriptionList, Z as DescriptionListProps, _ as EmptyState, $ as EmptyStateProps, a0 as ExpandableSection, a1 as ExpandableSectionProps, a2 as Field, a3 as FieldInput, a4 as FieldInputProps, a5 as FieldProps, a6 as FieldRow, a7 as FieldRowProps, a8 as FieldSelect, a9 as FieldSelectProps, aa as FieldSwitch, ab as FieldSwitchProps, ac as FieldTextarea, ad as FieldTextareaProps, ae as FilterBar, af as FilterBarProps, ag as FilterField, ah as FilterFieldProps, ai as FloatingUnsavedChangesBar, aj as FloatingUnsavedChangesBarProps, ak as FormSection, al as FormSectionProps, am as HOUSE_RULES, an as HouseRule, ao as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, ap as InfoCard, aq as InfoCardProps, ar as InfoCardTone, as as IntegrationCard, at as IntegrationCardProps, au as IntegrationCardStatus, av as IntegrationsEmptyState, aw as IntegrationsEmptyStateProps, ax as LineAreaChart, ay as LineAreaChartProps, az as LintFinding, aA as LintOptions, aB as LintResult, aC as LintSeverity, aD as MetricChartCard, aE as MetricChartCardProps, aF as MetricChartMetric, aG as MetricRow, aH as MetricRowItem, aI as MetricRowProps, aJ as MetricTile, aK as MetricTileProps, aL as Page, aM as PageHeader, aN as PageHeaderProps, aO as PageProps, aP as PieChart, aQ as PieChartProps, aR as PlanBadge, aS as PlanBadgeProps, aT as PlanBadgeTone, aU as RESERVED_GRADIENT_TOKENS, aV as RadarChart, aW as RadarChartProps, aX as RadialChart, aY as RadialChartProps, aZ as ResourceCard, a_ as ResourceCardProps, a$ as ReviewResult, b0 as SEMANTIC_COLOR_TOKENS, b1 as SLOP_BUDGETS, b2 as SearchInput, b3 as SearchInputProps, b4 as Section, b5 as SectionProps, b6 as SemanticColorToken, b7 as SettingsSection, b8 as SettingsSectionHeader, b9 as SettingsSectionHeaderProps, ba as SettingsSectionProps, bb as Sparkline, bc as SparklineProps, bd as StatTile, be as StatTileProps, bf as StatusBadge, bg as StatusBadgeProps, bh as StatusBadgeTone, bi as StatusDot, bj as StatusDotProps, bk as StatusDotTone, bl as SubNav, bm as SubNavItem, bn as SubNavProps, bo as SurfaceCard, bp as SurfaceCardProps, bq as TAILWIND_PALETTE_COLORS, br as THEME_AGENT_INSTRUCTIONS, bs as TIMBAL_THEME_PRESETS, bt as ThemeShadow, bu as ThemeToCssOptions, bv as ThemeTokenMap, bw as TimbalThemeIntent, bx as TimbalThemePreset, by as TimbalThemePresetId, bz as TimbalThemeStyle, bA as TimbalThemeStyleProps, bB as TimbalThemeTokens, bC as TimbalThemeTypography, bD as UI_REVIEW_AGENT_INSTRUCTIONS, bE as UseLiveQueryOptions, bF as UseLiveQueryResult, bH as applyThemePreset, bI as applyTimbalTheme, bJ as clearTimbalTheme, bK as connectionRowListClass, bL as createTimbalTheme, bM as ensureThemeFontLink, bN as flushBarCategoryGap, bO as flushLineAreaEdgeToEdge, bP as formatLintReport, bQ as getStoredThemePreset, bR as getThemePreset, bS as lintGeneratedUi, bT as resolveChartMargin, bU as resolveTooltipCategory, bV as reviewGeneratedUi, bW as themeToCss, bX as useAppCopilotContext, bY as useAppShellChat, bZ as useAppShellNav, b_ as useInterval, b$ as useLiveQuery } from './chart-artifact-C8-Py6lc.cjs';
 export { B as Button } from './button-BoyX5pM_.cjs';
 import React__default, { FC, ReactNode } from 'react';
 export { A as AVATAR_PRIMARY_FALLBACK_CLASS, a as Accordion, b as AccordionContent, c as AccordionItem, d as AccordionTrigger, e as Alert, f as AlertDescription, g as AlertDialog, h as AlertDialogAction, i as AlertDialogCancel, j as AlertDialogContent, k as AlertDialogDescription, l as AlertDialogFooter, m as AlertDialogHeader, n as AlertDialogOverlay, o as AlertDialogPortal, p as AlertDialogTitle, q as AlertDialogTrigger, r as AlertTitle, s as AspectRatio, t as Avatar, u as AvatarFallback, v as AvatarGroup, w as AvatarGroupProps, x as AvatarImage, B as Badge, y as Banner, z as BannerProps, C as Breadcrumb, D as BreadcrumbEllipsis, E as BreadcrumbItem, F as BreadcrumbLink, G as BreadcrumbList, H as BreadcrumbPage, I as BreadcrumbSeparator, J as CONTROL_SIZE, K as Calendar, L as CalendarDayButton, M as Card, N as CardContent, O as CardDescription, P as CardFooter, Q as CardHeader, R as CardTitle, S as Checkbox, T as CircularProgress, U as CircularProgressProps, V as Collapsible, W as CollapsibleContent, X as CollapsibleTrigger, Y as Combobox, Z as ComboboxAnchor, _ as ComboboxCommand, $ as ComboboxContent, a0 as ComboboxEmpty, a1 as ComboboxGroup, a2 as ComboboxInput, a3 as ComboboxItem, a4 as ComboboxList, a5 as ComboboxSeparator, a6 as ComboboxShortcut, a7 as ComboboxTrigger, a8 as Command, a9 as CommandDialog, aa as CommandEmpty, ab as CommandGroup, ac as CommandInput, ad as CommandItem, ae as CommandList, af as CommandSeparator, ag as CommandShortcut, ah as ContextMenu, ai as ContextMenuCheckboxItem, aj as ContextMenuContent, ak as ContextMenuGroup, al as ContextMenuItem, am as ContextMenuLabel, an as ContextMenuRadioGroup, ao as ContextMenuRadioItem, ap as ContextMenuSeparator, aq as ContextMenuShortcut, ar as ContextMenuSub, as as ContextMenuSubContent, at as ContextMenuSubTrigger, au as ContextMenuTrigger, av as ControlClassOptions, aw as ControlShape, ax as ControlSize, ay as CopyButton, az as CopyButtonProps, aA as DatePicker, aB as DatePickerButton, aC as DatePickerCalendar, aD as DatePickerContent, aE as DatePickerTrigger, aF as Dialog, aG as DialogClose, aH as DialogContent, aI as DialogDescription, aJ as DialogFooter, aK as DialogHeader, aL as DialogOverlay, aM as DialogPortal, aN as DialogTitle, aO as DialogTrigger, aP as DropdownMenu, aQ as DropdownMenuCheckboxItem, aR as DropdownMenuContent, aS as DropdownMenuGroup, aT as DropdownMenuItem, aU as DropdownMenuLabel, aV as DropdownMenuRadioGroup, aW as DropdownMenuRadioItem, aX as DropdownMenuSeparator, aY as DropdownMenuShortcut, aZ as DropdownMenuSub, a_ as DropdownMenuSubContent, a$ as DropdownMenuSubTrigger, b0 as DropdownMenuTrigger, b1 as Form, b2 as FormControl, b3 as FormField, b4 as FormItem, b5 as FormLabel, b6 as FormMessage, b7 as FormSubmit, b8 as HoverCard, b9 as HoverCardContent, ba as HoverCardTrigger, bb as Input, bc as InputGroup, bd as InputGroupAddon, be as InputGroupInput, bf as InputGroupText, bg as InputOTP, bh as InputOTPGroup, bi as InputOTPHiddenInput, bj as InputOTPSeparator, bk as InputOTPSlot, bl as Kbd, bm as KbdGroup, bn as Label, bo as MemoPillSegmentedTabs, bp as Menubar, bq as MenubarCheckboxItem, br as MenubarContent, bs as MenubarItem, bt as MenubarLabel, bu as MenubarMenu, bv as MenubarRadioGroup, bw as MenubarRadioItem, bx as MenubarSeparator, by as MenubarShortcut, bz as MenubarSub, bA as MenubarSubContent, bB as MenubarSubTrigger, bC as MenubarTrigger, bD as NavigationMenu, bE as NavigationMenuContent, bF as NavigationMenuIndicator, bG as NavigationMenuItem, bH as NavigationMenuLink, bI as NavigationMenuList, bJ as NavigationMenuTrigger, bK as NavigationMenuViewport, bL as NumberField, bM as NumberFieldProps, bN as Pagination, bO as PaginationContent, bP as PaginationEllipsis, bQ as PaginationItem, bR as PaginationLink, bS as PaginationNext, bT as PaginationPrevious, bU as PillSegmentedTab, bV as PillSegmentedTabs, bW as PillSegmentedTabsProps, bX as Popover, bY as PopoverAnchor, bZ as PopoverContent, b_ as PopoverTrigger, b$ as Progress, c0 as RadioGroup, c1 as RadioGroupItem, c2 as Rating, c3 as RatingProps, c4 as ScrollArea, c5 as ScrollBar, c6 as Select, c7 as SelectContent, c8 as SelectGroup, c9 as SelectItem, ca as SelectLabel, cb as SelectScrollDownButton, cc as SelectScrollUpButton, cd as SelectSeparator, ce as SelectTrigger, cf as SelectValue, cg as Separator, ch as Sheet, ci as SheetClose, cj as SheetContent, ck as SheetDescription, cl as SheetFooter, cm as SheetHeader, cn as SheetTitle, co as SheetTrigger, cp as Shimmer, cq as Skeleton, cr as Slider, cs as Snippet, ct as SnippetProps, cu as Spinner, cv as Stepper, cw as StepperProps, cx as StepperStep, cy as Switch, cz as Table, cA as TableBody, cB as TableCaption, cC as TableCell, cD as TableFooter, cE as TableHead, cF as TableHeader, cG as TableRow, cH as TagInput, cI as TagInputProps, cJ as TextShimmerProps, cK as Textarea, cL as Timeline, cM as TimelineItem, cN as TimelineProps, cO as Toast, cP as ToastAction, cQ as ToastClose, cR as ToastDescription, cS as ToastProps, cT as ToastProvider, cU as ToastTitle, cV as ToastViewport, cW as Toaster, cX as Toggle, cY as ToggleGroup, cZ as ToggleGroupItem, c_ as Toolbar, c$ as ToolbarButton, d0 as ToolbarLink, d1 as ToolbarSeparator, d2 as ToolbarToggleGroup, d3 as ToolbarToggleItem, d4 as Tooltip, d5 as TooltipContent, d6 as TooltipProvider, d7 as TooltipTrigger, d8 as alertVariants, d9 as avatarChartVariantClass, da as badgeVariants, db as controlClass, dc as controlSurfaceClass, dd as formatPickerDate, de as navigationMenuTriggerStyle, df as overlayAnimationClass, dg as overlayItemClass, dh as overlayListPanelClass, di as overlaySurfaceClass, dj as toast, dk as toggleVariants, dl as useToast } from './circular-progress-Ci8L-Hfa.cjs';

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import { ToolCallMessagePartComponent } from '@assistant-ui/react';
 export { ActionBarPrimitive, AssistantRuntimeProvider, AttachmentAdapter, AuiIf, ComposerPrimitive, MessagePrimitive, ThreadPrimitive, useComposerRuntime, useMessageRuntime, useThread, useThreadRuntime } from '@assistant-ui/react';
 export { M as ModeToggle, a as ModeToggleProps, b as ModeToggleTheme, S as STUDIO_NAV_MODE, c as StudioModeSwitch, d as StudioModeSwitchProps, e as StudioNavMode, f as StudioSidebar, g as StudioSidebarProps, h as StudioWelcome, i as StudioWelcomeProps, T as TimbalChatShell, j as TimbalChatShellProps, k as TimbalMark, l as TimbalMarkProps, m as TimbalStudioShell, n as TimbalStudioShellProps } from './welcome-DXqsGTwH.js';
 export { M as MarkdownText, T as THREAD_DEFAULT_MAX_WIDTH, a as ToolFallback, b as TooltipIconButton, c as TooltipIconButtonProps, W as WorkforceSelector, d as WorkforceSelectorProps, e as assistantMessageContentClass, f as assistantMessageRootClass, t as threadMessageColumnClass, u as useToolRunning, g as userMessageRootClass } from './layout-BTJyU8wd.js';
-export { d as APP_KIT_AGENT_INSTRUCTIONS, v as AppBreadcrumbItem, e as AppChatPanel, f as AppChatPanelProps, g as AppConfirmDialog, h as AppConfirmDialogProps, i as AppCopilotContextValue, j as AppCopilotProvider, k as AppCopilotProviderProps, l as AppShell, m as AppShellChatControls, n as AppShellChatTrigger, o as AppShellChatTriggerProps, p as AppShellNavControls, q as AppShellProps, r as AppShellSidebarTrigger, s as AppShellSidebarTriggerProps, t as AppShellTopbar, u as AppShellTopbarProps, B as BreadcrumbEntry, w as Breadcrumbs, x as BreadcrumbsProps, C as CHART_PALETTE, y as COLOR_UTILITY_PREFIXES, z as ChartArtifactView, F as ChartPanel, G as ChartPanelProps, H as ChartSeries, I as ChartTooltipIndicator, J as ChartVariant, K as ConnectionRow, L as ConnectionRowList, M as ConnectionRowListProps, N as ConnectionRowProps, O as DangerZone, P as DangerZoneAction, Q as DangerZoneActionProps, R as DangerZoneProps, S as DataTable, T as DataTableColumn, U as DataTableProps, V as DataTableSort, W as DataTableSortDirection, X as DescriptionItem, Y as DescriptionList, Z as DescriptionListProps, _ as EmptyState, $ as EmptyStateProps, a0 as ExpandableSection, a1 as ExpandableSectionProps, a2 as Field, a3 as FieldInput, a4 as FieldInputProps, a5 as FieldProps, a6 as FieldRow, a7 as FieldRowProps, a8 as FieldSelect, a9 as FieldSelectProps, aa as FieldSwitch, ab as FieldSwitchProps, ac as FieldTextarea, ad as FieldTextareaProps, ae as FilterBar, af as FilterBarProps, ag as FilterField, ah as FilterFieldProps, ai as FloatingUnsavedChangesBar, aj as FloatingUnsavedChangesBarProps, ak as FormSection, al as FormSectionProps, am as HOUSE_RULES, an as HouseRule, ao as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, ap as InfoCard, aq as InfoCardProps, ar as InfoCardTone, as as IntegrationCard, at as IntegrationCardProps, au as IntegrationCardStatus, av as IntegrationsEmptyState, aw as IntegrationsEmptyStateProps, ax as LineAreaChart, ay as LineAreaChartProps, az as LintFinding, aA as LintOptions, aB as LintResult, aC as LintSeverity, aD as MetricChartCard, aE as MetricChartCardProps, aF as MetricChartMetric, aG as MetricRow, aH as MetricRowItem, aI as MetricRowProps, aJ as MetricTile, aK as MetricTileProps, aL as Page, aM as PageHeader, aN as PageHeaderProps, aO as PageProps, aP as PieChart, aQ as PieChartProps, aR as PlanBadge, aS as PlanBadgeProps, aT as PlanBadgeTone, aU as RESERVED_GRADIENT_TOKENS, aV as RadarChart, aW as RadarChartProps, aX as RadialChart, aY as RadialChartProps, aZ as ResourceCard, a_ as ResourceCardProps, a$ as ReviewResult, b0 as SEMANTIC_COLOR_TOKENS, b1 as SLOP_BUDGETS, b2 as SearchInput, b3 as SearchInputProps, b4 as Section, b5 as SectionProps, b6 as SemanticColorToken, b7 as SettingsSection, b8 as SettingsSectionHeader, b9 as SettingsSectionHeaderProps, ba as SettingsSectionProps, bb as Sparkline, bc as SparklineProps, bd as StatTile, be as StatTileProps, bf as StatusBadge, bg as StatusBadgeProps, bh as StatusBadgeTone, bi as StatusDot, bj as StatusDotProps, bk as StatusDotTone, bl as SubNav, bm as SubNavItem, bn as SubNavProps, bo as SurfaceCard, bp as SurfaceCardProps, bq as TAILWIND_PALETTE_COLORS, br as THEME_AGENT_INSTRUCTIONS, bs as TIMBAL_THEME_PRESETS, bt as ThemeShadow, bu as ThemeToCssOptions, bv as ThemeTokenMap, bw as TimbalThemeIntent, bx as TimbalThemePreset, by as TimbalThemePresetId, bz as TimbalThemeStyle, bA as TimbalThemeStyleProps, bB as TimbalThemeTokens, bC as TimbalThemeTypography, bD as UI_REVIEW_AGENT_INSTRUCTIONS, bE as UseLiveQueryOptions, bF as UseLiveQueryResult, bH as applyThemePreset, bI as applyTimbalTheme, bJ as clearTimbalTheme, bK as connectionRowListClass, bL as createTimbalTheme, bM as ensureThemeFontLink, bN as flushBarCategoryGap, bO as flushLineAreaEdgeToEdge, bP as formatLintReport, bQ as getStoredThemePreset, bR as getThemePreset, bS as lintGeneratedUi, bT as resolveChartMargin, bU as resolveTooltipCategory, bV as reviewGeneratedUi, bW as themeToCss, bX as useAppCopilotContext, bY as useAppShellChat, bZ as useAppShellNav, b_ as useInterval, b$ as useLiveQuery } from './chart-artifact-Q5QgMtbj.js';
+export { d as APP_KIT_AGENT_INSTRUCTIONS, v as AppBreadcrumbItem, e as AppChatPanel, f as AppChatPanelProps, g as AppConfirmDialog, h as AppConfirmDialogProps, i as AppCopilotContextValue, j as AppCopilotProvider, k as AppCopilotProviderProps, l as AppShell, m as AppShellChatControls, n as AppShellChatTrigger, o as AppShellChatTriggerProps, p as AppShellNavControls, q as AppShellProps, r as AppShellSidebarTrigger, s as AppShellSidebarTriggerProps, t as AppShellTopbar, u as AppShellTopbarProps, B as BreadcrumbEntry, w as Breadcrumbs, x as BreadcrumbsProps, C as CHART_PALETTE, y as COLOR_UTILITY_PREFIXES, z as ChartArtifactView, F as ChartPanel, G as ChartPanelProps, H as ChartSeries, I as ChartTooltipIndicator, J as ChartVariant, K as ConnectionRow, L as ConnectionRowList, M as ConnectionRowListProps, N as ConnectionRowProps, O as DangerZone, P as DangerZoneAction, Q as DangerZoneActionProps, R as DangerZoneProps, S as DataTable, T as DataTableColumn, U as DataTableProps, V as DataTableSort, W as DataTableSortDirection, X as DescriptionItem, Y as DescriptionList, Z as DescriptionListProps, _ as EmptyState, $ as EmptyStateProps, a0 as ExpandableSection, a1 as ExpandableSectionProps, a2 as Field, a3 as FieldInput, a4 as FieldInputProps, a5 as FieldProps, a6 as FieldRow, a7 as FieldRowProps, a8 as FieldSelect, a9 as FieldSelectProps, aa as FieldSwitch, ab as FieldSwitchProps, ac as FieldTextarea, ad as FieldTextareaProps, ae as FilterBar, af as FilterBarProps, ag as FilterField, ah as FilterFieldProps, ai as FloatingUnsavedChangesBar, aj as FloatingUnsavedChangesBarProps, ak as FormSection, al as FormSectionProps, am as HOUSE_RULES, an as HouseRule, ao as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, ap as InfoCard, aq as InfoCardProps, ar as InfoCardTone, as as IntegrationCard, at as IntegrationCardProps, au as IntegrationCardStatus, av as IntegrationsEmptyState, aw as IntegrationsEmptyStateProps, ax as LineAreaChart, ay as LineAreaChartProps, az as LintFinding, aA as LintOptions, aB as LintResult, aC as LintSeverity, aD as MetricChartCard, aE as MetricChartCardProps, aF as MetricChartMetric, aG as MetricRow, aH as MetricRowItem, aI as MetricRowProps, aJ as MetricTile, aK as MetricTileProps, aL as Page, aM as PageHeader, aN as PageHeaderProps, aO as PageProps, aP as PieChart, aQ as PieChartProps, aR as PlanBadge, aS as PlanBadgeProps, aT as PlanBadgeTone, aU as RESERVED_GRADIENT_TOKENS, aV as RadarChart, aW as RadarChartProps, aX as RadialChart, aY as RadialChartProps, aZ as ResourceCard, a_ as ResourceCardProps, a$ as ReviewResult, b0 as SEMANTIC_COLOR_TOKENS, b1 as SLOP_BUDGETS, b2 as SearchInput, b3 as SearchInputProps, b4 as Section, b5 as SectionProps, b6 as SemanticColorToken, b7 as SettingsSection, b8 as SettingsSectionHeader, b9 as SettingsSectionHeaderProps, ba as SettingsSectionProps, bb as Sparkline, bc as SparklineProps, bd as StatTile, be as StatTileProps, bf as StatusBadge, bg as StatusBadgeProps, bh as StatusBadgeTone, bi as StatusDot, bj as StatusDotProps, bk as StatusDotTone, bl as SubNav, bm as SubNavItem, bn as SubNavProps, bo as SurfaceCard, bp as SurfaceCardProps, bq as TAILWIND_PALETTE_COLORS, br as THEME_AGENT_INSTRUCTIONS, bs as TIMBAL_THEME_PRESETS, bt as ThemeShadow, bu as ThemeToCssOptions, bv as ThemeTokenMap, bw as TimbalThemeIntent, bx as TimbalThemePreset, by as TimbalThemePresetId, bz as TimbalThemeStyle, bA as TimbalThemeStyleProps, bB as TimbalThemeTokens, bC as TimbalThemeTypography, bD as UI_REVIEW_AGENT_INSTRUCTIONS, bE as UseLiveQueryOptions, bF as UseLiveQueryResult, bH as applyThemePreset, bI as applyTimbalTheme, bJ as clearTimbalTheme, bK as connectionRowListClass, bL as createTimbalTheme, bM as ensureThemeFontLink, bN as flushBarCategoryGap, bO as flushLineAreaEdgeToEdge, bP as formatLintReport, bQ as getStoredThemePreset, bR as getThemePreset, bS as lintGeneratedUi, bT as resolveChartMargin, bU as resolveTooltipCategory, bV as reviewGeneratedUi, bW as themeToCss, bX as useAppCopilotContext, bY as useAppShellChat, bZ as useAppShellNav, b_ as useInterval, b$ as useLiveQuery } from './chart-artifact-CMnDys2t.js';
 export { B as Button } from './button-BoyX5pM_.js';
 import React__default, { FC, ReactNode } from 'react';
 export { A as AVATAR_PRIMARY_FALLBACK_CLASS, a as Accordion, b as AccordionContent, c as AccordionItem, d as AccordionTrigger, e as Alert, f as AlertDescription, g as AlertDialog, h as AlertDialogAction, i as AlertDialogCancel, j as AlertDialogContent, k as AlertDialogDescription, l as AlertDialogFooter, m as AlertDialogHeader, n as AlertDialogOverlay, o as AlertDialogPortal, p as AlertDialogTitle, q as AlertDialogTrigger, r as AlertTitle, s as AspectRatio, t as Avatar, u as AvatarFallback, v as AvatarGroup, w as AvatarGroupProps, x as AvatarImage, B as Badge, y as Banner, z as BannerProps, C as Breadcrumb, D as BreadcrumbEllipsis, E as BreadcrumbItem, F as BreadcrumbLink, G as BreadcrumbList, H as BreadcrumbPage, I as BreadcrumbSeparator, J as CONTROL_SIZE, K as Calendar, L as CalendarDayButton, M as Card, N as CardContent, O as CardDescription, P as CardFooter, Q as CardHeader, R as CardTitle, S as Checkbox, T as CircularProgress, U as CircularProgressProps, V as Collapsible, W as CollapsibleContent, X as CollapsibleTrigger, Y as Combobox, Z as ComboboxAnchor, _ as ComboboxCommand, $ as ComboboxContent, a0 as ComboboxEmpty, a1 as ComboboxGroup, a2 as ComboboxInput, a3 as ComboboxItem, a4 as ComboboxList, a5 as ComboboxSeparator, a6 as ComboboxShortcut, a7 as ComboboxTrigger, a8 as Command, a9 as CommandDialog, aa as CommandEmpty, ab as CommandGroup, ac as CommandInput, ad as CommandItem, ae as CommandList, af as CommandSeparator, ag as CommandShortcut, ah as ContextMenu, ai as ContextMenuCheckboxItem, aj as ContextMenuContent, ak as ContextMenuGroup, al as ContextMenuItem, am as ContextMenuLabel, an as ContextMenuRadioGroup, ao as ContextMenuRadioItem, ap as ContextMenuSeparator, aq as ContextMenuShortcut, ar as ContextMenuSub, as as ContextMenuSubContent, at as ContextMenuSubTrigger, au as ContextMenuTrigger, av as ControlClassOptions, aw as ControlShape, ax as ControlSize, ay as CopyButton, az as CopyButtonProps, aA as DatePicker, aB as DatePickerButton, aC as DatePickerCalendar, aD as DatePickerContent, aE as DatePickerTrigger, aF as Dialog, aG as DialogClose, aH as DialogContent, aI as DialogDescription, aJ as DialogFooter, aK as DialogHeader, aL as DialogOverlay, aM as DialogPortal, aN as DialogTitle, aO as DialogTrigger, aP as DropdownMenu, aQ as DropdownMenuCheckboxItem, aR as DropdownMenuContent, aS as DropdownMenuGroup, aT as DropdownMenuItem, aU as DropdownMenuLabel, aV as DropdownMenuRadioGroup, aW as DropdownMenuRadioItem, aX as DropdownMenuSeparator, aY as DropdownMenuShortcut, aZ as DropdownMenuSub, a_ as DropdownMenuSubContent, a$ as DropdownMenuSubTrigger, b0 as DropdownMenuTrigger, b1 as Form, b2 as FormControl, b3 as FormField, b4 as FormItem, b5 as FormLabel, b6 as FormMessage, b7 as FormSubmit, b8 as HoverCard, b9 as HoverCardContent, ba as HoverCardTrigger, bb as Input, bc as InputGroup, bd as InputGroupAddon, be as InputGroupInput, bf as InputGroupText, bg as InputOTP, bh as InputOTPGroup, bi as InputOTPHiddenInput, bj as InputOTPSeparator, bk as InputOTPSlot, bl as Kbd, bm as KbdGroup, bn as Label, bo as MemoPillSegmentedTabs, bp as Menubar, bq as MenubarCheckboxItem, br as MenubarContent, bs as MenubarItem, bt as MenubarLabel, bu as MenubarMenu, bv as MenubarRadioGroup, bw as MenubarRadioItem, bx as MenubarSeparator, by as MenubarShortcut, bz as MenubarSub, bA as MenubarSubContent, bB as MenubarSubTrigger, bC as MenubarTrigger, bD as NavigationMenu, bE as NavigationMenuContent, bF as NavigationMenuIndicator, bG as NavigationMenuItem, bH as NavigationMenuLink, bI as NavigationMenuList, bJ as NavigationMenuTrigger, bK as NavigationMenuViewport, bL as NumberField, bM as NumberFieldProps, bN as Pagination, bO as PaginationContent, bP as PaginationEllipsis, bQ as PaginationItem, bR as PaginationLink, bS as PaginationNext, bT as PaginationPrevious, bU as PillSegmentedTab, bV as PillSegmentedTabs, bW as PillSegmentedTabsProps, bX as Popover, bY as PopoverAnchor, bZ as PopoverContent, b_ as PopoverTrigger, b$ as Progress, c0 as RadioGroup, c1 as RadioGroupItem, c2 as Rating, c3 as RatingProps, c4 as ScrollArea, c5 as ScrollBar, c6 as Select, c7 as SelectContent, c8 as SelectGroup, c9 as SelectItem, ca as SelectLabel, cb as SelectScrollDownButton, cc as SelectScrollUpButton, cd as SelectSeparator, ce as SelectTrigger, cf as SelectValue, cg as Separator, ch as Sheet, ci as SheetClose, cj as SheetContent, ck as SheetDescription, cl as SheetFooter, cm as SheetHeader, cn as SheetTitle, co as SheetTrigger, cp as Shimmer, cq as Skeleton, cr as Slider, cs as Snippet, ct as SnippetProps, cu as Spinner, cv as Stepper, cw as StepperProps, cx as StepperStep, cy as Switch, cz as Table, cA as TableBody, cB as TableCaption, cC as TableCell, cD as TableFooter, cE as TableHead, cF as TableHeader, cG as TableRow, cH as TagInput, cI as TagInputProps, cJ as TextShimmerProps, cK as Textarea, cL as Timeline, cM as TimelineItem, cN as TimelineProps, cO as Toast, cP as ToastAction, cQ as ToastClose, cR as ToastDescription, cS as ToastProps, cT as ToastProvider, cU as ToastTitle, cV as ToastViewport, cW as Toaster, cX as Toggle, cY as ToggleGroup, cZ as ToggleGroupItem, c_ as Toolbar, c$ as ToolbarButton, d0 as ToolbarLink, d1 as ToolbarSeparator, d2 as ToolbarToggleGroup, d3 as ToolbarToggleItem, d4 as Tooltip, d5 as TooltipContent, d6 as TooltipProvider, d7 as TooltipTrigger, d8 as alertVariants, d9 as avatarChartVariantClass, da as badgeVariants, db as controlClass, dc as controlSurfaceClass, dd as formatPickerDate, de as navigationMenuTriggerStyle, df as overlayAnimationClass, dg as overlayItemClass, dh as overlayListPanelClass, di as overlaySurfaceClass, dj as toast, dk as toggleVariants, dl as useToast } from './circular-progress-Ci8L-Hfa.js';

package/dist/index.esm.js

@@ -75,7 +75,7 @@ import {
   useAppShellNav,
   useInterval,
   useLiveQuery
-} from "./chunk-YCXN67SD.esm.js";
+} from "./chunk-VOWNCS3F.esm.js";
 import {
   THREAD_DEFAULT_MAX_WIDTH,
   assistantMessageContentClass,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timbal-ai/timbal-react",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "React components and runtime for building Timbal chat and studio apps",
   "type": "module",
   "main": "dist/index.cjs",