@timbal-ai/timbal-react 0.6.1 → 0.7.0

package/dist/studio.d.cts

@@ -1,4 +1,4 @@
-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--80i_O0p.cjs';
+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-C89Mgdaw.cjs';
 import { FC } from 'react';
 import './chat-CWtQWDtJ.cjs';
 import 'react/jsx-runtime';

package/dist/studio.d.ts

@@ -1,4 +1,4 @@
-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-BOizSp5h.js';
+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-BBmB3tl7.js';
 import { FC } from 'react';
 import './chat-CWtQWDtJ.js';
 import 'react/jsx-runtime';

package/dist/studio.esm.js

@@ -8,12 +8,12 @@ import {
   TimbalChatShell,
   TimbalMark,
   TimbalStudioShell
-} from "./chunk-OVHR7J3J.esm.js";
-import "./chunk-OFHLFNJH.esm.js";
-import "./chunk-WLTW56MC.esm.js";
-import "./chunk-YJQLLFKP.esm.js";
-import "./chunk-IYENDIRY.esm.js";
-import "./chunk-4TCJQSIX.esm.js";
+} from "./chunk-7O5VY3TP.esm.js";
+import "./chunk-Z27GBSOT.esm.js";
+import "./chunk-N3PYVTY5.esm.js";
+import "./chunk-TLUF2RUL.esm.js";
+import "./chunk-TDIJHV4I.esm.js";
+import "./chunk-2XZ3S4OP.esm.js";
 export {
   ModeToggle,
   STUDIO_NAV_MODE,

package/dist/{timbal-v2-button-F4-z7m33.d.ts → timbal-v2-button-CNfdwGq4.d.cts}

@@ -22,7 +22,7 @@ interface TimbalV2ButtonProps extends React.ComponentProps<"button"> {
     isIconOnly?: boolean;
     isLoading?: boolean;
     fullWidth?: boolean;
-    /** `pill` (default) — full rounding; `rect` — `rounded-md` for shadcn-style buttons. */
+    /** Kept for API compatibility — all shapes render fully rounded (`rounded-full`). */
     shape?: "pill" | "rect";
     /**
      * When true, merges props onto the single child element (Radix Slot).

package/dist/{timbal-v2-button-F4-z7m33.d.cts → timbal-v2-button-CNfdwGq4.d.ts}

@@ -22,7 +22,7 @@ interface TimbalV2ButtonProps extends React.ComponentProps<"button"> {
     isIconOnly?: boolean;
     isLoading?: boolean;
     fullWidth?: boolean;
-    /** `pill` (default) — full rounding; `rect` — `rounded-md` for shadcn-style buttons. */
+    /** Kept for API compatibility — all shapes render fully rounded (`rounded-full`). */
     shape?: "pill" | "rect";
     /**
      * When true, merges props onto the single child element (Radix Slot).

package/dist/ui.cjs

@@ -156,6 +156,10 @@ var TIMBAL_V2_SWITCH_THUMB = cn(
   TIMBAL_V2_ELEVATED_GRADIENT,
   "border border-border/80 shadow-sm"
 );
+var TIMBAL_V2_ELEVATED_SURFACE = cn(
+  TIMBAL_V2_ELEVATED_GRADIENT,
+  "border border-border shadow-card"
+);
 var TIMBAL_V2_SECONDARY_CHROME = [
   TIMBAL_V2_ELEVATED_GRADIENT,
   "border border-border shadow-card",
@@ -163,6 +167,11 @@ var TIMBAL_V2_SECONDARY_CHROME = [
   "hover:from-secondary-fill-hover-from hover:to-secondary-fill-hover-to",
   "active:from-secondary-fill-active-from active:to-secondary-fill-active-to"
 ].join(" ");
+var TIMBAL_V2_LOGO_TILE = cn(
+  "bg-gradient-to-b from-white to-neutral-100",
+  "border border-neutral-200",
+  "shadow-[0_1px_2px_-0.5px_rgba(0,0,0,0.08)]"
+);
 
 // src/ui/timbal-v2-button.tsx
 var React = __toESM(require("react"), 1);
@@ -207,7 +216,7 @@ var TimbalV2Button = React.forwardRef(function TimbalV2Button2({
   isIconOnly = false,
   isLoading = false,
   fullWidth = false,
-  shape = "pill",
+  shape: _shape = "pill",
   asChild = false,
   className,
   disabled,
@@ -217,7 +226,7 @@ var TimbalV2Button = React.forwardRef(function TimbalV2Button2({
 }, ref) {
   const isDisabled = disabled || isLoading;
   const sizeClass = isIconOnly ? TIMBAL_V2_SIZE_ICON[size] : TIMBAL_V2_SIZE_HEIGHT[size];
-  const radiusClass = variant === "link" || variant === "ghost" ? "rounded-md" : shape === "rect" ? "rounded-md" : "rounded-full";
+  const radiusClass = "rounded-full";
   const sharedRootClass = cn(
     "relative box-border inline-flex items-center justify-center gap-2 whitespace-nowrap border-0 text-sm font-normal shadow-none transition duration-200 ease-in-out",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-offset-1 focus-visible:ring-offset-background",
@@ -347,7 +356,7 @@ function Button({
       "data-size": size,
       variant: v2Variant,
       size: v2Size,
-      shape: "rect",
+      shape: "pill",
       isIconOnly,
       asChild,
       className: cn(buttonVariants({ variant, size, className })),

package/dist/ui.d.cts

@@ -1,22 +1,11 @@
+export { B as Button } from './button-CIKzUrJI.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { ElementType, ReactNode, FC } from 'react';
-import { VariantProps } from 'class-variance-authority';
 import { Tooltip as Tooltip$1, Avatar as Avatar$1, Dialog as Dialog$1 } from 'radix-ui';
-export { a as TimbalV2Button } from './timbal-v2-button-F4-z7m33.cjs';
-
-/**
- * Layout-only variants for consumers that compose `buttonVariants` directly.
- * Fill / border / shadow come from `button-tokens` via `TimbalV2Button`.
- */
-declare const buttonVariants: (props?: ({
-    variant?: "secondary" | "ghost" | "destructive" | "link" | "default" | "outline" | null | undefined;
-    size?: "xs" | "sm" | "lg" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
+export { a as TimbalV2Button } from './timbal-v2-button-CNfdwGq4.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
 
 declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
 declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
@@ -71,4 +60,4 @@ interface PillSegmentedTabsProps {
 declare const PillSegmentedTabs: FC<PillSegmentedTabsProps>;
 declare const MemoPillSegmentedTabs: React.NamedExoticComponent<PillSegmentedTabsProps>;
 
-export { Avatar, AvatarFallback, AvatarImage, Button, Dialog, DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, MemoPillSegmentedTabs, type PillSegmentedTab, PillSegmentedTabs, type PillSegmentedTabsProps, Shimmer, type TextShimmerProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+export { Avatar, AvatarFallback, AvatarImage, Dialog, DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, MemoPillSegmentedTabs, type PillSegmentedTab, PillSegmentedTabs, type PillSegmentedTabsProps, Shimmer, type TextShimmerProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/ui.d.ts

@@ -1,22 +1,11 @@
+export { B as Button } from './button-CIKzUrJI.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { ElementType, ReactNode, FC } from 'react';
-import { VariantProps } from 'class-variance-authority';
 import { Tooltip as Tooltip$1, Avatar as Avatar$1, Dialog as Dialog$1 } from 'radix-ui';
-export { a as TimbalV2Button } from './timbal-v2-button-F4-z7m33.js';
-
-/**
- * Layout-only variants for consumers that compose `buttonVariants` directly.
- * Fill / border / shadow come from `button-tokens` via `TimbalV2Button`.
- */
-declare const buttonVariants: (props?: ({
-    variant?: "secondary" | "ghost" | "destructive" | "link" | "default" | "outline" | null | undefined;
-    size?: "xs" | "sm" | "lg" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
+export { a as TimbalV2Button } from './timbal-v2-button-CNfdwGq4.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
 
 declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
 declare function Tooltip({ ...props }: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
@@ -71,4 +60,4 @@ interface PillSegmentedTabsProps {
 declare const PillSegmentedTabs: FC<PillSegmentedTabsProps>;
 declare const MemoPillSegmentedTabs: React.NamedExoticComponent<PillSegmentedTabsProps>;
 
-export { Avatar, AvatarFallback, AvatarImage, Button, Dialog, DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, MemoPillSegmentedTabs, type PillSegmentedTab, PillSegmentedTabs, type PillSegmentedTabsProps, Shimmer, type TextShimmerProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+export { Avatar, AvatarFallback, AvatarImage, Dialog, DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, MemoPillSegmentedTabs, type PillSegmentedTab, PillSegmentedTabs, type PillSegmentedTabsProps, Shimmer, type TextShimmerProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/ui.esm.js

@@ -1,7 +1,7 @@
 import {
   MemoPillSegmentedTabs,
   PillSegmentedTabs
-} from "./chunk-IYENDIRY.esm.js";
+} from "./chunk-TDIJHV4I.esm.js";
 import {
   Avatar,
   AvatarFallback,
@@ -20,7 +20,7 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
-} from "./chunk-4TCJQSIX.esm.js";
+} from "./chunk-2XZ3S4OP.esm.js";
 export {
   Avatar,
   AvatarFallback,

package/dist/{welcome-BOizSp5h.d.ts → welcome-BBmB3tl7.d.ts}

@@ -151,9 +151,10 @@ interface ModeToggleProps {
  *
  * 1. Pass `theme` + `setTheme` (e.g. from `next-themes`'s `useTheme`).
  *    The component is then fully controlled.
- * 2. Omit both. The toggle reads the current state from `.dark` on
- *    `<html>` and flips it on click. Good enough for prototypes and
- *    cases where there is no theme manager.
+ * 2. Omit both. The toggle reads/writes `.dark` on `<html>` and persists
+ *    the choice to `localStorage` under `STORAGE_KEYS.theme`. For SSR or
+ *    zero flash on first paint, mirror that key in a blocking `<script>` in
+ *    `index.html` before your bundle loads.
  */
 declare const ModeToggle: FC<ModeToggleProps>;
 

package/dist/{welcome--80i_O0p.d.cts → welcome-C89Mgdaw.d.cts}

@@ -151,9 +151,10 @@ interface ModeToggleProps {
  *
  * 1. Pass `theme` + `setTheme` (e.g. from `next-themes`'s `useTheme`).
  *    The component is then fully controlled.
- * 2. Omit both. The toggle reads the current state from `.dark` on
- *    `<html>` and flips it on click. Good enough for prototypes and
- *    cases where there is no theme manager.
+ * 2. Omit both. The toggle reads/writes `.dark` on `<html>` and persists
+ *    the choice to `localStorage` under `STORAGE_KEYS.theme`. For SSR or
+ *    zero flash on first paint, mirror that key in a blocking `<script>` in
+ *    `index.html` before your bundle loads.
  */
 declare const ModeToggle: FC<ModeToggleProps>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timbal-ai/timbal-react",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "description": "React components and runtime for building Timbal chat and studio apps",
   "type": "module",
   "main": "dist/index.cjs",
@@ -43,6 +43,7 @@
     "vite",
     "scripts/dev-linked.mjs",
     "README.md",
+    "CHANGELOG.md",
     "LICENSE"
   ],
   "scripts": {

package/vite/local-dev.mjs

@@ -23,6 +23,24 @@ const TIMBAL_REACT_EXPORTS = [
   "@timbal-ai/timbal-react/app",
 ];
 
+/** Subpath → source entry (used when `dist/*.esm.js` is missing). */
+const SOURCE_ENTRIES = {
+  "@timbal-ai/timbal-react": "src/index.ts",
+  "@timbal-ai/timbal-react/chat": "src/chat.ts",
+  "@timbal-ai/timbal-react/studio": "src/studio.ts",
+  "@timbal-ai/timbal-react/ui": "src/ui.ts",
+  "@timbal-ai/timbal-react/app": "src/app.ts",
+  "@timbal-ai/timbal-react/styles.css": "src/styles.css",
+};
+
+function distIsBuilt(distDir) {
+  try {
+    return fs.statSync(path.join(distDir, "index.esm.js")).isFile();
+  } catch {
+    return false;
+  }
+}
+
 /**
  * CJS-only transitive deps that must be pre-bundled even when the package itself
  * is excluded, so their `useSyncExternalStore` named imports resolve as ESM.
@@ -82,22 +100,46 @@ export function timbalReactLocalDev() {
       if (!pkgRoot) return {};
 
       distDir = path.join(pkgRoot, "dist");
-      const distGlob = `${distDir.replace(/\\/g, "/")}/**`;
+      const built = distIsBuilt(distDir);
+      const srcDir = path.join(pkgRoot, "src");
+      const watchGlob = built
+        ? `${distDir.replace(/\\/g, "/")}/**`
+        : `${srcDir.replace(/\\/g, "/")}/**`;
+
+      if (!built) {
+        console.warn(
+          "[timbal-react] dist/ is missing (404 on *.esm.js) — aliasing to src/. " +
+            "Run `bun run build` in timbal-react for production-like dev, or `bun run example:app` from the repo root.",
+        );
+      }
+
+      /** @type {Record<string, string>} */
+      const alias = {};
+      if (!built) {
+        for (const [pkg, rel] of Object.entries(SOURCE_ENTRIES)) {
+          alias[pkg] = path.join(pkgRoot, rel);
+        }
+      }
 
       return {
+        resolve: Object.keys(alias).length ? { alias } : undefined,
         optimizeDeps: {
           exclude: TIMBAL_REACT_EXPORTS,
           include: CJS_INTEROP_DEPS,
         },
         server: {
           watch: {
-            ignored: ["**/.git/**", "**/node_modules/**", `!${distGlob}`],
+            ignored: ["**/.git/**", "**/node_modules/**", `!${watchGlob}`],
           },
         },
       };
     },
     handleHotUpdate({ file, server }) {
-      if (!distDir || !file.startsWith(distDir)) return;
+      if (!distDir) return;
+      const srcDir = path.join(path.dirname(distDir), "src");
+      const isDist = file.startsWith(distDir);
+      const isSrc = file.startsWith(srcDir);
+      if (!isDist && !isSrc) return;
 
       for (const mod of server.moduleGraph.idToModuleMap.values()) {
         if (

package/dist/chart-artifact-C71dk4xI.d.ts

@@ -1,329 +0,0 @@
-import { FC, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes } from 'react';
-import { w as TimbalRuntimeProviderProps, q as ThreadProps, C as ChartArtifact } from './chat-CWtQWDtJ.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface AppShellProps {
-    /** Primary navigation (e.g. StudioSidebar or custom rail). */
-    sidebar?: ReactNode;
-    /**
-     * Global top bar (login, theme, account) — spans the full shell width (not
-     * the page `max-w-6xl` column). Use `<AppShellTopbar start actions />`.
-     */
-    topbar?: ReactNode;
-    /** @deprecated Use `topbar`. */
-    header?: ReactNode;
-    /** Main routed content. */
-    children: ReactNode;
-    /**
-     * Floating copilot panel (e.g. `<AppChatPanel />`). Overlays the dashboard;
-     * does not shrink the main column.
-     */
-    chat?: ReactNode;
-    /** Floating panel width. Default: `24rem`. */
-    chatWidth?: string;
-    /**
-     * Floating panel height. Omit to stretch between vertical shell insets
-     * (full page height with `top` / `bottom` margins).
-     */
-    chatHeight?: string;
-    /** Controlled open state for the floating panel. */
-    chatOpen?: boolean;
-    /** Uncontrolled initial open state. Default: `false`. */
-    defaultChatOpen?: boolean;
-    onChatOpenChange?: (open: boolean) => void;
-    /** Show floating open/close control. Default: `true`. */
-    chatCollapsible?: boolean;
-    /** Label on the floating open trigger. Default: `Assistant`. */
-    chatTriggerLabel?: string;
-    /** Hide the built-in floating trigger (use your own + `useAppShellChat`). */
-    hideChatTrigger?: boolean;
-    className?: string;
-    mainClassName?: string;
-}
-/**
- * App-first layout: sidebar + topbar + main, with optional **floating** copilot.
- */
-declare const AppShell: FC<AppShellProps>;
-
-interface AppShellTopbarProps {
-    /** Leading cluster — mobile menu, product mark, org switcher. */
-    start?: ReactNode;
-    /** Trailing cluster — theme toggle, login, account menu. */
-    actions?: ReactNode;
-    /** Optional center content between start and actions. */
-    children?: ReactNode;
-    className?: string;
-}
-/**
- * Global app chrome row inside `AppShell` — auth, theme, and account actions.
- * Spans the full shell width via the shell’s `topbar` slot (wider than `<Page />`).
- */
-declare const AppShellTopbar: FC<AppShellTopbarProps>;
-
-interface AppShellChatTriggerProps {
-    className?: string;
-    label?: string;
-    /**
-     * `floating` — primary pill fixed bottom-right (matches shell default).
-     * `inline` — for topbar/actions rows; text only, no icons.
-     */
-    placement?: "floating" | "inline";
-}
-/** Opens the floating copilot. Text only — no icons. */
-declare const AppShellChatTrigger: FC<AppShellChatTriggerProps>;
-
-interface AppShellChatControls {
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    toggle: () => void;
-    collapsible: boolean;
-}
-declare function useAppShellChat(): AppShellChatControls | null;
-
-interface PageHeaderProps {
-    title: ReactNode;
-    description?: ReactNode;
-    actions?: ReactNode;
-    className?: string;
-}
-declare const PageHeader: FC<PageHeaderProps>;
-
-interface PageProps extends PageHeaderProps {
-    children: ReactNode;
-    /** Slot above the title (breadcrumbs). */
-    breadcrumbs?: ReactNode;
-    className?: string;
-}
-declare const Page: FC<PageProps>;
-
-interface SectionProps {
-    title?: ReactNode;
-    description?: ReactNode;
-    children: ReactNode;
-    className?: string;
-}
-declare const Section: FC<SectionProps>;
-
-type AppCopilotContextValue = Record<string, unknown>;
-interface AppCopilotProviderProps {
-    value: AppCopilotContextValue;
-    children: ReactNode;
-}
-/** Supplies page/dashboard context for `AppChatPanel` and agent tools. */
-declare const AppCopilotProvider: FC<AppCopilotProviderProps>;
-declare function useAppCopilotContext(): AppCopilotContextValue;
-
-interface AppChatPanelProps extends Omit<TimbalRuntimeProviderProps, "children">, Omit<ThreadProps, "variant" | "maxWidth"> {
-    className?: string;
-}
-/**
- * Floating copilot body — `TimbalRuntimeProvider` + compact `Thread`.
- * Render inside `AppShell` `chat`; open/close via shell trigger or `useAppShellChat`.
- */
-declare const AppChatPanel: FC<AppChatPanelProps>;
-
-interface SurfaceCardProps {
-    children: ReactNode;
-    className?: string;
-}
-declare const SurfaceCard: FC<SurfaceCardProps>;
-
-interface StatTileProps {
-    label: ReactNode;
-    value: ReactNode;
-    hint?: ReactNode;
-    className?: string;
-}
-declare const StatTile: FC<StatTileProps>;
-
-interface EmptyStateProps {
-    title: ReactNode;
-    description?: ReactNode;
-    action?: ReactNode;
-    className?: string;
-}
-declare const EmptyState: FC<EmptyStateProps>;
-
-declare const statusBadgeToneClass: {
-    readonly default: "bg-muted text-foreground";
-    readonly primary: "bg-primary/10 text-primary";
-    readonly success: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400";
-    readonly warn: "bg-amber-500/10 text-amber-600 dark:text-amber-400";
-    readonly muted: "bg-muted/80 text-muted-foreground";
-};
-type StatusBadgeTone = keyof typeof statusBadgeToneClass;
-interface StatusBadgeProps {
-    children: ReactNode;
-    tone?: StatusBadgeTone;
-    className?: string;
-}
-declare const StatusBadge: FC<StatusBadgeProps>;
-
-interface AppConfirmDialogProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    title: ReactNode;
-    description?: ReactNode;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    onConfirm: () => void;
-    destructive?: boolean;
-    className?: string;
-}
-/**
- * Confirm/cancel dialog for app flows (delete row, discard changes, etc.).
- */
-declare const AppConfirmDialog: FC<AppConfirmDialogProps>;
-
-interface SubNavItem {
-    id: string;
-    label: ReactNode;
-}
-interface SubNavProps {
-    items: SubNavItem[];
-    activeId: string;
-    onChange: (id: string) => void;
-    className?: string;
-    "aria-label"?: string;
-    /** Passed to the underlying pill control for shared-layout animation. */
-    layoutId?: string;
-}
-/**
- * Section tabs using the same pill segmented control as timbal-platform
- * (Build/Manage, dashboard section bars).
- */
-declare const SubNav: FC<SubNavProps>;
-
-interface BreadcrumbItem {
-    label: ReactNode;
-    href?: string;
-    onClick?: () => void;
-}
-interface BreadcrumbsProps {
-    items: BreadcrumbItem[];
-    className?: string;
-}
-declare const Breadcrumbs: FC<BreadcrumbsProps>;
-
-interface FieldProps {
-    label: ReactNode;
-    hint?: ReactNode;
-    error?: ReactNode;
-    children?: ReactNode;
-    className?: string;
-    htmlFor?: string;
-}
-declare const Field: FC<FieldProps>;
-interface FieldInputProps extends InputHTMLAttributes<HTMLInputElement> {
-    label: ReactNode;
-    hint?: ReactNode;
-    error?: ReactNode;
-    fieldClassName?: string;
-}
-declare const FieldInput: FC<FieldInputProps>;
-
-interface FieldTextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-    label: FieldProps["label"];
-    hint?: FieldProps["hint"];
-    error?: FieldProps["error"];
-    fieldClassName?: string;
-}
-declare const FieldTextarea: FC<FieldTextareaProps>;
-
-interface FieldSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
-    label: FieldProps["label"];
-    hint?: FieldProps["hint"];
-    error?: FieldProps["error"];
-    fieldClassName?: string;
-    children: ReactNode;
-}
-declare const FieldSelect: FC<FieldSelectProps>;
-
-interface FieldSwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
-    label: ReactNode;
-    description?: ReactNode;
-    className?: string;
-}
-declare const FieldSwitch: FC<FieldSwitchProps>;
-
-interface SearchInputProps extends InputHTMLAttributes<HTMLInputElement> {
-    className?: string;
-}
-declare const SearchInput: FC<SearchInputProps>;
-
-interface FormSectionProps {
-    title?: ReactNode;
-    children: ReactNode;
-    className?: string;
-}
-declare const FormSection: FC<FormSectionProps>;
-
-interface FilterBarProps {
-    children: ReactNode;
-    className?: string;
-}
-declare const FilterBar: FC<FilterBarProps>;
-
-type DataTableSortDirection = "asc" | "desc";
-interface DataTableSort {
-    columnId: string;
-    direction: DataTableSortDirection;
-}
-interface DataTableColumn<T> {
-    id: string;
-    header: ReactNode;
-    cell: (row: T) => ReactNode;
-    className?: string;
-    headerClassName?: string;
-    align?: "left" | "center" | "right";
-    sortable?: boolean;
-    /** Value used when sorting; defaults to stringifying `cell(row)`. */
-    sortValue?: (row: T) => string | number | boolean | Date | null | undefined;
-}
-interface DataTableProps<T> {
-    columns: DataTableColumn<T>[];
-    rows: T[];
-    getRowKey: (row: T) => string;
-    emptyTitle?: ReactNode;
-    emptyDescription?: ReactNode;
-    /** When `inline`, keeps the table chrome and shows an in-body empty message. */
-    emptyMode?: "replace" | "inline";
-    className?: string;
-    sort?: DataTableSort | null;
-    defaultSort?: DataTableSort | null;
-    onSortChange?: (sort: DataTableSort | null) => void;
-    showRowCount?: boolean;
-    rowCountLabel?: (count: number) => ReactNode;
-    footer?: ReactNode;
-    onRowClick?: (row: T) => void;
-    stickyHeader?: boolean;
-    dense?: boolean;
-    caption?: string;
-}
-declare function DataTable<T>({ columns, rows, getRowKey, emptyTitle, emptyDescription, emptyMode, className, sort: sortProp, defaultSort, onSortChange, showRowCount, rowCountLabel, footer, onRowClick, stickyHeader, dense, caption, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
-
-interface ChartPanelProps {
-    title?: ReactNode;
-    /** Built-in SVG chart — alternative to custom `children`. */
-    artifact?: ChartArtifact;
-    children?: ReactNode;
-    actions?: ReactNode;
-    className?: string;
-}
-/**
- * Chrome for charts — pass `artifact` for the built-in renderer or any chart in `children`.
- */
-declare const ChartPanel: FC<ChartPanelProps>;
-
-/**
- * Lightweight SVG chart for the four basic chart types. We deliberately don't
- * pull in `recharts` or similar — most artifact charts are small and these
- * render fine at the cost of a few hundred lines of SVG. Apps that need
- * production-grade charting can register a custom renderer that wraps their
- * preferred lib.
- */
-declare const ChartArtifactView: FC<{
-    artifact: ChartArtifact;
-}>;
-
-export { type StatusBadgeTone as $, AppChatPanel as A, type BreadcrumbItem as B, ChartArtifactView as C, DataTable as D, EmptyState as E, Field as F, type FieldSelectProps as G, FieldSwitch as H, type FieldSwitchProps as I, FieldTextarea as J, type FieldTextareaProps as K, FilterBar as L, type FilterBarProps as M, FormSection as N, type FormSectionProps as O, Page as P, PageHeader as Q, type PageHeaderProps as R, type PageProps as S, SearchInput as T, type SearchInputProps as U, Section as V, type SectionProps as W, StatTile as X, type StatTileProps as Y, StatusBadge as Z, type StatusBadgeProps as _, type AppChatPanelProps as a, SubNav as a0, type SubNavItem as a1, type SubNavProps as a2, SurfaceCard as a3, type SurfaceCardProps as a4, useAppCopilotContext as a5, useAppShellChat as a6, AppConfirmDialog as b, type AppConfirmDialogProps as c, type AppCopilotContextValue as d, AppCopilotProvider as e, type AppCopilotProviderProps as f, AppShell as g, type AppShellChatControls as h, AppShellChatTrigger as i, type AppShellChatTriggerProps as j, type AppShellProps as k, AppShellTopbar as l, type AppShellTopbarProps as m, Breadcrumbs as n, type BreadcrumbsProps as o, ChartPanel as p, type ChartPanelProps as q, type DataTableColumn as r, type DataTableProps as s, type DataTableSort as t, type DataTableSortDirection as u, type EmptyStateProps as v, FieldInput as w, type FieldInputProps as x, type FieldProps as y, FieldSelect as z };