@timbal-ai/timbal-react 1.0.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/README.md +55 -8
  3. package/dist/app.cjs +2369 -1189
  4. package/dist/app.d.cts +8 -4
  5. package/dist/app.d.ts +8 -4
  6. package/dist/app.esm.js +32 -7
  7. package/dist/{chart-artifact-DOkwSTjQ.d.cts → chart-artifact-E58ve76I.d.cts} +279 -12
  8. package/dist/{chart-artifact-CBo9x8Ch.d.ts → chart-artifact-_PEJgCpQ.d.ts} +279 -12
  9. package/dist/{chat-Bed4FQSl.d.cts → chat-ClmzWzCX.d.cts} +33 -4
  10. package/dist/{chat-Bed4FQSl.d.ts → chat-ClmzWzCX.d.ts} +33 -4
  11. package/dist/chat.cjs +1446 -776
  12. package/dist/chat.d.cts +1 -1
  13. package/dist/chat.d.ts +1 -1
  14. package/dist/chat.esm.js +3 -3
  15. package/dist/{chunk-YEFBANNF.esm.js → chunk-4VULP3CJ.esm.js} +242 -288
  16. package/dist/{chunk-RZ6QC6RG.esm.js → chunk-AGJKK6R7.esm.js} +2 -2
  17. package/dist/{chunk-FOD67Z6G.esm.js → chunk-BMXFXLVV.esm.js} +341 -12
  18. package/dist/chunk-FEYZUVBM.esm.js +52 -0
  19. package/dist/{chunk-C6IXFM4T.esm.js → chunk-MTYXREHK.esm.js} +4 -4
  20. package/dist/{chunk-AYHOVAMI.esm.js → chunk-NAMKO2MU.esm.js} +1 -1
  21. package/dist/{chunk-SNLXVG7H.esm.js → chunk-UY7AKWJL.esm.js} +1108 -656
  22. package/dist/{chunk-GLPOVYEA.esm.js → chunk-XDIY2WSL.esm.js} +669 -279
  23. package/dist/index.cjs +2967 -1824
  24. package/dist/index.d.cts +5 -5
  25. package/dist/index.d.ts +5 -5
  26. package/dist/index.esm.js +41 -11
  27. package/dist/pill-segmented-tabs-BsIOW1Lo.d.cts +528 -0
  28. package/dist/pill-segmented-tabs-BsIOW1Lo.d.ts +528 -0
  29. package/dist/studio.cjs +1685 -1015
  30. package/dist/studio.d.cts +2 -2
  31. package/dist/studio.d.ts +2 -2
  32. package/dist/studio.esm.js +5 -5
  33. package/dist/styles.css +24 -0
  34. package/dist/ui.cjs +387 -49
  35. package/dist/ui.d.cts +71 -491
  36. package/dist/ui.d.ts +71 -491
  37. package/dist/ui.esm.js +26 -6
  38. package/dist/{welcome-COOb05a5.d.cts → welcome-BFGRoNfK.d.cts} +1 -1
  39. package/dist/{welcome-DE08m9ca.d.ts → welcome-DXqsGTwH.d.ts} +1 -1
  40. package/package.json +7 -3
  41. package/vite/local-dev.d.ts +5 -1
  42. package/vite/local-dev.mjs +17 -13
