From 5a890d67f9d285ccd6b986679aff69e205199fb1 Mon Sep 17 00:00:00 2001
From: Ross Nelson <axcess1@me.com>
Date: Thu, 28 May 2026 14:25:15 -0400
Subject: [PATCH 1/3] feat: add centerButton snippet to BottomNavigation for
 custom center content

---
 src/lib/components/bottom-nav.svelte | 52 ++++++++++++++++++----------
 1 file changed, 34 insertions(+), 18 deletions(-)

diff --git a/src/lib/components/bottom-nav.svelte b/src/lib/components/bottom-nav.svelte
index cb0254c12c..dfcf5c8d8a 100644
--- a/src/lib/components/bottom-nav.svelte
+++ b/src/lib/components/bottom-nav.svelte
@@ -34,6 +34,14 @@
         },
       ]
     >;
+    centerButton?: Snippet<
+      [
+        {
+          open: boolean;
+          onClick: () => void;
+        },
+      ]
+    >;
     profilePicture?: Snippet;
     class?: ClassNameValue;
   }
@@ -45,6 +53,7 @@
     showNamespacePicker = true,
     children,
     nsPicker,
+    centerButton,
     profilePicture,
     class: className = '',
   }: Props = $props();
@@ -159,24 +168,31 @@
     {/if}
   </button>
   {#if showNamespacePicker}
-    <div class="namespace-wrapper">
-      <Button
-        variant="ghost"
-        data-testid="namespace-switcher"
-        leadingIcon="namespace-switcher"
-        size="xs"
-        class="grow text-white"
-        on:click={onNamespaceClick}>{truncateNamespace(namespace)}</Button
-      >
-      <div class="ml-1 h-full w-1 border-l border-subtle"></div>
-      <Button
-        variant="ghost"
-        size="xs"
-        href={routeForNamespace({ namespace })}
-        disabled={!namespaceExists}
-        ><Icon class="text-white" name="external-link" /></Button
-      >
-    </div>
+    {#if centerButton}
+      {@render centerButton({
+        open: viewNamespaces,
+        onClick: onNamespaceClick,
+      })}
+    {:else}
+      <div class="namespace-wrapper">
+        <Button
+          variant="ghost"
+          data-testid="namespace-switcher"
+          leadingIcon="namespace-switcher"
+          size="xs"
+          class="grow text-white"
+          on:click={onNamespaceClick}>{truncateNamespace(namespace)}</Button
+        >
+        <div class="ml-1 h-full w-1 border-l border-subtle"></div>
+        <Button
+          variant="ghost"
+          size="xs"
+          href={routeForNamespace({ namespace })}
+          disabled={!namespaceExists}
+          ><Icon class="text-white" name="external-link" /></Button
+        >
+      </div>
+    {/if}
   {/if}
   <button
     class="nav-button"

From 50ff354c9d8bf2097592864a2b2d33c0d47a0898 Mon Sep 17 00:00:00 2001
From: Ross Nelson <axcess1@me.com>
Date: Thu, 28 May 2026 17:33:45 -0400
Subject: [PATCH 2/3] feat: add centerButton, menuButton, and linksContent
 snippets to BottomNavigation

---
 src/lib/components/bottom-nav.svelte | 54 ++++++++++++++++++++--------
 1 file changed, 40 insertions(+), 14 deletions(-)

diff --git a/src/lib/components/bottom-nav.svelte b/src/lib/components/bottom-nav.svelte
index dfcf5c8d8a..2d8e418c63 100644
--- a/src/lib/components/bottom-nav.svelte
+++ b/src/lib/components/bottom-nav.svelte
@@ -42,6 +42,22 @@
         },
       ]
     >;
+    menuButton?: Snippet<
+      [
+        {
+          open: boolean;
+          onClick: () => void;
+        },
+      ]
+    >;
+    linksContent?: Snippet<
+      [
+        {
+          open: boolean;
+          closeMenu: () => void;
+        },
+      ]
+    >;
     profilePicture?: Snippet;
     class?: ClassNameValue;
   }
