{/* ─ FORMS SECTION ───────────────────────────────────────── */}

Forms detected

{formCount > 0 && {formCount}}

{formCount === 0 ? ( ) : (

{/* Forms list — selectable rows, table layout */} {forms.map((f, i) => { const isSelected = i === selectedForm; return ( setSelectedForm(i)} tabIndex={0} aria-selected={isSelected} onKeyDown={e => { if (e.key==='Enter' || e.key===' ') { e.preventDefault(); setSelectedForm(i); } }} style={{ cursor:'pointer', background: isSelected ? 'var(--beam-dim)' : 'transparent' }}> ); })}

	Page	Platform	Method	Fields	Export
{(i+1).toString().padStart(2,'0')}	{f.page_url \|\| f.action \|\| '/'}	{(f.platform \|\| 'native').toUpperCase()}	{(f.method \|\| 'post').toUpperCase()}	{(f.fields \|\| []).length}

{/* Unknown plugin flagging — surfaces slugs not in any catalog so the team can review and add them */} {(() => { const unknown = plugins.filter(p => p.category === 'other' && p.slug && !PLUGIN_SLUG_CATALOG[p.slug.toLowerCase()] && !PLUGIN_CATALOG[(p.name || '').toLowerCase()] ); if (!unknown.length) return null; return (

{unknown.length} unrecognized plugin{unknown.length > 1 ? 's' : ''} {unknown.map(p => p.slug || p.name).join(' · ')} — not in scanner catalog. Add to PLUGIN_SLUG_CATALOG in tab-plugins.jsx to categorize.

); })()} {/* Form detail panel — fields breakdown for the selected form */} {forms[selectedForm] && (

FORM #{selectedForm + 1} FIELDS

{(forms[selectedForm].fields || []).length === 0 ? (

No fields extracted for this form.

) : ( {forms[selectedForm].fields.map((field, fi) => ( ))}

#	Label	Name	Type	Required
{fi + 1}	{field.label \|\| — no label —}	{field.name \|\| '—'}	{(field.type \|\| 'text').toUpperCase()}	{field.required ? : —}

)}

{/* ─ PLUGINS SECTION ─────────────────────────────────────── */}

Plugins & extensions

{pluginCount > 0 && {pluginCount}}

{pluginCount === 0 ? ( ) : ( {plugins.map((p, i) => { const style = PLUGIN_CATEGORY_STYLE[p.category] || PLUGIN_CATEGORY_STYLE.other; return ( ); })}

Plugin	Category	Version	Vendor
{p.name} {p.description && ( {p.description} )}	{p.category}	{p.version \|\| '—'}	{p.vendor_url ? ( Visit → ) : ( — )}

)}

{/* ─ INTEGRATIONS SECTION ─────────────────────────────────── */}

Integrations & services

{integrationCount > 0 && {integrationCount}}

{integrationCount === 0 ? ( ) : ( {integrations.map((s, i) => { const intStyle = getIntCategoryStyle(s.category || 'other'); return ( ); })}

Service	Category	Detection signal	Vendor
{s.name \|\| 'Unknown'}	{(s.category \|\| 'other').replace('-', ' ')}	{s.signal \|\| '—'} {Array.isArray(s.evidence) && s.evidence.length > 0 && s.evidence.map((ev, ei) => ( {ev} ))}	{s.vendor_url ? ( Visit → ) : ( — )}

)}