diff --git a/src/App.vue b/src/App.vue
index f770b26..a8b7b97 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -87,7 +87,24 @@ const handleTabsEdit = (
     filesStore.closeTab(targetName);
   } else if (action === 'add') {
     const newFileName = `File ${filesStore.fileList.length + 1}`;
-    filesStore.addFile({ label: newFileName, name: newFileName });
+
+    filesStore.addFile({
+      label: newFileName,
+      name: newFileName,
+      visible: true,
+      groups:[
+        {
+          shortDescription: '',
+          groupInfo: [{}, {}, {}, {}, {}],
+          details: ''
+        },
+        {
+          shortDescription: '',
+          groupInfo: [{}, {}, {}, {}, {}],
+          details: ''
+        }
+      ]
+    });
   }
 };
 
@@ -181,5 +198,8 @@ const activeFileGroups = computed(() => {
   position: relative;
   height: 100%; /* 确保内容区域占满父容器 */
   overflow-y: auto; /* 允许内容滚动 */
+  min-height: 100vh; /* 允许容器扩展 */
+  display: inline-block;
+  max-width: 100%;
 }
 </style>
\ No newline at end of file
diff --git a/src/stores/files.ts b/src/stores/files.ts
index 19c95a8..a0cddcb 100644
--- a/src/stores/files.ts
+++ b/src/stores/files.ts
@@ -42,7 +42,7 @@ export const useFilesStore = defineStore('files', {
         visibleFiles: (state) => state.fileList.filter(file => file.visible),
     },
     actions: {
-        addFile(file: { label: string; name: number }) {
+        addFile(file) {
             this.fileList.push({...file, visible: true});
             this.activeFile = file.name;
         },