@workerdeck/ui 0.13.0 → 0.16.0

package/build/status-Ydzi7n6j.mjs

@@ -0,0 +1,143 @@
+//#region src/lib/status.ts
+const STATUS_META = {
+	starting: {
+		icon: "loading~spin",
+		label: "Starting",
+		severity: "none"
+	},
+	running: {
+		icon: "loading~spin",
+		label: "Running",
+		severity: "none"
+	},
+	awaiting_approval: {
+		icon: "warning",
+		label: "Needs approval",
+		severity: "warning"
+	},
+	idle: {
+		icon: "check",
+		label: "Idle",
+		severity: "none"
+	},
+	parked: {
+		icon: "debug-pause",
+		label: "Parked",
+		severity: "none"
+	},
+	failed: {
+		icon: "error",
+		label: "Failed",
+		severity: "error"
+	},
+	closed: {
+		icon: "circle-slash",
+		label: "Closed",
+		severity: "none"
+	}
+};
+/**
+* The status slot, connection first. A session status held over a dead socket is
+* the last thing we heard, not the current state — so a lost link takes the slot
+* rather than letting "Running" imply a turn is still streaming.
+*/
+function statusPresentation(vitals) {
+	if (!vitals) return {
+		icon: "hubot",
+		label: "Connecting…",
+		severity: "none"
+	};
+	if (vitals.connection === "offline") return {
+		icon: "debug-disconnect",
+		label: "Offline",
+		severity: "error"
+	};
+	if (vitals.connection === "reconnecting") return {
+		icon: "sync~spin",
+		label: "Reconnecting…",
+		severity: "warning"
+	};
+	return STATUS_META[vitals.status] ?? {
+		icon: "hubot",
+		label: vitals.status,
+		severity: "none"
+	};
+}
+/** 0–100 → the colour a meter wears. One pair of thresholds for every surface. */
+function meterSeverity(pct) {
+	if (pct === void 0) return "none";
+	if (pct >= 95) return "error";
+	if (pct >= 80) return "warning";
+	return "none";
+}
+/** The window a lane points at, or `undefined` when this account has none. */
+function usageWindow(rateLimits, lane) {
+	if (!rateLimits) return void 0;
+	if (lane === "session") {
+		const info = rateLimits.five_hour;
+		return info ? {
+			key: "five_hour",
+			info
+		} : void 0;
+	}
+	if (lane === "weekly") {
+		const info = rateLimits.seven_day;
+		return info ? {
+			key: "seven_day",
+			info
+		} : void 0;
+	}
+	return tightestWindow(Object.fromEntries(Object.entries(rateLimits).filter(([key]) => key.startsWith("seven_day_") && key !== "seven_day_oauth_apps")));
+}
+/** The rate-limit window that gets the one visible slot: whichever is fullest,
+* since the binding constraint is the one worth glancing at. Still the right
+* rule for a surface with exactly one slot; {@link usageWindow} is for one with
+* three. */
+function tightestWindow(rateLimits) {
+	const entries = Object.entries(rateLimits ?? {});
+	if (entries.length === 0) return void 0;
+	let best;
+	for (const [key, info] of entries) if ((info.status === "rejected" ? Number.POSITIVE_INFINITY : info.utilization ?? -1) > (best === void 0 ? Number.NEGATIVE_INFINITY : best.info.status === "rejected" ? Number.POSITIVE_INFINITY : best.info.utilization ?? -1)) best = {
+		key,
+		info
+	};
+	return best;
+}
+/** A rate-limit window's key, named for a human. A model-scoped bucket is named
+* for its model alone (`seven_day_fable` → "Fable"): the lane it sits in
+* already says weekly, and "Seven day fable" in a status bar is three words to
+* say one. */
+function windowLabel(key) {
+	if (key === "five_hour") return "Session";
+	if (key === "seven_day") return "Weekly";
+	const words = (key.startsWith("seven_day_") ? key.slice(10) : key).replaceAll("_", " ");
+	return words.charAt(0).toUpperCase() + words.slice(1);
+}
+/**
+* The catalog row a session is actually running, or `undefined` for a model the
+* list doesn't name. Matched leniently: a session reports the *resolved* id
+* (`claude-sonnet-5`) where the row may be keyed on the alias (`sonnet`), and
+* either can carry a `[1m]` context-window suffix.
+*/
+function currentModel(vitals) {
+	const id = vitals?.model;
+	if (!id) return void 0;
+	const bare = (value) => value.replace(/\[.*\]$/, "");
+	const wanted = bare(id);
+	return vitals.models.find((m) => bare(m.value) === wanted || m.resolvedModel && bare(m.resolvedModel) === wanted);
+}
+/** A session's model, named the way the picker names it. Falls back to the raw
+* id, and to "Default" while the session is on the CLI's own pick. */
+function modelLabel(vitals) {
+	if (!vitals?.model) return "Default";
+	return currentModel(vitals)?.displayName ?? vitals.model;
+}
+/** Context percentage as its meter severity — the reading and the colour come
+* from one place so a panel and a status bar never disagree. */
+function contextSeverity(usage) {
+	return meterSeverity(usage?.percentage);
+}
+//#endregion
+export { statusPresentation as a, windowLabel as c, modelLabel as i, currentModel as n, tightestWindow as o, meterSeverity as r, usageWindow as s, contextSeverity as t };
+
+//# sourceMappingURL=status-Ydzi7n6j.mjs.map

