@signalflare-ai/ui 0.5.0

package/dist/src/components/ai-timeline/ai-timeline.d.ts

@@ -0,0 +1,130 @@
+import { ComponentProps, ElementType, ReactNode } from 'react';
+export declare const SF_AI_TIMELINE_VARIANTS: {
+    readonly density: {
+        readonly comfortable: {
+            readonly classes: "";
+            readonly description: "Taller lanes with more padding";
+        };
+        readonly compact: {
+            readonly classes: "";
+            readonly description: "Tight lanes for dense views";
+        };
+    };
+};
+export declare const SF_AI_TIMELINE_DEFAULT_VARIANTS: {
+    readonly density: "comfortable";
+};
+export type SFAiTimelineDensity = keyof typeof SF_AI_TIMELINE_VARIANTS.density;
+/** Visual type of a timeline block — controls color and icon. */
+export type AiTimelineBlockType = "running" | "tool_call" | "waiting" | "approval" | "completed" | "error";
+/** A colored segment on a lane representing a period of activity. */
+export interface AiTimelineBlock {
+    /** Unique ID for this block. */
+    id: string;
+    /** Visual type (controls color). */
+    type: AiTimelineBlockType;
+    /** Wall-clock ms when this activity started. */
+    startMs: number;
+    /**
+     * Wall-clock ms when this activity ended.
+     * Undefined means still active — the block extends to "now".
+     */
+    endMs?: number;
+    /** Short label shown inside the block when space allows. */
+    label?: string;
+    /** Longer description shown in the expanded detail panel. */
+    description?: string;
+    /** Extra detail content shown when the block is expanded. */
+    detail?: ReactNode;
+}
+export type AiTimelineLaneProps = Omit<ComponentProps<"div">, "children"> & {
+    /** Lane label (agent name). */
+    label: string;
+    /** Agent type string for icon selection. */
+    agentType?: string;
+    /** Model ID shown as a subtle badge. */
+    modelId?: string;
+    /** Current lane status — controls the label icon. */
+    status?: "idle" | "running" | "completed" | "error";
+    /** Ordered activity blocks for this lane. */
+    blocks: AiTimelineBlock[];
+    /** Timeline origin (ms) — same as AiTimeline timeOrigin. */
+    timeOrigin: number;
+    /** Current "now" timestamp (ms) for live blocks. */
+    nowMs: number;
+    /** Pixels per millisecond (zoom level). */
+    pxPerMs: number;
+    /** Whether the lane is expanded to show block details. */
+    defaultExpanded?: boolean;
+    /** Callback when a block is clicked. */
+    onBlockClick?: (block: AiTimelineBlock) => void;
+    /** Custom icon override. */
+    icon?: ElementType;
+    /** Lane height variant. */
+    density?: SFAiTimelineDensity;
+};
+export type AiTimelineProps = Omit<ComponentProps<"div">, "children"> & {
+    /**
+     * Wall-clock ms for the timeline origin (t=0).
+     * Defaults to the startMs of the first block across all lanes.
+     */
+    timeOrigin?: number;
+    /**
+     * Pixels per second of elapsed time.
+     * Controls horizontal zoom level.
+     * @default 30
+     */
+    pixelsPerSecond?: number;
+    /**
+     * Whether to show a pulsing "now" marker at the live edge.
+     * @default true
+     */
+    showNowMarker?: boolean;
+    /**
+     * Current timestamp in ms. Used to render the "now" marker and open-ended
+     * block widths. Pass a stable `useState` value to prevent hydration shifts.
+     * When omitted, `Date.now()` is called at render time (fine for live views
+     * driven by a ticking parent, not suitable for SSR).
+     */
+    nowMs?: number;
+    /** Lane density variant. @default "comfortable" */
+    density?: SFAiTimelineDensity;
+    /** Children should be `AiTimelineLane` components. */
+    children?: ReactNode;
+};
+/**
+ * `AiTimelineLane` — a single horizontal swim lane within an `AiTimeline`.
+ *
+ * Shows one agent's activity as colored blocks on a time axis. Blocks
+ * represent periods of activity: running, tool calls, waiting, etc.
+ *
+ * Consumed by `AiTimeline` — pass lanes as children.
+ */
+export declare const AiTimelineLane: import('react').ForwardRefExoticComponent<Omit<AiTimelineLaneProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * `AiTimeline` — horizontal swim-lane timeline for commander-level orchestration.
+ *
+ * Displays multiple `AiTimelineLane` children on a shared time axis. Supports
+ * live updating (a "now" marker follows the live edge), panning, and zoom via
+ * `pixelsPerSecond`.
+ *
+ * @example
+ * ```tsx
+ * <AiTimeline
+ *   timeOrigin={state.missionStartedAt}
+ *   pixelsPerSecond={30}
+ *   showNowMarker
+ * >
+ *   <AiTimelineLane
+ *     label="Main"
+ *     blocks={mainLaneBlocks}
+ *     timeOrigin={timeOrigin}
+ *     nowMs={Date.now()}
+ *     pxPerMs={pxPerMs}
+ *   />
+ *   <AiTimelineLane label="Explore" blocks={exploreBlocks} ... />
+ * </AiTimeline>
+ * ```
+ */
+export declare const AiTimeline: import('react').ForwardRefExoticComponent<Omit<AiTimelineProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ai-timeline.d.ts.map

