priiisk 0.1.21 → 0.1.23

package/dist/{chunk-K7LA4DNU.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(
@@ -289,8 +313,9 @@ var emptyCampUiComponent = {
 // packages/host-ui/src/composition/campUiSlots.ts
 var CampUiSlot = {
   campHeader: "camp-header",
-  activity: "activity",
   equipment: "equipment",
+  sidebarTabs: "sidebar-tabs",
+  overview: "overview",
   resources: "resources",
   roster: "roster",
   sessionHeader: "session-header",
@@ -440,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(
@@ -461,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(
@@ -523,10 +553,10 @@ var findCampUiSpatialFocusTarget = (frame, currentSlotId, focusableSlotIds, dire
 
 // packages/host-ui/src/layout/campUiLayoutPolicy.ts
 var defaultCampUiLayoutPolicy = {
-  leftMinimumWidth: 28,
-  rightMinimumWidth: 28,
-  leftTrackWidthThreshold: 82,
-  rightTrackWidthThreshold: 112,
+  leftMinimumWidth: 44,
+  rightMinimumWidth: 44,
+  leftTrackWidthThreshold: 90,
+  rightTrackWidthThreshold: 136,
   trackGapWidth: 1,
   wideMinimumHeight: 18,
   campHeaderHeight: 1,
@@ -665,7 +695,6 @@ var defaultCampUiLeftSectionSizes = {
   workers: { kind: CampUiSectionSizeKind.grow, weight: 1, minimumRows: 1 }
 };
 var defaultCampUiRightSectionSizes = {
-  activity: { kind: CampUiSectionSizeKind.grow, weight: 1, minimumRows: 2 },
   equipment: { kind: CampUiSectionSizeKind.fixed, rows: 7 }
 };
 
@@ -685,15 +714,6 @@ var leftSectionHeights = (bodyHeight, slots) => {
     size(CampUiSlot.roster, defaultCampUiLeftSectionSizes.workers)
   ]);
 };
-var rightSectionHeights = (bodyHeight, width, slots) => {
-  const minimumActivityRows = Math.min(units2(bodyHeight), 2);
-  const fallback = defaultCampUiRightSectionSizes.equipment.rows;
-  const preferred = units2(
-    slots?.get(CampUiSlot.equipment)?.preferredRows?.(units2(width)) ?? fallback
-  );
-  const equipmentHeight = fixedRows(Math.max(0, bodyHeight - minimumActivityRows), preferred);
-  return [Math.max(0, bodyHeight - equipmentHeight), equipmentHeight];
-};
 var composerHeight = (availableHeight, width, policy, slots) => {
   const maximum = units2(policy.composerMaximumHeight);
   const minimum = Math.min(maximum, units2(policy.composerMinimumHeight));
@@ -706,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;
@@ -730,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,
@@ -746,57 +766,67 @@ 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 [activityHeight = 0, equipmentHeight = 0] = rightSectionHeights(
-    bodyHeight,
-    rightWidth,
-    slots
-  );
   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.activity, rightX, bodyY, rightWidth, activityHeight),
-      region(CampUiSlot.equipment, rightX, bodyY + activityHeight, rightWidth, equipmentHeight),
       /*
-       * One line across the whole width: two footers pinned to the corners split
-       * along the track boundary and repeated what the worker cards already say.
+       * 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.
        */
-      region(CampUiSlot.footer, 0, footerY, viewport.width, footerHeight)
+      ...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
+       * the side tracks there is nothing, so the eye is not dragged across the
+       * screen by a rule that spans everything.
+       */
+      region(CampUiSlot.footer, centerX2, footerY, centerWidth, footerHeight)
     ])
   };
 };
@@ -807,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);
   }
 });
 
@@ -1231,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;
@@ -1241,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;
@@ -1776,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")];
@@ -1856,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);
@@ -1873,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 [
@@ -1897,169 +1927,9 @@ var makeCampUiDetailComponent = (context, registry = defaultCampUiDetailBlockRen
   };
 };
 
