refactor: 精简导航并扩大工作区内容显示面积

src/components/ui/WorkspacePage.vue

@@ -1,10 +1,14 @@
 <script setup lang="ts">
 import { NScrollbar } from 'naive-ui'
+import { provide, ref } from 'vue'
+import { workspaceHostKey } from './workspaceContext'
 /** 工作区固定标题和操作区；仅内容容器滚动，不向 document 传播滚动。 */
-defineProps<{ split?: boolean }>()
+defineProps<{ split?: boolean; compact?: boolean }>()
+const host = ref<HTMLElement | null>(null)
+provide(workspaceHostKey, host)
 </script>
 <template>
-    <section class="workspace-page">
+    <section ref="host" class="workspace-page" :class="{ 'content-first-workspace': compact }">
         <NScrollbar v-if="$slots.header" class="workspace-heading-scroll"
             ><header class="workspace-heading"><slot name="header" /></header
         ></NScrollbar>