@tscircuit/runframe 0.0.1869 → 0.0.1870

package/dist/{chunk-PJGL4TPO.js → chunk-FXKR2O63.js}

@@ -83,7 +83,7 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { CadViewer } from "@tscircuit/3d-viewer";
-import { useCallback as useCallback9, useEffect as useEffect15, useState as useState22, useMemo as useMemo10 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect16, useState as useState23, useMemo as useMemo10 } from "react";
 
 // lib/components/ErrorFallback.tsx
 import "react";
@@ -1121,8 +1121,12 @@ var CircuitJsonTableViewer = ({
   ] });
 };
 
-// lib/components/BomTable.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+// lib/components/BomTable/BomTable.tsx
+import { convertCircuitJsonToBomRows } from "circuit-json-to-bom-csv";
+import { useEffect as useEffect2, useState as useState3 } from "react";
+
+// lib/components/BomTable/bom-table.columns.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
 var linkify = (supplier, partNumber) => {
   if (supplier === "jlcpcb") {
     return /* @__PURE__ */ jsx12(
@@ -1138,30 +1142,117 @@ var linkify = (supplier, partNumber) => {
   }
   return partNumber;
 };
+var formatManufacturerMpnPairs = (pairs) => pairs?.map(({ manufacturer, mpn }) => `${manufacturer}: ${mpn}`).join(", ");
+var getBomMetadata = (rows) => {
+  const extraColumns = /* @__PURE__ */ new Set();
+  let hasSupplierColumn = false;
+  let hasManufacturerColumn = false;
+  for (const row of rows) {
+    if (row.supplier_part_number_columns?.["JLCPCB Part #"] !== void 0) {
+      hasSupplierColumn = true;
+    }
+    for (const extraColumnName of Object.keys(row.extra_columns ?? {})) {
+      extraColumns.add(extraColumnName);
+    }
+    if ((row.manufacturer_mpn_pairs?.length ?? 0) > 0) {
+      hasManufacturerColumn = true;
+    }
+  }
+  return {
+    extraColumnNames: [...extraColumns],
+    hasSupplierColumn,
+    hasManufacturerColumn
+  };
+};
+var getBomCellDescriptors = (bomMetadata) => {
+  const bomCellDescriptors = [
+    {
+      key: "designator",
+      label: "Designator",
+      getCell: (row) => row.designator
+    },
+    {
+      key: "comment",
+      label: "Comment",
+      getCell: (row) => row.comment
+    },
+    {
+      key: "value",
+      label: "Component Value",
+      getCell: (row) => row.value
+    },
+    {
+      key: "footprint",
+      label: "Footprint",
+      getCell: (row) => row.footprint
+    }
+  ];
+  if (bomMetadata.hasSupplierColumn) {
+    bomCellDescriptors.push({
+      key: "supplier:JLCPCB Part #",
+      label: "JLCPCB Part #",
+      getCell: (row) => {
+        const partNumber = row.supplier_part_number_columns?.["JLCPCB Part #"];
+        return partNumber ? linkify("jlcpcb", partNumber) : "";
+      }
+    });
+  }
+  if (bomMetadata.hasManufacturerColumn) {
+    bomCellDescriptors.push({
+      key: "manufacturer_mpn_pairs",
+      label: "Manufacturer / MPN",
+      getCell: (row) => formatManufacturerMpnPairs(row.manufacturer_mpn_pairs)
+    });
+  }
+  for (const extraColumnName of bomMetadata.extraColumnNames) {
+    bomCellDescriptors.push({
+      key: `extra:${extraColumnName}`,
+      label: extraColumnName,
+      getCell: (row) => row.extra_columns?.[extraColumnName] || ""
+    });
+  }
+  return bomCellDescriptors;
+};
+
+// lib/components/BomTable/BomTable.tsx
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var BomTable = ({ circuitJson }) => {
-  const sourceComponents = circuitJson.filter(
-    (el) => el.type === "source_component"
-  );
-  const supplierColumns = /* @__PURE__ */ new Set();
-  for (const comp of sourceComponents) {
-    if (comp.supplier_part_numbers) {
-      for (const supplier of Object.keys(comp.supplier_part_numbers)) {
-        supplierColumns.add(supplier);
+  const [rows, setRows] = useState3(null);
+  const [error, setError] = useState3(null);
+  useEffect2(() => {
+    let cancelled = false;
+    const loadBomTable = async () => {
+      try {
+        setError(null);
+        setRows(null);
+        const bomRows = await convertCircuitJsonToBomRows({
+          circuitJson
+        });
+        if (!cancelled) {
+          setRows(bomRows);
+        }
+      } catch (err) {
+        if (!cancelled) {
+          setError(err instanceof Error ? err.message : "Unknown BOM error");
+        }
       }
-    }
+    };
+    void loadBomTable();
+    return () => {
+      cancelled = true;
+    };
+  }, [circuitJson]);
+  if (error) {
+    throw new Error(error);
   }
-  return /* @__PURE__ */ jsx12("div", { className: "rf-overflow-x-auto", children: /* @__PURE__ */ jsxs9("table", { className: "rf-w-full rf-text-left rf-text-sm", children: [
-    /* @__PURE__ */ jsx12("thead", { children: /* @__PURE__ */ jsxs9("tr", { className: "rf-border-b", children: [
-      /* @__PURE__ */ jsx12("th", { className: "rf-p-2", children: "Name" }),
-      Array.from(supplierColumns).map((supplier) => /* @__PURE__ */ jsx12("th", { className: "rf-p-2 rf-capitalize", children: supplier }, supplier))
-    ] }) }),
-    /* @__PURE__ */ jsx12("tbody", { children: sourceComponents.map((comp) => /* @__PURE__ */ jsxs9("tr", { className: "rf-border-b", children: [
-      /* @__PURE__ */ jsx12("td", { className: "rf-p-2", children: comp.name }),
-      Array.from(supplierColumns).map((supplier) => /* @__PURE__ */ jsx12("td", { className: "rf-p-2", children: linkify(
-        supplier,
-        comp.supplier_part_numbers?.[supplier]?.[0] || ""
-      ) }, supplier))
-    ] }, comp.source_component_id)) })
+  const bomMetadata = getBomMetadata(rows ?? []);
+  const bomCellDescriptors = getBomCellDescriptors(bomMetadata);
+  if (!rows) {
+    return /* @__PURE__ */ jsx13("div", { className: "rf-p-4 rf-text-sm rf-text-muted-foreground", children: "Loading BOM..." });
+  }
+  return /* @__PURE__ */ jsx13("div", { className: "rf-overflow-x-auto", children: /* @__PURE__ */ jsxs9("table", { className: "rf-w-full rf-text-left rf-text-sm", children: [
+    /* @__PURE__ */ jsx13("thead", { children: /* @__PURE__ */ jsx13("tr", { className: "rf-border-b", children: bomCellDescriptors.map((bomCellDescriptor) => /* @__PURE__ */ jsx13("th", { className: "rf-p-2", children: bomCellDescriptor.label }, bomCellDescriptor.key)) }) }),
+    /* @__PURE__ */ jsx13("tbody", { children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx13("tr", { className: "rf-border-b", children: bomCellDescriptors.map((bomCellDescriptor) => /* @__PURE__ */ jsx13("td", { className: "rf-p-2", children: bomCellDescriptor.getCell(row) }, bomCellDescriptor.key)) }, row.designator || `${rowIndex}`)) })
   ] }) });
 };
 
@@ -1179,10 +1270,10 @@ import {
 
 // lib/components/ui/input.tsx
 import * as React5 from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var Input = React5.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       "input",
       {
         type,
@@ -1199,15 +1290,15 @@ var Input = React5.forwardRef(
 Input.displayName = "Input";
 
 // lib/components/PcbViewerWithContainerHeight.tsx
-import { useRef, useState as useState3, useLayoutEffect } from "react";
+import { useRef, useState as useState4, useLayoutEffect } from "react";
 import { PCBViewer } from "@tscircuit/pcb-viewer";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var PcbViewerWithContainerHeight = ({
   containerClassName,
   ...props
 }) => {
   const containerRef = useRef(null);
-  const [computedHeight, setComputedHeight] = useState3(620);
+  const [computedHeight, setComputedHeight] = useState4(620);
   useLayoutEffect(() => {
     const updateHeight = () => {
       if (containerRef.current) {
@@ -1229,25 +1320,25 @@ var PcbViewerWithContainerHeight = ({
       window.removeEventListener("resize", updateHeight);
     };
   }, []);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "div",
     {
       ref: containerRef,
       className: containerClassName || "rf-w-full rf-h-full",
-      children: /* @__PURE__ */ jsx14(PCBViewer, { ...props, height: computedHeight })
+      children: /* @__PURE__ */ jsx15(PCBViewer, { ...props, height: computedHeight })
     }
   );
 };
 
 // lib/hooks/use-styles.ts
-import { useEffect as useEffect2 } from "react";
+import { useEffect as useEffect3 } from "react";
 
 // lib/hooks/styles.generated.ts
 var styles_generated_default = '*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--radius:0.5rem}.rf-pointer-events-none{pointer-events:none}.rf-invisible{visibility:hidden}.rf-fixed{position:fixed}.rf-absolute{position:absolute}.rf-relative{position:relative}.rf-inset-0{inset:0}.-rf-left-2{left:-.5rem}.-rf-right-10{right:-2.5rem}.-rf-right-2{right:-.5rem}.-rf-right-4{right:-1rem}.-rf-right-6{right:-1.5rem}.-rf-right-7{right:-1.75rem}.-rf-right-8{right:-2rem}.-rf-right-9{right:-2.25rem}.rf-bottom-full{bottom:100%}.rf-left-0{left:0}.rf-left-1{left:.25rem}.rf-left-1\\/2{left:50%}.rf-left-2{left:.5rem}.rf-left-\\[50\\%\\]{left:50%}.rf-right-0{right:0}.rf-right-1{right:.25rem}.rf-right-4{right:1rem}.rf-right-\\[4px\\]{right:4px}.rf-top-0{top:0}.rf-top-1{top:.25rem}.rf-top-2{top:.5rem}.rf-top-2\\.5{top:.625rem}.rf-top-\\[50\\%\\]{top:50%}.rf-top-\\[6px\\]{top:6px}.\\!rf-z-\\[101\\]{z-index:101!important}.\\!rf-z-\\[200\\]{z-index:200!important}.rf-z-10{z-index:10}.rf-z-50{z-index:50}.rf-z-\\[100\\]{z-index:100}.rf-z-\\[101\\]{z-index:101}.rf-z-\\[104\\]{z-index:104}.rf-order-1{order:1}.rf-order-2{order:2}.rf-order-3{order:3}.rf-m-0{margin:0}.rf-m-1{margin:.25rem}.rf-m-6{margin:1.5rem}.-rf-mx-1,.rf--mx-1{margin-left:-.25rem;margin-right:-.25rem}.rf-mx-1{margin-left:.25rem;margin-right:.25rem}.rf-mx-2{margin-left:.5rem;margin-right:.5rem}.rf-mx-4{margin-left:1rem;margin-right:1rem}.rf-mx-auto{margin-left:auto;margin-right:auto}.rf-my-1{margin-bottom:.25rem;margin-top:.25rem}.rf-my-12{margin-bottom:3rem;margin-top:3rem}.rf-my-4{margin-bottom:1rem;margin-top:1rem}.rf-my-auto{margin-bottom:auto;margin-top:auto}.rf-mb-0{margin-bottom:0}.rf-mb-0\\.5{margin-bottom:.125rem}.rf-mb-1{margin-bottom:.25rem}.rf-mb-12{margin-bottom:3rem}.rf-mb-2{margin-bottom:.5rem}.rf-mb-3{margin-bottom:.75rem}.rf-mb-4{margin-bottom:1rem}.rf-mb-6{margin-bottom:1.5rem}.rf-mb-8{margin-bottom:2rem}.rf-ml-1{margin-left:.25rem}.rf-ml-2{margin-left:.5rem}.rf-ml-6{margin-left:1.5rem}.rf-ml-auto{margin-left:auto}.rf-mr-1{margin-right:.25rem}.rf-mr-2{margin-right:.5rem}.rf-mr-4{margin-right:1rem}.rf-mt-0{margin-top:0}.rf-mt-0\\.5{margin-top:.125rem}.rf-mt-1{margin-top:.25rem}.rf-mt-2{margin-top:.5rem}.rf-mt-3{margin-top:.75rem}.rf-mt-4{margin-top:1rem}.rf-mt-5{margin-top:1.25rem}.rf-mt-auto{margin-top:auto}.rf-block{display:block}.rf-inline-block{display:inline-block}.rf-inline{display:inline}.rf-flex{display:flex}.rf-inline-flex{display:inline-flex}.rf-grid{display:grid}.rf-hidden{display:none}.rf-aspect-square{aspect-ratio:1/1}.rf-aspect-video{aspect-ratio:16/9}.rf-size-14{height:3.5rem;width:3.5rem}.rf-size-2{height:.5rem;width:.5rem}.rf-size-3{height:.75rem;width:.75rem}.rf-size-4{height:1rem;width:1rem}.\\!rf-h-2{height:.5rem!important}.\\!rf-h-2\\.5{height:.625rem!important}.\\!rf-h-3{height:.75rem!important}.\\!rf-h-full{height:100%!important}.rf-h-1{height:.25rem}.rf-h-10{height:2.5rem}.rf-h-12{height:3rem}.rf-h-2{height:.5rem}.rf-h-2\\.5{height:.625rem}.rf-h-20{height:5rem}.rf-h-24{height:6rem}.rf-h-3{height:.75rem}.rf-h-3\\.5{height:.875rem}.rf-h-4{height:1rem}.rf-h-5{height:1.25rem}.rf-h-6{height:1.5rem}.rf-h-60{height:15rem}.rf-h-64{height:16rem}.rf-h-7{height:1.75rem}.rf-h-8{height:2rem}.rf-h-9{height:2.25rem}.rf-h-\\[400px\\]{height:400px}.rf-h-\\[calc\\(100vh-52px\\)\\]{height:calc(100vh - 52px)}.rf-h-\\[calc\\(100vh-60px\\)\\]{height:calc(100vh - 60px)}.rf-h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.rf-h-auto{height:auto}.rf-h-fit{height:-moz-fit-content;height:fit-content}.rf-h-full{height:100%}.rf-h-px{height:1px}.rf-h-screen{height:100vh}.\\!rf-max-h-\\[40vh\\]{max-height:40vh!important}.\\!rf-max-h-\\[80vh\\]{max-height:80vh!important}.rf-max-h-16{max-height:4rem}.rf-max-h-20{max-height:5rem}.rf-max-h-24{max-height:6rem}.rf-max-h-28{max-height:7rem}.rf-max-h-32{max-height:8rem}.rf-max-h-96{max-height:24rem}.rf-max-h-\\[120px\\]{max-height:120px}.rf-max-h-\\[150px\\]{max-height:150px}.rf-max-h-\\[200px\\]{max-height:200px}.rf-max-h-\\[300px\\]{max-height:300px}.rf-max-h-\\[90vh\\]{max-height:90vh}.rf-max-h-full{max-height:100%}.rf-max-h-none{max-height:none}.rf-min-h-0{min-height:0}.rf-min-h-\\[100px\\]{min-height:100px}.rf-min-h-\\[200px\\]{min-height:200px}.rf-min-h-\\[300px\\]{min-height:300px}.rf-min-h-\\[620px\\]{min-height:620px}.rf-min-h-\\[calc\\(100vh-240px\\)\\]{min-height:calc(100vh - 240px)}.rf-min-h-full{min-height:100%}.\\!rf-w-2{width:.5rem!important}.\\!rf-w-2\\.5{width:.625rem!important}.\\!rf-w-\\[95vw\\]{width:95vw!important}.rf-w-1{width:.25rem}.rf-w-10{width:2.5rem}.rf-w-11{width:2.75rem}.rf-w-11\\/12{width:91.666667%}.rf-w-12{width:3rem}.rf-w-16{width:4rem}.rf-w-2{width:.5rem}.rf-w-2\\.5{width:.625rem}.rf-w-20{width:5rem}.rf-w-24{width:6rem}.rf-w-28{width:7rem}.rf-w-3{width:.75rem}.rf-w-3\\.5{width:.875rem}.rf-w-32{width:8rem}.rf-w-4{width:1rem}.rf-w-40{width:10rem}.rf-w-48{width:12rem}.rf-w-5{width:1.25rem}.rf-w-6{width:1.5rem}.rf-w-64{width:16rem}.rf-w-72{width:18rem}.rf-w-8{width:2rem}.rf-w-80{width:20rem}.rf-w-9{width:2.25rem}.rf-w-96{width:24rem}.rf-w-fit{width:-moz-fit-content;width:fit-content}.rf-w-full{width:100%}.rf-w-screen{width:100vw}.rf-min-w-0{min-width:0}.rf-min-w-10{min-width:2.5rem}.rf-min-w-16{min-width:4rem}.rf-min-w-32{min-width:8rem}.rf-min-w-80{min-width:20rem}.rf-min-w-96{min-width:24rem}.rf-min-w-\\[12px\\]{min-width:12px}.rf-min-w-\\[148px\\]{min-width:148px}.rf-min-w-\\[600px\\]{min-width:600px}.rf-min-w-\\[8rem\\]{min-width:8rem}.rf-min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.\\!rf-max-w-\\[95vw\\]{max-width:95vw!important}.rf-max-w-2xl{max-width:42rem}.rf-max-w-3xl{max-width:48rem}.rf-max-w-4xl{max-width:56rem}.rf-max-w-5xl{max-width:64rem}.rf-max-w-64{max-width:16rem}.rf-max-w-96{max-width:24rem}.rf-max-w-\\[1000px\\]{max-width:1000px}.rf-max-w-\\[150px\\]{max-width:150px}.rf-max-w-\\[200px\\]{max-width:200px}.rf-max-w-\\[40\\%\\]{max-width:40%}.rf-max-w-\\[600px\\]{max-width:600px}.rf-max-w-full{max-width:100%}.rf-max-w-lg{max-width:32rem}.rf-max-w-md{max-width:28rem}.rf-max-w-none{max-width:none}.rf-max-w-xl{max-width:36rem}.rf-max-w-xs{max-width:20rem}.rf-flex-1{flex:1 1 0%}.rf-flex-shrink-0,.rf-shrink-0{flex-shrink:0}.rf-flex-grow{flex-grow:1}.rf-table-auto{table-layout:auto}.rf-origin-\\[--radix-popover-content-transform-origin\\]{transform-origin:var(--radix-popover-content-transform-origin)}.-rf-translate-x-1{--tw-translate-x:-0.25rem}.-rf-translate-x-1,.-rf-translate-x-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rf-translate-x-1\\/2{--tw-translate-x:-50%}.-rf-translate-y-1{--tw-translate-y:-0.25rem}.-rf-translate-y-1,.rf--translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf--translate-x-1{--tw-translate-x:-0.25rem}.rf--translate-x-1\\/2{--tw-translate-x:-50%}.rf--translate-x-1\\/2,.rf--translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf--translate-y-1{--tw-translate-y:-0.25rem}.rf-translate-x-\\[-50\\%\\]{--tw-translate-x:-50%}.rf-translate-x-\\[-50\\%\\],.rf-translate-y-\\[-50\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf-translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.-rf-rotate-90{--tw-rotate:-90deg}.-rf-rotate-90,.rf-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf-rotate-90{--tw-rotate:90deg}.rf-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes rf-pulse{50%{opacity:.5}}.rf-animate-pulse{animation:rf-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes rf-spin{to{transform:rotate(1turn)}}.rf-animate-spin{animation:rf-spin 1s linear infinite}.rf-cursor-default{cursor:default}.rf-cursor-not-allowed{cursor:not-allowed}.rf-cursor-pointer{cursor:pointer}.rf-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rf-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.rf-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.rf-flex-row{flex-direction:row}.rf-flex-col{flex-direction:column}.rf-flex-col-reverse{flex-direction:column-reverse}.rf-flex-wrap{flex-wrap:wrap}.rf-place-content-center{place-content:center}.rf-place-items-center{place-items:center}.rf-items-start{align-items:flex-start}.rf-items-end{align-items:flex-end}.rf-items-center{align-items:center}.rf-items-baseline{align-items:baseline}.rf-items-stretch{align-items:stretch}.rf-justify-end{justify-content:flex-end}.rf-justify-center{justify-content:center}.rf-justify-between{justify-content:space-between}.rf-gap-0{gap:0}.rf-gap-1{gap:.25rem}.rf-gap-1\\.5{gap:.375rem}.rf-gap-2{gap:.5rem}.rf-gap-3{gap:.75rem}.rf-gap-4{gap:1rem}.rf-gap-5{gap:1.25rem}.rf-gap-6{gap:1.5rem}.rf-gap-8{gap:2rem}.rf-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.rf-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.rf-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.rf-overflow-auto{overflow:auto}.rf-overflow-hidden{overflow:hidden}.rf-overflow-visible{overflow:visible}.rf-overflow-x-auto{overflow-x:auto}.\\!rf-overflow-y-auto{overflow-y:auto!important}.rf-overflow-y-auto{overflow-y:auto}.rf-overflow-x-hidden{overflow-x:hidden}.rf-overflow-x-clip{overflow-x:clip}.rf-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-whitespace-normal{white-space:normal}.rf-whitespace-nowrap{white-space:nowrap}.rf-whitespace-pre-wrap{white-space:pre-wrap}.rf-text-nowrap{text-wrap:nowrap}.rf-break-words{overflow-wrap:break-word}.rf-break-all{word-break:break-all}.rf-rounded{border-radius:.25rem}.rf-rounded-2xl{border-radius:1rem}.rf-rounded-full{border-radius:9999px}.rf-rounded-lg{border-radius:var(--radius)}.rf-rounded-md{border-radius:calc(var(--radius) - 2px)}.rf-rounded-none{border-radius:0}.rf-rounded-sm{border-radius:calc(var(--radius) - 4px)}.rf-rounded-xl{border-radius:.75rem}.rf-border{border-width:1px}.rf-border-0{border-width:0}.rf-border-2{border-width:2px}.rf-border-b{border-bottom-width:1px}.rf-border-l-2{border-left-width:2px}.rf-border-l-4{border-left-width:4px}.rf-border-r{border-right-width:1px}.rf-border-t{border-top-width:1px}.rf-border-none{border-style:none}.rf-border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.rf-border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.rf-border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.rf-border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.rf-border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.rf-border-border{border-color:hsl(var(--border))}.rf-border-emerald-500{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.rf-border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.rf-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.rf-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.rf-border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.rf-border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.rf-border-input{border-color:hsl(var(--input))}.rf-border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.rf-border-orange-100{--tw-border-opacity:1;border-color:rgb(255 237 213/var(--tw-border-opacity,1))}.rf-border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.rf-border-orange-500{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.rf-border-primary{border-color:hsl(var(--primary))}.rf-border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.rf-border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.rf-border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.rf-border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.rf-border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.rf-border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.rf-border-red-700{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity,1))}.rf-border-red-800{--tw-border-opacity:1;border-color:rgb(153 27 27/var(--tw-border-opacity,1))}.rf-border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.rf-border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.rf-border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.rf-border-slate-800\\/60{border-color:rgba(30,41,59,.6)}.rf-border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.rf-border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.rf-border-zinc-900{--tw-border-opacity:1;border-color:rgb(24 24 27/var(--tw-border-opacity,1))}.rf-border-l-blue-500{--tw-border-opacity:1;border-left-color:rgb(59 130 246/var(--tw-border-opacity,1))}.rf-border-t-blue-600{--tw-border-opacity:1;border-top-color:rgb(37 99 235/var(--tw-border-opacity,1))}.rf-bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.rf-bg-amber-50\\/30{background-color:rgba(255,251,235,.3)}.rf-bg-background{background-color:hsl(var(--background))}.rf-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.rf-bg-black\\/80{background-color:rgba(0,0,0,.8)}.rf-bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.rf-bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.rf-bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.rf-bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.rf-bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.rf-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.rf-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.rf-bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.rf-bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.rf-bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.rf-bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.rf-bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.rf-bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.rf-bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.rf-bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.rf-bg-green-300{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity,1))}.rf-bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.rf-bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.rf-bg-muted{background-color:hsl(var(--muted))}.rf-bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.rf-bg-neutral-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.rf-bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1))}.rf-bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.rf-bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.rf-bg-orange-400{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity,1))}.rf-bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.rf-bg-orange-50\\/50{background-color:rgba(255,247,237,.5)}.rf-bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.rf-bg-popover{background-color:hsl(var(--popover))}.rf-bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.rf-bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.rf-bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.rf-bg-red-50\\/50{background-color:hsla(0,86%,97%,.5)}.rf-bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.rf-bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.rf-bg-red-900{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.rf-bg-red-950{--tw-bg-opacity:1;background-color:rgb(69 10 10/var(--tw-bg-opacity,1))}.rf-bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.rf-bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.rf-bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.rf-bg-transparent{background-color:transparent}.rf-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.rf-bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.rf-bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.rf-bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.rf-bg-zinc-200{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity,1))}.rf-bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.rf-bg-zinc-800{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.rf-bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.rf-bg-zinc-950{--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.rf-bg-opacity-50{--tw-bg-opacity:0.5}.rf-bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.rf-from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.rf-from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.rf-from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,197,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.rf-from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,68,68,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.rf-to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.rf-to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.rf-to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)}.rf-to-red-600{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)}.rf-fill-amber-500{fill:#f59e0b}.rf-fill-current{fill:currentColor}.rf-object-contain{-o-object-fit:contain;object-fit:contain}.rf-object-cover{-o-object-fit:cover;object-fit:cover}.\\!rf-p-0{padding:0!important}.rf-p-0{padding:0}.rf-p-1{padding:.25rem}.rf-p-2{padding:.5rem}.rf-p-3{padding:.75rem}.rf-p-4{padding:1rem}.rf-p-5{padding:1.25rem}.rf-p-6{padding:1.5rem}.rf-p-8{padding:2rem}.rf-px-1{padding-left:.25rem;padding-right:.25rem}.rf-px-1\\.5{padding-left:.375rem;padding-right:.375rem}.rf-px-2{padding-left:.5rem;padding-right:.5rem}.rf-px-2\\.5{padding-left:.625rem;padding-right:.625rem}.rf-px-3{padding-left:.75rem;padding-right:.75rem}.rf-px-4{padding-left:1rem;padding-right:1rem}.rf-px-6{padding-left:1.5rem;padding-right:1.5rem}.rf-px-8{padding-left:2rem;padding-right:2rem}.rf-py-0{padding-bottom:0;padding-top:0}.rf-py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.rf-py-1{padding-bottom:.25rem;padding-top:.25rem}.rf-py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.rf-py-10{padding-bottom:2.5rem;padding-top:2.5rem}.rf-py-12{padding-bottom:3rem;padding-top:3rem}.rf-py-2{padding-bottom:.5rem;padding-top:.5rem}.rf-py-3{padding-bottom:.75rem;padding-top:.75rem}.rf-py-4{padding-bottom:1rem;padding-top:1rem}.rf-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.rf-py-8{padding-bottom:2rem;padding-top:2rem}.rf-pb-0{padding-bottom:0}.rf-pb-1{padding-bottom:.25rem}.rf-pb-2{padding-bottom:.5rem}.rf-pb-3{padding-bottom:.75rem}.rf-pb-4{padding-bottom:1rem}.rf-pb-px{padding-bottom:1px}.rf-pl-10{padding-left:2.5rem}.rf-pl-11{padding-left:2.75rem}.rf-pl-12{padding-left:3rem}.rf-pl-2{padding-left:.5rem}.rf-pl-4{padding-left:1rem}.rf-pl-8{padding-left:2rem}.rf-pr-2{padding-right:.5rem}.rf-pt-0{padding-top:0}.rf-pt-1{padding-top:.25rem}.rf-pt-2{padding-top:.5rem}.rf-pt-4{padding-top:1rem}.rf-text-left{text-align:left}.rf-text-center{text-align:center}.rf-text-right{text-align:right}.rf-align-bottom{vertical-align:bottom}.rf-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.rf-font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.rf-text-2xl{font-size:1.5rem;line-height:2rem}.rf-text-3xl{font-size:1.875rem;line-height:2.25rem}.rf-text-\\[10px\\]{font-size:10px}.rf-text-\\[11px\\]{font-size:11px}.rf-text-\\[8px\\]{font-size:8px}.rf-text-base{font-size:1rem;line-height:1.5rem}.rf-text-lg{font-size:1.125rem;line-height:1.75rem}.rf-text-sm{font-size:.875rem;line-height:1.25rem}.rf-text-xl{font-size:1.25rem;line-height:1.75rem}.rf-text-xs{font-size:.75rem;line-height:1rem}.\\!rf-font-normal{font-weight:400!important}.rf-font-bold{font-weight:700}.rf-font-medium{font-weight:500}.rf-font-semibold{font-weight:600}.rf-uppercase{text-transform:uppercase}.rf-capitalize{text-transform:capitalize}.rf-tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.rf-leading-5{line-height:1.25rem}.rf-leading-\\[0\\.95rem\\]{line-height:.95rem}.rf-leading-\\[1rem\\]{line-height:1rem}.rf-leading-none{line-height:1}.rf-leading-relaxed{line-height:1.625}.rf-leading-tight{line-height:1.25}.rf-tracking-wide{letter-spacing:.025em}.rf-tracking-widest{letter-spacing:.1em}.rf-text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.rf-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.rf-text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.rf-text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.rf-text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.rf-text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.rf-text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}.rf-text-current{color:currentColor}.rf-text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.rf-text-foreground{color:hsl(var(--foreground))}.rf-text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.rf-text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.rf-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.rf-text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.rf-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.rf-text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.rf-text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.rf-text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.rf-text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.rf-text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.rf-text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.rf-text-green-900{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.rf-text-muted{color:hsl(var(--muted))}.rf-text-muted-foreground{color:hsl(var(--muted-foreground))}.rf-text-neutral-50{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.rf-text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.rf-text-neutral-900{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.rf-text-neutral-950{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.rf-text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.rf-text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.rf-text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.rf-text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.rf-text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.rf-text-popover-foreground{color:hsl(var(--popover-foreground))}.rf-text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.rf-text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.rf-text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.rf-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.rf-text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.rf-text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.rf-text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.rf-text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.rf-text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.rf-text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.rf-text-slate-50{--tw-text-opacity:1;color:rgb(248 250 252/var(--tw-text-opacity,1))}.rf-text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.rf-text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.rf-text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.rf-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.rf-text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.rf-text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.rf-text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.rf-text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.rf-text-yellow-900{--tw-text-opacity:1;color:rgb(113 63 18/var(--tw-text-opacity,1))}.rf-text-zinc-200{--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.rf-text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.rf-text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.rf-text-zinc-50{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.rf-text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.rf-text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.rf-text-zinc-950{--tw-text-opacity:1;color:rgb(9 9 11/var(--tw-text-opacity,1))}.rf-underline{text-decoration-line:underline}.rf-line-through{text-decoration-line:line-through}.rf-underline-offset-4{text-underline-offset:4px}.rf-opacity-0{opacity:0}.rf-opacity-10{opacity:.1}.rf-opacity-100{opacity:1}.rf-opacity-25{opacity:.25}.rf-opacity-30{opacity:.3}.rf-opacity-50{opacity:.5}.rf-opacity-60{opacity:.6}.rf-opacity-70{opacity:.7}.rf-opacity-75{opacity:.75}.rf-shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.rf-shadow,.rf-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rf-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.rf-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.rf-shadow-md,.rf-shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rf-shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.rf-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.rf-shadow-sm,.rf-shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rf-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.rf-outline-none{outline:2px solid transparent;outline-offset:2px}.rf-ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.rf-ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.rf-ring-primary{--tw-ring-color:hsl(var(--primary))}.rf-ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.rf-ring-offset-white{--tw-ring-offset-color:#fff}.rf-transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-duration-150{transition-duration:.15s}.rf-duration-200{transition-duration:.2s}.rf-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.rf-animate-in{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.rf-fade-in-0{--tw-enter-opacity:0}.rf-zoom-in-95{--tw-enter-scale:.95}.rf-slide-in-from-left-1{--tw-enter-translate-x:-0.25rem}.rf-slide-out-to-left-1{--tw-exit-translate-x:-0.25rem}.rf-duration-150{animation-duration:.15s}.rf-duration-200{animation-duration:.2s}.rf-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.file\\:rf-border-0::file-selector-button{border-width:0}.file\\:rf-bg-transparent::file-selector-button{background-color:transparent}.file\\:rf-text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:rf-font-medium::file-selector-button{font-weight:500}.placeholder\\:rf-text-zinc-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.placeholder\\:rf-text-zinc-500::placeholder{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.hover\\:rf-border-blue-300:hover{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\\:\\!rf-bg-transparent:hover{background-color:transparent!important}.hover\\:rf-bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\\:rf-bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\\:rf-bg-orange-100:hover{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.hover\\:rf-bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\\:rf-bg-red-500\\/90:hover{background-color:rgba(239,68,68,.9)}.hover\\:rf-bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:rf-bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\\:rf-bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\\:rf-bg-zinc-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.hover\\:rf-bg-zinc-100\\/80:hover{background-color:hsla(240,5%,96%,.8)}.hover\\:rf-bg-zinc-900\\/90:hover{background-color:rgba(24,24,27,.9)}.hover\\:rf-text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\\:rf-text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\\:rf-text-red-400:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.hover\\:rf-text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.hover\\:rf-text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\\:rf-text-zinc-900:hover{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.hover\\:rf-underline:hover{text-decoration-line:underline}.focus\\:rf-bg-gray-100:focus{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.focus\\:rf-bg-zinc-100:focus{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.focus\\:rf-text-gray-900:focus{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.focus\\:rf-text-zinc-900:focus{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.focus\\:rf-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:rf-ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\\:rf-ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\\:rf-ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\\:rf-ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\\:rf-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:rf-ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:rf-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:rf-ring-zinc-950:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(9 9 11/var(--tw-ring-opacity,1))}.focus-visible\\:rf-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\\:rf-pointer-events-none:disabled{pointer-events:none}.disabled\\:rf-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:rf-opacity-50:disabled{opacity:.5}.rf-group:hover .group-hover\\:rf-opacity-100,.rf-group\\/bar:hover .group-hover\\/bar\\:rf-opacity-100{opacity:1}.rf-peer:disabled~.peer-disabled\\:rf-cursor-not-allowed{cursor:not-allowed}.rf-peer:disabled~.peer-disabled\\:rf-opacity-70{opacity:.7}.data-\\[disabled\\=true\\]\\:rf-pointer-events-none[data-disabled=true],.data-\\[disabled\\]\\:rf-pointer-events-none[data-disabled]{pointer-events:none}.data-\\[side\\=bottom\\]\\:rf-translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\\[side\\=bottom\\]\\:rf-translate-y-1[data-side=bottom],.data-\\[side\\=left\\]\\:-rf-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=left\\]\\:-rf-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\\[side\\=right\\]\\:rf-translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\\[side\\=right\\]\\:rf-translate-x-1[data-side=right],.data-\\[side\\=top\\]\\:-rf-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=top\\]\\:-rf-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\\[selected\\=true\\]\\:rf-bg-zinc-100[data-selected=true]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.data-\\[state\\=active\\]\\:rf-bg-white[data-state=active]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.data-\\[state\\=checked\\]\\:rf-bg-zinc-900[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.data-\\[state\\=open\\]\\:rf-bg-zinc-100[data-state=open]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.data-\\[selected\\=true\\]\\:rf-text-zinc-900[data-selected=true]{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.data-\\[state\\=active\\]\\:rf-text-zinc-950[data-state=active]{--tw-text-opacity:1;color:rgb(9 9 11/var(--tw-text-opacity,1))}.data-\\[state\\=checked\\]\\:rf-text-zinc-50[data-state=checked]{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.data-\\[disabled\\=true\\]\\:rf-opacity-50[data-disabled=true],.data-\\[disabled\\]\\:rf-opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=active\\]\\:rf-shadow[data-state=active]{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\\[state\\=open\\]\\:rf-animate-in[data-state=open]{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\\[state\\=closed\\]\\:rf-animate-out[data-state=closed]{animation-duration:.15s;animation-name:exit;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\\[state\\=closed\\]\\:rf-fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\\[state\\=open\\]\\:rf-fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\\[state\\=closed\\]\\:rf-zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\\[state\\=open\\]\\:rf-zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\\[side\\=bottom\\]\\:rf-slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\\[side\\=left\\]\\:rf-slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\\[side\\=right\\]\\:rf-slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\\[side\\=top\\]\\:rf-slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\\[state\\=closed\\]\\:rf-slide-out-to-left-1\\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\\[state\\=closed\\]\\:rf-slide-out-to-top-\\[48\\%\\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\\[state\\=open\\]\\:rf-slide-in-from-left-1\\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\\[state\\=open\\]\\:rf-slide-in-from-top-\\[48\\%\\][data-state=open]{--tw-enter-translate-y:-48%}.dark\\:rf-border-zinc-50:is(.rf-dark *){--tw-border-opacity:1;border-color:rgb(250 250 250/var(--tw-border-opacity,1))}.dark\\:rf-border-zinc-800:is(.rf-dark *){--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}.dark\\:rf-bg-gray-700:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\\:rf-bg-gray-800:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\\:rf-bg-red-900:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.dark\\:rf-bg-zinc-50:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.dark\\:rf-bg-zinc-800:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:rf-bg-zinc-950:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.dark\\:rf-text-gray-500:is(.rf-dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\\:rf-text-zinc-400:is(.rf-dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:rf-text-zinc-50:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:rf-text-zinc-900:is(.rf-dark *){--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.dark\\:rf-placeholder-zinc-400:is(.rf-dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(161 161 170/var(--tw-placeholder-opacity,1))}.dark\\:rf-placeholder-zinc-400:is(.rf-dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(161 161 170/var(--tw-placeholder-opacity,1))}.dark\\:rf-ring-offset-zinc-950:is(.rf-dark *){--tw-ring-offset-color:#09090b}.dark\\:placeholder\\:rf-text-zinc-400:is(.rf-dark *)::-moz-placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:placeholder\\:rf-text-zinc-400:is(.rf-dark *)::placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:hover\\:rf-bg-red-900\\/90:hover:is(.rf-dark *){background-color:rgba(127,29,29,.9)}.dark\\:hover\\:rf-bg-zinc-50\\/90:hover:is(.rf-dark *){background-color:hsla(0,0%,98%,.9)}.dark\\:hover\\:rf-bg-zinc-800:hover:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:hover\\:rf-bg-zinc-800\\/80:hover:is(.rf-dark *){background-color:rgba(39,39,42,.8)}.dark\\:hover\\:rf-text-zinc-50:hover:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:focus\\:rf-bg-zinc-800:focus:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:focus\\:rf-text-zinc-50:focus:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:focus-visible\\:rf-ring-zinc-300:focus-visible:is(.rf-dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(212 212 216/var(--tw-ring-opacity,1))}.dark\\:data-\\[selected\\=true\\]\\:rf-bg-zinc-800[data-selected=true]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:data-\\[state\\=active\\]\\:rf-bg-zinc-950[data-state=active]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.dark\\:data-\\[state\\=checked\\]\\:rf-bg-zinc-50[data-state=checked]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.dark\\:data-\\[state\\=open\\]\\:rf-bg-zinc-800[data-state=open]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:data-\\[selected\\=true\\]\\:rf-text-zinc-50[data-selected=true]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:data-\\[state\\=active\\]\\:rf-text-zinc-50[data-state=active]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:data-\\[state\\=checked\\]\\:rf-text-zinc-900[data-state=checked]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\\:rf-order-1{order:1}.sm\\:rf-order-2{order:2}.sm\\:rf-mt-0{margin-top:0}.sm\\:rf-mt-4{margin-top:1rem}.sm\\:rf-block{display:block}.sm\\:rf-inline{display:inline}.sm\\:rf-grid{display:grid}.sm\\:rf-hidden{display:none}.sm\\:rf-h-5{height:1.25rem}.sm\\:rf-w-1\\/2{width:50%}.sm\\:rf-w-5{width:1.25rem}.sm\\:rf-w-\\[90vw\\]{width:90vw}.sm\\:rf-w-auto{width:auto}.sm\\:rf-max-w-\\[500px\\]{max-width:500px}.sm\\:rf-max-w-md{max-width:28rem}.sm\\:rf-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:rf-grid-cols-\\[1fr_auto\\]{grid-template-columns:1fr auto}.sm\\:rf-grid-cols-\\[minmax\\(0\\2c 1fr\\)_auto\\]{grid-template-columns:minmax(0,1fr) auto}.sm\\:rf-flex-row{flex-direction:row}.sm\\:rf-items-center{align-items:center}.sm\\:rf-justify-end{justify-content:flex-end}.sm\\:rf-gap-3{gap:.75rem}.sm\\:rf-gap-4{gap:1rem}.sm\\:rf-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\\:rf-rounded-lg{border-radius:var(--radius)}.sm\\:rf-p-3{padding:.75rem}.sm\\:rf-p-6{padding:1.5rem}.sm\\:rf-px-4{padding-left:1rem;padding-right:1rem}.sm\\:rf-px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\\:rf-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\\:rf-text-left{text-align:left}.sm\\:rf-text-2xl{font-size:1.5rem;line-height:2rem}.sm\\:rf-text-base{font-size:1rem;line-height:1.5rem}.sm\\:rf-text-sm{font-size:.875rem;line-height:1.25rem}.sm\\:rf-text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\\:rf-w-auto{width:auto}.md\\:rf-max-w-\\[660px\\]{max-width:660px}.md\\:rf-max-w-lg{max-width:32rem}.md\\:rf-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:rf-p-8{padding:2rem}.md\\:rf-py-8{padding-bottom:2rem;padding-top:2rem}.md\\:rf-text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.lg\\:rf-max-w-\\[720px\\]{max-width:720px}.lg\\:rf-max-w-xl{max-width:36rem}}@media (min-width:1280px){.xl\\:rf-max-w-\\[800px\\]{max-width:800px}}.\\[\\&\\>span\\]\\:rf-line-clamp-1>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\\[\\&\\>svg\\]\\:rf-size-4>svg{height:1rem;width:1rem}.\\[\\&\\>svg\\]\\:rf-shrink-0>svg{flex-shrink:0}.\\[\\&\\>svg\\]\\:rf-text-red-300>svg{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.\\[\\&\\>svg\\]\\:hover\\:rf-text-red-400:hover>svg{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-py-1\\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-font-medium [cmdk-group-heading]{font-weight:500}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-text-zinc-500 [cmdk-group-heading]{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.dark\\:\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-text-zinc-400 [cmdk-group-heading]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:rf-pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\\[\\&_\\[cmdk-group\\]\\]\\:rf-px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:rf-h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:rf-w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\\[\\&_\\[cmdk-input\\]\\]\\:rf-h-12 [cmdk-input]{height:3rem}.\\[\\&_\\[cmdk-item\\]\\]\\:rf-px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-item\\]\\]\\:rf-py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.\\[\\&_\\[cmdk-item\\]_svg\\]\\:rf-h-5 [cmdk-item] svg{height:1.25rem}.\\[\\&_\\[cmdk-item\\]_svg\\]\\:rf-w-5 [cmdk-item] svg{width:1.25rem}.\\[\\&_svg\\]\\:rf-pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:rf-size-4 svg{height:1rem;width:1rem}.\\[\\&_svg\\]\\:rf-shrink-0 svg{flex-shrink:0}';
 
 // lib/hooks/use-styles.ts
 var useStyles = () => {
-  useEffect2(() => {
+  useEffect3(() => {
     const existingStyle = document.querySelector(
       'style[data-styles="tscircuit-runframe"]'
     );
@@ -1260,9 +1351,9 @@ var useStyles = () => {
 };
 
 // lib/hooks/use-fullscreen-body-scroll.ts
-import { useEffect as useEffect3 } from "react";
+import { useEffect as useEffect4 } from "react";
 var useFullscreenBodyScroll = (isFullScreen) => {
-  useEffect3(() => {
+  useEffect4(() => {
     if (isFullScreen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -1275,9 +1366,9 @@ var useFullscreenBodyScroll = (isFullScreen) => {
 };
 
 // lib/hooks/use-local-storage-state.ts
-import { useState as useState4, useEffect as useEffect4 } from "react";
+import { useState as useState5, useEffect as useEffect5 } from "react";
 function useLocalStorageState(key, initialValue, overrideValue) {
-  const [state, setState] = useState4(() => {
+  const [state, setState] = useState5(() => {
     if (overrideValue !== void 0) return overrideValue;
     try {
       const item = window.localStorage.getItem(key);
@@ -1287,7 +1378,7 @@ function useLocalStorageState(key, initialValue, overrideValue) {
       return initialValue;
     }
   });
-  useEffect4(() => {
+  useEffect5(() => {
     try {
       window.localStorage.setItem(key, JSON.stringify(state));
     } catch (error) {
@@ -1299,12 +1390,12 @@ function useLocalStorageState(key, initialValue, overrideValue) {
 
 // lib/components/RenderLogViewer/RenderLogViewer.tsx
 import { orderedRenderPhases as orderedRenderPhases2 } from "@tscircuit/core";
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 
 // lib/components/RenderLogViewer/RenderTimingsBar.tsx
 import { orderedRenderPhases } from "@tscircuit/core";
 import "react";
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 var getPhaseColor = (phase) => {
   const index = orderedRenderPhases.indexOf(phase);
   const hue = index * 137.5 % 360;
@@ -1319,10 +1410,10 @@ var RenderTimingsBar = ({
     0
   );
   return /* @__PURE__ */ jsxs10("div", { className: "rf-space-y-2 rf-w-full rf-px-4", children: [
-    /* @__PURE__ */ jsx15("div", { className: "rf-relative rf-h-8 rf-flex rf-rounded-sm", children: orderedRenderPhases.map((phase) => {
+    /* @__PURE__ */ jsx16("div", { className: "rf-relative rf-h-8 rf-flex rf-rounded-sm", children: orderedRenderPhases.map((phase) => {
       const time = phaseTimings[phase] || 0;
       const width = time / totalTime * 100;
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         "div",
         {
           className: "rf-group/bar rf-relative rf-overflow-visible",
@@ -1350,7 +1441,7 @@ var RenderTimingsBar = ({
 var RenderTimingsBar_default = RenderTimingsBar;
 
 // lib/components/RenderLogViewer/RenderLogViewer.tsx
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 var formatDebugOutputContent = (content) => {
   if (content instanceof Blob) return content;
   if (content == null) return "";
@@ -1368,10 +1459,10 @@ var RenderLogViewer = ({
   renderLog,
   onRerunWithDebug
 }) => {
-  const [sortOption, setSortOption] = useState5(
+  const [sortOption, setSortOption] = useState6(
     "chronological"
   );
-  const [selectedDebugOption, setSelectedDebugOption] = useState5("");
+  const [selectedDebugOption, setSelectedDebugOption] = useState6("");
   const debugOptions = [
     { value: "", label: "None" },
     {
@@ -1389,18 +1480,18 @@ var RenderLogViewer = ({
   ];
   if (!renderLog)
     return /* @__PURE__ */ jsxs11("div", { className: "rf-p-4 rf-bg-gray-100 rf-rounded-md", children: [
-      /* @__PURE__ */ jsx16("div", { className: "rf-mb-4", children: "No render log, make sure this tab is open when you render" }),
+      /* @__PURE__ */ jsx17("div", { className: "rf-mb-4", children: "No render log, make sure this tab is open when you render" }),
       onRerunWithDebug && /* @__PURE__ */ jsxs11("div", { className: "rf-flex rf-gap-2 rf-items-center", children: [
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           "select",
           {
             value: selectedDebugOption,
             onChange: (e) => setSelectedDebugOption(e.target.value),
             className: "rf-px-3 rf-py-1 rf-border rf-rounded rf-text-xs rf-bg-white",
-            children: debugOptions.map((option) => /* @__PURE__ */ jsx16("option", { value: option.value, children: option.label }, option.value))
+            children: debugOptions.map((option) => /* @__PURE__ */ jsx17("option", { value: option.value, children: option.label }, option.value))
           }
         ),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           Button,
           {
             onClick: () => onRerunWithDebug(selectedDebugOption),
@@ -1425,19 +1516,19 @@ var RenderLogViewer = ({
   );
   return /* @__PURE__ */ jsxs11("div", { className: "rf-bg-white", children: [
     /* @__PURE__ */ jsxs11("div", { className: "rf-flex rf-justify-between rf-items-center rf-mb-4", children: [
-      /* @__PURE__ */ jsx16("div", { children: "Render Logs" }),
+      /* @__PURE__ */ jsx17("div", { children: "Render Logs" }),
       /* @__PURE__ */ jsxs11("div", { className: "rf-flex rf-gap-4 rf-items-center", children: [
         onRerunWithDebug && /* @__PURE__ */ jsxs11("div", { className: "rf-flex rf-gap-2 rf-items-center", children: [
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17(
             "select",
             {
               value: selectedDebugOption,
               onChange: (e) => setSelectedDebugOption(e.target.value),
               className: "rf-px-3 rf-py-1 rf-border rf-rounded rf-text-xs rf-bg-white",
-              children: debugOptions.map((option) => /* @__PURE__ */ jsx16("option", { value: option.value, children: option.label }, option.value))
+              children: debugOptions.map((option) => /* @__PURE__ */ jsx17("option", { value: option.value, children: option.label }, option.value))
             }
           ),
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17(
             Button,
             {
               onClick: () => onRerunWithDebug(selectedDebugOption),
@@ -1447,7 +1538,7 @@ var RenderLogViewer = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx16("div", { className: "rf-flex rf-gap-2 rf-items-center", children: /* @__PURE__ */ jsxs11(
+        /* @__PURE__ */ jsx17("div", { className: "rf-flex rf-gap-2 rf-items-center", children: /* @__PURE__ */ jsxs11(
           "select",
           {
             onChange: (e) => {
@@ -1477,13 +1568,13 @@ var RenderLogViewer = ({
             disabled: !renderLog?.debugOutputs || renderLog.debugOutputs.length === 0,
             className: "rf-px-3 rf-py-1 rf-border rf-rounded rf-text-xs rf-bg-white disabled:rf-opacity-50 disabled:rf-cursor-not-allowed",
             children: [
-              /* @__PURE__ */ jsx16("option", { value: "", children: "Download Debug Output" }),
-              renderLog?.debugOutputs?.map((output) => /* @__PURE__ */ jsx16("option", { value: output.name, children: output.name }, output.name))
+              /* @__PURE__ */ jsx17("option", { value: "", children: "Download Debug Output" }),
+              renderLog?.debugOutputs?.map((output) => /* @__PURE__ */ jsx17("option", { value: output.name, children: output.name }, output.name))
             ]
           }
         ) }),
         /* @__PURE__ */ jsxs11("div", { className: "rf-flex rf-text-xs rf-items-center", children: [
-          /* @__PURE__ */ jsx16("div", { className: "rf-mr-2", children: "Sort by:" }),
+          /* @__PURE__ */ jsx17("div", { className: "rf-mr-2", children: "Sort by:" }),
           /* @__PURE__ */ jsxs11(
             "select",
             {
@@ -1491,25 +1582,25 @@ var RenderLogViewer = ({
               onChange: (e) => setSortOption(e.target.value),
               className: "rf-px-2 rf-py-1 rf-border rf-rounded rf-text-xs",
               children: [
-                /* @__PURE__ */ jsx16("option", { value: "chronological", children: "Phase Order" }),
-                /* @__PURE__ */ jsx16("option", { value: "longest", children: "Duration" })
+                /* @__PURE__ */ jsx17("option", { value: "chronological", children: "Phase Order" }),
+                /* @__PURE__ */ jsx17("option", { value: "longest", children: "Duration" })
               ]
             }
           )
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx16(RenderTimingsBar_default, { phaseTimings: renderLog.phaseTimings }),
+    /* @__PURE__ */ jsx17(RenderTimingsBar_default, { phaseTimings: renderLog.phaseTimings }),
     /* @__PURE__ */ jsxs11("table", { className: "rf-w-full rf-text-xs", children: [
-      /* @__PURE__ */ jsx16("thead", { children: /* @__PURE__ */ jsxs11("tr", { children: [
-        /* @__PURE__ */ jsx16("th", { className: "rf-text-left rf-p-2", children: "Phase Order" }),
-        /* @__PURE__ */ jsx16("th", { className: "rf-text-left rf-p-2", children: "Phase" }),
-        /* @__PURE__ */ jsx16("th", { className: "rf-text-left rf-p-2", children: "Duration (ms)" })
+      /* @__PURE__ */ jsx17("thead", { children: /* @__PURE__ */ jsxs11("tr", { children: [
+        /* @__PURE__ */ jsx17("th", { className: "rf-text-left rf-p-2", children: "Phase Order" }),
+        /* @__PURE__ */ jsx17("th", { className: "rf-text-left rf-p-2", children: "Phase" }),
+        /* @__PURE__ */ jsx17("th", { className: "rf-text-left rf-p-2", children: "Duration (ms)" })
       ] }) }),
-      /* @__PURE__ */ jsx16("tbody", { children: orderedPhaseTimings.map(([phase, duration]) => /* @__PURE__ */ jsxs11("tr", { children: [
-        /* @__PURE__ */ jsx16("td", { className: "rf-p-2", children: orderedRenderPhases2.indexOf(phase) }),
-        /* @__PURE__ */ jsx16("td", { className: "rf-p-2", children: phase }),
-        /* @__PURE__ */ jsx16("td", { className: "rf-p-2", children: /* @__PURE__ */ jsx16("div", { className: "rf-w-8", children: /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17("tbody", { children: orderedPhaseTimings.map(([phase, duration]) => /* @__PURE__ */ jsxs11("tr", { children: [
+        /* @__PURE__ */ jsx17("td", { className: "rf-p-2", children: orderedRenderPhases2.indexOf(phase) }),
+        /* @__PURE__ */ jsx17("td", { className: "rf-p-2", children: phase }),
+        /* @__PURE__ */ jsx17("td", { className: "rf-p-2", children: /* @__PURE__ */ jsx17("div", { className: "rf-w-8", children: /* @__PURE__ */ jsx17(
           "div",
           {
             className: "rf-h-2 rf-rounded-sm",
@@ -1519,7 +1610,7 @@ var RenderLogViewer = ({
             }
           }
         ) }) }),
-        /* @__PURE__ */ jsx16("td", { className: "rf-p-2", children: /* @__PURE__ */ jsxs11("div", { className: "rf-flex w-full", children: [
+        /* @__PURE__ */ jsx17("td", { className: "rf-p-2", children: /* @__PURE__ */ jsxs11("div", { className: "rf-flex w-full", children: [
           /* @__PURE__ */ jsxs11("span", { className: "rf-flex-grow", children: [
             duration,
             "ms"
@@ -1535,16 +1626,16 @@ var RenderLogViewer = ({
 };
 
 // lib/components/SolversTabContent/SolversTabContent.tsx
-import { useState as useState6, useMemo as useMemo2 } from "react";
+import { useState as useState7, useMemo as useMemo2 } from "react";
 import { Box, LayoutGrid, Route } from "lucide-react";
 import { SOLVERS } from "@tscircuit/core";
 import { GenericSolverDebugger } from "@tscircuit/solver-utils/react";
 import { ErrorBoundary } from "react-error-boundary";
 
 // lib/hooks/useInjectTailwind.ts
-import { useEffect as useEffect5 } from "react";
+import { useEffect as useEffect6 } from "react";
 var useInjectTailwind = () => {
-  useEffect5(() => {
+  useEffect6(() => {
     const tailwindScriptId = "tailwind-cdn-script";
     if (document.getElementById(tailwindScriptId) || window.tailwind) {
       return;
@@ -1565,7 +1656,7 @@ var useInjectTailwind = () => {
 };
 
 // lib/components/SolversTabContent/SolversTabContent.tsx
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var getSolverIcon = (solverName) => {
   if (solverName.toLowerCase().includes("pack")) {
     return LayoutGrid;
@@ -1578,7 +1669,7 @@ var getSolverIcon = (solverName) => {
 var SolversTabContent = ({
   solverEvents = []
 }) => {
-  const [selectedSolverId, setSelectedSolverId] = useState6(null);
+  const [selectedSolverId, setSelectedSolverId] = useState7(null);
   useInjectTailwind();
   const solversById = useMemo2(() => {
     const map = /* @__PURE__ */ new Map();
@@ -1618,9 +1709,9 @@ var SolversTabContent = ({
     }
   }, [selectedSolverEvent]);
   if (solverEvents.length === 0) {
-    return /* @__PURE__ */ jsx17("div", { className: "rf-p-4", children: /* @__PURE__ */ jsx17("div", { className: "rf-bg-gray-50 rf-rounded-md rf-border rf-border-gray-200", children: /* @__PURE__ */ jsxs12("div", { className: "rf-p-4", children: [
-      /* @__PURE__ */ jsx17("h3", { className: "rf-text-lg rf-font-semibold rf-text-gray-800 rf-mb-3", children: "No Solvers Detected" }),
-      /* @__PURE__ */ jsx17("p", { className: "rf-text-sm rf-text-gray-600", children: "Solvers will appear here when the circuit runs. Solvers are used for tasks like component packing and autorouting." })
+    return /* @__PURE__ */ jsx18("div", { className: "rf-p-4", children: /* @__PURE__ */ jsx18("div", { className: "rf-bg-gray-50 rf-rounded-md rf-border rf-border-gray-200", children: /* @__PURE__ */ jsxs12("div", { className: "rf-p-4", children: [
+      /* @__PURE__ */ jsx18("h3", { className: "rf-text-lg rf-font-semibold rf-text-gray-800 rf-mb-3", children: "No Solvers Detected" }),
+      /* @__PURE__ */ jsx18("p", { className: "rf-text-sm rf-text-gray-600", children: "Solvers will appear here when the circuit runs. Solvers are used for tasks like component packing and autorouting." })
     ] }) }) });
   }
   return /* @__PURE__ */ jsxs12("div", { className: "rf-flex rf-h-full rf-overflow-hidden", children: [
@@ -1633,7 +1724,7 @@ var SolversTabContent = ({
       solverIds.map((id) => {
         const solver = solversById.get(id);
         const isSelected = selectedSolverId === id;
-        return /* @__PURE__ */ jsx17(
+        return /* @__PURE__ */ jsx18(
           "div",
           {
             className: `rf-px-3 rf-py-2 rf-cursor-pointer rf-border-b rf-border-gray-100 ${isSelected ? "rf-bg-blue-50 rf-border-l-2 rf-border-l-blue-500" : "hover:rf-bg-gray-50"}`,
@@ -1641,10 +1732,10 @@ var SolversTabContent = ({
             children: (() => {
               const SolverIcon = getSolverIcon(solver.solverName);
               return /* @__PURE__ */ jsxs12("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-                /* @__PURE__ */ jsx17(SolverIcon, { className: "rf-w-4 rf-h-4 rf-text-blue-500 rf-flex-shrink-0" }),
+                /* @__PURE__ */ jsx18(SolverIcon, { className: "rf-w-4 rf-h-4 rf-text-blue-500 rf-flex-shrink-0" }),
                 /* @__PURE__ */ jsxs12("div", { className: "rf-flex-1 rf-min-w-0", children: [
-                  /* @__PURE__ */ jsx17("div", { className: "rf-text-sm rf-font-medium rf-text-gray-800 rf-truncate", children: solver.componentName }),
-                  /* @__PURE__ */ jsx17("div", { className: "rf-text-xs rf-text-gray-500 rf-truncate", children: solver.solverName })
+                  /* @__PURE__ */ jsx18("div", { className: "rf-text-sm rf-font-medium rf-text-gray-800 rf-truncate", children: solver.componentName }),
+                  /* @__PURE__ */ jsx18("div", { className: "rf-text-xs rf-text-gray-500 rf-truncate", children: solver.solverName })
                 ] })
               ] });
             })()
@@ -1653,32 +1744,32 @@ var SolversTabContent = ({
         );
       })
     ] }),
-    /* @__PURE__ */ jsx17("div", { className: "rf-flex-1 rf-overflow-hidden", children: selectedSolverEvent ? solverResult.instance ? /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18("div", { className: "rf-flex-1 rf-overflow-hidden", children: selectedSolverEvent ? solverResult.instance ? /* @__PURE__ */ jsx18(
       ErrorBoundary,
       {
-        fallback: /* @__PURE__ */ jsx17("div", { className: "rf-p-4", children: /* @__PURE__ */ jsxs12("div", { className: "rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200 rf-p-4", children: [
-          /* @__PURE__ */ jsx17("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-2", children: "Error Loading Solver Debugger" }),
+        fallback: /* @__PURE__ */ jsx18("div", { className: "rf-p-4", children: /* @__PURE__ */ jsxs12("div", { className: "rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200 rf-p-4", children: [
+          /* @__PURE__ */ jsx18("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-2", children: "Error Loading Solver Debugger" }),
           /* @__PURE__ */ jsxs12("p", { className: "rf-text-sm rf-text-red-600", children: [
             "Failed to render the solver debugger for",
             " ",
             selectedSolverEvent.solverName
           ] })
         ] }) }),
-        children: /* @__PURE__ */ jsx17(GenericSolverDebugger, { solver: solverResult.instance })
+        children: /* @__PURE__ */ jsx18(GenericSolverDebugger, { solver: solverResult.instance })
       }
     ) : /* @__PURE__ */ jsxs12("div", { className: "rf-p-4", children: [
       /* @__PURE__ */ jsxs12("div", { className: "rf-mb-4", children: [
-        /* @__PURE__ */ jsx17("h3", { className: "rf-text-lg rf-font-semibold rf-text-gray-800", children: selectedSolverEvent.solverName }),
+        /* @__PURE__ */ jsx18("h3", { className: "rf-text-lg rf-font-semibold rf-text-gray-800", children: selectedSolverEvent.solverName }),
         /* @__PURE__ */ jsxs12("p", { className: "rf-text-sm rf-text-gray-500", children: [
           "Component: ",
           selectedSolverEvent.componentName
         ] })
       ] }),
-      solverResult.error && /* @__PURE__ */ jsx17(
+      solverResult.error && /* @__PURE__ */ jsx18(
         "div",
         {
           className: `rf-rounded-md rf-border rf-p-4 rf-mb-4 ${solverResult.classFound ? "rf-bg-red-50 rf-border-red-200" : "rf-bg-yellow-50 rf-border-yellow-200"}`,
-          children: /* @__PURE__ */ jsx17(
+          children: /* @__PURE__ */ jsx18(
             "p",
             {
               className: `rf-text-sm ${solverResult.classFound ? "rf-text-red-700" : "rf-text-yellow-700"}`,
@@ -1688,21 +1779,21 @@ var SolversTabContent = ({
         }
       ),
       /* @__PURE__ */ jsxs12("div", { className: "rf-border rf-border-gray-200 rf-rounded-md rf-overflow-hidden", children: [
-        /* @__PURE__ */ jsx17("div", { className: "rf-px-3 rf-py-2 rf-bg-gray-50", children: /* @__PURE__ */ jsx17("span", { className: "rf-text-sm rf-font-medium rf-text-gray-700", children: "Solver Parameters" }) }),
-        /* @__PURE__ */ jsx17("div", { className: "rf-p-3 rf-bg-white rf-border-t rf-border-gray-200", children: /* @__PURE__ */ jsx17("pre", { className: "rf-text-xs rf-font-mono rf-text-gray-600 rf-whitespace-pre-wrap rf-overflow-x-auto", children: JSON.stringify(selectedSolverEvent.solverParams, null, 2) }) })
+        /* @__PURE__ */ jsx18("div", { className: "rf-px-3 rf-py-2 rf-bg-gray-50", children: /* @__PURE__ */ jsx18("span", { className: "rf-text-sm rf-font-medium rf-text-gray-700", children: "Solver Parameters" }) }),
+        /* @__PURE__ */ jsx18("div", { className: "rf-p-3 rf-bg-white rf-border-t rf-border-gray-200", children: /* @__PURE__ */ jsx18("pre", { className: "rf-text-xs rf-font-mono rf-text-gray-600 rf-whitespace-pre-wrap rf-overflow-x-auto", children: JSON.stringify(selectedSolverEvent.solverParams, null, 2) }) })
       ] })
-    ] }) : /* @__PURE__ */ jsx17("div", { className: "rf-flex rf-items-center rf-justify-center rf-h-full", children: /* @__PURE__ */ jsx17("p", { className: "rf-text-sm rf-text-gray-500", children: "Select a solver from the list to view details" }) }) })
+    ] }) : /* @__PURE__ */ jsx18("div", { className: "rf-flex rf-items-center rf-justify-center rf-h-full", children: /* @__PURE__ */ jsx18("p", { className: "rf-text-sm rf-text-gray-500", children: "Select a solver from the list to view details" }) }) })
   ] });
 };
 
 // lib/hooks/use-error-telemetry.ts
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 var useErrorTelemetry = ({
   errorMessage,
   errorStack,
   circuitJsonErrors
 }) => {
-  useEffect6(() => {
+  useEffect7(() => {
     if (errorMessage) {
       const err = new Error(errorMessage);
       if (errorStack) err.stack = errorStack;
@@ -1712,7 +1803,7 @@ var useErrorTelemetry = ({
       }
     }
   }, [errorMessage, errorStack]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (circuitJsonErrors && circuitJsonErrors.length > 0) {
       for (const error of circuitJsonErrors) {
         const err = new Error(error.message || "Circuit JSON Error");
@@ -1730,7 +1821,7 @@ var useErrorTelemetry = ({
 };
 
 // package.json
-var version = "0.0.1868";
+var version = "0.0.1869";
 var package_default = {
   name: "@tscircuit/runframe",
   main: "dist/preview.js",
@@ -1852,7 +1943,7 @@ var package_default = {
 };
 
 // lib/hooks/use-eval-versions.ts
-import { useEffect as useEffect7, useMemo as useMemo3, useState as useState7 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo3, useState as useState8 } from "react";
 
 // lib/components/RunFrame/runner-store/use-runner-store.ts
 import { create } from "zustand";
@@ -1871,16 +1962,16 @@ var useRunnerStore = create()(
 
 // lib/hooks/use-eval-versions.ts
 var useEvalVersions = (allowSelecting) => {
-  const [allVersions, setAllVersions] = useState7([]);
-  const [latest, setLatest] = useState7(null);
-  const [search, setSearch] = useState7("");
+  const [allVersions, setAllVersions] = useState8([]);
+  const [latest, setLatest] = useState8(null);
+  const [search, setSearch] = useState8("");
   const [selected, setSelected] = useLocalStorageState(
     "eval-version-selection",
     null
   );
   const setLastRunEvalVersion = useRunnerStore((s) => s.setLastRunEvalVersion);
   const lastRunEvalVersion = useRunnerStore((s) => s.lastRunEvalVersion);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!allowSelecting) return;
     fetch("https://data.jsdelivr.com/v1/package/npm/@tscircuit/eval").then((res) => res.json()).then((data) => {
       if (Array.isArray(data?.versions)) {
@@ -1894,7 +1985,7 @@ var useEvalVersions = (allowSelecting) => {
     }).catch(() => {
     });
   }, [allowSelecting]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!allowSelecting) return;
     if (selected) {
       window.TSCIRCUIT_LATEST_EVAL_VERSION = selected;
@@ -1923,7 +2014,7 @@ var useEvalVersions = (allowSelecting) => {
 };
 
 // lib/components/FileMenuLeftHeader.tsx
-import { useEffect as useEffect14, useMemo as useMemo9, useState as useState21 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo9, useState as useState22 } from "react";
 
 // lib/components/RunFrameWithApi/store.ts
 import { applyEditEventsToManualEditsFile } from "@tscircuit/core";
@@ -2130,16 +2221,16 @@ var useRunFrameStore = create2()(
 );
 
 // lib/components/RunFrameForCli/SelectSnippetDialog.tsx
-import { useState as useState8 } from "react";
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useState as useState9 } from "react";
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var SelectSnippetDialog = ({
   snippetNames,
   onSelect,
   onCancel,
   isOpen
 }) => {
-  const [selectedName, setSelectedName] = useState8("");
-  const [searchInput, setSearchInput] = useState8("");
+  const [selectedName, setSelectedName] = useState9("");
+  const [searchInput, setSearchInput] = useState9("");
   if (!isOpen) return null;
   const filteredSnippets = snippetNames.filter(
     (name) => name.toLowerCase().includes(searchInput.toLowerCase())
@@ -2154,9 +2245,9 @@ var SelectSnippetDialog = ({
       }
     }
   };
-  return /* @__PURE__ */ jsx18("div", { className: "rf-fixed rf-inset-0 rf-bg-black rf-bg-opacity-50 rf-flex rf-items-center rf-justify-center rf-z-[100]", children: /* @__PURE__ */ jsxs13("div", { className: "rf-bg-white rf-rounded-lg rf-p-6 rf-w-96", children: [
-    /* @__PURE__ */ jsx18("h2", { className: "rf-text-lg rf-font-semibold rf-mb-4", children: "Select Snippet" }),
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19("div", { className: "rf-fixed rf-inset-0 rf-bg-black rf-bg-opacity-50 rf-flex rf-items-center rf-justify-center rf-z-[100]", children: /* @__PURE__ */ jsxs13("div", { className: "rf-bg-white rf-rounded-lg rf-p-6 rf-w-96", children: [
+    /* @__PURE__ */ jsx19("h2", { className: "rf-text-lg rf-font-semibold rf-mb-4", children: "Select Snippet" }),
+    /* @__PURE__ */ jsx19(
       "input",
       {
         type: "text",
@@ -2168,7 +2259,7 @@ var SelectSnippetDialog = ({
       }
     ),
     /* @__PURE__ */ jsxs13("div", { className: "rf-h-60 rf-overflow-y-auto", children: [
-      filteredSnippets.map((name) => /* @__PURE__ */ jsx18(
+      filteredSnippets.map((name) => /* @__PURE__ */ jsx19(
         "button",
         {
           type: "button",
@@ -2193,7 +2284,7 @@ var SelectSnippetDialog = ({
       )
     ] }),
     /* @__PURE__ */ jsxs13("div", { className: "rf-mt-4 rf-flex rf-justify-end rf-gap-2", children: [
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         "button",
         {
           type: "button",
@@ -2202,7 +2293,7 @@ var SelectSnippetDialog = ({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         "button",
         {
           type: "button",
@@ -2217,11 +2308,11 @@ var SelectSnippetDialog = ({
 };
 
 // lib/components/RunFrameForCli/useEventHandler.ts
-import { useEffect as useEffect8, useRef as useRef2 } from "react";
+import { useEffect as useEffect9, useRef as useRef2 } from "react";
 var useEventHandler = (callback) => {
   const lastProcessedEventId = useRef2(null);
   const recentEvents = useRunFrameStore((state) => state.recentEvents);
-  useEffect8(() => {
+  useEffect9(() => {
     if (recentEvents.length === 0) return;
     const latestEvent = recentEvents[0];
     if (latestEvent.event_id !== lastProcessedEventId.current) {
@@ -2234,10 +2325,10 @@ var useEventHandler = (callback) => {
 // lib/components/ui/alert-dialog.tsx
 import * as React7 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var AlertDialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -2250,8 +2341,8 @@ var AlertDialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /*
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
 var AlertDialogContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs14(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsx19(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsx19(
+  /* @__PURE__ */ jsx20(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx20(
     AlertDialogPrimitive.Content,
     {
       ref,
@@ -2267,7 +2358,7 @@ AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
 var AlertDialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx19(
+}) => /* @__PURE__ */ jsx20(
   "div",
   {
     className: cn(
@@ -2281,7 +2372,7 @@ AlertDialogHeader.displayName = "AlertDialogHeader";
 var AlertDialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx19(
+}) => /* @__PURE__ */ jsx20(
   "div",
   {
     className: cn(
@@ -2292,7 +2383,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var AlertDialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -2301,7 +2392,7 @@ var AlertDialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var AlertDialogDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -2313,7 +2404,7 @@ var AlertDialogDescription = React7.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var AlertDialogAction = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -2322,7 +2413,7 @@ var AlertDialogAction = React7.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var AlertDialogCancel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -2340,8 +2431,8 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 import * as React8 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check2 } from "lucide-react";
-import { jsx as jsx20 } from "react/jsx-runtime";
-var Checkbox = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+import { jsx as jsx21 } from "react/jsx-runtime";
+var Checkbox = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -2350,13 +2441,13 @@ var Checkbox = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx20(
+    children: /* @__PURE__ */ jsx21(
       CheckboxPrimitive.Indicator,
       {
         className: cn(
           "rf-flex rf-items-center rf-justify-center rf-text-current"
         ),
-        children: /* @__PURE__ */ jsx20(Check2, { className: "rf-h-4 rf-w-4" })
+        children: /* @__PURE__ */ jsx21(Check2, { className: "rf-h-4 rf-w-4" })
       }
     )
   }
@@ -2370,10 +2461,10 @@ import { Loader2 as Loader23 } from "lucide-react";
 // lib/components/ui/dialog.tsx
 import * as React9 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var DialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   DialogPrimitive.Overlay,
   {
     className: cn(
@@ -2386,8 +2477,8 @@ var DialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PU
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var DialogContent = React9.forwardRef(({ className, children, showOverlay = true, ...props }, ref) => /* @__PURE__ */ jsxs15(DialogPortal, { children: [
-  /* @__PURE__ */ jsx21(DialogOverlay, { className: cn(showOverlay ? "" : "rf-hidden") }),
-  /* @__PURE__ */ jsx21(
+  /* @__PURE__ */ jsx22(DialogOverlay, { className: cn(showOverlay ? "" : "rf-hidden") }),
+  /* @__PURE__ */ jsx22(
     DialogPrimitive.Content,
     {
       ref,
@@ -2404,7 +2495,7 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx21(
+}) => /* @__PURE__ */ jsx22(
   "div",
   {
     className: cn(
@@ -2418,7 +2509,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx21(
+}) => /* @__PURE__ */ jsx22(
   "div",
   {
     className: cn(
@@ -2429,7 +2520,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   DialogPrimitive.Title,
   {
     ref,
@@ -2438,7 +2529,7 @@ var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   DialogPrimitive.Description,
   {
     ref,
@@ -2531,7 +2622,7 @@ var loadJlcpcbComponentTsx = async (partNumber, opts) => {
 // lib/components/ImportComponentDialog2/components/SearchBar.tsx
 import * as React10 from "react";
 import { Loader2, Search } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 var SearchBar = ({
   query,
   placeholder,
@@ -2550,8 +2641,8 @@ var SearchBar = ({
   );
   return /* @__PURE__ */ jsxs16("div", { className: "rf-flex rf-items-center rf-gap-2 rf-mt-4", children: [
     /* @__PURE__ */ jsxs16("div", { className: "rf-relative rf-flex-grow", children: [
-      /* @__PURE__ */ jsx22(Search, { className: "rf-absolute rf-left-2 rf-top-2.5 rf-h-4 rf-w-4 rf-text-muted-foreground" }),
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx23(Search, { className: "rf-absolute rf-left-2 rf-top-2.5 rf-h-4 rf-w-4 rf-text-muted-foreground" }),
+      /* @__PURE__ */ jsx23(
         Input,
         {
           placeholder,
@@ -2564,15 +2655,15 @@ var SearchBar = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       Button,
       {
         onClick: onSubmit,
         disabled: isSearching || query.trim().length < 1,
         className: "sm:rf-px-4 rf-px-3",
-        children: isSearching ? /* @__PURE__ */ jsx22(Loader2, { className: "rf-h-4 rf-w-4 rf-animate-spin" }) : /* @__PURE__ */ jsxs16(Fragment3, { children: [
-          /* @__PURE__ */ jsx22(Search, { className: "rf-h-4 rf-w-4 sm:rf-hidden" }),
-          /* @__PURE__ */ jsx22("span", { className: "rf-hidden sm:rf-inline", children: "Search" })
+        children: isSearching ? /* @__PURE__ */ jsx23(Loader2, { className: "rf-h-4 rf-w-4 rf-animate-spin" }) : /* @__PURE__ */ jsxs16(Fragment3, { children: [
+          /* @__PURE__ */ jsx23(Search, { className: "rf-h-4 rf-w-4 sm:rf-hidden" }),
+          /* @__PURE__ */ jsx23("span", { className: "rf-hidden sm:rf-inline", children: "Search" })
         ] })
       }
     )
@@ -2581,7 +2672,7 @@ var SearchBar = ({
 
 // lib/components/ImportComponentDialog2/components/SearchResultsList.tsx
 import { Lock } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 var currencyFormatter = new Intl.NumberFormat("en-US", {
   style: "currency",
   currency: "USD"
@@ -2639,7 +2730,7 @@ var SearchResultsList = ({
   onShowDetails
 }) => {
   const selectedKey = selected ? getResultKey(selected) : null;
-  return /* @__PURE__ */ jsx23("div", { className: "rf-divide-y rf-w-full rf-overflow-hidden", children: results.map((result) => {
+  return /* @__PURE__ */ jsx24("div", { className: "rf-divide-y rf-w-full rf-overflow-hidden", children: results.map((result) => {
     const key = getResultKey(result);
     const isSelected = selectedKey === key;
     const primary = getPrimaryText(result);
@@ -2658,14 +2749,14 @@ var SearchResultsList = ({
             /* @__PURE__ */ jsxs17("div", { className: "rf-flex rf-items-start rf-gap-2 rf-min-w-0", children: [
               /* @__PURE__ */ jsxs17("div", { className: "rf-font-medium rf-text-sm rf-truncate rf-flex-1 rf-min-w-0 rf-flex rf-items-center rf-gap-1.5", children: [
                 primary,
-                result.source === "jlcpcb" && isBasic != null && /* @__PURE__ */ jsx23(
+                result.source === "jlcpcb" && isBasic != null && /* @__PURE__ */ jsx24(
                   "span",
                   {
                     className: `rf-text-xs rf-px-1.5 rf-py-0.5 rf-rounded rf-font-medium rf-flex-shrink-0 ${isBasic ? "rf-bg-green-100 rf-text-green-700" : "rf-bg-orange-100 rf-text-orange-700"}`,
                     children: isBasic ? "Basic" : "Extended"
                   }
                 ),
-                result.source === "tscircuit.com" && result.package.is_private && /* @__PURE__ */ jsx23(Lock, { className: "rf-ml-1 rf-h-3 rf-w-3 rf-text-zinc-400 rf-flex-shrink-0" })
+                result.source === "tscircuit.com" && result.package.is_private && /* @__PURE__ */ jsx24(Lock, { className: "rf-ml-1 rf-h-3 rf-w-3 rf-text-zinc-400 rf-flex-shrink-0" })
               ] }),
               result.source === "jlcpcb" && stock != null ? /* @__PURE__ */ jsxs17("div", { className: "rf-text-xs rf-text-zinc-500 rf-font-medium rf-whitespace-nowrap rf-flex-shrink-0 sm:rf-hidden", children: [
                 stock.toLocaleString(),
@@ -2673,12 +2764,12 @@ var SearchResultsList = ({
               ] }) : null
             ] }),
             /* @__PURE__ */ jsxs17("div", { className: "rf-text-xs rf-text-zinc-500 rf-truncate rf-w-full", children: [
-              partNumber ? /* @__PURE__ */ jsx23("span", { className: "rf-mr-2", children: partNumber }) : null,
+              partNumber ? /* @__PURE__ */ jsx24("span", { className: "rf-mr-2", children: partNumber }) : null,
               secondary
             ] })
           ] }),
           /* @__PURE__ */ jsxs17("div", { children: [
-            result.source === "tscircuit.com" && onShowDetails ? /* @__PURE__ */ jsx23("div", { className: "rf-flex-shrink-0 rf-w-full sm:rf-w-auto", children: /* @__PURE__ */ jsx23(
+            result.source === "tscircuit.com" && onShowDetails ? /* @__PURE__ */ jsx24("div", { className: "rf-flex-shrink-0 rf-w-full sm:rf-w-auto", children: /* @__PURE__ */ jsx24(
               Button,
               {
                 variant: "outline",
@@ -2694,7 +2785,7 @@ var SearchResultsList = ({
               stock.toLocaleString(),
               " in stock"
             ] }) : null,
-            price != null && /* @__PURE__ */ jsx23("div", { className: "rf-hidden sm:rf-block rf-text-xs rf-text-zinc-500 rf-font-medium rf-whitespace-nowrap rf-flex-shrink-0 rf-text-right", children: formatPrice(price) })
+            price != null && /* @__PURE__ */ jsx24("div", { className: "rf-hidden sm:rf-block rf-text-xs rf-text-zinc-500 rf-font-medium rf-whitespace-nowrap rf-flex-shrink-0 rf-text-right", children: formatPrice(price) })
           ] })
         ]
       },
@@ -2713,7 +2804,7 @@ var zIndexMap = {
 };
 
 // lib/components/ImportComponentDialog2/components/TscircuitPackageDetailsDialog.tsx
-import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
 var TscircuitPackageDetailsDialog = ({
   packageResult,
   isOpen,
@@ -2733,7 +2824,7 @@ var TscircuitPackageDetailsDialog = ({
   const ownerUsername = pkg?.org_owner_tscircuit_handle ?? void 0;
   const ownerUrl = ownerUsername ? `https://tscircuit.com/${ownerUsername}` : void 0;
   const packageUrl = ownerUsername && packageName ? `https://tscircuit.com/${ownerUsername}/${packageName}` : void 0;
-  return /* @__PURE__ */ jsx24(Dialog, { open: isOpen, onOpenChange, children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsx25(Dialog, { open: isOpen, onOpenChange, children: /* @__PURE__ */ jsxs18(
     DialogContent,
     {
       showOverlay: false,
@@ -2743,14 +2834,14 @@ var TscircuitPackageDetailsDialog = ({
       },
       className: "rf-max-w-5xl no-scrollbar !rf-overflow-y-auto rf-max-h-[90vh] rf-overflow-hidden rf-flex rf-flex-col rf-rounded-sm",
       children: [
-        /* @__PURE__ */ jsx24(DialogHeader, { className: "rf-pb-4 rf-border-b", children: /* @__PURE__ */ jsx24("div", { className: "rf-flex rf-items-start rf-justify-between rf-gap-4", children: /* @__PURE__ */ jsxs18("div", { className: "rf-flex-1 rf-min-w-0", children: [
-          /* @__PURE__ */ jsx24(DialogTitle, { className: "rf-text-xl rf-font-semibold rf-truncate", children: packageName }),
-          /* @__PURE__ */ jsx24(DialogDescription, { children: pkg?.description })
+        /* @__PURE__ */ jsx25(DialogHeader, { className: "rf-pb-4 rf-border-b", children: /* @__PURE__ */ jsx25("div", { className: "rf-flex rf-items-start rf-justify-between rf-gap-4", children: /* @__PURE__ */ jsxs18("div", { className: "rf-flex-1 rf-min-w-0", children: [
+          /* @__PURE__ */ jsx25(DialogTitle, { className: "rf-text-xl rf-font-semibold rf-truncate", children: packageName }),
+          /* @__PURE__ */ jsx25(DialogDescription, { children: pkg?.description })
         ] }) }) }),
         /* @__PURE__ */ jsxs18("div", { className: "rf-flex-1 rf-overflow-y-auto rf-py-4 rf-space-y-6", children: [
           ownerUsername ? /* @__PURE__ */ jsxs18("div", { children: [
-            /* @__PURE__ */ jsx24("span", { className: "rf-text-xs rf-font-medium rf-text-gray-500 rf-uppercase rf-tracking-wide", children: "Created by" }),
-            /* @__PURE__ */ jsx24("div", { className: "rf-mt-1 rf-text-sm rf-font-medium", children: ownerUrl ? /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25("span", { className: "rf-text-xs rf-font-medium rf-text-gray-500 rf-uppercase rf-tracking-wide", children: "Created by" }),
+            /* @__PURE__ */ jsx25("div", { className: "rf-mt-1 rf-text-sm rf-font-medium", children: ownerUrl ? /* @__PURE__ */ jsx25(
               "a",
               {
                 href: ownerUrl,
@@ -2761,8 +2852,8 @@ var TscircuitPackageDetailsDialog = ({
               }
             ) : ownerUsername })
           ] }) : null,
-          (cadPreviewUrl || pcbPreviewUrl || schematicPreviewUrl) && /* @__PURE__ */ jsx24(Fragment4, { children: /* @__PURE__ */ jsxs18("div", { children: [
-            /* @__PURE__ */ jsx24("h3", { className: "rf-text-lg rf-font-semibold rf-mb-4", children: "Preview" }),
+          (cadPreviewUrl || pcbPreviewUrl || schematicPreviewUrl) && /* @__PURE__ */ jsx25(Fragment4, { children: /* @__PURE__ */ jsxs18("div", { children: [
+            /* @__PURE__ */ jsx25("h3", { className: "rf-text-lg rf-font-semibold rf-mb-4", children: "Preview" }),
             /* @__PURE__ */ jsxs18(
               Tabs,
               {
@@ -2770,17 +2861,17 @@ var TscircuitPackageDetailsDialog = ({
                 onValueChange: (value) => onPreviewTabChange(value),
                 children: [
                   /* @__PURE__ */ jsxs18(TabsList, { className: "rf-inline-flex rf-h-9 rf-items-center rf-justify-center rf-rounded-lg rf-bg-zinc-100 rf-p-1 rf-text-zinc-500 dark:rf-bg-zinc-800 dark:rf-text-zinc-400", children: [
-                    pcbPreviewUrl && /* @__PURE__ */ jsx24(TabsTrigger, { value: "pcb", children: "PCB" }),
-                    schematicPreviewUrl && /* @__PURE__ */ jsx24(TabsTrigger, { value: "schematic", children: "Schematic" }),
-                    cadPreviewUrl && /* @__PURE__ */ jsx24(TabsTrigger, { value: "3d", children: "3D" })
+                    pcbPreviewUrl && /* @__PURE__ */ jsx25(TabsTrigger, { value: "pcb", children: "PCB" }),
+                    schematicPreviewUrl && /* @__PURE__ */ jsx25(TabsTrigger, { value: "schematic", children: "Schematic" }),
+                    cadPreviewUrl && /* @__PURE__ */ jsx25(TabsTrigger, { value: "3d", children: "3D" })
                   ] }),
                   /* @__PURE__ */ jsxs18("div", { className: "rf-mt-4", children: [
-                    /* @__PURE__ */ jsx24(
+                    /* @__PURE__ */ jsx25(
                       TabsContent,
                       {
                         value: "pcb",
                         className: "rf-border rf-rounded-lg rf-overflow-hidden rf-bg-gray-50",
-                        children: pcbPreviewUrl ? /* @__PURE__ */ jsx24(
+                        children: pcbPreviewUrl ? /* @__PURE__ */ jsx25(
                           "img",
                           {
                             src: pcbPreviewUrl,
@@ -2790,12 +2881,12 @@ var TscircuitPackageDetailsDialog = ({
                         ) : null
                       }
                     ),
-                    /* @__PURE__ */ jsx24(
+                    /* @__PURE__ */ jsx25(
                       TabsContent,
                       {
                         value: "schematic",
                         className: "rf-border rf-rounded-lg rf-overflow-hidden rf-bg-gray-50",
-                        children: schematicPreviewUrl ? /* @__PURE__ */ jsx24(
+                        children: schematicPreviewUrl ? /* @__PURE__ */ jsx25(
                           "img",
                           {
                             src: schematicPreviewUrl,
@@ -2805,12 +2896,12 @@ var TscircuitPackageDetailsDialog = ({
                         ) : null
                       }
                     ),
-                    /* @__PURE__ */ jsx24(
+                    /* @__PURE__ */ jsx25(
                       TabsContent,
                       {
                         value: "3d",
                         className: "rf-border rf-rounded-lg rf-overflow-hidden rf-bg-gray-50",
-                        children: cadPreviewUrl ? /* @__PURE__ */ jsx24(
+                        children: cadPreviewUrl ? /* @__PURE__ */ jsx25(
                           "img",
                           {
                             src: cadPreviewUrl,
@@ -2826,20 +2917,20 @@ var TscircuitPackageDetailsDialog = ({
             )
           ] }) }),
           details?.ai_description ? /* @__PURE__ */ jsxs18("section", { children: [
-            /* @__PURE__ */ jsx24("h3", { className: "rf-text-lg rf-font-semibold rf-mb-3", children: "AI Description" }),
-            /* @__PURE__ */ jsx24("div", { className: "rf-bg-gray-50 rf-border rf-border-gray-200 rf-rounded-lg rf-p-4", children: /* @__PURE__ */ jsx24("p", { className: "rf-text-sm rf-text-gray-700 rf-leading-relaxed", children: details.ai_description }) })
+            /* @__PURE__ */ jsx25("h3", { className: "rf-text-lg rf-font-semibold rf-mb-3", children: "AI Description" }),
+            /* @__PURE__ */ jsx25("div", { className: "rf-bg-gray-50 rf-border rf-border-gray-200 rf-rounded-lg rf-p-4", children: /* @__PURE__ */ jsx25("p", { className: "rf-text-sm rf-text-gray-700 rf-leading-relaxed", children: details.ai_description }) })
           ] }) : null,
           details?.ai_usage_instructions ? /* @__PURE__ */ jsxs18("section", { children: [
-            /* @__PURE__ */ jsx24("h3", { className: "rf-text-lg rf-font-semibold rf-mb-3", children: "Usage Instructions" }),
-            /* @__PURE__ */ jsx24("div", { className: "rf-bg-gray-50 rf-border rf-border-gray-200 rf-rounded-lg rf-p-4", children: /* @__PURE__ */ jsx24("p", { className: "rf-text-sm rf-text-gray-700 rf-leading-relaxed rf-whitespace-pre-wrap", children: details.ai_usage_instructions }) })
+            /* @__PURE__ */ jsx25("h3", { className: "rf-text-lg rf-font-semibold rf-mb-3", children: "Usage Instructions" }),
+            /* @__PURE__ */ jsx25("div", { className: "rf-bg-gray-50 rf-border rf-border-gray-200 rf-rounded-lg rf-p-4", children: /* @__PURE__ */ jsx25("p", { className: "rf-text-sm rf-text-gray-700 rf-leading-relaxed rf-whitespace-pre-wrap", children: details.ai_usage_instructions }) })
           ] }) : null,
           isLoading ? /* @__PURE__ */ jsxs18("div", { className: "rf-flex rf-justify-center rf-items-center rf-gap-2 rf-text-gray-500", children: [
-            /* @__PURE__ */ jsx24(Loader22, { className: "rf-h-4 rf-w-4 rf-animate-spin" }),
-            /* @__PURE__ */ jsx24("span", { className: "rf-text-sm", children: "Loading package details..." })
+            /* @__PURE__ */ jsx25(Loader22, { className: "rf-h-4 rf-w-4 rf-animate-spin" }),
+            /* @__PURE__ */ jsx25("span", { className: "rf-text-sm", children: "Loading package details..." })
           ] }) : null
         ] }),
         /* @__PURE__ */ jsxs18(DialogFooter, { className: "rf-pt-4 rf-border-t rf-flex rf-flex-col sm:rf-flex-row rf-justify-between rf-gap-2", children: [
-          /* @__PURE__ */ jsx24("div", { className: "rf-flex-1", children: packageUrl ? /* @__PURE__ */ jsxs18(
+          /* @__PURE__ */ jsx25("div", { className: "rf-flex-1", children: packageUrl ? /* @__PURE__ */ jsxs18(
             Button,
             {
               variant: "outline",
@@ -2847,13 +2938,13 @@ var TscircuitPackageDetailsDialog = ({
               className: "rf-gap-2 rf-w-full sm:rf-w-auto",
               onClick: () => window.open(packageUrl, "_blank"),
               children: [
-                /* @__PURE__ */ jsx24(ExternalLink, { className: "rf-h-4 rf-w-4" }),
+                /* @__PURE__ */ jsx25(ExternalLink, { className: "rf-h-4 rf-w-4" }),
                 "View on tscircuit.com"
               ]
             }
           ) : null }),
           /* @__PURE__ */ jsxs18("div", { className: "rf-flex rf-flex-col sm:rf-flex-row rf-gap-2", children: [
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25(
               Button,
               {
                 variant: "outline",
@@ -2862,13 +2953,13 @@ var TscircuitPackageDetailsDialog = ({
                 children: "Close"
               }
             ),
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25(
               Button,
               {
                 onClick: onImport,
                 disabled: isSubmitting,
                 className: "rf-bg-blue-600 hover:rf-bg-blue-700",
-                children: isSubmitting ? /* @__PURE__ */ jsx24(Loader22, { className: "rf-h-4 rf-w-4 rf-animate-spin" }) : "Import Component"
+                children: isSubmitting ? /* @__PURE__ */ jsx25(Loader22, { className: "rf-h-4 rf-w-4 rf-animate-spin" }) : "Import Component"
               }
             )
           ] })
@@ -2879,10 +2970,10 @@ var TscircuitPackageDetailsDialog = ({
 };
 
 // lib/components/ImportComponentDialog2/hooks/useTscircuitPackageDetails.ts
-import { useCallback as useCallback2, useState as useState9 } from "react";
+import { useCallback as useCallback2, useState as useState10 } from "react";
 var useTscircuitPackageDetails = () => {
-  const [details, setDetails] = useState9(null);
-  const [isLoading, setIsLoading] = useState9(false);
+  const [details, setDetails] = useState10(null);
+  const [isLoading, setIsLoading] = useState10(false);
   const fetchDetails = useCallback2(async (owner, name) => {
     setIsLoading(true);
     try {
@@ -2916,7 +3007,7 @@ var useTscircuitPackageDetails = () => {
 };
 
 // lib/components/ImportComponentDialog2/hooks/useTscircuitPackageSearch.ts
-import { useCallback as useCallback3, useState as useState10 } from "react";
+import { useCallback as useCallback3, useState as useState11 } from "react";
 
 // lib/components/ImportComponentDialog2/api/tscircuit.ts
 var searchTscircuitPackages = async (query, sessionToken) => {
@@ -2945,10 +3036,10 @@ var searchTscircuitPackages = async (query, sessionToken) => {
 var useTscircuitPackageSearch = ({
   sessionToken
 }) => {
-  const [results, setResults] = useState10([]);
-  const [isSearching, setIsSearching] = useState10(false);
-  const [error, setError] = useState10(null);
-  const [hasSearched, setHasSearched] = useState10(false);
+  const [results, setResults] = useState11([]);
+  const [isSearching, setIsSearching] = useState11(false);
+  const [error, setError] = useState11(null);
+  const [hasSearched, setHasSearched] = useState11(false);
   const search = useCallback3(
     async (query) => {
       const trimmedQuery = query.trim();
@@ -2997,7 +3088,7 @@ var useTscircuitPackageSearch = ({
 };
 
 // lib/components/ImportComponentDialog2/hooks/useJlcpcbComponentSearch.ts
-import { useCallback as useCallback4, useState as useState11 } from "react";
+import { useCallback as useCallback4, useState as useState12 } from "react";
 var normalizeQuery = (query) => {
   const trimmedQuery = query.trim();
   const isPartNumber = /^C\d+/i.test(trimmedQuery);
@@ -3007,10 +3098,10 @@ var normalizeQuery = (query) => {
   return trimmedQuery;
 };
 var useJlcpcbComponentSearch = () => {
-  const [results, setResults] = useState11([]);
-  const [isSearching, setIsSearching] = useState11(false);
-  const [error, setError] = useState11(null);
-  const [hasSearched, setHasSearched] = useState11(false);
+  const [results, setResults] = useState12([]);
+  const [isSearching, setIsSearching] = useState12(false);
+  const [error, setError] = useState12(null);
+  const [hasSearched, setHasSearched] = useState12(false);
   const search = useCallback4(async (query) => {
     const normalizedQuery = normalizeQuery(query);
     if (!normalizedQuery) return [];
@@ -3053,7 +3144,7 @@ var useJlcpcbComponentSearch = () => {
 };
 
 // lib/components/ImportComponentDialog2/hooks/useKicadFootprintSearch.ts
-import { useCallback as useCallback5, useState as useState12 } from "react";
+import { useCallback as useCallback5, useState as useState13 } from "react";
 
 // lib/components/ImportComponentDialog2/api/kicad.ts
 import Fuse from "fuse.js";
@@ -3091,10 +3182,10 @@ var mapKicadFootprintToSummary = (footprintPath) => {
 
 // lib/components/ImportComponentDialog2/hooks/useKicadFootprintSearch.ts
 var useKicadFootprintSearch = () => {
-  const [results, setResults] = useState12([]);
-  const [isSearching, setIsSearching] = useState12(false);
-  const [error, setError] = useState12(null);
-  const [hasSearched, setHasSearched] = useState12(false);
+  const [results, setResults] = useState13([]);
+  const [isSearching, setIsSearching] = useState13(false);
+  const [error, setError] = useState13(null);
+  const [hasSearched, setHasSearched] = useState13(false);
   const search = useCallback5(async (query) => {
     const trimmedQuery = query.trim();
     if (!trimmedQuery) return [];
@@ -3137,7 +3228,7 @@ var useKicadFootprintSearch = () => {
 };
 
 // lib/components/ImportComponentDialog2/ImportComponentDialog2.tsx
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 var computeAvailableSources = ({
   onTscircuitPackageSelected,
   onJlcpcbComponentTsxLoaded,
@@ -3375,7 +3466,7 @@ var ImportComponentDialog2 = ({
               " ",
               "Component"
             ] }),
-            /* @__PURE__ */ jsx25(DialogDescription, { className: "rf-text-sm", children: hasSources ? "Search for components from available sources." : "Import options are disabled because no handlers were provided." })
+            /* @__PURE__ */ jsx26(DialogDescription, { className: "rf-text-sm", children: hasSources ? "Search for components from available sources." : "Import options are disabled because no handlers were provided." })
           ] }),
           hasSources ? /* @__PURE__ */ jsxs19(
             Tabs,
@@ -3384,7 +3475,7 @@ var ImportComponentDialog2 = ({
               onValueChange: (value) => setActiveSource(value),
               className: "rf-min-w-0 rf-w-full",
               children: [
-                !singleSource && /* @__PURE__ */ jsx25(TabsList, { className: "rf-flex rf-w-full rf-gap-2", children: availableSources.map((source) => /* @__PURE__ */ jsx25(
+                !singleSource && /* @__PURE__ */ jsx26(TabsList, { className: "rf-flex rf-w-full rf-gap-2", children: availableSources.map((source) => /* @__PURE__ */ jsx26(
                   TabsTrigger,
                   {
                     value: source,
@@ -3393,7 +3484,7 @@ var ImportComponentDialog2 = ({
                   },
                   source
                 )) }),
-                /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26(
                   SearchBar,
                   {
                     query: searchQuery,
@@ -3403,10 +3494,10 @@ var ImportComponentDialog2 = ({
                     onSubmit: performSearch
                   }
                 ),
-                /* @__PURE__ */ jsx25("div", { className: "no-scrollbar rf-mt-4 rf-flex-1 rf-min-h-[200px] !rf-max-h-[40vh] !rf-overflow-y-auto rf-overflow-x-hidden rf-border rf-rounded-md rf-min-w-0", children: isSearching ? /* @__PURE__ */ jsxs19("div", { className: "rf-p-8 rf-text-center rf-text-zinc-500", children: [
-                  /* @__PURE__ */ jsx25(Loader23, { className: "rf-h-8 rf-w-8 rf-animate-spin rf-mx-auto rf-mb-2" }),
-                  /* @__PURE__ */ jsx25("p", { children: "Searching..." })
-                ] }) : searchResults.length > 0 ? /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26("div", { className: "no-scrollbar rf-mt-4 rf-flex-1 rf-min-h-[200px] !rf-max-h-[40vh] !rf-overflow-y-auto rf-overflow-x-hidden rf-border rf-rounded-md rf-min-w-0", children: isSearching ? /* @__PURE__ */ jsxs19("div", { className: "rf-p-8 rf-text-center rf-text-zinc-500", children: [
+                  /* @__PURE__ */ jsx26(Loader23, { className: "rf-h-8 rf-w-8 rf-animate-spin rf-mx-auto rf-mb-2" }),
+                  /* @__PURE__ */ jsx26("p", { children: "Searching..." })
+                ] }) : searchResults.length > 0 ? /* @__PURE__ */ jsx26(
                   SearchResultsList,
                   {
                     results: searchResults,
@@ -3414,13 +3505,13 @@ var ImportComponentDialog2 = ({
                     onSelect: setSelectedSearchResult,
                     onShowDetails: activeSource === "tscircuit.com" ? handleShowDetails : void 0
                   }
-                ) : /* @__PURE__ */ jsx25("div", { className: "rf-p-8 rf-text-center rf-text-zinc-500", children: searchError ? `Error: ${searchError}` : hasExecutedSearch ? SOURCE_CONFIG[activeSource].emptyMessage : "Enter a search term to find components" }) })
+                ) : /* @__PURE__ */ jsx26("div", { className: "rf-p-8 rf-text-center rf-text-zinc-500", children: searchError ? `Error: ${searchError}` : hasExecutedSearch ? SOURCE_CONFIG[activeSource].emptyMessage : "Enter a search term to find components" }) })
               ]
             }
           ) : null,
-          importErrorMessage ? /* @__PURE__ */ jsx25("div", { className: "rf-text-sm rf-text-red-600 rf-mt-2", children: importErrorMessage }) : null,
+          importErrorMessage ? /* @__PURE__ */ jsx26("div", { className: "rf-text-sm rf-text-red-600 rf-mt-2", children: importErrorMessage }) : null,
           /* @__PURE__ */ jsxs19(DialogFooter, { className: "rf-flex rf-flex-col sm:rf-flex-row rf-gap-2", children: [
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26(
               Button,
               {
                 variant: "outline",
@@ -3429,20 +3520,20 @@ var ImportComponentDialog2 = ({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26(
               Button,
               {
                 onClick: handleConfirm,
                 disabled: !selectedSearchResult || isSubmittingImport,
                 className: "rf-order-1 sm:rf-order-2",
-                children: isSubmittingImport ? /* @__PURE__ */ jsx25(Loader23, { className: "rf-h-4 rf-w-4 rf-animate-spin" }) : "Import"
+                children: isSubmittingImport ? /* @__PURE__ */ jsx26(Loader23, { className: "rf-h-4 rf-w-4 rf-animate-spin" }) : "Import"
               }
             )
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       TscircuitPackageDetailsDialog,
       {
         packageResult: componentForDetails,
@@ -3471,7 +3562,7 @@ var ImportComponentDialog2 = ({
 
 // lib/components/ImportComponentDialog2/ImportComponentDialogForCli.tsx
 import "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var extractComponentName = (tsx) => {
   const match = tsx.match(/export const (\w+) =/);
   if (!match) {
@@ -3521,7 +3612,7 @@ var ImportComponentDialogForCli = (props) => {
       error: (error) => `Failed to import component: ${error instanceof Error ? error.message : String(error)}`
     });
   };
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     ImportComponentDialog2,
     {
       ...props,
@@ -3537,7 +3628,7 @@ ImportComponentDialogForCli.displayName = "ImportComponentDialogForCli";
 import JSZip from "jszip";
 import importer from "@tscircuit/internal-dynamic-import";
 import {
-  convertCircuitJsonToBomRows,
+  convertCircuitJsonToBomRows as convertCircuitJsonToBomRows2,
   convertBomRowsToCsv
 } from "circuit-json-to-bom-csv";
 import { convertCircuitJsonToPickAndPlaceCsv } from "circuit-json-to-pnp-csv";
@@ -3587,7 +3678,7 @@ var exportFabricationFiles = async ({
   });
   const drillFileContents = stringifyExcellonDrill(drillCmds);
   zip.file("gerber/drill.drl", drillFileContents);
-  const bomRows = await convertCircuitJsonToBomRows({ circuitJson });
+  const bomRows = await convertCircuitJsonToBomRows2({ circuitJson });
   const bomCsv = await convertBomRowsToCsv(bomRows);
   zip.file("bom.csv", bomCsv);
   const pnpCsv = await convertCircuitJsonToPickAndPlaceCsv(circuitJson);
@@ -3889,10 +3980,10 @@ var exportAndDownload = async ({
 };
 
 // lib/components/AiReviewDialog/AiReviewDialog.tsx
-import { useState as useState16 } from "react";
+import { useState as useState17 } from "react";
 
 // lib/components/AiReviewDialog/ListAiReviewsView.tsx
-import { useEffect as useEffect10, useState as useState14 } from "react";
+import { useEffect as useEffect11, useState as useState15 } from "react";
 
 // lib/utils/get-registry-ky.ts
 import ky, { HTTPError } from "ky";
@@ -3961,17 +4052,17 @@ var registryKy = {
 };
 
 // lib/components/AiReviewDialog/ListAiReviewsView.tsx
-import { Fragment as Fragment5, jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 var AiReviewListView = ({
   packageName,
   onSelectReview
 }) => {
   const fsMap = useRunFrameStore((s) => s.fsMap);
   const circuitJson = useRunFrameStore((s) => s.circuitJson);
-  const [reviews, setReviews] = useState14([]);
-  const [loading, setLoading] = useState14(false);
-  const [creating, setCreating] = useState14(false);
-  useEffect10(() => {
+  const [reviews, setReviews] = useState15([]);
+  const [loading, setLoading] = useState15(false);
+  const [creating, setCreating] = useState15(false);
+  useEffect11(() => {
     if (!packageName || !hasRegistryToken()) return;
     setLoading(true);
     registryKy.get("ai_reviews/list", { searchParams: { package_name: packageName } }).json().then((data) => setReviews(data.ai_reviews)).catch((err) => {
@@ -4009,10 +4100,10 @@ var AiReviewListView = ({
   };
   return /* @__PURE__ */ jsxs20(Fragment5, { children: [
     /* @__PURE__ */ jsxs20(DialogHeader, { children: [
-      /* @__PURE__ */ jsx27(DialogTitle, { children: "AI Review" }),
-      /* @__PURE__ */ jsx27(DialogDescription, { children: "Select an AI review or request a new one." })
+      /* @__PURE__ */ jsx28(DialogTitle, { children: "AI Review" }),
+      /* @__PURE__ */ jsx28(DialogDescription, { children: "Select an AI review or request a new one." })
     ] }),
-    /* @__PURE__ */ jsx27("div", { className: "rf-flex rf-gap-4 rf-mt-4", children: /* @__PURE__ */ jsx27("div", { className: "rf-w-48 rf-h-64 rf-overflow-y-auto rf-border rf-rounded rf-p-2 rf-flex-shrink-0", children: loading ? /* @__PURE__ */ jsx27("div", { className: "rf-text-sm", children: "Loading..." }) : reviews.length > 0 ? reviews.map((review) => /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28("div", { className: "rf-flex rf-gap-4 rf-mt-4", children: /* @__PURE__ */ jsx28("div", { className: "rf-w-48 rf-h-64 rf-overflow-y-auto rf-border rf-rounded rf-p-2 rf-flex-shrink-0", children: loading ? /* @__PURE__ */ jsx28("div", { className: "rf-text-sm", children: "Loading..." }) : reviews.length > 0 ? reviews.map((review) => /* @__PURE__ */ jsx28(
       "div",
       {
         className: "rf-text-sm rf-p-2 rf-cursor-pointer rf-rounded hover:rf-bg-zinc-100",
@@ -4020,25 +4111,25 @@ var AiReviewListView = ({
         children: new Date(review.created_at || "").toLocaleString()
       },
       review.ai_review_id
-    )) : /* @__PURE__ */ jsx27("div", { className: "rf-text-sm rf-text-muted-foreground", children: "No AI reviews found." }) }) }),
-    /* @__PURE__ */ jsx27(DialogFooter, { className: "rf-mt-4", children: /* @__PURE__ */ jsx27(Button, { onClick: requestReview, disabled: creating, children: creating ? "Requesting..." : "Review my Board" }) })
+    )) : /* @__PURE__ */ jsx28("div", { className: "rf-text-sm rf-text-muted-foreground", children: "No AI reviews found." }) }) }),
+    /* @__PURE__ */ jsx28(DialogFooter, { className: "rf-mt-4", children: /* @__PURE__ */ jsx28(Button, { onClick: requestReview, disabled: creating, children: creating ? "Requesting..." : "Review my Board" }) })
   ] });
 };
 
 // lib/components/AiReviewDialog/ViewAiReviewView.tsx
-import { useEffect as useEffect11, useMemo as useMemo5, useState as useState15 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo5, useState as useState16 } from "react";
 import { marked } from "marked";
-import { Fragment as Fragment6, jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 var AiReviewViewView = ({
   review,
   onBack
 }) => {
-  const [aiReviewText, setAiReviewText] = useState15(
+  const [aiReviewText, setAiReviewText] = useState16(
     review.ai_review_text ?? null
   );
   const registryKy2 = getRegistryKy();
   const aiReviewId = review.ai_review_id;
-  useEffect11(() => {
+  useEffect12(() => {
     if (!aiReviewId) return;
     let timeout;
     async function loadAiReviewText() {
@@ -4068,16 +4159,16 @@ var AiReviewViewView = ({
   );
   return /* @__PURE__ */ jsxs21(Fragment6, { children: [
     /* @__PURE__ */ jsxs21(DialogHeader, { className: "rf-flex rf-flex-row rf-items-center rf-justify-between", children: [
-      /* @__PURE__ */ jsx28(Button, { variant: "ghost", size: "sm", onClick: onBack, children: "Back" }),
-      /* @__PURE__ */ jsx28(DialogTitle, { children: "AI Review" })
+      /* @__PURE__ */ jsx29(Button, { variant: "ghost", size: "sm", onClick: onBack, children: "Back" }),
+      /* @__PURE__ */ jsx29(DialogTitle, { children: "AI Review" })
     ] }),
-    aiReviewText ? /* @__PURE__ */ jsx28(
+    aiReviewText ? /* @__PURE__ */ jsx29(
       "div",
       {
         className: "rf-h-64 rf-overflow-y-auto rf-prose rf-max-w-none rf-mt-2",
         dangerouslySetInnerHTML: { __html: html }
       }
-    ) : /* @__PURE__ */ jsx28("div", { className: "rf-h-64 rf-overflow-y-auto rf-prose rf-max-w-none rf-mt-2", children: /* @__PURE__ */ jsxs21("div", { className: "rf-flex rf-items-center rf-justify-center rf-h-full", children: [
+    ) : /* @__PURE__ */ jsx29("div", { className: "rf-h-64 rf-overflow-y-auto rf-prose rf-max-w-none rf-mt-2", children: /* @__PURE__ */ jsxs21("div", { className: "rf-flex rf-items-center rf-justify-center rf-h-full", children: [
       /* @__PURE__ */ jsxs21(
         "svg",
         {
@@ -4087,7 +4178,7 @@ var AiReviewViewView = ({
           viewBox: "0 0 24 24",
           "aria-hidden": "true",
           children: [
-            /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsx29(
               "circle",
               {
                 className: "rf-opacity-25",
@@ -4098,7 +4189,7 @@ var AiReviewViewView = ({
                 strokeWidth: "4"
               }
             ),
-            /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsx29(
               "path",
               {
                 className: "rf-opacity-75",
@@ -4109,27 +4200,27 @@ var AiReviewViewView = ({
           ]
         }
       ),
-      /* @__PURE__ */ jsx28("span", { children: "Loading..." })
+      /* @__PURE__ */ jsx29("span", { children: "Loading..." })
     ] }) })
   ] });
 };
 
 // lib/components/AiReviewDialog/AiReviewDialog.tsx
-import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
 var AiReviewDialog = ({
   isOpen,
   onClose,
   packageName
 }) => {
-  const [stage, setStage] = useState16(
+  const [stage, setStage] = useState17(
     "list_reviews"
   );
-  const [selectedReview, setSelectedReview] = useState16(null);
+  const [selectedReview, setSelectedReview] = useState17(null);
   const handleSelect = (review) => {
     setSelectedReview(review);
     setStage("view_review");
   };
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     Dialog,
     {
       open: isOpen,
@@ -4141,14 +4232,14 @@ var AiReviewDialog = ({
         }
       },
       children: /* @__PURE__ */ jsxs22(DialogContent, { className: "rf-max-w-2xl", children: [
-        stage === "list_reviews" && /* @__PURE__ */ jsx29(
+        stage === "list_reviews" && /* @__PURE__ */ jsx30(
           AiReviewListView,
           {
             packageName,
             onSelectReview: handleSelect
           }
         ),
-        stage === "view_review" && selectedReview && /* @__PURE__ */ jsx29(
+        stage === "view_review" && selectedReview && /* @__PURE__ */ jsx30(
           AiReviewViewView,
           {
             review: selectedReview,
@@ -4169,11 +4260,11 @@ import { QueryClient, QueryClientProvider } from "react-query";
 // lib/components/OrderDialog/InitialOrder.tsx
 import { Loader2 as Loader24 } from "lucide-react";
 import { GitHubLogoIcon as GitHubLogoIcon2 } from "@radix-ui/react-icons";
-import { useEffect as useEffect12, useMemo as useMemo6, useState as useState17 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo6, useState as useState18 } from "react";
 
 // lib/components/OrderDialog/VendorQuoteCard.tsx
 import { Truck, Package } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 function VendorQuoteCard({
   orderQuote,
   selectedShippingCarrier,
@@ -4186,24 +4277,24 @@ function VendorQuoteCard({
   return /* @__PURE__ */ jsxs23("div", { className: "rf-rounded-xl rf-bg-white rf-shadow-lg rf-border rf-border-gray-200", children: [
     /* @__PURE__ */ jsxs23("div", { className: "rf-flex rf-items-center rf-justify-between rf-px-6 rf-pt-4 rf-pb-2", children: [
       /* @__PURE__ */ jsxs23("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-        /* @__PURE__ */ jsx30(Package, { className: "rf-w-6 rf-h-6 rf-text-blue-500" }),
-        /* @__PURE__ */ jsx30("span", { className: "rf-font-semibold rf-text-lg", children: orderQuote.vendor_name.toUpperCase() })
+        /* @__PURE__ */ jsx31(Package, { className: "rf-w-6 rf-h-6 rf-text-blue-500" }),
+        /* @__PURE__ */ jsx31("span", { className: "rf-font-semibold rf-text-lg", children: orderQuote.vendor_name.toUpperCase() })
       ] }),
       /* @__PURE__ */ jsxs23("div", { className: "rf-flex rf-flex-col rf-items-end", children: [
-        /* @__PURE__ */ jsx30("span", { className: "rf-text-gray-500 rf-text-sm", children: "Fully Assembled PCB" }),
+        /* @__PURE__ */ jsx31("span", { className: "rf-text-gray-500 rf-text-sm", children: "Fully Assembled PCB" }),
         /* @__PURE__ */ jsxs23("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
           /* @__PURE__ */ jsxs23("span", { className: "rf-text-gray-400 rf-line-through rf-text-base", children: [
             "$",
             lowestShippingCarrierCost.toFixed(2)
           ] }),
-          /* @__PURE__ */ jsx30("span", { className: "rf-font-bold rf-text-xl rf-text-blue-600", children: "$50.00" })
+          /* @__PURE__ */ jsx31("span", { className: "rf-font-bold rf-text-xl rf-text-blue-600", children: "$50.00" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx30("hr", { className: "rf-border-gray-200" }),
+    /* @__PURE__ */ jsx31("hr", { className: "rf-border-gray-200" }),
     /* @__PURE__ */ jsxs23("div", { className: "rf-px-6 rf-pt-4 rf-pb-2", children: [
-      /* @__PURE__ */ jsx30("div", { className: "rf-mb-2 rf-text-sm rf-font-bold rf-text-gray-700", children: "Shipping Options:" }),
-      /* @__PURE__ */ jsx30("div", { className: "rf-flex rf-flex-col rf-gap-2 rf-mb-2", children: orderQuote.shipping_options.map((ship, idx) => /* @__PURE__ */ jsxs23(
+      /* @__PURE__ */ jsx31("div", { className: "rf-mb-2 rf-text-sm rf-font-bold rf-text-gray-700", children: "Shipping Options:" }),
+      /* @__PURE__ */ jsx31("div", { className: "rf-flex rf-flex-col rf-gap-2 rf-mb-2", children: orderQuote.shipping_options.map((ship, idx) => /* @__PURE__ */ jsxs23(
         "button",
         {
           type: "button",
@@ -4213,31 +4304,31 @@ function VendorQuoteCard({
           ),
           onClick: () => onSelectShippingCarrier(ship.carrier),
           children: [
-            /* @__PURE__ */ jsx30(Truck, { className: "rf-w-5 rf-h-5 rf-text-yellow-500" }),
+            /* @__PURE__ */ jsx31(Truck, { className: "rf-w-5 rf-h-5 rf-text-yellow-500" }),
             /* @__PURE__ */ jsxs23("div", { className: "rf-text-left rf-flex-1", children: [
-              /* @__PURE__ */ jsx30("div", { className: "rf-leading-tight rf-font-medium", children: ship.carrier }),
-              /* @__PURE__ */ jsx30("div", { className: "rf-text-xs rf-text-gray-500", children: "Express, 5-12 days" })
+              /* @__PURE__ */ jsx31("div", { className: "rf-leading-tight rf-font-medium", children: ship.carrier }),
+              /* @__PURE__ */ jsx31("div", { className: "rf-text-xs rf-text-gray-500", children: "Express, 5-12 days" })
             ] }),
             /* @__PURE__ */ jsxs23("div", { className: "rf-flex rf-flex-col rf-items-end rf-ml-2", children: [
               /* @__PURE__ */ jsxs23("span", { className: "rf-text-gray-400 rf-line-through rf-text-sm", children: [
                 "$",
                 ship.cost.toFixed(2)
               ] }),
-              /* @__PURE__ */ jsx30("span", { className: "rf-text-xs rf-text-blue-600 rf-font-medium", children: "waived" })
+              /* @__PURE__ */ jsx31("span", { className: "rf-text-xs rf-text-blue-600 rf-font-medium", children: "waived" })
             ] })
           ]
         },
         ship.carrier + idx
       )) })
     ] }),
-    selectedShippingCarrier !== null && selectedShipping && /* @__PURE__ */ jsx30("div", { className: "rf-px-6 rf-pb-4 rf-pt-2", children: /* @__PURE__ */ jsxs23("div", { className: "rf-flex rf-justify-between rf-items-center rf-mt-3 rf-mb-2", children: [
-      /* @__PURE__ */ jsx30("span", { className: "rf-text-gray-700 rf-font-bold", children: "Total (incl. shipping):" }),
+    selectedShippingCarrier !== null && selectedShipping && /* @__PURE__ */ jsx31("div", { className: "rf-px-6 rf-pb-4 rf-pt-2", children: /* @__PURE__ */ jsxs23("div", { className: "rf-flex rf-justify-between rf-items-center rf-mt-3 rf-mb-2", children: [
+      /* @__PURE__ */ jsx31("span", { className: "rf-text-gray-700 rf-font-bold", children: "Total (incl. shipping):" }),
       /* @__PURE__ */ jsxs23("div", { className: "rf-flex rf-flex-col rf-items-end", children: [
         /* @__PURE__ */ jsxs23("div", { className: "rf-text-gray-400 rf-line-through rf-text-base", children: [
           "$",
           (orderQuote.total_cost_without_shipping + selectedShipping.cost).toFixed(2)
         ] }),
-        /* @__PURE__ */ jsx30("div", { className: "rf-flex rf-items-center", children: /* @__PURE__ */ jsx30("span", { className: "rf-font-bold rf-text-xl rf-text-blue-600", children: "$50.00" }) })
+        /* @__PURE__ */ jsx31("div", { className: "rf-flex rf-items-center", children: /* @__PURE__ */ jsx31("span", { className: "rf-font-bold rf-text-xl rf-text-blue-600", children: "$50.00" }) })
       ] })
     ] }) })
   ] });
@@ -4325,17 +4416,17 @@ var useOrderQuotePolling = (orderQuoteId) => {
 };
 
 // lib/components/OrderDialog/InitialOrder.tsx
-import { Fragment as Fragment7, jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
 var InitialOrderScreen = ({
   onCancel,
   packageReleaseId,
   signIn,
   isLoggedIn
 }) => {
-  const [selectedShippingCarrier, setSelectedShippingCarrier] = useState17(null);
-  const [orderQuoteId, setOrderQuoteId] = useState17(null);
+  const [selectedShippingCarrier, setSelectedShippingCarrier] = useState18(null);
+  const [orderQuoteId, setOrderQuoteId] = useState18(null);
   const { mutate: createOrderQuote2, error: createOrderQuoteError } = useCreateOrderQuote();
-  useEffect12(() => {
+  useEffect13(() => {
     if (packageReleaseId) {
       createOrderQuote2(packageReleaseId, {
         onSuccess: (data) => {
@@ -4353,7 +4444,7 @@ var InitialOrderScreen = ({
     );
     window.location.href = `${stripeCheckoutBaseUrl}?client_reference_id=${orderQuoteId2}&shipping_option=${selectedShippingCarrier}`;
   };
-  useEffect12(() => {
+  useEffect13(() => {
     if (selectedShippingCarrier === null && orderQuote && Array.isArray(orderQuote.shipping_options) && orderQuote.shipping_options.length > 0) {
       const lowest = orderQuote.shipping_options.reduce(
         (min, curr) => curr.cost < min.cost ? curr : min,
@@ -4370,24 +4461,24 @@ var InitialOrderScreen = ({
   }, [orderQuote]);
   const isNoTokenError = createOrderQuoteError && createOrderQuoteError.error?.error_code?.includes("no_token") || orderQuote?.error?.error_code?.includes("no_token") && signIn;
   if (!isLoggedIn || isNoTokenError) {
-    return /* @__PURE__ */ jsx31(SignInView, { signIn });
+    return /* @__PURE__ */ jsx32(SignInView, { signIn });
   }
   return /* @__PURE__ */ jsxs24(
     "div",
     {
       className: "\n      rf-w-full rf-mx-auto rf-bg-white rf-rounded-2xl \n      rf-p-4 sm:rf-p-6 md:rf-p-8 \n      rf-flex rf-flex-col rf-gap-3\n      rf-max-w-full sm:rf-max-w-md md:rf-max-w-lg lg:rf-max-w-xl\n    ",
       children: [
-        /* @__PURE__ */ jsx31("h2", { className: "rf-text-xl sm:rf-text-2xl md:rf-text-3xl rf-font-bold rf-text-center", children: "Order PCB" }),
-        !(createOrderQuoteError || orderQuote?.error) && (!orderQuoteId || !orderQuote || orderQuote?.is_processing) && /* @__PURE__ */ jsx31(LoadingMessage, { message: "Fetching quotes..." }),
-        (createOrderQuoteError || orderQuote?.error) && /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx32("h2", { className: "rf-text-xl sm:rf-text-2xl md:rf-text-3xl rf-font-bold rf-text-center", children: "Order PCB" }),
+        !(createOrderQuoteError || orderQuote?.error) && (!orderQuoteId || !orderQuote || orderQuote?.is_processing) && /* @__PURE__ */ jsx32(LoadingMessage, { message: "Fetching quotes..." }),
+        (createOrderQuoteError || orderQuote?.error) && /* @__PURE__ */ jsx32(
           ErrorMessage,
           {
             message: createOrderQuoteError && createOrderQuoteError.error?.message || orderQuote?.error?.message || "Failed to fetch quotes"
           }
         ),
         orderQuote?.is_completed && !createOrderQuoteError && !orderQuote?.error && Array.isArray(orderQuote?.shipping_options) && orderQuote.shipping_options.length > 0 && /* @__PURE__ */ jsxs24(Fragment7, { children: [
-          /* @__PURE__ */ jsx31("div", { className: "rf-bg-blue-100 rf-text-blue-800 rf-p-2 sm:rf-p-3 rf-rounded-md rf-text-center rf-text-xs sm:rf-text-sm", children: "This board is eligible for the tscircuit Flat Fee" }),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx32("div", { className: "rf-bg-blue-100 rf-text-blue-800 rf-p-2 sm:rf-p-3 rf-rounded-md rf-text-center rf-text-xs sm:rf-text-sm", children: "This board is eligible for the tscircuit Flat Fee" }),
+          /* @__PURE__ */ jsx32(
             VendorQuoteCard,
             {
               orderQuote,
@@ -4399,7 +4490,7 @@ var InitialOrderScreen = ({
           )
         ] }),
         /* @__PURE__ */ jsxs24("div", { className: "rf-flex rf-flex-col-reverse sm:rf-flex-row rf-justify-between rf-mt-5 rf-gap-3 sm:rf-gap-4", children: [
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx32(
             Button,
             {
               variant: "outline",
@@ -4409,7 +4500,7 @@ var InitialOrderScreen = ({
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx32(
             Button,
             {
               type: "button",
@@ -4428,31 +4519,31 @@ var InitialOrderScreen = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx31("div", { className: "rf-text-xs rf-text-center rf-text-gray-400 rf-mt-3 sm:rf-mt-4 rf-px-2", children: "Pricing may vary based on specifications." })
+        /* @__PURE__ */ jsx32("div", { className: "rf-text-xs rf-text-center rf-text-gray-400 rf-mt-3 sm:rf-mt-4 rf-px-2", children: "Pricing may vary based on specifications." })
       ]
     }
   );
 };
 var LoadingMessage = ({ message }) => /* @__PURE__ */ jsxs24("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-2 rf-my-12", children: [
-  /* @__PURE__ */ jsx31(Loader24, { className: "rf-animate-spin rf-w-8 rf-h-8 rf-text-gray-400" }),
-  /* @__PURE__ */ jsx31("p", { className: "rf-text-gray-600", children: message })
+  /* @__PURE__ */ jsx32(Loader24, { className: "rf-animate-spin rf-w-8 rf-h-8 rf-text-gray-400" }),
+  /* @__PURE__ */ jsx32("p", { className: "rf-text-gray-600", children: message })
 ] });
-var ErrorMessage = ({ message }) => /* @__PURE__ */ jsx31("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: message });
+var ErrorMessage = ({ message }) => /* @__PURE__ */ jsx32("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: message });
 var SignInView = ({ signIn }) => /* @__PURE__ */ jsxs24(
   "div",
   {
     className: "\n    rf-w-full rf-mx-auto rf-bg-white rf-rounded-2xl \n    rf-p-4 sm:rf-p-6 md:rf-p-8 \n    rf-flex rf-flex-col rf-gap-3\n    rf-max-w-full sm:rf-max-w-md md:rf-max-w-lg lg:rf-max-w-xl\n  ",
     children: [
-      /* @__PURE__ */ jsx31("h2", { className: "rf-text-xl sm:rf-text-2xl md:rf-text-3xl rf-font-bold rf-text-center", children: "Order PCB" }),
+      /* @__PURE__ */ jsx32("h2", { className: "rf-text-xl sm:rf-text-2xl md:rf-text-3xl rf-font-bold rf-text-center", children: "Order PCB" }),
       /* @__PURE__ */ jsxs24("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-4 rf-py-4 sm:rf-py-6 md:rf-py-8", children: [
-        /* @__PURE__ */ jsx31("p", { className: "rf-text-gray-600 rf-text-sm sm:rf-text-base rf-text-center rf-px-2", children: "Please sign in to continue" }),
+        /* @__PURE__ */ jsx32("p", { className: "rf-text-gray-600 rf-text-sm sm:rf-text-base rf-text-center rf-px-2", children: "Please sign in to continue" }),
         /* @__PURE__ */ jsxs24(
           Button,
           {
             onClick: signIn,
             className: "rf-flex rf-items-center rf-gap-2 rf-text-sm sm:rf-text-base rf-px-4 sm:rf-px-6",
             children: [
-              /* @__PURE__ */ jsx31(GitHubLogoIcon2, { className: "rf-w-4 rf-h-4 sm:rf-w-5 sm:rf-h-5" }),
+              /* @__PURE__ */ jsx32(GitHubLogoIcon2, { className: "rf-w-4 rf-h-4 sm:rf-w-5 sm:rf-h-5" }),
               "Sign in with GitHub"
             ]
           }
@@ -4463,7 +4554,7 @@ var SignInView = ({ signIn }) => /* @__PURE__ */ jsxs24(
 );
 
 // lib/components/OrderDialog/OrderDialog.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var queryClient = new QueryClient();
 var OrderDialog = ({
   isOpen,
@@ -4475,18 +4566,18 @@ var OrderDialog = ({
   signIn,
   isLoggedIn
 }) => {
-  return /* @__PURE__ */ jsx32(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx33(
     Dialog,
     {
       open: isOpen,
       onOpenChange: (open) => {
         if (!open) onClose();
       },
-      children: /* @__PURE__ */ jsx32(
+      children: /* @__PURE__ */ jsx33(
         DialogContent,
         {
           className: "\n          !rf-p-0 !rf-z-[101] rf-rounded-md\n          !rf-w-[95vw] !rf-max-w-[95vw]\n          sm:rf-w-[90vw] sm:rf-max-w-[500px]\n          md:rf-w-auto md:rf-max-w-[660px]\n          lg:rf-max-w-[720px]\n          xl:rf-max-w-[800px]\n          rf-max-h-[90vh] rf-overflow-y-auto\n        ",
-          children: /* @__PURE__ */ jsx32("div", { className: "rf-relative rf-w-full", children: stage === "initial" && /* @__PURE__ */ jsx32(
+          children: /* @__PURE__ */ jsx33("div", { className: "rf-relative rf-w-full", children: stage === "initial" && /* @__PURE__ */ jsx33(
             InitialOrderScreen,
             {
               onCancel: onClose,
@@ -4503,7 +4594,7 @@ var OrderDialog = ({
 };
 
 // lib/components/OrderDialog/CliOrderDialog.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var CliOrderDialog = ({
   isOpen,
   onClose,
@@ -4513,7 +4604,7 @@ var CliOrderDialog = ({
   isLoggedIn
 }) => {
   const circuitJson = useRunFrameStore((state) => state.circuitJson);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     OrderDialog,
     {
       signIn,
@@ -4528,11 +4619,11 @@ var CliOrderDialog = ({
 };
 
 // lib/components/OrderDialog/useOrderDialog.tsx
-import { useState as useState18, useMemo as useMemo7, useCallback as useCallback7 } from "react";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { useState as useState19, useMemo as useMemo7, useCallback as useCallback7 } from "react";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var useOrderDialogCli = () => {
-  const [isOpen, setIsOpen] = useState18(false);
-  const [stage, setStage] = useState18("initial");
+  const [isOpen, setIsOpen] = useState19(false);
+  const [stage, setStage] = useState19("initial");
   const handleClose = () => {
     setIsOpen(false);
     setStage("initial");
@@ -4552,15 +4643,15 @@ var useOrderDialog = ({
   packageReleaseId
 }) => {
   useStyles();
-  const [isOpen, setIsOpen] = useState18(false);
-  const [stage, setStage] = useState18("initial");
+  const [isOpen, setIsOpen] = useState19(false);
+  const [stage, setStage] = useState19("initial");
   const handleClose = useCallback7(() => {
     setIsOpen(false);
     setStage("initial");
   }, []);
   const open = useCallback7(() => setIsOpen(true), []);
   const MemoizedOrderDialog = useMemo7(() => {
-    return (props) => /* @__PURE__ */ jsx34(
+    return (props) => /* @__PURE__ */ jsx35(
       OrderDialog,
       {
         ...props,
@@ -4585,12 +4676,12 @@ import clsx2 from "clsx";
 import { HTTPError as HTTPError3 } from "ky";
 import {
   useCallback as useCallback8,
-  useEffect as useEffect13,
+  useEffect as useEffect14,
   useMemo as useMemo8,
   useRef as useRef3,
-  useState as useState19
+  useState as useState20
 } from "react";
-import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
 async function getFilesFromServer() {
   const response = await fetch(`${API_BASE}/files/list`);
   const { file_list } = await response.json();
@@ -4612,23 +4703,23 @@ async function getFilesFromServer() {
 var BUG_REPORT_VIEW_BASE_URL = "https://api.tscircuit.com/bug_reports/view?bug_report_id=";
 var buildBugReportUrl = (bugReportId) => `${BUG_REPORT_VIEW_BASE_URL}${bugReportId}`;
 var useBugReportDialog = (options) => {
-  const [isOpen, setIsOpen] = useState19(false);
-  const [isSubmitting, setIsSubmitting] = useState19(false);
-  const [errorMessage, setErrorMessage] = useState19(null);
-  const [uploadProgress, setUploadProgress] = useState19(
+  const [isOpen, setIsOpen] = useState20(false);
+  const [isSubmitting, setIsSubmitting] = useState20(false);
+  const [errorMessage, setErrorMessage] = useState20(null);
+  const [uploadProgress, setUploadProgress] = useState20(
     null
   );
-  const [uploadErrors, setUploadErrors] = useState19([]);
+  const [uploadErrors, setUploadErrors] = useState20([]);
   const textareaRef = useRef3(null);
-  const [successState, setSuccessState] = useState19(null);
-  const [bugReportFileCount, setBugReportFileCount] = useState19(0);
+  const [successState, setSuccessState] = useState20(null);
+  const [bugReportFileCount, setBugReportFileCount] = useState20(0);
   const onLoginRequired = options?.onLoginRequired;
   const isSessionLoggedIn = useMemo8(() => {
     if (hasRegistryToken()) return true;
     if (typeof document === "undefined") return false;
     return document.cookie.split(";").some((cookie) => cookie.trim().startsWith("session="));
   }, [isOpen]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (isOpen && !successState && textareaRef.current) {
       const globalError = typeof window !== "undefined" ? window.__TSCIRCUIT_LAST_EXECUTION_ERROR : void 0;
       if (globalError) {
@@ -4638,7 +4729,7 @@ ${globalError}`;
       }
     }
   }, [isOpen, successState]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (isOpen && !successState) {
       getFilesFromServer().then((files) => {
         setBugReportFileCount(files.size);
@@ -4758,7 +4849,7 @@ ${globalError}`;
   }, [isSessionLoggedIn, onLoginRequired]);
   const BugReportDialog = useMemo8(() => {
     const progressPercent = uploadProgress ? Math.round(uploadProgress.current / uploadProgress.total * 100) : 0;
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(
       AlertDialog,
       {
         open: isOpen,
@@ -4777,9 +4868,9 @@ ${globalError}`;
         },
         children: /* @__PURE__ */ jsxs25(AlertDialogContent, { children: [
           /* @__PURE__ */ jsxs25(AlertDialogHeader, { children: [
-            /* @__PURE__ */ jsx35(AlertDialogTitle, { children: successState ? "Bug Report Created" : "Report Bug" }),
-            /* @__PURE__ */ jsx35(AlertDialogDescription, { asChild: true, children: successState ? /* @__PURE__ */ jsxs25("div", { className: "rf-text-left rf-space-y-3 rf-text-sm", children: [
-              /* @__PURE__ */ jsx35("p", { children: "Bug report created successfully." }),
+            /* @__PURE__ */ jsx36(AlertDialogTitle, { children: successState ? "Bug Report Created" : "Report Bug" }),
+            /* @__PURE__ */ jsx36(AlertDialogDescription, { asChild: true, children: successState ? /* @__PURE__ */ jsxs25("div", { className: "rf-text-left rf-space-y-3 rf-text-sm", children: [
+              /* @__PURE__ */ jsx36("p", { children: "Bug report created successfully." }),
               uploadErrors.length > 0 && /* @__PURE__ */ jsxs25("div", { className: "rf-bg-red-50 rf-border rf-border-red-200 rf-rounded rf-p-2 rf-max-h-28 rf-overflow-y-auto rf-overflow-x-hidden", children: [
                 /* @__PURE__ */ jsxs25("p", { className: "rf-text-red-700 rf-font-medium rf-text-xs rf-mb-1", children: [
                   uploadErrors.length,
@@ -4791,14 +4882,14 @@ ${globalError}`;
                     className: "rf-text-red-600 rf-text-xs rf-mb-0.5",
                     title: `${err.filePath}: ${err.message}`,
                     children: [
-                      /* @__PURE__ */ jsx35("span", { className: "rf-font-medium rf-break-all", children: err.filePath.split("/").pop() }),
-                      /* @__PURE__ */ jsx35("span", { className: "rf-text-red-500 rf-block rf-truncate", children: err.message })
+                      /* @__PURE__ */ jsx36("span", { className: "rf-font-medium rf-break-all", children: err.filePath.split("/").pop() }),
+                      /* @__PURE__ */ jsx36("span", { className: "rf-text-red-500 rf-block rf-truncate", children: err.message })
                     ]
                   },
                   idx
                 ))
               ] }),
-              /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36("div", { children: /* @__PURE__ */ jsx36(
                 "a",
                 {
                   className: "rf-text-blue-600 hover:rf-underline",
@@ -4810,7 +4901,7 @@ ${globalError}`;
               ) }),
               /* @__PURE__ */ jsxs25("p", { children: [
                 "Please share this link privately with tscircuit staff so we can help debug. Join the",
-                /* @__PURE__ */ jsx35(
+                /* @__PURE__ */ jsx36(
                   "a",
                   {
                     className: "rf-ml-1 rf-text-blue-600 hover:rf-underline",
@@ -4822,31 +4913,31 @@ ${globalError}`;
                 ),
                 "."
               ] })
-            ] }) : /* @__PURE__ */ jsx35("div", { className: "rf-text-left rf-space-y-3 rf-text-sm", children: uploadProgress ? /* @__PURE__ */ jsxs25("div", { className: "rf-space-y-2 rf-overflow-hidden", children: [
+            ] }) : /* @__PURE__ */ jsx36("div", { className: "rf-text-left rf-space-y-3 rf-text-sm", children: uploadProgress ? /* @__PURE__ */ jsxs25("div", { className: "rf-space-y-2 rf-overflow-hidden", children: [
               /* @__PURE__ */ jsxs25("div", { className: "rf-flex rf-justify-between rf-text-xs", children: [
-                /* @__PURE__ */ jsx35("span", { children: "Uploading files..." }),
+                /* @__PURE__ */ jsx36("span", { children: "Uploading files..." }),
                 /* @__PURE__ */ jsxs25("span", { children: [
                   uploadProgress.current,
                   "/",
                   uploadProgress.total
                 ] })
               ] }),
-              /* @__PURE__ */ jsx35("div", { className: "rf-w-full rf-h-2 rf-bg-gray-200 rf-rounded-full rf-overflow-hidden", children: /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36("div", { className: "rf-w-full rf-h-2 rf-bg-gray-200 rf-rounded-full rf-overflow-hidden", children: /* @__PURE__ */ jsx36(
                 "div",
                 {
                   className: "rf-h-full rf-bg-blue-500 rf-transition-all rf-duration-150",
                   style: { width: `${progressPercent}%` }
                 }
               ) }),
-              /* @__PURE__ */ jsx35("p", { className: "rf-text-xs rf-text-gray-500 rf-break-all rf-truncate rf-w-full rf-max-w-full", children: `${uploadProgress.currentFile.slice(0, 60)}${uploadProgress.currentFile.length > 60 ? "..." : ""}` }),
-              uploadErrors.length > 0 && /* @__PURE__ */ jsx35("div", { className: "rf-bg-red-50 rf-border rf-border-red-200 rf-rounded rf-p-2 rf-max-h-20 rf-overflow-y-auto rf-overflow-x-hidden", children: uploadErrors.map((err, idx) => /* @__PURE__ */ jsxs25(
+              /* @__PURE__ */ jsx36("p", { className: "rf-text-xs rf-text-gray-500 rf-break-all rf-truncate rf-w-full rf-max-w-full", children: `${uploadProgress.currentFile.slice(0, 60)}${uploadProgress.currentFile.length > 60 ? "..." : ""}` }),
+              uploadErrors.length > 0 && /* @__PURE__ */ jsx36("div", { className: "rf-bg-red-50 rf-border rf-border-red-200 rf-rounded rf-p-2 rf-max-h-20 rf-overflow-y-auto rf-overflow-x-hidden", children: uploadErrors.map((err, idx) => /* @__PURE__ */ jsxs25(
                 "div",
                 {
                   className: "rf-text-red-600 rf-text-xs rf-mb-0.5",
                   title: `${err.filePath}: ${err.message}`,
                   children: [
-                    /* @__PURE__ */ jsx35("span", { className: "rf-font-medium rf-break-all", children: err.filePath.split("/").pop() }),
-                    /* @__PURE__ */ jsx35("span", { className: "rf-text-red-500 rf-block rf-truncate", children: err.message })
+                    /* @__PURE__ */ jsx36("span", { className: "rf-font-medium rf-break-all", children: err.filePath.split("/").pop() }),
+                    /* @__PURE__ */ jsx36("span", { className: "rf-text-red-500 rf-block rf-truncate", children: err.message })
                   ]
                 },
                 idx
@@ -4859,7 +4950,7 @@ ${globalError}`;
                 "to tscircuit support."
               ] }),
               /* @__PURE__ */ jsxs25("div", { className: "rf-space-y-2", children: [
-                /* @__PURE__ */ jsx35(
+                /* @__PURE__ */ jsx36(
                   "label",
                   {
                     htmlFor: "bug-description",
@@ -4867,7 +4958,7 @@ ${globalError}`;
                     children: "Description (optional)"
                   }
                 ),
-                /* @__PURE__ */ jsx35(
+                /* @__PURE__ */ jsx36(
                   "textarea",
                   {
                     ref: textareaRef,
@@ -4880,7 +4971,7 @@ ${globalError}`;
               ] }),
               /* @__PURE__ */ jsxs25("p", { children: [
                 "Share the generated bug report link privately with tscircuit staff so we can help debug your issue. You can also reach out on our",
-                /* @__PURE__ */ jsx35(
+                /* @__PURE__ */ jsx36(
                   "a",
                   {
                     className: "rf-ml-1 rf-text-blue-600 hover:rf-underline",
@@ -4892,11 +4983,11 @@ ${globalError}`;
                 ),
                 "."
               ] }),
-              !isSessionLoggedIn && /* @__PURE__ */ jsx35("p", { className: "rf-text-red-600", children: "You appear to be logged out. Please log in before reporting a bug or the upload will fail." }),
-              errorMessage && /* @__PURE__ */ jsx35("p", { className: "rf-text-red-600", children: errorMessage })
+              !isSessionLoggedIn && /* @__PURE__ */ jsx36("p", { className: "rf-text-red-600", children: "You appear to be logged out. Please log in before reporting a bug or the upload will fail." }),
+              errorMessage && /* @__PURE__ */ jsx36("p", { className: "rf-text-red-600", children: errorMessage })
             ] }) }) })
           ] }),
-          /* @__PURE__ */ jsx35(AlertDialogFooter, { children: successState ? /* @__PURE__ */ jsx35(
+          /* @__PURE__ */ jsx36(AlertDialogFooter, { children: successState ? /* @__PURE__ */ jsx36(
             "button",
             {
               type: "button",
@@ -4907,7 +4998,7 @@ ${globalError}`;
               children: "Close"
             }
           ) : /* @__PURE__ */ jsxs25(Fragment8, { children: [
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36(
               AlertDialogCancel,
               {
                 disabled: isSubmitting,
@@ -4919,7 +5010,7 @@ ${globalError}`;
                 children: "Cancel"
               }
             ),
-            !isSessionLoggedIn && onLoginRequired ? /* @__PURE__ */ jsx35(
+            !isSessionLoggedIn && onLoginRequired ? /* @__PURE__ */ jsx36(
               "button",
               {
                 type: "button",
@@ -4931,7 +5022,7 @@ ${globalError}`;
                 },
                 children: "Sign In"
               }
-            ) : /* @__PURE__ */ jsx35(
+            ) : /* @__PURE__ */ jsx36(
               "button",
               {
                 type: "button",
@@ -4972,14 +5063,14 @@ ${globalError}`;
 };
 
 // lib/components/LbrnExportOptionsDialog.tsx
-import { useState as useState20 } from "react";
-import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
+import { useState as useState21 } from "react";
+import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
 function LbrnExportOptionsDialog({
   open,
   onOpenChange,
   onExport
 }) {
-  const [includeSilkscreen, setIncludeSilkscreen] = useState20(false);
+  const [includeSilkscreen, setIncludeSilkscreen] = useState21(false);
   const handleExport = () => {
     onExport({ includeSilkscreen });
     onOpenChange(false);
@@ -4987,13 +5078,13 @@ function LbrnExportOptionsDialog({
   const handleCancel = () => {
     onOpenChange(false);
   };
-  return /* @__PURE__ */ jsx36(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs26(DialogContent, { children: [
+  return /* @__PURE__ */ jsx37(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs26(DialogContent, { children: [
     /* @__PURE__ */ jsxs26(DialogHeader, { children: [
-      /* @__PURE__ */ jsx36(DialogTitle, { children: "LightBurn Export Options" }),
-      /* @__PURE__ */ jsx36(DialogDescription, { children: "Configure export settings for PCB laser ablation with LightBurn" })
+      /* @__PURE__ */ jsx37(DialogTitle, { children: "LightBurn Export Options" }),
+      /* @__PURE__ */ jsx37(DialogDescription, { children: "Configure export settings for PCB laser ablation with LightBurn" })
     ] }),
-    /* @__PURE__ */ jsx36("div", { className: "rf-flex rf-flex-col rf-gap-4 rf-py-4", children: /* @__PURE__ */ jsxs26("div", { className: "rf-flex rf-items-center rf-space-x-2", children: [
-      /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37("div", { className: "rf-flex rf-flex-col rf-gap-4 rf-py-4", children: /* @__PURE__ */ jsxs26("div", { className: "rf-flex rf-items-center rf-space-x-2", children: [
+      /* @__PURE__ */ jsx37(
         Checkbox,
         {
           id: "includeSilkscreen",
@@ -5001,7 +5092,7 @@ function LbrnExportOptionsDialog({
           onCheckedChange: (checked) => setIncludeSilkscreen(checked === true)
         }
       ),
-      /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsx37(
         "label",
         {
           htmlFor: "includeSilkscreen",
@@ -5011,8 +5102,8 @@ function LbrnExportOptionsDialog({
       )
     ] }) }),
     /* @__PURE__ */ jsxs26(DialogFooter, { children: [
-      /* @__PURE__ */ jsx36(Button, { variant: "outline", onClick: handleCancel, children: "Cancel" }),
-      /* @__PURE__ */ jsx36(Button, { onClick: handleExport, children: "Export" })
+      /* @__PURE__ */ jsx37(Button, { variant: "outline", onClick: handleCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsx37(Button, { onClick: handleExport, children: "Export" })
     ] })
   ] }) });
 }
@@ -5066,31 +5157,31 @@ var getLatestAutoroutingLogEntry = (autoroutingLog) => {
 };
 
 // lib/components/FileMenuLeftHeader.tsx
-import { Fragment as Fragment9, jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
 var FileMenuLeftHeader = (props) => {
   const lastRunEvalVersion = useRunnerStore((s) => s.lastRunEvalVersion);
   const currentMainComponentPath = useRunFrameStore(
     (s) => s.currentMainComponentPath
   );
-  const [snippetName, setSnippetName] = useState21(null);
-  const [hasUnsavedChanges, setHasUnsavedChanges] = useState21(false);
-  const [hasNeverBeenSaved, setHasNeverBeenSaved] = useState21(true);
-  const [isSaving, setIsSaving] = useState21(false);
-  const [requestToSaveSentAt, setRequestToSaveSentAt] = useState21(
+  const [snippetName, setSnippetName] = useState22(null);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState22(false);
+  const [hasNeverBeenSaved, setHasNeverBeenSaved] = useState22(true);
+  const [isSaving, setIsSaving] = useState22(false);
+  const [requestToSaveSentAt, setRequestToSaveSentAt] = useState22(
     null
   );
-  const [availableSnippets, setAvailableSnippets] = useState21(
+  const [availableSnippets, setAvailableSnippets] = useState22(
     null
   );
-  const [isSelectSnippetDialogOpen, setIsSelectSnippetDialogOpen] = useState21(false);
-  const [notificationMessage, setNotificationMessage] = useState21(
+  const [isSelectSnippetDialogOpen, setIsSelectSnippetDialogOpen] = useState22(false);
+  const [notificationMessage, setNotificationMessage] = useState22(
     null
   );
-  const [errorMessage, setErrorMessage] = useState21(null);
-  const [isError, setIsError] = useState21(false);
-  const [isExporting, setisExporting] = useState21(false);
-  const [isLbrnDialogOpen, setIsLbrnDialogOpen] = useState21(false);
-  const [pendingLbrnExport, setPendingLbrnExport] = useState21(null);
+  const [errorMessage, setErrorMessage] = useState22(null);
+  const [isError, setIsError] = useState22(false);
+  const [isExporting, setisExporting] = useState22(false);
+  const [isLbrnDialogOpen, setIsLbrnDialogOpen] = useState22(false);
+  const [pendingLbrnExport, setPendingLbrnExport] = useState22(null);
   const orderDialog = useOrderDialogCli();
   const pushEvent = useRunFrameStore((state) => state.pushEvent);
   const recentEvents = useRunFrameStore((state) => state.recentEvents);
@@ -5119,7 +5210,7 @@ var FileMenuLeftHeader = (props) => {
       setisExporting(false);
     }
   });
-  useEffect14(() => {
+  useEffect15(() => {
     if (!isSaving || requestToSaveSentAt === null) return;
     const eventsSinceRequestToSave = recentEvents.filter(
       (event) => new Date(event.created_at).valueOf() > requestToSaveSentAt
@@ -5162,8 +5253,8 @@ var FileMenuLeftHeader = (props) => {
   };
   const storeCircuitJson = useRunFrameStore((state) => state.circuitJson);
   const circuitJson = storeCircuitJson ?? props.circuitJson;
-  const [isImportDialogOpen, setIsImportDialogOpen] = useState21(false);
-  const [isAiReviewDialogOpen, setIsAiReviewDialogOpen] = useState21(false);
+  const [isImportDialogOpen, setIsImportDialogOpen] = useState22(false);
+  const [isAiReviewDialogOpen, setIsAiReviewDialogOpen] = useState22(false);
   const { BugReportDialog, openBugReportDialog } = useBugReportDialog({
     onLoginRequired: props.onLoginRequired
   });
@@ -5183,10 +5274,10 @@ var FileMenuLeftHeader = (props) => {
   return /* @__PURE__ */ jsxs27(Fragment9, { children: [
     /* @__PURE__ */ jsxs27("div", { className: "rf-flex rf-items-center rf-gap-1 rf-flex-shrink-0", children: [
       /* @__PURE__ */ jsxs27(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx37(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx37("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "File" }) }),
+        /* @__PURE__ */ jsx38(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx38("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "File" }) }),
         /* @__PURE__ */ jsxs27(DropdownMenuContent, { className: "rf-z-[101]", children: [
           !props.isWebEmbedded && /* @__PURE__ */ jsxs27(Fragment9, { children: [
-            /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx38(
               DropdownMenuItem,
               {
                 className: "rf-text-xs",
@@ -5195,7 +5286,7 @@ var FileMenuLeftHeader = (props) => {
                 children: isSaving ? "Saving..." : "Push"
               }
             ),
-            parseInt(window.location.port) > 5e3 && /* @__PURE__ */ jsx37(
+            parseInt(window.location.port) > 5e3 && /* @__PURE__ */ jsx38(
               DropdownMenuItem,
               {
                 className: "rf-text-xs",
@@ -5205,7 +5296,7 @@ var FileMenuLeftHeader = (props) => {
                 children: "Order"
               }
             ),
-            /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx38(
               DropdownMenuItem,
               {
                 className: "rf-text-xs",
@@ -5214,7 +5305,7 @@ var FileMenuLeftHeader = (props) => {
                 children: "Import"
               }
             ),
-            /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx38(
               DropdownMenuItem,
               {
                 className: "rf-text-xs",
@@ -5229,7 +5320,7 @@ var FileMenuLeftHeader = (props) => {
               }
             )
           ] }),
-          !props.isWebEmbedded && props.onLoginRequired && /* @__PURE__ */ jsx37(
+          !props.isWebEmbedded && props.onLoginRequired && /* @__PURE__ */ jsx38(
             DropdownMenuItem,
             {
               className: "rf-text-xs",
@@ -5240,9 +5331,9 @@ var FileMenuLeftHeader = (props) => {
             }
           ),
           !props.isWebEmbedded && /* @__PURE__ */ jsxs27(DropdownMenuSub, { children: [
-            /* @__PURE__ */ jsx37(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Report Bug" }),
-            /* @__PURE__ */ jsx37(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs27(DropdownMenuSubContent, { children: [
-              /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx38(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Report Bug" }),
+            /* @__PURE__ */ jsx38(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs27(DropdownMenuSubContent, { children: [
+              /* @__PURE__ */ jsx38(
                 DropdownMenuItem,
                 {
                   className: "rf-text-xs",
@@ -5252,7 +5343,7 @@ var FileMenuLeftHeader = (props) => {
                   children: "Report Entire Circuit"
                 }
               ),
-              /* @__PURE__ */ jsx37(
+              /* @__PURE__ */ jsx38(
                 DropdownMenuItem,
                 {
                   className: "rf-text-xs",
@@ -5274,7 +5365,7 @@ var FileMenuLeftHeader = (props) => {
             ] }) })
           ] }),
           /* @__PURE__ */ jsxs27(DropdownMenuSub, { children: [
-            /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx38(
               DropdownMenuSubTrigger,
               {
                 className: "rf-text-xs",
@@ -5282,7 +5373,7 @@ var FileMenuLeftHeader = (props) => {
                 children: isExporting ? "Exporting..." : "Export"
               }
             ),
-            /* @__PURE__ */ jsx37(DropdownMenuPortal, { children: /* @__PURE__ */ jsx37(DropdownMenuSubContent, { children: availableExports.map((exp, i) => /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx38(DropdownMenuPortal, { children: /* @__PURE__ */ jsx38(DropdownMenuSubContent, { children: availableExports.map((exp, i) => /* @__PURE__ */ jsx38(
               DropdownMenuItem,
               {
                 onSelect: () => {
@@ -5319,16 +5410,16 @@ var FileMenuLeftHeader = (props) => {
                   });
                 },
                 disabled: isExporting,
-                children: /* @__PURE__ */ jsx37("span", { className: "rf-text-xs", children: exp.name })
+                children: /* @__PURE__ */ jsx38("span", { className: "rf-text-xs", children: exp.name })
               },
               i
             )) }) })
           ] }),
           !props.isWebEmbedded && /* @__PURE__ */ jsxs27(DropdownMenuSub, { children: [
-            /* @__PURE__ */ jsx37(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Advanced" }),
-            /* @__PURE__ */ jsx37(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs27(DropdownMenuSubContent, { children: [
-              /* @__PURE__ */ jsx37(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs27("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-                /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx38(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Advanced" }),
+            /* @__PURE__ */ jsx38(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs27(DropdownMenuSubContent, { children: [
+              /* @__PURE__ */ jsx38(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs27("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
+                /* @__PURE__ */ jsx38(
                   Checkbox,
                   {
                     id: "load-latest-eval",
@@ -5340,7 +5431,7 @@ var FileMenuLeftHeader = (props) => {
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx37(
+                /* @__PURE__ */ jsx38(
                   "label",
                   {
                     htmlFor: "load-latest-eval",
@@ -5349,35 +5440,35 @@ var FileMenuLeftHeader = (props) => {
                   }
                 )
               ] }) }),
-              lastRunEvalVersion && /* @__PURE__ */ jsx37(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx37("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs27("span", { className: "rf-text-xs", children: [
+              lastRunEvalVersion && /* @__PURE__ */ jsx38(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx38("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs27("span", { className: "rf-text-xs", children: [
                 "@tscircuit/eval@",
                 lastRunEvalVersion
               ] }) }) }),
-              /* @__PURE__ */ jsx37(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx37("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs27("span", { className: "rf-text-xs", children: [
+              /* @__PURE__ */ jsx38(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx38("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs27("span", { className: "rf-text-xs", children: [
                 "@tscircuit/runframe@",
                 package_default.version
               ] }) }) }),
-              /* @__PURE__ */ jsx37(
+              /* @__PURE__ */ jsx38(
                 DropdownMenuItem,
                 {
                   className: "rf-flex rf-items-center rf-gap-2",
                   onClick: () => {
                     window.open("/api/admin", "_blank");
                   },
-                  children: /* @__PURE__ */ jsx37("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx37("span", { className: "rf-text-xs", children: "CLI Admin Panel" }) })
+                  children: /* @__PURE__ */ jsx38("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx38("span", { className: "rf-text-xs", children: "CLI Admin Panel" }) })
                 }
               )
             ] }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx37(AlertDialog, { open: isError, onOpenChange: setIsError, children: /* @__PURE__ */ jsxs27(AlertDialogContent, { children: [
+        /* @__PURE__ */ jsx38(AlertDialog, { open: isError, onOpenChange: setIsError, children: /* @__PURE__ */ jsxs27(AlertDialogContent, { children: [
           /* @__PURE__ */ jsxs27(AlertDialogHeader, { children: [
-            /* @__PURE__ */ jsx37(AlertDialogTitle, { children: "Error Saving Snippet" }),
-            /* @__PURE__ */ jsx37(AlertDialogDescription, { children: errorMessage })
+            /* @__PURE__ */ jsx38(AlertDialogTitle, { children: "Error Saving Snippet" }),
+            /* @__PURE__ */ jsx38(AlertDialogDescription, { children: errorMessage })
           ] }),
-          /* @__PURE__ */ jsx37(AlertDialogFooter, { children: /* @__PURE__ */ jsx37(AlertDialogCancel, { onClick: () => setIsError(false), children: "Dismiss" }) })
+          /* @__PURE__ */ jsx38(AlertDialogFooter, { children: /* @__PURE__ */ jsx38(AlertDialogCancel, { onClick: () => setIsError(false), children: "Dismiss" }) })
         ] }) }),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           SelectSnippetDialog,
           {
             snippetNames: availableSnippets ?? [],
@@ -5397,17 +5488,17 @@ var FileMenuLeftHeader = (props) => {
         )
       ] }),
       /* @__PURE__ */ jsxs27(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx37(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx37("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "View" }) }),
-        /* @__PURE__ */ jsx37(DropdownMenuContent, { className: "rf-z-[104]", children: /* @__PURE__ */ jsxs27(DropdownMenuSub, { children: [
-          /* @__PURE__ */ jsx37(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Schematic" }),
-          /* @__PURE__ */ jsx37(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs27(DropdownMenuSubContent, { children: [
-            /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx38("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "View" }) }),
+        /* @__PURE__ */ jsx38(DropdownMenuContent, { className: "rf-z-[104]", children: /* @__PURE__ */ jsxs27(DropdownMenuSub, { children: [
+          /* @__PURE__ */ jsx38(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Schematic" }),
+          /* @__PURE__ */ jsx38(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs27(DropdownMenuSubContent, { children: [
+            /* @__PURE__ */ jsx38(
               DropdownMenuItem,
               {
                 className: "rf-flex rf-items-center rf-gap-2",
                 onSelect: (e) => e.preventDefault(),
                 children: /* @__PURE__ */ jsxs27("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-                  /* @__PURE__ */ jsx37(
+                  /* @__PURE__ */ jsx38(
                     Checkbox,
                     {
                       id: "show-schematic-ports",
@@ -5417,7 +5508,7 @@ var FileMenuLeftHeader = (props) => {
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsx37(
+                  /* @__PURE__ */ jsx38(
                     "label",
                     {
                       htmlFor: "show-schematic-ports",
@@ -5428,13 +5519,13 @@ var FileMenuLeftHeader = (props) => {
                 ] })
               }
             ),
-            /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx38(
               DropdownMenuItem,
               {
                 className: "rf-flex rf-items-center rf-gap-2",
                 onSelect: (e) => e.preventDefault(),
                 children: /* @__PURE__ */ jsxs27("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-                  /* @__PURE__ */ jsx37(
+                  /* @__PURE__ */ jsx38(
                     Checkbox,
                     {
                       id: "show-schematic-grid",
@@ -5446,7 +5537,7 @@ var FileMenuLeftHeader = (props) => {
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsx37(
+                  /* @__PURE__ */ jsx38(
                     "label",
                     {
                       htmlFor: "show-schematic-grid",
@@ -5462,7 +5553,7 @@ var FileMenuLeftHeader = (props) => {
       ] })
     ] }),
     BugReportDialog,
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       LbrnExportOptionsDialog,
       {
         open: isLbrnDialogOpen,
@@ -5470,14 +5561,14 @@ var FileMenuLeftHeader = (props) => {
         onExport: handleLbrnExport
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       ImportComponentDialogForCli,
       {
         isOpen: isImportDialogOpen,
         onClose: () => setIsImportDialogOpen(false)
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       AiReviewDialog,
       {
         isOpen: isAiReviewDialogOpen,
@@ -5485,7 +5576,7 @@ var FileMenuLeftHeader = (props) => {
         packageName: snippetName
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       Toaster,
       {
         position: "top-center",
@@ -5497,7 +5588,7 @@ var FileMenuLeftHeader = (props) => {
         }
       }
     ),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       orderDialog.OrderDialog,
       {
         isOpen: orderDialog.isOpen,
@@ -5510,7 +5601,7 @@ var FileMenuLeftHeader = (props) => {
 };
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
-import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
 var dropdownMenuItems = [
   "assembly",
   "pinout",
@@ -5605,10 +5696,10 @@ var CircuitJsonPreview = ({
     defaultActiveTab ?? fallbackTab,
     defaultActiveTab
   );
-  const [lastActiveTab, setLastActiveTab] = useState22(null);
-  const [isFullScreen, setIsFullScreen] = useState22(defaultToFullScreen);
-  const [internalShowSchematicDebugGrid, setInternalShowSchematicDebugGrid] = useState22(showSchematicDebugGridProp);
-  const [internalShowSchematicPorts, setInternalShowSchematicPorts] = useState22(
+  const [lastActiveTab, setLastActiveTab] = useState23(null);
+  const [isFullScreen, setIsFullScreen] = useState23(defaultToFullScreen);
+  const [internalShowSchematicDebugGrid, setInternalShowSchematicDebugGrid] = useState23(showSchematicDebugGridProp);
+  const [internalShowSchematicPorts, setInternalShowSchematicPorts] = useState23(
     showSchematicPortsProp
   );
   const showSchematicDebugGrid = onChangeShowSchematicDebugGrid ? showSchematicDebugGridProp : internalShowSchematicDebugGrid;
@@ -5626,7 +5717,7 @@ var CircuitJsonPreview = ({
   const toggleFullScreen = () => {
     setIsFullScreen(!isFullScreen);
   };
-  useEffect15(() => {
+  useEffect16(() => {
     if (errorMessage) {
       if (activeTab !== "errors") {
         setLastActiveTab(activeTab);
@@ -5634,7 +5725,7 @@ var CircuitJsonPreview = ({
       setActiveTab("errors");
     }
   }, [errorMessage]);
-  useEffect15(() => {
+  useEffect16(() => {
     if ((activeTab === "code" || activeTab === "errors") && circuitJson && !errorMessage) {
       setActiveTab(
         lastActiveTab ?? defaultActiveTab ?? defaultTab ?? availableTabs?.[0] ?? "pcb"
@@ -5644,14 +5735,14 @@ var CircuitJsonPreview = ({
   const setCadViewerRef = useCallback9((value) => {
     window.TSCIRCUIT_3D_OBJECT_REF = value === null ? void 0 : value;
   }, []);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn(
         "flex flex-col relative rf-overflow-x-hidden rf-h-full",
         className
       ),
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx39(
         "div",
         {
           className: cn(
@@ -5674,7 +5765,7 @@ var CircuitJsonPreview = ({
                     ),
                     children: [
                       leftHeaderContent,
-                      showFileMenu && !leftHeaderContent && /* @__PURE__ */ jsx38(
+                      showFileMenu && !leftHeaderContent && /* @__PURE__ */ jsx39(
                         FileMenuLeftHeader,
                         {
                           isWebEmbedded,
@@ -5686,18 +5777,18 @@ var CircuitJsonPreview = ({
                           onChangeShowSchematicPorts: setShowSchematicPorts
                         }
                       ),
-                      (leftHeaderContent || showFileMenu) && /* @__PURE__ */ jsx38("div", { className: "rf-flex-grow" }),
-                      !leftHeaderContent && !showFileMenu && isRunningCode && /* @__PURE__ */ jsx38(Loader25, { className: "rf-w-4 rf-h-4 rf-animate-spin" }),
-                      !leftHeaderContent && !showFileMenu && /* @__PURE__ */ jsx38("div", { className: "rf-flex-grow" }),
+                      (leftHeaderContent || showFileMenu) && /* @__PURE__ */ jsx39("div", { className: "rf-flex-grow" }),
+                      !leftHeaderContent && !showFileMenu && isRunningCode && /* @__PURE__ */ jsx39(Loader25, { className: "rf-w-4 rf-h-4 rf-animate-spin" }),
+                      !leftHeaderContent && !showFileMenu && /* @__PURE__ */ jsx39("div", { className: "rf-flex-grow" }),
                       renderLog && renderLog.progress !== 1 && !errorMessage && /* @__PURE__ */ jsxs28("div", { className: "rf-flex rf-items-center rf-gap-2 rf-min-w-0 rf-max-w-xs", children: [
-                        activeEffectName ? /* @__PURE__ */ jsx38(
+                        activeEffectName ? /* @__PURE__ */ jsx39(
                           "div",
                           {
                             className: "rf-text-xs rf-text-gray-500 rf-truncate rf-min-w-0",
                             title: activeEffectName,
                             children: activeEffectName
                           }
-                        ) : renderLog.lastRenderEvent && /* @__PURE__ */ jsx38(
+                        ) : renderLog.lastRenderEvent && /* @__PURE__ */ jsx39(
                           "div",
                           {
                             className: "rf-text-xs rf-text-gray-500 rf-truncate rf-min-w-0",
@@ -5705,16 +5796,16 @@ var CircuitJsonPreview = ({
                             children: renderLog.lastRenderEvent?.phase ?? ""
                           }
                         ),
-                        /* @__PURE__ */ jsx38("div", { className: "rf-w-4 rf-h-4 rf-bg-blue-500 rf-opacity-50 rf-rounded-full rf-text-white rf-flex-shrink-0", children: /* @__PURE__ */ jsx38(LoaderCircleIcon, { className: "rf-w-4 rf-h-4 rf-animate-spin" }) }),
+                        /* @__PURE__ */ jsx39("div", { className: "rf-w-4 rf-h-4 rf-bg-blue-500 rf-opacity-50 rf-rounded-full rf-text-white rf-flex-shrink-0", children: /* @__PURE__ */ jsx39(LoaderCircleIcon, { className: "rf-w-4 rf-h-4 rf-animate-spin" }) }),
                         /* @__PURE__ */ jsxs28("div", { className: "rf-text-xs rf-font-bold rf-text-gray-700 rf-tabular-nums rf-flex-shrink-0", children: [
                           ((renderLog.progress ?? 0) * 100).toFixed(1),
                           "%"
                         ] })
                       ] }),
                       showRightHeaderContent && /* @__PURE__ */ jsxs28(TabsList, { children: [
-                        showCodeTab && /* @__PURE__ */ jsx38(TabsTrigger, { value: "code", children: "Code" }),
+                        showCodeTab && /* @__PURE__ */ jsx39(TabsTrigger, { value: "code", children: "Code" }),
                         !availableTabs || availableTabs.includes("pcb") ? /* @__PURE__ */ jsxs28(TabsTrigger, { value: "pcb", className: "rf-whitespace-nowrap", children: [
-                          circuitJson && /* @__PURE__ */ jsx38(
+                          circuitJson && /* @__PURE__ */ jsx39(
                             "span",
                             {
                               className: cn(
@@ -5735,7 +5826,7 @@ var CircuitJsonPreview = ({
                             ),
                             disabled: circuitJson ? !hasSchematicGroup || hasPanels : false,
                             children: [
-                              circuitJson && /* @__PURE__ */ jsx38(
+                              circuitJson && /* @__PURE__ */ jsx39(
                                 "span",
                                 {
                                   className: cn(
@@ -5749,7 +5840,7 @@ var CircuitJsonPreview = ({
                           }
                         ) : null,
                         !availableTabs || availableTabs.includes("cad") ? /* @__PURE__ */ jsxs28(TabsTrigger, { value: "cad", children: [
-                          circuitJson && /* @__PURE__ */ jsx38(
+                          circuitJson && /* @__PURE__ */ jsx39(
                             "span",
                             {
                               className: cn(
@@ -5760,11 +5851,11 @@ var CircuitJsonPreview = ({
                           ),
                           "3D"
                         ] }) : null,
-                        !["pcb", "cad", "schematic"].includes(activeTab) && /* @__PURE__ */ jsx38(TabsTrigger, { value: activeTab, children: capitalizeFirstLetters(activeTab) }),
+                        !["pcb", "cad", "schematic"].includes(activeTab) && /* @__PURE__ */ jsx39(TabsTrigger, { value: activeTab, children: capitalizeFirstLetters(activeTab) }),
                         /* @__PURE__ */ jsxs28(DropdownMenu, { children: [
-                          /* @__PURE__ */ jsx38(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs28("div", { className: "rf-whitespace-nowrap rf-p-2 rf-mr-1 rf-cursor-pointer rf-relative", children: [
-                            /* @__PURE__ */ jsx38(EllipsisIcon, { className: "rf-w-4 rf-h-4" }),
-                            (circuitJsonErrors && circuitJsonErrors.length > 0 || errorMessage) && /* @__PURE__ */ jsx38("span", { className: "rf-inline-flex rf-absolute rf-top-[6px] rf-right-[4px] rf-items-center rf-justify-center rf-w-1 rf-h-1 rf-ml-2 rf-text-[8px] rf-font-bold rf-text-white rf-bg-red-500 rf-rounded-full" })
+                          /* @__PURE__ */ jsx39(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs28("div", { className: "rf-whitespace-nowrap rf-p-2 rf-mr-1 rf-cursor-pointer rf-relative", children: [
+                            /* @__PURE__ */ jsx39(EllipsisIcon, { className: "rf-w-4 rf-h-4" }),
+                            (circuitJsonErrors && circuitJsonErrors.length > 0 || errorMessage) && /* @__PURE__ */ jsx39("span", { className: "rf-inline-flex rf-absolute rf-top-[6px] rf-right-[4px] rf-items-center rf-justify-center rf-w-1 rf-h-1 rf-ml-2 rf-text-[8px] rf-font-bold rf-text-white rf-bg-red-500 rf-rounded-full" })
                           ] }) }),
                           /* @__PURE__ */ jsxs28(DropdownMenuContent, { className: "rf-*:text-xs rf-z-[101]", children: [
                             dropdownMenuItems.filter(
@@ -5774,16 +5865,16 @@ var CircuitJsonPreview = ({
                               {
                                 onSelect: () => setActiveTab(item),
                                 children: [
-                                  activeTab !== item && /* @__PURE__ */ jsx38(Circle2, { className: "rf-w-3 rf-h-3 rf-opacity-30" }),
-                                  activeTab === item && /* @__PURE__ */ jsx38(CheckIcon, { className: "rf-w-3 rf-h-3" }),
-                                  /* @__PURE__ */ jsx38("div", { className: "rf-pr-2", children: capitalizeFirstLetters(item) }),
-                                  item === "errors" && (circuitJsonErrors && circuitJsonErrors.length > 0 || errorMessage) && /* @__PURE__ */ jsx38("span", { className: "rf-inline-flex rf-items-center rf-justify-center rf-w-3 rf-h-3 rf-ml-2 rf-text-[8px] rf-font-bold rf-text-white rf-bg-red-500 rf-rounded-full", children: errorMessage ? 1 : circuitJsonErrors?.length }),
-                                  item === "solvers" && solverEvents && solverEvents.length > 0 && /* @__PURE__ */ jsx38("span", { className: "rf-inline-flex rf-items-center rf-justify-center rf-min-w-[12px] rf-h-3 rf-px-1 rf-ml-2 rf-text-[8px] rf-font-bold rf-text-white rf-bg-blue-500 rf-rounded-full", children: solverEvents.length })
+                                  activeTab !== item && /* @__PURE__ */ jsx39(Circle2, { className: "rf-w-3 rf-h-3 rf-opacity-30" }),
+                                  activeTab === item && /* @__PURE__ */ jsx39(CheckIcon, { className: "rf-w-3 rf-h-3" }),
+                                  /* @__PURE__ */ jsx39("div", { className: "rf-pr-2", children: capitalizeFirstLetters(item) }),
+                                  item === "errors" && (circuitJsonErrors && circuitJsonErrors.length > 0 || errorMessage) && /* @__PURE__ */ jsx39("span", { className: "rf-inline-flex rf-items-center rf-justify-center rf-w-3 rf-h-3 rf-ml-2 rf-text-[8px] rf-font-bold rf-text-white rf-bg-red-500 rf-rounded-full", children: errorMessage ? 1 : circuitJsonErrors?.length }),
+                                  item === "solvers" && solverEvents && solverEvents.length > 0 && /* @__PURE__ */ jsx39("span", { className: "rf-inline-flex rf-items-center rf-justify-center rf-min-w-[12px] rf-h-3 rf-px-1 rf-ml-2 rf-text-[8px] rf-font-bold rf-text-white rf-bg-blue-500 rf-rounded-full", children: solverEvents.length })
                                 ]
                               },
                               item
                             )),
-                            /* @__PURE__ */ jsx38(
+                            /* @__PURE__ */ jsx39(
                               DropdownMenuItem,
                               {
                                 disabled: true,
@@ -5801,12 +5892,12 @@ var CircuitJsonPreview = ({
                               {
                                 onOpenChange: (open) => !open && setEvalSearch(""),
                                 children: [
-                                  /* @__PURE__ */ jsx38(DropdownMenuSubTrigger, { className: "rf-text-xs rf-opacity-60", children: /* @__PURE__ */ jsxs28("div", { className: "rf-pr-2 rf-text-xs rf-text-gray-500", children: [
+                                  /* @__PURE__ */ jsx39(DropdownMenuSubTrigger, { className: "rf-text-xs rf-opacity-60", children: /* @__PURE__ */ jsxs28("div", { className: "rf-pr-2 rf-text-xs rf-text-gray-500", children: [
                                     "@tscircuit/eval@",
                                     lastRunEvalVersion ?? latestVersion ?? "latest"
                                   ] }) }),
-                                  /* @__PURE__ */ jsx38(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs28(DropdownMenuSubContent, { className: "rf-*:text-xs rf-w-40 rf-max-h-[200px] rf-overflow-y-auto", children: [
-                                    /* @__PURE__ */ jsx38("div", { className: "rf-p-1", children: /* @__PURE__ */ jsx38(
+                                  /* @__PURE__ */ jsx39(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs28(DropdownMenuSubContent, { className: "rf-*:text-xs rf-w-40 rf-max-h-[200px] rf-overflow-y-auto", children: [
+                                    /* @__PURE__ */ jsx39("div", { className: "rf-p-1", children: /* @__PURE__ */ jsx39(
                                       Input,
                                       {
                                         value: evalSearch,
@@ -5815,15 +5906,15 @@ var CircuitJsonPreview = ({
                                         className: "rf-h-7 rf-text-xs"
                                       }
                                     ) }),
-                                    /* @__PURE__ */ jsx38(DropdownMenuSeparator, {}),
-                                    /* @__PURE__ */ jsx38(
+                                    /* @__PURE__ */ jsx39(DropdownMenuSeparator, {}),
+                                    /* @__PURE__ */ jsx39(
                                       DropdownMenuItem,
                                       {
                                         onSelect: () => selectEvalVersion(null),
                                         children: latestVersion ? `${latestVersion} (latest)` : "latest"
                                       }
                                     ),
-                                    evalVersions.map((v) => /* @__PURE__ */ jsx38(
+                                    evalVersions.map((v) => /* @__PURE__ */ jsx39(
                                       DropdownMenuItem,
                                       {
                                         onSelect: () => selectEvalVersion(v),
@@ -5834,7 +5925,7 @@ var CircuitJsonPreview = ({
                                   ] }) })
                                 ]
                               }
-                            ) : lastRunEvalVersion && /* @__PURE__ */ jsx38(
+                            ) : lastRunEvalVersion && /* @__PURE__ */ jsx39(
                               DropdownMenuItem,
                               {
                                 disabled: true,
@@ -5848,33 +5939,33 @@ var CircuitJsonPreview = ({
                           ] })
                         ] })
                       ] }),
-                      showToggleFullScreen && /* @__PURE__ */ jsx38(Button, { onClick: toggleFullScreen, variant: "ghost", children: isFullScreen ? /* @__PURE__ */ jsx38(MinimizeIcon, { size: 16 }) : /* @__PURE__ */ jsx38(FullscreenIcon, { size: 16 }) })
+                      showToggleFullScreen && /* @__PURE__ */ jsx39(Button, { onClick: toggleFullScreen, variant: "ghost", children: isFullScreen ? /* @__PURE__ */ jsx39(MinimizeIcon, { size: 16 }) : /* @__PURE__ */ jsx39(FullscreenIcon, { size: 16 }) })
                     ]
                   }
                 ),
-                showCodeTab && /* @__PURE__ */ jsx38(
+                showCodeTab && /* @__PURE__ */ jsx39(
                   TabsContent,
                   {
                     value: "code",
                     className: "rf-flex-grow rf-overflow-hidden",
-                    children: /* @__PURE__ */ jsx38("div", { className: "rf-h-full", children: codeTabContent })
+                    children: /* @__PURE__ */ jsx39("div", { className: "rf-h-full", children: codeTabContent })
                   }
                 ),
-                (!availableTabs || availableTabs.includes("pcb")) && /* @__PURE__ */ jsx38(TabsContent, { value: "pcb", children: /* @__PURE__ */ jsx38(
+                (!availableTabs || availableTabs.includes("pcb")) && /* @__PURE__ */ jsx39(TabsContent, { value: "pcb", children: /* @__PURE__ */ jsx39(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-hidden",
                       isFullScreen ? "rf-h-[calc(100vh-52px)]" : "rf-h-full"
                     ),
-                    children: /* @__PURE__ */ jsx38(
+                    children: /* @__PURE__ */ jsx39(
                       ErrorBoundary2,
                       {
-                        fallbackRender: ({ error }) => /* @__PURE__ */ jsx38("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200", children: /* @__PURE__ */ jsxs28("div", { className: "rf-p-4", children: [
-                          /* @__PURE__ */ jsx38("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-3", children: "Error loading PCB viewer" }),
-                          /* @__PURE__ */ jsx38("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600 rf-mt-2", children: error?.message || "An unknown error occurred" })
+                        fallbackRender: ({ error }) => /* @__PURE__ */ jsx39("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200", children: /* @__PURE__ */ jsxs28("div", { className: "rf-p-4", children: [
+                          /* @__PURE__ */ jsx39("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-3", children: "Error loading PCB viewer" }),
+                          /* @__PURE__ */ jsx39("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600 rf-mt-2", children: error?.message || "An unknown error occurred" })
                         ] }) }),
-                        children: circuitJson ? /* @__PURE__ */ jsx38(
+                        children: circuitJson ? /* @__PURE__ */ jsx39(
                           PcbViewerWithContainerHeight,
                           {
                             focusOnHover: false,
@@ -5892,19 +5983,19 @@ var CircuitJsonPreview = ({
                               }
                             }
                           }
-                        ) : /* @__PURE__ */ jsx38(PreviewEmptyState_default, { onRunClicked })
+                        ) : /* @__PURE__ */ jsx39(PreviewEmptyState_default, { onRunClicked })
                       }
                     )
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("assembly")) && /* @__PURE__ */ jsx38(TabsContent, { value: "assembly", children: /* @__PURE__ */ jsx38(
+                (!availableTabs || availableTabs.includes("assembly")) && /* @__PURE__ */ jsx39(TabsContent, { value: "assembly", children: /* @__PURE__ */ jsx39(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-auto",
                       isFullScreen ? "rf-h-[calc(100vh-60px)]" : "rf-h-full  rf-min-h-[620px]"
                     ),
-                    children: /* @__PURE__ */ jsx38(ErrorBoundary2, { fallback: /* @__PURE__ */ jsx38("div", { children: "Error loading Assembly" }), children: circuitJson ? /* @__PURE__ */ jsx38(
+                    children: /* @__PURE__ */ jsx39(ErrorBoundary2, { fallback: /* @__PURE__ */ jsx39("div", { children: "Error loading Assembly" }), children: circuitJson ? /* @__PURE__ */ jsx39(
                       AssemblyViewer,
                       {
                         circuitJson,
@@ -5914,21 +6005,21 @@ var CircuitJsonPreview = ({
                         editingEnabled: true,
                         debugGrid: true
                       }
-                    ) : /* @__PURE__ */ jsx38(PreviewEmptyState_default, { onRunClicked }) })
+                    ) : /* @__PURE__ */ jsx39(PreviewEmptyState_default, { onRunClicked }) })
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("pinout")) && /* @__PURE__ */ jsx38(TabsContent, { value: "pinout", children: /* @__PURE__ */ jsx38(
+                (!availableTabs || availableTabs.includes("pinout")) && /* @__PURE__ */ jsx39(TabsContent, { value: "pinout", children: /* @__PURE__ */ jsx39(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-auto",
                       isFullScreen ? "rf-h-[calc(100vh-60px)]" : "rf-h-full  rf-min-h-[620px]"
                     ),
-                    children: /* @__PURE__ */ jsx38(
+                    children: /* @__PURE__ */ jsx39(
                       ErrorBoundary2,
                       {
-                        fallback: /* @__PURE__ */ jsx38("div", { children: "Error loading Pinout Viewer" }),
-                        children: circuitJson ? /* @__PURE__ */ jsx38(
+                        fallback: /* @__PURE__ */ jsx39("div", { children: "Error loading Pinout Viewer" }),
+                        children: circuitJson ? /* @__PURE__ */ jsx39(
                           PinoutViewer,
                           {
                             circuitJson,
@@ -5936,26 +6027,26 @@ var CircuitJsonPreview = ({
                               height: "100%"
                             }
                           }
-                        ) : /* @__PURE__ */ jsx38(PreviewEmptyState_default, { onRunClicked })
+                        ) : /* @__PURE__ */ jsx39(PreviewEmptyState_default, { onRunClicked })
                       }
                     )
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("schematic")) && /* @__PURE__ */ jsx38(TabsContent, { value: "schematic", children: /* @__PURE__ */ jsx38(
+                (!availableTabs || availableTabs.includes("schematic")) && /* @__PURE__ */ jsx39(TabsContent, { value: "schematic", children: /* @__PURE__ */ jsx39(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-auto rf-bg-white",
                       isFullScreen ? "rf-h-[calc(100vh-60px)]" : "rf-h-full  rf-min-h-[620px]"
                     ),
-                    children: /* @__PURE__ */ jsx38(
+                    children: /* @__PURE__ */ jsx39(
                       ErrorBoundary2,
                       {
-                        fallbackRender: ({ error }) => /* @__PURE__ */ jsx38("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200", children: /* @__PURE__ */ jsxs28("div", { className: "rf-p-4", children: [
-                          /* @__PURE__ */ jsx38("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-3", children: "Error loading Schematic" }),
-                          /* @__PURE__ */ jsx38("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600 rf-mt-2", children: error?.message || "An unknown error occurred" })
+                        fallbackRender: ({ error }) => /* @__PURE__ */ jsx39("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200", children: /* @__PURE__ */ jsxs28("div", { className: "rf-p-4", children: [
+                          /* @__PURE__ */ jsx39("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-3", children: "Error loading Schematic" }),
+                          /* @__PURE__ */ jsx39("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600 rf-mt-2", children: error?.message || "An unknown error occurred" })
                         ] }) }),
-                        children: circuitJson ? /* @__PURE__ */ jsx38(
+                        children: circuitJson ? /* @__PURE__ */ jsx39(
                           SchematicViewer,
                           {
                             spiceSimulationEnabled: true,
@@ -5970,29 +6061,29 @@ var CircuitJsonPreview = ({
                             debugGrid: showSchematicDebugGrid,
                             showSchematicPorts
                           }
-                        ) : /* @__PURE__ */ jsx38(PreviewEmptyState_default, { onRunClicked })
+                        ) : /* @__PURE__ */ jsx39(PreviewEmptyState_default, { onRunClicked })
                       }
                     )
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("cad")) && /* @__PURE__ */ jsx38(TabsContent, { value: "cad", children: /* @__PURE__ */ jsx38(
+                (!availableTabs || availableTabs.includes("cad")) && /* @__PURE__ */ jsx39(TabsContent, { value: "cad", children: /* @__PURE__ */ jsx39(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-auto",
                       isFullScreen ? "rf-h-[calc(100vh-60px)]" : "rf-h-full  rf-min-h-[620px]"
                     ),
-                    children: /* @__PURE__ */ jsx38(
+                    children: /* @__PURE__ */ jsx39(
                       ErrorBoundary2,
                       {
-                        fallbackRender: ({ error, resetErrorBoundary }) => /* @__PURE__ */ jsx38(
+                        fallbackRender: ({ error, resetErrorBoundary }) => /* @__PURE__ */ jsx39(
                           ErrorFallback,
                           {
                             error,
                             resetErrorBoundary
                           }
                         ),
-                        children: circuitJson ? /* @__PURE__ */ jsx38(
+                        children: circuitJson ? /* @__PURE__ */ jsx39(
                           CadViewer,
                           {
                             ref: setCadViewerRef,
@@ -6000,23 +6091,23 @@ var CircuitJsonPreview = ({
                             autoRotateDisabled: autoRotate3dViewerDisabled
                           },
                           `cad-${isFullScreen}`
-                        ) : /* @__PURE__ */ jsx38(PreviewEmptyState_default, { onRunClicked })
+                        ) : /* @__PURE__ */ jsx39(PreviewEmptyState_default, { onRunClicked })
                       }
                     )
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("analog_simulation")) && /* @__PURE__ */ jsx38(TabsContent, { value: "analog_simulation", children: /* @__PURE__ */ jsx38(
+                (!availableTabs || availableTabs.includes("analog_simulation")) && /* @__PURE__ */ jsx39(TabsContent, { value: "analog_simulation", children: /* @__PURE__ */ jsx39(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-auto",
                       isFullScreen ? "rf-h-[calc(100vh-60px)]" : "rf-h-full  rf-min-h-[620px]"
                     ),
-                    children: /* @__PURE__ */ jsx38(
+                    children: /* @__PURE__ */ jsx39(
                       ErrorBoundary2,
                       {
-                        fallback: /* @__PURE__ */ jsx38("div", { children: "Error loading Analog Simulation" }),
-                        children: circuitJson ? /* @__PURE__ */ jsx38(
+                        fallback: /* @__PURE__ */ jsx39("div", { children: "Error loading Analog Simulation" }),
+                        children: circuitJson ? /* @__PURE__ */ jsx39(
                           AnalogSimulationViewer,
                           {
                             circuitJson,
@@ -6024,48 +6115,48 @@ var CircuitJsonPreview = ({
                               height: "100%"
                             }
                           }
-                        ) : /* @__PURE__ */ jsx38(PreviewEmptyState_default, { onRunClicked })
+                        ) : /* @__PURE__ */ jsx39(PreviewEmptyState_default, { onRunClicked })
                       }
                     )
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("bom")) && /* @__PURE__ */ jsx38(TabsContent, { value: "bom", children: /* @__PURE__ */ jsx38(
+                (!availableTabs || availableTabs.includes("bom")) && /* @__PURE__ */ jsx39(TabsContent, { value: "bom", children: /* @__PURE__ */ jsx39(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-auto",
                       isFullScreen ? "rf-h-[calc(100vh-60px)]" : "rf-h-full  rf-min-h-[620px]"
                     ),
-                    children: /* @__PURE__ */ jsx38(
+                    children: /* @__PURE__ */ jsx39(
                       ErrorBoundary2,
                       {
-                        fallbackRender: ({ error }) => /* @__PURE__ */ jsx38("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200", children: /* @__PURE__ */ jsxs28("div", { className: "rf-p-4", children: [
-                          /* @__PURE__ */ jsx38("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-3", children: "Error loading Bill of Materials" }),
-                          /* @__PURE__ */ jsx38("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600 rf-mt-2", children: error?.message || "An unknown error occurred" })
+                        fallbackRender: ({ error }) => /* @__PURE__ */ jsx39("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200", children: /* @__PURE__ */ jsxs28("div", { className: "rf-p-4", children: [
+                          /* @__PURE__ */ jsx39("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-3", children: "Error loading Bill of Materials" }),
+                          /* @__PURE__ */ jsx39("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600 rf-mt-2", children: error?.message || "An unknown error occurred" })
                         ] }) }),
-                        children: circuitJson ? /* @__PURE__ */ jsx38(BomTable, { circuitJson }) : /* @__PURE__ */ jsx38(PreviewEmptyState_default, { onRunClicked })
+                        children: circuitJson ? /* @__PURE__ */ jsx39(BomTable, { circuitJson }) : /* @__PURE__ */ jsx39(PreviewEmptyState_default, { onRunClicked })
                       }
                     )
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("circuit_json")) && /* @__PURE__ */ jsx38(TabsContent, { value: "circuit_json", children: /* @__PURE__ */ jsx38(
+                (!availableTabs || availableTabs.includes("circuit_json")) && /* @__PURE__ */ jsx39(TabsContent, { value: "circuit_json", children: /* @__PURE__ */ jsx39(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-auto",
                       isFullScreen ? "rf-h-[calc(100vh-60px)]" : "rf-h-full  rf-min-h-[620px]"
                     ),
-                    children: /* @__PURE__ */ jsx38(ErrorBoundary2, { fallback: /* @__PURE__ */ jsx38("div", { children: "Error loading JSON viewer" }), children: circuitJson ? /* @__PURE__ */ jsx38(CircuitJsonTableViewer, { elements: circuitJson }) : /* @__PURE__ */ jsx38(PreviewEmptyState_default, { onRunClicked }) })
+                    children: /* @__PURE__ */ jsx39(ErrorBoundary2, { fallback: /* @__PURE__ */ jsx39("div", { children: "Error loading JSON viewer" }), children: circuitJson ? /* @__PURE__ */ jsx39(CircuitJsonTableViewer, { elements: circuitJson }) : /* @__PURE__ */ jsx39(PreviewEmptyState_default, { onRunClicked }) })
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("errors")) && /* @__PURE__ */ jsx38(TabsContent, { value: "errors", className: "rf-h-full", children: /* @__PURE__ */ jsx38(
+                (!availableTabs || availableTabs.includes("errors")) && /* @__PURE__ */ jsx39(TabsContent, { value: "errors", className: "rf-h-full", children: /* @__PURE__ */ jsx39(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-hidden",
                       isFullScreen ? "rf-h-[calc(100vh-60px)]" : "rf-h-full rf-min-h-[620px]"
                     ),
-                    children: errorMessage || circuitJsonErrors && circuitJsonErrors.length > 0 || circuitJson ? /* @__PURE__ */ jsx38(
+                    children: errorMessage || circuitJsonErrors && circuitJsonErrors.length > 0 || circuitJson ? /* @__PURE__ */ jsx39(
                       ErrorTabContent,
                       {
                         code,
@@ -6079,24 +6170,24 @@ var CircuitJsonPreview = ({
                         autoroutingLog,
                         onReportAutoroutingLog
                       }
-                    ) : /* @__PURE__ */ jsx38(PreviewEmptyState_default, { onRunClicked })
+                    ) : /* @__PURE__ */ jsx39(PreviewEmptyState_default, { onRunClicked })
                   }
                 ) }),
-                showRenderLogTab && (!availableTabs || availableTabs.includes("render_log")) && /* @__PURE__ */ jsx38(TabsContent, { value: "render_log", children: /* @__PURE__ */ jsx38(
+                showRenderLogTab && (!availableTabs || availableTabs.includes("render_log")) && /* @__PURE__ */ jsx39(TabsContent, { value: "render_log", children: /* @__PURE__ */ jsx39(
                   RenderLogViewer,
                   {
                     renderLog,
                     onRerunWithDebug
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("solvers")) && /* @__PURE__ */ jsx38(TabsContent, { value: "solvers", children: /* @__PURE__ */ jsx38(
+                (!availableTabs || availableTabs.includes("solvers")) && /* @__PURE__ */ jsx39(TabsContent, { value: "solvers", children: /* @__PURE__ */ jsx39(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-hidden",
                       isFullScreen ? "rf-h-[calc(100vh-60px)]" : "rf-h-full rf-min-h-[620px]"
                     ),
-                    children: /* @__PURE__ */ jsx38(ErrorBoundary2, { fallback: /* @__PURE__ */ jsx38("div", { children: "Error loading Solvers view" }), children: /* @__PURE__ */ jsx38(SolversTabContent, { solverEvents }) })
+                    children: /* @__PURE__ */ jsx39(ErrorBoundary2, { fallback: /* @__PURE__ */ jsx39("div", { children: "Error loading Solvers view" }), children: /* @__PURE__ */ jsx39(SolversTabContent, { solverEvents }) })
                   }
                 ) })
               ]
@@ -6121,7 +6212,6 @@ export {
   TabsContent,
   Button,
   toast,
-  linkify,
   BomTable,
   Input,
   PcbViewerWithContainerHeight,