@reopt-ai/opt-ui 1.8.0 → 1.10.0

package/dist/shells/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_field_sidebar = require("../field-sidebar-Bqfp6dgg.cjs");
+const require_field_sidebar = require("../field-sidebar-B6Ndr8HE.cjs");
 let _reopt_ai_opt_charts = require("@reopt-ai/opt-charts");
 exports.AppMenubar = require_field_sidebar.AppMenubar;
 exports.BranchSelect = require_field_sidebar.BranchSelect;

package/dist/shells/index.d.cts

@@ -1,4 +1,4 @@
 
-import { $ as FailureListProps, A as LogTable, At as SidebarNav, B as TimeRangeControlLabels, Bt as CommandPaletteTrigger, Ct as SettingsFormProps, D as LogColumnPriority, Dt as ContentTabsProps, E as LogColumn, Et as ContentTabs, F as TimeSeriesPanelLabels, Ft as StatusSelectProps, G as WorkflowCanvasProps, H as TimeRangePreset, Ht as CommandPalette, I as TimeSeriesPanelProps, It as SearchCombobox, J as KeyValueEditorLabels, K as WorkflowCanvasStep, L as DEFAULT_TIME_PRESETS, Lt as SearchComboboxProps, M as LogTableLabels, Mt as AppMenubar, N as LogTableProps, Nt as AppMenubarProps, O as LogDensity, Ot as EditorToolbar, P as TimeSeriesPanel, Pt as StatusSelect, Q as FailureListLabels, R as RefreshSetting, Rt as DashboardGrid, St as SettingsForm, T as LogCellAction, Tt as FaqAccordionProps, U as WorkflowCanvas, Ut as CommandPaletteProps, V as TimeRangeControlProps, Vt as CommandPaletteTriggerProps, W as WorkflowCanvasConnection, X as KeyValueEntry, Y as KeyValueEditorProps, Z as FailureList, _t as EnvPanelProps, a as FieldValueCount, at as ToastProviderProps, bt as DeploymentTimeline, c as QueryBarProps, ct as useToast, dt as DataTableProps, et as NotificationToast, ft as DomainTable, gt as EnvPanel, ht as BranchSelectProps, i as FieldSummary, it as ToastProvider, j as LogTableHandle, jt as SidebarNavProps, k as LogSort, kt as EditorToolbarProps, l as QueryField, lt as ColumnDef, mt as BranchSelect, n as FieldSidebarLabels, nt as ToastContextValue, o as QueryBar, pt as DomainTableProps, q as KeyValueEditor, r as FieldSidebarProps, rt as ToastMessage, s as QueryBarLabels, t as FieldSidebar, ut as DataTable, vt as ProjectSwitcher, wt as FaqAccordion, xt as DeploymentTimelineProps, yt as ProjectSwitcherProps, z as TimeRangeControl, zt as DashboardGridProps } from "../field-sidebar-BP0iWkoV.cjs";
+import { $ as FailureListProps, A as LogTable, At as SidebarNav, B as TimeRangeControlLabels, Bt as CommandPaletteTrigger, Ct as SettingsFormProps, D as LogColumnPriority, Dt as ContentTabsProps, E as LogColumn, Et as ContentTabs, F as TimeSeriesPanelLabels, Ft as StatusSelectProps, G as WorkflowCanvasProps, H as TimeRangePreset, Ht as CommandPalette, I as TimeSeriesPanelProps, It as SearchCombobox, J as KeyValueEditorLabels, K as WorkflowCanvasStep, L as DEFAULT_TIME_PRESETS, Lt as SearchComboboxProps, M as LogTableLabels, Mt as AppMenubar, N as LogTableProps, Nt as AppMenubarProps, O as LogDensity, Ot as EditorToolbar, P as TimeSeriesPanel, Pt as StatusSelect, Q as FailureListLabels, R as RefreshSetting, Rt as DashboardGrid, St as SettingsForm, T as LogCellAction, Tt as FaqAccordionProps, U as WorkflowCanvas, Ut as CommandPaletteProps, V as TimeRangeControlProps, Vt as CommandPaletteTriggerProps, W as WorkflowCanvasConnection, X as KeyValueEntry, Y as KeyValueEditorProps, Z as FailureList, _t as EnvPanelProps, a as FieldValueCount, at as ToastProviderProps, bt as DeploymentTimeline, c as QueryBarProps, ct as useToast, dt as DataTableProps, et as NotificationToast, ft as DomainTable, gt as EnvPanel, ht as BranchSelectProps, i as FieldSummary, it as ToastProvider, j as LogTableHandle, jt as SidebarNavProps, k as LogSort, kt as EditorToolbarProps, l as QueryField, lt as ColumnDef, mt as BranchSelect, n as FieldSidebarLabels, nt as ToastContextValue, o as QueryBar, pt as DomainTableProps, q as KeyValueEditor, r as FieldSidebarProps, rt as ToastMessage, s as QueryBarLabels, t as FieldSidebar, ut as DataTable, vt as ProjectSwitcher, wt as FaqAccordion, xt as DeploymentTimelineProps, yt as ProjectSwitcherProps, z as TimeRangeControl, zt as DashboardGridProps } from "../field-sidebar-nwcE9LC4.cjs";
 import { EventSparkline, EventSparklineLabels, EventSparklineProps, MetricsCard, MetricsCardProps, ReportWidget, ReportWidgetConfig, ReportWidgetLabels, ReportWidgetProps, ReportWidgetType, TrendChart, TrendChartProps } from "@reopt-ai/opt-charts";
 export { AppMenubar, type AppMenubarProps, BranchSelect, type BranchSelectProps, type ColumnDef, CommandPalette, type CommandPaletteProps, CommandPaletteTrigger, type CommandPaletteTriggerProps, ContentTabs, type ContentTabsProps, DEFAULT_TIME_PRESETS, DashboardGrid, type DashboardGridProps, DataTable, type DataTableProps, DeploymentTimeline, type DeploymentTimelineProps, DomainTable, type DomainTableProps, EditorToolbar, type EditorToolbarProps, EnvPanel, type EnvPanelProps, EventSparkline, type EventSparklineLabels, type EventSparklineProps, FailureList, type FailureListLabels, type FailureListProps, FaqAccordion, type FaqAccordionProps, FieldSidebar, type FieldSidebarLabels, type FieldSidebarProps, type FieldSummary, type FieldValueCount, KeyValueEditor, type KeyValueEditorLabels, type KeyValueEditorProps, type KeyValueEntry, type LogCellAction, type LogColumn, type LogColumnPriority, type LogDensity, type LogSort, LogTable, type LogTableHandle, type LogTableLabels, type LogTableProps, MetricsCard, type MetricsCardProps, NotificationToast, ProjectSwitcher, type ProjectSwitcherProps, QueryBar, type QueryBarLabels, type QueryBarProps, type QueryField, type RefreshSetting, ReportWidget, type ReportWidgetConfig, type ReportWidgetLabels, type ReportWidgetProps, type ReportWidgetType, SearchCombobox, type SearchComboboxProps, SettingsForm, type SettingsFormProps, SidebarNav, type SidebarNavProps, StatusSelect, type StatusSelectProps, TimeRangeControl, type TimeRangeControlLabels, type TimeRangeControlProps, type TimeRangePreset, TimeSeriesPanel, type TimeSeriesPanelLabels, type TimeSeriesPanelProps, type ToastContextValue, type ToastMessage, ToastProvider, type ToastProviderProps, TrendChart, type TrendChartProps, WorkflowCanvas, type WorkflowCanvasConnection, type WorkflowCanvasProps, type WorkflowCanvasStep, useToast };

