@elixpo/lixsketch 5.5.19 → 5.5.21

package/dist/react/{GraphEngine-KQXHNTZQ.js → GraphEngine-MM6ALA2N.js}

@@ -230,171 +230,128 @@ function escapeXml(str) {
 var NS = "http://www.w3.org/2000/svg";
 var GRAPH_WIDTH = 600;
 var GRAPH_HEIGHT = 420;
-function renderGraphOnCanvas(equations, settings) {
-  if (!equations || equations.length === 0) return false;
-  if (!window.svg || !window.Frame) {
-    console.error("[GraphEngine] Engine not initialized");
-    return false;
-  }
-  const svgMarkup = renderGraphSVG(equations, {
-    ...settings,
+var MAX_PLACED_SCREEN_WIDTH = 480;
+var MAX_VIEWPORT_WIDTH_RATIO = 0.68;
+var MAX_VIEWPORT_HEIGHT_RATIO = 0.58;
+function cloneGraphData(equations, settings) {
+  return {
+    equations: (equations || []).map((equation) => ({
+      expression: equation.expression,
+      color: equation.color
+    })),
+    settings: { ...settings || {} }
+  };
+}
+function graphSvgDataUrl(svgMarkup) {
+  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgMarkup)}`;
+}
+function refreshGraphImage(shape) {
+  if (!shape?._graphData || !shape.element) return false;
+  const svgMarkup = renderGraphSVG(shape._graphData.equations, {
+    ...shape._graphData.settings,
     width: GRAPH_WIDTH,
     height: GRAPH_HEIGHT
   });
   if (!svgMarkup) return false;
-  const vb = window.currentViewBox || { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight };
-  const vcx = vb.x + vb.width / 2;
-  const vcy = vb.y + vb.height / 2;
-  const frameW = GRAPH_WIDTH + 40;
-  const frameH = GRAPH_HEIGHT + 40;
-  const frameX = vcx - frameW / 2;
-  const frameY = vcy - frameH / 2;
-  const eqLabels = equations.filter((eq) => eq.expression && eq.expression.trim()).map((eq) => eq.expression.trim()).slice(0, 3);
-  const title = eqLabels.length > 0 ? "Graph: " + eqLabels.join(", ") : "Graph";
+  const href = graphSvgDataUrl(svgMarkup);
+  shape.element.setAttribute("href", href);
+  shape.element.setAttribute("data-href", href);
+  return true;
+}
+function hydrateGraphShape(shape, graphData) {
+  if (!shape?.element || !graphData) return shape;
+  shape._frameType = "graph";
+  shape._graphData = cloneGraphData(graphData.equations, graphData.settings);
+  shape.uploadStatus = "done";
+  shape.element.setAttribute("data-graph-shape", "true");
+  shape.element.setAttribute("preserveAspectRatio", "none");
+  shape.element.style.cursor = "move";
+  shape._refreshGraphImage = () => refreshGraphImage(shape);
+  shape.adaptToBackground = () => refreshGraphImage(shape);
+  return shape;
+}
+function selectOnlyGraph(shape) {
+  if (!shape) return;
+  if (window.multiSelection?.selectedShapes?.size) {
+    window.multiSelection.clearSelection();
+  }
+  if (window.currentShape && window.currentShape !== shape && typeof window.currentShape.removeSelection === "function") {
+    window.currentShape.removeSelection();
+  }
+  window.__sketchStoreApi?.setActiveTool?.("select");
+  window.currentShape = shape;
+  shape.selectShape?.();
+}
+function placedGraphSize(viewBox) {
+  const zoom = Math.max(1e-3, Number(window.currentZoom) || 1);
+  const byScreen = MAX_PLACED_SCREEN_WIDTH / zoom;
+  const byViewportWidth = viewBox.width * MAX_VIEWPORT_WIDTH_RATIO;
+  const byViewportHeight = viewBox.height * MAX_VIEWPORT_HEIGHT_RATIO * (GRAPH_WIDTH / GRAPH_HEIGHT);
+  const width = Math.max(80 / zoom, Math.min(GRAPH_WIDTH, byScreen, byViewportWidth, byViewportHeight));
+  return { width, height: width * (GRAPH_HEIGHT / GRAPH_WIDTH) };
+}
+function renderGraphOnCanvas(equations, settings, existingShape = null) {
+  const validEquations = (equations || []).filter((equation) => equation?.expression?.trim());
+  if (validEquations.length === 0) return false;
+  if (!window.svg || !window.ImageShape) {
+    console.error("[GraphEngine] Engine not initialized");
+    return false;
+  }
+  const graphData = cloneGraphData(validEquations, settings);
+  if (existingShape?._frameType === "graph" && existingShape.element) {
+    hydrateGraphShape(existingShape, graphData);
+    if (!refreshGraphImage(existingShape)) return false;
+    selectOnlyGraph(existingShape);
+    window.__adaptCanvasContrast?.(
+      window.getComputedStyle(window.svg).backgroundColor || "#15111f"
+    );
+    return true;
+  }
+  const viewBox = window.currentViewBox || {
+    x: 0,
+    y: 0,
+    width: window.innerWidth,
+    height: window.innerHeight
+  };
+  const size = placedGraphSize(viewBox);
+  const x = viewBox.x + (viewBox.width - size.width) / 2;
+  const y = viewBox.y + (viewBox.height - size.height) / 2;
   try {
-    const parser = new DOMParser();
-    const doc = parser.parseFromString(svgMarkup, "image/svg+xml");
-    const svgEl = doc.querySelector("svg");
-    if (!svgEl) return false;
-    const graphGroup = document.createElementNS(NS, "g");
-    graphGroup.setAttribute("data-type", "graph-group");
-    graphGroup.setAttribute("transform", `translate(${frameX + 20}, ${frameY + 20})`);
-    const defs = svgEl.querySelector("defs");
-    if (defs) {
-      const defsClone = defs.cloneNode(true);
-      window.svg.querySelector("defs")?.appendChild(defsClone.firstChild) || window.svg.insertBefore(defsClone, window.svg.firstChild);
+    const image = document.createElementNS(NS, "image");
+    image.setAttribute("x", x);
+    image.setAttribute("y", y);
+    image.setAttribute("width", size.width);
+    image.setAttribute("height", size.height);
+    image.setAttribute("data-shape-x", x);
+    image.setAttribute("data-shape-y", y);
+    image.setAttribute("data-shape-width", size.width);
+    image.setAttribute("data-shape-height", size.height);
+    const graphShape = hydrateGraphShape(new window.ImageShape(image), graphData);
+    if (!refreshGraphImage(graphShape)) {
+      graphShape.group?.remove();
+      return false;
     }
-    while (svgEl.childNodes.length > 0) {
-      const child = svgEl.childNodes[0];
-      if (child.nodeName === "defs") {
-        svgEl.removeChild(child);
-        continue;
-      }
-      graphGroup.appendChild(child);
-    }
-    window.svg.appendChild(graphGroup);
-    const graphShape = {
-      shapeName: "graph",
-      // first-class shapeName
-      shapeID: `graph-${Date.now().toString(36)}-${Math.floor(Math.random() * 1e4)}`,
-      group: graphGroup,
-      element: graphGroup,
-      x: frameX + 20,
-      y: frameY + 20,
-      width: GRAPH_WIDTH,
-      height: GRAPH_HEIGHT,
-      rotation: 0,
-      isSelected: false,
-      _selectionRect: null,
-      _graphData: {
-        equations: equations.map((eq) => ({ expression: eq.expression, color: eq.color })),
-        settings: { ...settings }
-      },
-      // ── Shape API the engine relies on ────────────────────────
-      contains(px, py) {
-        return px >= this.x && px <= this.x + this.width && py >= this.y && py <= this.y + this.height;
-      },
-      move(dx, dy) {
-        this.x += dx;
-        this.y += dy;
-        this.group.setAttribute("transform", `translate(${this.x}, ${this.y})`);
-        this._updateSelectionRect();
-      },
-      selectShape() {
-        this.isSelected = true;
-        if (this._selectionRect) return;
-        const r = document.createElementNS(NS, "rect");
-        r.setAttribute("fill", "none");
-        r.setAttribute("stroke", "#9b7bf7");
-        r.setAttribute("stroke-width", "1.5");
-        r.setAttribute("stroke-dasharray", "4 3");
-        r.setAttribute("pointer-events", "none");
-        window.svg.appendChild(r);
-        this._selectionRect = r;
-        this._updateSelectionRect();
-      },
-      removeSelection() {
-        this.isSelected = false;
-        if (this._selectionRect && this._selectionRect.parentNode) {
-          this._selectionRect.parentNode.removeChild(this._selectionRect);
-        }
-        this._selectionRect = null;
-      },
-      _updateSelectionRect() {
-        if (!this._selectionRect) return;
-        const pad = 4;
-        this._selectionRect.setAttribute("x", this.x - pad);
-        this._selectionRect.setAttribute("y", this.y - pad);
-        this._selectionRect.setAttribute("width", this.width + pad * 2);
-        this._selectionRect.setAttribute("height", this.height + pad * 2);
-      },
-      updateAttachedArrows() {
-        if (typeof window.updateAttachedArrows === "function") {
-          window.updateAttachedArrows(this);
-        }
-      },
-      adaptToBackground(background, foreground, muted) {
-        const ensureContrast = window.__ensureCanvasContrast || ((color) => color);
-        this.group.querySelectorAll("rect").forEach((rect) => {
-          const fill = rect.getAttribute("fill");
-          const stroke = rect.getAttribute("stroke");
-          if (fill && fill !== "none") rect.setAttribute("fill", background);
-          if (stroke && stroke !== "none") {
-            rect.setAttribute("stroke", muted);
-            rect.setAttribute("stroke-opacity", "0.45");
-          }
-        });
-        this.group.querySelectorAll("line").forEach((line) => {
-          const width = Number.parseFloat(line.getAttribute("stroke-width") || "1");
-          line.setAttribute("stroke", foreground);
-          line.setAttribute("stroke-opacity", width <= 0.5 ? "0.18" : "0.5");
-        });
-        this.group.querySelectorAll("path[stroke]").forEach((path) => {
-          const original = path.dataset.graphColor || path.getAttribute("stroke");
-          if (!original || original === "none") return;
-          path.dataset.graphColor = original;
-          path.setAttribute("stroke", ensureContrast(original, background, 3));
-        });
-        this.group.querySelectorAll("circle[fill]").forEach((circle) => {
-          const original = circle.dataset.graphColor || circle.getAttribute("fill");
-          if (!original || original === "none") return;
-          circle.dataset.graphColor = original;
-          circle.setAttribute("fill", ensureContrast(original, background, 3));
-        });
-        this.group.querySelectorAll("text").forEach((text) => {
-          const original = text.dataset.graphColor || text.getAttribute("fill");
-          if (original) text.dataset.graphColor = original;
-          const isAxisLabel = !original || ["#8b949e", "#62627a"].includes(original.toLowerCase());
-          text.setAttribute("fill", isAxisLabel ? muted : ensureContrast(original, background, 4.5));
-        });
-      }
-    };
     window.shapes.push(graphShape);
-    if (window.pushCreateAction) window.pushCreateAction(graphShape);
-    window.currentShape = graphShape;
-    graphShape.selectShape();
+    window.pushCreateAction?.(graphShape);
+    selectOnlyGraph(graphShape);
     window.__adaptCanvasContrast?.(
-      window.getComputedStyle(window.svg).backgroundColor || "#13171C"
+      window.getComputedStyle(window.svg).backgroundColor || "#15111f"
     );
-  } catch (err) {
-    console.error("[GraphEngine] SVG insertion failed:", err);
+    return true;
+  } catch (error) {
+    console.error("[GraphEngine] SVG insertion failed:", error);
     return false;
   }
-  return true;
 }
 function initGraphEngine() {
-  window.__graphPreview = (equations, settings) => {
-    return renderGraphPreviewSVG(equations, settings);
-  };
+  window.__graphPreview = (equations, settings) => renderGraphPreviewSVG(equations, settings);
   window.__graphRenderer = renderGraphOnCanvas;
-  window.__graphParser = (expr) => {
-    const fn = parseExpression(expr);
-    return fn ? true : false;
-  };
+  window.__hydrateGraphShape = hydrateGraphShape;
+  window.__graphParser = (expression) => Boolean(parseExpression(expression));
   window.__graphValidate = isValidExpression;
   window.__graphColors = GRAPH_COLORS;
 }
 export {
   initGraphEngine
 };
-//# sourceMappingURL=GraphEngine-KQXHNTZQ.js.map
+//# sourceMappingURL=GraphEngine-MM6ALA2N.js.map

package/dist/react/{GraphEngine-KQXHNTZQ.js.map → GraphEngine-MM6ALA2N.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/core/GraphRenderer.js", "../../src/core/GraphEngine.js"],
-  "sourcesContent": ["/* eslint-disable */\n/**\n * GraphRenderer - Renders mathematical equations as SVG graphs.\n * Produces axes, grid, tick labels, and equation curves.\n */\n\nimport { parseExpression } from './GraphMathParser.js';\n\nconst GRAPH_COLORS = [\n    '#4A90D9', '#E74C3C', '#2ECC71', '#F39C12', '#9B59B6',\n    '#1ABC9C', '#E67E22', '#3498DB', '#E91E63', '#00BCD4',\n];\n\n// Issue #38 follow-up: theme-aware graph chrome. Light mode flips every\n// hardcoded `rgba(255,255,255,X)` token (designed for dark canvas) to a\n// matching `rgba(60,60,80,X)` so the grid, axes, plot border, and tick\n// labels stay readable on the warm off-white canvas. The equation\n// curves themselves keep their colours from GRAPH_COLORS.\nfunction graphThemeTokens() {\n    const isDark = typeof document !== 'undefined'\n        && document.body\n        && document.body.classList.contains('theme-dark');\n    if (isDark) {\n        return {\n            outerBg:   '#0d1117',\n            plotBg:    '#111822',\n            gridStroke:'rgba(255,255,255,0.06)',\n            axisStroke:'rgba(255,255,255,0.25)',\n            borderStroke:'rgba(255,255,255,0.1)',\n            tickLabel: '#8b949e',\n        };\n    }\n    return {\n        outerBg:   '#fbfaf6',\n        plotBg:    '#ffffff',\n        gridStroke:'rgba(60,60,80,0.08)',\n        axisStroke:'rgba(60,60,80,0.35)',\n        borderStroke:'rgba(60,60,80,0.16)',\n        tickLabel: '#62627a',\n    };\n}\n\n/**\n * Calculate nice tick intervals for a given range.\n */\nfunction niceInterval(range) {\n    const rough = range / 8;\n    const mag = Math.pow(10, Math.floor(Math.log10(rough)));\n    const residual = rough / mag;\n    let nice;\n    if (residual <= 1.5) nice = 1;\n    else if (residual <= 3) nice = 2;\n    else if (residual <= 7) nice = 5;\n    else nice = 10;\n    return nice * mag;\n}\n\n/**\n * Render graph as SVG markup string.\n * @param {Array} equations - [{expression: string, color: string}]\n * @param {Object} settings - {xMin, xMax, yMin, yMax, showGrid, width, height}\n * @returns {string} SVG markup\n */\nexport function renderGraphSVG(equations, settings) {\n    const {\n        xMin = -10, xMax = 10,\n        yMin = -10, yMax = 10,\n        showGrid = true,\n        width = 600, height = 400,\n    } = settings || {};\n\n    const pad = { top: 20, right: 20, bottom: 35, left: 45 };\n    const plotW = width - pad.left - pad.right;\n    const plotH = height - pad.top - pad.bottom;\n    const xRange = xMax - xMin || 1;\n    const yRange = yMax - yMin || 1;\n\n    // Coordinate transforms\n    const toSvgX = (x) => pad.left + ((x - xMin) / xRange) * plotW;\n    const toSvgY = (y) => pad.top + ((yMax - y) / yRange) * plotH;\n\n    let svg = '';\n    const tk = graphThemeTokens();\n\n    // Background\n    svg += `<rect x=\"0\" y=\"0\" width=\"${width}\" height=\"${height}\" fill=\"${tk.outerBg}\" rx=\"8\" />`;\n    svg += `<rect x=\"${pad.left}\" y=\"${pad.top}\" width=\"${plotW}\" height=\"${plotH}\" fill=\"${tk.plotBg}\" />`;\n\n    // Grid & ticks\n    const xTick = niceInterval(xRange);\n    const yTick = niceInterval(yRange);\n\n    // Vertical grid lines + x labels\n    const xStart = Math.ceil(xMin / xTick) * xTick;\n    for (let x = xStart; x <= xMax; x += xTick) {\n        const sx = toSvgX(x);\n        if (sx < pad.left || sx > pad.left + plotW) continue;\n        if (showGrid) {\n            svg += `<line x1=\"${sx}\" y1=\"${pad.top}\" x2=\"${sx}\" y2=\"${pad.top + plotH}\" stroke=\"${tk.gridStroke}\" stroke-width=\"0.5\" />`;\n        }\n        const label = Math.abs(x) < 1e-10 ? '0' : (Number.isInteger(x) ? x : x.toFixed(1));\n        svg += `<text x=\"${sx}\" y=\"${pad.top + plotH + 16}\" text-anchor=\"middle\" fill=\"${tk.tickLabel}\" font-size=\"10\" font-family=\"lixCode, monospace\">${label}</text>`;\n    }\n\n    // Horizontal grid lines + y labels\n    const yStart = Math.ceil(yMin / yTick) * yTick;\n    for (let y = yStart; y <= yMax; y += yTick) {\n        const sy = toSvgY(y);\n        if (sy < pad.top || sy > pad.top + plotH) continue;\n        if (showGrid) {\n            svg += `<line x1=\"${pad.left}\" y1=\"${sy}\" x2=\"${pad.left + plotW}\" y2=\"${sy}\" stroke=\"${tk.gridStroke}\" stroke-width=\"0.5\" />`;\n        }\n        const label = Math.abs(y) < 1e-10 ? '0' : (Number.isInteger(y) ? y : y.toFixed(1));\n        svg += `<text x=\"${pad.left - 8}\" y=\"${sy + 3}\" text-anchor=\"end\" fill=\"${tk.tickLabel}\" font-size=\"10\" font-family=\"lixCode, monospace\">${label}</text>`;\n    }\n\n    // Axes\n    if (xMin <= 0 && xMax >= 0) {\n        const ax = toSvgX(0);\n        svg += `<line x1=\"${ax}\" y1=\"${pad.top}\" x2=\"${ax}\" y2=\"${pad.top + plotH}\" stroke=\"${tk.axisStroke}\" stroke-width=\"1\" />`;\n    }\n    if (yMin <= 0 && yMax >= 0) {\n        const ay = toSvgY(0);\n        svg += `<line x1=\"${pad.left}\" y1=\"${ay}\" x2=\"${pad.left + plotW}\" y2=\"${ay}\" stroke=\"${tk.axisStroke}\" stroke-width=\"1\" />`;\n    }\n\n    // Plot border\n    svg += `<rect x=\"${pad.left}\" y=\"${pad.top}\" width=\"${plotW}\" height=\"${plotH}\" fill=\"none\" stroke=\"${tk.borderStroke}\" stroke-width=\"1\" />`;\n\n    // Equations\n    const samplesPerPixel = 2;\n    const totalSamples = plotW * samplesPerPixel;\n    const dx = xRange / totalSamples;\n\n    equations.forEach((eq, eqIdx) => {\n        if (!eq.expression || !eq.expression.trim()) return;\n\n        const fn = parseExpression(eq.expression);\n        if (!fn) return;\n\n        const color = eq.color || GRAPH_COLORS[eqIdx % GRAPH_COLORS.length];\n        let pathData = '';\n        let drawing = false;\n\n        for (let i = 0; i <= totalSamples; i++) {\n            const x = xMin + i * dx;\n            let y;\n            try { y = fn(x); } catch { y = NaN; }\n\n            if (!isFinite(y) || isNaN(y) || y < yMin - yRange * 5 || y > yMax + yRange * 5) {\n                drawing = false;\n                continue;\n            }\n\n            // Clamp to plot area for rendering\n            const clampedY = Math.max(yMin - yRange * 0.5, Math.min(yMax + yRange * 0.5, y));\n            const sx = toSvgX(x);\n            const sy = toSvgY(clampedY);\n\n            if (!drawing) {\n                pathData += `M ${sx.toFixed(1)} ${sy.toFixed(1)} `;\n                drawing = true;\n            } else {\n                pathData += `L ${sx.toFixed(1)} ${sy.toFixed(1)} `;\n            }\n        }\n\n        if (pathData) {\n            svg += `<path d=\"${pathData.trim()}\" fill=\"none\" stroke=\"${color}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />`;\n        }\n    });\n\n    // Clip path for plot area\n    const clipId = 'graph-clip-' + Date.now();\n    const defs = `<defs><clipPath id=\"${clipId}\"><rect x=\"${pad.left}\" y=\"${pad.top}\" width=\"${plotW}\" height=\"${plotH}\" /></clipPath></defs>`;\n\n    // Re-wrap: curves should be clipped\n    // Rebuild with clip group\n    let curves = '';\n    equations.forEach((eq, eqIdx) => {\n        if (!eq.expression || !eq.expression.trim()) return;\n        const fn = parseExpression(eq.expression);\n        if (!fn) return;\n\n        const color = eq.color || GRAPH_COLORS[eqIdx % GRAPH_COLORS.length];\n        let pathData = '';\n        let drawing = false;\n\n        for (let i = 0; i <= totalSamples; i++) {\n            const x = xMin + i * dx;\n            let y;\n            try { y = fn(x); } catch { y = NaN; }\n\n            if (!isFinite(y) || isNaN(y)) { drawing = false; continue; }\n\n            const sx = toSvgX(x);\n            const sy = toSvgY(y);\n\n            if (!drawing) {\n                pathData += `M ${sx.toFixed(1)} ${sy.toFixed(1)} `;\n                drawing = true;\n            } else {\n                pathData += `L ${sx.toFixed(1)} ${sy.toFixed(1)} `;\n            }\n        }\n\n        if (pathData) {\n            curves += `<path d=\"${pathData.trim()}\" fill=\"none\" stroke=\"${color}\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />`;\n        }\n    });\n\n    // Equation legend\n    let legendY = pad.top + 12;\n    let legend = '';\n    equations.forEach((eq, eqIdx) => {\n        if (!eq.expression || !eq.expression.trim()) return;\n        const color = eq.color || GRAPH_COLORS[eqIdx % GRAPH_COLORS.length];\n        legend += `<circle cx=\"${pad.left + 12}\" cy=\"${legendY}\" r=\"4\" fill=\"${color}\" />`;\n        legend += `<text x=\"${pad.left + 22}\" y=\"${legendY + 3}\" fill=\"${color}\" font-size=\"11\" font-family=\"lixCode, monospace\">${escapeXml(eq.expression)}</text>`;\n        legendY += 18;\n    });\n\n    // Remove the non-clipped curves from svg (we added them above for building)\n    // Rebuild cleanly\n    let cleanSvg = '';\n    cleanSvg += `<rect x=\"0\" y=\"0\" width=\"${width}\" height=\"${height}\" fill=\"${tk.outerBg}\" rx=\"8\" />`;\n    cleanSvg += `<rect x=\"${pad.left}\" y=\"${pad.top}\" width=\"${plotW}\" height=\"${plotH}\" fill=\"${tk.plotBg}\" />`;\n\n    // Grid + ticks (re-add)\n    for (let x = xStart; x <= xMax; x += xTick) {\n        const sx = toSvgX(x);\n        if (sx < pad.left || sx > pad.left + plotW) continue;\n        if (showGrid) {\n            cleanSvg += `<line x1=\"${sx}\" y1=\"${pad.top}\" x2=\"${sx}\" y2=\"${pad.top + plotH}\" stroke=\"${tk.gridStroke}\" stroke-width=\"0.5\" />`;\n        }\n        const label = Math.abs(x) < 1e-10 ? '0' : (Number.isInteger(x) ? x : x.toFixed(1));\n        cleanSvg += `<text x=\"${sx}\" y=\"${pad.top + plotH + 16}\" text-anchor=\"middle\" fill=\"${tk.tickLabel}\" font-size=\"10\" font-family=\"lixCode, monospace\">${label}</text>`;\n    }\n    for (let y = yStart; y <= yMax; y += yTick) {\n        const sy = toSvgY(y);\n        if (sy < pad.top || sy > pad.top + plotH) continue;\n        if (showGrid) {\n            cleanSvg += `<line x1=\"${pad.left}\" y1=\"${sy}\" x2=\"${pad.left + plotW}\" y2=\"${sy}\" stroke=\"${tk.gridStroke}\" stroke-width=\"0.5\" />`;\n        }\n        const label = Math.abs(y) < 1e-10 ? '0' : (Number.isInteger(y) ? y : y.toFixed(1));\n        cleanSvg += `<text x=\"${pad.left - 8}\" y=\"${sy + 3}\" text-anchor=\"end\" fill=\"${tk.tickLabel}\" font-size=\"10\" font-family=\"lixCode, monospace\">${label}</text>`;\n    }\n    // Axes\n    if (xMin <= 0 && xMax >= 0) {\n        const ax = toSvgX(0);\n        cleanSvg += `<line x1=\"${ax}\" y1=\"${pad.top}\" x2=\"${ax}\" y2=\"${pad.top + plotH}\" stroke=\"${tk.axisStroke}\" stroke-width=\"1\" />`;\n    }\n    if (yMin <= 0 && yMax >= 0) {\n        const ay = toSvgY(0);\n        cleanSvg += `<line x1=\"${pad.left}\" y1=\"${ay}\" x2=\"${pad.left + plotW}\" y2=\"${ay}\" stroke=\"${tk.axisStroke}\" stroke-width=\"1\" />`;\n    }\n    // Plot border\n    cleanSvg += `<rect x=\"${pad.left}\" y=\"${pad.top}\" width=\"${plotW}\" height=\"${plotH}\" fill=\"none\" stroke=\"${tk.borderStroke}\" stroke-width=\"1\" />`;\n\n    // Clipped curves\n    cleanSvg += `<g clip-path=\"url(#${clipId})\">${curves}</g>`;\n\n    // Legend\n    cleanSvg += legend;\n\n    return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${width}\" height=\"${height}\" viewBox=\"0 0 ${width} ${height}\">${defs}${cleanSvg}</svg>`;\n}\n\n/**\n * Generate a preview SVG for the modal.\n */\nexport function renderGraphPreviewSVG(equations, settings) {\n    return renderGraphSVG(equations, {\n        ...settings,\n        width: 520,\n        height: 380,\n    });\n}\n\nfunction escapeXml(str) {\n    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;');\n}\n\nexport { GRAPH_COLORS };\n", "/* eslint-disable */\n/**\n * GraphEngine - Bridge between graph rendering and the sketch canvas.\n * Creates Frames containing rendered graph SVG elements.\n */\n\nimport { parseExpression, isValidExpression } from './GraphMathParser.js';\nimport { renderGraphSVG, renderGraphPreviewSVG, GRAPH_COLORS } from './GraphRenderer.js';\n\nconst NS = 'http://www.w3.org/2000/svg';\nconst GRAPH_WIDTH = 600;\nconst GRAPH_HEIGHT = 420;\n\n/**\n * Place a graph on the canvas inside a Frame.\n */\nfunction renderGraphOnCanvas(equations, settings) {\n    if (!equations || equations.length === 0) return false;\n    if (!window.svg || !window.Frame) {\n        console.error('[GraphEngine] Engine not initialized');\n        return false;\n    }\n\n    // Generate full-size SVG\n    const svgMarkup = renderGraphSVG(equations, {\n        ...settings,\n        width: GRAPH_WIDTH,\n        height: GRAPH_HEIGHT,\n    });\n    if (!svgMarkup) return false;\n\n    // Viewport center\n    const vb = window.currentViewBox || { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight };\n    const vcx = vb.x + vb.width / 2;\n    const vcy = vb.y + vb.height / 2;\n\n    const frameW = GRAPH_WIDTH + 40;\n    const frameH = GRAPH_HEIGHT + 40;\n    const frameX = vcx - frameW / 2;\n    const frameY = vcy - frameH / 2;\n\n    // Build title from equations\n    const eqLabels = equations\n        .filter(eq => eq.expression && eq.expression.trim())\n        .map(eq => eq.expression.trim())\n        .slice(0, 3);\n    const title = eqLabels.length > 0\n        ? 'Graph: ' + eqLabels.join(', ')\n        : 'Graph';\n\n    // Phase 5 (issue #22): no wrapper frame. The graph is conceptually a\n    // single rendering \u2014 axes, grid, curves all interlocked \u2014 so we don't\n    // split it into per-curve shapes. Instead the graph becomes ONE\n    // first-class shape on the canvas: a `graphShape` that implements the\n    // shape API the engine relies on (contains / selectShape / etc.) so\n    // it can be selected, dragged, attached to by arrows, picked up by\n    // the rect-drag \u2014 exactly like a user-drawn shape.\n    try {\n        const parser = new DOMParser();\n        const doc = parser.parseFromString(svgMarkup, 'image/svg+xml');\n        const svgEl = doc.querySelector('svg');\n        if (!svgEl) return false;\n\n        const graphGroup = document.createElementNS(NS, 'g');\n        graphGroup.setAttribute('data-type', 'graph-group');\n        graphGroup.setAttribute('transform', `translate(${frameX + 20}, ${frameY + 20})`);\n\n        // Copy defs (clip paths)\n        const defs = svgEl.querySelector('defs');\n        if (defs) {\n            const defsClone = defs.cloneNode(true);\n            window.svg.querySelector('defs')?.appendChild(defsClone.firstChild) ||\n                window.svg.insertBefore(defsClone, window.svg.firstChild);\n        }\n\n        while (svgEl.childNodes.length > 0) {\n            const child = svgEl.childNodes[0];\n            if (child.nodeName === 'defs') { svgEl.removeChild(child); continue; }\n            graphGroup.appendChild(child);\n        }\n        window.svg.appendChild(graphGroup);\n\n        const graphShape = {\n            shapeName: 'graph',                  // first-class shapeName\n            shapeID: `graph-${Date.now().toString(36)}-${Math.floor(Math.random() * 10000)}`,\n            group: graphGroup,\n            element: graphGroup,\n            x: frameX + 20,\n            y: frameY + 20,\n            width: GRAPH_WIDTH,\n            height: GRAPH_HEIGHT,\n            rotation: 0,\n            isSelected: false,\n            _selectionRect: null,\n            _graphData: {\n                equations: equations.map(eq => ({ expression: eq.expression, color: eq.color })),\n                settings: { ...settings },\n            },\n\n            // \u2500\u2500 Shape API the engine relies on \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n            contains(px, py) {\n                return px >= this.x && px <= this.x + this.width\n                    && py >= this.y && py <= this.y + this.height;\n            },\n            move(dx, dy) {\n                this.x += dx; this.y += dy;\n                this.group.setAttribute('transform', `translate(${this.x}, ${this.y})`);\n                this._updateSelectionRect();\n            },\n            selectShape() {\n                this.isSelected = true;\n                if (this._selectionRect) return;\n                const r = document.createElementNS(NS, 'rect');\n                r.setAttribute('fill', 'none');\n                r.setAttribute('stroke', '#9b7bf7');\n                r.setAttribute('stroke-width', '1.5');\n                r.setAttribute('stroke-dasharray', '4 3');\n                r.setAttribute('pointer-events', 'none');\n                window.svg.appendChild(r);\n                this._selectionRect = r;\n                this._updateSelectionRect();\n            },\n            removeSelection() {\n                this.isSelected = false;\n                if (this._selectionRect && this._selectionRect.parentNode) {\n                    this._selectionRect.parentNode.removeChild(this._selectionRect);\n                }\n                this._selectionRect = null;\n            },\n            _updateSelectionRect() {\n                if (!this._selectionRect) return;\n                const pad = 4;\n                this._selectionRect.setAttribute('x', this.x - pad);\n                this._selectionRect.setAttribute('y', this.y - pad);\n                this._selectionRect.setAttribute('width', this.width + pad * 2);\n                this._selectionRect.setAttribute('height', this.height + pad * 2);\n            },\n            updateAttachedArrows() {\n                if (typeof window.updateAttachedArrows === 'function') {\n                    window.updateAttachedArrows(this);\n                }\n            },\n            adaptToBackground(background, foreground, muted) {\n                const ensureContrast = window.__ensureCanvasContrast || ((color) => color);\n\n                this.group.querySelectorAll('rect').forEach((rect) => {\n                    const fill = rect.getAttribute('fill');\n                    const stroke = rect.getAttribute('stroke');\n                    if (fill && fill !== 'none') rect.setAttribute('fill', background);\n                    if (stroke && stroke !== 'none') {\n                        rect.setAttribute('stroke', muted);\n                        rect.setAttribute('stroke-opacity', '0.45');\n                    }\n                });\n\n                this.group.querySelectorAll('line').forEach((line) => {\n                    const width = Number.parseFloat(line.getAttribute('stroke-width') || '1');\n                    line.setAttribute('stroke', foreground);\n                    line.setAttribute('stroke-opacity', width <= 0.5 ? '0.18' : '0.5');\n                });\n\n                this.group.querySelectorAll('path[stroke]').forEach((path) => {\n                    const original = path.dataset.graphColor || path.getAttribute('stroke');\n                    if (!original || original === 'none') return;\n                    path.dataset.graphColor = original;\n                    path.setAttribute('stroke', ensureContrast(original, background, 3));\n                });\n\n                this.group.querySelectorAll('circle[fill]').forEach((circle) => {\n                    const original = circle.dataset.graphColor || circle.getAttribute('fill');\n                    if (!original || original === 'none') return;\n                    circle.dataset.graphColor = original;\n                    circle.setAttribute('fill', ensureContrast(original, background, 3));\n                });\n\n                this.group.querySelectorAll('text').forEach((text) => {\n                    const original = text.dataset.graphColor || text.getAttribute('fill');\n                    if (original) text.dataset.graphColor = original;\n                    const isAxisLabel = !original || ['#8b949e', '#62627a'].includes(original.toLowerCase());\n                    text.setAttribute('fill', isAxisLabel\n                        ? muted\n                        : ensureContrast(original, background, 4.5));\n                });\n            },\n        };\n\n        window.shapes.push(graphShape);\n        if (window.pushCreateAction) window.pushCreateAction(graphShape);\n\n        // Auto-select so the user sees something landed.\n        window.currentShape = graphShape;\n        graphShape.selectShape();\n        window.__adaptCanvasContrast?.(\n            window.getComputedStyle(window.svg).backgroundColor || '#13171C'\n        );\n    } catch (err) {\n        console.error('[GraphEngine] SVG insertion failed:', err);\n        return false;\n    }\n\n    return true;\n}\n\n/**\n * Initialize the graph engine \u2014 expose bridge functions on window.\n */\nexport function initGraphEngine() {\n    window.__graphPreview = (equations, settings) => {\n        return renderGraphPreviewSVG(equations, settings);\n    };\n    window.__graphRenderer = renderGraphOnCanvas;\n    window.__graphParser = (expr) => {\n        const fn = parseExpression(expr);\n        return fn ? true : false;\n    };\n    window.__graphValidate = isValidExpression;\n    window.__graphColors = GRAPH_COLORS;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable */\n/**\n * GraphRenderer - Renders mathematical equations as SVG graphs.\n * Produces axes, grid, tick labels, and equation curves.\n */\n\nimport { parseExpression } from './GraphMathParser.js';\n\nconst GRAPH_COLORS = [\n    '#4A90D9', '#E74C3C', '#2ECC71', '#F39C12', '#9B59B6',\n    '#1ABC9C', '#E67E22', '#3498DB', '#E91E63', '#00BCD4',\n];\n\n// Issue #38 follow-up: theme-aware graph chrome. Light mode flips every\n// hardcoded `rgba(255,255,255,X)` token (designed for dark canvas) to a\n// matching `rgba(60,60,80,X)` so the grid, axes, plot border, and tick\n// labels stay readable on the warm off-white canvas. The equation\n// curves themselves keep their colours from GRAPH_COLORS.\nfunction graphThemeTokens() {\n    const isDark = typeof document !== 'undefined'\n        && document.body\n        && document.body.classList.contains('theme-dark');\n    if (isDark) {\n        return {\n            outerBg:   '#0d1117',\n            plotBg:    '#111822',\n            gridStroke:'rgba(255,255,255,0.06)',\n            axisStroke:'rgba(255,255,255,0.25)',\n            borderStroke:'rgba(255,255,255,0.1)',\n            tickLabel: '#8b949e',\n        };\n    }\n    return {\n        outerBg:   '#fbfaf6',\n        plotBg:    '#ffffff',\n        gridStroke:'rgba(60,60,80,0.08)',\n        axisStroke:'rgba(60,60,80,0.35)',\n        borderStroke:'rgba(60,60,80,0.16)',\n        tickLabel: '#62627a',\n    };\n}\n\n/**\n * Calculate nice tick intervals for a given range.\n */\nfunction niceInterval(range) {\n    const rough = range / 8;\n    const mag = Math.pow(10, Math.floor(Math.log10(rough)));\n    const residual = rough / mag;\n    let nice;\n    if (residual <= 1.5) nice = 1;\n    else if (residual <= 3) nice = 2;\n    else if (residual <= 7) nice = 5;\n    else nice = 10;\n    return nice * mag;\n}\n\n/**\n * Render graph as SVG markup string.\n * @param {Array} equations - [{expression: string, color: string}]\n * @param {Object} settings - {xMin, xMax, yMin, yMax, showGrid, width, height}\n * @returns {string} SVG markup\n */\nexport function renderGraphSVG(equations, settings) {\n    const {\n        xMin = -10, xMax = 10,\n        yMin = -10, yMax = 10,\n        showGrid = true,\n        width = 600, height = 400,\n    } = settings || {};\n\n    const pad = { top: 20, right: 20, bottom: 35, left: 45 };\n    const plotW = width - pad.left - pad.right;\n    const plotH = height - pad.top - pad.bottom;\n    const xRange = xMax - xMin || 1;\n    const yRange = yMax - yMin || 1;\n\n    // Coordinate transforms\n    const toSvgX = (x) => pad.left + ((x - xMin) / xRange) * plotW;\n    const toSvgY = (y) => pad.top + ((yMax - y) / yRange) * plotH;\n\n    let svg = '';\n    const tk = graphThemeTokens();\n\n    // Background\n    svg += `<rect x=\"0\" y=\"0\" width=\"${width}\" height=\"${height}\" fill=\"${tk.outerBg}\" rx=\"8\" />`;\n    svg += `<rect x=\"${pad.left}\" y=\"${pad.top}\" width=\"${plotW}\" height=\"${plotH}\" fill=\"${tk.plotBg}\" />`;\n\n    // Grid & ticks\n    const xTick = niceInterval(xRange);\n    const yTick = niceInterval(yRange);\n\n    // Vertical grid lines + x labels\n    const xStart = Math.ceil(xMin / xTick) * xTick;\n    for (let x = xStart; x <= xMax; x += xTick) {\n        const sx = toSvgX(x);\n        if (sx < pad.left || sx > pad.left + plotW) continue;\n        if (showGrid) {\n            svg += `<line x1=\"${sx}\" y1=\"${pad.top}\" x2=\"${sx}\" y2=\"${pad.top + plotH}\" stroke=\"${tk.gridStroke}\" stroke-width=\"0.5\" />`;\n        }\n        const label = Math.abs(x) < 1e-10 ? '0' : (Number.isInteger(x) ? x : x.toFixed(1));\n        svg += `<text x=\"${sx}\" y=\"${pad.top + plotH + 16}\" text-anchor=\"middle\" fill=\"${tk.tickLabel}\" font-size=\"10\" font-family=\"lixCode, monospace\">${label}</text>`;\n    }\n\n    // Horizontal grid lines + y labels\n    const yStart = Math.ceil(yMin / yTick) * yTick;\n    for (let y = yStart; y <= yMax; y += yTick) {\n        const sy = toSvgY(y);\n        if (sy < pad.top || sy > pad.top + plotH) continue;\n        if (showGrid) {\n            svg += `<line x1=\"${pad.left}\" y1=\"${sy}\" x2=\"${pad.left + plotW}\" y2=\"${sy}\" stroke=\"${tk.gridStroke}\" stroke-width=\"0.5\" />`;\n        }\n        const label = Math.abs(y) < 1e-10 ? '0' : (Number.isInteger(y) ? y : y.toFixed(1));\n        svg += `<text x=\"${pad.left - 8}\" y=\"${sy + 3}\" text-anchor=\"end\" fill=\"${tk.tickLabel}\" font-size=\"10\" font-family=\"lixCode, monospace\">${label}</text>`;\n    }\n\n    // Axes\n    if (xMin <= 0 && xMax >= 0) {\n        const ax = toSvgX(0);\n        svg += `<line x1=\"${ax}\" y1=\"${pad.top}\" x2=\"${ax}\" y2=\"${pad.top + plotH}\" stroke=\"${tk.axisStroke}\" stroke-width=\"1\" />`;\n    }\n    if (yMin <= 0 && yMax >= 0) {\n        const ay = toSvgY(0);\n        svg += `<line x1=\"${pad.left}\" y1=\"${ay}\" x2=\"${pad.left + plotW}\" y2=\"${ay}\" stroke=\"${tk.axisStroke}\" stroke-width=\"1\" />`;\n    }\n\n    // Plot border\n    svg += `<rect x=\"${pad.left}\" y=\"${pad.top}\" width=\"${plotW}\" height=\"${plotH}\" fill=\"none\" stroke=\"${tk.borderStroke}\" stroke-width=\"1\" />`;\n\n    // Equations\n    const samplesPerPixel = 2;\n    const totalSamples = plotW * samplesPerPixel;\n    const dx = xRange / totalSamples;\n\n    equations.forEach((eq, eqIdx) => {\n        if (!eq.expression || !eq.expression.trim()) return;\n\n        const fn = parseExpression(eq.expression);\n        if (!fn) return;\n\n        const color = eq.color || GRAPH_COLORS[eqIdx % GRAPH_COLORS.length];\n        let pathData = '';\n        let drawing = false;\n\n        for (let i = 0; i <= totalSamples; i++) {\n            const x = xMin + i * dx;\n            let y;\n            try { y = fn(x); } catch { y = NaN; }\n\n            if (!isFinite(y) || isNaN(y) || y < yMin - yRange * 5 || y > yMax + yRange * 5) {\n                drawing = false;\n                continue;\n            }\n\n            // Clamp to plot area for rendering\n            const clampedY = Math.max(yMin - yRange * 0.5, Math.min(yMax + yRange * 0.5, y));\n            const sx = toSvgX(x);\n            const sy = toSvgY(clampedY);\n\n            if (!drawing) {\n                pathData += `M ${sx.toFixed(1)} ${sy.toFixed(1)} `;\n                drawing = true;\n            } else {\n                pathData += `L ${sx.toFixed(1)} ${sy.toFixed(1)} `;\n            }\n        }\n\n        if (pathData) {\n            svg += `<path d=\"${pathData.trim()}\" fill=\"none\" stroke=\"${color}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />`;\n        }\n    });\n\n    // Clip path for plot area\n    const clipId = 'graph-clip-' + Date.now();\n    const defs = `<defs><clipPath id=\"${clipId}\"><rect x=\"${pad.left}\" y=\"${pad.top}\" width=\"${plotW}\" height=\"${plotH}\" /></clipPath></defs>`;\n\n    // Re-wrap: curves should be clipped\n    // Rebuild with clip group\n    let curves = '';\n    equations.forEach((eq, eqIdx) => {\n        if (!eq.expression || !eq.expression.trim()) return;\n        const fn = parseExpression(eq.expression);\n        if (!fn) return;\n\n        const color = eq.color || GRAPH_COLORS[eqIdx % GRAPH_COLORS.length];\n        let pathData = '';\n        let drawing = false;\n\n        for (let i = 0; i <= totalSamples; i++) {\n            const x = xMin + i * dx;\n            let y;\n            try { y = fn(x); } catch { y = NaN; }\n\n            if (!isFinite(y) || isNaN(y)) { drawing = false; continue; }\n\n            const sx = toSvgX(x);\n            const sy = toSvgY(y);\n\n            if (!drawing) {\n                pathData += `M ${sx.toFixed(1)} ${sy.toFixed(1)} `;\n                drawing = true;\n            } else {\n                pathData += `L ${sx.toFixed(1)} ${sy.toFixed(1)} `;\n            }\n        }\n\n        if (pathData) {\n            curves += `<path d=\"${pathData.trim()}\" fill=\"none\" stroke=\"${color}\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />`;\n        }\n    });\n\n    // Equation legend\n    let legendY = pad.top + 12;\n    let legend = '';\n    equations.forEach((eq, eqIdx) => {\n        if (!eq.expression || !eq.expression.trim()) return;\n        const color = eq.color || GRAPH_COLORS[eqIdx % GRAPH_COLORS.length];\n        legend += `<circle cx=\"${pad.left + 12}\" cy=\"${legendY}\" r=\"4\" fill=\"${color}\" />`;\n        legend += `<text x=\"${pad.left + 22}\" y=\"${legendY + 3}\" fill=\"${color}\" font-size=\"11\" font-family=\"lixCode, monospace\">${escapeXml(eq.expression)}</text>`;\n        legendY += 18;\n    });\n\n    // Remove the non-clipped curves from svg (we added them above for building)\n    // Rebuild cleanly\n    let cleanSvg = '';\n    cleanSvg += `<rect x=\"0\" y=\"0\" width=\"${width}\" height=\"${height}\" fill=\"${tk.outerBg}\" rx=\"8\" />`;\n    cleanSvg += `<rect x=\"${pad.left}\" y=\"${pad.top}\" width=\"${plotW}\" height=\"${plotH}\" fill=\"${tk.plotBg}\" />`;\n\n    // Grid + ticks (re-add)\n    for (let x = xStart; x <= xMax; x += xTick) {\n        const sx = toSvgX(x);\n        if (sx < pad.left || sx > pad.left + plotW) continue;\n        if (showGrid) {\n            cleanSvg += `<line x1=\"${sx}\" y1=\"${pad.top}\" x2=\"${sx}\" y2=\"${pad.top + plotH}\" stroke=\"${tk.gridStroke}\" stroke-width=\"0.5\" />`;\n        }\n        const label = Math.abs(x) < 1e-10 ? '0' : (Number.isInteger(x) ? x : x.toFixed(1));\n        cleanSvg += `<text x=\"${sx}\" y=\"${pad.top + plotH + 16}\" text-anchor=\"middle\" fill=\"${tk.tickLabel}\" font-size=\"10\" font-family=\"lixCode, monospace\">${label}</text>`;\n    }\n    for (let y = yStart; y <= yMax; y += yTick) {\n        const sy = toSvgY(y);\n        if (sy < pad.top || sy > pad.top + plotH) continue;\n        if (showGrid) {\n            cleanSvg += `<line x1=\"${pad.left}\" y1=\"${sy}\" x2=\"${pad.left + plotW}\" y2=\"${sy}\" stroke=\"${tk.gridStroke}\" stroke-width=\"0.5\" />`;\n        }\n        const label = Math.abs(y) < 1e-10 ? '0' : (Number.isInteger(y) ? y : y.toFixed(1));\n        cleanSvg += `<text x=\"${pad.left - 8}\" y=\"${sy + 3}\" text-anchor=\"end\" fill=\"${tk.tickLabel}\" font-size=\"10\" font-family=\"lixCode, monospace\">${label}</text>`;\n    }\n    // Axes\n    if (xMin <= 0 && xMax >= 0) {\n        const ax = toSvgX(0);\n        cleanSvg += `<line x1=\"${ax}\" y1=\"${pad.top}\" x2=\"${ax}\" y2=\"${pad.top + plotH}\" stroke=\"${tk.axisStroke}\" stroke-width=\"1\" />`;\n    }\n    if (yMin <= 0 && yMax >= 0) {\n        const ay = toSvgY(0);\n        cleanSvg += `<line x1=\"${pad.left}\" y1=\"${ay}\" x2=\"${pad.left + plotW}\" y2=\"${ay}\" stroke=\"${tk.axisStroke}\" stroke-width=\"1\" />`;\n    }\n    // Plot border\n    cleanSvg += `<rect x=\"${pad.left}\" y=\"${pad.top}\" width=\"${plotW}\" height=\"${plotH}\" fill=\"none\" stroke=\"${tk.borderStroke}\" stroke-width=\"1\" />`;\n\n    // Clipped curves\n    cleanSvg += `<g clip-path=\"url(#${clipId})\">${curves}</g>`;\n\n    // Legend\n    cleanSvg += legend;\n\n    return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${width}\" height=\"${height}\" viewBox=\"0 0 ${width} ${height}\">${defs}${cleanSvg}</svg>`;\n}\n\n/**\n * Generate a preview SVG for the modal.\n */\nexport function renderGraphPreviewSVG(equations, settings) {\n    return renderGraphSVG(equations, {\n        ...settings,\n        width: 520,\n        height: 380,\n    });\n}\n\nfunction escapeXml(str) {\n    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;');\n}\n\nexport { GRAPH_COLORS };\n", "/* eslint-disable */\n/**\n * GraphEngine - bridge between graph rendering and the sketch canvas.\n *\n * Canvas graphs use ImageShape with an SVG data URL. This keeps the graph a\n * single crisp vector element while reusing the engine's established select,\n * translate, resize, rotate, copy/paste, and frame-containment behaviour.\n */\n\nimport { parseExpression, isValidExpression } from './GraphMathParser.js';\nimport { renderGraphSVG, renderGraphPreviewSVG, GRAPH_COLORS } from './GraphRenderer.js';\n\nconst NS = 'http://www.w3.org/2000/svg';\nconst GRAPH_WIDTH = 600;\nconst GRAPH_HEIGHT = 420;\nconst MAX_PLACED_SCREEN_WIDTH = 480;\nconst MAX_VIEWPORT_WIDTH_RATIO = 0.68;\nconst MAX_VIEWPORT_HEIGHT_RATIO = 0.58;\n\nfunction cloneGraphData(equations, settings) {\n    return {\n        equations: (equations || []).map((equation) => ({\n            expression: equation.expression,\n            color: equation.color,\n        })),\n        settings: { ...(settings || {}) },\n    };\n}\n\nfunction graphSvgDataUrl(svgMarkup) {\n    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgMarkup)}`;\n}\n\nfunction refreshGraphImage(shape) {\n    if (!shape?._graphData || !shape.element) return false;\n    const svgMarkup = renderGraphSVG(shape._graphData.equations, {\n        ...shape._graphData.settings,\n        width: GRAPH_WIDTH,\n        height: GRAPH_HEIGHT,\n    });\n    if (!svgMarkup) return false;\n    const href = graphSvgDataUrl(svgMarkup);\n    shape.element.setAttribute('href', href);\n    shape.element.setAttribute('data-href', href);\n    return true;\n}\n\n/** Attach graph behaviour to a regular ImageShape, including restored and\n * pasted graphs. The function is intentionally idempotent. */\nfunction hydrateGraphShape(shape, graphData) {\n    if (!shape?.element || !graphData) return shape;\n    shape._frameType = 'graph';\n    shape._graphData = cloneGraphData(graphData.equations, graphData.settings);\n    shape.uploadStatus = 'done';\n    shape.element.setAttribute('data-graph-shape', 'true');\n    shape.element.setAttribute('preserveAspectRatio', 'none');\n    shape.element.style.cursor = 'move';\n    shape._refreshGraphImage = () => refreshGraphImage(shape);\n    shape.adaptToBackground = () => refreshGraphImage(shape);\n    return shape;\n}\n\nfunction selectOnlyGraph(shape) {\n    if (!shape) return;\n\n    if (window.multiSelection?.selectedShapes?.size) {\n        window.multiSelection.clearSelection();\n    }\n    if (window.currentShape && window.currentShape !== shape\n        && typeof window.currentShape.removeSelection === 'function') {\n        window.currentShape.removeSelection();\n    }\n\n    // Generated content always lands ready to manipulate. Use the store bridge\n    // so the toolbar and legacy engine flags change together.\n    window.__sketchStoreApi?.setActiveTool?.('select');\n    window.currentShape = shape;\n    shape.selectShape?.();\n}\n\nfunction placedGraphSize(viewBox) {\n    const zoom = Math.max(0.001, Number(window.currentZoom) || 1);\n    const byScreen = MAX_PLACED_SCREEN_WIDTH / zoom;\n    const byViewportWidth = viewBox.width * MAX_VIEWPORT_WIDTH_RATIO;\n    const byViewportHeight = viewBox.height * MAX_VIEWPORT_HEIGHT_RATIO * (GRAPH_WIDTH / GRAPH_HEIGHT);\n    const width = Math.max(80 / zoom, Math.min(GRAPH_WIDTH, byScreen, byViewportWidth, byViewportHeight));\n    return { width, height: width * (GRAPH_HEIGHT / GRAPH_WIDTH) };\n}\n\n/**\n * Place a graph as one editable vector-image shape, or update an existing\n * graph in place without losing its canvas position, size, or rotation.\n */\nfunction renderGraphOnCanvas(equations, settings, existingShape = null) {\n    const validEquations = (equations || []).filter((equation) => equation?.expression?.trim());\n    if (validEquations.length === 0) return false;\n    if (!window.svg || !window.ImageShape) {\n        console.error('[GraphEngine] Engine not initialized');\n        return false;\n    }\n\n    const graphData = cloneGraphData(validEquations, settings);\n\n    if (existingShape?._frameType === 'graph' && existingShape.element) {\n        hydrateGraphShape(existingShape, graphData);\n        if (!refreshGraphImage(existingShape)) return false;\n        selectOnlyGraph(existingShape);\n        window.__adaptCanvasContrast?.(\n            window.getComputedStyle(window.svg).backgroundColor || '#15111f'\n        );\n        return true;\n    }\n\n    const viewBox = window.currentViewBox || {\n        x: 0,\n        y: 0,\n        width: window.innerWidth,\n        height: window.innerHeight,\n    };\n    const size = placedGraphSize(viewBox);\n    const x = viewBox.x + (viewBox.width - size.width) / 2;\n    const y = viewBox.y + (viewBox.height - size.height) / 2;\n\n    try {\n        const image = document.createElementNS(NS, 'image');\n        image.setAttribute('x', x);\n        image.setAttribute('y', y);\n        image.setAttribute('width', size.width);\n        image.setAttribute('height', size.height);\n        image.setAttribute('data-shape-x', x);\n        image.setAttribute('data-shape-y', y);\n        image.setAttribute('data-shape-width', size.width);\n        image.setAttribute('data-shape-height', size.height);\n\n        const graphShape = hydrateGraphShape(new window.ImageShape(image), graphData);\n        if (!refreshGraphImage(graphShape)) {\n            graphShape.group?.remove();\n            return false;\n        }\n\n        window.shapes.push(graphShape);\n        window.pushCreateAction?.(graphShape);\n        selectOnlyGraph(graphShape);\n        window.__adaptCanvasContrast?.(\n            window.getComputedStyle(window.svg).backgroundColor || '#15111f'\n        );\n        return true;\n    } catch (error) {\n        console.error('[GraphEngine] SVG insertion failed:', error);\n        return false;\n    }\n}\n\n/** Initialize graph bridges used by the modal and scene restoration. */\nexport function initGraphEngine() {\n    window.__graphPreview = (equations, settings) => renderGraphPreviewSVG(equations, settings);\n    window.__graphRenderer = renderGraphOnCanvas;\n    window.__hydrateGraphShape = hydrateGraphShape;\n    window.__graphParser = (expression) => Boolean(parseExpression(expression));\n    window.__graphValidate = isValidExpression;\n    window.__graphColors = GRAPH_COLORS;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/react/IconShape-7OPXAKLK.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  IconShape
+} from "./chunk-4TAS67SL.js";
+import "./chunk-YF3TK7SC.js";
+import "./chunk-U3TB4KRS.js";
+export {
+  IconShape
+};
+//# sourceMappingURL=IconShape-7OPXAKLK.js.map

package/dist/react/ImageShape-LRNJQCF3.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  ImageShape
+} from "./chunk-2FMFOPGW.js";
+import "./chunk-YF3TK7SC.js";
+import "./chunk-U3TB4KRS.js";
+export {
+  ImageShape
+};
+//# sourceMappingURL=ImageShape-LRNJQCF3.js.map

package/dist/react/Line-WWQFBNX5.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  Line
+} from "./chunk-V2QTYSBK.js";
+import "./chunk-YF3TK7SC.js";
+import "./chunk-U3TB4KRS.js";
+export {
+  Line
+};
+//# sourceMappingURL=Line-WWQFBNX5.js.map

