chore: import DH V2 D5.6.4 production baseline

web-v2/src/features/assets/AssetFindingCatalogPanel.tsx

@@ -0,0 +1,59 @@
+import { useEffect, useMemo, useState } from 'react';
+import { Alert, LoadingBlock, errorMessage } from '../../components/Feedback';
+import { Icon } from '../../components/Icon';
+import { getFindingCatalogAssetSelection, replaceFindingCatalogAssetSelection } from '../../lib/api';
+import type { FindingCatalogAssetSelection } from '../../lib/api';
+
+export function AssetFindingCatalogPanel({ assetId, canManage }: { assetId: string; canManage: boolean }) {
+  const [selection, setSelection] = useState<FindingCatalogAssetSelection | null>(null);
+  const [enabled, setEnabled] = useState<Set<string>>(new Set());
+  const [reason, setReason] = useState('');
+  const [search, setSearch] = useState('');
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState('');
+  const [success, setSuccess] = useState('');
+
+  const load = () => getFindingCatalogAssetSelection(assetId).then((loaded) => {
+    setSelection(loaded);
+    setEnabled(new Set(loaded.items.filter((item) => item.enabled).map((item) => item.id)));
+  });
+
+  useEffect(() => { load().catch((requestError) => setError(errorMessage(requestError))).finally(() => setLoading(false)); }, [assetId]);
+
+  const visible = useMemo(() => {
+    const needle = search.trim().toLocaleLowerCase();
+    return selection?.items.filter((item) => !needle || [item.title, item.code, item.categoryName]
+      .some((value) => value.toLocaleLowerCase().includes(needle))) ?? [];
+  }, [selection, search]);
+
+  const toggle = (id: string) => setEnabled((current) => {
+    const next = new Set(current);
+    if (next.has(id)) next.delete(id); else next.add(id);
+    return next;
+  });
+
+  const save = async () => {
+    setSaving(true); setError(''); setSuccess('');
+    try {
+      const saved = await replaceFindingCatalogAssetSelection(assetId, { enabledItemIds: [...enabled], reason });
+      setSelection(saved);
+      setEnabled(new Set(saved.items.filter((item) => item.enabled).map((item) => item.id)));
+      setReason('');
+      setSuccess('Subconjunto de hallazgos actualizado para este objeto.');
+    } catch (requestError) { setError(errorMessage(requestError)); }
+    finally { setSaving(false); }
+  };
+
+  if (loading) return <div className="panel"><LoadingBlock label="Cargando hallazgos aplicables…" /></div>;
+  if (!selection) return <Alert>{error || 'No se pudo cargar la configuración.'}</Alert>;
+
+  return <section className="panel asset-finding-catalog-panel">
+    <div className="panel-heading"><div><span className="eyebrow">HALLAZGOS APLICABLES</span><h2>{selection.asset.name}</h2><p className="section-copy">Base: {selection.asset.assetTypeName}. Las excepciones de esta pantalla afectan sólo a este objeto del Inventario.</p></div><span className="count-pill">{enabled.size} habilitados</span></div>
+    {error && <Alert>{error}</Alert>}{success && <Alert type="success">{success}</Alert>}
+    {!selection.typeConfigured && <div className="temporal-notice"><Icon name="alert" /><p><strong>El tipo técnico todavía no tiene un catálogo restringido.</strong> Por compatibilidad, su base actual incluye todo el catálogo activo. Podés configurar primero el tipo general en “Catálogo de hallazgos”.</p></div>}
+    <label className="search-field"><Icon name="search" /><input value={search} onChange={(event) => setSearch(event.target.value)} placeholder="Buscar hallazgo aplicable…" /></label>
+    <div className="finding-selection-list">{visible.map((item) => <label className={`finding-selection-row ${item.assetOverride !== null ? 'override' : ''}`} key={item.id}><input type="checkbox" disabled={!canManage} checked={enabled.has(item.id)} onChange={() => toggle(item.id)} /><span><strong>{item.title}</strong><small>{item.categoryName} · {item.code} · base del tipo: {item.typeDefaultEnabled ? 'sí' : 'no'}{item.assetOverride !== null ? ' · excepción de este objeto' : ''}{item.suggestedSeverity ? ` · gravedad sugerida ${item.suggestedSeverity}/10` : ''}</small></span></label>)}</div>
+    {canManage && <><label className="field"><span>Motivo de la excepción</span><textarea rows={2} value={reason} onChange={(event) => setReason(event.target.value)} maxLength={2000} placeholder="Explicá por qué este objeto usa un subconjunto distinto…" /></label><div className="form-actions"><button type="button" className="button primary" disabled={saving || reason.trim().length < 5} onClick={save}><Icon name="check" />{saving ? 'Guardando…' : 'Guardar excepciones'}</button></div></>}
+  </section>;
+}