package/dist/shells/index.d.ts

@@ -1,4 +1,4 @@
 
-import { $ as FailureListProps, A as LogTable, At as SidebarNav, B as TimeRangeControlLabels, Bt as CommandPaletteTrigger, Ct as SettingsFormProps, D as LogColumnPriority, Dt as ContentTabsProps, E as LogColumn, Et as ContentTabs, F as TimeSeriesPanelLabels, Ft as StatusSelectProps, G as WorkflowCanvasProps, H as TimeRangePreset, Ht as CommandPalette, I as TimeSeriesPanelProps, It as SearchCombobox, J as KeyValueEditorLabels, K as WorkflowCanvasStep, L as DEFAULT_TIME_PRESETS, Lt as SearchComboboxProps, M as LogTableLabels, Mt as AppMenubar, N as LogTableProps, Nt as AppMenubarProps, O as LogDensity, Ot as EditorToolbar, P as TimeSeriesPanel, Pt as StatusSelect, Q as FailureListLabels, R as RefreshSetting, Rt as DashboardGrid, St as SettingsForm, T as LogCellAction, Tt as FaqAccordionProps, U as WorkflowCanvas, Ut as CommandPaletteProps, V as TimeRangeControlProps, Vt as CommandPaletteTriggerProps, W as WorkflowCanvasConnection, X as KeyValueEntry, Y as KeyValueEditorProps, Z as FailureList, _t as EnvPanelProps, a as FieldValueCount, at as ToastProviderProps, bt as DeploymentTimeline, c as QueryBarProps, ct as useToast, dt as DataTableProps, et as NotificationToast, ft as DomainTable, gt as EnvPanel, ht as BranchSelectProps, i as FieldSummary, it as ToastProvider, j as LogTableHandle, jt as SidebarNavProps, k as LogSort, kt as EditorToolbarProps, l as QueryField, lt as ColumnDef, mt as BranchSelect, n as FieldSidebarLabels, nt as ToastContextValue, o as QueryBar, pt as DomainTableProps, q as KeyValueEditor, r as FieldSidebarProps, rt as ToastMessage, s as QueryBarLabels, t as FieldSidebar, ut as DataTable, vt as ProjectSwitcher, wt as FaqAccordion, xt as DeploymentTimelineProps, yt as ProjectSwitcherProps, z as TimeRangeControl, zt as DashboardGridProps } from "../field-sidebar-5KYVlpSs.js";
+import { $ as FailureListProps, A as LogTable, At as SidebarNav, B as TimeRangeControlLabels, Bt as CommandPaletteTrigger, Ct as SettingsFormProps, D as LogColumnPriority, Dt as ContentTabsProps, E as LogColumn, Et as ContentTabs, F as TimeSeriesPanelLabels, Ft as StatusSelectProps, G as WorkflowCanvasProps, H as TimeRangePreset, Ht as CommandPalette, I as TimeSeriesPanelProps, It as SearchCombobox, J as KeyValueEditorLabels, K as WorkflowCanvasStep, L as DEFAULT_TIME_PRESETS, Lt as SearchComboboxProps, M as LogTableLabels, Mt as AppMenubar, N as LogTableProps, Nt as AppMenubarProps, O as LogDensity, Ot as EditorToolbar, P as TimeSeriesPanel, Pt as StatusSelect, Q as FailureListLabels, R as RefreshSetting, Rt as DashboardGrid, St as SettingsForm, T as LogCellAction, Tt as FaqAccordionProps, U as WorkflowCanvas, Ut as CommandPaletteProps, V as TimeRangeControlProps, Vt as CommandPaletteTriggerProps, W as WorkflowCanvasConnection, X as KeyValueEntry, Y as KeyValueEditorProps, Z as FailureList, _t as EnvPanelProps, a as FieldValueCount, at as ToastProviderProps, bt as DeploymentTimeline, c as QueryBarProps, ct as useToast, dt as DataTableProps, et as NotificationToast, ft as DomainTable, gt as EnvPanel, ht as BranchSelectProps, i as FieldSummary, it as ToastProvider, j as LogTableHandle, jt as SidebarNavProps, k as LogSort, kt as EditorToolbarProps, l as QueryField, lt as ColumnDef, mt as BranchSelect, n as FieldSidebarLabels, nt as ToastContextValue, o as QueryBar, pt as DomainTableProps, q as KeyValueEditor, r as FieldSidebarProps, rt as ToastMessage, s as QueryBarLabels, t as FieldSidebar, ut as DataTable, vt as ProjectSwitcher, wt as FaqAccordion, xt as DeploymentTimelineProps, yt as ProjectSwitcherProps, z as TimeRangeControl, zt as DashboardGridProps } from "../field-sidebar-DWfJAJlx.js";
 import { EventSparkline, EventSparklineLabels, EventSparklineProps, MetricsCard, MetricsCardProps, ReportWidget, ReportWidgetConfig, ReportWidgetLabels, ReportWidgetProps, ReportWidgetType, TrendChart, TrendChartProps } from "@reopt-ai/opt-charts";
 export { AppMenubar, type AppMenubarProps, BranchSelect, type BranchSelectProps, type ColumnDef, CommandPalette, type CommandPaletteProps, CommandPaletteTrigger, type CommandPaletteTriggerProps, ContentTabs, type ContentTabsProps, DEFAULT_TIME_PRESETS, DashboardGrid, type DashboardGridProps, DataTable, type DataTableProps, DeploymentTimeline, type DeploymentTimelineProps, DomainTable, type DomainTableProps, EditorToolbar, type EditorToolbarProps, EnvPanel, type EnvPanelProps, EventSparkline, type EventSparklineLabels, type EventSparklineProps, FailureList, type FailureListLabels, type FailureListProps, FaqAccordion, type FaqAccordionProps, FieldSidebar, type FieldSidebarLabels, type FieldSidebarProps, type FieldSummary, type FieldValueCount, KeyValueEditor, type KeyValueEditorLabels, type KeyValueEditorProps, type KeyValueEntry, type LogCellAction, type LogColumn, type LogColumnPriority, type LogDensity, type LogSort, LogTable, type LogTableHandle, type LogTableLabels, type LogTableProps, MetricsCard, type MetricsCardProps, NotificationToast, ProjectSwitcher, type ProjectSwitcherProps, QueryBar, type QueryBarLabels, type QueryBarProps, type QueryField, type RefreshSetting, ReportWidget, type ReportWidgetConfig, type ReportWidgetLabels, type ReportWidgetProps, type ReportWidgetType, SearchCombobox, type SearchComboboxProps, SettingsForm, type SettingsFormProps, SidebarNav, type SidebarNavProps, StatusSelect, type StatusSelectProps, TimeRangeControl, type TimeRangeControlLabels, type TimeRangeControlProps, type TimeRangePreset, TimeSeriesPanel, type TimeSeriesPanelLabels, type TimeSeriesPanelProps, type ToastContextValue, type ToastMessage, ToastProvider, type ToastProviderProps, TrendChart, type TrendChartProps, WorkflowCanvas, type WorkflowCanvasConnection, type WorkflowCanvasProps, type WorkflowCanvasStep, useToast };