@@ -54,6 +70,8 @@
     children,
     nsPicker,
     centerButton,
+    menuButton,
+    linksContent,
     profilePicture,
     class: className = '',
   }: Props = $props();
@@ -131,7 +149,11 @@
     in:slide={{ duration: 200, delay: 0 }}
     out:slide={{ duration: 200, delay: 0 }}
   >
-    <BottomNavLinks open={viewLinks} {sections} />
+    {#if linksContent}
+      {@render linksContent({ open: viewLinks, closeMenu })}
+    {:else}
+      <BottomNavLinks open={viewLinks} {sections} />
+    {/if}
     {#if nsPicker}
       {@render nsPicker({ open: viewNamespaces, closeMenu })}
     {:else}
@@ -154,19 +176,23 @@
   data-testid="top-nav"
   aria-label={translate('common.main')}
 >
-  <button
-    class="nav-button relative"
-    data-testid="nav-menu-button"
-    class:active-shadow={viewLinks}
-    type="button"
-    onclick={onLinksClick}
-  >
-    {#if viewLinks}
-      <Icon name="close" height={32} width={32} />
-    {:else}
-      <Logo height={32} width={32} />
-    {/if}
-  </button>
+  {#if menuButton}
+    {@render menuButton({ open: viewLinks, onClick: onLinksClick })}
+  {:else}
+    <button
+      class="nav-button relative"
+      data-testid="nav-menu-button"
+      class:active-shadow={viewLinks}
+      type="button"
+      onclick={onLinksClick}
+    >
+      {#if viewLinks}
+        <Icon name="close" height={32} width={32} />
+      {:else}
+        <Logo height={32} width={32} />
+      {/if}
+    </button>
+  {/if}
   {#if showNamespacePicker}
     {#if centerButton}
       {@render centerButton({

From cec8c527ed88f538647630ca6628f1444630ab2c Mon Sep 17 00:00:00 2001
From: Ross Nelson <axcess1@me.com>
Date: Thu, 28 May 2026 17:40:08 -0400
Subject: [PATCH 3/3] feat: add bars icon to holocene icon set

---
 src/lib/holocene/icon/paths.ts        |  2 ++
 src/lib/holocene/icon/svg/bars.svelte | 34 +++++++++++++++++++++++++++
 2 files changed, 36 insertions(+)
 create mode 100644 src/lib/holocene/icon/svg/bars.svelte

diff --git a/src/lib/holocene/icon/paths.ts b/src/lib/holocene/icon/paths.ts
index 5825f086be..d92b45ef13 100644
--- a/src/lib/holocene/icon/paths.ts
+++ b/src/lib/holocene/icon/paths.ts
@@ -11,6 +11,7 @@ import arrowUp from './svg/arrow-up.svelte';
 import ascending from './svg/ascending.svelte';
 import astronaut from './svg/astronaut.svelte';
 import aws from './svg/aws.svelte';
+import bars from './svg/bars.svelte';
 import batchOperation from './svg/batch-operation.svelte';
 import book from './svg/book-sparkles.svelte';
 import bookmark from './svg/bookmark.svelte';
@@ -168,6 +169,7 @@ export const icons = {
   ascending,
   astronaut,
   aws,
+  bars,
   'batch-operation': batchOperation,
   book,
   bookmark,
diff --git a/src/lib/holocene/icon/svg/bars.svelte b/src/lib/holocene/icon/svg/bars.svelte
new file mode 100644
index 0000000000..1a2de0d66f
--- /dev/null
+++ b/src/lib/holocene/icon/svg/bars.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+  import Svg from '../svg.svelte';
+  let props = $props();
+</script>
+
+<Svg {...props}>
+  <line
+    x1="3"
+    y1="6"
+    x2="21"
+    y2="6"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+  />
+  <line
+    x1="3"
+    y1="12"
+    x2="21"
+    y2="12"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+  />
+  <line
+    x1="3"
+    y1="18"
+    x2="21"
+    y2="18"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+  />
+</Svg>