feat: show file match count badge in search results

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/app/(app)/stls/_components/package-columns.tsx

@@ -23,12 +23,15 @@ export interface PackageRow {
     id: string;
     title: string;
   };
+  matchedFileCount: number;
+  matchedByContent: boolean;
 }
 
 interface PackageColumnsProps {
   onViewFiles: (pkg: PackageRow) => void;
   onSetCreator: (pkg: PackageRow) => void;
   onSetTags: (pkg: PackageRow) => void;
+  searchTerm: string;
 }
 
 function formatBytes(bytesStr: string): string {
@@ -62,6 +65,7 @@ export function getPackageColumns({
   onViewFiles,
   onSetCreator,
   onSetTags,
+  searchTerm,
 }: PackageColumnsProps): ColumnDef<PackageRow, unknown>[] {
   return [
     {
@@ -76,7 +80,8 @@ export function getPackageColumns({
       accessorKey: "fileName",
       header: ({ column }) => <DataTableColumnHeader column={column} title="File Name" />,
       cell: ({ row }) => (
-        <div className="flex items-center gap-2 min-w-0">
+        <div className="min-w-0">
+          <div className="flex items-center gap-2">
             <span className="font-medium truncate max-w-[300px]">{row.original.fileName}</span>
             {row.original.isMultipart && (
               <Badge variant="outline" className="text-[10px] shrink-0">
@@ -84,6 +89,15 @@ export function getPackageColumns({
               </Badge>
             )}
           </div>
+          {searchTerm && row.original.matchedByContent && (
+            <button
+              className="text-[11px] text-amber-500 hover:text-amber-400 hover:underline cursor-pointer mt-0.5"
+              onClick={() => onViewFiles(row.original)}
+            >
+              {row.original.matchedFileCount.toLocaleString()} file match{row.original.matchedFileCount !== 1 ? "es" : ""}
+            </button>
+          )}
+        </div>
       ),
       enableHiding: false,
     },

src/app/(app)/stls/_components/stl-table.tsx

@@ -29,6 +29,7 @@ interface StlTableProps {
   totalCount: number;
   ingestionStatus: IngestionAccountStatus[];
   availableTags: string[];
+  searchTerm: string;
 }
 
 export function StlTable({
@@ -37,6 +38,7 @@ export function StlTable({
   totalCount,
   ingestionStatus,
   availableTags,
+  searchTerm,
 }: StlTableProps) {
   const router = useRouter();
   const pathname = usePathname();
@@ -77,6 +79,7 @@ export function StlTable({
 
   const columns = getPackageColumns({
     onViewFiles: (pkg) => setViewPkg(pkg),
+    searchTerm,
     onSetCreator: (pkg) => {
       const value = prompt("Enter creator name:", pkg.creator ?? "");
       if (value === null) return;

src/app/(app)/stls/page.tsx

@@ -49,6 +49,7 @@ export default async function StlFilesPage({ searchParams }: Props) {
       totalCount={result.pagination.total}
       ingestionStatus={ingestionStatus}
       availableTags={availableTags}
+      searchTerm={search}
     />
   );
 }