@tscircuit/runframe 0.0.369 → 0.0.371

package/dist/runner.js

@@ -19,7 +19,6 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
-  Input,
   PCBViewer,
   PcbViewerWithContainerHeight,
   SchematicViewer,
@@ -33,7 +32,7 @@ import {
   useOrderDialog,
   useOrderDialogCli,
   useRunFrameStore
-} from "./chunk-KJKBCW2H.js";
+} from "./chunk-43JV2KDS.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";
@@ -753,6 +752,27 @@ 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 React2 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Input = React2.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx5(
+      "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 {
@@ -819,7 +839,7 @@ var mapTscircuitSnippetToSearchResult = (tscircuitSnippet) => {
 
 // lib/components/ImportComponentDialog/ImportComponentDialog.tsx
 import { createSvgUrl as createPngUrl } from "@tscircuit/create-snippet-url";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var ImportComponentDialog = ({
   isOpen,
   onClose,
@@ -884,8 +904,8 @@ var ImportComponentDialog = ({
   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__ */ jsx6(AlertDialogTitle, { children: "Import Component" }),
+        /* @__PURE__ */ jsx6(AlertDialogDescription, { children: "Search for components from tscircuit.com or JLCPCB parts library." })
       ] }),
       /* @__PURE__ */ jsxs3(
         Tabs,
@@ -894,13 +914,13 @@ var ImportComponentDialog = ({
           onValueChange: (value) => setActiveTab(value),
           children: [
             /* @__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__ */ jsx6(TabsTrigger, { value: "tscircuit.com", children: "tscircuit.com" }),
+              /* @__PURE__ */ jsx6(TabsTrigger, { value: "jlcpcb", children: "JLCPCB Parts" })
             ] }),
             /* @__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(
+                /* @__PURE__ */ jsx6(Search, { className: "rf-absolute rf-left-2 rf-top-2.5 rf-h-4 rf-w-4 rf-text-muted-foreground" }),
+                /* @__PURE__ */ jsx6(
                   Input,
                   {
                     placeholder: activeTab === "tscircuit.com" ? "Search components..." : "Search JLCPCB parts (e.g. C14663)...",
@@ -911,22 +931,22 @@ var ImportComponentDialog = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx5(Button, { onClick: handleSearch, disabled: isLoading, children: isLoading ? /* @__PURE__ */ jsx5(Loader22, { className: "rf-h-4 rf-w-4 rf-animate-spin" }) : "Search" })
+              /* @__PURE__ */ jsx6(Button, { onClick: handleSearch, disabled: isLoading, children: isLoading ? /* @__PURE__ */ jsx6(Loader22, { className: "rf-h-4 rf-w-4 rf-animate-spin" }) : "Search" })
             ] }),
-            /* @__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(
+            /* @__PURE__ */ jsx6("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__ */ jsx6("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__ */ jsxs3("div", { children: [
-                    /* @__PURE__ */ jsx5("div", { className: "rf-font-medium", children: result.name }),
+                    /* @__PURE__ */ jsx6("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.partNumber && /* @__PURE__ */ jsx6("span", { className: "rf-mr-2", children: result.partNumber }),
                       result.description
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx5("div", { className: "rf-flex rf-gap-2", children: result.source === "tscircuit.com" && /* @__PURE__ */ jsx5(
+                  /* @__PURE__ */ jsx6("div", { className: "rf-flex rf-gap-2", children: result.source === "tscircuit.com" && /* @__PURE__ */ jsx6(
                     Button,
                     {
                       variant: "outline",
@@ -942,15 +962,15 @@ var ImportComponentDialog = ({
               },
               result.id
             )) }) : 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__ */ jsx6(Loader22, { className: "rf-h-8 rf-w-8 rf-animate-spin rf-mx-auto rf-mb-2" }),
+              /* @__PURE__ */ jsx6("p", { children: "Searching..." })
+            ] }) : /* @__PURE__ */ jsx6("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__ */ jsxs3(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx5(AlertDialogCancel, { onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(AlertDialogCancel, { onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx6(
           Button,
           {
             onClick: () => {
@@ -965,24 +985,24 @@ var ImportComponentDialog = ({
         )
       ] })
     ] }),
-    /* @__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__ */ jsx6(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__ */ jsx6(AlertDialogTitle, { children: detailsComponent?.name }),
+        /* @__PURE__ */ jsx6(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?.partNumber && /* @__PURE__ */ jsx6("div", { className: "rf-font-mono rf-text-sm rf-mb-2", children: detailsComponent.partNumber }),
           detailsComponent?.description
         ] })
       ] }),
       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__ */ jsx6("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 })
+            /* @__PURE__ */ jsx6("span", { className: "rf-text-xs rf-text-zinc-500", children: "Package" }),
+            /* @__PURE__ */ jsx6("span", { className: "rf-font-medium", children: detailsComponent.package })
           ] }),
           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__ */ jsx6("span", { className: "rf-text-xs rf-text-zinc-500", children: "Price" }),
             /* @__PURE__ */ jsxs3("span", { className: "rf-font-medium", children: [
               "$",
               detailsComponent.price.toFixed(4)
@@ -991,13 +1011,13 @@ var ImportComponentDialog = ({
         ] })
       ] }),
       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 })
