@tscircuit/runframe 0.0.347 → 0.0.348

package/dist/{chunk-LUCJ23PW.js → chunk-CRYLRRYE.js}

@@ -988,7 +988,7 @@ var RenderLogViewer = ({
 };
 
 // package.json
-var version = "0.0.346";
+var version = "0.0.347";
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -1345,12 +1345,1140 @@ import { CadViewer as CadViewer2 } from "@tscircuit/3d-viewer";
 import { PCBViewer as PCBViewer3 } from "@tscircuit/pcb-viewer";
 import { SchematicViewer as SchematicViewer2 } from "@tscircuit/schematic-viewer";
 
+// 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
+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()(
+  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/ui/alert-dialog.tsx
+import * as React6 from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  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 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs13(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx17(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx17(
+    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__ */ jsx17(
+  "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__ */ jsx17(
+  "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 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("rf-text-lg rf-font-semibold", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  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 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(buttonVariants(), className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(
+      buttonVariants({ variant: "outline" }),
+      "rf-mt-2 sm:rf-mt-0",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// lib/components/OrderDialog/OrderDialog.tsx
+import { useState as useState7 } from "react";
+import { QueryClient, QueryClientProvider } from "react-query";
+
+// lib/components/OrderDialog/CheckoutOrder.tsx
+import { MapPin } from "lucide-react";
+
+// lib/components/ui/input.tsx
+import * as React7 from "react";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var Input = React7.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx18(
+      "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/OrderDialog/CheckoutOrder.tsx
+import { useState as useState5 } from "react";
+import { toast } from "react-hot-toast";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+var CheckoutOrder = ({
+  finalCost,
+  onConfirmCheckout,
+  onCancel
+}) => {
+  const [selectedAddressId, setSelectedAddressId] = useState5(
+    null
+  );
+  const [savedAddresses] = useState5([
+    {
+      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] = useState5({
+    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)) {
+      toast.error("Please provide a complete shipping address.");
+      return;
+    }
+    toast.success("Your PCB order has been placed successfully.");
+    onConfirmCheckout();
+  };
+  return /* @__PURE__ */ jsxs14("div", { className: "rf-bg-white rf-rounded-xl rf-p-6 rf-mx-auto", children: [
+    /* @__PURE__ */ jsx19("h2", { className: "rf-text-2xl rf-font-bold rf-mb-6", children: "Checkout" }),
+    /* @__PURE__ */ jsxs14("div", { className: "rf-grid rf-grid-cols-1 md:rf-grid-cols-2 rf-gap-8", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "rf-space-y-6", children: [
+        /* @__PURE__ */ jsx19("h3", { className: "rf-text-lg rf-font-semibold", children: "Shipping Address" }),
+        savedAddresses.length > 0 && /* @__PURE__ */ jsxs14("div", { className: "rf-space-y-4", children: [
+          /* @__PURE__ */ jsx19("div", { className: "rf-text-sm rf-font-medium rf-text-gray-500", children: "Saved Addresses" }),
+          /* @__PURE__ */ jsx19("div", { className: "rf-flex rf-flex-wrap rf-gap-3", children: savedAddresses.map((address) => /* @__PURE__ */ jsxs14(
+            "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__ */ jsx19(MapPin, { className: "rf-h-4 rf-w-4" }),
+                /* @__PURE__ */ jsx19("span", { children: address.name }),
+                address.isDefault && /* @__PURE__ */ jsx19("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__ */ jsxs14("div", { className: "rf-space-y-4", children: [
+          /* @__PURE__ */ jsx19("div", { className: "rf-grid rf-grid-cols-2 rf-gap-4", children: /* @__PURE__ */ jsxs14("div", { className: "rf-space-y-2", children: [
+            /* @__PURE__ */ jsx19("label", { htmlFor: "name", children: "Address Name" }),
+            /* @__PURE__ */ jsx19(
+              Input,
+              {
+                id: "name",
+                name: "name",
+                placeholder: "Home, Office, etc.",
+                value: addressForm.name,
+                onChange: handleInputChange
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsxs14("div", { className: "rf-space-y-2", children: [
+            /* @__PURE__ */ jsx19("label", { htmlFor: "street", children: "Street Address" }),
+            /* @__PURE__ */ jsx19(
+              Input,
+              {
+                id: "street",
+                name: "street",
+                placeholder: "123 Main St",
+                value: addressForm.street,
+                onChange: handleInputChange
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "rf-grid rf-grid-cols-2 rf-gap-4", children: [
+            /* @__PURE__ */ jsxs14("div", { className: "rf-space-y-2", children: [
+              /* @__PURE__ */ jsx19("label", { htmlFor: "city", children: "City" }),
+              /* @__PURE__ */ jsx19(
+                Input,
+                {
+                  id: "city",
+                  name: "city",
+                  placeholder: "City",
+                  value: addressForm.city,
+                  onChange: handleInputChange
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs14("div", { className: "rf-space-y-2", children: [
+              /* @__PURE__ */ jsx19("label", { htmlFor: "state", children: "State" }),
+              /* @__PURE__ */ jsx19(
+                Input,
+                {
+                  id: "state",
+                  name: "state",
+                  placeholder: "State",
+                  value: addressForm.state,
+                  onChange: handleInputChange
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "rf-grid rf-grid-cols-2 rf-gap-4", children: [
+            /* @__PURE__ */ jsxs14("div", { className: "rf-space-y-2", children: [
+              /* @__PURE__ */ jsx19("label", { htmlFor: "zipCode", children: "Zip Code" }),
+              /* @__PURE__ */ jsx19(
+                Input,
+                {
+                  id: "zipCode",
+                  name: "zipCode",
+                  placeholder: "Zip Code",
+                  value: addressForm.zipCode,
+                  onChange: handleInputChange
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs14("div", { className: "rf-space-y-2", children: [
+              /* @__PURE__ */ jsx19("label", { htmlFor: "country", children: "Country" }),
+              /* @__PURE__ */ jsx19(
+                Input,
+                {
+                  id: "country",
+                  name: "country",
+                  placeholder: "Country",
+                  value: addressForm.country,
+                  onChange: handleInputChange
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs14("div", { className: "rf-bg-gray-50 rf-p-6 rf-rounded-lg", children: [
+        /* @__PURE__ */ jsx19("h3", { className: "rf-text-lg rf-font-semibold rf-mb-4", children: "Order Summary" }),
+        /* @__PURE__ */ jsxs14("div", { className: "rf-space-y-4", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-justify-between rf-py-2 rf-border-b rf-border-gray-200", children: [
+            /* @__PURE__ */ jsx19("span", { className: "rf-text-gray-600", children: "PCB Manufacturing" }),
+            /* @__PURE__ */ jsxs14("span", { className: "rf-font-medium", children: [
+              "$",
+              (finalCost * 0.6).toFixed(2)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-justify-between rf-py-2 rf-border-b rf-border-gray-200", children: [
+            /* @__PURE__ */ jsx19("span", { className: "rf-text-gray-600", children: "Components" }),
+            /* @__PURE__ */ jsxs14("span", { className: "rf-font-medium", children: [
+              "$",
+              (finalCost * 0.3).toFixed(2)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-justify-between rf-py-2 rf-border-b rf-border-gray-200", children: [
+            /* @__PURE__ */ jsx19("span", { className: "rf-text-gray-600", children: "Assembly" }),
+            /* @__PURE__ */ jsxs14("span", { className: "rf-font-medium", children: [
+              "$",
+              (finalCost * 0.1).toFixed(2)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-justify-between rf-py-2 rf-border-b rf-border-gray-200", children: [
+            /* @__PURE__ */ jsx19("span", { className: "rf-text-gray-600", children: "Shipping" }),
+            /* @__PURE__ */ jsx19("span", { className: "rf-font-medium", children: "$15.00" })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-justify-between rf-py-2 rf-text-lg rf-font-bold", children: [
+            /* @__PURE__ */ jsx19("span", { children: "Total" }),
+            /* @__PURE__ */ jsxs14("span", { children: [
+              "$",
+              (finalCost + 15).toFixed(2)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "rf-pt-4", children: [
+            /* @__PURE__ */ jsx19(
+              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__ */ jsx19(
+              Button,
+              {
+                variant: "outline",
+                onClick: onCancel,
+                className: "rf-w-full rf-mt-3",
+                children: "Cancel"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+
+// lib/components/OrderDialog/InitialOrder.tsx
+import "ky";
+
+// lib/components/ui/select.tsx
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check as Check2, ChevronDown, ChevronUp } from "lucide-react";
+import * as React8 from "react";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
+  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__ */ jsx20(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx20(ChevronDown, { className: "rf-h-4 rf-w-4 rf-opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "rf-flex rf-cursor-default rf-items-center rf-justify-center rf-py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx20(ChevronUp, { className: "rf-h-4 rf-w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "rf-flex rf-cursor-default rf-items-center rf-justify-center rf-py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx20(ChevronDown, { className: "rf-h-4 rf-w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React8.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx20(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs15(
+  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__ */ jsx20(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx20(
+        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__ */ jsx20(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  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 = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
+  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__ */ jsx20("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__ */ jsx20(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx20(Check2, { className: "rf-h-4 rf-w-4" }) }) }),
+      /* @__PURE__ */ jsx20(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  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 jsx21 } from "react/jsx-runtime";
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      className: cn("rf-animate-pulse rf-rounded-md rf-bg-muted", className),
+      ...props
+    }
+  );
+}
+
+// lib/utils/get-registry-ky.ts
+import ky from "ky";
+function getRegistryKy() {
+  const useRegistryPrefix = typeof window !== "undefined" && window.__RUNFRAME_REGISTRY_BASE_URL__ === true;
+  const registryApiBaseUrl = useRegistryPrefix ? "/registry" : "https://registry-api.tscircuit.com";
+  return ky.create({
+    prefixUrl: registryApiBaseUrl,
+    timeout: 3e4
+  });
+}
+var registryKy = {
+  get: (url, options) => getRegistryKy().get(url, options),
+  post: (url, options) => getRegistryKy().post(url, options),
+  put: (url, options) => getRegistryKy().put(url, options),
+  delete: (url, options) => getRegistryKy().delete(url, options),
+  patch: (url, options) => getRegistryKy().patch(url, options)
+};
+
+// lib/components/OrderDialog/InitialOrder.tsx
+import { ArrowDown } from "lucide-react";
+import { useEffect as useEffect3, useState as useState6 } from "react";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+var InitialOrderScreen = ({
+  onCancel,
+  onContinue
+}) => {
+  const productCategories = [
+    { id: "prototype", name: "Prototype" },
+    { id: "development", name: "Development board" }
+  ];
+  const [isLoading, setIsLoading] = useState6(false);
+  const [estimatedCost, setEstimatedCost] = useState6(null);
+  const [selectedCategory, setSelectedCategory] = useState6("prototype");
+  useEffect3(() => {
+    handleGetEstimate();
+  }, []);
+  const handleSelectCategory = (category) => {
+    setSelectedCategory(category);
+    setEstimatedCost(null);
+    setTimeout(() => {
+      handleGetEstimate();
+    }, 0);
+  };
+  const createOrderQuote = async () => {
+    const { order_quote_id } = await registryKy.post("order_quotes/create", {
+      json: {
+        package_release_id: "",
+        vendor_name: ""
+      }
+    }).json();
+    return order_quote_id;
+  };
+  const getOrderQuote = async (order_quote_id) => {
+    const { order_quote } = await registryKy.post(`order_quotes/get`, {
+      json: {
+        order_quote_id
+      }
+    }).json();
+    return order_quote;
+  };
+  const pollOrderQuote = async (quoteId, maxAttempts = 30) => {
+    let attempts = 0;
+    while (attempts < maxAttempts) {
+      try {
+        const orderQuote = await getOrderQuote(quoteId);
+        if (orderQuote.is_complete) {
+          setEstimatedCost(orderQuote.total_cost);
+          setIsLoading(false);
+          return orderQuote;
+        }
+        if (orderQuote.has_error) {
+          throw new Error(orderQuote.error);
+        }
+        attempts++;
+        await new Promise((resolve) => setTimeout(resolve, 2e3));
+      } catch (error) {
+        console.error("Error polling order quote:", error);
+        setIsLoading(false);
+      }
+    }
+    setIsLoading(false);
+    throw new Error("Polling timed out after maximum attempts");
+  };
+  const handleGetEstimate = async () => {
+    if (!selectedCategory) return;
+    const order_quote_id = await createOrderQuote();
+    if (!order_quote_id) {
+      console.error("Error creating order quote");
+      setEstimatedCost(null);
+      return;
+    }
+    setIsLoading(true);
+    setEstimatedCost(null);
+    try {
+      const orderQuote = await pollOrderQuote(order_quote_id);
+      setEstimatedCost(orderQuote.total_cost);
+    } catch (error) {
+      console.error("Error getting estimate:", error);
+      setEstimatedCost(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs16("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__ */ jsx22("h2", { className: "rf-text-3xl rf-font-bold rf-text-center rf-mb-8", children: "Order PCB" }),
+    /* @__PURE__ */ jsxs16("div", { className: "rf-mb-8", children: [
+      /* @__PURE__ */ jsx22(
+        "label",
+        {
+          htmlFor: "category",
+          className: "rf-block rf-text-sm rf-font-medium rf-text-gray-700 rf-mb-2",
+          children: "Select Product Category"
+        }
+      ),
+      /* @__PURE__ */ jsxs16(
+        Select,
+        {
+          onValueChange: handleSelectCategory,
+          value: selectedCategory || void 0,
+          children: [
+            /* @__PURE__ */ jsx22(SelectTrigger, { className: "rf-w-full", children: /* @__PURE__ */ jsx22(SelectValue, { placeholder: "Select a category" }) }),
+            /* @__PURE__ */ jsx22(SelectContent, { children: productCategories.map((category) => /* @__PURE__ */ jsx22(SelectItem, { value: category.id, children: category.name }, category.id)) })
+          ]
+        }
+      )
+    ] }),
+    isLoading ? /* @__PURE__ */ jsxs16("div", { className: "rf-flex rf-flex-col rf-items-center rf-mb-8", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "rf-animate-pulse rf-flex rf-space-x-2 rf-items-center rf-mb-3", children: [
+        /* @__PURE__ */ jsx22(ArrowDown, { className: "rf-h-5 rf-w-5 rf-text-gray-400" }),
+        /* @__PURE__ */ jsx22("span", { className: "rf-text-gray-500", children: "Fetching estimate..." })
+      ] }),
+      /* @__PURE__ */ jsx22(Skeleton, { className: "rf-h-6 rf-w-3/4 rf-mb-2" }),
+      /* @__PURE__ */ jsx22(Skeleton, { className: "rf-h-6 rf-w-1/2" })
+    ] }) : estimatedCost !== null ? /* @__PURE__ */ jsxs16("div", { className: "rf-bg-gray-50 rf-p-4 rf-rounded-lg rf-mb-8", children: [
+      /* @__PURE__ */ jsx22("p", { className: "rf-text-sm rf-text-gray-600 rf-mb-2", children: "Estimated Cost:" }),
+      /* @__PURE__ */ jsxs16("p", { className: "rf-text-2xl rf-font-bold rf-text-gray-900", children: [
+        "$",
+        estimatedCost.toFixed(2)
+      ] }),
+      /* @__PURE__ */ jsx22("p", { className: "rf-text-xs rf-text-gray-500 rf-mt-1", children: "Pricing may vary based on specifications" })
+    ] }) : null,
+    /* @__PURE__ */ jsxs16("div", { className: "rf-flex rf-justify-between rf-mt-auto", children: [
+      /* @__PURE__ */ jsx22(
+        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__ */ jsx22(
+        Button,
+        {
+          onClick: estimatedCost !== null ? onContinue : handleGetEstimate,
+          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 ky3 from "ky";
+
+// lib/components/ui/progress.tsx
+import * as React9 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var Progress = React9.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx23(
+  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__ */ jsx23(
+      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 Loader22 } 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 jsx24, jsxs as jsxs17 } 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 ky3.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__ */ jsxs17("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__ */ jsxs17("div", { className: "rf-flex rf-items-center rf-justify-between rf-mb-6", children: [
+      /* @__PURE__ */ jsx24("h2", { className: "rf-text-2xl rf-font-bold", children: title }),
+      /* @__PURE__ */ jsxs17("div", { className: "rf-text-sm rf-text-muted-foreground", children: [
+        completedSteps.length,
+        " of ",
+        totalSteps,
+        " completed"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx24(Progress, { value: progress, className: "rf-h-2 rf-mb-8" }),
+    /* @__PURE__ */ jsxs17("div", { className: "rf-space-y-6 rf-mb-8", children: [
+      lastCompletedStep && /* @__PURE__ */ jsxs17("div", { className: "rf-flex rf-items-start rf-gap-4", children: [
+        /* @__PURE__ */ jsx24("div", { className: "rf-flex-shrink-0 rf-mt-0.5", children: /* @__PURE__ */ jsx24("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__ */ jsx24(Check3, { className: "rf-h-5 rf-w-5 rf-text-green-600" }) }) }),
+        /* @__PURE__ */ jsxs17("div", { className: "rf-flex-1", children: [
+          /* @__PURE__ */ jsx24("p", { className: "rf-text-sm rf-font-medium rf-text-muted-foreground", children: "Last Completed" }),
+          /* @__PURE__ */ jsxs17("p", { className: "rf-font-medium rf-text-green-600", children: [
+            lastCompletedStep.order_step_id,
+            ". ",
+            lastCompletedStep.title
+          ] })
+        ] })
+      ] }),
+      lastCompletedStep && activeStep && /* @__PURE__ */ jsx24("div", { className: "rf-pl-4", children: /* @__PURE__ */ jsx24(ArrowDown2, { className: "rf-h-5 rf-w-5 rf-text-muted-foreground" }) }),
+      activeStep && /* @__PURE__ */ jsxs17("div", { className: "rf-flex rf-items-start rf-gap-4", children: [
+        /* @__PURE__ */ jsx24("div", { className: "rf-flex-shrink-0 rf-mt-0.5", children: /* @__PURE__ */ jsx24("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__ */ jsx24(Loader22, { className: "rf-h-5 rf-w-5 rf-text-blue-600 rf-animate-spin" }) : /* @__PURE__ */ jsx24("div", { className: "rf-h-2.5 rf-w-2.5 rf-rounded-full rf-bg-blue-600" }) }) }),
+        /* @__PURE__ */ jsxs17("div", { className: "rf-flex-1", children: [
+          /* @__PURE__ */ jsx24("p", { className: "rf-text-sm rf-font-medium rf-text-muted-foreground", children: "Current Step" }),
+          /* @__PURE__ */ jsxs17("p", { className: "rf-font-medium rf-text-blue-600", children: [
+            activeStep.order_step_id,
+            ". ",
+            activeStep.title
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx24("div", { className: "rf-flex rf-justify-end rf-gap-3 rf-mt-auto", children: onCancel && /* @__PURE__ */ jsx24(Button, { variant: "outline", onClick: onCancel, className: "rf-px-6", children: "Cancel" }) })
+  ] });
+};
+
+// lib/components/OrderDialog/OrderDialog.tsx
+import "ky";
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+var queryClient = new QueryClient();
+var OrderDialog = ({
+  isOpen,
+  onClose,
+  stage,
+  setStage,
+  circuitJson
+}) => {
+  const [order, setOrder] = useState7(null);
+  const [loading, setLoading] = useState7(false);
+  const createOrder = async (sessionId) => {
+    const { order: order2 } = await registryKy.post("orders/create", {
+      json: {
+        circuit_json: circuitJson
+      },
+      headers: {
+        Authorization: `Bearer ${sessionId ?? "account-1234"}`
+      }
+    }).json();
+    return order2;
+  };
+  const handleInitialContinue = async () => {
+    const order2 = await createOrder();
+    setOrder(order2);
+    setStage("progress");
+  };
+  return /* @__PURE__ */ jsx25(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx25(AlertDialog, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsx25(AlertDialogContent, { className: "!rf-max-w-[660px] !rf-p-0", children: /* @__PURE__ */ jsxs18("div", { className: "rf-relative rf-w-full", children: [
+    stage === "initial" && /* @__PURE__ */ jsx25(
+      InitialOrderScreen,
+      {
+        onCancel: onClose,
+        onContinue: handleInitialContinue
+      }
+    ),
+    stage === "progress" && order?.order_id && /* @__PURE__ */ jsx25(
+      StepwiseProgressPanel,
+      {
+        onCancel: onClose,
+        loading,
+        orderId: order?.order_id,
+        setStage
+      }
+    ),
+    stage === "checkout" && /* @__PURE__ */ jsx25(
+      CheckoutOrder,
+      {
+        finalCost: 0,
+        onConfirmCheckout: onClose,
+        onCancel: onClose
+      }
+    )
+  ] }) }) }) });
+};
+
+// lib/components/OrderDialog/CliOrderDialog.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+var CliOrderDialog = ({
+  isOpen,
+  onClose,
+  stage,
+  setStage
+}) => {
+  const circuitJson = useRunFrameStore((state) => state.circuitJson);
+  return /* @__PURE__ */ jsx26(
+    OrderDialog,
+    {
+      isOpen,
+      onClose,
+      stage,
+      setStage,
+      circuitJson
+    }
+  );
+};
+
+// lib/components/OrderDialog/useOrderDialog.tsx
+import { useState as useState8 } from "react";
+var useOrderDialogCli = () => {
+  const [isOpen, setIsOpen] = useState8(false);
+  const [stage, setStage] = useState8("initial");
+  const handleClose = () => {
+    setIsOpen(false);
+    setStage("initial");
+  };
+  return {
+    isOpen,
+    stage,
+    open: () => setIsOpen(true),
+    close: handleClose,
+    setStage,
+    OrderDialog: CliOrderDialog
+  };
+};
+var useOrderDialog = () => {
+  useStyles();
+  const [isOpen, setIsOpen] = useState8(false);
+  const [stage, setStage] = useState8("initial");
+  const handleClose = () => {
+    setIsOpen(false);
+    setStage("initial");
+  };
+  return {
+    isOpen,
+    stage,
+    open: () => setIsOpen(true),
+    close: handleClose,
+    setStage,
+    OrderDialog
+  };
+};
+
 export {
   cn,
   Tabs,
   TabsList,
   TabsTrigger,
-  buttonVariants,
   Button,
   DropdownMenu,
   DropdownMenuTrigger,
@@ -1364,6 +2492,19 @@ export {
   BomTable,
   PcbViewerWithContainerHeight,
   CircuitJsonPreview,
+  debug_default,
+  API_BASE,
+  useRunFrameStore,
+  AlertDialog,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogCancel,
+  Input,
+  useOrderDialogCli,
+  useOrderDialog,
   CadViewer2 as CadViewer,
   PCBViewer3 as PCBViewer,
   SchematicViewer2 as SchematicViewer