@mrpatronz/nexusflow 0.2.12 → 0.2.13

package/gui/src/features/workspace/WorkspaceList.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Play, RefreshCw, FolderGit2, Sparkles, ExternalLink, Trash2 } from 'lucide-react';
-import type { Feature, RunningService, ServiceConfig, OrchestrationDetection, RepoInfo } from '../../types.js';
+import { Play, RefreshCw, FolderGit2, Sparkles, ExternalLink, Trash2, Terminal, Cpu, Layers, Copy, Check } from 'lucide-react';
+import type { Feature, RunningService, ServiceConfig, OrchestrationDetection, RepoInfo, DetectedAI } from '../../types.js';
 
 // Feature subcomponents
 import { SessionHistory } from '../sessions/SessionHistory.js';
@@ -82,8 +82,9 @@ interface WorkspaceListProps {
   fetchSessionTranscript: (assistant: string, sessionId: string) => Promise<void>;
 
   // Navigation tab states
-  subTab: any;
-  setSubTab: (tab: any) => void;
+  subTab: 'overview' | 'sessions' | 'services' | 'changes' | 'knowledge' | 'plan';
+  setSubTab: (tab: 'overview' | 'sessions' | 'services' | 'changes' | 'knowledge' | 'plan') => void;
+  aiAssistants: DetectedAI[];
 }
 
 const parseInlineStyles = (text: string): React.ReactNode => {
@@ -241,7 +242,15 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
   // Tabs
   subTab,
   setSubTab,
+  aiAssistants,
 }) => {
+  const [copiedText, setCopiedText] = React.useState<string | null>(null);
+  const handleCopy = (text: string) => {
+    navigator.clipboard.writeText(text);
+    setCopiedText(text);
+    setTimeout(() => setCopiedText(null), 2000);
+  };
+
   return (
     <div className="max-w-5xl mx-auto">
       <header className="flex justify-between items-center mb-8">
@@ -276,19 +285,19 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
           {workspaces.map((ws) => {
             const isExpanded = activeWsId === ws.branchName;
             return (
-              <div key={ws.id} className="bg-[#111827]/40 border border-gray-800/80 rounded-xl p-6 shadow-md">
+              <div key={ws.id} className="glass-card p-8 rounded-2xl shadow-xl hover:shadow-2xl border border-slate-800/40 relative overflow-hidden transition-all duration-300 before:absolute before:inset-x-0 before:top-0 before:h-[1px] before:bg-gradient-to-r before:from-indigo-500/10 via-purple-500/10 to-transparent">
                 <div className="flex justify-between items-start gap-4 mb-4">
                   <div>
                     <h3 className="text-lg font-bold text-white hover:text-indigo-400 transition-colors">{ws.branchName}</h3>
-                    <div className="flex items-center gap-3 text-xs text-gray-500 mt-1">
+                    <div className="flex items-center gap-3 text-xs text-slate-500 mt-1">
                       <span>Created: {new Date(ws.createdAt).toLocaleDateString()}</span>
-                      <span className="h-1 w-1 rounded-full bg-gray-700"></span>
+                      <span className="h-1 w-1 rounded-full bg-slate-850"></span>
                       <span>{ws.repos.length} repos</span>
                     </div>
                   </div>
                   <div className="flex gap-2">
                     <button
-                      className="inline-flex items-center justify-center gap-1.5 px-3.5 py-2 bg-emerald-650 hover:bg-emerald-600 text-white rounded-lg text-xs font-semibold transition-all cursor-pointer shadow-md shadow-emerald-600/10 disabled:opacity-40 disabled:cursor-not-allowed"
+                      className="inline-flex items-center justify-center gap-1.5 px-3.5 py-2.5 bg-emerald-650 hover:bg-emerald-600 text-white rounded-xl text-xs font-semibold transition-all cursor-pointer shadow-md shadow-emerald-600/10 disabled:opacity-40 disabled:cursor-not-allowed"
                       onClick={() => handleResumeSession(ws)}
                       disabled={resumingWs === ws.branchName}
                     >
@@ -296,19 +305,19 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                       {resumingWs === ws.branchName ? 'Resuming...' : 'Resume Session'}
                     </button>
                     <button
-                      className="inline-flex items-center justify-center gap-1.5 px-3.5 py-2 bg-gray-900 border border-gray-800 hover:bg-gray-800 hover:border-gray-700 rounded-lg text-xs font-semibold transition-all cursor-pointer"
+                      className="inline-flex items-center justify-center gap-1.5 px-3.5 py-2.5 bg-slate-900 border border-slate-800/80 hover:bg-slate-800 hover:border-slate-700 rounded-xl text-xs font-semibold transition-all cursor-pointer text-slate-350 hover:text-white"
                       onClick={() => handleCopyPrompt(ws)}
                     >
                       <Sparkles size={12} className="text-cyan-400" /> Copy Prompt
                     </button>
                     <button
-                      className="inline-flex items-center justify-center gap-1.5 px-3.5 py-2 bg-gray-900 border border-gray-800 hover:bg-gray-800 hover:border-gray-700 rounded-lg text-xs font-semibold transition-all cursor-pointer"
+                      className="inline-flex items-center justify-center gap-1.5 px-3.5 py-2.5 bg-slate-900 border border-slate-800/80 hover:bg-slate-800 hover:border-slate-700 rounded-xl text-xs font-semibold transition-all cursor-pointer text-slate-350 hover:text-white"
                       onClick={() => handleOpenInEditor(ws.workspacePath)}
                     >
                       <ExternalLink size={12} /> Open
                     </button>
                     <button
-                      className="inline-flex items-center justify-center gap-1.5 px-3.5 py-2 bg-indigo-500 hover:bg-indigo-600 text-white rounded-lg text-xs font-semibold transition-all cursor-pointer shadow-md shadow-indigo-500/10"
+                      className="inline-flex items-center justify-center gap-1.5 px-3.5 py-2.5 bg-indigo-500 hover:bg-indigo-600 text-white rounded-xl text-xs font-semibold transition-all cursor-pointer shadow-md shadow-indigo-500/10"
                       onClick={() => {
                         if (isExpanded) {
                           setActiveWsId(null);
@@ -320,7 +329,7 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                       {isExpanded ? 'Hide Runner' : 'Orchestrate'}
                     </button>
                     <button
-                      className="inline-flex items-center justify-center gap-1.5 px-3.5 py-2 bg-red-950/40 border border-red-900/60 hover:bg-red-900/60 hover:border-red-800 rounded-lg text-xs font-semibold text-red-200 transition-all cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed animate-fade-in"
+                      className="inline-flex items-center justify-center gap-1.5 px-3.5 py-2.5 bg-red-950/40 border border-red-900/60 hover:bg-red-900/60 hover:border-red-800 rounded-xl text-xs font-semibold text-red-200 transition-all cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed animate-fade-in"
                       onClick={() => handleDeleteWorkspace(ws.branchName)}
                       disabled={deleteWsLoading === ws.branchName}
                     >
@@ -330,14 +339,14 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                   </div>
                 </div>
 
-                <div className="text-xs text-gray-400 bg-gray-950/40 border-l-2 border-indigo-500 rounded-r-lg px-4 py-3 mb-4 font-medium italic">
+                <div className="text-xs text-slate-350 bg-slate-950/60 border-l-2 border-indigo-500/80 rounded-r-xl px-5 py-3.5 mb-5 font-normal leading-relaxed relative overflow-hidden before:absolute before:inset-y-0 before:right-0 before:w-12 before:bg-gradient-to-r before:from-transparent before:to-indigo-500/2">
                   {renderFormattedDescription(ws.description)}
                 </div>
 
                 <div className="flex items-center gap-3 mb-4">
                   <div className="flex flex-wrap gap-2">
                     {ws.repos.map((repoPath) => (
-                      <span key={repoPath} className="text-[10px] px-2.5 py-1 bg-gray-900 border border-gray-800 text-gray-300 rounded-md font-semibold">
+                      <span key={repoPath} className="text-[10px] px-2.5 py-1.5 bg-slate-950/60 border border-slate-850 text-slate-300 rounded-lg font-semibold select-all">
                         {repoPath.split(/[\\/]/).pop()}
                       </span>
                     ))}
@@ -347,7 +356,7 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                     <div className="flex items-center gap-1.5 ml-auto">
                       <select
                         id={`add-repo-select-feature-${ws.branchName}`}
-                        className="bg-gray-900 border border-gray-800 text-gray-300 rounded-md text-[10px] px-2 py-1 font-semibold outline-none focus:border-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer"
+                        className="bg-slate-905 border border-slate-800 text-slate-300 rounded-lg text-[10px] px-3 py-1.5 font-semibold outline-none focus:border-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer transition-all hover:border-slate-700"
                         defaultValue=""
                         onChange={async (e) => {
                           const val = e.target.value;
@@ -374,54 +383,64 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
 
                 {/* Expansion: Process management console */}
                 {isExpanded && (
-                  <div className="mt-6 pt-6 border-t border-gray-800/80">
+                  <div className="mt-6 pt-6 border-t border-slate-850/80">
                     {/* Sub-tab Navigation */}
-                    <div className="flex border-b border-gray-800/80 mb-6 gap-2">
+                    <div className="flex flex-wrap items-center gap-1.5 p-1 bg-slate-950/60 rounded-xl border border-slate-900/60 mb-6 w-max max-w-full overflow-x-auto">
+                      <button
+                        className={`px-4 py-2 rounded-lg text-xs font-bold transition-all cursor-pointer select-none ${
+                          subTab === 'overview'
+                            ? 'bg-indigo-500/15 border border-indigo-500/35 text-indigo-300 shadow-[0_0_15px_rgba(99,102,241,0.05)]'
+                            : 'text-slate-500 hover:text-slate-350 hover:bg-slate-900/30 border border-transparent'
+                        }`}
+                        onClick={() => setSubTab('overview')}
+                      >
+                        Harness & Capabilities
+                      </button>
                       <button
-                        className={`px-4 py-2 border-b-2 text-xs font-bold transition-all cursor-pointer ${
+                        className={`px-4 py-2 rounded-lg text-xs font-bold transition-all cursor-pointer select-none ${
                           subTab === 'sessions'
-                            ? 'border-indigo-500 text-white'
-                            : 'border-transparent text-gray-500 hover:text-gray-300'
+                            ? 'bg-indigo-500/15 border border-indigo-500/35 text-indigo-300 shadow-[0_0_15px_rgba(99,102,241,0.05)]'
+                            : 'text-slate-500 hover:text-slate-350 hover:bg-slate-900/30 border border-transparent'
                         }`}
                         onClick={() => setSubTab('sessions')}
                       >
                         AI Session History
                       </button>
                       <button
-                        className={`px-4 py-2 border-b-2 text-xs font-bold transition-all cursor-pointer ${
+                        className={`px-4 py-2 rounded-lg text-xs font-bold transition-all cursor-pointer select-none ${
                           subTab === 'services'
-                            ? 'border-indigo-500 text-white'
-                            : 'border-transparent text-gray-500 hover:text-gray-300'
+                            ? 'bg-indigo-500/15 border border-indigo-500/35 text-indigo-300 shadow-[0_0_15px_rgba(99,102,241,0.05)]'
+                            : 'text-slate-500 hover:text-slate-350 hover:bg-slate-900/30 border border-transparent'
                         }`}
                         onClick={() => setSubTab('services')}
                       >
                         Orchestrated Services
                       </button>
                       <button
-                        className={`px-4 py-2 border-b-2 text-xs font-bold transition-all cursor-pointer ${
+                        className={`px-4 py-2 rounded-lg text-xs font-bold transition-all cursor-pointer select-none ${
                           subTab === 'changes'
-                            ? 'border-indigo-500 text-white'
-                            : 'border-transparent text-gray-500 hover:text-gray-300'
+                            ? 'bg-indigo-500/15 border border-indigo-500/35 text-indigo-300 shadow-[0_0_15px_rgba(99,102,241,0.05)]'
+                            : 'text-slate-500 hover:text-slate-350 hover:bg-slate-900/30 border border-transparent'
                         }`}
                         onClick={() => setSubTab('changes')}
                       >
                         Active Changes (AI Diffs)
                       </button>
                       <button
-                        className={`px-4 py-2 border-b-2 text-xs font-bold transition-all cursor-pointer ${
+                        className={`px-4 py-2 rounded-lg text-xs font-bold transition-all cursor-pointer select-none ${
                           subTab === 'knowledge'
-                            ? 'border-indigo-500 text-white'
-                            : 'border-transparent text-gray-500 hover:text-gray-300'
+                            ? 'bg-indigo-500/15 border border-indigo-500/35 text-indigo-300 shadow-[0_0_15px_rgba(99,102,241,0.05)]'
+                            : 'text-slate-500 hover:text-slate-350 hover:bg-slate-900/30 border border-transparent'
                         }`}
                         onClick={() => setSubTab('knowledge')}
                       >
                         Knowledge Base
                       </button>
                       <button
-                        className={`px-4 py-2 border-b-2 text-xs font-bold transition-all cursor-pointer ${
+                        className={`px-4 py-2 rounded-lg text-xs font-bold transition-all cursor-pointer select-none ${
                           subTab === 'plan'
-                            ? 'border-indigo-500 text-white'
-                            : 'border-transparent text-gray-500 hover:text-gray-300'
+                            ? 'bg-indigo-500/15 border border-indigo-500/35 text-indigo-300 shadow-[0_0_15px_rgba(99,102,241,0.05)]'
+                            : 'text-slate-500 hover:text-slate-350 hover:bg-slate-900/30 border border-transparent'
                         }`}
                         onClick={() => setSubTab('plan')}
                       >
@@ -429,6 +448,139 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                       </button>
                     </div>
 
+                    {subTab === 'overview' && (
+                      <div className="grid grid-cols-1 md:grid-cols-2 gap-6 text-sm text-gray-300 animate-fade-in">
+                        {/* Section 1: AI Assistant Harnesses */}
+                        <div className="bg-gray-950/20 border border-gray-800/80 rounded-xl p-5">
+                          <div className="flex items-center gap-2 mb-4 border-b border-gray-800/80 pb-3">
+                            <Cpu size={18} className="text-indigo-400" />
+                            <h4 className="font-bold text-white">AI Assistant Harnesses</h4>
+                          </div>
+                          <p className="text-xs text-gray-400 mb-4">
+                            These coding assistants are configured to run contextually inside this workspace. Select an assistant to see its setup.
+                          </p>
+                          <div className="flex flex-col gap-3">
+                            {['antigravity', 'claude', 'copilot', 'cursor', 'codex'].map((name) => {
+                              const isConfigured = ws.assistants.includes(name as any);
+                              const isDetected = aiAssistants.find((a) => a.name === name)?.detected;
+                              let displayName = name.charAt(0).toUpperCase() + name.slice(1);
+                              if (name === 'antigravity') displayName = 'Antigravity (Ollama/Gemini)';
+                              else if (name === 'codex') displayName = 'OpenAI Codex';
+                              else if (name === 'copilot') displayName = 'GitHub Copilot';
+                              else if (name === 'claude') displayName = 'Claude Code';
+
+                              let resumeCmd = '';
+                              if (name === 'antigravity') resumeCmd = 'agy --continue';
+                              else if (name === 'claude') resumeCmd = 'claude --resume';
+                              else if (name === 'codex') resumeCmd = 'codex resume';
+                              else if (name === 'copilot') resumeCmd = 'copilot --resume';
+
+                              return (
+                                <div key={name} className="flex flex-col p-3 bg-gray-900/40 border border-gray-800/60 rounded-lg">
+                                  <div className="flex items-center justify-between gap-2">
+                                    <div className="flex items-center gap-2">
+                                      <span className={`h-2 w-2 rounded-full ${isConfigured ? 'bg-indigo-500 shadow-sm' : 'bg-gray-700'}`}></span>
+                                      <span className="font-semibold text-xs text-gray-200">{displayName}</span>
+                                    </div>
+                                    <div className="flex items-center gap-1.5 text-[10px] font-medium">
+                                      {isConfigured && <span className="text-indigo-400 bg-indigo-500/10 px-2 py-0.5 rounded border border-indigo-500/20 text-[9px] font-bold uppercase tracking-wider">Active</span>}
+                                      {isDetected ? (
+                                        <span className="text-emerald-400 bg-emerald-500/10 px-2 py-0.5 rounded border border-emerald-500/20 text-[9px] font-bold uppercase tracking-wider">Installed</span>
+                                      ) : (
+                                        <span className="text-gray-500 bg-gray-950 px-2 py-0.5 rounded border border-gray-800/60 text-[9px] font-bold uppercase tracking-wider">Not Probed</span>
+                                      )}
+                                    </div>
+                                  </div>
+                                  {isConfigured && resumeCmd && (
+                                    <div className="mt-2.5 flex items-center justify-between gap-2 bg-gray-950/80 px-2.5 py-1.5 rounded border border-gray-800/60 font-mono text-[10px]">
+                                      <span className="text-indigo-300 truncate">{resumeCmd}</span>
+                                      <button
+                                        onClick={() => handleCopy(resumeCmd)}
+                                        className="text-gray-400 hover:text-white transition-colors cursor-pointer"
+                                        title="Copy Resume Command"
+                                      >
+                                        {copiedText === resumeCmd ? <Check size={11} className="text-emerald-400" /> : <Copy size={11} />}
+                                      </button>
+                                    </div>
+                                  )}
+                                </div>
+                              );
+                            })}
+                          </div>
+                        </div>
+
+                        {/* Section 2: Model Context Protocol (MCP) */}
+                        <div className="flex flex-col gap-6">
+                          <div className="bg-gray-950/20 border border-gray-800/80 rounded-xl p-5">
+                            <div className="flex items-center gap-2 mb-4 border-b border-gray-800/80 pb-3">
+                              <Layers size={18} className="text-indigo-400" />
+                              <h4 className="font-bold text-white">Local MCP Server (Tools)</h4>
+                            </div>
+                            <p className="text-xs text-gray-400 mb-4">
+                              NexusFlow runs a Model Context Protocol (MCP) server that exposes local workspace-scoped tools to your AI agents.
+                            </p>
+                            <div className="flex flex-col gap-3.5">
+                              <div className="flex flex-col gap-1">
+                                <div className="flex items-center gap-2 text-xs font-semibold text-indigo-300">
+                                  <code>search_workspace</code>
+                                </div>
+                                <span className="text-[11px] text-gray-400">
+                                  Extremely fast query/regex search across all microservices and repos in the workspace.
+                                </span>
+                              </div>
+                              <div className="flex flex-col gap-1 border-t border-gray-800/40 pt-2.5">
+                                <div className="flex items-center gap-2 text-xs font-semibold text-indigo-300">
+                                  <code>get_service_logs</code>
+                                </div>
+                                <span className="text-[11px] text-gray-400">
+                                  Fetch and parse recent stdout/stderr output from any background service running in the workspace.
+                                </span>
+                              </div>
+                              <div className="flex flex-col gap-1 border-t border-gray-800/40 pt-2.5">
+                                <div className="flex items-center gap-2 text-xs font-semibold text-indigo-300">
+                                  <code>delegate_to_local_agent</code>
+                                </div>
+                                <span className="text-[11px] text-gray-400">
+                                  Delegate sub-tasks or log analysis to a lightweight LLM running locally to optimize remote token usage.
+                                </span>
+                              </div>
+                            </div>
+                          </div>
+
+                          {/* CLI shortcuts */}
+                          <div className="bg-gray-950/20 border border-gray-800/80 rounded-xl p-5">
+                            <div className="flex items-center gap-2 mb-4 border-b border-gray-800/80 pb-3">
+                              <Terminal size={18} className="text-indigo-400" />
+                              <h4 className="font-bold text-white">Workspace CLI Shortcuts</h4>
+                            </div>
+                            <div className="flex flex-col gap-2.5">
+                              {[
+                                { cmd: 'nexusflow start', desc: 'Spin up detected backend/frontend services' },
+                                { cmd: 'nexusflow sync', desc: 'Rebase worktrees with upstream defaults' },
+                                { cmd: 'nexusflow commit -m "update"', desc: 'Stage and commit changes across repos' },
+                                { cmd: 'nexusflow diff', desc: 'Unified codebase diff across repos' },
+                                { cmd: 'nexusflow handoff', desc: 'Generate resume context file' }
+                              ].map(({ cmd, desc }) => (
+                                <div key={cmd} className="flex flex-col gap-1">
+                                  <div className="flex items-center justify-between gap-2">
+                                    <code className="text-xs text-indigo-300">{cmd}</code>
+                                    <button
+                                      onClick={() => handleCopy(cmd)}
+                                      className="text-gray-400 hover:text-white transition-colors cursor-pointer"
+                                      title="Copy Command"
+                                    >
+                                      {copiedText === cmd ? <Check size={11} className="text-emerald-400" /> : <Copy size={11} />}
+                                    </button>
+                                  </div>
+                                  <span className="text-[11px] text-gray-550">{desc}</span>
+                                </div>
+                              ))}
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    )}
+
                     {subTab === 'sessions' && (
                       <SessionHistory
                         ws={ws}

package/gui/src/index.css

@@ -1,12 +1,62 @@
 @import "tailwindcss";
 
+/* Custom Sleek Scrollbars */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: rgba(99, 102, 241, 0.15);
+  border-radius: 8px;
+  border: 1px solid rgba(255, 255, 255, 0.03);
+}
+::-webkit-scrollbar-thumb:hover {
+  background: rgba(99, 102, 241, 0.3);
+}
+
+/* Glassmorphism and Modern UI Helpers */
+@utility glass-card {
+  background: rgba(17, 24, 39, 0.45);
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+  border: 1px solid rgba(255, 255, 255, 0.05);
+  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
+}
+
+@utility glass-card-glow {
+  box-shadow: 0 0 15px rgba(99, 102, 241, 0.1), inset 0 0 1px 1px rgba(255, 255, 255, 0.05);
+}
+
+@utility text-glow-indigo {
+  text-shadow: 0 0 12px rgba(99, 102, 241, 0.4);
+}
+
 @utility animate-slide-in {
-  animation: slide-in 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+  animation: slide-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+
+@utility animate-fade-in {
+  animation: fade-in 0.2s ease-out forwards;
+}
+
+@utility animate-spin-slow {
+  animation: spin 8s linear infinite;
+}
+
+@utility animate-pulse-glow-green {
+  animation: pulse-glow-green 2s infinite ease-in-out;
+}
+
+@utility animate-pulse-glow-indigo {
+  animation: pulse-glow-indigo 2.5s infinite ease-in-out;
 }
 
 @keyframes slide-in {
   from {
-    transform: translateY(1rem);
+    transform: translateY(0.75rem);
     opacity: 0;
   }
   to {
@@ -15,3 +65,46 @@
   }
 }
 
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes pulse-glow-green {
+  0%, 100% {
+    box-shadow: 0 0 4px rgba(52, 211, 153, 0.2);
+    opacity: 0.8;
+  }
+  50% {
+    box-shadow: 0 0 12px rgba(52, 211, 153, 0.6);
+    opacity: 1;
+  }
+}
+
+@keyframes pulse-glow-indigo {
+  0%, 100% {
+    box-shadow: 0 0 4px rgba(99, 102, 241, 0.2);
+  }
+  50% {
+    box-shadow: 0 0 14px rgba(99, 102, 241, 0.5);
+  }
+}
+
+/* Custom terminal colors */
+.term-matrix {
+  color: #10b981;
+  background-color: #030712;
+}
+.term-dracula {
+  color: #f8f8f2;
+  background-color: #282a36;
+}
+.term-classic {
+  color: #e5e7eb;
+  background-color: #0b0f19;
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrpatronz/nexusflow",
-  "version": "0.2.12",
+  "version": "0.2.13",
   "description": "Combine multiple repos into a workspace with rich AI assistant context",
   "type": "module",
   "main": "dist/index.js",
@@ -43,6 +43,7 @@
     "globby": "^14.1.0",
     "hono": "^4.12.23",
     "ora": "^8.1.0",
+    "pm2": "^7.0.1",
     "repomix": "^1.14.1"
   },
   "devDependencies": {

package/src/commands/add-repo.ts

@@ -5,7 +5,7 @@
 
 import chalk from 'chalk';
 import ora from 'ora';
-import { select } from '@inquirer/prompts';
+import { select, search } from '@inquirer/prompts';
 import * as path from 'node:path';
 
 import { loadConfig } from '../core/config.js';
@@ -57,7 +57,7 @@ export async function addRepoCommand(
   } else {
     const cwdFeature = await loadFeatureConfig(process.cwd());
     if (cwdFeature) {
-      workspacePath = process.cwd();
+      workspacePath = cwdFeature.workspacePath;
       workspaceName = cwdFeature.branchName;
     } else {
       const workspaces = await listWorkspaces(config.workspacesDir);
@@ -66,12 +66,20 @@ export async function addRepoCommand(
         return;
       }
 
-      const selected = await select({
-        message: 'Select a workspace to add a repository to:',
-        choices: workspaces.map((ws) => ({
-          name: `${ws.branchName} ${chalk.dim(`(${ws.repos.length} repos)`)}`,
-          value: ws,
-        })),
+      const selected = await search({
+        message: 'Search and select a workspace to add a repository to:',
+        source: async (input) => {
+          const query = (input || '').toLowerCase();
+          const filtered = workspaces.filter(
+            (ws) =>
+              ws.branchName.toLowerCase().includes(query) ||
+              ws.workspacePath.toLowerCase().includes(query)
+          );
+          return filtered.map((ws) => ({
+            name: `${ws.branchName} ${chalk.dim(`(${ws.repos.length} repos)`)}`,
+            value: ws,
+          }));
+        },
       });
 
       workspacePath = selected.workspacePath;
@@ -113,12 +121,20 @@ export async function addRepoCommand(
       return;
     }
 
-    repoPathToAdd = await select({
-      message: 'Select a repository to add:',
-      choices: availableRepos.map((r) => ({
-        name: `${r.name} ${chalk.dim(`(${r.path})`)}`,
-        value: r.path,
-      })),
+    repoPathToAdd = await search({
+      message: 'Search and select a repository to add:',
+      source: async (input) => {
+        const query = (input || '').toLowerCase();
+        const filtered = availableRepos.filter(
+          (r) =>
+            r.name.toLowerCase().includes(query) ||
+            r.path.toLowerCase().includes(query)
+        );
+        return filtered.map((r) => ({
+          name: `${r.name} ${chalk.dim(`(${r.path})`)}`,
+          value: r.path,
+        }));
+      },
     });
   }
 

package/src/commands/commit.ts

@@ -109,7 +109,7 @@ async function resolveWorkspace(workspaceArg?: string): Promise<string | null> {
   }
 
   const cwdFeature = await loadFeatureConfig(process.cwd());
-  if (cwdFeature) return process.cwd();
+  if (cwdFeature) return cwdFeature.workspacePath;
 
   const config = await loadConfig();
   const workspaces = await listWorkspaces(config.workspacesDir);

package/src/commands/diff.ts

@@ -103,7 +103,7 @@ async function resolveWorkspace(workspaceArg?: string): Promise<string | null> {
   }
 
   const cwdFeature = await loadFeatureConfig(process.cwd());
-  if (cwdFeature) return process.cwd();
+  if (cwdFeature) return cwdFeature.workspacePath;
 
   const config = await loadConfig();
   const workspaces = await listWorkspaces(config.workspacesDir);

package/src/commands/doctor.ts

@@ -335,7 +335,7 @@ async function resolveWorkspace(workspaceArg?: string): Promise<string | null> {
   }
 
   const cwdFeature = await loadFeatureConfig(process.cwd());
-  if (cwdFeature) return process.cwd();
+  if (cwdFeature) return cwdFeature.workspacePath;
 
   const config = await loadConfig();
   const workspaces = await listWorkspaces(config.workspacesDir);

package/src/commands/handoff.ts

@@ -244,7 +244,7 @@ async function resolveWorkspace(workspaceArg?: string): Promise<string | null> {
   }
 
   const cwdFeature = await loadFeatureConfig(process.cwd());
-  if (cwdFeature) return process.cwd();
+  if (cwdFeature) return cwdFeature.workspacePath;
 
   const config = await loadConfig();
   const workspaces = await listWorkspaces(config.workspacesDir);

package/src/commands/logs.ts

@@ -41,7 +41,7 @@ async function resolveWorkspace(workspaceArg?: string): Promise<string | null> {
   if (workspaceArg) return workspaceArg;
 
   const cwdFeature = await loadFeatureConfig(process.cwd());
-  if (cwdFeature) return process.cwd();
+  if (cwdFeature) return cwdFeature.workspacePath;
 
   const config = await loadConfig();
   const workspaces = await listWorkspaces(config.workspacesDir);

package/src/commands/open.ts

@@ -5,7 +5,7 @@
 
 import chalk from 'chalk';
 import { execa } from 'execa';
-import { select, confirm } from '@inquirer/prompts';
+import { select, confirm, search } from '@inquirer/prompts';
 
 import { loadConfig } from '../core/config.js';
 import { listWorkspaces } from '../core/workspace.js';
@@ -29,12 +29,20 @@ export async function openCommand(): Promise<void> {
   console.log(chalk.bold.cyan('\n📂 Open Workspace\n'));
 
   // Let user pick a workspace
-  const selected = await select({
-    message: 'Select a workspace to open:',
-    choices: workspaces.map((ws) => ({
-      name: `${ws.branchName} ${chalk.dim(`(${ws.repos.length} repos, ${ws.assistants.join(', ')})`)}`,
-      value: ws.workspacePath,
-    })),
+  const selected = await search({
+    message: 'Search and select a workspace to open:',
+    source: async (input) => {
+      const query = (input || '').toLowerCase();
+      const filtered = workspaces.filter(
+        (ws) =>
+          ws.branchName.toLowerCase().includes(query) ||
+          ws.workspacePath.toLowerCase().includes(query)
+      );
+      return filtered.map((ws) => ({
+        name: `${ws.branchName} ${chalk.dim(`(${ws.repos.length} repos, ${ws.assistants.join(', ')})`)}`,
+        value: ws.workspacePath,
+      }));
+    },
   });
 
   // Let user pick an editor

package/src/commands/pack.ts

@@ -51,7 +51,7 @@ async function resolveWorkspace(workspaceArg?: string): Promise<string | null> {
   }
 
   const cwdFeature = await loadFeatureConfig(process.cwd());
-  if (cwdFeature) return process.cwd();
+  if (cwdFeature) return cwdFeature.workspacePath;
 
   const config = await loadConfig();
   const workspaces = await listWorkspaces(config.workspacesDir);