feat: implement full context-scoped AI chat UI in AIChatPanel

- Added AIChatPanel component with context header, user and AI message handling.
- Integrated streaming responses via IPC and error handling for chat mutations.
- Enhanced user experience with input handling and auto-scrolling features.
- Updated AppShell to derive AI chat context from the current route.
- Introduced ScrollArea component for better scrolling behavior in various dialogs.
- Added support for Tailwind typography and improved global styles.
- Updated project and task dialogs to utilize ScrollArea for better UX.

src/renderer/components/layout/AppShell.tsx

@@ -119,12 +119,21 @@ export function AppShell({ children }: AppShellProps) {
 
   // Curtain is disabled on home page and on /projects without a selected project
   const searchObj = routerState.location.search as Record<string, unknown>;
+  const projectId = typeof searchObj['projectId'] === 'string' ? searchObj['projectId'] : undefined;
   const curtainEnabled =
     currentPath !== '/' &&
-    !(currentPath === '/projects' && !searchObj['projectId']);
+    !(currentPath === '/projects' && !projectId);
   const curtainEnabledRef = useRef(curtainEnabled);
   curtainEnabledRef.current = curtainEnabled;
 
+  // Derive AI chat context from current route
+  const isProjectView = currentPath === '/projects' && !!projectId;
+  const contextType = isProjectView ? 'project' as const : 'global' as const;
+  const projectQuery = trpc.projects.get.useQuery(
+    { id: projectId ?? '' },
+    { enabled: !!projectId },
+  );
+
   // --- Curtain animation state ---
   const [curtainOpen, setCurtainOpen] = useState(false);
   const curtainOpenRef = useRef(false);
@@ -149,6 +158,17 @@ export function AppShell({ children }: AppShellProps) {
     else openCurtain();
   }, [openCurtain, closeCurtain]);
 
+  // Keep curtain position in sync with window height on resize
+  useEffect(() => {
+    const handleResize = () => {
+      if (curtainOpenRef.current) {
+        y.set(window.innerHeight);
+      }
+    };
+    window.addEventListener('resize', handleResize);
+    return () => window.removeEventListener('resize', handleResize);
+  }, [y]);
+
   // Keyboard shortcut: Cmd/Ctrl+K
   useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
@@ -191,10 +211,17 @@ export function AppShell({ children }: AppShellProps) {
       <AppSidebar
         currentPath={currentPath}
         setTokenDialogOpen={setTokenDialogOpen}
+        onNavClick={closeCurtain}
       />
       <SidebarInset className="overflow-hidden">
         {/* AI Chat layer: always mounted behind the content panel */}
-        <AIChatPanel onOpenSettings={() => setTokenDialogOpen(true)} />
+        <AIChatPanel
+          onOpenSettings={() => setTokenDialogOpen(true)}
+          contextType={contextType}
+          projectId={projectId}
+          projectName={projectQuery.data?.name}
+          curtainOpen={curtainOpen}
+        />
 
         {/* Content panel: slides down to reveal chat */}
         <motion.div
@@ -273,9 +300,10 @@ export function AppShell({ children }: AppShellProps) {
 interface AppSidebarProps {
   currentPath: string;
   setTokenDialogOpen: (open: boolean) => void;
+  onNavClick: () => void;
 }
 
-function AppSidebar({ currentPath, setTokenDialogOpen }: AppSidebarProps) {
+function AppSidebar({ currentPath, setTokenDialogOpen, onNavClick }: AppSidebarProps) {
   const { toggleSidebar } = useSidebar();
   const { theme, setTheme } = useTheme();
 
@@ -328,7 +356,7 @@ function AppSidebar({ currentPath, setTokenDialogOpen }: AppSidebarProps) {
                       isActive={isActive}
                       tooltip={label}
                     >
-                      <Link to={to}>
+                      <Link to={to} onClick={onNavClick}>
                         <Icon />
                         <span>{label}</span>
                       </Link>