gsd-pi 2.82.0-dev.2841a1e44 → 2.82.0-dev.98ea09b1e

package/dist/resources/extensions/visual-brief/prompts.js

@@ -1,6 +1,7 @@
 // GSD-2 + Visual Brief prompt construction
 import { createVisualBriefArtifactPolicy, formatArtifactPolicy, } from "./artifact-policy.js";
 import { formatPageRules, getVisualBriefModeProfile, } from "./page-contract.js";
+import { renderHtmlShellTemplate } from "../shared/html-shell.js";
 export const VISUAL_BRIEF_MODES = [
     {
         mode: "diagram",
@@ -36,6 +37,14 @@ export const VISUAL_BRIEF_MODES = [
     },
 ];
 export const VISUAL_BRIEF_USAGE = "Usage: /gsd brief <diagram|plan|diff|recap|table|slides> [topic] [--slides]";
+const VISUAL_BRIEF_KIND = {
+    diff: "Diff Brief",
+    recap: "Project Recap",
+    plan: "Implementation Plan",
+    diagram: "Diagram",
+    table: "Comparison",
+    slides: "Slide Deck",
+};
 export function parseVisualBriefArgs(args) {
     const rawArgs = args.trim();
     if (!rawArgs)
@@ -63,6 +72,16 @@ export function buildVisualBriefPrompt(request, options) {
     const profile = getVisualBriefModeProfile(request.mode, request.slides);
     const artifactPolicy = createVisualBriefArtifactPolicy(options.outputDir);
     const outputFormat = request.slides ? "slide deck" : "scrollable explanation page";
+    const version = options.version?.trim() || undefined;
+    const shell = renderHtmlShellTemplate({
+        title: request.subject,
+        documentTitle: `GSD ${VISUAL_BRIEF_KIND[request.mode]} - ${request.subject}`,
+        subtitle: "Visual brief",
+        kind: VISUAL_BRIEF_KIND[request.mode],
+        version,
+        mainPlaceholder: "{{MAIN_HTML}}",
+        footerNote: request.subject,
+    });
     return `Create a visual brief as a single HTML file.
 
 ## Request
@@ -85,6 +104,16 @@ ${formatPageRules()}
 3. Write the HTML file.
 ${formatArtifactPolicy(artifactPolicy).split("\n").map((line) => `   ${line}`).join("\n")}
 
+## Required HTML shell
+
+Use this scaffold verbatim. Replace {{MAIN_HTML}} with the authored <main> contents and {{GENERATED_AT}} with the current ISO timestamp. Do not add new <style> blocks or replace the header, footer, CSS, or script. The <h1> is the subject only; the kind chip is the only visual carrier of artifact type.
+
+\`\`\`html
+${shell}
+\`\`\`
+
+Author only section-level content for {{MAIN_HTML}}. Use the shell utility classes where they fit: .kv-grid, .tbl, .card-row, .card, .callout-info, .callout-warn, .callout-ok, .dot-active, .dot-complete, .dot-pending.
+
 ## Page sections
 
 ${profile.sections.map((section) => `- ${section}`).join("\n")}