import type { ToolCallView } from '@/lib/types';

interface Sheet { name: string; rows: number; cols: number; columns: string[]; head: string[][] }

export function FileAnalysisCard({ call }: { call: ToolCallView }) {
  const p = call.payload as { filename?: string; kind?: string; preview?: { sheets?: Sheet[]; pages?: number; text_pages?: number }; summary?: string };
  const sheets = p.preview?.sheets || [];
  return (
    <div className="space-y-2 text-sm">
      <div className="text-neutral-muted">{p.filename} · {p.kind}{p.preview?.pages ? ` · ${p.preview.pages} pages` : ''}</div>
      {sheets.map((s) => (
        <div key={s.name} className="rounded-lg border border-neutral-line overflow-x-auto scroll-thin bg-white">
          <div className="px-2 py-1 text-xs font-medium bg-uqo-blue-light text-uqo-blue-dark">{s.name} — {s.rows} lignes × {s.cols} colonnes</div>
          <table className="text-xs min-w-full">
            <thead><tr>{s.columns.map((c) => <th key={c} className="px-2 py-1 text-left font-semibold whitespace-nowrap">{c}</th>)}</tr></thead>
            <tbody>{s.head.map((r, i) => <tr key={i} className="border-t border-neutral-line/70">{r.slice(0, s.columns.length).map((c, j) => <td key={j} className="px-2 py-1 whitespace-nowrap">{c}</td>)}</tr>)}</tbody>
          </table>
        </div>
      ))}
      {!sheets.length && p.summary && <p className="text-xs text-neutral-text/80 whitespace-pre-wrap line-clamp-6">{p.summary}</p>}
    </div>
  );
}