-// packages/host-ui/src/pi/layout/campUiActivity.ts
-import { getSelectListTheme as getSelectListTheme9 } from "@earendil-works/pi-coding-agent";
-import { sliceByColumn, visibleWidth as visibleWidth3 } from "@earendil-works/pi-tui";
-var CampUiActivityAccess = {
-  read: "read",
-  edit: "edit",
-  write: "write"
-};
-var accessByTool = /* @__PURE__ */ new Map([
-  ["read", CampUiActivityAccess.read],
-  ["edit", CampUiActivityAccess.edit],
-  ["write", CampUiActivityAccess.write]
-]);
-var accessRank = {
-  read: 0,
-  edit: 1,
-  write: 2
-};
-var filePathArgument = (parameters) => {
-  for (const name of ["path", "file_path"]) {
-    const value = parameters[name];
-    if (typeof value === "string" && value.trim() !== "") return value.trim();
-  }
-  return void 0;
-};
-var splitPath2 = (path) => {
-  const separator = path.lastIndexOf("/");
-  if (separator < 0) return { directory: ".", name: path };
-  if (separator === 0) return { directory: "/", name: path.slice(1) || path };
-  return { directory: path.slice(0, separator), name: path.slice(separator + 1) || path };
-};
-var collectCampUiActivityTree = (transcript) => {
-  const directories = /* @__PURE__ */ new Map();
-  const nodes = /* @__PURE__ */ new Map();
-  for (const message of transcript) {
-    for (const content of message.content) {
-      if (content.kind !== "tool-call") continue;
-      const access = accessByTool.get(content.toolName);
-      if (access === void 0) continue;
-      const path = filePathArgument(content.arguments);
-      if (path === void 0) continue;
-      const existing = nodes.get(path);
-      if (existing !== void 0) {
-        existing.count += 1;
-        if (accessRank[access] > accessRank[existing.access]) existing.access = access;
-        continue;
-      }
-      const { directory, name } = splitPath2(path);
-      const node = { path, directory, name, access, count: 1 };
-      nodes.set(path, node);
-      const group = directories.get(directory) ?? { path: directory, nodes: [] };
-      if (!directories.has(directory)) directories.set(directory, group);
-      group.nodes.push(node);
-    }
-  }
-  return [...directories.values()].map((directory) => ({
-    path: directory.path,
-    nodes: directory.nodes.map((node) => ({ ...node }))
-  }));
-};
-var CAMP_UI_ACTIVITY_MAX_VISIBLE_PATHS = 12;
-var ACTIVITY_COLUMNS_PER_VISIBLE_PATH = 4;
-var flattenedNodes = (tree) => tree.flatMap((directory) => directory.nodes);
-var renderedRowCount = (tree, selected, hidden) => {
-  const directories = tree.filter(
-    (directory) => directory.nodes.some((node) => selected.has(node))
-  ).length;
-  return selected.size + directories + (hidden > 0 ? 1 : 0);
-};
-var selectVisibleNodes2 = (tree, width, height) => {
-  const nodes = flattenedNodes(tree);
-  const selected = /* @__PURE__ */ new Set();
-  const widthBudget = Math.max(
-    1,
-    Math.floor(Math.max(0, width) / ACTIVITY_COLUMNS_PER_VISIBLE_PATH)
-  );
-  const nodeBudget = Math.min(CAMP_UI_ACTIVITY_MAX_VISIBLE_PATHS, widthBudget);
-  const mutations = nodes.filter((node) => node.access !== CampUiActivityAccess.read);
-  const reads = nodes.filter((node) => node.access === CampUiActivityAccess.read);
-  const addVisible = (node) => {
-    if (selected.size >= nodeBudget) return;
-    const candidate = new Set(selected).add(node);
-    const hidden = nodes.length - candidate.size;
-    if (renderedRowCount(tree, candidate, hidden) <= Math.max(0, height)) selected.add(node);
-  };
-  for (const node of mutations) addVisible(node);
-  if (mutations.some((node) => !selected.has(node))) return selected;
-  for (const node of reads) addVisible(node);
-  return selected;
-};
-var shortenTail = (value, width) => {
-  const available = Math.max(0, Math.floor(width));
-  const valueWidth = visibleWidth3(value);
-  if (valueWidth <= available) return value;
-  if (available <= 0) return "";
-  if (available === 1) return "\u2026";
-  return `\u2026${sliceByColumn(value, valueWidth - available + 1, available - 1, true)}`;
-};
-var accessPresentation = {
-  read: { label: "read", glyph: "r", tone: CampUiTone.neutral },
-  edit: { label: "edited", glyph: "~", tone: CampUiTone.attention },
-  write: { label: "created", glyph: "+", tone: CampUiTone.success }
-};
-var nodeLine2 = (node, last, width) => {
-  const theme = getSelectListTheme9();
-  const presentation = accessPresentation[node.access];
-  const count = node.count > 1 ? ` \xD7${String(node.count)}` : "";
-  const suffix = ` \xB7 ${presentation.label}${count}`;
-  const branch = last ? "\u2514\u2500" : "\u251C\u2500";
-  const nameWidth = Math.max(1, width - visibleWidth3(`${branch} ${presentation.glyph} ${suffix}`));
-  const name = shortenTail(node.name, nameWidth);
-  return fitCampUiLine(
-    `${theme.description(branch)} ${renderCampUiStatus(name, presentation.tone, presentation.glyph)}${theme.description(suffix)}`,
-    width
-  );
-};
-var hiddenSummary = (nodes) => {
-  const parts = Object.values(CampUiActivityAccess).flatMap((access) => {
-    const count = nodes.filter((node) => node.access === access).length;
-    if (count === 0) return [];
-    const label = accessPresentation[access].label;
-    return [`${String(count)} ${label} ${count === 1 ? "path" : "paths"}`];
-  });
-  return `... ${parts.join(" \xB7 ")} hidden`;
-};
-var renderCampUiActivityTree = (transcript, width, height) => {
-  const theme = getSelectListTheme9();
-  const tree = collectCampUiActivityTree(transcript);
-  const nodes = flattenedNodes(tree);
-  if (height <= 0) return [];
-  if (nodes.length === 0) return [fitCampUiLine(theme.description("no file activity"), width)];
-  const selected = selectVisibleNodes2(tree, width, height);
-  const lines = [];
-  for (const directory of tree) {
-    const visible = directory.nodes.filter((node) => selected.has(node));
-    if (visible.length === 0) continue;
-    lines.push(fitCampUiLine(theme.description(shortenTail(directory.path, width)), width));
-    visible.forEach((node, index) => {
-      lines.push(nodeLine2(node, index === visible.length - 1, width));
-    });
-  }
-  const hidden = nodes.filter((node) => !selected.has(node));
-  if (hidden.length > 0) {
-    lines.push(fitCampUiLine(theme.description(hiddenSummary(hidden)), width));
-  }
-  return lines;
-};
-var makeCampUiActivity = (context) => ({
-  render: (viewport) => {
-    const model = context.readModel();
-    const workerId = model.state.selectedWorkerId;
-    const worker = workerId === void 0 ? void 0 : findCampUiWorker(model.snapshot, workerId);
-    return renderCampUiActivityTree(
-      worker?.snapshot.session?.transcript ?? [],
-      viewport.width,
-      viewport.height
-    );
-  }
-});
-
 // packages/host-ui/src/pi/layout/campUiChrome.ts
