@tscircuit/runframe 0.0.314 → 0.0.315

package/dist/runner.js

@@ -20,7 +20,7 @@ import {
   buttonVariants,
   cn,
   linkify
-} from "./chunk-PC663PVG.js";
+} from "./chunk-MZVSWVSS.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";
@@ -401,14 +401,6 @@ var RunFrame = (props) => {
       globalThis.runFrameWorker = worker;
       props.onRenderStarted?.();
       const fsMapObj2 = fsMap instanceof Map ? Object.fromEntries(fsMap.entries()) : fsMap;
-      if (!fsMapObj2[props.entrypoint]) {
-        setError({
-          error: `Entrypoint not found (entrypoint: "${props.entrypoint}", fsMapKeys: ${Object.keys(fsMapObj2).join(", ")})`,
-          stack: ""
-        });
-        setIsRunning(false);
-        return;
-      }
       const renderIds = /* @__PURE__ */ new Set();
       const startRenderTime = Date.now();
       let lastRenderLogSet = Date.now();
@@ -655,7 +647,7 @@ var useEditEventController = () => {
 // lib/components/RunFrameWithApi/RunFrameWithApi.tsx
 import { useEffect as useEffect3 } from "react";
 import { applyEditEventsToManualEditsFile as applyEditEventsToManualEditsFile2 } from "@tscircuit/core";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var debug5 = Debug3("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"));
@@ -691,19 +683,6 @@ var RunFrameWithApi = (props) => {
     startPolling();
     return () => stopPolling();
   }, [startPolling, stopPolling]);
