@usetheo/ui 0.13.0 → 0.13.1

package/dist/components/primitives/button/button.d.ts

@@ -0,0 +1,26 @@
+import { type VariantProps } from "class-variance-authority";
+import type { ButtonHTMLAttributes } from "react";
+/**
+ * Button — primitive action element in the Violet Forge design system.
+ *
+ * Variants:
+ *   - primary    Theo violet fill, glow on hover (signature)
+ *   - secondary  surface with hairline border
+ *   - accent     burnt-sienna fill, celebratory actions
+ *   - ghost      transparent, hover lifts surface
+ *   - link       text-only, primary color, underline on hover
+ *   - destructive  for irreversible actions
+ *
+ * Sizes: sm (32px) · md (40px, default) · lg (48px) · icon (square 40px)
+ *
+ * `asChild` swaps the root for the consumer's element (Radix Slot pattern).
+ */
+declare const buttonVariants: (props?: ({
+    variant?: "accent" | "link" | "primary" | "secondary" | "destructive" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/components/primitives/button/index.d.ts

@@ -0,0 +1 @@
+export { Button, buttonVariants, type ButtonProps } from "./button.js";

package/dist/components/primitives/capability-indicator/capability-indicator.d.ts

@@ -0,0 +1,57 @@
+import type { HTMLAttributes, ReactNode } from "react";
+import type { IconComponent } from "../../../lib/types.js";
+export type CapabilityState = "enabled" | "disabled" | "blocked" | "active";
+export interface Capability {
+    id: string;
+    /** Visible label. */
+    label: ReactNode;
+    /** Optional icon override. */
+    icon?: IconComponent;
+    /** Default state. */
+    state?: CapabilityState;
+    /** Tooltip / longer description. */
+    hint?: ReactNode;
+}
+interface CapabilityIndicatorProps extends HTMLAttributes<HTMLDivElement> {
+    capabilities: Capability[];
+}
+declare const CapabilityIndicator: import("react").ForwardRefExoticComponent<CapabilityIndicatorProps & import("react").RefAttributes<HTMLUListElement>>;
+/** Common capability presets — re-use these so apps don't reinvent labels. */
+export declare const capabilityPresets: {
+    read: {
+        readonly id: "read";
+        readonly label: "Read files";
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    };
+    write: {
+        readonly id: "write";
+        readonly label: "Write files";
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    };
+    delete: {
+        readonly id: "delete";
+        readonly label: "Delete files";
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    };
+    bash: {
+        readonly id: "bash";
+        readonly label: "Run shell";
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    };
+    network: {
+        readonly id: "network";
+        readonly label: "Network";
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    };
+    deploy: {
+        readonly id: "deploy";
+        readonly label: "Deploy";
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    };
+    llm: {
+        readonly id: "llm";
+        readonly label: "Sub-agents";
+        readonly icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    };
+};
+export { CapabilityIndicator };

package/dist/components/primitives/capability-indicator/index.d.ts

@@ -0,0 +1 @@
+export { CapabilityIndicator, capabilityPresets, type Capability, type CapabilityState, } from "./capability-indicator.js";

package/dist/components/primitives/card/card.d.ts

@@ -0,0 +1,40 @@
+import type { HTMLAttributes } from "react";
+/**
+ * Card — surface container for grouping related content.
+ *
+ * Composition pattern (shadcn-style):
+ *   <Card>
+ *     <Card.Header>
+ *       <Card.Title>…</Card.Title>
+ *       <Card.Description>…</Card.Description>
+ *     </Card.Header>
+ *     <Card.Body>…</Card.Body>
+ *     <Card.Footer>…</Card.Footer>
+ *   </Card>
+ *
+ * The `size` prop on the root propagates to subparts via Context, so a
+ * single declaration controls padding + heading scale across the compound.
+ * Subparts used in isolation default to `md`. Subparts do NOT accept a `size`
+ * prop of their own — use `className` for granular per-subpart tweaks.
+ * (EC-8, edge-case review 2026-05-20.)
+ */
+type CardSize = "sm" | "md" | "lg";
+interface CardRootProps extends HTMLAttributes<HTMLDivElement> {
+    size?: CardSize;
+}
+interface TitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * When true, renders the child element with the Card.Title styles applied
+     * (Radix Slot pattern). Use to swap the default `<h3>` for `<h1>` / `<h2>`
+     * when the heading hierarchy requires it.
+     */
+    asChild?: boolean;
+}
+declare const Card: import("react").ForwardRefExoticComponent<CardRootProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Header: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<TitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+    Body: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Footer: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { Card };

package/dist/components/primitives/card/index.d.ts

@@ -0,0 +1 @@
+export { Card } from "./card.js";

package/dist/components/primitives/channel-card/channel-card.d.ts

@@ -0,0 +1,28 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type ChannelPlatform = "telegram" | "discord" | "slack" | "whatsapp" | "webhook" | "mcp";
+export type ChannelStatus = "disconnected" | "connecting" | "connected" | "error";
+export interface Channel {
+    id: string;
+    name: string;
+    platform: ChannelPlatform;
+    status: ChannelStatus;
+    description?: ReactNode;
+    lastSeen?: string;
+    messageCount?: number;
+}
+interface ChannelCardProps extends HTMLAttributes<HTMLElement> {
+    channel: Channel;
+    onConfigure?: (id: string) => void;
+    onToggle?: (id: string, enabled: boolean) => void;
+}
+/**
+ * ChannelCard — inbound gateway connection (Telegram, Discord, Slack, …)
+ * showing its connection status, platform, and inline controls.
+ *
+ * EC absorbed: the toggle reflects the *current* status. "connected" implies
+ * enabled (toggle off disconnects); "disconnected"/"error" implies disabled
+ * (toggle on reconnects). "connecting" is a transient state — toggle is a
+ * no-op (button disabled).
+ */
+declare const ChannelCard: import("react").ForwardRefExoticComponent<ChannelCardProps & import("react").RefAttributes<HTMLElement>>;
+export { ChannelCard };

package/dist/components/primitives/channel-card/index.d.ts

@@ -0,0 +1 @@
+export { ChannelCard, type Channel, type ChannelPlatform, type ChannelStatus, } from "./channel-card.js";

package/dist/components/primitives/chat-thread/chat-thread.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes } from "react";
+/**
+ * ChatThread — simple vertical container that applies spacing + scroll.
+ *
+ * No virtualization or stickiness. Wrap with your own scroller for long threads.
+ *
+ * T4.1 (MF-4): declares the outer live region and wraps children in
+ * LiveRegionProvider so nested AgentStreaming / AgentErrorCard / Skeleton
+ * don't add their own aria-live (double-announcement avoided).
+ */
+declare const ChatThread: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export { ChatThread };

package/dist/components/primitives/chat-thread/index.d.ts

@@ -0,0 +1 @@
+export { ChatThread } from "./chat-thread.js";

package/dist/components/primitives/checkbox/checkbox.d.ts

@@ -0,0 +1,20 @@
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { type VariantProps } from "class-variance-authority";
+import type { ComponentPropsWithoutRef } from "react";
+/**
+ * Checkbox — built on Radix Checkbox.
+ *
+ * Supports tri-state via `checked="indeterminate"`. Violet fill when on,
+ * border-only when off. Themed via tokens (--primary, --background).
+ *
+ * The `size` prop accepts `"sm" | "md" | "lg"`. Default `md` preserves the
+ * 16px box from before this prop existed. The `sm` size keeps a >=24px
+ * effective tap target via an invisible expanded hit area (WCAG 2.5.5).
+ */
+declare const checkboxVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface CheckboxProps extends ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
+}
+declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { Checkbox, checkboxVariants };

