@tangle-network/ui 11.12.0 → 11.13.1

package/dist/sdk-hooks.js

@@ -1,3 +1,9 @@
-import { n as useRunCollapseState, r as useRunGroups, t as useAutoScroll } from "./use-auto-scroll-C5Pjeqon.js";
-import { a as useToolCallStream, i as useRealtimeSession, n as useSdkSession, o as useDropdownMenu, r as RealtimeSessionRegistry, t as useSSEStream } from "./use-sse-stream-DjqRuDft.js";
+import { useRunGroups } from "./hooks/use-run-groups.js";
+import { useRunCollapseState } from "./hooks/use-run-collapse-state.js";
+import { useAutoScroll } from "./hooks/use-auto-scroll.js";
+import { useDropdownMenu } from "./hooks/use-dropdown-menu.js";
+import { useToolCallStream } from "./hooks/use-tool-call-stream.js";
+import { RealtimeSessionRegistry, useRealtimeSession } from "./hooks/use-realtime-session.js";
+import { useSdkSession } from "./hooks/use-sdk-session.js";
+import { useSSEStream } from "./hooks/use-sse-stream.js";
 export { RealtimeSessionRegistry, useAutoScroll, useDropdownMenu, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useToolCallStream };

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

@@ -0,0 +1,83 @@
+//#region src/stores/active-sessions-store.d.ts
+export type SessionProjectKey = string | number;
+export type ActiveSessionStatus = "idle" | "running" | "attention-needed" | "error";
+export type ActiveSessionReconnectState = "idle" | "reconnecting" | "failed";
+export type ActiveSessionConnectionState = "disconnected" | "connecting" | "connected" | "reconnecting" | "error";
+export type ActiveSessionTransportMode = "websocket" | "sse" | "polling" | "custom";
+export 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>;
+}
+export interface ActiveSessionsState {
+  sessions: Record<string, ActiveSessionRecord>;
+  lastUpdatedAt: number;
+}
+export interface RegisterActiveSessionOptions {
+  sessionId: string;
+  projectId?: SessionProjectKey | null;
+  projectLabel?: string;
+  title?: string;
+  href?: string;
+  metadata?: Record<string, unknown>;
+}
+export interface ActiveSessionConnectionOptions {
+  connectionState: ActiveSessionConnectionState;
+  reconnectState?: ActiveSessionReconnectState;
+  transportMode?: ActiveSessionTransportMode | null;
+  lastError?: string | null;
+  lastEventAt?: number | null;
+}
+export interface ActiveSessionActivityOptions {
+  lastEventAt?: number | null;
+}
+export interface ActiveProjectActivity {
+  projectId: SessionProjectKey;
+  projectLabel?: string;
+  activeSessionCount: number;
+  runningSessionIds: string[];
+  lastActivityAt: number;
+}
+export declare const activeSessionsAtom: import("nanostores").PreinitializedWritableAtom<ActiveSessionsState> & object;
+export declare function registerActiveSession(options: RegisterActiveSessionOptions): void;
+export declare function unregisterActiveSession(sessionId: string): void;
+export declare function setForegroundActiveSession(sessionId: string | null): void;
+export declare function updateActiveSessionMeta(sessionId: string, meta: Partial<Pick<ActiveSessionRecord, "title" | "href" | "projectId" | "projectLabel" | "metadata">>): void;
+export declare function setActiveSessionConnection(sessionId: string, options: ActiveSessionConnectionOptions): void;
+export declare function setActiveSessionRunning(sessionId: string, isRunning: boolean, options?: ActiveSessionActivityOptions): void;
+export declare function setActiveSessionAttention(sessionId: string, needsAttention: boolean, options?: ActiveSessionActivityOptions): void;
+export declare function setActiveSessionError(sessionId: string, error: string | null): void;
+export declare function bumpActiveSessionActivity(sessionId: string, options?: ActiveSessionActivityOptions): void;
+export declare function resetActiveSessions(): void;
+export declare function getAllActiveSessions(state: ActiveSessionsState): ActiveSessionRecord[];
+export declare function getActiveSession(state: ActiveSessionsState, sessionId: string): ActiveSessionRecord | null;
+export declare function getSessionsForProject(state: ActiveSessionsState, projectId: SessionProjectKey): ActiveSessionRecord[];
+export declare function getSessionsForNavbar(state: ActiveSessionsState, projectId?: SessionProjectKey | null): ActiveSessionRecord[];
+export declare function getSessionsByActivity(state: ActiveSessionsState): ActiveSessionRecord[];
+export declare function getTotalRunningSessionCount(state: ActiveSessionsState): number;
+export declare function hasBackgroundRunningSessions(state: ActiveSessionsState): boolean;
+export declare function getAllProjectActivity(state: ActiveSessionsState): ActiveProjectActivity[];
+export declare function useActiveSessionsState(): ActiveSessionsState;
+export declare function useActiveSessions(): ActiveSessionRecord[];
+export declare function useActiveSession(sessionId: string | null): ActiveSessionRecord | null;
+export declare function useProjectSessions(projectId: SessionProjectKey | null): ActiveSessionRecord[];
+export declare function useNavbarSessions(projectId?: SessionProjectKey | null): ActiveSessionRecord[];
+export declare function useSessionsByActivity(): ActiveSessionRecord[];
+export declare function useProjectActivity(): ActiveProjectActivity[];
+export declare function useTotalRunningSessions(): number;
+export declare function useHasBackgroundRunningSessions(): boolean;
+//#endregion

