@signalflare-ai/ui 0.5.0

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

@@ -0,0 +1,107 @@
+import { ComponentProps, ElementType } from 'react';
+export declare const SF_AI_REASONING_VARIANTS: {
+    readonly variant: {
+        readonly default: {
+            readonly classes: "";
+            readonly description: "Expandable card with collapsible reasoning text and duration";
+        };
+        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_REASONING_DEFAULT_VARIANTS: {
+    readonly variant: "default";
+};
+/** Display variant for reasoning rendering. */
+export type AiReasoningVariant = keyof typeof SF_AI_REASONING_VARIANTS.variant;
+/**
+ * Structured reasoning part — mirrors the shape of Vercel AI SDK's
+ * `ReasoningUIPart` without requiring the `ai` package as a dependency.
+ */
+export interface AiReasoningPart {
+    /** The reasoning text content. */
+    text: string;
+}
+export type AiReasoningProps = Omit<ComponentProps<"div">, "part"> & {
+    /** Structured reasoning part data. */
+    part: AiReasoningPart;
+    /** Display variant. @default "default" */
+    variant?: AiReasoningVariant;
+    /** Whether reasoning is currently streaming. */
+    isStreaming?: boolean;
+    /** Duration in seconds (passed in or self-tracked when streaming). */
+    duration?: number;
+    /** Default expanded state. @default false */
+    defaultExpanded?: boolean;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Called when open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Delay in ms before auto-closing after streaming ends. Set to 0 to disable. @default 1000 */
+    autoCloseDelay?: number;
+    /**
+     * Custom icon override. Defaults to `SparkleIcon` (streaming) or `BrainIcon` (done).
+     * Use to distinguish observation/reflection blocks from standard reasoning.
+     */
+    icon?: ElementType;
+    /**
+     * Custom label override. Defaults to `"Thinking..."` (streaming) or `"Reasoning"` (done).
+     * Use to label observational memory blocks: `"Observing..."`, `"Reflecting..."`, etc.
+     */
+    label?: string;
+    /**
+     * Custom streaming label. When provided, used instead of `label` while `isStreaming` is true.
+     * Falls back to `label`, then to the default `"Thinking..."`.
+     */
+    streamingLabel?: string;
+};
+export type AiReasoningGroupProps = Omit<ComponentProps<"div">, "part"> & {
+    /** Array of reasoning parts. */
+    parts: AiReasoningPart[];
+    /** Whether the last part is currently streaming. */
+    isStreaming?: boolean;
+    /** Total duration in seconds. */
+    totalDuration?: number;
+    /** Default expanded state. @default false */
+    defaultExpanded?: boolean;
+};
+/** Format seconds into a human-friendly duration string. */
+export declare function formatDuration(seconds: number): string;
+/** Truncate reasoning text with an ellipsis. */
+export declare function truncateReasoning(text: string, maxLength?: number): string;
+/** Extract the first **bold** text from markdown-style reasoning. */
+export declare function extractFirstBoldText(text: string): string | null;
+/**
+ * Collapsible reasoning block. Supports three display variants:
+ * - `"default"` — expandable card with auto-open on stream start
+ * - `"inline"` — compact single-line with left accent border
+ * - `"minimal"` — pill-shaped status badge
+ *
+ * @example
+ * ```tsx
+ * <AiReasoning
+ *   part={{ text: "First I considered the user's intent..." }}
+ *   isStreaming={false}
+ *   duration={3}
+ * />
+ * ```
+ */
+export declare const AiReasoning: import('react').MemoExoticComponent<({ part, variant, isStreaming, duration: durationProp, defaultExpanded, open: openProp, onOpenChange, autoCloseDelay, icon: iconProp, label: labelProp, streamingLabel: streamingLabelProp, className, ...props }: AiReasoningProps) => import("react/jsx-runtime").JSX.Element>;
+/**
+ * Renders multiple reasoning steps. Shows a single `<AiReasoning>` directly
+ * when only one part is provided. When multiple parts exist, renders a
+ * collapsible group with step labels.
+ *
+ * @example
+ * ```tsx
+ * <AiReasoningGroup parts={reasoningParts} isStreaming={false} totalDuration={5} />
+ * ```
+ */
+export declare function AiReasoningGroup({ parts, isStreaming, totalDuration, defaultExpanded, className, ...props }: AiReasoningGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ai-reasoning.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ai-reasoning.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-reasoning/ai-reasoning.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAmCzD,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;CAgB3B,CAAC;AAEX,eAAO,MAAM,gCAAgC;;CAEnC,CAAC;AAIX,+CAA+C;AAC/C,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,wBAAwB,CAAC,OAAO,CAAC;AAE/E;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,GAAG;IACnE,sCAAsC;IACtC,IAAI,EAAE,eAAe,CAAC;IACtB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sCAAsC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,+FAA+F;IAC/F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,GAAG;IACxE,gCAAgC;IAChC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iCAAiC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAIF,4DAA4D;AAC5D,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAKtD;AAED,gDAAgD;AAChD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,SAAM,GAAG,MAAM,CAGvE;AAED,qEAAqE;AACrE,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAGhE;AAID;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,yPAenB,gBAAgB,6CAkNpB,CAAC;AAMF;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAmB,EACnB,aAAa,EACb,eAAuB,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAmFvB"}

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

@@ -0,0 +1,2 @@
+export { AiReasoning, AiReasoningGroup, SF_AI_REASONING_VARIANTS, SF_AI_REASONING_DEFAULT_VARIANTS, formatDuration, truncateReasoning, extractFirstBoldText, type AiReasoningPart, type AiReasoningVariant, type AiReasoningProps, type AiReasoningGroupProps, } from './ai-reasoning';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-reasoning/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,gCAAgC,EAChC,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,GAC3B,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { StreamdownProps } from 'streamdown';
+export declare const SF_AI_RESPONSE_VARIANTS: {};
+export declare const SF_AI_RESPONSE_DEFAULT_VARIANTS: {};
+export type AiResponseProps = StreamdownProps & {
+    /** Additional CSS classes. */
+    className?: string;
+};
+/**
+ * Renders AI-generated markdown using Streamdown.
+ * Supports streaming animation, syntax-highlighted code, tables, and more.
+ *
+ * Pass `isAnimating={true}` while streaming and `false` once complete to get
+ * character-by-character reveal animation.
+ *
+ * @example
+ * ```tsx
+ * // Static
+ * <AiResponse>{"# Hello\n\nThis is **bold** and _italic_."}</AiResponse>
+ *
+ * // Streaming
+ * <AiResponse isAnimating={isStreaming}>{streamedText}</AiResponse>
+ * ```
+ */
+export declare const AiResponse: React.MemoExoticComponent<({ className, ...props }: AiResponseProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=ai-response.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ai-response.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-response/ai-response.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAMlD,eAAO,MAAM,uBAAuB,IAAc,CAAC;AACnD,eAAO,MAAM,+BAA+B,IAAc,CAAC;AA+B3D,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC9C,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,sDACK,eAAe,6CAc1C,CAAC"}

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

@@ -0,0 +1,2 @@
+export { AiResponse, SF_AI_RESPONSE_VARIANTS, SF_AI_RESPONSE_DEFAULT_VARIANTS, type AiResponseProps, } from './ai-response';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,29 @@
+import { ElementType } from 'react';
+export declare const SF_AI_SHIMMER_VARIANTS: {};
+export declare const SF_AI_SHIMMER_DEFAULT_VARIANTS: {};
+export interface AiShimmerProps {
+    /** Text content to animate. */
+    children: string;
+    /** HTML element or component to render as. @default "p" */
+    as?: ElementType;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /** Animation duration in seconds. @default 2 */
+    duration?: number;
+    /** Shimmer width multiplier relative to text length. @default 2 */
+    spread?: number;
+}
+/**
+ * Animated text shimmer effect for AI streaming states.
+ * Renders a sweep of light across the text to indicate activity.
+ *
+ * @example
+ * ```tsx
+ * <AiShimmer>Thinking...</AiShimmer>
+ * <AiShimmer as="span" duration={1.5}>Generating response</AiShimmer>
+ * ```
+ */
+declare function AiShimmerBase({ children, as: Component, className, duration, spread, }: AiShimmerProps): import("react/jsx-runtime").JSX.Element;
+export declare const AiShimmer: import('react').MemoExoticComponent<typeof AiShimmerBase>;
+export {};
+//# sourceMappingURL=ai-shimmer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ai-shimmer.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-shimmer/ai-shimmer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,WAAW,EAIjB,MAAM,OAAO,CAAC;AAMf,eAAO,MAAM,sBAAsB,IAAc,CAAC;AAClD,eAAO,MAAM,8BAA8B,IAAc,CAAC;AAI1D,MAAM,WAAW,cAAc;IAC7B,+BAA+B;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,2DAA2D;IAC3D,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;GASG;AACH,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,EAAE,EAAE,SAAe,EACnB,SAAS,EACT,QAAY,EACZ,MAAU,GACX,EAAE,cAAc,2CAkChB;AAED,eAAO,MAAM,SAAS,2DAAsB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { AiShimmer, SF_AI_SHIMMER_VARIANTS, SF_AI_SHIMMER_DEFAULT_VARIANTS, type AiShimmerProps, } from './ai-shimmer';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-shimmer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,sBAAsB,EACtB,8BAA8B,EAC9B,KAAK,cAAc,GACpB,MAAM,cAAc,CAAC"}

package/dist/src/components/ai-status-badge/ai-status-badge.d.ts

@@ -0,0 +1,46 @@
+import { ComponentProps, ElementType } from 'react';
+export declare const SF_AI_STATUS_BADGE_VARIANTS: {
+    readonly status: {
+        readonly idle: {
+            readonly classes: "";
+            readonly description: "Default idle state — no status icon shown";
+        };
+        readonly running: {
+            readonly classes: "";
+            readonly description: "Actively running — spinner icon shown";
+        };
+        readonly success: {
+            readonly classes: "";
+            readonly description: "Completed successfully — check icon shown";
+        };
+        readonly error: {
+            readonly classes: "";
+            readonly description: "Failed with an error — X icon shown";
+        };
+    };
+};
+export declare const SF_AI_STATUS_BADGE_DEFAULT_VARIANTS: {
+    readonly status: "idle";
+};
+export type AiStatusBadgeStatus = keyof typeof SF_AI_STATUS_BADGE_VARIANTS.status;
+export type AiStatusBadgeProps = ComponentProps<"div"> & {
+    /** Icon component rendered on the left. */
+    icon?: ElementType;
+    /** Label text displayed in the badge. */
+    label: string;
+    /** Current status — determines the status icon on the right. @default "idle" */
+    status?: AiStatusBadgeStatus;
+    /** Additional info text (e.g. "2/3") shown after the label. */
+    info?: string;
+};
+/**
+ * Compact pill-shaped badge showing an icon, label, and a status indicator.
+ * Used by minimal variants of AiToolCall and AiReasoning.
+ *
+ * @example
+ * ```tsx
+ * <AiStatusBadge icon={MagnifyingGlassIcon} label="web_search" status="running" />
+ * ```
+ */
+export declare function AiStatusBadge({ icon: Icon, label, status, info, className, ...props }: AiStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ai-status-badge.d.ts.map

package/dist/src/components/ai-status-badge/ai-status-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-status-badge.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-status-badge/ai-status-badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAMzD,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;CAmB9B,CAAC;AAEX,eAAO,MAAM,mCAAmC;;CAEtC,CAAC;AAIX,MAAM,MAAM,mBAAmB,GAC7B,MAAM,OAAO,2BAA2B,CAAC,MAAM,CAAC;AAElD,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACvD,2CAA2C;IAC3C,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAmBF;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EAAE,IAAI,EACV,KAAK,EACL,MAAe,EACf,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAgBpB"}

package/dist/src/components/ai-status-badge/index.d.ts

@@ -0,0 +1,2 @@
+export { AiStatusBadge, SF_AI_STATUS_BADGE_VARIANTS, SF_AI_STATUS_BADGE_DEFAULT_VARIANTS, type AiStatusBadgeProps, type AiStatusBadgeStatus, } from './ai-status-badge';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-status-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,2BAA2B,EAC3B,mCAAmC,EACnC,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,GACzB,MAAM,mBAAmB,CAAC"}

package/dist/src/components/ai-streaming-text/ai-streaming-text.d.ts

@@ -0,0 +1,27 @@
+export declare const SF_AI_STREAMING_TEXT_VARIANTS: {};
+export declare const SF_AI_STREAMING_TEXT_DEFAULT_VARIANTS: {};
+export interface UseAiStreamingTextOptions {
+    /** Whether content is actively streaming. @default false */
+    isStreaming?: boolean;
+    /** Characters to release per animation frame tick. @default 10 */
+    charsPerTick?: number;
+    /** Milliseconds between releases (~16ms = 60fps). @default 16 */
+    tickInterval?: number;
+    /** Immediately flush all text when streaming stops. @default true */
+    flushOnStop?: boolean;
+}
+/**
+ * Buffers incoming text and releases it character-by-character for a smooth
+ * typing effect. Pass the full (possibly incomplete) text and whether streaming
+ * is active — get back the display-ready substring.
+ *
+ * @example
+ * ```tsx
+ * function StreamingMessage({ text, isStreaming }) {
+ *   const displayText = useAiStreamingText(text, { isStreaming });
+ *   return <AiResponse>{displayText}</AiResponse>;
+ * }
+ * ```
+ */
+export declare function useAiStreamingText(text: string, options?: UseAiStreamingTextOptions): string;
+//# sourceMappingURL=ai-streaming-text.d.ts.map

package/dist/src/components/ai-streaming-text/ai-streaming-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-streaming-text.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-streaming-text/ai-streaming-text.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,6BAA6B,IAAc,CAAC;AACzD,eAAO,MAAM,qCAAqC,IAAc,CAAC;AAIjE,MAAM,WAAW,yBAAyB;IACxC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAID;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE,yBAA8B,GACtC,MAAM,CA8DR"}

package/dist/src/components/ai-streaming-text/index.d.ts

@@ -0,0 +1,2 @@
+export { useAiStreamingText, SF_AI_STREAMING_TEXT_VARIANTS, SF_AI_STREAMING_TEXT_DEFAULT_VARIANTS, type UseAiStreamingTextOptions, } from './ai-streaming-text';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-streaming-text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,6BAA6B,EAC7B,qCAAqC,EACrC,KAAK,yBAAyB,GAC/B,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,74 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+export declare const SF_AI_SUBAGENT_VARIANTS: {
+    readonly status: {
+        readonly running: {
+            readonly classes: "";
+            readonly description: "Subagent is actively processing";
+        };
+        readonly completed: {
+            readonly classes: "";
+            readonly description: "Subagent finished successfully";
+        };
+        readonly error: {
+            readonly classes: "";
+            readonly description: "Subagent encountered an error";
+        };
+    };
+};
+export declare const SF_AI_SUBAGENT_DEFAULT_VARIANTS: {
+    readonly status: "running";
+};
+export type SFAiSubagentStatus = keyof typeof SF_AI_SUBAGENT_VARIANTS.status;
+export type AiSubagentProps = HTMLAttributes<HTMLDivElement> & {
+    /** Subagent type ID (e.g. `"explore"`, `"execute"`). */
+    agentType?: string;
+    /** Human-readable name for this subagent. */
+    name?: string;
+    /** Current status. */
+    status?: SFAiSubagentStatus;
+    /** Current model ID being used (e.g. `"claude-haiku-3.5"`). */
+    modelId?: string;
+    /** Duration in milliseconds. */
+    duration?: number;
+    /** Custom icon. Defaults to `RobotIcon`. */
+    icon?: ElementType;
+    /** Whether the subagent content is expanded by default. */
+    defaultExpanded?: boolean;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Called when open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Content rendered inside the collapsible body — typically streaming text,
+     * tool calls, and other nested agent output.
+     */
+    children?: ReactNode;
+};
+/**
+ * Collapsible wrapper for nested subagent activity. Shows the subagent name,
+ * status, model, and duration in a header, with all subagent output (text,
+ * tool calls, etc.) in a collapsible body.
+ *
+ * Maps to harness events: `subagent_start`, `subagent_text_delta`,
+ * `subagent_tool_start`, `subagent_tool_end`, `subagent_end`,
+ * `subagent_model_changed`.
+ *
+ * @example
+ * ```tsx
+ * <AiSubagent
+ *   name="Explore"
+ *   agentType="explore"
+ *   status="running"
+ *   modelId="claude-haiku-3.5"
+ *   defaultExpanded
+ * >
+ *   <AiResponse isAnimating>{streamingText}</AiResponse>
+ *   <AiToolCallGroup tools={toolCalls} />
+ * </AiSubagent>
+ * ```
+ */
+export declare function AiSubagent({ agentType, name, status, modelId, duration, icon, defaultExpanded, open: controlledOpen, onOpenChange, children, className, ...props }: AiSubagentProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace AiSubagent {
+    var displayName: string;
+}
+//# sourceMappingURL=ai-subagent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ai-subagent.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-subagent/ai-subagent.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOpE,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;CAM1B,CAAC;AAEX,eAAO,MAAM,+BAA+B;;CAElC,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,uBAAuB,CAAC,MAAM,CAAC;AAI7E,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC7D,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sCAAsC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AA0CF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,IAAI,EACJ,MAAkB,EAClB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,eAAsB,EACtB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAsEjB;yBAnFe,UAAU"}

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

@@ -0,0 +1,2 @@
+export { AiSubagent, SF_AI_SUBAGENT_VARIANTS, SF_AI_SUBAGENT_DEFAULT_VARIANTS, type AiSubagentProps, type SFAiSubagentStatus, } from './ai-subagent';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,40 @@
+import { ComponentProps } from 'react';
+import { Button } from '../button';
+export declare const SF_AI_SUGGESTION_VARIANTS: {};
+export declare const SF_AI_SUGGESTION_DEFAULT_VARIANTS: {};
+export type AiSuggestionsProps = ComponentProps<"div">;
+/**
+ * Horizontally scrollable container for suggestion pills.
+ * Position it relative to your prompt input (e.g. `bottom-full`).
+ *
+ * @example
+ * ```tsx
+ * <div className="relative">
+ *   <AiSuggestions>
+ *     <AiSuggestion suggestion="Summarize this" onClick={handleSuggestion} />
+ *     <AiSuggestion suggestion="Explain in simple terms" onClick={handleSuggestion} />
+ *   </AiSuggestions>
+ *   <AiPromptInput ... />
+ * </div>
+ * ```
+ */
+export declare function AiSuggestions({ className, children, ...props }: AiSuggestionsProps): import("react/jsx-runtime").JSX.Element;
+export type AiSuggestionProps = Omit<ComponentProps<typeof Button>, "onClick" | "shape"> & {
+    /** The suggestion text — used as button label if no children provided. */
+    suggestion: string;
+    /** Called with the suggestion string when clicked. */
+    onClick?: (suggestion: string) => void;
+};
+/**
+ * A single suggestion pill button.
+ *
+ * @example
+ * ```tsx
+ * <AiSuggestion
+ *   suggestion="What can you help me with?"
+ *   onClick={(s) => setInput(s)}
+ * />
+ * ```
+ */
+export declare function AiSuggestion({ suggestion, onClick, className, variant, size, children, ...props }: AiSuggestionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ai-suggestion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ai-suggestion.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-suggestion/ai-suggestion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAInC,eAAO,MAAM,yBAAyB,IAAc,CAAC;AACrD,eAAO,MAAM,iCAAiC,IAAc,CAAC;AAI7D,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAcpB;AAID,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,SAAS,GAAG,OAAO,CACpB,GAAG;IACF,0EAA0E;IAC1E,UAAU,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAqB,EACrB,IAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAanB"}

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

@@ -0,0 +1,2 @@
+export { AiSuggestions, AiSuggestion, SF_AI_SUGGESTION_VARIANTS, SF_AI_SUGGESTION_DEFAULT_VARIANTS, type AiSuggestionsProps, type AiSuggestionProps, } from './ai-suggestion';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-suggestion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,YAAY,EACZ,yBAAyB,EACzB,iCAAiC,EACjC,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,iBAAiB,CAAC"}

package/dist/src/components/ai-task-list/ai-task-list.d.ts

@@ -0,0 +1,61 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+export declare const SF_AI_TASK_LIST_VARIANTS: {};
+export declare const SF_AI_TASK_LIST_DEFAULT_VARIANTS: {};
+export type AiTaskStatus = "pending" | "in_progress" | "completed" | "cancelled";
+export type AiTaskPriority = "high" | "medium" | "low";
+export type AiTaskItem = {
+    /** Unique task identifier. */
+    id: string;
+    /** Task description. */
+    content: string;
+    /** Current status. */
+    status: AiTaskStatus;
+    /** Priority level. */
+    priority?: AiTaskPriority;
+};
+export type AiTaskListProps = Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
+    /** List of tasks. */
+    tasks: AiTaskItem[];
+    /** Optional title above the task list. */
+    title?: string;
+    /** Custom icon for the title area. */
+    icon?: ElementType;
+    /** Show a progress summary (e.g. "3 / 7 done"). Default: `true`. */
+    showProgress?: boolean;
+    /** Content rendered below the task list. */
+    children?: ReactNode;
+};
+export type AiTaskListItemProps = HTMLAttributes<HTMLDivElement> & {
+    task: AiTaskItem;
+};
+/**
+ * Single task item with status icon, content, and optional priority dot.
+ */
+export declare function AiTaskListItem({ task, className, ...props }: AiTaskListItemProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace AiTaskListItem {
+    var displayName: string;
+}
+/**
+ * Task progress list. Renders structured tasks from the harness `task_write`
+ * tool. Typically rendered inside the `PromptInputBackLayer` or inline in
+ * conversation.
+ *
+ * Maps to harness event: `task_updated`.
+ *
+ * @example
+ * ```tsx
+ * <AiTaskList
+ *   title="Current tasks"
+ *   tasks={[
+ *     { id: "1", content: "Read config file", status: "completed", priority: "high" },
+ *     { id: "2", content: "Run migrations", status: "in_progress", priority: "high" },
+ *     { id: "3", content: "Seed database", status: "pending", priority: "medium" },
+ *   ]}
+ * />
+ * ```
+ */
+export declare function AiTaskList({ tasks, title, icon, showProgress, children, className, ...props }: AiTaskListProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace AiTaskList {
+    var displayName: string;
+}
+//# sourceMappingURL=ai-task-list.d.ts.map

package/dist/src/components/ai-task-list/ai-task-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-task-list.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-task-list/ai-task-list.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpE,eAAO,MAAM,wBAAwB,IAAc,CAAC;AACpD,eAAO,MAAM,gCAAgC,IAAc,CAAC;AAI5D,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,aAAa,GACb,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG;IACvB,8BAA8B;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,wBAAwB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,MAAM,EAAE,YAAY,CAAC;IACrB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5E,qBAAqB;IACrB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACjE,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAsCF;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAuBrB;yBA3Be,cAAc;;;AAiC9B;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,YAAmB,EACnB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CA6CjB;yBArDe,UAAU"}

package/dist/src/components/ai-task-list/index.d.ts

@@ -0,0 +1,2 @@
+export { AiTaskList, AiTaskListItem, SF_AI_TASK_LIST_VARIANTS, SF_AI_TASK_LIST_DEFAULT_VARIANTS, type AiTaskListProps, type AiTaskListItemProps, type AiTaskItem, type AiTaskStatus, type AiTaskPriority, } from './ai-task-list';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ai-task-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,cAAc,EACd,wBAAwB,EACxB,gCAAgC,EAChC,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,cAAc,GACpB,MAAM,gBAAgB,CAAC"}