Skip to content

feat(webapp): storybook gallery for the dashboard agent - #4516

Open
kathiekiwi wants to merge 34 commits into
feat/dashboard-agent-flows-watchfrom
feat/agent-storybook-gallery
Open

feat(webapp): storybook gallery for the dashboard agent#4516
kathiekiwi wants to merge 34 commits into
feat/dashboard-agent-flows-watchfrom
feat/agent-storybook-gallery

Conversation

@kathiekiwi

@kathiekiwi kathiekiwi commented Aug 5, 2026

Copy link
Copy Markdown
Collaborator

Split out of #4418 so that PR carries only what ships to users.

An admin-only gallery of every agent card state: five storybook.agent-* pages (chat UI, view blocks, report, investigation, watch) with their shared shell and manifest, the demo fixtures and two demo-only cards that feed them, the agent toast examples, and the screenshot script. No LLM and no data — every state renders from fixtures that live under dashboard-agent/demo/ and are never reachable from a production path.

It exists so designers and reviewers can look at every state, including the report states, without seeding anything.

Screenshots

Screenshot 2026-08-06 at 00 36 19

@changeset-bot

changeset-bot Bot commented Aug 5, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: 1407cc8

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

@coderabbitai

coderabbitai Bot commented Aug 5, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 14d14364-e0dc-4f3b-a395-795c88aba7b6

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Walkthrough

Added client-safe dashboard-agent demo fixtures for investigations, diagnoses, charts, intents, watches, messages, reports, and identifiers. Added reusable chart and intent components. Replaced the agent Storybook route with a manifest-driven gallery for chat, view blocks, reports, investigations, watches, prompts, banners, and wake states. Added dedicated Storybook routes for view blocks, reports, investigations, and watches. Added toast examples and expanded Vitest coverage for fixture schemas, rendering states, navigation targets, and source isolation.

🚥 Pre-merge checks | ✅ 3 | ❌ 2

❌ Failed checks (2 warnings)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 6.15% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
Description check ⚠️ Warning The description explains the gallery scope and includes screenshots, but it omits the required issue, checklist, testing, and changelog sections. Add the required issue reference, completed checklist, testing steps, and short changelog entry.
✅ Passed checks (3 passed)
Check name Status Explanation
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
Title check ✅ Passed The title is concise, specific, and accurately summarizes the Storybook gallery added for the dashboard agent.
✨ Finishing Touches 💡 2
📝 Generate docstrings 💡
  • Create stacked PR
  • Commit on current branch
🛠️ Fix failing CI checks 💡
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/agent-storybook-gallery

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

coderabbitai[bot]

This comment was marked as resolved.

@kathiekiwi kathiekiwi changed the title Dashboard agent storybook gallery feat(webapp): storybook gallery for the dashboard agent Aug 6, 2026
@kathiekiwi
kathiekiwi marked this pull request as ready for review August 6, 2026 00:07
devin-ai-integration[bot]

This comment was marked as resolved.

@kathiekiwi
kathiekiwi force-pushed the feat/agent-storybook-gallery branch from bfe64cc to 1b6dfb1 Compare August 6, 2026 00:56
devin-ai-integration[bot]

This comment was marked as resolved.

devin-ai-integration[bot]

This comment was marked as resolved.

@kathiekiwi
kathiekiwi changed the base branch from feat/dashboard-agent-flows to feat/dashboard-agent-flows-watch August 7, 2026 12:51
@kathiekiwi
kathiekiwi force-pushed the feat/dashboard-agent-flows-watch branch from 712396b to e110e90 Compare August 8, 2026 12:05
@kathiekiwi
kathiekiwi force-pushed the feat/agent-storybook-gallery branch from 662e92f to 02e1f60 Compare August 8, 2026 12:28
@pkg-pr-new

pkg-pr-new Bot commented Aug 8, 2026

Copy link
Copy Markdown

Open in StackBlitz

@trigger.dev/build

npm i https://pkg.pr.new/@trigger.dev/build@23b03c0

