@tangle-network/ui 11.11.0 → 11.11.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @tangle-network/ui
 
+## 11.11.2
+
+### Patch Changes
+
+- 658ae83: Use each colored AgentTimeline card's tone foreground for its status detail and artifact text.
+  Keep neutral cards on the normal muted foreground.
+
+## 11.11.1
+
+### Patch Changes
+
+- 1f0b651: Keep the native field fallback outline off borderless editors inside composite fields. The shared focusFieldWithin helper retains the rounded outer border and halo; standalone fields keep their own focus treatment.
+
 ## 11.11.0
 
 ### Minor Changes

package/README.md

@@ -114,4 +114,7 @@ A TypeScript consumer resolves these entries through the emitted declarations, a
 
 Because the peers now resolve at first render rather than at build time, a missing one surfaces as a thrown error while React renders. Wrap the editors in an error boundary, so the install list reaches a surface you control instead of unmounting the tree.
 
-`nanostores` and `@nanostores/react` back `./stores`, and `react-router` backs `./nav`. Those two entries create their values at module scope, so they hold a static import and a consumer that imports them must install the peer. Every other entry stays free of all of these.
+`nanostores` and `@nanostores/react` back `./stores`, and `react-router` backs `./nav`.
+Those entries create values at module scope, so consumers must install their peers before importing them.
+The package root also re-exports `./stores`, so a root import requires both nanostores peers.
+Consumers that use only other subpath entries do not need these three peers.

package/dist/{auth-DixfCMCk.js → auth-DOETfnd9.js}

@@ -1,6 +1,6 @@
-import { i as focusRing } from "./focus-Cw02pNSr.js";
+import { i as focusRing } from "./focus-BcE_SHqz.js";
 import { t as cn } from "./utils-C_uf36nf.js";
-import { t as Button } from "./button-uhNnwdsD.js";
+import { t as Button } from "./button-C87nEe2R.js";
 import { _ as AvatarFallback, a as DropdownMenuItem, g as Avatar, h as DropdownMenuTrigger, o as DropdownMenuLabel, r as DropdownMenuContent, t as DropdownMenu, u as DropdownMenuSeparator, v as AvatarImage } from "./dropdown-menu-BpcLa5vF.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/auth.js

@@ -1,2 +1,2 @@
-import { i as UserMenu, n as AuthHeader, r as GitHubLoginButton, t as LoginLayout } from "./auth-DixfCMCk.js";
+import { i as UserMenu, n as AuthHeader, r as GitHubLoginButton, t as LoginLayout } from "./auth-DOETfnd9.js";
 export { AuthHeader, GitHubLoginButton, LoginLayout, UserMenu };

package/dist/{button-uhNnwdsD.js → button-C87nEe2R.js}

@@ -1,4 +1,4 @@
-import { i as focusRing } from "./focus-Cw02pNSr.js";
+import { i as focusRing } from "./focus-BcE_SHqz.js";
 import { t as cn } from "./utils-C_uf36nf.js";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";

package/dist/{chat-CPLL0Fd9.js → chat-D-9Fm8A4.js}

@@ -1,11 +1,11 @@
-import { i as focusRing } from "./focus-Cw02pNSr.js";
+import { i as focusRing } from "./focus-BcE_SHqz.js";
 import { t as cn } from "./utils-C_uf36nf.js";
 import { r as getToolDisplayMetadata } from "./tool-display-BAuAVa43.js";
 import { n as useRunCollapseState, r as useRunGroups, t as useAutoScroll } from "./use-auto-scroll-C5Pjeqon.js";
-import { n as ToolCallStep, t as ToolCallGroup } from "./tool-call-step-Bi3_YJRV.js";
-import { t as Markdown } from "./markdown-BprL96Gl.js";
-import { n as InlineThinkingItem, t as RunGroup } from "./run-group-D1InSdQu.js";
-import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-DT4xbvWt.js";
+import { n as ToolCallStep, t as ToolCallGroup } from "./tool-call-step-DNebqhmX.js";
+import { t as Markdown } from "./markdown-BGqicV82.js";
+import { n as InlineThinkingItem, t as RunGroup } from "./run-group-BACLbCFl.js";
+import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-DrU1AdVk.js";
 import { memo, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AlertTriangle, ArrowDown, CheckCircle2, CircleDot, FileText, Info } from "lucide-react";
@@ -120,26 +120,31 @@ const TONE_STYLES = {
 	default: {
 		card: "border-border bg-card",
 		text: "text-foreground",
+		supportingText: "text-muted-foreground",
 		icon: CircleDot
 	},
 	info: {
 		card: "border-[var(--surface-info-border)] bg-[var(--surface-info-bg)]",
 		text: "text-[var(--surface-info-text)]",
+		supportingText: "text-[var(--surface-info-text)]",
 		icon: Info
 	},
 	success: {
 		card: "border-[var(--surface-success-border)] bg-[var(--surface-success-bg)]",
 		text: "text-[var(--surface-success-text)]",
+		supportingText: "text-[var(--surface-success-text)]",
 		icon: CheckCircle2
 	},
 	warning: {
 		card: "border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)]",
 		text: "text-[var(--surface-warning-text)]",
+		supportingText: "text-[var(--surface-warning-text)]",
 		icon: AlertTriangle
 	},
 	error: {
 		card: "border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)]",
 		text: "text-[var(--surface-danger-text)]",
+		supportingText: "text-[var(--surface-danger-text)]",
 		icon: AlertTriangle
 	}
 };
@@ -190,7 +195,7 @@ function StatusCard({ item }) {
 					className: cn("text-sm font-medium", tone.text),
 					children: item.label
 				}), item.detail && /* @__PURE__ */ jsx("div", {
-					className: "mt-0.5 text-sm text-muted-foreground",
+					className: cn("mt-0.5 text-sm", tone.supportingText),
 					children: item.detail
 				})]
 			})]
