@yumiai/chat-widget 0.1.2 → 0.2.0

package/dist/chunk-GYXTSY22.js

@@ -0,0 +1,639 @@
+// src/components/FileViewer/viewers/GerberViewer.tsx
+import { useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
+
+// src/components/jetPaveGerberViewer/src/pages/Page2D.tsx
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var WIN = window;
+var CONTAINER_KEY = "__gerber2d_container__";
+var READY_KEY = "__gerber2d_ready__";
+function getOrCreateContainer() {
+  const existing = WIN[CONTAINER_KEY];
+  if (existing) return existing;
+  delete WIN[READY_KEY];
+  const el = document.createElement("div");
+  el.className = "layout-2d";
+  el.innerHTML = `
+<div id="loadingOverlay">\u6B63\u5728\u5904\u7406\u4E2D...</div>
+<div class="container">
+  <div class="controls" style="display:none">
+    <div class="file-input-wrapper">
+      <input type="file" id="fileInput"
+        accept=".zip,.rar,.gtl,.gbl,.gts,.gbs,.gto,.gbo,.gtp,.gbp,.gm1,.drl,.gbr,.gko,.txt,.tx1,.g1,.g2,.g3,.g4,.g5,.g6,.gp1,.gp2,.gp3"
+        multiple />
+    </div>
+    <div class="file-info" id="fileInfo" style="display:none">
+      <div class="file-name" id="fileName"></div>
+      <div id="fileSize"></div>
+    </div>
+    <div class="status" id="status" style="display:none"></div>
+  </div>
+  <div class="viewer">
+    <div class="viewer-content">
+      <div class="webgl-canvas-container">
+        <canvas id="canvas"></canvas>
+      </div>
+      <div class="layer-list-container">
+        <div class="layer-list-title">\u56FE\u5C42\u5217\u8868</div>
+        <div class="layer-list-header">
+          <div class="layer-toggle-all" id="layerToggleAll">
+            <div class="layer-toggle checked" id="layerToggleAllCheckbox"></div>
+            <span class="layer-toggle-all-label">\u5168\u90E8\u663E\u793A/\u9690\u85CF</span>
+          </div>
+        </div>
+        <div class="layer-list" id="layerList"></div>
+      </div>
+    </div>
+  </div>
+</div>`;
+  WIN[CONTAINER_KEY] = el;
+  return el;
+}
+function isViewerReady() {
+  return !!WIN[READY_KEY];
+}
+function markViewerReady() {
+  WIN[READY_KEY] = true;
+}
+function injectFile(file) {
+  const container = WIN[CONTAINER_KEY];
+  const fi = container?.querySelector("#fileInput");
+  if (!fi) throw new Error("#fileInput not found in persistent container");
+  console.log("[Page2D] injectFile: element found, isConnected =", fi.isConnected, ", file =", file.name, file.size);
+  const dt = new DataTransfer();
+  dt.items.add(file);
+  fi.files = dt.files;
+  console.log("[Page2D] injectFile: files set, count =", fi.files.length, ", dispatching change...");
+  const testListener = () => console.log("[Page2D] injectFile: \u2713 change event received by test listener");
+  fi.addEventListener("change", testListener, { once: true });
+  const handled = fi.dispatchEvent(new Event("change", { bubbles: true }));
+  console.log("[Page2D] injectFile: change dispatched, defaultPrevented =", !handled);
+  fi.removeEventListener("change", testListener);
+}
+async function fetchAndInject(url) {
+  const res = await fetch(url);
+  if (!res.ok) throw new Error(`Fetch failed: HTTP ${res.status}`);
+  const blob = await res.blob();
+  let name = "gerber.zip";
+  try {
+    const seg = new URL(url).pathname.split("/").filter(Boolean).pop();
+    if (seg) name = decodeURIComponent(seg);
+  } catch {
+  }
+  const hdr = new Uint8Array(await blob.slice(0, 4).arrayBuffer());
+  const isZip = hdr[0] === 80 && hdr[1] === 75;
+  const isRar = hdr[0] === 82 && hdr[1] === 97 && hdr[2] === 114;
+  if (isZip && !name.toLowerCase().endsWith(".zip"))
+    name = name.replace(/\.[^.]+$/, "") + ".zip";
+  if (isRar && !name.toLowerCase().endsWith(".rar"))
+    name = name.replace(/\.[^.]+$/, "") + ".rar";
+  const type = isZip ? "application/zip" : isRar ? "application/x-rar-compressed" : blob.type || "application/octet-stream";
+  injectFile(new File([blob], name, { type }));
+}
+function Page2D({ content, url, onLayerSelect }) {
+  const mountRef = useRef(null);
+  const [error, setError] = useState(null);
+  const onLayerSelectRef = useRef(onLayerSelect);
+  onLayerSelectRef.current = onLayerSelect;
+  useEffect(() => {
+    const mount = mountRef.current;
+    if (!mount) return;
+    const container = getOrCreateContainer();
+    mount.appendChild(container);
+    if (isViewerReady()) {
+      window.dispatchEvent(new Event("resize"));
+    }
+    const handleLayerClick = (e) => {
+      const cb = onLayerSelectRef.current;
+      if (!cb) return;
+      const item = e.target.closest?.(".layer-item");
+      if (!item) return;
+      const nameEl = item.querySelector(".layer-name");
+      const layerName = nameEl?.textContent?.trim();
+      if (!layerName) return;
+      const rect = item.getBoundingClientRect();
+      const mountRect = mount.getBoundingClientRect();
+      cb({
+        snippet: `[Gerber \u56FE\u5C42] ${layerName}`,
+        anchorRect: {
+          top: rect.bottom - mountRect.top + 4,
+          left: rect.left - mountRect.left + rect.width / 2
+        }
+      });
+    };
+    container.addEventListener("click", handleLayerClick);
+    return () => {
+      container.removeEventListener("click", handleLayerClick);
+      if (container.parentNode === mount) mount.removeChild(container);
+    };
+  }, []);
+  useEffect(() => {
+    let cancelled = false;
+    void (async () => {
+      try {
+        setError(null);
+        if (!isViewerReady()) {
+          console.log("[Page2D] importing 2d entry module...");
+          await import("./gerber-2d-entry-OQ4SQRBY.js");
+          markViewerReady();
+          console.log("[Page2D] module imported, checking DOM elements:", {
+            canvas: !!document.getElementById("canvas"),
+            fileInput: !!document.getElementById("fileInput"),
+            containerInDOM: !!WIN[CONTAINER_KEY]?.isConnected
+          });
+        } else {
+          console.log("[Page2D] viewer already ready, skipping import");
+        }
+        if (cancelled) return;
+        await new Promise((r) => requestAnimationFrame(() => r()));
+        if (cancelled) return;
+        console.log("[Page2D] inject check", {
+          hasContent: !!content,
+          contentUrl: content?.content_url,
+          contentLength: content?.content?.length,
+          fileName: content?.file_name,
+          url,
+          content
+        });
+        if (content?.content_url) {
+          console.log("[Page2D] fetchAndInject via content_url");
+          await fetchAndInject(content.content_url);
+        } else if (typeof content?.content === "string" && content.content.trim()) {
+          console.log("[Page2D] injectFile from content string, length =", content.content.length);
+          injectFile(
+            new File([content.content], content.file_name || "board.gbr", {
+              type: content.mime_type || "text/plain"
+            })
+          );
+        } else if (url) {
+          console.log("[Page2D] fetchAndInject via url prop");
+          await fetchAndInject(url);
+        } else {
+          console.warn("[Page2D] no data to inject \u2014 content and url are both empty");
+        }
+      } catch (err) {
+        if (!cancelled) {
+          console.error("[Page2D]", err);
+          setError(err instanceof Error ? err.message : String(err));
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [content?.resource_id, content?.content_url, content?.content, content?.file_name, url]);
+  return /* @__PURE__ */ jsx("div", { ref: mountRef, className: "layout-2d-mount", children: error && /* @__PURE__ */ jsxs("div", { className: "layout-2d-error", children: [
+    "Gerber \u67E5\u770B\u5668\u52A0\u8F7D\u5931\u8D25: ",
+    error
+  ] }) });
+}
+
+// src/components/jetPaveGerberViewer/src/pages/Page3D.tsx
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+
+// src/components/jetPaveGerberViewer/src/legacy/bootLegacyLoad.ts
+function fireLoadIfAlreadyComplete() {
+  if (document.readyState === "complete") {
+    window.dispatchEvent(new Event("load"));
+  }
+}
+async function importAndBootLoad(importer) {
+  await importer();
+  fireLoadIfAlreadyComplete();
+}
+
+// src/components/jetPaveGerberViewer/src/pages/Page3D.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var WIN2 = window;
+var CONTAINER_KEY2 = "__gerber3d_container__";
+var READY_KEY2 = "__gerber3d_ready__";
+function getOrCreateContainer2() {
+  const existing = WIN2[CONTAINER_KEY2];
+  if (existing) return existing;
+  delete WIN2[READY_KEY2];
+  const el = document.createElement("div");
+  el.className = "layout-3d";
+  el.innerHTML = `
+<div id="viewer3d-canvas-host" class="viewer3d-canvas-host"></div>
+<input type="file" id="file-input" class="file-input" style="display:none"
+  multiple accept=".zip,.rar,.gbr,.gtl,.gbl,.gko,.gm1,.drl,.out,.txt" />
+<div id="gerber-3d-toolbar"
+  style="position:absolute;top:10px;left:10px;z-index:200;
+         background:rgba(0,0,0,0.7);color:#fff;padding:10px;border-radius:5px;
+         display:flex;flex-direction:column;gap:8px;">
+  <p style="font-size:12px;margin:0;color:#ccc;">\u5DE6\u952E\u65CB\u8F6C | \u53F3\u952E\u5E73\u79FB | \u6EDA\u8F6E\u7F29\u653E</p>
+  <div id="stats" style="font-size:12px;"></div>
+</div>
+<div id="info"></div>
+<div id="loading">\u6B63\u5728\u5904\u7406...</div>`;
+  WIN2[CONTAINER_KEY2] = el;
+  return el;
+}
+function isViewerReady2() {
+  return !!WIN2[READY_KEY2];
+}
+function markViewerReady2() {
+  WIN2[READY_KEY2] = true;
+}
+function injectFile2(file) {
+  const container = WIN2[CONTAINER_KEY2];
+  const fi = container?.querySelector("#file-input");
+  if (!fi) throw new Error("#file-input not found in persistent container");
+  const dt = new DataTransfer();
+  dt.items.add(file);
+  fi.files = dt.files;
+  fi.dispatchEvent(new Event("change", { bubbles: true }));
+}
+async function fetchAndInject2(url) {
+  const res = await fetch(url);
+  if (!res.ok) throw new Error(`Fetch failed: HTTP ${res.status}`);
+  const blob = await res.blob();
+  let name = "gerber.zip";
+  try {
+    const seg = new URL(url).pathname.split("/").filter(Boolean).pop();
+    if (seg) name = decodeURIComponent(seg);
+  } catch {
+  }
+  const hdr = new Uint8Array(await blob.slice(0, 4).arrayBuffer());
+  const isZip = hdr[0] === 80 && hdr[1] === 75;
+  const isRar = hdr[0] === 82 && hdr[1] === 97 && hdr[2] === 114;
+  if (isZip && !name.toLowerCase().endsWith(".zip"))
+    name = name.replace(/\.[^.]+$/, "") + ".zip";
+  if (isRar && !name.toLowerCase().endsWith(".rar"))
+    name = name.replace(/\.[^.]+$/, "") + ".rar";
+  const type = isZip ? "application/zip" : isRar ? "application/x-rar-compressed" : blob.type || "application/octet-stream";
+  injectFile2(new File([blob], name, { type }));
+}
+function Page3D({ content, url }) {
+  const mountRef = useRef2(null);
+  const [error, setError] = useState2(null);
+  useEffect2(() => {
+    const mount = mountRef.current;
+    if (!mount) return;
+    const container = getOrCreateContainer2();
+    mount.appendChild(container);
+    if (isViewerReady2()) {
+      window.dispatchEvent(new Event("resize"));
+    }
+    return () => {
+      if (container.parentNode === mount) mount.removeChild(container);
+    };
+  }, []);
+  useEffect2(() => {
+    let cancelled = false;
+    void (async () => {
+      try {
+        setError(null);
+        if (!isViewerReady2()) {
+          await importAndBootLoad(
+            () => import("./gerber-3d-entry-DEHDBOO2.js")
+          );
+          markViewerReady2();
+        }
+        if (cancelled) return;
+        await new Promise((r) => requestAnimationFrame(() => r()));
+        if (cancelled) return;
+        window.dispatchEvent(new Event("resize"));
+        console.log("[Page3D] inject check", {
+          hasContent: !!content,
+          contentUrl: content?.content_url,
+          contentLength: content?.content?.length,
+          fileName: content?.file_name,
+          url
+        });
+        if (content?.content_url) {
+          console.log("[Page3D] fetchAndInject via content_url");
+          await fetchAndInject2(content.content_url);
+        } else if (typeof content?.content === "string" && content.content.trim()) {
+          console.log("[Page3D] injectFile from content string, length =", content.content.length);
+          injectFile2(
+            new File([content.content], content.file_name || "board.gbr", {
+              type: content.mime_type || "text/plain"
+            })
+          );
+        } else if (url) {
+          console.log("[Page3D] fetchAndInject via url prop");
+          await fetchAndInject2(url);
+        } else {
+          console.warn("[Page3D] no data to inject \u2014 content and url are both empty");
+        }
+      } catch (err) {
+        if (!cancelled) {
+          console.error("[Page3D]", err);
+          setError(err instanceof Error ? err.message : String(err));
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [content?.resource_id, content?.content_url, content?.content, content?.file_name, url]);
+  return /* @__PURE__ */ jsx2("div", { ref: mountRef, className: "layout-3d-mount", children: error && /* @__PURE__ */ jsxs2("div", { className: "layout-3d-error", children: [
+    "3D \u67E5\u770B\u5668\u52A0\u8F7D\u5931\u8D25: ",
+    error
+  ] }) });
+}
+
+// src/components/jetPaveGerberViewer/src/pages/PageSimulation.tsx
+import { useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var WIN3 = window;
+var CONTAINER_KEY3 = "__gerberSim_container__";
+var READY_KEY3 = "__gerberSim_ready__";
+function getOrCreateContainer3() {
+  const existing = WIN3[CONTAINER_KEY3];
+  if (existing) return existing;
+  delete WIN3[READY_KEY3];
+  const el = document.createElement("div");
+  el.className = "layout-simulation";
+  el.innerHTML = `
+<div class="container">
+  <div class="control-panel">
+    <h2 class="panel-title">\u4EFF\u771F\u56FE</h2>
+
+    <div class="control-group" style="display:none">
+      <div class="file-input-wrapper">
+        <span class="file-input-button">\u{1F4C1} \u9009\u62E9 Gerber \u6587\u4EF6</span>
+        <input type="file" id="fileInput"
+          accept=".zip,.rar,.gbr,.gtl,.gbl,.gts,.gbs,.gto,.gbo,.gtp,.gbp,.gko,.drl,.txt"
+          multiple />
+      </div>
+    </div>
+
+    <div class="control-group">
+      <div class="control-label">\u67E5\u770B\u9762</div>
+      <div class="view-toggle">
+        <button type="button" id="btnTopView" class="active">\u9876\u5C42 (Top)</button>
+        <button type="button" id="btnBottomView">\u5E95\u5C42 (Bottom)</button>
+      </div>
+    </div>
+
+    <div class="control-group">
+      <div class="control-row">
+        <span class="control-label">\u963B\u710A\u989C\u8272</span>
+        <div class="color-preview">
+          <div class="color-swatch" id="maskColorPreview" style="background:#1C590B"></div>
+          <select id="maskColorSelect">
+            <option value="#1C590B" selected>\u7EFF\u8272</option>
+            <option value="#1a3a6e">\u84DD\u8272</option>
+            <option value="#8b0000">\u7EA2\u8272</option>
+            <option value="#1a1a1a">\u9ED1\u8272</option>
+            <option value="#f5f5f5">\u767D\u8272</option>
+            <option value="#2d2d2d">\u54D1\u5149\u9ED1</option>
+            <option value="#4a0080">\u7D2B\u8272</option>
+            <option value="#c4a000">\u9EC4\u8272</option>
+          </select>
+        </div>
+      </div>
+    </div>
+
+    <div class="control-group">
+      <div class="control-row">
+        <span class="control-label">\u4E1D\u5370\u989C\u8272</span>
+        <div class="color-preview">
+          <div class="color-swatch" id="silkColorPreview" style="background:#ffffff"></div>
+          <select id="silkColorSelect">
+            <option value="#ffffff" selected>\u767D\u8272</option>
+            <option value="#000000">\u9ED1\u8272</option>
+            <option value="#f5e642">\u9EC4\u8272</option>
+          </select>
+        </div>
+      </div>
+    </div>
+
+    <div class="control-group">
+      <div class="control-row">
+        <span class="control-label">\u8868\u9762\u5904\u7406</span>
+        <div class="color-preview">
+          <div class="color-swatch" id="finishColorPreview" style="background:#D4AF37"></div>
+          <select id="finishSelect">
+            <option value="ENIG" selected>\u6C89\u91D1 (ENIG)</option>
+            <option value="HASL">\u55B7\u9521 (HASL)</option>
+            <option value="OSP">OSP</option>
+            <option value="SILVER">\u9540\u94F6</option>
+            <option value="ENEPIG">\u5316\u954D\u94AF\u91D1</option>
+          </select>
+        </div>
+      </div>
+    </div>
+
+    <div class="control-group">
+      <div class="switch-row">
+        <span class="control-label">\u663E\u793A\u963B\u710A\u5C42</span>
+        <label class="switch"><input type="checkbox" id="showMask" checked /><span class="slider"></span></label>
+      </div>
+      <div class="switch-row">
+        <span class="control-label">\u663E\u793A\u4E1D\u5370\u5C42</span>
+        <label class="switch"><input type="checkbox" id="showSilk" checked /><span class="slider"></span></label>
+      </div>
+      <div class="switch-row">
+        <span class="control-label">\u663E\u793A\u94BB\u5B54</span>
+        <label class="switch"><input type="checkbox" id="showDrill" checked /><span class="slider"></span></label>
+      </div>
+    </div>
+
+    <div class="control-group" style="margin-top:auto">
+      <button type="button" class="btn btn-success" id="btnExport">\u{1F4F7} \u5BFC\u51FA\u4EFF\u771F\u56FE</button>
+      <button type="button" class="btn btn-secondary" id="btnClear">\u{1F5D1}\uFE0F \u6E05\u7A7A</button>
+    </div>
+
+  </div>
+
+  <div class="main-view">
+    <div class="canvas-container" id="canvasContainer">
+      <canvas id="simulationCanvas"></canvas>
+      <div class="loading-overlay hidden" id="loadingOverlay">
+        <div class="spinner"></div>
+        <div class="loading-text" id="loadingText">\u6B63\u5728\u89E3\u6790\u6587\u4EF6...</div>
+      </div>
+    </div>
+    <div class="hidden-status">
+      <span id="statusLeft"></span>
+      <span id="statusRight"></span>
+      <div id="layerList"></div>
+    </div>
+  </div>
+</div>`;
+  WIN3[CONTAINER_KEY3] = el;
+  return el;
+}
+function isViewerReady3() {
+  return !!WIN3[READY_KEY3];
+}
+function markViewerReady3() {
+  WIN3[READY_KEY3] = true;
+}
+function injectFile3(file) {
+  const container = WIN3[CONTAINER_KEY3];
+  const fi = container?.querySelector("#fileInput");
+  if (!fi) throw new Error("#fileInput not found in persistent container");
+  const dt = new DataTransfer();
+  dt.items.add(file);
+  fi.files = dt.files;
+  fi.dispatchEvent(new Event("change", { bubbles: true }));
+}
+async function fetchAndInject3(url) {
+  const res = await fetch(url);
+  if (!res.ok) throw new Error(`Fetch failed: HTTP ${res.status}`);
+  const blob = await res.blob();
+  let name = "gerber.zip";
+  try {
+    const seg = new URL(url).pathname.split("/").filter(Boolean).pop();
+    if (seg) name = decodeURIComponent(seg);
+  } catch {
+  }
+  const hdr = new Uint8Array(await blob.slice(0, 4).arrayBuffer());
+  const isZip = hdr[0] === 80 && hdr[1] === 75;
+  const isRar = hdr[0] === 82 && hdr[1] === 97 && hdr[2] === 114;
+  if (isZip && !name.toLowerCase().endsWith(".zip"))
+    name = name.replace(/\.[^.]+$/, "") + ".zip";
+  if (isRar && !name.toLowerCase().endsWith(".rar"))
+    name = name.replace(/\.[^.]+$/, "") + ".rar";
+  const type = isZip ? "application/zip" : isRar ? "application/x-rar-compressed" : blob.type || "application/octet-stream";
+  injectFile3(new File([blob], name, { type }));
+}
+function PageSimulation({ content, url }) {
+  const mountRef = useRef3(null);
+  const [error, setError] = useState3(null);
+  useEffect3(() => {
+    const mount = mountRef.current;
+    if (!mount) return;
+    const container = getOrCreateContainer3();
+    mount.appendChild(container);
+    if (isViewerReady3()) {
+      window.dispatchEvent(new Event("resize"));
+    }
+    return () => {
+      if (container.parentNode === mount) mount.removeChild(container);
+    };
+  }, []);
+  useEffect3(() => {
+    let cancelled = false;
+    void (async () => {
+      try {
+        setError(null);
+        if (!isViewerReady3()) {
+          await import("./gerber-simulation-entry-EBDX72XE.js");
+          markViewerReady3();
+        }
+        if (cancelled) return;
+        await new Promise((r) => requestAnimationFrame(() => r()));
+        if (cancelled) return;
+        window.dispatchEvent(new Event("resize"));
+        console.log("[PageSimulation] inject check", {
+          hasContent: !!content,
+          contentUrl: content?.content_url,
+          contentLength: content?.content?.length,
+          fileName: content?.file_name,
+          url
+        });
+        if (content?.content_url) {
+          console.log("[PageSimulation] fetchAndInject via content_url");
+          await fetchAndInject3(content.content_url);
+        } else if (typeof content?.content === "string" && content.content.trim()) {
+          console.log("[PageSimulation] injectFile from content string, length =", content.content.length);
+          injectFile3(
+            new File([content.content], content.file_name || "board.gbr", {
+              type: content.mime_type || "text/plain"
+            })
+          );
+        } else if (url) {
+          console.log("[PageSimulation] fetchAndInject via url prop");
+          await fetchAndInject3(url);
+        } else {
+          console.warn("[PageSimulation] no data to inject \u2014 content and url are both empty");
+        }
+      } catch (err) {
+        if (!cancelled) {
+          console.error("[PageSimulation]", err);
+          setError(err instanceof Error ? err.message : String(err));
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [content?.resource_id, content?.content_url, content?.content, content?.file_name, url]);
+  return /* @__PURE__ */ jsx3("div", { ref: mountRef, className: "layout-simulation-mount", children: error && /* @__PURE__ */ jsxs3("div", { className: "layout-simulation-error", children: [
+    "\u4EFF\u771F\u67E5\u770B\u5668\u52A0\u8F7D\u5931\u8D25: ",
+    error
+  ] }) });
+}
+
+// src/components/FileViewer/viewers/GerberViewer.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var ALL_MODES = ["2d", "3d", "simulation"];
+var MODE_LABEL = {
+  "2d": "2D\u6A21\u5F0F",
+  "3d": "3D\u6A21\u5F0F",
+  simulation: "\u4EFF\u771F\u56FE"
+};
+var GerberViewer = ({
+  content,
+  url,
+  onGerberSelection,
+  mode: controlledMode,
+  defaultMode = "2d",
+  onModeChange
+}) => {
+  const isControlled = controlledMode !== void 0;
+  const [internalMode, setInternalMode] = useState4(defaultMode);
+  const mode = isControlled ? controlledMode : internalMode;
+  const lastReportedRef = useRef4(mode);
+  useEffect4(() => {
+    if (!isControlled) return;
+    if (lastReportedRef.current === mode) return;
+    lastReportedRef.current = mode;
+    onModeChange?.(mode);
+  }, [isControlled, mode, onModeChange]);
+  const handleModeClick = (next) => {
+    if (!isControlled) {
+      setInternalMode(next);
+      lastReportedRef.current = next;
+    }
+    onModeChange?.(next);
+  };
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: "ycw-file-viewer-gerber ycw-file-viewer-gerber-embedded",
+      "data-mode": mode,
+      children: [
+        /* @__PURE__ */ jsx4(
+          "div",
+          {
+            className: "ycw-gerber-mode-bar",
+            "data-controlled": isControlled ? "true" : void 0,
+            role: isControlled ? "group" : void 0,
+            "aria-label": isControlled ? "Gerber view mode (controlled)" : void 0,
+            children: ALL_MODES.map((m) => /* @__PURE__ */ jsx4(
+              "button",
+              {
+                type: "button",
+                className: `viewer-action-btn${mode === m ? " active" : ""}`,
+                onClick: () => handleModeClick(m),
+                disabled: isControlled,
+                "aria-disabled": isControlled || void 0,
+                tabIndex: isControlled ? -1 : 0,
+                "data-active": mode === m ? "true" : void 0,
+                children: MODE_LABEL[m]
+              },
+              m
+            ))
+          }
+        ),
+        /* @__PURE__ */ jsxs4("div", { className: "ycw-gerber-viewer-body", children: [
+          mode === "2d" && /* @__PURE__ */ jsx4(Page2D, { content, url, onLayerSelect: onGerberSelection }),
+          mode === "3d" && /* @__PURE__ */ jsx4(Page3D, { content, url }),
+          mode === "simulation" && /* @__PURE__ */ jsx4(PageSimulation, { content, url })
+        ] })
+      ]
+    }
+  );
+};
+var GerberViewer_default = GerberViewer;
+
+export {
+  GerberViewer_default
+};
+//# sourceMappingURL=chunk-GYXTSY22.js.map