package/dist/app.d.cts CHANGED
@@ -1,6 +1,6 @@
1
- export { A as APP_KIT_AGENT_INSTRUCTIONS, a as AppChatPanel, b as AppChatPanelProps, c as AppConfirmDialog, d as AppConfirmDialogProps, e as AppCopilotContextValue, f as AppCopilotProvider, g as AppCopilotProviderProps, h as AppShell, i as AppShellChatControls, j as AppShellChatTrigger, k as AppShellChatTriggerProps, l as AppShellProps, m as AppShellTopbar, n as AppShellTopbarProps, B as BreadcrumbEntry, o as BreadcrumbItem, p as Breadcrumbs, q as BreadcrumbsProps, C as CHART_PALETTE, r as COLOR_UTILITY_PREFIXES, s as ChartArtifactView, t as ChartLayout, u as ChartPanel, v as ChartPanelProps, w as ChartSeries, x as ChartVariant, y as ConnectionRow, z as ConnectionRowList, D as ConnectionRowListProps, E as ConnectionRowProps, F as DangerZone, G as DangerZoneAction, H as DangerZoneActionProps, I as DangerZoneProps, J as DataTable, K as DataTableColumn, L as DataTableProps, M as DataTableSort, N as DataTableSortDirection, O as DescriptionItem, P as DescriptionList, Q as DescriptionListProps, R as EmptyState, S as EmptyStateProps, T as ExpandableSection, U as ExpandableSectionProps, V as Field, W as FieldInput, X as FieldInputProps, Y as FieldProps, Z as FieldRow, _ as FieldRowProps, $ as FieldSelect, a0 as FieldSelectProps, a1 as FieldSwitch, a2 as FieldSwitchProps, a3 as FieldTextarea, a4 as FieldTextareaProps, a5 as FilterBar, a6 as FilterBarProps, a7 as FloatingUnsavedChangesBar, a8 as FloatingUnsavedChangesBarProps, a9 as FormSection, aa as FormSectionProps, ab as HOUSE_RULES, ac as HouseRule, ad as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, ae as InfoCard, af as InfoCardProps, ag as InfoCardTone, ah as IntegrationCard, ai as IntegrationCardProps, aj as IntegrationCardStatus, ak as IntegrationsEmptyState, al as IntegrationsEmptyStateProps, am as LineAreaChart, an as LineAreaChartProps, ao as LintFinding, ap as LintOptions, aq as LintResult, ar as LintSeverity, as as MetricChartCard, at as MetricChartCardProps, au as MetricChartMetric, av as MetricRow, aw as MetricRowItem, ax as MetricRowProps, ay as MetricTile, az as MetricTileProps, aA as Page, aB as PageHeader, aC as PageHeaderProps, aD as PageProps, aE as PlanBadge, aF as PlanBadgeProps, aG as PlanBadgeTone, aH as RESERVED_GRADIENT_TOKENS, aI as ResourceCard, aJ as ResourceCardProps, aK as ReviewResult, aL as SEMANTIC_COLOR_TOKENS, aM as SLOP_BUDGETS, aN as SearchInput, aO as SearchInputProps, aP as Section, aQ as SectionProps, aR as SemanticColorToken, aS as SettingsSection, aT as SettingsSectionHeader, aU as SettingsSectionHeaderProps, aV as SettingsSectionProps, aW as Sparkline, aX as SparklineProps, aY as StatTile, aZ as StatTileProps, a_ as StatusBadge, a$ as StatusBadgeProps, b0 as StatusBadgeTone, b1 as StatusDot, b2 as StatusDotProps, b3 as StatusDotTone, b4 as SubNav, b5 as SubNavItem, b6 as SubNavProps, b7 as SurfaceCard, b8 as SurfaceCardProps, b9 as TAILWIND_PALETTE_COLORS, ba as THEME_AGENT_INSTRUCTIONS, bb as TIMBAL_THEME_PRESETS, bc as ThemePresetGallery, bd as ThemePresetGalleryProps, be as ThemeShadow, bf as ThemeToCssOptions, bg as ThemeTokenMap, bh as TimbalThemeIntent, bi as TimbalThemePreset, bj as TimbalThemePresetId, bk as TimbalThemeStyle, bl as TimbalThemeStyleProps, bm as TimbalThemeTokens, bn as TimbalThemeTypography, bo as UI_REVIEW_AGENT_INSTRUCTIONS, bp as applyThemePreset, bq as applyTimbalTheme, br as clearTimbalTheme, bs as connectionRowListClass, bt as createTimbalTheme, bu as ensureThemeFontLink, bv as formatLintReport, bw as getStoredThemePreset, bx as getThemePreset, by as lintGeneratedUi, bz as reviewGeneratedUi, bA as themeToCss, bB as useAppCopilotContext, bC as useAppShellChat } from './chart-artifact-DOkwSTjQ.cjs';
1
+ export { A as APP_KIT_AGENT_INSTRUCTIONS, a as AppChatPanel, b as AppChatPanelProps, c as AppConfirmDialog, d as AppConfirmDialogProps, e as AppCopilotContextValue, f as AppCopilotProvider, g as AppCopilotProviderProps, h as AppShell, i as AppShellChatControls, j as AppShellChatTrigger, k as AppShellChatTriggerProps, l as AppShellNavControls, m as AppShellProps, n as AppShellSidebarTrigger, o as AppShellSidebarTriggerProps, p as AppShellTopbar, q as AppShellTopbarProps, B as BreadcrumbEntry, r as BreadcrumbItem, s as Breadcrumbs, t as BreadcrumbsProps, C as CHART_PALETTE, u as COLOR_UTILITY_PREFIXES, v as ChartArtifactView, w as ChartLayout, x as ChartMargin, y as ChartPanel, z as ChartPanelProps, D as ChartSeries, E as ChartTooltipIndicator, F as ChartVariant, G as ConnectionRow, H as ConnectionRowList, I as ConnectionRowListProps, J as ConnectionRowProps, K as DangerZone, L as DangerZoneAction, M as DangerZoneActionProps, N as DangerZoneProps, O as DataTable, P as DataTableColumn, Q as DataTableProps, R as DataTableSort, S as DataTableSortDirection, T as DescriptionItem, U as DescriptionList, V as DescriptionListProps, W as EmptyState, X as EmptyStateProps, Y as ExpandableSection, Z as ExpandableSectionProps, _ as Field, $ as FieldInput, a0 as FieldInputProps, a1 as FieldProps, a2 as FieldRow, a3 as FieldRowProps, a4 as FieldSelect, a5 as FieldSelectProps, a6 as FieldSwitch, a7 as FieldSwitchProps, a8 as FieldTextarea, a9 as FieldTextareaProps, aa as FilterBar, ab as FilterBarProps, ac as FilterField, ad as FilterFieldProps, ae as FloatingUnsavedChangesBar, af as FloatingUnsavedChangesBarProps, ag as FormSection, ah as FormSectionProps, ai as HOUSE_RULES, aj as HouseRule, ak as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, al as InfoCard, am as InfoCardProps, an as InfoCardTone, ao as IntegrationCard, ap as IntegrationCardProps, aq as IntegrationCardStatus, ar as IntegrationsEmptyState, as as IntegrationsEmptyStateProps, at as LineAreaChart, au as LineAreaChartProps, av as LintFinding, aw as LintOptions, ax as LintResult, ay as LintSeverity, az as MetricChartCard, aA as MetricChartCardProps, aB as MetricChartMetric, aC as MetricRow, aD as MetricRowItem, aE as MetricRowProps, aF as MetricTile, aG as MetricTileProps, aH as Page, aI as PageHeader, aJ as PageHeaderProps, aK as PageProps, aL as PieChart, aM as PieChartProps, aN as PlanBadge, aO as PlanBadgeProps, aP as PlanBadgeTone, aQ as RESERVED_GRADIENT_TOKENS, aR as RadarChart, aS as RadarChartProps, aT as RadialChart, aU as RadialChartProps, aV as ResourceCard, aW as ResourceCardProps, aX as ReviewResult, aY as SEMANTIC_COLOR_TOKENS, aZ as SLOP_BUDGETS, a_ as SearchInput, a$ as SearchInputProps, b0 as Section, b1 as SectionProps, b2 as SemanticColorToken, b3 as SettingsSection, b4 as SettingsSectionHeader, b5 as SettingsSectionHeaderProps, b6 as SettingsSectionProps, b7 as Sparkline, b8 as SparklineProps, b9 as StatTile, ba as StatTileProps, bb as StatusBadge, bc as StatusBadgeProps, bd as StatusBadgeTone, be as StatusDot, bf as StatusDotProps, bg as StatusDotTone, bh as SubNav, bi as SubNavItem, bj as SubNavProps, bk as SurfaceCard, bl as SurfaceCardProps, bm as TAILWIND_PALETTE_COLORS, bn as THEME_AGENT_INSTRUCTIONS, bo as TIMBAL_THEME_PRESETS, bp as ThemePresetGallery, bq as ThemePresetGalleryProps, br as ThemeShadow, bs as ThemeToCssOptions, bt as ThemeTokenMap, bu as TimbalThemeIntent, bv as TimbalThemePreset, bw as TimbalThemePresetId, bx as TimbalThemeStyle, by as TimbalThemeStyleProps, bz as TimbalThemeTokens, bA as TimbalThemeTypography, bB as UI_REVIEW_AGENT_INSTRUCTIONS, bC as UseLiveQueryOptions, bD as UseLiveQueryResult, bE as applyThemePreset, bF as applyTimbalTheme, bG as clearTimbalTheme, bH as connectionRowListClass, bI as createTimbalTheme, bJ as ensureThemeFontLink, bK as flushBarCategoryGap, bL as flushLineAreaEdgeToEdge, bM as formatLintReport, bN as getStoredThemePreset, bO as getThemePreset, bP as lintGeneratedUi, bQ as resolveChartMargin, bR as resolveTooltipCategory, bS as reviewGeneratedUi, bT as themeToCss, bU as useAppCopilotContext, bV as useAppShellChat, bW as useAppShellNav, bX as useInterval, bY as useLiveQuery } from './chart-artifact-E58ve76I.cjs';
2
2
  export { B as Button } from './button-BoyX5pM_.cjs';
3
- export { C as ChartArtifact, T as ThreadVariant, a as TimbalChat, b as TimbalChatProps } from './chat-Bed4FQSl.cjs';
3
+ export { C as ChartArtifact, a as ChartSeriesConfig, T as ThreadVariant, b as TimbalChat, c as TimbalChatProps } from './chat-ClmzWzCX.cjs';
4
4
  import 'react';
5
5
  import 'react/jsx-runtime';
6
6
  import 'class-variance-authority/types';
@@ -24,8 +24,12 @@ declare const appShellInsetTopClass = "pt-4 md:pt-6";
24
24
  declare const appSurfaceCardClass: string;
25
25
  /** Metric / stat tile. */
26
26
  declare const appStatTileClass: string;
27
- /** Filter bar chrome — horizontal controls row. */
28
- declare const appFilterBarClass: string;
27
+ /**
28
+ * Filter bar chrome — horizontal controls row.
29
+ * Bottom-aligns children so an unlabeled `SearchInput` lines up with the
30
+ * control in a labeled `Field` + `Select` (labels extend upward).
31
+ */
32
+ declare const appFilterBarClass = "flex flex-wrap items-end gap-2";
29
33
  /** Search inputs in filter bars — shared control skin (field shape), so a
30
34
  * search field and a dropdown placed side by side match exactly. */
31
35
  declare const appSearchInputClass: string;