package/dist/components/primitives/checkbox/index.d.ts

@@ -0,0 +1 @@
+export { Checkbox } from "./checkbox.js";

package/dist/components/primitives/context-card/context-card.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, ReactNode } from "react";
+import type { IconComponent } from "../../../lib/types.js";
+interface ContextCardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    title?: ReactNode;
+    description?: ReactNode;
+    /** Optional illustration slot (rendered above title). */
+    illustration?: ReactNode;
+    /** Icon for the title row — used when illustration is omitted. */
+    icon?: IconComponent;
+}
+/**
+ * ContextCard — generic "informational" card for the right inspector.
+ *
+ * Used as the "Contexto" card on Files screens: illustration / icon, title,
+ * short description. Inert by design — no actions.
+ */
+declare const ContextCard: import("react").ForwardRefExoticComponent<ContextCardProps & import("react").RefAttributes<HTMLElement>>;
+export { ContextCard };

package/dist/components/primitives/context-card/index.d.ts

@@ -0,0 +1 @@
+export { ContextCard } from "./context-card.js";

package/dist/components/primitives/context-window-bar/context-window-bar.d.ts

@@ -0,0 +1,27 @@
+import type { HTMLAttributes, ReactNode } from "react";
+interface ContextWindowBarProps extends HTMLAttributes<HTMLDivElement> {
+    /** Tokens currently used in the context window. */
+    used: number;
+    /** Model's total context capacity (e.g. 200_000, 1_000_000). */
+    total: number;
+    /** Optional secondary label rendered on the right (e.g. model name). */
+    trailing?: ReactNode;
+    /** Optional title shown above the bar. */
+    label?: ReactNode;
+    /** Compact mode hides numbers and label; just the bar. */
+    compact?: boolean;
+    /**
+     * Override warning thresholds (0..1). Defaults: warn 0.7, danger 0.9.
+     */
+    warnAt?: number;
+    dangerAt?: number;
+}
+/**
+ * ContextWindowBar — shows how much of the model's context window has been
+ * consumed. Color transitions: success → warning → destructive past thresholds.
+ *
+ * Critical for transparency: a user should always be able to glance at this
+ * and know if the conversation is about to hit the cap.
+ */
+declare const ContextWindowBar: import("react").ForwardRefExoticComponent<ContextWindowBarProps & import("react").RefAttributes<HTMLDivElement>>;
+export { ContextWindowBar };

