moving non-chat related components to ui/

Signed-off-by: Francisco Javier Arceo <farceo@redhat.com>

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";

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 (

llama_stack/ui/components/chat/chat-message.tsx

@@ -10,8 +10,8 @@ import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
-} from "@/components/chat/collapsible"
+} from "@/components/ui/collapsible"
-import { FilePreview } from "@/components/chat/file-preview"
+import { FilePreview } from "@/components/ui/file-preview"
 import { MarkdownRenderer } from "@/components/chat/markdown-renderer"
 
 const chatBubbleVariants = cva(

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"

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

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 { AudioVisualizer } from "@/components/ui/audio-visualizer"
-import { Button } from "@/components/chat/button"
+import { Button } from "@/components/ui/button"
-import { FilePreview } from "@/components/chat/file-preview"
+import { FilePreview } from "@/components/ui/file-preview"
 import { InterruptPrompt } from "@/components/chat/interrupt-prompt"
 
 interface MessageInputBaseProps

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",

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 { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Skeleton } from "@/components/chat/skeleton";
+import { Skeleton } from "@/components/ui/skeleton";
 import {
   DetailLoadingView,
   DetailErrorView,

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

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();

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 { Button } from "@/components/ui/button";
-import { Input } from "@/components/chat/input";
+import { Input } from "@/components/ui/input";
-import { Separator } from "@/components/chat/separator";
+import { Separator } from "@/components/ui/separator";
 import {
   Sheet,
   SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
-} from "@/components/chat/sheet";
+} from "@/components/ui/sheet";
-import { Skeleton } from "@/components/chat/skeleton";
+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;