Refactor AI Stats Status Bar styles and update text for clarity

Author: lemurra_microsoft

src/vs/workbench/contrib/editTelemetry/browser/editStats/aiStatsStatusBar.ts

@@ -71,7 +71,8 @@ export class AiStatsStatusBar extends Disposable {
 						height: 6,
 
 						borderRadius: 6,
-						border: '1px solid var(--vscode-statusBar-foreground)',
+						borderWidth: '1px',
+						borderStyle: 'solid',
 					}
 				},
 				[
@@ -89,7 +90,7 @@ export class AiStatsStatusBar extends Disposable {
 						n.div({
 							style: {
 								width: this._aiStatsFeature.aiRate.map(v => `${v * 100}%`),
-								backgroundColor: 'var(--vscode-statusBar-foreground)',
+								backgroundColor: 'currentColor',
 							}
 						})
 					])
@@ -107,9 +108,6 @@ export class AiStatsStatusBar extends Disposable {
 			n.div({
 				class: 'header',
 				style: {
-					fontWeight: 'bold',
-					fontSize: '14px',
-					marginBottom: '4px',
 					minWidth: '200px',
 				}
 			},
@@ -132,8 +130,8 @@ export class AiStatsStatusBar extends Disposable {
 			),
 
 			n.div({ style: { display: 'flex' } }, [
-				n.div({ style: { flex: 1 } }, [
-					localize('text1', "Manual vs. AI typing ratio: {0}", aiRatePercent.get()),
+				n.div({ style: { flex: 1, paddingRight: '4px' } }, [
+					localize('text1', "Percentage of code generated by AI: {0}", aiRatePercent.get()),
 				]),
 				/*
 				TODO: Write article that explains the ratio and link to it.
@@ -152,8 +150,9 @@ export class AiStatsStatusBar extends Disposable {
 					}
 				]))*/
 			]),
-
-			localize('text2', "Accepted inline suggestions today: {0}", this._aiStatsFeature.acceptedInlineSuggestionsToday.get()),
+			n.div({ style: { flex: 1, paddingRight: '4px' } }, [
+				localize('text2', "Accepted inline suggestions today: {0}", this._aiStatsFeature.acceptedInlineSuggestionsToday.get()),
+			]),
 		]);
 	}
 }

src/vs/workbench/contrib/editTelemetry/browser/editStats/media.css

@@ -19,6 +19,7 @@
 		align-items: center;
 		color: var(--vscode-descriptionForeground);
 		margin-bottom: 4px;
+		font-size: 12px;
 		font-weight: 600;
 	}