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

const LABELS: Record<string, string> = {
  value: 'Valeur', factor: 'Facteur', depreciation: 'Dépréciation ($)', depreciation_ratio: 'Taux de dépréciation',
  depreciated_cost: 'Coût déprécié ($)', remaining_life: 'Durée de vie restante (ans)', cost_new: 'Coût neuf ($)',
  area: 'Superficie', area_other_unit: 'Superficie (autre unité)', ratio: 'Ratio', annual_rate: 'Taux annuel', unit: 'Unité', note: 'Note',
};

export function FinancialCalcCard({ call }: { call: ToolCallView }) {
  const p = call.payload as { function?: string; params?: Record<string, unknown>; result?: Record<string, unknown> };
  const r = p.result || {};
  return (
    <div className="text-sm">
      {r.formula ? <div className="font-mono text-xs text-uqo-blue mb-2">{String(r.formula)}</div> : null}
      <dl className="grid grid-cols-2 gap-x-4 gap-y-1">
        {Object.entries(r).filter(([k]) => k !== 'formula').map(([k, v]) => (
          <div key={k} className="contents">
            <dt className="text-neutral-muted">{LABELS[k] || k}</dt>
            <dd className="font-medium text-right tabular-nums">{typeof v === 'number' ? fmtNum(v, Math.abs(v) < 10 ? 6 : 2) : String(v ?? '—')}</dd>
          </div>
        ))}
      </dl>
    </div>
  );
}