✨ Add multi-window document functionality

frontend/src/components/titlebar/LinuxTitleBar.vue

@@ -4,7 +4,7 @@
       <div class="titlebar-icon">
         <img src="/appicon.png" alt="voidraft" />
       </div>
-      <div class="titlebar-title">voidraft</div>
+      <div class="titlebar-title">{{ titleText }}</div>
     </div>
     
     <div class="titlebar-controls" style="--wails-draggable:no-drag" @contextmenu.prevent>
@@ -46,12 +46,15 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue';
+import { ref, onMounted, onUnmounted, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import * as runtime from '@wailsio/runtime';
+import { useWindowStore } from '@/stores/windowStore';
+import { useDocumentStore } from '@/stores/documentStore';
 
 const { t } = useI18n();
 const isMaximized = ref(false);
+const documentStore = useDocumentStore();
 
 const minimizeWindow = async () => {
   try {
@@ -96,6 +99,12 @@ const checkMaximizedState = async () => {
   }
 };
 
+// 计算标题文本
+const titleText = computed(() => {
+  const currentDoc = documentStore.currentDocument;
+  return currentDoc ? `voidraft - ${currentDoc.title}` : 'voidraft';
+});
+
 onMounted(async () => {
   await checkMaximizedState();
   
@@ -285,4 +294,4 @@ onUnmounted(() => {
     }
   }
 }
-</style> 
+</style>

frontend/src/components/titlebar/MacOSTitleBar.vue

@@ -44,19 +44,22 @@
     </div>
     
     <div class="titlebar-content" @dblclick="toggleMaximize" @contextmenu.prevent>
-      <div class="titlebar-title">voidraft</div>
+      <div class="titlebar-title">{{ titleText }}</div>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue';
+import { ref, onMounted, onUnmounted, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import * as runtime from '@wailsio/runtime';
+import { useWindowStore } from '@/stores/windowStore';
+import { useDocumentStore } from '@/stores/documentStore';
 
 const { t } = useI18n();
 const isMaximized = ref(false);
 const showControlIcons = ref(false);
+const documentStore = useDocumentStore();
 
 const minimizeWindow = async () => {
   try {
@@ -101,6 +104,12 @@ const checkMaximizedState = async () => {
   }
 };
 
+// 计算标题文本
+const titleText = computed(() => {
+  const currentDoc = documentStore.currentDocument;
+  return currentDoc ? `voidraft - ${currentDoc.title}` : 'voidraft';
+});
+
 onMounted(async () => {
   await checkMaximizedState();
   
@@ -259,4 +268,4 @@ onUnmounted(() => {
     color: rgba(255, 255, 255, 0.8);
   }
 }
-</style> 
+</style>

frontend/src/components/titlebar/WindowsTitleBar.vue

@@ -5,7 +5,7 @@
       <div class="titlebar-icon">
         <img src="/appicon.png" alt="voidraft"/>
       </div>
-      <div class="titlebar-title">voidraft</div>
+      <div class="titlebar-title">{{ titleText }}</div>
     </div>
 
     <div class="titlebar-controls" style="--wails-draggable:no-drag" @contextmenu.prevent>
@@ -40,13 +40,22 @@
 import {computed, onMounted, onUnmounted, ref} from 'vue';
 import {useI18n} from 'vue-i18n';
 import * as runtime from '@wailsio/runtime';
+import { useWindowStore } from '@/stores/windowStore';
+import { useDocumentStore } from '@/stores/documentStore';
 
 const {t} = useI18n();
 const isMaximized = ref(false);
+const documentStore = useDocumentStore();
 
 // 计算属性用于图标，减少重复渲染
 const maximizeIcon = computed(() => isMaximized.value ? '&#xE923;' : '&#xE922;');
 
+// 计算标题文本
+const titleText = computed(() => {
+  const currentDoc = documentStore.currentDocument;
+  return currentDoc ? `voidraft - ${currentDoc.title}` : 'voidraft';
+});
+
 const minimizeWindow = async () => {
   try {
     await runtime.Window.Minimise();
@@ -239,4 +248,4 @@ onUnmounted(() => {
     opacity: 1;
   }
 }
-</style> 
+</style>