@4pm/cli 0.4.1 → 0.4.3

package/dist/index.js

@@ -1345,7 +1345,7 @@ var require_react_development = __commonJS({
           }
           return dispatcher.useContext(Context);
         }
-        function useState5(initialState) {
+        function useState6(initialState) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useState(initialState);
         }
@@ -1373,7 +1373,7 @@ var require_react_development = __commonJS({
           var dispatcher = resolveDispatcher();
           return dispatcher.useCallback(callback, deps);
         }
-        function useMemo3(create2, deps) {
+        function useMemo4(create2, deps) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useMemo(create2, deps);
         }
@@ -2145,10 +2145,10 @@ var require_react_development = __commonJS({
         exports.useImperativeHandle = useImperativeHandle;
         exports.useInsertionEffect = useInsertionEffect;
         exports.useLayoutEffect = useLayoutEffect2;
-        exports.useMemo = useMemo3;
+        exports.useMemo = useMemo4;
         exports.useReducer = useReducer;
         exports.useRef = useRef;
-        exports.useState = useState5;
+        exports.useState = useState6;
         exports.useSyncExternalStore = useSyncExternalStore;
         exports.useTransition = useTransition;
         exports.version = ReactVersion;
@@ -7843,9 +7843,9 @@ var require_react_reconciler_development = __commonJS({
       module.exports = function $$$reconciler($$$hostConfig) {
         var exports2 = {};
         "use strict";
-        var React16 = require_react();
+        var React17 = require_react();
         var Scheduler = require_scheduler();
-        var ReactSharedInternals = React16.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        var ReactSharedInternals = React17.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
         var suppressWarning = false;
         function setSuppressWarning(newSuppressWarning) {
           {
@@ -23490,7 +23490,7 @@ var require_react_jsx_runtime_development = __commonJS({
     if (process.env.NODE_ENV !== "production") {
       (function() {
         "use strict";
-        var React16 = require_react();
+        var React17 = require_react();
         var REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.element");
         var REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal");
         var REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment");
@@ -23516,7 +23516,7 @@ var require_react_jsx_runtime_development = __commonJS({
           }
           return null;
         }
-        var ReactSharedInternals = React16.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        var ReactSharedInternals = React17.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
         function error(format) {
           {
             {
@@ -24366,11 +24366,11 @@ var require_react_jsx_runtime_development = __commonJS({
             return jsxWithValidation(type, props, key, false);
           }
         }
-        var jsx7 = jsxWithValidationDynamic;
-        var jsxs5 = jsxWithValidationStatic;
+        var jsx8 = jsxWithValidationDynamic;
+        var jsxs6 = jsxWithValidationStatic;
         exports.Fragment = REACT_FRAGMENT_TYPE;
-        exports.jsx = jsx7;
-        exports.jsxs = jsxs5;
+        exports.jsx = jsx8;
+        exports.jsxs = jsxs6;
       })();
     }
   }
@@ -24404,7 +24404,14 @@ import { homedir as homedir2 } from "os";
 import { join as join2 } from "path";
 
 // src/config/profile.ts
-import { existsSync, mkdirSync, readFileSync, rmSync, writeFileSync } from "fs";
+import {
+  existsSync,
+  mkdirSync,
+  readdirSync,
+  readFileSync,
+  rmSync,
+  writeFileSync
+} from "fs";
 import { homedir } from "os";
 import { join } from "path";
 var DEFAULT_PROFILE = "default";
@@ -24443,6 +24450,18 @@ function resolveProfileArg(args) {
   }
   return [process.env.FOURPM_PROFILE ?? null, args];
 }
+function listProfiles() {
+  const base = join(homedir(), ".4pm", "profiles");
+  if (!existsSync(base)) return [];
+  try {
+    return readdirSync(base, { withFileTypes: true }).filter((d) => d.isDirectory()).map((d) => ({
+      name: d.name,
+      linked: existsSync(join(base, d.name, "credential.cre"))
+    })).sort((a, b) => a.name.localeCompare(b.name));
+  } catch {
+    return [];
+  }
+}
 function profileDir(name) {
   const dir = join(homedir(), ".4pm", "profiles", name);
   mkdirSync(dir, { recursive: true });
@@ -24590,15 +24609,10 @@ async function fetchCliVersion(serverUrl) {
 }
 
 // src/commands/link.ts
+function sanitizeProfileName(name) {
+  return name.replace(/[^a-zA-Z0-9._-]/g, "_") || "profile";
+}
 async function runLink(serverUrl, explicitProfile) {
-  const currentName = explicitProfile ?? defaultProfileName();
-  if (readCredential(profileDir(currentName), currentName)) {
-    const flag = explicitProfile ? ` --profile ${explicitProfile}` : "";
-    console.log(
-      `Profile "${currentName}" is already linked (.cre). Run \`4pm unlink${flag}\` first if you want to pair again.`
-    );
-    return;
-  }
   const hashcode1 = randomBytes(32).toString("hex");
   console.log(`\u2500\u2500 4PM cli pairing (profile: ${explicitProfile ?? "default"}) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500`);
   console.log("1. Open the 4PM web \u2192 /machines, enter hashcode (1):");
@@ -24609,12 +24623,13 @@ async function runLink(serverUrl, explicitProfile) {
   const rl = createInterface({ input: process.stdin, output: process.stdout });
   const hashcode2 = (await rl.question("hashcode (2): ")).trim();
   rl.close();
-  const { hashcode3, userId, username, scope } = await confirmPairing(
+  const { hashcode3, username, scope } = await confirmPairing(
     serverUrl,
     hashcode2,
     collectFingerprint()
   );
-  const profileName = explicitProfile ?? userId;
+  const profileName = explicitProfile ?? sanitizeProfileName(username);
+  const existed = readCredential(profileDir(profileName), profileName) != null;
   writeCredential(profileDir(profileName), {
     serverUrl,
     hashcode3,
@@ -24622,10 +24637,16 @@ async function runLink(serverUrl, explicitProfile) {
     // decided by the server from the pairing user (ADR-0010); shown in the TUI
     pairedAt: (/* @__PURE__ */ new Date()).toISOString()
   });
-  if (!explicitProfile) writeDefaultProfile(userId);
+  writeDefaultProfile(profileName);
+  const verb = existed ? "Renewed" : "Added";
   console.log(
-    `\u2714 Linked successfully as "${username}" \u2014 saved .cre. Run \`4pm start\` to connect.`
+    `\u2714 ${verb} profile "${profileName}" as "${username}" \xB7 scope: ${scope} \u2014 saved .cre. Run \`4pm start\` to connect.`
   );
+  if (scope === "orchestrator") {
+    console.log(
+      "  (This is the orchestrator/admin link. To pair a worker instead, pick the MACHINE user in the web pairing wizard before entering hashcode (1).)"
+    );
+  }
 }
 
 // src/commands/start.ts
@@ -24801,6 +24822,7 @@ async function checkAndUpdate(serverUrl, autoUpdate) {
 
 // src/core/ws-client.ts
 import { randomUUID } from "crypto";
+import { basename as basename3 } from "path";
 
 // ../../22-packages/11-shared/51-utils/src/helpers.ts
 function sleep(ms) {
@@ -25375,6 +25397,12 @@ function profileEnvVar(cmd) {
   if (cmd.includes("codex")) return "CODEX_HOME";
   return null;
 }
+function profileLabels(config) {
+  const cmd = config.aiCli ?? DEFAULT_AI_CLI;
+  const envVar = profileEnvVar(cmd);
+  const dirs = envVar === "CLAUDE_CONFIG_DIR" ? resolveDirs(config.claudeConfigDir) : envVar === "CODEX_HOME" ? resolveDirs(config.codexHome) : [];
+  return dirs.map((dir) => basename(dir));
+}
 function planAiRun(prompt, config, workingDir) {
   const cmd = config.aiCli ?? DEFAULT_AI_CLI;
   const args = [...config.aiArgs ?? DEFAULT_AI_ARGS[cmd] ?? [], prompt];
@@ -25858,6 +25886,13 @@ var WsClient = class {
         this.bus.setStatus("connecting");
         const token = await requestWsToken(this.credential.serverUrl, this.credential.hashcode3);
         this.wsToken = token.wsToken;
+        if (token.scope && token.scope !== this.credential.scope) {
+          this.credential.scope = token.scope;
+          writeCredential(this.context.profileDir, this.credential);
+          this.bus.setScope(token.scope);
+        } else if (token.scope) {
+          this.bus.setScope(token.scope);
+        }
         const wsUrl = this.credential.serverUrl.replace(/^http/, "ws") + "/ws";
         const socket = new wrapper_default(wsUrl);
         this.socket = socket;
@@ -25904,6 +25939,7 @@ var WsClient = class {
     if ("type" in message) {
       if (message.type === "hello_ack" && this.ecdh) {
         this.sessionKey = deriveSessionKey(this.ecdh, message.pubkey);
+        if (message.workerName) this.bus.setWorker(message.workerName);
         logger.info("ws.connected", { version: CLI_VERSION });
         this.bus.setStatus("connected");
         this.bus.log("\u2714 Connected to the server (session encryption ready).");
@@ -26088,7 +26124,10 @@ var WsClient = class {
       })
     });
     this.bus.endBusy(plan.cmd);
-    if (result.workedDir) setWorkingProfile(this.context.profileDir, plan.cmd, result.workedDir);
+    if (result.workedDir) {
+      setWorkingProfile(this.context.profileDir, plan.cmd, result.workedDir);
+      this.bus.setActiveProfile(basename3(result.workedDir));
+    }
     this.send(WsChannels.COMMAND_OUTPUT, {
       commandId,
       seq: seq++,
@@ -26265,6 +26304,9 @@ function releaseInstanceLock(profileDir2) {
   }
 }
 
+// src/commands/start.ts
+import { basename as basename4 } from "path";
+
 // src/core/session-bus.ts
 import { EventEmitter } from "events";
 import { randomUUID as randomUUID2 } from "crypto";
@@ -26276,6 +26318,12 @@ var SessionBus = class {
   history = [];
   /** Labels of in-flight commands (tool names) — top = the one shown as "processing". */
   busyStack = [];
+  /** The AI-CLI profile that last authenticated (shown in the header). */
+  currentActiveProfile = null;
+  /** Link scope learned from the server at connect time (heals the header/.cre). */
+  currentScope = null;
+  /** Worker (physical machine) name learned from the server at connect time. */
+  currentWorker = null;
   constructor() {
     this.emitter.setMaxListeners(50);
   }
@@ -26329,6 +26377,48 @@ var SessionBus = class {
     this.emitter.on("busy", fn);
     return () => this.emitter.off("busy", fn);
   }
+  /** The AI-CLI profile currently in use (last authenticated), or null. */
+  get activeProfile() {
+    return this.currentActiveProfile;
+  }
+  /** Set the active AI-CLI profile (shown in the header). */
+  setActiveProfile(label) {
+    this.currentActiveProfile = label;
+    this.emitter.emit("active-profile", label);
+  }
+  /** Subscribe to active-profile changes. */
+  onActiveProfile(fn) {
+    this.emitter.on("active-profile", fn);
+    return () => this.emitter.off("active-profile", fn);
+  }
+  /** The link scope learned from the server, or null (fall back to the `.cre` value). */
+  get scope() {
+    return this.currentScope;
+  }
+  /** Set the link scope (learned at connect — heals the header). */
+  setScope(scope) {
+    this.currentScope = scope;
+    this.emitter.emit("scope", scope);
+  }
+  /** Subscribe to scope changes. */
+  onScope(fn) {
+    this.emitter.on("scope", fn);
+    return () => this.emitter.off("scope", fn);
+  }
+  /** The worker (physical machine) name learned from the server at connect, or null. */
+  get worker() {
+    return this.currentWorker;
+  }
+  /** Set the worker name (learned from the hello_ack — heals the header). */
+  setWorker(worker) {
+    this.currentWorker = worker;
+    this.emitter.emit("worker", worker);
+  }
+  /** Subscribe to worker-name changes. */
+  onWorker(fn) {
+    this.emitter.on("worker", fn);
+    return () => this.emitter.off("worker", fn);
+  }
   /**
    * Subscribe to transcript entries. Any entries emitted before this subscription
    * are replayed first (so a consumer that mounts a tick late — e.g. React effects —
@@ -31691,25 +31781,6 @@ var getInstance = (stdout, createInstance) => {
 
 // ../../node_modules/.pnpm/ink@5.2.1_@types+react@18.3.31_react@18.3.1/node_modules/ink/build/components/Static.js
 var import_react11 = __toESM(require_react(), 1);
-function Static(props) {
-  const { items, children: render2, style: customStyle } = props;
-  const [index, setIndex] = (0, import_react11.useState)(0);
-  const itemsToRender = (0, import_react11.useMemo)(() => {
-    return items.slice(index);
-  }, [items, index]);
-  (0, import_react11.useLayoutEffect)(() => {
-    setIndex(items.length);
-  }, [items.length]);
-  const children = itemsToRender.map((item, itemIndex) => {
-    return render2(item, index + itemIndex);
-  });
-  const style = (0, import_react11.useMemo)(() => ({
-    position: "absolute",
-    flexDirection: "column",
-    ...customStyle
-  }), [customStyle]);
-  return import_react11.default.createElement("ink-box", { internal_static: true, style }, children);
-}
 
 // ../../node_modules/.pnpm/ink@5.2.1_@types+react@18.3.31_react@18.3.1/node_modules/ink/build/components/Transform.js
 var import_react12 = __toESM(require_react(), 1);
@@ -32035,12 +32106,23 @@ function appendInputHistory(profileDir2, line, current) {
 // src/ui/banner.tsx
 var import_react22 = __toESM(require_react(), 1);
 var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+function dotColor(status) {
+  if (status === "connected") return "green";
+  if (status === "stopped") return "red";
+  return "yellow";
+}
 function scopeLabel(scope) {
   if (scope === "project") return "project (MACHINE)";
   if (scope === "orchestrator") return "orchestrator (root)";
   return scope;
 }
-function Banner({ info }) {
+function Banner({
+  info,
+  scope,
+  worker,
+  status,
+  activeProfile
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "row", paddingX: 1, paddingTop: 1, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { marginRight: 2, flexDirection: "column", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "cyan", bold: true, children: "\u250C\u2500\u2510" }),
@@ -32057,20 +32139,33 @@ function Banner({ info }) {
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { dimColor: true, children: [
         "scope: ",
-        scopeLabel(info.scope),
+        scopeLabel(scope),
         " \xB7 profile: ",
-        info.profile
+        info.profile,
+        worker ? ` \xB7 worker: ${worker}` : ""
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { dimColor: true, children: [
+      scope === "orchestrator" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { dimColor: true, children: [
         "server: ",
-        info.serverUrl
-      ] }),
-      info.scope === "orchestrator" ? (
-        // Orchestrator cli is not tied to a physic project (ADR-0010) — no serving line.
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { dimColor: true, children: "mode: orchestrator (short-lived AI requests)" })
-      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { dimColor: true, children: [
-        "serving: ",
+        info.serverUrl,
+        " \xB7 mode: orchestrator (short-lived AI)"
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { dimColor: true, children: [
+        "server: ",
+        info.serverUrl,
+        " \xB7 serving: ",
         info.physicPath ?? "(no physic project)"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: dotColor(status), children: "\u25CF" }),
+        " ",
+        status,
+        " \xB7 using",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "cyan", children: info.aiCli }),
+        activeProfile ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+          " ",
+          "\xB7 profile ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "cyan", children: activeProfile })
+        ] }) : null
       ] })
     ] })
   ] });
@@ -32123,93 +32218,6 @@ function TranscriptLine({ line }) {
 
 // src/ui/command-input.tsx
 var import_react24 = __toESM(require_react(), 1);
-var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
-function dotColor(status) {
-  if (status === "connected") return "green";
-  if (status === "stopped") return "red";
-  return "yellow";
-}
-function StatusHint({
-  status,
-  aiCli: aiCli2
-}) {
-  const connected = status === "connected";
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { dimColor: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: dotColor(status), children: "\u25CF" }),
-    " ",
-    status,
-    connected ? ` \xB7 prompt \u2192 ${aiCli2} \xB7 /help \xB7 \u2191\u2193 history \xB7 Ctrl+C quit` : " \xB7 waiting for connection\u2026"
-  ] });
-}
-function CommandInput({
-  status,
-  history,
-  onSubmit
-}) {
-  const { exit } = use_app_default();
-  const [value, setValue] = (0, import_react24.useState)("");
-  const [navIndex, setNavIndex] = (0, import_react24.useState)(null);
-  const connected = status === "connected";
-  use_input_default((input, key) => {
-    if (key.ctrl && (input === "c" || input === "d")) {
-      exit();
-      return;
-    }
-    if (key.upArrow) {
-      if (history.length === 0) return;
-      const next = navIndex === null ? history.length - 1 : Math.max(0, navIndex - 1);
-      setNavIndex(next);
-      setValue(history[next] ?? "");
-      return;
-    }
-    if (key.downArrow) {
-      if (navIndex === null) return;
-      const next = navIndex + 1;
-      if (next >= history.length) {
-        setNavIndex(null);
-        setValue("");
-      } else {
-        setNavIndex(next);
-        setValue(history[next] ?? "");
-      }
-      return;
-    }
-    if (key.return) {
-      const trimmed = value.trim();
-      if (trimmed.length > 0) onSubmit(trimmed);
-      setValue("");
-      setNavIndex(null);
-      return;
-    }
-    if (key.backspace || key.delete) {
-      setValue((v) => v.slice(0, -1));
-      setNavIndex(null);
-      return;
-    }
-    if (!key.ctrl && !key.meta && input) {
-      setValue((v) => v + input);
-      setNavIndex(null);
-    }
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: connected ? "cyan" : "gray", children: "\u203A " }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { children: value }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { inverse: true, children: " " })
-  ] });
-}
-
-// src/ui/spinner.tsx
-var import_react25 = __toESM(require_react(), 1);
-var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
-var FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-function Spinner() {
-  const [index, setIndex] = (0, import_react25.useState)(0);
-  (0, import_react25.useEffect)(() => {
-    const timer = setInterval(() => setIndex((i) => (i + 1) % FRAMES.length), 90);
-    return () => clearInterval(timer);
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "yellow", children: FRAMES[index] });
-}
 
 // src/ui/slash-commands.ts
 import { existsSync as existsSync9 } from "fs";
@@ -32354,6 +32362,19 @@ var COMMANDS = [
     description: "View / init / update / delete profile config",
     run: runConfig
   },
+  {
+    name: "claude-cmd",
+    usage: "/claude-cmd /context",
+    description: "Run an AI-CLI slash command (e.g. /context, /usage, /status)",
+    run: (ctx) => {
+      const rest = ctx.args.join(" ").trim();
+      if (!rest) {
+        ctx.print("usage: /claude-cmd /context  (forwards to the AI CLI)", "error");
+        return;
+      }
+      ctx.submitAi(rest);
+    }
+  },
   {
     name: "clear",
     usage: "/clear",
@@ -32368,6 +32389,7 @@ var COMMANDS = [
   }
 ];
 var ALIASES = { exit: "quit" };
+var SLASH_COMMANDS = COMMANDS.map((c) => ({ name: c.name, usage: c.usage, description: c.description }));
 function runSlashCommand(line, base) {
   const tokens = line.replace(/^\//, "").trim().split(/\s+/);
   const rawName = tokens[0] ?? "";
@@ -32381,10 +32403,121 @@ function runSlashCommand(line, base) {
   command.run(ctx);
 }
 
+// src/ui/command-input.tsx
+var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
+function Hint() {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { dimColor: true, children: "  /help \xB7 Tab complete \xB7 \u2191\u2193 history \xB7 PgUp/PgDn scroll \xB7 Ctrl+C quit" });
+}
+function CommandInput({
+  status,
+  history,
+  onSubmit
+}) {
+  const { exit } = use_app_default();
+  const [value, setValue] = (0, import_react24.useState)("");
+  const [navIndex, setNavIndex] = (0, import_react24.useState)(null);
+  const [sugIndex, setSugIndex] = (0, import_react24.useState)(0);
+  const connected = status === "connected";
+  const matching = value.startsWith("/") && !value.includes(" ") ? SLASH_COMMANDS.filter((c) => c.name.startsWith(value.slice(1))) : [];
+  const menuOpen = matching.length > 0;
+  const selected = matching[Math.min(sugIndex, matching.length - 1)];
+  use_input_default((input, key) => {
+    if (key.ctrl && (input === "c" || input === "d")) {
+      exit();
+      return;
+    }
+    if (key.tab && selected) {
+      setValue(`/${selected.name} `);
+      setSugIndex(0);
+      setNavIndex(null);
+      return;
+    }
+    if (key.upArrow) {
+      if (menuOpen) {
+        setSugIndex((i) => (i - 1 + matching.length) % matching.length);
+        return;
+      }
+      if (history.length === 0) return;
+      const next = navIndex === null ? history.length - 1 : Math.max(0, navIndex - 1);
+      setNavIndex(next);
+      setValue(history[next] ?? "");
+      return;
+    }
+    if (key.downArrow) {
+      if (menuOpen) {
+        setSugIndex((i) => (i + 1) % matching.length);
+        return;
+      }
+      if (navIndex === null) return;
+      const next = navIndex + 1;
+      if (next >= history.length) {
+        setNavIndex(null);
+        setValue("");
+      } else {
+        setNavIndex(next);
+        setValue(history[next] ?? "");
+      }
+      return;
+    }
+    if (key.return) {
+      const trimmed = value.trim();
+      if (trimmed.length > 0) onSubmit(trimmed);
+      setValue("");
+      setNavIndex(null);
+      setSugIndex(0);
+      return;
+    }
+    if (key.backspace || key.delete) {
+      setValue((v) => v.slice(0, -1));
+      setNavIndex(null);
+      setSugIndex(0);
+      return;
+    }
+    if (!key.ctrl && !key.meta && input) {
+      setValue((v) => v + input);
+      setNavIndex(null);
+      setSugIndex(0);
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Box_default, { children: menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { children: [
+      matching.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { color: i === sugIndex ? "cyan" : "gray", inverse: i === sugIndex, children: [
+        " ",
+        "/",
+        c.name,
+        " "
+      ] }, c.name)),
+      selected ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Text, { dimColor: true, children: [
+        "  \u2014 ",
+        selected.description,
+        " (Tab)"
+      ] }) : null
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { children: " " }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { color: connected ? "cyan" : "gray", children: "\u203A " }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { children: value }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { inverse: true, children: " " })
+    ] })
+  ] });
+}
+
+// src/ui/spinner.tsx
+var import_react25 = __toESM(require_react(), 1);
+var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
+var FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+function Spinner() {
+  const [index, setIndex] = (0, import_react25.useState)(0);
+  (0, import_react25.useEffect)(() => {
+    const timer = setInterval(() => setIndex((i) => (i + 1) % FRAMES.length), 90);
+    return () => clearInterval(timer);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { color: "yellow", children: FRAMES[index] });
+}
+
 // src/ui/app.tsx
 var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
-var BANNER_ROWS = 5;
-var COMMAND_BLOCK_ROWS = 6;
+var CHROME_ROWS = 12;
+var ENTRY_CAP = 3e3;
 function Rule({ width }) {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "\u2500".repeat(Math.max(10, width)) });
 }
@@ -32410,24 +32543,33 @@ function App2({
   const [entries2, setEntries] = (0, import_react26.useState)([]);
   const [status, setStatus] = (0, import_react26.useState)(bus.status);
   const [busy, setBusy] = (0, import_react26.useState)(bus.busy);
+  const [activeProfile, setActiveProfile] = (0, import_react26.useState)(bus.activeProfile);
+  const [scope, setScope] = (0, import_react26.useState)(bus.scope ?? info.scope);
+  const [worker, setWorker] = (0, import_react26.useState)(bus.worker);
+  const [scrollBack, setScrollBack] = (0, import_react26.useState)(0);
   const [history, setHistory] = (0, import_react26.useState)(() => loadInputHistory(info.profileDir));
-  const [staticKey, setStaticKey] = (0, import_react26.useState)(0);
-  const clearTranscript = () => {
-    setEntries([]);
-    setStaticKey((k) => k + 1);
-    stdout.write("\x1B[2J\x1B[3J\x1B[H");
-  };
   (0, import_react26.useEffect)(() => {
-    const offTranscript = bus.onTranscript((entry) => setEntries((prev) => [...prev, entry]));
+    const offTranscript = bus.onTranscript(
+      (entry) => setEntries(
+        (prev) => prev.length >= ENTRY_CAP ? [...prev.slice(prev.length - ENTRY_CAP + 1), entry] : [...prev, entry]
+      )
+    );
     const offStatus = bus.onStatus(setStatus);
     const offBusy = bus.onBusy(setBusy);
+    const offProfile = bus.onActiveProfile(setActiveProfile);
+    const offScope = bus.onScope(setScope);
+    const offWorker = bus.onWorker(setWorker);
     return () => {
       offTranscript();
       offStatus();
       offBusy();
+      offProfile();
+      offScope();
+      offWorker();
     };
   }, [bus]);
   const handleSubmit = (input) => {
+    setScrollBack(0);
     setHistory((prev) => appendInputHistory(info.profileDir, input, prev));
     const trimmed = input.trim();
     if (trimmed.startsWith("/")) {
@@ -32435,36 +32577,47 @@ function App2({
       runSlashCommand(trimmed, {
         info,
         print: (text, level) => bus.push({ source: "local", kind: "log", text, level }),
-        clear: clearTranscript,
-        quit: () => exit()
+        clear: () => {
+          setEntries([]);
+          setScrollBack(0);
+          stdout.write("\x1B[2J\x1B[3J\x1B[H");
+        },
+        quit: () => exit(),
+        submitAi: (aiInput) => bus.submitLocal(aiInput)
       });
       return;
     }
     bus.submitLocal(input);
   };
-  const lines = flattenEntries(entries2);
-  const items = [
-    { type: "banner" },
-    ...lines.map((line) => ({ type: "line", line }))
-  ];
+  const bodyHeight = Math.max(3, rows - CHROME_ROWS);
+  const lines = (0, import_react26.useMemo)(() => flattenEntries(entries2), [entries2]);
+  const maxScroll = Math.max(0, lines.length - bodyHeight);
+  const clampedBack = Math.min(scrollBack, maxScroll);
+  const lineRows = clampedBack > 0 ? bodyHeight - 1 : bodyHeight;
+  const start = Math.max(0, lines.length - lineRows - clampedBack);
+  const visible = lines.slice(start, start + lineRows);
   const width = cols - 1;
-  const spacer = Math.max(0, rows - (BANNER_ROWS + lines.length) - COMMAND_BLOCK_ROWS);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Static, { items, children: (item, index) => item.type === "banner" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Banner, { info }, "banner") : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TranscriptLine, { line: item.line }, item.line.key || index) }, staticKey),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { height: spacer }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { justifyContent: "flex-end", children: busy ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "yellow", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Spinner, {}),
-        " processing \xB7 ",
-        busy,
-        "\u2026"
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { children: " " }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Rule, { width }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CommandInput, { status, history, onSubmit: handleSubmit }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Rule, { width }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StatusHint, { status, aiCli: info.aiCli }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: "  tip: mouse wheel = scroll \xB7 drag to select \u2192 right-click to copy" })
-    ] })
+  use_input_default((_input, key) => {
+    if (key.pageUp) setScrollBack((b) => Math.min(maxScroll, b + bodyHeight));
+    else if (key.pageDown) setScrollBack((b) => Math.max(0, b - bodyHeight));
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", height: rows, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Banner, { info, scope, worker, status, activeProfile }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Rule, { width }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box_default, { flexDirection: "column", height: bodyHeight, overflow: "hidden", children: [
+      visible.map((line) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TranscriptLine, { line }, line.key)),
+      clampedBack > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { dimColor: true, children: `   \u2191 ${clampedBack} newer line(s) hidden \xB7 PageDown` }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Box_default, { justifyContent: "flex-end", children: busy ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Text, { color: "yellow", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Spinner, {}),
+      " processing \xB7 ",
+      busy,
+      "\u2026"
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text, { children: " " }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Rule, { width }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CommandInput, { status, history, onSubmit: handleSubmit }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Rule, { width }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Hint, {})
   ] });
 }
 
@@ -32550,6 +32703,10 @@ async function runStart(profileDir2, profileName) {
         physicPath: config.physicPath ?? null,
         aiCli: config.aiCli ?? "claude"
       };
+      const aiCli2 = config.aiCli ?? "claude";
+      const workingDir = getWorkingProfile(profileDir2, aiCli2);
+      const labels = profileLabels(config);
+      bus.setActiveProfile(workingDir ? basename4(workingDir) : labels[0] ?? null);
       const tui = runTui(bus, info);
       bus.log(`Connecting to ${credential.serverUrl} (profile: ${profileName})\u2026`);
       void client.run();
@@ -32616,11 +32773,68 @@ async function runVersion(profileDir2, profileName, serverUrlFlag) {
   }
 }
 
+// src/ui/select-profile.tsx
+var import_react28 = __toESM(require_react(), 1);
+var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
+function Picker({
+  items,
+  title,
+  onDone
+}) {
+  const { exit } = use_app_default();
+  const [index, setIndex] = (0, import_react28.useState)(0);
+  use_input_default((input, key) => {
+    if (key.upArrow) setIndex((i) => (i - 1 + items.length) % items.length);
+    else if (key.downArrow) setIndex((i) => (i + 1) % items.length);
+    else if (key.return) {
+      onDone(items[index]?.value ?? null);
+      exit();
+    } else if (key.escape || key.ctrl && input === "c") {
+      onDone(null);
+      exit();
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Box_default, { flexDirection: "column", paddingY: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { bold: true, children: title }),
+    items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Text, { color: i === index ? "cyan" : void 0, children: [
+      i === index ? "\u276F " : "  ",
+      item.label
+    ] }, item.value)),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { dimColor: true, children: "\u2191\u2193 move \xB7 Enter select \xB7 Esc cancel" })
+  ] });
+}
+function selectFromList(items, title) {
+  return new Promise((resolve5) => {
+    let chosen = null;
+    const app = render_default(/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Picker, { items, title, onDone: (v) => chosen = v }));
+    void app.waitUntilExit().then(() => resolve5(chosen));
+  });
+}
+
 // src/index.ts
 function flagValue(args, name) {
   const index = args.indexOf(`--${name}`);
   return index >= 0 ? args[index + 1] : void 0;
 }
+async function pickLinkedProfile(explicit, action) {
+  if (explicit) return explicit;
+  const linked = listProfiles().filter((p) => p.linked);
+  if (linked.length === 0) {
+    console.error("No linked profile \u2014 run `4pm link` first.");
+    return null;
+  }
+  if (linked.length === 1) return linked[0].name;
+  if (!process.stdout.isTTY) {
+    console.error(
+      `Multiple profiles \u2014 pass --profile <name> (or run \`4pm ${action}\` in a terminal to pick).`
+    );
+    return null;
+  }
+  return selectFromList(
+    linked.map((p) => ({ label: p.name, value: p.name })),
+    `Select a profile to ${action}:`
+  );
+}
 async function main() {
   const [explicitProfile, args] = resolveProfileArg(process.argv.slice(2));
   const [command, ...rest] = args;
@@ -32631,12 +32845,20 @@ async function main() {
       break;
     }
     case "start": {
-      const name = explicitProfile ?? defaultProfileName();
+      const name = await pickLinkedProfile(explicitProfile, "start");
+      if (!name) {
+        process.exitCode = 1;
+        break;
+      }
       await runStart(profileDir(name), name);
       break;
     }
     case "unlink": {
-      const name = explicitProfile ?? defaultProfileName();
+      const name = await pickLinkedProfile(explicitProfile, "unlink");
+      if (!name) {
+        process.exitCode = 1;
+        break;
+      }
       runUnlink(profileDir(name), name);
       break;
     }
@@ -32659,13 +32881,15 @@ async function main() {
           "4pm \u2014 the 4PM worker-machine CLI",
           "",
           "Usage:",
-          "  4pm [--profile <name>] link [--server URL]   Pair with the server (hashcode 1\u21922\u21923)",
-          "  4pm [--profile <name>] start                 Connect WS, receive commands from the server",
-          "  4pm [--profile <name>] unlink                Delete the local credential (.cre)",
-          "  4pm version [--server URL]                   Show the installed version (+ latest from the server)",
-          "  4pm update  [--server URL]                   Update to the latest version now",
+          "  4pm link      Pair with the server (hashcode 1\u21922\u21923)",
+          "  4pm start     Connect WS, receive commands from the server",
+          "  4pm unlink    Delete a link (pick a profile if several)",
+          "  4pm version   Show the installed version (+ latest from the server)",
+          "  4pm update    Update to the latest version now",
           "",
-          "Without --profile \u21D2 the `default` profile (ADR-0014)."
+          "Profiles: named after the paired account (e.g. mcacc1); when several exist,",
+          "start/unlink show a picker (\u2191\u2193 + Enter) \u2014 no --profile needed.",
+          "Server URL: from FOURPM_SERVER (default http://localhost:3001)."
         ].join("\n")
       );
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4pm/cli",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "private": false,
   "description": "4PM CLI — drives Claude/Codex CLIs on AI worker machines (Node + TypeScript)",
   "type": "module",