Skip to content

✨ feat: add morphing state icons across the client - #14697

Merged
berry-13 merged 11 commits into
devfrom
feat/icon-morphing
Sep 4, 2026
Merged

berry-13 merged 11 commits into
devfrom
feat/icon-morphing

Conversation

@berry-13

@berry-13 berry-13 commented Aug 7, 2026 •

Copy link
Copy Markdown
Collaborator

Summary

This PR adds animated icon transitions for state-changing controls across the LibreChat client. It introduces a shared MorphIcon export backed by morphicons/react, replaces separate Lucide icon swaps in chat, message, agent, artifact, sharing, prompt, skill, MCP, theme, secret-input, badge, and data-table flows, and adds reusable Jest mocks with focused tests.

The change keeps controls visually stable while their state changes and gives both client packages one consistent integration point.

Dependencies added or updated:

  • morphicons@^1.4.1
  • lucide@^0.525.0
  • lucide-react@^0.525.0

Change Type

  • New feature (non-breaking change which adds functionality)

Testing

To reproduce the primary validation:

npm ci
npm run build
cd client && npm run typecheck

The changed files also pass ESLint, Prettier, and import sorting. Focused tests cover the new shared components and affected client behaviors.

Successful test results:

  • focused client tests: 6 suites, 103 tests
  • focused shared-client tests: 3 suites, 39 tests
  • full client tests: 307 suites, 3,881 tests
  • shared-client tests: 13 suites, 159 tests
  • data-provider tests: 28 suites, 1,472 passed and 1 skipped
  • data-schemas tests: 54 suites, 1,907 tests
  • config tests: 4 suites, 23 tests
  • agent integration tests: 1 suite, 28 tests
  • isolated Mongo API parity test: 16 tests

Environment and repository baseline notes:

  • the aggregate API run passed 3,507 tests and skipped 2, but 12 live Anthropic response tests returned HTTP 500
  • the root lint script currently crashes in its legacy brace glob with TypeError: expand is not a function; an equivalent full-tree ESLint run reports 118 existing issues in untouched files
  • the full Prettier check reports two existing untouched files, and the repository import check reports existing violations; every changed file passes both checks
  • cache integration tests require redis-server, which is not installed in this environment
  • mock E2E built and started its local services, but Playwright's pinned Chromium binary was unavailable and its browser download stalled after reaching 100 percent

Test Configuration:

  • OS: Linux
  • Node.js: 24.16.0
  • npm: 11
  • Test runner: Jest
  • E2E runner: Playwright
  • Build runner: Turbo and Vite

Checklist

  • My code adheres to this project's style guidelines
  • I have performed a self-review of my own code
  • My changes do not introduce new warnings
  • I have written tests demonstrating that my changes are effective or that my feature works
  • Local unit tests pass with my changes

Copilot AI lite review requested due to automatic review settings August 7, 2026 20:15

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@berry-13

berry-13 commented Aug 7, 2026

Copy link
Copy Markdown
Collaborator Author

@codex review

@chatgpt-codex-connector

Copy link
Copy Markdown

Codex Review: Didn't find any major issues. 🎉

Reviewed commit: 5dd8579ad1

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

@berry-13
berry-13 force-pushed the feat/icon-morphing branch from e30b92b to d539ce2 Compare August 8, 2026 00:40
@berry-13
berry-13 marked this pull request as ready for review August 8, 2026 08:07
@danny-avila

Copy link
Copy Markdown
Collaborator

@berry-13 re-target dev branch

@danny-avila
danny-avila changed the base branch from main to dev August 8, 2026 11:25
@berry-13
berry-13 force-pushed the feat/icon-morphing branch from d539ce2 to 65ed9c3 Compare August 9, 2026 01:58
@berry-13

berry-13 commented Aug 9, 2026

Copy link
Copy Markdown
Collaborator Author

@codex review

@chatgpt-codex-connector chatgpt-codex-connector 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.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 65ed9c3a06

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment thread client/src/components/Agents/tests/AgentDetailContent.spec.tsx Outdated
Comment thread client/src/components/Artifacts/DownloadArtifact.tsx
@berry-13

berry-13 commented Aug 9, 2026

Copy link
Copy Markdown
Collaborator Author

@codex review

@chatgpt-codex-connector

Copy link
Copy Markdown

Codex Review: Didn't find any major issues. Delightful!

Reviewed commit: 60c9a40ece

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

@berry-13

berry-13 commented Aug 9, 2026

Copy link
Copy Markdown
Collaborator Author

@codex review

@chatgpt-codex-connector

Copy link
Copy Markdown

Codex Review: Didn't find any major issues. Bravo.

Reviewed commit: ec16ae5141

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

@berry-13
berry-13 force-pushed the feat/icon-morphing branch from ec16ae5 to 9938f20 Compare August 9, 2026 03:22
@berry-13

berry-13 commented Aug 9, 2026

Copy link
Copy Markdown
Collaborator Author

@codex review

@chatgpt-codex-connector

Copy link
Copy Markdown

Codex Review: Didn't find any major issues. Nice work!

Reviewed commit: 9938f20d3f

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

@berry-13
berry-13 force-pushed the feat/icon-morphing branch from 9938f20 to 5af4f04 Compare August 9, 2026 15:54
@berry-13

berry-13 commented Aug 9, 2026

Copy link
Copy Markdown
Collaborator Author

@codex review

@chatgpt-codex-connector

Copy link
Copy Markdown

Codex Review: Didn't find any major issues. Nice work!

Reviewed commit: 5af4f04083

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

@chatgpt-codex-connector

Copy link
Copy Markdown

Codex Review: Didn't find any major issues. 🚀

Reviewed commit: a4bbd92fa5

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

@berry-13
berry-13 force-pushed the feat/icon-morphing branch 3 times, most recently from cc5b9fd to a7d1249 Compare August 15, 2026 20:15
@berry-13
berry-13 force-pushed the feat/icon-morphing branch from bcd8fc5 to aba6daf Compare August 22, 2026 23:51
@berry-13

Copy link
Copy Markdown
Collaborator Author

@codex review

@chatgpt-codex-connector

Copy link
Copy Markdown

Codex Review: Didn't find any major issues. More of your lovely PRs please.

Reviewed commit: aba6daf4b6

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Sep 3, 2026 •

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review ✅ Completed 2026-09-03T23:38:24.750401Z 31e1a9d New commits
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@berry-13
berry-13 merged commit bd31ecd into dev Sep 4, 2026
36 checks passed
@berry-13
berry-13 deleted the feat/icon-morphing branch September 4, 2026 01:27
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.

3 participants