priiisk 0.1.22 → 0.1.23

package/dist/priiisk-host.js

@@ -81155,28 +81155,42 @@ var resolveDirectTools = (config3, role, override) => {
 
 // packages/config/src/resolvers/equipmentDescription.ts
 var names = (values4) => values4.length === 0 ? "none" : values4.join(", ");
-var mcpGrants = (equipment) => names(
-  equipment.mcp.serverNames.map((serverName) => {
-    const toolNames = equipment.mcp.toolNamesByServer?.[serverName];
-    return toolNames === void 0 ? serverName : `${serverName} (${names(toolNames)})`;
-  })
-);
-var equipmentDescriptionLines = (equipment, revision) => [
-  `equipment r${String(revision)}: ${equipment.role ?? equipment.preset ?? "worker"}, ${equipment.readOnly ? "read-only" : "read/write"}`,
-  `model: ${equipment.model ?? "default"}${equipment.thinkingLevel === void 0 ? "" : `, thinking ${equipment.thinkingLevel}`}`,
-  `tools: ${names(
-    [
+var equipmentDescriptionGroups = (equipment, revision) => [
+  {
+    label: `equipment r${String(revision)}`,
+    values: [
+      equipment.role ?? equipment.preset ?? "worker",
+      equipment.readOnly ? "read-only" : "read/write"
+    ]
+  },
+  {
+    label: "model",
+    values: [
+      equipment.model ?? "default",
+      ...equipment.thinkingLevel === void 0 ? [] : [`thinking ${equipment.thinkingLevel}`]
+    ]
+  },
+  {
+    label: "tools",
+    values: [
       .../* @__PURE__ */ new Set([
         ...equipment.builtinTools,
         ...equipment.customToolNames.filter((name) => directToolBin(name) === void 0)
       ])
     ].sort()
-  )}`,
-  `direct: ${names(
-    equipment.customToolNames.map((name) => directToolBin(name)).filter((bin) => bin !== void 0).sort()
-  )}`,
-  `mcp: ${mcpGrants(equipment)}`,
-  `skills: ${names(equipment.skillNames)}`
+  },
+  {
+    label: "direct",
+    values: equipment.customToolNames.map((name) => directToolBin(name)).filter((bin) => bin !== void 0).sort()
+  },
+  {
+    label: "mcp",
+    values: equipment.mcp.serverNames.map((serverName) => {
+      const toolNames = equipment.mcp.toolNamesByServer?.[serverName];
+      return toolNames === void 0 ? serverName : `${serverName} (${names(toolNames)})`;
+    })
+  },
+  { label: "skills", values: [...equipment.skillNames] }
 ];
 
 // packages/config/src/resolvers/mcpConfigResolver.ts
@@ -82153,7 +82167,7 @@ var HOST_BOOTSTRAP_ENVIRONMENT_NAMES = [
 ];
 
 // packages/camp-state/src/bootstrap/campHostVersion.ts
