From e9503b62a9dc46e0d74783e9ad8cb3cae66469dd Mon Sep 17 00:00:00 2001
From: Dawson Toth <dawson@harperdb.io>
Date: Fri, 10 Jul 2026 17:34:46 -0400
Subject: [PATCH] refactor(config): alphabetize the instance Config nav items
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Overview stays pinned at the top (and keeps its divider); the remaining
items — Certificates, Deployments, Domains, Roles, Secrets, SSH Keys,
Users — are now ordered alphabetically instead of by when each was added.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/features/instance/config/index.tsx | 73 +++++++++++++-------------
 1 file changed, 37 insertions(+), 36 deletions(-)

diff --git a/src/features/instance/config/index.tsx b/src/features/instance/config/index.tsx
index d21f09550..0d91d7d5b 100644
--- a/src/features/instance/config/index.tsx
+++ b/src/features/instance/config/index.tsx
@@ -45,49 +45,30 @@ export function ConfigIndex() {
 	);
 	const isSelfManaged = cluster === undefined || clusterIsSelfManaged(cluster);
 
+	// Overview lives at the top (rendered by the nav bars below); the rest are kept alphabetical.
 	const children = canManage && (
 		<>
-			<li>
-				<Link
-					to={buildAbsoluteLinkToPage(params, 'config/users')}
-					className={sharedClasses}
-					inactiveProps={inactiveProps}
-					activeProps={activeProps}
-				>
-					<UsersIcon className="hidden md:inline-block" /> <span className="ms-3">Users</span>
-				</Link>
-			</li>
-			<li>
-				<Link
-					to={buildAbsoluteLinkToPage(params, 'config/roles')}
-					className={sharedClasses}
-					inactiveProps={inactiveProps}
-					activeProps={activeProps}
-				>
-					<HandshakeIcon className="hidden md:inline-block" /> <span className="ms-3">Roles</span>
-				</Link>
-			</li>
-			{deploymentsAvailable && (
+			{certsAvailable && (
 				<li>
 					<Link
-						to={buildAbsoluteLinkToPage(params, 'config/deployments')}
+						to={buildAbsoluteLinkToPage(params, 'config/certificates')}
 						className={sharedClasses}
 						inactiveProps={inactiveProps}
 						activeProps={activeProps}
 					>
-						<RocketIcon className="hidden md:inline-block" /> <span className="ms-3">Deployments</span>
+						<ShieldCheckIcon className="hidden md:inline-block" /> <span className="ms-3">Certificates</span>
 					</Link>
 				</li>
 			)}
-			{certsAvailable && (
+			{deploymentsAvailable && (
 				<li>
 					<Link
-						to={buildAbsoluteLinkToPage(params, 'config/certificates')}
+						to={buildAbsoluteLinkToPage(params, 'config/deployments')}
 						className={sharedClasses}
 						inactiveProps={inactiveProps}
 						activeProps={activeProps}
 					>
-						<ShieldCheckIcon className="hidden md:inline-block" /> <span className="ms-3">Certificates</span>
+						<RocketIcon className="hidden md:inline-block" /> <span className="ms-3">Deployments</span>
 					</Link>
 				</li>
 			)}
@@ -103,34 +84,54 @@ export function ConfigIndex() {
 					</Link>
 				</li>
 			)}
-			{certsAvailable && (
+			<li>
+				<Link
+					to={buildAbsoluteLinkToPage(params, 'config/roles')}
+					className={sharedClasses}
+					inactiveProps={inactiveProps}
+					activeProps={activeProps}
+				>
+					<HandshakeIcon className="hidden md:inline-block" /> <span className="ms-3">Roles</span>
+				</Link>
+			</li>
+			{
+				/* Secrets (the replicated hdb_secret store): any instance or cluster on a supported
+			    version — key custody may be file-based (self-hosted) or injected (Fabric). */
+			}
+			{secretsSupported && (
 				<li>
 					<Link
-						to={buildAbsoluteLinkToPage(params, 'config/ssh-keys')}
+						to={buildAbsoluteLinkToPage(params, 'config/secrets')}
 						className={sharedClasses}
 						inactiveProps={inactiveProps}
 						activeProps={activeProps}
 					>
-						<KeyIcon className="hidden md:inline-block" /> <span className="ms-3">SSH Keys</span>
+						<LockIcon className="hidden md:inline-block" /> <span className="ms-3">Secrets</span>
 					</Link>
 				</li>
 			)}
-			{
-				/* Secrets (the replicated hdb_secret store): any instance or cluster on a supported
-			    version — key custody may be file-based (self-hosted) or injected (Fabric). */
-			}
-			{secretsSupported && (
+			{certsAvailable && (
 				<li>
 					<Link
-						to={buildAbsoluteLinkToPage(params, 'config/secrets')}
+						to={buildAbsoluteLinkToPage(params, 'config/ssh-keys')}
 						className={sharedClasses}
 						inactiveProps={inactiveProps}
 						activeProps={activeProps}
 					>
-						<LockIcon className="hidden md:inline-block" /> <span className="ms-3">Secrets</span>
+						<KeyIcon className="hidden md:inline-block" /> <span className="ms-3">SSH Keys</span>
 					</Link>
 				</li>
 			)}
+			<li>
+				<Link
+					to={buildAbsoluteLinkToPage(params, 'config/users')}
+					className={sharedClasses}
+					inactiveProps={inactiveProps}
+					activeProps={activeProps}
+				>
+					<UsersIcon className="hidden md:inline-block" /> <span className="ms-3">Users</span>
+				</Link>
+			</li>
 		</>
 	);