@tscircuit/runframe 0.0.346 → 0.0.348

package/dist/runner.js

@@ -1,4 +1,12 @@
 import {
+  API_BASE,
+  AlertDialog,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
   BomTable,
   Button,
   CadViewer,
@@ -11,20 +19,24 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  Input,
   PCBViewer,
   PcbViewerWithContainerHeight,
   SchematicViewer,
   Tabs,
   TabsList,
   TabsTrigger,
-  buttonVariants,
   cn,
-  linkify
-} from "./chunk-ODEVX3CY.js";
+  debug_default,
+  linkify,
+  useOrderDialog,
+  useOrderDialogCli,
+  useRunFrameStore
+} from "./chunk-CRYLRRYE.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";
-import Debug2 from "debug";
+import Debug from "debug";
 import { Loader2, Play, Square } from "lucide-react";
 import { useEffect, useReducer, useRef as useRef2, useState } from "react";
 
@@ -77,178 +89,11 @@ var getChangesBetweenFsMaps = (fsMap1, fsMap2) => {
   return changes;
 };
 
-// lib/components/RunFrameWithApi/store.ts
-import { applyEditEventsToManualEditsFile } from "@tscircuit/core";
-
-// lib/utils/debug.ts
-import Debug from "debug";
-var debug = Debug("run-frame");
-var debug_default = debug;
-
-// lib/components/RunFrameWithApi/store.ts
+// lib/components/RunFrame/runner-store/use-runner-store.ts
 import { create } from "zustand";
 import { devtools } from "zustand/middleware";
