@tscircuit/runframe 0.0.313 → 0.0.315

package/dist/runner.js

@@ -20,13 +20,62 @@ import {
   buttonVariants,
   cn,
   linkify
-} from "./chunk-U2ZLCEUS.js";
+} from "./chunk-MZVSWVSS.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";
-import { useEffect, useReducer, useRef as useRef2, useState } from "react";
 import Debug2 from "debug";
 import { Loader2, Play, Square } from "lucide-react";
+import { useEffect, useReducer, useRef as useRef2, useState } from "react";
+
+// lib/render-logging/getPhaseTimingsFromRenderEvents.ts
+import { orderedRenderPhases } from "@tscircuit/core";
+var getPhaseTimingsFromRenderEvents = (renderEvents) => {
+  const phaseTimings = {};
+  if (!renderEvents) return phaseTimings;
+  for (const renderPhase of orderedRenderPhases) {
+    phaseTimings[renderPhase] = 0;
+  }
+  const startEvents = /* @__PURE__ */ new Map();
+  for (const event of renderEvents) {
+    const [, , phase, eventType] = event.type.split(":");
+    if (eventType === "start") {
+      startEvents.set(`${phase}:${event.renderId}`, event);
+      continue;
+    }
+    if (eventType === "end") {
+      const startEvent = startEvents.get(`${phase}:${event.renderId}`);
+      if (startEvent) {
+        const duration = event.createdAt - startEvent.createdAt;
+        phaseTimings[phase] = (phaseTimings[phase] || 0) + duration;
+      }
+    }
+  }
+  return phaseTimings;
+};
+
+// lib/utils/getChangesBetweenFsMaps.tsx
+var getChangesBetweenFsMaps = (fsMap1, fsMap2) => {
+  const changes = {};
+  for (const [path, oldContent] of fsMap1.entries()) {
+    const newContent = fsMap2.get(path);
+    if (newContent !== oldContent) {
+      changes[path] = {
+        old: oldContent,
+        new: newContent
+      };
+    }
+  }
+  for (const [path, newContent] of fsMap2.entries()) {
+    if (!fsMap1.has(path)) {
+      changes[path] = {
+        old: void 0,
+        new: newContent
+      };
+    }
+  }
+  return changes;
+};
 
 // lib/components/RunFrameWithApi/store.ts
 import { applyEditEventsToManualEditsFile } from "@tscircuit/core";
@@ -195,54 +244,20 @@ var useRunFrameStore = create()(
   )
 );
 