package/dist/{active-sessions-store-Gt1R0rFG.js → stores/active-sessions-store.js}

@@ -259,4 +259,4 @@ function useHasBackgroundRunningSessions() {
 	return useMemo(() => hasBackgroundRunningSessions(state), [state]);
 }
 //#endregion
-export { useHasBackgroundRunningSessions as C, useSessionsByActivity as D, useProjectSessions as E, useTotalRunningSessions as O, useActiveSessionsState as S, useProjectActivity as T, setForegroundActiveSession as _, getAllProjectActivity as a, useActiveSession as b, getSessionsForProject as c, registerActiveSession as d, resetActiveSessions as f, setActiveSessionRunning as g, setActiveSessionError as h, getAllActiveSessions as i, getTotalRunningSessionCount as l, setActiveSessionConnection as m, bumpActiveSessionActivity as n, getSessionsByActivity as o, setActiveSessionAttention as p, getActiveSession as r, getSessionsForNavbar as s, activeSessionsAtom as t, hasBackgroundRunningSessions as u, unregisterActiveSession as v, useNavbarSessions as w, useActiveSessions as x, updateActiveSessionMeta as y };
+export { activeSessionsAtom, bumpActiveSessionActivity, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, registerActiveSession, resetActiveSessions, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions };

package/dist/stores/chat-store.d.ts

@@ -0,0 +1,14 @@
+import { SessionMessage } from "../types/message.js";
+import { SessionPart } from "../types/parts.js";
+//#region src/stores/chat-store.d.ts
+/** Ordered list of messages in the current chat session. */
+export declare const messagesAtom: import("nanostores").PreinitializedWritableAtom<SessionMessage[]> & object;
+/** Map of message ID → parts for that message. */
+export declare const partMapAtom: import("nanostores").PreinitializedMapStore<Record<string, SessionPart[]>> & object;
+/** Whether the assistant is currently streaming a response. */
+export declare const isStreamingAtom: import("nanostores").PreinitializedWritableAtom<boolean> & object;
+export declare function addMessage(msg: SessionMessage): void;
+export declare function addParts(messageId: string, parts: SessionPart[]): void;
+export declare function updatePart(messageId: string, partIndex: number, part: SessionPart): void;
+export declare function clearChat(): void;
+//#endregion

package/dist/stores/chat-store.js

@@ -0,0 +1,33 @@
+import { atom, map } from "nanostores";
+//#region src/stores/chat-store.ts
+/** Ordered list of messages in the current chat session. */
+const messagesAtom = atom([]);
+/** Map of message ID → parts for that message. */
+const partMapAtom = map({});
+/** Whether the assistant is currently streaming a response. */
+const isStreamingAtom = atom(false);
+let insertionCounter = 0;
+function addMessage(msg) {
+	const withIndex = {
+		...msg,
+		_insertionIndex: insertionCounter++
+	};
+	messagesAtom.set([...messagesAtom.get(), withIndex]);
+}
+function addParts(messageId, parts) {
+	const existing = partMapAtom.get()[messageId] ?? [];
+	partMapAtom.setKey(messageId, [...existing, ...parts]);
+}
+function updatePart(messageId, partIndex, part) {
+	const existing = [...partMapAtom.get()[messageId] ?? []];
+	existing[partIndex] = part;
+	partMapAtom.setKey(messageId, existing);
+}
+function clearChat() {
+	messagesAtom.set([]);
+	partMapAtom.set({});
+	isStreamingAtom.set(false);
+	insertionCounter = 0;
+}
+//#endregion
+export { addMessage, addParts, clearChat, isStreamingAtom, messagesAtom, partMapAtom, updatePart };

