@openspecui/web 0.9.0 → 0.9.3

package/dist-ssg/server/logo.svg

@@ -0,0 +1,8 @@
+<svg width="100" height="120" viewBox="0 0 50 60" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#FF2424" d="
+    M10,0  h30 v10 h-30 z
+    M0,10  h10 v40 h-10 z
+    M40,10 h10 v40 h-10 z
+    M10,50 h30 v10 h-30 z
+  "/>
+</svg>

package/dist-ssg/server/openspec_pixel_dark.svg

@@ -0,0 +1,89 @@
+<svg width="640" height="80" viewBox="0 0 640 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32 0H16V16H32V0Z" fill="white"/>
+<path d="M48 0H32V16H48V0Z" fill="white"/>
+<path d="M16 16H0V32H16V16Z" fill="white"/>
+<path d="M64 16H48V32H64V16Z" fill="white"/>
+<path d="M16 32H0V48H16V32Z" fill="white"/>
+<path d="M64 32H48V48H64V32Z" fill="white"/>
+<path d="M16 48H0V64H16V48Z" fill="white"/>
+<path d="M64 48H48V64H64V48Z" fill="white"/>
+<path d="M32 64H16V80H32V64Z" fill="white"/>
+<path d="M48 64H32V80H48V64Z" fill="white"/>
+<path d="M96 0H80V16H96V0Z" fill="white"/>
+<path d="M112 0H96V16H112V0Z" fill="white"/>
+<path d="M128 0H112V16H128V0Z" fill="white"/>
+<path d="M96 16H80V32H96V16Z" fill="white"/>
+<path d="M144 16H128V32H144V16Z" fill="white"/>
+<path d="M96 32H80V48H96V32Z" fill="white"/>
+<path d="M112 32H96V48H112V32Z" fill="white"/>
+<path d="M128 32H112V48H128V32Z" fill="white"/>
+<path d="M144 32H128V48H144V32Z" fill="white"/>
+<path d="M96 48H80V64H96V48Z" fill="white"/>
+<path d="M96 64H80V80H96V64Z" fill="white"/>
+<path d="M176 0H160V16H176V0Z" fill="white"/>
+<path d="M192 0H176V16H192V0Z" fill="white"/>
+<path d="M208 0H192V16H208V0Z" fill="white"/>
+<path d="M224 0H208V16H224V0Z" fill="white"/>
+<path d="M176 16H160V32H176V16Z" fill="white"/>
+<path d="M176 32H160V48H176V32Z" fill="white"/>
+<path d="M192 32H176V48H192V32Z" fill="white"/>
+<path d="M208 32H192V48H208V32Z" fill="white"/>
+<path d="M176 48H160V64H176V48Z" fill="white"/>
+<path d="M176 64H160V80H176V64Z" fill="white"/>
+<path d="M192 64H176V80H192V64Z" fill="white"/>
+<path d="M208 64H192V80H208V64Z" fill="white"/>
+<path d="M224 64H208V80H224V64Z" fill="white"/>
+<path d="M256 0H240V16H256V0Z" fill="white"/>
+<path d="M304 0H288V16H304V0Z" fill="white"/>
+<path d="M256 16H240V32H256V16Z" fill="white"/>
+<path d="M272 16H256V32H272V16Z" fill="white"/>
+<path d="M304 16H288V32H304V16Z" fill="white"/>
+<path d="M256 32H240V48H256V32Z" fill="white"/>
+<path d="M288 32H272V48H288V32Z" fill="white"/>
+<path d="M304 32H288V48H304V32Z" fill="white"/>
+<path d="M256 48H240V64H256V48Z" fill="white"/>
+<path d="M304 48H288V64H304V48Z" fill="white"/>
+<path d="M256 64H240V80H256V64Z" fill="white"/>
+<path d="M304 64H288V80H304V64Z" fill="white"/>
+<path d="M352 0H336V16H352V0Z" fill="white"/>
+<path d="M368 0H352V16H368V0Z" fill="white"/>
+<path d="M384 0H368V16H384V0Z" fill="white"/>
+<path d="M336 16H320V32H336V16Z" fill="white"/>
+<path d="M352 32H336V48H352V32Z" fill="white"/>
+<path d="M368 32H352V48H368V32Z" fill="white"/>
+<path d="M384 48H368V64H384V48Z" fill="white"/>
+<path d="M336 64H320V80H336V64Z" fill="white"/>
+<path d="M352 64H336V80H352V64Z" fill="white"/>
+<path d="M368 64H352V80H368V64Z" fill="white"/>
+<path d="M416 0H400V16H416V0Z" fill="white"/>
+<path d="M432 0H416V16H432V0Z" fill="white"/>
+<path d="M448 0H432V16H448V0Z" fill="white"/>
+<path d="M416 16H400V32H416V16Z" fill="white"/>
+<path d="M464 16H448V32H464V16Z" fill="white"/>
+<path d="M416 32H400V48H416V32Z" fill="white"/>
+<path d="M432 32H416V48H432V32Z" fill="white"/>
+<path d="M448 32H432V48H448V32Z" fill="white"/>
+<path d="M464 32H448V48H464V32Z" fill="white"/>
+<path d="M416 48H400V64H416V48Z" fill="white"/>
+<path d="M416 64H400V80H416V64Z" fill="white"/>
+<path d="M496 0H480V16H496V0Z" fill="white"/>
+<path d="M512 0H496V16H512V0Z" fill="white"/>
+<path d="M528 0H512V16H528V0Z" fill="white"/>
+<path d="M544 0H528V16H544V0Z" fill="white"/>
+<path d="M496 16H480V32H496V16Z" fill="white"/>
+<path d="M496 32H480V48H496V32Z" fill="white"/>
+<path d="M512 32H496V48H512V32Z" fill="white"/>
+<path d="M528 32H512V48H528V32Z" fill="white"/>
+<path d="M496 48H480V64H496V48Z" fill="white"/>
+<path d="M496 64H480V80H496V64Z" fill="white"/>
+<path d="M512 64H496V80H512V64Z" fill="white"/>
+<path d="M528 64H512V80H528V64Z" fill="white"/>
+<path d="M544 64H528V80H544V64Z" fill="white"/>
+<path d="M592 0H576V16H592V0Z" fill="white"/>
+<path d="M608 0H592V16H608V0Z" fill="white"/>
+<path d="M576 16H560V32H576V16Z" fill="white"/>
+<path d="M576 32H560V48H576V32Z" fill="white"/>
+<path d="M576 48H560V64H576V48Z" fill="white"/>
+<path d="M592 64H576V80H592V64Z" fill="white"/>
+<path d="M608 64H592V80H608V64Z" fill="white"/>
+</svg>

