@tscircuit/runframe 0.0.995 → 0.0.997

package/dist/{chunk-Z3QYGCIG.js → chunk-X3W75RUU.js}

@@ -83,7 +83,7 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { CadViewer } from "@tscircuit/3d-viewer";
-import { useCallback as useCallback2, useEffect as useEffect12, useState as useState15, useMemo as useMemo7 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect12, useState as useState19, useMemo as useMemo8 } from "react";
 
 // lib/components/ErrorFallback.tsx
 import "react";
@@ -1067,7 +1067,7 @@ import {
   CheckIcon,
   EllipsisIcon,
   FullscreenIcon,
-  Loader2 as Loader23,
+  Loader2 as Loader25,
   LoaderCircleIcon,
   MinimizeIcon,
   Circle as Circle2
@@ -1522,7 +1522,7 @@ var useEvalVersions = (allowSelecting) => {
 };
 
 // lib/components/FileMenuLeftHeader.tsx
-import { useEffect as useEffect11, useMemo as useMemo6, useState as useState14 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo7, useState as useState18 } from "react";
 
 // lib/components/RunFrameWithApi/store.ts
 import { applyEditEventsToManualEditsFile } from "@tscircuit/core";
@@ -1937,9 +1937,9 @@ var Checkbox = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
-// lib/components/ImportComponentDialog/ImportComponentDialog.tsx
-import "react";
-import { useState as useState8, useEffect as useEffect7 } from "react";
+// lib/components/ImportComponentDialog2/ImportComponentDialog2.tsx
+import * as React11 from "react";
+import { Loader2 as Loader23 } from "lucide-react";
 
 // lib/components/ui/dialog.tsx
 import * as React9 from "react";
@@ -2025,378 +2025,876 @@ var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
-// lib/components/ImportComponentDialog/ImportComponentDialog.tsx
-import { Loader2, Search, ExternalLink } from "lucide-react";
+// lib/components/ImportComponentDialog2/config.ts
+var SOURCE_CONFIG = {
+  "tscircuit.com": {
+    label: "tscircuit.com",
+    placeholder: "Search tscircuit packages...",
+    emptyMessage: "No packages found"
+  },
+  jlcpcb: {
+    label: "JLCPCB Parts",
+    placeholder: "Search JLCPCB parts (e.g. C14663)...",
+    emptyMessage: "No parts found"
+  },
+  kicad: {
+    label: "KiCad Footprints",
+    placeholder: "Search KiCad footprints...",
+    emptyMessage: "No footprints found"
+  }
+};
 
-// lib/components/ImportComponentDialog/jlc-api.ts
-var searchJLCComponents = async (query, limit = 10) => {
-  try {
-    const encodedQuery = encodeURIComponent(query);
-    const response = await fetch(
-      `https://jlcsearch.tscircuit.com/api/search?limit=${limit}&q=${encodedQuery}`
+// lib/components/ImportComponentDialog2/api/jlcpcb.ts
+import { fetchEasyEDAComponent, convertRawEasyToTsx } from "easyeda/browser";
+var searchJlcpcbComponents = async (query, limit = 10) => {
+  const encodedQuery = encodeURIComponent(query);
+  const response = await fetch(
+    `https://jlcsearch.tscircuit.com/api/search?limit=${limit}&q=${encodedQuery}`
+  );
+  if (!response.ok) {
+    throw new Error(`JLCPCB API error: ${response.status}`);
+  }
+  const data = await response.json();
+  return data.components ?? [];
+};
+var mapJlcpcbComponentToSummary = (component) => ({
+  lcscId: component.lcsc,
+  manufacturer: component.mfr,
+  description: component.description,
+  partNumber: `C${component.lcsc}`,
+  package: component.package,
+  price: component.price
+});
+var loadJlcpcbComponentTsx = async (partNumber, opts) => {
+  const component = await fetchEasyEDAComponent(partNumber, {
+    // @ts-ignore
+    fetch: (url, options) => fetch(`${API_BASE}/proxy`, {
+      ...options,
+      headers: {
+        ...options?.headers,
+        "X-Target-Url": url.toString(),
+        "X-Sender-Origin": options?.headers?.origin ?? "",
+        "X-Sender-Host": options?.headers?.host ?? "https://easyeda.com",
+        "X-Sender-Referer": options?.headers?.referer ?? "",
+        "X-Sender-User-Agent": options?.headers?.userAgent ?? "",
+        "X-Sender-Cookie": options?.headers?.cookie ?? "",
+        ...opts?.headers
+      }
+    })
+  });
+  return convertRawEasyToTsx(component);
+};
+
+// lib/components/ImportComponentDialog2/components/SearchBar.tsx
+import * as React10 from "react";
+import { Loader2, Search } from "lucide-react";
+import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+var SearchBar = ({
+  query,
+  placeholder,
+  isSearching,
+  onQueryChange,
+  onSubmit
+}) => {
+  const handleKeyDown = React10.useCallback(
+    (event) => {
+      if (event.key === "Enter") {
+        event.preventDefault();
+        onSubmit();
+      }
+    },
+    [onSubmit]
+  );
+  return /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-items-center rf-gap-2 rf-mt-4", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "rf-relative rf-flex-grow", children: [
+      /* @__PURE__ */ jsx21(Search, { className: "rf-absolute rf-left-2 rf-top-2.5 rf-h-4 rf-w-4 rf-text-muted-foreground" }),
+      /* @__PURE__ */ jsx21(
+        Input,
+        {
+          placeholder,
+          className: "rf-pl-8",
+          spellCheck: false,
+          autoComplete: "off",
+          value: query,
+          onChange: (event) => onQueryChange(event.target.value),
+          onKeyDown: handleKeyDown
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx21(
+      Button,
+      {
+        onClick: onSubmit,
+        disabled: isSearching || query.trim().length < 1,
+        className: "sm:rf-px-4 rf-px-3",
+        children: isSearching ? /* @__PURE__ */ jsx21(Loader2, { className: "rf-h-4 rf-w-4 rf-animate-spin" }) : /* @__PURE__ */ jsxs15(Fragment3, { children: [
+          /* @__PURE__ */ jsx21(Search, { className: "rf-h-4 rf-w-4 sm:rf-hidden" }),
+          /* @__PURE__ */ jsx21("span", { className: "rf-hidden sm:rf-inline", children: "Search" })
+        ] })
+      }
+    )
+  ] });
+};
+
+// lib/components/ImportComponentDialog2/components/SearchResultsList.tsx
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+var getResultKey = (result) => {
+  switch (result.source) {
+    case "tscircuit.com": {
+      const pkg = result.package;
+      const identifier = pkg.package_id ?? `${pkg.owner_github_username ?? "unknown"}-${pkg.unscoped_name ?? pkg.name ?? "package"}`;
+      return `tscircuit-${identifier}`;
+    }
+    case "jlcpcb":
+      return `jlc-${result.component.lcscId}`;
+    case "kicad":
+      return `kicad-${result.footprint.path}`;
+    default:
+      return "unknown";
+  }
+};
+var getPrimaryText = (result) => {
+  switch (result.source) {
+    case "tscircuit.com":
+      return result.package.unscoped_name;
+    case "jlcpcb":
+      return result.component.manufacturer;
+    case "kicad":
+      return result.footprint.qualifiedName;
+  }
+};
+var getSecondaryText = (result) => {
+  switch (result.source) {
+    case "tscircuit.com":
+      return result.package.description || (result.package.owner_github_username ? `Component by ${result.package.owner_github_username}` : void 0);
+    case "jlcpcb":
+      return result.component.description;
+    case "kicad":
+      return result.footprint.description;
+  }
+};
+var getPartNumberLabel = (result) => {
+  switch (result.source) {
+    case "tscircuit.com":
+      return result.package.name;
+    case "jlcpcb":
+      return result.component.partNumber;
+    case "kicad":
+      return void 0;
+  }
+};
+var SearchResultsList = ({
+  results,
+  selected,
+  onSelect,
+  onShowDetails
+}) => {
+  const selectedKey = selected ? getResultKey(selected) : null;
+  return /* @__PURE__ */ jsx22("div", { className: "rf-divide-y", children: results.map((result) => {
+    const key = getResultKey(result);
+    const isSelected = selectedKey === key;
+    const primary = getPrimaryText(result);
+    const secondary = getSecondaryText(result);
+    const partNumber = getPartNumberLabel(result);
+    return /* @__PURE__ */ jsxs16(
+      "div",
+      {
+        className: `rf-p-3 rf-flex rf-flex-col sm:rf-grid sm:rf-grid-cols-[1fr_auto] rf-items-start sm:rf-items-center rf-cursor-pointer hover:rf-bg-zinc-100 rf-gap-2 ${isSelected ? "rf-bg-zinc-100" : ""}`,
+        onClick: () => onSelect(result),
+        children: [
+          /* @__PURE__ */ jsxs16("div", { className: "rf-min-w-0 rf-overflow-hidden", children: [
+            /* @__PURE__ */ jsx22("div", { className: "rf-font-medium rf-text-sm rf-truncate", children: primary }),
+            /* @__PURE__ */ jsxs16("div", { className: "rf-text-xs rf-text-zinc-500 rf-truncate", children: [
+              partNumber ? /* @__PURE__ */ jsx22("span", { className: "rf-mr-2", children: partNumber }) : null,
+              secondary
+            ] })
+          ] }),
+          result.source === "tscircuit.com" && onShowDetails ? /* @__PURE__ */ jsx22("div", { className: "rf-flex rf-gap-2 rf-flex-shrink-0 rf-w-full sm:rf-w-auto", children: /* @__PURE__ */ jsx22(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "rf-text-xs rf-w-full sm:rf-w-auto",
+              onClick: (event) => {
+                event.stopPropagation();
+                onShowDetails(result);
+              },
+              children: "See Details"
+            }
+          ) }) : null
+        ]
+      },
+      key
     );
-    if (!response.ok) {
-      throw new Error(
-        `JLC API error: ${response.status} ${response.statusText}`
+  }) });
+};
+
+// lib/components/ImportComponentDialog2/components/TscircuitPackageDetailsDialog.tsx
+import { ExternalLink, Loader2 as Loader22 } from "lucide-react";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+var buildPreviewUrl = (pkg, tab) => {
+  if (!pkg?.owner_github_username || !pkg?.unscoped_name) return null;
+  return `https://registry-api.tscircuit.com/packages/images/${pkg.owner_github_username}/${pkg.unscoped_name}/${tab}.png`;
+};
+var TscircuitPackageDetailsDialog = ({
+  packageResult,
+  isOpen,
+  onOpenChange,
+  isLoading,
+  details,
+  previewTab,
+  onPreviewTabChange,
+  isSubmitting,
+  onImport
+}) => {
+  const pkg = packageResult?.package ?? null;
+  const pcbPreviewUrl = buildPreviewUrl(pkg, "pcb");
+  const schematicPreviewUrl = buildPreviewUrl(pkg, "schematic");
+  const packageName = pkg?.unscoped_name?.split("/").pop() ?? pkg?.unscoped_name;
+  const ownerUsername = pkg?.owner_github_username ?? void 0;
+  const ownerUrl = ownerUsername ? `https://tscircuit.com/${ownerUsername}` : void 0;
+  const packageUrl = ownerUsername && packageName ? `https://tscircuit.com/${ownerUsername}/${packageName}` : void 0;
+  return /* @__PURE__ */ jsx23(Dialog, { open: isOpen, onOpenChange, children: /* @__PURE__ */ jsxs17(
+    DialogContent,
+    {
+      showOverlay: false,
+      style: { width: "calc(100vw - 2rem)" },
+      className: "rf-max-w-5xl !rf-overflow-y-auto rf-max-h-[90vh] rf-overflow-hidden rf-flex rf-flex-col rf-rounded-sm",
+      children: [
+        /* @__PURE__ */ jsx23(DialogHeader, { className: "rf-pb-4 rf-border-b", children: /* @__PURE__ */ jsx23("div", { className: "rf-flex rf-items-start rf-justify-between rf-gap-4", children: /* @__PURE__ */ jsxs17("div", { className: "rf-flex-1 rf-min-w-0", children: [
+          /* @__PURE__ */ jsx23(DialogTitle, { className: "rf-text-xl rf-font-semibold rf-truncate", children: packageName }),
+          /* @__PURE__ */ jsx23(DialogDescription, { children: pkg?.description })
+        ] }) }) }),
+        /* @__PURE__ */ jsxs17("div", { className: "rf-flex-1 rf-overflow-y-auto rf-py-4 rf-space-y-6", children: [
+          ownerUsername ? /* @__PURE__ */ jsxs17("div", { children: [
+            /* @__PURE__ */ jsx23("span", { className: "rf-text-xs rf-font-medium rf-text-gray-500 rf-uppercase rf-tracking-wide", children: "Created by" }),
+            /* @__PURE__ */ jsx23("div", { className: "rf-mt-1 rf-text-sm rf-font-medium", children: ownerUrl ? /* @__PURE__ */ jsx23(
+              "a",
+              {
+                href: ownerUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "rf-text-black hover:rf-underline",
+                children: ownerUsername
+              }
+            ) : ownerUsername })
+          ] }) : null,
+          /* @__PURE__ */ jsxs17("div", { children: [
+            /* @__PURE__ */ jsx23("h3", { className: "rf-text-lg rf-font-semibold rf-mb-4", children: "Preview" }),
+            /* @__PURE__ */ jsxs17(
+              Tabs,
+              {
+                value: previewTab,
+                onValueChange: (value) => onPreviewTabChange(value),
+                children: [
+                  /* @__PURE__ */ jsxs17(TabsList, { className: "rf-inline-flex rf-h-9 rf-items-center rf-justify-center rf-rounded-lg rf-bg-zinc-100 rf-p-1 rf-text-zinc-500 dark:rf-bg-zinc-800 dark:rf-text-zinc-400", children: [
+                    /* @__PURE__ */ jsx23(TabsTrigger, { value: "pcb", children: "PCB" }),
+                    /* @__PURE__ */ jsx23(TabsTrigger, { value: "schematic", children: "Schematic" })
+                  ] }),
+                  /* @__PURE__ */ jsxs17("div", { className: "rf-mt-4", children: [
+                    /* @__PURE__ */ jsx23(
+                      TabsContent,
+                      {
+                        value: "pcb",
+                        className: "rf-border rf-rounded-lg rf-overflow-hidden rf-bg-gray-50",
+                        children: pcbPreviewUrl ? /* @__PURE__ */ jsx23(
+                          "img",
+                          {
+                            src: pcbPreviewUrl,
+                            alt: `${packageName ?? "package"} PCB preview`,
+                            className: "rf-w-full rf-h-full rf-object-contain rf-bg-white rf-p-4"
+                          }
+                        ) : null
+                      }
+                    ),
+                    /* @__PURE__ */ jsx23(
+                      TabsContent,
+                      {
+                        value: "schematic",
+                        className: "rf-border rf-rounded-lg rf-overflow-hidden rf-bg-gray-50",
+                        children: schematicPreviewUrl ? /* @__PURE__ */ jsx23(
+                          "img",
+                          {
+                            src: schematicPreviewUrl,
+                            alt: `${packageName ?? "package"} schematic preview`,
+                            className: "rf-w-full rf-h-full rf-object-contain rf-bg-white rf-p-4"
+                          }
+                        ) : null
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          details?.ai_description ? /* @__PURE__ */ jsxs17("section", { children: [
+            /* @__PURE__ */ jsx23("h3", { className: "rf-text-lg rf-font-semibold rf-mb-3", children: "AI Description" }),
+            /* @__PURE__ */ jsx23("div", { className: "rf-bg-gray-50 rf-border rf-border-gray-200 rf-rounded-lg rf-p-4", children: /* @__PURE__ */ jsx23("p", { className: "rf-text-sm rf-text-gray-700 rf-leading-relaxed", children: details.ai_description }) })
+          ] }) : null,
+          details?.ai_usage_instructions ? /* @__PURE__ */ jsxs17("section", { children: [
+            /* @__PURE__ */ jsx23("h3", { className: "rf-text-lg rf-font-semibold rf-mb-3", children: "Usage Instructions" }),
+            /* @__PURE__ */ jsx23("div", { className: "rf-bg-gray-50 rf-border rf-border-gray-200 rf-rounded-lg rf-p-4", children: /* @__PURE__ */ jsx23("p", { className: "rf-text-sm rf-text-gray-700 rf-leading-relaxed rf-whitespace-pre-wrap", children: details.ai_usage_instructions }) })
+          ] }) : null,
+          isLoading ? /* @__PURE__ */ jsxs17("div", { className: "rf-flex rf-justify-center rf-items-center rf-gap-2 rf-text-gray-500", children: [
+            /* @__PURE__ */ jsx23(Loader22, { className: "rf-h-4 rf-w-4 rf-animate-spin" }),
+            /* @__PURE__ */ jsx23("span", { className: "rf-text-sm", children: "Loading package details..." })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsxs17(DialogFooter, { className: "rf-pt-4 rf-border-t rf-flex rf-flex-col sm:rf-flex-row rf-justify-between rf-gap-2", children: [
+          /* @__PURE__ */ jsx23("div", { className: "rf-flex-1", children: packageUrl ? /* @__PURE__ */ jsxs17(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "rf-gap-2 rf-w-full sm:rf-w-auto",
+              onClick: () => window.open(packageUrl, "_blank"),
+              children: [
+                /* @__PURE__ */ jsx23(ExternalLink, { className: "rf-h-4 rf-w-4" }),
+                "View on tscircuit.com"
+              ]
+            }
+          ) : null }),
+          /* @__PURE__ */ jsxs17("div", { className: "rf-flex rf-flex-col sm:rf-flex-row rf-gap-2", children: [
+            /* @__PURE__ */ jsx23(
+              Button,
+              {
+                variant: "outline",
+                onClick: () => onOpenChange(false),
+                className: "rf-order-2 sm:rf-order-1",
+                children: "Close"
+              }
+            ),
+            /* @__PURE__ */ jsx23(
+              Button,
+              {
+                onClick: onImport,
+                disabled: isSubmitting,
+                className: "rf-bg-blue-600 hover:rf-bg-blue-700",
+                children: isSubmitting ? /* @__PURE__ */ jsx23(Loader22, { className: "rf-h-4 rf-w-4 rf-animate-spin" }) : "Import Component"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) });
+};
+
+// lib/components/ImportComponentDialog2/hooks/useTscircuitPackageDetails.ts
+import { useCallback as useCallback2, useState as useState8 } from "react";
+var useTscircuitPackageDetails = () => {
+  const [details, setDetails] = useState8(null);
+  const [isLoading, setIsLoading] = useState8(false);
+  const fetchDetails = useCallback2(async (owner, name) => {
+    setIsLoading(true);
+    try {
+      const response = await fetch(
+        `https://api.tscircuit.com/packages/get?name=${encodeURIComponent(`${owner}/${name}`)}`
+      );
+      if (!response.ok) {
+        throw new Error(`Failed to load package details: ${response.status}`);
+      }
+      const data = await response.json();
+      setDetails(
+        data.package ?? null
       );
+    } catch (error) {
+      console.error("Failed to fetch package details", error);
+      setDetails(null);
+    } finally {
+      setIsLoading(false);
     }
-    const data = await response.json();
-    return data.components || [];
-  } catch (error) {
-    console.error("Error searching JLC components:", error);
-    throw error;
+  }, []);
+  const reset = useCallback2(() => {
+    setDetails(null);
+    setIsLoading(false);
+  }, []);
+  return {
+    details,
+    isLoading,
+    fetchDetails,
+    reset
+  };
+};
+
+// lib/components/ImportComponentDialog2/hooks/useTscircuitPackageSearch.ts
+import { useCallback as useCallback3, useState as useState9 } from "react";
+
+// lib/components/ImportComponentDialog2/api/tscircuit.ts
+var searchTscircuitPackages = async (query) => {
+  const response = await fetch(
+    "https://registry-api.tscircuit.com/packages/search",
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ query })
+    }
+  );
+  if (!response.ok) {
+    throw new Error(`tscircuit registry error: ${response.status}`);
   }
+  const data = await response.json();
+  return data.packages ?? [];
 };
-var mapJLCComponentToSearchResult = (jlcComponent) => {
+
+// lib/components/ImportComponentDialog2/hooks/useTscircuitPackageSearch.ts
+var useTscircuitPackageSearch = () => {
+  const [results, setResults] = useState9([]);
+  const [isSearching, setIsSearching] = useState9(false);
+  const [error, setError] = useState9(null);
+  const [hasSearched, setHasSearched] = useState9(false);
+  const search = useCallback3(async (query) => {
+    const trimmedQuery = query.trim();
+    if (!trimmedQuery) return [];
+    setIsSearching(true);
+    setError(null);
+    try {
+      const packages = await searchTscircuitPackages(trimmedQuery);
+      const mappedResults = packages.map((pkg) => ({
+        source: "tscircuit.com",
+        package: pkg
+      }));
+      setResults(mappedResults);
+      return mappedResults;
+    } catch (error2) {
+      console.error("Error searching tscircuit packages", error2);
+      setResults([]);
+      setError(
+        error2 instanceof Error ? error2.message : "Failed to search tscircuit packages"
+      );
+      return [];
+    } finally {
+      setIsSearching(false);
+      setHasSearched(true);
+    }
+  }, []);
+  const reset = useCallback3(() => {
+    setResults([]);
+    setIsSearching(false);
+    setError(null);
+    setHasSearched(false);
+  }, []);
   return {
-    id: `jlc-${jlcComponent.lcsc}`,
-    name: jlcComponent.mfr,
-    description: jlcComponent.description,
-    source: "jlcpcb",
-    partNumber: `C${jlcComponent.lcsc}`,
-    package: jlcComponent.package,
-    price: jlcComponent.price
+    results,
+    isSearching,
+    error,
+    hasSearched,
+    search,
+    reset
   };
 };
 
-// lib/components/ImportComponentDialog/kicad-api.ts
+// lib/components/ImportComponentDialog2/hooks/useJlcpcbComponentSearch.ts
+import { useCallback as useCallback4, useState as useState10 } from "react";
+var normalizeQuery = (query) => {
+  const trimmedQuery = query.trim();
+  const isPartNumber = /^C\d+/i.test(trimmedQuery);
+  if (isPartNumber) {
+    return trimmedQuery.replace(/^C/i, "");
+  }
+  return trimmedQuery;
+};
+var useJlcpcbComponentSearch = () => {
+  const [results, setResults] = useState10([]);
+  const [isSearching, setIsSearching] = useState10(false);
+  const [error, setError] = useState10(null);
+  const [hasSearched, setHasSearched] = useState10(false);
+  const search = useCallback4(async (query) => {
+    const normalizedQuery = normalizeQuery(query);
+    if (!normalizedQuery) return [];
+    setIsSearching(true);
+    setError(null);
+    try {
+      const components = await searchJlcpcbComponents(normalizedQuery, 10);
+      const mappedResults = components.map((component) => ({
+        source: "jlcpcb",
+        component: mapJlcpcbComponentToSummary(component)
+      }));
+      setResults(mappedResults);
+      return mappedResults;
+    } catch (error2) {
+      console.error("Error searching JLCPCB components", error2);
+      setResults([]);
+      setError(
+        error2 instanceof Error ? error2.message : "Failed to search JLCPCB components"
+      );
+      return [];
+    } finally {
+      setIsSearching(false);
+      setHasSearched(true);
+    }
+  }, []);
+  const reset = useCallback4(() => {
+    setResults([]);
+    setIsSearching(false);
+    setError(null);
+    setHasSearched(false);
+  }, []);
+  return {
+    results,
+    isSearching,
+    error,
+    hasSearched,
+    search,
+    reset
+  };
+};
+
+// lib/components/ImportComponentDialog2/hooks/useKicadFootprintSearch.ts
+import { useCallback as useCallback5, useState as useState11 } from "react";
+
+// lib/components/ImportComponentDialog2/api/kicad.ts
 import Fuse from "fuse.js";
-var KICAD_FOOTPRINTS = null;
-var KICAD_FOOTPRINTS_PROMISE = null;
-var getKicadFootprints = async () => {
-  if (KICAD_FOOTPRINTS) return KICAD_FOOTPRINTS;
-  if (KICAD_FOOTPRINTS_PROMISE) return KICAD_FOOTPRINTS_PROMISE;
-  KICAD_FOOTPRINTS_PROMISE = fetch(
+var footprintsCache = null;
+var footprintsPromise = null;
+var fuse = null;
+var ensureFootprints = async () => {
+  if (footprintsCache) return footprintsCache;
+  if (footprintsPromise) return footprintsPromise;
+  footprintsPromise = fetch(
     "https://kicad-mod-cache.tscircuit.com/kicad_files.json"
-  ).then((r) => r.json()).then((footprints) => {
-    KICAD_FOOTPRINTS = footprints;
-    KICAD_FOOTPRINTS_PROMISE = null;
+  ).then((response) => response.json()).then((footprints) => {
+    footprintsCache = footprints;
+    footprintsPromise = null;
     return footprints;
   });
-  return KICAD_FOOTPRINTS_PROMISE;
+  return footprintsPromise;
 };
-var fuse = null;
 var searchKicadFootprints = async (query, limit = 20) => {
-  const footprints = await getKicadFootprints();
+  const footprints = await ensureFootprints();
   if (!fuse) {
     fuse = new Fuse(footprints);
   }
-  return fuse.search(query).slice(0, limit).map((r) => r.item);
+  return fuse.search(query).slice(0, limit).map((result) => result.item);
 };
-var mapKicadFootprintToSearchResult = (footprintPath) => {
+var mapKicadFootprintToSummary = (footprintPath) => {
   const cleanedFootprint = footprintPath.replace(".pretty/", ":").replace(".kicad_mod", "");
   const footprintString = `kicad:${cleanedFootprint}`;
   return {
-    id: `kicad-${footprintPath}`,
-    name: footprintString,
-    description: cleanedFootprint,
-    source: "kicad"
+    path: footprintPath,
+    qualifiedName: footprintString,
+    description: cleanedFootprint
   };
 };
 
-// lib/components/ImportComponentDialog/tscircuit-registry-api.ts
-var searchTscircuitComponents = async (query) => {
-  try {
-    const response = await fetch(
-      "https://registry-api.tscircuit.com/packages/search",
-      {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({ query })
-      }
-    );
-    if (!response.ok) {
-      throw new Error(
-        `tscircuit Registry API error: ${response.status} ${response.statusText}`
+// lib/components/ImportComponentDialog2/hooks/useKicadFootprintSearch.ts
+var useKicadFootprintSearch = () => {
+  const [results, setResults] = useState11([]);
+  const [isSearching, setIsSearching] = useState11(false);
+  const [error, setError] = useState11(null);
+  const [hasSearched, setHasSearched] = useState11(false);
+  const search = useCallback5(async (query) => {
+    const trimmedQuery = query.trim();
+    if (!trimmedQuery) return [];
+    setIsSearching(true);
+    setError(null);
+    try {
+      const footprints = await searchKicadFootprints(trimmedQuery, 20);
+      const mappedResults = footprints.map((footprintPath) => ({
+        source: "kicad",
+        footprint: mapKicadFootprintToSummary(footprintPath)
+      }));
+      setResults(mappedResults);
+      return mappedResults;
+    } catch (error2) {
+      console.error("Error searching KiCad footprints", error2);
+      setResults([]);
+      setError(
+        error2 instanceof Error ? error2.message : "Failed to search KiCad footprints"
       );
+      return [];
+    } finally {
+      setIsSearching(false);
+      setHasSearched(true);
     }
-    const data = await response.json();
-    return data.packages || [];
-  } catch (error) {
-    console.error("Error searching tscircuit components:", error);
-    throw error;
-  }
-};
-var mapTscircuitSnippetToSearchResult = (tscircuitSnippet) => {
+  }, []);
+  const reset = useCallback5(() => {
+    setResults([]);
+    setIsSearching(false);
+    setError(null);
+    setHasSearched(false);
+  }, []);
   return {
-    id: `tscircuit-${tscircuitSnippet.package_id}`,
-    name: tscircuitSnippet.unscoped_name,
-    description: tscircuitSnippet.description || `Component by ${tscircuitSnippet.owner_github_username}`,
-    source: "tscircuit.com",
-    partNumber: tscircuitSnippet.name,
-    owner: String(tscircuitSnippet.owner_github_username)
+    results,
+    isSearching,
+    error,
+    hasSearched,
+    search,
+    reset
   };
 };
 
-// lib/optional-features/importing/import-component-from-jlcpcb.ts
-import { fetchEasyEDAComponent, convertRawEasyToTsx } from "easyeda/browser";
-import ky from "ky";
-var importComponentFromJlcpcb = async (jlcpcbPartNumber, opts) => {
-  const component = await fetchEasyEDAComponent(jlcpcbPartNumber, {
-    // @ts-ignore
-    fetch: (url, options) => {
-      return fetch(`${API_BASE}/proxy`, {
-        ...options,
-        headers: {
-          ...options?.headers,
-          "X-Target-Url": url.toString(),
-          "X-Sender-Origin": options?.headers?.origin ?? "",
-          "X-Sender-Host": options?.headers?.host ?? "https://easyeda.com",
-          "X-Sender-Referer": options?.headers?.referer ?? "",
-          "X-Sender-User-Agent": options?.headers?.userAgent ?? "",
-          "X-Sender-Cookie": options?.headers?.cookie ?? "",
-          ...opts?.headers
-        }
-      });
-    }
-  });
-  const tsx = await convertRawEasyToTsx(component);
-  const fileName = tsx.match(/export const (\w+) = .*/)?.[1];
-  if (!fileName) {
-    console.error("COULD NOT DETERMINE FILE NAME OF CONVERTED COMPONENT:", tsx);
-    throw new Error(`Could not determine file name of converted component`);
-  }
-  const filePath = `imports/${fileName}.tsx`;
-  await ky.post(`${API_BASE}/files/upsert`, {
-    json: {
-      file_path: filePath,
-      text_content: tsx
-    }
-  });
-  return { filePath };
+// lib/components/ImportComponentDialog2/ImportComponentDialog2.tsx
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+var computeAvailableSources = ({
+  onTscircuitPackageSelected,
+  onJlcpcbComponentTsxLoaded,
+  onKicadStringSelected
+}) => {
+  const sources = [];
+  if (onTscircuitPackageSelected) sources.push("tscircuit.com");
+  if (onJlcpcbComponentTsxLoaded) sources.push("jlcpcb");
+  if (onKicadStringSelected) sources.push("kicad");
+  return sources;
 };
-
-// lib/utils/toast.ts
-import { toast } from "react-hot-toast";
-
-// lib/components/ImportComponentDialog/ImportComponentDialog.tsx
-import Debug2 from "debug";
-import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
-var debug3 = Debug2("run-frame:ImportComponentDialog");
-var ImportComponentDialog = ({
+var ImportComponentDialog2 = ({
   isOpen,
   onClose,
-  proxyRequestHeaders,
-  onImport
+  jlcpcbProxyRequestHeaders,
+  onKicadStringSelected,
+  onTscircuitPackageSelected,
+  onJlcpcbComponentTsxLoaded
 }) => {
-  const [searchQuery, setSearchQuery] = useState8("");
-  const [searchResults, setSearchResults] = useState8(
-    []
+  const availableSources = React11.useMemo(
+    () => computeAvailableSources({
+      onKicadStringSelected,
+      onTscircuitPackageSelected,
+      onJlcpcbComponentTsxLoaded
+    }),
+    [
+      onKicadStringSelected,
+      onTscircuitPackageSelected,
+      onJlcpcbComponentTsxLoaded
+    ]
   );
-  const [hasSearched, setHasSearched] = useState8(false);
-  const [isLoading, setIsLoading] = useState8(false);
-  const [selectedComponent, setSelectedComponent] = useState8(null);
-  const [activeTab, setActiveTab] = useState8("tscircuit.com");
-  const [detailsOpen, setDetailsOpen] = useState8(false);
-  const [detailsComponent, setDetailsComponent] = useState8(null);
-  const [packageDetails, setPackageDetails] = useState8(null);
-  const [packageDetailsLoading, setPackageDetailsLoading] = useState8(false);
-  const [previewActiveTab, setPreviewActiveTab] = useState8(
-    "pcb"
+  const hasSources = availableSources.length > 0;
+  const [activeSource, setActiveSource] = React11.useState(
+    availableSources[0] ?? "tscircuit.com"
   );
-  const pushEvent = useRunFrameStore((s) => s.pushEvent);
-  const handleImport = onImport ? (component) => onImport(component) : (component) => {
-    toast.promise(
-      async () => {
-        if (component.source === "tscircuit.com") {
-          await pushEvent({
-            event_type: "INSTALL_PACKAGE",
-            full_package_name: `@tsci/${component.owner}.${component.name}`
-          });
-          throw new Error("Not implemented");
-        } else if (component.source === "jlcpcb") {
-          const { filePath } = await importComponentFromJlcpcb(
-            component.partNumber,
-            { headers: proxyRequestHeaders }
-          );
-          return { filePath };
-        } else if (component.source === "kicad") {
-          await navigator.clipboard.writeText(component.name);
-          return { footprint: component.name };
-        }
-      },
-      {
-        loading: `Importing component: "${component.name}"`,
-        error: (error) => {
-          console.error("IMPORT ERROR", error);
-          return `Error importing component: "${component.name}": ${error.toString()}`;
-        },
-        success: (data) => {
-          if (data?.footprint) {
-            return `Copied "${data.footprint}" to clipboard`;
-          }
-          return data?.filePath ? `Imported to "${data.filePath}"` : "Import Successful";
-        }
-      }
-    );
+  const [searchQuery, setSearchQuery] = React11.useState("");
+  const [selectedSearchResult, setSelectedSearchResult] = React11.useState(null);
+  const {
+    results: tscircuitResults,
+    isSearching: isTscircuitSearching,
+    error: tscircuitError,
+    hasSearched: hasTscircuitSearched,
+    search: searchTscircuit,
+    reset: resetTscircuitSearch
+  } = useTscircuitPackageSearch();
+  const {
+    results: jlcpcbResults,
+    isSearching: isJlcpcbSearching,
+    error: jlcpcbError,
+    hasSearched: hasJlcpcbSearched,
+    search: searchJlcpcb,
+    reset: resetJlcpcbSearch
+  } = useJlcpcbComponentSearch();
+  const {
+    results: kicadResults,
+    isSearching: isKicadSearching,
+    error: kicadError,
+    hasSearched: hasKicadSearched,
+    search: searchKicad,
+    reset: resetKicadSearch
+  } = useKicadFootprintSearch();
+  const {
+    details: packageDetails,
+    isLoading: isPackageDetailsLoading,
+    fetchDetails: fetchPackageDetails,
+    reset: resetPackageDetails
+  } = useTscircuitPackageDetails();
+  const [componentForDetails, setComponentForDetails] = React11.useState(null);
+  const [isDetailsDialogOpen, setIsDetailsDialogOpen] = React11.useState(false);
+  const [detailsPreviewTab, setDetailsPreviewTab] = React11.useState("pcb");
+  const [importErrorMessage, setImportErrorMessage] = React11.useState(null);
+  const [isSubmittingImport, setIsSubmittingImport] = React11.useState(false);
+  React11.useEffect(() => {
+    setImportErrorMessage(null);
+  }, [selectedSearchResult]);
+  const resetAllSearches = React11.useCallback(() => {
+    resetTscircuitSearch();
+    resetJlcpcbSearch();
+    resetKicadSearch();
+    setSelectedSearchResult(null);
+  }, [resetJlcpcbSearch, resetKicadSearch, resetTscircuitSearch]);
+  React11.useEffect(() => {
+    if (!isOpen) {
+      resetAllSearches();
+      setSearchQuery("");
+      setIsDetailsDialogOpen(false);
+      setComponentForDetails(null);
+      setImportErrorMessage(null);
+    }
+  }, [isOpen, resetAllSearches]);
+  React11.useEffect(() => {
+    setSearchQuery("");
+    setSelectedSearchResult(null);
+    if (activeSource === "tscircuit.com") {
+      resetTscircuitSearch();
+    } else if (activeSource === "jlcpcb") {
+      resetJlcpcbSearch();
+    } else if (activeSource === "kicad") {
+      resetKicadSearch();
+    }
+  }, [activeSource, resetJlcpcbSearch, resetKicadSearch, resetTscircuitSearch]);
+  const handleShowDetails = (component) => {
+    setSelectedSearchResult(component);
+    setComponentForDetails(component);
+    setDetailsPreviewTab("pcb");
+    setIsDetailsDialogOpen(true);
+    resetPackageDetails();
+    const owner = component.package.owner_github_username;
+    const unscopedName = component.package.unscoped_name;
+    if (owner && unscopedName) {
+      const packageName = unscopedName.split("/").pop() ?? unscopedName;
+      fetchPackageDetails(owner, packageName);
+    }
   };
-  const fetchPackageDetails = async (owner, name) => {
-    setPackageDetailsLoading(true);
-    try {
-      const response = await fetch(
-        `https://registry-api.tscircuit.com/packages/get?name=${encodeURIComponent(`${owner}/${name}`)}`
-      );
-      if (response.ok) {
-        const data = await response.json();
-        setPackageDetails(data.package || null);
-      }
-    } catch (error) {
-      console.error("Error fetching package details:", error);
-      setPackageDetails(null);
-    } finally {
-      setPackageDetailsLoading(false);
+  const performSearch = async () => {
+    const trimmedQuery = searchQuery.trim();
+    if (!trimmedQuery) return;
+    setSelectedSearchResult(null);
+    if (activeSource === "tscircuit.com") {
+      await searchTscircuit(searchQuery);
+    } else if (activeSource === "jlcpcb") {
+      await searchJlcpcb(searchQuery);
+    } else if (activeSource === "kicad") {
+      await searchKicad(searchQuery);
     }
   };
-  const handleSearch = async () => {
-    if (!searchQuery.trim()) return;
-    setIsLoading(true);
-    const isJlcPartNumber = /^C\d+/.test(searchQuery);
+  const performActionForComponent = async (result) => {
     try {
-      if (activeTab === "jlcpcb") {
-        const query = isJlcPartNumber ? searchQuery.substring(1) : searchQuery;
-        const jlcComponents = await searchJLCComponents(query, 10);
-        const mappedResults = jlcComponents.map(mapJLCComponentToSearchResult);
-        setSearchResults(mappedResults);
-      } else if (activeTab === "kicad") {
-        const kicadFootprints = await searchKicadFootprints(searchQuery, 20);
-        const mappedResults = kicadFootprints.map(
-          mapKicadFootprintToSearchResult
-        );
-        setSearchResults(mappedResults);
-      } else {
-        const tscircuitComponents = await searchTscircuitComponents(searchQuery);
-        const mappedResults = tscircuitComponents.map(
-          mapTscircuitSnippetToSearchResult
-        );
-        setSearchResults(mappedResults);
+      setImportErrorMessage(null);
+      setIsSubmittingImport(true);
+      if (result.source === "kicad") {
+        if (!onKicadStringSelected) {
+          throw new Error("KiCad handler not provided");
+        }
+        await onKicadStringSelected({
+          result,
+          footprint: result.footprint.qualifiedName
+        });
+      } else if (result.source === "jlcpcb") {
+        if (!onJlcpcbComponentTsxLoaded) {
+          throw new Error("JLCPCB handler not provided");
+        }
+        const tsx = await loadJlcpcbComponentTsx(result.component.partNumber, {
+          headers: jlcpcbProxyRequestHeaders
+        });
+        await onJlcpcbComponentTsxLoaded({ result, tsx });
+      } else if (result.source === "tscircuit.com") {
+        if (!onTscircuitPackageSelected) {
+          throw new Error("tscircuit package handler not provided");
+        }
+        const owner = result.package.owner_github_username;
+        const unscopedName = result.package.unscoped_name;
+        if (!owner || !unscopedName) {
+          throw new Error("Missing package metadata");
+        }
+        const packageName = unscopedName.split("/").pop() ?? unscopedName;
+        const fullPackageName = `@tsci/${owner}.${packageName}`;
+        await onTscircuitPackageSelected({
+          result,
+          fullPackageName
+        });
       }
+      return true;
     } catch (error) {
-      console.error("Error searching components:", error);
-      setSearchResults([]);
+      console.error("Failed to import component", error);
+      setImportErrorMessage(
+        error instanceof Error ? error.message : "Failed to import component"
+      );
+      return false;
     } finally {
-      setIsLoading(false);
-      setHasSearched(true);
+      setIsSubmittingImport(false);
     }
   };
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter") {
-      handleSearch();
+  let searchResults = [];
+  let isSearching = false;
+  let searchError = null;
+  let hasExecutedSearch = false;
+  if (activeSource === "tscircuit.com") {
+    searchResults = tscircuitResults;
+    isSearching = isTscircuitSearching;
+    searchError = tscircuitError;
+    hasExecutedSearch = hasTscircuitSearched;
+  } else if (activeSource === "jlcpcb") {
+    searchResults = jlcpcbResults;
+    isSearching = isJlcpcbSearching;
+    searchError = jlcpcbError;
+    hasExecutedSearch = hasJlcpcbSearched;
+  } else if (activeSource === "kicad") {
+    searchResults = kicadResults;
+    isSearching = isKicadSearching;
+    searchError = kicadError;
+    hasExecutedSearch = hasKicadSearched;
+  }
+  const handleConfirm = async () => {
+    if (!selectedSearchResult) return;
+    const succeeded = await performActionForComponent(selectedSearchResult);
+    if (succeeded) {
+      onClose();
+      resetAllSearches();
+      setSearchQuery("");
+    }
+  };
+  const handleDialogClose = (open) => {
+    if (!open) {
+      onClose();
     }
   };
-  useEffect7(() => {
-    setSearchResults([]);
-    setSelectedComponent(null);
-  }, [activeTab]);
-  const showDetails = (component) => {
-    setDetailsComponent(component);
-    setDetailsOpen(true);
-    setPackageDetails(null);
-    setPreviewActiveTab("pcb");
-    if (component.source === "tscircuit.com" && component.owner) {
-      const packageName = component.name.split("/").pop() || component.name;
-      fetchPackageDetails(component.owner, packageName);
+  const handleDetailsClose = (open) => {
+    setIsDetailsDialogOpen(open);
+    if (!open) {
+      setComponentForDetails(null);
     }
   };
-  return /* @__PURE__ */ jsxs15(Dialog, { open: isOpen, onOpenChange: () => onClose(), children: [
-    /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs18(Dialog, { open: isOpen, onOpenChange: handleDialogClose, children: [
+    /* @__PURE__ */ jsxs18(
       DialogContent,
       {
-        style: {
-          width: "calc(100vw - 2rem)"
-        },
+        style: { width: "calc(100vw - 2rem)" },
         className: "rf-rounded-sm rf-max-h-[90vh] rf-overflow-y-auto rf-flex rf-flex-col",
         children: [
-          /* @__PURE__ */ jsxs15(DialogHeader, { children: [
-            /* @__PURE__ */ jsx21(DialogTitle, { className: "rf-text-lg sm:rf-text-xl", children: "Import Component" }),
-            /* @__PURE__ */ jsx21(DialogDescription, { className: "rf-text-sm", children: "Search for components from tscircuit.com or JLCPCB parts library." })
+          /* @__PURE__ */ jsxs18(DialogHeader, { children: [
+            /* @__PURE__ */ jsx24(DialogTitle, { className: "rf-text-lg sm:rf-text-xl", children: "Import Component" }),
+            /* @__PURE__ */ jsx24(DialogDescription, { className: "rf-text-sm", children: hasSources ? "Search for components from available sources." : "Import options are disabled because no handlers were provided." })
           ] }),
-          /* @__PURE__ */ jsxs15(
+          hasSources ? /* @__PURE__ */ jsxs18(
             Tabs,
             {
-              value: activeTab,
-              onValueChange: (value) => setActiveTab(value),
+              value: activeSource,
+              onValueChange: (value) => setActiveSource(value),
               children: [
-                /* @__PURE__ */ jsxs15(TabsList, { className: "rf-grid rf-w-full rf-grid-cols-1 sm:rf-grid-cols-3 rf-h-auto", children: [
-                  /* @__PURE__ */ jsx21(
-                    TabsTrigger,
-                    {
-                      value: "tscircuit.com",
-                      className: "rf-text-xs sm:rf-text-sm",
-                      children: "tscircuit.com"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx21(TabsTrigger, { value: "jlcpcb", className: "rf-text-xs sm:rf-text-sm", children: "JLCPCB Parts" }),
-                  /* @__PURE__ */ jsx21(TabsTrigger, { value: "kicad", className: "rf-text-xs sm:rf-text-sm", children: "KiCad" })
-                ] }),
-                /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-items-center rf-gap-2 rf-mt-4", children: [
-                  /* @__PURE__ */ jsxs15("div", { className: "rf-relative rf-flex-grow", children: [
-                    /* @__PURE__ */ jsx21(Search, { className: "rf-absolute rf-left-2 rf-top-2.5 rf-h-4 rf-w-4 rf-text-muted-foreground" }),
-                    /* @__PURE__ */ jsx21(
-                      Input,
-                      {
-                        placeholder: activeTab === "tscircuit.com" ? "Search components..." : activeTab === "kicad" ? "Search KiCad footprints..." : "Search JLCPCB parts (e.g. C14663)...",
-                        className: "rf-pl-8",
-                        spellCheck: false,
-                        autoComplete: "off",
-                        value: searchQuery,
-                        onChange: (e) => setSearchQuery(e.target.value),
-                        onKeyDown: handleKeyDown
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsx21(
-                    Button,
-                    {
-                      onClick: handleSearch,
-                      disabled: isLoading || searchQuery.trim().length < 1,
-                      className: "sm:rf-px-4 rf-px-3",
-                      children: isLoading ? /* @__PURE__ */ jsx21(Loader2, { className: "rf-h-4 rf-w-4 rf-animate-spin" }) : /* @__PURE__ */ jsxs15(Fragment3, { children: [
-                        /* @__PURE__ */ jsx21(Search, { className: "rf-h-4 rf-w-4 sm:rf-hidden" }),
-                        /* @__PURE__ */ jsx21("span", { className: "rf-hidden sm:rf-inline", children: "Search" })
-                      ] })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx21("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__ */ jsx21("div", { className: "rf-divide-y", children: searchResults.map((result) => /* @__PURE__ */ jsxs15(
-                  "div",
+                /* @__PURE__ */ jsx24(TabsList, { className: "rf-flex rf-w-full rf-gap-2", children: availableSources.map((source) => /* @__PURE__ */ jsx24(
+                  TabsTrigger,
                   {
-                    className: `rf-p-3 rf-flex rf-flex-col sm:rf-grid sm:rf-grid-cols-[1fr_auto] rf-items-start sm:rf-items-center rf-cursor-pointer hover:rf-bg-zinc-100 rf-gap-2 ${selectedComponent?.id === result.id ? "rf-bg-zinc-100" : ""}`,
-                    onClick: () => setSelectedComponent(result),
-                    children: [
-                      /* @__PURE__ */ jsxs15("div", { className: "rf-min-w-0 rf-overflow-hidden", children: [
-                        /* @__PURE__ */ jsx21("div", { className: "rf-font-medium rf-text-sm rf-truncate", children: result.name }),
-                        /* @__PURE__ */ jsxs15("div", { className: "rf-text-xs rf-text-zinc-500 rf-truncate", children: [
-                          result.partNumber && /* @__PURE__ */ jsx21("span", { className: "rf-mr-2", children: result.partNumber }),
-                          result.description
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ jsx21("div", { className: "rf-flex rf-gap-2 rf-flex-shrink-0 rf-w-full sm:rf-w-auto", children: result.source === "tscircuit.com" && /* @__PURE__ */ jsx21(
-                        Button,
-                        {
-                          variant: "outline",
-                          size: "sm",
-                          className: "rf-text-xs rf-w-full sm:rf-w-auto",
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            showDetails(result);
-                          },
-                          children: "See Details"
-                        }
-                      ) })
-                    ]
+                    value: source,
+                    className: "rf-flex-1 rf-text-xs sm:rf-text-sm",
+                    children: SOURCE_CONFIG[source].label
                   },
-                  result.id
-                )) }) : isLoading ? /* @__PURE__ */ jsxs15("div", { className: "rf-p-8 rf-text-center rf-text-zinc-500", children: [
-                  /* @__PURE__ */ jsx21(Loader2, { className: "rf-h-8 rf-w-8 rf-animate-spin rf-mx-auto rf-mb-2" }),
-                  /* @__PURE__ */ jsx21("p", { children: "Searching..." })
-                ] }) : /* @__PURE__ */ jsx21("div", { className: "rf-p-8 rf-text-center rf-text-zinc-500", children: hasSearched ? "No results found" : "Enter a search term to find components" }) })
+                  source
+                )) }),
+                /* @__PURE__ */ jsx24(
+                  SearchBar,
+                  {
+                    query: searchQuery,
+                    placeholder: SOURCE_CONFIG[activeSource].placeholder,
+                    isSearching,
+                    onQueryChange: setSearchQuery,
+                    onSubmit: performSearch
+                  }
+                ),
+                /* @__PURE__ */ jsx24("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: isSearching ? /* @__PURE__ */ jsxs18("div", { className: "rf-p-8 rf-text-center rf-text-zinc-500", children: [
+                  /* @__PURE__ */ jsx24(Loader23, { className: "rf-h-8 rf-w-8 rf-animate-spin rf-mx-auto rf-mb-2" }),
+                  /* @__PURE__ */ jsx24("p", { children: "Searching..." })
+                ] }) : searchResults.length > 0 ? /* @__PURE__ */ jsx24(
+                  SearchResultsList,
+                  {
+                    results: searchResults,
+                    selected: selectedSearchResult,
+                    onSelect: setSelectedSearchResult,
+                    onShowDetails: activeSource === "tscircuit.com" ? handleShowDetails : void 0
+                  }
+                ) : /* @__PURE__ */ jsx24("div", { className: "rf-p-8 rf-text-center rf-text-zinc-500", children: searchError ? `Error: ${searchError}` : hasExecutedSearch ? SOURCE_CONFIG[activeSource].emptyMessage : "Enter a search term to find components" }) })
               ]
             }
-          ),
-          /* @__PURE__ */ jsxs15(DialogFooter, { className: "rf-flex rf-flex-col sm:rf-flex-row rf-gap-2", children: [
-            /* @__PURE__ */ jsx21(
+          ) : null,
+          importErrorMessage ? /* @__PURE__ */ jsx24("div", { className: "rf-text-sm rf-text-red-600 rf-mt-2", children: importErrorMessage }) : null,
+          /* @__PURE__ */ jsxs18(DialogFooter, { className: "rf-flex rf-flex-col sm:rf-flex-row rf-gap-2", children: [
+            /* @__PURE__ */ jsx24(
               Button,
               {
                 variant: "outline",
@@ -2405,202 +2903,116 @@ var ImportComponentDialog = ({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx24(
               Button,
               {
-                onClick: () => {
-                  if (selectedComponent) {
-                    handleImport(selectedComponent);
-                    onClose();
-                  }
-                },
-                disabled: !selectedComponent,
-                children: selectedComponent?.source === "kicad" ? "Copy Footprint" : "Import Component"
+                onClick: handleConfirm,
+                disabled: !selectedSearchResult || isSubmittingImport,
+                className: "rf-order-1 sm:rf-order-2",
+                children: isSubmittingImport ? /* @__PURE__ */ jsx24(Loader23, { className: "rf-h-4 rf-w-4 rf-animate-spin" }) : "Import"
               }
             )
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsx21(Dialog, { open: detailsOpen, onOpenChange: setDetailsOpen, children: /* @__PURE__ */ jsxs15(
-      DialogContent,
+    /* @__PURE__ */ jsx24(
+      TscircuitPackageDetailsDialog,
       {
-        showOverlay: false,
-        style: {
-          width: "calc(100vw - 2rem)"
-        },
-        className: "rf-max-w-5xl !rf-overflow-y-auto rf-max-h-[90vh] rf-overflow-hidden rf-flex rf-flex-col rf-rounded-sm",
-        children: [
-          /* @__PURE__ */ jsx21(DialogHeader, { className: "rf-pb-4 rf-border-b", children: /* @__PURE__ */ jsx21("div", { className: "rf-flex rf-items-start rf-justify-between rf-gap-4", children: /* @__PURE__ */ jsx21("div", { className: "rf-flex-1 rf-min-w-0", children: /* @__PURE__ */ jsx21(DialogTitle, { className: "rf-text-xl rf-font-semibold rf-truncate", children: detailsComponent?.source === "kicad" ? detailsComponent?.name : /* @__PURE__ */ jsx21(
-            "a",
-            {
-              href: `https://tscircuit.com/${detailsComponent?.owner}/${detailsComponent?.name}`,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "rf-text-black hover:rf-underline",
-              children: detailsComponent?.name?.split("/").pop() || detailsComponent?.name
+        packageResult: componentForDetails,
+        isOpen: isDetailsDialogOpen,
+        onOpenChange: handleDetailsClose,
+        isLoading: isPackageDetailsLoading,
+        details: packageDetails,
+        previewTab: detailsPreviewTab,
+        onPreviewTabChange: (value) => setDetailsPreviewTab(value),
+        isSubmitting: isSubmittingImport,
+        onImport: () => {
+          if (!componentForDetails) return;
+          performActionForComponent(componentForDetails).then((succeeded) => {
+            if (succeeded) {
+              setIsDetailsDialogOpen(false);
+              onClose();
+              resetAllSearches();
+              setSearchQuery("");
             }
-          ) }) }) }) }),
-          /* @__PURE__ */ jsx21("div", { className: "rf-flex-1 rf-overflow-y-auto rf-py-4 rf-space-y-6", children: detailsComponent?.source === "tscircuit.com" ? /* @__PURE__ */ jsxs15(Fragment3, { children: [
-            /* @__PURE__ */ jsx21("div", { children: /* @__PURE__ */ jsx21("div", { className: "rf-space-y-3", children: detailsComponent?.owner && /* @__PURE__ */ jsxs15("div", { children: [
-              /* @__PURE__ */ jsx21("label", { className: "rf-text-xs rf-font-medium rf-text-gray-500 rf-uppercase rf-tracking-wide", children: "Created by" }),
-              /* @__PURE__ */ jsx21("div", { className: "rf-mt-1 rf-text-sm rf-font-medium", children: /* @__PURE__ */ jsx21(
-                "a",
-                {
-                  href: `https://tscircuit.com/${detailsComponent?.owner}`,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: "rf-text-black hover:rf-underline",
-                  children: detailsComponent?.owner
-                }
-              ) })
-            ] }) }) }),
-            /* @__PURE__ */ jsxs15("div", { children: [
-              /* @__PURE__ */ jsx21("h3", { className: "rf-text-lg rf-font-semibold rf-mb-4", children: "Preview" }),
-              /* @__PURE__ */ jsxs15(
-                Tabs,
-                {
-                  value: previewActiveTab,
-                  onValueChange: (value) => setPreviewActiveTab(value),
-                  children: [
-                    /* @__PURE__ */ jsxs15(TabsList, { className: "rf-inline-flex rf-h-9 rf-items-center rf-justify-center rf-rounded-lg rf-bg-zinc-100 rf-p-1 rf-text-zinc-500 dark:rf-bg-zinc-800 dark:rf-text-zinc-400", children: [
-                      /* @__PURE__ */ jsx21(
-                        TabsTrigger,
-                        {
-                          value: "pcb",
-                          className: "rf-inline-flex rf-items-center rf-justify-center rf-whitespace-nowrap rf-rounded-md rf-px-3 rf-py-1 rf-text-sm rf-font-medium rf-ring-offset-white rf-transition-all focus-visible:rf-outline-none focus-visible:rf-ring-2 focus-visible:rf-ring-zinc-950 focus-visible:rf-ring-offset-2 disabled:rf-pointer-events-none disabled:rf-opacity-50 data-[state=active]:rf-bg-white data-[state=active]:rf-text-zinc-950 data-[state=active]:rf-shadow dark:rf-ring-offset-zinc-950 dark:focus-visible:rf-ring-zinc-300 dark:data-[state=active]:rf-bg-zinc-950 dark:data-[state=active]:rf-text-zinc-50",
-                          children: "PCB"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx21(
-                        TabsTrigger,
-                        {
-                          value: "schematic",
-                          className: "rf-inline-flex rf-items-center rf-justify-center rf-whitespace-nowrap rf-rounded-md rf-px-3 rf-py-1 rf-text-sm rf-font-medium rf-ring-offset-white rf-transition-all focus-visible:rf-outline-none focus-visible:rf-ring-2 focus-visible:rf-ring-zinc-950 focus-visible:rf-ring-offset-2 disabled:rf-pointer-events-none disabled:rf-opacity-50 data-[state=active]:rf-bg-white data-[state=active]:rf-text-zinc-950 data-[state=active]:rf-shadow dark:rf-ring-offset-zinc-950 dark:focus-visible:rf-ring-zinc-300 dark:data-[state=active]:rf-bg-zinc-950 dark:data-[state=active]:rf-text-zinc-50",
-                          children: "Schematic"
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ jsxs15("div", { className: "rf-mt-4", children: [
-                      /* @__PURE__ */ jsx21(
-                        TabsContent,
-                        {
-                          value: "pcb",
-                          className: "rf-border rf-rounded-lg rf-overflow-hidden rf-bg-gray-50",
-                          children: detailsComponent?.owner && detailsComponent?.name ? /* @__PURE__ */ jsx21("div", { className: "rf-w-full rf-h-fit rf-min-h-[300px] rf-bg-white rf-flex rf-items-center rf-justify-center rf-p-4", children: /* @__PURE__ */ jsx21(
-                            "img",
-                            {
-                              src: `https://registry-api.tscircuit.com/packages/images/${detailsComponent.owner}/${detailsComponent.name}/pcb.png`,
-                              alt: `${detailsComponent.name} PCB preview`,
-                              className: "rf-max-w-full rf-max-h-full rf-object-contain rf-rounded",
-                              onError: (e) => {
-                                const target = e.target;
-                                target.style.display = "none";
-                                const parent = target.parentElement;
-                                if (parent) {
-                                  parent.innerHTML = '<div class="rf-text-center rf-text-gray-500"><div class="rf-text-sm rf-font-medium">PCB preview not available</div><div class="rf-text-xs rf-mt-1">Preview cannot be generated</div></div>';
-                                }
-                              }
-                            }
-                          ) }) : /* @__PURE__ */ jsx21("div", { className: "rf-h-[400px] rf-flex rf-items-center rf-justify-center rf-text-gray-500", children: /* @__PURE__ */ jsxs15("div", { className: "rf-text-center", children: [
-                            /* @__PURE__ */ jsx21("div", { className: "rf-text-sm rf-font-medium", children: "No PCB preview available" }),
-                            /* @__PURE__ */ jsx21("div", { className: "rf-text-xs rf-mt-1", children: "Preview cannot be generated" })
-                          ] }) })
-                        }
-                      ),
-                      /* @__PURE__ */ jsx21(
-                        TabsContent,
-                        {
-                          value: "schematic",
-                          className: "rf-border rf-rounded-lg rf-overflow-hidden rf-bg-gray-50",
-                          children: detailsComponent?.owner && detailsComponent?.name ? /* @__PURE__ */ jsx21("div", { className: "rf-w-full rf-h-fit rf-min-h-[300px] rf-bg-white rf-flex rf-items-center rf-justify-center rf-p-4", children: /* @__PURE__ */ jsx21(
-                            "img",
-                            {
-                              src: `https://registry-api.tscircuit.com/packages/images/${detailsComponent.owner}/${detailsComponent.name}/schematic.png`,
-                              alt: `${detailsComponent.name} schematic preview`,
-                              className: "rf-max-w-full rf-max-h-full rf-object-contain rf-rounded",
-                              onError: (e) => {
-                                const target = e.target;
-                                target.style.display = "none";
-                                const parent = target.parentElement;
-                                if (parent) {
-                                  parent.innerHTML = '<div class="rf-text-center rf-text-gray-500"><div class="rf-text-sm rf-font-medium">Schematic preview not available</div><div class="rf-text-xs rf-mt-1">Preview cannot be generated</div></div>';
-                                }
-                              }
-                            }
-                          ) }) : /* @__PURE__ */ jsx21("div", { className: "rf-h-[400px] rf-flex rf-items-center rf-justify-center rf-text-gray-500", children: /* @__PURE__ */ jsxs15("div", { className: "rf-text-center", children: [
-                            /* @__PURE__ */ jsx21("div", { className: "rf-text-sm rf-font-medium", children: "No schematic preview available" }),
-                            /* @__PURE__ */ jsx21("div", { className: "rf-text-xs rf-mt-1", children: "Preview cannot be generated" })
-                          ] }) })
-                        }
-                      )
-                    ] })
-                  ]
-                }
-              )
-            ] }),
-            packageDetails?.ai_description && /* @__PURE__ */ jsxs15("div", { children: [
-              /* @__PURE__ */ jsx21("h3", { className: "rf-text-lg rf-font-semibold rf-mb-3", children: "AI Description" }),
-              /* @__PURE__ */ jsx21("div", { className: "rf-bg-gray-50 rf-border rf-border-gray-200 rf-rounded-lg rf-p-4", children: /* @__PURE__ */ jsx21("p", { className: "rf-text-sm rf-text-gray-700 rf-leading-relaxed", children: packageDetails.ai_description }) })
-            ] }),
-            packageDetails?.ai_usage_instructions && /* @__PURE__ */ jsxs15("div", { children: [
-              /* @__PURE__ */ jsx21("h3", { className: "rf-text-lg rf-font-semibold rf-mb-3", children: "Usage Instructions" }),
-              /* @__PURE__ */ jsx21("div", { className: "rf-bg-gray-50 rf-border rf-border-gray-200 rf-rounded-lg rf-p-4", children: /* @__PURE__ */ jsx21("p", { className: "rf-text-sm rf-text-gray-700 rf-leading-relaxed rf-whitespace-pre-wrap", children: packageDetails.ai_usage_instructions }) })
-            ] }),
-            packageDetailsLoading && /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-justify-center rf-text-center rf-items-center rf-gap-2 rf-text-gray-500", children: [
-              /* @__PURE__ */ jsx21(Loader2, { className: "rf-h-4 rf-w-4 rf-animate-spin" }),
-              /* @__PURE__ */ jsx21("span", { className: "rf-text-sm", children: "Loading package details..." })
-            ] })
-          ] }) : null }),
-          /* @__PURE__ */ jsxs15(DialogFooter, { className: "rf-pt-4 rf-border-t rf-flex rf-flex-col sm:rf-flex-row rf-justify-between rf-items-stretch sm:rf-items-center rf-gap-2", children: [
-            /* @__PURE__ */ jsx21("div", { className: "rf-flex-1 rf-order-3 sm:rf-order-1", children: detailsComponent?.source === "tscircuit.com" && /* @__PURE__ */ jsxs15(
-              Button,
-              {
-                variant: "outline",
-                size: "sm",
-                className: "rf-gap-2 rf-w-full sm:rf-w-auto",
-                onClick: () => {
-                  const url = `https://tscircuit.com/${detailsComponent?.owner}/${detailsComponent?.name.split("/").pop()}`;
-                  window.open(url, "_blank");
-                },
-                children: [
-                  /* @__PURE__ */ jsx21(ExternalLink, { className: "rf-h-4 rf-w-4" }),
-                  "View on tscircuit.com"
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-flex-col sm:rf-flex-row rf-gap-2 sm:rf-gap-3 rf-order-1 sm:rf-order-2", children: [
-              /* @__PURE__ */ jsx21(
-                Button,
-                {
-                  variant: "outline",
-                  onClick: () => setDetailsOpen(false),
-                  className: "rf-order-2 sm:rf-order-1",
-                  children: "Close"
-                }
-              ),
-              /* @__PURE__ */ jsx21(
-                Button,
-                {
-                  onClick: () => {
-                    setDetailsOpen(false);
-                    if (detailsComponent) {
-                      handleImport(detailsComponent);
-                      onClose();
-                    }
-                  },
-                  className: "rf-bg-blue-600 hover:rf-bg-blue-700 rf-order-1 sm:rf-order-2",
-                  children: detailsComponent?.source === "kicad" ? "Copy Footprint" : "Import Component"
-                }
-              )
-            ] })
-          ] })
-        ]
+          });
+        }
       }
-    ) })
+    )
   ] });
 };
 
+// lib/components/ImportComponentDialog2/ImportComponentDialogForCli.tsx
+import "react";
+
+// lib/utils/toast.ts
+import { toast } from "react-hot-toast";
+
+// lib/components/ImportComponentDialog2/ImportComponentDialogForCli.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+var extractComponentName = (tsx) => {
+  const match = tsx.match(/export const (\w+) =/);
+  if (!match) {
+    throw new Error("Could not determine component name from TSX contents");
+  }
+  return match[1];
+};
+var ImportComponentDialogForCli = (props) => {
+  const pushEvent = useRunFrameStore((state) => state.pushEvent);
+  const upsertFile = useRunFrameStore((state) => state.upsertFile);
+  const handleTscircuitPackageSelected = async ({
+    result,
+    fullPackageName
+  }) => {
+    const packageName = result.package.unscoped_name;
+    const displayName = packageName ?? result.package.name;
+    await toast.promise(
+      pushEvent({
+        event_type: "INSTALL_PACKAGE",
+        full_package_name: fullPackageName
+      }),
+      {
+        loading: `Requesting install for "${displayName}"`,
+        success: `Install requested for "${displayName}"`,
+        error: (error) => `Failed to request install: ${error instanceof Error ? error.message : String(error)}`
+      }
+    );
+    throw new Error("Not implemented");
+  };
+  const handleKicadStringSelected = async ({
+    footprint
+  }) => {
+    await toast.promise(navigator.clipboard.writeText(footprint), {
+      loading: `Copying "${footprint}"`,
+      success: `Copied "${footprint}" to clipboard`,
+      error: (error) => `Failed to copy footprint: ${error instanceof Error ? error.message : String(error)}`
+    });
+  };
+  const handleJlcpcbComponentTsxLoaded = async ({
+    result,
+    tsx
+  }) => {
+    const componentName = extractComponentName(tsx);
+    const filePath = `imports/${componentName}.tsx`;
+    await toast.promise(upsertFile(filePath, tsx), {
+      loading: `Importing ${result.component.partNumber}`,
+      success: `Imported to "${filePath}"`,
+      error: (error) => `Failed to import component: ${error instanceof Error ? error.message : String(error)}`
+    });
+  };
+  return /* @__PURE__ */ jsx25(
+    ImportComponentDialog2,
+    {
+      ...props,
+      onTscircuitPackageSelected: handleTscircuitPackageSelected,
+      onKicadStringSelected: handleKicadStringSelected,
+      onJlcpcbComponentTsxLoaded: handleJlcpcbComponentTsxLoaded
+    }
+  );
+};
+ImportComponentDialogForCli.displayName = "ImportComponentDialogForCli";
+
 // lib/optional-features/exporting/formats/export-fabrication-files.ts
 import JSZip from "jszip";
 import {
@@ -2727,20 +3139,20 @@ var exportAndDownload = async ({
 };
 
 // lib/components/AiReviewDialog/AiReviewDialog.tsx
-import { useState as useState11 } from "react";
+import { useState as useState15 } from "react";
 
 // lib/components/AiReviewDialog/ListAiReviewsView.tsx
-import { useEffect as useEffect8, useState as useState9 } from "react";
+import { useEffect as useEffect8, useState as useState13 } from "react";
 
 // lib/utils/get-registry-ky.ts
-import ky2 from "ky";
+import ky from "ky";
 function getWindowVar(name) {
   return typeof window !== "undefined" ? window[name] : null;
 }
 function getRegistryKy() {
   const registryApiBaseUrl = getWindowVar("TSCIRCUIT_REGISTRY_API_BASE_URL") || import.meta.env.VITE_TSCIRCUIT_REGISTRY_API_BASE_URL || "https://registry-api.tscircuit.com";
   const registryToken = getWindowVar("TSCIRCUIT_REGISTRY_TOKEN");
-  return ky2.create({
+  return ky.create({
     prefixUrl: registryApiBaseUrl,
     headers: {
       Authorization: `Bearer ${registryToken}`
@@ -2760,16 +3172,16 @@ var registryKy = {
 };
 
 // lib/components/AiReviewDialog/ListAiReviewsView.tsx
-import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 var AiReviewListView = ({
   packageName,
   onSelectReview
 }) => {
   const fsMap = useRunFrameStore((s) => s.fsMap);
   const circuitJson = useRunFrameStore((s) => s.circuitJson);
-  const [reviews, setReviews] = useState9([]);
-  const [loading, setLoading] = useState9(false);
-  const [creating, setCreating] = useState9(false);
+  const [reviews, setReviews] = useState13([]);
+  const [loading, setLoading] = useState13(false);
+  const [creating, setCreating] = useState13(false);
   useEffect8(() => {
     if (!packageName || !hasRegistryToken()) return;
     setLoading(true);
@@ -2806,12 +3218,12 @@ var AiReviewListView = ({
       setCreating(false);
     }
   };
-  return /* @__PURE__ */ jsxs16(Fragment4, { children: [
-    /* @__PURE__ */ jsxs16(DialogHeader, { children: [
-      /* @__PURE__ */ jsx22(DialogTitle, { children: "AI Review" }),
-      /* @__PURE__ */ jsx22(DialogDescription, { children: "Select an AI review or request a new one." })
+  return /* @__PURE__ */ jsxs19(Fragment4, { children: [
+    /* @__PURE__ */ jsxs19(DialogHeader, { children: [
+      /* @__PURE__ */ jsx26(DialogTitle, { children: "AI Review" }),
+      /* @__PURE__ */ jsx26(DialogDescription, { children: "Select an AI review or request a new one." })
     ] }),
-    /* @__PURE__ */ jsx22("div", { className: "rf-flex rf-gap-4 rf-mt-4", children: /* @__PURE__ */ jsx22("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__ */ jsx22("div", { className: "rf-text-sm", children: "Loading..." }) : reviews.length > 0 ? reviews.map((review) => /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx26("div", { className: "rf-flex rf-gap-4 rf-mt-4", children: /* @__PURE__ */ jsx26("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__ */ jsx26("div", { className: "rf-text-sm", children: "Loading..." }) : reviews.length > 0 ? reviews.map((review) => /* @__PURE__ */ jsx26(
       "div",
       {
         className: "rf-text-sm rf-p-2 rf-cursor-pointer rf-rounded hover:rf-bg-zinc-100",
@@ -2819,20 +3231,20 @@ var AiReviewListView = ({
         children: new Date(review.created_at || "").toLocaleString()
       },
       review.ai_review_id
-    )) : /* @__PURE__ */ jsx22("div", { className: "rf-text-sm rf-text-muted-foreground", children: "No AI reviews found." }) }) }),
-    /* @__PURE__ */ jsx22(DialogFooter, { className: "rf-mt-4", children: /* @__PURE__ */ jsx22(Button, { onClick: requestReview, disabled: creating, children: creating ? "Requesting..." : "Review my Board" }) })
+    )) : /* @__PURE__ */ jsx26("div", { className: "rf-text-sm rf-text-muted-foreground", children: "No AI reviews found." }) }) }),
+    /* @__PURE__ */ jsx26(DialogFooter, { className: "rf-mt-4", children: /* @__PURE__ */ jsx26(Button, { onClick: requestReview, disabled: creating, children: creating ? "Requesting..." : "Review my Board" }) })
   ] });
 };
 
 // lib/components/AiReviewDialog/ViewAiReviewView.tsx
-import { useEffect as useEffect9, useMemo as useMemo3, useState as useState10 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo4, useState as useState14 } from "react";
 import { marked } from "marked";
-import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 var AiReviewViewView = ({
   review,
   onBack
 }) => {
-  const [aiReviewText, setAiReviewText] = useState10(
+  const [aiReviewText, setAiReviewText] = useState14(
     review.ai_review_text ?? null
   );
   const registryKy2 = getRegistryKy();
@@ -2861,23 +3273,23 @@ var AiReviewViewView = ({
     timeout = setTimeout(loadAiReviewText, 1e3);
     return () => clearTimeout(timeout);
   }, [aiReviewId]);
-  const html = useMemo3(
+  const html = useMemo4(
     () => marked.parse(review.ai_review_text || ""),
     [review.ai_review_text]
   );
-  return /* @__PURE__ */ jsxs17(Fragment5, { children: [
-    /* @__PURE__ */ jsxs17(DialogHeader, { className: "rf-flex rf-flex-row rf-items-center rf-justify-between", children: [
-      /* @__PURE__ */ jsx23(Button, { variant: "ghost", size: "sm", onClick: onBack, children: "Back" }),
-      /* @__PURE__ */ jsx23(DialogTitle, { children: "AI Review" })
+  return /* @__PURE__ */ jsxs20(Fragment5, { children: [
+    /* @__PURE__ */ jsxs20(DialogHeader, { className: "rf-flex rf-flex-row rf-items-center rf-justify-between", children: [
+      /* @__PURE__ */ jsx27(Button, { variant: "ghost", size: "sm", onClick: onBack, children: "Back" }),
+      /* @__PURE__ */ jsx27(DialogTitle, { children: "AI Review" })
     ] }),
-    aiReviewText ? /* @__PURE__ */ jsx23(
+    aiReviewText ? /* @__PURE__ */ jsx27(
       "div",
       {
         className: "rf-h-64 rf-overflow-y-auto rf-prose rf-max-w-none rf-mt-2",
         dangerouslySetInnerHTML: { __html: html }
       }
-    ) : /* @__PURE__ */ jsx23("div", { className: "rf-h-64 rf-overflow-y-auto rf-prose rf-max-w-none rf-mt-2", children: /* @__PURE__ */ jsxs17("div", { className: "rf-flex rf-items-center rf-justify-center rf-h-full", children: [
-      /* @__PURE__ */ jsxs17(
+    ) : /* @__PURE__ */ jsx27("div", { className: "rf-h-64 rf-overflow-y-auto rf-prose rf-max-w-none rf-mt-2", children: /* @__PURE__ */ jsxs20("div", { className: "rf-flex rf-items-center rf-justify-center rf-h-full", children: [
+      /* @__PURE__ */ jsxs20(
         "svg",
         {
           className: "rf-animate-spin rf-h-6 rf-w-6 rf-text-zinc-400 rf-mr-2",
@@ -2886,7 +3298,7 @@ var AiReviewViewView = ({
           viewBox: "0 0 24 24",
           "aria-hidden": "true",
           children: [
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx27(
               "circle",
               {
                 className: "rf-opacity-25",
@@ -2897,7 +3309,7 @@ var AiReviewViewView = ({
                 strokeWidth: "4"
               }
             ),
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx27(
               "path",
               {
                 className: "rf-opacity-75",
@@ -2908,27 +3320,27 @@ var AiReviewViewView = ({
           ]
         }
       ),
-      /* @__PURE__ */ jsx23("span", { children: "Loading..." })
+      /* @__PURE__ */ jsx27("span", { children: "Loading..." })
     ] }) })
   ] });
 };
 
 // lib/components/AiReviewDialog/AiReviewDialog.tsx
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
 var AiReviewDialog = ({
   isOpen,
   onClose,
   packageName
 }) => {
-  const [stage, setStage] = useState11(
+  const [stage, setStage] = useState15(
     "list_reviews"
   );
-  const [selectedReview, setSelectedReview] = useState11(null);
+  const [selectedReview, setSelectedReview] = useState15(null);
   const handleSelect = (review) => {
     setSelectedReview(review);
     setStage("view_review");
   };
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx28(
     Dialog,
     {
       open: isOpen,
@@ -2939,15 +3351,15 @@ var AiReviewDialog = ({
           onClose();
         }
       },
-      children: /* @__PURE__ */ jsxs18(DialogContent, { className: "rf-max-w-2xl", children: [
-        stage === "list_reviews" && /* @__PURE__ */ jsx24(
+      children: /* @__PURE__ */ jsxs21(DialogContent, { className: "rf-max-w-2xl", children: [
+        stage === "list_reviews" && /* @__PURE__ */ jsx28(
           AiReviewListView,
           {
             packageName,
             onSelectReview: handleSelect
           }
         ),
-        stage === "view_review" && selectedReview && /* @__PURE__ */ jsx24(
+        stage === "view_review" && selectedReview && /* @__PURE__ */ jsx28(
           AiReviewViewView,
           {
             review: selectedReview,
@@ -2966,13 +3378,13 @@ import { Toaster } from "react-hot-toast";
 import { QueryClient, QueryClientProvider } from "react-query";
 
 // lib/components/OrderDialog/InitialOrder.tsx
-import { Loader2 as Loader22 } from "lucide-react";
+import { Loader2 as Loader24 } from "lucide-react";
 import { GitHubLogoIcon as GitHubLogoIcon2 } from "@radix-ui/react-icons";
-import { useEffect as useEffect10, useMemo as useMemo4, useState as useState12 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo5, useState as useState16 } from "react";
 
 // lib/components/OrderDialog/VendorQuoteCard.tsx
 import { Truck, Package } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 function VendorQuoteCard({
   orderQuote,
   selectedShippingCarrier,
@@ -2982,27 +3394,27 @@ function VendorQuoteCard({
   const selectedShipping = selectedShippingCarrier ? orderQuote.shipping_options.find(
     (ship) => ship.carrier === selectedShippingCarrier
   ) : null;
-  return /* @__PURE__ */ jsxs19("div", { className: "rf-rounded-xl rf-bg-white rf-shadow-lg rf-border rf-border-gray-200", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "rf-flex rf-items-center rf-justify-between rf-px-6 rf-pt-4 rf-pb-2", children: [
-      /* @__PURE__ */ jsxs19("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-        /* @__PURE__ */ jsx25(Package, { className: "rf-w-6 rf-h-6 rf-text-blue-500" }),
-        /* @__PURE__ */ jsx25("span", { className: "rf-font-semibold rf-text-lg", children: orderQuote.vendor_name.toUpperCase() })
+  return /* @__PURE__ */ jsxs22("div", { className: "rf-rounded-xl rf-bg-white rf-shadow-lg rf-border rf-border-gray-200", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "rf-flex rf-items-center rf-justify-between rf-px-6 rf-pt-4 rf-pb-2", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
+        /* @__PURE__ */ jsx29(Package, { className: "rf-w-6 rf-h-6 rf-text-blue-500" }),
+        /* @__PURE__ */ jsx29("span", { className: "rf-font-semibold rf-text-lg", children: orderQuote.vendor_name.toUpperCase() })
       ] }),
-      /* @__PURE__ */ jsxs19("div", { className: "rf-flex rf-flex-col rf-items-end", children: [
-        /* @__PURE__ */ jsx25("span", { className: "rf-text-gray-500 rf-text-sm", children: "Fully Assembled PCB" }),
-        /* @__PURE__ */ jsxs19("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-          /* @__PURE__ */ jsxs19("span", { className: "rf-text-gray-400 rf-line-through rf-text-base", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "rf-flex rf-flex-col rf-items-end", children: [
+        /* @__PURE__ */ jsx29("span", { className: "rf-text-gray-500 rf-text-sm", children: "Fully Assembled PCB" }),
+        /* @__PURE__ */ jsxs22("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
+          /* @__PURE__ */ jsxs22("span", { className: "rf-text-gray-400 rf-line-through rf-text-base", children: [
             "$",
             lowestShippingCarrierCost.toFixed(2)
           ] }),
-          /* @__PURE__ */ jsx25("span", { className: "rf-font-bold rf-text-xl rf-text-blue-600", children: "$50.00" })
+          /* @__PURE__ */ jsx29("span", { className: "rf-font-bold rf-text-xl rf-text-blue-600", children: "$50.00" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx25("hr", { className: "rf-border-gray-200" }),
-    /* @__PURE__ */ jsxs19("div", { className: "rf-px-6 rf-pt-4 rf-pb-2", children: [
-      /* @__PURE__ */ jsx25("div", { className: "rf-mb-2 rf-text-sm rf-font-bold rf-text-gray-700", children: "Shipping Options:" }),
-      /* @__PURE__ */ jsx25("div", { className: "rf-flex rf-flex-col rf-gap-2 rf-mb-2", children: orderQuote.shipping_options.map((ship, idx) => /* @__PURE__ */ jsxs19(
+    /* @__PURE__ */ jsx29("hr", { className: "rf-border-gray-200" }),
+    /* @__PURE__ */ jsxs22("div", { className: "rf-px-6 rf-pt-4 rf-pb-2", children: [
+      /* @__PURE__ */ jsx29("div", { className: "rf-mb-2 rf-text-sm rf-font-bold rf-text-gray-700", children: "Shipping Options:" }),
+      /* @__PURE__ */ jsx29("div", { className: "rf-flex rf-flex-col rf-gap-2 rf-mb-2", children: orderQuote.shipping_options.map((ship, idx) => /* @__PURE__ */ jsxs22(
         "button",
         {
           type: "button",
@@ -3012,31 +3424,31 @@ function VendorQuoteCard({
           ),
           onClick: () => onSelectShippingCarrier(ship.carrier),
           children: [
-            /* @__PURE__ */ jsx25(Truck, { className: "rf-w-5 rf-h-5 rf-text-yellow-500" }),
-            /* @__PURE__ */ jsxs19("div", { className: "rf-text-left rf-flex-1", children: [
-              /* @__PURE__ */ jsx25("div", { className: "rf-leading-tight rf-font-medium", children: ship.carrier }),
-              /* @__PURE__ */ jsx25("div", { className: "rf-text-xs rf-text-gray-500", children: "Express, 5-12 days" })
+            /* @__PURE__ */ jsx29(Truck, { className: "rf-w-5 rf-h-5 rf-text-yellow-500" }),
+            /* @__PURE__ */ jsxs22("div", { className: "rf-text-left rf-flex-1", children: [
+              /* @__PURE__ */ jsx29("div", { className: "rf-leading-tight rf-font-medium", children: ship.carrier }),
+              /* @__PURE__ */ jsx29("div", { className: "rf-text-xs rf-text-gray-500", children: "Express, 5-12 days" })
             ] }),
-            /* @__PURE__ */ jsxs19("div", { className: "rf-flex rf-flex-col rf-items-end rf-ml-2", children: [
-              /* @__PURE__ */ jsxs19("span", { className: "rf-text-gray-400 rf-line-through rf-text-sm", children: [
+            /* @__PURE__ */ jsxs22("div", { className: "rf-flex rf-flex-col rf-items-end rf-ml-2", children: [
+              /* @__PURE__ */ jsxs22("span", { className: "rf-text-gray-400 rf-line-through rf-text-sm", children: [
                 "$",
                 ship.cost.toFixed(2)
               ] }),
-              /* @__PURE__ */ jsx25("span", { className: "rf-text-xs rf-text-blue-600 rf-font-medium", children: "waived" })
+              /* @__PURE__ */ jsx29("span", { className: "rf-text-xs rf-text-blue-600 rf-font-medium", children: "waived" })
             ] })
           ]
         },
         ship.carrier + idx
       )) })
     ] }),
-    selectedShippingCarrier !== null && selectedShipping && /* @__PURE__ */ jsx25("div", { className: "rf-px-6 rf-pb-4 rf-pt-2", children: /* @__PURE__ */ jsxs19("div", { className: "rf-flex rf-justify-between rf-items-center rf-mt-3 rf-mb-2", children: [
-      /* @__PURE__ */ jsx25("span", { className: "rf-text-gray-700 rf-font-bold", children: "Total (incl. shipping):" }),
-      /* @__PURE__ */ jsxs19("div", { className: "rf-flex rf-flex-col rf-items-end", children: [
-        /* @__PURE__ */ jsxs19("div", { className: "rf-text-gray-400 rf-line-through rf-text-base", children: [
+    selectedShippingCarrier !== null && selectedShipping && /* @__PURE__ */ jsx29("div", { className: "rf-px-6 rf-pb-4 rf-pt-2", children: /* @__PURE__ */ jsxs22("div", { className: "rf-flex rf-justify-between rf-items-center rf-mt-3 rf-mb-2", children: [
+      /* @__PURE__ */ jsx29("span", { className: "rf-text-gray-700 rf-font-bold", children: "Total (incl. shipping):" }),
+      /* @__PURE__ */ jsxs22("div", { className: "rf-flex rf-flex-col rf-items-end", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "rf-text-gray-400 rf-line-through rf-text-base", children: [
           "$",
           (orderQuote.total_cost_without_shipping + selectedShipping.cost).toFixed(2)
         ] }),
-        /* @__PURE__ */ jsx25("div", { className: "rf-flex rf-items-center", children: /* @__PURE__ */ jsx25("span", { className: "rf-font-bold rf-text-xl rf-text-blue-600", children: "$50.00" }) })
+        /* @__PURE__ */ jsx29("div", { className: "rf-flex rf-items-center", children: /* @__PURE__ */ jsx29("span", { className: "rf-font-bold rf-text-xl rf-text-blue-600", children: "$50.00" }) })
       ] })
     ] }) })
   ] });
@@ -3124,15 +3536,15 @@ var useOrderQuotePolling = (orderQuoteId) => {
 };
 
 // lib/components/OrderDialog/InitialOrder.tsx
-import { Fragment as Fragment6, jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
 var InitialOrderScreen = ({
   onCancel,
   packageReleaseId,
   signIn,
   isLoggedIn
 }) => {
-  const [selectedShippingCarrier, setSelectedShippingCarrier] = useState12(null);
-  const [orderQuoteId, setOrderQuoteId] = useState12(null);
+  const [selectedShippingCarrier, setSelectedShippingCarrier] = useState16(null);
+  const [orderQuoteId, setOrderQuoteId] = useState16(null);
   const { mutate: createOrderQuote2, error: createOrderQuoteError } = useCreateOrderQuote();
   useEffect10(() => {
     if (packageReleaseId) {
@@ -3161,7 +3573,7 @@ var InitialOrderScreen = ({
       setSelectedShippingCarrier(lowest?.carrier || null);
     }
   }, [orderQuote]);
-  const lowestShippingCarrierCost = useMemo4(() => {
+  const lowestShippingCarrierCost = useMemo5(() => {
     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]
@@ -3169,20 +3581,20 @@ var InitialOrderScreen = ({
   }, [orderQuote]);
   const isNoTokenError = createOrderQuoteError && createOrderQuoteError.error?.error_code?.includes("no_token") || orderQuote?.error?.error_code?.includes("no_token") && signIn;
   if (!isLoggedIn || isNoTokenError) {
-    return /* @__PURE__ */ jsx26(SignInView, { signIn });
+    return /* @__PURE__ */ jsx30(SignInView, { signIn });
   }
-  return /* @__PURE__ */ jsxs20("div", { className: "rf-max-w-lg rf-mx-auto rf-bg-white rf-rounded-2xl rf-py-8 rf-flex rf-flex-col rf-gap-3", children: [
-    /* @__PURE__ */ jsx26("h2", { className: "rf-text-3xl rf-font-bold rf-text-center", children: "Order PCB" }),
-    !(createOrderQuoteError || orderQuote?.error) && (!orderQuoteId || !orderQuote || orderQuote?.is_processing) && /* @__PURE__ */ jsx26(LoadingMessage, { message: "Fetching quotes..." }),
-    (createOrderQuoteError || orderQuote?.error) && /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs23("div", { className: "rf-max-w-lg rf-mx-auto rf-bg-white rf-rounded-2xl rf-py-8 rf-flex rf-flex-col rf-gap-3", children: [
+    /* @__PURE__ */ jsx30("h2", { className: "rf-text-3xl rf-font-bold rf-text-center", children: "Order PCB" }),
+    !(createOrderQuoteError || orderQuote?.error) && (!orderQuoteId || !orderQuote || orderQuote?.is_processing) && /* @__PURE__ */ jsx30(LoadingMessage, { message: "Fetching quotes..." }),
+    (createOrderQuoteError || orderQuote?.error) && /* @__PURE__ */ jsx30(
       ErrorMessage,
       {
         message: createOrderQuoteError && createOrderQuoteError.error?.message || orderQuote?.error?.message || "Failed to fetch quotes"
       }
     ),
-    orderQuote?.is_completed && !createOrderQuoteError && !orderQuote?.error && Array.isArray(orderQuote?.shipping_options) && orderQuote.shipping_options.length > 0 && /* @__PURE__ */ jsxs20(Fragment6, { children: [
-      /* @__PURE__ */ jsx26("div", { className: "rf-bg-blue-100 rf-text-blue-800 rf-p-3 rf-rounded-md rf-text-center rf-text-sm", children: "This board is eligible for the tscircuit Flat Fee" }),
-      /* @__PURE__ */ jsx26(
+    orderQuote?.is_completed && !createOrderQuoteError && !orderQuote?.error && Array.isArray(orderQuote?.shipping_options) && orderQuote.shipping_options.length > 0 && /* @__PURE__ */ jsxs23(Fragment6, { children: [
+      /* @__PURE__ */ jsx30("div", { className: "rf-bg-blue-100 rf-text-blue-800 rf-p-3 rf-rounded-md rf-text-center rf-text-sm", children: "This board is eligible for the tscircuit Flat Fee" }),
+      /* @__PURE__ */ jsx30(
         VendorQuoteCard,
         {
           orderQuote,
@@ -3193,8 +3605,8 @@ var InitialOrderScreen = ({
         orderQuote?.order_quote_id
       )
     ] }),
-    /* @__PURE__ */ jsxs20("div", { className: "rf-flex rf-justify-between rf-mt-5 rf-gap-4", children: [
-      /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsxs23("div", { className: "rf-flex rf-justify-between rf-mt-5 rf-gap-4", children: [
+      /* @__PURE__ */ jsx30(
         Button,
         {
           variant: "outline",
@@ -3204,7 +3616,7 @@ var InitialOrderScreen = ({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx30(
         Button,
         {
           type: "button",
@@ -3223,27 +3635,27 @@ var InitialOrderScreen = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx26("div", { className: "rf-text-xs rf-text-center rf-text-gray-400 rf-mt-4", children: "Pricing may vary based on specifications." })
+    /* @__PURE__ */ jsx30("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__ */ jsxs20("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-2 rf-my-12", children: [
-  /* @__PURE__ */ jsx26(Loader22, { className: "rf-animate-spin rf-w-8 rf-h-8 rf-text-gray-400" }),
-  /* @__PURE__ */ jsx26("p", { className: "rf-text-gray-600", children: message })
+var LoadingMessage = ({ message }) => /* @__PURE__ */ jsxs23("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-2 rf-my-12", children: [
+  /* @__PURE__ */ jsx30(Loader24, { className: "rf-animate-spin rf-w-8 rf-h-8 rf-text-gray-400" }),
+  /* @__PURE__ */ jsx30("p", { className: "rf-text-gray-600", children: message })
 ] });
-var ErrorMessage = ({ message }) => /* @__PURE__ */ jsx26("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: message });
-var SignInView = ({ signIn }) => /* @__PURE__ */ jsxs20("div", { className: "rf-max-w-lg rf-mx-auto rf-bg-white rf-rounded-2xl rf-py-8 rf-flex rf-flex-col rf-gap-3", children: [
-  /* @__PURE__ */ jsx26("h2", { className: "rf-text-3xl rf-font-bold rf-text-center", children: "Order PCB" }),
-  /* @__PURE__ */ jsxs20("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-4 rf-py-8", children: [
-    /* @__PURE__ */ jsx26("p", { className: "rf-text-gray-600", children: "Please sign in to continue" }),
-    /* @__PURE__ */ jsxs20(Button, { onClick: signIn, className: "rf-flex rf-items-center rf-gap-2", children: [
-      /* @__PURE__ */ jsx26(GitHubLogoIcon2, { className: "rf-w-5 rf-h-5" }),
+var ErrorMessage = ({ message }) => /* @__PURE__ */ jsx30("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: message });
+var SignInView = ({ signIn }) => /* @__PURE__ */ jsxs23("div", { className: "rf-max-w-lg rf-mx-auto rf-bg-white rf-rounded-2xl rf-py-8 rf-flex rf-flex-col rf-gap-3", children: [
+  /* @__PURE__ */ jsx30("h2", { className: "rf-text-3xl rf-font-bold rf-text-center", children: "Order PCB" }),
+  /* @__PURE__ */ jsxs23("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-4 rf-py-8", children: [
+    /* @__PURE__ */ jsx30("p", { className: "rf-text-gray-600", children: "Please sign in to continue" }),
+    /* @__PURE__ */ jsxs23(Button, { onClick: signIn, className: "rf-flex rf-items-center rf-gap-2", children: [
+      /* @__PURE__ */ jsx30(GitHubLogoIcon2, { className: "rf-w-5 rf-h-5" }),
       "Sign in with GitHub"
     ] })
   ] })
 ] });
 
 // lib/components/OrderDialog/OrderDialog.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var queryClient = new QueryClient();
 var OrderDialog = ({
   isOpen,
@@ -3255,14 +3667,14 @@ var OrderDialog = ({
   signIn,
   isLoggedIn
 }) => {
-  return /* @__PURE__ */ jsx27(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx31(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx31(
     Dialog,
     {
       open: isOpen,
       onOpenChange: (open) => {
         if (!open) onClose();
       },
-      children: /* @__PURE__ */ jsx27(DialogContent, { className: "!rf-max-w-[660px] !rf-p-0 !rf-z-[101]", children: /* @__PURE__ */ jsx27("div", { className: "rf-relative rf-w-full", children: stage === "initial" && /* @__PURE__ */ jsx27(
+      children: /* @__PURE__ */ jsx31(DialogContent, { className: "!rf-max-w-[660px] !rf-p-0 !rf-z-[101]", children: /* @__PURE__ */ jsx31("div", { className: "rf-relative rf-w-full", children: stage === "initial" && /* @__PURE__ */ jsx31(
         InitialOrderScreen,
         {
           onCancel: onClose,
@@ -3277,7 +3689,7 @@ var OrderDialog = ({
 };
 
 // lib/components/OrderDialog/CliOrderDialog.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var CliOrderDialog = ({
   isOpen,
   onClose,
@@ -3287,7 +3699,7 @@ var CliOrderDialog = ({
   isLoggedIn
 }) => {
   const circuitJson = useRunFrameStore((state) => state.circuitJson);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx32(
     OrderDialog,
     {
       signIn,
@@ -3302,11 +3714,11 @@ var CliOrderDialog = ({
 };
 
 // lib/components/OrderDialog/useOrderDialog.tsx
-import { useState as useState13, useMemo as useMemo5, useCallback } from "react";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { useState as useState17, useMemo as useMemo6, useCallback as useCallback7 } from "react";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var useOrderDialogCli = () => {
-  const [isOpen, setIsOpen] = useState13(false);
-  const [stage, setStage] = useState13("initial");
+  const [isOpen, setIsOpen] = useState17(false);
+  const [stage, setStage] = useState17("initial");
   const handleClose = () => {
     setIsOpen(false);
     setStage("initial");
@@ -3326,15 +3738,15 @@ var useOrderDialog = ({
   packageReleaseId
 }) => {
   useStyles();
-  const [isOpen, setIsOpen] = useState13(false);
-  const [stage, setStage] = useState13("initial");
-  const handleClose = useCallback(() => {
+  const [isOpen, setIsOpen] = useState17(false);
+  const [stage, setStage] = useState17("initial");
+  const handleClose = useCallback7(() => {
     setIsOpen(false);
     setStage("initial");
   }, []);
-  const open = useCallback(() => setIsOpen(true), []);
-  const MemoizedOrderDialog = useMemo5(() => {
-    return (props) => /* @__PURE__ */ jsx29(
+  const open = useCallback7(() => setIsOpen(true), []);
+  const MemoizedOrderDialog = useMemo6(() => {
+    return (props) => /* @__PURE__ */ jsx33(
       OrderDialog,
       {
         ...props,
@@ -3355,30 +3767,30 @@ var useOrderDialog = ({
 };
 
 // lib/components/FileMenuLeftHeader.tsx
-import { Fragment as Fragment7, jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
 var FileMenuLeftHeader = (props) => {
   const lastRunEvalVersion = useRunnerStore((s) => s.lastRunEvalVersion);
-  const [snippetName, setSnippetName] = useState14(null);
-  const [hasUnsavedChanges, setHasUnsavedChanges] = useState14(false);
-  const [hasNeverBeenSaved, setHasNeverBeenSaved] = useState14(true);
-  const [isSaving, setIsSaving] = useState14(false);
-  const [requestToSaveSentAt, setRequestToSaveSentAt] = useState14(
+  const [snippetName, setSnippetName] = useState18(null);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState18(false);
+  const [hasNeverBeenSaved, setHasNeverBeenSaved] = useState18(true);
+  const [isSaving, setIsSaving] = useState18(false);
+  const [requestToSaveSentAt, setRequestToSaveSentAt] = useState18(
     null
   );
-  const [availableSnippets, setAvailableSnippets] = useState14(
+  const [availableSnippets, setAvailableSnippets] = useState18(
     null
   );
-  const [isSelectSnippetDialogOpen, setIsSelectSnippetDialogOpen] = useState14(false);
-  const [notificationMessage, setNotificationMessage] = useState14(
+  const [isSelectSnippetDialogOpen, setIsSelectSnippetDialogOpen] = useState18(false);
+  const [notificationMessage, setNotificationMessage] = useState18(
     null
   );
-  const [errorMessage, setErrorMessage] = useState14(null);
-  const [isError, setIsError] = useState14(false);
-  const [isExporting, setisExporting] = useState14(false);
+  const [errorMessage, setErrorMessage] = useState18(null);
+  const [isError, setIsError] = useState18(false);
+  const [isExporting, setisExporting] = useState18(false);
   const orderDialog = useOrderDialogCli();
   const pushEvent = useRunFrameStore((state) => state.pushEvent);
   const recentEvents = useRunFrameStore((state) => state.recentEvents);
-  const firstRenderTime = useMemo6(() => Date.now(), []);
+  const firstRenderTime = useMemo7(() => Date.now(), []);
   useEventHandler((event) => {
     if (new Date(event.created_at).valueOf() < firstRenderTime + 500) return;
     if (event.event_type === "FILE_UPDATED") {
@@ -3446,14 +3858,14 @@ var FileMenuLeftHeader = (props) => {
   };
   const storeCircuitJson = useRunFrameStore((state) => state.circuitJson);
   const circuitJson = storeCircuitJson ?? props.circuitJson;
-  const [isImportDialogOpen, setIsImportDialogOpen] = useState14(false);
-  const [isAiReviewDialogOpen, setIsAiReviewDialogOpen] = useState14(false);
-  return /* @__PURE__ */ jsxs21(Fragment7, { children: [
-    /* @__PURE__ */ jsxs21(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx30(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx30("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "File" }) }),
-      /* @__PURE__ */ jsxs21(DropdownMenuContent, { className: "rf-z-[101]", children: [
-        !props.isWebEmbedded && /* @__PURE__ */ jsxs21(Fragment7, { children: [
-          /* @__PURE__ */ jsx30(
+  const [isImportDialogOpen, setIsImportDialogOpen] = useState18(false);
+  const [isAiReviewDialogOpen, setIsAiReviewDialogOpen] = useState18(false);
+  return /* @__PURE__ */ jsxs24(Fragment7, { children: [
+    /* @__PURE__ */ jsxs24(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx34(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx34("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "File" }) }),
+      /* @__PURE__ */ jsxs24(DropdownMenuContent, { className: "rf-z-[101]", children: [
+        !props.isWebEmbedded && /* @__PURE__ */ jsxs24(Fragment7, { children: [
+          /* @__PURE__ */ jsx34(
             DropdownMenuItem,
             {
               className: "rf-text-xs",
@@ -3462,7 +3874,7 @@ var FileMenuLeftHeader = (props) => {
               children: isSaving ? "Saving..." : "Push"
             }
           ),
-          parseInt(window.location.port) > 5e3 && /* @__PURE__ */ jsx30(
+          parseInt(window.location.port) > 5e3 && /* @__PURE__ */ jsx34(
             DropdownMenuItem,
             {
               className: "rf-text-xs",
@@ -3472,7 +3884,7 @@ var FileMenuLeftHeader = (props) => {
               children: "Order"
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx34(
             DropdownMenuItem,
             {
               className: "rf-text-xs",
@@ -3481,7 +3893,7 @@ var FileMenuLeftHeader = (props) => {
               children: "Import"
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx34(
             DropdownMenuItem,
             {
               className: "rf-text-xs",
@@ -3496,8 +3908,8 @@ var FileMenuLeftHeader = (props) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs21(DropdownMenuSub, { children: [
-          /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsxs24(DropdownMenuSub, { children: [
+          /* @__PURE__ */ jsx34(
             DropdownMenuSubTrigger,
             {
               className: "rf-text-xs",
@@ -3505,7 +3917,7 @@ var FileMenuLeftHeader = (props) => {
               children: isExporting ? "Exporting..." : "Export"
             }
           ),
-          /* @__PURE__ */ jsx30(DropdownMenuPortal, { children: /* @__PURE__ */ jsx30(DropdownMenuSubContent, { children: availableExports.map((exp, i) => /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx34(DropdownMenuPortal, { children: /* @__PURE__ */ jsx34(DropdownMenuSubContent, { children: availableExports.map((exp, i) => /* @__PURE__ */ jsx34(
             DropdownMenuItem,
             {
               onSelect: () => {
@@ -3520,16 +3932,16 @@ var FileMenuLeftHeader = (props) => {
                 });
               },
               disabled: isExporting,
-              children: /* @__PURE__ */ jsx30("span", { className: "rf-text-xs", children: exp.name })
+              children: /* @__PURE__ */ jsx34("span", { className: "rf-text-xs", children: exp.name })
             },
             i
           )) }) })
         ] }),
-        !props.isWebEmbedded && /* @__PURE__ */ jsxs21(DropdownMenuSub, { children: [
-          /* @__PURE__ */ jsx30(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Advanced" }),
-          /* @__PURE__ */ jsx30(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs21(DropdownMenuSubContent, { children: [
-            /* @__PURE__ */ jsx30(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs21("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-              /* @__PURE__ */ jsx30(
+        !props.isWebEmbedded && /* @__PURE__ */ jsxs24(DropdownMenuSub, { children: [
+          /* @__PURE__ */ jsx34(DropdownMenuSubTrigger, { className: "rf-text-xs", children: "Advanced" }),
+          /* @__PURE__ */ jsx34(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs24(DropdownMenuSubContent, { children: [
+            /* @__PURE__ */ jsx34(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs24("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
+              /* @__PURE__ */ jsx34(
                 Checkbox,
                 {
                   id: "load-latest-eval",
@@ -3539,7 +3951,7 @@ var FileMenuLeftHeader = (props) => {
                   }
                 }
               ),
-              /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx34(
                 "label",
                 {
                   htmlFor: "load-latest-eval",
@@ -3548,31 +3960,31 @@ var FileMenuLeftHeader = (props) => {
                 }
               )
             ] }) }),
-            lastRunEvalVersion && /* @__PURE__ */ jsx30(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx30("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs21("span", { className: "rf-text-xs", children: [
+            lastRunEvalVersion && /* @__PURE__ */ jsx34(DropdownMenuItem, { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx34("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsxs24("span", { className: "rf-text-xs", children: [
               "@tscircuit/eval@",
               lastRunEvalVersion
             ] }) }) }),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx34(
               DropdownMenuItem,
               {
                 className: "rf-flex rf-items-center rf-gap-2",
                 onClick: () => {
                   window.open("/api/admin", "_blank");
                 },
-                children: /* @__PURE__ */ jsx30("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx30("span", { className: "rf-text-xs", children: "CLI Admin Panel" }) })
+                children: /* @__PURE__ */ jsx34("div", { className: "rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx34("span", { className: "rf-text-xs", children: "CLI Admin Panel" }) })
               }
             )
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx30(AlertDialog, { open: isError, onOpenChange: setIsError, children: /* @__PURE__ */ jsxs21(AlertDialogContent, { children: [
-        /* @__PURE__ */ jsxs21(AlertDialogHeader, { children: [
-          /* @__PURE__ */ jsx30(AlertDialogTitle, { children: "Error Saving Snippet" }),
-          /* @__PURE__ */ jsx30(AlertDialogDescription, { children: errorMessage })
+      /* @__PURE__ */ jsx34(AlertDialog, { open: isError, onOpenChange: setIsError, children: /* @__PURE__ */ jsxs24(AlertDialogContent, { children: [
+        /* @__PURE__ */ jsxs24(AlertDialogHeader, { children: [
+          /* @__PURE__ */ jsx34(AlertDialogTitle, { children: "Error Saving Snippet" }),
+          /* @__PURE__ */ jsx34(AlertDialogDescription, { children: errorMessage })
         ] }),
-        /* @__PURE__ */ jsx30(AlertDialogFooter, { children: /* @__PURE__ */ jsx30(AlertDialogCancel, { onClick: () => setIsError(false), children: "Dismiss" }) })
+        /* @__PURE__ */ jsx34(AlertDialogFooter, { children: /* @__PURE__ */ jsx34(AlertDialogCancel, { onClick: () => setIsError(false), children: "Dismiss" }) })
       ] }) }),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx34(
         SelectSnippetDialog,
         {
           snippetNames: availableSnippets ?? [],
@@ -3591,14 +4003,14 @@ var FileMenuLeftHeader = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx30(
-      ImportComponentDialog,
+    /* @__PURE__ */ jsx34(
+      ImportComponentDialogForCli,
       {
         isOpen: isImportDialogOpen,
         onClose: () => setIsImportDialogOpen(false)
       }
     ),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx34(
       AiReviewDialog,
       {
         isOpen: isAiReviewDialogOpen,
@@ -3606,7 +4018,7 @@ var FileMenuLeftHeader = (props) => {
         packageName: snippetName
       }
     ),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx34(
       Toaster,
       {
         position: "top-center",
@@ -3618,7 +4030,7 @@ var FileMenuLeftHeader = (props) => {
         }
       }
     ),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx34(
       orderDialog.OrderDialog,
       {
         isOpen: orderDialog.isOpen,
@@ -3631,7 +4043,7 @@ var FileMenuLeftHeader = (props) => {
 };
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
-import { jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
 var dropdownMenuItems = [
   "assembly",
   "pinout",
@@ -3690,13 +4102,13 @@ var CircuitJsonPreview = ({
     setSearch: setEvalSearch,
     selectVersion: selectEvalVersion
   } = useEvalVersions(allowSelectingVersion);
-  const circuitJsonErrors = useMemo7(() => {
+  const circuitJsonErrors = useMemo8(() => {
     if (!circuitJson) return null;
     return circuitJson.filter(
       (e) => e && "error_type" in e || e.type.includes("error")
     );
   }, [circuitJson]);
-  const circuitJsonWarnings = useMemo7(() => {
+  const circuitJsonWarnings = useMemo8(() => {
     if (!circuitJson) return null;
     return circuitJson.filter(
       (e) => e && "warning_type" in e || e.type.includes("warning")
@@ -3707,13 +4119,13 @@ var CircuitJsonPreview = ({
     errorStack,
     circuitJsonErrors
   });
-  const [activeTab, setActiveTabState] = useState15(
+  const [activeTab, setActiveTabState] = useState19(
     defaultActiveTab ?? defaultTab ?? availableTabs?.[0] ?? "pcb"
   );
-  const [lastActiveTab, setLastActiveTab] = useState15(null);
-  const [isFullScreen, setIsFullScreen] = useState15(defaultToFullScreen);
+  const [lastActiveTab, setLastActiveTab] = useState19(null);
+  const [isFullScreen, setIsFullScreen] = useState19(defaultToFullScreen);
   useFullscreenBodyScroll(isFullScreen);
-  const setActiveTab = useCallback2(
+  const setActiveTab = useCallback8(
     (tab) => {
       setActiveTabState(tab);
       onActiveTabChange?.(tab);
@@ -3738,31 +4150,31 @@ var CircuitJsonPreview = ({
       );
     }
   }, [circuitJson]);
-  const setCadViewerRef = useCallback2((value) => {
+  const setCadViewerRef = useCallback8((value) => {
     window.TSCIRCUIT_3D_OBJECT_REF = value === null ? void 0 : value;
   }, []);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       className: cn(
         "flex flex-col relative rf-overflow-x-hidden rf-h-full",
         className
       ),
-      children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx35(
         "div",
         {
           className: cn(
             "rf-md:sticky rf-md:top-2 rf-h-full",
             isFullScreen && "rf-fixed rf-top-0 rf-left-0 rf-w-full rf-h-full rf-bg-white rf-overflow-hidden"
           ),
-          children: /* @__PURE__ */ jsxs22(
+          children: /* @__PURE__ */ jsxs25(
             Tabs,
             {
               value: activeTab,
               onValueChange: setActiveTab,
               className: "rf-flex-grow rf-flex rf-flex-col rf-h-full",
               children: [
-                /* @__PURE__ */ jsxs22(
+                /* @__PURE__ */ jsxs25(
                   "div",
                   {
                     className: cn(
@@ -3771,7 +4183,7 @@ var CircuitJsonPreview = ({
                     ),
                     children: [
                       leftHeaderContent,
-                      showFileMenu && !leftHeaderContent && /* @__PURE__ */ jsx31(
+                      showFileMenu && !leftHeaderContent && /* @__PURE__ */ jsx35(
                         FileMenuLeftHeader,
                         {
                           isWebEmbedded,
@@ -3779,18 +4191,18 @@ var CircuitJsonPreview = ({
                           projectName
                         }
                       ),
-                      (leftHeaderContent || showFileMenu) && /* @__PURE__ */ jsx31("div", { className: "rf-flex-grow" }),
-                      !leftHeaderContent && !showFileMenu && isRunningCode && /* @__PURE__ */ jsx31(Loader23, { className: "rf-w-4 rf-h-4 rf-animate-spin" }),
-                      !leftHeaderContent && !showFileMenu && /* @__PURE__ */ jsx31("div", { className: "rf-flex-grow" }),
-                      renderLog && renderLog.progress !== 1 && !errorMessage && /* @__PURE__ */ jsxs22("div", { className: "rf-flex rf-items-center rf-gap-2 rf-min-w-0 rf-max-w-xs", children: [
-                        activeEffectName ? /* @__PURE__ */ jsx31(
+                      (leftHeaderContent || showFileMenu) && /* @__PURE__ */ jsx35("div", { className: "rf-flex-grow" }),
+                      !leftHeaderContent && !showFileMenu && isRunningCode && /* @__PURE__ */ jsx35(Loader25, { className: "rf-w-4 rf-h-4 rf-animate-spin" }),
+                      !leftHeaderContent && !showFileMenu && /* @__PURE__ */ jsx35("div", { className: "rf-flex-grow" }),
+                      renderLog && renderLog.progress !== 1 && !errorMessage && /* @__PURE__ */ jsxs25("div", { className: "rf-flex rf-items-center rf-gap-2 rf-min-w-0 rf-max-w-xs", children: [
+                        activeEffectName ? /* @__PURE__ */ jsx35(
                           "div",
                           {
                             className: "rf-text-xs rf-text-gray-500 rf-truncate rf-min-w-0",
                             title: activeEffectName,
                             children: activeEffectName
                           }
-                        ) : renderLog.lastRenderEvent && /* @__PURE__ */ jsx31(
+                        ) : renderLog.lastRenderEvent && /* @__PURE__ */ jsx35(
                           "div",
                           {
                             className: "rf-text-xs rf-text-gray-500 rf-truncate rf-min-w-0",
@@ -3798,16 +4210,16 @@ var CircuitJsonPreview = ({
                             children: renderLog.lastRenderEvent?.phase ?? ""
                           }
                         ),
-                        /* @__PURE__ */ jsx31("div", { className: "rf-w-4 rf-h-4 rf-bg-blue-500 rf-opacity-50 rf-rounded-full rf-text-white rf-flex-shrink-0", children: /* @__PURE__ */ jsx31(LoaderCircleIcon, { className: "rf-w-4 rf-h-4 rf-animate-spin" }) }),
-                        /* @__PURE__ */ jsxs22("div", { className: "rf-text-xs rf-font-bold rf-text-gray-700 rf-tabular-nums rf-flex-shrink-0", children: [
+                        /* @__PURE__ */ jsx35("div", { className: "rf-w-4 rf-h-4 rf-bg-blue-500 rf-opacity-50 rf-rounded-full rf-text-white rf-flex-shrink-0", children: /* @__PURE__ */ jsx35(LoaderCircleIcon, { className: "rf-w-4 rf-h-4 rf-animate-spin" }) }),
+                        /* @__PURE__ */ jsxs25("div", { className: "rf-text-xs rf-font-bold rf-text-gray-700 rf-tabular-nums rf-flex-shrink-0", children: [
                           ((renderLog.progress ?? 0) * 100).toFixed(1),
                           "%"
                         ] })
                       ] }),
-                      showRightHeaderContent && /* @__PURE__ */ jsxs22(TabsList, { children: [
-                        showCodeTab && /* @__PURE__ */ jsx31(TabsTrigger, { value: "code", children: "Code" }),
-                        !availableTabs || availableTabs.includes("pcb") ? /* @__PURE__ */ jsxs22(TabsTrigger, { value: "pcb", className: "rf-whitespace-nowrap", children: [
-                          circuitJson && /* @__PURE__ */ jsx31(
+                      showRightHeaderContent && /* @__PURE__ */ jsxs25(TabsList, { children: [
+                        showCodeTab && /* @__PURE__ */ jsx35(TabsTrigger, { value: "code", children: "Code" }),
+                        !availableTabs || availableTabs.includes("pcb") ? /* @__PURE__ */ jsxs25(TabsTrigger, { value: "pcb", className: "rf-whitespace-nowrap", children: [
+                          circuitJson && /* @__PURE__ */ jsx35(
                             "span",
                             {
                               className: cn(
@@ -3818,13 +4230,13 @@ var CircuitJsonPreview = ({
                           ),
                           "PCB"
                         ] }) : null,
-                        !availableTabs || availableTabs.includes("schematic") ? /* @__PURE__ */ jsxs22(
+                        !availableTabs || availableTabs.includes("schematic") ? /* @__PURE__ */ jsxs25(
                           TabsTrigger,
                           {
                             value: "schematic",
                             className: "rf-whitespace-nowrap",
                             children: [
-                              circuitJson && /* @__PURE__ */ jsx31(
+                              circuitJson && /* @__PURE__ */ jsx35(
                                 "span",
                                 {
                                   className: cn(
@@ -3837,8 +4249,8 @@ var CircuitJsonPreview = ({
                             ]
                           }
                         ) : null,
-                        !availableTabs || availableTabs.includes("cad") ? /* @__PURE__ */ jsxs22(TabsTrigger, { value: "cad", children: [
-                          circuitJson && /* @__PURE__ */ jsx31(
+                        !availableTabs || availableTabs.includes("cad") ? /* @__PURE__ */ jsxs25(TabsTrigger, { value: "cad", children: [
+                          circuitJson && /* @__PURE__ */ jsx35(
                             "span",
                             {
                               className: cn(
@@ -3849,34 +4261,34 @@ var CircuitJsonPreview = ({
                           ),
                           "3D"
                         ] }) : null,
-                        !["pcb", "cad", "schematic"].includes(activeTab) && /* @__PURE__ */ jsx31(TabsTrigger, { value: activeTab, children: capitalizeFirstLetters(activeTab) }),
-                        /* @__PURE__ */ jsxs22(DropdownMenu, { children: [
-                          /* @__PURE__ */ jsx31(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs22("div", { className: "rf-whitespace-nowrap rf-p-2 rf-mr-1 rf-cursor-pointer rf-relative", children: [
-                            /* @__PURE__ */ jsx31(EllipsisIcon, { className: "rf-w-4 rf-h-4" }),
-                            (circuitJsonErrors && circuitJsonErrors.length > 0 || errorMessage) && /* @__PURE__ */ jsx31("span", { className: "rf-inline-flex rf-absolute rf-top-[6px] rf-right-[4px] rf-items-center rf-justify-center rf-w-1 rf-h-1 rf-ml-2 rf-text-[8px] rf-font-bold rf-text-white rf-bg-red-500 rf-rounded-full" })
+                        !["pcb", "cad", "schematic"].includes(activeTab) && /* @__PURE__ */ jsx35(TabsTrigger, { value: activeTab, children: capitalizeFirstLetters(activeTab) }),
+                        /* @__PURE__ */ jsxs25(DropdownMenu, { children: [
+                          /* @__PURE__ */ jsx35(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs25("div", { className: "rf-whitespace-nowrap rf-p-2 rf-mr-1 rf-cursor-pointer rf-relative", children: [
+                            /* @__PURE__ */ jsx35(EllipsisIcon, { className: "rf-w-4 rf-h-4" }),
+                            (circuitJsonErrors && circuitJsonErrors.length > 0 || errorMessage) && /* @__PURE__ */ jsx35("span", { className: "rf-inline-flex rf-absolute rf-top-[6px] rf-right-[4px] rf-items-center rf-justify-center rf-w-1 rf-h-1 rf-ml-2 rf-text-[8px] rf-font-bold rf-text-white rf-bg-red-500 rf-rounded-full" })
                           ] }) }),
-                          /* @__PURE__ */ jsxs22(DropdownMenuContent, { className: "rf-*:text-xs rf-z-[101]", children: [
+                          /* @__PURE__ */ jsxs25(DropdownMenuContent, { className: "rf-*:text-xs rf-z-[101]", children: [
                             dropdownMenuItems.filter(
                               (item) => !availableTabs || availableTabs.includes(item)
-                            ).map((item) => /* @__PURE__ */ jsxs22(
+                            ).map((item) => /* @__PURE__ */ jsxs25(
                               DropdownMenuItem,
                               {
                                 onSelect: () => setActiveTab(item),
                                 children: [
-                                  activeTab !== item && /* @__PURE__ */ jsx31(Circle2, { className: "rf-w-3 rf-h-3 rf-opacity-30" }),
-                                  activeTab === item && /* @__PURE__ */ jsx31(CheckIcon, { className: "rf-w-3 rf-h-3" }),
-                                  /* @__PURE__ */ jsx31("div", { className: "rf-pr-2", children: capitalizeFirstLetters(item) }),
-                                  item === "errors" && (circuitJsonErrors && circuitJsonErrors.length > 0 || errorMessage) && /* @__PURE__ */ jsx31("span", { className: "rf-inline-flex rf-items-center rf-justify-center rf-w-3 rf-h-3 rf-ml-2 rf-text-[8px] rf-font-bold rf-text-white rf-bg-red-500 rf-rounded-full", children: errorMessage ? 1 : circuitJsonErrors?.length })
+                                  activeTab !== item && /* @__PURE__ */ jsx35(Circle2, { className: "rf-w-3 rf-h-3 rf-opacity-30" }),
+                                  activeTab === item && /* @__PURE__ */ jsx35(CheckIcon, { className: "rf-w-3 rf-h-3" }),
+                                  /* @__PURE__ */ jsx35("div", { className: "rf-pr-2", children: capitalizeFirstLetters(item) }),
+                                  item === "errors" && (circuitJsonErrors && circuitJsonErrors.length > 0 || errorMessage) && /* @__PURE__ */ jsx35("span", { className: "rf-inline-flex rf-items-center rf-justify-center rf-w-3 rf-h-3 rf-ml-2 rf-text-[8px] rf-font-bold rf-text-white rf-bg-red-500 rf-rounded-full", children: errorMessage ? 1 : circuitJsonErrors?.length })
                                 ]
                               },
                               item
                             )),
-                            /* @__PURE__ */ jsx31(
+                            /* @__PURE__ */ jsx35(
                               DropdownMenuItem,
                               {
                                 disabled: true,
                                 className: "rf-opacity-60 rf-cursor-default rf-select-none",
-                                children: /* @__PURE__ */ jsxs22("div", { className: "rf-pr-2 rf-text-xs rf-text-gray-500", children: [
+                                children: /* @__PURE__ */ jsxs25("div", { className: "rf-pr-2 rf-text-xs rf-text-gray-500", children: [
                                   "@tscircuit/runframe@",
                                   version.split(".").map(
                                     (part, i) => i === 2 ? parseInt(part) + 1 : part
@@ -3884,17 +4296,17 @@ var CircuitJsonPreview = ({
                                 ] })
                               }
                             ),
-                            allowSelectingVersion ? /* @__PURE__ */ jsxs22(
+                            allowSelectingVersion ? /* @__PURE__ */ jsxs25(
                               DropdownMenuSub,
                               {
                                 onOpenChange: (open) => !open && setEvalSearch(""),
                                 children: [
-                                  /* @__PURE__ */ jsx31(DropdownMenuSubTrigger, { className: "rf-text-xs rf-opacity-60", children: /* @__PURE__ */ jsxs22("div", { className: "rf-pr-2 rf-text-xs rf-text-gray-500", children: [
+                                  /* @__PURE__ */ jsx35(DropdownMenuSubTrigger, { className: "rf-text-xs rf-opacity-60", children: /* @__PURE__ */ jsxs25("div", { className: "rf-pr-2 rf-text-xs rf-text-gray-500", children: [
                                     "@tscircuit/eval@",
                                     lastRunEvalVersion ?? latestVersion ?? "latest"
                                   ] }) }),
-                                  /* @__PURE__ */ jsx31(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs22(DropdownMenuSubContent, { className: "rf-*:text-xs rf-w-40 rf-max-h-[200px] rf-overflow-y-auto", children: [
-                                    /* @__PURE__ */ jsx31("div", { className: "rf-p-1", children: /* @__PURE__ */ jsx31(
+                                  /* @__PURE__ */ jsx35(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs25(DropdownMenuSubContent, { className: "rf-*:text-xs rf-w-40 rf-max-h-[200px] rf-overflow-y-auto", children: [
+                                    /* @__PURE__ */ jsx35("div", { className: "rf-p-1", children: /* @__PURE__ */ jsx35(
                                       Input,
                                       {
                                         value: evalSearch,
@@ -3903,15 +4315,15 @@ var CircuitJsonPreview = ({
                                         className: "rf-h-7 rf-text-xs"
                                       }
                                     ) }),
-                                    /* @__PURE__ */ jsx31(DropdownMenuSeparator, {}),
-                                    /* @__PURE__ */ jsx31(
+                                    /* @__PURE__ */ jsx35(DropdownMenuSeparator, {}),
+                                    /* @__PURE__ */ jsx35(
                                       DropdownMenuItem,
                                       {
                                         onSelect: () => selectEvalVersion(null),
                                         children: latestVersion ? `${latestVersion} (latest)` : "latest"
                                       }
                                     ),
-                                    evalVersions.map((v) => /* @__PURE__ */ jsx31(
+                                    evalVersions.map((v) => /* @__PURE__ */ jsx35(
                                       DropdownMenuItem,
                                       {
                                         onSelect: () => selectEvalVersion(v),
@@ -3922,12 +4334,12 @@ var CircuitJsonPreview = ({
                                   ] }) })
                                 ]
                               }
-                            ) : lastRunEvalVersion && /* @__PURE__ */ jsx31(
+                            ) : lastRunEvalVersion && /* @__PURE__ */ jsx35(
                               DropdownMenuItem,
                               {
                                 disabled: true,
                                 className: "rf-opacity-60 rf-cursor-default rf-select-none",
-                                children: /* @__PURE__ */ jsxs22("div", { className: "rf-pr-2 rf-text-xs rf-text-gray-500", children: [
+                                children: /* @__PURE__ */ jsxs25("div", { className: "rf-pr-2 rf-text-xs rf-text-gray-500", children: [
                                   "@tscircuit/eval@",
                                   lastRunEvalVersion
                                 ] })
@@ -3936,33 +4348,33 @@ var CircuitJsonPreview = ({
                           ] })
                         ] })
                       ] }),
-                      showToggleFullScreen && /* @__PURE__ */ jsx31(Button, { onClick: toggleFullScreen, variant: "ghost", children: isFullScreen ? /* @__PURE__ */ jsx31(MinimizeIcon, { size: 16 }) : /* @__PURE__ */ jsx31(FullscreenIcon, { size: 16 }) })
+                      showToggleFullScreen && /* @__PURE__ */ jsx35(Button, { onClick: toggleFullScreen, variant: "ghost", children: isFullScreen ? /* @__PURE__ */ jsx35(MinimizeIcon, { size: 16 }) : /* @__PURE__ */ jsx35(FullscreenIcon, { size: 16 }) })
                     ]
                   }
                 ),
-                showCodeTab && /* @__PURE__ */ jsx31(
+                showCodeTab && /* @__PURE__ */ jsx35(
                   TabsContent,
                   {
                     value: "code",
                     className: "rf-flex-grow rf-overflow-hidden",
-                    children: /* @__PURE__ */ jsx31("div", { className: "rf-h-full", children: codeTabContent })
+                    children: /* @__PURE__ */ jsx35("div", { className: "rf-h-full", children: codeTabContent })
                   }
                 ),
-                (!availableTabs || availableTabs.includes("pcb")) && /* @__PURE__ */ jsx31(TabsContent, { value: "pcb", children: /* @__PURE__ */ jsx31(
+                (!availableTabs || availableTabs.includes("pcb")) && /* @__PURE__ */ jsx35(TabsContent, { value: "pcb", children: /* @__PURE__ */ jsx35(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-hidden",
                       isFullScreen ? "rf-h-[calc(100vh-52px)]" : "rf-h-full"
                     ),
-                    children: /* @__PURE__ */ jsx31(
+                    children: /* @__PURE__ */ jsx35(
                       ErrorBoundary,
                       {
-                        fallbackRender: ({ error }) => /* @__PURE__ */ jsx31("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200", children: /* @__PURE__ */ jsxs22("div", { className: "rf-p-4", children: [
-                          /* @__PURE__ */ jsx31("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-3", children: "Error loading PCB viewer" }),
-                          /* @__PURE__ */ jsx31("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600 rf-mt-2", children: error?.message || "An unknown error occurred" })
+                        fallbackRender: ({ error }) => /* @__PURE__ */ jsx35("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200", children: /* @__PURE__ */ jsxs25("div", { className: "rf-p-4", children: [
+                          /* @__PURE__ */ jsx35("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-3", children: "Error loading PCB viewer" }),
+                          /* @__PURE__ */ jsx35("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600 rf-mt-2", children: error?.message || "An unknown error occurred" })
                         ] }) }),
-                        children: circuitJson ? /* @__PURE__ */ jsx31(
+                        children: circuitJson ? /* @__PURE__ */ jsx35(
                           PcbViewerWithContainerHeight,
                           {
                             focusOnHover: false,
@@ -3980,19 +4392,19 @@ var CircuitJsonPreview = ({
                               }
                             }
                           }
-                        ) : /* @__PURE__ */ jsx31(PreviewEmptyState_default, { onRunClicked })
+                        ) : /* @__PURE__ */ jsx35(PreviewEmptyState_default, { onRunClicked })
                       }
                     )
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("assembly")) && /* @__PURE__ */ jsx31(TabsContent, { value: "assembly", children: /* @__PURE__ */ jsx31(
+                (!availableTabs || availableTabs.includes("assembly")) && /* @__PURE__ */ jsx35(TabsContent, { value: "assembly", children: /* @__PURE__ */ jsx35(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-auto",
                       isFullScreen ? "rf-h-screen" : "rf-h-full  rf-min-h-[620px]"
                     ),
-                    children: /* @__PURE__ */ jsx31(ErrorBoundary, { fallback: /* @__PURE__ */ jsx31("div", { children: "Error loading Assembly" }), children: circuitJson ? /* @__PURE__ */ jsx31(
+                    children: /* @__PURE__ */ jsx35(ErrorBoundary, { fallback: /* @__PURE__ */ jsx35("div", { children: "Error loading Assembly" }), children: circuitJson ? /* @__PURE__ */ jsx35(
                       AssemblyViewer,
                       {
                         circuitJson,
@@ -4002,21 +4414,21 @@ var CircuitJsonPreview = ({
                         editingEnabled: true,
                         debugGrid: true
                       }
-                    ) : /* @__PURE__ */ jsx31(PreviewEmptyState_default, { onRunClicked }) })
+                    ) : /* @__PURE__ */ jsx35(PreviewEmptyState_default, { onRunClicked }) })
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("pinout")) && /* @__PURE__ */ jsx31(TabsContent, { value: "pinout", children: /* @__PURE__ */ jsx31(
+                (!availableTabs || availableTabs.includes("pinout")) && /* @__PURE__ */ jsx35(TabsContent, { value: "pinout", children: /* @__PURE__ */ jsx35(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-auto",
                       isFullScreen ? "rf-h-screen" : "rf-h-full  rf-min-h-[620px]"
                     ),
-                    children: /* @__PURE__ */ jsx31(
+                    children: /* @__PURE__ */ jsx35(
                       ErrorBoundary,
                       {
-                        fallback: /* @__PURE__ */ jsx31("div", { children: "Error loading Pinout Viewer" }),
-                        children: circuitJson ? /* @__PURE__ */ jsx31(
+                        fallback: /* @__PURE__ */ jsx35("div", { children: "Error loading Pinout Viewer" }),
+                        children: circuitJson ? /* @__PURE__ */ jsx35(
                           PinoutViewer,
                           {
                             circuitJson,
@@ -4024,26 +4436,26 @@ var CircuitJsonPreview = ({
                               height: "100%"
                             }
                           }
-                        ) : /* @__PURE__ */ jsx31(PreviewEmptyState_default, { onRunClicked })
+                        ) : /* @__PURE__ */ jsx35(PreviewEmptyState_default, { onRunClicked })
                       }
                     )
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("schematic")) && /* @__PURE__ */ jsx31(TabsContent, { value: "schematic", children: /* @__PURE__ */ jsx31(
+                (!availableTabs || availableTabs.includes("schematic")) && /* @__PURE__ */ jsx35(TabsContent, { value: "schematic", children: /* @__PURE__ */ jsx35(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-auto rf-bg-white",
                       isFullScreen ? "rf-h-screen" : "rf-h-full  rf-min-h-[620px]"
                     ),
-                    children: /* @__PURE__ */ jsx31(
+                    children: /* @__PURE__ */ jsx35(
                       ErrorBoundary,
                       {
-                        fallbackRender: ({ error }) => /* @__PURE__ */ jsx31("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200", children: /* @__PURE__ */ jsxs22("div", { className: "rf-p-4", children: [
-                          /* @__PURE__ */ jsx31("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-3", children: "Error loading Schematic" }),
-                          /* @__PURE__ */ jsx31("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600 rf-mt-2", children: error?.message || "An unknown error occurred" })
+                        fallbackRender: ({ error }) => /* @__PURE__ */ jsx35("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200", children: /* @__PURE__ */ jsxs25("div", { className: "rf-p-4", children: [
+                          /* @__PURE__ */ jsx35("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-3", children: "Error loading Schematic" }),
+                          /* @__PURE__ */ jsx35("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600 rf-mt-2", children: error?.message || "An unknown error occurred" })
                         ] }) }),
-                        children: circuitJson ? /* @__PURE__ */ jsx31(
+                        children: circuitJson ? /* @__PURE__ */ jsx35(
                           SchematicViewer,
                           {
                             spiceSimulationEnabled: true,
@@ -4057,65 +4469,65 @@ var CircuitJsonPreview = ({
                             },
                             debugGrid: showSchematicDebugGrid
                           }
-                        ) : /* @__PURE__ */ jsx31(PreviewEmptyState_default, { onRunClicked })
+                        ) : /* @__PURE__ */ jsx35(PreviewEmptyState_default, { onRunClicked })
                       }
                     )
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("cad")) && /* @__PURE__ */ jsx31(TabsContent, { value: "cad", children: /* @__PURE__ */ jsx31(
+                (!availableTabs || availableTabs.includes("cad")) && /* @__PURE__ */ jsx35(TabsContent, { value: "cad", children: /* @__PURE__ */ jsx35(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-auto",
                       isFullScreen ? "rf-h-screen" : "rf-h-full  rf-min-h-[620px]"
                     ),
-                    children: /* @__PURE__ */ jsx31(ErrorBoundary, { FallbackComponent: ErrorFallback, children: circuitJson ? /* @__PURE__ */ jsx31(
+                    children: /* @__PURE__ */ jsx35(ErrorBoundary, { FallbackComponent: ErrorFallback, children: circuitJson ? /* @__PURE__ */ jsx35(
                       CadViewer,
                       {
                         ref: setCadViewerRef,
                         circuitJson,
                         autoRotateDisabled: autoRotate3dViewerDisabled
                       }
-                    ) : /* @__PURE__ */ jsx31(PreviewEmptyState_default, { onRunClicked }) })
+                    ) : /* @__PURE__ */ jsx35(PreviewEmptyState_default, { onRunClicked }) })
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("bom")) && /* @__PURE__ */ jsx31(TabsContent, { value: "bom", children: /* @__PURE__ */ jsx31(
+                (!availableTabs || availableTabs.includes("bom")) && /* @__PURE__ */ jsx35(TabsContent, { value: "bom", children: /* @__PURE__ */ jsx35(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-auto",
                       isFullScreen ? "rf-h-screen" : "rf-h-full  rf-min-h-[620px]"
                     ),
-                    children: /* @__PURE__ */ jsx31(
+                    children: /* @__PURE__ */ jsx35(
                       ErrorBoundary,
                       {
-                        fallbackRender: ({ error }) => /* @__PURE__ */ jsx31("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200", children: /* @__PURE__ */ jsxs22("div", { className: "rf-p-4", children: [
-                          /* @__PURE__ */ jsx31("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-3", children: "Error loading Bill of Materials" }),
-                          /* @__PURE__ */ jsx31("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600 rf-mt-2", children: error?.message || "An unknown error occurred" })
+                        fallbackRender: ({ error }) => /* @__PURE__ */ jsx35("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200", children: /* @__PURE__ */ jsxs25("div", { className: "rf-p-4", children: [
+                          /* @__PURE__ */ jsx35("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-3", children: "Error loading Bill of Materials" }),
+                          /* @__PURE__ */ jsx35("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600 rf-mt-2", children: error?.message || "An unknown error occurred" })
                         ] }) }),
-                        children: circuitJson ? /* @__PURE__ */ jsx31(BomTable, { circuitJson }) : /* @__PURE__ */ jsx31(PreviewEmptyState_default, { onRunClicked })
+                        children: circuitJson ? /* @__PURE__ */ jsx35(BomTable, { circuitJson }) : /* @__PURE__ */ jsx35(PreviewEmptyState_default, { onRunClicked })
                       }
                     )
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("circuit_json")) && /* @__PURE__ */ jsx31(TabsContent, { value: "circuit_json", children: /* @__PURE__ */ jsx31(
+                (!availableTabs || availableTabs.includes("circuit_json")) && /* @__PURE__ */ jsx35(TabsContent, { value: "circuit_json", children: /* @__PURE__ */ jsx35(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-auto",
                       isFullScreen ? "rf-h-screen" : "rf-h-full  rf-min-h-[620px]"
                     ),
-                    children: /* @__PURE__ */ jsx31(ErrorBoundary, { fallback: /* @__PURE__ */ jsx31("div", { children: "Error loading JSON viewer" }), children: circuitJson ? /* @__PURE__ */ jsx31(CircuitJsonTableViewer, { elements: circuitJson }) : /* @__PURE__ */ jsx31(PreviewEmptyState_default, { onRunClicked }) })
+                    children: /* @__PURE__ */ jsx35(ErrorBoundary, { fallback: /* @__PURE__ */ jsx35("div", { children: "Error loading JSON viewer" }), children: circuitJson ? /* @__PURE__ */ jsx35(CircuitJsonTableViewer, { elements: circuitJson }) : /* @__PURE__ */ jsx35(PreviewEmptyState_default, { onRunClicked }) })
                   }
                 ) }),
-                (!availableTabs || availableTabs.includes("errors")) && /* @__PURE__ */ jsx31(TabsContent, { value: "errors", children: /* @__PURE__ */ jsx31(
+                (!availableTabs || availableTabs.includes("errors")) && /* @__PURE__ */ jsx35(TabsContent, { value: "errors", children: /* @__PURE__ */ jsx35(
                   "div",
                   {
                     className: cn(
                       "rf-overflow-auto",
                       isFullScreen ? "rf-h-screen" : "rf-h-full  rf-min-h-[620px]"
                     ),
-                    children: errorMessage || circuitJsonErrors && circuitJsonErrors.length > 0 || circuitJson ? /* @__PURE__ */ jsx31(
+                    children: errorMessage || circuitJsonErrors && circuitJsonErrors.length > 0 || circuitJson ? /* @__PURE__ */ jsx35(
                       ErrorTabContent,
                       {
                         code,
@@ -4129,10 +4541,10 @@ var CircuitJsonPreview = ({
                         autoroutingLog,
                         onReportAutoroutingLog
                       }
-                    ) : /* @__PURE__ */ jsx31(PreviewEmptyState_default, { onRunClicked })
+                    ) : /* @__PURE__ */ jsx35(PreviewEmptyState_default, { onRunClicked })
                   }
                 ) }),
-                showRenderLogTab && (!availableTabs || availableTabs.includes("render_log")) && /* @__PURE__ */ jsx31(TabsContent, { value: "render_log", children: /* @__PURE__ */ jsx31(
+                showRenderLogTab && (!availableTabs || availableTabs.includes("render_log")) && /* @__PURE__ */ jsx35(TabsContent, { value: "render_log", children: /* @__PURE__ */ jsx35(
                   RenderLogViewer,
                   {
                     renderLog,
@@ -4155,9 +4567,14 @@ import { SchematicViewer as SchematicViewer2 } from "@tscircuit/schematic-viewer
 
 export {
   cn,
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
   Button,
   linkify,
   BomTable,
+  Input,
   PcbViewerWithContainerHeight,
   useStyles,
   useLocalStorageState,
@@ -4165,11 +4582,15 @@ export {
   debug_default,
   API_BASE,
   useRunFrameStore,
-  searchJLCComponents,
-  mapJLCComponentToSearchResult,
-  searchTscircuitComponents,
-  mapTscircuitSnippetToSearchResult,
-  ImportComponentDialog,
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+  ImportComponentDialog2,
+  toast,
+  ImportComponentDialogForCli,
   registryKy,
   useOrderDialogCli,
   useOrderDialog,