llama-stack-mirror/llama_stack/ui
Francisco Arceo d78ac434bd
feat(UI): Adding a session manager (#3203)
# What does this PR do?

- Introduces the Agent Session creation for the Playground and allows
users to set tools
- note tools are actually not usable yet and this is marked explicitly
- this also caches sessions locally for faster loading on the UI and
deletes them appropriately
   - allows users to easily create new sessions as well
- Moved Model Configuration settings and "System Message" / Prompt to
the left component
- Added new logo and favicon
- Added new typing animation when LLM is generating

### Create New Session
<img width="1916" height="1393" alt="Screenshot 2025-08-21 at 4 18
08 PM"
src="https://github.com/user-attachments/assets/52c70ae3-a33e-4338-8522-8184c692c320"
/>


### List of Sessions
<img width="1920" height="1391" alt="Screenshot 2025-08-21 at 4 18
56 PM"
src="https://github.com/user-attachments/assets/ed78c3c6-08ec-486c-8bad-9b7382c11360"
/>

<!-- If resolving an issue, uncomment and update the line below -->
<!-- Closes #[issue-number] -->

## Test Plan
Unit tests added

---------

Signed-off-by: Francisco Javier Arceo <farceo@redhat.com>
2025-08-21 21:11:03 -04:00
..
app feat(UI): Adding a session manager (#3203) 2025-08-21 21:11:03 -04:00
components feat(UI): Adding a session manager (#3203) 2025-08-21 21:11:03 -04:00
e2e feat(UI): Adding linter and prettier for UI (#3156) 2025-08-14 15:58:43 -06:00
hooks feat(UI): Adding linter and prettier for UI (#3156) 2025-08-14 15:58:43 -06:00
lib feat(UI): Adding linter and prettier for UI (#3156) 2025-08-14 15:58:43 -06:00
public feat(UI): Adding a session manager (#3203) 2025-08-21 21:11:03 -04:00
types feat(auth,ui): support github sign-in in the UI (#2545) 2025-07-08 11:02:57 -07:00
.gitignore feat(ui): add infinite scroll pagination to chat completions/responses logs table (#2466) 2025-06-18 15:28:39 -07:00
.nvmrc feat(UI): Adding linter and prettier for UI (#3156) 2025-08-14 15:58:43 -06:00
.prettierignore feat(UI): Adding linter and prettier for UI (#3156) 2025-08-14 15:58:43 -06:00
.prettierrc feat(UI): Adding linter and prettier for UI (#3156) 2025-08-14 15:58:43 -06:00
components.json feat(UI): adding MVP playground UI (#2828) 2025-07-30 19:44:16 -07:00
eslint.config.mjs feat(UI): Adding linter and prettier for UI (#3156) 2025-08-14 15:58:43 -06:00
instrumentation.ts feat(auth,ui): support github sign-in in the UI (#2545) 2025-07-08 11:02:57 -07:00
jest.config.ts feat(ui): add infinite scroll pagination to chat completions/responses logs table (#2466) 2025-06-18 15:28:39 -07:00
jest.setup.ts feat(ui): add infinite scroll pagination to chat completions/responses logs table (#2466) 2025-06-18 15:28:39 -07:00
next.config.ts feat: scaffolding for Llama Stack UI (#2149) 2025-05-14 17:22:46 -07:00
package-lock.json chore(ui-deps): bump typescript from 5.8.3 to 5.9.2 in /llama_stack/ui (#3216) 2025-08-20 16:49:28 -07:00
package.json chore(ui-deps): bump @radix-ui/react-collapsible from 1.1.11 to 1.1.12 in /llama_stack/ui (#3218) 2025-08-20 16:48:53 -07:00
playwright.config.ts feat(ui): add infinite scroll pagination to chat completions/responses logs table (#2466) 2025-06-18 15:28:39 -07:00
postcss.config.mjs feat: scaffolding for Llama Stack UI (#2149) 2025-05-14 17:22:46 -07:00
README.md feat(ui): implement chat completion views (#2201) 2025-05-22 22:05:54 -07:00
tsconfig.json feat: scaffolding for Llama Stack UI (#2149) 2025-05-14 17:22:46 -07:00

This is WIP.

We use shadcdn/ui Shadcn UI for the UI components.

Getting Started

First, install dependencies:

npm install

Then, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:8322 with your browser to see the result.