AI Slop Code Risk Monitor

mui/base-ui

SlopCodeMonitor badge for mui/base-ui Adjusted legacy signal; badge bands: 25 / 50 / 75 (different from dashboard bands).

Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.

0.9 Low pattern signal View on GitHub

Open-Source Code Quality, Security and Technical Debt Review

This report summarizes scanner evidence for mui/base-ui, a TypeScript project with 11,270 GitHub stars. SynthScan examined 449,731 lines of code across 2624 source files, recording 366 pattern matches distributed across 6 syntactic categories. The legacy adjusted pattern signal is 0.9 (Low 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.

0.9
Adjusted Signal
0.9
Raw Pattern Score
100%
Time Factor
2026-10-31
Last Push
11.3K
Stars
TypeScript
Language
449.7K
Lines of Code
2.6K
Files
366
Pattern Hits
2026-10-31
Scan Date
0.00
HC Hit Rate

Risk Review · Payload v1

Use each vector to guide manual verification of the underlying findings.

Payload schema: 1.0.0 · Engine: 2.0.0 · Scoring: heuristic-density-v1 · Scan date: 2026-10-31.

Cognitive Ownership Risk 3.9/100 · LOW

Can maintainers explain intent, assumptions, and trade-offs? 340 finding(s).

Hallucinated Dependency & Supply Chain Risk 0.3/100 · LOW

Are imports declared and package/API names verified? 26 finding(s).

Agent Over-Engineering Ratio 3.7/100 · LOW

Are wrappers, guards, and repeated structures necessary? 324 finding(s).

PR Review Velocity Impact 4.0/100 · LOW

Which changes need focused human review? 366 finding(s).

What These Metrics Mean

Adjusted Signal
Legacy pattern score normalized per 1,000 scanned lines and multiplied by the repository-level time factor. It is not an estimate of AI authorship.
Raw Pattern Score
Sum of severity- and context-weighted pattern findings before applying the time factor.
Time Factor
A coarse multiplier based on repository last-push metadata. It does not identify when individual code was written.
Pattern Hits
Count of configured pattern findings. Review each location and surrounding code before acting.
HC Hit Rate
High- and critical-severity findings per scanned file. Severity is a configured detector weight, not proof of a vulnerability or authorship.
Lines / Files
Scan coverage denominators used by the legacy normalized score.

Pattern-Signal History

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.

Severity Breakdown

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.

CRITICAL 0HIGH 0MEDIUM 1LOW 365

Directory Score Breakdown

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.

Pattern Findings

The scanner identified 366 distinct pattern matches across 6 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.

Hyper-Verbose Identifiers324 hits · 337 pts
SeverityFileLineSnippetContext
LOWtest/public-types/menu.tsx31export function InternalSubmenuPropsStayHidden() {CODE
LOWdocs/src/blocks/createCodeSandbox/createCodeSandbox.ts78function createCodeSandboxRequestPayload(options: createCodeSandbox.Options) {CODE
LOWdocs/src/blocks/createCodeSandbox/createCodeSandbox.ts124function defaultDependencyResolver(importPath: string) {CODE
LOW…rc/blocks/createCodeSandbox/createStackBlitzProject.ts122function defaultDependencyResolver(importPath: string) {CODE
LOW…ks/PackageManagerSnippet/PackageManagerSnippetRoot.tsx7export function PackageManagerSnippetRoot(props: PackageManagerSnippetRoot.Props) {CODE
LOW…ackageManagerSnippet/PackageManagerSnippetProvider.tsx29export function PackageManagerSnippetProvider(props: PackageManagerSnippetProviderProps) {CODE
LOW…ks/PackageManagerSnippet/PackageManagerSnippetCode.tsx5export function PackageManagerSnippetCode(props: PackageManagerSnippetCode.Props) {CODE
LOWdocs/src/app/(private)/experiments/navigation-menu.tsx394function MixedNestedNavigationMenuContent() {CODE
LOWdocs/src/app/(private)/experiments/transition-attrs.tsx13export default function TransitionAttrsExperiment() {CODE
LOWdocs/src/app/(private)/experiments/transition-attrs.tsx117function getTransitionDataAttributes(transitionStatus: 'starting' | 'ending' | 'idle' | undefined) {CODE
LOWdocs/src/app/(private)/experiments/transition-attrs.tsx155 function handleIndicatorTransitionEnd(event: React.TransitionEvent<HTMLDivElement>) {CODE
LOW…te)/experiments/select-rtl-align-item-with-trigger.tsx229export default function SelectRtlAlignItemWithTriggerExperiment() {CODE
LOW…s/src/app/(private)/experiments/inline-positioning.tsx70export default function InlinePositioningExperiment() {CODE
LOW…/app/(private)/experiments/tabs/tabs-streaming-ssr.tsx37export default function TabsStreamingSsrExperiment() {CODE
LOW…app/(private)/experiments/drawer/cross-axis-scroll.tsx68export default function DrawerCrossAxisScrollExperiment() {CODE
LOW…/src/app/(private)/experiments/drawer/touch-ignore.tsx15export default function DrawerTouchIgnoreExperiment() {CODE
LOW…private)/experiments/drawer/virtual-keyboard-aware.tsx90export default function DrawerVirtualKeyboardAwareExperiment() {CODE
LOWdocs/src/app/(private)/experiments/tooltip/disabled.tsx9export default function TooltipDetachedTriggersSimpleDemo() {CODE
LOW…/src/app/(private)/experiments/tooltip/transitions.tsx23export default function TooltipTransitionExperiment() {CODE
LOW…rc/app/(private)/experiments/forms/button-controls.tsx13function PullRequestsCheckboxGroup() {CODE
LOW…c/app/(private)/experiments/dialog/unmount-remount.tsx10export default function DialogUnmountRemountExperiment() {CODE
LOW…(private)/experiments/collapsible/animate-presence.tsx7export default function CollapsibleAnimatePresence() {CODE
LOW…pp/(private)/experiments/menu/pointer-events-scope.tsx52export default function PointerEventsScopeExperiment() {CODE
LOW…src/app/(private)/experiments/menu/complex-nesting.tsx6export default function MenuComplexNestingExperiment() {CODE
LOW…pp/(private)/experiments/menu/default-open-submenu.tsx11export default function DefaultOpenSubmenuExperiment() {CODE
LOW…app/(private)/experiments/menu/dialog-trigger-item.tsx8export default function MenuDialogTriggerItemExperiment() {CODE
LOW…/(private)/experiments/menu-filter/filtering-scope.tsx6export default function MenuFilteringScopeExperiment() {CODE
LOW…ps/demos/prevent-base-ui-handler/css-modules/index.tsx7export default function ExamplePreventBaseUIHandler() {CODE
LOW…popover-motion-keep-mounted-true/css-modules/index.tsx8export default function AnimatedPopoverMotionKeepMountedTrueDemo() {CODE
LOW…opover-motion-keep-mounted-false/css-modules/index.tsx7export default function AnimatedPopoverMotionKeepMountedFalseDemo() {CODE
LOW…drawer/demos/virtual-keyboard-aware/tailwind/index.tsx15export default function ExampleDrawerVirtualKeyboardAware() {CODE
LOW…wer/demos/virtual-keyboard-aware/css-modules/index.tsx16export default function ExampleDrawerVirtualKeyboardAware() {CODE
LOW…/otp-field/demos/custom-sanitize/css-modules/index.tsx21export default function OTPFieldCustomNormalizeDemo() {CODE
LOW…ltip/demos/detached-triggers-simple/tailwind/index.tsx8export default function TooltipDetachedTriggersSimpleDemo() {CODE
LOW…p/demos/detached-triggers-simple/css-modules/index.tsx8export default function TooltipDetachedTriggersSimpleDemo() {CODE
LOW…ooltip/demos/detached-triggers-full/tailwind/index.tsx8export default function TooltipDetachedTriggersFullDemo() {CODE
LOW…tip/demos/detached-triggers-full/css-modules/index.tsx8export default function TooltipDetachedTriggersFullDemo() {CODE
LOW…/demos/detached-triggers-controlled/tailwind/index.tsx8export default function TooltipDetachedTriggersControlledDemo() {CODE
LOW…mos/detached-triggers-controlled/css-modules/index.tsx8export default function TooltipDetachedTriggersControlledDemo() {CODE
LOW…s/autocomplete/demos/fuzzy-matching/tailwind/index.tsx6export default function ExampleFuzzyMatchingAutocomplete() {CODE
LOW…utocomplete/demos/fuzzy-matching/css-modules/index.tsx7export default function ExampleFuzzyMatchingAutocomplete() {CODE
LOW…s/autocomplete/demos/auto-highlight/tailwind/index.tsx4export default function ExampleAutocompleteAutoHighlight() {CODE
LOW…utocomplete/demos/auto-highlight/css-modules/index.tsx5export default function ExampleAutocompleteAutoHighlight() {CODE
LOW…ents/autocomplete/demos/virtualized/tailwind/index.tsx6export default function ExampleVirtualizedAutocomplete() {CODE
LOW…s/autocomplete/demos/virtualized/css-modules/index.tsx7export default function ExampleVirtualizedAutocomplete() {CODE
LOW…omponents/autocomplete/demos/inline/tailwind/index.tsx4export default function ExampleAutocompleteInline() {CODE
LOW…onents/autocomplete/demos/inline/css-modules/index.tsx5export default function ExampleAutocompleteInline() {CODE
LOW…alog/demos/detached-triggers-simple/tailwind/index.tsx12export default function AlertDialogDetachedTriggersSimpleDemo() {CODE
LOW…g/demos/detached-triggers-simple/css-modules/index.tsx8export default function AlertDialogDetachedTriggersSimpleDemo() {CODE
LOW…/demos/detached-triggers-controlled/tailwind/index.tsx14export default function AlertDialogDetachedTriggersControlledDemo() {CODE
LOW…mos/detached-triggers-controlled/css-modules/index.tsx10export default function AlertDialogDetachedTriggersControlledDemo() {CODE
LOW…card/demos/detached-triggers-simple/tailwind/index.tsx6export default function PreviewCardDetachedTriggersSimpleDemo() {CODE
LOW…d/demos/detached-triggers-simple/css-modules/index.tsx7export default function PreviewCardDetachedTriggersSimpleDemo() {CODE
LOW…w-card/demos/detached-triggers-full/tailwind/index.tsx55export default function PreviewCardDetachedTriggersFullDemo() {CODE
LOW…ard/demos/detached-triggers-full/css-modules/index.tsx56export default function PreviewCardDetachedTriggersFullDemo() {CODE
LOW…/demos/detached-triggers-controlled/tailwind/index.tsx55export default function PreviewCardDetachedTriggersControlledDemo() {CODE
LOW…mos/detached-triggers-controlled/css-modules/index.tsx56export default function PreviewCardDetachedTriggersControlledDemo() {CODE
LOW…nents/combobox/demos/async-multiple/tailwind/index.tsx5export default function ExampleAsyncMultipleCombobox() {CODE
LOW…ts/combobox/demos/async-multiple/css-modules/index.tsx6export default function ExampleAsyncMultipleCombobox() {CODE
LOW…ponents/combobox/demos/create-items/tailwind/index.tsx5export default function ExampleCreateItemsCombobox() {CODE
264 more matches not shown…
Fake / Example Data26 hits · 26 pts
SeverityFileLineSnippetContext
LOWdocs/src/app/(private)/experiments/toast.tsx21 resolve({ name: 'John Doe', email: 'john@example.com' });CODE
LOWdocs/src/app/(private)/experiments/forms/autofill.tsx70 placeholder="Jane Doe"CODE
LOWdocs/src/app/(private)/experiments/dialog/nested.tsx31 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget sapien id dolor rutrumCODE
LOWdocs/src/app/(private)/experiments/dialog/nested.tsx31 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget sapien id dolor rutrumCODE
LOWdocs/src/app/(private)/experiments/popover/popovers.tsx23 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>CODE
LOWdocs/src/app/(private)/experiments/popover/popovers.tsx23 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>CODE
LOW…private)/experiments/scroll-area/scroll-area-inset.tsx15 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOW…private)/experiments/scroll-area/scroll-area-inset.tsx15 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOW…private)/experiments/scroll-area/scroll-area-inset.tsx38 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOW…private)/experiments/scroll-area/scroll-area-inset.tsx38 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod temporCODE
LOW…ckages/react/src/combobox/value/ComboboxValue.test.tsx862 <Combobox.Value placeholder={<span data-testid="placeholder">Select an option</span>} />CODE
LOW…ckages/react/src/combobox/value/ComboboxValue.test.tsx876 expect(screen.getByTestId('placeholder')).toHaveTextContent('Select an option');CODE
LOWpackages/react/src/combobox/items/createItems.test.tsx1056 <span data-testid="placeholder">CODE
LOWpackages/react/src/combobox/items/createItems.test.tsx1068 expect(screen.getByTestId('placeholder')).toHaveTextContent('Choose an option');CODE
LOWpackages/react/src/avatar/image/AvatarImage.test.tsx450 alt="Jane Doe"CODE
LOWpackages/react/src/avatar/image/AvatarImage.test.tsx471 expect(screen.getByRole('img', { name: 'Jane Doe' })).toHaveAttribute(CODE
LOWpackages/react/src/avatar/image/AvatarImage.test.tsx502 alt="Jane Doe"CODE
LOWpackages/react/src/avatar/image/AvatarImage.test.tsx578 <Avatar.Image alt="Jane Doe" data-testid="image" keepMounted src="avatar.png" />CODE
LOWpackages/react/src/avatar/image/AvatarImage.test.tsx592 expect(screen.getByRole('img', { name: 'Jane Doe' })).not.toBe(null);CODE
LOWpackages/react/src/avatar/image/AvatarImage.test.tsx600 <Avatar.Image alt="Jane Doe" data-testid="image" keepMounted src="avatar.png" />CODE
LOWpackages/react/src/avatar/image/AvatarImage.test.tsx621 <Avatar.Image alt="Jane Doe" data-testid="image" keepMounted src={src} />CODE
LOWpackages/react/src/avatar/image/AvatarImage.test.tsx647 alt="Jane Doe"CODE
LOWpackages/react/src/avatar/image/AvatarImage.test.tsx1112 <Avatar.Image src={DATA_URI} alt="Jane Doe" />CODE
LOWpackages/react/src/avatar/image/AvatarImage.test.tsx1136 <Avatar.Image src="https://example.com/cached-avatar.png" alt="Jane Doe" />CODE
LOWpackages/react/src/select/value/SelectValue.test.tsx757 placeholder={<span data-testid="placeholder">Select an option</span>}CODE
LOWpackages/react/src/select/value/SelectValue.test.tsx762 expect(screen.getByTestId('placeholder')).toHaveTextContent('Select an option');CODE
Over-Commented Block8 hits · 8 pts
SeverityFileLineSnippetContext
LOWpnpm-workspace.yaml21# bare `>=`: an open range silently resolves to the newest major, which both breaks callers writtenCOMMENT
LOWpackages/utils/src/isHTMLElement.ts1// `@floating-ui/utils` is already a dependency and its check is the oneCOMMENT
LOWpackages/utils/src/platform/engine.ts1import { lowerUserAgent } from './shared';COMMENT
LOW…al-keyboard-provider/DrawerVirtualKeyboardProvider.tsx541 const handleFocusIn = (event: FocusEvent) => {COMMENT
LOWpackages/react/src/internals/prehydrationScript.stub.ts1// Shared browser-bundle replacement for the per-component `prehydrationScript.min.ts` files,COMMENT
LOWpackages/react/src/internals/useAnchorPositioning.ts521 let base: React.CSSProperties & Record<string, unknown>;COMMENT
LOW…/react/src/scroll-area/viewport/ScrollAreaViewport.tsx381 // WebKit consumes a touch that catches an in-flight momentum scroll orCOMMENT
LOWpackages/react/src/menu/root/MenuRoot.tsx121COMMENT
Verbosity Indicators4 hits · 8 pts
SeverityFileLineSnippetContext
LOW⚡…s/react/src/preview-card/root/PreviewCardRoot.test.tsx777 // Step 3: Move mouse outside all previewsCOMMENT
LOW⚡…s/react/src/preview-card/root/PreviewCardRoot.test.tsx786 // Step 4: Re-enter parent popup before it closesCOMMENT
LOW…s/react/src/preview-card/root/PreviewCardRoot.test.tsx797 // Step 5: Hover child trigger again to re-open childCOMMENT
LOW…/react/src/scroll-area/viewport/ScrollAreaViewport.tsx302 // `onMouseEnter` doesn't fire upon load, so we need to check if the viewport is alreadyCOMMENT
Structural Annotation Overuse3 hits · 6 pts
SeverityFileLineSnippetContext
LOW⚡…s/react/src/preview-card/root/PreviewCardRoot.test.tsx777 // Step 3: Move mouse outside all previewsCOMMENT
LOW⚡…s/react/src/preview-card/root/PreviewCardRoot.test.tsx786 // Step 4: Re-enter parent popup before it closesCOMMENT
LOW…s/react/src/preview-card/root/PreviewCardRoot.test.tsx797 // Step 5: Hover child trigger again to re-open childCOMMENT
AI Slop Vocabulary1 hit · 3 pts
SeverityFileLineSnippetContext
MEDIUMpackages/react/src/slider/root/SliderRoot.tsx200 // This allows seamless integration with the most popular form libraries.COMMENT