@leanspec/ui 0.2.9-dev.20251205030455 → 0.2.10

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

@@ -0,0 +1,184 @@
+/**
+ * PATCH /api/specs/[id]/metadata - Update spec metadata (status, priority, tags, assignee)
+ */
+
+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';
+
+const ALLOWED_STATUSES = ['planned', 'in-progress', 'complete', 'archived'] as const;
+const ALLOWED_PRIORITIES = ['low', 'medium', 'high', 'critical'] as const;
+
+type AllowedStatus = (typeof ALLOWED_STATUSES)[number];
+type AllowedPriority = (typeof ALLOWED_PRIORITIES)[number];
+
+interface MetadataUpdateRequest {
+  status?: AllowedStatus;
+  priority?: AllowedPriority;
+  tags?: string[];
+  assignee?: string;
+}
+
+function resolveProjectRoot(): string {
+  if (process.env.LEANSPEC_REPO_ROOT) {
+    return process.env.LEANSPEC_REPO_ROOT;
+  }
+
+  let currentDir = process.cwd();
+  for (let i = 0; i < 6; i++) {
+    if (existsSync(path.join(currentDir, '.lean-spec'))) {
+      return currentDir;
+    }
+    const parentDir = path.resolve(currentDir, '..');
+    if (parentDir === currentDir) {
+      break;
+    }
+    currentDir = parentDir;
+  }
+
+  // Fallback to repo root relative to UI package
+  return path.resolve(process.cwd(), '..', '..');
+}
+
+const PROJECT_ROOT = resolveProjectRoot();
+
+/**
+ * Find spec directory by identifier (number or name)
+ */
+async function findSpecDirectory(specIdentifier: string): Promise<string | null> {
+  const specsDir = path.join(PROJECT_ROOT, 'specs');
+  
+  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;
+}
+
+/**
+ * Validate metadata update request
+ */
+function validateRequest(payload: MetadataUpdateRequest): { valid: boolean; error?: string } {
+  // At least one field must be provided
+  if (!payload.status && !payload.priority && !payload.tags && payload.assignee === undefined) {
+    return { valid: false, error: 'At least one metadata field must be provided' };
+  }
+
+  // Validate status if provided
+  if (payload.status && !ALLOWED_STATUSES.includes(payload.status)) {
+    return { valid: false, error: `Invalid status. Allowed: ${ALLOWED_STATUSES.join(', ')}` };
+  }
+
+  // Validate priority if provided
+  if (payload.priority && !ALLOWED_PRIORITIES.includes(payload.priority)) {
+    return { valid: false, error: `Invalid priority. Allowed: ${ALLOWED_PRIORITIES.join(', ')}` };
+  }
+
+  // Validate tags if provided
+  if (payload.tags !== undefined) {
+    if (!Array.isArray(payload.tags)) {
+      return { valid: false, error: 'Tags must be an array' };
+    }
+    if (!payload.tags.every(t => typeof t === 'string')) {
+      return { valid: false, error: 'All tags must be strings' };
+    }
+  }
+
+  // Validate assignee if provided
+  if (payload.assignee !== undefined && typeof payload.assignee !== 'string') {
+    return { valid: false, error: 'Assignee must be a string' };
+  }
+
+  return { valid: true };
+}
+
+export async function PATCH(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id } = await params;
+    if (!id) {
+      return NextResponse.json({ error: 'Spec id is required' }, { status: 400 });
+    }
+
+    let payload: MetadataUpdateRequest = {};
+    try {
+      payload = await request.json();
+    } catch {
+      return NextResponse.json({ error: 'Invalid JSON body' }, { status: 400 });
+    }
+
+    const validation = validateRequest(payload);
+    if (!validation.valid) {
+      return NextResponse.json({ error: validation.error }, { status: 400 });
+    }
+
+    const specIdentifier = decodeURIComponent(id);
+    const specDir = await findSpecDirectory(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');
+    
+    // Build updates object (only include fields that were provided)
+    const updates: Record<string, unknown> = {};
+    if (payload.status) updates.status = payload.status;
+    if (payload.priority) updates.priority = payload.priority;
+    if (payload.tags !== undefined) updates.tags = payload.tags;
+    if (payload.assignee !== undefined) updates.assignee = payload.assignee || undefined;
+    
+    // Update frontmatter using @leanspec/core
+    const { content: updatedContent, frontmatter } = createUpdatedFrontmatter(currentContent, updates);
+    
+    // Write back to file
+    await writeFile(readmePath, updatedContent, 'utf-8');
+
+    return NextResponse.json({ 
+      success: true,
+      frontmatter: {
+        status: frontmatter.status,
+        priority: frontmatter.priority,
+        tags: frontmatter.tags,
+        assignee: frontmatter.assignee,
+      }
+    });
+  } catch (error) {
+    console.error('Failed to update spec metadata:', error);
+    return NextResponse.json({ error: 'Failed to update spec metadata' }, { status: 500 });
+  }
+}

package/.next/standalone/packages/ui/src/app/api/tags/route.ts

@@ -0,0 +1,16 @@
+/**
+ * GET /api/tags - Get all unique tags from specs
+ */
+
+import { NextResponse } from 'next/server';
+import { getAllTags } from '@/lib/db/service-queries';
+
+export async function GET() {
+  try {
+    const tags = await getAllTags();
+    return NextResponse.json({ tags });
+  } catch (error) {
+    console.error('Failed to fetch tags:', error);
+    return NextResponse.json({ error: 'Failed to fetch tags' }, { status: 500 });
+  }
+}

package/.next/standalone/packages/ui/src/app/context/page.tsx

@@ -4,13 +4,35 @@
  * Spec 131 - UI Project Context Visibility
  */
 
+import { redirect } from 'next/navigation';
 import { getProjectContext } from '@/lib/db/service-queries';