package/dist/app.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- export { A as APP_KIT_AGENT_INSTRUCTIONS, a as AppChatPanel, b as AppChatPanelProps, c as AppConfirmDialog, d as AppConfirmDialogProps, e as AppCopilotContextValue, f as AppCopilotProvider, g as AppCopilotProviderProps, h as AppShell, i as AppShellChatControls, j as AppShellChatTrigger, k as AppShellChatTriggerProps, l as AppShellProps, m as AppShellTopbar, n as AppShellTopbarProps, B as BreadcrumbEntry, o as BreadcrumbItem, p as Breadcrumbs, q as BreadcrumbsProps, C as CHART_PALETTE, r as COLOR_UTILITY_PREFIXES, s as ChartArtifactView, t as ChartLayout, u as ChartPanel, v as ChartPanelProps, w as ChartSeries, x as ChartVariant, y as ConnectionRow, z as ConnectionRowList, D as ConnectionRowListProps, E as ConnectionRowProps, F as DangerZone, G as DangerZoneAction, H as DangerZoneActionProps, I as DangerZoneProps, J as DataTable, K as DataTableColumn, L as DataTableProps, M as DataTableSort, N as DataTableSortDirection, O as DescriptionItem, P as DescriptionList, Q as DescriptionListProps, R as EmptyState, S as EmptyStateProps, T as ExpandableSection, U as ExpandableSectionProps, V as Field, W as FieldInput, X as FieldInputProps, Y as FieldProps, Z as FieldRow, _ as FieldRowProps, $ as FieldSelect, a0 as FieldSelectProps, a1 as FieldSwitch, a2 as FieldSwitchProps, a3 as FieldTextarea, a4 as FieldTextareaProps, a5 as FilterBar, a6 as FilterBarProps, a7 as FloatingUnsavedChangesBar, a8 as FloatingUnsavedChangesBarProps, a9 as FormSection, aa as FormSectionProps, ab as HOUSE_RULES, ac as HouseRule, ad as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, ae as InfoCard, af as InfoCardProps, ag as InfoCardTone, ah as IntegrationCard, ai as IntegrationCardProps, aj as IntegrationCardStatus, ak as IntegrationsEmptyState, al as IntegrationsEmptyStateProps, am as LineAreaChart, an as LineAreaChartProps, ao as LintFinding, ap as LintOptions, aq as LintResult, ar as LintSeverity, as as MetricChartCard, at as MetricChartCardProps, au as MetricChartMetric, av as MetricRow, aw as MetricRowItem, ax as MetricRowProps, ay as MetricTile, az as MetricTileProps, aA as Page, aB as PageHeader, aC as PageHeaderProps, aD as PageProps, aE as PlanBadge, aF as PlanBadgeProps, aG as PlanBadgeTone, aH as RESERVED_GRADIENT_TOKENS, aI as ResourceCard, aJ as ResourceCardProps, aK as ReviewResult, aL as SEMANTIC_COLOR_TOKENS, aM as SLOP_BUDGETS, aN as SearchInput, aO as SearchInputProps, aP as Section, aQ as SectionProps, aR as SemanticColorToken, aS as SettingsSection, aT as SettingsSectionHeader, aU as SettingsSectionHeaderProps, aV as SettingsSectionProps, aW as Sparkline, aX as SparklineProps, aY as StatTile, aZ as StatTileProps, a_ as StatusBadge, a$ as StatusBadgeProps, b0 as StatusBadgeTone, b1 as StatusDot, b2 as StatusDotProps, b3 as StatusDotTone, b4 as SubNav, b5 as SubNavItem, b6 as SubNavProps, b7 as SurfaceCard, b8 as SurfaceCardProps, b9 as TAILWIND_PALETTE_COLORS, ba as THEME_AGENT_INSTRUCTIONS, bb as TIMBAL_THEME_PRESETS, bc as ThemePresetGallery, bd as ThemePresetGalleryProps, be as ThemeShadow, bf as ThemeToCssOptions, bg as ThemeTokenMap, bh as TimbalThemeIntent, bi as TimbalThemePreset, bj as TimbalThemePresetId, bk as TimbalThemeStyle, bl as TimbalThemeStyleProps, bm as TimbalThemeTokens, bn as TimbalThemeTypography, bo as UI_REVIEW_AGENT_INSTRUCTIONS, bp as applyThemePreset, bq as applyTimbalTheme, br as clearTimbalTheme, bs as connectionRowListClass, bt as createTimbalTheme, bu as ensureThemeFontLink, bv as formatLintReport, bw as getStoredThemePreset, bx as getThemePreset, by as lintGeneratedUi, bz as reviewGeneratedUi, bA as themeToCss, bB as useAppCopilotContext, bC as useAppShellChat } from './chart-artifact-CBo9x8Ch.js';
1
+ export { A as APP_KIT_AGENT_INSTRUCTIONS, a as AppChatPanel, b as AppChatPanelProps, c as AppConfirmDialog, d as AppConfirmDialogProps, e as AppCopilotContextValue, f as AppCopilotProvider, g as AppCopilotProviderProps, h as AppShell, i as AppShellChatControls, j as AppShellChatTrigger, k as AppShellChatTriggerProps, l as AppShellNavControls, m as AppShellProps, n as AppShellSidebarTrigger, o as AppShellSidebarTriggerProps, p as AppShellTopbar, q as AppShellTopbarProps, B as BreadcrumbEntry, r as BreadcrumbItem, s as Breadcrumbs, t as BreadcrumbsProps, C as CHART_PALETTE, u as COLOR_UTILITY_PREFIXES, v as ChartArtifactView, w as ChartLayout, x as ChartMargin, y as ChartPanel, z as ChartPanelProps, D as ChartSeries, E as ChartTooltipIndicator, F as ChartVariant, G as ConnectionRow, H as ConnectionRowList, I as ConnectionRowListProps, J as ConnectionRowProps, K as DangerZone, L as DangerZoneAction, M as DangerZoneActionProps, N as DangerZoneProps, O as DataTable, P as DataTableColumn, Q as DataTableProps, R as DataTableSort, S as DataTableSortDirection, T as DescriptionItem, U as DescriptionList, V as DescriptionListProps, W as EmptyState, X as EmptyStateProps, Y as ExpandableSection, Z as ExpandableSectionProps, _ as Field, $ as FieldInput, a0 as FieldInputProps, a1 as FieldProps, a2 as FieldRow, a3 as FieldRowProps, a4 as FieldSelect, a5 as FieldSelectProps, a6 as FieldSwitch, a7 as FieldSwitchProps, a8 as FieldTextarea, a9 as FieldTextareaProps, aa as FilterBar, ab as FilterBarProps, ac as FilterField, ad as FilterFieldProps, ae as FloatingUnsavedChangesBar, af as FloatingUnsavedChangesBarProps, ag as FormSection, ah as FormSectionProps, ai as HOUSE_RULES, aj as HouseRule, ak as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, al as InfoCard, am as InfoCardProps, an as InfoCardTone, ao as IntegrationCard, ap as IntegrationCardProps, aq as IntegrationCardStatus, ar as IntegrationsEmptyState, as as IntegrationsEmptyStateProps, at as LineAreaChart, au as LineAreaChartProps, av as LintFinding, aw as LintOptions, ax as LintResult, ay as LintSeverity, az as MetricChartCard, aA as MetricChartCardProps, aB as MetricChartMetric, aC as MetricRow, aD as MetricRowItem, aE as MetricRowProps, aF as MetricTile, aG as MetricTileProps, aH as Page, aI as PageHeader, aJ as PageHeaderProps, aK as PageProps, aL as PieChart, aM as PieChartProps, aN as PlanBadge, aO as PlanBadgeProps, aP as PlanBadgeTone, aQ as RESERVED_GRADIENT_TOKENS, aR as RadarChart, aS as RadarChartProps, aT as RadialChart, aU as RadialChartProps, aV as ResourceCard, aW as ResourceCardProps, aX as ReviewResult, aY as SEMANTIC_COLOR_TOKENS, aZ as SLOP_BUDGETS, a_ as SearchInput, a$ as SearchInputProps, b0 as Section, b1 as SectionProps, b2 as SemanticColorToken, b3 as SettingsSection, b4 as SettingsSectionHeader, b5 as SettingsSectionHeaderProps, b6 as SettingsSectionProps, b7 as Sparkline, b8 as SparklineProps, b9 as StatTile, ba as StatTileProps, bb as StatusBadge, bc as StatusBadgeProps, bd as StatusBadgeTone, be as StatusDot, bf as StatusDotProps, bg as StatusDotTone, bh as SubNav, bi as SubNavItem, bj as SubNavProps, bk as SurfaceCard, bl as SurfaceCardProps, bm as TAILWIND_PALETTE_COLORS, bn as THEME_AGENT_INSTRUCTIONS, bo as TIMBAL_THEME_PRESETS, bp as ThemePresetGallery, bq as ThemePresetGalleryProps, br as ThemeShadow, bs as ThemeToCssOptions, bt as ThemeTokenMap, bu as TimbalThemeIntent, bv as TimbalThemePreset, bw as TimbalThemePresetId, bx as TimbalThemeStyle, by as TimbalThemeStyleProps, bz as TimbalThemeTokens, bA as TimbalThemeTypography, bB as UI_REVIEW_AGENT_INSTRUCTIONS, bC as UseLiveQueryOptions, bD as UseLiveQueryResult, bE as applyThemePreset, bF as applyTimbalTheme, bG as clearTimbalTheme, bH as connectionRowListClass, bI as createTimbalTheme, bJ as ensureThemeFontLink, bK as flushBarCategoryGap, bL as flushLineAreaEdgeToEdge, bM as formatLintReport, bN as getStoredThemePreset, bO as getThemePreset, bP as lintGeneratedUi, bQ as resolveChartMargin, bR as resolveTooltipCategory, bS as reviewGeneratedUi, bT as themeToCss, bU as useAppCopilotContext, bV as useAppShellChat, bW as useAppShellNav, bX as useInterval, bY as useLiveQuery } from './chart-artifact-_PEJgCpQ.js';
2
2
  export { B as Button } from './button-BoyX5pM_.js';
