@workerdeck/ui 0.22.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;
@@ -2939,6 +2931,70 @@
     height: 1rem;
   }
 }
+.wd-root [data-slot='message-content'] {
+  font-size: var(--wd-font-size, var(--text-body-sm));
+  line-height: 1.6;
+}
+.wd-root [data-slot='message-content'] h1 {
+  font-size: 1.5em;
+  line-height: 1.35;
+  margin-top: 1.5em;
+}
+.wd-root [data-slot='message-content'] h2 {
+  font-size: 1.3em;
+  line-height: 1.35;
+  margin-top: 1.5em;
+}
+.wd-root [data-slot='message-content'] h3 {
+  font-size: 1.15em;
+  line-height: 1.4;
+  margin-top: 1.25em;
+}
+.wd-root [data-slot='message-content'] h4 {
+  font-size: 1.05em;
+  line-height: 1.4;
+  margin-top: 1.25em;
+}
+.wd-root [data-slot='message-content'] h5 {
+  font-size: 1em;
+  line-height: 1.4;
+  margin-top: 1em;
+}
+.wd-root [data-slot='message-content'] h6 {
+  font-size: 1em;
+  line-height: 1.4;
+  margin-top: 1em;
+}
+.wd-root [data-slot='message-content'] pre {
+  font-size: 0.9em;
+}
+.wd-root [data-slot='message-content'] code {
+  font-size: 0.9em;
+}
+.wd-root [data-slot='message-content'] pre code {
+  font-size: inherit;
+}
+.wd-root [data-slot='message-content'] table {
+  font-size: 0.95em;
+}
+.wd-root [data-slot='message-content'] td {
+  font-size: inherit;
+}
+.wd-root [data-slot='message-content'] th {
+  font-size: inherit;
+}
+.wd-root [data-slot='message-content'] [data-streamdown='code-block-body'] {
+  font-size: 0.9em;
+}
+.wd-root [data-slot='message-content'] :not(pre)>code {
+  font-size: 0.9em;
+}
+.wd-root [data-slot='session-panel'] .prompt-area-container {
+  font-size: var(--wd-font-size, var(--text-body-sm));
+}
+.wd-root [data-slot='session-panel'] .prompt-area-chip {
+  font-size: var(--wd-font-size, 0.8125rem);
+}
 .wd-root .frame-shine {
   border: 1px solid transparent;
   background: linear-gradient(var(--bg), var(--bg)) padding-box, linear-gradient( 135deg, var(--shine) 0%, var(--shine) 55%, var(--shine) 100% ) border-box;
@@ -3068,7 +3124,7 @@
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-  font-size: var(--text-body-sm);
+  font-size: var(--wd-font-size, var(--text-body-sm));
   color: var(--fg-2);
   background: var(--bg);
   @supports (color: color-mix(in lab, red, red)) {

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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"}