package/dist/components/primitives/context-window-bar/index.d.ts

@@ -0,0 +1 @@
+export { ContextWindowBar } from "./context-window-bar.js";

package/dist/components/primitives/copy-button/copy-button.d.ts

@@ -0,0 +1,17 @@
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick" | "children"> {
+    /** String to copy when clicked. */
+    value: string;
+    /** Optional button label. Default: just the icon. */
+    label?: ReactNode;
+    /** Visual style. */
+    variant?: "ghost" | "outline";
+    /** Size. */
+    size?: "sm" | "md";
+    /** Callback after successful copy (e.g. analytics). */
+    onCopied?: (value: string) => void;
+    /** Duration of the feedback state in ms. Default 1500. */
+    feedbackDuration?: number;
+}
+declare const CopyButton: import("react").ForwardRefExoticComponent<CopyButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { CopyButton };

package/dist/components/primitives/copy-button/index.d.ts

@@ -0,0 +1 @@
+export { CopyButton, type CopyButtonProps } from "./copy-button.js";

package/dist/components/primitives/cost-meter/cost-meter.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, ReactNode } from "react";
+interface CostMeterProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Current cost in USD. */
+    cost: number;
+    /** Optional monthly budget; renders progress bar when present. */
+    budget?: number;
+    /** Optional title (e.g. "This session", "Monthly"). */
+    title?: ReactNode;
+    /** Optional delta vs previous period. */
+    delta?: {
+        value: number;
+        period: string;
+    };
+    /** Compact mode — single-line summary. */
+    compact?: boolean;
+}
+/**
+ * CostMeter — gauge for token spend. Two visuals:
+ *   - card: title + big number + optional progress bar + optional delta.
+ *   - compact: chip "Coins $4.20" for nav bars.
+ */
+declare const CostMeter: import("react").ForwardRefExoticComponent<CostMeterProps & import("react").RefAttributes<HTMLDivElement>>;
+export { CostMeter };

package/dist/components/primitives/cost-meter/index.d.ts

@@ -0,0 +1 @@
+export { CostMeter } from "./cost-meter.js";

package/dist/components/primitives/created-files-card/created-files-card.d.ts