-
-// lib/components/RunFrameWithApi/api-base.ts
-var API_BASE = window.API_BASE_URL ?? "/api";
-
-// lib/components/RunFrameWithApi/store.ts
-var debug2 = debug_default.extend("store");
-async function upsertFileApi(path, content) {
-  const response = await fetch(`${API_BASE}/files/upsert`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ file_path: path, text_content: content })
-  });
-  const data = await response.json();
-  return data.file;
-}
-async function getFileApi(path) {
-  const response = await fetch(
-    `${API_BASE}/files/get?file_path=${encodeURIComponent(path)}`
-  );
-  const data = await response.json();
-  return data.file;
-}
-async function getEvents(since) {
-  const url = since ? `${API_BASE}/events/list?since=${encodeURIComponent(since)}` : `${API_BASE}/events/list`;
-  const response = await fetch(url);
-  const data = await response.json();
-  return data.event_list;
-}
-async function getInitialFilesApi() {
-  const response = await fetch(`${API_BASE}/files/list`);
-  const { file_list } = await response.json();
-  const fileMap = /* @__PURE__ */ new Map();
-  for (const file of file_list) {
-    const fullFile = await getFileApi(file.file_path);
-    fileMap.set(file.file_path, fullFile.text_content);
-  }
-  return fileMap;
-}
-var useRunFrameStore = create()(
+var useRunnerStore = create()(
   devtools(
-    (set, get) => ({
-      fsMap: /* @__PURE__ */ new Map(),
-      lastEventTime: (/* @__PURE__ */ new Date()).toISOString(),
-      isPolling: false,
-      error: null,
-      circuitJson: null,
-      lastManualEditsChangeSentAt: 0,
-      recentEvents: [],
-      simulateScenarioOrder: void 0,
-      loadInitialFiles: async () => {
-        const fsMap = await getInitialFilesApi();
-        debug2("loaded initial files", { fsMap });
-        set({ fsMap });
-      },
-      upsertFile: async (path, content) => {
-        try {
-          const file = await upsertFileApi(path, content);
-          set((state) => ({
-            fsMap: new Map(state.fsMap).set(file.file_path, file.text_content)
-          }));
-        } catch (error) {
-          set({ error });
-        }
-      },
-      getFile: async (path) => {
-        try {
-          const file = await getFileApi(path);
-          set((state) => ({
-            fsMap: new Map(state.fsMap).set(file.file_path, file.text_content)
-          }));
-        } catch (error) {
-          set({ error });
-        }
-      },
-      setCircuitJson: (circuitJson) => {
-        if (circuitJson === get().circuitJson) return;
-        set({ circuitJson });
-      },
-      startPolling: () => {
-        const poll = async () => {
-          const state = get();
-          if (!state.isPolling) return;
-          try {
-            const events = await getEvents(state.lastEventTime);
-            if (events.length > 0) {
-              set((state2) => ({
-                recentEvents: [...state2.recentEvents, ...events].slice(0, 100)
-                // TODO sort
-                // .sort((a, b) => b.created_at.localeCompare(a.created_at)),
-              }));
-              const newLastEventTime = events[events.length - 1].created_at;
-              const updates = new Map(state.fsMap);
-              for (const event of events) {
-                if (event.event_type === "FILE_UPDATED") {
-                  const file = await getFileApi(event.file_path);
-                  if (event.file_path === "manual_edits.json" && Date.now() - state.lastManualEditsChangeSentAt < 1e3) {
-                    continue;
-                  }
-                  updates.set(file.file_path, file.text_content);
-                }
-              }
-              set({
-                fsMap: updates,
-                lastEventTime: newLastEventTime
-              });
-            }
-          } catch (error) {
-            set({ error });
-          }
-          setTimeout(poll, 1e3);
-        };
-        set({ isPolling: true });
-        poll();
-      },
-      stopPolling: () => {
-        set({ isPolling: false });
-      },
-      pushEvent: async (event) => {
-        await fetch(`${window.API_BASE_URL ?? ""}/api/events/create`, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify(event)
-        });
-      },
-      applyEditEventsAndUpdateManualEditsJson: async (editEvents) => {
-        debug2("applyEditEventsAndUpdateManualEditsJson", { editEvents });
-        const state = get();
-        if (!state.circuitJson) return;
-        const manualEditsJson = state.fsMap.get("manual-edits.json");
-        const manualEdits = manualEditsJson ? JSON.parse(manualEditsJson) : {};
-        const updatedManualEditsFileContent = applyEditEventsToManualEditsFile({
-          circuitJson: state.circuitJson,
-          editEvents,
-          manualEditsFile: manualEdits
-        });
-        debug2("updatedManualEditsFileContent", updatedManualEditsFileContent);
-        set((state2) => ({
-          lastManualEditsChangeSentAt: Date.now(),
-          fsMap: new Map(state2.fsMap).set(
-            "manual-edits.json",
-            JSON.stringify(updatedManualEditsFileContent)
-          )
-        }));
-        await upsertFileApi(
-          "manual-edits.json",
-          JSON.stringify(updatedManualEditsFileContent, null, 2)
-        );
-      },
-      setSimulateScenarioOrder: (scenarioOrder) => set({ simulateScenarioOrder: scenarioOrder })
-    }),
-    { name: "run-frame-store" }
-  )
-);
-
-// 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) => {
@@ -289,7 +134,7 @@ function useMutex() {
 // lib/components/RunFrame/RunFrame.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var numRenderPhases = 26;
-var debug3 = Debug2("run-frame:RunFrame");
+var debug = Debug("run-frame:RunFrame");
 var RunFrame = (props) => {
   const [circuitJson, setCircuitJson] = useRunFrameStore((s) => [
     s.circuitJson,
@@ -320,7 +165,7 @@ var RunFrame = (props) => {
     props.defaultActiveTab ?? "pcb"
   );
   useEffect(() => {
-    if (props.debug) Debug2.enable("run-frame*");
+    if (props.debug) Debug.enable("run-frame*");
   }, [props.debug]);
   const fsMap = props.fsMap instanceof Map ? props.fsMap : Object.entries(props.fsMap ?? {}).reduce(
     (m, [k, v]) => m.set(k, v),
@@ -342,11 +187,11 @@ var RunFrame = (props) => {
     if (lastFsMapRef.current && circuitJson) {
       const changes = getChangesBetweenFsMaps(lastFsMapRef.current, fsMap);
       if (Object.keys(changes).length > 0) {
-        debug3("code changes detected");
+        debug("code changes detected");
       } else if (lastEntrypointRef.current !== props.entrypoint) {
-        debug3("render triggered by entrypoint change");
+        debug("render triggered by entrypoint change");
       } else if (!wasTriggeredByRunButton) {
-        debug3("render triggered without changes to fsMap, skipping");
+        debug("render triggered without changes to fsMap, skipping");
         return;
       }
     }
@@ -358,7 +203,7 @@ var RunFrame = (props) => {
     lastRunCountTriggerRef.current = runCountTrigger;
     setIsRunning(true);
     const runWorker = async () => {
-      debug3("running render worker");
+      debug("running render worker");
       setError(null);
       const renderLog2 = { progress: 0 };
       let evalVersion = props.evalVersion ?? "latest";
@@ -445,21 +290,21 @@ var RunFrame = (props) => {
         return;
       }
       const $renderResult = worker.renderUntilSettled();
-      debug3("waiting for initial circuit json...");
+      debug("waiting for initial circuit json...");
       let circuitJson2 = await worker.getCircuitJson().catch((e) => {
-        debug3("error getting initial circuit json", e);
+        debug("error getting initial circuit json", e);
         props.onError?.(e);
         setError({ error: e.message, stack: e.stack });
         setIsRunning(false);
         return null;
       });
       if (!circuitJson2) return;
-      debug3("got initial circuit json");
+      debug("got initial circuit json");
       setCircuitJson(circuitJson2);
       props.onCircuitJsonChange?.(circuitJson2);
       props.onInitialRender?.({ circuitJson: circuitJson2 });
       await $renderResult;
-      debug3("getting final circuit json");
+      debug("getting final circuit json");
       circuitJson2 = await worker.getCircuitJson();
       props.onCircuitJsonChange?.(circuitJson2);
       setCircuitJson(circuitJson2);
@@ -569,11 +414,11 @@ var RunFrame = (props) => {
 };
 
 // lib/components/RunFrameWithApi/RunFrameWithApi.tsx
-import Debug3 from "debug";
+import Debug2 from "debug";
 
 // lib/hooks/use-edit-event-controller.ts
 import { useState as useState2, useCallback as useCallback2, useEffect as useEffect2 } from "react";
-var debug4 = debug_default.extend("useEditEventController");
+var debug2 = debug_default.extend("useEditEventController");
 var useEditEventController = () => {
   const applyEditEventsAndUpdateManualEditsJson = useRunFrameStore(
     (s) => s.applyEditEventsAndUpdateManualEditsJson
@@ -599,7 +444,7 @@ var useEditEventController = () => {
   const markRenderStarted = useCallback2(() => {
     setIsRendering(true);
     if (editEvents.length === 0) return;
-    debug4("removing edit events that are applied");
+    debug2("removing edit events that are applied");
     setEditEvents((prev) => prev.filter((ee) => !ee._applied));
   }, [editEvents]);
   const markRenderComplete = useCallback2(() => {
@@ -655,15 +500,15 @@ var useSyncPageTitle = () => {
 
 // lib/components/RunFrameWithApi/RunFrameWithApi.tsx
 import { useEffect as useEffect4 } from "react";
-import { applyEditEventsToManualEditsFile as applyEditEventsToManualEditsFile2 } from "@tscircuit/core";
+import { applyEditEventsToManualEditsFile } from "@tscircuit/core";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var debug5 = Debug3("run-frame:RunFrameWithApi");
+var debug3 = Debug2("run-frame:RunFrameWithApi");
 var guessEntrypoint = (files) => files.find((file) => file.includes("entrypoint.")) ?? files.find((file) => file.includes("index.")) ?? files.find((file) => file.includes("main.")) ?? files.find((file) => file.endsWith(".tsx"));
 var guessManualEditsFilePath = (files) => files.find((file) => file.includes("manual-edits.")) ?? files.find((file) => file.includes("manual-edit.")) ?? files.find((file) => file.endsWith(".json"));
 var RunFrameWithApi = (props) => {
   const { apiBaseUrl, leftHeaderContent } = props;
   useEffect4(() => {
-    if (props.debug) Debug3.enable("run-frame*");
+    if (props.debug) Debug2.enable("run-frame*");
   }, [props.debug]);
   const { startPolling, stopPolling, loadInitialFiles } = useRunFrameStore(
     (s) => ({
@@ -703,11 +548,11 @@ var RunFrameWithApi = (props) => {
       defaultToFullScreen: props.defaultToFullScreen,
       showToggleFullScreen: props.showToggleFullScreen,
       onInitialRender: () => {
-        debug5("onInitialRender / markRenderStarted");
+        debug3("onInitialRender / markRenderStarted");
         markRenderStarted();
       },
       onRenderFinished: () => {
-        debug5("onRenderFinished / markRenderComplete");
+        debug3("onRenderFinished / markRenderComplete");
         markRenderComplete();
       },
       editEvents: editEventsForRender,
@@ -726,7 +571,7 @@ var RunFrameWithApi = (props) => {
         const updatedManualEdits = JSON.parse(
           manualEditsFile ?? "{}"
         );
-        applyEditEventsToManualEditsFile2({
+        applyEditEventsToManualEditsFile({
           circuitJson,
           editEvents: [ee],
           manualEditsFile: updatedManualEdits
@@ -768,7 +613,7 @@ function useLocalStorageState(key, initialValue) {
 }
 
 // lib/components/RunFrameForCli/LeftHeader.tsx
-import { useEffect as useEffect9, useMemo as useMemo2, useState as useState10 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo2, useState as useState6 } from "react";
 
 // lib/components/RunFrameForCli/SelectSnippetDialog.tsx
 import { useState as useState4 } from "react";
@@ -875,117 +720,12 @@ var useEventHandler = (callback) => {
 // lib/components/RunFrameForCli/LeftHeader.tsx
 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 jsxs3 } from "react/jsx-runtime";
-var AlertDialog = AlertDialogPrimitive.Root;
-var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
-  AlertDialogPrimitive.Overlay,
-  {
-    className: cn(
-      "rf-fixed rf-inset-0 rf-z-50 rf-bg-black/80 data-[state=open]:rf-animate-in data-[state=closed]:rf-animate-out data-[state=closed]:rf-fade-out-0 data-[state=open]:rf-fade-in-0",
-      className
-    ),
-    ...props,
-    ref
-  }
-));
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs3(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsx4(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsx4(
-    AlertDialogPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "rf-fixed rf-left-[50%] rf-top-[50%] rf-z-50 rf-grid rf-w-full rf-max-w-lg rf-translate-x-[-50%] rf-translate-y-[-50%] rf-gap-4 rf-border rf-border-zinc-200 rf-bg-white rf-p-6 rf-shadow-lg rf-duration-200 data-[state=open]:rf-animate-in data-[state=closed]:rf-animate-out data-[state=closed]:rf-fade-out-0 data-[state=open]:rf-fade-in-0 data-[state=closed]:rf-zoom-out-95 data-[state=open]:rf-zoom-in-95 data-[state=closed]:rf-slide-out-to-left-1/2 data-[state=closed]:rf-slide-out-to-top-[48%] data-[state=open]:rf-slide-in-from-left-1/2 data-[state=open]:rf-slide-in-from-top-[48%] sm:rf-rounded-lg dark:rf-border-zinc-800 dark:rf-bg-zinc-950",
-        className
-      ),
-      ...props
-    }
-  )
-] }));
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx4(
-  "div",
-  {
-    className: cn(
-      "rf-flex rf-flex-col rf-space-y-2 rf-text-center sm:rf-text-left",
-      className
-    ),
-    ...props
-  }
-);
-AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx4(
-  "div",
-  {
-    className: cn(
-      "rf-flex rf-flex-col-reverse sm:rf-flex-row sm:rf-justify-end sm:rf-space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
-  AlertDialogPrimitive.Title,
-  {
-    ref,
-    className: cn("rf-text-lg rf-font-semibold", className),
-    ...props
-  }
-));
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
-  AlertDialogPrimitive.Description,
-  {
-    ref,
-    className: cn(
-      "rf-text-sm rf-text-zinc-500 dark:rf-text-zinc-400",
-      className
-    ),
-    ...props
-  }
-));
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
-  AlertDialogPrimitive.Action,
-  {
-    ref,
-    className: cn(buttonVariants(), className),
-    ...props
-  }
-));
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
-  AlertDialogPrimitive.Cancel,
-  {
-    ref,
-    className: cn(
-      buttonVariants({ variant: "outline" }),
-      "rf-mt-2 sm:rf-mt-0",
-      className
-    ),
-    ...props
-  }
-));
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-
 // lib/components/ui/checkbox.tsx
-import * as React2 from "react";
+import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Checkbox = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -994,13 +734,13 @@ var Checkbox = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx5(
+    children: /* @__PURE__ */ jsx4(
       CheckboxPrimitive.Indicator,
       {
         className: cn(
           "rf-flex rf-items-center rf-justify-center rf-text-current"
         ),
-        children: /* @__PURE__ */ jsx5(Check, { className: "rf-h-4 rf-w-4" })
+        children: /* @__PURE__ */ jsx4(Check, { className: "rf-h-4 rf-w-4" })
       }
     )
   }
@@ -1012,27 +752,6 @@ import "react";
 import { useState as useState5, useEffect as useEffect7 } from "react";
 import { Loader2 as Loader22, Search, ExternalLink } from "lucide-react";
 
-// lib/components/ui/input.tsx
-import * as React3 from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var Input = React3.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx6(
-      "input",
-      {
-        type,
-        className: cn(
-          "rf-flex rf-h-9 rf-w-full rf-rounded-md rf-border rf-border-zinc-200 rf-bg-white rf-px-3 rf-py-1 rf-text-sm rf-shadow-sm rf-transition-colors file:rf-border-0 file:rf-bg-transparent file:rf-text-sm file:rf-font-medium placeholder:rf-text-zinc-500 focus-visible:rf-outline-none focus-visible:rf-ring-1 focus-visible:rf-ring-zinc-950 disabled:rf-cursor-not-allowed disabled:rf-opacity-50 dark:rf-border-zinc-800 dark:rf-bg-zinc-950 dark:rf-placeholder-zinc-400 dark:focus-visible:rf-ring-zinc-300",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-
 // lib/components/ImportComponentDialog/jlc-api.ts
 var searchJLCComponents = async (query, limit = 10) => {
   try {
@@ -1099,7 +818,7 @@ var mapTscircuitSnippetToSearchResult = (tscircuitSnippet) => {
 
 // lib/components/ImportComponentDialog/ImportComponentDialog.tsx
 import { createSvgUrl as createPngUrl } from "@tscircuit/create-snippet-url";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var ImportComponentDialog = ({
   isOpen,
   onClose,
@@ -1161,26 +880,26 @@ var ImportComponentDialog = ({
     setDetailsComponent(component);
     setDetailsOpen(true);
   };
-  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." })
+  return /* @__PURE__ */ jsxs3(AlertDialog, { open: isOpen, onOpenChange: () => onClose(), children: [
+    /* @__PURE__ */ jsxs3(AlertDialogContent, { className: "rf-max-w-3xl rf-w-full rf-max-h-[90vh] rf-overflow-y-auto rf-flex rf-flex-col", children: [
+      /* @__PURE__ */ jsxs3(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx5(AlertDialogTitle, { children: "Import Component" }),
+        /* @__PURE__ */ jsx5(AlertDialogDescription, { children: "Search for components from tscircuit.com or JLCPCB parts library." })
       ] }),
-      /* @__PURE__ */ jsxs4(
+      /* @__PURE__ */ jsxs3(
         Tabs,
         {
           value: activeTab,
           onValueChange: (value) => setActiveTab(value),
           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__ */ jsxs3(TabsList, { className: "rf-grid rf-w-full rf-grid-cols-2", children: [
+              /* @__PURE__ */ jsx5(TabsTrigger, { value: "tscircuit.com", children: "tscircuit.com" }),
+              /* @__PURE__ */ jsx5(TabsTrigger, { value: "jlcpcb", children: "JLCPCB Parts" })
             ] }),
-            /* @__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(
+            /* @__PURE__ */ jsxs3("div", { className: "rf-flex rf-items-center rf-gap-2 rf-mt-4", children: [
+              /* @__PURE__ */ jsxs3("div", { className: "rf-relative rf-flex-grow", children: [
+                /* @__PURE__ */ jsx5(Search, { className: "rf-absolute rf-left-2 rf-top-2.5 rf-h-4 rf-w-4 rf-text-muted-foreground" }),
+                /* @__PURE__ */ jsx5(
                   Input,
                   {
                     placeholder: activeTab === "tscircuit.com" ? "Search components..." : "Search JLCPCB parts (e.g. C14663)...",
@@ -1191,22 +910,22 @@ 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__ */ jsx5(Button, { onClick: handleSearch, disabled: isLoading, children: isLoading ? /* @__PURE__ */ jsx5(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__ */ jsxs4(
+            /* @__PURE__ */ jsx5("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__ */ jsx5("div", { className: "rf-divide-y", children: searchResults.map((result) => /* @__PURE__ */ jsxs3(
               "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__ */ jsxs4("div", { children: [
-                    /* @__PURE__ */ jsx7("div", { className: "rf-font-medium", children: result.name }),
-                    /* @__PURE__ */ jsxs4("div", { className: "rf-text-sm rf-text-zinc-500", children: [
-                      result.partNumber && /* @__PURE__ */ jsx7("span", { className: "rf-mr-2", children: result.partNumber }),
+                  /* @__PURE__ */ jsxs3("div", { children: [
+                    /* @__PURE__ */ jsx5("div", { className: "rf-font-medium", children: result.name }),
+                    /* @__PURE__ */ jsxs3("div", { className: "rf-text-sm rf-text-zinc-500", children: [
+                      result.partNumber && /* @__PURE__ */ jsx5("span", { className: "rf-mr-2", children: result.partNumber }),
                       result.description
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx7("div", { className: "rf-flex rf-gap-2", children: result.source === "tscircuit.com" && /* @__PURE__ */ jsx7(
+                  /* @__PURE__ */ jsx5("div", { className: "rf-flex rf-gap-2", children: result.source === "tscircuit.com" && /* @__PURE__ */ jsx5(
                     Button,
                     {
                       variant: "outline",
@@ -1221,16 +940,16 @@ var ImportComponentDialog = ({
                 ]
               },
               result.id
-            )) }) : 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" }) })
+            )) }) : isLoading ? /* @__PURE__ */ jsxs3("div", { className: "rf-p-8 rf-text-center rf-text-zinc-500", children: [
+              /* @__PURE__ */ jsx5(Loader22, { className: "rf-h-8 rf-w-8 rf-animate-spin rf-mx-auto rf-mb-2" }),
+              /* @__PURE__ */ jsx5("p", { children: "Searching..." })
+            ] }) : /* @__PURE__ */ jsx5("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__ */ jsxs4(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx7(AlertDialogCancel, { onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsxs3(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx5(AlertDialogCancel, { onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx5(
           Button,
           {
             onClick: () => {
@@ -1245,58 +964,58 @@ var ImportComponentDialog = ({
         )
       ] })
     ] }),
-    /* @__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__ */ 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 }),
+    /* @__PURE__ */ jsx5(AlertDialog, { open: detailsOpen, onOpenChange: setDetailsOpen, children: /* @__PURE__ */ jsxs3(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__ */ jsxs3(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx5(AlertDialogTitle, { children: detailsComponent?.name }),
+        /* @__PURE__ */ jsx5(AlertDialogDescription, { children: "Detailed information about the selected component" }),
+        /* @__PURE__ */ jsxs3("div", { className: "rf-text-sm rf-text-muted-foreground", children: [
+          detailsComponent?.partNumber && /* @__PURE__ */ jsx5("div", { className: "rf-font-mono rf-text-sm rf-mb-2", children: detailsComponent.partNumber }),
           detailsComponent?.description
         ] })
       ] }),
-      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__ */ 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?.source === "jlcpcb" && /* @__PURE__ */ jsxs3("div", { className: "rf-my-4 rf-border rf-rounded-md rf-p-4", children: [
+        /* @__PURE__ */ jsx5("div", { className: "rf-text-sm rf-font-medium rf-mb-2", children: "JLCPCB Details" }),
+        /* @__PURE__ */ jsxs3("div", { className: "rf-grid rf-grid-cols-2 rf-gap-2", children: [
+          detailsComponent.package && /* @__PURE__ */ jsxs3("div", { className: "rf-flex rf-flex-col", children: [
+            /* @__PURE__ */ jsx5("span", { className: "rf-text-xs rf-text-zinc-500", children: "Package" }),
+            /* @__PURE__ */ jsx5("span", { className: "rf-font-medium", children: detailsComponent.package })
           ] }),
-          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__ */ jsxs4("span", { className: "rf-font-medium", children: [
+          detailsComponent.price !== void 0 && /* @__PURE__ */ jsxs3("div", { className: "rf-flex rf-flex-col", children: [
+            /* @__PURE__ */ jsx5("span", { className: "rf-text-xs rf-text-zinc-500", children: "Price" }),
+            /* @__PURE__ */ jsxs3("span", { className: "rf-font-medium", children: [
               "$",
               detailsComponent.price.toFixed(4)
             ] })
           ] })
         ] })
       ] }),
-      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__ */ 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?.source === "tscircuit.com" && /* @__PURE__ */ jsxs3("div", { className: "rf-my-4 rf-border rf-rounded-md rf-p-4 !rf-max-w-[60vw] !rf-overflow-x-hidden", children: [
+        /* @__PURE__ */ jsx5("div", { className: "rf-text-sm rf-font-medium rf-mb-2", children: "tscircuit Details" }),
+        /* @__PURE__ */ jsx5("div", { className: "rf-grid rf-grid-cols-2 rf-gap-2", children: detailsComponent.owner && /* @__PURE__ */ jsxs3("div", { className: "rf-flex rf-flex-col", children: [
+          /* @__PURE__ */ jsx5("span", { className: "rf-text-xs rf-text-zinc-500", children: "Owner" }),
+          /* @__PURE__ */ jsx5("span", { className: "rf-font-medium", children: detailsComponent.owner })
         ] }) }),
-        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__ */ 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 && /* @__PURE__ */ jsxs3("div", { className: "rf-mt-2", children: [
+          /* @__PURE__ */ jsx5("div", { className: "rf-text-xs rf-text-zinc-500 rf-mb-1", children: "Code Preview" }),
+          /* @__PURE__ */ jsxs3("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__ */ 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(
+      /* @__PURE__ */ jsxs3("div", { className: "rf-my-4 rf-border rf-rounded-md rf-p-4", children: [
+        /* @__PURE__ */ jsx5("div", { className: "rf-text-sm rf-font-medium rf-mb-2", children: "Preview" }),
+        detailsComponent?.source === "tscircuit.com" && detailsComponent.code ? /* @__PURE__ */ jsx5("div", { className: "rf-flex rf-justify-center", children: /* @__PURE__ */ jsx5("div", { className: "rf-border rf-rounded rf-p-4 rf-bg-zinc-50", children: /* @__PURE__ */ jsx5(
           "img",
           {
             src: createPngUrl(detailsComponent.code, "pcb"),
             alt: detailsComponent.name,
             className: "rf-w-full rf-aspect-video rf-object-contain"
           }
-        ) }) }) : /* @__PURE__ */ jsx7("div", { className: "rf-text-center rf-text-zinc-500 rf-p-4", children: "No preview available" })
+        ) }) }) : /* @__PURE__ */ jsx5("div", { className: "rf-text-center rf-text-zinc-500 rf-p-4", children: "No preview available" })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "rf-flex rf-justify-between", children: [
-        /* @__PURE__ */ jsxs4(
+      /* @__PURE__ */ jsxs3("div", { className: "rf-flex rf-justify-between", children: [
+        /* @__PURE__ */ jsxs3(
           Button,
           {
             variant: "outline",
@@ -1311,11 +1030,11 @@ var ImportComponentDialog = ({
               " ",
               detailsComponent?.source === "jlcpcb" ? "JLCPCB" : "tscircuit.com",
               " ",
-              /* @__PURE__ */ jsx7(ExternalLink, { className: "rf-h-3 rf-w-3" })
+              /* @__PURE__ */ jsx5(ExternalLink, { className: "rf-h-3 rf-w-3" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx5(
           Button,
           {
             onClick: () => {
@@ -1467,800 +1186,28 @@ var importComponentFromJlcpcb = async (jlcpcbPartNumber) => {
   return { filePath };
 };
 
-// lib/components/OrderDialog/useOrderDialog.tsx
-import { useState as useState9 } from "react";
-
-// lib/components/OrderDialog/OrderDialog.tsx
-import ky3 from "ky";
-import { useState as useState8 } from "react";
-import { QueryClient, QueryClientProvider } from "react-query";
-
-// lib/components/OrderDialog/CheckoutOrder.tsx
-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 jsxs5 } from "react/jsx-runtime";
-var CheckoutOrder = ({
-  finalCost,
-  onConfirmCheckout,
-  onCancel
-}) => {
-  const [selectedAddressId, setSelectedAddressId] = useState6(
-    null
-  );
-  const [savedAddresses] = useState6([
-    {
-      id: 1,
-      name: "Home",
-      street: "123 Main St",
-      city: "San Francisco",
-      state: "CA",
-      zipCode: "94105",
-      country: "USA",
-      isDefault: true
-    },
-    {
-      id: 2,
-      name: "Office",
-      street: "456 Market St",
-      city: "San Francisco",
-      state: "CA",
-      zipCode: "94103",
-      country: "USA",
-      isDefault: false
-    }
-  ]);
-  const [addressForm, setAddressForm] = useState6({
-    name: "",
-    street: "",
-    city: "",
-    state: "",
-    zipCode: "",
-    country: ""
-  });
-  const handleInputChange = (e) => {
-    const { name, value } = e.target;
-    setAddressForm((prev) => ({
-      ...prev,
-      [name]: value
-    }));
-  };
-  const handleSelectAddress = (addressId) => {
-    setSelectedAddressId(addressId);
-    const selectedAddress = savedAddresses.find((addr) => addr.id === addressId);
-    if (selectedAddress) {
-      setAddressForm({
-        name: selectedAddress.name,
-        street: selectedAddress.street,
-        city: selectedAddress.city,
-        state: selectedAddress.state,
-        zipCode: selectedAddress.zipCode,
-        country: selectedAddress.country
-      });
-    }
-  };
-  const handleConfirmCheckout = () => {
-    if (!selectedAddressId && (!addressForm.street || !addressForm.city || !addressForm.zipCode)) {
-      toast2.error("Please provide a complete shipping address.");
-      return;
-    }
-    toast2.success("Your PCB order has been placed successfully.");
-    onConfirmCheckout();
-  };
-  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__ */ 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__ */ 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__ */ jsxs5(
-            "button",
-            {
-              type: "button",
-              onClick: () => handleSelectAddress(address.id),
-              className: cn(
-                "rf-flex rf-items-center rf-gap-2 rf-px-3 rf-py-2 rf-text-sm rf-rounded-md rf-border rf-transition-colors",
-                selectedAddressId === address.id ? "rf-border-blue-500 rf-bg-blue-50 rf-text-blue-700" : "rf-border-gray-200 rf-hover:bg-gray-50"
-              ),
-              children: [
-                /* @__PURE__ */ jsx8(MapPin, { className: "rf-h-4 rf-w-4" }),
-                /* @__PURE__ */ jsx8("span", { children: address.name }),
-                address.isDefault && /* @__PURE__ */ jsx8("span", { className: "rf-inline-flex rf-items-center rf-rounded-full rf-bg-blue-100 rf-px-2 rf-py-0.5 rf-text-xs rf-font-medium rf-text-blue-800", children: "Default" })
-              ]
-            },
-            address.id
-          )) })
-        ] }),
-        /* @__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,
-              {
-                id: "name",
-                name: "name",
-                placeholder: "Home, Office, etc.",
-                value: addressForm.name,
-                onChange: handleInputChange
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsxs5("div", { className: "rf-space-y-2", children: [
-            /* @__PURE__ */ jsx8("label", { htmlFor: "street", children: "Street Address" }),
-            /* @__PURE__ */ jsx8(
-              Input,
-              {
-                id: "street",
-                name: "street",
-                placeholder: "123 Main St",
-                value: addressForm.street,
-                onChange: handleInputChange
-              }
-            )
-          ] }),
-          /* @__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,
-                {
-                  id: "city",
-                  name: "city",
-                  placeholder: "City",
-                  value: addressForm.city,
-                  onChange: handleInputChange
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs5("div", { className: "rf-space-y-2", children: [
-              /* @__PURE__ */ jsx8("label", { htmlFor: "state", children: "State" }),
-              /* @__PURE__ */ jsx8(
-                Input,
-                {
-                  id: "state",
-                  name: "state",
-                  placeholder: "State",
-                  value: addressForm.state,
-                  onChange: handleInputChange
-                }
-              )
-            ] })
-          ] }),
-          /* @__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,
-                {
-                  id: "zipCode",
-                  name: "zipCode",
-                  placeholder: "Zip Code",
-                  value: addressForm.zipCode,
-                  onChange: handleInputChange
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs5("div", { className: "rf-space-y-2", children: [
-              /* @__PURE__ */ jsx8("label", { htmlFor: "country", children: "Country" }),
-              /* @__PURE__ */ jsx8(
-                Input,
-                {
-                  id: "country",
-                  name: "country",
-                  placeholder: "Country",
-                  value: addressForm.country,
-                  onChange: handleInputChange
-                }
-              )
-            ] })
-          ] })
-        ] })
-      ] }),
-      /* @__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__ */ 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__ */ jsxs5("span", { className: "rf-font-medium", children: [
-              "$",
-              (finalCost * 0.6).toFixed(2)
-            ] })
-          ] }),
-          /* @__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__ */ jsxs5("span", { className: "rf-font-medium", children: [
-              "$",
-              (finalCost * 0.3).toFixed(2)
-            ] })
-          ] }),
-          /* @__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__ */ jsxs5("span", { className: "rf-font-medium", children: [
-              "$",
-              (finalCost * 0.1).toFixed(2)
-            ] })
-          ] }),
-          /* @__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__ */ jsxs5("div", { className: "rf-flex rf-justify-between rf-py-2 rf-text-lg rf-font-bold", children: [
-            /* @__PURE__ */ jsx8("span", { children: "Total" }),
-            /* @__PURE__ */ jsxs5("span", { children: [
-              "$",
-              (finalCost + 15).toFixed(2)
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs5("div", { className: "rf-pt-4", children: [
-            /* @__PURE__ */ jsx8(
-              Button,
-              {
-                onClick: handleConfirmCheckout,
-                className: "rf-w-full rf-bg-gray-700 rf-hover:bg-gray-800 rf-text-white rf-py-3",
-                children: "Confirm and Place Order"
-              }
-            ),
-            /* @__PURE__ */ jsx8(
-              Button,
-              {
-                variant: "outline",
-                onClick: onCancel,
-                className: "rf-w-full rf-mt-3",
-                children: "Cancel"
-              }
-            )
-          ] })
-        ] })
-      ] })
-    ] })
-  ] });
-};
-
-// lib/components/ui/select.tsx
-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 jsxs6 } from "react/jsx-runtime";
-var Select = SelectPrimitive.Root;
-var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
-  SelectPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "rf-flex rf-h-10 rf-w-full rf-items-center rf-justify-between rf-rounded-md rf-border rf-border-input rf-bg-background rf-px-3 rf-py-2 rf-text-sm rf-ring-offset-background rf-placeholder:text-muted-foreground focus:rf-outline-none focus:rf-ring-2 focus:rf-ring-ring focus:rf-ring-offset-2 disabled:rf-cursor-not-allowed disabled:rf-opacity-50 [&>span]:rf-line-clamp-1",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx9(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx9(ChevronDown, { className: "rf-h-4 rf-w-4 rf-opacity-50" }) })
-    ]
-  }
-));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
-  SelectPrimitive.ScrollUpButton,
-  {
-    ref,
-    className: cn(
-      "rf-flex rf-cursor-default rf-items-center rf-justify-center rf-py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx9(ChevronUp, { className: "rf-h-4 rf-w-4" })
-  }
-));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
-  SelectPrimitive.ScrollDownButton,
-  {
-    ref,
-    className: cn(
-      "rf-flex rf-cursor-default rf-items-center rf-justify-center rf-py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx9(ChevronDown, { className: "rf-h-4 rf-w-4" })
-  }
-));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React5.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx9(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs6(
-  SelectPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "rf-relative rf-z-[100] rf-max-h-96 rf-min-w-[8rem] rf-overflow-hidden rf-rounded-md rf-border rf-bg-white rf-text-black rf-shadow-md data-[state=open]:rf-animate-in data-[state=closed]:rf-animate-out data-[state=closed]:rf-fade-out-0 data-[state=open]:rf-fade-in-0 data-[state=closed]:rf-zoom-out-95 data-[state=open]:rf-zoom-in-95 data-[side=bottom]:rf-slide-in-from-top-2 data-[side=left]:rf-slide-in-from-right-2 data-[side=right]:rf-slide-in-from-left-2 data-[side=top]:rf-slide-in-from-bottom-2",
-      position === "popper" && "data-[side=bottom]:rf-translate-y-1 data-[side=left]:-rf-translate-x-1 data-[side=right]:rf-translate-x-1 data-[side=top]:-rf-translate-y-1",
-      className
-    ),
-    position,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx9(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx9(
-        SelectPrimitive.Viewport,
-        {
-          className: cn(
-            "rf-p-1",
-            position === "popper" && "rf-h-[var(--radix-select-trigger-height)] rf-w-full rf-min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
-      ),
-      /* @__PURE__ */ jsx9(SelectScrollDownButton, {})
-    ]
-  }
-) }));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
-  SelectPrimitive.Label,
-  {
-    ref,
-    className: cn(
-      "rf-py-1.5 rf-pl-8 rf-pr-2 rf-text-sm rf-font-semibold",
-      className
-    ),
-    ...props
-  }
-));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
-  SelectPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "rf-relative rf-flex rf-w-full rf-cursor-default rf-select-none rf-items-center rf-rounded-sm rf-py-1.5 rf-pl-8 rf-pr-2 rf-text-sm rf-text-gray-800 rf-outline-none focus:rf-bg-gray-100 focus:rf-text-gray-900 data-[disabled]:rf-pointer-events-none data-[disabled]:rf-opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx9("span", { className: "rf-absolute rf-left-2 rf-flex rf-h-3.5 rf-w-3.5 rf-items-center rf-justify-center", children: /* @__PURE__ */ jsx9(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx9(Check2, { className: "rf-h-4 rf-w-4" }) }) }),
-      /* @__PURE__ */ jsx9(SelectPrimitive.ItemText, { children })
-    ]
-  }
-));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
-  SelectPrimitive.Separator,
-  {
-    ref,
-    className: cn("-rf-mx-1 rf-my-1 rf-h-px rf-bg-muted", className),
-    ...props
-  }
-));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-
-// lib/components/ui/skeleton.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-function Skeleton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(
-    "div",
-    {
-      className: cn("rf-animate-pulse rf-rounded-md rf-bg-muted", className),
-      ...props
-    }
-  );
-}
-
-// lib/components/OrderDialog/InitialOrder.tsx
-import { ArrowDown } from "lucide-react";
-import { useEffect as useEffect8 } from "react";
-import { useState as useState7 } from "react";
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
-var InitialOrderScreen = ({
-  onCancel,
-  onContinue
-}) => {
-  const productCategories = [
-    { id: "prototype", name: "Prototype" },
-    { id: "development", name: "Development board" }
-  ];
-  const [isLoading, setIsLoading] = useState7(false);
-  const [estimatedCost, setEstimatedCost] = useState7(null);
-  const [selectedCategory, setSelectedCategory] = useState7("prototype");
-  useEffect8(() => {
-    handleGetEstimate();
-  }, []);
-  const handleSelectCategory = (category) => {
-    setSelectedCategory(category);
-    setEstimatedCost(null);
-    setTimeout(() => {
-      handleGetEstimate();
-    }, 0);
-  };
-  const handleGetEstimate = () => {
-    if (!selectedCategory) return;
-    setIsLoading(true);
-    setEstimatedCost(null);
-    setTimeout(() => {
-      const cost = Math.floor(Math.random() * 150) + 50;
-      setEstimatedCost(cost);
-      setIsLoading(false);
-    }, 1500);
-  };
-  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__ */ jsxs7("div", { className: "rf-mb-8", children: [
-      /* @__PURE__ */ jsx11(
-        "label",
-        {
-          htmlFor: "category",
-          className: "rf-block rf-text-sm rf-font-medium rf-text-gray-700 rf-mb-2",
-          children: "Select Product Category"
-        }
-      ),
-      /* @__PURE__ */ jsxs7(
-        Select,
-        {
-          onValueChange: handleSelectCategory,
-          value: selectedCategory || void 0,
-          children: [
-            /* @__PURE__ */ jsx11(SelectTrigger, { className: "rf-w-full", children: /* @__PURE__ */ jsx11(SelectValue, { placeholder: "Select a category" }) }),
-            /* @__PURE__ */ jsx11(SelectContent, { children: productCategories.map((category) => /* @__PURE__ */ jsx11(SelectItem, { value: category.id, children: category.name }, category.id)) })
-          ]
-        }
-      )
-    ] }),
-    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__ */ 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__ */ 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__ */ jsxs7("div", { className: "rf-flex rf-justify-between rf-mt-auto", children: [
-      /* @__PURE__ */ jsx11(
-        Button,
-        {
-          variant: "outline",
-          onClick: onCancel,
-          className: "rf-px-8 rf-border-red-500 rf-text-red-500 hover:rf-bg-red-50 hover:rf-text-red-600",
-          children: "Cancel"
-        }
-      ),
-      /* @__PURE__ */ jsx11(
-        Button,
-        {
-          onClick: estimatedCost !== null ? onContinue : handleGetEstimate,
-          disabled: !selectedCategory || isLoading,
-          className: estimatedCost !== null ? "rf-px-8 rf-bg-gray-700 hover:rf-bg-gray-800" : "rf-px-8 rf-bg-blue-600 hover:rf-bg-blue-700",
-          children: estimatedCost !== null ? "Continue" : "Get Estimate"
-        }
-      )
-    ] })
-  ] });
-};
-
-// lib/components/OrderDialog/StepwiseProgress.tsx
-import ky2 from "ky";
-
-// lib/components/ui/progress.tsx
-import * as React6 from "react";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var Progress = React6.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx12(
-  ProgressPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "rf-relative rf-h-2 rf-w-full rf-overflow-hidden rf-rounded-full rf-bg-zinc-100 dark:rf-bg-zinc-800",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx12(
-      ProgressPrimitive.Indicator,
-      {
-        className: "rf-h-full rf-w-full rf-flex-1 rf-bg-zinc-900 rf-transition-all dark:rf-bg-zinc-50",
-        style: { transform: `translateX(-${100 - (value || 0)}%)` }
-      }
-    )
-  }
-));
-Progress.displayName = "Progress";
-
-// lib/components/OrderDialog/StepwiseProgress.tsx
-import { ArrowDown as ArrowDown2, Check as Check3, Loader2 as Loader23 } from "lucide-react";
-import { useQuery } from "react-query";
-
-// lib/utils/order-steps.ts
-var orderSteps = [
-  { order_step_id: 1, key: "are_gerbers_generated", title: "Generate Gerbers" },
-  { order_step_id: 2, key: "are_gerbers_uploaded", title: "Upload Gerbers" },
-  { order_step_id: 3, key: "is_gerber_analyzed", title: "Analyze Gerber" },
-  {
-    order_step_id: 4,
-    key: "are_initial_costs_calculated",
-    title: "Calculate Initial Costs"
-  },
-  { order_step_id: 5, key: "is_pcb_added_to_cart", title: "Add PCB to Cart" },
-  { order_step_id: 6, key: "is_bom_uploaded", title: "Upload BOM" },
-  { order_step_id: 7, key: "is_pnp_uploaded", title: "Upload PnP" },
-  { order_step_id: 8, key: "is_bom_pnp_analyzed", title: "Analyze BOM & PnP" },
-  {
-    order_step_id: 9,
-    key: "is_bom_parsing_complete",
-    title: "BOM Parsing Complete"
-  },
-  {
-    order_step_id: 10,
-    key: "are_components_available",
-    title: "Components Available"
-  },
-  {
-    order_step_id: 11,
-    key: "is_patch_map_generated",
-    title: "Generate Patch Map"
-  },
-  {
-    order_step_id: 12,
-    key: "is_json_merge_file_created",
-    title: "Create JSON Merge File"
-  },
-  {
-    order_step_id: 13,
-    key: "is_dfm_result_generated",
-    title: "Generate DFM Result"
-  },
-  { order_step_id: 14, key: "are_files_downloaded", title: "Download Files" },
-  {
-    order_step_id: 15,
-    key: "are_product_categories_fetched",
-    title: "Fetch Product Categories"
-  },
-  {
-    order_step_id: 16,
-    key: "are_final_costs_calculated",
-    title: "Calculate Final Costs"
-  },
-  {
-    order_step_id: 17,
-    key: "is_json_merge_file_updated",
-    title: "Update JSON Merge File"
-  },
-  { order_step_id: 18, key: "is_added_to_cart", title: "Add to Cart" }
-].map((step, index) => ({
-  ...step,
-  completed: false,
-  active: index === 0
-  // First step starts as active
-}));
-
-// lib/components/OrderDialog/StepwiseProgress.tsx
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
-var StepwiseProgressPanel = ({
-  orderId,
-  title = "Order PCB",
-  onCancel,
-  loading: externalLoading = false,
-  setStage
-}) => {
-  const { data, isLoading } = useQuery({
-    queryKey: ["orderState", orderId],
-    queryFn: async () => {
-      const response = await ky2.get("registry/orders/get", {
-        searchParams: { order_id: orderId },
-        headers: {
-          Authorization: `Bearer account-1234`
-        }
-      }).json();
-      if (response.orderState.current_step === "is_added_to_cart") {
-        setStage("checkout");
-      }
-      return response;
-    },
-    refetchInterval: 2e3,
-    refetchIntervalInBackground: true
-  });
-  const steps = orderSteps.map((step) => {
-    if (!data?.orderState) return step;
-    const currentStepIndex = orderSteps.findIndex(
-      (orderStep) => orderStep.key === data.orderState.current_step
-    );
-    const stepIndex = orderSteps.findIndex(
-      (orderStep) => orderStep.key === step.key
-    );
-    return {
-      ...step,
-      completed: stepIndex < currentStepIndex,
-      active: stepIndex === currentStepIndex
-    };
-  });
-  const completedSteps = steps.filter((step) => step.completed);
-  const activeStep = steps.find((step) => step.active);
-  const lastCompletedStep = completedSteps[completedSteps.length - 1];
-  const totalSteps = steps.length;
-  const progress = Math.round(completedSteps.length / totalSteps * 100);
-  const loading = isLoading || externalLoading;
-  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__ */ jsxs8("div", { className: "rf-text-sm rf-text-muted-foreground", children: [
-        completedSteps.length,
-        " of ",
-        totalSteps,
-        " completed"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx13(Progress, { value: progress, className: "rf-h-2 rf-mb-8" }),
-    /* @__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__ */ 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__ */ jsxs8("p", { className: "rf-font-medium rf-text-green-600", children: [
-            lastCompletedStep.order_step_id,
-            ". ",
-            lastCompletedStep.title
-          ] })
-        ] })
-      ] }),
-      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__ */ 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__ */ 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__ */ jsxs8("p", { className: "rf-font-medium rf-text-blue-600", children: [
-            activeStep.order_step_id,
-            ". ",
-            activeStep.title
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx13("div", { className: "rf-flex rf-justify-end rf-gap-3 rf-mt-auto", children: onCancel && /* @__PURE__ */ jsx13(Button, { variant: "outline", onClick: onCancel, className: "rf-px-6", children: "Cancel" }) })
-  ] });
-};
-
-// lib/components/OrderDialog/OrderDialog.tsx
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
-var queryClient = new QueryClient();
-var OrderDialog = ({
-  isOpen,
-  onClose,
-  stage,
-  setStage,
-  circuitJson
-}) => {
-  const [order, setOrder] = useState8(null);
-  const [loading, setLoading] = useState8(false);
-  const createOrder = async () => {
-    const { order: order2 } = await ky3.post("registry/orders/create", {
-      json: {
-        circuit_json: circuitJson
-      },
-      headers: {
-        Authorization: `Bearer account-1234`
-      }
-    }).json();
-    return order2;
-  };
-  const handleInitialContinue = async () => {
-    const order2 = await createOrder();
-    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__ */ jsxs9("div", { className: "rf-relative rf-w-full", children: [
-    stage === "initial" && /* @__PURE__ */ jsx14(
-      InitialOrderScreen,
-      {
-        onCancel: onClose,
-        onContinue: handleInitialContinue
-      }
-    ),
-    stage === "progress" && order?.order_id && /* @__PURE__ */ jsx14(
-      StepwiseProgressPanel,
-      {
-        onCancel: onClose,
-        loading,
-        orderId: order?.order_id,
-        setStage
-      }
-    ),
-    stage === "checkout" && /* @__PURE__ */ jsx14(
-      CheckoutOrder,
-      {
-        finalCost: 0,
-        onConfirmCheckout: () => onClose(),
-        onCancel: () => onClose()
-      }
-    )
-  ] }) }) }) });
-};
-
-// lib/components/OrderDialog/CliOrderDialog.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
-var CliOrderDialog = ({
-  isOpen,
-  onClose,
-  stage,
-  setStage
-}) => {
-  const circuitJson = useRunFrameStore((state) => state.circuitJson);
-  return /* @__PURE__ */ jsx15(
-    OrderDialog,
-    {
-      isOpen,
-      onClose,
-      stage,
-      setStage,
-      circuitJson
-    }
-  );
-};
-
-// lib/components/OrderDialog/useOrderDialog.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-var OrderDialogComponent = ({
-  isOpen,
-  onClose,
-  stage,
-  setStage
-}) => {
-  return /* @__PURE__ */ jsx16(
-    CliOrderDialog,
-    {
-      isOpen,
-      onClose,
-      stage,
-      setStage
-    }
-  );
-};
-var useOrderDialog = () => {
-  const [isOpen, setIsOpen] = useState9(false);
-  const [stage, setStage] = useState9("initial");
-  const [isRegistryConnected, setIsRegistryConnected] = useState9(false);
-  const handleClose = () => {
-    setIsOpen(false);
-    setStage("initial");
-  };
-  return {
-    isOpen,
-    stage,
-    isRegistryConnected,
-    open: () => setIsOpen(true),
-    close: handleClose,
-    setStage,
-    OrderDialog: OrderDialogComponent
-    // returns reference and not factory
-  };
-};
-
 // lib/components/RunFrameForCli/LeftHeader.tsx
