@forgeax/view 0.2.1-beta-20260924075842

package/dist/modules/chunks/chunk-6ZWWVAZK.mjs

@@ -0,0 +1,468 @@
+import {
+  ViewWorkspaceShell,
+  createBrowserPagePresentation
+} from "./chunk-QSKQZGK7.mjs";
+import {
+  FRONTEND_PLUGIN_ID,
+  PAGE_TYPE,
+  PANEL_CLOSABLE,
+  PANEL_LAYOUT,
+  SLOT,
+  TITLE_I18N_KEY
+} from "./chunk-TSAEK5P3.mjs";
+import {
+  attachViewportRenderResizeSync
+} from "./chunk-ALT7XVMQ.mjs";
+import {
+  readEnginePresentation
+} from "./chunk-SSQMQJ52.mjs";
+import {
+  createWorkspaceStateReader
+} from "./chunk-FJM6WWIY.mjs";
+
+// packages/view-plugin-viewport/src/page-input-gate.mjs
+function attachViewportPageInputGate({ element, input, pageType = PAGE_TYPE, document } = {}) {
+  const editor = input?.editor;
+  if (!element || typeof editor?.setInputAllowed !== "function") return () => {
+  };
+  const ownerDocument = document ?? element.ownerDocument ?? globalThis.document;
+  const sync = () => {
+    const page = typeof element.closest === "function" ? element.closest("[data-forgeax-view-dock-page]") : null;
+    const pageHidden = page?.getAttribute?.("aria-hidden") === "true";
+    const activePage = ownerDocument?.documentElement?.dataset?.forgeaxViewActivePage;
+    const active = !pageHidden && (activePage === void 0 || activePage === pageType);
+    editor.setInputAllowed(active);
+  };
+  const observer = typeof MutationObserver === "function" ? new MutationObserver(sync) : void 0;
+  const root = ownerDocument?.documentElement;
+  try {
+    observer?.observe(root, {
+      attributes: true,
+      attributeFilter: ["data-forgeax-view-active-page", "aria-hidden"],
+      subtree: true
+    });
+  } catch {
+    observer?.disconnect();
+  }
+  sync();
+  return () => {
+    observer?.disconnect();
+    editor.setInputAllowed(true);
+  };
+}
+
+// packages/view-plugin-viewport/src/play-toolbar.mjs
+function mountPlayToolbar({ document, element, client }) {
+  const toolbar = document.createElement("div");
+  toolbar.setAttribute("role", "toolbar");
+  toolbar.setAttribute("aria-label", "Editor execution");
+  Object.assign(toolbar.style, { display: "flex", gap: "6px", padding: "6px", alignItems: "center", flexShrink: "0" });
+  const surface = document.createElement("div");
+  Object.assign(surface.style, { position: "relative", flex: "1", minHeight: "0" });
+  Object.assign(element.style, { display: "flex", flexDirection: "column", height: "100%" });
+  element.append(toolbar, surface);
+  let state;
+  let navigationSpeed = 4;
+  let errorText = "";
+  let disposed = false;
+  let playRequest;
+  const pending = /* @__PURE__ */ new Set();
+  const buttons = [];
+  const status = document.createElement("span");
+  status.title = "WASD/QE: move \xB7 Shift: boost \xB7 RMB drag: look / fly \xB7 RMB + wheel: speed \xB7 MMB: pan \xB7 Alt + drag: orbit/pan/dolly \xB7 F: focus \xB7 Esc: release";
+  status.setAttribute("role", "status");
+  status.style.color = "var(--fx-color-text-secondary)";
+  const navHint = document.createElement("div");
+  navHint.textContent = "WASD/QE move \xB7 Shift boost \xB7 RMB look/fly \xB7 wheel speed \xB7 F focus";
+  Object.assign(navHint.style, {
+    position: "absolute",
+    right: "8px",
+    bottom: "6px",
+    zIndex: "1",
+    fontSize: "11px",
+    lineHeight: "1.4",
+    pointerEvents: "none",
+    userSelect: "none",
+    color: "var(--fx-color-text-secondary)",
+    opacity: "0.75",
+    textShadow: "0 1px 2px var(--fx-color-background, rgba(0,0,0,0.5))"
+  });
+  surface.append(navHint);
+  const args = () => ({ targetId: state.play.target.targetId, targetGeneration: state.play.target.generation });
+  const control = () => state?.targetBinding === "play" ? state?.preview?.camera?.control : void 0;
+  const running = () => state?.play?.phase === "running" && state?.targetBinding === "play";
+  const add = (label, run, available) => {
+    const button2 = document.createElement("button");
+    button2.textContent = label;
+    button2.type = "button";
+    button2.className = "fx-button fx-button--compact";
+    button2.setAttribute("data-action", `editor.${label.toLowerCase()}`);
+    button2.addEventListener("click", async () => {
+      pending.add(label);
+      errorText = "";
+      render();
+      try {
+        await run();
+        if (!disposed) state = await client.getState();
+      } catch (error) {
+        if (!disposed) errorText = error.hint ?? error.message;
+      } finally {
+        pending.delete(label);
+        if (!disposed) render();
+      }
+    });
+    buttons.push({ button: button2, label, available });
+    toolbar.append(button2);
+  };
+  add("Play", async () => {
+    const controller = new AbortController();
+    playRequest = controller;
+    try {
+      const options = { signal: controller.signal };
+      const opened = await client.call("play.start", { projectId: state.project.id }, options);
+      controller.signal.throwIfAborted();
+      state = opened;
+      render();
+      const target = { targetId: opened.play.target.targetId, targetGeneration: opened.play.target.generation };
+      await client.call("play.ready", target, options);
+      await client.call("camera.get", target, options);
+    } catch (error) {
+      if (!controller.signal.aborted) throw error;
+    } finally {
+      if (playRequest === controller) playRequest = void 0;
+    }
+  }, () => !!state?.project && !state?.play);
+  add("Stop", async () => {
+    playRequest?.abort();
+    if (state?.play) await client.call("play.stop", args());
+  }, () => !!state?.play || pending.has("Play"));
+  add("Eject", () => client.call("target.control", { ...args(), mode: "observer" }), () => running() && control() !== "observer");
+  add("Possess", () => client.call("target.control", { ...args(), mode: "player" }), () => running() && control() === "observer");
+  add("Editor", () => client.call("target.select", { targetId: state.editorPreview.target.targetId }), () => !!state?.editorPreview && state?.targetBinding === "play");
+  add("Game", async () => {
+    await client.call("target.select", { targetId: state.play.target.targetId });
+    await client.call("camera.get", args());
+  }, () => !!state?.play && state?.targetBinding !== "play");
+  toolbar.append(status);
+  const render = () => {
+    for (const { button: button2, label, available } of buttons) {
+      const disabled = pending.has(label) || pending.size > 0 && label !== "Stop" || !available();
+      if (button2.disabled !== disabled) button2.disabled = disabled;
+    }
+    const target = state?.targetBinding ?? "editor";
+    if (surface.dataset.forgeaxToolTarget !== target) surface.dataset.forgeaxToolTarget = target;
+    let nextStatus = errorText || (state?.play ? `${state.targetBinding === "play" ? "Game" : "Editor"} tools \xB7 ${state.play.phase}${control() === "observer" ? " \xB7 Free camera" : ""}` : pending.has("Play") ? "Preparing Play\u2026" : "Editor tools");
+    if (!errorText && state?.targetBinding !== "play")
+      nextStatus += " \xB7 Speed " + navigationSpeed.toFixed(2);
+    if (status.textContent !== nextStatus) status.textContent = nextStatus;
+  };
+  const reader = createWorkspaceStateReader(client);
+  const unsubscribe = reader.subscribe(() => {
+    if (!disposed) {
+      state = reader.getSnapshot();
+      render();
+    }
+  });
+  render();
+  return {
+    surface,
+    setNavigationSpeed(speed) {
+      navigationSpeed = speed;
+      if (!disposed) render();
+    },
+    dispose() {
+      disposed = true;
+      playRequest?.abort();
+      unsubscribe();
+      toolbar.remove();
+      surface.remove();
+    }
+  };
+}
+
+// packages/view-plugin-viewport/src/editor-surface.mjs
+function fitEditorSurface(surface) {
+  const previous = surface.getAttribute?.("style");
+  Object.assign(surface.style, {
+    width: "100%",
+    height: "100%",
+    maxWidth: "100%",
+    maxHeight: "100%",
+    position: "relative",
+    transform: "none",
+    overflow: "hidden"
+  });
+  return () => {
+    if (previous == null) surface.removeAttribute?.("style");
+    else surface.setAttribute?.("style", previous);
+  };
+}
+
+// packages/view-plugin-viewport/src/engine-fatal-banner.mjs
+var ENGINE_FATAL_ID = "forgeax-fatal";
+var BANNER_CLASS = "fx-engine-fatal-banner";
+var MESSAGE_CLASS = "fx-engine-fatal-banner__message";
+var ACTIONS_CLASS = "fx-engine-fatal-banner__actions";
+function fatalElement(document) {
+  if (!document) return null;
+  return document.getElementById?.(ENGINE_FATAL_ID) ?? document.querySelector?.(`#${ENGINE_FATAL_ID}`) ?? null;
+}
+function resolveHost(host) {
+  return typeof host === "function" ? host() : host;
+}
+function canvasHost(document, fallback) {
+  const canvas = document.querySelector?.(".fx-view-viewport-surface #app") ?? document.querySelector?.("#app");
+  if (canvas?.parentElement) return canvas.parentElement;
+  return document.querySelector?.('.fx-view-viewport-surface [data-forgeax-view-workspace="targets"]') ?? resolveHost(fallback);
+}
+function readFatalText(notice) {
+  return typeof notice?.textContent === "string" ? notice.textContent.trim() : "";
+}
+function isEngineFatalShown(notice) {
+  return notice?.style?.display === "grid" && readFatalText(notice) !== "";
+}
+function button(document, label, ariaLabel) {
+  const node = document.createElement("button");
+  node.type = "button";
+  node.className = "fx-button fx-button--compact fx-button--quiet";
+  node.textContent = label;
+  node.setAttribute("aria-label", ariaLabel);
+  return node;
+}
+function createBanner(document, { onCopy, onClose }) {
+  const banner = document.createElement("div");
+  banner.className = `${BANNER_CLASS} fx-ui`;
+  banner.setAttribute("role", "alert");
+  banner.hidden = true;
+  const message = document.createElement("pre");
+  message.className = MESSAGE_CLASS;
+  const actions = document.createElement("div");
+  actions.className = ACTIONS_CLASS;
+  const copy = button(document, "Copy error", "Copy the error reason");
+  const close = button(document, "Close", "Dismiss the error banner");
+  copy.addEventListener("click", (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    onCopy(message.textContent?.trim() ?? "", copy);
+  });
+  close.addEventListener("click", (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    onClose();
+  });
+  actions.append(copy, close);
+  banner.append(message, actions);
+  return { banner, message, copy };
+}
+function placeBanner(banner, host) {
+  if (!host || banner.parentNode === host) return;
+  host.append?.(banner);
+}
+function attachEngineFatalBanner({
+  document = globalThis.document,
+  host
+} = {}) {
+  if (!document?.createElement) return () => {
+  };
+  const { banner, message, copy } = createBanner(document, {
+    onCopy(text, button2) {
+      if (!text || typeof navigator?.clipboard?.writeText !== "function") return;
+      void navigator.clipboard.writeText(text).then(() => {
+        button2.textContent = "Copied";
+        setTimeout(() => {
+          if (button2.isConnected) button2.textContent = "Copy error";
+        }, 2e3);
+      }).catch(() => {
+      });
+    },
+    onClose() {
+      fatalElement(document)?.style?.removeProperty?.("display");
+      banner.hidden = true;
+    }
+  });
+  const sync = () => {
+    placeBanner(banner, canvasHost(document, host));
+    const notice = fatalElement(document);
+    const text = readFatalText(notice);
+    if (!isEngineFatalShown(notice)) {
+      banner.hidden = true;
+      return;
+    }
+    if (message.textContent !== text) message.textContent = text;
+    if (copy.textContent !== "Copy error") copy.textContent = "Copy error";
+    banner.hidden = false;
+  };
+  if (typeof MutationObserver !== "function") {
+    sync();
+    return () => banner.remove?.();
+  }
+  const noticeObserver = new MutationObserver(sync);
+  let observed;
+  const watchNotice = () => {
+    const notice = fatalElement(document);
+    if (!notice || notice === observed) {
+      sync();
+      return;
+    }
+    observed = notice;
+    noticeObserver.observe(notice, {
+      attributes: true,
+      attributeFilter: ["style"],
+      childList: true,
+      subtree: true,
+      characterData: true
+    });
+    sync();
+  };
+  watchNotice();
+  const root = document.documentElement ?? document.body;
+  const rootObserver = root ? new MutationObserver(watchNotice) : void 0;
+  rootObserver?.observe(root, { childList: true, subtree: true });
+  return () => {
+    noticeObserver.disconnect();
+    rootObserver?.disconnect();
+    banner.remove?.();
+  };
+}
+
+// packages/view-plugin-viewport/src/frontend.mjs
+function claimViewportPanel(panelHost) {
+  return panelHost.claim({
+    id: SLOT,
+    pageType: PAGE_TYPE,
+    titleKey: TITLE_I18N_KEY,
+    activity: { labelKey: TITLE_I18N_KEY, icon: "box" },
+    layout: PANEL_LAYOUT,
+    closable: PANEL_CLOSABLE,
+    dockTitleHidden: true
+  });
+}
+function liveWorkspacePresentation(ctx, config, { api, document }) {
+  const read = () => readEnginePresentation(config, ctx);
+  return new Proxy({}, {
+    get(_, prop) {
+      if (prop === "surfacePlacement") return "shell";
+      const workspace = read();
+      if (prop === "attach") {
+        return async (input) => {
+          const remove = await workspace?.attach?.(input);
+          const surface = input.element;
+          if (!surface?.style || !surface.parentElement) return remove;
+          const onContextMenu = (event) => {
+            event.preventDefault();
+          };
+          surface.addEventListener?.("contextmenu", onContextMenu);
+          const restoreFit = fitEditorSurface(surface);
+          const detachResize = attachViewportRenderResizeSync({
+            api,
+            surface,
+            target: input.target
+          });
+          return async () => {
+            detachResize();
+            surface.removeEventListener?.("contextmenu", onContextMenu);
+            restoreFit();
+            await remove?.();
+          };
+        };
+      }
+      if (prop === "createSurface") {
+        if (typeof workspace?.createSurface === "function") return workspace.createSurface;
+        return (input) => (input?.document ?? document)?.getElementById?.("app-shell") ?? null;
+      }
+      return workspace?.[prop];
+    }
+  });
+}
+var viewportSurfacePlugin = {
+  name: FRONTEND_PLUGIN_ID,
+  inject: ["viewOperationClient", "viewPlayPresentation"],
+  provide: ["viewWorkspaceShell"],
+  async apply(ctx, config = {}) {
+    const document = config.document ?? globalThis.document;
+    const api = ctx.get("viewOperationClient");
+    const element = config.viewportSurface;
+    if (!element || !document?.createElement) return;
+    const workspace = readEnginePresentation(config, ctx);
+    if (workspace && !ctx.get("engineWorkspacePresentation", false)) {
+      ctx.provide("engineWorkspacePresentation", workspace);
+    }
+    const presentation = {
+      workspace: liveWorkspacePresentation(ctx, config, { api, document }),
+      display: createBrowserPagePresentation({ document })
+    };
+    let shell;
+    let play;
+    try {
+      play = mountPlayToolbar({ document, element, client: api });
+      const mainSurface = document.createElement("div");
+      Object.assign(mainSurface.style, {
+        flex: "1",
+        minWidth: "0",
+        minHeight: "0",
+        width: "100%",
+        height: "100%",
+        position: "relative"
+      });
+      Object.assign(play.surface.style, { display: "flex" });
+      play.surface.append(mainSurface);
+      ctx.effect(() => ctx.get("viewPlayPresentation").attach(mainSurface));
+      shell = new ViewWorkspaceShell({
+        document,
+        element: mainSurface,
+        mountId: element.id,
+        api,
+        presentation,
+        resourceBrowser: false,
+        inspectorPanel: false,
+        presentationOnly: true,
+        onNavigationSpeed: (speed) => play.setNavigationSpeed(speed)
+      });
+      ctx.provide("viewWorkspaceShell", shell);
+      ctx.effect(() => attachEngineFatalBanner({ document, host: mainSurface }));
+      ctx.effect(() => attachViewportPageInputGate({
+        element,
+        input: ctx.get("engineWorkspaceInput", false),
+        pageType: PAGE_TYPE,
+        document
+      }));
+    } catch (error) {
+      await shell?.dispose();
+      play?.dispose();
+      throw error;
+    }
+    ctx.effect(() => async () => {
+      await shell?.dispose();
+      play?.dispose();
+    });
+  }
+};
+var viewViewportFrontendPlugin = {
+  name: FRONTEND_PLUGIN_ID,
+  inject: ["viewOperationClient", "viewScenePage"],
+  async apply(ctx, config = {}) {
+    const panelHost = config.panelHost ?? ctx.get?.("panelHost", false);
+    if (!panelHost) return;
+    const unclaim = claimViewportPanel(panelHost);
+    ctx.effect(() => unclaim);
+    const document = config.document ?? globalThis.document;
+    if (!document?.createElement) return;
+    const element = document.createElement("div");
+    element.id = config.workspace?.mountId ?? "forgeax-view-workspace";
+    element.className = "fx-view-viewport-surface";
+    await panelHost.waitForSlot(SLOT);
+    const unmount = panelHost.mount(SLOT, element);
+    ctx.effect(() => () => unmount?.());
+    await ctx.plugin({
+      ...viewportSurfacePlugin,
+      name: `${FRONTEND_PLUGIN_ID}.surface`
+    }, { ...config, viewportSurface: element });
+  }
+};
+var frontend_default = viewViewportFrontendPlugin;
+
+export {
+  viewViewportFrontendPlugin,
+  frontend_default
+};
+//# sourceMappingURL=chunk-6ZWWVAZK.mjs.map

