zidane-ui 9.1.16 → 9.1.17

package/dist/approvals/ApprovalBar.js

@@ -8,8 +8,8 @@ import { ApprovalConcern } from "./ApprovalConcern.js";
 import { approvalPreview, isFileEditApproval } from "./headless/preview.js";
 import { FileEditApproval } from "./FileEditApproval.js";
 import { isEditorKeyEvent, isTypingFocused } from "./key-scope.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useId, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { parseSessionKey } from "zidane/chat/pure";
 //#region src/approvals/ApprovalBar.tsx
 /**
@@ -89,20 +89,32 @@ function ApprovalCard({ request, onResolve, renderFrame, className = "", style }
 						"aria-hidden": true,
 						className: "w-3 shrink-0 inline-flex items-center justify-center text-[var(--zg-text-muted)] ",
 						children: /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-[var(--zg-warn)]" })
-					}), /* @__PURE__ */ jsx("div", {
+					}), /* @__PURE__ */ jsxs("div", {
 						className: "flex-1 min-w-0",
-						children: /* @__PURE__ */ jsxs("div", {
-							id: titleId,
-							className: "text-sm font-semibold text-[var(--zg-text)]",
-							children: [
-								`${labels.approvalRunBefore} `,
-								/* @__PURE__ */ jsx("span", {
-									className: "font-mono",
-									children: request.tool
-								}),
-								labels.approvalRunAfter
-							]
-						})
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								id: titleId,
+								className: "text-sm font-semibold text-[var(--zg-text)]",
+								children: [
+									`${labels.approvalRunBefore} `,
+									/* @__PURE__ */ jsx("span", {
+										className: "font-mono",
+										children: request.tool
+									}),
+									labels.approvalRunAfter
+								]
+							}),
+							request.fromView && /* @__PURE__ */ jsx("div", {
+								className: "zg-meta truncate",
+								"data-approval-from-view": "",
+								children: labels.approvalFromView(request.fromView.viewId, request.fromView.label)
+							}),
+							request.fromMcpApp && /* @__PURE__ */ jsx("div", {
+								className: "zg-meta truncate",
+								"data-approval-from-mcp-app": "",
+								children: labels.approvalFromMcpApp(request.fromMcpApp.server)
+							})
+						]
 					})]
 				}),
 				request.concern && /* @__PURE__ */ jsx(ApprovalConcern, {
@@ -130,7 +142,7 @@ function ApprovalCard({ request, onResolve, renderFrame, className = "", style }
 							children: [labels.approvalDeny, /* @__PURE__ */ jsx(KeyHint, { spec: "esc" })]
 						}),
 						/* @__PURE__ */ jsx("div", { className: "flex-1" }),
-						/* @__PURE__ */ jsxs("button", {
+						!request.fromView && /* @__PURE__ */ jsxs("button", {
 							type: "button",
 							onClick: () => onResolve(request.id, "accept-safelist"),
 							className: SECONDARY,

package/dist/approvals/ApprovalShell.js

@@ -1,7 +1,7 @@
 import { IconButton } from "../components/IconButton.js";
 import { useApprovalsLabels } from "./ApprovalsProvider.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/approvals/ApprovalShell.tsx
 /**
 * The panel the file-edit review and the safelist draw in when the app gives

package/dist/approvals/ApprovalsProvider.js

@@ -2,8 +2,8 @@ import { LabelsProvider, useLabels } from "../labels.js";
 import { useReadable } from "../chat/headless/store.js";
 import { createApprovalHeads } from "./headless/heads.js";
 import { DEFAULT_APPROVALS_LABELS } from "./headless/labels.js";
-import { jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/approvals/ApprovalsProvider.tsx
 /**
 * Puts an `ApprovalsHost` (and optional label overrides) in context for the

package/dist/approvals/FileEditApproval.js

@@ -8,8 +8,8 @@ import { ApprovalConcern } from "./ApprovalConcern.js";
 import { ApprovalShell } from "./ApprovalShell.js";
 import { allowDecision, approvalPath, initialHunkMask } from "./headless/preview.js";
 import { MultiHunkChecklist, SingleHunkPreview } from "./HunkPreviews.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { parseSessionKey } from "zidane/chat/pure";
 //#region src/approvals/FileEditApproval.tsx
 /**

package/dist/approvals/HunkPreviews.js

@@ -1,8 +1,8 @@
 import { MetaChip } from "../components/Form.js";
 import { useApprovalsLabels } from "./ApprovalsProvider.js";
 import { DiffLines } from "../chat/transcript/DiffLines.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { computeLineDiff } from "zidane/chat/pure";
 //#region src/approvals/HunkPreviews.tsx
 /**
@@ -169,7 +169,7 @@ function SingleHunkPreview({ edit, preview, path, isWriteFile }) {
 				isNewFile ? /* @__PURE__ */ jsx("span", {
 					className: "zg-meta ml-auto",
 					children: labels.hunkNewFile
-				}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+				}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 					className: "zg-meta !text-zg-success ml-auto",
 					children: labels.hunkAdded(added)
 				}), /* @__PURE__ */ jsx("span", {

package/dist/approvals/SafelistPanel.js

@@ -4,8 +4,8 @@ import { ErrorNote, FormSection } from "../components/Form.js";
 import { useReadable } from "../chat/headless/store.js";
 import { useApprovalsHost, useApprovalsLabels } from "./ApprovalsProvider.js";
 import { ApprovalShell } from "./ApprovalShell.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/approvals/SafelistPanel.tsx
 /**
 * The "Always allow" entries the user granted, grouped by project, each with
@@ -53,7 +53,7 @@ function SafelistBody({ safelist, renderShell, className, style }) {
 		}
 	}, [remove]);
 	const empty = groups !== null && groups.every((g) => g.entries.length === 0);
-	const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+	const body = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		groups === null && state.status !== "error" && /* @__PURE__ */ jsx("div", {
 			className: "text-sm text-[var(--zg-text-muted)]",
 			children: labels.safelistLoading

package/dist/approvals/headless/labels.d.ts

@@ -22,6 +22,9 @@ declare const DEFAULT_APPROVALS_LABELS: {
   approvalFileEditReview: string;
   approvalFileEditNoPath: string;
   approvalFromSubagent: (label: string) => string;
+  /** A view's button asked for the call: the view and the button. */
+  approvalFromView: (viewId: string, label: string) => string;
+  approvalFromMcpApp: (server: string) => string;
   approvalClose: string;
   hunksOf: string;
   hunksSelected: string;

package/dist/approvals/headless/labels.js

@@ -21,6 +21,9 @@ const DEFAULT_APPROVALS_LABELS = {
 	approvalFileEditReview: "Review the change before you allow it.",
 	approvalFileEditNoPath: "No file path given. Check the input below.",
 	approvalFromSubagent: (label) => `From subagent ${label}`,
+	/** A view's button asked for the call: the view and the button. */
+	approvalFromView: (viewId, label) => `From view ${viewId}: ${label}`,
+	approvalFromMcpApp: (server) => `From MCP app of ${server}`,
 	approvalClose: "Close",
 	hunksOf: "of",
 	hunksSelected: "hunks selected",

package/dist/chat/ChatProvider.js

@@ -1,7 +1,7 @@
 import { LabelsProvider } from "../labels.js";
 import { constant, useReadable } from "./headless/store.js";
-import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/chat/ChatProvider.tsx
 /**
 * Puts a `ChatHost` (and optional label overrides) in context for the chat

package/dist/chat/DaemonOrb.js

@@ -1,6 +1,6 @@
 import { iconButtonClass } from "../components/IconButton.js";
-import { jsx } from "react/jsx-runtime";
 import { forwardRef, useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/chat/DaemonOrb.tsx
 /**
 * The daemon's status orb: a small lit sphere instead of a flat dot.

package/dist/chat/HostBadge.js

@@ -45,7 +45,7 @@ function HostBadge({ host, icon = false, onOpen, className = "", style }) {
 			event.stopPropagation();
 			onOpen();
 		},
-		className: `${classes} border-0 cursor-pointer hover:text-[var(--zg-text)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--zg-ring)]`,
+		className: `${classes} border-0 cursor-pointer hover:text-[var(--zg-text)] zg-focus-ring`,
 		style,
 		children: content
 	});

package/dist/chat/HostTranscript.js

@@ -4,8 +4,8 @@ import { useSettingsHost } from "../settings/SettingsProvider.js";
 import { useChatLabels } from "./useChatLabels.js";
 import { TranscriptActionsProvider } from "./transcript/actions.js";
 import { DEFAULT_TRANSCRIPT_OPTIONS, Transcript } from "./Transcript.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/chat/HostTranscript.tsx
 /**
 * `Transcript` over a `ChatHost`: reads `host.transcript(sessionId)`,

package/dist/chat/PdfPreview.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/chat/PdfPreview.tsx
 /**
 * A PDF attachment in the browser's own viewer (pages, zoom, search, print),

package/dist/chat/RunEstimateChip.js

@@ -1,7 +1,7 @@
 import { useChatLabels } from "./useChatLabels.js";
 import { pickRunEstimate } from "./headless/sidebar/estimates.js";
-import { jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useState, useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
 import { estimateReadout, formatEstimate, isRunEstimated } from "zidane/chat/pure";
 //#region src/chat/RunEstimateChip.tsx
 /**

package/dist/chat/SessionFilterMenu.js

@@ -1,8 +1,8 @@
 import { IconButton } from "../components/IconButton.js";
 import { MenuNote } from "../components/Menu.js";
 import { useChatLabels } from "./useChatLabels.js";
+import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment$1 } from "react";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 //#region src/chat/SessionFilterMenu.tsx
 /**
@@ -133,7 +133,7 @@ function SessionFilterMenu({ view, status, project, activity, sort, extras = NO_
 			sideOffset: 6,
 			className: `${SURFACE_CLASS} min-w-[14rem]`,
 			onCloseAutoFocus: (event) => event.preventDefault(),
-			children: shown.map((group, i) => /* @__PURE__ */ jsxs(Fragment$1, { children: [i > 0 && /* @__PURE__ */ jsx(DropdownMenu.Separator, { className: "zg-menu-sep" }), group] }, i))
+			children: shown.map((group, i) => /* @__PURE__ */ jsxs(Fragment, { children: [i > 0 && /* @__PURE__ */ jsx(DropdownMenu.Separator, { className: "zg-menu-sep" }), group] }, i))
 		}) })]
 	});
 }

package/dist/chat/SessionList.js

@@ -8,8 +8,8 @@ import { buildSessionRows, filterSessions, relativeTime } from "./headless/sessi
 import { GroupGlyph, SessionGroupHeader, ShowMoreRow } from "./SessionGroupHeader.js";
 import { dotStateFor } from "./StatusDot.js";
 import { SessionListRow } from "./SessionListRow.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/chat/SessionList.tsx
 /**
 * The sessions list, wired to a `ChatHost`: grouped and sorted rows, inline

package/dist/chat/SessionListRow.js

@@ -3,8 +3,8 @@ import { EditableTitle } from "../components/EditableTitle.js";
 import { RowActionsMenu } from "../components/RowActionsMenu.js";
 import { useChatLabels } from "./useChatLabels.js";
 import { StatusDot } from "./StatusDot.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { memo, useCallback, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/chat/SessionListRow.tsx
 /**
 * One session in a list: status dot, title (inline rename), trailing badges
@@ -136,7 +136,7 @@ const SessionListRow = memo(function SessionListRow({ id, title, active = false,
 					className: `zg-session-sub pl-6 pr-2 ${subClassName}`.trim(),
 					children: sub
 				})]
-			}), hasMenu && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconButton, {
+			}), hasMenu && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(IconButton, {
 				ref: trigger,
 				icon: "i-ph-dots-three",
 				label: menuLabel ?? labels.sessionActions,

package/dist/chat/SessionStreamsProvider.d.ts

@@ -19,6 +19,8 @@ interface SessionStreamsProviderProps<K extends string = string> {
  * @param props - The streams and the components that read them.
  */
 declare function SessionStreamsProvider<K extends string = string>({ streams, children }: SessionStreamsProviderProps<K>): import("react").JSX.Element;
+/** The writes of the nearest {@link SessionStreamsProvider}, or `null` outside one (an app whose host keeps the transcript). */
+declare function useOptionalSessionStreamActions<K extends string = string>(): SessionStreamActions<K> | null;
 /** The streams themselves (stable). */
 declare function useSessionStreams<K extends string = string>(): SessionStreams<K>;
 /** The streams' bound writes (stable): dispatching never subscribes the caller. */
@@ -99,4 +101,4 @@ declare function usePeekRunSeq<K extends string = string>(): (sessionId: K | nul
  */
 declare function useCaptureRunState(): () => () => boolean;
 //#endregion
-export { SessionStreamsProvider, SessionStreamsProviderProps, useCaptureRunState, useHasSessionEvents, useIsSessionHydrated, usePeekRunSeq, usePeekSessionEvents, usePeekSessionRunning, useSessionEdits, useSessionEvents, useSessionEventsSelector, useSessionFallbackModel, useSessionPage, useSessionRetry, useSessionRunning, useSessionStreamActions, useSessionStreams, useSessionSystemMd };
+export { SessionStreamsProvider, SessionStreamsProviderProps, useCaptureRunState, useHasSessionEvents, useIsSessionHydrated, useOptionalSessionStreamActions, usePeekRunSeq, usePeekSessionEvents, usePeekSessionRunning, useSessionEdits, useSessionEvents, useSessionEventsSelector, useSessionFallbackModel, useSessionPage, useSessionRetry, useSessionRunning, useSessionStreamActions, useSessionStreams, useSessionSystemMd };

package/dist/chat/SessionStreamsProvider.js

@@ -1,7 +1,7 @@
 import { createSessionStreamActions } from "./headless/streams/actions.js";
 import { readSessionEvents, readSessionFallback, readSessionPage, readSessionRetry, readSessionRunning, readSessionSystemMd, selectEditEvents, stableSelection } from "./headless/streams/selectors.js";
-import { jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/chat/SessionStreamsProvider.tsx
 /**
 * The session stream store (`createSessionStreams`, `zidane-ui/chat/headless`)
@@ -39,6 +39,10 @@ function useStreamsCtx() {
 	if (!ctx) throw new Error("zidane-ui/chat: wrap the stream hooks in <SessionStreamsProvider streams={…}>");
 	return ctx;
 }
+/** The writes of the nearest {@link SessionStreamsProvider}, or `null` outside one (an app whose host keeps the transcript). */
+function useOptionalSessionStreamActions() {
+	return useContext(StreamsContext)?.actions ?? null;
+}
 /** The streams themselves (stable). */
 function useSessionStreams() {
 	return useStreamsCtx().streams;
@@ -191,4 +195,4 @@ function useCaptureRunState() {
 	}, [store]);
 }
 //#endregion
-export { SessionStreamsProvider, useCaptureRunState, useHasSessionEvents, useIsSessionHydrated, usePeekRunSeq, usePeekSessionEvents, usePeekSessionRunning, useSessionEdits, useSessionEvents, useSessionEventsSelector, useSessionFallbackModel, useSessionPage, useSessionRetry, useSessionRunning, useSessionStreamActions, useSessionStreams, useSessionSystemMd };
+export { SessionStreamsProvider, useCaptureRunState, useHasSessionEvents, useIsSessionHydrated, useOptionalSessionStreamActions, usePeekRunSeq, usePeekSessionEvents, usePeekSessionRunning, useSessionEdits, useSessionEvents, useSessionEventsSelector, useSessionFallbackModel, useSessionPage, useSessionRetry, useSessionRunning, useSessionStreamActions, useSessionStreams, useSessionSystemMd };

package/dist/chat/StatusDot.js

@@ -1,8 +1,8 @@
 import { ZidaneMark } from "../components/ZidaneMark.js";
 import { Presence } from "../motion/swap.js";
 import { useChatLabels } from "./useChatLabels.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/chat/StatusDot.tsx
 /**
 * A session's state as one 8px dot: idle ring, the zidane mark (its bands

package/dist/chat/TextPreview.js

@@ -3,8 +3,8 @@ import { useChatLabels } from "./useChatLabels.js";
 import { useTranscriptRenderers } from "./transcript/renderers.js";
 import { decodeDataUrlAsText, detectLanguage, formatBytes } from "./composer/attachment-ingest.js";
 import { AttachmentIcon } from "./transcript/prompt.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/chat/TextPreview.tsx
 /**
 * A text attachment's contents, sized for the lightbox: a header (icon,

package/dist/chat/Throbber.js

@@ -1,6 +1,6 @@
 import { useAppearanceReducedMotion, useTheme } from "../appearance/AppearanceProvider.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useId, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { blendHsl } from "zidane/chat/pure";
 //#region src/chat/Throbber.tsx
 /**

package/dist/chat/Transcript.d.ts

@@ -7,7 +7,7 @@ import { RunRetry } from "zidane/chat/pure";
 import { Settings } from "zidane/chat";
 //#region src/chat/Transcript.d.ts
 /** The display settings a transcript reads: zidane's `Settings` fields of the same names. */
-type TranscriptOptions = Pick<Settings, 'showRowIcons' | 'showThinking' | 'showToolResults' | 'showEditDiffs' | 'showFullShellOutput' | 'groupToolCalls' | 'toolCallDisplay' | 'transcriptDensity' | 'hideSubagentOutput' | 'showRunReceipt' | 'thinkingAutoExpand' | 'showCacheNotices' | 'codemodeShowCalls' | 'showToolAttachments' | 'renderDiagrams'>;
+type TranscriptOptions = Pick<Settings, 'showRowIcons' | 'showThinking' | 'showToolResults' | 'showEditDiffs' | 'showFullShellOutput' | 'groupToolCalls' | 'toolCallDisplay' | 'transcriptDensity' | 'hideSubagentOutput' | 'showRunReceipt' | 'thinkingAutoExpand' | 'showCacheNotices' | 'codemodeShowCalls' | 'showToolAttachments' | 'renderDiagrams' | 'views' | 'viewsInputs' | 'viewsCustomCode'>;
 /** zidane's defaults for those settings. */
 declare const DEFAULT_TRANSCRIPT_OPTIONS: TranscriptOptions;
 /** Select-turn mode, driven by the app (its keys move `selected`). */

package/dist/chat/Transcript.js

@@ -2,19 +2,22 @@ import { firstRowId } from "./headless/transcript/rows.js";
 import { useExtensionItems } from "../extensions/ExtensionsProvider.js";
 import { LinkSessionScope } from "../extensions/links.js";
 import { CvRow, TranscriptSettling } from "./transcript/LazyRow.js";
-import { MarkdownDiagrams } from "./transcript/markdown.js";
+import { DiagramsContext } from "./transcript/diagrams-scope.js";
+import { textlessExchanges, viewPlacements } from "../views/headless/placement.js";
+import { CodemodeViewsSlot, ReplyViewPlaces, ViewsScopeContext, viewsScopeOf } from "./transcript/view-scope.js";
 import { useTranscriptActions } from "./transcript/actions.js";
 import { RowIconsContext } from "./transcript/frame.js";
 import { ExtensionSlot } from "../extensions/ExtensionSlot.js";
 import { rowTurnIds, stopForRow } from "./headless/transcript/select-stops.js";
+import { ViewAnswers } from "../views/headless/answers.js";
 import { rowCvStyle, rowEstimatePx } from "./transcript/row-estimate.js";
 import { SelectCursor } from "./transcript/SelectCursor.js";
 import { SubagentBlock } from "./transcript/SubagentBlock.js";
 import { TranscriptRow, TranscriptRowSlot, isHiddenRow } from "./transcript/TranscriptRow.js";
 import { useSelectStops, useTranscriptRows } from "./transcript/use-transcript-rows.js";
 import { useTranscriptSelectionCopy } from "./transcript/useTranscriptSelectionCopy.js";
+import { memo, useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { memo, useCallback, useMemo, useRef } from "react";
 import { DEFAULT_SETTINGS, runTailActivity } from "zidane/chat/pure";
 //#region src/chat/Transcript.tsx
 /**
@@ -57,7 +60,10 @@ const DEFAULT_TRANSCRIPT_OPTIONS = {
 	showCacheNotices: DEFAULT_SETTINGS.showCacheNotices,
 	codemodeShowCalls: DEFAULT_SETTINGS.codemodeShowCalls,
 	showToolAttachments: DEFAULT_SETTINGS.showToolAttachments,
-	renderDiagrams: DEFAULT_SETTINGS.renderDiagrams
+	renderDiagrams: DEFAULT_SETTINGS.renderDiagrams,
+	views: DEFAULT_SETTINGS.views,
+	viewsInputs: DEFAULT_SETTINGS.viewsInputs,
+	viewsCustomCode: DEFAULT_SETTINGS.viewsCustomCode
 };
 /**
 * Top-level rows at the end of the transcript that mount at once (the rest
@@ -148,6 +154,57 @@ const Transcript = memo(function Transcript({ events, streaming, sessionId, opti
 		sessionId,
 		clusters
 	]);
+	const viewInputs = o.views && o.viewsInputs;
+	const viewEvents = o.views ? events : null;
+	const [viewPlaces] = useState(() => new ReplyViewPlaces());
+	const [viewAnswers] = useState(() => new ViewAnswers());
+	useMemo(() => {
+		if (viewEvents) viewPlaces.replace(viewPlacements(viewEvents, viewPlaces.current));
+		if (viewEvents && viewInputs) viewAnswers.update(viewEvents);
+	}, [
+		viewEvents,
+		viewInputs,
+		viewPlaces,
+		viewAnswers
+	]);
+	useLayoutEffect(() => {
+		if (viewEvents) viewPlaces.flush();
+		if (viewEvents && viewInputs) viewAnswers.flush();
+	}, [
+		viewEvents,
+		viewInputs,
+		viewPlaces,
+		viewAnswers
+	]);
+	const viewsScope = useMemo(() => viewsScopeOf(o.views, o.viewsCustomCode, o.viewsInputs, viewAnswers, viewPlaces), [
+		o.views,
+		o.viewsCustomCode,
+		o.viewsInputs,
+		viewAnswers,
+		viewPlaces
+	]);
+	const textlessEnds = useMemo(() => {
+		if (!viewEvents || !sessionId) return null;
+		const exchanges = textlessExchanges(viewEvents).filter((exchange) => exchange.closed || !streaming);
+		if (exchanges.length === 0) return null;
+		const lastRow = /* @__PURE__ */ new Map();
+		for (const cluster of clusters) {
+			if (cluster.kind !== "single") continue;
+			for (const id of rowTurnIds(cluster.row)) lastRow.set(id, cluster.row.id);
+		}
+		const byRow = /* @__PURE__ */ new Map();
+		for (const exchange of exchanges) {
+			let rowId;
+			for (const turnId of exchange.turns) rowId = lastRow.get(turnId) ?? rowId;
+			if (rowId) byRow.set(rowId, exchange.turns);
+		}
+		return byRow;
+	}, [
+		viewEvents,
+		sessionId,
+		streaming,
+		clusters
+	]);
 	const selectedTurnId = selection?.selected ?? null;
 	const stops = useSelectStops(visibleRows, events, showThinking, selectedTurnId !== null, selection?.registerStops);
 	const containerRef = useRef(null);
@@ -267,6 +324,7 @@ const Transcript = memo(function Transcript({ events, streaming, sessionId, opti
 		const out = [];
 		const nextSlotCache = lazy ? /* @__PURE__ */ new Map() : slotCache.current;
 		const eagerFrom = lazy ? eagerTailStart(list, (row) => isHiddenRow(row, showThinking)) : 0;
+		const textlessHere = lazy && sessionId ? textlessEnds : null;
 		const renderSingle = (cluster, ci) => {
 			if (isHiddenRow(cluster.row, showThinking)) return;
 			const stop = stops ? stopForRow(cluster.row, stops) : null;
@@ -313,6 +371,14 @@ const Transcript = memo(function Transcript({ events, streaming, sessionId, opti
 		list.forEach((cluster, ci) => {
 			if (cluster.kind === "single") {
 				renderSingle(cluster, ci);
+				const textless = textlessHere?.get(cluster.row.id);
+				if (textless) out.push(/* @__PURE__ */ jsx("div", {
+					className: "pl-2 pr-1",
+					children: /* @__PURE__ */ jsx(CodemodeViewsSlot, {
+						sessionId,
+						turns: textless
+					})
+				}, `views-end:${cluster.row.id}`));
 				const ends = lazy && sessionId ? turnEnds?.get(cluster.row.id) : void 0;
 				for (const turnId of ends ?? []) out.push(/* @__PURE__ */ jsx(ExtensionSlot, {
 					at: "transcript.turn-end",
@@ -334,29 +400,32 @@ const Transcript = memo(function Transcript({ events, streaming, sessionId, opti
 		value: settling,
 		children: /* @__PURE__ */ jsx(RowIconsContext.Provider, {
 			value: o.showRowIcons,
-			children: /* @__PURE__ */ jsx(MarkdownDiagrams, {
-				enabled: o.renderDiagrams,
-				children: /* @__PURE__ */ jsx(LinkSessionScope, {
-					sessionId,
-					children: /* @__PURE__ */ jsxs("div", {
-						ref: containerRef,
-						className,
-						style,
-						children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: "zg-timeline relative pl-2 pr-1 py-1",
-								children: [/* @__PURE__ */ jsx(SelectCursor, {
-									selected: selectedTurnId,
-									layout: stops
-								}), rootRows]
-							}),
-							sessionId && !streaming && events.length > 0 && /* @__PURE__ */ jsx(ExtensionSlot, {
-								at: "transcript.turn-end",
-								sessionId,
-								className: "pl-2 pr-1 py-1"
-							}),
-							children
-						]
+			children: /* @__PURE__ */ jsx(DiagramsContext.Provider, {
+				value: o.renderDiagrams,
+				children: /* @__PURE__ */ jsx(ViewsScopeContext.Provider, {
+					value: viewsScope,
+					children: /* @__PURE__ */ jsx(LinkSessionScope, {
+						sessionId,
+						children: /* @__PURE__ */ jsxs("div", {
+							ref: containerRef,
+							className,
+							style,
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "zg-timeline relative pl-2 pr-1 py-1",
+									children: [/* @__PURE__ */ jsx(SelectCursor, {
+										selected: selectedTurnId,
+										layout: stops
+									}), rootRows]
+								}),
+								sessionId && !streaming && events.length > 0 && /* @__PURE__ */ jsx(ExtensionSlot, {
+									at: "transcript.turn-end",
+									sessionId,
+									className: "pl-2 pr-1 py-1"
+								}),
+								children
+							]
+						})
 					})
 				})
 			})

package/dist/chat/composer/AgentPicker.js

@@ -2,8 +2,8 @@ import { Menu, MenuNote, MenuRow } from "../../components/Menu.js";
 import { Popover } from "../../components/floating/Popover.js";
 import { useChatLabels } from "../useChatLabels.js";
 import { PickerPill } from "./PickerPill.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/chat/composer/AgentPicker.tsx
 /**
 * The agent profile pill of the composer's controls and its menu: every

package/dist/chat/composer/AgentPickerDialog.js

@@ -4,8 +4,8 @@ import { useComposerHost, useComposerLabels } from "./ComposerHostProvider.js";
 import { ModalShell } from "../../app/ModalProvider.js";
 import { useAgentProfiles } from "./use-agent-profiles.js";
 import { useCacheHints } from "./use-cache-hints.js";
-import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
 import { accentColor } from "zidane/chat/pure";
 //#region src/chat/composer/AgentPickerDialog.tsx
 /**

package/dist/chat/composer/ApprovalDock.js

@@ -2,8 +2,8 @@ import { ModalShell, useModal } from "../../app/ModalProvider.js";
 import { FileEditApproval } from "../../approvals/FileEditApproval.js";
 import { ApprovalBar } from "../../approvals/ApprovalBar.js";
 import { DockCard } from "./DockCard.js";
-import { jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/chat/composer/ApprovalDock.tsx
 /**
 * `ApprovalBar` in the composer dock: the inline card drawn as a

package/dist/chat/composer/AttachmentTiles.js

@@ -2,8 +2,8 @@ import { readExitMs } from "../../motion/presence.js";
 import { useComposerLabels } from "./ComposerHostProvider.js";
 import { isPdfAttachment, isTextLike } from "./attachment-ingest.js";
 import { AttachmentIcon } from "../transcript/prompt.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/chat/composer/AttachmentTiles.tsx
 /**
 * Staged attachments as tiles, shared by the composer and the queued-message
@@ -107,7 +107,7 @@ function AttachmentRow({ attachments, exitingIds, onRemove, onExited, onOpenLigh
 								className: `${ATTACHMENT_TILE} w-full h-16 flex flex-col items-center justify-center gap-1 px-2 overflow-hidden cursor-zoom-in`,
 								children: (() => {
 									const parts = attachmentLabelParts(att.name, isPdfAttachment(att) ? "i-ph-file-pdf" : "i-ph-file-text");
-									return /* @__PURE__ */ jsxs(Fragment, { children: [
+									return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 										/* @__PURE__ */ jsx(AttachmentIcon, {
 											parts,
 											className: "text-lg"

package/dist/chat/composer/Composer.js

@@ -11,8 +11,8 @@ import { loadComposerEditor, loadedComposerEditor } from "./load-composer-editor
 import { isCaretAtEnd, isCaretAtStart, plainTextToDocJson } from "./prompt-history-nav.js";
 import { SendButton } from "./SendButton.js";
 import { SuggestionPopup } from "./suggestions.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { otherDelivery } from "zidane/chat/pure";
 //#region src/chat/composer/Composer.tsx
 const serialize = (editor) => editor.getText({ blockSeparator: "\n" });

package/dist/chat/composer/ComposerBadges.js

@@ -3,8 +3,8 @@ import { Tooltip } from "../../components/Tooltip.js";
 import { moveId, useTabDrag } from "../../hooks/useTabDrag.js";
 import { CountBadge } from "../../components/TabPill.js";
 import { useChatLabels } from "../useChatLabels.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, Reorder } from "motion/react";
 //#region src/chat/composer/ComposerBadges.tsx
 /**
@@ -171,7 +171,7 @@ function Strip({ badges, onReorder, label }) {
 }
 function Pill({ badge, onSelect, onMove }) {
 	const tone = badge.tone ? TONE_CLASS[badge.tone] : badge.highlight ? TONE_CLASS.warn : "";
-	const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+	const body = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		badge.loader ? /* @__PURE__ */ jsx("span", {
 			"aria-hidden": true,
 			className: "zg-arc shrink-0"

package/dist/chat/composer/ComposerControls.js

@@ -6,8 +6,8 @@ import { HostContextOrb } from "./HostContextOrb.js";
 import { HostAgentPicker, HostModelOptionsPicker, HostModelPicker } from "./HostPickers.js";
 import { useJoinedRunProgress, useRunAccruedCost, useRunOutputTokens, useRunProgress } from "./use-run-meter.js";
 import { RunStatusChip } from "./RunStatusChip.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/chat/composer/ComposerControls.tsx
 /**
 * The composer's controls row, split in its two clusters: