@agile-vibe-coding/avc 0.1.0 → 0.2.3

package/kanban/client/src/store/processStore.js

@@ -0,0 +1,65 @@
+import { create } from 'zustand';
+
+/**
+ * ProcessStore
+ * Tracks lightweight process DTOs for the ProcessMonitorBar chip row.
+ * Full ceremony logs live in sprintPlanningStore / ceremonyStore (accumulated via WS events).
+ */
+export const useProcessStore = create((set, get) => ({
+  processes: [], // { id, type, label, status, startedAt, endedAt }
+
+  /**
+   * Called from App.jsx WebSocket message handler for process:* events.
+   */
+  handleProcessMessage: (message) => {
+    const { processes } = get();
+
+    switch (message.type) {
+      case 'process:list':
+        set({ processes: message.processes });
+        break;
+
+      case 'process:started':
+        // Avoid duplicates on reconnect
+        if (processes.find(p => p.id === message.processId)) break;
+        set({
+          processes: [...processes, {
+            id: message.processId,
+            type: message.processType,
+            label: message.label,
+            status: 'running',
+            startedAt: message.startedAt,
+            endedAt: null,
+          }],
+        });
+        break;
+
+      case 'process:status': {
+        const updated = processes.map(p =>
+          p.id === message.processId
+            ? { ...p, status: message.status, endedAt: message.endedAt ?? p.endedAt }
+            : p
+        );
+        set({ processes: updated });
+        // Auto-remove cancelled processes after a brief moment so the chip disappears
+        // rather than staying permanently grayed out (user must manually clear others).
+        if (message.status === 'cancelled') {
+          setTimeout(() => {
+            set(s => ({ processes: s.processes.filter(p => p.id !== message.processId) }));
+          }, 1000);
+        }
+        break;
+      }
+    }
+  },
+
+  /** Remove finished (complete/error/cancelled) records both locally and on server. */
+  clearCompleted: async () => {
+    try { await fetch('/api/processes', { method: 'DELETE' }); } catch (_) {}
+    set(s => ({
+      processes: s.processes.filter(p =>
+        !['complete', 'error', 'cancelled'].includes(p.status)
+      ),
+    }));
+  },
+}));

package/kanban/client/src/store/sprintPlanningStore.js

@@ -0,0 +1,33 @@
+import { create } from 'zustand';
+
+export const useSprintPlanningStore = create((set) => ({
+  isOpen: false,
+  step: 1,        // 1: ready, 2: running, 3: select, 4: complete
+  status: 'idle', // 'idle' | 'running' | 'awaiting-selection' | 'complete' | 'error'
+  isPaused: false,
+  progressLog: [],
+  result: null,   // { epicsCreated, storiesCreated, totalEpics, totalStories, tokenUsage, model }
+  error: null,
+  processId: null, // active fork processId (set after run starts)
+  decomposedHierarchy: null, // { epics: [...] } — populated during awaiting-selection
+
+  openModal:               () => set({ isOpen: true, step: 1, status: 'idle', isPaused: false, progressLog: [], result: null, error: null, processId: null, decomposedHierarchy: null }),
+  closeModal:              () => set({ isOpen: false }),
+  // Reopen without resetting state — used by ProcessMonitorBar chip click
+  reopenModal:             () => set((s) => ({
+    isOpen: true,
+    step: s.status === 'complete' ? 4
+         : s.status === 'awaiting-selection' ? 3
+         : (s.status === 'running' || s.status === 'error') ? 2
+         : 1,
+  })),
+  setStep:                 (step)              => set({ step }),
+  setStatus:               (status)            => set({ status }),
+  setPaused:               (isPaused)          => set({ isPaused }),
+  appendProgress:          (entry)             => set((s) => ({ progressLog: [...s.progressLog, entry] })),
+  setProgressLog:          (entries)           => set({ progressLog: Array.isArray(entries) ? entries : [] }),
+  setResult:               (result)            => set({ result }),
+  setError:                (error)             => set({ error }),
+  setProcessId:            (processId)         => set({ processId }),
+  setDecomposedHierarchy:  (decomposedHierarchy) => set({ decomposedHierarchy }),
+}));

package/kanban/client/src/styles/globals.css

@@ -0,0 +1,59 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/kanban/client/tailwind.config.js

