veryfront 0.1.128 → 0.1.129

package/esm/src/studio/bridge/bridge-bundle.generated.js

@@ -5,4 +5,4 @@
  * Do not edit manually — run `deno task build` to regenerate.
  * @module
  */
-export const STUDIO_BRIDGE_BUNDLE = "// src/studio/bridge/bridge-logger.ts\nfunction normalizeContext(context) {\n  if (!context) return void 0;\n  if (context instanceof Error) {\n    return { error: context.message, ...context.stack ? { stack: context.stack } : {} };\n  }\n  return context;\n}\nfunction formatArgs(message, context) {\n  const normalized = normalizeContext(context);\n  if (!normalized || Object.keys(normalized).length === 0) {\n    return [message];\n  }\n  return [message, normalized];\n}\nvar logger = {\n  debug(message, context) {\n    console.debug(...formatArgs(message, context));\n  },\n  info(message, context) {\n    console.log(...formatArgs(message, context));\n  },\n  warn(message, context) {\n    console.warn(...formatArgs(message, context));\n  },\n  error(message, context) {\n    console.error(...formatArgs(message, context));\n  }\n};\n\n// src/studio/bridge/bridge-config.ts\nvar config = null;\nfunction initConfig() {\n  const raw = globalThis.__VF_BRIDGE_CONFIG__;\n  const params = new URLSearchParams(window.location.search);\n  const qsMode = params.get(\"vf_studio_mode\");\n  const resolveMode = (value) => value === \"simple\" || qsMode === \"simple\" ? \"simple\" : \"advanced\";\n  if (!raw || typeof raw !== \"object\") {\n    logger.warn(\"No bridge config found on window.__VF_BRIDGE_CONFIG__\");\n    config = {\n      projectId: \"\",\n      pageId: \"\",\n      pagePath: \"\",\n      wsUrl: \"\",\n      yjsGuid: \"\",\n      studioMode: resolveMode(void 0),\n      debugSkipInit: false,\n      debugExposeInternals: false\n    };\n    return;\n  }\n  config = {\n    projectId: String(raw.projectId ?? \"\"),\n    pageId: String(raw.pageId ?? \"\"),\n    pagePath: String(raw.pagePath ?? raw.pageId ?? \"\"),\n    wsUrl: String(raw.wsUrl ?? \"\"),\n    yjsGuid: String(raw.yjsGuid ?? \"\"),\n    studioMode: resolveMode(raw.studioMode),\n    debugSkipInit: !!raw.debugSkipInit,\n    debugExposeInternals: !!raw.debugExposeInternals\n  };\n}\nfunction getConfig() {\n  if (!config) {\n    throw new Error(\"[StudioBridge] Config not initialized. Call initConfig() first.\");\n  }\n  return config;\n}\n\n// src/studio/bridge/bridge-state.ts\nvar state = {\n  // Inspector\n  inspectMode: false,\n  selectedNodeId: null,\n  hoveredNodeId: null,\n  lastTreeSignature: \"\",\n  // Overlays\n  hoverOverlay: null,\n  selectionOverlay: null,\n  // Console\n  originalConsole: {},\n  logCounter: 0,\n  // Screenshot\n  html2canvasLoaded: false,\n  html2canvasPromise: null\n};\nvar CONSOLE_METHODS = [\n  \"log\",\n  \"debug\",\n  \"info\",\n  \"warn\",\n  \"error\",\n  \"table\",\n  \"clear\",\n  \"dir\"\n];\nvar DOM_IGNORE_TAGS = [\"SCRIPT\", \"STYLE\", \"LINK\", \"META\", \"NOSCRIPT\"];\n\n// src/studio/bridge/bridge-messaging.ts\nvar studioOrigin = null;\nfunction postToStudio(message) {\n  if (!window.parent || window.parent === window) return;\n  try {\n    window.parent.postMessage(message, studioOrigin || \"*\");\n  } catch (e) {\n    logger.debug(\"postMessage failed\", e instanceof Error ? e : { error: String(e) });\n  }\n}\nfunction isFromStudio(event) {\n  try {\n    if (!event.source || event.source === window) return false;\n    const url = new URL(event.origin || \"\");\n    const host = url.hostname;\n    const valid = host === \"localhost\" || host.endsWith(\".veryfront.org\") || host === \"veryfront.org\" || host.endsWith(\".veryfront.com\") || host === \"veryfront.com\" || host.endsWith(\".veryfront.dev\") || host === \"veryfront.dev\";\n    if (valid && !studioOrigin) {\n      studioOrigin = event.origin;\n    }\n    return valid;\n  } catch (_) {\n    return false;\n  }\n}\n\n// src/studio/bridge/bridge-styles.ts\nvar OVERLAY_CSS = `\n      /* ------------------------------------------------------------------ */\n      /* Overlays (hover / selection inspector)                              */\n      /* ------------------------------------------------------------------ */\n\n      .vf-overlay {\n        position: fixed;\n        pointer-events: none;\n        z-index: 99999;\n        box-sizing: border-box;\n        transition: all 0.05s ease-out;\n      }\n      .vf-overlay-hover {\n        border: 2px solid oklch(0.6852 0.162 241.8);\n        background: oklch(0.6852 0.162 241.8 / 0.06);\n      }\n      .vf-overlay-selection {\n        border: 2px solid oklch(0.6852 0.162 241.8);\n        background: oklch(0.6852 0.162 241.8 / 0.1);\n      }\n      .vf-overlay-label {\n        position: absolute;\n        top: -22px;\n        left: -2px;\n        background: oklch(0.6852 0.162 241.8);\n        color: white;\n        font-size: 11px;\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        padding: 2px 6px;\n        border-radius: 3px 3px 0 0;\n        white-space: nowrap;\n        pointer-events: none;\n      }\n      .vf-overlay-label-bottom {\n        top: auto;\n        bottom: -22px;\n        border-radius: 0 0 3px 3px;\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Edit button (floating CTA)                                          */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-edit-button {\n        position: fixed;\n        right: 16px;\n        bottom: 16px;\n        z-index: 100001;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 9999px;\n        background: oklch(0.2768 0 0);\n        color: oklch(0.9512 0.008 98.88);\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 13px;\n        font-weight: 500;\n        line-height: 1;\n        padding: 10px 16px;\n        cursor: pointer;\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);\n        transition: transform 100ms ease, box-shadow 100ms ease;\n      }\n      .vf-markdown-edit-button:hover {\n        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);\n      }\n      .vf-markdown-edit-button:active {\n        transform: scale(0.98);\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Editor root                                                         */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor {\n        position: fixed;\n        inset: 0;\n        z-index: 100000;\n        background: oklch(1 0 0);\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        display: none;\n      }\n\n      .vf-markdown-editor__history {\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 6px;\n        background: oklch(1 0 0);\n        color: oklch(0.2768 0 0);\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 13px;\n        line-height: 1;\n        min-width: 28px;\n        height: 28px;\n        padding: 0 8px;\n        cursor: pointer;\n        transition: background 75ms ease;\n      }\n      .vf-markdown-editor__history:hover {\n        background: oklch(0.93 0 0);\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Surface (editor area)                                               */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__surface-wrap {\n        position: relative;\n        height: 100vh;\n      }\n\n      .vf-markdown-editor__surface {\n        width: 100%;\n        max-width: 980px;\n        margin: 0 auto;\n        height: 100%;\n        overflow: auto;\n        outline: none;\n        position: relative;\n        z-index: 1;\n        background: transparent;\n        padding: 32px 40px;\n        box-sizing: border-box;\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Selection overlay                                                   */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__selection-overlay {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        z-index: 2;\n        display: none;\n      }\n\n      .vf-markdown-editor__selection-highlight {\n        position: absolute;\n        border-radius: 3px;\n        opacity: 0.26;\n      }\n\n      .vf-markdown-editor__selection-caret {\n        position: absolute;\n        width: 2px;\n        border-radius: 1px;\n      }\n\n      .vf-markdown-editor__selection-label {\n        position: absolute;\n        transform: translateY(-100%);\n        margin-top: -4px;\n        border-radius: 9999px;\n        padding: 1px 7px;\n        font-size: 10px;\n        line-height: 1.4;\n        white-space: nowrap;\n        color: oklch(1 0 0);\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Slash menu                                                          */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__slash-menu {\n        position: fixed;\n        z-index: 100005;\n        min-width: 240px;\n        max-width: 300px;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 8px;\n        background: oklch(1 0 0);\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);\n        padding: 4px;\n        display: none;\n      }\n\n      .vf-markdown-editor__slash-section {\n        padding: 8px 10px 4px;\n        font-size: 11px;\n        font-weight: 600;\n        color: oklch(0.55 0.005 95.11);\n        text-transform: none;\n        letter-spacing: 0;\n      }\n\n      .vf-markdown-editor__slash-item {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        width: 100%;\n        border: 0;\n        border-radius: 6px;\n        background: transparent;\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        text-align: left;\n        padding: 6px 10px;\n        cursor: pointer;\n        transition: background 75ms ease;\n      }\n\n      .vf-markdown-editor__slash-item:hover,\n      .vf-markdown-editor__slash-item[data-active='true'] {\n        background: oklch(0.93 0 0);\n      }\n\n      .vf-markdown-editor__slash-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 24px;\n        height: 24px;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 4px;\n        background: oklch(1 0 0);\n        font-size: 13px;\n        font-weight: 600;\n        color: oklch(0.2768 0 0);\n        flex-shrink: 0;\n      }\n\n      .vf-markdown-editor__slash-item-title {\n        display: block;\n        font-size: 13px;\n        font-weight: 500;\n        color: oklch(0.2768 0 0);\n        line-height: 1.35;\n        flex: 1;\n      }\n\n      .vf-markdown-editor__slash-item-desc {\n        display: none;\n      }\n\n      .vf-markdown-editor__slash-shortcut {\n        font-size: 11px;\n        color: oklch(0.55 0.005 95.11);\n        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n        flex-shrink: 0;\n      }\n\n      .vf-markdown-editor__slash-footer {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 6px 10px;\n        margin-top: 2px;\n        border-top: 1px solid oklch(0.9 0 0);\n        font-size: 11px;\n        color: oklch(0.55 0.005 95.11);\n      }\n\n      .vf-markdown-editor__slash-footer-key {\n        font-size: 10px;\n        color: oklch(0.55 0.005 95.11);\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 3px;\n        padding: 1px 4px;\n        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Inline toolbar                                                      */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__inline-toolbar {\n        position: fixed;\n        z-index: 100006;\n        display: none;\n        flex-direction: column;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 8px;\n        background: oklch(1 0 0);\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);\n        padding: 4px;\n      }\n\n      .vf-markdown-editor__inline-row {\n        display: flex;\n        align-items: center;\n        gap: 2px;\n        padding: 2px 0;\n      }\n\n      .vf-markdown-editor__inline-separator {\n        width: 1px;\n        height: 20px;\n        background: oklch(0.9 0 0);\n        margin: 0 2px;\n        flex-shrink: 0;\n      }\n\n      .vf-markdown-editor__inline-button {\n        border: 0;\n        border-radius: 6px;\n        background: transparent;\n        color: oklch(0.2768 0 0);\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 12px;\n        font-weight: 600;\n        line-height: 1;\n        min-width: 26px;\n        height: 26px;\n        padding: 0 7px;\n        cursor: pointer;\n        transition: background 75ms ease;\n      }\n\n      .vf-markdown-editor__inline-button:hover {\n        background: oklch(0.93 0 0);\n      }\n\n      .vf-markdown-editor__inline-button.active {\n        background: oklch(0.6852 0.162 241.8 / 0.14);\n        color: oklch(0.6852 0.162 241.8);\n      }\n\n      .vf-markdown-editor__inline-button[data-format='bold'] {\n        font-weight: 700;\n      }\n\n      .vf-markdown-editor__inline-button[data-format='italic'] {\n        font-style: italic;\n      }\n\n      .vf-markdown-editor__inline-button[data-format='strikethrough'] {\n        text-decoration: line-through;\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Block type trigger                                                  */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__block-trigger {\n        border: 0;\n        border-radius: 6px;\n        background: transparent;\n        color: oklch(0.2768 0 0);\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 12px;\n        font-weight: 600;\n        line-height: 1;\n        height: 26px;\n        padding: 0 7px;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        gap: 2px;\n        white-space: nowrap;\n        transition: background 75ms ease;\n      }\n\n      .vf-markdown-editor__block-trigger:hover {\n        background: oklch(0.93 0 0);\n      }\n\n      .vf-markdown-editor__block-trigger::after {\n        content: '\\\\25BE';\n        font-size: 10px;\n        color: oklch(0.55 0.005 95.11);\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Block dropdown                                                      */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__block-dropdown {\n        position: absolute;\n        top: 100%;\n        left: 4px;\n        z-index: 100007;\n        min-width: 160px;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 6px;\n        background: oklch(1 0 0);\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);\n        padding: 4px;\n        margin-top: 4px;\n        display: none;\n      }\n\n      .vf-markdown-editor__block-option {\n        display: block;\n        width: 100%;\n        border: 0;\n        border-radius: 6px;\n        background: transparent;\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        text-align: left;\n        padding: 6px 10px;\n        font-size: 13px;\n        font-weight: 500;\n        color: oklch(0.2768 0 0);\n        cursor: pointer;\n        transition: background 75ms ease;\n      }\n\n      .vf-markdown-editor__block-option:hover {\n        background: oklch(0.93 0 0);\n      }\n\n      .vf-markdown-editor__block-option.active {\n        background: oklch(0.6852 0.162 241.8 / 0.1);\n        color: oklch(0.6852 0.162 241.8);\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Block drag handle                                                   */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__block-handle {\n        position: fixed;\n        z-index: 100007;\n        display: none;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 6px;\n        background: oklch(1 0 0);\n        color: oklch(0.2768 0 0);\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1;\n        width: 28px;\n        height: 28px;\n        padding: 0;\n        cursor: grab;\n        box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1);\n        transition: background 75ms ease, box-shadow 75ms ease;\n      }\n\n      .vf-markdown-editor__block-handle:hover {\n        background: oklch(0.6852 0.162 241.8 / 0.1);\n      }\n\n      .vf-markdown-editor__block-handle[data-dragging='true'] {\n        cursor: grabbing;\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Block drop indicator                                                */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__block-drop-indicator {\n        position: fixed;\n        z-index: 100006;\n        display: none;\n        height: 2px;\n        border-radius: 9999px;\n        background: oklch(0.6852 0.162 241.8);\n        box-shadow: 0 1px 6px oklch(0.6852 0.162 241.8 / 0.5);\n      }\n\n      .vf-markdown-editor__block-drop-label {\n        position: fixed;\n        z-index: 100007;\n        display: none;\n        border-radius: 9999px;\n        border: 1px solid oklch(0.6852 0.162 241.8 / 0.24);\n        background: oklch(1 0 0 / 0.96);\n        color: oklch(0.2768 0 0);\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 11px;\n        font-weight: 600;\n        line-height: 1.2;\n        padding: 3px 8px;\n        box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1);\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Block drag ghost                                                    */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__block-drag-ghost {\n        position: fixed;\n        top: -9999px;\n        left: -9999px;\n        width: 260px;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 8px;\n        background: oklch(1 0 0);\n        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);\n        padding: 8px 10px;\n      }\n\n      .vf-markdown-editor__block-drag-ghost-title {\n        display: block;\n        font-size: 11px;\n        font-weight: 700;\n        color: oklch(0.2768 0 0);\n      }\n\n      .vf-markdown-editor__block-drag-ghost-text {\n        display: block;\n        margin-top: 4px;\n        font-size: 11px;\n        color: oklch(0.55 0.005 95.11);\n        line-height: 1.35;\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* MDX blocks bar                                                      */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__mdx-blocks {\n        display: none;\n        gap: 8px;\n        padding: 8px 16px;\n        border-bottom: 1px solid oklch(0.9 0 0);\n        background: oklch(0.97 0 0 / 0.95);\n        overflow-x: auto;\n      }\n\n      .vf-markdown-editor__mdx-block {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 6px;\n        background: oklch(1 0 0);\n        padding: 6px 8px;\n      }\n\n      .vf-markdown-editor__mdx-block-label {\n        font-size: 11px;\n        color: oklch(0.2768 0 0);\n        white-space: nowrap;\n      }\n\n      .vf-markdown-editor__mdx-note {\n        font-size: 10px;\n        color: oklch(0.55 0.005 95.11);\n        white-space: nowrap;\n      }\n\n      .vf-markdown-editor__mdx-open {\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 6px;\n        background: oklch(1 0 0);\n        color: oklch(0.2768 0 0);\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 11px;\n        line-height: 1;\n        padding: 5px 7px;\n        cursor: pointer;\n        white-space: nowrap;\n        transition: background 75ms ease;\n      }\n      .vf-markdown-editor__mdx-open:hover {\n        background: oklch(0.93 0 0);\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Lexical surface overrides                                           */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__surface [data-lexical-editor] {\n        outline: none;\n      }\n\n      .vf-markdown-editor__surface s,\n      .vf-markdown-editor__surface del,\n      .vf-markdown-editor__surface [style*='line-through'] {\n        text-decoration: line-through;\n      }\n\n      .vf-markdown-editor__surface p:empty::before {\n        content: \"Type '/' for commands\";\n        color: oklch(0.55 0.005 95.11 / 0.6);\n        pointer-events: none;\n        font-style: normal;\n      }\n\n      .vf-markdown-editor__surface h1:empty::before {\n        content: 'Heading 1';\n        color: oklch(0.55 0.005 95.11 / 0.6);\n        pointer-events: none;\n      }\n\n      .vf-markdown-editor__surface h2:empty::before {\n        content: 'Heading 2';\n        color: oklch(0.55 0.005 95.11 / 0.6);\n        pointer-events: none;\n      }\n\n      .vf-markdown-editor__surface h3:empty::before {\n        content: 'Heading 3';\n        color: oklch(0.55 0.005 95.11 / 0.6);\n        pointer-events: none;\n      }\n\n      .vf-markdown-editor__surface blockquote:empty::before {\n        content: 'Quote';\n        color: oklch(0.55 0.005 95.11 / 0.6);\n        pointer-events: none;\n      }\n\n      .vf-markdown-editor__surface p {\n        min-height: 1.5em;\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Textarea fallback                                                   */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__textarea {\n        width: 100%;\n        height: 100vh;\n        border: 0;\n        outline: none;\n        resize: none;\n        display: none;\n        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n        font-size: 14px;\n        line-height: 1.6;\n        color: oklch(0.2768 0 0);\n        background: transparent;\n        padding: 16px;\n        box-sizing: border-box;\n      }\n\n      /* ================================================================== */\n      /* DARK MODE                                                           */\n      /* ================================================================== */\n\n      [data-theme='dark'] .vf-markdown-editor {\n        background: oklch(0.2768 0 0);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__history {\n        background: oklch(0.3211 0 0);\n        border-color: oklch(0.42 0.0017 106.48);\n        color: oklch(0.9512 0.008 98.88);\n      }\n      [data-theme='dark'] .vf-markdown-editor__history:hover {\n        background: oklch(0.25 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__textarea {\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      /* Slash menu \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-editor__slash-menu {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.21 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__slash-section {\n        color: oklch(0.5338 0.0046 106.55);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__slash-item:hover,\n      [data-theme='dark'] .vf-markdown-editor__slash-item[data-active='true'] {\n        background: oklch(0.25 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__slash-icon {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.3211 0 0);\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__slash-item-title {\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__slash-shortcut {\n        color: oklch(0.5338 0.0046 106.55);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__slash-footer {\n        border-top-color: oklch(0.3 0.01 220);\n        color: oklch(0.5338 0.0046 106.55);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__slash-footer-key {\n        border-color: oklch(0.42 0.0017 106.48);\n        color: oklch(0.5338 0.0046 106.55);\n      }\n\n      /* Inline toolbar \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-editor__inline-toolbar {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.21 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__inline-separator {\n        background: oklch(0.3 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__inline-button {\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__inline-button:hover {\n        background: oklch(0.25 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__inline-button.active {\n        background: oklch(0.6852 0.162 241.8 / 0.2);\n        color: oklch(0.75 0.14 241.8);\n      }\n\n      /* Block trigger \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-editor__block-trigger {\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-trigger:hover {\n        background: oklch(0.25 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-trigger::after {\n        color: oklch(0.5338 0.0046 106.55);\n      }\n\n      /* Block dropdown \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-editor__block-dropdown {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.21 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-option {\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-option:hover {\n        background: oklch(0.25 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-option.active {\n        background: oklch(0.6852 0.162 241.8 / 0.2);\n        color: oklch(0.75 0.14 241.8);\n      }\n\n      /* Placeholder text \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-editor__surface p:empty::before,\n      [data-theme='dark'] .vf-markdown-editor__surface h1:empty::before,\n      [data-theme='dark'] .vf-markdown-editor__surface h2:empty::before,\n      [data-theme='dark'] .vf-markdown-editor__surface h3:empty::before,\n      [data-theme='dark'] .vf-markdown-editor__surface blockquote:empty::before {\n        color: oklch(0.5338 0.0046 106.55 / 0.5);\n      }\n\n      /* Block drag \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-editor__block-handle {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.3211 0 0);\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-handle:hover {\n        background: oklch(0.6852 0.162 241.8 / 0.2);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-drop-label {\n        border-color: oklch(0.6852 0.162 241.8 / 0.35);\n        background: oklch(0.18 0.01 220 / 0.96);\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-drag-ghost {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.3211 0 0);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-drag-ghost-title {\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-drag-ghost-text {\n        color: oklch(0.5338 0.0046 106.55);\n      }\n\n      /* MDX blocks \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-editor__mdx-blocks {\n        border-bottom-color: oklch(0.3 0.01 220);\n        background: oklch(0.18 0.01 220 / 0.8);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__mdx-block {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.3211 0 0);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__mdx-block-label {\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__mdx-note {\n        color: oklch(0.5338 0.0046 106.55);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__mdx-open {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.2768 0 0);\n        color: oklch(0.9512 0.008 98.88);\n      }\n      [data-theme='dark'] .vf-markdown-editor__mdx-open:hover {\n        background: oklch(0.25 0.01 220);\n      }\n\n      /* Edit button \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-edit-button {\n        background: oklch(0.9512 0.008 98.88);\n        color: oklch(0.2768 0 0);\n        border-color: oklch(0.42 0.0017 106.48);\n      }\n`;\nfunction injectOverlayStyles() {\n  if (document.getElementById(\"vf-overlay-styles\")) return;\n  const style = document.createElement(\"style\");\n  style.id = \"vf-overlay-styles\";\n  style.textContent = OVERLAY_CSS;\n  try {\n    document.head.appendChild(style);\n    if (!style.sheet) {\n      logger.warn(\"Inline style injection may be blocked by CSP (style-src)\");\n    }\n  } catch (error) {\n    logger.warn(\n      \"Failed to inject bridge styles. This may be caused by CSP style-src restrictions.\",\n      error instanceof Error ? error : {\n        error: String(error)\n      }\n    );\n  }\n}\n\n// src/studio/bridge/bridge-constants.ts\nvar DATA_VF_ID = \"data-vf-id\";\nvar DATA_VF_SELECTOR = \"data-vf-selector\";\nvar DATA_VF_TEXT = \"data-vf-text\";\nvar DATA_VF_IGNORE = \"data-vf-ignore\";\nvar DATA_NODE_ID = \"data-node-id\";\nvar DATA_NODE_FILE = \"data-node-file\";\nvar DATA_NODE_NAME = \"data-node-name\";\nvar DATA_NODE_LINE = \"data-node-line\";\nvar DATA_NODE_COLUMN = \"data-node-column\";\nvar DATA_NODE_SOURCE = \"data-node-source\";\n\n// src/studio/bridge/bridge-utils.ts\nfunction debounce(fn, ms) {\n  let timer;\n  const debounced = function(...args) {\n    clearTimeout(timer);\n    timer = setTimeout(() => {\n      fn.apply(this, args);\n    }, ms);\n  };\n  debounced.cancel = () => {\n    clearTimeout(timer);\n    timer = void 0;\n  };\n  return debounced;\n}\n\n// src/studio/bridge/bridge-inspector.ts\nfunction createOverlay(type) {\n  const overlay = document.createElement(\"div\");\n  overlay.className = \"vf-overlay vf-overlay-\" + type;\n  overlay.setAttribute(DATA_VF_IGNORE, \"true\");\n  const label = document.createElement(\"div\");\n  label.className = \"vf-overlay-label\";\n  overlay.appendChild(label);\n  overlay.style.display = \"none\";\n  document.body.appendChild(overlay);\n  return overlay;\n}\nfunction hideOverlay(overlay) {\n  if (overlay) overlay.style.display = \"none\";\n}\nfunction positionOverlay(overlay, element, nodeName) {\n  if (!overlay) return;\n  if (!element) {\n    hideOverlay(overlay);\n    return;\n  }\n  const rect = element.getBoundingClientRect();\n  overlay.style.display = \"block\";\n  overlay.style.top = rect.top + \"px\";\n  overlay.style.left = rect.left + \"px\";\n  overlay.style.width = rect.width + \"px\";\n  overlay.style.height = rect.height + \"px\";\n  const label = overlay.querySelector(\".vf-overlay-label\");\n  if (label) {\n    label.textContent = nodeName;\n    if (rect.top < 24) {\n      label.classList.add(\"vf-overlay-label-bottom\");\n    } else {\n      label.classList.remove(\"vf-overlay-label-bottom\");\n    }\n  }\n}\nfunction getNodeName(element) {\n  const vfId = element.getAttribute(DATA_VF_ID);\n  if (vfId) return vfId.split(\"_\")[0] ?? vfId;\n  return element.tagName.toLowerCase();\n}\nfunction findElementById(nodeId) {\n  if (!nodeId) return null;\n  return document.querySelector(\"[\" + DATA_VF_ID + '=\"' + nodeId + '\"]') || document.querySelector(\"[\" + DATA_VF_SELECTOR + '=\"' + nodeId + '\"]') || document.querySelector(\"[\" + DATA_NODE_ID + '=\"' + nodeId + '\"]');\n}\nfunction isValidElement(el) {\n  return !!el && el.nodeType === Node.ELEMENT_NODE && !DOM_IGNORE_TAGS.includes(el.tagName) && !el.hasAttribute(DATA_VF_IGNORE) && el.style.display !== \"none\";\n}\nfunction getNodeType(el) {\n  const vfId = el.getAttribute(DATA_VF_ID) || \"\";\n  if (vfId && /^[A-Z]/.test(vfId)) return \"component\";\n  if (el.hasAttribute(DATA_VF_TEXT)) return \"text\";\n  if (el.getAttribute(DATA_NODE_SOURCE) === \"md\") return \"markdown\";\n  return \"element\";\n}\nfunction buildNavigatorTree(root) {\n  const config3 = getConfig();\n  let nodeIndex = 0;\n  function processElement(el, parentId) {\n    if (!isValidElement(el)) {\n      const children = [];\n      Array.from(el.children || []).forEach((child) => {\n        children.push(...processElement(child, parentId));\n      });\n      return children;\n    }\n    let id = el.getAttribute(DATA_VF_ID) || el.getAttribute(DATA_NODE_ID) || el.getAttribute(DATA_VF_SELECTOR);\n    if (!id) {\n      id = \"vf-\" + el.tagName.toLowerCase() + \"-\" + ++nodeIndex;\n      el.setAttribute(DATA_VF_SELECTOR, id);\n    }\n    const vfId = el.getAttribute(DATA_VF_ID);\n    const name = vfId ? vfId.split(\"_\")[0] ?? vfId : el.tagName.toLowerCase();\n    const node = {\n      id,\n      name,\n      type: getNodeType(el),\n      path: config3.pagePath,\n      parentId,\n      start: {\n        line: parseInt(el.getAttribute(DATA_NODE_LINE) || \"0\", 10),\n        column: parseInt(el.getAttribute(DATA_NODE_COLUMN) || \"0\", 10)\n      },\n      end: { line: 0, column: 0 },\n      children: [],\n      text: el.hasAttribute(DATA_VF_TEXT) ? el.textContent?.trim() : void 0,\n      isRemote: false\n    };\n    Array.from(el.children || []).forEach((child) => {\n      node.children.push(...processElement(child, id));\n    });\n    return [node];\n  }\n  const rootNode = {\n    id: \"root\",\n    name: \"root\",\n    type: \"root\",\n    path: \"\",\n    parentId: \"\",\n    start: { line: 0, column: 0 },\n    end: { line: 0, column: 0 },\n    children: [],\n    isRemote: false\n  };\n  Array.from(root.children || []).forEach((child) => {\n    rootNode.children.push(...processElement(child, \"root\"));\n  });\n  return rootNode;\n}\nfunction createTreeSignature(root) {\n  const validElements = Array.from(root.querySelectorAll(\"*\")).filter((el) => isValidElement(el));\n  return validElements.length + \"-\" + validElements.map((el) => el.tagName).join(\"\");\n}\nvar treeUpdateTimer = null;\nvar mutationObserver = null;\nfunction sendTreeUpdate() {\n  const config3 = getConfig();\n  const root = document.getElementById(\"root\") || document.body;\n  if (!root) return;\n  const signature = createTreeSignature(root);\n  if (signature === state.lastTreeSignature) return;\n  state.lastTreeSignature = signature;\n  postToStudio({\n    action: \"treeUpdated\",\n    id: config3.pageId,\n    url: window.location.href,\n    tree: buildNavigatorTree(root),\n    sourceHash: globalThis.__VERYFRONT_SOURCE_HASH__ || null\n  });\n}\nfunction debouncedTreeUpdate() {\n  if (treeUpdateTimer) clearTimeout(treeUpdateTimer);\n  treeUpdateTimer = setTimeout(sendTreeUpdate, 150);\n}\nfunction setupMutationObserver() {\n  const root = document.getElementById(\"root\") || document.body;\n  if (!root) return;\n  mutationObserver = new MutationObserver(function(mutations) {\n    const hasRelevantChanges = mutations.some(\n      (m) => m.type === \"childList\" || m.type === \"characterData\"\n    );\n    if (!hasRelevantChanges) return;\n    if (state.selectedNodeId && !findElementById(state.selectedNodeId)) {\n      state.selectedNodeId = null;\n      hideOverlay(state.selectionOverlay);\n      postToStudio({ action: \"setSelectedNode\", id: null });\n    }\n    debouncedTreeUpdate();\n  });\n  mutationObserver.observe(root, { childList: true, characterData: true, subtree: true });\n  sendTreeUpdate();\n}\nfunction showOverlay(overlay, nodeId) {\n  if (!nodeId) {\n    hideOverlay(overlay);\n    return;\n  }\n  const el = findElementById(nodeId);\n  if (!el) {\n    hideOverlay(overlay);\n    return;\n  }\n  positionOverlay(overlay, el, getNodeName(el));\n}\nfunction showHoverOverlay(nodeId) {\n  showOverlay(state.hoverOverlay, nodeId);\n}\nfunction showSelectionOverlay(nodeId) {\n  showOverlay(state.selectionOverlay, nodeId);\n}\nfunction scrollToElement(nodeId) {\n  const el = document.querySelector(\"[\" + DATA_VF_ID + '=\"' + nodeId + '\"]') || document.querySelector(\"[\" + DATA_NODE_ID + '=\"' + nodeId + '\"]') || document.querySelector(\"[\" + DATA_VF_SELECTOR + '*=\"' + nodeId + '\"]');\n  if (el) el.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n}\nfunction getDirectText(el) {\n  let text = \"\";\n  for (let i = 0; i < el.childNodes.length; i++) {\n    const node = el.childNodes[i];\n    if (node?.nodeType === Node.TEXT_NODE) {\n      text += node.textContent || \"\";\n    }\n  }\n  return text.trim();\n}\nfunction setupInspectMode() {\n  const INSPECTABLE_SELECTOR = \"[\" + DATA_VF_ID + \"], [\" + DATA_VF_SELECTOR + \"], [\" + DATA_NODE_ID + \"], [\" + DATA_NODE_FILE + \"]\";\n  function getElementId(el) {\n    return el.getAttribute(DATA_VF_ID) || el.getAttribute(DATA_NODE_ID) || el.getAttribute(DATA_VF_SELECTOR);\n  }\n  document.addEventListener(\n    \"click\",\n    function(event) {\n      if (!state.inspectMode) return;\n      event.preventDefault();\n      event.stopPropagation();\n      const target = event.target.closest(INSPECTABLE_SELECTOR);\n      if (!target) {\n        state.selectedNodeId = null;\n        hideOverlay(state.selectionOverlay);\n        postToStudio({ action: \"setSelectedNode\", id: null });\n        return;\n      }\n      const id = getElementId(target);\n      state.selectedNodeId = id;\n      showSelectionOverlay(id);\n      postToStudio({\n        action: \"setSelectedNode\",\n        id,\n        node: {\n          name: target.getAttribute(DATA_NODE_NAME) || target.tagName.toLowerCase(),\n          type: getNodeType(target),\n          file: target.getAttribute(DATA_NODE_FILE) || getConfig().pagePath,\n          line: parseInt(target.getAttribute(DATA_NODE_LINE) || \"0\", 10),\n          column: parseInt(target.getAttribute(DATA_NODE_COLUMN) || \"0\", 10),\n          text: getDirectText(target).slice(0, 200)\n        }\n      });\n    },\n    true\n  );\n  document.addEventListener(\"pointerover\", function(event) {\n    if (!state.inspectMode || event.pointerType === \"touch\") return;\n    const target = event.target.closest(INSPECTABLE_SELECTOR);\n    if (!target) return;\n    const id = getElementId(target);\n    if (id === state.hoveredNodeId) return;\n    state.hoveredNodeId = id;\n    showHoverOverlay(id);\n  });\n  document.addEventListener(\"pointerout\", function(event) {\n    if (!state.inspectMode || event.pointerType === \"touch\") return;\n    const target = event.target.closest(INSPECTABLE_SELECTOR);\n    if (!target) return;\n    const relatedTarget = event.relatedTarget;\n    if (relatedTarget && target.contains(relatedTarget)) return;\n    state.hoveredNodeId = null;\n    hideOverlay(state.hoverOverlay);\n  });\n  const updateOverlays = debounce(function() {\n    if (state.inspectMode && state.hoveredNodeId) showHoverOverlay(state.hoveredNodeId);\n    if (state.selectedNodeId) showSelectionOverlay(state.selectedNodeId);\n  }, 16);\n  window.addEventListener(\"scroll\", updateOverlays, true);\n  window.addEventListener(\"resize\", updateOverlays);\n}\nfunction setColorMode(mode) {\n  document.documentElement.setAttribute(\"data-theme\", mode);\n  document.documentElement.classList.remove(\"light\", \"dark\");\n  document.documentElement.classList.add(mode);\n}\n\n// src/studio/bridge/bridge-console.ts\nfunction setupConsoleCapture() {\n  const consoleObj = console;\n  CONSOLE_METHODS.forEach((method) => {\n    state.originalConsole[method] = consoleObj[method];\n    consoleObj[method] = function(...args) {\n      state.originalConsole[method].apply(console, args);\n      const logId = \"vf-\" + Date.now() + \"-\" + ++state.logCounter;\n      const formattedData = args.map((arg) => {\n        try {\n          if (arg instanceof Error) {\n            return { __isError: true, message: arg.message, stack: arg.stack, name: arg.name };\n          }\n          if (arg === void 0) return { __isUndefined: true };\n          if (arg === null) return null;\n          if (typeof arg === \"function\") {\n            return { __isFunction: true, name: arg.name || \"anonymous\" };\n          }\n          if (typeof arg === \"symbol\") return { __isSymbol: true, description: arg.description };\n          if (typeof arg === \"object\") return JSON.parse(JSON.stringify(arg));\n          return arg;\n        } catch (_) {\n          return String(arg);\n        }\n      });\n      postToStudio({\n        action: \"logEvent\",\n        value: {\n          id: logId,\n          method,\n          data: formattedData,\n          timestamp: (/* @__PURE__ */ new Date()).toISOString()\n        }\n      });\n    };\n  });\n}\nfunction setupErrorHandling() {\n  function hideOverlays() {\n    hideOverlay(state.hoverOverlay);\n    hideOverlay(state.selectionOverlay);\n  }\n  window.addEventListener(\"error\", function(event) {\n    hideOverlays();\n    postToStudio({\n      action: \"runtimeError\",\n      url: window.location.href,\n      errors: [\n        {\n          type: \"error\",\n          message: event.message,\n          file: event.filename,\n          line: event.lineno,\n          column: event.colno\n        }\n      ]\n    });\n  });\n  window.addEventListener(\"unhandledrejection\", function(event) {\n    hideOverlays();\n    const reason = event.reason;\n    postToStudio({\n      action: \"runtimeError\",\n      url: window.location.href,\n      errors: [\n        {\n          type: \"error\",\n          message: reason instanceof Error ? reason.message : String(reason),\n          file: reason instanceof Error ? reason.stack : void 0\n        }\n      ]\n    });\n  });\n}\n\n// src/studio/bridge/bridge-screenshot.ts\nfunction loadHtml2Canvas() {\n  if (state.html2canvasLoaded) return Promise.resolve();\n  if (state.html2canvasPromise) return state.html2canvasPromise;\n  state.html2canvasPromise = new Promise((resolve, reject) => {\n    const script = document.createElement(\"script\");\n    script.src = \"https://cdn.jsdelivr.net/npm/html2canvas-pro@2.0.0/dist/html2canvas-pro.min.js\";\n    script.onload = () => {\n      state.html2canvasLoaded = true;\n      resolve();\n    };\n    script.onerror = (event) => {\n      logger.warn(\n        \"Failed to load html2canvas script. This may be caused by CSP script-src restrictions.\",\n        { event: String(event) }\n      );\n      reject(new Error(\"Failed to load html2canvas script\"));\n    };\n    try {\n      document.head.appendChild(script);\n    } catch (error) {\n      logger.warn(\n        \"Failed to append html2canvas script element. This may be caused by CSP script-src restrictions.\",\n        error instanceof Error ? error : { error: String(error) }\n      );\n      reject(\n        error instanceof Error ? error : new Error(\"Failed to append html2canvas script element\")\n      );\n    }\n  });\n  return state.html2canvasPromise;\n}\nasync function captureScreenshot(options) {\n  const { scrollTo, fullPage, quality = 0.8 } = options || {};\n  const originalScrollY = window.scrollY;\n  try {\n    await loadHtml2Canvas();\n    if (typeof scrollTo === \"number\") {\n      window.scrollTo(0, scrollTo);\n      await new Promise((r) => setTimeout(r, 150));\n    }\n    const canvasOptions = {\n      useCORS: true,\n      logging: false,\n      scale: window.devicePixelRatio || 1\n    };\n    if (fullPage) {\n      canvasOptions.height = document.documentElement.scrollHeight;\n      canvasOptions.windowHeight = document.documentElement.scrollHeight;\n      canvasOptions.y = 0;\n      window.scrollTo(0, 0);\n      await new Promise((r) => setTimeout(r, 100));\n    }\n    const html2canvasFn = window.html2canvas.default || window.html2canvas;\n    const canvas = await html2canvasFn(document.body, canvasOptions);\n    if (!canvas || canvas.width === 0 || canvas.height === 0) {\n      logger.error(\"html2canvas produced empty canvas\", {\n        width: canvas?.width,\n        height: canvas?.height\n      });\n      window.scrollTo(0, originalScrollY);\n      return {\n        success: false,\n        error: \"html2canvas produced empty canvas (0x0 dimensions)\"\n      };\n    }\n    const dataUrl = canvas.toDataURL(\"image/png\", quality);\n    if (!dataUrl || !dataUrl.startsWith(\"data:image/\") || dataUrl.length < 100) {\n      logger.error(\"html2canvas produced invalid data URL\", {\n        dataUrlPreview: dataUrl?.substring(0, 50)\n      });\n      window.scrollTo(0, originalScrollY);\n      return {\n        success: false,\n        error: \"html2canvas produced invalid image data\"\n      };\n    }\n    window.scrollTo(0, originalScrollY);\n    return {\n      success: true,\n      data: dataUrl,\n      width: canvas.width,\n      height: canvas.height,\n      scrollY: window.scrollY,\n      totalHeight: document.documentElement.scrollHeight,\n      viewportHeight: window.innerHeight,\n      url: window.location.href\n    };\n  } catch (error) {\n    logger.error(\"html2canvas error\", error instanceof Error ? error : { error: String(error) });\n    window.scrollTo(0, originalScrollY);\n    return {\n      success: false,\n      error: error instanceof Error ? error.message : String(error)\n    };\n  }\n}\nasync function captureMultipleSections(sectionCount) {\n  const originalScrollY = window.scrollY;\n  const results = [];\n  const totalHeight = document.documentElement.scrollHeight;\n  const viewportHeight = window.innerHeight;\n  const sections = sectionCount || Math.ceil(totalHeight / viewportHeight);\n  try {\n    for (let i = 0; i < sections; i++) {\n      const scrollY = Math.min(i * viewportHeight, totalHeight - viewportHeight);\n      const result = await captureScreenshot({ scrollTo: scrollY });\n      if (result.success) {\n        results.push({ ...result, section: i + 1, totalSections: sections });\n      }\n    }\n  } finally {\n    window.scrollTo(0, originalScrollY);\n  }\n  return results;\n}\n\n// src/studio/bridge/bridge-message-handler.ts\nvar SAFE_PROTOCOLS = /* @__PURE__ */ new Set([\"http:\", \"https:\"]);\nfunction isSafeNavigationUrl(url) {\n  if (url.startsWith(\"/\")) return true;\n  try {\n    const parsed = new URL(url, window.location.origin);\n    return SAFE_PROTOCOLS.has(parsed.protocol);\n  } catch {\n    return false;\n  }\n}\nfunction handleStudioMessage(event) {\n  if (!isFromStudio(event)) return;\n  const message = event.data;\n  if (!message?.action) return;\n  const config3 = getConfig();\n  switch (message.action) {\n    case \"routeChange\":\n      if (message.url) {\n        if (!isSafeNavigationUrl(message.url)) {\n          logger.warn(\"[StudioBridge] Blocked unsafe URL in routeChange\", { url: message.url });\n          return;\n        }\n        if (state.selectedNodeId) {\n          state.selectedNodeId = null;\n          hideOverlay(state.selectionOverlay);\n          postToStudio({ action: \"setSelectedNode\", id: null });\n        }\n        postToStudio({\n          action: \"onPageTransitionStart\",\n          url: message.url,\n          projectId: config3.projectId\n        });\n        window.location.href = message.url;\n      }\n      return;\n    case \"reload\":\n      window.location.reload();\n      return;\n    case \"goBack\":\n      window.history.back();\n      return;\n    case \"goForward\":\n      window.history.forward();\n      return;\n    case \"colorMode\":\n      setColorMode(message.value);\n      return;\n    case \"toggleInspectMode\":\n      state.inspectMode = message.value;\n      if (state.inspectMode) return;\n      hideOverlay(state.hoverOverlay);\n      state.hoveredNodeId = null;\n      if (!message.deselectElements) return;\n      hideOverlay(state.selectionOverlay);\n      state.selectedNodeId = null;\n      return;\n    case \"setSelectedNode\":\n      state.selectedNodeId = message.id;\n      showSelectionOverlay(message.id);\n      if (message.scroll) scrollToElement(message.id);\n      return;\n    case \"setHoveredNode\":\n      if (!state.inspectMode) showHoverOverlay(message.id);\n      return;\n    case \"screenshot\":\n      (async function() {\n        if (message.multipleSections) {\n          const results = await captureMultipleSections(message.sectionCount);\n          postToStudio({\n            action: \"screenshotResult\",\n            requestId: message.requestId,\n            multiple: true,\n            results\n          });\n          return;\n        }\n        const result = await captureScreenshot(message.options);\n        postToStudio({\n          action: \"screenshotResult\",\n          requestId: message.requestId,\n          multiple: false,\n          ...result\n        });\n      })();\n      return;\n    default:\n      logger.debug(\"Unknown action\", { action: message.action });\n      return;\n  }\n}\n\n// src/studio/bridge/bridge-init.ts\nfunction notifyAppLoaded() {\n  const config3 = getConfig();\n  postToStudio({ action: \"appLoaded\", url: window.location.href });\n  postToStudio({\n    action: \"appUpdated\",\n    url: window.location.href,\n    id: config3.pageId,\n    isInitialLoad: true,\n    errors: [],\n    warnings: []\n  });\n  postToStudio({\n    action: \"onPageTransitionEnd\",\n    url: window.location.href,\n    projectId: config3.projectId,\n    id: config3.pageId,\n    params: {}\n  });\n}\nfunction notifyAppUnloaded() {\n  postToStudio({ action: \"appUnloaded\", url: window.location.href });\n}\nfunction init() {\n  const config3 = getConfig();\n  const params = new URLSearchParams(window.location.search);\n  const studioEmbed = params.get(\"studio_embed\") === \"true\";\n  const isStandalone = window.parent === window && !studioEmbed;\n  if (isStandalone) {\n    logger.debug(\n      \"[StudioBridge] Not in iframe and not studio_embed mode, skipping initialization\"\n    );\n    return;\n  }\n  logger.debug(\"Initializing...\");\n  if (!isStandalone) {\n    injectOverlayStyles();\n    state.hoverOverlay = createOverlay(\"hover\");\n    state.selectionOverlay = createOverlay(\"selection\");\n    setupConsoleCapture();\n    setupErrorHandling();\n    setupInspectMode();\n  }\n  window.addEventListener(\"message\", handleStudioMessage);\n  if (!isStandalone) {\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\"DOMContentLoaded\", function() {\n        notifyAppLoaded();\n        setupMutationObserver();\n      }, { once: true });\n    } else {\n      notifyAppLoaded();\n      setupMutationObserver();\n    }\n    window.addEventListener(\"beforeunload\", notifyAppUnloaded, { once: true });\n  }\n  const colorMode = params.get(\"color_mode\");\n  if (colorMode) setColorMode(colorMode);\n  if (!isStandalone) {\n    const inspectModeParam = params.get(\"inspect_mode\");\n    if (inspectModeParam === \"true\") {\n      state.inspectMode = true;\n      logger.debug(\"Inspect mode enabled from query param\");\n    }\n  }\n  logger.debug(\"Initialized successfully\");\n}\n\n// src/studio/bridge/bridge-coordinator.ts\ninitConfig();\nvar config2 = getConfig();\nif (!config2.debugSkipInit) {\n  init();\n}\n";
+export const STUDIO_BRIDGE_BUNDLE = "// src/studio/bridge/bridge-logger.ts\nfunction normalizeContext(context) {\n  if (!context) return void 0;\n  if (context instanceof Error) {\n    return { error: context.message, ...context.stack ? { stack: context.stack } : {} };\n  }\n  return context;\n}\nfunction formatArgs(message, context) {\n  const normalized = normalizeContext(context);\n  if (!normalized || Object.keys(normalized).length === 0) {\n    return [message];\n  }\n  return [message, normalized];\n}\nvar logger = {\n  debug(message, context) {\n    console.debug(...formatArgs(message, context));\n  },\n  info(message, context) {\n    console.log(...formatArgs(message, context));\n  },\n  warn(message, context) {\n    console.warn(...formatArgs(message, context));\n  },\n  error(message, context) {\n    console.error(...formatArgs(message, context));\n  }\n};\n\n// src/studio/bridge/bridge-config.ts\nvar config = null;\nvar DEFAULT_CONFIG = {\n  projectId: \"\",\n  pageId: \"\",\n  pagePath: \"\",\n  wsUrl: \"\",\n  yjsGuid: \"\",\n  studioMode: \"advanced\",\n  debugSkipInit: false,\n  debugExposeInternals: false\n};\nfunction resolveStudioMode(value, queryString) {\n  const params = new URLSearchParams(queryString);\n  return value === \"simple\" || params.get(\"vf_studio_mode\") === \"simple\" ? \"simple\" : \"advanced\";\n}\nfunction normalizeConfig(raw) {\n  const queryString = window.location.search;\n  if (!raw || typeof raw !== \"object\") {\n    logger.warn(\"No bridge config found on window.__VF_BRIDGE_CONFIG__\");\n    return {\n      ...DEFAULT_CONFIG,\n      studioMode: resolveStudioMode(void 0, queryString)\n    };\n  }\n  return {\n    ...DEFAULT_CONFIG,\n    projectId: String(raw.projectId ?? \"\"),\n    pageId: String(raw.pageId ?? \"\"),\n    pagePath: String(raw.pagePath ?? raw.pageId ?? \"\"),\n    wsUrl: String(raw.wsUrl ?? \"\"),\n    yjsGuid: String(raw.yjsGuid ?? \"\"),\n    studioMode: resolveStudioMode(raw.studioMode, queryString),\n    debugSkipInit: !!raw.debugSkipInit,\n    debugExposeInternals: !!raw.debugExposeInternals\n  };\n}\nfunction initConfig() {\n  const raw = globalThis.__VF_BRIDGE_CONFIG__;\n  config = normalizeConfig(raw);\n}\nfunction getConfig() {\n  if (!config) {\n    throw new Error(\"[StudioBridge] Config not initialized. Call initConfig() first.\");\n  }\n  return config;\n}\n\n// src/studio/bridge/bridge-state.ts\nvar state = {\n  // Inspector\n  inspectMode: false,\n  selectedNodeId: null,\n  hoveredNodeId: null,\n  lastTreeSignature: \"\",\n  // Overlays\n  hoverOverlay: null,\n  selectionOverlay: null,\n  // Console\n  originalConsole: {},\n  logCounter: 0,\n  // Screenshot\n  html2canvasLoaded: false,\n  html2canvasPromise: null\n};\nvar CONSOLE_METHODS = [\n  \"log\",\n  \"debug\",\n  \"info\",\n  \"warn\",\n  \"error\",\n  \"table\",\n  \"clear\",\n  \"dir\"\n];\nvar DOM_IGNORE_TAGS = [\"SCRIPT\", \"STYLE\", \"LINK\", \"META\", \"NOSCRIPT\"];\n\n// src/studio/bridge/bridge-messaging.ts\nvar studioOrigin = null;\nfunction postToStudio(message) {\n  if (!window.parent || window.parent === window) return;\n  try {\n    window.parent.postMessage(message, studioOrigin || \"*\");\n  } catch (e) {\n    logger.debug(\"postMessage failed\", e instanceof Error ? e : { error: String(e) });\n  }\n}\nfunction isFromStudio(event) {\n  try {\n    if (!event.source || event.source === window) return false;\n    const url = new URL(event.origin || \"\");\n    const host = url.hostname;\n    const valid = host === \"localhost\" || host.endsWith(\".veryfront.org\") || host === \"veryfront.org\" || host.endsWith(\".veryfront.com\") || host === \"veryfront.com\" || host.endsWith(\".veryfront.dev\") || host === \"veryfront.dev\";\n    if (valid && !studioOrigin) {\n      studioOrigin = event.origin;\n    }\n    return valid;\n  } catch (_) {\n    return false;\n  }\n}\n\n// src/studio/bridge/bridge-styles.ts\nvar OVERLAY_CSS = `\n      /* ------------------------------------------------------------------ */\n      /* Overlays (hover / selection inspector)                              */\n      /* ------------------------------------------------------------------ */\n\n      .vf-overlay {\n        position: fixed;\n        pointer-events: none;\n        z-index: 99999;\n        box-sizing: border-box;\n        transition: all 0.05s ease-out;\n      }\n      .vf-overlay-hover {\n        border: 2px solid oklch(0.6852 0.162 241.8);\n        background: oklch(0.6852 0.162 241.8 / 0.06);\n      }\n      .vf-overlay-selection {\n        border: 2px solid oklch(0.6852 0.162 241.8);\n        background: oklch(0.6852 0.162 241.8 / 0.1);\n      }\n      .vf-overlay-label {\n        position: absolute;\n        top: -22px;\n        left: -2px;\n        background: oklch(0.6852 0.162 241.8);\n        color: white;\n        font-size: 11px;\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        padding: 2px 6px;\n        border-radius: 3px 3px 0 0;\n        white-space: nowrap;\n        pointer-events: none;\n      }\n      .vf-overlay-label-bottom {\n        top: auto;\n        bottom: -22px;\n        border-radius: 0 0 3px 3px;\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Edit button (floating CTA)                                          */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-edit-button {\n        position: fixed;\n        right: 16px;\n        bottom: 16px;\n        z-index: 100001;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 9999px;\n        background: oklch(0.2768 0 0);\n        color: oklch(0.9512 0.008 98.88);\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 13px;\n        font-weight: 500;\n        line-height: 1;\n        padding: 10px 16px;\n        cursor: pointer;\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);\n        transition: transform 100ms ease, box-shadow 100ms ease;\n      }\n      .vf-markdown-edit-button:hover {\n        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);\n      }\n      .vf-markdown-edit-button:active {\n        transform: scale(0.98);\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Editor root                                                         */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor {\n        position: fixed;\n        inset: 0;\n        z-index: 100000;\n        background: oklch(1 0 0);\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        display: none;\n      }\n\n      .vf-markdown-editor__history {\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 6px;\n        background: oklch(1 0 0);\n        color: oklch(0.2768 0 0);\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 13px;\n        line-height: 1;\n        min-width: 28px;\n        height: 28px;\n        padding: 0 8px;\n        cursor: pointer;\n        transition: background 75ms ease;\n      }\n      .vf-markdown-editor__history:hover {\n        background: oklch(0.93 0 0);\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Surface (editor area)                                               */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__surface-wrap {\n        position: relative;\n        height: 100vh;\n      }\n\n      .vf-markdown-editor__surface {\n        width: 100%;\n        max-width: 980px;\n        margin: 0 auto;\n        height: 100%;\n        overflow: auto;\n        outline: none;\n        position: relative;\n        z-index: 1;\n        background: transparent;\n        padding: 32px 40px;\n        box-sizing: border-box;\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Selection overlay                                                   */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__selection-overlay {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        z-index: 2;\n        display: none;\n      }\n\n      .vf-markdown-editor__selection-highlight {\n        position: absolute;\n        border-radius: 3px;\n        opacity: 0.26;\n      }\n\n      .vf-markdown-editor__selection-caret {\n        position: absolute;\n        width: 2px;\n        border-radius: 1px;\n      }\n\n      .vf-markdown-editor__selection-label {\n        position: absolute;\n        transform: translateY(-100%);\n        margin-top: -4px;\n        border-radius: 9999px;\n        padding: 1px 7px;\n        font-size: 10px;\n        line-height: 1.4;\n        white-space: nowrap;\n        color: oklch(1 0 0);\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Slash menu                                                          */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__slash-menu {\n        position: fixed;\n        z-index: 100005;\n        min-width: 240px;\n        max-width: 300px;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 8px;\n        background: oklch(1 0 0);\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);\n        padding: 4px;\n        display: none;\n      }\n\n      .vf-markdown-editor__slash-section {\n        padding: 8px 10px 4px;\n        font-size: 11px;\n        font-weight: 600;\n        color: oklch(0.55 0.005 95.11);\n        text-transform: none;\n        letter-spacing: 0;\n      }\n\n      .vf-markdown-editor__slash-item {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        width: 100%;\n        border: 0;\n        border-radius: 6px;\n        background: transparent;\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        text-align: left;\n        padding: 6px 10px;\n        cursor: pointer;\n        transition: background 75ms ease;\n      }\n\n      .vf-markdown-editor__slash-item:hover,\n      .vf-markdown-editor__slash-item[data-active='true'] {\n        background: oklch(0.93 0 0);\n      }\n\n      .vf-markdown-editor__slash-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 24px;\n        height: 24px;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 4px;\n        background: oklch(1 0 0);\n        font-size: 13px;\n        font-weight: 600;\n        color: oklch(0.2768 0 0);\n        flex-shrink: 0;\n      }\n\n      .vf-markdown-editor__slash-item-title {\n        display: block;\n        font-size: 13px;\n        font-weight: 500;\n        color: oklch(0.2768 0 0);\n        line-height: 1.35;\n        flex: 1;\n      }\n\n      .vf-markdown-editor__slash-item-desc {\n        display: none;\n      }\n\n      .vf-markdown-editor__slash-shortcut {\n        font-size: 11px;\n        color: oklch(0.55 0.005 95.11);\n        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n        flex-shrink: 0;\n      }\n\n      .vf-markdown-editor__slash-footer {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 6px 10px;\n        margin-top: 2px;\n        border-top: 1px solid oklch(0.9 0 0);\n        font-size: 11px;\n        color: oklch(0.55 0.005 95.11);\n      }\n\n      .vf-markdown-editor__slash-footer-key {\n        font-size: 10px;\n        color: oklch(0.55 0.005 95.11);\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 3px;\n        padding: 1px 4px;\n        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Inline toolbar                                                      */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__inline-toolbar {\n        position: fixed;\n        z-index: 100006;\n        display: none;\n        flex-direction: column;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 8px;\n        background: oklch(1 0 0);\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);\n        padding: 4px;\n      }\n\n      .vf-markdown-editor__inline-row {\n        display: flex;\n        align-items: center;\n        gap: 2px;\n        padding: 2px 0;\n      }\n\n      .vf-markdown-editor__inline-separator {\n        width: 1px;\n        height: 20px;\n        background: oklch(0.9 0 0);\n        margin: 0 2px;\n        flex-shrink: 0;\n      }\n\n      .vf-markdown-editor__inline-button {\n        border: 0;\n        border-radius: 6px;\n        background: transparent;\n        color: oklch(0.2768 0 0);\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 12px;\n        font-weight: 600;\n        line-height: 1;\n        min-width: 26px;\n        height: 26px;\n        padding: 0 7px;\n        cursor: pointer;\n        transition: background 75ms ease;\n      }\n\n      .vf-markdown-editor__inline-button:hover {\n        background: oklch(0.93 0 0);\n      }\n\n      .vf-markdown-editor__inline-button.active {\n        background: oklch(0.6852 0.162 241.8 / 0.14);\n        color: oklch(0.6852 0.162 241.8);\n      }\n\n      .vf-markdown-editor__inline-button[data-format='bold'] {\n        font-weight: 700;\n      }\n\n      .vf-markdown-editor__inline-button[data-format='italic'] {\n        font-style: italic;\n      }\n\n      .vf-markdown-editor__inline-button[data-format='strikethrough'] {\n        text-decoration: line-through;\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Block type trigger                                                  */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__block-trigger {\n        border: 0;\n        border-radius: 6px;\n        background: transparent;\n        color: oklch(0.2768 0 0);\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 12px;\n        font-weight: 600;\n        line-height: 1;\n        height: 26px;\n        padding: 0 7px;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        gap: 2px;\n        white-space: nowrap;\n        transition: background 75ms ease;\n      }\n\n      .vf-markdown-editor__block-trigger:hover {\n        background: oklch(0.93 0 0);\n      }\n\n      .vf-markdown-editor__block-trigger::after {\n        content: '\\\\25BE';\n        font-size: 10px;\n        color: oklch(0.55 0.005 95.11);\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Block dropdown                                                      */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__block-dropdown {\n        position: absolute;\n        top: 100%;\n        left: 4px;\n        z-index: 100007;\n        min-width: 160px;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 6px;\n        background: oklch(1 0 0);\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);\n        padding: 4px;\n        margin-top: 4px;\n        display: none;\n      }\n\n      .vf-markdown-editor__block-option {\n        display: block;\n        width: 100%;\n        border: 0;\n        border-radius: 6px;\n        background: transparent;\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        text-align: left;\n        padding: 6px 10px;\n        font-size: 13px;\n        font-weight: 500;\n        color: oklch(0.2768 0 0);\n        cursor: pointer;\n        transition: background 75ms ease;\n      }\n\n      .vf-markdown-editor__block-option:hover {\n        background: oklch(0.93 0 0);\n      }\n\n      .vf-markdown-editor__block-option.active {\n        background: oklch(0.6852 0.162 241.8 / 0.1);\n        color: oklch(0.6852 0.162 241.8);\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Block drag handle                                                   */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__block-handle {\n        position: fixed;\n        z-index: 100007;\n        display: none;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 6px;\n        background: oklch(1 0 0);\n        color: oklch(0.2768 0 0);\n        font-size: 12px;\n        font-weight: 700;\n        line-height: 1;\n        width: 28px;\n        height: 28px;\n        padding: 0;\n        cursor: grab;\n        box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1);\n        transition: background 75ms ease, box-shadow 75ms ease;\n      }\n\n      .vf-markdown-editor__block-handle:hover {\n        background: oklch(0.6852 0.162 241.8 / 0.1);\n      }\n\n      .vf-markdown-editor__block-handle[data-dragging='true'] {\n        cursor: grabbing;\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Block drop indicator                                                */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__block-drop-indicator {\n        position: fixed;\n        z-index: 100006;\n        display: none;\n        height: 2px;\n        border-radius: 9999px;\n        background: oklch(0.6852 0.162 241.8);\n        box-shadow: 0 1px 6px oklch(0.6852 0.162 241.8 / 0.5);\n      }\n\n      .vf-markdown-editor__block-drop-label {\n        position: fixed;\n        z-index: 100007;\n        display: none;\n        border-radius: 9999px;\n        border: 1px solid oklch(0.6852 0.162 241.8 / 0.24);\n        background: oklch(1 0 0 / 0.96);\n        color: oklch(0.2768 0 0);\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 11px;\n        font-weight: 600;\n        line-height: 1.2;\n        padding: 3px 8px;\n        box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1);\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Block drag ghost                                                    */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__block-drag-ghost {\n        position: fixed;\n        top: -9999px;\n        left: -9999px;\n        width: 260px;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 8px;\n        background: oklch(1 0 0);\n        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);\n        padding: 8px 10px;\n      }\n\n      .vf-markdown-editor__block-drag-ghost-title {\n        display: block;\n        font-size: 11px;\n        font-weight: 700;\n        color: oklch(0.2768 0 0);\n      }\n\n      .vf-markdown-editor__block-drag-ghost-text {\n        display: block;\n        margin-top: 4px;\n        font-size: 11px;\n        color: oklch(0.55 0.005 95.11);\n        line-height: 1.35;\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* MDX blocks bar                                                      */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__mdx-blocks {\n        display: none;\n        gap: 8px;\n        padding: 8px 16px;\n        border-bottom: 1px solid oklch(0.9 0 0);\n        background: oklch(0.97 0 0 / 0.95);\n        overflow-x: auto;\n      }\n\n      .vf-markdown-editor__mdx-block {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 6px;\n        background: oklch(1 0 0);\n        padding: 6px 8px;\n      }\n\n      .vf-markdown-editor__mdx-block-label {\n        font-size: 11px;\n        color: oklch(0.2768 0 0);\n        white-space: nowrap;\n      }\n\n      .vf-markdown-editor__mdx-note {\n        font-size: 10px;\n        color: oklch(0.55 0.005 95.11);\n        white-space: nowrap;\n      }\n\n      .vf-markdown-editor__mdx-open {\n        border: 1px solid oklch(0.84 0.0055 95.11);\n        border-radius: 6px;\n        background: oklch(1 0 0);\n        color: oklch(0.2768 0 0);\n        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 11px;\n        line-height: 1;\n        padding: 5px 7px;\n        cursor: pointer;\n        white-space: nowrap;\n        transition: background 75ms ease;\n      }\n      .vf-markdown-editor__mdx-open:hover {\n        background: oklch(0.93 0 0);\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Lexical surface overrides                                           */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__surface [data-lexical-editor] {\n        outline: none;\n      }\n\n      .vf-markdown-editor__surface s,\n      .vf-markdown-editor__surface del,\n      .vf-markdown-editor__surface [style*='line-through'] {\n        text-decoration: line-through;\n      }\n\n      .vf-markdown-editor__surface p:empty::before {\n        content: \"Type '/' for commands\";\n        color: oklch(0.55 0.005 95.11 / 0.6);\n        pointer-events: none;\n        font-style: normal;\n      }\n\n      .vf-markdown-editor__surface h1:empty::before {\n        content: 'Heading 1';\n        color: oklch(0.55 0.005 95.11 / 0.6);\n        pointer-events: none;\n      }\n\n      .vf-markdown-editor__surface h2:empty::before {\n        content: 'Heading 2';\n        color: oklch(0.55 0.005 95.11 / 0.6);\n        pointer-events: none;\n      }\n\n      .vf-markdown-editor__surface h3:empty::before {\n        content: 'Heading 3';\n        color: oklch(0.55 0.005 95.11 / 0.6);\n        pointer-events: none;\n      }\n\n      .vf-markdown-editor__surface blockquote:empty::before {\n        content: 'Quote';\n        color: oklch(0.55 0.005 95.11 / 0.6);\n        pointer-events: none;\n      }\n\n      .vf-markdown-editor__surface p {\n        min-height: 1.5em;\n      }\n\n      /* ------------------------------------------------------------------ */\n      /* Textarea fallback                                                   */\n      /* ------------------------------------------------------------------ */\n\n      .vf-markdown-editor__textarea {\n        width: 100%;\n        height: 100vh;\n        border: 0;\n        outline: none;\n        resize: none;\n        display: none;\n        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n        font-size: 14px;\n        line-height: 1.6;\n        color: oklch(0.2768 0 0);\n        background: transparent;\n        padding: 16px;\n        box-sizing: border-box;\n      }\n\n      /* ================================================================== */\n      /* DARK MODE                                                           */\n      /* ================================================================== */\n\n      [data-theme='dark'] .vf-markdown-editor {\n        background: oklch(0.2768 0 0);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__history {\n        background: oklch(0.3211 0 0);\n        border-color: oklch(0.42 0.0017 106.48);\n        color: oklch(0.9512 0.008 98.88);\n      }\n      [data-theme='dark'] .vf-markdown-editor__history:hover {\n        background: oklch(0.25 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__textarea {\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      /* Slash menu \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-editor__slash-menu {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.21 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__slash-section {\n        color: oklch(0.5338 0.0046 106.55);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__slash-item:hover,\n      [data-theme='dark'] .vf-markdown-editor__slash-item[data-active='true'] {\n        background: oklch(0.25 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__slash-icon {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.3211 0 0);\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__slash-item-title {\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__slash-shortcut {\n        color: oklch(0.5338 0.0046 106.55);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__slash-footer {\n        border-top-color: oklch(0.3 0.01 220);\n        color: oklch(0.5338 0.0046 106.55);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__slash-footer-key {\n        border-color: oklch(0.42 0.0017 106.48);\n        color: oklch(0.5338 0.0046 106.55);\n      }\n\n      /* Inline toolbar \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-editor__inline-toolbar {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.21 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__inline-separator {\n        background: oklch(0.3 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__inline-button {\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__inline-button:hover {\n        background: oklch(0.25 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__inline-button.active {\n        background: oklch(0.6852 0.162 241.8 / 0.2);\n        color: oklch(0.75 0.14 241.8);\n      }\n\n      /* Block trigger \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-editor__block-trigger {\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-trigger:hover {\n        background: oklch(0.25 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-trigger::after {\n        color: oklch(0.5338 0.0046 106.55);\n      }\n\n      /* Block dropdown \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-editor__block-dropdown {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.21 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-option {\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-option:hover {\n        background: oklch(0.25 0.01 220);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-option.active {\n        background: oklch(0.6852 0.162 241.8 / 0.2);\n        color: oklch(0.75 0.14 241.8);\n      }\n\n      /* Placeholder text \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-editor__surface p:empty::before,\n      [data-theme='dark'] .vf-markdown-editor__surface h1:empty::before,\n      [data-theme='dark'] .vf-markdown-editor__surface h2:empty::before,\n      [data-theme='dark'] .vf-markdown-editor__surface h3:empty::before,\n      [data-theme='dark'] .vf-markdown-editor__surface blockquote:empty::before {\n        color: oklch(0.5338 0.0046 106.55 / 0.5);\n      }\n\n      /* Block drag \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-editor__block-handle {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.3211 0 0);\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-handle:hover {\n        background: oklch(0.6852 0.162 241.8 / 0.2);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-drop-label {\n        border-color: oklch(0.6852 0.162 241.8 / 0.35);\n        background: oklch(0.18 0.01 220 / 0.96);\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-drag-ghost {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.3211 0 0);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-drag-ghost-title {\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__block-drag-ghost-text {\n        color: oklch(0.5338 0.0046 106.55);\n      }\n\n      /* MDX blocks \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-editor__mdx-blocks {\n        border-bottom-color: oklch(0.3 0.01 220);\n        background: oklch(0.18 0.01 220 / 0.8);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__mdx-block {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.3211 0 0);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__mdx-block-label {\n        color: oklch(0.9512 0.008 98.88);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__mdx-note {\n        color: oklch(0.5338 0.0046 106.55);\n      }\n\n      [data-theme='dark'] .vf-markdown-editor__mdx-open {\n        border-color: oklch(0.42 0.0017 106.48);\n        background: oklch(0.2768 0 0);\n        color: oklch(0.9512 0.008 98.88);\n      }\n      [data-theme='dark'] .vf-markdown-editor__mdx-open:hover {\n        background: oklch(0.25 0.01 220);\n      }\n\n      /* Edit button \\u2013 dark */\n\n      [data-theme='dark'] .vf-markdown-edit-button {\n        background: oklch(0.9512 0.008 98.88);\n        color: oklch(0.2768 0 0);\n        border-color: oklch(0.42 0.0017 106.48);\n      }\n`;\nfunction injectOverlayStyles() {\n  if (document.getElementById(\"vf-overlay-styles\")) return;\n  const style = document.createElement(\"style\");\n  style.id = \"vf-overlay-styles\";\n  style.textContent = OVERLAY_CSS;\n  try {\n    document.head.appendChild(style);\n    if (!style.sheet) {\n      logger.warn(\"Inline style injection may be blocked by CSP (style-src)\");\n    }\n  } catch (error) {\n    logger.warn(\n      \"Failed to inject bridge styles. This may be caused by CSP style-src restrictions.\",\n      error instanceof Error ? error : {\n        error: String(error)\n      }\n    );\n  }\n}\n\n// src/studio/bridge/bridge-constants.ts\nvar DATA_VF_ID = \"data-vf-id\";\nvar DATA_VF_SELECTOR = \"data-vf-selector\";\nvar DATA_VF_TEXT = \"data-vf-text\";\nvar DATA_VF_IGNORE = \"data-vf-ignore\";\nvar DATA_NODE_ID = \"data-node-id\";\nvar DATA_NODE_FILE = \"data-node-file\";\nvar DATA_NODE_NAME = \"data-node-name\";\nvar DATA_NODE_LINE = \"data-node-line\";\nvar DATA_NODE_COLUMN = \"data-node-column\";\nvar DATA_NODE_SOURCE = \"data-node-source\";\n\n// src/studio/bridge/bridge-utils.ts\nfunction debounce(fn, ms) {\n  let timer;\n  const debounced = function(...args) {\n    clearTimeout(timer);\n    timer = setTimeout(() => {\n      fn.apply(this, args);\n    }, ms);\n  };\n  debounced.cancel = () => {\n    clearTimeout(timer);\n    timer = void 0;\n  };\n  return debounced;\n}\n\n// src/studio/bridge/bridge-inspector.ts\nfunction createOverlay(type) {\n  const overlay = document.createElement(\"div\");\n  overlay.className = \"vf-overlay vf-overlay-\" + type;\n  overlay.setAttribute(DATA_VF_IGNORE, \"true\");\n  const label = document.createElement(\"div\");\n  label.className = \"vf-overlay-label\";\n  overlay.appendChild(label);\n  overlay.style.display = \"none\";\n  document.body.appendChild(overlay);\n  return overlay;\n}\nfunction hideOverlay(overlay) {\n  if (overlay) overlay.style.display = \"none\";\n}\nfunction positionOverlay(overlay, element, nodeName) {\n  if (!overlay) return;\n  if (!element) {\n    hideOverlay(overlay);\n    return;\n  }\n  const rect = element.getBoundingClientRect();\n  overlay.style.display = \"block\";\n  overlay.style.top = rect.top + \"px\";\n  overlay.style.left = rect.left + \"px\";\n  overlay.style.width = rect.width + \"px\";\n  overlay.style.height = rect.height + \"px\";\n  const label = overlay.querySelector(\".vf-overlay-label\");\n  if (label) {\n    label.textContent = nodeName;\n    if (rect.top < 24) {\n      label.classList.add(\"vf-overlay-label-bottom\");\n    } else {\n      label.classList.remove(\"vf-overlay-label-bottom\");\n    }\n  }\n}\nfunction getNodeName(element) {\n  const vfId = element.getAttribute(DATA_VF_ID);\n  if (vfId) return vfId.split(\"_\")[0] ?? vfId;\n  return element.tagName.toLowerCase();\n}\nfunction findElementById(nodeId) {\n  if (!nodeId) return null;\n  return document.querySelector(\"[\" + DATA_VF_ID + '=\"' + nodeId + '\"]') || document.querySelector(\"[\" + DATA_VF_SELECTOR + '=\"' + nodeId + '\"]') || document.querySelector(\"[\" + DATA_NODE_ID + '=\"' + nodeId + '\"]');\n}\nfunction isValidElement(el) {\n  return !!el && el.nodeType === Node.ELEMENT_NODE && !DOM_IGNORE_TAGS.includes(el.tagName) && !el.hasAttribute(DATA_VF_IGNORE) && el.style.display !== \"none\";\n}\nfunction getNodeType(el) {\n  const vfId = el.getAttribute(DATA_VF_ID) || \"\";\n  if (vfId && /^[A-Z]/.test(vfId)) return \"component\";\n  if (el.hasAttribute(DATA_VF_TEXT)) return \"text\";\n  if (el.getAttribute(DATA_NODE_SOURCE) === \"md\") return \"markdown\";\n  return \"element\";\n}\nfunction buildNavigatorTree(root) {\n  const config3 = getConfig();\n  let nodeIndex = 0;\n  function processElement(el, parentId) {\n    if (!isValidElement(el)) {\n      const children = [];\n      Array.from(el.children || []).forEach((child) => {\n        children.push(...processElement(child, parentId));\n      });\n      return children;\n    }\n    let id = el.getAttribute(DATA_VF_ID) || el.getAttribute(DATA_NODE_ID) || el.getAttribute(DATA_VF_SELECTOR);\n    if (!id) {\n      id = \"vf-\" + el.tagName.toLowerCase() + \"-\" + ++nodeIndex;\n      el.setAttribute(DATA_VF_SELECTOR, id);\n    }\n    const vfId = el.getAttribute(DATA_VF_ID);\n    const name = vfId ? vfId.split(\"_\")[0] ?? vfId : el.tagName.toLowerCase();\n    const node = {\n      id,\n      name,\n      type: getNodeType(el),\n      path: config3.pagePath,\n      parentId,\n      start: {\n        line: parseInt(el.getAttribute(DATA_NODE_LINE) || \"0\", 10),\n        column: parseInt(el.getAttribute(DATA_NODE_COLUMN) || \"0\", 10)\n      },\n      end: { line: 0, column: 0 },\n      children: [],\n      text: el.hasAttribute(DATA_VF_TEXT) ? el.textContent?.trim() : void 0,\n      isRemote: false\n    };\n    Array.from(el.children || []).forEach((child) => {\n      node.children.push(...processElement(child, id));\n    });\n    return [node];\n  }\n  const rootNode = {\n    id: \"root\",\n    name: \"root\",\n    type: \"root\",\n    path: \"\",\n    parentId: \"\",\n    start: { line: 0, column: 0 },\n    end: { line: 0, column: 0 },\n    children: [],\n    isRemote: false\n  };\n  Array.from(root.children || []).forEach((child) => {\n    rootNode.children.push(...processElement(child, \"root\"));\n  });\n  return rootNode;\n}\nfunction createTreeSignature(root) {\n  const validElements = Array.from(root.querySelectorAll(\"*\")).filter((el) => isValidElement(el));\n  return validElements.length + \"-\" + validElements.map((el) => el.tagName).join(\"\");\n}\nvar treeUpdateTimer = null;\nvar mutationObserver = null;\nfunction sendTreeUpdate() {\n  const config3 = getConfig();\n  const root = document.getElementById(\"root\") || document.body;\n  if (!root) return;\n  const signature = createTreeSignature(root);\n  if (signature === state.lastTreeSignature) return;\n  state.lastTreeSignature = signature;\n  postToStudio({\n    action: \"treeUpdated\",\n    id: config3.pageId,\n    url: window.location.href,\n    tree: buildNavigatorTree(root),\n    sourceHash: globalThis.__VERYFRONT_SOURCE_HASH__ || null\n  });\n}\nfunction debouncedTreeUpdate() {\n  if (treeUpdateTimer) clearTimeout(treeUpdateTimer);\n  treeUpdateTimer = setTimeout(sendTreeUpdate, 150);\n}\nfunction setupMutationObserver() {\n  const root = document.getElementById(\"root\") || document.body;\n  if (!root) return;\n  mutationObserver = new MutationObserver(function(mutations) {\n    const hasRelevantChanges = mutations.some(\n      (m) => m.type === \"childList\" || m.type === \"characterData\"\n    );\n    if (!hasRelevantChanges) return;\n    if (state.selectedNodeId && !findElementById(state.selectedNodeId)) {\n      state.selectedNodeId = null;\n      hideOverlay(state.selectionOverlay);\n      postToStudio({ action: \"setSelectedNode\", id: null });\n    }\n    debouncedTreeUpdate();\n  });\n  mutationObserver.observe(root, { childList: true, characterData: true, subtree: true });\n  sendTreeUpdate();\n}\nfunction showOverlay(overlay, nodeId) {\n  if (!nodeId) {\n    hideOverlay(overlay);\n    return;\n  }\n  const el = findElementById(nodeId);\n  if (!el) {\n    hideOverlay(overlay);\n    return;\n  }\n  positionOverlay(overlay, el, getNodeName(el));\n}\nfunction showHoverOverlay(nodeId) {\n  showOverlay(state.hoverOverlay, nodeId);\n}\nfunction showSelectionOverlay(nodeId) {\n  showOverlay(state.selectionOverlay, nodeId);\n}\nfunction scrollToElement(nodeId) {\n  const el = document.querySelector(\"[\" + DATA_VF_ID + '=\"' + nodeId + '\"]') || document.querySelector(\"[\" + DATA_NODE_ID + '=\"' + nodeId + '\"]') || document.querySelector(\"[\" + DATA_VF_SELECTOR + '*=\"' + nodeId + '\"]');\n  if (el) el.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n}\nfunction getDirectText(el) {\n  let text = \"\";\n  for (let i = 0; i < el.childNodes.length; i++) {\n    const node = el.childNodes[i];\n    if (node?.nodeType === Node.TEXT_NODE) {\n      text += node.textContent || \"\";\n    }\n  }\n  return text.trim();\n}\nfunction setupInspectMode() {\n  const INSPECTABLE_SELECTOR = \"[\" + DATA_VF_ID + \"], [\" + DATA_VF_SELECTOR + \"], [\" + DATA_NODE_ID + \"], [\" + DATA_NODE_FILE + \"]\";\n  function getElementId(el) {\n    return el.getAttribute(DATA_VF_ID) || el.getAttribute(DATA_NODE_ID) || el.getAttribute(DATA_VF_SELECTOR);\n  }\n  document.addEventListener(\n    \"click\",\n    function(event) {\n      if (!state.inspectMode) return;\n      event.preventDefault();\n      event.stopPropagation();\n      const target = event.target.closest(INSPECTABLE_SELECTOR);\n      if (!target) {\n        state.selectedNodeId = null;\n        hideOverlay(state.selectionOverlay);\n        postToStudio({ action: \"setSelectedNode\", id: null });\n        return;\n      }\n      const id = getElementId(target);\n      state.selectedNodeId = id;\n      showSelectionOverlay(id);\n      postToStudio({\n        action: \"setSelectedNode\",\n        id,\n        node: {\n          name: target.getAttribute(DATA_NODE_NAME) || target.tagName.toLowerCase(),\n          type: getNodeType(target),\n          file: target.getAttribute(DATA_NODE_FILE) || getConfig().pagePath,\n          line: parseInt(target.getAttribute(DATA_NODE_LINE) || \"0\", 10),\n          column: parseInt(target.getAttribute(DATA_NODE_COLUMN) || \"0\", 10),\n          text: getDirectText(target).slice(0, 200)\n        }\n      });\n    },\n    true\n  );\n  document.addEventListener(\"pointerover\", function(event) {\n    if (!state.inspectMode || event.pointerType === \"touch\") return;\n    const target = event.target.closest(INSPECTABLE_SELECTOR);\n    if (!target) return;\n    const id = getElementId(target);\n    if (id === state.hoveredNodeId) return;\n    state.hoveredNodeId = id;\n    showHoverOverlay(id);\n  });\n  document.addEventListener(\"pointerout\", function(event) {\n    if (!state.inspectMode || event.pointerType === \"touch\") return;\n    const target = event.target.closest(INSPECTABLE_SELECTOR);\n    if (!target) return;\n    const relatedTarget = event.relatedTarget;\n    if (relatedTarget && target.contains(relatedTarget)) return;\n    state.hoveredNodeId = null;\n    hideOverlay(state.hoverOverlay);\n  });\n  const updateOverlays = debounce(function() {\n    if (state.inspectMode && state.hoveredNodeId) showHoverOverlay(state.hoveredNodeId);\n    if (state.selectedNodeId) showSelectionOverlay(state.selectedNodeId);\n  }, 16);\n  window.addEventListener(\"scroll\", updateOverlays, true);\n  window.addEventListener(\"resize\", updateOverlays);\n}\nfunction setColorMode(mode) {\n  document.documentElement.setAttribute(\"data-theme\", mode);\n  document.documentElement.classList.remove(\"light\", \"dark\");\n  document.documentElement.classList.add(mode);\n}\n\n// src/studio/bridge/bridge-console.ts\nfunction setupConsoleCapture() {\n  const consoleObj = console;\n  CONSOLE_METHODS.forEach((method) => {\n    state.originalConsole[method] = consoleObj[method];\n    consoleObj[method] = function(...args) {\n      state.originalConsole[method].apply(console, args);\n      const logId = \"vf-\" + Date.now() + \"-\" + ++state.logCounter;\n      const formattedData = args.map((arg) => {\n        try {\n          if (arg instanceof Error) {\n            return { __isError: true, message: arg.message, stack: arg.stack, name: arg.name };\n          }\n          if (arg === void 0) return { __isUndefined: true };\n          if (arg === null) return null;\n          if (typeof arg === \"function\") {\n            return { __isFunction: true, name: arg.name || \"anonymous\" };\n          }\n          if (typeof arg === \"symbol\") return { __isSymbol: true, description: arg.description };\n          if (typeof arg === \"object\") return JSON.parse(JSON.stringify(arg));\n          return arg;\n        } catch (_) {\n          return String(arg);\n        }\n      });\n      postToStudio({\n        action: \"logEvent\",\n        value: {\n          id: logId,\n          method,\n          data: formattedData,\n          timestamp: (/* @__PURE__ */ new Date()).toISOString()\n        }\n      });\n    };\n  });\n}\nfunction setupErrorHandling() {\n  function hideOverlays() {\n    hideOverlay(state.hoverOverlay);\n    hideOverlay(state.selectionOverlay);\n  }\n  window.addEventListener(\"error\", function(event) {\n    hideOverlays();\n    postToStudio({\n      action: \"runtimeError\",\n      url: window.location.href,\n      errors: [\n        {\n          type: \"error\",\n          message: event.message,\n          file: event.filename,\n          line: event.lineno,\n          column: event.colno\n        }\n      ]\n    });\n  });\n  window.addEventListener(\"unhandledrejection\", function(event) {\n    hideOverlays();\n    const reason = event.reason;\n    postToStudio({\n      action: \"runtimeError\",\n      url: window.location.href,\n      errors: [\n        {\n          type: \"error\",\n          message: reason instanceof Error ? reason.message : String(reason),\n          file: reason instanceof Error ? reason.stack : void 0\n        }\n      ]\n    });\n  });\n}\n\n// src/studio/bridge/bridge-screenshot.ts\nfunction loadHtml2Canvas() {\n  if (state.html2canvasLoaded) return Promise.resolve();\n  if (state.html2canvasPromise) return state.html2canvasPromise;\n  state.html2canvasPromise = new Promise((resolve, reject) => {\n    const script = document.createElement(\"script\");\n    script.src = \"https://cdn.jsdelivr.net/npm/html2canvas-pro@2.0.0/dist/html2canvas-pro.min.js\";\n    script.onload = () => {\n      state.html2canvasLoaded = true;\n      resolve();\n    };\n    script.onerror = (event) => {\n      logger.warn(\n        \"Failed to load html2canvas script. This may be caused by CSP script-src restrictions.\",\n        { event: String(event) }\n      );\n      reject(new Error(\"Failed to load html2canvas script\"));\n    };\n    try {\n      document.head.appendChild(script);\n    } catch (error) {\n      logger.warn(\n        \"Failed to append html2canvas script element. This may be caused by CSP script-src restrictions.\",\n        error instanceof Error ? error : { error: String(error) }\n      );\n      reject(\n        error instanceof Error ? error : new Error(\"Failed to append html2canvas script element\")\n      );\n    }\n  });\n  return state.html2canvasPromise;\n}\nasync function captureScreenshot(options) {\n  const { scrollTo, fullPage, quality = 0.8 } = options || {};\n  const originalScrollY = window.scrollY;\n  try {\n    await loadHtml2Canvas();\n    if (typeof scrollTo === \"number\") {\n      window.scrollTo(0, scrollTo);\n      await new Promise((r) => setTimeout(r, 150));\n    }\n    const canvasOptions = {\n      useCORS: true,\n      logging: false,\n      scale: window.devicePixelRatio || 1\n    };\n    if (fullPage) {\n      canvasOptions.height = document.documentElement.scrollHeight;\n      canvasOptions.windowHeight = document.documentElement.scrollHeight;\n      canvasOptions.y = 0;\n      window.scrollTo(0, 0);\n      await new Promise((r) => setTimeout(r, 100));\n    }\n    const html2canvasFn = window.html2canvas.default || window.html2canvas;\n    const canvas = await html2canvasFn(document.body, canvasOptions);\n    if (!canvas || canvas.width === 0 || canvas.height === 0) {\n      logger.error(\"html2canvas produced empty canvas\", {\n        width: canvas?.width,\n        height: canvas?.height\n      });\n      window.scrollTo(0, originalScrollY);\n      return {\n        success: false,\n        error: \"html2canvas produced empty canvas (0x0 dimensions)\"\n      };\n    }\n    const dataUrl = canvas.toDataURL(\"image/png\", quality);\n    if (!dataUrl || !dataUrl.startsWith(\"data:image/\") || dataUrl.length < 100) {\n      logger.error(\"html2canvas produced invalid data URL\", {\n        dataUrlPreview: dataUrl?.substring(0, 50)\n      });\n      window.scrollTo(0, originalScrollY);\n      return {\n        success: false,\n        error: \"html2canvas produced invalid image data\"\n      };\n    }\n    window.scrollTo(0, originalScrollY);\n    return {\n      success: true,\n      data: dataUrl,\n      width: canvas.width,\n      height: canvas.height,\n      scrollY: window.scrollY,\n      totalHeight: document.documentElement.scrollHeight,\n      viewportHeight: window.innerHeight,\n      url: window.location.href\n    };\n  } catch (error) {\n    logger.error(\"html2canvas error\", error instanceof Error ? error : { error: String(error) });\n    window.scrollTo(0, originalScrollY);\n    return {\n      success: false,\n      error: error instanceof Error ? error.message : String(error)\n    };\n  }\n}\nasync function captureMultipleSections(sectionCount) {\n  const originalScrollY = window.scrollY;\n  const results = [];\n  const totalHeight = document.documentElement.scrollHeight;\n  const viewportHeight = window.innerHeight;\n  const sections = sectionCount || Math.ceil(totalHeight / viewportHeight);\n  try {\n    for (let i = 0; i < sections; i++) {\n      const scrollY = Math.min(i * viewportHeight, totalHeight - viewportHeight);\n      const result = await captureScreenshot({ scrollTo: scrollY });\n      if (result.success) {\n        results.push({ ...result, section: i + 1, totalSections: sections });\n      }\n    }\n  } finally {\n    window.scrollTo(0, originalScrollY);\n  }\n  return results;\n}\n\n// src/studio/bridge/bridge-message-handler.ts\nvar SAFE_PROTOCOLS = /* @__PURE__ */ new Set([\"http:\", \"https:\"]);\nfunction isSafeNavigationUrl(url) {\n  if (url.startsWith(\"/\")) return true;\n  try {\n    const parsed = new URL(url, window.location.origin);\n    return SAFE_PROTOCOLS.has(parsed.protocol);\n  } catch {\n    return false;\n  }\n}\nfunction clearSelection(notifyStudio = false) {\n  state.selectedNodeId = null;\n  hideOverlay(state.selectionOverlay);\n  if (notifyStudio) {\n    postToStudio({ action: \"setSelectedNode\", id: null });\n  }\n}\nfunction disableInspectMode(deselectElements = false) {\n  state.inspectMode = false;\n  hideOverlay(state.hoverOverlay);\n  state.hoveredNodeId = null;\n  if (deselectElements) {\n    clearSelection();\n  }\n}\nfunction postScreenshotResult(requestId, result) {\n  postToStudio({\n    action: \"screenshotResult\",\n    requestId,\n    multiple: false,\n    ...result\n  });\n}\nasync function handleScreenshotRequest(message) {\n  if (message.multipleSections) {\n    const results = await captureMultipleSections(message.sectionCount);\n    postToStudio({\n      action: \"screenshotResult\",\n      requestId: message.requestId,\n      multiple: true,\n      results\n    });\n    return;\n  }\n  const result = await captureScreenshot(message.options);\n  postScreenshotResult(message.requestId, result);\n}\nfunction handleStudioMessage(event) {\n  if (!isFromStudio(event)) return;\n  const message = event.data;\n  if (!message?.action) return;\n  const config3 = getConfig();\n  switch (message.action) {\n    case \"routeChange\":\n      if (message.url) {\n        if (!isSafeNavigationUrl(message.url)) {\n          logger.warn(\"[StudioBridge] Blocked unsafe URL in routeChange\", { url: message.url });\n          return;\n        }\n        if (state.selectedNodeId) {\n          clearSelection(true);\n        }\n        postToStudio({\n          action: \"onPageTransitionStart\",\n          url: message.url,\n          projectId: config3.projectId\n        });\n        window.location.href = message.url;\n      }\n      return;\n    case \"reload\":\n      window.location.reload();\n      return;\n    case \"goBack\":\n      window.history.back();\n      return;\n    case \"goForward\":\n      window.history.forward();\n      return;\n    case \"colorMode\":\n      setColorMode(message.value);\n      return;\n    case \"toggleInspectMode\":\n      state.inspectMode = message.value;\n      if (state.inspectMode) return;\n      disableInspectMode(message.deselectElements);\n      return;\n    case \"setSelectedNode\":\n      state.selectedNodeId = message.id;\n      showSelectionOverlay(message.id);\n      if (message.scroll) scrollToElement(message.id);\n      return;\n    case \"setHoveredNode\":\n      if (!state.inspectMode) showHoverOverlay(message.id);\n      return;\n    case \"screenshot\":\n      void handleScreenshotRequest(message);\n      return;\n    default:\n      logger.debug(\"Unknown action\", { action: message.action });\n      return;\n  }\n}\n\n// src/studio/bridge/bridge-init.ts\nfunction notifyAppLoaded() {\n  const config3 = getConfig();\n  postToStudio({ action: \"appLoaded\", url: window.location.href });\n  postToStudio({\n    action: \"appUpdated\",\n    url: window.location.href,\n    id: config3.pageId,\n    isInitialLoad: true,\n    errors: [],\n    warnings: []\n  });\n  postToStudio({\n    action: \"onPageTransitionEnd\",\n    url: window.location.href,\n    projectId: config3.projectId,\n    id: config3.pageId,\n    params: {}\n  });\n}\nfunction notifyAppUnloaded() {\n  postToStudio({ action: \"appUnloaded\", url: window.location.href });\n}\nfunction init() {\n  const config3 = getConfig();\n  const params = new URLSearchParams(window.location.search);\n  const studioEmbed = params.get(\"studio_embed\") === \"true\";\n  const isStandalone = window.parent === window && !studioEmbed;\n  if (isStandalone) {\n    logger.debug(\n      \"[StudioBridge] Not in iframe and not studio_embed mode, skipping initialization\"\n    );\n    return;\n  }\n  logger.debug(\"Initializing...\");\n  if (!isStandalone) {\n    injectOverlayStyles();\n    state.hoverOverlay = createOverlay(\"hover\");\n    state.selectionOverlay = createOverlay(\"selection\");\n    setupConsoleCapture();\n    setupErrorHandling();\n    setupInspectMode();\n  }\n  window.addEventListener(\"message\", handleStudioMessage);\n  if (!isStandalone) {\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\"DOMContentLoaded\", function() {\n        notifyAppLoaded();\n        setupMutationObserver();\n      }, { once: true });\n    } else {\n      notifyAppLoaded();\n      setupMutationObserver();\n    }\n    window.addEventListener(\"beforeunload\", notifyAppUnloaded, { once: true });\n  }\n  const colorMode = params.get(\"color_mode\");\n  if (colorMode) setColorMode(colorMode);\n  if (!isStandalone) {\n    const inspectModeParam = params.get(\"inspect_mode\");\n    if (inspectModeParam === \"true\") {\n      state.inspectMode = true;\n      logger.debug(\"Inspect mode enabled from query param\");\n    }\n  }\n  logger.debug(\"Initialized successfully\");\n}\n\n// src/studio/bridge/bridge-coordinator.ts\ninitConfig();\nvar config2 = getConfig();\nif (!config2.debugSkipInit) {\n  init();\n}\n";

