@mrpatronz/nexusflow 0.2.13 → 0.2.18

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

@@ -96,7 +96,7 @@ const parseInlineStyles = (text: string): React.ReactNode => {
       return <strong key={index} className="font-bold text-gray-200">{part.slice(2, -2)}</strong>;
     }
     if (part.startsWith('`') && part.endsWith('`')) {
-      return <code key={index} className="px-1.5 py-0.5 bg-gray-900 border border-gray-800 text-indigo-300 rounded font-mono text-[10px]">{part.slice(1, -1)}</code>;
+      return <code key={index} className="px-1.5 py-0.5 bg-gray-900 border border-gray-800 text-cyan-400 rounded font-mono text-[10px]">{part.slice(1, -1)}</code>;
     }
     if (part.startsWith('*') && part.endsWith('*')) {
       return <em key={index} className="italic text-gray-300">{part.slice(1, -1)}</em>;
@@ -263,13 +263,13 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
           onClick={fetchWorkspaces}
           disabled={workspacesLoading}
         >
-          <RefreshCw size={14} className={workspacesLoading ? 'animate-spin text-indigo-400' : ''} /> Refresh
+          <RefreshCw size={14} className={workspacesLoading ? 'animate-spin text-cyan-400' : ''} /> Refresh
         </button>
       </header>
 
       {workspacesLoading ? (
         <div className="flex flex-col items-center py-40 gap-4 text-gray-400">
-          <RefreshCw className="animate-spin text-indigo-400" size={32} />
+          <RefreshCw className="animate-spin text-cyan-400" size={32} />
           <span className="text-sm">Fetching workspace details...</span>
         </div>
       ) : workspaces.length === 0 ? (
@@ -285,10 +285,10 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
           {workspaces.map((ws) => {
             const isExpanded = activeWsId === ws.branchName;
             return (
-              <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 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-cyan-500/10 via-violet-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>
+                    <h3 className="text-lg font-bold text-white hover:text-cyan-400 transition-colors">{ws.branchName}</h3>
                     <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-slate-850"></span>
@@ -317,7 +317,7 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                       <ExternalLink size={12} /> Open
                     </button>
                     <button
-                      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"
+                      className="inline-flex items-center justify-center gap-1.5 px-3.5 py-2.5 bg-cyan-600 hover:bg-cyan-500 text-white rounded-xl text-xs font-semibold transition-all cursor-pointer shadow-md shadow-cyan-650/10"
                       onClick={() => {
                         if (isExpanded) {
                           setActiveWsId(null);
@@ -339,7 +339,7 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                   </div>
                 </div>
 
-                <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">
+                <div className="text-xs text-slate-350 bg-slate-950/60 border-l-2 border-cyan-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-cyan-500/2">
                   {renderFormattedDescription(ws.description)}
                 </div>
 
@@ -356,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-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"
+                        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-cyan-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;
@@ -389,8 +389,8 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                       <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'
+                            ? 'bg-cyan-950/30 border border-cyan-900/60 text-cyan-400 shadow-[0_0_15px_rgba(6,182,212,0.1)]'
+                            : 'text-slate-500 hover:text-slate-300 hover:bg-slate-900/40 border border-transparent'
                         }`}
                         onClick={() => setSubTab('overview')}
                       >
@@ -399,8 +399,8 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                       <button
                         className={`px-4 py-2 rounded-lg text-xs font-bold transition-all cursor-pointer select-none ${
                           subTab === 'sessions'
-                            ? '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'
+                            ? 'bg-cyan-950/30 border border-cyan-900/60 text-cyan-400 shadow-[0_0_15px_rgba(6,182,212,0.1)]'
+                            : 'text-slate-500 hover:text-slate-300 hover:bg-slate-900/40 border border-transparent'
                         }`}
                         onClick={() => setSubTab('sessions')}
                       >
@@ -409,8 +409,8 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                       <button
                         className={`px-4 py-2 rounded-lg text-xs font-bold transition-all cursor-pointer select-none ${
                           subTab === 'services'
-                            ? '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'
+                            ? 'bg-cyan-950/30 border border-cyan-900/60 text-cyan-400 shadow-[0_0_15px_rgba(6,182,212,0.1)]'
+                            : 'text-slate-500 hover:text-slate-300 hover:bg-slate-900/40 border border-transparent'
                         }`}
                         onClick={() => setSubTab('services')}
                       >
@@ -419,8 +419,8 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                       <button
                         className={`px-4 py-2 rounded-lg text-xs font-bold transition-all cursor-pointer select-none ${
                           subTab === 'changes'
-                            ? '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'
+                            ? 'bg-cyan-950/30 border border-cyan-900/60 text-cyan-400 shadow-[0_0_15px_rgba(6,182,212,0.1)]'
+                            : 'text-slate-500 hover:text-slate-300 hover:bg-slate-900/40 border border-transparent'
                         }`}
                         onClick={() => setSubTab('changes')}
                       >
@@ -429,8 +429,8 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                       <button
                         className={`px-4 py-2 rounded-lg text-xs font-bold transition-all cursor-pointer select-none ${
                           subTab === 'knowledge'
-                            ? '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'
+                            ? 'bg-cyan-950/30 border border-cyan-900/60 text-cyan-400 shadow-[0_0_15px_rgba(6,182,212,0.1)]'
+                            : 'text-slate-500 hover:text-slate-300 hover:bg-slate-900/40 border border-transparent'
                         }`}
                         onClick={() => setSubTab('knowledge')}
                       >
@@ -439,8 +439,8 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                       <button
                         className={`px-4 py-2 rounded-lg text-xs font-bold transition-all cursor-pointer select-none ${
                           subTab === 'plan'
-                            ? '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'
+                            ? 'bg-cyan-950/30 border border-cyan-900/60 text-cyan-400 shadow-[0_0_15px_rgba(6,182,212,0.1)]'
+                            : 'text-slate-500 hover:text-slate-300 hover:bg-slate-900/40 border border-transparent'
                         }`}
                         onClick={() => setSubTab('plan')}
                       >
@@ -453,7 +453,7 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                         {/* 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" />
+                            <Cpu size={18} className="text-cyan-400" />
                             <h4 className="font-bold text-white">AI Assistant Harnesses</h4>
                           </div>
                           <p className="text-xs text-gray-400 mb-4">
@@ -479,11 +479,11 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                                 <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={`h-2 w-2 rounded-full ${isConfigured ? 'bg-cyan-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>}
+                                      {isConfigured && <span className="text-cyan-400 bg-cyan-950/20 px-2 py-0.5 rounded border border-cyan-900/40 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>
                                       ) : (
@@ -493,7 +493,7 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                                   </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>
+                                      <span className="text-cyan-400 truncate">{resumeCmd}</span>
                                       <button
                                         onClick={() => handleCopy(resumeCmd)}
                                         className="text-gray-400 hover:text-white transition-colors cursor-pointer"
@@ -513,7 +513,7 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                         <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" />
+                              <Layers size={18} className="text-cyan-400" />
                               <h4 className="font-bold text-white">Local MCP Server (Tools)</h4>
                             </div>
                             <p className="text-xs text-gray-400 mb-4">
@@ -521,7 +521,7 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                             </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">
+                                <div className="flex items-center gap-2 text-xs font-semibold text-cyan-455">
                                   <code>search_workspace</code>
                                 </div>
                                 <span className="text-[11px] text-gray-400">
@@ -529,7 +529,7 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                                 </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">
+                                <div className="flex items-center gap-2 text-xs font-semibold text-cyan-455">
                                   <code>get_service_logs</code>
                                 </div>
                                 <span className="text-[11px] text-gray-400">
@@ -537,7 +537,7 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                                 </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">
+                                <div className="flex items-center gap-2 text-xs font-semibold text-cyan-455">
                                   <code>delegate_to_local_agent</code>
                                 </div>
                                 <span className="text-[11px] text-gray-400">
@@ -550,7 +550,7 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                           {/* 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" />
+                              <Terminal size={18} className="text-cyan-400" />
                               <h4 className="font-bold text-white">Workspace CLI Shortcuts</h4>
                             </div>
                             <div className="flex flex-col gap-2.5">
@@ -563,7 +563,7 @@ export const WorkspaceList: React.FC<WorkspaceListProps> = ({
                               ].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>
+                                    <code className="text-xs text-cyan-400">{cmd}</code>
                                     <button
                                       onClick={() => handleCopy(cmd)}
                                       className="text-gray-400 hover:text-white transition-colors cursor-pointer"

package/gui/src/index.css

@@ -1,37 +1,80 @@
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Space+Grotesk:wght@300..700&display=swap');
 @import "tailwindcss";
 
+/* Global Font Overrides to Monospace */
+body {
+  font-family: 'JetBrains Mono', monospace !important;
+  background-color: #030408 !important;
+  background-image: 
+    radial-gradient(at 50% 0%, rgba(139, 92, 246, 0.06) 0px, transparent 50%),
+    radial-gradient(at 0% 100%, rgba(6, 182, 212, 0.04) 0px, transparent 50%) !important;
+}
+
+h1, h2, h3, h4, h5, h6, button, input, select, textarea, code, pre {
+  font-family: 'JetBrains Mono', monospace !important;
+}
+
 /* Custom Sleek Scrollbars */
 ::-webkit-scrollbar {
   width: 6px;
   height: 6px;
 }
 ::-webkit-scrollbar-track {
-  background: transparent;
+  background: #05070c;
 }
 ::-webkit-scrollbar-thumb {
-  background: rgba(99, 102, 241, 0.15);
-  border-radius: 8px;
+  background: #1f2937;
+  border-radius: 3px;
   border: 1px solid rgba(255, 255, 255, 0.03);
 }
 ::-webkit-scrollbar-thumb:hover {
-  background: rgba(99, 102, 241, 0.3);
+  background: #374151;
 }
 
-/* Glassmorphism and Modern UI Helpers */
+/* Glassmorphism and Terminal 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);
+  background: rgba(5, 7, 12, 0.6) !important;
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  border: 1px solid rgba(255, 255, 255, 0.04) !important;
+  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5) !important;
 }
 
 @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);
+  box-shadow: 0 0 15px rgba(6, 182, 212, 0.05), inset 0 0 1px 1px rgba(255, 255, 255, 0.03);
+}
+
+@utility text-glow-cyan {
+  text-shadow: 0 0 8px rgba(6, 182, 212, 0.4);
+}
+
+@utility text-glow-green {
+  text-shadow: 0 0 8px rgba(16, 185, 129, 0.4);
 }
 
-@utility text-glow-indigo {
-  text-shadow: 0 0 12px rgba(99, 102, 241, 0.4);
+@utility neon-border {
+  box-shadow: 0 0 10px rgba(6, 182, 212, 0.1);
+}
+
+@utility neon-border-green {
+  box-shadow: 0 0 10px rgba(16, 185, 129, 0.1);
+}
+
+/* CRT Scanline effect */
+.crt-screen {
+  position: relative;
+}
+
+.crt-screen::after {
+  content: " ";
+  display: block;
+  position: absolute;
+  top: 0; left: 0; bottom: 0; right: 0;
+  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.2) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.04), rgba(0, 255, 0, 0.01), rgba(0, 255, 0, 0.04));
+  z-index: 10;
+  background-size: 100% 4px, 6px 100%;
+  pointer-events: none;
+  opacity: 0.35;
 }
 
 @utility animate-slide-in {
@@ -50,13 +93,13 @@
   animation: pulse-glow-green 2s infinite ease-in-out;
 }
 
-@utility animate-pulse-glow-indigo {
-  animation: pulse-glow-indigo 2.5s infinite ease-in-out;
+@utility animate-pulse-glow-cyan {
+  animation: pulse-glow-cyan 2.5s infinite ease-in-out;
 }
 
 @keyframes slide-in {
   from {
-    transform: translateY(0.75rem);
+    transform: translateY(0.5rem);
     opacity: 0;
   }
   to {
@@ -76,21 +119,21 @@
 
 @keyframes pulse-glow-green {
   0%, 100% {
-    box-shadow: 0 0 4px rgba(52, 211, 153, 0.2);
+    box-shadow: 0 0 4px rgba(52, 211, 153, 0.15);
     opacity: 0.8;
   }
   50% {
-    box-shadow: 0 0 12px rgba(52, 211, 153, 0.6);
+    box-shadow: 0 0 10px rgba(52, 211, 153, 0.4);
     opacity: 1;
   }
 }
 
-@keyframes pulse-glow-indigo {
+@keyframes pulse-glow-cyan {
   0%, 100% {
-    box-shadow: 0 0 4px rgba(99, 102, 241, 0.2);
+    box-shadow: 0 0 4px rgba(6, 182, 212, 0.15);
   }
   50% {
-    box-shadow: 0 0 14px rgba(99, 102, 241, 0.5);
+    box-shadow: 0 0 12px rgba(6, 182, 212, 0.4);
   }
 }
 
@@ -107,4 +150,3 @@
   color: #e5e7eb;
   background-color: #0b0f19;
 }
-

package/gui/src/main.tsx

@@ -3,8 +3,92 @@ import { createRoot } from 'react-dom/client'
 import './index.css'
 import App from './App.tsx'
 
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)
+declare global {
+  interface Window {
+    Neutralino?: any;
+    NL_PATH?: string;
+  }
+}
+
+async function waitForBackend(url: string, maxRetries = 25, delay = 200): Promise<boolean> {
+  for (let i = 0; i < maxRetries; i++) {
+    try {
+      const res = await fetch(url);
+      if (res.ok) {
+        console.log(`Backend connection established on attempt ${i + 1}`);
+        return true;
+      }
+    } catch {
+      // Ignored, retry
+    }
+    await new Promise((resolve) => setTimeout(resolve, delay));
+  }
+  console.warn(`Backend connection timed out after ${maxRetries} attempts`);
+  return false;
+}
+
+function renderApp() {
+  createRoot(document.getElementById('root')!).render(
+    <StrictMode>
+      <App />
+    </StrictMode>,
+  );
+}
+
+if (typeof window !== 'undefined' && window.Neutralino) {
+  window.Neutralino.init();
+  window.Neutralino.events.on('windowClose', () => {
+    window.Neutralino.app.exit();
+  });
+
+  (async () => {
+    const backendUrl = 'http://localhost:3000/api/config';
+    try {
+      const res = await fetch(backendUrl);
+      if (res.ok) {
+        console.log('NexusFlow Hono backend is already running.');
+        renderApp();
+        return;
+      }
+    } catch {
+      console.log('NexusFlow Hono backend not detected. Launching...');
+      try {
+        const isWin = navigator.platform.includes('Win') || navigator.userAgent.includes('Windows');
+        const nlPath = window.NL_PATH || '.';
+        
+        // Construct paths for packaged mode
+        const nodeBinary = isWin ? `${nlPath}/node/node.exe` : `${nlPath}/node/bin/node`;
+        const serverScript = `${nlPath}/server/dist/index.js`;
+        
+        // Check if we are running in packaged mode by testing if the embedded node exists
+        let isPackaged = false;
+        try {
+          await window.Neutralino.filesystem.getStats(nodeBinary);
+          isPackaged = true;
+        } catch {
+          // File doesn't exist or filesystem API failed, meaning dev mode
+        }
+
+        let cmd: string;
+        if (isPackaged) {
+          console.log('Running in packaged mode, using embedded node and server...');
+          cmd = `"${nodeBinary}" "${serverScript}" ui --server-only --port 3000`;
+        } else {
+          console.log('Running in development mode, using global node and relative path...');
+          cmd = 'node ../NexusFlow/dist/index.js ui --server-only --port 3000';
+        }
+
+        console.log('Spawning backend command:', cmd);
+        await window.Neutralino.os.execCommand(cmd, { background: true });
+        console.log('Hono backend successfully spawned. Waiting for port 3000...');
+        await waitForBackend(backendUrl);
+      } catch (err) {
+        console.error('Failed to spawn Hono backend:', err);
+      } finally {
+        renderApp();
+      }
+    }
+  })();
+} else {
+  renderApp();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrpatronz/nexusflow",
-  "version": "0.2.13",
+  "version": "0.2.18",
   "description": "Combine multiple repos into a workspace with rich AI assistant context",
   "type": "module",
   "main": "dist/index.js",
@@ -8,7 +8,7 @@
     "nexusflow": "dist/index.js"
   },
   "scripts": {
-    "build": "tsc && npm run build --prefix gui && npm run extension:compile",
+    "build": "tsc && npm run build --prefix gui",
     "dev": "tsc --watch",
     "start": "node dist/index.js",
     "ui": "node dist/index.js ui",
@@ -34,23 +34,22 @@
   "license": "MIT",
   "dependencies": {
     "@hono/node-server": "^2.0.4",
-    "@inquirer/prompts": "^7.0.0",
+    "@inquirer/prompts": "^8.5.2",
     "@modelcontextprotocol/sdk": "^1.29.0",
     "chalk": "^5.3.0",
-    "commander": "^13.0.0",
+    "commander": "^15.0.0",
     "execa": "^9.5.0",
     "fs-extra": "^11.2.0",
-    "globby": "^14.1.0",
-    "hono": "^4.12.23",
-    "ora": "^8.1.0",
-    "pm2": "^7.0.1",
-    "repomix": "^1.14.1"
+    "globby": "^16.2.0",
+    "hono": "^4.12.25",
+    "ora": "^9.4.0",
+    "pm2": "^7.0.1"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.0.0",
+    "@types/node": "^25.9.3",
     "rimraf": "^6.0.0",
-    "typescript": "^5.7.0",
-    "vitest": "^3.0.0"
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.8"
   }
 }

package/resources/workflows/plan-implement-review.md

@@ -0,0 +1,8 @@
+# Team Cooperation Guidelines
+
+You are the lead developer. You must coordinate a Plan-Implement-Review loop to complete the task:
+
+1. **Research & Plan**: Research the requirements and codebase first. Create a plan (`implementation_plan.md`) describing the proposed changes.
+2. **Implement**: Define a `Code_Implementer` subagent equipped with code editing and terminal tools. Send them the plan and instruct them to write the changes.
+3. **Review**: Once implemented, define a `Code_Reviewer` subagent to run verification tests and review the changes for correctness.
+4. **Loop**: If the reviewer finds bugs or test failures, send the feedback back to the implementer and repeat the cycle until the changes are approved.

package/resources/workflows/research-verify.md

@@ -0,0 +1,6 @@
+# Team Cooperation Guidelines
+
+You are the lead investigator. You must coordinate a research-heavy cycle:
+
+1. **Deep Research**: Define a `Research_Specialist` subagent to scan the codebase, find dependencies, and write a thorough context guide outlining how the system works.
+2. **Test-Driven Implement**: Write test suites first based on the research findings, then spawn a developer subagent to code until all tests pass successfully.

package/resources/workflows/solo-developer.md

@@ -0,0 +1,3 @@
+# Direct Execution Guidelines
+
+You are a solo developer. Do not spawn subagents. Research, plan, edit, and verify all code changes yourself. Focus on delivering direct, simple edits to target files.

package/skills-lock.json

@@ -0,0 +1,11 @@
+{
+  "version": 1,
+  "skills": {
+    "ccc": {
+      "source": "cocoindex-io/cocoindex-code",
+      "sourceType": "github",
+      "skillPath": "skills/ccc/SKILL.md",
+      "computedHash": "ad5f1c8501fd81d45e20501cbfa2b13699a6bbb4fd218c1b1034fec7b9659eff"
+    }
+  }
+}