zidane-ui 9.1.1 → 9.1.3

package/dist/chat/transcript/LiveOutput.js

@@ -0,0 +1,42 @@
+import { Grow, GrowPresence } from "../../motion/grow.js";
+import { AnsiSpans } from "./AnsiText.js";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+//#region src/chat/transcript/LiveOutput.tsx
+/**
+* The last lines a running thing wrote, live: a codemode script's prints and
+* shell calls, a reply's block run here. Each line keeps its id while it
+* shows (`createOutputTail`), so a new one grows in and the oldest shrinks
+* out (`Grow`): the box eases to its new height instead of jumping. Once the
+* window is full it keeps the height of a full window while lines slide
+* through it. Lines already there when it mounts (a reload, a reopened row)
+* show at once. Colored lines draw in the theme's terminal colors.
+*/
+/**
+* A live output window.
+*
+* @param props - The {@link LiveOutputProps}.
+*/
+function LiveOutput({ lines, window, label, className }) {
+	const [firstIds] = useState(() => new Set(lines.map((line) => line.id)));
+	return /* @__PURE__ */ jsx("div", {
+		className: ["zg-code-panel zg-output zg-live-output zg-ansi", className].filter(Boolean).join(" "),
+		role: "log",
+		"aria-live": "polite",
+		"aria-label": label,
+		"data-full": lines.length >= window ? "" : void 0,
+		style: { "--zg-live-tail": window },
+		children: /* @__PURE__ */ jsx(GrowPresence, {
+			initial: false,
+			children: lines.map((line) => /* @__PURE__ */ jsx(Grow, {
+				appear: !firstIds.has(line.id),
+				children: /* @__PURE__ */ jsx("div", {
+					"data-stream": line.stream,
+					children: line.spans ? /* @__PURE__ */ jsx(AnsiSpans, { spans: line.spans }) : line.text === "" ? "\n" : line.text
+				})
+			}, line.id))
+		})
+	});
+}
+//#endregion
+export { LiveOutput };

package/dist/chat/transcript/TranscriptRow.js