package/dist/stores.d.ts

@@ -1,16 +1,3 @@
-import { t as SessionMessage } from "./message-vhUI0c5G.js";
-import { n as SessionPart } from "./parts-5mhy9yJ3.js";
-import { A as updateActiveSessionMeta, C as resetActiveSessions, D as setActiveSessionRunning, E as setActiveSessionError, F as useNavbarSessions, I as useProjectActivity, L as useProjectSessions, M as useActiveSessions, N as useActiveSessionsState, O as setForegroundActiveSession, P as useHasBackgroundRunningSessions, R as useSessionsByActivity, S as registerActiveSession, T as setActiveSessionConnection, _ as getSessionsByActivity, a as ActiveSessionReconnectState, b as getTotalRunningSessionCount, c as ActiveSessionTransportMode, d as SessionProjectKey, f as activeSessionsAtom, g as getAllProjectActivity, h as getAllActiveSessions, i as ActiveSessionConnectionState, j as useActiveSession, k as unregisterActiveSession, l as ActiveSessionsState, m as getActiveSession, n as ActiveSessionActivityOptions, o as ActiveSessionRecord, p as bumpActiveSessionActivity, r as ActiveSessionConnectionOptions, s as ActiveSessionStatus, t as ActiveProjectActivity, u as RegisterActiveSessionOptions, v as getSessionsForNavbar, w as setActiveSessionAttention, x as hasBackgroundRunningSessions, y as getSessionsForProject, z as useTotalRunningSessions } from "./active-sessions-store-nl70ZnMC.js";
-//#region src/stores/chat-store.d.ts
-/** Ordered list of messages in the current chat session. */
-export declare const messagesAtom: import("nanostores").PreinitializedWritableAtom<SessionMessage[]> & object;
-/** Map of message ID → parts for that message. */
-export declare const partMapAtom: import("nanostores").PreinitializedMapStore<Record<string, SessionPart[]>> & object;
-/** Whether the assistant is currently streaming a response. */
-export declare const isStreamingAtom: import("nanostores").PreinitializedWritableAtom<boolean> & object;
-export declare function addMessage(msg: SessionMessage): void;
-export declare function addParts(messageId: string, parts: SessionPart[]): void;
-export declare function updatePart(messageId: string, partIndex: number, part: SessionPart): void;
-export declare function clearChat(): void;
-//#endregion
-export { ActiveProjectActivity, ActiveSessionActivityOptions, ActiveSessionConnectionOptions, ActiveSessionConnectionState, ActiveSessionReconnectState, ActiveSessionRecord, ActiveSessionStatus, ActiveSessionTransportMode, ActiveSessionsState, RegisterActiveSessionOptions, SessionProjectKey, activeSessionsAtom, bumpActiveSessionActivity, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, registerActiveSession, resetActiveSessions, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions };
+import { ActiveProjectActivity, ActiveSessionActivityOptions, ActiveSessionConnectionOptions, ActiveSessionConnectionState, ActiveSessionReconnectState, ActiveSessionRecord, ActiveSessionStatus, ActiveSessionTransportMode, ActiveSessionsState, RegisterActiveSessionOptions, SessionProjectKey, activeSessionsAtom, bumpActiveSessionActivity, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, registerActiveSession, resetActiveSessions, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions } from "./stores/active-sessions-store.js";
+import { addMessage, addParts, clearChat, isStreamingAtom, messagesAtom, partMapAtom, updatePart } from "./stores/chat-store.js";
+export { ActiveProjectActivity, ActiveSessionActivityOptions, ActiveSessionConnectionOptions, ActiveSessionConnectionState, ActiveSessionReconnectState, ActiveSessionRecord, ActiveSessionStatus, ActiveSessionTransportMode, ActiveSessionsState, RegisterActiveSessionOptions, SessionProjectKey, activeSessionsAtom, addMessage, addParts, bumpActiveSessionActivity, clearChat, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, partMapAtom, registerActiveSession, resetActiveSessions, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions };

package/dist/stores.js

@@ -1,34 +1,3 @@
-import { C as useHasBackgroundRunningSessions, D as useSessionsByActivity, E as useProjectSessions, O as useTotalRunningSessions, S as useActiveSessionsState, T as useProjectActivity, _ as setForegroundActiveSession, a as getAllProjectActivity, b as useActiveSession, c as getSessionsForProject, d as registerActiveSession, f as resetActiveSessions, g as setActiveSessionRunning, h as setActiveSessionError, i as getAllActiveSessions, l as getTotalRunningSessionCount, m as setActiveSessionConnection, n as bumpActiveSessionActivity, o as getSessionsByActivity, p as setActiveSessionAttention, r as getActiveSession, s as getSessionsForNavbar, t as activeSessionsAtom, u as hasBackgroundRunningSessions, v as unregisterActiveSession, w as useNavbarSessions, x as useActiveSessions, y as updateActiveSessionMeta } from "./active-sessions-store-Gt1R0rFG.js";
-import { atom, map } from "nanostores";
-//#region src/stores/chat-store.ts
-/** Ordered list of messages in the current chat session. */
-const messagesAtom = atom([]);
-/** Map of message ID → parts for that message. */
-const partMapAtom = map({});
-/** Whether the assistant is currently streaming a response. */
-const isStreamingAtom = atom(false);
-let insertionCounter = 0;
-function addMessage(msg) {
-	const withIndex = {
-		...msg,
-		_insertionIndex: insertionCounter++
-	};
-	messagesAtom.set([...messagesAtom.get(), withIndex]);
-}
-function addParts(messageId, parts) {
-	const existing = partMapAtom.get()[messageId] ?? [];
-	partMapAtom.setKey(messageId, [...existing, ...parts]);
-}
-function updatePart(messageId, partIndex, part) {
-	const existing = [...partMapAtom.get()[messageId] ?? []];
-	existing[partIndex] = part;
-	partMapAtom.setKey(messageId, existing);
-}
-function clearChat() {
-	messagesAtom.set([]);
-	partMapAtom.set({});
-	isStreamingAtom.set(false);
-	insertionCounter = 0;
-}
-//#endregion
+import { activeSessionsAtom, bumpActiveSessionActivity, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, registerActiveSession, resetActiveSessions, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions } from "./stores/active-sessions-store.js";
+import { addMessage, addParts, clearChat, isStreamingAtom, messagesAtom, partMapAtom, updatePart } from "./stores/chat-store.js";
 export { activeSessionsAtom, addMessage, addParts, bumpActiveSessionActivity, clearChat, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, partMapAtom, registerActiveSession, resetActiveSessions, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions };

package/dist/tool-previews/command-preview.d.ts

@@ -0,0 +1,11 @@
+import { ToolPart } from "../types/parts.js";
+//#region src/tool-previews/command-preview.d.ts
+export interface CommandPreviewProps {
+  part: ToolPart;
+}
+/**
+ * Terminal-style command output preview.
+ * Shows the command, exit code, and stdout/stderr with expand/collapse.
+ */
+export declare const CommandPreview: import("react").MemoExoticComponent<({ part }: CommandPreviewProps) => import("react").JSX.Element>;
+//#endregion

package/dist/tool-previews/command-preview.js

