@jxsuite/studio 2.0.1 → 2.1.0

package/dist/chunks/studio-0xgs7xrs.js

@@ -1,429 +0,0 @@
-import {
-  activeTab,
-  effect,
-  effectScope,
-  getNodeAtPath,
-  nodeLabel,
-  renderOnly,
-  statusbarEl,
-  updateSession
-} from "./studio-sjh1wt1a.js";
-import {
-  ref
-} from "./studio-4k0m4fmp.js";
-import {
-  html,
-  nothing,
-  render
-} from "./studio-5x5774ak.js";
-
-// ../schema/src/parse.ts
-function errorMessage(e) {
-  return e instanceof Error ? e.message : String(e);
-}
-
-// src/view.ts
-var view = {
-  panzoomWrap: null,
-  renderGeneration: 0,
-  centerObserver: null,
-  needsCenter: true,
-  panX: 0,
-  panY: 0,
-  prevCanvasMode: null,
-  monacoEditor: null,
-  functionEditor: null,
-  blockActionBarEl: null,
-  selDragCleanup: null,
-  dndCleanups: [],
-  canvasDndCleanups: [],
-  canvasEventCleanups: [],
-  forcedStyleTag: null,
-  forcedAttrEl: null,
-  elementsCollapsed: new Set,
-  elementsFilter: "",
-  _currentDropTargetRow: null,
-  layerDragSourceHeight: 0,
-  _completionRegistered: false,
-  showAddBreakpointForm: false,
-  addBreakpointPreview: "",
-  layoutSelection: null,
-  leftTab: "layers",
-  leftPanelCollapsed: false,
-  rightPanelCollapsed: false,
-  chatPanelCollapsed: false,
-  _layersCollapsed: null
-};
-var COLLAPSE_STORAGE_KEY = "jx-studio-panel-widths";
-function applyPanelCollapse() {
-  const app = document.querySelector("#app");
-  if (!app) {
-    return;
-  }
-  app.classList.toggle("left-collapsed", view.leftPanelCollapsed);
-  app.classList.toggle("right-collapsed", view.rightPanelCollapsed);
-  app.classList.toggle("chat-collapsed", view.chatPanelCollapsed);
-  try {
-    const saved = JSON.parse(localStorage.getItem(COLLAPSE_STORAGE_KEY) || "{}");
-    saved.leftCollapsed = view.leftPanelCollapsed;
-    saved.rightCollapsed = view.rightPanelCollapsed;
-    saved.chatCollapsed = view.chatPanelCollapsed;
-    localStorage.setItem(COLLAPSE_STORAGE_KEY, JSON.stringify(saved));
-  } catch {}
-}
-
-// src/ui/layers.ts
-var _popoverLayer;
-var _modalLayer;
-var _dialogLayer;
-function initLayers() {
-  _popoverLayer = document.querySelector("#layer-popover");
-  _modalLayer = document.querySelector("#layer-modal");
-  _dialogLayer = document.querySelector("#layer-dialog");
-}
-var UNDERLAID = "sp-dialog-wrapper[open], sp-underlay[open]";
-function isModalOpen() {
-  return Boolean(_dialogLayer?.querySelector(UNDERLAID) || _modalLayer?.querySelector(UNDERLAID));
-}
-var BODY_FOCUSABLE = 'input, textarea, select, button, sp-textfield, sp-button, sp-picker, sp-checkbox, [tabindex]:not([tabindex="-1"])';
-function focusDialog(slot) {
-  requestAnimationFrame(() => {
-    if (!slot.isConnected || slot.contains(document.activeElement)) {
-      return;
-    }
-    const wrapper = slot.querySelector("sp-dialog-wrapper");
-    const target = slot.querySelector(BODY_FOCUSABLE) ?? wrapper?.shadowRoot?.querySelector("sp-button") ?? null;
-    target?.focus();
-  });
-}
-function showDialog(templateFn) {
-  return new Promise((resolve) => {
-    const slot = document.createElement("div");
-    slot.style.pointerEvents = "auto";
-    _dialogLayer.append(slot);
-    const restoreTo = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-    let resolved = false;
-    const onKeydown = (e) => {
-      if (e.key !== "Escape") {
-        return;
-      }
-      const wrapper = slot.querySelector("sp-dialog-wrapper");
-      if (!wrapper) {
-        return;
-      }
-      e.preventDefault();
-      e.stopPropagation();
-      wrapper.dispatchEvent(new Event("close", { bubbles: true }));
-    };
-    slot.addEventListener("keydown", onKeydown);
-    const done = (value) => {
-      if (resolved) {
-        return;
-      }
-      resolved = true;
-      slot.removeEventListener("keydown", onKeydown);
-      render(nothing, slot);
-      slot.remove();
-      if (restoreTo?.isConnected) {
-        restoreTo.focus();
-      }
-      resolve(value);
-    };
-    render(templateFn(done), slot);
-    focusDialog(slot);
-  });
-}
-function showConfirmDialog(headline, message, opts = {}) {
-  const { confirmLabel = "Confirm", cancelLabel = "Cancel", destructive = false } = opts;
-  return showDialog((done) => html`
-      <sp-dialog-wrapper
-        open
-        underlay
-        headline=${headline}
-        confirm-label=${confirmLabel}
-        cancel-label=${cancelLabel}
-        size="s"
-        @confirm=${() => done(true)}
-        @cancel=${() => done(false)}
-        @close=${() => done(false)}
-        class=${destructive ? "dialog-destructive" : ""}
-      >
-        <p>${message}</p>
-      </sp-dialog-wrapper>
-    `);
-}
-function showSaveDiscardDialog(headline, message, opts = {}) {
-  const { saveLabel = "Save", discardLabel = "Discard", cancelLabel = "Cancel" } = opts;
-  return showDialog((done) => html`
-      <sp-dialog-wrapper
-        open
-        underlay
-        headline=${headline}
-        confirm-label=${saveLabel}
-        secondary-label=${discardLabel}
-        cancel-label=${cancelLabel}
-        size="s"
-        @confirm=${() => done("save")}
-        @secondary=${() => done("discard")}
-        @cancel=${() => done("cancel")}
-        @close=${() => done("cancel")}
-      >
-        <p>${message}</p>
-      </sp-dialog-wrapper>
-    `);
-}
-function showPromptDialog(headline, opts = {}) {
-  const {
-    cancelLabel = "Cancel",
-    confirmLabel = "OK",
-    message,
-    placeholder = "",
-    select = "all",
-    validate,
-    value: initialValue = ""
-  } = opts;
-  const check = (candidate) => validate ? validate(candidate) : candidate.trim() ? "" : "Enter a value.";
-  let value = initialValue;
-  let error = "";
-  let wrapperEl = null;
-  let focusRequested = false;
-  return showDialog((done) => {
-    function rerender() {
-      const host = wrapperEl?.parentElement;
-      if (host) {
-        render(buildTpl(), host);
-      }
-    }
-    function confirm() {
-      error = check(value);
-      if (error) {
-        rerender();
-        return;
-      }
-      done(value.trim());
-    }
-    function onInput(e) {
-      value = e.target.value || "";
-      const next = check(value);
-      if (next !== error) {
-        error = next;
-        rerender();
-      }
-    }
-    function onKeydown(e) {
-      if (e.key === "Enter") {
-        confirm();
-      }
-    }
-    function onWrapperRef(el) {
-      if (el) {
-        wrapperEl = el;
-      }
-    }
-    function onFieldRef(el) {
-      if (!el || focusRequested) {
-        return;
-      }
-      focusRequested = true;
-      const field = el;
-      requestAnimationFrame(() => {
-        field.focus();
-        const input = field.shadowRoot?.querySelector("input");
-        if (!input || select === "none") {
-          return;
-        }
-        if (select === "stem") {
-          const dot = input.value.lastIndexOf(".");
-          input.setSelectionRange(0, dot > 0 ? dot : input.value.length);
-          return;
-        }
-        input.select();
-      });
-    }
-    function buildTpl() {
-      return html`
-        <sp-dialog-wrapper
-          open
-          underlay
-          headline=${headline}
-          confirm-label=${confirmLabel}
-          cancel-label=${cancelLabel}
-          size="s"
-          @confirm=${confirm}
-          @cancel=${() => done(null)}
-          @close=${() => done(null)}
-          ${ref(onWrapperRef)}
-        >
-          ${message ? html`<p style="margin:0 0 8px">${message}</p>` : nothing}
-          <sp-textfield
-            style="width:100%"
-            placeholder=${placeholder}
-            value=${value}
-            ?invalid=${Boolean(error)}
-            @input=${onInput}
-            @keydown=${onKeydown}
-            ${ref(onFieldRef)}
-          >
-            ${error ? html`<sp-help-text slot="negative-help-text">${error}</sp-help-text>` : nothing}
-          </sp-textfield>
-        </sp-dialog-wrapper>
-      `;
-    }
-    return buildTpl();
-  });
-}
-function openModal(template) {
-  const slot = document.createElement("div");
-  slot.style.pointerEvents = "auto";
-  _modalLayer.append(slot);
-  render(template, slot);
-  return {
-    close() {
-      render(nothing, slot);
-      slot.remove();
-    },
-    host: slot,
-    update(tpl) {
-      render(tpl, slot);
-    }
-  };
-}
-function renderPopover(template, opts = {}) {
-  const slot = document.createElement("div");
-  slot.style.pointerEvents = "auto";
-  const target = opts.layer === "modal" ? _modalLayer : opts.layer === "dialog" ? _dialogLayer : _popoverLayer;
-  target.append(slot);
-  render(template, slot);
-  let outsideClickHandler = null;
-  if (opts.dismissOnOutsideClick !== false) {
-    outsideClickHandler = (e) => {
-      if (!slot.contains(e.target)) {
-        handle.dismiss();
-        opts.onDismiss?.();
-      }
-    };
-    requestAnimationFrame(() => {
-      if (outsideClickHandler) {
-        document.addEventListener("mousedown", outsideClickHandler, true);
-      }
-    });
-  }
-  const handle = {
-    dismiss() {
-      if (outsideClickHandler) {
-        document.removeEventListener("mousedown", outsideClickHandler, true);
-      }
-      render(nothing, slot);
-      slot.remove();
-    },
-    host: slot,
-    update(tpl) {
-      render(tpl, slot);
-    }
-  };
-  return handle;
-}
-var _namedSlots = new Map;
-function getLayerSlot(layer, id) {
-  const key = `${layer}:${id}`;
-  let slot = _namedSlots.get(key);
-  if (slot && slot.parentElement) {
-    return slot;
-  }
-  slot = document.createElement("div");
-  slot.style.pointerEvents = "auto";
-  const target = (layer === "popover" ? _popoverLayer : layer === "modal" ? _modalLayer : _dialogLayer) || document.body;
-  target.append(slot);
-  _namedSlots.set(key, slot);
-  return slot;
-}
-
-// src/panels/statusbar.ts
-var statusMsg = "";
-var statusTimeout;
-var _rerender = null;
-var _scope = null;
-function setStatusbarRenderer(fn) {
-  _rerender = fn;
-}
-function mountStatusbar() {
-  _scope = effectScope();
-  _scope.run(() => {
-    effect(() => {
-      const tab = activeTab.value;
-      if (!tab) {
-        return;
-      }
-      tab.doc.document;
-      tab.doc.mode;
-      tab.session.selection;
-      tab.session.ui.stylebookSelection;
-      renderStatusbar();
-    });
-  });
-  statusbarEl?.addEventListener("click", _onStatusbarClick);
-}
-function esc(text) {
-  return String(text).replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
-}
-function renderStatusbar() {
-  const tab = activeTab.value;
-  const parts = [];
-  if (tab?.doc.mode === "content") {
-    parts.push("Content Mode");
-  }
-  if (tab?.session.selection?.length) {
-    const sel = tab.session.selection;
-    const node = getNodeAtPath(tab.doc.document, sel);
-    parts.push(`Selected: ${esc(nodeLabel(node))}`);
-    const pathSegments = [];
-    for (let i = 0;i < sel.length; ) {
-      const seg = sel[i];
-      const step = seg === "map" ? 1 : 2;
-      const subPath = sel.slice(0, i + step);
-      const childNode = getNodeAtPath(tab.doc.document, subPath);
-      const fallbackTag = childNode?.tag;
-      const label = childNode?.$prototype === "Array" ? "Repeater" : childNode?.tagName || (typeof fallbackTag === "string" ? fallbackTag : "") || (seg === "cases" ? String(sel[i + 1]) : `[${sel[i + 1]}]`);
-      const dataPath = JSON.stringify(subPath);
-      pathSegments.push(`<span class="sb-path-seg" data-path='${esc(dataPath)}'>${esc(label)}</span>`);
-      i += step;
-    }
-    parts.push(`Path: ${pathSegments.join(' <span class="sb-path-sep">&gt;</span> ')}`);
-  } else if (tab?.session.ui.stylebookSelection) {
-    const sel = tab.session.ui.stylebookSelection;
-    parts.push(`Style: ${esc(sel.replaceAll(" ", " > "))}`);
-  }
-  if (statusMsg) {
-    parts.push(esc(statusMsg));
-  }
-  statusbarEl.innerHTML = parts.join("  |  ") || "Jx Studio";
-}
-function _onStatusbarClick(e) {
-  const target = e.target;
-  if (!target.classList.contains("sb-path-seg")) {
-    return;
-  }
-  const pathStr = target.dataset.path;
-  if (!pathStr) {
-    return;
-  }
-  try {
-    const path = JSON.parse(pathStr);
-    updateSession({ selection: path });
-    renderOnly("leftPanel", "rightPanel", "canvas");
-  } catch {}
-}
-function statusMessage(msg, duration = 3000) {
-  statusMsg = msg;
-  _rerender?.();
-  clearTimeout(statusTimeout);
-  statusTimeout = setTimeout(() => {
-    statusMsg = "";
-    _rerender?.();
-  }, duration);
-}
-
-export { errorMessage, view, applyPanelCollapse, initLayers, isModalOpen, showDialog, showConfirmDialog, showSaveDiscardDialog, showPromptDialog, openModal, renderPopover, getLayerSlot, setStatusbarRenderer, mountStatusbar, renderStatusbar, statusMessage };
-
-//# debugId=FA6A26CABA076F0464756E2164756E21
-//# sourceMappingURL=studio-0xgs7xrs.js.map

