Add loading icon for waiting subagents by wailingwombat · Pull Request #4111 · pluralsh/console

wailingwombat · 2026-09-04T13:49:19Z

Summary

Adds AgentLoadingIcon for agent waiting states, with Storybook variants so design can compare marks.
Cursor family: original spin, cursorWave, and cursorEq (equalizer). Character marks: whimsy bird and aaron.
Success and error collapse to a single bullet (neutral / red). Chat stories show working, success, and an error row with a message.

Test plan

Open Storybook AgentLoadingIcon and review Default, CursorWave, CursorEq, Whimsy, Aaron, Paper
Confirm completed rows show a bullet and error rows show a red bullet plus the error message
Open a workbench job that launches a subagent and confirm the waiting row uses the loading mark
Confirm completed subagent rows are unchanged in the product (no spinner, original title)

Plural Flow: console

Gives pending subagent rows and workbench loading text a Cursor-like animated mark that can be iterated on in design. Co-authored-by: Cursor <cursoragent@cursor.com>

linear · 2026-09-04T13:49:23Z

PROD-5191

github-actions · 2026-09-04T13:54:47Z

Storybook preview: https://6a8c1fbd32d6c1cc8fc131a5-jfufxrakjh.chromatic.com/

Adds Storybook variants (cursor, paper short/long, whimsy, aaron) so design can pick a mark, and labels pending tool rows as "{role} subagent" to match the workbench chat. Co-authored-by: Cursor <cursoragent@cursor.com>

soffi-ai · 2026-09-08T14:05:05Z

Soffi AI Summary

This PR introduces a new AgentLoadingIcon component to the design system to provide visual feedback when subagents are in a waiting or working state in the AI workbench. The motivation is to give users a clear, animated indicator that distinguishes active subagent execution from idle, completed, or errored states — addressing a product gap (PROD-5191) where waiting subagents had no dedicated loading treatment.

The component supports multiple animation variants (cursor typewriter, wave, equalizer, slide, pulse, and character marks like "whimsy bird" and "aaron") so design can compare options via Storybook stories. Success and error states collapse the animation into a single status bullet (neutral or red), and error rows additionally display an error message. The component is wired into the chat message and tool-call display layers so that in-product subagent rows immediately use the new loading mark when waiting, while completed rows remain unchanged.

Changes

Subagent loading icon

Introduced the initial AgentLoadingIcon component with a cursor (typewriter dot-matrix) animation variant and Storybook stories. Exported the component from the design-system index. (968fe67)
Iterated on the loading marks and chat titles: wired the new icon into MultiThreadViewerMessage and toolCallDisplay so waiting subagent rows display the animated mark, and updated AILoadingText to reduce duplication. (0a02c4d)
Added three additional animation variants — cursorEq (equalizer), cursorWave (cascading wave), and StatusBullet — plus success/error state collapse to a single bullet. Expanded Storybook stories to cover all variants and both status states. (6d39d69)

Updated: 2026-09-10 20:55 UTC

Deploy in Soffi

Adds cursor wave and equalizer variants, and uses a single bullet for success and error so Storybook can compare completed and failed subagent rows.

Resolves toolCallDisplay conflicts by keeping formatSubagentTitle and taking master's lowercase read label.

greptile-apps · 2026-09-10T20:59:25Z

Confidence Score: 5/5

The PR appears safe to merge with no outstanding findings in the scoring set.

Summary

Adds multiple loading-icon variants and Storybook previews.
Shows role-specific titles only for pending subagent calls while preserving completed titles.
Adds reduced-motion handling that slows the animations.
Exports the component through the design-system package.

_{Reviews (2) · Last reviewed commit: "Slow loading marks and title shimmer und..."}

Completed rows keep the original “subagent” title; “Coding subagent” only shows while the call is waiting.

Stops looping CSS and canvas motion when the user prefers reduced motion, and keeps a static first-frame mark instead.

Keeps a quiet loop so waiting rows still look alive instead of frozen next to a shimmering header.

wailingwombat · 2026-09-10T21:16:34Z

@greptile

Unblocks CI JavaScript lint, which failed on design-system lint:format for this file.

plural-copilot

✅ Deploy preview for docs-pr-4111 is ready!

