zidane-ui 9.0.4 → 9.1.3

package/dist/chat/transcript/SubagentBlock.d.ts

@@ -5,6 +5,8 @@ import "../headless/transcript/index.js";
 interface SubagentBlockProps {
   /** Id of the worker session. Shown as a tooltip on the header. */
   childId: string;
+  /** The transcript's session: while the worker runs, its time estimate shows in the header (`RunEstimatesProvider`). */
+  sessionId?: string;
   /** Nesting level of the worker: 1 for a direct subagent. */
   depth: number;
   /** Depth of the spawner's block this one is nested in; absent at the transcript root. */
@@ -34,8 +36,8 @@ interface SubagentBlockProps {
  * `hideSubagentOutput` setting) only seeds the initial state; a manual
  * toggle wins for the lifetime of the block.
  *
- * @param props - Block props: the worker's `childId`, `depth`, `parentDepth`, `rows`, `defaultCollapsed`, `streaming`, the `children` to show when open, and the block's `data-row` id.
+ * @param props - Block props: the worker's `childId`, the transcript's `sessionId`, `depth`, `parentDepth`, `rows`, `defaultCollapsed`, `streaming`, the `children` to show when open, and the block's `data-row` id.
  */
-declare function SubagentBlock({ childId, depth, parentDepth, rows, defaultCollapsed, streaming, children, 'data-row': rowId, className, style }: SubagentBlockProps): import("react").JSX.Element;
+declare function SubagentBlock({ childId, sessionId, depth, parentDepth, rows, defaultCollapsed, streaming, children, 'data-row': rowId, className, style }: SubagentBlockProps): import("react").JSX.Element;
 //#endregion
 export { SubagentBlock, SubagentBlockProps };

package/dist/chat/transcript/SubagentBlock.js

@@ -2,6 +2,7 @@ import { useStaysMounted } from "../../motion/collapse.js";
 import { useChatLabels } from "../useChatLabels.js";
 import { Caret, Dot, FailedMark, lineStateOf, useRowIcons } from "./frame.js";
 import { ToolTiming } from "./tool-parts.js";
+import { RunEstimateChip, useRunEstimate } from "../RunEstimateChip.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { previewLine, spawnStartParts } from "zidane/chat/pure";
@@ -64,15 +65,16 @@ function subagentDot(status, streaming) {
 * `hideSubagentOutput` setting) only seeds the initial state; a manual
 * toggle wins for the lifetime of the block.
 *
-* @param props - Block props: the worker's `childId`, `depth`, `parentDepth`, `rows`, `defaultCollapsed`, `streaming`, the `children` to show when open, and the block's `data-row` id.
+* @param props - Block props: the worker's `childId`, the transcript's `sessionId`, `depth`, `parentDepth`, `rows`, `defaultCollapsed`, `streaming`, the `children` to show when open, and the block's `data-row` id.
 */
-function SubagentBlock({ childId, depth, parentDepth, rows, defaultCollapsed, streaming, children, "data-row": rowId, className, style }) {
+function SubagentBlock({ childId, sessionId, depth, parentDepth, rows, defaultCollapsed, streaming, children, "data-row": rowId, className, style }) {
 	const labels = useChatLabels();
 	const [userOpen, setUserOpen] = useState(null);
 	const open = userOpen ?? !defaultCollapsed;
 	const mounted = useStaysMounted(open);
 	const { task, status, durationMs, turns } = useMemo(() => subagentHeaderMeta(rows), [rows]);
 	const dot = subagentDot(status, streaming);
+	const estimate = useRunEstimate(status === "open" ? sessionId : void 0, childId);
 	const lineState = useRowIcons() ? void 0 : lineStateOf(dot);
 	const statusText = dot === "tool-running" ? labels.stepRunning : dot === "tool-err" ? labels.stepFailed : dot === "tool-ok" ? labels.stepDone : void 0;
 	const blockStyle = useMemo(() => ({ marginLeft: Math.max(0, depth - (parentDepth ?? 1)) * 28 }), [depth, parentDepth]);
@@ -102,6 +104,7 @@ function SubagentBlock({ childId, depth, parentDepth, rows, defaultCollapsed, st
 						children: previewLine(task, 200)
 					}),
 					durationMs !== void 0 && /* @__PURE__ */ jsx(ToolTiming, { durationMs }),
+					estimate && /* @__PURE__ */ jsx(RunEstimateChip, { estimate }),
 					turns !== void 0 && /* @__PURE__ */ jsx("span", {
 						className: "zg-meta shrink-0",
 						children: `${turns} turn${turns === 1 ? "" : "s"}`

package/dist/chat/transcript/TranscriptRow.js

@@ -1,14 +1,16 @@
-import { dotVariantFor } from "../headless/transcript/fold.js";
-import { Dot, RowFrame, lineStateOf, useRowIcons } from "./frame.js";
 import { LazyRow } from "./LazyRow.js";
+import { Dot, RowFrame, lineStateOf, useRowIcons } from "./frame.js";
+import { TextRow, ThinkingBatchRow, ThinkingRow } from "./prose.js";
+import { CustomBlockRow } from "./extension-renderers.js";
+import { dotVariantFor } from "../headless/transcript/fold.js";
 import { NestedToolCalls, ToolRow } from "./tool-row.js";
 import { ExchangeFoldRow } from "./fold.js";
 import { MessageGroupRow } from "./messages.js";
 import { COMMAND_DETAIL_LINE, CommandDetailRow, CommandNoteRow, ErrorRow, FailureRow, InfoRow, NoticeRow, SessionEventRow, SpawnEndRow, SpawnStartRow } from "./notices.js";
 import { UserPromptRow } from "./prompt.js";
 import { PromptOriginLabel } from "./PromptOriginLabel.js";
-import { TextRow, ThinkingBatchRow, ThinkingRow } from "./prose.js";
 import { CompactSummaryRow, RunReceiptInline, RunSummaryRow } from "./run-rows.js";
+import { ShellBlockProvider } from "./shell-block.js";
 import { ToolBatchRow } from "./tool-batch.js";
 import { UserBashRow } from "./user-bash.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -31,6 +33,19 @@ function isHiddenRow(row, showThinking) {
 	return (row.kind === "thinking" || row.kind === "thinking-batch") && !showThinking;
 }
 const NO_ROWS = () => [];
+/** A reply; once settled, in a session, its shell blocks can run (`ShellBlockProvider`). */
+function ReplyText({ text, streaming, settled, sessionId, turnId }) {
+	const reply = /* @__PURE__ */ jsx(TextRow, {
+		text,
+		streaming
+	});
+	if (!settled || !sessionId || !turnId) return reply;
+	return /* @__PURE__ */ jsx(ShellBlockProvider, {
+		sessionId,
+		turnId,
+		children: reply
+	});
+}
 /** One root transcript row in its lazy wrapper, memoised on the row's own inputs. */
 const TranscriptRowSlot = memo(function TranscriptRowSlot({ eager, estimatePx, style, stop, sel, className, ...row }) {
 	return /* @__PURE__ */ jsx(LazyRow, {
@@ -134,10 +149,17 @@ const TranscriptRow = memo(function TranscriptRow({ row, showCaret, receipt, res
 					totalMs: row.totalMs,
 					autoExpand: settings.thinkingAutoExpand
 				}),
-				row.kind === "markdown" && /* @__PURE__ */ jsx(TextRow, {
+				row.kind === "markdown" && (row.custom ? /* @__PURE__ */ jsx(CustomBlockRow, {
+					renderer: row.custom.renderer,
+					data: row.custom.data,
+					text: row.text
+				}) : /* @__PURE__ */ jsx(ReplyText, {
 					text: row.text,
-					streaming: row.streaming && showCaret
-				}),
+					streaming: row.streaming && showCaret,
+					settled: !row.streaming,
+					sessionId,
+					turnId: row.turnId
+				})),
 				row.kind === "info" && (row.notice ? /* @__PURE__ */ jsx(NoticeRow, {
 					notice: row.notice,
 					text: row.text

package/dist/chat/transcript/TranscriptSearch.js

@@ -1,7 +1,7 @@
 import { IconButton } from "../../components/IconButton.js";
 import { keyScopeOf } from "../../keybindings/headless/key-scope.js";
-import { useModal } from "../../app/ModalProvider.js";
 import { useChatLabels } from "../useChatLabels.js";
+import { useModal } from "../../app/ModalProvider.js";
 import { SearchHighlightStyle, useTranscriptSearch } from "./useTranscriptSearch.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";

package/dist/chat/transcript/actions.d.ts

@@ -32,6 +32,12 @@ interface TranscriptActions {
    * catalogs. Without it, rows name a model from its id alone.
    */
   modelName?: ModelNamer;
+  /**
+   * Opens a new terminal in the session's folder and types `input` into it
+   * (a reply's shell block, `blockTerminalInput`). Without it, blocks offer
+   * no Run in a terminal.
+   */
+  runInTerminal?(input: string): void;
 }
 /** Props for {@link TranscriptActionsProvider}. */
 interface TranscriptActionsProviderProps {

package/dist/chat/transcript/badges.js

@@ -1,7 +1,8 @@
-import { useBadgeMenu } from "./BadgeMenu.js";
-import { useSiteIcon } from "./site-icons.js";
+import { useLinkRouter } from "../../extensions/links.js";
 import { shortUrl } from "../headless/badge-refs.js";
 import { chipForPath } from "../headless/file-chip.js";
+import { useBadgeMenu } from "./BadgeMenu.js";
+import { useSiteIcon } from "./site-icons.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/chat/transcript/badges.tsx
 /** Literal classes (UnoCSS scans this file): the `::before` glyph of each badge kind. */
@@ -98,10 +99,12 @@ function FileBadgeIcon({ chip }) {
 function LinkBadge({ url, cwd, className, style }) {
 	const icon = useSiteIcon(url);
 	const openMenu = useBadgeMenu();
+	const onClick = useLinkRouter().anchorClick(url, { source: "transcript" });
 	return /* @__PURE__ */ jsx("a", {
 		href: url,
 		target: "_blank",
 		rel: "noreferrer",
+		onClick,
 		onContextMenu: openMenu ? (e) => openMenu(e, {
 			kind: "link",
 			text: shortUrl(url),

package/dist/chat/transcript/extension-renderers.d.ts

@@ -0,0 +1,36 @@
+import { ExtensionItem } from "../../extensions/headless/wire.js";
+import { ToolRowModel } from "../headless/transcript/rows.js";
+import "../headless/transcript/index.js";
+import { TranscriptRenderers } from "./renderers.js";
+//#region src/chat/transcript/extension-renderers.d.ts
+/**
+ * The props a tool renderer's component gets.
+ *
+ * @param tool - The tool call.
+ */
+declare function toolRendererProps(tool: ToolRowModel): Readonly<Record<string, unknown>>;
+/**
+ * `base` with the extensions' language and tool renderers routed in: the same object while neither
+ * changes, so rows that compare slots by identity stay memoized.
+ *
+ * @param base - The renderer slots in effect without extensions.
+ * @param items - The extensions' renderer items.
+ */
+declare function withExtensionRenderers(base: TranscriptRenderers, items: readonly ExtensionItem<'renderer'>[]): TranscriptRenderers;
+/** Props for {@link CustomBlockRow}. */
+interface CustomBlockRowProps {
+  /** The renderer id the block names (`<extension>/<id>`). */
+  renderer: string;
+  /** The block's JSON data. */
+  data?: unknown;
+  /** Its markdown fallback. */
+  text: string;
+}
+/**
+ * A custom command block: the extension renderer for it, else its markdown fallback.
+ *
+ * @param props - The renderer id, the data and the fallback.
+ */
+declare const CustomBlockRow: import("react").MemoExoticComponent<({ renderer, data, text }: CustomBlockRowProps) => import("react").JSX.Element>;
+//#endregion
+export { CustomBlockRow, CustomBlockRowProps, toolRendererProps, withExtensionRenderers };

package/dist/chat/transcript/extension-renderers.js

@@ -0,0 +1,133 @@
+import { useExtensionItems } from "../../extensions/ExtensionsProvider.js";
+import { renderersFor } from "../../extensions/headless/select.js";
+import { TextRow } from "./prose.js";
+import { ToolPayload } from "./tool-payload.js";
+import { ExtensionRenderer } from "../../extensions/ExtensionRenderer.js";
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+//#region src/chat/transcript/extension-renderers.tsx
+/**
+* The extensions' renderers (`ctx.add(Renderer, …)`) in the transcript,
+* read from the `ExtensionsHost` (`zidane-ui/extensions`) when there is one:
+*
+*   { language }  a fenced code block of that language (the `CodeBlock`
+*                 slot); props `{ code, language }`
+*   { tool }      a tool call's body (the `ToolBody` slot); props
+*                 `{ tool, callId, text, input, result, ok }`
+*   { block }     a custom command block (`CommandOutputBlock.custom`);
+*                 props `{ renderer, data }`
+*
+* Each draws through `ExtensionRenderer` (error boundary, fall-through),
+* over what the place draws without extensions: the app's own slot (or the
+* kit's default) stays the default view, so a renderer that falls through
+* hands back to it, never to a markdown copy of the same fence.
+*/
+const codeBlocks = /* @__PURE__ */ new WeakMap();
+/** `Base`, drawn by an extension renderer for the block's language when there is one. */
+function extensionCodeBlock(Base) {
+	let wrapped = codeBlocks.get(Base);
+	if (!wrapped) {
+		wrapped = memo(function ExtensionCodeBlock(props) {
+			const items = useExtensionItems("renderer");
+			const base = /* @__PURE__ */ jsx(Base, { ...props });
+			if (renderersFor(items, { language: props.language }).length === 0) return base;
+			return /* @__PURE__ */ jsx(ExtensionRenderer, {
+				for: { language: props.language },
+				data: {
+					code: props.code,
+					language: props.language
+				},
+				defaultView: base
+			});
+		});
+		codeBlocks.set(Base, wrapped);
+	}
+	return wrapped;
+}
+/**
+* The props a tool renderer's component gets.
+*
+* @param tool - The tool call.
+*/
+function toolRendererProps(tool) {
+	return {
+		tool: tool.name,
+		...tool.callId ? { callId: tool.callId } : {},
+		text: tool.result ?? "",
+		...tool.rawInput ? { input: tool.rawInput } : {},
+		result: tool.result,
+		ok: tool.ok
+	};
+}
+const toolBodies = /* @__PURE__ */ new WeakMap();
+/** The tool body: the extension renderer for the call's tool, over the app's body or the call's payload. */
+function extensionToolBody(base) {
+	const known = toolBodies.get(base);
+	if (known) return known;
+	const { ToolBody: Base, hasToolBody } = base;
+	const body = memo(function ExtensionToolBody({ tool }) {
+		const items = useExtensionItems("renderer");
+		const fallback = Base && hasToolBody?.(tool) ? /* @__PURE__ */ jsx(Base, { tool }) : /* @__PURE__ */ jsx(ToolPayload, { tool });
+		if (renderersFor(items, { tool: tool.name }).length === 0) return fallback;
+		return /* @__PURE__ */ jsx(ExtensionRenderer, {
+			for: { tool: tool.name },
+			data: toolRendererProps(tool),
+			defaultView: fallback
+		});
+	});
+	toolBodies.set(base, body);
+	return body;
+}
+const composed = /* @__PURE__ */ new WeakMap();
+/**
+* `base` with the extensions' language and tool renderers routed in: the same object while neither
+* changes, so rows that compare slots by identity stay memoized.
+*
+* @param base - The renderer slots in effect without extensions.
+* @param items - The extensions' renderer items.
+*/
+function withExtensionRenderers(base, items) {
+	if (items.length === 0) return base;
+	let byItems = composed.get(base);
+	if (!byItems) {
+		byItems = /* @__PURE__ */ new WeakMap();
+		composed.set(base, byItems);
+	}
+	let slots = byItems.get(items);
+	if (!slots) {
+		const tools = items.some((e) => "tool" in e.item.for);
+		slots = {
+			...base,
+			CodeBlock: extensionCodeBlock(base.CodeBlock),
+			...tools ? {
+				ToolBody: extensionToolBody(base),
+				hasToolBody: (tool) => renderersFor(items, { tool: tool.name }).length > 0 || base.hasToolBody?.(tool) === true
+			} : {}
+		};
+		byItems.set(items, slots);
+	}
+	return slots;
+}
+/**
+* A custom command block: the extension renderer for it, else its markdown fallback.
+*
+* @param props - The renderer id, the data and the fallback.
+*/
+const CustomBlockRow = memo(function CustomBlockRow({ renderer, data, text }) {
+	const items = useExtensionItems("renderer");
+	const fallback = /* @__PURE__ */ jsx(TextRow, {
+		text,
+		streaming: false
+	});
+	if (renderersFor(items, { block: renderer }).length === 0) return fallback;
+	return /* @__PURE__ */ jsx(ExtensionRenderer, {
+		for: { block: renderer },
+		data: {
+			renderer,
+			...data !== void 0 ? { data } : {}
+		},
+		defaultView: fallback
+	});
+});
+//#endregion
+export { CustomBlockRow, toolRendererProps, withExtensionRenderers };

package/dist/chat/transcript/fold-worker.js

@@ -1,10 +1,10 @@
 import { useStaysMounted } from "../../motion/collapse.js";
 import { useChatLabels } from "../useChatLabels.js";
-import { clusterByOwner } from "../headless/transcript/batch.js";
-import { foldWorkerRows } from "../headless/transcript/fold.js";
 import { useModelName } from "./actions.js";
 import { Caret } from "./frame.js";
 import { useTranscriptRenderers } from "./renderers.js";
+import { clusterByOwner } from "../headless/transcript/batch.js";
+import { foldWorkerRows } from "../headless/transcript/fold.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 //#region src/chat/transcript/fold-worker.tsx

package/dist/chat/transcript/fold.js

@@ -2,15 +2,16 @@ import { useStaysMounted } from "../../motion/collapse.js";
 import { Grow, GrowPresence } from "../../motion/grow.js";
 import { Crossfade, useCadencedValue } from "../../motion/swap.js";
 import { useChatLabels } from "../useChatLabels.js";
-import { foldActionItems } from "../headless/transcript/fold-actions.js";
-import { dotVariantFor } from "../headless/transcript/fold.js";
 import { useModelName } from "./actions.js";
 import { Caret, Dot, RowFrame } from "./frame.js";
 import { ToolTiming } from "./tool-parts.js";
+import { foldActionItems } from "../headless/transcript/fold-actions.js";
+import { dotVariantFor } from "../headless/transcript/fold.js";
 import { foldAttachments, sameAttachments } from "../headless/transcript/fold-attachments.js";
 import { FoldAttachments } from "./fold-attachments.js";
 import { WorkerDetails } from "./fold-worker.js";
 import { FoldStatusTime, useLiveFoldStatus } from "./fold-status.js";
+import { createRecentMap } from "./recent-map.js";
 import { ToolDetails } from "./tool-details.js";
 import { ModelVerdict } from "./tool-row.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -26,9 +27,10 @@ import { memo, useCallback, useMemo, useState } from "react";
 /**
 * Open/closed memory per fold id, outliving the component: the fold's id
 * is stable for the exchange's life (keyed off its first folded row), and
-* the live → settled swap must not reset what the user chose.
+* the live → settled swap must not reset what the user chose. Capped like
+* the tool batch's: a forgotten fold reopens collapsed.
 */
-const FOLD_OPEN_STATE = /* @__PURE__ */ new Map();
+const FOLD_OPEN_STATE = createRecentMap(500);
 const FOLD_LINE = "22.4px";
 const NO_FOLD_ACTIONS = [];
 const NO_OPEN_IDS = /* @__PURE__ */ new Set();

package/dist/chat/transcript/index.d.ts

@@ -10,7 +10,8 @@ import { WorkerDetails, WorkerDetailsProps } from "./fold-worker.js";
 import { Caret, CaretProps, Dot, DotProps, FailedMark, FailedMarkProps, GUTTER_STEP_PX, LineState, RowFrame, RowFrameProps, RowIconsContext, lineStateOf, useRowIcons } from "./frame.js";
 import { ImageGenerationBlock, ImageGenerationBlockProps, drawsImageGeneration, imageRequestsOf, savedPaths } from "./ImageGenerationBlock.js";
 import { CvRow, CvRowProps, LazyRow, LazyRowProps, TranscriptSettling, holdForceMountRows, mountRowNow, useBackgroundMount, useForceMountRows } from "./LazyRow.js";
-import { Markdown, MarkdownLinkProps, MarkdownProps } from "./markdown.js";
+import { Markdown, MarkdownDiagrams, MarkdownDiagramsProps, MarkdownLinkProps, MarkdownProps } from "./markdown.js";
+import { MermaidDiagram, MermaidDiagramProps } from "./MermaidDiagram.js";
 import { MessageGroupRow, MessageGroupRowProps } from "./messages.js";
 import { COMMAND_DETAIL_LINE, CommandDetailRow, CommandDetailRowProps, CommandNoteRow, CommandNoteRowProps, ErrorRow, ErrorRowProps, FailureRow, FailureRowProps, InfoRow, InfoRowProps, NoticeRow, NoticeRowProps, SessionEventRow, SessionEventRowProps, SpawnEndRow, SpawnEndRowProps, SpawnStartRow, SpawnStartRowProps } from "./notices.js";
 import { AttachmentIcon, AttachmentIconProps, UserPromptAttachments, UserPromptAttachmentsProps, UserPromptRow, UserPromptRowProps } from "./prompt.js";
@@ -28,6 +29,11 @@ import { BADGE_GLYPH, FileBadgeIcon, FileBadgeIconProps, LinkBadge, LinkBadgePro
 import { CHIP_CARD_WIDTH, ChipCard, ChipCardProps, ChipHover, ChipHoverProps } from "./ChipCard.js";
 import { CardMarkdown, CardMarkdownProps } from "./CardMarkdown.js";
 import { CommandCard, CommandCardProps, CommitCard, CommitCardProps, SessionCard, SessionCardProps, SkillCard, SkillCardProps } from "./ChipCards.js";
+import { CodemodeScript, CodemodeScriptProps } from "./CodemodeScript.js";
+import { AnsiSpans, AnsiSpansProps, AnsiText, AnsiTextProps } from "./AnsiText.js";
+import { LiveOutput, LiveOutputProps } from "./LiveOutput.js";
+import { RunnableCodeBlockProps, ShellBlockScope, useShellBlockScope } from "./shell-block-scope.js";
+import { RunnableCodeBlock, ShellBlockProvider, ShellBlockProviderProps } from "./shell-block.js";
 import { ReferenceChip, ReferenceChipProps, ReferenceText, ReferenceTextProps } from "./ReferenceText.js";
 import { InlineCode, InlineCodeProps, RefChip, RefChipProps } from "./FileChip.js";
 import { ProseMarkdown, ProseMarkdownProps } from "./ProseMarkdown.js";
@@ -60,4 +66,4 @@ import { TranscriptRows, TranscriptRowsInput, useSelectStops, useTranscriptRows
 import { UserBashRow, UserBashRowProps } from "./user-bash.js";
 import { RowPlace, ScrollPosition, StickToBottomOptions, useStickToBottom } from "./useStickToBottom.js";
 import { useTranscriptSelectionCopy } from "./useTranscriptSelectionCopy.js";
-export { AUTO_FILL_PAGES, AttachmentIcon, AttachmentIconProps, AttachmentLabelParts, BADGE_GLYPH, BadgeEffectContext, BadgeMenuComposer, BadgeMenuProvider, BadgeMenuProviderProps, BadgeMenuSystem, CHIP_CARD_WIDTH, CODE_PANEL, COMMAND_DETAIL_LINE, CardMarkdown, CardMarkdownProps, Caret, CaretProps, ChipCard, ChipCardProps, ChipHover, ChipHoverProps, ChipOpener, CodeBlockSlotProps, CommandCard, CommandCardProps, CommandDetailRow, CommandDetailRowProps, CommandNoteRow, CommandNoteRowProps, CommandScope, CommandScopeContext, CommitCard, CommitCardProps, CompactSummaryRow, CompactSummaryRowProps, ComposerSearch, CvRow, CvRowProps, DEFAULT_TRANSCRIPT_RENDERERS, DefaultInlineText, DefaultInlineTextProps, DefaultMarkdown, DefaultMarkdownProps, DefaultPrompt, DefaultPromptProps, DefaultSessionTitle, DefaultSessionTitleProps, DiffLines, DiffLinesProps, Dot, DotProps, EditDiffBlock, EditDiffBlockProps, ErrorRow, ErrorRowProps, ExchangeFoldRow, ExchangeFoldRowProps, FILL_MIN_PROMPTS, FailedMark, FailedMarkProps, FailureRow, FailureRowProps, FileBadgeIcon, FileBadgeIconProps, FoldHeader, FoldHeaderProps, GUTTER_STEP_PX, INLINE_CODE_CLASS, ImageGenerationBlock, ImageGenerationBlockProps, InfoRow, InfoRowProps, InlineChipText, InlineChipTextProps, InlineCode, InlineCodeProps, InlineTextSlotProps, InteractionTool, InteractionToolBody, InteractionToolBodyProps, LazyRow, LazyRowProps, LineState, LinkBadge, LinkBadgeProps, LinkIcon, LinkIconProps, LoadEarlierRow, LoadEarlierRowProps, LoadFullOutputButton, LoadFullOutputButtonProps, MAX_MATCHES, Markdown, MarkdownContext, MarkdownContextValue, MarkdownLinkProps, MarkdownProps, MarkdownSlotProps, MessageGroupRow, MessageGroupRowProps, ModelVerdict, ModelVerdictProps, NestedToolCalls, NestedToolCallsProps, NoticeRow, NoticeRowProps, OpenBadgeMenu, OpenSessionContext, ParsedRef, ParsedReferenceUrl, PromptEcho, PromptEchoProps, PromptLines, PromptLinesProps, PromptSlotProps, ProseMarkdown, ProseMarkdownProps, ReadFileBlock, ReadFileBlockProps, RefChip, RefChipProps, RefMatch, ReferenceChip, ReferenceChipProps, ReferenceText, ReferenceTextProps, RowContext, RowFrame, RowFrameProps, RowIconsContext, RowPlace, RunReceiptInline, RunReceiptInlineProps, RunSummaryRow, RunSummaryRowProps, ScrollPosition, SearchHighlightStyle, SelectCursor, SelectCursorProps, SelectTurnCommands, SelectTurnExit, SelectTurnHintKeys, SelectTurnHintKeysProps, SelectTurnKeysOptions, SelectTurnProvider, SelectTurnProviderProps, SelectTurnState, SelectTurnValue, SessionCard, SessionCardProps, SessionEventRow, SessionEventRowProps, SessionTitleSlotProps, SkillCard, SkillCardProps, SlotEntry, SpawnEndRow, SpawnEndRowProps, SpawnStartRow, SpawnStartRowProps, StickToBottomOptions, SubagentBlock, SubagentBlockProps, TextPreviewSlotProps, TextRow, TextRowProps, ThinkingBatchRow, ThinkingBatchRowProps, ThinkingRow, ThinkingRowProps, ToolBatchRow, ToolBatchRowProps, ToolBodySlotProps, ToolDetails, ToolDetailsProps, ToolGlyph, ToolGlyphProps, ToolInput, ToolInputProps, ToolMedia, type ToolMediaItem, ToolMediaProps, ToolRow, ToolRowProps, ToolTiming, ToolTimingProps, TranscriptActions, TranscriptActionsProvider, TranscriptActionsProviderProps, TranscriptFind, TranscriptFindKeyOptions, TranscriptFindOptions, TranscriptFindTarget, TranscriptRenderers, TranscriptRenderersProvider, type TranscriptRenderersProviderProps, TranscriptRow, TranscriptRowProps, TranscriptRowSlot, TranscriptRowSlotProps, TranscriptRows, TranscriptRowsInput, TranscriptScrollInputs, TranscriptSearch, TranscriptSearchOptions, TranscriptSearchProps, TranscriptSearchState, TranscriptSettling, TranscriptTurnMenu, TurnCommands, TurnCommandsOptions, TurnMenuActions, TurnMenuTarget, UserBashRow, UserBashRowProps, UserPromptAttachments, UserPromptAttachmentsProps, UserPromptRow, UserPromptRowProps, WorkerDetails, WorkerDetailsProps, classifyInlineRef, copyPromptLines, createTurnCommands, defaultAttachmentLabel, drawsImageGeneration, fileBadgeName, fileBadgeSpec, findRefs, hasInteractionBody, holdForceMountRows, imageRequestsOf, isHiddenRow, lineStateOf, linkGlyph, mountRowNow, numberRef, parseRefUrl, parseReferenceUrl, parseToolMedia, refHref, referenceUrl, remarkReferences, remarkRefs, savedPaths, siteIconValue, useBackgroundMount, useBadgeMenu, useChipResolution, useCommand, useCommitInfo, useComposerSearch, useFillViewportScrollback, useForceMountRows, useFullOutput, useModelName, useReferenceMatches, useReferenceProviders, useReferenceView, useReferencedSession, useResolveChipNow, useRowIcons, useSelectStops, useSelectTurn, useSelectTurnKeys, useSettledReveal, useSiteIcon, useSkill, useStickToBottom, useToolMedia, useTranscriptActions, useTranscriptFind, useTranscriptFindKey, useTranscriptRenderers, useTranscriptRows, useTranscriptScroll, useTranscriptSearch, useTranscriptSelectionCopy, useTurnCommands, useTurnMenu, useWheelHoverPause };
+export { AUTO_FILL_PAGES, AnsiSpans, type AnsiSpansProps, AnsiText, type AnsiTextProps, AttachmentIcon, AttachmentIconProps, AttachmentLabelParts, BADGE_GLYPH, BadgeEffectContext, BadgeMenuComposer, BadgeMenuProvider, BadgeMenuProviderProps, BadgeMenuSystem, CHIP_CARD_WIDTH, CODE_PANEL, COMMAND_DETAIL_LINE, CardMarkdown, CardMarkdownProps, Caret, CaretProps, ChipCard, ChipCardProps, ChipHover, ChipHoverProps, ChipOpener, CodeBlockSlotProps, CodemodeScript, type CodemodeScriptProps, CommandCard, CommandCardProps, CommandDetailRow, CommandDetailRowProps, CommandNoteRow, CommandNoteRowProps, CommandScope, CommandScopeContext, CommitCard, CommitCardProps, CompactSummaryRow, CompactSummaryRowProps, ComposerSearch, CvRow, CvRowProps, DEFAULT_TRANSCRIPT_RENDERERS, DefaultInlineText, DefaultInlineTextProps, DefaultMarkdown, DefaultMarkdownProps, DefaultPrompt, DefaultPromptProps, DefaultSessionTitle, DefaultSessionTitleProps, DiffLines, DiffLinesProps, Dot, DotProps, EditDiffBlock, EditDiffBlockProps, ErrorRow, ErrorRowProps, ExchangeFoldRow, ExchangeFoldRowProps, FILL_MIN_PROMPTS, FailedMark, FailedMarkProps, FailureRow, FailureRowProps, FileBadgeIcon, FileBadgeIconProps, FoldHeader, FoldHeaderProps, GUTTER_STEP_PX, INLINE_CODE_CLASS, ImageGenerationBlock, ImageGenerationBlockProps, InfoRow, InfoRowProps, InlineChipText, InlineChipTextProps, InlineCode, InlineCodeProps, InlineTextSlotProps, InteractionTool, InteractionToolBody, InteractionToolBodyProps, LazyRow, LazyRowProps, LineState, LinkBadge, LinkBadgeProps, LinkIcon, LinkIconProps, LiveOutput, type LiveOutputProps, LoadEarlierRow, LoadEarlierRowProps, LoadFullOutputButton, LoadFullOutputButtonProps, MAX_MATCHES, Markdown, MarkdownContext, MarkdownContextValue, MarkdownDiagrams, MarkdownDiagramsProps, MarkdownLinkProps, MarkdownProps, MarkdownSlotProps, MermaidDiagram, type MermaidDiagramProps, MessageGroupRow, MessageGroupRowProps, ModelVerdict, ModelVerdictProps, NestedToolCalls, NestedToolCallsProps, NoticeRow, NoticeRowProps, OpenBadgeMenu, OpenSessionContext, ParsedRef, ParsedReferenceUrl, PromptEcho, PromptEchoProps, PromptLines, PromptLinesProps, PromptSlotProps, ProseMarkdown, ProseMarkdownProps, ReadFileBlock, ReadFileBlockProps, RefChip, RefChipProps, RefMatch, ReferenceChip, ReferenceChipProps, ReferenceText, ReferenceTextProps, RowContext, RowFrame, RowFrameProps, RowIconsContext, RowPlace, RunReceiptInline, RunReceiptInlineProps, RunSummaryRow, RunSummaryRowProps, RunnableCodeBlock, type RunnableCodeBlockProps, ScrollPosition, SearchHighlightStyle, SelectCursor, SelectCursorProps, SelectTurnCommands, SelectTurnExit, SelectTurnHintKeys, SelectTurnHintKeysProps, SelectTurnKeysOptions, SelectTurnProvider, SelectTurnProviderProps, SelectTurnState, SelectTurnValue, SessionCard, SessionCardProps, SessionEventRow, SessionEventRowProps, SessionTitleSlotProps, ShellBlockProvider, type ShellBlockProviderProps, type ShellBlockScope, SkillCard, SkillCardProps, SlotEntry, SpawnEndRow, SpawnEndRowProps, SpawnStartRow, SpawnStartRowProps, StickToBottomOptions, SubagentBlock, SubagentBlockProps, TextPreviewSlotProps, TextRow, TextRowProps, ThinkingBatchRow, ThinkingBatchRowProps, ThinkingRow, ThinkingRowProps, ToolBatchRow, ToolBatchRowProps, ToolBodySlotProps, ToolDetails, ToolDetailsProps, ToolGlyph, ToolGlyphProps, ToolInput, ToolInputProps, ToolMedia, type ToolMediaItem, ToolMediaProps, ToolRow, ToolRowProps, ToolTiming, ToolTimingProps, TranscriptActions, TranscriptActionsProvider, TranscriptActionsProviderProps, TranscriptFind, TranscriptFindKeyOptions, TranscriptFindOptions, TranscriptFindTarget, TranscriptRenderers, TranscriptRenderersProvider, type TranscriptRenderersProviderProps, TranscriptRow, TranscriptRowProps, TranscriptRowSlot, TranscriptRowSlotProps, TranscriptRows, TranscriptRowsInput, TranscriptScrollInputs, TranscriptSearch, TranscriptSearchOptions, TranscriptSearchProps, TranscriptSearchState, TranscriptSettling, TranscriptTurnMenu, TurnCommands, TurnCommandsOptions, TurnMenuActions, TurnMenuTarget, UserBashRow, UserBashRowProps, UserPromptAttachments, UserPromptAttachmentsProps, UserPromptRow, UserPromptRowProps, WorkerDetails, WorkerDetailsProps, classifyInlineRef, copyPromptLines, createTurnCommands, defaultAttachmentLabel, drawsImageGeneration, fileBadgeName, fileBadgeSpec, findRefs, hasInteractionBody, holdForceMountRows, imageRequestsOf, isHiddenRow, lineStateOf, linkGlyph, mountRowNow, numberRef, parseRefUrl, parseReferenceUrl, parseToolMedia, refHref, referenceUrl, remarkReferences, remarkRefs, savedPaths, siteIconValue, useBackgroundMount, useBadgeMenu, useChipResolution, useCommand, useCommitInfo, useComposerSearch, useFillViewportScrollback, useForceMountRows, useFullOutput, useModelName, useReferenceMatches, useReferenceProviders, useReferenceView, useReferencedSession, useResolveChipNow, useRowIcons, useSelectStops, useSelectTurn, useSelectTurnKeys, useSettledReveal, useShellBlockScope, useSiteIcon, useSkill, useStickToBottom, useToolMedia, useTranscriptActions, useTranscriptFind, useTranscriptFindKey, useTranscriptRenderers, useTranscriptRows, useTranscriptScroll, useTranscriptSearch, useTranscriptSelectionCopy, useTurnCommands, useTurnMenu, useWheelHoverPause };

package/dist/chat/transcript/index.js

@@ -1,18 +1,38 @@
-import { TranscriptRenderersProvider } from "./renderer-slots.js";
-import { DiffLines } from "./DiffLines.js";
-import { TranscriptActionsProvider, useModelName, useTranscriptActions } from "./actions.js";
-import { Caret, Dot, FailedMark, GUTTER_STEP_PX, RowFrame, RowIconsContext, lineStateOf, useRowIcons } from "./frame.js";
+import { BadgeMenuProvider, useBadgeMenu } from "./BadgeMenu.js";
+import { useSiteIcon } from "./site-icons.js";
+import { BADGE_GLYPH, FileBadgeIcon, LinkBadge, LinkIcon, fileBadgeName, fileBadgeSpec, linkGlyph, siteIconValue } from "./badges.js";
+import { CommandScopeContext, INLINE_CODE_CLASS, MarkdownContext, OpenSessionContext } from "./markdown-context.js";
+import { CardMarkdown } from "./CardMarkdown.js";
+import { CHIP_CARD_WIDTH, ChipCard, ChipHover } from "./ChipCard.js";
+import { useCommand, useCommitInfo, useReferencedSession, useSkill } from "./chip-details.js";
+import { CommandCard, CommitCard, SessionCard, SkillCard } from "./ChipCards.js";
+import { useChipResolution, useResolveChipNow } from "./chip-resolve.js";
+import { useReferenceMatches, useReferenceProviders, useReferenceView } from "./references.js";
+import { ReferenceChip, ReferenceText } from "./ReferenceText.js";
+import { classifyInlineRef, findRefs, numberRef, parseRefUrl, refHref, remarkRefs } from "./remark-refs.js";
+import { InlineCode, RefChip } from "./FileChip.js";
 import { CvRow, LazyRow, TranscriptSettling, holdForceMountRows, mountRowNow, useBackgroundMount, useForceMountRows } from "./LazyRow.js";
-import { SelectCursor } from "./SelectCursor.js";
-import { Markdown } from "./markdown.js";
+import { useShellBlockScope } from "./shell-block-scope.js";
+import { Markdown, MarkdownDiagrams } from "./markdown.js";
+import { parseReferenceUrl, referenceUrl, remarkReferences } from "./remark-references.js";
+import { ProseMarkdown } from "./ProseMarkdown.js";
+import { TranscriptActionsProvider, useModelName, useTranscriptActions } from "./actions.js";
 import { PromptLines, copyPromptLines } from "./prompt-lines.js";
-import { DEFAULT_TRANSCRIPT_RENDERERS, DefaultInlineText, DefaultMarkdown, DefaultPrompt, DefaultSessionTitle, defaultAttachmentLabel, useTranscriptRenderers } from "./renderers.js";
+import { TranscriptRenderersProvider } from "./renderer-slots.js";
+import { Caret, Dot, FailedMark, GUTTER_STEP_PX, RowFrame, RowIconsContext, lineStateOf, useRowIcons } from "./frame.js";
+import { AnsiSpans, AnsiText } from "./AnsiText.js";
+import { LiveOutput } from "./LiveOutput.js";
+import { CodemodeScript } from "./CodemodeScript.js";
 import { CODE_PANEL, LoadFullOutputButton, ReadFileBlock, ToolGlyph, ToolInput, ToolTiming, useFullOutput } from "./tool-parts.js";
-import { SubagentBlock } from "./SubagentBlock.js";
-import { parseToolMedia } from "../headless/transcript/tool-media.js";
-import { WorkerDetails } from "./fold-worker.js";
+import { TextRow, ThinkingBatchRow, ThinkingRow } from "./prose.js";
+import { DiffLines } from "./DiffLines.js";
 import { EditDiffBlock } from "./EditDiffBlock.js";
+import { parseToolMedia } from "../headless/transcript/tool-media.js";
 import { ToolMedia, useToolMedia } from "./tool-media.js";
+import { DEFAULT_TRANSCRIPT_RENDERERS, DefaultInlineText, DefaultMarkdown, DefaultPrompt, DefaultSessionTitle, defaultAttachmentLabel, useTranscriptRenderers } from "./renderers.js";
+import { SelectCursor } from "./SelectCursor.js";
+import { SubagentBlock } from "./SubagentBlock.js";
+import { WorkerDetails } from "./fold-worker.js";
 import { ToolDetails } from "./tool-details.js";
 import { ImageGenerationBlock, drawsImageGeneration, imageRequestsOf, savedPaths } from "./ImageGenerationBlock.js";
 import { ModelVerdict, NestedToolCalls, ToolRow } from "./tool-row.js";
@@ -20,28 +40,16 @@ import { ExchangeFoldRow, FoldHeader } from "./fold.js";
 import { MessageGroupRow } from "./messages.js";
 import { COMMAND_DETAIL_LINE, CommandDetailRow, CommandNoteRow, ErrorRow, FailureRow, InfoRow, NoticeRow, SessionEventRow, SpawnEndRow, SpawnStartRow } from "./notices.js";
 import { AttachmentIcon, UserPromptAttachments, UserPromptRow } from "./prompt.js";
-import { TextRow, ThinkingBatchRow, ThinkingRow } from "./prose.js";
 import { CompactSummaryRow, RunReceiptInline, RunSummaryRow } from "./run-rows.js";
+import { RunnableCodeBlock, ShellBlockProvider } from "./shell-block.js";
 import { ToolBatchRow } from "./tool-batch.js";
 import { UserBashRow } from "./user-bash.js";
 import { TranscriptRow, TranscriptRowSlot, isHiddenRow } from "./TranscriptRow.js";
 import { useSelectStops, useTranscriptRows } from "./use-transcript-rows.js";
 import { useTranscriptSelectionCopy } from "./useTranscriptSelectionCopy.js";
-import { classifyInlineRef, findRefs, numberRef, parseRefUrl, refHref, remarkRefs } from "./remark-refs.js";
-import { parseReferenceUrl, referenceUrl, remarkReferences } from "./remark-references.js";
-import { useReferenceMatches, useReferenceProviders, useReferenceView } from "./references.js";
-import { useChipResolution, useResolveChipNow } from "./chip-resolve.js";
-import { useCommand, useCommitInfo, useReferencedSession, useSkill } from "./chip-details.js";
-import { BadgeMenuProvider, useBadgeMenu } from "./BadgeMenu.js";
-import { useSiteIcon } from "./site-icons.js";
-import { CommandScopeContext, INLINE_CODE_CLASS, MarkdownContext, OpenSessionContext } from "./markdown-context.js";
-import { BADGE_GLYPH, FileBadgeIcon, LinkBadge, LinkIcon, fileBadgeName, fileBadgeSpec, linkGlyph, siteIconValue } from "./badges.js";
-import { CardMarkdown } from "./CardMarkdown.js";
-import { CHIP_CARD_WIDTH, ChipCard, ChipHover } from "./ChipCard.js";
-import { CommandCard, CommitCard, SessionCard, SkillCard } from "./ChipCards.js";
-import { ReferenceChip, ReferenceText } from "./ReferenceText.js";
-import { InlineCode, RefChip } from "./FileChip.js";
-import { ProseMarkdown } from "./ProseMarkdown.js";
+import { SelectTurnProvider, useSelectTurn } from "./SelectTurnProvider.js";
+import { SelectTurnExit, SelectTurnHintKeys } from "./SelectTurnHint.js";
+import { MermaidDiagram } from "./MermaidDiagram.js";
 import { PromptEcho } from "./PromptEcho.js";
 import { InteractionToolBody, hasInteractionBody } from "./InteractionToolBody.js";
 import { InlineChipText } from "./InlineChipText.js";
@@ -53,11 +61,9 @@ import { useTranscriptScroll } from "./useTranscriptScroll.js";
 import { MAX_MATCHES, SearchHighlightStyle, useTranscriptSearch } from "./useTranscriptSearch.js";
 import { TranscriptSearch } from "./TranscriptSearch.js";
 import { useComposerSearch } from "./useComposerSearch.js";
-import { SelectTurnProvider, useSelectTurn } from "./SelectTurnProvider.js";
-import { SelectTurnExit, SelectTurnHintKeys } from "./SelectTurnHint.js";
 import { useSelectTurnKeys } from "./useSelectTurnKeys.js";
 import { useTranscriptFindKey } from "./useTranscriptFindKey.js";
 import { useTranscriptFind } from "./useTranscriptFind.js";
 import { useTurnMenu } from "./TurnMenu.js";
 import { createTurnCommands, useTurnCommands } from "./turn-commands.js";
-export { AUTO_FILL_PAGES, AttachmentIcon, BADGE_GLYPH, BadgeMenuProvider, CHIP_CARD_WIDTH, CODE_PANEL, COMMAND_DETAIL_LINE, CardMarkdown, Caret, ChipCard, ChipHover, CommandCard, CommandDetailRow, CommandNoteRow, CommandScopeContext, CommitCard, CompactSummaryRow, CvRow, DEFAULT_TRANSCRIPT_RENDERERS, DefaultInlineText, DefaultMarkdown, DefaultPrompt, DefaultSessionTitle, DiffLines, Dot, EditDiffBlock, ErrorRow, ExchangeFoldRow, FILL_MIN_PROMPTS, FailedMark, FailureRow, FileBadgeIcon, FoldHeader, GUTTER_STEP_PX, INLINE_CODE_CLASS, ImageGenerationBlock, InfoRow, InlineChipText, InlineCode, InteractionToolBody, LazyRow, LinkBadge, LinkIcon, LoadEarlierRow, LoadFullOutputButton, MAX_MATCHES, Markdown, MarkdownContext, MessageGroupRow, ModelVerdict, NestedToolCalls, NoticeRow, OpenSessionContext, PromptEcho, PromptLines, ProseMarkdown, ReadFileBlock, RefChip, ReferenceChip, ReferenceText, RowFrame, RowIconsContext, RunReceiptInline, RunSummaryRow, SearchHighlightStyle, SelectCursor, SelectTurnExit, SelectTurnHintKeys, SelectTurnProvider, SessionCard, SessionEventRow, SkillCard, SpawnEndRow, SpawnStartRow, SubagentBlock, TextRow, ThinkingBatchRow, ThinkingRow, ToolBatchRow, ToolDetails, ToolGlyph, ToolInput, ToolMedia, ToolRow, ToolTiming, TranscriptActionsProvider, TranscriptRenderersProvider, TranscriptRow, TranscriptRowSlot, TranscriptSearch, TranscriptSettling, UserBashRow, UserPromptAttachments, UserPromptRow, WorkerDetails, classifyInlineRef, copyPromptLines, createTurnCommands, defaultAttachmentLabel, drawsImageGeneration, fileBadgeName, fileBadgeSpec, findRefs, hasInteractionBody, holdForceMountRows, imageRequestsOf, isHiddenRow, lineStateOf, linkGlyph, mountRowNow, numberRef, parseRefUrl, parseReferenceUrl, parseToolMedia, refHref, referenceUrl, remarkReferences, remarkRefs, savedPaths, siteIconValue, useBackgroundMount, useBadgeMenu, useChipResolution, useCommand, useCommitInfo, useComposerSearch, useFillViewportScrollback, useForceMountRows, useFullOutput, useModelName, useReferenceMatches, useReferenceProviders, useReferenceView, useReferencedSession, useResolveChipNow, useRowIcons, useSelectStops, useSelectTurn, useSelectTurnKeys, useSettledReveal, useSiteIcon, useSkill, useStickToBottom, useToolMedia, useTranscriptActions, useTranscriptFind, useTranscriptFindKey, useTranscriptRenderers, useTranscriptRows, useTranscriptScroll, useTranscriptSearch, useTranscriptSelectionCopy, useTurnCommands, useTurnMenu, useWheelHoverPause };
+export { AUTO_FILL_PAGES, AnsiSpans, AnsiText, AttachmentIcon, BADGE_GLYPH, BadgeMenuProvider, CHIP_CARD_WIDTH, CODE_PANEL, COMMAND_DETAIL_LINE, CardMarkdown, Caret, ChipCard, ChipHover, CodemodeScript, CommandCard, CommandDetailRow, CommandNoteRow, CommandScopeContext, CommitCard, CompactSummaryRow, CvRow, DEFAULT_TRANSCRIPT_RENDERERS, DefaultInlineText, DefaultMarkdown, DefaultPrompt, DefaultSessionTitle, DiffLines, Dot, EditDiffBlock, ErrorRow, ExchangeFoldRow, FILL_MIN_PROMPTS, FailedMark, FailureRow, FileBadgeIcon, FoldHeader, GUTTER_STEP_PX, INLINE_CODE_CLASS, ImageGenerationBlock, InfoRow, InlineChipText, InlineCode, InteractionToolBody, LazyRow, LinkBadge, LinkIcon, LiveOutput, LoadEarlierRow, LoadFullOutputButton, MAX_MATCHES, Markdown, MarkdownContext, MarkdownDiagrams, MermaidDiagram, MessageGroupRow, ModelVerdict, NestedToolCalls, NoticeRow, OpenSessionContext, PromptEcho, PromptLines, ProseMarkdown, ReadFileBlock, RefChip, ReferenceChip, ReferenceText, RowFrame, RowIconsContext, RunReceiptInline, RunSummaryRow, RunnableCodeBlock, SearchHighlightStyle, SelectCursor, SelectTurnExit, SelectTurnHintKeys, SelectTurnProvider, SessionCard, SessionEventRow, ShellBlockProvider, SkillCard, SpawnEndRow, SpawnStartRow, SubagentBlock, TextRow, ThinkingBatchRow, ThinkingRow, ToolBatchRow, ToolDetails, ToolGlyph, ToolInput, ToolMedia, ToolRow, ToolTiming, TranscriptActionsProvider, TranscriptRenderersProvider, TranscriptRow, TranscriptRowSlot, TranscriptSearch, TranscriptSettling, UserBashRow, UserPromptAttachments, UserPromptRow, WorkerDetails, classifyInlineRef, copyPromptLines, createTurnCommands, defaultAttachmentLabel, drawsImageGeneration, fileBadgeName, fileBadgeSpec, findRefs, hasInteractionBody, holdForceMountRows, imageRequestsOf, isHiddenRow, lineStateOf, linkGlyph, mountRowNow, numberRef, parseRefUrl, parseReferenceUrl, parseToolMedia, refHref, referenceUrl, remarkReferences, remarkRefs, savedPaths, siteIconValue, useBackgroundMount, useBadgeMenu, useChipResolution, useCommand, useCommitInfo, useComposerSearch, useFillViewportScrollback, useForceMountRows, useFullOutput, useModelName, useReferenceMatches, useReferenceProviders, useReferenceView, useReferencedSession, useResolveChipNow, useRowIcons, useSelectStops, useSelectTurn, useSelectTurnKeys, useSettledReveal, useShellBlockScope, useSiteIcon, useSkill, useStickToBottom, useToolMedia, useTranscriptActions, useTranscriptFind, useTranscriptFindKey, useTranscriptRenderers, useTranscriptRows, useTranscriptScroll, useTranscriptSearch, useTranscriptSelectionCopy, useTurnCommands, useTurnMenu, useWheelHoverPause };

package/dist/chat/transcript/markdown-cache.js

@@ -1,6 +1,6 @@
 //#region src/chat/transcript/markdown-cache.ts
 /** Text held, in characters, before the least recently used parse goes. */
-const MAX_CHARS = 15e5;
+const MAX_CHARS = 4e5;
 const entries = /* @__PURE__ */ new Map();
 let chars = 0;
 const ids = /* @__PURE__ */ new WeakMap();
@@ -11,6 +11,12 @@ const idOf = (value) => {
 	if (id === void 0) ids.set(value, id = nextId++);
 	return id;
 };
+/** FNV-1a over the UTF-16 code units. */
+const hash = (text) => {
+	let h = 2166136261;
+	for (let i = 0; i < text.length; i++) h = Math.imul(h ^ text.charCodeAt(i), 16777619);
+	return h >>> 0;
+};
 /**
 * The parse of `text`, from the cache when it holds one.
 *
@@ -19,24 +25,27 @@ const idOf = (value) => {
 * @param parse - Builds the elements on a miss.
 */
 function cachedMarkdown(text, key, parse) {
-	const id = `${key.document ? "d" : "r"}${idOf(key.plugins)}.${idOf(key.urlTransform)}:${text}`;
+	if (text.length > MAX_CHARS) return parse();
+	const id = `${key.document ? "d" : "r"}${idOf(key.plugins)}.${idOf(key.urlTransform)}:${text.length}:${hash(text)}`;
 	const hit = entries.get(id);
 	if (hit) {
 		entries.delete(id);
-		entries.set(id, hit);
-		return hit.element;
+		if (hit.text === text) {
+			entries.set(id, hit);
+			return hit.element;
+		}
+		chars -= hit.text.length;
 	}
 	const element = parse();
-	if (text.length > MAX_CHARS) return element;
 	entries.set(id, {
 		element,
-		chars: text.length
+		text
 	});
 	chars += text.length;
 	for (const [oldest, entry] of entries) {
 		if (chars <= MAX_CHARS) break;
 		entries.delete(oldest);
-		chars -= entry.chars;
+		chars -= entry.text.length;
 	}
 	return element;
 }

package/dist/chat/transcript/markdown.d.ts

@@ -33,6 +33,20 @@ interface MarkdownProps extends MarkdownSlotProps {
   /** Inline styles on the root element, merged after the component's own. */
   style?: CSSProperties;
 }
+/** Props of {@link MarkdownDiagrams}. */
+interface MarkdownDiagramsProps {
+  /** Draw ```mermaid fences as diagrams (`true`) or as code (`false`). */
+  enabled: boolean;
+  /** The subtree it applies to. */
+  children?: ReactNode;
+}
+/**
+ * Sets whether the {@link Markdown} below draws ```mermaid fences as diagrams. Without one they do.
+ * `Transcript` sets it from its `renderDiagrams` option.
+ *
+ * @param props - The {@link MarkdownDiagramsProps}.
+ */
+declare function MarkdownDiagrams({ enabled, children }: MarkdownDiagramsProps): import("react").JSX.Element;
 /**
  * Renders markdown in the `.zg-md` prose box. Long texts (a pasted 60 KB prompt, a long report)
  * render in chunks (`splitMarkdown`): each is its own memoised parse, so a streaming reply
@@ -46,4 +60,4 @@ interface MarkdownProps extends MarkdownSlotProps {
  */
 declare const Markdown: import("react").MemoExoticComponent<({ children, className, style, document, streaming, remarkPlugins, urlTransform, CodeBlock, Link, InlineCode }: MarkdownProps) => import("react").JSX.Element>;
 //#endregion
-export { Markdown, MarkdownLinkProps, MarkdownProps };
+export { Markdown, MarkdownDiagrams, MarkdownDiagramsProps, MarkdownLinkProps, MarkdownProps };