@tangle-network/ui 11.11.3 → 11.11.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @tangle-network/ui
 
+## 11.11.5
+
+### Patch Changes
+
+- 688868d: Add sanitized heading IDs and URL transform forwarding for Markdown rendered in OpenUI artifacts.
+
+## 11.11.4
+
+### Patch Changes
+
+- 720de9a: Normalize the shared neutral palette and regenerate standalone chart tokens so charts follow the palette. Make user message cards wrap in narrow layouts.
+
 ## 11.11.3
 
 ### Patch Changes

package/README.md

@@ -95,6 +95,15 @@ Both validators return `{ ok: true, value }` with a typed renderer node, or `{ o
 They reject unknown node types, hidden fields, malformed cells, and unsupported nested children.
 The renderer reports an unsupported saved node at its path instead of silently omitting it.
 
+### Markdown and OpenUI links
+
+`Markdown` adds GitHub-style heading IDs before sanitising the rendered document.
+The existing sanitizer keeps its `user-content-` prefix to prevent DOM clobbering.
+For a link into another Markdown file, use `getSanitizedMarkdownHeadingIdFromRawFragment` with raw fragment text, without a leading `#` or sanitizer prefix.
+`Markdown` applies the same mapping to local `#fragment` links.
+Custom URL transforms still pass through ReactMarkdown's safe protocol check.
+`OpenUIArtifactRenderer` forwards its `urlTransform` prop to nested Markdown nodes.
+
 ## Optional peers
 
 `@tiptap/core`, `@tiptap/react`, `@tiptap/starter-kit`, `@tiptap/extension-collaboration`, `@tiptap/extension-collaboration-caret`, `@hocuspocus/provider` and `yjs` back the `./editor` entry. The entry reaches every one of them through a dynamic `import()`, and gets a loud error that names the missing packages only when it renders an editor. `./editor` splits the cost three ways, so each surface costs only the peers it uses:

package/dist/{chat-BUJhNpx2.js → chat-DXidmE_w.js}