@@ -0,0 +1,77 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  darkMode: ['class'],
+  content: [
+    './index.html',
+    './src/**/*.{js,ts,jsx,tsx}',
+  ],
+  theme: {
+    container: {
+      center: true,
+      padding: '2rem',
+      screens: {
+        '2xl': '1400px',
+      },
+    },
+    extend: {
+      colors: {
+        border: 'hsl(var(--border))',
+        input: 'hsl(var(--input))',
+        ring: 'hsl(var(--ring))',
+        background: 'hsl(var(--background))',
+        foreground: 'hsl(var(--foreground))',
+        primary: {
+          DEFAULT: 'hsl(var(--primary))',
+          foreground: 'hsl(var(--primary-foreground))',
+        },
+        secondary: {
+          DEFAULT: 'hsl(var(--secondary))',
+          foreground: 'hsl(var(--secondary-foreground))',
+        },
+        destructive: {
+          DEFAULT: 'hsl(var(--destructive))',
+          foreground: 'hsl(var(--destructive-foreground))',
+        },
+        muted: {
+          DEFAULT: 'hsl(var(--muted))',
+          foreground: 'hsl(var(--muted-foreground))',
+        },
+        accent: {
+          DEFAULT: 'hsl(var(--accent))',
+          foreground: 'hsl(var(--accent-foreground))',
+        },
+        popover: {
+          DEFAULT: 'hsl(var(--popover))',
+          foreground: 'hsl(var(--popover-foreground))',
+        },
+        card: {
+          DEFAULT: 'hsl(var(--card))',
+          foreground: 'hsl(var(--card-foreground))',
+        },
+      },
+      borderRadius: {
+        lg: 'var(--radius)',
+        md: 'calc(var(--radius) - 2px)',
+        sm: 'calc(var(--radius) - 4px)',
+      },
+      keyframes: {
+        'accordion-down': {
+          from: { height: '0' },
+          to: { height: 'var(--radix-accordion-content-height)' },
+        },
+        'accordion-up': {
+          from: { height: 'var(--radix-accordion-content-height)' },
+          to: { height: '0' },
+        },
+      },
+      animation: {
+        'accordion-down': 'accordion-down 0.2s ease-out',
+        'accordion-up': 'accordion-up 0.2s ease-out',
+      },
+    },
+  },
+  plugins: [
+    require('tailwindcss-animate'),
+    require('@tailwindcss/typography'),
+  ],
+};

package/kanban/client/vite.config.js

@@ -0,0 +1,28 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+  server: {
+    port: 5173,
+    proxy: {
+      // Proxy API requests to backend server
+      '/api': {
+        target: 'http://localhost:4174',
+        changeOrigin: true,
+      },
+      // Proxy WebSocket requests
+      '/ws': {
+        target: 'ws://localhost:4174',
+        ws: true,
+      },
+    },
+  },
+});

package/kanban/client/vitest.config.js

@@ -0,0 +1,28 @@
+import { defineConfig } from 'vitest/config';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: [],
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'json', 'html'],
+      exclude: [
+        'node_modules/',
+        'dist/',
+        '**/*.config.js',
+        '**/main.jsx',
+        '**/index.jsx',
+      ],
+    },
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+});

package/kanban/dev-start.sh

@@ -0,0 +1,47 @@
+#!/bin/bash
+
+# Development startup script for AVC Kanban Board
+# Starts both backend and frontend servers
+
+echo "🚀 Starting AVC Kanban Board Development Servers..."
+echo ""
+
+# Check if .avc/project exists
+if [ ! -d "../.avc/project" ]; then
+  echo "⚠️  Warning: .avc/project directory not found"
+  echo "   The backend will start but no work items will be available"
+  echo ""
+fi
+
+# Start backend server in background
+echo "📦 Starting backend server (port 4174)..."
+cd server
+node start.js .. 4174 &
+BACKEND_PID=$!
+echo "   Backend PID: $BACKEND_PID"
+
+# Wait for backend to be ready
+sleep 2
+
+# Start frontend dev server in background
+echo ""
+echo "🎨 Starting frontend dev server (port 5173)..."
+cd ../client
+npm run dev &
+FRONTEND_PID=$!
+echo "   Frontend PID: $FRONTEND_PID"
+
+echo ""
+echo "✅ Both servers started!"
+echo ""
+echo "📊 Backend API:  http://localhost:4174/api/health"
+echo "🌐 Frontend UI:  http://localhost:5173"
+echo ""
+echo "Press Ctrl+C to stop both servers"
+echo ""
+
+# Trap Ctrl+C and cleanup
+trap "echo ''; echo '🛑 Stopping servers...'; kill $BACKEND_PID $FRONTEND_PID; exit" INT
+
+# Wait for both processes
+wait

package/kanban/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "kanban",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": ""
+}