diff --git a/package-lock.json b/package-lock.json
index 94f79d8..d0849a4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "name": "catalog",
       "version": "0.10.3",
       "dependencies": {
-        "@lakekeeper/console-components": "github:lakekeeper/console-components#v0.3.5",
+        "@lakekeeper/console-components": "github:lakekeeper/console-components#v0.3.7",
         "@mdi/font": "7.4.47",
         "json-bigint": "^1.0.0",
         "oidc-client-ts": "^3.3.0",
@@ -1032,8 +1032,8 @@
       "license": "MIT"
     },
     "node_modules/@lakekeeper/console-components": {
-      "version": "0.3.5",
-      "resolved": "git+ssh://git@github.com/lakekeeper/console-components.git#11474fc8a9c222b620bbd12311dbb31a672ebfa2",
+      "version": "0.3.7",
+      "resolved": "git+ssh://git@github.com/lakekeeper/console-components.git#ab97b6c8b0521d9bd8f3e98c449ead200e38c92d",
       "license": "Apache-2.0",
       "dependencies": {
         "@codemirror/commands": "^6.10.0",
diff --git a/package.json b/package.json
index cacabe7..98de2aa 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
     "node": ">=24"
   },
   "dependencies": {
-    "@lakekeeper/console-components": "github:lakekeeper/console-components#v0.3.6",
+    "@lakekeeper/console-components": "github:lakekeeper/console-components#v0.3.7",
     "@mdi/font": "7.4.47",
     "json-bigint": "^1.0.0",
     "oidc-client-ts": "^3.3.0",
diff --git a/src/pages/warehouse/[id].namespace.[nsid].table.[tid].vue b/src/pages/warehouse/[id].namespace.[nsid].table.[tid].vue
index 579d9a8..9f8e327 100644
--- a/src/pages/warehouse/[id].namespace.[nsid].table.[tid].vue
+++ b/src/pages/warehouse/[id].namespace.[nsid].table.[tid].vue
@@ -22,6 +22,7 @@
                 v-if="warehouse"
                 :warehouse-id="params.id"
                 :warehouse-name="warehouse.name"
+                :active-namespace-path="namespacePath"
                 @navigate="handleNavigate" />
             </div>
 
diff --git a/src/pages/warehouse/[id].namespace.[nsid].view.[vid].vue b/src/pages/warehouse/[id].namespace.[nsid].view.[vid].vue
index 2cca60c..ab7116a 100644
--- a/src/pages/warehouse/[id].namespace.[nsid].view.[vid].vue
+++ b/src/pages/warehouse/[id].namespace.[nsid].view.[vid].vue
@@ -22,6 +22,7 @@
                 v-if="warehouseName"
                 :warehouse-id="params.id"
                 :warehouse-name="warehouseName"
+                :active-namespace-path="namespacePath"
                 @navigate="handleNavigate" />
             </div>
 
@@ -209,6 +210,11 @@ const params = computed(() => ({
   vid: (route.params as { vid: string }).vid,
 }));
 
+const namespacePath = computed(() => {
+  // eslint-disable-next-line no-control-regex
+  return params.value.nsid.replace(/\x1F/g, '.');
+});
+
 // Use composable for view permissions with reactive warehouse id
 const warehouseId = computed(() => params.value.id);
 const { showTasksTab } = useViewPermissions(viewId, warehouseId);
diff --git a/src/pages/warehouse/[id].namespace.[nsid].vue b/src/pages/warehouse/[id].namespace.[nsid].vue
index 380195d..3f19fbc 100644
--- a/src/pages/warehouse/[id].namespace.[nsid].vue
+++ b/src/pages/warehouse/[id].namespace.[nsid].vue
@@ -22,6 +22,7 @@
                 v-if="warehouseName"
                 :warehouse-id="params.id"
                 :warehouse-name="warehouseName"
+                :active-namespace-path="namespacePath"
                 @navigate="handleNavigate" />
             </div>
 
@@ -261,6 +262,7 @@ async function loadNamespaceMetadata() {
 // Handle table creation - force refresh of table list
 function onTableCreated() {
   tableListKey.value++; // Increment key to force re-render of NamespaceTables
+  visual.refreshNavTree(params.value.id, namespacePath.value);
 }
 
 // Load namespace metadata on mount to get namespaceId for permissions