@timbal-ai/timbal-react 0.8.2 → 1.1.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 (43) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/README.md +100 -6
  3. package/dist/app.cjs +2538 -1262
  4. package/dist/app.d.cts +11 -6
  5. package/dist/app.d.ts +11 -6
  6. package/dist/app.esm.js +43 -6
  7. package/dist/{button-ClSgD6OF.d.cts → button-BoyX5pM_.d.cts} +1 -1
  8. package/dist/{button-ClSgD6OF.d.ts → button-BoyX5pM_.d.ts} +1 -1
  9. package/dist/{chart-artifact-Bl67kre7.d.ts → chart-artifact-BZp7nmaf.d.ts} +430 -14
  10. package/dist/{chart-artifact-BzcvblDe.d.cts → chart-artifact-CX-rh9nq.d.cts} +430 -14
  11. package/dist/{chat-Bed4FQSl.d.cts → chat-DCms8pJ_.d.cts} +31 -4
  12. package/dist/{chat-Bed4FQSl.d.ts → chat-DCms8pJ_.d.ts} +31 -4
  13. package/dist/chat.cjs +1111 -776
  14. package/dist/chat.d.cts +1 -1
  15. package/dist/chat.d.ts +1 -1
  16. package/dist/chat.esm.js +3 -3
  17. package/dist/{chunk-QVAUCVQA.esm.js → chunk-4AKJ6FKE.esm.js} +277 -4
  18. package/dist/chunk-6HWMJNZT.esm.js +3439 -0
  19. package/dist/{chunk-VWHHKAHN.esm.js → chunk-FRZOEYBO.esm.js} +4 -4
  20. package/dist/chunk-JEAUF54A.esm.js +52 -0
  21. package/dist/{chunk-OISVICYF.esm.js → chunk-P3KDAYX6.esm.js} +1 -1
  22. package/dist/{chunk-6YVKCVEP.esm.js → chunk-TK2AGIME.esm.js} +1106 -298
  23. package/dist/{chunk-CFU3YDTV.esm.js → chunk-XCM3V6RK.esm.js} +5 -5
  24. package/dist/{chunk-5ZKLPWVN.esm.js → chunk-YXZ22OJN.esm.js} +849 -667
  25. package/dist/index.cjs +6070 -1605
  26. package/dist/index.d.cts +8 -6
  27. package/dist/index.d.ts +8 -6
  28. package/dist/index.esm.js +427 -11
  29. package/dist/pill-segmented-tabs-Ba5q0feL.d.cts +500 -0
  30. package/dist/pill-segmented-tabs-Ba5q0feL.d.ts +500 -0
  31. package/dist/studio.cjs +1333 -998
  32. package/dist/studio.d.cts +2 -2
  33. package/dist/studio.d.ts +2 -2
  34. package/dist/studio.esm.js +5 -5
  35. package/dist/styles.css +220 -0
  36. package/dist/ui.cjs +3592 -89
  37. package/dist/ui.d.cts +72 -96
  38. package/dist/ui.d.ts +72 -96
  39. package/dist/ui.esm.js +400 -6
  40. package/dist/{welcome-COOb05a5.d.cts → welcome-CRqOPKMp.d.cts} +1 -1
  41. package/dist/{welcome-DE08m9ca.d.ts → welcome-DlHUa3OL.d.ts} +1 -1
  42. package/package.json +9 -3
  43. package/dist/chunk-P4SN7M67.esm.js +0 -435
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 BreadcrumbItem, o as Breadcrumbs, p as BreadcrumbsProps, C as CHART_PALETTE, q as ChartArtifactView, r as ChartLayout, s as ChartPanel, t as ChartPanelProps, u as ChartSeries, v as ChartVariant, w as ConnectionRow, x as ConnectionRowList, y as ConnectionRowListProps, z as ConnectionRowProps, D as DangerZone, E as DangerZoneAction, F as DangerZoneActionProps, G as DangerZoneProps, H as DataTable, I as DataTableColumn, J as DataTableProps, K as DataTableSort, L as DataTableSortDirection, M as DescriptionItem, N as DescriptionList, O as DescriptionListProps, P as EmptyState, Q as EmptyStateProps, R as ExpandableSection, S as ExpandableSectionProps, T as Field, U as FieldInput, V as FieldInputProps, W as FieldProps, X as FieldRow, Y as FieldRowProps, Z as FieldSelect, _ as FieldSelectProps, $ as FieldSwitch, a0 as FieldSwitchProps, a1 as FieldTextarea, a2 as FieldTextareaProps, a3 as FilterBar, a4 as FilterBarProps, a5 as FloatingUnsavedChangesBar, a6 as FloatingUnsavedChangesBarProps, a7 as FormSection, a8 as FormSectionProps, a9 as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, aa as InfoCard, ab as InfoCardProps, ac as InfoCardTone, ad as IntegrationCard, ae as IntegrationCardProps, af as IntegrationCardStatus, ag as IntegrationsEmptyState, ah as IntegrationsEmptyStateProps, ai as LineAreaChart, aj as LineAreaChartProps, ak as MetricChartCard, al as MetricChartCardProps, am as MetricChartMetric, an as MetricRow, ao as MetricRowItem, ap as MetricRowProps, aq as MetricTile, ar as MetricTileProps, as as Page, at as PageHeader, au as PageHeaderProps, av as PageProps, aw as PlanBadge, ax as PlanBadgeProps, ay as PlanBadgeTone, az as ResourceCard, aA as ResourceCardProps, aB as SearchInput, aC as SearchInputProps, aD as Section, aE as SectionProps, aF as SettingsSection, aG as SettingsSectionHeader, aH as SettingsSectionHeaderProps, aI as SettingsSectionProps, aJ as Sparkline, aK as SparklineProps, aL as StatTile, aM as StatTileProps, aN as StatusBadge, aO as StatusBadgeProps, aP as StatusBadgeTone, aQ as StatusDot, aR as StatusDotProps, aS as StatusDotTone, aT as SubNav, aU as SubNavItem, aV as SubNavProps, aW as SurfaceCard, aX as SurfaceCardProps, aY as THEME_AGENT_INSTRUCTIONS, aZ as TIMBAL_THEME_PRESETS, a_ as ThemePresetGallery, a$ as ThemePresetGalleryProps, b0 as ThemeShadow, b1 as ThemeToCssOptions, b2 as ThemeTokenMap, b3 as TimbalThemeIntent, b4 as TimbalThemePreset, b5 as TimbalThemePresetId, b6 as TimbalThemeStyle, b7 as TimbalThemeStyleProps, b8 as TimbalThemeTokens, b9 as TimbalThemeTypography, ba as applyThemePreset, bb as applyTimbalTheme, bc as clearTimbalTheme, bd as connectionRowListClass, be as createTimbalTheme, bf as ensureThemeFontLink, bg as getStoredThemePreset, bh as getThemePreset, bi as themeToCss, bj as useAppCopilotContext, bk as useAppShellChat } from './chart-artifact-BzcvblDe.cjs';
2
- export { B as Button } from './button-ClSgD6OF.cjs';
3
- export { C as ChartArtifact, T as ThreadVariant, a as TimbalChat, b as TimbalChatProps } from './chat-Bed4FQSl.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 ChartPanel, y as ChartPanelProps, z as ChartSeries, D as ChartTooltipIndicator, E as ChartVariant, F as ConnectionRow, G as ConnectionRowList, H as ConnectionRowListProps, I as ConnectionRowProps, J as DangerZone, K as DangerZoneAction, L as DangerZoneActionProps, M as DangerZoneProps, N as DataTable, O as DataTableColumn, P as DataTableProps, Q as DataTableSort, R as DataTableSortDirection, S as DescriptionItem, T as DescriptionList, U as DescriptionListProps, V as EmptyState, W as EmptyStateProps, X as ExpandableSection, Y as ExpandableSectionProps, Z as Field, _ as FieldInput, $ as FieldInputProps, a0 as FieldProps, a1 as FieldRow, a2 as FieldRowProps, a3 as FieldSelect, a4 as FieldSelectProps, a5 as FieldSwitch, a6 as FieldSwitchProps, a7 as FieldTextarea, a8 as FieldTextareaProps, a9 as FilterBar, aa as FilterBarProps, ab as FilterField, ac as FilterFieldProps, ad as FloatingUnsavedChangesBar, ae as FloatingUnsavedChangesBarProps, af as FormSection, ag as FormSectionProps, ah as HOUSE_RULES, ai as HouseRule, aj as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, ak as InfoCard, al as InfoCardProps, am as InfoCardTone, an as IntegrationCard, ao as IntegrationCardProps, ap as IntegrationCardStatus, aq as IntegrationsEmptyState, ar as IntegrationsEmptyStateProps, as as LineAreaChart, at as LineAreaChartProps, au as LintFinding, av as LintOptions, aw as LintResult, ax as LintSeverity, ay as MetricChartCard, az as MetricChartCardProps, aA as MetricChartMetric, aB as MetricRow, aC as MetricRowItem, aD as MetricRowProps, aE as MetricTile, aF as MetricTileProps, aG as Page, aH as PageHeader, aI as PageHeaderProps, aJ as PageProps, aK as PieChart, aL as PieChartProps, aM as PlanBadge, aN as PlanBadgeProps, aO as PlanBadgeTone, aP as RESERVED_GRADIENT_TOKENS, aQ as RadarChart, aR as RadarChartProps, aS as RadialChart, aT as RadialChartProps, aU as ResourceCard, aV as ResourceCardProps, aW as ReviewResult, aX as SEMANTIC_COLOR_TOKENS, aY as SLOP_BUDGETS, aZ as SearchInput, a_ as SearchInputProps, a$ as Section, b0 as SectionProps, b1 as SemanticColorToken, b2 as SettingsSection, b3 as SettingsSectionHeader, b4 as SettingsSectionHeaderProps, b5 as SettingsSectionProps, b6 as Sparkline, b7 as SparklineProps, b8 as StatTile, b9 as StatTileProps, ba as StatusBadge, bb as StatusBadgeProps, bc as StatusBadgeTone, bd as StatusDot, be as StatusDotProps, bf as StatusDotTone, bg as SubNav, bh as SubNavItem, bi as SubNavProps, bj as SurfaceCard, bk as SurfaceCardProps, bl as TAILWIND_PALETTE_COLORS, bm as THEME_AGENT_INSTRUCTIONS, bn as TIMBAL_THEME_PRESETS, bo as ThemePresetGallery, bp as ThemePresetGalleryProps, bq as ThemeShadow, br as ThemeToCssOptions, bs as ThemeTokenMap, bt as TimbalThemeIntent, bu as TimbalThemePreset, bv as TimbalThemePresetId, bw as TimbalThemeStyle, bx as TimbalThemeStyleProps, by as TimbalThemeTokens, bz as TimbalThemeTypography, bA as UI_REVIEW_AGENT_INSTRUCTIONS, bB as UseLiveQueryOptions, bC as UseLiveQueryResult, bD as applyThemePreset, bE as applyTimbalTheme, bF as clearTimbalTheme, bG as connectionRowListClass, bH as createTimbalTheme, bI as ensureThemeFontLink, bJ as formatLintReport, bK as getStoredThemePreset, bL as getThemePreset, bM as lintGeneratedUi, bN as reviewGeneratedUi, bO as themeToCss, bP as useAppCopilotContext, bQ as useAppShellChat, bR as useAppShellNav, bS as useInterval, bT as useLiveQuery } from './chart-artifact-CX-rh9nq.cjs';
2
+ export { B as Button } from './button-BoyX5pM_.cjs';
3
+ export { C as ChartArtifact, a as ChartSeriesConfig, T as ThreadVariant, b as TimbalChat, c as TimbalChatProps } from './chat-DCms8pJ_.cjs';
4
4
  import 'react';
