@dfosco/storyboard 0.6.3 → 0.6.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dfosco/storyboard",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "type": "module",
   "license": "MIT",
   "description": "Storyboard prototyping framework — core engine, React integration, and canvas",

package/src/core/cli/setup.js

@@ -398,10 +398,15 @@ if (isInstalled('code')) {
   p.log.success('Canvas asset directories ready')
 }
 
-// 7a. Scaffold .gitignore entries for private canvas images
+// 7a. Scaffold .gitignore entries for storyboard runtime + private files
 {
   const gitignorePath = '.gitignore'
   const privatePatterns = [
+    // Storyboard runtime state — entirely per-machine, never committed.
+    // Files that NEED to be public must be written to .storyboard-public/
+    // (or assets/.storyboard-public/) instead.
+    '.storyboard/',
+    // Private canvas images / snapshots (tilde prefix = not committed)
     'src/canvas/images/~*',
     'assets/canvas/images/~*',
     'assets/canvas/snapshots/~*',
@@ -412,18 +417,16 @@ if (isInstalled('code')) {
     'src/canvas/~*/',
     'src/prototypes/~*/',
     'src/prototypes/**/~*.{flow,object,record,prototype,folder}.json',
-    // Per-user local state (setup version marker, agent prefs, future onboarding state)
-    '.storyboard/.user.json',
   ]
   if (existsSync(gitignorePath)) {
     try {
       let content = readFileSync(gitignorePath, 'utf-8')
       const missing = privatePatterns.filter(p => !content.includes(p))
       if (missing.length > 0) {
-        const block = '\n# Private canvas images (tilde prefix = not committed)\n' + missing.join('\n') + '\n'
+        const block = '\n# Storyboard: runtime state (gitignored) + private tilde-prefixed files\n' + missing.join('\n') + '\n'
         content = content.trimEnd() + '\n' + block
         writeFileSync(gitignorePath, content, 'utf-8')
-        p.log.success('Added private image patterns to .gitignore')
+        p.log.success('Added storyboard patterns to .gitignore')
       }
     } catch { /* ignore */ }
   }

package/src/internals/Viewfinder.jsx

@@ -1357,7 +1357,13 @@ function WorkspaceImpl({
           >
             {sidebarOpen ? <XIcon size={18} /> : <ThreeBarsIcon size={18} />}
           </button>
-          <div className={`${css.logo} smooth-corners`}><Icon name="iconoir/key-command" size={22} color="#fff" /></div>
+          <img
+            src={`${basePath || '/'}favicon.svg`}
+            alt=""
+            width={48}
+            height={48}
+            className={css.logo}
+          />
           <div>
             <div className={css.appName}>{title}</div>
             {subtitle && <div className={css.appSubtitle}>{subtitle}</div>}

package/src/internals/Viewfinder.module.css

@@ -30,13 +30,8 @@
 .logo {
   width: 48px;
   height: 48px;
-  background: var(--bgColor-emphasis, #313131);
-  border-radius: 8px;
   transform: rotate(-1deg);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--fgColor-onEmphasis, #fff);
+  display: block;
   flex-shrink: 0;
 }
 

package/src/internals/canvas/CanvasPage.jsx

@@ -1636,6 +1636,15 @@ export default function CanvasPage({ canvasId: canvasIdProp, name, siblingPages
             : [],
           createdAt: snapshot.createdAt ?? null,
           updatedAt: snapshot.updatedAt ?? null,
+          // PR-specific metadata (state, branches, diff stats)
+          state: snapshot.state ?? null,
+          merged: typeof snapshot.merged === 'boolean' ? snapshot.merged : null,
+          draft: typeof snapshot.draft === 'boolean' ? snapshot.draft : null,
+          baseRef: typeof snapshot.baseRef === 'string' ? snapshot.baseRef : null,
+          headRef: typeof snapshot.headRef === 'string' ? snapshot.headRef : null,
+          additions: typeof snapshot.additions === 'number' ? snapshot.additions : null,
+          deletions: typeof snapshot.deletions === 'number' ? snapshot.deletions : null,
+          changedFiles: typeof snapshot.changedFiles === 'number' ? snapshot.changedFiles : null,
           fetchedAt: new Date().toISOString(),
         },
       }

package/src/internals/canvas/widgets/LinkPreview.module.css

@@ -599,8 +599,8 @@
 .prStateBadge {
   display: inline-flex;
   align-items: center;
-  gap: 4px;
-  padding: 3px 8px;
+  gap: 6px;
+  padding: 5px 10px 5px 9px;
   border-radius: 2em;
   font-size: 12px;
   font-weight: 500;