@punkcode/cli 0.1.20 → 0.1.22

package/dist/{App-VFRKDZOG.js → App-RF23NIE6.js}

@@ -10,7 +10,7 @@ import {
   signIn,
   usePunkStore,
   version
-} from "./chunk-LYCIVKB3.js";
+} from "./chunk-4FFAG2HK.js";
 
 // src/ui/App.tsx
 import { useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
@@ -221,7 +221,7 @@ function PasswordInput({ onSubmit }) {
 }
 
 // src/ui/Dashboard.tsx
-import { useState as useState2, useEffect as useEffect2, useRef } from "react";
+import { useState as useState2, useEffect as useEffect2, useRef, useMemo } from "react";
 import { Box as Box2, Text as Text2, useApp, useInput as useInput2, useStdout } from "ink";
 import { Badge } from "@inkjs/ui";
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -239,6 +239,7 @@ var LOGO = [
   "\u2588\u2588\u2551     \u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551 \u255A\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2557",
   "\u255A\u2550\u255D      \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u255D  \u255A\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D"
 ];
+var LOGO_JSX = LOGO.map((line, i) => /* @__PURE__ */ jsx2(Text2, { color: theme.logo, children: line }, i));
 function Dashboard({ store, connection, overlay }) {
   const { exit } = useApp();
   const { stdout } = useStdout();
@@ -250,20 +251,17 @@ function Dashboard({ store, connection, overlay }) {
   const sessions = usePunkStore(store, (s) => s.sessions);
   const activityLog = usePunkStore(store, (s) => s.activityLog);
   const server = usePunkStore(store, (s) => s.server);
-  const connectedAt = usePunkStore(store, (s) => s.connectedAt);
   const auth = usePunkStore(store, (s) => s.auth);
   const sessionProjects = usePunkStore(store, (s) => s.sessionProjects);
   const [focusMode, setFocusMode] = useState2(false);
   const [focusedSessionIdx, setFocusedSessionIdx] = useState2(0);
-  const knownSessionIds = Object.keys(sessionProjects);
+  const knownSessionIds = useMemo(() => Object.keys(sessionProjects), [sessionProjects]);
   const focusedSessionId = focusMode ? knownSessionIds[focusedSessionIdx] : null;
   const hasMultipleSessions = knownSessionIds.length > 1;
-  const filteredActivity = focusedSessionId ? activityLog.filter((e) => e.sessionId === focusedSessionId) : activityLog;
-  const [now, setNow] = useState2(Date.now());
-  useEffect2(() => {
-    const timer = setInterval(() => setNow(Date.now()), 1e3);
-    return () => clearInterval(timer);
-  }, []);
+  const filteredActivity = useMemo(
+    () => focusedSessionId ? activityLog.filter((e) => e.sessionId === focusedSessionId) : activityLog,
+    [focusedSessionId, activityLog]
+  );
   const [selectedIdx, setSelectedIdx] = useState2(-1);
   const [userScrolled, setUserScrolled] = useState2(false);
   const prevLogLength = useRef(filteredActivity.length);
@@ -284,6 +282,8 @@ function Dashboard({ store, connection, overlay }) {
       connection?.disconnect();
       exit();
     }
+  });
+  useInput2((input, key) => {
     if (input === "r") connection?.reconnect();
     if (input === "c" && !key.ctrl) {
       store.getState().clearActivity();
@@ -327,9 +327,8 @@ function Dashboard({ store, connection, overlay }) {
         setSelectedIdx(next);
       }
     }
-  });
+  }, { isActive: !overlay });
   const sessionList = Object.values(sessions);
-  const uptime = connectedAt ? formatDuration(now - connectedAt) : "-";
   const boxWidth = termWidth - 2;
   const col = getColumns(termWidth);
   const headerHeight = 8;
@@ -354,7 +353,7 @@ function Dashboard({ store, connection, overlay }) {
             /* @__PURE__ */ jsx2(Text2, { children: stripProtocol(server) })
           ] })
         ] }),
