feat(AIChatPanel): add aria-labels for accessibility; clean up unused lines

feat(AppShell): improve token storage message styling for better visibility
feat(ProjectDetail): implement skeleton loading state for project details
fix(ProjectSidebar): refactor variable declaration for clarity
style(PriorityBadge): enhance priority badge colors for better contrast
refactor(TaskRow): simplify className handling with utility function
fix(TasksPage): replace loader icon with clock icon for in-progress tasks
feat(TimelinePage): enhance empty state with descriptive messaging and icon

src/renderer/components/ai/AIChatPanel.tsx

@@ -121,7 +121,6 @@ export function AIChatPanel({
     return () => observer.disconnect();
   }, [isStreaming, streamingEl]);
 
-
   // Auto-fire daily brief on home page
   useEffect(() => {
     if (!isHomePage || hasFiredBrief.current || hasTokenQuery.data !== true) return;
@@ -168,7 +167,6 @@ export function AIChatPanel({
     }
   };
 
-
   const hasMessages = messages.length > 0 || isStreaming;
 
   // Derived values for home page
@@ -195,12 +193,14 @@ export function AIChatPanel({
                 <div className="flex-1" />
                 <button
                   onClick={() => setBriefExpanded((v) => !v)}
+                  aria-label={briefExpanded ? 'Collapse brief' : 'Expand brief'}
                   className="flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-foreground hover:bg-muted/60"
                 >
                   {briefExpanded ? <ChevronUp size={14} /> : <ChevronDown size={14} />}
                 </button>
                 <button
                   onClick={() => setBriefDismissed(true)}
+                  aria-label="Dismiss brief"
                   className="flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-foreground hover:bg-muted/60"
                 >
                   <X size={14} />
@@ -210,7 +210,7 @@ export function AIChatPanel({
               {!briefExpanded && (
                 <div className="px-4 pb-3 -mt-1">
                   <p className="text-xs text-muted-foreground truncate">
-                    {dailyBrief.replace(/[#*_~`>\-]/g, '').slice(0, 120)}...
+                    {dailyBrief.replace(/[#*_~`>-]/g, '').slice(0, 120)}...
                   </p>
                 </div>
               )}
@@ -479,6 +479,7 @@ function ChatInput({
           onChange={(e) => onInputChange(e.target.value)}
           onKeyDown={onKeyDown}
           placeholder="Ask me anything..."
+          aria-label="Chat message"
           rows={1}
           className="flex-1 resize-none bg-transparent text-sm placeholder:text-muted-foreground outline-none max-h-[7.5rem] overflow-y-auto"
           style={{ fieldSizing: 'content' } as React.CSSProperties}
@@ -486,6 +487,7 @@ function ChatInput({
         <button
           onClick={onSend}
           disabled={!input.trim() || isStreaming}
+          aria-label="Send message"
           className="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm transition-all hover:bg-primary/90 active:scale-95 disabled:opacity-40 disabled:cursor-not-allowed disabled:active:scale-100"
         >
           <ArrowUp size={16} />