Resizable workbench with proper scroll and fix chat message contrast.

Workbench drag handle for SQL/agent panels; dark-theme user bubbles and input field readable.
2026-06-25 01:42:25 +00:00
parent 4ff9f5589e
commit 41a8a3b18e
6 changed files with 65 additions and 18 deletions
@@ -45,8 +45,8 @@ export function CommsPanel({ messages, agents, selectedAgent, busy }: Props) {
          const agMeta = ag ? getAgentMeta(ag.id) : null
          return (
            <div key={i} className={cn('flex gap-2', m.role === 'user' && 'flex-row-reverse')}>
-              <div className={cn('max-w-[85%] rounded-lg border px-2 py-1.5', m.role === 'user' ? 'border-docker/25 bg-docker-light' : 'border-border bg-surface-overlay')}>
-                <p className="mb-0.5 text-[8px] text-foreground-muted">
+              <div className={cn('max-w-[85%] rounded-lg border px-2 py-1.5', m.role === 'user' ? 'border-docker/40 bg-docker/15 dark:border-blue-400/35 dark:bg-[#0f2744]' : 'border-border bg-surface-overlay')}>
+                <p className={cn('mb-0.5 text-[8px]', m.role === 'user' ? 'text-docker dark:text-blue-300' : 'text-foreground-muted')}>
                  {m.role === 'user' ? 'You' : ag?.name || m.agent}
                  {m.ts && ` · ${new Date(m.ts).toLocaleTimeString('en-US', { hour12: false })}`}
                </p>