@tscircuit/fake-snippets 0.0.91 → 0.0.93

package/dist/index.d.ts

@@ -1069,7 +1069,7 @@ declare const createDatabase: ({ seed }?: {
         }[] | null;
         datasheet_pdf_urls: 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" | "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" | "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" | "listDatasheets" | "updateDatasheet"> & {
     addOrder: (order: Omit<Order, "order_id">) => Order;
     getOrderById: (orderId: string) => Order | undefined;
     getOrderFilesByOrderId: (orderId: string) => OrderFile[];
@@ -1155,6 +1155,10 @@ declare const createDatabase: ({ seed }?: {
         chip_name: string;
     }) => Datasheet;
     getDatasheetById: (datasheetId: string) => Datasheet | undefined;
+    listDatasheets: ({ chip_name, is_popular, }?: {
+        chip_name?: string;
+        is_popular?: boolean;
+    }) => Datasheet[];
     updateDatasheet: (datasheetId: string, updates: Partial<Datasheet>) => Datasheet | undefined;
 }> & Omit<{
     idCounter: number;
@@ -1416,7 +1420,7 @@ declare const createDatabase: ({ seed }?: {
         }[] | null;
         datasheet_pdf_urls: 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" | "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" | "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" | "listDatasheets" | "updateDatasheet"> & {
     addOrder: (order: Omit<Order, "order_id">) => Order;
     getOrderById: (orderId: string) => Order | undefined;
     getOrderFilesByOrderId: (orderId: string) => OrderFile[];
@@ -1502,6 +1506,10 @@ declare const createDatabase: ({ seed }?: {
         chip_name: string;
     }) => Datasheet;
     getDatasheetById: (datasheetId: string) => Datasheet | undefined;
+    listDatasheets: ({ chip_name, is_popular, }?: {
+        chip_name?: string;
+        is_popular?: boolean;
+    }) => Datasheet[];
     updateDatasheet: (datasheetId: string, updates: Partial<Datasheet>) => Datasheet | undefined;
 };
 type DbClient = ReturnType<typeof createDatabase>;

package/dist/index.js

@@ -387,7 +387,8 @@ var loadPackageWithDependencies = async (db, owner, name, loadedPackages = /* @_
     ...pkg,
     created_at: (/* @__PURE__ */ new Date()).toISOString(),
     updated_at: (/* @__PURE__ */ new Date()).toISOString(),
-    latest_package_release_id: release.package_release_id
+    latest_package_release_id: release.package_release_id,
+    star_count: Math.floor(Math.random() * 11)
   });
   db.addPackageRelease({
     ...release,
@@ -3111,7 +3112,7 @@ var initializer = combine(databaseSchema.parse({}), (set, get) => ({
   },
   addDatasheet: ({ chip_name }) => {
     const newDatasheet = datasheetSchema.parse({
-      datasheet_id: `datasheet_${Date.now()}`,
+      datasheet_id: crypto.randomUUID(),
       chip_name,
       created_at: (/* @__PURE__ */ new Date()).toISOString(),
       pin_information: null,
@@ -3126,6 +3127,21 @@ var initializer = combine(databaseSchema.parse({}), (set, get) => ({
     const state = get();
     return state.datasheets.find((d) => d.datasheet_id === datasheetId);
   },
+  listDatasheets: ({
+    chip_name,
+    is_popular
+  } = {}) => {
+    const state = get();
+    if (is_popular) {
+      return state.datasheets;
+    }
+    if (chip_name) {
+      return state.datasheets.filter(
+        (d) => d.chip_name.toLowerCase() === chip_name.toLowerCase()
+      );
+    }
+    return state.datasheets;
+  },
   updateDatasheet: (datasheetId, updates) => {
     let updated;
     set((state) => {

package/fake-snippets-api/lib/db/autoload-dev-packages.ts

@@ -118,6 +118,7 @@ const loadPackageWithDependencies = async (
     created_at: new Date().toISOString(),
     updated_at: new Date().toISOString(),
     latest_package_release_id: release.package_release_id,
+    star_count: Math.floor(Math.random() * 11),
   })
 
   db.addPackageRelease({

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

@@ -1382,7 +1382,7 @@ const initializer = combine(databaseSchema.parse({}), (set, get) => ({
   },
   addDatasheet: ({ chip_name }: { chip_name: string }): Datasheet => {
     const newDatasheet = datasheetSchema.parse({
-      datasheet_id: `datasheet_${Date.now()}`,
+      datasheet_id: crypto.randomUUID(),
       chip_name,
       created_at: new Date().toISOString(),
       pin_information: null,
@@ -1397,6 +1397,23 @@ const initializer = combine(databaseSchema.parse({}), (set, get) => ({
     const state = get()
     return state.datasheets.find((d) => d.datasheet_id === datasheetId)
   },
+  listDatasheets: ({
+    chip_name,
+    is_popular,
+  }: { chip_name?: string; is_popular?: boolean } = {}): Datasheet[] => {
+    const state = get()
+    if (is_popular) {
+      return state.datasheets
+    }
+
+    if (chip_name) {
+      return state.datasheets.filter(
+        (d) => d.chip_name.toLowerCase() === chip_name.toLowerCase(),
+      )
+    }
+
+    return state.datasheets
+  },
   updateDatasheet: (
     datasheetId: string,
     updates: Partial<Datasheet>,

package/fake-snippets-api/routes/api/autocomplete/create_autocomplete.ts

@@ -118,7 +118,6 @@ export default withRouteSpec({
     prediction: z.string(),
   }),
 })(async (req, ctx) => {
-  return ctx.json({ prediction: "mock" })
   const openai = getOpenAIClient()
   const { prefix, suffix, model, language } = req.jsonBody
 

package/fake-snippets-api/routes/api/datasheets/list.ts

@@ -0,0 +1,29 @@
+import { withRouteSpec } from "fake-snippets-api/lib/middleware/with-winter-spec"
+import { z } from "zod"
+
+export default withRouteSpec({
+  methods: ["GET", "POST"],
+  auth: "none",
+  commonParams: z.object({
+    chip_name: z.string().optional(),
+    is_popular: z.boolean().optional(),
+  }),
+  jsonResponse: z.object({
+    datasheets: z.array(
+      z.object({
+        datasheet_id: z.string().uuid(),
+        chip_name: z.string(),
+      }),
+    ),
+  }),
+})(async (req, ctx) => {
+  const { chip_name, is_popular } = req.commonParams
+  const datasheets = ctx.db
+    .listDatasheets({ chip_name, is_popular })
+    .map((ds) => ({
+      datasheet_id: ds.datasheet_id,
+      chip_name: ds.chip_name,
+    }))
+
+  return ctx.json({ datasheets })
+})

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

@@ -24,7 +24,7 @@ export default withRouteSpec({
   })
 
   // Filter out packages with no stars and sort by star count
-  const trendingPackages = packagesWithStars
+  const trendingPackages = ctx.db.packages
     .filter((p) => p.star_count > 0)
     .sort((a, b) => b.star_count - a.star_count)
     .slice(0, 50)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/fake-snippets",
-  "version": "0.0.91",
+  "version": "0.0.93",
   "type": "module",
   "repository": {
     "type": "git",

package/src/components/CmdKMenu.tsx

@@ -282,7 +282,7 @@ const CmdKMenu = () => {
       switch (type) {
         case "package":
         case "recent":
-          window.location.href = `/editor?package_id=${item.package_id}`
+          window.location.href = `/${item.owner_github_username}/${item.unscoped_name}`
           setOpen(false)
           break
         case "blank":

package/src/components/PackageBuildsPage/LogContent.tsx

@@ -18,6 +18,7 @@ export const LogContent = ({
   logs: Array<{
     type?: "info" | "success" | "error"
     msg?: string
+    message?: string
     timestamp?: string
   }>
   error?: ErrorObject | string | null
@@ -25,7 +26,8 @@ export const LogContent = ({
   return (
     <div className="font-mono text-xs space-y-1 min-w-0">
       {logs.map((log, i) => {
-        if (!log.msg) return null
+        const text = log.msg ?? log.message
+        if (!text) return null
 
         return (
           <div
@@ -44,7 +46,7 @@ export const LogContent = ({
               </span>
             )}
             {log.timestamp && " "}
-            <span className="break-all">{log.msg}</span>
+            <span className="break-all">{text}</span>
           </div>
         )
       })}

package/src/components/PackageCard.tsx

@@ -99,6 +99,8 @@ export const PackageCard: React.FC<PackageCardProps> = ({
       })
   }
 
+  const availableImages = ["pcb", "schematic", "assembly", "3d"]
+
   const cardContent = (
     <div
       className={`border p-4 rounded-md hover:shadow-md transition-shadow flex flex-col gap-4 ${className}`}
@@ -108,8 +110,8 @@ export const PackageCard: React.FC<PackageCardProps> = ({
           className={`${imageSize} flex-shrink-0 rounded-md overflow-hidden`}
         >
           <ImageWithFallback
-            src={`${baseUrl}/packages/images/${pkg.owner_github_username}/${pkg.unscoped_name}/pcb.svg?fs_sha=${pkg.latest_package_release_fs_sha}`}
-            alt={`${pkg.unscoped_name} PCB image`}
+            src={`${baseUrl}/packages/images/${pkg.owner_github_username}/${pkg.unscoped_name}/${availableImages.includes(pkg.default_view || "") ? pkg.default_view : "3d"}.png?fs_sha=${pkg.latest_package_release_fs_sha}`}
+            alt={`${pkg.unscoped_name} ${availableImages.includes(pkg.default_view || "") ? pkg.default_view : "3D"} view`}
             className={`object-cover h-full w-full ${imageTransform}`}
           />
         </div>

package/src/components/package-port/CodeAndPreview.tsx

@@ -224,34 +224,33 @@ export function CodeAndPreview({ pkg, projectUrl }: Props) {
             pkgFilesLoaded={!isLoading}
           />
         </div>
-        {state.showPreview && (
-          <div
-            className={cn(
-              "flex p-0 flex-col min-h-[640px]",
-              state.fullScreen
-                ? "fixed inset-0 z-50 bg-white p-4 overflow-hidden"
-                : "w-full md:w-1/2",
-            )}
-          >
-            <SuspenseRunFrame
-              showRunButton
-              forceLatestEvalVersion
-              onRenderStarted={() =>
-                setState((prev) => ({ ...prev, lastRunCode: currentFileCode }))
-              }
-              onRenderFinished={({ circuitJson }) => {
-                setState((prev) => ({ ...prev, circuitJson }))
-                toastManualEditConflicts(circuitJson, toast)
-              }}
-              mainComponentPath={mainComponentPath}
-              onEditEvent={(event) => {
-                handleEditEvent(event)
-              }}
-              fsMap={fsMap ?? {}}
-              projectUrl={projectUrl}
-            />
-          </div>
-        )}
+        <div
+          className={cn(
+            "flex p-0 flex-col min-h-[640px]",
+            state.fullScreen
+              ? "fixed inset-0 z-50 bg-white p-4 overflow-hidden"
+              : "w-full md:w-1/2",
+            !state.showPreview && "hidden",
+          )}
+        >
+          <SuspenseRunFrame
+            showRunButton
+            forceLatestEvalVersion
+            onRenderStarted={() =>
+              setState((prev) => ({ ...prev, lastRunCode: currentFileCode }))
+            }
+            onRenderFinished={({ circuitJson }) => {
+              setState((prev) => ({ ...prev, circuitJson }))
+              toastManualEditConflicts(circuitJson, toast)
+            }}
+            mainComponentPath={mainComponentPath}
+            onEditEvent={(event) => {
+              handleEditEvent(event)
+            }}
+            fsMap={fsMap ?? {}}
+            projectUrl={projectUrl}
+          />
+        </div>
       </div>
       <NewPackageSaveDialog initialIsPrivate={false} onSave={savePackage} />
       <DiscardChangesDialog onConfirm={handleDiscardChanges} />

package/src/components/package-port/CodeEditor.tsx

@@ -76,25 +76,27 @@ export const CodeEditor = ({
   showImportAndFormatButtons?: boolean
   onFileContentChanged?: (path: string, content: string) => void
   currentFile: string | null
-  onFileSelect: (path: string) => void
+  onFileSelect: (path: string, lineNumber?: number) => void
 }) => {
   const editorRef = useRef<HTMLDivElement>(null)
   const viewRef = useRef<EditorView | null>(null)
   const ataRef = useRef<ReturnType<typeof setupTypeAcquisition> | null>(null)
   const lastReceivedTsFileTimeRef = useRef<number>(0)
   const apiUrl = usePackagesBaseApiUrl()
-  const codeCompletionApi = useCodeCompletionApi()
   const [cursorPosition, setCursorPosition] = useState<number | null>(null)
   const [code, setCode] = useState(files[0]?.content || "")
   const [fontSize, setFontSize] = useState(14)
   const [showQuickOpen, setShowQuickOpen] = useState(false)
   const [showGlobalFindReplace, setShowGlobalFindReplace] = useState(false)
+  const [highlightedLine, setHighlightedLine] = useState<number | null>(null)
+  const highlightTimeoutRef = useRef<number | null>(null)
 
   const { highlighter } = useShikiHighlighter()
 
   // Get URL search params for file_path
   const urlParams = new URLSearchParams(window.location.search)
   const filePathFromUrl = urlParams.get("file_path")
+  const lineNumberFromUrl = urlParams.get("line")
   const [aiAutocompleteEnabled, setAiAutocompleteEnabled] = useState(false)
 
   const entryPointFileName = useMemo(() => {
@@ -109,10 +111,13 @@ export const CodeEditor = ({
 
     const targetFile = findTargetFile(files, filePathFromUrl)
     if (targetFile) {
-      handleFileChange(targetFile.path)
+      const lineNumber = lineNumberFromUrl
+        ? parseInt(lineNumberFromUrl, 10)
+        : undefined
+      handleFileChange(targetFile.path, lineNumber)
       setCode(targetFile.content)
     }
-  }, [filePathFromUrl, pkgFilesLoaded])
+  }, [filePathFromUrl, lineNumberFromUrl, pkgFilesLoaded])
 
   const fileMap = useMemo(() => {
     const map: Record<string, string> = {}
@@ -309,6 +314,14 @@ export const CodeEditor = ({
         ".cm-content": {
           fontSize: `${fontSize}px`,
         },
+        ".cm-line-highlight": {
+          backgroundColor: "#dbeafe !important",
+          animation: "lineHighlightFade 3s ease-in-out forwards",
+        },
+        "@keyframes lineHighlightFade": {
+          "0%": { backgroundColor: "#93c5fd" },
+          "100%": { backgroundColor: "transparent" },
+        },
       }),
       EditorView.domEventHandlers({
         wheel: (event) => {
@@ -325,6 +338,21 @@ export const CodeEditor = ({
           return false
         },
       }),
+      EditorView.decorations.of((view) => {
+        const decorations = []
+        if (highlightedLine) {
+          const doc = view.state.doc
+          if (highlightedLine >= 1 && highlightedLine <= doc.lines) {
+            const line = doc.line(highlightedLine)
+            decorations.push(
+              Decoration.line({
+                class: "cm-line-highlight",
+              }).range(line.from),
+            )
+          }
+        }
+        return Decoration.set(decorations)
+      }),
     ]
     if (aiAutocompleteEnabled) {
       baseExtensions.push(
@@ -546,6 +574,11 @@ export const CodeEditor = ({
 
     return () => {
       view.destroy()
+      // Clean up any pending highlight timeout
+      if (highlightTimeoutRef.current) {
+        window.clearTimeout(highlightTimeoutRef.current)
+        highlightTimeoutRef.current = null
+      }
     }
   }, [
     !isStreaming,
@@ -555,6 +588,7 @@ export const CodeEditor = ({
     isSaving,
     fontSize,
     aiAutocompleteEnabled,
+    highlightedLine,
   ])
 
   const updateCurrentEditorContent = (newContent: string) => {
@@ -574,6 +608,35 @@ export const CodeEditor = ({
     }
   }
 
+  const navigateToLine = (lineNumber: number) => {
+    if (!viewRef.current) return
+
+    const view = viewRef.current
+    const doc = view.state.doc
+
+    if (lineNumber < 1 || lineNumber > doc.lines) return
+
+    if (highlightTimeoutRef.current) {
+      window.clearTimeout(highlightTimeoutRef.current)
+      highlightTimeoutRef.current = null
+    }
+
+    const line = doc.line(lineNumber)
+    const pos = line.from
+
+    view.dispatch({
+      selection: { anchor: pos, head: pos },
+      effects: EditorView.scrollIntoView(pos, { y: "center" }),
+    })
+
+    setHighlightedLine(lineNumber)
+
+    highlightTimeoutRef.current = window.setTimeout(() => {
+      setHighlightedLine(null)
+      highlightTimeoutRef.current = null
+    }, 3000)
+  }
+
   const updateEditorToMatchCurrentFile = () => {
     const currentContent = fileMap[currentFile || ""] || ""
     updateCurrentEditorContent(currentContent)
@@ -590,14 +653,26 @@ export const CodeEditor = ({
     }
   }, [codeImports])
 
-  const handleFileChange = (path: string) => {
-    onFileSelect(path)
+  const handleFileChange = (path: string, lineNumber?: number) => {
+    onFileSelect(path, lineNumber)
     try {
-      // Set url query to file path
+      // Set url query to file path and line number
       const urlParams = new URLSearchParams(window.location.search)
       urlParams.set("file_path", path)
+      if (lineNumber) {
+        urlParams.set("line", lineNumber.toString())
+      } else {
+        urlParams.delete("line")
+      }
       window.history.replaceState(null, "", `?${urlParams.toString()}`)
     } catch {}
+
+    // Navigate to line after a short delay to ensure editor is ready
+    if (lineNumber) {
+      setTimeout(() => {
+        navigateToLine(lineNumber)
+      }, 100)
+    }
   }
 
   const updateFileContent = (path: FileName | null, newContent: string) => {
@@ -656,7 +731,7 @@ export const CodeEditor = ({
         fileSidebarState={
           [sidebarOpen, setSidebarOpen] as ReturnType<typeof useState<boolean>>
         }
-        onFileSelect={handleFileChange}
+        onFileSelect={(path) => handleFileChange(path)}
         handleCreateFile={handleCreateFile}
         handleDeleteFile={handleDeleteFile}
       />
@@ -694,7 +769,7 @@ export const CodeEditor = ({
         <QuickOpen
           files={files.filter((f) => !isHiddenFile(f.path))}
           currentFile={currentFile}
-          onFileSelect={handleFileChange}
+          onFileSelect={(path) => handleFileChange(path)}
           onClose={() => setShowQuickOpen(false)}
         />
       )}

package/src/components/package-port/EditorNav.tsx

@@ -371,13 +371,6 @@ export default function EditorNav({
                 </Button>
               </DropdownMenuTrigger>
               <DropdownMenuContent>
-                <DropdownMenuItem
-                  className="text-xs"
-                  onClick={() => openupdateDescriptionDialog()}
-                >
-                  <FilePenLine className="mr-2 h-3 w-3" />
-                  Edit Description
-                </DropdownMenuItem>
                 <DropdownMenuItem
                   className="text-xs"
                   onClick={() => openViewTsFilesDialog()}
@@ -387,6 +380,13 @@ export default function EditorNav({
                 </DropdownMenuItem>
                 {session?.github_username === pkg.owner_github_username && (
                   <>
+                    <DropdownMenuItem
+                      className="text-xs"
+                      onClick={() => openupdateDescriptionDialog()}
+                    >
+                      <FilePenLine className="mr-2 h-3 w-3" />
+                      Edit Description
+                    </DropdownMenuItem>
                     <DropdownMenuSub>
                       <DropdownMenuSubTrigger
                         className="text-xs"
@@ -436,15 +436,15 @@ export default function EditorNav({
                         </DropdownMenuItem>
                       </DropdownMenuSubContent>
                     </DropdownMenuSub>
-                    <DropdownMenuItem
-                      className="text-xs text-red-600"
-                      onClick={() => openDeleteDialog()}
-                    >
-                      <Trash2 className="mr-2 h-3 w-3" />
-                      Delete Package
-                    </DropdownMenuItem>
                   </>
                 )}
+                <DropdownMenuItem
+                  className="text-xs text-red-600"
+                  onClick={() => openDeleteDialog()}
+                >
+                  <Trash2 className="mr-2 h-3 w-3" />
+                  Delete Package
+                </DropdownMenuItem>
                 <DropdownMenuItem className="text-xs text-gray-500" disabled>
                   @tscircuit/core@{tscircuitCorePkg.version}
                 </DropdownMenuItem>

package/src/components/package-port/GlobalFindReplace.tsx

@@ -44,7 +44,7 @@ interface FileMatch {
 interface GlobalFindReplaceProps {
   files: PackageFile[]
   currentFile: string | null
-  onFileSelect: (path: string) => void
+  onFileSelect: (path: string, lineNumber?: number) => void
   onFileContentChanged?: (path: string, content: string) => void
   onClose: () => void
 }
@@ -217,7 +217,7 @@ const GlobalFindReplace = ({
 
   const goToMatch = useCallback(
     (fileMatch: FileMatch, match: Match) => {
-      onFileSelect(fileMatch.file.path)
+      onFileSelect(fileMatch.file.path, match.line)
       onClose()
     },
     [onFileSelect, onClose],

package/src/pages/dashboard.tsx

@@ -71,7 +71,11 @@ export const DashboardPage = () => {
   const { data: latestPackages } = useQuery<Package[]>(
     "latestPackages",
     async () => {
-      const response = await axios.get("/packages/list_latest")
+      const response = await axios.get("/packages/list_latest", {
+        params: {
+          limit: 10,
+        },
+      })
       return response.data.packages
     },
     {