Skip to content

fix(components): resolve ui:context-menu item icons on both arms - #6324

Merged
os-support-ai merged 1 commit into
mainfrom
claude/issue-6278-context-menu-icon
Aug 25, 2026
Merged

fix(components): resolve ui:context-menu item icons on both arms#6324
os-support-ai merged 1 commit into
mainfrom
claude/issue-6278-context-menu-icon

Conversation

@os-support-ai

Copy link
Copy Markdown
Collaborator

Fixes#6278

renderContextMenuItems never referenced icon at all, so the catalog fixture basic-context-menu.json shipped four live lucide names — copy, scissors, clipboard, trash — that drew nothing beside their labels. This ports the repair #5930 landed on this file's twin (renderers/overlay/dropdown-menu.tsx, PR #5994) to the file next door.

The repair

The authored name is routed through resolveIcon — the lucide record surface ui:button, ui:dropdown-menu and the action:* family already resolve against — on both arms: the leaf ContextMenuItem and the ContextMenuSubTrigger. resolveIcon is called once per item, above the arm split, exactly as the twin does it. The dynamic LazyIcon surface stays ruled out: it degrades an unknown name to the Database glyph, trading a no-icon failure for a wrong-icon one.

Also adds the 'context-menu' census entry to scripts/check-lucide-icon-record-names.mjs, as the card's own note asks, so the fixture's four names come under the gate's judgement.

Verified premises (the card measured at ef2a3bd8d; this branch is off 090927f4f)

premisereading
context-menu.tsx still has no reference to icon0 hits, case-insensitive 0 — against positive controls shortcut2 and label12 on the same pathspec
the four authored names still resolveall four resolve against lucide-react 1.31.0's 1767-key record; edit is null, giving a live retired-spelling control
resolveIcon is genuinely the twin's seampackages/components/src/renderers/action/resolve-icon.ts — reads icons from lucide-react, returns null for an unknown name

The issue body was also checked for sanitizer truncation: intact — 3966 bytes, balanced fences, all 11 angle-bracket fragments present, footer present.

Two honest differences from the twin — neither was copied over blind

1. The defect here is an ABSENT render, not a WRONG one.dropdown-menu drew the name as raw text, so its load-bearing assertion could be queryByText('trash'). Here nothing was drawn at all, which makes that assertion a ghost — null before the fix and null after. Every measurement row in this suite asserts the resolved glyph instead, identified as svg.lucide-<authored-name> — derived from the authored name (the independent input), never from the renderer under test.

2. The submenu trigger already contains an svg.ContextMenuSubTrigger renders its own ChevronRight unconditionally, so a bare querySelector('svg') on that arm is green in both worlds — the blind instrument this suite must not use. The chevron is asserted alongside the subject as a positive control on the instrument, so a red lucide-trash row cannot be misread as a broken query.

A third difference: Radix's ContextMenuProps is { children, open, onOpenChange, dir, modal } — there is no defaultOpen, so the twin's open-trick does not port. The suite fires a contextmenu event on the trigger and asserts the menu actually mounted before reading any glyph.

Red before, green after — both arms as separate rows

Measured at the parent commit with grep -c icon on the renderer reading 0:

Tests 3 failed | 5 passed (8)
× ContextMenuItem arm (leaf) > renders the resolved glyph for a live icon name
× ContextMenuSubTrigger arm (submenu) > renders the resolved glyph for a live icon name
× the basic-context-menu.json catalog fixture > draws a distinct glyph for each of the four authored names

After the repair: Tests 8 passed (8).

Ablation — each arm reverted alone

Each mutation is proved on disk in both directions (injected marker grepped, removed text grepped, working blob hash compared against the HEAD blob) and restored under trap … EXIT INT TERM with cwd-independent paths; git diff HEAD --stat was empty afterwards and both blobs matched HEAD.

ablatedresult
leaf arm only2 red — the leaf glyph row and the fixture row. Submenu rows stayed green.
submenu-trigger arm onlyexactly 1 red — the submenu glyph row. Leaf and fixture stayed green.
census entry only (deleted)gate stays exit 0 but judges 163 names instead of 167 — precisely the fixture's four. The gate's own suite goes red on the two new pins.

The submenu row is the one that matters: it is why a leaf-only repair cannot read as complete.

A first ablation round was discarded as invalid and is reported rather than quietly re-run. Injecting a bare /* … */ marker into JSX children renders it as a text node, which broke getByText and took unrelated rows down with it (5 red and 3 red instead of 2 and 1); and renaming the census key tripped the gate's min: 1 non-vacuity rule rather than removing the entry. Both were artifacts of the instrument, not readings. Re-run with a JSX-valid no-op ({/* … */}) and a true deletion, the numbers above are what the corrected mutations give.

Gates run locally, all on ad54f7587 (the final commit)

