// invodiff-vendors.jsx — vendor library: list of vendors with saved context + detail. function VendorsView({ vendorRules, setVendorRules, onCompareWithVendor }) { const vendors = Object.keys(vendorRules).filter((v) => (vendorRules[v] || []).length > 0).sort(); const [activeVendor, setActiveVendor] = React.useState(vendors[0] || null); // Keep active in sync when list shrinks/grows React.useEffect(() => { if (vendors.length === 0) { setActiveVendor(null); return; } if (!activeVendor || !vendors.includes(activeVendor)) setActiveVendor(vendors[0]); }, [vendors.join('|')]); const removeRule = (vendor, ruleId) => { setVendorRules((prev) => { const next = { ...prev }; next[vendor] = (next[vendor] || []).filter((r) => r.id !== ruleId); if (next[vendor].length === 0) delete next[vendor]; return next; }); }; const clearVendor = (vendor) => { setVendorRules((prev) => { const next = { ...prev }; delete next[vendor]; return next; }); }; if (vendors.length === 0) { return (
VENDOR CONTEXT LIBRARY

No saved vendor context yet.

Approve or reject a comparison with a note and it’ll appear here, mapped to that vendor. Future comparisons against the same vendor pre-apply these rules automatically.

Nothing saved
Run a comparison to start building vendor memory.
); } const ruleCount = (v) => (vendorRules[v] || []).length; const total = Object.values(vendorRules).reduce((s, list) => s + (list || []).length, 0); return (
VENDOR CONTEXT LIBRARY

Saved vendor context.

{vendors.length} vendor{vendors.length === 1 ? '' : 's'} · {' '}{total} rule{total === 1 ? '' : 's'} on file. These pre-resolve matching variances on every new comparison.

{/* Vendor tabs / list */}
Vendors {vendors.length}
{vendors.map((v) => ( ))}
{/* Active vendor detail */} {activeVendor && ( removeRule(activeVendor, id)} onClear={() => clearVendor(activeVendor)} onCompare={() => onCompareWithVendor(activeVendor)} /> )}
); } function VendorDetail({ vendor, rules, onRemove, onClear, onCompare }) { const byKind = { ignore: rules.filter((r) => r.kind === 'ignore'), tolerance: rules.filter((r) => r.kind === 'tolerance'), note: rules.filter((r) => r.kind === 'note'), }; const KIND_META = { ignore: { label: 'Ignore rules', desc: 'Variances on these patterns are auto-resolved.', tone: 'bad' }, tolerance: { label: 'Tolerances', desc: 'Small drifts within bounds are auto-resolved.', tone: 'warn' }, note: { label: 'Vendor notes', desc: 'Contextual notes referenced during comparison.', tone: 'info' }, }; return (
VENDOR
{vendor}
{byKind.ignore.length}
Ignore rules
{byKind.tolerance.length}
Tolerances
{byKind.note.length}
Vendor notes
{['ignore', 'tolerance', 'note'].map((kind) => { const list = byKind[kind]; if (list.length === 0) return null; const meta = KIND_META[kind]; return (
{kind}
{meta.label}
{meta.desc}
{list.length}
{list.map((r) => (
{r.pattern} {r.note}
{r.added}
))}
); })}
); } const VendorsStyles = () => ( ); Object.assign(window, { VendorsView });