3
- export { C as ChartArtifact, T as ThreadVariant, a as TimbalChat, b as TimbalChatProps } from './chat-Bed4FQSl.js';
3
+ export { C as ChartArtifact, a as ChartSeriesConfig, T as ThreadVariant, b as TimbalChat, c as TimbalChatProps } from './chat-ClmzWzCX.js';
4
4
  import 'react';
5
5
  import 'react/jsx-runtime';
6
6
  import 'class-variance-authority/types';
@@ -24,8 +24,12 @@ declare const appShellInsetTopClass = "pt-4 md:pt-6";
24
24
  declare const appSurfaceCardClass: string;
25
25
  /** Metric / stat tile. */
26
26
  declare const appStatTileClass: string;
27
- /** Filter bar chrome — horizontal controls row. */
28
- declare const appFilterBarClass: string;
27
+ /**
28
+ * Filter bar chrome — horizontal controls row.
29
+ * Bottom-aligns children so an unlabeled `SearchInput` lines up with the
30
+ * control in a labeled `Field` + `Select` (labels extend upward).
31
+ */
32
+ declare const appFilterBarClass = "flex flex-wrap items-end gap-2";
29
33
  /** Search inputs in filter bars — shared control skin (field shape), so a
30
34
  * search field and a dropdown placed side by side match exactly. */
31
35
  declare const appSearchInputClass: string;
