global-ui-changes (#1670)

Author: ComputelessComputer

apps/desktop/src/components/chat/body/index.tsx

@@ -38,7 +38,7 @@ export function ChatBody({
       className={cn([
         "flex-1 overflow-y-auto flex flex-col",
         chat.mode === "RightPanelOpen" &&
-          "border mt-1 rounded-md rounded-b-none",
+          "border border-neutral-200 mt-1 rounded-md rounded-b-none",
       ])}
     >
       <div className="flex-1" />

apps/desktop/src/components/chat/header.tsx

@@ -36,7 +36,7 @@ export function ChatHeader({
     <div
       data-tauri-drag-region={chat.mode === "RightPanelOpen"}
       className={cn([
-        "flex items-center justify-between px-1 py-0.5 border-b border-neutral-200 h-9",
+        "flex items-center justify-between px-1 border-b border-neutral-200 h-9",
         chat.mode === "RightPanelOpen" && "border rounded-md",
       ])}
     >
@@ -197,7 +197,7 @@ function ChatGroupItem({
       ])}
     >
       <div className="flex items-center gap-2.5 w-full">
-        <div className="flex-shrink-0">
+        <div className="shrink-0">
           <MessageCircle
             className={cn([
               "w-3.5 h-3.5 transition-colors",

apps/desktop/src/components/chat/session.tsx

@@ -153,7 +153,9 @@ export function ChatSession({
   }, [chatGroupId, createChatMessage, messages, status]);
 
   return (
-    <>{children({ messages, sendMessage, regenerate, stop, status, error })}</>
+    <div className="flex-1 h-full flex flex-col">
+      {children({ messages, sendMessage, regenerate, stop, status, error })}
+    </div>
   );
 }
 

apps/desktop/src/components/chat/view.tsx

@@ -109,7 +109,7 @@ export function ChatView() {
   );
 
   return (
-    <div className="flex flex-col h-full">
+    <div className="flex flex-col h-full gap-1">
       <ChatHeader
         currentChatGroupId={groupId}
         onNewChat={handleNewChat}

apps/desktop/src/components/main/body/index.tsx

@@ -336,7 +336,7 @@ export function StandardTabWrapper({
 }) {
   return (
     <div className="flex flex-col h-full">
-      <div className="flex flex-col rounded-lg border flex-1 overflow-hidden relative">
+      <div className="flex flex-col rounded-lg border border-neutral-200 flex-1 overflow-hidden relative">
         {children}
         {floatingButton}
         <TabChatButton />

apps/desktop/src/components/main/body/search.tsx

@@ -140,7 +140,7 @@ function ExpandedSearch({
             onBlur?.();
           }}
           className={cn([
-            "text-sm",
+            "text-sm placeholder:text-sm placeholder:text-neutral-400",
             "w-full pl-9 h-full",
             query ? "pr-9" : showShortcut ? "pr-14" : "pr-4",
             "rounded-lg bg-neutral-100 border border-transparent",

apps/desktop/src/components/main/body/sessions/index.tsx

@@ -104,7 +104,7 @@ function TabContentNoteInner({
         <div className="px-2">
           {showSearchBar ? <SearchBar /> : <OuterHeader sessionId={tab.id} />}
         </div>
-        <div className="mt-2 px-3 flex-shrink-0">
+        <div className="mt-2 px-3 shrink-0">
           <TitleInput tab={tab} />
         </div>
         <div className="mt-2 px-2 flex-1 min-h-0">