@dryui/mcp 0.1.2 → 0.1.3

package/dist/architecture.js

@@ -4440,7 +4440,7 @@ body { margin: 0; min-height: 100dvh; }
   },
   {
     name: "simple-content-page",
-    description: "Clean content page with constrained width and vertical rhythm. Use Container for max-width and Stack for vertical spacing. Suitable for blog posts, documentation, settings pages.",
+    description: "Clean content page with constrained width and vertical rhythm. Use Container for max-width and CSS grid for vertical spacing. Suitable for blog posts, documentation, settings pages.",
     tags: ["page", "content", "simple", "blog", "docs", "article", "clean", "minimal"],
     components: ["Container"],
     snippet: `<!-- Simple content page — Container constrains width, grid provides rhythm -->

package/dist/architecture.json

@@ -1,7 +1,7 @@
 {
   "schema": "DolphinGraph",
-  "generatedAt": "2026-04-07T21:02:38.014Z",
-  "packageVersion": "0.1.4",
+  "generatedAt": "2026-04-07T21:44:08.785Z",
+  "packageVersion": "0.1.5",
   "summary": {
     "componentNodes": 292,
     "partNodes": 662,

package/dist/composition-data.js

@@ -4440,7 +4440,7 @@ body { margin: 0; min-height: 100dvh; }
   },
   {
     name: "simple-content-page",
-    description: "Clean content page with constrained width and vertical rhythm. Use Container for max-width and Stack for vertical spacing. Suitable for blog posts, documentation, settings pages.",
+    description: "Clean content page with constrained width and vertical rhythm. Use Container for max-width and CSS grid for vertical spacing. Suitable for blog posts, documentation, settings pages.",
     tags: ["page", "content", "simple", "blog", "docs", "article", "clean", "minimal"],
     components: ["Container"],
     snippet: `<!-- Simple content page — Container constrains width, grid provides rhythm -->

package/dist/contract.v1.json

@@ -3,7 +3,7 @@
   "version": 1,
   "package": {
     "name": "@dryui/ui",
-    "version": "0.1.4"
+    "version": "0.1.5"
   },
   "counts": {
     "components": 144,
@@ -22341,7 +22341,7 @@
       },
       "simple-content-page": {
         "name": "simple-content-page",
-        "description": "Clean content page with constrained width and vertical rhythm. Use Container for max-width and Stack for vertical spacing. Suitable for blog posts, documentation, settings pages.",
+        "description": "Clean content page with constrained width and vertical rhythm. Use Container for max-width and CSS grid for vertical spacing. Suitable for blog posts, documentation, settings pages.",
         "tags": [
           "page",
           "content",

package/dist/index.js

@@ -8080,12 +8080,23 @@ function installCommand(packageManager) {
       return "npm install @dryui/ui";
   }
 }
+function buildThemeImportLines(spec) {
+  return `  import '${spec.themeImports.default}';
+  import '${spec.themeImports.dark}';`;
+}
 function buildThemeImportSnippet(spec) {
+  return ["<script>", buildThemeImportLines(spec), "</script>"].join(`
+`);
+}
+function buildRootLayoutSnippet(spec) {
   return [
-    '<script lang="ts">',
-    `  import '${spec.themeImports.default}';`,
-    `  import '${spec.themeImports.dark}';`,
-    "</script>"
+    "<script>",
+    buildThemeImportLines(spec),
+    "",
+    "  let { children } = $props();",
+    "</script>",
+    "",
+    "{@render children()}"
   ].join(`
 `);
 }
@@ -8193,7 +8204,7 @@ function planInstall(spec, inputPath) {
         kind: "edit-file",
         status: "pending",
         title: "Add theme imports to app.css",
-        description: "Ensure the app-level stylesheet imports both default and dark DryUI themes.",
+        description: "Prepend the two @import lines from the snippet to the TOP of the existing src/app.css file, before any other CSS rules. Do not create a second file.",
         path: detection.files.appCss,
         snippet: buildThemeImportCssSnippet(spec)
       });
@@ -8203,16 +8214,16 @@ function planInstall(spec, inputPath) {
         kind: "create-file",
         status: "pending",
         title: "Create root layout with theme imports",
-        description: "Create src/routes/+layout.svelte and add the required DryUI theme imports.",
+        description: "Create the file at the path below with the snippet as its full content. The file must include {@render children()} or pages will not render.",
         ...path ? { path } : {},
-        snippet: buildThemeImportSnippet(spec)
+        snippet: buildRootLayoutSnippet(spec)
       });
     } else {
       steps.push({
         kind: "edit-file",
         status: "pending",
         title: "Add theme imports to the root layout",
-        description: "Ensure the root layout imports both default and dark DryUI themes.",
+        description: "Add the two import lines from the snippet into the EXISTING <script> block in this file. Do not create a second <script> block. If no <script> block exists, add one at the top of the file.",
         path: detection.files.rootLayout,
         snippet: buildThemeImportSnippet(spec)
       });
@@ -8230,9 +8241,9 @@ function planInstall(spec, inputPath) {
       kind: "edit-file",
       status: "pending",
       title: "Set html theme mode to auto",
-      description: 'Add class="theme-auto" to the html element in src/app.html.',
+      description: 'In src/app.html, find the opening <html> tag (e.g. <html lang="en">) and add class="theme-auto" to it, preserving any existing attributes. Result should be like <html lang="en" class="theme-auto">. Do NOT add a second <html> element.',
       path: detection.files.appHtml,
-      snippet: '<html class="theme-auto">'
+      snippet: '<html lang="en" class="theme-auto">'
     });
   }
   if (steps.length === 0) {

package/dist/project-planner.js

@@ -158,12 +158,23 @@ function installCommand(packageManager) {
       return "npm install @dryui/ui";
   }
 }