@@ -10,6 +10,7 @@ import { COMMAND_DETAIL_LINE, CommandDetailRow, CommandNoteRow, ErrorRow, Failur
 import { UserPromptRow } from "./prompt.js";
 import { PromptOriginLabel } from "./PromptOriginLabel.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";
@@ -32,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, {
@@ -139,9 +153,12 @@ const TranscriptRow = memo(function TranscriptRow({ row, showCaret, receipt, res
 					renderer: row.custom.renderer,
 					data: row.custom.data,
 					text: row.text
-				}) : /* @__PURE__ */ jsx(TextRow, {
+				}) : /* @__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,

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/index.d.ts

@@ -29,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";
@@ -61,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, 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, 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

@@ -12,6 +12,7 @@ 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 { 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";
@@ -19,6 +20,9 @@ import { TranscriptActionsProvider, useModelName, useTranscriptActions } from ".
 import { PromptLines, copyPromptLines } from "./prompt-lines.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 { TextRow, ThinkingBatchRow, ThinkingRow } from "./prose.js";
 import { DiffLines } from "./DiffLines.js";
@@ -37,6 +41,7 @@ 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 { 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";
@@ -61,4 +66,4 @@ 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, MarkdownDiagrams, MermaidDiagram, 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.js

@@ -6,8 +6,10 @@ import { openFenceOf, splitMarkdown, withoutPartialFence } from "../headless/mar
 import { cachedMarkdown } from "./markdown-cache.js";
 import { useBackgroundMount, useForceMountRows } from "./LazyRow.js";
 import { renderersFor } from "../../extensions/headless/select.js";
+import { useShellBlockRunner } from "./shell-block-scope.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Fragment as Fragment$1, Suspense, createContext, lazy, memo, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { isShellFence } from "zidane/chat/pure";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 //#region src/chat/transcript/markdown.tsx
@@ -111,12 +113,19 @@ function Code({ className, children }) {
 function Pre({ children }) {
 	const { CodeBlock } = useContext(PartsContext);
 	const diagrams = useDiagrams();
+	const shells = useShellBlockRunner();
 	const child = Array.isArray(children) ? children[0] : children;
 	if (child && typeof child === "object" && "props" in child) {
 		const { className, children: code } = child.props;
 		const language = /language-(\w+)/.exec(className ?? "")?.[1] ?? "plaintext";
 		const text = typeof code === "string" ? code.replace(/\n$/, "") : "";
 		if (diagrams && language === "mermaid" && text.trim()) return /* @__PURE__ */ jsx(DiagramFence, { code: text });
+		if (shells && isShellFence(language)) return /* @__PURE__ */ jsx(shells.Block, {
+			code: text,
+			language,
+			scope: shells.scope,
+			CodeBlock
+		});
 		return /* @__PURE__ */ jsx(CodeBlock, {
 			code: text,
 			language

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

@@ -1,5 +1,6 @@
 import { ToolRowModel } from "../headless/transcript/rows.js";
 import "../headless/transcript/index.js";
+import { HighlightedCodeProps } from "../../code/HighlightedCode.js";
 import { TranscriptRenderersProvider, TranscriptRenderersProviderProps } from "./renderer-slots.js";
 import { CSSProperties, ComponentType } from "react";
 import { PromptSegmentRef } from "zidane/chat/pure";
@@ -19,6 +20,12 @@ interface CodeBlockSlotProps {
   code: string;
   /** A fence's language (`plaintext` when it names none). */
   language: string;
+  /**
+   * Controls the frame shows beside its own (a shell block's Run button), as
+   * {@link HighlightedCodeProps.actions}. A replacement slot that drops them
+   * leaves the block without them.
+   */
+  actions?: HighlightedCodeProps['actions'];
 }
 /** Props of the `InlineText` renderer slot. */
 interface InlineTextSlotProps {

package/dist/chat/transcript/script-input.d.ts

@@ -0,0 +1,17 @@
+import { ToolRowModel } from "../headless/transcript/rows.js";
+import "../headless/transcript/index.js";
+import { LC as ScriptProgress } from "../../dist/index-WlE93Q6d.js";
+//#region src/chat/transcript/script-input.d.ts
+/**
+ * A tool row's progress and how it ended, as `ToolInput` takes them for a Codemode script.
+ *
+ * @param tool - The tool row.
+ */
+declare function scriptInputProps(tool: ToolRowModel): {
+  finished: boolean;
+  ok: boolean;
+  result: string | null;
+  scriptProgress?: ScriptProgress | undefined;
+};
+//#endregion
+export { scriptInputProps };

package/dist/chat/transcript/script-input.js

@@ -0,0 +1,16 @@
+//#region src/chat/transcript/script-input.ts
+/**
+* A tool row's progress and how it ended, as `ToolInput` takes them for a Codemode script.
+*
+* @param tool - The tool row.
+*/
+function scriptInputProps(tool) {
+	return {
+		...tool.scriptProgress ? { scriptProgress: tool.scriptProgress } : {},
+		finished: tool.ok !== null,
+		ok: tool.ok !== false,
+		result: tool.result
+	};
+}
+//#endregion
+export { scriptInputProps };

package/dist/chat/transcript/shell-block-scope.d.ts

@@ -0,0 +1,29 @@
+import { CodeBlockSlotProps } from "./renderers.js";
+import { ComponentType } from "react";
+//#region src/chat/transcript/shell-block-scope.d.ts
+/** The reply a block is in. */
+interface ShellBlockScope {
+  /** The session. */
+  sessionId: string;
+  /** The reply's turn. */
+  turnId: string;
+}
+/** Props for {@link RunnableCodeBlock}. */
+interface RunnableCodeBlockProps extends CodeBlockSlotProps {
+  /** The reply the block is in. */
+  scope: ShellBlockScope;
+  /** Draws the block itself (the `CodeBlock` slot); it receives the run controls as `actions`. */
+  CodeBlock: ComponentType<CodeBlockSlotProps>;
+}
+/** The scope, and the component that draws a runnable block in it. */
+interface ShellBlockRunner {
+  scope: ShellBlockScope;
+  Block: ComponentType<RunnableCodeBlockProps>;
+}
+declare const ShellBlockContext: import("react").Context<ShellBlockRunner | null>;
+/** The reply whose blocks can run here, or `null` (a streaming reply, a thought, a tool's input). */
+declare function useShellBlockScope(): ShellBlockScope | null;
+/** The scope with its block component, or `null` where blocks don't run. */
+declare function useShellBlockRunner(): ShellBlockRunner | null;
+//#endregion
+export { RunnableCodeBlockProps, ShellBlockContext, ShellBlockRunner, ShellBlockScope, useShellBlockRunner, useShellBlockScope };

package/dist/chat/transcript/shell-block-scope.js

@@ -0,0 +1,18 @@
+import { createContext, useContext } from "react";
+//#region src/chat/transcript/shell-block-scope.ts
+/**
+* The reply whose shell blocks can run, as `Markdown` reads it. `ShellBlockProvider` (`shell-block.tsx`) provides
+* the scope with the component that runs a block, so `Markdown` draws a runnable block without importing it: a page
+* that renders Markdown outside a transcript (an extension, onboarding) never loads the run controls.
+*/
+const ShellBlockContext = createContext(null);
+/** The reply whose blocks can run here, or `null` (a streaming reply, a thought, a tool's input). */
+function useShellBlockScope() {
+	return useContext(ShellBlockContext)?.scope ?? null;
+}
+/** The scope with its block component, or `null` where blocks don't run. */
+function useShellBlockRunner() {
+	return useContext(ShellBlockContext);
+}
+//#endregion
+export { ShellBlockContext, useShellBlockRunner, useShellBlockScope };

package/dist/chat/transcript/shell-block.d.ts

@@ -0,0 +1,27 @@
+import { RunnableCodeBlockProps, ShellBlockScope, useShellBlockScope } from "./shell-block-scope.js";
+import { ReactNode } from "react";
+//#region src/chat/transcript/shell-block.d.ts
+/** Props for {@link ShellBlockProvider}. */
+interface ShellBlockProviderProps {
+  /** The session the reply is in. */
+  sessionId: string;
+  /** The reply's turn. */
+  turnId: string;
+  /** The reply. */
+  children: ReactNode;
+}
+/**
+ * Lets the shell blocks of the reply below run (`RunnableCodeBlock`).
+ *
+ * @param props - The {@link ShellBlockProviderProps}.
+ */
+declare function ShellBlockProvider({ sessionId, turnId, children }: ShellBlockProviderProps): import("react").JSX.Element;
+/**
+ * A shell block with its run controls and its last run under it. A block with nothing to run, or an app that offers
+ * neither way to run, draws the plain block.
+ *
+ * @param props - The {@link RunnableCodeBlockProps}.
+ */
+declare function RunnableCodeBlock({ code, language, scope, CodeBlock }: RunnableCodeBlockProps): import("react").JSX.Element;
+//#endregion
+export { RunnableCodeBlock, type RunnableCodeBlockProps, ShellBlockProvider, ShellBlockProviderProps, type ShellBlockScope, useShellBlockScope };

package/dist/chat/transcript/shell-block.js

@@ -0,0 +1,306 @@
+import { iconButtonClass } from "../../components/IconButton.js";
+import { CopyButton } from "../../components/CopyButton.js";
+import { constant, useReadable } from "../headless/store.js";
+import { useOptionalChatHost } from "../ChatProvider.js";
+import { useChatLabels } from "../useChatLabels.js";
+import { relativeTime } from "../headless/session-list.js";
+import { ShellBlockContext, useShellBlockScope } from "./shell-block-scope.js";
+import { useTranscriptActions } from "./actions.js";
+import { AnsiText } from "./AnsiText.js";
+import { LiveOutput } from "./LiveOutput.js";
+import { ToolTiming } from "./tool-parts.js";
+import "../headless/block-runs.js";
+import { pushComposerAttachment, textAttachment } from "../composer/composer-bus.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Suspense, lazy, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { blockRunKey, blockTerminalInput, shellBlockPlan, stripAnsi } from "zidane/chat/pure";
+//#region src/chat/transcript/shell-block.tsx
+/**
+* A reply's shell block the user can run: a Play button on the block (Run
+* here, or Run in a terminal from the caret's menu; Stop while it runs) and
+* the run's panel under it. Run here goes through `ChatHost.blockRuns` (the
+* host runs it in the session's folder, saves its last run per block, and
+* the panel reads it back after a reload); Run in a terminal through
+* `TranscriptActions.runInTerminal`. A run never enters the conversation.
+*
+* Only settled replies run their blocks: `TranscriptRow` provides the
+* reply's session and turn (`ShellBlockProvider`), and `Markdown` draws a
+* shell fence through {@link RunnableCodeBlock} under one.
+*/
+/**
+* The caret's menu, loaded on its first opening: its floating surface and motion would otherwise ride along with
+* every page that renders a transcript (onboarding's preview), where no block runs.
+*/
+const RowActionsMenu = lazy(() => import("../../components/RowActionsMenu.js").then((m) => ({ default: m.RowActionsMenu })));
+/**
+* Lets the shell blocks of the reply below run (`RunnableCodeBlock`).
+*
+* @param props - The {@link ShellBlockProviderProps}.
+*/
+function ShellBlockProvider({ sessionId, turnId, children }) {
+	const runner = useMemo(() => ({
+		scope: {
+			sessionId,
+			turnId
+		},
+		Block: RunnableCodeBlock
+	}), [sessionId, turnId]);
+	return /* @__PURE__ */ jsx(ShellBlockContext.Provider, {
+		value: runner,
+		children
+	});
+}
+const NO_RUNS = constant({});
+const NO_LIVE = constant({});
+/**
+* A shell block with its run controls and its last run under it. A block with nothing to run, or an app that offers
+* neither way to run, draws the plain block.
+*
+* @param props - The {@link RunnableCodeBlockProps}.
+*/
+function RunnableCodeBlock({ code, language, scope, CodeBlock }) {
+	const blocks = useOptionalChatHost()?.blockRuns;
+	const { runInTerminal } = useTranscriptActions();
+	const labels = useChatLabels();
+	const plan = useMemo(() => shellBlockPlan(code, language), [code, language]);
+	const key = useMemo(() => blockRunKey(scope.turnId, code), [scope.turnId, code]);
+	const saved = useReadable(blocks ? blocks.runs(scope.sessionId) : NO_RUNS)[key];
+	const live = useReadable(blocks ? blocks.live(scope.sessionId) : NO_LIVE)[key];
+	const caretRef = useRef(null);
+	const [menuOpen, setMenuOpen] = useState(false);
+	const [menuArmed, setMenuArmed] = useState(false);
+	if (!plan || !blocks && !runInTerminal) return /* @__PURE__ */ jsx(CodeBlock, {
+		code,
+		language
+	});
+	const runHere = blocks ? () => blocks.start(scope.sessionId, {
+		turnId: scope.turnId,
+		code,
+		language
+	}) : void 0;
+	const inTerminal = runInTerminal ? () => runInTerminal(blockTerminalInput(plan)) : void 0;
+	const running = live !== void 0 && live.error === void 0;
+	const stop = () => blocks?.stop(scope.sessionId, key);
+	const menu = [...runHere ? [{
+		id: "here",
+		label: labels.blockRunHere,
+		onSelect: runHere,
+		disabled: running
+	}] : [], ...inTerminal ? [{
+		id: "terminal",
+		label: labels.blockRunInTerminal,
+		onSelect: inTerminal
+	}] : []];
+	const actions = (buttonClass) => /* @__PURE__ */ jsxs(Fragment, { children: [running ? /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": labels.blockRunStop,
+		title: labels.blockRunStop,
+		"data-pinned": "",
+		onClick: (e) => {
+			e.stopPropagation();
+			stop();
+		},
+		className: `${buttonClass} hover:!text-zg-danger`,
+		children: /* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: "i-ph-stop-fill text-zg-label"
+		})
+	}) : /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": runHere ? labels.blockRunHere : labels.blockRunInTerminal,
+		title: runHere ? labels.blockRunHere : labels.blockRunInTerminal,
+		onClick: (e) => {
+			e.stopPropagation();
+			(runHere ?? inTerminal)?.();
+		},
+		className: buttonClass,
+		children: /* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: `${runHere ? "i-ph-play" : "i-ph-terminal-window"} text-zg-label`
+		})
+	}), menu.length > 1 && /* @__PURE__ */ jsx("button", {
+		ref: caretRef,
+		type: "button",
+		"aria-label": labels.blockRunMenu,
+		title: labels.blockRunMenu,
+		"aria-haspopup": "menu",
+		"aria-expanded": menuOpen,
+		onClick: (e) => {
+			e.stopPropagation();
+			if (!menuOpen) setMenuArmed(true);
+			setMenuOpen(!menuOpen);
+		},
+		className: `${buttonClass} !w-4`,
+		children: /* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: "i-ph-caret-down text-zg-badge"
+		})
+	})] });
+	return /* @__PURE__ */ jsxs("div", {
+		className: "zg-run-block my-2",
+		children: [
+			/* @__PURE__ */ jsx(CodeBlock, {
+				code,
+				language,
+				actions
+			}),
+			menuArmed && /* @__PURE__ */ jsx(Suspense, {
+				fallback: null,
+				children: /* @__PURE__ */ jsx(RowActionsMenu, {
+					open: menuOpen,
+					anchorRef: caretRef,
+					onClose: () => setMenuOpen(false),
+					items: menu
+				})
+			}),
+			(live ?? saved) && /* @__PURE__ */ jsx(RunPanel, {
+				code,
+				live,
+				saved,
+				onAgain: runHere,
+				onTerminal: inTerminal,
+				onRemove: () => {
+					if (live?.error !== void 0) stop();
+					else if (blocks && saved) blocks.remove(scope.sessionId, key);
+				}
+			})
+		]
+	});
+}
+/**
+* The run under the block: its live window while it runs (the block's button stops it), then its saved output. The
+* same frame throughout, so the end swaps the lines in place.
+*/
+function RunPanel({ code, live, saved, onAgain, onTerminal, onRemove }) {
+	const labels = useChatLabels();
+	const button = iconButtonClass({ size: "sm" });
+	const running = live !== void 0 && live.error === void 0;
+	const failed = live?.error !== void 0 || saved !== void 0 && saved.exitCode !== 0;
+	const text = useMemo(() => saved ? stripAnsi(saved.output) : "", [saved]);
+	const [now] = useState(Date.now);
+	const status = (() => {
+		if (running) return /* @__PURE__ */ jsxs("span", {
+			className: "inline-flex items-baseline gap-1.5",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "zg-shimmer",
+				children: labels.blockRunning
+			}), /* @__PURE__ */ jsx(ToolTiming, {
+				startedAt: live.startedAt,
+				running: true
+			})]
+		});
+		if (live?.error !== void 0) return /* @__PURE__ */ jsx("span", {
+			className: "text-zg-danger",
+			children: labels.blockRunFailed(live.error)
+		});
+		if (!saved) return null;
+		const label = saved.stopped === "timeout" ? labels.blockRunTimedOut : saved.stopped === "cancelled" ? labels.blockRunStopped : saved.exitCode === null ? labels.shellKilled : labels.shellExit(saved.exitCode);
+		return /* @__PURE__ */ jsxs("span", {
+			className: "inline-flex items-baseline gap-1.5",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: saved.exitCode === 0 ? "text-zg-success" : "text-zg-danger",
+					children: label
+				}),
+				/* @__PURE__ */ jsx(ToolTiming, { durationMs: saved.durationMs }),
+				/* @__PURE__ */ jsx("span", {
+					className: "text-[var(--zg-text-subtle)]",
+					children: relativeTime(saved.finishedAt, Math.max(now, saved.finishedAt), labels)
+				})
+			]
+		});
+	})();
+	const attach = () => {
+		if (!saved) return;
+		const fence = (body) => {
+			const ticks = "`".repeat(Math.max(3, ...[...body.matchAll(/`+/g)].map((m) => m[0].length + 1)));
+			return `${ticks}\n${body.replace(/\n$/, "")}\n${ticks}`;
+		};
+		pushComposerAttachment(textAttachment(labels.blockRunAttachmentName, `${fence(code)}\n\n${fence(text)}\n`));
+	};
+	return /* @__PURE__ */ jsxs("section", {
+		className: "zg-run-panel group",
+		"aria-label": labels.blockRunOutput,
+		"data-failed": failed ? "" : void 0,
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "zg-meta flex items-center gap-2 min-h-6",
+				children: [status, /* @__PURE__ */ jsx("span", {
+					className: "ml-auto flex items-center gap-0.5",
+					children: !running && /* @__PURE__ */ jsxs(Fragment, { children: [
+						saved && text !== "" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CopyButton, {
+							text,
+							label: labels.blockRunCopy,
+							reveal: true
+						}), /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": labels.blockRunAttach,
+							title: labels.blockRunAttach,
+							onClick: attach,
+							className: `zg-reveal ${button}`,
+							children: /* @__PURE__ */ jsx("span", {
+								"aria-hidden": true,
+								className: "i-ph-paperclip text-zg-label"
+							})
+						})] }),
+						onAgain && /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": labels.blockRunAgain,
+							title: labels.blockRunAgain,
+							onClick: onAgain,
+							className: `zg-reveal ${button}`,
+							children: /* @__PURE__ */ jsx("span", {
+								"aria-hidden": true,
+								className: "i-ph-arrow-clockwise text-zg-label"
+							})
+						}),
+						/* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": labels.blockRunRemove,
+							title: labels.blockRunRemove,
+							onClick: onRemove,
+							className: `zg-reveal ${button}`,
+							children: /* @__PURE__ */ jsx("span", {
+								"aria-hidden": true,
+								className: "i-ph-x text-zg-label"
+							})
+						})
+					] })
+				})]
+			}),
+			live ? live.lines.length > 0 && /* @__PURE__ */ jsx(LiveOutput, {
+				lines: live.lines,
+				window: 15,
+				label: labels.blockRunOutput
+			}) : saved && saved.output !== "" && /* @__PURE__ */ jsx(RunOutput, { run: saved }),
+			failed && !running && onTerminal && /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				onClick: onTerminal,
+				className: "zg-run-terminal zg-meta",
+				children: [/* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: "i-ph-terminal-window"
+				}), labels.blockRunNeedsTerminal]
+			})
+		]
+	});
+}
+/** A saved run's output, scrolled to its end: where a command says how it went. */
+function RunOutput({ run }) {
+	const labels = useChatLabels();
+	const ref = useRef(null);
+	useLayoutEffect(() => {
+		const el = ref.current;
+		if (el) el.scrollTop = el.scrollHeight;
+	}, [run.output]);
+	return /* @__PURE__ */ jsxs("pre", {
+		ref,
+		className: "zg-code-panel zg-output zg-run-output zg-ansi",
+		children: [run.truncated && /* @__PURE__ */ jsxs("span", {
+			className: "zg-run-note",
+			children: [labels.blockRunTruncated, "\n"]
+		}), /* @__PURE__ */ jsx(AnsiText, { text: run.output.replace(/\n$/, "") })]
+	});
+}
+//#endregion
+export { RunnableCodeBlock, ShellBlockProvider, useShellBlockScope };