From f4e62381763590f772ab5717720dcf47de6de8f3 Mon Sep 17 00:00:00 2001
From: Roberto Musso <rmusso@neuraldesk.local>
Date: Sat, 28 Feb 2026 00:16:54 +0100
Subject: [PATCH] fix(tasks): adjust Floating AI chat section registration and
 styling

---
 src/renderer/components/ai/FloatingChat.tsx | 8 ++++----
 src/renderer/routes/tasks.tsx               | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/ai/FloatingChat.tsx b/src/renderer/components/ai/FloatingChat.tsx
index bd175e5..43944fe 100644
--- a/src/renderer/components/ai/FloatingChat.tsx
+++ b/src/renderer/components/ai/FloatingChat.tsx
@@ -171,7 +171,7 @@ function FloatingChatInner() {
                       if (msg.role === 'user') {
                         return (
                           <div key={msg.id} className="flex justify-end">
-                            <div className="max-w-[80%] rounded-2xl rounded-br-md bg-primary text-primary-foreground px-3.5 py-2 shadow-sm">
+                            <div className="max-w-[80%] rounded-2xl rounded-br-md bg-accent text-primary-foreground px-3.5 py-2 shadow-sm">
                               <p className="text-xs whitespace-pre-wrap leading-relaxed">
                                 {msg.content}
                               </p>
@@ -194,7 +194,7 @@ function FloatingChatInner() {
 
                       return (
                         <div key={msg.id} className="flex justify-start">
-                          <div className="max-w-[80%] rounded-2xl rounded-bl-md bg-primary text-primary-foreground px-3.5 py-2 shadow-xl/30">
+                          <div className="max-w-[80%] rounded-2xl rounded-bl-md bg-primary text-primary-foreground px-3.5 py-2">
                             <div className="text-xs">
                               <ChatMarkdown content={msg.content} />
                             </div>
@@ -206,7 +206,7 @@ function FloatingChatInner() {
                     {/* Streaming */}
                     {isStreaming && (
                       <div className="flex justify-start">
-                        <div className="max-w-[80%] rounded-2xl rounded-bl-md bg-primary text-primary-foreground px-3.5 py-2 shadow-xl/30">
+                        <div className="max-w-[80%] rounded-2xl rounded-bl-md bg-primary text-primary-foreground px-3.5 py-2">
                           {streamingContent ? (
                             <div className="text-xs">
                               <ChatMarkdown content={streamingContent} />
@@ -227,7 +227,7 @@ function FloatingChatInner() {
           </AnimatePresence>
 
           {/* ---- Floating input bar ---- */}
-          <div className="relative rounded-2xl bg-background/80 backdrop-blur-2xl shadow-[0_8px_60px_-12px_rgba(0,0,0,0.25)] border border-border/30 ring-1 ring-white/5 transition-shadow focus-within:shadow-[0_8px_60px_-8px_rgba(0,0,0,0.3)] focus-within:ring-ring/20">
+          <div className="relative rounded-2xl bg-background/80 backdrop-blur-2xl shadow-[0_8px_60px_-12px_rgba(0,0,0,0.5)] border border-border/30 ring-1 ring-white/5 transition-shadow focus-within:shadow-[0_8px_60px_-8px_rgba(0,0,0,0.7)] focus-within:ring-ring/20">
             {/* Close button */}
             <button
               onClick={close}
diff --git a/src/renderer/routes/tasks.tsx b/src/renderer/routes/tasks.tsx
index cc5a3b2..a20353f 100644
--- a/src/renderer/routes/tasks.tsx
+++ b/src/renderer/routes/tasks.tsx
@@ -119,7 +119,7 @@ function TasksPage() {
   );
 
   return (
-    <div ref={testRef} data-ai-section="test" className="flex flex-col gap-6 p-6 pe-8 w-full">
+    <div className="flex flex-col gap-6 p-6 pe-8 w-full">
       {/* Stat Cards */}
       <div className="grid grid-cols-4 gap-4">
         <Item variant="muted">
@@ -187,7 +187,7 @@ function TasksPage() {
       </div>
 
       {/* Status Filter Tabs + New Task Button */}
-      <div className="flex items-center justify-between">
+      <div ref={testRef} data-ai-section="test" className="flex items-center justify-between">
         <Tabs value={statusFilter} onValueChange={(v) => setStatusFilter(v as StatusFilter)}>
           <TabsList>
             <TabsTrigger value="all">All</TabsTrigger>