-        termWidth >= 120 && /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", alignItems: "flex-end", justifyContent: "center", children: LOGO.map((line, i) => /* @__PURE__ */ jsx2(Text2, { color: theme.logo, children: line }, i)) })
+        termWidth >= 120 && /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", alignItems: "flex-end", justifyContent: "center", children: LOGO_JSX })
       ] })
     ) : (
       /* Full header when connected */
@@ -372,10 +371,6 @@ function Dashboard({ store, connection, overlay }) {
             /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Status:   ".padEnd(12) }),
             /* @__PURE__ */ jsx2(StatusIndicator, { status: connectionStatus, error: connectionError })
           ] }),
-          /* @__PURE__ */ jsxs2(Box2, { children: [
-            /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Uptime:   ".padEnd(12) }),
-            /* @__PURE__ */ jsx2(Text2, { children: uptime })
-          ] }),
           deviceInfo && /* @__PURE__ */ jsxs2(Box2, { children: [
             /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Device:   ".padEnd(12) }),
             /* @__PURE__ */ jsx2(Text2, { children: deviceInfo.name })
@@ -445,7 +440,7 @@ function Dashboard({ store, connection, overlay }) {
             /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: " details" })
           ] })
         ] }) }),
-        termWidth >= 120 && /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", alignItems: "flex-end", justifyContent: "center", children: LOGO.map((line, i) => /* @__PURE__ */ jsx2(Text2, { color: theme.logo, children: line }, i)) })
+        termWidth >= 120 && /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", alignItems: "flex-end", justifyContent: "center", children: LOGO_JSX })
       ] })
     ),
     !overlay && /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginX: 1, marginTop: 1, children: [
@@ -464,13 +459,13 @@ function Dashboard({ store, connection, overlay }) {
               "ID".padEnd(col.id),
               "PROJECT".padEnd(col.project),
               "STATUS".padEnd(col.status),
-              "STARTED".padEnd(col.started),
+              "RUNNING".padEnd(col.started),
               col.showExtras ? "MODEL".padEnd(col.model) + "EFFORT" : ""
             ] }) }),
             sessionList.length === 0 ? /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
               "\u25CB",
               " Waiting for sessions from the Punk app..."
-            ] }) : sessionList.map((session) => /* @__PURE__ */ jsx2(SessionRow, { session, now, col }, session.requestId))
+            ] }) : sessionList.map((session) => /* @__PURE__ */ jsx2(SessionRow, { session, col }, session.requestId))
           ]
         }
       )
@@ -631,10 +626,17 @@ function StatusIndicator({ status, error }) {
     " Disconnected"
   ] });
 }
-function SessionRow({ session, now, col }) {
+function SessionRow({ session, col }) {
+  const [elapsed, setElapsed] = useState2(Date.now() - session.startedAt);
+  useEffect2(() => {
+    const timer = setInterval(() => {
+      setElapsed(Date.now() - session.startedAt);
+    }, 1e3);
+    return () => clearInterval(timer);
+  }, [session.startedAt]);
   const id = session.requestId.slice(0, col.id - 2);
   const project = session.workingDirectory ? session.workingDirectory.split("/").pop() ?? "" : "";
-  const started = formatDuration(now - session.startedAt);
+  const started = formatDuration(elapsed);
   return /* @__PURE__ */ jsxs2(Box2, { children: [
     /* @__PURE__ */ jsxs2(Text2, { children: [
       id.padEnd(col.id),
@@ -751,7 +753,7 @@ function formatDuration(ms) {
   const seconds = Math.floor(ms / 1e3);
   if (seconds < 60) return `${seconds}s`;
   const minutes = Math.floor(seconds / 60);
-  if (minutes < 60) return `${minutes}m ${seconds % 60}s`;
+  if (minutes < 60) return `${minutes}m`;
   const hours = Math.floor(minutes / 60);
   return `${hours}h ${minutes % 60}m`;
 }
@@ -794,6 +796,15 @@ function App({ server, idToken, options }) {
       connectionRef.current?.disconnect();
     };
   }, []);
+  useEffect3(() => {
+    const onSigcont = () => {
+      connectionRef.current?.reconnect();
+    };
+    process.on("SIGCONT", onSigcont);
+    return () => {
+      process.removeListener("SIGCONT", onSigcont);
+    };
+  }, []);
   const loginOverlay = screen === "login" ? /* @__PURE__ */ jsx3(LoginDialog, { store, server }) : void 0;
   return /* @__PURE__ */ jsx3(
     Dashboard,

package/dist/{chunk-LYCIVKB3.js → chunk-4FFAG2HK.js}

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 
 // src/version.ts
-var version = "0.1.20";
+var version = "0.1.22";
 
 // src/lib/auth.ts
 import fs from "fs";
@@ -1175,7 +1175,6 @@ var PunkConnection = class {
       }
     }, 50 * 60 * 1e3);
     this.attachSocketHandlers();
-    this.attachSignalHandlers();
   }
   disconnect() {
     this.cleanup();
@@ -1273,18 +1272,6 @@ var PunkConnection = class {
       this.resolvePermission(msg.requestId, msg.toolUseId, msg.allow, msg.answers, msg.feedback, msg.permissionMode);
     });
   }
-  attachSignalHandlers() {
-    const onShutdown = () => {
-      this.store.getState().addActivity({ icon: "\u25CF", message: "Shutting down..." });
-      this.cleanup();
-      process.exit(0);
-    };
-    process.on("SIGINT", onShutdown);
-    process.on("SIGTERM", onShutdown);
-    process.on("SIGCONT", () => {
-      this.reconnect();
-    });
-  }
   send(event, msg) {
     if (!this.socket.connected) return;
     this.socket.emit(event, msg);
@@ -1592,9 +1579,11 @@ var createPunkStore = (server) => createStore((set) => ({
     return { sessions: { ...s.sessions, [id]: { ...existing, ...updates } } };
   }),
   removeSession: (id) => set((s) => {
-    const rest = { ...s.sessions };
-    delete rest[id];
-    return { sessions: rest };
+    const sessions = { ...s.sessions };
+    delete sessions[id];
+    const sessionProjects = { ...s.sessionProjects };
+    delete sessionProjects[id];
+    return { sessions, sessionProjects };
   }),
   addActivity: (entry) => set((s) => ({
     activityLog: [

package/dist/cli.js

@@ -8,7 +8,7 @@ import {
   refreshIdToken,
   signIn,
   version
-} from "./chunk-LYCIVKB3.js";
+} from "./chunk-4FFAG2HK.js";
 
 // src/cli.ts
 import { program } from "commander";
@@ -128,23 +128,32 @@ async function runHeadless(server, idToken, options) {
       }
     }
   });
-  new PunkConnection(server, idToken, options, store);
+  const connection = new PunkConnection(server, idToken, options, store);
+  const shutdown = () => {
+    connection.disconnect();
+    process.exit(0);
+  };
+  process.on("SIGINT", shutdown);
+  process.on("SIGTERM", shutdown);
   await new Promise(() => {
   });
 }
 async function runTui(server, options) {
   const { render } = await import("ink");
   const { createElement } = await import("react");
-  const { App } = await import("./App-VFRKDZOG.js");
+  const { App } = await import("./App-RF23NIE6.js");
   const idToken = options.token ? options.token : void 0;
   process.stdout.write("\x1B[?1049h");
   process.stdout.write("\x1B[H");
-  const { waitUntilExit } = render(
+  const { waitUntilExit, unmount } = render(
     createElement(App, { server, idToken, options })
   );
+  const onSigterm = () => unmount();
+  process.once("SIGTERM", onSigterm);
   try {
     await waitUntilExit();
   } finally {
+    process.removeListener("SIGTERM", onSigterm);
     process.stdout.write("\x1B[?1049l");
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@punkcode/cli",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "description": "Control Claude Code from your phone",
   "type": "module",
   "bin": {