diff --git a/plugins/llm-security/playground/llm-security-playground.html b/plugins/llm-security/playground/llm-security-playground.html index 2bef55f..d5e3c14 100644 --- a/plugins/llm-security/playground/llm-security-playground.html +++ b/plugins/llm-security/playground/llm-security-playground.html @@ -43,24 +43,24 @@ @@ -6707,13 +6631,12 @@ const orgName = (store.state.shared.organization && store.state.shared.organization.name) || ''; const isReturning = !!orgName; - const headerHtml = ( - '
' + - '' + (isReturning ? 'RE-ONBOARDING' : 'ONBOARDING') + ' · ' + allCompleteCount + ' av ' + ONBOARDING_GROUPS.length + ' grupper komplette' + - '

' + (isReturning ? 'Oppdater fellesfeltene' : 'Velkommen — la oss sette opp llm-security for ' + (orgName || 'din virksomhet')) + '

' + - '

Disse 5 gruppene er felles state. De forhåndsutfyller alle command-skjemaer for nye prosjekter, så du slipper å re-skrive samme info.

' + - '
' - ); + const headerHtml = renderPageShell({ + eyebrow: (isReturning ? 'RE-ONBOARDING' : 'ONBOARDING') + ' · ' + allCompleteCount + ' av ' + ONBOARDING_GROUPS.length + ' grupper komplette', + title: isReturning ? 'Oppdater fellesfeltene' : 'Velkommen — la oss sette opp llm-security for ' + (orgName || 'din virksomhet'), + lede: 'Disse 5 gruppene er felles state. De forhåndsutfyller alle command-skjemaer for nye prosjekter, så du slipper å re-skrive samme info.', + meta: ['Gruppe ' + (ONBOARDING_GROUPS.findIndex(function (g) { return g.id === group.id; }) + 1) + ' av ' + ONBOARDING_GROUPS.length, group.title || group.id] + }, ''); const stepNavHtml = ( '
' + @@ -6880,6 +6803,12 @@ ? 'Velg arbeidsspor eller utforsk eksisterende prosjekter. Felles state er aktiv og forhåndsutfyller skjemaer.' : 'Single-file sikkerhetsskanning + auditing for Claude Code-prosjekter. Start med onboarding for å aktivere felles state.', verdict: 'n-a', + hero: true, + meta: [ + 'Plugin v7.5.0', + projects.length + ' prosjekt' + (projects.length === 1 ? '' : 'er'), + CATALOG.commands.length + ' kommandoer' + ], keyStats: [ { label: 'PROSJEKTER', value: projects.length }, { label: 'AKTIVE RAPPORTER', value: activeReportCount }, @@ -6977,6 +6906,11 @@ title: 'Command-katalog', lede: 'Alle ' + total + ' kommandoer gruppert på kategori. Bygg pipeline-strenger uten et aktivt prosjekt.', verdict: 'n-a', + meta: [ + total + ' kommandoer', + reportCount + ' rapport-produserende', + toolCount + ' verktøy' + ], keyStats: [ { label: 'TOTALT', value: total }, { label: 'RAPPORT-KOMMANDOER', value: reportCount }, @@ -7159,6 +7093,11 @@ title: project.name, lede: project.description || '', verdict: inferProjectVerdict(project), + meta: [ + 'Target: ' + (project.target || project.target_path || '—'), + 'Sist oppdatert: ' + inferProjectLastUpdated(project), + (project.scenario || project.template || 'standard') + ], keyStats: [ { label: 'RAPPORTER', value: reportFilled + '/' + reportTotal }, { label: 'SIST OPPDATERT', value: inferProjectLastUpdated(project) }, @@ -7206,17 +7145,30 @@ return '
' + items + '
'; } + /** + * Render page-shell — DS Tier 3 page__header-klyngen brukt på alle 4 overflater: + * - onboarding: page__eyebrow="ONBOARDING · n av 5 grupper komplette" + * - home: page__eyebrow="HJEM" (m/ hero-modifier for editorial type-hierarki) + * - catalog: page__eyebrow="KATALOG" + * - project: page__eyebrow="PROSJEKT · " + * Pluss alle 18 rapport-renderere (eyebrow per archetype). + * opts: { eyebrow, title, lede, meta:[], verdict, hero, keyStats } + */ function renderPageShell(opts, bodyHtml) { opts = opts || {}; const eyebrow = opts.eyebrow ? '' + escapeHtml(opts.eyebrow) + '' : ''; const title = '

' + escapeHtml(opts.title || '') + '

'; const lede = opts.lede ? '

' + escapeHtml(opts.lede) + '

' : ''; + const meta = (opts.meta && opts.meta.length) + ? '
' + opts.meta.map(function (m) { return '' + escapeHtml(m) + ''; }).join('') + '
' + : ''; const verdict = (opts.verdict && opts.verdict !== 'n-a') ? renderVerdictPill(opts.verdict) : ''; const aside = verdict ? '
' + verdict + '
' : ''; const stats = renderKeyStatsGrid(opts.keyStats); + const heroClass = opts.hero ? ' page__header--hero' : ''; return ( - '
' + - '
' + eyebrow + title + lede + '
' + + '
' + + '
' + eyebrow + title + lede + meta + '
' + aside + '
' + stats + @@ -7317,13 +7269,13 @@ const high = fs.filter(function (f) { return /^high|^høy/i.test(f.severity || ''); }).length; return [ { label: 'TOTALT', value: fs.length }, - { label: 'KRITISK', value: crit, modifier: crit > 0 ? 'crit' : null }, + { label: 'KRITISK', value: crit, modifier: crit > 0 ? 'critical' : null }, { label: 'HØY', value: high, modifier: high > 0 ? 'high' : null } ]; }, 'findings-grade': function (d) { const out = []; - if (d.grade) out.push({ label: 'GRADE', value: String(d.grade).toUpperCase(), modifier: /a|b/i.test(d.grade) ? 'low' : (/c|d/i.test(d.grade) ? 'med' : 'crit') }); + if (d.grade) out.push({ label: 'GRADE', value: String(d.grade).toUpperCase(), modifier: /a|b/i.test(d.grade) ? 'low' : (/c|d/i.test(d.grade) ? 'medium' : 'critical') }); if (d.score != null) out.push({ label: 'SCORE', value: d.score }); if (d.findings) out.push({ label: 'FUNN', value: d.findings.length }); return out; @@ -7331,7 +7283,7 @@ 'risk-score-meter': function (d) { const out = []; if (d.risk_score != null) { - const mod = d.risk_score >= 65 ? 'crit' : (d.risk_score >= 15 ? 'med' : 'low'); + const mod = d.risk_score >= 65 ? 'critical' : (d.risk_score >= 15 ? 'medium' : 'low'); out.push({ label: 'RISK SCORE', value: d.risk_score, modifier: mod }); } if (d.riskBand) out.push({ label: 'BAND', value: d.riskBand }); @@ -7341,7 +7293,7 @@ return [ { label: 'TOTALT', value: d.total || 0 }, { label: 'PASS', value: d.pass_count || 0, modifier: 'low' }, - { label: 'FAIL', value: d.fail_count || 0, modifier: (d.fail_count > 0 ? 'crit' : null) } + { label: 'FAIL', value: d.fail_count || 0, modifier: (d.fail_count > 0 ? 'critical' : null) } ]; }, 'dashboard-fleet': function (d) {