priiisk 0.1.22 → 0.1.23

package/dist/{chunk-YCWIUVAI.js → chunk-J77LDB4Q.js}

@@ -2,7 +2,6 @@ import { createRequire as __priiiskCreateRequire } from "node:module";
 const require = __priiiskCreateRequire(import.meta.url);
 import {
   CampAskState,
-  CampWorkerState,
   get2,
   make2 as make4,
   modify,
@@ -11,7 +10,7 @@ import {
   tagsExhaustive,
   type,
   update as update2
-} from "./chunk-U2FODXMR.js";
+} from "./chunk-QDMSPX34.js";
 import {
   Tag,
   TaggedError,
@@ -23,7 +22,7 @@ import {
   catchAll,
   catchAllCause,
   currentTimeMillis,
-  equipmentDescriptionLines,
+  equipmentDescriptionGroups,
   fail4 as fail,
   flatMap3 as flatMap,
   forEach,
@@ -56,7 +55,7 @@ import {
   tap,
   update,
   zipRight
-} from "./chunk-DPNPQG2D.js";
+} from "./chunk-7OL53RZ7.js";
 import "./chunk-7UPFIIZD.js";
 
 // packages/host-ui/src/backend/campUiBackend.ts
@@ -79,13 +78,30 @@ var CampUiScreen = {
   camp: "camp",
   worker: "worker"
 };
+var CampUiSidebarTab = { workers: "workers", equipment: "equip" };
+var CAMP_UI_SIDEBAR_TABS = [
+  CampUiSidebarTab.workers,
+  CampUiSidebarTab.equipment
+];
+var nextCampUiSidebarTab = (current, delta) => {
+  const index = CAMP_UI_SIDEBAR_TABS.indexOf(current);
+  const size = CAMP_UI_SIDEBAR_TABS.length;
+  const next = (((index < 0 ? 0 : index) + delta) % size + size) % size;
+  return CAMP_UI_SIDEBAR_TABS[next] ?? CampUiSidebarTab.workers;
+};
 var campUiAskBlockId = (askId) => `ask:${askId}`;
+var campUiOpenedWorkerId = (state) => state.openedWorkerId;
 var makeInitialCampUiState = (snapshot, presentationNow = 0) => ({
+  /*
+   * The cursor starts on the first worker, but nobody is opened: a camp that
+   * opened someone by itself answered a question nobody asked and hid what a
+   * fresh camp has to say about itself.
+   */
   ...snapshot.workers[0] === void 0 ? {} : { selectedWorkerId: snapshot.workers[0].snapshot.worker.id },
   screen: CampUiScreen.camp,
   focusedSlotId: "roster",
   detailVisible: false,
-  inventoryVisible: false,
+  sidebarTab: CampUiSidebarTab.workers,
   presentationNow,
   drafts: /* @__PURE__ */ new Map(),
   scrollOffsets: /* @__PURE__ */ new Map(),
@@ -110,8 +126,11 @@ var reconcileCampUiState = (current, snapshot) => {
   );
   const fallbackIndex = Math.min(Math.max(previousIndex, 0), snapshot.workers.length - 1);
   const selectedWorkerId = previousId !== void 0 && workerIds.has(previousId) ? previousId : snapshot.workers[fallbackIndex]?.snapshot.worker.id;
+  const previousOpenedId = current.state.openedWorkerId;
+  const openedWorkerId = previousOpenedId !== void 0 && workerIds.has(previousOpenedId) ? previousOpenedId : void 0;
   const {
     selectedWorkerId: _selectedWorkerId,
+    openedWorkerId: _openedWorkerId,
     focusedDetailBlockId: previousFocusedBlockId,
     ...stableState
   } = current.state;
@@ -127,6 +146,7 @@ var reconcileCampUiState = (current, snapshot) => {
   return {
     ...stableState,
     ...selectedWorkerId === void 0 ? {} : { selectedWorkerId },
+    ...openedWorkerId === void 0 ? {} : { openedWorkerId },
     ...focusedDetailBlockId === void 0 ? {} : { focusedDetailBlockId },
     screen: selectedWorkerId === void 0 ? CampUiScreen.camp : current.state.screen,
     focusedSlotId: selectedWorkerId === void 0 ? "roster" : current.state.focusedSlotId,
@@ -182,12 +202,17 @@ var makeCampUiStore = (initial, presentationNow = 0) => gen(function* () {
           ...model,
           state: {
             ...model.state,
+            openedWorkerId: workerId,
             selectedWorkerId: workerId,
             screen: CampUiScreen.worker
           }
         }
       ])
     ),
+    closeWorker: updateState((state) => {
+      const { openedWorkerId: _openedWorkerId, ...rest } = state;
+      return { ...rest, screen: CampUiScreen.camp };
+    }),
     activateScreen: (screen) => modifyEffect(
       modelRef,
       (model) => screen === CampUiScreen.worker && model.state.selectedWorkerId === void 0 ? fail(
@@ -211,10 +236,9 @@ var makeCampUiStore = (initial, presentationNow = 0) => gen(function* () {
       if (state.detailVisible === detailVisible) return state;
       return { ...state, detailVisible };
     }),
-    setInventoryVisible: (inventoryVisible) => updateState((state) => {
-      if (state.inventoryVisible === inventoryVisible) return state;
-      return { ...state, inventoryVisible };
-    }),
+    setSidebarTab: (sidebarTab) => updateState(
+      (state) => state.sidebarTab === sidebarTab ? state : { ...state, sidebarTab }
+    ),
     setDetailBlockExpanded: (blockId, expanded) => updateState((state) => ({
       ...state,
       expandedDetailBlockIds: updateCampUiStringSet(
@@ -290,6 +314,8 @@ var emptyCampUiComponent = {
 var CampUiSlot = {
   campHeader: "camp-header",
   equipment: "equipment",
+  sidebarTabs: "sidebar-tabs",
+  overview: "overview",
   resources: "resources",
   roster: "roster",
   sessionHeader: "session-header",
@@ -439,6 +465,7 @@ var makeCampUiIntentHandler = (options) => type().pipe(
       );
     }),
     OpenWorker: ({ workerId }) => options.controller.openWorker(workerId),
+    CloseWorker: () => options.controller.closeWorker,
     ScrollWorker: ({ workerId, delta }) => suspend(() => {
       const offset = options.readModel().state.scrollOffsets.get(workerId) ?? 0;
       return options.controller.focusDetailBlock(void 0).pipe(
@@ -460,7 +487,11 @@ var makeCampUiIntentHandler = (options) => type().pipe(
     }),
     SelectWorker: ({ workerId }) => options.controller.selectWorker(workerId),
     SetDraft: ({ workerId, draft }) => options.controller.setDraft(workerId, draft),
-    SetInventoryVisible: ({ visible }) => options.controller.setInventoryVisible(visible),
+    CycleSidebarTab: ({ delta }) => suspend(
+      () => options.controller.setSidebarTab(
+        nextCampUiSidebarTab(options.readModel().state.sidebarTab, delta)
+      )
+    ),
     SetScrollOffset: ({ workerId, offset }) => options.controller.setScrollOffset(workerId, offset),
     SetTranscriptVisible: ({ visible }) => options.controller.setDetailVisible(visible),
     Steer: ({ workerId, message }) => message.trim() === "" ? _void : options.backend.steer({ workerId, message }).pipe(
@@ -522,10 +553,10 @@ var findCampUiSpatialFocusTarget = (frame, currentSlotId, focusableSlotIds, dire
 
 // packages/host-ui/src/layout/campUiLayoutPolicy.ts
 var defaultCampUiLayoutPolicy = {
-  leftMinimumWidth: 34,
-  rightMinimumWidth: 34,
-  leftTrackWidthThreshold: 94,
-  rightTrackWidthThreshold: 130,
+  leftMinimumWidth: 44,
+  rightMinimumWidth: 44,
+  leftTrackWidthThreshold: 90,
+  rightTrackWidthThreshold: 136,
   trackGapWidth: 1,
   wideMinimumHeight: 18,
   campHeaderHeight: 1,
@@ -695,7 +726,7 @@ var makeNarrowFrame = (viewport, state, policy, slots) => {
   const footerHeight = fixedRows(viewport.height, policy.footerHeight);
   const bodyHeight = Math.max(0, viewport.height - footerHeight);
   const footerY = bodyHeight;
-  const workerScreen = state.screen === CampUiScreen.worker && state.selectedWorkerId !== void 0;
+  const workerScreen = state.screen === CampUiScreen.worker && campUiOpenedWorkerId(state) !== void 0;
   const [campHeight = 0, rosterHeight = 0] = workerScreen ? [] : leftSectionHeights(bodyHeight, slots);
   const sessionHeaderHeight = workerScreen ? fixedRows(bodyHeight, policy.sessionHeaderHeight) : 0;
   const inputHeight = workerScreen ? composerHeight(bodyHeight - sessionHeaderHeight, viewport.width, policy, slots) : 0;
@@ -719,12 +750,12 @@ var makeNarrowFrame = (viewport, state, policy, slots) => {
     ])
   };
 };
-var makeWideFrame = (viewport, policy, slots) => {
+var makeWideFrame = (viewport, state, policy, slots) => {
   const campHeaderHeight = fixedRows(viewport.height, policy.campHeaderHeight);
   const footerHeight = fixedRows(viewport.height - campHeaderHeight, policy.footerHeight);
   const bodyHeight = Math.max(0, viewport.height - campHeaderHeight - footerHeight);
   const footerY = campHeaderHeight + bodyHeight;
-  const [leftWidth = 0, leftGap = 0, centerWidth = 0, rightGap = 0, rightWidth = 0] = allocateCampUiTrackColumns(viewport.width, [
+  const [leftWidth = 0, leftGap = 0, centerWidth = 0] = allocateCampUiTrackColumns(viewport.width, [
     {
       kind: CampUiTrackSizeKind.min,
       minimumColumns: policy.leftMinimumWidth,
@@ -735,46 +766,60 @@ var makeWideFrame = (viewport, policy, slots) => {
       columns: policy.trackGapWidth,
       collapseBelow: policy.leftTrackWidthThreshold
     },
-    { kind: CampUiTrackSizeKind.fill, weight: 1 },
-    {
-      kind: CampUiTrackSizeKind.fixed,
-      columns: policy.trackGapWidth,
-      collapseBelow: policy.rightTrackWidthThreshold
-    },
-    {
-      kind: CampUiTrackSizeKind.min,
-      minimumColumns: policy.rightMinimumWidth,
-      collapseBelow: policy.rightTrackWidthThreshold
-    }
+    { kind: CampUiTrackSizeKind.fill, weight: 1 }
   ]);
   const centerX2 = leftWidth + leftGap;
-  const rightX = centerX2 + centerWidth + rightGap;
   const sessionHeaderHeight = fixedRows(bodyHeight, policy.sessionHeaderHeight);
   const inputHeight = composerHeight(bodyHeight - sessionHeaderHeight, centerWidth, policy, slots);
   const transcriptHeight = bodyHeight - sessionHeaderHeight - inputHeight;
   const bodyY = campHeaderHeight;
+  const opened = campUiOpenedWorkerId(state);
+  const sidebarTabsHeight = leftWidth === 0 ? 0 : fixedRows(bodyHeight, 1);
   return {
     mode: CampUiLayoutMode.wide,
     dividers: [],
     regions: compact([
       region(CampUiSlot.campHeader, 0, 0, viewport.width, campHeaderHeight),
-      region(CampUiSlot.roster, 0, bodyY, leftWidth, bodyHeight),
-      region(CampUiSlot.sessionHeader, centerX2, bodyY, centerWidth, sessionHeaderHeight),
+      /*
+       * The tab row sits under the track it belongs to and takes one line; the
+       * active tab is the content above it.
+       */
       region(
-        CampUiSlot.transcript,
-        centerX2,
-        bodyY + sessionHeaderHeight,
-        centerWidth,
-        transcriptHeight
+        state.sidebarTab === CampUiSidebarTab.equipment ? CampUiSlot.equipment : CampUiSlot.roster,
+        0,
+        bodyY,
+        leftWidth,
+        Math.max(0, bodyHeight - sidebarTabsHeight)
       ),
       region(
-        CampUiSlot.composer,
-        centerX2,
-        bodyY + sessionHeaderHeight + transcriptHeight,
-        centerWidth,
-        inputHeight
+        CampUiSlot.sidebarTabs,
+        0,
+        bodyY + Math.max(0, bodyHeight - sidebarTabsHeight),
+        leftWidth,
+        sidebarTabsHeight
       ),
-      region(CampUiSlot.equipment, rightX, bodyY, rightWidth, bodyHeight),
+      /*
+       * With nobody open the middle answers about the camp itself — what it
+       * loaded and what it can reach — instead of showing an empty transcript
+       * above an input that has no addressee.
+       */
+      ...opened === void 0 ? [region(CampUiSlot.overview, centerX2, bodyY, centerWidth, bodyHeight)] : [
+        region(CampUiSlot.sessionHeader, centerX2, bodyY, centerWidth, sessionHeaderHeight),
+        region(
+          CampUiSlot.transcript,
+          centerX2,
+          bodyY + sessionHeaderHeight,
+          centerWidth,
+          transcriptHeight
+        ),
+        region(
+          CampUiSlot.composer,
+          centerX2,
+          bodyY + sessionHeaderHeight + transcriptHeight,
+          centerWidth,
+          inputHeight
+        )
+      ],
       /*
        * The bottom line belongs to the conversation, not to the whole width: it
        * sits under the input and answers about the work happening there. Under
@@ -792,7 +837,7 @@ var makeDefaultCampUiLayout = (policy = defaultCampUiLayoutPolicy) => ({
       width: units2(viewport.width),
       height: units2(viewport.height)
     };
-    return normalized.height >= policy.wideMinimumHeight ? makeWideFrame(normalized, policy, slots) : makeNarrowFrame(normalized, state, policy, slots);
+    return normalized.height >= policy.wideMinimumHeight ? makeWideFrame(normalized, state, policy, slots) : makeNarrowFrame(normalized, state, policy, slots);
   }
 });
 
@@ -1216,7 +1261,7 @@ var makeCampUiComposerComponent = (context, tui) => {
     };
   };
   const selectedEditor = () => {
-    const workerId = context.readModel().state.selectedWorkerId;
+    const workerId = campUiOpenedWorkerId(context.readModel().state);
     if (workerId === void 0) return void 0;
     const existing = editors.get(workerId);
     if (existing !== void 0) return existing;
@@ -1226,7 +1271,7 @@ var makeCampUiComposerComponent = (context, tui) => {
   };
   const renderSelectedEditor = (width) => {
     const model = context.readModel();
-    const workerId = model.state.selectedWorkerId;
+    const workerId = campUiOpenedWorkerId(model.state);
     const entry = selectedEditor();
     if (workerId === void 0 || entry === void 0) return void 0;
     const { editor } = entry;
@@ -1761,7 +1806,7 @@ var makeCampUiDetailComponent = (context, registry = defaultCampUiDetailBlockRen
       visibleRanges = [];
       const model = context.readModel();
       const selectTheme = getSelectListTheme8();
-      const workerId = model.state.selectedWorkerId;
+      const workerId = campUiOpenedWorkerId(model.state);
       if (workerId === void 0) return [selectTheme.description("No worker selected")];
       const worker = findCampUiWorker(model.snapshot, workerId);
       if (worker === void 0) return [selectTheme.noMatch("Selected worker is unavailable")];
@@ -1841,7 +1886,7 @@ var makeCampUiDetailComponent = (context, registry = defaultCampUiDetailBlockRen
       const delta = matchesKey2(input, Key2.up) ? -1 : matchesKey2(input, Key2.down) ? 1 : void 0;
       if (delta === void 0) return false;
       const model = context.readModel();
-      const workerId = model.state.selectedWorkerId;
+      const workerId = campUiOpenedWorkerId(model.state);
       if (workerId === void 0) return false;
       const focusedBlockId = model.state.focusedDetailBlockId;
       const current = renderedRanges.findIndex((range) => range.id === focusedBlockId);
@@ -1858,7 +1903,7 @@ var makeCampUiDetailComponent = (context, registry = defaultCampUiDetailBlockRen
       return true;
     },
     handlePointer: (pointer) => {
-      const workerId = context.readModel().state.selectedWorkerId;
+      const workerId = campUiOpenedWorkerId(context.readModel().state);
       if (workerId === void 0) return [];
       if (pointer.action === "wheel") {
         return [
@@ -1991,9 +2036,9 @@ var PULSE_WINDOW_MS = 12e4;
 var PULSE_CEILING = 4;
 var PULSE_SAMPLES_PER_COLUMN = 2;
 var rosterWidths = (width) => {
-  const right = Math.min(17, Math.max(0, width - 17));
-  const left = Math.min(11, Math.max(0, width - right - 6));
-  return { left, pulse: Math.max(0, width - left - right - 4), right };
+  const right = Math.min(15, Math.max(0, width - 20));
+  const left = Math.min(14, Math.max(0, width - right - 6));
+  return { left, pulse: Math.max(0, width - left - right - 3), right };
 };
 var rightColumn = (text, width) => {
   const fitted = truncateToWidth4(text, width);
@@ -2025,23 +2070,24 @@ var usageText = (entry, width) => {
   const usage = entry.snapshot.session?.usage;
   const context = percentText(usage?.context?.percent);
   const cache = usage?.latestCacheHitRate === void 0 ? usage === void 0 || usage.tokens.total === 0 ? "n/a" : "n/r" : percentText(usage.latestCacheHitRate);
-  const cost = usage === void 0 ? "\u2014" : `$${usage.cost.toFixed(3)}`;
-  const full = `${context} ${cache} ${cost}`;
-  if (visibleWidth3(full) <= width || usage === void 0) return full;
-  const compactCost = `$${usage.cost.toFixed(2).replace(/^0/u, "")}`;
-  return `${context}${cache}${compactCost}`;
+  const full = `${context}  cache ${cache}`;
+  return visibleWidth3(full) <= width ? full : `${context} ${cache}`;
 };
 var stateText = (state, duration, width) => {
   const full = `${state} ${duration}`;
   return visibleWidth3(full) <= width ? full : state;
 };
-var modelText = (entry) => {
+var modelText = (entry, width) => {
   const model = entry.snapshot.session?.usage?.model ?? entry.snapshot.worker.equipment.model;
-  if (model === void 0) return "model unknown";
-  return model.split("/").at(-1) ?? model;
+  const thinking = entry.snapshot.session?.thinkingLevel ?? entry.snapshot.worker.equipment.thinkingLevel;
+  if (model === void 0) return thinking === void 0 ? "model unknown" : thinking;
+  const short = model.split("/").at(-1) ?? model;
+  if (thinking === void 0) return short;
+  const full = `${short} ${thinking}`;
+  return visibleWidth3(full) <= width ? full : short;
 };
 var cardLine = (marker, left, pulse, right, widths, width) => fitCampUiLine(
-  `${marker} ${fitCampUiLine(left, widths.left)} ${fitCampUiLine(pulse, widths.pulse)} ${rightColumn(right, widths.right)}`,
+  `${marker} ${fitCampUiLine(left, widths.left)}${fitCampUiLine(pulse, widths.pulse)} ${rightColumn(right, widths.right)}`,
   width
 );
 var renderExternalControllerCard = (controllerConnected, width) => {
@@ -2068,10 +2114,10 @@ var renderExternalControllerCard = (controllerConnected, width) => {
     )
   ];
 };
-var renderWorkerCard = (entry, selectedWorkerId, detailVisible, now, width) => {
+var renderWorkerCard = (entry, cursorWorkerId, openedWorkerId, now, width) => {
   const worker = entry.snapshot.worker;
   const session = entry.snapshot.session;
-  const level = worker.id !== selectedWorkerId ? CampUiLevel.resting : detailVisible ? CampUiLevel.selected : CampUiLevel.focused;
+  const level = worker.id === openedWorkerId ? CampUiLevel.selected : worker.id === cursorWorkerId ? CampUiLevel.focused : CampUiLevel.resting;
   const roleColor = campUiRoleColor(worker.equipment.role);
   const widths = rosterWidths(width);
   const timestamps = (session?.transcript ?? []).flatMap(
@@ -2094,7 +2140,7 @@ var renderWorkerCard = (entry, selectedWorkerId, detailVisible, now, width) => {
       campUiLevelMarkerText(level, roleColor),
       campUiText(name, roleColor, level),
       campUiPulseText(pulse[0], level, roleColor),
-      neutral(modelText(entry)),
+      neutral(modelText(entry, widths.right)),
       widths,
       width
     ),
@@ -2117,16 +2163,17 @@ var makeCampUiRoster = (context) => ({
       return [getSelectListTheme9().description("No workers")];
     }
     const controller = external ? renderExternalControllerCard(model.snapshot.controllerConnected, viewport.width) : [];
-    const workers = model.snapshot.workers.flatMap((entry) => {
+    const workers = model.snapshot.workers.flatMap((entry, index) => {
       const candidateNow = model.state.presentationNow;
       const now = Number.isFinite(candidateNow) ? candidateNow : entry.snapshot.worker.updatedAt;
-      return renderWorkerCard(
+      const card = renderWorkerCard(
         entry,
         model.state.selectedWorkerId,
-        model.state.detailVisible,
+        campUiOpenedWorkerId(model.state),
         now,
         viewport.width
       );
+      return index === 0 ? card : ["", ...card];
     });
     return [...controller, ...workers];
   },
@@ -2137,7 +2184,8 @@ var makeCampUiRoster = (context) => ({
     if (pointer.y < controllerRows) {
       return [CampUiIntents.FocusSlot({ slotId: CampUiSlot.roster })];
     }
-    const workerIndex = Math.floor((pointer.y - controllerRows) / 2);
+    const offset = pointer.y - controllerRows;
+    const workerIndex = offset < 2 ? 0 : Math.floor((offset + 1) / 3);
     const workerId = model.snapshot.workers[workerIndex]?.snapshot.worker.id;
     if (workerId === void 0) return [];
     return [
@@ -2150,7 +2198,7 @@ var makeCampUiSessionHeader = (context) => ({
   render: (viewport) => {
     const model = context.readModel();
     const theme = getSelectListTheme9();
-    const workerId = model.state.selectedWorkerId;
+    const workerId = campUiOpenedWorkerId(model.state);
     if (workerId === void 0) {
       return [fitCampUiLine(theme.description("Select a worker"), viewport.width)];
     }
@@ -2176,11 +2224,17 @@ import { wrapTextWithAnsi } from "@earendil-works/pi-tui";
 var fullEquipmentLines = (equipment, revision, width) => {
   if (width <= 0) return [];
   const theme = getSelectListTheme10();
-  return equipmentDescriptionLines(equipment, revision).flatMap(
-    (line) => wrapTextWithAnsi(theme.description(line), width).map(
-      (wrapped) => fitCampUiLine(wrapped, width)
-    )
-  );
+  return equipmentDescriptionGroups(equipment, revision).flatMap((group) => {
+    const values = group.values.length === 0 ? ["none"] : group.values;
+    return [
+      fitCampUiLine(theme.description(group.label), width),
+      ...values.flatMap((value, index) => {
+        const branch = index === values.length - 1 ? "\u2514\u2500" : "\u251C\u2500";
+        const body = `${theme.description(branch)} ${value}`;
+        return wrapTextWithAnsi(body, width).map((wrapped) => fitCampUiLine(wrapped, width));
+      })
+    ];
+  });
 };
 var renderCampUiEquipment = (equipment, revision, width, height) => {
   const lines = fullEquipmentLines(equipment, revision, width);
@@ -2197,7 +2251,7 @@ var renderCampUiEquipment = (equipment, revision, width, height) => {
 var makeCampUiEquipment = (context) => {
   const selectedWorker = () => {
     const model = context.readModel();
-    const workerId = model.state.selectedWorkerId;
+    const workerId = campUiOpenedWorkerId(model.state);
     return workerId === void 0 ? void 0 : findCampUiWorker(model.snapshot, workerId);
   };
   const fullLines = (width) => {
@@ -2209,6 +2263,8 @@ var makeCampUiEquipment = (context) => {
     );
   };
   return {
+    /* A tab of the left track takes focus like the roster does. */
+    focusable: true,
     preferredRows: (width) => fullLines(width).length,
     render: (viewport) => {
       const worker = selectedWorker();
@@ -2237,20 +2293,17 @@ var diagnosticText = (value) => {
   const normalized = value?.replaceAll(/\s+/gu, " ").trim();
   return normalized === "" ? void 0 : normalized;
 };
-var workerCountText = (workers) => {
-  if (workers.length === 0) return "no workers";
-  const working = workers.filter(
-    (worker) => worker.snapshot.worker.state === CampWorkerState.running
-  ).length;
-  const waiting = workers.filter((worker) => worker.asks.some(isPendingAsk)).length;
-  const parts = [
-    `${String(workers.length)} ${workers.length === 1 ? "worker" : "workers"}`,
-    ...working === 0 ? [] : [`${String(working)} working`],
-    ...waiting === 0 ? [] : [`${String(waiting)} waiting`]
-  ];
-  return parts.join(" \xB7 ");
+var campCostText = (workers) => {
+  const reported = workers.flatMap(
+    (worker) => worker.snapshot.session?.usage === void 0 ? [] : [worker.snapshot.session.usage]
+  );
+  if (workers.length === 0) return "";
+  if (reported.length === 0) return "cost unknown";
+  const total = reported.reduce((sum, usage) => sum + usage.cost, 0);
+  const bound = reported.length < workers.length ? "\u2265" : "";
+  return `${bound}$${total.toFixed(3)}`;
 };
-var isPendingAsk = (ask) => ask.state === "pending";
+var workerCountText = (workers) => workers.length === 0 ? "no workers" : `${String(workers.length)} ${workers.length === 1 ? "worker" : "workers"}`;
 var shortenPath = (value, width) => {
   const available = Math.max(0, Math.floor(width));
   if (available <= 0) return "";
@@ -2273,9 +2326,12 @@ var makeCampUiFooter = (context) => ({
     const diagnostic = actionError !== void 0 ? `${renderCampUiStatus("action error", CampUiTone.error)} ${theme.description(`\xB7 ${actionError}`)}` : healthMessage !== void 0 ? styleCampUiTone(healthTone, healthMessage) : health.status === CampUiHealthStatus.ready ? "" : renderCampUiStatus(health.status, healthTone);
     const branch = snapshot.projectBranch === null ? "" : ` \xB7 ${snapshot.projectBranch}`;
     const version = `v${snapshot.hostVersion}`;
+    const camp = [workerCountText(snapshot.workers), campCostText(snapshot.workers)].filter(
+      (part) => part !== ""
+    );
     const candidates = [
-      { right: [workerCountText(snapshot.workers), version, retry], branch },
-      { right: [workerCountText(snapshot.workers), version], branch },
+      { right: [...camp, version, retry], branch },
+      { right: [...camp, version], branch },
       { right: [version], branch },
       { right: [version], branch: "" }
     ];
@@ -2300,10 +2356,68 @@ var makeCampUiFooter = (context) => ({
   }
 });
 
+// packages/host-ui/src/pi/layout/campUiOverview.ts
+import { getMarkdownTheme as getMarkdownTheme8, getSelectListTheme as getSelectListTheme12 } from "@earendil-works/pi-coding-agent";
+var resourceGroup = (label, values, reported, width) => {
+  const theme = getSelectListTheme12();
+  const body = reported ? values.length === 0 ? theme.description("none loaded") : values.join(", ") : theme.description("not reported");
+  return [
+    styleCampUiTone(values.length > 0 ? CampUiTone.attention : CampUiTone.neutral, `[${label}]`),
+    `  ${body}`,
+    ""
+  ].map((line) => fitCampUiLine(line, width));
+};
+var mcpNames = (snapshot) => uniqueCampUiNames(
+  snapshot.workers.flatMap((worker) => worker.snapshot.worker.equipment.mcp.serverNames)
+);
+var makeCampUiOverview = (context) => ({
+  render: (viewport) => {
+    const model = context.readModel();
+    const snapshot = model.snapshot;
+    const theme = getSelectListTheme12();
+    const dim = getMarkdownTheme8().codeBlockBorder;
+    const inventory = snapshot.resources;
+    const reported = inventory.reportedWorkers > 0;
+    const width = viewport.width;
+    const workers = snapshot.workers.length;
+    const lines = [
+      fitCampUiLine(`${theme.selectedText("priiisk")} ${dim(`v${snapshot.hostVersion}`)}`, width),
+      fitCampUiLine(dim("\u2190 workers \xB7 enter open \xB7 esc back here"), width),
+      fitCampUiLine(
+        dim(
+          workers === 0 ? "\u041B\u0430\u0433\u0435\u0440\u044C \u043F\u0443\u0441\u0442. \u041E\u0440\u043A\u0435\u0441\u0442\u0440\u0430\u0442\u043E\u0440 \u043D\u0430\u043D\u0438\u043C\u0430\u0435\u0442 \u0432\u043E\u0440\u043A\u0435\u0440\u043E\u0432 \u0447\u0435\u0440\u0435\u0437 CLI: priiisk hire." : `\u0412 \u043B\u0430\u0433\u0435\u0440\u0435 ${String(workers)} ${workers === 1 ? "\u0432\u043E\u0440\u043A\u0435\u0440" : "\u0432\u043E\u0440\u043A\u0435\u0440\u0430"}. \u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0435\u0433\u043E \u0441\u043B\u0435\u0432\u0430 \u0438 \u043E\u0442\u043A\u0440\u043E\u0439\u0442\u0435, \u0447\u0442\u043E\u0431\u044B \u043F\u0440\u043E\u0447\u0438\u0442\u0430\u0442\u044C \u0445\u043E\u0434 \u0440\u0430\u0431\u043E\u0442\u044B.`
+        ),
+        width
+      ),
+      "",
+      ...resourceGroup(
+        "Context",
+        uniqueCampUiNames(inventory.contextFiles.map((item) => item.name)),
+        reported,
+        width
+      ),
+      ...resourceGroup(
+        "Extensions",
+        uniqueCampUiNames(inventory.extensions.map((item) => item.name)),
+        reported,
+        width
+      ),
+      ...resourceGroup(
+        "Skills",
+        uniqueCampUiNames(inventory.skills.map((item) => item.name)),
+        reported,
+        width
+      ),
+      ...resourceGroup("MCP", mcpNames(snapshot), snapshot.workers.length > 0, width)
+    ];
+    return lines.slice(0, Math.max(0, viewport.height));
+  }
+});
+
 // packages/host-ui/src/pi/layout/campUiResources.ts
-import { getSelectListTheme as getSelectListTheme12 } from "@earendil-works/pi-coding-agent";
+import { getSelectListTheme as getSelectListTheme13 } from "@earendil-works/pi-coding-agent";
 var renderResourceTree = (label, value, tone, width) => {
-  const theme = getSelectListTheme12();
+  const theme = getSelectListTheme13();
   const lines = [
     theme.description(label),
     `${theme.description("\u2514\u2500")} ${renderCampUiStatus(value, tone)}`
@@ -2326,7 +2440,7 @@ var makeCampUiResources = (context) => ({
       const value = names.length === 0 ? "none loaded" : names.join(", ");
       return partial ? `${value} \xB7 partial` : value;
     };
-    const mcpNames = uniqueCampUiNames(equipment.flatMap((item) => item.mcp.serverNames));
+    const mcpNames2 = uniqueCampUiNames(equipment.flatMap((item) => item.mcp.serverNames));
     const mcpHealth = snapshot.workers.flatMap((worker) => worker.snapshot.mcp);
     const healthNames = new Set(mcpHealth.map((item) => item.serverName));
     const failedMcp = mcpHealth.some(
@@ -2336,15 +2450,15 @@ var makeCampUiResources = (context) => ({
       (item) => item.status === "connecting" || item.status === "retry-wait"
     );
     const partialMcp = mcpHealth.some((item) => !item.catalogComplete);
-    const missingMcpHealth = mcpNames.some((name) => !healthNames.has(name));
-    const mcpTone = failedMcp ? CampUiTone.error : pendingMcp || partialMcp || missingMcpHealth ? CampUiTone.attention : mcpNames.length > 0 ? CampUiTone.success : CampUiTone.neutral;
+    const missingMcpHealth = mcpNames2.some((name) => !healthNames.has(name));
+    const mcpTone = failedMcp ? CampUiTone.error : pendingMcp || partialMcp || missingMcpHealth ? CampUiTone.attention : mcpNames2.length > 0 ? CampUiTone.success : CampUiTone.neutral;
     const mcpNotes = [
       ...failedMcp ? ["down"] : [],
       ...pendingMcp ? ["connecting"] : [],
       ...partialMcp ? ["catalog partial"] : [],
       ...missingMcpHealth ? ["health not reported"] : []
     ];
-    const mcpText = !equipmentReported ? "not reported" : mcpNames.length === 0 ? "none configured" : `${mcpNames.join(", ")}${mcpNotes.length === 0 ? "" : ` \xB7 ${mcpNotes.join(", ")}`}`;
+    const mcpText = !equipmentReported ? "not reported" : mcpNames2.length === 0 ? "none configured" : `${mcpNames2.join(", ")}${mcpNotes.length === 0 ? "" : ` \xB7 ${mcpNotes.join(", ")}`}`;
     const contentWidth = Math.max(1, viewport.width - 2);
     const body = [
       ...renderResourceTree(
@@ -2371,6 +2485,22 @@ var makeCampUiResources = (context) => ({
   }
 });
 
+// packages/host-ui/src/pi/layout/campUiSidebarTabs.ts
+import { getMarkdownTheme as getMarkdownTheme9, getSelectListTheme as getSelectListTheme14 } from "@earendil-works/pi-coding-agent";
+import { visibleWidth as visibleWidth5 } from "@earendil-works/pi-tui";
+var makeCampUiSidebarTabs = (context) => ({
+  render: (viewport) => {
+    const model = context.readModel();
+    const theme = getSelectListTheme14();
+    const dim = getMarkdownTheme9().codeBlockBorder;
+    const row = CAMP_UI_SIDEBAR_TABS.map(
+      (tab) => tab === model.state.sidebarTab ? theme.selectedText(tab) : dim(tab)
+    ).join(dim("\xB7"));
+    const padding = Math.max(0, Math.floor((viewport.width - visibleWidth5(row)) / 2));
+    return [fitCampUiLine(`${" ".repeat(padding)}${row}`, viewport.width)];
+  }
+});
+
 // packages/host-ui/src/pi/layout/campUiDefaultSlots.ts
 var makeDefaultCampUiContributions = (tui, detailBlocks) => [
   {
@@ -2403,6 +2533,16 @@ var makeDefaultCampUiContributions = (tui, detailBlocks) => [
     slotId: CampUiSlot.composer,
     mount: (context) => succeed2(makeCampUiComposerComponent(context, tui))
   },
+  {
+    id: "default-overview",
+    slotId: CampUiSlot.overview,
+    mount: (context) => succeed2(makeCampUiOverview(context))
+  },
+  {
+    id: "default-sidebar-tabs",
+    slotId: CampUiSlot.sidebarTabs,
+    mount: (context) => succeed2(makeCampUiSidebarTabs(context))
+  },
   {
     id: "default-footer",
     slotId: CampUiSlot.footer,
@@ -2416,17 +2556,17 @@ var makeDefaultCampUiContributions = (tui, detailBlocks) => [
 ];
 
 // packages/host-ui/src/pi/layout/campUiSection.ts
-import { getMarkdownTheme as getMarkdownTheme8, getSelectListTheme as getSelectListTheme13 } from "@earendil-works/pi-coding-agent";
-import { visibleWidth as visibleWidth5 } from "@earendil-works/pi-tui";
+import { getMarkdownTheme as getMarkdownTheme10, getSelectListTheme as getSelectListTheme15 } from "@earendil-works/pi-coding-agent";
+import { visibleWidth as visibleWidth6 } from "@earendil-works/pi-tui";
 var renderHeader = (header, width) => {
-  const theme = getMarkdownTheme8();
-  const selectTheme = getSelectListTheme13();
+  const theme = getMarkdownTheme10();
+  const selectTheme = getSelectListTheme15();
   const rule2 = header.focused === true ? selectTheme.selectedPrefix : theme.codeBlockBorder;
   const title = header.focused === true ? selectTheme.selectedText : theme.heading;
   const ruleCharacter = header.focused === true ? "\u2501" : "\u2500";
   const detail = header.detail === void 0 ? "" : `  ${selectTheme.description(header.detail)}`;
   const label = `${rule2(ruleCharacter.repeat(2))} ${title(header.title)}${detail} `;
-  const ruleWidth = Math.max(0, width - visibleWidth5(label));
+  const ruleWidth = Math.max(0, width - visibleWidth6(label));
   return fitCampUiLine(`${label}${rule2(ruleCharacter.repeat(ruleWidth))}`, width);
 };
 var makeCampUiSection = (options) => {
@@ -2459,13 +2599,15 @@ var makeCampUiSection = (options) => {
       if (options.centerContent !== true) {
         return [renderHeader(options.header(), viewport.width), ...body];
       }
-      const available = Math.max(0, viewport.height - 1);
-      const padding = Math.max(0, Math.floor((available - body.length) / 2));
+      const padding = Math.max(0, Math.floor((viewport.height - body.length - 1) / 2));
       return [
-        renderHeader(options.header(), viewport.width),
         ...Array.from({ length: padding }, () => ""),
+        renderHeader(options.header(), viewport.width),
         ...body,
-        ...Array.from({ length: Math.max(0, available - padding - body.length) }, () => "")
+        ...Array.from(
+          { length: Math.max(0, viewport.height - padding - body.length - 1) },
+          () => ""
+        )
       ].slice(0, viewport.height);
     },
     ...inputComponents ? {
@@ -2520,9 +2662,20 @@ var decorateDefaultCampUiSections = (context, slots) => {
   decorated.set(
     CampUiSlot.equipment,
     makeCampUiSection({
-      header: () => ({ title: "Equipment" }),
+      /*
+       * The worker's name lives in the section header instead of being repeated
+       * inside: one line saying whose grant this is beats the same name printed
+       * twice within a track that is narrow to begin with.
+       */
+      header: () => {
+        const model = context.readModel();
+        const workerId = campUiOpenedWorkerId(model.state);
+        const worker = workerId === void 0 ? void 0 : findCampUiWorker(model.snapshot, workerId);
+        const name = worker?.snapshot.worker.alias ?? workerId?.slice(0, 8);
+        return name === void 0 ? { title: "Equipment" } : { title: "Equipment", detail: name };
+      },
       centerContent: true,
-      size: defaultCampUiRightSectionSizes.equipment,
+      size: defaultCampUiLeftSectionSizes.workers,
       children: [
         {
           component: equipment,
@@ -2558,7 +2711,7 @@ import { initTheme } from "@earendil-works/pi-coding-agent";
 import { ProcessTerminal, TUI } from "@earendil-works/pi-tui";
 
 // packages/host-ui/src/pi/piCampUiRoot.ts
-import { getMarkdownTheme as getMarkdownTheme9 } from "@earendil-works/pi-coding-agent";
+import { getMarkdownTheme as getMarkdownTheme11 } from "@earendil-works/pi-coding-agent";
 import { Key as Key3, matchesKey as matchesKey3 } from "@earendil-works/pi-tui";
 
 // packages/host-ui/src/pi/runtime/campUiPointerInput.ts
@@ -2687,7 +2840,7 @@ var PiCampUiRoot = class {
           segments.push({
             x: divider.x,
             width: 1,
-            text: getMarkdownTheme9().codeBlockBorder("\u2502")
+            text: getMarkdownTheme11().codeBlockBorder("\u2502")
           });
         }
       }
@@ -2734,19 +2887,19 @@ var PiCampUiRoot = class {
     if (focusedSlotId !== model.state.focusedSlotId) {
       this.context.emit(CampUiIntents.FocusSlot({ slotId: focusedSlotId }));
     }
-    if (model.state.inventoryVisible && matchesKey3(input, Key3.escape)) {
-      this.context.emit(CampUiIntents.SetInventoryVisible({ visible: false }));
-      return;
-    }
-    if (focusedSlotId !== CampUiSlot.composer && input === "i") {
-      this.context.emit(CampUiIntents.SetInventoryVisible({ visible: true }));
-      return;
-    }
     if (this.slots.get(focusedSlotId)?.handleInput?.(input) === true) return;
     if (matchesKey3(input, Key3.escape)) {
       if (focusedSlotId === CampUiSlot.composer) {
         this.context.emit(CampUiIntents.FocusSlot({ slotId: CampUiSlot.transcript }));
-      } else if (model.state.screen === CampUiScreen.worker) {
+        return;
+      }
+      if (model.state.openedWorkerId !== void 0) {
+        this.context.emit(CampUiIntents.CloseWorker());
+        this.context.emit(CampUiIntents.FocusDetailBlock({}));
+        this.context.emit(CampUiIntents.FocusSlot({ slotId: CampUiSlot.roster }));
+        return;
+      }
+      if (model.state.screen === CampUiScreen.worker) {
         this.context.emit(CampUiIntents.ActivateScreen({ screen: CampUiScreen.camp }));
         this.context.emit(CampUiIntents.FocusDetailBlock({}));
         this.context.emit(CampUiIntents.FocusSlot({ slotId: CampUiSlot.roster }));
@@ -2773,6 +2926,16 @@ var PiCampUiRoot = class {
       );
       return;
     }
+    if (focusedSlotId === CampUiSlot.roster || focusedSlotId === CampUiSlot.equipment) {
+      if (matchesKey3(input, Key3.left)) {
+        this.context.emit(CampUiIntents.CycleSidebarTab({ delta: 1 }));
+        return;
+      }
+      if (matchesKey3(input, Key3.right)) {
+        this.context.emit(CampUiIntents.FocusSlot({ slotId: CampUiSlot.transcript }));
+        return;
+      }
+    }
     if (focusedSlotId === CampUiSlot.roster) {
       const delta = matchesKey3(input, Key3.up) ? -1 : matchesKey3(input, Key3.down) ? 1 : void 0;
       if (delta !== void 0) {
@@ -2787,11 +2950,9 @@ var PiCampUiRoot = class {
       }
       if (matchesKey3(input, Key3.enter) && model.state.selectedWorkerId !== void 0) {
         this.context.emit(CampUiIntents.OpenWorker({ workerId: model.state.selectedWorkerId }));
-        this.context.emit(
-          CampUiIntents.FocusSlot({
-            slotId: this.mode === CampUiLayoutMode.wide ? CampUiSlot.composer : CampUiSlot.transcript
-          })
-        );
+        if (this.mode !== CampUiLayoutMode.wide) {
+          this.context.emit(CampUiIntents.FocusSlot({ slotId: CampUiSlot.transcript }));
+        }
         return;
       }
     }
@@ -3005,22 +3166,6 @@ var mountPiCampUi = (options) => gen(function* () {
   );
   tui.addChild(root);
   tui.setFocus(root);
-  const inventory = slots.get(CampUiSlot.overlay);
-  const inventoryOverlay = inventory === void 0 ? void 0 : tui.showOverlay(
-    {
-      render: (width) => [
-        ...inventory.render({ width, height: Math.max(0, terminal.rows) })
-      ],
-      invalidate: () => inventory.invalidate?.()
-    },
-    {
-      width: "60%",
-      minWidth: 36,
-      margin: 1,
-      visible: () => current.state.inventoryVisible,
-      nonCapturing: true
-    }
-  );
   yield* sync(() => {
     terminal.setTitle(initial.displayName);
     terminal.clearScreen();
@@ -3037,9 +3182,6 @@ var mountPiCampUi = (options) => gen(function* () {
       )
     )
   );
-  if (inventoryOverlay !== void 0) {
-    yield* addFinalizer(() => sync(() => inventoryOverlay.hide()));
-  }
   yield* forkScoped(
     gen(function* () {
       for (let attempt = 0; attempt < 25; attempt += 1) {
@@ -3117,7 +3259,7 @@ var mountPiCampUi = (options) => gen(function* () {
 });
 
 // packages/host-ui/src/pi/run-selector/campRunSelector.ts
-import { getMarkdownTheme as getMarkdownTheme10, getSelectListTheme as getSelectListTheme14, initTheme as initTheme2 } from "@earendil-works/pi-coding-agent";
+import { getMarkdownTheme as getMarkdownTheme12, getSelectListTheme as getSelectListTheme16, initTheme as initTheme2 } from "@earendil-works/pi-coding-agent";
 import {
   Key as Key4,
   matchesKey as matchesKey4,
@@ -3139,8 +3281,8 @@ var PiCampRunSelectorRoot = class {
   render(width) {
     const height = Math.max(0, this.getHeight());
     const viewportWidth = Math.max(0, width - 1);
-    const markdown = getMarkdownTheme10();
-    const selection = getSelectListTheme14();
+    const markdown = getMarkdownTheme12();
+    const selection = getSelectListTheme16();
     const header = `${markdown.codeBlockBorder("\u2500\u2500")} ${markdown.heading("Resume camp")} ${markdown.codeBlockBorder("\u2500".repeat(Math.max(0, viewportWidth - 16)))}`;
     const available = Math.max(0, height - 2);
     const capacity = Math.max(1, Math.floor(available / 2));
@@ -3223,6 +3365,7 @@ export {
   CAMP_UI_EXPLORED_COLLAPSED_PATHS,
   CAMP_UI_EXPLORED_TOOL_NAMES,
   CAMP_UI_REDUCED_MOTION_ENV,
+  CAMP_UI_SIDEBAR_TABS,
   CAMP_UI_SUBSCRIPTION_BASE_DELAY_MS,
   CAMP_UI_SUBSCRIPTION_MAX_RETRIES,
   CampUiAssistantMessage,
@@ -3241,6 +3384,7 @@ export {
   CampUiRuntimeStatus,
   CampUiScreen,
   CampUiSectionSizeKind,
+  CampUiSidebarTab,
   CampUiSlot,
   CampUiTone,
   CampUiTrackSizeKind,
@@ -3257,6 +3401,7 @@ export {
   campUiExploredReadPath,
   campUiExploredReadRange,
   campUiMessageSignature,
+  campUiOpenedWorkerId,
   campUiPendingAskBlockRenderer,
   campUiPendingAskTargets,
   campUiReducedMotionFromEnv,
@@ -3293,14 +3438,17 @@ export {
   makeCampUiIntentHandler,
   makeCampUiIntentRouter,
   makeCampUiModel,
+  makeCampUiOverview,
   makeCampUiResources,
   makeCampUiSection,
+  makeCampUiSidebarTabs,
   makeCampUiStore,
   makeDefaultCampUiContributions,
   makeDefaultCampUiLayout,
   makeInitialCampUiState,
   mountPiCampUi,
   nextCampUiPendingAskTarget,
+  nextCampUiSidebarTab,
   renderCampUiDetailBlockLayout,
   renderCampUiDetailBlocks,
   renderCampUiDirectedBlock,