@stacksjs/stx 0.2.95 → 0.2.96

package/dist/chunk-xgkv66q5.js

@@ -1,2230 +0,0 @@
-// @bun
-var w={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:(j,q)=>{let B=j.checked?"checked":"",K=j.disabled?"disabled":"";return`<label class="craft-checkbox-wrapper">
-        <input type="checkbox" class="craft-checkbox" ${B} ${K}>
-        <span class="craft-checkbox-label">${q||j.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:(j,q)=>{let B=j.min??0,K=j.max??100,L=j.step??1,U=j.value??50,V=j.disabled?"disabled":"";return`<input type="range" class="craft-slider" min="${B}" max="${K}" step="${L}" value="${U}" ${V}>`}},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:(j,q)=>{let B=j.size||40,K=j.src,L=String(j.alt||""),U=j.fallback||(L?L.charAt(0).toUpperCase():"?");if(K)return`<img class="craft-avatar" src="${K}" alt="${L}" style="width:${B}px;height:${B}px;border-radius:50%">`;return`<div class="craft-avatar craft-avatar-fallback" style="width:${B}px;height:${B}px;border-radius:50%;display:flex;align-items:center;justify-content:center">${U}</div>`}},progress:{nativeType:"craft-progress",fallbackTag:"div",fallbackClasses:"craft-progress",nativeProps:["value","max","variant"],render:(j,q)=>{let B=Number(j.value)||0,K=Number(j.max)||100;return`<div class="craft-progress"><div class="craft-progress-bar" style="width:${Math.min(100,Math.max(0,B/K*100))}%"></div></div>`}},spinner:{nativeType:"craft-spinner",fallbackTag:"div",fallbackClasses:"craft-spinner",nativeProps:["size"],render:(j,q)=>{let B=j.size||24;return`<div class="craft-spinner" style="width:${B}px;height:${B}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:(j,q)=>{let B=j.open?"open":"",K=j.title||"";return`<dialog class="craft-modal" ${B}>
-        <div class="craft-modal-content">
-          ${K?`<div class="craft-modal-header"><h2>${K}</h2></div>`:""}
-          <div class="craft-modal-body">${q}</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:(j,q)=>{let B=j.open?"open":"",K=j.title||"Details";return`<details class="craft-accordion" ${B}>
-        <summary class="craft-accordion-header">${K}</summary>
-        <div class="craft-accordion-content">${q}</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:(j,q)=>{let B=j.variant||"info",K=j.title||"";return`<div class="craft-alert craft-alert-${B}" role="alert">
-        ${K?`<div class="craft-alert-title">${K}</div>`:""}
-        <div class="craft-alert-content">${q}</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:(j,q)=>{let B=j.content||"",K=j.position||"top";return`<span class="craft-tooltip" data-tooltip="${B}" data-position="${K}">${q}</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"],render:F},"sidebar-section":{nativeType:"craft-sidebar-section",fallbackTag:"section",fallbackClasses:"craft-sidebar-section",nativeProps:["id","title","header"],render:H},"sidebar-item":{nativeType:"craft-sidebar-item",fallbackTag:"button",fallbackClasses:"craft-sidebar-item",nativeProps:["id","label","icon","badge","tintColor"],render:k},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:(j,q)=>{return`<input type="color" class="craft-color-picker" value="${j.value||"#000000"}">`}},"date-picker":{nativeType:"craft-date-picker",fallbackTag:"input",fallbackClasses:"craft-date-picker",nativeProps:["value","min","max","format"],render:(j,q)=>{let B=j.value||"",K=j.min||"",L=j.max||"";return`<input type="date" class="craft-date-picker" value="${B}" min="${K}" max="${L}">`}},"time-picker":{nativeType:"craft-time-picker",fallbackTag:"input",fallbackClasses:"craft-time-picker",nativeProps:["value","min","max","step"],render:(j,q)=>{return`<input type="time" class="craft-time-picker" value="${j.value||""}">`}}},N=`
-<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);
-}
-
-.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>
-`,C=`
-<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;
-
-    try {
-      var nativeConfig = Object.assign({}, config);
-      delete nativeConfig.sections;
-      var nativeSidebar = nativeUI.createSidebar(nativeConfig);
-      if (nativeSidebar && 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 _(j,q={}){let{classPrefix:B="craft"}=q;if(!j.includes("craft-component-styles"))if(j.includes("</head>"))j=j.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);
-}
-
-.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(j.includes("<style>"))j=j.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);
-}
-
-.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 j=`
-<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);
-}
-
-.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>
-`+j;if(!j.includes("craft-component-runtime"))if(j.includes("</body>"))j=j.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;
-
-    try {
-      var nativeConfig = Object.assign({}, config);
-      delete nativeConfig.sections;
-      var nativeSidebar = nativeUI.createSidebar(nativeConfig);
-      if (nativeSidebar && 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 j+=`
-<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;
-
-    try {
-      var nativeConfig = Object.assign({}, config);
-      delete nativeConfig.sections;
-      var nativeSidebar = nativeUI.createSidebar(nativeConfig);
-      if (nativeSidebar && 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 j=j.replace(/<@craft-sidebar\s*([^>]*)>([\s\S]*?)<\/@craft-sidebar>/g,(K,L,U)=>{return $("sidebar",L,U.trim(),q,B)}),j=j.replace(/<@craft-sidebar\s*([^>]*?)\/>/g,(K,L)=>{return $("sidebar",L,"",q,B)}),j=j.replace(/<@craft-(\w+[-\w]*)\s*([^>]*?)\/>/g,(K,L,U)=>{return $(L,U,"",q,B)}),j=j.replace(/<@craft-(\w+[-\w]*)\s*([^>]*)>([\s\S]*?)<\/@craft-\1>/g,(K,L,U,V)=>{return $(L,U,V.trim(),q,B)}),j}function $(j,q,B,K,L){let U=K.components?.[j]||w[j];if(!U)return console.warn(`[stx] Unknown Craft component: @craft-${j}`),`<div class="${L}-unknown" data-component="${j}">${B}</div>`;let V=J(q),X=[U.fallbackClasses||`${L}-${j}`];if(V.class)X.push(V.class),delete V.class;if(U.render)return V.__fallbackClasses=X.join(" "),U.render(V,B);let W=x(V,U,X);if(["input","hr","br","img"].includes(U.fallbackTag))return`<${U.fallbackTag} ${W}>`;return`<${U.fallbackTag} ${W}>${B}</${U.fallbackTag}>`}function J(j){let q={},B=/(?::|@)?(\w+[-\w]*)(?:=(?:"([^"]*)"|'([^']*)'))?/g,K;while((K=B.exec(j))!==null){let[L,U,V,X]=K,W=V??X;if(L.startsWith(":"))q[U]=W;else if(L.startsWith("@"))q[`on${U.charAt(0).toUpperCase()}${U.slice(1)}`]=W;else if(W===void 0)q[U]=!0;else q[U]=W}return q}function F(j,q){let B=G(String(j.id||`craft-sidebar-${D(q||JSON.stringify(j))}`)),K=M(j.sections)||O(q),L=String(j.selectedItem||j.selected||K[0]?.items[0]?.id||""),U={id:B,variant:String(j.variant||"desktop"),material:String(j.material||"sidebar"),backgroundEffect:String(j.backgroundEffect||"shimmer"),allowsVibrancy:j.allowsVibrancy!==!1&&j.allowsVibrancy!=="false",materialOpacity:Number(j.materialOpacity??0.68),materialDarkOpacity:j.materialDarkOpacity===void 0?void 0:Number(j.materialDarkOpacity),minWidth:j.minWidth===void 0?240:Number(j.minWidth),maxWidth:j.maxWidth===void 0?340:Number(j.maxWidth),canCollapse:j.canCollapse!==!1&&j.canCollapse!=="false",searchPlaceholder:j.searchPlaceholder?String(j.searchPlaceholder):void 0,selectedItem:L,sections:K},V=String(j.__fallbackClasses||"craft-sidebar craft-sidebar-tahoe"),X=Number(j.width||j.sidebarWidth||286),W=j.native===!1||j.native==="false"?"false":"true",Q=U.searchPlaceholder?`<div class="craft-sidebar-search"><input type="search" placeholder="${Z(U.searchPlaceholder)}"></div>`:"",E=K.length?K.map((R)=>z(R,L)).join(""):q;return`<aside class="${Y(V)}" data-craft="craft-sidebar" data-craft-native-sidebar data-craft-sidebar-id="${Y(B)}" data-native="${W}" style="--craft-sidebar-width:${X}px">
-  ${Q}
-  ${E}
-</aside>
-<script type="application/json" data-craft-sidebar-config="${Y(B)}">${I(U)}</script>`}function H(j,q){let B=String(j.header||j.title||"");return`<section class="craft-sidebar-section" data-craft="craft-sidebar-section" data-section-id="${Y(String(j.id||"section"))}">
-    ${B?`<div class="craft-sidebar-section-title">${Z(B)}</div>`:""}
-    ${q}
-  </section>`}function k(j,q){let B={id:String(j.id||G(String(j.label||q||"item"))),label:String(j.label||q||""),icon:j.icon?String(j.icon):void 0,badge:j.badge?String(j.badge):void 0,tintColor:j.tintColor?String(j.tintColor):void 0};return y(B,String(j.selected||"")==="true")}function O(j){let q=[],B=/<@craft-sidebar-section\s*([^>]*?)(?:\/>|>([\s\S]*?)<\/@craft-sidebar-section>)/g,K;while((K=B.exec(j))!==null){let L=J(K[1]||""),U=K[2]||"",V=String(L.id||G(String(L.header||L.title||`section-${q.length+1}`))),X=String(L.header||L.title||V),W=T(U);q.push({id:V,header:X,title:X,items:W})}return q}function T(j){let q=[],B=/<@craft-sidebar-item\s*([^>]*?)(?:\/>|>([\s\S]*?)<\/@craft-sidebar-item>)/g,K;while((K=B.exec(j))!==null){let L=J(K[1]||""),U=String(L.label||(K[2]||"").replace(/<[^>]*>/g,"").trim()),V=String(L.id||G(U||`item-${q.length+1}`));q.push({id:V,label:U,icon:L.icon?String(L.icon):void 0,badge:L.badge?String(L.badge):void 0,tintColor:L.tintColor?String(L.tintColor):void 0})}return q}function M(j){if(!j)return;if(Array.isArray(j))return j;if(typeof j!=="string")return;try{let q=JSON.parse(j);return Array.isArray(q)?q:void 0}catch{return}}function z(j,q){let B=j.header||j.title||j.id;return`<section class="craft-sidebar-section" data-section-id="${Y(j.id)}">
-    <div class="craft-sidebar-section-title">${Z(B)}</div>
-    ${j.items.map((K)=>y(K,K.id===q)).join("")}
-  </section>`}function y(j,q){let B=j.tintColor?` style="--craft-sidebar-icon-color:${Y(j.tintColor)}"`:"";return`<button class="craft-sidebar-item" type="button" data-item-id="${Y(j.id)}" data-selected="${q?"true":"false"}">
-    ${j.icon?`<span class="craft-sidebar-item-icon" data-icon="${Y(j.icon)}"${B}></span>`:""}
-    <span class="craft-sidebar-item-label">${Z(j.label)}</span>
-    ${j.badge?`<span class="craft-sidebar-item-badge">${Z(j.badge)}</span>`:""}
-  </button>`}function G(j){return j.trim().toLowerCase().replace(/[^a-z0-9_-]+/g,"-").replace(/^-|-$/g,"")||"craft-sidebar"}function D(j){let q=5381;for(let B=0;B<j.length;B++)q=q*33^j.charCodeAt(B);return(q>>>0).toString(36)}function Z(j){return j.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function Y(j){return Z(j).replace(/`/g,"&#96;")}function I(j){return JSON.stringify(j).replace(/</g,"\\u003c").replace(/>/g,"\\u003e").replace(/&/g,"\\u0026")}function x(j,q,B){let K=[];K.push(`class="${B.join(" ")}"`),K.push(`data-craft="${q.nativeType}"`);for(let[L,U]of Object.entries(j))if(U===!0)K.push(L);else if(U!==!1&&U!==void 0&&U!==null){let V=String(U).replace(/"/g,"&quot;");K.push(`${L}="${V}"`)}return K.join(" ")}function A(j,q){w[j]=q}function P(){return{...w}}var g={CRAFT_COMPONENTS:w,CRAFT_COMPONENT_STYLES:`
-<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);
-}
-
-.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>
-`,CRAFT_COMPONENT_RUNTIME:`
-<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;
-
-    try {
-      var nativeConfig = Object.assign({}, config);
-      delete nativeConfig.sections;
-      var nativeSidebar = nativeUI.createSidebar(nativeConfig);
-      if (nativeSidebar && 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>
-`,processCraftComponents:_,registerCraftComponent:A,getCraftComponents:P},S=g;
-export{w as Fo,N as Go,C as Ho,_ as Io,A as Jo,P as Ko,S as Lo};