@decantr/cli 1.7.20 → 1.7.21

package/dist/bin.js

@@ -1,4 +1,4 @@
 #!/usr/bin/env node
-import "./chunk-GHLSLSRW.js";
-import "./chunk-26JRGQ54.js";
+import "./chunk-E7KSJZSH.js";
+import "./chunk-CTBRS4XP.js";
 import "./chunk-QRQCPD3C.js";

package/dist/{chunk-26JRGQ54.js → chunk-CTBRS4XP.js}

@@ -867,6 +867,421 @@ ${themeBody}
     ["max-width", "28rem"],
     ["margin-inline", "auto"]
   ]);
+  emitRule('.d-shell[data-layout="top-nav-main"]', [
+    ["flex-direction", "column"],
+    ["height", "100vh"],
+    ["overflow", "hidden"]
+  ]);
+  emitRule('.d-shell[data-layout="minimal-header"]', [
+    ["flex-direction", "column"],
+    ["height", "100vh"],
+    ["overflow", "hidden"]
+  ]);
+  emitRule('.d-shell[data-layout="full-bleed"]', [
+    ["flex-direction", "column"],
+    ["height", "100vh"],
+    ["overflow", "hidden"]
+  ]);
+  emitRule('.d-shell[data-layout="full-bleed"] .d-shell-body', [["padding", "0"]]);
+  emitRule('.d-shell[data-layout="recipefork-top-nav"]', [
+    ["flex-direction", "column"],
+    ["height", "100vh"],
+    ["overflow", "hidden"]
+  ]);
+  emitRule('.d-shell[data-layout="canvas-overlay"]', [
+    ["display", "grid"],
+    ["grid-template-rows", "52px 1fr"],
+    ["grid-template-columns", "1fr"],
+    ["height", "100vh"],
+    ["overflow", "hidden"],
+    ["position", "relative"]
+  ]);
+  emitRule('.d-shell[data-layout="canvas-overlay"] .d-shell-body', [
+    ["padding", "0"],
+    ["overflow", "hidden"],
+    ["position", "relative"]
+  ]);
+  emitRule('.d-shell[data-layout="chat-portal"]', [
+    ["display", "grid"],
+    ["grid-template-columns", "280px 1fr"],
+    ["grid-template-rows", "52px 1fr"],
+    ["grid-template-areas", '"nav header" "nav body"'],
+    ["height", "100vh"],
+    ["overflow", "hidden"]
+  ]);
+  emitRule('.d-shell[data-layout="chat-portal"] .d-shell-sidebar', [["grid-area", "nav"]]);
+  emitRule('.d-shell[data-layout="chat-portal"] .d-shell-header', [["grid-area", "header"]]);
+  emitRule('.d-shell[data-layout="chat-portal"] .d-shell-body', [["grid-area", "body"]]);
+  lines.push("@media (max-width: 767.98px) {");
+  lines.push('  .d-shell[data-layout="chat-portal"] {');
+  lines.push("    grid-template-columns: 1fr;");
+  lines.push('    grid-template-areas: "header" "body";');
+  lines.push("  }");
+  lines.push('  .d-shell[data-layout="chat-portal"] .d-shell-sidebar {');
+  lines.push("    display: none;");
+  lines.push("  }");
+  lines.push("}");
+  lines.push("");
+  emitRule('.d-shell[data-layout="copilot-overlay"]', [
+    ["display", "grid"],
+    ["grid-template-columns", "1fr 360px"],
+    ["grid-template-rows", "56px 1fr"],
+    ["grid-template-areas", '"header header" "body copilot"'],
+    ["height", "100vh"],
+    ["overflow", "hidden"],
+    ["transition", "grid-template-columns 0.2s ease"]
+  ]);
+  emitRule('.d-shell[data-layout="copilot-overlay"] .d-shell-header', [["grid-area", "header"]]);
+  emitRule('.d-shell[data-layout="copilot-overlay"] .d-shell-body', [["grid-area", "body"]]);
+  emitRule('.d-shell[data-layout="copilot-overlay"] .d-shell-copilot', [["grid-area", "copilot"]]);
+  emitRule('.d-shell[data-layout="copilot-overlay"][data-copilot-collapsed="true"]', [
+    ["grid-template-columns", "1fr 0px"]
+  ]);
+  lines.push("@media (max-width: 767.98px) {");
+  lines.push('  .d-shell[data-layout="copilot-overlay"] {');
+  lines.push("    grid-template-columns: 1fr;");
+  lines.push('    grid-template-areas: "header" "body";');
+  lines.push("  }");
+  lines.push('  .d-shell[data-layout="copilot-overlay"] .d-shell-copilot {');
+  lines.push("    display: none;");
+  lines.push("  }");
+  lines.push('  .d-shell[data-layout="copilot-overlay"] .d-shell-copilot[data-mobile-open="true"] {');
+  lines.push("    display: flex;");
+  lines.push("    position: fixed;");
+  lines.push("    inset: 0 0 0 auto;");
+  lines.push("    width: min(360px, 100vw);");
+  lines.push("    z-index: 50;");
+  lines.push("  }");
+  lines.push("}");
+  lines.push("");
+  emitRule('.d-shell[data-layout="terminal-split"]', [
+    ["display", "grid"],
+    ["grid-template-rows", "24px 1fr 28px"],
+    ["grid-template-columns", "1fr"],
+    ["height", "100vh"],
+    ["overflow", "hidden"]
+  ]);
+  emitRule('.d-shell[data-layout="terminal-split"] .d-shell-body', [["overflow", "hidden"]]);
+  emitRule('.d-shell[data-layout="three-column-browser"]', [
+    ["display", "grid"],
+    ["grid-template-columns", "220px 320px 1fr"],
+    ["grid-template-rows", "52px 1fr"],
+    ["grid-template-areas", '"header header header" "nav list detail"'],
+    ["height", "100vh"],
+    ["overflow", "hidden"]
+  ]);
+  emitRule('.d-shell[data-layout="three-column-browser"] .d-shell-header', [
+    ["grid-area", "header"]
+  ]);
+  emitRule('.d-shell[data-layout="three-column-browser"] .d-shell-sidebar', [["grid-area", "nav"]]);
+  emitRule('.d-shell[data-layout="three-column-browser"] .d-shell-list', [["grid-area", "list"]]);
+  emitRule('.d-shell[data-layout="three-column-browser"] .d-shell-main', [["grid-area", "detail"]]);
+  lines.push("@media (max-width: 1023.98px) {");
+  lines.push('  .d-shell[data-layout="three-column-browser"] {');
+  lines.push("    grid-template-columns: 320px 1fr;");
+  lines.push('    grid-template-areas: "header header" "list detail";');
+  lines.push("  }");
+  lines.push('  .d-shell[data-layout="three-column-browser"] .d-shell-sidebar {');
+  lines.push("    display: none;");
+  lines.push("  }");
+  lines.push("}");
+  lines.push("@media (max-width: 767.98px) {");
+  lines.push('  .d-shell[data-layout="three-column-browser"] {');
+  lines.push("    grid-template-columns: 1fr;");
+  lines.push('    grid-template-areas: "header" "detail";');
+  lines.push("  }");
+  lines.push('  .d-shell[data-layout="three-column-browser"] .d-shell-list {');
+  lines.push("    display: none;");
+  lines.push("  }");
+  lines.push("}");
+  lines.push("");
+  emitRule('.d-shell[data-layout="workspace-aside"]', [
+    ["display", "grid"],
+    ["grid-template-columns", "240px 1fr 280px"],
+    ["grid-template-rows", "52px 1fr"],
+    ["grid-template-areas", '"nav header header" "nav body aside"'],
+    ["height", "100vh"],
+    ["overflow", "hidden"]
+  ]);
+  emitRule('.d-shell[data-layout="workspace-aside"] .d-shell-sidebar', [["grid-area", "nav"]]);
+  emitRule('.d-shell[data-layout="workspace-aside"] .d-shell-header', [["grid-area", "header"]]);
+  emitRule('.d-shell[data-layout="workspace-aside"] .d-shell-body', [["grid-area", "body"]]);
+  emitRule('.d-shell[data-layout="workspace-aside"] .d-shell-aside', [["grid-area", "aside"]]);
+  lines.push("@media (max-width: 1279.98px) {");
+  lines.push('  .d-shell[data-layout="workspace-aside"] {');
+  lines.push("    grid-template-columns: 240px 1fr;");
+  lines.push('    grid-template-areas: "nav header" "nav body";');
+  lines.push("  }");
+  lines.push('  .d-shell[data-layout="workspace-aside"] .d-shell-aside {');
+  lines.push("    display: none;");
+  lines.push("  }");
+  lines.push("}");
+  lines.push("@media (max-width: 1023.98px) {");
+  lines.push('  .d-shell[data-layout="workspace-aside"] {');
+  lines.push("    grid-template-columns: 1fr;");
+  lines.push('    grid-template-areas: "header" "body";');
+  lines.push("  }");
+  lines.push('  .d-shell[data-layout="workspace-aside"] .d-shell-sidebar {');
+  lines.push("    display: none;");
+  lines.push("  }");
+  lines.push("}");
+  lines.push("");
+  emitRule(".d-shell-list", [
+    ["display", "flex"],
+    ["flex-direction", "column"],
+    ["border-right", "1px solid var(--d-border)"],
+    ["background", "var(--d-surface)"],
+    ["overflow-y", "auto"],
+    ["min-width", "0"]
+  ]);
+  emitRule(".d-shell-copilot", [
+    ["display", "flex"],
+    ["flex-direction", "column"],
+    ["border-left", "1px solid var(--d-border)"],
+    ["background", "var(--d-surface)"],
+    ["overflow", "hidden"],
+    ["min-width", "0"],
+    ["transition", "transform 0.2s ease"]
+  ]);
+  emitRule(".d-shell-status-bar", [
+    ["display", "flex"],
+    ["align-items", "center"],
+    ["gap", "1rem"],
+    ["padding", "0 0.75rem"],
+    ["font-size", "var(--d-text-xs)"],
+    ["color", "var(--d-text-muted)"],
+    ["background", "var(--d-surface)"],
+    ["border-bottom", "1px solid var(--d-border)"],
+    ["flex-shrink", "0"]
+  ]);
+  emitRule(".d-shell-hotkey-bar", [
+    ["display", "flex"],
+    ["align-items", "center"],
+    ["gap", "0.75rem"],
+    ["padding", "0 0.75rem"],
+    ["font-size", "var(--d-text-xs)"],
+    ["color", "var(--d-text-muted)"],
+    ["background", "var(--d-surface)"],
+    ["border-top", "1px solid var(--d-border)"],
+    ["flex-shrink", "0"]
+  ]);
+  emitRule(".d-shell-overlay", [
+    ["position", "absolute"],
+    ["z-index", "10"],
+    ["background", "var(--d-surface)"],
+    ["border", "1px solid var(--d-border)"],
+    ["border-radius", "var(--d-radius)"],
+    ["box-shadow", "var(--d-elevation-3, 0 6px 16px rgba(0,0,0,0.18))"],
+    ["padding", "0.75rem"],
+    ["min-width", "200px"],
+    ["max-width", "320px"]
+  ]);
+  emitRule('.d-shell-overlay[data-corner="top-left"]', [
+    ["top", "1rem"],
+    ["left", "1rem"]
+  ]);
+  emitRule('.d-shell-overlay[data-corner="top-right"]', [
+    ["top", "1rem"],
+    ["right", "1rem"]
+  ]);
+  emitRule('.d-shell-overlay[data-corner="bottom-left"]', [
+    ["bottom", "1rem"],
+    ["left", "1rem"]
+  ]);
+  emitRule('.d-shell-overlay[data-corner="bottom-right"]', [
+    ["bottom", "1rem"],
+    ["right", "1rem"]
+  ]);
+  emitRule(".d-tooltip", [
+    ["position", "absolute"],
+    ["z-index", "20"],
+    ["padding", "0.375rem 0.625rem"],
+    ["font-size", "var(--d-text-xs)"],
+    ["line-height", "var(--d-leading-snug)"],
+    ["color", "var(--d-bg)"],
+    ["background", "var(--d-text)"],
+    ["border-radius", "var(--d-radius-sm)"],
+    ["white-space", "nowrap"],
+    ["pointer-events", "none"],
+    ["box-shadow", "var(--d-elevation-2, 0 4px 12px rgba(0,0,0,0.15))"]
+  ]);
+  emitRule('.d-tooltip[data-position="top"]', [
+    ["bottom", "100%"],
+    ["left", "50%"],
+    ["transform", "translate(-50%, -0.375rem)"]
+  ]);
+  emitRule('.d-tooltip[data-position="bottom"]', [
+    ["top", "100%"],
+    ["left", "50%"],
+    ["transform", "translate(-50%, 0.375rem)"]
+  ]);
+  emitRule('.d-tooltip[data-position="left"]', [
+    ["right", "100%"],
+    ["top", "50%"],
+    ["transform", "translate(-0.375rem, -50%)"]
+  ]);
+  emitRule('.d-tooltip[data-position="right"]', [
+    ["left", "100%"],
+    ["top", "50%"],
+    ["transform", "translate(0.375rem, -50%)"]
+  ]);
+  emitRule(".d-empty-state", [
+    ["display", "flex"],
+    ["flex-direction", "column"],
+    ["align-items", "center"],
+    ["justify-content", "center"],
+    ["gap", "0.75rem"],
+    ["padding", "3rem 1.5rem"],
+    ["text-align", "center"],
+    ["color", "var(--d-text-muted)"]
+  ]);
+  emitRule(".d-breadcrumb", [
+    ["display", "flex"],
+    ["align-items", "center"],
+    ["gap", "0.375rem"],
+    ["flex-wrap", "wrap"],
+    ["font-size", "var(--d-text-sm)"],
+    ["color", "var(--d-text-muted)"]
+  ]);
+  emitRule(".d-breadcrumb-item", [
+    ["color", "var(--d-text-muted)"],
+    ["text-decoration", "none"],
+    [
+      "transition",
+      "color var(--d-motion-fast, 150ms) var(--d-motion-ease-out, cubic-bezier(0,0,0.2,1))"
+    ]
+  ]);
+  emitRule(".d-breadcrumb-item:hover", [["color", "var(--d-text)"]]);
+  emitRule('.d-breadcrumb-item[data-current="true"]', [
+    ["color", "var(--d-text)"],
+    ["font-weight", "var(--d-weight-medium)"],
+    ["pointer-events", "none"]
+  ]);
+  emitRule(".d-breadcrumb-separator", [
+    ["color", "var(--d-text-muted)"],
+    ["opacity", "0.5"],
+    ["user-select", "none"]
+  ]);
+  emitRule(".d-avatar", [
+    ["display", "inline-flex"],
+    ["align-items", "center"],
+    ["justify-content", "center"],
+    ["width", "32px"],
+    ["height", "32px"],
+    ["border-radius", "50%"],
+    ["background", "var(--d-surface)"],
+    ["color", "var(--d-text)"],
+    ["font-size", "var(--d-text-xs)"],
+    ["font-weight", "var(--d-weight-medium)"],
+    ["overflow", "hidden"],
+    ["flex-shrink", "0"],
+    ["border", "1px solid var(--d-border)"]
+  ]);
+  emitRule('.d-avatar[data-size="sm"]', [
+    ["width", "24px"],
+    ["height", "24px"]
+  ]);
+  emitRule('.d-avatar[data-size="lg"]', [
+    ["width", "48px"],
+    ["height", "48px"],
+    ["font-size", "var(--d-text-sm)"]
+  ]);
+  emitRule(".d-icon-well", [
+    ["display", "inline-flex"],
+    ["align-items", "center"],
+    ["justify-content", "center"],
+    ["width", "48px"],
+    ["height", "48px"],
+    ["border-radius", "var(--d-radius)"],
+    ["background", "color-mix(in srgb, var(--d-primary) 12%, transparent)"],
+    ["color", "var(--d-primary)"],
+    ["flex-shrink", "0"]
+  ]);
+  emitRule('.d-icon-well[data-size="sm"]', [
+    ["width", "32px"],
+    ["height", "32px"]
+  ]);
+  emitRule('.d-icon-well[data-size="lg"]', [
+    ["width", "64px"],
+    ["height", "64px"]
+  ]);
+  emitRule(".d-toggle", [
+    ["position", "relative"],
+    ["display", "inline-block"],
+    ["width", "36px"],
+    ["height", "20px"],
+    ["border-radius", "9999px"],
+    ["background", "var(--d-border)"],
+    ["border", "none"],
+    ["cursor", "pointer"],
+    ["flex-shrink", "0"],
+    [
+      "transition",
+      "background var(--d-motion-fast, 150ms) var(--d-motion-ease-out, cubic-bezier(0,0,0.2,1))"
+    ]
+  ]);
+  emitRule('.d-toggle[data-on="true"]', [["background", "var(--d-primary)"]]);
+  emitRule(".d-toggle::after", [
+    ["content", '""'],
+    ["position", "absolute"],
+    ["top", "2px"],
+    ["left", "2px"],
+    ["width", "16px"],
+    ["height", "16px"],
+    ["border-radius", "50%"],
+    ["background", "var(--d-bg)"],
+    [
+      "transition",
+      "transform var(--d-motion-fast, 150ms) var(--d-motion-ease-out, cubic-bezier(0,0,0.2,1))"
+    ]
+  ]);
+  emitRule('.d-toggle[data-on="true"]::after', [["transform", "translateX(16px)"]]);
+  emitRule(".d-toggle:focus-visible", [
+    ["outline", "2px solid var(--d-primary)"],
+    ["outline-offset", "2px"]
+  ]);
+  emitRule(".d-toc", [
+    ["position", "sticky"],
+    ["top", "1rem"],
+    ["display", "flex"],
+    ["flex-direction", "column"],
+    ["gap", "0.25rem"],
+    ["padding", "1rem"],
+    ["font-size", "var(--d-text-sm)"],
+    ["border-left", "2px solid var(--d-border)"],
+    ["max-height", "calc(100vh - 2rem)"],
+    ["overflow-y", "auto"]
+  ]);
+  emitRule(".d-toc-item", [
+    ["color", "var(--d-text-muted)"],
+    ["text-decoration", "none"],
+    ["padding", "0.25rem 0.5rem"],
+    ["border-radius", "var(--d-radius-sm)"],
+    [
+      "transition",
+      "color var(--d-motion-fast, 150ms) var(--d-motion-ease-out, cubic-bezier(0,0,0.2,1)), background var(--d-motion-fast, 150ms) var(--d-motion-ease-out, cubic-bezier(0,0,0.2,1))"
+    ]
+  ]);
+  emitRule(".d-toc-item:hover", [
+    ["color", "var(--d-text)"],
+    ["background", "var(--d-surface)"]
+  ]);
+  emitRule('.d-toc-item[data-current="true"]', [
+    ["color", "var(--d-primary)"],
+    ["font-weight", "var(--d-weight-medium)"]
+  ]);
+  emitRule(".d-popover", [
+    ["position", "absolute"],
+    ["z-index", "30"],
+    ["background", "var(--d-surface)"],
+    ["border", "1px solid var(--d-border)"],
+    ["border-radius", "var(--d-radius)"],
+    ["box-shadow", "var(--d-elevation-3, 0 6px 16px rgba(0,0,0,0.18))"],
+    ["min-width", "200px"],
+    ["max-width", "320px"],
+    ["padding", "0.25rem"],
+    ["overflow", "hidden"]
+  ]);
   emitRule(".d-modal", [
     ["position", "fixed"],
     ["inset", "0"],
@@ -4609,7 +5024,7 @@ function generateQuickStart(input) {
   if (decorators.length > 0) {
     const count = decorators.length;
     lines.push(
-      `**Theme decorators:** ${count} class${count === 1 ? "" : "es"} \u2014 see "Required Theme Decorators" below for class + intent + apply-to`
+      `**Theme decorators:** ${count} class${count === 1 ? "" : "es"} \u2014 see \`section-${section.id}-pack.md\` for the Class | Intent | Apply-to contract`
     );
   }
   const pLower = personality.join(" ").toLowerCase();
@@ -4770,40 +5185,12 @@ function generateSectionContext(input) {
   );
   lines.push("");
   const decoratorDefs = input.themeData?.decorator_definitions;
-  const escCell = (s) => s.replace(/\|/g, "\\|");
-  if (decoratorDefs && Object.keys(decoratorDefs).length > 0) {
-    const renderableEntries = Object.entries(decoratorDefs).filter(
-      ([, def]) => def.intent || def.description || def.usage && def.usage.length > 0
-    );
-    if (renderableEntries.length > 0) {
-      lines.push(`## Required Theme Decorators (${themeName})`);
-      lines.push("");
-      lines.push(
-        `These classes carry the active theme's visual identity. Tokens alone give bones; decorators give personality. Generated source MUST apply these \u2014 without them, the page reads as "themed colors only" with no theme character.`
-      );
-      lines.push("");
-      lines.push("| Class | Intent | Apply to |");
-      lines.push("|-------|--------|----------|");
-      for (const [name, def] of renderableEntries) {
-        const intent = escCell(def.intent || def.description || "");
-        const applyTo = escCell((def.usage || []).join(", "));
-        lines.push(`| \`.${name}\` | ${intent} | ${applyTo} |`);
-      }
-      lines.push("");
-    }
-  } else if (decorators.length > 0) {
-    lines.push(`## Required Theme Decorators (${themeName})`);
-    lines.push("");
+  const totalDecoratorCount = decoratorDefs && Object.keys(decoratorDefs).length || decorators.length;
+  if (totalDecoratorCount > 0) {
     lines.push(
-      "These classes carry the active theme's visual identity. Apply them across this section's patterns or the scaffold reads as generic."
+      `**Theme decorators:** ${totalDecoratorCount} \`${themeName}-*\` classes \u2014 full Class/Intent/Apply-to table in \`section-${section.id}-pack.md\` (preferred) and DECANTR.md "Decorator Quick Reference". MUST apply.`
     );
     lines.push("");
-    lines.push("| Class | Description |");
-    lines.push("|-------|-------------|");
-    for (const d of decorators) {
-      lines.push(`| \`.${d.name}\` | ${escCell(d.description)} |`);
-    }
-    lines.push("");
   }
   if (themeHints) {
     if (themeHints.preferred && themeHints.preferred.length > 0) {

package/dist/{chunk-GHLSLSRW.js → chunk-E7KSJZSH.js}

@@ -14,7 +14,7 @@ import {
   scaffoldProject,
   syncRegistry,
   writeExecutionPackBundleArtifacts
-} from "./chunk-26JRGQ54.js";
+} from "./chunk-CTBRS4XP.js";
 import {
   buildGuardRegistryContext,
   scanProjectInteractions
@@ -5942,7 +5942,7 @@ async function main() {
       break;
     }
     case "upgrade": {
-      const { cmdUpgrade } = await import("./upgrade-LVMAKWEA.js");
+      const { cmdUpgrade } = await import("./upgrade-EWH7YK5F.js");
       const applyFlag = args.includes("--apply");
       await cmdUpgrade(process.cwd(), { apply: applyFlag });
       break;

package/dist/index.js

@@ -1,3 +1,3 @@
-import "./chunk-GHLSLSRW.js";
-import "./chunk-26JRGQ54.js";
+import "./chunk-E7KSJZSH.js";
+import "./chunk-CTBRS4XP.js";
 import "./chunk-QRQCPD3C.js";

package/dist/{upgrade-LVMAKWEA.js → upgrade-EWH7YK5F.js}

@@ -1,7 +1,7 @@
 import {
   RegistryClient,
   refreshDerivedFiles
-} from "./chunk-26JRGQ54.js";
+} from "./chunk-CTBRS4XP.js";
 
 // src/commands/upgrade.ts
 import { existsSync, readFileSync, writeFileSync } from "fs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decantr/cli",
-  "version": "1.7.20",
+  "version": "1.7.21",
   "description": "Decantr CLI — scaffold, audit, and maintain Decantr projects from the terminal",
   "author": "Decantr AI",
   "license": "MIT",