@@ -0,0 +1,30 @@
+import type { HTMLAttributes, ReactNode } from "react";
+import type { IconComponent } from "../../../lib/types.js";
+export interface CreatedFile {
+    id: string;
+    name: string;
+    /** Optional size for display, e.g. "42 KB". */
+    size?: string;
+    /** Icon override. */
+    icon?: IconComponent;
+    /** Optional destination metadata (e.g. "Google Drive · /Reports"). */
+    destination?: ReactNode;
+    /** Optional URL to open the file. */
+    href?: string;
+}
+interface CreatedFilesCardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    title?: ReactNode;
+    files: CreatedFile[];
+    /**
+     * Optional CTA shown at the bottom (e.g. "Move to Google Drive").
+     */
+    cta?: ReactNode;
+}
+/**
+ * CreatedFilesCard — surfaces files produced by a completed task.
+ *
+ * From WIREMOCKS §2: each file is a card-like row with icon + name + destination.
+ * Used as social proof of delivery in Task Completed views.
+ */
+declare const CreatedFilesCard: import("react").ForwardRefExoticComponent<CreatedFilesCardProps & import("react").RefAttributes<HTMLElement>>;
+export { CreatedFilesCard };

package/dist/components/primitives/created-files-card/index.d.ts

@@ -0,0 +1 @@
+export { CreatedFilesCard, type CreatedFile } from "./created-files-card.js";

package/dist/components/primitives/cron-job-card/cron-job-card.d.ts

@@ -0,0 +1,30 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type CronJobStatus = "idle" | "running" | "failed" | "disabled";
+export interface CronJob {
+    id: string;
+    /** Human-readable job name. */
+    name: string;
+    /** Cron expression — e.g. every 4 hours. */
+    schedule: string;
+    /** What gets run (prompt or command). */
+    prompt: string;
+    status: CronJobStatus;
+    /** ISO/string timestamp of last run. */
+    lastRun?: string;
+    /** ISO/string timestamp of next run. */
+    nextRun?: string;
+    /** Optional last-run result line. */
+    lastResult?: ReactNode;
+}
+interface CronJobCardProps extends Omit<HTMLAttributes<HTMLElement>, "onToggle"> {
+    job: CronJob;
+    onRunNow?: (id: string) => void;
+    onToggle?: (id: string, enabled: boolean) => void;
+    onRemove?: (id: string) => void;
+}
+/**
+ * CronJobCard — one scheduled agent job. Shows cron expression, prompt,
+ * status, last/next run. Inline actions: run now, pause, delete.
+ */
+declare const CronJobCard: import("react").ForwardRefExoticComponent<CronJobCardProps & import("react").RefAttributes<HTMLElement>>;
+export { CronJobCard };

package/dist/components/primitives/cron-job-card/index.d.ts

@@ -0,0 +1 @@
+export { CronJobCard, type CronJob, type CronJobStatus } from "./cron-job-card.js";

package/dist/components/primitives/danger-zone/danger-zone.d.ts

@@ -0,0 +1,40 @@
+import type { HTMLAttributes, ReactNode } from "react";
+/**
+ * DangerZone — destructive-actions section primitive.
+ *
+ * Red-bordered container with a title bar and `DangerZone.Action` rows.
+ * Each Action is laid out as title + description on the left, with a
+ * consumer-provided action slot (typically a destructive Button) on
+ * the right. Rows are separated by hairline dividers; the last row
+ * has no bottom border via `last:border-b-0`.
+ *
+ * The consumer supplies the destructive button — this primitive never
+ * imports `<Button>`, keeping it free of internal `@theokit/ui` deps
+ * (true primitive).
+ *
+ * @example
+ *   <DangerZone>
+ *     <DangerZone.Action
+ *       title="Delete project"
+ *       description="Permanently delete this project."
+ *       action={<Button variant="destructive">Delete</Button>}
+ *     />
+ *   </DangerZone>
+ */
+export interface DangerZoneProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /** Section title. Default "Danger Zone". */
+    title?: ReactNode;
+}
+declare const Root: import("react").ForwardRefExoticComponent<DangerZoneProps & import("react").RefAttributes<HTMLElement>>;
+export interface DangerZoneActionProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    title: ReactNode;
+    description: ReactNode;
+    /** Consumer-provided destructive button (or any ReactNode). */
+    action: ReactNode;
+}
+declare const Action: import("react").ForwardRefExoticComponent<DangerZoneActionProps & import("react").RefAttributes<HTMLDivElement>>;
+type DangerZoneRoot = typeof Root & {
+    Action: typeof Action;
+};
+declare const DangerZone: DangerZoneRoot;
+export { DangerZone };

