projax 3.3.67 → 3.3.68

package/dist/prxi.js

@@ -816,6 +816,7 @@ const App = () => {
     const [showTerminalPanel, setShowTerminalPanel] = (0, react_1.useState)(false);
     const [terminalLogs, setTerminalLogs] = (0, react_1.useState)([]);
     const [selectedProcessPid, setSelectedProcessPid] = (0, react_1.useState)(null);
+    const [selectedProcessIndex, setSelectedProcessIndex] = (0, react_1.useState)(0);
     // Settings state
     const [settings, setSettings] = (0, react_1.useState)({
         editor: { type: 'vscode' },
@@ -984,6 +985,15 @@ const App = () => {
     (0, react_1.useEffect)(() => {
         applyFilterAndSort(allProjects, searchQuery, filterType, sortType);
     }, [filterType, sortType, runningProcesses]);
+    // Reset/clamp selectedProcessIndex when processes change
+    (0, react_1.useEffect)(() => {
+        if (runningProcesses.length === 0) {
+            setSelectedProcessIndex(0);
+        }
+        else {
+            setSelectedProcessIndex((prev) => Math.min(prev, runningProcesses.length - 1));
+        }
+    }, [runningProcesses.length]);
     const loadRunningProcesses = async () => {
         try {
             const processes = await (0, script_runner_1.getRunningProcessesClean)();
@@ -1310,10 +1320,38 @@ const App = () => {
         }
         // Handle navigation in processes view
         if (currentView === 'processes') {
+            if (key.upArrow || input === 'k') {
+                setSelectedProcessIndex((prev) => Math.max(0, prev - 1));
+                return;
+            }
+            if (key.downArrow || input === 'j') {
+                setSelectedProcessIndex((prev) => Math.min(runningProcesses.length - 1, prev + 1));
+                return;
+            }
             if (input === 'x' && runningProcesses.length > 0) {
-                // Stop all processes (or could select one)
+                // Stop the selected process
+                const selectedProc = runningProcesses[selectedProcessIndex];
+                if (!selectedProc)
+                    return;
+                setIsLoading(true);
+                setLoadingMessage(`Stopping process ${selectedProc.pid}...`);
+                setTimeout(async () => {
+                    try {
+                        await (0, script_runner_1.stopScript)(selectedProc.pid);
+                        await loadRunningProcesses();
+                        setIsLoading(false);
+                    }
+                    catch (err) {
+                        setIsLoading(false);
+                        setError(err instanceof Error ? err.message : String(err));
+                    }
+                }, 100);
+                return;
+            }
+            if (input === 'X' && runningProcesses.length > 0) {
+                // Stop ALL processes
                 setIsLoading(true);
-                setLoadingMessage('Stopping processes...');
+                setLoadingMessage('Stopping all processes...');
                 setTimeout(async () => {
                     try {
                         for (const proc of runningProcesses) {
@@ -1846,19 +1884,24 @@ const App = () => {
             // Ignore workspace loading errors
         }
     };
-    // Render Processes view placeholder
+    // Render Processes view
     const renderProcessesView = () => (react_1.default.createElement(ink_1.Box, { flexDirection: "column", padding: 2 },
         react_1.default.createElement(ink_1.Text, { bold: true, color: colors.accentCyan },
             "Running Processes (",
             runningProcesses.length,
             ")"),
         react_1.default.createElement(ink_1.Text, null, " "),
-        runningProcesses.length === 0 ? (react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, "No running processes")) : (runningProcesses.map((proc) => {
+        runningProcesses.length === 0 ? (react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, "No running processes")) : (runningProcesses.map((proc, index) => {
             const uptime = Math.floor((Date.now() - proc.startedAt) / 1000);
             const minutes = Math.floor(uptime / 60);
             const seconds = uptime % 60;
             const uptimeStr = minutes > 0 ? `${minutes}m ${seconds}s` : `${seconds}s`;
-            return (react_1.default.createElement(ink_1.Text, { key: proc.pid, color: colors.textPrimary },
+            const isSelected = index === selectedProcessIndex;
+            const portsStr = proc.detectedPorts && proc.detectedPorts.length > 0
+                ? ` [ports: ${proc.detectedPorts.join(', ')}]`
+                : '';
+            return (react_1.default.createElement(ink_1.Text, { key: proc.pid, color: isSelected ? colors.accentCyan : colors.textPrimary, bold: isSelected },
+                isSelected ? '> ' : '  ',
                 react_1.default.createElement(ink_1.Text, { color: colors.accentGreen }, "\u25CF"),
                 " PID ",
                 proc.pid,
@@ -1867,10 +1910,13 @@ const App = () => {
                 " (",
                 proc.scriptName,
                 ") - ",
-                uptimeStr));
+                uptimeStr,
+                portsStr && react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, portsStr)));
         })),
         react_1.default.createElement(ink_1.Text, null, " "),
-        react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, "Press 1 to return to Projects")));
+        react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, runningProcesses.length > 0
+            ? 'up/down: navigate | x: stop selected | X: stop all | 1: back to projects'
+            : 'Press 1 to return to Projects')));
     // Render Settings view
     const renderSettingsView = () => {
         const currentOptions = settingsSection === 'editor' ? settingsEditorOptions : settingsBrowserOptions;

package/dist/prxi.tsx

@@ -1191,6 +1191,7 @@ const App: React.FC = () => {
   const [showTerminalPanel, setShowTerminalPanel] = useState(false);
   const [terminalLogs, setTerminalLogs] = useState<string[]>([]);
   const [selectedProcessPid, setSelectedProcessPid] = useState<number | null>(null);
+  const [selectedProcessIndex, setSelectedProcessIndex] = useState(0);
 
   // Settings state
   const [settings, setSettings] = useState<AppSettings>({
@@ -1382,6 +1383,15 @@ const App: React.FC = () => {
     applyFilterAndSort(allProjects, searchQuery, filterType, sortType);
   }, [filterType, sortType, runningProcesses]);
 
+  // Reset/clamp selectedProcessIndex when processes change
+  useEffect(() => {
+    if (runningProcesses.length === 0) {
+      setSelectedProcessIndex(0);
+    } else {
+      setSelectedProcessIndex((prev) => Math.min(prev, runningProcesses.length - 1));
+    }
+  }, [runningProcesses.length]);
+
   const loadRunningProcesses = async () => {
     try {
       const processes = await getRunningProcessesClean();
@@ -1733,10 +1743,36 @@ const App: React.FC = () => {
 
     // Handle navigation in processes view
     if (currentView === 'processes') {
+      if (key.upArrow || input === 'k') {
+        setSelectedProcessIndex((prev) => Math.max(0, prev - 1));
+        return;
+      }
+      if (key.downArrow || input === 'j') {
+        setSelectedProcessIndex((prev) => Math.min(runningProcesses.length - 1, prev + 1));
+        return;
+      }
       if (input === 'x' && runningProcesses.length > 0) {
-        // Stop all processes (or could select one)
+        // Stop the selected process
+        const selectedProc = runningProcesses[selectedProcessIndex];
+        if (!selectedProc) return;
+        setIsLoading(true);
+        setLoadingMessage(`Stopping process ${selectedProc.pid}...`);
+        setTimeout(async () => {
+          try {
+            await stopScript(selectedProc.pid);
+            await loadRunningProcesses();
+            setIsLoading(false);
+          } catch (err) {
+            setIsLoading(false);
+            setError(err instanceof Error ? err.message : String(err));
+          }
+        }, 100);
+        return;
+      }
+      if (input === 'X' && runningProcesses.length > 0) {
+        // Stop ALL processes
         setIsLoading(true);
-        setLoadingMessage('Stopping processes...');
+        setLoadingMessage('Stopping all processes...');
         setTimeout(async () => {
           try {
             for (const proc of runningProcesses) {
@@ -2439,7 +2475,7 @@ const App: React.FC = () => {
     }
   };
 
-  // Render Processes view placeholder
+  // Render Processes view
   const renderProcessesView = () => (
     <Box flexDirection="column" padding={2}>
       <Text bold color={colors.accentCyan}>Running Processes ({runningProcesses.length})</Text>
@@ -2447,20 +2483,30 @@ const App: React.FC = () => {
       {runningProcesses.length === 0 ? (
         <Text color={colors.textTertiary}>No running processes</Text>
       ) : (
-        runningProcesses.map((proc: any) => {
+        runningProcesses.map((proc: any, index: number) => {
           const uptime = Math.floor((Date.now() - proc.startedAt) / 1000);
           const minutes = Math.floor(uptime / 60);
           const seconds = uptime % 60;
           const uptimeStr = minutes > 0 ? `${minutes}m ${seconds}s` : `${seconds}s`;
+          const isSelected = index === selectedProcessIndex;
+          const portsStr = proc.detectedPorts && proc.detectedPorts.length > 0
+            ? ` [ports: ${proc.detectedPorts.join(', ')}]`
+            : '';
           return (
-            <Text key={proc.pid} color={colors.textPrimary}>
+            <Text key={proc.pid} color={isSelected ? colors.accentCyan : colors.textPrimary} bold={isSelected}>
+              {isSelected ? '> ' : '  '}
               <Text color={colors.accentGreen}>●</Text> PID {proc.pid}: {proc.projectName} ({proc.scriptName}) - {uptimeStr}
+              {portsStr && <Text color={colors.accentCyan}>{portsStr}</Text>}
             </Text>
           );
         })
       )}
       <Text> </Text>
-      <Text color={colors.textTertiary}>Press 1 to return to Projects</Text>
+      <Text color={colors.textTertiary}>
+        {runningProcesses.length > 0
+          ? 'up/down: navigate | x: stop selected | X: stop all | 1: back to projects'
+          : 'Press 1 to return to Projects'}
+      </Text>
     </Box>
   );
 

package/package.json

@@ -1,28 +1,11 @@
 {
   "name": "projax",
-  "version": "3.3.67",
+  "version": "3.3.68",
   "description": "Cross-platform project management dashboard for tracking local development projects. Features CLI, Terminal UI, Desktop app, REST API, and built-in tools for test detection, port management, and script execution.",
   "main": "dist/index.js",
   "bin": {
     "prx": "./dist/index.js"
   },
-  "scripts": {
-    "build": "tsc",
-    "typecheck": "echo \"Skipping cli typecheck (legacy)\"",
-    "lint": "echo \"Skipping cli lint (not configured)\"",
-    "lint:fix": "echo \"Skipping cli lint (not configured)\"",
-    "build:electron": "cd ../desktop && pnpm run build",
-    "copy:electron": "mkdir -p dist/electron && cp -r ../desktop/dist/* dist/electron/ && cp dist/script-runner.* dist/electron/ && cp dist/port-*.* dist/electron/ && cp -R dist/core dist/electron/",
-    "copy:api": "mkdir -p dist/api && cp -r ../api/dist/* dist/api/ && cp ../api/package.json dist/api/",
-    "copy:core": "mkdir -p dist/core && cp -r ../core/dist/* dist/core/",
-    "copy:prxi": "cp src/prxi.tsx dist/prxi.tsx",
-    "build:all": "pnpm run build && pnpm run copy:core && pnpm run build:electron && pnpm run copy:electron && pnpm run copy:api && pnpm run copy:prxi",
-    "clean": "rm -rf dist",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
-    "prepublishOnly": "pnpm run build:all"
-  },
   "dependencies": {
     "chokidar": "^3.6.0",
     "commander": "^11.1.0",
@@ -74,5 +57,21 @@
   },
   "homepage": "https://projax.dev",
   "author": "",
-  "license": "MIT"
-}
+  "license": "MIT",
+  "scripts": {
+    "build": "tsc",
+    "typecheck": "echo \"Skipping cli typecheck (legacy)\"",
+    "lint": "echo \"Skipping cli lint (not configured)\"",
+    "lint:fix": "echo \"Skipping cli lint (not configured)\"",
+    "build:electron": "cd ../desktop && pnpm run build",
+    "copy:electron": "mkdir -p dist/electron && cp -r ../desktop/dist/* dist/electron/ && cp dist/script-runner.* dist/electron/ && cp dist/port-*.* dist/electron/ && cp -R dist/core dist/electron/",
+    "copy:api": "mkdir -p dist/api && cp -r ../api/dist/* dist/api/ && cp ../api/package.json dist/api/",
+    "copy:core": "mkdir -p dist/core && cp -r ../core/dist/* dist/core/",
+    "copy:prxi": "cp src/prxi.tsx dist/prxi.tsx",
+    "build:all": "pnpm run build && pnpm run copy:core && pnpm run build:electron && pnpm run copy:electron && pnpm run copy:api && pnpm run copy:prxi",
+    "clean": "rm -rf dist",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage"
+  }
+}