@tangle-network/sandbox-ui 0.14.0 → 0.15.1

package/dist/{usage-chart-CPTcNlGs.d.ts → template-card-UhV3pmRC.d.ts}

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 
 interface BillingSubscription {
     status: string;
@@ -70,4 +71,18 @@ interface UsageChartProps {
 }
 declare function UsageChart({ data, title, unit, className }: UsageChartProps): react_jsx_runtime.JSX.Element;
 
-export { type BillingSubscription as B, type PricingTier as P, type UsageDataPoint as U, type BillingBalance as a, type BillingUsage as b, BillingDashboard as c, type BillingDashboardProps as d, PricingPage as e, type PricingPageProps as f, UsageChart as g, type UsageChartProps as h, formatPrice as i };
+interface TemplateCardData {
+    id: string;
+    name: string;
+    description: string;
+    icon?: React.ReactNode;
+    tags?: string[];
+}
+interface TemplateCardProps {
+    template: TemplateCardData;
+    onUseTemplate: (templateId: string) => void;
+    className?: string;
+}
+declare function TemplateCard({ template, onUseTemplate, className }: TemplateCardProps): react_jsx_runtime.JSX.Element;
+
+export { type BillingBalance as B, PricingPage as P, TemplateCard as T, UsageChart as U, BillingDashboard as a, type BillingDashboardProps as b, type BillingSubscription as c, type BillingUsage as d, type PricingPageProps as e, type PricingTier as f, type TemplateCardData as g, type TemplateCardProps as h, type UsageChartProps as i, type UsageDataPoint as j, formatPrice as k };

package/dist/types.d.ts

@@ -1,8 +1,11 @@
-export { R as ReasoningPart, S as SessionMessage, a as SessionPart, T as TextPart, b as ToolPart, c as ToolState, d as ToolStatus, e as ToolTime } from './parts-CyGkM6Fp.js';
-export { F as FinalTextPart, G as GroupedMessage, M as MessageRun, a as MessageUser, R as Run, b as RunStats, T as ToolCategory } from './run-CtFZ6s-D.js';
-export { S as Session } from './sidecar-CFU2W9j1.js';
-export { C as CustomToolRenderer, D as DisplayVariant, T as ToolDisplayMetadata } from './tool-display-Ct9nFAzJ.js';
-export { A as AgentBranding } from './branding-DCi5VEik.js';
-export { A as ActiveProjectActivity, a as ActiveSessionActivityOptions, b as ActiveSessionConnectionOptions, c as ActiveSessionConnectionState, d as ActiveSessionReconnectState, e as ActiveSessionRecord, f as ActiveSessionStatus, g as ActiveSessionTransportMode, h as ActiveSessionsState, R as RegisterActiveSessionOptions, S as SessionProjectKey } from './active-sessions-store-CeOmXgv5.js';
-import 'react';
-import 'nanostores';
+export { AgentBranding, CustomToolRenderer, DisplayVariant, FinalTextPart, GroupedMessage, MessageRun, MessageUser, ReasoningPart, Run, RunStats, SessionMessage, SessionPart, TextPart, ToolCategory, ToolDisplayMetadata, ToolPart, ToolState, ToolStatus, ToolTime } from '@tangle-network/ui/types';
+export { ActiveProjectActivity, ActiveSessionActivityOptions, ActiveSessionConnectionOptions, ActiveSessionConnectionState, ActiveSessionReconnectState, ActiveSessionRecord, ActiveSessionStatus, ActiveSessionTransportMode, ActiveSessionsState, RegisterActiveSessionOptions, SessionProjectKey } from '@tangle-network/ui/stores';
+
+/** A chat session on the sidecar session gateway. */
+interface Session {
+    id: string;
+    title: string;
+    parentID?: string;
+}
+
+export type { Session };

package/dist/types.js

@@ -0,0 +1 @@
+import "./chunk-2BUPSB7O.js";

package/dist/utils.d.ts

@@ -1,44 +1 @@
-import { b as ToolPart } from './parts-CyGkM6Fp.js';
-import { T as ToolDisplayMetadata } from './tool-display-Ct9nFAzJ.js';
-import { T as ToolCategory } from './run-CtFZ6s-D.js';
-import { ClassValue } from 'clsx';
-import 'react';
-
-declare function cn(...inputs: ClassValue[]): string;
-
-/**
- * Copy text to clipboard with a non-secure-context fallback.
- * Returns true if a copy strategy likely succeeded.
- */
-declare function copyText(text: string): Promise<boolean>;
-
-/** Format a duration in milliseconds to a human-readable string. */
-declare function formatDuration(ms: number): string;
-/** Truncate text to `max` characters, appending "..." if truncated. */
-declare function truncateText(text: string, max: number): string;
-/**
- * Format an uptime duration in milliseconds with progressive
- * granularity, so short-lived sandboxes don't render as "0d 0h".
- *  - < 60s        → "Ns"
- *  - < 60m        → "Nm Ss"
- *  - < 24h        → "Nh Mm"
- *  - otherwise    → "Nd Hh"
- */
-declare function formatUptime(ms: number): string;
-/**
- * Format a byte count using binary units (KiB/MiB/GiB, surfaced as
- * "KB/MB/GB" for readability). KB and MB use one decimal below 10 and
- * round above; GB keeps two decimals below 10 so half-GB changes stay
- * visible on memory dashboards, and drops to one decimal above.
- */
-declare function formatBytes(bytes: number): string;
-
-declare function timeAgo(ts: number): string;
-
-declare const TOOL_CATEGORY_ICONS: Record<ToolCategory, string>;
-declare function getToolCategory(toolName: string): ToolCategory;
-declare function getToolDisplayMetadata(part: ToolPart): ToolDisplayMetadata;
-/** Extract error text from a tool part, if any. */
-declare function getToolErrorText(part: ToolPart, fallback?: string): string | undefined;
-
-export { TOOL_CATEGORY_ICONS, cn, copyText, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, timeAgo, truncateText };
+export { TOOL_CATEGORY_ICONS, cn, copyText, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, timeAgo, truncateText } from '@tangle-network/ui/utils';

package/dist/utils.js

@@ -1,22 +1,16 @@
 import {
+  TOOL_CATEGORY_ICONS,
+  cn,
   copyText,
-  timeAgo
-} from "./chunk-QD4QE5P5.js";
-import {
   formatBytes,
   formatDuration,
   formatUptime,
-  truncateText
-} from "./chunk-4CLN43XT.js";
-import {
-  TOOL_CATEGORY_ICONS,
   getToolCategory,
   getToolDisplayMetadata,
-  getToolErrorText
-} from "./chunk-BX6AQMUS.js";
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
+  getToolErrorText,
+  timeAgo,
+  truncateText
+} from "./chunk-TK46XFLM.js";
 export {
   TOOL_CATEGORY_ICONS,
   cn,

package/dist/workspace.d.ts

@@ -1,15 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-export { a as ArtifactPane, A as ArtifactPaneProps } from './artifact-pane-Bh45Ssco.js';
-import { F as FileNode, f as FileTreeVisibilityOptions, a as FileTabData } from './file-tabs-BLfxfmAH.js';
-import { S as SessionProjectKey, f as ActiveSessionStatus, e as ActiveSessionRecord } from './active-sessions-store-CeOmXgv5.js';
-import { a as ChatContainerProps } from './chat-container-f4yEs6KN.js';
-import { OpenUIComponentNode, OpenUIAction } from './openui.js';
-import 'nanostores';
-import './parts-CyGkM6Fp.js';
-import './branding-DCi5VEik.js';
-import './tool-display-Ct9nFAzJ.js';
-import './run-CtFZ6s-D.js';
+export { ArtifactPane, ArtifactPaneProps } from '@tangle-network/ui/primitives';
+import { FileNode, FileTreeVisibilityOptions, FileTabData } from '@tangle-network/ui/files';
+import { SessionProjectKey, ActiveSessionStatus, ActiveSessionRecord } from '@tangle-network/ui/stores';
+import { ChatContainerProps } from '@tangle-network/ui/chat';
+import { OpenUIComponentNode, OpenUIAction } from '@tangle-network/ui/openui';
 
 interface WorkspaceLayoutProps {
     /** Left sidebar content (file tree, navigation) */

package/dist/workspace.js

@@ -1,6 +1,7 @@
 import {
   AgentWorkbench,
   ApprovalQueue,
+  ArtifactPane,
   AuditResults,
   CalendarView,
   DirectoryPane,
@@ -13,25 +14,8 @@ import {
   TaskBoard,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-5OQ27N57.js";
-import "./chunk-OEX7NZE3.js";
-import "./chunk-MA7YKRUP.js";
-import "./chunk-XLG757B6.js";
-import "./chunk-54SQQMMM.js";
-import "./chunk-MQXABZTB.js";
-import "./chunk-4CLN43XT.js";
-import "./chunk-MT5FJ3ZT.js";
-import "./chunk-BX6AQMUS.js";
-import "./chunk-ZNCEM5CD.js";
-import "./chunk-34I7UFSX.js";
-import "./chunk-QDH5GEGY.js";
-import {
-  ArtifactPane
-} from "./chunk-HB5Y37YU.js";
-import "./chunk-T7HMZEVO.js";
-import "./chunk-ZMNSRDMH.js";
-import "./chunk-MKTSMWVD.js";
-import "./chunk-RQHJBTEU.js";
+} from "./chunk-GPT7VKK6.js";
+import "./chunk-EI44GEQ5.js";
 export {
   AgentWorkbench,
   ApprovalQueue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.14.0",
+  "version": "0.15.1",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -102,10 +102,12 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test": "vitest run",
-    "test:watch": "vitest"
+    "test:watch": "vitest",
+    "test:bridge": "pnpm build && vitest run src/__tests__/re-export-identity.test.ts"
   },
   "peerDependencies": {
-    "@tangle-network/brand": "^0.2.0",
+    "@tangle-network/brand": "^0.3.0",
+    "@tangle-network/ui": "^1.0.1",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19"
   },
@@ -127,58 +129,13 @@
     },
     "nanostores": {
       "optional": true
-    },
-    "@nanostores/react": {
-      "optional": true
-    },
-    "@hocuspocus/provider": {
-      "optional": true
-    },
-    "@tiptap/core": {
-      "optional": true
-    },
-    "@tiptap/react": {
-      "optional": true
-    },
-    "@tiptap/starter-kit": {
-      "optional": true
-    },
-    "@tiptap/extension-collaboration": {
-      "optional": true
-    },
-    "@tiptap/extension-collaboration-caret": {
-      "optional": true
-    },
-    "yjs": {
-      "optional": true
     }
   },
   "dependencies": {
-    "@nanostores/react": "^1.1.0",
-    "@pierre/trees": "1.0.0-beta.3",
-    "@radix-ui/react-avatar": "^1.1.0",
-    "@radix-ui/react-collapsible": "^1.1.0",
-    "@radix-ui/react-dialog": "^1.1.0",
     "@radix-ui/react-dropdown-menu": "^2.1.0",
-    "@radix-ui/react-label": "^2.1.0",
-    "@radix-ui/react-progress": "^1.1.0",
     "@radix-ui/react-select": "^2.1.0",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-switch": "^1.1.0",
-    "@radix-ui/react-tabs": "^1.1.0",
-    "@radix-ui/react-toast": "^1.2.0",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.1",
     "lucide-react": "^0.469.0",
-    "marked": "^17.0.5",
-    "nanostores": "^1.2.0",
-    "react-markdown": "^10.1.0",
-    "react-pdf": "^9.2.1",
-    "react-syntax-highlighter": "^16.1.1",
-    "rehype-sanitize": "^6.0.0",
-    "remark-gfm": "^4.0.1",
-    "tailwind-merge": "^3.0.2",
-    "turndown": "^7.2.2"
+    "nanostores": "^1.2.0"
   },
   "pnpm": {
     "overrides": {
@@ -187,13 +144,16 @@
   },
   "devDependencies": {
     "@hocuspocus/provider": "^3.4.4",
+    "@nanostores/react": "^1.1.0",
+    "@pierre/trees": "1.0.0-beta.3",
     "@storybook/addon-essentials": "^8",
     "@storybook/addon-mcp": "^0.4.2",
     "@storybook/react": "^8.6.18",
     "@storybook/react-vite": "^8.6.18",
     "@tailwindcss/postcss": "^4.2.2",
     "@tailwindcss/vite": "^4.2.2",
-    "@tangle-network/brand": "^0.2.0",
+    "@tangle-network/brand": "^0.3.0",
+    "@tangle-network/ui": "^1.0.1",
     "@tanstack/react-query": "^5.91.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
@@ -205,13 +165,19 @@
     "@tiptap/react": "^3.20.4",
     "@tiptap/starter-kit": "^3.20.4",
     "@types/react": "^19.1.2",
-    "@types/react-syntax-highlighter": "^15.5.13",
-    "@types/turndown": "^5.0.6",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/addon-web-links": "^0.12.0",
     "@xterm/addon-webgl": "^0.19.0",
     "@xterm/xterm": "^6.0.0",
     "jsdom": "^29.0.2",
+    "marked": "^17.0.5",
+    "react-markdown": "^10.1.0",
+    "react-pdf": "^9.2.1",
+    "react-syntax-highlighter": "^16.1.1",
+    "rehype-sanitize": "^6.0.0",
+    "remark-gfm": "^4.0.1",
+    "turndown": "^7.2.2",
+    "yjs": "^13.6.30",
     "postcss": "^8.5.8",
     "postcss-import": "^16.1.1",
     "react": "^19.1.0",
@@ -222,7 +188,6 @@
     "tsup": "^8.4.0",
     "typescript": "^5.8.3",
     "vite": "^8.0.5",
-    "vitest": "^4.1.3",
-    "yjs": "^13.6.30"
+    "vitest": "^4.1.3"
   }
 }

package/dist/active-sessions-store-CeOmXgv5.d.ts

@@ -1,85 +0,0 @@
-import * as nanostores from 'nanostores';
-
-type SessionProjectKey = string | number;
-type ActiveSessionStatus = "idle" | "running" | "attention-needed" | "error";
-type ActiveSessionReconnectState = "idle" | "reconnecting" | "failed";
-type ActiveSessionConnectionState = "disconnected" | "connecting" | "connected" | "reconnecting" | "error";
-type ActiveSessionTransportMode = "websocket" | "sse" | "polling" | "custom";
-interface ActiveSessionRecord {
-    sessionId: string;
-    projectId: SessionProjectKey | null;
-    projectLabel?: string;
-    title?: string;
-    href?: string;
-    registeredAt: number;
-    lastActivityAt: number;
-    lastEventAt: number | null;
-    status: ActiveSessionStatus;
-    isRunning: boolean;
-    isForeground: boolean;
-    needsAttention: boolean;
-    connectionState: ActiveSessionConnectionState;
-    reconnectState: ActiveSessionReconnectState;
-    transportMode: ActiveSessionTransportMode | null;
-    lastError: string | null;
-    metadata?: Record<string, unknown>;
-}
-interface ActiveSessionsState {
-    sessions: Record<string, ActiveSessionRecord>;
-    lastUpdatedAt: number;
-}
-interface RegisterActiveSessionOptions {
-    sessionId: string;
-    projectId?: SessionProjectKey | null;
-    projectLabel?: string;
-    title?: string;
-    href?: string;
-    metadata?: Record<string, unknown>;
-}
-interface ActiveSessionConnectionOptions {
-    connectionState: ActiveSessionConnectionState;
-    reconnectState?: ActiveSessionReconnectState;
-    transportMode?: ActiveSessionTransportMode | null;
-    lastError?: string | null;
-    lastEventAt?: number | null;
-}
-interface ActiveSessionActivityOptions {
-    lastEventAt?: number | null;
-}
-interface ActiveProjectActivity {
-    projectId: SessionProjectKey;
-    projectLabel?: string;
-    activeSessionCount: number;
-    runningSessionIds: string[];
-    lastActivityAt: number;
-}
-declare const activeSessionsAtom: nanostores.PreinitializedWritableAtom<ActiveSessionsState> & object;
-declare function registerActiveSession(options: RegisterActiveSessionOptions): void;
-declare function unregisterActiveSession(sessionId: string): void;
-declare function setForegroundActiveSession(sessionId: string | null): void;
-declare function updateActiveSessionMeta(sessionId: string, meta: Partial<Pick<ActiveSessionRecord, "title" | "href" | "projectId" | "projectLabel" | "metadata">>): void;
-declare function setActiveSessionConnection(sessionId: string, options: ActiveSessionConnectionOptions): void;
-declare function setActiveSessionRunning(sessionId: string, isRunning: boolean, options?: ActiveSessionActivityOptions): void;
-declare function setActiveSessionAttention(sessionId: string, needsAttention: boolean, options?: ActiveSessionActivityOptions): void;
-declare function setActiveSessionError(sessionId: string, error: string | null): void;
-declare function bumpActiveSessionActivity(sessionId: string, options?: ActiveSessionActivityOptions): void;
-declare function resetActiveSessions(): void;
-declare function getAllActiveSessions(state: ActiveSessionsState): ActiveSessionRecord[];
-declare function getActiveSession(state: ActiveSessionsState, sessionId: string): ActiveSessionRecord | null;
-declare function getSessionsForProject(state: ActiveSessionsState, projectId: SessionProjectKey): ActiveSessionRecord[];
-declare function getSessionsForNavbar(state: ActiveSessionsState, projectId?: SessionProjectKey | null): ActiveSessionRecord[];
-declare function getSessionsByActivity(state: ActiveSessionsState): ActiveSessionRecord[];
-declare function getTotalRunningSessionCount(state: ActiveSessionsState): number;
-declare function hasBackgroundRunningSessions(state: ActiveSessionsState): boolean;
-declare function getAllProjectActivity(state: ActiveSessionsState): ActiveProjectActivity[];
-declare function useActiveSessionsState(): ActiveSessionsState;
-declare function useActiveSessions(): ActiveSessionRecord[];
-declare function useActiveSession(sessionId: string | null): ActiveSessionRecord | null;
-declare function useProjectSessions(projectId: SessionProjectKey | null): ActiveSessionRecord[];
-declare function useNavbarSessions(projectId?: SessionProjectKey | null): ActiveSessionRecord[];
-declare function useSessionsByActivity(): ActiveSessionRecord[];
-declare function useProjectActivity(): ActiveProjectActivity[];
-declare function useTotalRunningSessions(): number;
-declare function useHasBackgroundRunningSessions(): boolean;
-
-export { type ActiveProjectActivity as A, updateActiveSessionMeta as B, useActiveSession as C, useActiveSessions as D, useActiveSessionsState as E, useHasBackgroundRunningSessions as F, useNavbarSessions as G, useProjectActivity as H, useProjectSessions as I, useSessionsByActivity as J, useTotalRunningSessions as K, type RegisterActiveSessionOptions as R, type SessionProjectKey as S, type ActiveSessionActivityOptions as a, type ActiveSessionConnectionOptions as b, type ActiveSessionConnectionState as c, type ActiveSessionReconnectState as d, type ActiveSessionRecord as e, type ActiveSessionStatus as f, type ActiveSessionTransportMode as g, type ActiveSessionsState as h, activeSessionsAtom as i, bumpActiveSessionActivity as j, getActiveSession as k, getAllActiveSessions as l, getAllProjectActivity as m, getSessionsByActivity as n, getSessionsForNavbar as o, getSessionsForProject as p, getTotalRunningSessionCount as q, hasBackgroundRunningSessions as r, registerActiveSession as s, resetActiveSessions as t, setActiveSessionAttention as u, setActiveSessionConnection as v, setActiveSessionError as w, setActiveSessionRunning as x, setForegroundActiveSession as y, unregisterActiveSession as z };

package/dist/artifact-pane-Bh45Ssco.d.ts

@@ -1,24 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-interface ArtifactPaneProps {
-    eyebrow?: ReactNode;
-    title: ReactNode;
-    subtitle?: ReactNode;
-    meta?: ReactNode;
-    headerActions?: ReactNode;
-    tabs?: ReactNode;
-    toolbar?: ReactNode;
-    footer?: ReactNode;
-    emptyState?: ReactNode;
-    children?: ReactNode;
-    className?: string;
-    contentClassName?: string;
-}
-/**
- * ArtifactPane — shared frame for files, previews, documents, inspectors, and
- * other artifact-like surfaces inside sandbox applications.
- */
-declare function ArtifactPane({ eyebrow, title, subtitle, meta, headerActions, tabs, toolbar, footer, emptyState, children, className, contentClassName, }: ArtifactPaneProps): react_jsx_runtime.JSX.Element;
-
-export { type ArtifactPaneProps as A, ArtifactPane as a };

package/dist/branding-DCi5VEik.d.ts

@@ -1,13 +0,0 @@
-/** Visual branding for a run group header — injected by consuming app. */
-interface AgentBranding {
-    label: string;
-    accentClass: string;
-    bgClass: string;
-    containerBgClass: string;
-    borderClass: string;
-    /** CSS class for the agent icon (legacy). Ignored when using lucide-react icons. */
-    iconClass: string;
-    textClass: string;
-}
-
-export type { AgentBranding as A };

package/dist/button-CMQuQEW_.d.ts

@@ -1,17 +0,0 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
-
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "sandbox" | null | undefined;
-    size?: "default" | "sm" | "lg" | "xl" | "icon" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "sandbox" | null;
-    size?: "default" | "sm" | "lg" | "xl" | "icon" | null;
-    asChild?: boolean;
-    loading?: boolean;
-    children?: React.ReactNode;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-
-export { Button as B, type ButtonProps as a, buttonVariants as b };

package/dist/chat-container-f4yEs6KN.d.ts

@@ -1,106 +0,0 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SessionMessage, a as SessionPart, b as ToolPart } from './parts-CyGkM6Fp.js';
-import { A as AgentBranding } from './branding-DCi5VEik.js';
-import { C as CustomToolRenderer } from './tool-display-Ct9nFAzJ.js';
-import { R as Run } from './run-CtFZ6s-D.js';
-import { OpenUIAction } from './openui.js';
-
-/**
- * ChatInput — message input bar with file attach, drag-and-drop, send/cancel.
- *
- * - Auto-resizing textarea (up to max height)
- * - Enter to send, Shift+Enter for newline
- * - Drag-and-drop files onto the input with styled overlay
- * - File attachment button (files) + folder attachment button
- * - Pending file/folder chips
- * - Cancel button when streaming
- * - Optional model selector pill
- */
-interface PendingFile {
-    id: string;
-    name: string;
-    size: number;
-    type: "file" | "folder";
-    /** Number of files inside (for folders) */
-    fileCount?: number;
-    status: "pending" | "uploading" | "ready" | "error";
-}
-interface ChatInputProps {
-    onSend: (message: string, files?: File[]) => void;
-    onCancel?: () => void;
-    isStreaming?: boolean;
-    disabled?: boolean;
-    placeholder?: string;
-    /** Currently selected model label */
-    modelLabel?: string;
-    onModelClick?: () => void;
-    /** Pending uploaded files */
-    pendingFiles?: PendingFile[];
-    onRemoveFile?: (id: string) => void;
-    /** Called when files are attached (via button or drag-and-drop) */
-    onAttach?: (files: FileList) => void;
-    /** Called when a folder is selected via the folder button */
-    onAttachFolder?: (files: FileList) => void;
-    /** Accepted file types for the file input (e.g. ".pdf,.csv") */
-    accept?: string;
-    /** Drop zone overlay title */
-    dropTitle?: string;
-    /** Drop zone overlay description */
-    dropDescription?: string;
-    className?: string;
-    /** Label above the input. Set to null to hide. Default: "Agent Command Deck" */
-    inputLabel?: string | null;
-    /** Status text shown when idle. Set to null to hide. Default: "Ready for next instruction" */
-    idleStatus?: string | null;
-    /** Status text shown when streaming. Set to null to hide. Default: "Streaming response" */
-    streamingStatus?: string | null;
-    /** Hide the Cmd+L focus shortcut hint */
-    hideShortcutHint?: boolean;
-}
-declare function ChatInput({ onSend, onCancel, isStreaming, disabled, placeholder, modelLabel, onModelClick, pendingFiles, onRemoveFile, onAttach, onAttachFolder, accept, dropTitle, dropDescription, className, inputLabel, idleStatus, streamingStatus, hideShortcutHint, }: ChatInputProps): react_jsx_runtime.JSX.Element;
-
-interface ChatContainerProps {
-    messages: SessionMessage[];
-    partMap: Record<string, SessionPart[]>;
-    isStreaming: boolean;
-    onSend?: (text: string) => void;
-    onCancel?: () => void;
-    branding?: AgentBranding;
-    placeholder?: string;
-    className?: string;
-    /** Hide the input area (useful for read-only views). */
-    hideInput?: boolean;
-    /** Custom renderer for tool details. Return ReactNode to override, null to use default. */
-    renderToolDetail?: CustomToolRenderer;
-    /** Presentation mode for the session view. */
-    presentation?: "runs" | "timeline";
-    modelLabel?: string;
-    onModelClick?: () => void;
-    pendingFiles?: PendingFile[];
-    onRemoveFile?: (id: string) => void;
-    onAttach?: (files: FileList) => void;
-    disabled?: boolean;
-    /** Callback when an OpenUI action button is pressed within inline OpenUI blocks. */
-    onOpenUIAction?: (action: OpenUIAction) => void;
-    /** Enable rendering OpenUI schemas inline in the chat timeline. Defaults to true. */
-    enableOpenUI?: boolean;
-    /** Optional actions rendered beside each grouped assistant run. */
-    renderRunActions?: (run: Run) => ReactNode;
-    /** Optional actions rendered below each user message bubble. */
-    renderUserMessageActions?: (message: SessionMessage, parts: SessionPart[]) => ReactNode;
-    /** Optional actions rendered beside individual tool items. */
-    renderToolActions?: (part: ToolPart, options: {
-        run: Run;
-        messageId: string;
-        partIndex: number;
-    }) => ReactNode;
-}
-/**
- * Full chat container: message list + auto-scroll + input area.
- * Orchestrates useRunGroups, useRunCollapseState, and useAutoScroll.
- */
-declare const ChatContainer: React.MemoExoticComponent<({ messages, partMap, isStreaming, onSend, onCancel, branding, placeholder, className, hideInput, renderToolDetail, presentation, modelLabel, onModelClick, pendingFiles, onRemoveFile, onAttach, disabled, onOpenUIAction, enableOpenUI, renderRunActions, renderUserMessageActions, renderToolActions, }: ChatContainerProps) => react_jsx_runtime.JSX.Element>;
-
-export { ChatContainer as C, type PendingFile as P, type ChatContainerProps as a, ChatInput as b, type ChatInputProps as c };