Enhance task area header for better clarity and update input area margin for improved layout

Author: lemurra_microsoft

webviews/dashboardView/app.tsx

@@ -202,7 +202,7 @@ function Dashboard() {
 			<div className={`dashboard-content${isGlobal ? ' global-dashboard' : ''}`}>
 				{/* Input Area */}
 				<div className="input-area">
-					<h2 className="area-header">Start new task</h2>
+					<h2 className="area-header new-task">Start new task</h2>
 					<ChatInput data={dashboardState} isGlobal={!!isGlobal} />
 
 				</div>
@@ -265,19 +265,20 @@ function Dashboard() {
 				{/* Tasks Area */}
 				<div className="tasks-area">
 					<div className="area-header-container">
-						<h2 className="area-header">{isGlobal ? 'Continue working on...' : 'Active tasks'}</h2>
+						<h2 className="area-header">
+							{isGlobal ? 'Continue working on...' :
+								dashboardState?.state === 'ready' ?
+									`${activeSessions.length || 0} active task${activeSessions.length !== 1 ? 's' : ''}` :
+									'Active tasks'
+							}
+						</h2>
 						{isGlobal && (
 							<FilterButton
 								filterState={globalFilter}
 								onFilterChange={setGlobalFilter}
 							/>
 						)}
 					</div>
-					{dashboardState?.state === 'ready' && (
-						<div className="section-count">
-							{activeSessions.length || 0} task{activeSessions.length !== 1 ? 's' : ''}
-						</div>
-					)}
 					<div className="area-content">
 						{dashboardState?.state === 'loading' ? (
 							<LoadingState message="Loading tasks..." />

webviews/dashboardView/index.css

@@ -268,7 +268,7 @@ body {
 	overflow-y: auto;
 	border: 1px solid var(--vscode-panel-border);
 	border-radius: 4px;
-	margin-top: 8px;
+	margin-top: 4px;
 	padding: 0;
 }