@dfosco/storyboard 0.5.0-alpha.13 → 0.5.0-alpha.15

package/package.json

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

package/src/core/cli/dev.js

@@ -167,6 +167,12 @@ async function resolveDevTarget(branchArg, { allowCreate = true } = {}) {
 
   const root = repoRoot()
 
+  // Already inside the requested worktree — just use cwd
+  const detectedName = detectWorktreeName()
+  if (detectedName === branchArg) {
+    return { worktreeName: branchArg, targetCwd: process.cwd(), created: false }
+  }
+
   // "main" → repo root
   if (branchArg === 'main') {
     return { worktreeName: 'main', targetCwd: root, created: false }

package/src/core/cli/setup.js

@@ -30,7 +30,7 @@ if (flags.nuke) {
   const nukeCmd = [
     'sudo pkill caddy 2>/dev/null',
     'brew uninstall caddy gh git 2>/dev/null',
-    'rm -f ~/.local/bin/copilot /usr/local/bin/copilot',
+    'rm -f ~/.local/bin/copilot /usr/local/bin/copilot ~/.local/bin/code /usr/local/bin/code',
     '/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/uninstall.sh)"',
     'sudo rm -rf /Library/Developer/CommandLineTools',
     'xcode-select --reset',
@@ -171,39 +171,40 @@ if (hasBrew) {
 if (isInstalled('code')) {
   p.log.success('VS Code CLI installed')
 } else {
-  // Try to install the `code` CLI from VS Code's known locations
-  const codePaths = [
-    '/Applications/Visual Studio Code.app/Contents/Resources/app/bin/code',
-    '/usr/local/bin/code',
-  ]
+  const vsCodeApp = '/Applications/Visual Studio Code.app'
+  const shellScript = `${vsCodeApp}/Contents/Resources/app/bin/code`
   let installed = false
-  for (const codePath of codePaths) {
-    if (existsSync(codePath)) {
-      p.log.success('VS Code CLI available (symlink exists)')
-      installed = true
-      break
+
+  if (existsSync(shellScript)) {
+    // Try /usr/local/bin first, then ~/.local/bin as fallback
+    const localBin = `${process.env.HOME}/.local/bin`
+    const targets = ['/usr/local/bin/code', `${localBin}/code`]
+
+    for (const target of targets) {
+      try {
+        const dir = path.dirname(target)
+        if (!existsSync(dir)) mkdirSync(dir, { recursive: true })
+        run(`ln -sf "${shellScript}" "${target}"`)
+        // Add ~/.local/bin to PATH if that's where we installed
+        if (target.includes('.local/bin') && !process.env.PATH.includes(localBin)) {
+          process.env.PATH = `${localBin}:${process.env.PATH}`
+        }
+        p.log.success(`VS Code CLI installed (${target})`)
+        installed = true
+        break
+      } catch {
+        // Try next target
+      }
     }
   }
+
   if (!installed) {
-    // Try the VS Code shell command installer
-    const vsCodeApp = '/Applications/Visual Studio Code.app'
     if (existsSync(vsCodeApp)) {
-      const shellScript = `${vsCodeApp}/Contents/Resources/app/bin/code`
-      if (existsSync(shellScript)) {
-        try {
-          // Create symlink in /usr/local/bin
-          run(`ln -sf "${shellScript}" /usr/local/bin/code`)
-          p.log.success('VS Code CLI installed (symlinked to /usr/local/bin/code)')
-          installed = true
-        } catch {
-          // Fall through to manual instructions
-        }
-      }
-    }
-    if (!installed) {
-      p.log.warning('VS Code CLI not found. Open VS Code and run:')
-      p.log.info('  Cmd+Shift+P → "Shell Command: Install \'code\' command in PATH"')
+      p.log.warning('VS Code found but could not create symlink. Open VS Code and run:')
+    } else {
+      p.log.warning('VS Code not found. Install VS Code, then run:')
     }
+    p.log.info('  Cmd+Shift+P → "Shell Command: Install \'code\' command in PATH"')
   }
 }
 

package/src/internals/Icon.jsx

@@ -76,6 +76,21 @@ const customIcons = {
       'M2 19L11 12L2 5L2 19Z',
     ],
   },
+  // Component icon (puzzle piece / brick)
+  'component': {
+    viewBox: '0 0 24 24',
+    strokeWidth: '1.5',
+    strokePaths: [
+      'M3.5 10.5V5.5C3.5 4.94772 3.94772 4.5 4.5 4.5H9.5',
+      'M14.5 4.5H19.5C20.0523 4.5 20.5 4.94772 20.5 5.5V10.5',
+      'M20.5 13.5V18.5C20.5 19.0523 20.0523 19.5 19.5 19.5H14.5',
+      'M9.5 19.5H4.5C3.94772 19.5 3.5 19.0523 3.5 18.5V13.5',
+      'M12 4.5V7.5',
+      'M12 16.5V19.5',
+      'M20.5 12H17.5',
+      'M6.5 12H3.5',
+    ],
+  },
 }
 
 /* ─── Iconoir icons (stroke-based unless fill: true) ─── */

package/src/internals/Viewfinder.jsx

@@ -1051,6 +1051,10 @@ export default function Workspace({
   basePath,
   title = 'Storyboard',
   subtitle,
+  showAllArtifacts = false,
+  showPrototypes = true,
+  showCanvases = true,
+  showComponents = true,
 }) {
   const themeAttrs = useToolbarTheme()
   const ghUser = useGitHubUser(basePath)
@@ -1158,8 +1162,20 @@ export default function Workspace({
 
   const itemMap = useMemo(() => Object.fromEntries(allItems.map(i => [i.id, i])), [allItems])
 
-  // State
-  const [activeNav, setActiveNav] = useState('all')
+  // Filter nav items based on visibility props
+  const visibleNavItems = useMemo(() => {
+    const visibility = {
+      all: showAllArtifacts,
+      prototypes: showPrototypes,
+      canvases: showCanvases,
+      components: showComponents,
+    }
+    return NAV_ITEMS.filter(nav => visibility[nav.id])
+  }, [showAllArtifacts, showPrototypes, showCanvases, showComponents])
+
+  // State - default to first visible nav item
+  const defaultNav = visibleNavItems[0]?.id || 'prototypes'
+  const [activeNav, setActiveNav] = useState(defaultNav)
   const [activeTab, setActiveTab] = useState('All')
   const [showCreate, setShowCreate] = useState(false)
   const isLocalDev = typeof window !== 'undefined' && window.__SB_LOCAL_DEV__ === true
@@ -1307,7 +1323,7 @@ export default function Workspace({
         <aside className={`${css.sidebar}${sidebarOpen ? ` ${css.sidebarOpen}` : ''}`}>
           <div className={css.sidebarContent}>
           <nav className={css.navSection}>
-            {NAV_ITEMS.map(nav => (
+            {visibleNavItems.map(nav => (
               <button
                 key={nav.id}
                 className={activeNav === nav.id ? css.navItemActive : css.navItem}