feat: add Telegram integration with forum topic support and creator tracking

Adds full Telegram ZIP ingestion pipeline: TDLib worker service scans source
channels for archive files, deduplicates by content hash, extracts metadata,
uploads to archive channel, and indexes in Postgres. Forum supergroups are
scanned per-topic with topic names used as creator. Filename-based creator
extraction (e.g. "Mammoth Factory - 2026-01.zip") serves as fallback.

Includes admin UI for managing accounts/channels, simplified account setup
(API credentials via env vars), auth code/password submission dialog,
package browser with creator column, and live ingestion activity tracking.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

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

@@ -0,0 +1,95 @@
+"use client";
+
+import { useState, useCallback } from "react";
+import { useRouter, usePathname, useSearchParams } from "next/navigation";
+import { Search, FileBox } from "lucide-react";
+import { useDataTable } from "@/hooks/use-data-table";
+import { getPackageColumns, type PackageRow } from "./package-columns";
+import { PackageFilesDrawer } from "./package-files-drawer";
+import { IngestionStatus } from "./ingestion-status";
+import { DataTable } from "@/components/shared/data-table";
+import { DataTablePagination } from "@/components/shared/data-table-pagination";
+import { DataTableViewOptions } from "@/components/shared/data-table-view-options";
+import { PageHeader } from "@/components/shared/page-header";
+import { Input } from "@/components/ui/input";
+import type { IngestionAccountStatus } from "@/lib/telegram/types";
+
+interface StlTableProps {
+  data: PackageRow[];
+  pageCount: number;
+  totalCount: number;
+  ingestionStatus: IngestionAccountStatus[];
+}
+
+export function StlTable({
+  data,
+  pageCount,
+  totalCount,
+  ingestionStatus,
+}: StlTableProps) {
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+
+  const [searchValue, setSearchValue] = useState(searchParams.get("search") ?? "");
+  const [viewPkg, setViewPkg] = useState<PackageRow | null>(null);
+
+  const updateSearch = useCallback(
+    (value: string) => {
+      setSearchValue(value);
+      const params = new URLSearchParams(searchParams.toString());
+      if (value) {
+        params.set("search", value);
+        params.set("page", "1");
+      } else {
+        params.delete("search");
+      }
+      router.push(`${pathname}?${params.toString()}`, { scroll: false });
+    },
+    [router, pathname, searchParams]
+  );
+
+  const columns = getPackageColumns({
+    onViewFiles: (pkg) => setViewPkg(pkg),
+  });
+
+  const { table } = useDataTable({ data, columns, pageCount });
+
+  return (
+    <div className="space-y-4">
+      <PageHeader
+        title="STL Files"
+        description="Browse indexed archive packages from Telegram channels"
+      >
+        <IngestionStatus initialStatus={ingestionStatus} />
+      </PageHeader>
+
+      <div className="flex flex-wrap items-center gap-2">
+        <div className="relative flex-1 min-w-[200px] max-w-sm">
+          <Search className="absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
+          <Input
+            placeholder="Search packages or files..."
+            value={searchValue}
+            onChange={(e) => updateSearch(e.target.value)}
+            className="pl-9 h-9"
+          />
+        </div>
+        <DataTableViewOptions table={table} />
+      </div>
+
+      <DataTable
+        table={table}
+        emptyMessage="No packages found. Archives will appear here after ingestion."
+      />
+      <DataTablePagination table={table} totalCount={totalCount} />
+
+      <PackageFilesDrawer
+        pkg={viewPkg}
+        open={!!viewPkg}
+        onOpenChange={(open) => {
+          if (!open) setViewPkg(null);
+        }}
+      />
+    </div>
+  );
+}