-
{selectedPaper.year}
-
{selectedPaper.bibcode}
+ {/* 底部当前选定文献提示 */}
+ {selectedPaper ? (
+
+
当前选定文献
+
{selectedPaper.title}
+
+ 发表年份: {selectedPaper.year}
+ {selectedPaper.bibcode}
+ ) : (
+
+ 未选定研究目标
+
)}
);
diff --git a/dashboard/src/features/citation/CitationPanel.tsx b/dashboard/src/features/citation/CitationPanel.tsx
index aaf5cc0..6b68478 100644
--- a/dashboard/src/features/citation/CitationPanel.tsx
+++ b/dashboard/src/features/citation/CitationPanel.tsx
@@ -1,4 +1,5 @@
// dashboard/src/features/citation/CitationPanel.tsx
+import { useState } from 'react';
import { Loader, GitFork, RotateCcw } from 'lucide-react';
import { CitationGalaxyCanvas } from '../../components/CitationGalaxyCanvas';
import type { StandardPaper, CitationNetwork } from '../../types';
@@ -9,6 +10,7 @@ interface CitationPanelProps {
citationNetwork: CitationNetwork | null;
citationHistory: CitationNetwork[];
loadCitations: (bibcode: string, reset?: boolean) => void;
+ onUncachedClick: (bibcode: string) => void;
}
export function CitationPanel({
@@ -17,62 +19,90 @@ export function CitationPanel({
citationNetwork,
citationHistory,
loadCitations,
+ onUncachedClick,
}: CitationPanelProps) {
+ const [nodeLimit, setNodeLimit] = useState(50);
+
+ // 统一节点点击事件：已入库直接拉取，未入库弹窗选择
+ const handleNodeClick = (bibcode: string) => {
+ if (!citationNetwork) return;
+ const inDb = bibcode === citationNetwork.bibcode || (citationNetwork.citation_counts && Object.prototype.hasOwnProperty.call(citationNetwork.citation_counts, bibcode));
+ if (inDb) {
+ loadCitations(bibcode, false);
+ } else {
+ onUncachedClick(bibcode);
+ }
+ };
+
return (
-
-
+
+
-
引用星系拓扑网络
-
基于数据库快速检索生成的“参考文献 (References) - 核心文献 - 被引文献 (Citations)”扩散网络
+
引用星系拓扑图谱
+
通过图谱层级快速 visual 展现当前文献的“参考文献 - 被引文献”关联脉络
+
+
+
+ 展示节点上限:
+ setNodeLimit(Number(e.target.value))}
+ className="w-20 h-1.5 bg-slate-200 rounded-lg appearance-none cursor-pointer accent-sky-600 focus:outline-none"
+ />
+ {nodeLimit}
+
+ {selectedPaper && (
+
+ )}
- {selectedPaper && (
-
- )}
{loadingCitations ? (
-
-
-
正在从 SQLite 数据库提取文献层级引用数据...
+
) : citationNetwork ? (
-
+
{/* 可视化画布 */}
-
+
{
- loadCitations(bibcode, false);
- }}
+ nodeLimit={nodeLimit}
+ onNodeClick={handleNodeClick}
/>
{/* 右侧关系详情面板 */}
-
+
-
中心节点
-
{citationNetwork.title}
-
{citationNetwork.bibcode}
+
● 中心焦点文献
+
{citationNetwork.title}
+
{citationNetwork.bibcode}
-
-
- 参考文献 (References: {citationNetwork.references.length})
+
+
+ 参考文献 (引出 // 共 {citationNetwork.references.length} 篇)
-
+
{citationNetwork.references.length === 0 ? (
-
暂无参考文献 bibcode 数据
+
暂无参考文献数据
) : (
citationNetwork.references.map(bib => (
loadCitations(bib)}
- className="text-xs text-slate-600 hover:text-purple-600 cursor-pointer font-mono truncate py-1 hover:bg-slate-100 px-2 rounded"
+ onClick={() => handleNodeClick(bib)}
+ className="text-[10px] text-slate-700 hover:text-sky-700 font-mono py-1.5 px-2.5 rounded bg-white border border-slate-200 hover:border-sky-300 cursor-pointer transition-all truncate"
>
{bib}
@@ -81,19 +111,19 @@ export function CitationPanel({
-
-
- 被引文献 (Citations: {citationNetwork.citations.length})
+
+
+ 被引文献 (引入 // 共 {citationNetwork.citations.length} 篇)
-
+
{citationNetwork.citations.length === 0 ? (
-
暂无被引文献 bibcode 数据
+
暂无被引文献数据
) : (
citationNetwork.citations.map(bib => (
loadCitations(bib)}
- className="text-xs text-slate-600 hover:text-purple-600 cursor-pointer font-mono truncate py-1 hover:bg-slate-100 px-2 rounded"
+ onClick={() => handleNodeClick(bib)}
+ className="text-[10px] text-slate-700 hover:text-sky-700 font-mono py-1.5 px-2.5 rounded bg-white border border-slate-200 hover:border-sky-300 cursor-pointer transition-all truncate"
>
{bib}
@@ -104,9 +134,9 @@ export function CitationPanel({
) : (
-
diff --git a/dashboard/src/features/library/LibraryPanel.tsx b/dashboard/src/features/library/LibraryPanel.tsx
index 96e91b6..05d94ea 100644
--- a/dashboard/src/features/library/LibraryPanel.tsx
+++ b/dashboard/src/features/library/LibraryPanel.tsx
@@ -1,124 +1,304 @@
// dashboard/src/features/library/LibraryPanel.tsx
-import { Library, RotateCw, Download, Loader, RefreshCw } from 'lucide-react';
+import { useState } from 'react';
+import { Library, RotateCw, Search, SlidersHorizontal } from 'lucide-react';
import type { StandardPaper } from '../../types';
+import { getDoctypeBadge } from '../search/SearchPanel';
interface LibraryPanelProps {
library: StandardPaper[];
fetchLibrary: () => void;
- openReader: (paper: StandardPaper) => void;
- setSelectedPaper: (paper: StandardPaper | null) => void;
setActiveTab: (tab: 'search' | 'library' | 'reader' | 'citation' | 'sync') => void;
- loadCitations: (bibcode: string) => void;
- downloadingBibcodes: Record
;
- handleDownload: (bibcode: string, force?: boolean) => void;
+ onShowDetail: (paper: StandardPaper) => void;
}
export function LibraryPanel({
library,
fetchLibrary,
- openReader,
- setSelectedPaper,
setActiveTab,
- loadCitations,
- downloadingBibcodes,
- handleDownload,
+ onShowDetail,
}: LibraryPanelProps) {
+ const [searchTerm, setSearchTerm] = useState('');
+ const [filterStatus, setFilterStatus] = useState<'all' | 'downloaded' | 'undownloaded' | 'parsed' | 'translated'>('all');
+ const [sortBy, setSortBy] = useState<'created' | 'yearDesc' | 'yearAsc' | 'citations' | 'title'>('created');
+
+ // 高级元数据细化筛选状态
+ const [showAdvanced, setShowAdvanced] = useState(false);
+ const [filterAuthor, setFilterAuthor] = useState('');
+ const [filterYear, setFilterYear] = useState('');
+ const [filterJournal, setFilterJournal] = useState('');
+
+ // 本地检索与筛选过滤
+ const filteredLibrary = library.filter(paper => {
+ // 1. 关键词全局检索 (标题、作者、摘要、Bibcode、arXiv ID、DOI)
+ const query = searchTerm.toLowerCase().trim();
+ if (query) {
+ const matchTitle = paper.title.toLowerCase().includes(query);
+ const matchAuthors = paper.authors.some(a => a.toLowerCase().includes(query));
+ const matchAbstract = paper.abstract_text.toLowerCase().includes(query);
+ const matchBibcode = paper.bibcode.toLowerCase().includes(query);
+ const matchArxivId = (paper.arxiv_id || '').toLowerCase().includes(query);
+ const matchDoi = (paper.doi || '').toLowerCase().includes(query);
+ if (!matchTitle && !matchAuthors && !matchAbstract && !matchBibcode && !matchArxivId && !matchDoi) {
+ return false;
+ }
+ }
+
+ // 2. 离线状态筛选
+ if (filterStatus === 'downloaded' && !paper.is_downloaded) return false;
+ if (filterStatus === 'undownloaded' && paper.is_downloaded) return false;
+ if (filterStatus === 'parsed' && !paper.has_markdown) return false;
+ if (filterStatus === 'translated' && !paper.has_translation) return false;
+
+ // 3. 高级元数据细化筛选
+ if (filterAuthor.trim()) {
+ const authorQuery = filterAuthor.toLowerCase().trim();
+ const matchAuthor = paper.authors.some(a => a.toLowerCase().includes(authorQuery));
+ if (!matchAuthor) return false;
+ }
+ if (filterYear.trim()) {
+ const yearQuery = filterYear.toLowerCase().trim();
+ if (!paper.year.toLowerCase().includes(yearQuery)) return false;
+ }
+ if (filterJournal.trim()) {
+ const journalQuery = filterJournal.toLowerCase().trim();
+ const matchJournal = (paper.pub_journal || '').toLowerCase().includes(journalQuery);
+ if (!matchJournal) return false;
+ }
+
+ return true;
+ });
+
+ // 本地复合排序
+ const sortedLibrary = [...filteredLibrary].sort((a, b) => {
+ if (sortBy === 'yearDesc') {
+ return (parseInt(b.year) || 0) - (parseInt(a.year) || 0);
+ }
+ if (sortBy === 'yearAsc') {
+ return (parseInt(a.year) || 0) - (parseInt(b.year) || 0);
+ }
+ if (sortBy === 'citations') {
+ return (b.citation_count || 0) - (a.citation_count || 0);
+ }
+ if (sortBy === 'title') {
+ return a.title.localeCompare(b.title);
+ }
+ // 'created' (默认): 沿用后端传回的创建时间倒序
+ return 0;
+ });
+
return (
-
-
+
+
-
本地文献库
-
已同步保存在本地物理文献库中的所有数据索引
+
本地文献馆藏库
+
查看和整理已同步离线保存的本地文献资源
+ {/* 搜索、筛选与排序工具栏 */}
+ {library.length > 0 && (
+
+
+ {/* 本地检索 */}
+
+
+
+
+ setSearchTerm(e.target.value)}
+ placeholder="搜索文献标题、作者、摘要、Bibcode、arXiv ID 或 DOI..."
+ className="w-full pl-9 pr-3 py-2 rounded-lg bg-slate-50 border border-slate-250 text-slate-900 placeholder-slate-400 focus:outline-none focus:border-sky-500 focus:bg-white transition-all text-xs font-medium"
+ />
+
+
+
+ {/* 状态过滤 */}
+
+
+
+
+
+ {/* 排序方式 */}
+
+
+
+
+
+ {/* 高级元数据细化筛选触发器 */}
+
+
+
+
+
+ {/* 展开的元数据细化筛选字段 */}
+ {showAdvanced && (
+
+ )}
+
+ )}
+
{library.length === 0 ? (
-
+
-
本地文献库空空如也
-
您检索到的天文学文献会在下载后自动同步到此处进行离线保存
+
本地文献馆藏为空
+
您在检索控制台下载的天体文献会自动同步离线保存到这里，方便进行无网双语解析阅读。
+
+ ) : sortedLibrary.length === 0 ? (
+
+
+
未找到符合筛选条件的文献
+
请尝试修改您的馆藏检索关键词或放宽离线状态及高级元数据筛选条件。
+
) : (
- {library.map(paper => {
- const isDownloading = downloadingBibcodes[paper.bibcode] || false;
+ {sortedLibrary.map(paper => {
return (
-
-
-
-
openReader(paper)}
- >
- {paper.title}
-
- {paper.is_downloaded ? (
- 已下载
- ) : (
- 未下载
- )}
-
-
- {paper.authors.slice(0, 2).join(', ')}{paper.authors.length > 2 ? ' et al.' : ''} | {paper.year}
-
-
{paper.abstract_text}
+
onShowDetail(paper)}
+ className="console-panel p-5 rounded-xl border border-slate-200 hover:border-sky-350 bg-white flex flex-col justify-between relative overflow-hidden group transition-all cursor-pointer shadow-sm"
+ >
+ {/* 状态角标 */}
+
+ {paper.has_translation
+ ? '已翻译'
+ : paper.has_markdown
+ ? '已解析'
+ : paper.is_downloaded
+ ? '已下载'
+ : '未下载'}
-
-
-
-
- {paper.is_downloaded ? (
-
- ) : (
-
- )}
+
+
+
+ {getDoctypeBadge(paper.doctype)}
+ {paper.title}
+
+
+ 作者: {paper.authors.slice(0, 2).join(', ')}{paper.authors.length > 2 ? ' 等' : ''} | 发表年份: {paper.year}
+
+
-
-
-
-
{paper.bibcode}
+
+
e.stopPropagation()}>
+ {paper.bibcode === paper.arxiv_id ? `arXiv:${paper.arxiv_id}` : paper.bibcode}
+
+
+
+
+ {paper.has_markdown ? '正文' : '未解析'}
+
+
+
+ {paper.has_translation ? '翻译' : '未翻译'}
+
diff --git a/dashboard/src/features/reader/ReaderPanel.tsx b/dashboard/src/features/reader/ReaderPanel.tsx
index 5cde2c7..6a3f4f9 100644
--- a/dashboard/src/features/reader/ReaderPanel.tsx
+++ b/dashboard/src/features/reader/ReaderPanel.tsx
@@ -1,6 +1,8 @@
// dashboard/src/features/reader/ReaderPanel.tsx
+import { useState, useRef } from 'react';
import ReactMarkdown from 'react-markdown';
import remarkMath from 'remark-math';
+import remarkGfm from 'remark-gfm';
import rehypeKatex from 'rehype-katex';
import 'katex/dist/katex.min.css';
import { FileText, Loader, Languages, RotateCw, Pencil, X, PlusCircle, Trash2 } from 'lucide-react';
@@ -28,13 +30,14 @@ interface ReaderPanelProps {
setNewNoteText: (text: string) => void;
handleCreateNote: () => void;
handleDeleteNote: (id: number) => void;
+ showConfirm: (message: string, onConfirm: () => void, title?: string) => void;
}
-const NOTE_COLORS: Record
= {
- yellow: { bg: 'bg-yellow-500/20', border: 'border-yellow-500/40', label: '黄色' },
- green: { bg: 'bg-emerald-500/20', border: 'border-emerald-500/40', label: '绿色' },
- blue: { bg: 'bg-blue-500/20', border: 'border-blue-500/40', label: '蓝色' },
- pink: { bg: 'bg-pink-500/20', border: 'border-pink-500/40', label: '粉色' },
+const NOTE_COLORS: Record = {
+ cyan: { bg: 'bg-cyan-50 border-cyan-200', border: 'border-cyan-300', label: '天蓝色', text: 'text-cyan-800' },
+ amber: { bg: 'bg-amber-50 border-amber-200', border: 'border-amber-300', label: '星光金', text: 'text-amber-800' },
+ purple: { bg: 'bg-purple-50 border-purple-200', border: 'border-purple-300', label: '淡紫色', text: 'text-purple-800' },
+ green: { bg: 'bg-emerald-50 border-emerald-200', border: 'border-emerald-300', label: '荧光绿', text: 'text-emerald-800' },
};
export function ReaderPanel({
@@ -59,34 +62,131 @@ export function ReaderPanel({
setNewNoteText,
handleCreateNote,
handleDeleteNote,
+ showConfirm,
}: ReaderPanelProps) {
+ const [viewMode, setViewMode] = useState<'bilingual' | 'english' | 'chinese'>(() => {
+ if (typeof window !== 'undefined' && window.innerWidth < 768) {
+ return 'english';
+ }
+ return 'bilingual';
+ });
+
+ const englishRef = useRef(null);
+ const chineseRef = useRef(null);
+ const [syncScroll, setSyncScroll] = useState(true);
+ const scrollLock = useRef(false);
+
+ const handleEnglishScroll = () => {
+ if (!syncScroll) return;
+ if (scrollLock.current) return;
+ const eng = englishRef.current;
+ const chn = chineseRef.current;
+ if (!eng || !chn) return;
+
+ scrollLock.current = true;
+ const ratio = eng.scrollTop / (eng.scrollHeight - eng.clientHeight || 1);
+ chn.scrollTop = ratio * (chn.scrollHeight - chn.clientHeight);
+ requestAnimationFrame(() => {
+ scrollLock.current = false;
+ });
+ };
+
+ const handleChineseScroll = () => {
+ if (!syncScroll) return;
+ if (scrollLock.current) return;
+ const eng = englishRef.current;
+ const chn = chineseRef.current;
+ if (!eng || !chn) return;
+
+ scrollLock.current = true;
+ const ratio = chn.scrollTop / (chn.scrollHeight - chn.clientHeight || 1);
+ eng.scrollTop = ratio * (eng.scrollHeight - eng.clientHeight);
+ requestAnimationFrame(() => {
+ scrollLock.current = false;
+ });
+ };
+
return (
-
+
{/* 控制头部 */}
-
+
-
{selectedPaper.title}
-
-
期刊: {selectedPaper.pub_journal}
+
{selectedPaper.title}
+
+ 发表期刊: {selectedPaper.pub_journal || '未标注'}
•
- Bibcode: {selectedPaper.bibcode}
+ 文献编码: {selectedPaper.bibcode}
-
+
+ {(englishText || chineseText) && (
+
+
+
+
+
+ )}
+ {(englishText || chineseText) && viewMode === 'bilingual' && (
+
+ )}
{!selectedPaper.has_markdown ? (
) : (
)}
- {selectedPaper.has_markdown && (
+ {selectedPaper.has_markdown && !selectedPaper.has_translation && (
)}
@@ -109,7 +209,7 @@ export function ReaderPanel({
{/* 并排对比阅读器 */}
-
- {/* 英文正文面板 */}
-
-
-
英文解析正文 (Markdown/LaTeX)
-
-
-
- {parsing ? (
-
-
-
优先解析本地 HTML 转换为 MD，回退则调用 MinerU 解析 PDF 并自动同步图床...
-
- ) : englishText ? (
-
- {englishText.split('\n\n').map((para, idx) => (
-
handleTextSelection(idx)}
- className={`cursor-text relative rounded px-1 -mx-1 transition-colors ${
- notes.some(n => n.paragraph_index === idx)
- ? `${NOTE_COLORS[notes.find(n => n.paragraph_index === idx)!.highlight_color]?.bg || ''} ${NOTE_COLORS[notes.find(n => n.paragraph_index === idx)!.highlight_color]?.border || ''} border`
- : 'hover:bg-slate-100'
- }`}
- >
-
- {para}
-
-
- ))}
-
- ) : (
-
-
-
本篇文献暂无已解析的英文 Markdown 正文
-
请点击右上方按钮开始结构化正文解析
-
- )}
-
-
- {/* 中文翻译面板 */}
-
-
中文翻译 (天文学术语修正)
-
- {translating ? (
-
-
-
加载天文学词典模糊词库映射，生成定制学术 prompt 发送至大模型...
-
- ) : chineseText ? (
-
-
+ {(viewMode === 'english' || viewMode === 'bilingual') && (
+
+
+
英文解析正文
+
- ) : (
-
-
-
本篇文献暂无已缓存的翻译结果
-
需点击上方“大模型对比翻译”按钮开始翻译
+
+ {parsing ? (
+
+
+
正在提取源文献正文排版，并转换至 Markdown 排版...
+
+ ) : englishText ? (
+
+ {englishText.split('\n\n').map((para, idx) => (
+
handleTextSelection(idx)}
+ className={`cursor-text relative rounded px-1.5 -mx-1.5 py-1 transition-colors duration-200 ${
+ notes.some(n => n.paragraph_index === idx)
+ ? `${NOTE_COLORS[notes.find(n => n.paragraph_index === idx)!.highlight_color]?.bg || ''} ${NOTE_COLORS[notes.find(n => n.paragraph_index === idx)!.highlight_color]?.border || ''} border`
+ : 'hover:bg-slate-100'
+ }`}
+ >
+
+ {para}
+
+
+ ))}
+
+ ) : (
+
+
+
本篇文献暂无已解析的英文源正文
+
请点击上方按钮提取文档结构正文
+
+ )}
+
+ )}
+
+ {(viewMode === 'chinese' || viewMode === 'bilingual') && (
+
+
+ {translating ? (
+
+
+
天文学专属词典加载中，正在通过大模型进行术语修正翻译...
+
+ ) : chineseText ? (
+
+
+ {chineseText}
+
+
+ ) : (
+
+
+
本篇文献暂无已缓存的翻译结果
+
需点击上方“生成智能翻译”按钮启动大模型翻译
+
+ )}
+
-
-
段落笔记 ({notes.length})
-