@ohos-ports/stacksjs-stx 0.2.287-beta.0

package/dist/chunk-bfqfs07m.js

@@ -0,0 +1,3022 @@
+// @bun
+import{tk as m}from"./chunk-9wr7zcad.js";import{gv as z}from"./chunk-qc1f74ek.js";import{existsSync as s,mkdirSync as T,copyFileSync as F,chmodSync as A}from"fs";import{join as Z,basename as Yq}from"path";import{spawn as j,execSync as Zq}from"child_process";import{tmpdir as c,homedir as P,platform as Lq}from"os";var Iq=`
+<script>
+(function() {
+  'use strict';
+
+  // Skip if already initialized or not in Craft environment
+  if (window.__craftBridgeInitialized) return;
+  window.__craftBridgeInitialized = true;
+
+  // Message ID counter
+  let messageId = 0;
+  const generateId = () => 'msg_' + Date.now() + '_' + (++messageId);
+
+  // Pending requests
+  const pending = new Map();
+
+  // Event listeners
+  const eventListeners = new Map();
+
+  // Configuration
+  const config = {
+    debug: false,
+    timeout: 30000
+  };
+
+  // Send message to native
+  function send(message) {
+    const json = JSON.stringify(message);
+
+    if (config.debug) {
+      console.log('[Craft Bridge] Sending:', message.method, message.params);
+    }
+
+    // iOS WKWebView
+    if (window.webkit?.messageHandlers?.craft) {
+      window.webkit.messageHandlers.craft.postMessage(message);
+      return true;
+    }
+
+    // Android WebView
+    if (window.CraftBridge) {
+      window.CraftBridge.postMessage(json);
+      return true;
+    }
+
+    // Electron IPC
+    if (window.craftIPC) {
+      window.craftIPC.send('bridge-message', message);
+      return true;
+    }
+
+    return false;
+  }
+
+  // Make a request and wait for response
+  function request(method, params) {
+    return new Promise((resolve, reject) => {
+      const id = generateId();
+      const timeout = setTimeout(() => {
+        pending.delete(id);
+        reject(new Error('Request timeout: ' + method));
+      }, config.timeout);
+
+      pending.set(id, { resolve, reject, timeout });
+
+      const sent = send({
+        id,
+        type: 'request',
+        method,
+        params
+      });
+
+      if (!sent) {
+        clearTimeout(timeout);
+        pending.delete(id);
+        // Return gracefully if not in Craft environment
+        resolve(undefined);
+      }
+    });
+  }
+
+  // Handle incoming messages
+  function handleMessage(event) {
+    let data;
+    try {
+      data = event.detail || (typeof event.data === 'string' ? JSON.parse(event.data) : event.data);
+    }
+catch (e) {
+      return;
+    }
+
+    if (!data || !data.id) return;
+
+    if (config.debug) {
+      console.log('[Craft Bridge] Received:', data);
+    }
+
+    if (data.type === 'response') {
+      const req = pending.get(data.id);
+      if (req) {
+        clearTimeout(req.timeout);
+        pending.delete(data.id);
+        if (data.error) {
+          req.reject(new Error(data.error.message));
+        }
+else {
+          req.resolve(data.result);
+        }
+      }
+    }
+else if (data.type === 'event' && data.method) {
+      const listeners = eventListeners.get(data.method) || [];
+      listeners.forEach(fn => fn(data.params));
+    }
+  }
+
+  // Listen for messages
+  window.addEventListener('message', handleMessage);
+  window.addEventListener('craft-bridge-message', handleMessage);
+
+  // Check if running in Craft
+  function isCraft() {
+    return !!(
+      window.webkit?.messageHandlers?.craft ||
+      window.CraftBridge ||
+      window.craftIPC
+    );
+  }
+
+  // Subscribe to events
+  function on(event, callback) {
+    if (!eventListeners.has(event)) {
+      eventListeners.set(event, []);
+    }
+    eventListeners.get(event).push(callback);
+    return () => {
+      const listeners = eventListeners.get(event);
+      const idx = listeners.indexOf(callback);
+      if (idx > -1) listeners.splice(idx, 1);
+    };
+  }
+
+  function sendNativeUI(action, data) {
+    if (window.webkit?.messageHandlers?.craft) {
+      window.webkit.messageHandlers.craft.postMessage({ t: 'nativeUI', a: action, d: data || {} });
+      return true;
+    }
+
+    if (window.CraftBridge?.postMessage) {
+      window.CraftBridge.postMessage(JSON.stringify({ t: 'nativeUI', a: action, d: data || {} }));
+      return true;
+    }
+
+    return send({
+      id: generateId(),
+      type: 'nativeUI',
+      action,
+      data: data || {}
+    });
+  }
+
+  // Live component handles, keyed by id, so an event coming back from the host
+  // can be routed to the callbacks registered on the right one. Without this
+  // the onSelect/onSpaceChange callbacks were stored and never invoked.
+  const sidebars = new Map();
+  const spacesSidebars = new Map();
+
+  function createNativeUIFacade() {
+    class Sidebar {
+      constructor(id) {
+        this.id = id;
+        this._selectCallbacks = [];
+      }
+      addSection(section) {
+        sendNativeUI('addSidebarSection', { sidebarId: this.id, section });
+        return this;
+      }
+      setSelectedItem(itemId) {
+        sendNativeUI('setSelectedItem', { sidebarId: this.id, itemId });
+        return this;
+      }
+      onSelect(callback) {
+        this._selectCallbacks.push(callback);
+        return this;
+      }
+      destroy() {
+        sidebars.delete(this.id);
+        sendNativeUI('destroyComponent', { id: this.id, type: 'sidebar' });
+      }
+    }
+
+    /**
+     * An Arc-style sidebar of swipeable spaces.
+     *
+     * Separate from Sidebar rather than an option on it: a source list selects
+     * one row out of many, while a spaces sidebar selects one whole SCENE, and
+     * a host that renders the switcher natively (a segmented control in the
+     * toolbar, a Touch Bar strip) needs the space list, not the item list.
+     */
+    class SpacesSidebar {
+      constructor(id) {
+        this.id = id;
+        this._spaceCallbacks = [];
+      }
+      setSpaces(spaces) {
+        sendNativeUI('setSidebarSpaces', { sidebarId: this.id, spaces });
+        return this;
+      }
+      setActiveSpace(spaceId) {
+        sendNativeUI('setActiveSpace', { sidebarId: this.id, spaceId });
+        return this;
+      }
+      onSpaceChange(callback) {
+        this._spaceCallbacks.push(callback);
+        return this;
+      }
+      destroy() {
+        spacesSidebars.delete(this.id);
+        sendNativeUI('destroyComponent', { id: this.id, type: 'spacesSidebar' });
+      }
+    }
+
+    class FileBrowser {
+      constructor(id) {
+        this.id = id;
+      }
+      addFile(file) {
+        sendNativeUI('addFile', { browserId: this.id, file });
+        return this;
+      }
+      addFiles(files) {
+        sendNativeUI('addFiles', { browserId: this.id, files });
+        return this;
+      }
+      clearFiles() {
+        sendNativeUI('clearFiles', { browserId: this.id });
+        return this;
+      }
+      destroy() {
+        sendNativeUI('destroyComponent', { id: this.id, type: 'fileBrowser' });
+      }
+    }
+
+    class SplitView {
+      constructor(id, sidebar, browser) {
+        this.id = id;
+        this.sidebar = sidebar;
+        this.browser = browser;
+      }
+      setDividerPosition(position) {
+        sendNativeUI('setDividerPosition', { splitViewId: this.id, position });
+        return this;
+      }
+      destroy() {
+        sendNativeUI('destroyComponent', { id: this.id, type: 'splitView' });
+      }
+    }
+
+    // Host -> page. The host names the component in the payload; we look up the
+    // handle and fan out to whatever the page registered on it.
+    on('sidebar.select', function(params) {
+      const sidebar = sidebars.get(params && params.sidebarId);
+      if (sidebar) sidebar._selectCallbacks.forEach(fn => fn(params.itemId));
+    });
+    on('sidebar.spaceChange', function(params) {
+      const sidebar = spacesSidebars.get(params && params.sidebarId);
+      if (sidebar) sidebar._spaceCallbacks.forEach(fn => fn(params.spaceId));
+    });
+
+    return {
+      createSidebar(options) {
+        const opts = options || {};
+        const id = opts.id || 'sidebar-' + Date.now() + '-' + Math.random().toString(36).slice(2);
+        sendNativeUI('createSidebar', Object.assign({}, opts, { id }));
+        const sidebar = new Sidebar(id);
+        sidebars.set(id, sidebar);
+        return sidebar;
+      },
+      createSpacesSidebar(options) {
+        const opts = options || {};
+        const id = opts.id || 'spaces-' + Date.now() + '-' + Math.random().toString(36).slice(2);
+        sendNativeUI('createSpacesSidebar', Object.assign({}, opts, { id }));
+        const sidebar = new SpacesSidebar(id);
+        spacesSidebars.set(id, sidebar);
+        return sidebar;
+      },
+      createFileBrowser(options) {
+        const opts = options || {};
+        const id = opts.id || 'browser-' + Date.now() + '-' + Math.random().toString(36).slice(2);
+        sendNativeUI('createFileBrowser', Object.assign({}, opts, { id }));
+        return new FileBrowser(id);
+      },
+      createSplitView(options) {
+        if (!options?.sidebar || !options?.browser) {
+          throw new Error('createSplitView requires sidebar and browser options');
+        }
+        const id = options.id || 'splitview-' + Date.now() + '-' + Math.random().toString(36).slice(2);
+        sendNativeUI('createSplitView', {
+          id,
+          sidebarId: options.sidebar.id,
+          browserId: options.browser.id
+        });
+        return new SplitView(id, options.sidebar, options.browser);
+      },
+      showQuickLook(options) {
+        sendNativeUI('showQuickLook', options);
+      },
+      closeQuickLook() {
+        sendNativeUI('closeQuickLook', {});
+      },
+      toggleQuickLook(options) {
+        sendNativeUI('toggleQuickLook', options);
+      }
+    };
+  }
+
+  const existingCraft = window.craft || {};
+  const nativeUI = existingCraft.nativeUI || createNativeUIFacade();
+  const componentAPI = existingCraft.components || Object.assign({}, nativeUI, {
+    updateComponent: (id, props) => request('component.update', { componentId: id, props }),
+    destroyComponent: (id) => request('component.destroy', { componentId: id })
+  });
+
+  // Build the craft API object
+  window.craft = Object.assign({}, existingCraft, {
+    // Meta
+    isCraft,
+    on,
+    config,
+
+    // Window API
+    window: {
+      show: () => request('window.show'),
+      hide: () => request('window.hide'),
+      close: () => request('window.close'),
+      minimize: () => request('window.minimize'),
+      maximize: () => request('window.maximize'),
+      restore: () => request('window.restore'),
+      focus: () => request('window.focus'),
+      blur: () => request('window.blur'),
+      setTitle: (title) => request('window.setTitle', { title }),
+      setSize: (width, height) => request('window.setSize', { width, height }),
+      setPosition: (x, y) => request('window.setPosition', { x, y }),
+      setFullscreen: (fullscreen) => request('window.setFullscreen', { fullscreen }),
+      setAlwaysOnTop: (alwaysOnTop) => request('window.setAlwaysOnTop', { alwaysOnTop }),
+      getSize: () => request('window.getSize'),
+      getPosition: () => request('window.getPosition'),
+      isFullscreen: () => request('window.isFullscreen'),
+      isMaximized: () => request('window.isMaximized'),
+      isMinimized: () => request('window.isMinimized'),
+      isVisible: () => request('window.isVisible'),
+      center: () => request('window.center'),
+      toggleFullscreen: () => request('window.toggleFullscreen'),
+      startDrag: () => request('window.startDrag'),
+    },
+
+    // System Tray/Menubar API
+    tray: {
+      setTitle: (title) => request('tray.setTitle', { title }),
+      setTooltip: (tooltip) => request('tray.setTooltip', { tooltip }),
+      setIcon: (icon) => request('tray.setIcon', { icon }),
+      setMenu: (menu) => request('tray.setMenu', { menu }),
+      show: () => request('tray.show'),
+      hide: () => request('tray.hide'),
+      onClick: (callback) => on('tray.click', callback),
+      onDoubleClick: (callback) => on('tray.doubleClick', callback),
+      onRightClick: (callback) => on('tray.rightClick', callback),
+    },
+
+    // App API
+    app: {
+      quit: () => request('app.quit'),
+      hide: () => request('app.hide'),
+      show: () => request('app.show'),
+      focus: () => request('app.focus'),
+      getInfo: () => request('app.getInfo'),
+      getVersion: () => request('app.getVersion'),
+      getName: () => request('app.getName'),
+      getPath: (name) => request('app.getPath', { name }),
+      isDarkMode: () => request('app.isDarkMode'),
+      getLocale: () => request('app.getLocale'),
+      setBadge: (badge) => request('app.setBadge', { badge }),
+      hideDockIcon: () => request('app.hideDockIcon'),
+      showDockIcon: () => request('app.showDockIcon'),
+      notify: (options) => request('app.notify', options),
+      registerShortcut: (accelerator, callback) => {
+        const id = generateId();
+        on('shortcut.' + id, callback);
+        return request('app.registerShortcut', { accelerator, id });
+      },
+      unregisterShortcut: (accelerator) => request('app.unregisterShortcut', { accelerator }),
+    },
+
+    // Dialog API
+    dialog: {
+      openFile: (options) => request('dialog.openFile', options),
+      openFolder: (options) => request('dialog.openFolder', options),
+      saveFile: (options) => request('dialog.saveFile', options),
+      showAlert: (options) => request('dialog.showAlert', options),
+      showConfirm: (options) => request('dialog.showConfirm', options),
+      showPrompt: (options) => request('dialog.showPrompt', options),
+      showColorPicker: (options) => request('dialog.showColorPicker', options),
+    },
+
+    // Clipboard API
+    clipboard: {
+      writeText: (text) => request('clipboard.writeText', { text }),
+      readText: () => request('clipboard.readText'),
+      writeHTML: (html) => request('clipboard.writeHTML', { html }),
+      readHTML: () => request('clipboard.readHTML'),
+      clear: () => request('clipboard.clear'),
+    },
+
+    // File System API (limited for security)
+    fs: {
+      readFile: (path, encoding) => request('fs.readFile', { path, encoding }),
+      writeFile: (path, content, encoding) => request('fs.writeFile', { path, content, encoding }),
+      exists: (path) => request('fs.exists', { path }),
+      stat: (path) => request('fs.stat', { path }),
+      readDir: (path) => request('fs.readDir', { path }),
+      createDir: (path, recursive) => request('fs.createDir', { path, recursive }),
+      remove: (path, recursive) => request('fs.remove', { path, recursive }),
+    },
+
+    // Process/Shell API (limited for security)
+    process: {
+      exec: (command, options) => request('process.exec', { command, ...options }),
+      spawn: (command, args, options) => request('process.spawn', { command, args, ...options }),
+      env: () => request('process.env'),
+      cwd: () => request('process.cwd'),
+      platform: () => request('process.platform'),
+    },
+
+    // Gesture stream
+    //
+    // A webview's wheel events carry no phase information, so a page can only
+    // guess where a trackpad swipe begins and ends \u2014 typically with an idle
+    // timeout, which mistimes the release and cannot see momentum at all. The
+    // host holds the real NSEvent, so it forwards the phases instead:
+    //
+    //   { axis: 'horizontal' | 'vertical',
+    //     phase: 'begin' | 'change' | 'end',
+    //     deltaX, deltaY,            // points since the last event
+    //     velocityX, velocityY,      // points per second, at 'end'
+    //     momentum: boolean }        // the OS is coasting, not the finger
+    //
+    // Consumers must stay correct when nothing ever arrives: a host without
+    // gesture support simply never emits, so keep the wheel path bound and let
+    // a begin phase take over from it.
+    gestures: {
+      onSwipe: (callback) => on('gesture.swipe', callback),
+    },
+
+    // Native component helpers
+    nativeUI,
+    components: componentAPI
+  });
+
+  // Dispatch ready event
+  window.dispatchEvent(new CustomEvent('craft:ready', { detail: { isCraft: isCraft() } }));
+
+  if (config.debug) {
+    console.log('[Craft Bridge] Initialized, isCraft:', isCraft());
+  }
+})();
+</script>
+`;function D(q={}){let{debug:U=!1,timeout:$=30000}=q;return`
+<script>
+(function() {
+  'use strict';
+
+  // Skip if already initialized or not in Craft environment
+  if (window.__craftBridgeInitialized) return;
+  window.__craftBridgeInitialized = true;
+
+  // Message ID counter
+  let messageId = 0;
+  const generateId = () => 'msg_' + Date.now() + '_' + (++messageId);
+
+  // Pending requests
+  const pending = new Map();
+
+  // Event listeners
+  const eventListeners = new Map();
+
+  // Configuration
+  const config = {
+    debug: false,
+    timeout: 30000
+  };
+
+  // Send message to native
+  function send(message) {
+    const json = JSON.stringify(message);
+
+    if (config.debug) {
+      console.log('[Craft Bridge] Sending:', message.method, message.params);
+    }
+
+    // iOS WKWebView
+    if (window.webkit?.messageHandlers?.craft) {
+      window.webkit.messageHandlers.craft.postMessage(message);
+      return true;
+    }
+
+    // Android WebView
+    if (window.CraftBridge) {
+      window.CraftBridge.postMessage(json);
+      return true;
+    }
+
+    // Electron IPC
+    if (window.craftIPC) {
+      window.craftIPC.send('bridge-message', message);
+      return true;
+    }
+
+    return false;
+  }
+
+  // Make a request and wait for response
+  function request(method, params) {
+    return new Promise((resolve, reject) => {
+      const id = generateId();
+      const timeout = setTimeout(() => {
+        pending.delete(id);
+        reject(new Error('Request timeout: ' + method));
+      }, config.timeout);
+
+      pending.set(id, { resolve, reject, timeout });
+
+      const sent = send({
+        id,
+        type: 'request',
+        method,
+        params
+      });
+
+      if (!sent) {
+        clearTimeout(timeout);
+        pending.delete(id);
+        // Return gracefully if not in Craft environment
+        resolve(undefined);
+      }
+    });
+  }
+
+  // Handle incoming messages
+  function handleMessage(event) {
+    let data;
+    try {
+      data = event.detail || (typeof event.data === 'string' ? JSON.parse(event.data) : event.data);
+    }
+catch (e) {
+      return;
+    }
+
+    if (!data || !data.id) return;
+
+    if (config.debug) {
+      console.log('[Craft Bridge] Received:', data);
+    }
+
+    if (data.type === 'response') {
+      const req = pending.get(data.id);
+      if (req) {
+        clearTimeout(req.timeout);
+        pending.delete(data.id);
+        if (data.error) {
+          req.reject(new Error(data.error.message));
+        }
+else {
+          req.resolve(data.result);
+        }
+      }
+    }
+else if (data.type === 'event' && data.method) {
+      const listeners = eventListeners.get(data.method) || [];
+      listeners.forEach(fn => fn(data.params));
+    }
+  }
+
+  // Listen for messages
+  window.addEventListener('message', handleMessage);
+  window.addEventListener('craft-bridge-message', handleMessage);
+
+  // Check if running in Craft
+  function isCraft() {
+    return !!(
+      window.webkit?.messageHandlers?.craft ||
+      window.CraftBridge ||
+      window.craftIPC
+    );
+  }
+
+  // Subscribe to events
+  function on(event, callback) {
+    if (!eventListeners.has(event)) {
+      eventListeners.set(event, []);
+    }
+    eventListeners.get(event).push(callback);
+    return () => {
+      const listeners = eventListeners.get(event);
+      const idx = listeners.indexOf(callback);
+      if (idx > -1) listeners.splice(idx, 1);
+    };
+  }
+
+  function sendNativeUI(action, data) {
+    if (window.webkit?.messageHandlers?.craft) {
+      window.webkit.messageHandlers.craft.postMessage({ t: 'nativeUI', a: action, d: data || {} });
+      return true;
+    }
+
+    if (window.CraftBridge?.postMessage) {
+      window.CraftBridge.postMessage(JSON.stringify({ t: 'nativeUI', a: action, d: data || {} }));
+      return true;
+    }
+
+    return send({
+      id: generateId(),
+      type: 'nativeUI',
+      action,
+      data: data || {}
+    });
+  }
+
+  // Live component handles, keyed by id, so an event coming back from the host
+  // can be routed to the callbacks registered on the right one. Without this
+  // the onSelect/onSpaceChange callbacks were stored and never invoked.
+  const sidebars = new Map();
+  const spacesSidebars = new Map();
+
+  function createNativeUIFacade() {
+    class Sidebar {
+      constructor(id) {
+        this.id = id;
+        this._selectCallbacks = [];
+      }
+      addSection(section) {
+        sendNativeUI('addSidebarSection', { sidebarId: this.id, section });
+        return this;
+      }
+      setSelectedItem(itemId) {
+        sendNativeUI('setSelectedItem', { sidebarId: this.id, itemId });
+        return this;
+      }
+      onSelect(callback) {
+        this._selectCallbacks.push(callback);
+        return this;
+      }
+      destroy() {
+        sidebars.delete(this.id);
+        sendNativeUI('destroyComponent', { id: this.id, type: 'sidebar' });
+      }
+    }
+
+    /**
+     * An Arc-style sidebar of swipeable spaces.
+     *
+     * Separate from Sidebar rather than an option on it: a source list selects
+     * one row out of many, while a spaces sidebar selects one whole SCENE, and
+     * a host that renders the switcher natively (a segmented control in the
+     * toolbar, a Touch Bar strip) needs the space list, not the item list.
+     */
+    class SpacesSidebar {
+      constructor(id) {
+        this.id = id;
+        this._spaceCallbacks = [];
+      }
+      setSpaces(spaces) {
+        sendNativeUI('setSidebarSpaces', { sidebarId: this.id, spaces });
+        return this;
+      }
+      setActiveSpace(spaceId) {
+        sendNativeUI('setActiveSpace', { sidebarId: this.id, spaceId });
+        return this;
+      }
+      onSpaceChange(callback) {
+        this._spaceCallbacks.push(callback);
+        return this;
+      }
+      destroy() {
+        spacesSidebars.delete(this.id);
+        sendNativeUI('destroyComponent', { id: this.id, type: 'spacesSidebar' });
+      }
+    }
+
+    class FileBrowser {
+      constructor(id) {
+        this.id = id;
+      }
+      addFile(file) {
+        sendNativeUI('addFile', { browserId: this.id, file });
+        return this;
+      }
+      addFiles(files) {
+        sendNativeUI('addFiles', { browserId: this.id, files });
+        return this;
+      }
+      clearFiles() {
+        sendNativeUI('clearFiles', { browserId: this.id });
+        return this;
+      }
+      destroy() {
+        sendNativeUI('destroyComponent', { id: this.id, type: 'fileBrowser' });
+      }
+    }
+
+    class SplitView {
+      constructor(id, sidebar, browser) {
+        this.id = id;
+        this.sidebar = sidebar;
+        this.browser = browser;
+      }
+      setDividerPosition(position) {
+        sendNativeUI('setDividerPosition', { splitViewId: this.id, position });
+        return this;
+      }
+      destroy() {
+        sendNativeUI('destroyComponent', { id: this.id, type: 'splitView' });
+      }
+    }
+
+    // Host -> page. The host names the component in the payload; we look up the
+    // handle and fan out to whatever the page registered on it.
+    on('sidebar.select', function(params) {
+      const sidebar = sidebars.get(params && params.sidebarId);
+      if (sidebar) sidebar._selectCallbacks.forEach(fn => fn(params.itemId));
+    });
+    on('sidebar.spaceChange', function(params) {
+      const sidebar = spacesSidebars.get(params && params.sidebarId);
+      if (sidebar) sidebar._spaceCallbacks.forEach(fn => fn(params.spaceId));
+    });
+
+    return {
+      createSidebar(options) {
+        const opts = options || {};
+        const id = opts.id || 'sidebar-' + Date.now() + '-' + Math.random().toString(36).slice(2);
+        sendNativeUI('createSidebar', Object.assign({}, opts, { id }));
+        const sidebar = new Sidebar(id);
+        sidebars.set(id, sidebar);
+        return sidebar;
+      },
+      createSpacesSidebar(options) {
+        const opts = options || {};
+        const id = opts.id || 'spaces-' + Date.now() + '-' + Math.random().toString(36).slice(2);
+        sendNativeUI('createSpacesSidebar', Object.assign({}, opts, { id }));
+        const sidebar = new SpacesSidebar(id);
+        spacesSidebars.set(id, sidebar);
+        return sidebar;
+      },
+      createFileBrowser(options) {
+        const opts = options || {};
+        const id = opts.id || 'browser-' + Date.now() + '-' + Math.random().toString(36).slice(2);
+        sendNativeUI('createFileBrowser', Object.assign({}, opts, { id }));
+        return new FileBrowser(id);
+      },
+      createSplitView(options) {
+        if (!options?.sidebar || !options?.browser) {
+          throw new Error('createSplitView requires sidebar and browser options');
+        }
+        const id = options.id || 'splitview-' + Date.now() + '-' + Math.random().toString(36).slice(2);
+        sendNativeUI('createSplitView', {
+          id,
+          sidebarId: options.sidebar.id,
+          browserId: options.browser.id
+        });
+        return new SplitView(id, options.sidebar, options.browser);
+      },
+      showQuickLook(options) {
+        sendNativeUI('showQuickLook', options);
+      },
+      closeQuickLook() {
+        sendNativeUI('closeQuickLook', {});
+      },
+      toggleQuickLook(options) {
+        sendNativeUI('toggleQuickLook', options);
+      }
+    };
+  }
+
+  const existingCraft = window.craft || {};
+  const nativeUI = existingCraft.nativeUI || createNativeUIFacade();
+  const componentAPI = existingCraft.components || Object.assign({}, nativeUI, {
+    updateComponent: (id, props) => request('component.update', { componentId: id, props }),
+    destroyComponent: (id) => request('component.destroy', { componentId: id })
+  });
+
+  // Build the craft API object
+  window.craft = Object.assign({}, existingCraft, {
+    // Meta
+    isCraft,
+    on,
+    config,
+
+    // Window API
+    window: {
+      show: () => request('window.show'),
+      hide: () => request('window.hide'),
+      close: () => request('window.close'),
+      minimize: () => request('window.minimize'),
+      maximize: () => request('window.maximize'),
+      restore: () => request('window.restore'),
+      focus: () => request('window.focus'),
+      blur: () => request('window.blur'),
+      setTitle: (title) => request('window.setTitle', { title }),
+      setSize: (width, height) => request('window.setSize', { width, height }),
+      setPosition: (x, y) => request('window.setPosition', { x, y }),
+      setFullscreen: (fullscreen) => request('window.setFullscreen', { fullscreen }),
+      setAlwaysOnTop: (alwaysOnTop) => request('window.setAlwaysOnTop', { alwaysOnTop }),
+      getSize: () => request('window.getSize'),
+      getPosition: () => request('window.getPosition'),
+      isFullscreen: () => request('window.isFullscreen'),
+      isMaximized: () => request('window.isMaximized'),
+      isMinimized: () => request('window.isMinimized'),
+      isVisible: () => request('window.isVisible'),
+      center: () => request('window.center'),
+      toggleFullscreen: () => request('window.toggleFullscreen'),
+      startDrag: () => request('window.startDrag'),
+    },
+
+    // System Tray/Menubar API
+    tray: {
+      setTitle: (title) => request('tray.setTitle', { title }),
+      setTooltip: (tooltip) => request('tray.setTooltip', { tooltip }),
+      setIcon: (icon) => request('tray.setIcon', { icon }),
+      setMenu: (menu) => request('tray.setMenu', { menu }),
+      show: () => request('tray.show'),
+      hide: () => request('tray.hide'),
+      onClick: (callback) => on('tray.click', callback),
+      onDoubleClick: (callback) => on('tray.doubleClick', callback),
+      onRightClick: (callback) => on('tray.rightClick', callback),
+    },
+
+    // App API
+    app: {
+      quit: () => request('app.quit'),
+      hide: () => request('app.hide'),
+      show: () => request('app.show'),
+      focus: () => request('app.focus'),
+      getInfo: () => request('app.getInfo'),
+      getVersion: () => request('app.getVersion'),
+      getName: () => request('app.getName'),
+      getPath: (name) => request('app.getPath', { name }),
+      isDarkMode: () => request('app.isDarkMode'),
+      getLocale: () => request('app.getLocale'),
+      setBadge: (badge) => request('app.setBadge', { badge }),
+      hideDockIcon: () => request('app.hideDockIcon'),
+      showDockIcon: () => request('app.showDockIcon'),
+      notify: (options) => request('app.notify', options),
+      registerShortcut: (accelerator, callback) => {
+        const id = generateId();
+        on('shortcut.' + id, callback);
+        return request('app.registerShortcut', { accelerator, id });
+      },
+      unregisterShortcut: (accelerator) => request('app.unregisterShortcut', { accelerator }),
+    },
+
+    // Dialog API
+    dialog: {
+      openFile: (options) => request('dialog.openFile', options),
+      openFolder: (options) => request('dialog.openFolder', options),
+      saveFile: (options) => request('dialog.saveFile', options),
+      showAlert: (options) => request('dialog.showAlert', options),
+      showConfirm: (options) => request('dialog.showConfirm', options),
+      showPrompt: (options) => request('dialog.showPrompt', options),
+      showColorPicker: (options) => request('dialog.showColorPicker', options),
+    },
+
+    // Clipboard API
+    clipboard: {
+      writeText: (text) => request('clipboard.writeText', { text }),
+      readText: () => request('clipboard.readText'),
+      writeHTML: (html) => request('clipboard.writeHTML', { html }),
+      readHTML: () => request('clipboard.readHTML'),
+      clear: () => request('clipboard.clear'),
+    },
+
+    // File System API (limited for security)
+    fs: {
+      readFile: (path, encoding) => request('fs.readFile', { path, encoding }),
+      writeFile: (path, content, encoding) => request('fs.writeFile', { path, content, encoding }),
+      exists: (path) => request('fs.exists', { path }),
+      stat: (path) => request('fs.stat', { path }),
+      readDir: (path) => request('fs.readDir', { path }),
+      createDir: (path, recursive) => request('fs.createDir', { path, recursive }),
+      remove: (path, recursive) => request('fs.remove', { path, recursive }),
+    },
+
+    // Process/Shell API (limited for security)
+    process: {
+      exec: (command, options) => request('process.exec', { command, ...options }),
+      spawn: (command, args, options) => request('process.spawn', { command, args, ...options }),
+      env: () => request('process.env'),
+      cwd: () => request('process.cwd'),
+      platform: () => request('process.platform'),
+    },
+
+    // Gesture stream
+    //
+    // A webview's wheel events carry no phase information, so a page can only
+    // guess where a trackpad swipe begins and ends \u2014 typically with an idle
+    // timeout, which mistimes the release and cannot see momentum at all. The
+    // host holds the real NSEvent, so it forwards the phases instead:
+    //
+    //   { axis: 'horizontal' | 'vertical',
+    //     phase: 'begin' | 'change' | 'end',
+    //     deltaX, deltaY,            // points since the last event
+    //     velocityX, velocityY,      // points per second, at 'end'
+    //     momentum: boolean }        // the OS is coasting, not the finger
+    //
+    // Consumers must stay correct when nothing ever arrives: a host without
+    // gesture support simply never emits, so keep the wheel path bound and let
+    // a begin phase take over from it.
+    gestures: {
+      onSwipe: (callback) => on('gesture.swipe', callback),
+    },
+
+    // Native component helpers
+    nativeUI,
+    components: componentAPI
+  });
+
+  // Dispatch ready event
+  window.dispatchEvent(new CustomEvent('craft:ready', { detail: { isCraft: isCraft() } }));
+
+  if (config.debug) {
+    console.log('[Craft Bridge] Initialized, isCraft:', isCraft());
+  }
+})();
+</script>
+`.replace("debug: false,",`debug: ${U},`).replace("timeout: 30000",`timeout: ${$}`)}function Cq(){return!1}function yq(q,U={}){let $=/@craft(?:\(([\s\S]*?)\))?/g;return q.replace($,(J,W)=>{let K={};if(W)try{K=JSON.parse(W.replace(/'/g,'"'))}catch{try{K=Function(`return ${W}`)()}catch{console.warn(`[stx] Invalid @craft config: ${W}`)}}return D(K)})}function N(q,U={}){if(q.includes("__craftBridgeInitialized"))return q;let $=D(U);if(q.includes("</head>"))return q.replace("</head>",`${$}
+</head>`);if(q.includes("<body"))return q.replace(/(<body[^>]*>)/,`$1
+${$}`);return $+q}var b={button:{nativeType:"craft-button",fallbackTag:"button",fallbackClasses:"craft-button",nativeProps:["variant","size","disabled","loading"]},"text-input":{nativeType:"craft-text-input",fallbackTag:"input",fallbackClasses:"craft-text-input",nativeProps:["placeholder","value","type","disabled","readonly"]},textarea:{nativeType:"craft-textarea",fallbackTag:"textarea",fallbackClasses:"craft-textarea",nativeProps:["placeholder","value","rows","disabled","readonly"]},checkbox:{nativeType:"craft-checkbox",fallbackTag:"input",fallbackClasses:"craft-checkbox",nativeProps:["checked","disabled","label"],render:(q,U)=>{let $=q.checked?"checked":"",J=q.disabled?"disabled":"";return`<label class="craft-checkbox-wrapper">
+        <input type="checkbox" class="craft-checkbox" ${$} ${J}>
+        <span class="craft-checkbox-label">${U||q.label||""}</span>
+      </label>`}},radio:{nativeType:"craft-radio",fallbackTag:"input",fallbackClasses:"craft-radio",nativeProps:["checked","disabled","name","value","label"]},select:{nativeType:"craft-select",fallbackTag:"select",fallbackClasses:"craft-select",nativeProps:["value","disabled","options","placeholder"]},slider:{nativeType:"craft-slider",fallbackTag:"input",fallbackClasses:"craft-slider",nativeProps:["value","min","max","step","disabled"],render:(q,U)=>{let $=q.min??0,J=q.max??100,W=q.step??1,K=q.value??50,Y=q.disabled?"disabled":"";return`<input type="range" class="craft-slider" min="${$}" max="${J}" step="${W}" value="${K}" ${Y}>`}},label:{nativeType:"craft-label",fallbackTag:"span",fallbackClasses:"craft-label",nativeProps:["text","for"]},badge:{nativeType:"craft-badge",fallbackTag:"span",fallbackClasses:"craft-badge",nativeProps:["variant","size"]},avatar:{nativeType:"craft-avatar",fallbackTag:"div",fallbackClasses:"craft-avatar",nativeProps:["src","alt","size","fallback"],render:(q,U)=>{let $=q.size||40,J=q.src,W=String(q.alt||""),K=q.fallback||(W?W.charAt(0).toUpperCase():"?");if(J)return`<img class="craft-avatar" src="${J}" alt="${W}" style="width:${$}px;height:${$}px;border-radius:50%">`;return`<div class="craft-avatar craft-avatar-fallback" style="width:${$}px;height:${$}px;border-radius:50%;display:flex;align-items:center;justify-content:center">${K}</div>`}},progress:{nativeType:"craft-progress",fallbackTag:"div",fallbackClasses:"craft-progress",nativeProps:["value","max","variant"],render:(q,U)=>{let $=Number(q.value)||0,J=Number(q.max)||100;return`<div class="craft-progress"><div class="craft-progress-bar" style="width:${Math.min(100,Math.max(0,$/J*100))}%"></div></div>`}},spinner:{nativeType:"craft-spinner",fallbackTag:"div",fallbackClasses:"craft-spinner",nativeProps:["size"],render:(q,U)=>{let $=q.size||24;return`<div class="craft-spinner" style="width:${$}px;height:${$}px"></div>`}},card:{nativeType:"craft-card",fallbackTag:"div",fallbackClasses:"craft-card",nativeProps:["title","subtitle","variant"]},modal:{nativeType:"craft-modal",fallbackTag:"dialog",fallbackClasses:"craft-modal",nativeProps:["open","title","closable","size"],render:(q,U)=>{let $=q.open?"open":"",J=q.title||"";return`<dialog class="craft-modal" ${$}>
+        <div class="craft-modal-content">
+          ${J?`<div class="craft-modal-header"><h2>${J}</h2></div>`:""}
+          <div class="craft-modal-body">${U}</div>
+        </div>
+      </dialog>`}},tabs:{nativeType:"craft-tabs",fallbackTag:"div",fallbackClasses:"craft-tabs",nativeProps:["activeTab","tabs"]},accordion:{nativeType:"craft-accordion",fallbackTag:"details",fallbackClasses:"craft-accordion",nativeProps:["open","title"],render:(q,U)=>{let $=q.open?"open":"",J=q.title||"Details";return`<details class="craft-accordion" ${$}>
+        <summary class="craft-accordion-header">${J}</summary>
+        <div class="craft-accordion-content">${U}</div>
+      </details>`}},divider:{nativeType:"craft-divider",fallbackTag:"hr",fallbackClasses:"craft-divider",nativeProps:["orientation","variant"]},table:{nativeType:"craft-table",fallbackTag:"table",fallbackClasses:"craft-table",nativeProps:["columns","rows","sortable","selectable"]},list:{nativeType:"craft-list",fallbackTag:"ul",fallbackClasses:"craft-list",nativeProps:["items","selectable"]},tree:{nativeType:"craft-tree",fallbackTag:"div",fallbackClasses:"craft-tree",nativeProps:["nodes","expandable","selectable"]},alert:{nativeType:"craft-alert",fallbackTag:"div",fallbackClasses:"craft-alert",nativeProps:["variant","title","dismissible"],render:(q,U)=>{let $=q.variant||"info",J=q.title||"";return`<div class="craft-alert craft-alert-${$}" role="alert">
+        ${J?`<div class="craft-alert-title">${J}</div>`:""}
+        <div class="craft-alert-content">${U}</div>
+      </div>`}},toast:{nativeType:"craft-toast",fallbackTag:"div",fallbackClasses:"craft-toast",nativeProps:["variant","duration","position"]},tooltip:{nativeType:"craft-tooltip",fallbackTag:"span",fallbackClasses:"craft-tooltip",nativeProps:["content","position"],render:(q,U)=>{let $=q.content||"",J=q.position||"top";return`<span class="craft-tooltip" data-tooltip="${$}" data-position="${J}">${U}</span>`}},menu:{nativeType:"craft-menu",fallbackTag:"nav",fallbackClasses:"craft-menu",nativeProps:["items","orientation"]},breadcrumb:{nativeType:"craft-breadcrumb",fallbackTag:"nav",fallbackClasses:"craft-breadcrumb",nativeProps:["items","separator"]},sidebar:{nativeType:"craft-sidebar",fallbackTag:"aside",fallbackClasses:"craft-sidebar craft-sidebar-tahoe",nativeProps:["id","variant","material","backgroundEffect","allowsVibrancy","materialOpacity","materialDarkOpacity","minWidth","maxWidth","canCollapse","searchPlaceholder","selectedItem","sections","spaces","selectedSpace"],render:r},"sidebar-space":{nativeType:"craft-sidebar-space",fallbackTag:"section",fallbackClasses:"craft-sidebar-space",nativeProps:["id","label","icon","tint"],render:a},"sidebar-section":{nativeType:"craft-sidebar-section",fallbackTag:"section",fallbackClasses:"craft-sidebar-section",nativeProps:["id","title","header"],render:t},"sidebar-item":{nativeType:"craft-sidebar-item",fallbackTag:"button",fallbackClasses:"craft-sidebar-item",nativeProps:["id","label","icon","badge","tintColor"],render:o},pagination:{nativeType:"craft-pagination",fallbackTag:"nav",fallbackClasses:"craft-pagination",nativeProps:["total","page","pageSize"]},"code-editor":{nativeType:"craft-code-editor",fallbackTag:"textarea",fallbackClasses:"craft-code-editor",nativeProps:["value","language","theme","readonly","lineNumbers"]},"file-browser":{nativeType:"craft-file-browser",fallbackTag:"div",fallbackClasses:"craft-file-browser",nativeProps:["path","showHidden","selectable"]},"color-picker":{nativeType:"craft-color-picker",fallbackTag:"input",fallbackClasses:"craft-color-picker",nativeProps:["value","format"],render:(q,U)=>{return`<input type="color" class="craft-color-picker" value="${q.value||"#000000"}">`}},"date-picker":{nativeType:"craft-date-picker",fallbackTag:"input",fallbackClasses:"craft-date-picker",nativeProps:["value","min","max","format"],render:(q,U)=>{let $=q.value||"",J=q.min||"",W=q.max||"";return`<input type="date" class="craft-date-picker" value="${$}" min="${J}" max="${W}">`}},"time-picker":{nativeType:"craft-time-picker",fallbackTag:"input",fallbackClasses:"craft-time-picker",nativeProps:["value","min","max","step"],render:(q,U)=>{return`<input type="time" class="craft-time-picker" value="${q.value||""}">`}}},h=`
+<style id="craft-component-styles">
+/* Craft Component Base Styles */
+.craft-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 16px;
+  border: none;
+  border-radius: 6px;
+  font-family: inherit;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  background: var(--craft-primary, #3b82f6);
+  color: white;
+}
+.craft-button:hover { opacity: 0.9; }
+.craft-button:disabled { opacity: 0.5; cursor: not-allowed; }
+.craft-button-secondary { background: var(--craft-secondary, #6b7280); }
+.craft-button-outline { background: transparent; border: 1px solid currentColor; color: var(--craft-primary, #3b82f6); }
+
+.craft-text-input, .craft-textarea, .craft-select {
+  padding: 8px 12px;
+  border: 1px solid var(--craft-border, #d1d5db);
+  border-radius: 6px;
+  font-family: inherit;
+  font-size: 14px;
+  background: var(--craft-bg, #fff);
+  color: var(--craft-text, #1f2937);
+  transition: border-color 0.2s ease;
+}
+.craft-text-input:focus, .craft-textarea:focus, .craft-select:focus {
+  outline: none;
+  border-color: var(--craft-primary, #3b82f6);
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.craft-checkbox-wrapper {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+}
+.craft-checkbox {
+  width: 18px;
+  height: 18px;
+  cursor: pointer;
+}
+
+.craft-slider {
+  width: 100%;
+  height: 6px;
+  border-radius: 3px;
+  cursor: pointer;
+}
+
+.craft-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: 9999px;
+  font-size: 12px;
+  font-weight: 500;
+  background: var(--craft-primary, #3b82f6);
+  color: white;
+}
+
+.craft-avatar {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--craft-secondary, #6b7280);
+  color: white;
+  font-weight: 600;
+  overflow: hidden;
+}
+.craft-avatar img { width: 100%; height: 100%; object-fit: cover; }
+
+.craft-progress {
+  width: 100%;
+  height: 8px;
+  background: var(--craft-border, #e5e7eb);
+  border-radius: 4px;
+  overflow: hidden;
+}
+.craft-progress-bar {
+  height: 100%;
+  background: var(--craft-primary, #3b82f6);
+  transition: width 0.3s ease;
+}
+
+.craft-spinner {
+  border: 2px solid var(--craft-border, #e5e7eb);
+  border-top-color: var(--craft-primary, #3b82f6);
+  border-radius: 50%;
+  animation: craft-spin 0.8s linear infinite;
+}
+@keyframes craft-spin { to { transform: rotate(360deg); } }
+
+.craft-card {
+  background: var(--craft-bg, #fff);
+  border: 1px solid var(--craft-border, #e5e7eb);
+  border-radius: 8px;
+  padding: 16px;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+
+.craft-modal {
+  border: none;
+  border-radius: 12px;
+  padding: 0;
+  max-width: 90vw;
+  max-height: 90vh;
+  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
+}
+.craft-modal::backdrop { background: rgba(0,0,0,0.5); }
+.craft-modal-header {
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--craft-border, #e5e7eb);
+}
+.craft-modal-header h2 { margin: 0; font-size: 18px; }
+.craft-modal-body { padding: 20px; }
+
+.craft-accordion {
+  border: 1px solid var(--craft-border, #e5e7eb);
+  border-radius: 6px;
+  overflow: hidden;
+}
+.craft-accordion-header {
+  padding: 12px 16px;
+  cursor: pointer;
+  font-weight: 500;
+  background: var(--craft-bg-secondary, #f9fafb);
+}
+.craft-accordion-content { padding: 16px; }
+
+.craft-divider {
+  border: none;
+  border-top: 1px solid var(--craft-border, #e5e7eb);
+  margin: 16px 0;
+}
+
+.craft-alert {
+  padding: 12px 16px;
+  border-radius: 6px;
+  border-left: 4px solid;
+}
+.craft-alert-info { background: #eff6ff; border-color: #3b82f6; color: #1e40af; }
+.craft-alert-success { background: #f0fdf4; border-color: #22c55e; color: #166534; }
+.craft-alert-warning { background: #fffbeb; border-color: #f59e0b; color: #92400e; }
+.craft-alert-error { background: #fef2f2; border-color: #ef4444; color: #991b1b; }
+.craft-alert-title { font-weight: 600; margin-bottom: 4px; }
+
+.craft-tooltip {
+  position: relative;
+  cursor: help;
+}
+.craft-tooltip::after {
+  content: attr(data-tooltip);
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  padding: 4px 8px;
+  background: #1f2937;
+  color: white;
+  font-size: 12px;
+  border-radius: 4px;
+  white-space: nowrap;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s;
+}
+.craft-tooltip:hover::after { opacity: 1; }
+
+.craft-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.craft-table th, .craft-table td {
+  padding: 12px;
+  text-align: left;
+  border-bottom: 1px solid var(--craft-border, #e5e7eb);
+}
+.craft-table th { font-weight: 600; background: var(--craft-bg-secondary, #f9fafb); }
+
+.craft-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.craft-list li {
+  padding: 12px;
+  border-bottom: 1px solid var(--craft-border, #e5e7eb);
+}
+.craft-list li:last-child { border-bottom: none; }
+
+.craft-sidebar {
+  --craft-sidebar-width: 286px;
+  --craft-sidebar-bg: rgba(255, 255, 255, 0.68);
+  --craft-sidebar-border: rgba(255, 255, 255, 0.62);
+  --craft-sidebar-shadow: 0 24px 70px rgba(15, 23, 42, 0.22), 0 1px 0 rgba(255, 255, 255, 0.72) inset;
+  --craft-sidebar-text: rgba(24, 24, 27, 0.86);
+  --craft-sidebar-muted: rgba(63, 63, 70, 0.62);
+  --craft-sidebar-hover: rgba(255, 255, 255, 0.42);
+  --craft-sidebar-selected: rgba(10, 132, 255, 0.86);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: var(--craft-sidebar-width);
+  min-width: var(--craft-sidebar-width);
+  height: 100vh;
+  padding: 58px 10px 12px;
+  color: var(--craft-sidebar-text);
+  background:
+    linear-gradient(135deg, rgba(255,255,255,0.28), rgba(255,255,255,0.08)),
+    var(--craft-sidebar-bg);
+  border: 1px solid var(--craft-sidebar-border);
+  border-radius: 18px;
+  box-shadow: var(--craft-sidebar-shadow);
+  backdrop-filter: blur(34px) saturate(180%);
+  -webkit-backdrop-filter: blur(34px) saturate(180%);
+  overflow: hidden;
+  user-select: none;
+}
+.craft-sidebar::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background:
+    radial-gradient(circle at 18% 0%, rgba(255,255,255,0.68), transparent 32%),
+    linear-gradient(100deg, transparent 0%, rgba(255,255,255,0.30) 42%, transparent 58%);
+  mix-blend-mode: screen;
+  opacity: 0.72;
+}
+.craft-sidebar[data-native-active="true"] { display: none; }
+.craft-sidebar-search {
+  position: relative;
+  z-index: 1;
+  margin: 0 0 12px;
+}
+.craft-sidebar-search input {
+  width: 100%;
+  min-height: 28px;
+  padding: 5px 10px;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.34);
+  color: inherit;
+  font: inherit;
+  font-size: 13px;
+  outline: none;
+}
+.craft-sidebar-section {
+  position: relative;
+  z-index: 1;
+  margin: 0 0 14px;
+}
+.craft-sidebar-section-title {
+  padding: 0 8px 5px;
+  color: var(--craft-sidebar-muted);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+.craft-sidebar-item {
+  width: calc(100% - 4px);
+  min-height: 28px;
+  margin: 1px 2px;
+  padding: 5px 8px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 13px;
+  text-align: left;
+  cursor: default;
+}
+.craft-sidebar-item:hover { background: var(--craft-sidebar-hover); }
+.craft-sidebar-item[data-selected="true"] {
+  color: white;
+  background: var(--craft-sidebar-selected);
+  box-shadow: 0 1px 0 rgba(255,255,255,0.22) inset, 0 8px 18px rgba(10, 132, 255, 0.22);
+}
+.craft-sidebar-item-icon {
+  position: relative;
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  min-width: 16px;
+  opacity: 0.82;
+  overflow: hidden;
+  color: transparent;
+}
+.craft-sidebar-item-icon::before {
+  content: "";
+  position: absolute;
+  inset: 2px;
+  border-radius: 4px;
+  background: var(--craft-sidebar-icon-color, rgba(63, 63, 70, 0.62));
+  box-shadow: 0 1px 0 rgba(255,255,255,0.24) inset;
+}
+.craft-sidebar-item-icon[data-icon*="circle"]::before {
+  inset: 4px;
+  border-radius: 999px;
+}
+.craft-sidebar-item[data-selected="true"] .craft-sidebar-item-icon::before {
+  background: rgba(255, 255, 255, 0.9);
+}
+.craft-sidebar-item-label {
+  flex: 1;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.craft-sidebar-item-badge {
+  min-width: 18px;
+  padding: 1px 6px;
+  border-radius: 999px;
+  background: rgba(0, 0, 0, 0.08);
+  color: var(--craft-sidebar-muted);
+  font-size: 10px;
+  font-weight: 700;
+  text-align: center;
+}
+.craft-sidebar-item[data-selected="true"] .craft-sidebar-item-badge {
+  color: white;
+  background: rgba(255, 255, 255, 0.24);
+}
+
+/* Spaces fallback. Stacked in document order behind a rail \u2014 legible without
+   a native host, and deliberately not a second swipe implementation. */
+.craft-sidebar-spaces {
+  position: relative;
+  z-index: 1;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+.craft-sidebar-space-title {
+  padding: 10px 8px 4px;
+  font-size: 13px;
+  font-weight: 600;
+}
+.craft-sidebar-space-switcher {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: 1px;
+  padding-top: 6px;
+}
+.craft-sidebar-space-tab {
+  display: grid;
+  place-items: center;
+  width: 28px;
+  height: 26px;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 11px;
+  font-weight: 700;
+  opacity: 0.4;
+  cursor: default;
+}
+.craft-sidebar-space-tab[data-selected="true"] {
+  opacity: 1;
+  background: rgba(255, 255, 255, 0.55);
+}
+
+.craft-code-editor {
+  font-family: 'SF Mono', 'Fira Code', monospace;
+  font-size: 13px;
+  line-height: 1.5;
+  padding: 12px;
+  background: #1e1e1e;
+  color: #d4d4d4;
+  border-radius: 6px;
+  resize: vertical;
+}
+
+/* Dark mode support */
+@media (prefers-color-scheme: dark) {
+  .craft-text-input, .craft-textarea, .craft-select, .craft-card {
+    background: #1f2937;
+    color: #f3f4f6;
+    border-color: #374151;
+  }
+  .craft-modal {
+    background: #1f2937;
+    color: #f3f4f6;
+  }
+  .craft-accordion-header { background: #374151; }
+  .craft-table th { background: #374151; }
+  .craft-sidebar {
+    --craft-sidebar-bg: rgba(24, 24, 27, 0.58);
+    --craft-sidebar-border: rgba(255, 255, 255, 0.12);
+    --craft-sidebar-shadow: 0 26px 74px rgba(0, 0, 0, 0.44), 0 1px 0 rgba(255, 255, 255, 0.11) inset;
+    --craft-sidebar-text: rgba(244, 244, 245, 0.92);
+    --craft-sidebar-muted: rgba(212, 212, 216, 0.58);
+    --craft-sidebar-hover: rgba(255, 255, 255, 0.10);
+  }
+  .craft-sidebar-search input {
+    border-color: rgba(255,255,255,0.08);
+    background: rgba(255,255,255,0.08);
+  }
+}
+</style>
+`,bq=`
+<script id="craft-component-runtime">
+(function() {
+  if (window.__stxCraftComponentRuntime) return;
+  window.__stxCraftComponentRuntime = true;
+
+  function parseConfig(sidebar) {
+    var id = sidebar.getAttribute('data-craft-sidebar-id');
+    var script = id && document.querySelector('script[data-craft-sidebar-config="' + id + '"]');
+    if (!script) return null;
+    try {
+      return JSON.parse(script.textContent || '{}');
+    } catch (error) {
+      console.warn('[stx] Invalid Craft sidebar config', error);
+      return null;
+    }
+  }
+
+  function getNativeUI() {
+    if (!window.craft) return null;
+    var hasNativeHost = window.craft.isCraft?.() ||
+      !!(window.webkit?.messageHandlers?.craft || window.CraftBridge || window.craftIPC);
+    if (!hasNativeHost) return null;
+    return window.craft.nativeUI || window.craft.components;
+  }
+
+  function initializeSidebar(sidebar) {
+    if (sidebar.dataset.craftInitialized === 'true') return;
+    if (sidebar.dataset.native === 'false') return;
+
+    var nativeUI = getNativeUI();
+    if (!nativeUI || typeof nativeUI.createSidebar !== 'function') return;
+
+    var config = parseConfig(sidebar);
+    if (!config) return;
+
+    var hasSpaces = !!(config.spaces && config.spaces.length);
+    // Spaces need a host that can swipe between whole scenes. Falling back to
+    // createSidebar would flatten every space into one list, which is worse
+    // than the web rendering already on the page \u2014 so leave that in place.
+    if (hasSpaces && typeof nativeUI.createSpacesSidebar !== 'function') return;
+
+    try {
+      var nativeConfig = Object.assign({}, config);
+      delete nativeConfig.sections;
+      delete nativeConfig.spaces;
+
+      var nativeSidebar = hasSpaces
+        ? nativeUI.createSpacesSidebar(nativeConfig)
+        : nativeUI.createSidebar(nativeConfig);
+
+      if (nativeSidebar && hasSpaces && nativeSidebar.setSpaces) {
+        nativeSidebar.setSpaces(config.spaces);
+      }
+      if (nativeSidebar && hasSpaces && config.selectedSpace && nativeSidebar.setActiveSpace) {
+        nativeSidebar.setActiveSpace(config.selectedSpace);
+      }
+      if (nativeSidebar && hasSpaces && nativeSidebar.onSpaceChange) {
+        nativeSidebar.onSpaceChange(function(spaceId) {
+          sidebar.dispatchEvent(new CustomEvent('craft-sidebar:space', {
+            bubbles: true,
+            detail: { spaceId: spaceId, sidebarId: config.id }
+          }));
+        });
+      }
+      if (nativeSidebar && !hasSpaces && config.sections) {
+        config.sections.forEach(function(section) {
+          if (nativeSidebar.addSection) nativeSidebar.addSection(section);
+        });
+      }
+      if (nativeSidebar && config.selectedItem && nativeSidebar.setSelectedItem) {
+        nativeSidebar.setSelectedItem(config.selectedItem);
+      }
+      if (nativeSidebar && nativeSidebar.onSelect) {
+        nativeSidebar.onSelect(function(itemId) {
+          sidebar.dispatchEvent(new CustomEvent('craft-sidebar:select', {
+            bubbles: true,
+            detail: { itemId: itemId, sidebarId: config.id }
+          }));
+        });
+      }
+      sidebar.dataset.craftInitialized = 'true';
+      sidebar.dataset.nativeActive = 'true';
+      window.__stxCraftNativeSidebars = window.__stxCraftNativeSidebars || {};
+      window.__stxCraftNativeSidebars[config.id] = nativeSidebar;
+    } catch (error) {
+      sidebar.dataset.nativeError = error.message || 'unknown';
+      console.warn('[stx] Failed to create native Craft sidebar', error);
+    }
+  }
+
+  function initializeCraftComponents() {
+    document.querySelectorAll('[data-craft-native-sidebar]').forEach(initializeSidebar);
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initializeCraftComponents);
+  } else {
+    initializeCraftComponents();
+  }
+  window.addEventListener('craft:ready', initializeCraftComponents);
+  document.addEventListener('craft:nativeui:ready', initializeCraftComponents);
+})();
+</script>
+`;function u(q,U={}){let{classPrefix:$="craft"}=U;if(!q.includes("craft-component-styles"))if(q.includes("</head>"))q=q.replace("</head>",`${`
+<style id="craft-component-styles">
+/* Craft Component Base Styles */
+.craft-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 16px;
+  border: none;
+  border-radius: 6px;
+  font-family: inherit;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  background: var(--craft-primary, #3b82f6);
+  color: white;
+}
+.craft-button:hover { opacity: 0.9; }
+.craft-button:disabled { opacity: 0.5; cursor: not-allowed; }
+.craft-button-secondary { background: var(--craft-secondary, #6b7280); }
+.craft-button-outline { background: transparent; border: 1px solid currentColor; color: var(--craft-primary, #3b82f6); }
+
+.craft-text-input, .craft-textarea, .craft-select {
+  padding: 8px 12px;
+  border: 1px solid var(--craft-border, #d1d5db);
+  border-radius: 6px;
+  font-family: inherit;
+  font-size: 14px;
+  background: var(--craft-bg, #fff);
+  color: var(--craft-text, #1f2937);
+  transition: border-color 0.2s ease;
+}
+.craft-text-input:focus, .craft-textarea:focus, .craft-select:focus {
+  outline: none;
+  border-color: var(--craft-primary, #3b82f6);
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.craft-checkbox-wrapper {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+}
+.craft-checkbox {
+  width: 18px;
+  height: 18px;
+  cursor: pointer;
+}
+
+.craft-slider {
+  width: 100%;
+  height: 6px;
+  border-radius: 3px;
+  cursor: pointer;
+}
+
+.craft-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: 9999px;
+  font-size: 12px;
+  font-weight: 500;
+  background: var(--craft-primary, #3b82f6);
+  color: white;
+}
+
+.craft-avatar {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--craft-secondary, #6b7280);
+  color: white;
+  font-weight: 600;
+  overflow: hidden;
+}
+.craft-avatar img { width: 100%; height: 100%; object-fit: cover; }
+
+.craft-progress {
+  width: 100%;
+  height: 8px;
+  background: var(--craft-border, #e5e7eb);
+  border-radius: 4px;
+  overflow: hidden;
+}
+.craft-progress-bar {
+  height: 100%;
+  background: var(--craft-primary, #3b82f6);
+  transition: width 0.3s ease;
+}
+
+.craft-spinner {
+  border: 2px solid var(--craft-border, #e5e7eb);
+  border-top-color: var(--craft-primary, #3b82f6);
+  border-radius: 50%;
+  animation: craft-spin 0.8s linear infinite;
+}
+@keyframes craft-spin { to { transform: rotate(360deg); } }
+
+.craft-card {
+  background: var(--craft-bg, #fff);
+  border: 1px solid var(--craft-border, #e5e7eb);
+  border-radius: 8px;
+  padding: 16px;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+
+.craft-modal {
+  border: none;
+  border-radius: 12px;
+  padding: 0;
+  max-width: 90vw;
+  max-height: 90vh;
+  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
+}
+.craft-modal::backdrop { background: rgba(0,0,0,0.5); }
+.craft-modal-header {
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--craft-border, #e5e7eb);
+}
+.craft-modal-header h2 { margin: 0; font-size: 18px; }
+.craft-modal-body { padding: 20px; }
+
+.craft-accordion {
+  border: 1px solid var(--craft-border, #e5e7eb);
+  border-radius: 6px;
+  overflow: hidden;
+}
+.craft-accordion-header {
+  padding: 12px 16px;
+  cursor: pointer;
+  font-weight: 500;
+  background: var(--craft-bg-secondary, #f9fafb);
+}
+.craft-accordion-content { padding: 16px; }
+
+.craft-divider {
+  border: none;
+  border-top: 1px solid var(--craft-border, #e5e7eb);
+  margin: 16px 0;
+}
+
+.craft-alert {
+  padding: 12px 16px;
+  border-radius: 6px;
+  border-left: 4px solid;
+}
+.craft-alert-info { background: #eff6ff; border-color: #3b82f6; color: #1e40af; }
+.craft-alert-success { background: #f0fdf4; border-color: #22c55e; color: #166534; }
+.craft-alert-warning { background: #fffbeb; border-color: #f59e0b; color: #92400e; }
+.craft-alert-error { background: #fef2f2; border-color: #ef4444; color: #991b1b; }
+.craft-alert-title { font-weight: 600; margin-bottom: 4px; }
+
+.craft-tooltip {
+  position: relative;
+  cursor: help;
+}
+.craft-tooltip::after {
+  content: attr(data-tooltip);
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  padding: 4px 8px;
+  background: #1f2937;
+  color: white;
+  font-size: 12px;
+  border-radius: 4px;
+  white-space: nowrap;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s;
+}
+.craft-tooltip:hover::after { opacity: 1; }
+
+.craft-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.craft-table th, .craft-table td {
+  padding: 12px;
+  text-align: left;
+  border-bottom: 1px solid var(--craft-border, #e5e7eb);
+}
+.craft-table th { font-weight: 600; background: var(--craft-bg-secondary, #f9fafb); }
+
+.craft-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.craft-list li {
+  padding: 12px;
+  border-bottom: 1px solid var(--craft-border, #e5e7eb);
+}
+.craft-list li:last-child { border-bottom: none; }
+
+.craft-sidebar {
+  --craft-sidebar-width: 286px;
+  --craft-sidebar-bg: rgba(255, 255, 255, 0.68);
+  --craft-sidebar-border: rgba(255, 255, 255, 0.62);
+  --craft-sidebar-shadow: 0 24px 70px rgba(15, 23, 42, 0.22), 0 1px 0 rgba(255, 255, 255, 0.72) inset;
+  --craft-sidebar-text: rgba(24, 24, 27, 0.86);
+  --craft-sidebar-muted: rgba(63, 63, 70, 0.62);
+  --craft-sidebar-hover: rgba(255, 255, 255, 0.42);
+  --craft-sidebar-selected: rgba(10, 132, 255, 0.86);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: var(--craft-sidebar-width);
+  min-width: var(--craft-sidebar-width);
+  height: 100vh;
+  padding: 58px 10px 12px;
+  color: var(--craft-sidebar-text);
+  background:
+    linear-gradient(135deg, rgba(255,255,255,0.28), rgba(255,255,255,0.08)),
+    var(--craft-sidebar-bg);
+  border: 1px solid var(--craft-sidebar-border);
+  border-radius: 18px;
+  box-shadow: var(--craft-sidebar-shadow);
+  backdrop-filter: blur(34px) saturate(180%);
+  -webkit-backdrop-filter: blur(34px) saturate(180%);
+  overflow: hidden;
+  user-select: none;
+}
+.craft-sidebar::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background:
+    radial-gradient(circle at 18% 0%, rgba(255,255,255,0.68), transparent 32%),
+    linear-gradient(100deg, transparent 0%, rgba(255,255,255,0.30) 42%, transparent 58%);
+  mix-blend-mode: screen;
+  opacity: 0.72;
+}
+.craft-sidebar[data-native-active="true"] { display: none; }
+.craft-sidebar-search {
+  position: relative;
+  z-index: 1;
+  margin: 0 0 12px;
+}
+.craft-sidebar-search input {
+  width: 100%;
+  min-height: 28px;
+  padding: 5px 10px;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.34);
+  color: inherit;
+  font: inherit;
+  font-size: 13px;
+  outline: none;
+}
+.craft-sidebar-section {
+  position: relative;
+  z-index: 1;
+  margin: 0 0 14px;
+}
+.craft-sidebar-section-title {
+  padding: 0 8px 5px;
+  color: var(--craft-sidebar-muted);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+.craft-sidebar-item {
+  width: calc(100% - 4px);
+  min-height: 28px;
+  margin: 1px 2px;
+  padding: 5px 8px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 13px;
+  text-align: left;
+  cursor: default;
+}
+.craft-sidebar-item:hover { background: var(--craft-sidebar-hover); }
+.craft-sidebar-item[data-selected="true"] {
+  color: white;
+  background: var(--craft-sidebar-selected);
+  box-shadow: 0 1px 0 rgba(255,255,255,0.22) inset, 0 8px 18px rgba(10, 132, 255, 0.22);
+}
+.craft-sidebar-item-icon {
+  position: relative;
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  min-width: 16px;
+  opacity: 0.82;
+  overflow: hidden;
+  color: transparent;
+}
+.craft-sidebar-item-icon::before {
+  content: "";
+  position: absolute;
+  inset: 2px;
+  border-radius: 4px;
+  background: var(--craft-sidebar-icon-color, rgba(63, 63, 70, 0.62));
+  box-shadow: 0 1px 0 rgba(255,255,255,0.24) inset;
+}
+.craft-sidebar-item-icon[data-icon*="circle"]::before {
+  inset: 4px;
+  border-radius: 999px;
+}
+.craft-sidebar-item[data-selected="true"] .craft-sidebar-item-icon::before {
+  background: rgba(255, 255, 255, 0.9);
+}
+.craft-sidebar-item-label {
+  flex: 1;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.craft-sidebar-item-badge {
+  min-width: 18px;
+  padding: 1px 6px;
+  border-radius: 999px;
+  background: rgba(0, 0, 0, 0.08);
+  color: var(--craft-sidebar-muted);
+  font-size: 10px;
+  font-weight: 700;
+  text-align: center;
+}
+.craft-sidebar-item[data-selected="true"] .craft-sidebar-item-badge {
+  color: white;
+  background: rgba(255, 255, 255, 0.24);
+}
+
+/* Spaces fallback. Stacked in document order behind a rail \u2014 legible without
+   a native host, and deliberately not a second swipe implementation. */
+.craft-sidebar-spaces {
+  position: relative;
+  z-index: 1;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+.craft-sidebar-space-title {
+  padding: 10px 8px 4px;
+  font-size: 13px;
+  font-weight: 600;
+}
+.craft-sidebar-space-switcher {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: 1px;
+  padding-top: 6px;
+}
+.craft-sidebar-space-tab {
+  display: grid;
+  place-items: center;
+  width: 28px;
+  height: 26px;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 11px;
+  font-weight: 700;
+  opacity: 0.4;
+  cursor: default;
+}
+.craft-sidebar-space-tab[data-selected="true"] {
+  opacity: 1;
+  background: rgba(255, 255, 255, 0.55);
+}
+
+.craft-code-editor {
+  font-family: 'SF Mono', 'Fira Code', monospace;
+  font-size: 13px;
+  line-height: 1.5;
+  padding: 12px;
+  background: #1e1e1e;
+  color: #d4d4d4;
+  border-radius: 6px;
+  resize: vertical;
+}
+
+/* Dark mode support */
+@media (prefers-color-scheme: dark) {
+  .craft-text-input, .craft-textarea, .craft-select, .craft-card {
+    background: #1f2937;
+    color: #f3f4f6;
+    border-color: #374151;
+  }
+  .craft-modal {
+    background: #1f2937;
+    color: #f3f4f6;
+  }
+  .craft-accordion-header { background: #374151; }
+  .craft-table th { background: #374151; }
+  .craft-sidebar {
+    --craft-sidebar-bg: rgba(24, 24, 27, 0.58);
+    --craft-sidebar-border: rgba(255, 255, 255, 0.12);
+    --craft-sidebar-shadow: 0 26px 74px rgba(0, 0, 0, 0.44), 0 1px 0 rgba(255, 255, 255, 0.11) inset;
+    --craft-sidebar-text: rgba(244, 244, 245, 0.92);
+    --craft-sidebar-muted: rgba(212, 212, 216, 0.58);
+    --craft-sidebar-hover: rgba(255, 255, 255, 0.10);
+  }
+  .craft-sidebar-search input {
+    border-color: rgba(255,255,255,0.08);
+    background: rgba(255,255,255,0.08);
+  }
+}
+</style>
+`}
+</head>`);else if(q.includes("<style>"))q=q.replace("<style>",`${`
+<style id="craft-component-styles">
+/* Craft Component Base Styles */
+.craft-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 16px;
+  border: none;
+  border-radius: 6px;
+  font-family: inherit;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  background: var(--craft-primary, #3b82f6);
+  color: white;
+}
+.craft-button:hover { opacity: 0.9; }
+.craft-button:disabled { opacity: 0.5; cursor: not-allowed; }
+.craft-button-secondary { background: var(--craft-secondary, #6b7280); }
+.craft-button-outline { background: transparent; border: 1px solid currentColor; color: var(--craft-primary, #3b82f6); }
+
+.craft-text-input, .craft-textarea, .craft-select {
+  padding: 8px 12px;
+  border: 1px solid var(--craft-border, #d1d5db);
+  border-radius: 6px;
+  font-family: inherit;
+  font-size: 14px;
+  background: var(--craft-bg, #fff);
+  color: var(--craft-text, #1f2937);
+  transition: border-color 0.2s ease;
+}
+.craft-text-input:focus, .craft-textarea:focus, .craft-select:focus {
+  outline: none;
+  border-color: var(--craft-primary, #3b82f6);
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.craft-checkbox-wrapper {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+}
+.craft-checkbox {
+  width: 18px;
+  height: 18px;
+  cursor: pointer;
+}
+
+.craft-slider {
+  width: 100%;
+  height: 6px;
+  border-radius: 3px;
+  cursor: pointer;
+}
+
+.craft-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: 9999px;
+  font-size: 12px;
+  font-weight: 500;
+  background: var(--craft-primary, #3b82f6);
+  color: white;
+}
+
+.craft-avatar {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--craft-secondary, #6b7280);
+  color: white;
+  font-weight: 600;
+  overflow: hidden;
+}
+.craft-avatar img { width: 100%; height: 100%; object-fit: cover; }
+
+.craft-progress {
+  width: 100%;
+  height: 8px;
+  background: var(--craft-border, #e5e7eb);
+  border-radius: 4px;
+  overflow: hidden;
+}
+.craft-progress-bar {
+  height: 100%;
+  background: var(--craft-primary, #3b82f6);
+  transition: width 0.3s ease;
+}
+
+.craft-spinner {
+  border: 2px solid var(--craft-border, #e5e7eb);
+  border-top-color: var(--craft-primary, #3b82f6);
+  border-radius: 50%;
+  animation: craft-spin 0.8s linear infinite;
+}
+@keyframes craft-spin { to { transform: rotate(360deg); } }
+
+.craft-card {
+  background: var(--craft-bg, #fff);
+  border: 1px solid var(--craft-border, #e5e7eb);
+  border-radius: 8px;
+  padding: 16px;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+
+.craft-modal {
+  border: none;
+  border-radius: 12px;
+  padding: 0;
+  max-width: 90vw;
+  max-height: 90vh;
+  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
+}
+.craft-modal::backdrop { background: rgba(0,0,0,0.5); }
+.craft-modal-header {
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--craft-border, #e5e7eb);
+}
+.craft-modal-header h2 { margin: 0; font-size: 18px; }
+.craft-modal-body { padding: 20px; }
+
+.craft-accordion {
+  border: 1px solid var(--craft-border, #e5e7eb);
+  border-radius: 6px;
+  overflow: hidden;
+}
+.craft-accordion-header {
+  padding: 12px 16px;
+  cursor: pointer;
+  font-weight: 500;
+  background: var(--craft-bg-secondary, #f9fafb);
+}
+.craft-accordion-content { padding: 16px; }
+
+.craft-divider {
+  border: none;
+  border-top: 1px solid var(--craft-border, #e5e7eb);
+  margin: 16px 0;
+}
+
+.craft-alert {
+  padding: 12px 16px;
+  border-radius: 6px;
+  border-left: 4px solid;
+}
+.craft-alert-info { background: #eff6ff; border-color: #3b82f6; color: #1e40af; }
+.craft-alert-success { background: #f0fdf4; border-color: #22c55e; color: #166534; }
+.craft-alert-warning { background: #fffbeb; border-color: #f59e0b; color: #92400e; }
+.craft-alert-error { background: #fef2f2; border-color: #ef4444; color: #991b1b; }
+.craft-alert-title { font-weight: 600; margin-bottom: 4px; }
+
+.craft-tooltip {
+  position: relative;
+  cursor: help;
+}
+.craft-tooltip::after {
+  content: attr(data-tooltip);
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  padding: 4px 8px;
+  background: #1f2937;
+  color: white;
+  font-size: 12px;
+  border-radius: 4px;
+  white-space: nowrap;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s;
+}
+.craft-tooltip:hover::after { opacity: 1; }
+
+.craft-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.craft-table th, .craft-table td {
+  padding: 12px;
+  text-align: left;
+  border-bottom: 1px solid var(--craft-border, #e5e7eb);
+}
+.craft-table th { font-weight: 600; background: var(--craft-bg-secondary, #f9fafb); }
+
+.craft-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.craft-list li {
+  padding: 12px;
+  border-bottom: 1px solid var(--craft-border, #e5e7eb);
+}
+.craft-list li:last-child { border-bottom: none; }
+
+.craft-sidebar {
+  --craft-sidebar-width: 286px;
+  --craft-sidebar-bg: rgba(255, 255, 255, 0.68);
+  --craft-sidebar-border: rgba(255, 255, 255, 0.62);
+  --craft-sidebar-shadow: 0 24px 70px rgba(15, 23, 42, 0.22), 0 1px 0 rgba(255, 255, 255, 0.72) inset;
+  --craft-sidebar-text: rgba(24, 24, 27, 0.86);
+  --craft-sidebar-muted: rgba(63, 63, 70, 0.62);
+  --craft-sidebar-hover: rgba(255, 255, 255, 0.42);
+  --craft-sidebar-selected: rgba(10, 132, 255, 0.86);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: var(--craft-sidebar-width);
+  min-width: var(--craft-sidebar-width);
+  height: 100vh;
+  padding: 58px 10px 12px;
+  color: var(--craft-sidebar-text);
+  background:
+    linear-gradient(135deg, rgba(255,255,255,0.28), rgba(255,255,255,0.08)),
+    var(--craft-sidebar-bg);
+  border: 1px solid var(--craft-sidebar-border);
+  border-radius: 18px;
+  box-shadow: var(--craft-sidebar-shadow);
+  backdrop-filter: blur(34px) saturate(180%);
+  -webkit-backdrop-filter: blur(34px) saturate(180%);
+  overflow: hidden;
+  user-select: none;
+}
+.craft-sidebar::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background:
+    radial-gradient(circle at 18% 0%, rgba(255,255,255,0.68), transparent 32%),
+    linear-gradient(100deg, transparent 0%, rgba(255,255,255,0.30) 42%, transparent 58%);
+  mix-blend-mode: screen;
+  opacity: 0.72;
+}
+.craft-sidebar[data-native-active="true"] { display: none; }
+.craft-sidebar-search {
+  position: relative;
+  z-index: 1;
+  margin: 0 0 12px;
+}
+.craft-sidebar-search input {
+  width: 100%;
+  min-height: 28px;
+  padding: 5px 10px;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.34);
+  color: inherit;
+  font: inherit;
+  font-size: 13px;
+  outline: none;
+}
+.craft-sidebar-section {
+  position: relative;
+  z-index: 1;
+  margin: 0 0 14px;
+}
+.craft-sidebar-section-title {
+  padding: 0 8px 5px;
+  color: var(--craft-sidebar-muted);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+.craft-sidebar-item {
+  width: calc(100% - 4px);
+  min-height: 28px;
+  margin: 1px 2px;
+  padding: 5px 8px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 13px;
+  text-align: left;
+  cursor: default;
+}
+.craft-sidebar-item:hover { background: var(--craft-sidebar-hover); }
+.craft-sidebar-item[data-selected="true"] {
+  color: white;
+  background: var(--craft-sidebar-selected);
+  box-shadow: 0 1px 0 rgba(255,255,255,0.22) inset, 0 8px 18px rgba(10, 132, 255, 0.22);
+}
+.craft-sidebar-item-icon {
+  position: relative;
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  min-width: 16px;
+  opacity: 0.82;
+  overflow: hidden;
+  color: transparent;
+}
+.craft-sidebar-item-icon::before {
+  content: "";
+  position: absolute;
+  inset: 2px;
+  border-radius: 4px;
+  background: var(--craft-sidebar-icon-color, rgba(63, 63, 70, 0.62));
+  box-shadow: 0 1px 0 rgba(255,255,255,0.24) inset;
+}
+.craft-sidebar-item-icon[data-icon*="circle"]::before {
+  inset: 4px;
+  border-radius: 999px;
+}
+.craft-sidebar-item[data-selected="true"] .craft-sidebar-item-icon::before {
+  background: rgba(255, 255, 255, 0.9);
+}
+.craft-sidebar-item-label {
+  flex: 1;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.craft-sidebar-item-badge {
+  min-width: 18px;
+  padding: 1px 6px;
+  border-radius: 999px;
+  background: rgba(0, 0, 0, 0.08);
+  color: var(--craft-sidebar-muted);
+  font-size: 10px;
+  font-weight: 700;
+  text-align: center;
+}
+.craft-sidebar-item[data-selected="true"] .craft-sidebar-item-badge {
+  color: white;
+  background: rgba(255, 255, 255, 0.24);
+}
+
+/* Spaces fallback. Stacked in document order behind a rail \u2014 legible without
+   a native host, and deliberately not a second swipe implementation. */
+.craft-sidebar-spaces {
+  position: relative;
+  z-index: 1;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+.craft-sidebar-space-title {
+  padding: 10px 8px 4px;
+  font-size: 13px;
+  font-weight: 600;
+}
+.craft-sidebar-space-switcher {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: 1px;
+  padding-top: 6px;
+}
+.craft-sidebar-space-tab {
+  display: grid;
+  place-items: center;
+  width: 28px;
+  height: 26px;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 11px;
+  font-weight: 700;
+  opacity: 0.4;
+  cursor: default;
+}
+.craft-sidebar-space-tab[data-selected="true"] {
+  opacity: 1;
+  background: rgba(255, 255, 255, 0.55);
+}
+
+.craft-code-editor {
+  font-family: 'SF Mono', 'Fira Code', monospace;
+  font-size: 13px;
+  line-height: 1.5;
+  padding: 12px;
+  background: #1e1e1e;
+  color: #d4d4d4;
+  border-radius: 6px;
+  resize: vertical;
+}
+
+/* Dark mode support */
+@media (prefers-color-scheme: dark) {
+  .craft-text-input, .craft-textarea, .craft-select, .craft-card {
+    background: #1f2937;
+    color: #f3f4f6;
+    border-color: #374151;
+  }
+  .craft-modal {
+    background: #1f2937;
+    color: #f3f4f6;
+  }
+  .craft-accordion-header { background: #374151; }
+  .craft-table th { background: #374151; }
+  .craft-sidebar {
+    --craft-sidebar-bg: rgba(24, 24, 27, 0.58);
+    --craft-sidebar-border: rgba(255, 255, 255, 0.12);
+    --craft-sidebar-shadow: 0 26px 74px rgba(0, 0, 0, 0.44), 0 1px 0 rgba(255, 255, 255, 0.11) inset;
+    --craft-sidebar-text: rgba(244, 244, 245, 0.92);
+    --craft-sidebar-muted: rgba(212, 212, 216, 0.58);
+    --craft-sidebar-hover: rgba(255, 255, 255, 0.10);
+  }
+  .craft-sidebar-search input {
+    border-color: rgba(255,255,255,0.08);
+    background: rgba(255,255,255,0.08);
+  }
+}
+</style>
+`}
+<style>`);else q=`
+<style id="craft-component-styles">
+/* Craft Component Base Styles */
+.craft-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 16px;
+  border: none;
+  border-radius: 6px;
+  font-family: inherit;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  background: var(--craft-primary, #3b82f6);
+  color: white;
+}
+.craft-button:hover { opacity: 0.9; }
+.craft-button:disabled { opacity: 0.5; cursor: not-allowed; }
+.craft-button-secondary { background: var(--craft-secondary, #6b7280); }
+.craft-button-outline { background: transparent; border: 1px solid currentColor; color: var(--craft-primary, #3b82f6); }
+
+.craft-text-input, .craft-textarea, .craft-select {
+  padding: 8px 12px;
+  border: 1px solid var(--craft-border, #d1d5db);
+  border-radius: 6px;
+  font-family: inherit;
+  font-size: 14px;
+  background: var(--craft-bg, #fff);
+  color: var(--craft-text, #1f2937);
+  transition: border-color 0.2s ease;
+}
+.craft-text-input:focus, .craft-textarea:focus, .craft-select:focus {
+  outline: none;
+  border-color: var(--craft-primary, #3b82f6);
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.craft-checkbox-wrapper {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+}
+.craft-checkbox {
+  width: 18px;
+  height: 18px;
+  cursor: pointer;
+}
+
+.craft-slider {
+  width: 100%;
+  height: 6px;
+  border-radius: 3px;
+  cursor: pointer;
+}
+
+.craft-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: 9999px;
+  font-size: 12px;
+  font-weight: 500;
+  background: var(--craft-primary, #3b82f6);
+  color: white;
+}
+
+.craft-avatar {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--craft-secondary, #6b7280);
+  color: white;
+  font-weight: 600;
+  overflow: hidden;
+}
+.craft-avatar img { width: 100%; height: 100%; object-fit: cover; }
+
+.craft-progress {
+  width: 100%;
+  height: 8px;
+  background: var(--craft-border, #e5e7eb);
+  border-radius: 4px;
+  overflow: hidden;
+}
+.craft-progress-bar {
+  height: 100%;
+  background: var(--craft-primary, #3b82f6);
+  transition: width 0.3s ease;
+}
+
+.craft-spinner {
+  border: 2px solid var(--craft-border, #e5e7eb);
+  border-top-color: var(--craft-primary, #3b82f6);
+  border-radius: 50%;
+  animation: craft-spin 0.8s linear infinite;
+}
+@keyframes craft-spin { to { transform: rotate(360deg); } }
+
+.craft-card {
+  background: var(--craft-bg, #fff);
+  border: 1px solid var(--craft-border, #e5e7eb);
+  border-radius: 8px;
+  padding: 16px;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+
+.craft-modal {
+  border: none;
+  border-radius: 12px;
+  padding: 0;
+  max-width: 90vw;
+  max-height: 90vh;
+  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
+}
+.craft-modal::backdrop { background: rgba(0,0,0,0.5); }
+.craft-modal-header {
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--craft-border, #e5e7eb);
+}
+.craft-modal-header h2 { margin: 0; font-size: 18px; }
+.craft-modal-body { padding: 20px; }
+
+.craft-accordion {
+  border: 1px solid var(--craft-border, #e5e7eb);
+  border-radius: 6px;
+  overflow: hidden;
+}
+.craft-accordion-header {
+  padding: 12px 16px;
+  cursor: pointer;
+  font-weight: 500;
+  background: var(--craft-bg-secondary, #f9fafb);
+}
+.craft-accordion-content { padding: 16px; }
+
+.craft-divider {
+  border: none;
+  border-top: 1px solid var(--craft-border, #e5e7eb);
+  margin: 16px 0;
+}
+
+.craft-alert {
+  padding: 12px 16px;
+  border-radius: 6px;
+  border-left: 4px solid;
+}
+.craft-alert-info { background: #eff6ff; border-color: #3b82f6; color: #1e40af; }
+.craft-alert-success { background: #f0fdf4; border-color: #22c55e; color: #166534; }
+.craft-alert-warning { background: #fffbeb; border-color: #f59e0b; color: #92400e; }
+.craft-alert-error { background: #fef2f2; border-color: #ef4444; color: #991b1b; }
+.craft-alert-title { font-weight: 600; margin-bottom: 4px; }
+
+.craft-tooltip {
+  position: relative;
+  cursor: help;
+}
+.craft-tooltip::after {
+  content: attr(data-tooltip);
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  padding: 4px 8px;
+  background: #1f2937;
+  color: white;
+  font-size: 12px;
+  border-radius: 4px;
+  white-space: nowrap;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s;
+}
+.craft-tooltip:hover::after { opacity: 1; }
+
+.craft-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.craft-table th, .craft-table td {
+  padding: 12px;
+  text-align: left;
+  border-bottom: 1px solid var(--craft-border, #e5e7eb);
+}
+.craft-table th { font-weight: 600; background: var(--craft-bg-secondary, #f9fafb); }
+
+.craft-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.craft-list li {
+  padding: 12px;
+  border-bottom: 1px solid var(--craft-border, #e5e7eb);
+}
+.craft-list li:last-child { border-bottom: none; }
+
+.craft-sidebar {
+  --craft-sidebar-width: 286px;
+  --craft-sidebar-bg: rgba(255, 255, 255, 0.68);
+  --craft-sidebar-border: rgba(255, 255, 255, 0.62);
+  --craft-sidebar-shadow: 0 24px 70px rgba(15, 23, 42, 0.22), 0 1px 0 rgba(255, 255, 255, 0.72) inset;
+  --craft-sidebar-text: rgba(24, 24, 27, 0.86);
+  --craft-sidebar-muted: rgba(63, 63, 70, 0.62);
+  --craft-sidebar-hover: rgba(255, 255, 255, 0.42);
+  --craft-sidebar-selected: rgba(10, 132, 255, 0.86);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: var(--craft-sidebar-width);
+  min-width: var(--craft-sidebar-width);
+  height: 100vh;
+  padding: 58px 10px 12px;
+  color: var(--craft-sidebar-text);
+  background:
+    linear-gradient(135deg, rgba(255,255,255,0.28), rgba(255,255,255,0.08)),
+    var(--craft-sidebar-bg);
+  border: 1px solid var(--craft-sidebar-border);
+  border-radius: 18px;
+  box-shadow: var(--craft-sidebar-shadow);
+  backdrop-filter: blur(34px) saturate(180%);
+  -webkit-backdrop-filter: blur(34px) saturate(180%);
+  overflow: hidden;
+  user-select: none;
+}
+.craft-sidebar::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background:
+    radial-gradient(circle at 18% 0%, rgba(255,255,255,0.68), transparent 32%),
+    linear-gradient(100deg, transparent 0%, rgba(255,255,255,0.30) 42%, transparent 58%);
+  mix-blend-mode: screen;
+  opacity: 0.72;
+}
+.craft-sidebar[data-native-active="true"] { display: none; }
+.craft-sidebar-search {
+  position: relative;
+  z-index: 1;
+  margin: 0 0 12px;
+}
+.craft-sidebar-search input {
+  width: 100%;
+  min-height: 28px;
+  padding: 5px 10px;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.34);
+  color: inherit;
+  font: inherit;
+  font-size: 13px;
+  outline: none;
+}
+.craft-sidebar-section {
+  position: relative;
+  z-index: 1;
+  margin: 0 0 14px;
+}
+.craft-sidebar-section-title {
+  padding: 0 8px 5px;
+  color: var(--craft-sidebar-muted);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+.craft-sidebar-item {
+  width: calc(100% - 4px);
+  min-height: 28px;
+  margin: 1px 2px;
+  padding: 5px 8px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 13px;
+  text-align: left;
+  cursor: default;
+}
+.craft-sidebar-item:hover { background: var(--craft-sidebar-hover); }
+.craft-sidebar-item[data-selected="true"] {
+  color: white;
+  background: var(--craft-sidebar-selected);
+  box-shadow: 0 1px 0 rgba(255,255,255,0.22) inset, 0 8px 18px rgba(10, 132, 255, 0.22);
+}
+.craft-sidebar-item-icon {
+  position: relative;
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  min-width: 16px;
+  opacity: 0.82;
+  overflow: hidden;
+  color: transparent;
+}
+.craft-sidebar-item-icon::before {
+  content: "";
+  position: absolute;
+  inset: 2px;
+  border-radius: 4px;
+  background: var(--craft-sidebar-icon-color, rgba(63, 63, 70, 0.62));
+  box-shadow: 0 1px 0 rgba(255,255,255,0.24) inset;
+}
+.craft-sidebar-item-icon[data-icon*="circle"]::before {
+  inset: 4px;
+  border-radius: 999px;
+}
+.craft-sidebar-item[data-selected="true"] .craft-sidebar-item-icon::before {
+  background: rgba(255, 255, 255, 0.9);
+}
+.craft-sidebar-item-label {
+  flex: 1;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.craft-sidebar-item-badge {
+  min-width: 18px;
+  padding: 1px 6px;
+  border-radius: 999px;
+  background: rgba(0, 0, 0, 0.08);
+  color: var(--craft-sidebar-muted);
+  font-size: 10px;
+  font-weight: 700;
+  text-align: center;
+}
+.craft-sidebar-item[data-selected="true"] .craft-sidebar-item-badge {
+  color: white;
+  background: rgba(255, 255, 255, 0.24);
+}
+
+/* Spaces fallback. Stacked in document order behind a rail \u2014 legible without
+   a native host, and deliberately not a second swipe implementation. */
+.craft-sidebar-spaces {
+  position: relative;
+  z-index: 1;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+.craft-sidebar-space-title {
+  padding: 10px 8px 4px;
+  font-size: 13px;
+  font-weight: 600;
+}
+.craft-sidebar-space-switcher {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: 1px;
+  padding-top: 6px;
+}
+.craft-sidebar-space-tab {
+  display: grid;
+  place-items: center;
+  width: 28px;
+  height: 26px;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 11px;
+  font-weight: 700;
+  opacity: 0.4;
+  cursor: default;
+}
+.craft-sidebar-space-tab[data-selected="true"] {
+  opacity: 1;
+  background: rgba(255, 255, 255, 0.55);
+}
+
+.craft-code-editor {
+  font-family: 'SF Mono', 'Fira Code', monospace;
+  font-size: 13px;
+  line-height: 1.5;
+  padding: 12px;
+  background: #1e1e1e;
+  color: #d4d4d4;
+  border-radius: 6px;
+  resize: vertical;
+}
+
+/* Dark mode support */
+@media (prefers-color-scheme: dark) {
+  .craft-text-input, .craft-textarea, .craft-select, .craft-card {
+    background: #1f2937;
+    color: #f3f4f6;
+    border-color: #374151;
+  }
+  .craft-modal {
+    background: #1f2937;
+    color: #f3f4f6;
+  }
+  .craft-accordion-header { background: #374151; }
+  .craft-table th { background: #374151; }
+  .craft-sidebar {
+    --craft-sidebar-bg: rgba(24, 24, 27, 0.58);
+    --craft-sidebar-border: rgba(255, 255, 255, 0.12);
+    --craft-sidebar-shadow: 0 26px 74px rgba(0, 0, 0, 0.44), 0 1px 0 rgba(255, 255, 255, 0.11) inset;
+    --craft-sidebar-text: rgba(244, 244, 245, 0.92);
+    --craft-sidebar-muted: rgba(212, 212, 216, 0.58);
+    --craft-sidebar-hover: rgba(255, 255, 255, 0.10);
+  }
+  .craft-sidebar-search input {
+    border-color: rgba(255,255,255,0.08);
+    background: rgba(255,255,255,0.08);
+  }
+}
+</style>
+`+q;if(!q.includes("craft-component-runtime"))if(q.includes("</body>"))q=q.replace("</body>",`${`
+<script id="craft-component-runtime">
+(function() {
+  if (window.__stxCraftComponentRuntime) return;
+  window.__stxCraftComponentRuntime = true;
+
+  function parseConfig(sidebar) {
+    var id = sidebar.getAttribute('data-craft-sidebar-id');
+    var script = id && document.querySelector('script[data-craft-sidebar-config="' + id + '"]');
+    if (!script) return null;
+    try {
+      return JSON.parse(script.textContent || '{}');
+    } catch (error) {
+      console.warn('[stx] Invalid Craft sidebar config', error);
+      return null;
+    }
+  }
+
+  function getNativeUI() {
+    if (!window.craft) return null;
+    var hasNativeHost = window.craft.isCraft?.() ||
+      !!(window.webkit?.messageHandlers?.craft || window.CraftBridge || window.craftIPC);
+    if (!hasNativeHost) return null;
+    return window.craft.nativeUI || window.craft.components;
+  }
+
+  function initializeSidebar(sidebar) {
+    if (sidebar.dataset.craftInitialized === 'true') return;
+    if (sidebar.dataset.native === 'false') return;
+
+    var nativeUI = getNativeUI();
+    if (!nativeUI || typeof nativeUI.createSidebar !== 'function') return;
+
+    var config = parseConfig(sidebar);
+    if (!config) return;
+
+    var hasSpaces = !!(config.spaces && config.spaces.length);
+    // Spaces need a host that can swipe between whole scenes. Falling back to
+    // createSidebar would flatten every space into one list, which is worse
+    // than the web rendering already on the page \u2014 so leave that in place.
+    if (hasSpaces && typeof nativeUI.createSpacesSidebar !== 'function') return;
+
+    try {
+      var nativeConfig = Object.assign({}, config);
+      delete nativeConfig.sections;
+      delete nativeConfig.spaces;
+
+      var nativeSidebar = hasSpaces
+        ? nativeUI.createSpacesSidebar(nativeConfig)
+        : nativeUI.createSidebar(nativeConfig);
+
+      if (nativeSidebar && hasSpaces && nativeSidebar.setSpaces) {
+        nativeSidebar.setSpaces(config.spaces);
+      }
+      if (nativeSidebar && hasSpaces && config.selectedSpace && nativeSidebar.setActiveSpace) {
+        nativeSidebar.setActiveSpace(config.selectedSpace);
+      }
+      if (nativeSidebar && hasSpaces && nativeSidebar.onSpaceChange) {
+        nativeSidebar.onSpaceChange(function(spaceId) {
+          sidebar.dispatchEvent(new CustomEvent('craft-sidebar:space', {
+            bubbles: true,
+            detail: { spaceId: spaceId, sidebarId: config.id }
+          }));
+        });
+      }
+      if (nativeSidebar && !hasSpaces && config.sections) {
+        config.sections.forEach(function(section) {
+          if (nativeSidebar.addSection) nativeSidebar.addSection(section);
+        });
+      }
+      if (nativeSidebar && config.selectedItem && nativeSidebar.setSelectedItem) {
+        nativeSidebar.setSelectedItem(config.selectedItem);
+      }
+      if (nativeSidebar && nativeSidebar.onSelect) {
+        nativeSidebar.onSelect(function(itemId) {
+          sidebar.dispatchEvent(new CustomEvent('craft-sidebar:select', {
+            bubbles: true,
+            detail: { itemId: itemId, sidebarId: config.id }
+          }));
+        });
+      }
+      sidebar.dataset.craftInitialized = 'true';
+      sidebar.dataset.nativeActive = 'true';
+      window.__stxCraftNativeSidebars = window.__stxCraftNativeSidebars || {};
+      window.__stxCraftNativeSidebars[config.id] = nativeSidebar;
+    } catch (error) {
+      sidebar.dataset.nativeError = error.message || 'unknown';
+      console.warn('[stx] Failed to create native Craft sidebar', error);
+    }
+  }
+
+  function initializeCraftComponents() {
+    document.querySelectorAll('[data-craft-native-sidebar]').forEach(initializeSidebar);
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initializeCraftComponents);
+  } else {
+    initializeCraftComponents();
+  }
+  window.addEventListener('craft:ready', initializeCraftComponents);
+  document.addEventListener('craft:nativeui:ready', initializeCraftComponents);
+})();
+</script>
+`}
+</body>`);else q+=`
+<script id="craft-component-runtime">
+(function() {
+  if (window.__stxCraftComponentRuntime) return;
+  window.__stxCraftComponentRuntime = true;
+
+  function parseConfig(sidebar) {
+    var id = sidebar.getAttribute('data-craft-sidebar-id');
+    var script = id && document.querySelector('script[data-craft-sidebar-config="' + id + '"]');
+    if (!script) return null;
+    try {
+      return JSON.parse(script.textContent || '{}');
+    } catch (error) {
+      console.warn('[stx] Invalid Craft sidebar config', error);
+      return null;
+    }
+  }
+
+  function getNativeUI() {
+    if (!window.craft) return null;
+    var hasNativeHost = window.craft.isCraft?.() ||
+      !!(window.webkit?.messageHandlers?.craft || window.CraftBridge || window.craftIPC);
+    if (!hasNativeHost) return null;
+    return window.craft.nativeUI || window.craft.components;
+  }
+
+  function initializeSidebar(sidebar) {
+    if (sidebar.dataset.craftInitialized === 'true') return;
+    if (sidebar.dataset.native === 'false') return;
+
+    var nativeUI = getNativeUI();
+    if (!nativeUI || typeof nativeUI.createSidebar !== 'function') return;
+
+    var config = parseConfig(sidebar);
+    if (!config) return;
+
+    var hasSpaces = !!(config.spaces && config.spaces.length);
+    // Spaces need a host that can swipe between whole scenes. Falling back to
+    // createSidebar would flatten every space into one list, which is worse
+    // than the web rendering already on the page \u2014 so leave that in place.
+    if (hasSpaces && typeof nativeUI.createSpacesSidebar !== 'function') return;
+
+    try {
+      var nativeConfig = Object.assign({}, config);
+      delete nativeConfig.sections;
+      delete nativeConfig.spaces;
+
+      var nativeSidebar = hasSpaces
+        ? nativeUI.createSpacesSidebar(nativeConfig)
+        : nativeUI.createSidebar(nativeConfig);
+
+      if (nativeSidebar && hasSpaces && nativeSidebar.setSpaces) {
+        nativeSidebar.setSpaces(config.spaces);
+      }
+      if (nativeSidebar && hasSpaces && config.selectedSpace && nativeSidebar.setActiveSpace) {
+        nativeSidebar.setActiveSpace(config.selectedSpace);
+      }
+      if (nativeSidebar && hasSpaces && nativeSidebar.onSpaceChange) {
+        nativeSidebar.onSpaceChange(function(spaceId) {
+          sidebar.dispatchEvent(new CustomEvent('craft-sidebar:space', {
+            bubbles: true,
+            detail: { spaceId: spaceId, sidebarId: config.id }
+          }));
+        });
+      }
+      if (nativeSidebar && !hasSpaces && config.sections) {
+        config.sections.forEach(function(section) {
+          if (nativeSidebar.addSection) nativeSidebar.addSection(section);
+        });
+      }
+      if (nativeSidebar && config.selectedItem && nativeSidebar.setSelectedItem) {
+        nativeSidebar.setSelectedItem(config.selectedItem);
+      }
+      if (nativeSidebar && nativeSidebar.onSelect) {
+        nativeSidebar.onSelect(function(itemId) {
+          sidebar.dispatchEvent(new CustomEvent('craft-sidebar:select', {
+            bubbles: true,
+            detail: { itemId: itemId, sidebarId: config.id }
+          }));
+        });
+      }
+      sidebar.dataset.craftInitialized = 'true';
+      sidebar.dataset.nativeActive = 'true';
+      window.__stxCraftNativeSidebars = window.__stxCraftNativeSidebars || {};
+      window.__stxCraftNativeSidebars[config.id] = nativeSidebar;
+    } catch (error) {
+      sidebar.dataset.nativeError = error.message || 'unknown';
+      console.warn('[stx] Failed to create native Craft sidebar', error);
+    }
+  }
+
+  function initializeCraftComponents() {
+    document.querySelectorAll('[data-craft-native-sidebar]').forEach(initializeSidebar);
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initializeCraftComponents);
+  } else {
+    initializeCraftComponents();
+  }
+  window.addEventListener('craft:ready', initializeCraftComponents);
+  document.addEventListener('craft:nativeui:ready', initializeCraftComponents);
+})();
+</script>
+`;return q=q.replace(/<@craft-sidebar(?![-\w])\s*([^>]*)>([\s\S]*?)<\/@craft-sidebar>/g,(J,W,K)=>{return C("sidebar",W,K.trim(),U,$)}),q=q.replace(/<@craft-sidebar(?![-\w])\s*([^>]*?)\/>/g,(J,W)=>{return C("sidebar",W,"",U,$)}),q=q.replace(/<@craft-(\w+[-\w]*)\s*([^>]*?)\/>/g,(J,W,K)=>{return C(W,K,"",U,$)}),q=q.replace(/<@craft-(\w+[-\w]*)\s*([^>]*)>([\s\S]*?)<\/@craft-\1>/g,(J,W,K,Y)=>{return C(W,K,Y.trim(),U,$)}),q}function C(q,U,$,J,W){let K=J.components?.[q]||b[q];if(!K)return console.warn(`[stx] Unknown Craft component: @craft-${q}`),`<div class="${W}-unknown" data-component="${q}">${$}</div>`;let Y=y(U),L=[K.fallbackClasses||`${W}-${q}`];if(Y.class)L.push(Y.class),delete Y.class;if(K.render)return Y.__fallbackClasses=L.join(" "),K.render(Y,$);let Q=Wq(Y,K,L);if(["input","hr","br","img"].includes(K.fallbackTag))return`<${K.fallbackTag} ${Q}>`;return`<${K.fallbackTag} ${Q}>${$}</${K.fallbackTag}>`}function y(q){let U={},$=/(?::|@)?(\w+[-\w]*)(?:=(?:"([^"]*)"|'([^']*)'))?/g,J;while((J=$.exec(q))!==null){let[W,K,Y,L]=J,Q=Y??L;if(W.startsWith(":"))U[K]=Q;else if(W.startsWith("@"))U[`on${K.charAt(0).toUpperCase()}${K.slice(1)}`]=Q;else if(Q===void 0)U[K]=!0;else U[K]=Q}return U}function r(q,U){let $=k(String(q.id||`craft-sidebar-${$q(U||JSON.stringify(q))}`)),J=qq(q.spaces)||e(U),W=J.length?[]:Uq(q.sections)||d(U),K=String(q.selectedSpace||J[0]?.id||""),Y=J.find((E)=>E.id===K)||J[0],L=String(q.selectedItem||q.selected||(J.length?Y?.sections[0]?.items[0]?.id:W[0]?.items[0]?.id)||""),Q={id:$,variant:String(q.variant||"desktop"),material:String(q.material||"sidebar"),backgroundEffect:String(q.backgroundEffect||"shimmer"),allowsVibrancy:q.allowsVibrancy!==!1&&q.allowsVibrancy!=="false",materialOpacity:Number(q.materialOpacity??0.68),materialDarkOpacity:q.materialDarkOpacity===void 0?void 0:Number(q.materialDarkOpacity),minWidth:q.minWidth===void 0?240:Number(q.minWidth),maxWidth:q.maxWidth===void 0?340:Number(q.maxWidth),canCollapse:q.canCollapse!==!1&&q.canCollapse!=="false",searchPlaceholder:q.searchPlaceholder?String(q.searchPlaceholder):void 0,selectedItem:L,sections:W,spaces:J,selectedSpace:K||void 0},X=String(q.__fallbackClasses||"craft-sidebar craft-sidebar-tahoe"),w=Number(q.width||q.sidebarWidth||286),G=q.native===!1||q.native==="false"?"false":"true",B=Q.searchPlaceholder?`<div class="craft-sidebar-search"><input type="search" placeholder="${O(Q.searchPlaceholder)}"></div>`:"",_;if(J.length)_=Kq(J,K,L);else if(W.length)_=W.map((E)=>g(E,L)).join("");else _=U;return`<aside class="${R(X)}" data-craft="craft-sidebar" data-craft-native-sidebar data-craft-sidebar-id="${R($)}" data-native="${G}" style="--craft-sidebar-width:${w}px">
+  ${B}
+  ${_}
+</aside>
+<script type="application/json" data-craft-sidebar-config="${R($)}">${Jq(Q)}</script>`}function a(q,U){let $=k(String(q.id||q.label||"space"));return`<section class="craft-sidebar-space" data-craft="craft-sidebar-space" data-space-id="${R($)}">
+    ${q.label?`<div class="craft-sidebar-space-title">${O(String(q.label))}</div>`:""}
+    ${U}
+  </section>`}function t(q,U){let $=String(q.header||q.title||"");return`<section class="craft-sidebar-section" data-craft="craft-sidebar-section" data-section-id="${R(String(q.id||"section"))}">
+    ${$?`<div class="craft-sidebar-section-title">${O($)}</div>`:""}
+    ${U}
+  </section>`}function o(q,U){let $={id:String(q.id||k(String(q.label||U||"item"))),label:String(q.label||U||""),icon:q.icon?String(q.icon):void 0,badge:q.badge?String(q.badge):void 0,tintColor:q.tintColor?String(q.tintColor):void 0};return f($,String(q.selected||"")==="true")}function d(q){let U=[],$=/<@craft-sidebar-section\s*([^>]*?)(?:\/>|>([\s\S]*?)<\/@craft-sidebar-section>)/g,J;while((J=$.exec(q))!==null){let W=y(J[1]||""),K=J[2]||"",Y=String(W.id||k(String(W.header||W.title||`section-${U.length+1}`))),L=String(W.header||W.title||Y),Q=p(K);U.push({id:Y,header:L,title:L,items:Q})}return U}function p(q){let U=[],$=/<@craft-sidebar-item\s*([^>]*?)(?:\/>|>([\s\S]*?)<\/@craft-sidebar-item>)/g,J;while((J=$.exec(q))!==null){let W=y(J[1]||""),K=String(W.label||(J[2]||"").replace(/<[^>]*>/g,"").trim()),Y=String(W.id||k(K||`item-${U.length+1}`));U.push({id:Y,label:K,icon:W.icon?String(W.icon):void 0,badge:W.badge?String(W.badge):void 0,tintColor:W.tintColor?String(W.tintColor):void 0})}return U}function e(q){let U=[],$=/<@craft-sidebar-space\s*([^>]*?)(?:\/>|>([\s\S]*?)<\/@craft-sidebar-space>)/g,J;while((J=$.exec(q))!==null){let W=y(J[1]||""),K=J[2]||"",Y=String(W.label||W.title||`Space ${U.length+1}`);U.push({id:String(W.id||k(Y)),label:Y,icon:W.icon?String(W.icon):void 0,tint:W.tint?String(W.tint):void 0,sections:d(K)})}return U}function qq(q){if(!q)return;if(Array.isArray(q))return q;if(typeof q!=="string")return;try{let U=JSON.parse(q);return Array.isArray(U)?U:void 0}catch{return}}function Kq(q,U,$){let J=q.map((K)=>`<button class="craft-sidebar-space-tab" type="button" data-space-target="${R(K.id)}" data-selected="${K.id===U?"true":"false"}" title="${R(K.label||K.id)}">${K.icon?`<span class="craft-sidebar-item-icon" data-icon="${R(K.icon)}"></span>`:O((K.label||K.id).charAt(0))}</button>`).join("");return`<div class="craft-sidebar-spaces">${q.map((K)=>`<section class="craft-sidebar-space" data-space-id="${R(K.id)}" data-selected="${K.id===U?"true":"false"}">
+    ${K.label?`<div class="craft-sidebar-space-title">${O(K.label)}</div>`:""}
+    ${K.sections.map((Y)=>g(Y,$)).join("")}
+  </section>`).join("")}</div>
+  <div class="craft-sidebar-space-switcher">${J}</div>`}function Uq(q){if(!q)return;if(Array.isArray(q))return q;if(typeof q!=="string")return;try{let U=JSON.parse(q);return Array.isArray(U)?U:void 0}catch{return}}function g(q,U){let $=q.header||q.title||q.id;return`<section class="craft-sidebar-section" data-section-id="${R(q.id)}">
+    <div class="craft-sidebar-section-title">${O($)}</div>
+    ${q.items.map((J)=>f(J,J.id===U)).join("")}
+  </section>`}function f(q,U){let $=q.tintColor?` style="--craft-sidebar-icon-color:${R(q.tintColor)}"`:"";return`<button class="craft-sidebar-item" type="button" data-item-id="${R(q.id)}" data-selected="${U?"true":"false"}">
+    ${q.icon?`<span class="craft-sidebar-item-icon" data-icon="${R(q.icon)}"${$}></span>`:""}
+    <span class="craft-sidebar-item-label">${O(q.label)}</span>
+    ${q.badge?`<span class="craft-sidebar-item-badge">${O(q.badge)}</span>`:""}
+  </button>`}function k(q){return q.trim().toLowerCase().replace(/[^a-z0-9_-]+/g,"-").replace(/^-|-$/g,"")||"craft-sidebar"}function $q(q){let U=5381;for(let $=0;$<q.length;$++)U=U*33^q.charCodeAt($);return(U>>>0).toString(36)}function O(q){return q.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function R(q){return O(q).replace(/`/g,"&#96;")}function Jq(q){return JSON.stringify(q).replace(/</g,"\\u003c").replace(/>/g,"\\u003e").replace(/&/g,"\\u0026")}function Wq(q,U,$){let J=[];J.push(`class="${$.join(" ")}"`),J.push(`data-craft="${U.nativeType}"`);for(let[W,K]of Object.entries(q))if(K===!0)J.push(W);else if(K!==!1&&K!==void 0&&K!==null){let Y=String(K).replace(/"/g,"&quot;");J.push(`${W}="${Y}"`)}return J.join(" ")}function Pq(q,U){b[q]=U}function vq(){return{...b}}async function Qq(q){let U=Date.now();try{if(!await Bun.file(q.input).exists())return{success:!1,target:q.target||I(),format:q.format||"app",error:`Input file not found: ${q.input}`};let $=q.target||I(),J=q.format||Tq($),W=q.output||Z(process.cwd(),"dist","native");if(!s(W))T(W,{recursive:!0});let K=await m(q.input,{context:q.context,options:{isDev:!1}});if(K=N(K,{debug:q.verbose}),K=u(K),!K.includes("craft-component-styles")){if(K.includes("</head>"))K=K.replace("</head>",`${h}
+</head>`)}let Y=q.name||Yq(q.input,".stx"),L=q.version||"1.0.0",Q=q.craftPath||await Mq();if(!Q)return{success:!1,target:$,format:J,error:"Craft binary not found. Please install Craft or specify craftPath."};if(q.verbose)console.log(`\uD83D\uDCE6 Building native app for ${$}...`),console.log(`   Input: ${q.input}`),console.log(`   Output: ${W}`),console.log(`   Craft: ${Q}`);let X;switch($){case"macos":X=await Xq(K,Y,L,W,J,q,Q);break;case"windows":X=await _q(K,Y,L,W,J,q,Q);break;case"linux":X=await Eq(K,Y,L,W,J,q,Q);break;case"ios":X=await Hq(K,Y,L,W,q,Q);break;case"android":X=await Rq(K,Y,L,W,q,Q);break;default:X={success:!1,target:$,format:J,error:`Unsupported target: ${$}`}}return X.duration=Date.now()-U,X}catch($){return{success:!1,target:q.target||I(),format:q.format||"app",error:$.message,duration:Date.now()-U}}}async function Xq(q,U,$,J,W,K,Y){let L=K.bundleId||`com.stx.${U.toLowerCase().replace(/[^a-z0-9]/g,"")}`,Q=Z(J,`${U}.app`),X=Z(Q,"Contents"),w=Z(X,"MacOS"),G=Z(X,"Resources");T(w,{recursive:!0}),T(G,{recursive:!0});let B=Z(G,"index.html");await Bun.write(B,q);let _="";if(K.sidebar?.enabled&&K.sidebar?.config)_=Z(G,"sidebar-config.json"),await Bun.write(_,JSON.stringify(K.sidebar.config));let E=K.sidebar?.enabled?`--native-sidebar --sidebar-width ${K.sidebar?.width||240} --sidebar-config "$(cat "$RESOURCES/sidebar-config.json")"`:"",H=K.menubarOnly??K.systemTray;if((K.bundleStyle||(await Gq(Y)?"executable":"launcher"))==="executable"){let V=Z(w,U);F(Y,V),A(V,493);let M={html:"index.html",title:K.window?.title||U,width:K.window?.width||1200,height:K.window?.height||800,devTools:Boolean(K.devTools)};if(H)M.menubarOnly=!0;else if(K.systemTray)M.systemTray=!0;if(K.window?.frameless)M.frameless=!0;if(K.window?.transparent)M.transparent=!0;if(K.window?.alwaysOnTop)M.alwaysOnTop=!0;if(K.window?.resizable===!1)M.resizable=!1;await Bun.write(Z(G,"craft.json"),`${JSON.stringify(M,null,2)}
+`)}else{let V=Z(w,"craft");F(Y,V),A(V,493);let M=K.sidebar?.enabled?`--native-sidebar --sidebar-width ${K.sidebar?.width||240} --sidebar-config "$(cat "$RESOURCES/sidebar-config.json")"`:"",n=`#!/bin/bash
+set -euo pipefail
+DIR="$( cd "$( dirname "\${BASH_SOURCE[0]}" )" && pwd )"
+RESOURCES="$DIR/../Resources"
+exec "$DIR/craft" --html-file "$RESOURCES/index.html" \\
+  ${[`--title "${K.window?.title||U}"`,`--width ${K.window?.width||1200}`,`--height ${K.window?.height||800}`,H?"--menubar-only":K.systemTray?"--system-tray":"",K.devTools?"":"--no-devtools",K.window?.frameless?"--frameless":"",K.window?.transparent?"--transparent":"",K.window?.alwaysOnTop?"--always-on-top":"",K.window?.resizable===!1?"--no-resize":"",M].filter(Boolean).join(" \\\n  ")}
+`,S=Z(w,U);await Bun.write(S,n),A(S,493)}let v=Boolean(K.icon&&await Bun.file(K.icon).exists());if(v)F(K.icon,Z(G,"AppIcon.icns"));let i={CFBundleExecutable:U,CFBundleIdentifier:L,CFBundleName:U,CFBundleDisplayName:U,CFBundleShortVersionString:$,CFBundleVersion:$,CFBundlePackageType:"APPL",CFBundleSignature:"????",LSMinimumSystemVersion:K.minimumSystemVersion||"13.0",NSHighResolutionCapable:!0,NSSupportsAutomaticGraphicsSwitching:!0,LSUIElement:K.menubarOnly??Boolean(K.systemTray),...v?{CFBundleIconFile:"AppIcon"}:{},...K.category?{LSApplicationCategoryType:K.category}:{},...K.copyright?{NSHumanReadableCopyright:K.copyright}:{},...K.infoPlist||{}};if(await Bun.write(Z(X,"Info.plist"),wq(i)),W==="dmg"){let V=Z(J,`${U}-${$}.dmg`),M=await zq(Q,V,U);if(!M.success)return{success:!1,target:"macos",format:"dmg",error:M.error};return{success:!0,target:"macos",format:"dmg",outputPath:V}}return{success:!0,target:"macos",format:"app",outputPath:Q}}async function Gq(q){try{let U=Bun.spawn([q,"--version"],{stdout:"pipe",stderr:"pipe"}),[$,J]=await Promise.all([new Response(U.stdout).text(),new Response(U.stderr).text()]);await U.exited;let K=`${$}
+${J}`.match(/(\d+)\.(\d+)\.(\d+)/);if(!K)return!1;let[Y,L,Q]=K.slice(1).map(Number);if(Y>0||L>0)return!0;return Q>=57}catch{return!1}}function l(q){return q.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function wq(q){return`<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+${Object.entries(q).map(([$,J])=>{let W=typeof J==="boolean"?`<${J}/>`:typeof J==="number"?`<integer>${J}</integer>`:`<string>${l(String(J))}</string>`;return`    <key>${l($)}</key>
+    ${W}`}).join(`
+`)}
+</dict>
+</plist>
+`}async function _q(q,U,$,J,W,K,Y){let L=Z(J,U);T(L,{recursive:!0});let Q=Z(L,"index.html");await Bun.write(Q,q),F(Y,Z(L,"craft.exe"));let X=`@echo off
+set DIR=%~dp0
+"%DIR%craft.exe" --html-file "%DIR%index.html" ^
+  --title "${K.window?.title||U}" ^
+  --width ${K.window?.width||1200} ^
+  --height ${K.window?.height||800} ^
+  ${K.systemTray?"--system-tray":""} ^
+  ${K.devTools?"":"--no-devtools"}
+`;if(await Bun.write(Z(L,`${U}.bat`),X),W==="zip"){let w=Z(J,`${U}-${$}-windows.zip`),G=await Bq(L,w);if(!G.success)return{success:!1,target:"windows",format:"zip",error:G.error};return{success:!0,target:"windows",format:"zip",outputPath:w}}return{success:!0,target:"windows",format:"app",outputPath:L}}async function Eq(q,U,$,J,W,K,Y){let L=Z(J,U);T(L,{recursive:!0});let Q=Z(L,"index.html");await Bun.write(Q,q);let X=Z(L,"craft");F(Y,X),A(X,493);let w=`#!/bin/bash
+set -euo pipefail
+DIR="$( cd "$( dirname "\${BASH_SOURCE[0]}" )" && pwd )"
+exec "$DIR/craft" --html-file "$DIR/index.html" \\
+  --title "${K.window?.title||U}" \\
+  --width ${K.window?.width||1200} \\
+  --height ${K.window?.height||800} \\
+  ${K.systemTray?"--system-tray":""} \\
+  ${K.devTools?"":"--no-devtools"}
+`,G=Z(L,U.toLowerCase());await Bun.write(G,w),A(G,493);let B=`[Desktop Entry]
+Type=Application
+Name=${U}
+Exec=${G}
+Terminal=false
+Categories=Utility;
+`;if(await Bun.write(Z(L,`${U.toLowerCase()}.desktop`),B),W==="deb"){let _=Z(J,`${U.toLowerCase()}_${$}_amd64.deb`),E=await Oq(L,_,U,$,K);if(!E.success)return{success:!1,target:"linux",format:"deb",error:E.error};return{success:!0,target:"linux",format:"deb",outputPath:_}}if(W==="appimage"){let _=Z(J,`${U}-${$}-x86_64.AppImage`),E=await xq(L,_,U,K);if(!E.success)return{success:!1,target:"linux",format:"appimage",error:E.error};return{success:!0,target:"linux",format:"appimage",outputPath:_}}return{success:!0,target:"linux",format:"app",outputPath:L}}async function Hq(q,U,$,J,W,K){return{success:!1,target:"ios",format:"ipa",error:`iOS build requires Xcode and additional setup. Use 'stx init:ios ${U}' to create an iOS project.`}}async function Rq(q,U,$,J,W,K){return{success:!1,target:"android",format:"apk",error:`Android build requires Android SDK and additional setup. Use 'stx init:android ${U}' to create an Android project.`}}async function Mq(){if(process.env.CRAFT_BIN&&await Bun.file(process.env.CRAFT_BIN).exists())return process.env.CRAFT_BIN;let q=[Z(process.cwd(),"../../craft/packages/zig/zig-out/bin/craft"),Z(process.cwd(),"../craft/packages/zig/zig-out/bin/craft"),Z(P(),"Code/Tools/craft/packages/zig/zig-out/bin/craft"),Z(P(),"Code/craft/packages/zig/zig-out/bin/craft"),"/usr/local/bin/craft","/usr/bin/craft",Z(P(),".local/bin/craft"),Z(process.env.LOCALAPPDATA||"","craft","craft.exe"),Z(process.env.PROGRAMFILES||"","craft","craft.exe")];for(let U of q)if(await Bun.file(U).exists())return U;try{let $=Zq("which craft 2>/dev/null || where craft 2>nul",{encoding:"utf-8"}).trim().split(`
+`)[0];if($&&await Bun.file($).exists())return $}catch{}return null}function I(){switch(Lq()){case"darwin":return"macos";case"win32":return"windows";default:return"linux"}}function Tq(q){switch(q){case"macos":return"app";case"windows":return"zip";case"linux":return"appimage";case"ios":return"ipa";case"android":return"apk";default:return"app"}}async function zq(q,U,$){return new Promise((J)=>{let W=j("hdiutil",["create","-volname",$,"-srcfolder",q,"-ov","-format","UDZO",U]);W.on("close",(K)=>{if(K===0)J({success:!0});else J({success:!1,error:`hdiutil exited with code ${K}`})}),W.on("error",(K)=>{J({success:!1,error:K.message})})})}async function Bq(q,U){return new Promise(($)=>{let J=j("zip",["-r",U,"."],{cwd:q});J.on("close",(W)=>{if(W===0)$({success:!0});else $({success:!1,error:`zip exited with code ${W}`})}),J.on("error",(W)=>{$({success:!1,error:W.message})})})}async function Oq(q,U,$,J,W){return new Promise((K)=>{try{let Y=Z(c(),`stx-deb-${Date.now()}`),L=Z(Y,"DEBIAN"),Q=Z(Y,"usr","bin"),X=Z(Y,"usr","share","applications"),w=Z(Y,"usr","share",$.toLowerCase());T(L,{recursive:!0}),T(Q,{recursive:!0}),T(X,{recursive:!0}),T(w,{recursive:!0});let G=z("fs").readdirSync(q);for(let H of G)F(Z(q,H),Z(w,H));let B=`#!/bin/bash
+exec /usr/share/${$.toLowerCase()}/${$.toLowerCase()} "$@"`;z("fs").writeFileSync(Z(Q,$.toLowerCase()),B),A(Z(Q,$.toLowerCase()),493);let _=`Package: ${$.toLowerCase()}
+Version: ${J}
+Section: utils
+Priority: optional
+Architecture: amd64
+Depends: libgtk-3-0, libwebkit2gtk-4.0-37
+Maintainer: ${W.author||"Unknown"}
+Description: ${W.description||$}
+`;z("fs").writeFileSync(Z(L,"control"),_);let E=j("dpkg-deb",["--build",Y,U]);E.on("close",(H)=>{if(z("fs").rmSync(Y,{recursive:!0,force:!0}),H===0)K({success:!0});else K({success:!1,error:`dpkg-deb exited with code ${H}`})}),E.on("error",(H)=>{z("fs").rmSync(Y,{recursive:!0,force:!0}),K({success:!1,error:H.message})})}catch(Y){K({success:!1,error:Y.message})}})}async function xq(q,U,$,J){return new Promise((W)=>{try{let K=Z(c(),`stx-appimage-${Date.now()}`),Y=Z(K,`${$}.AppDir`),L=Z(Y,"usr"),Q=Z(L,"bin"),X=Z(L,"share");T(Q,{recursive:!0}),T(X,{recursive:!0});let w=Z(X,$.toLowerCase());T(w,{recursive:!0});let G=z("fs").readdirSync(q);for(let x of G)F(Z(q,x),Z(w,x));let B=`#!/bin/bash
+SELF=$(readlink -f "$0")
+HERE=\${SELF%/*}
+export PATH="\${HERE}/usr/bin:\${PATH}"
+exec "\${HERE}/usr/share/${$.toLowerCase()}/${$.toLowerCase()}" "$@"
+`;z("fs").writeFileSync(Z(Y,"AppRun"),B),A(Z(Y,"AppRun"),493);let _=`[Desktop Entry]
+Type=Application
+Name=${$}
+Exec=${$.toLowerCase()}
+Terminal=false
+Categories=Utility;
+Icon=${$.toLowerCase()}
+`;z("fs").writeFileSync(Z(Y,`${$.toLowerCase()}.desktop`),_);let E=Buffer.from([137,80,78,71,13,10,26,10,0,0,0,13,73,72,68,82,0,0,0,1,0,0,0,1,8,2,0,0,0,144,119,83,222,0,0,0,12,73,68,65,84,8,215,99,248,255,255,63,0,5,254,2,254,220,204,89,231,0,0,0,0,73,69,78,68,174,66,96,130]);if(z("fs").writeFileSync(Z(Y,`${$.toLowerCase()}.png`),E),J.icon&&s(J.icon))F(J.icon,Z(Y,`${$.toLowerCase()}.png`));let H=j("appimagetool",[Y,U],{env:{...process.env,ARCH:"x86_64"}});H.on("close",(x)=>{if(z("fs").rmSync(K,{recursive:!0,force:!0}),x===0)A(U,493),W({success:!0});else W({success:!1,error:`appimagetool exited with code ${x}. Install from https://appimage.github.io/appimagetool/`})}),H.on("error",(x)=>{z("fs").rmSync(K,{recursive:!0,force:!0}),W({success:!1,error:`appimagetool not found: ${x.message}`})})}catch(K){W({success:!1,error:K.message})}})}function Vq(){return[I()]}function Fq(q){switch(q){case"macos":return["app","dmg","pkg"];case"windows":return["app","zip","msi"];case"linux":return["app","deb","rpm","appimage"];case"ios":return["ipa"];case"android":return["apk"];default:return["app"]}}var Aq={buildNative:Qq,getAvailableTargets:Vq,getAvailableFormats:Fq,detectPlatform:I},cq=Aq;
+export{Iq as bk,D as ck,Cq as dk,yq as ek,N as fk,b as gk,h as hk,bq as ik,u as jk,Pq as kk,vq as lk,Qq as mk,Vq as nk,Fq as ok,cq as pk};