@tscircuit/schematic-viewer 2.0.68 → 2.0.70

package/dist/index.js

@@ -2,7 +2,7 @@
 import {
   convertCircuitJsonToSchematicSvg
 } from "circuit-to-svg";
-import { su as su6 } from "@tscircuit/soup-util";
+import { su as su7 } from "@tscircuit/soup-util";
 
 // lib/hooks/useChangeSchematicComponentLocationsInSvg.ts
 import "@tscircuit/soup-util";
@@ -461,6 +461,125 @@ function calculateGroupBounds(components, svg) {
   return bounds;
 }
 
+// lib/hooks/useSchematicNetHover.ts
+import { su as su4 } from "@tscircuit/soup-util";
+import { useEffect as useEffect4 } from "react";
+var FADED_CLASS = "sch-net-faded";
+var TRACE_SELECTOR = "g.trace[data-subcircuit-connectivity-map-key], g.trace-overlays[data-subcircuit-connectivity-map-key]";
+var NET_LABEL_SELECTOR = "[data-schematic-net-label-id]";
+var useSchematicNetHover = ({
+  svgDivRef,
+  circuitJson,
+  circuitJsonKey,
+  enabled
+}) => {
+  useEffect4(() => {
+    const svgDiv = svgDivRef.current;
+    if (!enabled || !svgDiv) return;
+    const { componentIdToKeys, netLabelIdToKey } = buildNetRegistry(circuitJson);
+    let netElements = [];
+    const triggerNetKeys = /* @__PURE__ */ new Map();
+    let hoveredNetKey = null;
+    const collectNetElements = () => {
+      for (const { el } of netElements) el.classList.remove(FADED_CLASS);
+      netElements = [];
+      triggerNetKeys.clear();
+      hoveredNetKey = null;
+      const svg = svgDiv.querySelector("svg");
+      if (!svg) return;
+      for (const el of Array.from(svg.querySelectorAll(TRACE_SELECTOR))) {
+        const key = el.getAttribute("data-subcircuit-connectivity-map-key");
+        const keys = /* @__PURE__ */ new Set();
+        if (key) {
+          keys.add(key);
+          triggerNetKeys.set(el, key);
+        }
+        netElements.push({ el, keys });
+      }
+      for (const el of Array.from(
+        svg.querySelectorAll("g[data-schematic-component-id]")
+      )) {
+        const id = el.getAttribute("data-schematic-component-id");
+        netElements.push({ el, keys: componentIdToKeys.get(id) ?? /* @__PURE__ */ new Set() });
+      }
+      for (const el of Array.from(svg.querySelectorAll(NET_LABEL_SELECTOR))) {
+        const key = netLabelIdToKey.get(
+          el.getAttribute("data-schematic-net-label-id")
+        );
+        const keys = /* @__PURE__ */ new Set();
+        if (key) {
+          keys.add(key);
+          triggerNetKeys.set(el, key);
+        }
+        netElements.push({ el, keys });
+      }
+    };
+    const highlightNet = (key) => {
+      if (key === hoveredNetKey) return;
+      hoveredNetKey = key;
+      for (const { el, keys } of netElements) {
+        el.classList.toggle(FADED_CLASS, key !== null && !keys.has(key));
+      }
+    };
+    const handleMouseOver = (e) => {
+      const target = e.target;
+      if (!(target instanceof Element)) {
+        highlightNet(null);
+        return;
+      }
+      const trigger = target.closest(`${TRACE_SELECTOR}, ${NET_LABEL_SELECTOR}`);
+      if (!trigger) {
+        highlightNet(null);
+        return;
+      }
+      highlightNet(triggerNetKeys.get(trigger) ?? null);
+    };
+    const handleMouseLeave = () => highlightNet(null);
+    collectNetElements();
+    svgDiv.addEventListener("mouseover", handleMouseOver);
+    svgDiv.addEventListener("mouseleave", handleMouseLeave);
+    const observer = new MutationObserver(collectNetElements);
+    observer.observe(svgDiv, { childList: true });
+    return () => {
+      observer.disconnect();
+      svgDiv.removeEventListener("mouseover", handleMouseOver);
+      svgDiv.removeEventListener("mouseleave", handleMouseLeave);
+      for (const { el } of netElements) el.classList.remove(FADED_CLASS);
+    };
+  }, [svgDivRef, circuitJsonKey, enabled]);
+};
+function buildNetRegistry(circuitJson) {
+  const cju = su4(circuitJson);
+  const srcCompToSchComp = /* @__PURE__ */ new Map();
+  for (const c of cju.schematic_component.list()) {
+    if (c.source_component_id) {
+      srcCompToSchComp.set(c.source_component_id, c.schematic_component_id);
+    }
+  }
+  const componentIdToKeys = /* @__PURE__ */ new Map();
+  for (const sourceTrace of cju.source_trace.list()) {
+    const key = sourceTrace.subcircuit_connectivity_map_key;
+    if (!key) continue;
+    for (const portId of sourceTrace.connected_source_port_ids ?? []) {
+      const schCompId = srcCompToSchComp.get(
+        cju.source_port.get(portId)?.source_component_id ?? ""
+      );
+      if (!schCompId) continue;
+      if (!componentIdToKeys.has(schCompId)) {
+        componentIdToKeys.set(schCompId, /* @__PURE__ */ new Set());
+      }
+      componentIdToKeys.get(schCompId).add(key);
+    }
+  }
+  const netLabelIdToKey = /* @__PURE__ */ new Map();
+  for (const label of cju.schematic_net_label.list()) {
+    if (!label.source_net_id) continue;
+    const key = cju.source_net.get(label.source_net_id)?.subcircuit_connectivity_map_key ?? label.source_net_id;
+    netLabelIdToKey.set(label.schematic_net_label_id, key);
+  }
+  return { componentIdToKeys, netLabelIdToKey };
+}
+
 // lib/utils/debug.ts
 import Debug from "debug";
 var debug = Debug("schematic-viewer");