package/dist/modules/chunks/chunk-6ZWWVAZK.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/view-plugin-viewport/src/page-input-gate.mjs", "../../../packages/view-plugin-viewport/src/play-toolbar.mjs", "../../../packages/view-plugin-viewport/src/editor-surface.mjs", "../../../packages/view-plugin-viewport/src/engine-fatal-banner.mjs", "../../../packages/view-plugin-viewport/src/frontend.mjs"],
+  "sourcesContent": ["import { PAGE_TYPE } from './identity.mjs';\n\n/**\n * Engine's browser input backend listens on window. When the Editor page is\n * not the active page tab, drop those samples so a sibling preview cannot\n * drive the viewport camera or game.\n */\nexport function attachViewportPageInputGate({ element, input, pageType = PAGE_TYPE, document } = {}) {\n  const editor = input?.editor;\n  if (!element || typeof editor?.setInputAllowed !== 'function') return () => {};\n  const ownerDocument = document ?? element.ownerDocument ?? globalThis.document;\n  const sync = () => {\n    const page = typeof element.closest === 'function'\n      ? element.closest('[data-forgeax-view-dock-page]')\n      : null;\n    const pageHidden = page?.getAttribute?.('aria-hidden') === 'true';\n    const activePage = ownerDocument?.documentElement?.dataset?.forgeaxViewActivePage;\n    const active = !pageHidden && (activePage === undefined || activePage === pageType);\n    editor.setInputAllowed(active);\n  };\n  const observer = typeof MutationObserver === 'function'\n    ? new MutationObserver(sync)\n    : undefined;\n  const root = ownerDocument?.documentElement;\n  try {\n    observer?.observe(root, {\n      attributes: true,\n      attributeFilter: ['data-forgeax-view-active-page', 'aria-hidden'],\n      subtree: true,\n    });\n  } catch {\n    observer?.disconnect();\n  }\n  sync();\n  return () => {\n    observer?.disconnect();\n    editor.setInputAllowed(true);\n  };\n}\n", "import { createWorkspaceStateReader } from '@forgeax/view-workspace-core/workspace-state';\n\n/** Presentation commands use the same target API as the CLI and object panels. */\nexport function mountPlayToolbar({ document, element, client }) {\n  const toolbar = document.createElement('div');\n  toolbar.setAttribute('role', 'toolbar');\n  toolbar.setAttribute('aria-label', 'Editor execution');\n  Object.assign(toolbar.style, { display: 'flex', gap: '6px', padding: '6px', alignItems: 'center', flexShrink: '0' });\n  const surface = document.createElement('div');\n  Object.assign(surface.style, { position: 'relative', flex: '1', minHeight: '0' });\n  Object.assign(element.style, { display: 'flex', flexDirection: 'column', height: '100%' });\n  element.append(toolbar, surface);\n  let state;\n  let navigationSpeed = 4;\n  let errorText = '';\n  let disposed = false;\n  let playRequest;\n  const pending = new Set();\n  const buttons = [];\n  const status = document.createElement('span');\n  status.title = 'WASD/QE: move \u00B7 Shift: boost \u00B7 RMB drag: look / fly \u00B7 RMB + wheel: speed \u00B7 MMB: pan \u00B7 Alt + drag: orbit/pan/dolly \u00B7 F: focus \u00B7 Esc: release';\n  status.setAttribute('role', 'status');\n  status.style.color = 'var(--fx-color-text-secondary)';\n  // Always-visible navigation hint in the viewport corner; pointer-events stay\n  // off so it never intercepts camera input.\n  const navHint = document.createElement('div');\n  navHint.textContent = 'WASD/QE move \u00B7 Shift boost \u00B7 RMB look/fly \u00B7 wheel speed \u00B7 F focus';\n  Object.assign(navHint.style, {\n    position: 'absolute', right: '8px', bottom: '6px', zIndex: '1',\n    fontSize: '11px', lineHeight: '1.4', pointerEvents: 'none', userSelect: 'none',\n    color: 'var(--fx-color-text-secondary)', opacity: '0.75',\n    textShadow: '0 1px 2px var(--fx-color-background, rgba(0,0,0,0.5))',\n  });\n  surface.append(navHint);\n  const args = () => ({ targetId: state.play.target.targetId, targetGeneration: state.play.target.generation });\n  const control = () => state?.targetBinding === 'play' ? state?.preview?.camera?.control : undefined;\n  const running = () => state?.play?.phase === 'running' && state?.targetBinding === 'play';\n  const add = (label, run, available) => {\n    const button = document.createElement('button');\n    button.textContent = label;\n    button.type = 'button';\n    button.className = 'fx-button fx-button--compact';\n    button.setAttribute('data-action', `editor.${label.toLowerCase()}`);\n    button.addEventListener('click', async () => {\n      pending.add(label); errorText = ''; render();\n      try { await run(); if (!disposed) state = await client.getState(); }\n      catch (error) { if (!disposed) errorText = error.hint ?? error.message; }\n      finally { pending.delete(label); if (!disposed) render(); }\n    });\n    buttons.push({ button, label, available }); toolbar.append(button);\n  };\n  add('Play', async () => {\n    const controller = new AbortController();\n    playRequest = controller;\n    try {\n      const options = { signal: controller.signal };\n      const opened = await client.call('play.start', { projectId: state.project.id }, options);\n      controller.signal.throwIfAborted();\n      state = opened;\n      render();\n      const target = { targetId: opened.play.target.targetId, targetGeneration: opened.play.target.generation };\n      await client.call('play.ready', target, options);\n      await client.call('camera.get', target, options);\n    } catch (error) {\n      if (!controller.signal.aborted) throw error;\n    } finally {\n      if (playRequest === controller) playRequest = undefined;\n    }\n  }, () => !!state?.project && !state?.play);\n  add('Stop', async () => {\n    playRequest?.abort();\n    if (state?.play) await client.call('play.stop', args());\n  }, () => !!state?.play || pending.has('Play'));\n  add('Eject', () => client.call('target.control', { ...args(), mode: 'observer' }), () => running() && control() !== 'observer');\n  add('Possess', () => client.call('target.control', { ...args(), mode: 'player' }), () => running() && control() === 'observer');\n  add('Editor', () => client.call('target.select', { targetId: state.editorPreview.target.targetId }), () => !!state?.editorPreview && state?.targetBinding === 'play');\n  add('Game', async () => {\n    await client.call('target.select', { targetId: state.play.target.targetId });\n    await client.call('camera.get', args());\n  }, () => !!state?.play && state?.targetBinding !== 'play');\n  toolbar.append(status);\n  const render = () => {\n    for (const { button, label, available } of buttons) {\n      const disabled = pending.has(label) || (pending.size > 0 && label !== 'Stop') || !available();\n      if (button.disabled !== disabled) button.disabled = disabled;\n    }\n    const target = state?.targetBinding ?? 'editor';\n    if (surface.dataset.forgeaxToolTarget !== target) surface.dataset.forgeaxToolTarget = target;\n    let nextStatus = errorText || (state?.play\n      ? `${state.targetBinding === 'play' ? 'Game' : 'Editor'} tools \u00B7 ${state.play.phase}${control() === 'observer' ? ' \u00B7 Free camera' : ''}`\n      : pending.has('Play') ? 'Preparing Play\u2026' : 'Editor tools');\n    if (!errorText && state?.targetBinding !== 'play')\n      nextStatus += ' \u00B7 Speed ' + navigationSpeed.toFixed(2);\n    if (status.textContent !== nextStatus) status.textContent = nextStatus;\n  };\n  const reader = createWorkspaceStateReader(client);\n  const unsubscribe = reader.subscribe(() => { if (!disposed) { state = reader.getSnapshot(); render(); } });\n  render();\n  return { surface,\n    setNavigationSpeed(speed) { navigationSpeed = speed; if (!disposed) render(); },\n    dispose() { disposed = true; playRequest?.abort(); unsubscribe(); toolbar.remove(); surface.remove(); } };\n}\n", "/** Fit the borrowed Editor container without a transformed or cross-tree overlay. */\nexport function fitEditorSurface(surface) {\n  const previous = surface.getAttribute?.('style');\n  Object.assign(surface.style, {\n    width: '100%', height: '100%', maxWidth: '100%', maxHeight: '100%',\n    position: 'relative', transform: 'none', overflow: 'hidden',\n  });\n  return () => {\n    if (previous == null) surface.removeAttribute?.('style');\n    else surface.setAttribute?.('style', previous);\n  };\n}\n", "const ENGINE_FATAL_ID = 'forgeax-fatal';\nconst BANNER_CLASS = 'fx-engine-fatal-banner';\nconst MESSAGE_CLASS = 'fx-engine-fatal-banner__message';\nconst ACTIONS_CLASS = 'fx-engine-fatal-banner__actions';\n\nfunction fatalElement(document) {\n  if (!document) return null;\n  return document.getElementById?.(ENGINE_FATAL_ID)\n    ?? document.querySelector?.(`#${ENGINE_FATAL_ID}`)\n    ?? null;\n}\n\nfunction resolveHost(host) {\n  return typeof host === 'function' ? host() : host;\n}\n\n/** Canvas box: #app-shell wraps #app. Fall back to the View targets cell. */\nfunction canvasHost(document, fallback) {\n  const canvas = document.querySelector?.('.fx-view-viewport-surface #app')\n    ?? document.querySelector?.('#app');\n  if (canvas?.parentElement) return canvas.parentElement;\n  return document.querySelector?.('.fx-view-viewport-surface [data-forgeax-view-workspace=\"targets\"]')\n    ?? resolveHost(fallback);\n}\n\nfunction readFatalText(notice) {\n  return typeof notice?.textContent === 'string' ? notice.textContent.trim() : '';\n}\n\n/** Engine's generated overlay has no event. show() sets #forgeax-fatal text and inline display:grid. */\nfunction isEngineFatalShown(notice) {\n  return notice?.style?.display === 'grid' && readFatalText(notice) !== '';\n}\n\nfunction button(document, label, ariaLabel) {\n  const node = document.createElement('button');\n  node.type = 'button';\n  node.className = 'fx-button fx-button--compact fx-button--quiet';\n  node.textContent = label;\n  node.setAttribute('aria-label', ariaLabel);\n  return node;\n}\n\nfunction createBanner(document, { onCopy, onClose }) {\n  const banner = document.createElement('div');\n  banner.className = `${BANNER_CLASS} fx-ui`;\n  banner.setAttribute('role', 'alert');\n  banner.hidden = true;\n  const message = document.createElement('pre');\n  message.className = MESSAGE_CLASS;\n  const actions = document.createElement('div');\n  actions.className = ACTIONS_CLASS;\n  const copy = button(document, 'Copy error', 'Copy the error reason');\n  const close = button(document, 'Close', 'Dismiss the error banner');\n  copy.addEventListener('click', (event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    onCopy(message.textContent?.trim() ?? '', copy);\n  });\n  close.addEventListener('click', (event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    onClose();\n  });\n  actions.append(copy, close);\n  banner.append(message, actions);\n  return { banner, message, copy };\n}\n\nfunction placeBanner(banner, host) {\n  if (!host || banner.parentNode === host) return;\n  host.append?.(banner);\n}\n\n/**\n * Engine does not publish a fatal event. This watches the generated overlay\n * node: id=forgeax-fatal, inline style.display=grid, non-empty textContent.\n * The banner is View DOM, absolutely positioned on the canvas box.\n */\nexport function attachEngineFatalBanner({\n  document = globalThis.document,\n  host,\n} = {}) {\n  if (!document?.createElement) return () => {};\n  const { banner, message, copy } = createBanner(document, {\n    onCopy(text, button) {\n      if (!text || typeof navigator?.clipboard?.writeText !== 'function') return;\n      void navigator.clipboard.writeText(text).then(() => {\n        button.textContent = 'Copied';\n        setTimeout(() => {\n          if (button.isConnected) button.textContent = 'Copy error';\n        }, 2000);\n      }).catch(() => {});\n    },\n    onClose() {\n      // Restore Engine's initial hidden overlay. Keep the node and its text;\n      // show() looks it up by id and writes display:grid again.\n      fatalElement(document)?.style?.removeProperty?.('display');\n      banner.hidden = true;\n    },\n  });\n\n  const sync = () => {\n    placeBanner(banner, canvasHost(document, host));\n    const notice = fatalElement(document);\n    const text = readFatalText(notice);\n    if (!isEngineFatalShown(notice)) {\n      banner.hidden = true;\n      return;\n    }\n    if (message.textContent !== text) message.textContent = text;\n    if (copy.textContent !== 'Copy error') copy.textContent = 'Copy error';\n    banner.hidden = false;\n  };\n\n  if (typeof MutationObserver !== 'function') {\n    sync();\n    return () => banner.remove?.();\n  }\n\n  const noticeObserver = new MutationObserver(sync);\n  let observed;\n  const watchNotice = () => {\n    const notice = fatalElement(document);\n    if (!notice || notice === observed) {\n      sync();\n      return;\n    }\n    observed = notice;\n    noticeObserver.observe(notice, {\n      attributes: true,\n      attributeFilter: ['style'],\n      childList: true,\n      subtree: true,\n      characterData: true,\n    });\n    sync();\n  };\n\n  watchNotice();\n  const root = document.documentElement ?? document.body;\n  const rootObserver = root ? new MutationObserver(watchNotice) : undefined;\n  rootObserver?.observe(root, { childList: true, subtree: true });\n  return () => {\n    noticeObserver.disconnect();\n    rootObserver?.disconnect();\n    banner.remove?.();\n  };\n}\n", "import { readEnginePresentation } from '@forgeax/view-workspace-core/engine-presentation';\nimport { createBrowserPagePresentation, ViewWorkspaceShell } from './workspace-shell.mjs';\nimport { PAGE_TYPE, PANEL_CLOSABLE, PANEL_LAYOUT, FRONTEND_PLUGIN_ID, SLOT, TITLE_I18N_KEY } from './identity.mjs';\nimport { attachViewportRenderResizeSync } from './render-resize-sync.mjs';\nimport { attachViewportPageInputGate } from './page-input-gate.mjs';\nimport { mountPlayToolbar } from './play-toolbar.mjs';\nimport { fitEditorSurface } from './editor-surface.mjs';\nimport { viewPlayPresentationPlugin } from './play-presentation.mjs';\nimport { attachEngineFatalBanner } from './engine-fatal-banner.mjs';\n\nfunction claimViewportPanel(panelHost) {\n  return panelHost.claim({\n    id: SLOT, pageType: PAGE_TYPE, titleKey: TITLE_I18N_KEY,\n    activity: { labelKey: TITLE_I18N_KEY, icon: 'box' }, layout: PANEL_LAYOUT,\n    closable: PANEL_CLOSABLE,\n    dockTitleHidden: true,\n  });\n}\n\nfunction liveWorkspacePresentation(ctx, config, { api, document }) {\n  const read = () => readEnginePresentation(config, ctx);\n  return new Proxy({}, {\n    get(_, prop) {\n      if (prop === 'surfacePlacement') return 'shell';\n      const workspace = read();\n      if (prop === 'attach') {\n        return async (input) => {\n          const remove = await workspace?.attach?.(input);\n          const surface = input.element;\n          if (!surface?.style || !surface.parentElement) return remove;\n          const onContextMenu = (event) => {\n            event.preventDefault();\n          };\n          surface.addEventListener?.('contextmenu', onContextMenu);\n          const restoreFit = fitEditorSurface(surface);\n          const detachResize = attachViewportRenderResizeSync({\n            api,\n            surface,\n            target: input.target,\n          });\n          return async () => {\n            detachResize();\n            surface.removeEventListener?.('contextmenu', onContextMenu);\n            restoreFit();\n            await remove?.();\n          };\n        };\n      }\n      if (prop === 'createSurface') {\n        if (typeof workspace?.createSurface === 'function') return workspace.createSurface;\n        return (input) => (input?.document ?? document)?.getElementById?.('app-shell') ?? null;\n      }\n      return workspace?.[prop];\n    },\n  });\n}\n\nconst viewportSurfacePlugin = {\n  name: FRONTEND_PLUGIN_ID,\n  inject: ['viewOperationClient', 'viewPlayPresentation'],\n  provide: ['viewWorkspaceShell'],\n  async apply(ctx, config = {}) {\n    const document = config.document ?? globalThis.document;\n    const api = ctx.get('viewOperationClient');\n    const element = config.viewportSurface;\n    if (!element || !document?.createElement) return;\n    const workspace = readEnginePresentation(config, ctx);\n    if (workspace && !ctx.get('engineWorkspacePresentation', false)) {\n      ctx.provide('engineWorkspacePresentation', workspace);\n    }\n    const presentation = {\n      workspace: liveWorkspacePresentation(ctx, config, { api, document }),\n      display: createBrowserPagePresentation({ document }),\n    };\n    let shell;\n    let play;\n    try {\n      play = mountPlayToolbar({ document, element, client: api });\n      const mainSurface = document.createElement('div');\n      Object.assign(mainSurface.style, {\n        flex: '1',\n        minWidth: '0',\n        minHeight: '0',\n        width: '100%',\n        height: '100%',\n        position: 'relative',\n      });\n      Object.assign(play.surface.style, { display: 'flex' });\n      play.surface.append(mainSurface);\n      ctx.effect(() => ctx.get('viewPlayPresentation').attach(mainSurface));\n      shell = new ViewWorkspaceShell({ document, element: mainSurface, mountId: element.id,\n        api, presentation,\n        resourceBrowser: false, inspectorPanel: false, presentationOnly: true,\n        onNavigationSpeed: speed => play.setNavigationSpeed(speed),\n      });\n      ctx.provide('viewWorkspaceShell', shell);\n      ctx.effect(() => attachEngineFatalBanner({ document, host: mainSurface }));\n      ctx.effect(() => attachViewportPageInputGate({\n        element,\n        input: ctx.get('engineWorkspaceInput', false),\n        pageType: PAGE_TYPE,\n        document,\n      }));\n    } catch (error) {\n      await shell?.dispose(); play?.dispose(); throw error;\n    }\n    ctx.effect(() => async () => { await shell?.dispose(); play?.dispose(); });\n  },\n};\n\nconst viewViewportFrontendPlugin = {\n  name: FRONTEND_PLUGIN_ID,\n  inject: ['viewOperationClient', 'viewScenePage'],\n  async apply(ctx, config = {}) {\n    const panelHost = config.panelHost ?? ctx.get?.('panelHost', false);\n    if (!panelHost) return;\n    const unclaim = claimViewportPanel(panelHost);\n    ctx.effect(() => unclaim);\n    // Play/Engine providers suspend only the canvas inside this fill slot.\n    // The dock is claimed with the other editor panels as soon as the page exists.\n    const document = config.document ?? globalThis.document;\n    if (!document?.createElement) return;\n    const element = document.createElement('div');\n    element.id = config.workspace?.mountId ?? 'forgeax-view-workspace';\n    element.className = 'fx-view-viewport-surface';\n    await panelHost.waitForSlot(SLOT);\n    const unmount = panelHost.mount(SLOT, element);\n    ctx.effect(() => () => unmount?.());\n    await ctx.plugin({\n      ...viewportSurfacePlugin,\n      name: `${FRONTEND_PLUGIN_ID}.surface`,\n    }, { ...config, viewportSurface: element });\n  },\n};\n\nexport { viewViewportFrontendPlugin, viewPlayPresentationPlugin };\nexport default viewViewportFrontendPlugin;\n"],
+  "mappings": "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",
+  "names": ["button", "button"]
+}