5
5
  import 'react/jsx-runtime';
6
6
  import 'class-variance-authority/types';
@@ -24,9 +24,14 @@ 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;
29
- /** Search inputs in filter bars always full pill rounding. */
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";
33
+ /** Search inputs in filter bars — shared control skin (field shape), so a
34
+ * search field and a dropdown placed side by side match exactly. */
30
35
  declare const appSearchInputClass: string;
31
36
 
32
37
  export { appFilterBarClass, appPageColumnClass, appSearchInputClass, appShellInsetTopClass, appShellTopbarInsetClass, appStatTileClass, appSurfaceCardClass };
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 BreadcrumbItem, o as Breadcrumbs, p as BreadcrumbsProps, C as CHART_PALETTE, q as ChartArtifactView, r as ChartLayout, s as ChartPanel, t as ChartPanelProps, u as ChartSeries, v as ChartVariant, w as ConnectionRow, x as ConnectionRowList, y as ConnectionRowListProps, z as ConnectionRowProps, D as DangerZone, E as DangerZoneAction, F as DangerZoneActionProps, G as DangerZoneProps, H as DataTable, I as DataTableColumn, J as DataTableProps, K as DataTableSort, L as DataTableSortDirection, M as DescriptionItem, N as DescriptionList, O as DescriptionListProps, P as EmptyState, Q as EmptyStateProps, R as ExpandableSection, S as ExpandableSectionProps, T as Field, U as FieldInput, V as FieldInputProps, W as FieldProps, X as FieldRow, Y as FieldRowProps, Z as FieldSelect, _ as FieldSelectProps, $ as FieldSwitch, a0 as FieldSwitchProps, a1 as FieldTextarea, a2 as FieldTextareaProps, a3 as FilterBar, a4 as FilterBarProps, a5 as FloatingUnsavedChangesBar, a6 as FloatingUnsavedChangesBarProps, a7 as FormSection, a8 as FormSectionProps, a9 as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, aa as InfoCard, ab as InfoCardProps, ac as InfoCardTone, ad as IntegrationCard, ae as IntegrationCardProps, af as IntegrationCardStatus, ag as IntegrationsEmptyState, ah as IntegrationsEmptyStateProps, ai as LineAreaChart, aj as LineAreaChartProps, ak as MetricChartCard, al as MetricChartCardProps, am as MetricChartMetric, an as MetricRow, ao as MetricRowItem, ap as MetricRowProps, aq as MetricTile, ar as MetricTileProps, as as Page, at as PageHeader, au as PageHeaderProps, av as PageProps, aw as PlanBadge, ax as PlanBadgeProps, ay as PlanBadgeTone, az as ResourceCard, aA as ResourceCardProps, aB as SearchInput, aC as SearchInputProps, aD as Section, aE as SectionProps, aF as SettingsSection, aG as SettingsSectionHeader, aH as SettingsSectionHeaderProps, aI as SettingsSectionProps, aJ as Sparkline, aK as SparklineProps, aL as StatTile, aM as StatTileProps, aN as StatusBadge, aO as StatusBadgeProps, aP as StatusBadgeTone, aQ as StatusDot, aR as StatusDotProps, aS as StatusDotTone, aT as SubNav, aU as SubNavItem, aV as SubNavProps, aW as SurfaceCard, aX as SurfaceCardProps, aY as THEME_AGENT_INSTRUCTIONS, aZ as TIMBAL_THEME_PRESETS, a_ as ThemePresetGallery, a$ as ThemePresetGalleryProps, b0 as ThemeShadow, b1 as ThemeToCssOptions, b2 as ThemeTokenMap, b3 as TimbalThemeIntent, b4 as TimbalThemePreset, b5 as TimbalThemePresetId, b6 as TimbalThemeStyle, b7 as TimbalThemeStyleProps, b8 as TimbalThemeTokens, b9 as TimbalThemeTypography, ba as applyThemePreset, bb as applyTimbalTheme, bc as clearTimbalTheme, bd as connectionRowListClass, be as createTimbalTheme, bf as ensureThemeFontLink, bg as getStoredThemePreset, bh as getThemePreset, bi as themeToCss, bj as useAppCopilotContext, bk as useAppShellChat } from './chart-artifact-Bl67kre7.js';
2
- export { B as Button } from './button-ClSgD6OF.js';
3
- export { C as ChartArtifact, T as ThreadVariant, a as TimbalChat, b as TimbalChatProps } from './chat-Bed4FQSl.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 ChartPanel, y as ChartPanelProps, z as ChartSeries, D as ChartTooltipIndicator, E as ChartVariant, F as ConnectionRow, G as ConnectionRowList, H as ConnectionRowListProps, I as ConnectionRowProps, J as DangerZone, K as DangerZoneAction, L as DangerZoneActionProps, M as DangerZoneProps, N as DataTable, O as DataTableColumn, P as DataTableProps, Q as DataTableSort, R as DataTableSortDirection, S as DescriptionItem, T as DescriptionList, U as DescriptionListProps, V as EmptyState, W as EmptyStateProps, X as ExpandableSection, Y as ExpandableSectionProps, Z as Field, _ as FieldInput, $ as FieldInputProps, a0 as FieldProps, a1 as FieldRow, a2 as FieldRowProps, a3 as FieldSelect, a4 as FieldSelectProps, a5 as FieldSwitch, a6 as FieldSwitchProps, a7 as FieldTextarea, a8 as FieldTextareaProps, a9 as FilterBar, aa as FilterBarProps, ab as FilterField, ac as FilterFieldProps, ad as FloatingUnsavedChangesBar, ae as FloatingUnsavedChangesBarProps, af as FormSection, ag as FormSectionProps, ah as HOUSE_RULES, ai as HouseRule, aj as INTEGRATION_CATALOG_CARD_HEIGHT_CLASS, ak as InfoCard, al as InfoCardProps, am as InfoCardTone, an as IntegrationCard, ao as IntegrationCardProps, ap as IntegrationCardStatus, aq as IntegrationsEmptyState, ar as IntegrationsEmptyStateProps, as as LineAreaChart, at as LineAreaChartProps, au as LintFinding, av as LintOptions, aw as LintResult, ax as LintSeverity, ay as MetricChartCard, az as MetricChartCardProps, aA as MetricChartMetric, aB as MetricRow, aC as MetricRowItem, aD as MetricRowProps, aE as MetricTile, aF as MetricTileProps, aG as Page, aH as PageHeader, aI as PageHeaderProps, aJ as PageProps, aK as PieChart, aL as PieChartProps, aM as PlanBadge, aN as PlanBadgeProps, aO as PlanBadgeTone, aP as RESERVED_GRADIENT_TOKENS, aQ as RadarChart, aR as RadarChartProps, aS as RadialChart, aT as RadialChartProps, aU as ResourceCard, aV as ResourceCardProps, aW as ReviewResult, aX as SEMANTIC_COLOR_TOKENS, aY as SLOP_BUDGETS, aZ as SearchInput, a_ as SearchInputProps, a$ as Section, b0 as SectionProps, b1 as SemanticColorToken, b2 as SettingsSection, b3 as SettingsSectionHeader, b4 as SettingsSectionHeaderProps, b5 as SettingsSectionProps, b6 as Sparkline, b7 as SparklineProps, b8 as StatTile, b9 as StatTileProps, ba as StatusBadge, bb as StatusBadgeProps, bc as StatusBadgeTone, bd as StatusDot, be as StatusDotProps, bf as StatusDotTone, bg as SubNav, bh as SubNavItem, bi as SubNavProps, bj as SurfaceCard, bk as SurfaceCardProps, bl as TAILWIND_PALETTE_COLORS, bm as THEME_AGENT_INSTRUCTIONS, bn as TIMBAL_THEME_PRESETS, bo as ThemePresetGallery, bp as ThemePresetGalleryProps, bq as ThemeShadow, br as ThemeToCssOptions, bs as ThemeTokenMap, bt as TimbalThemeIntent, bu as TimbalThemePreset, bv as TimbalThemePresetId, bw as TimbalThemeStyle, bx as TimbalThemeStyleProps, by as TimbalThemeTokens, bz as TimbalThemeTypography, bA as UI_REVIEW_AGENT_INSTRUCTIONS, bB as UseLiveQueryOptions, bC as UseLiveQueryResult, bD as applyThemePreset, bE as applyTimbalTheme, bF as clearTimbalTheme, bG as connectionRowListClass, bH as createTimbalTheme, bI as ensureThemeFontLink, bJ as formatLintReport, bK as getStoredThemePreset, bL as getThemePreset, bM as lintGeneratedUi, bN as reviewGeneratedUi, bO as themeToCss, bP as useAppCopilotContext, bQ as useAppShellChat, bR as useAppShellNav, bS as useInterval, bT as useLiveQuery } from './chart-artifact-BZp7nmaf.js';
2
+ export { B as Button } from './button-BoyX5pM_.js';
3
+ export { C as ChartArtifact, a as ChartSeriesConfig, T as ThreadVariant, b as TimbalChat, c as TimbalChatProps } from './chat-DCms8pJ_.js';
4
4
  import 'react';
