@tscircuit/fake-snippets 0.0.99 → 0.0.101

package/dist/index.d.ts

@@ -1073,7 +1073,7 @@ declare const createDatabase: ({ seed }?: {
         datasheet_pdf_urls: string[] | null;
         ai_description: string | null;
     }[];
-}, "addOrder" | "getOrderById" | "getOrderFilesByOrderId" | "addOrderQuote" | "getOrderQuoteById" | "getJlcpcbOrderStatesByOrderId" | "getJlcpcbOrderStepRunsByJlcpcbOrderStateId" | "updateOrder" | "addJlcpcbOrderState" | "updateJlcpcbOrderState" | "addOrderFile" | "getOrderFileById" | "addAccount" | "addAccountPackage" | "getAccountPackageById" | "updateAccountPackage" | "deleteAccountPackage" | "addSnippet" | "getLatestSnippets" | "getTrendingSnippets" | "getPackagesByAuthor" | "getSnippetByAuthorAndName" | "updateSnippet" | "getSnippetById" | "searchSnippets" | "searchPackages" | "deleteSnippet" | "addSession" | "getSessions" | "createLoginPage" | "getLoginPage" | "updateLoginPage" | "getAccount" | "updateAccount" | "createSession" | "addStar" | "removeStar" | "hasStarred" | "addPackage" | "updatePackage" | "getPackageById" | "getPackageReleaseById" | "addPackageRelease" | "updatePackageRelease" | "deletePackageFile" | "addPackageFile" | "updatePackageFile" | "getStarCount" | "getPackageFilesByReleaseId" | "updatePackageReleaseFsSha" | "addAiReview" | "updateAiReview" | "getAiReviewById" | "listAiReviews" | "addDatasheet" | "getDatasheetById" | "getDatasheetByChipName" | "listDatasheets" | "updateDatasheet"> & {
+}, "addOrder" | "getOrderById" | "getOrderFilesByOrderId" | "addOrderQuote" | "getOrderQuoteById" | "getJlcpcbOrderStatesByOrderId" | "getJlcpcbOrderStepRunsByJlcpcbOrderStateId" | "updateOrder" | "addJlcpcbOrderState" | "updateJlcpcbOrderState" | "addOrderFile" | "getOrderFileById" | "addAccount" | "addAccountPackage" | "getAccountPackageById" | "updateAccountPackage" | "deleteAccountPackage" | "addSnippet" | "getLatestSnippets" | "getTrendingSnippets" | "getPackagesByAuthor" | "getSnippetByAuthorAndName" | "updateSnippet" | "getSnippetById" | "searchSnippets" | "searchPackages" | "searchAccounts" | "deleteSnippet" | "addSession" | "getSessions" | "createLoginPage" | "getLoginPage" | "updateLoginPage" | "getAccount" | "updateAccount" | "createSession" | "addStar" | "removeStar" | "hasStarred" | "addPackage" | "updatePackage" | "getPackageById" | "getPackageReleaseById" | "addPackageRelease" | "updatePackageRelease" | "deletePackageFile" | "addPackageFile" | "updatePackageFile" | "getStarCount" | "getPackageFilesByReleaseId" | "updatePackageReleaseFsSha" | "addAiReview" | "updateAiReview" | "getAiReviewById" | "listAiReviews" | "addDatasheet" | "getDatasheetById" | "getDatasheetByChipName" | "listDatasheets" | "updateDatasheet"> & {
     addOrder: (order: Omit<Order, "order_id">) => Order;
     getOrderById: (orderId: string) => Order | undefined;
     getOrderFilesByOrderId: (orderId: string) => OrderFile[];
@@ -1121,6 +1121,7 @@ declare const createDatabase: ({ seed }?: {
     }) => Snippet | undefined;
     searchSnippets: (query: string) => Snippet[];
     searchPackages: (query: string) => Package[];
+    searchAccounts: (query: string, limit?: number) => Account[];
     deleteSnippet: (snippetId: string) => boolean;
     addSession: (session: Omit<Session, "session_id">) => Session;
     getSessions: ({ account_id, is_cli_session, }: {
@@ -1426,7 +1427,7 @@ declare const createDatabase: ({ seed }?: {
         datasheet_pdf_urls: string[] | null;
         ai_description: string | null;
     }[];
-}, "addOrder" | "getOrderById" | "getOrderFilesByOrderId" | "addOrderQuote" | "getOrderQuoteById" | "getJlcpcbOrderStatesByOrderId" | "getJlcpcbOrderStepRunsByJlcpcbOrderStateId" | "updateOrder" | "addJlcpcbOrderState" | "updateJlcpcbOrderState" | "addOrderFile" | "getOrderFileById" | "addAccount" | "addAccountPackage" | "getAccountPackageById" | "updateAccountPackage" | "deleteAccountPackage" | "addSnippet" | "getLatestSnippets" | "getTrendingSnippets" | "getPackagesByAuthor" | "getSnippetByAuthorAndName" | "updateSnippet" | "getSnippetById" | "searchSnippets" | "searchPackages" | "deleteSnippet" | "addSession" | "getSessions" | "createLoginPage" | "getLoginPage" | "updateLoginPage" | "getAccount" | "updateAccount" | "createSession" | "addStar" | "removeStar" | "hasStarred" | "addPackage" | "updatePackage" | "getPackageById" | "getPackageReleaseById" | "addPackageRelease" | "updatePackageRelease" | "deletePackageFile" | "addPackageFile" | "updatePackageFile" | "getStarCount" | "getPackageFilesByReleaseId" | "updatePackageReleaseFsSha" | "addAiReview" | "updateAiReview" | "getAiReviewById" | "listAiReviews" | "addDatasheet" | "getDatasheetById" | "getDatasheetByChipName" | "listDatasheets" | "updateDatasheet"> & {
+}, "addOrder" | "getOrderById" | "getOrderFilesByOrderId" | "addOrderQuote" | "getOrderQuoteById" | "getJlcpcbOrderStatesByOrderId" | "getJlcpcbOrderStepRunsByJlcpcbOrderStateId" | "updateOrder" | "addJlcpcbOrderState" | "updateJlcpcbOrderState" | "addOrderFile" | "getOrderFileById" | "addAccount" | "addAccountPackage" | "getAccountPackageById" | "updateAccountPackage" | "deleteAccountPackage" | "addSnippet" | "getLatestSnippets" | "getTrendingSnippets" | "getPackagesByAuthor" | "getSnippetByAuthorAndName" | "updateSnippet" | "getSnippetById" | "searchSnippets" | "searchPackages" | "searchAccounts" | "deleteSnippet" | "addSession" | "getSessions" | "createLoginPage" | "getLoginPage" | "updateLoginPage" | "getAccount" | "updateAccount" | "createSession" | "addStar" | "removeStar" | "hasStarred" | "addPackage" | "updatePackage" | "getPackageById" | "getPackageReleaseById" | "addPackageRelease" | "updatePackageRelease" | "deletePackageFile" | "addPackageFile" | "updatePackageFile" | "getStarCount" | "getPackageFilesByReleaseId" | "updatePackageReleaseFsSha" | "addAiReview" | "updateAiReview" | "getAiReviewById" | "listAiReviews" | "addDatasheet" | "getDatasheetById" | "getDatasheetByChipName" | "listDatasheets" | "updateDatasheet"> & {
     addOrder: (order: Omit<Order, "order_id">) => Order;
     getOrderById: (orderId: string) => Order | undefined;
     getOrderFilesByOrderId: (orderId: string) => OrderFile[];
@@ -1474,6 +1475,7 @@ declare const createDatabase: ({ seed }?: {
     }) => Snippet | undefined;
     searchSnippets: (query: string) => Snippet[];
     searchPackages: (query: string) => Package[];
+    searchAccounts: (query: string, limit?: number) => Account[];
     deleteSnippet: (snippetId: string) => boolean;
     addSession: (session: Omit<Session, "session_id">) => Session;
     getSessions: ({ account_id, is_cli_session, }: {

package/dist/index.js

@@ -2798,6 +2798,31 @@ var initializer = combine(databaseSchema.parse({}), (set, get) => ({
     ];
     return matchingPackages;
   },
+  searchAccounts: (query, limit) => {
+    const state = get();
+    const lowercaseQuery = query.toLowerCase();
+    const accountsWithPublicPackages = /* @__PURE__ */ new Set();
+    state.packages.filter((pkg) => pkg.is_public === true).forEach((pkg) => {
+      if (pkg.creator_account_id) {
+        accountsWithPublicPackages.add(pkg.creator_account_id);
+      }
+      if (pkg.owner_github_username) {
+        const account = state.accounts.find(
+          (acc) => acc.github_username === pkg.owner_github_username
+        );
+        if (account) {
+          accountsWithPublicPackages.add(account.account_id);
+        }
+      }
+    });
+    const matchingAccounts = state.accounts.filter((account) => {
+      if (!accountsWithPublicPackages.has(account.account_id)) {
+        return false;
+      }
+      return account.github_username.toLowerCase().includes(lowercaseQuery);
+    }).slice(0, limit || 50);
+    return matchingAccounts;
+  },
   deleteSnippet: (snippetId) => {
     let deleted = false;
     set((state) => {

package/fake-snippets-api/lib/db/db-client.ts

@@ -1019,6 +1019,38 @@ const initializer = combine(databaseSchema.parse({}), (set, get) => ({
 
     return matchingPackages
   },
+  searchAccounts: (query: string, limit?: number): Account[] => {
+    const state = get()
+    const lowercaseQuery = query.toLowerCase()
+
+    const accountsWithPublicPackages = new Set<string>()
+    state.packages
+      .filter((pkg) => pkg.is_public === true)
+      .forEach((pkg) => {
+        if (pkg.creator_account_id) {
+          accountsWithPublicPackages.add(pkg.creator_account_id)
+        }
+        if (pkg.owner_github_username) {
+          const account = state.accounts.find(
+            (acc) => acc.github_username === pkg.owner_github_username,
+          )
+          if (account) {
+            accountsWithPublicPackages.add(account.account_id)
+          }
+        }
+      })
+
+    const matchingAccounts = state.accounts
+      .filter((account) => {
+        if (!accountsWithPublicPackages.has(account.account_id)) {
+          return false
+        }
+        return account.github_username.toLowerCase().includes(lowercaseQuery)
+      })
+      .slice(0, limit || 50)
+
+    return matchingAccounts
+  },
   deleteSnippet: (snippetId: string): boolean => {
     let deleted = false
     set((state) => {

package/fake-snippets-api/routes/api/accounts/search.ts

@@ -0,0 +1,20 @@
+import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
+import { z } from "zod"
+import { accountSchema } from "fake-snippets-api/lib/db/schema"
+
+export default withRouteSpec({
+  methods: ["POST"],
+  auth: "session",
+  jsonBody: z.object({
+    query: z.string(),
+    limit: z.number().optional().default(50),
+  }),
+  jsonResponse: z.object({
+    ok: z.boolean(),
+    accounts: z.array(accountSchema),
+  }),
+})(async (req, ctx) => {
+  const { query, limit } = req.jsonBody
+  const accounts = ctx.db.searchAccounts(query, limit)
+  return ctx.json({ accounts, ok: true })
+})

package/fake-snippets-api/routes/api/packages/create.ts

@@ -13,7 +13,8 @@ export default withRouteSpec({
         /^[@a-zA-Z0-9-_\/]+$/,
         "Package name can only contain letters, numbers, hyphens, underscores, and forward slashes",
       )
-      .transform((name) => name.replace(/^@/, "")),
+      .transform((name) => name.replace(/^@/, ""))
+      .optional(),
     description: z.string().optional(),
     is_private: z.boolean().optional().default(false),
     is_unlisted: z.boolean().optional().default(false),
@@ -33,10 +34,20 @@ export default withRouteSpec({
     })
   }
 
-  const unscoped_name = name.split("/")[1]
+  let unscoped_name = name?.includes("/") ? name?.split("/")[1] : name
+  if (!unscoped_name) {
+    const state = ctx.db.getState()
+    const count = state.packages.filter(
+      (pkg) => pkg.creator_account_id === ctx.auth.account_id,
+    ).length
+
+    unscoped_name = `untitled-package-${count}`
+  }
 
   const newPackage = ctx.db.addPackage({
-    name,
+    name: name?.includes("/")
+      ? name
+      : `${ctx.auth.github_username}/${String(unscoped_name)}`,
     description: description ?? null,
     creator_account_id: ctx.auth.account_id,
     owner_org_id: ctx.auth.personal_org_id,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/fake-snippets",
-  "version": "0.0.99",
+  "version": "0.0.101",
   "type": "module",
   "repository": {
     "type": "git",
@@ -83,7 +83,7 @@
     "@tscircuit/mm": "^0.0.8",
     "@tscircuit/pcb-viewer": "^1.11.194",
     "@tscircuit/prompt-benchmarks": "^0.0.28",
-    "@tscircuit/runframe": "0.0.715",
+    "@tscircuit/runframe": "0.0.736",
     "@tscircuit/schematic-viewer": "^2.0.21",
     "@types/babel__standalone": "^7.1.7",
     "@types/bun": "^1.1.10",
@@ -105,9 +105,10 @@
     "autoprefixer": "^10.4.20",
     "change-case": "^5.4.4",
     "circuit-json-to-bom-csv": "^0.0.7",
-    "circuit-json-to-gerber": "^0.0.25",
+    "circuit-json-to-gerber": "^0.0.29",
     "circuit-json-to-pnp-csv": "^0.0.7",
     "circuit-json-to-readable-netlist": "^0.0.13",
+    "circuit-json-to-spice": "^0.0.6",
     "circuit-json-to-tscircuit": "^0.0.4",
     "circuit-to-svg": "^0.0.167",
     "class-variance-authority": "^0.7.1",
@@ -138,6 +139,7 @@
     "ky": "^1.7.5",
     "lucide-react": "^0.488.0",
     "lz-string": "^1.5.0",
+    "marked": "^16.1.1",
     "md5": "^2.3.0",
     "ms": "^2.1.3",
     "next-themes": "^0.3.0",
@@ -150,6 +152,7 @@
     "react-cookie-consent": "^9.0.0",
     "react-day-picker": "8.10.1",
     "react-dom": "^18.3.1",
+    "react-error-boundary": "^6.0.0",
     "react-helmet": "^6.1.0",
     "react-helmet-async": "^2.0.5",
     "react-hook-form": "^7.53.0",
@@ -187,7 +190,6 @@
     "wouter": "^3.3.5",
     "zod": "^3.23.8",
     "zustand": "^4.5.5",
-    "zustand-hoist": "^2.0.1",
-    "circuit-json-to-spice": "^0.0.6"
+    "zustand-hoist": "^2.0.1"
   }
 }

package/src/App.tsx

@@ -3,6 +3,8 @@ import { Route, Switch } from "wouter"
 import "./components/CmdKMenu"
 import { ContextProviders } from "./ContextProviders"
 import React from "react"
+import { ReloadIcon } from "@radix-ui/react-icons"
+import { Loader2 } from "lucide-react"
 
 const FullPageLoader = () => (
   <div className="fixed inset-0 flex items-center justify-center bg-white z-50">
@@ -163,10 +165,64 @@ class ErrorBoundary extends React.Component<
 
   render() {
     if (this.state.reloading) {
-      return <div>There was a problem loading this page. Reloading…</div>
+      return (
+        <div className="min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900 px-4">
+          <div className="max-w-md w-full text-center">
+            <div className="mb-6">
+              <div className="inline-flex items-center justify-center w-16 h-16 bg-blue-100 dark:bg-blue-900 rounded-full mb-4">
+                <Loader2 className="w-8 h-8 text-blue-600 dark:text-blue-400 animate-spin" />
+              </div>
+              <h2 className="text-xl font-semibold text-gray-900 dark:text-white mb-2">
+                Reloading Page
+              </h2>
+              <p className="text-gray-600 dark:text-gray-400">
+                We encountered an issue and are refreshing the page for you.
+              </p>
+            </div>
+          </div>
+        </div>
+      )
     }
     if (this.state.hasError) {
-      return <div>Something went wrong loading the page.</div>
+      return (
+        <div className="min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900 px-4">
+          <div className="max-w-lg w-full text-center">
+            <div className="mb-8">
+              <div className="inline-flex items-center justify-center w-20 h-20 bg-red-100 dark:bg-red-900 rounded-full mb-6">
+                <svg
+                  className="w-10 h-10 text-red-600 dark:text-red-400"
+                  fill="none"
+                  stroke="currentColor"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"
+                  />
+                </svg>
+              </div>
+              <h1 className="text-2xl font-bold text-gray-900 dark:text-white mb-3">
+                Oops! Something went wrong
+              </h1>
+              <p className="text-gray-600 dark:text-gray-400 mb-6">
+                We're experiencing technical difficulties. The page will
+                automatically reload when you return to this tab.
+              </p>
+            </div>
+            <div className="space-y-3">
+              <button
+                onClick={this.performReload}
+                className="w-full sm:w-auto inline-flex items-center justify-center px-6 py-2 border border-transparent text-base font-medium rounded-lg text-white bg-red-600 hover:bg-red-700 dark:bg-red-500 dark:hover:bg-red-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 transition-colors duration-200"
+              >
+                <ReloadIcon className="w-4 h-4 mr-2" />
+                Reload Now
+              </button>
+            </div>
+          </div>
+        </div>
+      )
     }
     return this.props.children
   }

package/src/components/CircuitJsonImportDialog.tsx

@@ -15,7 +15,6 @@ import { useLocation } from "wouter"
 import { useGlobalStore } from "@/hooks/use-global-store"
 import { convertCircuitJsonToTscircuit } from "circuit-json-to-tscircuit"
 import { useCreatePackageMutation } from "@/hooks/use-create-package-mutation"
-import { generateRandomPackageName } from "@/lib/utils/package-utils"
 import { useCreatePackageReleaseMutation } from "@/hooks/use-create-package-release-mutation"
 import { useCreatePackageFilesMutation } from "@/hooks/use-create-package-files-mutation"
 
@@ -67,10 +66,17 @@ export function CircuitJsonImportDialog({
 
   const handleFileChange = async (e: React.ChangeEvent<HTMLInputElement>) => {
     const selectedFile = e.target.files?.[0]
-    if (selectedFile && selectedFile.type === "application/json") {
-      setFile(selectedFile)
+    if (selectedFile) {
+      try {
+        const fileText = await selectedFile.text()
+        JSON.parse(fileText)
+        setFile(selectedFile)
+        setError(null)
+      } catch (e) {
+        setError("Please select a valid JSON file that can be parsed.")
+      }
     } else {
-      setError("Please select a valid JSON file.")
+      setError("Please select a file.")
     }
   }
 
@@ -124,7 +130,6 @@ export function CircuitJsonImportDialog({
 
       await createPackageMutation.mutateAsync(
         {
-          name: `${loggedInUser?.github_username}/${generateRandomPackageName()}`,
           description: "Imported from Circuit JSON",
         },
         {

package/src/components/CmdKMenu.tsx

@@ -5,7 +5,7 @@ import { useHotkeyCombo } from "@/hooks/use-hotkey"
 import { useNotImplementedToast } from "@/hooks/use-toast"
 import { fuzzyMatch } from "@/components/ViewPackagePage/utils/fuzz-search"
 import { Command } from "cmdk"
-import { Package } from "fake-snippets-api/lib/db/schema"
+import { Package, Account } from "fake-snippets-api/lib/db/schema"
 import React, { useCallback, useEffect, useMemo, useRef } from "react"
 import { useQuery } from "react-query"
 import {
@@ -16,6 +16,8 @@ import {
   Sparkles,
   Clock,
   ArrowRight,
+  Star,
+  User,
 } from "lucide-react"
 import { DialogTitle, DialogDescription } from "@/components/ui/dialog"
 
@@ -40,6 +42,11 @@ interface ScoredPackage extends Package {
   matches: number[]
 }
 
+interface ScoredAccount extends Account {
+  score: number
+  matches: number[]
+}
+
 const CmdKMenu = () => {
   const [open, setOpen] = React.useState(false)
   const [searchQuery, setSearchQuery] = React.useState("")
@@ -113,13 +120,42 @@ const CmdKMenu = () => {
     ["packageSearch", searchQuery],
     async () => {
       if (!searchQuery) return []
-      const { data } = await axios.post("/packages/search", {
-        query: searchQuery,
-      })
-      return data.packages || []
+      try {
+        const { data } = await axios.post("/packages/search", {
+          query: searchQuery,
+        })
+        return data.packages || []
+      } catch (error) {
+        console.warn("Failed to fetch packages:", error)
+        return []
+      }
     },
     {
       enabled: Boolean(searchQuery),
+      retry: false,
+      refetchOnWindowFocus: false,
+    },
+  )
+
+  const { data: allAccounts = [], isLoading: isSearchingAccounts } = useQuery(
+    ["accountSearch", searchQuery],
+    async () => {
+      if (!searchQuery) return []
+      try {
+        const { data } = await axios.post("/accounts/search", {
+          query: searchQuery,
+          limit: 5,
+        })
+        return data.accounts || []
+      } catch (error) {
+        console.warn("Failed to fetch accounts:", error)
+        return []
+      }
+    },
+    {
+      enabled: Boolean(searchQuery) && Boolean(currentUser),
+      retry: false,
+      refetchOnWindowFocus: false,
     },
   )
 
@@ -133,20 +169,43 @@ const CmdKMenu = () => {
       })
       .filter((pkg: ScoredPackage) => pkg.score >= 0)
       .sort((a: ScoredPackage, b: ScoredPackage) => b.score - a.score)
-      .slice(0, 8)
+      .slice(0, 6)
   }, [allPackages, searchQuery])
 
+  const accountSearchResults = useMemo((): ScoredAccount[] => {
+    if (!searchQuery || !allAccounts.length) return []
+
+    return allAccounts
+      .map((account: Account) => {
+        const { score, matches } = fuzzyMatch(
+          searchQuery,
+          account.github_username,
+        )
+        return { ...account, score, matches }
+      })
+      .filter((account: ScoredAccount) => account.score >= 0)
+      .sort((a: ScoredAccount, b: ScoredAccount) => b.score - a.score)
+      .slice(0, 5)
+  }, [allAccounts, searchQuery])
+
   const { data: recentPackages = [] } = useQuery<Package[]>(
     ["userPackages", currentUser],
     async () => {
       if (!currentUser) return []
-      const response = await axios.post(`/packages/list`, {
-        owner_github_username: currentUser,
-      })
-      return response.data.packages || []
+      try {
+        const response = await axios.post(`/packages/list`, {
+          owner_github_username: currentUser,
+        })
+        return response.data.packages || []
+      } catch (error) {
+        console.warn("Failed to fetch recent packages:", error)
+        return []
+      }
     },
     {
       enabled: !!currentUser && !searchQuery,
+      retry: false,
+      refetchOnWindowFocus: false,
     },
   )
 
@@ -195,7 +254,7 @@ const CmdKMenu = () => {
 
   const allItems = useMemo(() => {
     const items: Array<{
-      type: "package" | "recent" | "template" | "blank" | "import"
+      type: "package" | "account" | "recent" | "template" | "blank" | "import"
       item: any
       disabled?: boolean
     }> = []
@@ -206,6 +265,12 @@ const CmdKMenu = () => {
       })
     }
 
+    if (searchQuery && accountSearchResults.length > 0) {
+      accountSearchResults.forEach((account) => {
+        items.push({ type: "account", item: account })
+      })
+    }
+
     if (!searchQuery && recentPackages.length > 0) {
       recentPackages.slice(0, 6).forEach((pkg) => {
         items.push({ type: "recent", item: pkg })
@@ -225,7 +290,13 @@ const CmdKMenu = () => {
     })
 
     return items
-  }, [searchQuery, searchResults, recentPackages, filteredStaticOptions])
+  }, [
+    searchQuery,
+    searchResults,
+    accountSearchResults,
+    recentPackages,
+    filteredStaticOptions,
+  ])
 
   useHotkeyCombo("cmd+k", () => {
     setOpen((prev) => !prev)
@@ -285,6 +356,10 @@ const CmdKMenu = () => {
           window.location.href = `/${item.owner_github_username}/${item.unscoped_name}`
           setOpen(false)
           break
+        case "account":
+          window.location.href = `/${item.github_username}`
+          setOpen(false)
+          break
         case "blank":
         case "template":
           if (!item.disabled) {
@@ -362,7 +437,11 @@ const CmdKMenu = () => {
                   )}
                 </div>
               </div>
-              <div className="flex items-center gap-1 flex-shrink-0">
+              <div className="flex items-center gap-2 flex-shrink-0">
+                <div className="flex items-center gap-1 text-gray-500">
+                  <Star className="w-3 h-3 fill-yellow-400 text-yellow-400" />
+                  <span className="text-xs">{data.star_count ?? 0}</span>
+                </div>
                 <span className="text-xs text-gray-500 bg-gray-100 px-1.5 py-0.5 rounded">
                   package
                 </span>
@@ -371,6 +450,41 @@ const CmdKMenu = () => {
             </div>
           )
 
+        case "account":
+          return (
+            <div
+              key={`account-${data.account_id}`}
+              ref={isSelected ? selectedItemRef : null}
+              className={baseClasses}
+              onClick={() => !disabled && handleItemSelect(item)}
+            >
+              <div className="flex items-center gap-2 min-w-0">
+                <img
+                  src={`https://github.com/${data.github_username}.png`}
+                  alt={`${data.github_username} avatar`}
+                  className="w-6 h-6 rounded-full flex-shrink-0"
+                  onError={(e) => {
+                    const target = e.target as HTMLImageElement
+                    target.style.display = "none"
+                    target.nextElementSibling?.classList.remove("hidden")
+                  }}
+                />
+                <User className="w-6 h-6 text-gray-400 flex-shrink-0 hidden" />
+                <div className="flex flex-col min-w-0">
+                  <span className="font-medium text-gray-900 truncate">
+                    {renderHighlighted(data, data.github_username)}
+                  </span>
+                </div>
+              </div>
+              <div className="flex items-center gap-1 flex-shrink-0">
+                <span className="text-xs text-gray-500 bg-gray-100 px-1.5 py-0.5 rounded">
+                  user
+                </span>
+                {isSelected && <ArrowRight className="w-3 h-3 text-gray-400" />}
+              </div>
+            </div>
+          )
+
         case "blank":
         case "template":
           return (
@@ -464,7 +578,7 @@ const CmdKMenu = () => {
         </div>
 
         <Command.List className="max-h-80 overflow-y-auto p-2 space-y-4">
-          {isSearching ? (
+          {isSearching || isSearchingAccounts ? (
             <Command.Loading className="p-6 text-center text-gray-500">
               <div className="flex items-center justify-center gap-2">
                 <div className="w-3 h-3 border-2 border-gray-300 border-t-gray-600 rounded-full animate-spin"></div>
@@ -476,7 +590,7 @@ const CmdKMenu = () => {
               {searchQuery && searchResults.length > 0 && (
                 <div>
                   <h3 className="text-xs font-semibold text-gray-500 uppercase tracking-wide mb-2 px-2">
-                    Search Results
+                    Packages
                   </h3>
                   <div className="space-y-1">
                     {searchResults.slice(0, 8).map((pkg, localIndex) => {
@@ -490,6 +604,25 @@ const CmdKMenu = () => {
                 </div>
               )}
 
+              {searchQuery && accountSearchResults.length > 0 && (
+                <div>
+                  <h3 className="text-xs font-semibold text-gray-500 uppercase tracking-wide mb-2 px-2">
+                    Users
+                  </h3>
+                  <div className="space-y-1">
+                    {accountSearchResults
+                      .slice(0, 5)
+                      .map((account, localIndex) => {
+                        const globalIndex = searchResults.length + localIndex
+                        return renderItem(
+                          { type: "account", item: account },
+                          globalIndex,
+                        )
+                      })}
+                  </div>
+                </div>
+              )}
+
               {!searchQuery && recentPackages.length > 0 && (
                 <div>
                   <h3 className="text-xs font-semibold text-gray-500 uppercase tracking-wide mb-2 px-2 flex items-center gap-1">
@@ -518,7 +651,7 @@ const CmdKMenu = () => {
                       (template, localIndex) => {
                         const globalIndex =
                           (searchQuery
-                            ? searchResults.length
+                            ? searchResults.length + accountSearchResults.length
                             : recentPackages.length) + localIndex
                         return renderItem(
                           {
@@ -544,7 +677,7 @@ const CmdKMenu = () => {
                       (template, localIndex) => {
                         const globalIndex =
                           (searchQuery
-                            ? searchResults.length
+                            ? searchResults.length + accountSearchResults.length
                             : recentPackages.length) +
                           filteredStaticOptions.blankTemplates.length +
                           localIndex
@@ -568,7 +701,7 @@ const CmdKMenu = () => {
                       (option, localIndex) => {
                         const globalIndex =
                           (searchQuery
-                            ? searchResults.length
+                            ? searchResults.length + accountSearchResults.length
                             : recentPackages.length) +
                           filteredStaticOptions.blankTemplates.length +
                           filteredStaticOptions.templates.length +
@@ -585,10 +718,12 @@ const CmdKMenu = () => {
 
               {searchQuery &&
                 !searchResults.length &&
+                !accountSearchResults.length &&
                 !filteredStaticOptions.blankTemplates.length &&
                 !filteredStaticOptions.templates.length &&
                 !filteredStaticOptions.importOptions.length &&
-                !isSearching && (
+                !isSearching &&
+                !isSearchingAccounts && (
                   <Command.Empty className="py-8 text-center">
                     <div className="text-gray-400 mb-1">No results found</div>
                     <div className="text-gray-500 text-xs">