phoenix-oss/llama-stack-mirror
0
0
Fork 1
mirror of https://github.com/meta-llama/llama-stack.git synced 2025-08-01 16:24:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: misc UI changes

Browse source 
- 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 11:15:00 +02:00
parent 8e7ab146f8
commit 9f16693c71
No known key found for this signature in database
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
First, run the development server:
First, install dependencies:
```bash
npm install next react react-dom
```
Then, run the development server:
```bash
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 }) {
return (
<html lang="en">
<body>
<SidebarProvider>
<AppSidebar />
<main>
<SidebarTrigger />
{children}
</main>
</SidebarProvider>
</body>
</html>
<html lang="en" className={`${geistSans.variable} ${geistMono.variable}`}>
<body>
<SidebarProvider>
<AppSidebar />
<main>
<SidebarTrigger />
{children}
</main>
</SidebarProvider>
</body>
</html>
)
}

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

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

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

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

6
llama_stack/ui/package.json
View file

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