@mrpatronz/nexusflow 0.1.0 → 0.1.2

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

@@ -0,0 +1,382 @@
+import React from 'react';
+import { Play, RefreshCw, FolderGit2, Sparkles, ExternalLink } from 'lucide-react';
+import type { Feature, RunningService, ServiceConfig, OrchestrationDetection } from '../../types.js';
+
+// Feature subcomponents
+import { SessionHistory } from '../sessions/SessionHistory.js';
+import { ServiceConsole } from '../services/ServiceConsole.js';
+import { ChangesViewer } from '../changes/ChangesViewer.js';
+import { KnowledgeBase } from '../knowledge/KnowledgeBase.js';
+import { ImplementationPlan } from '../plan/ImplementationPlan.js';
+
+interface WorkspaceListProps {
+  workspacesLoading: boolean;
+  workspaces: Feature[];
+  activeWsId: string | null;
+  setActiveWsId: (id: string | null) => void;
+  resumingWs: string | null;
+  handleResumeSession: (ws: Feature, sessionId?: string, assistant?: string) => Promise<void>;
+  handleCopyPrompt: (ws: Feature) => void;
+  handleOpenInEditor: (workspacePath: string) => Promise<void>;
+  fetchWorkspaces: () => Promise<void>;
+  
+  // ServiceConsole props
+  services: ServiceConfig[];
+  runningServices: RunningService[];
+  selectedLogService: string | null;
+  serviceLogs: string;
+  logsEndRef: React.RefObject<HTMLDivElement | null>;
+  setSelectedLogService: (val: string | null) => void;
+  handleStartServices: (wsId: string) => Promise<void>;
+  handleStopServices: (wsId: string) => Promise<void>;
+  orchTools: OrchestrationDetection[];
+  servicesLoading: boolean;
+
+
+  // ChangesViewer props
+  gitChanges: any[];
+  gitChangesLoading: boolean;
+  syncLoading: boolean;
+  syncResults: any[] | null;
+  commitMessage: string;
+  showCommitModal: boolean;
+  commitLoading: boolean;
+  commitResults: any[] | null;
+  setSyncResults: (val: any[] | null) => void;
+  setCommitResults: (val: any[] | null) => void;
+  setCommitMessage: (val: string) => void;
+  setShowCommitModal: (val: boolean) => void;
+  fetchGitChanges: (wsId: string) => Promise<void>;
+  handleSyncAll: (wsId: string) => Promise<void>;
+  handleCommitAll: (wsId: string) => Promise<void>;
+
+  // KnowledgeBase props
+  knowledgeContent: string;
+  knowledgeLoading: boolean;
+  isEditingKnowledge: boolean;
+  editedKnowledge: string;
+  saveKnowledgeLoading: boolean;
+  setEditedKnowledge: (val: string) => void;
+  setIsEditingKnowledge: (val: boolean) => void;
+  handleSaveKnowledge: (wsId: string) => Promise<void>;
+
+  // ImplementationPlan props
+  planContent: string;
+  planLoading: boolean;
+
+  // SessionHistory props
+  sessions: any[];
+  sessionsLoading: boolean;
+  activeSession: any | null;
+  transcript: any[];
+  transcriptLoading: boolean;
+  setActiveSession: (val: any | null) => void;
+  setTranscript: (val: any[]) => void;
+  fetchSessionTranscript: (assistant: string, sessionId: string) => Promise<void>;
+
+  // Navigation tab states
+  subTab: any;
+  setSubTab: (tab: any) => void;
+}
+
+export const WorkspaceList: React.FC<WorkspaceListProps> = ({
+  workspacesLoading,
+  workspaces,
+  activeWsId,
+  setActiveWsId,
+  resumingWs,
+  handleResumeSession,
+  handleCopyPrompt,
+  handleOpenInEditor,
+  fetchWorkspaces,
+
+  // ServiceConsole
+  services,
+  runningServices,
+  selectedLogService,
+  serviceLogs,
+  logsEndRef,
+  setSelectedLogService,
+  handleStartServices,
+  handleStopServices,
+  orchTools,
+  servicesLoading,
+
+
+  // ChangesViewer
+  gitChanges,
+  gitChangesLoading,
+  syncLoading,
+  syncResults,
+  commitMessage,
+  showCommitModal,
+  commitLoading,
+  commitResults,
+  setSyncResults,
+  setCommitResults,
+  setCommitMessage,
+  setShowCommitModal,
+  fetchGitChanges,
+  handleSyncAll,
+  handleCommitAll,
+
+  // KnowledgeBase
+  knowledgeContent,
+  knowledgeLoading,
+  isEditingKnowledge,
+  editedKnowledge,
+  saveKnowledgeLoading,
+  setEditedKnowledge,
+  setIsEditingKnowledge,
+  handleSaveKnowledge,
+
+  // ImplementationPlan
+  planContent,
+  planLoading,
+
+  // SessionHistory
+  sessions,
+  sessionsLoading,
+  activeSession,
+  transcript,
+  transcriptLoading,
+  setActiveSession,
+  setTranscript,
+  fetchSessionTranscript,
+
+  // Tabs
+  subTab,
+  setSubTab,
+}) => {
+  return (
+    <div className="max-w-5xl mx-auto">
+      <header className="flex justify-between items-center mb-8">
+        <div>
+          <h1 className="text-3xl font-extrabold tracking-tight text-white mb-2">Active Workspaces</h1>
+          <p className="text-sm text-gray-400">Monitor running servers, libraries, and processes on your development branches.</p>
+        </div>
+        <button
+          className="inline-flex items-center justify-center gap-2 px-4 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"
+          onClick={fetchWorkspaces}
+          disabled={workspacesLoading}
+        >
+          <RefreshCw size={14} className={workspacesLoading ? 'animate-spin text-indigo-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} />
+          <span className="text-sm">Fetching workspace details...</span>
+        </div>
+      ) : workspaces.length === 0 ? (
+        <div className="flex flex-col items-center justify-center py-24 bg-[#111827]/20 border border-gray-800/80 rounded-xl text-center">
+          <FolderGit2 size={44} className="text-gray-600 mb-4" />
+          <h3 className="text-lg font-bold text-white">No Active Workspaces</h3>
+          <p className="text-xs text-gray-505 max-w-sm mt-1">
+            No feature workspaces were detected in your development folder. Create a workspace to start.
+          </p>
+        </div>
+      ) : (
+        <div className="flex flex-col gap-6">
+          {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 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">
+                      <span>Created: {new Date(ws.createdAt).toLocaleDateString()}</span>
+                      <span className="h-1 w-1 rounded-full bg-gray-700"></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"
+                      onClick={() => handleResumeSession(ws)}
+                      disabled={resumingWs === ws.branchName}
+                    >
+                      <Play size={12} className={resumingWs === ws.branchName ? 'animate-spin' : ''} />
+                      {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"
+                      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"
+                      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"
+                      onClick={() => {
+                        if (isExpanded) {
+                          setActiveWsId(null);
+                        } else {
+                          setActiveWsId(ws.branchName);
+                        }
+                      }}
+                    >
+                      {isExpanded ? 'Hide Runner' : 'Orchestrate'}
+                    </button>
+                  </div>
+                </div>
+
+                <p 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">
+                  {ws.description}
+                </p>
+
+                <div className="flex flex-wrap gap-2 mb-4">
+                  {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">
+                      {repoPath.split(/[\\/]/).pop()}
+                    </span>
+                  ))}
+                </div>
+
+                {/* Expansion: Process management console */}
+                {isExpanded && (
+                  <div className="mt-6 pt-6 border-t border-gray-800/80">
+                    {/* Sub-tab Navigation */}
+                    <div className="flex border-b border-gray-800/80 mb-6 gap-2">
+                      <button
+                        className={`px-4 py-2 border-b-2 text-xs font-bold transition-all cursor-pointer ${
+                          subTab === 'sessions'
+                            ? 'border-indigo-500 text-white'
+                            : 'border-transparent text-gray-500 hover:text-gray-300'
+                        }`}
+                        onClick={() => setSubTab('sessions')}
+                      >
+                        AI Session History
+                      </button>
+                      <button
+                        className={`px-4 py-2 border-b-2 text-xs font-bold transition-all cursor-pointer ${
+                          subTab === 'services'
+                            ? 'border-indigo-500 text-white'
+                            : 'border-transparent text-gray-500 hover:text-gray-300'
+                        }`}
+                        onClick={() => setSubTab('services')}
+                      >
+                        Orchestrated Services
+                      </button>
+                      <button
+                        className={`px-4 py-2 border-b-2 text-xs font-bold transition-all cursor-pointer ${
+                          subTab === 'changes'
+                            ? 'border-indigo-500 text-white'
+                            : 'border-transparent text-gray-500 hover:text-gray-300'
+                        }`}
+                        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 ${
+                          subTab === 'knowledge'
+                            ? 'border-indigo-500 text-white'
+                            : 'border-transparent text-gray-500 hover:text-gray-300'
+                        }`}
+                        onClick={() => setSubTab('knowledge')}
+                      >
+                        Knowledge Base
+                      </button>
+                      <button
+                        className={`px-4 py-2 border-b-2 text-xs font-bold transition-all cursor-pointer ${
+                          subTab === 'plan'
+                            ? 'border-indigo-500 text-white'
+                            : 'border-transparent text-gray-500 hover:text-gray-300'
+                        }`}
+                        onClick={() => setSubTab('plan')}
+                      >
+                        Implementation Plan
+                      </button>
+                    </div>
+
+                    {subTab === 'sessions' && (
+                      <SessionHistory
+                        ws={ws}
+                        sessions={sessions}
+                        sessionsLoading={sessionsLoading}
+                        activeSession={activeSession}
+                        transcript={transcript}
+                        transcriptLoading={transcriptLoading}
+                        workspaces={workspaces}
+                        setActiveSession={setActiveSession}
+                        setTranscript={setTranscript}
+                        fetchSessionTranscript={fetchSessionTranscript}
+                        handleResumeSession={handleResumeSession}
+                      />
+                    )}
+
+                    {subTab === 'services' && (
+                      <ServiceConsole
+                        ws={ws}
+                        services={services}
+                        runningServices={runningServices}
+                        selectedLogService={selectedLogService}
+                        serviceLogs={serviceLogs}
+                        logsEndRef={logsEndRef}
+                        setSelectedLogService={setSelectedLogService}
+                        handleStartServices={handleStartServices}
+                        handleStopServices={handleStopServices}
+                        orchTools={orchTools}
+                        servicesLoading={servicesLoading}
+                      />
+                    )}
+
+                    {subTab === 'changes' && (
+                      <ChangesViewer
+                        ws={ws}
+                        gitChanges={gitChanges}
+                        gitChangesLoading={gitChangesLoading}
+                        syncLoading={syncLoading}
+                        syncResults={syncResults}
+                        commitMessage={commitMessage}
+                        showCommitModal={showCommitModal}
+                        commitLoading={commitLoading}
+                        commitResults={commitResults}
+                        setSyncResults={setSyncResults}
+                        setCommitResults={setCommitResults}
+                        setCommitMessage={setCommitMessage}
+                        setShowCommitModal={setShowCommitModal}
+                        fetchGitChanges={fetchGitChanges}
+                        handleSyncAll={handleSyncAll}
+                        handleCommitAll={handleCommitAll}
+                      />
+                    )}
+
+                    {subTab === 'knowledge' && (
+                      <KnowledgeBase
+                        ws={ws}
+                        knowledgeContent={knowledgeContent}
+                        knowledgeLoading={knowledgeLoading}
+                        isEditingKnowledge={isEditingKnowledge}
+                        editedKnowledge={editedKnowledge}
+                        saveKnowledgeLoading={saveKnowledgeLoading}
+                        setEditedKnowledge={setEditedKnowledge}
+                        setIsEditingKnowledge={setIsEditingKnowledge}
+                        handleSaveKnowledge={handleSaveKnowledge}
+                      />
+                    )}
+
+                    {subTab === 'plan' && (
+                      <ImplementationPlan
+                        planContent={planContent}
+                        planLoading={planLoading}
+                      />
+                    )}
+                  </div>
+                )}
+              </div>
+            );
+          })}
+        </div>
+      )}
+    </div>
+  );
+};

package/gui/src/types.ts

@@ -0,0 +1,61 @@
+// Types matched with src/types.ts
+
+export interface NexusFlowConfig {
+  version: string;
+  devDir: string;
+  workspacesDir: string;
+  defaultAssistant: string | null;
+  scanDepth: number;
+}
+
+export interface DetectedAI {
+  name: string;
+  displayName: string;
+  detected: boolean;
+  command?: string;
+}
+
+export interface DetectedEditor {
+  name: string;
+  command: string;
+  detected: boolean;
+}
+
+export interface RepoInfo {
+  name: string;
+  path: string;
+  defaultBranch: string;
+}
+
+export interface Feature {
+  id: string;
+  branchName: string;
+  description: string;
+  repos: string[];
+  assistants: string[];
+  workspacePath: string;
+  createdAt: string;
+}
+
+export interface ServiceConfig {
+  name: string;
+  cwd: string;
+  command: string;
+  args: string[];
+  port?: number;
+  source: string;
+}
+
+export interface OrchestrationDetection {
+  tool: string;
+  configPath: string;
+  startCommand: string;
+  stopCommand: string;
+}
+
+export interface RunningService {
+  name: string;
+  pid: number;
+  config: ServiceConfig;
+  startedAt: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrpatronz/nexusflow",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Combine multiple repos into a workspace with rich AI assistant context",
   "type": "module",
   "main": "dist/index.js",
@@ -8,13 +8,15 @@
     "nexusflow": "dist/index.js"
   },
   "scripts": {
-    "build": "tsc && npm run build --prefix gui",
+    "build": "tsc && npm run build --prefix gui && npm run extension:compile",
     "dev": "tsc --watch",
     "start": "node dist/index.js",
-    "test": "vitest run",
+    "test": "vitest run --passWithNoTests",
     "test:watch": "vitest",
     "clean": "rimraf dist",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "extension:install": "npm install --prefix extension",
+    "extension:compile": "npm run compile --prefix extension"
   },
   "keywords": [
     "ai",

package/src/commands/commit.ts

@@ -0,0 +1,131 @@
+/**
+ * @module commands/commit
+ * Commits changes across all repositories in the workspace.
+ */
+
+import chalk from 'chalk';
+import { select } from '@inquirer/prompts';
+import * as path from 'node:path';
+import * as fs from 'node:fs/promises';
+
+import { loadConfig } from '../core/config.js';
+import { listWorkspaces, loadFeatureConfig } from '../core/workspace.js';
+import { getWorkspaceRepos, getRepoStatus, commitAndPush } from '../utils/multi-git.js';
+
+interface CommitOptions {
+  noPush?: boolean;
+  dryRun?: boolean;
+}
+
+/**
+ * Executes the commit command.
+ *
+ * @param message - The commit message.
+ * @param workspaceArg - Optional workspace path.
+ * @param options - Optional flags.
+ */
+export async function commitCommand(
+  message: string,
+  workspaceArg?: string,
+  options?: CommitOptions,
+): Promise<void> {
+  console.log(chalk.bold.cyan('\n💾 NexusFlow — Committing Workspace Changes\n'));
+
+  const workspacePath = await resolveWorkspace(workspaceArg);
+  if (!workspacePath) return;
+
+  const feature = await loadFeatureConfig(workspacePath);
+  if (!feature) {
+    console.error(chalk.red('✖ Failed to load workspace configuration.'));
+    return;
+  }
+
+  const repos = await getWorkspaceRepos(workspacePath);
+  const changedRepos = [];
+
+  for (const repo of repos) {
+    const status = await getRepoStatus(repo.path);
+    if (status.hasChanges) {
+      changedRepos.push({ repo, status });
+    }
+  }
+
+  if (changedRepos.length === 0) {
+    console.log(chalk.green('✅ No changes to commit across any repositories.\n'));
+    return;
+  }
+
+  console.log(`Found ${chalk.bold(changedRepos.length)} repositor${changedRepos.length === 1 ? 'y' : 'ies'} with changes.`);
+  if (options?.dryRun) {
+    console.log(chalk.yellow('⚠️  Dry run mode enabled. No changes will actually be committed or pushed.'));
+  }
+  console.log();
+
+  for (const { repo, status } of changedRepos) {
+    console.log(`Repository: ${chalk.bold(repo.name)}`);
+    console.log(chalk.dim(`  Changes: ${status.summary}`));
+    for (const file of status.changedFiles) {
+      console.log(`    ${chalk.yellow('M')} ${file}`);
+    }
+
+    if (options?.dryRun) {
+      console.log(chalk.dim('  [Dry Run] Would commit and ' + (options?.noPush ? 'not push' : 'push')));
+      continue;
+    }
+
+    const spinner = chalk.dim('  Committing...');
+    process.stdout.write(spinner);
+
+    const result = await commitAndPush(repo.path, message, repo.branchName, {
+      noPush: options?.noPush,
+    });
+
+    process.stdout.write('\r' + ' '.repeat(spinner.length) + '\r');
+
+    if (result.success) {
+      const action = options?.noPush ? 'Committed' : 'Committed & pushed';
+      console.log(`  ${chalk.green('✅')} ${action} (${chalk.cyan(result.commitHash || 'no hash')})`);
+    } else {
+      console.log(`  ${chalk.red('✖')} Failed: ${result.message}`);
+    }
+  }
+
+  console.log();
+}
+
+/**
+ * Resolves workspace path.
+ */
+async function resolveWorkspace(workspaceArg?: string): Promise<string | null> {
+  if (workspaceArg) {
+    const absolutePath = path.resolve(workspaceArg);
+    try {
+      await fs.access(path.join(absolutePath, 'nexusflow.json'));
+      return absolutePath;
+    } catch {
+      console.error(chalk.red(`✖ Invalid workspace: No nexusflow.json found at ${absolutePath}`));
+      return null;
+    }
+  }
+
+  const cwdFeature = await loadFeatureConfig(process.cwd());
+  if (cwdFeature) return process.cwd();
+
+  const config = await loadConfig();
+  const workspaces = await listWorkspaces(config.workspacesDir);
+
+  if (workspaces.length === 0) {
+    console.log(chalk.yellow('No workspaces found.\n'));
+    return null;
+  }
+
+  const selected = await select({
+    message: 'Select a workspace to commit:',
+    choices: workspaces.map((ws) => ({
+      name: `${ws.branchName} ${chalk.dim(`(${ws.repos.length} repos)`)}`,
+      value: ws.workspacePath,
+    })),
+  });
+
+  return selected;
+}