Adds feature #3297 - Setting for compact graph

Author: TJohnsonSE

package.json

@@ -2807,6 +2807,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

@@ -381,6 +381,7 @@ export interface GraphConfig {
 		readonly additionalTypes: GraphMinimapMarkersAdditionalTypes[];
 	};
 	readonly highlightRowsOnRefHover: boolean;
+	readonly useCompactByDefault: boolean;
 	readonly layout: 'editor' | 'panel';
 	readonly scrollRowPadding: number;
 	readonly showDetailsView: 'open' | 'selection' | false;

src/plus/webviews/graph/graphWebview.ts

@@ -1770,6 +1770,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;
 	}
 
@@ -1851,6 +1855,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

@@ -184,6 +184,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 />