@@ -0,0 +1,91 @@
+import { focusRing } from "../lib/focus.js";
+import { cn } from "../lib/utils.js";
+import { PreviewCard, PreviewError, PreviewLoading } from "./preview-primitives.js";
+import { memo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronRight, Terminal } from "lucide-react";
+//#region src/tool-previews/command-preview.tsx
+/** Extract stdout/stderr/exitCode from tool output. */
+function extractCommandOutput(output) {
+	if (!output) return {
+		stdout: "",
+		stderr: "",
+		exitCode: 0
+	};
+	if (typeof output === "string") return {
+		stdout: output,
+		stderr: "",
+		exitCode: 0
+	};
+	if (typeof output === "object" && output !== null) {
+		const obj = output;
+		return {
+			stdout: String(obj.stdout ?? obj.output ?? ""),
+			stderr: String(obj.stderr ?? ""),
+			exitCode: Number(obj.exitCode ?? obj.exit_code ?? obj.code ?? 0)
+		};
+	}
+	return {
+		stdout: String(output),
+		stderr: "",
+		exitCode: 0
+	};
+}
+/**
+* Terminal-style command output preview.
+* Shows the command, exit code, and stdout/stderr with expand/collapse.
+*/
+const CommandPreview = memo(({ part }) => {
+	const [expanded, setExpanded] = useState(true);
+	const input = part.state.input;
+	const command = typeof input?.command === "string" ? input.command : String(input ?? "");
+	const output = part.state.status === "completed" ? extractCommandOutput(part.state.output) : null;
+	const isError = output ? output.exitCode !== 0 : part.state.status === "error";
+	const errorText = part.state.error;
+	const lineCount = output?.stdout ? output.stdout.split("\n").length : 0;
+	return /* @__PURE__ */ jsxs(PreviewCard, {
+		icon: /* @__PURE__ */ jsx(Terminal, { className: "h-4 w-4" }),
+		title: "Command",
+		description: command,
+		meta: output ? /* @__PURE__ */ jsxs("span", {
+			className: cn("inline-flex items-center rounded-full border px-2 py-0.5 font-mono", isError ? "border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)]" : "border-[var(--surface-success-border)] bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]"),
+			children: ["exit ", output.exitCode]
+		}) : null,
+		children: [
+			/* @__PURE__ */ jsxs("button", {
+				onClick: () => setExpanded((value) => !value),
+				className: cn("flex w-full items-center gap-2 rounded-[var(--radius-md)] border border-border bg-muted px-3 py-2 text-left transition-colors hover:border-[var(--border-strong)] hover:bg-accent/45", focusRing),
+				children: [
+					/* @__PURE__ */ jsx("code", {
+						className: "min-w-0 flex-1 truncate text-xs font-mono text-foreground",
+						children: command
+					}),
+					lineCount > 0 ? /* @__PURE__ */ jsxs("span", {
+						className: "shrink-0 text-xs text-muted-foreground",
+						children: [
+							lineCount,
+							" line",
+							lineCount === 1 ? "" : "s"
+						]
+					}) : null,
+					expanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground" })
+				]
+			}),
+			part.state.status === "running" ? /* @__PURE__ */ jsx(PreviewLoading, {}) : null,
+			errorText ? /* @__PURE__ */ jsx(PreviewError, { error: errorText }) : null,
+			expanded && output ? /* @__PURE__ */ jsxs("div", {
+				className: "overflow-hidden rounded-[var(--radius-md)] border border-border bg-muted",
+				children: [output.stdout ? /* @__PURE__ */ jsx("pre", {
+					className: "max-h-80 overflow-auto px-3 py-3 text-xs font-mono whitespace-pre-wrap break-all text-foreground",
+					children: output.stdout
+				}) : null, output.stderr ? /* @__PURE__ */ jsx("pre", {
+					className: "max-h-80 overflow-auto border-t border-border px-3 py-3 text-xs font-mono whitespace-pre-wrap break-all text-red-200",
+					children: output.stderr
+				}) : null]
+			}) : null
+		]
+	});
+});
+CommandPreview.displayName = "CommandPreview";
+//#endregion
+export { CommandPreview };

package/dist/tool-previews/diff-preview.d.ts

@@ -0,0 +1,7 @@
+import { ToolPart } from "../types/parts.js";
+//#region src/tool-previews/diff-preview.d.ts
+export interface DiffPreviewProps {
+  part: ToolPart;
+}
+export declare const DiffPreview: import("react").MemoExoticComponent<({ part }: DiffPreviewProps) => import("react").JSX.Element>;
+//#endregion

package/dist/tool-previews/diff-preview.js

