@tscircuit/runframe 0.0.411 → 0.0.413

package/dist/{chunk-7CVVYSN5.js → chunk-EY4WZIT6.js}

@@ -1092,7 +1092,7 @@ var RenderLogViewer = ({
 };
 
 // package.json
-var version = "0.0.410";
+var version = "0.0.412";
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -1720,8 +1720,8 @@ import { Loader2 as Loader22 } from "lucide-react";
 import { useEffect as useEffect3, useState as useState6 } from "react";
 
 // lib/components/OrderDialog/VendorQuoteCard.tsx
-import { Package } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Truck, Package } from "lucide-react";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function VendorQuoteCard({
   vendor,
   isActive,
@@ -1729,7 +1729,7 @@ function VendorQuoteCard({
   selectedShippingIdx,
   onSelectShipping
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -1737,22 +1737,62 @@ function VendorQuoteCard({
         isActive ? "rf-ring-2 rf-ring-primary rf-border-primary" : "rf-border-gray-200"
       ),
       onClick: onSelect,
-      children: /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-items-center rf-justify-between rf-px-6 rf-py-4", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-          /* @__PURE__ */ jsx18(Package, { className: "rf-w-6 rf-h-6 rf-text-blue-500" }),
-          /* @__PURE__ */ jsx18("span", { className: "rf-font-semibold rf-text-lg", children: vendor.vendor_name })
-        ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-flex-col rf-items-end", children: [
-          /* @__PURE__ */ jsx18("span", { className: "rf-text-gray-500 rf-text-sm", children: "PCB + Components" }),
+      children: [
+        /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-items-center rf-justify-between rf-px-6 rf-py-4", children: [
           /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-            /* @__PURE__ */ jsxs14("span", { className: "rf-text-gray-400 rf-line-through rf-text-base rf-mr-2", children: [
+            /* @__PURE__ */ jsx18(Package, { className: "rf-w-6 rf-h-6 rf-text-blue-500" }),
+            /* @__PURE__ */ jsx18("span", { className: "rf-font-semibold rf-text-lg", children: vendor.vendor_name.toUpperCase() })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-flex-col rf-items-end", children: [
+            /* @__PURE__ */ jsx18("span", { className: "rf-text-gray-500 rf-text-sm", children: "Fully Assembled PCB" }),
+            /* @__PURE__ */ jsx18("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs14("span", { className: "rf-font-bold rf-text-xl rf-text-blue-600", children: [
               "$",
               vendor.total_cost_without_shipping.toFixed(2)
+            ] }) })
+          ] })
+        ] }),
+        isActive && /* @__PURE__ */ jsxs14(Fragment3, { children: [
+          /* @__PURE__ */ jsx18("hr", { className: "rf-border-gray-200" }),
+          /* @__PURE__ */ jsxs14("div", { className: "rf-px-6 rf-py-2", children: [
+            /* @__PURE__ */ jsx18("div", { className: "rf-mb-2 rf-text-sm rf-font-medium rf-text-gray-700", children: "Shipping Options:" }),
+            /* @__PURE__ */ jsx18("div", { className: "rf-flex rf-gap-4 rf-flex-wrap rf-mb-2", children: vendor.shipping_options.map((ship, idx) => /* @__PURE__ */ jsxs14(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  "rf-flex rf-items-center rf-gap-2 rf-px-4 rf-py-2 rf-rounded-lg rf-border rf-shadow rf-min-w-[148px] rf-transition-colors",
+                  selectedShippingIdx === idx ? "rf-border-blue-600 rf-bg-blue-50 rf-ring-2 rf-ring-blue-500" : "rf-border-gray-300 rf-bg-gray-50 hover:rf-border-blue-300"
+                ),
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onSelectShipping(idx);
+                },
+                children: [
+                  /* @__PURE__ */ jsx18(Truck, { className: "rf-w-5 rf-h-5 rf-text-yellow-500" }),
+                  /* @__PURE__ */ jsxs14("div", { className: "rf-text-left rf-flex-1", children: [
+                    /* @__PURE__ */ jsx18("div", { className: "rf-leading-tight rf-font-medium", children: ship.carrier }),
+                    /* @__PURE__ */ jsx18("div", { className: "rf-text-xs rf-text-gray-500", children: ship.service })
+                  ] })
+                ]
+              },
+              ship.carrier + idx
+            )) })
+          ] })
+        ] }),
+        isActive && selectedShippingIdx !== null && /* @__PURE__ */ jsx18("div", { className: "rf-px-6 rf-pb-3", children: /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-justify-between rf-items-center rf-mt-2", children: [
+          /* @__PURE__ */ jsx18("span", { className: "rf-text-gray-800 rf-font-medium rf-text-sm", children: "Total (incl. shipping):" }),
+          /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
+            /* @__PURE__ */ jsxs14("span", { className: "rf-text-gray-400 rf-line-through rf-text-sm rf-mr-2", children: [
+              "($",
+              vendor.total_cost_without_shipping.toFixed(2),
+              " + $",
+              vendor.shipping_options[selectedShippingIdx].cost.toFixed(2),
+              ")"
             ] }),
             /* @__PURE__ */ jsx18("span", { className: "rf-font-bold rf-text-xl rf-text-blue-600", children: "$50.00" })
           ] })