+function buildThemeImportLines(spec) {
+  return `  import '${spec.themeImports.default}';
+  import '${spec.themeImports.dark}';`;
+}
 function buildThemeImportSnippet(spec) {
+  return ["<script>", buildThemeImportLines(spec), "</script>"].join(`
+`);
+}
+function buildRootLayoutSnippet(spec) {
   return [
-    '<script lang="ts">',
-    `  import '${spec.themeImports.default}';`,
-    `  import '${spec.themeImports.dark}';`,
-    "</script>"
+    "<script>",
+    buildThemeImportLines(spec),
+    "",
+    "  let { children } = $props();",
+    "</script>",
+    "",
+    "{@render children()}"
   ].join(`
 `);
 }
@@ -271,7 +282,7 @@ function planInstall(spec, inputPath) {
         kind: "edit-file",
         status: "pending",
         title: "Add theme imports to app.css",
-        description: "Ensure the app-level stylesheet imports both default and dark DryUI themes.",
+        description: "Prepend the two @import lines from the snippet to the TOP of the existing src/app.css file, before any other CSS rules. Do not create a second file.",
         path: detection.files.appCss,
         snippet: buildThemeImportCssSnippet(spec)
       });
@@ -281,16 +292,16 @@ function planInstall(spec, inputPath) {
         kind: "create-file",
         status: "pending",
         title: "Create root layout with theme imports",
-        description: "Create src/routes/+layout.svelte and add the required DryUI theme imports.",
+        description: "Create the file at the path below with the snippet as its full content. The file must include {@render children()} or pages will not render.",
         ...path ? { path } : {},
-        snippet: buildThemeImportSnippet(spec)
+        snippet: buildRootLayoutSnippet(spec)
       });
     } else {
       steps.push({
         kind: "edit-file",
         status: "pending",
         title: "Add theme imports to the root layout",
-        description: "Ensure the root layout imports both default and dark DryUI themes.",
+        description: "Add the two import lines from the snippet into the EXISTING <script> block in this file. Do not create a second <script> block. If no <script> block exists, add one at the top of the file.",
         path: detection.files.rootLayout,
         snippet: buildThemeImportSnippet(spec)
       });
@@ -308,9 +319,9 @@ function planInstall(spec, inputPath) {
       kind: "edit-file",
       status: "pending",
       title: "Set html theme mode to auto",
-      description: 'Add class="theme-auto" to the html element in src/app.html.',
+      description: 'In src/app.html, find the opening <html> tag (e.g. <html lang="en">) and add class="theme-auto" to it, preserving any existing attributes. Result should be like <html lang="en" class="theme-auto">. Do NOT add a second <html> element.',
       path: detection.files.appHtml,
-      snippet: '<html class="theme-auto">'
+      snippet: '<html lang="en" class="theme-auto">'
     });
   }
   if (steps.length === 0) {

package/dist/spec.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.4",
+  "version": "0.1.5",
   "package": "@dryui/ui",
   "themeImports": {
     "default": "@dryui/ui/themes/default.css",
@@ -22197,7 +22197,7 @@
       },
       "simple-content-page": {
         "name": "simple-content-page",
-        "description": "Clean content page with constrained width and vertical rhythm. Use Container for max-width and Stack for vertical spacing. Suitable for blog posts, documentation, settings pages.",
+        "description": "Clean content page with constrained width and vertical rhythm. Use Container for max-width and CSS grid for vertical spacing. Suitable for blog posts, documentation, settings pages.",
         "tags": [
           "page",
           "content",

package/dist/workspace-audit.js

@@ -1607,12 +1607,23 @@ function installCommand(packageManager) {
       return "npm install @dryui/ui";
   }
 }
+function buildThemeImportLines(spec) {
+  return `  import '${spec.themeImports.default}';
+  import '${spec.themeImports.dark}';`;
+}
 function buildThemeImportSnippet(spec) {
+  return ["<script>", buildThemeImportLines(spec), "</script>"].join(`
+`);
+}
+function buildRootLayoutSnippet(spec) {
   return [
-    '<script lang="ts">',
-    `  import '${spec.themeImports.default}';`,
-    `  import '${spec.themeImports.dark}';`,
-    "</script>"
+    "<script>",
+    buildThemeImportLines(spec),
+    "",
+    "  let { children } = $props();",
+    "</script>",
+    "",
+    "{@render children()}"
   ].join(`
 `);
 }
@@ -1720,7 +1731,7 @@ function planInstall(spec, inputPath) {
         kind: "edit-file",
         status: "pending",
         title: "Add theme imports to app.css",
-        description: "Ensure the app-level stylesheet imports both default and dark DryUI themes.",
+        description: "Prepend the two @import lines from the snippet to the TOP of the existing src/app.css file, before any other CSS rules. Do not create a second file.",
         path: detection.files.appCss,
         snippet: buildThemeImportCssSnippet(spec)
       });
@@ -1730,16 +1741,16 @@ function planInstall(spec, inputPath) {
         kind: "create-file",
         status: "pending",
         title: "Create root layout with theme imports",
-        description: "Create src/routes/+layout.svelte and add the required DryUI theme imports.",
+        description: "Create the file at the path below with the snippet as its full content. The file must include {@render children()} or pages will not render.",
         ...path ? { path } : {},
-        snippet: buildThemeImportSnippet(spec)
+        snippet: buildRootLayoutSnippet(spec)
       });
     } else {
       steps.push({
         kind: "edit-file",
         status: "pending",
         title: "Add theme imports to the root layout",
-        description: "Ensure the root layout imports both default and dark DryUI themes.",
+        description: "Add the two import lines from the snippet into the EXISTING <script> block in this file. Do not create a second <script> block. If no <script> block exists, add one at the top of the file.",
         path: detection.files.rootLayout,
         snippet: buildThemeImportSnippet(spec)
       });
@@ -1757,9 +1768,9 @@ function planInstall(spec, inputPath) {
       kind: "edit-file",
       status: "pending",
       title: "Set html theme mode to auto",
-      description: 'Add class="theme-auto" to the html element in src/app.html.',
+      description: 'In src/app.html, find the opening <html> tag (e.g. <html lang="en">) and add class="theme-auto" to it, preserving any existing attributes. Result should be like <html lang="en" class="theme-auto">. Do NOT add a second <html> element.',
       path: detection.files.appHtml,
-      snippet: '<html class="theme-auto">'
+      snippet: '<html lang="en" class="theme-auto">'
     });
   }
   if (steps.length === 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dryui/mcp",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "author": "Rob Balfre",
   "license": "MIT",
   "repository": {
@@ -71,9 +71,6 @@
   "files": [
     "dist"
   ],
-  "publishConfig": {
-    "access": "public"
-  },
   "scripts": {
     "generate-spec": "bun src/generate-spec.ts",
     "generate-architecture": "bun src/generate-architecture.ts",