@@ -0,0 +1,76 @@
+import { CodeBlock } from "../markdown/code-block.js";
+import { PreviewCard, PreviewEmpty, PreviewError, PreviewLoading } from "./preview-primitives.js";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { GitCompareArrows } from "lucide-react";
+//#region src/tool-previews/diff-preview.tsx
+function extractString(record, ...keys) {
+	for (const key of keys) {
+		const value = record[key];
+		if (typeof value === "string" && value.length > 0) return value;
+	}
+}
+function extractDiffPayload(part) {
+	const sources = [
+		part.state.input,
+		part.state.output,
+		part.state.metadata
+	];
+	for (const source of sources) {
+		if (!source || typeof source !== "object") continue;
+		const record = source;
+		const diff = extractString(record, "diff", "patch", "unifiedDiff", "unified_diff");
+		const before = extractString(record, "oldString", "old_string", "before", "previous");
+		const after = extractString(record, "newString", "new_string", "after", "updated");
+		const path = extractString(record, "file_path", "filePath", "path");
+		if (diff || before || after) return {
+			path,
+			diff,
+			before,
+			after
+		};
+	}
+	return {};
+}
+const DiffPreview = memo(({ part }) => {
+	const payload = extractDiffPayload(part);
+	return /* @__PURE__ */ jsxs(PreviewCard, {
+		icon: /* @__PURE__ */ jsx(GitCompareArrows, { className: "h-4 w-4" }),
+		title: payload.path ? `Changes for ${payload.path}` : "File changes",
+		children: [
+			part.state.status === "running" ? /* @__PURE__ */ jsx(PreviewLoading, { label: "Computing changes…" }) : null,
+			part.state.error ? /* @__PURE__ */ jsx(PreviewError, { error: part.state.error }) : null,
+			!payload.diff && !payload.before && !payload.after ? /* @__PURE__ */ jsx(PreviewEmpty, { label: "No structured diff payload was provided." }) : null,
+			payload.diff ? /* @__PURE__ */ jsx(CodeBlock, {
+				code: payload.diff,
+				language: "diff",
+				className: "rounded-[var(--radius-md)]"
+			}) : null,
+			!payload.diff && payload.before ? /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "text-xs font-semibold uppercase tracking-[0.08em] text-muted-foreground",
+					children: "Before"
+				}), /* @__PURE__ */ jsx(CodeBlock, {
+					code: payload.before,
+					language: "text",
+					className: "rounded-[var(--radius-md)]"
+				})]
+			}) : null,
+			!payload.diff && payload.after ? /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "text-xs font-semibold uppercase tracking-[0.08em] text-muted-foreground",
+					children: "After"
+				}), /* @__PURE__ */ jsx(CodeBlock, {
+					code: payload.after,
+					language: "text",
+					className: "rounded-[var(--radius-md)]"
+				})]
+			}) : null
+		]
+	});
+});
+DiffPreview.displayName = "DiffPreview";
+//#endregion
+export { DiffPreview };

package/dist/tool-previews/glob-results-preview.d.ts

@@ -0,0 +1,7 @@
+import { ToolPart } from "../types/parts.js";
+//#region src/tool-previews/glob-results-preview.d.ts
+export interface GlobResultsPreviewProps {
+  part: ToolPart;
+}
+export declare const GlobResultsPreview: import("react").MemoExoticComponent<({ part }: GlobResultsPreviewProps) => import("react").JSX.Element>;
+//#endregion

package/dist/tool-previews/glob-results-preview.js