check:icon-record-names (0 errors, 167 names / 8 resolvers) · check:control-bytes · check:doc-types · check:doc-fences · check:doc-snippets (267/267 blocks, after building the 32 packages it needs — its first run was a PRECONDITION NOT MET exit 2, i.e. not measured, not red) · check:vi-mock-specifiers · check-changeset-presence · type-check for @object-ui/components (9 tasks) and type-check:scripts · lint (@object-ui/components 402 files judged, lint:root 196 files judged — 0 errors in both; both edited scripts/ files and both edited packages/components/ files confirmed present in the judged populations via --format json).

Tests: the fullpackages/components suite — 188 files, 1716 tests, all passed — plus scripts/__tests__/check-lucide-icon-record-names.test.ts. The twin's dropdown-menu-item-icon.test.tsx is green, so the neighbour did not regress.

Note on type-check: packages/components/tsconfig.jsonexcludessrc/__tests__ and **/*.test.tsx, so the first program does not see the new test file. The package script is tsc --noEmit && tsc -p tsconfig.test.json, and --listFiles confirms the second program does cover it — checked rather than assumed.

Scope

Deliberately untouched: button-group, breadcrumb and command (#5931 owns those and is pm:blocked on whether the key should exist at all); timeline and tree-view (deliberately different per the card's table); and the resolver consolidation queued as #5935, which would rewrite the very seam this routes into. This card was separable only because its twin was already answered — none of those are addressed here and all of them stay open.

Generated by Claude Code


Generated by Claude Code

`renderContextMenuItems` never referenced `icon` at all — 0 occurrences in the
file, against 2 for `shortcut` and 12 for `label` — so the catalog fixture
`basic-context-menu.json` shipped four live lucide names (`copy`, `scissors`,
`clipboard`, `trash`) that drew nothing beside their labels.
Route the authored name through `resolveIcon`, the lucide RECORD surface
`ui:button` and the `action:*` family already resolve against, on BOTH arms:
the leaf `ContextMenuItem` and the `ContextMenuSubTrigger`. Repairing only the
leaf would be a narrower version of the same bug. The dynamic `LazyIcon`
surface stays ruled out — it degrades an unknown name to the `Database` glyph,
trading a no-icon failure for a wrong-icon one.
This is objectui#5930's diff ported to the file next door, with one difference:
the twin rendered the name as raw TEXT, so its load-bearing assertion could be
`queryByText(name)`. Here the defect was an ABSENT render, which makes that
assertion a ghost — every measurement row asserts the resolved glyph by the
identity lucide gives it instead.
Also adds the `'context-menu'` census entry to
`scripts/check-lucide-icon-record-names.mjs`, so the fixture's four names come
under the gate's judgement as the card's own note asks.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011SfZeFWrhGLHmfq61xbz4q
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 52 chunks)3223.1 KB3266.6 KB
Main entry chunk (gzip)154.2 KB350 KB
Entry fileindex-BuZ7gc3k.js
StatusPASS

The eager closure is every chunk the entry reaches through static imports — what the browser fetches and parses before the app renders. The entry chunk on its own is a small fraction of it.


📦 Bundle Size Report

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)10.96KB4.16KB
app-shell (runtime-config.js)18.10KB6.51KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)506.08KB114.67KB
core (index.js)5.30KB2.13KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)171.74KB47.48KB
fields (index.js)238.79KB59.99KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.95KB10.97KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)9.53KB3.38KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)4.64KB1.50KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)1.93KB0.88KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.62KB12.83KB
plugin-charts (index.js)64.66KB18.32KB
plugin-chatbot (index.js)188.21KB44.67KB
plugin-dashboard (index.js)133.35KB34.45KB
plugin-designer (index.js)211.95KB42.75KB
plugin-detail (index.js)245.10KB62.31KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)126.92KB30.85KB
plugin-gantt (index.js)164.17KB39.89KB
plugin-grid (index.js)201.14KB54.40KB
plugin-kanban (index.js)52.83KB14.55KB
plugin-list (index.js)111.94KB27.24KB
plugin-map (index.js)20.09KB6.62KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.49KB11.93KB
plugin-timeline (index.js)26.49KB7.59KB
plugin-tree (index.js)9.26KB3.13KB
plugin-view (index.js)84.55KB20.74KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)54.84KB18.43KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)1.35KB0.70KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)12.13KB3.65KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)7.54KB2.63KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)0.20KB0.18KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.87KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.49KB2.14KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped

@os-support-ai
os-support-ai marked this pull request as ready for review August 25, 2026 13:07
@os-support-ai
os-support-ai added this pull request to the merge queueAug 25, 2026
Merged via the queue into main with commit f8c70f4Aug 25, 2026
28 checks passed
@os-support-ai
os-support-ai deleted the claude/issue-6278-context-menu-icon branch August 25, 2026 13:19
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

finding(components): ui:context-menu never reads an item's authored icon — dropdown-menu's identical twin, left behind by #5930

2 participants

@os-support-ai@claude