@leanspec/ui 0.2.5 → 0.2.6-dev.20251125010539

package/.next/standalone/packages/ui/src/components/table-of-contents.tsx

@@ -57,6 +57,60 @@ function extractHeadings(markdown: string): TOCItem[] {
   return headings;
 }
 
+interface TOCListProps {
+  headings: TOCItem[];
+  onHeadingClick: (id: string) => void;
+}
+
+function TOCList({ headings, onHeadingClick }: TOCListProps) {
+  return (
+    <nav className="space-y-1">
+      {headings.map((heading, index) => (
+        <button
+          key={`${heading.id}-${index}`}
+          onClick={() => onHeadingClick(heading.id)}
+          className={cn(
+            'w-full text-left px-2 py-1.5 text-sm rounded-md hover:bg-muted transition-colors flex items-start gap-2 group text-muted-foreground hover:text-foreground',
+            heading.level === 2 && 'font-medium text-foreground',
+            heading.level === 3 && 'pl-6',
+            heading.level === 4 && 'pl-10',
+            heading.level === 5 && 'pl-14',
+            heading.level === 6 && 'pl-18'
+          )}
+        >
+          <span className="flex-1 truncate">{heading.text}</span>
+        </button>
+      ))}
+    </nav>
+  );
+}
+
+function scrollToHeading(id: string) {
+  const element = document.getElementById(id);
+  if (element) {
+    element.scrollIntoView({ behavior: 'smooth', block: 'start' });
+
+    if (window.history.replaceState) {
+      window.history.replaceState(null, '', `#${id}`);
+    } else {
+      window.location.hash = id;
+    }
+  }
+}
+
+export function TableOfContentsSidebar({ content }: TableOfContentsProps) {
+  const headings = React.useMemo(() => extractHeadings(content), [content]);
+
+  if (headings.length === 0) return null;
+
+  return (
+    <div className="py-2">
+      <h4 className="mb-4 text-sm font-semibold leading-none tracking-tight px-2">On this page</h4>
+      <TOCList headings={headings} onHeadingClick={scrollToHeading} />
+    </div>
+  );
+}
+
 export function TableOfContents({ content }: TableOfContentsProps) {
   const [open, setOpen] = React.useState(false);
   const headings = React.useMemo(() => extractHeadings(content), [content]);
@@ -68,24 +122,7 @@ export function TableOfContents({ content }: TableOfContentsProps) {
     setOpen(false);
     // Small delay to allow dialog to close before scrolling
     setTimeout(() => {
-      const element = document.getElementById(id);
-      if (element) {
-        // Scroll with offset for sticky header (top navbar + spec header)
-        const headerOffset = 180; // Adjust based on your header height
-        const elementPosition = element.getBoundingClientRect().top;
-        const offsetPosition = elementPosition + window.pageYOffset - headerOffset;
-
-        window.scrollTo({
-          top: offsetPosition,
-          behavior: 'smooth'
-        });
-
-        if (window.history.replaceState) {
-          window.history.replaceState(null, '', `#${id}`);
-        } else {
-          window.location.hash = id;
-        }
-      }
+      scrollToHeading(id);
     }, 100);
   };
 
@@ -105,25 +142,7 @@ export function TableOfContents({ content }: TableOfContentsProps) {
         <DialogHeader>
           <DialogTitle>Table of Contents</DialogTitle>
         </DialogHeader>
-        <nav className="space-y-1">
-          {headings.map((heading, index) => (
-            <button
-              key={`${heading.id}-${index}`}
-              onClick={() => handleHeadingClick(heading.id)}
-              className={cn(
-                'w-full text-left px-2 py-1.5 text-sm rounded-md hover:bg-muted transition-colors flex items-start gap-2 group',
-                heading.level === 2 && 'font-medium',
-                heading.level === 3 && 'pl-6',
-                heading.level === 4 && 'pl-10',
-                heading.level === 5 && 'pl-14',
-                heading.level === 6 && 'pl-18'
-              )}
-            >
-              <ChevronRight className="h-4 w-4 mt-0.5 flex-shrink-0 opacity-0 group-hover:opacity-100 transition-opacity" />
-              <span className="flex-1">{heading.text}</span>
-            </button>
-          ))}
-        </nav>
+        <TOCList headings={headings} onHeadingClick={handleHeadingClick} />
       </DialogContent>
     </Dialog>
   );

package/.next/standalone/packages/ui/src/components/ui/dropdown-menu.tsx

@@ -0,0 +1,200 @@
+"use client"
+
+import * as React from "react"
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import { Check, ChevronRight, Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const DropdownMenu = DropdownMenuPrimitive.Root
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
+
+const DropdownMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto h-4 w-4" />
+  </DropdownMenuPrimitive.SubTrigger>
+))
+DropdownMenuSubTrigger.displayName =
+  DropdownMenuPrimitive.SubTrigger.displayName
+
+const DropdownMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuSubContent.displayName =
+  DropdownMenuPrimitive.SubContent.displayName
+
+const DropdownMenuContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <DropdownMenuPrimitive.Portal>
+    <DropdownMenuPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      )}
+      {...props}
+    />
+  </DropdownMenuPrimitive.Portal>
+))
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+
+const DropdownMenuItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+
+const DropdownMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <DropdownMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.CheckboxItem>
+))
+DropdownMenuCheckboxItem.displayName =
+  DropdownMenuPrimitive.CheckboxItem.displayName
+
+const DropdownMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <Circle className="h-2 w-2 fill-current" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.RadioItem>
+))
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+
+const DropdownMenuLabel = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+
+const DropdownMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+
+const DropdownMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
+      {...props}
+    />
+  )
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuRadioGroup,
+}

