Free admin dashboard template — vanilla JS, SCSS, Vite 8. No Bootstrap, no jQuery.
This report summarizes scanner evidence for ColorlibHQ/gentelella, a HTML project with 21,538 GitHub stars. SynthScan examined 33,857 lines of code across 141 source files, recording 338 pattern matches distributed across 4 syntactic categories. The legacy adjusted pattern signal is 24.9 (Elevated pattern signal); it is not an authorship estimate.
Use the findings to ask whether maintainers can explain intent, verify dependencies, simplify unnecessary scaffolding, and focus review effort. Risk Payload v1 adds ownership, supply-chain, over-engineering, and review-effort vectors when available. These are prompts for human verification, not probabilities, security findings, or measured maintenance costs.
Use each vector to guide manual verification of the underlying findings.
Can maintainers explain intent, assumptions, and trade-offs? 14 finding(s).
Are imports declared and package/API names verified? 16 finding(s).
Are wrappers, guards, and repeated structures necessary? 308 finding(s).
Which changes need focused human review? 338 finding(s).
This chart tracks the legacy adjusted pattern score across scan runs. Changes can reflect source changes, scan coverage, or detector/scoring versions; they do not measure AI adoption or prove that a team refactored code. Compare runs only when their scoring versions are compatible. The dashed line tracks the raw pattern-hit count.
Groups findings by configured severity weight. Severity is not a confidence estimate, security rating, or proof that a package is missing. Verify imports against the project's manifests and inspect each finding in its local design context.
This horizontal bar chart shows where configured pattern scores accumulate across directories. Treat the bars as locations to inspect, not as evidence of authorship or code quality. Use the file-level findings to decide whether a directory needs a focused ownership, dependency, complexity, or review check.
The scanner identified 338 distinct pattern matches across 4 syntactic categories. Each entry below represents a discrete location in the source code where the engine recorded a detector match to inspect in context. Expand any category row to inspect the individual file paths, line numbers, code snippets, and the lexical context (CODE, COMMENT, or STRING) in which each match was detected.
Reading the findings table: The Severity column indicates the configured finding weight (CRITICAL / HIGH / MEDIUM / LOW). The Context column identifies whether the match occurred inside executable code, an inline comment, or a string literal — legacy comment-context matches receive a ×1.5 score weight. The ⚡ bolt icon marks clustered matches: three or more patterns within a 10-line window, each receiving an additional ×1.5 density multiplier under the legacy scoring model.
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | types/gentelella.d.ts | 12 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 14 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 89 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 91 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 108 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 110 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 152 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 154 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 190 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 192 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 203 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 205 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 219 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 221 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 232 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 234 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 245 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 247 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 294 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 296 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 348 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 350 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 387 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 389 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 459 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | types/gentelella.d.ts | 461 | // ──────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | examples/express-sqlite/server.js | 39 | // ── /api/orders ─────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | examples/express-sqlite/server.js | 83 | // ── /api/messages ───────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | examples/express-sqlite/server.js | 156 | // ── Health ──────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | examples/express-sqlite/db.js | 18 | // ── Schema ──────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | examples/express-sqlite/seed.js | 47 | // ── Insert ────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | production/playground.html | 645 | // ── Async list lifecycle simulator ─────────────────────────────────── | COMMENT |
| MEDIUM | production/playground.html | 728 | // ── Submit-spinner pattern ─────────────────────────────────────────── | COMMENT |
| MEDIUM | production/playground.html | 758 | // ── Markup helpers — populate the live previews ────────────────────── | COMMENT |
| MEDIUM | src/main-v4.js | 48 | // ──────────────────────── | COMMENT |
| MEDIUM | src/main-v4.js | 50 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 3 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 5 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 44 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 46 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 65 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 67 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 89 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 91 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 184 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 186 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 439 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 441 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 505 | // ── Invoice line-item editor ────────────────────────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 617 | // ── Invoice payment status (horizontal step indicator) ──────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 674 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 676 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 716 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 718 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 754 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 756 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 786 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 788 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 856 | // ──────────────────────── | COMMENT |
| MEDIUM | src/scss/v4/_pages.scss | 858 | // ──────────────────────── | COMMENT |
| 248 more matches not shown… | ||||
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | examples/express-sqlite/README.md | 45 | "orders": [{ "id": "#7841", "customer": "John Doe", "items": 3, "total": 245, "status": "paid", ... }], | CODE |
| LOW | examples/express-sqlite/seed.js | 12 | ['#7841', 'John Doe', 'JD', 'primary', 3, 245, 'paid', 'Visa •••• 4242'], | CODE |
| LOW | examples/express-sqlite/seed.js | 24 | ['#7829', 'John Doe', 'JD', 'primary', 1, 79, 'paid', 'Apple Pay'], | CODE |
| LOW | production/fixed_footer.html | 33 | <div class="card"><div class="card-body" style="font-size:13px;color:var(--text-secondary);line-height:1.7;padding:2 | CODE |
| LOW | production/fixed_footer.html | 33 | <div class="card"><div class="card-body" style="font-size:13px;color:var(--text-secondary);line-height:1.7;padding:2 | CODE |
| LOW | production/tables_dynamic.html | 54 | const customers = ['John Doe','Anna Smith','Robert Jones','Emily Wang','Mark Kim','Sarah Lee','Tom Hardy','Lina Park','D | CODE |
| LOW | production/fixed_sidebar.html | 42 | <div class="card"><div class="card-body" style="font-size:13px;color:var(--text-secondary);line-height:1.7;padding:2 | CODE |
| LOW | production/fixed_sidebar.html | 42 | <div class="card"><div class="card-body" style="font-size:13px;color:var(--text-secondary);line-height:1.7;padding:2 | CODE |
| LOW | production/projects.html | 41 | ['Acme Website Redesign', 'Acme Corp', 'On track', 'green', 'Refresh of the public marketing site with n | CODE |
| LOW | production/projects.html | 44 | ['Q2 Marketing Campaign', 'Acme Corp', 'On track', 'green', 'Cross-channel campaign for the new product | CODE |
| LOW⚡ | production/typography.html | 162 | <div style="font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-wid | CODE |
| LOW⚡ | production/typography.html | 162 | <div style="font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-wid | CODE |
| LOW⚡ | production/typography.html | 166 | <div style="font-size:13px;color:var(--text-secondary);line-height:1.55;display:-webkit-box;-webkit-line-clamp | CODE |
| LOW⚡ | production/typography.html | 166 | <div style="font-size:13px;color:var(--text-secondary);line-height:1.55;display:-webkit-box;-webkit-line-clamp | CODE |
| LOW | production/orders.html | 87 | { id:'#7841', customer:'John Doe', initials:'JD', avatarColor:'primary', items:3, total:245, status:'paid', | CODE |
| LOW | production/orders.html | 99 | { id:'#7829', customer:'John Doe', initials:'JD', avatarColor:'primary', items:1, total: 79, status:'paid', | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | types/gentelella.d.ts | 1 | // Gentelella v4 — TypeScript declarations for the public JS surface. | COMMENT |
| LOW | examples/express-sqlite/server.js | 1 | // examples/express-sqlite/server.js | COMMENT |
| LOW | scripts/deploy-preview.sh | 1 | #!/usr/bin/env bash | COMMENT |
| LOW | src/scss/v4/_tokens.scss | 141 | COMMENT | |
| LOW | src/scss/v4/_rtl.scss | 1 | // RTL overrides. | COMMENT |
| LOW | src/scss/v4/_rtl.scss | 81 | // 5. Native select arrow — background-position has no logical form | COMMENT |
| LOW | src/v4/form-controls.js | 1 | // Gentelella v4 — advanced form controls (date-range, rich-text, multi-select). | COMMENT |
| LOW | src/v4/data-adapter.js | 1 | // Gentelella v4 — data-adapter pattern | COMMENT |
| LOW | src/v4/page-actions.js | 1 | // Gentelella v4 — global page action handlers. | COMMENT |
| LOW | src/v4/highlight.js | 1 | // Syntax highlighting for the component playground's HTML snippets. | COMMENT |
| LOW | src/v4/inbox.js | 1 | // Inbox — fully interactive mail client for the template demo. | COMMENT |
| LOW | src/v4/shell-render.js | 1 | // Gentelella 2026 v4 — shell render (pure) | COMMENT |
| LOW | src/v4/shell-config.js | 1 | // Gentelella 2026 v4 — host-supplied shell configuration. | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | scripts/deploy-preview.sh | 22 | # Usage: | COMMENT |