package/dist/app.esm.js CHANGED
@@ -5,6 +5,7 @@ import {
5
5
  AppCopilotProvider,
6
6
  AppShell,
7
7
  AppShellChatTrigger,
8
+ AppShellSidebarTrigger,
8
9
  AppShellTopbar,
9
10
  Breadcrumbs,
10
11
  COLOR_UTILITY_PREFIXES,
@@ -24,6 +25,7 @@ import {
24
25
  FieldSwitch,
25
26
  FieldTextarea,
26
27
  FilterBar,
28
+ FilterField,
27
29
  FloatingUnsavedChangesBar,
28
30
  FormSection,
29
31
  HOUSE_RULES,
@@ -77,19 +79,30 @@ import {
77
79
  reviewGeneratedUi,
78
80
  themeToCss,
79
81
  useAppCopilotContext,
80
- useAppShellChat
81
- } from "./chunk-GLPOVYEA.esm.js";
82
+ useAppShellChat,
83
+ useAppShellNav,
84
+ useInterval,
85
+ useLiveQuery
86
+ } from "./chunk-XDIY2WSL.esm.js";
82
87
  import "./chunk-QIABF4KB.esm.js";
83
88
  import {
84
89
  CHART_PALETTE,
85
90
  ChartArtifactView,
86
91
  LineAreaChart,
87
- TimbalChat
88
- } from "./chunk-SNLXVG7H.esm.js";
89
- import "./chunk-AYHOVAMI.esm.js";
92
+ PieChart,
93
+ RadarChart,
94
+ RadialChart,
95
+ TimbalChat,
96
+ flushBarCategoryGap,
97
+ flushLineAreaEdgeToEdge,
98
+ resolveChartMargin,
99
+ resolveTooltipCategory
100
+ } from "./chunk-UY7AKWJL.esm.js";
101
+ import "./chunk-FEYZUVBM.esm.js";
102
+ import "./chunk-NAMKO2MU.esm.js";
90
103
  import {
91
104
  Button
92
- } from "./chunk-FOD67Z6G.esm.js";
105
+ } from "./chunk-BMXFXLVV.esm.js";
93
106
  export {
94
107
  APP_KIT_AGENT_INSTRUCTIONS,
95
108
  AppChatPanel,
@@ -97,6 +110,7 @@ export {
97
110
  AppCopilotProvider,
98
111
  AppShell,
99
112
  AppShellChatTrigger,
113
+ AppShellSidebarTrigger,
100
114
  AppShellTopbar,
101
115
  Breadcrumbs,
102
116
  Button,
@@ -119,6 +133,7 @@ export {
119
133
  FieldSwitch,
120
134
  FieldTextarea,
121
135
  FilterBar,
136
+ FilterField,
122
137
  FloatingUnsavedChangesBar,
123
138
  FormSection,
124
139
  HOUSE_RULES,
@@ -132,8 +147,11 @@ export {
132
147
  MetricTile,
133
148
  Page,
134
149
  PageHeader,
150
+ PieChart,
135
151
  PlanBadge,
136
152
  RESERVED_GRADIENT_TOKENS,
153
+ RadarChart,
154
+ RadialChart,
137
155
  ResourceCard,
138
156
  SEMANTIC_COLOR_TOKENS,
139
157
  SLOP_BUDGETS,
@@ -167,12 +185,19 @@ export {
167
185
  connectionRowListClass,
168
186
  createTimbalTheme,
169
187
  ensureThemeFontLink,
188
+ flushBarCategoryGap,
189
+ flushLineAreaEdgeToEdge,
170
190
  formatLintReport,
171
191
  getStoredThemePreset,
172
192
  getThemePreset,
173
193
  lintGeneratedUi,
194
+ resolveChartMargin,
195
+ resolveTooltipCategory,
174
196
  reviewGeneratedUi,
175
197
  themeToCss,
176
198
  useAppCopilotContext,
177
- useAppShellChat
199
+ useAppShellChat,
200
+ useAppShellNav,
201
+ useInterval,
202
+ useLiveQuery
178
203
  };
@@ -1,5 +1,5 @@
1
1
  import { FC, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes } from 'react';
2
- import { w as TimbalRuntimeProviderProps, q as ThreadProps, C as ChartArtifact } from './chat-Bed4FQSl.cjs';
2
+ import { x as TimbalRuntimeProviderProps, r as ThreadProps, C as ChartArtifact } from './chat-ClmzWzCX.cjs';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
 
5
5
  /**
@@ -437,6 +437,11 @@ interface AppShellProps {
437
437
  chatTriggerLabel?: string;
438
438
  /** Hide the built-in floating trigger (use your own + `useAppShellChat`). */
439
439
  hideChatTrigger?: boolean;
440
+ /** Controlled mobile-nav drawer open state. */
441
+ navOpen?: boolean;
442
+ /** Uncontrolled initial mobile-nav open state. Default: `false`. */
443
+ defaultNavOpen?: boolean;
444
+ onNavOpenChange?: (open: boolean) => void;
440
445
  className?: string;
441
446
  mainClassName?: string;
442
447
  }
@@ -480,6 +485,38 @@ interface AppShellChatControls {
480
485
  }
481
486
  declare function useAppShellChat(): AppShellChatControls | null;
482
487
 
488
+ interface AppShellNavControls {
489
+ /** Mobile nav drawer open state. */
490
+ open: boolean;
491
+ setOpen: (open: boolean) => void;
492
+ toggle: () => void;
493
+ }
494
+ /**
495
+ * Read the `AppShell`-owned mobile nav controls. Use to wire `StudioSidebar`'s
496
+ * `mobileOpen` / `onMobileOpenChange` (and any custom trigger) without
497
+ * re-implementing the open-state + resize boilerplate:
498
+ *
499
+ * ```tsx
500
+ * const nav = useAppShellNav();
501
+ * <StudioSidebar mobileOpen={nav.open} onMobileOpenChange={nav.setOpen} … />
502
+ * ```
503
+ *
504
+ * Returns a no-op fallback when used outside `AppShell`, so it's always safe to call.
505
+ */
506
+ declare function useAppShellNav(): AppShellNavControls;
507
+
508
+ interface AppShellSidebarTriggerProps {
509
+ /** Accessible label. Default: "Open navigation". */
510
+ label?: string;
511
+ className?: string;
512
+ }
513
+ /**
514
+ * Hamburger that opens the `AppShell` mobile nav drawer. Hidden on `md+`
515
+ * (the sidebar is persistent there). Drop it in `AppShellTopbar`'s `start`
516
+ * slot — it reads the shell nav controls, so no wiring is needed.
517
+ */
518
+ declare const AppShellSidebarTrigger: FC<AppShellSidebarTriggerProps>;
519
+
483
520
  interface PageHeaderProps {
484
521
  title: ReactNode;
485
522
  description?: ReactNode;
@@ -549,6 +586,7 @@ declare const statusBadgeToneClass: {
549
586
  readonly primary: "bg-primary/10 text-primary";
550
587
  readonly success: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400";
551
588
  readonly warn: "bg-amber-500/10 text-amber-600 dark:text-amber-400";
589
+ readonly danger: "bg-destructive/10 text-destructive";
552
590
  readonly muted: "bg-muted/80 text-muted-foreground";
553
591
  };
554
592
  type StatusBadgeTone = keyof typeof statusBadgeToneClass;
@@ -909,6 +947,15 @@ interface FilterBarProps {
909
947
  }
910
948
  declare const FilterBar: FC<FilterBarProps>;
911
949
 
950
+ interface FilterFieldProps {
951
+ /** Visible label above the control. Omit for unlabeled fields (e.g. search). */
952
+ label?: ReactNode;
953
+ children: ReactNode;
954
+ className?: string;
955
+ }
956
+ /** Single filter control with an optional label — use inside `FilterBar`. */
957
+ declare const FilterField: FC<FilterFieldProps>;
958
+
912
959
  type DataTableSortDirection = "asc" | "desc";
913
960
  interface DataTableSort {
914
961
  columnId: string;
@@ -924,6 +971,8 @@ interface DataTableColumn<T> {
924
971
  sortable?: boolean;
925
972
  /** Value used when sorting; defaults to stringifying `cell(row)`. */
926
973
  sortValue?: (row: T) => string | number | boolean | Date | null | undefined;
974
+ /** Ellipsis-overflow long cell content inside the column. */
975
+ truncate?: boolean;
927
976
  }
928
977
  interface DataTableProps<T> {
929
978
  columns: DataTableColumn<T>[];
@@ -944,8 +993,35 @@ interface DataTableProps<T> {
944
993
  stickyHeader?: boolean;
945
994
  dense?: boolean;
946
995
  caption?: string;
996
+ /**
997
+ * Render shaped skeleton rows instead of data — for async loads. Keeps the
998
+ * header and chrome so the table doesn't jump when data arrives.
999
+ */
1000
+ loading?: boolean;
1001
+ /** Skeleton row count while `loading`. Default: `pageSize ?? 5`. */
1002
+ loadingRows?: number;
1003
+ /**
1004
+ * Enable a leading checkbox column for multi-row selection (bulk actions).
1005
+ * Controlled via `selectedKeys` + `onSelectionChange`, or uncontrolled with
1006
+ * `defaultSelectedKeys`. Keys are produced by `getRowKey`.
1007
+ */
1008
+ selectable?: boolean;
1009
+ selectedKeys?: string[];
1010
+ defaultSelectedKeys?: string[];
1011
+ onSelectionChange?: (keys: string[]) => void;
1012
+ /** Accessible label for the select-all checkbox. Default: "Select all rows". */
1013
+ selectAllAriaLabel?: string;
1014
+ /**
1015
+ * Rows per page. When set, the table paginates client-side and renders a
1016
+ * pager in the footer. Omit for a single, unpaginated list.
1017
+ */
1018
+ pageSize?: number;
1019
+ /** Controlled current page (0-based). */
1020
+ pageIndex?: number;
1021
+ defaultPageIndex?: number;
1022
+ onPageChange?: (pageIndex: number) => void;
947
1023
  }
948
- 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;
1024
+ declare function DataTable<T>({ columns, rows, getRowKey, emptyTitle, emptyDescription, emptyMode, className, sort: sortProp, defaultSort, onSortChange, showRowCount, rowCountLabel, footer, onRowClick, stickyHeader, dense, caption, loading, loadingRows, selectable, selectedKeys: selectedKeysProp, defaultSelectedKeys, onSelectionChange, selectAllAriaLabel, pageSize, pageIndex: pageIndexProp, defaultPageIndex, onPageChange, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
949
1025
 
950
1026
  interface ChartPanelProps {
951
1027
  title?: ReactNode;
@@ -956,6 +1032,8 @@ interface ChartPanelProps {
956
1032
  actions?: ReactNode;
957
1033
  /** Plot height in px. Default 300 (same as `MetricChartCard`). */
958
1034
  height?: number;
1035
+ /** Render a skeleton at the plot height while data loads. */
1036
+ loading?: boolean;
959
1037
  className?: string;
960
1038
  }
961
1039
  /**
@@ -1012,6 +1090,8 @@ interface MetricRowProps extends MetricCardHeaderProps {
1012
1090
  onMetricChange?: (id: string) => void;
1013
1091
  /** Accessible name for the KPI tile group (when tiles are selectable). */
1014
1092
  metricsAriaLabel?: string;
1093
+ /** Render skeleton tiles while metrics load. Falls back to `metrics.length || 4`. */
1094
+ loading?: boolean;
1015
1095
  className?: string;
1016
1096
  }
1017
1097
  /**
@@ -1020,8 +1100,37 @@ interface MetricRowProps extends MetricCardHeaderProps {
1020
1100
  */
1021
1101
  declare const MetricRow: FC<MetricRowProps>;
1022
1102
 
1023
- /** Theme-aware default series palette. Primary uses the app's `--primary` token. */
1024
- declare const CHART_PALETTE: readonly ["var(--primary, #6366f1)", "#10b981", "#f59e0b", "#06b6d4", "#a855f7", "#ef4444"];
1103
+ /** Curve interpolation styles, mirroring recharts/shadcn `type`. */
1104
+ type CurveType = "monotone" | "linear" | "step";
1105
+
1106
+ interface ChartMargin {
1107
+ top: number;
1108
+ right: number;
1109
+ bottom: number;
1110
+ left: number;
1111
+ }
1112
+ /** Recharts `margin` for flush vs default layouts. */
1113
+ declare function resolveChartMargin(options: {
1114
+ flush: boolean;
1115
+ showXAxis: boolean;
1116
+ showYAxis: boolean;
1117
+ }): ChartMargin;
1118
+ /** Whether flush bar charts should use zero category gap (edge labels visible). */
1119
+ declare function flushBarCategoryGap(flush: boolean, showCategoryAxis: boolean): string | undefined;
1120
+ /** Whether flush line/area should use point scale + no-gap (edge-to-edge stroke, labeled x-axis). */
1121
+ declare function flushLineAreaEdgeToEdge(flush: boolean, variant: "area" | "line" | "bar", showXAxis: boolean, showYAxis: boolean): boolean;
1122
+ type TooltipRow = {
1123
+ payload?: Record<string, unknown>;
1124
+ };
1125
+ /** Category label for cartesian tooltips (xKey / horizontal-bar category). */
1126
+ declare function resolveTooltipCategory(label: unknown, payload: TooltipRow[] | undefined, xKey: string, data: Array<Record<string, unknown>>, formatX: (raw: unknown, index: number) => string): string;
1127
+
1128
+ /**
1129
+ * Theme-aware default series palette. Each entry reads a `--chart-N` token
1130
+ * (defined in `styles.css`, overridable per host app) with a literal fallback,
1131
+ * so charts rebrand automatically when the theme changes.
1132
+ */
1133
+ declare const CHART_PALETTE: readonly ["var(--chart-1, #4f46e5)", "var(--chart-2, #3b82f6)", "var(--chart-3, #0ea5e9)", "var(--chart-4, #6366f1)", "var(--chart-5, #60a5fa)", "var(--chart-6, #2563eb)"];
1025
1134
  interface ChartSeries {
1026
1135
  dataKey: string;
1027
1136
  label?: string;
@@ -1031,6 +1140,8 @@ interface ChartSeries {
1031
1140
  type ChartVariant = "area" | "line" | "bar";
1032
1141
  /** `flush` — plot edge-to-edge (no side/bottom inset); axes/legend off by default. */
1033
1142
  type ChartLayout = "default" | "flush";
1143
+ /** Tooltip series marker, mirroring shadcn's `ChartTooltipContent` indicators. */
1144
+ type ChartTooltipIndicator = "dot" | "line" | "dashed";
1034
1145
  interface LineAreaChartProps {
1035
1146
  data: Array<Record<string, unknown>>;
1036
1147
  /** Category / x-axis key. Inferred from the first non-numeric field if omitted. */
@@ -1044,7 +1155,19 @@ interface LineAreaChartProps {
1044
1155
  unit?: string;
1045
1156
  /** Fix the y-domain max (e.g. 100 for percentages). */
1046
1157
  yMax?: number;
1047
- /** `flush` fills the container width/height except top inset (for `MetricChartCard`). */
1158
+ /** Line / area interpolation. Default `monotone`. */
1159
+ curve?: CurveType;
1160
+ /** Stack series on top of each other (area + bar). Default false. */
1161
+ stacked?: boolean;
1162
+ /** Draw point markers on line/area series. */
1163
+ dots?: boolean | "active";
1164
+ /** Bar orientation. `horizontal` swaps category to the y-axis. Default `vertical`. */
1165
+ orientation?: "vertical" | "horizontal";
1166
+ /** Corner radius for bars. Default 4. */
1167
+ barRadius?: number;
1168
+ /** Grid line direction. Default `horizontal`. */
1169
+ gridLines?: "horizontal" | "vertical" | "both" | "none";
1170
+ /** `flush` fills the container width/height and hides axes/legend by default. */
1048
1171
  layout?: ChartLayout;
1049
1172
  showGrid?: boolean;
1050
1173
  showXAxis?: boolean;
@@ -1052,16 +1175,21 @@ interface LineAreaChartProps {
1052
1175
  /** Series legend below the plot. Default: on when `layout` is `default` and multiple series. */
1053
1176
  showLegend?: boolean;
1054
1177
  showTooltip?: boolean;
1178
+ /** Tooltip series marker style. Default `dot`. */
1179
+ tooltipIndicator?: ChartTooltipIndicator;
1055
1180
  formatValue?: (value: number) => string;
1056
1181
  formatX?: (raw: unknown, index: number) => string;
1182
+ /** Truncate long category axis labels (full text in native tooltip). Default true. */
1183
+ clipTicks?: boolean;
1057
1184
  className?: string;
1058
1185
  /** Accessible label for the chart image. */
1059
1186
  ariaLabel?: string;
1060
1187
  }
1061
1188
  /**
1062
- * Polished, dependency-free chart: smooth monotone curves, gradient area fill,
1063
- * faded dashed gridlines, hover crosshair + floating tooltip, and a cheap
1064
- * clip-path grow-in animation. Renders crisp at the container's pixel width.
1189
+ * shadcn-style chart built on recharts. A single component renders line, area,
1190
+ * and bar charts (vertical or horizontal), with stacking, curve interpolation,
1191
+ * dots, grid control, and the shared `ChartTooltipContent` / `ChartLegendContent`
1192
+ * chrome. Series colors flow from the theme `--chart-N` tokens via `ChartConfig`.
1065
1193
  */
1066
1194
  declare const LineAreaChart: FC<LineAreaChartProps>;
1067
1195
 
@@ -1100,6 +1228,8 @@ interface MetricChartCardProps {
1100
1228
  emptyLabel?: ReactNode;
1101
1229
  /** Accessible name for the selectable KPI tile group. */
1102
1230
  metricsAriaLabel?: string;
1231
+ /** Render skeleton tiles + chart while data loads. */
1232
+ loading?: boolean;
1103
1233
  className?: string;
1104
1234
  }
1105
1235
  /**
@@ -1108,6 +1238,142 @@ interface MetricChartCardProps {
1108
1238
  */
1109
1239
  declare const MetricChartCard: FC<MetricChartCardProps>;
1110
1240
 
1241
+ /**
1242
+ * Run `callback` every `delayMs`. Pass `null` to pause (the timer is torn down
1243
+ * and restarted when the delay changes). The latest `callback` is always used,
1244
+ * so you can pass an inline function without resetting the interval.
1245
+ */
1246
+ declare function useInterval(callback: () => void, delayMs: number | null): void;
1247
+ interface UseLiveQueryOptions {
1248
+ /** Poll interval in ms. Omit / `null` for a one-shot fetch (no polling). */
1249
+ intervalMs?: number | null;
1250
+ /** Pause fetching + polling entirely. Default: `true`. */
1251
+ enabled?: boolean;
1252
+ /** Fetch immediately on mount (vs. waiting one interval). Default: `true`. */
1253
+ immediate?: boolean;
1254
+ /**
1255
+ * Pause polling while the tab is hidden and refetch on focus — avoids
1256
+ * burning requests on a backgrounded dashboard. Default: `true`.
1257
+ */
1258
+ refetchOnFocus?: boolean;
1259
+ }
1260
+ interface UseLiveQueryResult<T> {
1261
+ data: T | undefined;
1262
+ error: unknown;
1263
+ /** True until the first response settles. */
1264
+ loading: boolean;
1265
+ /** True during background refreshes (data already present). */
1266
+ refreshing: boolean;
1267
+ /** Timestamp (ms) of the last successful fetch, or null. */
1268
+ lastUpdated: number | null;
1269
+ /** Manually trigger a refetch (e.g. a "Refresh" button). */
1270
+ refetch: () => void;
1271
+ }
1272
+ /**
1273
+ * Poll an async source on an interval for live dashboards (alerts, metrics,
1274
+ * logs). Handles loading/refreshing/error state, ignores out-of-order and
1275
+ * post-unmount responses, pauses while the tab is hidden, and exposes a manual
1276
+ * `refetch`. Pair with `authFetch` for `/api/*` calls.
1277
+ *
1278
+ * ```ts
1279
+ * const { data, loading, refetch } = useLiveQuery(
1280
+ * () => authFetch("/api/alerts").then((r) => r.json()),
1281
+ * { intervalMs: 15_000 },
1282
+ * );
1283
+ * ```
1284
+ *
1285
+ * `fetcher` is read through a ref, so an inline arrow doesn't reset polling;
1286
+ * change `intervalMs` / `enabled` to control the cadence.
1287
+ */
1288
+ declare function useLiveQuery<T>(fetcher: () => Promise<T>, options?: UseLiveQueryOptions): UseLiveQueryResult<T>;
1289
+
1290
+ interface PieChartProps {
1291
+ data: Array<Record<string, unknown>>;
1292
+ /** Category / label key. Inferred from the first non-numeric field if omitted. */
1293
+ nameKey?: string;
1294
+ /** Value key. Default "value". */
1295
+ dataKey?: string;
1296
+ /** Donut hole radius as a fraction of the outer radius (0 = full pie). Default 0. */
1297
+ innerRadius?: number;
1298
+ /** Per-slice colors. Defaults to the theme palette. */
1299
+ colors?: string[];
1300
+ /** Plot height in px. Default 260. */
1301
+ height?: number;
1302
+ /** Show the slice legend below the chart. Default true. */
1303
+ showLegend?: boolean;
1304
+ /** Show value labels on each slice. Default false. */
1305
+ showLabels?: boolean;
1306
+ showTooltip?: boolean;
1307
+ tooltipIndicator?: ChartTooltipIndicator;
1308
+ /** Big number drawn in the donut hole (e.g. the total). Requires `innerRadius > 0`. */
1309
+ centerValue?: ReactNode;
1310
+ /** Caption under `centerValue`. */
1311
+ centerLabel?: ReactNode;
1312
+ unit?: string;
1313
+ formatValue?: (value: number) => string;
1314
+ className?: string;
1315
+ ariaLabel?: string;
1316
+ }
1317
+ /**
1318
+ * Pie / donut chart on recharts. Pass `innerRadius` (0–1 fraction) for a donut
1319
+ * and `centerValue` / `centerLabel` to fill the hole with a KPI. Slice colors
1320
+ * come from the theme `--chart-N` palette (or `colors`).
1321
+ */
1322
+ declare const PieChart: FC<PieChartProps>;
1323
+
1324
+ interface RadialChartProps {
1325
+ data: Array<Record<string, unknown>>;
1326
+ /** Category / label key. Inferred from the first non-numeric field if omitted. */
1327
+ nameKey?: string;
1328
+ /** Value key. Default "value". */
1329
+ dataKey?: string;
1330
+ /** Value that maps to a full ring. Default: the data max (so the largest fills). */
1331
+ maxValue?: number;
1332
+ /** Per-arc colors. Defaults to the theme palette. */
1333
+ colors?: string[];
1334
+ height?: number;
1335
+ /** Thickness of each ring in px. Default 16. */
1336
+ ringWidth?: number;
1337
+ /** Gap between rings in px. Default 4. */
1338
+ ringGap?: number;
1339
+ showLegend?: boolean;
1340
+ /** Big number drawn in the center (e.g. a total or the single value). */
1341
+ centerValue?: ReactNode;
1342
+ centerLabel?: ReactNode;
1343
+ className?: string;
1344
+ ariaLabel?: string;
1345
+ }
1346
+ /**
1347
+ * Radial (progress ring) chart on recharts — one concentric ring per data
1348
+ * point, each filled proportional to its value against `maxValue`. Pass
1349
+ * `centerValue` / `centerLabel` to fill the middle. Theme-driven colors.
1350
+ */
1351
+ declare const RadialChart: FC<RadialChartProps>;
1352
+
1353
+ interface RadarChartProps {
1354
+ data: Array<Record<string, unknown>>;
1355
+ /** Axis (category) key. Inferred from the first non-numeric field if omitted. */
1356
+ nameKey?: string;
1357
+ /** Series to plot. Strings are shorthand for `{ dataKey }`. Inferred if omitted. */
1358
+ series?: Array<ChartSeries | string>;
1359
+ /** Value at the outer edge. Default: the data max. */
1360
+ maxValue?: number;
1361
+ /** Number of concentric grid rings. Default 4. */
1362
+ rings?: number;
1363
+ height?: number;
1364
+ showLegend?: boolean;
1365
+ /** Fill the series polygons with a soft tint. Default true. */
1366
+ fill?: boolean;
1367
+ className?: string;
1368
+ ariaLabel?: string;
1369
+ }
1370
+ /**
1371
+ * Radar (spider) chart on recharts — one axis per data point, one polygon per
1372
+ * series. Theme-driven colors. Good for comparing a handful of metrics across
1373
+ * two or three entities.
1374
+ */
1375
+ declare const RadarChart: FC<RadarChartProps>;
1376
+
1111
1377
  interface SparklineProps {
1112
1378
  /** Numeric values, or objects from which `dataKey` is read. */
1113
1379
  data: Array<number | Record<string, unknown>>;
@@ -1135,10 +1401,11 @@ interface ChartArtifactViewProps {
1135
1401
  height?: number;
1136
1402
  }
1137
1403
  /**
1138
- * Renders a `chart` artifact. Bar / line / area go through the shared
1139
- * `LineAreaChart` engine (smooth curves, gradient fill, hover tooltip); pie
1140
- * stays a small inline SVG.
1404
+ * Renders a `chart` artifact. Cartesian kinds (bar / horizontalBar / line /
1405
+ * area, including stacked) go through the shared `LineAreaChart` engine; pie,
1406
+ * donut, radial, and radar use their dedicated recharts components. All
1407
+ * inherit the theme `--chart-N` palette.
1141
1408
  */
1142
1409
  declare const ChartArtifactView: FC<ChartArtifactViewProps>;
1143
1410
 
1144
- export { FieldSelect as $, APP_KIT_AGENT_INSTRUCTIONS as A, type BreadcrumbEntry as B, CHART_PALETTE as C, type ConnectionRowListProps as D, type ConnectionRowProps as E, DangerZone as F, DangerZoneAction as G, type DangerZoneActionProps as H, type DangerZoneProps as I, DataTable as J, type DataTableColumn as K, type DataTableProps as L, type DataTableSort as M, type DataTableSortDirection as N, type DescriptionItem as O, DescriptionList as P, type DescriptionListProps as Q, EmptyState as R, type EmptyStateProps as S, ExpandableSection as T, type ExpandableSectionProps as U, Field as V, FieldInput as W, type FieldInputProps as X, type FieldProps as Y, FieldRow as Z, type FieldRowProps as _, AppChatPanel as a, type StatusBadgeProps as a$, type FieldSelectProps as a0, FieldSwitch as a1, type FieldSwitchProps as a2, FieldTextarea as a3, type FieldTextareaProps as a4, FilterBar as a5, type FilterBarProps as a6, FloatingUnsavedChangesBar as a7, type FloatingUnsavedChangesBarProps as a8, FormSection as a9, Page as aA, PageHeader as aB, type PageHeaderProps as aC, type PageProps as aD, PlanBadge as aE, type PlanBadgeProps as aF, type PlanBadgeTone as aG, RESERVED_GRADIENT_TOKENS as aH, ResourceCard as aI, type ResourceCardProps as aJ, type ReviewResult as aK, SEMANTIC_COLOR_TOKENS as aL, SLOP_BUDGETS as aM, SearchInput as aN, type SearchInputProps as aO, Section as aP, type SectionProps as aQ, type SemanticColorToken as aR, SettingsSection as aS, SettingsSectionHeader as aT, type SettingsSectionHeaderProps as aU, type SettingsSectionProps as aV, Sparkline as aW, type SparklineProps as aX, StatTile as aY, type StatTileProps as aZ, StatusBadge as a_, type FormSectionProps as aa, HOUSE_RULES as ab, type HouseRule as ac, INTEGRATION_CATALOG_CARD_HEIGHT_CLASS as ad, InfoCard as ae, type InfoCardProps as af, type InfoCardTone as ag, IntegrationCard as ah, type IntegrationCardProps as ai, type IntegrationCardStatus as aj, IntegrationsEmptyState as ak, type IntegrationsEmptyStateProps as al, LineAreaChart as am, type LineAreaChartProps as an, type LintFinding as ao, type LintOptions as ap, type LintResult as aq, type LintSeverity as ar, MetricChartCard as as, type MetricChartCardProps as at, type MetricChartMetric as au, MetricRow as av, type MetricRowItem as aw, type MetricRowProps as ax, MetricTile as ay, type MetricTileProps as az, type AppChatPanelProps as b, type StatusBadgeTone as b0, StatusDot as b1, type StatusDotProps as b2, type StatusDotTone as b3, SubNav as b4, type SubNavItem as b5, type SubNavProps as b6, SurfaceCard as b7, type SurfaceCardProps as b8, TAILWIND_PALETTE_COLORS as b9, themeToCss as bA, useAppCopilotContext as bB, useAppShellChat as bC, THEME_AGENT_INSTRUCTIONS as ba, TIMBAL_THEME_PRESETS as bb, ThemePresetGallery as bc, type ThemePresetGalleryProps as bd, type ThemeShadow as be, type ThemeToCssOptions as bf, type ThemeTokenMap as bg, type TimbalThemeIntent as bh, type TimbalThemePreset as bi, type TimbalThemePresetId as bj, TimbalThemeStyle as bk, type TimbalThemeStyleProps as bl, type TimbalThemeTokens as bm, type TimbalThemeTypography as bn, UI_REVIEW_AGENT_INSTRUCTIONS as bo, applyThemePreset as bp, applyTimbalTheme as bq, clearTimbalTheme as br, connectionRowListClass as bs, createTimbalTheme as bt, ensureThemeFontLink as bu, formatLintReport as bv, getStoredThemePreset as bw, getThemePreset as bx, lintGeneratedUi as by, reviewGeneratedUi as bz, AppConfirmDialog as c, type AppConfirmDialogProps as d, type AppCopilotContextValue as e, AppCopilotProvider as f, type AppCopilotProviderProps as g, AppShell as h, type AppShellChatControls as i, AppShellChatTrigger as j, type AppShellChatTriggerProps as k, type AppShellProps as l, AppShellTopbar as m, type AppShellTopbarProps as n, type BreadcrumbItem as o, Breadcrumbs as p, type BreadcrumbsProps as q, COLOR_UTILITY_PREFIXES as r, ChartArtifactView as s, type ChartLayout as t, ChartPanel as u, type ChartPanelProps as v, type ChartSeries as w, type ChartVariant as x, ConnectionRow as y, ConnectionRowList as z };
1411
+ export { FieldInput as $, APP_KIT_AGENT_INSTRUCTIONS as A, type BreadcrumbEntry as B, CHART_PALETTE as C, type ChartSeries as D, type ChartTooltipIndicator as E, type ChartVariant as F, ConnectionRow as G, ConnectionRowList as H, type ConnectionRowListProps as I, type ConnectionRowProps as J, DangerZone as K, DangerZoneAction as L, type DangerZoneActionProps as M, type DangerZoneProps as N, DataTable as O, type DataTableColumn as P, type DataTableProps as Q, type DataTableSort as R, type DataTableSortDirection as S, type DescriptionItem as T, DescriptionList as U, type DescriptionListProps as V, EmptyState as W, type EmptyStateProps as X, ExpandableSection as Y, type ExpandableSectionProps as Z, Field as _, AppChatPanel as a, type SearchInputProps as a$, type FieldInputProps as a0, type FieldProps as a1, FieldRow as a2, type FieldRowProps as a3, FieldSelect as a4, type FieldSelectProps as a5, FieldSwitch as a6, type FieldSwitchProps as a7, FieldTextarea as a8, type FieldTextareaProps as a9, type MetricChartCardProps as aA, type MetricChartMetric as aB, MetricRow as aC, type MetricRowItem as aD, type MetricRowProps as aE, MetricTile as aF, type MetricTileProps as aG, Page as aH, PageHeader as aI, type PageHeaderProps as aJ, type PageProps as aK, PieChart as aL, type PieChartProps as aM, PlanBadge as aN, type PlanBadgeProps as aO, type PlanBadgeTone as aP, RESERVED_GRADIENT_TOKENS as aQ, RadarChart as aR, type RadarChartProps as aS, RadialChart as aT, type RadialChartProps as aU, ResourceCard as aV, type ResourceCardProps as aW, type ReviewResult as aX, SEMANTIC_COLOR_TOKENS as aY, SLOP_BUDGETS as aZ, SearchInput as a_, FilterBar as aa, type FilterBarProps as ab, FilterField as ac, type FilterFieldProps as ad, FloatingUnsavedChangesBar as ae, type FloatingUnsavedChangesBarProps as af, FormSection as ag, type FormSectionProps as ah, HOUSE_RULES as ai, type HouseRule as aj, INTEGRATION_CATALOG_CARD_HEIGHT_CLASS as ak, InfoCard as al, type InfoCardProps as am, type InfoCardTone as an, IntegrationCard as ao, type IntegrationCardProps as ap, type IntegrationCardStatus as aq, IntegrationsEmptyState as ar, type IntegrationsEmptyStateProps as as, LineAreaChart as at, type LineAreaChartProps as au, type LintFinding as av, type LintOptions as aw, type LintResult as ax, type LintSeverity as ay, MetricChartCard as az, type AppChatPanelProps as b, Section as b0, type SectionProps as b1, type SemanticColorToken as b2, SettingsSection as b3, SettingsSectionHeader as b4, type SettingsSectionHeaderProps as b5, type SettingsSectionProps as b6, Sparkline as b7, type SparklineProps as b8, StatTile as b9, type TimbalThemeTypography as bA, UI_REVIEW_AGENT_INSTRUCTIONS as bB, type UseLiveQueryOptions as bC, type UseLiveQueryResult as bD, applyThemePreset as bE, applyTimbalTheme as bF, clearTimbalTheme as bG, connectionRowListClass as bH, createTimbalTheme as bI, ensureThemeFontLink as bJ, flushBarCategoryGap as bK, flushLineAreaEdgeToEdge as bL, formatLintReport as bM, getStoredThemePreset as bN, getThemePreset as bO, lintGeneratedUi as bP, resolveChartMargin as bQ, resolveTooltipCategory as bR, reviewGeneratedUi as bS, themeToCss as bT, useAppCopilotContext as bU, useAppShellChat as bV, useAppShellNav as bW, useInterval as bX, useLiveQuery as bY, type StatTileProps as ba, StatusBadge as bb, type StatusBadgeProps as bc, type StatusBadgeTone as bd, StatusDot as be, type StatusDotProps as bf, type StatusDotTone as bg, SubNav as bh, type SubNavItem as bi, type SubNavProps as bj, SurfaceCard as bk, type SurfaceCardProps as bl, TAILWIND_PALETTE_COLORS as bm, THEME_AGENT_INSTRUCTIONS as bn, TIMBAL_THEME_PRESETS as bo, ThemePresetGallery as bp, type ThemePresetGalleryProps as bq, type ThemeShadow as br, type ThemeToCssOptions as bs, type ThemeTokenMap as bt, type TimbalThemeIntent as bu, type TimbalThemePreset as bv, type TimbalThemePresetId as bw, TimbalThemeStyle as bx, type TimbalThemeStyleProps as by, type TimbalThemeTokens as bz, AppConfirmDialog as c, type AppConfirmDialogProps as d, type AppCopilotContextValue as e, AppCopilotProvider as f, type AppCopilotProviderProps as g, AppShell as h, type AppShellChatControls as i, AppShellChatTrigger as j, type AppShellChatTriggerProps as k, type AppShellNavControls as l, type AppShellProps as m, AppShellSidebarTrigger as n, type AppShellSidebarTriggerProps as o, AppShellTopbar as p, type AppShellTopbarProps as q, type BreadcrumbItem as r, Breadcrumbs as s, type BreadcrumbsProps as t, COLOR_UTILITY_PREFIXES as u, ChartArtifactView as v, type ChartLayout as w, type ChartMargin as x, ChartPanel as y, type ChartPanelProps as z };