From 6843328b0bb4ee4a28f9c63baf95e2df188eccce Mon Sep 17 00:00:00 2001
From: empty <let5sne.mac@gmail.com>
Date: Thu, 22 Jan 2026 00:02:05 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=8C=89=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E5=88=86=E7=B1=BB=E9=87=8D=E7=BB=84=20components=20=E7=9B=AE?=
 =?UTF-8?q?=E5=BD=95=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     | 53 ++++++++++++-------
 src/App.vue                                   | 38 ++++++-------
 src/components/{ => base}/BaseButton.vue      |  0
 src/components/{ => base}/BaseIcon.vue        |  0
 src/components/{ => base}/BaseInput.vue       |  0
 src/components/{ => base}/BaseModal.vue       |  0
 src/components/{ => editors}/MainContent.vue  | 12 ++---
 .../{ => editors}/MarkdownEditor.vue          |  0
 src/components/{ => layout}/GlobalSidebar.vue |  4 +-
 src/components/{ => layout}/HomePage.vue      | 10 ++--
 .../{ => modals}/DocumentSelectorModal.vue    |  4 +-
 .../{ => modals}/MaterialSelectorModal.vue    |  4 +-
 .../{ => modals}/ParadigmSelectorModal.vue    |  6 +--
 src/components/{ => panels}/AnalysisPanel.vue | 12 ++---
 .../{ => panels}/ArticleEditorPanel.vue       | 14 ++---
 .../{ => panels}/ArticleFusionPanel.vue       |  4 +-
 .../{ => panels}/ArticleRewritePanel.vue      | 16 +++---
 src/components/{ => panels}/ComparePanel.vue  | 20 +++----
 .../{ => panels}/DiffAnnotationPanel.vue      |  8 +--
 .../{ => panels}/DocumentsPanel.vue           | 14 ++---
 .../{ => panels}/MaterialsPanel.vue           | 14 ++---
 .../{ => panels}/MimicWriterPanel.vue         |  6 +--
 .../{ => panels}/OutlineWriterPanel.vue       |  6 +--
 .../{ => panels}/ParadigmWriterPanel.vue      |  8 +--
 src/components/{ => panels}/SettingsPanel.vue | 14 ++---
 src/components/{ => panels}/WriterPanel.vue   |  4 +-
 .../{ => results}/DocumentVersionPanel.vue    |  6 +--
 .../{ => results}/FusionResultPanel.vue       |  4 +-
 .../{ => results}/OutlineResultPanel.vue      |  4 +-
 .../RequirementParserPanel.vue                | 10 ++--
 30 files changed, 155 insertions(+), 140 deletions(-)
 rename src/components/{ => base}/BaseButton.vue (100%)
 rename src/components/{ => base}/BaseIcon.vue (100%)
 rename src/components/{ => base}/BaseInput.vue (100%)
 rename src/components/{ => base}/BaseModal.vue (100%)
 rename src/components/{ => editors}/MainContent.vue (99%)
 rename src/components/{ => editors}/MarkdownEditor.vue (100%)
 rename src/components/{ => layout}/GlobalSidebar.vue (98%)
 rename src/components/{ => layout}/HomePage.vue (98%)
 rename src/components/{ => modals}/DocumentSelectorModal.vue (97%)
 rename src/components/{ => modals}/MaterialSelectorModal.vue (97%)
 rename src/components/{ => modals}/ParadigmSelectorModal.vue (97%)
 rename src/components/{ => panels}/AnalysisPanel.vue (98%)
 rename src/components/{ => panels}/ArticleEditorPanel.vue (98%)
 rename src/components/{ => panels}/ArticleFusionPanel.vue (98%)
 rename src/components/{ => panels}/ArticleRewritePanel.vue (98%)
 rename src/components/{ => panels}/ComparePanel.vue (99%)
 rename src/components/{ => panels}/DiffAnnotationPanel.vue (98%)
 rename src/components/{ => panels}/DocumentsPanel.vue (96%)
 rename src/components/{ => panels}/MaterialsPanel.vue (97%)
 rename src/components/{ => panels}/MimicWriterPanel.vue (98%)
 rename src/components/{ => panels}/OutlineWriterPanel.vue (99%)
 rename src/components/{ => panels}/ParadigmWriterPanel.vue (98%)
 rename src/components/{ => panels}/SettingsPanel.vue (97%)
 rename src/components/{ => panels}/WriterPanel.vue (99%)
 rename src/components/{ => results}/DocumentVersionPanel.vue (98%)
 rename src/components/{ => results}/FusionResultPanel.vue (99%)
 rename src/components/{ => results}/OutlineResultPanel.vue (98%)
 rename src/components/{ => specialized}/RequirementParserPanel.vue (98%)

