Closes #3297 - Adds default setting for compact graph

package.json

@@ -2814,6 +2814,13 @@
 						"scope": "window",
 						"order": 27
 					},
+					"gitlens.graph.useCompactByDefault": {
+						"type": "boolean",
+						"default": false,
+						"markdownDescription": "Specifies whether to default to using the compact graph layout in the _Commit Graph_",
+						"scope": "window",
+						"order": 28
+					},
 					"gitlens.graph.commitOrdering": {
 						"type": "string",
 						"default": "date",

src/config.ts

@@ -380,6 +380,7 @@ export interface GraphConfig {
 	readonly dimMergeCommits: boolean;
 	readonly highlightRowsOnRefHover: boolean;
 	readonly layout: 'editor' | 'panel';
+	readonly useCompactByDefault: boolean;
 	readonly minimap: {
 		readonly enabled: boolean;
 		readonly dataType: 'commits' | 'lines';

src/plus/webviews/graph/graphWebview.ts

@@ -1760,6 +1760,10 @@ export class GraphWebviewProvider implements WebviewProvider<State, State, Graph
 			}
 		}
 
+		if (this._graph == undefined && this.getComponentConfig().useCompactByDefault && this._firstSelection) {
+			void this.setColumnMode('graph', 'compact');
+		}
+
 		return columnsSettings;
 	}
 
@@ -1842,6 +1846,7 @@ export class GraphWebviewProvider implements WebviewProvider<State, State, Graph
 			showGhostRefsOnRowHover: configuration.get('graph.showGhostRefsOnRowHover'),
 			showRemoteNamesOnRefs: configuration.get('graph.showRemoteNames'),
 			idLength: configuration.get('advanced.abbreviatedShaLength'),
+			useCompactByDefault: configuration.get('graph.useCompactByDefault'),
 		};
 		return config;
 	}

src/plus/webviews/graph/protocol.ts

@@ -185,6 +185,7 @@ export interface GraphComponentConfig {
 	showGhostRefsOnRowHover?: boolean;
 	showRemoteNamesOnRefs?: boolean;
 	idLength?: number;
+	useCompactByDefault?: boolean;
 }
 
 export interface GraphColumnConfig {

src/webviews/apps/settings/partials/commit-graph.html

@@ -212,6 +212,18 @@ <h2>
 						</p>
 					</div>
 
+					<div class="setting">
+						<div class="setting__input">
+							<input
+								id="graph.useCompactByDefault"
+								name="graph.useCompactByDefault"
+								type="checkbox"
+								data-setting
+							/>
+							<label for="graph.useCompactByDefault">Use compact graph view by default</label>
+						</div>
+					</div>
+
 					<div class="setting">
 						<div class="setting__input">
 							<input id="graph.avatars" name="graph.avatars" type="checkbox" data-setting />