@@ -212,15 +217,15 @@ function ArtifactCard({ item }) {
 					className: "min-w-0 flex-1",
 					children: [
 						/* @__PURE__ */ jsx("div", {
-							className: "text-sm font-medium text-foreground",
+							className: cn("text-sm font-medium", tone.text),
 							children: item.title
 						}),
 						item.description && /* @__PURE__ */ jsx("div", {
-							className: "mt-1 text-sm text-muted-foreground",
+							className: cn("mt-1 text-sm", tone.supportingText),
 							children: item.description
 						}),
 						item.meta && /* @__PURE__ */ jsx("div", {
-							className: "mt-2 flex flex-wrap items-center gap-2 text-xs text-muted-foreground",
+							className: cn("mt-2 flex flex-wrap items-center gap-2 text-xs", tone.supportingText),
 							children: item.meta
 						})
 					]

package/dist/chat.js

@@ -1,2 +1,2 @@
-import { a as MessageList, i as ThinkingIndicator, n as ChatContainer, o as UserMessage, r as AgentTimeline, t as ChatMessage } from "./chat-CPLL0Fd9.js";
+import { a as MessageList, i as ThinkingIndicator, n as ChatContainer, o as UserMessage, r as AgentTimeline, t as ChatMessage } from "./chat-D-9Fm8A4.js";
 export { AgentTimeline, ChatContainer, ChatMessage, MessageList, ThinkingIndicator, UserMessage };

package/dist/{code-block-CngSn37j.js → code-block-B36KVUSN.js}

@@ -1,4 +1,4 @@
-import { i as focusRing } from "./focus-Cw02pNSr.js";
+import { i as focusRing } from "./focus-BcE_SHqz.js";
 import { t as cn } from "./utils-C_uf36nf.js";
 import { memo, useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{diff-preview-cySuqowW.js → diff-preview-BcK3nRXb.js}

@@ -1,6 +1,6 @@
-import { i as focusRing } from "./focus-Cw02pNSr.js";
+import { i as focusRing } from "./focus-BcE_SHqz.js";
 import { t as cn } from "./utils-C_uf36nf.js";
-import { n as CopyButton, t as CodeBlock } from "./code-block-CngSn37j.js";
+import { n as CopyButton, t as CodeBlock } from "./code-block-B36KVUSN.js";
 import { a as getSyntaxLanguage } from "./file-format-BgXbr-Ib.js";
 import { memo, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{document-editor-pane-Cz6oEF1o.js → document-editor-pane-BxlPjaTP.js}

@@ -1,8 +1,8 @@
-import { i as focusRing } from "./focus-Cw02pNSr.js";
+import { i as focusRing } from "./focus-BcE_SHqz.js";
 import { t as cn } from "./utils-C_uf36nf.js";
-import { i as TabsTrigger, n as TabsContent, r as TabsList, t as Tabs } from "./tabs-ujuqAdtb.js";
+import { i as TabsTrigger, n as TabsContent, r as TabsList, t as Tabs } from "./tabs-BVHR6NkO.js";
 import { t as ArtifactPane } from "./artifact-pane-DMXT9a8U.js";
-import { t as Markdown } from "./markdown-BprL96Gl.js";
+import { t as Markdown } from "./markdown-BGqicV82.js";
 import { Suspense, createContext, lazy, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PencilLine, Save, Users, Wifi, WifiOff } from "lucide-react";

package/dist/editor.js

@@ -1,2 +1,2 @@
-import { a as useCollaborators, c as useYjsState, d as EditorToolbar, f as EditorProvider, i as useCollaboratorPresence, l as CollaboratorsList, o as useDocumentChanges, p as useEditorContext, r as useAwareness, s as useEditorConnection, t as DocumentEditorPane, u as TiptapEditor } from "./document-editor-pane-Cz6oEF1o.js";
+import { a as useCollaborators, c as useYjsState, d as EditorToolbar, f as EditorProvider, i as useCollaboratorPresence, l as CollaboratorsList, o as useDocumentChanges, p as useEditorContext, r as useAwareness, s as useEditorConnection, t as DocumentEditorPane, u as TiptapEditor } from "./document-editor-pane-BxlPjaTP.js";
 export { CollaboratorsList, DocumentEditorPane, EditorProvider, EditorToolbar, TiptapEditor, useAwareness, useCollaboratorPresence, useCollaborators, useDocumentChanges, useEditorConnection, useEditorContext, useYjsState };

package/dist/{files-CYlOo0mE.js → files-Bug33qCl.js}

@@ -1,11 +1,11 @@
-import { a as focusRingInset, i as focusRing } from "./focus-Cw02pNSr.js";
+import { a as focusRingInset, i as focusRing } from "./focus-BcE_SHqz.js";
 import { t as cn } from "./utils-C_uf36nf.js";
-import { t as Button } from "./button-uhNnwdsD.js";
+import { t as Button } from "./button-C87nEe2R.js";
 import { t as ArtifactPane } from "./artifact-pane-DMXT9a8U.js";
-import { n as CopyButton, t as CodeBlock } from "./code-block-CngSn37j.js";
+import { n as CopyButton, t as CodeBlock } from "./code-block-B36KVUSN.js";
 import { t as formatBytes } from "./format-DfcLWqMa.js";
 import { i as getFormatLabel, n as fileExtension, o as resolveFilePreviewKind, r as getCodeLanguage, t as detectFileFormat } from "./file-format-BgXbr-Ib.js";
-import { t as Markdown } from "./markdown-BprL96Gl.js";
+import { t as Markdown } from "./markdown-BGqicV82.js";
 import { Suspense, lazy, useEffect, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, Download, File, FileCode, FileImage, FileJson, FileSpreadsheet, FileText, Folder, FolderOpen, Music, X } from "lucide-react";
@@ -640,7 +640,7 @@ function FileTabs({ tabs, activeId, onSelect, onClose, className }) {
 //#endregion
 //#region src/files/file-artifact-pane.tsx
 const LazyDocumentEditorPane = lazy(async () => {
-	return { default: (await import("./document-editor-pane-Cz6oEF1o.js").then((n) => n.n)).DocumentEditorPane };
+	return { default: (await import("./document-editor-pane-BxlPjaTP.js").then((n) => n.n)).DocumentEditorPane };
 });
 /**
 * FileArtifactPane — opinionated artifact frame for file previews with tabs and

package/dist/files.js

@@ -1,3 +1,3 @@
 import { a as getSyntaxLanguage, i as getFormatLabel, n as fileExtension, o as resolveFilePreviewKind, r as getCodeLanguage, t as detectFileFormat } from "./file-format-BgXbr-Ib.js";
-import { a as parseCsv, c as filterFileTree, i as FilePreview, n as FileTabs, o as RichFileTree, r as CSV_PREVIEW_ROW_LIMIT, s as FileTree, t as FileArtifactPane } from "./files-CYlOo0mE.js";
+import { a as parseCsv, c as filterFileTree, i as FilePreview, n as FileTabs, o as RichFileTree, r as CSV_PREVIEW_ROW_LIMIT, s as FileTree, t as FileArtifactPane } from "./files-Bug33qCl.js";
 export { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, FilePreview, FileTabs, FileTree, RichFileTree, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind };

package/dist/{focus-Cw02pNSr.js → focus-BcE_SHqz.js}

@@ -39,8 +39,9 @@ const focusField = "border-border transition-[border-color,box-shadow] duration-
 * therefore does not replace it. To style that container's focus differently,
 * compose your own classes instead of this helper. The field selector is
 * written out in full because Tailwind reads class names statically.
+* Base styles use its marker class to clear the inner editor fallback outline.
 */
-const focusFieldWithin = "border-border transition-[border-color,box-shadow] duration-150 ease-out hover:border-[var(--border-strong)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:border-[var(--focus-border)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-3 has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-[var(--focus-halo)]";
+const focusFieldWithin = "focus-field-within border-border transition-[border-color,box-shadow] duration-150 ease-out hover:border-[var(--border-strong)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:border-[var(--focus-border)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-3 has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-[var(--focus-halo)]";
 /** Error state for a field: a danger hairline and the same focus shape in danger. Compose after `focusField`. */
 const focusFieldInvalid = "border-[var(--surface-danger-border)] hover:border-[var(--surface-danger-border)] focus:border-[var(--focus-border-danger)] focus:ring-[var(--focus-halo-danger)]";
 const focusRingBase = "focus-visible:outline-1 focus-visible:outline-[var(--focus-border)] focus-visible:ring-4 focus-visible:ring-[var(--focus-halo)]";

package/dist/hooks.js

@@ -1,5 +1,5 @@
 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-BjVBDbxK.js";
+import { a as useToolCallStream, i as useRealtimeSession, n as useSdkSession, o as useDropdownMenu, r as RealtimeSessionRegistry, t as useSSEStream } from "./use-sse-stream-BVgO1QBN.js";
 import * as React from "react";
 //#region src/hooks/use-live-time.ts
 /**

package/dist/{index-b56ew9aF.d.ts → index-BgUHilZm.d.ts}

@@ -91,8 +91,9 @@ declare const focusField = "border-border transition-[border-color,box-shadow] d
  * therefore does not replace it. To style that container's focus differently,
  * compose your own classes instead of this helper. The field selector is
  * written out in full because Tailwind reads class names statically.
+ * Base styles use its marker class to clear the inner editor fallback outline.
  */
-declare const focusFieldWithin = "border-border transition-[border-color,box-shadow] duration-150 ease-out hover:border-[var(--border-strong)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:border-[var(--focus-border)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-3 has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-[var(--focus-halo)]";
+declare const focusFieldWithin = "focus-field-within border-border transition-[border-color,box-shadow] duration-150 ease-out hover:border-[var(--border-strong)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:border-[var(--focus-border)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-3 has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-[var(--focus-halo)]";
 /** Error state for a field: a danger hairline and the same focus shape in danger. Compose after `focusField`. */
 declare const focusFieldInvalid = "border-[var(--surface-danger-border)] hover:border-[var(--surface-danger-border)] focus:border-[var(--focus-border-danger)] focus:ring-[var(--focus-halo-danger)]";
 /** Keyboard-only focus for a control: a 1px focus line with the halo beyond it. */

package/dist/index.d.ts

@@ -20,7 +20,7 @@ import "./openui.js";
 import { n as MarkdownProps, t as Markdown } from "./index-Cq-EJzqW.js";
 import { addMessage, addParts, clearChat, isStreamingAtom, messagesAtom, partMapAtom, updatePart } from "./stores.js";
 import "./types.js";
-import { a as focusRingInset, c as getToolCategory, d as timeAgo, f as formatBytes, g as copyText, h as truncateText, i as focusRing, l as getToolDisplayMetadata, m as formatUptime, n as focusFieldInvalid, o as cn, p as formatDuration, r as focusFieldWithin, s as TOOL_CATEGORY_ICONS, t as focusField, u as getToolErrorText } from "./index-b56ew9aF.js";
+import { a as focusRingInset, c as getToolCategory, d as timeAgo, f as formatBytes, g as copyText, h as truncateText, i as focusRing, l as getToolDisplayMetadata, m as formatUptime, n as focusFieldInvalid, o as cn, p as formatDuration, r as focusFieldWithin, s as TOOL_CATEGORY_ICONS, t as focusField, u as getToolErrorText } from "./index-BgUHilZm.js";
 import { a as WebSearchPreview, c as GlobResultsPreviewProps, d as WriteFilePreview, f as WriteFilePreviewProps, i as QuestionPreviewProps, l as GrepResultsPreview, m as CommandPreviewProps, n as DiffPreviewProps, o as WebSearchPreviewProps, p as CommandPreview, r as QuestionPreview, s as GlobResultsPreview, t as DiffPreview, u as GrepResultsPreviewProps } from "./index-2UntyjBb.js";
 import { a as RevealResult, i as RedactedDocumentProps, n as RedactedDocument, r as RedactedDocumentData, t as RedactedDocSegment } from "./index-COgqsFAQ.js";
 export { ActiveProjectActivity, ActiveSessionActivityOptions, ActiveSessionConnectionOptions, ActiveSessionConnectionState, ActiveSessionReconnectState, ActiveSessionRecord, ActiveSessionStatus, ActiveSessionTransportMode, ActiveSessionsState, AgentBranding, AgentStreamEvent, AgentTimeline, type AgentTimelineArtifactItem, type AgentTimelineCustomItem, type AgentTimelineItem, type AgentTimelineMessageItem, type AgentTimelineProps, type AgentTimelineStatusItem, type AgentTimelineTone, type AgentTimelineToolGroupItem, type AgentTimelineToolItem, AppendUserMessageOptions, ApplySdkEventOptions, ArtifactPane, type ArtifactPaneProps, AuthHeader, type AuthHeaderProps, AuthUser, AutomationStreamEvent, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, BeginAssistantMessageOptions, BotStreamEvent, Button, type ButtonProps, CSV_PREVIEW_ROW_LIMIT, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatContainer, type ChatContainerProps, ChatMessage, type ChatMessageProps, CodeBlock, type CodeBlockProps, CommandPreview, type CommandPreviewProps, CompleteAssistantMessageOptions, ConnectionState, CopyButton, CustomToolRenderer, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffPreview, type DiffPreviewProps, DisplayVariant, DropZone, type DropZoneProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, ExpandedToolDetail, type ExpandedToolDetailProps, type FeedSegment, FileArtifactPane, type FileArtifactPaneProps, type FileFormat, type FileNode, FilePreview, type FilePreviewKind, type FilePreviewProps, type FileTabData, FileTabs, type FileTabsProps, FileTree, type FileTreeProps, type FileTreeVisibilityOptions, FilterField, type FilterFieldProps, FinalTextPart, GitHubLoginButton, type GitHubLoginButtonProps, GlobResultsPreview, type GlobResultsPreviewProps, GrepResultsPreview, type GrepResultsPreviewProps, GroupedMessage, InlineCode, type InlineCodeProps, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, Input, type InputProps, Label, LiveDuration, LoginLayout, type LoginLayoutProps, Logo, type LogoProps, Markdown, type MarkdownProps, MessageList, type MessageListProps, type MessageRole, MessageRun, MessageUser, Metric, type MetricProps, MetricStrip, type MetricStripProps, type OpenUIAction, type OpenUIActionsNode, OpenUIArtifactRenderer, type OpenUIArtifactRendererProps, type OpenUIBadgeNode, type OpenUICardNode, type OpenUICodeNode, type OpenUIComponentNode, type OpenUIGridNode, type OpenUIHeadingNode, type OpenUIKeyValueNode, type OpenUIMarkdownNode, type OpenUIPrimitive, type OpenUISeparatorNode, type OpenUIStackNode, type OpenUIStatNode, type OpenUITableNode, type OpenUITextNode, PageHeader, type PageHeaderProps, Progress, QuestionPreview, type QuestionPreviewProps, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, ReasoningPart, type RedactedDocSegment, RedactedDocument, type RedactedDocumentData, type RedactedDocumentProps, RegisterActiveSessionOptions, type RevealResult, RichFileTree, type RichFileTreeGitEntry, type RichFileTreeGitStatus, type RichFileTreeProps, type RichFileTreeThemeVars, Run, RunGroup, type RunGroupProps, RunRowShell, type RunRowShellProps, type RunRowStatus, RunRowStatusDot, RunStats, SSEEvent, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SessionMessage, SessionPart, SessionProjectKey, type SessionUser, SidebarDropZone, type SidebarDropZoneProps, Skeleton, SkeletonCard, SkeletonTable, StatCard, type StatCardProps, StatusPill, type StatusPillProps, type StatusTone, Switch, TOOL_CATEGORY_ICONS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TangleKnot, TaskStreamEvent, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TerminalStreamEvent, TextPart, TextShimmer, type TextShimmerProps, Textarea, type TextareaProps, ThemeToggle, ThinkingIndicator, type ThinkingIndicatorProps, type Toast, ToastContainer, ToastProvider, type ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, ToolCategory, ToolDisplayMetadata, ToolPart, ToolState, ToolStatus, ToolTime, Toolbar, type ToolbarProps, type UploadFile, UploadProgress, type UploadProgressProps, UseAuthOptions, UseAuthResult, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, UserMenu, type UserMenuProps, UserMessage, type UserMessageProps, WebSearchPreview, type WebSearchPreviewProps, WriteFilePreview, type WriteFilePreviewProps, activeSessionsAtom, addMessage, addParts, badgeVariants, bumpActiveSessionActivity, buttonVariants, clearChat, cn, copyText, createAuthFetcher, detectFileFormat, fileExtension, filterFileTree, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatUptime, getActiveSession, getAllActiveSessions, getAllProjectActivity, getCodeLanguage, getFormatLabel, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getSyntaxLanguage, getToolCategory, getToolDisplayMetadata, getToolErrorText, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, parseCsv, parseToolEvent, partMapAtom, registerActiveSession, resetActiveSessions, resolveFilePreviewKind, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, timeAgo, truncateText, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useApiKey, useAuth, useAutoScroll, useDropdownMenu, useHasBackgroundRunningSessions, useLiveTime, useNavbarSessions, useProjectActivity, useProjectSessions, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionsByActivity, useTheme, useToast, useToolCallStream, useTotalRunningSessions };

package/dist/index.js

@@ -1,30 +1,30 @@
-import { a as focusRingInset, i as focusRing, n as focusFieldInvalid, r as focusFieldWithin, t as focusField } from "./focus-Cw02pNSr.js";
+import { a as focusRingInset, i as focusRing, n as focusFieldInvalid, r as focusFieldWithin, t as focusField } from "./focus-BcE_SHqz.js";
 import { t as cn } from "./utils-C_uf36nf.js";
-import { n as buttonVariants, t as Button } from "./button-uhNnwdsD.js";
-import { a as TableFooter, c as TableRow, d as Card, f as CardContent, g as CardTitle, h as CardHeader, i as TableCell, l as Badge, m as CardFooter, n as TableBody, o as TableHead, p as CardDescription, r as TableCaption, s as TableHeader, t as Table, u as badgeVariants } from "./table-DHyqDPbU.js";
-import { A as SegmentedControl, B as SelectValue, C as ToastProvider, D as SkeletonTable, E as SkeletonCard, F as SelectLabel, G as DialogContent, H as Textarea, I as SelectScrollDownButton, J as DialogHeader, K as DialogDescription, L as SelectScrollUpButton, M as SelectContent, N as SelectGroup, O as Switch, P as SelectItem, Q as DialogTrigger, R as SelectSeparator, S as ToastContainer, T as Skeleton, U as Dialog, V as Input, W as DialogClose, X as DialogPortal, Y as DialogOverlay, Z as DialogTitle, _ as TerminalInput, a as Metric, b as EmptyState, c as PageHeader, d as InlineCode, f as SidebarDropZone, g as TerminalDisplay, h as TerminalCursor, i as Toolbar, j as Select, k as Progress, l as ThemeToggle, m as DropZone, n as TangleKnot, o as MetricStrip, p as UploadProgress, q as DialogFooter, r as FilterField, s as StatusPill, t as Logo, u as useTheme, v as TerminalLine, w as useToast, x as Label, y as StatCard, z as SelectTrigger } from "./primitives-DE-blUz-.js";
+import { n as buttonVariants, t as Button } from "./button-C87nEe2R.js";
+import { a as TableFooter, c as TableRow, d as Card, f as CardContent, g as CardTitle, h as CardHeader, i as TableCell, l as Badge, m as CardFooter, n as TableBody, o as TableHead, p as CardDescription, r as TableCaption, s as TableHeader, t as Table, u as badgeVariants } from "./table-Bss73DhB.js";
+import { A as SegmentedControl, B as SelectValue, C as ToastProvider, D as SkeletonTable, E as SkeletonCard, F as SelectLabel, G as DialogContent, H as Textarea, I as SelectScrollDownButton, J as DialogHeader, K as DialogDescription, L as SelectScrollUpButton, M as SelectContent, N as SelectGroup, O as Switch, P as SelectItem, Q as DialogTrigger, R as SelectSeparator, S as ToastContainer, T as Skeleton, U as Dialog, V as Input, W as DialogClose, X as DialogPortal, Y as DialogOverlay, Z as DialogTitle, _ as TerminalInput, a as Metric, b as EmptyState, c as PageHeader, d as InlineCode, f as SidebarDropZone, g as TerminalDisplay, h as TerminalCursor, i as Toolbar, j as Select, k as Progress, l as ThemeToggle, m as DropZone, n as TangleKnot, o as MetricStrip, p as UploadProgress, q as DialogFooter, r as FilterField, s as StatusPill, t as Logo, u as useTheme, v as TerminalLine, w as useToast, x as Label, y as StatCard, z as SelectTrigger } from "./primitives-Cb8GGVKr.js";
 import { _ as AvatarFallback, a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, g as Avatar, h as DropdownMenuTrigger, i as DropdownMenuGroup, l as DropdownMenuRadioItem, m as DropdownMenuSubTrigger, n as DropdownMenuCheckboxItem, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator, v as AvatarImage } from "./dropdown-menu-BpcLa5vF.js";
-import { i as TabsTrigger, n as TabsContent, r as TabsList, t as Tabs } from "./tabs-ujuqAdtb.js";
+import { i as TabsTrigger, n as TabsContent, r as TabsList, t as Tabs } from "./tabs-BVHR6NkO.js";
 import { t as TextShimmer } from "./text-shimmer-BUUo6I-g.js";
 import { t as ArtifactPane } from "./artifact-pane-DMXT9a8U.js";
-import { n as CopyButton, t as CodeBlock } from "./code-block-CngSn37j.js";
+import { n as CopyButton, t as CodeBlock } from "./code-block-B36KVUSN.js";
 import { i as getToolErrorText, n as getToolCategory, r as getToolDisplayMetadata, t as TOOL_CATEGORY_ICONS } from "./tool-display-BAuAVa43.js";
 import { n as useRunCollapseState, r as useRunGroups, t as useAutoScroll } from "./use-auto-scroll-C5Pjeqon.js";
 import { i as truncateText, n as formatDuration, r as formatUptime, t as formatBytes } from "./format-DfcLWqMa.js";
-import { a as GrepResultsPreview, i as GlobResultsPreview, n as QuestionPreview, o as WriteFilePreview, r as WebSearchPreview, s as CommandPreview, t as DiffPreview } from "./diff-preview-cySuqowW.js";
+import { a as GrepResultsPreview, i as GlobResultsPreview, n as QuestionPreview, o as WriteFilePreview, r as WebSearchPreview, s as CommandPreview, t as DiffPreview } from "./diff-preview-BcK3nRXb.js";
 import { a as getSyntaxLanguage, i as getFormatLabel, n as fileExtension, o as resolveFilePreviewKind, r as getCodeLanguage, t as detectFileFormat } from "./file-format-BgXbr-Ib.js";
-import { a as RunRowStatusDot, i as RunRowShell, o as ExpandedToolDetail, r as InlineToolItem } from "./tool-call-step-Bi3_YJRV.js";
-import { t as Markdown } from "./markdown-BprL96Gl.js";
-import { n as InlineThinkingItem, t as RunGroup } from "./run-group-D1InSdQu.js";
-import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-DT4xbvWt.js";
-import { a as MessageList, i as ThinkingIndicator, n as ChatContainer, o as UserMessage, r as AgentTimeline, t as ChatMessage } from "./chat-CPLL0Fd9.js";
+import { a as RunRowStatusDot, i as RunRowShell, o as ExpandedToolDetail, r as InlineToolItem } from "./tool-call-step-DNebqhmX.js";
+import { t as Markdown } from "./markdown-BGqicV82.js";
+import { n as InlineThinkingItem, t as RunGroup } from "./run-group-BACLbCFl.js";
+import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-DrU1AdVk.js";
+import { a as MessageList, i as ThinkingIndicator, n as ChatContainer, o as UserMessage, r as AgentTimeline, t as ChatMessage } from "./chat-D-9Fm8A4.js";
 import { t as LiveDuration } from "./run-ZsIKPA6J.js";
-import { n as parseToolEvent, t as ToolCallFeed } from "./tool-call-feed-C1W1N54c.js";
+import { n as parseToolEvent, t as ToolCallFeed } from "./tool-call-feed-Djt2q11V.js";
 import "./openui.js";
-import { a as parseCsv, c as filterFileTree, i as FilePreview, n as FileTabs, o as RichFileTree, r as CSV_PREVIEW_ROW_LIMIT, s as FileTree, t as FileArtifactPane } from "./files-CYlOo0mE.js";
+import { a as parseCsv, c as filterFileTree, i as FilePreview, n as FileTabs, o as RichFileTree, r as CSV_PREVIEW_ROW_LIMIT, s as FileTree, t as FileArtifactPane } from "./files-Bug33qCl.js";
 import "./markdown.js";
-import { i as UserMenu, n as AuthHeader, r as GitHubLoginButton, t as LoginLayout } from "./auth-DixfCMCk.js";
-import { a as useToolCallStream, i as useRealtimeSession, n as useSdkSession, o as useDropdownMenu, r as RealtimeSessionRegistry, t as useSSEStream } from "./use-sse-stream-BjVBDbxK.js";
+import { i as UserMenu, n as AuthHeader, r as GitHubLoginButton, t as LoginLayout } from "./auth-DOETfnd9.js";
+import { a as useToolCallStream, i as useRealtimeSession, n as useSdkSession, o as useDropdownMenu, r as RealtimeSessionRegistry, t as useSSEStream } from "./use-sse-stream-BVgO1QBN.js";
 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 { createAuthFetcher, useApiKey, useAuth, useLiveTime } from "./hooks.js";
 import { addMessage, addParts, clearChat, isStreamingAtom, messagesAtom, partMapAtom, updatePart } from "./stores.js";

package/dist/{markdown-BprL96Gl.js → markdown-BGqicV82.js}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-C_uf36nf.js";
-import { n as CopyButton, t as CodeBlock } from "./code-block-CngSn37j.js";
+import { n as CopyButton, t as CodeBlock } from "./code-block-B36KVUSN.js";
 import { memo } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 import ReactMarkdown from "react-markdown";

package/dist/markdown.js

@@ -1,3 +1,3 @@
-import { n as CopyButton, t as CodeBlock } from "./code-block-CngSn37j.js";
-import { t as Markdown } from "./markdown-BprL96Gl.js";
+import { n as CopyButton, t as CodeBlock } from "./code-block-B36KVUSN.js";
+import { t as Markdown } from "./markdown-BGqicV82.js";
 export { CodeBlock, CopyButton, Markdown };

package/dist/{openui-artifact-renderer-DT4xbvWt.js → openui-artifact-renderer-DrU1AdVk.js}

@@ -1,8 +1,8 @@
 import { t as cn } from "./utils-C_uf36nf.js";
-import { t as Button } from "./button-uhNnwdsD.js";
-import { c as TableRow, d as Card, f as CardContent, g as CardTitle, h as CardHeader, i as TableCell, l as Badge, n as TableBody, o as TableHead, p as CardDescription, s as TableHeader, t as Table } from "./table-DHyqDPbU.js";
-import { t as CodeBlock } from "./code-block-CngSn37j.js";
-import { t as Markdown } from "./markdown-BprL96Gl.js";
+import { t as Button } from "./button-C87nEe2R.js";
+import { c as TableRow, d as Card, f as CardContent, g as CardTitle, h as CardHeader, i as TableCell, l as Badge, n as TableBody, o as TableHead, p as CardDescription, s as TableHeader, t as Table } from "./table-Bss73DhB.js";
+import { t as CodeBlock } from "./code-block-B36KVUSN.js";
+import { t as Markdown } from "./markdown-BGqicV82.js";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Minus } from "lucide-react";

package/dist/openui.js

@@ -1,2 +1,2 @@
-import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-DT4xbvWt.js";
+import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-DrU1AdVk.js";
 export { OpenUIArtifactRenderer };

package/dist/{primitives-DE-blUz-.js → primitives-Cb8GGVKr.js}

@@ -1,6 +1,6 @@
-import { a as focusRingInset, i as focusRing, n as focusFieldInvalid, r as focusFieldWithin, t as focusField } from "./focus-Cw02pNSr.js";
+import { a as focusRingInset, i as focusRing, n as focusFieldInvalid, r as focusFieldWithin, t as focusField } from "./focus-BcE_SHqz.js";
 import { t as cn } from "./utils-C_uf36nf.js";
-import { d as Card } from "./table-DHyqDPbU.js";
+import { d as Card } from "./table-Bss73DhB.js";
 import { cva } from "class-variance-authority";
 import * as React from "react";
 import { useCallback, useEffect, useRef, useState } from "react";

package/dist/primitives.js

@@ -1,9 +1,9 @@
-import { n as buttonVariants, t as Button } from "./button-uhNnwdsD.js";
-import { a as TableFooter, c as TableRow, d as Card, f as CardContent, g as CardTitle, h as CardHeader, i as TableCell, l as Badge, m as CardFooter, n as TableBody, o as TableHead, p as CardDescription, r as TableCaption, s as TableHeader, t as Table, u as badgeVariants } from "./table-DHyqDPbU.js";
-import { A as SegmentedControl, B as SelectValue, C as ToastProvider, D as SkeletonTable, E as SkeletonCard, F as SelectLabel, G as DialogContent, H as Textarea, I as SelectScrollDownButton, J as DialogHeader, K as DialogDescription, L as SelectScrollUpButton, M as SelectContent, N as SelectGroup, O as Switch, P as SelectItem, Q as DialogTrigger, R as SelectSeparator, S as ToastContainer, T as Skeleton, U as Dialog, V as Input, W as DialogClose, X as DialogPortal, Y as DialogOverlay, Z as DialogTitle, _ as TerminalInput, a as Metric, b as EmptyState, c as PageHeader, d as InlineCode, f as SidebarDropZone, g as TerminalDisplay, h as TerminalCursor, i as Toolbar, j as Select, k as Progress, l as ThemeToggle, m as DropZone, n as TangleKnot, o as MetricStrip, p as UploadProgress, q as DialogFooter, r as FilterField, s as StatusPill, t as Logo, u as useTheme, v as TerminalLine, w as useToast, x as Label, y as StatCard, z as SelectTrigger } from "./primitives-DE-blUz-.js";
+import { n as buttonVariants, t as Button } from "./button-C87nEe2R.js";
+import { a as TableFooter, c as TableRow, d as Card, f as CardContent, g as CardTitle, h as CardHeader, i as TableCell, l as Badge, m as CardFooter, n as TableBody, o as TableHead, p as CardDescription, r as TableCaption, s as TableHeader, t as Table, u as badgeVariants } from "./table-Bss73DhB.js";
+import { A as SegmentedControl, B as SelectValue, C as ToastProvider, D as SkeletonTable, E as SkeletonCard, F as SelectLabel, G as DialogContent, H as Textarea, I as SelectScrollDownButton, J as DialogHeader, K as DialogDescription, L as SelectScrollUpButton, M as SelectContent, N as SelectGroup, O as Switch, P as SelectItem, Q as DialogTrigger, R as SelectSeparator, S as ToastContainer, T as Skeleton, U as Dialog, V as Input, W as DialogClose, X as DialogPortal, Y as DialogOverlay, Z as DialogTitle, _ as TerminalInput, a as Metric, b as EmptyState, c as PageHeader, d as InlineCode, f as SidebarDropZone, g as TerminalDisplay, h as TerminalCursor, i as Toolbar, j as Select, k as Progress, l as ThemeToggle, m as DropZone, n as TangleKnot, o as MetricStrip, p as UploadProgress, q as DialogFooter, r as FilterField, s as StatusPill, t as Logo, u as useTheme, v as TerminalLine, w as useToast, x as Label, y as StatCard, z as SelectTrigger } from "./primitives-Cb8GGVKr.js";
 import { _ as AvatarFallback, a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, g as Avatar, h as DropdownMenuTrigger, i as DropdownMenuGroup, l as DropdownMenuRadioItem, m as DropdownMenuSubTrigger, n as DropdownMenuCheckboxItem, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator, v as AvatarImage } from "./dropdown-menu-BpcLa5vF.js";
-import { i as TabsTrigger, n as TabsContent, r as TabsList, t as Tabs } from "./tabs-ujuqAdtb.js";
+import { i as TabsTrigger, n as TabsContent, r as TabsList, t as Tabs } from "./tabs-BVHR6NkO.js";
 import { t as TextShimmer } from "./text-shimmer-BUUo6I-g.js";
 import { t as ArtifactPane } from "./artifact-pane-DMXT9a8U.js";
-import { n as CopyButton, t as CodeBlock } from "./code-block-CngSn37j.js";
+import { n as CopyButton, t as CodeBlock } from "./code-block-B36KVUSN.js";
 export { ArtifactPane, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CodeBlock, CopyButton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropZone, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FilterField, InlineCode, Input, Label, Logo, Metric, MetricStrip, PageHeader, Progress, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SidebarDropZone, Skeleton, SkeletonCard, SkeletonTable, StatCard, StatusPill, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TangleKnot, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, Textarea, ThemeToggle, ToastContainer, ToastProvider, Toolbar, UploadProgress, badgeVariants, buttonVariants, useTheme, useToast };

package/dist/{run-group-D1InSdQu.js → run-group-BACLbCFl.js}

@@ -1,9 +1,9 @@
 import { t as cn } from "./utils-C_uf36nf.js";
 import { t as TextShimmer } from "./text-shimmer-BUUo6I-g.js";
 import { i as truncateText, n as formatDuration } from "./format-DfcLWqMa.js";
-import { i as RunRowShell, r as InlineToolItem, s as ExpandableContent } from "./tool-call-step-Bi3_YJRV.js";
-import { t as Markdown } from "./markdown-BprL96Gl.js";
-import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-DT4xbvWt.js";
+import { i as RunRowShell, r as InlineToolItem, s as ExpandableContent } from "./tool-call-step-DNebqhmX.js";
+import { t as Markdown } from "./markdown-BGqicV82.js";
+import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-DrU1AdVk.js";
 import { memo, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Bot, Brain, ChevronDown, ChevronRight, ClipboardList, FileEdit, FileSearch, Globe, Loader2, PencilLine, Search, Settings, Sparkles, Terminal } from "lucide-react";

package/dist/run.js

@@ -1,5 +1,5 @@
-import { a as RunRowStatusDot, i as RunRowShell, o as ExpandedToolDetail, r as InlineToolItem } from "./tool-call-step-Bi3_YJRV.js";
-import { n as InlineThinkingItem, t as RunGroup } from "./run-group-D1InSdQu.js";
+import { a as RunRowStatusDot, i as RunRowShell, o as ExpandedToolDetail, r as InlineToolItem } from "./tool-call-step-DNebqhmX.js";
+import { n as InlineThinkingItem, t as RunGroup } from "./run-group-BACLbCFl.js";
 import { t as LiveDuration } from "./run-ZsIKPA6J.js";
-import { n as parseToolEvent, t as ToolCallFeed } from "./tool-call-feed-C1W1N54c.js";
+import { n as parseToolEvent, t as ToolCallFeed } from "./tool-call-feed-Djt2q11V.js";
 export { ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunRowShell, RunRowStatusDot, ToolCallFeed, parseToolEvent };

package/dist/sdk-hooks.js

@@ -1,3 +1,3 @@
 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-BjVBDbxK.js";
+import { a as useToolCallStream, i as useRealtimeSession, n as useSdkSession, o as useDropdownMenu, r as RealtimeSessionRegistry, t as useSSEStream } from "./use-sse-stream-BVgO1QBN.js";
 export { RealtimeSessionRegistry, useAutoScroll, useDropdownMenu, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useToolCallStream };

package/dist/{table-DHyqDPbU.js → table-Bss73DhB.js}

@@ -1,4 +1,4 @@
-import { i as focusRing } from "./focus-Cw02pNSr.js";
+import { i as focusRing } from "./focus-BcE_SHqz.js";
 import { t as cn } from "./utils-C_uf36nf.js";
 import { cva } from "class-variance-authority";
 import * as React from "react";

package/dist/{tabs-ujuqAdtb.js → tabs-BVHR6NkO.js}

@@ -1,4 +1,4 @@
-import { i as focusRing } from "./focus-Cw02pNSr.js";
+import { i as focusRing } from "./focus-BcE_SHqz.js";
 import { t as cn } from "./utils-C_uf36nf.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/{tool-call-feed-C1W1N54c.js → tool-call-feed-Djt2q11V.js}

@@ -1,6 +1,6 @@
 import { t as cn } from "./utils-C_uf36nf.js";
-import { n as ToolCallStep, t as ToolCallGroup } from "./tool-call-step-Bi3_YJRV.js";
-import { t as Markdown } from "./markdown-BprL96Gl.js";
+import { n as ToolCallStep, t as ToolCallGroup } from "./tool-call-step-DNebqhmX.js";
+import { t as Markdown } from "./markdown-BGqicV82.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/run/tool-call-feed.tsx
 /**

package/dist/{tool-call-step-Bi3_YJRV.js → tool-call-step-DNebqhmX.js}

@@ -1,9 +1,9 @@
 import { t as cn } from "./utils-C_uf36nf.js";
 import { t as TextShimmer } from "./text-shimmer-BUUo6I-g.js";
-import { t as CodeBlock } from "./code-block-CngSn37j.js";
+import { t as CodeBlock } from "./code-block-B36KVUSN.js";
 import { i as getToolErrorText, n as getToolCategory, r as getToolDisplayMetadata } from "./tool-display-BAuAVa43.js";
 import { n as formatDuration } from "./format-DfcLWqMa.js";
-import { a as GrepResultsPreview, i as GlobResultsPreview, n as QuestionPreview, o as WriteFilePreview, r as WebSearchPreview, s as CommandPreview, t as DiffPreview } from "./diff-preview-cySuqowW.js";
+import { a as GrepResultsPreview, i as GlobResultsPreview, n as QuestionPreview, o as WriteFilePreview, r as WebSearchPreview, s as CommandPreview, t as DiffPreview } from "./diff-preview-BcK3nRXb.js";
 import { memo, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, ArrowLeft, ArrowRight, Bot, ChevronRight, ClipboardList, FileEdit, FileSearch, FileText, Globe, Loader2, PencilLine, Search, Settings, Terminal } from "lucide-react";

package/dist/tool-previews.js

@@ -1,2 +1,2 @@
-import { a as GrepResultsPreview, i as GlobResultsPreview, n as QuestionPreview, o as WriteFilePreview, r as WebSearchPreview, s as CommandPreview, t as DiffPreview } from "./diff-preview-cySuqowW.js";
+import { a as GrepResultsPreview, i as GlobResultsPreview, n as QuestionPreview, o as WriteFilePreview, r as WebSearchPreview, s as CommandPreview, t as DiffPreview } from "./diff-preview-BcK3nRXb.js";
 export { CommandPreview, DiffPreview, GlobResultsPreview, GrepResultsPreview, QuestionPreview, WebSearchPreview, WriteFilePreview };

package/dist/{use-sse-stream-BjVBDbxK.js → use-sse-stream-BVgO1QBN.js}

@@ -1,4 +1,4 @@
-import { n as parseToolEvent } from "./tool-call-feed-C1W1N54c.js";
+import { n as parseToolEvent } from "./tool-call-feed-Djt2q11V.js";
 import { _ as setForegroundActiveSession, d as registerActiveSession, g as setActiveSessionRunning, h as setActiveSessionError, m as setActiveSessionConnection, n as bumpActiveSessionActivity, p as setActiveSessionAttention, v as unregisterActiveSession, y as updateActiveSessionMeta } from "./active-sessions-store-Gt1R0rFG.js";
 import * as React from "react";
 import { createElement, useCallback, useEffect, useMemo, useRef, useState } from "react";

package/dist/utils.d.ts

@@ -1,2 +1,2 @@
-import { a as focusRingInset, c as getToolCategory, d as timeAgo, f as formatBytes, g as copyText, h as truncateText, i as focusRing, l as getToolDisplayMetadata, m as formatUptime, n as focusFieldInvalid, o as cn, p as formatDuration, r as focusFieldWithin, s as TOOL_CATEGORY_ICONS, t as focusField, u as getToolErrorText } from "./index-b56ew9aF.js";
+import { a as focusRingInset, c as getToolCategory, d as timeAgo, f as formatBytes, g as copyText, h as truncateText, i as focusRing, l as getToolDisplayMetadata, m as formatUptime, n as focusFieldInvalid, o as cn, p as formatDuration, r as focusFieldWithin, s as TOOL_CATEGORY_ICONS, t as focusField, u as getToolErrorText } from "./index-BgUHilZm.js";
 export { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, timeAgo, truncateText };

package/dist/utils.js

@@ -1,4 +1,4 @@
-import { a as focusRingInset, i as focusRing, n as focusFieldInvalid, r as focusFieldWithin, t as focusField } from "./focus-Cw02pNSr.js";
+import { a as focusRingInset, i as focusRing, n as focusFieldInvalid, r as focusFieldWithin, t as focusField } from "./focus-BcE_SHqz.js";
 import { t as cn } from "./utils-C_uf36nf.js";
 import { i as getToolErrorText, n as getToolCategory, r as getToolDisplayMetadata, t as TOOL_CATEGORY_ICONS } from "./tool-display-BAuAVa43.js";
 import { i as truncateText, n as formatDuration, r as formatUptime, t as formatBytes } from "./format-DfcLWqMa.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/ui",
-  "version": "11.11.0",
+  "version": "11.11.2",
   "description": "Generic React UI components for Tangle products — primitives, chat, run, files, editor, markdown.",
   "type": "module",
   "license": "MIT",
@@ -134,7 +134,7 @@
   "peerDependencies": {
     "@hocuspocus/provider": ">=2.15.0 <5.0.0",
     "@nanostores/react": ">=0.8.4 <3.0.0",
-    "@tangle-network/brand": "^1.8.1",
+    "@tangle-network/brand": "^1.8.2",
     "@tiptap/core": ">=3.20.4 <4.0.0",
     "@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
     "@tiptap/extension-collaboration-caret": ">=3.7.0 <4.0.0",

package/src/chat/agent-timeline.stories.tsx

@@ -450,6 +450,21 @@ export const StatusTones: Story = {
   },
 }
 
+export const ErrorArtifact: Story = {
+  args: {
+    items: [
+      {
+        id: 'artifact-error',
+        kind: 'artifact',
+        title: 'Build output',
+        description: 'The compiler stopped before writing the bundle.',
+        meta: 'Exit code 1',
+        tone: 'error',
+      },
+    ],
+  },
+}
+
 // ---------------------------------------------------------------------------
 // Full transcript through ChatContainer — the real consumer path. Tool titles
 // and descriptions come from `getToolDisplayMetadata`, so this story shows the

package/src/chat/agent-timeline.tsx

@@ -101,30 +101,35 @@ export interface AgentTimelineProps {
   collapseAfter?: number;
 }
 
-const TONE_STYLES: Record<AgentTimelineTone, { card: string; text: string; icon: typeof Info }> = {
+const TONE_STYLES: Record<AgentTimelineTone, { card: string; text: string; supportingText: string; icon: typeof Info }> = {
   default: {
     card: "border-border bg-card",
     text: "text-foreground",
+    supportingText: "text-muted-foreground",
     icon: CircleDot,
   },
   info: {
     card: "border-[var(--surface-info-border)] bg-[var(--surface-info-bg)]",
     text: "text-[var(--surface-info-text)]",
+    supportingText: "text-[var(--surface-info-text)]",
     icon: Info,
   },
   success: {
     card: "border-[var(--surface-success-border)] bg-[var(--surface-success-bg)]",
     text: "text-[var(--surface-success-text)]",
+    supportingText: "text-[var(--surface-success-text)]",
     icon: CheckCircle2,
   },
   warning: {
     card: "border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)]",
     text: "text-[var(--surface-warning-text)]",
+    supportingText: "text-[var(--surface-warning-text)]",
     icon: AlertTriangle,
   },
   error: {
     card: "border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)]",
     text: "text-[var(--surface-danger-text)]",
+    supportingText: "text-[var(--surface-danger-text)]",
     icon: AlertTriangle,
   },
 };
@@ -191,7 +196,7 @@ function StatusCard({ item }: { item: AgentTimelineStatusItem }) {
         <div className="min-w-0">
           <div className={cn("text-sm font-medium", tone.text)}>{item.label}</div>
           {item.detail && (
-            <div className="mt-0.5 text-sm text-muted-foreground">{item.detail}</div>
+            <div className={cn("mt-0.5 text-sm", tone.supportingText)}>{item.detail}</div>
           )}
         </div>
       </div>
@@ -208,12 +213,12 @@ function ArtifactCard({ item }: { item: AgentTimelineArtifactItem }) {
           {item.icon ?? <FileText className="h-4 w-4" />}
         </div>
         <div className="min-w-0 flex-1">
-          <div className="text-sm font-medium text-foreground">{item.title}</div>
+          <div className={cn("text-sm font-medium", tone.text)}>{item.title}</div>
           {item.description && (
-            <div className="mt-1 text-sm text-muted-foreground">{item.description}</div>
+            <div className={cn("mt-1 text-sm", tone.supportingText)}>{item.description}</div>
           )}
           {item.meta && (
-            <div className="mt-2 flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
+            <div className={cn("mt-2 flex flex-wrap items-center gap-2 text-xs", tone.supportingText)}>
               {item.meta}
             </div>
           )}

package/src/lib/focus.ts

@@ -41,9 +41,10 @@ export const focusField =
  * therefore does not replace it. To style that container's focus differently,
  * compose your own classes instead of this helper. The field selector is
  * written out in full because Tailwind reads class names statically.
+ * Base styles use its marker class to clear the inner editor fallback outline.
  */
 export const focusFieldWithin =
-  "border-border transition-[border-color,box-shadow] duration-150 ease-out hover:border-[var(--border-strong)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:border-[var(--focus-border)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-3 has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-[var(--focus-halo)]";
+  "focus-field-within border-border transition-[border-color,box-shadow] duration-150 ease-out hover:border-[var(--border-strong)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:border-[var(--focus-border)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-3 has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-[var(--focus-halo)]";
 
 /** Error state for a field: a danger hairline and the same focus shape in danger. Compose after `focusField`. */
 export const focusFieldInvalid =