@open-slide/core 1.4.0 → 1.6.0

package/src/app/lib/use-wheel-page-navigation.ts

@@ -31,6 +31,7 @@ export function useWheelPageNavigation<T extends HTMLElement>({
 
     const onWheel = (event: WheelEvent) => {
       if (event.defaultPrevented || event.ctrlKey || shouldIgnoreWheelTarget(event.target)) return;
+      if (isVisualViewportZoomed()) return;
 
       const deltaY = normalizeDeltaY(event);
       if (Math.abs(deltaY) <= Math.abs(normalizeDeltaX(event))) return;
@@ -84,6 +85,12 @@ function normalizeWheelDelta(delta: number, deltaMode: number) {
   return delta;
 }
 
+function isVisualViewportZoomed() {
+  if (typeof window === 'undefined') return false;
+  const vv = window.visualViewport;
+  return vv != null && vv.scale > 1.01;
+}
+
 function shouldIgnoreWheelTarget(target: EventTarget | null) {
   if (!(target instanceof HTMLElement)) return false;
   return Boolean(

package/src/app/routes/home-shell.tsx

@@ -22,6 +22,7 @@ export type HomeOutletContext = {
   titleMap: Record<string, string>;
   assign: (slideId: string, folderId: string | null) => Promise<void>;
   renameSlide: (slideId: string, name: string) => Promise<void>;
+  duplicateSlide: (slideId: string, newId?: string) => Promise<string>;
   deleteSlide: (slideId: string) => Promise<void>;
 };
 
@@ -32,8 +33,17 @@ function pathToSelectedId(pathname: string, search: URLSearchParams): string {
 }
 
 export function HomeShell() {
-  const { manifest, loading, create, update, remove, assign, renameSlide, deleteSlide } =
-    useFolders();
+  const {
+    manifest,
+    loading,
+    create,
+    update,
+    remove,
+    assign,
+    renameSlide,
+    duplicateSlide,
+    deleteSlide,
+  } = useFolders();
   const navigate = useNavigate();
   const location = useLocation();
   const [searchParams] = useSearchParams();
@@ -108,6 +118,7 @@ export function HomeShell() {
     titleMap,
     assign,
     renameSlide,
+    duplicateSlide,
     deleteSlide,
   };
 

package/src/app/routes/home.tsx

@@ -1,4 +1,8 @@
 import {
+  ArrowDownAZ,
+  ChevronDown,
+  Clock,
+  Copy,
   FolderInput,
   FolderPlus,
   MoreHorizontal,
@@ -10,6 +14,7 @@ import {
 } from 'lucide-react';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { Link, useOutletContext } from 'react-router-dom';
+import { toast } from 'sonner';
 import { Button } from '@/components/ui/button';
 import {
   Dialog,
@@ -25,15 +30,45 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
-import { useLocale } from '@/lib/use-locale';
+import { format, useLocale } from '@/lib/use-locale';
 import { cn } from '@/lib/utils';
 import { FolderIconChip, SLIDE_DND_MIME } from '../components/sidebar/folder-item';
 import { DRAFT_ID } from '../components/sidebar/sidebar';
 import { SlideCanvas } from '../components/slide-canvas';
+import { SlidePageProvider } from '../lib/page-context';
 import type { Folder, FolderIcon, SlideModule } from '../lib/sdk';
-import { loadSlide } from '../lib/slides';
+import { loadSlide, slideCreatedAt } from '../lib/slides';
 import type { HomeOutletContext } from './home-shell';
 
+type SortKey = 'created-desc' | 'created-asc' | 'title-asc' | 'title-desc';
+
+const SORT_KEYS: readonly SortKey[] = ['created-desc', 'created-asc', 'title-asc', 'title-desc'];
+
+const DEFAULT_SORT: SortKey = 'created-desc';
+const SORT_STORAGE_KEY = 'open-slide:home-sort';
+
+function readSortPref(): SortKey {
+  if (typeof window === 'undefined') return DEFAULT_SORT;
+  try {
+    const raw = window.localStorage.getItem(SORT_STORAGE_KEY);
+    if (raw && (SORT_KEYS as readonly string[]).includes(raw)) return raw as SortKey;
+  } catch {}
+  return DEFAULT_SORT;
+}
+
+function useSortPref(): [SortKey, (next: SortKey) => void] {
+  const [sortKey, setSortKey] = useState<SortKey>(readSortPref);
+  const update = (next: SortKey) => {
+    setSortKey(next);
+    try {
+      window.localStorage.setItem(SORT_STORAGE_KEY, next);
+    } catch {}
+  };
+  return [sortKey, update];
+}
+
+const TITLE_COLLATOR = new Intl.Collator(undefined, { sensitivity: 'base', numeric: true });
+
 export function Home() {
   const {
     manifest,
@@ -45,6 +80,7 @@ export function Home() {
     titleMap,
     assign,
     renameSlide,
+    duplicateSlide,
     deleteSlide,
   } = useOutletContext<HomeOutletContext>();
   const t = useLocale();
@@ -58,6 +94,7 @@ export function Home() {
   const isDraft = selectedId === DRAFT_ID;
 
   const [query, setQuery] = useState('');
+  const [sortKey, setSortKey] = useSortPref();
 
   const trimmedQuery = query.trim().toLowerCase();
   const filteredSlides = useMemo(() => {
@@ -68,6 +105,24 @@ export function Home() {
       return tl ? tl.includes(trimmedQuery) : false;
     });
   }, [visibleSlides, titleMap, trimmedQuery]);
+  const sortedSlides = useMemo(() => {
+    const list = filteredSlides.slice();
+    const titleOf = (id: string) => titleMap[id] ?? id;
+    switch (sortKey) {
+      case 'title-asc':
+        list.sort((a, b) => TITLE_COLLATOR.compare(titleOf(a), titleOf(b)));
+        break;
+      case 'title-desc':
+        list.sort((a, b) => TITLE_COLLATOR.compare(titleOf(b), titleOf(a)));
+        break;
+      case 'created-asc':
+        list.sort((a, b) => (slideCreatedAt[a] ?? 0) - (slideCreatedAt[b] ?? 0));
+        break;
+      default:
+        list.sort((a, b) => (slideCreatedAt[b] ?? 0) - (slideCreatedAt[a] ?? 0));
+    }
+    return list;
+  }, [filteredSlides, sortKey, titleMap]);
   const isSearching = trimmedQuery.length > 0;
 
   return (
@@ -90,7 +145,8 @@ export function Home() {
               )}
             </span>
           )}
-          <div className="ml-auto w-full md:w-auto">
+          <div className="ml-auto flex w-full items-center gap-2 md:w-auto">
+            <SortControl value={sortKey} onChange={setSortKey} />
             <SearchInput value={query} onChange={setQuery} />
           </div>
         </div>
@@ -104,13 +160,27 @@ export function Home() {
         <NoResultsState query={query} onClear={() => setQuery('')} />
       ) : (
         <ul className="grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] gap-x-6 gap-y-9 md:grid-cols-[repeat(auto-fill,minmax(300px,1fr))]">
-          {filteredSlides.map((id) => (
+          {sortedSlides.map((id) => (
             <li key={id}>
               <SlideCard
                 id={id}
                 folders={manifest.folders}
                 currentFolderId={manifest.assignments[id] ?? null}
                 onRename={(name) => renameSlide(id, name)}
+                onDuplicate={async () => {
+                  const slideName = titleMap[id] ?? id;
+                  try {
+                    const newSlideId = await duplicateSlide(id);
+                    toast.success(
+                      format(t.home.toastSlideDuplicated, {
+                        slide: slideName,
+                        newSlide: newSlideId,
+                      }),
+                    );
+                  } catch {
+                    toast.error(t.home.toastSlideDuplicateFailed);
+                  }
+                }}
                 onMove={(folderId) => assign(id, folderId)}
                 onDelete={() => deleteSlide(id)}
                 onTitleResolved={reportTitle}
@@ -152,6 +222,52 @@ function SearchInput({ value, onChange }: { value: string; onChange: (value: str
   );
 }
 
+function SortControl({ value, onChange }: { value: SortKey; onChange: (next: SortKey) => void }) {
+  const t = useLocale();
+  const labels: Record<SortKey, string> = {
+    'created-desc': t.home.sortByCreatedDesc,
+    'created-asc': t.home.sortByCreatedAsc,
+    'title-asc': t.home.sortByTitleAsc,
+    'title-desc': t.home.sortByTitleDesc,
+  };
+  const FieldIcon = ({ k, className }: { k: SortKey; className?: string }) =>
+    k === 'title-asc' || k === 'title-desc' ? (
+      <ArrowDownAZ className={className} aria-hidden />
+    ) : (
+      <Clock className={className} aria-hidden />
+    );
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <button
+          type="button"
+          aria-label={`${t.home.sortLabel}: ${labels[value]}`}
+          className="flex h-8 items-center gap-1.5 rounded-[6px] border border-border bg-background pl-2 pr-1.5 text-[12.5px] font-medium text-foreground outline-none hover:bg-muted focus-visible:border-foreground/40 focus-visible:ring-2 focus-visible:ring-ring/30"
+        >
+          <FieldIcon k={value} className="size-3.5 text-muted-foreground" />
+          <span>{labels[value]}</span>
+          <ChevronDown className="size-3 text-muted-foreground" aria-hidden />
+        </button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="end" className="min-w-[180px]">
+        {SORT_KEYS.map((key) => {
+          const active = value === key;
+          return (
+            <DropdownMenuItem
+              key={key}
+              onSelect={() => onChange(key)}
+              className={cn(active && 'bg-muted text-foreground')}
+            >
+              <FieldIcon k={key} className="size-3.5 text-muted-foreground" />
+              <span>{labels[key]}</span>
+            </DropdownMenuItem>
+          );
+        })}
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
+
 function HomeLoading() {
   const t = useLocale();
   return (
@@ -283,6 +399,7 @@ function SlideCard({
   folders,
   currentFolderId,
   onRename,
+  onDuplicate,
   onMove,
   onDelete,
   onTitleResolved,
@@ -291,6 +408,7 @@ function SlideCard({
   folders: Folder[];
   currentFolderId: string | null;
   onRename: (name: string) => Promise<void> | void;
+  onDuplicate: () => Promise<void> | void;
   onMove: (folderId: string | null) => Promise<void> | void;
   onDelete: () => Promise<void> | void;
   onTitleResolved?: (id: string, title: string) => void;
@@ -343,7 +461,9 @@ function SlideCard({
             {FirstPage ? (
               <div className="h-full w-full motion-safe:transition-transform motion-safe:duration-300 motion-safe:group-hover:scale-[1.03]">
                 <SlideCanvas flat freezeMotion design={slide?.design}>
-                  <FirstPage />
+                  <SlidePageProvider index={0} total={slide?.default.length ?? 1}>
+                    <FirstPage />
+                  </SlidePageProvider>
                 </SlideCanvas>
               </div>
             ) : (
@@ -391,6 +511,10 @@ function SlideCard({
                   <Pencil />
                   {tCard.common.rename}
                 </DropdownMenuItem>
+                <DropdownMenuItem onSelect={() => onDuplicate()}>
+                  <Copy />
+                  {tCard.home.duplicate}
+                </DropdownMenuItem>
                 <DropdownMenuItem onSelect={() => setDialog('move')}>
                   <FolderInput />
                   {tCard.home.moveToFolder}

package/src/app/routes/presenter.tsx

@@ -9,6 +9,7 @@ import {
   usePresenterChannel,
 } from '../components/present/use-presenter-channel';
 import { SlideCanvas } from '../components/slide-canvas';
+import { SlidePageProvider } from '../lib/page-context';
 import { CANVAS_HEIGHT, CANVAS_WIDTH } from '../lib/sdk';
 import { useSlideModule } from '../lib/use-slide-module';
 
@@ -138,7 +139,9 @@ export function Presenter() {
           <SectionLabel>{t.presenter.nowShowing}</SectionLabel>
           <div className="relative min-h-0 flex-1 overflow-hidden rounded-[8px] bg-black ring-1 ring-border">
             <SlideCanvas flat design={slide.design}>
-              <CurrentPage />
+              <SlidePageProvider index={index} total={total}>
+                <CurrentPage />
+              </SlidePageProvider>
             </SlideCanvas>
             {blackout && (
               <div
@@ -164,7 +167,9 @@ export function Presenter() {
             >
               {NextPage ? (
                 <SlideCanvas flat freezeMotion design={slide.design}>
-                  <NextPage />
+                  <SlidePageProvider index={nextIndex} total={total}>
+                    <NextPage />
+                  </SlidePageProvider>
                 </SlideCanvas>
               ) : (
                 <div className="grid h-full place-items-center text-[11.5px] text-muted-foreground">

package/src/app/routes/slide.tsx

@@ -1,10 +1,12 @@
 import config from 'virtual:open-slide/config';
 import {
+  Check,
   ChevronDown,
   ChevronLeft,
   Download,
   FileCode2,
   FileText,
+  Link2,
   Loader2,
   Maximize,
   MonitorSpeaker,
@@ -50,6 +52,7 @@ import { type ThumbnailActions, ThumbnailRail } from '../components/thumbnail-ra
 import { exportSlideAsHtml } from '../lib/export-html';
 import { exportSlideAsPdf, isSafari } from '../lib/export-pdf';
 import { remapNotesSessionCacheAfterReorder } from '../lib/inspector/use-notes';
+import { SlidePageProvider } from '../lib/page-context';
 import type { SlideModule } from '../lib/sdk';
 import { useSlideModule } from '../lib/use-slide-module';
 
@@ -61,7 +64,15 @@ export function Slide() {
   const { slide, error } = useSlideModule(slideId);
   const [playMode, setPlayMode] = useState<'window' | 'fullscreen' | null>(null);
   const [exporting, setExporting] = useState(false);
+  const [linkCopied, setLinkCopied] = useState(false);
+  const linkCopiedTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const [designOpen, setDesignOpen] = useState(false);
+
+  useEffect(() => {
+    return () => {
+      if (linkCopiedTimerRef.current) clearTimeout(linkCopiedTimerRef.current);
+    };
+  }, []);
   const { renameSlide } = useFolders();
   const slideViewportRef = useRef<HTMLElement>(null);
   const t = useLocale();
@@ -375,6 +386,41 @@ export function Slide() {
             </div>
 
             <div className="flex items-center gap-1">
+              {view === 'slides' && (
+                <button
+                  type="button"
+                  aria-label={t.slide.copyLink}
+                  title={t.slide.copyLink}
+                  className={cn(buttonVariants({ variant: 'ghost', size: 'icon-sm' }))}
+                  onClick={async () => {
+                    try {
+                      await navigator.clipboard.writeText(window.location.href);
+                      toast.success(t.slide.toastCopyLinkSuccess);
+                      setLinkCopied(true);
+                      if (linkCopiedTimerRef.current) clearTimeout(linkCopiedTimerRef.current);
+                      linkCopiedTimerRef.current = setTimeout(() => setLinkCopied(false), 1200);
+                    } catch (err) {
+                      console.error('[open-slide] copy link failed', err);
+                      toast.error(t.slide.toastCopyLinkFailed);
+                    }
+                  }}
+                >
+                  <span className="relative grid size-4 place-items-center">
+                    <Link2
+                      className={cn(
+                        'col-start-1 row-start-1 size-4 transition-opacity duration-200',
+                        linkCopied ? 'opacity-0' : 'opacity-100',
+                      )}
+                    />
+                    <Check
+                      className={cn(
+                        'col-start-1 row-start-1 size-4 transition-opacity duration-200',
+                        linkCopied ? 'opacity-100' : 'opacity-0',
+                      )}
+                    />
+                  </span>
+                </button>
+              )}
               {view === 'slides' && allowHtmlDownload && (
                 <DropdownMenu>
                   <DropdownMenuTrigger
@@ -539,7 +585,9 @@ export function Slide() {
                       canNext={index < pageCount - 1}
                     />
                     <SlideCanvas design={slide.design}>
-                      <CurrentPage />
+                      <SlidePageProvider index={index} total={pageCount}>
+                        <CurrentPage />
+                      </SlidePageProvider>
                     </SlideCanvas>
                     <ClickNavZones
                       onPrev={() => goTo(index - 1)}

package/src/app/virtual.d.ts

@@ -2,6 +2,7 @@ declare module 'virtual:open-slide/slides' {
   import type { SlideModule } from './lib/sdk';
   export const slideIds: string[];
   export const slideThemes: Record<string, string>;
+  export const slideCreatedAt: Record<string, number>;
   export function loadSlide(id: string): Promise<SlideModule>;
 }
 

package/src/locale/en.ts

@@ -38,6 +38,7 @@ export const en: Locale = {
   home: {
     appTitle: 'open-slide',
     draft: 'Draft',
+    duplicate: 'Duplicate',
     themes: 'Themes',
     assets: 'Assets',
     folders: 'Folders',
@@ -49,6 +50,11 @@ export const en: Locale = {
     folderActions: 'Folder actions',
     searchPlaceholder: 'Search slides',
     clearSearch: 'Clear search',
+    sortLabel: 'Sort',
+    sortByCreatedDesc: 'Newest',
+    sortByCreatedAsc: 'Oldest',
+    sortByTitleAsc: 'A–Z',
+    sortByTitleDesc: 'Z–A',
     noMatches: 'No matches',
     nothingMatchesPrefix: 'Nothing matches ',
     nothingMatchesSuffix: ' in this folder.',
@@ -74,6 +80,8 @@ export const en: Locale = {
     deleteDialogDescriptionSuffix: 'This action cannot be undone.',
     toastFolderCreated: 'Created folder “{name}”',
     toastFolderCreateFailed: 'Failed to create folder',
+    toastSlideDuplicated: 'Duplicated “{slide}” as {newSlide}',
+    toastSlideDuplicateFailed: 'Could not duplicate slide',
     toastSlideMoved: 'Moved “{slide}” to {folder}',
     toastSlideMoveFailed: 'Failed to move slide',
     toastFolderDeleted: 'Deleted folder “{name}”',
@@ -91,6 +99,9 @@ export const en: Locale = {
     agentDisconnectedTooltip:
       'Lost connection to the dev server, so your agent can no longer see the current slide or inspector selection. Restart the dev server to restore the connection.',
     download: 'Download',
+    copyLink: 'Copy link',
+    toastCopyLinkSuccess: 'Link copied to clipboard',
+    toastCopyLinkFailed: 'Failed to copy link',
     exportAsHtml: 'Export as HTML',
     exportAsPdf: 'Export as PDF',
     pdfExportFailed: 'PDF export failed',
@@ -214,7 +225,7 @@ export const en: Locale = {
     cropResetAria: 'Reset crop',
     leaveComment: 'Leave a comment',
     commentPlaceholder: 'Describe a change for the agent…',
-    commentShortcutHint: '⌘↵ to add',
+    commentShortcutHint: '⌘/ to focus · ⌘↵ to add',
     addComment: 'Add comment',
     unsavedChanges: {
       one: '{count} unsaved change',
@@ -262,6 +273,7 @@ export const en: Locale = {
     scopeSlide: 'This slide',
     scopeGlobal: 'Global',
     fileCount: { one: '{count} file', other: '{count} files' },
+    usageUnused: 'Unused',
     searchLogos: 'Search logos',
     upload: 'Upload',
     dropToUpload: 'Drop to upload',
@@ -281,6 +293,11 @@ export const en: Locale = {
     conflictRenameCopy: 'Rename copy',
     deleteAssetTitle: 'Delete asset',
     deleteAssetDescription: 'Delete {name}? Imports referencing this file in the slide will break.',
+    deleteAssetInUseDescription: '{name} is used in {count} place(s) across {slides} slide(s).',
+    deleteAssetInUseHint: 'Deleting will revert these usages back to image placeholders.',
+    deleteAndRevert: 'Delete & revert',
+    toastRevertFailed: "Couldn't revert usage in {slideId}",
+    toastDeletedWithRevert: 'Deleted {name} and reverted {count} usage(s)',
     noPreview: 'No preview available',
     importHintComment: 'import asset from ',
     importHintSemi: ';',

package/src/locale/ja.ts

@@ -38,6 +38,7 @@ export const ja: Locale = {
   home: {
     appTitle: 'open-slide',
     draft: '下書き',
+    duplicate: '複製',
     themes: 'テーマ',
     assets: 'アセット',
     folders: 'フォルダ',
@@ -49,6 +50,11 @@ export const ja: Locale = {
     folderActions: 'フォルダ操作',
     searchPlaceholder: 'スライドを検索',
     clearSearch: '検索をクリア',
+    sortLabel: '並べ替え',
+    sortByCreatedDesc: '新しい順',
+    sortByCreatedAsc: '古い順',
+    sortByTitleAsc: 'A–Z',
+    sortByTitleDesc: 'Z–A',
     noMatches: '一致なし',
     nothingMatchesPrefix: 'このフォルダ内に ',
     nothingMatchesSuffix: ' に一致する項目はありません。',
@@ -74,6 +80,8 @@ export const ja: Locale = {
     deleteDialogDescriptionSuffix: 'この操作は元に戻せません。',
     toastFolderCreated: 'フォルダ「{name}」を作成しました',
     toastFolderCreateFailed: 'フォルダの作成に失敗しました',
+    toastSlideDuplicated: '「{slide}」を {newSlide} として複製しました',
+    toastSlideDuplicateFailed: 'スライドを複製できませんでした',
     toastSlideMoved: '「{slide}」を {folder} に移動しました',
     toastSlideMoveFailed: 'スライドの移動に失敗しました',
     toastFolderDeleted: 'フォルダ「{name}」を削除しました',
@@ -91,6 +99,9 @@ export const ja: Locale = {
     home: 'ホーム',
     backToHome: 'ホームへ戻る',
     download: 'ダウンロード',
+    copyLink: 'リンクをコピー',
+    toastCopyLinkSuccess: 'リンクをクリップボードにコピーしました',
+    toastCopyLinkFailed: 'リンクのコピーに失敗しました',
     exportAsHtml: 'HTML として書き出し',
     exportAsPdf: 'PDF として書き出し',
     pdfExportFailed: 'PDF の書き出しに失敗しました',
@@ -215,7 +226,7 @@ export const ja: Locale = {
       'dev server との接続が切れたため、選択中の要素がエージェントに見えなくなっています。dev server を再起動して接続を復旧してください。',
     leaveComment: 'コメントを残す',
     commentPlaceholder: 'エージェントに依頼する変更を記述…',
-    commentShortcutHint: '⌘↵ で追加',
+    commentShortcutHint: '⌘/ でフォーカス · ⌘↵ で追加',
     addComment: 'コメントを追加',
     unsavedChanges: {
       one: '未保存の変更 {count} 件',
@@ -264,6 +275,7 @@ export const ja: Locale = {
     scopeSlide: 'このスライド',
     scopeGlobal: 'グローバル',
     fileCount: { one: 'ファイル {count} 件', other: 'ファイル {count} 件' },
+    usageUnused: '未使用',
     searchLogos: 'ロゴを検索',
     upload: 'アップロード',
     dropToUpload: 'ドロップでアップロード',
@@ -284,6 +296,11 @@ export const ja: Locale = {
     deleteAssetTitle: 'アセットを削除',
     deleteAssetDescription:
       '{name} を削除しますか?スライド内でこのファイルを参照しているインポートは壊れます。',
+    deleteAssetInUseDescription: '{name} は {slides} 枚のスライドで {count} 箇所使用されています。',
+    deleteAssetInUseHint: '削除すると、これらの使用箇所は画像プレースホルダーに戻ります。',
+    deleteAndRevert: '削除して戻す',
+    toastRevertFailed: '{slideId} の使用箇所を戻せませんでした',
+    toastDeletedWithRevert: '{name} を削除し、{count} 箇所をプレースホルダーに戻しました',
     noPreview: 'プレビューはありません',
     importHintComment: 'import asset from ',
     importHintSemi: ';',

package/src/locale/types.ts

@@ -38,6 +38,7 @@ export type Locale = {
   home: {
     appTitle: string;
     draft: string;
+    duplicate: string;
     themes: string;
     assets: string;
     folders: string;
@@ -49,6 +50,11 @@ export type Locale = {
     folderActions: string;
     searchPlaceholder: string;
     clearSearch: string;
+    sortLabel: string;
+    sortByCreatedDesc: string;
+    sortByCreatedAsc: string;
+    sortByTitleAsc: string;
+    sortByTitleDesc: string;
     noMatches: string;
     nothingMatchesPrefix: string;
     nothingMatchesSuffix: string;
@@ -75,6 +81,9 @@ export type Locale = {
     /** template: "Created folder “{name}”" */
     toastFolderCreated: string;
     toastFolderCreateFailed: string;
+    /** template: "Duplicated “{slide}” as {newSlide}" */
+    toastSlideDuplicated: string;
+    toastSlideDuplicateFailed: string;
     /** template: "Moved “{slide}” to {folder}" */
     toastSlideMoved: string;
     toastSlideMoveFailed: string;
@@ -92,6 +101,9 @@ export type Locale = {
     agentDisconnected: string;
     agentDisconnectedTooltip: string;
     download: string;
+    copyLink: string;
+    toastCopyLinkSuccess: string;
+    toastCopyLinkFailed: string;
     exportAsHtml: string;
     exportAsPdf: string;
     pdfExportFailed: string;
@@ -263,6 +275,7 @@ export type Locale = {
     scopeGlobal: string;
     /** templates: "{count} file" / "{count} files" */
     fileCount: Plural;
+    usageUnused: string;
     searchLogos: string;
     upload: string;
     dropToUpload: string;
@@ -286,6 +299,14 @@ export type Locale = {
     deleteAssetTitle: string;
     /** template: "Delete {name}? Imports referencing this file in the slide will break." */
     deleteAssetDescription: string;
+    /** template: "{name} is used in {count} place across {slides} slide." (singular/plural via {count}/{slides}) */
+    deleteAssetInUseDescription: string;
+    deleteAssetInUseHint: string;
+    deleteAndRevert: string;
+    /** template: "Couldn't revert usage in {slideId}." */
+    toastRevertFailed: string;
+    /** template: "Deleted {name} and reverted {count} usage." */
+    toastDeletedWithRevert: string;
     noPreview: string;
     importHintComment: string;
     importHintSemi: string;

package/src/locale/zh-cn.ts

@@ -38,6 +38,7 @@ export const zhCN: Locale = {
   home: {
     appTitle: 'open-slide',
     draft: '草稿',
+    duplicate: '复制',
     themes: '主题',
     assets: '素材',
     folders: '文件夹',
@@ -49,6 +50,11 @@ export const zhCN: Locale = {
     folderActions: '文件夹操作',
     searchPlaceholder: '搜索幻灯片',
     clearSearch: '清除搜索',
+    sortLabel: '排序',
+    sortByCreatedDesc: '最新',
+    sortByCreatedAsc: '最旧',
+    sortByTitleAsc: 'A–Z',
+    sortByTitleDesc: 'Z–A',
     noMatches: '没有匹配项',
     nothingMatchesPrefix: '该文件夹中没有匹配 ',
     nothingMatchesSuffix: ' 的内容。',
@@ -74,6 +80,8 @@ export const zhCN: Locale = {
     deleteDialogDescriptionSuffix: '此操作无法撤销。',
     toastFolderCreated: '已创建文件夹"{name}"',
     toastFolderCreateFailed: '创建文件夹失败',
+    toastSlideDuplicated: '已将"{slide}"复制为 {newSlide}',
+    toastSlideDuplicateFailed: '无法复制幻灯片',
     toastSlideMoved: '已将"{slide}"移至 {folder}',
     toastSlideMoveFailed: '移动幻灯片失败',
     toastFolderDeleted: '已删除文件夹"{name}"',
@@ -90,6 +98,9 @@ export const zhCN: Locale = {
     home: '首页',
     backToHome: '返回首页',
     download: '下载',
+    copyLink: '复制链接',
+    toastCopyLinkSuccess: '已复制链接到剪贴板',
+    toastCopyLinkFailed: '复制链接失败',
     exportAsHtml: '导出为 HTML',
     exportAsPdf: '导出为 PDF',
     pdfExportFailed: 'PDF 导出失败',
@@ -213,7 +224,7 @@ export const zhCN: Locale = {
       '已和 dev server 断开连接，agent 看不到你选的元素了。请重新启动 dev server 来恢复连接。',
     leaveComment: '留个 comment',
     commentPlaceholder: '描述你希望代理执行的更改…',
-    commentShortcutHint: '⌘↵ 添加',
+    commentShortcutHint: '⌘/ 聚焦 · ⌘↵ 添加',
     addComment: '添加 comment',
     unsavedChanges: {
       one: '{count} 项未保存的更改',
@@ -261,6 +272,7 @@ export const zhCN: Locale = {
     scopeSlide: '当前幻灯片',
     scopeGlobal: '全局',
     fileCount: { one: '{count} 个文件', other: '{count} 个文件' },
+    usageUnused: '未使用',
     searchLogos: '搜索 Logo',
     upload: '上传',
     dropToUpload: '拖入即可上传',
@@ -280,6 +292,11 @@ export const zhCN: Locale = {
     conflictRenameCopy: '重命名副本',
     deleteAssetTitle: '删除素材',
     deleteAssetDescription: '要删除 {name} 吗?幻灯片中引用此文件的导入将失效。',
+    deleteAssetInUseDescription: '{name} 在 {slides} 个幻灯片中被使用了 {count} 次。',
+    deleteAssetInUseHint: '删除后这些使用处会自动还原为图片占位符。',
+    deleteAndRevert: '删除并还原',
+    toastRevertFailed: '无法还原 {slideId} 中的使用',
+    toastDeletedWithRevert: '已删除 {name} 并还原 {count} 个使用处',
     noPreview: '无预览',
     importHintComment: 'import asset from ',
     importHintSemi: ';',