🤖 fix: lighten message area and fix project sidebar border

- Message area: bg-neutral-900 → bg-neutral-800 (lighter)
- ProjectSidebar collapse border: border-neutral-900 → border-hover (match main)

Author: kylecarbs

src/components/AIView.tsx

@@ -245,7 +245,7 @@ const AIViewInner: React.FC<AIViewProps> = ({
     return (
       <div
         className={cn(
-          "flex flex-1 flex-row bg-neutral-900 text-neutral-300 overflow-x-auto overflow-y-hidden [@media(max-width:768px)]:flex-col",
+          "flex flex-1 flex-row bg-neutral-800 text-neutral-300 overflow-x-auto overflow-y-hidden [@media(max-width:768px)]:flex-col",
           className
         )}
         style={{ containerType: "inline-size" }}
@@ -286,7 +286,7 @@ const AIViewInner: React.FC<AIViewProps> = ({
     return (
       <div
         className={cn(
-          "flex flex-1 flex-row bg-neutral-900 text-neutral-300 overflow-x-auto overflow-y-hidden [@media(max-width:768px)]:flex-col",
+          "flex flex-1 flex-row bg-neutral-800 text-neutral-300 overflow-x-auto overflow-y-hidden [@media(max-width:768px)]:flex-col",
           className
         )}
         style={{ containerType: "inline-size" }}
@@ -302,7 +302,7 @@ const AIViewInner: React.FC<AIViewProps> = ({
     return (
       <div
         className={cn(
-          "flex flex-1 flex-row bg-neutral-900 text-neutral-300 overflow-x-auto overflow-y-hidden [@media(max-width:768px)]:flex-col",
+          "flex flex-1 flex-row bg-neutral-800 text-neutral-300 overflow-x-auto overflow-y-hidden [@media(max-width:768px)]:flex-col",
           className
         )}
         style={{ containerType: "inline-size" }}
@@ -320,7 +320,7 @@ const AIViewInner: React.FC<AIViewProps> = ({
   return (
     <div
       className={cn(
-        "flex flex-1 flex-row bg-neutral-900 text-neutral-300 overflow-x-auto overflow-y-hidden [@media(max-width:768px)]:flex-col",
+        "flex flex-1 flex-row bg-neutral-800 text-neutral-300 overflow-x-auto overflow-y-hidden [@media(max-width:768px)]:flex-col",
         className
       )}
       style={{ containerType: "inline-size" }}
@@ -329,7 +329,7 @@ const AIViewInner: React.FC<AIViewProps> = ({
         ref={chatAreaRef}
         className="flex min-w-96 flex-1 flex-col [@media(max-width:768px)]:max-h-full [@media(max-width:768px)]:w-full [@media(max-width:768px)]:min-w-0"
       >
-        <div className="flex items-center justify-between border-b border-neutral-800 bg-neutral-900 px-[15px] py-1 [@media(max-width:768px)]:flex-wrap [@media(max-width:768px)]:gap-2 [@media(max-width:768px)]:py-2 [@media(max-width:768px)]:pl-[60px]">
+        <div className="flex items-center justify-between border-b border-neutral-800 bg-neutral-800 px-[15px] py-1 [@media(max-width:768px)]:flex-wrap [@media(max-width:768px)]:gap-2 [@media(max-width:768px)]:py-2 [@media(max-width:768px)]:pl-[60px]">
           <div className="flex min-w-0 items-center gap-2 overflow-hidden font-semibold text-neutral-300">
             <StatusIndicator
               streaming={canInterrupt}

src/components/ProjectSidebar.tsx

@@ -592,7 +592,7 @@ const ProjectSidebarInner: React.FC<ProjectSidebarProps> = ({
                                             : `Expand workspaces older than ${formatOldWorkspaceThreshold()}`
                                         }
                                         aria-expanded={showOldWorkspaces}
-                                        className="flex w-full cursor-pointer items-center justify-between border-t border-none border-neutral-900 bg-transparent px-3 py-2 pl-[22px] text-xs font-medium text-neutral-400 transition-all duration-150 hover:bg-white/[0.03] hover:text-neutral-400 [&:hover_.arrow]:text-neutral-400"
+                                        className="border-hover flex w-full cursor-pointer items-center justify-between border-t border-none bg-transparent px-3 py-2 pl-[22px] text-xs font-medium text-neutral-400 transition-all duration-150 hover:bg-white/[0.03] hover:text-neutral-400 [&:hover_.arrow]:text-neutral-400"
                                       >
                                         <div className="flex items-center gap-1.5">
                                           <span>Older than {formatOldWorkspaceThreshold()}</span>

src/styles/globals.css

@@ -31,11 +31,9 @@
   --color-git-dirty: hsl(38 92% 50%);
   --color-code-bg: hsl(0 6.43% 8.04%);
 
-  /* Sidebar Colors */
+  /* Sidebar and border colors - kept minimal for semantic meaning */
   --color-separator: hsl(0 0% 15%);          /* #252526 - base sidebar bg */
   --color-hover: hsl(0 0% 16.5%);            /* #2a2a2b - hover/selected states */
-  
-  /* Borders */
   --color-border: hsl(0 0% 25%);             /* #404040 - base borders */
   --color-border-light: hsl(0 0% 27%);       /* #464647 - lighter borders */