@@ -3,9 +3,9 @@ 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-DNebqhmX.js";
-import { t as Markdown } from "./markdown-BGqicV82.js";
-import { n as InlineThinkingItem, t as RunGroup } from "./run-group-CxNskmHd.js";
-import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-C3bmqfjX.js";
+import { t as Markdown } from "./markdown-PywkQXWk.js";
+import { n as InlineThinkingItem, t as RunGroup } from "./run-group-COUIsZ_x.js";
+import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-DjLPuaP9.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";
@@ -17,8 +17,8 @@ function formatTime$1(date) {
 	});
 }
 /**
-* The single user message bubble — a quiet, right-aligned fill on the muted
-* surface (no border, no loud fill, no uppercase label). The timestamp sits
+* The single user message bubble — a quiet, right-aligned card with a subtle
+* semantic border (no loud fill, no uppercase label). The timestamp sits
 * beside the bubble and appears on hover, so it costs no height. Used by both
 * the run/message list (session-model `parts`) and AgentTimeline (direct
 * `content`/`timestamp`).
@@ -29,15 +29,15 @@ const UserMessage = memo(({ message: _message, parts, content, timestamp, action
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex justify-end",
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "group flex max-w-[78%] flex-col items-end gap-2",
+			className: "group flex min-w-0 max-w-[78%] flex-col items-end gap-2",
 			children: [/* @__PURE__ */ jsxs("div", {
-				className: "relative w-full rounded-2xl bg-muted/50 px-4 py-3",
+				className: "relative w-full min-w-0 rounded-2xl border border-border bg-card px-4 py-3",
 				children: [timestamp ? /* @__PURE__ */ jsx("span", {
 					"data-user-message-time": "",
 					className: "pointer-events-none absolute right-full top-1/2 mr-3 -translate-y-1/2 whitespace-nowrap text-[var(--font-size-xs)] text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100",
 					children: formatTime$1(timestamp)
 				}) : null, /* @__PURE__ */ jsx("div", {
-					className: "whitespace-pre-wrap text-[var(--font-size-base)] leading-[1.5] text-foreground",
+					className: "break-words whitespace-pre-wrap text-[var(--font-size-base)] leading-[1.5] text-foreground",
 					children: text
 				})]
 			}), actions ? /* @__PURE__ */ jsx("div", {

package/dist/chat.d.ts

@@ -1,2 +1,2 @@
-import { _ as UserMessageProps, a as AgentTimelineMessageItem, b as ChatContainer, c as AgentTimelineTone, d as ThinkingIndicator, f as ThinkingIndicatorProps, g as UserMessage, h as MessageRole, i as AgentTimelineItem, l as AgentTimelineToolGroupItem, m as ChatMessageProps, n as AgentTimelineArtifactItem, o as AgentTimelineProps, p as ChatMessage, r as AgentTimelineCustomItem, s as AgentTimelineStatusItem, t as AgentTimeline, u as AgentTimelineToolItem, v as MessageList, x as ChatContainerProps, y as MessageListProps } from "./index-CUhfHT_V.js";
+import { _ as UserMessageProps, a as AgentTimelineMessageItem, b as ChatContainer, c as AgentTimelineTone, d as ThinkingIndicator, f as ThinkingIndicatorProps, g as UserMessage, h as MessageRole, i as AgentTimelineItem, l as AgentTimelineToolGroupItem, m as ChatMessageProps, n as AgentTimelineArtifactItem, o as AgentTimelineProps, p as ChatMessage, r as AgentTimelineCustomItem, s as AgentTimelineStatusItem, t as AgentTimeline, u as AgentTimelineToolItem, v as MessageList, x as ChatContainerProps, y as MessageListProps } from "./index-D-9c3r-Y.js";
 export { AgentTimeline, type AgentTimelineArtifactItem, type AgentTimelineCustomItem, type AgentTimelineItem, type AgentTimelineMessageItem, type AgentTimelineProps, type AgentTimelineStatusItem, type AgentTimelineTone, type AgentTimelineToolGroupItem, type AgentTimelineToolItem, ChatContainer, type ChatContainerProps, ChatMessage, type ChatMessageProps, MessageList, type MessageListProps, type MessageRole, ThinkingIndicator, type ThinkingIndicatorProps, UserMessage, type UserMessageProps };

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-BUJhNpx2.js";
+import { a as MessageList, i as ThinkingIndicator, n as ChatContainer, o as UserMessage, r as AgentTimeline, t as ChatMessage } from "./chat-DXidmE_w.js";
 export { AgentTimeline, ChatContainer, ChatMessage, MessageList, ThinkingIndicator, UserMessage };

package/dist/{document-editor-pane-LyanNypc.js → document-editor-pane-DrjsLZ3a.js}

@@ -3,7 +3,7 @@ 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-BVHR6NkO.js";
 import { t as ArtifactPane } from "./artifact-pane-DMXT9a8U.js";
-import { t as Markdown } from "./markdown-BGqicV82.js";
+import { t as Markdown } from "./markdown-PywkQXWk.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-LyanNypc.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-DrjsLZ3a.js";
 export { CollaboratorsList, DocumentEditorPane, EditorProvider, EditorToolbar, TiptapEditor, useAwareness, useCollaboratorPresence, useCollaborators, useDocumentChanges, useEditorConnection, useEditorContext, useYjsState };

package/dist/{files-DgPc3vI2.js → files-DDpeW_nO.js}

@@ -5,7 +5,7 @@ import { t as ArtifactPane } from "./artifact-pane-DMXT9a8U.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-BGqicV82.js";
+import { t as Markdown } from "./markdown-PywkQXWk.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";
@@ -647,7 +647,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-LyanNypc.js").then((n) => n.n)).DocumentEditorPane };
+	return { default: (await import("./document-editor-pane-DrjsLZ3a.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-DgPc3vI2.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-DDpeW_nO.js";
 export { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, FilePreview, FileTabs, FileTree, RichFileTree, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind };

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

package/dist/{index-CUhfHT_V.d.ts → index-D-9c3r-Y.d.ts}

@@ -3,7 +3,7 @@ import { i as ToolPart, n as SessionPart } from "./parts-5mhy9yJ3.js";
 import { t as AgentBranding } from "./branding-26d5ARIr.js";
 import { t as CustomToolRenderer } from "./tool-display-DgmL5rIU.js";
 import { a as Run, n as GroupedMessage } from "./run-OyWmIDqu.js";
-import { t as OpenUIAction } from "./openui-artifact-renderer-D3E5bIAI.js";
+import { t as OpenUIAction } from "./openui-artifact-renderer-fkBQaoLO.js";
 import { n as ToolCallData } from "./tool-call-feed-BeB1_4pX.js";
 import { ReactNode } from "react";
 //#region src/chat/chat-container.d.ts
@@ -87,8 +87,8 @@ interface UserMessageProps {
   actions?: ReactNode;
 }
 /**
- * The single user message bubble — a quiet, right-aligned fill on the muted
- * surface (no border, no loud fill, no uppercase label). The timestamp sits
+ * The single user message bubble — a quiet, right-aligned card with a subtle
+ * semantic border (no loud fill, no uppercase label). The timestamp sits
  * beside the bubble and appears on hover, so it costs no height. Used by both
  * the run/message list (session-model `parts`) and AgentTimeline (direct
  * `content`/`timestamp`).

package/dist/index.d.ts

@@ -5,8 +5,9 @@ import { a as ToolState, i as ToolPart, n as SessionPart, o as ToolStatus, r as
 import { t as AgentBranding } from "./branding-26d5ARIr.js";
 import { n as DisplayVariant, r as ToolDisplayMetadata, t as CustomToolRenderer } from "./tool-display-DgmL5rIU.js";
 import { a as Run, i as MessageUser, n as GroupedMessage, o as RunStats, r as MessageRun, s as ToolCategory, t as FinalTextPart } from "./run-OyWmIDqu.js";
-import { _ as OpenUITableNode, a as OpenUIBadgeNode, c as OpenUIComponentNode, d as OpenUIKeyValueNode, f as OpenUIMarkdownNode, g as OpenUIStatNode, h as OpenUIStackNode, i as OpenUIArtifactRendererProps, l as OpenUIGridNode, m as OpenUISeparatorNode, n as OpenUIActionsNode, o as OpenUICardNode, p as OpenUIPrimitive, r as OpenUIArtifactRenderer, s as OpenUICodeNode, t as OpenUIAction, u as OpenUIHeadingNode, v as OpenUITextNode } from "./openui-artifact-renderer-D3E5bIAI.js";
-import { _ as UserMessageProps, a as AgentTimelineMessageItem, b as ChatContainer, c as AgentTimelineTone, d as ThinkingIndicator, f as ThinkingIndicatorProps, g as UserMessage, h as MessageRole, i as AgentTimelineItem, l as AgentTimelineToolGroupItem, m as ChatMessageProps, n as AgentTimelineArtifactItem, o as AgentTimelineProps, p as ChatMessage, r as AgentTimelineCustomItem, s as AgentTimelineStatusItem, t as AgentTimeline, u as AgentTimelineToolItem, v as MessageList, x as ChatContainerProps, y as MessageListProps } from "./index-CUhfHT_V.js";
+import { n as MarkdownProps, r as getSanitizedMarkdownHeadingIdFromRawFragment, t as Markdown } from "./markdown-C0atSabr.js";
+import { _ as OpenUITableNode, a as OpenUIBadgeNode, c as OpenUIComponentNode, d as OpenUIKeyValueNode, f as OpenUIMarkdownNode, g as OpenUIStatNode, h as OpenUIStackNode, i as OpenUIArtifactRendererProps, l as OpenUIGridNode, m as OpenUISeparatorNode, n as OpenUIActionsNode, o as OpenUICardNode, p as OpenUIPrimitive, r as OpenUIArtifactRenderer, s as OpenUICodeNode, t as OpenUIAction, u as OpenUIHeadingNode, v as OpenUITextNode } from "./openui-artifact-renderer-fkBQaoLO.js";
+import { _ as UserMessageProps, a as AgentTimelineMessageItem, b as ChatContainer, c as AgentTimelineTone, d as ThinkingIndicator, f as ThinkingIndicatorProps, g as UserMessage, h as MessageRole, i as AgentTimelineItem, l as AgentTimelineToolGroupItem, m as ChatMessageProps, n as AgentTimelineArtifactItem, o as AgentTimelineProps, p as ChatMessage, r as AgentTimelineCustomItem, s as AgentTimelineStatusItem, t as AgentTimeline, u as AgentTimelineToolItem, v as MessageList, x as ChatContainerProps, y as MessageListProps } from "./index-D-9c3r-Y.js";
 import { a as parseToolEvent, i as ToolCallFeedProps, n as ToolCallData, o as ToolCallStatus, r as ToolCallFeed, s as ToolCallType, t as FeedSegment } from "./tool-call-feed-BeB1_4pX.js";
 import { n as ArtifactPaneProps, t as ArtifactPane } from "./artifact-pane-BL_DFWNl.js";
 import { C as FileNode, D as filterFileTree, E as FileTreeVisibilityOptions, S as RichFileTreeThemeVars, T as FileTreeProps, _ as parseCsv, a as getCodeLanguage, b as RichFileTreeGitStatus, c as resolveFilePreviewKind, d as FileTabData, f as FileTabs, g as FilePreviewProps, h as FilePreview, i as fileExtension, l as FileArtifactPane, m as CSV_PREVIEW_ROW_LIMIT, n as FilePreviewKind, o as getFormatLabel, p as FileTabsProps, r as detectFileFormat, s as getSyntaxLanguage, t as FileFormat, u as FileArtifactPaneProps, v as RichFileTree, w as FileTree, x as RichFileTreeProps, y as RichFileTreeGitEntry } from "./index-CyGSLGVF.js";
@@ -16,12 +17,12 @@ import { AuthUser, UseAuthOptions, UseAuthResult, createAuthFetcher, useApiKey,
 import { $ as TabsList, $t as DialogTrigger, A as TerminalInput, At as DropdownMenuSub, B as useToast, Bt as Input, C as UploadFile, Ct as DropdownMenuItem, D as DropZoneProps, Dt as DropdownMenuRadioItem, E as DropZone, Et as DropdownMenuRadioGroup, F as EmptyStateProps, Ft as AvatarFallback, G as SkeletonTable, Gt as DialogClose, H as TextShimmerProps, Ht as Textarea, I as Label, It as AvatarImage, J as SegmentedControl, Jt as DialogFooter, K as Switch, Kt as DialogContent, L as Toast, Lt as Badge, M as StatCard, Mt as DropdownMenuSubTrigger, N as StatCardProps, Nt as DropdownMenuTrigger, O as TerminalCursor, Ot as DropdownMenuSeparator, P as EmptyState, Pt as Avatar, Q as TabsContent, Qt as DialogTitle, R as ToastContainer, Rt as BadgeProps, S as SidebarDropZoneProps, St as DropdownMenuGroup, T as UploadProgressProps, Tt as DropdownMenuPortal, U as Skeleton, Ut as TextareaProps, V as TextShimmer, Vt as InputProps, W as SkeletonCard, Wt as Dialog, X as SegmentedControlProps, Xt as DialogOverlay, Y as SegmentedControlOption, Yt as DialogHeader, Z as Tabs, Zt as DialogPortal, _ as ThemeToggle, _t as SelectTrigger, a as FilterFieldProps, an as CardTitle, at as TableFooter, b as InlineCodeProps, bt as DropdownMenuCheckboxItem, c as Metric, ct as TableRow, d as MetricStripProps, dt as SelectGroup, en as Card, et as TabsTrigger, f as StatusPill, ft as SelectItem, g as PageHeaderProps, gt as SelectSeparator, h as PageHeader, ht as SelectScrollUpButton, i as FilterField, in as CardHeader, it as TableCell, j as TerminalLine, jt as DropdownMenuSubContent, k as TerminalDisplay, kt as DropdownMenuShortcut, l as MetricProps, lt as Select, m as StatusTone, mt as SelectScrollDownButton, n as LogoProps, nn as CardDescription, nt as TableBody, o as Toolbar, ot as TableHead, p as StatusPillProps, pt as SelectLabel, q as Progress, qt as DialogDescription, r as TangleKnot, rn as CardFooter, rt as TableCaption, s as ToolbarProps, st as TableHeader, t as Logo, tn as CardContent, tt as Table, u as MetricStrip, ut as SelectContent, v as useTheme, vt as SelectValue, w as UploadProgress, wt as DropdownMenuLabel, x as SidebarDropZone, xt as DropdownMenuContent, y as InlineCode, yt as DropdownMenu, z as ToastProvider, zt as badgeVariants } from "./index-CPDET_s1.js";
 import { n as CodeBlockProps, r as CopyButton, t as CodeBlock } from "./code-block-B9miUPht.js";
 import { a as InlineThinkingItemProps, c as RunRowShell, d as RunRowStatusDot, f as RunGroup, i as InlineThinkingItem, l as RunRowShellProps, n as ExpandedToolDetail, o as InlineToolItem, p as RunGroupProps, r as ExpandedToolDetailProps, s as InlineToolItemProps, t as LiveDuration, u as RunRowStatus } from "./index-DjKxO357.js";
-import { a as validateOpenUIJsonNode, i as validateOpenUIJsonArtifact, n as OpenUISchemaValidation, o as OPENUI_NODE_JSON_SCHEMA, r as findUnsupportedOpenUINode, s as OPENUI_NODE_TYPES, t as OpenUISchemaIssue } from "./schema-BFKgCGH-.js";
+import { a as validateOpenUIJsonNode, i as validateOpenUIJsonArtifact, n as OpenUISchemaValidation, o as OPENUI_NODE_JSON_SCHEMA, r as findUnsupportedOpenUINode, s as OPENUI_NODE_TYPES, t as OpenUISchemaIssue } from "./schema-DAstk-J4.js";
 import "./openui.js";
-import { n as MarkdownProps, t as Markdown } from "./index-Cq-EJzqW.js";
+import "./markdown.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-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, OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, 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 OpenUISchemaIssue, type OpenUISchemaValidation, 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, findUnsupportedOpenUINode, 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, validateOpenUIJsonArtifact, validateOpenUIJsonNode };
+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, OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, 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 OpenUISchemaIssue, type OpenUISchemaValidation, 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, findUnsupportedOpenUINode, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatUptime, getActiveSession, getAllActiveSessions, getAllProjectActivity, getCodeLanguage, getFormatLabel, getSanitizedMarkdownHeadingIdFromRawFragment, 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, validateOpenUIJsonArtifact, validateOpenUIJsonNode };

package/dist/index.js

@@ -15,17 +15,17 @@ import { i as truncateText, n as formatDuration, r as formatUptime, t as formatB
 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-DNebqhmX.js";
-import { t as Markdown } from "./markdown-BGqicV82.js";
-import { n as InlineThinkingItem, t as RunGroup } from "./run-group-CxNskmHd.js";
-import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-C3bmqfjX.js";
-import { a as MessageList, i as ThinkingIndicator, n as ChatContainer, o as UserMessage, r as AgentTimeline, t as ChatMessage } from "./chat-BUJhNpx2.js";
+import { n as getSanitizedMarkdownHeadingIdFromRawFragment, t as Markdown } from "./markdown-PywkQXWk.js";
+import { n as InlineThinkingItem, t as RunGroup } from "./run-group-COUIsZ_x.js";
+import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-DjLPuaP9.js";
+import { a as MessageList, i as ThinkingIndicator, n as ChatContainer, o as UserMessage, r as AgentTimeline, t as ChatMessage } from "./chat-DXidmE_w.js";
 import { t as LiveDuration } from "./run-ZsIKPA6J.js";
-import { n as parseToolEvent, t as ToolCallFeed } from "./tool-call-feed-Djt2q11V.js";
+import { n as parseToolEvent, t as ToolCallFeed } from "./tool-call-feed-DNADpFyJ.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-DgPc3vI2.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-DDpeW_nO.js";
 import "./markdown.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 { a as useToolCallStream, i as useRealtimeSession, n as useSdkSession, o as useDropdownMenu, r as RealtimeSessionRegistry, t as useSSEStream } from "./use-sse-stream-OOPpkt_E.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";
@@ -33,4 +33,4 @@ import "./types.js";
 import { n as copyText, t as timeAgo } from "./utils-Bl_CZ0Qp.js";
 import "./tool-previews.js";
 import { t as RedactedDocument } from "./redaction-CGGB2ENG.js";
-export { AgentTimeline, ArtifactPane, AuthHeader, Avatar, AvatarFallback, AvatarImage, Badge, Button, CSV_PREVIEW_ROW_LIMIT, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatContainer, ChatMessage, CodeBlock, CommandPreview, CopyButton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffPreview, DropZone, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ExpandedToolDetail, FileArtifactPane, FilePreview, FileTabs, FileTree, FilterField, GitHubLoginButton, GlobResultsPreview, GrepResultsPreview, InlineCode, InlineThinkingItem, InlineToolItem, Input, Label, LiveDuration, LoginLayout, Logo, Markdown, MessageList, Metric, MetricStrip, OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, PageHeader, Progress, QuestionPreview, RealtimeSessionRegistry, RedactedDocument, RichFileTree, RunGroup, RunRowShell, RunRowStatusDot, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SidebarDropZone, Skeleton, SkeletonCard, SkeletonTable, StatCard, StatusPill, Switch, TOOL_CATEGORY_ICONS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TangleKnot, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, Textarea, ThemeToggle, ThinkingIndicator, ToastContainer, ToastProvider, ToolCallFeed, Toolbar, UploadProgress, UserMenu, UserMessage, WebSearchPreview, WriteFilePreview, activeSessionsAtom, addMessage, addParts, badgeVariants, bumpActiveSessionActivity, buttonVariants, clearChat, cn, copyText, createAuthFetcher, detectFileFormat, fileExtension, filterFileTree, findUnsupportedOpenUINode, 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, validateOpenUIJsonArtifact, validateOpenUIJsonNode };
+export { AgentTimeline, ArtifactPane, AuthHeader, Avatar, AvatarFallback, AvatarImage, Badge, Button, CSV_PREVIEW_ROW_LIMIT, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatContainer, ChatMessage, CodeBlock, CommandPreview, CopyButton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffPreview, DropZone, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ExpandedToolDetail, FileArtifactPane, FilePreview, FileTabs, FileTree, FilterField, GitHubLoginButton, GlobResultsPreview, GrepResultsPreview, InlineCode, InlineThinkingItem, InlineToolItem, Input, Label, LiveDuration, LoginLayout, Logo, Markdown, MessageList, Metric, MetricStrip, OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, PageHeader, Progress, QuestionPreview, RealtimeSessionRegistry, RedactedDocument, RichFileTree, RunGroup, RunRowShell, RunRowStatusDot, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SidebarDropZone, Skeleton, SkeletonCard, SkeletonTable, StatCard, StatusPill, Switch, TOOL_CATEGORY_ICONS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TangleKnot, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, Textarea, ThemeToggle, ThinkingIndicator, ToastContainer, ToastProvider, ToolCallFeed, Toolbar, UploadProgress, UserMenu, UserMessage, WebSearchPreview, WriteFilePreview, activeSessionsAtom, addMessage, addParts, badgeVariants, bumpActiveSessionActivity, buttonVariants, clearChat, cn, copyText, createAuthFetcher, detectFileFormat, fileExtension, filterFileTree, findUnsupportedOpenUINode, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatUptime, getActiveSession, getAllActiveSessions, getAllProjectActivity, getCodeLanguage, getFormatLabel, getSanitizedMarkdownHeadingIdFromRawFragment, 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, validateOpenUIJsonArtifact, validateOpenUIJsonNode };

package/dist/{index-Cq-EJzqW.d.ts → markdown-C0atSabr.d.ts}

@@ -1,10 +1,11 @@
-import "./code-block-B9miUPht.js";
 import { UrlTransform } from "react-markdown";
 //#region src/markdown/markdown.d.ts
+/** Converts a raw Markdown fragment to the ID rehype-sanitize emits for its heading. */
+declare function getSanitizedMarkdownHeadingIdFromRawFragment(rawFragment: string): string;
 interface MarkdownProps {
   children: string;
   className?: string;
-  /** Transform parsed link and image URLs before sanitisation. */
+  /** Transform parsed link and image URLs while retaining protocol safety checks. */
   urlTransform?: UrlTransform;
 }
 /**
@@ -13,4 +14,4 @@ interface MarkdownProps {
  */
 declare const Markdown: import("react").MemoExoticComponent<({ children, className, urlTransform }: MarkdownProps) => import("react").JSX.Element>;
 //#endregion
-export { MarkdownProps as n, Markdown as t };
+export { MarkdownProps as n, getSanitizedMarkdownHeadingIdFromRawFragment as r, Markdown as t };

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

@@ -2,10 +2,31 @@ import { t as cn } from "./utils-C_uf36nf.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";
+import ReactMarkdown, { defaultUrlTransform } from "react-markdown";
 import remarkGfm from "remark-gfm";
 import rehypeSanitize from "rehype-sanitize";
+import rehypeSlug from "rehype-slug";
+import GithubSlugger from "github-slugger";
 //#region src/markdown/markdown.tsx
+const SANITIZED_HEADING_ID_PREFIX = "user-content-";
+/** Converts a raw Markdown fragment to the ID rehype-sanitize emits for its heading. */
+function getSanitizedMarkdownHeadingIdFromRawFragment(rawFragment) {
+	let decodedFragment = rawFragment;
+	try {
+		decodedFragment = decodeURIComponent(rawFragment);
+	} catch {}
+	const slugger = new GithubSlugger();
+	return SANITIZED_HEADING_ID_PREFIX + slugger.slug(decodedFragment);
+}
+function safeUrl(url) {
+	return defaultUrlTransform(url) ?? void 0;
+}
+function transformMarkdownUrl(url, key, node, urlTransform) {
+	const transformed = urlTransform ? urlTransform(url, key, node) : url;
+	if (transformed == null) return void 0;
+	if (key === "href" && transformed === url && url.startsWith("#")) return safeUrl("#" + getSanitizedMarkdownHeadingIdFromRawFragment(url.slice(1)));
+	return safeUrl(transformed);
+}
 /**
 * Renders Markdown content with GFM support, XSS sanitisation, and
 * custom code block rendering via our CodeBlock component.
@@ -15,8 +36,8 @@ const Markdown = memo(({ children, className, urlTransform }) => {
 		className: cn("tangle-prose max-w-none text-sm", className),
 		children: /* @__PURE__ */ jsx(ReactMarkdown, {
 			remarkPlugins: [remarkGfm],
-			rehypePlugins: [rehypeSanitize],
-			urlTransform,
+			rehypePlugins: [rehypeSlug, rehypeSanitize],
+			urlTransform: (url, key, node) => transformMarkdownUrl(url, key, node, urlTransform),
 			components: {
 				pre({ children: preChildren }) {
 					return /* @__PURE__ */ jsx(Fragment$1, { children: preChildren });
@@ -42,4 +63,4 @@ const Markdown = memo(({ children, className, urlTransform }) => {
 });
 Markdown.displayName = "Markdown";
 //#endregion
-export { Markdown as t };
+export { getSanitizedMarkdownHeadingIdFromRawFragment as n, Markdown as t };

package/dist/markdown.d.ts

@@ -1,3 +1,3 @@
+import { n as MarkdownProps, r as getSanitizedMarkdownHeadingIdFromRawFragment, t as Markdown } from "./markdown-C0atSabr.js";
 import { n as CodeBlockProps, r as CopyButton, t as CodeBlock } from "./code-block-B9miUPht.js";
-import { n as MarkdownProps, t as Markdown } from "./index-Cq-EJzqW.js";
-export { CodeBlock, type CodeBlockProps, CopyButton, Markdown, type MarkdownProps };
+export { CodeBlock, type CodeBlockProps, CopyButton, Markdown, type MarkdownProps, getSanitizedMarkdownHeadingIdFromRawFragment };

package/dist/markdown.js

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

package/dist/{openui-artifact-renderer-C3bmqfjX.js → openui-artifact-renderer-DjLPuaP9.js}

@@ -3,7 +3,7 @@ import { t as cn } from "./utils-C_uf36nf.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 { t as Markdown } from "./markdown-PywkQXWk.js";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Minus } from "lucide-react";
@@ -53,7 +53,7 @@ function renderActions(actions, onAction) {
 		}, action.id))
 	});
 }
-function renderNode(node, onAction) {
+function renderNode(node, onAction, urlTransform) {
 	switch (node.type) {
 		case "heading": {
 			const level = node.level ?? 2;
@@ -136,6 +136,7 @@ function renderNode(node, onAction) {
 			className: "rounded-[var(--radius-lg)] border border-border bg-card p-5",
 			children: /* @__PURE__ */ jsx(Markdown, {
 				className: "prose-sm max-w-none",
+				urlTransform,
 				children: node.content
 			})
 		});
@@ -176,13 +177,13 @@ function renderNode(node, onAction) {
 			if (asArray(node.children).length === 0) return null;
 			return /* @__PURE__ */ jsx("div", {
 				className: cn("flex", node.direction === "row" ? "flex-row" : "flex-col", GAP_STYLES[node.gap ?? "md"], ALIGN_STYLES[node.align ?? "stretch"], node.wrap && "flex-wrap"),
-				children: asArray(node.children).map((child, index) => /* @__PURE__ */ jsx(Fragment, { children: renderNode(child, onAction) }, child.id ?? `${child.type}-${index}`))
+				children: asArray(node.children).map((child, index) => /* @__PURE__ */ jsx(Fragment, { children: renderNode(child, onAction, urlTransform) }, child.id ?? `${child.type}-${index}`))
 			});
 		case "grid":
 			if (asArray(node.children).length === 0) return null;
 			return /* @__PURE__ */ jsx("div", {
 				className: cn("grid", GRID_STYLES[node.columns ?? 2], GAP_STYLES[node.gap ?? "md"]),
-				children: asArray(node.children).map((child, index) => /* @__PURE__ */ jsx(Fragment, { children: renderNode(child, onAction) }, child.id ?? `${child.type}-${index}`))
+				children: asArray(node.children).map((child, index) => /* @__PURE__ */ jsx(Fragment, { children: renderNode(child, onAction, urlTransform) }, child.id ?? `${child.type}-${index}`))
 			});
 		case "card": return /* @__PURE__ */ jsxs(Card, {
 			variant: "glass",
@@ -214,7 +215,7 @@ function renderNode(node, onAction) {
 				}), asArray(node.actions).length > 0 && renderActions(asArray(node.actions), onAction)]
 			}), asArray(node.children).length > 0 && /* @__PURE__ */ jsx(CardContent, {
 				className: "space-y-4 p-4",
-				children: asArray(node.children).map((child, index) => /* @__PURE__ */ jsx(Fragment, { children: renderNode(child, onAction) }, child.id ?? `${child.type}-${index}`))
+				children: asArray(node.children).map((child, index) => /* @__PURE__ */ jsx(Fragment, { children: renderNode(child, onAction, urlTransform) }, child.id ?? `${child.type}-${index}`))
 			})]
 		});
 	}
@@ -225,7 +226,7 @@ function renderNode(node, onAction) {
 * extension surface for generated inspectors/results, not a replacement for
 * the sandbox shell.
 */
-function OpenUIArtifactRenderer({ schema, onAction, className }) {
+function OpenUIArtifactRenderer({ schema, onAction, className, urlTransform }) {
 	const issue = findUnsupportedOpenUINode(schema);
 	if (issue) return /* @__PURE__ */ jsxs("div", {
 		role: "alert",
@@ -254,7 +255,7 @@ function OpenUIArtifactRenderer({ schema, onAction, className }) {
 	});
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("space-y-4", className),
-		children: nodes.map((node, index) => /* @__PURE__ */ jsx(Fragment, { children: renderNode(node, onAction) }, node.id ?? `${node.type}-${index}`))
+		children: nodes.map((node, index) => /* @__PURE__ */ jsx(Fragment, { children: renderNode(node, onAction, urlTransform) }, node.id ?? `${node.type}-${index}`))
 	});
 }
 //#endregion

package/dist/{openui-artifact-renderer-D3E5bIAI.d.ts → openui-artifact-renderer-fkBQaoLO.d.ts}

@@ -1,3 +1,4 @@
+import { n as MarkdownProps } from "./markdown-C0atSabr.js";
 import { ReactNode } from "react";
 //#region src/openui/openui-artifact-renderer.d.ts
 type OpenUIPrimitive = string | number | boolean | null | undefined;
@@ -102,6 +103,7 @@ interface OpenUIArtifactRendererProps {
   schema: OpenUIComponentNode | OpenUIComponentNode[];
   onAction?: (action: OpenUIAction) => void;
   className?: string;
+  urlTransform?: MarkdownProps["urlTransform"];
 }
 /**
  * OpenUIArtifactRenderer — contained renderer for OpenUI-like structured
@@ -109,6 +111,6 @@ interface OpenUIArtifactRendererProps {
  * extension surface for generated inspectors/results, not a replacement for
  * the sandbox shell.
  */
-declare function OpenUIArtifactRenderer({ schema, onAction, className }: OpenUIArtifactRendererProps): import("react").JSX.Element;
+declare function OpenUIArtifactRenderer({ schema, onAction, className, urlTransform }: OpenUIArtifactRendererProps): import("react").JSX.Element;
 //#endregion
 export { OpenUITableNode as _, OpenUIBadgeNode as a, OpenUIComponentNode as c, OpenUIKeyValueNode as d, OpenUIMarkdownNode as f, OpenUIStatNode as g, OpenUIStackNode as h, OpenUIArtifactRendererProps as i, OpenUIGridNode as l, OpenUISeparatorNode as m, OpenUIActionsNode as n, OpenUICardNode as o, OpenUIPrimitive as p, OpenUIArtifactRenderer as r, OpenUICodeNode as s, OpenUIAction as t, OpenUIHeadingNode as u, OpenUITextNode as v };

package/dist/openui-schema.d.ts

@@ -1,3 +1,3 @@
-import { c as OpenUIComponentNode } from "./openui-artifact-renderer-D3E5bIAI.js";
-import { a as validateOpenUIJsonNode, i as validateOpenUIJsonArtifact, n as OpenUISchemaValidation, o as OPENUI_NODE_JSON_SCHEMA, r as findUnsupportedOpenUINode, s as OPENUI_NODE_TYPES, t as OpenUISchemaIssue } from "./schema-BFKgCGH-.js";
+import { c as OpenUIComponentNode } from "./openui-artifact-renderer-fkBQaoLO.js";
+import { a as validateOpenUIJsonNode, i as validateOpenUIJsonArtifact, n as OpenUISchemaValidation, o as OPENUI_NODE_JSON_SCHEMA, r as findUnsupportedOpenUINode, s as OPENUI_NODE_TYPES, t as OpenUISchemaIssue } from "./schema-DAstk-J4.js";
 export { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, type OpenUIComponentNode, OpenUISchemaIssue, OpenUISchemaValidation, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode };

package/dist/openui.d.ts

@@ -1,3 +1,3 @@
-import { _ as OpenUITableNode, a as OpenUIBadgeNode, c as OpenUIComponentNode, d as OpenUIKeyValueNode, f as OpenUIMarkdownNode, g as OpenUIStatNode, h as OpenUIStackNode, i as OpenUIArtifactRendererProps, l as OpenUIGridNode, m as OpenUISeparatorNode, n as OpenUIActionsNode, o as OpenUICardNode, p as OpenUIPrimitive, r as OpenUIArtifactRenderer, s as OpenUICodeNode, t as OpenUIAction, u as OpenUIHeadingNode, v as OpenUITextNode } from "./openui-artifact-renderer-D3E5bIAI.js";
-import { a as validateOpenUIJsonNode, i as validateOpenUIJsonArtifact, n as OpenUISchemaValidation, o as OPENUI_NODE_JSON_SCHEMA, r as findUnsupportedOpenUINode, s as OPENUI_NODE_TYPES, t as OpenUISchemaIssue } from "./schema-BFKgCGH-.js";
+import { _ as OpenUITableNode, a as OpenUIBadgeNode, c as OpenUIComponentNode, d as OpenUIKeyValueNode, f as OpenUIMarkdownNode, g as OpenUIStatNode, h as OpenUIStackNode, i as OpenUIArtifactRendererProps, l as OpenUIGridNode, m as OpenUISeparatorNode, n as OpenUIActionsNode, o as OpenUICardNode, p as OpenUIPrimitive, r as OpenUIArtifactRenderer, s as OpenUICodeNode, t as OpenUIAction, u as OpenUIHeadingNode, v as OpenUITextNode } from "./openui-artifact-renderer-fkBQaoLO.js";
+import { a as validateOpenUIJsonNode, i as validateOpenUIJsonArtifact, n as OpenUISchemaValidation, o as OPENUI_NODE_JSON_SCHEMA, r as findUnsupportedOpenUINode, s as OPENUI_NODE_TYPES, t as OpenUISchemaIssue } from "./schema-DAstk-J4.js";
 export { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, 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 OpenUISchemaIssue, type OpenUISchemaValidation, type OpenUISeparatorNode, type OpenUIStackNode, type OpenUIStatNode, type OpenUITableNode, type OpenUITextNode, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode };

package/dist/openui.js

@@ -1,3 +1,3 @@
 import { a as OPENUI_NODE_TYPES, i as OPENUI_NODE_JSON_SCHEMA, n as validateOpenUIJsonArtifact, r as validateOpenUIJsonNode, t as findUnsupportedOpenUINode } from "./schema-BpW9rSSG.js";
-import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-C3bmqfjX.js";
+import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-DjLPuaP9.js";
 export { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode };

package/dist/{run-group-CxNskmHd.js → run-group-COUIsZ_x.js}

@@ -2,8 +2,8 @@ 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-DNebqhmX.js";
-import { t as Markdown } from "./markdown-BGqicV82.js";
-import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-C3bmqfjX.js";
+import { t as Markdown } from "./markdown-PywkQXWk.js";
+import { t as OpenUIArtifactRenderer } from "./openui-artifact-renderer-DjLPuaP9.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-DNebqhmX.js";
-import { n as InlineThinkingItem, t as RunGroup } from "./run-group-CxNskmHd.js";
+import { n as InlineThinkingItem, t as RunGroup } from "./run-group-COUIsZ_x.js";
 import { t as LiveDuration } from "./run-ZsIKPA6J.js";
-import { n as parseToolEvent, t as ToolCallFeed } from "./tool-call-feed-Djt2q11V.js";
+import { n as parseToolEvent, t as ToolCallFeed } from "./tool-call-feed-DNADpFyJ.js";
 export { ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunRowShell, RunRowStatusDot, ToolCallFeed, parseToolEvent };

package/dist/{schema-BFKgCGH-.d.ts → schema-DAstk-J4.d.ts}

@@ -1,4 +1,4 @@
-import { c as OpenUIComponentNode } from "./openui-artifact-renderer-D3E5bIAI.js";
+import { c as OpenUIComponentNode } from "./openui-artifact-renderer-fkBQaoLO.js";
 //#region src/openui/schema-data.d.ts
 declare const OPENUI_NODE_TYPES: readonly ["heading", "text", "badge", "stat", "key_value", "code", "markdown", "table", "actions", "separator", "stack", "grid", "card"];
 /**

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

package/dist/{tool-call-feed-Djt2q11V.js → tool-call-feed-DNADpFyJ.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-DNebqhmX.js";
-import { t as Markdown } from "./markdown-BGqicV82.js";
+import { t as Markdown } from "./markdown-PywkQXWk.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/run/tool-call-feed.tsx
 /**

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

@@ -1,4 +1,4 @@
-import { n as parseToolEvent } from "./tool-call-feed-Djt2q11V.js";
+import { n as parseToolEvent } from "./tool-call-feed-DNADpFyJ.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/ui",
-  "version": "11.11.3",
+  "version": "11.11.5",
   "description": "Generic React UI components for Tangle products — primitives, chat, run, files, editor, markdown.",
   "type": "module",
   "license": "MIT",
@@ -127,11 +127,13 @@
     "@radix-ui/react-tabs": "^1.1.21",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "github-slugger": "^2.0.0",
     "lucide-react": "^1.48.0",
     "marked": "^18.0.14",
     "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^16.1.1",
     "rehype-sanitize": "^6.0.0",
+    "rehype-slug": "^6.0.0",
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.7.0",
     "turndown": "^7.2.4"
@@ -139,7 +141,7 @@
   "peerDependencies": {
     "@hocuspocus/provider": ">=2.15.0 <5.0.0",
     "@nanostores/react": ">=0.8.4 <3.0.0",
-    "@tangle-network/brand": "^1.8.2",
+    "@tangle-network/brand": "^1.9.0",
     "@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/user-message.test.tsx

@@ -3,13 +3,19 @@ import { describe, expect, it } from "vitest"
 import { UserMessage } from "./user-message"
 
 describe("UserMessage", () => {
-  it("renders the text in a borderless muted bubble", () => {
+  it("renders the text in a bordered card that wraps in narrow panes", () => {
     const { container } = render(<UserMessage content="Run the tests." />)
     expect(screen.getByText("Run the tests.")).toBeInTheDocument()
     const bubble = container.querySelector(".rounded-2xl")
     expect(bubble).not.toBeNull()
-    expect(bubble!.className).toContain("bg-muted/50")
-    expect(bubble!.className).not.toMatch(/(^|\s)border(\s|$)/)
+    expect(bubble!.className).toContain("bg-card")
+    expect(bubble!.className).toContain("border-border")
+    expect(container.querySelector(".group")?.className).toContain(
+      "min-w-0",
+    )
+    expect(screen.getByText("Run the tests.").className).toContain(
+      "break-words",
+    )
   })
 
   it("keeps the timestamp beside the bubble as a hover-revealed label", () => {

package/src/chat/user-message.tsx

@@ -17,8 +17,8 @@ function formatTime(date: Date): string {
 }
 
 /**
- * The single user message bubble — a quiet, right-aligned fill on the muted
- * surface (no border, no loud fill, no uppercase label). The timestamp sits
+ * The single user message bubble — a quiet, right-aligned card with a subtle
+ * semantic border (no loud fill, no uppercase label). The timestamp sits
  * beside the bubble and appears on hover, so it costs no height. Used by both
  * the run/message list (session-model `parts`) and AgentTimeline (direct
  * `content`/`timestamp`).
@@ -36,8 +36,10 @@ export const UserMessage = memo(
 
     return (
       <div className="flex justify-end">
-        <div className="group flex max-w-[78%] flex-col items-end gap-2">
-          <div className="relative w-full rounded-2xl bg-muted/50 px-4 py-3">
+        <div className="group flex min-w-0 max-w-[78%] flex-col items-end gap-2">
+          <div
+            className="relative w-full min-w-0 rounded-2xl border border-border bg-card px-4 py-3"
+          >
             {timestamp ? (
               <span
                 data-user-message-time=""
@@ -46,7 +48,7 @@ export const UserMessage = memo(
                 {formatTime(timestamp)}
               </span>
             ) : null}
-            <div className="whitespace-pre-wrap text-[var(--font-size-base)] leading-[1.5] text-foreground">
+            <div className="break-words whitespace-pre-wrap text-[var(--font-size-base)] leading-[1.5] text-foreground">
               {text}
             </div>
           </div>

package/src/markdown/index.ts

@@ -1,2 +1,2 @@
-export { Markdown, type MarkdownProps } from "./markdown";
+export { Markdown, getSanitizedMarkdownHeadingIdFromRawFragment, type MarkdownProps } from "./markdown";
 export { CodeBlock, CopyButton, type CodeBlockProps } from "./code-block";

package/src/markdown/markdown.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from "vitest";
 import { render, screen } from "@testing-library/react";
-import { Markdown } from "./markdown";
+import { getSanitizedMarkdownHeadingIdFromRawFragment, Markdown } from "./markdown";
 
 describe("Markdown", () => {
   it("uses the tokenized Tangle prose class instead of host typography defaults", () => {
@@ -12,6 +12,62 @@ describe("Markdown", () => {
     expect(surface).not.toHaveClass("dark:prose-invert");
   });
 
+  it("adds GitHub-style Unicode and duplicate heading IDs before sanitizing them", () => {
+    const { container } = render(
+      <Markdown>{"# Duplicate\n\n## Crème brûlée\n\n# Duplicate\n\n# user-content-heading"}</Markdown>,
+    );
+
+    expect(container.querySelectorAll("h1, h2")).toHaveLength(4);
+    expect(container.querySelector("h2")).toHaveAttribute("id", "user-content-crème-brûlée");
+    expect(container.querySelectorAll("h1")[0]).toHaveAttribute("id", "user-content-duplicate");
+    expect(container.querySelectorAll("h1")[1]).toHaveAttribute("id", "user-content-duplicate-1");
+    expect(container.querySelectorAll("h1")[2]).toHaveAttribute(
+      "id",
+      "user-content-user-content-heading",
+    );
+  });
+
+  it("maps raw fragments exactly once to the sanitized target prefix", () => {
+    expect(getSanitizedMarkdownHeadingIdFromRawFragment("Cr%C3%A8me%20br%C3%BBl%C3%A9e"))
+      .toBe("user-content-crème-brûlée");
+    expect(getSanitizedMarkdownHeadingIdFromRawFragment("user-content-heading"))
+      .toBe("user-content-user-content-heading");
+  });
+
+  it("maps same-document fragments to sanitized heading IDs", () => {
+    render(<Markdown>{"[Jump](#Cr%C3%A8me%20br%C3%BBl%C3%A9e)\n\n# Crème brûlée"}</Markdown>);
+
+    expect(screen.getByRole("link", { name: "Jump" })).toHaveAttribute(
+      "href",
+      "#user-content-crème-brûlée",
+    );
+  });
+
+  it("keeps custom URL transforms behind ReactMarkdown protocol checks", () => {
+    const urlTransform = vi.fn((url: string) => url);
+
+    render(
+      <Markdown urlTransform={urlTransform}>
+        {"[External](https://example.com/docs#install)\n\n![Safe](https://example.com/image.png)\n\n![Unsafe](javascript:alert(1))"}
+      </Markdown>,
+    );
+
+    expect(screen.getByRole("link", { name: "External" })).toHaveAttribute(
+      "href",
+      "https://example.com/docs#install",
+    );
+    expect(screen.getByRole("img", { name: "Safe" })).toHaveAttribute(
+      "src",
+      "https://example.com/image.png",
+    );
+    expect(screen.getByRole("img", { name: "Unsafe" })).not.toHaveAttribute("src");
+    expect(urlTransform).toHaveBeenCalledWith(
+      "https://example.com/image.png",
+      "src",
+      expect.objectContaining({ tagName: "img" }),
+    );
+  });
+
   it("keeps inline code on semantic tokens", () => {
     const { container } = render(<Markdown>{"Use `token` values."}</Markdown>);
     const inlineCode = container.querySelector("code");

package/src/markdown/markdown.tsx

@@ -1,14 +1,50 @@
 import { memo } from "react";
-import ReactMarkdown, { type UrlTransform } from "react-markdown";
+import ReactMarkdown, { defaultUrlTransform, type UrlTransform } from "react-markdown";
 import remarkGfm from "remark-gfm";
 import rehypeSanitize from "rehype-sanitize";
+import rehypeSlug from "rehype-slug";
+import GithubSlugger from "github-slugger";
 import { CodeBlock, CopyButton } from "./code-block";
 import { cn } from "../lib/utils";
 
+const SANITIZED_HEADING_ID_PREFIX = "user-content-";
+
+/** Converts a raw Markdown fragment to the ID rehype-sanitize emits for its heading. */
+export function getSanitizedMarkdownHeadingIdFromRawFragment(rawFragment: string): string {
+  let decodedFragment = rawFragment;
+  try {
+    decodedFragment = decodeURIComponent(rawFragment);
+  } catch {
+    // Keep malformed percent escapes literal, as browsers do for fragment targets.
+  }
+  const slugger = new GithubSlugger();
+  return SANITIZED_HEADING_ID_PREFIX + slugger.slug(decodedFragment);
+}
+
+function safeUrl(url: string): string | undefined {
+  return defaultUrlTransform(url) ?? undefined;
+}
+
+function transformMarkdownUrl(
+  url: string,
+  key: string,
+  node: Parameters<UrlTransform>[2],
+  urlTransform?: UrlTransform,
+) {
+  const transformed = urlTransform ? urlTransform(url, key, node) : url;
+  if (transformed == null) return undefined;
+
+  if (key === "href" && transformed === url && url.startsWith("#")) {
+    return safeUrl("#" + getSanitizedMarkdownHeadingIdFromRawFragment(url.slice(1)));
+  }
+
+  return safeUrl(transformed);
+}
+
 export interface MarkdownProps {
   children: string;
   className?: string;
-  /** Transform parsed link and image URLs before sanitisation. */
+  /** Transform parsed link and image URLs while retaining protocol safety checks. */
   urlTransform?: UrlTransform;
 }
 
@@ -23,8 +59,8 @@ export const Markdown = memo(({ children, className, urlTransform }: MarkdownPro
     >
       <ReactMarkdown
         remarkPlugins={[remarkGfm]}
-        rehypePlugins={[rehypeSanitize]}
-        urlTransform={urlTransform}
+        rehypePlugins={[rehypeSlug, rehypeSanitize]}
+        urlTransform={(url, key, node) => transformMarkdownUrl(url, key, node, urlTransform)}
         components={{
           pre({ children: preChildren }) {
             return <>{preChildren}</>;

package/src/openui/openui-artifact-renderer.tsx

@@ -12,7 +12,7 @@ import {
 } from "../primitives/card";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../primitives/table";
 import { CodeBlock } from "../primitives/code-block";
-import { Markdown } from "../markdown/markdown";
+import { Markdown, type MarkdownProps } from "../markdown/markdown";
 import { findUnsupportedOpenUINode, type OPENUI_NODE_TYPES } from "./schema";
 
 export type OpenUIPrimitive = string | number | boolean | null | undefined;
@@ -147,6 +147,7 @@ export interface OpenUIArtifactRendererProps {
   schema: OpenUIComponentNode | OpenUIComponentNode[];
   onAction?: (action: OpenUIAction) => void;
   className?: string;
+  urlTransform?: MarkdownProps["urlTransform"];
 }
 
 type RendererNodeTypesMatchSchema =
@@ -218,7 +219,11 @@ function renderActions(actions: OpenUIAction[], onAction?: (action: OpenUIAction
   );
 }
 
-function renderNode(node: OpenUIComponentNode, onAction?: (action: OpenUIAction) => void): ReactNode {
+function renderNode(
+  node: OpenUIComponentNode,
+  onAction?: (action: OpenUIAction) => void,
+  urlTransform?: MarkdownProps["urlTransform"],
+): ReactNode {
   switch (node.type) {
     case "heading": {
       const level = node.level ?? 2;
@@ -341,7 +346,9 @@ function renderNode(node: OpenUIComponentNode, onAction?: (action: OpenUIAction)
     case "markdown":
       return (
         <div className="rounded-[var(--radius-lg)] border border-border bg-card p-5">
-          <Markdown className="prose-sm max-w-none">{node.content}</Markdown>
+          <Markdown className="prose-sm max-w-none" urlTransform={urlTransform}>
+            {node.content}
+          </Markdown>
         </div>
       );
 
@@ -425,7 +432,7 @@ function renderNode(node: OpenUIComponentNode, onAction?: (action: OpenUIAction)
         >
           {asArray<OpenUIComponentNode>(node.children).map((child, index) => (
             <Fragment key={child.id ?? `${child.type}-${index}`}>
-              {renderNode(child, onAction)}
+              {renderNode(child, onAction, urlTransform)}
             </Fragment>
           ))}
         </div>
@@ -439,7 +446,7 @@ function renderNode(node: OpenUIComponentNode, onAction?: (action: OpenUIAction)
         <div className={cn("grid", GRID_STYLES[node.columns ?? 2], GAP_STYLES[node.gap ?? "md"])}>
           {asArray<OpenUIComponentNode>(node.children).map((child, index) => (
             <Fragment key={child.id ?? `${child.type}-${index}`}>
-              {renderNode(child, onAction)}
+              {renderNode(child, onAction, urlTransform)}
             </Fragment>
           ))}
         </div>
@@ -473,7 +480,7 @@ function renderNode(node: OpenUIComponentNode, onAction?: (action: OpenUIAction)
             <CardContent className="space-y-4 p-4">
               {asArray<OpenUIComponentNode>(node.children).map((child, index) => (
                 <Fragment key={child.id ?? `${child.type}-${index}`}>
-                  {renderNode(child, onAction)}
+                  {renderNode(child, onAction, urlTransform)}
                 </Fragment>
               ))}
             </CardContent>
@@ -493,6 +500,7 @@ export function OpenUIArtifactRenderer({
   schema,
   onAction,
   className,
+  urlTransform,
 }: OpenUIArtifactRendererProps) {
   const issue = findUnsupportedOpenUINode(schema);
   if (issue) {
@@ -526,7 +534,7 @@ export function OpenUIArtifactRenderer({
     <div className={cn("space-y-4", className)}>
       {nodes.map((node, index) => (
         <Fragment key={node.id ?? `${node.type}-${index}`}>
-          {renderNode(node, onAction)}
+          {renderNode(node, onAction, urlTransform)}
         </Fragment>
       ))}
     </div>

package/src/openui/schema.test.tsx

@@ -1,5 +1,6 @@
 import { render, screen } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
+import { describe, expect, it, vi } from "vitest";
+import { getSanitizedMarkdownHeadingIdFromRawFragment } from "../markdown/markdown";
 import { OpenUIArtifactRenderer } from "./openui-artifact-renderer";
 import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "./schema";
 
@@ -65,6 +66,44 @@ describe("OpenUI JSON contract", () => {
     expect(screen.getByText("Value")).toBeTruthy();
   });
 
+  it("forwards URL transforms and keeps cross-file fragments aligned with sanitized headings", () => {
+    const urlTransform = vi.fn((url: string, key: string) => {
+      if (key !== "href") return url;
+      const separator = url.indexOf("#");
+      const fragment = separator >= 0
+        ? "#" + getSanitizedMarkdownHeadingIdFromRawFragment(url.slice(separator + 1))
+        : "";
+      return "/app/ws-1/vault?file=campaigns%2Fpacket.md" + fragment;
+    });
+
+    render(
+      <OpenUIArtifactRenderer
+        schema={{
+          type: "card",
+          children: [{
+            type: "markdown",
+            content: "[Packet](campaigns/packet.md#Cr%C3%A8me%20br%C3%BBl%C3%A9e)\n\n# Crème brûlée",
+          }],
+        }}
+        urlTransform={urlTransform}
+      />,
+    );
+
+    expect(screen.getByRole("link", { name: "Packet" })).toHaveAttribute(
+      "href",
+      "/app/ws-1/vault?file=campaigns%2Fpacket.md#user-content-crème-brûlée",
+    );
+    expect(screen.getByRole("heading", { name: "Crème brûlée" })).toHaveAttribute(
+      "id",
+      "user-content-crème-brûlée",
+    );
+    expect(urlTransform).toHaveBeenCalledWith(
+      "campaigns/packet.md#Cr%C3%A8me%20br%C3%BBl%C3%A9e",
+      "href",
+      expect.objectContaining({ tagName: "a" }),
+    );
+  });
+
   it("shows an explicit error for an old unsupported artifact", () => {
     const oldArtifact = { type: "card", children: [{ type: "section", children: [{ type: "text", text: "hidden" }] }] };
     render(<OpenUIArtifactRenderer schema={oldArtifact as never} />);