@timbal-ai/timbal-react 1.0.0 → 1.2.0

package/dist/ui.esm.js

@@ -34,7 +34,6 @@ import {
   CardFooter,
   CardHeader,
   CardTitle,
-  Checkbox,
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
@@ -172,7 +171,6 @@ import {
   SheetHeader,
   SheetTitle,
   SheetTrigger,
-  Skeleton,
   Slider,
   Spinner,
   Switch,
@@ -209,17 +207,28 @@ import {
   toast,
   toggleVariants,
   useToast
-} from "./chunk-YEFBANNF.esm.js";
+} from "./chunk-4VULP3CJ.esm.js";
+import {
+  Checkbox,
+  Skeleton
+} from "./chunk-FEYZUVBM.esm.js";
 import {
   MemoPillSegmentedTabs,
   PillSegmentedTabs
-} from "./chunk-AYHOVAMI.esm.js";
+} from "./chunk-NAMKO2MU.esm.js";
 import {
+  AVATAR_PRIMARY_FALLBACK_CLASS,
   Avatar,
   AvatarFallback,
   AvatarImage,
   Button,
   CONTROL_SIZE,
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+  ChartTooltip,
+  ChartTooltipContent,
   Dialog,
   DialogClose,
   DialogContent,
@@ -236,14 +245,17 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
+  avatarChartVariantClass,
   controlClass,
   controlSurfaceClass,
   overlayAnimationClass,
   overlayItemClass,
   overlayListPanelClass,
-  overlaySurfaceClass
-} from "./chunk-FOD67Z6G.esm.js";
+  overlaySurfaceClass,
+  useChart
+} from "./chunk-BMXFXLVV.esm.js";
 export {
+  AVATAR_PRIMARY_FALLBACK_CLASS,
   Accordion,
   AccordionContent,
   AccordionItem,
@@ -284,6 +296,12 @@ export {
   CardFooter,
   CardHeader,
   CardTitle,
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+  ChartTooltip,
+  ChartTooltipContent,
   Checkbox,
   Collapsible,
   CollapsibleContent,
@@ -471,6 +489,7 @@ export {
   TooltipProvider,
   TooltipTrigger,
   alertVariants,
+  avatarChartVariantClass,
   badgeVariants,
   controlClass,
   controlSurfaceClass,
@@ -482,5 +501,6 @@ export {
   overlaySurfaceClass,
   toast,
   toggleVariants,
+  useChart,
   useToast
 };

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

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-import { b as TimbalChatProps, u as ThreadWelcomeProps } from './chat-Bed4FQSl.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-DE08m9ca.d.ts → welcome-DXqsGTwH.d.ts}

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-import { b as TimbalChatProps, u as ThreadWelcomeProps } from './chat-Bed4FQSl.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.0.0",
+  "version": "1.2.0",
   "description": "React components and runtime for building Timbal chat and studio apps",
   "type": "module",
   "main": "dist/index.cjs",
@@ -64,7 +64,8 @@
     "@assistant-ui/react": ">=0.12",
     "@timbal-ai/timbal-sdk": ">=0.4",
     "react": ">=19",
-    "react-dom": ">=19"
+    "react-dom": ">=19",
+    "react-is": ">=19"
   },
   "dependencies": {
     "@assistant-ui/react-markdown": "^0.12.3",
@@ -81,6 +82,7 @@
     "motion": "^12.23.24",
     "radix-ui": "^1.4.3",
     "react-day-picker": "^10.0.1",
+    "recharts": "^3.8.1",
     "rehype-katex": "^7.0.1",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
@@ -96,10 +98,12 @@
     "@timbal-ai/timbal-sdk": "0.4.9",
     "@types/react": "^19.2.4",
     "@types/react-dom": "^19.2.3",
+    "@types/react-is": "^19.2.0",
+    "dependency-cruiser": "^16.10.4",
     "happy-dom": "^20.8.9",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "dependency-cruiser": "^16.10.4",
+    "react-is": "^19.2.0",
     "tsup": "^8.5.0",
     "typescript": "~5.8.3"
   },

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}`),
+            ],
           },
         },
       };