@tangle-network/ui 11.32.2 → 11.34.0

package/dist/editor/source-markdown.js

@@ -0,0 +1,495 @@
+import { marked } from "marked";
+import TurndownService from "turndown";
+//#region src/editor/source-markdown.ts
+/**
+* Source-preserving Markdown for the rich editor.
+*
+* The rich editor holds a ProseMirror document, and a document can only be
+* turned back into Markdown by re-serializing it. Re-serializing rewrites
+* whatever the reader did not touch: list markers, emphasis delimiters,
+* escapes, blank lines, and every construct the editor has no node for (a GFM
+* table became one run-on paragraph). This module keeps the original bytes
+* instead.
+*
+* The file is split into its top-level blocks with `marked`'s lexer, whose
+* token `raw` fields concatenate back to the source. Each block the editor can
+* represent is rendered to HTML carrying a block id; every other block (a
+* table, raw HTML, an image, a task list, a link definition) becomes one atomic
+* source node that holds its raw text. On save:
+*
+* - a block whose node still equals the node it was parsed into is written
+*   back as its original bytes, with its original separator;
+* - a block the reader changed is re-serialized, and the change is merged
+*   into the original bytes (a three-way merge against the block's own
+*   re-serialization), so only the edited span differs; the merge is kept only
+*   when it parses back to exactly what the reader sees, otherwise the block's
+*   re-serialization is written;
+* - a block the reader added is re-serialized.
+*
+* This module is pure: the editor-specific half (ProseMirror nodes, schema,
+* HTML) arrives through `SourceNode` callbacks, so it runs without tiptap.
+*/
+/** HTML attribute that carries a block id from the source HTML into the editor document. */
+const BLOCK_ID_ATTRIBUTE = "data-md-block";
+/** HTML attribute that carries a read-only block's raw Markdown. */
+const SOURCE_RAW_ATTRIBUTE = "data-md-raw";
+/** HTML attribute that carries a read-only block's kind, which picks its caption. */
+const SOURCE_KIND_ATTRIBUTE = "data-md-kind";
+const INLINE_TYPES = /* @__PURE__ */ new Set([
+	"text",
+	"strong",
+	"em",
+	"codespan",
+	"del",
+	"link",
+	"br",
+	"escape"
+]);
+let documentCounter = 0;
+function readOnlyKind(token) {
+	switch (token.type) {
+		case "paragraph":
+		case "heading": return inlineReadOnlyKind(token.tokens);
+		case "code":
+		case "hr": return null;
+		case "blockquote": return blocksReadOnlyKind(token.tokens);
+		case "list":
+			for (const item of token.items) {
+				if (item.task) return "checklist";
+				const kind = blocksReadOnlyKind(item.tokens);
+				if (kind) return kind;
+			}
+			return null;
+		case "table": return "table";
+		case "html": return "html";
+		case "def": return "definition";
+		default: return "markdown";
+	}
+}
+function blocksReadOnlyKind(tokens) {
+	for (const token of tokens) {
+		if (token.type === "space") continue;
+		if (token.type === "text") {
+			const kind = inlineReadOnlyKind(token.tokens ?? []);
+			if (kind) return kind;
+			continue;
+		}
+		const kind = readOnlyKind(token);
+		if (kind) return kind;
+	}
+	return null;
+}
+function inlineReadOnlyKind(tokens) {
+	for (const token of tokens ?? []) {
+		if (token.type === "image") return "image";
+		if (token.type === "html") return "html";
+		if (!INLINE_TYPES.has(token.type)) return "markdown";
+		const children = token.tokens;
+		if (children) {
+			const kind = inlineReadOnlyKind(children);
+			if (kind) return kind;
+		}
+	}
+	return null;
+}
+function escapeAttribute(value) {
+	return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function sourceNodeHtml(block) {
+	return `<div ${BLOCK_ID_ATTRIBUTE}="${block.id}" ${SOURCE_KIND_ATTRIBUTE}="${block.kind}" ${SOURCE_RAW_ATTRIBUTE}="${escapeAttribute(block.raw)}"></div>`;
+}
+/** Renders one editable block, tagging its root element with the block id. */
+function editableBlockHtml(token, id) {
+	const html = String(marked.parser([token], {
+		async: false,
+		gfm: true
+	})).trim();
+	if (!/^<[a-z][a-z0-9]*/i.test(html)) return null;
+	return html.replace(/^<([a-z][a-z0-9]*)/i, `<$1 ${BLOCK_ID_ATTRIBUTE}="${id}"`);
+}
+/**
+* Maps offsets in the line-feed-normalized text back to the original text, so
+* a file with CRLF line endings keeps them.
+*/
+function originalOffsets(original, normalized) {
+	if (original === normalized) return (offset) => offset;
+	const map = new Int32Array(normalized.length + 1);
+	let o = 0;
+	for (let n = 0; n < normalized.length; n++) {
+		map[n] = o;
+		o += original[o] === "\r" && original[o + 1] === "\n" ? 2 : 1;
+	}
+	map[normalized.length] = original.length;
+	return (offset) => map[offset];
+}
+function buildHtml(blocks, tokens) {
+	return blocks.map((block) => {
+		if (!block.editable) return sourceNodeHtml(block);
+		const token = tokens.get(block.id);
+		return (token && editableBlockHtml(token, block.id)) ?? sourceNodeHtml(block);
+	}).join("\n");
+}
+function finish(prefix, trailer, blocks, tokens, links) {
+	return {
+		prefix,
+		trailer,
+		blocks,
+		byId: new Map(blocks.map((block) => [block.id, block])),
+		html: buildHtml(blocks, tokens),
+		links,
+		tokens,
+		lineEnding: [
+			prefix,
+			trailer,
+			...blocks.map((block) => block.raw + block.gap)
+		].some((text) => text.includes("\r\n")) ? "\r\n" : "\n"
+	};
+}
+/** The whole file as one read-only block: the fallback when it cannot be split faithfully. */
+function wholeFileSource(markdown, nonce) {
+	const blocks = markdown.trim() ? [{
+		id: `${nonce}:0`,
+		index: 0,
+		raw: markdown,
+		gap: "",
+		editable: false,
+		kind: "markdown"
+	}] : [];
+	return finish(blocks.length ? "" : markdown, "", blocks, /* @__PURE__ */ new Map(), {});
+}
+/** Splits a Markdown file into source blocks and the editor HTML that carries them. */
+function parseSourceMarkdown(markdown) {
+	const nonce = `m${(documentCounter += 1).toString(36)}`;
+	const normalized = markdown.replace(/\r\n?/g, "\n");
+	if (/\r(?!\n)/.test(markdown)) return wholeFileSource(markdown, nonce);
+	const tokens = marked.lexer(normalized, { gfm: true });
+	if (tokens.map((token) => token.raw).join("") !== normalized) return wholeFileSource(markdown, nonce);
+	const toOriginal = originalOffsets(markdown, normalized);
+	const slice = (start, end) => markdown.slice(toOriginal(start), toOriginal(end));
+	const blocks = [];
+	const blockTokens = /* @__PURE__ */ new Map();
+	let prefix = "";
+	let offset = 0;
+	for (const token of tokens) {
+		const start = offset;
+		offset += token.raw.length;
+		if (token.type === "space") {
+			if (blocks.length === 0) prefix += slice(start, offset);
+			else blocks[blocks.length - 1].gap += slice(start, offset);
+			continue;
+		}
+		const body = token.raw.replace(/\n+$/, "");
+		const id = `${nonce}:${blocks.length}`;
+		const kind = readOnlyKind(token);
+		blocks.push({
+			id,
+			index: blocks.length,
+			raw: slice(start, start + body.length),
+			gap: slice(start + body.length, offset),
+			editable: kind === null,
+			kind: kind ?? token.type
+		});
+		blockTokens.set(id, token);
+	}
+	const last = blocks[blocks.length - 1];
+	const trailer = last ? last.gap : "";
+	return finish(prefix, trailer, blocks, blockTokens, { ...tokens.links });
+}
+/**
+* Returns a copy of `source` with the given blocks shown read-only. The editor
+* calls this when its document could not hold a block faithfully.
+*/
+function withReadOnlyBlocks(source, ids) {
+	const blocks = source.blocks.map((block) => block.editable && ids.has(block.id) ? {
+		...block,
+		editable: false,
+		kind: "markdown"
+	} : block);
+	return finish(source.prefix, source.trailer, blocks, source.tokens, source.links);
+}
+/** The whole document read-only: the last fallback when the editor cannot map it. */
+function asReadOnlyDocument(markdown) {
+	return wholeFileSource(markdown, `m${(documentCounter += 1).toString(36)}`);
+}
+/**
+* HTML for one block of Markdown, with no block ids, or null when the text is
+* not a single editable block. `links` resolves reference links defined
+* elsewhere in the file. Used to check that a merged block reads back as the
+* reader's edit.
+*/
+function blockHtml(markdown, links = {}) {
+	const lexer = new marked.Lexer({ gfm: true });
+	Object.assign(lexer.tokens.links, links);
+	const tokens = lexer.lex(markdown.replace(/\r\n?/g, "\n")).filter((t) => t.type !== "space");
+	if (tokens.length !== 1 || readOnlyKind(tokens[0]) !== null) return null;
+	return String(marked.parser(tokens, {
+		async: false,
+		gfm: true
+	}));
+}
+function styleOf(raw) {
+	const bullet = /^[ \t]*([*+-])[ \t]+\S/m.exec(raw)?.[1];
+	const ordered = /^[ \t]*\d{1,9}([.)])[ \t]+\S/m.exec(raw)?.[1];
+	return {
+		bullet: bullet ?? "-",
+		orderedDelimiter: ordered ?? ".",
+		em: /(^|[^\w*_\\])_[^_\s]/.test(raw) && !/(^|[^\w*\\])\*[^*\s]/.test(raw) ? "_" : "*",
+		strong: /(^|[^\w\\])__[^_\s]/.test(raw) && !/\*\*[^*\s]/.test(raw) ? "__" : "**",
+		fence: /^[ \t]*~~~/m.test(raw) && !/^[ \t]*```/m.test(raw) ? "~~~" : "```"
+	};
+}
+const turndownCache = /* @__PURE__ */ new Map();
+function turndownFor(style) {
+	const key = `${style.bullet}${style.orderedDelimiter}${style.em}${style.strong}${style.fence}`;
+	const cached = turndownCache.get(key);
+	if (cached) return cached;
+	const service = new TurndownService({
+		bulletListMarker: style.bullet,
+		codeBlockStyle: "fenced",
+		emDelimiter: style.em,
+		strongDelimiter: style.strong,
+		fence: style.fence,
+		headingStyle: "atx",
+		hr: "---"
+	});
+	service.addRule("listParagraph", {
+		filter: (node) => node.nodeName === "P" && node.parentNode?.nodeName === "LI" && Array.from(node.parentNode.children).filter((child) => child.nodeName === "P").length === 1,
+		replacement: (content) => `\n${content}\n`
+	});
+	service.addRule("listItem", {
+		filter: "li",
+		replacement(content, node) {
+			const element = node;
+			const parent = element.parentNode;
+			let prefix = `${style.bullet} `;
+			if (parent?.nodeName === "OL") {
+				const start = parent.getAttribute("start");
+				const index = Array.prototype.indexOf.call(parent.children, element);
+				prefix = `${(start ? Number(start) : 1) + index}${style.orderedDelimiter} `;
+			}
+			const indented = content.replace(/^\n+|\n+$/g, "").replace(/\n(?=[^\n])/g, `\n${" ".repeat(prefix.length)}`);
+			return prefix + indented + (element.nextSibling ? "\n" : "");
+		}
+	});
+	service.addRule("strikethrough", {
+		filter: [
+			"del",
+			"s",
+			"strike"
+		],
+		replacement: (content) => `~~${content}~~`
+	});
+	turndownCache.set(key, service);
+	return service;
+}
+/** Markdown for one block of editor HTML, written in the style of `sourceRaw`. */
+function blockMarkdown(html, sourceRaw = "") {
+	return turndownFor(styleOf(sourceRaw)).turndown(html).replace(/^\n+|\n+$/g, "");
+}
+/** Edit cost past which a diff is abandoned, bounding the trace to a few MB. */
+const MAX_DIFF_COST = 1200;
+function pushOp(ops, op, text) {
+	if (!text) return;
+	const last = ops[ops.length - 1];
+	if (last && last[0] === op) last[1] += text;
+	else ops.push([op, text]);
+}
+/** Myers' O((N+M)D) diff of two strings with a common prefix and suffix removed. */
+function myers(a, b, maxCost) {
+	const n = a.length;
+	const m = b.length;
+	if (n === 0) return m ? [[1, b]] : [];
+	if (m === 0) return [[-1, a]];
+	const limit = Math.min(n + m, maxCost);
+	const offset = limit + 1;
+	const v = new Int32Array(2 * limit + 3);
+	v[offset + 1] = 0;
+	const trace = [];
+	let found = -1;
+	for (let d = 0; d <= limit && found < 0; d++) {
+		trace.push(v.slice(offset - d - 1, offset + d + 2));
+		for (let k = -d; k <= d; k += 2) {
+			let x = k === -d || k !== d && v[offset + k - 1] < v[offset + k + 1] ? v[offset + k + 1] : v[offset + k - 1] + 1;
+			let y = x - k;
+			while (x < n && y < m && a.charCodeAt(x) === b.charCodeAt(y)) {
+				x++;
+				y++;
+			}
+			v[offset + k] = x;
+			if (x >= n && y >= m) {
+				found = d;
+				break;
+			}
+		}
+	}
+	if (found < 0) return null;
+	const runs = [];
+	let x = n;
+	let y = m;
+	for (let d = found; d > 0; d--) {
+		const snapshot = trace[d];
+		const at = (k) => snapshot[k + d + 1];
+		const k = x - y;
+		const prevK = k === -d || k !== d && at(k - 1) < at(k + 1) ? k + 1 : k - 1;
+		const prevX = at(prevK);
+		const prevY = prevX - prevK;
+		const moveEndX = prevK === k + 1 ? prevX : prevX + 1;
+		if (x > moveEndX) runs.push([
+			0,
+			moveEndX,
+			x
+		]);
+		if (prevK === k + 1) runs.push([
+			1,
+			prevY,
+			prevY + 1
+		]);
+		else runs.push([
+			-1,
+			prevX,
+			prevX + 1
+		]);
+		x = prevX;
+		y = prevY;
+	}
+	if (x > 0) runs.push([
+		0,
+		0,
+		x
+	]);
+	const ops = [];
+	for (let i = runs.length - 1; i >= 0; i--) {
+		const [op, from, to] = runs[i];
+		pushOp(ops, op, op === 1 ? b.slice(from, to) : a.slice(from, to));
+	}
+	return ops;
+}
+/** Character diff from `a` to `b`, or null when it would cost more than the bound. */
+function diffText(a, b, maxCost = MAX_DIFF_COST) {
+	let start = 0;
+	const shorter = Math.min(a.length, b.length);
+	while (start < shorter && a.charCodeAt(start) === b.charCodeAt(start)) start++;
+	let endA = a.length;
+	let endB = b.length;
+	while (endA > start && endB > start && a.charCodeAt(endA - 1) === b.charCodeAt(endB - 1)) {
+		endA--;
+		endB--;
+	}
+	const middle = myers(a.slice(start, endA), b.slice(start, endB), maxCost);
+	if (!middle) return null;
+	const ops = [];
+	pushOp(ops, 0, a.slice(0, start));
+	for (const [op, text] of middle) pushOp(ops, op, text);
+	pushOp(ops, 0, a.slice(endA));
+	return ops;
+}
+/**
+* For each boundary between characters of `canonical`, the matching boundary
+* in `raw`, or -1 where the two texts disagree around it. A boundary that two
+* matched runs both claim keeps the earlier one, so text typed at the end of a
+* word lands before any syntax that only the source spells out.
+*/
+function boundaryMap(ops, canonicalLength, rawLength) {
+	const map = new Int32Array(canonicalLength + 1).fill(-1);
+	let c = 0;
+	let r = 0;
+	for (const [op, text] of ops) if (op === 0) {
+		for (let j = 0; j <= text.length; j++) if (map[c + j] < 0) map[c + j] = r + j;
+		c += text.length;
+		r += text.length;
+	} else if (op === -1) c += text.length;
+	else r += text.length;
+	if (map[0] < 0) map[0] = 0;
+	if (map[canonicalLength] < 0) map[canonicalLength] = rawLength;
+	return map;
+}
+/**
+* Merges edits of one block into its original bytes. `raw` is the block as
+* written; `canonical` is the Markdown of the node first parsed from it. The
+* alignment of the two is computed once and reused for every later edit.
+*/
+function createBlockMerger(raw, canonical) {
+	let map;
+	const alignment = () => {
+		if (map === void 0) {
+			const ops = diffText(canonical, raw);
+			map = ops ? boundaryMap(ops, canonical.length, raw.length) : null;
+		}
+		return map;
+	};
+	return (edited) => {
+		if (edited === canonical) return raw;
+		if (raw === canonical) return edited;
+		const edit = diffText(canonical, edited);
+		const boundaries = alignment();
+		if (!edit || !boundaries) return null;
+		let out = "";
+		let rawCursor = 0;
+		let c = 0;
+		let hunkStart = -1;
+		let inserted = "";
+		const flush = () => {
+			if (hunkStart < 0) return true;
+			const from = boundaries[hunkStart];
+			const to = boundaries[c];
+			if (from < 0 || to < 0 || to < from || from < rawCursor) return false;
+			out += raw.slice(rawCursor, from) + inserted;
+			rawCursor = to;
+			hunkStart = -1;
+			inserted = "";
+			return true;
+		};
+		for (const [op, text] of edit) {
+			if (op === 0) {
+				if (!flush()) return null;
+				c += text.length;
+				continue;
+			}
+			if (hunkStart < 0) hunkStart = c;
+			if (op === -1) c += text.length;
+			else inserted += text;
+		}
+		if (!flush()) return null;
+		return out + raw.slice(rawCursor);
+	};
+}
+function withLineEnding(text, lineEnding) {
+	return lineEnding === "\n" ? text : text.replace(/\r?\n/g, lineEnding);
+}
+function editedBlockText(node) {
+	const edited = node.markdown();
+	const merged = node.merge(edited);
+	if (merged !== null && (merged === edited || node.reparses(merged))) return merged;
+	return edited;
+}
+/** Writes the editor document back as Markdown, keeping every untouched byte of `source`. */
+function serializeSourceMarkdown(source, nodes) {
+	const pieces = [];
+	for (const node of nodes) {
+		const block = node.block;
+		let text;
+		if (block && (node.unchanged || !block.editable)) text = block.raw;
+		else if (block) text = withLineEnding(editedBlockText(node), source.lineEnding);
+		else text = withLineEnding(node.markdown(), source.lineEnding);
+		if (!text.trim()) continue;
+		pieces.push({
+			text,
+			block,
+			keepsSeparator: Boolean(block) && (node.unchanged || node.sameType)
+		});
+	}
+	let out = source.prefix;
+	pieces.forEach((piece, i) => {
+		out += piece.text;
+		const next = pieces[i + 1];
+		if (!next) {
+			out += source.blocks.length ? source.trailer : source.lineEnding;
+			return;
+		}
+		const adjacent = piece.block && next.block && next.block.index === piece.block.index + 1;
+		out += adjacent && piece.keepsSeparator && next.keepsSeparator ? piece.block.gap : source.lineEnding + source.lineEnding;
+	});
+	return out;
+}
+//#endregion
+export { BLOCK_ID_ATTRIBUTE, SOURCE_KIND_ATTRIBUTE, SOURCE_RAW_ATTRIBUTE, asReadOnlyDocument, blockHtml, blockMarkdown, createBlockMerger, diffText, parseSourceMarkdown, serializeSourceMarkdown, withReadOnlyBlocks };