diff --git a/README.md b/README.md
index 360ef64..c5a9278 100644
--- a/README.md
+++ b/README.md
@@ -95,34 +95,49 @@ AI 集成:
 
 ```
 src/
-├── components/                # Vue 组件 (20+)
-│   ├── 核心面板
+├── components/                # Vue 组件 (按功能分类)
+│   ├── base/                  # 基础 UI 组件
+│   │   ├── BaseButton.vue
+│   │   ├── BaseIcon.vue
+│   │   ├── BaseInput.vue
+│   │   └── BaseModal.vue
+│   ├── layout/                # 布局组件
+│   │   ├── GlobalSidebar.vue        # 侧边导航
+│   │   └── HomePage.vue             # 首页
+│   ├── panels/                # 功能面板 (核心)
 │   │   ├── WriterPanel.vue          # AI 写作
-│   │   ├── AnalysisPanel.vue        # 范式库
+│   │   ├── MimicWriterPanel.vue     # 以稿写稿
 │   │   ├── ParadigmWriterPanel.vue  # 范式写作
+│   │   ├── OutlineWriterPanel.vue   # 提纲写作
+│   │   ├── ArticleEditorPanel.vue   # 文章修改 ⭐
+│   │   ├── ArticleFusionPanel.vue   # 文章融合
 │   │   ├── ArticleRewritePanel.vue  # 范式润色 ⭐
+│   │   ├── AnalysisPanel.vue        # 范式库
 │   │   ├── ComparePanel.vue         # 对照检查
-│   │   └── DiffAnnotationPanel.vue  # 差异标注
-│   ├── 管理面板
+│   │   ├── DiffAnnotationPanel.vue  # 差异标注
 │   │   ├── DocumentsPanel.vue       # 文稿库
 │   │   ├── MaterialsPanel.vue       # 素材库
 │   │   └── SettingsPanel.vue        # 设置
-│   ├── 弹窗组件
-│   │   ├── ParadigmSelectorModal.vue      # 范式选择器
-│   │   ├── RequirementParserPanel.vue     # 需求解析 ⭐
-│   │   └── DocumentSelectorModal.vue      # 文稿选择器
-│   ├── 基础组件
-│   │   ├── BaseButton.vue
-│   │   ├── BaseInput.vue
-│   │   └── BaseModal.vue
-│   └── 其他
-│       ├── GlobalSidebar.vue        # 侧边导航
-│       ├── MainContent.vue          # 主内容区
-│       └── MarkdownEditor.vue       # Markdown 编辑器
+│   ├── modals/                # 弹窗组件
+│   │   ├── DocumentSelectorModal.vue
+│   │   ├── MaterialSelectorModal.vue
+│   │   └── ParadigmSelectorModal.vue
+│   ├── editors/               # 编辑器组件
+│   │   ├── MainContent.vue          # 主内容区
+│   │   └── MarkdownEditor.vue       # Markdown 编辑器
+│   ├── results/               # 结果展示组件
+│   │   ├── FusionResultPanel.vue
+│   │   ├── OutlineResultPanel.vue
+│   │   └── DocumentVersionPanel.vue
+│   ├── specialized/           # 特殊功能组件
+│   │   └── RequirementParserPanel.vue  # 需求解析 ⭐
+│   └── icons/                 # 图标组件
+│       └── IconLibrary.vue
 │
 ├── stores/                    # Pinia 状态管理
-│   ├── app.js                  # 主应用 store (219 行)
-│   └── paradigm.js             # 范式管理 store (267 行) ⭐
+│   ├── app.js                 # 主应用 store
+│   ├── database.js            # 数据库 store
+│   └── paradigm.js            # 范式管理 store ⭐
 │
 ├── config/                    # 配置文件
 │   ├── paradigms.js           # 范式定义 (20+ 预设)
diff --git a/src/App.vue b/src/App.vue
index 6a50ec1..8b58513 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -58,25 +58,25 @@
 <script setup>
 import { ref, computed } from 'vue'
 import { useAppStore } from './stores/app'
-import GlobalSidebar from './components/GlobalSidebar.vue'
-import HomePage from './components/HomePage.vue'
-import WriterPanel from './components/WriterPanel.vue'
-import AnalysisPanel from './components/AnalysisPanel.vue'
-import DocumentsPanel from './components/DocumentsPanel.vue'
-import MaterialsPanel from './components/MaterialsPanel.vue'
-import SettingsPanel from './components/SettingsPanel.vue'
-import MainContent from './components/MainContent.vue'
-import ComparePanel from './components/ComparePanel.vue'
-import DocumentVersionPanel from './components/DocumentVersionPanel.vue'
-import DiffAnnotationPanel from './components/DiffAnnotationPanel.vue'
-import ArticleRewritePanel from './components/ArticleRewritePanel.vue'
-import ParadigmWriterPanel from './components/ParadigmWriterPanel.vue'
-import MimicWriterPanel from './components/MimicWriterPanel.vue'
-import ArticleFusionPanel from './components/ArticleFusionPanel.vue'
-import FusionResultPanel from './components/FusionResultPanel.vue'
-import OutlineWriterPanel from './components/OutlineWriterPanel.vue'
-import OutlineResultPanel from './components/OutlineResultPanel.vue'
-import ArticleEditorPanel from './components/ArticleEditorPanel.vue'
+import GlobalSidebar from './components/layout/GlobalSidebar.vue'
+import HomePage from './components/layout/HomePage.vue'
+import WriterPanel from './components/panels/WriterPanel.vue'
+import AnalysisPanel from './components/panels/AnalysisPanel.vue'
+import DocumentsPanel from './components/panels/DocumentsPanel.vue'
+import MaterialsPanel from './components/panels/MaterialsPanel.vue'
+import SettingsPanel from './components/panels/SettingsPanel.vue'
+import MainContent from './components/editors/MainContent.vue'
+import ComparePanel from './components/panels/ComparePanel.vue'
+import DocumentVersionPanel from './components/results/DocumentVersionPanel.vue'
+import DiffAnnotationPanel from './components/panels/DiffAnnotationPanel.vue'
+import ArticleRewritePanel from './components/panels/ArticleRewritePanel.vue'
+import ParadigmWriterPanel from './components/panels/ParadigmWriterPanel.vue'
+import MimicWriterPanel from './components/panels/MimicWriterPanel.vue'
+import ArticleFusionPanel from './components/panels/ArticleFusionPanel.vue'
+import FusionResultPanel from './components/results/FusionResultPanel.vue'
+import OutlineWriterPanel from './components/panels/OutlineWriterPanel.vue'
+import OutlineResultPanel from './components/results/OutlineResultPanel.vue'
+import ArticleEditorPanel from './components/panels/ArticleEditorPanel.vue'
 
 const appStore = useAppStore()
 const currentPage = computed(() => appStore.currentPage)
diff --git a/src/components/BaseButton.vue b/src/components/base/BaseButton.vue
similarity index 100%
rename from src/components/BaseButton.vue
rename to src/components/base/BaseButton.vue
diff --git a/src/components/BaseIcon.vue b/src/components/base/BaseIcon.vue
similarity index 100%
rename from src/components/BaseIcon.vue
rename to src/components/base/BaseIcon.vue
diff --git a/src/components/BaseInput.vue b/src/components/base/BaseInput.vue
similarity index 100%
rename from src/components/BaseInput.vue
rename to src/components/base/BaseInput.vue
diff --git a/src/components/BaseModal.vue b/src/components/base/BaseModal.vue
similarity index 100%
rename from src/components/BaseModal.vue
rename to src/components/base/BaseModal.vue
diff --git a/src/components/MainContent.vue b/src/components/editors/MainContent.vue
similarity index 99%
rename from src/components/MainContent.vue
rename to src/components/editors/MainContent.vue
index c5a1d16..09cfd17 100644
--- a/src/components/MainContent.vue
+++ b/src/components/editors/MainContent.vue
@@ -588,11 +588,11 @@
 <script setup>
 import { computed, ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useAppStore } from '../stores/app'
-import { useParadigmStore } from '../stores/paradigm'
-import { buildPrompt } from '../utils/promptBuilder.js'
+import { useAppStore } from '../../stores/app'
+import { useParadigmStore } from '../../stores/paradigm'
+import { buildPrompt } from '../../utils/promptBuilder.js'
 import { marked } from 'marked'
-import IconLibrary from './icons/IconLibrary.vue'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const appStore = useAppStore()
 const paradigmStore = useParadigmStore()
@@ -847,7 +847,7 @@ const saveDocument = async () => {
   if (!currentDocument.value) return
   
   try {
-    const { updateDocument } = await import('../db/index.js')
+    const { updateDocument } = await import('../../db/index.js')
     await updateDocument(currentDocument.value.id, {
       title: documentTitle.value,
       content: documentContent.value
@@ -871,7 +871,7 @@ const changeDocStatus = async (status) => {
   if (!currentDocument.value) return
   
   try {
-    const { updateDocument } = await import('../db/index.js')
+    const { updateDocument } = await import('../../db/index.js')
     await updateDocument(currentDocument.value.id, { status })
     currentDocument.value.status = status
   } catch (error) {
diff --git a/src/components/MarkdownEditor.vue b/src/components/editors/MarkdownEditor.vue
similarity index 100%
rename from src/components/MarkdownEditor.vue
rename to src/components/editors/MarkdownEditor.vue
diff --git a/src/components/GlobalSidebar.vue b/src/components/layout/GlobalSidebar.vue
similarity index 98%
rename from src/components/GlobalSidebar.vue
rename to src/components/layout/GlobalSidebar.vue
index db9aa65..f4cb7b8 100644
--- a/src/components/GlobalSidebar.vue
+++ b/src/components/layout/GlobalSidebar.vue
@@ -53,8 +53,8 @@
 
 <script setup>
 import { computed } from 'vue'
-import { useAppStore } from '../stores/app'
-import IconLibrary from './icons/IconLibrary.vue'
+import { useAppStore } from '../../stores/app'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const appStore = useAppStore()
 const currentPage = computed(() => appStore.currentPage)
diff --git a/src/components/HomePage.vue b/src/components/layout/HomePage.vue
similarity index 98%
rename from src/components/HomePage.vue
rename to src/components/layout/HomePage.vue
index 940d0d6..0248a2d 100644
--- a/src/components/HomePage.vue
+++ b/src/components/layout/HomePage.vue
@@ -98,11 +98,11 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { useAppStore } from '../stores/app'
-import { useDatabaseStore } from '../stores/database'
-import { useParadigmStore } from '../stores/paradigm'
-import { getParadigmList } from '../config/paradigms'
-import IconLibrary from './icons/IconLibrary.vue'
+import { useAppStore } from '../../stores/app'
+import { useDatabaseStore } from '../../stores/database'
+import { useParadigmStore } from '../../stores/paradigm'
+import { getParadigmList } from '../../config/paradigms'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const appStore = useAppStore()
 const dbStore = useDatabaseStore()
diff --git a/src/components/DocumentSelectorModal.vue b/src/components/modals/DocumentSelectorModal.vue
similarity index 97%
rename from src/components/DocumentSelectorModal.vue
rename to src/components/modals/DocumentSelectorModal.vue
index e795474..fdbdb84 100644
--- a/src/components/DocumentSelectorModal.vue
+++ b/src/components/modals/DocumentSelectorModal.vue
@@ -82,7 +82,7 @@
 
 <script setup>
 import { ref, computed, watch } from 'vue'
-import IconLibrary from './icons/IconLibrary.vue'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const props = defineProps({
   visible: Boolean
@@ -114,7 +114,7 @@ const filteredDocuments = computed(() => {
 // 加载文稿
 const loadDocuments = async () => {
   try {
-    const { getAllDocuments } = await import('../db/index.js')
+    const { getAllDocuments } = await import('../../db/index.js')
     documents.value = await getAllDocuments()
   } catch (error) {
     console.error('加载文稿失败:', error)
diff --git a/src/components/MaterialSelectorModal.vue b/src/components/modals/MaterialSelectorModal.vue
similarity index 97%
rename from src/components/MaterialSelectorModal.vue
rename to src/components/modals/MaterialSelectorModal.vue
index e05e4d8..45f70b3 100644
--- a/src/components/MaterialSelectorModal.vue
+++ b/src/components/modals/MaterialSelectorModal.vue
@@ -70,8 +70,8 @@
 
 <script setup>
 import { ref, computed } from 'vue'
-import { useDatabaseStore } from '../stores/database'
-import IconLibrary from './icons/IconLibrary.vue'
+import { useDatabaseStore } from '../../stores/database'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const props = defineProps({
   visible: Boolean
diff --git a/src/components/ParadigmSelectorModal.vue b/src/components/modals/ParadigmSelectorModal.vue
similarity index 97%
rename from src/components/ParadigmSelectorModal.vue
rename to src/components/modals/ParadigmSelectorModal.vue
index 61410c6..ba0578c 100644
--- a/src/components/ParadigmSelectorModal.vue
+++ b/src/components/modals/ParadigmSelectorModal.vue
@@ -112,9 +112,9 @@
 
 <script setup>
 import { ref, computed, watch } from 'vue'
-import { getParadigmList } from '../config/paradigms.js'
-import { useParadigmStore } from '../stores/paradigm.js'
-import IconLibrary from './icons/IconLibrary.vue'
+import { getParadigmList } from '../../config/paradigms.js'
+import { useParadigmStore } from '../../stores/paradigm.js'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const paradigmStore = useParadigmStore()
 
diff --git a/src/components/AnalysisPanel.vue b/src/components/panels/AnalysisPanel.vue
similarity index 98%
rename from src/components/AnalysisPanel.vue
rename to src/components/panels/AnalysisPanel.vue
index ca65b10..e6bce82 100644
--- a/src/components/AnalysisPanel.vue
+++ b/src/components/panels/AnalysisPanel.vue
@@ -172,12 +172,12 @@
 <script setup>
 import { ref, reactive, onMounted, onUnmounted, computed, watch } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useAppStore } from '../stores/app'
-import { useDatabaseStore } from '../stores/database.js'
-import { useParadigmStore } from '../stores/paradigm.js'
-import { getParadigmList } from '../config/paradigms.js'
-import RequirementParserPanel from './RequirementParserPanel.vue'
-import IconLibrary from './icons/IconLibrary.vue'
+import { useAppStore } from '../../stores/app'
+import { useDatabaseStore } from '../../stores/database.js'
+import { useParadigmStore } from '../../stores/paradigm.js'
+import { getParadigmList } from '../../config/paradigms.js'
+import RequirementParserPanel from '../specialized/RequirementParserPanel.vue'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const appStore = useAppStore()
 const { analysisText, isAnalyzing } = storeToRefs(appStore)
diff --git a/src/components/ArticleEditorPanel.vue b/src/components/panels/ArticleEditorPanel.vue
similarity index 98%
rename from src/components/ArticleEditorPanel.vue
rename to src/components/panels/ArticleEditorPanel.vue
index 4330976..9da849c 100644
--- a/src/components/ArticleEditorPanel.vue
+++ b/src/components/panels/ArticleEditorPanel.vue
@@ -265,17 +265,17 @@
 
 <script setup>
 import { ref, computed, watch, onMounted } from 'vue'
-import { useAppStore } from '../stores/app'
-import { useDatabaseStore } from '../stores/database'
+import { useAppStore } from '../../stores/app'
+import { useDatabaseStore } from '../../stores/database'
 import { 
   splitIntoSentencesWithPosition, 
   computeDiff, 
   getDiffStats 
-} from '../utils/textDiff'
-import { saveDocumentVersion, updateDocument } from '../db/index.js'
-import DocumentSelectorModal from './DocumentSelectorModal.vue'
-import MaterialSelectorModal from './MaterialSelectorModal.vue'
-import IconLibrary from './icons/IconLibrary.vue'
+} from '../../utils/textDiff'
+import { saveDocumentVersion, updateDocument } from '../../db/index.js'
+import DocumentSelectorModal from '../modals/DocumentSelectorModal.vue'
+import MaterialSelectorModal from '../modals/MaterialSelectorModal.vue'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const appStore = useAppStore()
 const dbStore = useDatabaseStore()
diff --git a/src/components/ArticleFusionPanel.vue b/src/components/panels/ArticleFusionPanel.vue
similarity index 98%
rename from src/components/ArticleFusionPanel.vue
rename to src/components/panels/ArticleFusionPanel.vue
index 1b001ee..ea08ba7 100644
--- a/src/components/ArticleFusionPanel.vue
+++ b/src/components/panels/ArticleFusionPanel.vue
@@ -99,8 +99,8 @@
 <script setup>
 import { ref, computed } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useAppStore } from '../stores/app'
-import IconLibrary from './icons/IconLibrary.vue'
+import { useAppStore } from '../../stores/app'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const appStore = useAppStore()
 const { articleFusionState } = storeToRefs(appStore)
diff --git a/src/components/ArticleRewritePanel.vue b/src/components/panels/ArticleRewritePanel.vue
similarity index 98%
rename from src/components/ArticleRewritePanel.vue
rename to src/components/panels/ArticleRewritePanel.vue
index 2f1bfde..5cfa146 100644
--- a/src/components/ArticleRewritePanel.vue
+++ b/src/components/panels/ArticleRewritePanel.vue
@@ -347,14 +347,14 @@
 
 <script setup>
 import { ref, computed, watch } from 'vue'
-import { useAppStore } from '../stores/app'
-import { useParadigmStore } from '../stores/paradigm'
-import { splitIntoSentencesWithPosition, computeDiff } from '../utils/textDiff'
-import { updateDocument, saveDocumentVersion } from '../db/index.js'
-import ParadigmSelectorModal from './ParadigmSelectorModal.vue'
-import DocumentSelectorModal from './DocumentSelectorModal.vue'
-import RequirementParserPanel from './RequirementParserPanel.vue'
-import IconLibrary from './icons/IconLibrary.vue'
+import { useAppStore } from '../../stores/app'
+import { useParadigmStore } from '../../stores/paradigm'
+import { splitIntoSentencesWithPosition, computeDiff } from '../../utils/textDiff'
+import { updateDocument, saveDocumentVersion } from '../../db/index.js'
+import ParadigmSelectorModal from '../modals/ParadigmSelectorModal.vue'
+import DocumentSelectorModal from '../modals/DocumentSelectorModal.vue'
+import RequirementParserPanel from '../specialized/RequirementParserPanel.vue'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const appStore = useAppStore()
 const paradigmStore = useParadigmStore()
diff --git a/src/components/ComparePanel.vue b/src/components/panels/ComparePanel.vue
similarity index 99%
rename from src/components/ComparePanel.vue
rename to src/components/panels/ComparePanel.vue
index 9b11d06..1b90fd8 100644
--- a/src/components/ComparePanel.vue
+++ b/src/components/panels/ComparePanel.vue
@@ -764,16 +764,16 @@
 <script setup>
 import { ref, computed, watch } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useAppStore } from '../stores/app'
-import { useDatabaseStore } from '../stores/database'
-import { updateDocument, saveDocumentVersion, getDocumentById } from '../db/index.js'
-import IconLibrary from './icons/IconLibrary.vue'
-import { SECTION_TYPES, getSectionTypeById, getSectionTypeClasses } from '../config/sectionTypes'
-import { getLogicParadigmById, buildLogicPrompt } from '../config/logicParadigms'
-import { computeDiff, applySelectedChanges as applyDiffChanges, getDiffStats, splitIntoSentencesWithPosition } from '../utils/textDiff'
-import MaterialSelectorModal from './MaterialSelectorModal.vue'
-import DocumentSelectorModal from './DocumentSelectorModal.vue'
-import ParadigmSelectorModal from './ParadigmSelectorModal.vue'
+import { useAppStore } from '../../stores/app'
+import { useDatabaseStore } from '../../stores/database'
+import { updateDocument, saveDocumentVersion, getDocumentById } from '../../db/index.js'
+import IconLibrary from '../icons/IconLibrary.vue'
+import { SECTION_TYPES, getSectionTypeById, getSectionTypeClasses } from '../../config/sectionTypes'
+import { getLogicParadigmById, buildLogicPrompt } from '../../config/logicParadigms'
+import { computeDiff, applySelectedChanges as applyDiffChanges, getDiffStats, splitIntoSentencesWithPosition } from '../../utils/textDiff'
+import MaterialSelectorModal from '../modals/MaterialSelectorModal.vue'
+import DocumentSelectorModal from '../modals/DocumentSelectorModal.vue'
+import ParadigmSelectorModal from '../modals/ParadigmSelectorModal.vue'
 
 const appStore = useAppStore()
 const dbStore = useDatabaseStore()
diff --git a/src/components/DiffAnnotationPanel.vue b/src/components/panels/DiffAnnotationPanel.vue
similarity index 98%
rename from src/components/DiffAnnotationPanel.vue
rename to src/components/panels/DiffAnnotationPanel.vue
index 70c85a9..9c34512 100644
--- a/src/components/DiffAnnotationPanel.vue
+++ b/src/components/panels/DiffAnnotationPanel.vue
@@ -194,12 +194,12 @@
 
 <script setup>
 import { ref, computed, watch, onMounted, onUnmounted } from 'vue'
-import { useAppStore } from '../stores/app'
-import { computePreciseDiff, getPreciseDiffStats } from '../utils/preciseDiff.js'
-import IconLibrary from './icons/IconLibrary.vue'
+import { useAppStore } from '../../stores/app'
+import { computePreciseDiff, getPreciseDiffStats } from '../../utils/preciseDiff.js'
+import IconLibrary from '../icons/IconLibrary.vue'
 import { Document, Packer, Paragraph, TextRun } from 'docx'
 import { saveAs } from 'file-saver'
-import DocumentSelectorModal from './DocumentSelectorModal.vue'
+import DocumentSelectorModal from '../modals/DocumentSelectorModal.vue'
 
 const appStore = useAppStore()
 
diff --git a/src/components/DocumentsPanel.vue b/src/components/panels/DocumentsPanel.vue
similarity index 96%
rename from src/components/DocumentsPanel.vue
rename to src/components/panels/DocumentsPanel.vue
index 53f6d2d..f2c9cee 100644
--- a/src/components/DocumentsPanel.vue
+++ b/src/components/panels/DocumentsPanel.vue
@@ -120,10 +120,10 @@
 
 <script setup>
 import { ref, computed, onMounted } from 'vue'
-import { useAppStore } from '../stores/app'
-import { useDatabaseStore } from '../stores/database.js'
+import { useAppStore } from '../../stores/app'
+import { useDatabaseStore } from '../../stores/database.js'
 import { storeToRefs } from 'pinia'
-import IconLibrary from './icons/IconLibrary.vue'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const appStore = useAppStore()
 const dbStore = useDatabaseStore()
@@ -178,7 +178,7 @@ const getCountByStatus = (status) => {
 // 加载文稿列表
 const loadDocuments = async () => {
   try {
-    const { getAllDocuments } = await import('../db/index.js')
+    const { getAllDocuments } = await import('../../db/index.js')
     documents.value = await getAllDocuments()
   } catch (error) {
     console.error('加载文稿失败:', error)
@@ -206,7 +206,7 @@ const toggleVersionPanel = () => {
 // 创建新文稿
 const createNewDocument = async () => {
   try {
-    const { createDocument } = await import('../db/index.js')
+    const { createDocument } = await import('../../db/index.js')
     const id = await createDocument({
       title: '未命名文稿',
       content: '',
@@ -236,7 +236,7 @@ const duplicateDocument = async () => {
   if (!doc) return
   
   try {
-    const { createDocument } = await import('../db/index.js')
+    const { createDocument } = await import('../../db/index.js')
     await createDocument({
       title: doc.title + ' (副本)',
       content: doc.content,
@@ -261,7 +261,7 @@ const deleteSelectedDocument = async () => {
   if (!selectedDocId.value) return
   
   try {
-    const { deleteDocument } = await import('../db/index.js')
+    const { deleteDocument } = await import('../../db/index.js')
     await deleteDocument(selectedDocId.value)
     selectedDocId.value = null
     showDeleteConfirm.value = false
diff --git a/src/components/MaterialsPanel.vue b/src/components/panels/MaterialsPanel.vue
similarity index 97%
rename from src/components/MaterialsPanel.vue
rename to src/components/panels/MaterialsPanel.vue
index a52abdf..1203318 100644
--- a/src/components/MaterialsPanel.vue
+++ b/src/components/panels/MaterialsPanel.vue
@@ -301,10 +301,10 @@
 
 <script setup>
 import { ref, reactive, computed, onMounted } from 'vue'
-import { useAppStore } from '../stores/app'
-import { REFERENCE_TYPES } from '../config/references.js'
-import { getDimensionSetList } from '../config/dimensionSets.js'
-import IconLibrary from './icons/IconLibrary.vue'
+import { useAppStore } from '../../stores/app'
+import { REFERENCE_TYPES } from '../../config/references.js'
+import { getDimensionSetList } from '../../config/dimensionSets.js'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const appStore = useAppStore()
 
@@ -370,7 +370,7 @@ const getTypeIcon = (type) => {
 // 加载素材列表
 const loadMaterials = async () => {
   try {
-    const { getAllReferences } = await import('../db/index.js')
+    const { getAllReferences } = await import('../../db/index.js')
     materials.value = await getAllReferences()
   } catch (error) {
     console.error('加载素材失败:', error)
@@ -442,7 +442,7 @@ const saveMaterial = async () => {
   }
   
   try {
-    const { addReference, updateReference } = await import('../db/index.js')
+    const { addReference, updateReference } = await import('../../db/index.js')
     
     const materialData = {
       type: editForm.type,
@@ -483,7 +483,7 @@ const deleteMaterial = async () => {
   if (!selectedId.value) return
   
   try {
-    const { deleteReference } = await import('../db/index.js')
+    const { deleteReference } = await import('../../db/index.js')
     await deleteReference(selectedId.value)
     selectedId.value = null
     showDeleteConfirm.value = false
diff --git a/src/components/MimicWriterPanel.vue b/src/components/panels/MimicWriterPanel.vue
similarity index 98%
rename from src/components/MimicWriterPanel.vue
rename to src/components/panels/MimicWriterPanel.vue
index 9fdd6d8..c4fce24 100644
--- a/src/components/MimicWriterPanel.vue
+++ b/src/components/panels/MimicWriterPanel.vue
@@ -190,9 +190,9 @@
 <script setup>
 import { ref, computed } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useAppStore } from '../stores/app'
-import IconLibrary from './icons/IconLibrary.vue'
-import DocumentSelectorModal from './DocumentSelectorModal.vue'
+import { useAppStore } from '../../stores/app'
+import IconLibrary from '../icons/IconLibrary.vue'
+import DocumentSelectorModal from '../modals/DocumentSelectorModal.vue'
 import { marked } from 'marked'
 
 const appStore = useAppStore()
diff --git a/src/components/OutlineWriterPanel.vue b/src/components/panels/OutlineWriterPanel.vue
similarity index 99%
rename from src/components/OutlineWriterPanel.vue
rename to src/components/panels/OutlineWriterPanel.vue
index a9b0425..59e9d5e 100644
--- a/src/components/OutlineWriterPanel.vue
+++ b/src/components/panels/OutlineWriterPanel.vue
@@ -229,8 +229,8 @@
 <script setup>
 import { ref, computed } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useAppStore } from '../stores/app'
-import IconLibrary from './icons/IconLibrary.vue'
+import { useAppStore } from '../../stores/app'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const appStore = useAppStore()
 const { outlineWriterState } = storeToRefs(appStore)
@@ -306,7 +306,7 @@ import {
   addOutlineMaterial, 
   updateOutlineMaterial, 
   deleteOutlineMaterial 
-} from '../db/index.js'
+} from '../../db/index.js'
 
 const materials = computed(() => outlineWriterState.value.materials)
 const showMaterialModal = computed({
diff --git a/src/components/ParadigmWriterPanel.vue b/src/components/panels/ParadigmWriterPanel.vue
similarity index 98%
rename from src/components/ParadigmWriterPanel.vue
rename to src/components/panels/ParadigmWriterPanel.vue
index 54b9710..cbc7002 100644
--- a/src/components/ParadigmWriterPanel.vue
+++ b/src/components/panels/ParadigmWriterPanel.vue
@@ -183,10 +183,10 @@
 <script setup>
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useAppStore } from '../stores/app'
-import { useParadigmStore } from '../stores/paradigm.js'
-import IconLibrary from './icons/IconLibrary.vue'
-import { getParadigmList } from '../config/paradigms.js'
+import { useAppStore } from '../../stores/app'
+import { useParadigmStore } from '../../stores/paradigm.js'
+import IconLibrary from '../icons/IconLibrary.vue'
+import { getParadigmList } from '../../config/paradigms.js'
 import { marked } from 'marked'
 import { Document, Packer, Paragraph, TextRun, HeadingLevel } from 'docx'
 import { saveAs } from 'file-saver'
diff --git a/src/components/SettingsPanel.vue b/src/components/panels/SettingsPanel.vue
similarity index 97%
rename from src/components/SettingsPanel.vue
rename to src/components/panels/SettingsPanel.vue
index aa4822b..7fb6e57 100644
--- a/src/components/SettingsPanel.vue
+++ b/src/components/panels/SettingsPanel.vue
@@ -211,9 +211,9 @@
 <script setup>
 import { ref, reactive, onMounted, computed } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useAppStore } from '../stores/app'
-import { modelProviders } from '../utils/config.js'
-import IconLibrary from './icons/IconLibrary.vue'
+import { useAppStore } from '../../stores/app'
+import { modelProviders } from '../../utils/config.js'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const appStore = useAppStore()
 const { selectedProviderId, currentProvider } = storeToRefs(appStore)
@@ -250,7 +250,7 @@ const currentProviderStatus = computed(() => {
 // 加载统计数据
 const loadStats = async () => {
   try {
-    const { getAllDocuments, getAllReferences, getAllParadigms, exportDatabase } = await import('../db/index.js')
+    const { getAllDocuments, getAllReferences, getAllParadigms, exportDatabase } = await import('../../db/index.js')
     
     stats.documents = (await getAllDocuments()).length
     stats.materials = (await getAllReferences()).length
@@ -273,7 +273,7 @@ const formatSize = (bytes) => {
 // 导出数据
 const exportData = async () => {
   try {
-    const { exportAsJSON } = await import('../db/index.js')
+    const { exportAsJSON } = await import('../../db/index.js')
     const data = await exportAsJSON()
     
     const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' })
@@ -363,11 +363,11 @@ const executeConfirmAction = async () => {
   
   try {
     if (confirmAction.value === 'clearDocuments') {
-      const { clearDocuments } = await import('../db/index.js')
+      const { clearDocuments } = await import('../../db/index.js')
       await clearDocuments()
       showToastMessage('文稿已清空')
     } else if (confirmAction.value === 'resetDatabase') {
-      const { resetDatabase } = await import('../db/index.js')
+      const { resetDatabase } = await import('../../db/index.js')
       await resetDatabase()
       showToastMessage('数据库已重置')
     }
diff --git a/src/components/WriterPanel.vue b/src/components/panels/WriterPanel.vue
similarity index 99%
rename from src/components/WriterPanel.vue
rename to src/components/panels/WriterPanel.vue
index c9e165d..d88edef 100644
--- a/src/components/WriterPanel.vue
+++ b/src/components/panels/WriterPanel.vue
@@ -195,8 +195,8 @@
 <script setup>
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useAppStore } from '../stores/app'
-import IconLibrary from './icons/IconLibrary.vue'
+import { useAppStore } from '../../stores/app'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const appStore = useAppStore()
 const {
diff --git a/src/components/DocumentVersionPanel.vue b/src/components/results/DocumentVersionPanel.vue
similarity index 98%
rename from src/components/DocumentVersionPanel.vue
rename to src/components/results/DocumentVersionPanel.vue
index 299656b..b4547e9 100644
--- a/src/components/DocumentVersionPanel.vue
+++ b/src/components/results/DocumentVersionPanel.vue
@@ -170,9 +170,9 @@
 
 <script setup>
 import { ref, watch, computed, defineProps, defineEmits } from 'vue'
-import { getDocumentVersions, saveDocumentVersion, updateDocument } from '../db/index.js'
-import { computeDiff, getDiffStats } from '../utils/textDiff.js'
-import IconLibrary from './icons/IconLibrary.vue'
+import { getDocumentVersions, saveDocumentVersion, updateDocument } from '../../db/index.js'
+import { computeDiff, getDiffStats } from '../../utils/textDiff.js'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const props = defineProps({
   visible: Boolean,
diff --git a/src/components/FusionResultPanel.vue b/src/components/results/FusionResultPanel.vue
similarity index 99%
rename from src/components/FusionResultPanel.vue
rename to src/components/results/FusionResultPanel.vue
index ed6a9d1..c450a55 100644
--- a/src/components/FusionResultPanel.vue
+++ b/src/components/results/FusionResultPanel.vue
@@ -142,9 +142,9 @@
 <script setup>
 import { ref, computed } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useAppStore } from '../stores/app'
+import { useAppStore } from '../../stores/app'
 import { marked } from 'marked'
-import IconLibrary from './icons/IconLibrary.vue'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const appStore = useAppStore()
 const { articleFusionState } = storeToRefs(appStore)
diff --git a/src/components/OutlineResultPanel.vue b/src/components/results/OutlineResultPanel.vue
similarity index 98%
rename from src/components/OutlineResultPanel.vue
rename to src/components/results/OutlineResultPanel.vue
index 9851d55..45b3ac7 100644
--- a/src/components/OutlineResultPanel.vue
+++ b/src/components/results/OutlineResultPanel.vue
@@ -53,9 +53,9 @@
 <script setup>
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useAppStore } from '../stores/app'
+import { useAppStore } from '../../stores/app'
 import { marked } from 'marked'
-import IconLibrary from './icons/IconLibrary.vue'
+import IconLibrary from '../icons/IconLibrary.vue'
 
 const appStore = useAppStore()
 const { outlineWriterState } = storeToRefs(appStore)
diff --git a/src/components/RequirementParserPanel.vue b/src/components/specialized/RequirementParserPanel.vue
similarity index 98%
rename from src/components/RequirementParserPanel.vue
rename to src/components/specialized/RequirementParserPanel.vue
index 6b9df3c..4e8c807 100644
--- a/src/components/RequirementParserPanel.vue
+++ b/src/components/specialized/RequirementParserPanel.vue
@@ -276,16 +276,16 @@
 <script setup>
 import { ref } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useAppStore } from '../stores/app'
-import { useParadigmStore } from '../stores/paradigm'
-import DeepSeekAPI from '../api/deepseek'
-import IconLibrary from './icons/IconLibrary.vue'
+import { useAppStore } from '../../stores/app'
+import { useParadigmStore } from '../../stores/paradigm'
+import DeepSeekAPI from '../../api/deepseek'
+import IconLibrary from '../icons/IconLibrary.vue'
 import {
   buildRequirementParserPrompt,
   parseParadigmConfig,
   buildParadigmObject,
   validateParadigm
-} from '../utils/requirementParser'
+} from '../../utils/requirementParser'
 
 const emit = defineEmits(['close', 'paradigm-created'])