package/build/status-Ydzi7n6j.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-Ydzi7n6j.mjs","names":[],"sources":["../src/lib/status.ts"],"sourcesContent":["import type { ContextUsage, ModelOption, RateLimitInfo, SessionStatus } from '@workerdeck/protocol'\n\n/**\n * How a session's live readings become a status line — the pure half, so every\n * host spells \"Needs approval\", \"80% is a warning\" and \"which window is the\n * binding one\" the same way.\n *\n * Structurally typed against `SessionVitals` rather than importing it: this file\n * ships from the React-free `@workerdeck/ui/format` entry, and a host drawing\n * the readings outside React (the VS Code extension host in the window status\n * bar) must not pull a component graph in to do it. A real `SessionVitals`\n * satisfies every shape here.\n */\nexport type StatusSeverity = 'none' | 'warning' | 'error'\n\n/** What a status slot shows, before any host's icon vocabulary gets involved.\n * `icon` is a VS Code codicon name — the one host-shaped thing left, because the\n * alternative is a second mapping table in the only consumer. */\nexport type StatusPresentation = {\n  icon: string\n  label: string\n  severity: StatusSeverity\n}\n\nexport type StatusReadings = {\n  status: SessionStatus\n  /** `@workerdeck/react`'s `ConnectionState`, structurally — the link state wins\n   * the slot, so it has to be part of the reading. */\n  connection?: 'live' | 'reconnecting' | 'offline'\n}\n\nconst STATUS_META: Record<SessionStatus, StatusPresentation> = {\n  starting: { icon: 'loading~spin', label: 'Starting', severity: 'none' },\n  running: { icon: 'loading~spin', label: 'Running', severity: 'none' },\n  awaiting_approval: { icon: 'warning', label: 'Needs approval', severity: 'warning' },\n  idle: { icon: 'check', label: 'Idle', severity: 'none' },\n  parked: { icon: 'debug-pause', label: 'Parked', severity: 'none' },\n  failed: { icon: 'error', label: 'Failed', severity: 'error' },\n  closed: { icon: 'circle-slash', label: 'Closed', severity: 'none' },\n}\n\n/**\n * The status slot, connection first. A session status held over a dead socket is\n * the last thing we heard, not the current state — so a lost link takes the slot\n * rather than letting \"Running\" imply a turn is still streaming.\n */\nexport function statusPresentation(vitals: StatusReadings | undefined): StatusPresentation {\n  if (!vitals) return { icon: 'hubot', label: 'Connecting…', severity: 'none' }\n  if (vitals.connection === 'offline') {\n    return { icon: 'debug-disconnect', label: 'Offline', severity: 'error' }\n  }\n  if (vitals.connection === 'reconnecting') {\n    return { icon: 'sync~spin', label: 'Reconnecting…', severity: 'warning' }\n  }\n  return STATUS_META[vitals.status] ?? { icon: 'hubot', label: vitals.status, severity: 'none' }\n}\n\n/** 0–100 → the colour a meter wears. One pair of thresholds for every surface. */\nexport function meterSeverity(pct: number | undefined): StatusSeverity {\n  if (pct === undefined) return 'none'\n  if (pct >= 95) return 'error'\n  if (pct >= 80) return 'warning'\n  return 'none'\n}\n\n/**\n * The three *lanes* a plan-usage reading can occupy, and the whole reason this\n * is a rule rather than a per-client `if`.\n *\n * The CLI reports one window per limit (`five_hour`, `seven_day`, and a\n * `seven_day_<model>` bucket per model-scoped limit — `seven_day_opus`,\n * `seven_day_sonnet`, and whatever `model_scoped` names next). A surface with\n * one slot shows the fullest of them, which is why `tightestWindow` exists —\n * but that answers \"what is closest to blocking me\", not \"how much of *this\n * session's* budget have I spent\", and those are different questions a reader\n * asks at different times. A weekly window at 71% will win the single slot over\n * a five-hour window at 60% every time, so the reading you actually watch while\n * working is the one you can never see.\n *\n * Hence three lanes, each independently showable:\n *\n * - `'session'` — the five-hour window. The one that resets while you work.\n * - `'weekly'` — the plain seven-day window, the account-wide ceiling.\n * - `'model'` — the fullest of the *model-scoped* weekly buckets. Deliberately\n *   not a named model: which models have their own bucket is the plan's\n *   business and changes without notice, so a client that hardcoded\n *   `seven_day_opus` would show nothing the month it becomes something else.\n *   The label comes from the key, so this lane names whatever it found.\n */\nexport type UsageLane = 'session' | 'weekly' | 'model'\n\n/** The window a lane points at, or `undefined` when this account has none. */\nexport function usageWindow(\n  rateLimits: Record<string, RateLimitInfo> | undefined,\n  lane: UsageLane,\n): { key: string; info: RateLimitInfo } | undefined {\n  if (!rateLimits) return undefined\n  if (lane === 'session') {\n    const info = rateLimits.five_hour\n    return info ? { key: 'five_hour', info } : undefined\n  }\n  if (lane === 'weekly') {\n    const info = rateLimits.seven_day\n    return info ? { key: 'seven_day', info } : undefined\n  }\n  // Model-scoped: same \"fullest wins\" rule as the single slot, over the subset.\n  const scoped = Object.fromEntries(\n    Object.entries(rateLimits).filter(\n      ([key]) => key.startsWith('seven_day_') && key !== 'seven_day_oauth_apps',\n    ),\n  )\n  return tightestWindow(scoped)\n}\n\n/** The rate-limit window that gets the one visible slot: whichever is fullest,\n * since the binding constraint is the one worth glancing at. Still the right\n * rule for a surface with exactly one slot; {@link usageWindow} is for one with\n * three. */\nexport function tightestWindow(\n  rateLimits: Record<string, RateLimitInfo> | undefined,\n): { key: string; info: RateLimitInfo } | undefined {\n  const entries = Object.entries(rateLimits ?? {})\n  if (entries.length === 0) return undefined\n  let best: { key: string; info: RateLimitInfo } | undefined\n  for (const [key, info] of entries) {\n    // A rejected window outranks any utilization: it is the one actually blocking.\n    const rank = info.status === 'rejected' ? Number.POSITIVE_INFINITY : (info.utilization ?? -1)\n    const bestRank =\n      best === undefined\n        ? Number.NEGATIVE_INFINITY\n        : best.info.status === 'rejected'\n          ? Number.POSITIVE_INFINITY\n          : (best.info.utilization ?? -1)\n    if (rank > bestRank) best = { key, info }\n  }\n  return best\n}\n\n/** A rate-limit window's key, named for a human. A model-scoped bucket is named\n * for its model alone (`seven_day_fable` → \"Fable\"): the lane it sits in\n * already says weekly, and \"Seven day fable\" in a status bar is three words to\n * say one. */\nexport function windowLabel(key: string): string {\n  if (key === 'five_hour') return 'Session'\n  if (key === 'seven_day') return 'Weekly'\n  const scoped = key.startsWith('seven_day_') ? key.slice('seven_day_'.length) : key\n  const words = scoped.replaceAll('_', ' ')\n  return words.charAt(0).toUpperCase() + words.slice(1)\n}\n\nexport type ModelReadings = { model?: string; models: readonly ModelOption[] }\n\n/**\n * The catalog row a session is actually running, or `undefined` for a model the\n * list doesn't name. Matched leniently: a session reports the *resolved* id\n * (`claude-sonnet-5`) where the row may be keyed on the alias (`sonnet`), and\n * either can carry a `[1m]` context-window suffix.\n */\nexport function currentModel(vitals: ModelReadings | undefined): ModelOption | undefined {\n  const id = vitals?.model\n  if (!id) return undefined\n  const bare = (value: string) => value.replace(/\\[.*\\]$/, '')\n  const wanted = bare(id)\n  return vitals.models.find(\n    (m) => bare(m.value) === wanted || (m.resolvedModel && bare(m.resolvedModel) === wanted),\n  )\n}\n\n/** A session's model, named the way the picker names it. Falls back to the raw\n * id, and to \"Default\" while the session is on the CLI's own pick. */\nexport function modelLabel(vitals: ModelReadings | undefined): string {\n  if (!vitals?.model) return 'Default'\n  return currentModel(vitals)?.displayName ?? vitals.model\n}\n\n/** Context percentage as its meter severity — the reading and the colour come\n * from one place so a panel and a status bar never disagree. */\nexport function contextSeverity(usage: ContextUsage | undefined): StatusSeverity {\n  return meterSeverity(usage?.percentage)\n}\n"],"mappings":"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"}

package/build/workspace.d.mts

@@ -1,4 +1,4 @@
-import { r as SessionPanelProps } from "./SessionPanel-CZMA44NM.mjs";
+import { r as SessionPanelProps } from "./SessionPanel-B9CHoq8x.mjs";
 import * as _$react from "react";
 import { CSSProperties } from "react";
 import { OpenFile, UseHostFileSearchResult, UseHostFileTreeResult } from "@workerdeck/react";
@@ -21,8 +21,15 @@ interface SessionWorkspaceProps {
    */
   transcriptVariant?: SessionPanelProps['transcriptVariant'];
   transcriptDensity?: SessionPanelProps['transcriptDensity'];
+  transcriptFont?: SessionPanelProps['transcriptFont'];
+  /** The overview ruler in place of the scrollbar — see `SessionPanel`. */
+  scrubber?: SessionPanelProps['scrubber'];
+  scrubberMarks?: SessionPanelProps['scrubberMarks'];
+  /** The last prompt pinned above the transcript — see `SessionPanel`. */
+  stickyPrompt?: SessionPanelProps['stickyPrompt'];
   /** Which end of the panel the status bar sits at — see `SessionPanel`. */
   statusPlacement?: SessionPanelProps['statusPlacement'];
+  controlsSurface?: SessionPanelProps['controlsSurface'];
   unseen?: SessionPanelProps['unseen'];
   /** Viewer mode — no composer, no approval prompts. Forwarded verbatim to
    * {@link SessionPanel}; the file tree and editor are unaffected, since reading
@@ -72,7 +79,12 @@ declare function SessionWorkspace({
   header,
   transcriptVariant,
   transcriptDensity,
+  transcriptFont,
+  scrubber,
+  scrubberMarks,
+  stickyPrompt,
   statusPlacement,
+  controlsSurface,
   unseen,
   readOnly,
   onVitals,

package/build/workspace.mjs

@@ -1,4 +1,4 @@
-import { $ as Tip, Ct as Button, J as Splitter, Tt as cn, X as Spinner, bt as Input, t as SessionPanel, tt as TooltipProvider } from "./SessionPanel-CKQa4i0Y.mjs";
+import { Bt as Button, Ht as cn, Lt as Input, dt as Splitter, gt as Tip, pt as Spinner, t as SessionPanel, vt as TooltipProvider } from "./SessionPanel-DII9MmQ8.mjs";
 import { n as formatBytes } from "./format-DqR56Y8l.mjs";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -180,7 +180,7 @@ function FileTree({ tree, search, activePath, onOpenFile, onCollapse, style, cla
 						}) : null
 					]
 				}) : /* @__PURE__ */ jsx("span", {
-					className: "min-w-0 flex-1 truncate px-1 font-mono text-label text-fg-4",
+					className: "min-w-0 flex-1 truncate px-1 text-label text-fg-4",
 					children: tree.root
 				}),
 				/* @__PURE__ */ jsx(Button, {
@@ -267,11 +267,11 @@ function Row({ label, detail, title, icon, chevron, indent = 0, active, onClick
 			}),
 			icon,
 			/* @__PURE__ */ jsx("span", {
-				className: "shrink-0 truncate font-mono text-label",
+				className: "shrink-0 truncate text-label",
 				children: label
 			}),
 			detail ? /* @__PURE__ */ jsx("span", {
-				className: "min-w-0 flex-1 truncate font-mono text-label text-fg-4",
+				className: "min-w-0 flex-1 truncate text-label text-fg-4",
 				children: detail
 			}) : null
 		]
@@ -665,6 +665,100 @@ function Centred({ children }) {
 	});
 }
 //#endregion
+//#region src/components/agent/use-path-links.ts
+/** Marks the element under the pointer while the modifier is held. */
+const LINKISH = "wd-path-link";
+/** Absolute, or relative with at least one separator. `:12` is a line number. */
+const PATH_RE = /^(\/[^\s:'"`()[\]{}]+|[\w.@~-]+(?:\/[\w.@~-]+)+)(?::(\d+))?$/;
+/** A bare filename — only trusted inside a code element. */
+const FILE_RE = /^([\w.@-]+\.[A-Za-z0-9]{1,10})(?::(\d+))?$/;
+/** How much of an element's text the match must cover, outside code. */
+const COVERAGE = .6;
+function matchPath(text, inCode) {
+	const trimmed = text.trim();
+	if (!trimmed || trimmed.endsWith("/")) return void 0;
+	const hit = PATH_RE.exec(trimmed) ?? (inCode ? FILE_RE.exec(trimmed) : null);
+	if (!hit) return void 0;
+	return {
+		path: hit[1],
+		line: hit[2] ? Number(hit[2]) : void 0
+	};
+}
+/** The path a click on this element means, if any. */
+function hitFor(element) {
+	if (!element) return void 0;
+	const inCode = element.closest("code") !== null;
+	const text = element.textContent ?? "";
+	const hit = matchPath(text, inCode);
+	if (!hit) return void 0;
+	if (!inCode && hit.path.length < text.trim().length * COVERAGE) return void 0;
+	return hit;
+}
+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
+	]);
+}
+/**
+* A transcript path against the session's cwd.
+*
+* Absolute wins outright. Everything else is relative to where the agent is
+* working, which is the only root that makes `worker.mjs` mean anything.
+*/
+function resolveAgainstCwd(path, cwd) {
+	if (path.startsWith("/")) return path;
+	if (!cwd) return path;
+	return `${cwd.replace(/\/$/, "")}/${path.replace(/^\.\//, "")}`;
+}
+//#endregion
 //#region src/components/agent/SessionWorkspace.tsx
 const RAIL_MIN = 180;
 const RAIL_MAX = 520;