package/dist/files/file-artifact-pane.d.ts

@@ -7,6 +7,8 @@ export interface FileArtifactPaneEditorOptions {
   enabled?: boolean;
   /** Persisted baseline when content is the current draft. */
   savedContent?: string;
+  /** Whether the draft has unsaved edits, when the host tracks that itself. Overrides `savedContent`. */
+  dirty?: boolean;
   mode?: DocumentEditorMode;
   defaultMode?: DocumentEditorMode;
   onModeChange?: (mode: DocumentEditorMode) => void;

package/dist/files/file-artifact-pane.js

@@ -69,6 +69,7 @@ function FileArtifactPane({ filename, content, blobUrl, mimeType, size, onClose,
 			hideTitleBlock,
 			markdown: content ?? "",
 			savedMarkdown: editor.savedContent,
+			dirty: editor.dirty,
 			urlTransform,
 			mode: editor.mode,
 			defaultMode: editor.defaultMode,

package/dist/index.d.ts

@@ -115,11 +115,12 @@ import "./markdown.js";
 import { addMessage, addParts, clearChat, isStreamingAtom, messagesAtom, partMapAtom, updatePart } from "./stores/chat-store.js";
 import "./types.js";
 import { copyText } from "./utils/copy-text.js";
-import { formatBytes, formatDuration, formatUptime, truncateText } from "./utils/format.js";
+import { formatBytes, formatDuration, formatUptime, plainTextFromMarkdown, truncateText } from "./utils/format.js";
 import { timeAgo } from "./utils/time-ago.js";
 import { TOOL_CATEGORY_ICONS, getToolCategory, getToolDisplayMetadata, getToolErrorText } from "./utils/tool-display.js";
 import { cn } from "./lib/utils.js";
 import { focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset } from "./lib/focus.js";
+import { ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline } from "./lib/interaction.js";
 import "./utils.js";
 import { CommandPreview, CommandPreviewProps } from "./tool-previews/command-preview.js";
 import { WriteFilePreview, WriteFilePreviewProps } from "./tool-previews/write-file-preview.js";
@@ -130,4 +131,4 @@ import { QuestionPreview, QuestionPreviewProps } from "./tool-previews/question-
 import { DiffPreview, DiffPreviewProps } from "./tool-previews/diff-preview.js";
 import { RedactedDocSegment, RedactedDocument, RedactedDocumentData, RedactedDocumentProps, RevealResult } from "./redaction/redacted-document.js";
 import "./redaction.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, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTone, AppendUserMessageOptions, ApplySdkEventOptions, ApprovalCard, type ApprovalCardProps, type ApprovalDiffFile, ApprovalDiffSummary, type ApprovalPlanStep, ArtifactPane, type ArtifactPaneProps, AuthHeader, type AuthHeaderProps, AuthUser, AutomationStreamEvent, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, BeginAssistantMessageOptions, BotStreamEvent, Button, type ButtonProps, CATEGORY_TONES, CSV_PREVIEW_ROW_LIMIT, Calendar, type CalendarDate, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardTitleProps, type CategoryTone, ChatAuthor, ChatContainer, type ChatContainerProps, ChatMessage, type ChatMessageProps, Checkbox, Chip, type ChipProps, CodeBlock, type CodeBlockProps, Collapsible, CollapsibleContent, CollapsibleTrigger, CommandPreview, type CommandPreviewProps, CompleteAssistantMessageOptions, ConnectionState, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CustomToolRenderer, DatePicker, type DatePickerProps, 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, FileCard, type FileCardProps, type FileDetails, type FileFormat, FileList, type FileListItem, type FileListProps, type FileNode, FilePreview, type FilePreviewKind, type FilePreviewProps, type FileTabData, FileTabs, type FileTabsProps, FileTree, type FileTreeProps, type FileTreeVisibilityOptions, type FileUploader, FilterField, type FilterFieldProps, FinalTextPart, GitHubLoginButton, type GitHubLoginButtonProps, GlobResultsPreview, type GlobResultsPreviewProps, GrepResultsPreview, type GrepResultsPreviewProps, GroupedMessage, Heading, type HeadingProps, type HeadingVariant, HelpText, type HelpTextProps, IconTile, type IconTileProps, InlineCode, type InlineCodeProps, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, Input, type InputProps, Label, LiveDuration, LoginLayout, type LoginLayoutProps, Logo, type LogoProps, Markdown, type MarkdownLinkChip, type MarkdownLinkChipResolver, type MarkdownProps, MessageAuthor, type MessageAuthorProps, 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, PageShell, type PageShellProps, Pagination, type PaginationProps, PdfViewer, type PdfViewerConfig, type PdfViewerProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, QuestionPreview, type QuestionPreviewProps, RadioGroup, RadioGroupItem, 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, type RunPhase, RunPhaseList, 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, Separator, SessionMessage, SessionPart, SessionProjectKey, type SessionUser, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarDropZone, type SidebarDropZoneProps, Skeleton, SkeletonCard, SkeletonTable, Slider, StatCard, type StatCardProps, StatusPill, type StatusPillProps, type StatusTone, Switch, TONE_CLASSES, TOOL_CATEGORY_ICONS, TRANSCRIPT_TEXT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TangleKnot, TaskList, type TaskListItem, type TaskListProps, type TaskStatus, TaskStreamEvent, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TerminalStreamEvent, TextPart, TextShimmer, type TextShimmerProps, Textarea, type TextareaProps, ThemeToggle, ThinkingIndicator, type ThinkingIndicatorProps, TimeSelect, type TimeSelectProps, type Toast, ToastContainer, ToastProvider, type Tone, type ToneClasses, type ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, ToolCategory, ToolDisplayMetadata, ToolPart, ToolState, ToolStatus, ToolTime, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, 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, codeBlockGrammar, configurePdfViewer, copyText, createAuthFetcher, detectFileFormat, fenceInfo, fileExtension, filterFileTree, findUnsupportedOpenUINode, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatCalendarDate, formatDuration, formatUptime, getActiveSession, getAllActiveSessions, getAllProjectActivity, getCodeLanguage, getFormatLabel, getSanitizedMarkdownHeadingIdFromRawFragment, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getSyntaxLanguage, getToolCategory, getToolDisplayMetadata, getToolErrorText, getTotalRunningSessionCount, hasBackgroundRunningSessions, initialsOf, isStreamingAtom, isViewerMessage, localToday, messagesAtom, numericColumns, parseCalendarDate, parseCsv, parseToolEvent, partMapAtom, registerActiveSession, resetActiveSessions, resolveFilePreviewKind, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, showsTaskPriority, tableCsv, taskProgress, taskStatus, timeAgo, toneFor, 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, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTone, AppendUserMessageOptions, ApplySdkEventOptions, ApprovalCard, type ApprovalCardProps, type ApprovalDiffFile, ApprovalDiffSummary, type ApprovalPlanStep, ArtifactPane, type ArtifactPaneProps, AuthHeader, type AuthHeaderProps, AuthUser, AutomationStreamEvent, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, BeginAssistantMessageOptions, BotStreamEvent, Button, type ButtonProps, CATEGORY_TONES, CSV_PREVIEW_ROW_LIMIT, Calendar, type CalendarDate, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardTitleProps, type CategoryTone, ChatAuthor, ChatContainer, type ChatContainerProps, ChatMessage, type ChatMessageProps, Checkbox, Chip, type ChipProps, CodeBlock, type CodeBlockProps, Collapsible, CollapsibleContent, CollapsibleTrigger, CommandPreview, type CommandPreviewProps, CompleteAssistantMessageOptions, ConnectionState, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CustomToolRenderer, DatePicker, type DatePickerProps, 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, FileCard, type FileCardProps, type FileDetails, type FileFormat, FileList, type FileListItem, type FileListProps, type FileNode, FilePreview, type FilePreviewKind, type FilePreviewProps, type FileTabData, FileTabs, type FileTabsProps, FileTree, type FileTreeProps, type FileTreeVisibilityOptions, type FileUploader, FilterField, type FilterFieldProps, FinalTextPart, GitHubLoginButton, type GitHubLoginButtonProps, GlobResultsPreview, type GlobResultsPreviewProps, GrepResultsPreview, type GrepResultsPreviewProps, GroupedMessage, Heading, type HeadingProps, type HeadingVariant, HelpText, type HelpTextProps, IconTile, type IconTileProps, InlineCode, type InlineCodeProps, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, Input, type InputProps, Label, LiveDuration, LoginLayout, type LoginLayoutProps, Logo, type LogoProps, Markdown, type MarkdownLinkChip, type MarkdownLinkChipResolver, type MarkdownProps, MessageAuthor, type MessageAuthorProps, 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, PageShell, type PageShellProps, Pagination, type PaginationProps, PdfViewer, type PdfViewerConfig, type PdfViewerProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, QuestionPreview, type QuestionPreviewProps, RadioGroup, RadioGroupItem, 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, type RunPhase, RunPhaseList, 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, Separator, SessionMessage, SessionPart, SessionProjectKey, type SessionUser, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarDropZone, type SidebarDropZoneProps, Skeleton, SkeletonCard, SkeletonTable, Slider, StatCard, type StatCardProps, StatusPill, type StatusPillProps, type StatusTone, Switch, TONE_CLASSES, TOOL_CATEGORY_ICONS, TRANSCRIPT_TEXT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, TangleKnot, TaskList, type TaskListItem, type TaskListProps, type TaskStatus, TaskStreamEvent, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TerminalStreamEvent, TextPart, TextShimmer, type TextShimmerProps, Textarea, type TextareaProps, ThemeToggle, ThinkingIndicator, type ThinkingIndicatorProps, TimeSelect, type TimeSelectProps, type Toast, ToastContainer, ToastProvider, type Tone, type ToneClasses, type ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, ToolCategory, ToolDisplayMetadata, ToolPart, ToolState, ToolStatus, ToolTime, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, 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, codeBlockGrammar, configurePdfViewer, copyText, createAuthFetcher, detectFileFormat, fenceInfo, fileExtension, filterFileTree, findUnsupportedOpenUINode, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatCalendarDate, formatDuration, formatUptime, getActiveSession, getAllActiveSessions, getAllProjectActivity, getCodeLanguage, getFormatLabel, getSanitizedMarkdownHeadingIdFromRawFragment, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getSyntaxLanguage, getToolCategory, getToolDisplayMetadata, getToolErrorText, getTotalRunningSessionCount, hasBackgroundRunningSessions, initialsOf, isStreamingAtom, isViewerMessage, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, localToday, messagesAtom, numericColumns, parseCalendarDate, parseCsv, parseToolEvent, partMapAtom, plainTextFromMarkdown, registerActiveSession, resetActiveSessions, resolveFilePreviewKind, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, showsTaskPriority, tableCsv, taskProgress, taskStatus, timeAgo, toneFor, 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

@@ -1,3 +1,4 @@
+import { ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline } from "./lib/interaction.js";
 import { focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset } from "./lib/focus.js";
 import { cn } from "./lib/utils.js";
 import { Button, buttonVariants } from "./primitives/button.js";
@@ -58,7 +59,7 @@ import { TOOL_CATEGORY_ICONS, getToolCategory, getToolDisplayMetadata, getToolEr
 import { useRunGroups } from "./hooks/use-run-groups.js";
 import { useRunCollapseState } from "./hooks/use-run-collapse-state.js";
 import { useAutoScroll } from "./hooks/use-auto-scroll.js";
-import { formatBytes, formatDuration, formatUptime, truncateText } from "./utils/format.js";
+import { formatBytes, formatDuration, formatUptime, plainTextFromMarkdown, truncateText } from "./utils/format.js";
 import { CommandPreview } from "./tool-previews/command-preview.js";
 import { detectFileFormat, fileExtension, getCodeLanguage, getFormatLabel, getSyntaxLanguage, resolveFilePreviewKind } from "./files/file-format.js";
 import { WriteFilePreview } from "./tool-previews/write-file-preview.js";
@@ -114,4 +115,4 @@ import { addMessage, addParts, clearChat, isStreamingAtom, messagesAtom, partMap
 import { copyText } from "./utils/copy-text.js";
 import { timeAgo } from "./utils/time-ago.js";
 import { RedactedDocument } from "./redaction/redacted-document.js";
-export { AgentTimeline, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, ApprovalCard, ApprovalDiffSummary, ArtifactPane, AuthHeader, Avatar, AvatarFallback, AvatarImage, Badge, Button, CATEGORY_TONES, CSV_PREVIEW_ROW_LIMIT, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatContainer, ChatMessage, Checkbox, Chip, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, CommandPreview, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, DatePicker, 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, FileCard, FileList, FilePreview, FileTabs, FileTree, FilterField, GitHubLoginButton, GlobResultsPreview, GrepResultsPreview, Heading, HelpText, IconTile, InlineCode, InlineThinkingItem, InlineToolItem, Input, Label, LiveDuration, LoginLayout, Logo, Markdown, MessageAuthor, MessageList, Metric, MetricStrip, OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, PageHeader, PageShell, Pagination, PdfViewer, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, QuestionPreview, RadioGroup, RadioGroupItem, RealtimeSessionRegistry, RedactedDocument, RichFileTree, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarDropZone, Skeleton, SkeletonCard, SkeletonTable, Slider, StatCard, StatusPill, Switch, TONE_CLASSES, TOOL_CATEGORY_ICONS, TRANSCRIPT_TEXT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TangleKnot, TaskList, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, Textarea, ThemeToggle, ThinkingIndicator, TimeSelect, ToastContainer, ToastProvider, ToolCallFeed, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UploadProgress, UserMenu, UserMessage, WebSearchPreview, WriteFilePreview, activeSessionsAtom, addMessage, addParts, badgeVariants, bumpActiveSessionActivity, buttonVariants, clearChat, cn, codeBlockGrammar, configurePdfViewer, copyText, createAuthFetcher, detectFileFormat, fenceInfo, fileExtension, filterFileTree, findUnsupportedOpenUINode, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatCalendarDate, formatDuration, formatUptime, getActiveSession, getAllActiveSessions, getAllProjectActivity, getCodeLanguage, getFormatLabel, getSanitizedMarkdownHeadingIdFromRawFragment, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getSyntaxLanguage, getToolCategory, getToolDisplayMetadata, getToolErrorText, getTotalRunningSessionCount, hasBackgroundRunningSessions, initialsOf, isStreamingAtom, isViewerMessage, localToday, messagesAtom, numericColumns, parseCalendarDate, parseCsv, parseToolEvent, partMapAtom, registerActiveSession, resetActiveSessions, resolveFilePreviewKind, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, showsTaskPriority, tableCsv, taskProgress, taskStatus, timeAgo, toneFor, 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, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, ApprovalCard, ApprovalDiffSummary, ArtifactPane, AuthHeader, Avatar, AvatarFallback, AvatarImage, Badge, Button, CATEGORY_TONES, CSV_PREVIEW_ROW_LIMIT, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatContainer, ChatMessage, Checkbox, Chip, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, CommandPreview, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, DatePicker, 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, FileCard, FileList, FilePreview, FileTabs, FileTree, FilterField, GitHubLoginButton, GlobResultsPreview, GrepResultsPreview, Heading, HelpText, IconTile, InlineCode, InlineThinkingItem, InlineToolItem, Input, Label, LiveDuration, LoginLayout, Logo, Markdown, MessageAuthor, MessageList, Metric, MetricStrip, OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, PageHeader, PageShell, Pagination, PdfViewer, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress, QuestionPreview, RadioGroup, RadioGroupItem, RealtimeSessionRegistry, RedactedDocument, RichFileTree, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarDropZone, Skeleton, SkeletonCard, SkeletonTable, Slider, StatCard, StatusPill, Switch, TONE_CLASSES, TOOL_CATEGORY_ICONS, TRANSCRIPT_TEXT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TangleKnot, TaskList, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, Textarea, ThemeToggle, ThinkingIndicator, TimeSelect, ToastContainer, ToastProvider, ToolCallFeed, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UploadProgress, UserMenu, UserMessage, WebSearchPreview, WriteFilePreview, activeSessionsAtom, addMessage, addParts, badgeVariants, bumpActiveSessionActivity, buttonVariants, clearChat, cn, codeBlockGrammar, configurePdfViewer, copyText, createAuthFetcher, detectFileFormat, fenceInfo, fileExtension, filterFileTree, findUnsupportedOpenUINode, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatCalendarDate, formatDuration, formatUptime, getActiveSession, getAllActiveSessions, getAllProjectActivity, getCodeLanguage, getFormatLabel, getSanitizedMarkdownHeadingIdFromRawFragment, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getSyntaxLanguage, getToolCategory, getToolDisplayMetadata, getToolErrorText, getTotalRunningSessionCount, hasBackgroundRunningSessions, initialsOf, isStreamingAtom, isViewerMessage, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, localToday, messagesAtom, numericColumns, parseCalendarDate, parseCsv, parseToolEvent, partMapAtom, plainTextFromMarkdown, registerActiveSession, resetActiveSessions, resolveFilePreviewKind, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, showsTaskPriority, tableCsv, taskProgress, taskStatus, timeAgo, toneFor, 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/lib/control-presentation.js

@@ -1,3 +1,4 @@
+import { ixField } from "./interaction.js";
 import { focusField } from "./focus.js";
 import { cn } from "./utils.js";
 //#region src/lib/control-presentation.ts
@@ -43,6 +44,6 @@ const controlSizes = {
 	compact: "h-[var(--control-height)] px-3 py-1 text-sm",
 	touch: "h-11 min-h-11 min-w-11 px-4 py-2 text-base"
 };
-const fieldPresentation = cn(focusField, controlMotion, "min-w-0 bg-[var(--field-surface,var(--bg-input))] text-foreground", "aria-invalid:border-[var(--surface-danger-border)] aria-invalid:hover:border-[var(--surface-danger-border)] aria-invalid:focus:border-[var(--focus-border-danger)] aria-invalid:focus:ring-[var(--focus-halo-danger)]", "autofill:shadow-[inset_0_0_0_1000px_var(--bg-input)] autofill:[-webkit-text-fill-color:var(--text-primary)] autofill:caret-[var(--text-primary)]");
+const fieldPresentation = cn(focusField, ixField, controlMotion, "min-w-0 text-foreground", "aria-invalid:border-[var(--surface-danger-border)] aria-invalid:hover:border-[var(--surface-danger-border)] aria-invalid:focus:border-[var(--focus-border-danger)] aria-invalid:focus:ring-[var(--focus-halo-danger)]", "autofill:shadow-[inset_0_0_0_1000px_var(--field-surface,var(--well))] autofill:[-webkit-text-fill-color:var(--text-primary)] autofill:caret-[var(--text-primary)]");
 //#endregion
 export { controlHeight, controlMotion, controlRadius, controlSizes, controlSquare, controlText, fieldPresentation, fieldSizes, fieldTouchText, touchTarget };

package/dist/lib/focus.d.ts

@@ -40,8 +40,12 @@ export declare const focusField = "border-border transition-[border-color,box-sh
  * 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.
+ *
+ * The container is the field, so it takes `ixField` (lib/interaction.ts): its
+ * own well fill, the `--field-border` hairline and the green hover edge. The
+ * borderless field inside stays transparent.
  */
-export 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)]";
+export declare const focusFieldWithin = "focus-field-within transition-[border-color,box-shadow] duration-150 ease-out bg-[var(--field-surface,var(--well))] border-[var(--field-border)] shadow-[var(--shadow-well)] hover:border-[var(--ix-hover-border)] hover:shadow-[var(--shadow-well),var(--ix-hover)] 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 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/lib/focus.js

@@ -1,3 +1,4 @@
+import { ixField } from "./interaction.js";
 //#region src/lib/focus.ts
 /**
 * The focus treatment every control shares, in two shapes over one palette
@@ -40,8 +41,12 @@ const focusField = "border-border transition-[border-color,box-shadow] duration-
 * 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.
+*
+* The container is the field, so it takes `ixField` (lib/interaction.ts): its
+* own well fill, the `--field-border` hairline and the green hover edge. The
+* borderless field inside stays transparent.
 */
-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)]";
+const focusFieldWithin = `focus-field-within transition-[border-color,box-shadow] duration-150 ease-out ${ixField} 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)]";