@timbal-ai/timbal-react 0.8.2 → 1.0.0

package/dist/index.esm.js

@@ -7,6 +7,7 @@ import {
   AppShellChatTrigger,
   AppShellTopbar,
   Breadcrumbs,
+  COLOR_UTILITY_PREFIXES,
   ChartPanel,
   ConnectionRow,
   ConnectionRowList,
@@ -25,6 +26,7 @@ import {
   FilterBar,
   FloatingUnsavedChangesBar,
   FormSection,
+  HOUSE_RULES,
   INTEGRATION_CATALOG_CARD_HEIGHT_CLASS,
   InfoCard,
   IntegrationCard,
@@ -35,7 +37,10 @@ import {
   Page,
   PageHeader,
   PlanBadge,
+  RESERVED_GRADIENT_TOKENS,
   ResourceCard,
+  SEMANTIC_COLOR_TOKENS,
+  SLOP_BUDGETS,
   SearchInput,
   Section,
   SettingsSection,
@@ -46,22 +51,27 @@ import {
   StatusDot,
   SubNav,
   SurfaceCard,
+  TAILWIND_PALETTE_COLORS,
   THEME_AGENT_INSTRUCTIONS,
   TIMBAL_THEME_PRESETS,
   ThemePresetGallery,
   TimbalThemeStyle,
+  UI_REVIEW_AGENT_INSTRUCTIONS,
   applyThemePreset,
   applyTimbalTheme,
   clearTimbalTheme,
   connectionRowListClass,
   createTimbalTheme,
   ensureThemeFontLink,
+  formatLintReport,
   getStoredThemePreset,
   getThemePreset,
+  lintGeneratedUi,
+  reviewGeneratedUi,
   themeToCss,
   useAppCopilotContext,
   useAppShellChat
-} from "./chunk-6YVKCVEP.esm.js";
+} from "./chunk-GLPOVYEA.esm.js";
 import {
   THREAD_DEFAULT_MAX_WIDTH,
   assistantMessageContentClass,
@@ -82,11 +92,11 @@ import {
   useOptionalSession,
   useSession,
   useWorkforces
-} from "./chunk-VWHHKAHN.esm.js";
+} from "./chunk-C6IXFM4T.esm.js";
 import "./chunk-QIABF4KB.esm.js";
 import {
   WorkforceSelector
-} from "./chunk-CFU3YDTV.esm.js";
+} from "./chunk-RZ6QC6RG.esm.js";
 import {
   ARTIFACT_FENCE_LANGUAGES,
   ArtifactCard,
@@ -143,8 +153,87 @@ import {
   useUiDispatch,
   useUiEventEmitter,
   useUiState
-} from "./chunk-5ZKLPWVN.esm.js";
+} from "./chunk-SNLXVG7H.esm.js";
 import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
+  AspectRatio,
+  Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Calendar,
+  CalendarDayButton,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  Combobox,
+  ComboboxAnchor,
+  ComboboxCommand,
+  ComboboxContent,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxList,
+  ComboboxSeparator,
+  ComboboxShortcut,
+  ComboboxTrigger,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+  DatePicker,
+  DatePickerButton,
+  DatePickerCalendar,
+  DatePickerContent,
+  DatePickerTrigger,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -159,10 +248,67 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  FormSubmit,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+  Input,
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
+  InputGroupText,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPHiddenInput,
+  InputOTPSeparator,
+  InputOTPSlot,
+  Kbd,
+  KbdGroup,
+  Label,
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
   Popover,
   PopoverAnchor,
   PopoverContent,
   PopoverTrigger,
+  Progress,
+  RadioGroup,
+  RadioGroupItem,
+  ScrollArea,
+  ScrollBar,
   Select,
   SelectContent,
   SelectGroup,
@@ -172,17 +318,64 @@ import {
   SelectScrollUpButton,
   SelectSeparator,
   SelectTrigger,
-  SelectValue
-} from "./chunk-P4SN7M67.esm.js";
+  SelectValue,
+  Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+  Skeleton,
+  Slider,
+  Spinner,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Textarea,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+  Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Toolbar,
+  ToolbarButton,
+  ToolbarLink,
+  ToolbarSeparator,
+  ToolbarToggleGroup,
+  ToolbarToggleItem,
+  alertVariants,
+  badgeVariants,
+  formatPickerDate,
+  navigationMenuTriggerStyle,
+  toast,
+  toggleVariants,
+  useToast
+} from "./chunk-YEFBANNF.esm.js";
 import {
   MemoPillSegmentedTabs,
   PillSegmentedTabs
-} from "./chunk-OISVICYF.esm.js";
+} from "./chunk-AYHOVAMI.esm.js";
 import {
   Avatar,
   AvatarFallback,
   AvatarImage,
   Button,
+  CONTROL_SIZE,
   Dialog,
   DialogClose,
   DialogContent,
@@ -198,8 +391,14 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-  cn
-} from "./chunk-QVAUCVQA.esm.js";
+  cn,
+  controlClass,
+  controlSurfaceClass,
+  overlayAnimationClass,
+  overlayItemClass,
+  overlayListPanelClass,
+  overlaySurfaceClass
+} from "./chunk-FOD67Z6G.esm.js";
 
 // src/index.ts
 import { parseSSELine } from "@timbal-ai/timbal-sdk";