package/dist/react/Rectangle-S7XUKWYD.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  Rectangle
+} from "./chunk-FETTJLCV.js";
+import "./chunk-PAKA6HUX.js";
+export {
+  Rectangle
+};
+//# sourceMappingURL=Rectangle-S7XUKWYD.js.map

package/dist/react/{SceneSerializer-ARTKPZVR.js → SceneSerializer-GSJR7ZHC.js}

@@ -4,30 +4,31 @@ import {
 } from "./chunk-MB7VS6MK.js";
 import {
   ImageShape
-} from "./chunk-RFHMFWVR.js";
+} from "./chunk-2FMFOPGW.js";
 import {
   IconShape
-} from "./chunk-C62SXFBL.js";
+} from "./chunk-4TAS67SL.js";
 import {
   Frame
-} from "./chunk-CF7AK4ES.js";
+} from "./chunk-KVAQPCUH.js";
 import {
   FreehandStroke
-} from "./chunk-HKYUJUD7.js";
+} from "./chunk-PXFPPO3R.js";
 import {
   Rectangle
-} from "./chunk-XCJOF6BM.js";
+} from "./chunk-FETTJLCV.js";
 import {
   Circle
-} from "./chunk-N7NZLF6P.js";
+} from "./chunk-TKXKJNTX.js";
+import "./chunk-PAKA6HUX.js";
 import {
   Arrow
 } from "./chunk-BT2EIJD4.js";
 import {
   Line
-} from "./chunk-UQBT7F4K.js";
-import "./chunk-O64N5JPO.js";
-import "./chunk-MYYBFZD3.js";
+} from "./chunk-V2QTYSBK.js";
+import "./chunk-YF3TK7SC.js";
+import "./chunk-U3TB4KRS.js";
 import {
   TextShape
 } from "./chunk-PGT3TJOW.js";
