Skip to content

feat(chat): replace thinking indicator with gooey loader#5525

Merged
waleedlatif1 merged 2 commits into
stagingfrom
feat/gooey-chat-loader
Jul 9, 2026
Merged

feat(chat): replace thinking indicator with gooey loader#5525
waleedlatif1 merged 2 commits into
stagingfrom
feat/gooey-chat-loader

Conversation

@waleedlatif1

Copy link
Copy Markdown
Collaborator

Summary

  • Promotes ThinkingLoader (the gooey SVG loader from the landing page) from app/(landing)/components/thinking-loader to the shared components/ui barrel
  • Swaps it into the chat's PendingTagIndicator, replacing the 4-square color loader + "Thinking…" text
  • Removes the now-dead animate-thinking-block keyframe/animation from tailwind.config.ts

Type of Change

  • Improvement

Testing

Tested manually. bun run type-check, bun run lint, and the special-tags test suite all pass.

Checklist

  • Code follows project style guidelines
  • Self-reviewed my changes
  • Tests added/updated and passing
  • No new warnings introduced
  • I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

Promotes ThinkingLoader from the landing route group to the shared
components/ui barrel and swaps it in for the 4-square color loader
in the chat's PendingTagIndicator. Removes the now-dead
animate-thinking-block keyframe/animation.
@vercel

vercel Bot commented Jul 9, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
docs Skipped Skipped Jul 9, 2026 12:55am

Request Review

@cursor

cursor Bot commented Jul 9, 2026

Copy link
Copy Markdown

PR Summary

Low Risk
Refactor and UI polish only—shared loader relocation, import updates, and removal of dead Tailwind animation; no auth, data, or API behavior changes.

Overview
Moves the landing gooey ThinkingLoader into components/ui (component, CSS module, and barrel export) and retargets every consumer—landing hero/preview/nav/build callouts and workspace chat—from @/app/(landing)/components/thinking-loader to @/components/ui. The old landing barrel is removed.

In workspace chat, PendingTagIndicator drops the four-color square grid + separate “Thinking…” text and uses ThinkingLoader (size={20}, startVariant='corners', built-in label) instead.

Cleanup: deletes the unused thinking-block keyframe and animate-thinking-block animation from tailwind.config.ts.

Reviewed by Cursor Bugbot for commit fc159a1. Configure here.

@greptile-apps

greptile-apps Bot commented Jul 9, 2026

Copy link
Copy Markdown
Contributor

Greptile Summary

This PR moves the gooey thinking loader into shared UI and uses it in chat. The main changes are:

  • Promotes ThinkingLoader from the landing components to components/ui.
  • Updates landing and chat imports to use the shared UI barrel.
  • Replaces the chat pending tag indicator with the shared loader and a stable Thinking… label.
  • Removes the unused square-loader Tailwind animation.

Confidence Score: 5/5

This looks safe to merge.

  • No blocking issues found in the changed code.
  • The chat loader now uses stable visible text instead of cycling status text.
  • The shared loader import path follows the established alias pattern.

Important Files Changed

Filename Overview
apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/special-tags/special-tags.tsx Replaces the pending tag indicator with the shared loader and a stable Thinking… label.
apps/sim/components/ui/thinking-loader.tsx Moves the loader into shared UI and updates its CSS module import path.
apps/sim/components/ui/index.ts Exports ThinkingLoader and its variant type from the shared UI barrel.
apps/sim/tailwind.config.ts Removes the unused thinking-block keyframes and animation entry.

Reviews (2): Last reviewed commit: "fix(chat): keep a stable Thinking… label..." | Re-trigger Greptile

Greptile flagged that phase text repeatedly re-announces to assistive tech
during a single pending stream; a static label avoids the repeated
live-region updates while keeping the gooey shape morph.
@waleedlatif1

Copy link
Copy Markdown
Collaborator Author

@greptile

@waleedlatif1

Copy link
Copy Markdown
Collaborator Author

@cursor review

@cursor cursor Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

✅ Bugbot reviewed your changes and found no new issues!

Comment @cursor review or bugbot run to trigger another review on this PR

Reviewed by Cursor Bugbot for commit fc159a1. Configure here.

@waleedlatif1 waleedlatif1 merged commit 8bbe6f5 into staging Jul 9, 2026
13 checks passed
@waleedlatif1 waleedlatif1 deleted the feat/gooey-chat-loader branch July 9, 2026 00:57
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