@@ -372,7 +571,25 @@ export {
   APP_KIT_AGENT_INSTRUCTIONS,
   ARTIFACT_AGENT_INSTRUCTIONS,
   ARTIFACT_FENCE_LANGUAGES,
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
   ActionBarPrimitive,
+  Alert,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
   AppChatPanel,
   AppConfirmDialog,
   AppCopilotProvider,
@@ -382,25 +599,88 @@ export {
   ArtifactCard,
   ArtifactRegistryProvider,
   ArtifactView,
+  AspectRatio,
   AssistantRuntimeProvider,
   AuiIf,
   AuthGuard,
   Avatar,
   AvatarFallback,
   AvatarImage,
+  Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
   Breadcrumbs,
   Button,
   CHART_PALETTE,
+  COLOR_UTILITY_PREFIXES,
+  CONTROL_SIZE,
+  Calendar,
+  CalendarDayButton,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
   ChartArtifactView,
   ChartPanel,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  Combobox,
+  ComboboxAnchor,
+  ComboboxCommand,
+  ComboboxContent,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxList,
+  ComboboxSeparator,
+  ComboboxShortcut,
+  ComboboxTrigger,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
   Composer,
   ComposerPrimitive,
   ConnectionRow,
   ConnectionRowList,
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
   DEFAULT_UPLOAD_ACCEPT,
   DangerZone,
   DangerZoneAction,
   DataTable,
+  DatePicker,
+  DatePickerButton,
+  DatePickerCalendar,
+  DatePickerContent,
+  DatePickerTrigger,
   DescriptionList,
   Dialog,
   DialogClose,
@@ -436,32 +716,93 @@ export {
   FieldTextarea,
   FilterBar,
   FloatingUnsavedChangesBar,
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
   FormSection,
+  FormSubmit,
+  HOUSE_RULES,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
   HtmlArtifactView,
   INTEGRATION_CATALOG_CARD_HEIGHT_CLASS,
   InfoCard,
+  Input,
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
+  InputGroupText,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPHiddenInput,
+  InputOTPSeparator,
+  InputOTPSlot,
   IntegrationCard,
   IntegrationsEmptyState,
   JsonArtifactView,
+  Kbd,
+  KbdGroup,
+  Label,
   LineAreaChart,
   MarkdownText,
   MemoPillSegmentedTabs,
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
   MessagePrimitive,
   MetricChartCard,
   MetricRow,
   MetricTile,
   ModeToggle,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
   Page,
   PageHeader,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
   PillSegmentedTabs,
   PlanBadge,
   Popover,
   PopoverAnchor,
   PopoverContent,
   PopoverTrigger,
+  Progress,
   QuestionArtifactView,
+  RESERVED_GRADIENT_TOKENS,
+  RadioGroup,
+  RadioGroupItem,
   ResourceCard,
+  SEMANTIC_COLOR_TOKENS,
+  SLOP_BUDGETS,
   STUDIO_NAV_MODE,
+  ScrollArea,
+  ScrollBar,
   SearchInput,
   Section,
   Select,
@@ -474,11 +815,23 @@ export {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
+  Separator,
   SessionProvider,
   SettingsSection,
   SettingsSectionHeader,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
   Shimmer,
+  Skeleton,
+  Slider,
   Sparkline,
+  Spinner,
   StatTile,
   StatusBadge,
   StatusDot,
@@ -488,10 +841,21 @@ export {
   SubNav,
   Suggestions,
   SurfaceCard,
+  Switch,
+  TAILWIND_PALETTE_COLORS,
   THEME_AGENT_INSTRUCTIONS,
   THREAD_DEFAULT_MAX_WIDTH,
   TIMBAL_THEME_PRESETS,
+  Table,
   TableArtifactView,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Textarea,
   ThemePresetGallery,
   Thread,
   ThreadPrimitive,
@@ -501,27 +865,49 @@ export {
   TimbalRuntimeProvider,
   TimbalStudioShell,
   TimbalThemeStyle,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+  Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
   ToolArtifactFallback,
   ToolFallback,
+  Toolbar,
+  ToolbarButton,
+  ToolbarLink,
+  ToolbarSeparator,
+  ToolbarToggleGroup,
+  ToolbarToggleItem,
   Tooltip,
   TooltipContent,
   TooltipIconButton,
   TooltipProvider,
   TooltipTrigger,
+  UI_REVIEW_AGENT_INSTRUCTIONS,
   UiArtifactView,
   UiCustomNodeRegistryProvider,
   UiEventProvider,
   UiNodeView,
   WorkforceSelector,
+  alertVariants,
   applyThemePreset,
   applyTimbalTheme,
   assistantMessageContentClass,
   assistantMessageRootClass,
   authFetch,
+  badgeVariants,
   clearTimbalTheme,
   clearTokens,
   cn,
   connectionRowListClass,
+  controlClass,
+  controlSurfaceClass,
   createDefaultAttachmentAdapter,
   createTimbalTheme,
   createUploadAttachmentAdapter,
@@ -529,6 +915,8 @@ export {
   ensureThemeFontLink,
   fetchCurrentUser,
   findMarkdownArtifacts,
+  formatLintReport,
+  formatPickerDate,
   getAccessToken,
   getPath,
   getRefreshToken,
@@ -537,17 +925,26 @@ export {
   isArtifact,
   isArtifactFenceLanguage,
   isUiBinding,
+  lintGeneratedUi,
+  navigationMenuTriggerStyle,
+  overlayAnimationClass,
+  overlayItemClass,
+  overlayListPanelClass,
+  overlaySurfaceClass,
   parseArtifactFromToolResult,
   parseSSELine,
   refreshAccessToken,
   resolveAttachmentAdapter,
   resolveBindable,
+  reviewGeneratedUi,
   setAccessToken,
   setPath,
   setRefreshToken,
   splitMarkdownByArtifacts,
   themeToCss,
   threadMessageColumnClass,
+  toast,
+  toggleVariants,
   useAppCopilotContext,
   useAppShellChat,
   useArtifactRegistry,
@@ -560,6 +957,7 @@ export {
   useThreadRuntime,
   useTimbalRuntime,
   useTimbalStream,
+  useToast,
   useToolRunning,
   useUiCustomNodeRegistry,
   useUiDispatch,

package/dist/studio.cjs

@@ -4377,6 +4377,28 @@ function TimbalChat({
 
 // src/chat/workforce-selector.tsx
 var import_lucide_react9 = require("lucide-react");
+
+// src/design/control-surface.ts
+var controlSurfaceClass = cn(
+  TIMBAL_V2_SECONDARY_CHROME,
+  "text-sm text-foreground outline-none",
+  "placeholder:text-muted-foreground/70",
+  "focus-visible:ring-2 focus-visible:ring-foreground/10",
+  "focus-within:ring-2 focus-within:ring-foreground/10",
+  "disabled:cursor-not-allowed disabled:opacity-50",
+  "data-[placeholder]:text-muted-foreground"
+);
+var overlayAnimationClass = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2";
+var overlaySurfaceClass = cn(
+  "z-[80] border border-border bg-popover text-popover-foreground shadow-card",
+  overlayAnimationClass
+);
+var overlayListPanelClass = cn(
+  overlaySurfaceClass,
+  "overflow-hidden rounded-lg p-0 outline-hidden"
+);
+
+// src/chat/workforce-selector.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var WorkforceSelector = ({
   workforces,
@@ -4393,8 +4415,8 @@ var WorkforceSelector = ({
     {
       className: cn(
         "aui-workforce-selector relative inline-flex items-center",
+        controlSurfaceClass,
         studioTopbarPillHeightClass,
-        studioSecondaryChromeClass,
         "rounded-full",
         className
       ),

package/dist/studio.esm.js

@@ -8,12 +8,12 @@ import {
   TimbalChatShell,
   TimbalMark,
   TimbalStudioShell
-} from "./chunk-VWHHKAHN.esm.js";
+} from "./chunk-C6IXFM4T.esm.js";
 import "./chunk-QIABF4KB.esm.js";
-import "./chunk-CFU3YDTV.esm.js";
-import "./chunk-5ZKLPWVN.esm.js";
-import "./chunk-OISVICYF.esm.js";
-import "./chunk-QVAUCVQA.esm.js";
+import "./chunk-RZ6QC6RG.esm.js";
+import "./chunk-SNLXVG7H.esm.js";
+import "./chunk-AYHOVAMI.esm.js";
+import "./chunk-FOD67Z6G.esm.js";
 export {
   ModeToggle,
   STUDIO_NAV_MODE,