roberto/adiuva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(tasks): adjust Floating AI chat section registration and styling

Browse Source
This commit is contained in:
Roberto Musso
2026-02-28 00:16:54 +01:00
parent d8cf7814ab
commit f4e6238176
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/renderer/components/ai/FloatingChat.tsx
View File

@@ -171,7 +171,7 @@ function FloatingChatInner() {
if (msg.role === 'user') { if (msg.role === 'user') {
return ( return (
<div key={msg.id} className="flex justify-end"> <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"> <p className="text-xs whitespace-pre-wrap leading-relaxed">
{msg.content} {msg.content}
</p> </p>
@@ -194,7 +194,7 @@ function FloatingChatInner() {
return ( return (
<div key={msg.id} className="flex justify-start"> <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"> <div className="text-xs">
<ChatMarkdown content={msg.content} /> <ChatMarkdown content={msg.content} />
</div> </div>
@@ -206,7 +206,7 @@ function FloatingChatInner() {
{/* Streaming */} {/* Streaming */}
{isStreaming && ( {isStreaming && (
<div className="flex justify-start"> <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 ? ( {streamingContent ? (
<div className="text-xs"> <div className="text-xs">
<ChatMarkdown content={streamingContent} /> <ChatMarkdown content={streamingContent} />
@@ -227,7 +227,7 @@ function FloatingChatInner() {
</AnimatePresence> </AnimatePresence>
{/* ---- Floating input bar ---- */} {/* ---- 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 */} {/* Close button */}
<button <button
onClick={close} onClick={close}

4
src/renderer/routes/tasks.tsx
View File

@@ -119,7 +119,7 @@ function TasksPage() {
); );
return ( 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 */} {/* Stat Cards */}
<div className="grid grid-cols-4 gap-4"> <div className="grid grid-cols-4 gap-4">
<Item variant="muted"> <Item variant="muted">
@@ -187,7 +187,7 @@ function TasksPage() {
</div> </div>
{/* Status Filter Tabs + New Task Button */} {/* 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)}> <Tabs value={statusFilter} onValueChange={(v) => setStatusFilter(v as StatusFilter)}>
<TabsList> <TabsList>
<TabsTrigger value="all">All</TabsTrigger> <TabsTrigger value="all">All</TabsTrigger>