@workerdeck/ui 0.11.0 → 0.13.0

package/build/{SessionPanel-CyhygZx_.d.mts → SessionPanel-CZMA44NM.d.mts}

@@ -103,6 +103,30 @@ declare function TranscriptVariantProvider({
   children: ReactNode;
 }): _$react.JSX.Element;
 declare function useTranscriptVariant(): TranscriptVariant;
+/**
+ * How much room the transcript gives each row.
+ *
+ * - `comfortable` — a blank line between messages, which is what the Claude Code
+ *   CLI does and what the `lines` variant is trying to read like. The default:
+ *   a transcript is prose before it is a table.
+ * - `compact` — rows tight against each other, for a dock where every line of
+ *   vertical space is contested.
+ *
+ * Separate from the variant, and deliberately: they answer different questions.
+ * The variant decides *how a row is drawn* (boxed or not) and follows from the
+ * surface; density decides *how much air is around it* and is a preference the
+ * reader holds. Coupling them would mean a dock could not be roomy and a
+ * dashboard could not be dense.
+ */
+type TranscriptDensity = 'comfortable' | 'compact';
+declare function TranscriptDensityProvider({
+  value,
+  children
+}: {
+  value: TranscriptDensity;
+  children: ReactNode;
+}): _$react.JSX.Element;
+declare function useTranscriptDensity(): TranscriptDensity;
 //#endregion
 //#region src/components/agent/SessionPanel.d.ts
 interface SessionPanelProps {
@@ -148,6 +172,17 @@ interface SessionPanelProps {
    * take the menu, or it has nowhere left to go.
    */
   statusSurface?: 'internal' | 'external';
+  /**
+   * Which end of the panel the status bar sits at. Default `top`.
+   *
+   * `bottom` is the editor convention — VS Code's status bar runs along the
+   * foot of the window — and suits a host where the panel *is* the editor area
+   * and the chrome above it already belongs to the app. Placement only; the bar
+   * is the same bar, with the same `⋯` menu in its trailing slot, so this
+   * composes with {@link statusSurface} rather than competing with it (external
+   * still means "there isn't one").
+   */
+  statusPlacement?: 'top' | 'bottom';
   /** Where `panelSurface: 'external'` routes opens. Absent = the affordances
    * (status-bar clicks, `/mcp`) become inert rather than half-working. */
   onOpenPanel?: (panel: SessionSurfacePanel) => void;
@@ -162,6 +197,14 @@ interface SessionPanelProps {
    * (the VS Code panel) wants `'lines'`; a full-width dashboard usually doesn't.
    */
   transcriptVariant?: TranscriptVariant;
+  /**
+   * How much air the transcript gives each row — `'comfortable'` (default: a
+   * blank line between messages, as the Claude Code CLI leaves) or `'compact'`
+   * (rows tight against one another). Independent of `transcriptVariant`: the
+   * variant follows from the surface, density is the reader's preference, and a
+   * dock is allowed to be roomy.
+   */
+  transcriptDensity?: TranscriptDensity;
   /**
    * Where the session's own controls — model and permission mode — live.
    * `'internal'` (default) draws them in the composer's toolbar row.
@@ -206,6 +249,22 @@ interface SessionPanelProps {
     itemCount: number;
     since?: number;
   };
+  /**
+   * A viewer, not a seat at the session: transcript, status bar and panels as
+   * usual, but no composer and no approval prompts.
+   *
+   * For a surface that is *about* a run rather than in it — the dashboard's job
+   * detail, where the session belongs to the queue and typing into it would be a
+   * second operator arriving mid-run. Deliberately not "disabled controls": a
+   * greyed-out composer says the session is busy, an absent one says this screen
+   * does not drive it. The attach is still live and read paths are untouched,
+   * so the transcript streams and the file tree browses.
+   *
+   * It does **not** claim to be an authorization boundary. Anything holding this
+   * client can still send; what it removes is the affordance, and the honest
+   * enforcement lives on the gateway.
+   */
+  readOnly?: boolean;
   className?: string;
 }
 /** What an embedder needs to *change* a session it doesn't own the attach for. */
@@ -213,6 +272,15 @@ type SessionControls = {
   setModel: (model?: string) => void;
   setPermissionMode: (mode: PermissionMode) => void;
   interrupt: () => void;
+  /**
+   * Put the caret in the composer.
+   *
+   * For an embedder whose own chrome is how you arrive at a session — clicking a
+   * row in VS Code's sidebar — where revealing the panel and being able to type
+   * are the same intention. The panel cannot infer it: from in here, a session
+   * appearing looks identical whether someone asked for it or it was restored.
+   */
+  focusComposer: () => void;
 };
 /** The panels the session surface can raise. One at a time, by identity: a bag
  * of booleans would let two open at once. */
@@ -263,15 +331,18 @@ declare function SessionPanel({
   header,
   panelSurface,
   statusSurface,
+  statusPlacement,
   onOpenPanel,
   onVitals,
   transcriptVariant,
+  transcriptDensity,
   controlsSurface,
   onControls,
   focusComposerOnClick,
   unseen,
+  readOnly,
   className
 }: SessionPanelProps): _$react.JSX.Element;
 //#endregion
-export { SessionVitals as a, useTranscriptVariant as c, PermissionModeMeta as d, PermissionModeSelect as f, permissionModeMeta as h, SessionSurfacePanel as i, PERMISSION_MODES as l, permissionModeChoices as m, SessionPanel as n, TranscriptVariant as o, PermissionModeSelectProps as p, SessionPanelProps as r, TranscriptVariantProvider as s, SessionControls as t, PermissionModeChoice as u };
-//# sourceMappingURL=SessionPanel-CyhygZx_.d.mts.map
+export { permissionModeChoices as _, SessionVitals as a, TranscriptVariant as c, useTranscriptVariant as d, PERMISSION_MODES as f, PermissionModeSelectProps as g, PermissionModeSelect as h, SessionSurfacePanel as i, TranscriptVariantProvider as l, PermissionModeMeta as m, SessionPanel as n, TranscriptDensity as o, PermissionModeChoice as p, SessionPanelProps as r, TranscriptDensityProvider as s, SessionControls as t, useTranscriptDensity as u, permissionModeMeta as v };
+//# sourceMappingURL=SessionPanel-CZMA44NM.d.mts.map

package/build/format.d.mts

@@ -1,2 +1,66 @@
 import { a as formatDuration, c as formatRelativeTime, d as rateLimitWindowSeconds, f as toolInputPreview, i as formatCountdown, l as formatTokens, n as formatBytes, o as formatRateLimitWindow, r as formatCost, s as formatRateLimitWindowLong, t as formatAgoPrecise, u as friendlyModel } from "./format-ljc3lKpA.mjs";
-export { formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, rateLimitWindowSeconds, toolInputPreview };
+import { ContextUsage, ModelOption, RateLimitInfo, SessionStatus } from "@workerdeck/protocol";
+
+//#region src/lib/status.d.ts
+/**
+ * How a session's live readings become a status line — the pure half, so every
+ * host spells "Needs approval", "80% is a warning" and "which window is the
+ * binding one" the same way.
+ *
+ * Structurally typed against `SessionVitals` rather than importing it: this file
+ * ships from the React-free `@workerdeck/ui/format` entry, and a host drawing
+ * the readings outside React (the VS Code extension host in the window status
+ * bar) must not pull a component graph in to do it. A real `SessionVitals`
+ * satisfies every shape here.
+ */
+type StatusSeverity = 'none' | 'warning' | 'error';
+/** What a status slot shows, before any host's icon vocabulary gets involved.
+ * `icon` is a VS Code codicon name — the one host-shaped thing left, because the
+ * alternative is a second mapping table in the only consumer. */
+type StatusPresentation = {
+  icon: string;
+  label: string;
+  severity: StatusSeverity;
+};
+type StatusReadings = {
+  status: SessionStatus;
+  /** `@workerdeck/react`'s `ConnectionState`, structurally — the link state wins
+   * the slot, so it has to be part of the reading. */
+  connection?: 'live' | 'reconnecting' | 'offline';
+};
+/**
+ * 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.
+ */
+declare function statusPresentation(vitals: StatusReadings | undefined): StatusPresentation;
+/** 0–100 → the colour a meter wears. One pair of thresholds for every surface. */
+declare function meterSeverity(pct: number | undefined): StatusSeverity;
+/** The rate-limit window that gets the one visible slot: whichever is fullest,
+ * since the binding constraint is the one worth glancing at. */
+declare function tightestWindow(rateLimits: Record<string, RateLimitInfo> | undefined): {
+  key: string;
+  info: RateLimitInfo;
+} | undefined;
+/** A rate-limit window's key, named for a human. */
+declare function windowLabel(key: string): string;
+type ModelReadings = {
+  model?: string;
+  models: readonly ModelOption[];
+};
+/**
+ * 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.
+ */
+declare function currentModel(vitals: ModelReadings | undefined): ModelOption | undefined;
+/** 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. */
+declare function modelLabel(vitals: ModelReadings | undefined): string;
+/** Context percentage as its meter severity — the reading and the colour come
+ * from one place so a panel and a status bar never disagree. */
+declare function contextSeverity(usage: ContextUsage | undefined): StatusSeverity;
+//#endregion
+export { ModelReadings, StatusPresentation, StatusReadings, StatusSeverity, contextSeverity, currentModel, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, meterSeverity, modelLabel, rateLimitWindowSeconds, statusPresentation, tightestWindow, toolInputPreview, windowLabel };
+//# sourceMappingURL=format.d.mts.map

package/build/format.mjs

@@ -1,2 +1,119 @@
 import { a as formatDuration, c as formatRelativeTime, d as rateLimitWindowSeconds, f as toolInputPreview, i as formatCountdown, l as formatTokens, n as formatBytes, o as formatRateLimitWindow, r as formatCost, s as formatRateLimitWindowLong, t as formatAgoPrecise, u as friendlyModel } from "./format-DqR56Y8l.mjs";
-export { formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, rateLimitWindowSeconds, toolInputPreview };
+//#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 rate-limit window that gets the one visible slot: whichever is fullest,
+* since the binding constraint is the one worth glancing at. */
+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. */
+function windowLabel(key) {
+	if (key === "five_hour") return "Session";
+	if (key === "seven_day") return "Weekly";
+	return key.replaceAll("_", " ");
+}
+/**
+* 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 { contextSeverity, currentModel, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, meterSeverity, modelLabel, rateLimitWindowSeconds, statusPresentation, tightestWindow, toolInputPreview, windowLabel };
+
+//# sourceMappingURL=format.mjs.map

package/build/format.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.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/** The rate-limit window that gets the one visible slot: whichever is fullest,\n * since the binding constraint is the one worth glancing at. */\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. */\nexport function windowLabel(key: string): string {\n  if (key === 'five_hour') return 'Session'\n  if (key === 'seven_day') return 'Weekly'\n  return key.replaceAll('_', ' ')\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":";;AA+BA,MAAM,cAAyD;CAC7D,UAAU;EAAE,MAAM;EAAgB,OAAO;EAAY,UAAU;EAAQ;CACvE,SAAS;EAAE,MAAM;EAAgB,OAAO;EAAW,UAAU;EAAQ;CACrE,mBAAmB;EAAE,MAAM;EAAW,OAAO;EAAkB,UAAU;EAAW;CACpF,MAAM;EAAE,MAAM;EAAS,OAAO;EAAQ,UAAU;EAAQ;CACxD,QAAQ;EAAE,MAAM;EAAe,OAAO;EAAU,UAAU;EAAQ;CAClE,QAAQ;EAAE,MAAM;EAAS,OAAO;EAAU,UAAU;EAAS;CAC7D,QAAQ;EAAE,MAAM;EAAgB,OAAO;EAAU,UAAU;EAAQ;CACpE;;;;;;AAOD,SAAgB,mBAAmB,QAAwD;AACzF,KAAI,CAAC,OAAQ,QAAO;EAAE,MAAM;EAAS,OAAO;EAAe,UAAU;EAAQ;AAC7E,KAAI,OAAO,eAAe,UACxB,QAAO;EAAE,MAAM;EAAoB,OAAO;EAAW,UAAU;EAAS;AAE1E,KAAI,OAAO,eAAe,eACxB,QAAO;EAAE,MAAM;EAAa,OAAO;EAAiB,UAAU;EAAW;AAE3E,QAAO,YAAY,OAAO,WAAW;EAAE,MAAM;EAAS,OAAO,OAAO;EAAQ,UAAU;EAAQ;;;AAIhG,SAAgB,cAAc,KAAyC;AACrE,KAAI,QAAQ,KAAA,EAAW,QAAO;AAC9B,KAAI,OAAO,GAAI,QAAO;AACtB,KAAI,OAAO,GAAI,QAAO;AACtB,QAAO;;;;AAKT,SAAgB,eACd,YACkD;CAClD,MAAM,UAAU,OAAO,QAAQ,cAAc,EAAE,CAAC;AAChD,KAAI,QAAQ,WAAW,EAAG,QAAO,KAAA;CACjC,IAAI;AACJ,MAAK,MAAM,CAAC,KAAK,SAAS,QASxB,MAPa,KAAK,WAAW,aAAa,OAAO,oBAAqB,KAAK,eAAe,OAExF,SAAS,KAAA,IACL,OAAO,oBACP,KAAK,KAAK,WAAW,aACnB,OAAO,oBACN,KAAK,KAAK,eAAe,IACb,QAAO;EAAE;EAAK;EAAM;AAE3C,QAAO;;;AAIT,SAAgB,YAAY,KAAqB;AAC/C,KAAI,QAAQ,YAAa,QAAO;AAChC,KAAI,QAAQ,YAAa,QAAO;AAChC,QAAO,IAAI,WAAW,KAAK,IAAI;;;;;;;;AAWjC,SAAgB,aAAa,QAA4D;CACvF,MAAM,KAAK,QAAQ;AACnB,KAAI,CAAC,GAAI,QAAO,KAAA;CAChB,MAAM,QAAQ,UAAkB,MAAM,QAAQ,WAAW,GAAG;CAC5D,MAAM,SAAS,KAAK,GAAG;AACvB,QAAO,OAAO,OAAO,MAClB,MAAM,KAAK,EAAE,MAAM,KAAK,UAAW,EAAE,iBAAiB,KAAK,EAAE,cAAc,KAAK,OAClF;;;;AAKH,SAAgB,WAAW,QAA2C;AACpE,KAAI,CAAC,QAAQ,MAAO,QAAO;AAC3B,QAAO,aAAa,OAAO,EAAE,eAAe,OAAO;;;;AAKrD,SAAgB,gBAAgB,OAAiD;AAC/E,QAAO,cAAc,OAAO,WAAW"}

package/build/index.d.mts

@@ -1,5 +1,5 @@
 import { a as formatDuration, c as formatRelativeTime, d as rateLimitWindowSeconds, f as toolInputPreview, i as formatCountdown, l as formatTokens, n as formatBytes, o as formatRateLimitWindow, r as formatCost, s as formatRateLimitWindowLong, t as formatAgoPrecise, u as friendlyModel } from "./format-ljc3lKpA.mjs";
-import { a as SessionVitals, c as useTranscriptVariant, d as PermissionModeMeta, f as PermissionModeSelect, h as permissionModeMeta, i as SessionSurfacePanel, l as PERMISSION_MODES, m as permissionModeChoices, n as SessionPanel, o as TranscriptVariant, p as PermissionModeSelectProps, r as SessionPanelProps, s as TranscriptVariantProvider, t as SessionControls, u as PermissionModeChoice } from "./SessionPanel-CyhygZx_.mjs";
+import { _ as permissionModeChoices, a as SessionVitals, c as TranscriptVariant, d as useTranscriptVariant, f as PERMISSION_MODES, g as PermissionModeSelectProps, h as PermissionModeSelect, i as SessionSurfacePanel, l as TranscriptVariantProvider, m as PermissionModeMeta, n as SessionPanel, o as TranscriptDensity, p as PermissionModeChoice, r as SessionPanelProps, s as TranscriptDensityProvider, t as SessionControls, u as useTranscriptDensity, v as permissionModeMeta } from "./SessionPanel-CZMA44NM.mjs";
 import * as _$react from "react";
 import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, InputHTMLAttributes, ReactElement, ReactNode, Ref, RefObject, TextareaHTMLAttributes } from "react";
 import { VariantProps } from "class-variance-authority";
@@ -15,7 +15,7 @@ import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 import * as _$_base_ui_react_tooltip0 from "@base-ui/react/tooltip";
 import { Tooltip } from "@base-ui/react/tooltip";
 import { toast } from "sonner";
-import { ContextUsage, ModelOption, PermissionRequest, ProfileEngine, QuestionBehavior, RateLimitInfo, SessionInfo, SessionStatus, SkillInfo, SlashCommandInfo, UserQuestion } from "@workerdeck/protocol";
+import { ContextUsage, ModelOption, PermissionRequest, ProfileEngine, QuestionBehavior, RateLimitInfo, SessionInfo, SessionRow, SessionStatus, SkillInfo, SlashCommandInfo, UserQuestion, ViewConfig, WorkspaceScope } from "@workerdeck/protocol";
 import { ConnectionState, TranscriptItem, TranscriptState, UseAttachmentsResult } from "@workerdeck/react";
 import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 import { WorkerDeckClient } from "@workerdeck/client";
@@ -736,6 +736,12 @@ interface TranscriptProps {
    * vertical space is scarce. See {@link TranscriptVariant}.
    */
   variant?: TranscriptVariant;
+  /**
+   * How much air each row gets: `comfortable` (default — a blank line between
+   * messages, as the Claude Code CLI does) or `compact`. Independent of
+   * {@link TranscriptVariant}. See {@link TranscriptDensity}.
+   */
+  density?: TranscriptDensity;
   /**
    * Catch-up: `from` is how many items had been seen last time, `since` when
    * that was. A recap row is drawn at that boundary and everything above it is
@@ -763,6 +769,7 @@ declare function Transcript({
   canBrowseFiles,
   hostImage,
   variant,
+  density,
   catchUp,
   jumpToRecapRef,
   className
@@ -808,9 +815,12 @@ interface MessageProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * One chat turn row.
  *
- * `cards`: user messages sit right in a bubble; assistant content is flat,
- * full-width (the AI-chat convention — assistant output is the page, user input
- * is quoted).
+ * `cards`: user messages sit in a bubble, assistant content is flat and
+ * full-width. Both are **left-aligned**: the transcript is a log read top to
+ * bottom, and an editor-shaped host (a full-width session view beside a sessions
+ * rail) has no right edge to anchor to — a bubble drifting right in a 1600px
+ * column separates a prompt from the reply it produced. The bubble alone is
+ * enough to say who spoke.
  *
  * `lines`: both are left-aligned full-width line items behind a gutter glyph —
  * `❯` for what was typed, `●` for what the model said. No bubble: a prompt is
@@ -874,9 +884,10 @@ interface LoaderProps {
 /**
  * "The agent is working and hasn't produced output yet."
  *
- * `lines`: a terminal working line — animated glyph in the gutter, a verb, and
- * the readings that answer "should I still be waiting?" in one parenthesis.
- * `cards`: the three-dot pulse, unchanged.
+ * `lines`: a terminal working line — the mark's own pulse in the gutter (see
+ * `pulse.tsx`), a verb, and the readings that answer "should I still be
+ * waiting?" in one parenthesis. `cards`: the three-dot pulse, unchanged — the
+ * dashboard's loader is not a gutter glyph and has no column to pulse in.
  */
 declare function Loader({
   label,
@@ -1136,8 +1147,11 @@ interface StatusBarProps {
   onOpenStatus?: () => void;
   onOpenContext?: () => void;
   onOpenUsage?: () => void;
-  /** Trailing slot — the session-actions menu, in the panel's top-right. */
+  /** Trailing slot — the session-actions menu, at the bar's trailing edge. */
   actions?: ReactNode;
+  /** Which edge the bar sits on, so its separating rule goes on the other side.
+   * Placement is the panel's decision; this only styles it. */
+  placement?: 'top' | 'bottom';
   className?: string;
 }
 declare function StatusBar({
@@ -1148,6 +1162,7 @@ declare function StatusBar({
   onOpenContext,
   onOpenUsage,
   actions,
+  placement,
   className
 }: StatusBarProps): _$react.JSX.Element;
 //#endregion
@@ -1349,6 +1364,110 @@ declare function SessionList({
   className
 }: SessionListProps): _$react.JSX.Element;
 //#endregion
+//#region src/components/agent/SessionBrowser.d.ts
+/**
+ * A sessions list with the affordances a list of thirty needs: search, facets,
+ * grouping, sorting, unread counts, and one honest line about what is hidden.
+ *
+ * The *rules* are `@workerdeck/protocol`'s (`filterRows`/`groupRows`/
+ * `subsetSummary`), not this component's — the VS Code sidebar renders the same
+ * model with workbench chrome, its activity-bar badge counts the same rows this
+ * would show, and iOS mirrors them in Swift. What lives here is the styled
+ * rendering of that model, so a host that wants the dashboard's look gets it
+ * without reimplementing the model behind it.
+ *
+ * `SessionList` remains beside this for the plain case (a fixed set of rows, no
+ * controls); this is what you reach for when the list is the screen.
+ */
+interface SessionBrowserProps {
+  rows: SessionRow[];
+  config: ViewConfig;
+  onConfigChange: (config: ViewConfig) => void;
+  /** The host's own folders, if it has such a notion. Absent — a dashboard, a
+   * phone — makes the scope filter genuinely inert rather than empty. */
+  scope?: WorkspaceScope;
+  activeId?: string;
+  onSelect?: (row: SessionRow) => void;
+  onDelete?: (row: SessionRow) => void;
+  /**
+   * Rename, from the row's pencil. Empty string restores the derived title. A
+   * gateway edit (`PATCH /sessions/:id`), never a local override — every client
+   * should see the same name. Omit to make titles read-only.
+   *
+   * A hover affordance rather than the extension's double-click-the-title,
+   * because here a single click on the row navigates: the *first* click of a
+   * double-click would have already left the page.
+   */
+  onRename?: (row: SessionRow, title: string) => void;
+  /** Rendered when nothing at all exists (as opposed to nothing matching). */
+  emptyState?: React.ReactNode;
+  /**
+   * Whether the search + facet bar is shown. Defaults to `true` — a list that
+   * *is* the screen shows its controls.
+   *
+   * A host with somewhere better to put the toggle (a view title bar) passes
+   * `false` and owns the boolean itself, the way the VS Code extension does: the
+   * key lives where the commands do. Two rules come with it, and they are why
+   * this hides only the bar and nothing else — **closing the bar never clears
+   * the filters**, and the subset line below it renders either way, so a list
+   * filtered by a control you can't currently see still says so.
+   */
+  showControls?: boolean;
+  className?: string;
+}
+/**
+ * How a list row is drawn, in one place, so `SidebarRow` in `web` matches this
+ * exactly rather than approximating it — the dashboard's other three sidebars
+ * are that component, and a sessions list that hovered differently from the
+ * gateways list beside it would read as a different product.
+ *
+ * Two rules are load-bearing:
+ *
+ * - **Fill means hover, and only hover.** It stays on the row whether or not
+ *   the row is selected, because a selected row still has to answer the
+ *   pointer. Selection gets the gutter instead.
+ * - **`ml-0` on the selected row is not cosmetic.** It hands the accent border
+ *   the 4px the margin was holding, so the text does not shift sideways as a
+ *   row becomes the selected one. The squared left corners are what let the bar
+ *   sit flush against the sidebar edge.
+ */
+declare function rowShapeClass(active: boolean): string;
+declare function SessionBrowser({
+  rows,
+  config,
+  onConfigChange,
+  scope,
+  activeId,
+  onSelect,
+  onDelete,
+  onRename,
+  emptyState,
+  showControls,
+  className
+}: SessionBrowserProps): _$react.JSX.Element;
+/**
+ * State as one glyph on the right edge — a ringing bell when it wants a human, a
+ * spinner while it works, a moon when it is only sleeping. Replaces the text
+ * badge: in a sidebar the word costs more room than it earns, and the states
+ * that matter are the two you can recognise without reading.
+ */
+declare function SessionStatusIcon({
+  row
+}: {
+  row: SessionRow;
+}): _$react.JSX.Element;
+//#endregion
+//#region src/components/agent/EngineIcon.d.ts
+declare function EngineIcon({
+  engine,
+  model,
+  className
+}: {
+  engine: string;
+  model?: string;
+  className?: string;
+}): _$react.JSX.Element;
+//#endregion
 //#region src/components/agent/SessionEmptyState.d.ts
 interface SessionEmptyStateProps {
   cwd?: string;
@@ -1451,5 +1570,5 @@ declare function toolIcon(toolName: string): LucideIcon;
  */
 declare function isMutatingTool(toolName: string): boolean;
 //#endregion
-export { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardHeader, CardTitle, type ChipSegment, CodeBlock, type CodeBlockProps, Composer, type ComposerFileMatch, type ComposerHandle, type ComposerProps, ContextDialog, type ContextDialogProps, Conversation, ConversationContent, type ConversationProps, ConversationScrollButton, CopyButton, type CopyButtonProps, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, FileCard, type FileCardProps, type FileDeliveredItem, HostFilesDialog, type HostFilesDialogProps, Input, Loader, McpDialog, type McpDialogProps, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, type MessageProps, ModelSelect, type ModelSelectProps, PERMISSION_MODES, type PermissionModeChoice, type PermissionModeMeta, PermissionModeSelect, type PermissionModeSelectProps, PermissionPrompt, type PermissionPromptProps, ProgressRing, type ProgressRingProps, PromptArea, type PromptAreaHandle, type PromptAreaProps, PromptTokenText, QUESTION_BEHAVIORS, type QuestionBehaviorMeta, QuestionPrompt, type QuestionPromptProps, Reasoning, type ReasoningProps, Response, type ResponseProps, STATUS_META, type Segment, Select, SelectContent, SelectItem, SelectItemText, SelectTrigger, SelectValue, type SessionControls, SessionEmptyState, type SessionEmptyStateProps, SessionInfoDialog, type SessionInfoDialogProps, SessionList, SessionListItem, type SessionListItemProps, type SessionListProps, SessionPanel, type SessionPanelProps, type SessionSurfacePanel, type SessionVitals, SkillsDialog, type SkillsDialogProps, Spinner, Splitter, type SplitterProps, StatusBar, type StatusBarProps, type TextSegment, Textarea, Tip, Toaster, ToolCallCard, type ToolCallCardProps, type ToolCallItem, TooltipContent, TooltipProvider, Transcript, type TranscriptProps, type TranscriptVariant, TranscriptVariantProvider, type TriggerConfig, type TriggerSuggestion, UsageDialog, type UsageDialogProps, badgeVariants, buttonVariants, cn, commandTrigger, copyText, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, getChipsByTrigger, hashtagTrigger, isMutatingTool, isSegmentsEmpty, mentionTrigger, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, rateLimitWindowSeconds, segmentsToPlainText, skillPrompt, toast, toolIcon, toolInputPreview, usePromptAreaState, useTranscriptVariant };
+export { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardHeader, CardTitle, type ChipSegment, CodeBlock, type CodeBlockProps, Composer, type ComposerFileMatch, type ComposerHandle, type ComposerProps, ContextDialog, type ContextDialogProps, Conversation, ConversationContent, type ConversationProps, ConversationScrollButton, CopyButton, type CopyButtonProps, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, EngineIcon, FileCard, type FileCardProps, type FileDeliveredItem, HostFilesDialog, type HostFilesDialogProps, Input, Loader, McpDialog, type McpDialogProps, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, type MessageProps, ModelSelect, type ModelSelectProps, PERMISSION_MODES, type PermissionModeChoice, type PermissionModeMeta, PermissionModeSelect, type PermissionModeSelectProps, PermissionPrompt, type PermissionPromptProps, ProgressRing, type ProgressRingProps, PromptArea, type PromptAreaHandle, type PromptAreaProps, PromptTokenText, QUESTION_BEHAVIORS, type QuestionBehaviorMeta, QuestionPrompt, type QuestionPromptProps, Reasoning, type ReasoningProps, Response, type ResponseProps, STATUS_META, type Segment, Select, SelectContent, SelectItem, SelectItemText, SelectTrigger, SelectValue, SessionBrowser, type SessionBrowserProps, type SessionControls, SessionEmptyState, type SessionEmptyStateProps, SessionInfoDialog, type SessionInfoDialogProps, SessionList, SessionListItem, type SessionListItemProps, type SessionListProps, SessionPanel, type SessionPanelProps, SessionStatusIcon, type SessionSurfacePanel, type SessionVitals, SkillsDialog, type SkillsDialogProps, Spinner, Splitter, type SplitterProps, StatusBar, type StatusBarProps, type TextSegment, Textarea, Tip, Toaster, ToolCallCard, type ToolCallCardProps, type ToolCallItem, TooltipContent, TooltipProvider, Transcript, type TranscriptDensity, TranscriptDensityProvider, type TranscriptProps, type TranscriptVariant, TranscriptVariantProvider, type TriggerConfig, type TriggerSuggestion, UsageDialog, type UsageDialogProps, badgeVariants, buttonVariants, cn, commandTrigger, copyText, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, getChipsByTrigger, hashtagTrigger, isMutatingTool, isSegmentsEmpty, mentionTrigger, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, rateLimitWindowSeconds, rowShapeClass, segmentsToPlainText, skillPrompt, toast, toolIcon, toolInputPreview, usePromptAreaState, useTranscriptDensity, useTranscriptVariant };
 //# sourceMappingURL=index.d.mts.map