@tscircuit/runframe 0.0.584 → 0.0.585

package/dist/runner.js

@@ -4,6 +4,12 @@ import {
   Button,
   CadViewer,
   CircuitJsonPreview,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
@@ -22,13 +28,15 @@ import {
   buttonVariants,
   cn,
   debug_default,
+  getRegistryKy,
+  hasRegistryToken,
   linkify,
   registryKy,
   toast,
   useOrderDialog,
   useOrderDialogCli,
   useRunFrameStore
-} from "./chunk-EN6ZVHVR.js";
+} from "./chunk-H7IWDJUR.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";
@@ -727,7 +735,7 @@ function useLocalStorageState(key, initialValue) {
 }
 
 // lib/components/RunFrameForCli/LeftHeader.tsx
-import { useEffect as useEffect8, useMemo as useMemo2, useState as useState6 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo3, useState as useState9 } from "react";
 
 // lib/components/RunFrameForCli/SelectSnippetDialog.tsx
 import { useState as useState4 } from "react";
@@ -1489,6 +1497,210 @@ var exportAndDownload = async ({
   throw new Error(`Unsupported export type: "${exportName}"`);
 };
 
+// lib/components/AiReviewDialog/AiReviewDialog.tsx
+import { useState as useState8 } from "react";
+
+// lib/components/AiReviewDialog/ListAiReviewsView.tsx
+import { useEffect as useEffect8, useState as useState6 } from "react";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var AiReviewListView = ({
+  packageName,
+  onSelectReview
+}) => {
+  const fsMap = useRunFrameStore((s) => s.fsMap);
+  const circuitJson = useRunFrameStore((s) => s.circuitJson);
+  const [reviews, setReviews] = useState6([]);
+  const [loading, setLoading] = useState6(false);
+  const [creating, setCreating] = useState6(false);
+  useEffect8(() => {
+    if (!packageName || !hasRegistryToken()) return;
+    setLoading(true);
+    registryKy.get("ai_reviews/list", { searchParams: { package_name: packageName } }).json().then((data) => setReviews(data.ai_reviews)).catch((err) => {
+      console.error("Failed to load AI reviews", err);
+      toast.error("Failed to load AI reviews");
+    }).finally(() => setLoading(false));
+  }, [packageName]);
+  const requestReview = async () => {
+    if (!circuitJson) {
+      toast.error("Need Circuit JSON to Request AI Review");
+      return;
+    }
+    if (!hasRegistryToken()) {
+      toast.error("Missing registry token");
+      return;
+    }
+    setCreating(true);
+    try {
+      const { ai_review } = await registryKy.post("ai_reviews/create", {
+        json: {
+          package_name: packageName ?? "unknown",
+          fs_map: Object.fromEntries(fsMap),
+          circuit_json: circuitJson
+        }
+      }).json();
+      setReviews((r) => [ai_review, ...r]);
+      onSelectReview(ai_review);
+      toast.success("AI review requested");
+    } catch (err) {
+      console.error("Failed to create AI review", err);
+      toast.error("Failed to request AI review");
+    } finally {
+      setCreating(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    /* @__PURE__ */ jsxs5(DialogHeader, { children: [
+      /* @__PURE__ */ jsx8(DialogTitle, { children: "AI Review" }),
+      /* @__PURE__ */ jsx8(DialogDescription, { children: "Select an AI review or request a new one." })
+    ] }),
+    /* @__PURE__ */ jsx8("div", { className: "rf-flex rf-gap-4 rf-mt-4", children: /* @__PURE__ */ jsx8("div", { className: "rf-w-48 rf-h-64 rf-overflow-y-auto rf-border rf-rounded rf-p-2 rf-flex-shrink-0", children: loading ? /* @__PURE__ */ jsx8("div", { className: "rf-text-sm", children: "Loading..." }) : reviews.length > 0 ? reviews.map((review) => /* @__PURE__ */ jsx8(
+      "div",
+      {
+        className: "rf-text-sm rf-p-2 rf-cursor-pointer rf-rounded hover:rf-bg-zinc-100",
+        onClick: () => onSelectReview(review),
+        children: new Date(review.created_at || "").toLocaleString()
+      },
+      review.ai_review_id
+    )) : /* @__PURE__ */ jsx8("div", { className: "rf-text-sm rf-text-muted-foreground", children: "No AI reviews found." }) }) }),
+    /* @__PURE__ */ jsx8(DialogFooter, { className: "rf-mt-4", children: /* @__PURE__ */ jsx8(Button, { onClick: requestReview, disabled: creating, children: creating ? "Requesting..." : "Review my Board" }) })
+  ] });
+};
+
+// lib/components/AiReviewDialog/ViewAiReviewView.tsx
+import { useEffect as useEffect9, useMemo as useMemo2, useState as useState7 } from "react";
+import { marked } from "marked";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var AiReviewViewView = ({
+  review,
+  onBack
+}) => {
+  const [aiReviewText, setAiReviewText] = useState7(
+    review.ai_review_text ?? null
+  );
+  const registryKy2 = getRegistryKy();
+  const aiReviewId = review.ai_review_id;
+  useEffect9(() => {
+    if (!aiReviewId) return;
+    let timeout;
+    async function loadAiReviewText() {
+      try {
+        const response = await registryKy2.get(
+          "ai_reviews/get",
+          {
+            searchParams: { ai_review_id: aiReviewId }
+          }
+        );
+        const { ai_review: newAiReview } = await response.json();
+        if (newAiReview.ai_review_text) {
+          setAiReviewText(newAiReview.ai_review_text);
+          return;
+        }
+      } catch (e) {
+        console.error("Failed to load AI review text", e);
+      }
+      timeout = setTimeout(loadAiReviewText, 1e3);
+    }
+    timeout = setTimeout(loadAiReviewText, 1e3);
+    return () => clearTimeout(timeout);
+  }, [aiReviewId]);
+  const html = useMemo2(
+    () => marked.parse(review.ai_review_text || ""),
+    [review.ai_review_text]
+  );
+  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
+    /* @__PURE__ */ jsxs6(DialogHeader, { className: "rf-flex rf-flex-row rf-items-center rf-justify-between", children: [
+      /* @__PURE__ */ jsx9(Button, { variant: "ghost", size: "sm", onClick: onBack, children: "Back" }),
+      /* @__PURE__ */ jsx9(DialogTitle, { children: "AI Review" })
+    ] }),
+    aiReviewText ? /* @__PURE__ */ jsx9(
+      "div",
+      {
+        className: "rf-h-64 rf-overflow-y-auto rf-prose rf-max-w-none rf-mt-2",
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    ) : /* @__PURE__ */ jsx9("div", { className: "rf-h-64 rf-overflow-y-auto rf-prose rf-max-w-none rf-mt-2", children: /* @__PURE__ */ jsxs6("div", { className: "rf-flex rf-items-center rf-justify-center rf-h-full", children: [
+      /* @__PURE__ */ jsxs6(
+        "svg",
+        {
+          className: "rf-animate-spin rf-h-6 rf-w-6 rf-text-zinc-400 rf-mr-2",
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ jsx9(
+              "circle",
+              {
+                className: "rf-opacity-25",
+                cx: "12",
+                cy: "12",
+                r: "10",
+                stroke: "currentColor",
+                strokeWidth: "4"
+              }
+            ),
+            /* @__PURE__ */ jsx9(
+              "path",
+              {
+                className: "rf-opacity-75",
+                fill: "currentColor",
+                d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx9("span", { children: "Loading..." })
+    ] }) })
+  ] });
+};
+
+// lib/components/AiReviewDialog/AiReviewDialog.tsx
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+var AiReviewDialog = ({
+  isOpen,
+  onClose,
+  packageName
+}) => {
+  const [stage, setStage] = useState8(
+    "list_reviews"
+  );
+  const [selectedReview, setSelectedReview] = useState8(null);
+  const handleSelect = (review) => {
+    setSelectedReview(review);
+    setStage("view_review");
+  };
+  return /* @__PURE__ */ jsx10(
+    Dialog,
+    {
+      open: isOpen,
+      onOpenChange: (open) => {
+        if (!open) {
+          setStage("list_reviews");
+          setSelectedReview(null);
+          onClose();
+        }
+      },
+      children: /* @__PURE__ */ jsxs7(DialogContent, { className: "rf-max-w-2xl", children: [
+        stage === "list_reviews" && /* @__PURE__ */ jsx10(
+          AiReviewListView,
+          {
+            packageName,
+            onSelectReview: handleSelect
+          }
+        ),
+        stage === "view_review" && selectedReview && /* @__PURE__ */ jsx10(
+          AiReviewViewView,
+          {
+            review: selectedReview,
+            onBack: () => setStage("list_reviews")
+          }
+        )
+      ] })
+    }
+  );
+};
+
 // lib/components/RunFrameForCli/LeftHeader.tsx
 import { Toaster } from "react-hot-toast";
 
@@ -1530,30 +1742,30 @@ var importComponentFromJlcpcb = async (jlcpcbPartNumber) => {
 };
 
 // lib/components/RunFrameForCli/LeftHeader.tsx
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var RunframeCliLeftHeader = (props) => {
   const lastRunEvalVersion = useRunnerStore((s) => s.lastRunEvalVersion);
-  const [snippetName, setSnippetName] = useState6(null);
-  const [hasUnsavedChanges, setHasUnsavedChanges] = useState6(false);
-  const [hasNeverBeenSaved, setHasNeverBeenSaved] = useState6(true);
-  const [isSaving, setIsSaving] = useState6(false);
-  const [requestToSaveSentAt, setRequestToSaveSentAt] = useState6(
+  const [snippetName, setSnippetName] = useState9(null);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState9(false);
+  const [hasNeverBeenSaved, setHasNeverBeenSaved] = useState9(true);
+  const [isSaving, setIsSaving] = useState9(false);
+  const [requestToSaveSentAt, setRequestToSaveSentAt] = useState9(
     null
   );
-  const [availableSnippets, setAvailableSnippets] = useState6(
+  const [availableSnippets, setAvailableSnippets] = useState9(
     null
   );
-  const [isSelectSnippetDialogOpen, setIsSelectSnippetDialogOpen] = useState6(false);
-  const [notificationMessage, setNotificationMessage] = useState6(
+  const [isSelectSnippetDialogOpen, setIsSelectSnippetDialogOpen] = useState9(false);
+  const [notificationMessage, setNotificationMessage] = useState9(
     null
   );
-  const [errorMessage, setErrorMessage] = useState6(null);
-  const [isError, setIsError] = useState6(false);
-  const [isExporting, setisExporting] = useState6(false);
+  const [errorMessage, setErrorMessage] = useState9(null);
+  const [isError, setIsError] = useState9(false);
+  const [isExporting, setisExporting] = useState9(false);
   const orderDialog = useOrderDialogCli();
   const pushEvent = useRunFrameStore((state) => state.pushEvent);
   const recentEvents = useRunFrameStore((state) => state.recentEvents);
-  const firstRenderTime = useMemo2(() => Date.now(), []);
+  const firstRenderTime = useMemo3(() => Date.now(), []);
   useEventHandler((event) => {
     if (new Date(event.created_at).valueOf() < firstRenderTime + 500) return;
     if (event.event_type === "FILE_UPDATED") {
@@ -1578,7 +1790,7 @@ var RunframeCliLeftHeader = (props) => {
       setisExporting(false);
     }
   });
-  useEffect8(() => {
+  useEffect10(() => {
     if (!isSaving || requestToSaveSentAt === null) return;
     const eventsSinceRequestToSave = recentEvents.filter(
       (event) => new Date(event.created_at).valueOf() > requestToSaveSentAt
@@ -1620,12 +1832,13 @@ var RunframeCliLeftHeader = (props) => {
     });
   };
   const circuitJson = useRunFrameStore((state) => state.circuitJson);
-  const [isImportDialogOpen, setIsImportDialogOpen] = useState6(false);
-  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
-    /* @__PURE__ */ jsxs5(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx8(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx8("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "File" }) }),
-      /* @__PURE__ */ jsxs5(DropdownMenuContent, { children: [
-        /* @__PURE__ */ jsx8(
+  const [isImportDialogOpen, setIsImportDialogOpen] = useState9(false);
+  const [isAiReviewDialogOpen, setIsAiReviewDialogOpen] = useState9(false);
+  return /* @__PURE__ */ jsxs8(Fragment4, { children: [
+    /* @__PURE__ */ jsxs8(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx11(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx11("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "File" }) }),
+      /* @__PURE__ */ jsxs8(DropdownMenuContent, { children: [
+        /* @__PURE__ */ jsx11(
           DropdownMenuItem,
           {
             className: "rf-text-xs",
@@ -1634,7 +1847,7 @@ var RunframeCliLeftHeader = (props) => {
             children: isSaving ? "Saving..." : "Push"
           }
         ),
-        parseInt(window.location.port) > 5e3 && /* @__PURE__ */ jsx8(
+        parseInt(window.location.port) > 5e3 && /* @__PURE__ */ jsx11(
           DropdownMenuItem,
           {
             className: "rf-text-xs",
@@ -1644,7 +1857,7 @@ var RunframeCliLeftHeader = (props) => {
             children: "Order"
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx11(
           DropdownMenuItem,
           {
             className: "rf-text-xs",
@@ -1653,8 +1866,22 @@ var RunframeCliLeftHeader = (props) => {
             children: "Import"
           }
         ),
-        /* @__PURE__ */ jsxs5(DropdownMenuSub, { children: [
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx11(
+          DropdownMenuItem,
+          {
+            className: "rf-text-xs",
+            onSelect: () => {
+              if (!hasRegistryToken()) {
+                toast.error("Requires tscircuit token");
+                return;
+              }
+              setIsAiReviewDialogOpen(true);
+            },
+            children: "AI Review"
+          }
+        ),
+        /* @__PURE__ */ jsxs8(DropdownMenuSub, { children: [
+          /* @__PURE__ */ jsx11(
             DropdownMenuSubTrigger,
             {
               className: "rf-text-xs",
@@ -1662,7 +1889,7 @@ var RunframeCliLeftHeader = (props) => {
               children: isExporting ? "Exporting..." : "Export"
             }
           ),
-          /* @__PURE__ */ jsx8(DropdownMenuPortal, { children: /* @__PURE__ */ jsx8(DropdownMenuSubContent, { children: availableExports.map((exp, i) => /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx11(DropdownMenuPortal, { children: /* @__PURE__ */ jsx11(DropdownMenuSubContent, { children: availableExports.map((exp, i) => /* @__PURE__ */ jsx11(
             DropdownMenuItem,
             {
               onSelect: () => {
@@ -1677,16 +1904,16 @@ var RunframeCliLeftHeader = (props) => {
                 });
               },
               disabled: isExporting,
-              children: /* @__PURE__ */ jsx8("span", { className: "rf-text-xs", children: exp.name })
+              children: /* @__PURE__ */ jsx11("span", { className: "rf-text-xs", children: exp.name })
             },
             i
           )) }) })
         ] }),
-        /* @__PURE__ */ jsxs5(DropdownMenuSub, { children: [
-          /* @__PURE__ */ jsx8(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Advanced" }),
-          /* @__PURE__ */ jsx8(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs5(DropdownMenuSubContent, { children: [
-            /* @__PURE__ */ jsx8(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs5("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-              /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs8(DropdownMenuSub, { children: [
+          /* @__PURE__ */ jsx11(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Advanced" }),
+          /* @__PURE__ */ jsx11(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs8(DropdownMenuSubContent, { children: [
+            /* @__PURE__ */ jsx11(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs8("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
+              /* @__PURE__ */ jsx11(
                 Checkbox,
                 {
                   id: "load-latest-eval",
@@ -1696,7 +1923,7 @@ var RunframeCliLeftHeader = (props) => {
                   }
                 }
               ),
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx11(
                 "label",
                 {
                   htmlFor: "load-latest-eval",
@@ -1705,31 +1932,31 @@ var RunframeCliLeftHeader = (props) => {
                 }
               )
             ] }) }),
-            lastRunEvalVersion && /* @__PURE__ */ jsx8(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx8("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs5("span", { className: "rf-text-xs", children: [
+            lastRunEvalVersion && /* @__PURE__ */ jsx11(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx11("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs8("span", { className: "rf-text-xs", children: [
               "@tscircuit/eval@",
               lastRunEvalVersion
             ] }) }) }),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx11(
               DropdownMenuItem,
               {
                 className: "rf-flex rf-items-center rf-gap-2",
                 onClick: () => {
                   window.open("/api/admin", "_blank");
                 },
-                children: /* @__PURE__ */ jsx8("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx8("span", { className: "rf-text-xs", children: "CLI Admin Panel" }) })
+                children: /* @__PURE__ */ jsx11("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx11("span", { className: "rf-text-xs", children: "CLI Admin Panel" }) })
               }
             )
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx8(AlertDialog, { open: isError, onOpenChange: setIsError, children: /* @__PURE__ */ jsxs5(AlertDialogContent, { children: [
-        /* @__PURE__ */ jsxs5(AlertDialogHeader, { children: [
-          /* @__PURE__ */ jsx8(AlertDialogTitle, { children: "Error Saving Snippet" }),
-          /* @__PURE__ */ jsx8(AlertDialogDescription, { children: errorMessage })
+      /* @__PURE__ */ jsx11(AlertDialog, { open: isError, onOpenChange: setIsError, children: /* @__PURE__ */ jsxs8(AlertDialogContent, { children: [
+        /* @__PURE__ */ jsxs8(AlertDialogHeader, { children: [
+          /* @__PURE__ */ jsx11(AlertDialogTitle, { children: "Error Saving Snippet" }),
+          /* @__PURE__ */ jsx11(AlertDialogDescription, { children: errorMessage })
         ] }),
-        /* @__PURE__ */ jsx8(AlertDialogFooter, { children: /* @__PURE__ */ jsx8(AlertDialogCancel, { onClick: () => setIsError(false), children: "Dismiss" }) })
+        /* @__PURE__ */ jsx11(AlertDialogFooter, { children: /* @__PURE__ */ jsx11(AlertDialogCancel, { onClick: () => setIsError(false), children: "Dismiss" }) })
       ] }) }),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx11(
         SelectSnippetDialog,
         {
           snippetNames: availableSnippets ?? [],
@@ -1748,7 +1975,7 @@ var RunframeCliLeftHeader = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx11(
       ImportComponentDialog,
       {
         isOpen: isImportDialogOpen,
@@ -1781,8 +2008,24 @@ var RunframeCliLeftHeader = (props) => {
         }
       }
     ),
-    /* @__PURE__ */ jsx8(Toaster, { position: "top-center", reverseOrder: false }),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx11(
+      AiReviewDialog,
+      {
+        isOpen: isAiReviewDialogOpen,
+        onClose: () => setIsAiReviewDialogOpen(false),
+        packageName: snippetName
+      }
+    ),
+    /* @__PURE__ */ jsx11(
+      Toaster,
+      {
+        position: "top-center",
+        reverseOrder: false,
+        containerStyle: { zIndex: 1e5 },
+        toastOptions: { style: { zIndex: 1e5 } }
+      }
+    ),
+    /* @__PURE__ */ jsx11(
       orderDialog.OrderDialog,
       {
         isOpen: orderDialog.isOpen,
@@ -1795,21 +2038,21 @@ var RunframeCliLeftHeader = (props) => {
 };
 
 // lib/components/RunFrameForCli/RunFrameForCli.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var RunFrameForCli = (props) => {
   const [shouldLoadLatestEval, setLoadLatestEval] = useLocalStorageState(
     "load-latest-eval",
     true
   );
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx12(
     RunFrameWithApi,
     {
       debug: props.debug,
       forceLatestEvalVersion: shouldLoadLatestEval,
       defaultToFullScreen: true,
       showToggleFullScreen: false,
-      leftHeaderContent: /* @__PURE__ */ jsxs6("div", { className: "rf-flex rf-items-center rf-justify-between", children: [
-        /* @__PURE__ */ jsx9(
+      leftHeaderContent: /* @__PURE__ */ jsxs9("div", { className: "rf-flex rf-items-center rf-justify-between", children: [
+        /* @__PURE__ */ jsx12(
           RunframeCliLeftHeader,
           {
             shouldLoadLatestEval,