@tscircuit/schematic-viewer 2.0.69 → 2.0.70

package/dist/index.js

@@ -589,7 +589,7 @@ var enableDebug = () => {
 var debug_default = debug;
 
 // lib/components/SchematicViewer.tsx
-import { useCallback as useCallback6, useEffect as useEffect13, useMemo as useMemo5, useRef as useRef8, useState as useState8 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect11, useMemo as useMemo4, useRef as useRef8, useState as useState6 } from "react";
 import {
   fromString,
   identity,
@@ -807,7 +807,6 @@ var useComponentDragging = ({
 var zIndexMap = {
   schematicEditIcon: 50,
   schematicGridIcon: 49,
-  spiceSimulationIcon: 50,
   viewMenuIcon: 48,
   viewMenu: 55,
   viewMenuBackdrop: 54,
@@ -921,16 +920,14 @@ import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 // package.json
 var package_default = {
   name: "@tscircuit/schematic-viewer",
-  version: "2.0.68",
+  version: "2.0.69",
   main: "dist/index.js",
   type: "module",
   scripts: {
     start: "cosmos",
-    "build:webworker": "tsup --config tsup-webworker.config.ts",
-    "build:blob-url": "bun scripts/build-worker-blob-url.ts",
-    build: "bun run build:webworker && bun run build:blob-url && tsup-node ./lib/index.ts --dts --format esm --sourcemap",
+    build: "tsup-node ./lib/index.ts --dts --format esm --sourcemap",
     "build:site": "cosmos-export",
-    "vercel-build": "bun run build:webworker && bun run build:blob-url && bun run build:site",
+    "vercel-build": "bun run build:site",
     format: "biome format --write .",
     "format:check": "biome format ."
   },
@@ -943,7 +940,6 @@ var package_default = {
     "@types/debug": "^4.1.12",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.2",
-    "@types/recharts": "^2.0.1",
     "@vitejs/plugin-react": "^4.3.4",
     react: "^19.1.0",
     "react-cosmos": "^6.2.1",
@@ -957,15 +953,12 @@ var package_default = {
   },
   peerDependencies: {
     typescript: "^5.0.0",
-    tscircuit: "*",
-    "circuit-json-to-spice": "*"
+    tscircuit: "*"
   },
   dependencies: {
     "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "chart.js": "^4.5.0",
     debug: "^4.4.0",
     "performance-now": "^2.1.0",
-    "react-chartjs-2": "^5.3.0",
     "use-mouse-matrix-transform": "^1.2.2"
   }
 };
@@ -1181,713 +1174,6 @@ var ViewMenu = ({
   ] });
 };
 
-// lib/components/SpiceIcon.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var SpiceIcon = () => /* @__PURE__ */ jsx5(
-  "svg",
-  {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx5("path", { d: "M3 12h2.5l2.5-9 4 18 4-9h5.5" })
-  }
-);
-
-// lib/components/SpiceSimulationIcon.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var SpiceSimulationIcon = ({
-  onClick
-}) => {
-  return /* @__PURE__ */ jsx6(
-    "div",
-    {
-      onClick,
-      title: "Run SPICE simulation",
-      style: {
-        position: "absolute",
-        top: "16px",
-        right: "112px",
-        backgroundColor: "#fff",
-        color: "#000",
-        padding: "8px",
-        borderRadius: "4px",
-        cursor: "pointer",
-        boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
-        display: "flex",
-        alignItems: "center",
-        gap: "4px",
-        zIndex: zIndexMap.spiceSimulationIcon
-      },
-      children: /* @__PURE__ */ jsx6(SpiceIcon, {})
-    }
-  );
-};
-
-// lib/components/SpicePlot.tsx
-import { useMemo as useMemo2 } from "react";
-import {
-  Chart as ChartJS,
-  CategoryScale,
-  LinearScale,
-  PointElement,
-  LineElement,
-  Title,
-  Tooltip,
-  Legend
-} from "chart.js";
-import { Line } from "react-chartjs-2";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-ChartJS.register(
-  CategoryScale,
-  LinearScale,
-  PointElement,
-  LineElement,
-  Title,
-  Tooltip,
-  Legend
-);
-var colors = ["#8884d8", "#82ca9d", "#ffc658", "#ff7300", "#387908"];
-var formatTimeWithUnits = (seconds) => {
-  if (seconds === 0) return "0s";
-  const absSeconds = Math.abs(seconds);
-  let unit = "s";
-  let scale = 1;
-  if (absSeconds < 1e-12) {
-    unit = "fs";
-    scale = 1e15;
-  } else if (absSeconds < 1e-9) {
-    unit = "ps";
-    scale = 1e12;
-  } else if (absSeconds < 1e-6) {
-    unit = "ns";
-    scale = 1e9;
-  } else if (absSeconds < 1e-3) {
-    unit = "us";
-    scale = 1e6;
-  } else if (absSeconds < 1) {
-    unit = "ms";
-    scale = 1e3;
-  }
-  return `${parseFloat((seconds * scale).toPrecision(3))}${unit}`;
-};
-var SpicePlot = ({
-  plotData,
-  nodes,
-  isLoading,
-  error,
-  hasRun
-}) => {
-  const yAxisLabel = useMemo2(() => {
-    const hasVoltage = nodes.some((n) => n.toLowerCase().startsWith("v("));
-    const hasCurrent = nodes.some((n) => n.toLowerCase().startsWith("i("));
-    if (hasVoltage && hasCurrent) return "Value";
-    if (hasVoltage) return "Voltage (V)";
-    if (hasCurrent) return "Current (A)";
-    return "Value";
-  }, [nodes]);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx7(
-      "div",
-      {
-        style: {
-          height: "300px",
-          width: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        },
-        children: "Running simulation..."
-      }
-    );
-  }
-  if (!hasRun) {
-    return /* @__PURE__ */ jsx7(
-      "div",
-      {
-        style: {
-          height: "300px",
-          width: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        },
-        children: 'Click "Run" to start the simulation.'
-      }
-    );
-  }
-  if (error) {
-    return /* @__PURE__ */ jsxs4(
-      "div",
-      {
-        style: {
-          height: "300px",
-          width: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          color: "red"
-        },
-        children: [
-          "Error: ",
-          error
-        ]
-      }
-    );
-  }
-  if (plotData.length === 0) {
-    return /* @__PURE__ */ jsx7(
-      "div",
-      {
-        style: {
-          height: "300px",
-          width: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        },
-        children: "No data to plot. Check simulation output or SPICE netlist."
-      }
-    );
-  }
-  const chartData = {
-    datasets: nodes.map((node, i) => ({
-      label: node,
-      data: plotData.map((p) => ({
-        x: Number(p.name),
-        y: p[node]
-      })),
-      borderColor: colors[i % colors.length],
-      backgroundColor: colors[i % colors.length],
-      fill: false,
-      tension: 0.1
-    }))
-  };
-  const options = {
-    responsive: true,
-    maintainAspectRatio: false,
-    plugins: {
-      legend: {
-        position: "top",
-        labels: {
-          font: {
-            family: "sans-serif"
-          }
-        }
-      },
-      title: {
-        display: false
-      },
-      tooltip: {
-        callbacks: {
-          title: (tooltipItems) => {
-            if (tooltipItems.length > 0) {
-              const item = tooltipItems[0];
-              return formatTimeWithUnits(item.parsed.x);
-            }
-            return "";
-          }
-        }
-      }
-    },
-    scales: {
-      x: {
-        type: "linear",
-        title: {
-          display: true,
-          text: "Time",
-          font: {
-            family: "sans-serif"
-          }
-        },
-        ticks: {
-          callback: (value) => formatTimeWithUnits(value),
-          font: {
-            family: "sans-serif"
-          }
-        }
-      },
-      y: {
-        title: {
-          display: true,
-          text: yAxisLabel,
-          font: {
-            family: "sans-serif"
-          }
-        },
-        ticks: {
-          font: {
-            family: "sans-serif"
-          }
-        }
-      }
-    }
-  };
-  return /* @__PURE__ */ jsx7("div", { style: { position: "relative", height: "300px", width: "100%" }, children: /* @__PURE__ */ jsx7(Line, { options, data: chartData }) });
-};
-
-// lib/components/SpiceSimulationOverlay.tsx
-import { useEffect as useEffect7, useState as useState3 } from "react";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-var SpiceSimulationOverlay = ({
-  spiceString,
-  onClose,
-  plotData,
-  nodes,
-  isLoading,
-  error,
-  simOptions,
-  onSimOptionsChange,
-  hasRun
-}) => {
-  const [startTimeDraft, setStartTimeDraft] = useState3(
-    String(simOptions.startTime)
-  );
-  const [durationDraft, setDurationDraft] = useState3(
-    String(simOptions.duration)
-  );
-  useEffect7(() => {
-    setStartTimeDraft(String(simOptions.startTime));
-    setDurationDraft(String(simOptions.duration));
-  }, [simOptions.startTime, simOptions.duration]);
-  const handleRerun = () => {
-    onSimOptionsChange({
-      ...simOptions,
-      startTime: Number(startTimeDraft),
-      duration: Number(durationDraft)
-    });
-  };
-  const filteredNodes = nodes.filter((node) => {
-    const isVoltage = node.toLowerCase().startsWith("v(");
-    const isCurrent = node.toLowerCase().startsWith("i(");
-    if (simOptions.showVoltage && isVoltage) return true;
-    if (simOptions.showCurrent && isCurrent) return true;
-    return false;
-  });
-  return /* @__PURE__ */ jsx8(
-    "div",
-    {
-      style: {
-        position: "fixed",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: "rgba(0, 0, 0, 0.5)",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        zIndex: 1002,
-        fontFamily: "sans-serif"
-      },
-      children: /* @__PURE__ */ jsxs5(
-        "div",
-        {
-          style: {
-            backgroundColor: "white",
-            padding: "24px",
-            borderRadius: "12px",
-            width: "90%",
-            maxWidth: "900px",
-            boxShadow: "0 4px 20px rgba(0, 0, 0, 0.15)"
-          },
-          children: [
-            /* @__PURE__ */ jsxs5(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  justifyContent: "space-between",
-                  alignItems: "center",
-                  marginBottom: "24px",
-                  borderBottom: "1px solid #eee",
-                  paddingBottom: "16px"
-                },
-                children: [
-                  /* @__PURE__ */ jsx8(
-                    "h2",
-                    {
-                      style: {
-                        margin: 0,
-                        fontSize: "22px",
-                        fontWeight: 600,
-                        color: "#333"
-                      },
-                      children: "SPICE Simulation"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx8(
-                    "button",
-                    {
-                      onClick: onClose,
-                      style: {
-                        background: "none",
-                        border: "none",
-                        fontSize: "28px",
-                        cursor: "pointer",
-                        color: "#888",
-                        padding: 0,
-                        lineHeight: 1
-                      },
-                      children: "\xD7"
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8(
-              SpicePlot,
-              {
-                plotData,
-                nodes: filteredNodes,
-                isLoading,
-                error,
-                hasRun
-              }
-            ) }),
-            /* @__PURE__ */ jsxs5(
-              "div",
-              {
-                style: {
-                  marginTop: "16px",
-                  padding: "12px",
-                  backgroundColor: "#f7f7f7",
-                  borderRadius: "6px",
-                  display: "flex",
-                  flexWrap: "wrap",
-                  gap: "24px",
-                  alignItems: "center",
-                  fontSize: "14px"
-                },
-                children: [
-                  /* @__PURE__ */ jsxs5("div", { style: { display: "flex", gap: "16px" }, children: [
-                    /* @__PURE__ */ jsxs5(
-                      "label",
-                      {
-                        style: { display: "flex", alignItems: "center", gap: "6px" },
-                        children: [
-                          /* @__PURE__ */ jsx8(
-                            "input",
-                            {
-                              type: "checkbox",
-                              checked: simOptions.showVoltage,
-                              onChange: (e) => onSimOptionsChange({
-                                ...simOptions,
-                                showVoltage: e.target.checked
-                              })
-                            }
-                          ),
-                          "Voltage"
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs5(
-                      "label",
-                      {
-                        style: { display: "flex", alignItems: "center", gap: "6px" },
-                        children: [
-                          /* @__PURE__ */ jsx8(
-                            "input",
-                            {
-                              type: "checkbox",
-                              checked: simOptions.showCurrent,
-                              onChange: (e) => onSimOptionsChange({
-                                ...simOptions,
-                                showCurrent: e.target.checked
-                              })
-                            }
-                          ),
-                          "Current"
-                        ]
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsxs5("div", { style: { display: "flex", gap: "16px", alignItems: "center" }, children: [
-                    /* @__PURE__ */ jsx8("label", { htmlFor: "startTime", children: "Start Time (ms):" }),
-                    /* @__PURE__ */ jsx8(
-                      "input",
-                      {
-                        id: "startTime",
-                        type: "number",
-                        value: startTimeDraft,
-                        onChange: (e) => setStartTimeDraft(e.target.value),
-                        style: {
-                          width: "80px",
-                          padding: "4px 8px",
-                          borderRadius: "4px",
-                          border: "1px solid #ccc"
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ jsx8("label", { htmlFor: "duration", children: "Duration (ms):" }),
-                    /* @__PURE__ */ jsx8(
-                      "input",
-                      {
-                        id: "duration",
-                        type: "number",
-                        value: durationDraft,
-                        onChange: (e) => setDurationDraft(e.target.value),
-                        style: {
-                          width: "80px",
-                          padding: "4px 8px",
-                          borderRadius: "4px",
-                          border: "1px solid #ccc"
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ jsx8(
-                      "button",
-                      {
-                        onClick: handleRerun,
-                        style: {
-                          padding: "4px 12px",
-                          borderRadius: "4px",
-                          border: "1px solid #ccc",
-                          backgroundColor: "#f0f0f0",
-                          cursor: "pointer"
-                        },
-                        children: hasRun ? "Rerun" : "Run"
-                      }
-                    )
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs5("div", { style: { marginTop: "24px" }, children: [
-              /* @__PURE__ */ jsx8(
-                "h3",
-                {
-                  style: {
-                    marginTop: 0,
-                    marginBottom: "12px",
-                    fontSize: "18px",
-                    fontWeight: 600,
-                    color: "#333"
-                  },
-                  children: "SPICE Netlist"
-                }
-              ),
-              /* @__PURE__ */ jsx8(
-                "pre",
-                {
-                  style: {
-                    backgroundColor: "#fafafa",
-                    padding: "16px",
-                    borderRadius: "6px",
-                    maxHeight: "150px",
-                    overflowY: "auto",
-                    border: "1px solid #eee",
-                    color: "#333",
-                    fontSize: "13px",
-                    fontFamily: "monospace"
-                  },
-                  children: spiceString
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    }
-  );
-};
-
-// lib/hooks/useSpiceSimulation.ts
-import { useState as useState4, useEffect as useEffect8 } from "react";
-
-// lib/workers/spice-simulation.worker.blob.js
-var b64 = "dmFyIGU9bnVsbCxzPWFzeW5jKCk9Pihhd2FpdCBpbXBvcnQoImh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vZWVjaXJjdWl0LWVuZ2luZUAxLjUuMi8rZXNtIikpLlNpbXVsYXRpb24sYz1hc3luYygpPT57aWYoZSYmZS5pc0luaXRpYWxpemVkKCkpcmV0dXJuO2xldCBpPWF3YWl0IHMoKTtlPW5ldyBpLGF3YWl0IGUuc3RhcnQoKX07c2VsZi5vbm1lc3NhZ2U9YXN5bmMgaT0+e3RyeXtpZihhd2FpdCBjKCksIWUpdGhyb3cgbmV3IEVycm9yKCJTaW11bGF0aW9uIG5vdCBpbml0aWFsaXplZCIpO2xldCB0PWkuZGF0YS5zcGljZVN0cmluZyxhPXQubWF0Y2goL3dyZGF0YVxzKyhcUyspXHMrKC4qKS9pKTtpZihhKXtsZXQgbz1gLnByb2JlICR7YVsyXS50cmltKCkuc3BsaXQoL1xzKy8pLmpvaW4oIiAiKX1gO3Q9dC5yZXBsYWNlKC93cmRhdGEuKi9pLG8pfWVsc2UgaWYoIXQubWF0Y2goL1wucHJvYmUvaSkpdGhyb3cgdC5tYXRjaCgvcGxvdFxzKyguKikvaSk/bmV3IEVycm9yKCJUaGUgJ3Bsb3QnIGNvbW1hbmQgaXMgbm90IHN1cHBvcnRlZCBmb3IgZGF0YSBleHRyYWN0aW9uLiBQbGVhc2UgdXNlICd3cmRhdGEgPGZpbGVuYW1lPiA8dmFyMT4gLi4uJyBvciAnLnByb2JlIDx2YXIxPiAuLi4nIGluc3RlYWQuIik6bmV3IEVycm9yKCJObyAnLnByb2JlJyBvciAnd3JkYXRhJyBjb21tYW5kIGZvdW5kIGluIFNQSUNFIGZpbGUuIFVzZSAnd3JkYXRhIDxmaWxlbmFtZT4gPHZhcjE+IC4uLicgdG8gc3BlY2lmeSBvdXRwdXQuIik7ZS5zZXROZXRMaXN0KHQpO2xldCBuPWF3YWl0IGUucnVuU2ltKCk7c2VsZi5wb3N0TWVzc2FnZSh7dHlwZToicmVzdWx0IixyZXN1bHQ6bn0pfWNhdGNoKHQpe3NlbGYucG9zdE1lc3NhZ2Uoe3R5cGU6ImVycm9yIixlcnJvcjp0Lm1lc3NhZ2V9KX19Owo=";
-var blobUrl = null;
-var getSpiceSimulationWorkerBlobUrl = () => {
-  if (typeof window === "undefined") return null;
-  if (blobUrl) return blobUrl;
-  try {
-    const blob = new Blob([atob(b64)], { type: "application/javascript" });
-    blobUrl = URL.createObjectURL(blob);
-    return blobUrl;
-  } catch (e) {
-    console.error("Failed to create blob URL for worker", e);
-    return null;
-  }
-};
-
-// lib/hooks/useSpiceSimulation.ts
-var parseEecEngineOutput = (result) => {
-  const columnData = {};
-  if (result.dataType === "real") {
-    result.data.forEach((col) => {
-      columnData[col.name] = col.values;
-    });
-  } else if (result.dataType === "complex") {
-    result.data.forEach((col) => {
-      columnData[col.name] = col.values.map((v) => v.real);
-    });
-  } else {
-    throw new Error("Unsupported data type in simulation result");
-  }
-  const timeKey = Object.keys(columnData).find(
-    (k) => k.toLowerCase() === "time" || k.toLowerCase() === "frequency"
-  );
-  if (!timeKey) {
-    throw new Error("No time or frequency data in simulation result");
-  }
-  const timeValues = columnData[timeKey];
-  const probedVariables = Object.keys(columnData).filter((k) => k !== timeKey);
-  const plotableNodes = probedVariables;
-  const plotData = timeValues.map((t, i) => {
-    const point = { name: t.toExponential(2) };
-    probedVariables.forEach((variable) => {
-      point[variable] = columnData[variable][i];
-    });
-    return point;
-  });
-  return { plotData, nodes: plotableNodes };
-};
-var useSpiceSimulation = (spiceString) => {
-  const [plotData, setPlotData] = useState4([]);
-  const [nodes, setNodes] = useState4([]);
-  const [isLoading, setIsLoading] = useState4(true);
-  const [error, setError] = useState4(null);
-  useEffect8(() => {
-    if (!spiceString) {
-      setIsLoading(false);
-      setPlotData([]);
-      setNodes([]);
-      setError(null);
-      return;
-    }
-    setIsLoading(true);
-    setError(null);
-    setPlotData([]);
-    setNodes([]);
-    const workerUrl = getSpiceSimulationWorkerBlobUrl();
-    if (!workerUrl) {
-      setError("Could not create SPICE simulation worker.");
-      setIsLoading(false);
-      return;
-    }
-    const worker = new Worker(workerUrl, { type: "module" });
-    worker.onmessage = (event) => {
-      if (event.data.type === "result") {
-        try {
-          const { plotData: parsedData, nodes: parsedNodes } = parseEecEngineOutput(event.data.result);
-          setPlotData(parsedData);
-          setNodes(parsedNodes);
-        } catch (e) {
-          setError(e.message || "Failed to parse simulation result");
-          console.error(e);
-        }
-      } else if (event.data.type === "error") {
-        setError(event.data.error);
-      }
-      setIsLoading(false);
-    };
-    worker.onerror = (err) => {
-      setError(err.message);
-      setIsLoading(false);
-    };
-    worker.postMessage({ spiceString });
-    return () => {
-      worker.terminate();
-    };
-  }, [spiceString]);
-  return { plotData, nodes, isLoading, error };
-};
-
-// lib/utils/spice-utils.ts
-import { circuitJsonToSpice } from "circuit-json-to-spice";
-var formatSimTime = (seconds) => {
-  if (seconds === 0) return "0";
-  const absSeconds = Math.abs(seconds);
-  const precision = (v) => v.toPrecision(4);
-  if (absSeconds >= 1) return precision(seconds);
-  if (absSeconds >= 1e-3) return `${precision(seconds * 1e3)}m`;
-  if (absSeconds >= 1e-6) return `${precision(seconds * 1e6)}u`;
-  if (absSeconds >= 1e-9) return `${precision(seconds * 1e9)}n`;
-  if (absSeconds >= 1e-12) return `${precision(seconds * 1e12)}p`;
-  if (absSeconds >= 1e-15) return `${precision(seconds * 1e15)}f`;
-  return seconds.toExponential(3);
-};
-var getSpiceFromCircuitJson = (circuitJson, options) => {
-  const spiceNetlist = circuitJsonToSpice(circuitJson);
-  const baseSpiceString = spiceNetlist.toSpiceString();
-  const lines = baseSpiceString.split("\n").filter((l) => l.trim() !== "");
-  const componentLines = lines.filter(
-    (l) => !l.startsWith("*") && !l.startsWith(".") && l.trim() !== ""
-  );
-  const allNodes = /* @__PURE__ */ new Set();
-  const capacitorNodes = /* @__PURE__ */ new Set();
-  const componentNamesToProbeCurrent = /* @__PURE__ */ new Set();
-  for (const line of componentLines) {
-    const parts = line.trim().split(/\s+/);
-    if (parts.length < 3) continue;
-    const componentName = parts[0];
-    const componentType = componentName[0].toUpperCase();
-    let nodesOnLine = [];
-    if (["R", "C", "L", "V", "I", "D"].includes(componentType)) {
-      nodesOnLine = parts.slice(1, 3);
-      if (componentType === "V") {
-        componentNamesToProbeCurrent.add(componentName);
-      }
-    } else if (componentType === "Q" && parts.length >= 4) {
-      nodesOnLine = parts.slice(1, 4);
-    } else if (componentType === "M" && parts.length >= 5) {
-      nodesOnLine = parts.slice(1, 5);
-    } else if (componentType === "X") {
-      nodesOnLine = parts.slice(1, -1);
-    } else {
-      continue;
-    }
-    nodesOnLine.forEach((node) => allNodes.add(node));
-    if (componentType === "C") {
-      nodesOnLine.forEach((node) => capacitorNodes.add(node));
-    }
-  }
-  allNodes.delete("0");
-  capacitorNodes.delete("0");
-  const icLines = Array.from(capacitorNodes).map((node) => `.ic V(${node})=0`);
-  const probes = [];
-  const probeVoltages = Array.from(allNodes).map((node) => `V(${node})`);
-  probes.push(...probeVoltages);
-  const probeCurrents = Array.from(componentNamesToProbeCurrent).map(
-    (name) => `I(${name})`
-  );
-  probes.push(...probeCurrents);
-  const probeLine = probes.length > 0 ? `.probe ${probes.join(" ")}` : "";
-  const tstart_ms = options?.startTime ?? 0;
-  const duration_ms = options?.duration ?? 20;
-  const tstart = tstart_ms * 1e-3;
-  const duration = duration_ms * 1e-3;
-  const tstop = tstart + duration;
-  const tstep = duration / 50;
-  const tranLine = `.tran ${formatSimTime(tstep)} ${formatSimTime(
-    tstop
-  )} ${formatSimTime(tstart)} UIC`;
-  const endStatement = ".end";
-  const originalLines = baseSpiceString.split("\n");
-  let endIndex = -1;
-  for (let i = originalLines.length - 1; i >= 0; i--) {
-    if (originalLines[i].trim().toLowerCase().startsWith(endStatement)) {
-      endIndex = i;
-      break;
-    }
-  }
-  const injectionLines = [...icLines, probeLine, tranLine].filter(Boolean);
-  let finalLines;
-  if (endIndex !== -1) {
-    const beforeEnd = originalLines.slice(0, endIndex);
-    const endLineAndAfter = originalLines.slice(endIndex);
-    finalLines = [...beforeEnd, ...injectionLines, ...endLineAndAfter];
-  } else {
-    finalLines = [...originalLines, ...injectionLines, endStatement];
-  }
-  return finalLines.join("\n");
-};
-
 // lib/hooks/useLocalStorage.ts
 import { useCallback as useCallback2 } from "react";
 var STORAGE_KEYS = {
@@ -1931,11 +1217,11 @@ import {
   createContext,
   useCallback as useCallback3,
   useContext,
-  useEffect as useEffect9,
-  useMemo as useMemo3,
+  useEffect as useEffect7,
+  useMemo as useMemo2,
   useRef as useRef4
 } from "react";
-import { Fragment, jsx as jsx9 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx5 } from "react/jsx-runtime";
 var MouseTrackerContext = createContext(null);
 var DRAG_THRESHOLD_PX = 5;
 var boundsAreEqual = (a, b) => {
@@ -1946,7 +1232,7 @@ var boundsAreEqual = (a, b) => {
 var MouseTracker = ({ children }) => {
   const existingContext = useContext(MouseTrackerContext);
   if (existingContext) {
-    return /* @__PURE__ */ jsx9(Fragment, { children });
+    return /* @__PURE__ */ jsx5(Fragment, { children });
   }
   const storeRef = useRef4({
     pointer: null,
@@ -2015,7 +1301,7 @@ var MouseTracker = ({ children }) => {
   const isHovering = useCallback3((id) => {
     return storeRef.current.hoveringIds.has(id);
   }, []);
-  useEffect9(() => {
+  useEffect7(() => {
     const handlePointerPosition = (event) => {
       const { clientX, clientY } = event;
       const pointer = storeRef.current.pointer;
@@ -2083,7 +1369,7 @@ var MouseTracker = ({ children }) => {
       window.removeEventListener("click", handleClick);
     };
   }, [updateHovering]);
-  const value = useMemo3(
+  const value = useMemo2(
     () => ({
       registerBoundingBox,
       updateBoundingBox,
@@ -2099,18 +1385,18 @@ var MouseTracker = ({ children }) => {
       isHovering
     ]
   );
-  return /* @__PURE__ */ jsx9(MouseTrackerContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx5(MouseTrackerContext.Provider, { value, children });
 };
 
 // lib/components/SchematicComponentMouseTarget.tsx
-import { useCallback as useCallback4, useEffect as useEffect11, useRef as useRef6, useState as useState5 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect9, useRef as useRef6, useState as useState3 } from "react";
 
 // lib/hooks/useMouseEventsOverBoundingBox.ts
 import {
   useContext as useContext2,
-  useEffect as useEffect10,
+  useEffect as useEffect8,
   useId,
-  useMemo as useMemo4,
+  useMemo as useMemo3,
   useRef as useRef5,
   useSyncExternalStore
 } from "react";
@@ -2124,13 +1410,13 @@ var useMouseEventsOverBoundingBox = (options) => {
   const id = useId();
   const latestOptionsRef = useRef5(options);
   latestOptionsRef.current = options;
-  const handleClick = useMemo4(
+  const handleClick = useMemo3(
     () => (event) => {
       latestOptionsRef.current.onClick?.(event);
     },
     []
   );
-  useEffect10(() => {
+  useEffect8(() => {
     context.registerBoundingBox(id, {
       bounds: latestOptionsRef.current.bounds,
       onClick: latestOptionsRef.current.onClick ? handleClick : void 0
@@ -2139,7 +1425,7 @@ var useMouseEventsOverBoundingBox = (options) => {
       context.unregisterBoundingBox(id);
     };
   }, [context, handleClick, id]);
-  useEffect10(() => {
+  useEffect8(() => {
     context.updateBoundingBox(id, {
       bounds: latestOptionsRef.current.bounds,
       onClick: latestOptionsRef.current.onClick ? handleClick : void 0
@@ -2163,7 +1449,7 @@ var useMouseEventsOverBoundingBox = (options) => {
 };
 
 // lib/components/SchematicComponentMouseTarget.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var areMeasurementsEqual = (a, b) => {
   if (!a && !b) return true;
   if (!a || !b) return false;
@@ -2178,7 +1464,7 @@ var SchematicComponentMouseTarget = ({
   showOutline,
   circuitJsonKey
 }) => {
-  const [measurement, setMeasurement] = useState5(null);
+  const [measurement, setMeasurement] = useState3(null);
   const frameRef = useRef6(null);
   const measure = useCallback4(() => {
     frameRef.current = null;
@@ -2219,10 +1505,10 @@ var SchematicComponentMouseTarget = ({
     if (frameRef.current !== null) return;
     frameRef.current = window.requestAnimationFrame(measure);
   }, [measure]);
-  useEffect11(() => {
+  useEffect9(() => {
     scheduleMeasure();
   }, [scheduleMeasure, circuitJsonKey]);
-  useEffect11(() => {
+  useEffect9(() => {
     scheduleMeasure();
     const svgDiv = svgDivRef.current;
     const container = containerRef.current;
@@ -2267,7 +1553,7 @@ var SchematicComponentMouseTarget = ({
     bounds,
     onClick: onComponentClick ? handleClick : void 0
   });
-  useEffect11(() => {
+  useEffect9(() => {
     if (onHoverChange) {
       onHoverChange(componentId, hovering);
     }
@@ -2276,7 +1562,7 @@ var SchematicComponentMouseTarget = ({
     return null;
   }
   const rect = measurement.rect;
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       style: {
@@ -2294,8 +1580,8 @@ var SchematicComponentMouseTarget = ({
 };
 
 // lib/components/SchematicPortMouseTarget.tsx
-import { useCallback as useCallback5, useEffect as useEffect12, useRef as useRef7, useState as useState6 } from "react";
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useCallback as useCallback5, useEffect as useEffect10, useRef as useRef7, useState as useState4 } from "react";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var areMeasurementsEqual2 = (a, b) => {
   if (!a && !b) return true;
   if (!a || !b) return false;
@@ -2311,7 +1597,7 @@ var SchematicPortMouseTarget = ({
   showOutline,
   circuitJsonKey
 }) => {
-  const [measurement, setMeasurement] = useState6(null);
+  const [measurement, setMeasurement] = useState4(null);
   const frameRef = useRef7(null);
   const measure = useCallback5(() => {
     frameRef.current = null;
@@ -2353,10 +1639,10 @@ var SchematicPortMouseTarget = ({
     if (frameRef.current !== null) return;
     frameRef.current = window.requestAnimationFrame(measure);
   }, [measure]);
-  useEffect12(() => {
+  useEffect10(() => {
     scheduleMeasure();
   }, [scheduleMeasure, circuitJsonKey]);
-  useEffect12(() => {
+  useEffect10(() => {
     scheduleMeasure();
     const svgDiv = svgDivRef.current;
     const container = containerRef.current;
@@ -2401,7 +1687,7 @@ var SchematicPortMouseTarget = ({
     bounds,
     onClick: onPortClick ? handleClick : void 0
   });
-  useEffect12(() => {
+  useEffect10(() => {
     if (onHoverChange) {
       onHoverChange(portId, hovering);
     }
@@ -2410,8 +1696,8 @@ var SchematicPortMouseTarget = ({
     return null;
   }
   const rect = measurement.rect;
-  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
-    /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx7(
       "div",
       {
         style: {
@@ -2429,7 +1715,7 @@ var SchematicPortMouseTarget = ({
         }
       }
     ),
-    hovering && portLabel && /* @__PURE__ */ jsx11(
+    hovering && portLabel && /* @__PURE__ */ jsx7(
       "div",
       {
         style: {
@@ -2454,9 +1740,9 @@ var SchematicPortMouseTarget = ({
 };
 
 // lib/components/SchematicSheetSelector.tsx
-import { useState as useState7 } from "react";
+import { useState as useState5 } from "react";
 import * as DropdownMenu2 from "@radix-ui/react-dropdown-menu";
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var FONT_FAMILY2 = 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
 var contentStyles2 = {
   backgroundColor: "#ffffff",
@@ -2506,7 +1792,7 @@ var MENU_CSS = `
 .sv-sheet-chevron { transition: transform 0.2s ease; }
 [data-state="open"] > .sv-sheet-chevron { transform: rotate(180deg); }
 `;
-var CheckIcon2 = () => /* @__PURE__ */ jsx12(
+var CheckIcon2 = () => /* @__PURE__ */ jsx8(
   "svg",
   {
     width: "14",
@@ -2518,10 +1804,10 @@ var CheckIcon2 = () => /* @__PURE__ */ jsx12(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx12("path", { d: "M20 6 9 17l-5-5" })
+    children: /* @__PURE__ */ jsx8("path", { d: "M20 6 9 17l-5-5" })
   }
 );
-var ChevronDownIcon = ({ className }) => /* @__PURE__ */ jsx12(
+var ChevronDownIcon = ({ className }) => /* @__PURE__ */ jsx8(
   "svg",
   {
     className,
@@ -2535,7 +1821,7 @@ var ChevronDownIcon = ({ className }) => /* @__PURE__ */ jsx12(
     strokeLinejoin: "round",
     style: { opacity: 0.6, flexShrink: 0 },
     "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx12("path", { d: "m6 9 6 6 6-6" })
+    children: /* @__PURE__ */ jsx8("path", { d: "m6 9 6 6 6-6" })
   }
 );
 var SchematicSheetSelector = ({
@@ -2543,16 +1829,16 @@ var SchematicSheetSelector = ({
   selectedSheetId,
   onSelectSheet
 }) => {
-  const [open, setOpen] = useState7(false);
+  const [open, setOpen] = useState5(false);
   if (sheets.length <= 1) return null;
   const selectedSheet = sheets.find(
     (s) => s.schematic_sheet_id === selectedSheetId
   );
   const selectedLabel = selectedSheet?.name ?? "Select sheet";
-  return /* @__PURE__ */ jsxs7(Fragment3, { children: [
-    /* @__PURE__ */ jsx12("style", { children: MENU_CSS }),
-    /* @__PURE__ */ jsxs7(DropdownMenu2.Root, { open, onOpenChange: setOpen, modal: false, children: [
-      /* @__PURE__ */ jsx12(DropdownMenu2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+    /* @__PURE__ */ jsx8("style", { children: MENU_CSS }),
+    /* @__PURE__ */ jsxs5(DropdownMenu2.Root, { open, onOpenChange: setOpen, modal: false, children: [
+      /* @__PURE__ */ jsx8(DropdownMenu2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs5(
         "button",
         {
           type: "button",
@@ -2579,13 +1865,13 @@ var SchematicSheetSelector = ({
             zIndex: zIndexMap.viewMenuIcon
           },
           children: [
-            /* @__PURE__ */ jsx12("span", { style: { color: "#888888", flexShrink: 0 }, children: "Sheet:" }),
-            /* @__PURE__ */ jsx12("span", { style: { ...ellipsisStyles, minWidth: 0 }, children: selectedLabel }),
-            /* @__PURE__ */ jsx12(ChevronDownIcon, { className: "sv-sheet-chevron" })
+            /* @__PURE__ */ jsx8("span", { style: { color: "#888888", flexShrink: 0 }, children: "Sheet:" }),
+            /* @__PURE__ */ jsx8("span", { style: { ...ellipsisStyles, minWidth: 0 }, children: selectedLabel }),
+            /* @__PURE__ */ jsx8(ChevronDownIcon, { className: "sv-sheet-chevron" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx12(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx8(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsx8(
         DropdownMenu2.Content,
         {
           style: contentStyles2,
@@ -2595,7 +1881,7 @@ var SchematicSheetSelector = ({
           collisionPadding: 10,
           children: sheets.map((sheet) => {
             const selected = sheet.schematic_sheet_id === selectedSheetId;
-            return /* @__PURE__ */ jsxs7(
+            return /* @__PURE__ */ jsxs5(
               DropdownMenu2.Item,
               {
                 className: "sv-sheet-item",
@@ -2607,8 +1893,8 @@ var SchematicSheetSelector = ({
                   setOpen(false);
                 },
                 children: [
-                  /* @__PURE__ */ jsx12("span", { style: iconSlotStyles2, children: selected && /* @__PURE__ */ jsx12(CheckIcon2, {}) }),
-                  /* @__PURE__ */ jsx12("span", { style: { ...ellipsisStyles, minWidth: 0 }, children: sheet.name })
+                  /* @__PURE__ */ jsx8("span", { style: iconSlotStyles2, children: selected && /* @__PURE__ */ jsx8(CheckIcon2, {}) }),
+                  /* @__PURE__ */ jsx8("span", { style: { ...ellipsisStyles, minWidth: 0 }, children: sheet.name })
                 ]
               },
               sheet.schematic_sheet_id
@@ -2621,7 +1907,7 @@ var SchematicSheetSelector = ({
 };
 
 // lib/components/SchematicViewer.tsx
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var SchematicViewer = ({
   circuitJson,
   containerStyle,
@@ -2633,7 +1919,6 @@ var SchematicViewer = ({
   debug: debug3 = false,
   clickToInteractEnabled = false,
   colorOverrides,
-  spiceSimulationEnabled = false,
   disableGroups = false,
   netHoverHighlightEnabled = true,
   onSchematicComponentClicked,
@@ -2646,23 +1931,14 @@ var SchematicViewer = ({
   if (debug3) {
     enableDebug();
   }
-  const [showSpiceOverlay, setShowSpiceOverlay] = useState8(false);
-  const [spiceSimOptions, setSpiceSimOptions] = useState8({
-    showVoltage: true,
-    showCurrent: false,
-    startTime: 0,
-    // in ms
-    duration: 20
-    // in ms
-  });
   const getCircuitHash = (circuitJson2) => {
     return `${circuitJson2?.length || 0}_${circuitJson2?.editCount || 0}`;
   };
-  const circuitJsonKey = useMemo5(
+  const circuitJsonKey = useMemo4(
     () => getCircuitHash(circuitJson),
     [circuitJson]
   );
-  const schematicSheets = useMemo5(() => {
+  const schematicSheets = useMemo4(() => {
     try {
       return circuitJson.filter((elm) => elm?.type === "schematic_sheet").slice().sort((a, b) => (a.sheet_index ?? 0) - (b.sheet_index ?? 0));
     } catch (err) {
@@ -2672,7 +1948,7 @@ var SchematicViewer = ({
   }, [circuitJsonKey]);
   const hasMultipleSheets = schematicSheets.length > 1;
   const defaultSheetId = schematicSheets[0]?.schematic_sheet_id;
-  const [selectedSheetId, setSelectedSheetId] = useState8(
+  const [selectedSheetId, setSelectedSheetId] = useState6(
     () => {
       const stored = getStoredString(STORAGE_KEYS.SELECTED_SCHEMATIC_SHEET);
       if (stored && schematicSheets.some((s) => s.schematic_sheet_id === stored)) {
@@ -2681,7 +1957,7 @@ var SchematicViewer = ({
       return defaultSheetId;
     }
   );
-  useEffect13(() => {
+  useEffect11(() => {
     const stillExists = selectedSheetId !== void 0 && schematicSheets.some((s) => s.schematic_sheet_id === selectedSheetId);
     if (!stillExists) {
       setSelectedSheetId(defaultSheetId);
@@ -2696,43 +1972,19 @@ var SchematicViewer = ({
     },
     [onSchematicSheetChange]
   );
-  const spiceString = useMemo5(() => {
-    if (!spiceSimulationEnabled) return null;
-    try {
-      return getSpiceFromCircuitJson(circuitJson, spiceSimOptions);
-    } catch (e) {
-      console.error("Failed to generate SPICE string", e);
-      return null;
-    }
-  }, [
-    circuitJsonKey,
-    spiceSimulationEnabled,
-    spiceSimOptions.startTime,
-    spiceSimOptions.duration
-  ]);
-  const [hasSpiceSimRun, setHasSpiceSimRun] = useState8(false);
-  useEffect13(() => {
-    setHasSpiceSimRun(false);
-  }, [circuitJsonKey]);
-  const {
-    plotData,
-    nodes,
-    isLoading: isSpiceSimLoading,
-    error: spiceSimError
-  } = useSpiceSimulation(hasSpiceSimRun ? spiceString : null);
-  const [editModeEnabled, setEditModeEnabled] = useState8(defaultEditMode);
-  const [snapToGrid, setSnapToGrid] = useState8(true);
-  const [showGridInternal, setShowGridInternal] = useState8(false);
+  const [editModeEnabled, setEditModeEnabled] = useState6(defaultEditMode);
+  const [snapToGrid, setSnapToGrid] = useState6(true);
+  const [showGridInternal, setShowGridInternal] = useState6(false);
   const showGrid = debugGrid || showGridInternal;
-  const [isInteractionEnabled, setIsInteractionEnabled] = useState8(
+  const [isInteractionEnabled, setIsInteractionEnabled] = useState6(
     !clickToInteractEnabled
   );
-  const [showViewMenu, setShowViewMenu] = useState8(false);
-  const [showSchematicGroups, setShowSchematicGroups] = useState8(() => {
+  const [showViewMenu, setShowViewMenu] = useState6(false);
+  const [showSchematicGroups, setShowSchematicGroups] = useState6(() => {
     if (disableGroups) return false;
     return getStoredBoolean("schematic_viewer_show_groups", false);
   });
-  const [isHoveringClickableComponent, setIsHoveringClickableComponent] = useState8(false);
+  const [isHoveringClickableComponent, setIsHoveringClickableComponent] = useState6(false);
   const hoveringComponentsRef = useRef8(/* @__PURE__ */ new Set());
   const handleComponentHoverChange = useCallback6(
     (componentId, isHovering) => {
@@ -2745,7 +1997,7 @@ var SchematicViewer = ({
     },
     []
   );
-  const [isHoveringClickablePort, setIsHoveringClickablePort] = useState8(false);
+  const [isHoveringClickablePort, setIsHoveringClickablePort] = useState6(false);
   const hoveringPortsRef = useRef8(/* @__PURE__ */ new Set());
   const handlePortHoverChange = useCallback6(
     (portId, isHovering) => {
@@ -2760,7 +2012,7 @@ var SchematicViewer = ({
   );
   const svgDivRef = useRef8(null);
   const touchStartRef = useRef8(null);
-  const schematicComponentIds = useMemo5(() => {
+  const schematicComponentIds = useMemo4(() => {
     try {
       const components = su7(circuitJson).schematic_component?.list() ?? [];
       return components.filter(
@@ -2771,7 +2023,7 @@ var SchematicViewer = ({
       return [];
     }
   }, [circuitJsonKey, circuitJson, activeSheetId]);
-  const schematicPortsInfo = useMemo5(() => {
+  const schematicPortsInfo = useMemo4(() => {
     if (!showSchematicPorts) return [];
     try {
       const ports = (su7(circuitJson).schematic_port?.list() ?? []).filter(
@@ -2811,9 +2063,9 @@ var SchematicViewer = ({
     }
     touchStartRef.current = null;
   };
-  const [internalEditEvents, setInternalEditEvents] = useState8([]);
+  const [internalEditEvents, setInternalEditEvents] = useState6([]);
   const circuitJsonRef = useRef8(circuitJson);
-  useEffect13(() => {
+  useEffect11(() => {
     const circuitHash = getCircuitHash(circuitJson);
     const circuitHashRef = getCircuitHash(circuitJsonRef.current);
     if (circuitHash !== circuitHashRef) {
@@ -2831,10 +2083,10 @@ var SchematicViewer = ({
       svgDivRef.current.style.transform = transformToString(transform);
     },
     // @ts-ignore disabled is a valid prop but not typed
-    enabled: isInteractionEnabled && !showSpiceOverlay
+    enabled: isInteractionEnabled
   });
   const { containerWidth, containerHeight } = useResizeHandling(containerRef);
-  const svgString = useMemo5(() => {
+  const svgString = useMemo4(() => {
     if (!containerWidth || !containerHeight) return "";
     return convertCircuitJsonToSchematicSvg(circuitJson, {
       width: containerWidth,
@@ -2857,13 +2109,13 @@ var SchematicViewer = ({
     showSchematicPorts,
     activeSheetId
   ]);
-  const containerBackgroundColor = useMemo5(() => {
+  const containerBackgroundColor = useMemo4(() => {
     const match = svgString.match(
       /<svg[^>]*style="[^"]*background-color:\s*([^;\"]+)/i
     );
     return match?.[1] ?? "transparent";
   }, [svgString]);
-  const realToSvgProjection = useMemo5(() => {
+  const realToSvgProjection = useMemo4(() => {
     if (!svgString) return identity();
     const transformString = svgString.match(
       /data-real-to-screen-transform="([^"]+)"/
@@ -2881,7 +2133,7 @@ var SchematicViewer = ({
       onEditEvent(event);
     }
   };
-  const editEventsWithUnappliedEditEvents = useMemo5(() => {
+  const editEventsWithUnappliedEditEvents = useMemo4(() => {
     return [...unappliedEditEvents, ...internalEditEvents];
   }, [unappliedEditEvents, internalEditEvents]);
   const {
@@ -2896,7 +2148,7 @@ var SchematicViewer = ({
     svgToScreenProjection,
     circuitJson,
     editEvents: editEventsWithUnappliedEditEvents,
-    enabled: editModeEnabled && isInteractionEnabled && !showSpiceOverlay,
+    enabled: editModeEnabled && isInteractionEnabled,
     snapToGrid
   });
   useChangeSchematicComponentLocationsInSvg({
@@ -2925,11 +2177,11 @@ var SchematicViewer = ({
     enabled: netHoverHighlightEnabled
   });
   const handleComponentTouchStartRef = useRef8(handleComponentTouchStart);
-  useEffect13(() => {
+  useEffect11(() => {
     handleComponentTouchStartRef.current = handleComponentTouchStart;
   }, [handleComponentTouchStart]);
-  const svgDiv = useMemo5(
-    () => /* @__PURE__ */ jsx13(
+  const svgDiv = useMemo4(
+    () => /* @__PURE__ */ jsx9(
       "div",
       {
         ref: svgDivRef,
@@ -2939,27 +2191,21 @@ var SchematicViewer = ({
         },
         className: onSchematicComponentClicked ? "schematic-component-clickable" : void 0,
         onTouchStart: (e) => {
-          if (editModeEnabled && isInteractionEnabled && !showSpiceOverlay) {
+          if (editModeEnabled && isInteractionEnabled) {
             handleComponentTouchStartRef.current(e);
           }
         },
         dangerouslySetInnerHTML: { __html: svgString }
       }
     ),
-    [
-      svgString,
-      isInteractionEnabled,
-      clickToInteractEnabled,
-      editModeEnabled,
-      showSpiceOverlay
-    ]
+    [svgString, isInteractionEnabled, clickToInteractEnabled, editModeEnabled]
   );
-  return /* @__PURE__ */ jsxs8(MouseTracker, { children: [
-    netHoverHighlightEnabled && /* @__PURE__ */ jsx13("style", { children: `.sch-net-faded { opacity: 0.35; }
+  return /* @__PURE__ */ jsxs6(MouseTracker, { children: [
+    netHoverHighlightEnabled && /* @__PURE__ */ jsx9("style", { children: `.sch-net-faded { opacity: 0.35; }
             svg :is(g.trace, g.trace-overlays, g[data-schematic-component-id], [data-schematic-net-label-id]) { transition: opacity 0.12s ease-in-out; }` }),
-    onSchematicComponentClicked && /* @__PURE__ */ jsx13("style", { children: `.schematic-component-clickable [data-schematic-component-id]:hover { cursor: pointer !important; }` }),
-    onSchematicPortClicked && /* @__PURE__ */ jsx13("style", { children: `[data-schematic-port-id]:hover { cursor: pointer !important; }` }),
-    /* @__PURE__ */ jsxs8(
+    onSchematicComponentClicked && /* @__PURE__ */ jsx9("style", { children: `.schematic-component-clickable [data-schematic-component-id]:hover { cursor: pointer !important; }` }),
+    onSchematicPortClicked && /* @__PURE__ */ jsx9("style", { children: `[data-schematic-port-id]:hover { cursor: pointer !important; }` }),
+    /* @__PURE__ */ jsxs6(
       "div",
       {
         ref: containerRef,
@@ -2967,15 +2213,10 @@ var SchematicViewer = ({
           position: "relative",
           backgroundColor: containerBackgroundColor,
           overflow: "hidden",
-          cursor: showSpiceOverlay ? "auto" : isDragging ? "grabbing" : clickToInteractEnabled && !isInteractionEnabled ? "pointer" : isHoveringClickableComponent && onSchematicComponentClicked ? "pointer" : isHoveringClickablePort && onSchematicPortClicked ? "pointer" : "grab",
+          cursor: isDragging ? "grabbing" : clickToInteractEnabled && !isInteractionEnabled ? "pointer" : isHoveringClickableComponent && onSchematicComponentClicked ? "pointer" : isHoveringClickablePort && onSchematicPortClicked ? "pointer" : "grab",
           minHeight: "300px",
           ...containerStyle
         },
-        onWheelCapture: (e) => {
-          if (showSpiceOverlay) {
-            e.stopPropagation();
-          }
-        },
         onMouseDown: (e) => {
           if (clickToInteractEnabled && !isInteractionEnabled) {
             e.preventDefault();
@@ -2991,16 +2232,10 @@ var SchematicViewer = ({
             return;
           }
         },
-        onTouchStart: (e) => {
-          if (showSpiceOverlay) return;
-          handleTouchStart(e);
-        },
-        onTouchEnd: (e) => {
-          if (showSpiceOverlay) return;
-          handleTouchEnd(e);
-        },
+        onTouchStart: handleTouchStart,
+        onTouchEnd: handleTouchEnd,
         children: [
-          !isInteractionEnabled && clickToInteractEnabled && /* @__PURE__ */ jsx13(
+          !isInteractionEnabled && clickToInteractEnabled && /* @__PURE__ */ jsx9(
             "div",
             {
               onClick: (e) => {
@@ -3019,7 +2254,7 @@ var SchematicViewer = ({
                 pointerEvents: "all",
                 touchAction: "pan-x pan-y pinch-zoom"
               },
-              children: /* @__PURE__ */ jsx13(
+              children: /* @__PURE__ */ jsx9(
                 "div",
                 {
                   style: {
@@ -3036,21 +2271,21 @@ var SchematicViewer = ({
               )
             }
           ),
-          editingEnabled && /* @__PURE__ */ jsx13(
+          editingEnabled && /* @__PURE__ */ jsx9(
             EditIcon,
             {
               active: editModeEnabled,
               onClick: () => setEditModeEnabled(!editModeEnabled)
             }
           ),
-          editingEnabled && editModeEnabled && /* @__PURE__ */ jsx13(
+          editingEnabled && editModeEnabled && /* @__PURE__ */ jsx9(
             GridIcon,
             {
               active: snapToGrid,
               onClick: () => setSnapToGrid(!snapToGrid)
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx9(
             ViewMenu,
             {
               circuitJson,
@@ -3068,7 +2303,7 @@ var SchematicViewer = ({
               onToggleGrid: setShowGridInternal
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx9(
             SchematicSheetSelector,
             {
               sheets: schematicSheets,
@@ -3076,25 +2311,7 @@ var SchematicViewer = ({
               onSelectSheet: handleSelectSheet
             }
           ),
-          spiceSimulationEnabled && /* @__PURE__ */ jsx13(SpiceSimulationIcon, { onClick: () => setShowSpiceOverlay(true) }),
-          showSpiceOverlay && /* @__PURE__ */ jsx13(
-            SpiceSimulationOverlay,
-            {
-              spiceString,
-              onClose: () => setShowSpiceOverlay(false),
-              plotData,
-              nodes,
-              isLoading: isSpiceSimLoading,
-              error: spiceSimError,
-              simOptions: spiceSimOptions,
-              onSimOptionsChange: (options) => {
-                setHasSpiceSimRun(true);
-                setSpiceSimOptions(options);
-              },
-              hasRun: hasSpiceSimRun
-            }
-          ),
-          onSchematicComponentClicked && schematicComponentIds.map((componentId) => /* @__PURE__ */ jsx13(
+          onSchematicComponentClicked && schematicComponentIds.map((componentId) => /* @__PURE__ */ jsx9(
             SchematicComponentMouseTarget,
             {
               componentId,
@@ -3113,7 +2330,7 @@ var SchematicViewer = ({
             componentId
           )),
           svgDiv,
-          showSchematicPorts && schematicPortsInfo.map(({ portId, label }) => /* @__PURE__ */ jsx13(
+          showSchematicPorts && schematicPortsInfo.map(({ portId, label }) => /* @__PURE__ */ jsx9(
             SchematicPortMouseTarget,
             {
               portId,
@@ -3142,10 +2359,10 @@ var SchematicViewer = ({
 import {
   convertCircuitJsonToSchematicSimulationSvg
 } from "circuit-to-svg";
-import { useEffect as useEffect14, useState as useState9, useMemo as useMemo6, useRef as useRef9 } from "react";
+import { useEffect as useEffect12, useState as useState7, useMemo as useMemo5, useRef as useRef9 } from "react";
 import { useMouseMatrixTransform as useMouseMatrixTransform2 } from "use-mouse-matrix-transform";
 import { toString as transformToString2 } from "transformation-matrix";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var DEFAULT_RENDER_WIDTH = 1200;
 var DEFAULT_RENDER_ASPECT_RATIO = 1;
 var AnalogSimulationViewer = ({
@@ -3156,16 +2373,16 @@ var AnalogSimulationViewer = ({
   height,
   className
 }) => {
-  const [circuitJson, setCircuitJson] = useState9(null);
-  const [isLoading, setIsLoading] = useState9(true);
-  const [error, setError] = useState9(null);
-  const [svgObjectUrl, setSvgObjectUrl] = useState9(null);
+  const [circuitJson, setCircuitJson] = useState7(null);
+  const [isLoading, setIsLoading] = useState7(true);
+  const [error, setError] = useState7(null);
+  const [svgObjectUrl, setSvgObjectUrl] = useState7(null);
   const containerRef = useRef9(null);
   const imgRef = useRef9(null);
   const { containerWidth } = useResizeHandling(
     containerRef
   );
-  const [isDragging, setIsDragging] = useState9(false);
+  const [isDragging, setIsDragging] = useState7(false);
   const {
     ref: transformRef,
     cancelDrag: _cancelDrag,
@@ -3180,28 +2397,28 @@ var AnalogSimulationViewer = ({
   const renderAspectRatio = width && height ? width / height : DEFAULT_RENDER_ASPECT_RATIO;
   const effectiveWidth = width || (height ? height * renderAspectRatio : containerWidth) || DEFAULT_RENDER_WIDTH;
   const effectiveHeight = height || effectiveWidth / renderAspectRatio;
-  useEffect14(() => {
+  useEffect12(() => {
     setIsLoading(true);
     setError(null);
     setCircuitJson(inputCircuitJson);
     setIsLoading(false);
   }, [inputCircuitJson]);
-  const simulationExperimentId = useMemo6(() => {
+  const simulationExperimentId = useMemo5(() => {
     if (!circuitJson) return null;
     const simulationElement = circuitJson.find(
       (el) => el.type === "simulation_experiment"
     );
     return simulationElement?.simulation_experiment_id || null;
   }, [circuitJson]);
-  const simulationVoltageGraphIds = useMemo6(() => {
+  const simulationVoltageGraphIds = useMemo5(() => {
     if (!circuitJson) return [];
     return circuitJson.filter((el) => el.type === "simulation_transient_voltage_graph").map((el) => el.simulation_transient_voltage_graph_id);
   }, [circuitJson]);
-  const simulationCurrentGraphIds = useMemo6(() => {
+  const simulationCurrentGraphIds = useMemo5(() => {
     if (!circuitJson) return [];
     return circuitJson.filter((el) => el.type === "simulation_transient_current_graph").map((el) => el.simulation_transient_current_graph_id);
   }, [circuitJson]);
-  const simulationSvg = useMemo6(() => {
+  const simulationSvg = useMemo5(() => {
     if (!circuitJson || !effectiveWidth || !effectiveHeight || !simulationExperimentId)
       return "";
     try {
@@ -3227,7 +2444,7 @@ var AnalogSimulationViewer = ({
     simulationCurrentGraphIds,
     simulationVoltageGraphIds
   ]);
-  useEffect14(() => {
+  useEffect12(() => {
     if (!simulationSvg) {
       setSvgObjectUrl(null);
       return;
@@ -3244,7 +2461,7 @@ var AnalogSimulationViewer = ({
       setSvgObjectUrl(null);
     }
   }, [simulationSvg]);
-  const containerBackgroundColor = useMemo6(() => {
+  const containerBackgroundColor = useMemo5(() => {
     if (!simulationSvg) return "transparent";
     const match = simulationSvg.match(
       /<svg[^>]*style="[^"]*background-color:\s*([^;\"]+)/i
@@ -3257,7 +2474,7 @@ var AnalogSimulationViewer = ({
   const handleTouchStart = (_e) => {
     setIsDragging(true);
   };
-  useEffect14(() => {
+  useEffect12(() => {
     const handleMouseUp = () => {
       setIsDragging(false);
     };
@@ -3272,7 +2489,7 @@ var AnalogSimulationViewer = ({
     };
   }, []);
   if (isLoading) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx10(
       "div",
       {
         style: {
@@ -3292,7 +2509,7 @@ var AnalogSimulationViewer = ({
     );
   }
   if (error) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx10(
       "div",
       {
         style: {
@@ -3307,15 +2524,15 @@ var AnalogSimulationViewer = ({
           ...containerStyle
         },
         className,
-        children: /* @__PURE__ */ jsxs9("div", { style: { textAlign: "center", padding: "20px" }, children: [
-          /* @__PURE__ */ jsx14("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "Circuit Conversion Error" }),
-          /* @__PURE__ */ jsx14("div", { style: { fontSize: "14px" }, children: error })
+        children: /* @__PURE__ */ jsxs7("div", { style: { textAlign: "center", padding: "20px" }, children: [
+          /* @__PURE__ */ jsx10("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "Circuit Conversion Error" }),
+          /* @__PURE__ */ jsx10("div", { style: { fontSize: "14px" }, children: error })
         ] })
       }
     );
   }
   if (!simulationSvg) {
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs7(
       "div",
       {
         style: {
@@ -3331,11 +2548,11 @@ var AnalogSimulationViewer = ({
         },
         className,
         children: [
-          /* @__PURE__ */ jsx14("div", { style: { fontSize: "16px", color: "#475569", fontWeight: 500 }, children: "No Simulation Found" }),
-          /* @__PURE__ */ jsxs9("div", { style: { fontSize: "14px", color: "#64748b" }, children: [
+          /* @__PURE__ */ jsx10("div", { style: { fontSize: "16px", color: "#475569", fontWeight: 500 }, children: "No Simulation Found" }),
+          /* @__PURE__ */ jsxs7("div", { style: { fontSize: "14px", color: "#64748b" }, children: [
             "Use",
             " ",
-            /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx10(
               "code",
               {
                 style: {
@@ -3355,7 +2572,7 @@ var AnalogSimulationViewer = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       ref: (node) => {
@@ -3373,7 +2590,7 @@ var AnalogSimulationViewer = ({
       className,
       onMouseDown: handleMouseDown,
       onTouchStart: handleTouchStart,
-      children: svgObjectUrl ? /* @__PURE__ */ jsx14(
+      children: svgObjectUrl ? /* @__PURE__ */ jsx10(
         "img",
         {
           ref: imgRef,
@@ -3387,7 +2604,7 @@ var AnalogSimulationViewer = ({
             objectFit: "contain"
           }
         }
-      ) : /* @__PURE__ */ jsx14(
+      ) : /* @__PURE__ */ jsx10(
         "div",
         {
           style: {