package/.next/standalone/packages/ui/src/components/ui/popover.tsx

@@ -0,0 +1,31 @@
+"use client"
+
+import * as React from "react"
+import * as PopoverPrimitive from "@radix-ui/react-popover"
+
+import { cn } from "@/lib/utils"
+
+const Popover = PopoverPrimitive.Root
+
+const PopoverTrigger = PopoverPrimitive.Trigger
+
+const PopoverContent = React.forwardRef<
+  React.ElementRef<typeof PopoverPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
+>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+  <PopoverPrimitive.Portal>
+    <PopoverPrimitive.Content
+      ref={ref}
+      align={align}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      )}
+      {...props}
+    />
+  </PopoverPrimitive.Portal>
+))
+PopoverContent.displayName = PopoverPrimitive.Content.displayName
+
+export { Popover, PopoverTrigger, PopoverContent }

package/.next/standalone/packages/ui/src/contexts/project-context.tsx

@@ -0,0 +1,229 @@
+/**
+ * Project Context
+ * Manages the current project state for multi-project mode
+ */
+
+'use client';
+
+import React, { createContext, useContext, useState, useEffect, useCallback } from 'react';
+import type { LocalProject } from '@/lib/projects/types';
+
+interface ProjectContextType {
+  mode: 'multi-project' | 'single-project';
+  currentProject: LocalProject | null;
+  projects: LocalProject[];
+  recentProjects: LocalProject[];
+  favoriteProjects: LocalProject[];
+  isLoading: boolean;
+  error: string | null;
+  switchProject: (projectId: string) => Promise<void>;
+  addProject: (path: string, options?: { favorite?: boolean; color?: string }) => Promise<LocalProject>;
+  removeProject: (projectId: string) => Promise<void>;
+  toggleFavorite: (projectId: string) => Promise<void>;
+  updateProject: (projectId: string, updates: Partial<Pick<LocalProject, 'name' | 'color' | 'description'>>) => Promise<void>;
+  refreshProjects: () => Promise<void>;
+}
+
+const ProjectContext = createContext<ProjectContextType | null>(null);
+
+export function useProject() {
+  const context = useContext(ProjectContext);
+  if (!context) {
+    throw new Error('useProject must be used within ProjectProvider');
+  }
+  return context;
+}
+
+interface ProjectProviderProps {
+  children: React.ReactNode;
+  initialProjectId?: string;
+}
+
+export function ProjectProvider({ children, initialProjectId }: ProjectProviderProps) {
+  const [mode, setMode] = useState<'multi-project' | 'single-project'>('single-project');
+  const [currentProject, setCurrentProject] = useState<LocalProject | null>(null);
+  const [projects, setProjects] = useState<LocalProject[]>([]);
+  const [recentProjects, setRecentProjects] = useState<LocalProject[]>([]);
+  const [favoriteProjects, setFavoriteProjects] = useState<LocalProject[]>([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  // Fetch all projects
+  const refreshProjects = useCallback(async () => {
+    try {
+      setIsLoading(true);
+      setError(null);
+
+      const response = await fetch('/api/projects');
+      if (!response.ok) {
+        throw new Error('Failed to fetch projects');
+      }
+
+      const data = await response.json();
+      setMode(data.mode || 'single-project');
+      setProjects(data.projects || []);
+      setRecentProjects(data.recentProjects || []);
+      setFavoriteProjects(data.favoriteProjects || []);
+
+      // Set current project if not already set
+      if (!currentProject && data.projects.length > 0) {
+        const projectToSet = initialProjectId 
+          ? data.projects.find((p: LocalProject) => p.id === initialProjectId)
+          : data.recentProjects[0] || data.projects[0];
+        
+        if (projectToSet) {
+          setCurrentProject(projectToSet);
+        }
+      }
+    } catch (err: any) {
+      console.error('Error fetching projects:', err);
+      setError(err.message || 'Failed to load projects');
+    } finally {
+      setIsLoading(false);
+    }
+  }, [currentProject, initialProjectId]);
+
+  // Switch to a different project
+  const switchProject = useCallback(async (projectId: string) => {
+    try {
+      const response = await fetch(`/api/projects/${projectId}`);
+      if (!response.ok) {
+        throw new Error('Failed to fetch project');
+      }
+
+      const data = await response.json();
+      setCurrentProject(data.project);
+
+      // Refresh recent projects list
+      await refreshProjects();
+    } catch (err: any) {
+      console.error('Error switching project:', err);
+      setError(err.message || 'Failed to switch project');
+      throw err;
+    }
+  }, [refreshProjects]);
+
+  // Add a new project
+  const addProject = useCallback(async (
+    path: string,
+    options?: { favorite?: boolean; color?: string }
+  ): Promise<LocalProject> => {
+    try {
+      const response = await fetch('/api/projects', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ path, ...options }),
+      });
+
+      if (!response.ok) {
+        const error = await response.json();
+        throw new Error(error.details || 'Failed to add project');
+      }
+
+      const data = await response.json();
+      await refreshProjects();
+      return data.project;
+    } catch (err: any) {
+      console.error('Error adding project:', err);
+      setError(err.message || 'Failed to add project');
+      throw err;
+    }
+  }, [refreshProjects]);
+
+  // Remove a project
+  const removeProject = useCallback(async (projectId: string) => {
+    try {
+      const response = await fetch(`/api/projects/${projectId}`, {
+        method: 'DELETE',
+      });
+
+      if (!response.ok) {
+        throw new Error('Failed to remove project');
+      }
+
+      // If we removed the current project, switch to another
+      if (currentProject?.id === projectId) {
+        const otherProject = projects.find((p) => p.id !== projectId);
+        setCurrentProject(otherProject || null);
+      }
+
+      await refreshProjects();
+    } catch (err: any) {
+      console.error('Error removing project:', err);
+      setError(err.message || 'Failed to remove project');
+      throw err;
+    }
+  }, [currentProject, projects, refreshProjects]);
+
+  // Toggle favorite status
+  const toggleFavorite = useCallback(async (projectId: string) => {
+    try {
+      const response = await fetch(`/api/projects/${projectId}`, {
+        method: 'PATCH',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ favorite: true }),
+      });
+
+      if (!response.ok) {
+        throw new Error('Failed to toggle favorite');
+      }
+
+      await refreshProjects();
+    } catch (err: any) {
+      console.error('Error toggling favorite:', err);
+      setError(err.message || 'Failed to toggle favorite');
+      throw err;
+    }
+  }, [refreshProjects]);
+
+  // Update project metadata
+  const updateProject = useCallback(async (
+    projectId: string,
+    updates: Partial<Pick<LocalProject, 'name' | 'color' | 'description'>>
+  ) => {
+    try {
+      const response = await fetch(`/api/projects/${projectId}`, {
+        method: 'PATCH',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(updates),
+      });
+
+      if (!response.ok) {
+        throw new Error('Failed to update project');
+      }
+
+      await refreshProjects();
+    } catch (err: any) {
+      console.error('Error updating project:', err);
+      setError(err.message || 'Failed to update project');
+      throw err;
+    }
+  }, [refreshProjects]);
+
+  // Load projects on mount
+  useEffect(() => {
+    refreshProjects();
+  }, []);
+
+  const value: ProjectContextType = {
+    mode,
+    currentProject,
+    projects,
+    recentProjects,
+    favoriteProjects,
+    isLoading,
+    error,
+    switchProject,
+    addProject,
+    removeProject,
+    toggleFavorite,
+    updateProject,
+    refreshProjects,
+  };
+
+  return (
+    <ProjectContext.Provider value={value}>
+      {children}
+    </ProjectContext.Provider>
+  );
+}

