@tscircuit/runframe 0.0.796 → 0.0.798

package/dist/runner.js

@@ -39,7 +39,7 @@ import {
   useOrderDialogCli,
   useRunFrameStore,
   useRunnerStore
-} from "./chunk-3DZPGPUQ.js";
+} from "./chunk-IR4TNPH4.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";
@@ -141,8 +141,133 @@ function useMutex() {
   return { runWithMutex, isLocked, cancel };
 }
 
+// lib/optional-features/exporting/formats/export-fabrication-files.ts
+import JSZip from "jszip";
+import {
+  stringifyGerberCommandLayers,
+  convertSoupToGerberCommands,
+  convertSoupToExcellonDrillCommands,
+  stringifyExcellonDrill
+} from "circuit-json-to-gerber";
+import {
+  convertCircuitJsonToBomRows,
+  convertBomRowsToCsv
+} from "circuit-json-to-bom-csv";
+import { convertCircuitJsonToPickAndPlaceCsv } from "circuit-json-to-pnp-csv";
+
+// lib/optional-features/exporting/open-for-download.ts
+var openForDownload = (content, opts) => {
+  const { fileName, mimeType = "text/plain" } = opts;
+  const blob = content instanceof Blob ? content : new Blob([content], { type: mimeType });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = fileName;
+  document.body.appendChild(a);
+  a.click();
+  setTimeout(() => {
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+  }, 0);
+};
+
+// lib/optional-features/exporting/formats/export-fabrication-files.ts
+var exportFabricationFiles = async ({
+  circuitJson,
+  projectName
+}) => {
+  const zip = new JSZip();
+  const filteredCircuitJson = circuitJson.filter(
+    (element) => !("error_type" in element) && !("warning_type" in element)
+  );
+  const gerberLayerCmds = convertSoupToGerberCommands(filteredCircuitJson, {
+    flip_y_axis: false
+  });
+  const gerberFileContents = stringifyGerberCommandLayers(gerberLayerCmds);
+  for (const [fileName, fileContents] of Object.entries(gerberFileContents)) {
+    zip.file(`gerber/${fileName}.gbr`, fileContents);
+  }
+  const drillCmds = convertSoupToExcellonDrillCommands({
+    circuitJson: filteredCircuitJson,
+    is_plated: true,
+    flip_y_axis: false
+  });
+  const drillFileContents = stringifyExcellonDrill(drillCmds);
+  zip.file("gerber/drill.drl", drillFileContents);
+  const bomRows = await convertCircuitJsonToBomRows({ circuitJson });
+  const bomCsv = await convertBomRowsToCsv(bomRows);
+  zip.file("bom.csv", bomCsv);
+  const pnpCsv = await convertCircuitJsonToPickAndPlaceCsv(circuitJson);
+  zip.file("pick_and_place.csv", pnpCsv);
+  const zipBlob = await zip.generateAsync({ type: "blob" });
+  openForDownload(zipBlob, {
+    fileName: `${projectName}_fabrication_files.zip`
+  });
+};
+
+// lib/optional-features/exporting/export-and-download.ts
+var availableExports = [
+  { extension: "json", name: "Circuit JSON" },
+  { extension: "zip", name: "Fabrication Files" }
+  // { extension: "svg", name: "SVG" },
+  // { extension: "dsn", name: "Specctra DSN" },
+  // { extension: "glb", name: "GLB (Binary GLTF)" },
+  // { extension: "kicad_mod", name: "KiCad Module" },
+  // { extension: "kicad_project", name: "KiCad Project" },
+  // { extension: "gbr", name: "Gerbers" },
+];
+var exportAndDownload = async ({
+  exportName,
+  circuitJson,
+  projectName
+}) => {
+  if (exportName === "Fabrication Files") {
+    exportFabricationFiles({ circuitJson, projectName });
+    return;
+  }
+  if (exportName === "Circuit JSON") {
+    openForDownload(JSON.stringify(circuitJson, null, 2), {
+      fileName: `${projectName}.circuit.json`,
+      mimeType: "application/json"
+    });
+    return;
+  }
+  throw new Error(`Unsupported export type: "${exportName}"`);
+};
+
+// lib/components/RunFrame/FileMenu.tsx
+import { ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var RunFrameFileMenu = () => {
+  const circuitJson = useRunFrameStore((s) => s.circuitJson);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "rf-inline-flex rf-items-center rf-justify-center rf-h-9 rf-rounded-lg rf-bg-zinc-100 rf-px-3 rf-mx-1 rf-text-sm rf-font-medium rf-text-zinc-500 dark:rf-bg-zinc-800 dark:rf-text-zinc-400 rf-whitespace-nowrap rf-cursor-pointer rf-relative", children: [
+      /* @__PURE__ */ jsx("span", { children: "File" }),
+      /* @__PURE__ */ jsx(ChevronRight, { className: "rf-ml-1 rf-h-4 rf-w-4" })
+    ] }) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { children: /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Download" }),
+      /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: availableExports.map((exp, i) => /* @__PURE__ */ jsx(
+        DropdownMenuItem,
+        {
+          onSelect: () => {
+            if (!circuitJson) return;
+            exportAndDownload({
+              exportName: exp.name,
+              circuitJson,
+              projectName: "circuit"
+            });
+          },
+          children: /* @__PURE__ */ jsx("span", { className: "rf-text-xs", children: exp.name })
+        },
+        i
+      )) }) })
+    ] }) })
+  ] });
+};
+
 // lib/components/RunFrame/RunFrame.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var numRenderPhases = 26;
 var debug = Debug("run-frame:RunFrame");
 var fetchLatestEvalVersion = async () => {
@@ -240,6 +365,7 @@ var RunFrame = (props) => {
   const [activeTab, setActiveTab] = useState(
     props.defaultActiveTab ?? props.defaultTab ?? "pcb"
   );
+  const showFileMenu = props.showFileMenu ?? true;
   useEffect(() => {
     if (props.debug) Debug.enable("run-frame*");
   }, [props.debug]);
@@ -482,7 +608,7 @@ var RunFrame = (props) => {
       }
     });
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     CircuitJsonPreview,
     {
       code: fsMap.get(props.entrypoint ?? props.mainComponentPath),
@@ -494,9 +620,9 @@ var RunFrame = (props) => {
       autoroutingGraphics,
       autoroutingLog,
       onReportAutoroutingLog: props.onReportAutoroutingLog || handleReportAutoroutingLog,
-      leftHeaderContent: /* @__PURE__ */ jsxs(Fragment, { children: [
-        props.showRunButton && /* @__PURE__ */ jsxs("div", { className: "rf-relative rf-inline-flex", children: [
-          /* @__PURE__ */ jsxs(
+      leftHeaderContent: /* @__PURE__ */ jsxs2(Fragment, { children: [
+        props.showRunButton && /* @__PURE__ */ jsxs2("div", { className: "rf-relative rf-inline-flex", children: [
+          /* @__PURE__ */ jsxs2(
             "button",
             {
               type: "button",
@@ -508,11 +634,11 @@ var RunFrame = (props) => {
               children: [
                 "Run",
                 " ",
-                isRunning || !dependenciesLoaded ? /* @__PURE__ */ jsx(Loader2, { className: "rf-w-3 rf-h-3 rf-animate-spin" }) : /* @__PURE__ */ jsx(Play, { className: "rf-w-3 rf-h-3" })
+                isRunning || !dependenciesLoaded ? /* @__PURE__ */ jsx2(Loader2, { className: "rf-w-3 rf-h-3 rf-animate-spin" }) : /* @__PURE__ */ jsx2(Play, { className: "rf-w-3 rf-h-3" })
               ]
             }
           ),
-          isRunning && /* @__PURE__ */ jsx("div", { className: "rf-flex rf-items-center rf-ml-1", children: /* @__PURE__ */ jsx(
+          isRunning && /* @__PURE__ */ jsx2("div", { className: "rf-flex rf-items-center rf-ml-1", children: /* @__PURE__ */ jsx2(
             Button,
             {
               onClick: (e) => {
@@ -534,7 +660,7 @@ var RunFrame = (props) => {
               variant: "ghost",
               size: "icon",
               className: "rf-text-red-300 hover:rf-text-red-400 hover:!rf-bg-transparent [&>svg]:rf-text-red-300 [&>svg]:hover:rf-text-red-400 rf-flex rf-items-center rf-justify-center",
-              children: /* @__PURE__ */ jsx(
+              children: /* @__PURE__ */ jsx2(
                 Square,
                 {
                   className: "!rf-h-2.5 !rf-w-2.5",
@@ -545,6 +671,7 @@ var RunFrame = (props) => {
             }
           ) })
         ] }),
+        showFileMenu && /* @__PURE__ */ jsx2(RunFrameFileMenu, {}),
         props.leftHeaderContent
       ] }),
       onActiveTabChange: setActiveTab,
@@ -658,8 +785,8 @@ import * as React from "react";
 import "@radix-ui/react-dialog";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
   CommandPrimitive,
   {
     ref,
@@ -671,14 +798,14 @@ var Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Command.displayName = CommandPrimitive.displayName;
-var CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs2(
+var CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs3(
   "div",
   {
     className: "rf-flex rf-items-center rf-border-b rf-px-3",
     "cmdk-input-wrapper": "",
     children: [
-      /* @__PURE__ */ jsx2(Search, { className: "rf-mr-2 rf-h-4 rf-w-4 rf-shrink-0 rf-opacity-50" }),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3(Search, { className: "rf-mr-2 rf-h-4 rf-w-4 rf-shrink-0 rf-opacity-50" }),
+      /* @__PURE__ */ jsx3(
         CommandPrimitive.Input,
         {
           ref,
@@ -693,7 +820,7 @@ var CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+var CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
   CommandPrimitive.List,
   {
     ref,
@@ -705,7 +832,7 @@ var CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx2(
+var CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx3(
   CommandPrimitive.Empty,
   {
     ref,
@@ -714,7 +841,7 @@ var CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx2(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+var CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
   CommandPrimitive.Group,
   {
     ref,
@@ -726,7 +853,7 @@ var CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+var CommandSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
   CommandPrimitive.Separator,
   {
     ref,
@@ -738,7 +865,7 @@ var CommandSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+var CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
   CommandPrimitive.Item,
   {
     ref,
@@ -754,7 +881,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "span",
     {
       className: cn(
@@ -770,10 +897,10 @@ CommandShortcut.displayName = "CommandShortcut";
 // lib/components/ui/popover.tsx
 import * as React2 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React2.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx3(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx3(
+var PopoverContent = React2.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx4(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx4(
   PopoverPrimitive.Content,
   {
     ref,
@@ -790,7 +917,7 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // lib/components/RunFrameWithApi/file-selector-combobox.tsx
 import { ChevronsUpDown, Check } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var FileSelectorCombobox = ({
   files,
   onFileChange,
@@ -801,8 +928,8 @@ var FileSelectorCombobox = ({
   useEffect4(() => {
     setFile(currentFile);
   }, [currentFile]);
-  return /* @__PURE__ */ jsxs3(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx4(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx5(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs4(
       Button,
       {
         variant: "outline",
@@ -811,17 +938,17 @@ var FileSelectorCombobox = ({
         className: "rf-w-30 rf-justify-between !rf-font-normal",
         children: [
           file ? file : "Select file",
-          /* @__PURE__ */ jsx4(ChevronsUpDown, { className: "rf-opacity-50" })
+          /* @__PURE__ */ jsx5(ChevronsUpDown, { className: "rf-opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx4(PopoverContent, { className: "rf-w-fit !rf-p-0", children: /* @__PURE__ */ jsxs3(Command, { children: [
-      /* @__PURE__ */ jsx4(CommandInput, { placeholder: "Search for file", className: "rf-h-9" }),
-      /* @__PURE__ */ jsxs3(CommandList, { children: [
-        /* @__PURE__ */ jsx4(CommandEmpty, { children: "No file found." }),
-        /* @__PURE__ */ jsx4(CommandGroup, { children: files.filter(
+    /* @__PURE__ */ jsx5(PopoverContent, { className: "rf-w-fit !rf-p-0", children: /* @__PURE__ */ jsxs4(Command, { children: [
+      /* @__PURE__ */ jsx5(CommandInput, { placeholder: "Search for file", className: "rf-h-9" }),
+      /* @__PURE__ */ jsxs4(CommandList, { children: [
+        /* @__PURE__ */ jsx5(CommandEmpty, { children: "No file found." }),
+        /* @__PURE__ */ jsx5(CommandGroup, { children: files.filter(
           (file2) => (file2.endsWith(".tsx") || file2.endsWith(".ts") || file2.endsWith(".jsx") || file2.endsWith(".js")) && !file2.endsWith(".d.ts")
-        ).map((file2, i) => /* @__PURE__ */ jsxs3(
+        ).map((file2, i) => /* @__PURE__ */ jsxs4(
           CommandItem,
           {
             value: file2,
@@ -832,7 +959,7 @@ var FileSelectorCombobox = ({
             },
             children: [
               file2,
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx5(
                 Check,
                 {
                   className: cn(
@@ -851,7 +978,7 @@ var FileSelectorCombobox = ({
 };
 
 // lib/components/RunFrameWithApi/RunFrameWithApi.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var debug3 = Debug2("run-frame:RunFrameWithApi");
 var guessEntrypoint = (files) => files.find((file) => file.includes("entrypoint.")) ?? files.find((file) => file.includes("index.")) ?? files.find((file) => file.includes("main.")) ?? files.find((file) => file.endsWith(".tsx"));
 var guessManualEditsFilePath = (files) => files.find((file) => file.includes("manual-edits.")) ?? files.find((file) => file.includes("manual-edit.")) ?? files.find((file) => file.endsWith(".json"));
@@ -912,16 +1039,16 @@ var RunFrameWithApi = (props) => {
     } : {},
     [componentPath]
   );
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     RunFrame,
     {
       fsMap,
       evalVersion: props.evalVersion,
       forceLatestEvalVersion: props.forceLatestEvalVersion,
       evalWebWorkerBlobUrl: props.evalWebWorkerBlobUrl ?? props.workerBlobUrl,
-      leftHeaderContent: /* @__PURE__ */ jsxs4("div", { className: "rf-flex rf-items-center rf-justify-between rf-w-full", children: [
+      leftHeaderContent: /* @__PURE__ */ jsxs5("div", { className: "rf-flex rf-items-center rf-justify-between rf-w-full", children: [
         props.leftHeaderContent,
-        props.showFilesSwitch && /* @__PURE__ */ jsx5("div", { className: "rf-absolute rf-left-1/2 rf-transform rf--translate-x-1/2", children: /* @__PURE__ */ jsx5(
+        props.showFilesSwitch && /* @__PURE__ */ jsx6("div", { className: "rf-absolute rf-left-1/2 rf-transform rf--translate-x-1/2", children: /* @__PURE__ */ jsx6(
           FileSelectorCombobox,
           {
             currentFile: componentPath,
@@ -934,6 +1061,7 @@ var RunFrameWithApi = (props) => {
           }
         ) })
       ] }),
+      showFileMenu: props.showFileMenu,
       defaultToFullScreen: props.defaultToFullScreen,
       showToggleFullScreen: props.showToggleFullScreen,
       onInitialRender: () => {
@@ -985,7 +1113,7 @@ import { useEffect as useEffect10, useMemo as useMemo4, useState as useState10 }
 
 // lib/components/RunFrameForCli/SelectSnippetDialog.tsx
 import { useState as useState5 } from "react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var SelectSnippetDialog = ({
   snippetNames,
   onSelect,
@@ -1008,9 +1136,9 @@ var SelectSnippetDialog = ({
       }
     }
   };
-  return /* @__PURE__ */ jsx6("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__ */ jsxs5("div", { className: "rf-bg-white rf-rounded-lg rf-p-6 rf-w-96", children: [
-    /* @__PURE__ */ jsx6("h2", { className: "rf-text-lg rf-font-semibold rf-mb-4", children: "Select Snippet" }),
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7("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__ */ jsxs6("div", { className: "rf-bg-white rf-rounded-lg rf-p-6 rf-w-96", children: [
+    /* @__PURE__ */ jsx7("h2", { className: "rf-text-lg rf-font-semibold rf-mb-4", children: "Select Snippet" }),
+    /* @__PURE__ */ jsx7(
       "input",
       {
         type: "text",
@@ -1021,8 +1149,8 @@ var SelectSnippetDialog = ({
         onKeyDown: handleKeyDown
       }
     ),
-    /* @__PURE__ */ jsxs5("div", { className: "rf-h-60 rf-overflow-y-auto", children: [
-      filteredSnippets.map((name) => /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsxs6("div", { className: "rf-h-60 rf-overflow-y-auto", children: [
+      filteredSnippets.map((name) => /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -1032,7 +1160,7 @@ var SelectSnippetDialog = ({
         },
         name
       )),
-      showCreateNew && /* @__PURE__ */ jsxs5(
+      showCreateNew && /* @__PURE__ */ jsxs6(
         "button",
         {
           type: "button",
@@ -1046,8 +1174,8 @@ var SelectSnippetDialog = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "rf-mt-4 rf-flex rf-justify-end rf-gap-2", children: [
-      /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsxs6("div", { className: "rf-mt-4 rf-flex rf-justify-end rf-gap-2", children: [
+      /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -1056,7 +1184,7 @@ var SelectSnippetDialog = ({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -1088,10 +1216,10 @@ var useEventHandler = (callback) => {
 // lib/components/ui/alert-dialog.tsx
 import * as React3 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+var AlertDialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -1103,9 +1231,9 @@ var AlertDialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs6(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsx7(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsx7(
+var AlertDialogContent = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs7(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx8(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx8(
     AlertDialogPrimitive.Content,
     {
       ref,
@@ -1121,7 +1249,7 @@ AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
 var AlertDialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx7(
+}) => /* @__PURE__ */ jsx8(
   "div",
   {
     className: cn(
@@ -1135,7 +1263,7 @@ AlertDialogHeader.displayName = "AlertDialogHeader";
 var AlertDialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx7(
+}) => /* @__PURE__ */ jsx8(
   "div",
   {
     className: cn(
@@ -1146,7 +1274,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+var AlertDialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -1155,7 +1283,7 @@ var AlertDialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+var AlertDialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -1167,7 +1295,7 @@ var AlertDialogDescription = React3.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+var AlertDialogAction = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -1176,7 +1304,7 @@ var AlertDialogAction = React3.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+var AlertDialogCancel = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -1194,8 +1322,8 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 import * as React4 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check2 } from "lucide-react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var Checkbox = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Checkbox = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -1204,13 +1332,13 @@ var Checkbox = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx8(
+    children: /* @__PURE__ */ jsx9(
       CheckboxPrimitive.Indicator,
       {
         className: cn(
           "rf-flex rf-items-center rf-justify-center rf-text-current"
         ),
-        children: /* @__PURE__ */ jsx8(Check2, { className: "rf-h-4 rf-w-4" })
+        children: /* @__PURE__ */ jsx9(Check2, { className: "rf-h-4 rf-w-4" })
       }
     )
   }
@@ -1290,7 +1418,7 @@ var mapTscircuitSnippetToSearchResult = (tscircuitSnippet) => {
 };
 
 // lib/components/ImportComponentDialog/ImportComponentDialog.tsx
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var ImportComponentDialog = ({
   isOpen,
   onClose,
@@ -1374,8 +1502,8 @@ var ImportComponentDialog = ({
       fetchPackageDetails(component.owner, packageName);
     }
   };
-  return /* @__PURE__ */ jsxs7(Dialog, { open: isOpen, onOpenChange: () => onClose(), children: [
-    /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(Dialog, { open: isOpen, onOpenChange: () => onClose(), children: [
+    /* @__PURE__ */ jsxs8(
       DialogContent,
       {
         style: {
@@ -1383,18 +1511,18 @@ var ImportComponentDialog = ({
         },
         className: "rf-rounded-sm rf-max-h-[90vh] rf-overflow-y-auto rf-flex rf-flex-col",
         children: [
-          /* @__PURE__ */ jsxs7(DialogHeader, { children: [
-            /* @__PURE__ */ jsx9(DialogTitle, { className: "rf-text-lg sm:rf-text-xl", children: "Import Component" }),
-            /* @__PURE__ */ jsx9(DialogDescription, { className: "rf-text-sm", children: "Search for components from tscircuit.com or JLCPCB parts library." })
+          /* @__PURE__ */ jsxs8(DialogHeader, { children: [
+            /* @__PURE__ */ jsx10(DialogTitle, { className: "rf-text-lg sm:rf-text-xl", children: "Import Component" }),
+            /* @__PURE__ */ jsx10(DialogDescription, { className: "rf-text-sm", children: "Search for components from tscircuit.com or JLCPCB parts library." })
           ] }),
-          /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs8(
             Tabs,
             {
               value: activeTab,
               onValueChange: (value) => setActiveTab(value),
               children: [
-                /* @__PURE__ */ jsxs7(TabsList, { className: "rf-grid rf-w-full rf-grid-cols-2 rf-h-auto", children: [
-                  /* @__PURE__ */ jsx9(
+                /* @__PURE__ */ jsxs8(TabsList, { className: "rf-grid rf-w-full rf-grid-cols-2 rf-h-auto", children: [
+                  /* @__PURE__ */ jsx10(
                     TabsTrigger,
                     {
                       value: "tscircuit.com",
@@ -1402,12 +1530,12 @@ var ImportComponentDialog = ({
                       children: "tscircuit.com"
                     }
                   ),
-                  /* @__PURE__ */ jsx9(TabsTrigger, { value: "jlcpcb", className: "rf-text-xs sm:rf-text-sm", children: "JLCPCB Parts" })
+                  /* @__PURE__ */ jsx10(TabsTrigger, { value: "jlcpcb", className: "rf-text-xs sm:rf-text-sm", children: "JLCPCB Parts" })
                 ] }),
-                /* @__PURE__ */ jsxs7("div", { className: "rf-flex rf-items-center rf-gap-2 rf-mt-4", children: [
-                  /* @__PURE__ */ jsxs7("div", { className: "rf-relative rf-flex-grow", children: [
-                    /* @__PURE__ */ jsx9(Search2, { className: "rf-absolute rf-left-2 rf-top-2.5 rf-h-4 rf-w-4 rf-text-muted-foreground" }),
-                    /* @__PURE__ */ jsx9(
+                /* @__PURE__ */ jsxs8("div", { className: "rf-flex rf-items-center rf-gap-2 rf-mt-4", children: [
+                  /* @__PURE__ */ jsxs8("div", { className: "rf-relative rf-flex-grow", children: [
+                    /* @__PURE__ */ jsx10(Search2, { className: "rf-absolute rf-left-2 rf-top-2.5 rf-h-4 rf-w-4 rf-text-muted-foreground" }),
+                    /* @__PURE__ */ jsx10(
                       Input,
                       {
                         placeholder: activeTab === "tscircuit.com" ? "Search components..." : "Search JLCPCB parts (e.g. C14663)...",
@@ -1420,33 +1548,33 @@ var ImportComponentDialog = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx9(
+                  /* @__PURE__ */ jsx10(
                     Button,
                     {
                       onClick: handleSearch,
                       disabled: isLoading || searchQuery.trim().length < 1,
                       className: "sm:rf-px-4 rf-px-3",
-                      children: isLoading ? /* @__PURE__ */ jsx9(Loader22, { className: "rf-h-4 rf-w-4 rf-animate-spin" }) : /* @__PURE__ */ jsxs7(Fragment2, { children: [
-                        /* @__PURE__ */ jsx9(Search2, { className: "rf-h-4 rf-w-4 sm:rf-hidden" }),
-                        /* @__PURE__ */ jsx9("span", { className: "rf-hidden sm:rf-inline", children: "Search" })
+                      children: isLoading ? /* @__PURE__ */ jsx10(Loader22, { className: "rf-h-4 rf-w-4 rf-animate-spin" }) : /* @__PURE__ */ jsxs8(Fragment2, { children: [
+                        /* @__PURE__ */ jsx10(Search2, { className: "rf-h-4 rf-w-4 sm:rf-hidden" }),
+                        /* @__PURE__ */ jsx10("span", { className: "rf-hidden sm:rf-inline", children: "Search" })
                       ] })
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx9("div", { className: "rf-mt-4 rf-flex-1 rf-min-h-[200px] !rf-max-h-[40vh] !rf-overflow-y-auto rf-border rf-rounded-md", children: searchResults.length > 0 ? /* @__PURE__ */ jsx9("div", { className: "rf-divide-y", children: searchResults.map((result) => /* @__PURE__ */ jsxs7(
+                /* @__PURE__ */ jsx10("div", { className: "rf-mt-4 rf-flex-1 rf-min-h-[200px] !rf-max-h-[40vh] !rf-overflow-y-auto rf-border rf-rounded-md", children: searchResults.length > 0 ? /* @__PURE__ */ jsx10("div", { className: "rf-divide-y", children: searchResults.map((result) => /* @__PURE__ */ jsxs8(
                   "div",
                   {
                     className: `rf-p-3 rf-flex rf-flex-col sm:rf-flex-row rf-items-start sm:rf-items-center rf-justify-between rf-cursor-pointer hover:rf-bg-zinc-100 rf-gap-2 ${selectedComponent?.id === result.id ? "rf-bg-zinc-100" : ""}`,
                     onClick: () => setSelectedComponent(result),
                     children: [
-                      /* @__PURE__ */ jsxs7("div", { className: "rf-flex-1 rf-min-w-0", children: [
-                        /* @__PURE__ */ jsx9("div", { className: "rf-font-medium rf-text-sm rf-truncate", children: result.name }),
-                        /* @__PURE__ */ jsxs7("div", { className: "rf-text-xs rf-text-zinc-500 rf-break-words", children: [
-                          result.partNumber && /* @__PURE__ */ jsx9("span", { className: "rf-mr-2", children: result.partNumber }),
+                      /* @__PURE__ */ jsxs8("div", { className: "rf-flex-1 rf-min-w-0", children: [
+                        /* @__PURE__ */ jsx10("div", { className: "rf-font-medium rf-text-sm rf-truncate", children: result.name }),
+                        /* @__PURE__ */ jsxs8("div", { className: "rf-text-xs rf-text-zinc-500 rf-break-words", children: [
+                          result.partNumber && /* @__PURE__ */ jsx10("span", { className: "rf-mr-2", children: result.partNumber }),
                           result.description
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsx9("div", { className: "rf-flex rf-gap-2 rf-flex-shrink-0 rf-w-full sm:rf-w-auto", children: result.source === "tscircuit.com" && /* @__PURE__ */ jsx9(
+                      /* @__PURE__ */ jsx10("div", { className: "rf-flex rf-gap-2 rf-flex-shrink-0 rf-w-full sm:rf-w-auto", children: result.source === "tscircuit.com" && /* @__PURE__ */ jsx10(
                         Button,
                         {
                           variant: "outline",
@@ -1462,15 +1590,15 @@ var ImportComponentDialog = ({
                     ]
                   },
                   result.id
-                )) }) : isLoading ? /* @__PURE__ */ jsxs7("div", { className: "rf-p-8 rf-text-center rf-text-zinc-500", children: [
-                  /* @__PURE__ */ jsx9(Loader22, { className: "rf-h-8 rf-w-8 rf-animate-spin rf-mx-auto rf-mb-2" }),
-                  /* @__PURE__ */ jsx9("p", { children: "Searching..." })
-                ] }) : /* @__PURE__ */ jsx9("div", { className: "rf-p-8 rf-text-center rf-text-zinc-500", children: hasSearched ? "No results found" : "Enter a search term to find components" }) })
+                )) }) : isLoading ? /* @__PURE__ */ jsxs8("div", { className: "rf-p-8 rf-text-center rf-text-zinc-500", children: [
+                  /* @__PURE__ */ jsx10(Loader22, { className: "rf-h-8 rf-w-8 rf-animate-spin rf-mx-auto rf-mb-2" }),
+                  /* @__PURE__ */ jsx10("p", { children: "Searching..." })
+                ] }) : /* @__PURE__ */ jsx10("div", { className: "rf-p-8 rf-text-center rf-text-zinc-500", children: hasSearched ? "No results found" : "Enter a search term to find components" }) })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs7(DialogFooter, { className: "rf-flex rf-flex-col sm:rf-flex-row rf-gap-2", children: [
-            /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsxs8(DialogFooter, { className: "rf-flex rf-flex-col sm:rf-flex-row rf-gap-2", children: [
+            /* @__PURE__ */ jsx10(
               Button,
               {
                 variant: "outline",
@@ -1479,7 +1607,7 @@ var ImportComponentDialog = ({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsx10(
               Button,
               {
                 onClick: () => {
@@ -1496,7 +1624,7 @@ var ImportComponentDialog = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx9(Dialog, { open: detailsOpen, onOpenChange: setDetailsOpen, children: /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsx10(Dialog, { open: detailsOpen, onOpenChange: setDetailsOpen, children: /* @__PURE__ */ jsxs8(
       DialogContent,
       {
         showOverlay: false,
@@ -1505,7 +1633,7 @@ var ImportComponentDialog = ({
         },
         className: "rf-max-w-5xl !rf-overflow-y-auto rf-max-h-[90vh] rf-overflow-hidden rf-flex rf-flex-col rf-rounded-sm",
         children: [
-          /* @__PURE__ */ jsx9(DialogHeader, { className: "rf-pb-4 rf-border-b", children: /* @__PURE__ */ jsx9("div", { className: "rf-flex rf-items-start rf-justify-between rf-gap-4", children: /* @__PURE__ */ jsx9("div", { className: "rf-flex-1 rf-min-w-0", children: /* @__PURE__ */ jsx9(DialogTitle, { className: "rf-text-xl rf-font-semibold rf-truncate", children: /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(DialogHeader, { className: "rf-pb-4 rf-border-b", children: /* @__PURE__ */ jsx10("div", { className: "rf-flex rf-items-start rf-justify-between rf-gap-4", children: /* @__PURE__ */ jsx10("div", { className: "rf-flex-1 rf-min-w-0", children: /* @__PURE__ */ jsx10(DialogTitle, { className: "rf-text-xl rf-font-semibold rf-truncate", children: /* @__PURE__ */ jsx10(
             "a",
             {
               href: `https://tscircuit.com/${detailsComponent?.owner}/${detailsComponent?.name}`,
@@ -1515,10 +1643,10 @@ var ImportComponentDialog = ({
               children: detailsComponent?.name?.split("/").pop() || detailsComponent?.name
             }
           ) }) }) }) }),
-          /* @__PURE__ */ jsxs7("div", { className: "rf-flex-1 rf-overflow-y-auto rf-py-4 rf-space-y-6", children: [
-            /* @__PURE__ */ jsx9("div", { children: /* @__PURE__ */ jsx9("div", { className: "rf-space-y-3", children: detailsComponent?.owner && /* @__PURE__ */ jsxs7("div", { children: [
-              /* @__PURE__ */ jsx9("label", { className: "rf-text-xs rf-font-medium rf-text-gray-500 rf-uppercase rf-tracking-wide", children: "Created by" }),
-              /* @__PURE__ */ jsx9("div", { className: "rf-mt-1 rf-text-sm rf-font-medium", children: /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsxs8("div", { className: "rf-flex-1 rf-overflow-y-auto rf-py-4 rf-space-y-6", children: [
+            /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("div", { className: "rf-space-y-3", children: detailsComponent?.owner && /* @__PURE__ */ jsxs8("div", { children: [
+              /* @__PURE__ */ jsx10("label", { className: "rf-text-xs rf-font-medium rf-text-gray-500 rf-uppercase rf-tracking-wide", children: "Created by" }),
+              /* @__PURE__ */ jsx10("div", { className: "rf-mt-1 rf-text-sm rf-font-medium", children: /* @__PURE__ */ jsx10(
                 "a",
                 {
                   href: `https://tscircuit.com/${detailsComponent?.owner}`,
@@ -1529,16 +1657,16 @@ var ImportComponentDialog = ({
                 }
               ) })
             ] }) }) }),
-            /* @__PURE__ */ jsxs7("div", { children: [
-              /* @__PURE__ */ jsx9("h3", { className: "rf-text-lg rf-font-semibold rf-mb-4", children: "Preview" }),
-              /* @__PURE__ */ jsxs7(
+            /* @__PURE__ */ jsxs8("div", { children: [
+              /* @__PURE__ */ jsx10("h3", { className: "rf-text-lg rf-font-semibold rf-mb-4", children: "Preview" }),
+              /* @__PURE__ */ jsxs8(
                 Tabs,
                 {
                   value: previewActiveTab,
                   onValueChange: (value) => setPreviewActiveTab(value),
                   children: [
-                    /* @__PURE__ */ jsxs7(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: [
-                      /* @__PURE__ */ jsx9(
+                    /* @__PURE__ */ jsxs8(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: [
+                      /* @__PURE__ */ jsx10(
                         TabsTrigger,
                         {
                           value: "pcb",
@@ -1546,7 +1674,7 @@ var ImportComponentDialog = ({
                           children: "PCB"
                         }
                       ),
-                      /* @__PURE__ */ jsx9(
+                      /* @__PURE__ */ jsx10(
                         TabsTrigger,
                         {
                           value: "schematic",
@@ -1555,13 +1683,13 @@ var ImportComponentDialog = ({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs7("div", { className: "rf-mt-4", children: [
-                      /* @__PURE__ */ jsx9(
+                    /* @__PURE__ */ jsxs8("div", { className: "rf-mt-4", children: [
+                      /* @__PURE__ */ jsx10(
                         TabsContent,
                         {
                           value: "pcb",
                           className: "rf-border rf-rounded-lg rf-overflow-hidden rf-bg-gray-50",
-                          children: detailsComponent?.owner && detailsComponent?.name ? /* @__PURE__ */ jsx9("div", { className: "rf-w-full rf-h-fit rf-min-h-[300px] rf-bg-white rf-flex rf-items-center rf-justify-center rf-p-4", children: /* @__PURE__ */ jsx9(
+                          children: detailsComponent?.owner && detailsComponent?.name ? /* @__PURE__ */ jsx10("div", { className: "rf-w-full rf-h-fit rf-min-h-[300px] rf-bg-white rf-flex rf-items-center rf-justify-center rf-p-4", children: /* @__PURE__ */ jsx10(
                             "img",
                             {
                               src: `https://registry-api.tscircuit.com/packages/images/${detailsComponent.owner}/${detailsComponent.name}/pcb.png`,
@@ -1576,18 +1704,18 @@ var ImportComponentDialog = ({
                                 }
                               }
                             }
-                          ) }) : /* @__PURE__ */ jsx9("div", { className: "rf-h-[400px] rf-flex rf-items-center rf-justify-center rf-text-gray-500", children: /* @__PURE__ */ jsxs7("div", { className: "rf-text-center", children: [
-                            /* @__PURE__ */ jsx9("div", { className: "rf-text-sm rf-font-medium", children: "No PCB preview available" }),
-                            /* @__PURE__ */ jsx9("div", { className: "rf-text-xs rf-mt-1", children: "Preview cannot be generated" })
+                          ) }) : /* @__PURE__ */ jsx10("div", { className: "rf-h-[400px] rf-flex rf-items-center rf-justify-center rf-text-gray-500", children: /* @__PURE__ */ jsxs8("div", { className: "rf-text-center", children: [
+                            /* @__PURE__ */ jsx10("div", { className: "rf-text-sm rf-font-medium", children: "No PCB preview available" }),
+                            /* @__PURE__ */ jsx10("div", { className: "rf-text-xs rf-mt-1", children: "Preview cannot be generated" })
                           ] }) })
                         }
                       ),
-                      /* @__PURE__ */ jsx9(
+                      /* @__PURE__ */ jsx10(
                         TabsContent,
                         {
                           value: "schematic",
                           className: "rf-border rf-rounded-lg rf-overflow-hidden rf-bg-gray-50",
-                          children: detailsComponent?.owner && detailsComponent?.name ? /* @__PURE__ */ jsx9("div", { className: "rf-w-full rf-h-fit rf-min-h-[300px] rf-bg-white rf-flex rf-items-center rf-justify-center rf-p-4", children: /* @__PURE__ */ jsx9(
+                          children: detailsComponent?.owner && detailsComponent?.name ? /* @__PURE__ */ jsx10("div", { className: "rf-w-full rf-h-fit rf-min-h-[300px] rf-bg-white rf-flex rf-items-center rf-justify-center rf-p-4", children: /* @__PURE__ */ jsx10(
                             "img",
                             {
                               src: `https://registry-api.tscircuit.com/packages/images/${detailsComponent.owner}/${detailsComponent.name}/schematic.png`,
@@ -1602,9 +1730,9 @@ var ImportComponentDialog = ({
                                 }
                               }
                             }
-                          ) }) : /* @__PURE__ */ jsx9("div", { className: "rf-h-[400px] rf-flex rf-items-center rf-justify-center rf-text-gray-500", children: /* @__PURE__ */ jsxs7("div", { className: "rf-text-center", children: [
-                            /* @__PURE__ */ jsx9("div", { className: "rf-text-sm rf-font-medium", children: "No schematic preview available" }),
-                            /* @__PURE__ */ jsx9("div", { className: "rf-text-xs rf-mt-1", children: "Preview cannot be generated" })
+                          ) }) : /* @__PURE__ */ jsx10("div", { className: "rf-h-[400px] rf-flex rf-items-center rf-justify-center rf-text-gray-500", children: /* @__PURE__ */ jsxs8("div", { className: "rf-text-center", children: [
+                            /* @__PURE__ */ jsx10("div", { className: "rf-text-sm rf-font-medium", children: "No schematic preview available" }),
+                            /* @__PURE__ */ jsx10("div", { className: "rf-text-xs rf-mt-1", children: "Preview cannot be generated" })
                           ] }) })
                         }
                       )
@@ -1613,21 +1741,21 @@ var ImportComponentDialog = ({
                 }
               )
             ] }),
-            packageDetails?.ai_description && /* @__PURE__ */ jsxs7("div", { children: [
-              /* @__PURE__ */ jsx9("h3", { className: "rf-text-lg rf-font-semibold rf-mb-3", children: "AI Description" }),
-              /* @__PURE__ */ jsx9("div", { className: "rf-bg-gray-50 rf-border rf-border-gray-200 rf-rounded-lg rf-p-4", children: /* @__PURE__ */ jsx9("p", { className: "rf-text-sm rf-text-gray-700 rf-leading-relaxed", children: packageDetails.ai_description }) })
+            packageDetails?.ai_description && /* @__PURE__ */ jsxs8("div", { children: [
+              /* @__PURE__ */ jsx10("h3", { className: "rf-text-lg rf-font-semibold rf-mb-3", children: "AI Description" }),
+              /* @__PURE__ */ jsx10("div", { className: "rf-bg-gray-50 rf-border rf-border-gray-200 rf-rounded-lg rf-p-4", children: /* @__PURE__ */ jsx10("p", { className: "rf-text-sm rf-text-gray-700 rf-leading-relaxed", children: packageDetails.ai_description }) })
             ] }),
-            packageDetails?.ai_usage_instructions && /* @__PURE__ */ jsxs7("div", { children: [
-              /* @__PURE__ */ jsx9("h3", { className: "rf-text-lg rf-font-semibold rf-mb-3", children: "Usage Instructions" }),
-              /* @__PURE__ */ jsx9("div", { className: "rf-bg-gray-50 rf-border rf-border-gray-200 rf-rounded-lg rf-p-4", children: /* @__PURE__ */ jsx9("p", { className: "rf-text-sm rf-text-gray-700 rf-leading-relaxed rf-whitespace-pre-wrap", children: packageDetails.ai_usage_instructions }) })
+            packageDetails?.ai_usage_instructions && /* @__PURE__ */ jsxs8("div", { children: [
+              /* @__PURE__ */ jsx10("h3", { className: "rf-text-lg rf-font-semibold rf-mb-3", children: "Usage Instructions" }),
+              /* @__PURE__ */ jsx10("div", { className: "rf-bg-gray-50 rf-border rf-border-gray-200 rf-rounded-lg rf-p-4", children: /* @__PURE__ */ jsx10("p", { className: "rf-text-sm rf-text-gray-700 rf-leading-relaxed rf-whitespace-pre-wrap", children: packageDetails.ai_usage_instructions }) })
             ] }),
-            packageDetailsLoading && /* @__PURE__ */ jsxs7("div", { className: "rf-flex rf-justify-center rf-text-center rf-items-center rf-gap-2 rf-text-gray-500", children: [
-              /* @__PURE__ */ jsx9(Loader22, { className: "rf-h-4 rf-w-4 rf-animate-spin" }),
-              /* @__PURE__ */ jsx9("span", { className: "rf-text-sm", children: "Loading package details..." })
+            packageDetailsLoading && /* @__PURE__ */ jsxs8("div", { className: "rf-flex rf-justify-center rf-text-center rf-items-center rf-gap-2 rf-text-gray-500", children: [
+              /* @__PURE__ */ jsx10(Loader22, { className: "rf-h-4 rf-w-4 rf-animate-spin" }),
+              /* @__PURE__ */ jsx10("span", { className: "rf-text-sm", children: "Loading package details..." })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs7(DialogFooter, { className: "rf-pt-4 rf-border-t rf-flex rf-flex-col sm:rf-flex-row rf-justify-between rf-items-stretch sm:rf-items-center rf-gap-2", children: [
-            /* @__PURE__ */ jsx9("div", { className: "rf-flex-1 rf-order-3 sm:rf-order-1", children: /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsxs8(DialogFooter, { className: "rf-pt-4 rf-border-t rf-flex rf-flex-col sm:rf-flex-row rf-justify-between rf-items-stretch sm:rf-items-center rf-gap-2", children: [
+            /* @__PURE__ */ jsx10("div", { className: "rf-flex-1 rf-order-3 sm:rf-order-1", children: /* @__PURE__ */ jsxs8(
               Button,
               {
                 variant: "outline",
@@ -1638,13 +1766,13 @@ var ImportComponentDialog = ({
                   window.open(url, "_blank");
                 },
                 children: [
-                  /* @__PURE__ */ jsx9(ExternalLink, { className: "rf-h-4 rf-w-4" }),
+                  /* @__PURE__ */ jsx10(ExternalLink, { className: "rf-h-4 rf-w-4" }),
                   "View on tscircuit.com"
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsxs7("div", { className: "rf-flex rf-flex-col sm:rf-flex-row rf-gap-2 sm:rf-gap-3 rf-order-1 sm:rf-order-2", children: [
-              /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsxs8("div", { className: "rf-flex rf-flex-col sm:rf-flex-row rf-gap-2 sm:rf-gap-3 rf-order-1 sm:rf-order-2", children: [
+              /* @__PURE__ */ jsx10(
                 Button,
                 {
                   variant: "outline",
@@ -1653,7 +1781,7 @@ var ImportComponentDialog = ({
                   children: "Close"
                 }
               ),
-              /* @__PURE__ */ jsx9(
+              /* @__PURE__ */ jsx10(
                 Button,
                 {
                   onClick: () => {
@@ -1675,106 +1803,12 @@ var ImportComponentDialog = ({
   ] });
 };
 
-// lib/optional-features/exporting/formats/export-fabrication-files.ts
-import JSZip from "jszip";
-import {
-  stringifyGerberCommandLayers,
-  convertSoupToGerberCommands,
-  convertSoupToExcellonDrillCommands,
-  stringifyExcellonDrill
-} from "circuit-json-to-gerber";
-import {
-  convertCircuitJsonToBomRows,
-  convertBomRowsToCsv
-} from "circuit-json-to-bom-csv";
-import { convertCircuitJsonToPickAndPlaceCsv } from "circuit-json-to-pnp-csv";
-
-// lib/optional-features/exporting/open-for-download.ts
-var openForDownload = (content, opts) => {
-  const { fileName, mimeType = "text/plain" } = opts;
-  const blob = content instanceof Blob ? content : new Blob([content], { type: mimeType });
-  const url = URL.createObjectURL(blob);
-  const a = document.createElement("a");
-  a.href = url;
-  a.download = fileName;
-  document.body.appendChild(a);
-  a.click();
-  setTimeout(() => {
-    document.body.removeChild(a);
-    URL.revokeObjectURL(url);
-  }, 0);
-};
-
-// lib/optional-features/exporting/formats/export-fabrication-files.ts
-var exportFabricationFiles = async ({
-  circuitJson,
-  projectName
-}) => {
-  const zip = new JSZip();
-  const filteredCircuitJson = circuitJson.filter(
-    (element) => !("error_type" in element) && !("warning_type" in element)
-  );
-  const gerberLayerCmds = convertSoupToGerberCommands(filteredCircuitJson, {
-    flip_y_axis: false
-  });
-  const gerberFileContents = stringifyGerberCommandLayers(gerberLayerCmds);
-  for (const [fileName, fileContents] of Object.entries(gerberFileContents)) {
-    zip.file(`gerber/${fileName}.gbr`, fileContents);
-  }
-  const drillCmds = convertSoupToExcellonDrillCommands({
-    circuitJson: filteredCircuitJson,
-    is_plated: true,
-    flip_y_axis: false
-  });
-  const drillFileContents = stringifyExcellonDrill(drillCmds);
-  zip.file("gerber/drill.drl", drillFileContents);
-  const bomRows = await convertCircuitJsonToBomRows({ circuitJson });
-  const bomCsv = await convertBomRowsToCsv(bomRows);
-  zip.file("bom.csv", bomCsv);
-  const pnpCsv = await convertCircuitJsonToPickAndPlaceCsv(circuitJson);
-  zip.file("pick_and_place.csv", pnpCsv);
-  const zipBlob = await zip.generateAsync({ type: "blob" });
-  openForDownload(zipBlob, {
-    fileName: `${projectName}_fabrication_files.zip`
-  });
-};
-
-// lib/optional-features/exporting/export-and-download.ts
-var availableExports = [
-  { extension: "json", name: "Circuit JSON" },
-  { extension: "zip", name: "Fabrication Files" }
-  // { extension: "svg", name: "SVG" },
-  // { extension: "dsn", name: "Specctra DSN" },
-  // { extension: "glb", name: "GLB (Binary GLTF)" },
-  // { extension: "kicad_mod", name: "KiCad Module" },
-  // { extension: "kicad_project", name: "KiCad Project" },
-  // { extension: "gbr", name: "Gerbers" },
-];
-var exportAndDownload = async ({
-  exportName,
-  circuitJson,
-  projectName
-}) => {
-  if (exportName === "Fabrication Files") {
-    exportFabricationFiles({ circuitJson, projectName });
-    return;
-  }
-  if (exportName === "Circuit JSON") {
-    openForDownload(JSON.stringify(circuitJson, null, 2), {
-      fileName: `${projectName}.circuit.json`,
-      mimeType: "application/json"
-    });
-    return;
-  }
-  throw new Error(`Unsupported export type: "${exportName}"`);
-};
-
 // lib/components/AiReviewDialog/AiReviewDialog.tsx
 import { useState as useState9 } from "react";
 
 // lib/components/AiReviewDialog/ListAiReviewsView.tsx
 import { useEffect as useEffect8, useState as useState7 } from "react";
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var AiReviewListView = ({
   packageName,
   onSelectReview
@@ -1820,12 +1854,12 @@ var AiReviewListView = ({
       setCreating(false);
     }
   };
-  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
-    /* @__PURE__ */ jsxs8(DialogHeader, { children: [
-      /* @__PURE__ */ jsx10(DialogTitle, { children: "AI Review" }),
-      /* @__PURE__ */ jsx10(DialogDescription, { children: "Select an AI review or request a new one." })
+  return /* @__PURE__ */ jsxs9(Fragment3, { children: [
+    /* @__PURE__ */ jsxs9(DialogHeader, { children: [
+      /* @__PURE__ */ jsx11(DialogTitle, { children: "AI Review" }),
+      /* @__PURE__ */ jsx11(DialogDescription, { children: "Select an AI review or request a new one." })
     ] }),
-    /* @__PURE__ */ jsx10("div", { className: "rf-flex rf-gap-4 rf-mt-4", children: /* @__PURE__ */ jsx10("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__ */ jsx10("div", { className: "rf-text-sm", children: "Loading..." }) : reviews.length > 0 ? reviews.map((review) => /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx11("div", { className: "rf-flex rf-gap-4 rf-mt-4", children: /* @__PURE__ */ jsx11("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__ */ jsx11("div", { className: "rf-text-sm", children: "Loading..." }) : reviews.length > 0 ? reviews.map((review) => /* @__PURE__ */ jsx11(
       "div",
       {
         className: "rf-text-sm rf-p-2 rf-cursor-pointer rf-rounded hover:rf-bg-zinc-100",
@@ -1833,15 +1867,15 @@ var AiReviewListView = ({
         children: new Date(review.created_at || "").toLocaleString()
       },
       review.ai_review_id
-    )) : /* @__PURE__ */ jsx10("div", { className: "rf-text-sm rf-text-muted-foreground", children: "No AI reviews found." }) }) }),
-    /* @__PURE__ */ jsx10(DialogFooter, { className: "rf-mt-4", children: /* @__PURE__ */ jsx10(Button, { onClick: requestReview, disabled: creating, children: creating ? "Requesting..." : "Review my Board" }) })
+    )) : /* @__PURE__ */ jsx11("div", { className: "rf-text-sm rf-text-muted-foreground", children: "No AI reviews found." }) }) }),
+    /* @__PURE__ */ jsx11(DialogFooter, { className: "rf-mt-4", children: /* @__PURE__ */ jsx11(Button, { onClick: requestReview, disabled: creating, children: creating ? "Requesting..." : "Review my Board" }) })
   ] });
 };
 
 // lib/components/AiReviewDialog/ViewAiReviewView.tsx
 import { useEffect as useEffect9, useMemo as useMemo3, useState as useState8 } from "react";
 import { marked } from "marked";
-import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var AiReviewViewView = ({
   review,
   onBack
@@ -1879,19 +1913,19 @@ var AiReviewViewView = ({
     () => marked.parse(review.ai_review_text || ""),
     [review.ai_review_text]
   );
-  return /* @__PURE__ */ jsxs9(Fragment4, { children: [
-    /* @__PURE__ */ jsxs9(DialogHeader, { className: "rf-flex rf-flex-row rf-items-center rf-justify-between", children: [
-      /* @__PURE__ */ jsx11(Button, { variant: "ghost", size: "sm", onClick: onBack, children: "Back" }),
-      /* @__PURE__ */ jsx11(DialogTitle, { children: "AI Review" })
+  return /* @__PURE__ */ jsxs10(Fragment4, { children: [
+    /* @__PURE__ */ jsxs10(DialogHeader, { className: "rf-flex rf-flex-row rf-items-center rf-justify-between", children: [
+      /* @__PURE__ */ jsx12(Button, { variant: "ghost", size: "sm", onClick: onBack, children: "Back" }),
+      /* @__PURE__ */ jsx12(DialogTitle, { children: "AI Review" })
     ] }),
-    aiReviewText ? /* @__PURE__ */ jsx11(
+    aiReviewText ? /* @__PURE__ */ jsx12(
       "div",
       {
         className: "rf-h-64 rf-overflow-y-auto rf-prose rf-max-w-none rf-mt-2",
         dangerouslySetInnerHTML: { __html: html }
       }
-    ) : /* @__PURE__ */ jsx11("div", { className: "rf-h-64 rf-overflow-y-auto rf-prose rf-max-w-none rf-mt-2", children: /* @__PURE__ */ jsxs9("div", { className: "rf-flex rf-items-center rf-justify-center rf-h-full", children: [
-      /* @__PURE__ */ jsxs9(
+    ) : /* @__PURE__ */ jsx12("div", { className: "rf-h-64 rf-overflow-y-auto rf-prose rf-max-w-none rf-mt-2", children: /* @__PURE__ */ jsxs10("div", { className: "rf-flex rf-items-center rf-justify-center rf-h-full", children: [
+      /* @__PURE__ */ jsxs10(
         "svg",
         {
           className: "rf-animate-spin rf-h-6 rf-w-6 rf-text-zinc-400 rf-mr-2",
@@ -1900,7 +1934,7 @@ var AiReviewViewView = ({
           viewBox: "0 0 24 24",
           "aria-hidden": "true",
           children: [
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12(
               "circle",
               {
                 className: "rf-opacity-25",
@@ -1911,7 +1945,7 @@ var AiReviewViewView = ({
                 strokeWidth: "4"
               }
             ),
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12(
               "path",
               {
                 className: "rf-opacity-75",
@@ -1922,13 +1956,13 @@ var AiReviewViewView = ({
           ]
         }
       ),
-      /* @__PURE__ */ jsx11("span", { children: "Loading..." })
+      /* @__PURE__ */ jsx12("span", { children: "Loading..." })
     ] }) })
   ] });
 };
 
 // lib/components/AiReviewDialog/AiReviewDialog.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var AiReviewDialog = ({
   isOpen,
   onClose,
@@ -1942,7 +1976,7 @@ var AiReviewDialog = ({
     setSelectedReview(review);
     setStage("view_review");
   };
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     Dialog,
     {
       open: isOpen,
@@ -1953,15 +1987,15 @@ var AiReviewDialog = ({
           onClose();
         }
       },
-      children: /* @__PURE__ */ jsxs10(DialogContent, { className: "rf-max-w-2xl", children: [
-        stage === "list_reviews" && /* @__PURE__ */ jsx12(
+      children: /* @__PURE__ */ jsxs11(DialogContent, { className: "rf-max-w-2xl", children: [
+        stage === "list_reviews" && /* @__PURE__ */ jsx13(
           AiReviewListView,
           {
             packageName,
             onSelectReview: handleSelect
           }
         ),
-        stage === "view_review" && selectedReview && /* @__PURE__ */ jsx12(
+        stage === "view_review" && selectedReview && /* @__PURE__ */ jsx13(
           AiReviewViewView,
           {
             review: selectedReview,
@@ -2014,7 +2048,7 @@ var importComponentFromJlcpcb = async (jlcpcbPartNumber) => {
 };
 
 // lib/components/RunFrameForCli/LeftHeader.tsx
-import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var RunframeCliLeftHeader = (props) => {
   const lastRunEvalVersion = useRunnerStore((s) => s.lastRunEvalVersion);
   const [snippetName, setSnippetName] = useState10(null);
@@ -2106,11 +2140,11 @@ var RunframeCliLeftHeader = (props) => {
   const circuitJson = useRunFrameStore((state) => state.circuitJson);
   const [isImportDialogOpen, setIsImportDialogOpen] = useState10(false);
   const [isAiReviewDialogOpen, setIsAiReviewDialogOpen] = useState10(false);
-  return /* @__PURE__ */ jsxs11(Fragment5, { children: [
-    /* @__PURE__ */ jsxs11(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx13(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx13("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "File" }) }),
-      /* @__PURE__ */ jsxs11(DropdownMenuContent, { children: [
-        /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs12(Fragment5, { children: [
+    /* @__PURE__ */ jsxs12(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx14(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx14("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "File" }) }),
+      /* @__PURE__ */ jsxs12(DropdownMenuContent, { children: [
+        /* @__PURE__ */ jsx14(
           DropdownMenuItem,
           {
             className: "rf-text-xs",
@@ -2119,7 +2153,7 @@ var RunframeCliLeftHeader = (props) => {
             children: isSaving ? "Saving..." : "Push"
           }
         ),
-        parseInt(window.location.port) > 5e3 && /* @__PURE__ */ jsx13(
+        parseInt(window.location.port) > 5e3 && /* @__PURE__ */ jsx14(
           DropdownMenuItem,
           {
             className: "rf-text-xs",
@@ -2129,7 +2163,7 @@ var RunframeCliLeftHeader = (props) => {
             children: "Order"
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           DropdownMenuItem,
           {
             className: "rf-text-xs",
@@ -2138,7 +2172,7 @@ var RunframeCliLeftHeader = (props) => {
             children: "Import"
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           DropdownMenuItem,
           {
             className: "rf-text-xs",
@@ -2152,8 +2186,8 @@ var RunframeCliLeftHeader = (props) => {
             children: "AI Review"
           }
         ),
-        /* @__PURE__ */ jsxs11(DropdownMenuSub, { children: [
-          /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsxs12(DropdownMenuSub, { children: [
+          /* @__PURE__ */ jsx14(
             DropdownMenuSubTrigger,
             {
               className: "rf-text-xs",
@@ -2161,7 +2195,7 @@ var RunframeCliLeftHeader = (props) => {
               children: isExporting ? "Exporting..." : "Export"
             }
           ),
-          /* @__PURE__ */ jsx13(DropdownMenuPortal, { children: /* @__PURE__ */ jsx13(DropdownMenuSubContent, { children: availableExports.map((exp, i) => /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(DropdownMenuPortal, { children: /* @__PURE__ */ jsx14(DropdownMenuSubContent, { children: availableExports.map((exp, i) => /* @__PURE__ */ jsx14(
             DropdownMenuItem,
             {
               onSelect: () => {
@@ -2176,16 +2210,16 @@ var RunframeCliLeftHeader = (props) => {
                 });
               },
               disabled: isExporting,
-              children: /* @__PURE__ */ jsx13("span", { className: "rf-text-xs", children: exp.name })
+              children: /* @__PURE__ */ jsx14("span", { className: "rf-text-xs", children: exp.name })
             },
             i
           )) }) })
         ] }),
-        /* @__PURE__ */ jsxs11(DropdownMenuSub, { children: [
-          /* @__PURE__ */ jsx13(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Advanced" }),
-          /* @__PURE__ */ jsx13(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs11(DropdownMenuSubContent, { children: [
-            /* @__PURE__ */ jsx13(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs11("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-              /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsxs12(DropdownMenuSub, { children: [
+          /* @__PURE__ */ jsx14(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Advanced" }),
+          /* @__PURE__ */ jsx14(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs12(DropdownMenuSubContent, { children: [
+            /* @__PURE__ */ jsx14(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs12("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
+              /* @__PURE__ */ jsx14(
                 Checkbox,
                 {
                   id: "load-latest-eval",
@@ -2195,7 +2229,7 @@ var RunframeCliLeftHeader = (props) => {
                   }
                 }
               ),
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(
                 "label",
                 {
                   htmlFor: "load-latest-eval",
@@ -2204,31 +2238,31 @@ var RunframeCliLeftHeader = (props) => {
                 }
               )
             ] }) }),
-            lastRunEvalVersion && /* @__PURE__ */ jsx13(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx13("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs11("span", { className: "rf-text-xs", children: [
+            lastRunEvalVersion && /* @__PURE__ */ jsx14(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx14("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs12("span", { className: "rf-text-xs", children: [
               "@tscircuit/eval@",
               lastRunEvalVersion
             ] }) }) }),
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14(
               DropdownMenuItem,
               {
                 className: "rf-flex rf-items-center rf-gap-2",
                 onClick: () => {
                   window.open("/api/admin", "_blank");
                 },
-                children: /* @__PURE__ */ jsx13("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx13("span", { className: "rf-text-xs", children: "CLI Admin Panel" }) })
+                children: /* @__PURE__ */ jsx14("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx14("span", { className: "rf-text-xs", children: "CLI Admin Panel" }) })
               }
             )
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx13(AlertDialog, { open: isError, onOpenChange: setIsError, children: /* @__PURE__ */ jsxs11(AlertDialogContent, { children: [
-        /* @__PURE__ */ jsxs11(AlertDialogHeader, { children: [
-          /* @__PURE__ */ jsx13(AlertDialogTitle, { children: "Error Saving Snippet" }),
-          /* @__PURE__ */ jsx13(AlertDialogDescription, { children: errorMessage })
+      /* @__PURE__ */ jsx14(AlertDialog, { open: isError, onOpenChange: setIsError, children: /* @__PURE__ */ jsxs12(AlertDialogContent, { children: [
+        /* @__PURE__ */ jsxs12(AlertDialogHeader, { children: [
+          /* @__PURE__ */ jsx14(AlertDialogTitle, { children: "Error Saving Snippet" }),
+          /* @__PURE__ */ jsx14(AlertDialogDescription, { children: errorMessage })
         ] }),
-        /* @__PURE__ */ jsx13(AlertDialogFooter, { children: /* @__PURE__ */ jsx13(AlertDialogCancel, { onClick: () => setIsError(false), children: "Dismiss" }) })
+        /* @__PURE__ */ jsx14(AlertDialogFooter, { children: /* @__PURE__ */ jsx14(AlertDialogCancel, { onClick: () => setIsError(false), children: "Dismiss" }) })
       ] }) }),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         SelectSnippetDialog,
         {
           snippetNames: availableSnippets ?? [],
@@ -2247,7 +2281,7 @@ var RunframeCliLeftHeader = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       ImportComponentDialog,
       {
         isOpen: isImportDialogOpen,
@@ -2280,7 +2314,7 @@ var RunframeCliLeftHeader = (props) => {
         }
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       AiReviewDialog,
       {
         isOpen: isAiReviewDialogOpen,
@@ -2288,7 +2322,7 @@ var RunframeCliLeftHeader = (props) => {
         packageName: snippetName
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       Toaster,
       {
         position: "top-center",
@@ -2297,7 +2331,7 @@ var RunframeCliLeftHeader = (props) => {
         toastOptions: { style: { zIndex: 1e5 } }
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       orderDialog.OrderDialog,
       {
         isOpen: orderDialog.isOpen,
@@ -2310,13 +2344,13 @@ var RunframeCliLeftHeader = (props) => {
 };
 
 // lib/components/RunFrameForCli/RunFrameForCli.tsx
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var RunFrameForCli = (props) => {
   const [shouldLoadLatestEval, setLoadLatestEval] = useLocalStorageState(
     "load-latest-eval",
     true
   );
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     RunFrameWithApi,
     {
       debug: props.debug,
@@ -2325,8 +2359,9 @@ var RunFrameForCli = (props) => {
       showToggleFullScreen: false,
       workerBlobUrl: props.workerBlobUrl,
       showFilesSwitch: true,
-      leftHeaderContent: /* @__PURE__ */ jsxs12("div", { className: "rf-flex rf-items-center rf-justify-between", children: [
-        /* @__PURE__ */ jsx14(
+      showFileMenu: false,
+      leftHeaderContent: /* @__PURE__ */ jsxs13("div", { className: "rf-flex rf-items-center rf-justify-between", children: [
+        /* @__PURE__ */ jsx15(
           RunframeCliLeftHeader,
           {
             shouldLoadLatestEval: !props.workerBlobUrl && shouldLoadLatestEval,