package/dist-ssg/server/openspec_pixel_light.svg

@@ -0,0 +1,89 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="640" height="80" viewBox="0 0 640 80">
+<rect x="16" y="0" width="16" height="16" fill="black" />
+<rect x="32" y="0" width="16" height="16" fill="black" />
+<rect x="0" y="16" width="16" height="16" fill="black" />
+<rect x="48" y="16" width="16" height="16" fill="black" />
+<rect x="0" y="32" width="16" height="16" fill="black" />
+<rect x="48" y="32" width="16" height="16" fill="black" />
+<rect x="0" y="48" width="16" height="16" fill="black" />
+<rect x="48" y="48" width="16" height="16" fill="black" />
+<rect x="16" y="64" width="16" height="16" fill="black" />
+<rect x="32" y="64" width="16" height="16" fill="black" />
+<rect x="80" y="0" width="16" height="16" fill="black" />
+<rect x="96" y="0" width="16" height="16" fill="black" />
+<rect x="112" y="0" width="16" height="16" fill="black" />
+<rect x="80" y="16" width="16" height="16" fill="black" />
+<rect x="128" y="16" width="16" height="16" fill="black" />
+<rect x="80" y="32" width="16" height="16" fill="black" />
+<rect x="96" y="32" width="16" height="16" fill="black" />
+<rect x="112" y="32" width="16" height="16" fill="black" />
+<rect x="128" y="32" width="16" height="16" fill="black" />
+<rect x="80" y="48" width="16" height="16" fill="black" />
+<rect x="80" y="64" width="16" height="16" fill="black" />
+<rect x="160" y="0" width="16" height="16" fill="black" />
+<rect x="176" y="0" width="16" height="16" fill="black" />
+<rect x="192" y="0" width="16" height="16" fill="black" />
+<rect x="208" y="0" width="16" height="16" fill="black" />
+<rect x="160" y="16" width="16" height="16" fill="black" />
+<rect x="160" y="32" width="16" height="16" fill="black" />
+<rect x="176" y="32" width="16" height="16" fill="black" />
+<rect x="192" y="32" width="16" height="16" fill="black" />
+<rect x="160" y="48" width="16" height="16" fill="black" />
+<rect x="160" y="64" width="16" height="16" fill="black" />
+<rect x="176" y="64" width="16" height="16" fill="black" />
+<rect x="192" y="64" width="16" height="16" fill="black" />
+<rect x="208" y="64" width="16" height="16" fill="black" />
+<rect x="240" y="0" width="16" height="16" fill="black" />
+<rect x="288" y="0" width="16" height="16" fill="black" />
+<rect x="240" y="16" width="16" height="16" fill="black" />
+<rect x="256" y="16" width="16" height="16" fill="black" />
+<rect x="288" y="16" width="16" height="16" fill="black" />
+<rect x="240" y="32" width="16" height="16" fill="black" />
+<rect x="272" y="32" width="16" height="16" fill="black" />
+<rect x="288" y="32" width="16" height="16" fill="black" />
+<rect x="240" y="48" width="16" height="16" fill="black" />
+<rect x="288" y="48" width="16" height="16" fill="black" />
+<rect x="240" y="64" width="16" height="16" fill="black" />
+<rect x="288" y="64" width="16" height="16" fill="black" />
+<rect x="336" y="0" width="16" height="16" fill="black" />
+<rect x="352" y="0" width="16" height="16" fill="black" />
+<rect x="368" y="0" width="16" height="16" fill="black" />
+<rect x="320" y="16" width="16" height="16" fill="black" />
+<rect x="336" y="32" width="16" height="16" fill="black" />
+<rect x="352" y="32" width="16" height="16" fill="black" />
+<rect x="368" y="48" width="16" height="16" fill="black" />
+<rect x="320" y="64" width="16" height="16" fill="black" />
+<rect x="336" y="64" width="16" height="16" fill="black" />
+<rect x="352" y="64" width="16" height="16" fill="black" />
+<rect x="400" y="0" width="16" height="16" fill="black" />
+<rect x="416" y="0" width="16" height="16" fill="black" />
+<rect x="432" y="0" width="16" height="16" fill="black" />
+<rect x="400" y="16" width="16" height="16" fill="black" />
+<rect x="448" y="16" width="16" height="16" fill="black" />
+<rect x="400" y="32" width="16" height="16" fill="black" />
+<rect x="416" y="32" width="16" height="16" fill="black" />
+<rect x="432" y="32" width="16" height="16" fill="black" />
+<rect x="448" y="32" width="16" height="16" fill="black" />
+<rect x="400" y="48" width="16" height="16" fill="black" />
+<rect x="400" y="64" width="16" height="16" fill="black" />
+<rect x="480" y="0" width="16" height="16" fill="black" />
+<rect x="496" y="0" width="16" height="16" fill="black" />
+<rect x="512" y="0" width="16" height="16" fill="black" />
+<rect x="528" y="0" width="16" height="16" fill="black" />
+<rect x="480" y="16" width="16" height="16" fill="black" />
+<rect x="480" y="32" width="16" height="16" fill="black" />
+<rect x="496" y="32" width="16" height="16" fill="black" />
+<rect x="512" y="32" width="16" height="16" fill="black" />
+<rect x="480" y="48" width="16" height="16" fill="black" />
+<rect x="480" y="64" width="16" height="16" fill="black" />
+<rect x="496" y="64" width="16" height="16" fill="black" />
+<rect x="512" y="64" width="16" height="16" fill="black" />
+<rect x="528" y="64" width="16" height="16" fill="black" />
+<rect x="576" y="0" width="16" height="16" fill="black" />
+<rect x="592" y="0" width="16" height="16" fill="black" />
+<rect x="560" y="16" width="16" height="16" fill="black" />
+<rect x="560" y="32" width="16" height="16" fill="black" />
+<rect x="560" y="48" width="16" height="16" fill="black" />
+<rect x="576" y="64" width="16" height="16" fill="black" />
+<rect x="592" y="64" width="16" height="16" fill="black" />
+</svg>