package/.next/standalone/packages/ui/src/lib/db/index.ts

@@ -22,6 +22,9 @@ export function getDb() {
     
     // Create SQLite database connection
     _sqlite = new Database(dbPath);
+
+    // Make sure required tables exist before handing the connection to Drizzle
+    ensureSchema(_sqlite);
     
     // Create Drizzle client
     _db = drizzle(_sqlite, { schema });
@@ -40,3 +43,100 @@ export const db = new Proxy({} as ReturnType<typeof drizzle>, {
     return Reflect.get(realDb as object, prop, receiver);
   }
 });
+
+function ensureSchema(sqlite: Database.Database) {
+  sqlite.pragma('foreign_keys = ON');
+
+  const tableExists = (name: string) => {
+    const row = sqlite.prepare(
+      "SELECT name FROM sqlite_master WHERE type='table' AND name = ?"
+    ).get(name);
+    return Boolean(row);
+  };
+
+  const indexExists = (name: string) => {
+    const row = sqlite.prepare(
+      "SELECT name FROM sqlite_master WHERE type='index' AND name = ?"
+    ).get(name);
+    return Boolean(row);
+  };
+
+  if (!tableExists('projects')) {
+    sqlite.exec(`
+      CREATE TABLE IF NOT EXISTS "projects" (
+        "id" TEXT PRIMARY KEY NOT NULL,
+        "github_owner" TEXT NOT NULL,
+        "github_repo" TEXT NOT NULL,
+        "display_name" TEXT,
+        "description" TEXT,
+        "homepage_url" TEXT,
+        "stars" INTEGER DEFAULT 0,
+        "is_public" INTEGER DEFAULT 1,
+        "is_featured" INTEGER DEFAULT 0,
+        "last_synced_at" INTEGER,
+        "created_at" INTEGER NOT NULL,
+        "updated_at" INTEGER NOT NULL
+      );
+    `);
+  }
+
+  if (!tableExists('specs')) {
+    sqlite.exec(`
+      CREATE TABLE IF NOT EXISTS "specs" (
+        "id" TEXT PRIMARY KEY NOT NULL,
+        "project_id" TEXT NOT NULL REFERENCES "projects"("id") ON DELETE CASCADE,
+        "spec_number" INTEGER,
+        "spec_name" TEXT NOT NULL,
+        "title" TEXT,
+        "status" TEXT,
+        "priority" TEXT,
+        "tags" TEXT,
+        "assignee" TEXT,
+        "content_md" TEXT NOT NULL,
+        "content_html" TEXT,
+        "created_at" INTEGER,
+        "updated_at" INTEGER,
+        "completed_at" INTEGER,
+        "file_path" TEXT NOT NULL,
+        "github_url" TEXT,
+        "synced_at" INTEGER NOT NULL
+      );
+    `);
+  }
+
+  if (!tableExists('spec_relationships')) {
+    sqlite.exec(`
+      CREATE TABLE IF NOT EXISTS "spec_relationships" (
+        "id" TEXT PRIMARY KEY NOT NULL,
+        "spec_id" TEXT NOT NULL REFERENCES "specs"("id") ON DELETE CASCADE,
+        "related_spec_id" TEXT NOT NULL REFERENCES "specs"("id") ON DELETE CASCADE,
+        "relationship_type" TEXT NOT NULL,
+        "created_at" INTEGER NOT NULL
+      );
+    `);
+  }
+
+  if (!tableExists('sync_logs')) {
+    sqlite.exec(`
+      CREATE TABLE IF NOT EXISTS "sync_logs" (
+        "id" TEXT PRIMARY KEY NOT NULL,
+        "project_id" TEXT NOT NULL REFERENCES "projects"("id") ON DELETE CASCADE,
+        "status" TEXT NOT NULL,
+        "specs_added" INTEGER DEFAULT 0,
+        "specs_updated" INTEGER DEFAULT 0,
+        "specs_deleted" INTEGER DEFAULT 0,
+        "error_message" TEXT,
+        "started_at" INTEGER NOT NULL,
+        "completed_at" INTEGER,
+        "duration_ms" INTEGER
+      );
+    `);
+  }
+
+  if (!indexExists('unique_spec_number')) {
+    sqlite.exec(`
+      CREATE UNIQUE INDEX IF NOT EXISTS "unique_spec_number"
+      ON "specs" ("project_id", "spec_number");
+    `);
+  }
+}