@@ -694,7 +788,7 @@ const EDITOR_MIN = 120;
 *    The conditional children before it are `? :` expressions that leave a null in
 *    their slot, which is exactly what keeps its index stable.
 */
-function SessionWorkspace({ client, sessionId, header, transcriptVariant, transcriptDensity, statusPlacement, unseen, readOnly, onVitals, defaultRailWidth = 260, defaultRailCollapsed, onRailChange, className }) {
+function SessionWorkspace({ client, sessionId, header, transcriptVariant, transcriptDensity, transcriptFont, scrubber, scrubberMarks, stickyPrompt, statusPlacement, controlsSurface, unseen, readOnly, onVitals, defaultRailWidth = 260, defaultRailCollapsed, onRailChange, className }) {
 	const { info } = useSessionInfo(client, sessionId);
 	const cwd = info?.cwd;
 	const tree = useHostFileTree(client, cwd);
@@ -735,6 +829,12 @@ function SessionWorkspace({ client, sessionId, header, transcriptVariant, transc
 	}, [files]);
 	const column = useRef(null);
 	const columnHeight = useElementHeight(column);
+	usePathLinks({
+		container: column,
+		onOpen: useCallback(({ path }) => files.open(resolveAgainstCwd(path, cwd)), [files.open, cwd]),
+		enabled: tree.available,
+		ignore: ".monaco-editor"
+	});
 	const editorMax = Math.max(EDITOR_MIN, columnHeight - AGENT_MIN);
 	const [topBar, setTopBar] = useState(null);
 	const hoisted = header === void 0 || topBar === null ? void 0 : typeof header === "function" ? (slots) => createPortal(header(slots), topBar) : createPortal(header, topBar);
@@ -771,6 +871,7 @@ function SessionWorkspace({ client, sessionId, header, transcriptVariant, transc
 					onValueChange: setRailWidth,
 					min: RAIL_MIN,
 					max: RAIL_MAX,
+					defaultValue: defaultRailWidth,
 					"aria-label": "Resize the file tree"
 				}) : null,
 				/* @__PURE__ */ jsxs("div", {
@@ -810,6 +911,11 @@ function SessionWorkspace({ client, sessionId, header, transcriptVariant, transc
 							header: hoisted,
 							transcriptVariant,
 							transcriptDensity,
+							transcriptFont,
+							scrubber,
+							scrubberMarks,
+							stickyPrompt,
+							controlsSurface,
 							statusPlacement,
 							unseen,
 							readOnly,