@workerdeck/ui 0.23.0 → 1.0.0

package/build/scoped.css

@@ -590,6 +590,9 @@
   .wd-root .max-h-64 {
     max-height: calc(var(--spacing) * 64);
   }
+  .wd-root .max-h-72 {
+    max-height: calc(var(--spacing) * 72);
+  }
   .wd-root .max-h-96 {
     max-height: calc(var(--spacing) * 96);
   }
@@ -1667,10 +1670,6 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .wd-root .ring {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .wd-root .ring-2 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1689,9 +1688,6 @@
     --tw-blur: blur(8px);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
-  .wd-root .filter {
-    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-  }
   .wd-root .backdrop-blur-\[1px\] {
     --tw-backdrop-blur: blur(1px);
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -1760,10 +1756,6 @@
     --tw-outline-style: none;
     outline-style: none;
   }
-  .wd-root .select-all {
-    -webkit-user-select: all;
-    user-select: all;
-  }
   .wd-root .select-none {
     -webkit-user-select: none;
     user-select: none;
@@ -2230,6 +2222,7 @@
 .wd-root .term-gutter {
   white-space: pre;
   user-select: none;
+  pointer-events: none;
   color: var(--term-dim);
 }
 .wd-root .term-body {
@@ -2385,7 +2378,7 @@
   background: linear-gradient(var(--term-dim), var(--term-dim)) left center / 100% 1px no-repeat;
 }
 .wd-root [data-terminal] .term-rule-dashed {
-  background: repeating-linear-gradient( to right, var(--term-faint) 0 4px, transparent 4px 8px ) left center / 100% 1px no-repeat;
+  background: repeating-linear-gradient(to right, var(--term-faint) 0 4px, transparent 4px 8px) left center / 100% 1px no-repeat;
 }
 .wd-root [data-terminal] .term-row[data-focused] {
   background: var(--term-row-hover);
@@ -2675,27 +2668,27 @@
   width: 12px;
 }
 .wd-root .term-scrubber .term-scrub-mark[data-kind='user'] {
-  background: linear-gradient( to bottom, var(--term-blue) 0 2px, var(--term-blue) 2px );
+  background: linear-gradient(to bottom, var(--term-blue) 0 2px, var(--term-blue) 2px);
   @supports (color: color-mix(in lab, red, red)) {
-    background: linear-gradient( to bottom, var(--term-blue) 0 2px, color-mix(in srgb, var(--term-blue) 25%, transparent) 2px );
+    background: linear-gradient(to bottom, var(--term-blue) 0 2px, color-mix(in srgb, var(--term-blue) 25%, transparent) 2px);
   }
 }
 .wd-root .term-scrubber .term-scrub-mark[data-kind='subagent'] {
-  background: linear-gradient( to bottom, var(--term-green) 0 2px, var(--term-green) 2px );
+  background: linear-gradient(to bottom, var(--term-green) 0 2px, var(--term-green) 2px);
   @supports (color: color-mix(in lab, red, red)) {
-    background: linear-gradient( to bottom, var(--term-green) 0 2px, color-mix(in srgb, var(--term-green) 25%, transparent) 2px );
+    background: linear-gradient(to bottom, var(--term-green) 0 2px, color-mix(in srgb, var(--term-green) 25%, transparent) 2px);
   }
 }
 .wd-root .term-scrubber .term-scrub-mark[data-kind='turn'] {
-  background: linear-gradient( to bottom, var(--term-fg) 0 2px, var(--term-fg) 2px );
+  background: linear-gradient(to bottom, var(--term-fg) 0 2px, var(--term-fg) 2px);
   @supports (color: color-mix(in lab, red, red)) {
-    background: linear-gradient( to bottom, var(--term-fg) 0 2px, color-mix(in srgb, var(--term-fg) 25%, transparent) 2px );
+    background: linear-gradient(to bottom, var(--term-fg) 0 2px, color-mix(in srgb, var(--term-fg) 25%, transparent) 2px);
   }
 }
 .wd-root .term-scrubber .term-scrub-mark[data-kind='turnFailed'] {
-  background: linear-gradient( to bottom, var(--term-red) 0 2px, var(--term-red) 2px );
+  background: linear-gradient(to bottom, var(--term-red) 0 2px, var(--term-red) 2px);
   @supports (color: color-mix(in lab, red, red)) {
-    background: linear-gradient( to bottom, var(--term-red) 0 2px, color-mix(in srgb, var(--term-red) 25%, transparent) 2px );
+    background: linear-gradient(to bottom, var(--term-red) 0 2px, color-mix(in srgb, var(--term-red) 25%, transparent) 2px);
   }
 }
 .wd-root .term-scrubber .term-scrub-mark[data-kind='error'] {
@@ -2826,7 +2819,7 @@
   --bg-code: #141414;
   --bg-elevated: #0a0a0acc;
   --row-hover: #2a2d2e;
-  --row-active: rgb(255 255 255 / 0.10);
+  --row-active: rgb(255 255 255 / 0.1);
   --row-selected: #04395e;
   --row-selected-weak: #37373d;
   --badge: #616161;
@@ -2860,8 +2853,7 @@
   --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.6);
   --shadow-lg: 0 24px 48px rgba(0, 0, 0, 0.7);
   --shine: #303030;
-  --frame-shadow: 0 4px 24px rgba(0, 0, 0, 0.55),
-    0 2px 6px rgba(0, 0, 0, 0.45);
+  --frame-shadow: 0 4px 24px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.45);
   --wd-scrub-bookmark: #c586c0;
   --surface: var(--bg-surface);
   --sidebar: #131313;

package/build/{status-BE-zg88x.mjs → status-C0HSLZas.mjs}

@@ -11,7 +11,6 @@ function formatDuration(ms) {
 	if (s < 60) return `${s.toFixed(1)}s`;
 	return `${Math.floor(s / 60)}m ${Math.round(s % 60)}s`;
 }
-/** Compact token count, Claude Code-style: 850 → "850", 359_000 → "359.0k", 1_200_000 → "1.2M". */
 function formatTokens(tokens) {
 	if (tokens >= 1e6) return `${(tokens / 1e6).toFixed(1)}M`;
 	if (tokens >= 1e3) return `${(tokens / 1e3).toFixed(1)}k`;
@@ -22,7 +21,6 @@ function formatBytes(bytes) {
 	if (bytes >= 1024) return `${(bytes / 1024).toFixed(1)} KB`;
 	return `${bytes} B`;
 }
-/** Countdown to an epoch-ms deadline: "2h 18m", "12m", "<1m"; "now" once passed. */
 function formatCountdown(untilEpochMs, now = Date.now()) {
 	const remaining = untilEpochMs - now;
 	if (remaining <= 0) return "now";
@@ -44,19 +42,12 @@ function formatRelativeTime(epochMs, now = Date.now()) {
 	if (h < 24) return `${h}h ago`;
 	return `${Math.floor(h / 24)}d ago`;
 }
-/**
-* Human label for a rate-limit window key, compact: 'five_hour' → "5h",
-* 'seven_day_opus' → "7d opus". The per-model suffix is an open set — the CLI
-* adds buckets as plans gain them — so it is rewritten rather than enumerated.
-*/
 function formatRateLimitWindow(key) {
 	if (key === "five_hour") return "5h";
 	if (key === "seven_day") return "7d";
 	const spaced = key.replaceAll("_", " ");
 	return key.startsWith("seven_day_") ? `7d ${spaced.slice(10)}` : spaced;
 }
-/** The same key spelled out, where there is room: 'five_hour' → "5-hour
-* session", 'seven_day_fable' → "Weekly · Fable". */
 function formatRateLimitWindowLong(key) {
 	if (key === "five_hour") return "5-hour session";
 	if (key === "seven_day") return "Weekly";
@@ -65,18 +56,10 @@ function formatRateLimitWindowLong(key) {
 	if (!key.startsWith("seven_day_")) return capitalize(key.replaceAll("_", " "));
 	return `Weekly · ${capitalize(key.slice(10).replaceAll("_", " "))}`;
 }
-/**
-* How long a rate-limit window is, in seconds — the denominator behind the pace
-* marker. Derived from the key rather than reported: the CLI sends a reset time
-* and a percentage, never a duration. `undefined` for a window whose key doesn't
-* say, and the marker is then simply not drawn rather than guessed.
-*/
 function rateLimitWindowSeconds(key) {
 	if (key === "five_hour") return 5 * 3600;
 	if (key.startsWith("seven_day")) return 7 * 86400;
 }
-/** "8 secs ago" / "3 mins ago" — a freshness line finer-grained than
-* {@link formatRelativeTime}, because a poll that just landed should say so. */
 function formatAgoPrecise(epochMs, now = Date.now()) {
 	const seconds = Math.max(0, Math.floor((now - epochMs) / 1e3));
 	if (seconds < 60) return `${seconds} sec${seconds === 1 ? "" : "s"} ago`;
@@ -87,7 +70,6 @@ function formatAgoPrecise(epochMs, now = Date.now()) {
 	const hours = Math.floor(seconds / 3600);
 	return `${hours} hour${hours === 1 ? "" : "s"} ago`;
 }
-/** Compact one-line preview of a tool input for card headers. */
 function toolInputPreview(input, max = 80) {
 	if (input === null || input === void 0) return "";
 	if (typeof input === "object") {
@@ -98,9 +80,6 @@ function toolInputPreview(input, max = 80) {
 	const text = JSON.stringify(input) ?? "";
 	return text.length > max ? text.slice(0, max - 1) + "…" : text;
 }
-/** Families whose name isn't just a capitalised first letter, and how the
-* vendor writes the version after it. GPT is `GPT-5.6`; everyone else spaces
-* it. Anything unlisted is title-cased and spaced. */
 const MODEL_FAMILIES = {
 	gpt: {
 		name: "GPT",
@@ -114,33 +93,8 @@ const MODEL_FAMILIES = {
 	mistral: { name: "Mistral" },
 	grok: { name: "Grok" }
 };
-/**
-* The name a person says, from a wire model id:
-*
-* - `claude-opus-5[1m]` → "Opus 5"
-* - `claude-haiku-4-5-20251001` → "Haiku 4.5"
-* - `gpt-5.6-luna` → "GPT-5.6 Luna"
-* - `gemini-2.5-pro` → "Gemini 2.5 Pro"
-* - `o3-mini` → "o3 Mini"
-*
-* Three kinds of token after the family, because vendors mix them freely: a
-* **version** (`5`, `4-5`, `5.6` — joined with dots, since Anthropic splits what
-* OpenAI writes as one token), a **code name or tier** (`luna`, `codex`, `pro`,
-* `mini` — kept and capitalised, since it is often the only thing telling two
-* models apart), and a **snapshot date** (`20251001` — dropped; it is a build,
-* not a version).
-*
-* Anything genuinely unreadable falls back to the id: a wrong name is worse than
-* a raw one, which is at least true.
-*
-* The server has a narrower version of this (`friendlyModelName` in core's
-* `normalize.ts`) that derives Claude catalog names at authoring time. This one
-* is the *render-time* fallback for an id with no catalog row behind it — the
-* sidebar has only `SessionInfo.model` — so it has to cope with every vendor the
-* provider engine can reach, not just the CLI's own.
-*/
 function friendlyModel(id) {
-	if (!id) return void 0;
+	if (!id) return;
 	const parts = (id.split("[")[0] ?? id).toLowerCase().split("-").filter(Boolean);
 	if (parts[0] === "claude") parts.shift();
 	const familyToken = parts.shift();
@@ -195,11 +149,6 @@ const STATUS_META = {
 		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",
@@ -222,16 +171,14 @@ function statusPresentation(vitals) {
 		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 (!rateLimits) return;
 	if (lane === "session") {
 		const info = rateLimits.five_hour;
 		return info ? {
@@ -248,13 +195,9 @@ function usageWindow(rateLimits, lane) {
 	}
 	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;
+	if (entries.length === 0) return;
 	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,
@@ -262,53 +205,39 @@ function tightestWindow(rateLimits) {
 	};
 	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;
+	if (!id) return;
 	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.
-*
-* Takes only the number it reads, so the compact `ContextReading` that rides
-* the sessions list and the full `ContextUsage` on the event stream are coloured
-* by one rule rather than two. */
 function contextSeverity(usage) {
 	return meterSeverity(usage?.percentage);
 }
-/** {@link meterSeverity} as a text colour class. Here rather than beside each
-* meter because the status bar, the context dialog and a sessions-list row all
-* paint the same reading, and a fourth copy of the thresholds is a fourth
-* chance for one surface to call 81% orange and another call it grey. */
 function meterColorClass(pct) {
 	const severity = meterSeverity(pct);
 	return severity === "error" ? "text-danger" : severity === "warning" ? "text-warning" : "text-fg-3";
 }
+/**
+* The fill colour for a meter bar. Deliberately a different ramp from
+* {@link meterColorClass}: a bar reads as alarming later than a number does, so the tint
+* turns at 70/90 where the text severity turns at 80/95.
+*/
+function meterTintClass(pct) {
+	return pct >= 90 ? "bg-danger" : pct >= 70 ? "bg-warning" : "bg-accent";
+}
 //#endregion
-export { formatRelativeTime as _, modelLabel as a, rateLimitWindowSeconds as b, usageWindow as c, formatBytes as d, formatCost as f, formatRateLimitWindowLong as g, formatRateLimitWindow as h, meterSeverity as i, windowLabel as l, formatDuration as m, currentModel as n, statusPresentation as o, formatCountdown as p, meterColorClass as r, tightestWindow as s, contextSeverity as t, formatAgoPrecise as u, formatTokens as v, toolInputPreview as x, friendlyModel as y };
+export { toolInputPreview as S, formatRateLimitWindowLong as _, meterTintClass as a, friendlyModel as b, tightestWindow as c, formatAgoPrecise as d, formatBytes as f, formatRateLimitWindow as g, formatDuration as h, meterSeverity as i, usageWindow as l, formatCountdown as m, currentModel as n, modelLabel as o, formatCost as p, meterColorClass as r, statusPresentation as s, contextSeverity as t, windowLabel as u, formatRelativeTime as v, rateLimitWindowSeconds as x, formatTokens as y };
 
-//# sourceMappingURL=status-BE-zg88x.mjs.map
+//# sourceMappingURL=status-C0HSLZas.mjs.map

package/build/status-C0HSLZas.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-C0HSLZas.mjs","names":[],"sources":["../src/lib/format.ts","../src/lib/status.ts"],"sourcesContent":["export function formatCost(usd: number | undefined): string {\n  if (usd === undefined || Number.isNaN(usd)) {\n    return '—'\n  }\n  if (usd === 0) {\n    return '$0.00'\n  }\n  if (usd < 0.01) {\n    return '<$0.01'\n  }\n  return `$${usd.toFixed(2)}`\n}\n\nexport function formatDuration(ms: number): string {\n  if (ms < 1000) {\n    return `${Math.round(ms)}ms`\n  }\n  const s = ms / 1000\n  if (s < 60) {\n    return `${s.toFixed(1)}s`\n  }\n  const m = Math.floor(s / 60)\n  return `${m}m ${Math.round(s % 60)}s`\n}\n\nexport function formatTokens(tokens: number): string {\n  if (tokens >= 1_000_000) {\n    return `${(tokens / 1_000_000).toFixed(1)}M`\n  }\n  if (tokens >= 1000) {\n    return `${(tokens / 1000).toFixed(1)}k`\n  }\n  return String(Math.round(tokens))\n}\n\nexport function formatBytes(bytes: number): string {\n  if (bytes >= 1024 * 1024) {\n    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`\n  }\n  if (bytes >= 1024) {\n    return `${(bytes / 1024).toFixed(1)} KB`\n  }\n  return `${bytes} B`\n}\n\nexport function formatCountdown(untilEpochMs: number, now = Date.now()): string {\n  const remaining = untilEpochMs - now\n  if (remaining <= 0) {\n    return 'now'\n  }\n  const minutes = Math.ceil(remaining / 60_000)\n  if (minutes < 1) {\n    return '<1m'\n  }\n  if (minutes < 60) {\n    return `${minutes}m`\n  }\n  const days = Math.floor(minutes / (60 * 24))\n  if (days >= 1) {\n    return `${days}d ${Math.floor((minutes % (60 * 24)) / 60)}h`\n  }\n  return `${Math.floor(minutes / 60)}h ${minutes % 60}m`\n}\n\nexport function formatRelativeTime(epochMs: number | undefined, now = Date.now()): string {\n  if (!epochMs) {\n    return '—'\n  }\n  const diff = Math.max(0, now - epochMs)\n  const s = Math.floor(diff / 1000)\n  if (s < 60) {\n    return 'just now'\n  }\n  const m = Math.floor(s / 60)\n  if (m < 60) {\n    return `${m}m ago`\n  }\n  const h = Math.floor(m / 60)\n  if (h < 24) {\n    return `${h}h ago`\n  }\n  const d = Math.floor(h / 24)\n  return `${d}d ago`\n}\n\nexport function formatRateLimitWindow(key: string): string {\n  if (key === 'five_hour') {\n    return '5h'\n  }\n  if (key === 'seven_day') {\n    return '7d'\n  }\n  const spaced = key.replaceAll('_', ' ')\n  return key.startsWith('seven_day_') ? `7d ${spaced.slice('seven day '.length)}` : spaced\n}\n\nexport function formatRateLimitWindowLong(key: string): string {\n  if (key === 'five_hour') {\n    return '5-hour session'\n  }\n  if (key === 'seven_day') {\n    return 'Weekly'\n  }\n  if (key === 'seven_day_oauth_apps') {\n    return 'Weekly · apps'\n  }\n  const capitalize = (s: string) => s.replace(/\\b\\w/g, (c) => c.toUpperCase())\n  if (!key.startsWith('seven_day_')) {\n    return capitalize(key.replaceAll('_', ' '))\n  }\n  return `Weekly · ${capitalize(key.slice('seven_day_'.length).replaceAll('_', ' '))}`\n}\n\nexport function rateLimitWindowSeconds(key: string): number | undefined {\n  if (key === 'five_hour') {\n    return 5 * 3600\n  }\n  if (key.startsWith('seven_day')) {\n    return 7 * 86_400\n  }\n  return undefined\n}\n\nexport function formatAgoPrecise(epochMs: number, now = Date.now()): string {\n  const seconds = Math.max(0, Math.floor((now - epochMs) / 1000))\n  if (seconds < 60) {\n    return `${seconds} sec${seconds === 1 ? '' : 's'} ago`\n  }\n  if (seconds < 3600) {\n    const minutes = Math.floor(seconds / 60)\n    return `${minutes} min${minutes === 1 ? '' : 's'} ago`\n  }\n  const hours = Math.floor(seconds / 3600)\n  return `${hours} hour${hours === 1 ? '' : 's'} ago`\n}\n\nexport function toolInputPreview(input: unknown, max = 80): string {\n  if (input === null || input === undefined) {\n    return ''\n  }\n  if (typeof input === 'object') {\n    const o = input as Record<string, unknown>\n    const primary = o.command ?? o.file_path ?? o.path ?? o.url ?? o.pattern ?? o.query ?? o.description\n    if (typeof primary === 'string') {\n      return primary.length > max ? primary.slice(0, max - 1) + '…' : primary\n    }\n  }\n  const text = JSON.stringify(input) ?? ''\n  return text.length > max ? text.slice(0, max - 1) + '…' : text\n}\n\nconst MODEL_FAMILIES: Record<string, { name: string; joiner?: string }> = {\n  gpt: { name: 'GPT', joiner: '-' },\n  deepseek: { name: 'DeepSeek' },\n  glm: { name: 'GLM' },\n  qwen: { name: 'Qwen' },\n  kimi: { name: 'Kimi' },\n  llama: { name: 'Llama' },\n  mistral: { name: 'Mistral' },\n  grok: { name: 'Grok' },\n}\n\nexport function friendlyModel(id: string | undefined): string | undefined {\n  if (!id) {\n    return undefined\n  }\n  const withoutVariant = id.split('[')[0] ?? id\n  const parts = withoutVariant.toLowerCase().split('-').filter(Boolean)\n  if (parts[0] === 'claude') {\n    parts.shift()\n  }\n  const familyToken = parts.shift()\n  if (!familyToken) {\n    return id\n  }\n  const family = MODEL_FAMILIES[familyToken]\n  const name =\n    family?.name ??\n    // OpenAI's reasoning series is lower-case by its own convention ('o3-mini'); \"O3\" reads as a different product.\n    (/^o\\d+$/.test(familyToken) ? familyToken : `${familyToken.charAt(0).toUpperCase()}${familyToken.slice(1)}`)\n\n  const version: string[] = []\n  const words: string[] = []\n  for (const part of parts) {\n    if (/^\\d{8}$/.test(part)) {\n      continue\n    }\n    if (/^\\d+(\\.\\d+)?$/.test(part)) {\n      version.push(part)\n    } else {\n      words.push(`${part.charAt(0).toUpperCase()}${part.slice(1)}`)\n    }\n  }\n  const versioned = version.length > 0 ? `${name}${family?.joiner ?? ' '}${version.join('.')}` : name\n  return [versioned, ...words].join(' ')\n}\n","import type { ModelOption, RateLimitInfo, SessionStatus } from '@workerdeck/protocol'\n\nexport type StatusSeverity = 'none' | 'warning' | 'error'\n\nexport type StatusPresentation = {\n  icon: string\n  label: string\n  severity: StatusSeverity\n}\n\nexport type StatusReadings = {\n  status: SessionStatus\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\nexport function statusPresentation(vitals: StatusReadings | undefined): StatusPresentation {\n  if (!vitals) {\n    return { icon: 'hubot', label: 'Connecting…', severity: 'none' }\n  }\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\nexport function meterSeverity(pct: number | undefined): StatusSeverity {\n  if (pct === undefined) {\n    return 'none'\n  }\n  if (pct >= 95) {\n    return 'error'\n  }\n  if (pct >= 80) {\n    return 'warning'\n  }\n  return 'none'\n}\n\nexport type UsageLane = 'session' | 'weekly' | 'model'\n\nexport function usageWindow(\n  rateLimits: Record<string, RateLimitInfo> | undefined,\n  lane: UsageLane,\n): { key: string; info: RateLimitInfo } | undefined {\n  if (!rateLimits) {\n    return undefined\n  }\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  const scoped = Object.fromEntries(\n    Object.entries(rateLimits).filter(([key]) => key.startsWith('seven_day_') && key !== 'seven_day_oauth_apps'),\n  )\n  return tightestWindow(scoped)\n}\n\nexport function tightestWindow(rateLimits: Record<string, RateLimitInfo> | undefined): { key: string; info: RateLimitInfo } | undefined {\n  const entries = Object.entries(rateLimits ?? {})\n  if (entries.length === 0) {\n    return undefined\n  }\n  let best: { key: string; info: RateLimitInfo } | undefined\n  for (const [key, info] of entries) {\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) {\n      best = { key, info }\n    }\n  }\n  return best\n}\n\nexport function windowLabel(key: string): string {\n  if (key === 'five_hour') {\n    return 'Session'\n  }\n  if (key === 'seven_day') {\n    return 'Weekly'\n  }\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\nexport function currentModel(vitals: ModelReadings | undefined): ModelOption | undefined {\n  const id = vitals?.model\n  if (!id) {\n    return undefined\n  }\n  const bare = (value: string) => value.replace(/\\[.*\\]$/, '')\n  const wanted = bare(id)\n  return vitals.models.find((m) => bare(m.value) === wanted || (m.resolvedModel && bare(m.resolvedModel) === wanted))\n}\n\nexport function modelLabel(vitals: ModelReadings | undefined): string {\n  if (!vitals?.model) {\n    return 'Default'\n  }\n  return currentModel(vitals)?.displayName ?? vitals.model\n}\n\nexport function contextSeverity(usage: { percentage: number } | undefined): StatusSeverity {\n  return meterSeverity(usage?.percentage)\n}\n\nexport function meterColorClass(pct: number | undefined): string {\n  const severity = meterSeverity(pct)\n  return severity === 'error' ? 'text-danger' : severity === 'warning' ? 'text-warning' : 'text-fg-3'\n}\n\n/**\n * The fill colour for a meter bar. Deliberately a different ramp from\n * {@link meterColorClass}: a bar reads as alarming later than a number does, so the tint\n * turns at 70/90 where the text severity turns at 80/95.\n */\nexport function meterTintClass(pct: number): string {\n  return pct >= 90 ? 'bg-danger' : pct >= 70 ? 'bg-warning' : 'bg-accent'\n}\n"],"mappings":"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"}

package/build/workspace.d.mts

@@ -1,4 +1,4 @@
-import { r as SessionPanelProps } from "./SessionPanel-BobynUo4.mjs";
+import { r as SessionPanelProps } from "./SessionPanel-E_L_ldQ5.mjs";
 import * as _$react from "react";
 import { CSSProperties } from "react";
 import { OpenFile, UseHostFileSearchResult, UseHostFileTreeResult } from "@workerdeck/react";
@@ -8,84 +8,32 @@ import { WorkerDeckClient } from "@workerdeck/client";
 interface SessionWorkspaceProps {
   client: WorkerDeckClient;
   sessionId: string | undefined;
-  /** Passed straight through to {@link SessionPanel} — including the render-prop
-   * form that claims the session-actions menu. */
   header?: SessionPanelProps['header'];
-  /**
-   * Panel seams the workspace does not interpret, forwarded verbatim.
-   *
-   * They are listed rather than spread so the workspace stays explicit about
-   * what it passes on: the panel owns the session's one attach, and a seam that
-   * silently arrived here would be a second place to look for why a session
-   * renders the way it does.
-   */
   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`. */
+  bookmarks?: SessionPanelProps['bookmarks'];
+  onToggleBookmark?: SessionPanelProps['onToggleBookmark'];
   stickyPrompt?: SessionPanelProps['stickyPrompt'];
-  /** Take the panel body over with one sub-agent's work — see `SessionPanel`. */
   openSubagent?: SessionPanelProps['openSubagent'];
-  /** Travel to a row in the conversation without framing anything — where a
-   * **task** press lands, as opposed to `openSubagent`'s takeover. See
-   * `SessionPanel`. */
   reveal?: SessionPanelProps['reveal'];
-  /** The outward half of `openSubagent`: which sub-agent the panel now has
-   * framed, or `undefined` for the conversation — see `SessionPanel`. */
   onSubagentChange?: SessionPanelProps['onSubagentChange'];
-  /** Which end of the panel the status bar sits at — see `SessionPanel`. */
   statusPlacement?: SessionPanelProps['statusPlacement'];
   controlsSurface?: SessionPanelProps['controlsSurface'];
-  /** Base font size in whole pixels — see `SessionPanel.fontSize`. */
   fontSize?: SessionPanelProps['fontSize'];
-  /** Link click handler — see `SessionPanel.onLinkClick`. */
   onLinkClick?: SessionPanelProps['onLinkClick'];
   unseen?: SessionPanelProps['unseen'];
-  /** Viewer mode — no composer, no approval prompts. Forwarded verbatim to
-   * {@link SessionPanel}; the file tree and editor are unaffected, since reading
-   * a run's files is the point of a read-only view. */
   readOnly?: SessionPanelProps['readOnly'];
   onVitals?: SessionPanelProps['onVitals'];
-  /** Rail width in pixels on first render. */
   defaultRailWidth?: number;
-  /** Start with the file rail collapsed even on a wide viewport. */
   defaultRailCollapsed?: boolean;
-  /**
-   * The rail moved. Paired with the two defaults so an embedder can persist the
-   * layout — the workspace deliberately does not, because *where* to keep it (a
-   * Memento, localStorage, a workspace file) is the embedder's call, and a
-   * component that picked one would be wrong in the other hosts.
-   */
   onRailChange?: (rail: {
     width: number;
     collapsed: boolean;
   }) => void;
   className?: string;
 }
-/**
- * A VS Code-shaped workspace around a live session: file tree on the left, open
- * files above, the agent below.
- *
- * **Strictly additive.** {@link SessionPanel} is untouched and still the whole
- * session surface on its own — an embedder picks one or the other, and one that
- * has its own file tree keeps using the panel.
- *
- * Two things here are load-bearing and easy to break:
- *
- * 1. **The editor region is absent from the layout when nothing is open**, not
- *    collapsed to zero height. A zero-height pane leaves a draggable splitter and
- *    parks the composer at an odd offset; absence is what makes the agent's
- *    "claims the full column" state actually look like the panel alone.
- * 2. **`SessionPanel` keeps its position in the tree across that transition.** It
- *    holds the WebSocket attach and the entire transcript, so moving it between
- *    parents — or wrapping it conditionally — would remount it and drop the
- *    session's rendered history on the floor the first time someone opens a file.
- *    The conditional children before it are `? :` expressions that leave a null in
- *    their slot, which is exactly what keeps its index stable.
- */
 declare function SessionWorkspace({
   client,
   sessionId,
@@ -94,7 +42,8 @@ declare function SessionWorkspace({
   transcriptDensity,
   transcriptFont,
   scrubber,
-  scrubberMarks,
+  bookmarks,
+  onToggleBookmark,
   stickyPrompt,
   openSubagent,
   reveal,
@@ -114,30 +63,14 @@ declare function SessionWorkspace({
 //#endregion
 //#region src/components/agent/FileTree.d.ts
 interface FileTreeProps {
-  /** Tree state from `useHostFileTree` — this component holds none of its own. */
   tree: UseHostFileTreeResult;
-  /** Optional search from `useHostFileSearch`; omit and the box is not offered. */
   search?: UseHostFileSearchResult;
-  /** Path of the focused file, highlighted in the tree. */
   activePath?: string;
   onOpenFile: (path: string) => void;
-  /** Offered as a button in the header when given. */
   onCollapse?: () => void;
   style?: CSSProperties;
   className?: string;
 }
-/**
- * The workspace's left rail: an expandable tree of the session's project,
- * with a search box over the same fuzzy route `@file` completion uses.
- *
- * Presentational by construction — every piece of state it renders comes from
- * the hooks in `@workerdeck/react`, and the only thing it owns is the search
- * query, which is the text in its own input.
- *
- * Searching replaces the tree with matches rather than filtering it: the route
- * answers with paths from all over the project, and threading those back into
- * tree positions would mean expanding a dozen directories to show six results.
- */
 declare function FileTree({
   tree,
   search,
@@ -156,19 +89,6 @@ interface EditorTabsProps {
   onClose: (path: string) => void;
   className?: string;
 }
-/**
- * The open-file tab strip.
- *
- * Hand-rolled rather than built on `@base-ui/react`'s `Tabs`: a VS Code tab
- * carries a close button, and a `<button>` inside a `<button>` is invalid HTML —
- * getting the primitive to render something else costs more than the roving
- * tabindex it would have provided. So that part is here, explicitly, along with
- * the two affordances that actually make a tab strip feel right: middle-click to
- * close, and the active tab scrolling itself into view.
- *
- * Deliberately state-free. Which files are open, which is focused and what
- * closing does are all decided by `useOpenFiles`.
- */
 declare function EditorTabs({
   files,
   activePath,
@@ -180,27 +100,15 @@ declare function EditorTabs({
 //#region src/components/agent/FileViewer.d.ts
 interface FileViewerProps {
   file: OpenFile | undefined;
-  /** From `/fs/roots`. False renders the editor read-only rather than letting
-   * someone type into a file this gateway will refuse to write. */
   canWrite?: boolean;
   onChange?: (path: string, content: string) => void;
   onSave?: (path: string) => void;
-  /** Discard this tab's edits — local only, no re-read. */
   onRevert?: (path: string) => void;
-  /** Take the version on disk, discarding this tab's edits. */
   onReload?: (path: string) => void;
-  /** Take this tab's version, over whatever is on disk now. */
   onOverwrite?: (path: string) => void;
   onDismissConflict?: (path: string) => void;
   className?: string;
 }
-/**
- * The focused file: Monaco, plus the states a file can be in that are not
- * "here is some text".
- *
- * No path row — the tab's tooltip carries the path and the size, and a line of
- * monospace above every file is chrome that never earns its height.
- */
 declare function FileViewer({
   file,
   canWrite,
@@ -215,42 +123,13 @@ declare function FileViewer({
 //#endregion
 //#region src/components/agent/CodeEditor.d.ts
 interface CodeEditorProps {
-  /** Absolute path — decides the language and identifies the model. */
   path: string;
-  /** Text to show. Applied to the model when it differs from what is on screen,
-   * so an external reload lands without fighting the user's cursor. */
   value: string;
   onChange?: (value: string) => void;
-  /** Ctrl/Cmd+S. Wired inside Monaco because the editor swallows keydown. */
   onSave?: () => void;
   readOnly?: boolean;
   className?: string;
 }
-/**
- * Monaco — VS Code's own editor — behind a small React surface.
- *
- * Two deliberate choices, both about `@workerdeck/ui` being a **published
- * library** rather than an app:
- *
- * 1. **Loaded on demand.** The `import()` is inside an effect, so Monaco is a
- *    separate chunk that arrives when someone first opens a file. A dashboard
- *    that never opens one never pays for it, and Monaco's ~90 language grammars
- *    are themselves lazy (each `registerLanguage` carries an `import()` loader),
- *    so opening a `.ts` file fetches the TypeScript grammar and nothing else.
- * 2. **No `MonacoEnvironment` is configured here, and none is needed.** Workers
- *    in a library become every embedder's bootstrapping problem, and
- *    `packages/web` ships prebuilt static files at a domain root, which is
- *    exactly where hardcoded worker URLs break. The editor is configured so it
- *    never asks for one: `wordBasedSuggestions` and `quickSuggestions` off,
- *    no diff editor. A host that wants the worker-backed language services
- *    (TypeScript IntelliSense, JSON schema validation) sets `MonacoEnvironment`
- *    itself before the first file is opened — Monaco is a singleton and nothing
- *    here fights that.
- *
- * One model per path, kept across tab switches, so undo history and view state
- * survive clicking away and back — which is most of what makes tabs feel like
- * tabs rather than like re-opening a file.
- */
 declare function CodeEditor({
   path,
   value,