Skip to content

feat(react-components): extend Panel with native links and actions - #705

Merged
LasaleFamine merged 2 commits into
mainfrom
codex/sc-2143-linked-panel
Sep 25, 2026
Merged

LasaleFamine merged 2 commits into
mainfrom
codex/sc-2143-linked-panel

Conversation

@LasaleFamine

@LasaleFamine LasaleFamine commented Sep 25, 2026 •

Copy link
Copy Markdown
Member

Panels containing both navigation and an independent control now use the existing Panel with Panel.Link and Panel.Action. The native link covers the panel surface; sibling actions remain independently clickable and focusable. Consumers can supply their router link or existing design-system button through as.

The extension follows the existing compound-component API. It adds no click handlers, routing logic, context or new root component. Link stacking is isolated only when a panel has a direct Panel.Link; ordinary panels retain their current stacking and polymorphic behavior. LinkedPanel is removed. Examples and the interaction test live in the existing Panel stories, and the minor changeset documents the extension.

Required by Console #593, SC-2143.

Validation:

  • UI workspace build: 6 packages passed; repository type-aware lint passed.
  • Panel Storybook play passed in isolated Chromium: named native link, independent info action, sheet open/close and focus return.
  • Default, bordered, vibrant and polymorphic button Panel stories retained their original stacking; linked Panel opted into isolated stacking.
  • Console's actual normal/compact cards, charts and sheet were checked against the locally built package in an isolated Chromium fixture at 1400px and 390px: body/keyboard/middle-click navigation, independent info action, Close/Escape/focus, no nested interactive elements, chart hover, Masonry spacing and no horizontal overflow passed. Desktop cards and mobile sheet screenshots were inspected.
  • Console typecheck, changed-file lint, 185 tests and 5 snapshots passed with the local package.
  • No package has been published. Console must pin a released UI version before its draft PR is ready to merge.

@changeset-bot

changeset-bot Bot commented Sep 25, 2026 •

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 94be51e

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 6 packages
Name Type
@lualtek/react-components Minor
@lualtek/charts Minor
@lualtek/config Minor
@lualtek/icons Minor
@lualtek/themes Minor
@lualtek/tokens Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@LasaleFamine LasaleFamine changed the title feat(react-components): add LinkedPanel for native card navigation feat(react-components): extend Panel with native links and actions Sep 25, 2026
@LasaleFamine
LasaleFamine merged commit af7107c into main Sep 25, 2026
1 check passed
@LasaleFamine
LasaleFamine deleted the codex/sc-2143-linked-panel branch September 25, 2026 12:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant