|
| 1 | +/** |
| 2 | + * NoteHeaderActions — 笔记阅读头动作组（v0.20.5：NotesPage 编排瘦身拆分）。 |
| 3 | + * |
| 4 | + * @ai-context: 原内联于 NotesPage 阅读视图 headerExtra 插槽——色点（笔记级 |
| 5 | + * 颜色入口：显式色写库、显示色含组继承）/ 移动到组 / 挂体系 / |
| 6 | + * 🤖 AI 精修入口 / 🧠 模型卡草稿入口。本组件只消费选中笔记与 |
| 7 | + * 回调，自持局部态（色板开合 + 主题推导），NotesPage 不必感知； |
| 8 | + * 错误经 onError 上抛（沿用父层 status 区展示，不吞异常）。 |
| 9 | + * @ai-context: 全部为「对单条笔记的转换/组织动作」——v0.20.5 域页剥离时 |
| 10 | + * 裁决保留在笔记上下文（不属行动/复习域）。 |
| 11 | + */ |
| 12 | +import { useMemo, useState } from "react"; |
| 13 | +import { invoke } from "@tauri-apps/api/core"; |
| 14 | +import type { Note, NoteGroup } from "../types"; |
| 15 | +import { paletteHex, parseNoteProperties } from "../utils/colorPalette"; |
| 16 | +import type { ThemeMode } from "../utils/colorPalette"; |
| 17 | +import NoteColorPicker from "./NoteColorPicker"; |
| 18 | +import NoteMoveToGroupMenu from "./NoteMoveToGroupMenu"; |
| 19 | +import NoteLinkToSystem from "./NoteLinkToSystem"; |
| 20 | + |
| 21 | +interface Props { |
| 22 | + note: Note; |
| 23 | + /** 已解析显示色（含组继承——父层 noteColors 映射给出；null=默认灰） */ |
| 24 | + resolvedColor: string | null; |
| 25 | + groups: NoteGroup[]; |
| 26 | + /** 变更后父层刷新（列表重载 + 右栏选中对象回读） */ |
| 27 | + onChanged: () => void; |
| 28 | + /** 错误上抛（父层 status 区展示） */ |
| 29 | + onError: (msg: string) => void; |
| 30 | + /** 跳体系页并打开建体系向导（TD-2026-09-05-A 空体系引导） */ |
| 31 | + onGotoKnowledgeSystem?: () => void; |
| 32 | + /** 打开编辑态 AI 能力对话框（阅读态点击直接进入编辑态） */ |
| 33 | + onOpenAi: () => void; |
| 34 | + /** 打开模型卡草稿对话框（组内 model 卡唯一生成链） */ |
| 35 | + onOpenModelCard: () => void; |
| 36 | +} |
| 37 | + |
| 38 | +export default function NoteHeaderActions({ |
| 39 | + note, resolvedColor, groups, onChanged, onError, onGotoKnowledgeSystem, onOpenAi, onOpenModelCard, |
| 40 | +}: Props) { |
| 41 | + const [colorPickerOpen, setColorPickerOpen] = useState(false); |
| 42 | + // v0.14 B：当前主题（跟随 prefers-color-scheme；jsdom 无 matchMedia 回退 light） |
| 43 | + const theme: ThemeMode = useMemo( |
| 44 | + () => (typeof window !== "undefined" && window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), |
| 45 | + [], |
| 46 | + ); |
| 47 | + |
| 48 | + return ( |
| 49 | + <> |
| 50 | + {/* v0.14 B：笔记级颜色入口——色点显示解析色（含继承），picker 编辑显式色 */} |
| 51 | + <div style={{ position: "relative" }}> |
| 52 | + <span |
| 53 | + data-testid="note-color-dot" |
| 54 | + onClick={() => setColorPickerOpen((v) => !v)} |
| 55 | + title="设置笔记颜色" |
| 56 | + style={{ width: 12, height: 12, borderRadius: 3, cursor: "pointer", display: "inline-block", background: paletteHex(resolvedColor, theme) }} |
| 57 | + /> |
| 58 | + {colorPickerOpen && ( |
| 59 | + <div |
| 60 | + data-testid="note-color-picker-pop" |
| 61 | + style={{ position: "absolute", top: "100%", right: 0, zIndex: 30, background: "#fff", border: "1px solid #e5e7eb", borderRadius: 6, padding: 8, boxShadow: "0 4px 12px rgba(0,0,0,0.12)" }} |
| 62 | + > |
| 63 | + <NoteColorPicker |
| 64 | + value={parseNoteProperties(note).color ?? null} |
| 65 | + onChange={(color) => { |
| 66 | + invoke("update_note_color", { id: note.id, color }) |
| 67 | + .then(() => { |
| 68 | + setColorPickerOpen(false); |
| 69 | + // 刷新列表（色条）+ 右栏（笔记对象，handleNoteChanged 内 get_note 取最新） |
| 70 | + onChanged(); |
| 71 | + }) |
| 72 | + .catch((e) => onError(`笔记颜色设置失败: ${e}`)); |
| 73 | + }} |
| 74 | + /> |
| 75 | + </div> |
| 76 | + )} |
| 77 | + </div> |
| 78 | + {/* v0.16.1：手动分组显式入口——移动/移出组（onChanged 刷新列表+右栏） */} |
| 79 | + <NoteMoveToGroupMenu |
| 80 | + key={`move-${note.id}`} |
| 81 | + note={note} |
| 82 | + groups={groups} |
| 83 | + onChanged={onChanged} |
| 84 | + /> |
| 85 | + {/* v0.13.7 触点②：标题栏「挂到体系」入口；key=note.id 切笔记重置内部态 */} |
| 86 | + <NoteLinkToSystem |
| 87 | + key={`link-${note.id}`} |
| 88 | + noteId={note.id} |
| 89 | + onChanged={onChanged} |
| 90 | + onGotoKnowledgeSystem={onGotoKnowledgeSystem} |
| 91 | + /> |
| 92 | + {/* v0.17.0：编辑态 AI 能力统一入口（阅读态点击直接进入编辑态） */} |
| 93 | + <button |
| 94 | + data-testid="note-ai-entry" |
| 95 | + onClick={onOpenAi} |
| 96 | + title="AI 精修 / 知识补充" |
| 97 | + style={{ |
| 98 | + padding: "3px 8px", cursor: "pointer", fontSize: 11, borderRadius: 6, |
| 99 | + border: "1px solid #c7d2fe", background: "#f5f3ff", color: "#4c1d95", |
| 100 | + }} |
| 101 | + > |
| 102 | + 🤖 AI |
| 103 | + </button> |
| 104 | + {/* v0.20.3（REQ-302）：笔记段 → 模型卡草稿（组内 model 卡唯一生成链） */} |
| 105 | + <button |
| 106 | + data-testid="note-model-card-entry" |
| 107 | + onClick={onOpenModelCard} |
| 108 | + title="把本条笔记提炼为模型卡草稿（需已归组）" |
| 109 | + style={{ |
| 110 | + padding: "3px 8px", cursor: "pointer", fontSize: 11, borderRadius: 6, |
| 111 | + border: "1px solid #d1fae5", background: "#ecfdf5", color: "#047857", |
| 112 | + }} |
| 113 | + > |
| 114 | + 🧠 模型卡 |
| 115 | + </button> |
| 116 | + </> |
| 117 | + ); |
| 118 | +} |
0 commit comments