-import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var RunframeCliLeftHeader = (props) => {
   const lastRunEvalVersion = useRunnerStore((s) => s.lastRunEvalVersion);
-  const [snippetName, setSnippetName] = useState10(null);
-  const [hasUnsavedChanges, setHasUnsavedChanges] = useState10(false);
-  const [hasNeverBeenSaved, setHasNeverBeenSaved] = useState10(true);
-  const [isSaving, setIsSaving] = useState10(false);
-  const [requestToSaveSentAt, setRequestToSaveSentAt] = useState10(
+  const [snippetName, setSnippetName] = useState6(null);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState6(false);
+  const [hasNeverBeenSaved, setHasNeverBeenSaved] = useState6(true);
+  const [isSaving, setIsSaving] = useState6(false);
+  const [requestToSaveSentAt, setRequestToSaveSentAt] = useState6(
     null
   );
-  const [availableSnippets, setAvailableSnippets] = useState10(
+  const [availableSnippets, setAvailableSnippets] = useState6(
     null
   );
-  const [isSelectSnippetDialogOpen, setIsSelectSnippetDialogOpen] = useState10(false);
-  const [notificationMessage, setNotificationMessage] = useState10(
+  const [isSelectSnippetDialogOpen, setIsSelectSnippetDialogOpen] = useState6(false);
+  const [notificationMessage, setNotificationMessage] = useState6(
     null
   );
-  const [errorMessage, setErrorMessage] = useState10(null);
-  const [isError, setIsError] = useState10(false);
-  const [isExporting, setisExporting] = useState10(false);
-  const orderDialog = useOrderDialog();
+  const [errorMessage, setErrorMessage] = useState6(null);
+  const [isError, setIsError] = useState6(false);
+  const [isExporting, setisExporting] = useState6(false);
+  const orderDialog = useOrderDialogCli();
   const pushEvent = useRunFrameStore((state) => state.pushEvent);
   const recentEvents = useRunFrameStore((state) => state.recentEvents);
   const firstRenderTime = useMemo2(() => Date.now(), []);
@@ -2288,7 +1235,7 @@ var RunframeCliLeftHeader = (props) => {
       setisExporting(false);
     }
   });
-  useEffect9(() => {
+  useEffect8(() => {
     if (!isSaving || requestToSaveSentAt === null) return;
     const eventsSinceRequestToSave = recentEvents.filter(
       (event) => new Date(event.created_at).valueOf() > requestToSaveSentAt
@@ -2330,12 +1277,12 @@ var RunframeCliLeftHeader = (props) => {
     });
   };
   const circuitJson = useRunFrameStore((state) => state.circuitJson);
-  const [isImportDialogOpen, setIsImportDialogOpen] = useState10(false);
-  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__ */ jsxs10(DropdownMenuContent, { children: [
-        /* @__PURE__ */ jsx17(
+  const [isImportDialogOpen, setIsImportDialogOpen] = useState6(false);
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsxs4(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx6(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx6("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "File" }) }),
+      /* @__PURE__ */ jsxs4(DropdownMenuContent, { children: [
+        /* @__PURE__ */ jsx6(
           DropdownMenuItem,
           {
             className: "rf-text-xs",
@@ -2344,7 +1291,7 @@ var RunframeCliLeftHeader = (props) => {
             children: isSaving ? "Saving..." : "Push"
           }
         ),
-        parseInt(window.location.port) > 5e3 && /* @__PURE__ */ jsx17(
+        parseInt(window.location.port) > 5e3 && /* @__PURE__ */ jsx6(
           DropdownMenuItem,
           {
             className: "rf-text-xs",
@@ -2354,7 +1301,7 @@ var RunframeCliLeftHeader = (props) => {
             children: "Order"
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx6(
           DropdownMenuItem,
           {
             className: "rf-text-xs",
@@ -2363,8 +1310,8 @@ var RunframeCliLeftHeader = (props) => {
             children: "Import"
           }
         ),
-        /* @__PURE__ */ jsxs10(DropdownMenuSub, { children: [
-          /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsxs4(DropdownMenuSub, { children: [
+          /* @__PURE__ */ jsx6(
             DropdownMenuSubTrigger,
             {
               className: "rf-text-xs",
@@ -2372,7 +1319,7 @@ var RunframeCliLeftHeader = (props) => {
               children: isExporting ? "Exporting..." : "Export"
             }
           ),
-          /* @__PURE__ */ jsx17(DropdownMenuPortal, { children: /* @__PURE__ */ jsx17(DropdownMenuSubContent, { children: availableExports.map((exp, i) => /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx6(DropdownMenuPortal, { children: /* @__PURE__ */ jsx6(DropdownMenuSubContent, { children: availableExports.map((exp, i) => /* @__PURE__ */ jsx6(
             DropdownMenuItem,
             {
               onSelect: () => {
@@ -2387,16 +1334,16 @@ var RunframeCliLeftHeader = (props) => {
                 });
               },
               disabled: isExporting,
-              children: /* @__PURE__ */ jsx17("span", { className: "rf-text-xs", children: exp.name })
+              children: /* @__PURE__ */ jsx6("span", { className: "rf-text-xs", children: exp.name })
             },
             i
           )) }) })
         ] }),
-        /* @__PURE__ */ jsxs10(DropdownMenuSub, { children: [
-          /* @__PURE__ */ jsx17(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Advanced" }),
-          /* @__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(
+        /* @__PURE__ */ jsxs4(DropdownMenuSub, { children: [
+          /* @__PURE__ */ jsx6(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Advanced" }),
+          /* @__PURE__ */ jsx6(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs4(DropdownMenuSubContent, { children: [
+            /* @__PURE__ */ jsx6(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs4("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
+              /* @__PURE__ */ jsx6(
                 Checkbox,
                 {
                   id: "load-latest-eval",
@@ -2406,7 +1353,7 @@ var RunframeCliLeftHeader = (props) => {
                   }
                 }
               ),
-              /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx6(
                 "label",
                 {
                   htmlFor: "load-latest-eval",
@@ -2415,31 +1362,31 @@ 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__ */ jsxs10("span", { className: "rf-text-xs", children: [
+            lastRunEvalVersion && /* @__PURE__ */ jsx6(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx6("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs4("span", { className: "rf-text-xs", children: [
               "@tscircuit/eval@",
               lastRunEvalVersion
             ] }) }) }),
-            /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx6(
               DropdownMenuItem,
               {
                 className: "rf-flex rf-items-center rf-gap-2",
                 onClick: () => {
                   window.open("/api/admin", "_blank");
                 },
-                children: /* @__PURE__ */ jsx17("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx17("span", { className: "rf-text-xs", children: "CLI Admin Panel" }) })
+                children: /* @__PURE__ */ jsx6("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx6("span", { className: "rf-text-xs", children: "CLI Admin Panel" }) })
               }
             )
           ] }) })
         ] })
       ] }),
-      /* @__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 })
+      /* @__PURE__ */ jsx6(AlertDialog, { open: isError, onOpenChange: setIsError, children: /* @__PURE__ */ jsxs4(AlertDialogContent, { children: [
+        /* @__PURE__ */ jsxs4(AlertDialogHeader, { children: [
+          /* @__PURE__ */ jsx6(AlertDialogTitle, { children: "Error Saving Snippet" }),
+          /* @__PURE__ */ jsx6(AlertDialogDescription, { children: errorMessage })
         ] }),
-        /* @__PURE__ */ jsx17(AlertDialogFooter, { children: /* @__PURE__ */ jsx17(AlertDialogCancel, { onClick: () => setIsError(false), children: "Dismiss" }) })
+        /* @__PURE__ */ jsx6(AlertDialogFooter, { children: /* @__PURE__ */ jsx6(AlertDialogCancel, { onClick: () => setIsError(false), children: "Dismiss" }) })
       ] }) }),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx6(
         SelectSnippetDialog,
         {
           snippetNames: availableSnippets ?? [],
@@ -2458,7 +1405,7 @@ var RunframeCliLeftHeader = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx6(
       ImportComponentDialog,
       {
         isOpen: isImportDialogOpen,
@@ -2491,8 +1438,8 @@ var RunframeCliLeftHeader = (props) => {
         }
       }
     ),
-    /* @__PURE__ */ jsx17(Toaster, { position: "top-center", reverseOrder: false }),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx6(Toaster, { position: "top-center", reverseOrder: false }),
+    /* @__PURE__ */ jsx6(
       orderDialog.OrderDialog,
       {
         isOpen: orderDialog.isOpen,
@@ -2505,21 +1452,21 @@ var RunframeCliLeftHeader = (props) => {
 };
 
 // lib/components/RunFrameForCli/RunFrameForCli.tsx
-import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var RunFrameForCli = (props) => {
   const [shouldLoadLatestEval, setLoadLatestEval] = useLocalStorageState(
     "load-latest-eval",
     true
   );
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx7(
     RunFrameWithApi,
     {
       debug: props.debug,
       forceLatestEvalVersion: shouldLoadLatestEval,
       defaultToFullScreen: true,
       showToggleFullScreen: false,
-      leftHeaderContent: /* @__PURE__ */ jsxs11("div", { className: "rf-flex rf-items-center rf-justify-between", children: [
-        /* @__PURE__ */ jsx18(
+      leftHeaderContent: /* @__PURE__ */ jsxs5("div", { className: "rf-flex rf-items-center rf-justify-between", children: [
+        /* @__PURE__ */ jsx7(
           RunframeCliLeftHeader,
           {
             shouldLoadLatestEval,
@@ -2546,5 +1493,7 @@ export {
   SchematicViewer,
   guessEntrypoint,
   guessManualEditsFilePath,
-  linkify
+  linkify,
+  useOrderDialog,
+  useOrderDialogCli
 };