-import { getSelectListTheme as getSelectListTheme10 } from "@earendil-works/pi-coding-agent";
-import { truncateToWidth as truncateToWidth4, visibleWidth as visibleWidth4 } from "@earendil-works/pi-tui";
+import { getSelectListTheme as getSelectListTheme9 } from "@earendil-works/pi-coding-agent";
+import { truncateToWidth as truncateToWidth4, visibleWidth as visibleWidth3 } from "@earendil-works/pi-tui";
 
 // packages/host-ui/src/pi/shared/campUiPulse.ts
 var BRAILLE_BASE = 10240;
@@ -2151,7 +2021,7 @@ var campUiLevelMarkerText = (level, color) => level === CampUiLevel.resting ? le
 var makeCampUiCampHeader = (context) => ({
   render: (viewport) => {
     const snapshot = context.readModel().snapshot;
-    const theme = getSelectListTheme10();
+    const theme = getSelectListTheme9();
     const mode = snapshot.placement === "external" ? "agentless" : "foreman";
     return [
       fitCampUiLine(theme.description(snapshot.displayName), viewport.width),
@@ -2166,13 +2036,13 @@ 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);
-  return `${" ".repeat(Math.max(0, width - visibleWidth4(fitted)))}${fitted}`;
+  return `${" ".repeat(Math.max(0, width - visibleWidth3(fitted)))}${fitted}`;
 };
 var pulseSamples = (timestamps, sampleCount, now) => {
   if (sampleCount <= 0) return [];
@@ -2200,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 (visibleWidth4(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 visibleWidth4(full) <= width ? full : state;
+  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) => {
@@ -2243,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(
@@ -2269,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
     ),
@@ -2289,19 +2160,20 @@ var makeCampUiRoster = (context) => ({
     const model = context.readModel();
     const external = model.snapshot.placement === CampUiPlacement.external;
     if (model.snapshot.workers.length === 0 && !external) {
-      return [getSelectListTheme10().description("No workers")];
+      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];
   },
@@ -2312,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 [
@@ -2324,8 +2197,8 @@ var makeCampUiRoster = (context) => ({
 var makeCampUiSessionHeader = (context) => ({
   render: (viewport) => {
     const model = context.readModel();
-    const theme = getSelectListTheme10();
-    const workerId = model.state.selectedWorkerId;
+    const theme = getSelectListTheme9();
+    const workerId = campUiOpenedWorkerId(model.state);
     if (workerId === void 0) {
       return [fitCampUiLine(theme.description("Select a worker"), viewport.width)];
     }
@@ -2346,16 +2219,22 @@ var makeCampUiSessionHeader = (context) => ({
 });
 
 // packages/host-ui/src/pi/layout/campUiEquipment.ts
-import { getSelectListTheme as getSelectListTheme11 } from "@earendil-works/pi-coding-agent";
+import { getSelectListTheme as getSelectListTheme10 } from "@earendil-works/pi-coding-agent";
 import { wrapTextWithAnsi } from "@earendil-works/pi-tui";
 var fullEquipmentLines = (equipment, revision, width) => {
   if (width <= 0) return [];
-  const theme = getSelectListTheme11();
-  return equipmentDescriptionLines(equipment, revision).flatMap(
-    (line) => wrapTextWithAnsi(theme.description(line), width).map(
-      (wrapped) => fitCampUiLine(wrapped, width)
-    )
-  );
+  const theme = getSelectListTheme10();
+  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);
@@ -2364,7 +2243,7 @@ var renderCampUiEquipment = (equipment, revision, width, height) => {
   if (lines.length <= available) return lines;
   const shown = lines.slice(0, Math.max(0, available - 1));
   const hidden = lines.length - shown.length;
-  const summary = getSelectListTheme11().description(
+  const summary = getSelectListTheme10().description(
     `... ${String(hidden)} equipment ${hidden === 1 ? "line" : "lines"} hidden`
   );
   return [...shown, fitCampUiLine(summary, width)];
@@ -2372,18 +2251,20 @@ 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) => {
     const worker = selectedWorker();
-    return worker === void 0 ? [fitCampUiLine(getSelectListTheme11().description("no worker selected"), width)] : fullEquipmentLines(
+    return worker === void 0 ? [fitCampUiLine(getSelectListTheme10().description("no worker selected"), width)] : fullEquipmentLines(
       worker.snapshot.worker.equipment,
       worker.snapshot.worker.equipmentVersion,
       width
     );
   };
   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();
@@ -2399,8 +2280,8 @@ var makeCampUiEquipment = (context) => {
 };
 
 // packages/host-ui/src/pi/layout/campUiFooter.ts
-import { getMarkdownTheme as getMarkdownTheme7, getSelectListTheme as getSelectListTheme12 } from "@earendil-works/pi-coding-agent";
-import { sliceByColumn as sliceByColumn2, visibleWidth as visibleWidth5 } from "@earendil-works/pi-tui";
+import { getMarkdownTheme as getMarkdownTheme7, getSelectListTheme as getSelectListTheme11 } from "@earendil-works/pi-coding-agent";
+import { sliceByColumn, visibleWidth as visibleWidth4 } from "@earendil-works/pi-tui";
 var footerDivider = (width) => fitCampUiLine(getMarkdownTheme7().codeBlockBorder("\u2500".repeat(width)), width);
 var retryText = (retryAt, attempt, now) => {
   if (retryAt === void 0) return attempt === void 0 ? "" : `attempt ${String(attempt)}`;
@@ -2412,32 +2293,29 @@ 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 "";
-  if (visibleWidth5(value) <= available) return value;
+  if (visibleWidth4(value) <= available) return value;
   if (available === 1) return "\u2026";
   const kept = available - 1;
-  return `\u2026${sliceByColumn2(value, visibleWidth5(value) - kept, kept, true)}`;
+  return `\u2026${sliceByColumn(value, visibleWidth4(value) - kept, kept, true)}`;
 };
 var makeCampUiFooter = (context) => ({
   render: (viewport) => {
     const model = context.readModel();
-    const theme = getSelectListTheme12();
+    const theme = getSelectListTheme11();
     const snapshot = model.snapshot;
     const health = snapshot.health;
     const actionError = diagnosticText(model.state.lastActionError);
@@ -2448,24 +2326,27 @@ 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: "" }
     ];
     const MINIMUM_PATH_COLUMNS = 8;
     const chosen = candidates.find((candidate) => {
-      const rightWidth = visibleWidth5(candidate.right.filter((part) => part !== "").join(" \xB7 "));
-      const room = viewport.width - rightWidth - 3 - visibleWidth5(candidate.branch);
+      const rightWidth = visibleWidth4(candidate.right.filter((part) => part !== "").join(" \xB7 "));
+      const room = viewport.width - rightWidth - 3 - visibleWidth4(candidate.branch);
       return room >= MINIMUM_PATH_COLUMNS;
     }) ?? candidates[candidates.length - 1];
     const right = (chosen ?? candidates[0])?.right.filter((part) => part !== "").join(" \xB7 ") ?? "";
     const chosenBranch = chosen?.branch ?? "";
-    const leftBudget = Math.max(0, viewport.width - visibleWidth5(right) - 3);
+    const leftBudget = Math.max(0, viewport.width - visibleWidth4(right) - 3);
     const path = shortenPath(
       snapshot.projectScope,
-      Math.max(0, leftBudget - visibleWidth5(chosenBranch))
+      Math.max(0, leftBudget - visibleWidth4(chosenBranch))
     );
     const left = diagnostic === "" ? theme.description(`${path}${chosenBranch}`) : `${diagnostic} ${theme.description(`\xB7 ${path}${chosenBranch}`)}`;
     return [
@@ -2475,6 +2356,64 @@ 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 getSelectListTheme13 } from "@earendil-works/pi-coding-agent";
 var renderResourceTree = (label, value, tone, width) => {
@@ -2501,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(
@@ -2511,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(
@@ -2546,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) => [
   {
@@ -2553,11 +2508,6 @@ var makeDefaultCampUiContributions = (tui, detailBlocks) => [
     slotId: CampUiSlot.campHeader,
     mount: (context) => succeed2(makeCampUiCampHeader(context))
   },
-  {
-    id: "default-activity",
-    slotId: CampUiSlot.activity,
-    mount: (context) => succeed2(makeCampUiActivity(context))
-  },
   {
     id: "default-equipment",
     slotId: CampUiSlot.equipment,
@@ -2583,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,
@@ -2596,11 +2556,11 @@ var makeDefaultCampUiContributions = (tui, detailBlocks) => [
 ];
 
 // packages/host-ui/src/pi/layout/campUiSection.ts
-import { getMarkdownTheme as getMarkdownTheme8, getSelectListTheme as getSelectListTheme14 } from "@earendil-works/pi-coding-agent";
+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 = getSelectListTheme14();
+  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";
@@ -2631,14 +2591,24 @@ var makeCampUiSection = (options) => {
           options.children.map((child) => child.size)
         )
       ];
+      const body = options.children.flatMap((child, index) => {
+        const height = childHeights[index] ?? 0;
+        const lines = child.component.render({ width: viewport.width, height }).slice(0, height);
+        return options.centerContent === true ? lines : [...lines, ...Array.from({ length: height - lines.length }, () => "")];
+      });
+      if (options.centerContent !== true) {
+        return [renderHeader(options.header(), viewport.width), ...body];
+      }
+      const padding = Math.max(0, Math.floor((viewport.height - body.length - 1) / 2));
       return [
+        ...Array.from({ length: padding }, () => ""),
         renderHeader(options.header(), viewport.width),
-        ...options.children.flatMap((child, index) => {
-          const height = childHeights[index] ?? 0;
-          const lines = child.component.render({ width: viewport.width, height }).slice(0, height);
-          return [...lines, ...Array.from({ length: height - lines.length }, () => "")];
-        })
-      ];
+        ...body,
+        ...Array.from(
+          { length: Math.max(0, viewport.height - padding - body.length - 1) },
+          () => ""
+        )
+      ].slice(0, viewport.height);
     },
     ...inputComponents ? {
       handleInput: (input) => [...components].reverse().some((component) => component.handleInput?.(input) === true)
@@ -2688,25 +2658,24 @@ var decorateDefaultCampUiSections = (context, slots) => {
       ]
     })
   );
-  decorated.set(
-    CampUiSlot.activity,
-    makeCampUiSection({
-      header: () => ({ title: "Activity" }),
-      size: defaultCampUiRightSectionSizes.activity,
-      children: [
-        {
-          component: component(CampUiSlot.activity),
-          size: { kind: CampUiSectionSizeKind.grow, weight: 1 }
-        }
-      ]
-    })
-  );
   const equipment = component(CampUiSlot.equipment);
   decorated.set(
     CampUiSlot.equipment,
     makeCampUiSection({
-      header: () => ({ title: "Equipment" }),
-      size: defaultCampUiRightSectionSizes.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: defaultCampUiLeftSectionSizes.workers,
       children: [
         {
           component: equipment,
@@ -2724,6 +2693,7 @@ var decorateDefaultCampUiSections = (context, slots) => {
         detail: String(context.readModel().snapshot.workers.length),
         focused: context.readModel().state.focusedSlotId === CampUiSlot.roster
       }),
+      centerContent: true,
       size: defaultCampUiLeftSectionSizes.workers,
       children: [
         {
@@ -2741,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
@@ -2870,7 +2840,7 @@ var PiCampUiRoot = class {
           segments.push({
             x: divider.x,
             width: 1,
-            text: getMarkdownTheme9().codeBlockBorder("\u2502")
+            text: getMarkdownTheme11().codeBlockBorder("\u2502")
           });
         }
       }
@@ -2917,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 }));
@@ -2956,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) {
@@ -2970,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;
       }
     }
@@ -3188,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();
@@ -3220,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) {
@@ -3300,7 +3259,7 @@ var mountPiCampUi = (options) => gen(function* () {
 });
 
 // packages/host-ui/src/pi/run-selector/campRunSelector.ts
-import { getMarkdownTheme as getMarkdownTheme10, getSelectListTheme as getSelectListTheme15, 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,
@@ -3322,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 = getSelectListTheme15();
+    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));
@@ -3401,15 +3360,14 @@ var selectCampRun = (options) => scoped(
 // packages/host-ui/src/index.ts
 var PACKAGE = "@priiisk/host-ui";
 export {
-  CAMP_UI_ACTIVITY_MAX_VISIBLE_PATHS,
   CAMP_UI_BASH_PREVIEW_LINES,
   CAMP_UI_DEFAULT_TOOL_PREVIEW_LINES,
   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,
-  CampUiActivityAccess,
   CampUiAssistantMessage,
   CampUiBackend,
   CampUiBackendError,
@@ -3426,6 +3384,7 @@ export {
   CampUiRuntimeStatus,
   CampUiScreen,
   CampUiSectionSizeKind,
+  CampUiSidebarTab,
   CampUiSlot,
   CampUiTone,
   CampUiTrackSizeKind,
@@ -3442,6 +3401,7 @@ export {
   campUiExploredReadPath,
   campUiExploredReadRange,
   campUiMessageSignature,
+  campUiOpenedWorkerId,
   campUiPendingAskBlockRenderer,
   campUiPendingAskTargets,
   campUiReducedMotionFromEnv,
@@ -3450,7 +3410,6 @@ export {
   campUiToolResultCacheSize,
   campUiTranscriptBlockRenderer,
   campUiWorkerStateLabel,
-  collectCampUiActivityTree,
   compactNumber,
   composeCampUiDetailBlocks,
   composeCampUiSlots,
@@ -3471,7 +3430,6 @@ export {
   isCampUiPendingAsk,
   joinCampUiColumns,
   jsonText,
-  makeCampUiActivity,
   makeCampUiComponentGroup,
   makeCampUiComposerComponent,
   makeCampUiDetailComponent,
@@ -3480,15 +3438,17 @@ export {
   makeCampUiIntentHandler,
   makeCampUiIntentRouter,
   makeCampUiModel,
+  makeCampUiOverview,
   makeCampUiResources,
   makeCampUiSection,
+  makeCampUiSidebarTabs,
   makeCampUiStore,
   makeDefaultCampUiContributions,
   makeDefaultCampUiLayout,
   makeInitialCampUiState,
   mountPiCampUi,
   nextCampUiPendingAskTarget,
-  renderCampUiActivityTree,
+  nextCampUiSidebarTab,
   renderCampUiDetailBlockLayout,
   renderCampUiDetailBlocks,
   renderCampUiDirectedBlock,