@dfosco/storyboard-core 3.8.1 → 3.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dfosco/storyboard-core",
-  "version": "3.8.1",
+  "version": "3.8.2",
   "type": "module",
   "license": "MIT",
   "bin": {

package/src/CommandMenu.svelte

@@ -169,7 +169,15 @@
             {@const itemState = action.toolKey ? getToolbarToolState(action.toolKey) : 'active'}
             {@const itemLocalOnly = action.toolKey ? isToolbarToolLocalOnly(action.toolKey) : false}
             <DropdownMenu.Item
-              onclick={() => { open = false; window.location.href = action.url }}
+              onclick={() => {
+                open = false
+                if (action.url.startsWith('/') && !action.url.startsWith('//')) {
+                  const base = (basePath || '/').replace(/\/+$/, '')
+                  window.location.href = (base === '/' ? '' : base) + action.url
+                } else {
+                  window.location.href = action.url
+                }
+              }}
               disabled={itemState === 'inactive'}
               class={itemState === 'dimmed' ? 'opacity-50' : ''}
             >

package/src/InspectorPanel.svelte

@@ -9,7 +9,7 @@
   import Icon from './svelte-plugin-ui/components/Icon.svelte'
   import { inspectElement, inspectElementChain } from './inspector/fiberWalker.js'
   import { createMouseMode } from './inspector/mouseMode.js'
-  import { getColors } from './inspector/highlighter.js'
+  import { getColors, createInspectorHighlighter } from './inspector/highlighter.js'
 
   /** @type {{ name: string, props: object, source: { fileName: string, lineNumber: number, columnNumber?: number } | null, owner: string | null } | null} */
   let componentInfo = $state(null)
@@ -255,7 +255,6 @@
 
   async function getHighlighter() {
     if (highlighter) return highlighter
-    const { createInspectorHighlighter } = await import('./inspector/highlighter.js')
     highlighter = await createInspectorHighlighter()
     return highlighter
   }

package/src/svelte-plugin-ui/components/Viewfinder.svelte

@@ -584,6 +584,8 @@
     background-color: var(--bgColor-default, #0d1117);
     color: var(--fgColor-default, #e6edf3);
     padding: 80px 32px 48px;
+    max-width: 960px;
+    margin: 0 auto;
   }
 
   .header {