@timbal-ai/timbal-react 1.1.0 → 1.2.0

package/dist/studio.d.cts

@@ -1,6 +1,6 @@
-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-CRqOPKMp.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-BFGRoNfK.cjs';
 import { FC } from 'react';
-import './chat-DCms8pJ_.cjs';
+import './chat-ClmzWzCX.cjs';
 import 'react/jsx-runtime';
 import '@assistant-ui/react';
 import '@timbal-ai/timbal-sdk';

package/dist/studio.d.ts

@@ -1,6 +1,6 @@
-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-DlHUa3OL.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-DXqsGTwH.js';
 import { FC } from 'react';
-import './chat-DCms8pJ_.js';
+import './chat-ClmzWzCX.js';
 import 'react/jsx-runtime';
 import '@assistant-ui/react';
 import '@timbal-ai/timbal-sdk';

package/dist/studio.esm.js

@@ -8,12 +8,12 @@ import {
   TimbalChatShell,
   TimbalMark,
   TimbalStudioShell
-} from "./chunk-FRZOEYBO.esm.js";
+} from "./chunk-MTYXREHK.esm.js";
 import "./chunk-QIABF4KB.esm.js";
-import "./chunk-XCM3V6RK.esm.js";
-import "./chunk-YXZ22OJN.esm.js";
-import "./chunk-P3KDAYX6.esm.js";
-import "./chunk-4AKJ6FKE.esm.js";
+import "./chunk-AGJKK6R7.esm.js";
+import "./chunk-UY7AKWJL.esm.js";
+import "./chunk-NAMKO2MU.esm.js";
+import "./chunk-BMXFXLVV.esm.js";
 export {
   ModeToggle,
   STUDIO_NAV_MODE,

package/dist/styles.css

@@ -106,15 +106,14 @@
   --ghost-fill-hover: oklch(0.965 0.002 260 / 0.7);
   --ghost-fill-active: oklch(0.91 0.004 260 / 0.7);
 
-  /* Chart series palette — shadcn-style categorical tokens. Series 1 leans on
-     the brand primary so single-series charts feel native; 2–6 are distinct.
+  /* Chart series palette — cohesive blue / indigo / cyan family.
      Override any of these in your host app's :root to rebrand every chart. */
-  --chart-1: var(--primary);
-  --chart-2: oklch(0.62 0.13 184);
-  --chart-3: oklch(0.7 0.16 70);
-  --chart-4: oklch(0.62 0.2 300);
-  --chart-5: oklch(0.65 0.21 28);
-  --chart-6: oklch(0.6 0.13 233);
+  --chart-1: oklch(0.50 0.19 264);
+  --chart-2: oklch(0.58 0.14 230);
+  --chart-3: oklch(0.62 0.12 215);
+  --chart-4: oklch(0.54 0.17 278);
+  --chart-5: oklch(0.66 0.11 248);
+  --chart-6: oklch(0.44 0.11 252);
 
   /* Code block surface (markdown). */
   --code-block-bg: oklch(0.98 0 0);
@@ -245,14 +244,13 @@
   --ghost-fill-hover: oklch(1 0 0 / 0.10);
   --ghost-fill-active: oklch(1 0 0 / 0.15);
 
-  /* Chart series palette (dark) — brighter, higher-chroma so lines/areas read
-     against the dark surface. Series 1 still follows the brand primary. */
-  --chart-1: var(--primary);
-  --chart-2: oklch(0.7 0.14 184);
-  --chart-3: oklch(0.77 0.16 70);
-  --chart-4: oklch(0.7 0.19 300);
-  --chart-5: oklch(0.7 0.2 28);
-  --chart-6: oklch(0.68 0.13 233);
+  /* Chart series palette (dark) — brighter blues for contrast on dark surfaces. */
+  --chart-1: oklch(0.68 0.17 264);
+  --chart-2: oklch(0.72 0.13 230);
+  --chart-3: oklch(0.76 0.11 215);
+  --chart-4: oklch(0.70 0.15 278);
+  --chart-5: oklch(0.78 0.10 248);
+  --chart-6: oklch(0.62 0.10 252);
 
   --code-block-bg: oklch(0.19 0 0);
   --code-header-bg: oklch(0.22 0 0 / 0.8);

package/dist/ui.cjs

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/ui.ts
 var ui_exports = {};
 __export(ui_exports, {
+  AVATAR_PRIMARY_FALLBACK_CLASS: () => AVATAR_PRIMARY_FALLBACK_CLASS,
   Accordion: () => Accordion,
   AccordionContent: () => AccordionContent,
   AccordionItem: () => AccordionItem,
@@ -263,6 +264,7 @@ __export(ui_exports, {
   TooltipProvider: () => TooltipProvider,
   TooltipTrigger: () => TooltipTrigger,
   alertVariants: () => alertVariants,
+  avatarChartVariantClass: () => avatarChartVariantClass,
   badgeVariants: () => badgeVariants,
   controlClass: () => controlClass,
   controlSurfaceClass: () => controlSurfaceClass,
@@ -375,6 +377,33 @@ var TIMBAL_V2_SHADOW = {
   ghost: "",
   link: ""
 };
+var TIMBAL_V2_PRIMARY_SURFACE = cn(
+  TIMBAL_V2_PRIMARY_GRADIENT,
+  TIMBAL_V2_SHADOW.primary,
+  TIMBAL_V2_BORDER.primary
+);
+var TIMBAL_V2_PRIMARY_PILL_ROOT = cn(
+  "relative box-border inline-flex items-center justify-center overflow-hidden rounded-full border-0 bg-transparent p-0 font-normal shadow-none transition duration-200 ease-in-out",
+  TIMBAL_V2_SHADOW.primary,
+  TIMBAL_V2_BORDER.primary
+);
+var TIMBAL_V2_PRIMARY_PILL_FILL_LAYER = cn(
+  "pointer-events-none absolute inset-0 transition duration-200 ease-in-out",
+  "bg-gradient-to-b from-primary-fill-from to-primary-fill-to",
+  "group-hover/avatar:from-primary-fill-hover-from group-hover/avatar:to-primary-fill-hover-to",
+  "group-active/avatar:from-primary-fill-active-from group-active/avatar:to-primary-fill-active-to"
+);
+var TIMBAL_V2_SECONDARY_PILL_ROOT = cn(
+  "relative box-border inline-flex items-center justify-center overflow-hidden rounded-full bg-transparent p-0 font-normal shadow-none transition duration-200 ease-in-out",
+  TIMBAL_V2_SHADOW.secondary,
+  TIMBAL_V2_BORDER.secondary
+);
+var TIMBAL_V2_SECONDARY_PILL_FILL_LAYER = cn(
+  "pointer-events-none absolute inset-0 transition duration-200 ease-in-out",
+  TIMBAL_V2_ELEVATED_GRADIENT,
+  "group-hover/avatar:from-secondary-fill-hover-from group-hover/avatar:to-secondary-fill-hover-to",
+  "group-active/avatar:from-secondary-fill-active-from group-active/avatar:to-secondary-fill-active-to"
+);
 var TIMBAL_V2_SWITCH_TRACK_OFF = cn(
   TIMBAL_V2_ELEVATED_GRADIENT,
   "border border-border shadow-card"
@@ -643,25 +672,74 @@ function TooltipContent({
 }
 
 // src/ui/avatar.tsx
+var React2 = __toESM(require("react"), 1);
 var import_radix_ui3 = require("radix-ui");
 var import_jsx_runtime4 = require("react/jsx-runtime");
+var AVATAR_PRIMARY_FALLBACK_CLASS = cn(
+  TIMBAL_V2_SECONDARY_PILL_ROOT,
+  TIMBAL_V2_LABEL.secondary,
+  "font-medium"
+);
+var AVATAR_SECONDARY_FILL_STYLE = {
+  backgroundImage: "linear-gradient(to bottom, var(--elevated-from), var(--elevated-to))"
+};
+var AvatarChromeContext = React2.createContext(
+  null
+);
+function useAvatarChrome() {
+  return React2.useContext(AvatarChromeContext);
+}
+function isBrandedVariant(variant) {
+  return variant === "secondary" || variant === "primary" || variant === "chart";
+}
+function avatarChartVariantClass(_seed) {
+  return AVATAR_PRIMARY_FALLBACK_CLASS;
+}
+var AVATAR_SIZE_CLASS = {
+  default: "size-8",
+  sm: "size-6",
+  lg: "size-10"
+};
 function Avatar({
   className,
   size = "default",
+  variant: rootVariant,
+  children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const [chrome, setChrome] = React2.useState(rootVariant ?? "muted");
+  React2.useLayoutEffect(() => {
+    if (rootVariant !== void 0) {
+      setChrome(rootVariant);
+    }
+  }, [rootVariant]);
+  const branded = isBrandedVariant(chrome);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AvatarChromeContext.Provider, { value: { chrome, setChrome }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     import_radix_ui3.Avatar.Root,
     {
       "data-slot": "avatar",
       "data-size": size,
+      "data-variant": branded ? "secondary" : chrome,
       className: cn(
-        "group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
+        "group/avatar relative shrink-0 select-none",
+        AVATAR_SIZE_CLASS[size],
+        branded ? TIMBAL_V2_SECONDARY_PILL_ROOT : "flex overflow-hidden rounded-full",
         className
       ),
-      ...props
+      ...props,
+      children: [
+        branded ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "span",
+          {
+            "aria-hidden": true,
+            className: TIMBAL_V2_SECONDARY_PILL_FILL_LAYER,
+            style: AVATAR_SECONDARY_FILL_STYLE
+          }
+        ) : null,
+        children
+      ]
     }
-  );
+  ) });
 }
 function AvatarImage({
   className,
@@ -671,24 +749,44 @@ function AvatarImage({
     import_radix_ui3.Avatar.Image,
     {
       "data-slot": "avatar-image",
-      className: cn("aspect-square size-full", className),
+      className: cn(
+        "relative z-10 aspect-square size-full rounded-full object-cover",
+        className
+      ),
       ...props
     }
   );
 }
 function AvatarFallback({
   className,
+  variant = "muted",
+  seed: _seed,
+  children,
+  style,
   ...props
 }) {
+  const chromeCtx = useAvatarChrome();
+  React2.useLayoutEffect(() => {
+    chromeCtx?.setChrome(variant);
+  }, [chromeCtx, variant]);
+  const branded = isBrandedVariant(variant);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_radix_ui3.Avatar.Fallback,
     {
       "data-slot": "avatar-fallback",
+      "data-variant": branded ? "secondary" : variant,
       className: cn(
-        "bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs",
+        "relative z-10 flex size-full items-center justify-center rounded-full",
+        branded ? cn(
+          "bg-transparent font-medium",
+          TIMBAL_V2_LABEL.secondary,
+          "text-sm group-data-[size=sm]/avatar:text-xs"
+        ) : "bg-muted font-normal text-muted-foreground text-sm group-data-[size=sm]/avatar:text-xs",
         className
       ),
-      ...props
+      style,
+      ...props,
+      children
     }
   );
 }
@@ -2317,7 +2415,7 @@ function CommandShortcut({
 }
 
 // src/ui/calendar.tsx
-var React2 = __toESM(require("react"), 1);
+var React3 = __toESM(require("react"), 1);
 var import_lucide_react11 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
 var import_jsx_runtime23 = require("react/jsx-runtime");
@@ -2390,8 +2488,8 @@ function CalendarDayButton({
   modifiers,
   ...props
 }) {
-  const ref = React2.useRef(null);
-  React2.useEffect(() => {
+  const ref = React3.useRef(null);
+  React3.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
@@ -2901,7 +2999,7 @@ function Separator({
 }
 
 // src/ui/slider.tsx
-var React3 = __toESM(require("react"), 1);
+var React4 = __toESM(require("react"), 1);
 var import_radix_ui21 = require("radix-ui");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function Slider({
@@ -2912,7 +3010,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const thumbs = React3.useMemo(() => {
+  const thumbs = React4.useMemo(() => {
     if (Array.isArray(value)) return value;
     if (Array.isArray(defaultValue)) return defaultValue;
     return [min];
@@ -3815,13 +3913,13 @@ function Skeleton({ className, ...props }) {
 }
 
 // src/ui/chart.tsx
-var React4 = __toESM(require("react"), 1);
+var React5 = __toESM(require("react"), 1);
 var RechartsPrimitive = __toESM(require("recharts"), 1);
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React4.createContext(null);
+var ChartContext = React5.createContext(null);
 function useChart() {
-  const context = React4.useContext(ChartContext);
+  const context = React5.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -3834,7 +3932,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React4.useId();
+  const uniqueId = React5.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "div",
@@ -3895,7 +3993,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React4.useMemo(() => {
+  const tooltipLabel = React5.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -4006,7 +4104,7 @@ function ChartLegendContent({
         return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
           "div",
           {
-            className: "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3",
+            className: "[&>svg]:text-muted-foreground flex min-w-0 max-w-[8rem] items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3",
             children: [
               itemConfig?.icon && !hideIcon ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 "div",
@@ -4015,7 +4113,7 @@ function ChartLegendContent({
                   style: { backgroundColor: item.color }
                 }
               ),
-              itemConfig?.label
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "min-w-0 truncate", children: itemConfig?.label ?? (item.value != null ? String(item.value) : null) })
             ]
           },
           `${item.value ?? index}`
@@ -4240,7 +4338,7 @@ function ToastDescription({
 }
 
 // src/ui/use-toast.ts
-var React5 = __toESM(require("react"), 1);
+var React6 = __toESM(require("react"), 1);
 var TOAST_LIMIT = 3;
 var TOAST_REMOVE_DELAY = 5e3;
 var listeners = /* @__PURE__ */ new Set();
@@ -4293,8 +4391,8 @@ function toast(input) {
   return memoryState.add(input);
 }
 function useToast() {
-  const [state, setState] = React5.useState(memoryState);
-  React5.useEffect(() => {
+  const [state, setState] = React6.useState(memoryState);
+  React6.useEffect(() => {
     listeners.add(setState);
     return () => {
       listeners.delete(setState);
@@ -4482,6 +4580,7 @@ var PillSegmentedTabs = ({
 var MemoPillSegmentedTabs = (0, import_react3.memo)(PillSegmentedTabs);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AVATAR_PRIMARY_FALLBACK_CLASS,
   Accordion,
   AccordionContent,
   AccordionItem,
@@ -4715,6 +4814,7 @@ var MemoPillSegmentedTabs = (0, import_react3.memo)(PillSegmentedTabs);
   TooltipProvider,
   TooltipTrigger,
   alertVariants,
+  avatarChartVariantClass,
   badgeVariants,
   controlClass,
   controlSurfaceClass,

package/dist/ui.d.cts

@@ -1,5 +1,5 @@
 export { B as Button } from './button-BoyX5pM_.cjs';
-export { A as Accordion, a as AccordionContent, b as AccordionItem, c as AccordionTrigger, d as Alert, e as AlertDescription, f as AlertDialog, g as AlertDialogAction, h as AlertDialogCancel, i as AlertDialogContent, j as AlertDialogDescription, k as AlertDialogFooter, l as AlertDialogHeader, m as AlertDialogOverlay, n as AlertDialogPortal, o as AlertDialogTitle, p as AlertDialogTrigger, q as AlertTitle, r as AspectRatio, s as Avatar, t as AvatarFallback, u as AvatarImage, B as Badge, v as Breadcrumb, w as BreadcrumbEllipsis, x as BreadcrumbItem, y as BreadcrumbLink, z as BreadcrumbList, C as BreadcrumbPage, D as BreadcrumbSeparator, E as CONTROL_SIZE, F as Calendar, G as CalendarDayButton, H as Card, I as CardContent, J as CardDescription, K as CardFooter, L as CardHeader, M as CardTitle, N as Checkbox, O as Collapsible, P as CollapsibleContent, Q as CollapsibleTrigger, R as Combobox, S as ComboboxAnchor, T as ComboboxCommand, U as ComboboxContent, V as ComboboxEmpty, W as ComboboxGroup, X as ComboboxInput, Y as ComboboxItem, Z as ComboboxList, _ as ComboboxSeparator, $ as ComboboxShortcut, a0 as ComboboxTrigger, a1 as Command, a2 as CommandDialog, a3 as CommandEmpty, a4 as CommandGroup, a5 as CommandInput, a6 as CommandItem, a7 as CommandList, a8 as CommandSeparator, a9 as CommandShortcut, aa as ContextMenu, ab as ContextMenuCheckboxItem, ac as ContextMenuContent, ad as ContextMenuGroup, ae as ContextMenuItem, af as ContextMenuLabel, ag as ContextMenuRadioGroup, ah as ContextMenuRadioItem, ai as ContextMenuSeparator, aj as ContextMenuShortcut, ak as ContextMenuSub, al as ContextMenuSubContent, am as ContextMenuSubTrigger, an as ContextMenuTrigger, ao as ControlClassOptions, ap as ControlShape, aq as ControlSize, ar as DatePicker, as as DatePickerButton, at as DatePickerCalendar, au as DatePickerContent, av as DatePickerTrigger, aw as Dialog, ax as DialogClose, ay as DialogContent, az as DialogDescription, aA as DialogFooter, aB as DialogHeader, aC as DialogOverlay, aD as DialogPortal, aE as DialogTitle, aF as DialogTrigger, aG as DropdownMenu, aH as DropdownMenuCheckboxItem, aI as DropdownMenuContent, aJ as DropdownMenuGroup, aK as DropdownMenuItem, aL as DropdownMenuLabel, aM as DropdownMenuRadioGroup, aN as DropdownMenuRadioItem, aO as DropdownMenuSeparator, aP as DropdownMenuShortcut, aQ as DropdownMenuSub, aR as DropdownMenuSubContent, aS as DropdownMenuSubTrigger, aT as DropdownMenuTrigger, aU as Form, aV as FormControl, aW as FormField, aX as FormItem, aY as FormLabel, aZ as FormMessage, a_ as FormSubmit, a$ as HoverCard, b0 as HoverCardContent, b1 as HoverCardTrigger, b2 as Input, b3 as InputGroup, b4 as InputGroupAddon, b5 as InputGroupInput, b6 as InputGroupText, b7 as InputOTP, b8 as InputOTPGroup, b9 as InputOTPHiddenInput, ba as InputOTPSeparator, bb as InputOTPSlot, bc as Kbd, bd as KbdGroup, be as Label, bf as MemoPillSegmentedTabs, bg as Menubar, bh as MenubarCheckboxItem, bi as MenubarContent, bj as MenubarItem, bk as MenubarLabel, bl as MenubarMenu, bm as MenubarRadioGroup, bn as MenubarRadioItem, bo as MenubarSeparator, bp as MenubarShortcut, bq as MenubarSub, br as MenubarSubContent, bs as MenubarSubTrigger, bt as MenubarTrigger, bu as NavigationMenu, bv as NavigationMenuContent, bw as NavigationMenuIndicator, bx as NavigationMenuItem, by as NavigationMenuLink, bz as NavigationMenuList, bA as NavigationMenuTrigger, bB as NavigationMenuViewport, bC as Pagination, bD as PaginationContent, bE as PaginationEllipsis, bF as PaginationItem, bG as PaginationLink, bH as PaginationNext, bI as PaginationPrevious, bJ as PillSegmentedTab, bK as PillSegmentedTabs, bL as PillSegmentedTabsProps, bM as Popover, bN as PopoverAnchor, bO as PopoverContent, bP as PopoverTrigger, bQ as Progress, bR as RadioGroup, bS as RadioGroupItem, bT as ScrollArea, bU as ScrollBar, bV as Select, bW as SelectContent, bX as SelectGroup, bY as SelectItem, bZ as SelectLabel, b_ as SelectScrollDownButton, b$ as SelectScrollUpButton, c0 as SelectSeparator, c1 as SelectTrigger, c2 as SelectValue, c3 as Separator, c4 as Sheet, c5 as SheetClose, c6 as SheetContent, c7 as SheetDescription, c8 as SheetFooter, c9 as SheetHeader, ca as SheetTitle, cb as SheetTrigger, cc as Shimmer, cd as Skeleton, ce as Slider, cf as Spinner, cg as Switch, ch as Table, ci as TableBody, cj as TableCaption, ck as TableCell, cl as TableFooter, cm as TableHead, cn as TableHeader, co as TableRow, cp as TextShimmerProps, cq as Textarea, cr as Toast, cs as ToastAction, ct as ToastClose, cu as ToastDescription, cv as ToastProps, cw as ToastProvider, cx as ToastTitle, cy as ToastViewport, cz as Toaster, cA as Toggle, cB as ToggleGroup, cC as ToggleGroupItem, cD as Toolbar, cE as ToolbarButton, cF as ToolbarLink, cG as ToolbarSeparator, cH as ToolbarToggleGroup, cI as ToolbarToggleItem, cJ as Tooltip, cK as TooltipContent, cL as TooltipProvider, cM as TooltipTrigger, cN as alertVariants, cO as badgeVariants, cP as controlClass, cQ as controlSurfaceClass, cR as formatPickerDate, cS as navigationMenuTriggerStyle, cT as overlayAnimationClass, cU as overlayItemClass, cV as overlayListPanelClass, cW as overlaySurfaceClass, cX as toast, cY as toggleVariants, cZ as useToast } from './pill-segmented-tabs-Ba5q0feL.cjs';
+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 AvatarImage, B as Badge, w as Breadcrumb, x as BreadcrumbEllipsis, y as BreadcrumbItem, z as BreadcrumbLink, C as BreadcrumbList, D as BreadcrumbPage, E as BreadcrumbSeparator, F as CONTROL_SIZE, G as Calendar, H as CalendarDayButton, I as Card, J as CardContent, K as CardDescription, L as CardFooter, M as CardHeader, N as CardTitle, O as Checkbox, P as Collapsible, Q as CollapsibleContent, R as CollapsibleTrigger, S as Combobox, T as ComboboxAnchor, U as ComboboxCommand, V as ComboboxContent, W as ComboboxEmpty, X as ComboboxGroup, Y as ComboboxInput, Z as ComboboxItem, _ as ComboboxList, $ as ComboboxSeparator, a0 as ComboboxShortcut, a1 as ComboboxTrigger, a2 as Command, a3 as CommandDialog, a4 as CommandEmpty, a5 as CommandGroup, a6 as CommandInput, a7 as CommandItem, a8 as CommandList, a9 as CommandSeparator, aa as CommandShortcut, ab as ContextMenu, ac as ContextMenuCheckboxItem, ad as ContextMenuContent, ae as ContextMenuGroup, af as ContextMenuItem, ag as ContextMenuLabel, ah as ContextMenuRadioGroup, ai as ContextMenuRadioItem, aj as ContextMenuSeparator, ak as ContextMenuShortcut, al as ContextMenuSub, am as ContextMenuSubContent, an as ContextMenuSubTrigger, ao as ContextMenuTrigger, ap as ControlClassOptions, aq as ControlShape, ar as ControlSize, as as DatePicker, at as DatePickerButton, au as DatePickerCalendar, av as DatePickerContent, aw as DatePickerTrigger, ax as Dialog, ay as DialogClose, az as DialogContent, aA as DialogDescription, aB as DialogFooter, aC as DialogHeader, aD as DialogOverlay, aE as DialogPortal, aF as DialogTitle, aG as DialogTrigger, aH as DropdownMenu, aI as DropdownMenuCheckboxItem, aJ as DropdownMenuContent, aK as DropdownMenuGroup, aL as DropdownMenuItem, aM as DropdownMenuLabel, aN as DropdownMenuRadioGroup, aO as DropdownMenuRadioItem, aP as DropdownMenuSeparator, aQ as DropdownMenuShortcut, aR as DropdownMenuSub, aS as DropdownMenuSubContent, aT as DropdownMenuSubTrigger, aU as DropdownMenuTrigger, aV as Form, aW as FormControl, aX as FormField, aY as FormItem, aZ as FormLabel, a_ as FormMessage, a$ as FormSubmit, b0 as HoverCard, b1 as HoverCardContent, b2 as HoverCardTrigger, b3 as Input, b4 as InputGroup, b5 as InputGroupAddon, b6 as InputGroupInput, b7 as InputGroupText, b8 as InputOTP, b9 as InputOTPGroup, ba as InputOTPHiddenInput, bb as InputOTPSeparator, bc as InputOTPSlot, bd as Kbd, be as KbdGroup, bf as Label, bg as MemoPillSegmentedTabs, bh as Menubar, bi as MenubarCheckboxItem, bj as MenubarContent, bk as MenubarItem, bl as MenubarLabel, bm as MenubarMenu, bn as MenubarRadioGroup, bo as MenubarRadioItem, bp as MenubarSeparator, bq as MenubarShortcut, br as MenubarSub, bs as MenubarSubContent, bt as MenubarSubTrigger, bu as MenubarTrigger, bv as NavigationMenu, bw as NavigationMenuContent, bx as NavigationMenuIndicator, by as NavigationMenuItem, bz as NavigationMenuLink, bA as NavigationMenuList, bB as NavigationMenuTrigger, bC as NavigationMenuViewport, bD as Pagination, bE as PaginationContent, bF as PaginationEllipsis, bG as PaginationItem, bH as PaginationLink, bI as PaginationNext, bJ as PaginationPrevious, bK as PillSegmentedTab, bL as PillSegmentedTabs, bM as PillSegmentedTabsProps, bN as Popover, bO as PopoverAnchor, bP as PopoverContent, bQ as PopoverTrigger, bR as Progress, bS as RadioGroup, bT as RadioGroupItem, bU as ScrollArea, bV as ScrollBar, bW as Select, bX as SelectContent, bY as SelectGroup, bZ as SelectItem, b_ as SelectLabel, b$ as SelectScrollDownButton, c0 as SelectScrollUpButton, c1 as SelectSeparator, c2 as SelectTrigger, c3 as SelectValue, c4 as Separator, c5 as Sheet, c6 as SheetClose, c7 as SheetContent, c8 as SheetDescription, c9 as SheetFooter, ca as SheetHeader, cb as SheetTitle, cc as SheetTrigger, cd as Shimmer, ce as Skeleton, cf as Slider, cg as Spinner, ch as Switch, ci as Table, cj as TableBody, ck as TableCaption, cl as TableCell, cm as TableFooter, cn as TableHead, co as TableHeader, cp as TableRow, cq as TextShimmerProps, cr as Textarea, cs as Toast, ct as ToastAction, cu as ToastClose, cv as ToastDescription, cw as ToastProps, cx as ToastProvider, cy as ToastTitle, cz as ToastViewport, cA as Toaster, cB as Toggle, cC as ToggleGroup, cD as ToggleGroupItem, cE as Toolbar, cF as ToolbarButton, cG as ToolbarLink, cH as ToolbarSeparator, cI as ToolbarToggleGroup, cJ as ToolbarToggleItem, cK as Tooltip, cL as TooltipContent, cM as TooltipProvider, cN as TooltipTrigger, cO as alertVariants, cP as avatarChartVariantClass, cQ as badgeVariants, cR as controlClass, cS as controlSurfaceClass, cT as formatPickerDate, cU as navigationMenuTriggerStyle, cV as overlayAnimationClass, cW as overlayItemClass, cX as overlayListPanelClass, cY as overlaySurfaceClass, cZ as toast, c_ as toggleVariants, c$ as useToast } from './pill-segmented-tabs-BsIOW1Lo.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as RechartsPrimitive from 'recharts';

package/dist/ui.d.ts

@@ -1,5 +1,5 @@
 export { B as Button } from './button-BoyX5pM_.js';
-export { A as Accordion, a as AccordionContent, b as AccordionItem, c as AccordionTrigger, d as Alert, e as AlertDescription, f as AlertDialog, g as AlertDialogAction, h as AlertDialogCancel, i as AlertDialogContent, j as AlertDialogDescription, k as AlertDialogFooter, l as AlertDialogHeader, m as AlertDialogOverlay, n as AlertDialogPortal, o as AlertDialogTitle, p as AlertDialogTrigger, q as AlertTitle, r as AspectRatio, s as Avatar, t as AvatarFallback, u as AvatarImage, B as Badge, v as Breadcrumb, w as BreadcrumbEllipsis, x as BreadcrumbItem, y as BreadcrumbLink, z as BreadcrumbList, C as BreadcrumbPage, D as BreadcrumbSeparator, E as CONTROL_SIZE, F as Calendar, G as CalendarDayButton, H as Card, I as CardContent, J as CardDescription, K as CardFooter, L as CardHeader, M as CardTitle, N as Checkbox, O as Collapsible, P as CollapsibleContent, Q as CollapsibleTrigger, R as Combobox, S as ComboboxAnchor, T as ComboboxCommand, U as ComboboxContent, V as ComboboxEmpty, W as ComboboxGroup, X as ComboboxInput, Y as ComboboxItem, Z as ComboboxList, _ as ComboboxSeparator, $ as ComboboxShortcut, a0 as ComboboxTrigger, a1 as Command, a2 as CommandDialog, a3 as CommandEmpty, a4 as CommandGroup, a5 as CommandInput, a6 as CommandItem, a7 as CommandList, a8 as CommandSeparator, a9 as CommandShortcut, aa as ContextMenu, ab as ContextMenuCheckboxItem, ac as ContextMenuContent, ad as ContextMenuGroup, ae as ContextMenuItem, af as ContextMenuLabel, ag as ContextMenuRadioGroup, ah as ContextMenuRadioItem, ai as ContextMenuSeparator, aj as ContextMenuShortcut, ak as ContextMenuSub, al as ContextMenuSubContent, am as ContextMenuSubTrigger, an as ContextMenuTrigger, ao as ControlClassOptions, ap as ControlShape, aq as ControlSize, ar as DatePicker, as as DatePickerButton, at as DatePickerCalendar, au as DatePickerContent, av as DatePickerTrigger, aw as Dialog, ax as DialogClose, ay as DialogContent, az as DialogDescription, aA as DialogFooter, aB as DialogHeader, aC as DialogOverlay, aD as DialogPortal, aE as DialogTitle, aF as DialogTrigger, aG as DropdownMenu, aH as DropdownMenuCheckboxItem, aI as DropdownMenuContent, aJ as DropdownMenuGroup, aK as DropdownMenuItem, aL as DropdownMenuLabel, aM as DropdownMenuRadioGroup, aN as DropdownMenuRadioItem, aO as DropdownMenuSeparator, aP as DropdownMenuShortcut, aQ as DropdownMenuSub, aR as DropdownMenuSubContent, aS as DropdownMenuSubTrigger, aT as DropdownMenuTrigger, aU as Form, aV as FormControl, aW as FormField, aX as FormItem, aY as FormLabel, aZ as FormMessage, a_ as FormSubmit, a$ as HoverCard, b0 as HoverCardContent, b1 as HoverCardTrigger, b2 as Input, b3 as InputGroup, b4 as InputGroupAddon, b5 as InputGroupInput, b6 as InputGroupText, b7 as InputOTP, b8 as InputOTPGroup, b9 as InputOTPHiddenInput, ba as InputOTPSeparator, bb as InputOTPSlot, bc as Kbd, bd as KbdGroup, be as Label, bf as MemoPillSegmentedTabs, bg as Menubar, bh as MenubarCheckboxItem, bi as MenubarContent, bj as MenubarItem, bk as MenubarLabel, bl as MenubarMenu, bm as MenubarRadioGroup, bn as MenubarRadioItem, bo as MenubarSeparator, bp as MenubarShortcut, bq as MenubarSub, br as MenubarSubContent, bs as MenubarSubTrigger, bt as MenubarTrigger, bu as NavigationMenu, bv as NavigationMenuContent, bw as NavigationMenuIndicator, bx as NavigationMenuItem, by as NavigationMenuLink, bz as NavigationMenuList, bA as NavigationMenuTrigger, bB as NavigationMenuViewport, bC as Pagination, bD as PaginationContent, bE as PaginationEllipsis, bF as PaginationItem, bG as PaginationLink, bH as PaginationNext, bI as PaginationPrevious, bJ as PillSegmentedTab, bK as PillSegmentedTabs, bL as PillSegmentedTabsProps, bM as Popover, bN as PopoverAnchor, bO as PopoverContent, bP as PopoverTrigger, bQ as Progress, bR as RadioGroup, bS as RadioGroupItem, bT as ScrollArea, bU as ScrollBar, bV as Select, bW as SelectContent, bX as SelectGroup, bY as SelectItem, bZ as SelectLabel, b_ as SelectScrollDownButton, b$ as SelectScrollUpButton, c0 as SelectSeparator, c1 as SelectTrigger, c2 as SelectValue, c3 as Separator, c4 as Sheet, c5 as SheetClose, c6 as SheetContent, c7 as SheetDescription, c8 as SheetFooter, c9 as SheetHeader, ca as SheetTitle, cb as SheetTrigger, cc as Shimmer, cd as Skeleton, ce as Slider, cf as Spinner, cg as Switch, ch as Table, ci as TableBody, cj as TableCaption, ck as TableCell, cl as TableFooter, cm as TableHead, cn as TableHeader, co as TableRow, cp as TextShimmerProps, cq as Textarea, cr as Toast, cs as ToastAction, ct as ToastClose, cu as ToastDescription, cv as ToastProps, cw as ToastProvider, cx as ToastTitle, cy as ToastViewport, cz as Toaster, cA as Toggle, cB as ToggleGroup, cC as ToggleGroupItem, cD as Toolbar, cE as ToolbarButton, cF as ToolbarLink, cG as ToolbarSeparator, cH as ToolbarToggleGroup, cI as ToolbarToggleItem, cJ as Tooltip, cK as TooltipContent, cL as TooltipProvider, cM as TooltipTrigger, cN as alertVariants, cO as badgeVariants, cP as controlClass, cQ as controlSurfaceClass, cR as formatPickerDate, cS as navigationMenuTriggerStyle, cT as overlayAnimationClass, cU as overlayItemClass, cV as overlayListPanelClass, cW as overlaySurfaceClass, cX as toast, cY as toggleVariants, cZ as useToast } from './pill-segmented-tabs-Ba5q0feL.js';
+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 AvatarImage, B as Badge, w as Breadcrumb, x as BreadcrumbEllipsis, y as BreadcrumbItem, z as BreadcrumbLink, C as BreadcrumbList, D as BreadcrumbPage, E as BreadcrumbSeparator, F as CONTROL_SIZE, G as Calendar, H as CalendarDayButton, I as Card, J as CardContent, K as CardDescription, L as CardFooter, M as CardHeader, N as CardTitle, O as Checkbox, P as Collapsible, Q as CollapsibleContent, R as CollapsibleTrigger, S as Combobox, T as ComboboxAnchor, U as ComboboxCommand, V as ComboboxContent, W as ComboboxEmpty, X as ComboboxGroup, Y as ComboboxInput, Z as ComboboxItem, _ as ComboboxList, $ as ComboboxSeparator, a0 as ComboboxShortcut, a1 as ComboboxTrigger, a2 as Command, a3 as CommandDialog, a4 as CommandEmpty, a5 as CommandGroup, a6 as CommandInput, a7 as CommandItem, a8 as CommandList, a9 as CommandSeparator, aa as CommandShortcut, ab as ContextMenu, ac as ContextMenuCheckboxItem, ad as ContextMenuContent, ae as ContextMenuGroup, af as ContextMenuItem, ag as ContextMenuLabel, ah as ContextMenuRadioGroup, ai as ContextMenuRadioItem, aj as ContextMenuSeparator, ak as ContextMenuShortcut, al as ContextMenuSub, am as ContextMenuSubContent, an as ContextMenuSubTrigger, ao as ContextMenuTrigger, ap as ControlClassOptions, aq as ControlShape, ar as ControlSize, as as DatePicker, at as DatePickerButton, au as DatePickerCalendar, av as DatePickerContent, aw as DatePickerTrigger, ax as Dialog, ay as DialogClose, az as DialogContent, aA as DialogDescription, aB as DialogFooter, aC as DialogHeader, aD as DialogOverlay, aE as DialogPortal, aF as DialogTitle, aG as DialogTrigger, aH as DropdownMenu, aI as DropdownMenuCheckboxItem, aJ as DropdownMenuContent, aK as DropdownMenuGroup, aL as DropdownMenuItem, aM as DropdownMenuLabel, aN as DropdownMenuRadioGroup, aO as DropdownMenuRadioItem, aP as DropdownMenuSeparator, aQ as DropdownMenuShortcut, aR as DropdownMenuSub, aS as DropdownMenuSubContent, aT as DropdownMenuSubTrigger, aU as DropdownMenuTrigger, aV as Form, aW as FormControl, aX as FormField, aY as FormItem, aZ as FormLabel, a_ as FormMessage, a$ as FormSubmit, b0 as HoverCard, b1 as HoverCardContent, b2 as HoverCardTrigger, b3 as Input, b4 as InputGroup, b5 as InputGroupAddon, b6 as InputGroupInput, b7 as InputGroupText, b8 as InputOTP, b9 as InputOTPGroup, ba as InputOTPHiddenInput, bb as InputOTPSeparator, bc as InputOTPSlot, bd as Kbd, be as KbdGroup, bf as Label, bg as MemoPillSegmentedTabs, bh as Menubar, bi as MenubarCheckboxItem, bj as MenubarContent, bk as MenubarItem, bl as MenubarLabel, bm as MenubarMenu, bn as MenubarRadioGroup, bo as MenubarRadioItem, bp as MenubarSeparator, bq as MenubarShortcut, br as MenubarSub, bs as MenubarSubContent, bt as MenubarSubTrigger, bu as MenubarTrigger, bv as NavigationMenu, bw as NavigationMenuContent, bx as NavigationMenuIndicator, by as NavigationMenuItem, bz as NavigationMenuLink, bA as NavigationMenuList, bB as NavigationMenuTrigger, bC as NavigationMenuViewport, bD as Pagination, bE as PaginationContent, bF as PaginationEllipsis, bG as PaginationItem, bH as PaginationLink, bI as PaginationNext, bJ as PaginationPrevious, bK as PillSegmentedTab, bL as PillSegmentedTabs, bM as PillSegmentedTabsProps, bN as Popover, bO as PopoverAnchor, bP as PopoverContent, bQ as PopoverTrigger, bR as Progress, bS as RadioGroup, bT as RadioGroupItem, bU as ScrollArea, bV as ScrollBar, bW as Select, bX as SelectContent, bY as SelectGroup, bZ as SelectItem, b_ as SelectLabel, b$ as SelectScrollDownButton, c0 as SelectScrollUpButton, c1 as SelectSeparator, c2 as SelectTrigger, c3 as SelectValue, c4 as Separator, c5 as Sheet, c6 as SheetClose, c7 as SheetContent, c8 as SheetDescription, c9 as SheetFooter, ca as SheetHeader, cb as SheetTitle, cc as SheetTrigger, cd as Shimmer, ce as Skeleton, cf as Slider, cg as Spinner, ch as Switch, ci as Table, cj as TableBody, ck as TableCaption, cl as TableCell, cm as TableFooter, cn as TableHead, co as TableHeader, cp as TableRow, cq as TextShimmerProps, cr as Textarea, cs as Toast, ct as ToastAction, cu as ToastClose, cv as ToastDescription, cw as ToastProps, cx as ToastProvider, cy as ToastTitle, cz as ToastViewport, cA as Toaster, cB as Toggle, cC as ToggleGroup, cD as ToggleGroupItem, cE as Toolbar, cF as ToolbarButton, cG as ToolbarLink, cH as ToolbarSeparator, cI as ToolbarToggleGroup, cJ as ToolbarToggleItem, cK as Tooltip, cL as TooltipContent, cM as TooltipProvider, cN as TooltipTrigger, cO as alertVariants, cP as avatarChartVariantClass, cQ as badgeVariants, cR as controlClass, cS as controlSurfaceClass, cT as formatPickerDate, cU as navigationMenuTriggerStyle, cV as overlayAnimationClass, cW as overlayItemClass, cX as overlayListPanelClass, cY as overlaySurfaceClass, cZ as toast, c_ as toggleVariants, c$ as useToast } from './pill-segmented-tabs-BsIOW1Lo.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as RechartsPrimitive from 'recharts';

package/dist/ui.esm.js

@@ -207,16 +207,17 @@ import {
   toast,
   toggleVariants,
   useToast
-} from "./chunk-6HWMJNZT.esm.js";
+} from "./chunk-4VULP3CJ.esm.js";
 import {
   Checkbox,
   Skeleton
-} from "./chunk-JEAUF54A.esm.js";
+} from "./chunk-FEYZUVBM.esm.js";
 import {
   MemoPillSegmentedTabs,
   PillSegmentedTabs
-} from "./chunk-P3KDAYX6.esm.js";
+} from "./chunk-NAMKO2MU.esm.js";
 import {
+  AVATAR_PRIMARY_FALLBACK_CLASS,
   Avatar,
   AvatarFallback,
   AvatarImage,
@@ -244,6 +245,7 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
+  avatarChartVariantClass,
   controlClass,
   controlSurfaceClass,
   overlayAnimationClass,
@@ -251,8 +253,9 @@ import {
   overlayListPanelClass,
   overlaySurfaceClass,
   useChart
-} from "./chunk-4AKJ6FKE.esm.js";
+} from "./chunk-BMXFXLVV.esm.js";
 export {
+  AVATAR_PRIMARY_FALLBACK_CLASS,
   Accordion,
   AccordionContent,
   AccordionItem,
@@ -486,6 +489,7 @@ export {
   TooltipProvider,
   TooltipTrigger,
   alertVariants,
+  avatarChartVariantClass,
   badgeVariants,
   controlClass,
   controlSurfaceClass,

package/dist/{welcome-CRqOPKMp.d.cts → welcome-BFGRoNfK.d.cts}

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-import { c as TimbalChatProps, v as ThreadWelcomeProps } from './chat-DCms8pJ_.cjs';
+import { c as TimbalChatProps, v as ThreadWelcomeProps } from './chat-ClmzWzCX.cjs';
 import { WorkforceItem } from '@timbal-ai/timbal-sdk';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 

package/dist/{welcome-DlHUa3OL.d.ts → welcome-DXqsGTwH.d.ts}

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-import { c as TimbalChatProps, v as ThreadWelcomeProps } from './chat-DCms8pJ_.js';
+import { c as TimbalChatProps, v as ThreadWelcomeProps } from './chat-ClmzWzCX.js';
 import { WorkforceItem } from '@timbal-ai/timbal-sdk';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 

package/package.json

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

package/vite/local-dev.d.ts

@@ -1,4 +1,8 @@
 import type { Plugin } from "vite";
 
-/** Use in Vite apps that link `@timbal-ai/timbal-react` via `file:../timbal-react`. */
+/**
+ * Vite plugin for apps that link `@timbal-ai/timbal-react` via `file:../timbal-react`.
+ * Aliases package entrypoints to `src/`, excludes the package from `optimizeDeps`, and
+ * reloads when `src/` or `dist/` changes.
+ */
 export function timbalReactLocalDev(): Plugin;

package/vite/local-dev.mjs

@@ -2,7 +2,8 @@
  * Vite plugin for apps that depend on `@timbal-ai/timbal-react` via `file:../timbal-react`.
  *
  * - Skips pre-bundling so `dist/` updates are not stuck in `node_modules/.vite/deps`
- * - Watches the linked package `dist/` and triggers a full reload when it changes
+ * - Aliases package entrypoints to `src/` so gallery apps pick up source edits without rebuilding `dist/`
+ * - Watches `src/` and `dist/` and triggers a full reload when either changes
  *
  * IMPORTANT: this is a no-op for normal npm installs. Excluding the package from
  * `optimizeDeps` only makes sense when it is `file:`-linked (a symlink in
@@ -23,7 +24,7 @@ const TIMBAL_REACT_EXPORTS = [
   "@timbal-ai/timbal-react/app",
 ];
 
-/** Subpath → source entry (used when `dist/*.esm.js` is missing). */
+/** Subpath → source entry (linked `file:` dev always resolves here). */
 const SOURCE_ENTRIES = {
   "@timbal-ai/timbal-react": "src/index.ts",
   "@timbal-ai/timbal-react/chat": "src/chat.ts",
@@ -102,34 +103,37 @@ export function timbalReactLocalDev() {
       distDir = path.join(pkgRoot, "dist");
       const built = distIsBuilt(distDir);
       const srcDir = path.join(pkgRoot, "src");
-      const watchGlob = built
-        ? `${distDir.replace(/\\/g, "/")}/**`
-        : `${srcDir.replace(/\\/g, "/")}/**`;
+      const watchGlobs = [
+        `${srcDir.replace(/\\/g, "/")}/**`,
+        `${distDir.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.",
+          "[timbal-react] dist/ is missing — dev uses src/ only. " +
+            "Run `bun run build` in timbal-react to verify the production bundle.",
         );
       }
 
       /** @type {Record<string, string>} */
       const alias = {};
-      if (!built) {
-        for (const [pkg, rel] of Object.entries(SOURCE_ENTRIES)) {
-          alias[pkg] = path.join(pkgRoot, rel);
-        }
+      for (const [pkg, rel] of Object.entries(SOURCE_ENTRIES)) {
+        alias[pkg] = path.join(pkgRoot, rel);
       }
 
       return {
-        resolve: Object.keys(alias).length ? { alias } : undefined,
+        resolve: { alias },
         optimizeDeps: {
           exclude: TIMBAL_REACT_EXPORTS,
           include: CJS_INTEROP_DEPS,
         },
         server: {
           watch: {
-            ignored: ["**/.git/**", "**/node_modules/**", `!${watchGlob}`],
+            ignored: [
+              "**/.git/**",
+              "**/node_modules/**",
+              ...watchGlobs.map((g) => `!${g}`),
+            ],
           },
         },
       };