+import { projectRegistry } from '@/lib/projects/registry';
 import { ContextClient } from './context-client';
 
 // Force dynamic rendering - this page needs runtime data
 export const dynamic = 'force-dynamic';
 
 export default async function ContextPage() {
+  const specsMode = process.env.SPECS_MODE || 'filesystem';
+  
+  // In multi-project mode, redirect to the most recent project's context
+  if (specsMode === 'multi-project') {
+    const recentProjects = await projectRegistry.getRecentProjects();
+    
+    if (recentProjects.length > 0) {
+      redirect(`/projects/${recentProjects[0].id}/context`);
+    }
+    
+    // If no recent projects, check for any projects
+    const projects = await projectRegistry.getProjects();
+    if (projects.length > 0) {
+      redirect(`/projects/${projects[0].id}/context`);
+    }
+    
+    // No projects at all - redirect to projects page to add one
+    redirect('/projects');
+  }
+  
   const context = await getProjectContext();
 
   return <ContextClient context={context} />;

package/.next/standalone/packages/ui/src/app/dashboard-client.tsx

@@ -201,10 +201,20 @@ export function DashboardClient({ initialSpecs, initialStats, projectId }: Dashb
       <div className="max-w-7xl mx-auto space-y-6 sm:space-y-8">
         {/* Header */}
         <div>
-          <h1 className="text-3xl sm:text-4xl font-bold tracking-tight">Dashboard</h1>
-          <p className="text-muted-foreground mt-2">
-            Project overview and recent activity
-          </p>
+          <div className="flex items-center gap-3">
+            {currentProject?.color && (
+              <div
+                className="h-8 w-2 rounded-full shrink-0"
+                style={{ backgroundColor: currentProject.color }}
+              />
+            )}
+            <div>
+              <h1 className="text-3xl sm:text-4xl font-bold tracking-tight">Dashboard</h1>
+              <p className="text-muted-foreground mt-2">
+                {currentProject ? `${currentProject.name} — overview and recent activity` : 'Project overview and recent activity'}
+              </p>
+            </div>
+          </div>
         </div>
 
         {/* Stats Cards */}

package/.next/standalone/packages/ui/src/app/dependencies/dependencies-client.tsx

@@ -14,7 +14,7 @@ import ReactFlow, {
 } from 'reactflow';
 import 'reactflow/dist/style.css';
 import { cn } from '@/lib/utils';
-import type { ProjectDependencyGraph } from '@/app/api/dependencies/route';
+import type { DependencyGraph } from '@/lib/db/service-queries';
 
 import { nodeTypes } from './spec-node';
 import { SpecSidebar } from './spec-sidebar';
@@ -23,7 +23,7 @@ import { DEPENDS_ON_COLOR, toneBgColors } from './constants';
 import type { SpecNodeData, GraphTone, FocusedNodeDetails, ConnectionStats } from './types';
 
 interface ProjectDependencyGraphClientProps {
-  data: ProjectDependencyGraph;
+  data: DependencyGraph;
   projectId?: string;
 }
 

package/.next/standalone/packages/ui/src/app/dependencies/page.tsx

@@ -1,20 +1,32 @@
+import { redirect } from 'next/navigation';
 import { ProjectDependencyGraphClient } from './dependencies-client';
-import type { ProjectDependencyGraph } from '@/app/api/dependencies/route';
+import { getDependencyGraph } from '@/lib/db/service-queries';
+import { projectRegistry } from '@/lib/projects/registry';
 
-async function getDependencyGraph(): Promise<ProjectDependencyGraph> {
-  const baseUrl = process.env.NEXT_PUBLIC_API_BASE_URL || 'http://localhost:3000';
-  const res = await fetch(`${baseUrl}/api/dependencies`, {
-    cache: 'no-store',
-  });
-
-  if (!res.ok) {
-    throw new Error('Failed to fetch dependency graph');
-  }
-
-  return res.json();
-}
+// Force dynamic rendering - this page needs runtime data
+export const dynamic = 'force-dynamic';
 
 export default async function DependenciesPage() {
+  const specsMode = process.env.SPECS_MODE || 'filesystem';
+  
+  // In multi-project mode, redirect to the most recent project's dependencies
+  if (specsMode === 'multi-project') {
+    const recentProjects = await projectRegistry.getRecentProjects();
+    
+    if (recentProjects.length > 0) {
+      redirect(`/projects/${recentProjects[0].id}/dependencies`);
+    }
+    
+    // If no recent projects, check for any projects
+    const projects = await projectRegistry.getProjects();
+    if (projects.length > 0) {
+      redirect(`/projects/${projects[0].id}/dependencies`);
+    }
+    
+    // No projects at all - redirect to projects page to add one
+    redirect('/projects');
+  }
+  
   const data = await getDependencyGraph();
 
   if (data.nodes.length === 0) {

package/.next/standalone/packages/ui/src/app/projects/[projectId]/dependencies/page.tsx

@@ -1,18 +1,5 @@
 import { ProjectDependencyGraphClient } from '@/app/dependencies/dependencies-client';
-import type { ProjectDependencyGraph } from '@/app/api/dependencies/route';
-
-async function getDependencyGraph(projectId: string): Promise<ProjectDependencyGraph> {
-  const baseUrl = process.env.NEXT_PUBLIC_API_BASE_URL || 'http://localhost:3000';
-  const res = await fetch(`${baseUrl}/api/projects/${projectId}/dependencies`, {
-    cache: 'no-store',
-  });
-
-  if (!res.ok) {
-    throw new Error('Failed to fetch dependency graph');
-  }
-
-  return res.json();
-}
+import { getDependencyGraph } from '@/lib/db/service-queries';
 
 export default async function ProjectDependenciesPage({
   params,