@@ -179,7 +180,13 @@ function serializeShape(shape) {
         width: shape.width,
         height: shape.height,
         rotation: shape.rotation,
-        href: el.getAttribute("href") || el.getAttributeNS("http://www.w3.org/1999/xlink", "href") || ""
+        href: el.getAttribute("href") || el.getAttributeNS("http://www.w3.org/1999/xlink", "href") || "",
+        sizeBytes: Number(el.__fileSize || el.getAttribute("data-file-size")) || 0,
+        cloudinaryId: el.getAttribute("data-cloudinary-id") || null,
+        storageProvider: el.getAttribute("data-storage-provider") || "platform_cloudinary",
+        storageCloudName: el.getAttribute("data-storage-cloud-name") || null,
+        frameType: shape._frameType || null,
+        graphData: shape._frameType === "graph" && shape._graphData ? cloneOptions(shape._graphData) : null
       };
     }
     case "icon": {
@@ -287,10 +294,27 @@ function deserializeShape(data) {
       imgEl.setAttribute("height", data.height);
       imgEl.setAttribute("href", data.href);
       imgEl.setAttribute("preserveAspectRatio", "none");
+      if (data.sizeBytes) {
+        imgEl.__fileSize = Number(data.sizeBytes) || 0;
+        imgEl.setAttribute("data-file-size", String(imgEl.__fileSize));
+        window.__roomImageBytesUsed = (window.__roomImageBytesUsed || 0) + imgEl.__fileSize;
+      }
+      if (data.cloudinaryId) imgEl.setAttribute("data-cloudinary-id", data.cloudinaryId);
+      if (data.storageProvider) imgEl.setAttribute("data-storage-provider", data.storageProvider);
+      if (data.storageCloudName) imgEl.setAttribute("data-storage-cloud-name", data.storageCloudName);
       svgEl.appendChild(imgEl);
       const shape = new ImageShape(imgEl);
       if (data.rotation) shape.rotation = data.rotation;
       if (data.shapeID) shape.shapeID = data.shapeID;
+      if (data.frameType === "graph" && data.graphData) {
+        if (typeof window.__hydrateGraphShape === "function") {
+          window.__hydrateGraphShape(shape, data.graphData);
+        } else {
+          shape._frameType = "graph";
+          shape._graphData = cloneOptions(data.graphData);
+          shape.element.setAttribute("data-graph-shape", "true");
+        }
+      }
       return shape;
     }
     case "icon": {
@@ -350,6 +374,7 @@ function loadScene(sceneData) {
   }
   const svgEl = window.svg;
   if (!svgEl) return false;
+  window.__roomImageBytesUsed = 0;
   const existingShapes = window.shapes || [];
   existingShapes.forEach((shape) => {
     if (shape.shapeName === "frame") {
@@ -753,4 +778,4 @@ export {
   uploadScene,
   validateScene
 };
-//# sourceMappingURL=SceneSerializer-ARTKPZVR.js.map
+//# sourceMappingURL=SceneSerializer-GSJR7ZHC.js.map