Fix static course manifest structure for scaffolded apps

Updates CLI and standalone-ui to use the new hierarchical manifest
structure that was introduced for the docs site but not propagated
to scaffolded applications.

Changes:
- CLI now generates course-level skuilder.json for each course
- CLI now generates root skuilder.json in public/ with course dependencies
- standalone-ui updated to fetch root manifest and use new DataLayerProvider API

The new structure has three levels:
1. Root /public/skuilder.json (lists course dependencies)
2. Course /static-courses/{id}/skuilder.json (points to manifest.json)
3. Course /static-courses/{id}/manifest.json (contains courseConfig and data)

This matches the implementation in docs/.vitepress/theme/composables/useStaticDataLayer.ts
and the updated StaticDataLayerProvider API from commits 4fb97b0, 0e2fb4b, 40aaf39.

Fixes runtime failures in newly scaffolded static apps caused by API mismatch.

Author: claude

packages/cli/src/utils/template.ts

@@ -289,6 +289,35 @@ export async function generateSkuilderConfig(
 
   await fs.writeFile(configPath, JSON.stringify(skuilderConfig, null, 2));
 
+  // For static data layer, create root skuilder.json manifest
+  if (config.dataLayerType === 'static' && outputPath && skuilderConfig.course) {
+    const publicPath = path.join(outputPath, 'public');
+    await fs.mkdir(publicPath, { recursive: true });
+
+    // Determine course IDs to include in dependencies
+    const courseIds = config.importCourseIds && config.importCourseIds.length > 0
+      ? config.importCourseIds
+      : [skuilderConfig.course];
+
+    // Create root skuilder.json with course dependencies
+    const rootManifest = {
+      name: `@skuilder/${config.projectName}`,
+      version: '1.0.0',
+      description: config.title,
+      dependencies: Object.fromEntries(
+        courseIds.map((courseId) => [
+          `@skuilder/course-${courseId}`,
+          `/static-courses/${courseId}/skuilder.json`,
+        ])
+      ),
+    };
+
+    await fs.writeFile(
+      path.join(publicPath, 'skuilder.json'),
+      JSON.stringify(rootManifest, null, 2)
+    );
+  }
+
   // For static data layer without imports, create empty course structure
   if (
     config.dataLayerType === 'static' &&
@@ -393,6 +422,22 @@ async function createEmptyCourseStructure(
 
   await fs.writeFile(path.join(coursePath, 'manifest.json'), JSON.stringify(manifest, null, 2));
 
+  // Create course-level skuilder.json (points to manifest.json)
+  const courseSkuilderJson = {
+    name: `@skuilder/course-${courseId}`,
+    version: '1.0.0',
+    description: title,
+    content: {
+      type: 'static',
+      manifest: './manifest.json',
+    },
+  };
+
+  await fs.writeFile(
+    path.join(coursePath, 'skuilder.json'),
+    JSON.stringify(courseSkuilderJson, null, 2)
+  );
+
   // Create empty tags index
   await fs.writeFile(
     path.join(coursePath, 'indices', 'tags.json'),

packages/standalone-ui/src/main.ts

@@ -42,32 +42,25 @@ import config from '../skuilder.config.json';
   };
 
   if (config.dataLayerType === 'static') {
-    // Load manifest for static mode
-    const courseId = config.course;
-    if (!courseId) {
-      throw new Error('Course ID required for static data layer');
-    }
-
+    // Load root skuilder.json manifest for static mode
     try {
-      const manifestResponse = await fetch(`/static-courses/${courseId}/manifest.json`);
-      if (!manifestResponse.ok) {
+      const rootManifestUrl = '/skuilder.json';
+      const rootManifestResponse = await fetch(rootManifestUrl);
+      if (!rootManifestResponse.ok) {
         throw new Error(
-          `Failed to load manifest: ${manifestResponse.status} ${manifestResponse.statusText}`
+          `Failed to load root manifest: ${rootManifestResponse.status} ${rootManifestResponse.statusText}`
         );
       }
-      const manifest = await manifestResponse.json();
-      console.log(`Loaded manifest for course ${courseId}`);
-      console.log(JSON.stringify(manifest));
+      const rootManifest = await rootManifestResponse.json();
+      console.log('[DEBUG] Loaded root manifest:', rootManifest);
 
       dataLayerOptions = {
-        staticContentPath: '/static-courses',
-        manifests: {
-          [courseId]: manifest,
-        },
+        rootManifest,
+        rootManifestUrl: new URL(rootManifestUrl, window.location.href).href,
       };
     } catch (error) {
-      console.error('[DEBUG] Failed to load course manifest:', error);
-      throw new Error(`Could not load course manifest for ${courseId}: ${error}`);
+      console.error('[DEBUG] Failed to load root manifest:', error);
+      throw new Error(`Could not load root skuilder.json manifest: ${error}`);
     }
   }