package/dist/src/components/ai-timeline/ai-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-timeline.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-timeline/ai-timeline.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOpE,eAAO,MAAM,uBAAuB;;;;;;;;;;;CAK1B,CAAC;AAEX,eAAO,MAAM,+BAA+B;;CAElC,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,uBAAuB,CAAC,OAAO,CAAC;AAI/E,iEAAiE;AACjE,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,WAAW,GACX,SAAS,GACT,UAAU,GACV,WAAW,GACX,OAAO,CAAC;AAEZ,qEAAqE;AACrE,MAAM,WAAW,eAAe;IAC9B,gCAAgC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,oCAAoC;IACpC,IAAI,EAAE,mBAAmB,CAAC;IAC1B,gDAAgD;IAChD,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAID,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1E,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IACpD,6CAA6C;IAC7C,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,4DAA4D;IAC5D,UAAU,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD,4BAA4B;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B,CAAC;AAIF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACtE;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAqMF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,6HAwK1B,CAAC;AAiDF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,UAAU,yHA6ItB,CAAC"}

package/dist/src/components/ai-timeline/index.d.ts

@@ -0,0 +1,2 @@
+export { AiTimeline, AiTimelineLane, SF_AI_TIMELINE_VARIANTS, SF_AI_TIMELINE_DEFAULT_VARIANTS, type AiTimelineProps, type AiTimelineLaneProps, type AiTimelineBlock, type AiTimelineBlockType, type SFAiTimelineDensity, } from './ai-timeline';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/ai-timeline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,cAAc,EACd,uBAAuB,EACvB,+BAA+B,EAC/B,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,GACzB,MAAM,eAAe,CAAC"}

package/dist/src/components/ai-tool/ai-tool.d.ts