@@ -0,0 +1,53 @@
+import { PreviewCard, PreviewEmpty, PreviewError, PreviewLoading } from "./preview-primitives.js";
+import { memo, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FileText, FolderOpen } from "lucide-react";
+//#region src/tool-previews/glob-results-preview.tsx
+function coerceString(value) {
+	return typeof value === "string" && value.trim() ? value : void 0;
+}
+function extractPattern(input) {
+	if (!input || typeof input !== "object") return;
+	const record = input;
+	return coerceString(record.pattern) ?? coerceString(record.path);
+}
+function extractFiles(output) {
+	if (Array.isArray(output)) return output.map((item) => String(item)).filter(Boolean);
+	if (output && typeof output === "object") {
+		const record = output;
+		const candidate = record.files ?? record.matches ?? record.paths ?? record.results;
+		if (Array.isArray(candidate)) return candidate.map((item) => typeof item === "string" ? item : item && typeof item === "object" ? String(item.path ?? item.file ?? "") : "").filter(Boolean);
+	}
+	if (typeof output === "string") return output.split("\n").map((line) => line.trim()).filter(Boolean);
+	return [];
+}
+const GlobResultsPreview = memo(({ part }) => {
+	const pattern = extractPattern(part.state.input);
+	const files = useMemo(() => extractFiles(part.state.output), [part.state.output]);
+	return /* @__PURE__ */ jsxs(PreviewCard, {
+		icon: /* @__PURE__ */ jsx(FolderOpen, { className: "h-4 w-4" }),
+		title: pattern ? `Files for ${pattern}` : "File results",
+		description: files.length > 0 ? `${files.length} path${files.length === 1 ? "" : "s"}` : void 0,
+		children: [
+			part.state.status === "running" ? /* @__PURE__ */ jsx(PreviewLoading, { label: "Collecting files…" }) : null,
+			part.state.error ? /* @__PURE__ */ jsx(PreviewError, { error: part.state.error }) : null,
+			part.state.status === "completed" && files.length === 0 ? /* @__PURE__ */ jsx(PreviewEmpty, { label: "No matching files were returned." }) : null,
+			files.length > 0 ? /* @__PURE__ */ jsx("div", {
+				className: "grid gap-2 sm:grid-cols-2",
+				children: files.map((file) => {
+					const Icon = file.endsWith("/") ? FolderOpen : FileText;
+					return /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-border bg-muted/55 px-3 py-2",
+						children: [/* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0 text-primary" }), /* @__PURE__ */ jsx("span", {
+							className: "min-w-0 truncate text-xs font-mono text-foreground",
+							children: file
+						})]
+					}, file);
+				})
+			}) : null
+		]
+	});
+});
+GlobResultsPreview.displayName = "GlobResultsPreview";
+//#endregion
+export { GlobResultsPreview };

package/dist/tool-previews/grep-results-preview.d.ts

@@ -0,0 +1,7 @@
+import { ToolPart } from "../types/parts.js";
+//#region src/tool-previews/grep-results-preview.d.ts
+export interface GrepResultsPreviewProps {
+  part: ToolPart;
+}
+export declare const GrepResultsPreview: import("react").MemoExoticComponent<({ part }: GrepResultsPreviewProps) => import("react").JSX.Element>;
+//#endregion

package/dist/tool-previews/grep-results-preview.js