package/dist/components/primitives/danger-zone/index.d.ts

@@ -0,0 +1 @@
+export { DangerZone, type DangerZoneProps, type DangerZoneActionProps, } from "./danger-zone.js";

package/dist/components/primitives/dialog/dialog.d.ts

@@ -0,0 +1,26 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import type { ComponentPropsWithoutRef, HTMLAttributes } from "react";
+interface ContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    hideCloseButton?: boolean;
+}
+declare const Dialog: import("react").FC<DialogPrimitive.DialogProps> & {
+    Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Close: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<ContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Overlay: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Header: {
+        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Body: {
+        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Title: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+};
+export { Dialog };

package/dist/components/primitives/dialog/index.d.ts

@@ -0,0 +1 @@
+export { Dialog } from "./dialog.js";

package/dist/components/primitives/diff-viewer/diff-viewer.d.ts

@@ -0,0 +1,45 @@
+import type { HTMLAttributes } from "react";
+export type DiffLineKind = "added" | "removed" | "unchanged" | "meta";
+export interface DiffLine {
+    kind: DiffLineKind;
+    /** Original line number (left side); undefined for added lines. */
+    oldNumber?: number;
+    /** New line number (right side); undefined for removed lines. */
+    newNumber?: number;
+    content: string;
+}
+export interface DiffHunk {
+    id: string;
+    /**
+     * Optional header (e.g. "@@ -42,7 +42,12 @@"). Caller usually formats this.
+     */
+    header?: string;
+    lines: DiffLine[];
+    /**
+     * If true, the hunk is rendered as a collapsed "N unmodified lines" placeholder.
+     */
+    collapsed?: boolean;
+}
+interface DiffViewerProps extends HTMLAttributes<HTMLDivElement> {
+    /** Path of the file being diffed. */
+    path: string;
+    /** Diff stats summary. */
+    stats?: {
+        added: number;
+        removed: number;
+    };
+    hunks: DiffHunk[];
+}
+/**
+ * DiffViewer — unified diff rendering, no external dep.
+ *
+ * Visual: two gutter columns (old/new line numbers) + sign + monospaced content.
+ * Added/removed rows tinted in success/destructive. Collapsed hunks render as
+ * a single muted row "N unmodified lines".
+ *
+ * For syntax highlighting, the consumer can render `content` via their own
+ * highlighter and pass `unchanged` lines with already-highlighted strings (not
+ * common; usually plain text is enough for the brutalist console aesthetic).
+ */
+declare const DiffViewer: import("react").ForwardRefExoticComponent<DiffViewerProps & import("react").RefAttributes<HTMLDivElement>>;
+export { DiffViewer };

package/dist/components/primitives/diff-viewer/index.d.ts

@@ -0,0 +1 @@
+export { DiffViewer, type DiffHunk, type DiffLine, type DiffLineKind } from "./diff-viewer.js";

package/dist/components/primitives/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,68 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import type { ComponentPropsWithoutRef, HTMLAttributes } from "react";
+/**
+ * DropdownMenu — accessible menu primitive built on Radix.
+ *
+ * Composition (single import surface):
+ *   <DropdownMenu>
+ *     <DropdownMenu.Trigger>…</DropdownMenu.Trigger>
+ *     <DropdownMenu.Content>
+ *       <DropdownMenu.Label>Section</DropdownMenu.Label>
+ *       <DropdownMenu.Item onSelect={…}>Edit</DropdownMenu.Item>
+ *       <DropdownMenu.Separator />
+ *       <DropdownMenu.Item disabled>Delete</DropdownMenu.Item>
+ *     </DropdownMenu.Content>
+ *   </DropdownMenu>
+ *
+ * The primitive consolidates 5 prior direct-Radix usages
+ * (`model-selector`, `intent-selector`, `agent-profile`,
+ * `theme-switcher`, `theo-code-shell`) under a single styled
+ * wrapper so consumers get consistent visuals + the design tokens.
+ *
+ * a11y note for tests: Radix's focus-guard spans intentionally
+ * violate `aria-hidden-focus`. Tests should pass
+ * `{ rules: { "aria-hidden-focus": { enabled: false } } }` to axe.
+ */
+declare const Trigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Portal: import("react").FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const Group: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Sub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Content: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface ItemProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
+    inset?: boolean;
+}
+declare const Item: import("react").ForwardRefExoticComponent<ItemProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const CheckboxItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const RadioItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface LabelProps extends ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {
+    inset?: boolean;
+}
+declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Separator: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Shortcut: {
+    ({ className, ...props }: HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SubTrigger: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+declare const SubContent: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DropdownMenuRoot = typeof DropdownMenuPrimitive.Root & {
+    Trigger: typeof Trigger;
+    Portal: typeof Portal;
+    Content: typeof Content;
+    Item: typeof Item;
+    CheckboxItem: typeof CheckboxItem;
+    RadioItem: typeof RadioItem;
+    Label: typeof Label;
+    Separator: typeof Separator;
+    Shortcut: typeof Shortcut;
+    Group: typeof Group;
+    Sub: typeof Sub;
+    SubTrigger: typeof SubTrigger;
+    SubContent: typeof SubContent;
+    RadioGroup: typeof RadioGroup;
+};
+declare const DropdownMenu: DropdownMenuRoot;
+export { DropdownMenu };

package/dist/components/primitives/dropdown-menu/index.d.ts

@@ -0,0 +1 @@
+export { DropdownMenu } from "./dropdown-menu.js";

package/dist/components/primitives/empty-state/empty-state.d.ts

@@ -0,0 +1,22 @@
+import type { HTMLAttributes, ReactNode } from "react";
+import type { IconComponent } from "../../../lib/types.js";
+interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Icon shown above the title. */
+    icon?: IconComponent;
+    title: ReactNode;
+    description?: ReactNode;
+    /** Optional action slot (typically <Button>). */
+    action?: ReactNode;
+    /** Hint shown above the title (e.g. uppercase eyebrow). */
+    eyebrow?: ReactNode;
+    /** Bordered dashed surface (placeholder vibe). Default true. */
+    dashed?: boolean;
+}
+/**
+ * EmptyState — visual placeholder for empty lists / first-run screens.
+ *
+ * Composition: icon + eyebrow + title + description + action. All slots are
+ * optional except title.
+ */
+declare const EmptyState: import("react").ForwardRefExoticComponent<EmptyStateProps & import("react").RefAttributes<HTMLDivElement>>;
+export { EmptyState };

package/dist/components/primitives/empty-state/index.d.ts

@@ -0,0 +1 @@
+export { EmptyState } from "./empty-state.js";

package/dist/components/primitives/export-chat-dialog/export-chat-dialog.d.ts

@@ -0,0 +1,18 @@
+/**
+ * ExportChatDialog — modal letting users export a chat session in selectable
+ * formats. Async-aware: `onExport` returning a Promise disables the button
+ * until resolution.
+ *
+ * Controlled. Consumer renders the trigger and toggles `open`.
+ */
+export type ExportFormat = "markdown" | "json" | "jsonl" | "sharegpt";
+export interface ExportChatDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onExport: (format: ExportFormat) => void | Promise<void>;
+    availableFormats?: ExportFormat[];
+    sessionLabel?: string;
+    className?: string;
+    "data-testid"?: string;
+}
+export declare const ExportChatDialog: import("react").ForwardRefExoticComponent<ExportChatDialogProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/primitives/export-chat-dialog/index.d.ts

@@ -0,0 +1 @@
+export { ExportChatDialog, type ExportChatDialogProps, type ExportFormat, } from "./export-chat-dialog.js";