spb/uqo-chat

1import { ArrowRight } from 'lucide-react';2import type { ToolCallView } from '@/lib/types';3import { fmtNum } from '@/lib/format';45export function UnitConvertCard({ call }: { call: ToolCallView }) {6  const p = call.payload as { value?: number; from?: string; to?: string; result?: number; factor?: number; formula?: string; kind?: string };7  if (p.result === undefined) return <p className="text-sm text-neutral-muted">{call.summary}</p>;8  return (9    <div className="flex flex-wrap items-center gap-3 text-sm">10      <span className="rounded-xl bg-neutral-surface px-3 py-2 font-semibold tabular-nums">{fmtNum(p.value ?? 0, 4)} <span className="text-neutral-muted font-normal">{p.from}</span></span>11      <ArrowRight size={16} className="text-neutral-muted" />12      <span className="rounded-xl bg-uqo-blue-light px-3 py-2 font-semibold tabular-nums text-uqo-blue-dark">{fmtNum(p.result, 4)} <span className="text-neutral-muted font-normal">{p.to}</span></span>13      <span className="text-xs text-neutral-muted">facteur {fmtNum(p.factor ?? 0, 6)} · {p.kind}</span>14    </div>15  );16}17