@@ -0,0 +1,99 @@
+import { PreviewCard, PreviewEmpty, PreviewError, PreviewLoading } from "./preview-primitives.js";
+import { memo, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
+//#region src/tool-previews/grep-results-preview.tsx
+function coerceString(value) {
+	return typeof value === "string" && value.trim() ? value : void 0;
+}
+function parseMatch(value) {
+	if (typeof value === "string") {
+		const [path, maybeLine, ...rest] = value.split(":");
+		const line = Number(maybeLine);
+		if (rest.length > 0 && Number.isFinite(line)) return {
+			path,
+			line,
+			text: rest.join(":").trim()
+		};
+		return {
+			path: "match",
+			text: value
+		};
+	}
+	if (!value || typeof value !== "object") return null;
+	const record = value;
+	const path = coerceString(record.path) ?? coerceString(record.file) ?? coerceString(record.filePath) ?? "match";
+	const lineValue = record.line ?? record.lineNumber ?? record.line_number;
+	const line = typeof lineValue === "number" ? lineValue : Number(lineValue);
+	const text = coerceString(record.text) ?? coerceString(record.content) ?? coerceString(record.lineText) ?? coerceString(record.preview);
+	if (!text) return null;
+	return {
+		path,
+		line: Number.isFinite(line) ? line : void 0,
+		text
+	};
+}
+function extractPattern(input) {
+	if (!input || typeof input !== "object") return;
+	const record = input;
+	return coerceString(record.pattern) ?? coerceString(record.query);
+}
+function extractMatches(output) {
+	if (Array.isArray(output)) return output.map(parseMatch).filter((value) => value !== null);
+	if (output && typeof output === "object") {
+		const record = output;
+		const candidates = [
+			record.matches,
+			record.results,
+			record.output
+		];
+		for (const candidate of candidates) if (Array.isArray(candidate)) return candidate.map(parseMatch).filter((value) => value !== null);
+	}
+	if (typeof output === "string") return output.split("\n").map((line) => line.trim()).filter(Boolean).map(parseMatch).filter((value) => value !== null);
+	return [];
+}
+const GrepResultsPreview = memo(({ part }) => {
+	const pattern = extractPattern(part.state.input);
+	const matches = useMemo(() => extractMatches(part.state.output), [part.state.output]);
+	const groupedMatches = useMemo(() => {
+		const groups = /* @__PURE__ */ new Map();
+		for (const match of matches) {
+			const list = groups.get(match.path) ?? [];
+			list.push(match);
+			groups.set(match.path, list);
+		}
+		return [...groups.entries()];
+	}, [matches]);
+	return /* @__PURE__ */ jsxs(PreviewCard, {
+		icon: /* @__PURE__ */ jsx(Search, { className: "h-4 w-4" }),
+		title: pattern ? `Search results for "${pattern}"` : "Search results",
+		description: matches.length > 0 ? `${matches.length} match${matches.length === 1 ? "" : "es"}` : void 0,
+		children: [
+			part.state.status === "running" ? /* @__PURE__ */ jsx(PreviewLoading, { label: "Searching files…" }) : null,
+			part.state.error ? /* @__PURE__ */ jsx(PreviewError, { error: part.state.error }) : null,
+			part.state.status === "completed" && matches.length === 0 ? /* @__PURE__ */ jsx(PreviewEmpty, { label: "No matching files or lines were returned." }) : null,
+			groupedMatches.map(([path, pathMatches]) => /* @__PURE__ */ jsxs("div", {
+				className: "rounded-[var(--radius-md)] border border-border bg-muted/55",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "border-b border-border px-3 py-2 text-xs font-medium text-foreground",
+					children: path
+				}), /* @__PURE__ */ jsx("div", {
+					className: "divide-y divide-border",
+					children: pathMatches.map((match, index) => /* @__PURE__ */ jsxs("div", {
+						className: "grid grid-cols-[auto_minmax(0,1fr)] gap-3 px-3 py-2",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "pt-0.5 text-xs font-mono text-muted-foreground",
+							children: match.line ?? "·"
+						}), /* @__PURE__ */ jsx("pre", {
+							className: "overflow-x-auto whitespace-pre-wrap break-words text-xs font-mono text-foreground",
+							children: match.text
+						})]
+					}, `${path}-${match.line ?? index}-${index}`))
+				})]
+			}, path))
+		]
+	});
+});
+GrepResultsPreview.displayName = "GrepResultsPreview";
+//#endregion
+export { GrepResultsPreview };

package/dist/tool-previews/preview-primitives.js

@@ -0,0 +1,58 @@
+import { cn } from "../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+//#region src/tool-previews/preview-primitives.tsx
+function PreviewCard({ icon, title, description, meta, children, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("overflow-hidden rounded-[var(--radius-lg)] border border-border bg-card shadow-[var(--shadow-card)]", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2.5 border-b border-border bg-card px-[var(--tool-card-px)] py-[var(--tool-card-py)]",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "flex h-[var(--tool-icon-size)] w-[var(--tool-icon-size)] shrink-0 items-center justify-center rounded-[var(--radius-sm)] border border-[var(--border-accent)] bg-muted text-primary",
+					children: icon
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-xs font-semibold text-foreground",
+							children: title
+						}), description ? /* @__PURE__ */ jsx("span", {
+							className: "truncate text-xs font-mono text-muted-foreground",
+							children: description
+						}) : null]
+					})
+				}),
+				meta ? /* @__PURE__ */ jsx("div", {
+					className: "shrink-0 text-xs text-muted-foreground",
+					children: meta
+				}) : null
+			]
+		}), children ? /* @__PURE__ */ jsx("div", {
+			className: "space-y-2 px-[var(--tool-card-px)] py-[var(--tool-card-py)]",
+			children
+		}) : null]
+	});
+}
+function PreviewEmpty({ label, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("rounded-[var(--radius-md)] border border-dashed border-border bg-muted px-3 py-2.5 text-xs text-muted-foreground", className),
+		children: label
+	});
+}
+function PreviewError({ error }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "rounded-[var(--radius-md)] border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-3 py-3 text-sm text-[var(--surface-danger-text)]",
+		children: error
+	});
+}
+function PreviewLoading({ label = "Running…" }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-border bg-muted px-3 py-2 text-xs text-muted-foreground",
+		children: [/* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-primary" }), /* @__PURE__ */ jsx("span", { children: label })]
+	});
+}
+//#endregion
+export { PreviewCard, PreviewEmpty, PreviewError, PreviewLoading };