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/package-columns.tsx

@@ -0,0 +1,154 @@
+"use client";
+
+import { type ColumnDef } from "@tanstack/react-table";
+import { FileArchive, Eye, ImageIcon } from "lucide-react";
+import { DataTableColumnHeader } from "@/components/shared/data-table-column-header";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+
+export interface PackageRow {
+  id: string;
+  fileName: string;
+  fileSize: string;
+  contentHash: string;
+  archiveType: "ZIP" | "RAR";
+  fileCount: number;
+  isMultipart: boolean;
+  hasPreview: boolean;
+  creator: string | null;
+  indexedAt: string;
+  sourceChannel: {
+    id: string;
+    title: string;
+  };
+}
+
+interface PackageColumnsProps {
+  onViewFiles: (pkg: PackageRow) => void;
+}
+
+function formatBytes(bytesStr: string): string {
+  const bytes = Number(bytesStr);
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB", "TB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;
+}
+
+function PreviewCell({ pkg }: { pkg: PackageRow }) {
+  if (pkg.hasPreview) {
+    return (
+      <img
+        src={`/api/zips/${pkg.id}/preview`}
+        alt=""
+        className="h-9 w-9 rounded-md object-cover bg-muted"
+        loading="lazy"
+      />
+    );
+  }
+  return (
+    <div className="flex h-9 w-9 items-center justify-center rounded-md bg-muted">
+      <FileArchive className="h-4 w-4 text-muted-foreground" />
+    </div>
+  );
+}
+
+export function getPackageColumns({
+  onViewFiles,
+}: PackageColumnsProps): ColumnDef<PackageRow, unknown>[] {
+  return [
+    {
+      id: "preview",
+      header: "",
+      cell: ({ row }) => <PreviewCell pkg={row.original} />,
+      enableHiding: false,
+      enableSorting: false,
+      size: 52,
+    },
+    {
+      accessorKey: "fileName",
+      header: ({ column }) => <DataTableColumnHeader column={column} title="File Name" />,
+      cell: ({ row }) => (
+        <div className="flex items-center gap-2 min-w-0">
+          <span className="font-medium truncate max-w-[300px]">{row.original.fileName}</span>
+          {row.original.isMultipart && (
+            <Badge variant="outline" className="text-[10px] shrink-0">
+              Multi
+            </Badge>
+          )}
+        </div>
+      ),
+      enableHiding: false,
+    },
+    {
+      accessorKey: "archiveType",
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Type" />,
+      cell: ({ row }) => (
+        <Badge variant="secondary" className="text-[10px]">
+          {row.original.archiveType}
+        </Badge>
+      ),
+    },
+    {
+      accessorKey: "fileSize",
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Size" />,
+      cell: ({ row }) => (
+        <span className="text-sm text-muted-foreground">
+          {formatBytes(row.original.fileSize)}
+        </span>
+      ),
+    },
+    {
+      accessorKey: "fileCount",
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Files" />,
+      cell: ({ row }) => (
+        <span className="text-sm">
+          {row.original.fileCount.toLocaleString()}
+        </span>
+      ),
+    },
+    {
+      accessorKey: "creator",
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Creator" />,
+      cell: ({ row }) => (
+        <span className="text-sm text-muted-foreground truncate max-w-[160px] block">
+          {row.original.creator ?? "\u2014"}
+        </span>
+      ),
+    },
+    {
+      id: "channel",
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Source" />,
+      cell: ({ row }) => (
+        <span className="text-sm text-muted-foreground truncate max-w-[160px] block">
+          {row.original.sourceChannel.title}
+        </span>
+      ),
+      accessorFn: (row) => row.sourceChannel.title,
+    },
+    {
+      accessorKey: "indexedAt",
+      header: ({ column }) => <DataTableColumnHeader column={column} title="Indexed" />,
+      cell: ({ row }) => (
+        <span className="text-sm text-muted-foreground">
+          {new Date(row.original.indexedAt).toLocaleDateString()}
+        </span>
+      ),
+    },
+    {
+      id: "actions",
+      cell: ({ row }) => (
+        <Button
+          variant="ghost"
+          size="icon"
+          className="h-8 w-8"
+          onClick={() => onViewFiles(row.original)}
+        >
+          <Eye className="h-4 w-4" />
+        </Button>
+      ),
+      enableHiding: false,
+    },
+  ];
+}