From a29b62f820056ac281ee884cb0e475d99e2d6c34 Mon Sep 17 00:00:00 2001
From: Francisco Javier Arceo <farceo@redhat.com>
Date: Tue, 29 Jul 2025 21:15:38 -0400
Subject: [PATCH] moving non-chat related components to ui/

Signed-off-by: Francisco Javier Arceo <farceo@redhat.com>
---
 llama_stack/ui/app/chat-playground/page.tsx          |  4 ++--
 llama_stack/ui/app/layout.tsx                        |  8 ++++----
 llama_stack/ui/components/chat/chat-message.tsx      |  4 ++--
 llama_stack/ui/components/chat/chat.tsx              |  4 ++--
 llama_stack/ui/components/chat/markdown-renderer.tsx |  2 +-
 llama_stack/ui/components/chat/message-input.tsx     |  6 +++---
 llama_stack/ui/components/layout/app-sidebar.tsx     |  2 +-
 .../ui/components/responses/responses-detail.tsx     |  4 ++--
 .../ui/components/{chat => ui}/audio-visualizer.tsx  |  0
 .../ui/components/{chat => ui}/breadcrumb.tsx        |  0
 llama_stack/ui/components/{chat => ui}/button.tsx    |  0
 llama_stack/ui/components/{chat => ui}/card.tsx      |  0
 .../ui/components/{chat => ui}/collapsible.tsx       |  0
 .../ui/components/{chat => ui}/copy-button.tsx       |  2 +-
 .../ui/components/{chat => ui}/dropdown-menu.tsx     |  0
 .../ui/components/{chat => ui}/file-preview.tsx      |  0
 llama_stack/ui/components/{chat => ui}/input.tsx     |  0
 .../ui/components/{chat => ui}/mode-toggle.tsx       |  4 ++--
 llama_stack/ui/components/{chat => ui}/select.tsx    |  0
 llama_stack/ui/components/{chat => ui}/separator.tsx |  0
 llama_stack/ui/components/{chat => ui}/sheet.tsx     |  0
 llama_stack/ui/components/{chat => ui}/sidebar.tsx   | 12 ++++++------
 .../ui/components/{chat => ui}/sign-in-button.tsx    |  0
 llama_stack/ui/components/{chat => ui}/skeleton.tsx  |  0
 llama_stack/ui/components/{chat => ui}/sonner.tsx    |  0
 llama_stack/ui/components/{chat => ui}/table.tsx     |  0
 .../ui/components/{chat => ui}/theme-provider.tsx    |  0
 llama_stack/ui/components/{chat => ui}/tooltip.tsx   |  0
 28 files changed, 26 insertions(+), 26 deletions(-)
 rename llama_stack/ui/components/{chat => ui}/audio-visualizer.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/breadcrumb.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/button.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/card.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/collapsible.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/copy-button.tsx (95%)
 rename llama_stack/ui/components/{chat => ui}/dropdown-menu.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/file-preview.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/input.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/mode-toggle.tsx (92%)
 rename llama_stack/ui/components/{chat => ui}/select.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/separator.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/sheet.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/sidebar.tsx (98%)
 rename llama_stack/ui/components/{chat => ui}/sign-in-button.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/skeleton.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/sonner.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/table.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/theme-provider.tsx (100%)
 rename llama_stack/ui/components/{chat => ui}/tooltip.tsx (100%)

diff --git a/llama_stack/ui/app/chat-playground/page.tsx b/llama_stack/ui/app/chat-playground/page.tsx
index ba89923a0..69d2d6a0f 100644
--- a/llama_stack/ui/app/chat-playground/page.tsx
+++ b/llama_stack/ui/app/chat-playground/page.tsx
@@ -2,14 +2,14 @@
 
 import { useState, useEffect } from "react";
 import { flushSync } from "react-dom";
-import { Button } from "@/components/chat/button";
+import { Button } from "@/components/ui/button";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/chat/select";
+} from "@/components/ui/select";
 import { Chat } from "@/components/chat/chat";
 import { type Message } from "@/components/chat/chat-message";
 import { useAuthClient } from "@/hooks/use-auth-client";
