projax 3.3.66 → 3.3.68

package/dist/prxi.js

@@ -139,6 +139,7 @@ const HelpModal = ({ onClose }) => {
         react_1.default.createElement(ink_1.Text, null, "  u          Show detected URLs"),
         react_1.default.createElement(ink_1.Text, null, "  s          Scan project for tests"),
         react_1.default.createElement(ink_1.Text, null, "  p          Scan ports for project"),
+        react_1.default.createElement(ink_1.Text, null, "  Enter      Run selected script (in details panel)"),
         react_1.default.createElement(ink_1.Text, null, "  r          Run scripts (select from list)"),
         react_1.default.createElement(ink_1.Text, null, "  x          Stop all scripts for project"),
         react_1.default.createElement(ink_1.Text, null, "  d          Delete project (with confirmation)"),
@@ -336,12 +337,12 @@ const ScriptSelectionModal = ({ scripts, projectName, projectPath, onSelect, onC
         }
         if (key.return) {
             const [scriptName] = scriptArray[selectedIndex];
-            onSelect(scriptName, false);
+            onSelect(scriptName, true);
             return;
         }
-        if (input === 'b') {
+        if (input === 'f') {
             const [scriptName] = scriptArray[selectedIndex];
-            onSelect(scriptName, true);
+            onSelect(scriptName, false);
             return;
         }
     });
@@ -359,7 +360,7 @@ const ScriptSelectionModal = ({ scripts, projectName, projectPath, onSelect, onC
                 react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, truncateText(script.command, 50))));
         }),
         react_1.default.createElement(ink_1.Text, null, " "),
-        react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, "\u2191\u2193/kj: Navigate | Enter: Run | b: Background | Esc/q: Cancel")));
+        react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, "\u2191\u2193/kj: Navigate | Enter: Run (bg) | f: Foreground | Esc/q: Cancel")));
 };
 const ProjectListComponent = ({ projects, selectedIndex, runningProcesses, isFocused, height, scrollOffset, gitBranches, filterType, sortType, }) => {
     const { focus } = (0, ink_1.useFocus)({ id: 'projectList' });
@@ -415,7 +416,7 @@ const ProjectListComponent = ({ projects, selectedIndex, runningProcesses, isFoc
                 projects.length - endIndex,
                 " more below")))))));
 };
