From a286322f6c6dbb309949394c7be5a59c7f203881 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 21 May 2025 06:32:39 +0000
Subject: [PATCH 1/2] Initial plan for issue


From c1c58ead8ee40d22a7712de4fb2d4c79a9d592b5 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 21 May 2025 06:43:07 +0000
Subject: [PATCH 2/2] Add selected state to breadcrumb tabs

Co-authored-by: six7 <4548309+six7@users.noreply.github.com>
---
 packages/graph-editor/src/css/rc-dock.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/packages/graph-editor/src/css/rc-dock.css b/packages/graph-editor/src/css/rc-dock.css
index 36e00579..4a380ac2 100644
--- a/packages/graph-editor/src/css/rc-dock.css
+++ b/packages/graph-editor/src/css/rc-dock.css
@@ -16,6 +16,7 @@
     background: transparent;
     border-bottom: none;
     z-index: 10;
+    transition: background-color 0.2s, border-bottom 0.2s, font-weight 0.2s; /* Smooth transition for tab states */
 }
 
 .dock-tab>div {
@@ -60,6 +61,16 @@
     background: var(--color-neutral-canvas-default-bg);
 }
 
+.dock-tab-active,
+.dock-tab-active:hover {
+    color: var(--color-neutral-canvas-minimal-fg-default);
+    background: var(--color-neutral-canvas-subtle-bg);
+    border-bottom: 2px solid var(--color-accent-stroke-default);
+    font-weight: var(--fontWeights-sansMedium);
+    position: relative;
+    z-index: 1; /* Ensure the active tab is above the ink-bar */
+}
+
 .dock-panel.dock-style-main .dock-bar {
     border-bottom-color: var(--color-neutral-stroke-subtle);
 }