@leanspec/ui 0.2.5 → 0.2.6-dev.20251125015611

package/.next/standalone/packages/ui/bin/ui.js

@@ -17,6 +17,7 @@ program
   .option('-s, --specs <dir>', 'Specs directory (auto-detected if omitted)')
   .option('-p, --port <port>', 'Port to run on', '3000')
   .option('--no-open', "Don't open the browser automatically")
+  .option('--multi-project', 'Enable multi-project mode')
   .option('--dry-run', 'Show what would run without executing')
   .action(async (options) => {
     try {
@@ -33,15 +34,24 @@ program.parseAsync(process.argv);
 async function startUi(options) {
   const cwd = process.cwd();
   const port = validatePort(options.port);
-  const specsDir = resolveSpecsDirectory(cwd, options.specs);
+  
+  let specsDir = '';
+  let specsMode = 'filesystem';
+
+  if (options.multiProject) {
+    specsMode = 'multi-project';
+  } else {
+    specsDir = resolveSpecsDirectory(cwd, options.specs);
+  }
+
   const serverPath = getServerPath();
 
   if (options.dryRun) {
-    printDryRun({ port, specsDir, serverPath, openBrowser: options.open });
+    printDryRun({ port, specsDir, specsMode, serverPath, openBrowser: options.open });
     return;
   }
 
-  await launchServer({ port, specsDir, serverPath, openBrowser: options.open });
+  await launchServer({ port, specsDir, specsMode, serverPath, openBrowser: options.open });
 }
 
 function validatePort(value) {
@@ -134,22 +144,22 @@ function getServerPath() {
   throw new Error('LeanSpec UI build not found. Reinstall @leanspec/ui or run pnpm --filter @leanspec/ui build.');
 }
 
-function printDryRun({ port, specsDir, serverPath, openBrowser }) {
+function printDryRun({ port, specsDir, specsMode, serverPath, openBrowser }) {
   console.log(chalk.cyan('Would run:'));
-  console.log(chalk.dim(`  SPECS_MODE=filesystem SPECS_DIR=${specsDir} PORT=${port} node ${serverPath}`));
+  console.log(chalk.dim(`  SPECS_MODE=${specsMode} SPECS_DIR=${specsDir} PORT=${port} node ${serverPath}`));
   if (openBrowser) {
     console.log(chalk.dim(`  open http://localhost:${port}`));
   }
 }
 
-async function launchServer({ port, specsDir, serverPath, openBrowser }) {
+async function launchServer({ port, specsDir, specsMode, serverPath, openBrowser }) {
   const spinner = ora('Starting LeanSpec UI...').start();
   const serverDir = dirname(serverPath);
   const env = {
     ...process.env,
     NODE_ENV: 'production',
     NEXT_TELEMETRY_DISABLED: '1',
-    SPECS_MODE: 'filesystem',
+    SPECS_MODE: specsMode,
     SPECS_DIR: specsDir,
     PORT: port,
   };

package/.next/standalone/packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leanspec/ui",
-  "version": "0.2.5",
+  "version": "0.2.6-dev.20251125015611",
   "description": "LeanSpec web UI launcher for visual spec management",
   "type": "module",
   "bin": {
@@ -54,10 +54,10 @@
   },
   "dependencies": {
     "@dagrejs/dagre": "^1.1.8",
-    "@leanspec/core": "^0.2.5",
     "@radix-ui/react-avatar": "^1.1.11",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-progress": "^1.1.8",
     "@radix-ui/react-select": "^2.1.14",
     "@radix-ui/react-separator": "^1.1.8",
@@ -99,8 +99,10 @@
     "zod": "^3.25.76"
   },
   "devDependencies": {
+    "@leanspec/core": "workspace:*",
     "@tailwindcss/typography": "^0.5.15",
     "@types/better-sqlite3": "^7.6.12",
+    "@types/js-yaml": "^4.0.9",
     "@types/mdast": "^4.0.4",
     "@types/node": "^20",
     "@types/react": "^19",

package/.next/standalone/packages/ui/server.js

@@ -15,7 +15,7 @@ const currentPort = parseInt(process.env.PORT, 10) || 3000
 const hostname = process.env.HOSTNAME || '0.0.0.0'
 
 let keepAliveTimeout = parseInt(process.env.KEEP_ALIVE_TIMEOUT, 10)
-const nextConfig = {"env":{},"webpack":null,"typescript":{"ignoreBuildErrors":false},"typedRoutes":false,"distDir":"./.next","cleanDistDir":true,"assetPrefix":"","cacheMaxMemorySize":52428800,"configOrigin":"next.config.ts","useFileSystemPublicRoutes":true,"generateEtags":true,"pageExtensions":["tsx","ts","jsx","js"],"poweredByHeader":true,"compress":true,"images":{"deviceSizes":[640,750,828,1080,1200,1920,2048,3840],"imageSizes":[32,48,64,96,128,256,384],"path":"/_next/image","loader":"default","loaderFile":"","domains":[],"disableStaticImages":false,"minimumCacheTTL":14400,"formats":["image/webp"],"maximumRedirects":3,"dangerouslyAllowLocalIP":false,"dangerouslyAllowSVG":false,"contentSecurityPolicy":"script-src 'none'; frame-src 'none'; sandbox;","contentDispositionType":"attachment","localPatterns":[{"pathname":"**","search":""}],"remotePatterns":[],"qualities":[75],"unoptimized":false},"devIndicators":{"position":"bottom-left"},"onDemandEntries":{"maxInactiveAge":60000,"pagesBufferLength":5},"basePath":"","sassOptions":{},"trailingSlash":false,"i18n":null,"productionBrowserSourceMaps":false,"excludeDefaultMomentLocales":true,"reactProductionProfiling":false,"reactStrictMode":null,"reactMaxHeadersLength":6000,"httpAgentOptions":{"keepAlive":true},"logging":{},"compiler":{},"expireTime":31536000,"staticPageGenerationTimeout":60,"output":"standalone","modularizeImports":{"@mui/icons-material":{"transform":"@mui/icons-material/{{member}}"},"lodash":{"transform":"lodash/{{member}}"}},"outputFileTracingRoot":"/Users/marvzhang/projects/codervisor/lean-spec","cacheComponents":false,"cacheLife":{"default":{"stale":300,"revalidate":900,"expire":4294967294},"seconds":{"stale":30,"revalidate":1,"expire":60},"minutes":{"stale":300,"revalidate":60,"expire":3600},"hours":{"stale":300,"revalidate":3600,"expire":86400},"days":{"stale":300,"revalidate":86400,"expire":604800},"weeks":{"stale":300,"revalidate":604800,"expire":2592000},"max":{"stale":300,"revalidate":2592000,"expire":31536000}},"cacheHandlers":{},"experimental":{"useSkewCookie":false,"cssChunking":true,"multiZoneDraftMode":false,"appNavFailHandling":false,"prerenderEarlyExit":true,"serverMinification":true,"serverSourceMaps":false,"linkNoTouchStart":false,"caseSensitiveRoutes":false,"clientSegmentCache":true,"dynamicOnHover":false,"preloadEntriesOnStart":true,"clientRouterFilter":true,"clientRouterFilterRedirects":false,"fetchCacheKeyPrefix":"","proxyPrefetch":"flexible","optimisticClientCache":true,"manualClientBasePath":false,"cpus":9,"memoryBasedWorkersCount":false,"imgOptConcurrency":null,"imgOptTimeoutInSeconds":7,"imgOptMaxInputPixels":268402689,"imgOptSequentialRead":null,"imgOptSkipMetadata":null,"isrFlushToDisk":true,"workerThreads":false,"optimizeCss":false,"nextScriptWorkers":false,"scrollRestoration":false,"externalDir":false,"disableOptimizedLoading":false,"gzipSize":true,"craCompat":false,"esmExternals":true,"fullySpecified":false,"swcTraceProfiling":false,"forceSwcTransforms":false,"largePageDataBytes":128000,"typedEnv":false,"parallelServerCompiles":false,"parallelServerBuildTraces":false,"ppr":false,"authInterrupts":false,"webpackMemoryOptimizations":false,"optimizeServerReact":true,"viewTransition":false,"removeUncaughtErrorAndRejectionListeners":false,"validateRSCRequestHeaders":false,"staleTimes":{"dynamic":0,"static":300},"reactDebugChannel":false,"serverComponentsHmrCache":true,"staticGenerationMaxConcurrency":8,"staticGenerationMinPagesPerWorker":25,"inlineCss":false,"useCache":false,"globalNotFound":false,"browserDebugInfoInTerminal":false,"lockDistDir":true,"isolatedDevBuild":true,"proxyClientMaxBodySize":10485760,"hideLogsAfterAbort":false,"mcpServer":true,"optimizePackageImports":["lucide-react","date-fns","lodash-es","ramda","antd","react-bootstrap","ahooks","@ant-design/icons","@headlessui/react","@headlessui-float/react","@heroicons/react/20/solid","@heroicons/react/24/solid","@heroicons/react/24/outline","@visx/visx","@tremor/react","rxjs","@mui/material","@mui/icons-material","recharts","react-use","effect","@effect/schema","@effect/platform","@effect/platform-node","@effect/platform-browser","@effect/platform-bun","@effect/sql","@effect/sql-mssql","@effect/sql-mysql2","@effect/sql-pg","@effect/sql-sqlite-node","@effect/sql-sqlite-bun","@effect/sql-sqlite-wasm","@effect/sql-sqlite-react-native","@effect/rpc","@effect/rpc-http","@effect/typeclass","@effect/experimental","@effect/opentelemetry","@material-ui/core","@material-ui/icons","@tabler/icons-react","mui-core","react-icons/ai","react-icons/bi","react-icons/bs","react-icons/cg","react-icons/ci","react-icons/di","react-icons/fa","react-icons/fa6","react-icons/fc","react-icons/fi","react-icons/gi","react-icons/go","react-icons/gr","react-icons/hi","react-icons/hi2","react-icons/im","react-icons/io","react-icons/io5","react-icons/lia","react-icons/lib","react-icons/lu","react-icons/md","react-icons/pi","react-icons/ri","react-icons/rx","react-icons/si","react-icons/sl","react-icons/tb","react-icons/tfi","react-icons/ti","react-icons/vsc","react-icons/wi"],"trustHostHeader":false,"isExperimentalCompile":false},"htmlLimitedBots":"[\\w-]+-Google|Google-[\\w-]+|Chrome-Lighthouse|Slurp|DuckDuckBot|baiduspider|yandex|sogou|bitlybot|tumblr|vkShare|quora link preview|redditbot|ia_archiver|Bingbot|BingPreview|applebot|facebookexternalhit|facebookcatalog|Twitterbot|LinkedInBot|Slackbot|Discordbot|WhatsApp|SkypeUriPreview|Yeti|googleweblight","bundlePagesRouterDependencies":false,"configFileName":"next.config.ts","turbopack":{"root":"/Users/marvzhang/projects/codervisor/lean-spec"},"distDirRoot":".next"}
+const nextConfig = {"env":{},"webpack":null,"typescript":{"ignoreBuildErrors":false},"typedRoutes":false,"distDir":"./.next","cleanDistDir":true,"assetPrefix":"","cacheMaxMemorySize":52428800,"configOrigin":"next.config.ts","useFileSystemPublicRoutes":true,"generateEtags":true,"pageExtensions":["tsx","ts","jsx","js"],"poweredByHeader":true,"compress":true,"images":{"deviceSizes":[640,750,828,1080,1200,1920,2048,3840],"imageSizes":[32,48,64,96,128,256,384],"path":"/_next/image","loader":"default","loaderFile":"","domains":[],"disableStaticImages":false,"minimumCacheTTL":14400,"formats":["image/webp"],"maximumRedirects":3,"dangerouslyAllowLocalIP":false,"dangerouslyAllowSVG":false,"contentSecurityPolicy":"script-src 'none'; frame-src 'none'; sandbox;","contentDispositionType":"attachment","localPatterns":[{"pathname":"**","search":""}],"remotePatterns":[],"qualities":[75],"unoptimized":false},"devIndicators":{"position":"bottom-left"},"onDemandEntries":{"maxInactiveAge":60000,"pagesBufferLength":5},"basePath":"","sassOptions":{},"trailingSlash":false,"i18n":null,"productionBrowserSourceMaps":false,"excludeDefaultMomentLocales":true,"reactProductionProfiling":false,"reactStrictMode":null,"reactMaxHeadersLength":6000,"httpAgentOptions":{"keepAlive":true},"logging":{},"compiler":{},"expireTime":31536000,"staticPageGenerationTimeout":60,"output":"standalone","modularizeImports":{"@mui/icons-material":{"transform":"@mui/icons-material/{{member}}"},"lodash":{"transform":"lodash/{{member}}"}},"outputFileTracingRoot":"/home/runner/work/lean-spec/lean-spec","cacheComponents":false,"cacheLife":{"default":{"stale":300,"revalidate":900,"expire":4294967294},"seconds":{"stale":30,"revalidate":1,"expire":60},"minutes":{"stale":300,"revalidate":60,"expire":3600},"hours":{"stale":300,"revalidate":3600,"expire":86400},"days":{"stale":300,"revalidate":86400,"expire":604800},"weeks":{"stale":300,"revalidate":604800,"expire":2592000},"max":{"stale":300,"revalidate":2592000,"expire":31536000}},"cacheHandlers":{},"experimental":{"useSkewCookie":false,"cssChunking":true,"multiZoneDraftMode":false,"appNavFailHandling":false,"prerenderEarlyExit":true,"serverMinification":true,"serverSourceMaps":false,"linkNoTouchStart":false,"caseSensitiveRoutes":false,"clientSegmentCache":true,"dynamicOnHover":false,"preloadEntriesOnStart":true,"clientRouterFilter":true,"clientRouterFilterRedirects":false,"fetchCacheKeyPrefix":"","proxyPrefetch":"flexible","optimisticClientCache":true,"manualClientBasePath":false,"cpus":3,"memoryBasedWorkersCount":false,"imgOptConcurrency":null,"imgOptTimeoutInSeconds":7,"imgOptMaxInputPixels":268402689,"imgOptSequentialRead":null,"imgOptSkipMetadata":null,"isrFlushToDisk":true,"workerThreads":false,"optimizeCss":false,"nextScriptWorkers":false,"scrollRestoration":false,"externalDir":false,"disableOptimizedLoading":false,"gzipSize":true,"craCompat":false,"esmExternals":true,"fullySpecified":false,"swcTraceProfiling":false,"forceSwcTransforms":false,"largePageDataBytes":128000,"typedEnv":false,"parallelServerCompiles":false,"parallelServerBuildTraces":false,"ppr":false,"authInterrupts":false,"webpackMemoryOptimizations":false,"optimizeServerReact":true,"viewTransition":false,"removeUncaughtErrorAndRejectionListeners":false,"validateRSCRequestHeaders":false,"staleTimes":{"dynamic":0,"static":300},"reactDebugChannel":false,"serverComponentsHmrCache":true,"staticGenerationMaxConcurrency":8,"staticGenerationMinPagesPerWorker":25,"inlineCss":false,"useCache":false,"globalNotFound":false,"browserDebugInfoInTerminal":false,"lockDistDir":true,"isolatedDevBuild":true,"proxyClientMaxBodySize":10485760,"hideLogsAfterAbort":false,"mcpServer":true,"optimizePackageImports":["lucide-react","date-fns","lodash-es","ramda","antd","react-bootstrap","ahooks","@ant-design/icons","@headlessui/react","@headlessui-float/react","@heroicons/react/20/solid","@heroicons/react/24/solid","@heroicons/react/24/outline","@visx/visx","@tremor/react","rxjs","@mui/material","@mui/icons-material","recharts","react-use","effect","@effect/schema","@effect/platform","@effect/platform-node","@effect/platform-browser","@effect/platform-bun","@effect/sql","@effect/sql-mssql","@effect/sql-mysql2","@effect/sql-pg","@effect/sql-sqlite-node","@effect/sql-sqlite-bun","@effect/sql-sqlite-wasm","@effect/sql-sqlite-react-native","@effect/rpc","@effect/rpc-http","@effect/typeclass","@effect/experimental","@effect/opentelemetry","@material-ui/core","@material-ui/icons","@tabler/icons-react","mui-core","react-icons/ai","react-icons/bi","react-icons/bs","react-icons/cg","react-icons/ci","react-icons/di","react-icons/fa","react-icons/fa6","react-icons/fc","react-icons/fi","react-icons/gi","react-icons/go","react-icons/gr","react-icons/hi","react-icons/hi2","react-icons/im","react-icons/io","react-icons/io5","react-icons/lia","react-icons/lib","react-icons/lu","react-icons/md","react-icons/pi","react-icons/ri","react-icons/rx","react-icons/si","react-icons/sl","react-icons/tb","react-icons/tfi","react-icons/ti","react-icons/vsc","react-icons/wi"],"trustHostHeader":false,"isExperimentalCompile":false},"htmlLimitedBots":"[\\w-]+-Google|Google-[\\w-]+|Chrome-Lighthouse|Slurp|DuckDuckBot|baiduspider|yandex|sogou|bitlybot|tumblr|vkShare|quora link preview|redditbot|ia_archiver|Bingbot|BingPreview|applebot|facebookexternalhit|facebookcatalog|Twitterbot|LinkedInBot|Slackbot|Discordbot|WhatsApp|SkypeUriPreview|Yeti|googleweblight","bundlePagesRouterDependencies":false,"configFileName":"next.config.ts","turbopack":{"root":"/home/runner/work/lean-spec/lean-spec"},"distDirRoot":".next"}
 
 process.env.__NEXT_PRIVATE_STANDALONE_CONFIG = JSON.stringify(nextConfig)
 

package/.next/standalone/packages/ui/src/app/api/local-projects/[id]/route.ts

@@ -0,0 +1,117 @@
+/**
+ * API Routes for individual project management
+ * 
+ * GET /api/local-projects/[id] - Get project details
+ * PATCH /api/local-projects/[id] - Update project
+ * DELETE /api/local-projects/[id] - Remove project
+ */
+
+import { NextRequest, NextResponse } from 'next/server';
+import { projectRegistry } from '@/lib/projects';
+
+interface RouteContext {
+  params: Promise<{ id: string }>;
+}
+
+/**
+ * GET /api/local-projects/[id]
+ * Get project details and touch lastAccessed
+ */
+export async function GET(
+  request: NextRequest,
+  context: RouteContext
+) {
+  try {
+    const { id } = await context.params;
+    
+    const project = await projectRegistry.getProject(id);
+    if (!project) {
+      return NextResponse.json(
+        { error: 'Project not found' },
+        { status: 404 }
+      );
+    }
+
+    // Touch project to update lastAccessed
+    await projectRegistry.touchProject(id);
+
+    return NextResponse.json({ project });
+  } catch (error: any) {
+    console.error('Error fetching project:', error);
+    return NextResponse.json(
+      { error: 'Failed to fetch project', details: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+/**
+ * PATCH /api/local-projects/[id]
+ * Update project metadata
+ * 
+ * Body: { name?: string, color?: string, description?: string, favorite?: boolean }
+ */
+export async function PATCH(
+  request: NextRequest,
+  context: RouteContext
+) {
+  try {
+    const { id } = await context.params;
+    const body = await request.json();
+    
+    // Handle favorite toggle separately
+    if ('favorite' in body && Object.keys(body).length === 1) {
+      const favorite = await projectRegistry.toggleFavorite(id);
+      const project = await projectRegistry.getProject(id);
+      return NextResponse.json({ project, favorite });
+    }
+
+    const { name, color, description } = body;
+    const updates: any = {};
+    
+    if (name !== undefined) updates.name = name;
+    if (color !== undefined) updates.color = color;
+    if (description !== undefined) updates.description = description;
+
+    const project = await projectRegistry.updateProject(id, updates);
+
+    return NextResponse.json({ project });
+  } catch (error: any) {
+    console.error('Error updating project:', error);
+    
+    if (error.message === 'Project not found') {
+      return NextResponse.json(
+        { error: 'Project not found' },
+        { status: 404 }
+      );
+    }
+    
+    return NextResponse.json(
+      { error: 'Failed to update project', details: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+/**
+ * DELETE /api/local-projects/[id]
+ * Remove project from registry (doesn't delete files)
+ */
+export async function DELETE(
+  request: NextRequest,
+  context: RouteContext
+) {
+  try {
+    const { id } = await context.params;
+    
+    await projectRegistry.removeProject(id);
+
+    return NextResponse.json({ success: true });
+  } catch (error: any) {
+    console.error('Error removing project:', error);
+    return NextResponse.json(
+      { error: 'Failed to remove project', details: error.message },
+      { status: 500 }
+    );
+  }
+}

package/.next/standalone/packages/ui/src/app/api/local-projects/discover/route.ts

@@ -0,0 +1,41 @@
+/**
+ * API Route for project discovery
+ * 
+ * POST /api/local-projects/discover - Discover projects in a directory
+ */
+
+import { NextRequest, NextResponse } from 'next/server';
+import { projectRegistry } from '@/lib/projects';
+
+/**
+ * POST /api/local-projects/discover
+ * Discover LeanSpec projects in a directory tree
+ * 
+ * Body: { path: string, maxDepth?: number }
+ */
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json();
+    const { path, maxDepth = 3 } = body;
+
+    if (!path || typeof path !== 'string') {
+      return NextResponse.json(
+        { error: 'Invalid request: path is required' },
+        { status: 400 }
+      );
+    }
+
+    const discovered = await projectRegistry.discoverProjects(path, maxDepth);
+
+    return NextResponse.json({ 
+      discovered,
+      count: discovered.length,
+    });
+  } catch (error: any) {
+    console.error('Error discovering projects:', error);
+    return NextResponse.json(
+      { error: 'Failed to discover projects', details: error.message },
+      { status: 500 }
+    );
+  }
+}

package/.next/standalone/packages/ui/src/app/api/local-projects/list-directory/route.ts

@@ -0,0 +1,38 @@
+/**
+ * API Route for listing directory contents
+ * 
+ * POST /api/local-projects/list-directory - List directories in a path
+ */
+
+import { NextRequest, NextResponse } from 'next/server';
+import { projectRegistry } from '@/lib/projects';
+import { homedir } from 'node:os';
+
+/**
+ * POST /api/local-projects/list-directory
+ * List directories in a given path
+ * 
+ * Body: { path?: string }
+ */
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json();
+    const { path } = body;
+
+    // Use CWD if path is not provided, falling back to homedir
+    const targetPath = path || process.cwd() || homedir();
+
+    const items = await projectRegistry.listDirectory(targetPath);
+
+    return NextResponse.json({ 
+      path: targetPath,
+      items,
+    });
+  } catch (error: any) {
+    console.error('Error listing directory:', error);
+    return NextResponse.json(
+      { error: 'Failed to list directory', details: error.message },
+      { status: 500 }
+    );
+  }
+}

package/.next/standalone/packages/ui/src/app/api/local-projects/route.ts

@@ -0,0 +1,63 @@
+/**
+ * API Routes for local project management
+ * 
+ * GET /api/local-projects - List all local projects
+ * POST /api/local-projects - Add a new project
+ */
+
+import { NextRequest, NextResponse } from 'next/server';
+import { projectRegistry } from '@/lib/projects';
+
+/**
+ * GET /api/local-projects
+ * Returns all registered local projects
+ */
+export async function GET() {
+  try {
+    const projects = await projectRegistry.getProjects();
+    const recentProjects = await projectRegistry.getRecentProjects();
+    const favoriteProjects = await projectRegistry.getFavoriteProjects();
+
+    return NextResponse.json({
+      projects,
+      recentProjects,
+      favoriteProjects,
+    });
+  } catch (error: any) {
+    console.error('Error fetching local projects:', error);
+    return NextResponse.json(
+      { error: 'Failed to fetch local projects', details: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+/**
+ * POST /api/local-projects
+ * Add a new project to the registry
+ * 
+ * Body: { path: string, favorite?: boolean, color?: string }
+ */
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json();
+    const { path, favorite, color } = body;
+
+    if (!path || typeof path !== 'string') {
+      return NextResponse.json(
+        { error: 'Invalid request: path is required' },
+        { status: 400 }
+      );
+    }
+
+    const project = await projectRegistry.addProject(path, { favorite, color });
+
+    return NextResponse.json({ project }, { status: 201 });
+  } catch (error: any) {
+    console.error('Error adding project:', error);
+    return NextResponse.json(
+      { error: 'Failed to add project', details: error.message },
+      { status: 500 }
+    );
+  }
+}

package/.next/standalone/packages/ui/src/app/api/projects/[id]/route.ts

@@ -0,0 +1,97 @@
+import { NextResponse } from 'next/server';
+import { getProjectById } from '@/lib/db/queries';
+import { projectRegistry } from '@/lib/projects/registry';
+
+export async function GET(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id } = await params;
+
+    if (process.env.SPECS_MODE === 'multi-project') {
+      const project = await projectRegistry.getProject(id);
+      if (!project) {
+        return NextResponse.json(
+          { error: 'Project not found' },
+          { status: 404 }
+        );
+      }
+      // Touch project to update lastAccessed
+      await projectRegistry.touchProject(id);
+      return NextResponse.json({ project });
+    }
+
+    const project = await getProjectById(id);
+    if (!project) {
+      return NextResponse.json(
+        { error: 'Project not found' },
+        { status: 404 }
+      );
+    }
+    return NextResponse.json({ project });
+  } catch (error) {
+    console.error('Error fetching project:', error);
+    return NextResponse.json(
+      { error: 'Failed to fetch project' },
+      { status: 500 }
+    );
+  }
+}
+
+export async function DELETE(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    if (process.env.SPECS_MODE !== 'multi-project') {
+      return NextResponse.json(
+        { error: 'Multi-project mode is not enabled' },
+        { status: 400 }
+      );
+    }
+
+    const { id } = await params;
+    await projectRegistry.removeProject(id);
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error('Error deleting project:', error);
+    return NextResponse.json(
+      { error: 'Failed to delete project' },
+      { status: 500 }
+    );
+  }
+}
+
+export async function PATCH(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    if (process.env.SPECS_MODE !== 'multi-project') {
+      return NextResponse.json(
+        { error: 'Multi-project mode is not enabled' },
+        { status: 400 }
+      );
+    }
+
+    const { id } = await params;
+    const body = await request.json();
+
+    // Handle favorite toggle separately
+    if ('favorite' in body) {
+      const favorite = await projectRegistry.toggleFavorite(id);
+      const project = await projectRegistry.getProject(id);
+      return NextResponse.json({ project, favorite });
+    }
+
+    const project = await projectRegistry.updateProject(id, body);
+    return NextResponse.json({ project });
+  } catch (error) {
+    console.error('Error updating project:', error);
+    return NextResponse.json(
+      { error: 'Failed to update project' },
+      { status: 500 }
+    );
+  }
+}

package/.next/standalone/packages/ui/src/app/api/projects/[id]/specs/[spec]/route.ts

@@ -0,0 +1,38 @@
+import { NextResponse } from 'next/server';
+import { getSpecById } from '@/lib/db/queries';
+import { specsService } from '@/lib/specs/service';
+
+export async function GET(
+  request: Request,
+  { params }: { params: Promise<{ id: string; spec: string }> }
+) {
+  try {
+    const { id, spec: specId } = await params;
+
+    if (process.env.SPECS_MODE === 'multi-project') {
+      const spec = await specsService.getSpec(specId, id);
+      if (!spec) {
+        return NextResponse.json(
+          { error: 'Spec not found' },
+          { status: 404 }
+        );
+      }
+      return NextResponse.json({ spec });
+    }
+
+    const spec = await getSpecById(specId);
+    if (!spec) {
+      return NextResponse.json(
+        { error: 'Spec not found' },
+        { status: 404 }
+      );
+    }
+    return NextResponse.json({ spec });
+  } catch (error) {
+    console.error('Error fetching spec:', error);
+    return NextResponse.json(
+      { error: 'Failed to fetch spec' },
+      { status: 500 }
+    );
+  }
+}

package/.next/standalone/packages/ui/src/app/api/projects/[id]/specs/[spec]/status/route.ts

@@ -0,0 +1,97 @@
+import { NextResponse } from 'next/server';
+import path from 'node:path';
+import { readFile, writeFile } from 'node:fs/promises';
+import { existsSync } from 'node:fs';
+import { createUpdatedFrontmatter } from '@leanspec/core';
+import { projectRegistry } from '@/lib/projects/registry';
+
+const ALLOWED_STATUSES = ['planned', 'in-progress', 'complete', 'archived'] as const;
+type AllowedStatus = (typeof ALLOWED_STATUSES)[number];
+
+async function findSpecDirectory(specsDir: string, specIdentifier: string): Promise<string | null> {
+  if (!existsSync(specsDir)) {
+    return null;
+  }
+
+  const { readdir } = await import('node:fs/promises');
+  const entries = await readdir(specsDir, { withFileTypes: true });
+  
+  // Match by spec number or full directory name
+  const specPattern = /^(\d{2,})-/;
+  const specNum = parseInt(specIdentifier.split('-')[0], 10);
+  
+  for (const entry of entries) {
+    if (!entry.isDirectory()) continue;
+    
+    // Match by full name or by spec number
+    if (entry.name === specIdentifier) {
+      return path.join(specsDir, entry.name);
+    }
+    
+    if (!isNaN(specNum) && specPattern.test(entry.name)) {
+      const dirNum = parseInt(entry.name.split('-')[0], 10);
+      if (dirNum === specNum) {
+        return path.join(specsDir, entry.name);
+      }
+    }
+  }
+  
+  return null;
+}
+
+export async function PATCH(
+  request: Request,
+  { params }: { params: Promise<{ id: string; spec: string }> }
+) {
+  try {
+    const { id: projectId, spec: specId } = await params;
+    
+    if (process.env.SPECS_MODE !== 'multi-project') {
+      return NextResponse.json({ error: 'Multi-project mode not enabled' }, { status: 400 });
+    }
+
+    const project = await projectRegistry.getProject(projectId);
+    if (!project) {
+      return NextResponse.json({ error: 'Project not found' }, { status: 404 });
+    }
+
+    let payload: { status?: AllowedStatus } = {};
+    try {
+      payload = await request.json();
+    } catch {
+      return NextResponse.json({ error: 'Invalid JSON body' }, { status: 400 });
+    }
+
+    const { status } = payload;
+    if (!status || !ALLOWED_STATUSES.includes(status)) {
+      return NextResponse.json({ error: 'Invalid status value' }, { status: 400 });
+    }
+
+    const specIdentifier = decodeURIComponent(specId);
+    const specDir = await findSpecDirectory(project.specsDir, specIdentifier);
+    
+    if (!specDir) {
+      return NextResponse.json({ error: 'Spec not found' }, { status: 404 });
+    }
+    
+    const readmePath = path.join(specDir, 'README.md');
+    
+    if (!existsSync(readmePath)) {
+      return NextResponse.json({ error: 'Spec README.md not found' }, { status: 404 });
+    }
+    
+    // Read current content
+    const currentContent = await readFile(readmePath, 'utf-8');
+    
+    // Update frontmatter using @leanspec/core
+    const { content: updatedContent } = createUpdatedFrontmatter(currentContent, { status });
+    
+    // Write back to file
+    await writeFile(readmePath, updatedContent, 'utf-8');
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error('Failed to update spec status:', error);
+    return NextResponse.json({ error: 'Failed to update spec status' }, { status: 500 });
+  }
+}

package/.next/standalone/packages/ui/src/app/api/projects/[id]/specs/route.ts

@@ -4,6 +4,7 @@
 
 import { NextResponse } from 'next/server';
 import { getSpecsByProjectId } from '@/lib/db/queries';
+import { specsService } from '@/lib/specs/service';
 
 export async function GET(
   request: Request,
@@ -11,6 +12,12 @@ export async function GET(
 ) {
   try {
     const { id } = await params;
+
+    if (process.env.SPECS_MODE === 'multi-project') {
+      const specs = await specsService.getAllSpecs(id);
+      return NextResponse.json({ specs });
+    }
+
     const specs = await getSpecsByProjectId(id);
     return NextResponse.json({ specs });
   } catch (error) {

package/.next/standalone/packages/ui/{dist/standalone/packages/web/src/app/api → src/app/api/projects/[id]}/stats/route.ts

@@ -1,14 +1,14 @@
-/**
- * GET /api/stats - Get project and spec statistics
- */
-
 import { NextResponse } from 'next/server';
 import { getStats } from '@/lib/db/service-queries';
 
-export async function GET() {
+export async function GET(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
   try {
-    const stats = await getStats();
-    return NextResponse.json(stats);
+    const { id } = await params;
+    const stats = await getStats(id);
+    return NextResponse.json({ stats });
   } catch (error) {
     console.error('Error fetching stats:', error);
     return NextResponse.json(