From 3a0a1800cade4b5c7f3fc7dc2b1addb0987d9570 Mon Sep 17 00:00:00 2001
From: mrsibe <mrsibe@qq.com>
Date: Fri, 2 Oct 2026 12:48:20 +0800
Subject: [PATCH] feat: move notes tools into studio-style content cards

---
 .github/images/notes-studio-dark.png          | Bin 0 -> 15041 bytes
 .github/images/notes-studio-light.png         | Bin 0 -> 14672 bytes
 DESIGN.md                                     |  88 ++++++++++++++-
 src/renderer/src/assets/theme.css             |  28 +++++
 .../src/components/notebook/NotePanel.tsx     | 104 ++++++++++--------
 .../src/components/notebook/noteTools.ts      |  49 +++++++++
 src/renderer/src/locales/en-US/notebook.json  |   2 +-
 src/renderer/src/locales/zh-CN/notebook.json  |   2 +-
 test/noteTools.test.ts                        |  86 +++++++++++++++
 9 files changed, 309 insertions(+), 50 deletions(-)
 create mode 100644 .github/images/notes-studio-dark.png
 create mode 100644 .github/images/notes-studio-light.png
 create mode 100644 src/renderer/src/components/notebook/noteTools.ts
 create mode 100644 test/noteTools.test.ts

diff --git a/.github/images/notes-studio-dark.png b/.github/images/notes-studio-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..ebf1d2b852ef984a0dde040c4bc4b7da75fafa59
GIT binary patch
literal 15041
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
Cc)6<p

literal 0
HcmV?d00001

diff --git a/.github/images/notes-studio-light.png b/.github/images/notes-studio-light.png
new file mode 100644
index 0000000000000000000000000000000000000000..e1979d7858ec685948779771ae000cfa42c9e402
GIT binary patch
literal 14672
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
I@VEc}0VyHciU0rr

literal 0
HcmV?d00001

diff --git a/DESIGN.md b/DESIGN.md
index c18ecfb..6d46f29 100644
--- a/DESIGN.md
+++ b/DESIGN.md
@@ -235,7 +235,9 @@ Rules:
 - **Never invent a background colour.** `bg-white`, `bg-black`, `bg-gray-*`,
   `bg-slate-*`, `bg-[…]` and raw `oklch()`/`hsl()` in a component are all
   violations. If the surface you need is not in the table, the table is wrong —
-  extend it here.
+  extend it here. The one narrow, deliberate exception is the four [tool
+  fills](#tool-fills): a coloured card background on the Notes creation tools and
+  nothing else.
 - `surface-hover` and `surface-selected` are translucent so that they adapt to
   whatever they are drawn on. Do not add alpha to them again (`bg-surface-hover/50`
   is a bug).
@@ -272,6 +274,42 @@ blue-tinted neutral in the palette. They have been deleted; do not reintroduce
 them — the `secondary` **variant** name is unrelated to a `--secondary` colour
 and is spelled with `bg-muted`.
 
+### Tool fills
+
+Implementation: `components/notebook/noteTools.ts` (the token on each tool),
+`assets/theme.css` (values and Tailwind mappings), and
+`components/notebook/NotePanel.tsx` (the only consumer).
+
+These four tokens exist for the Notes panel's creation tools — create note, mind
+map, quiz, Anki — which are the one place a **card** carries colour. They are not
+a surface tier, not an accent and not chart colours: a decorative pastel fill that
+lets the four action cards be told apart at a glance. The grid is `2 x 2`, in the
+order create note, mind map, quiz, Anki.
+
+| Token            | Tailwind          | Light                    | Dark                   | Tool        |
+| ---------------- | ----------------- | ------------------------ | ---------------------- | ----------- |
+| `--tool-note`    | `bg-tool-note`    | `oklch(0.935 0.045 250)` | `oklch(0.32 0.04 250)` | Create note |
+| `--tool-mindmap` | `bg-tool-mindmap` | `oklch(0.935 0.045 300)` | `oklch(0.32 0.04 300)` | Mind map    |
+| `--tool-quiz`    | `bg-tool-quiz`    | `oklch(0.935 0.045 150)` | `oklch(0.32 0.04 150)` | Quiz        |
+| `--tool-anki`    | `bg-tool-anki`    | `oklch(0.935 0.045 85)`  | `oklch(0.32 0.045 85)` | Anki        |
+
+Rules:
+
+- **Scope is exactly these four cards.** A fifth use — a badge, a tinted list row,
+  a status chip — is a rule change and belongs in this document before it belongs in
+  the code. `--chart-*` and `--primary` may not be borrowed for this either; the
+  chart guard stays as it is.
+- **Text and icons stay neutral.** The icon stays `text-muted-foreground` (T2,
+  neutral) and the label stays `text-foreground` (T1, `text-sm font-medium`). Colour
+  carries the tool's identity; the glyph and the word carry the meaning, so colour is
+  never the only carrier of anything.
+- **Low saturation on purpose.** Chroma stays at 0.04–0.05 so a pastel tile never
+  competes with the `--primary` action or a chart. They sit deliberately outside the
+  surface ladder: light values are a step _below_ `--surface-base` (a recessed tile)
+  and dark values a step _above_ it (a muted raise), so the card reads as a distinct
+  tile rather than as a panel in either scheme. Both stay above `--border`, so the
+  card's hairline is visible in both themes.
+
 ## Window chrome
 
 The title bar is the one piece of the interface the OS and the renderer draw
@@ -1039,6 +1077,54 @@ area, so a panel-level empty state opts out with `border-none`
 (`DocumentList`). The primitive keeps its dashed hairline — that opt-out is the
 exception, and it belongs to the panel that asked for it, not to `Empty`.
 
+### Tool card
+
+Implementation: `components/notebook/NotePanel.tsx`, over the four
+[Tool fills](#tool-fills). The Notes panel's creation grid is a `2 x 2` of these,
+rendered as the first block **inside** the panel's content scroll area so a short
+window scrolls the cards and the item list together. The panel header keeps the
+`Notes` title only — it carries no tool buttons.
+
+```tsx
+<div className="grid grid-cols-2 gap-2 p-2">
+  <Button
+    type="button"
+    variant="ghost"
+    className="group relative h-auto w-full overflow-hidden flex-col items-start justify-start gap-2 whitespace-normal rounded-lg border border-border bg-tool-note p-3 text-left hover:bg-tool-note"
+  >
+    <span
+      aria-hidden="true"
+      className="pointer-events-none absolute inset-0 bg-surface-hover opacity-0 transition-opacity group-hover:opacity-100"
+    />
+    <span className="relative flex flex-col items-start gap-2">
+      <Icon className="text-muted-foreground" />
+      <span className="text-sm font-medium text-foreground">{label}</span>
+    </span>
+  </Button>
+</div>
+```
+
+- **Density:** `p-3` card padding; `gap-2` between icon and label and between
+  cards. Height is content-driven (never `h-9`): a wrapped English label
+  ("Generate Anki Cards") sets the row height in a 260px panel.
+- **Radius:** `rounded-lg` (8px), the container radius — a card is a container even
+  though it is a button. Border `border border-border`; **no shadow**.
+- **Label never truncates:** `whitespace-normal` overrides `Button`'s default
+  `whitespace-nowrap`, which would clip the label at the panel minimum. The icon
+  sits above a left-aligned label (`flex-col items-start`), not beside it.
+- **Hover is composited, not swapped.** The tool fill is opaque, so
+  `hover:bg-surface-hover` would replace it; the sanctioned overlay from
+  [Raised card](#raised-card) adds the translucent fill on top instead, and
+  each card's matching `hover:bg-tool-*` keeps its opaque fill instead of the
+  `ghost` variant's default hover fill.
+- **Focus and disabled** come from `Button`:
+  `focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background`
+  and `disabled:pointer-events-none disabled:opacity-50`.
+- **No selected state.** These are actions, not a mode switch: pressing one runs and
+  returns (a blank note opens the editor; the other three generate an artifact), so
+  no card stays pressed. That state is unreachable and is recorded here rather than
+  invented.
+
 ### Form field
 
 Implementation: `components/ui/field.tsx` — `Field`, `FieldSet`, `FieldLegend`,
diff --git a/src/renderer/src/assets/theme.css b/src/renderer/src/assets/theme.css
index 6ded888..1686d42 100644
--- a/src/renderer/src/assets/theme.css
+++ b/src/renderer/src/assets/theme.css
@@ -81,6 +81,22 @@
   --chart-4: oklch(0.8249 0.097 82.2597);
   --chart-5: oklch(0.6936 0.1635 318.2073);
 
+  /*
+   * Tool fills. Four low-saturation card backgrounds used **only** by the Notes
+   * panel's creation-tool cards (create note / mind map / quiz / Anki), in that
+   * order. This is a sanctioned, narrow exception to the surface ladder: the tool
+   * cards are a decorative grid of action buttons, and a pastel tint is what lets
+   * the four be told apart at a glance. Nothing else may use these tokens, they
+   * carry neutral text and icons (the icon stays T2 and the label T1), and they
+   * are not chart colours — see DESIGN.md, "Tool fills". Light values sit a step
+   * below `--surface-base` (a recessed tile); the dark values below are the
+   * matching muted raise above it.
+   */
+  --tool-note: oklch(0.935 0.045 250);
+  --tool-mindmap: oklch(0.935 0.045 300);
+  --tool-quiz: oklch(0.935 0.045 150);
+  --tool-anki: oklch(0.935 0.045 85);
+
   /* Elevation: floating layers, plus a small lift for knobs and handles. */
   --shadow-elevation: 0 6px 16px -4px hsl(0 0% 0% / 0.12), 0 2px 4px -1px hsl(0 0% 0% / 0.06);
   --shadow-control: 0 1px 2px 0 hsl(0 0% 0% / 0.16);
@@ -202,6 +218,14 @@
   --chart-4: oklch(0.8249 0.097 82.2597);
   --chart-5: oklch(0.6936 0.1635 318.2073);
 
+  /* Tool fills (Notes creation cards). A muted raise above `--surface-base`, and
+     above `--border` (0.3052), so the card's hairline stays visible in dark mode
+     the same way the light tile's does. */
+  --tool-note: oklch(0.32 0.04 250);
+  --tool-mindmap: oklch(0.32 0.04 300);
+  --tool-quiz: oklch(0.32 0.04 150);
+  --tool-anki: oklch(0.32 0.045 85);
+
   --shadow-elevation: 0 8px 22px -6px hsl(0 0% 0% / 0.55), 0 2px 4px -1px hsl(0 0% 0% / 0.35);
   --shadow-control: 0 1px 2px 0 hsl(0 0% 0% / 0.5);
 
@@ -259,6 +283,10 @@
   --color-chart-3: var(--chart-3);
   --color-chart-4: var(--chart-4);
   --color-chart-5: var(--chart-5);
+  --color-tool-note: var(--tool-note);
+  --color-tool-mindmap: var(--tool-mindmap);
+  --color-tool-quiz: var(--tool-quiz);
+  --color-tool-anki: var(--tool-anki);
   --color-sidebar: var(--sidebar);
   --color-sidebar-foreground: var(--sidebar-foreground);
   --color-sidebar-primary: var(--sidebar-primary);
diff --git a/src/renderer/src/components/notebook/NotePanel.tsx b/src/renderer/src/components/notebook/NotePanel.tsx
index 780fee7..8207373 100644
--- a/src/renderer/src/components/notebook/NotePanel.tsx
+++ b/src/renderer/src/components/notebook/NotePanel.tsx
@@ -1,13 +1,15 @@
 import { ReactElement, useEffect, useRef, useState } from 'react'
-import { Save, Trash2, ArrowLeft, Network, FileText, ClipboardCheck, Layers } from 'lucide-react'
+import { Save, Trash2, ArrowLeft } from 'lucide-react'
 import { useTranslation } from 'react-i18next'
 import { toast } from 'sonner'
 import { useParams } from 'react-router-dom'
+import { cn } from '@/lib/utils'
 import { useItemStore } from '../../store/itemStore'
 import { useUIStore } from '../../store/uiStore'
 import { setupMindMapListeners } from '../../store/mindmapStore'
 import NoteEditor from './note/NoteEditor'
 import ItemList from './item/ItemList'
+import { NOTE_TOOLS, type NoteTool, type NoteToolId } from './noteTools'
 import QuizStartDialog, { QuizStartParams } from './quiz/QuizStartDialog'
 import AnkiConfigDialog from './anki/AnkiConfigDialog'
 import { ScrollArea } from '../ui/scroll-area'
@@ -137,6 +139,40 @@ function NoteEditorPanel({
   )
 }
 
+// 创建工具卡片：图标在上、左对齐标签在下。悬停用合成填充（半透明 surface-hover
+// 叠在彩色卡片上），不替换彩色底色。这些是动作按钮，没有持续选中态。
+function NoteToolCard({
+  tool,
+  label,
+  onClick
+}: {
+  tool: NoteTool
+  label: string
+  onClick: () => void
+}): ReactElement {
+  const { Icon } = tool
+  return (
+    <Button
+      type="button"
+      variant="ghost"
+      onClick={onClick}
+      className={cn(
+        'group relative h-auto w-full overflow-hidden flex-col items-start justify-start gap-2 whitespace-normal rounded-lg border border-border p-3 text-left',
+        tool.surfaceClassName
+      )}
+    >
+      <span
+        aria-hidden="true"
+        className="pointer-events-none absolute inset-0 bg-surface-hover opacity-0 transition-opacity group-hover:opacity-100"
+      />
+      <span className="relative flex flex-col items-start gap-2">
+        <Icon className="text-muted-foreground" />
+        <span className="text-sm font-medium text-foreground">{label}</span>
+      </span>
+    </Button>
+  )
+}
+
 export default function NotePanel(): ReactElement {
   const { t } = useTranslation('notebook')
   const { id: notebookId } = useParams()
@@ -324,6 +360,14 @@ export default function NotePanel(): ReactElement {
     setShowQuizStartDialog(true)
   }
 
+  // 四张工具卡片的动作，按 noteTools 中的顺序引用
+  const toolActions: Record<NoteToolId, () => void> = {
+    note: handleCreateNote,
+    mindmap: handleGenerateMindMap,
+    quiz: handleGenerateQuiz,
+    anki: handleGenerateAnki
+  }
+
   // 开始生成答题
   const handleQuizStart = async (params: QuizStartParams) => {
     if (!notebookId) return
@@ -378,7 +422,7 @@ export default function NotePanel(): ReactElement {
       ) : (
         // 列表页面
         <>
-          {/* 顶部工具栏 */}
+          {/* 顶部标题栏：只保留标题，工具入口移到下方内容区 */}
           <PanelHeader
             draggable
             left={
@@ -386,54 +430,20 @@ export default function NotePanel(): ReactElement {
                 {t('notes')}
               </span>
             }
-            right={
-              <>
-                <Button
-                  onClick={handleGenerateMindMap}
-                  variant="ghost"
-                  size="icon"
-                  className="w-8 h-8"
-                  style={{ WebkitAppRegion: 'no-drag' } as React.CSSProperties}
-                  title={t('generateMindMap')}
-                >
-                  <Network className="w-4 h-4" />
-                </Button>
-                <Button
-                  onClick={handleGenerateQuiz}
-                  variant="ghost"
-                  size="icon"
-                  className="w-8 h-8"
-                  style={{ WebkitAppRegion: 'no-drag' } as React.CSSProperties}
-                  title={t('generateQuiz')}
-                >
-                  <ClipboardCheck className="w-4 h-4" />
-                </Button>
-                <Button
-                  onClick={handleGenerateAnki}
-                  variant="ghost"
-                  size="icon"
-                  className="w-8 h-8"
-                  style={{ WebkitAppRegion: 'no-drag' } as React.CSSProperties}
-                  title={t('generateAnki')}
-                >
-                  <Layers className="w-4 h-4" />
-                </Button>
-                <Button
-                  onClick={handleCreateNote}
-                  variant="ghost"
-                  size="icon"
-                  className="w-8 h-8"
-                  style={{ WebkitAppRegion: 'no-drag' } as React.CSSProperties}
-                  title={t('createNote')}
-                >
-                  <FileText className="w-4 h-4" />
-                </Button>
-              </>
-            }
           />
 
-          {/* Items 列表（笔记 + 思维导图等） */}
+          {/* 内容区：工具卡片与条目列表共用同一个滚动区，矮窗口下一起滚动 */}
           <ScrollArea className="flex-1">
+            <div className="grid grid-cols-2 gap-2 p-2">
+              {NOTE_TOOLS.map((tool) => (
+                <NoteToolCard
+                  key={tool.id}
+                  tool={tool}
+                  label={t(tool.labelKey)}
+                  onClick={toolActions[tool.id]}
+                />
+              ))}
+            </div>
             <ItemList
               items={items}
               currentNote={currentNote}
diff --git a/src/renderer/src/components/notebook/noteTools.ts b/src/renderer/src/components/notebook/noteTools.ts
new file mode 100644
index 0000000..2ad91ee
--- /dev/null
+++ b/src/renderer/src/components/notebook/noteTools.ts
@@ -0,0 +1,49 @@
+import { FileText, Network, ClipboardCheck, Layers } from 'lucide-react'
+import type { LucideIcon } from 'lucide-react'
+
+/**
+ * The Notes panel's four creation tools, in the order they render (a 2 x 2 grid).
+ *
+ * They are action buttons, not a mode switch: pressing one runs and returns — a
+ * blank note opens the editor, the other three generate an artifact — so there is
+ * no persistent selected state to express, and none is invented. `surfaceClassName`
+ * is the card's background token from DESIGN.md, "Tool fills"; those four tokens
+ * exist for these cards only.
+ */
+export type NoteToolId = 'note' | 'mindmap' | 'quiz' | 'anki'
+
+export interface NoteTool {
+  id: NoteToolId
+  /** i18n key in the `notebook` namespace. */
+  labelKey: string
+  Icon: LucideIcon
+  /** The sanctioned tool-card background utility (DESIGN.md, "Tool fills"). */
+  surfaceClassName: string
+}
+
+export const NOTE_TOOLS: readonly NoteTool[] = [
+  {
+    id: 'note',
+    labelKey: 'createNote',
+    Icon: FileText,
+    surfaceClassName: 'bg-tool-note hover:bg-tool-note'
+  },
+  {
+    id: 'mindmap',
+    labelKey: 'generateMindMap',
+    Icon: Network,
+    surfaceClassName: 'bg-tool-mindmap hover:bg-tool-mindmap'
+  },
+  {
+    id: 'quiz',
+    labelKey: 'generateQuiz',
+    Icon: ClipboardCheck,
+    surfaceClassName: 'bg-tool-quiz hover:bg-tool-quiz'
+  },
+  {
+    id: 'anki',
+    labelKey: 'generateAnki',
+    Icon: Layers,
+    surfaceClassName: 'bg-tool-anki hover:bg-tool-anki'
+  }
+]
diff --git a/src/renderer/src/locales/en-US/notebook.json b/src/renderer/src/locales/en-US/notebook.json
index fc9c6e0..c536b4f 100644
--- a/src/renderer/src/locales/en-US/notebook.json
+++ b/src/renderer/src/locales/en-US/notebook.json
@@ -20,7 +20,7 @@
   "noteSaved": "Saved",
   "excerptSourceMissing": "This excerpt's source is no longer available.",
   "noNotesYet": "No notes yet",
-  "noNotesYetDesc": "Click the \"+\" button in the top right to create a note",
+  "noNotesYetDesc": "Use the Create Note card above to add a note",
   "unsavedChangesWarning": "You have unsaved changes. Are you sure you want to leave?",
   "unsavedChangesTitle": "Unsaved Changes",
   "unsavedChangesMessage": "You have unsaved changes. Are you sure you want to switch to another Notebook?",
diff --git a/src/renderer/src/locales/zh-CN/notebook.json b/src/renderer/src/locales/zh-CN/notebook.json
index f487a67..796a137 100644
--- a/src/renderer/src/locales/zh-CN/notebook.json
+++ b/src/renderer/src/locales/zh-CN/notebook.json
@@ -17,7 +17,7 @@
   "delete": "删除",
   "confirmDeleteNote": "确定要删除这个笔记吗？",
   "noNotesYet": "暂无笔记",
-  "noNotesYetDesc": "点击右上角的\"+\"按钮创建笔记",
+  "noNotesYetDesc": "点击上方的\"创建笔记\"卡片添加笔记",
   "deleteNote": "删除笔记",
   "deleteNoteWarning": "确定要删除这个笔记吗？此操作无法撤销。",
   "unsavedChangesWarning": "您有未保存的修改，确定要离开吗？",
diff --git a/test/noteTools.test.ts b/test/noteTools.test.ts
new file mode 100644
index 0000000..539ef4e
--- /dev/null
+++ b/test/noteTools.test.ts
@@ -0,0 +1,86 @@
+import { test } from 'node:test'
+import assert from 'node:assert/strict'
+import { readFileSync, readdirSync, statSync } from 'node:fs'
+import { join } from 'node:path'
+import { NOTE_TOOLS } from '../src/renderer/src/components/notebook/noteTools.ts'
+
+/**
+ * The Notes panel's creation tools moved out of the header into a 2 x 2 grid of
+ * labelled cards (DESIGN.md, "Tool card"). That grid is the only consumer of the
+ * four `tool-*` fills, and the four fills exist only for it. These tests pin the
+ * parts a reviewer would otherwise have to eyeball: the order, the token-to-tool
+ * mapping, the token definitions in both themes, the scope, and the copy that used
+ * to point at a button that is no longer there.
+ */
+
+const read = (path: string): string => readFileSync(path, 'utf8')
+
+const rendererSources = (dir: string, files: string[] = []): string[] => {
+  for (const entry of readdirSync(dir)) {
+    const path = join(dir, entry)
+    if (statSync(path).isDirectory()) rendererSources(path, files)
+    else if (/\.(ts|tsx)$/.test(path)) files.push(path.replace(/\\/g, '/'))
+  }
+  return files
+}
+
+test('the tool grid is create note, mind map, quiz, Anki in that order', () => {
+  assert.deepEqual(
+    NOTE_TOOLS.map((tool) => tool.id),
+    ['note', 'mindmap', 'quiz', 'anki']
+  )
+})
+
+test('each tool carries its own approved fill and a locale label key', () => {
+  assert.deepEqual(
+    NOTE_TOOLS.map((tool) => tool.surfaceClassName.split(' ')[0]),
+    ['bg-tool-note', 'bg-tool-mindmap', 'bg-tool-quiz', 'bg-tool-anki']
+  )
+  assert.deepEqual(
+    NOTE_TOOLS.map((tool) => tool.labelKey),
+    ['createNote', 'generateMindMap', 'generateQuiz', 'generateAnki']
+  )
+  // The four are distinct; a duplicated token would make two cards indistinguishable.
+  assert.equal(new Set(NOTE_TOOLS.map((tool) => tool.surfaceClassName)).size, 4)
+})
+
+test('hover retains each opaque tool fill underneath the state overlay', () => {
+  for (const tool of NOTE_TOOLS) {
+    const [fill, hover] = tool.surfaceClassName.split(' ')
+    assert.equal(hover, `hover:${fill}`)
+  }
+  const panel = read('src/renderer/src/components/notebook/NotePanel.tsx')
+  assert.doesNotMatch(panel, /hover:bg-transparent/)
+  assert.match(panel, /bg-surface-hover opacity-0 transition-opacity group-hover:opacity-100/)
+})
+
+test('theme.css defines a light value, a dark value and a Tailwind mapping per fill', () => {
+  const css = read('src/renderer/src/assets/theme.css')
+
+  for (const token of ['tool-note', 'tool-mindmap', 'tool-quiz', 'tool-anki']) {
+    const values = css.match(new RegExp(`--${token}: oklch\\(`, 'g')) || []
+    assert.equal(values.length, 2, `${token} needs one light and one dark value`)
+    assert.ok(css.includes(`--color-${token}: var(--${token})`), `${token} needs a mapping`)
+  }
+})
+
+test('the tool fills are used only by the Notes tool cards', () => {
+  const users = rendererSources(join('src', 'renderer', 'src')).filter((file) =>
+    read(file).includes('bg-tool-')
+  )
+  assert.deepEqual(users, ['src/renderer/src/components/notebook/noteTools.ts'])
+})
+
+test('both locales carry the tool labels and point at the card, not a top-right plus', () => {
+  for (const locale of ['en-US', 'zh-CN']) {
+    const messages = JSON.parse(read(`src/renderer/src/locales/${locale}/notebook.json`))
+    for (const key of ['createNote', 'generateMindMap', 'generateQuiz', 'generateAnki']) {
+      assert.ok(messages[key], `${locale} is missing ${key}`)
+    }
+    const description: string = messages.noNotesYetDesc
+    assert.ok(description, `${locale} has noNotesYetDesc`)
+    assert.doesNotMatch(description, /top right|右上角/)
+    // The empty-state hint names the card the user now clicks.
+    assert.ok(description.includes(messages.createNote), `${locale} should name the create card`)
+  }
+})