@tscircuit/runframe 0.0.550 → 0.0.551

package/dist/{chunk-6HPHICW4.js → chunk-TQMCHBZX.js}

@@ -54,7 +54,7 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { CadViewer } from "@tscircuit/3d-viewer";
-import { useCallback, useEffect as useEffect2, useState as useState5, useMemo } from "react";
+import { useCallback, useEffect as useEffect2, useState as useState5, useMemo as useMemo2 } from "react";
 
 // lib/components/ErrorFallback.tsx
 import "react";
@@ -347,7 +347,7 @@ var AutoroutingLogOptions = ({
 ] }) });
 
 // lib/components/ErrorTabContent/ErrorTabContent.tsx
-import { useState } from "react";
+import { useState, useMemo } from "react";
 import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var ErrorTabContent = ({
   code,
@@ -357,7 +357,30 @@ var ErrorTabContent = ({
   errorMessage,
   errorStack
 }) => {
-  if (!errorMessage && !circuitJsonErrors) {
+  const unifiedErrors = useMemo(() => {
+    const errors = [];
+    if (errorMessage) {
+      errors.push({
+        type: "Execution Error",
+        message: errorMessage,
+        stack: errorStack || void 0,
+        source: "execution"
+      });
+    }
+    if (circuitJsonErrors && circuitJsonErrors.length > 0) {
+      circuitJsonErrors.forEach((error) => {
+        errors.push({
+          type: error.type || "Circuit JSON Error",
+          message: error.message || "No error message available",
+          stack: error.stack || "",
+          source: "circuitJson"
+        });
+      });
+    }
+    return errors;
+  }, [errorMessage, errorStack, circuitJsonErrors]);
+  const [currentErrorIndex, setCurrentErrorIndex] = useState(0);
+  if (unifiedErrors.length === 0) {
     return /* @__PURE__ */ jsxs4("div", { className: "px-2", children: [
       /* @__PURE__ */ jsx6("div", { className: "rf-mt-4 rf-bg-green-50 rf-rounded-md rf-border rf-border-green-200", children: /* @__PURE__ */ jsxs4("div", { className: "rf-p-4", children: [
         /* @__PURE__ */ jsx6("h3", { className: "rf-text-lg rf-font-semibold rf-text-green-800 rf-mb-3", children: "No Errors \u{1F44C}" }),
@@ -372,63 +395,55 @@ var ErrorTabContent = ({
       ) })
     ] });
   }
-  const [currentErrorIndex, setCurrentErrorIndex] = useState(0);
   const handlePrev = () => {
     setCurrentErrorIndex((prev) => Math.max(prev - 1, 0));
   };
   const handleNext = () => {
-    setCurrentErrorIndex(
-      (prev) => Math.min(prev + 1, circuitJsonErrors.length - 1)
-    );
+    setCurrentErrorIndex((prev) => Math.min(prev + 1, unifiedErrors.length - 1));
   };
+  const currentError = unifiedErrors[currentErrorIndex];
   return /* @__PURE__ */ jsxs4(Fragment2, { children: [
     /* @__PURE__ */ jsxs4("div", { className: "rf-w-[95%] rf-mx-auto", children: [
-      errorMessage && /* @__PURE__ */ jsxs4("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200 rf-p-4", children: [
-        /* @__PURE__ */ jsx6("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-1", children: "Execution Error" }),
-        /* @__PURE__ */ jsx6("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600", children: errorMessage }),
-        errorStack && /* @__PURE__ */ jsx6(
+      unifiedErrors.length > 1 && /* @__PURE__ */ jsxs4("div", { className: "rf-flex rf-items-center rf-gap-2 rf-mb-2", children: [
+        /* @__PURE__ */ jsx6(
+          "button",
+          {
+            type: "button",
+            className: "rf-p-1 rf-rounded-sm rf-transition-colors",
+            onClick: handlePrev,
+            disabled: currentErrorIndex === 0,
+            children: /* @__PURE__ */ jsx6(ChevronLeft, { className: "rf-h-4 rf-w-4 rf-text-red-500" })
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          "button",
+          {
+            type: "button",
+            className: "rf-p-1 rf-rounded-sm rf-transition-colors",
+            onClick: handleNext,
+            disabled: currentErrorIndex === unifiedErrors.length - 1,
+            children: /* @__PURE__ */ jsx6(ChevronRight2, { className: "rf-h-4 rf-w-4 rf-text-red-500" })
+          }
+        ),
+        /* @__PURE__ */ jsxs4("span", { className: "rf-text-sm rf-text-red-600", children: [
+          currentErrorIndex + 1,
+          " of ",
+          unifiedErrors.length,
+          " errors"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx6("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200 rf-max-h-[500px] rf-overflow-y-auto rf-px-2", children: /* @__PURE__ */ jsxs4("div", { className: "rf-p-4", children: [
+        /* @__PURE__ */ jsx6("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-1", children: currentError.type }),
+        /* @__PURE__ */ jsx6("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600", children: currentError.message }),
+        currentError.stack && /* @__PURE__ */ jsx6(
           "details",
           {
             style: { whiteSpace: "pre-wrap" },
             className: "rf-text-xs rf-font-mono rf-text-red-600 rf-mt-2",
-            children: errorStack
+            children: currentError.stack
           }
         )
-      ] }),
-      circuitJsonErrors && circuitJsonErrors.length > 0 && /* @__PURE__ */ jsxs4(Fragment2, { children: [
-        /* @__PURE__ */ jsxs4("div", { className: "rf-flex rf-items-center rf-gap-2 rf-mb-2", children: [
-          /* @__PURE__ */ jsx6(
-            "button",
-            {
-              type: "button",
-              className: "rf-p-1 rf-rounded-sm rf-transition-colors",
-              onClick: handlePrev,
-              disabled: currentErrorIndex === 0,
-              children: /* @__PURE__ */ jsx6(ChevronLeft, { className: "rf-h-4 rf-w-4 rf-text-red-500" })
-            }
-          ),
-          /* @__PURE__ */ jsx6(
-            "button",
-            {
-              type: "button",
-              className: "rf-p-1 rf-rounded-sm rf-transition-colors",
-              onClick: handleNext,
-              disabled: currentErrorIndex === circuitJsonErrors.length - 1,
-              children: /* @__PURE__ */ jsx6(ChevronRight2, { className: "rf-h-4 rf-w-4 rf-text-red-500" })
-            }
-          ),
-          /* @__PURE__ */ jsxs4("span", { children: [
-            currentErrorIndex + 1,
-            " of ",
-            circuitJsonErrors.length,
-            " error"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx6("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200 rf-max-h-[500px] rf-overflow-y-auto rf-px-2", children: /* @__PURE__ */ jsxs4("div", { className: "rf-p-4", children: [
-          /* @__PURE__ */ jsx6("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-1", children: circuitJsonErrors[currentErrorIndex].type }),
-          /* @__PURE__ */ jsx6("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600", children: circuitJsonErrors[currentErrorIndex].message })
-        ] }) })
-      ] })
+      ] }) })
     ] }),
     /* @__PURE__ */ jsxs4("div", { className: "rf-flex rf-gap-2 rf-mt-4 rf-justify-end", children: [
       /* @__PURE__ */ jsx6(
@@ -444,14 +459,8 @@ var ErrorTabContent = ({
           variant: "outline",
           className: "rf-p-1",
           onClick: () => {
-            const activeError = circuitJsonErrors ? circuitJsonErrors[currentErrorIndex] : {
-              type: "Execution Error",
-              message: errorMessage ?? "",
-              stack: errorStack ?? ""
-            };
-            navigator.clipboard.writeText(
-              `${activeError.type}: ${activeError.message}${activeError.stack ? "\n" + activeError.stack : ""}`
-            );
+            const errorText = `${currentError.type}: ${currentError.message}${currentError.stack ? "\n" + currentError.stack : ""}`;
+            navigator.clipboard.writeText(errorText);
             alert("Error copied to clipboard!");
           },
           children: [
@@ -466,36 +475,25 @@ var ErrorTabContent = ({
           variant: "outline",
           className: "rf-p-1",
           onClick: () => {
-            const error = circuitJsonErrors ? circuitJsonErrors[currentErrorIndex] : {
-              type: "Execution Error",
-              message: errorMessage ?? "",
-              stack: errorStack ?? ""
-            };
-            const title = `Error: ${error.type}`.replace(/[^a-zA-Z0-9 ]/g, " ").replace(/\s+/g, " ").slice(0, 100);
+            const title = `Error ${currentError.type}`.replace(/[^a-zA-Z0-9 ]/g, " ").replace(/\s+/g, " ").slice(0, 100);
             const url = createSnippetUrl(code ?? "");
-            let body = `[Snippet code to reproduce](${url})
+            const errorDetails = `${currentError.type}: ${currentError.message}${currentError.stack ? "\n" + currentError.stack : ""}`;
+            let body = `[Package code to reproduce](${url})
 
 ### Error
 \`\`\`
-${error.type}: ${error.message}${error.stack ? "\n" + error.stack : ""}
+${errorDetails}
 \`\`\`
 `;
-            if (body.length > 4e3) {
-              body = `\`\`\`tsx
-// Please paste the code here
-\`\`\`
-
-### Error
+            if (url.length > 3e3 || body.length > 4e3) {
+              const truncatedMessage = currentError.message.length > 500 ? `${currentError.message.slice(0, 500)}...` : currentError.message;
+              body = `### Error
 \`\`\`
-${error.type}: ${error.message}
+${currentError.type}: ${truncatedMessage}
 \`\`\``;
             }
-            window.open(
-              `https://github.com/tscircuit/tscircuit.com/issues/new?title=${encodeURIComponent(
-                title
-              )}&body=${encodeURIComponent(body)}`,
-              "_blank"
-            );
+            const issueUrl = `https://github.com/tscircuit/tscircuit.com/issues/new?title=${encodeURIComponent(title)}&body=${encodeURIComponent(body)}`;
+            window.open(issueUrl, "_blank");
           },
           children: [
             /* @__PURE__ */ jsx6(GitHubLogoIcon, { className: "rf-w-4 rf-h-4" }),
@@ -1107,7 +1105,7 @@ var RenderLogViewer = ({
 };
 
 // package.json
-var version = "0.0.549";
+var version = "0.0.550";
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -1151,7 +1149,7 @@ var CircuitJsonPreview = ({
   defaultToFullScreen = false
 }) => {
   useStyles();
-  const circuitJsonErrors = useMemo(() => {
+  const circuitJsonErrors = useMemo2(() => {
     if (!circuitJson) return null;
     return circuitJson.filter(
       (e) => e && "error_type" in e || e.type.includes("error")
@@ -1736,7 +1734,7 @@ import { QueryClient, QueryClientProvider } from "react-query";
 // lib/components/OrderDialog/InitialOrder.tsx
 import { Loader2 as Loader22 } from "lucide-react";
 import { GitHubLogoIcon as GitHubLogoIcon2 } from "@radix-ui/react-icons";
-import { useEffect as useEffect3, useMemo as useMemo2, useState as useState6 } from "react";
+import { useEffect as useEffect3, useMemo as useMemo3, useState as useState6 } from "react";
 
 // lib/components/OrderDialog/VendorQuoteCard.tsx
 import { Truck, Package } from "lucide-react";
@@ -1954,7 +1952,7 @@ var InitialOrderScreen = ({
       setSelectedShippingCarrier(lowest?.carrier || null);
     }
   }, [orderQuote]);
-  const lowestShippingCarrierCost = useMemo2(() => {
+  const lowestShippingCarrierCost = useMemo3(() => {
     return orderQuote && Array.isArray(orderQuote.shipping_options) && orderQuote.shipping_options.length > 0 ? orderQuote.shipping_options.reduce(
       (min, curr) => curr.cost < min.cost ? curr : min,
       orderQuote.shipping_options[0]
@@ -2095,7 +2093,7 @@ var CliOrderDialog = ({
 };
 
 // lib/components/OrderDialog/useOrderDialog.tsx
-import { useState as useState7, useMemo as useMemo3, useCallback as useCallback2 } from "react";
+import { useState as useState7, useMemo as useMemo4, useCallback as useCallback2 } from "react";
 import { jsx as jsx22 } from "react/jsx-runtime";
 var useOrderDialogCli = () => {
   const [isOpen, setIsOpen] = useState7(false);
@@ -2126,7 +2124,7 @@ var useOrderDialog = ({
     setStage("initial");
   }, []);
   const open = useCallback2(() => setIsOpen(true), []);
-  const MemoizedOrderDialog = useMemo3(() => {
+  const MemoizedOrderDialog = useMemo4(() => {
     return (props) => /* @__PURE__ */ jsx22(
       OrderDialog,
       {

package/dist/preview.js

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

package/dist/runner.js

@@ -27,7 +27,7 @@ import {
   useOrderDialog,
   useOrderDialogCli,
   useRunFrameStore
-} from "./chunk-6HPHICW4.js";
+} from "./chunk-TQMCHBZX.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";