@open-slide/core 1.2.0 → 1.3.0

package/src/app/routes/slide.tsx

@@ -26,6 +26,7 @@ import {
 import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
 import { useFolders } from '@/lib/folders';
+import { useAgentSocketConnected } from '@/lib/use-agent-socket';
 import { format, useLocale } from '@/lib/use-locale';
 import { useWheelPageNavigation } from '@/lib/use-wheel-page-navigation';
 import { cn } from '@/lib/utils';
@@ -483,19 +484,18 @@ export function Slide() {
             <DesignProvider slideId={slideId}>
               <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>
+                  <ResizableRail
+                    pages={pages}
+                    design={slide.design}
+                    current={index}
+                    onSelect={goTo}
+                    onReorder={import.meta.env.DEV ? reorderPage : undefined}
+                    actions={thumbnailActions}
+                  />
                   <main
                     ref={slideViewportRef}
                     data-inspector-root
+                    data-slide-id={slideId}
                     className="paper relative min-h-0 min-w-0 flex-1 bg-canvas p-2 md:p-10"
                   >
                     <SlideWheelNavigation
@@ -553,8 +553,132 @@ export function Slide() {
   );
 }
 
+const RAIL_WIDTH_STORAGE_KEY = 'open-slide:thumbnail-rail-width';
+const DEFAULT_RAIL_WIDTH = 264;
+const MIN_RAIL_WIDTH = 200;
+const MAX_RAIL_WIDTH = 480;
+
+function readStoredRailWidth(): number {
+  if (typeof window === 'undefined') return DEFAULT_RAIL_WIDTH;
+  const raw = window.localStorage.getItem(RAIL_WIDTH_STORAGE_KEY);
+  const parsed = raw == null ? Number.NaN : Number(raw);
+  if (!Number.isFinite(parsed)) return DEFAULT_RAIL_WIDTH;
+  return Math.min(MAX_RAIL_WIDTH, Math.max(MIN_RAIL_WIDTH, parsed));
+}
+
+function ResizableRail(props: {
+  pages: SlideModule['default'];
+  design?: SlideModule['design'];
+  current: number;
+  onSelect: (i: number) => void;
+  onReorder?: (from: number, to: number) => void;
+  actions?: ThumbnailActions;
+}) {
+  const t = useLocale();
+  const [width, setWidth] = useState<number>(readStoredRailWidth);
+  const [resizing, setResizing] = useState(false);
+  const dragRef = useRef<{ startX: number; startWidth: number } | null>(null);
+
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    window.localStorage.setItem(RAIL_WIDTH_STORAGE_KEY, String(width));
+  }, [width]);
+
+  useEffect(() => {
+    if (!resizing) return;
+    const prev = {
+      cursor: document.body.style.cursor,
+      userSelect: document.body.style.userSelect,
+    };
+    document.body.style.cursor = 'col-resize';
+    document.body.style.userSelect = 'none';
+    return () => {
+      document.body.style.cursor = prev.cursor;
+      document.body.style.userSelect = prev.userSelect;
+    };
+  }, [resizing]);
+
+  const onPointerDown = (e: React.PointerEvent<HTMLDivElement>) => {
+    e.preventDefault();
+    e.currentTarget.setPointerCapture(e.pointerId);
+    dragRef.current = { startX: e.clientX, startWidth: width };
+    setResizing(true);
+  };
+
+  const onPointerMove = (e: React.PointerEvent<HTMLDivElement>) => {
+    if (!dragRef.current) return;
+    const delta = e.clientX - dragRef.current.startX;
+    const next = Math.min(
+      MAX_RAIL_WIDTH,
+      Math.max(MIN_RAIL_WIDTH, dragRef.current.startWidth + delta),
+    );
+    setWidth(next);
+  };
+
+  const onPointerUp = (e: React.PointerEvent<HTMLDivElement>) => {
+    if (e.currentTarget.hasPointerCapture(e.pointerId)) {
+      e.currentTarget.releasePointerCapture(e.pointerId);
+    }
+    dragRef.current = null;
+    setResizing(false);
+  };
+
+  const onKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {
+    const step = e.shiftKey ? 32 : 8;
+    if (e.key === 'ArrowLeft') {
+      e.preventDefault();
+      e.stopPropagation();
+      setWidth((w) => Math.max(MIN_RAIL_WIDTH, w - step));
+    } else if (e.key === 'ArrowRight') {
+      e.preventDefault();
+      e.stopPropagation();
+      setWidth((w) => Math.min(MAX_RAIL_WIDTH, w + step));
+    } else if (e.key === 'Home') {
+      e.preventDefault();
+      e.stopPropagation();
+      setWidth(DEFAULT_RAIL_WIDTH);
+    }
+  };
+
+  return (
+    <div className="relative hidden shrink-0 md:block" style={{ width }}>
+      <ThumbnailRail width={width} {...props} />
+      {/* biome-ignore lint/a11y/useSemanticElements: focusable resize handle (splitter pattern), not a static <hr> */}
+      <div
+        role="separator"
+        aria-orientation="vertical"
+        aria-label={t.thumbnailRail.resizeRail}
+        aria-valuenow={width}
+        aria-valuemin={MIN_RAIL_WIDTH}
+        aria-valuemax={MAX_RAIL_WIDTH}
+        tabIndex={0}
+        onPointerDown={onPointerDown}
+        onPointerMove={onPointerMove}
+        onPointerUp={onPointerUp}
+        onPointerCancel={onPointerUp}
+        onKeyDown={onKeyDown}
+        onDoubleClick={() => setWidth(DEFAULT_RAIL_WIDTH)}
+        className={cn(
+          'group/resize absolute inset-y-0 right-0 z-20 w-1.5 translate-x-1/2 cursor-col-resize touch-none outline-none',
+          'focus-visible:bg-brand/20',
+        )}
+      >
+        <span
+          aria-hidden
+          className={cn(
+            'pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-brand opacity-0 transition-opacity',
+            'group-hover/resize:opacity-100 group-focus-visible/resize:opacity-100',
+            resizing && 'opacity-100',
+          )}
+        />
+      </div>
+    </div>
+  );
+}
+
 function AgentConnectedBadge() {
   const t = useLocale();
+  const connected = useAgentSocketConnected();
   return (
     <TooltipProvider delayDuration={200}>
       <Tooltip>
@@ -564,14 +688,20 @@ function AgentConnectedBadge() {
             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" />
+              {connected ? (
+                <>
+                  <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 className="relative inline-flex size-1.5 rounded-full bg-rose-500" />
+              )}
             </span>
-            {t.slide.agentConnected}
+            {connected ? t.slide.agentConnected : t.slide.agentDisconnected}
           </button>
         </TooltipTrigger>
         <TooltipContent side="bottom" align="start" className="max-w-[280px] leading-relaxed">
-          {t.slide.agentConnectedTooltip}
+          {connected ? t.slide.agentConnectedTooltip : t.slide.agentDisconnectedTooltip}
         </TooltipContent>
       </Tooltip>
     </TooltipProvider>

package/src/app/routes/themes.tsx

@@ -0,0 +1,34 @@
+import { useNavigate, useParams } from 'react-router-dom';
+import { useLocale } from '@/lib/use-locale';
+import { FolderIconChip } from '../components/sidebar/folder-item';
+import { ThemeDetail } from '../components/themes/theme-detail';
+import { ThemesGallery } from '../components/themes/themes-gallery';
+import { themes as themeRegistry } from '../lib/themes';
+
+export function ThemesGalleryPage() {
+  const navigate = useNavigate();
+  const t = useLocale();
+  return (
+    <>
+      <header className="mb-8 md:mb-12">
+        <div className="flex flex-wrap items-center gap-3">
+          <FolderIconChip icon={{ type: 'emoji', value: '🎨' }} className="size-7 text-2xl" />
+          <h1 className="font-heading text-[32px] font-semibold leading-[1.05] tracking-[-0.025em] md:text-[44px]">
+            {t.themes.title}
+          </h1>
+          <span className="folio ml-1 self-end pb-2">
+            {themeRegistry.length.toString().padStart(2, '0')}
+          </span>
+        </div>
+      </header>
+      <ThemesGallery onOpen={(id) => navigate(`/themes/${encodeURIComponent(id)}`)} />
+    </>
+  );
+}
+
+export function ThemeDetailPage() {
+  const { themeId } = useParams<{ themeId: string }>();
+  const navigate = useNavigate();
+  if (!themeId) return null;
+  return <ThemeDetail themeId={themeId} onBack={() => navigate('/themes')} />;
+}

package/src/app/virtual.d.ts

@@ -1,6 +1,7 @@
 declare module 'virtual:open-slide/slides' {
   import type { SlideModule } from './lib/sdk';
   export const slideIds: string[];
+  export const slideThemes: Record<string, string>;
   export function loadSlide(id: string): Promise<SlideModule>;
 }
 
@@ -26,3 +27,22 @@ declare module 'virtual:open-slide/folders' {
   const manifest: FoldersManifest;
   export default manifest;
 }
+
+declare module 'virtual:open-slide/themes' {
+  import type { DesignSystem } from './lib/design';
+  import type { Page } from './lib/sdk';
+
+  export type ThemeMeta = {
+    id: string;
+    name: string;
+    description: string;
+    body: string;
+    hasDemo: boolean;
+  };
+
+  export const themes: ThemeMeta[];
+  export function loadThemeDemo(id: string): Promise<{
+    default: Page[];
+    design?: DesignSystem;
+  }>;
+}

package/src/locale/en.ts

@@ -38,6 +38,7 @@ export const en: Locale = {
   home: {
     appTitle: 'open-slide',
     draft: 'Draft',
+    themes: 'Themes',
     folders: 'Folders',
     newFolder: 'New folder',
     folderName: 'Folder name',
@@ -51,9 +52,8 @@ export const en: Locale = {
     nothingMatchesPrefix: 'Nothing matches ',
     nothingMatchesSuffix: ' in this folder.',
     noSlidesYet: 'No slides yet',
-    createSlideHintPrefix: 'Create ',
-    createSlideHintMid: ' that ',
-    createSlideHintSuffix: '.',
+    createSlideHintPrefix: 'Run ',
+    createSlideHintSuffix: ' in your agent to scaffold one.',
     folderEmptyTitle: '{name} is empty',
     folderEmptyHint: 'Drag a slide from Draft into this folder in the sidebar.',
     slideActions: 'Slide actions',
@@ -86,6 +86,9 @@ export const en: Locale = {
     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.',
+    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',
     exportAsHtml: 'Export as HTML',
     exportAsPdf: 'Export as PDF',
@@ -162,6 +165,9 @@ export const en: Locale = {
     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.',
+    agentNotWatching: 'Agent not watching',
+    agentNotWatchingTooltip:
+      'Lost connection to the dev server, so your agent can no longer see the selected element. Restart the dev server to restore the connection.',
     contentSection: 'Content',
     typographySection: 'Typography',
     colorSection: 'Color',
@@ -301,6 +307,7 @@ export const en: Locale = {
     toastDeleted: 'Deleted page {n}',
     toastDuplicateFailed: 'Could not duplicate page',
     toastDeleteFailed: 'Could not delete page',
+    resizeRail: 'Resize thumbnail rail',
   },
 
   pdfToast: {
@@ -323,6 +330,12 @@ export const en: Locale = {
     nextAria: 'Next page',
   },
 
+  imagePlaceholder: {
+    dropOverlay: 'Drop image to use here',
+    uploading: 'Uploading…',
+    uploadFailed: "Couldn't upload image",
+  },
+
   notesDrawer: {
     toggle: 'Notes',
     pageLabel: 'page {n}/{total}',
@@ -331,4 +344,23 @@ export const en: Locale = {
     statusSaved: 'Saved',
     statusError: 'Save failed: {msg}',
   },
+
+  themes: {
+    title: 'Themes',
+    noThemesTitle: 'No themes yet',
+    noThemesHintPrefix: 'Run ',
+    noThemesHintSuffix: ' to author one — a markdown file under themes/ plus a sibling demo slide.',
+    noDemoYet: 'No demo yet',
+    noDemoHintPrefix: 'Re-run ',
+    noDemoHintSuffix: ' for this theme to generate a preview slide.',
+    backToGallery: 'Back to themes',
+    pageOf: 'page {n}/{total}',
+    nextPageAria: 'Next page',
+    prevPageAria: 'Previous page',
+    openThemeAria: 'Open theme {name}',
+    usedBy: 'Slides using this theme',
+    usedByEmpty: 'No slides use this theme yet.',
+    expandPromptAria: 'Expand prompt',
+    collapsePromptAria: 'Collapse prompt',
+  },
 };

package/src/locale/ja.ts

@@ -38,6 +38,7 @@ export const ja: Locale = {
   home: {
     appTitle: 'open-slide',
     draft: '下書き',
+    themes: 'テーマ',
     folders: 'フォルダ',
     newFolder: '新規フォルダ',
     folderName: 'フォルダ名',
@@ -51,9 +52,8 @@ export const ja: Locale = {
     nothingMatchesPrefix: 'このフォルダ内に ',
     nothingMatchesSuffix: ' に一致する項目はありません。',
     noSlidesYet: 'スライドはまだありません',
-    createSlideHintPrefix: '',
-    createSlideHintMid: ' を作成し、',
-    createSlideHintSuffix: ' してください。',
+    createSlideHintPrefix: 'エージェントで ',
+    createSlideHintSuffix: ' を実行してスライドを作成しましょう。',
     folderEmptyTitle: '{name} は空です',
     folderEmptyHint: 'サイドバーから下書きのスライドをこのフォルダにドラッグしてください。',
     slideActions: 'スライド操作',
@@ -84,6 +84,9 @@ export const ja: Locale = {
     agentConnected: 'エージェント接続中',
     agentConnectedTooltip:
       '現在のスライドと Inspector の選択状態を dev server がエージェントに公開しています。チャットで「このスライド」「この要素」と言えば認識されます。本番ビルドでは表示されません。',
+    agentDisconnected: 'エージェント切断',
+    agentDisconnectedTooltip:
+      'dev server との接続が切れたため、現在のスライドや Inspector の選択がエージェントに届かなくなっています。dev server を再起動して接続を復旧してください。',
     home: 'ホーム',
     backToHome: 'ホームへ戻る',
     download: 'ダウンロード',
@@ -199,6 +202,9 @@ export const ja: Locale = {
     agentWatching: 'エージェント監視中',
     agentWatchingTooltip:
       'エージェントは選択中の要素を dev server 経由で把握しています。直接チャットで頼めます。ここにコメントを残すのは、複数の依頼をまとめて出したいときだけで OK。',
+    agentNotWatching: 'エージェント未接続',
+    agentNotWatchingTooltip:
+      'dev server との接続が切れたため、選択中の要素がエージェントに見えなくなっています。dev server を再起動して接続を復旧してください。',
     leaveComment: 'コメントを残す',
     commentPlaceholder: 'エージェントに依頼する変更を記述…',
     commentShortcutHint: '⌘↵ で追加',
@@ -305,6 +311,7 @@ export const ja: Locale = {
     toastDeleted: 'ページ {n} を削除しました',
     toastDuplicateFailed: 'ページを複製できませんでした',
     toastDeleteFailed: 'ページを削除できませんでした',
+    resizeRail: 'サムネイル幅を調整',
   },
 
   pdfToast: {
@@ -327,6 +334,12 @@ export const ja: Locale = {
     nextAria: '次のページ',
   },
 
+  imagePlaceholder: {
+    dropOverlay: 'ここにドロップして使用',
+    uploading: 'アップロード中…',
+    uploadFailed: '画像のアップロードに失敗しました',
+  },
+
   notesDrawer: {
     toggle: '発表者ノート',
     pageLabel: '{n} / {total} ページ',
@@ -335,4 +348,24 @@ export const ja: Locale = {
     statusSaved: '保存済み',
     statusError: '保存に失敗しました: {msg}',
   },
+
+  themes: {
+    title: 'テーマ',
+    noThemesTitle: 'テーマがまだありません',
+    noThemesHintPrefix: '',
+    noThemesHintSuffix:
+      ' を実行して作成 — themes/ に markdown ファイルと同名の demo スライドを置きます。',
+    noDemoYet: 'デモがまだありません',
+    noDemoHintPrefix: 'このテーマで ',
+    noDemoHintSuffix: ' を再実行するとプレビュー用スライドが生成されます。',
+    backToGallery: 'テーマ一覧へ戻る',
+    pageOf: '{n}/{total} ページ',
+    nextPageAria: '次のページ',
+    prevPageAria: '前のページ',
+    openThemeAria: 'テーマ {name} を開く',
+    usedBy: 'このテーマを使うスライド',
+    usedByEmpty: 'このテーマを使うスライドはまだありません。',
+    expandPromptAria: 'プロンプトを展開',
+    collapsePromptAria: 'プロンプトを折りたたむ',
+  },
 };

package/src/locale/types.ts

@@ -38,6 +38,7 @@ export type Locale = {
   home: {
     appTitle: string;
     draft: string;
+    themes: string;
     folders: string;
     newFolder: string;
     folderName: string;
@@ -52,7 +53,6 @@ export type Locale = {
     nothingMatchesSuffix: string;
     noSlidesYet: string;
     createSlideHintPrefix: string;
-    createSlideHintMid: string;
     createSlideHintSuffix: string;
     folderEmptyTitle: string;
     folderEmptyHint: string;
@@ -88,6 +88,8 @@ export type Locale = {
     backToHome: string;
     agentConnected: string;
     agentConnectedTooltip: string;
+    agentDisconnected: string;
+    agentDisconnectedTooltip: string;
     download: string;
     exportAsHtml: string;
     exportAsPdf: string;
@@ -165,6 +167,8 @@ export type Locale = {
     deselect: string;
     agentWatching: string;
     agentWatchingTooltip: string;
+    agentNotWatching: string;
+    agentNotWatchingTooltip: string;
     contentSection: string;
     typographySection: string;
     colorSection: string;
@@ -321,6 +325,7 @@ export type Locale = {
     toastDeleted: string;
     toastDuplicateFailed: string;
     toastDeleteFailed: string;
+    resizeRail: string;
   };
 
   pdfToast: {
@@ -344,6 +349,12 @@ export type Locale = {
     nextAria: string;
   };
 
+  imagePlaceholder: {
+    dropOverlay: string;
+    uploading: string;
+    uploadFailed: string;
+  };
+
   notesDrawer: {
     toggle: string;
     /** template: "page {n}/{total}" */
@@ -354,4 +365,25 @@ export type Locale = {
     /** template: "Save failed: {msg}" */
     statusError: string;
   };
+
+  themes: {
+    title: string;
+    noThemesTitle: string;
+    noThemesHintPrefix: string;
+    noThemesHintSuffix: string;
+    noDemoYet: string;
+    noDemoHintPrefix: string;
+    noDemoHintSuffix: string;
+    backToGallery: string;
+    /** template: "page {n}/{total}" */
+    pageOf: string;
+    nextPageAria: string;
+    prevPageAria: string;
+    /** template: "Open theme {name}" */
+    openThemeAria: string;
+    usedBy: string;
+    usedByEmpty: string;
+    expandPromptAria: string;
+    collapsePromptAria: string;
+  };
 };

package/src/locale/zh-cn.ts

@@ -38,6 +38,7 @@ export const zhCN: Locale = {
   home: {
     appTitle: 'open-slide',
     draft: '草稿',
+    themes: '主题',
     folders: '文件夹',
     newFolder: '新建文件夹',
     folderName: '文件夹名称',
@@ -51,9 +52,8 @@ export const zhCN: Locale = {
     nothingMatchesPrefix: '该文件夹中没有匹配 ',
     nothingMatchesSuffix: ' 的内容。',
     noSlidesYet: '尚无幻灯片',
-    createSlideHintPrefix: '创建 ',
-    createSlideHintMid: ' 并 ',
-    createSlideHintSuffix: '。',
+    createSlideHintPrefix: '在 agent 中执行 ',
+    createSlideHintSuffix: ' 开始创建。',
     folderEmptyTitle: '{name} 为空',
     folderEmptyHint: '从侧边栏将幻灯片从草稿拖入此文件夹。',
     slideActions: '幻灯片操作',
@@ -84,6 +84,9 @@ export const zhCN: Locale = {
     agentConnected: 'Agent 已连接',
     agentConnectedTooltip:
       'Dev server 正在把你目前在哪张 slide、Inspector 选了哪个元素发布给 agent。直接到聊天说"这张 slide"或"这个元素"就行。Production build 不会出现。',
+    agentDisconnected: 'Agent 已断开',
+    agentDisconnectedTooltip:
+      '已和 dev server 断开连接，agent 没办法再看到你目前的 slide 或 Inspector 选择。请重新启动 dev server 来恢复连接。',
     home: '首页',
     backToHome: '返回首页',
     download: '下载',
@@ -198,6 +201,9 @@ export const zhCN: Locale = {
     agentWatching: 'Agent 正在关注',
     agentWatchingTooltip:
       'Agent 已经通过 dev server 看到你选的元素了，直接到聊天请它修改就行。想累积几个再一次问才需要在这里留 comments。',
+    agentNotWatching: 'Agent 没在关注',
+    agentNotWatchingTooltip:
+      '已和 dev server 断开连接，agent 看不到你选的元素了。请重新启动 dev server 来恢复连接。',
     leaveComment: '留个 comment',
     commentPlaceholder: '描述你希望代理执行的更改…',
     commentShortcutHint: '⌘↵ 添加',
@@ -301,6 +307,7 @@ export const zhCN: Locale = {
     toastDeleted: '已删除第 {n} 页',
     toastDuplicateFailed: '无法复制页面',
     toastDeleteFailed: '无法删除页面',
+    resizeRail: '调整缩略图栏宽度',
   },
 
   pdfToast: {
@@ -323,6 +330,12 @@ export const zhCN: Locale = {
     nextAria: '下一页',
   },
 
+  imagePlaceholder: {
+    dropOverlay: '拖入图片以使用',
+    uploading: '上传中…',
+    uploadFailed: '图片上传失败',
+  },
+
   notesDrawer: {
     toggle: '演讲备注',
     pageLabel: '第 {n} / {total} 页',
@@ -331,4 +344,23 @@ export const zhCN: Locale = {
     statusSaved: '已保存',
     statusError: '保存失败：{msg}',
   },
+
+  themes: {
+    title: '主题',
+    noThemesTitle: '尚无主题',
+    noThemesHintPrefix: '运行 ',
+    noThemesHintSuffix: ' 来创建一个 — 一个位于 themes/ 的 markdown 文件，加上同名的 demo slide。',
+    noDemoYet: '尚无 demo',
+    noDemoHintPrefix: '对此主题重新运行 ',
+    noDemoHintSuffix: ' 即可生成预览用的 slide。',
+    backToGallery: '返回主题列表',
+    pageOf: '第 {n}/{total} 页',
+    nextPageAria: '下一页',
+    prevPageAria: '上一页',
+    openThemeAria: '打开主题 {name}',
+    usedBy: '使用此主题的 slides',
+    usedByEmpty: '尚未有 slides 使用此主题。',
+    expandPromptAria: '展开 prompt',
+    collapsePromptAria: '收起 prompt',
+  },
 };

package/src/locale/zh-tw.ts

@@ -38,6 +38,7 @@ export const zhTW: Locale = {
   home: {
     appTitle: 'open-slide',
     draft: '草稿',
+    themes: '主題',
     folders: '資料夾',
     newFolder: '新增資料夾',
     folderName: '資料夾名稱',
@@ -51,9 +52,8 @@ export const zhTW: Locale = {
     nothingMatchesPrefix: '此資料夾中沒有相符 ',
     nothingMatchesSuffix: ' 的項目。',
     noSlidesYet: '尚無投影片',
-    createSlideHintPrefix: '建立 ',
-    createSlideHintMid: ' 並 ',
-    createSlideHintSuffix: '。',
+    createSlideHintPrefix: '在 agent 中執行 ',
+    createSlideHintSuffix: ' 開始建立。',
     folderEmptyTitle: '{name} 為空',
     folderEmptyHint: '從側邊欄將投影片從草稿拖入此資料夾。',
     slideActions: '投影片操作',
@@ -84,6 +84,9 @@ export const zhTW: Locale = {
     agentConnected: 'Agent 已連線',
     agentConnectedTooltip:
       'Dev server 正在把你目前在哪張 slide、Inspector 選了哪個元素發布給 agent。直接到聊天說「這張 slide」或「這個元素」就行。Production build 不會出現。',
+    agentDisconnected: 'Agent 已斷線',
+    agentDisconnectedTooltip:
+      '已和 dev server 斷線，agent 沒辦法再看到你目前的 slide 或 Inspector 選擇。請重新啟動 dev server 來恢復連線。',
     home: '首頁',
     backToHome: '返回首頁',
     download: '下載',
@@ -198,6 +201,9 @@ export const zhTW: Locale = {
     agentWatching: 'Agent 正在關注',
     agentWatchingTooltip:
       'Agent 已經透過 dev server 看到你選的元素了，直接到聊天請它修改就行。想累積幾個再一次問才需要在這裡留 comments。',
+    agentNotWatching: 'Agent 沒在關注',
+    agentNotWatchingTooltip:
+      '已和 dev server 斷線，agent 看不到你選的元素了。請重新啟動 dev server 來恢復連線。',
     leaveComment: '留個 comment',
     commentPlaceholder: '描述你希望代理進行的修改…',
     commentShortcutHint: '⌘↵ 新增',
@@ -301,6 +307,7 @@ export const zhTW: Locale = {
     toastDeleted: '已刪除第 {n} 頁',
     toastDuplicateFailed: '無法複製頁面',
     toastDeleteFailed: '無法刪除頁面',
+    resizeRail: '調整縮圖欄寬度',
   },
 
   pdfToast: {
@@ -323,6 +330,12 @@ export const zhTW: Locale = {
     nextAria: '下一頁',
   },
 
+  imagePlaceholder: {
+    dropOverlay: '拖入圖片以使用',
+    uploading: '上傳中…',
+    uploadFailed: '圖片上傳失敗',
+  },
+
   notesDrawer: {
     toggle: '講稿',
     pageLabel: '第 {n} / {total} 頁',
@@ -331,4 +344,23 @@ export const zhTW: Locale = {
     statusSaved: '已儲存',
     statusError: '儲存失敗：{msg}',
   },
+
+  themes: {
+    title: '主題',
+    noThemesTitle: '尚無主題',
+    noThemesHintPrefix: '執行 ',
+    noThemesHintSuffix: ' 來建立一個 — 一個位於 themes/ 的 markdown 檔案，加上同名的 demo slide。',
+    noDemoYet: '尚無 demo',
+    noDemoHintPrefix: '對此主題重新執行 ',
+    noDemoHintSuffix: ' 即可產生預覽用的 slide。',
+    backToGallery: '返回主題列表',
+    pageOf: '第 {n}/{total} 頁',
+    nextPageAria: '下一頁',
+    prevPageAria: '上一頁',
+    openThemeAria: '開啟主題 {name}',
+    usedBy: '使用此主題的 slides',
+    usedByEmpty: '尚未有 slides 使用此主題。',
+    expandPromptAria: '展開 prompt',
+    collapsePromptAria: '收合 prompt',
+  },
 };

package/dist/sync-B4eLo2H6.js

@@ -1,3 +0,0 @@
-import { detectSkillsDrift, syncSkills } from "./sync-3oqN1WyK.js";
-
-export { syncSkills };