diff --git a/llama_stack/ui/app/layout.tsx b/llama_stack/ui/app/layout.tsx
index 5589a836c..19fb18c36 100644
--- a/llama_stack/ui/app/layout.tsx
+++ b/llama_stack/ui/app/layout.tsx
@@ -1,8 +1,8 @@
 import type { Metadata } from "next";
-import { ThemeProvider } from "@/components/chat/theme-provider";
+import { ThemeProvider } from "@/components/ui/theme-provider";
 import { SessionProvider } from "@/components/providers/session-provider";
 import { Geist, Geist_Mono } from "next/font/google";
-import { ModeToggle } from "@/components/chat/mode-toggle";
+import { ModeToggle } from "@/components/ui/mode-toggle";
 import "./globals.css";
 
 const geistSans = Geist({
@@ -20,9 +20,9 @@ export const metadata: Metadata = {
   description: "Llama Stack UI",
 };
 
-import { SidebarProvider, SidebarTrigger } from "@/components/chat/sidebar";
+import { SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar";
 import { AppSidebar } from "@/components/layout/app-sidebar";
-import { SignInButton } from "@/components/chat/sign-in-button";
+import { SignInButton } from "@/components/ui/sign-in-button";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
diff --git a/llama_stack/ui/components/chat/chat-message.tsx b/llama_stack/ui/components/chat/chat-message.tsx
index 0b4d09131..b96add61a 100644
--- a/llama_stack/ui/components/chat/chat-message.tsx
+++ b/llama_stack/ui/components/chat/chat-message.tsx
@@ -10,8 +10,8 @@ import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
-} from "@/components/chat/collapsible"
-import { FilePreview } from "@/components/chat/file-preview"
+} from "@/components/ui/collapsible"
+import { FilePreview } from "@/components/ui/file-preview"
 import { MarkdownRenderer } from "@/components/chat/markdown-renderer"
 
 const chatBubbleVariants = cva(
diff --git a/llama_stack/ui/components/chat/chat.tsx b/llama_stack/ui/components/chat/chat.tsx
index e82d3a47a..66abaab48 100644
--- a/llama_stack/ui/components/chat/chat.tsx
+++ b/llama_stack/ui/components/chat/chat.tsx
@@ -11,9 +11,9 @@ import { ArrowDown, ThumbsDown, ThumbsUp } from "lucide-react"
 
 import { cn } from "@/lib/utils"
 import { useAutoScroll } from "@/hooks/use-auto-scroll"
-import { Button } from "@/components/chat/button"
+import { Button } from "@/components/ui/button"
 import { type Message } from "@/components/chat/chat-message"
-import { CopyButton } from "@/components/chat/copy-button"
+import { CopyButton } from "@/components/ui/copy-button"
 import { MessageInput } from "@/components/chat/message-input"
 import { MessageList } from "@/components/chat/message-list"
 import { PromptSuggestions } from "@/components/chat/prompt-suggestions"
diff --git a/llama_stack/ui/components/chat/markdown-renderer.tsx b/llama_stack/ui/components/chat/markdown-renderer.tsx
index c7acea607..374f687df 100644
--- a/llama_stack/ui/components/chat/markdown-renderer.tsx
+++ b/llama_stack/ui/components/chat/markdown-renderer.tsx
@@ -3,7 +3,7 @@ import Markdown from "react-markdown"
 import remarkGfm from "remark-gfm"
 
 import { cn } from "@/lib/utils"
-import { CopyButton } from "@/components/chat/copy-button"
+import { CopyButton } from "@/components/ui/copy-button"
 
 interface MarkdownRendererProps {
   children: string
diff --git a/llama_stack/ui/components/chat/message-input.tsx b/llama_stack/ui/components/chat/message-input.tsx
index 69df79416..60d4ce35a 100644
--- a/llama_stack/ui/components/chat/message-input.tsx
+++ b/llama_stack/ui/components/chat/message-input.tsx
@@ -8,9 +8,9 @@ import { omit } from "remeda"
 import { cn } from "@/lib/utils"
 import { useAudioRecording } from "@/hooks/use-audio-recording"
 import { useAutosizeTextArea } from "@/hooks/use-autosize-textarea"
-import { AudioVisualizer } from "@/components/chat/audio-visualizer"
-import { Button } from "@/components/chat/button"
-import { FilePreview } from "@/components/chat/file-preview"
+import { AudioVisualizer } from "@/components/ui/audio-visualizer"
+import { Button } from "@/components/ui/button"
+import { FilePreview } from "@/components/ui/file-preview"
 import { InterruptPrompt } from "@/components/chat/interrupt-prompt"
 
 interface MessageInputBaseProps
diff --git a/llama_stack/ui/components/layout/app-sidebar.tsx b/llama_stack/ui/components/layout/app-sidebar.tsx
index ff014d8ab..26ac21da3 100644
--- a/llama_stack/ui/components/layout/app-sidebar.tsx
+++ b/llama_stack/ui/components/layout/app-sidebar.tsx
@@ -21,7 +21,7 @@ import {
   SidebarMenuButton,
   SidebarMenuItem,
   SidebarHeader,
-} from "@/components/chat/sidebar";
+} from "@/components/ui/sidebar";
 // Extracted Chat Playground item
 const chatPlaygroundItem = {
   title: "Chat Playground",
diff --git a/llama_stack/ui/components/responses/responses-detail.tsx b/llama_stack/ui/components/responses/responses-detail.tsx
index 1ad111edd..c8c447ba4 100644
--- a/llama_stack/ui/components/responses/responses-detail.tsx
+++ b/llama_stack/ui/components/responses/responses-detail.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import { OpenAIResponse, InputItemListResponse } from "@/lib/types";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/chat/card";
-import { Skeleton } from "@/components/chat/skeleton";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Skeleton } from "@/components/ui/skeleton";
 import {
   DetailLoadingView,
   DetailErrorView,
diff --git a/llama_stack/ui/components/chat/audio-visualizer.tsx b/llama_stack/ui/components/ui/audio-visualizer.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/audio-visualizer.tsx
rename to llama_stack/ui/components/ui/audio-visualizer.tsx
diff --git a/llama_stack/ui/components/chat/breadcrumb.tsx b/llama_stack/ui/components/ui/breadcrumb.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/breadcrumb.tsx
rename to llama_stack/ui/components/ui/breadcrumb.tsx
diff --git a/llama_stack/ui/components/chat/button.tsx b/llama_stack/ui/components/ui/button.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/button.tsx
rename to llama_stack/ui/components/ui/button.tsx
diff --git a/llama_stack/ui/components/chat/card.tsx b/llama_stack/ui/components/ui/card.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/card.tsx
rename to llama_stack/ui/components/ui/card.tsx
diff --git a/llama_stack/ui/components/chat/collapsible.tsx b/llama_stack/ui/components/ui/collapsible.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/collapsible.tsx
rename to llama_stack/ui/components/ui/collapsible.tsx
diff --git a/llama_stack/ui/components/chat/copy-button.tsx b/llama_stack/ui/components/ui/copy-button.tsx
similarity index 95%
rename from llama_stack/ui/components/chat/copy-button.tsx
rename to llama_stack/ui/components/ui/copy-button.tsx
index 2f740d8d0..51d2ca2d4 100644
--- a/llama_stack/ui/components/chat/copy-button.tsx
+++ b/llama_stack/ui/components/ui/copy-button.tsx
@@ -4,7 +4,7 @@ import { Check, Copy } from "lucide-react"
 
 import { cn } from "@/lib/utils"
 import { useCopyToClipboard } from "@/hooks/use-copy-to-clipboard"
-import { Button } from "@/components/chat/button"
+import { Button } from "@/components/ui/button"
 
 type CopyButtonProps = {
   content: string
diff --git a/llama_stack/ui/components/chat/dropdown-menu.tsx b/llama_stack/ui/components/ui/dropdown-menu.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/dropdown-menu.tsx
rename to llama_stack/ui/components/ui/dropdown-menu.tsx
diff --git a/llama_stack/ui/components/chat/file-preview.tsx b/llama_stack/ui/components/ui/file-preview.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/file-preview.tsx
rename to llama_stack/ui/components/ui/file-preview.tsx
diff --git a/llama_stack/ui/components/chat/input.tsx b/llama_stack/ui/components/ui/input.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/input.tsx
rename to llama_stack/ui/components/ui/input.tsx
diff --git a/llama_stack/ui/components/chat/mode-toggle.tsx b/llama_stack/ui/components/ui/mode-toggle.tsx
similarity index 92%
rename from llama_stack/ui/components/chat/mode-toggle.tsx
rename to llama_stack/ui/components/ui/mode-toggle.tsx
index 7701761a8..92640161e 100644
--- a/llama_stack/ui/components/chat/mode-toggle.tsx
+++ b/llama_stack/ui/components/ui/mode-toggle.tsx
@@ -4,13 +4,13 @@ import * as React from "react";
 import { Moon, Sun } from "lucide-react";
 import { useTheme } from "next-themes";
 
-import { Button } from "@/components/chat/button";
+import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from "@/components/chat/dropdown-menu";
+} from "@/components/ui/dropdown-menu";
 
 export function ModeToggle() {
   const { setTheme } = useTheme();
diff --git a/llama_stack/ui/components/chat/select.tsx b/llama_stack/ui/components/ui/select.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/select.tsx
rename to llama_stack/ui/components/ui/select.tsx
diff --git a/llama_stack/ui/components/chat/separator.tsx b/llama_stack/ui/components/ui/separator.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/separator.tsx
rename to llama_stack/ui/components/ui/separator.tsx
diff --git a/llama_stack/ui/components/chat/sheet.tsx b/llama_stack/ui/components/ui/sheet.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/sheet.tsx
rename to llama_stack/ui/components/ui/sheet.tsx
diff --git a/llama_stack/ui/components/chat/sidebar.tsx b/llama_stack/ui/components/ui/sidebar.tsx
similarity index 98%
rename from llama_stack/ui/components/chat/sidebar.tsx
rename to llama_stack/ui/components/ui/sidebar.tsx
index ec38ce787..f8a0a3ed5 100644
--- a/llama_stack/ui/components/chat/sidebar.tsx
+++ b/llama_stack/ui/components/ui/sidebar.tsx
@@ -7,23 +7,23 @@ import { PanelLeftIcon } from "lucide-react";
 
 import { useIsMobile } from "@/hooks/use-mobile";
 import { cn } from "@/lib/utils";
-import { Button } from "@/components/chat/button";
-import { Input } from "@/components/chat/input";
-import { Separator } from "@/components/chat/separator";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Separator } from "@/components/ui/separator";
 import {
   Sheet,
   SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
-} from "@/components/chat/sheet";
-import { Skeleton } from "@/components/chat/skeleton";
+} from "@/components/ui/sheet";
+import { Skeleton } from "@/components/ui/skeleton";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "@/components/chat/tooltip";
+} from "@/components/ui/tooltip";
 
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
diff --git a/llama_stack/ui/components/chat/sign-in-button.tsx b/llama_stack/ui/components/ui/sign-in-button.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/sign-in-button.tsx
rename to llama_stack/ui/components/ui/sign-in-button.tsx
diff --git a/llama_stack/ui/components/chat/skeleton.tsx b/llama_stack/ui/components/ui/skeleton.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/skeleton.tsx
rename to llama_stack/ui/components/ui/skeleton.tsx
diff --git a/llama_stack/ui/components/chat/sonner.tsx b/llama_stack/ui/components/ui/sonner.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/sonner.tsx
rename to llama_stack/ui/components/ui/sonner.tsx
diff --git a/llama_stack/ui/components/chat/table.tsx b/llama_stack/ui/components/ui/table.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/table.tsx
rename to llama_stack/ui/components/ui/table.tsx
diff --git a/llama_stack/ui/components/chat/theme-provider.tsx b/llama_stack/ui/components/ui/theme-provider.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/theme-provider.tsx
rename to llama_stack/ui/components/ui/theme-provider.tsx
diff --git a/llama_stack/ui/components/chat/tooltip.tsx b/llama_stack/ui/components/ui/tooltip.tsx
similarity index 100%
rename from llama_stack/ui/components/chat/tooltip.tsx
rename to llama_stack/ui/components/ui/tooltip.tsx