@timbal-ai/timbal-react 1.1.0 → 1.3.0

package/dist/{chart-artifact-CX-rh9nq.d.cts → chart-artifact-WDEW9dHT.d.cts}

@@ -1,5 +1,5 @@
 import { FC, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes } from 'react';
-import { x as TimbalRuntimeProviderProps, r as ThreadProps, C as ChartArtifact } from './chat-DCms8pJ_.cjs';
+import { x as TimbalRuntimeProviderProps, r as ThreadProps, C as ChartArtifact } from './chat-ClmzWzCX.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /**
@@ -384,24 +384,6 @@ interface TimbalThemeStyleProps {
  */
 declare const TimbalThemeStyle: FC<TimbalThemeStyleProps>;
 
-interface ThemePresetGalleryProps {
-    /** Currently selected preset id (controlled). */
-    value?: TimbalThemePresetId;
-    /** Called when the user picks a preset. */
-    onSelect?: (id: TimbalThemePresetId) => void;
-    /** Restrict the catalog to a subset of presets. */
-    presets?: readonly TimbalThemePresetId[];
-    className?: string;
-}
-/**
- * Preview + pick a brand preset. Each card renders a *real* mini fixture
- * (a primary button + a metric tile + a token strip) scoped via
- * `data-timbal-theme`, so several presets preview side-by-side without
- * changing the live app — the host applies the choice on `onSelect`
- * (e.g. via `applyThemePreset`).
- */
-declare const ThemePresetGallery: FC<ThemePresetGalleryProps>;
-
 interface AppShellProps {
     /** Primary navigation (e.g. StudioSidebar or custom rail). */
     sidebar?: ReactNode;
@@ -517,6 +499,63 @@ interface AppShellSidebarTriggerProps {
  */
 declare const AppShellSidebarTrigger: FC<AppShellSidebarTriggerProps>;
 
+/**
+ * App kit layout density — shared spacing scale for dashboards.
+ * Default matches timbal-platform list pages; compact tightens rhythm for data-heavy views.
+ */
+type AppDensity = "default" | "compact";
+/** Default chart plot height per density (overridable via component `height` prop). */
+declare const APP_DENSITY_CHART_HEIGHT: Record<AppDensity, number>;
+/** Layout class maps keyed by density — consumed via `useAppDensityClass` in app components. */
+declare const APP_DENSITY_CLASSES: {
+    readonly pageColumn: {
+        readonly default: "mx-auto w-full max-w-[100rem] px-4 md:px-6 lg:px-8";
+        readonly compact: "mx-auto w-full max-w-none px-3 md:px-4";
+    };
+    readonly pageHeader: {
+        readonly default: string;
+        readonly compact: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between pb-2 pt-1";
+    };
+    readonly section: {
+        readonly default: "flex flex-col gap-4 py-4";
+        readonly compact: "flex flex-col gap-2 py-2";
+    };
+    readonly surfaceCard: {
+        readonly default: string;
+        readonly compact: string;
+    };
+    readonly statTile: {
+        readonly default: string;
+        readonly compact: string;
+    };
+    readonly emptyState: {
+        readonly default: string;
+        readonly compact: string;
+    };
+    readonly metricCardHeader: {
+        readonly default: "flex items-start justify-between gap-3 px-4 pb-1 pt-3";
+        readonly compact: "flex items-start justify-between gap-2 px-3 pb-0.5 pt-2";
+    };
+    readonly metricTile: {
+        readonly default: "relative flex min-w-0 flex-1 flex-col gap-1 px-4 py-3 text-left font-normal";
+        readonly compact: "relative flex min-w-0 flex-1 flex-col gap-1 px-3 py-2 text-left font-normal";
+    };
+    readonly metricChartRegion: {
+        readonly default: "relative min-h-0 w-full overflow-x-hidden border-t border-border/40 pt-2";
+        readonly compact: "relative min-h-0 w-full overflow-x-hidden border-t border-border/40 pt-1";
+    };
+    readonly metricChartPlotRegion: {
+        readonly default: "relative min-h-0 w-full overflow-x-hidden border-t border-border/40 px-0 pt-5 pb-3";
+        readonly compact: "relative min-h-0 w-full overflow-x-hidden border-t border-border/40 px-0 pt-3 pb-2";
+    };
+    readonly chartPanelBody: {
+        readonly default: "pt-2 pb-3";
+        readonly compact: "pt-1 pb-2";
+    };
+};
+type AppDensityClassKey = keyof typeof APP_DENSITY_CLASSES;
+declare function appDensityClass(key: AppDensityClassKey, density?: AppDensity): string;
+
 interface PageHeaderProps {
     title: ReactNode;
     description?: ReactNode;
@@ -529,6 +568,11 @@ interface PageProps extends PageHeaderProps {
     children: ReactNode;
     /** Slot above the title (breadcrumbs). */
     breadcrumbs?: ReactNode;
+    /**
+     * Layout rhythm for this page and descendant app-kit blocks.
+     * `compact` tightens page insets, section gaps, and card padding.
+     */
+    density?: AppDensity;
     className?: string;
 }
 declare const Page: FC<PageProps>;
@@ -537,6 +581,8 @@ interface SectionProps {
     title?: ReactNode;
     description?: ReactNode;
     children: ReactNode;
+    /** Override inherited page density for this section only. */
+    density?: AppDensity;
     className?: string;
 }
 declare const Section: FC<SectionProps>;
@@ -581,18 +627,25 @@ interface EmptyStateProps {
 }
 declare const EmptyState: FC<EmptyStateProps>;
 
+/**
+ * Tone skin — a soft tint, a matching foreground, and an inset hairline ring so
+ * the pill reads as a deliberate object rather than faint colored text. The dot
+ * (when enabled) uses an opaque version of the same hue.
+ */
 declare const statusBadgeToneClass: {
-    readonly default: "bg-muted text-foreground";
-    readonly primary: "bg-primary/10 text-primary";
-    readonly success: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400";
-    readonly warn: "bg-amber-500/10 text-amber-600 dark:text-amber-400";
-    readonly danger: "bg-destructive/10 text-destructive";
-    readonly muted: "bg-muted/80 text-muted-foreground";
+    readonly default: "bg-muted text-foreground ring-border";
+    readonly primary: "bg-primary/10 text-primary ring-primary/20";
+    readonly success: "bg-emerald-500/10 text-emerald-700 ring-emerald-500/20 dark:text-emerald-400";
+    readonly warn: "bg-amber-500/10 text-amber-700 ring-amber-500/25 dark:text-amber-400";
+    readonly danger: "bg-destructive/10 text-destructive ring-destructive/20";
+    readonly muted: "bg-muted/70 text-muted-foreground ring-border/60";
 };
 type StatusBadgeTone = keyof typeof statusBadgeToneClass;
 interface StatusBadgeProps {
     children: ReactNode;
     tone?: StatusBadgeTone;
+    /** Render a small leading status dot in the tone color. */
+    dot?: boolean;
     className?: string;
 }
 declare const StatusBadge: FC<StatusBadgeProps>;
@@ -971,6 +1024,8 @@ interface DataTableColumn<T> {
     sortable?: boolean;
     /** Value used when sorting; defaults to stringifying `cell(row)`. */
     sortValue?: (row: T) => string | number | boolean | Date | null | undefined;
+    /** Ellipsis-overflow long cell content inside the column. */
+    truncate?: boolean;
 }
 interface DataTableProps<T> {
     columns: DataTableColumn<T>[];
@@ -1028,7 +1083,7 @@ interface ChartPanelProps {
     artifact?: ChartArtifact;
     children?: ReactNode;
     actions?: ReactNode;
-    /** Plot height in px. Default 300 (same as `MetricChartCard`). */
+    /** Plot height in px. Defaults to the active page density (300 default, 220 compact). */
     height?: number;
     /** Render a skeleton at the plot height while data loads. */
     loading?: boolean;
@@ -1101,12 +1156,34 @@ declare const MetricRow: FC<MetricRowProps>;
 /** Curve interpolation styles, mirroring recharts/shadcn `type`. */
 type CurveType = "monotone" | "linear" | "step";
 
+interface ChartMargin {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+/** Recharts `margin` for flush vs default layouts. */
+declare function resolveChartMargin(options: {
+    flush: boolean;
+    showXAxis: boolean;
+    showYAxis: boolean;
+}): ChartMargin;
+/** Whether flush bar charts should use zero category gap (edge labels visible). */
+declare function flushBarCategoryGap(flush: boolean, showCategoryAxis: boolean): string | undefined;
+/** Whether flush line/area should use point scale + no-gap (edge-to-edge stroke, labeled x-axis). */
+declare function flushLineAreaEdgeToEdge(flush: boolean, variant: "area" | "line" | "bar", showXAxis: boolean, showYAxis: boolean): boolean;
+type TooltipRow = {
+    payload?: Record<string, unknown>;
+};
+/** Category label for cartesian tooltips (xKey / horizontal-bar category). */
+declare function resolveTooltipCategory(label: unknown, payload: TooltipRow[] | undefined, xKey: string, data: Array<Record<string, unknown>>, formatX: (raw: unknown, index: number) => string): string;
+
 /**
  * Theme-aware default series palette. Each entry reads a `--chart-N` token
  * (defined in `styles.css`, overridable per host app) with a literal fallback,
  * so charts rebrand automatically when the theme changes.
  */
-declare const CHART_PALETTE: readonly ["var(--chart-1, #6366f1)", "var(--chart-2, #10b981)", "var(--chart-3, #f59e0b)", "var(--chart-4, #a855f7)", "var(--chart-5, #ef4444)", "var(--chart-6, #06b6d4)"];
+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)"];
 interface ChartSeries {
     dataKey: string;
     label?: string;
@@ -1155,6 +1232,8 @@ interface LineAreaChartProps {
     tooltipIndicator?: ChartTooltipIndicator;
     formatValue?: (value: number) => string;
     formatX?: (raw: unknown, index: number) => string;
+    /** Truncate long category axis labels (full text in native tooltip). Default true. */
+    clipTicks?: boolean;
     className?: string;
     /** Accessible label for the chart image. */
     ariaLabel?: string;
@@ -1382,4 +1461,4 @@ interface ChartArtifactViewProps {
  */
 declare const ChartArtifactView: FC<ChartArtifactViewProps>;
 
-export { type FieldInputProps as $, APP_KIT_AGENT_INSTRUCTIONS as A, type BreadcrumbEntry as B, CHART_PALETTE as C, type ChartTooltipIndicator as D, type ChartVariant as E, ConnectionRow as F, ConnectionRowList as G, type ConnectionRowListProps as H, type ConnectionRowProps as I, DangerZone as J, DangerZoneAction as K, type DangerZoneActionProps as L, type DangerZoneProps as M, DataTable as N, type DataTableColumn as O, type DataTableProps as P, type DataTableSort as Q, type DataTableSortDirection as R, type DescriptionItem as S, DescriptionList as T, type DescriptionListProps as U, EmptyState as V, type EmptyStateProps as W, ExpandableSection as X, type ExpandableSectionProps as Y, Field as Z, FieldInput as _, AppChatPanel as a, Section as a$, type FieldProps as a0, FieldRow as a1, type FieldRowProps as a2, FieldSelect as a3, type FieldSelectProps as a4, FieldSwitch as a5, type FieldSwitchProps as a6, FieldTextarea as a7, type FieldTextareaProps as a8, FilterBar as a9, type MetricChartMetric as aA, MetricRow as aB, type MetricRowItem as aC, type MetricRowProps as aD, MetricTile as aE, type MetricTileProps as aF, Page as aG, PageHeader as aH, type PageHeaderProps as aI, type PageProps as aJ, PieChart as aK, type PieChartProps as aL, PlanBadge as aM, type PlanBadgeProps as aN, type PlanBadgeTone as aO, RESERVED_GRADIENT_TOKENS as aP, RadarChart as aQ, type RadarChartProps as aR, RadialChart as aS, type RadialChartProps as aT, ResourceCard as aU, type ResourceCardProps as aV, type ReviewResult as aW, SEMANTIC_COLOR_TOKENS as aX, SLOP_BUDGETS as aY, SearchInput as aZ, type SearchInputProps as a_, type FilterBarProps as aa, FilterField as ab, type FilterFieldProps as ac, FloatingUnsavedChangesBar as ad, type FloatingUnsavedChangesBarProps as ae, FormSection as af, type FormSectionProps as ag, HOUSE_RULES as ah, type HouseRule as ai, INTEGRATION_CATALOG_CARD_HEIGHT_CLASS as aj, InfoCard as ak, type InfoCardProps as al, type InfoCardTone as am, IntegrationCard as an, type IntegrationCardProps as ao, type IntegrationCardStatus as ap, IntegrationsEmptyState as aq, type IntegrationsEmptyStateProps as ar, LineAreaChart as as, type LineAreaChartProps as at, type LintFinding as au, type LintOptions as av, type LintResult as aw, type LintSeverity as ax, MetricChartCard as ay, type MetricChartCardProps as az, type AppChatPanelProps as b, type SectionProps as b0, type SemanticColorToken as b1, SettingsSection as b2, SettingsSectionHeader as b3, type SettingsSectionHeaderProps as b4, type SettingsSectionProps as b5, Sparkline as b6, type SparklineProps as b7, StatTile as b8, type StatTileProps as b9, UI_REVIEW_AGENT_INSTRUCTIONS as bA, type UseLiveQueryOptions as bB, type UseLiveQueryResult as bC, applyThemePreset as bD, applyTimbalTheme as bE, clearTimbalTheme as bF, connectionRowListClass as bG, createTimbalTheme as bH, ensureThemeFontLink as bI, formatLintReport as bJ, getStoredThemePreset as bK, getThemePreset as bL, lintGeneratedUi as bM, reviewGeneratedUi as bN, themeToCss as bO, useAppCopilotContext as bP, useAppShellChat as bQ, useAppShellNav as bR, useInterval as bS, useLiveQuery as bT, StatusBadge as ba, type StatusBadgeProps as bb, type StatusBadgeTone as bc, StatusDot as bd, type StatusDotProps as be, type StatusDotTone as bf, SubNav as bg, type SubNavItem as bh, type SubNavProps as bi, SurfaceCard as bj, type SurfaceCardProps as bk, TAILWIND_PALETTE_COLORS as bl, THEME_AGENT_INSTRUCTIONS as bm, TIMBAL_THEME_PRESETS as bn, ThemePresetGallery as bo, type ThemePresetGalleryProps as bp, type ThemeShadow as bq, type ThemeToCssOptions as br, type ThemeTokenMap as bs, type TimbalThemeIntent as bt, type TimbalThemePreset as bu, type TimbalThemePresetId as bv, TimbalThemeStyle as bw, type TimbalThemeStyleProps as bx, type TimbalThemeTokens as by, type TimbalThemeTypography 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, ChartPanel as x, type ChartPanelProps as y, type ChartSeries as z };
+export { type EmptyStateProps as $, type AppDensity as A, type BreadcrumbEntry as B, CHART_PALETTE as C, type ChartLayout as D, type ChartMargin as E, ChartPanel as F, type ChartPanelProps as G, type ChartSeries as H, type ChartTooltipIndicator as I, type ChartVariant as J, ConnectionRow as K, ConnectionRowList as L, type ConnectionRowListProps as M, type ConnectionRowProps as N, DangerZone as O, DangerZoneAction as P, type DangerZoneActionProps as Q, type DangerZoneProps as R, DataTable as S, type DataTableColumn as T, type DataTableProps as U, type DataTableSort as V, type DataTableSortDirection as W, type DescriptionItem as X, DescriptionList as Y, type DescriptionListProps as Z, EmptyState as _, type AppDensityClassKey as a, type ReviewResult as a$, ExpandableSection as a0, type ExpandableSectionProps as a1, Field as a2, FieldInput as a3, type FieldInputProps as a4, type FieldProps as a5, FieldRow as a6, type FieldRowProps as a7, FieldSelect as a8, type FieldSelectProps as a9, type LintOptions as aA, type LintResult as aB, type LintSeverity as aC, MetricChartCard as aD, type MetricChartCardProps as aE, type MetricChartMetric as aF, MetricRow as aG, type MetricRowItem as aH, type MetricRowProps as aI, MetricTile as aJ, type MetricTileProps as aK, Page as aL, PageHeader as aM, type PageHeaderProps as aN, type PageProps as aO, PieChart as aP, type PieChartProps as aQ, PlanBadge as aR, type PlanBadgeProps as aS, type PlanBadgeTone as aT, RESERVED_GRADIENT_TOKENS as aU, RadarChart as aV, type RadarChartProps as aW, RadialChart as aX, type RadialChartProps as aY, ResourceCard as aZ, type ResourceCardProps as a_, FieldSwitch as aa, type FieldSwitchProps as ab, FieldTextarea as ac, type FieldTextareaProps as ad, FilterBar as ae, type FilterBarProps as af, FilterField as ag, type FilterFieldProps as ah, FloatingUnsavedChangesBar as ai, type FloatingUnsavedChangesBarProps as aj, FormSection as ak, type FormSectionProps as al, HOUSE_RULES as am, type HouseRule as an, INTEGRATION_CATALOG_CARD_HEIGHT_CLASS as ao, InfoCard as ap, type InfoCardProps as aq, type InfoCardTone as ar, IntegrationCard as as, type IntegrationCardProps as at, type IntegrationCardStatus as au, IntegrationsEmptyState as av, type IntegrationsEmptyStateProps as aw, LineAreaChart as ax, type LineAreaChartProps as ay, type LintFinding as az, APP_DENSITY_CHART_HEIGHT as b, useLiveQuery as b$, SEMANTIC_COLOR_TOKENS as b0, SLOP_BUDGETS as b1, SearchInput as b2, type SearchInputProps as b3, Section as b4, type SectionProps as b5, type SemanticColorToken as b6, SettingsSection as b7, SettingsSectionHeader as b8, type SettingsSectionHeaderProps as b9, type TimbalThemeStyleProps as bA, type TimbalThemeTokens as bB, type TimbalThemeTypography as bC, UI_REVIEW_AGENT_INSTRUCTIONS as bD, type UseLiveQueryOptions as bE, type UseLiveQueryResult as bF, appDensityClass as bG, applyThemePreset as bH, applyTimbalTheme as bI, clearTimbalTheme as bJ, connectionRowListClass as bK, createTimbalTheme as bL, ensureThemeFontLink as bM, flushBarCategoryGap as bN, flushLineAreaEdgeToEdge as bO, formatLintReport as bP, getStoredThemePreset as bQ, getThemePreset as bR, lintGeneratedUi as bS, resolveChartMargin as bT, resolveTooltipCategory as bU, reviewGeneratedUi as bV, themeToCss as bW, useAppCopilotContext as bX, useAppShellChat as bY, useAppShellNav as bZ, useInterval as b_, type SettingsSectionProps as ba, Sparkline as bb, type SparklineProps as bc, StatTile as bd, type StatTileProps as be, StatusBadge as bf, type StatusBadgeProps as bg, type StatusBadgeTone as bh, StatusDot as bi, type StatusDotProps as bj, type StatusDotTone as bk, SubNav as bl, type SubNavItem as bm, type SubNavProps as bn, SurfaceCard as bo, type SurfaceCardProps as bp, TAILWIND_PALETTE_COLORS as bq, THEME_AGENT_INSTRUCTIONS as br, TIMBAL_THEME_PRESETS as bs, type ThemeShadow as bt, type ThemeToCssOptions as bu, type ThemeTokenMap as bv, type TimbalThemeIntent as bw, type TimbalThemePreset as bx, type TimbalThemePresetId as by, TimbalThemeStyle as bz, APP_DENSITY_CLASSES as c, APP_KIT_AGENT_INSTRUCTIONS as d, AppChatPanel as e, type AppChatPanelProps as f, AppConfirmDialog as g, type AppConfirmDialogProps as h, type AppCopilotContextValue as i, AppCopilotProvider as j, type AppCopilotProviderProps as k, AppShell as l, type AppShellChatControls as m, AppShellChatTrigger as n, type AppShellChatTriggerProps as o, type AppShellNavControls as p, type AppShellProps as q, AppShellSidebarTrigger as r, type AppShellSidebarTriggerProps as s, AppShellTopbar as t, type AppShellTopbarProps as u, type BreadcrumbItem as v, Breadcrumbs as w, type BreadcrumbsProps as x, COLOR_UTILITY_PREFIXES as y, ChartArtifactView as z };

package/dist/{chat-DCms8pJ_.d.cts → chat-ClmzWzCX.d.cts}

@@ -241,6 +241,8 @@ interface ChartArtifact {
     tooltipIndicator?: "dot" | "line" | "dashed";
     /** Show the series legend. */
     legend?: boolean;
+    /** Show category / value axis ticks on flush cartesian charts. Default false (tooltips carry labels). */
+    showAxes?: boolean;
     /** Per-slice / per-ring colors for pie / donut / radial. */
     colors?: string[];
     /** Optional unit label appended to numeric axis ticks and tooltip values. */

package/dist/{chat-DCms8pJ_.d.ts → chat-ClmzWzCX.d.ts}

@@ -241,6 +241,8 @@ interface ChartArtifact {
     tooltipIndicator?: "dot" | "line" | "dashed";
     /** Show the series legend. */
     legend?: boolean;
+    /** Show category / value axis ticks on flush cartesian charts. Default false (tooltips carry labels). */
+    showAxes?: boolean;
     /** Per-slice / per-ring colors for pie / donut / radial. */
     colors?: string[];
     /** Optional unit label appended to numeric axis ticks and tooltip values. */