> ## Documentation Index
> Fetch the complete documentation index at: https://docs.equa.cc/llms.txt
> Use this file to discover all available pages before exploring further.

# EquaPluginsDashboard

> Design system reference for EquaPluginsDashboard, including Storybook, Figma, screenshots, and usage guidance

# EquaPluginsDashboard

> **Last Verified:** 2026-05-20 | **Storybook source:** `equa-patternlib-nextjs/stories/EquaPluginsDashboard.stories.tsx`, Line: 17

## Purpose

Figma-mirrored plugin dashboard surface and subcomponents.

## Storybook

| Story                                 | Reference                                                                                              |
| ------------------------------------- | ------------------------------------------------------------------------------------------------------ |
| Final design — full dashboard         | [Storybook](http://localhost:6006/?path=/story/equa-plugins-dashboard--final-designs-mirror)           |
| Top Bar                               | [Storybook](http://localhost:6006/?path=/story/equa-plugins-dashboard--top-bar)                        |
| Runtime Providers                     | [Storybook](http://localhost:6006/?path=/story/equa-plugins-dashboard--runtime-providers)              |
| Install From Git                      | [Storybook](http://localhost:6006/?path=/story/equa-plugins-dashboard--install-from-git)               |
| Installed Plugins                     | [Storybook](http://localhost:6006/?path=/story/equa-plugins-dashboard--installed-plugins)              |
| Plugin card — bundled, inactive       | [Storybook](http://localhost:6006/?path=/story/equa-plugins-dashboard--plugin-card-bundled)            |
| Plugin card — long description        | [Storybook](http://localhost:6006/?path=/story/equa-plugins-dashboard--plugin-card-long)               |
| Plugin card — auth required + command | [Storybook](http://localhost:6006/?path=/story/equa-plugins-dashboard--plugin-card-auth-required)      |
| Badges                                | [Storybook](http://localhost:6006/?path=/story/equa-plugins-dashboard--badges)                         |
| Dashboard-only extensions             | [Storybook](http://localhost:6006/?path=/story/equa-plugins-dashboard--dashboard-only-extensions-list) |

## API And Props

| Prop or Control | Source                            | Notes                                 |
| --------------- | --------------------------------- | ------------------------------------- |
| UNVERIFIED      | Not exposed in Storybook argTypes | Review component TypeScript interface |

Sources:

* `equa-patternlib-nextjs/src/components/pluginsdashboard/pluginsdashboard.tsx`, Line: 9
* `equa-patternlib-nextjs/src/components/pluginsdashboard/index.ts`
* `equa-patternlib-nextjs/stories/EquaPluginsDashboard.stories.tsx`, Line: 17

## Figma

[Open Figma reference](https://www.figma.com/design/qY7F4qxhZe1e5N2SVkat1O/Roles---Permissions?node-id=4-42)

## Screenshots

| State           | Asset                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
| --------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Equa dark theme | <img src="https://mintcdn.com/equainc/WF4vvyO1PBrsp7n_/images/design-system/components/equa-plugins-dashboard/equa-plugins-dashboard--final-designs-mirror-equa.png?fit=max&auto=format&n=WF4vvyO1PBrsp7n_&q=85&s=995f0bff82837da251523ca8ee56db2f" alt="EquaPluginsDashboard dark theme" width="1366" height="900" data-path="images/design-system/components/equa-plugins-dashboard/equa-plugins-dashboard--final-designs-mirror-equa.png" />          |
| Light theme     | <img src="https://mintcdn.com/equainc/WF4vvyO1PBrsp7n_/images/design-system/components/equa-plugins-dashboard/equa-plugins-dashboard--final-designs-mirror-light.png?fit=max&auto=format&n=WF4vvyO1PBrsp7n_&q=85&s=46cecce642f5a4852efdacaf498feb5e" alt="EquaPluginsDashboard light theme" width="1366" height="900" data-path="images/design-system/components/equa-plugins-dashboard/equa-plugins-dashboard--final-designs-mirror-light.png" /> |

## Usage Notes

* Prefer this component over local one-off UI for matching product states.
* Keep new variants represented in Storybook before adding docs references here.
* Use token-backed colors, spacing, radius, and shadows from [Foundations](/architecture/design-system/foundations).

## Accessibility Notes

* Preserve keyboard and focus behavior from the source component.
* Any icon-only controls must provide an accessible label in consuming product code.
* Validate color contrast in both Equa dark and light theme screenshots before release.