package/esm/src/task/discovery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"discovery.d.ts","sourceRoot":"","sources":["../../../src/src/task/discovery.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAKjD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,iFAAiF;IACjF,EAAE,EAAE,MAAM,CAAC;IAEX,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC;IAEb,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IAEjB,oDAAoD;IACpD,UAAU,EAAE,MAAM,CAAC;IAEnB,0BAA0B;IAC1B,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IAEnB,gDAAgD;IAChD,OAAO,EAAE,cAAc,CAAC;IAExB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,2BAA2B;IAC3B,KAAK,EAAE,cAAc,EAAE,CAAC;IAExB,0CAA0C;IAC1C,MAAM,EAAE,KAAK,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CASvE;AAED;;GAEG;AACH,wBAAsB,aAAa,CACjC,OAAO,EAAE,oBAAoB,GAC5B,OAAO,CAAC,mBAAmB,CAAC,CAyG9B;AAED;;GAEG;AACH,wBAAsB,YAAY,CAChC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,oBAAoB,GAC5B,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CA6EhC"}
+{"version":3,"file":"discovery.d.ts","sourceRoot":"","sources":["../../../src/src/task/discovery.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAajD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,iFAAiF;IACjF,EAAE,EAAE,MAAM,CAAC;IAEX,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC;IAEb,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IAEjB,oDAAoD;IACpD,UAAU,EAAE,MAAM,CAAC;IAEnB,0BAA0B;IAC1B,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IAEnB,gDAAgD;IAChD,OAAO,EAAE,cAAc,CAAC;IAExB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,2BAA2B;IAC3B,KAAK,EAAE,cAAc,EAAE,CAAC;IAExB,0CAA0C;IAC1C,MAAM,EAAE,KAAK,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpD;AAwED;;GAEG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CASvE;AAED;;GAEG;AACH,wBAAsB,aAAa,CACjC,OAAO,EAAE,oBAAoB,GAC5B,OAAO,CAAC,mBAAmB,CAAC,CAiE9B;AAED;;GAEG;AACH,wBAAsB,YAAY,CAChC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,oBAAoB,GAC5B,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAuChC"}

package/esm/src/task/discovery.js

@@ -25,6 +25,63 @@ import { collectFiles } from "../utils/file-discovery.js";
 import { importDiscoveryModule } from "../discovery/module-import.js";
 import { isTaskDefinition } from "./types.js";
 const logger = baseLogger.component("task-discovery");
+const TASK_FILE_EXTENSIONS = [".ts", ".tsx", ".js", ".jsx"];
+const TASK_IGNORE_PATTERNS = [
+    "node_modules",
+    ".git",
+    "__tests__",
+    "*.test.*",
+    "*.spec.*",
+];
+function resolveTasksBaseDir(projectDir, tasksDir, config) {
+    const fsType = config?.fs?.type ?? "local";
+    return fsType === "github" || fsType === "veryfront-api" ? tasksDir : join(projectDir, tasksDir);
+}
+function toErrorMessage(error) {
+    return error instanceof Error ? error.message : String(error);
+}
+async function collectTaskFiles(baseDir, adapter) {
+    return await collectFiles({
+        baseDir,
+        extensions: [...TASK_FILE_EXTENSIONS],
+        recursive: true,
+        ignorePatterns: [...TASK_IGNORE_PATTERNS],
+        adapter,
+    });
+}
+function extractTaskExport(module) {
+    const defaultExport = module.default;
+    if (isTaskDefinition(defaultExport)) {
+        return { exportName: "default", definition: defaultExport };
+    }
+    for (const [exportName, value] of Object.entries(module)) {
+        if (exportName !== "default" && isTaskDefinition(value)) {
+            return { exportName, definition: value };
+        }
+    }
+    return null;
+}
+async function loadTaskFromFile(filePath, id, adapter, projectDir) {
+    const module = await importDiscoveryModule(filePath, {
+        adapter,
+        projectDir,
+    });
+    const taskExport = extractTaskExport(module);
+    if (!taskExport)
+        return null;
+    return {
+        id,
+        name: taskExport.definition.name || id,
+        filePath,
+        exportName: taskExport.exportName,
+        definition: taskExport.definition,
+    };
+}
+function logDiscoveredTask(task, debug) {
+    if (debug) {
+        logger.info(`Found task "${task.id}" in ${task.filePath} (export: ${task.exportName})`);
+    }
+}
 /**
  * Derive task ID from file path (e.g., "tasks/sync-data.ts" → "sync-data")
  */
@@ -45,9 +102,7 @@ export async function discoverTasks(options) {
     const { projectDir, adapter, config, tasksDir = "tasks", debug = false, } = options;
     const tasks = [];
     const errors = [];
-    const fsType = config?.fs?.type ?? "local";
-    const useRelativePaths = fsType === "github" || fsType === "veryfront-api";
-    const baseDir = useRelativePaths ? tasksDir : join(projectDir, tasksDir);
+    const baseDir = resolveTasksBaseDir(projectDir, tasksDir, config);
     if (debug) {
         logger.info(`Scanning ${baseDir} for tasks`);
     }
@@ -59,61 +114,20 @@ export async function discoverTasks(options) {
             }
             return { tasks, errors };
         }
-        const files = await collectFiles({
-            baseDir,
-            extensions: [".ts", ".tsx", ".js", ".jsx"],
-            recursive: true,
-            ignorePatterns: ["node_modules", ".git", "__tests__", "*.test.*", "*.spec.*"],
-            adapter,
-        });
+        const files = await collectTaskFiles(baseDir, adapter);
         if (debug) {
             logger.info(`Found ${files.length} potential task files`);
         }
         for (const file of files) {
             try {
-                const module = await importDiscoveryModule(file.path, {
-                    adapter,
-                    projectDir,
-                });
-                // Prefer default export (aligned with discovery-engine behaviour)
-                const defaultExport = module.default;
-                if (isTaskDefinition(defaultExport)) {
-                    const id = deriveTaskId(file.path, baseDir);
-                    tasks.push({
-                        id,
-                        name: defaultExport.name || id,
-                        filePath: file.path,
-                        exportName: "default",
-                        definition: defaultExport,
-                    });
-                    if (debug) {
-                        logger.info(`Found task "${id}" in ${file.path} (export: default)`);
-                    }
-                }
-                else {
-                    // Fallback: check named exports
-                    for (const [exportName, value] of Object.entries(module)) {
-                        if (exportName === "default")
-                            continue;
-                        if (isTaskDefinition(value)) {
-                            const id = deriveTaskId(file.path, baseDir);
-                            tasks.push({
-                                id,
-                                name: value.name || id,
-                                filePath: file.path,
-                                exportName,
-                                definition: value,
-                            });
-                            if (debug) {
-                                logger.info(`Found task "${id}" in ${file.path} (export: ${exportName})`);
-                            }
-                            break; // Only take the first valid named export per file
-                        }
-                    }
+                const task = await loadTaskFromFile(file.path, deriveTaskId(file.path, baseDir), adapter, projectDir);
+                if (task) {
+                    tasks.push(task);
+                    logDiscoveredTask(task, debug);
                 }
             }
             catch (error) {
-                const errorMsg = error instanceof Error ? error.message : String(error);
+                const errorMsg = toErrorMessage(error);
                 errors.push({ filePath: file.path, error: errorMsg });
                 if (debug) {
                     logger.warn(`Failed to load ${file.path}: ${errorMsg}`);
@@ -126,7 +140,7 @@ export async function discoverTasks(options) {
         return { tasks, errors };
     }
     catch (error) {
-        const errorMsg = error instanceof Error ? error.message : String(error);
+        const errorMsg = toErrorMessage(error);
         logger.error(`Task discovery failed: ${errorMsg}`);
         errors.push({ filePath: baseDir, error: errorMsg });
         return { tasks, errors };
@@ -137,61 +151,25 @@ export async function discoverTasks(options) {
  */
 export async function findTaskById(taskId, options) {
     const { projectDir, adapter, config, tasksDir = "tasks", debug = false, } = options;
-    const fsType = config?.fs?.type ?? "local";
-    const useRelativePaths = fsType === "github" || fsType === "veryfront-api";
-    const baseDir = useRelativePaths ? tasksDir : join(projectDir, tasksDir);
+    const baseDir = resolveTasksBaseDir(projectDir, tasksDir, config);
     try {
         const dirExists = await adapter.fs.exists(baseDir);
         if (!dirExists)
             return null;
-        const files = await collectFiles({
-            baseDir,
-            extensions: [".ts", ".tsx", ".js", ".jsx"],
-            recursive: true,
-            ignorePatterns: ["node_modules", ".git", "__tests__", "*.test.*", "*.spec.*"],
-            adapter,
-        });
+        const files = await collectTaskFiles(baseDir, adapter);
         for (const file of files) {
             const id = deriveTaskId(file.path, baseDir);
             if (id !== taskId)
                 continue;
             try {
-                const module = await importDiscoveryModule(file.path, {
-                    adapter,
-                    projectDir,
-                });
-                const defaultExport = module.default;
-                if (isTaskDefinition(defaultExport)) {
-                    if (debug) {
-                        logger.info(`Found task "${id}" in ${file.path} (export: default)`);
-                    }
-                    return {
-                        id,
-                        name: defaultExport.name || id,
-                        filePath: file.path,
-                        exportName: "default",
-                        definition: defaultExport,
-                    };
-                }
-                for (const [exportName, value] of Object.entries(module)) {
-                    if (exportName === "default")
-                        continue;
-                    if (isTaskDefinition(value)) {
-                        if (debug) {
-                            logger.info(`Found task "${id}" in ${file.path} (export: ${exportName})`);
-                        }
-                        return {
-                            id,
-                            name: value.name || id,
-                            filePath: file.path,
-                            exportName,
-                            definition: value,
-                        };
-                    }
+                const task = await loadTaskFromFile(file.path, id, adapter, projectDir);
+                if (task) {
+                    logDiscoveredTask(task, debug);
+                    return task;
                 }
             }
             catch (error) {
-                const errorMsg = error instanceof Error ? error.message : String(error);
+                const errorMsg = toErrorMessage(error);
                 if (debug) {
                     logger.warn(`Failed to load ${file.path}: ${errorMsg}`);
                 }
@@ -199,7 +177,7 @@ export async function findTaskById(taskId, options) {
         }
     }
     catch (error) {
-        const errorMsg = error instanceof Error ? error.message : String(error);
+        const errorMsg = toErrorMessage(error);
         logger.error(`Task discovery failed while finding "${taskId}": ${errorMsg}`);
     }
     return null;

package/esm/src/tool/executor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"executor.d.ts","sourceRoot":"","sources":["../../../src/src/tool/executor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAIvD,wBAAgB,WAAW,CACzB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,OAAO,EACd,OAAO,CAAC,EAAE,oBAAoB,GAC7B,OAAO,CAAC,OAAO,CAAC,CAWlB"}
+{"version":3,"file":"executor.d.ts","sourceRoot":"","sources":["../../../src/src/tool/executor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAIvD,wBAAgB,WAAW,CACzB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,OAAO,EACd,OAAO,CAAC,EAAE,oBAAoB,GAC7B,OAAO,CAAC,OAAO,CAAC,CAalB"}

package/esm/src/tool/executor.js

@@ -1,11 +1,12 @@
 import { toolRegistry } from "./registry.js";
 import { createError, toError } from "../errors/veryfront-error.js";
 export function executeTool(toolId, input, context) {
-    const tool = toolRegistry.get(toolId);
-    if (tool)
-        return tool.execute(input, context);
-    throw toError(createError({
-        type: "agent",
-        message: `Tool "${toolId}" not found`,
-    }));
+    const registeredTool = toolRegistry.get(toolId);
+    if (!registeredTool) {
+        throw toError(createError({
+            type: "agent",
+            message: `Tool "${toolId}" not found`,
+        }));
+    }
+    return registeredTool.execute(input, context);
 }

package/esm/src/tool/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../src/src/tool/factory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AA6HzE,wBAAgB,IAAI,CAAC,MAAM,GAAG,OAAO,EAAE,OAAO,GAAG,OAAO,EACtD,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,GAClC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAoCvB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,oBAAoB,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;IACxF,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IAC7C,GAAG,CAAC,EAAE;QACJ,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,aAAa,CAAC;KACpD,CAAC;CACH;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CA2B7E"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../src/src/tool/factory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAiIzE,wBAAgB,IAAI,CAAC,MAAM,GAAG,OAAO,EAAE,OAAO,GAAG,OAAO,EACtD,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,GAClC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAkCvB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,oBAAoB,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;IACxF,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IAC7C,GAAG,CAAC,EAAE;QACJ,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,aAAa,CAAC;KACpD,CAAC;CACH;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAwB7E"}

package/esm/src/tool/factory.js

@@ -15,6 +15,9 @@ function getSchemaShape(schema) {
         return null;
     return typeof shape === "function" ? shape() : shape;
 }
+function hasSchemaParse(schema) {
+    return typeof schema?.parse === "function";
+}
 function buildSchemaFromShape(shape, additionalProperties = false) {
     const keys = Object.keys(shape);
     const properties = Object.fromEntries(keys.map((key) => [key, { type: "string" }]));
@@ -32,14 +35,14 @@ function permissiveFallback(logPrefix, toolId, detail) {
 function schemaError(toolId, message) {
     throw toError(createError({ type: "agent", message: `Tool "${toolId}" ${message}` }));
 }
-function tryConvert(fn, toolId, logPrefix, permissive, errorDetail) {
+function tryConvert(convertSchema, toolId, logPrefix, permissive, failureLabel) {
     try {
-        return fn();
+        return convertSchema();
     }
     catch (error) {
         if (permissive)
             return permissiveFallback(logPrefix, toolId, "Using permissive schema");
-        schemaError(toolId, `${errorDetail}: ${getErrorMessage(error)}`);
+        schemaError(toolId, `${failureLabel}: ${getErrorMessage(error)}`);
     }
 }
 function logSchemaResult(logPrefix, toolId, method, schema) {
@@ -48,18 +51,14 @@ function logSchemaResult(logPrefix, toolId, method, schema) {
 function convertSchemaToJson(schema, toolId, logPrefix, permissive = false) {
     if (hasValidZodTypeName(schema)) {
         const result = tryConvert(() => zodToJsonSchema(schema), toolId, logPrefix, permissive, "input schema conversion failed");
-        if (result) {
-            logSchemaResult(logPrefix, toolId, "Pre-converted", result);
-            return result;
-        }
+        logSchemaResult(logPrefix, toolId, "Pre-converted", result);
+        return result;
     }
     const shape = getSchemaShape(schema);
     if (shape) {
         const result = tryConvert(() => buildSchemaFromShape(shape, permissive), toolId, logPrefix, permissive, "schema introspection failed");
-        if (result) {
-            logSchemaResult(logPrefix, toolId, "Introspected", result);
-            return result;
-        }
+        logSchemaResult(logPrefix, toolId, "Introspected", result);
+        return result;
     }
     if (permissive)
         return permissiveFallback(logPrefix, toolId, "Using fully dynamic schema");
@@ -79,10 +78,9 @@ export function tool(config) {
         inputSchema: config.inputSchema,
         inputSchemaJson,
         execute: async (input, context) => {
-            const schema = config.inputSchema;
-            if (typeof schema?.parse === "function") {
+            if (hasSchemaParse(config.inputSchema)) {
                 try {
-                    schema.parse(input);
+                    config.inputSchema.parse(input);
                 }
                 catch (error) {
                     throw toError(createError({
@@ -106,8 +104,7 @@ export function dynamicTool(config) {
         inputSchema: config.inputSchema,
         inputSchemaJson,
         execute: async (input, context) => {
-            if (config.inputSchema &&
-                typeof config.inputSchema.parse === "function") {
+            if (hasSchemaParse(config.inputSchema)) {
                 config.inputSchema.parse(input);
             }
             else if (input === undefined) {

package/esm/src/transforms/esm/package-registry.d.ts

@@ -35,6 +35,10 @@ export declare function stripSemverRange(version: string): string;
  * Compatibility no-op. Kept for tests and older call sites.
  */
 export declare function clearReactVersionCache(): void;
+export declare function readProjectDependencyVersions(projectDir: string): Promise<{
+    react?: string;
+    veryfront?: string;
+}>;
 /**
  * Resolve React version for a project with consistent priority:
  * 1. Config override: config.client.cdn.versions.react