-const ProjectDetailsComponent = ({ project, runningProcesses, isFocused, editingName, editingDescription, editingTags, editInput, allTags, onTagRemove, height, scrollOffset, gitBranch, }) => {
+const ProjectDetailsComponent = ({ project, runningProcesses, isFocused, editingName, editingDescription, editingTags, editInput, allTags, onTagRemove, height, scrollOffset, gitBranch, selectedScriptIndex, }) => {
     const { focus } = (0, ink_1.useFocus)({ id: 'projectDetails' });
     const [scripts, setScripts] = (0, react_1.useState)(null);
     const [ports, setPorts] = (0, react_1.useState)([]);
@@ -572,10 +573,11 @@ const ProjectDetailsComponent = ({ project, runningProcesses, isFocused, editing
             "Available Scripts (",
             react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, scripts.scripts.size),
             "):"));
-        Array.from(scripts.scripts.entries()).forEach(([name, script]) => {
-            contentLines.push(react_1.default.createElement(ink_1.Text, { key: `script-${name}` },
-                '  ',
-                react_1.default.createElement(ink_1.Text, { color: colors.accentGreen }, name),
+        Array.from(scripts.scripts.entries()).forEach(([name, script], idx) => {
+            const isScriptSelected = isFocused && idx === selectedScriptIndex;
+            contentLines.push(react_1.default.createElement(ink_1.Text, { key: `script-${name}`, bold: isScriptSelected },
+                isScriptSelected ? '▶ ' : '  ',
+                react_1.default.createElement(ink_1.Text, { color: isScriptSelected ? colors.accentCyan : colors.accentGreen }, name),
                 ' - ',
                 react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, truncateText(script.command, 60))));
         });
@@ -806,6 +808,7 @@ const App = () => {
     // Script selection state
     const [showScriptModal, setShowScriptModal] = (0, react_1.useState)(false);
     const [scriptModalData, setScriptModalData] = (0, react_1.useState)(null);
+    const [detailSelectedScript, setDetailSelectedScript] = (0, react_1.useState)(0);
     // Workspace state
     const [workspaces, setWorkspaces] = (0, react_1.useState)([]);
     const [selectedWorkspaceIndex, setSelectedWorkspaceIndex] = (0, react_1.useState)(0);
@@ -813,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' },
@@ -876,6 +880,7 @@ const App = () => {
         setEditingTags(false);
         setEditInput('');
         setDetailsScrollOffset(0); // Reset scroll when switching projects
+        setDetailSelectedScript(0); // Reset selected script
     }, [selectedIndex]);
     // Load workspaces when switching to workspaces view
     (0, react_1.useEffect)(() => {
@@ -980,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)();
@@ -1306,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 processes...');
+                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 all processes...');
                 setTimeout(async () => {
                     try {
                         for (const proc of runningProcesses) {
@@ -1536,15 +1578,54 @@ const App = () => {
         }
         // Details panel actions
         if (focusedPanel === 'details' && selectedProject) {
-            // Scroll details panel
+            // Navigate scripts in details panel
             if (key.upArrow || input === 'k') {
-                setDetailsScrollOffset(prev => Math.max(0, prev - 1));
+                const projectScripts = (0, script_runner_1.getProjectScripts)(selectedProject.path);
+                if (projectScripts.scripts.size > 0) {
+                    setDetailSelectedScript(prev => Math.max(0, prev - 1));
+                }
+                else {
+                    setDetailsScrollOffset(prev => Math.max(0, prev - 1));
+                }
                 return;
             }
             if (key.downArrow || input === 'j') {
-                const visibleHeight = Math.max(1, availableHeight - 3);
-                // Estimate content height (rough calculation)
-                setDetailsScrollOffset(prev => prev + 1);
+                const projectScripts = (0, script_runner_1.getProjectScripts)(selectedProject.path);
+                if (projectScripts.scripts.size > 0) {
+                    setDetailSelectedScript(prev => Math.min(projectScripts.scripts.size - 1, prev + 1));
+                }
+                else {
+                    setDetailsScrollOffset(prev => prev + 1);
+                }
+                return;
+            }
+            // Run selected script with Enter
+            if (key.return) {
+                try {
+                    const projectScripts = (0, script_runner_1.getProjectScripts)(selectedProject.path);
+                    if (projectScripts.scripts.size > 0) {
+                        const scriptArray = Array.from(projectScripts.scripts.keys());
+                        const scriptName = scriptArray[detailSelectedScript];
+                        if (scriptName) {
+                            setIsLoading(true);
+                            setLoadingMessage(`Running ${scriptName} in background...`);
+                            setTimeout(async () => {
+                                try {
+                                    await (0, script_runner_1.runScriptInBackground)(selectedProject.path, selectedProject.name, scriptName, [], false);
+                                    setIsLoading(false);
+                                    await loadRunningProcesses();
+                                }
+                                catch (err) {
+                                    setIsLoading(false);
+                                    setError(err instanceof Error ? err.message : String(err));
+                                }
+                            }, 100);
+                        }
+                    }
+                }
+                catch (err) {
+                    setError(err instanceof Error ? err.message : String(err));
+                }
                 return;
             }
             // Edit name
@@ -1744,7 +1825,7 @@ const App = () => {
     const renderProjectsView = () => (react_1.default.createElement(ink_1.Box, { flexDirection: "row", height: availableHeight, flexGrow: 0, flexShrink: 0 },
         react_1.default.createElement(ProjectListComponent, { projects: projects, selectedIndex: selectedIndex, runningProcesses: runningProcesses, isFocused: focusedPanel === 'list', height: availableHeight, scrollOffset: listScrollOffset, gitBranches: gitBranches, filterType: filterType, sortType: sortType }),
         react_1.default.createElement(ink_1.Box, { width: 1 }),
-        react_1.default.createElement(ProjectDetailsComponent, { project: selectedProject, runningProcesses: runningProcesses, isFocused: focusedPanel === 'details', editingName: editingName, editingDescription: editingDescription, editingTags: editingTags, editInput: editInput, allTags: allTags, onTagRemove: handleTagRemove, height: availableHeight, scrollOffset: detailsScrollOffset, gitBranch: selectedProject ? gitBranches.get(selectedProject.id) || null : null }),
+        react_1.default.createElement(ProjectDetailsComponent, { project: selectedProject, runningProcesses: runningProcesses, isFocused: focusedPanel === 'details', editingName: editingName, editingDescription: editingDescription, editingTags: editingTags, editInput: editInput, allTags: allTags, onTagRemove: handleTagRemove, height: availableHeight, scrollOffset: detailsScrollOffset, gitBranch: selectedProject ? gitBranches.get(selectedProject.id) || null : null, selectedScriptIndex: detailSelectedScript }),
         showTerminalPanel && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(ink_1.Box, { width: 1 }),
             react_1.default.createElement(TerminalOutputPanel, { processes: runningProcesses, selectedPid: selectedProcessPid, height: availableHeight, onSelectProcess: (pid) => setSelectedProcessPid(pid) })))));
@@ -1803,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,
@@ -1824,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

@@ -162,6 +162,7 @@ const HelpModal: React.FC<HelpModalProps> = ({ onClose }) => {
       <Text>  u          Show detected URLs</Text>
       <Text>  s          Scan project for tests</Text>
       <Text>  p          Scan ports for project</Text>
+      <Text>  Enter      Run selected script (in details panel)</Text>
       <Text>  r          Run scripts (select from list)</Text>
       <Text>  x          Stop all scripts for project</Text>
       <Text>  d          Delete project (with confirmation)</Text>
@@ -470,13 +471,13 @@ const ScriptSelectionModal: React.FC<ScriptSelectionModalProps> = ({
 
     if (key.return) {
       const [scriptName] = scriptArray[selectedIndex];
-      onSelect(scriptName, false);
+      onSelect(scriptName, true);
       return;
     }
 
-    if (input === 'b') {
+    if (input === 'f') {
       const [scriptName] = scriptArray[selectedIndex];
-      onSelect(scriptName, true);
+      onSelect(scriptName, false);
       return;
     }
   });
@@ -505,7 +506,7 @@ const ScriptSelectionModal: React.FC<ScriptSelectionModalProps> = ({
         );
       })}
       <Text> </Text>
-      <Text color={colors.textSecondary}>↑↓/kj: Navigate | Enter: Run | b: Background | Esc/q: Cancel</Text>
+      <Text color={colors.textSecondary}>↑↓/kj: Navigate | Enter: Run (bg) | f: Foreground | Esc/q: Cancel</Text>
     </Box>
   );
 };
@@ -631,6 +632,7 @@ interface ProjectDetailsProps {
   height: number;
   scrollOffset: number;
   gitBranch: string | null;
+  selectedScriptIndex: number;
 }
 
 const ProjectDetailsComponent: React.FC<ProjectDetailsProps> = ({
@@ -646,6 +648,7 @@ const ProjectDetailsComponent: React.FC<ProjectDetailsProps> = ({
   height,
   scrollOffset,
   gitBranch,
+  selectedScriptIndex,
 }) => {
   const { focus } = useFocus({ id: 'projectDetails' });
   const [scripts, setScripts] = useState<any>(null);
@@ -858,11 +861,12 @@ const ProjectDetailsComponent: React.FC<ProjectDetailsProps> = ({
             Available Scripts (<Text color={colors.accentCyan}>{scripts.scripts.size}</Text>):
           </Text>
     );
-    Array.from(scripts.scripts.entries() as IterableIterator<[string, any]>).forEach(([name, script]) => {
+    Array.from(scripts.scripts.entries() as IterableIterator<[string, any]>).forEach(([name, script], idx) => {
+      const isScriptSelected = isFocused && idx === selectedScriptIndex;
       contentLines.push(
-        <Text key={`script-${name}`}>
-              {'  '}
-              <Text color={colors.accentGreen}>{name}</Text>
+        <Text key={`script-${name}`} bold={isScriptSelected}>
+              {isScriptSelected ? '▶ ' : '  '}
+              <Text color={isScriptSelected ? colors.accentCyan : colors.accentGreen}>{name}</Text>
               {' - '}
           <Text color={colors.textSecondary}>{truncateText(script.command, 60)}</Text>
             </Text>
@@ -1177,6 +1181,7 @@ const App: React.FC = () => {
   // Script selection state
   const [showScriptModal, setShowScriptModal] = useState(false);
   const [scriptModalData, setScriptModalData] = useState<{ scripts: Map<string, any>; projectName: string; projectPath: string } | null>(null);
+  const [detailSelectedScript, setDetailSelectedScript] = useState(0);
 
   // Workspace state
   const [workspaces, setWorkspaces] = useState<Workspace[]>([]);
@@ -1186,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>({
@@ -1256,6 +1262,7 @@ const App: React.FC = () => {
     setEditingTags(false);
     setEditInput('');
     setDetailsScrollOffset(0); // Reset scroll when switching projects
+    setDetailSelectedScript(0); // Reset selected script
   }, [selectedIndex]);
 
   // Load workspaces when switching to workspaces view
@@ -1376,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();
@@ -1727,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 processes...');
+        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 all processes...');
         setTimeout(async () => {
           try {
             for (const proc of runningProcesses) {
@@ -1969,16 +2011,52 @@ const App: React.FC = () => {
 
     // Details panel actions
     if (focusedPanel === 'details' && selectedProject) {
-      // Scroll details panel
+      // Navigate scripts in details panel
       if (key.upArrow || input === 'k') {
-        setDetailsScrollOffset(prev => Math.max(0, prev - 1));
+        const projectScripts = getProjectScripts(selectedProject.path);
+        if (projectScripts.scripts.size > 0) {
+          setDetailSelectedScript(prev => Math.max(0, prev - 1));
+        } else {
+          setDetailsScrollOffset(prev => Math.max(0, prev - 1));
+        }
         return;
       }
 
       if (key.downArrow || input === 'j') {
-        const visibleHeight = Math.max(1, availableHeight - 3);
-        // Estimate content height (rough calculation)
-        setDetailsScrollOffset(prev => prev + 1);
+        const projectScripts = getProjectScripts(selectedProject.path);
+        if (projectScripts.scripts.size > 0) {
+          setDetailSelectedScript(prev => Math.min(projectScripts.scripts.size - 1, prev + 1));
+        } else {
+          setDetailsScrollOffset(prev => prev + 1);
+        }
+        return;
+      }
+
+      // Run selected script with Enter
+      if (key.return) {
+        try {
+          const projectScripts = getProjectScripts(selectedProject.path);
+          if (projectScripts.scripts.size > 0) {
+            const scriptArray = Array.from(projectScripts.scripts.keys());
+            const scriptName = scriptArray[detailSelectedScript];
+            if (scriptName) {
+              setIsLoading(true);
+              setLoadingMessage(`Running ${scriptName} in background...`);
+              setTimeout(async () => {
+                try {
+                  await runScriptInBackground(selectedProject.path, selectedProject.name, scriptName, [], false);
+                  setIsLoading(false);
+                  await loadRunningProcesses();
+                } catch (err) {
+                  setIsLoading(false);
+                  setError(err instanceof Error ? err.message : String(err));
+                }
+              }, 100);
+            }
+          }
+        } catch (err) {
+          setError(err instanceof Error ? err.message : String(err));
+        }
         return;
       }
 
@@ -2283,6 +2361,7 @@ const App: React.FC = () => {
         height={availableHeight}
         scrollOffset={detailsScrollOffset}
         gitBranch={selectedProject ? gitBranches.get(selectedProject.id) || null : null}
+        selectedScriptIndex={detailSelectedScript}
       />
       {showTerminalPanel && (
         <>
@@ -2396,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>
@@ -2404,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.66",
+  "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"
+  }
+}