-// lib/utils/getChangesBetweenFsMaps.tsx
-var getChangesBetweenFsMaps = (fsMap1, fsMap2) => {
-  const changes = {};
-  for (const [path, oldContent] of fsMap1.entries()) {
-    const newContent = fsMap2.get(path);
-    if (newContent !== oldContent) {
-      changes[path] = {
-        old: oldContent,
-        new: newContent
-      };
-    }
-  }
-  for (const [path, newContent] of fsMap2.entries()) {
-    if (!fsMap1.has(path)) {
-      changes[path] = {
-        old: void 0,
-        new: newContent
-      };
-    }
-  }
-  return changes;
-};
-
-// lib/render-logging/getPhaseTimingsFromRenderEvents.ts
-import { orderedRenderPhases } from "@tscircuit/core";
-var getPhaseTimingsFromRenderEvents = (renderEvents) => {
-  const phaseTimings = {};
-  if (!renderEvents) return phaseTimings;
-  for (const renderPhase of orderedRenderPhases) {
-    phaseTimings[renderPhase] = 0;
-  }
-  const startEvents = /* @__PURE__ */ new Map();
-  for (const event of renderEvents) {
-    const [, , phase, eventType] = event.type.split(":");
-    if (eventType === "start") {
-      startEvents.set(`${phase}:${event.renderId}`, event);
-      continue;
-    }
-    if (eventType === "end") {
-      const startEvent = startEvents.get(`${phase}:${event.renderId}`);
-      if (startEvent) {
-        const duration = event.createdAt - startEvent.createdAt;
-        phaseTimings[phase] = (phaseTimings[phase] || 0) + duration;
+// lib/components/RunFrame/runner-store/use-runner-store.ts
+import { create as create2 } from "zustand";
+import { devtools as devtools2 } from "zustand/middleware";
+var useRunnerStore = create2()(
+  devtools2(
+    (set) => ({
+      lastRunEvalVersion: void 0,
+      setLastRunEvalVersion: (version) => {
+        set({ lastRunEvalVersion: version });
       }
-    }
-  }
-  return phaseTimings;
-};
+    }),
+    { name: "runframe-runner-store" }
+  )
+);
 
 // lib/components/RunFrame/useMutex.tsx
 import { useCallback, useRef } from "react";
@@ -271,21 +286,6 @@ function useMutex() {
   return { runWithMutex, isLocked };
 }
 
-// lib/components/RunFrame/runner-store/use-runner-store.ts
-import { create as create2 } from "zustand";
-import { devtools as devtools2 } from "zustand/middleware";
-var useRunnerStore = create2()(
-  devtools2(
-    (set) => ({
-      lastRunEvalVersion: void 0,
-      setLastRunEvalVersion: (version) => {
-        set({ lastRunEvalVersion: version });
-      }
-    }),
-    { name: "runframe-runner-store" }
-  )
-);
-
 // lib/components/RunFrame/RunFrame.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var numRenderPhases = 26;
@@ -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();
@@ -503,6 +495,12 @@ var RunFrame = (props) => {
   const lastEditEventRef = useRef2(null);
   const dragTimeout = useRef2(null);
   const handleEditEvent = (event) => {
+    if (!event || event === null) {
+      console.warn(
+        "[RunFrame] handleEditEvent received null or undefined event."
+      );
+      return;
+    }
     if (event.in_progress) {
       lastEditEventRef.current = event;
       if (dragTimeout.current) {
@@ -514,7 +512,8 @@ var RunFrame = (props) => {
         clearTimeout(dragTimeout.current);
       }
       dragTimeout.current = setTimeout(() => {
-        props.onEditEvent?.(lastEditEventRef.current);
+        const eventToSend = event || lastEditEventRef.current;
+        props.onEditEvent?.(eventToSend);
         lastEditEventRef.current = null;
         dragTimeout.current = null;
       }, 100);
@@ -586,7 +585,7 @@ var RunFrame = (props) => {
 };
 
 // lib/components/RunFrameWithApi/RunFrameWithApi.tsx
-import { useEffect as useEffect3 } from "react";
+import Debug3 from "debug";
 
 // lib/hooks/use-edit-event-controller.ts
 import { useState as useState2, useCallback as useCallback2, useEffect as useEffect2 } from "react";
@@ -646,9 +645,9 @@ var useEditEventController = () => {
 };
 
 // lib/components/RunFrameWithApi/RunFrameWithApi.tsx
-import Debug3 from "debug";
-import { applyPcbEditEventsToManualEditsFile } from "@tscircuit/core";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { useEffect as useEffect3 } from "react";
+import { applyEditEventsToManualEditsFile as applyEditEventsToManualEditsFile2 } from "@tscircuit/core";
+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"));
@@ -684,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,
     {
@@ -714,7 +700,6 @@ var RunFrameWithApi = (props) => {
         debug5("onRenderFinished / markRenderComplete");
         markRenderComplete();
       },
-      entrypoint,
       editEvents: editEventsForRender,
       onEditEvent: (ee) => {
         pushEditEvent(ee);
@@ -728,10 +713,13 @@ var RunFrameWithApi = (props) => {
         });
         const manualEditsFilePath = guessManualEditsFilePath(Array.from(fsMap.keys())) ?? "manual-edits.json";
         const manualEditsFile = fsMap.get(manualEditsFilePath);
-        const updatedManualEdits = applyPcbEditEventsToManualEditsFile({
+        const updatedManualEdits = JSON.parse(
+          manualEditsFile ?? "{}"
+        );
+        applyEditEventsToManualEditsFile2({
           circuitJson,
           editEvents: [ee],
-          manualEditsFile: JSON.parse(manualEditsFile ?? "{}")
+          manualEditsFile: updatedManualEdits
         });
         fetch(`${API_BASE}/files/upsert`, {
           method: "POST",
@@ -770,11 +758,11 @@ function useLocalStorageState(key, initialValue) {
 }
 
 // lib/components/RunFrameForCli/LeftHeader.tsx
-import { useEffect as useEffect8, useMemo as useMemo3, useState as useState10 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo2, useState as useState10 } from "react";
 
 // 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,
@@ -797,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",
@@ -810,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",
         {
@@ -821,7 +809,7 @@ var SelectSnippetDialog = ({
         },
         name
       )),
-      showCreateNew && /* @__PURE__ */ jsxs3(
+      showCreateNew && /* @__PURE__ */ jsxs2(
         "button",
         {
           type: "button",
@@ -835,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",
         {
@@ -880,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(
@@ -895,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,
@@ -1101,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,
@@ -1163,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,
@@ -1195,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
                     ] })
@@ -1223,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,
@@ -1247,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",
@@ -1297,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",
@@ -1437,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,
@@ -1480,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,
@@ -1548,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",
@@ -1573,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,
@@ -1587,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,
@@ -1600,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,
@@ -1614,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,
@@ -1628,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,
@@ -1642,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,
@@ -1658,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,
               {
@@ -1722,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,
@@ -1767,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,
@@ -1807,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,
@@ -1852,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
@@ -1884,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",
         {
@@ -1895,7 +1884,7 @@ var InitialOrderScreen = ({
           children: "Select Product Category"
         }
       ),
-      /* @__PURE__ */ jsxs8(
+      /* @__PURE__ */ jsxs7(
         Select,
         {
           onValueChange: handleSelectCategory,
@@ -1907,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,
         {
@@ -2040,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",
@@ -2085,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,
@@ -2096,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
@@ -2109,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
@@ -2126,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,
@@ -2153,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,
       {
@@ -2241,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);
@@ -2264,7 +2253,7 @@ var RunframeCliLeftHeader = (props) => {
   const orderDialog = useOrderDialog();
   const pushEvent = useRunFrameStore((state) => state.pushEvent);
   const recentEvents = useRunFrameStore((state) => state.recentEvents);
-  const firstRenderTime = useMemo3(() => Date.now(), []);
+  const firstRenderTime = useMemo2(() => Date.now(), []);
   useEventHandler((event) => {
     if (new Date(event.created_at).valueOf() < firstRenderTime + 500) return;
     if (event.event_type === "FILE_UPDATED") {
@@ -2332,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,
           {
@@ -2364,7 +2353,7 @@ var RunframeCliLeftHeader = (props) => {
             children: "Import"
           }
         ),
-        /* @__PURE__ */ jsxs11(DropdownMenuSub, { children: [
+        /* @__PURE__ */ jsxs10(DropdownMenuSub, { children: [
           /* @__PURE__ */ jsx17(
             DropdownMenuSubTrigger,
             {
@@ -2393,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,
                 {
@@ -2416,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
             ] }) }) }),
@@ -2433,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 })
         ] }),
@@ -2502,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",
@@ -2515,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,
           {