complexity tweaks

Author: Yoyokrazy

src/github/dashboardWebviewProvider.ts

@@ -41,6 +41,7 @@ export interface IssueData {
 	createdAt: string;
 	updatedAt: string;
 	complexity?: number;
+	complexityReasoning?: string;
 }
 
 export class DashboardWebviewProvider extends WebviewBase {
@@ -219,15 +220,18 @@ export class DashboardWebviewProvider extends WebviewBase {
 
 	private async convertIssueToData(issue: IssueModel): Promise<IssueData> {
 		let complexity: number | undefined;
+		let complexityReasoning: string | undefined;
 
 		// Check if complexity is already calculated (from IssueItem)
 		if ((issue as any).complexity?.score) {
 			complexity = (issue as any).complexity.score;
+			complexityReasoning = (issue as any).complexity.reasoning;
 		} else {
 			// Calculate complexity on demand
 			try {
 				const complexityResult = await this._complexityService.calculateComplexity(issue);
 				complexity = complexityResult.score;
+				complexityReasoning = complexityResult.reasoning;
 			} catch (error) {
 				Logger.debug(`Failed to calculate complexity for issue #${issue.number}: ${error}`, DashboardWebviewProvider.ID);
 			}
@@ -242,7 +246,8 @@ export class DashboardWebviewProvider extends WebviewBase {
 			url: issue.html_url,
 			createdAt: issue.createdAt,
 			updatedAt: issue.updatedAt,
-			complexity
+			complexity,
+			complexityReasoning
 		};
 	}
 

webviews/dashboardView/app.tsx

@@ -28,6 +28,7 @@ interface IssueData {
 	createdAt: string;
 	updatedAt: string;
 	complexity?: number;
+	complexityReasoning?: string;
 }
 
 interface DashboardData {
@@ -222,8 +223,18 @@ function Dashboard() {
 									className="issue-item"
 									onClick={() => handleIssueClick(issue.url)}
 								>
-									<div className="item-title">
-										#{issue.number}: {issue.title}
+									<div className="issue-item-header">
+										<div className="item-title">
+											#{issue.number}: {issue.title}
+										</div>
+										{issue.complexity && (
+											<div 
+												className="complexity-score"
+												title={issue.complexityReasoning || `Complexity score: ${issue.complexity}`}
+											>
+												{issue.complexity}
+											</div>
+										)}
 									</div>
 									<div className="item-metadata">
 										{issue.assignee && (
@@ -242,11 +253,6 @@ function Dashboard() {
 											{/* allow-any-unicode-next-line */}
 											<span>📅 Updated {formatDate(issue.updatedAt)}</span>
 										</div>
-										{issue.complexity && (
-											<div className="metadata-item complexity-score">
-												<span>Complexity: {issue.complexity}</span>
-											</div>
-										)}
 									</div>
 								</div>
 							))

webviews/dashboardView/index.css

@@ -201,19 +201,27 @@ html, body, app {
 	text-decoration: underline;
 }
 
+.issue-item-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: flex-start;
+	gap: 8px;
+	margin-bottom: 4px;
+}
+
 .complexity-score {
 	background-color: var(--vscode-badge-background);
 	color: var(--vscode-badge-foreground);
-	padding: 2px 6px;
-	border-radius: 10px;
+	padding: 2px 8px;
+	border-radius: 12px;
 	font-size: 11px;
-	font-weight: 500;
+	font-weight: 600;
+	flex-shrink: 0;
+	transition: background-color 0.2s ease;
 }
 
-.complexity-score span {
-	display: flex;
-	align-items: center;
-	gap: 2px;
+.complexity-score:hover {
+	background-color: var(--vscode-button-hoverBackground);
 }
 
 .chat-section {