-  const entrypoint = guessEntrypoint(Array.from(fsMap.keys())) ?? "entrypoint.tsx";
-  useEffect3(() => {
-    debug5(`entrypoint set to ${entrypoint}`, {
-      fsKeys: Array.from(fsMap.keys())
-    });
-  }, [entrypoint]);
-  if (!fsMap.get(entrypoint)) {
-    return /* @__PURE__ */ jsxs2("div", { children: [
-      "No entrypoint found for Run Frame! Found files:",
-      " ",
-      Array.from(fsMap.keys()).join(",")
-    ] });
-  }
   return /* @__PURE__ */ jsx2(
     RunFrame,
     {
@@ -721,7 +700,6 @@ var RunFrameWithApi = (props) => {
         debug5("onRenderFinished / markRenderComplete");
         markRenderComplete();
       },
-      entrypoint,
       editEvents: editEventsForRender,
       onEditEvent: (ee) => {
         pushEditEvent(ee);
@@ -784,7 +762,7 @@ import { useEffect as useEffect8, useMemo as useMemo2, useState as useState10 }
 
 // lib/components/RunFrameForCli/SelectSnippetDialog.tsx
 import { useState as useState4 } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var SelectSnippetDialog = ({
   snippetNames,
   onSelect,
@@ -807,7 +785,7 @@ var SelectSnippetDialog = ({
       }
     }
   };
-  return /* @__PURE__ */ jsx3("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__ */ jsxs3("div", { className: "rf-bg-white rf-rounded-lg rf-p-6 rf-w-96", children: [
+  return /* @__PURE__ */ jsx3("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__ */ jsxs2("div", { className: "rf-bg-white rf-rounded-lg rf-p-6 rf-w-96", children: [
     /* @__PURE__ */ jsx3("h2", { className: "rf-text-lg rf-font-semibold rf-mb-4", children: "Select Snippet" }),
     /* @__PURE__ */ jsx3(
       "input",
@@ -820,7 +798,7 @@ var SelectSnippetDialog = ({
         onKeyDown: handleKeyDown
       }
     ),
-    /* @__PURE__ */ jsxs3("div", { className: "rf-h-60 rf-overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "rf-h-60 rf-overflow-y-auto", children: [
       filteredSnippets.map((name) => /* @__PURE__ */ jsx3(
         "button",
         {
@@ -831,7 +809,7 @@ var SelectSnippetDialog = ({
         },
         name
       )),
-      showCreateNew && /* @__PURE__ */ jsxs3(
+      showCreateNew && /* @__PURE__ */ jsxs2(
         "button",
         {
           type: "button",
@@ -845,7 +823,7 @@ var SelectSnippetDialog = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "rf-mt-4 rf-flex rf-justify-end rf-gap-2", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "rf-mt-4 rf-flex rf-justify-end rf-gap-2", children: [
       /* @__PURE__ */ jsx3(
         "button",
         {
@@ -890,7 +868,7 @@ import "lucide-react";
 // lib/components/ui/alert-dialog.tsx
 import * as React from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
 var AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
@@ -905,7 +883,7 @@ var AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs4(AlertDialogPortal, { children: [
+var AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs3(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsx4(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsx4(
     AlertDialogPrimitive.Content,
@@ -1111,7 +1089,7 @@ var mapTscircuitSnippetToSearchResult = (tscircuitSnippet) => {
 
 // lib/components/ImportComponentDialog/ImportComponentDialog.tsx
 import { createSvgUrl as createPngUrl } from "@tscircuit/create-snippet-url";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var ImportComponentDialog = ({
   isOpen,
   onClose,
@@ -1173,24 +1151,24 @@ var ImportComponentDialog = ({
     setDetailsComponent(component);
     setDetailsOpen(true);
   };
-  return /* @__PURE__ */ jsxs5(AlertDialog, { open: isOpen, onOpenChange: () => onClose(), children: [
-    /* @__PURE__ */ jsxs5(AlertDialogContent, { className: "rf-max-w-3xl rf-w-full rf-max-h-[90vh] rf-overflow-y-auto rf-flex rf-flex-col", children: [
-      /* @__PURE__ */ jsxs5(AlertDialogHeader, { children: [
+  return /* @__PURE__ */ jsxs4(AlertDialog, { open: isOpen, onOpenChange: () => onClose(), children: [
+    /* @__PURE__ */ jsxs4(AlertDialogContent, { className: "rf-max-w-3xl rf-w-full rf-max-h-[90vh] rf-overflow-y-auto rf-flex rf-flex-col", children: [
+      /* @__PURE__ */ jsxs4(AlertDialogHeader, { children: [
         /* @__PURE__ */ jsx7(AlertDialogTitle, { children: "Import Component" }),
         /* @__PURE__ */ jsx7(AlertDialogDescription, { children: "Search for components from tscircuit.com or JLCPCB parts library." })
       ] }),
-      /* @__PURE__ */ jsxs5(
+      /* @__PURE__ */ jsxs4(
         Tabs,
         {
           value: activeTab,
           onValueChange: (value) => setActiveTab(value),
           children: [
-            /* @__PURE__ */ jsxs5(TabsList, { className: "rf-grid rf-w-full rf-grid-cols-2", children: [
+            /* @__PURE__ */ jsxs4(TabsList, { className: "rf-grid rf-w-full rf-grid-cols-2", children: [
               /* @__PURE__ */ jsx7(TabsTrigger, { value: "tscircuit.com", children: "tscircuit.com" }),
               /* @__PURE__ */ jsx7(TabsTrigger, { value: "jlcpcb", children: "JLCPCB Parts" })
             ] }),
-            /* @__PURE__ */ jsxs5("div", { className: "rf-flex rf-items-center rf-gap-2 rf-mt-4", children: [
-              /* @__PURE__ */ jsxs5("div", { className: "rf-relative rf-flex-grow", children: [
+            /* @__PURE__ */ jsxs4("div", { className: "rf-flex rf-items-center rf-gap-2 rf-mt-4", children: [
+              /* @__PURE__ */ jsxs4("div", { className: "rf-relative rf-flex-grow", children: [
                 /* @__PURE__ */ jsx7(Search, { className: "rf-absolute rf-left-2 rf-top-2.5 rf-h-4 rf-w-4 rf-text-muted-foreground" }),
                 /* @__PURE__ */ jsx7(
                   Input,
@@ -1205,15 +1183,15 @@ var ImportComponentDialog = ({
               ] }),
               /* @__PURE__ */ jsx7(Button, { onClick: handleSearch, disabled: isLoading, children: isLoading ? /* @__PURE__ */ jsx7(Loader22, { className: "rf-h-4 rf-w-4 rf-animate-spin" }) : "Search" })
             ] }),
-            /* @__PURE__ */ jsx7("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__ */ jsx7("div", { className: "rf-divide-y", children: searchResults.map((result) => /* @__PURE__ */ jsxs5(
+            /* @__PURE__ */ jsx7("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__ */ jsx7("div", { className: "rf-divide-y", children: searchResults.map((result) => /* @__PURE__ */ jsxs4(
               "div",
               {
                 className: `rf-p-3 rf-flex rf-items-center rf-justify-between rf-cursor-pointer hover:rf-bg-zinc-100 ${selectedComponent?.id === result.id ? "rf-bg-zinc-100" : ""}`,
                 onClick: () => setSelectedComponent(result),
                 children: [
-                  /* @__PURE__ */ jsxs5("div", { children: [
+                  /* @__PURE__ */ jsxs4("div", { children: [
                     /* @__PURE__ */ jsx7("div", { className: "rf-font-medium", children: result.name }),
-                    /* @__PURE__ */ jsxs5("div", { className: "rf-text-sm rf-text-zinc-500", children: [
+                    /* @__PURE__ */ jsxs4("div", { className: "rf-text-sm rf-text-zinc-500", children: [
                       result.partNumber && /* @__PURE__ */ jsx7("span", { className: "rf-mr-2", children: result.partNumber }),
                       result.description
                     ] })
@@ -1233,14 +1211,14 @@ var ImportComponentDialog = ({
                 ]
               },
               result.id
-            )) }) : isLoading ? /* @__PURE__ */ jsxs5("div", { className: "rf-p-8 rf-text-center rf-text-zinc-500", children: [
+            )) }) : isLoading ? /* @__PURE__ */ jsxs4("div", { className: "rf-p-8 rf-text-center rf-text-zinc-500", children: [
               /* @__PURE__ */ jsx7(Loader22, { className: "rf-h-8 rf-w-8 rf-animate-spin rf-mx-auto rf-mb-2" }),
               /* @__PURE__ */ jsx7("p", { children: "Searching..." })
             ] }) : /* @__PURE__ */ jsx7("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__ */ jsxs5(AlertDialogFooter, { children: [
+      /* @__PURE__ */ jsxs4(AlertDialogFooter, { children: [
         /* @__PURE__ */ jsx7(AlertDialogCancel, { onClick: onClose, children: "Cancel" }),
         /* @__PURE__ */ jsx7(
           Button,
@@ -1257,46 +1235,46 @@ var ImportComponentDialog = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx7(AlertDialog, { open: detailsOpen, onOpenChange: setDetailsOpen, children: /* @__PURE__ */ jsxs5(AlertDialogContent, { className: "!rf-max-h-[70%] !rf-overflow-y-auto rf-flex rf-flex-col !rf-max-w-[60vw] !rf-overflow-x-hidden", children: [
-      /* @__PURE__ */ jsxs5(AlertDialogHeader, { children: [
+    /* @__PURE__ */ jsx7(AlertDialog, { open: detailsOpen, onOpenChange: setDetailsOpen, children: /* @__PURE__ */ jsxs4(AlertDialogContent, { className: "!rf-max-h-[70%] !rf-overflow-y-auto rf-flex rf-flex-col !rf-max-w-[60vw] !rf-overflow-x-hidden", children: [
+      /* @__PURE__ */ jsxs4(AlertDialogHeader, { children: [
         /* @__PURE__ */ jsx7(AlertDialogTitle, { children: detailsComponent?.name }),
         /* @__PURE__ */ jsx7(AlertDialogDescription, { children: "Detailed information about the selected component" }),
-        /* @__PURE__ */ jsxs5("div", { className: "rf-text-sm rf-text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "rf-text-sm rf-text-muted-foreground", children: [
           detailsComponent?.partNumber && /* @__PURE__ */ jsx7("div", { className: "rf-font-mono rf-text-sm rf-mb-2", children: detailsComponent.partNumber }),
           detailsComponent?.description
         ] })
       ] }),
-      detailsComponent?.source === "jlcpcb" && /* @__PURE__ */ jsxs5("div", { className: "rf-my-4 rf-border rf-rounded-md rf-p-4", children: [
+      detailsComponent?.source === "jlcpcb" && /* @__PURE__ */ jsxs4("div", { className: "rf-my-4 rf-border rf-rounded-md rf-p-4", children: [
         /* @__PURE__ */ jsx7("div", { className: "rf-text-sm rf-font-medium rf-mb-2", children: "JLCPCB Details" }),
-        /* @__PURE__ */ jsxs5("div", { className: "rf-grid rf-grid-cols-2 rf-gap-2", children: [
-          detailsComponent.package && /* @__PURE__ */ jsxs5("div", { className: "rf-flex rf-flex-col", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "rf-grid rf-grid-cols-2 rf-gap-2", children: [
+          detailsComponent.package && /* @__PURE__ */ jsxs4("div", { className: "rf-flex rf-flex-col", children: [
             /* @__PURE__ */ jsx7("span", { className: "rf-text-xs rf-text-zinc-500", children: "Package" }),
             /* @__PURE__ */ jsx7("span", { className: "rf-font-medium", children: detailsComponent.package })
           ] }),
-          detailsComponent.price !== void 0 && /* @__PURE__ */ jsxs5("div", { className: "rf-flex rf-flex-col", children: [
+          detailsComponent.price !== void 0 && /* @__PURE__ */ jsxs4("div", { className: "rf-flex rf-flex-col", children: [
             /* @__PURE__ */ jsx7("span", { className: "rf-text-xs rf-text-zinc-500", children: "Price" }),
-            /* @__PURE__ */ jsxs5("span", { className: "rf-font-medium", children: [
+            /* @__PURE__ */ jsxs4("span", { className: "rf-font-medium", children: [
               "$",
               detailsComponent.price.toFixed(4)
             ] })
           ] })
         ] })
       ] }),
-      detailsComponent?.source === "tscircuit.com" && /* @__PURE__ */ jsxs5("div", { className: "rf-my-4 rf-border rf-rounded-md rf-p-4 !rf-max-w-[60vw] !rf-overflow-x-hidden", children: [
+      detailsComponent?.source === "tscircuit.com" && /* @__PURE__ */ jsxs4("div", { className: "rf-my-4 rf-border rf-rounded-md rf-p-4 !rf-max-w-[60vw] !rf-overflow-x-hidden", children: [
         /* @__PURE__ */ jsx7("div", { className: "rf-text-sm rf-font-medium rf-mb-2", children: "tscircuit Details" }),
-        /* @__PURE__ */ jsx7("div", { className: "rf-grid rf-grid-cols-2 rf-gap-2", children: detailsComponent.owner && /* @__PURE__ */ jsxs5("div", { className: "rf-flex rf-flex-col", children: [
+        /* @__PURE__ */ jsx7("div", { className: "rf-grid rf-grid-cols-2 rf-gap-2", children: detailsComponent.owner && /* @__PURE__ */ jsxs4("div", { className: "rf-flex rf-flex-col", children: [
           /* @__PURE__ */ jsx7("span", { className: "rf-text-xs rf-text-zinc-500", children: "Owner" }),
           /* @__PURE__ */ jsx7("span", { className: "rf-font-medium", children: detailsComponent.owner })
         ] }) }),
-        detailsComponent.code && /* @__PURE__ */ jsxs5("div", { className: "rf-mt-2", children: [
+        detailsComponent.code && /* @__PURE__ */ jsxs4("div", { className: "rf-mt-2", children: [
           /* @__PURE__ */ jsx7("div", { className: "rf-text-xs rf-text-zinc-500 rf-mb-1", children: "Code Preview" }),
-          /* @__PURE__ */ jsxs5("pre", { className: "rf-bg-zinc-50 rf-p-2 rf-rounded rf-text-xs rf-font-mono rf-max-h-32 rf-overflow-y-auto", children: [
+          /* @__PURE__ */ jsxs4("pre", { className: "rf-bg-zinc-50 rf-p-2 rf-rounded rf-text-xs rf-font-mono rf-max-h-32 rf-overflow-y-auto", children: [
             detailsComponent.code.substring(0, 500),
             detailsComponent.code.length > 500 && "..."
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "rf-my-4 rf-border rf-rounded-md rf-p-4", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "rf-my-4 rf-border rf-rounded-md rf-p-4", children: [
         /* @__PURE__ */ jsx7("div", { className: "rf-text-sm rf-font-medium rf-mb-2", children: "Preview" }),
         detailsComponent?.source === "tscircuit.com" && detailsComponent.code ? /* @__PURE__ */ jsx7("div", { className: "rf-flex rf-justify-center", children: /* @__PURE__ */ jsx7("div", { className: "rf-border rf-rounded rf-p-4 rf-bg-zinc-50", children: /* @__PURE__ */ jsx7(
           "img",
@@ -1307,8 +1285,8 @@ var ImportComponentDialog = ({
           }
         ) }) }) : /* @__PURE__ */ jsx7("div", { className: "rf-text-center rf-text-zinc-500 rf-p-4", children: "No preview available" })
       ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "rf-flex rf-justify-between", children: [
-        /* @__PURE__ */ jsxs5(
+      /* @__PURE__ */ jsxs4("div", { className: "rf-flex rf-justify-between", children: [
+        /* @__PURE__ */ jsxs4(
           Button,
           {
             variant: "outline",
@@ -1447,6 +1425,7 @@ import { fetchEasyEDAComponent, convertRawEasyToTsx } from "easyeda/browser";
 import ky from "ky";
 var importComponentFromJlcpcb = async (jlcpcbPartNumber) => {
   const component = await fetchEasyEDAComponent(jlcpcbPartNumber, {
+    // @ts-ignore
     fetch: (url, options) => {
       return fetch(`${API_BASE}/proxy`, {
         ...options,
@@ -1490,7 +1469,7 @@ import { QueryClient, QueryClientProvider } from "react-query";
 import { MapPin } from "lucide-react";
 import { useState as useState6 } from "react";
 import { toast as toast2 } from "react-hot-toast";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var CheckoutOrder = ({
   finalCost,
   onConfirmCheckout,
@@ -1558,14 +1537,14 @@ var CheckoutOrder = ({
     toast2.success("Your PCB order has been placed successfully.");
     onConfirmCheckout();
   };
-  return /* @__PURE__ */ jsxs6("div", { className: "rf-bg-white rf-rounded-xl rf-p-6 rf-mx-auto", children: [
+  return /* @__PURE__ */ jsxs5("div", { className: "rf-bg-white rf-rounded-xl rf-p-6 rf-mx-auto", children: [
     /* @__PURE__ */ jsx8("h2", { className: "rf-text-2xl rf-font-bold rf-mb-6", children: "Checkout" }),
-    /* @__PURE__ */ jsxs6("div", { className: "rf-grid rf-grid-cols-1 md:rf-grid-cols-2 rf-gap-8", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "rf-space-y-6", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "rf-grid rf-grid-cols-1 md:rf-grid-cols-2 rf-gap-8", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "rf-space-y-6", children: [
         /* @__PURE__ */ jsx8("h3", { className: "rf-text-lg rf-font-semibold", children: "Shipping Address" }),
-        savedAddresses.length > 0 && /* @__PURE__ */ jsxs6("div", { className: "rf-space-y-4", children: [
+        savedAddresses.length > 0 && /* @__PURE__ */ jsxs5("div", { className: "rf-space-y-4", children: [
           /* @__PURE__ */ jsx8("div", { className: "rf-text-sm rf-font-medium rf-text-gray-500", children: "Saved Addresses" }),
-          /* @__PURE__ */ jsx8("div", { className: "rf-flex rf-flex-wrap rf-gap-3", children: savedAddresses.map((address) => /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsx8("div", { className: "rf-flex rf-flex-wrap rf-gap-3", children: savedAddresses.map((address) => /* @__PURE__ */ jsxs5(
             "button",
             {
               type: "button",
@@ -1583,8 +1562,8 @@ var CheckoutOrder = ({
             address.id
           )) })
         ] }),
-        /* @__PURE__ */ jsxs6("div", { className: "rf-space-y-4", children: [
-          /* @__PURE__ */ jsx8("div", { className: "rf-grid rf-grid-cols-2 rf-gap-4", children: /* @__PURE__ */ jsxs6("div", { className: "rf-space-y-2", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "rf-space-y-4", children: [
+          /* @__PURE__ */ jsx8("div", { className: "rf-grid rf-grid-cols-2 rf-gap-4", children: /* @__PURE__ */ jsxs5("div", { className: "rf-space-y-2", children: [
             /* @__PURE__ */ jsx8("label", { htmlFor: "name", children: "Address Name" }),
             /* @__PURE__ */ jsx8(
               Input,
@@ -1597,7 +1576,7 @@ var CheckoutOrder = ({
               }
             )
           ] }) }),
-          /* @__PURE__ */ jsxs6("div", { className: "rf-space-y-2", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "rf-space-y-2", children: [
             /* @__PURE__ */ jsx8("label", { htmlFor: "street", children: "Street Address" }),
             /* @__PURE__ */ jsx8(
               Input,
@@ -1610,8 +1589,8 @@ var CheckoutOrder = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "rf-grid rf-grid-cols-2 rf-gap-4", children: [
-            /* @__PURE__ */ jsxs6("div", { className: "rf-space-y-2", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "rf-grid rf-grid-cols-2 rf-gap-4", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "rf-space-y-2", children: [
               /* @__PURE__ */ jsx8("label", { htmlFor: "city", children: "City" }),
               /* @__PURE__ */ jsx8(
                 Input,
@@ -1624,7 +1603,7 @@ var CheckoutOrder = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs6("div", { className: "rf-space-y-2", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "rf-space-y-2", children: [
               /* @__PURE__ */ jsx8("label", { htmlFor: "state", children: "State" }),
               /* @__PURE__ */ jsx8(
                 Input,
@@ -1638,8 +1617,8 @@ var CheckoutOrder = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "rf-grid rf-grid-cols-2 rf-gap-4", children: [
-            /* @__PURE__ */ jsxs6("div", { className: "rf-space-y-2", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "rf-grid rf-grid-cols-2 rf-gap-4", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "rf-space-y-2", children: [
               /* @__PURE__ */ jsx8("label", { htmlFor: "zipCode", children: "Zip Code" }),
               /* @__PURE__ */ jsx8(
                 Input,
@@ -1652,7 +1631,7 @@ var CheckoutOrder = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs6("div", { className: "rf-space-y-2", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "rf-space-y-2", children: [
               /* @__PURE__ */ jsx8("label", { htmlFor: "country", children: "Country" }),
               /* @__PURE__ */ jsx8(
                 Input,
@@ -1668,42 +1647,42 @@ var CheckoutOrder = ({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "rf-bg-gray-50 rf-p-6 rf-rounded-lg", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "rf-bg-gray-50 rf-p-6 rf-rounded-lg", children: [
         /* @__PURE__ */ jsx8("h3", { className: "rf-text-lg rf-font-semibold rf-mb-4", children: "Order Summary" }),
-        /* @__PURE__ */ jsxs6("div", { className: "rf-space-y-4", children: [
-          /* @__PURE__ */ jsxs6("div", { className: "rf-flex rf-justify-between rf-py-2 rf-border-b rf-border-gray-200", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "rf-space-y-4", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "rf-flex rf-justify-between rf-py-2 rf-border-b rf-border-gray-200", children: [
             /* @__PURE__ */ jsx8("span", { className: "rf-text-gray-600", children: "PCB Manufacturing" }),
-            /* @__PURE__ */ jsxs6("span", { className: "rf-font-medium", children: [
+            /* @__PURE__ */ jsxs5("span", { className: "rf-font-medium", children: [
               "$",
               (finalCost * 0.6).toFixed(2)
             ] })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "rf-flex rf-justify-between rf-py-2 rf-border-b rf-border-gray-200", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "rf-flex rf-justify-between rf-py-2 rf-border-b rf-border-gray-200", children: [
             /* @__PURE__ */ jsx8("span", { className: "rf-text-gray-600", children: "Components" }),
-            /* @__PURE__ */ jsxs6("span", { className: "rf-font-medium", children: [
+            /* @__PURE__ */ jsxs5("span", { className: "rf-font-medium", children: [
               "$",
               (finalCost * 0.3).toFixed(2)
             ] })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "rf-flex rf-justify-between rf-py-2 rf-border-b rf-border-gray-200", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "rf-flex rf-justify-between rf-py-2 rf-border-b rf-border-gray-200", children: [
             /* @__PURE__ */ jsx8("span", { className: "rf-text-gray-600", children: "Assembly" }),
-            /* @__PURE__ */ jsxs6("span", { className: "rf-font-medium", children: [
+            /* @__PURE__ */ jsxs5("span", { className: "rf-font-medium", children: [
               "$",
               (finalCost * 0.1).toFixed(2)
             ] })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "rf-flex rf-justify-between rf-py-2 rf-border-b rf-border-gray-200", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "rf-flex rf-justify-between rf-py-2 rf-border-b rf-border-gray-200", children: [
             /* @__PURE__ */ jsx8("span", { className: "rf-text-gray-600", children: "Shipping" }),
             /* @__PURE__ */ jsx8("span", { className: "rf-font-medium", children: "$15.00" })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "rf-flex rf-justify-between rf-py-2 rf-text-lg rf-font-bold", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "rf-flex rf-justify-between rf-py-2 rf-text-lg rf-font-bold", children: [
             /* @__PURE__ */ jsx8("span", { children: "Total" }),
-            /* @__PURE__ */ jsxs6("span", { children: [
+            /* @__PURE__ */ jsxs5("span", { children: [
               "$",
               (finalCost + 15).toFixed(2)
             ] })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "rf-pt-4", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "rf-pt-4", children: [
             /* @__PURE__ */ jsx8(
               Button,
               {
@@ -1732,10 +1711,10 @@ var CheckoutOrder = ({
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check2, ChevronDown, ChevronUp } from "lucide-react";
 import * as React5 from "react";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(
+var SelectTrigger = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1777,7 +1756,7 @@ var SelectScrollDownButton = React5.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React5.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx9(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs7(
+var SelectContent = React5.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx9(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs6(
   SelectPrimitive.Content,
   {
     ref,
@@ -1817,7 +1796,7 @@ var SelectLabel = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(
+var SelectItem = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
   SelectPrimitive.Item,
   {
     ref,
@@ -1862,7 +1841,7 @@ function Skeleton({
 import { ArrowDown } from "lucide-react";
 import { useEffect as useEffect7 } from "react";
 import { useState as useState7 } from "react";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 var InitialOrderScreen = ({
   onCancel,
   onContinue
@@ -1894,9 +1873,9 @@ var InitialOrderScreen = ({
       setIsLoading(false);
     }, 1500);
   };
-  return /* @__PURE__ */ jsxs8("div", { className: "rf-flex rf-flex-col rf-bg-white rf-rounded-xl rf-p-8 rf-max-w-md rf-w-full rf-mx-auto", children: [
+  return /* @__PURE__ */ jsxs7("div", { className: "rf-flex rf-flex-col rf-bg-white rf-rounded-xl rf-p-8 rf-max-w-md rf-w-full rf-mx-auto", children: [
     /* @__PURE__ */ jsx11("h2", { className: "rf-text-3xl rf-font-bold rf-text-center rf-mb-8", children: "Order PCB" }),
-    /* @__PURE__ */ jsxs8("div", { className: "rf-mb-8", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "rf-mb-8", children: [
       /* @__PURE__ */ jsx11(
         "label",
         {
@@ -1905,7 +1884,7 @@ var InitialOrderScreen = ({
           children: "Select Product Category"
         }
       ),
-      /* @__PURE__ */ jsxs8(
+      /* @__PURE__ */ jsxs7(
         Select,
         {
           onValueChange: handleSelectCategory,
@@ -1917,22 +1896,22 @@ var InitialOrderScreen = ({
         }
       )
     ] }),
-    isLoading ? /* @__PURE__ */ jsxs8("div", { className: "rf-flex rf-flex-col rf-items-center rf-mb-8", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "rf-animate-pulse rf-flex rf-space-x-2 rf-items-center rf-mb-3", children: [
+    isLoading ? /* @__PURE__ */ jsxs7("div", { className: "rf-flex rf-flex-col rf-items-center rf-mb-8", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "rf-animate-pulse rf-flex rf-space-x-2 rf-items-center rf-mb-3", children: [
         /* @__PURE__ */ jsx11(ArrowDown, { className: "rf-h-5 rf-w-5 rf-text-gray-400" }),
         /* @__PURE__ */ jsx11("span", { className: "rf-text-gray-500", children: "Fetching estimate..." })
       ] }),
       /* @__PURE__ */ jsx11(Skeleton, { className: "rf-h-6 rf-w-3/4 rf-mb-2" }),
       /* @__PURE__ */ jsx11(Skeleton, { className: "rf-h-6 rf-w-1/2" })
-    ] }) : estimatedCost !== null ? /* @__PURE__ */ jsxs8("div", { className: "rf-bg-gray-50 rf-p-4 rf-rounded-lg rf-mb-8", children: [
+    ] }) : estimatedCost !== null ? /* @__PURE__ */ jsxs7("div", { className: "rf-bg-gray-50 rf-p-4 rf-rounded-lg rf-mb-8", children: [
       /* @__PURE__ */ jsx11("p", { className: "rf-text-sm rf-text-gray-600 rf-mb-2", children: "Estimated Cost:" }),
-      /* @__PURE__ */ jsxs8("p", { className: "rf-text-2xl rf-font-bold rf-text-gray-900", children: [
+      /* @__PURE__ */ jsxs7("p", { className: "rf-text-2xl rf-font-bold rf-text-gray-900", children: [
         "$",
         estimatedCost.toFixed(2)
       ] }),
       /* @__PURE__ */ jsx11("p", { className: "rf-text-xs rf-text-gray-500 rf-mt-1", children: "Pricing may vary based on specifications" })
     ] }) : null,
-    /* @__PURE__ */ jsxs8("div", { className: "rf-flex rf-justify-between rf-mt-auto", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "rf-flex rf-justify-between rf-mt-auto", children: [
       /* @__PURE__ */ jsx11(
         Button,
         {
@@ -2050,7 +2029,7 @@ var orderSteps = [
 }));
 
 // lib/components/OrderDialog/StepwiseProgress.tsx
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 var StepwiseProgressPanel = ({
   orderId,
   title = "Order PCB",
@@ -2095,10 +2074,10 @@ var StepwiseProgressPanel = ({
   const totalSteps = steps.length;
   const progress = Math.round(completedSteps.length / totalSteps * 100);
   const loading = isLoading || externalLoading;
-  return /* @__PURE__ */ jsxs9("div", { className: "rf-flex rf-flex-col rf-bg-white rf-rounded-xl rf-p-6 rf-max-w-xl rf-w-full rf-mx-auto", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "rf-flex rf-items-center rf-justify-between rf-mb-6", children: [
+  return /* @__PURE__ */ jsxs8("div", { className: "rf-flex rf-flex-col rf-bg-white rf-rounded-xl rf-p-6 rf-max-w-xl rf-w-full rf-mx-auto", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "rf-flex rf-items-center rf-justify-between rf-mb-6", children: [
       /* @__PURE__ */ jsx13("h2", { className: "rf-text-2xl rf-font-bold", children: title }),
-      /* @__PURE__ */ jsxs9("div", { className: "rf-text-sm rf-text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "rf-text-sm rf-text-muted-foreground", children: [
         completedSteps.length,
         " of ",
         totalSteps,
@@ -2106,12 +2085,12 @@ var StepwiseProgressPanel = ({
       ] })
     ] }),
     /* @__PURE__ */ jsx13(Progress, { value: progress, className: "rf-h-2 rf-mb-8" }),
-    /* @__PURE__ */ jsxs9("div", { className: "rf-space-y-6 rf-mb-8", children: [
-      lastCompletedStep && /* @__PURE__ */ jsxs9("div", { className: "rf-flex rf-items-start rf-gap-4", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "rf-space-y-6 rf-mb-8", children: [
+      lastCompletedStep && /* @__PURE__ */ jsxs8("div", { className: "rf-flex rf-items-start rf-gap-4", children: [
         /* @__PURE__ */ jsx13("div", { className: "rf-flex-shrink-0 rf-mt-0.5", children: /* @__PURE__ */ jsx13("div", { className: "rf-w-8 rf-h-8 rf-rounded-full rf-bg-green-100 rf-flex rf-items-center rf-justify-center", children: /* @__PURE__ */ jsx13(Check3, { className: "rf-h-5 rf-w-5 rf-text-green-600" }) }) }),
-        /* @__PURE__ */ jsxs9("div", { className: "rf-flex-1", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "rf-flex-1", children: [
           /* @__PURE__ */ jsx13("p", { className: "rf-text-sm rf-font-medium rf-text-muted-foreground", children: "Last Completed" }),
-          /* @__PURE__ */ jsxs9("p", { className: "rf-font-medium rf-text-green-600", children: [
+          /* @__PURE__ */ jsxs8("p", { className: "rf-font-medium rf-text-green-600", children: [
             lastCompletedStep.order_step_id,
             ". ",
             lastCompletedStep.title
@@ -2119,11 +2098,11 @@ var StepwiseProgressPanel = ({
         ] })
       ] }),
       lastCompletedStep && activeStep && /* @__PURE__ */ jsx13("div", { className: "rf-pl-4", children: /* @__PURE__ */ jsx13(ArrowDown2, { className: "rf-h-5 rf-w-5 rf-text-muted-foreground" }) }),
-      activeStep && /* @__PURE__ */ jsxs9("div", { className: "rf-flex rf-items-start rf-gap-4", children: [
+      activeStep && /* @__PURE__ */ jsxs8("div", { className: "rf-flex rf-items-start rf-gap-4", children: [
         /* @__PURE__ */ jsx13("div", { className: "rf-flex-shrink-0 rf-mt-0.5", children: /* @__PURE__ */ jsx13("div", { className: "rf-w-8 rf-h-8 rf-rounded-full rf-bg-blue-100 rf-flex rf-items-center rf-justify-center", children: loading ? /* @__PURE__ */ jsx13(Loader23, { className: "rf-h-5 rf-w-5 rf-text-blue-600 rf-animate-spin" }) : /* @__PURE__ */ jsx13("div", { className: "rf-h-2.5 rf-w-2.5 rf-rounded-full rf-bg-blue-600" }) }) }),
-        /* @__PURE__ */ jsxs9("div", { className: "rf-flex-1", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "rf-flex-1", children: [
           /* @__PURE__ */ jsx13("p", { className: "rf-text-sm rf-font-medium rf-text-muted-foreground", children: "Current Step" }),
-          /* @__PURE__ */ jsxs9("p", { className: "rf-font-medium rf-text-blue-600", children: [
+          /* @__PURE__ */ jsxs8("p", { className: "rf-font-medium rf-text-blue-600", children: [
             activeStep.order_step_id,
             ". ",
             activeStep.title
@@ -2136,7 +2115,7 @@ var StepwiseProgressPanel = ({
 };
 
 // lib/components/OrderDialog/OrderDialog.tsx
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 var queryClient = new QueryClient();
 var OrderDialog = ({
   isOpen,
@@ -2163,7 +2142,7 @@ var OrderDialog = ({
     setOrder(order2);
     setStage("progress");
   };
-  return /* @__PURE__ */ jsx14(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx14(AlertDialog, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsx14(AlertDialogContent, { className: "!rf-max-w-[660px] !rf-p-0", children: /* @__PURE__ */ jsxs10("div", { className: "rf-relative rf-w-full", children: [
+  return /* @__PURE__ */ jsx14(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx14(AlertDialog, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsx14(AlertDialogContent, { className: "!rf-max-w-[660px] !rf-p-0", children: /* @__PURE__ */ jsxs9("div", { className: "rf-relative rf-w-full", children: [
     stage === "initial" && /* @__PURE__ */ jsx14(
       InitialOrderScreen,
       {
@@ -2251,7 +2230,7 @@ var useOrderDialog = () => {
 };
 
 // lib/components/RunFrameForCli/LeftHeader.tsx
-import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 var RunframeCliLeftHeader = (props) => {
   const lastRunEvalVersion = useRunnerStore((s) => s.lastRunEvalVersion);
   const [snippetName, setSnippetName] = useState10(null);
@@ -2342,10 +2321,10 @@ var RunframeCliLeftHeader = (props) => {
   };
   const circuitJson = useRunFrameStore((state) => state.circuitJson);
   const [isImportDialogOpen, setIsImportDialogOpen] = useState10(false);
-  return /* @__PURE__ */ jsxs11(Fragment2, { children: [
-    /* @__PURE__ */ jsxs11(DropdownMenu, { children: [
+  return /* @__PURE__ */ jsxs10(Fragment2, { children: [
+    /* @__PURE__ */ jsxs10(DropdownMenu, { children: [
       /* @__PURE__ */ jsx17(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx17("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__ */ jsxs10(DropdownMenuContent, { children: [
         /* @__PURE__ */ jsx17(
           DropdownMenuItem,
           {
@@ -2374,7 +2353,7 @@ var RunframeCliLeftHeader = (props) => {
             children: "Import"
           }
         ),
-        /* @__PURE__ */ jsxs11(DropdownMenuSub, { children: [
+        /* @__PURE__ */ jsxs10(DropdownMenuSub, { children: [
           /* @__PURE__ */ jsx17(
             DropdownMenuSubTrigger,
             {
@@ -2403,10 +2382,10 @@ var RunframeCliLeftHeader = (props) => {
             i
           )) }) })
         ] }),
-        /* @__PURE__ */ jsxs11(DropdownMenuSub, { children: [
+        /* @__PURE__ */ jsxs10(DropdownMenuSub, { children: [
           /* @__PURE__ */ jsx17(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Advanced" }),
-          /* @__PURE__ */ jsx17(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs11(DropdownMenuSubContent, { children: [
-            /* @__PURE__ */ jsx17(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__ */ jsx17(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs10(DropdownMenuSubContent, { children: [
+            /* @__PURE__ */ jsx17(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs10("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
               /* @__PURE__ */ jsx17(
                 Checkbox,
                 {
@@ -2426,7 +2405,7 @@ var RunframeCliLeftHeader = (props) => {
                 }
               )
             ] }) }),
-            lastRunEvalVersion && /* @__PURE__ */ jsx17(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx17("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs11("span", { className: "rf-text-xs", children: [
+            lastRunEvalVersion && /* @__PURE__ */ jsx17(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx17("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs10("span", { className: "rf-text-xs", children: [
               "@tscircuit/eval@",
               lastRunEvalVersion
             ] }) }) }),
@@ -2443,8 +2422,8 @@ var RunframeCliLeftHeader = (props) => {
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx17(AlertDialog, { open: isError, onOpenChange: setIsError, children: /* @__PURE__ */ jsxs11(AlertDialogContent, { children: [
-        /* @__PURE__ */ jsxs11(AlertDialogHeader, { children: [
+      /* @__PURE__ */ jsx17(AlertDialog, { open: isError, onOpenChange: setIsError, children: /* @__PURE__ */ jsxs10(AlertDialogContent, { children: [
+        /* @__PURE__ */ jsxs10(AlertDialogHeader, { children: [
           /* @__PURE__ */ jsx17(AlertDialogTitle, { children: "Error Saving Snippet" }),
           /* @__PURE__ */ jsx17(AlertDialogDescription, { children: errorMessage })
         ] }),
@@ -2512,7 +2491,7 @@ var RunframeCliLeftHeader = (props) => {
 };
 
 // lib/components/RunFrameForCli/RunFrameForCli.tsx
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 var RunFrameForCli = (props) => {
   const [shouldLoadLatestEval, setLoadLatestEval] = useLocalStorageState(
     "load-latest-eval",
@@ -2525,7 +2504,7 @@ var RunFrameForCli = (props) => {
       forceLatestEvalVersion: shouldLoadLatestEval,
       defaultToFullScreen: true,
       showToggleFullScreen: false,
-      leftHeaderContent: /* @__PURE__ */ jsxs12("div", { className: "rf-flex rf-items-center rf-justify-between", children: [
+      leftHeaderContent: /* @__PURE__ */ jsxs11("div", { className: "rf-flex rf-items-center rf-justify-between", children: [
         /* @__PURE__ */ jsx18(
           RunframeCliLeftHeader,
           {