package/dist/shells/index.js

@@ -1,5 +1,5 @@
 "use client";
 "use client";
-import { A as DataTable, B as SidebarNav, C as WorkflowCanvas, D as ToastProvider, E as NotificationToast, F as DeploymentTimeline, G as CommandPaletteTrigger, H as StatusSelect, I as SettingsForm, K as CommandPalette, L as FaqAccordion, M as BranchSelect, N as EnvPanel, P as ProjectSwitcher, R as ContentTabs, T as FailureList, U as SearchCombobox, V as AppMenubar, W as DashboardGrid, b as DEFAULT_TIME_PRESETS, j as DomainTable, k as useToast, n as QueryBar, t as FieldSidebar, v as LogTable, w as KeyValueEditor, x as TimeRangeControl, y as TimeSeriesPanel, z as EditorToolbar } from "../field-sidebar-BYD_UIjG.js";
+import { A as DataTable, B as SidebarNav, C as WorkflowCanvas, D as ToastProvider, E as NotificationToast, F as DeploymentTimeline, G as CommandPaletteTrigger, H as StatusSelect, I as SettingsForm, K as CommandPalette, L as FaqAccordion, M as BranchSelect, N as EnvPanel, P as ProjectSwitcher, R as ContentTabs, T as FailureList, U as SearchCombobox, V as AppMenubar, W as DashboardGrid, b as DEFAULT_TIME_PRESETS, j as DomainTable, k as useToast, n as QueryBar, t as FieldSidebar, v as LogTable, w as KeyValueEditor, x as TimeRangeControl, y as TimeSeriesPanel, z as EditorToolbar } from "../field-sidebar-BXjvV7Cz.js";
 import { EventSparkline, MetricsCard, ReportWidget, TrendChart } from "@reopt-ai/opt-charts";
 export { AppMenubar, BranchSelect, CommandPalette, CommandPaletteTrigger, ContentTabs, DEFAULT_TIME_PRESETS, DashboardGrid, DataTable, DeploymentTimeline, DomainTable, EditorToolbar, EnvPanel, EventSparkline, FailureList, FaqAccordion, FieldSidebar, KeyValueEditor, LogTable, MetricsCard, NotificationToast, ProjectSwitcher, QueryBar, ReportWidget, SearchCombobox, SettingsForm, SidebarNav, StatusSelect, TimeRangeControl, TimeSeriesPanel, ToastProvider, TrendChart, WorkflowCanvas, useToast };