@@ -0,0 +1,138 @@
+import { ComponentProps, ElementType } from 'react';
+export declare const SF_AI_TOOL_VARIANTS: {
+    readonly variant: {
+        readonly default: {
+            readonly classes: "";
+            readonly description: "Expandable card with collapsible input/output sections";
+        };
+        readonly inline: {
+            readonly classes: "";
+            readonly description: "Compact single-line display with left accent border";
+        };
+        readonly minimal: {
+            readonly classes: "";
+            readonly description: "Pill-shaped status badge";
+        };
+    };
+};
+export declare const SF_AI_TOOL_DEFAULT_VARIANTS: {
+    readonly variant: "default";
+};
+/** Tool execution state — matches Vercel AI SDK ToolUIPart["state"]. */
+export type AiToolState = "input-streaming" | "input-available" | "approval-requested" | "approval-responded" | "output-available" | "output-error" | "output-denied";
+/** Display variant for tool call rendering. */
+export type AiToolCallVariant = keyof typeof SF_AI_TOOL_VARIANTS.variant;
+/** Approval state for tools requiring user confirmation. */
+export type AiToolApprovalState = "awaiting" | "approved" | "declined" | undefined;
+/**
+ * Structured tool part — mirrors the shape of Vercel AI SDK's `ToolUIPart`
+ * without requiring the `ai` package as a dependency.
+ */
+export interface AiToolPart {
+    /** Tool call identifier. */
+    toolCallId: string;
+    /** Tool name or type identifier. */
+    toolName: string;
+    /** Current execution state. */
+    state: AiToolState;
+    /** Tool input parameters. */
+    input?: unknown;
+    /** Tool output result. */
+    output?: unknown;
+    /** Error text when state is "output-error". */
+    errorText?: string;
+}
+export type AiToolCallProps = Omit<ComponentProps<"div">, "part"> & {
+    /** Structured tool part data. */
+    part: AiToolPart;
+    /** Display variant. @default "default" */
+    variant?: AiToolCallVariant;
+    /** Duration in milliseconds. */
+    duration?: number;
+    /** Summary text shown alongside the tool name. */
+    summary?: string;
+    /** Custom icon override. */
+    icon?: ElementType;
+    /** Approval state for tools requiring confirmation. */
+    approvalState?: AiToolApprovalState;
+    /** Called when user approves a tool call (only relevant when `approvalState="awaiting"`). */
+    onApprove?: () => void;
+    /** Called when user rejects a tool call (only relevant when `approvalState="awaiting"`). */
+    onReject?: () => void;
+    /** Default expanded state for the collapsible. @default false */
+    defaultExpanded?: boolean;
+};
+export type AiToolCallGroupProps = Omit<ComponentProps<"div">, "part"> & {
+    /** Array of tool parts. */
+    parts: AiToolPart[];
+    /** Group label. */
+    label?: string;
+    /** Duration map keyed by toolCallId. */
+    durations?: Record<string, number>;
+    /** Summary map keyed by toolCallId. */
+    summaries?: Record<string, string>;
+    /** Approval states map keyed by toolCallId. */
+    approvalStates?: Record<string, AiToolApprovalState>;
+    /** Called when user approves a tool call. Receives the `toolCallId`. */
+    onApprove?: (toolCallId: string) => void;
+    /** Called when user rejects a tool call. Receives the `toolCallId`. */
+    onReject?: (toolCallId: string) => void;
+    /** Default expanded state. @default false */
+    defaultExpanded?: boolean;
+};
+export type AiToolCallTimelineProps = ComponentProps<"div"> & {
+    /** Array of tool parts. */
+    parts: AiToolPart[];
+    /** Duration map keyed by toolCallId. */
+    durations?: Record<string, number>;
+};
+/** Extract the display-friendly tool name from a tool part. */
+export declare function getToolDisplayName(part: AiToolPart): string;
+/** Get the best-matching icon for a tool part. */
+export declare function getToolIcon(part: AiToolPart): ElementType;
+/** Whether the tool is still loading (input phase). */
+export declare function isToolLoading(part: AiToolPart): boolean;
+/** Whether the tool has produced a result. */
+export declare function hasToolResult(part: AiToolPart): boolean;
+/** Whether the output itself contains an error flag. */
+export declare function hasToolOutputError(part: AiToolPart): boolean;
+/** Whether the tool is in any error state. */
+export declare function hasToolError(part: AiToolPart): boolean;
+/** Extract error text from either error state or output.error. */
+export declare function getToolErrorText(part: AiToolPart): string | undefined;
+/**
+ * Renders a single tool call. Supports three display variants:
+ * - `"default"` — expandable card with collapsible input/output
+ * - `"inline"` — compact single-line with left accent border
+ * - `"minimal"` — pill-shaped status badge
+ *
+ * @example
+ * ```tsx
+ * <AiToolCall
+ *   part={{ toolCallId: "1", toolName: "web_search", state: "output-available", input: { q: "ts" }, output: "..." }}
+ * />
+ * ```
+ */
+export declare function AiToolCall({ part, variant, duration, summary, icon: CustomIcon, approvalState, onApprove, onReject, defaultExpanded, className, ...props }: AiToolCallProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Collapsible group of tool calls. Shows a summary header with progress
+ * counter and stacked tool icons when collapsed. Renders a single tool
+ * directly if only one part is provided.
+ *
+ * @example
+ * ```tsx
+ * <AiToolCallGroup parts={toolParts} label="3 tools ran" />
+ * ```
+ */
+export declare function AiToolCallGroup({ parts, label, durations, summaries, approvalStates, onApprove, onReject, defaultExpanded, className, ...props }: AiToolCallGroupProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Horizontal timeline view of tool calls. Each tool is shown as a small
+ * icon pill with a tooltip showing its name, duration, and any errors.
+ *
+ * @example
+ * ```tsx
+ * <AiToolCallTimeline parts={toolParts} durations={{ id1: 230, id2: 540 }} />
+ * ```
+ */
+export declare function AiToolCallTimeline({ parts, durations, className, ...props }: AiToolCallTimelineProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ai-tool.d.ts.map

package/dist/src/components/ai-tool/ai-tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-tool.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-tool/ai-tool.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAUzD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;CAetB,CAAC;AAEX,eAAO,MAAM,2BAA2B;;CAE9B,CAAC;AAIX,wEAAwE;AACxE,MAAM,MAAM,WAAW,GACnB,iBAAiB,GACjB,iBAAiB,GACjB,oBAAoB,GACpB,oBAAoB,GACpB,kBAAkB,GAClB,cAAc,GACd,eAAe,CAAC;AAEpB,+CAA+C;AAC/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,mBAAmB,CAAC,OAAO,CAAC;AAEzE,4DAA4D;AAC5D,MAAM,MAAM,mBAAmB,GAC3B,UAAU,GACV,UAAU,GACV,UAAU,GACV,SAAS,CAAC;AAEd;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,KAAK,EAAE,WAAW,CAAC;IACnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,GAAG;IAClE,iCAAiC;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,uDAAuD;IACvD,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,6FAA6F;IAC7F,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iEAAiE;IACjE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,GAAG;IACvE,2BAA2B;IAC3B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IACrD,wEAAwE;IACxE,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC5D,2BAA2B;IAC3B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC,CAAC;AAsBF,+DAA+D;AAC/D,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAQ3D;AAED,kDAAkD;AAClD,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,WAAW,CASzD;AAED,uDAAuD;AACvD,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAEvD;AAED,8CAA8C;AAC9C,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAEvD;AAED,wDAAwD;AACxD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAI5D;AAED,8CAA8C;AAC9C,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAEtD;AAED,kEAAkE;AAClE,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAWrE;AAoFD;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAmB,EACnB,QAAQ,EACR,OAAO,EACP,IAAI,EAAE,UAAU,EAChB,aAAa,EACb,SAAS,EACT,QAAQ,EACR,eAAuB,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAmQjB;AAID;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,SAAc,EACd,SAAc,EACd,cAAmB,EACnB,SAAS,EACT,QAAQ,EACR,eAAuB,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAuHtB;AAID;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,SAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAwEzB"}

package/dist/src/components/ai-tool/index.d.ts

@@ -0,0 +1,2 @@
+export { AiToolCall, AiToolCallGroup, AiToolCallTimeline, SF_AI_TOOL_VARIANTS, SF_AI_TOOL_DEFAULT_VARIANTS, getToolDisplayName, getToolIcon, isToolLoading, hasToolResult, hasToolError, hasToolOutputError, getToolErrorText, type AiToolPart, type AiToolState, type AiToolApprovalState, type AiToolCallVariant, type AiToolCallProps, type AiToolCallGroupProps, type AiToolCallTimelineProps, } from './ai-tool';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/ai-tool/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-tool/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EACnB,2BAA2B,EAC3B,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,GAC7B,MAAM,WAAW,CAAC"}

package/dist/src/components/ai-usage-bar/ai-usage-bar.d.ts

@@ -0,0 +1,38 @@
+import { ElementType, HTMLAttributes } from 'react';
+export declare const SF_AI_USAGE_BAR_VARIANTS: {};
+export declare const SF_AI_USAGE_BAR_DEFAULT_VARIANTS: {};
+export type AiUsageBarProps = HTMLAttributes<HTMLDivElement> & {
+    /** Input/prompt token count. */
+    inputTokens?: number;
+    /** Output/completion token count. */
+    outputTokens?: number;
+    /** Total token count. Computed from input + output if not provided. */
+    totalTokens?: number;
+    /** Estimated cost in USD. */
+    cost?: number;
+    /** Model ID being used (shown as label). */
+    modelId?: string;
+    /** Custom icon. Defaults to `LightningIcon`. */
+    icon?: ElementType;
+};
+/**
+ * Compact token usage display bar. Shows input/output token counts, total,
+ * optional cost, and model identifier.
+ *
+ * Maps to harness event: `usage_update`.
+ *
+ * @example
+ * ```tsx
+ * <AiUsageBar
+ *   inputTokens={1234}
+ *   outputTokens={567}
+ *   cost={0.02}
+ *   modelId="claude-sonnet-4"
+ * />
+ * ```
+ */
+export declare function AiUsageBar({ inputTokens, outputTokens, totalTokens, cost, modelId, icon, className, ...props }: AiUsageBarProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace AiUsageBar {
+    var displayName: string;
+}
+//# sourceMappingURL=ai-usage-bar.d.ts.map

package/dist/src/components/ai-usage-bar/ai-usage-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-usage-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-usage-bar/ai-usage-bar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMzD,eAAO,MAAM,wBAAwB,IAAc,CAAC;AACpD,eAAO,MAAM,gCAAgC,IAAc,CAAC;AAI5D,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC7D,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAiBF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,kDAiDjB;yBA1De,UAAU"}

package/dist/src/components/ai-usage-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { AiUsageBar, SF_AI_USAGE_BAR_VARIANTS, SF_AI_USAGE_BAR_DEFAULT_VARIANTS, type AiUsageBarProps, } from './ai-usage-bar';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/ai-usage-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-usage-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,wBAAwB,EACxB,gCAAgC,EAChC,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC"}

package/dist/src/components/badge/badge.d.ts

@@ -0,0 +1,129 @@
+import { ElementType, MouseEvent, ReactNode } from 'react';
+/** Base styles applied to all badge variants. */
+export declare const SF_BADGE_BASE_STYLES = "inline-flex w-fit flex-none shrink-0 items-center gap-1 justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap select-none cursor-default";
+/** Badge variant definitions mapping variant names to their Tailwind classes and descriptions. */
+export declare const SF_BADGE_VARIANTS: {
+    readonly variant: {
+        readonly primary: {
+            readonly classes: "bg-sf-contrast text-sf-inverse";
+            readonly description: "Default high-emphasis badge for important labels";
+        };
+        readonly secondary: {
+            readonly classes: "bg-sf-fill text-sf-default";
+            readonly description: "Subtle badge for secondary information";
+        };
+        readonly destructive: {
+            readonly classes: "bg-sf-danger text-sf-inverse";
+            readonly description: "Error or danger state indicator";
+        };
+        readonly outline: {
+            readonly classes: "border border-sf-fill bg-transparent text-sf-default";
+            readonly description: "Bordered badge with transparent background";
+        };
+        readonly beta: {
+            readonly classes: "border border-dashed border-sf-brand bg-transparent text-sf-link";
+            readonly description: "Indicates beta or experimental features";
+        };
+        readonly success: {
+            readonly classes: "bg-sf-success/20 text-sf-success";
+            readonly description: "Positive status indicator";
+        };
+        readonly warning: {
+            readonly classes: "bg-sf-warning/20 text-sf-warning";
+            readonly description: "Caution or attention indicator";
+        };
+        readonly info: {
+            readonly classes: "bg-sf-info/20 text-sf-link";
+            readonly description: "Informational badge";
+        };
+        readonly ghost: {
+            readonly classes: "bg-transparent text-sf-strong";
+            readonly description: "Text-only badge with no background or border";
+        };
+    };
+};
+export declare const SF_BADGE_DEFAULT_VARIANTS: {
+    readonly variant: "primary";
+};
+export type SFBadgeVariant = keyof typeof SF_BADGE_VARIANTS.variant;
+export interface SFBadgeVariantsProps {
+    variant?: SFBadgeVariant;
+}
+export declare function badgeVariants({ variant, }?: SFBadgeVariantsProps): string;
+export type BadgeVariant = SFBadgeVariant;
+declare const DOT_COLORS: {
+    readonly green: "bg-sf-success";
+    readonly red: "bg-sf-danger";
+    readonly yellow: "bg-sf-warning";
+    readonly blue: "bg-sf-brand";
+    readonly gray: "bg-sf-subtle";
+};
+export type BadgeDotColor = keyof typeof DOT_COLORS;
+/**
+ * Badge component props.
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="primary">New</Badge>
+ * <Badge variant="success" icon={CheckCircle}>Deployed</Badge>
+ * <Badge dot="green">Online</Badge>
+ * <Badge onDismiss={() => remove(id)}>typescript</Badge>
+ * <Badge loading>Syncing</Badge>
+ * <Badge onClick={() => filter("tag")}>Filter</Badge>
+ * ```
+ */
+export type BadgeProps = {
+    /**
+     * Visual style of the badge.
+     * - `"primary"` — High-emphasis badge for important labels
+     * - `"secondary"` — Subtle badge for secondary information
+     * - `"destructive"` — Error or danger state indicator
+     * - `"outline"` — Bordered badge with transparent background
+     * - `"beta"` — Dashed-border badge for beta/experimental features
+     * - `"success"` — Positive status indicator
+     * - `"warning"` — Caution or attention indicator
+     * - `"info"` — Informational badge
+     * - `"ghost"` — Text-only badge with no background or border
+     * @default "primary"
+     */
+    variant?: SFBadgeVariant;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /** Content rendered inside the badge. */
+    children: ReactNode;
+    /** Icon component rendered alongside the text. */
+    icon?: ElementType;
+    /**
+     * Position of the icon relative to the text.
+     * @default "left"
+     */
+    iconPosition?: "left" | "right";
+    /** When provided, renders a dismiss button on the right. */
+    onDismiss?: () => void;
+    /** Shows a loading spinner, replacing the icon slot. */
+    loading?: boolean;
+    /** Renders a small colored status dot before the text. */
+    dot?: BadgeDotColor;
+    /** Wraps the badge in a Tooltip with this content. Requires a TooltipProvider ancestor. */
+    tooltip?: ReactNode;
+} & ({
+    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    href?: never;
+} | {
+    href?: string;
+    onClick?: never;
+});
+/**
+ * Small status label for categorizing or highlighting content.
+ * Supports icons, loading state, status dots, dismiss, tooltip, and interactive (button/link) modes.
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="primary">Active</Badge>
+ * <Badge variant="success" dot="green">Online</Badge>
+ * <Badge onClick={() => apply()}>Apply filter</Badge>
+ * ```
+ */
+export declare function Badge({ variant, className, children, icon: Icon, iconPosition, onDismiss, loading, dot, tooltip, ...interactiveProps }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=badge.d.ts.map

package/dist/src/components/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOhE,iDAAiD;AACjD,eAAO,MAAM,oBAAoB,yKACuI,CAAC;AAEzK,kGAAkG;AAClG,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCpB,CAAC;AAEX,eAAO,MAAM,yBAAyB;;CAE5B,CAAC;AAGX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,iBAAiB,CAAC,OAAO,CAAC;AAEpE,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAA2C,GAC5C,GAAE,oBAAyB,UAO3B;AAGD,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC;AAE1C,QAAA,MAAM,UAAU;;;;;;CAMN,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,UAAU,CAAC;AAEpD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,kDAAkD;IAClD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,2FAA2F;IAC3F,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,GAAG,CACA;IAAE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,GACtE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,CACrC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAA2C,EAC3C,SAAS,EACT,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,YAAqB,EACrB,SAAS,EACT,OAAO,EACP,GAAG,EACH,OAAO,EACP,GAAG,gBAAgB,EACpB,EAAE,UAAU,2CA2FZ"}

package/dist/src/components/badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge, badgeVariants, SF_BADGE_BASE_STYLES, SF_BADGE_DEFAULT_VARIANTS, SF_BADGE_VARIANTS, type BadgeDotColor, type BadgeProps, type BadgeVariant, type SFBadgeVariant, } from './badge';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,aAAa,EACb,oBAAoB,EACpB,yBAAyB,EACzB,iBAAiB,EACjB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,cAAc,GACpB,MAAM,SAAS,CAAC"}

package/dist/src/components/banner/banner.d.ts

@@ -0,0 +1,80 @@
+import { ReactNode } from 'react';
+/** Base styles applied to all banner variants. */
+export declare const SF_BANNER_BASE_STYLES = "flex w-full items-center gap-2 rounded-lg border px-4 py-1.5 text-base";
+/** Banner variant definitions mapping variant names to their Tailwind classes and descriptions. */
+export declare const SF_BANNER_VARIANTS: {
+    readonly variant: {
+        readonly default: {
+            readonly classes: "bg-sf-info/20 border-sf-info text-sf-link selection:bg-sf-info-tint";
+            readonly description: "Informational banner for general messages";
+        };
+        readonly alert: {
+            readonly classes: "bg-sf-warning/20 border-sf-warning text-sf-warning selection:bg-sf-warning-tint";
+            readonly description: "Warning banner for cautionary messages";
+        };
+        readonly error: {
+            readonly classes: "bg-sf-danger/20 border-sf-danger text-sf-danger selection:bg-sf-danger-tint";
+            readonly description: "Error banner for critical issues";
+        };
+    };
+};
+export declare const SF_BANNER_DEFAULT_VARIANTS: {
+    readonly variant: "default";
+};
+export type SFBannerVariant = keyof typeof SF_BANNER_VARIANTS.variant;
+export interface SFBannerVariantsProps {
+    /**
+     * Visual style of the banner.
+     * - `"default"` — Informational banner for general messages
+     * - `"alert"` — Warning banner for cautionary messages
+     * - `"error"` — Error banner for critical issues
+     * @default "default"
+     */
+    variant?: SFBannerVariant;
+}
+export declare function bannerVariants({ variant, }?: SFBannerVariantsProps): string;
+export declare enum BannerVariant {
+    DEFAULT = 0,
+    ALERT = 1,
+    ERROR = 2
+}
+/**
+ * Banner component props.
+ *
+ * @example
+ * ```tsx
+ * <Banner>This is an informational banner.</Banner>
+ * <Banner variant="alert">Your session will expire soon.</Banner>
+ * <Banner variant="error">We couldn't save your changes.</Banner>
+ * ```
+ */
+export interface BannerProps {
+    /** Icon element rendered before the banner text (e.g. from `@phosphor-icons/react`). */
+    icon?: ReactNode;
+    /** @deprecated Use `children` instead. Will be removed in a future major version. */
+    text?: string;
+    /** Banner message content. Accepts strings or custom React elements. */
+    children?: ReactNode;
+    /**
+     * Visual style of the banner.
+     * - `"default"` — Informational blue banner for general messages
+     * - `"alert"` — Warning yellow banner for cautionary messages
+     * - `"error"` — Error red banner for critical issues
+     * @default "default"
+     */
+    variant?: SFBannerVariant;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+}
+/**
+ * Full-width message bar for informational, warning, or error notices.
+ *
+ * @example
+ * ```tsx
+ * <Banner variant="alert" icon={<WarningCircle />}>
+ *   Review your billing information.
+ * </Banner>
+ * ```
+ */
+export declare function Banner({ icon, children, text, variant, className, }: BannerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=banner.d.ts.map

package/dist/src/components/banner/banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,OAAO,CAAC;AAIvD,kDAAkD;AAClD,eAAO,MAAM,qBAAqB,2EACwC,CAAC;AAE3E,mGAAmG;AACnG,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;CAkBrB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;CAE7B,CAAC;AAGX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,kBAAkB,CAAC,OAAO,CAAC;AAEtE,MAAM,WAAW,qBAAqB;IACpC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAA4C,GAC7C,GAAE,qBAA0B,UAO5B;AAGD,oBAAY,aAAa;IACvB,OAAO,IAAA;IACP,KAAK,IAAA;IACL,KAAK,IAAA;CACN;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,WAAW;IAC1B,wFAAwF;IACxF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,OAA4C,EAC5C,SAAS,GACV,EAAE,WAAW,2CAYb"}

package/dist/src/components/banner/index.d.ts

@@ -0,0 +1,2 @@
+export { Banner, BannerVariant } from './banner';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/banner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC"}