From 3cc15f7d152743d3c12a411334b59ca25628f4b1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=A9bastien=20Han?= Date: Thu, 15 May 2025 22:03:05 +0200 Subject: [PATCH] fix: misc UI changes (#2175) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit # 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 --- llama_stack/ui/README.md | 8 +++++++- llama_stack/ui/app/layout.tsx | 22 +++++++++++----------- llama_stack/ui/components/app-sidebar.tsx | 11 ++++++----- llama_stack/ui/package-lock.json | 6 +++--- llama_stack/ui/package.json | 6 +++--- 5 files changed, 30 insertions(+), 23 deletions(-) diff --git a/llama_stack/ui/README.md b/llama_stack/ui/README.md index b9f60cdb7..36eee4cff 100644 --- a/llama_stack/ui/README.md +++ b/llama_stack/ui/README.md @@ -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 diff --git a/llama_stack/ui/app/layout.tsx b/llama_stack/ui/app/layout.tsx index 965e1fb8f..a61fff38f 100644 --- a/llama_stack/ui/app/layout.tsx +++ b/llama_stack/ui/app/layout.tsx @@ -22,16 +22,16 @@ import { AppSidebar } from "@/components/app-sidebar" export default function Layout({ children }: { children: React.ReactNode }) { return ( - - - - -
- - {children} -
- - - + + + + +
+ + {children} +
+ + + ) } diff --git a/llama_stack/ui/components/app-sidebar.tsx b/llama_stack/ui/components/app-sidebar.tsx index a8718ad07..b8dd070bb 100644 --- a/llama_stack/ui/components/app-sidebar.tsx +++ b/llama_stack/ui/components/app-sidebar.tsx @@ -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 ( - - Llama Stack - + + Llama Stack + Logs @@ -40,10 +41,10 @@ export function AppSidebar() { {logItems.map((item) => ( - + {item.title} - + ))} diff --git a/llama_stack/ui/package-lock.json b/llama_stack/ui/package-lock.json index d8fc13790..7ecaeccc4 100644 --- a/llama_stack/ui/package-lock.json +++ b/llama_stack/ui/package-lock.json @@ -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": { diff --git a/llama_stack/ui/package.json b/llama_stack/ui/package.json index 4da9923e4..7e6e19976 100644 --- a/llama_stack/ui/package.json +++ b/llama_stack/ui/package.json @@ -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": {