+        /* @__PURE__ */ jsx6("div", { className: "rf-text-sm rf-font-medium rf-mb-2", children: "tscircuit Details" }),
+        /* @__PURE__ */ jsx6("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__ */ jsx6("span", { className: "rf-text-xs rf-text-zinc-500", children: "Owner" }),
+          /* @__PURE__ */ jsx6("span", { className: "rf-font-medium", children: detailsComponent.owner })
         ] }) }),
         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__ */ jsx6("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 && "..."
@@ -1005,15 +1025,15 @@ var ImportComponentDialog = ({
         ] })
       ] }),
       /* @__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(
+        /* @__PURE__ */ jsx6("div", { className: "rf-text-sm rf-font-medium rf-mb-2", children: "Preview" }),
+        detailsComponent?.source === "tscircuit.com" && detailsComponent.code ? /* @__PURE__ */ jsx6("div", { className: "rf-flex rf-justify-center", children: /* @__PURE__ */ jsx6("div", { className: "rf-border rf-rounded rf-p-4 rf-bg-zinc-50", children: /* @__PURE__ */ jsx6(
           "img",
           {
             src: createPngUrl(detailsComponent.code, "pcb"),
             alt: detailsComponent.name,
             className: "rf-w-full rf-aspect-video rf-object-contain"
           }
-        ) }) }) : /* @__PURE__ */ jsx5("div", { className: "rf-text-center rf-text-zinc-500 rf-p-4", children: "No preview available" })
+        ) }) }) : /* @__PURE__ */ jsx6("div", { className: "rf-text-center rf-text-zinc-500 rf-p-4", children: "No preview available" })
       ] }),
       /* @__PURE__ */ jsxs3("div", { className: "rf-flex rf-justify-between", children: [
         /* @__PURE__ */ jsxs3(
@@ -1031,11 +1051,11 @@ var ImportComponentDialog = ({
               " ",
               detailsComponent?.source === "jlcpcb" ? "JLCPCB" : "tscircuit.com",
               " ",
-              /* @__PURE__ */ jsx5(ExternalLink, { className: "rf-h-3 rf-w-3" })
+              /* @__PURE__ */ jsx6(ExternalLink, { className: "rf-h-3 rf-w-3" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(
           Button,
           {
             onClick: () => {
@@ -1185,7 +1205,7 @@ var importComponentFromJlcpcb = async (jlcpcbPartNumber) => {
 };
 
 // lib/components/RunFrameForCli/LeftHeader.tsx
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var RunframeCliLeftHeader = (props) => {
   const lastRunEvalVersion = useRunnerStore((s) => s.lastRunEvalVersion);
   const [snippetName, setSnippetName] = useState6(null);
@@ -1278,9 +1298,9 @@ var RunframeCliLeftHeader = (props) => {
   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__ */ jsx7(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx7("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(
+        /* @__PURE__ */ jsx7(
           DropdownMenuItem,
           {
             className: "rf-text-xs",
@@ -1289,7 +1309,7 @@ var RunframeCliLeftHeader = (props) => {
             children: isSaving ? "Saving..." : "Push"
           }
         ),
-        parseInt(window.location.port) > 5e3 && /* @__PURE__ */ jsx6(
+        parseInt(window.location.port) > 5e3 && /* @__PURE__ */ jsx7(
           DropdownMenuItem,
           {
             className: "rf-text-xs",
@@ -1299,7 +1319,7 @@ var RunframeCliLeftHeader = (props) => {
             children: "Order"
           }
         ),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           DropdownMenuItem,
           {
             className: "rf-text-xs",
@@ -1309,7 +1329,7 @@ var RunframeCliLeftHeader = (props) => {
           }
         ),
         /* @__PURE__ */ jsxs4(DropdownMenuSub, { children: [
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7(
             DropdownMenuSubTrigger,
             {
               className: "rf-text-xs",
@@ -1317,7 +1337,7 @@ var RunframeCliLeftHeader = (props) => {
               children: isExporting ? "Exporting..." : "Export"
             }
           ),
-          /* @__PURE__ */ jsx6(DropdownMenuPortal, { children: /* @__PURE__ */ jsx6(DropdownMenuSubContent, { children: availableExports.map((exp, i) => /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7(DropdownMenuPortal, { children: /* @__PURE__ */ jsx7(DropdownMenuSubContent, { children: availableExports.map((exp, i) => /* @__PURE__ */ jsx7(
             DropdownMenuItem,
             {
               onSelect: () => {
@@ -1332,16 +1352,16 @@ var RunframeCliLeftHeader = (props) => {
                 });
               },
               disabled: isExporting,
-              children: /* @__PURE__ */ jsx6("span", { className: "rf-text-xs", children: exp.name })
+              children: /* @__PURE__ */ jsx7("span", { className: "rf-text-xs", children: exp.name })
             },
             i
           )) }) })
         ] }),
         /* @__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(
+          /* @__PURE__ */ jsx7(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Advanced" }),
+          /* @__PURE__ */ jsx7(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs4(DropdownMenuSubContent, { children: [
+            /* @__PURE__ */ jsx7(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__ */ jsx7(
                 Checkbox,
                 {
                   id: "load-latest-eval",
@@ -1351,7 +1371,7 @@ var RunframeCliLeftHeader = (props) => {
                   }
                 }
               ),
-              /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx7(
                 "label",
                 {
                   htmlFor: "load-latest-eval",
@@ -1360,31 +1380,31 @@ var RunframeCliLeftHeader = (props) => {
                 }
               )
             ] }) }),
-            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: [
+            lastRunEvalVersion && /* @__PURE__ */ jsx7(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx7("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs4("span", { className: "rf-text-xs", children: [
               "@tscircuit/eval@",
               lastRunEvalVersion
             ] }) }) }),
-            /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx7(
               DropdownMenuItem,
               {
                 className: "rf-flex rf-items-center rf-gap-2",
                 onClick: () => {
                   window.open("/api/admin", "_blank");
                 },
-                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" }) })
+                children: /* @__PURE__ */ jsx7("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx7("span", { className: "rf-text-xs", children: "CLI Admin Panel" }) })
               }
             )
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx6(AlertDialog, { open: isError, onOpenChange: setIsError, children: /* @__PURE__ */ jsxs4(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsx7(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__ */ jsx7(AlertDialogTitle, { children: "Error Saving Snippet" }),
+          /* @__PURE__ */ jsx7(AlertDialogDescription, { children: errorMessage })
         ] }),
-        /* @__PURE__ */ jsx6(AlertDialogFooter, { children: /* @__PURE__ */ jsx6(AlertDialogCancel, { onClick: () => setIsError(false), children: "Dismiss" }) })
+        /* @__PURE__ */ jsx7(AlertDialogFooter, { children: /* @__PURE__ */ jsx7(AlertDialogCancel, { onClick: () => setIsError(false), children: "Dismiss" }) })
       ] }) }),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         SelectSnippetDialog,
         {
           snippetNames: availableSnippets ?? [],
@@ -1403,7 +1423,7 @@ var RunframeCliLeftHeader = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(
       ImportComponentDialog,
       {
         isOpen: isImportDialogOpen,
@@ -1436,8 +1456,8 @@ var RunframeCliLeftHeader = (props) => {
         }
       }
     ),
-    /* @__PURE__ */ jsx6(Toaster, { position: "top-center", reverseOrder: false }),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(Toaster, { position: "top-center", reverseOrder: false }),
+    /* @__PURE__ */ jsx7(
       orderDialog.OrderDialog,
       {
         isOpen: orderDialog.isOpen,
@@ -1450,13 +1470,13 @@ var RunframeCliLeftHeader = (props) => {
 };
 
 // lib/components/RunFrameForCli/RunFrameForCli.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var RunFrameForCli = (props) => {
   const [shouldLoadLatestEval, setLoadLatestEval] = useLocalStorageState(
     "load-latest-eval",
     true
   );
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     RunFrameWithApi,
     {
       debug: props.debug,
@@ -1464,7 +1484,7 @@ var RunFrameForCli = (props) => {
       defaultToFullScreen: true,
       showToggleFullScreen: false,
       leftHeaderContent: /* @__PURE__ */ jsxs5("div", { className: "rf-flex rf-items-center rf-justify-between", children: [
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           RunframeCliLeftHeader,
           {
             shouldLoadLatestEval,