package/dist/chunks/studio-0xgs7xrs.js.map

@@ -1,13 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../schema/src/parse.ts", "../src/view.ts", "../src/ui/layers.ts", "../src/panels/statusbar.ts"],
-  "sourcesContent": [
-    "/**\n * Typed parse boundary for Jx documents and configs.\n *\n * Raw `JSON.parse()` returns `any`, which silently disables checking for everything downstream.\n * These helpers are the single sanctioned crossing point: they parse, structurally verify, and\n * return the domain type — failures carry the source path.\n */\n\nimport type { JxClassDef, JxDocument, ProjectConfig } from \"../types\";\nimport { isJsonObject } from \"./guards\";\n\n// ─── Error helpers ──────────────────────────────────────────────────────────────\n\n/** Extract a human-readable message from a caught `unknown`. */\nexport function errorMessage(e: unknown): string {\n  return e instanceof Error ? e.message : String(e);\n}\n\n/** Coerce a caught `unknown` to an Error without losing the original. */\nexport function toError(e: unknown): Error {\n  return e instanceof Error ? e : new Error(String(e));\n}\n\n// ─── Parse helpers ──────────────────────────────────────────────────────────────\n\nfunction parseObject(text: string, sourcePath: string, what: string): Record<string, unknown> {\n  let parsed: unknown;\n  try {\n    parsed = JSON.parse(text);\n  } catch (error) {\n    throw new Error(`Failed to parse ${what} at ${sourcePath}: ${errorMessage(error)}`, {\n      cause: error,\n    });\n  }\n  if (!isJsonObject(parsed)) {\n    throw new Error(`Invalid ${what} at ${sourcePath}: expected a JSON object`);\n  }\n  return parsed;\n}\n\n/** Parse a Jx document (.json page/layout/component source). */\nexport function parseJxDocument(text: string, sourcePath: string): JxDocument {\n  return parseObject(text, sourcePath, \"Jx document\") as JxDocument;\n}\n\n/** Parse a project.json site configuration. */\nexport function parseProjectConfig(text: string, sourcePath: string): ProjectConfig {\n  return parseObject(text, sourcePath, \"project config\") as ProjectConfig;\n}\n\n/**\n * Parse a .class.json schema-defined class. Note: `$prototype: \"Class\"` is the canonical\n * discriminator but is not required — existing class files omit it.\n */\nexport function parseClassDef(text: string, sourcePath: string): JxClassDef {\n  return parseObject(text, sourcePath, \"class definition\") as unknown as JxClassDef;\n}\n",
-    "/// <reference lib=\"dom\" />\n/**\n * View.js — Transient view state for Jx Studio\n *\n * Holds DOM references, editor instances, cleanup functions, and other mutable state that is the\n * OUTPUT of renderers (not the input). Separating this from persistent app state (in S via\n * store.js) makes renderer dependencies explicit.\n */\n\nimport type { editor } from \"monaco-editor\";\n\ninterface ViewState {\n  panzoomWrap: HTMLElement | null;\n  renderGeneration: number;\n  centerObserver: ResizeObserver | null;\n  needsCenter: boolean;\n  panX: number;\n  panY: number;\n  prevCanvasMode: string | null;\n  monacoEditor:\n    | (editor.IStandaloneCodeEditor & {\n        _ignoreNextChange?: boolean;\n      })\n    | null;\n  functionEditor:\n    | (editor.IStandaloneCodeEditor & {\n        _ignoreNextChange?: boolean;\n        _editingTarget?: string | null;\n      })\n    | null;\n  blockActionBarEl: HTMLElement | null;\n  selDragCleanup: (() => void) | null;\n  dndCleanups: (() => void)[];\n  canvasDndCleanups: (() => void)[];\n  canvasEventCleanups: (() => void)[];\n  forcedStyleTag: HTMLStyleElement | null;\n  forcedAttrEl: HTMLElement | null;\n  elementsCollapsed: Set<string>;\n  elementsFilter: string;\n  _currentDropTargetRow: HTMLElement | null;\n  layerDragSourceHeight: number;\n  _completionRegistered: boolean;\n  showAddBreakpointForm: boolean;\n  addBreakpointPreview: string;\n  layoutSelection: unknown;\n  leftTab: string;\n  leftPanelCollapsed: boolean;\n  rightPanelCollapsed: boolean;\n  chatPanelCollapsed: boolean;\n  _layersCollapsed: Set<string> | null;\n  [key: string]: unknown;\n}\n\nexport const view: ViewState = {\n  // Canvas infrastructure\n  panzoomWrap: null,\n  renderGeneration: 0,\n  centerObserver: null,\n  needsCenter: true,\n  panX: 0,\n  panY: 0,\n  prevCanvasMode: null,\n\n  // Editor instances\n  monacoEditor: null,\n  functionEditor: null,\n\n  // Floating UI containers\n  blockActionBarEl: null,\n\n  // Selection & drag\n  selDragCleanup: null,\n\n  // Cleanup arrays (reset on each render cycle)\n  dndCleanups: [],\n  canvasDndCleanups: [],\n  canvasEventCleanups: [],\n\n  // Pseudo-state preview\n  forcedStyleTag: null,\n  forcedAttrEl: null,\n\n  // Left panel / elements UI\n  elementsCollapsed: new Set(),\n  elementsFilter: \"\",\n\n  // Drag interaction\n  _currentDropTargetRow: null,\n  layerDragSourceHeight: 0,\n\n  // Editor state\n  _completionRegistered: false,\n\n  // Canvas / stylebook\n\n  // Responsive breakpoints UI\n  showAddBreakpointForm: false,\n  addBreakpointPreview: \"\",\n\n  // Layout selection (when user clicks a layout element)\n  layoutSelection: null,\n\n  // Global UI state (persists across tab switches)\n  leftTab: \"layers\",\n  leftPanelCollapsed: false,\n  rightPanelCollapsed: false,\n  chatPanelCollapsed: false,\n\n  // Layers panel collapsed state\n  _layersCollapsed: null,\n};\n\nconst COLLAPSE_STORAGE_KEY = \"jx-studio-panel-widths\";\n\nexport function applyPanelCollapse() {\n  const app = document.querySelector(\"#app\");\n  if (!app) {\n    return;\n  }\n  app.classList.toggle(\"left-collapsed\", view.leftPanelCollapsed);\n  app.classList.toggle(\"right-collapsed\", view.rightPanelCollapsed);\n  app.classList.toggle(\"chat-collapsed\", view.chatPanelCollapsed);\n  try {\n    const saved = JSON.parse(localStorage.getItem(COLLAPSE_STORAGE_KEY) || \"{}\") as Record<\n      string,\n      unknown\n    >;\n    saved.leftCollapsed = view.leftPanelCollapsed;\n    saved.rightCollapsed = view.rightPanelCollapsed;\n    saved.chatCollapsed = view.chatPanelCollapsed;\n    localStorage.setItem(COLLAPSE_STORAGE_KEY, JSON.stringify(saved));\n  } catch {\n    // Storage unavailable\n  }\n}\n",
-    "/// <reference lib=\"dom\" />\n/**\n * The overlay layers — the only sanctioned way to open a popover, modal, or dialog in Studio.\n *\n * Everything renders into one of the three fixed hosts declared in index.html (#layer-popover,\n * #layer-modal, #layer-dialog), bound once at boot by initLayers(). Native browser dialogs\n * (`prompt`, `confirm`, `alert`) are not permitted anywhere in Studio — use `showPromptDialog`,\n * `showConfirmDialog`, or `showSaveDiscardDialog`. See studio-ui-guidelines.md §8.7.\n */\nimport { html, render as litRender, nothing } from \"lit-html\";\nimport { ref } from \"lit-html/directives/ref.js\";\nimport type { TemplateResult } from \"lit-html\";\n\nlet _popoverLayer: HTMLElement;\nlet _modalLayer: HTMLElement;\nlet _dialogLayer: HTMLElement;\n\nexport function initLayers() {\n  _popoverLayer = document.querySelector(\"#layer-popover\") as HTMLElement;\n  _modalLayer = document.querySelector(\"#layer-modal\") as HTMLElement;\n  _dialogLayer = document.querySelector(\"#layer-dialog\") as HTMLElement;\n}\n\n/** Anything in the modal/dialog layers that paints a viewport-wide underlay over the app. */\nconst UNDERLAID = \"sp-dialog-wrapper[open], sp-underlay[open]\";\n\n/**\n * Whether a surface with an underlay is up — a dialog from {@link showDialog}, or an\n * {@link openModal} body that renders its own `sp-underlay`.\n *\n * Read by the app-level keyboard handlers, which must stand down while one is: an underlay swallows\n * every pointer event across the viewport, so leaving shortcuts live means <kbd>Delete</kbd>,\n * <kbd>Enter</kbd>, ⌘S and ⌘W keep hitting the document BEHIND a surface the author cannot even\n * click on. Derived from the live DOM rather than a registration counter, so the rule is simply\n * \"whatever blocks the mouse blocks the keyboard\" — no bookkeeping for a new modal to forget.\n */\nexport function isModalOpen(): boolean {\n  return Boolean(_dialogLayer?.querySelector(UNDERLAID) || _modalLayer?.querySelector(UNDERLAID));\n}\n\n/** Focusable candidates in a dialog BODY, in the order a keyboard user would reach them. */\nconst BODY_FOCUSABLE =\n  'input, textarea, select, button, sp-textfield, sp-button, sp-picker, sp-checkbox, [tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * Hand the keyboard to a freshly opened dialog.\n *\n * `sp-dialog-wrapper` only throws focus into itself when an `<sp-overlay>` drives it. Opened\n * directly through its `open` attribute — Studio's pattern, because this layer stack owns stacking\n * rather than Spectrum's overlay system — NOTHING does, so focus stays on whatever sits behind the\n * underlay: the dialog is unreachable by keyboard, <kbd>Escape</kbd> never reaches it, and\n * keystrokes keep landing in the app the underlay is blocking.\n *\n * Prefers the first focusable in the dialog BODY (a bespoke form's opening field), else the\n * wrapper's own cancel button — DialogWrapper renders cancel → secondary → confirm, so the first\n * shadow button is the least destructive landing spot. A body that already claimed focus\n * ({@link showPromptDialog}'s field) is left alone.\n */\nfunction focusDialog(slot: HTMLElement): void {\n  // Deferred a frame: the wrapper's buttons live in a shadow root Spectrum renders asynchronously.\n  requestAnimationFrame(() => {\n    if (!slot.isConnected || slot.contains(document.activeElement)) {\n      return;\n    }\n    const wrapper = slot.querySelector(\"sp-dialog-wrapper\");\n    const target =\n      slot.querySelector<HTMLElement>(BODY_FOCUSABLE) ??\n      wrapper?.shadowRoot?.querySelector<HTMLElement>(\"sp-button\") ??\n      null;\n    target?.focus();\n  });\n}\n\n/**\n * Show an ephemeral dialog. Returns a Promise that resolves when the dialog is dismissed.\n *\n * Takes the keyboard on open ({@link focusDialog}) and hands it back to the previously focused\n * element on close. <kbd>Escape</kbd> dismisses by firing the wrapper's `close` event, so each\n * helper's own `@close` binding decides what \"dismissed\" resolves to; a bespoke body with no\n * `sp-dialog-wrapper` owns its own keys.\n *\n * @template T\n * @param {(done: (value: T) => void) => import(\"lit-html\").TemplateResult} templateFn\n * @returns {Promise<T>}\n */\nexport function showDialog<T>(\n  templateFn: (done: (value: T) => void) => TemplateResult,\n): Promise<T> {\n  return new Promise((resolve) => {\n    const slot = document.createElement(\"div\");\n    slot.style.pointerEvents = \"auto\";\n    _dialogLayer.append(slot);\n    // Whoever held focus before the modal took it, so it can be handed back (a dialog opened from a\n    // Toolbar button returns the caret to that button, not to <body>).\n    const restoreTo = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n    let resolved = false;\n    const onKeydown = (e: KeyboardEvent) => {\n      if (e.key !== \"Escape\") {\n        return;\n      }\n      const wrapper = slot.querySelector(\"sp-dialog-wrapper\");\n      if (!wrapper) {\n        return;\n      }\n      // Stop it ALSO reaching the app behind (which clears the canvas selection on Escape).\n      e.preventDefault();\n      e.stopPropagation();\n      wrapper.dispatchEvent(new Event(\"close\", { bubbles: true }));\n    };\n    slot.addEventListener(\"keydown\", onKeydown);\n    const done = (value: T) => {\n      if (resolved) {\n        return;\n      }\n      resolved = true;\n      slot.removeEventListener(\"keydown\", onKeydown);\n      litRender(nothing, slot);\n      slot.remove();\n      if (restoreTo?.isConnected) {\n        restoreTo.focus();\n      }\n      resolve(value);\n    };\n    litRender(templateFn(done), slot);\n    focusDialog(slot);\n  });\n}\n\n/**\n * Show a confirm/cancel dialog. Returns true if confirmed, false otherwise.\n *\n * @param {string} headline\n * @param {string | import(\"lit-html\").TemplateResult} message\n * @param {{ confirmLabel?: string; cancelLabel?: string; destructive?: boolean }} [opts]\n * @returns {Promise<boolean>}\n */\nexport function showConfirmDialog(\n  headline: string,\n  message: string | TemplateResult,\n  opts: {\n    confirmLabel?: string;\n    cancelLabel?: string;\n    destructive?: boolean;\n  } = {},\n) {\n  const { confirmLabel = \"Confirm\", cancelLabel = \"Cancel\", destructive = false } = opts;\n  return showDialog(\n    (done) => html`\n      <sp-dialog-wrapper\n        open\n        underlay\n        headline=${headline}\n        confirm-label=${confirmLabel}\n        cancel-label=${cancelLabel}\n        size=\"s\"\n        @confirm=${() => done(true)}\n        @cancel=${() => done(false)}\n        @close=${() => done(false)}\n        class=${destructive ? \"dialog-destructive\" : \"\"}\n      >\n        <p>${message}</p>\n      </sp-dialog-wrapper>\n    `,\n  );\n}\n\n/**\n * Show a three-way Save / Discard / Cancel dialog. Resolves \"save\", \"discard\", or \"cancel\"\n * (dismiss/close counts as cancel).\n *\n * @param {string} headline\n * @param {string | import(\"lit-html\").TemplateResult} message\n * @param {{ saveLabel?: string; discardLabel?: string; cancelLabel?: string }} [opts]\n * @returns {Promise<\"save\" | \"discard\" | \"cancel\">}\n */\nexport function showSaveDiscardDialog(\n  headline: string,\n  message: string | TemplateResult,\n  opts: {\n    saveLabel?: string;\n    discardLabel?: string;\n    cancelLabel?: string;\n  } = {},\n): Promise<\"save\" | \"discard\" | \"cancel\"> {\n  const { saveLabel = \"Save\", discardLabel = \"Discard\", cancelLabel = \"Cancel\" } = opts;\n  return showDialog<\"save\" | \"discard\" | \"cancel\">(\n    (done) => html`\n      <sp-dialog-wrapper\n        open\n        underlay\n        headline=${headline}\n        confirm-label=${saveLabel}\n        secondary-label=${discardLabel}\n        cancel-label=${cancelLabel}\n        size=\"s\"\n        @confirm=${() => done(\"save\")}\n        @secondary=${() => done(\"discard\")}\n        @cancel=${() => done(\"cancel\")}\n        @close=${() => done(\"cancel\")}\n      >\n        <p>${message}</p>\n      </sp-dialog-wrapper>\n    `,\n  );\n}\n\n/** Options accepted by {@link showPromptDialog}. */\nexport interface PromptDialogOptions {\n  /** Label on the confirming button. */\n  confirmLabel?: string;\n  /** Label on the dismissing button. */\n  cancelLabel?: string;\n  /** Explanatory copy rendered above the text field. */\n  message?: string | TemplateResult;\n  /** Placeholder shown while the field is empty. */\n  placeholder?: string;\n  /** How much of the pre-filled value to select once the field takes focus. */\n  select?: \"all\" | \"stem\" | \"none\";\n  /**\n   * Validate the raw field value. Return an empty string when valid, or a message to show as\n   * negative help text (which also blocks confirmation). Defaults to \"must not be blank\".\n   */\n  validate?: (value: string) => string;\n  /** Pre-filled value. */\n  value?: string;\n}\n\n/**\n * Show a single-field text-entry dialog — the Spectrum replacement for `window.prompt()`.\n *\n * Resolves the trimmed value, or `null` when cancelled/dismissed. Confirming with an invalid value\n * keeps the dialog open and surfaces the validation message as negative help text.\n *\n * @param {string} headline\n * @param {PromptDialogOptions} [opts]\n * @returns {Promise<string | null>}\n */\nexport function showPromptDialog(\n  headline: string,\n  opts: PromptDialogOptions = {},\n): Promise<string | null> {\n  const {\n    cancelLabel = \"Cancel\",\n    confirmLabel = \"OK\",\n    message,\n    placeholder = \"\",\n    select = \"all\",\n    validate,\n    value: initialValue = \"\",\n  } = opts;\n\n  const check = (candidate: string) =>\n    validate ? validate(candidate) : candidate.trim() ? \"\" : \"Enter a value.\";\n\n  let value = initialValue;\n  let error = \"\";\n  let wrapperEl: HTMLElement | null = null;\n  let focusRequested = false;\n\n  return showDialog<string | null>((done) => {\n    function rerender() {\n      // Resolved lazily: lit commits element refs before inserting the fragment, so the host is\n      // Only reachable once the first render has landed.\n      const host = wrapperEl?.parentElement;\n      if (host) {\n        litRender(buildTpl(), host);\n      }\n    }\n\n    function confirm() {\n      error = check(value);\n      if (error) {\n        rerender();\n        return;\n      }\n      done(value.trim());\n    }\n\n    function onInput(e: Event) {\n      value = (e.target as HTMLInputElement).value || \"\";\n      const next = check(value);\n      if (next !== error) {\n        error = next;\n        rerender();\n      }\n    }\n\n    function onKeydown(e: KeyboardEvent) {\n      if (e.key === \"Enter\") {\n        confirm();\n      }\n    }\n\n    /** Capture the dialog element so validation errors can re-render in place. */\n    function onWrapperRef(el?: Element) {\n      if (el) {\n        wrapperEl = el as HTMLElement;\n      }\n    }\n\n    /** Focus (and optionally select) the field once, on first render only. */\n    function onFieldRef(el?: Element) {\n      if (!el || focusRequested) {\n        return;\n      }\n      focusRequested = true;\n      const field = el as HTMLElement;\n      requestAnimationFrame(() => {\n        field.focus();\n        const input = field.shadowRoot?.querySelector(\"input\");\n        if (!input || select === \"none\") {\n          return;\n        }\n        if (select === \"stem\") {\n          const dot = input.value.lastIndexOf(\".\");\n          input.setSelectionRange(0, dot > 0 ? dot : input.value.length);\n          return;\n        }\n        input.select();\n      });\n    }\n\n    function buildTpl() {\n      return html`\n        <sp-dialog-wrapper\n          open\n          underlay\n          headline=${headline}\n          confirm-label=${confirmLabel}\n          cancel-label=${cancelLabel}\n          size=\"s\"\n          @confirm=${confirm}\n          @cancel=${() => done(null)}\n          @close=${() => done(null)}\n          ${ref(onWrapperRef)}\n        >\n          ${\n            // Spectrum resets <p> margins to 0, so without this the copy sits flush on the field.\n            message ? html`<p style=\"margin:0 0 8px\">${message}</p>` : nothing\n          }\n          <sp-textfield\n            style=\"width:100%\"\n            placeholder=${placeholder}\n            value=${value}\n            ?invalid=${Boolean(error)}\n            @input=${onInput}\n            @keydown=${onKeydown}\n            ${ref(onFieldRef)}\n          >\n            ${\n              error\n                ? html`<sp-help-text slot=\"negative-help-text\">${error}</sp-help-text>`\n                : nothing\n            }\n          </sp-textfield>\n        </sp-dialog-wrapper>\n      `;\n    }\n\n    return buildTpl();\n  });\n}\n\n/**\n * Open a persistent modal. Returns a handle with update() and close() methods.\n *\n * @param {import(\"lit-html\").TemplateResult} template\n */\nexport function openModal(template: TemplateResult) {\n  const slot = document.createElement(\"div\");\n  slot.style.pointerEvents = \"auto\";\n  _modalLayer.append(slot);\n  litRender(template, slot);\n  return {\n    close() {\n      litRender(nothing, slot);\n      slot.remove();\n    },\n    host: slot,\n    /** @param {import(\"lit-html\").TemplateResult} tpl */\n    update(tpl: TemplateResult) {\n      litRender(tpl, slot);\n    },\n  };\n}\n\n/**\n * Render a popover into a layer.\n *\n * @param {import(\"lit-html\").TemplateResult} template\n * @param {{\n *   dismissOnOutsideClick?: boolean;\n *   onDismiss?: () => void;\n *   layer?: \"popover\" | \"modal\" | \"dialog\";\n * }} [opts]\n */\nexport function renderPopover(\n  template: TemplateResult,\n  opts: {\n    dismissOnOutsideClick?: boolean;\n    onDismiss?: () => void;\n    layer?: \"popover\" | \"modal\" | \"dialog\";\n  } = {},\n) {\n  const slot = document.createElement(\"div\");\n  slot.style.pointerEvents = \"auto\";\n  const target =\n    opts.layer === \"modal\" ? _modalLayer : opts.layer === \"dialog\" ? _dialogLayer : _popoverLayer;\n  target.append(slot);\n  litRender(template, slot);\n\n  let outsideClickHandler: ((e: MouseEvent) => void) | null = null;\n  if (opts.dismissOnOutsideClick !== false) {\n    outsideClickHandler = (e: MouseEvent) => {\n      if (!slot.contains(e.target as Node)) {\n        handle.dismiss();\n        opts.onDismiss?.();\n      }\n    };\n    requestAnimationFrame(() => {\n      if (outsideClickHandler) {\n        document.addEventListener(\"mousedown\", outsideClickHandler, true);\n      }\n    });\n  }\n\n  const handle = {\n    dismiss() {\n      if (outsideClickHandler) {\n        document.removeEventListener(\"mousedown\", outsideClickHandler, true);\n      }\n      litRender(nothing, slot);\n      slot.remove();\n    },\n    host: slot,\n    /** @param {import(\"lit-html\").TemplateResult} tpl */\n    update(tpl: TemplateResult) {\n      litRender(tpl, slot);\n    },\n  };\n  return handle;\n}\n\nconst _namedSlots = new Map<string, HTMLElement>();\n\n/**\n * Get or create a named slot in a layer. Useful for persistent popovers like zoom indicator.\n *\n * @param {\"popover\" | \"modal\" | \"dialog\"} layer\n * @param {string} id\n * @returns {HTMLElement}\n */\nexport function getLayerSlot(layer: \"popover\" | \"modal\" | \"dialog\", id: string) {\n  const key = `${layer}:${id}`;\n  let slot = _namedSlots.get(key);\n  if (slot && slot.parentElement) {\n    return slot;\n  }\n\n  slot = document.createElement(\"div\");\n  slot.style.pointerEvents = \"auto\";\n  const target =\n    (layer === \"popover\" ? _popoverLayer : layer === \"modal\" ? _modalLayer : _dialogLayer) ||\n    document.body;\n  target.append(slot);\n  _namedSlots.set(key, slot);\n  return slot;\n}\n\n/**\n * Clear a named layer slot (remove from DOM and map).\n *\n * @param {\"popover\" | \"modal\" | \"dialog\"} layer\n * @param {string} id\n */\nexport function clearLayerSlot(layer: \"popover\" | \"modal\" | \"dialog\", id: string) {\n  const key = `${layer}:${id}`;\n  const slot = _namedSlots.get(key);\n  if (slot) {\n    litRender(nothing, slot);\n    slot.remove();\n    _namedSlots.delete(key);\n  }\n}\n",
-    "/// <reference lib=\"dom\" />\n/** Statusbar — status message display for Jx Studio */\n\nimport { getNodeAtPath, nodeLabel, renderOnly, statusbarEl, updateSession } from \"../store\";\nimport { effect, effectScope } from \"../reactivity\";\nimport { activeTab } from \"../workspace/workspace\";\nimport type { JxPath } from \"../state\";\nimport type { EffectScope } from \"@vue/reactivity\";\n\n// ─── Module state ────────────────────────────────────────────────────────────\n\nlet statusMsg = \"\";\n/** @type {ReturnType<typeof setTimeout> | undefined} */\nlet statusTimeout: ReturnType<typeof setTimeout> | undefined;\nlet _rerender: (() => void) | null = null;\nlet _scope: EffectScope | null = null;\n\n/**\n * Register the callback used to re-render the statusbar. Called once from studio.js during init.\n *\n * @param {() => void} fn\n */\nexport function setStatusbarRenderer(fn: () => void) {\n  _rerender = fn;\n}\n\n/** Subscribe the statusbar to state changes via reactive effect. */\nexport function mountStatusbar() {\n  _scope = effectScope();\n  _scope.run(() => {\n    effect(() => {\n      const tab = activeTab.value;\n      if (!tab) {\n        return;\n      }\n      // Track relevant reactive properties\n      void tab.doc.document;\n      void tab.doc.mode;\n      void tab.session.selection;\n      void tab.session.ui.stylebookSelection;\n      renderStatusbar();\n    });\n  });\n\n  statusbarEl?.addEventListener(\"click\", _onStatusbarClick);\n}\n\nexport function unmountStatusbar() {\n  _scope?.stop();\n  _scope = null;\n  statusbarEl?.removeEventListener(\"click\", _onStatusbarClick);\n}\n\n// ─── Statusbar ───────────────────────────────────────────────────────────────\n\n/** @param {string} text */\nfunction esc(text: string) {\n  return String(text).replaceAll(\"&\", \"&amp;\").replaceAll(\"<\", \"&lt;\").replaceAll(\">\", \"&gt;\");\n}\n\n/** Render the statusbar content. */\nexport function renderStatusbar() {\n  const tab = activeTab.value;\n  const parts = [];\n  if (tab?.doc.mode === \"content\") {\n    parts.push(\"Content Mode\");\n  }\n  if (tab?.session.selection?.length) {\n    const sel = tab.session.selection as JxPath;\n    const node = getNodeAtPath(tab.doc.document, sel);\n    parts.push(`Selected: ${esc(nodeLabel(node))}`);\n\n    // Walk the path one structural step at a time. Most steps are `[\"children\", index]` or\n    // `[\"cases\", name]` pairs, but a repeater template is reached by a lone `\"map\"` segment — so the\n    // Step width varies. Emitting a crumb per node keeps the array pseudo-element (\"Repeater\") and\n    // Its template both visible instead of collapsing the array into a bare `[index]`.\n    const pathSegments = [];\n    for (let i = 0; i < sel.length;) {\n      const seg = sel[i];\n      const step = seg === \"map\" ? 1 : 2;\n      const subPath = sel.slice(0, i + step);\n      const childNode = getNodeAtPath(tab.doc.document, subPath);\n      const fallbackTag = childNode?.tag;\n      const label =\n        childNode?.$prototype === \"Array\"\n          ? \"Repeater\"\n          : childNode?.tagName ||\n            (typeof fallbackTag === \"string\" ? fallbackTag : \"\") ||\n            (seg === \"cases\" ? String(sel[i + 1]) : `[${sel[i + 1]}]`);\n      const dataPath = JSON.stringify(subPath);\n      pathSegments.push(\n        `<span class=\"sb-path-seg\" data-path='${esc(dataPath)}'>${esc(label)}</span>`,\n      );\n      i += step;\n    }\n    parts.push(`Path: ${pathSegments.join(' <span class=\"sb-path-sep\">&gt;</span> ')}`);\n  } else if (tab?.session.ui.stylebookSelection) {\n    const sel = tab.session.ui.stylebookSelection;\n    parts.push(`Style: ${esc(sel.replaceAll(\" \", \" > \"))}`);\n  }\n  if (statusMsg) {\n    parts.push(esc(statusMsg));\n  }\n  statusbarEl.innerHTML = parts.join(\"  |  \") || \"Jx Studio\";\n}\n\n/** @param {Event} e */\nfunction _onStatusbarClick(e: Event) {\n  const target = e.target as HTMLElement;\n  if (!target.classList.contains(\"sb-path-seg\")) {\n    return;\n  }\n  const pathStr = target.dataset.path;\n  if (!pathStr) {\n    return;\n  }\n  try {\n    const path = JSON.parse(pathStr) as JxPath;\n    updateSession({ selection: path });\n    renderOnly(\"leftPanel\", \"rightPanel\", \"canvas\");\n  } catch {\n    // Ignore\n  }\n}\n\n/**\n * Show a temporary status message.\n *\n * @param {string} msg\n * @param {number} [duration]\n */\nexport function statusMessage(msg: string, duration = 3000) {\n  statusMsg = msg;\n  _rerender?.();\n  clearTimeout(statusTimeout);\n  statusTimeout = setTimeout(() => {\n    statusMsg = \"\";\n    _rerender?.();\n  }, duration);\n}\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAcO,SAAS,YAAY,CAAC,GAAoB;AAAA,EAC/C,OAAO,aAAa,QAAQ,EAAE,UAAU,OAAO,CAAC;AAAA;;;ACsC3C,IAAM,OAAkB;AAAA,EAE7B,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA,EACN,gBAAgB;AAAA,EAGhB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAGhB,kBAAkB;AAAA,EAGlB,gBAAgB;AAAA,EAGhB,aAAa,CAAC;AAAA,EACd,mBAAmB,CAAC;AAAA,EACpB,qBAAqB,CAAC;AAAA,EAGtB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EAGd,mBAAmB,IAAI;AAAA,EACvB,gBAAgB;AAAA,EAGhB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EAGvB,uBAAuB;AAAA,EAKvB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EAGtB,iBAAiB;AAAA,EAGjB,SAAS;AAAA,EACT,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EAGpB,kBAAkB;AACpB;AAEA,IAAM,uBAAuB;AAEtB,SAAS,kBAAkB,GAAG;AAAA,EACnC,MAAM,MAAM,SAAS,cAAc,MAAM;AAAA,EACzC,IAAI,CAAC,KAAK;AAAA,IACR;AAAA,EACF;AAAA,EACA,IAAI,UAAU,OAAO,kBAAkB,KAAK,kBAAkB;AAAA,EAC9D,IAAI,UAAU,OAAO,mBAAmB,KAAK,mBAAmB;AAAA,EAChE,IAAI,UAAU,OAAO,kBAAkB,KAAK,kBAAkB;AAAA,EAC9D,IAAI;AAAA,IACF,MAAM,QAAQ,KAAK,MAAM,aAAa,QAAQ,oBAAoB,KAAK,IAAI;AAAA,IAI3E,MAAM,gBAAgB,KAAK;AAAA,IAC3B,MAAM,iBAAiB,KAAK;AAAA,IAC5B,MAAM,gBAAgB,KAAK;AAAA,IAC3B,aAAa,QAAQ,sBAAsB,KAAK,UAAU,KAAK,CAAC;AAAA,IAChE,MAAM;AAAA;;;ACtHV,IAAI;AACJ,IAAI;AACJ,IAAI;AAEG,SAAS,UAAU,GAAG;AAAA,EAC3B,gBAAgB,SAAS,cAAc,gBAAgB;AAAA,EACvD,cAAc,SAAS,cAAc,cAAc;AAAA,EACnD,eAAe,SAAS,cAAc,eAAe;AAAA;AAIvD,IAAM,YAAY;AAYX,SAAS,WAAW,GAAY;AAAA,EACrC,OAAO,QAAQ,cAAc,cAAc,SAAS,KAAK,aAAa,cAAc,SAAS,CAAC;AAAA;AAIhG,IAAM,iBACJ;AAgBF,SAAS,WAAW,CAAC,MAAyB;AAAA,EAE5C,sBAAsB,MAAM;AAAA,IAC1B,IAAI,CAAC,KAAK,eAAe,KAAK,SAAS,SAAS,aAAa,GAAG;AAAA,MAC9D;AAAA,IACF;AAAA,IACA,MAAM,UAAU,KAAK,cAAc,mBAAmB;AAAA,IACtD,MAAM,SACJ,KAAK,cAA2B,cAAc,KAC9C,SAAS,YAAY,cAA2B,WAAW,KAC3D;AAAA,IACF,QAAQ,MAAM;AAAA,GACf;AAAA;AAeI,SAAS,UAAa,CAC3B,YACY;AAAA,EACZ,OAAO,IAAI,QAAQ,CAAC,YAAY;AAAA,IAC9B,MAAM,OAAO,SAAS,cAAc,KAAK;AAAA,IACzC,KAAK,MAAM,gBAAgB;AAAA,IAC3B,aAAa,OAAO,IAAI;AAAA,IAGxB,MAAM,YAAY,SAAS,yBAAyB,cAAc,SAAS,gBAAgB;AAAA,IAC3F,IAAI,WAAW;AAAA,IACf,MAAM,YAAY,CAAC,MAAqB;AAAA,MACtC,IAAI,EAAE,QAAQ,UAAU;AAAA,QACtB;AAAA,MACF;AAAA,MACA,MAAM,UAAU,KAAK,cAAc,mBAAmB;AAAA,MACtD,IAAI,CAAC,SAAS;AAAA,QACZ;AAAA,MACF;AAAA,MAEA,EAAE,eAAe;AAAA,MACjB,EAAE,gBAAgB;AAAA,MAClB,QAAQ,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,KAAK,CAAC,CAAC;AAAA;AAAA,IAE7D,KAAK,iBAAiB,WAAW,SAAS;AAAA,IAC1C,MAAM,OAAO,CAAC,UAAa;AAAA,MACzB,IAAI,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,MACA,WAAW;AAAA,MACX,KAAK,oBAAoB,WAAW,SAAS;AAAA,MAC7C,OAAU,SAAS,IAAI;AAAA,MACvB,KAAK,OAAO;AAAA,MACZ,IAAI,WAAW,aAAa;AAAA,QAC1B,UAAU,MAAM;AAAA,MAClB;AAAA,MACA,QAAQ,KAAK;AAAA;AAAA,IAEf,OAAU,WAAW,IAAI,GAAG,IAAI;AAAA,IAChC,YAAY,IAAI;AAAA,GACjB;AAAA;AAWI,SAAS,iBAAiB,CAC/B,UACA,SACA,OAII,CAAC,GACL;AAAA,EACA,QAAQ,eAAe,WAAW,cAAc,UAAU,cAAc,UAAU;AAAA,EAClF,OAAO,WACL,CAAC,SAAS;AAAA;AAAA;AAAA;AAAA,mBAIK;AAAA,wBACK;AAAA,uBACD;AAAA;AAAA,mBAEJ,MAAM,KAAK,IAAI;AAAA,kBAChB,MAAM,KAAK,KAAK;AAAA,iBACjB,MAAM,KAAK,KAAK;AAAA,gBACjB,cAAc,uBAAuB;AAAA;AAAA,aAExC;AAAA;AAAA,KAGX;AAAA;AAYK,SAAS,qBAAqB,CACnC,UACA,SACA,OAII,CAAC,GACmC;AAAA,EACxC,QAAQ,YAAY,QAAQ,eAAe,WAAW,cAAc,aAAa;AAAA,EACjF,OAAO,WACL,CAAC,SAAS;AAAA;AAAA;AAAA;AAAA,mBAIK;AAAA,wBACK;AAAA,0BACE;AAAA,uBACH;AAAA;AAAA,mBAEJ,MAAM,KAAK,MAAM;AAAA,qBACf,MAAM,KAAK,SAAS;AAAA,kBACvB,MAAM,KAAK,QAAQ;AAAA,iBACpB,MAAM,KAAK,QAAQ;AAAA;AAAA,aAEvB;AAAA;AAAA,KAGX;AAAA;AAkCK,SAAS,gBAAgB,CAC9B,UACA,OAA4B,CAAC,GACL;AAAA,EACxB;AAAA,IACE,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA,cAAc;AAAA,IACd,SAAS;AAAA,IACT;AAAA,IACA,OAAO,eAAe;AAAA,MACpB;AAAA,EAEJ,MAAM,QAAQ,CAAC,cACb,WAAW,SAAS,SAAS,IAAI,UAAU,KAAK,IAAI,KAAK;AAAA,EAE3D,IAAI,QAAQ;AAAA,EACZ,IAAI,QAAQ;AAAA,EACZ,IAAI,YAAgC;AAAA,EACpC,IAAI,iBAAiB;AAAA,EAErB,OAAO,WAA0B,CAAC,SAAS;AAAA,IACzC,SAAS,QAAQ,GAAG;AAAA,MAGlB,MAAM,OAAO,WAAW;AAAA,MACxB,IAAI,MAAM;AAAA,QACR,OAAU,SAAS,GAAG,IAAI;AAAA,MAC5B;AAAA;AAAA,IAGF,SAAS,OAAO,GAAG;AAAA,MACjB,QAAQ,MAAM,KAAK;AAAA,MACnB,IAAI,OAAO;AAAA,QACT,SAAS;AAAA,QACT;AAAA,MACF;AAAA,MACA,KAAK,MAAM,KAAK,CAAC;AAAA;AAAA,IAGnB,SAAS,OAAO,CAAC,GAAU;AAAA,MACzB,QAAS,EAAE,OAA4B,SAAS;AAAA,MAChD,MAAM,OAAO,MAAM,KAAK;AAAA,MACxB,IAAI,SAAS,OAAO;AAAA,QAClB,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA;AAAA,IAGF,SAAS,SAAS,CAAC,GAAkB;AAAA,MACnC,IAAI,EAAE,QAAQ,SAAS;AAAA,QACrB,QAAQ;AAAA,MACV;AAAA;AAAA,IAIF,SAAS,YAAY,CAAC,IAAc;AAAA,MAClC,IAAI,IAAI;AAAA,QACN,YAAY;AAAA,MACd;AAAA;AAAA,IAIF,SAAS,UAAU,CAAC,IAAc;AAAA,MAChC,IAAI,CAAC,MAAM,gBAAgB;AAAA,QACzB;AAAA,MACF;AAAA,MACA,iBAAiB;AAAA,MACjB,MAAM,QAAQ;AAAA,MACd,sBAAsB,MAAM;AAAA,QAC1B,MAAM,MAAM;AAAA,QACZ,MAAM,QAAQ,MAAM,YAAY,cAAc,OAAO;AAAA,QACrD,IAAI,CAAC,SAAS,WAAW,QAAQ;AAAA,UAC/B;AAAA,QACF;AAAA,QACA,IAAI,WAAW,QAAQ;AAAA,UACrB,MAAM,MAAM,MAAM,MAAM,YAAY,GAAG;AAAA,UACvC,MAAM,kBAAkB,GAAG,MAAM,IAAI,MAAM,MAAM,MAAM,MAAM;AAAA,UAC7D;AAAA,QACF;AAAA,QACA,MAAM,OAAO;AAAA,OACd;AAAA;AAAA,IAGH,SAAS,QAAQ,GAAG;AAAA,MAClB,OAAO;AAAA;AAAA;AAAA;AAAA,qBAIQ;AAAA,0BACK;AAAA,yBACD;AAAA;AAAA,qBAEJ;AAAA,oBACD,MAAM,KAAK,IAAI;AAAA,mBAChB,MAAM,KAAK,IAAI;AAAA,YACtB,IAAI,YAAY;AAAA;AAAA,YAIhB,UAAU,iCAAiC,gBAAgB;AAAA;AAAA;AAAA,0BAI7C;AAAA,oBACN;AAAA,uBACG,QAAQ,KAAK;AAAA,qBACf;AAAA,uBACE;AAAA,cACT,IAAI,UAAU;AAAA;AAAA,cAGd,QACI,+CAA+C,yBAC/C;AAAA;AAAA;AAAA;AAAA;AAAA,IAOd,OAAO,SAAS;AAAA,GACjB;AAAA;AAQI,SAAS,SAAS,CAAC,UAA0B;AAAA,EAClD,MAAM,OAAO,SAAS,cAAc,KAAK;AAAA,EACzC,KAAK,MAAM,gBAAgB;AAAA,EAC3B,YAAY,OAAO,IAAI;AAAA,EACvB,OAAU,UAAU,IAAI;AAAA,EACxB,OAAO;AAAA,IACL,KAAK,GAAG;AAAA,MACN,OAAU,SAAS,IAAI;AAAA,MACvB,KAAK,OAAO;AAAA;AAAA,IAEd,MAAM;AAAA,IAEN,MAAM,CAAC,KAAqB;AAAA,MAC1B,OAAU,KAAK,IAAI;AAAA;AAAA,EAEvB;AAAA;AAaK,SAAS,aAAa,CAC3B,UACA,OAII,CAAC,GACL;AAAA,EACA,MAAM,OAAO,SAAS,cAAc,KAAK;AAAA,EACzC,KAAK,MAAM,gBAAgB;AAAA,EAC3B,MAAM,SACJ,KAAK,UAAU,UAAU,cAAc,KAAK,UAAU,WAAW,eAAe;AAAA,EAClF,OAAO,OAAO,IAAI;AAAA,EAClB,OAAU,UAAU,IAAI;AAAA,EAExB,IAAI,sBAAwD;AAAA,EAC5D,IAAI,KAAK,0BAA0B,OAAO;AAAA,IACxC,sBAAsB,CAAC,MAAkB;AAAA,MACvC,IAAI,CAAC,KAAK,SAAS,EAAE,MAAc,GAAG;AAAA,QACpC,OAAO,QAAQ;AAAA,QACf,KAAK,YAAY;AAAA,MACnB;AAAA;AAAA,IAEF,sBAAsB,MAAM;AAAA,MAC1B,IAAI,qBAAqB;AAAA,QACvB,SAAS,iBAAiB,aAAa,qBAAqB,IAAI;AAAA,MAClE;AAAA,KACD;AAAA,EACH;AAAA,EAEA,MAAM,SAAS;AAAA,IACb,OAAO,GAAG;AAAA,MACR,IAAI,qBAAqB;AAAA,QACvB,SAAS,oBAAoB,aAAa,qBAAqB,IAAI;AAAA,MACrE;AAAA,MACA,OAAU,SAAS,IAAI;AAAA,MACvB,KAAK,OAAO;AAAA;AAAA,IAEd,MAAM;AAAA,IAEN,MAAM,CAAC,KAAqB;AAAA,MAC1B,OAAU,KAAK,IAAI;AAAA;AAAA,EAEvB;AAAA,EACA,OAAO;AAAA;AAGT,IAAM,cAAc,IAAI;AASjB,SAAS,YAAY,CAAC,OAAuC,IAAY;AAAA,EAC9E,MAAM,MAAM,GAAG,SAAS;AAAA,EACxB,IAAI,OAAO,YAAY,IAAI,GAAG;AAAA,EAC9B,IAAI,QAAQ,KAAK,eAAe;AAAA,IAC9B,OAAO;AAAA,EACT;AAAA,EAEA,OAAO,SAAS,cAAc,KAAK;AAAA,EACnC,KAAK,MAAM,gBAAgB;AAAA,EAC3B,MAAM,UACH,UAAU,YAAY,gBAAgB,UAAU,UAAU,cAAc,iBACzE,SAAS;AAAA,EACX,OAAO,OAAO,IAAI;AAAA,EAClB,YAAY,IAAI,KAAK,IAAI;AAAA,EACzB,OAAO;AAAA;;;ACvcT,IAAI,YAAY;AAEhB,IAAI;AACJ,IAAI,YAAiC;AACrC,IAAI,SAA6B;AAO1B,SAAS,oBAAoB,CAAC,IAAgB;AAAA,EACnD,YAAY;AAAA;AAIP,SAAS,cAAc,GAAG;AAAA,EAC/B,SAAS,YAAY;AAAA,EACrB,OAAO,IAAI,MAAM;AAAA,IACf,OAAO,MAAM;AAAA,MACX,MAAM,MAAM,UAAU;AAAA,MACtB,IAAI,CAAC,KAAK;AAAA,QACR;AAAA,MACF;AAAA,MAEK,IAAI,IAAI;AAAA,MACR,IAAI,IAAI;AAAA,MACR,IAAI,QAAQ;AAAA,MACZ,IAAI,QAAQ,GAAG;AAAA,MACpB,gBAAgB;AAAA,KACjB;AAAA,GACF;AAAA,EAED,aAAa,iBAAiB,SAAS,iBAAiB;AAAA;AAY1D,SAAS,GAAG,CAAC,MAAc;AAAA,EACzB,OAAO,OAAO,IAAI,EAAE,WAAW,KAAK,OAAO,EAAE,WAAW,KAAK,MAAM,EAAE,WAAW,KAAK,MAAM;AAAA;AAItF,SAAS,eAAe,GAAG;AAAA,EAChC,MAAM,MAAM,UAAU;AAAA,EACtB,MAAM,QAAQ,CAAC;AAAA,EACf,IAAI,KAAK,IAAI,SAAS,WAAW;AAAA,IAC/B,MAAM,KAAK,cAAc;AAAA,EAC3B;AAAA,EACA,IAAI,KAAK,QAAQ,WAAW,QAAQ;AAAA,IAClC,MAAM,MAAM,IAAI,QAAQ;AAAA,IACxB,MAAM,OAAO,cAAc,IAAI,IAAI,UAAU,GAAG;AAAA,IAChD,MAAM,KAAK,aAAa,IAAI,UAAU,IAAI,CAAC,GAAG;AAAA,IAM9C,MAAM,eAAe,CAAC;AAAA,IACtB,SAAS,IAAI,EAAG,IAAI,IAAI,UAAS;AAAA,MAC/B,MAAM,MAAM,IAAI;AAAA,MAChB,MAAM,OAAO,QAAQ,QAAQ,IAAI;AAAA,MACjC,MAAM,UAAU,IAAI,MAAM,GAAG,IAAI,IAAI;AAAA,MACrC,MAAM,YAAY,cAAc,IAAI,IAAI,UAAU,OAAO;AAAA,MACzD,MAAM,cAAc,WAAW;AAAA,MAC/B,MAAM,QACJ,WAAW,eAAe,UACtB,aACA,WAAW,YACV,OAAO,gBAAgB,WAAW,cAAc,QAChD,QAAQ,UAAU,OAAO,IAAI,IAAI,EAAE,IAAI,IAAI,IAAI,IAAI;AAAA,MAC1D,MAAM,WAAW,KAAK,UAAU,OAAO;AAAA,MACvC,aAAa,KACX,wCAAwC,IAAI,QAAQ,MAAM,IAAI,KAAK,UACrE;AAAA,MACA,KAAK;AAAA,IACP;AAAA,IACA,MAAM,KAAK,SAAS,aAAa,KAAK,yCAAyC,GAAG;AAAA,EACpF,EAAO,SAAI,KAAK,QAAQ,GAAG,oBAAoB;AAAA,IAC7C,MAAM,MAAM,IAAI,QAAQ,GAAG;AAAA,IAC3B,MAAM,KAAK,UAAU,IAAI,IAAI,WAAW,KAAK,KAAK,CAAC,GAAG;AAAA,EACxD;AAAA,EACA,IAAI,WAAW;AAAA,IACb,MAAM,KAAK,IAAI,SAAS,CAAC;AAAA,EAC3B;AAAA,EACA,YAAY,YAAY,MAAM,KAAK,OAAO,KAAK;AAAA;AAIjD,SAAS,iBAAiB,CAAC,GAAU;AAAA,EACnC,MAAM,SAAS,EAAE;AAAA,EACjB,IAAI,CAAC,OAAO,UAAU,SAAS,aAAa,GAAG;AAAA,IAC7C;AAAA,EACF;AAAA,EACA,MAAM,UAAU,OAAO,QAAQ;AAAA,EAC/B,IAAI,CAAC,SAAS;AAAA,IACZ;AAAA,EACF;AAAA,EACA,IAAI;AAAA,IACF,MAAM,OAAO,KAAK,MAAM,OAAO;AAAA,IAC/B,cAAc,EAAE,WAAW,KAAK,CAAC;AAAA,IACjC,WAAW,aAAa,cAAc,QAAQ;AAAA,IAC9C,MAAM;AAAA;AAWH,SAAS,aAAa,CAAC,KAAa,WAAW,MAAM;AAAA,EAC1D,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa,aAAa;AAAA,EAC1B,gBAAgB,WAAW,MAAM;AAAA,IAC/B,YAAY;AAAA,IACZ,YAAY;AAAA,KACX,QAAQ;AAAA;",
-  "debugId": "FA6A26CABA076F0464756E2164756E21",
-  "names": []
-}