"use client";

import Link from "next/link";
import { ExternalLink } from "lucide-react";
import { fmtDuration, fmtNum, truncate } from "@/lib/format";
import { SurfaceChips, Table, TypeTag } from "./ui";

export interface EntityRow {
  fingerprint: string;
  entity_type?: string;
  type?: string;
  platform: string;
  platform_id?: string | null;
  url?: string | null;
  name?: string | null;
  text_excerpt?: string | null;
  text?: string | null;
  author?: string | null;
  metrics?: Record<string, number> | null;
  media?: { has_video?: boolean; duration_s?: number; thumbnail_url?: string } | null;
  fields?: Record<string, { value: unknown; provenance: { surface: string; confidence: number; detail?: string }[] }> | null;
  provenance?: { surface: string; confidence: number; detail?: string }[] | null;
  confidence?: number | null;
  seen_count?: number;
  last_seen?: string;
  last_step?: number;
}

export function provenanceOf(e: EntityRow) {
  if (e.provenance?.length) return e.provenance;
  if (e.fields) return Object.values(e.fields).flatMap((f) => f.provenance ?? []);
  return [];
}

export function EntityTable({ rows, showPlatform = false, dense = true }: { rows: EntityRow[]; showPlatform?: boolean; dense?: boolean }) {
  return (
    <Table head={["type", "entity", "author", "metrics", "evidence", "conf", ""]} dense={dense}>
      {rows.map((e) => {
        const prov = provenanceOf(e);
        const conf = e.confidence ?? Math.max(0, ...prov.map((p) => p.confidence));
        const type = e.entity_type ?? e.type ?? "?";
        return (
          <tr key={e.fingerprint}>
            <td>
              <TypeTag type={type} />
              {showPlatform && <div className="text-[10px] text-dim mono mt-0.5">{e.platform}</div>}
            </td>
            <td className="max-w-[420px]">
              <Link href={`/entities/${encodeURIComponent(e.fingerprint)}`} className="text-fg hover:text-cyan">
                {truncate(e.name ?? e.text ?? e.text_excerpt ?? e.platform_id ?? e.fingerprint, 90)}
              </Link>
              {e.media?.has_video && e.media.duration_s ? <span className="ml-2 text-[10.5px] mono text-dim">{fmtDuration(e.media.duration_s)}</span> : null}
              <div className="text-[10.5px] mono text-dim truncate">{e.platform_id}</div>
            </td>
            <td className="text-fg-2 whitespace-nowrap">{truncate(e.author ?? "", 28)}</td>
            <td className="mono text-[11px] text-fg-2 whitespace-nowrap">
              {e.metrics && Object.keys(e.metrics).length
                ? Object.entries(e.metrics)
                    .map(([k, v]) => `${fmtNum(v)} ${k}`)
                    .join(" · ")
                : "—"}
            </td>
            <td>
              <SurfaceChips provenance={prov} />
            </td>
            <td className="mono text-[11px]">{conf ? conf.toFixed(2) : "—"}</td>
            <td>
              {e.url && (
                <a href={e.url} target="_blank" rel="noreferrer" className="text-dim hover:text-cyan" title="open on platform">
                  <ExternalLink className="h-3.5 w-3.5" />
                </a>
              )}
            </td>
          </tr>
        );
      })}
    </Table>
  );
}