@@ -470,7 +589,7 @@ var enableDebug = () => {
 var debug_default = debug;
 
 // lib/components/SchematicViewer.tsx
-import { useCallback as useCallback6, useEffect as useEffect12, 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,
@@ -479,11 +598,11 @@ import {
 import { useMouseMatrixTransform } from "use-mouse-matrix-transform";
 
 // lib/hooks/use-resize-handling.ts
-import { useEffect as useEffect4, useState } from "react";
+import { useEffect as useEffect5, useState } from "react";
 var useResizeHandling = (containerRef) => {
   const [containerWidth, setContainerWidth] = useState(0);
   const [containerHeight, setContainerHeight] = useState(0);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!containerRef.current) return;
     const updateDimensions = () => {
       const rect = containerRef.current?.getBoundingClientRect();
@@ -503,8 +622,8 @@ var useResizeHandling = (containerRef) => {
 };
 
 // lib/hooks/useComponentDragging.ts
-import { su as su4 } from "@tscircuit/soup-util";
-import { useCallback, useEffect as useEffect5, useRef as useRef3, useState as useState2 } from "react";
+import { su as su5 } from "@tscircuit/soup-util";
+import { useCallback, useEffect as useEffect6, useRef as useRef3, useState as useState2 } from "react";
 import { compose as compose2 } from "transformation-matrix";
 var debug2 = debug_default.extend("useComponentDragging");
 var useComponentDragging = ({
@@ -527,7 +646,7 @@ var useComponentDragging = ({
   const componentPositionsRef = useRef3(
     /* @__PURE__ */ new Map()
   );
-  useEffect5(() => {
+  useEffect6(() => {
     editEvents.forEach((event) => {
       if ("edit_event_type" in event && event.edit_event_type === "edit_schematic_component_location" && !event.in_progress) {
         componentPositionsRef.current.set(event.schematic_component_id, {
@@ -548,7 +667,7 @@ var useComponentDragging = ({
       );
       if (!schematic_component_id) return false;
       if (cancelDrag) cancelDrag();
-      const schematic_component = su4(circuitJson).schematic_component.get(
+      const schematic_component = su5(circuitJson).schematic_component.get(
         schematic_component_id
       );
       if (!schematic_component) return false;
@@ -664,7 +783,7 @@ var useComponentDragging = ({
   }, [onEditEvent]);
   const handleMouseUp = useCallback(() => endDrag(), [endDrag]);
   const handleTouchEnd = useCallback(() => endDrag(), [endDrag]);
-  useEffect5(() => {
+  useEffect6(() => {
     window.addEventListener("mousemove", handleMouseMove);
     window.addEventListener("mouseup", handleMouseUp);
     window.addEventListener("touchmove", handleTouchMove, { passive: false });
@@ -688,7 +807,6 @@ var useComponentDragging = ({
 var zIndexMap = {
   schematicEditIcon: 50,
   schematicGridIcon: 49,
-  spiceSimulationIcon: 50,
   viewMenuIcon: 48,
   viewMenu: 55,
   viewMenuBackdrop: 54,
@@ -796,22 +914,20 @@ var GridIcon = ({
 
 // lib/components/ViewMenu.tsx
 import { useMemo } from "react";
-import { su as su5 } from "@tscircuit/soup-util";
+import { su as su6 } from "@tscircuit/soup-util";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 
 // package.json
 var package_default = {
   name: "@tscircuit/schematic-viewer",
-  version: "2.0.67",
+  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 ."
   },
@@ -824,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",
@@ -832,21 +947,18 @@ var package_default = {
     "react-dom": "^19.1.0",
     "react-reconciler": "^0.31.0",
     semver: "^7.7.2",
-    tscircuit: "^0.0.1972",
+    tscircuit: "^0.0.2012",
     tsup: "^8.3.5",
     vite: "^6.0.3"
   },
   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"
   }
 };
@@ -976,13 +1088,13 @@ var ViewMenu = ({
   const hasGroups = useMemo(() => {
     if (!circuitJson || circuitJson.length === 0) return false;
     try {
-      const sourceGroups = su5(circuitJson).source_group?.list() || [];
+      const sourceGroups = su6(circuitJson).source_group?.list() || [];
       if (sourceGroups.length > 0) return true;
-      const schematicComponents = su5(circuitJson).schematic_component?.list() || [];
+      const schematicComponents = su6(circuitJson).schematic_component?.list() || [];
       if (schematicComponents.length > 1) {
         const componentTypes = /* @__PURE__ */ new Set();
         for (const comp of schematicComponents) {
-          const sourceComp = su5(circuitJson).source_component.get(
+          const sourceComp = su6(circuitJson).source_component.get(
             comp.source_component_id
           );
           if (sourceComp?.ftype) {
@@ -1062,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 useEffect6, 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)
-  );
-  useEffect6(() => {
-    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 useEffect7 } 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);
-  useEffect7(() => {
-    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 = {
@@ -1812,11 +1217,11 @@ import {
   createContext,
   useCallback as useCallback3,
   useContext,
-  useEffect as useEffect8,
-  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) => {
@@ -1827,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,
@@ -1896,7 +1301,7 @@ var MouseTracker = ({ children }) => {
   const isHovering = useCallback3((id) => {
     return storeRef.current.hoveringIds.has(id);
   }, []);
-  useEffect8(() => {
+  useEffect7(() => {
     const handlePointerPosition = (event) => {
       const { clientX, clientY } = event;
       const pointer = storeRef.current.pointer;
@@ -1964,7 +1369,7 @@ var MouseTracker = ({ children }) => {
       window.removeEventListener("click", handleClick);
     };
   }, [updateHovering]);
-  const value = useMemo3(
+  const value = useMemo2(
     () => ({
       registerBoundingBox,
       updateBoundingBox,
@@ -1980,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 useEffect10, 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 useEffect9,
+  useEffect as useEffect8,
   useId,
-  useMemo as useMemo4,
+  useMemo as useMemo3,
   useRef as useRef5,
   useSyncExternalStore
 } from "react";
@@ -2005,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);
     },
     []
   );
-  useEffect9(() => {
+  useEffect8(() => {
     context.registerBoundingBox(id, {
       bounds: latestOptionsRef.current.bounds,
       onClick: latestOptionsRef.current.onClick ? handleClick : void 0
@@ -2020,7 +1425,7 @@ var useMouseEventsOverBoundingBox = (options) => {
       context.unregisterBoundingBox(id);
     };
   }, [context, handleClick, id]);
-  useEffect9(() => {
+  useEffect8(() => {
     context.updateBoundingBox(id, {
       bounds: latestOptionsRef.current.bounds,
       onClick: latestOptionsRef.current.onClick ? handleClick : void 0
@@ -2044,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;
@@ -2059,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;
@@ -2100,10 +1505,10 @@ var SchematicComponentMouseTarget = ({
     if (frameRef.current !== null) return;
     frameRef.current = window.requestAnimationFrame(measure);
   }, [measure]);
-  useEffect10(() => {
+  useEffect9(() => {
     scheduleMeasure();
   }, [scheduleMeasure, circuitJsonKey]);
-  useEffect10(() => {
+  useEffect9(() => {
     scheduleMeasure();
     const svgDiv = svgDivRef.current;
     const container = containerRef.current;
@@ -2148,7 +1553,7 @@ var SchematicComponentMouseTarget = ({
     bounds,
     onClick: onComponentClick ? handleClick : void 0
   });
-  useEffect10(() => {
+  useEffect9(() => {
     if (onHoverChange) {
       onHoverChange(componentId, hovering);
     }
@@ -2157,7 +1562,7 @@ var SchematicComponentMouseTarget = ({
     return null;
   }
   const rect = measurement.rect;
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       style: {
@@ -2175,8 +1580,8 @@ var SchematicComponentMouseTarget = ({
 };
 
 // lib/components/SchematicPortMouseTarget.tsx
-import { useCallback as useCallback5, useEffect as useEffect11, 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;
@@ -2192,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;
@@ -2234,10 +1639,10 @@ var SchematicPortMouseTarget = ({
     if (frameRef.current !== null) return;
     frameRef.current = window.requestAnimationFrame(measure);
   }, [measure]);
-  useEffect11(() => {
+  useEffect10(() => {
     scheduleMeasure();
   }, [scheduleMeasure, circuitJsonKey]);
-  useEffect11(() => {
+  useEffect10(() => {
     scheduleMeasure();
     const svgDiv = svgDivRef.current;
     const container = containerRef.current;
@@ -2282,7 +1687,7 @@ var SchematicPortMouseTarget = ({
     bounds,
     onClick: onPortClick ? handleClick : void 0
   });
-  useEffect11(() => {
+  useEffect10(() => {
     if (onHoverChange) {
       onHoverChange(portId, hovering);
     }
@@ -2291,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: {
@@ -2310,7 +1715,7 @@ var SchematicPortMouseTarget = ({
         }
       }
     ),
-    hovering && portLabel && /* @__PURE__ */ jsx11(
+    hovering && portLabel && /* @__PURE__ */ jsx7(
       "div",
       {
         style: {
@@ -2335,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",
@@ -2387,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",
@@ -2399,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,
@@ -2416,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 = ({
@@ -2424,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",
@@ -2460,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,
@@ -2476,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",
@@ -2488,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
@@ -2502,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,
@@ -2514,8 +1919,8 @@ var SchematicViewer = ({
   debug: debug3 = false,
   clickToInteractEnabled = false,
   colorOverrides,
-  spiceSimulationEnabled = false,
   disableGroups = false,
+  netHoverHighlightEnabled = true,
   onSchematicComponentClicked,
   showSchematicPorts = false,
   onSchematicPortClicked,
@@ -2526,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) {
@@ -2552,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)) {
@@ -2561,7 +1957,7 @@ var SchematicViewer = ({
       return defaultSheetId;
     }
   );
-  useEffect12(() => {
+  useEffect11(() => {
     const stillExists = selectedSheetId !== void 0 && schematicSheets.some((s) => s.schematic_sheet_id === selectedSheetId);
     if (!stillExists) {
       setSelectedSheetId(defaultSheetId);
@@ -2576,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);
-  useEffect12(() => {
-    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) => {
@@ -2625,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) => {
@@ -2640,9 +2012,9 @@ var SchematicViewer = ({
   );
   const svgDivRef = useRef8(null);
   const touchStartRef = useRef8(null);
-  const schematicComponentIds = useMemo5(() => {
+  const schematicComponentIds = useMemo4(() => {
     try {
-      const components = su6(circuitJson).schematic_component?.list() ?? [];
+      const components = su7(circuitJson).schematic_component?.list() ?? [];
       return components.filter(
         (component) => !activeSheetId || component.schematic_sheet_id === activeSheetId
       ).map((component) => component.schematic_component_id);
@@ -2651,15 +2023,15 @@ var SchematicViewer = ({
       return [];
     }
   }, [circuitJsonKey, circuitJson, activeSheetId]);
-  const schematicPortsInfo = useMemo5(() => {
+  const schematicPortsInfo = useMemo4(() => {
     if (!showSchematicPorts) return [];
     try {
-      const ports = (su6(circuitJson).schematic_port?.list() ?? []).filter(
+      const ports = (su7(circuitJson).schematic_port?.list() ?? []).filter(
         (port) => !activeSheetId || port.schematic_sheet_id === activeSheetId
       );
       return ports.map((port) => {
-        const sourcePort = su6(circuitJson).source_port.get(port.source_port_id);
-        const sourceComponent = sourcePort?.source_component_id ? su6(circuitJson).source_component.get(sourcePort.source_component_id) : null;
+        const sourcePort = su7(circuitJson).source_port.get(port.source_port_id);
+        const sourceComponent = sourcePort?.source_component_id ? su7(circuitJson).source_component.get(sourcePort.source_component_id) : null;
         const componentName = sourceComponent?.name ?? "?";
         const pinLabel = port.display_pin_label ?? sourcePort?.pin_number ?? sourcePort?.name ?? "?";
         return {
@@ -2691,9 +2063,9 @@ var SchematicViewer = ({
     }
     touchStartRef.current = null;
   };
-  const [internalEditEvents, setInternalEditEvents] = useState8([]);
+  const [internalEditEvents, setInternalEditEvents] = useState6([]);
   const circuitJsonRef = useRef8(circuitJson);
-  useEffect12(() => {
+  useEffect11(() => {
     const circuitHash = getCircuitHash(circuitJson);
     const circuitHashRef = getCircuitHash(circuitJsonRef.current);
     if (circuitHash !== circuitHashRef) {
@@ -2711,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,
@@ -2737,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="([^"]+)"/
@@ -2761,7 +2133,7 @@ var SchematicViewer = ({
       onEditEvent(event);
     }
   };
-  const editEventsWithUnappliedEditEvents = useMemo5(() => {
+  const editEventsWithUnappliedEditEvents = useMemo4(() => {
     return [...unappliedEditEvents, ...internalEditEvents];
   }, [unappliedEditEvents, internalEditEvents]);
   const {
@@ -2776,7 +2148,7 @@ var SchematicViewer = ({
     svgToScreenProjection,
     circuitJson,
     editEvents: editEventsWithUnappliedEditEvents,
-    enabled: editModeEnabled && isInteractionEnabled && !showSpiceOverlay,
+    enabled: editModeEnabled && isInteractionEnabled,
     snapToGrid
   });
   useChangeSchematicComponentLocationsInSvg({
@@ -2798,12 +2170,18 @@ var SchematicViewer = ({
     circuitJsonKey: `${circuitJsonKey}_${activeSheetId ?? ""}`,
     showGroups: showSchematicGroups && !disableGroups
   });
+  useSchematicNetHover({
+    svgDivRef,
+    circuitJson,
+    circuitJsonKey: `${circuitJsonKey}_${activeSheetId ?? ""}`,
+    enabled: netHoverHighlightEnabled
+  });
   const handleComponentTouchStartRef = useRef8(handleComponentTouchStart);
-  useEffect12(() => {
+  useEffect11(() => {
     handleComponentTouchStartRef.current = handleComponentTouchStart;
   }, [handleComponentTouchStart]);
-  const svgDiv = useMemo5(
-    () => /* @__PURE__ */ jsx13(
+  const svgDiv = useMemo4(
+    () => /* @__PURE__ */ jsx9(
       "div",
       {
         ref: svgDivRef,
@@ -2813,25 +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: [
-    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(
+  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__ */ 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,
@@ -2839,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();
@@ -2863,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) => {
@@ -2891,7 +2254,7 @@ var SchematicViewer = ({
                 pointerEvents: "all",
                 touchAction: "pan-x pan-y pinch-zoom"
               },
-              children: /* @__PURE__ */ jsx13(
+              children: /* @__PURE__ */ jsx9(
                 "div",
                 {
                   style: {
@@ -2908,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,
@@ -2940,7 +2303,7 @@ var SchematicViewer = ({
               onToggleGrid: setShowGridInternal
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx9(
             SchematicSheetSelector,
             {
               sheets: schematicSheets,
@@ -2948,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,
@@ -2985,7 +2330,7 @@ var SchematicViewer = ({
             componentId
           )),
           svgDiv,
-          showSchematicPorts && schematicPortsInfo.map(({ portId, label }) => /* @__PURE__ */ jsx13(
+          showSchematicPorts && schematicPortsInfo.map(({ portId, label }) => /* @__PURE__ */ jsx9(
             SchematicPortMouseTarget,
             {
               portId,
@@ -3014,10 +2359,10 @@ var SchematicViewer = ({
 import {
   convertCircuitJsonToSchematicSimulationSvg
 } from "circuit-to-svg";
-import { useEffect as useEffect13, 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 = ({
@@ -3028,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,
@@ -3052,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;
-  useEffect13(() => {
+  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 {
@@ -3099,7 +2444,7 @@ var AnalogSimulationViewer = ({
     simulationCurrentGraphIds,
     simulationVoltageGraphIds
   ]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!simulationSvg) {
       setSvgObjectUrl(null);
       return;
@@ -3116,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
@@ -3129,7 +2474,7 @@ var AnalogSimulationViewer = ({
   const handleTouchStart = (_e) => {
     setIsDragging(true);
   };
-  useEffect13(() => {
+  useEffect12(() => {
     const handleMouseUp = () => {
       setIsDragging(false);
     };
@@ -3144,7 +2489,7 @@ var AnalogSimulationViewer = ({
     };
   }, []);
   if (isLoading) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx10(
       "div",
       {
         style: {
@@ -3164,7 +2509,7 @@ var AnalogSimulationViewer = ({
     );
   }
   if (error) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx10(
       "div",
       {
         style: {
@@ -3179,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: {
@@ -3203,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: {
@@ -3227,7 +2572,7 @@ var AnalogSimulationViewer = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       ref: (node) => {
@@ -3245,7 +2590,7 @@ var AnalogSimulationViewer = ({
       className,
       onMouseDown: handleMouseDown,
       onTouchStart: handleTouchStart,
-      children: svgObjectUrl ? /* @__PURE__ */ jsx14(
+      children: svgObjectUrl ? /* @__PURE__ */ jsx10(
         "img",
         {
           ref: imgRef,
@@ -3259,7 +2604,7 @@ var AnalogSimulationViewer = ({
             objectFit: "contain"
           }
         }
-      ) : /* @__PURE__ */ jsx14(
+      ) : /* @__PURE__ */ jsx10(
         "div",
         {
           style: {