package/dist-ssg/ssg-cli.mjs

@@ -0,0 +1,121 @@
+#!/usr/bin/env node
+import { existsSync, readFileSync, mkdirSync, cpSync, writeFileSync, copyFileSync, rmSync } from "node:fs";
+import { dirname, resolve, join } from "node:path";
+import { fileURLToPath } from "node:url";
+const __dirname$1 = dirname(fileURLToPath(import.meta.url));
+function getSSGDirs() {
+  if (__dirname$1.endsWith("src/ssg") || __dirname$1.includes("src/ssg")) {
+    const pkgRoot = resolve(__dirname$1, "../..");
+    return {
+      client: resolve(pkgRoot, "dist-ssg/client"),
+      server: resolve(pkgRoot, "dist-ssg/server")
+    };
+  }
+  return {
+    client: resolve(__dirname$1, "client"),
+    server: resolve(__dirname$1, "server")
+  };
+}
+const { client: SSG_CLIENT_DIR, server: SSG_SERVER_DIR } = getSSGDirs();
+function parseArgs() {
+  const args = process.argv.slice(2);
+  const options = { data: "", output: "", basePath: "/" };
+  for (let i = 0; i < args.length; i++) {
+    const arg = args[i];
+    if (arg === "--data" || arg === "-d") options.data = args[++i];
+    else if (arg === "--output" || arg === "-o") options.output = args[++i];
+    else if (arg === "--base-path" || arg === "-b") options.basePath = args[++i];
+    else if (arg === "--help" || arg === "-h") {
+      console.log(`
+OpenSpec UI SSG CLI
+
+Usage:
+  npx openspecui-ssg --data <data.json> --output <dir> [options]
+
+Options:
+  -d, --data <file>       Path to data.json (required)
+  -o, --output <dir>      Output directory (required)
+  -b, --base-path <path>  Base path for deployment (default: /)
+  -h, --help              Show this help message
+`);
+      process.exit(0);
+    }
+  }
+  if (!options.data || !options.output) {
+    console.error("Error: --data and --output are required");
+    console.error("Run with --help for usage information");
+    process.exit(1);
+  }
+  return options;
+}
+async function prerender(opts) {
+  const snapshot = JSON.parse(readFileSync(opts.dataPath, "utf-8"));
+  const template = readFileSync(join(opts.clientDir, "index.html"), "utf-8");
+  const serverPath = join(opts.serverDir, "entry-server.js");
+  const { render, getRoutes, getTitle } = await import(serverPath);
+  const routes = getRoutes(snapshot);
+  console.log(`Routes: ${routes.length}`);
+  const headTags = `
+    <script>
+      window.__OPENSPEC_BASE_PATH__ = '${opts.basePath}';
+      window.__OPENSPEC_STATIC_MODE__ = true;
+      window.__INITIAL_DATA__ = ${JSON.stringify(snapshot)};
+    <\/script>`;
+  for (const route of routes) {
+    const appHtml = await render(route, snapshot, opts.basePath);
+    const title = getTitle(route, snapshot);
+    const html = template.replace("<!--app-html-->", appHtml).replace("<!--head-tags-->", headTags).replace("<title>OpenSpec UI</title>", `<title>${title} - OpenSpec UI</title>`);
+    if (route === "/") {
+      writeFileSync(join(opts.clientDir, "index.html"), html);
+    } else {
+      const routeDir = join(opts.clientDir, route.slice(1));
+      mkdirSync(routeDir, { recursive: true });
+      writeFileSync(join(routeDir, "index.html"), html);
+    }
+    console.log(`  ${route}`);
+  }
+  copyFileSync(join(opts.clientDir, "index.html"), join(opts.clientDir, "404.html"));
+  copyFileSync(opts.dataPath, join(opts.clientDir, "data.json"));
+  rmSync(join(opts.clientDir, ".vite"), { recursive: true, force: true });
+}
+async function main() {
+  const options = parseArgs();
+  const outputDir = resolve(options.output);
+  const dataPath = resolve(options.data);
+  console.log("\n=== OpenSpec UI SSG ===\n");
+  if (!existsSync(SSG_CLIENT_DIR)) {
+    console.error(`Error: SSG client not found: ${SSG_CLIENT_DIR}`);
+    console.error("This usually means the package was not built correctly.");
+    process.exit(1);
+  }
+  if (!existsSync(SSG_SERVER_DIR)) {
+    console.error(`Error: SSG server not found: ${SSG_SERVER_DIR}`);
+    console.error("This usually means the package was not built correctly.");
+    process.exit(1);
+  }
+  if (!existsSync(dataPath)) {
+    console.error(`Error: Data file not found: ${dataPath}`);
+    process.exit(1);
+  }
+  const snapshot = JSON.parse(readFileSync(dataPath, "utf-8"));
+  console.log(
+    `Data: ${snapshot.specs?.length || 0} specs, ${snapshot.changes?.length || 0} changes, ${snapshot.archives?.length || 0} archives`
+  );
+  console.log("\nCopying client assets...");
+  mkdirSync(outputDir, { recursive: true });
+  cpSync(SSG_CLIENT_DIR, outputDir, { recursive: true });
+  console.log("\nPre-rendering pages...");
+  await prerender({
+    clientDir: outputDir,
+    serverDir: SSG_SERVER_DIR,
+    dataPath,
+    basePath: options.basePath
+  });
+  console.log(`
+Done! Static site generated to ${outputDir}
+`);
+}
+main().catch((err) => {
+  console.error("SSG failed:", err.message);
+  process.exit(1);
+});

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@openspecui/web",
-  "version": "0.9.0",
+  "version": "0.9.3",
   "type": "module",
