Material Design Web Components
This report presents the forensic synthetic code analysis of material-components/material-web, a SCSS project with 11,093 GitHub stars. SynthScan v2.0 examined 137,460 lines of code across 1303 source files, recording 963 pattern matches distributed across 5 syntactic categories. The overall adjusted score of 7.2 places this repository in the Low AI signal band.
The scanner applied 160+ deterministic lexical heuristics, multi-line block detectors, abstract syntax tree depth profilers, and a cross-file Jaccard similarity matrix to construct a statistically normalised synthetic code estimate. All matches are individually weighted by severity coefficient and contextual multiplier before summation, and the resulting headline score is temporally discounted to account for the repository's development history relative to the commercial emergence of large language model coding tooling (November 2022 onward).
Longitudinal tracking requires multiple scan runs. Once this repository is re-scanned after new commits land, this chart will visualise how the synthetic code signal evolves over time — enabling you to detect whether AI authorship is growing, stabilising, or being actively corrected by human engineers.
Classifies detected patterns by their diagnostic confidence and structural impact. CRITICAL patterns (coefficient 10) represent definitive synthetic signatures — hallucinated imports, explicit LLM attribution metadata — virtually never produced by human authors. HIGH (5) indicates strong structural tells such as cross-file repetition or cross-linguistic idioms. MEDIUM (2) covers recognisable conversational padding and AI-specific vocabulary. LOW (1) captures subtle indicators like tautological comments and generic boilerplate that require density to carry independent signal.
This horizontal bar chart decomposes the repository's raw synthetic code score by top-level directory, allowing you to pinpoint precisely which modules or components carry the highest AI authorship density. Directories with disproportionately high scores relative to their size warrant targeted manual review: concentrated AI signatures often trace back to mass-generated configuration layers, auto-ported test suites, LLM-scaffolded boilerplate classes, or entire subsystems authored under heavy copilot assistance. Use this view to prioritise your human code-review effort.
The scanner identified 963 distinct pattern matches across 5 syntactic categories. Each entry below represents a discrete location in the source code where the engine recorded a statistically significant AI authorship indicator. 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 diagnostic confidence level (CRITICAL / HIGH / MEDIUM / LOW). The Context column identifies whether the match occurred inside executable code, an inline comment, or a string literal — comment-context matches receive a ×1.5 weight because LLMs systematically over-annotate. The ⚡ bolt icon marks clustered matches: three or more patterns within a 10-line window, each receiving an additional ×1.5 density multiplier as dense clusters constitute far stronger evidence of synthetic authorship than isolated hits.
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | tabs/_secondary-tab.scss | 1 | // | COMMENT |
| LOW | tabs/_primary-tab.scss | 1 | // | COMMENT |
| LOW | tabs/internal/primary-tab-styles.scss | 1 | // | COMMENT |
| LOW | tabs/internal/tab-styles.scss | 1 | // | COMMENT |
| LOW | tabs/internal/tabs-styles.scss | 1 | // | COMMENT |
| LOW | tabs/internal/secondary-tab-styles.scss | 1 | // | COMMENT |
| LOW | tabs/internal/tabs.ts | 81 | // binding. | COMMENT |
| LOW | labs/card/_outlined-card.scss | 1 | // | COMMENT |
| LOW | labs/card/_filled-card.scss | 1 | // | COMMENT |
| LOW | labs/card/_elevated-card.scss | 1 | // | COMMENT |
| LOW | labs/card/internal/elevated-styles.scss | 1 | // | COMMENT |
| LOW | labs/card/internal/shared-styles.scss | 1 | // | COMMENT |
| LOW | labs/card/internal/outlined-styles.scss | 1 | // | COMMENT |
| LOW | labs/card/internal/filled-styles.scss | 1 | // | COMMENT |
| LOW | labs/navigationdrawer/_navigation-drawer-modal.scss | 1 | // | COMMENT |
| LOW | labs/navigationdrawer/_navigation-drawer.scss | 1 | // | COMMENT |
| LOW | …avigationdrawer/internal/navigation-drawer-styles.scss | 1 | // | COMMENT |
| LOW | labs/navigationdrawer/internal/shared-styles.scss | 1 | // | COMMENT |
| LOW | …iondrawer/internal/navigation-drawer-modal-styles.scss | 1 | // | COMMENT |
| LOW | labs/navigationbar/_navigation-bar.scss | 1 | // | COMMENT |
| LOW | labs/navigationbar/internal/_navigation-bar.scss | 1 | // | COMMENT |
| LOW | labs/navigationbar/internal/navigation-bar-styles.scss | 1 | // | COMMENT |
| LOW | labs/behaviors/form-associated.ts | 221 | // Coerce `disabled` in `Boolean()` to ensure that setting to `null` or | COMMENT |
| LOW | labs/behaviors/constraint-validation.ts | 201 | oldValue?: unknown, | COMMENT |
| LOW | labs/behaviors/on-report-validity.ts | 341 | */ | COMMENT |
| LOW | labs/behaviors/validators/text-field-validator.ts | 181 | // Use -1 to represent no minlength and maxlength, which is what the | COMMENT |
| LOW | labs/item/internal/_item.scss | 1 | // | COMMENT |
| LOW | labs/item/internal/item-styles.scss | 1 | // | COMMENT |
| LOW | labs/segmentedbuttonset/internal/shared-styles.scss | 1 | // | COMMENT |
| LOW | labs/segmentedbuttonset/internal/outlined-styles.scss | 1 | // | COMMENT |
| LOW | …gmentedbutton/internal/_outlined-segmented-button.scss | 1 | // | COMMENT |
| LOW | labs/segmentedbutton/internal/shared-styles.scss | 1 | // | COMMENT |
| LOW | labs/segmentedbutton/internal/outlined-styles.scss | 1 | // | COMMENT |
| LOW | labs/segmentedbutton/internal/_shared.scss | 81 | font-size: var(--_icon-size); | COMMENT |
| LOW | labs/navigationtab/_navigation-tab.scss | 1 | // | COMMENT |
| LOW | labs/navigationtab/internal/navigation-tab-styles.scss | 1 | // | COMMENT |
| LOW | labs/badge/_badge.scss | 1 | // | COMMENT |
| LOW | labs/badge/internal/_badge.scss | 1 | // | COMMENT |
| LOW | labs/badge/internal/badge-styles.scss | 1 | // | COMMENT |
| LOW | radio/_radio.scss | 1 | // | COMMENT |
| LOW | radio/internal/radio-styles.scss | 1 | // | COMMENT |
| LOW | progress/_linear-progress.scss | 1 | // | COMMENT |
| LOW | progress/_circular-progress.scss | 1 | // | COMMENT |
| LOW | chips/_input-chip.scss | 1 | // | COMMENT |
| LOW | chips/_suggestion-chip.scss | 1 | // | COMMENT |
| LOW | chips/_filter-chip.scss | 1 | // | COMMENT |
| LOW | chips/_assist-chip.scss | 1 | // | COMMENT |
| LOW | chips/internal/input-styles.scss | 1 | // | COMMENT |
| LOW | chips/internal/trailing-icon-styles.scss | 1 | // | COMMENT |
| LOW | chips/internal/elevated-styles.scss | 1 | // | COMMENT |
| LOW | chips/internal/shared-styles.scss | 1 | // | COMMENT |
| LOW | chips/internal/selectable-styles.scss | 1 | // | COMMENT |
| LOW | chips/internal/suggestion-styles.scss | 1 | // | COMMENT |
| LOW | chips/internal/chip-set-styles.scss | 1 | // | COMMENT |
| LOW | chips/internal/filter-styles.scss | 1 | // | COMMENT |
| LOW | chips/internal/assist-styles.scss | 1 | // | COMMENT |
| LOW | color/_color.scss | 1 | // | COMMENT |
| LOW | color/_color.scss | 21 | /// 'primary': /* ... */, | COMMENT |
| LOW | color/_color.scss | 61 | /// @use 'sass:map'; | COMMENT |
| LOW | color/_color.scss | 81 | /// // Opt: palette values for: | COMMENT |
| 863 more matches not shown… | ||||
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| HIGH | labs/behaviors/on-report-validity.ts | 381 | * @return True if there is no form or if the control is the form's first | COMMENT |
| HIGH | labs/behaviors/validators/validator.ts | 103 | * @return True if the states are equal, or false if not. | COMMENT |
| HIGH | internal/aria/aria.ts | 73 | * @return True if the attribute is an aria attribute, or false if not. | COMMENT |
| HIGH | testing/harness.ts | 48 | * @return True if the element has a harness property. | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | labs/behaviors/on-report-validity.ts | 251 | function addFormReportValidListener( | CODE |
| LOW | labs/behaviors/on-report-validity.ts | 384 | function isFirstInvalidControlInForm( | CODE |
| LOW | catalog/src/utils/theme.ts | 108 | export function getLastSavedAutoColorMode() { | CODE |
| LOW | catalog/src/utils/theme.ts | 121 | export function saveLastSavedAutoColorMode(mode: 'light' | 'dark') { | CODE |
| LOW | catalog/src/pages/components.ts | 22 | async function updateMessageTargetOnIframeLoad( | CODE |
| LOW | catalog/src/pages/components.ts | 38 | async function syncPlaygroundThemeWithPage() { | CODE |
| LOW | catalog/src/pages/global.ts | 74 | function determinePageNavigationAutoMode() { | CODE |
| LOW | internal/aria/delegate.ts | 145 | function setupDelegatesAriaProperties(ctor: typeof ReactiveElement) { | CODE |
| LOW | internal/aria/delegate.ts | 196 | function ariaAttributeToDataAttribute(ariaAttribute: string) { | CODE |
| LOW | internal/aria/delegate.ts | 201 | function ariaAttributeToDataProperty(ariaAttribute: string) { | CODE |
| LOW | internal/events/form-label-activation.ts | 93 | async function squelchEventsForMicrotask() { | CODE |
| LOW | ripple/demo/demo.ts | 25 | function cssCustomPropertyAsNumber( | CODE |
| LOW | testing/transform-pseudo-classes.ts | 34 | export function getTransformedPseudoClass(pseudoClass: string) { | CODE |
| LOW | list/internal/list-navigation-helpers.ts | 285 | export function createDeactivateItemsEvent() { | CODE |
| LOW | list/internal/list-navigation-helpers.ts | 305 | export function createRequestActivationEvent() { | CODE |
| LOW | menu/demo/stories.ts | 482 | function setButtonAriaExpandedFalse(e: Event) { | CODE |
| LOW | menu/internal/controllers/shared.ts | 138 | export function createStayOpenOnFocusoutEvent() { | CODE |
| LOW | menu/internal/controllers/shared.ts | 146 | export function createCloseOnFocusoutEvent() { | CODE |
| LOW | menu/internal/controllers/shared.ts | 166 | export function createDeactivateTypeaheadEvent() { | CODE |
| LOW | menu/internal/controllers/shared.ts | 182 | export function createActivateTypeaheadEvent() { | CODE |
| LOW | scripts/analyzer/update-docs.ts | 191 | function generateFieldMarkdownTable(element: MdModuleInfo): MarkdownTable { | CODE |
| LOW | scripts/analyzer/update-docs.ts | 290 | function generateMethodMarkdownTable(element: MdModuleInfo): MarkdownTable { | CODE |
| LOW | scripts/analyzer/update-docs.ts | 357 | function generateEventsMarkdownTable(element: MdModuleInfo): MarkdownTable { | CODE |
| LOW | scripts/analyzer/update-docs.ts | 487 | function stringifyMarkdownTableSections(elements: ElementTableSection[]) { | CODE |
| LOW | scripts/analyzer/generate-manifest.ts | 56 | async function generateManifestFromTsconfig(basePath: AbsolutePath) { | CODE |
| LOW | select/internal/selectoption/selectOptionController.ts | 19 | export function createRequestSelectionEvent() { | CODE |
| LOW | select/internal/selectoption/selectOptionController.ts | 30 | export function createRequestDeselectionEvent() { | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | labs/item/demo/stories.ts | 59 | 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum rhoncus est volutpat venenatis.'; | CODE |
| LOW | labs/item/demo/stories.ts | 59 | 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum rhoncus est volutpat venenatis.'; | CODE |
| LOW | textfield/demo/demo.ts | 24 | new Knob('placeholder', {ui: textInput(), defaultValue: ''}), | CODE |
| LOW⚡ | docs/components/divider.md | 30 | ![A full width divider separating two paragraphs of "Lorem ipsum"](images/divider/usage.webp "Full width divider example | CODE |
| LOW⚡ | docs/components/divider.md | 34 | <p>Lorem ipsum...</p> | CODE |
| LOW⚡ | docs/components/divider.md | 36 | <p>Lorem ipsum...</p> | CODE |
| LOW | docs/components/divider.md | 115 | <p>Lorem ipsum...</p> | CODE |
| LOW | docs/components/divider.md | 117 | <p>Lorem ipsum...</p> | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | textfield/internal/_icon.scss | 19 | // Absolutely position the icons within their `icon-size` container. This | COMMENT |