Skip to content

feat(app): plugin details view with install button in marketplace - #443

Merged
crs48 merged 2 commits into
mainfrom
claude/plugin-details-install-f37ce4
Jul 10, 2026
Merged

feat(app): plugin details view with install button in marketplace#443
crs48 merged 2 commits into
mainfrom
claude/plugin-details-install-f37ce4

Conversation

@crs48

@crs48 crs48 commented Jul 10, 2026

Copy link
Copy Markdown
Owner

What

Adds a plugin details view to the in-app marketplace browser (Settings → Plugins → Browse). Clicking a plugin card now opens a details modal, and the details view has an Install button.

Changes (apps/web/src/components/MarketplaceView.tsx)

  • Clickable cards — each MarketplaceCard is now a role="button" element (keyboard-accessible, hover affordance) that opens the details view. The inline card Install button is preserved via stopPropagation.
  • New PluginDetailsDialog — a modal (matching the existing ConsentDialog styling) showing the full plugin info: icon, name, version, category, author, description, a stats row (installs, stars, license, Homepage link), the requested-access capability list, and the plugin's contributions ("Adds"). The footer holds the Install button for available plugins, or an "Installed"/"Built-in" status pill otherwise.
  • Reuses the existing install pipeline — the details Install button calls the same handleInstall (consent gate + registry.install), so the capability-consent dialog still surfaces when required and the footer reactively flips to "Installed" via the registry onChange subscription.

Verification

Typecheck passes. Exercised end-to-end in the browser preview:

  1. Clicked a card → details modal opened with all fields rendered.
  2. Clicked Install in the modal → plugin installed, footer flipped to green ✓ Installed, and the card reactively moved to the "Installed" section.
  3. Close button dismisses cleanly; no console errors.

Note: apps/web is a private app, so no changeset is required.

🤖 Generated with Claude Code

Clicking a marketplace card now opens a details modal (name, version,
category, author, description, install/star/license stats, homepage,
requested capabilities, and contributions) with an Install button that
drives the existing consent-gated install flow. The inline card Install
button is preserved via stopPropagation.

Signed-off-by: xNet Test <test@xnet.dev>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@crs48
crs48 temporarily deployed to pr-443 July 10, 2026 13:32 — with GitHub Actions Inactive
@github-actions

github-actions Bot commented Jul 10, 2026

Copy link
Copy Markdown
Contributor

✓ Changelog fragment found — thanks!

Signed-off-by: xNet Test <test@xnet.dev>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@crs48
crs48 temporarily deployed to pr-443 July 10, 2026 13:34 — with GitHub Actions Inactive
github-actions Bot added a commit that referenced this pull request Jul 10, 2026
@github-actions

Copy link
Copy Markdown
Contributor

🖼️ UI changes in this PR

No visual differences detected in the changed UI.

CI run

@github-actions

github-actions Bot commented Jul 10, 2026

Copy link
Copy Markdown
Contributor

Preview removed for PR #443.

github-actions Bot added a commit that referenced this pull request Jul 10, 2026
@crs48
crs48 merged commit 8763882 into main Jul 10, 2026
15 checks passed
@crs48
crs48 deleted the claude/plugin-details-install-f37ce4 branch July 10, 2026 13:44
github-actions Bot added a commit that referenced this pull request Jul 10, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant