From 7946a2b552195d20b8effba68a003e30716d2369 Mon Sep 17 00:00:00 2001
From: Francisco Javier Arceo <farceo@redhat.com>
Date: Mon, 21 Jul 2025 00:08:56 -0400
Subject: [PATCH] disable attachments and update sidebar

Signed-off-by: Francisco Javier Arceo <farceo@redhat.com>
---
 .../ui/components/layout/app-sidebar.tsx      | 42 ++++++++++++++++---
 .../ui/components/ui/message-input.tsx        |  1 +
 2 files changed, 38 insertions(+), 5 deletions(-)

diff --git a/llama_stack/ui/components/layout/app-sidebar.tsx b/llama_stack/ui/components/layout/app-sidebar.tsx
index 007f88537..9fa98d86b 100644
--- a/llama_stack/ui/components/layout/app-sidebar.tsx
+++ b/llama_stack/ui/components/layout/app-sidebar.tsx
@@ -23,12 +23,15 @@ import {
   SidebarHeader,
 } from "@/components/ui/sidebar";
 
+// Extracted Chat Playground item
+const chatPlaygroundItem = {
+  title: "Chat Playground",
+  url: "/chat-playground",
+  icon: MessageCircle,
+};
+
+// Removed Chat Playground from log items
 const logItems = [
-  {
-    title: "Chat Playground",
-    url: "/chat-playground",
-    icon: MessageCircle,
-  },
   {
     title: "Chat Completions",
     url: "/logs/chat-completions",
@@ -60,6 +63,35 @@ export function AppSidebar() {
         <Link href="/">Llama Stack</Link>
       </SidebarHeader>
       <SidebarContent>
+        {/* Chat Playground as its own section */}
+        <SidebarGroup>
+          <SidebarGroupContent>
+            <SidebarMenu>
+              <SidebarMenuItem>
+                <SidebarMenuButton
+                  asChild
+                  className={cn(
+                    "justify-start",
+                    pathname.startsWith(chatPlaygroundItem.url) &&
+                      "bg-gray-200 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-700 text-gray-900 dark:text-gray-100",
+                  )}
+                >
+                  <Link href={chatPlaygroundItem.url}>
+                    <chatPlaygroundItem.icon
+                      className={cn(
+                        pathname.startsWith(chatPlaygroundItem.url) && "text-gray-900 dark:text-gray-100",
+                        "mr-2 h-4 w-4",
+                      )}
+                    />
+                    <span>{chatPlaygroundItem.title}</span>
+                  </Link>
+                </SidebarMenuButton>
+              </SidebarMenuItem>
+            </SidebarMenu>
+          </SidebarGroupContent>
+        </SidebarGroup>
+
+        {/* Logs section */}
         <SidebarGroup>
           <SidebarGroupLabel>Logs</SidebarGroupLabel>
           <SidebarGroupContent>
diff --git a/llama_stack/ui/components/ui/message-input.tsx b/llama_stack/ui/components/ui/message-input.tsx
index 32761260d..3e582e9a2 100644
--- a/llama_stack/ui/components/ui/message-input.tsx
+++ b/llama_stack/ui/components/ui/message-input.tsx
@@ -254,6 +254,7 @@ export function MessageInput({
             variant="outline"
             className="h-8 w-8"
             aria-label="Attach a file"
+            disabled={true}
             onClick={async () => {
               const files = await showFileUploadDialog()
               addFiles(files)