@open-slide/core 1.1.0 → 1.2.0

package/src/app/routes/home.tsx

@@ -27,7 +27,8 @@ import type { Folder, FolderIcon, SlideModule } from '../lib/sdk';
 import { loadSlide, slideIds } from '../lib/slides';
 
 export function Home() {
-  const { manifest, create, update, remove, assign, renameSlide, deleteSlide } = useFolders();
+  const { manifest, loading, create, update, remove, assign, renameSlide, deleteSlide } =
+    useFolders();
   const [searchParams, setSearchParams] = useSearchParams();
   const selectedId = searchParams.get('f') ?? DRAFT_ID;
   const t = useLocale();
@@ -168,23 +169,27 @@ export function Home() {
               <h1 className="font-heading text-[32px] font-semibold leading-[1.05] tracking-[-0.025em] md:text-[44px]">
                 {title}
               </h1>
-              <span className="folio ml-1 self-end pb-2">
-                {(isSearching ? filteredSlides.length : visibleSlides.length)
-                  .toString()
-                  .padStart(2, '0')}
-                {isSearching && (
-                  <span className="opacity-40">
-                    /{visibleSlides.length.toString().padStart(2, '0')}
-                  </span>
-                )}
-              </span>
+              {!loading && (
+                <span className="folio ml-1 self-end pb-2">
+                  {(isSearching ? filteredSlides.length : visibleSlides.length)
+                    .toString()
+                    .padStart(2, '0')}
+                  {isSearching && (
+                    <span className="opacity-40">
+                      /{visibleSlides.length.toString().padStart(2, '0')}
+                    </span>
+                  )}
+                </span>
+              )}
               <div className="ml-auto w-full md:w-auto">
                 <SearchInput value={query} onChange={setQuery} />
               </div>
             </div>
           </header>
 
-          {visibleSlides.length === 0 ? (
+          {loading ? (
+            <HomeLoading />
+          ) : visibleSlides.length === 0 ? (
             <EmptyState isDraft={isDraft} folderName={selectedFolder?.name} />
           ) : filteredSlides.length === 0 ? (
             <NoResultsState query={query} onClear={() => setQuery('')} />
@@ -271,6 +276,23 @@ function SearchInput({ value, onChange }: { value: string; onChange: (value: str
   );
 }
 
+function HomeLoading() {
+  const t = useLocale();
+  return (
+    <div className="grid place-items-center px-8 py-24 text-muted-foreground">
+      <div className="flex flex-col items-center gap-4">
+        <div className="relative h-px w-56 overflow-hidden bg-hairline">
+          <span
+            aria-hidden
+            className="line-loader-bar absolute inset-y-[-0.5px] left-0 w-1/4 bg-foreground"
+          />
+        </div>
+        <span className="eyebrow text-[11.5px]">{t.slide.loadingEyebrow}</span>
+      </div>
+    </div>
+  );
+}
+
 function NoResultsState({ query, onClear }: { query: string; onClear: () => void }) {
   const t = useLocale();
   return (

package/src/app/routes/slide.tsx

@@ -24,17 +24,20 @@ import {
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
 import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
 import { useFolders } from '@/lib/folders';
-import { useLocale } from '@/lib/use-locale';
+import { format, useLocale } from '@/lib/use-locale';
 import { useWheelPageNavigation } from '@/lib/use-wheel-page-navigation';
 import { cn } from '@/lib/utils';
 import { ClickNavZones } from '../components/click-nav-zones';
+import { NotesDrawer } from '../components/notes-drawer';
 import { PdfProgressToast } from '../components/pdf-progress-toast';
 import { Player } from '../components/player';
 import { SlideCanvas } from '../components/slide-canvas';
-import { ThumbnailRail } from '../components/thumbnail-rail';
+import { type ThumbnailActions, ThumbnailRail } from '../components/thumbnail-rail';
 import { exportSlideAsHtml } from '../lib/export-html';
 import { exportSlideAsPdf } from '../lib/export-pdf';
+import { remapNotesSessionCacheAfterReorder } from '../lib/inspector/use-notes';
 import type { SlideModule } from '../lib/sdk';
 import { loadSlide } from '../lib/slides';
 
@@ -78,6 +81,33 @@ export function Slide() {
   const index = Number.isFinite(rawIndex) ? Math.max(0, Math.min(pageCount - 1, rawIndex)) : 0;
   const view = searchParams.get('view') === 'assets' ? 'assets' : 'slides';
 
+  useEffect(() => {
+    if (!import.meta.hot) return;
+    if (!slideId || !slide || pageCount === 0) return;
+    import.meta.hot.send('open-slide:current', {
+      slideId,
+      pageIndex: index,
+      totalPages: pageCount,
+      slideTitle: slide.meta?.title ?? slideId,
+      view,
+    });
+  }, [slideId, index, pageCount, slide, view]);
+
+  const goTo = useCallback(
+    (i: number) => {
+      const clamped = Math.max(0, Math.min(pageCount - 1, i));
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          next.set('p', String(clamped + 1));
+          return next;
+        },
+        { replace: true },
+      );
+    },
+    [pageCount, setSearchParams],
+  );
+
   const reorderPage = useCallback(
     async (from: number, to: number) => {
       if (from === to) return;
@@ -91,21 +121,14 @@ export function Slide() {
       const [movedIdx] = order.splice(from, 1);
       order.splice(to, 0, movedIdx);
 
+      remapNotesSessionCacheAfterReorder(slideId, order);
+
       // Keep the user looking at the same page they were on before the drag.
       let nextIndex = index;
       if (index === from) nextIndex = to;
       else if (from < index && to >= index) nextIndex = index - 1;
       else if (from > index && to <= index) nextIndex = index + 1;
-      if (nextIndex !== index) {
-        setSearchParams(
-          (prev) => {
-            const params = new URLSearchParams(prev);
-            params.set('p', String(nextIndex + 1));
-            return params;
-          },
-          { replace: true },
-        );
-      }
+      if (nextIndex !== index) goTo(nextIndex);
 
       try {
         const res = await fetch(`/__slides/${encodeURIComponent(slideId)}/reorder`, {
@@ -119,25 +142,81 @@ export function Slide() {
         }
       } catch (err) {
         setPages(before);
+        const inverse = order.map((_, i) => order.indexOf(i));
+        remapNotesSessionCacheAfterReorder(slideId, inverse);
         toast.error(`Reorder failed: ${String((err as Error).message ?? err)}`);
       }
     },
-    [pages, index, slideId, setSearchParams],
+    [pages, index, slideId, goTo],
   );
 
-  const goTo = useCallback(
-    (i: number) => {
-      const clamped = Math.max(0, Math.min(pageCount - 1, i));
-      setSearchParams(
-        (prev) => {
-          const next = new URLSearchParams(prev);
-          next.set('p', String(clamped + 1));
-          return next;
-        },
-        { replace: true },
-      );
+  const duplicatePage = useCallback(
+    async (i: number) => {
+      const before = pages;
+      if (i < 0 || i >= before.length) return;
+      const nextPages = [...before];
+      nextPages.splice(i + 1, 0, before[i]);
+      setPages(nextPages);
+      if (index > i) goTo(index + 1);
+
+      try {
+        const res = await fetch(`/__slides/${encodeURIComponent(slideId)}/pages/${i}/duplicate`, {
+          method: 'POST',
+        });
+        if (!res.ok) {
+          const detail = await res.json().catch(() => ({ error: res.statusText }));
+          throw new Error(detail.error ?? `HTTP ${res.status}`);
+        }
+        toast.success(format(t.thumbnailRail.toastDuplicated, { n: i + 1 }));
+      } catch (err) {
+        setPages(before);
+        toast.error(
+          `${t.thumbnailRail.toastDuplicateFailed}: ${String((err as Error).message ?? err)}`,
+        );
+      }
     },
-    [pageCount, setSearchParams],
+    [pages, index, slideId, goTo, t.thumbnailRail],
+  );
+
+  const deletePage = useCallback(
+    async (i: number) => {
+      const before = pages;
+      if (i < 0 || i >= before.length || before.length <= 1) return;
+      const nextPages = before.slice(0, i).concat(before.slice(i + 1));
+      setPages(nextPages);
+      if (index >= i && index > 0) {
+        const target = index === i ? Math.min(index, nextPages.length - 1) : index - 1;
+        goTo(target);
+      }
+
+      try {
+        const res = await fetch(`/__slides/${encodeURIComponent(slideId)}/pages/${i}`, {
+          method: 'DELETE',
+        });
+        if (!res.ok) {
+          const detail = await res.json().catch(() => ({ error: res.statusText }));
+          throw new Error(detail.error ?? `HTTP ${res.status}`);
+        }
+        toast.success(format(t.thumbnailRail.toastDeleted, { n: i + 1 }));
+      } catch (err) {
+        setPages(before);
+        toast.error(
+          `${t.thumbnailRail.toastDeleteFailed}: ${String((err as Error).message ?? err)}`,
+        );
+      }
+    },
+    [pages, index, slideId, goTo, t.thumbnailRail],
+  );
+
+  const thumbnailActions = useMemo<ThumbnailActions | undefined>(
+    () =>
+      import.meta.env.DEV
+        ? {
+            onDuplicate: duplicatePage,
+            onDelete: deletePage,
+          }
+        : undefined,
+    [duplicatePage, deletePage],
   );
 
   useEffect(() => {
@@ -255,6 +334,7 @@ export function Slide() {
   return (
     <HistoryProvider>
       <InspectorProvider slideId={slideId}>
+        <SelectionReporter />
         <div className="flex h-dvh flex-col overflow-hidden bg-background text-foreground">
           {/* Editorial toolbar — three zones, hairline separators, mono-folio center */}
           <header className="relative flex h-12 shrink-0 items-center justify-between border-b border-hairline bg-sidebar/85 px-2 backdrop-blur-md md:px-3">
@@ -288,6 +368,7 @@ export function Slide() {
                   </TabsList>
                 </Tabs>
               )}
+              {import.meta.env.DEV && <AgentConnectedBadge />}
             </div>
 
             {/* Centered title — the rail and mobile pill carry the page count. */}
@@ -400,57 +481,69 @@ export function Slide() {
             </div>
           ) : (
             <DesignProvider slideId={slideId}>
-              <div className="flex min-h-0 flex-1 flex-col md:flex-row">
-                <div className="hidden w-[16.5rem] shrink-0 md:block">
-                  <ThumbnailRail
-                    pages={pages}
-                    design={slide.design}
-                    current={index}
-                    onSelect={goTo}
-                    onReorder={import.meta.env.DEV ? reorderPage : undefined}
-                  />
-                </div>
-                <main
-                  ref={slideViewportRef}
-                  data-inspector-root
-                  className="paper relative min-h-0 min-w-0 flex-1 bg-canvas p-2 md:p-10"
-                >
-                  <SlideWheelNavigation
-                    targetRef={slideViewportRef}
-                    onPrev={() => goTo(index - 1)}
-                    onNext={() => goTo(index + 1)}
-                    canPrev={index > 0}
-                    canNext={index < pageCount - 1}
-                  />
-                  <SlideCanvas design={slide.design}>
-                    <CurrentPage />
-                  </SlideCanvas>
-                  <ClickNavZones
-                    onPrev={() => goTo(index - 1)}
-                    onNext={() => goTo(index + 1)}
-                    canPrev={index > 0}
-                    canNext={index < pageCount - 1}
-                  />
-                  <InspectOverlay />
-                  <SaveBar />
-                  {import.meta.env.DEV && <CommentWidget />}
-                </main>
-                {/* Mobile-only horizontal rail. Sits below the canvas and
+              <div className="flex min-h-0 flex-1 flex-col">
+                <div className="flex min-h-0 flex-1 flex-col md:flex-row">
+                  <div className="hidden w-[16.5rem] shrink-0 md:block">
+                    <ThumbnailRail
+                      pages={pages}
+                      design={slide.design}
+                      current={index}
+                      onSelect={goTo}
+                      onReorder={import.meta.env.DEV ? reorderPage : undefined}
+                      actions={thumbnailActions}
+                    />
+                  </div>
+                  <main
+                    ref={slideViewportRef}
+                    data-inspector-root
+                    className="paper relative min-h-0 min-w-0 flex-1 bg-canvas p-2 md:p-10"
+                  >
+                    <SlideWheelNavigation
+                      targetRef={slideViewportRef}
+                      onPrev={() => goTo(index - 1)}
+                      onNext={() => goTo(index + 1)}
+                      canPrev={index > 0}
+                      canNext={index < pageCount - 1}
+                    />
+                    <SlideCanvas design={slide.design}>
+                      <CurrentPage />
+                    </SlideCanvas>
+                    <ClickNavZones
+                      onPrev={() => goTo(index - 1)}
+                      onNext={() => goTo(index + 1)}
+                      canPrev={index > 0}
+                      canNext={index < pageCount - 1}
+                    />
+                    <InspectOverlay />
+                    <SaveBar />
+                    {import.meta.env.DEV && <CommentWidget />}
+                  </main>
+                  {/* Mobile-only horizontal rail. Sits below the canvas and
                     pads its bottom for the iOS home indicator / Safari URL bar. */}
-                <div
-                  className="shrink-0 border-t border-hairline md:hidden"
-                  style={{ paddingBottom: 'env(safe-area-inset-bottom)' }}
-                >
-                  <ThumbnailRail
-                    pages={pages}
-                    design={slide.design}
-                    current={index}
-                    onSelect={goTo}
-                    orientation="horizontal"
-                  />
+                  <div
+                    className="shrink-0 border-t border-hairline md:hidden"
+                    style={{ paddingBottom: 'env(safe-area-inset-bottom)' }}
+                  >
+                    <ThumbnailRail
+                      pages={pages}
+                      design={slide.design}
+                      current={index}
+                      onSelect={goTo}
+                      orientation="horizontal"
+                      actions={thumbnailActions}
+                    />
+                  </div>
+                  <InspectorPanel />
+                  <DesignPanel open={designOpen} onClose={() => setDesignOpen(false)} />
                 </div>
-                <InspectorPanel />
-                <DesignPanel open={designOpen} onClose={() => setDesignOpen(false)} />
+                {import.meta.env.DEV && (
+                  <NotesDrawer
+                    slideId={slideId}
+                    index={index}
+                    total={pageCount}
+                    initial={slide.notes?.[index]}
+                  />
+                )}
               </div>
             </DesignProvider>
           )}
@@ -460,6 +553,48 @@ export function Slide() {
   );
 }
 
+function AgentConnectedBadge() {
+  const t = useLocale();
+  return (
+    <TooltipProvider delayDuration={200}>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <button
+            type="button"
+            className="ml-1 flex shrink-0 cursor-help items-center gap-1.5 rounded-[3px] border border-hairline bg-card px-1.5 py-0.5 text-[10.5px] text-foreground/85 outline-none focus-visible:ring-2 focus-visible:ring-ring/30"
+          >
+            <span aria-hidden className="relative flex size-1.5 items-center justify-center">
+              <span className="absolute inline-flex size-full animate-ping rounded-full bg-emerald-500 opacity-60" />
+              <span className="relative inline-flex size-1.5 rounded-full bg-emerald-500" />
+            </span>
+            {t.slide.agentConnected}
+          </button>
+        </TooltipTrigger>
+        <TooltipContent side="bottom" align="start" className="max-w-[280px] leading-relaxed">
+          {t.slide.agentConnectedTooltip}
+        </TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+function SelectionReporter() {
+  const { selected } = useInspector();
+  useEffect(() => {
+    if (!import.meta.hot) return;
+    const selection = selected
+      ? {
+          line: selected.line,
+          column: selected.column,
+          tagName: selected.anchor.tagName.toLowerCase(),
+          text: (selected.anchor.textContent ?? '').replace(/\s+/g, ' ').trim().slice(0, 120),
+        }
+      : null;
+    import.meta.hot.send('open-slide:current', { selection });
+  }, [selected]);
+  return null;
+}
+
 function SlideWheelNavigation({
   targetRef,
   onPrev,

package/src/locale/en.ts

@@ -83,6 +83,9 @@ export const en: Locale = {
   slide: {
     home: 'Home',
     backToHome: 'Back to home',
+    agentConnected: 'Agent connected',
+    agentConnectedTooltip:
+      'The dev server is publishing your current slide and inspector selection to your agent. Ask "this slide" or "this element" in chat and it will resolve. Disappears in production builds.',
     download: 'Download',
     exportAsHtml: 'Export as HTML',
     exportAsPdf: 'Export as PDF',
@@ -156,6 +159,9 @@ export const en: Locale = {
   inspector: {
     inspect: 'Inspect',
     deselect: 'Deselect',
+    agentWatching: 'Agent is watching',
+    agentWatchingTooltip:
+      'Your agent already sees the selected element via the dev server — just ask it in chat. Leave comments here only when you want to queue a few before asking.',
     contentSection: 'Content',
     typographySection: 'Typography',
     colorSection: 'Color',
@@ -192,10 +198,10 @@ export const en: Locale = {
     cropFitContain: 'Fit',
     cropApply: 'Apply',
     cropResetAria: 'Reset crop',
-    noteForAgent: 'Note for the agent',
-    noteAgentPlaceholder: 'Describe a change for the agent…',
-    noteShortcutHint: '⌘↵ to send',
-    addNote: 'Add note',
+    leaveComment: 'Leave a comment',
+    commentPlaceholder: 'Describe a change for the agent…',
+    commentShortcutHint: '⌘↵ to add',
+    addComment: 'Add comment',
     unsavedChanges: {
       one: '{count} unsaved change',
       other: '{count} unsaved changes',
@@ -288,6 +294,13 @@ export const en: Locale = {
   thumbnailRail: {
     pages: 'Pages',
     goToPageAria: 'Go to page {n}',
+    duplicatePage: 'Duplicate',
+    deletePage: 'Delete',
+    pageActionsAria: 'Page {n} actions',
+    toastDuplicated: 'Duplicated page {n}',
+    toastDeleted: 'Deleted page {n}',
+    toastDuplicateFailed: 'Could not duplicate page',
+    toastDeleteFailed: 'Could not delete page',
   },
 
   pdfToast: {
@@ -309,4 +322,13 @@ export const en: Locale = {
     prevAria: 'Previous page',
     nextAria: 'Next page',
   },
+
+  notesDrawer: {
+    toggle: 'Notes',
+    pageLabel: 'page {n}/{total}',
+    placeholder: 'Write speaker notes for this slide…',
+    statusSaving: 'Saving…',
+    statusSaved: 'Saved',
+    statusError: 'Save failed: {msg}',
+  },
 };

package/src/locale/ja.ts

@@ -81,6 +81,9 @@ export const ja: Locale = {
   },
 
   slide: {
+    agentConnected: 'エージェント接続中',
+    agentConnectedTooltip:
+      '現在のスライドと Inspector の選択状態を dev server がエージェントに公開しています。チャットで「このスライド」「この要素」と言えば認識されます。本番ビルドでは表示されません。',
     home: 'ホーム',
     backToHome: 'ホームへ戻る',
     download: 'ダウンロード',
@@ -193,10 +196,13 @@ export const ja: Locale = {
     cropFitContain: '全体表示',
     cropApply: '適用',
     cropResetAria: 'トリミングをリセット',
-    noteForAgent: 'エージェントへのメモ',
-    noteAgentPlaceholder: 'エージェントに依頼する変更を記述…',
-    noteShortcutHint: '⌘↵ で送信',
-    addNote: 'メモを追加',
+    agentWatching: 'エージェント監視中',
+    agentWatchingTooltip:
+      'エージェントは選択中の要素を dev server 経由で把握しています。直接チャットで頼めます。ここにコメントを残すのは、複数の依頼をまとめて出したいときだけで OK。',
+    leaveComment: 'コメントを残す',
+    commentPlaceholder: 'エージェントに依頼する変更を記述…',
+    commentShortcutHint: '⌘↵ で追加',
+    addComment: 'コメントを追加',
     unsavedChanges: {
       one: '未保存の変更 {count} 件',
       other: '未保存の変更 {count} 件',
@@ -292,6 +298,13 @@ export const ja: Locale = {
   thumbnailRail: {
     pages: 'ページ',
     goToPageAria: 'ページ {n} へ移動',
+    duplicatePage: '複製',
+    deletePage: '削除',
+    pageActionsAria: 'ページ {n} の操作',
+    toastDuplicated: 'ページ {n} を複製しました',
+    toastDeleted: 'ページ {n} を削除しました',
+    toastDuplicateFailed: 'ページを複製できませんでした',
+    toastDeleteFailed: 'ページを削除できませんでした',
   },
 
   pdfToast: {
@@ -313,4 +326,13 @@ export const ja: Locale = {
     prevAria: '前のページ',
     nextAria: '次のページ',
   },
+
+  notesDrawer: {
+    toggle: '発表者ノート',
+    pageLabel: '{n} / {total} ページ',
+    placeholder: 'このスライドの発表者ノートを記入…',
+    statusSaving: '保存中…',
+    statusSaved: '保存済み',
+    statusError: '保存に失敗しました: {msg}',
+  },
 };

package/src/locale/types.ts

@@ -86,6 +86,8 @@ export type Locale = {
   slide: {
     home: string;
     backToHome: string;
+    agentConnected: string;
+    agentConnectedTooltip: string;
     download: string;
     exportAsHtml: string;
     exportAsPdf: string;
@@ -161,6 +163,8 @@ export type Locale = {
   inspector: {
     inspect: string;
     deselect: string;
+    agentWatching: string;
+    agentWatchingTooltip: string;
     contentSection: string;
     typographySection: string;
     colorSection: string;
@@ -198,10 +202,10 @@ export type Locale = {
     cropFitContain: string;
     cropApply: string;
     cropResetAria: string;
-    noteForAgent: string;
-    noteAgentPlaceholder: string;
-    noteShortcutHint: string;
-    addNote: string;
+    leaveComment: string;
+    commentPlaceholder: string;
+    commentShortcutHint: string;
+    addComment: string;
     /** templates: "{count} unsaved change" / "{count} unsaved changes" */
     unsavedChanges: Plural;
     /** templates: "{count} comment" / "{count} comments" */
@@ -307,6 +311,16 @@ export type Locale = {
     pages: string;
     /** template: "Go to page {n}" */
     goToPageAria: string;
+    duplicatePage: string;
+    deletePage: string;
+    /** template: "Page {n} actions" */
+    pageActionsAria: string;
+    /** template: "Duplicated page {n}" */
+    toastDuplicated: string;
+    /** template: "Deleted page {n}" */
+    toastDeleted: string;
+    toastDuplicateFailed: string;
+    toastDeleteFailed: string;
   };
 
   pdfToast: {
@@ -329,4 +343,15 @@ export type Locale = {
     prevAria: string;
     nextAria: string;
   };
+
+  notesDrawer: {
+    toggle: string;
+    /** template: "page {n}/{total}" */
+    pageLabel: string;
+    placeholder: string;
+    statusSaving: string;
+    statusSaved: string;
+    /** template: "Save failed: {msg}" */
+    statusError: string;
+  };
 };

package/src/locale/zh-cn.ts

@@ -81,6 +81,9 @@ export const zhCN: Locale = {
   },
 
   slide: {
+    agentConnected: 'Agent 已连接',
+    agentConnectedTooltip:
+      'Dev server 正在把你目前在哪张 slide、Inspector 选了哪个元素发布给 agent。直接到聊天说"这张 slide"或"这个元素"就行。Production build 不会出现。',
     home: '首页',
     backToHome: '返回首页',
     download: '下载',
@@ -192,10 +195,13 @@ export const zhCN: Locale = {
     cropFitContain: '完整显示',
     cropApply: '应用',
     cropResetAria: '重置裁剪',
-    noteForAgent: '给代理的备注',
-    noteAgentPlaceholder: '描述你希望代理执行的更改…',
-    noteShortcutHint: '⌘↵ 发送',
-    addNote: '添加备注',
+    agentWatching: 'Agent 正在关注',
+    agentWatchingTooltip:
+      'Agent 已经通过 dev server 看到你选的元素了，直接到聊天请它修改就行。想累积几个再一次问才需要在这里留 comments。',
+    leaveComment: '留个 comment',
+    commentPlaceholder: '描述你希望代理执行的更改…',
+    commentShortcutHint: '⌘↵ 添加',
+    addComment: '添加 comment',
     unsavedChanges: {
       one: '{count} 项未保存的更改',
       other: '{count} 项未保存的更改',
@@ -288,6 +294,13 @@ export const zhCN: Locale = {
   thumbnailRail: {
     pages: '页面',
     goToPageAria: '前往第 {n} 页',
+    duplicatePage: '复制',
+    deletePage: '删除',
+    pageActionsAria: '第 {n} 页的操作',
+    toastDuplicated: '已复制第 {n} 页',
+    toastDeleted: '已删除第 {n} 页',
+    toastDuplicateFailed: '无法复制页面',
+    toastDeleteFailed: '无法删除页面',
   },
 
   pdfToast: {
@@ -309,4 +322,13 @@ export const zhCN: Locale = {
     prevAria: '上一页',
     nextAria: '下一页',
   },
+
+  notesDrawer: {
+    toggle: '演讲备注',
+    pageLabel: '第 {n} / {total} 页',
+    placeholder: '为这一页撰写演讲备注…',
+    statusSaving: '保存中…',
+    statusSaved: '已保存',
+    statusError: '保存失败：{msg}',
+  },
 };