mirror of
https://github.com/Significant-Gravitas/AutoGPT.git
synced 2026-02-10 23:05:17 -05:00
8a9c165faf
## Changes 🏗️ Add components needed for the new **Agent Run Modal** ( _splitting PRs in this way the modal PR will be smaller_ 💆🏽 ). [Design reference](https://www.figma.com/design/14jjs3hH3Hmkq4hGqxZWco/agent-runs-unification?node-id=188-15511&t=6fVja182TuoluMwc-1). ### `<Breadcrumbs />` <img width="248" height="72" alt="Screenshot 2025-08-25 at 17 52 36" src="https://github.com/user-attachments/assets/6191aa03-bb6b-47fe-af8c-20dbdb1b9d06" /> Before the project was using Breadcrumbs from Shadcn directly, it now uses new ones styled following the AutoGPT Design System. ### `<MultiToggle />` <img width="350" height="148" alt="Screenshot 2025-08-25 at 17 52 07" src="https://github.com/user-attachments/assets/e1bbb735-62e5-4c73-929a-52ec0109f274" /> ### `<Collapisble />` <img width="350" height="135" alt="Screenshot 2025-08-25 at 17 52 50" src="https://github.com/user-attachments/assets/e4ee4026-8bd5-4d08-8875-3ecb573bd6bb" /> ### `<ShowMoreText />` <img width="500" height="60" alt="Screenshot 2025-08-25 at 17 52 17" src="https://github.com/user-attachments/assets/2e85a192-b7ab-4f5f-b35d-5ed9d3ef6132" /> This is very similar to `<Collapsible />`, the difference is designed to work specifically with text. The `more/less` trigger is displayed next to the text in a simple way. `<Collapsible />` might used with other elements, for example like FAQ or hiding/expanding forms. ### `<LLMItem />` <img width="300" height="78" alt="Screenshot 2025-08-25 at 17 52 26" src="https://github.com/user-attachments/assets/7b904e15-75d3-4f11-9863-2d0db072e884" /> ### Checklist 📋 #### For code changes: - [x] I have clearly listed my changes in the PR description - [x] I have made a test plan - [x] I have tested my changes according to the test plan: - [x] Run Storybook - [x] Stories look good and make sense #### For configuration changes: None