@open-slide/core 1.4.0 → 1.5.0

package/dist/{dev-0W8gYiSa.js → dev-BjLGk5nN.js}

@@ -1,5 +1,5 @@
 import "./design-cpzS8aud.js";
-import { createViteConfig } from "./config-XZJnC_fu.js";
+import { createViteConfig } from "./config-iKjqaX08.js";
 import { createServer, mergeConfig } from "vite";
 
 //#region src/cli/dev.ts

package/dist/{en-7GU-DHbJ.js → en-DDGqyNaW.js}

@@ -45,6 +45,11 @@ const en = {
 		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.",
@@ -84,6 +89,9 @@ const en = {
 		agentDisconnected: "Agent disconnected",
 		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",
@@ -202,7 +210,7 @@ const en = {
 		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",
@@ -270,6 +278,11 @@ const en = {
 		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/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { Locale, Plural } from "./types-QCpkHkiS.js";
-import { OpenSlideConfig } from "./config-s0YUbmUe.js";
+import { Locale, Plural } from "./types-Dpr8nbih.js";
+import { OpenSlideConfig } from "./config-BQdTMho4.js";
 import { CSSProperties, ComponentType, HTMLAttributes } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -51,6 +51,8 @@ type Page = ComponentType;
 type SlideMeta = {
   title?: string;
   theme?: string;
+  /** ISO 8601 timestamp. Set once at scaffold time; used to sort the slide list. */
+  createdAt?: string;
 };
 type SlideModule = {
   default: Page[];

package/dist/index.js

@@ -1,4 +1,4 @@
-import { en } from "./en-7GU-DHbJ.js";
+import { en } from "./en-DDGqyNaW.js";
 import { cssVarsToString, defaultDesign, designToCssVars } from "./design-cpzS8aud.js";
 import { useRef, useState } from "react";
 import { toast } from "sonner";

package/dist/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { Locale, Plural } from "../types-QCpkHkiS.js";
+import { Locale, Plural } from "../types-Dpr8nbih.js";
 
 //#region src/locale/en.d.ts
 declare const en: Locale;

package/dist/locale/index.js

@@ -1,4 +1,4 @@
-import { en } from "../en-7GU-DHbJ.js";
+import { en } from "../en-DDGqyNaW.js";
 
 //#region src/locale/format.ts
 function format(template, vars) {
@@ -59,6 +59,11 @@ const ja = {
 		folderActions: "フォルダ操作",
 		searchPlaceholder: "スライドを検索",
 		clearSearch: "検索をクリア",
+		sortLabel: "並べ替え",
+		sortByCreatedDesc: "新しい順",
+		sortByCreatedAsc: "古い順",
+		sortByTitleAsc: "A–Z",
+		sortByTitleDesc: "Z–A",
 		noMatches: "一致なし",
 		nothingMatchesPrefix: "このフォルダ内に ",
 		nothingMatchesSuffix: " に一致する項目はありません。",
@@ -98,6 +103,9 @@ const ja = {
 		home: "ホーム",
 		backToHome: "ホームへ戻る",
 		download: "ダウンロード",
+		copyLink: "リンクをコピー",
+		toastCopyLinkSuccess: "リンクをクリップボードにコピーしました",
+		toastCopyLinkFailed: "リンクのコピーに失敗しました",
 		exportAsHtml: "HTML として書き出し",
 		exportAsPdf: "PDF として書き出し",
 		pdfExportFailed: "PDF の書き出しに失敗しました",
@@ -216,7 +224,7 @@ const ja = {
 		agentNotWatchingTooltip: "dev server との接続が切れたため、選択中の要素がエージェントに見えなくなっています。dev server を再起動して接続を復旧してください。",
 		leaveComment: "コメントを残す",
 		commentPlaceholder: "エージェントに依頼する変更を記述…",
-		commentShortcutHint: "⌘↵ で追加",
+		commentShortcutHint: "⌘/ でフォーカス · ⌘↵ で追加",
 		addComment: "コメントを追加",
 		unsavedChanges: {
 			one: "未保存の変更 {count} 件",
@@ -284,6 +292,11 @@ const ja = {
 		conflictRenameCopy: "コピーをリネーム",
 		deleteAssetTitle: "アセットを削除",
 		deleteAssetDescription: "{name} を削除しますか?スライド内でこのファイルを参照しているインポートは壊れます。",
+		deleteAssetInUseDescription: "{name} は {slides} 枚のスライドで {count} 箇所使用されています。",
+		deleteAssetInUseHint: "削除すると、これらの使用箇所は画像プレースホルダーに戻ります。",
+		deleteAndRevert: "削除して戻す",
+		toastRevertFailed: "{slideId} の使用箇所を戻せませんでした",
+		toastDeletedWithRevert: "{name} を削除し、{count} 箇所をプレースホルダーに戻しました",
 		noPreview: "プレビューはありません",
 		importHintComment: "import asset from ",
 		importHintSemi: ";",
@@ -419,6 +432,11 @@ const zhCN = {
 		folderActions: "文件夹操作",
 		searchPlaceholder: "搜索幻灯片",
 		clearSearch: "清除搜索",
+		sortLabel: "排序",
+		sortByCreatedDesc: "最新",
+		sortByCreatedAsc: "最旧",
+		sortByTitleAsc: "A–Z",
+		sortByTitleDesc: "Z–A",
 		noMatches: "没有匹配项",
 		nothingMatchesPrefix: "该文件夹中没有匹配 ",
 		nothingMatchesSuffix: " 的内容。",
@@ -458,6 +476,9 @@ const zhCN = {
 		home: "首页",
 		backToHome: "返回首页",
 		download: "下载",
+		copyLink: "复制链接",
+		toastCopyLinkSuccess: "已复制链接到剪贴板",
+		toastCopyLinkFailed: "复制链接失败",
 		exportAsHtml: "导出为 HTML",
 		exportAsPdf: "导出为 PDF",
 		pdfExportFailed: "PDF 导出失败",
@@ -576,7 +597,7 @@ const zhCN = {
 		agentNotWatchingTooltip: "已和 dev server 断开连接，agent 看不到你选的元素了。请重新启动 dev server 来恢复连接。",
 		leaveComment: "留个 comment",
 		commentPlaceholder: "描述你希望代理执行的更改…",
-		commentShortcutHint: "⌘↵ 添加",
+		commentShortcutHint: "⌘/ 聚焦 · ⌘↵ 添加",
 		addComment: "添加 comment",
 		unsavedChanges: {
 			one: "{count} 项未保存的更改",
@@ -644,6 +665,11 @@ const zhCN = {
 		conflictRenameCopy: "重命名副本",
 		deleteAssetTitle: "删除素材",
 		deleteAssetDescription: "要删除 {name} 吗?幻灯片中引用此文件的导入将失效。",
+		deleteAssetInUseDescription: "{name} 在 {slides} 个幻灯片中被使用了 {count} 次。",
+		deleteAssetInUseHint: "删除后这些使用处会自动还原为图片占位符。",
+		deleteAndRevert: "删除并还原",
+		toastRevertFailed: "无法还原 {slideId} 中的使用",
+		toastDeletedWithRevert: "已删除 {name} 并还原 {count} 个使用处",
 		noPreview: "无预览",
 		importHintComment: "import asset from ",
 		importHintSemi: ";",
@@ -779,6 +805,11 @@ const zhTW = {
 		folderActions: "資料夾操作",
 		searchPlaceholder: "搜尋投影片",
 		clearSearch: "清除搜尋",
+		sortLabel: "排序",
+		sortByCreatedDesc: "最新",
+		sortByCreatedAsc: "最舊",
+		sortByTitleAsc: "A–Z",
+		sortByTitleDesc: "Z–A",
 		noMatches: "沒有相符結果",
 		nothingMatchesPrefix: "此資料夾中沒有相符 ",
 		nothingMatchesSuffix: " 的項目。",
@@ -818,6 +849,9 @@ const zhTW = {
 		home: "首頁",
 		backToHome: "返回首頁",
 		download: "下載",
+		copyLink: "複製連結",
+		toastCopyLinkSuccess: "已複製連結到剪貼簿",
+		toastCopyLinkFailed: "複製連結失敗",
 		exportAsHtml: "匯出為 HTML",
 		exportAsPdf: "匯出為 PDF",
 		pdfExportFailed: "PDF 匯出失敗",
@@ -936,7 +970,7 @@ const zhTW = {
 		agentNotWatchingTooltip: "已和 dev server 斷線，agent 看不到你選的元素了。請重新啟動 dev server 來恢復連線。",
 		leaveComment: "留個 comment",
 		commentPlaceholder: "描述你希望代理進行的修改…",
-		commentShortcutHint: "⌘↵ 新增",
+		commentShortcutHint: "⌘/ 聚焦 · ⌘↵ 新增",
 		addComment: "新增 comment",
 		unsavedChanges: {
 			one: "{count} 項未儲存的變更",
@@ -1004,6 +1038,11 @@ const zhTW = {
 		conflictRenameCopy: "重新命名副本",
 		deleteAssetTitle: "刪除素材",
 		deleteAssetDescription: "要刪除 {name} 嗎?投影片中引用此檔案的匯入將失效。",
+		deleteAssetInUseDescription: "{name} 在 {slides} 個投影片中被使用了 {count} 次。",
+		deleteAssetInUseHint: "刪除後這些使用處會自動還原為圖片占位符。",
+		deleteAndRevert: "刪除並還原",
+		toastRevertFailed: "無法還原 {slideId} 中的使用",
+		toastDeletedWithRevert: "已刪除 {name} 並還原 {count} 個使用處",
 		noPreview: "無預覽",
 		importHintComment: "import asset from ",
 		importHintSemi: ";",

package/dist/{preview-DT9hJvzM.js → preview-jwLWHWkQ.js}

@@ -1,5 +1,5 @@
 import "./design-cpzS8aud.js";
-import { createViteConfig } from "./config-XZJnC_fu.js";
+import { createViteConfig } from "./config-iKjqaX08.js";
 import { mergeConfig, preview as preview$1 } from "vite";
 
 //#region src/cli/preview.ts

package/dist/{types-QCpkHkiS.d.ts → types-Dpr8nbih.d.ts}

@@ -49,6 +49,11 @@ type Locale = {
     folderActions: string;
     searchPlaceholder: string;
     clearSearch: string;
+    sortLabel: string;
+    sortByCreatedDesc: string;
+    sortByCreatedAsc: string;
+    sortByTitleAsc: string;
+    sortByTitleDesc: string;
     noMatches: string;
     nothingMatchesPrefix: string;
     nothingMatchesSuffix: string;
@@ -91,6 +96,9 @@ type Locale = {
     agentDisconnected: string;
     agentDisconnectedTooltip: string;
     download: string;
+    copyLink: string;
+    toastCopyLinkSuccess: string;
+    toastCopyLinkFailed: string;
     exportAsHtml: string;
     exportAsPdf: string;
     pdfExportFailed: string;
@@ -280,6 +288,14 @@ 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/dist/vite/index.d.ts

@@ -1,5 +1,5 @@
-import "../types-QCpkHkiS.js";
-import { OpenSlideConfig } from "../config-s0YUbmUe.js";
+import "../types-Dpr8nbih.js";
+import { OpenSlideConfig } from "../config-BQdTMho4.js";
 import { InlineConfig } from "vite";
 
 //#region src/vite/config.d.ts

package/dist/vite/index.js

@@ -1,4 +1,4 @@
 import "../design-cpzS8aud.js";
-import { createViteConfig } from "../config-XZJnC_fu.js";
+import { createViteConfig } from "../config-iKjqaX08.js";
 
 export { createViteConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-slide/core",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Runtime and CLI for open-slide — write slides in slides/, we handle the rest.",
   "type": "module",
   "exports": {

package/skills/slide-authoring/SKILL.md

@@ -31,7 +31,10 @@ import type { Page, SlideMeta } from '@open-slide/core';
 const Cover: Page = () => <div>…</div>;
 const Body: Page = () => <div>…</div>;
 
-export const meta: SlideMeta = { title: 'My slide' };
+export const meta: SlideMeta = {
+  title: 'My slide',
+  createdAt: '2026-05-16T12:00:00Z',
+};
 export default [Cover, Body] satisfies Page[];
 ```
 
@@ -39,6 +42,7 @@ export default [Cover, Body] satisfies Page[];
 - `meta.title` (optional) shows in the slide header. Default is the folder name.
 - The slide id is the kebab-case folder name. Pick something short and descriptive (`q2-roadmap`, `team-offsite-2026`).
 - `meta.theme` (optional) marks the slide as built from a theme under `themes/`. The id must match a `<id>.md` basename. Surfaces a back-link chip on the slide card and lists the slide on `/themes/<id>`. Omit if the slide isn't derived from a registered theme.
+- `meta.createdAt` is an **ISO 8601 string literal** (e.g. `'2026-05-16T12:00:00Z'`) set once when the slide is scaffolded. The home page uses it for the default "newest first" sort. Always include it on new slides — **immediately before writing the file, run `node -e "console.log(new Date().toISOString())"` via Bash and paste the exact output** as the value. Don't type a timestamp from memory — you will get the date or time wrong. Must be a plain string literal (no `new Date(...)` or imports in the slide itself) — the framework reads it via a regex at build time, not by evaluating the module.
 
 ## Editing an existing slide
 
@@ -236,7 +240,10 @@ const Content: Page = () => (
   </div>
 );
 
-export const meta: SlideMeta = { title: 'The Big Idea' };
+export const meta: SlideMeta = {
+  title: 'The Big Idea',
+  createdAt: '2026-05-16T12:00:00Z',
+};
 export default [Cover, Content] satisfies Page[];
 ```
 

package/src/app/components/asset-view.tsx

@@ -33,8 +33,11 @@ import {
 import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import {
   type AssetEntry,
+  type AssetUsage,
   fetchSvgAsFile,
+  listAssetUsages,
   renamedCopy,
+  revertAssetUsage,
   type SvglItem,
   searchSvgl,
   useAssets,
@@ -62,6 +65,7 @@ export function AssetView({ slideId }: Props) {
   const [conflict, setConflict] = useState<ConflictState | null>(null);
   const [preview, setPreview] = useState<AssetEntry | null>(null);
   const [confirmDelete, setConfirmDelete] = useState<AssetEntry | null>(null);
+  const [confirmDeleteUsages, setConfirmDeleteUsages] = useState<AssetUsage[] | null>(null);
   const [renaming, setRenaming] = useState<string | null>(null);
   const [logoSearchOpen, setLogoSearchOpen] = useState(false);
   const dragDepth = useRef(0);
@@ -245,7 +249,13 @@ export function AssetView({ slideId }: Props) {
                   asset={asset}
                   onPreview={() => setPreview(asset)}
                   onRename={() => setRenaming(asset.name)}
-                  onDelete={() => setConfirmDelete(asset)}
+                  onDelete={() => {
+                    setConfirmDelete(asset);
+                    setConfirmDeleteUsages(null);
+                    listAssetUsages(effectiveSlideId, asset.name)
+                      .then((u) => setConfirmDeleteUsages(u))
+                      .catch(() => setConfirmDeleteUsages([]));
+                  }}
                 />
               ),
             )}
@@ -282,13 +292,41 @@ export function AssetView({ slideId }: Props) {
       {confirmDelete && (
         <DeleteDialog
           asset={confirmDelete}
-          onCancel={() => setConfirmDelete(null)}
+          usages={confirmDeleteUsages}
+          onCancel={() => {
+            setConfirmDelete(null);
+            setConfirmDeleteUsages(null);
+          }}
           onConfirm={async () => {
             const target = confirmDelete;
+            const usages = confirmDeleteUsages ?? [];
             setConfirmDelete(null);
+            setConfirmDeleteUsages(null);
+            const assetPath =
+              scope === 'global' ? `@assets/${target.name}` : `./assets/${target.name}`;
+            for (const u of usages) {
+              const rev = await revertAssetUsage(u.slideId, assetPath);
+              if (!rev.ok) {
+                toast.error(format(t.asset.toastRevertFailed, { slideId: u.slideId }));
+                return;
+              }
+            }
             const res = await remove(target.name);
-            if (!res.ok) toast.error(format(t.asset.toastDeleteFailed, { status: res.status }));
-            else toast.success(format(t.asset.toastDeleted, { name: target.name }));
+            if (!res.ok) {
+              toast.error(format(t.asset.toastDeleteFailed, { status: res.status }));
+              return;
+            }
+            const totalUsages = usages.reduce((acc, u) => acc + u.count, 0);
+            if (totalUsages > 0) {
+              toast.success(
+                format(t.asset.toastDeletedWithRevert, {
+                  name: target.name,
+                  count: totalUsages,
+                }),
+              );
+            } else {
+              toast.success(format(t.asset.toastDeleted, { name: target.name }));
+            }
           }}
         />
       )}
@@ -517,14 +555,19 @@ function ConflictDialog({
 
 function DeleteDialog({
   asset,
+  usages,
   onCancel,
   onConfirm,
 }: {
   asset: AssetEntry;
+  usages: AssetUsage[] | null;
   onCancel: () => void;
   onConfirm: () => void;
 }) {
   const t = useLocale();
+  const inUse = (usages?.length ?? 0) > 0;
+  const totalUses = usages?.reduce((acc, u) => acc + u.count, 0) ?? 0;
+  const slideCount = usages?.length ?? 0;
   const [descPrefix, descSuffix] = t.asset.deleteAssetDescription.split('{name}');
   return (
     <Dialog open onOpenChange={(open) => !open && onCancel()}>
@@ -532,17 +575,40 @@ function DeleteDialog({
         <DialogHeader>
           <DialogTitle>{t.asset.deleteAssetTitle}</DialogTitle>
           <DialogDescription>
-            {descPrefix}
-            <span className="font-mono">{asset.name}</span>
-            {descSuffix}
+            {inUse ? (
+              <>
+                {format(t.asset.deleteAssetInUseDescription, {
+                  name: asset.name,
+                  count: totalUses,
+                  slides: slideCount,
+                })}{' '}
+                {t.asset.deleteAssetInUseHint}
+              </>
+            ) : (
+              <>
+                {descPrefix}
+                <span className="font-mono">{asset.name}</span>
+                {descSuffix}
+              </>
+            )}
           </DialogDescription>
         </DialogHeader>
+        {inUse && usages && (
+          <ul className="max-h-40 overflow-y-auto rounded-[5px] border border-hairline bg-muted/40 px-3 py-2 font-mono text-[11.5px] leading-relaxed">
+            {usages.map((u) => (
+              <li key={u.slideId} className="flex items-center justify-between gap-3">
+                <span className="truncate">{u.slideId}</span>
+                <span className="text-muted-foreground">×{u.count}</span>
+              </li>
+            ))}
+          </ul>
+        )}
         <DialogFooter>
           <Button variant="outline" onClick={onCancel}>
             {t.common.cancel}
           </Button>
-          <Button variant="destructive" onClick={onConfirm}>
-            {t.common.delete}
+          <Button variant="destructive" onClick={onConfirm} disabled={usages === null}>
+            {inUse ? t.asset.deleteAndRevert : t.common.delete}
           </Button>
         </DialogFooter>
       </DialogContent>

package/src/app/components/inspector/inspector-panel.tsx

@@ -1116,8 +1116,23 @@ function CommentsSection({
 }) {
   const [draft, setDraft] = useState('');
   const [submitting, setSubmitting] = useState(false);
+  const wrapRef = useRef<HTMLDivElement>(null);
   const t = useLocale();
 
+  useEffect(() => {
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key !== '/') return;
+      if (!(e.metaKey || e.ctrlKey)) return;
+      if (e.altKey || e.shiftKey) return;
+      const ta = wrapRef.current?.querySelector('textarea');
+      if (!ta) return;
+      e.preventDefault();
+      ta.focus({ preventScroll: true });
+    };
+    window.addEventListener('keydown', onKey);
+    return () => window.removeEventListener('keydown', onKey);
+  }, []);
+
   const submit = async () => {
     const trimmed = draft.trim();
     if (!trimmed) return;
@@ -1133,7 +1148,7 @@ function CommentsSection({
   return (
     <Section title={t.inspector.leaveComment}>
       <div className="flex flex-col gap-2">
-        <div className="comment-cue rounded-[6px]">
+        <div ref={wrapRef} className="comment-cue rounded-[6px]">
           <Textarea
             value={draft}
             onChange={(e) => setDraft(e.target.value)}

package/src/app/components/panel/panel-shell.tsx

@@ -68,10 +68,12 @@ export function PanelShell({
           {header}
         </header>
         {banner}
-        <ScrollArea className="flex flex-1 flex-col">
-          <div className="flex min-h-full flex-col">{children}</div>
+        <ScrollArea className="min-h-0 flex-1">
+          <div className="flex min-h-full flex-col">
+            {children}
+            {footer && <div className="mt-auto border-t border-hairline">{footer}</div>}
+          </div>
         </ScrollArea>
-        {footer && <div className="shrink-0 border-t border-hairline">{footer}</div>}
       </div>
     </aside>
   );

package/src/app/components/present/laser-pointer.tsx

@@ -24,13 +24,12 @@ export function PresentLaserPointer({ enabled }: { enabled: boolean }) {
   return (
     <div
       aria-hidden
-      className="pointer-events-none fixed z-[60]"
+      className="pointer-events-none fixed top-0 left-0 z-[60]"
       style={{
-        left: pos.x,
-        top: pos.y,
         width: 18,
         height: 18,
-        transform: 'translate(-50%, -50%)',
+        transform: `translate3d(${pos.x - 9}px, ${pos.y - 9}px, 0)`,
+        willChange: 'transform',
         borderRadius: '50%',
         background: 'radial-gradient(circle, oklch(0.66 0.24 28 / 0.95) 30%, transparent 70%)',
         boxShadow: '0 0 18px 4px oklch(0.66 0.24 28 / 0.55)',

package/src/app/components/present/progress-bar.tsx

@@ -7,19 +7,19 @@ type Props = {
 };
 
 export function PresentProgressBar({ index, total, visible }: Props) {
-  const pct = total > 0 ? ((index + 1) / total) * 100 : 0;
+  const pct = total > 0 ? (index + 1) / total : 0;
   return (
     <div
       aria-hidden
       className={cn(
-        'pointer-events-none absolute inset-x-0 top-0 z-30 h-[2px] bg-white/8',
+        'pointer-events-none absolute inset-x-0 top-0 z-30 h-[2px] overflow-hidden bg-white/8',
         'motion-safe:transition-opacity motion-safe:duration-200',
         visible ? 'opacity-100' : 'opacity-0',
       )}
     >
       <div
-        className="h-full bg-[var(--brand,#ef4444)] transition-[width] duration-200 ease-out"
-        style={{ width: `${pct}%` }}
+        className="h-full w-full origin-left bg-[var(--brand,#ef4444)] transition-transform duration-200 ease-out"
+        style={{ transform: `scaleX(${pct})` }}
       />
     </div>
   );

package/src/app/lib/assets.ts

@@ -45,6 +45,27 @@ async function deleteAsset(slideId: string, name: string): Promise<Response> {
   return fetch(`/__assets/${slideId}/${encodeURIComponent(name)}`, { method: 'DELETE' });
 }
 
+export type AssetUsage = { slideId: string; count: number };
+
+export async function listAssetUsages(slideId: string, name: string): Promise<AssetUsage[]> {
+  const res = await fetch(`/__assets/${slideId}/${encodeURIComponent(name)}/usages`);
+  if (!res.ok) return [];
+  const data = (await res.json().catch(() => null)) as { usages?: AssetUsage[] } | null;
+  return data?.usages ?? [];
+}
+
+export async function revertAssetUsage(
+  slideId: string,
+  assetPath: string,
+): Promise<{ ok: boolean; status: number }> {
+  const res = await fetch('/__edit/revert-asset', {
+    method: 'POST',
+    headers: { 'content-type': 'application/json' },
+    body: JSON.stringify({ slideId, assetPath }),
+  });
+  return { ok: res.ok, status: res.status };
+}
+
 export async function uploadWithAutoRename(
   slideId: string,
   file: File,

package/src/app/lib/sdk.ts

@@ -6,6 +6,8 @@ export type Page = ComponentType;
 export type SlideMeta = {
   title?: string;
   theme?: string;
+  /** ISO 8601 timestamp. Set once at scaffold time; used to sort the slide list. */
+  createdAt?: string;
 };
 
 export type SlideModule = {

package/src/app/lib/slides.ts

@@ -1,4 +1,5 @@
 import {
+  slideCreatedAt as createdAt,
   slideIds as ids,
   loadSlide as load,
   slideThemes as themes,
@@ -7,6 +8,7 @@ import type { SlideModule } from './sdk';
 
 export const slideIds: string[] = ids;
 export const slideThemes: Record<string, string> = themes;
+export const slideCreatedAt: Record<string, number> = createdAt;
 
 export function slidesByTheme(themeId: string): string[] {
   return slideIds.filter((id) => slideThemes[id] === themeId);