@tpitre/story-ui 4.16.3 → 4.16.5

package/dist/mcp-server/index.js

@@ -109,6 +109,17 @@ app.post('/mcp/generate-story-stream', generateStoryFromPromptStream);
 // Voice Canvas endpoints
 app.post('/mcp/canvas-generate', canvasGenerateHandler); // generate + write voice-canvas.stories.tsx
 app.post('/mcp/canvas-save', canvasSaveHandler); // save canvas to named .stories.tsx
+// Ensure voice-canvas story template exists (lightweight, no LLM call)
+app.post('/mcp/canvas-ensure', (_req, res) => {
+    try {
+        const storiesDir = config.generatedStoriesPath || './src/stories/generated/';
+        ensureVoiceCanvasStory(storiesDir);
+        return res.json({ ok: true });
+    }
+    catch (err) {
+        return res.json({ ok: false });
+    }
+});
 // Manifest — story ↔ chat source of truth
 // NOTE: /reconcile must be registered BEFORE /:fileName to avoid route conflict
 app.get('/story-ui/manifest/poll', manifestPollHandler);

package/dist/mcp-server/routes/canvasGenerate.js

@@ -82,7 +82,7 @@ const VOICE_CANVAS_TEMPLATE = `import React, { useState, useEffect } from 'react
 import { LiveProvider, LivePreview, LiveError } from 'react-live';
 import type { Meta, StoryObj } from '@storybook/react';
 
-const meta: Meta = { title: 'Generated/Voice Canvas' };
+const meta: Meta = { title: 'Generated/Voice Canvas', tags: ['voice-canvas-internal'] };
 export default meta;
 
 // Design system components set by .storybook/preview.tsx via:

package/dist/templates/StoryUI/voice/VoiceCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceCanvas.d.ts","sourceRoot":"","sources":["../../../../templates/StoryUI/voice/VoiceCanvas.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAwE,MAAM,OAAO,CAAC;AAY7F,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,8EAA8E;AAC9E,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAID,eAAO,MAAM,WAAW,4FAgvBtB,CAAC"}
+{"version":3,"file":"VoiceCanvas.d.ts","sourceRoot":"","sources":["../../../../templates/StoryUI/voice/VoiceCanvas.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAwE,MAAM,OAAO,CAAC;AAY7F,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,8EAA8E;AAC9E,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAID,eAAO,MAAM,WAAW,4FA6uBtB,CAAC"}

package/dist/templates/StoryUI/voice/VoiceCanvas.js

@@ -515,19 +515,16 @@ export const VoiceCanvas = React.forwardRef(function VoiceCanvas({ apiBase, prov
     // Storybook reloads the page when a new .stories.tsx file is saved.
     // Code is already persisted to localStorage by sendCodeToIframe,
     // so we just need to read it back and restore storyReady on mount.
+    // Voice Canvas always starts with a clean slate — no session restore.
+    // Each time the user switches to the Canvas tab or reloads, they see
+    // the empty "describe what you want to build" state, same as Chat.
+    // localStorage is still used for postMessage bridging within a single
+    // generation session, but we clear it on mount so stale code from a
+    // previous session never auto-loads.
     useEffect(() => {
         try {
-            const savedCode = localStorage.getItem(LS_KEY);
-            if (savedCode && savedCode.trim()) {
-                setCurrentCode(savedCode);
-                setStoryReady(true);
-            }
-            const savedPrompt = localStorage.getItem(LS_PROMPT_KEY);
-            if (savedPrompt) {
-                firstPromptRef.current = savedPrompt;
-                lastPromptRef.current = savedPrompt;
-                setLastPrompt(savedPrompt);
-            }
+            localStorage.removeItem(LS_KEY);
+            localStorage.removeItem(LS_PROMPT_KEY);
         }
         catch { /* localStorage unavailable */ }
     }, []); // eslint-disable-line react-hooks/exhaustive-deps

package/dist/templates/StoryUI/voice/VoiceCanvas.tsx

@@ -549,19 +549,16 @@ function VoiceCanvas({
   // Code is already persisted to localStorage by sendCodeToIframe,
   // so we just need to read it back and restore storyReady on mount.
 
+  // Voice Canvas always starts with a clean slate — no session restore.
+  // Each time the user switches to the Canvas tab or reloads, they see
+  // the empty "describe what you want to build" state, same as Chat.
+  // localStorage is still used for postMessage bridging within a single
+  // generation session, but we clear it on mount so stale code from a
+  // previous session never auto-loads.
   useEffect(() => {
     try {
-      const savedCode = localStorage.getItem(LS_KEY);
-      if (savedCode && savedCode.trim()) {
-        setCurrentCode(savedCode);
-        setStoryReady(true);
-      }
-      const savedPrompt = localStorage.getItem(LS_PROMPT_KEY);
-      if (savedPrompt) {
-        firstPromptRef.current = savedPrompt;
-        lastPromptRef.current = savedPrompt;
-        setLastPrompt(savedPrompt);
-      }
+      localStorage.removeItem(LS_KEY);
+      localStorage.removeItem(LS_PROMPT_KEY);
     } catch { /* localStorage unavailable */ }
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tpitre/story-ui",
-  "version": "4.16.3",
+  "version": "4.16.5",
   "description": "AI-powered Storybook story generator with dynamic component discovery",
   "type": "module",
   "main": "dist/index.js",

package/templates/StoryUI/voice/VoiceCanvas.tsx

@@ -549,19 +549,16 @@ function VoiceCanvas({
   // Code is already persisted to localStorage by sendCodeToIframe,
   // so we just need to read it back and restore storyReady on mount.
 
+  // Voice Canvas always starts with a clean slate — no session restore.
+  // Each time the user switches to the Canvas tab or reloads, they see
+  // the empty "describe what you want to build" state, same as Chat.
+  // localStorage is still used for postMessage bridging within a single
+  // generation session, but we clear it on mount so stale code from a
+  // previous session never auto-loads.
   useEffect(() => {
     try {
-      const savedCode = localStorage.getItem(LS_KEY);
-      if (savedCode && savedCode.trim()) {
-        setCurrentCode(savedCode);
-        setStoryReady(true);
-      }
-      const savedPrompt = localStorage.getItem(LS_PROMPT_KEY);
-      if (savedPrompt) {
-        firstPromptRef.current = savedPrompt;
-        lastPromptRef.current = savedPrompt;
-        setLastPrompt(savedPrompt);
-      }
+      localStorage.removeItem(LS_KEY);
+      localStorage.removeItem(LS_PROMPT_KEY);
     } catch { /* localStorage unavailable */ }
   }, []); // eslint-disable-line react-hooks/exhaustive-deps