package/dist/{types-D0FlcYnM.d.ts → text-truncate-BGr7bB_8.d.cts}

@@ -1,4 +1,5 @@
 
+import { LucideIcon } from "lucide-react";
 //#region src/lib/types.d.ts
 /** Defines the command shape (data for command palettes / menus). */
 interface CommandDef {
@@ -297,5 +298,112 @@ interface ChatStylePresetDef {
   systemPrompt?: string;
 }
 //#endregion
-export { StatCard as A, MenuDef as C, ProjectDef as D, NavItemDef as E, TimePreset as F, ToastOptions as I, ToolbarButtonDef as L, TableColumn as M, TaskDef as N, QuickActionDef as O, TeamMemberDef as P, FormFieldDef as S, NavItem as T, ExportFormat as _, ChartMargin as a, FilterGroupDef as b, ChatMessageDef as c, CommandDef as d, DeploymentStep as f, ExportColumn as g, EnvVarDef as h, ChartDataPoint as i, TabDef as j, SelectOption as k, ChatModelDef as l, EnvGroupDef as m, BranchDef as n, ChartSeriesDef as o, DomainDef as p, ChartConfig as r, ChatConversationDef as s, ActivityDef as t, ChatStylePresetDef as u, FailureItem as v, MenuItemDef as w, FilterOption as x, FaqItem as y };
-//# sourceMappingURL=types-D0FlcYnM.d.ts.map
+//#region src/core/field-token.d.ts
+/**
+ * The kinds of field an analytics schema actually carries. Two fields of the
+ * same shape but different meaning — a `date` you group by and a `duration`
+ * you average — get different glyphs, because the reader is scanning for
+ * meaning, not for storage class.
+ */
+type FieldDataType = "string" | "number" | "boolean" | "date" | "datetime" | "duration" | "percent" | "currency" | "enum" | "array" | "object" | "json" | "ip" | "geo" | "url" | "email" | "id" | "binary" | "aggregate" | "nested" | "unknown";
+interface TokenAppearance {
+  icon: LucideIcon;
+  /** Index into the chart palette, so a token inherits the active theme. */
+  tone: number;
+  /** Fallback `title` when the caller gives none. */
+  name: string;
+}
+/**
+ * The glyph and palette slot each field type reads as. Exported so a product
+ * can render the same legend the tokens imply.
+ */
+declare const FIELD_TYPE_TOKENS: Record<FieldDataType, TokenAppearance>;
+/**
+ * Names a backend type as one of ours. Accepts the spellings Postgres,
+ * ClickHouse, DuckDB, and JSON Schema actually emit, so a caller can hand
+ * over a column type verbatim instead of maintaining its own table.
+ */
+declare function resolveFieldType(raw: string | null | undefined): FieldDataType;
+/** Props for the field token component. */
+interface FieldTokenProps {
+  /** The field's type. Pass a raw backend type through `resolveFieldType`. */
+  type: FieldDataType;
+  size?: "xs" | "sm" | "md" | "lg";
+  /** `subtle` tints the square; `solid` fills it; `none` draws the glyph bare. */
+  fill?: "subtle" | "solid" | "none";
+  shape?: "square" | "circle";
+  /**
+   * Accessible name. Defaults to the type's own name — pass the field name
+   * when the token stands alone, so a reader hears "user_id, identifier"
+   * rather than just "identifier".
+   */
+  title?: string;
+  /**
+   * Hide the token from the accessibility tree. Use when the field's type is
+   * already stated in adjacent text, so it is not read twice.
+   */
+  decorative?: boolean;
+  className?: string;
+}
+/**
+ * FieldToken — the type of a field, as a glyph.
+ *
+ * A field list, a column header, and a property table all have to answer
+ * "what kind of thing is this?" before anything else, and they have to answer
+ * it in the width of an icon. This is that answer: one glyph per type, one
+ * palette slot per glyph, stable across every surface that shows fields, so a
+ * reader learns the vocabulary once.
+ *
+ * @example
+ * ```tsx
+ * <FieldToken type={resolveFieldType(column.dataType)} title={column.name} />
+ * ```
+ */
+declare function FieldToken({ type, size, fill, shape, title, decorative, className }: FieldTokenProps): import("react").JSX.Element;
+//#endregion
+//#region src/core/text-truncate.d.ts
+/** Where the characters are dropped from. */
+type TruncationSide = "end" | "start" | "middle" | "startEnd";
+/** Props for the text truncate component. */
+interface TextTruncateProps {
+  text: string;
+  /**
+   * `end` is the browser default. `start` keeps a filename, `startEnd` keeps
+   * both ends of a path or id, `middle` keeps a timestamp buried in a line.
+   */
+  truncation?: TruncationSide;
+  ellipsis?: string;
+  /**
+   * Fixed width in pixels. Omit to measure the container, which is what a
+   * table cell wants.
+   */
+  width?: number;
+  /**
+   * Render the visible text yourself — to wrap the kept part in a `<mark>`,
+   * say. Receives the already-truncated string.
+   */
+  children?: (truncated: string) => React.ReactNode;
+  className?: string;
+}
+/**
+ * TextTruncate — drops characters from the part of a string that identifies it
+ * least.
+ *
+ * CSS can only cut the end. That is the wrong end for the strings analytics
+ * shows most: two URLs that differ in their query string, two ids that share a
+ * prefix, a stack frame whose filename is at the tail. This measures the real
+ * text in the real font against the real available width and cuts where the
+ * caller says.
+ *
+ * The full string stays in the accessibility tree and in `title`, so
+ * truncation never costs the reader information — only space.
+ *
+ * @example
+ * ```tsx
+ * <TextTruncate text={event.url} truncation="startEnd" />
+ * ```
+ */
+declare function TextTruncate({ text, truncation, ellipsis, width, children, className }: TextTruncateProps): import("react").JSX.Element;
+//#endregion
+export { FormFieldDef as A, TableColumn as B, EnvVarDef as C, FaqItem as D, FailureItem as E, ProjectDef as F, ToolbarButtonDef as G, TeamMemberDef as H, QuickActionDef as I, SelectOption as L, MenuItemDef as M, NavItem as N, FilterGroupDef as O, NavItemDef as P, StatCard as R, EnvGroupDef as S, ExportFormat as T, TimePreset as U, TaskDef as V, ToastOptions as W, ChatModelDef as _, FieldDataType as a, DeploymentStep as b, resolveFieldType as c, ChartConfig as d, ChartDataPoint as f, ChatMessageDef as g, ChatConversationDef as h, FIELD_TYPE_TOKENS as i, MenuDef as j, FilterOption as k, ActivityDef as l, ChartSeriesDef as m, TextTruncateProps as n, FieldToken as o, ChartMargin as p, TruncationSide as r, FieldTokenProps as s, TextTruncate as t, BranchDef as u, ChatStylePresetDef as v, ExportColumn as w, DomainDef as x, CommandDef as y, TabDef as z };
+//# sourceMappingURL=text-truncate-BGr7bB_8.d.cts.map

package/dist/text-truncate-BGr7bB_8.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-truncate-BGr7bB_8.d.cts","names":[],"sources":["../src/lib/types.ts","../src/core/field-token.tsx","../src/core/text-truncate.tsx"],"mappings":";;;;UACiB;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAAY;EACZ;;;UAIe;EACf;EACA;EACA,OAAO;;;UAIQ;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA,MAAM,MAAM;EACZ;;;UAIe;EACf;EACA;EACA,SAAS,MAAM;;;UAIA;EACf;EACA;EACA;EAWA;EACA;EACA;EACA;EACA,YAAY;EACZ;IAAY;IAAe;;;EAE3B;;EAEA;;EAEA;;EAEA;;EAEA,sBAAsB,QAAQ;;;UAMf;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA,MAAM;;;UAIS;EACf;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;EACA;;;UAMe,YAAY;EAC3B;EACA;EACA,gBAAgB,MAAM,KAAK,MAAM,MAAM;EACvC;EACA;;;UAIe;EACf;EACA;EACA;EACA;;;UAMe;EACf;EACA;EACA;EACA;EACA;EACA,WAAW;EACX;EACA;EACA;IAAa;IAAY;IAAe;;;;UAIzB;EACf;EACA;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EAQA;EACA;EACA,OAAO;EACP;EACA,WAAW;EACX;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA,UAAU;EACV;;;UAIe;EACf;EACA;EACA;EACA,OAAO,MAAM;EACb;EACA;EACA;;;UAMe;EACf;EACA;;;KAIU;;UAGK;EACf;EACA;;;UAMe;EACf;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;;;UAMI;EACf;GACC;;;UAIc;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf,QAAQ;EACR;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;;;UAMe;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;;;;;;;;KCnUU;UAuBF;EACR,MAAM;;EAEN;;EAEA;;;;;;cAOW,mBAAmB,OAAO,eAAe;;;;;;iBA6BtC,iBACd,iCACC;;UA2Cc;;EAEf,MAAM;EACN;;EAEA;EACA;;;;;;EAMA;;;;;EAKA;EACA;;;;;;;;;;;;;;;;iBAiBc,aACd,MACA,MACA,MACA,OACA,OACA,YACA,aACC,kCAAe,IAAA;;;;KCjLN;;UA8FK;EACf;;;;;EAKA,aAAa;EACb;;;;;EAKA;;;;;EAKA,YAAY,sBAAsB,MAAM;EACxC;;;;;;;;;;;;;;;;;;;;iBAqBc,eACd,MACA,YACA,UACA,OACA,UACA,aACC,oCAAiB,IAAA"}

package/dist/{types-D0FlcYnM.d.cts → text-truncate-BGr7bB_8.d.ts}

@@ -1,4 +1,5 @@
 
+import { LucideIcon } from "lucide-react";
 //#region src/lib/types.d.ts
 /** Defines the command shape (data for command palettes / menus). */
 interface CommandDef {
@@ -297,5 +298,112 @@ interface ChatStylePresetDef {
   systemPrompt?: string;
 }
 //#endregion
-export { StatCard as A, MenuDef as C, ProjectDef as D, NavItemDef as E, TimePreset as F, ToastOptions as I, ToolbarButtonDef as L, TableColumn as M, TaskDef as N, QuickActionDef as O, TeamMemberDef as P, FormFieldDef as S, NavItem as T, ExportFormat as _, ChartMargin as a, FilterGroupDef as b, ChatMessageDef as c, CommandDef as d, DeploymentStep as f, ExportColumn as g, EnvVarDef as h, ChartDataPoint as i, TabDef as j, SelectOption as k, ChatModelDef as l, EnvGroupDef as m, BranchDef as n, ChartSeriesDef as o, DomainDef as p, ChartConfig as r, ChatConversationDef as s, ActivityDef as t, ChatStylePresetDef as u, FailureItem as v, MenuItemDef as w, FilterOption as x, FaqItem as y };
-//# sourceMappingURL=types-D0FlcYnM.d.cts.map
+//#region src/core/field-token.d.ts
+/**
+ * The kinds of field an analytics schema actually carries. Two fields of the
+ * same shape but different meaning — a `date` you group by and a `duration`
+ * you average — get different glyphs, because the reader is scanning for
+ * meaning, not for storage class.
+ */
+type FieldDataType = "string" | "number" | "boolean" | "date" | "datetime" | "duration" | "percent" | "currency" | "enum" | "array" | "object" | "json" | "ip" | "geo" | "url" | "email" | "id" | "binary" | "aggregate" | "nested" | "unknown";
+interface TokenAppearance {
+  icon: LucideIcon;
+  /** Index into the chart palette, so a token inherits the active theme. */
+  tone: number;
+  /** Fallback `title` when the caller gives none. */
+  name: string;
+}
+/**
+ * The glyph and palette slot each field type reads as. Exported so a product
+ * can render the same legend the tokens imply.
+ */
+declare const FIELD_TYPE_TOKENS: Record<FieldDataType, TokenAppearance>;
+/**
+ * Names a backend type as one of ours. Accepts the spellings Postgres,
+ * ClickHouse, DuckDB, and JSON Schema actually emit, so a caller can hand
+ * over a column type verbatim instead of maintaining its own table.
+ */
+declare function resolveFieldType(raw: string | null | undefined): FieldDataType;
+/** Props for the field token component. */
+interface FieldTokenProps {
+  /** The field's type. Pass a raw backend type through `resolveFieldType`. */
+  type: FieldDataType;
+  size?: "xs" | "sm" | "md" | "lg";
+  /** `subtle` tints the square; `solid` fills it; `none` draws the glyph bare. */
+  fill?: "subtle" | "solid" | "none";
+  shape?: "square" | "circle";
+  /**
+   * Accessible name. Defaults to the type's own name — pass the field name
+   * when the token stands alone, so a reader hears "user_id, identifier"
+   * rather than just "identifier".
+   */
+  title?: string;
+  /**
+   * Hide the token from the accessibility tree. Use when the field's type is
+   * already stated in adjacent text, so it is not read twice.
+   */
+  decorative?: boolean;
+  className?: string;
+}
+/**
+ * FieldToken — the type of a field, as a glyph.
+ *
+ * A field list, a column header, and a property table all have to answer
+ * "what kind of thing is this?" before anything else, and they have to answer
+ * it in the width of an icon. This is that answer: one glyph per type, one
+ * palette slot per glyph, stable across every surface that shows fields, so a
+ * reader learns the vocabulary once.
+ *
+ * @example
+ * ```tsx
+ * <FieldToken type={resolveFieldType(column.dataType)} title={column.name} />
+ * ```
+ */
+declare function FieldToken({ type, size, fill, shape, title, decorative, className }: FieldTokenProps): import("react").JSX.Element;
+//#endregion
+//#region src/core/text-truncate.d.ts
+/** Where the characters are dropped from. */
+type TruncationSide = "end" | "start" | "middle" | "startEnd";
+/** Props for the text truncate component. */
+interface TextTruncateProps {
+  text: string;
+  /**
+   * `end` is the browser default. `start` keeps a filename, `startEnd` keeps
+   * both ends of a path or id, `middle` keeps a timestamp buried in a line.
+   */
+  truncation?: TruncationSide;
+  ellipsis?: string;
+  /**
+   * Fixed width in pixels. Omit to measure the container, which is what a
+   * table cell wants.
+   */
+  width?: number;
+  /**
+   * Render the visible text yourself — to wrap the kept part in a `<mark>`,
+   * say. Receives the already-truncated string.
+   */
+  children?: (truncated: string) => React.ReactNode;
+  className?: string;
+}
+/**
+ * TextTruncate — drops characters from the part of a string that identifies it
+ * least.
+ *
+ * CSS can only cut the end. That is the wrong end for the strings analytics
+ * shows most: two URLs that differ in their query string, two ids that share a
+ * prefix, a stack frame whose filename is at the tail. This measures the real
+ * text in the real font against the real available width and cuts where the
+ * caller says.
+ *
+ * The full string stays in the accessibility tree and in `title`, so
+ * truncation never costs the reader information — only space.
+ *
+ * @example
+ * ```tsx
+ * <TextTruncate text={event.url} truncation="startEnd" />
+ * ```
+ */
+declare function TextTruncate({ text, truncation, ellipsis, width, children, className }: TextTruncateProps): import("react").JSX.Element;
+//#endregion
+export { FormFieldDef as A, TableColumn as B, EnvVarDef as C, FaqItem as D, FailureItem as E, ProjectDef as F, ToolbarButtonDef as G, TeamMemberDef as H, QuickActionDef as I, SelectOption as L, MenuItemDef as M, NavItem as N, FilterGroupDef as O, NavItemDef as P, StatCard as R, EnvGroupDef as S, ExportFormat as T, TimePreset as U, TaskDef as V, ToastOptions as W, ChatModelDef as _, FieldDataType as a, DeploymentStep as b, resolveFieldType as c, ChartConfig as d, ChartDataPoint as f, ChatMessageDef as g, ChatConversationDef as h, FIELD_TYPE_TOKENS as i, MenuDef as j, FilterOption as k, ActivityDef as l, ChartSeriesDef as m, TextTruncateProps as n, FieldToken as o, ChartMargin as p, TruncationSide as r, FieldTokenProps as s, TextTruncate as t, BranchDef as u, ChatStylePresetDef as v, ExportColumn as w, DomainDef as x, CommandDef as y, TabDef as z };
+//# sourceMappingURL=text-truncate-BGr7bB_8.d.ts.map

package/dist/text-truncate-BGr7bB_8.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-truncate-BGr7bB_8.d.ts","names":[],"sources":["../src/lib/types.ts","../src/core/field-token.tsx","../src/core/text-truncate.tsx"],"mappings":";;;;UACiB;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAAY;EACZ;;;UAIe;EACf;EACA;EACA,OAAO;;;UAIQ;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA,MAAM,MAAM;EACZ;;;UAIe;EACf;EACA;EACA,SAAS,MAAM;;;UAIA;EACf;EACA;EACA;EAWA;EACA;EACA;EACA;EACA,YAAY;EACZ;IAAY;IAAe;;;EAE3B;;EAEA;;EAEA;;EAEA;;EAEA,sBAAsB,QAAQ;;;UAMf;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA,MAAM;;;UAIS;EACf;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;EACA;;;UAMe,YAAY;EAC3B;EACA;EACA,gBAAgB,MAAM,KAAK,MAAM,MAAM;EACvC;EACA;;;UAIe;EACf;EACA;EACA;EACA;;;UAMe;EACf;EACA;EACA;EACA;EACA;EACA,WAAW;EACX;EACA;EACA;IAAa;IAAY;IAAe;;;;UAIzB;EACf;EACA;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EAQA;EACA;EACA,OAAO;EACP;EACA,WAAW;EACX;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA,UAAU;EACV;;;UAIe;EACf;EACA;EACA;EACA,OAAO,MAAM;EACb;EACA;EACA;;;UAMe;EACf;EACA;;;KAIU;;UAGK;EACf;EACA;;;UAMe;EACf;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;;;UAMI;EACf;GACC;;;UAIc;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf,QAAQ;EACR;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;;;UAMe;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;UAIe;EACf;EACA;EACA;;;;;;;;;;KCnUU;UAuBF;EACR,MAAM;;EAEN;;EAEA;;;;;;cAOW,mBAAmB,OAAO,eAAe;;;;;;iBA6BtC,iBACd,iCACC;;UA2Cc;;EAEf,MAAM;EACN;;EAEA;EACA;;;;;;EAMA;;;;;EAKA;EACA;;;;;;;;;;;;;;;;iBAiBc,aACd,MACA,MACA,MACA,OACA,OACA,YACA,aACC,kCAAe,IAAA;;;;KCjLN;;UA8FK;EACf;;;;;EAKA,aAAa;EACb;;;;;EAKA;;;;;EAKA,YAAY,sBAAsB,MAAM;EACxC;;;;;;;;;;;;;;;;;;;;iBAqBc,eACd,MACA,YACA,UACA,OACA,UACA,aACC,oCAAiB,IAAA"}