trigger.dev

npm i https://pkg.pr.new/trigger.dev@23b03c0

@trigger.dev/core

npm i https://pkg.pr.new/@trigger.dev/core@23b03c0

@trigger.dev/python

npm i https://pkg.pr.new/@trigger.dev/python@23b03c0

@trigger.dev/react-hooks

npm i https://pkg.pr.new/@trigger.dev/react-hooks@23b03c0

@trigger.dev/redis-worker

npm i https://pkg.pr.new/@trigger.dev/redis-worker@23b03c0

@trigger.dev/rsc

npm i https://pkg.pr.new/@trigger.dev/rsc@23b03c0

@trigger.dev/schema-to-json

npm i https://pkg.pr.new/@trigger.dev/schema-to-json@23b03c0

@trigger.dev/sdk

npm i https://pkg.pr.new/@trigger.dev/sdk@23b03c0

commit: 23b03c0

@kathiekiwi
kathiekiwi force-pushed the feat/agent-storybook-gallery branch 2 times, most recently from ec08b16 to c43d49f Compare August 8, 2026 14:30
@kathiekiwi
kathiekiwi force-pushed the feat/dashboard-agent-flows-watch branch from c0f0058 to e7432a8 Compare August 8, 2026 14:30
@coderabbitai

coderabbitai Bot commented Aug 8, 2026

Copy link
Copy Markdown
Contributor

Note

GitHub couldn't provide a complete incremental comparison for this pull request, so CodeRabbit is performing a full review instead. This review may take a little longer.

@kathiekiwi
kathiekiwi force-pushed the feat/agent-storybook-gallery branch from c43d49f to a71b7e0 Compare August 8, 2026 14:57
coderabbitai[bot]

This comment was marked as resolved.

@kathiekiwi
kathiekiwi force-pushed the feat/agent-storybook-gallery branch from a71b7e0 to 6587840 Compare August 8, 2026 16:09
@kathiekiwi
kathiekiwi force-pushed the feat/dashboard-agent-flows-watch branch from 3a64fb0 to 4dc89f6 Compare August 8, 2026 17:49
@kathiekiwi
kathiekiwi force-pushed the feat/agent-storybook-gallery branch from 6587840 to fc9ce3b Compare August 8, 2026 17:51
@kathiekiwi
kathiekiwi force-pushed the feat/dashboard-agent-flows-watch branch from 4dc89f6 to 5cddeb8 Compare August 8, 2026 18:08
@kathiekiwi
kathiekiwi force-pushed the feat/agent-storybook-gallery branch from fc9ce3b to 3a8fbcc Compare August 8, 2026 18:08
devin-ai-integration[bot]

This comment was marked as resolved.

@kathiekiwi
kathiekiwi force-pushed the feat/dashboard-agent-flows-watch branch from 5cddeb8 to f1f8c97 Compare August 8, 2026 18:22
@kathiekiwi
kathiekiwi force-pushed the feat/agent-storybook-gallery branch from 3a8fbcc to 305742d Compare August 8, 2026 18:22
@kathiekiwi
kathiekiwi force-pushed the feat/dashboard-agent-flows-watch branch from f1f8c97 to 6fbdbbc Compare August 9, 2026 00:01
@kathiekiwi
kathiekiwi force-pushed the feat/agent-storybook-gallery branch from 305742d to de64d25 Compare August 9, 2026 00:01
@kathiekiwi
kathiekiwi force-pushed the feat/dashboard-agent-flows-watch branch from 6fbdbbc to 59eaf24 Compare August 9, 2026 08:20
kathiekiwi and others added 2 commits August 9, 2026 14:53
The barrel re-exports React components, and this suite runs without a DOM.
Never exported from the demo barrel and never called on any branch in the stack.
@kathiekiwi
kathiekiwi force-pushed the feat/agent-storybook-gallery branch from ec43fb7 to 5755c4a Compare August 9, 2026 14:55
…book-gallery

# Conflicts:
#	apps/webapp/vitest.config.ts
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.

2 participants