claude-ps 0.2.2 → 0.2.3

package/dist/{chunk-TPK4XYR3.js → chunk-EZHIVMX4.js}

@@ -56,7 +56,7 @@ async function getClaudeProcesses() {
   let stdout;
   try {
     const result = await execAsync(
-      `ps -eo pid,tty,command | grep -E '^\\s*[0-9]+\\s+\\S+\\s+claude\\s*$' | grep -v grep`
+      `ps -eo pid,tty,command | grep -E '^\\s*[0-9]+\\s+\\S+\\s+claude(\\s|$)' | grep -v 'chrome-native-host' | grep -v grep`
     );
     stdout = result.stdout;
   } catch {

package/dist/index.js

@@ -2,7 +2,7 @@
 import {
   getClaudeProcesses,
   killProcess
-} from "./chunk-TPK4XYR3.js";
+} from "./chunk-EZHIVMX4.js";
 
 // src/index.tsx
 import { withFullScreen } from "fullscreen-ink";
@@ -193,7 +193,7 @@ function formatElapsed(elapsed) {
 
 // src/components/ui/DetailPanel.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function DetailPanel({ process: proc }) {
+function DetailPanel({ process: proc, isLive = true }) {
   if (!proc) {
     return /* @__PURE__ */ jsx4(EmptyPrompt, { message: "\u9009\u62E9\u4E00\u4E2A\u8FDB\u7A0B\u67E5\u770B\u8BE6\u60C5" });
   }
@@ -208,7 +208,10 @@ function DetailPanel({ process: proc }) {
       /* @__PURE__ */ jsx4(Text4, { bold: true, color: "cyan", children: "Session:" }),
       /* @__PURE__ */ jsx4(Text4, { color: COLORS.label, wrap: "truncate", children: proc.sessionPath || "\u65E0\u4F1A\u8BDD\u6587\u4EF6" })
     ] }),
-    /* @__PURE__ */ jsx4(Box4, { paddingBottom: 1, children: /* @__PURE__ */ jsx4(Text4, { bold: true, color: "cyan", children: "\u6700\u8FD1\u5BF9\u8BDD" }) }),
+    /* @__PURE__ */ jsxs4(Box4, { paddingBottom: 1, flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "cyan", children: "\u6700\u8FD1\u5BF9\u8BDD" }),
+      isLive && proc.sessionPath && /* @__PURE__ */ jsx4(Text4, { color: "green", children: "\u25CF \u5B9E\u65F6" })
+    ] }),
     /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", children: proc.messages.length === 0 ? /* @__PURE__ */ jsx4(Text4, { color: COLORS.label, children: "\u65E0\u5BF9\u8BDD\u8BB0\u5F55" }) : proc.messages.map((msg) => /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", children: [
       /* @__PURE__ */ jsxs4(Text4, { color: msg.role === "user" ? COLORS.current : "blue", children: [
         msg.role === "user" ? "[User]" : "[Claude]",
@@ -297,7 +300,7 @@ function ProcessList({
 }
 
 // src/hooks/useProcesses.ts
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect as useEffect2, useMemo, useRef as useRef2, useState } from "react";
 
 // src/utils/session.ts
 import { readFile, readdir } from "fs/promises";
@@ -353,7 +356,45 @@ async function getSessionPath(cwd, startTime) {
     return "";
   }
 }
-async function getRecentMessages(sessionPath, limit = 5) {
+async function getNewMessages(sessionPath, fromLine) {
+  if (!sessionPath) return { messages: [], totalLines: 0 };
+  try {
+    const content = await readFile(sessionPath, "utf-8");
+    const lines = content.trim().split("\n");
+    const totalLines = lines.length;
+    const newLines = lines.slice(fromLine);
+    const messages = [];
+    for (const line of newLines) {
+      try {
+        const entry = JSON.parse(line);
+        if (entry.type === "user" && entry.message?.content) {
+          const text = extractUserText(entry.message.content);
+          if (text && !isMetaMessage(text)) {
+            messages.push({
+              role: "user",
+              content: truncate(text, 100),
+              timestamp: entry.timestamp || ""
+            });
+          }
+        } else if (entry.type === "assistant" && entry.message?.content) {
+          const text = extractAssistantText(entry.message.content);
+          if (text) {
+            messages.push({
+              role: "assistant",
+              content: truncate(text, 100),
+              timestamp: entry.timestamp || ""
+            });
+          }
+        }
+      } catch {
+      }
+    }
+    return { messages, totalLines };
+  } catch {
+    return { messages: [], totalLines: 0 };
+  }
+}
+async function getAllMessages(sessionPath) {
   if (!sessionPath) return [];
   try {
     const content = await readFile(sessionPath, "utf-8");
@@ -384,7 +425,7 @@ async function getRecentMessages(sessionPath, limit = 5) {
       } catch {
       }
     }
-    return messages.slice(-limit);
+    return messages;
   } catch {
     return [];
   }
@@ -409,6 +450,50 @@ function truncate(text, maxLen) {
   return `${clean.slice(0, maxLen - 3)}...`;
 }
 
+// src/hooks/useSessionWatcher.ts
+import { useEffect, useRef } from "react";
+import chokidar from "chokidar";
+function useSessionWatcher(sessionPaths, onFileChange) {
+  const watcherRef = useRef(null);
+  const debounceTimersRef = useRef(/* @__PURE__ */ new Map());
+  useEffect(() => {
+    const validPaths = sessionPaths.filter((p) => p && p.length > 0);
+    if (validPaths.length === 0) return;
+    const watcher = chokidar.watch(validPaths, {
+      persistent: true,
+      ignoreInitial: true,
+      // 忽略初始添加事件
+      awaitWriteFinish: {
+        stabilityThreshold: 50,
+        // 文件稳定 50ms 后触发
+        pollInterval: 25
+      }
+    });
+    watcher.on("change", (path) => {
+      const existingTimer = debounceTimersRef.current.get(path);
+      if (existingTimer) {
+        clearTimeout(existingTimer);
+      }
+      const timer = setTimeout(() => {
+        onFileChange(path);
+        debounceTimersRef.current.delete(path);
+      }, 100);
+      debounceTimersRef.current.set(path, timer);
+    });
+    watcherRef.current = watcher;
+    return () => {
+      for (const timer of debounceTimersRef.current.values()) {
+        clearTimeout(timer);
+      }
+      debounceTimersRef.current.clear();
+      if (watcherRef.current) {
+        watcherRef.current.close();
+        watcherRef.current = null;
+      }
+    };
+  }, [sessionPaths, onFileChange]);
+}
+
 // src/hooks/useProcesses.ts
 function sortProcesses(processes, sortField) {
   const sorted = [...processes];
@@ -433,13 +518,21 @@ function useProcesses(interval2) {
   const [error, setError] = useState(null);
   const [selectedIndex, setSelectedIndex] = useState(0);
   const [sortField, setSortField] = useState("default");
+  const sessionLineNumbers = useRef2(/* @__PURE__ */ new Map());
   const refresh = useCallback(async () => {
     try {
       const procs = await getClaudeProcesses();
       const enriched = await Promise.all(
         procs.map(async (proc) => {
           const sessionPath = await getSessionPath(proc.cwd, proc.startTime);
-          const messages = await getRecentMessages(sessionPath);
+          const messages = await getAllMessages(sessionPath);
+          if (sessionPath && !sessionLineNumbers.current.has(sessionPath)) {
+            const content = await import("fs/promises").then(
+              (m) => m.readFile(sessionPath, "utf-8").catch(() => "")
+            );
+            const lines = content.trim().split("\n");
+            sessionLineNumbers.current.set(sessionPath, lines.length);
+          }
           return {
             ...proc,
             sessionPath,
@@ -458,7 +551,37 @@ function useProcesses(interval2) {
       setLoading(false);
     }
   }, []);
-  useEffect(() => {
+  const updateSessionMessages = useCallback(async (sessionPath) => {
+    if (!sessionPath) return;
+    try {
+      const fromLine = sessionLineNumbers.current.get(sessionPath) || 0;
+      const { messages: newMessages, totalLines } = await getNewMessages(
+        sessionPath,
+        fromLine
+      );
+      if (newMessages.length > 0) {
+        setRawProcesses(
+          (prev) => prev.map((proc) => {
+            if (proc.sessionPath === sessionPath) {
+              return {
+                ...proc,
+                messages: [...proc.messages, ...newMessages]
+              };
+            }
+            return proc;
+          })
+        );
+        sessionLineNumbers.current.set(sessionPath, totalLines);
+      }
+    } catch {
+    }
+  }, []);
+  const sessionPaths = useMemo(
+    () => rawProcesses.map((p) => p.sessionPath).filter((p) => p),
+    [rawProcesses]
+  );
+  useSessionWatcher(sessionPaths, updateSessionMessages);
+  useEffect2(() => {
     refresh();
     const timer = setInterval(refresh, interval2 * 1e3);
     return () => clearInterval(timer);
@@ -590,7 +713,7 @@ function App({ interval: interval2 }) {
               height: contentHeight,
               paddingX: 4,
               paddingY: 2,
-              children: /* @__PURE__ */ jsx7(DetailPanel, { process: selectedProcess })
+              children: /* @__PURE__ */ jsx7(DetailPanel, { process: selectedProcess, isLive: true })
             }
           )
         ] }),
@@ -670,7 +793,7 @@ var cli = meow(
 );
 var { list, json, interval } = cli.flags;
 if (list || json) {
-  const { getClaudeProcesses: getClaudeProcesses2 } = await import("./process-2SZ7S64S.js");
+  const { getClaudeProcesses: getClaudeProcesses2 } = await import("./process-AUO5UVTV.js");
   const processes = await getClaudeProcesses2();
   if (json) {
     console.log(JSON.stringify(processes, null, 2));

package/dist/{process-2SZ7S64S.js → process-AUO5UVTV.js}

@@ -2,7 +2,7 @@
 import {
   getClaudeProcesses,
   killProcess
-} from "./chunk-TPK4XYR3.js";
+} from "./chunk-EZHIVMX4.js";
 export {
   getClaudeProcesses,
   killProcess

package/package.json

@@ -1,13 +1,15 @@
 {
 	"name": "claude-ps",
-	"version": "0.2.2",
+	"version": "0.2.3",
 	"description": "TUI application for viewing and managing Claude Code processes",
 	"type": "module",
 	"main": "dist/index.js",
 	"bin": {
 		"claude-ps": "dist/index.js"
 	},
-	"files": ["dist"],
+	"files": [
+		"dist"
+	],
 	"scripts": {
 		"dev": "tsx src/index.tsx",
 		"build": "tsup",
@@ -17,11 +19,17 @@
 		"typecheck": "tsc --noEmit",
 		"all": "pnpm format && pnpm typecheck && pnpm lint"
 	},
-	"keywords": ["claude", "tui", "terminal", "process-manager"],
+	"keywords": [
+		"claude",
+		"tui",
+		"terminal",
+		"process-manager"
+	],
 	"author": "ziheng",
 	"license": "MIT",
 	"dependencies": {
 		"chalk": "^5.3.0",
+		"chokidar": "^4.0.3",
 		"fullscreen-ink": "^0.1.0",
 		"ink": "^5.0.1",
 		"meow": "^13.2.0",