From 803cccfbd15c15b64ae97a48a989fa8589b1cc89 Mon Sep 17 00:00:00 2001
From: Saberlve <saberlve9@gmail.com>
Date: Wed, 15 Apr 2026 15:43:28 +0800
Subject: [PATCH] feat(import-window): replace modal HTML with window frame
 structure

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/zotero_kb/templates/index.html | 68 ++++++++++++++++--------------
 1 file changed, 37 insertions(+), 31 deletions(-)

diff --git a/src/zotero_kb/templates/index.html b/src/zotero_kb/templates/index.html
index 398ce3b..ce183b1 100644
--- a/src/zotero_kb/templates/index.html
+++ b/src/zotero_kb/templates/index.html
@@ -298,38 +298,44 @@
           <button id="open-import-modal-button" type="button">导入文献</button>
         </div>
 
-        <div id="import-modal" class="modal-shell" hidden aria-hidden="true">
-          <button id="import-modal-overlay" class="modal-overlay" type="button" aria-label="关闭导入弹窗"></button>
-          <section class="modal-card" role="dialog" aria-modal="true" aria-labelledby="import-modal-title">
-            <header class="modal-header">
-              <div>
-                <h3 id="import-modal-title">Import From Zotero</h3>
-                <p id="import-modal-project-label" class="meta">未选择项目</p>
-              </div>
-              <div class="modal-header-actions">
-                <div id="modal-selected-count" class="meta">已选 0 篇</div>
-                <button id="close-import-modal-button" type="button" class="secondary">关闭</button>
-              </div>
-            </header>
-            <div id="collection-status" class="status"></div>
-            <div class="modal-body">
-              <div class="modal-pane">
-                <small>Collections</small>
-                <div id="modal-collection-tree" class="modal-scroll tree-list"></div>
-              </div>
-              <div class="modal-pane">
-                <small>Collection Items</small>
-                <div id="modal-collection-items" class="modal-scroll collection-items-list"></div>
-              </div>
-            </div>
-            <footer class="modal-action-bar">
-              <button id="modal-select-descendants-button" type="button" class="secondary">全选当前目录及子目录</button>
-              <button id="modal-clear-selection-button" type="button" class="danger">清空选择</button>
-              <button id="modal-import-selected-items-button" type="button">导入所选到当前项目</button>
-            </footer>
-            <div id="item-preview-popover" class="preview-popover" hidden></div>
-          </section>
+        <div id="import-window-shell" class="window-shell" hidden aria-hidden="true">
+  <section id="import-window" class="window-frame" role="dialog" aria-modal="true" aria-labelledby="import-window-title">
+    <div class="window-toolbar" id="import-window-toolbar">
+      <div style="display:flex;align-items:center;gap:0.6rem">
+        <span style="font-size:1.2rem;line-height:1">☰</span>
+        <div>
+          <h3 id="import-window-title">Import From Zotero</h3>
+          <p id="import-window-project-label" class="meta">未选择项目</p>
         </div>
+      </div>
+      <div class="window-toolbar-actions">
+        <div id="window-selected-count" class="meta">已选 0 篇</div>
+        <button id="window-clear-selection-button" type="button" class="danger">清空选择</button>
+        <button id="window-import-selected-items-button" type="button">导入所选</button>
+        <button id="window-minimize-button" type="button" class="secondary" title="最小化" style="width:auto;padding:0.55rem 0.75rem">_</button>
+        <button id="window-maximize-button" type="button" class="secondary" title="最大化" style="width:auto;padding:0.55rem 0.75rem">□</button>
+        <button id="window-close-button" type="button" class="secondary" title="关闭" style="width:auto;padding:0.55rem 0.75rem">×</button>
+      </div>
+    </div>
+    <div class="window-body">
+      <div class="window-pane collections">
+        <small>Collections</small>
+        <div id="window-collection-status" class="status"></div>
+        <div id="window-collection-tree" class="window-scroll tree-list"></div>
+      </div>
+      <div class="window-pane items">
+        <small>Collection Items</small>
+        <div id="window-collection-items" class="window-scroll collection-items-list"></div>
+      </div>
+    </div>
+    <div id="item-preview-popover" class="preview-popover" hidden></div>
+  </section>
+</div>
+
+<div id="import-window-minimized-bar" class="window-minimized-bar" hidden>
+  <span style="flex:1;text-align:left">导入文献</span>
+  <button id="window-restore-button" type="button" class="secondary" style="width:auto;padding:0.3rem 0.5rem;font-size:0.8rem">□</button>
+</div>
       </section>
 
       <section class="panel">