diff --git a/src/main/ipc/knowledgeHandlers.ts b/src/main/ipc/knowledgeHandlers.ts
index 4bb3c51..088a171 100644
--- a/src/main/ipc/knowledgeHandlers.ts
+++ b/src/main/ipc/knowledgeHandlers.ts
@@ -41,13 +41,13 @@ export function registerKnowledgeHandlers(knowledgeService: KnowledgeService) {
       })
 
       try {
-        const documentId = await knowledgeService.addDocument(
+        const documentId = knowledgeService.enqueueContentDocument(
           params.notebookId,
           params.options,
-          (stage, progress) => {
-            // 发送进度更新
-            event.sender.send('knowledge:index-progress', {
+          (id, stage, progress) => {
+            broadcastIndexProgress({
               notebookId: params.notebookId,
+              documentId: id,
               stage,
               progress
             })
@@ -101,12 +101,13 @@ export function registerKnowledgeHandlers(knowledgeService: KnowledgeService) {
         Logger.debug('KnowledgeHandlers', 'add-document-from-url:', params)
 
         try {
-          const documentId = await knowledgeService.addDocumentFromUrl(
+          const documentId = knowledgeService.enqueueDocumentFromUrl(
             params.notebookId,
             params.url,
-            (stage, progress) => {
-              event.sender.send('knowledge:index-progress', {
+            (id, stage, progress) => {
+              broadcastIndexProgress({
                 notebookId: params.notebookId,
+                documentId: id,
                 stage,
                 progress
               })
@@ -129,12 +130,13 @@ export function registerKnowledgeHandlers(knowledgeService: KnowledgeService) {
       Logger.debug('KnowledgeHandlers', 'add-note:', params)
 
       try {
-        const documentId = await knowledgeService.addNoteToKnowledge(
+        const documentId = knowledgeService.enqueueNoteDocument(
           params.notebookId,
           params.noteId,
-          (stage, progress) => {
-            event.sender.send('knowledge:index-progress', {
+          (id, stage, progress) => {
+            broadcastIndexProgress({
               notebookId: params.notebookId,
+              documentId: id,
               stage,
               progress
             })
@@ -276,11 +278,7 @@ export function registerKnowledgeHandlers(knowledgeService: KnowledgeService) {
 
       try {
         await knowledgeService.reindexDocument(params.documentId, (stage, progress) => {
-          event.sender.send('knowledge:index-progress', {
-            documentId: params.documentId,
-            stage,
-            progress
-          })
+          broadcastIndexProgress({ documentId: params.documentId, stage, progress })
         })
         return { success: true }
       } catch (error) {
@@ -299,11 +297,7 @@ export function registerKnowledgeHandlers(knowledgeService: KnowledgeService) {
 
       try {
         await knowledgeService.retryDocument(params.documentId, (stage, progress) => {
-          event.sender.send('knowledge:index-progress', {
-            documentId: params.documentId,
-            stage,
-            progress
-          })
+          broadcastIndexProgress({ documentId: params.documentId, stage, progress })
         })
         return { success: true }
       } catch (error) {
@@ -365,8 +359,8 @@ export function registerKnowledgeHandlers(knowledgeService: KnowledgeService) {
         const result = await knowledgeService.addFolder(
           params.notebookId,
           params.folderPath,
-          (stage, progress) => {
-            broadcastIndexProgress({ notebookId: params.notebookId, stage, progress })
+          (documentId, stage, progress) => {
+            broadcastIndexProgress({ notebookId: params.notebookId, documentId, stage, progress })
           }
         )
 
@@ -416,8 +410,8 @@ export function registerKnowledgeHandlers(knowledgeService: KnowledgeService) {
         const result = knowledgeService.enqueueDocumentsFromPaths(
           params.notebookId,
           params.paths,
-          (stage, progress) => {
-            broadcastIndexProgress({ notebookId: params.notebookId, stage, progress })
+          (documentId, stage, progress) => {
+            broadcastIndexProgress({ notebookId: params.notebookId, documentId, stage, progress })
           }
         )
         return { success: true, ...result }
diff --git a/src/main/services/KnowledgeService.ts b/src/main/services/KnowledgeService.ts
index f628b07..9165e2b 100644
--- a/src/main/services/KnowledgeService.ts
+++ b/src/main/services/KnowledgeService.ts
@@ -126,6 +126,18 @@ export interface SearchResult {
  */
 export type IndexProgressCallback = (stage: string, progress: number) => void
 
+/**
+ * 后台导入的进度回调（#176）。
+ *
+ * 带 `documentId`：一份 source 的进度要能落在它自己的那一行上，而不是只能让整个
+ * notebook 共用一个布尔值。
+ */
+export type DocumentIndexProgressCallback = (
+  documentId: string,
+  stage: string,
+  progress: number
+) => void
+
 /** 批量导入里被跳过的文件（#98）：已经在同一个 notebook 里。 */
 export interface BatchImportSkip {
   path: string
@@ -350,7 +362,7 @@ export class KnowledgeService {
   enqueueDocumentsFromPaths(
     notebookId: string,
     paths: readonly string[],
-    onProgress?: IndexProgressCallback
+    onProgress?: DocumentIndexProgressCallback
   ): BatchImportResult {
     const db = getDatabase()
     const existing = new Set(
@@ -379,7 +391,7 @@ export class KnowledgeService {
         added.push(documentId)
         this.ingestionQueue.enqueue({
           documentId,
-          onProgress,
+          onProgress: (stage, progress) => onProgress?.(documentId, stage, progress),
           run: async (jobProgress) => {
             try {
               await this.ingestPendingDocument(documentId, filePath, jobProgress)
@@ -466,7 +478,7 @@ export class KnowledgeService {
   async addFolder(
     notebookId: string,
     folderPath: string,
-    onProgress?: IndexProgressCallback
+    onProgress?: DocumentIndexProgressCallback
   ): Promise<BatchImportResult> {
     const scanned = await scanFolder(folderPath, this.fileParserService.supportedExtensions())
     return this.enqueueDocumentsFromPaths(
@@ -920,6 +932,159 @@ export class KnowledgeService {
     )
   }
 
+  /**
+   * 统一后台导入（#176）：登记 `pending` 行，解析 / 分块 / 嵌入在队列里继续。
+   *
+   * 内容已经可用的来源（粘贴文本 / 笔记）走这里；URL 要先抓取，见
+   * `enqueueDocumentFromUrl`。返回时列表里已经有这一行，Dialog 不必再等索引结束。
+   */
+  enqueueContentDocument(
+    notebookId: string,
+    options: AddDocumentOptions,
+    onProgress?: DocumentIndexProgressCallback
+  ): string {
+    const db = getDatabase()
+    const documentId = `doc_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`
+    const now = new Date()
+    const contentHash = createHash('md5').update(options.content).digest('hex')
+
+    const newDoc: NewDocument = {
+      id: documentId,
+      notebookId,
+      title: options.title,
+      type: options.type,
+      sourceUri: options.sourceUri,
+      sourceNoteId: options.sourceNoteId,
+      content: options.content,
+      contentHash,
+      mimeType: options.mimeType,
+      fileSize: options.fileSize,
+      metadata: options.metadata,
+      status: 'pending',
+      chunkCount: 0,
+      createdAt: now,
+      updatedAt: now
+    }
+    db.insert(documents).values(newDoc).run()
+
+    this.ingestionQueue.enqueue({
+      documentId,
+      onProgress: (stage, progress) => onProgress?.(documentId, stage, progress),
+      run: async (jobProgress) => {
+        const runId = startRun(documentId, 'import')
+        try {
+          await this.indexDocument(
+            documentId,
+            runId,
+            options.content,
+            undefined,
+            { chunkOptions: options.chunkOptions },
+            jobProgress
+          )
+          completeRun(runId)
+        } catch (error) {
+          failRun(runId, (error as Error).message)
+          jobProgress('failed', 100)
+          throw error
+        }
+      }
+    })
+
+    return documentId
+  }
+
+  /**
+   * 从 Note 后台导入。空笔记在登记前就拒绝 —— 那不是延迟反馈，是输入本身不合法。
+   */
+  enqueueNoteDocument(
+    notebookId: string,
+    noteId: string,
+    onProgress?: DocumentIndexProgressCallback
+  ): string {
+    const note = getDatabase().select().from(notes).where(eq(notes.id, noteId)).get()
+    if (!note) throw new Error(`Note ${noteId} not found`)
+
+    if (note.content.trim().length === 0) {
+      throw new Error('Note content is empty. Cannot add empty note to knowledge base.')
+    }
+
+    return this.enqueueContentDocument(
+      notebookId,
+      {
+        title: note.title,
+        type: 'note',
+        content: note.content,
+        sourceNoteId: noteId
+      },
+      onProgress
+    )
+  }
+
+  /**
+   * 从 URL 后台导入：先登记 `pending` 行，抓取 / 解析 / 嵌入都在队列里。
+   *
+   * URL 校验（协议、可解析）应在调用前完成；这里只负责登记与后台处理。
+   */
+  enqueueDocumentFromUrl(
+    notebookId: string,
+    url: string,
+    onProgress?: DocumentIndexProgressCallback
+  ): string {
+    const db = getDatabase()
+    const documentId = `doc_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`
+    const now = new Date()
+
+    const newDoc: NewDocument = {
+      id: documentId,
+      notebookId,
+      title: url,
+      type: 'url',
+      sourceUri: url,
+      status: 'pending',
+      chunkCount: 0,
+      createdAt: now,
+      updatedAt: now
+    }
+    db.insert(documents).values(newDoc).run()
+
+    this.ingestionQueue.enqueue({
+      documentId,
+      onProgress: (stage, progress) => onProgress?.(documentId, stage, progress),
+      run: async (jobProgress) => {
+        const runId = startRun(documentId, 'import')
+        try {
+          jobProgress('fetching_url', 0)
+          const fetchResult = await this.webFetchService.fetchUrl(url)
+          const content = fetchResult.content
+
+          db.update(documents)
+            .set({
+              title: fetchResult.title || url,
+              content,
+              contentHash: createHash('md5').update(content).digest('hex'),
+              mimeType: fetchResult.mimeType,
+              metadata: {
+                ...fetchResult.metadata,
+                description: fetchResult.description
+              },
+              updatedAt: new Date()
+            })
+            .where(eq(documents.id, documentId))
+            .run()
+
+          await this.indexDocument(documentId, runId, content, undefined, {}, jobProgress)
+          completeRun(runId)
+        } catch (error) {
+          failRun(runId, (error as Error).message)
+          jobProgress('failed', 100)
+          throw error
+        }
+      }
+    })
+
+    return documentId
+  }
+
   /**
    * 索引前把 chunk 转成向量。
    *
diff --git a/src/renderer/src/components/common/ConfirmActionDialog.tsx b/src/renderer/src/components/common/ConfirmActionDialog.tsx
new file mode 100644
index 0000000..9b3bece
--- /dev/null
+++ b/src/renderer/src/components/common/ConfirmActionDialog.tsx
@@ -0,0 +1,99 @@
+import { ReactElement, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Loader2 } from 'lucide-react'
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle
+} from '../ui/alert-dialog'
+
+/**
+ * One confirmation dialog for every destructive or discard action.
+ *
+ * This used to be four near-copies (`ConfirmDialog`, `DeleteConfirmDialog`,
+ * `DeleteNoteConfirmDialog`, `UnsavedChangesDialog`) split across two primitives:
+ * the generic one rendered a normal `Dialog` while the notebook delete used
+ * `AlertDialog`, so the same "are you sure?" question looked and behaved
+ * differently depending on what was being deleted. Destructive confirmations are
+ * always `AlertDialog` — it is the primitive that owns the role, the focus trap,
+ * and the escape/overlay contract for an interrupting question.
+ */
+export interface ConfirmActionDialogProps {
+  isOpen: boolean
+  onClose: () => void
+  onConfirm: () => void | Promise<void>
+  title: string
+  description?: string
+  confirmLabel?: string
+  cancelLabel?: string
+  confirmVariant?: 'default' | 'destructive'
+  /** Caller-owned busy state; the dialog also tracks an async `onConfirm` itself. */
+  isPending?: boolean
+}
+
+export default function ConfirmActionDialog({
+  isOpen,
+  onClose,
+  onConfirm,
+  title,
+  description,
+  confirmLabel,
+  cancelLabel,
+  confirmVariant = 'destructive',
+  isPending
+}: ConfirmActionDialogProps): ReactElement {
+  const { t } = useTranslation('common')
+  const [internalPending, setInternalPending] = useState(false)
+  const pending = Boolean(isPending) || internalPending
+
+  const handleConfirm = async (event: React.MouseEvent): Promise<void> => {
+    // Keep the dialog mounted until the work finishes, so a slow delete cannot be
+    // submitted twice and the reader keeps seeing that something is happening.
+    event.preventDefault()
+    if (pending) return
+
+    setInternalPending(true)
+    try {
+      await onConfirm()
+    } finally {
+      setInternalPending(false)
+      onClose()
+    }
+  }
+
+  return (
+    <AlertDialog
+      open={isOpen}
+      onOpenChange={(open) => {
+        if (!open && !pending) onClose()
+      }}
+    >
+      <AlertDialogContent>
+        <AlertDialogHeader>
+          <AlertDialogTitle>{title}</AlertDialogTitle>
+          {description ? <AlertDialogDescription>{description}</AlertDialogDescription> : null}
+        </AlertDialogHeader>
+        <AlertDialogFooter>
+          <AlertDialogCancel disabled={pending}>{cancelLabel ?? t('cancel')}</AlertDialogCancel>
+          <AlertDialogAction
+            onClick={handleConfirm}
+            disabled={pending}
+            className={
+              confirmVariant === 'destructive'
+                ? 'bg-destructive text-destructive-foreground hover:bg-destructive/90'
+                : undefined
+            }
+          >
+            {pending && <Loader2 className="w-4 h-4 animate-spin" />}
+            {confirmLabel ?? t('confirm')}
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  )
+}
diff --git a/src/renderer/src/components/common/ConfirmDialog.tsx b/src/renderer/src/components/common/ConfirmDialog.tsx
deleted file mode 100644
index 08982c2..0000000
--- a/src/renderer/src/components/common/ConfirmDialog.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import { ReactElement } from 'react'
-import { useTranslation } from 'react-i18next'
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle
-} from '../ui/dialog'
-import { Button } from '../ui/button'
-
-interface ConfirmDialogProps {
-  isOpen: boolean
-  onClose: () => void
-  onConfirm: () => void
-  title: string
-  message: string
-}
-
-export default function ConfirmDialog({
-  isOpen,
-  onClose,
-  onConfirm,
-  title,
-  message
-}: ConfirmDialogProps): ReactElement {
-  const { t } = useTranslation('common')
-
-  const handleConfirm = (): void => {
-    onConfirm()
-    onClose()
-  }
-
-  return (
-    <Dialog open={isOpen} onOpenChange={onClose}>
-      <DialogContent className="sm:max-w-md">
-        <DialogHeader>
-          <DialogTitle>{title}</DialogTitle>
-          <DialogDescription>{message}</DialogDescription>
-        </DialogHeader>
-
-        <DialogFooter>
-          <Button type="button" variant="outline" onClick={onClose}>
-            {t('cancel')}
-          </Button>
-          <Button type="button" variant="destructive" onClick={handleConfirm}>
-            {t('delete')}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  )
-}
diff --git a/src/renderer/src/components/common/DeleteConfirmDialog.tsx b/src/renderer/src/components/common/DeleteConfirmDialog.tsx
deleted file mode 100644
index 7946d2b..0000000
--- a/src/renderer/src/components/common/DeleteConfirmDialog.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import { ReactElement } from 'react'
-import { useTranslation } from 'react-i18next'
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle
-} from '../ui/alert-dialog'
-
-interface DeleteConfirmDialogProps {
-  isOpen: boolean
-  notebookTitle: string
-  onClose: () => void
-  onConfirm: () => void
-}
-
-export default function DeleteConfirmDialog({
-  isOpen,
-  notebookTitle,
-  onClose,
-  onConfirm
-}: DeleteConfirmDialogProps): ReactElement {
-  const { t } = useTranslation(['common', 'notebook'])
-
-  return (
-    <AlertDialog open={isOpen} onOpenChange={(open) => !open && onClose()}>
-      <AlertDialogContent>
-        <AlertDialogHeader>
-          <AlertDialogTitle className="text-foreground">
-            {t('notebook:deleteNotebook')}
-          </AlertDialogTitle>
-          <AlertDialogDescription>
-            {t('notebook:deleteConfirm', { name: notebookTitle })}
-          </AlertDialogDescription>
-        </AlertDialogHeader>
-        <AlertDialogFooter>
-          <AlertDialogCancel onClick={onClose} className="text-foreground">
-            {t('common:cancel')}
-          </AlertDialogCancel>
-          <AlertDialogAction
-            onClick={onConfirm}
-            className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
-          >
-            {t('common:delete')}
-          </AlertDialogAction>
-        </AlertDialogFooter>
-      </AlertDialogContent>
-    </AlertDialog>
-  )
-}
diff --git a/src/renderer/src/components/common/DeleteNoteConfirmDialog.tsx b/src/renderer/src/components/common/DeleteNoteConfirmDialog.tsx
deleted file mode 100644
index 55dadb2..0000000
--- a/src/renderer/src/components/common/DeleteNoteConfirmDialog.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import { ReactElement } from 'react'
-import { useTranslation } from 'react-i18next'
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle
-} from '../ui/alert-dialog'
-
-interface DeleteNoteConfirmDialogProps {
-  isOpen: boolean
-  onClose: () => void
-  onConfirm: () => void
-}
-
-export default function DeleteNoteConfirmDialog({
-  isOpen,
-  onClose,
-  onConfirm
-}: DeleteNoteConfirmDialogProps): ReactElement {
-  const { t } = useTranslation(['common', 'notebook'])
-
-  const handleConfirm = (): void => {
-    onConfirm()
-    onClose()
-  }
-
-  return (
-    <AlertDialog open={isOpen} onOpenChange={(open) => !open && onClose()}>
-      <AlertDialogContent>
-        <AlertDialogHeader>
-          <AlertDialogTitle>{t('notebook:deleteNote')}</AlertDialogTitle>
-          <AlertDialogDescription>{t('notebook:deleteNoteWarning')}</AlertDialogDescription>
-        </AlertDialogHeader>
-        <AlertDialogFooter>
-          <AlertDialogCancel onClick={onClose}>{t('common:cancel')}</AlertDialogCancel>
-          <AlertDialogAction
-            onClick={handleConfirm}
-            className="bg-destructive hover:bg-destructive/90"
-          >
-            {t('common:delete')}
-          </AlertDialogAction>
-        </AlertDialogFooter>
-      </AlertDialogContent>
-    </AlertDialog>
-  )
-}
diff --git a/src/renderer/src/components/common/UnsavedChangesDialog.tsx b/src/renderer/src/components/common/UnsavedChangesDialog.tsx
deleted file mode 100644
index 97a4992..0000000
--- a/src/renderer/src/components/common/UnsavedChangesDialog.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { ReactElement } from 'react'
-import { useTranslation } from 'react-i18next'
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle
-} from '../ui/dialog'
-import { Button } from '../ui/button'
-
-interface UnsavedChangesDialogProps {
-  isOpen: boolean
-  onClose: () => void
-  onConfirm: () => void
-}
-
-export default function UnsavedChangesDialog({
-  isOpen,
-  onClose,
-  onConfirm
-}: UnsavedChangesDialogProps): ReactElement {
-  const { t } = useTranslation(['common', 'notebook'])
-
-  const handleConfirm = (): void => {
-    onConfirm()
-    onClose()
-  }
-
-  return (
-    <Dialog open={isOpen} onOpenChange={onClose}>
-      <DialogContent className="sm:max-w-md">
-        <DialogHeader>
-          <DialogTitle>{t('notebook:unsavedChangesTitle')}</DialogTitle>
-          <DialogDescription>{t('notebook:unsavedChangesWarning')}</DialogDescription>
-        </DialogHeader>
-
-        <DialogFooter>
-          <Button type="button" variant="outline" onClick={onClose}>
-            {t('common:cancel')}
-          </Button>
-          <Button type="button" variant="destructive" onClick={handleConfirm}>
-            {t('notebook:leave')}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  )
-}
diff --git a/src/renderer/src/components/notebook/NotePanel.tsx b/src/renderer/src/components/notebook/NotePanel.tsx
index 65e35f5..6c285ef 100644
--- a/src/renderer/src/components/notebook/NotePanel.tsx
+++ b/src/renderer/src/components/notebook/NotePanel.tsx
@@ -14,8 +14,7 @@ import { ScrollArea } from '../ui/scroll-area'
 import { Button } from '../ui/button'
 import { Input } from '../ui/input'
 import { PanelHeader } from '../ui/panel-header'
-import UnsavedChangesDialog from '../common/UnsavedChangesDialog'
-import DeleteNoteConfirmDialog from '../common/DeleteNoteConfirmDialog'
+import ConfirmActionDialog from '../common/ConfirmActionDialog'
 import type { Note } from '../../../../shared/types'
 
 // 编辑器面板子组件 - 管理编辑状态
@@ -426,17 +425,24 @@ export default function NotePanel(): ReactElement {
       )}
 
       {/* 未保存修改确认对话框 */}
-      <UnsavedChangesDialog
+      <ConfirmActionDialog
         isOpen={showUnsavedDialog}
         onClose={() => setShowUnsavedDialog(false)}
         onConfirm={confirmLeave}
+        title={t('unsavedChangesTitle')}
+        description={t('unsavedChangesWarning')}
+        confirmLabel={t('leave')}
+        confirmVariant="default"
       />
 
       {/* 删除笔记确认对话框 */}
-      <DeleteNoteConfirmDialog
+      <ConfirmActionDialog
         isOpen={showDeleteDialog}
         onClose={() => setShowDeleteDialog(false)}
         onConfirm={confirmDelete}
+        title={t('deleteNote')}
+        description={t('deleteNoteWarning')}
+        confirmLabel={t('common:delete')}
       />
 
       {/* 答题启动对话框 */}
diff --git a/src/renderer/src/components/notebook/NotebookLayout.tsx b/src/renderer/src/components/notebook/NotebookLayout.tsx
index df53a63..df84582 100644
--- a/src/renderer/src/components/notebook/NotebookLayout.tsx
+++ b/src/renderer/src/components/notebook/NotebookLayout.tsx
@@ -11,10 +11,11 @@ import { useNotebookStore } from '../../store/notebookStore'
 import { useChatStore } from '../../store/chatStore'
 import { useUIStore } from '../../store/uiStore'
 import { setupQuizListeners } from '../../store/quizStore'
-import UnsavedChangesDialog from '../common/UnsavedChangesDialog'
+import ConfirmActionDialog from '../common/ConfirmActionDialog'
 
 export default function NotebookLayout(): ReactElement {
   const { t } = useTranslation('ui')
+  const { t: tNotebook } = useTranslation('notebook')
   const navigate = useNavigate()
   const { id } = useParams()
   const { notebooks, addNotebook, addOpenedNotebook, setCurrentNotebook, removeOpenedNotebook } =
@@ -109,10 +110,14 @@ export default function NotebookLayout(): ReactElement {
         rightPanel={<NotePanel />}
       />
 
-      <UnsavedChangesDialog
+      <ConfirmActionDialog
         isOpen={isDiscardPromptOpen}
         onClose={handleDiscardClose}
         onConfirm={handleDiscardConfirm}
+        title={tNotebook('unsavedChangesTitle')}
+        description={tNotebook('unsavedChangesWarning')}
+        confirmLabel={tNotebook('leave')}
+        confirmVariant="default"
       />
 
       {/* Global search (#96): Ctrl/Cmd+K from anywhere in the notebook. */}
diff --git a/src/renderer/src/components/notebook/ProcessPanel.tsx b/src/renderer/src/components/notebook/ProcessPanel.tsx
index 0b09646..45e7058 100644
--- a/src/renderer/src/components/notebook/ProcessPanel.tsx
+++ b/src/renderer/src/components/notebook/ProcessPanel.tsx
@@ -285,12 +285,15 @@ function ProcessPanel({
         />
       </div>
 
-      {/* 底部渐变遮罩 - 独立于消息区域，避免堆叠上下文问题 */}
+      {/* 底部渐变遮罩 - 独立于消息区域，避免堆叠上下文问题。
+          `right-2` 让出右侧 8px：Radix 的滚动条正好占这条轨道（`w-2`），
+          全宽的遮罩会把它的下半段盖住。内容本身有 `px-4` 内边距，这 8px 里没有
+          正文，所以让开它不会让任何一行失去淡出。 */}
       <div
         // Height tracks the measured composer reserve (the CSS variable written
         // above), so the fade covers exactly the space the composer floats over
         // and never dims the last line of an answer.
-        className="absolute bottom-0 left-0 right-0 pointer-events-none rounded-b-lg z-10"
+        className="absolute bottom-0 left-0 right-2 pointer-events-none rounded-b-lg z-10"
         style={{
           height: COMPOSER_RESERVE,
           // A scroll fade, not decoration: it keeps the transcript readable as it
diff --git a/src/renderer/src/components/notebook/SourcePanel.tsx b/src/renderer/src/components/notebook/SourcePanel.tsx
index f5dc522..15a6c2e 100644
--- a/src/renderer/src/components/notebook/SourcePanel.tsx
+++ b/src/renderer/src/components/notebook/SourcePanel.tsx
@@ -19,7 +19,14 @@ import { useKnowledgeStore, setupKnowledgeListeners } from '../../store/knowledg
 import { useItemStore } from '../../store/itemStore'
 import { useUIStore } from '../../store/uiStore'
 import { ScrollArea } from '../ui/scroll-area'
-import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '../ui/dialog'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from '../ui/dialog'
 import { Button } from '../ui/button'
 import { Input } from '../ui/input'
 import { Textarea } from '../ui/textarea'
@@ -37,6 +44,7 @@ import {
 } from '../../../../shared/utils/sourceAnchor'
 import { buildExcerptMarkdown } from '../../../../shared/utils/excerpt'
 import { useSourceAnchorNavigation } from '../../hooks/useSourceAnchorNavigation'
+import { useDismissOnOutsidePointer } from '../../hooks/useDismissOnOutsidePointer'
 import { restoreSourceOriginFocus } from '../../hooks/sourceFocusReturn'
 import { FOCUS_CHAT_EVENT } from '../../lib/workspaceEvents'
 import { requestAppendExcerpt } from './note/appendExcerptCommand'
@@ -94,11 +102,19 @@ function AddSourceModal({
     return ''
   }
 
+  const getDescription = () => {
+    if (type === 'url') return t('importUrlDesc')
+    if (type === 'text') return t('pasteTextDesc')
+    if (type === 'note') return t('importNoteDesc')
+    return ''
+  }
+
   return (
     <Dialog open={isOpen} onOpenChange={isLoading ? undefined : onClose}>
       <DialogContent className="sm:max-w-[520px]">
         <DialogHeader>
           <DialogTitle>{getTitle()}</DialogTitle>
+          <DialogDescription>{getDescription()}</DialogDescription>
         </DialogHeader>
 
         <form onSubmit={handleSubmit} className="flex flex-col gap-4">
@@ -171,15 +187,20 @@ function AddSourceModal({
 // 索引进度组件
 function IndexingProgress() {
   const { t } = useTranslation('ui')
-  const { indexProgress, isIndexing } = useKnowledgeStore()
+  const { indexingJobs, activeNotebookId } = useKnowledgeStore()
+
+  const jobs = Object.values(indexingJobs).filter(
+    (job) => !activeNotebookId || !job.notebookId || job.notebookId === activeNotebookId
+  )
+  if (jobs.length === 0) return null
 
-  if (!isIndexing || !indexProgress) return null
+  const progress = Math.round(jobs.reduce((sum, job) => sum + job.progress, 0) / jobs.length)
 
   return (
     <div className="px-4 py-3 border-b border-border">
       <div className="flex items-center gap-2 text-sm text-muted-foreground">
         <Loader2 className="w-4 h-4 animate-spin" />
-        {t('indexing')} ({indexProgress.progress}%)
+        {t('indexingSources', { count: jobs.length, progress })}
       </div>
     </div>
   )
@@ -313,16 +334,20 @@ export default function SourcePanel(): ReactElement {
   const [isDragging, setIsDragging] = useState(false)
   const [modalType, setModalType] = useState<AddSourceType | null>(null)
   const [hasEmbeddingModel, setHasEmbeddingModel] = useState(false)
+  // Short-lived: only while a source is being *registered*. Indexing itself is
+  // background work (#176), so the dialog must not stay disabled until embedding ends.
+  const [isSubmitting, setIsSubmitting] = useState(false)
   const [selectedDocument, setSelectedDocument] = useState<KnowledgeDocument | null>(null)
   // The source list is a full-panel view that unmounts while a source is open.
   // Focus returns here after “Back” so a keyboard user does not land on <body>.
   const listRef = useRef<HTMLDivElement>(null)
+  // The Add menu and its trigger: the layer that closes on an outside press.
+  const addMenuRef = useRef<HTMLDivElement>(null)
 
   const {
     documents,
     documentsLoaded,
     isLoading,
-    isIndexing,
     loadDocuments,
     loadStats,
     addDocument,
@@ -341,6 +366,8 @@ export default function SourcePanel(): ReactElement {
 
   const { openSettings } = useUIStore()
 
+  useDismissOnOutsidePointer(showAddMenu, [addMenuRef], () => setShowAddMenu(false))
+
   // Embedding 是基础设施：没有远程 connection 时由内置本地模型承担（首次 RAG 使用按需下载）。
   // 因此可用性取决于真实后端状态，而不是 connections.embedding 是否存在——内置模式不会写入 connection。
   useEffect(() => {
@@ -498,13 +525,25 @@ export default function SourcePanel(): ReactElement {
     [t]
   )
 
+  /**
+   * Missing embedding model is an actionable state, not an error to interrupt with a
+   * native `alert()`: the toast carries the way to fix it (the same guidance the
+   * empty library already shows), and matches the rest of the app's notifications.
+   */
+  const warnNoEmbeddingModel = useCallback((): void => {
+    toast.error(t('noEmbeddingModelConfigured'), {
+      id: 'no-embedding-model',
+      action: { label: t('goToSettings'), onClick: openSettings }
+    })
+  }, [t, openSettings])
+
   // 处理文件上传（多选 → 批量导入，#98）
   const handleFileUpload = useCallback(async () => {
     if (!notebookId) return
 
     // 检查是否配置了默认嵌入模型
     if (!hasEmbeddingModel) {
-      alert(t('noEmbeddingModelConfigured'))
+      warnNoEmbeddingModel()
       return
     }
 
@@ -513,14 +552,14 @@ export default function SourcePanel(): ReactElement {
     if (files.length === 0) return
     // 一次批量导入：重复路径被跳过并报告，一个失败不中止其余。
     reportBatch(await addFiles(notebookId, files))
-  }, [notebookId, hasEmbeddingModel, selectFiles, addFiles, reportBatch, t])
+  }, [notebookId, hasEmbeddingModel, selectFiles, addFiles, reportBatch, warnNoEmbeddingModel])
 
   // 处理文件夹导入（#98 快照 / #158 监听）
   const handleFolderUpload = useCallback(
     async (watch: boolean) => {
       if (!notebookId) return
       if (!hasEmbeddingModel) {
-        alert(t('noEmbeddingModelConfigured'))
+        warnNoEmbeddingModel()
         return
       }
 
@@ -530,7 +569,7 @@ export default function SourcePanel(): ReactElement {
         reportBatch(await addFolder(notebookId, folder, watch))
       }
     },
-    [notebookId, hasEmbeddingModel, selectFolder, addFolder, reportBatch, t]
+    [notebookId, hasEmbeddingModel, selectFolder, addFolder, reportBatch, warnNoEmbeddingModel]
   )
 
   // 拖放文件/文件夹（#98）。Electron 39 下路径必须由 preload 的 webUtils 给出。
@@ -550,23 +589,28 @@ export default function SourcePanel(): ReactElement {
     [notebookId, hasEmbeddingModel, addFiles, reportBatch]
   )
 
-  // 处理 URL 导入
+  // 处理 URL 导入：只等 source 登记，抓取/解析/嵌入在后台（#176）
   const handleUrlImport = useCallback(
     async (data: { url?: string }) => {
       if (!notebookId || !data.url) return
 
       // 检查是否配置了默认嵌入模型
       if (!hasEmbeddingModel) {
-        alert(t('noEmbeddingModelConfigured'))
+        warnNoEmbeddingModel()
         setModalType(null)
         return
       }
 
-      const result = await addDocumentFromUrl(notebookId, data.url)
-      reportImportFailure(data.url, result)
-      setModalType(null)
+      setIsSubmitting(true)
+      try {
+        const result = await addDocumentFromUrl(notebookId, data.url)
+        reportImportFailure(data.url, result)
+      } finally {
+        setIsSubmitting(false)
+        setModalType(null)
+      }
     },
-    [notebookId, hasEmbeddingModel, addDocumentFromUrl, reportImportFailure, t]
+    [notebookId, hasEmbeddingModel, addDocumentFromUrl, reportImportFailure, warnNoEmbeddingModel]
   )
 
   // 处理文本粘贴
@@ -576,20 +620,25 @@ export default function SourcePanel(): ReactElement {
 
       // 检查是否配置了默认嵌入模型
       if (!hasEmbeddingModel) {
-        alert(t('noEmbeddingModelConfigured'))
+        warnNoEmbeddingModel()
         setModalType(null)
         return
       }
 
-      const result = await addDocument(notebookId, {
-        title: data.title,
-        type: 'text',
-        content: data.content
-      })
-      reportImportFailure(data.title, result)
-      setModalType(null)
+      setIsSubmitting(true)
+      try {
+        const result = await addDocument(notebookId, {
+          title: data.title,
+          type: 'text',
+          content: data.content
+        })
+        reportImportFailure(data.title, result)
+      } finally {
+        setIsSubmitting(false)
+        setModalType(null)
+      }
     },
-    [notebookId, hasEmbeddingModel, addDocument, reportImportFailure, t]
+    [notebookId, hasEmbeddingModel, addDocument, reportImportFailure, warnNoEmbeddingModel]
   )
 
   // 处理笔记导入
@@ -599,20 +648,32 @@ export default function SourcePanel(): ReactElement {
 
       // 检查是否配置了默认嵌入模型
       if (!hasEmbeddingModel) {
-        alert(t('noEmbeddingModelConfigured'))
+        warnNoEmbeddingModel()
         setModalType(null)
         return
       }
 
-      const noteTitle = notes.find((note) => note.id === data.noteId)?.title ?? data.noteId
-      const result = await addNoteToKnowledge(notebookId, data.noteId)
-      // 空笔记是唯一需要换文案的原因，其余由主进程给出
-      const isEmpty = (result.error ?? '').toLowerCase().includes('empty')
-      reportImportFailure(noteTitle, result, isEmpty ? t('emptyNoteCannotImport') : undefined)
-
-      setModalType(null)
+      setIsSubmitting(true)
+      try {
+        const noteTitle = notes.find((note) => note.id === data.noteId)?.title ?? data.noteId
+        const result = await addNoteToKnowledge(notebookId, data.noteId)
+        // 空笔记是唯一需要换文案的原因，其余由主进程给出
+        const isEmpty = (result.error ?? '').toLowerCase().includes('empty')
+        reportImportFailure(noteTitle, result, isEmpty ? t('emptyNoteCannotImport') : undefined)
+      } finally {
+        setIsSubmitting(false)
+        setModalType(null)
+      }
     },
-    [notebookId, hasEmbeddingModel, addNoteToKnowledge, notes, reportImportFailure, t]
+    [
+      notebookId,
+      hasEmbeddingModel,
+      addNoteToKnowledge,
+      notes,
+      reportImportFailure,
+      warnNoEmbeddingModel,
+      t
+    ]
   )
 
   // 处理删除文档
@@ -745,6 +806,7 @@ export default function SourcePanel(): ReactElement {
             }
             right={
               <div
+                ref={addMenuRef}
                 className="relative"
                 style={{ WebkitAppRegion: 'no-drag' } as React.CSSProperties}
               >
@@ -857,15 +919,16 @@ export default function SourcePanel(): ReactElement {
           isOpen={true}
           onClose={() => setModalType(null)}
           onSubmit={handleModalSubmit}
-          isLoading={isIndexing}
+          isLoading={isSubmitting}
           notes={notes
             .filter((n) => n.content.trim().length > 0)
             .map((n) => ({ id: n.id, title: n.title }))}
         />
       )}
 
-      {/* 点击外部关闭菜单 */}
-      {showAddMenu && <div className="fixed inset-0 z-0" onClick={() => setShowAddMenu(false)} />}
+      {/* 点击外部关闭菜单由 `useDismissOnOutsidePointer` 负责：全屏遮罩在
+          兄弟面板（且是 `position: relative` 的卡片）之上会排到它们下面，点不到的
+          区域就关不掉了。 */}
     </Card>
   )
 }
diff --git a/src/renderer/src/components/notebook/anki/AnkiConfigDialog.tsx b/src/renderer/src/components/notebook/anki/AnkiConfigDialog.tsx
index 7737f69..bfc4bf2 100644
--- a/src/renderer/src/components/notebook/anki/AnkiConfigDialog.tsx
+++ b/src/renderer/src/components/notebook/anki/AnkiConfigDialog.tsx
@@ -1,7 +1,14 @@
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useAnkiStore } from '../../../store/ankiStore'
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '../../ui/dialog'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter
+} from '../../ui/dialog'
 import { Button } from '../../ui/button'
 import { Label } from '../../ui/label'
 import { Slider } from '../../ui/slider'
@@ -28,8 +35,25 @@ export default function AnkiConfigDialog({
   const [difficulty, setDifficulty] = useState<'easy' | 'medium' | 'hard'>('medium')
   const [customPrompt, setCustomPrompt] = useState('')
 
+  /** Restore the defaults: what a closed dialog should never carry back in. */
+  const reset = (): void => {
+    setCardCount(20)
+    setDifficulty('medium')
+    setCustomPrompt('')
+  }
+
+  /**
+   * Closing without generating discards the temporary input, so X / Esc / the
+   * overlay all mean Cancel rather than "remember what I typed".
+   */
+  const handleOpenChange = (open: boolean): void => {
+    if (!open) reset()
+    onOpenChange(open)
+  }
+
   const handleGenerate = async () => {
     // 立即关闭对话框
+    reset()
     onOpenChange(false)
 
     // 在后台开始生成（不等待完成）
@@ -48,10 +72,11 @@ export default function AnkiConfigDialog({
   }
 
   return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
+    <Dialog open={open} onOpenChange={handleOpenChange}>
       <DialogContent className="sm:max-w-[500px]">
         <DialogHeader>
           <DialogTitle>{t('generateCards')}</DialogTitle>
+          <DialogDescription>{t('generateCardsDesc')}</DialogDescription>
         </DialogHeader>
 
         <div className="space-y-6 py-4">
diff --git a/src/renderer/src/components/notebook/chat/SessionSwitcher.tsx b/src/renderer/src/components/notebook/chat/SessionSwitcher.tsx
index a13caf2..f474208 100644
--- a/src/renderer/src/components/notebook/chat/SessionSwitcher.tsx
+++ b/src/renderer/src/components/notebook/chat/SessionSwitcher.tsx
@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next'
 import type { ChatMessageSearchHit } from '../../../../../shared/types/chat'
 import { useChatStore } from '../../../store/chatStore'
 import { useNotebookStore } from '../../../store/notebookStore'
+import { useDismissOnOutsidePointer } from '../../../hooks/useDismissOnOutsidePointer'
 import { formatRelativeDate } from '../../../lib/relativeDate'
 import { Button } from '../../ui/button'
 import { Input } from '../../ui/input'
@@ -41,6 +42,8 @@ export default function SessionSwitcher(): ReactElement {
   const [renameValue, setRenameValue] = useState('')
   const [confirmingId, setConfirmingId] = useState<string | null>(null)
   const searchRef = useRef<HTMLInputElement>(null)
+  const triggerRef = useRef<HTMLButtonElement>(null)
+  const panelRef = useRef<HTMLDivElement>(null)
 
   const notebookId = currentNotebook?.id ?? currentSession?.notebookId
   const hasQuery = query.trim().length > 0
@@ -63,6 +66,10 @@ export default function SessionSwitcher(): ReactElement {
     if (isOpen) searchRef.current?.focus()
   }, [isOpen])
 
+  // A press anywhere outside the button or the panel closes it. This replaces the
+  // full-viewport overlay, whose clicks the draggable panel header could swallow.
+  useDismissOnOutsidePointer(isOpen, [triggerRef, panelRef], close)
+
   // Escape closes the panel. The rename input handles Escape itself and stops
   // nothing else, so this is the one place the whole panel closes.
   useEffect(() => {
@@ -133,6 +140,7 @@ export default function SessionSwitcher(): ReactElement {
   return (
     <>
       <Button
+        ref={triggerRef}
         type="button"
         variant="ghost"
         size="sm"
@@ -151,8 +159,8 @@ export default function SessionSwitcher(): ReactElement {
 
       {isOpen && (
         <>
-          <div className="fixed inset-0 z-30" onClick={close} />
           <div
+            ref={panelRef}
             role="dialog"
             aria-label={t('chat:sessions')}
             style={{ WebkitAppRegion: 'no-drag' } as React.CSSProperties}
diff --git a/src/renderer/src/components/notebook/item/ItemList.tsx b/src/renderer/src/components/notebook/item/ItemList.tsx
index 8eb643e..dec4e0d 100644
--- a/src/renderer/src/components/notebook/item/ItemList.tsx
+++ b/src/renderer/src/components/notebook/item/ItemList.tsx
@@ -35,7 +35,7 @@ import {
   DialogTitle
 } from '../../ui/dialog'
 import { Input } from '../../ui/input'
-import ConfirmDialog from '../../common/ConfirmDialog'
+import ConfirmActionDialog from '../../common/ConfirmActionDialog'
 
 interface ItemListProps {
   items: ItemDetail[]
@@ -361,7 +361,7 @@ function SortableItemRow({
       </Dialog>
 
       {/* 删除确认对话框 */}
-      <ConfirmDialog
+      <ConfirmActionDialog
         isOpen={isDeleteDialogOpen}
         onClose={() => setIsDeleteDialogOpen(false)}
         onConfirm={handleConfirmDelete}
@@ -374,7 +374,7 @@ function SortableItemRow({
                 ? t('deleteQuiz')
                 : t('deleteAnki')
         }
-        message={
+        description={
           isNote
             ? t('deleteNoteWarning')
             : isMindMap
@@ -383,6 +383,7 @@ function SortableItemRow({
                 ? t('confirmDeleteQuiz')
                 : t('confirmDeleteAnki')
         }
+        confirmLabel={t('common:delete')}
       />
     </>
   )
diff --git a/src/renderer/src/components/notebook/quiz/QuizStartDialog.tsx b/src/renderer/src/components/notebook/quiz/QuizStartDialog.tsx
index 0497357..fd41f02 100644
--- a/src/renderer/src/components/notebook/quiz/QuizStartDialog.tsx
+++ b/src/renderer/src/components/notebook/quiz/QuizStartDialog.tsx
@@ -35,6 +35,13 @@ export default function QuizStartDialog({
   const [difficulty, setDifficulty] = useState<'easy' | 'medium' | 'hard'>('medium')
   const [customPrompt, setCustomPrompt] = useState('')
 
+  /** Restore the defaults: what a closed dialog should never carry back in. */
+  const reset = (): void => {
+    setQuestionCount(10)
+    setDifficulty('medium')
+    setCustomPrompt('')
+  }
+
   const handleStart = () => {
     const params: QuizStartParams = {
       questionCount,
@@ -42,17 +49,28 @@ export default function QuizStartDialog({
       customPrompt: customPrompt.trim() || undefined
     }
     onStart(params)
-    // 重置状态
-    setQuestionCount(10)
-    setDifficulty('medium')
-    setCustomPrompt('')
+    // 成功开始后恢复默认值
+    reset()
     onClose()
   }
 
+  /**
+   * Closing without starting discards the temporary input.
+   *
+   * Otherwise a half-configured dialog that stayed mounted "remembers" its value
+   * by accident: X, Esc and the overlay must all mean Cancel, not Save.
+   */
+  const handleOpenChange = (open: boolean): void => {
+    if (!open) {
+      reset()
+      onClose()
+    }
+  }
+
   const canStart = questionCount >= 5 && questionCount <= 20
 
   return (
-    <Dialog open={isOpen} onOpenChange={onClose}>
+    <Dialog open={isOpen} onOpenChange={handleOpenChange}>
       <DialogContent className="sm:max-w-lg">
         <DialogHeader>
           <DialogTitle>{t('generateQuiz')}</DialogTitle>
diff --git a/src/renderer/src/components/notebook/source/DocumentList.tsx b/src/renderer/src/components/notebook/source/DocumentList.tsx
index a6d136e..9818bf7 100644
--- a/src/renderer/src/components/notebook/source/DocumentList.tsx
+++ b/src/renderer/src/components/notebook/source/DocumentList.tsx
@@ -20,7 +20,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger
 } from '../../ui/dropdown-menu'
-import ConfirmDialog from '../../common/ConfirmDialog'
+import ConfirmActionDialog from '../../common/ConfirmActionDialog'
 import {
   Empty,
   EmptyHeader,
@@ -271,12 +271,13 @@ function DocumentItem({
       </DropdownMenuContent>
 
       {/* 删除文档确认对话框 */}
-      <ConfirmDialog
+      <ConfirmActionDialog
         isOpen={isDeleteDialogOpen}
         onClose={() => setIsDeleteDialogOpen(false)}
         onConfirm={handleConfirmDelete}
         title={t('deleteDocument')}
-        message={t('confirmDeleteDocument')}
+        description={t('confirmDeleteDocument')}
+        confirmLabel={t('common:delete')}
       />
     </DropdownMenu>
   )
diff --git a/src/renderer/src/components/pages/AnkiPage.tsx b/src/renderer/src/components/pages/AnkiPage.tsx
index 0d0033f..4581e50 100644
--- a/src/renderer/src/components/pages/AnkiPage.tsx
+++ b/src/renderer/src/components/pages/AnkiPage.tsx
@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react'
 import { useParams } from 'react-router-dom'
 import { Loader2, Download } from 'lucide-react'
 import { useTranslation } from 'react-i18next'
+import { toast } from 'sonner'
 import { useAnkiStore } from '../../store/ankiStore'
 import FlashcardView from '../notebook/anki/FlashcardView'
 import AnkiConfigDialog from '../notebook/anki/AnkiConfigDialog'
@@ -83,11 +84,11 @@ export default function AnkiPage() {
 
       if (!result.success) {
         console.error('Export failed:', result.error)
-        alert(t('exportFailed', { error: result.error }))
+        toast.error(t('exportFailed', { error: result.error }))
       }
     } catch (error) {
       console.error('Failed to export cards:', error)
-      alert(t('exportFailed', { error: (error as Error).message }))
+      toast.error(t('exportFailed', { error: (error as Error).message }))
     }
   }
 
diff --git a/src/renderer/src/components/pages/NotebookListPage.tsx b/src/renderer/src/components/pages/NotebookListPage.tsx
index 2ba3c4c..5579c75 100644
--- a/src/renderer/src/components/pages/NotebookListPage.tsx
+++ b/src/renderer/src/components/pages/NotebookListPage.tsx
@@ -3,7 +3,7 @@ import { useNavigate } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import TopNavigationBar from '../common/TopNavigationBar'
 import RenameDialog from '../common/RenameDialog'
-import DeleteConfirmDialog from '../common/DeleteConfirmDialog'
+import ConfirmActionDialog from '../common/ConfirmActionDialog'
 import Home from '../home/Home'
 import { useNotebookStore } from '../../store/notebookStore'
 import type { WorkspaceOverview } from '../../../../shared/types/workspace'
@@ -163,11 +163,13 @@ export default function NotebookListPage(): ReactElement {
       />
 
       {/* 删除确认对话框 */}
-      <DeleteConfirmDialog
+      <ConfirmActionDialog
         isOpen={deleteNotebookId !== null}
-        notebookTitle={deleteNotebookTitle}
         onClose={handleDeleteClose}
         onConfirm={handleDeleteConfirm}
+        title={t('notebook:deleteNotebook')}
+        description={t('notebook:deleteConfirm', { name: deleteNotebookTitle })}
+        confirmLabel={t('common:delete')}
       />
     </div>
   )
diff --git a/src/renderer/src/components/settings/SettingsDialog.tsx b/src/renderer/src/components/settings/SettingsDialog.tsx
index d43a5a1..dc2a8df 100644
--- a/src/renderer/src/components/settings/SettingsDialog.tsx
+++ b/src/renderer/src/components/settings/SettingsDialog.tsx
@@ -8,7 +8,7 @@ import PromptsSettings from './PromptsSettings'
 import ShortcutSettings from './ShortcutSettings'
 import AboutSettings from './AboutSettings'
 import SettingsContentPanel from './SettingsContentPanel'
-import { Dialog, DialogContent } from '../ui/dialog'
+import { Dialog, DialogContent, DialogDescription, DialogTitle } from '../ui/dialog'
 import {
   Sidebar,
   SidebarContent,
@@ -31,7 +31,7 @@ export default function SettingsDialog(): ReactElement {
 
   const handleOpenChange = (open: boolean) => {
     if (!open) {
-      closeSettings()
+      handleClose()
     }
   }
 
@@ -138,12 +138,26 @@ export default function SettingsDialog(): ReactElement {
     setPendingConnections(originalConnections)
   }
 
+  /**
+   * Every way of leaving the dialog — X, Esc, the overlay, the panel's own X —
+   * must discard the pending edits. `pendingSettings` is only seeded on mount, so
+   * without this an unsaved API key survives a close and reappears on reopen.
+   */
+  const handleClose = () => {
+    handleCancel()
+    closeSettings()
+  }
+
   return (
     <Dialog open={isSettingsOpen} onOpenChange={handleOpenChange}>
       <DialogContent
         className="max-w-5xl h-[80vh] p-0 flex flex-col bg-surface-sunken"
         showCloseButton={false}
       >
+        {/* Radix needs a real title and description in the tree for its
+            accessibility contract; the visible heading lives in the panel. */}
+        <DialogTitle className="sr-only">{t('settings')}</DialogTitle>
+        <DialogDescription className="sr-only">{t('settingsDesc')}</DialogDescription>
         <SidebarProvider className="flex flex-1 min-h-0">
           <div className="flex flex-1 min-h-0 gap-3 p-3 w-full">
             {/* 使用 Shadcn Sidebar */}
@@ -186,7 +200,7 @@ export default function SettingsDialog(): ReactElement {
                   hasChanges={hasChanges}
                   onCancel={handleCancel}
                   onConfirm={handleConfirm}
-                  onClose={() => closeSettings()}
+                  onClose={handleClose}
                 >
                   {pendingSettings && activeSection === 'general' && (
                     <GeneralSettings
diff --git a/src/renderer/src/components/ui/scroll-area.tsx b/src/renderer/src/components/ui/scroll-area.tsx
index b1d4152..0109967 100644
--- a/src/renderer/src/components/ui/scroll-area.tsx
+++ b/src/renderer/src/components/ui/scroll-area.tsx
@@ -20,7 +20,19 @@ const ScrollArea = React.forwardRef<
     className={cn('relative overflow-hidden', className)}
     {...props}
   >
-    <ScrollAreaPrimitive.Viewport ref={viewportRef} className="h-full w-full">
+    {/*
+     * Radix wraps `children` in an inner `min-width: 100%; display: table` box.
+     * A table shrink-wraps to its content's min-content width, so a `truncate`
+     * row with a fixed-width control beside it makes that box wider than the
+     * viewport at the panel's minimum width: the row then overflows over the
+     * list's own right padding (and under the scrollbar). Force the box back to
+     * a normal block so children are constrained to the viewport instead. The
+     * `!` is required because Radix writes both properties inline.
+     */}
+    <ScrollAreaPrimitive.Viewport
+      ref={viewportRef}
+      className="h-full w-full [&>div]:!block [&>div]:!min-w-0"
+    >
       {children}
     </ScrollAreaPrimitive.Viewport>
     <ScrollBar />
diff --git a/src/renderer/src/hooks/useDismissOnOutsidePointer.ts b/src/renderer/src/hooks/useDismissOnOutsidePointer.ts
new file mode 100644
index 0000000..ca496f2
--- /dev/null
+++ b/src/renderer/src/hooks/useDismissOnOutsidePointer.ts
@@ -0,0 +1,42 @@
+import { useEffect, useRef, type RefObject } from 'react'
+
+/**
+ * Dismiss a floating layer when a press lands outside it.
+ *
+ * `refs` are the surfaces that belong to the layer: the panel itself and the
+ * control that opened it. A press inside any of them keeps it open; everything
+ * else closes it.
+ *
+ * This listens on `document` in the capture phase rather than painting a
+ * full-viewport overlay. An overlay is fragile in exactly this workspace: a
+ * `z-0` overlay loses to sibling panels that paint later (a `position: relative`
+ * card), so clicks in the chat or notes panel never reach it; and one rendered
+ * inside a `-webkit-app-region: drag` header can have its clicks eaten by window
+ * dragging instead. A document listener sees the press wherever it lands.
+ */
+export function useDismissOnOutsidePointer(
+  isOpen: boolean,
+  refs: Array<RefObject<HTMLElement | null>>,
+  onDismiss: () => void
+): void {
+  // Keep the latest refs without resubscribing every render: callers pass an
+  // array literal, whose identity changes on each render.
+  const refsRef = useRef(refs)
+  useEffect(() => {
+    refsRef.current = refs
+  })
+
+  useEffect(() => {
+    if (!isOpen) return
+
+    const onPointerDown = (event: PointerEvent): void => {
+      const target = event.target
+      if (!(target instanceof Node)) return
+      if (refsRef.current.some((ref) => ref.current?.contains(target))) return
+      onDismiss()
+    }
+
+    document.addEventListener('pointerdown', onPointerDown, true)
+    return () => document.removeEventListener('pointerdown', onPointerDown, true)
+  }, [isOpen, onDismiss])
+}
diff --git a/src/renderer/src/locales/en-US/anki.json b/src/renderer/src/locales/en-US/anki.json
index 1eb9eea..5136e90 100644
--- a/src/renderer/src/locales/en-US/anki.json
+++ b/src/renderer/src/locales/en-US/anki.json
@@ -4,6 +4,7 @@
   "export": "Export",
   "noCardsYet": "No cards yet. Click Generate to create some",
   "generateCards": "Generate Cards",
+  "generateCardsDesc": "Choose how many cards to generate and how hard they should be",
   "cardList": "Card List",
   "cards": "cards",
   "noCards": "No cards",
diff --git a/src/renderer/src/locales/en-US/settings.json b/src/renderer/src/locales/en-US/settings.json
index 13908f4..8aadd36 100644
--- a/src/renderer/src/locales/en-US/settings.json
+++ b/src/renderer/src/locales/en-US/settings.json
@@ -12,6 +12,7 @@
   "updateAvailable": "New version {{version}} available",
   "shortcuts": "Shortcuts",
   "settings": "Settings",
+  "settingsDesc": "Configure models, prompts, shortcuts, and app behaviour",
   "generalSettings": "General Settings",
   "autoLaunch": "Auto Launch",
   "themeMode": "Theme Mode",
diff --git a/src/renderer/src/locales/en-US/ui.json b/src/renderer/src/locales/en-US/ui.json
index 379354b..89a9648 100644
--- a/src/renderer/src/locales/en-US/ui.json
+++ b/src/renderer/src/locales/en-US/ui.json
@@ -61,12 +61,17 @@
   "importFailed": "Import failed for {{name}}: {{error}}",
   "unknownError": "unknown reason",
   "pasteText": "Paste Text",
+  "pasteTextDesc": "Paste text and index it as a source",
   "importUrl": "Import URL",
+  "importUrlDesc": "Fetch a web page and index it as a source",
   "importNote": "Import Note",
+  "importNoteDesc": "Index one of this notebook's notes as a source",
   "noDocuments": "No Documents",
   "noDocumentsDesc": "Add a document to ask questions about it",
   "chunks": "{{count}} chunks",
   "indexing": "Indexing...",
+  "indexingSources_one": "Indexing {{count}} source · {{progress}}%",
+  "indexingSources_other": "Indexing {{count}} sources · {{progress}}%",
   "indexed": "Indexed",
   "failed": "Failed",
   "deleteDocument": "Delete Document",
diff --git a/src/renderer/src/locales/zh-CN/anki.json b/src/renderer/src/locales/zh-CN/anki.json
index de0ec52..e6d18f4 100644
--- a/src/renderer/src/locales/zh-CN/anki.json
+++ b/src/renderer/src/locales/zh-CN/anki.json
@@ -4,6 +4,7 @@
   "export": "导出",
   "noCardsYet": "还没有卡片，点击生成按钮创建",
   "generateCards": "生成卡片",
+  "generateCardsDesc": "选择生成多少张卡片以及难度",
   "cardList": "卡片列表",
   "cards": "张卡片",
   "noCards": "暂无卡片",
diff --git a/src/renderer/src/locales/zh-CN/settings.json b/src/renderer/src/locales/zh-CN/settings.json
index e01f48b..3afc8f1 100644
--- a/src/renderer/src/locales/zh-CN/settings.json
+++ b/src/renderer/src/locales/zh-CN/settings.json
@@ -1,5 +1,6 @@
 {
   "settings": "设置",
+  "settingsDesc": "配置模型、提示词、快捷键与应用行为",
   "generalSettings": "通用设置",
   "language": "语言",
   "theme": "主题",
diff --git a/src/renderer/src/locales/zh-CN/ui.json b/src/renderer/src/locales/zh-CN/ui.json
index e9ccd4c..3e5a1b1 100644
--- a/src/renderer/src/locales/zh-CN/ui.json
+++ b/src/renderer/src/locales/zh-CN/ui.json
@@ -60,12 +60,16 @@
   "importFailed": "「{{name}}」导入失败：{{error}}",
   "unknownError": "未知原因",
   "pasteText": "粘贴文本",
+  "pasteTextDesc": "粘贴文本并作为来源建立索引",
   "importUrl": "导入网页",
+  "importUrlDesc": "抓取网页并作为来源建立索引",
   "importNote": "导入笔记",
+  "importNoteDesc": "把本笔记本的一条笔记作为来源建立索引",
   "noDocuments": "暂无文档",
   "noDocumentsDesc": "添加文档，就可以针对它提问",
   "chunks": "{{count}} 个片段",
   "indexing": "索引中...",
+  "indexingSources": "正在索引 {{count}} 个来源 · {{progress}}%",
   "indexed": "已索引",
   "failed": "索引失败",
   "deleteDocument": "删除文档",
diff --git a/src/renderer/src/store/chatStore.ts b/src/renderer/src/store/chatStore.ts
index c6ae4a2..ddf17e3 100644
--- a/src/renderer/src/store/chatStore.ts
+++ b/src/renderer/src/store/chatStore.ts
@@ -580,8 +580,36 @@ export const useChatStore = create<ChatStore>()((set, get) => ({
     const message = get().messages.find((item) => item.id === messageId)
     if (!message) return { started: false }
 
-    // Register the turn with the answer as its seed, and hand the message back to the
-    // live state: what comes next is appended to it, not written elsewhere.
+    // What a refusal has to put back. Main can refuse before it starts a turn
+    // (`continuation-limit`), so the optimistic live state below must be reversible:
+    // otherwise the message sits at `pending` and the notebook streams forever.
+    const previousStatus = message.status
+    const previousTurn = get().turns[messageId]
+
+    const rollback = (): void => {
+      useChatStore.setState((current) => {
+        const turns = { ...current.turns }
+        if (previousTurn) turns[messageId] = previousTurn
+        else delete turns[messageId]
+
+        return {
+          turns,
+          messages: current.messages.map((item) =>
+            item.id === messageId ? { ...item, status: previousStatus } : item
+          )
+        }
+      })
+      get().setStreamingMessage(notebookId, null)
+      // A refusal arrives before any chunk, so no assembler should exist; deleting
+      // anyway keeps a raced event from leaving a half-built one behind.
+      assemblers.delete(messageId)
+      lastSequences.delete(messageId)
+      pendingSnapshots.delete(messageId)
+    }
+
+    // Register the turn with the answer as its seed *before* the IPC call: the seed
+    // has to be in place for the first chunk, which Main may emit before the invoke
+    // resolves. Rolling back on refusal is what keeps the optimism safe.
     set((current) => ({
       turns: {
         ...current.turns,
@@ -593,8 +621,19 @@ export const useChatStore = create<ChatStore>()((set, get) => ({
     }))
     get().setStreamingMessage(notebookId, messageId)
 
-    const result = await window.api.continueMessage(messageId)
+    let result: Awaited<ReturnType<typeof window.api.continueMessage>>
+    try {
+      result = await window.api.continueMessage(messageId)
+    } catch (error) {
+      // A rejected IPC round trip is a refusal too: roll back and report it instead
+      // of leaving the spinner running.
+      rollback()
+      console.error('[ChatStore] Failed to continue the answer:', error)
+      return { started: false }
+    }
+
     if (!result.success) {
+      rollback()
       console.error('[ChatStore] Failed to continue the answer:', result.error)
       // The caller owns the wording (#179): the store does not import i18n, so the
       // reason is handed back rather than translated here.
diff --git a/src/renderer/src/store/knowledgeStore.ts b/src/renderer/src/store/knowledgeStore.ts
index a63c3ab..3012581 100644
--- a/src/renderer/src/store/knowledgeStore.ts
+++ b/src/renderer/src/store/knowledgeStore.ts
@@ -14,6 +14,20 @@ import type {
   BatchImportOutcome
 } from '../../../shared/types/knowledge'
 
+/**
+ * 一份 source 正在后台索引（#176）。
+ *
+ * 取代了单一的 `isIndexing: boolean`：导入登记完 `pending` 行就返回，索引在后台队列里
+ * 继续推进，队列里同时可能有多份来源。一个布尔值说不清「有几份、各自到哪一步」，也会
+ * 在第一次 `refreshAfterImport` 时被过早置回 false，让顶部进度在真正索引期间消失。
+ */
+export interface IndexingJob {
+  documentId: string
+  notebookId?: string
+  stage: string
+  progress: number
+}
+
 interface KnowledgeStore {
   // 状态
   documents: KnowledgeDocument[]
@@ -21,8 +35,8 @@ interface KnowledgeStore {
   stats: KnowledgeStats | null
   isLoading: boolean
   isSearching: boolean
-  isIndexing: boolean
-  indexProgress: IndexProgress | null
+  /** 后台索引任务，按 documentId 去重；`completed` / `failed` 后删除。 */
+  indexingJobs: Record<string, IndexingJob>
   error: string | null
   /**
    * 文档列表是否已经成功读过一次。用来区分「列表为空」和「还没加载」：
@@ -41,8 +55,8 @@ interface KnowledgeStore {
   setStats: (stats: KnowledgeStats | null) => void
   setIsLoading: (value: boolean) => void
   setIsSearching: (value: boolean) => void
-  setIsIndexing: (value: boolean) => void
-  setIndexProgress: (progress: IndexProgress | null) => void
+  applyIndexProgress: (progress: IndexProgress) => void
+  clearIndexingJob: (documentId: string) => void
   setError: (error: string | null) => void
   clearSearchResults: () => void
 
@@ -98,6 +112,8 @@ interface KnowledgeStore {
  * 无论成败都要重新读列表：失败时这一行可能已经以 `status: 'failed'` 落库了，而只刷新成功
  * 的路径会让这次失败在界面上**完全不存在** —— 面板保持空状态，用户以为上传成功了（#146）。
  * 失败同时记进 `error`：抛异常和返回 `{success:false}` 都是失败，没道理只记前者。
+ *
+ * 不再触碰 `indexingJobs`：后台队列还在跑，任务由进度事件自己增删，不在这里清空。
  */
 async function refreshAfterImport(
   notebookId: string,
@@ -108,11 +124,7 @@ async function refreshAfterImport(
   await get().loadDocuments(notebookId)
   await get().loadStats(notebookId)
 
-  set({
-    isIndexing: false,
-    indexProgress: null,
-    error: result.success ? null : (result.error ?? null)
-  })
+  set({ error: result.success ? null : (result.error ?? null) })
 }
 
 export const useKnowledgeStore = create<KnowledgeStore>()((set, get) => ({
@@ -122,8 +134,7 @@ export const useKnowledgeStore = create<KnowledgeStore>()((set, get) => ({
   stats: null,
   isLoading: false,
   isSearching: false,
-  isIndexing: false,
-  indexProgress: null,
+  indexingJobs: {},
   error: null,
   documentsLoaded: false,
   activeNotebookId: null,
@@ -134,11 +145,43 @@ export const useKnowledgeStore = create<KnowledgeStore>()((set, get) => ({
   setStats: (stats) => set({ stats }),
   setIsLoading: (isLoading) => set({ isLoading }),
   setIsSearching: (isSearching) => set({ isSearching }),
-  setIsIndexing: (isIndexing) => set({ isIndexing }),
-  setIndexProgress: (indexProgress) => set({ indexProgress }),
   setError: (error) => set({ error }),
   clearSearchResults: () => set({ searchResults: [] }),
 
+  /**
+   * Upsert or retire one background job.
+   *
+   * `completed` / `failed` are the two terminal stages; both mean the row now has its
+   * final status, so the job leaves the map and the top progress stops counting it.
+   */
+  applyIndexProgress: (progress) => {
+    if (!progress.documentId) return
+    const documentId = progress.documentId
+
+    set((state) => {
+      const jobs = { ...state.indexingJobs }
+      if (progress.stage === 'completed' || progress.stage === 'failed') {
+        delete jobs[documentId]
+      } else {
+        jobs[documentId] = {
+          documentId,
+          notebookId: progress.notebookId,
+          stage: progress.stage,
+          progress: progress.progress
+        }
+      }
+      return { indexingJobs: jobs }
+    })
+  },
+
+  clearIndexingJob: (documentId) =>
+    set((state) => {
+      if (!state.indexingJobs[documentId]) return state
+      const jobs = { ...state.indexingJobs }
+      delete jobs[documentId]
+      return { indexingJobs: jobs }
+    }),
+
   // 加载文档列表
   loadDocuments: async (notebookId) => {
     set({ isLoading: true, error: null, documentsLoaded: false, activeNotebookId: notebookId })
@@ -160,9 +203,9 @@ export const useKnowledgeStore = create<KnowledgeStore>()((set, get) => ({
     }
   },
 
-  // 添加文档
+  // 添加文档（粘贴文本）。登记后立即返回，索引在后台队列（#176）。
   addDocument: async (notebookId, options) => {
-    set({ isIndexing: true, error: null })
+    set({ error: null })
     try {
       const result = await window.api.knowledge.addDocument(notebookId, options)
       await refreshAfterImport(notebookId, result, set, get)
@@ -176,7 +219,7 @@ export const useKnowledgeStore = create<KnowledgeStore>()((set, get) => ({
 
   // 从文件添加文档
   addDocumentFromFile: async (notebookId, filePath) => {
-    set({ isIndexing: true, error: null })
+    set({ error: null })
     try {
       const result = await window.api.knowledge.addDocumentFromFile(notebookId, filePath)
       await refreshAfterImport(notebookId, result, set, get)
@@ -188,9 +231,9 @@ export const useKnowledgeStore = create<KnowledgeStore>()((set, get) => ({
     }
   },
 
-  // 从 URL 添加文档
+  // 从 URL 添加文档。抓取与索引进后台队列，Dialog 只等登记。
   addDocumentFromUrl: async (notebookId, url) => {
-    set({ isIndexing: true, error: null })
+    set({ error: null })
     try {
       const result = await window.api.knowledge.addDocumentFromUrl(notebookId, url)
       await refreshAfterImport(notebookId, result, set, get)
@@ -202,9 +245,9 @@ export const useKnowledgeStore = create<KnowledgeStore>()((set, get) => ({
     }
   },
 
-  // 将 Note 添加到知识库
+  // 将 Note 添加到知识库。登记后立即返回，索引进后台队列。
   addNoteToKnowledge: async (notebookId, noteId) => {
-    set({ isIndexing: true, error: null })
+    set({ error: null })
     try {
       const result = await window.api.knowledge.addNote(notebookId, noteId)
       await refreshAfterImport(notebookId, result, set, get)
@@ -218,14 +261,14 @@ export const useKnowledgeStore = create<KnowledgeStore>()((set, get) => ({
 
   // 文件夹 / 批量导入（#98）
   addFolder: async (notebookId, folderPath, watch = false) => {
-    set({ isIndexing: true, error: null })
+    set({ error: null })
     const result = await window.api.knowledge.addFolder(notebookId, folderPath, watch)
     await refreshAfterImport(notebookId, result, set, get)
     return result
   },
 
   addFiles: async (notebookId, paths) => {
-    set({ isIndexing: true, error: null })
+    set({ error: null })
     const result = await window.api.knowledge.addFiles(notebookId, paths)
     await refreshAfterImport(notebookId, result, set, get)
     return result
@@ -240,28 +283,32 @@ export const useKnowledgeStore = create<KnowledgeStore>()((set, get) => ({
     }
   },
 
-  // 重新索引 / 重试（#95）
+  // 重新索引 / 重试（#95）。这两条 IPC 仍然等到索引结束，所以任务在这里显式收尾。
   retryDocument: async (notebookId, documentId) => {
-    set({ isIndexing: true, error: null })
+    set({ error: null })
     try {
       const result = await window.api.knowledge.retryDocument(documentId)
+      get().clearIndexingJob(documentId)
       await refreshAfterImport(notebookId, result, set, get)
       return result
     } catch (error) {
       const message = (error as Error).message
+      get().clearIndexingJob(documentId)
       await refreshAfterImport(notebookId, { success: false, error: message }, set, get)
       return { success: false, error: message }
     }
   },
 
   reindexDocument: async (notebookId, documentId) => {
-    set({ isIndexing: true, error: null })
+    set({ error: null })
     try {
       const result = await window.api.knowledge.reindexDocument(documentId)
+      get().clearIndexingJob(documentId)
       await refreshAfterImport(notebookId, result, set, get)
       return result
     } catch (error) {
       const message = (error as Error).message
+      get().clearIndexingJob(documentId)
       await refreshAfterImport(notebookId, { success: false, error: message }, set, get)
       return { success: false, error: message }
     }
@@ -292,6 +339,7 @@ export const useKnowledgeStore = create<KnowledgeStore>()((set, get) => ({
     try {
       const result = await window.api.knowledge.deleteDocument(documentId)
       if (result.success) {
+        get().clearIndexingJob(documentId)
         set((state) => ({
           documents: state.documents.filter((d) => d.id !== documentId)
         }))
@@ -319,16 +367,15 @@ export const useKnowledgeStore = create<KnowledgeStore>()((set, get) => ({
  */
 export function setupKnowledgeListeners(): () => void {
   const cleanupProgress = window.api.knowledge.onIndexProgress((data: IndexProgress) => {
-    useKnowledgeStore.getState().setIndexProgress(data)
+    const { applyIndexProgress, activeNotebookId, loadDocuments, loadStats } =
+      useKnowledgeStore.getState()
+    applyIndexProgress(data)
 
     // 后台导入的最后一步（#176）：这一行刚从 pending/processing 变成 indexed 或 failed。
     // 进度事件是唯一信号，所以在这里重读一次列表与统计。
-    if (data.stage === 'completed' || data.stage === 'failed') {
-      const { activeNotebookId, loadDocuments, loadStats } = useKnowledgeStore.getState()
-      if (activeNotebookId) {
-        void loadDocuments(activeNotebookId)
-        void loadStats(activeNotebookId)
-      }
+    if ((data.stage === 'completed' || data.stage === 'failed') && activeNotebookId) {
+      void loadDocuments(activeNotebookId)
+      void loadStats(activeNotebookId)
     }
   })
 
diff --git a/test/knowledgeStore.test.ts b/test/knowledgeStore.test.ts
index e9f8f5a..43f5ab8 100644
--- a/test/knowledgeStore.test.ts
+++ b/test/knowledgeStore.test.ts
@@ -67,10 +67,9 @@ const resetStore = (): void => {
     documents: [],
     stats: null,
     error: null,
-    isIndexing: false,
+    indexingJobs: {},
     isLoading: false,
-    documentsLoaded: false,
-    indexProgress: null
+    documentsLoaded: false
   })
 }
 
@@ -120,7 +119,7 @@ for (const entry of entryPoints) {
     assert.equal(log.getStats, 1, 'the stats were not re-read')
     assert.equal(state().documents.length, 1, 'the failed row did not reach the list')
     assert.equal(state().documents[0].status, 'failed', 'the row lost its status')
-    assert.equal(state().isIndexing, false, 'the panel is still showing the import as running')
+    assert.deepEqual(Object.keys(state().indexingJobs), [], 'a failed import left a job running')
   })
 }
 
@@ -157,5 +156,5 @@ test('an import whose IPC call rejects is reported and still re-reads the librar
   assert.equal(state().error, 'An object could not be cloned', 'the rejection was not recorded')
   assert.equal(log.getDocuments, 1, 'the library was not re-read after a rejection')
   assert.equal(state().documents.length, 1, 'the list did not pick up what really happened')
-  assert.equal(state().isIndexing, false, 'the panel is still showing the import as running')
+  assert.deepEqual(Object.keys(state().indexingJobs), [], 'a refused import left a job running')
 })