phoenix-oss/llama-stack-mirror
0
0
Fork 1
mirror of https://github.com/meta-llama/llama-stack.git synced 2025-06-27 18:50:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: misc UI changes (#2175)

Browse source 
# What does this PR do?

- Add pre-req to run the server (install deps)
- Fix the static build

Closes: https://github.com/meta-llama/llama-stack/issues/2174

Signed-off-by: Sébastien Han <seb@redhat.com>
This commit is contained in:
Sébastien Han 2025-05-15 22:03:05 +02:00 • committed by GitHub
parent 1a6d4af5e9
commit 3cc15f7d15
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 30 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

8
llama_stack/ui/README.md
View file

@ -2,7 +2,13 @@
## Getting Started ## Getting Started
First, run the development server: First, install dependencies:
```bash
npm install next react react-dom
```
Then, run the development server:
```bash ```bash
npm run dev npm run dev

22
llama_stack/ui/app/layout.tsx
View file

@ -22,16 +22,16 @@ import { AppSidebar } from "@/components/app-sidebar"
export default function Layout({ children }: { children: React.ReactNode }) { export default function Layout({ children }: { children: React.ReactNode }) {
return ( return (
<html lang="en"> <html lang="en" className={`${geistSans.variable} ${geistMono.variable}`}>
<body> <body>
<SidebarProvider> <SidebarProvider>
<AppSidebar /> <AppSidebar />
<main> <main>
<SidebarTrigger /> <SidebarTrigger />
{children} {children}
</main> </main>
</SidebarProvider> </SidebarProvider>
</body> </body>
</html> </html>
) )
} }

11
llama_stack/ui/components/app-sidebar.tsx
View file

@ -1,4 +1,5 @@
import { MessageSquareText, MessagesSquare } from "lucide-react" import { MessageSquareText, MessagesSquare } from "lucide-react"
import Link from "next/link"
import { import {
Sidebar, Sidebar,
@ -29,9 +30,9 @@ const logItems = [
export function AppSidebar() { export function AppSidebar() {
return ( return (
<Sidebar> <Sidebar>
<SidebarHeader> <SidebarHeader>
<a href="/">Llama Stack</a> <Link href="/">Llama Stack</Link>
</SidebarHeader> </SidebarHeader>
<SidebarContent> <SidebarContent>
<SidebarGroup> <SidebarGroup>
<SidebarGroupLabel>Logs</SidebarGroupLabel> <SidebarGroupLabel>Logs</SidebarGroupLabel>
@ -40,10 +41,10 @@ export function AppSidebar() {
{logItems.map((item) => ( {logItems.map((item) => (
<SidebarMenuItem key={item.title}> <SidebarMenuItem key={item.title}>
<SidebarMenuButton asChild> <SidebarMenuButton asChild>
<a href={item.url}> <Link href={item.url}>
<item.icon /> <item.icon />
<span>{item.title}</span> <span>{item.title}</span>
</a> </Link>
</SidebarMenuButton> </SidebarMenuButton>
</SidebarMenuItem> </SidebarMenuItem>
))} ))}

6
llama_stack/ui/package-lock.json generated
View file

@ -15,9 +15,9 @@
"class-variance-authority": "^0.7.1", "class-variance-authority": "^0.7.1",
"clsx": "^2.1.1", "clsx": "^2.1.1",
"lucide-react": "^0.510.0", "lucide-react": "^0.510.0",
"next": "15.3.2", "next": "^15.3.2",
"react": "^19.0.0", "react": "^19.1.0",
"react-dom": "^19.0.0", "react-dom": "^19.1.0",
"tailwind-merge": "^3.3.0" "tailwind-merge": "^3.3.0"
}, },
"devDependencies": { "devDependencies": {

6
llama_stack/ui/package.json
View file

@ -16,9 +16,9 @@
"class-variance-authority": "^0.7.1", "class-variance-authority": "^0.7.1",
"clsx": "^2.1.1", "clsx": "^2.1.1",
"lucide-react": "^0.510.0", "lucide-react": "^0.510.0",
"next": "15.3.2", "next": "^15.3.2",
"react": "^19.0.0", "react": "^19.1.0",
"react-dom": "^19.0.0", "react-dom": "^19.1.0",
"tailwind-merge": "^3.3.0" "tailwind-merge": "^3.3.0"
}, },
"devDependencies": { "devDependencies": {