@tscircuit/runframe 0.0.1577 → 0.0.1579

package/dist/{chunk-4RQ7SLTP.js → chunk-UIGW7RWF.js}

@@ -1730,7 +1730,7 @@ var useErrorTelemetry = ({
 };
 
 // package.json
-var version = "0.0.1576";
+var version = "0.0.1578";
 var package_default = {
   name: "@tscircuit/runframe",
   main: "dist/preview.js",
@@ -1782,7 +1782,7 @@ var package_default = {
     "@tscircuit/3d-viewer": "^0.0.509",
     "@tscircuit/assembly-viewer": "^0.0.5",
     "@tscircuit/create-snippet-url": "^0.0.9",
-    "@tscircuit/eval": "^0.0.623",
+    "@tscircuit/eval": "^0.0.624",
     "@tscircuit/circuit-json-util": "^0.0.75",
     "@tscircuit/fake-snippets": "^0.0.163",
     "@tscircuit/file-server": "^0.0.32",
@@ -5096,249 +5096,258 @@ var FileMenuLeftHeader = (props) => {
     setPendingLbrnExport(null);
   };
   return /* @__PURE__ */ jsxs27(Fragment9, { children: [
-    /* @__PURE__ */ jsxs27(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx37(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx37("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "File" }) }),
-      /* @__PURE__ */ jsxs27(DropdownMenuContent, { className: "rf-z-[101]", children: [
-        !props.isWebEmbedded && /* @__PURE__ */ jsxs27(Fragment9, { children: [
-          /* @__PURE__ */ jsx37(
-            DropdownMenuItem,
-            {
-              className: "rf-text-xs",
-              onSelect: triggerSaveSnippet,
-              disabled: isSaving,
-              children: isSaving ? "Saving..." : "Push"
-            }
-          ),
-          parseInt(window.location.port) > 5e3 && /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsxs27("div", { className: "rf-flex rf-items-center rf-gap-1 rf-flex-shrink-0", children: [
+      /* @__PURE__ */ jsxs27(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx37(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx37("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "File" }) }),
+        /* @__PURE__ */ jsxs27(DropdownMenuContent, { className: "rf-z-[101]", children: [
+          !props.isWebEmbedded && /* @__PURE__ */ jsxs27(Fragment9, { children: [
+            /* @__PURE__ */ jsx37(
+              DropdownMenuItem,
+              {
+                className: "rf-text-xs",
+                onSelect: triggerSaveSnippet,
+                disabled: isSaving,
+                children: isSaving ? "Saving..." : "Push"
+              }
+            ),
+            parseInt(window.location.port) > 5e3 && /* @__PURE__ */ jsx37(
+              DropdownMenuItem,
+              {
+                className: "rf-text-xs",
+                onSelect: () => {
+                  orderDialog.open();
+                },
+                children: "Order"
+              }
+            ),
+            /* @__PURE__ */ jsx37(
+              DropdownMenuItem,
+              {
+                className: "rf-text-xs",
+                onSelect: () => setIsImportDialogOpen(true),
+                disabled: isSaving,
+                children: "Import"
+              }
+            ),
+            /* @__PURE__ */ jsx37(
+              DropdownMenuItem,
+              {
+                className: "rf-text-xs",
+                onSelect: () => {
+                  if (!hasRegistryToken()) {
+                    toast.error("Requires tscircuit token");
+                    return;
+                  }
+                  setIsAiReviewDialogOpen(true);
+                },
+                children: "AI Review"
+              }
+            )
+          ] }),
+          !props.isWebEmbedded && props.onLoginRequired && /* @__PURE__ */ jsx37(
             DropdownMenuItem,
             {
               className: "rf-text-xs",
               onSelect: () => {
-                orderDialog.open();
+                props.onLoginRequired?.();
               },
-              children: "Order"
-            }
-          ),
-          /* @__PURE__ */ jsx37(
-            DropdownMenuItem,
-            {
-              className: "rf-text-xs",
-              onSelect: () => setIsImportDialogOpen(true),
-              disabled: isSaving,
-              children: "Import"
+              children: "Sign In"
             }
           ),
-          /* @__PURE__ */ jsx37(
+          !props.isWebEmbedded && /* @__PURE__ */ jsx37(
             DropdownMenuItem,
             {
               className: "rf-text-xs",
               onSelect: () => {
-                if (!hasRegistryToken()) {
-                  toast.error("Requires tscircuit token");
-                  return;
-                }
-                setIsAiReviewDialogOpen(true);
+                openBugReportDialog();
               },
-              children: "AI Review"
-            }
-          )
-        ] }),
-        !props.isWebEmbedded && props.onLoginRequired && /* @__PURE__ */ jsx37(
-          DropdownMenuItem,
-          {
-            className: "rf-text-xs",
-            onSelect: () => {
-              props.onLoginRequired?.();
-            },
-            children: "Sign In"
-          }
-        ),
-        !props.isWebEmbedded && /* @__PURE__ */ jsx37(
-          DropdownMenuItem,
-          {
-            className: "rf-text-xs",
-            onSelect: () => {
-              openBugReportDialog();
-            },
-            children: "Report Bug"
-          }
-        ),
-        /* @__PURE__ */ jsxs27(DropdownMenuSub, { children: [
-          /* @__PURE__ */ jsx37(
-            DropdownMenuSubTrigger,
-            {
-              className: "rf-text-xs",
-              disabled: isExporting,
-              children: isExporting ? "Exporting..." : "Export"
+              children: "Report Bug"
             }
           ),
-          /* @__PURE__ */ jsx37(DropdownMenuPortal, { children: /* @__PURE__ */ jsx37(DropdownMenuSubContent, { children: availableExports.map((exp, i) => /* @__PURE__ */ jsx37(
-            DropdownMenuItem,
-            {
-              onSelect: () => {
-                if (!circuitJson) {
-                  toast.error("No Circuit JSON to export");
-                  return;
-                }
-                let projectNameFromPath = "Untitled";
-                if (currentMainComponentPath) {
-                  const filename = currentMainComponentPath.split("/").pop();
-                  if (filename) {
-                    projectNameFromPath = filename.replace(/\.[^.]+$/, "");
-                  }
-                }
-                const projectName = props.projectName ?? snippetName ?? projectNameFromPath;
-                if (exp.name === "LightBurn") {
-                  setPendingLbrnExport({
-                    circuitJson,
-                    projectName
-                  });
-                  setIsLbrnDialogOpen(true);
-                  return;
-                }
-                exportAndDownload({
-                  exportName: exp.name,
-                  circuitJson,
-                  projectName
-                });
-              },
-              disabled: isExporting,
-              children: /* @__PURE__ */ jsx37("span", { className: "rf-text-xs", children: exp.name })
-            },
-            i
-          )) }) })
-        ] }),
-        !props.isWebEmbedded && /* @__PURE__ */ jsxs27(DropdownMenuSub, { children: [
-          /* @__PURE__ */ jsx37(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Advanced" }),
-          /* @__PURE__ */ jsx37(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs27(DropdownMenuSubContent, { children: [
-            /* @__PURE__ */ jsx37(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs27("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-              /* @__PURE__ */ jsx37(
-                Checkbox,
-                {
-                  id: "load-latest-eval",
-                  checked: props.shouldLoadLatestEval,
-                  onCheckedChange: (checked) => {
-                    props.onChangeShouldLoadLatestEval?.(checked === true);
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx37(
-                "label",
-                {
-                  htmlFor: "load-latest-eval",
-                  className: "rf-text-xs rf-cursor-pointer",
-                  children: "Force Latest @tscircuit/eval"
-                }
-              )
-            ] }) }),
-            lastRunEvalVersion && /* @__PURE__ */ jsx37(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx37("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs27("span", { className: "rf-text-xs", children: [
-              "@tscircuit/eval@",
-              lastRunEvalVersion
-            ] }) }) }),
-            /* @__PURE__ */ jsx37(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx37("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs27("span", { className: "rf-text-xs", children: [
-              "@tscircuit/runframe@",
-              package_default.version
-            ] }) }) }),
+          /* @__PURE__ */ jsxs27(DropdownMenuSub, { children: [
             /* @__PURE__ */ jsx37(
-              DropdownMenuItem,
+              DropdownMenuSubTrigger,
               {
-                className: "rf-flex rf-items-center rf-gap-2",
-                onClick: () => {
-                  window.open("/api/admin", "_blank");
-                },
-                children: /* @__PURE__ */ jsx37("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx37("span", { className: "rf-text-xs", children: "CLI Admin Panel" }) })
+                className: "rf-text-xs",
+                disabled: isExporting,
+                children: isExporting ? "Exporting..." : "Export"
               }
-            )
-          ] }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx37(AlertDialog, { open: isError, onOpenChange: setIsError, children: /* @__PURE__ */ jsxs27(AlertDialogContent, { children: [
-        /* @__PURE__ */ jsxs27(AlertDialogHeader, { children: [
-          /* @__PURE__ */ jsx37(AlertDialogTitle, { children: "Error Saving Snippet" }),
-          /* @__PURE__ */ jsx37(AlertDialogDescription, { children: errorMessage })
-        ] }),
-        /* @__PURE__ */ jsx37(AlertDialogFooter, { children: /* @__PURE__ */ jsx37(AlertDialogCancel, { onClick: () => setIsError(false), children: "Dismiss" }) })
-      ] }) }),
-      /* @__PURE__ */ jsx37(
-        SelectSnippetDialog,
-        {
-          snippetNames: availableSnippets ?? [],
-          onSelect: async (name) => {
-            setIsSaving(true);
-            setRequestToSaveSentAt(Date.now());
-            setSnippetName(name);
-            await pushEvent({
-              event_type: "REQUEST_TO_SAVE_SNIPPET",
-              snippet_name: name
-            });
-            setIsSelectSnippetDialogOpen(false);
-          },
-          onCancel: () => setIsSelectSnippetDialogOpen(false),
-          isOpen: isSelectSnippetDialogOpen
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs27(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx37(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx37("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "View" }) }),
-      /* @__PURE__ */ jsx37(DropdownMenuContent, { className: "rf-z-[101]", children: /* @__PURE__ */ jsxs27(DropdownMenuSub, { children: [
-        /* @__PURE__ */ jsx37(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Schematic" }),
-        /* @__PURE__ */ jsx37(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs27(DropdownMenuSubContent, { children: [
-          /* @__PURE__ */ jsx37(
-            DropdownMenuItem,
-            {
-              className: "rf-flex rf-items-center rf-gap-2",
-              onSelect: (e) => e.preventDefault(),
-              children: /* @__PURE__ */ jsxs27("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-                /* @__PURE__ */ jsx37(
-                  Checkbox,
-                  {
-                    id: "show-schematic-ports",
-                    checked: props.showSchematicPorts,
-                    onCheckedChange: (checked) => {
-                      props.onChangeShowSchematicPorts?.(checked === true);
+            ),
+            /* @__PURE__ */ jsx37(DropdownMenuPortal, { children: /* @__PURE__ */ jsx37(DropdownMenuSubContent, { children: availableExports.map((exp, i) => /* @__PURE__ */ jsx37(
+              DropdownMenuItem,
+              {
+                onSelect: () => {
+                  if (!circuitJson) {
+                    toast.error("No Circuit JSON to export");
+                    return;
+                  }
+                  let projectNameFromPath = "Untitled";
+                  if (currentMainComponentPath) {
+                    const filename = currentMainComponentPath.split("/").pop();
+                    if (filename) {
+                      projectNameFromPath = filename.replace(
+                        /\.[^.]+$/,
+                        ""
+                      );
                     }
                   }
-                ),
-                /* @__PURE__ */ jsx37(
-                  "label",
-                  {
-                    htmlFor: "show-schematic-ports",
-                    className: "rf-text-xs rf-cursor-pointer",
-                    children: "Show Schematic Ports"
+                  const projectName = props.projectName ?? snippetName ?? projectNameFromPath;
+                  if (exp.name === "LightBurn") {
+                    setPendingLbrnExport({
+                      circuitJson,
+                      projectName
+                    });
+                    setIsLbrnDialogOpen(true);
+                    return;
                   }
-                )
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx37(
-            DropdownMenuItem,
-            {
-              className: "rf-flex rf-items-center rf-gap-2",
-              onSelect: (e) => e.preventDefault(),
-              children: /* @__PURE__ */ jsxs27("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
+                  exportAndDownload({
+                    exportName: exp.name,
+                    circuitJson,
+                    projectName
+                  });
+                },
+                disabled: isExporting,
+                children: /* @__PURE__ */ jsx37("span", { className: "rf-text-xs", children: exp.name })
+              },
+              i
+            )) }) })
+          ] }),
+          !props.isWebEmbedded && /* @__PURE__ */ jsxs27(DropdownMenuSub, { children: [
+            /* @__PURE__ */ jsx37(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Advanced" }),
+            /* @__PURE__ */ jsx37(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs27(DropdownMenuSubContent, { children: [
+              /* @__PURE__ */ jsx37(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs27("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
                 /* @__PURE__ */ jsx37(
                   Checkbox,
                   {
-                    id: "show-schematic-grid",
-                    checked: props.showSchematicDebugGrid,
+                    id: "load-latest-eval",
+                    checked: props.shouldLoadLatestEval,
                     onCheckedChange: (checked) => {
-                      props.onChangeShowSchematicDebugGrid?.(checked === true);
+                      props.onChangeShouldLoadLatestEval?.(
+                        checked === true
+                      );
                     }
                   }
                 ),
                 /* @__PURE__ */ jsx37(
                   "label",
                   {
-                    htmlFor: "show-schematic-grid",
+                    htmlFor: "load-latest-eval",
                     className: "rf-text-xs rf-cursor-pointer",
-                    children: "Show Schematic Grid"
+                    children: "Force Latest @tscircuit/eval"
                   }
                 )
-              ] })
-            }
-          )
+              ] }) }),
+              lastRunEvalVersion && /* @__PURE__ */ jsx37(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx37("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs27("span", { className: "rf-text-xs", children: [
+                "@tscircuit/eval@",
+                lastRunEvalVersion
+              ] }) }) }),
+              /* @__PURE__ */ jsx37(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx37("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs27("span", { className: "rf-text-xs", children: [
+                "@tscircuit/runframe@",
+                package_default.version
+              ] }) }) }),
+              /* @__PURE__ */ jsx37(
+                DropdownMenuItem,
+                {
+                  className: "rf-flex rf-items-center rf-gap-2",
+                  onClick: () => {
+                    window.open("/api/admin", "_blank");
+                  },
+                  children: /* @__PURE__ */ jsx37("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx37("span", { className: "rf-text-xs", children: "CLI Admin Panel" }) })
+                }
+              )
+            ] }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx37(AlertDialog, { open: isError, onOpenChange: setIsError, children: /* @__PURE__ */ jsxs27(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxs27(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsx37(AlertDialogTitle, { children: "Error Saving Snippet" }),
+            /* @__PURE__ */ jsx37(AlertDialogDescription, { children: errorMessage })
+          ] }),
+          /* @__PURE__ */ jsx37(AlertDialogFooter, { children: /* @__PURE__ */ jsx37(AlertDialogCancel, { onClick: () => setIsError(false), children: "Dismiss" }) })
+        ] }) }),
+        /* @__PURE__ */ jsx37(
+          SelectSnippetDialog,
+          {
+            snippetNames: availableSnippets ?? [],
+            onSelect: async (name) => {
+              setIsSaving(true);
+              setRequestToSaveSentAt(Date.now());
+              setSnippetName(name);
+              await pushEvent({
+                event_type: "REQUEST_TO_SAVE_SNIPPET",
+                snippet_name: name
+              });
+              setIsSelectSnippetDialogOpen(false);
+            },
+            onCancel: () => setIsSelectSnippetDialogOpen(false),
+            isOpen: isSelectSnippetDialogOpen
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs27(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx37(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx37("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "View" }) }),
+        /* @__PURE__ */ jsx37(DropdownMenuContent, { className: "rf-z-[101]", children: /* @__PURE__ */ jsxs27(DropdownMenuSub, { children: [
+          /* @__PURE__ */ jsx37(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Schematic" }),
+          /* @__PURE__ */ jsx37(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs27(DropdownMenuSubContent, { children: [
+            /* @__PURE__ */ jsx37(
+              DropdownMenuItem,
+              {
+                className: "rf-flex rf-items-center rf-gap-2",
+                onSelect: (e) => e.preventDefault(),
+                children: /* @__PURE__ */ jsxs27("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
+                  /* @__PURE__ */ jsx37(
+                    Checkbox,
+                    {
+                      id: "show-schematic-ports",
+                      checked: props.showSchematicPorts,
+                      onCheckedChange: (checked) => {
+                        props.onChangeShowSchematicPorts?.(checked === true);
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx37(
+                    "label",
+                    {
+                      htmlFor: "show-schematic-ports",
+                      className: "rf-text-xs rf-cursor-pointer",
+                      children: "Show Schematic Ports"
+                    }
+                  )
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx37(
+              DropdownMenuItem,
+              {
+                className: "rf-flex rf-items-center rf-gap-2",
+                onSelect: (e) => e.preventDefault(),
+                children: /* @__PURE__ */ jsxs27("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
+                  /* @__PURE__ */ jsx37(
+                    Checkbox,
+                    {
+                      id: "show-schematic-grid",
+                      checked: props.showSchematicDebugGrid,
+                      onCheckedChange: (checked) => {
+                        props.onChangeShowSchematicDebugGrid?.(
+                          checked === true
+                        );
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx37(
+                    "label",
+                    {
+                      htmlFor: "show-schematic-grid",
+                      className: "rf-text-xs rf-cursor-pointer",
+                      children: "Show Schematic Grid"
+                    }
+                  )
+                ] })
+              }
+            )
+          ] }) })
         ] }) })
-      ] }) })
+      ] })
     ] }),
     BugReportDialog,
     /* @__PURE__ */ jsx37(

package/dist/preview.js

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

package/dist/runner.js

@@ -34,7 +34,7 @@ import {
   useRunFrameStore,
   useRunnerStore,
   useStyles
-} from "./chunk-4RQ7SLTP.js";
+} from "./chunk-UIGW7RWF.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";