-        ] })
-      ] })
+        ] }) })
+      ]
     }
   );
 }
@@ -1891,15 +1931,16 @@ var InitialOrderScreen = ({
     createOrderQuote2();
   }, [packageReleaseId, createOrderQuote2]);
   return /* @__PURE__ */ jsxs15("div", { className: "rf-max-w-lg rf-mx-auto rf-bg-white rf-rounded-2xl rf-p-8 rf-flex rf-flex-col rf-gap-3", children: [
-    /* @__PURE__ */ jsx19("h2", { className: "rf-text-3xl rf-font-bold rf-text-center rf-mb-8", children: "Order PCB \u2013 Choose a Vendor" }),
+    /* @__PURE__ */ jsx19("h2", { className: "rf-text-3xl rf-font-bold rf-text-center rf-mb-8", children: "Order PCB" }),
     /* @__PURE__ */ jsx19("div", { className: "rf-mb-4 rf-text-gray-700 rf-text-center", children: "Select a quote from below, then pick a shipping method." }),
-    !orderQuoteId && !isError ? /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-2 rf-my-12", children: [
-      /* @__PURE__ */ jsx19(Loader22, { className: "rf-animate-spin rf-w-8 rf-h-8 rf-text-gray-400" }),
-      /* @__PURE__ */ jsx19("p", { className: "rf-text-gray-600", children: "Fetching quotes..." })
-    ] }) : createOrderQuoteError && isError ? /* @__PURE__ */ jsx19("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: JSON.stringify(createOrderQuoteError.message) }) : orderQuote?.error ? /* @__PURE__ */ jsx19("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: orderQuote?.error?.message || "Failed to fetch quotes" }) : !orderQuote ? /* @__PURE__ */ jsx19("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: "No quotes available." }) : !orderQuote.is_completed ? /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-2 rf-my-12", children: [
-      /* @__PURE__ */ jsx19(Loader22, { className: "rf-animate-spin rf-w-8 rf-h-8 rf-text-gray-400" }),
-      /* @__PURE__ */ jsx19("p", { className: "rf-text-gray-600", children: "Calculating quote..." })
-    ] }) : /* @__PURE__ */ jsx19(
+    !orderQuoteId && !isError && /* @__PURE__ */ jsx19(LoadingMessage, { message: "Fetching quotes..." }),
+    (createOrderQuoteError || orderQuote?.error) && /* @__PURE__ */ jsx19(
+      ErrorMessage,
+      {
+        message: createOrderQuoteError?.message || orderQuote?.error?.message || "Failed to fetch quotes"
+      }
+    ),
+    orderQuote?.is_completed && !createOrderQuoteError && !orderQuote?.error && /* @__PURE__ */ jsx19(
       VendorQuoteCard,
       {
         vendor: orderQuote,
@@ -1908,7 +1949,7 @@ var InitialOrderScreen = ({
         selectedShippingIdx: selectedVendorIdx === 0 ? selectedShippingIdx : null,
         onSelectShipping: setSelectedShippingIdx
       },
-      orderQuote.order_quote_id
+      orderQuote?.order_quote_id
     ),
     /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-justify-between rf-mt-5 rf-gap-4", children: [
       /* @__PURE__ */ jsx19(
@@ -1943,6 +1984,11 @@ var InitialOrderScreen = ({
     /* @__PURE__ */ jsx19("div", { className: "rf-text-xs rf-text-center rf-text-gray-400 rf-mt-4", children: "Pricing may vary based on specifications." })
   ] });
 };
+var LoadingMessage = ({ message }) => /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-2 rf-my-12", children: [
+  /* @__PURE__ */ jsx19(Loader22, { className: "rf-animate-spin rf-w-8 rf-h-8 rf-text-gray-400" }),
+  /* @__PURE__ */ jsx19("p", { className: "rf-text-gray-600", children: message })
+] });
+var ErrorMessage = ({ message }) => /* @__PURE__ */ jsx19("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: message });
 
 // lib/components/OrderDialog/OrderDialog.tsx
 import { jsx as jsx20 } from "react/jsx-runtime";

package/dist/preview.js

@@ -8,7 +8,7 @@ import {
   linkify,
   useOrderDialog,
   useOrderDialogCli
-} from "./chunk-7CVVYSN5.js";
+} from "./chunk-EY4WZIT6.js";
 export {
   BomTable,
   CadViewer,

package/dist/runner.js

@@ -26,7 +26,7 @@ import {
   useOrderDialog,
   useOrderDialogCli,
   useRunFrameStore
-} from "./chunk-7CVVYSN5.js";
+} from "./chunk-EY4WZIT6.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";