+  "bin": {
+    "openspecui-ssg": "./dist-ssg/ssg-cli.mjs"
+  },
   "files": [
     "dist",
-    "src",
-    "index.html",
-    "vite.config.ts",
-    "tsconfig.json"
+    "dist-ssg"
   ],
-  "dependencies": {
+  "devDependencies": {
     "@codemirror/commands": "^6.10.0",
     "@codemirror/lang-javascript": "^6.2.4",
     "@codemirror/lang-json": "^6.0.2",
@@ -21,43 +21,41 @@
     "@codemirror/view": "^6.38.8",
     "@lezer/common": "^1.4.0",
     "@lezer/highlight": "^1.2.3",
+    "@tailwindcss/typography": "^0.5.19",
+    "@tailwindcss/vite": "^4.1.18",
     "@tanstack/react-query": "^5.62.16",
     "@tanstack/react-router": "^1.99.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
     "@trpc/client": "^11.0.0",
     "@trpc/tanstack-react-query": "^11.0.0",
+    "@types/react": "^19.0.4",
+    "@types/react-dom": "^19.0.2",
+    "@types/yargs": "^17.0.35",
     "@uiw/react-codemirror": "^4.25.3",
+    "@vitejs/plugin-react": "^5.1.3",
+    "jsdom": "^25.0.1",
     "lucide-react": "^0.472.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-markdown": "^10.1.0",
     "remark-gfm": "^4.0.1",
     "shiki": "^3.17.0",
-    "vite": "^7.3.1",
-    "@vitejs/plugin-react": "^5.1.3",
-    "@tailwindcss/vite": "^4.1.18",
     "tailwindcss": "^4.1.18",
-    "@openspecui/server": "0.9.0"
-  },
-  "devDependencies": {
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
-    "@tailwindcss/typography": "^0.5.19",
-    "@types/react": "^19.0.4",
-    "@types/react-dom": "^19.0.2",
-    "jsdom": "^25.0.1",
+    "tsx": "^4.19.2",
     "typescript": "^5.7.2",
+    "vite": "^7.3.1",
     "vitest": "^2.1.8",
-    "tsx": "^4.19.2",
     "yargs": "^18.0.0",
-    "@types/yargs": "^17.0.35"
+    "@openspecui/server": "0.9.0"
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
-    "build:client": "vite build --ssrManifest .vite/ssr-manifest.json --outDir dist/client",
-    "build:server": "vite build --ssr src/ssg/entry-server.tsx --outDir dist/server",
-    "build:ssg": "pnpm build:client && pnpm build:server",
-    "prerender": "tsx src/ssg/prerender.ts",
+    "build": "tsc && vite build && pnpm run build:ssg && pnpm run build:ssg-cli",
+    "build:ssg": "pnpm build:ssg-client && pnpm build:ssg-server",
+    "build:ssg-client": "vite build --ssrManifest .vite/ssr-manifest.json --outDir dist-ssg/client",
+    "build:ssg-server": "vite build --ssr src/ssg/entry-server.tsx --outDir dist-ssg/server",
+    "build:ssg-cli": "vite build --config vite.ssg-cli.config.ts --outDir dist-ssg",
     "typecheck": "tsc --noEmit",
     "preview": "vite preview",
     "test": "vitest run",

package/src/App.tsx

@@ -1,124 +0,0 @@
-import { QueryClientProvider } from '@tanstack/react-query'
-import { RouterProvider, createRootRoute, createRoute, createRouter } from '@tanstack/react-router'
-import { RootLayout } from './components/layout'
-import './index.css'
-import { ArchiveModalProvider } from './lib/archive-modal-context'
-import { getBasePath } from './lib/static-mode'
-import { queryClient } from './lib/trpc'
-import { ArchiveList } from './routes/archive-list'
-import { ArchiveView } from './routes/archive-view'
-import { ChangeList } from './routes/change-list'
-import { ChangeView } from './routes/change-view'
-import { Dashboard } from './routes/dashboard'
-import { Project } from './routes/project'
-import { Settings } from './routes/settings'
-import { SpecList } from './routes/spec-list'
-import { SpecView } from './routes/spec-view'
-
-// Add type declaration for runtime base path
-declare global {
-  interface Window {
-    __OPENSPEC_BASE_PATH__?: string
-  }
-}
-
-// Root layout
-const rootRoute = createRootRoute({
-  component: RootLayout,
-  pendingComponent: () => (
-    <div className="route-loading text-muted-foreground animate-pulse p-6 text-center text-sm">
-      Loading...
-    </div>
-  ),
-})
-
-// Routes
-const indexRoute = createRoute({
-  getParentRoute: () => rootRoute,
-  path: '/',
-  component: Dashboard,
-})
-
-const projectRoute = createRoute({
-  getParentRoute: () => rootRoute,
-  path: '/project',
-  component: Project,
-})
-
-const specsRoute = createRoute({
-  getParentRoute: () => rootRoute,
-  path: '/specs',
-  component: SpecList,
-})
-
-const specViewRoute = createRoute({
-  getParentRoute: () => rootRoute,
-  path: '/specs/$specId',
-  component: SpecView,
-})
-
-const changesRoute = createRoute({
-  getParentRoute: () => rootRoute,
-  path: '/changes',
-  component: ChangeList,
-})
-
-const changeViewRoute = createRoute({
-  getParentRoute: () => rootRoute,
-  path: '/changes/$changeId',
-  component: ChangeView,
-})
-
-const archiveRoute = createRoute({
-  getParentRoute: () => rootRoute,
-  path: '/archive',
-  component: ArchiveList,
-})
-
-const archiveViewRoute = createRoute({
-  getParentRoute: () => rootRoute,
-  path: '/archive/$changeId',
-  component: ArchiveView,
-})
-
-const settingsRoute = createRoute({
-  getParentRoute: () => rootRoute,
-  path: '/settings',
-  component: Settings,
-})
-
-const routeTree = rootRoute.addChildren([
-  indexRoute,
-  projectRoute,
-  specsRoute,
-  specViewRoute,
-  changesRoute,
-  changeViewRoute,
-  archiveRoute,
-  archiveViewRoute,
-  settingsRoute,
-])
-
-// Get base path from runtime configuration (injected in index.html)
-const basepath = getBasePath()
-
-const router = createRouter({
-  routeTree,
-  basepath,
-})
-
-declare module '@tanstack/react-router' {
-  interface Register {
-    router: typeof router
-  }
-}
-
-export function App() {
-  return (
-    <QueryClientProvider client={queryClient}>
-      <ArchiveModalProvider>
-        <RouterProvider router={router} />
-      </ArchiveModalProvider>
-    </QueryClientProvider>
-  )
-}

package/src/components/StaticModeBanner.tsx

@@ -1,46 +0,0 @@
-import { useEffect, useState } from 'react'
-import { loadSnapshot } from '../lib/static-data-provider'
-import { isStaticMode } from '../lib/static-mode'
-
-export function StaticModeBanner() {
-  const [timestamp, setTimestamp] = useState<string>('Loading...')
-
-  useEffect(() => {
-    if (isStaticMode()) {
-      // Load snapshot to get timestamp
-      loadSnapshot()
-        .then((snapshot) => {
-          console.log('[StaticModeBanner] Snapshot loaded:', snapshot)
-          console.log('[StaticModeBanner] Meta:', snapshot?.meta)
-          console.log('[StaticModeBanner] Timestamp:', snapshot?.meta?.timestamp)
-          if (snapshot?.meta?.timestamp) {
-            setTimestamp(new Date(snapshot.meta.timestamp).toLocaleString())
-          } else {
-            setTimestamp('Unknown')
-          }
-        })
-        .catch((error) => {
-          console.error('[StaticModeBanner] Error loading snapshot:', error)
-          setTimestamp('Unknown')
-        })
-    }
-  }, [])
-
-  if (!isStaticMode()) {
-    return null
-  }
-
-  return (
-    <div className="static-mode-banner border-border bg-primary/5 border-b-2 px-6 py-3 text-sm">
-      <div className="flex items-center justify-between">
-        <div className="flex items-center gap-2">
-          <span className="font-mono font-bold">📸 Static Snapshot</span>
-          <span className="text-muted-foreground">Generated: {timestamp}</span>
-        </div>
-        <div className="text-muted-foreground">
-          Live features disabled (no file watching, task toggling, or AI integration)
-        </div>
-      </div>
-    </div>
-  )
-}