5
5
  import 'react/jsx-runtime';
6
6
  import 'class-variance-authority/types';
@@ -24,9 +24,14 @@ 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;
29
- /** Search inputs in filter bars always full pill rounding. */
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";
33
+ /** Search inputs in filter bars — shared control skin (field shape), so a
34
+ * search field and a dropdown placed side by side match exactly. */
30
35
  declare const appSearchInputClass: string;
31
36
 
32
37
  export { appFilterBarClass, appPageColumnClass, appSearchInputClass, appShellInsetTopClass, appShellTopbarInsetClass, appStatTileClass, appSurfaceCardClass };
package/dist/app.esm.js CHANGED
@@ -5,8 +5,10 @@ import {
5
5
  AppCopilotProvider,
6
6
  AppShell,
7
7
  AppShellChatTrigger,
8
+ AppShellSidebarTrigger,
8
9
  AppShellTopbar,
9
10
  Breadcrumbs,
11
+ COLOR_UTILITY_PREFIXES,
10
12
  ChartPanel,
11
13
  ConnectionRow,
12
14
  ConnectionRowList,
@@ -23,8 +25,10 @@ import {
23
25
  FieldSwitch,
24
26
  FieldTextarea,
25
27
  FilterBar,
28
+ FilterField,
26
29
  FloatingUnsavedChangesBar,
27
30
  FormSection,
31
+ HOUSE_RULES,
28
32
  INTEGRATION_CATALOG_CARD_HEIGHT_CLASS,
29
33
  InfoCard,
30
34
  IntegrationCard,
@@ -35,7 +39,10 @@ import {
35
39
  Page,
36
40
  PageHeader,
37
41
  PlanBadge,
42
+ RESERVED_GRADIENT_TOKENS,
38
43
  ResourceCard,
44
+ SEMANTIC_COLOR_TOKENS,
45
+ SLOP_BUDGETS,
39
46
  SearchInput,
40
47
  Section,
41
48
  SettingsSection,
@@ -46,10 +53,12 @@ import {
46
53
  StatusDot,
47
54
  SubNav,
48
55
  SurfaceCard,
56
+ TAILWIND_PALETTE_COLORS,
49
57
  THEME_AGENT_INSTRUCTIONS,
50
58
  TIMBAL_THEME_PRESETS,
51
59
  ThemePresetGallery,
52
60
  TimbalThemeStyle,
61
+ UI_REVIEW_AGENT_INSTRUCTIONS,
53
62
  appFilterBarClass,
54
63
  appPageColumnClass,
55
64
  appSearchInputClass,
@@ -63,23 +72,33 @@ import {
63
72
  connectionRowListClass,
64
73
  createTimbalTheme,
65
74
  ensureThemeFontLink,
75
+ formatLintReport,
66
76
  getStoredThemePreset,
67
77
  getThemePreset,
78
+ lintGeneratedUi,
79
+ reviewGeneratedUi,
68
80
  themeToCss,
69
81
  useAppCopilotContext,
70
- useAppShellChat
71
- } from "./chunk-6YVKCVEP.esm.js";
82
+ useAppShellChat,
83
+ useAppShellNav,
84
+ useInterval,
85
+ useLiveQuery
86
+ } from "./chunk-TK2AGIME.esm.js";
72
87
  import "./chunk-QIABF4KB.esm.js";
73
88
  import {
74
89
  CHART_PALETTE,
75
90
  ChartArtifactView,
76
91
  LineAreaChart,
92
+ PieChart,
93
+ RadarChart,
94
+ RadialChart,
77
95
  TimbalChat
78
- } from "./chunk-5ZKLPWVN.esm.js";
79
- import "./chunk-OISVICYF.esm.js";
96
+ } from "./chunk-YXZ22OJN.esm.js";
97
+ import "./chunk-JEAUF54A.esm.js";
98
+ import "./chunk-P3KDAYX6.esm.js";
80
99
  import {
81
100
  Button
82
- } from "./chunk-QVAUCVQA.esm.js";
101
+ } from "./chunk-4AKJ6FKE.esm.js";
83
102
  export {
84
103
  APP_KIT_AGENT_INSTRUCTIONS,
85
104
  AppChatPanel,
@@ -87,10 +106,12 @@ export {
87
106
  AppCopilotProvider,
88
107
  AppShell,
89
108
  AppShellChatTrigger,
109
+ AppShellSidebarTrigger,
90
110
  AppShellTopbar,
91
111
  Breadcrumbs,
92
112
  Button,
93
113
  CHART_PALETTE,
114
+ COLOR_UTILITY_PREFIXES,
94
115
  ChartArtifactView,
95
116
  ChartPanel,
96
117
  ConnectionRow,
@@ -108,8 +129,10 @@ export {
108
129
  FieldSwitch,
109
130
  FieldTextarea,
110
131
  FilterBar,
132
+ FilterField,
111
133
  FloatingUnsavedChangesBar,
112
134
  FormSection,
135
+ HOUSE_RULES,
113
136
  INTEGRATION_CATALOG_CARD_HEIGHT_CLASS,
114
137
  InfoCard,
115
138
  IntegrationCard,
@@ -120,8 +143,14 @@ export {
120
143
  MetricTile,
121
144
  Page,
122
145
  PageHeader,
146
+ PieChart,
123
147
  PlanBadge,
148
+ RESERVED_GRADIENT_TOKENS,
149
+ RadarChart,
150
+ RadialChart,
124
151
  ResourceCard,
152
+ SEMANTIC_COLOR_TOKENS,
153
+ SLOP_BUDGETS,
125
154
  SearchInput,
126
155
  Section,
127
156
  SettingsSection,
@@ -132,11 +161,13 @@ export {
132
161
  StatusDot,
133
162
  SubNav,
134
163
  SurfaceCard,
164
+ TAILWIND_PALETTE_COLORS,
135
165
  THEME_AGENT_INSTRUCTIONS,
136
166
  TIMBAL_THEME_PRESETS,
137
167
  ThemePresetGallery,
138
168
  TimbalChat,
139
169
  TimbalThemeStyle,
170
+ UI_REVIEW_AGENT_INSTRUCTIONS,
140
171
  appFilterBarClass,
141
172
  appPageColumnClass,
142
173
  appSearchInputClass,
@@ -150,9 +181,15 @@ export {
150
181
  connectionRowListClass,
151
182
  createTimbalTheme,
152
183
  ensureThemeFontLink,
184
+ formatLintReport,
153
185
  getStoredThemePreset,
154
186
  getThemePreset,
187
+ lintGeneratedUi,
188
+ reviewGeneratedUi,
155
189
  themeToCss,
156
190
  useAppCopilotContext,
157
- useAppShellChat
191
+ useAppShellChat,
192
+ useAppShellNav,
193
+ useInterval,
194
+ useLiveQuery
158
195
  };
@@ -8,7 +8,7 @@ import { VariantProps } from 'class-variance-authority';
8
8
  * Fill / border / shadow come from `button-tokens` via `TimbalV2Button`.
9
9
  */
10
10
  declare const buttonVariants: (props?: ({
11
- variant?: "link" | "secondary" | "ghost" | "destructive" | "default" | "outline" | null | undefined;
11
+ variant?: "secondary" | "destructive" | "outline" | "link" | "ghost" | "default" | null | undefined;
12
12
  size?: "xs" | "sm" | "lg" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
13
13
  } & class_variance_authority_types.ClassProp) | undefined) => string;
14
14
  declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
@@ -8,7 +8,7 @@ import { VariantProps } from 'class-variance-authority';
8
8
  * Fill / border / shadow come from `button-tokens` via `TimbalV2Button`.
9
9
  */
10
10
  declare const buttonVariants: (props?: ({
11
- variant?: "link" | "secondary" | "ghost" | "destructive" | "default" | "outline" | null | undefined;
11
+ variant?: "secondary" | "destructive" | "outline" | "link" | "ghost" | "default" | null | undefined;
12
12
  size?: "xs" | "sm" | "lg" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
13
13
  } & class_variance_authority_types.ClassProp) | undefined) => string;
14
14
  declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {