@workerdeck/ui 2.9.0 → 2.10.0

package/build/{SessionPanel-BClL7zUS.mjs → use-path-links-CvcxdUXL.mjs}

@@ -9,7 +9,7 @@ import { ArrowDown, ArrowDownCircle, ArrowLeft, ArrowRight, ArrowUp, AtSign, Bra
 import { Menu } from "@base-ui/react/menu";
 import { Dialog } from "@base-ui/react/dialog";
 import { Tooltip } from "@base-ui/react/tooltip";
-import { PROTOCOL_VERSION, mergeUsage, orderUsageWindows, parseTodoWriteInput, parseUserQuestions, sessionTasks, subagentLabel, taskCountLabel, taskSummary, toolTitle, usageInfos, usageIsStale, visibleTasks } from "@workerdeck/protocol";
+import { PRICING_NOTE, PROTOCOL_VERSION, UNPRICED_WARN_SHARE, canonicalModel, costOf, costOfByModel, mergeUsage, orderUsageWindows, parseTodoWriteInput, parseUserQuestions, rateFor, sessionTasks, subagentLabel, taskCountLabel, taskSummary, toolTitle, totalTokens, usageInfos, usageIsStale, visibleTasks } from "@workerdeck/protocol";
 import { recapLine, scanPromptTokens, summarizeSince, useAttachments, useClaudeSession, useDraft, useHostFileSearch, useProfileUsage, useToolCallHost } from "@workerdeck/react";
 import { Streamdown } from "streamdown";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
@@ -464,13 +464,19 @@ function ProgressRing({ value, size = 13, strokeWidth = 2, className }) {
 //#endregion
 //#region src/components/prompt-area/prompt-area-engine.ts
 /**
+* A chip's plain-text form: `{sigil ?? trigger}{displayText}` (e.g., "@Alice").
+*/
+function chipPlainText(seg) {
+	return `${seg.sigil ?? seg.trigger}${seg.displayText}`;
+}
+/**
 * Converts an array of segments to a plain text string.
-* Chips are represented as `{trigger}{displayText}` (e.g., "@Alice").
+* Chips are represented by {@link chipPlainText}.
 */
 function segmentsToPlainText(segments) {
 	return segments.map((seg) => {
 		if (seg.type === "text") return seg.text;
-		return `${seg.trigger}${seg.displayText}`;
+		return chipPlainText(seg);
 	}).join("");
 }
 /**
@@ -495,7 +501,7 @@ function truncateSegmentsToLength(segments, maxLength) {
 	const result = [];
 	let length = 0;
 	for (const seg of segments) {
-		const segLength = seg.type === "text" ? seg.text.length : seg.trigger.length + seg.displayText.length;
+		const segLength = seg.type === "text" ? seg.text.length : chipPlainText(seg).length;
 		if (length + segLength <= maxLength) {
 			result.push(seg);
 			length += segLength;
@@ -597,13 +603,13 @@ function detectActiveTrigger(text, cursorPos, triggers) {
 * @param chip - The chip data (value, displayText, optional data)
 * @returns New segments array with the chip inserted, and the new cursor position
 */
-function resolveChip(segments, activeTrigger, chip) {
+function resolveChip(segments, activeTrigger, chip, trailingText = " ") {
 	const triggerStart = activeTrigger.startOffset;
 	const triggerEnd = triggerStart + 1 + activeTrigger.query.length;
 	const newSegments = [];
 	let offset = 0;
 	for (const seg of segments) if (seg.type === "chip") {
-		const chipText = `${seg.trigger}${seg.displayText}`;
+		const chipText = chipPlainText(seg);
 		const chipStart = offset;
 		const chipEnd = offset + chipText.length;
 		if (chipEnd <= triggerStart || chipStart >= triggerEnd) newSegments.push(seg);
@@ -625,17 +631,18 @@ function resolveChip(segments, activeTrigger, chip) {
 				trigger: activeTrigger.config.char,
 				value: chip.value,
 				displayText: chip.displayText,
+				...chip.sigil !== void 0 ? { sigil: chip.sigil } : {},
 				...chip.data !== void 0 ? { data: chip.data } : {},
 				...chip.autoResolved ? { autoResolved: true } : {}
 			};
 			newSegments.push(newChip);
 			if (afterText) newSegments.push({
 				type: "text",
-				text: " " + afterText.replace(/^\s/, "")
+				text: trailingText + afterText.replace(/^\s/, "")
 			});
 			else newSegments.push({
 				type: "text",
-				text: " "
+				text: trailingText
 			});
 		}
 		offset = textEnd;
@@ -645,12 +652,12 @@ function resolveChip(segments, activeTrigger, chip) {
 	let runningOffset = 0;
 	for (const seg of merged) if (seg.type === "text") runningOffset += seg.text.length;
 	else {
-		runningOffset += seg.trigger.length + seg.displayText.length;
+		runningOffset += chipPlainText(seg).length;
 		if (seg.value === chip.value && seg.displayText === chip.displayText && seg.trigger === activeTrigger.config.char) lastChipEndOffset = runningOffset;
 	}
 	return {
 		segments: merged,
-		cursorOffset: lastChipEndOffset === -1 ? runningOffset : lastChipEndOffset + 1
+		cursorOffset: lastChipEndOffset === -1 ? runningOffset : lastChipEndOffset + trailingText.length
 	};
 }
 /**
@@ -671,7 +678,7 @@ function resolveText(segments, activeTrigger, text) {
 	let cursorOffset = triggerStart + text.length;
 	for (const seg of segments) {
 		if (seg.type === "chip") {
-			const chipEnd = offset + `${seg.trigger}${seg.displayText}`.length;
+			const chipEnd = offset + chipPlainText(seg).length;
 			if (chipEnd <= triggerStart || offset >= triggerEnd) newSegments.push(seg);
 			offset = chipEnd;
 			continue;
@@ -729,7 +736,7 @@ function revertChipAtIndex(segments, index) {
 	if (index < 0 || index >= segments.length) return null;
 	const seg = segments[index];
 	if (seg.type !== "chip" || !seg.autoResolved) return null;
-	const revertedText = `${seg.trigger}${seg.displayText}`;
+	const revertedText = chipPlainText(seg);
 	return {
 		segments: mergeAdjacentTextSegments([
 			...segments.slice(0, index),
@@ -826,7 +833,7 @@ function replaceTextRange(segments, start, end, replacement) {
 	let offset = 0;
 	let inserted = false;
 	for (const seg of segments) if (seg.type === "chip") {
-		const chipText = `${seg.trigger}${seg.displayText}`;
+		const chipText = chipPlainText(seg);
 		const chipStart = offset;
 		const chipEnd = offset + chipText.length;
 		if (!inserted && start === end && chipStart === start) {
@@ -1388,6 +1395,10 @@ function getChipData(node) {
 	if (!raw) return;
 	return safeJsonParse(raw);
 }
+function getChipSigil(node) {
+	if (!isChipElement(node)) return;
+	return node.dataset.chipSigil;
+}
 /**
 * Length of a chip's plain-text representation (`trigger + displayText`).
 *
@@ -1397,7 +1408,7 @@ function getChipData(node) {
 * `textContent` for resilience against externally-mutated nodes.
 */
 function chipNodeTextLength(node) {
-	const trigger = node.dataset.chipTrigger ?? "";
+	const trigger = node.dataset.chipSigil ?? node.dataset.chipTrigger ?? "";
 	const display = node.dataset.chipDisplay ?? node.textContent ?? "";
 	return trigger.length + display.length;
 }
@@ -1416,6 +1427,7 @@ function chipNodeToSegment(node) {
 	const value = getChipValue(node);
 	const displayText = getChipDisplay(node);
 	if (!trigger || value === void 0 || !displayText) return null;
+	const sigil = getChipSigil(node);
 	const data = getChipData(node);
 	const autoResolved = getChipAutoResolved(node);
 	return {
@@ -1423,6 +1435,7 @@ function chipNodeToSegment(node) {
 		trigger,
 		value,
 		displayText,
+		...sigil !== void 0 ? { sigil } : {},
 		...data !== void 0 ? { data } : {},
 		...autoResolved ? { autoResolved: true } : {}
 	};
@@ -2052,7 +2065,7 @@ function serializeFragmentToPlainText(fragment) {
 			text += value;
 		},
 		onChip: (node) => {
-			text += (getChipTrigger(node) ?? "") + (getChipDisplay(node) ?? "");
+			text += (getChipSigil(node) ?? getChipTrigger(node) ?? "") + (getChipDisplay(node) ?? "");
 		},
 		onBreak: () => {
 			text += "\n";
@@ -2106,6 +2119,7 @@ function parseSegmentsFromClipboard(json) {
 					trigger: item.trigger,
 					value: item.value,
 					displayText: item.displayText,
+					...typeof item.sigil === "string" ? { sigil: item.sigil } : {},
 					...item.data !== void 0 ? { data: item.data } : {},
 					...item.autoResolved ? { autoResolved: true } : {}
 				};
@@ -2140,7 +2154,7 @@ function insertSegmentsAtCursor(currentSegments, pastedSegments, editor) {
 	};
 	for (const seg of currentSegments) {
 		if (seg.type === "chip") {
-			const chipLen = seg.trigger.length + seg.displayText.length;
+			const chipLen = chipPlainText(seg).length;
 			if (offset >= cursorOffset) insertOnce();
 			result.push(seg);
 			offset += chipLen;
@@ -2618,7 +2632,7 @@ function usePromptAreaKeydown({ editorRef, triggers, markdownEnabled, submitOnEn
 		for (let i = 0; i < segIdx; i++) {
 			const s = segments[i];
 			if (s.type === "text") targetOffset += s.text.length;
-			else targetOffset += s.trigger.length + s.displayText.length;
+			else targetOffset += chipPlainText(s).length;
 		}
 		targetOffset += result.revertedText.length;
 		onChange(result.segments);
@@ -3229,6 +3243,7 @@ function usePromptArea({ value, onChange, triggers = NO_TRIGGERS, disabled = fal
 			chip.dataset.chipTrigger = seg.trigger;
 			chip.dataset.chipValue = seg.value;
 			chip.dataset.chipDisplay = seg.displayText;
+			if (seg.sigil !== void 0) chip.dataset.chipSigil = seg.sigil;
 			if (seg.data !== void 0) {
 				const json = safeJsonStringify(seg.data);
 				if (json) chip.dataset.chipData = json;
@@ -3238,7 +3253,7 @@ function usePromptArea({ value, onChange, triggers = NO_TRIGGERS, disabled = fal
 			const chipStyle = triggerConfig?.chipStyle ?? "pill";
 			chip.dataset.chipStyle = chipStyle;
 			chip.className = cn("prompt-area-chip", chipStyle === "inline" && "prompt-area-chip--inline", triggerConfig?.chipClassName);
-			chip.textContent = `${seg.trigger}${seg.displayText}`;
+			chip.textContent = chipPlainText(seg);
 			chip.setAttribute("role", "button");
 			chip.setAttribute("tabindex", "-1");
 			editor.appendChild(chip);
@@ -3483,9 +3498,11 @@ function usePromptArea({ value, onChange, triggers = NO_TRIGGERS, disabled = fal
 			return;
 		}
 		const displayText = activeTrigger.config.onSelect?.(suggestion) ?? suggestion.label;
+		const options = activeTrigger.config.chipOptions?.(suggestion);
 		const chipData = {
 			value: suggestion.value,
 			displayText: displayText || suggestion.label,
+			...options?.sigil !== void 0 ? { sigil: options.sigil } : {},
 			data: suggestion.data
 		};
 		if (chipEditing.trySelectEditingChip(segments, chipData, activeTrigger.config.char, events.pushUndo)) {
@@ -3495,7 +3512,7 @@ function usePromptArea({ value, onChange, triggers = NO_TRIGGERS, disabled = fal
 			}, 0);
 			return;
 		}
-		const result = resolveChip(segments, activeTrigger, chipData);
+		const result = resolveChip(segments, activeTrigger, chipData, options?.trailingText);
 		onChange(result.segments);
 		renderSegmentsToDOM(result.segments);
 		onChipAdd?.({
@@ -4420,9 +4437,16 @@ const KIND_ORDER = {
 function cleanCommandName(name) {
 	return name.replace(/\s*\(MCP\)$/i, "");
 }
+function skillToken(skill) {
+	return `$${skill.name}`;
+}
+function skillTrailingText(skill) {
+	const token = skillToken(skill);
+	const rest = (skill.defaultPrompt ?? "").split(token).join(" ").replace(/\s+/g, " ").trim();
+	return rest ? ` ${rest} ` : " ";
+}
 function skillPrompt(skill) {
-	const base = skill.defaultPrompt?.trim() || `Use the ${skill.displayName ?? skill.name} skill:`;
-	return /\s$/.test(base) ? base : base + " ";
+	return skillToken(skill) + skillTrailingText(skill);
 }
 function mergeComposerRows(sources) {
 	const rows = [];
@@ -4641,6 +4665,38 @@ function usePulse(animated) {
 	return PULSE_FRAMES[frame % PULSE_FRAMES.length];
 }
 //#endregion
+//#region src/components/agent/PromptTokenText.tsx
+const SkillNamesContext = createContext(void 0);
+function SkillNamesProvider({ names, children }) {
+	return /* @__PURE__ */ jsx(SkillNamesContext.Provider, {
+		value: names,
+		children
+	});
+}
+function PromptTokenText({ text, className }) {
+	const skills = useContext(SkillNamesContext);
+	const tokens = scanPromptTokens(text, { skills });
+	if (tokens.length === 0) return /* @__PURE__ */ jsx("span", {
+		className,
+		children: text
+	});
+	const parts = [];
+	let cursor = 0;
+	for (const [index, token] of tokens.entries()) {
+		if (token.start > cursor) parts.push(text.slice(cursor, token.start));
+		parts.push(/* @__PURE__ */ jsx("span", {
+			className: cn("font-mono", token.kind === "file" ? "text-accent" : "text-info"),
+			children: token.text
+		}, `${token.start}-${index}`));
+		cursor = token.end;
+	}
+	if (cursor < text.length) parts.push(text.slice(cursor));
+	return /* @__PURE__ */ jsx("span", {
+		className,
+		children: parts.map((part, index) => /* @__PURE__ */ jsx(Fragment, { children: part }, index))
+	});
+}
+//#endregion
 //#region src/components/terminal/affordances.tsx
 const DEFAULTS = {
 	hover: true,
@@ -5413,7 +5469,7 @@ function UserRow({ item }) {
 				glyph: index === 0 ? "❯" : void 0,
 				glyphTone: "dim",
 				tone: "fg",
-				children: line || "\xA0"
+				children: line ? /* @__PURE__ */ jsx(PromptTokenText, { text: line }) : "\xA0"
 			}, index)) : null]
 		})
 	});
@@ -5645,7 +5701,7 @@ function TurnResultRow$1({ item }) {
 			" · ",
 			formatDuration(item.durationMs),
 			" · ",
-			formatCost(item.totalCostUsd)
+			formatCost(item.costUsd ?? item.totalCostUsd)
 		]
 	}), item.errors?.map((message, index) => /* @__PURE__ */ jsx(Row, {
 		tone: "red",
@@ -5795,9 +5851,15 @@ function Composer({ onSend, onInterrupt, busy, disabled, placeholder = "Message
 				}),
 				insertAsText: (suggestion) => {
 					const row = byTag.get(String(suggestion.data));
-					if (row?.kind === "skill") return skillPrompt(row.skill);
 					return row?.kind === "client" && row.command.requiresArgs ? `/${row.name} ` : void 0;
 				},
+				chipOptions: (suggestion) => {
+					const row = byTag.get(String(suggestion.data));
+					return row?.kind === "skill" ? {
+						sigil: "$",
+						trailingText: skillTrailingText(row.skill)
+					} : void 0;
+				},
 				onSelect: (suggestion) => suggestion.value,
 				chipClassName: "font-mono"
 			}));
@@ -8218,7 +8280,7 @@ function SessionInfoDialog({ state, client, sessionId, open, onOpenChange }) {
 						/* @__PURE__ */ jsx(DialogRow, {
 							label: "Cost",
 							mono: true,
-							children: formatCost(state.totalCostUsd)
+							children: formatCost(state.costUsd ?? (state.totalCostUsd || void 0))
 						})
 					]
 				}),
@@ -8528,7 +8590,7 @@ function StatusBar({ state, rateLimits, connected, connection, onOpenStatus, onO
 			/* @__PURE__ */ jsx("span", { className: "flex-1" }),
 			/* @__PURE__ */ jsx("span", {
 				className: "font-mono text-label text-fg-3",
-				children: formatCost(state.totalCostUsd)
+				children: formatCost(state.costUsd ?? (state.totalCostUsd || void 0))
 			}),
 			actions ? /* @__PURE__ */ jsx("span", {
 				className: "self-center",
@@ -10304,30 +10366,6 @@ function MessageContent({ className, ...props }) {
 	});
 }
 //#endregion
-//#region src/components/agent/PromptTokenText.tsx
-function PromptTokenText({ text, className }) {
-	const tokens = scanPromptTokens(text);
-	if (tokens.length === 0) return /* @__PURE__ */ jsx("span", {
-		className,
-		children: text
-	});
-	const parts = [];
-	let cursor = 0;
-	for (const [index, token] of tokens.entries()) {
-		if (token.start > cursor) parts.push(text.slice(cursor, token.start));
-		parts.push(/* @__PURE__ */ jsx("span", {
-			className: cn("font-mono", token.kind === "file" ? "text-accent" : "text-info"),
-			children: token.text
-		}, `${token.start}-${index}`));
-		cursor = token.end;
-	}
-	if (cursor < text.length) parts.push(text.slice(cursor));
-	return /* @__PURE__ */ jsx("span", {
-		className,
-		children: parts.map((part, index) => /* @__PURE__ */ jsx(Fragment, { children: part }, index))
-	});
-}
-//#endregion
 //#region src/components/agent/Reasoning.tsx
 function Reasoning({ children, isStreaming = false, defaultOpen, className }) {
 	const [open, setOpen] = useState(defaultOpen ?? isStreaming);
@@ -10635,7 +10673,7 @@ function TurnResultRow({ item }) {
 						" · ",
 						formatDuration(item.durationMs),
 						" · ",
-						formatCost(item.totalCostUsd)
+						formatCost(item.costUsd ?? item.totalCostUsd)
 					]
 				}),
 				/* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-border" })
@@ -11108,85 +11146,116 @@ function Transcript({ state, fileUrl, attachmentUrl, canBrowseFiles, hostImage,
 		terminal,
 		brief
 	]);
+	const skillNames = useMemo(() => state.skills?.map((skill) => skill.name), [state.skills]);
 	return /* @__PURE__ */ jsx(TranscriptVariantProvider, {
 		value: variant,
-		children: /* @__PURE__ */ jsxs(Conversation, {
-			className: cn(replaying && "invisible", className),
-			children: [
-				/* @__PURE__ */ jsx(ConversationContent, {
-					className: cn(terminal && "gap-0 p-0"),
-					children: /* @__PURE__ */ jsxs(TerminalShell, {
-						active: terminal,
-						fontSize,
-						lineHeight,
-						affordances,
-						children: [
-							frame ? frameTask === void 0 && !replaying ? /* @__PURE__ */ jsx("div", {
-								className: cn(terminal ? "term-row text-fg-4" : "p-4 text-body-sm text-fg-4"),
-								children: "This sub-agent's work is not in this transcript."
-							}) : null : items.length === 0 && state.status !== "starting" ? emptyState !== void 0 ? emptyState : /* @__PURE__ */ jsx(SessionEmptyState, {
-								cwd: state.cwd,
-								hasCommands: !!state.commands?.length,
-								hasSkills: !!state.skills?.some((s) => s.enabled),
-								canBrowseFiles
-							}) : null,
-							frame && frameTask === void 0 && !replaying ? null : /* @__PURE__ */ jsx(TranscriptRows, {
-								rows,
-								boundary,
-								since: catchUp?.since,
-								terminal,
-								replaying,
-								stickyPrompt: !frame && stickyPrompt,
-								gap,
-								fontSize,
-								lineHeight,
-								items,
-								pendingApprovals: state.pendingApprovals,
-								scrubber,
-								bookmarks: frame ? void 0 : bookmarks,
-								affordances,
-								fileUrl,
-								attachmentUrl,
-								hostImage,
-								jumpToRecapRef,
-								repinRef,
-								reveal: frame ? void 0 : reveal,
-								frameParentId: frame?.parentToolUseId,
-								onOpenSubagent: frame ? void 0 : onOpenSubagent
-							}),
-							(frame ? frameTask !== void 0 && taskBusy(frameTask, items) : showLoader(state)) ? terminal ? /* @__PURE__ */ jsxs(Fragment$1, { children: [state.items.length > 0 ? /* @__PURE__ */ jsx("div", {
-								className: "term-blank",
-								"aria-hidden": true
-							}) : null, /* @__PURE__ */ jsx(WorkingRow, {
-								label: state.status === "starting" ? "Starting…" : "Working…",
-								startedAt: runStartedAt,
-								tokens: state.contextUsage?.totalTokens
-							})] }) : /* @__PURE__ */ jsx(Loader, { label: state.status === "starting" ? "Starting session…" : void 0 }) : null
-						]
-					})
-				}),
-				/* @__PURE__ */ jsx(ConversationScrollButton, {}),
-				replaying ? /* @__PURE__ */ jsx("div", {
-					"data-slot": "transcript-hold",
-					"aria-hidden": true,
-					className: "wd-hold-appear visible pointer-events-none absolute inset-0 overflow-hidden",
-					children: /* @__PURE__ */ jsx("div", {
-						className: cn("mx-auto w-full max-w-[var(--wd-transcript-max-width)]", !terminal && "px-4 py-4"),
-						children: terminal ? /* @__PURE__ */ jsx(TerminalSurface, {
+		children: /* @__PURE__ */ jsx(SkillNamesProvider, {
+			names: skillNames,
+			children: /* @__PURE__ */ jsxs(Conversation, {
+				className: cn(replaying && "invisible", className),
+				children: [
+					/* @__PURE__ */ jsx(ConversationContent, {
+						className: cn(terminal && "gap-0 p-0"),
+						children: /* @__PURE__ */ jsxs(TerminalShell, {
+							active: terminal,
 							fontSize,
 							lineHeight,
-							affordances: false,
-							bleed: "1ch",
-							className: "term-transcript",
-							children: /* @__PURE__ */ jsx(WorkingRow, { label: "Loading…" })
-						}) : /* @__PURE__ */ jsx(Loader, { label: "Loading session…" })
-					})
-				}) : null
-			]
+							affordances,
+							children: [
+								frame ? frameTask === void 0 && !replaying ? /* @__PURE__ */ jsx("div", {
+									className: cn(terminal ? "term-row text-fg-4" : "p-4 text-body-sm text-fg-4"),
+									children: "This sub-agent's work is not in this transcript."
+								}) : null : items.length === 0 && state.status !== "starting" ? emptyState !== void 0 ? emptyState : /* @__PURE__ */ jsx(SessionEmptyState, {
+									cwd: state.cwd,
+									hasCommands: !!state.commands?.length,
+									hasSkills: !!state.skills?.some((s) => s.enabled),
+									canBrowseFiles
+								}) : null,
+								frame && frameTask === void 0 && !replaying ? null : /* @__PURE__ */ jsx(TranscriptRows, {
+									rows,
+									boundary,
+									since: catchUp?.since,
+									terminal,
+									replaying,
+									stickyPrompt: !frame && stickyPrompt,
+									gap,
+									fontSize,
+									lineHeight,
+									items,
+									pendingApprovals: state.pendingApprovals,
+									scrubber,
+									bookmarks: frame ? void 0 : bookmarks,
+									affordances,
+									fileUrl,
+									attachmentUrl,
+									hostImage,
+									jumpToRecapRef,
+									repinRef,
+									reveal: frame ? void 0 : reveal,
+									frameParentId: frame?.parentToolUseId,
+									onOpenSubagent: frame ? void 0 : onOpenSubagent
+								}),
+								(frame ? frameTask !== void 0 && taskBusy(frameTask, items) : showLoader(state)) ? terminal ? /* @__PURE__ */ jsxs(Fragment$1, { children: [state.items.length > 0 ? /* @__PURE__ */ jsx("div", {
+									className: "term-blank",
+									"aria-hidden": true
+								}) : null, /* @__PURE__ */ jsx(WorkingRow, {
+									label: state.status === "starting" ? "Starting…" : "Working…",
+									startedAt: runStartedAt,
+									tokens: state.contextUsage?.totalTokens
+								})] }) : /* @__PURE__ */ jsx(Loader, { label: state.status === "starting" ? "Starting session…" : void 0 }) : null
+							]
+						})
+					}),
+					/* @__PURE__ */ jsx(ConversationScrollButton, {}),
+					replaying ? /* @__PURE__ */ jsx("div", {
+						"data-slot": "transcript-hold",
+						"aria-hidden": true,
+						className: "wd-hold-appear visible pointer-events-none absolute inset-0 overflow-hidden",
+						children: /* @__PURE__ */ jsx("div", {
+							className: cn("mx-auto w-full max-w-[var(--wd-transcript-max-width)]", !terminal && "px-4 py-4"),
+							children: terminal ? /* @__PURE__ */ jsx(TerminalSurface, {
+								fontSize,
+								lineHeight,
+								affordances: false,
+								bleed: "1ch",
+								className: "term-transcript",
+								children: /* @__PURE__ */ jsx(WorkingRow, { label: "Loading…" })
+							}) : /* @__PURE__ */ jsx(Loader, { label: "Loading session…" })
+						})
+					}) : null
+				]
+			})
 		})
 	});
 }
 //#endregion
+//#region src/lib/session-cost.ts
+const GAP_SHARE = .02;
+function sessionCost(input) {
+	const byModel = input.usageByModel ?? {};
+	const breakdown = costOfByModel(byModel);
+	const computedUsd = input.costUsd ?? (breakdown.unpriced || Object.keys(byModel).length === 0 ? void 0 : breakdown.total);
+	const reportedUsd = input.totalCostUsd;
+	const rows = Object.entries(byModel).map(([model, usage]) => ({
+		model: canonicalModel(model),
+		usage,
+		tokens: totalTokens(usage),
+		costUsd: rateFor(model) ? costOf(usage, model).total : void 0
+	})).sort((a, b) => b.tokens - a.tokens);
+	const gap = computedUsd !== void 0 && reportedUsd !== void 0 ? reportedUsd - computedUsd : void 0;
+	const worthShowing = gap !== void 0 && Math.abs(gap) > Math.max(.01, GAP_SHARE * Math.max(computedUsd ?? 0, reportedUsd ?? 0));
+	return {
+		displayUsd: computedUsd ?? reportedUsd,
+		computedUsd,
+		reportedUsd,
+		breakdown,
+		rows,
+		unpricedShare: breakdown.unpricedShare,
+		showUnpricedWarning: breakdown.unpricedShare > UNPRICED_WARN_SHARE,
+		gapUsd: worthShowing ? gap : void 0
+	};
+}
+//#endregion
 //#region src/components/agent/UsageMeters.tsx
 function useMinuteClock(active = true) {
 	const [now, setNow] = useState(() => Date.now());
@@ -11270,8 +11339,134 @@ function UsageMeter({ window, now }) {
 }
 //#endregion
 //#region src/components/agent/UsageDialog.tsx
-function UsageDialog({ rateLimits, subscriptionType, engine, totalCostUsd, updatedAt, open, onOpenChange, className }) {
+function Line({ label, value, tone }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-baseline justify-between gap-4",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: tone === "muted" ? "text-label text-fg-4" : "text-label text-fg-3",
+			children: label
+		}), /* @__PURE__ */ jsx("span", {
+			className: `font-mono text-body-sm ${tone === "muted" ? "text-fg-4" : "text-fg-1"}`,
+			children: value
+		})]
+	});
+}
+function CostEvidence({ cost, engine }) {
+	const { breakdown, rows } = cost;
+	if (rows.length === 0) return /* @__PURE__ */ jsx(Line, {
+		label: "This session has cost",
+		value: formatCost(cost.displayUsd)
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-baseline justify-between gap-4",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-label text-fg-3",
+					children: "This session has cost"
+				}), /* @__PURE__ */ jsx("span", {
+					className: "font-mono text-body text-fg-1",
+					children: formatCost(cost.displayUsd)
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-1 border-t border-border pt-2",
+				children: [
+					/* @__PURE__ */ jsx(Line, {
+						label: "input",
+						value: formatCost(breakdown.input),
+						tone: "muted"
+					}),
+					/* @__PURE__ */ jsx(Line, {
+						label: "output",
+						value: formatCost(breakdown.output),
+						tone: "muted"
+					}),
+					/* @__PURE__ */ jsx(Line, {
+						label: "cache write",
+						value: formatCost(breakdown.cacheWrite),
+						tone: "muted"
+					}),
+					/* @__PURE__ */ jsx(Line, {
+						label: "cache read",
+						value: formatCost(breakdown.cacheRead),
+						tone: "muted"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "space-y-1 border-t border-border pt-2",
+				children: rows.map((row) => /* @__PURE__ */ jsxs("div", {
+					className: "flex items-baseline justify-between gap-4",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "truncate text-label text-fg-4",
+						children: row.model
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "shrink-0 font-mono text-label text-fg-4",
+						children: [
+							formatTokens(row.tokens),
+							" · ",
+							row.costUsd === void 0 ? "no rate" : formatCost(row.costUsd)
+						]
+					})]
+				}, row.model))
+			}),
+			cost.showUnpricedWarning ? /* @__PURE__ */ jsxs("p", {
+				className: "text-label text-warning",
+				children: [Math.round(cost.unpricedShare * 100), "% of these tokens ran on a model with no bundled rate, so the total is an understatement rather than an estimate."]
+			}) : null,
+			cost.gapUsd !== void 0 ? /* @__PURE__ */ jsxs("p", {
+				className: "text-label text-fg-4",
+				children: [
+					engine === "claude" ? "Claude Code" : engine,
+					" reports ",
+					formatCost(cost.reportedUsd),
+					" for the same tokens."
+				]
+			}) : null
+		]
+	});
+}
+function ProfileSpendSection({ spend }) {
+	const { subscription } = spend;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mt-4 space-y-1 border-t border-border pt-3",
+		children: [
+			/* @__PURE__ */ jsx(Line, {
+				label: "This profile, last 7 days",
+				value: formatCost(spend.weekUsd)
+			}),
+			/* @__PURE__ */ jsx(Line, {
+				label: "Last 30 days",
+				value: formatCost(spend.monthUsd),
+				tone: "muted"
+			}),
+			subscription ? /* @__PURE__ */ jsxs("p", {
+				className: "pt-1 text-label text-fg-4",
+				children: [
+					formatMultiple(subscription.ratio),
+					" the ",
+					formatCost(subscription.weeklyShareUsd),
+					" weekly share of your",
+					" ",
+					formatCost(subscription.monthlyUsd),
+					" a month. A subscription is a flat fee, so this is leverage, not a bill."
+				]
+			}) : null
+		]
+	});
+}
+function formatMultiple(ratio) {
+	return ratio >= 10 ? `${Math.round(ratio)}x` : `${ratio.toFixed(1)}x`;
+}
+function UsageDialog({ rateLimits, subscriptionType, engine, totalCostUsd, costUsd, usageByModel, spend, updatedAt, open, onOpenChange, className }) {
 	const now = useMinuteClock(open);
+	const cost = sessionCost({
+		costUsd,
+		totalCostUsd,
+		usageByModel
+	});
 	return /* @__PURE__ */ jsx(Dialog$1, {
 		open,
 		onOpenChange,
@@ -11293,15 +11488,17 @@ function UsageDialog({ rateLimits, subscriptionType, engine, totalCostUsd, updat
 					windows: rateLimits,
 					now
 				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "mt-5 flex items-baseline justify-between gap-4 border-t border-border pt-3",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "text-label text-fg-3",
-						children: "This session has cost"
-					}), /* @__PURE__ */ jsx("span", {
-						className: "font-mono text-body-sm text-fg-1",
-						children: formatCost(totalCostUsd)
-					})]
+				/* @__PURE__ */ jsx("div", {
+					className: "mt-5 border-t border-border pt-3",
+					children: /* @__PURE__ */ jsx(CostEvidence, {
+						cost,
+						engine
+					})
+				}),
+				spend ? /* @__PURE__ */ jsx(ProfileSpendSection, { spend }) : null,
+				/* @__PURE__ */ jsx("p", {
+					className: "mt-3 text-label text-fg-4",
+					children: PRICING_NOTE
 				}),
 				updatedAt ? /* @__PURE__ */ jsxs("p", {
 					className: "mt-2 text-label text-fg-4",
@@ -11393,7 +11590,7 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 	} : toolHost);
 	const terminal = transcriptVariant === "terminal";
 	const capabilities = state.capabilities;
-	const { usage: profileUsage } = useProfileUsage(client, state.session?.profile, { enabled: capabilities.rateLimits });
+	const { usage: profileUsage, spend: profileSpend } = useProfileUsage(client, state.session?.profile, { enabled: capabilities.rateLimits });
 	const usage = useMemo(() => mergeUsage({
 		rateLimits: state.rateLimits,
 		updatedAt: state.rateLimitsUpdatedAt
@@ -11869,6 +12066,9 @@ function SessionPanel({ client, sessionId, header, panelSurface = "internal", st
 											subscriptionType: state.subscriptionType,
 											engine: state.engine ?? "claude",
 											totalCostUsd: state.totalCostUsd,
+											costUsd: state.costUsd,
+											usageByModel: state.usageByModel,
+											spend: profileSpend,
 											updatedAt: usageUpdatedAt,
 											open: panel === "usage",
 											onOpenChange: (next) => setPanel(next ? "usage" : void 0)
@@ -11977,6 +12177,108 @@ function Notice({ level, onDismiss, children }) {
 	});
 }
 //#endregion
-export { Band as $, Input as $t, PERMISSION_MODES as A, Tip as At, TaskList as B, Menu$1 as Bt, TerminalPermissionPrompt as C, segmentsToPlainText as Ct, SubagentStrip as D, Spinner as Dt, parseUserQuestions as E, CodeBlock as Et, SkillsDialog as F, DialogClose as Ft, ToolTitleProvider as G, Select$1 as Gt, contextNote as H, MenuItem as Ht, McpDialog as I, DialogContent as It, FileLinkProvider as J, SelectItemText as Jt, useToolTitle as K, SelectContent as Kt, HostFilesDialog as L, DialogHeader as Lt, permissionModeChoices as M, TooltipProvider as Mt, permissionModeMeta as N, Dialog$1 as Nt, PermissionPrompt as O, CopyButton as Ot, ModelSelect as P, DialogBody as Pt, previewPatch as Q, Textarea as Qt, EntryIcon as R, DialogRow as Rt, TerminalQuestionPrompt as S, plainTextToSegments as St, QuestionPrompt as T, Splitter as Tt, Composer as U, MenuSeparator as Ut, ContextDialog as V, MenuContent as Vt, TerminalSurface as W, MenuTrigger as Wt, parseFileLink as X, SelectValue as Xt, useFileLinks as Y, SelectTrigger as Yt, TerminalDiff as Z, PortalScope as Zt, ConversationContent as _, hashtagTrigger as _t, Transcript as a, useAffordances as at, STATUS_META as b, usePromptAreaState as bt, PromptTokenText as c, TranscriptDensityProvider as ct, FileCard as d, useTranscriptVariant as dt, Badge as en, Blank as et, TerminalItemView as f, matchClientCommand as ft, Conversation as g, commandTrigger as gt, Loader as h, skillPrompt as ht, useMinuteClock as i, cn as in, WithActions as it, PermissionModeSelect as j, TooltipContent as jt, Response as k, copyText as kt, Message as l, TranscriptVariantProvider as lt, SessionEmptyState as m, rankComposerRows as mt, UsageDialog as n, Button as nn, Row as nt, ToolCallCard as o, isMutatingTool as ot, TerminalTranscript as p, mergeComposerRows as pt, TerminalMarkdown as q, SelectItem as qt, UsageMeters as r, buttonVariants as rn, CopyAction as rt, Reasoning as s, toolIcon as st, SessionPanel as t, badgeVariants as tn, Ink as tt, MessageContent as u, useTranscriptDensity as ut, ConversationScrollButton as v, launchTrigger as vt, QUESTION_BEHAVIORS as w, ProgressRing as wt, SessionInfoDialog as x, PromptArea as xt, StatusBar as y, mentionTrigger as yt, TasksDialog as z, DialogTrigger as zt };
+//#region src/lib/path-match.ts
+const SEG = "[^\\s:'\"`()\\[\\]{}<>|]+";
+const PATH_PATTERN = new RegExp(`(?:^|[\\s'"\`([{<@,])((?:\\.\\.?)?(?:/${SEG})+|[^\\s:'"\`()\\[\\]{}<>|@,]+(?:/${SEG})+)(?::(\\d+))?`);
+const FILE_PATTERN = /^([\w.@-]+\.[A-Za-z0-9]{1,10})(?::(\d+))?$/;
+const TRAILING = /[.,;:!?)\]}'"`]+$/;
+const FILENAME = /\.[A-Za-z0-9]{1,10}$/;
+function matchPath(text, inCode = false) {
+	const source = text ?? "";
+	const match = PATH_PATTERN.exec(source);
+	if (!match) return inCode ? matchFilename(source) : void 0;
+	const path = match[1].replace(TRAILING, "");
+	if (!path.includes("/") || path.endsWith("/")) return;
+	if (!(path.startsWith("/") || path.startsWith("./") || path.startsWith("../")) && !FILENAME.test(path)) return;
+	return {
+		path,
+		line: match[2] ? Number(match[2]) : void 0,
+		length: path.length + (match[2] ? match[2].length + 1 : 0)
+	};
+}
+function matchFilename(text) {
+	const hit = FILE_PATTERN.exec(text.trim());
+	if (!hit) return;
+	const line = hit[2] ? Number(hit[2]) : void 0;
+	return {
+		path: hit[1],
+		line,
+		length: hit[0].length
+	};
+}
+//#endregion
+//#region src/components/agent/use-path-links.ts
+const LINKISH = "wd-path-link";
+const COVERAGE = .6;
+function hitFor(element) {
+	if (!element) return;
+	const inCode = element.closest("code") !== null;
+	const text = element.textContent?.trim() ?? "";
+	const hit = matchPath(text, inCode);
+	if (!hit) return;
+	if (!inCode && hit.length < text.length * COVERAGE) return;
+	return {
+		path: hit.path,
+		line: hit.line
+	};
+}
+function usePathLinks({ container, onOpen, enabled = true, ignore }) {
+	useEffect(() => {
+		const root = container.current;
+		if (!root || !enabled) return;
+		const excluded = (element) => ignore !== void 0 && element?.closest(ignore) !== null && element !== void 0;
+		let marked;
+		const unmark = () => {
+			marked?.classList.remove(LINKISH);
+			marked = void 0;
+		};
+		const onClick = (event) => {
+			if (!event.metaKey && !event.ctrlKey) return;
+			const target = event.target instanceof HTMLElement ? event.target : void 0;
+			if (excluded(target)) return;
+			const hit = hitFor(target);
+			if (!hit) return;
+			event.preventDefault();
+			event.stopPropagation();
+			unmark();
+			onOpen(hit);
+		};
+		const onMove = (event) => {
+			if (!event.metaKey && !event.ctrlKey) return unmark();
+			const element = event.target instanceof HTMLElement ? event.target : void 0;
+			if (element === marked) return;
+			unmark();
+			if (!element || excluded(element) || !hitFor(element)) return;
+			marked = element;
+			element.classList.add(LINKISH);
+		};
+		const onKey = (event) => {
+			if (!event.metaKey && !event.ctrlKey) unmark();
+		};
+		root.addEventListener("click", onClick, true);
+		root.addEventListener("mousemove", onMove);
+		document.addEventListener("keydown", onKey);
+		document.addEventListener("keyup", onKey);
+		window.addEventListener("blur", unmark);
+		return () => {
+			unmark();
+			root.removeEventListener("click", onClick, true);
+			root.removeEventListener("mousemove", onMove);
+			document.removeEventListener("keydown", onKey);
+			document.removeEventListener("keyup", onKey);
+			window.removeEventListener("blur", unmark);
+		};
+	}, [
+		container,
+		onOpen,
+		enabled,
+		ignore
+	]);
+}
+function resolveAgainstCwd(path, cwd) {
+	return parseFileLink(path, cwd)?.path ?? path;
+}
+//#endregion
+export { TerminalDiff as $, SelectValue as $t, PermissionPrompt as A, Spinner as At, EntryIcon as B, DialogHeader as Bt, SessionInfoDialog as C, usePromptAreaState as Ct, QuestionPrompt as D, ProgressRing as Dt, QUESTION_BEHAVIORS as E, segmentsToPlainText as Et, permissionModeMeta as F, TooltipProvider as Ft, Composer as G, MenuItem as Gt, TaskList as H, DialogTrigger as Ht, ModelSelect as I, Dialog$1 as It, useToolTitle as J, Select$1 as Jt, TerminalSurface as K, MenuSeparator as Kt, SkillsDialog as L, DialogBody as Lt, PERMISSION_MODES as M, copyText as Mt, PermissionModeSelect as N, Tip as Nt, parseUserQuestions as O, Splitter as Ot, permissionModeChoices as P, TooltipContent as Pt, parseFileLink as Q, SelectTrigger as Qt, McpDialog as R, DialogClose as Rt, STATUS_META as S, mentionTrigger as St, TerminalPermissionPrompt as T, plainTextToSegments as Tt, ContextDialog as U, Menu$1 as Ut, TasksDialog as V, DialogRow as Vt, contextNote as W, MenuContent as Wt, FileLinkProvider as X, SelectItem as Xt, TerminalMarkdown as Y, SelectContent as Yt, useFileLinks as Z, SelectItemText as Zt, Loader as _, rankComposerRows as _t, UsageDialog as a, Button as an, CopyAction as at, ConversationScrollButton as b, hashtagTrigger as bt, Transcript as c, PromptTokenText as ct, Message as d, TranscriptDensityProvider as dt, PortalScope as en, previewPatch as et, MessageContent as f, TranscriptVariantProvider as ft, SessionEmptyState as g, mergeComposerRows as gt, TerminalTranscript as h, matchClientCommand as ht, SessionPanel as i, badgeVariants as in, Row as it, Response as j, CopyButton as jt, SubagentStrip as k, CodeBlock as kt, ToolCallCard as l, isMutatingTool as lt, TerminalItemView as m, useTranscriptVariant as mt, usePathLinks as n, Input as nn, Blank as nt, UsageMeters as o, buttonVariants as on, WithActions as ot, FileCard as p, useTranscriptDensity as pt, ToolTitleProvider as q, MenuTrigger as qt, matchPath as r, Badge as rn, Ink as rt, useMinuteClock as s, cn as sn, useAffordances as st, resolveAgainstCwd as t, Textarea as tn, Band as tt, Reasoning as u, toolIcon as ut, Conversation as v, skillPrompt as vt, TerminalQuestionPrompt as w, PromptArea as wt, StatusBar as x, launchTrigger as xt, ConversationContent as y, commandTrigger as yt, HostFilesDialog as z, DialogContent as zt };
 
-//# sourceMappingURL=SessionPanel-BClL7zUS.mjs.map
+//# sourceMappingURL=use-path-links-CvcxdUXL.mjs.map