Name	Details
⚡ Service	docs-pr-4111 (5 / 5 ready)
☁️ Cluster	plural (eks)
Commit sha	`68dfadc`
Plural URL	https://console.mgmt.plural.sh/cd/clusters/446acdef-8524-425a-a49f-5336a...
🔍 Logs URL	https://console.mgmt.plural.sh/cd/clusters/446acdef-8524-425a-a49f-5336a...
🌊 Flow URL	https://console.mgmt.plural.sh/flows/08a17af1-8578-449e-9ae1-28ccd97eafc...
Preview Link	Preview

You can learn more about preview environments and Plural Flows here

Add a whimsical loading icon for waiting subagents.

968fe67

Gives pending subagent rows and workbench loading text a Cursor-like animated mark that can be iterated on in design. Co-authored-by: Cursor <cursoragent@cursor.com>

Iterate subagent loading marks and chat titles.

0a02c4d

Adds Storybook variants (cursor, paper short/long, whimsy, aaron) so design can pick a mark, and labels pending tool rows as "{role} subagent" to match the workbench chat. Co-authored-by: Cursor <cursoragent@cursor.com>

Iterate loading marks with equalizer, wave, and status bullets.

6d39d69

Adds cursor wave and equalizer variants, and uses a single bullet for success and error so Storybook can compare completed and failed subagent rows.

wailingwombat added the enhancement New feature or request label Sep 10, 2026

Merge master and keep role-based subagent titles.

bc7bf1b

Resolves toolCallDisplay conflicts by keeping formatSubagentTitle and taking master's lowercase read label.

wailingwombat marked this pull request as ready for review September 10, 2026 20:56

wailingwombat requested a review from a team as a code owner September 10, 2026 20:56

greptile-apps Bot reviewed Sep 10, 2026

View reviewed changes

Comment thread js/console/src/components/ai/chatbot/toolCallDisplay.tsx Outdated

Comment thread js/design-system/src/components/AgentLoadingIcon.tsx

wailingwombat added 3 commits September 10, 2026 17:04

Limit role-based subagent titles to pending calls.

33e853f

Completed rows keep the original “subagent” title; “Coding subagent” only shows while the call is waiting.

Honor reduced motion on agent loading marks.

cb2211d

Stops looping CSS and canvas motion when the user prefers reduced motion, and keeps a static first-frame mark instead.

Slow loading marks and title shimmer under reduced motion.

208fb97

Keeps a quiet loop so waiting rows still look alive instead of frozen next to a shimmering header.

Fix Prettier formatting in AgentLoadingIcon.

68dfadc

Unblocks CI JavaScript lint, which failed on design-system lint:format for this file.

plural-copilot Bot reviewed Sep 11, 2026

View reviewed changes

Navigation Menu

Uh oh!

Add loading icon for waiting subagents - #4111

Add loading icon for waiting subagents#4111
wailingwombat wants to merge 8 commits into
masterfrom
anna/prod-5191-loading-icon-for-subagents

wailingwombat commented Sep 4, 2026 •

edited

Loading

Uh oh!

linear Bot commented Sep 4, 2026

Uh oh!

github-actions Bot commented Sep 4, 2026 •

edited

Loading

Uh oh!

soffi-ai Bot commented Sep 8, 2026 •

edited

Loading

Changes

Subagent loading icon

Uh oh!

greptile-apps Bot commented Sep 10, 2026 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

wailingwombat commented Sep 10, 2026

Uh oh!

plural-copilot Bot left a comment •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Uh oh!

Conversation

wailingwombat commented Sep 4, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Test plan

Uh oh!

linear Bot commented Sep 4, 2026

Uh oh!

github-actions Bot commented Sep 4, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

soffi-ai Bot commented Sep 8, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Changes

Subagent loading icon

Uh oh!

greptile-apps Bot commented Sep 10, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Confidence Score: 5/5

Summary

Uh oh!

Uh oh!

Uh oh!

wailingwombat commented Sep 10, 2026

Uh oh!

plural-copilot Bot left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

✅ Deploy preview for docs-pr-4111 is ready!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

wailingwombat commented Sep 4, 2026 •

edited

Loading

github-actions Bot commented Sep 4, 2026 •

edited

Loading

soffi-ai Bot commented Sep 8, 2026 •

edited

Loading

greptile-apps Bot commented Sep 10, 2026 •

edited

Loading

plural-copilot Bot left a comment •

edited

Loading