-var PRIIISK_HOST_VERSION = "0.1.22";
+var PRIIISK_HOST_VERSION = "0.1.23";
 
 // packages/camp-state/src/bootstrap/campLaunch.ts
 var CampBootstrapError = class extends TaggedError("CampBootstrapError") {
@@ -98092,7 +98106,7 @@ var Client = class extends Protocol2 {
 };
 
 // packages/mcp-backend/src/connections/clientIdentity.ts
-var backendVersion = "0.1.22";
+var backendVersion = "0.1.23";
 
 // packages/mcp-backend/src/connections/mcpFailure.ts
 var McpFailure = class extends TaggedError("McpFailure") {
@@ -102630,13 +102644,30 @@ var CampUiScreen = {
   camp: "camp",
   worker: "worker"
 };
+var CampUiSidebarTab = { workers: "workers", equipment: "equip" };
+var CAMP_UI_SIDEBAR_TABS = [
+  CampUiSidebarTab.workers,
+  CampUiSidebarTab.equipment
+];
+var nextCampUiSidebarTab = (current2, delta) => {
+  const index = CAMP_UI_SIDEBAR_TABS.indexOf(current2);
+  const size14 = CAMP_UI_SIDEBAR_TABS.length;
+  const next3 = (((index < 0 ? 0 : index) + delta) % size14 + size14) % size14;
+  return CAMP_UI_SIDEBAR_TABS[next3] ?? 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(),
@@ -102661,8 +102692,11 @@ var reconcileCampUiState = (current2, 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 = current2.state.openedWorkerId;
+  const openedWorkerId = previousOpenedId !== void 0 && workerIds.has(previousOpenedId) ? previousOpenedId : void 0;
   const {
     selectedWorkerId: _selectedWorkerId,
+    openedWorkerId: _openedWorkerId,
     focusedDetailBlockId: previousFocusedBlockId,
     ...stableState
   } = current2.state;
@@ -102678,6 +102712,7 @@ var reconcileCampUiState = (current2, snapshot) => {
   return {
     ...stableState,
     ...selectedWorkerId === void 0 ? {} : { selectedWorkerId },
+    ...openedWorkerId === void 0 ? {} : { openedWorkerId },
     ...focusedDetailBlockId === void 0 ? {} : { focusedDetailBlockId },
     screen: selectedWorkerId === void 0 ? CampUiScreen.camp : current2.state.screen,
     focusedSlotId: selectedWorkerId === void 0 ? "roster" : current2.state.focusedSlotId,
@@ -102733,12 +102768,17 @@ var makeCampUiStore = (initial, presentationNow = 0) => gen2(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) => modifyEffect3(
       modelRef,
       (model) => screen === CampUiScreen.worker && model.state.selectedWorkerId === void 0 ? fail9(
@@ -102762,10 +102802,9 @@ var makeCampUiStore = (initial, presentationNow = 0) => gen2(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(
@@ -102841,6 +102880,8 @@ var emptyCampUiComponent = {
 var CampUiSlot = {
   campHeader: "camp-header",
   equipment: "equipment",
+  sidebarTabs: "sidebar-tabs",
+  overview: "overview",
   resources: "resources",
   roster: "roster",
   sessionHeader: "session-header",
@@ -102989,6 +103030,7 @@ var makeCampUiIntentHandler = (options2) => type2().pipe(
       );
     }),
     OpenWorker: ({ workerId }) => options2.controller.openWorker(workerId),
+    CloseWorker: () => options2.controller.closeWorker,
     ScrollWorker: ({ workerId, delta }) => suspend4(() => {
       const offset = options2.readModel().state.scrollOffsets.get(workerId) ?? 0;
       return options2.controller.focusDetailBlock(void 0).pipe(
@@ -103010,7 +103052,11 @@ var makeCampUiIntentHandler = (options2) => type2().pipe(
     }),
     SelectWorker: ({ workerId }) => options2.controller.selectWorker(workerId),
     SetDraft: ({ workerId, draft }) => options2.controller.setDraft(workerId, draft),
-    SetInventoryVisible: ({ visible }) => options2.controller.setInventoryVisible(visible),
+    CycleSidebarTab: ({ delta }) => suspend4(
+      () => options2.controller.setSidebarTab(
+        nextCampUiSidebarTab(options2.readModel().state.sidebarTab, delta)
+      )
+    ),
     SetScrollOffset: ({ workerId, offset }) => options2.controller.setScrollOffset(workerId, offset),
     SetTranscriptVisible: ({ visible }) => options2.controller.setDetailVisible(visible),
     Steer: ({ workerId, message }) => message.trim() === "" ? _void : options2.backend.steer({ workerId, message }).pipe(
@@ -103072,10 +103118,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,
@@ -103245,7 +103291,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;
@@ -103269,12 +103315,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,
@@ -103285,46 +103331,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: compact2([
       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
@@ -103342,7 +103402,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);
   }
 });
 
@@ -103749,7 +103809,7 @@ var makeCampUiComposerComponent = (context8, tui) => {
     };
   };
   const selectedEditor = () => {
-    const workerId = context8.readModel().state.selectedWorkerId;
+    const workerId = campUiOpenedWorkerId(context8.readModel().state);
     if (workerId === void 0) return void 0;
     const existing = editors.get(workerId);
     if (existing !== void 0) return existing;
@@ -103759,7 +103819,7 @@ var makeCampUiComposerComponent = (context8, tui) => {
   };
   const renderSelectedEditor = (width) => {
     const model = context8.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;
@@ -104290,7 +104350,7 @@ var makeCampUiDetailComponent = (context8, registry2 = defaultCampUiDetailBlockR
       visibleRanges = [];
       const model = context8.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")];
@@ -104370,7 +104430,7 @@ var makeCampUiDetailComponent = (context8, registry2 = defaultCampUiDetailBlockR
       const delta = matchesKey2(input, Key3.up) ? -1 : matchesKey2(input, Key3.down) ? 1 : void 0;
       if (delta === void 0) return false;
       const model = context8.readModel();
-      const workerId = model.state.selectedWorkerId;
+      const workerId = campUiOpenedWorkerId(model.state);
       if (workerId === void 0) return false;
       const focusedBlockId = model.state.focusedDetailBlockId;
       const current2 = renderedRanges.findIndex((range3) => range3.id === focusedBlockId);
@@ -104387,7 +104447,7 @@ var makeCampUiDetailComponent = (context8, registry2 = defaultCampUiDetailBlockR
       return true;
     },
     handlePointer: (pointer) => {
-      const workerId = context8.readModel().state.selectedWorkerId;
+      const workerId = campUiOpenedWorkerId(context8.readModel().state);
       if (workerId === void 0) return [];
       if (pointer.action === "wheel") {
         return [
@@ -104520,9 +104580,9 @@ var PULSE_WINDOW_MS = 12e4;
 var PULSE_CEILING = 4;
 var PULSE_SAMPLES_PER_COLUMN = 2;
 var rosterWidths = (width) => {
-  const right3 = Math.min(17, Math.max(0, width - 17));
-  const left3 = Math.min(11, Math.max(0, width - right3 - 6));
-  return { left: left3, pulse: Math.max(0, width - left3 - right3 - 4), right: right3 };
+  const right3 = Math.min(15, Math.max(0, width - 20));
+  const left3 = Math.min(14, Math.max(0, width - right3 - 6));
+  return { left: left3, pulse: Math.max(0, width - left3 - right3 - 3), right: right3 };
 };
 var rightColumn = (text4, width) => {
   const fitted = truncateToWidth4(text4, width);
@@ -104554,23 +104614,24 @@ var usageText = (entry, width) => {
   const usage = entry.snapshot.session?.usage;
   const context8 = 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 = `${context8} ${cache} ${cost}`;
-  if (visibleWidth3(full) <= width || usage === void 0) return full;
-  const compactCost = `$${usage.cost.toFixed(2).replace(/^0/u, "")}`;
-  return `${context8}${cache}${compactCost}`;
+  const full = `${context8}  cache ${cache}`;
+  return visibleWidth3(full) <= width ? full : `${context8} ${cache}`;
 };
 var stateText = (state, duration5, width) => {
   const full = `${state} ${duration5}`;
   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, left3, pulse, right3, widths, width) => fitCampUiLine(
-  `${marker} ${fitCampUiLine(left3, widths.left)} ${fitCampUiLine(pulse, widths.pulse)} ${rightColumn(right3, widths.right)}`,
+  `${marker} ${fitCampUiLine(left3, widths.left)}${fitCampUiLine(pulse, widths.pulse)} ${rightColumn(right3, widths.right)}`,
   width
 );
 var renderExternalControllerCard = (controllerConnected, width) => {
@@ -104597,10 +104658,10 @@ var renderExternalControllerCard = (controllerConnected, width) => {
     )
   ];
 };
-var renderWorkerCard = (entry, selectedWorkerId, detailVisible, now2, width) => {
+var renderWorkerCard = (entry, cursorWorkerId, openedWorkerId, now2, 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(
@@ -104623,7 +104684,7 @@ var renderWorkerCard = (entry, selectedWorkerId, detailVisible, now2, width) =>
       campUiLevelMarkerText(level, roleColor),
       campUiText(name, roleColor, level),
       campUiPulseText(pulse[0], level, roleColor),
-      neutral(modelText(entry)),
+      neutral(modelText(entry, widths.right)),
       widths,
       width
     ),
@@ -104646,16 +104707,17 @@ var makeCampUiRoster = (context8) => ({
       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 now2 = Number.isFinite(candidateNow) ? candidateNow : entry.snapshot.worker.updatedAt;
-      return renderWorkerCard(
+      const card = renderWorkerCard(
         entry,
         model.state.selectedWorkerId,
-        model.state.detailVisible,
+        campUiOpenedWorkerId(model.state),
         now2,
         viewport.width
       );
+      return index === 0 ? card : ["", ...card];
     });
     return [...controller, ...workers];
   },
@@ -104666,7 +104728,8 @@ var makeCampUiRoster = (context8) => ({
     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 [
@@ -104679,7 +104742,7 @@ var makeCampUiSessionHeader = (context8) => ({
   render: (viewport) => {
     const model = context8.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)];
     }
@@ -104705,11 +104768,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((group2) => {
+    const values4 = group2.values.length === 0 ? ["none"] : group2.values;
+    return [
+      fitCampUiLine(theme.description(group2.label), width),
+      ...values4.flatMap((value5, index) => {
+        const branch = index === values4.length - 1 ? "\u2514\u2500" : "\u251C\u2500";
+        const body = `${theme.description(branch)} ${value5}`;
+        return wrapTextWithAnsi(body, width).map((wrapped) => fitCampUiLine(wrapped, width));
+      })
+    ];
+  });
 };
 var renderCampUiEquipment = (equipment, revision, width, height) => {
   const lines3 = fullEquipmentLines(equipment, revision, width);
@@ -104726,7 +104795,7 @@ var renderCampUiEquipment = (equipment, revision, width, height) => {
 var makeCampUiEquipment = (context8) => {
   const selectedWorker = () => {
     const model = context8.readModel();
-    const workerId = model.state.selectedWorkerId;
+    const workerId = campUiOpenedWorkerId(model.state);
     return workerId === void 0 ? void 0 : findCampUiWorker(model.snapshot, workerId);
   };
   const fullLines = (width) => {
@@ -104738,6 +104807,8 @@ var makeCampUiEquipment = (context8) => {
     );
   };
   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();
@@ -104766,20 +104837,17 @@ var diagnosticText = (value5) => {
   const normalized = value5?.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 parts2 = [
-    `${String(workers.length)} ${workers.length === 1 ? "worker" : "workers"}`,
-    ...working === 0 ? [] : [`${String(working)} working`],
-    ...waiting === 0 ? [] : [`${String(waiting)} waiting`]
-  ];
-  return parts2.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((sum3, usage) => sum3 + 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 = (value5, width) => {
   const available = Math.max(0, Math.floor(width));
   if (available <= 0) return "";
@@ -104802,9 +104870,12 @@ var makeCampUiFooter = (context8) => ({
     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 version2 = `v${snapshot.hostVersion}`;
+    const camp = [workerCountText(snapshot.workers), campCostText(snapshot.workers)].filter(
+      (part) => part !== ""
+    );
     const candidates = [
-      { right: [workerCountText(snapshot.workers), version2, retry5], branch },
-      { right: [workerCountText(snapshot.workers), version2], branch },
+      { right: [...camp, version2, retry5], branch },
+      { right: [...camp, version2], branch },
       { right: [version2], branch },
       { right: [version2], branch: "" }
     ];
@@ -104829,10 +104900,68 @@ var makeCampUiFooter = (context8) => ({
   }
 });
 
+// packages/host-ui/src/pi/layout/campUiOverview.ts
+import { getMarkdownTheme as getMarkdownTheme8, getSelectListTheme as getSelectListTheme12 } from "@earendil-works/pi-coding-agent";
+var resourceGroup = (label, values4, reported, width) => {
+  const theme = getSelectListTheme12();
+  const body = reported ? values4.length === 0 ? theme.description("none loaded") : values4.join(", ") : theme.description("not reported");
+  return [
+    styleCampUiTone(values4.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 = (context8) => ({
+  render: (viewport) => {
+    const model = context8.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 lines3 = [
+      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 lines3.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, value5, tone, width) => {
-  const theme = getSelectListTheme12();
+  const theme = getSelectListTheme13();
   const lines3 = [
     theme.description(label),
     `${theme.description("\u2514\u2500")} ${renderCampUiStatus(value5, tone)}`
@@ -104855,7 +104984,7 @@ var makeCampUiResources = (context8) => ({
       const value5 = names2.length === 0 ? "none loaded" : names2.join(", ");
       return partial4 ? `${value5} \xB7 partial` : value5;
     };
-    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(
@@ -104865,15 +104994,15 @@ var makeCampUiResources = (context8) => ({
       (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(
@@ -104900,6 +105029,22 @@ var makeCampUiResources = (context8) => ({
   }
 });
 
+// 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 = (context8) => ({
+  render: (viewport) => {
+    const model = context8.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) => [
   {
@@ -104932,6 +105077,16 @@ var makeDefaultCampUiContributions = (tui, detailBlocks) => [
     slotId: CampUiSlot.composer,
     mount: (context8) => succeed8(makeCampUiComposerComponent(context8, tui))
   },
+  {
+    id: "default-overview",
+    slotId: CampUiSlot.overview,
+    mount: (context8) => succeed8(makeCampUiOverview(context8))
+  },
+  {
+    id: "default-sidebar-tabs",
+    slotId: CampUiSlot.sidebarTabs,
+    mount: (context8) => succeed8(makeCampUiSidebarTabs(context8))
+  },
   {
     id: "default-footer",
     slotId: CampUiSlot.footer,
@@ -104945,17 +105100,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 = (options2) => {
@@ -104988,13 +105143,15 @@ var makeCampUiSection = (options2) => {
       if (options2.centerContent !== true) {
         return [renderHeader(options2.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(options2.header(), viewport.width),
         ...Array.from({ length: padding }, () => ""),
+        renderHeader(options2.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 ? {
@@ -105049,9 +105206,20 @@ var decorateDefaultCampUiSections = (context8, 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 = context8.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,
@@ -105087,7 +105255,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 Key4, matchesKey as matchesKey3 } from "@earendil-works/pi-tui";
 
 // packages/host-ui/src/pi/runtime/campUiPointerInput.ts
@@ -105216,7 +105384,7 @@ var PiCampUiRoot = class {
           segments.push({
             x: divider.x,
             width: 1,
-            text: getMarkdownTheme9().codeBlockBorder("\u2502")
+            text: getMarkdownTheme11().codeBlockBorder("\u2502")
           });
         }
       }
@@ -105263,19 +105431,19 @@ var PiCampUiRoot = class {
     if (focusedSlotId !== model.state.focusedSlotId) {
       this.context.emit(CampUiIntents.FocusSlot({ slotId: focusedSlotId }));
     }
-    if (model.state.inventoryVisible && matchesKey3(input, Key4.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, Key4.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 }));
@@ -105302,6 +105470,16 @@ var PiCampUiRoot = class {
       );
       return;
     }
+    if (focusedSlotId === CampUiSlot.roster || focusedSlotId === CampUiSlot.equipment) {
+      if (matchesKey3(input, Key4.left)) {
+        this.context.emit(CampUiIntents.CycleSidebarTab({ delta: 1 }));
+        return;
+      }
+      if (matchesKey3(input, Key4.right)) {
+        this.context.emit(CampUiIntents.FocusSlot({ slotId: CampUiSlot.transcript }));
+        return;
+      }
+    }
     if (focusedSlotId === CampUiSlot.roster) {
       const delta = matchesKey3(input, Key4.up) ? -1 : matchesKey3(input, Key4.down) ? 1 : void 0;
       if (delta !== void 0) {
@@ -105316,11 +105494,9 @@ var PiCampUiRoot = class {
       }
       if (matchesKey3(input, Key4.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;
       }
     }
@@ -105534,22 +105710,6 @@ var mountPiCampUi = (options2) => gen2(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: () => current2.state.inventoryVisible,
-      nonCapturing: true
-    }
-  );
   yield* sync4(() => {
     terminal.setTitle(initial.displayName);
     terminal.clearScreen();
@@ -105566,9 +105726,6 @@ var mountPiCampUi = (options2) => gen2(function* () {
       )
     )
   );
-  if (inventoryOverlay !== void 0) {
-    yield* addFinalizer3(() => sync4(() => inventoryOverlay.hide()));
-  }
   yield* forkScoped2(
     gen2(function* () {
       for (let attempt = 0; attempt < 25; attempt += 1) {
@@ -105646,7 +105803,7 @@ var mountPiCampUi = (options2) => gen2(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 Key5,
   matchesKey as matchesKey4,