@open-slide/core 1.3.0 → 1.4.0

package/dist/{config-D9cZ1A0X.d.ts → config-s0YUbmUe.d.ts}

@@ -1,4 +1,4 @@
-import { Locale } from "./types-JYG1cmwC.js";
+import { Locale } from "./types-QCpkHkiS.js";
 
 //#region src/config.d.ts
 type OpenSlideBuildConfig = {
@@ -9,6 +9,7 @@ type OpenSlideBuildConfig = {
 type OpenSlideConfig = {
   slidesDir?: string;
   themesDir?: string;
+  assetsDir?: string;
   port?: number;
   locale?: Locale;
   build?: OpenSlideBuildConfig;

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

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

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

@@ -35,6 +35,7 @@ const en = {
 		appTitle: "open-slide",
 		draft: "Draft",
 		themes: "Themes",
+		assets: "Assets",
 		folders: "Folders",
 		newFolder: "New folder",
 		folderName: "Folder name",
@@ -79,14 +80,19 @@ const en = {
 		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.",
+		agentConnectedTooltip: "The current slide and inspector selection are synced to your agent in real time.",
 		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",
 		pdfExportFailed: "PDF export failed",
+		pdfExportSafariUnsupported: "Export as PDF is not supported on Safari. Please try a Chromium-based browser instead.",
 		present: "Present",
+		presentMenuAria: "Present options",
+		presentInWindow: "Play",
+		presentFullscreen: "Fullscreen",
+		presentPresenter: "Presenter mode",
 		slidesTab: "Slides",
 		assetsTab: "Assets",
 		renameSlide: "Rename slide",
@@ -128,6 +134,8 @@ const en = {
 		whiteoutAria: "White screen (W)",
 		laserAria: "Laser pointer (L)",
 		presenterAria: "Presenter view (P)",
+		enterFullscreenAria: "Enter fullscreen",
+		exitFullscreenAria: "Exit fullscreen",
 		helpAria: "Keyboard shortcuts (?)",
 		exitAria: "Exit (Esc)",
 		elapsedTime: "Elapsed time",
@@ -153,7 +161,7 @@ const en = {
 		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.",
+		agentWatchingTooltip: "The selected element is synced to your agent in real time.",
 		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",
@@ -237,6 +245,8 @@ const en = {
 		devOnlyMessage: "Asset management is only available in dev mode.",
 		sectionAria: "Slide assets",
 		eyebrow: "Assets",
+		scopeSlide: "This slide",
+		scopeGlobal: "Global",
 		fileCount: {
 			one: "{count} file",
 			other: "{count} files"
@@ -255,7 +265,7 @@ const en = {
 		renameMenuItem: "Rename",
 		deleteMenuItem: "Delete",
 		conflictTitle: "File already exists",
-		conflictDescription: "{name} is already in this slide's assets folder.",
+		conflictDescription: "{name} is already in the assets folder.",
 		conflictReplace: "Replace",
 		conflictRenameCopy: "Rename copy",
 		deleteAssetTitle: "Delete asset",

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { Locale, Plural } from "./types-JYG1cmwC.js";
-import { OpenSlideConfig } from "./config-D9cZ1A0X.js";
+import { Locale, Plural } from "./types-QCpkHkiS.js";
+import { OpenSlideConfig } from "./config-s0YUbmUe.js";
 import { CSSProperties, ComponentType, HTMLAttributes } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 

package/dist/index.js

@@ -1,4 +1,4 @@
-import { en } from "./en-CDKzoZvf.js";
+import { en } from "./en-7GU-DHbJ.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-JYG1cmwC.js";
+import { Locale, Plural } from "../types-QCpkHkiS.js";
 
 //#region src/locale/en.d.ts
 declare const en: Locale;

package/dist/locale/index.js

@@ -1,4 +1,4 @@
-import { en } from "../en-CDKzoZvf.js";
+import { en } from "../en-7GU-DHbJ.js";
 
 //#region src/locale/format.ts
 function format(template, vars) {
@@ -49,6 +49,7 @@ const ja = {
 		appTitle: "open-slide",
 		draft: "下書き",
 		themes: "テーマ",
+		assets: "アセット",
 		folders: "フォルダ",
 		newFolder: "新規フォルダ",
 		folderName: "フォルダ名",
@@ -91,7 +92,7 @@ const ja = {
 	},
 	slide: {
 		agentConnected: "エージェント接続中",
-		agentConnectedTooltip: "現在のスライドと Inspector の選択状態を dev server がエージェントに公開しています。チャットで「このスライド」「この要素」と言えば認識されます。本番ビルドでは表示されません。",
+		agentConnectedTooltip: "現在のスライドと Inspector の選択はエージェントにリアルタイムで同期されています。",
 		agentDisconnected: "エージェント切断",
 		agentDisconnectedTooltip: "dev server との接続が切れたため、現在のスライドや Inspector の選択がエージェントに届かなくなっています。dev server を再起動して接続を復旧してください。",
 		home: "ホーム",
@@ -100,7 +101,12 @@ const ja = {
 		exportAsHtml: "HTML として書き出し",
 		exportAsPdf: "PDF として書き出し",
 		pdfExportFailed: "PDF の書き出しに失敗しました",
+		pdfExportSafariUnsupported: "PDF の書き出しは現在 Safari では対応していません。Chromium ベースのブラウザでお試しください。",
 		present: "発表",
+		presentMenuAria: "発表オプション",
+		presentInWindow: "再生",
+		presentFullscreen: "フルスクリーン再生",
+		presentPresenter: "発表者モード",
 		slidesTab: "スライド",
 		assetsTab: "アセット",
 		renameSlide: "スライドの名前を変更",
@@ -142,6 +148,8 @@ const ja = {
 		whiteoutAria: "白い画面 (W)",
 		laserAria: "レーザーポインタ (L)",
 		presenterAria: "発表者ビュー (P)",
+		enterFullscreenAria: "フルスクリーンへ",
+		exitFullscreenAria: "フルスクリーン解除",
 		helpAria: "キーボードショートカット (?)",
 		exitAria: "終了 (Esc)",
 		elapsedTime: "経過時間",
@@ -203,7 +211,7 @@ const ja = {
 		cropApply: "適用",
 		cropResetAria: "トリミングをリセット",
 		agentWatching: "エージェント監視中",
-		agentWatchingTooltip: "エージェントは選択中の要素を dev server 経由で把握しています。直接チャットで頼めます。ここにコメントを残すのは、複数の依頼をまとめて出したいときだけで OK。",
+		agentWatchingTooltip: "選択中の要素はエージェントにリアルタイムで同期されています。",
 		agentNotWatching: "エージェント未接続",
 		agentNotWatchingTooltip: "dev server との接続が切れたため、選択中の要素がエージェントに見えなくなっています。dev server を再起動して接続を復旧してください。",
 		leaveComment: "コメントを残す",
@@ -251,6 +259,8 @@ const ja = {
 		devOnlyMessage: "アセット管理は開発モードでのみ利用できます。",
 		sectionAria: "スライドのアセット",
 		eyebrow: "アセット",
+		scopeSlide: "このスライド",
+		scopeGlobal: "グローバル",
 		fileCount: {
 			one: "ファイル {count} 件",
 			other: "ファイル {count} 件"
@@ -269,7 +279,7 @@ const ja = {
 		renameMenuItem: "名前を変更",
 		deleteMenuItem: "削除",
 		conflictTitle: "ファイルがすでに存在します",
-		conflictDescription: "{name} はすでにこのスライドのアセットフォルダにあります。",
+		conflictDescription: "{name} はすでにアセットフォルダにあります。",
 		conflictReplace: "置き換え",
 		conflictRenameCopy: "コピーをリネーム",
 		deleteAssetTitle: "アセットを削除",
@@ -399,6 +409,7 @@ const zhCN = {
 		appTitle: "open-slide",
 		draft: "草稿",
 		themes: "主题",
+		assets: "素材",
 		folders: "文件夹",
 		newFolder: "新建文件夹",
 		folderName: "文件夹名称",
@@ -441,7 +452,7 @@ const zhCN = {
 	},
 	slide: {
 		agentConnected: "Agent 已连接",
-		agentConnectedTooltip: "Dev server 正在把你目前在哪张 slide、Inspector 选了哪个元素发布给 agent。直接到聊天说\"这张 slide\"或\"这个元素\"就行。Production build 不会出现。",
+		agentConnectedTooltip: "目前的 slide 与 Inspector 选择会即时同步给 agent。",
 		agentDisconnected: "Agent 已断开",
 		agentDisconnectedTooltip: "已和 dev server 断开连接，agent 没办法再看到你目前的 slide 或 Inspector 选择。请重新启动 dev server 来恢复连接。",
 		home: "首页",
@@ -450,7 +461,12 @@ const zhCN = {
 		exportAsHtml: "导出为 HTML",
 		exportAsPdf: "导出为 PDF",
 		pdfExportFailed: "PDF 导出失败",
+		pdfExportSafariUnsupported: "导出 PDF 目前不支持 Safari 设备，请尝试使用基于 Chromium 的浏览器替代。",
 		present: "演示",
+		presentMenuAria: "演示选项",
+		presentInWindow: "播放",
+		presentFullscreen: "全屏播放",
+		presentPresenter: "演讲者模式",
 		slidesTab: "幻灯片",
 		assetsTab: "素材",
 		renameSlide: "重命名幻灯片",
@@ -492,6 +508,8 @@ const zhCN = {
 		whiteoutAria: "白屏 (W)",
 		laserAria: "激光笔 (L)",
 		presenterAria: "演讲者视图 (P)",
+		enterFullscreenAria: "进入全屏",
+		exitFullscreenAria: "退出全屏",
 		helpAria: "键盘快捷键 (?)",
 		exitAria: "退出 (Esc)",
 		elapsedTime: "已用时",
@@ -553,7 +571,7 @@ const zhCN = {
 		cropApply: "应用",
 		cropResetAria: "重置裁剪",
 		agentWatching: "Agent 正在关注",
-		agentWatchingTooltip: "Agent 已经通过 dev server 看到你选的元素了，直接到聊天请它修改就行。想累积几个再一次问才需要在这里留 comments。",
+		agentWatchingTooltip: "选取的元素会即时同步给 agent。",
 		agentNotWatching: "Agent 没在关注",
 		agentNotWatchingTooltip: "已和 dev server 断开连接，agent 看不到你选的元素了。请重新启动 dev server 来恢复连接。",
 		leaveComment: "留个 comment",
@@ -601,6 +619,8 @@ const zhCN = {
 		devOnlyMessage: "素材管理仅在开发模式下可用。",
 		sectionAria: "幻灯片素材",
 		eyebrow: "素材",
+		scopeSlide: "当前幻灯片",
+		scopeGlobal: "全局",
 		fileCount: {
 			one: "{count} 个文件",
 			other: "{count} 个文件"
@@ -619,7 +639,7 @@ const zhCN = {
 		renameMenuItem: "重命名",
 		deleteMenuItem: "删除",
 		conflictTitle: "文件已存在",
-		conflictDescription: "{name} 已在该幻灯片的素材文件夹中。",
+		conflictDescription: "{name} 已在素材文件夹中。",
 		conflictReplace: "替换",
 		conflictRenameCopy: "重命名副本",
 		deleteAssetTitle: "删除素材",
@@ -749,6 +769,7 @@ const zhTW = {
 		appTitle: "open-slide",
 		draft: "草稿",
 		themes: "主題",
+		assets: "素材",
 		folders: "資料夾",
 		newFolder: "新增資料夾",
 		folderName: "資料夾名稱",
@@ -791,7 +812,7 @@ const zhTW = {
 	},
 	slide: {
 		agentConnected: "Agent 已連線",
-		agentConnectedTooltip: "Dev server 正在把你目前在哪張 slide、Inspector 選了哪個元素發布給 agent。直接到聊天說「這張 slide」或「這個元素」就行。Production build 不會出現。",
+		agentConnectedTooltip: "目前的 slide 與 Inspector 選擇會即時同步給 agent。",
 		agentDisconnected: "Agent 已斷線",
 		agentDisconnectedTooltip: "已和 dev server 斷線，agent 沒辦法再看到你目前的 slide 或 Inspector 選擇。請重新啟動 dev server 來恢復連線。",
 		home: "首頁",
@@ -800,7 +821,12 @@ const zhTW = {
 		exportAsHtml: "匯出為 HTML",
 		exportAsPdf: "匯出為 PDF",
 		pdfExportFailed: "PDF 匯出失敗",
+		pdfExportSafariUnsupported: "匯出 PDF 目前不支援 Safari 裝置，請嘗試用 Chromium 基底瀏覽器替代。",
 		present: "簡報",
+		presentMenuAria: "簡報選項",
+		presentInWindow: "播放",
+		presentFullscreen: "全螢幕播放",
+		presentPresenter: "簡報者模式",
 		slidesTab: "投影片",
 		assetsTab: "素材",
 		renameSlide: "重新命名投影片",
@@ -842,6 +868,8 @@ const zhTW = {
 		whiteoutAria: "白屏 (W)",
 		laserAria: "雷射筆 (L)",
 		presenterAria: "主講人檢視 (P)",
+		enterFullscreenAria: "進入全螢幕",
+		exitFullscreenAria: "退出全螢幕",
 		helpAria: "鍵盤快速鍵 (?)",
 		exitAria: "離開 (Esc)",
 		elapsedTime: "已耗時",
@@ -903,7 +931,7 @@ const zhTW = {
 		cropApply: "套用",
 		cropResetAria: "重設裁切",
 		agentWatching: "Agent 正在關注",
-		agentWatchingTooltip: "Agent 已經透過 dev server 看到你選的元素了，直接到聊天請它修改就行。想累積幾個再一次問才需要在這裡留 comments。",
+		agentWatchingTooltip: "選取的元素會即時同步給 agent。",
 		agentNotWatching: "Agent 沒在關注",
 		agentNotWatchingTooltip: "已和 dev server 斷線，agent 看不到你選的元素了。請重新啟動 dev server 來恢復連線。",
 		leaveComment: "留個 comment",
@@ -951,6 +979,8 @@ const zhTW = {
 		devOnlyMessage: "素材管理僅在開發模式下可用。",
 		sectionAria: "投影片素材",
 		eyebrow: "素材",
+		scopeSlide: "此投影片",
+		scopeGlobal: "全域",
 		fileCount: {
 			one: "{count} 個檔案",
 			other: "{count} 個檔案"
@@ -969,7 +999,7 @@ const zhTW = {
 		renameMenuItem: "重新命名",
 		deleteMenuItem: "刪除",
 		conflictTitle: "檔案已存在",
-		conflictDescription: "{name} 已在此投影片的素材資料夾中。",
+		conflictDescription: "{name} 已在素材資料夾中。",
 		conflictReplace: "取代",
 		conflictRenameCopy: "重新命名副本",
 		deleteAssetTitle: "刪除素材",

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

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

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

@@ -39,6 +39,7 @@ type Locale = {
     appTitle: string;
     draft: string;
     themes: string;
+    assets: string;
     folders: string;
     newFolder: string;
     folderName: string;
@@ -93,7 +94,12 @@ type Locale = {
     exportAsHtml: string;
     exportAsPdf: string;
     pdfExportFailed: string;
+    pdfExportSafariUnsupported: string;
     present: string;
+    presentMenuAria: string;
+    presentInWindow: string;
+    presentFullscreen: string;
+    presentPresenter: string;
     slidesTab: string;
     assetsTab: string;
     renameSlide: string;
@@ -136,6 +142,8 @@ type Locale = {
     whiteoutAria: string;
     laserAria: string;
     presenterAria: string;
+    enterFullscreenAria: string;
+    exitFullscreenAria: string;
     helpAria: string;
     exitAria: string;
     elapsedTime: string;
@@ -245,6 +253,8 @@ type Locale = {
     devOnlyMessage: string;
     sectionAria: string;
     eyebrow: string;
+    scopeSlide: string;
+    scopeGlobal: string;
     /** templates: "{count} file" / "{count} files" */
     fileCount: Plural;
     searchLogos: string;
@@ -263,7 +273,7 @@ type Locale = {
     renameMenuItem: string;
     deleteMenuItem: string;
     conflictTitle: string;
-    /** template: "{name} is already in this slide's assets folder." */
+    /** template: "{name} is already in the assets folder." */
     conflictDescription: string;
     conflictReplace: string;
     conflictRenameCopy: string;

package/dist/vite/index.d.ts

@@ -1,5 +1,5 @@
-import "../types-JYG1cmwC.js";
-import { OpenSlideConfig } from "../config-D9cZ1A0X.js";
+import "../types-QCpkHkiS.js";
+import { OpenSlideConfig } from "../config-s0YUbmUe.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-BAwKWNtW.js";
+import { createViteConfig } from "../config-XZJnC_fu.js";
 
 export { createViteConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-slide/core",
-  "version": "1.3.0",
+  "version": "1.4.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

@@ -242,7 +242,7 @@ export default [Cover, Content] satisfies Page[];
 
 ## Assets
 
-Place files under `slides/<id>/assets/`. Import them as ES modules:
+**Slide-local assets** live under `slides/<id>/assets/` — anything one-off to a single slide. Import them as ES modules:
 
 ```tsx
 import hero from './assets/hero.jpg';
@@ -256,6 +256,14 @@ For URL-only access:
 const videoUrl = new URL('./assets/intro.mp4', import.meta.url).href;
 ```
 
+**Global assets** — anything reused across decks or themes (company logos, presenter avatars, recurring icons) — live in the project root `assets/` folder. Import them via the `@assets` alias:
+
+```tsx
+import logo from '@assets/logos/acme.svg';
+```
+
+A `themes/*.md` file may name an asset path in its prose (e.g. "use `@assets/logos/acme.svg` in the title slot"); the slide imports it explicitly.
+
 Skip the `assets/` folder entirely for pure-text slides.
 
 ## Image placeholders
@@ -339,7 +347,7 @@ This applies whenever the *visual element* repeats, not whenever the *data* does
 - [ ] Slide declares a top-level `export const design: DesignSystem = { … }` and references the values via `var(--osd-X)` (use `design.X` only when you need a JS number for arithmetic). Only omit the `design` const for a one-off slide whose palette is intentionally locked.
 - [ ] One idea per page.
 - [ ] Visually repeated elements (cards, tiles, logo rows) are rendered as explicit `<Component />` instances, not via `array.map` over a data list.
-- [ ] All imported assets exist on disk under `slides/<id>/assets/`.
+- [ ] All imported assets exist on disk — slide-local under `slides/<id>/assets/`, or global under `assets/` (imported via `@assets/...`).
 - [ ] Every `<ImagePlaceholder>` corresponds to a real image the user must supply — not decorative filler. If it could be replaced by typography or layout, it should be.
 - [ ] Nothing outside `slides/<id>/` was edited.
 

package/src/app/app.tsx

@@ -2,6 +2,7 @@ import config from 'virtual:open-slide/config';
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import { Toaster } from './components/ui/sonner';
 import { useLocale } from './lib/use-locale';
+import { AssetsPage } from './routes/assets';
 import { Home } from './routes/home';
 import { HomeShell } from './routes/home-shell';
 import { Presenter } from './routes/presenter';
@@ -17,6 +18,7 @@ export function App() {
             <Route path="/" element={<Home />} />
             <Route path="/themes" element={<ThemesGalleryPage />} />
             <Route path="/themes/:themeId" element={<ThemeDetailPage />} />
+            <Route path="/assets" element={<AssetsPage />} />
           </Route>
         ) : (
           <Route path="/" element={<NotFound />} />

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

@@ -30,6 +30,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
+import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import {
   type AssetEntry,
   fetchSvgAsFile,
@@ -41,7 +42,11 @@ import {
 import { format, useLocale } from '@/lib/use-locale';
 import { cn } from '@/lib/utils';
 
-type Props = { slideId: string };
+type Props = { slideId: string | null };
+
+type Scope = 'slide' | 'global';
+
+const GLOBAL_SLIDE_ID = '@global';
 
 type ConflictState = {
   file: File;
@@ -49,7 +54,10 @@ type ConflictState = {
 };
 
 export function AssetView({ slideId }: Props) {
-  const { assets, loading, available, upload, rename, remove } = useAssets(slideId);
+  const lockedToGlobal = slideId === null;
+  const [scope, setScope] = useState<Scope>(lockedToGlobal ? 'global' : 'slide');
+  const effectiveSlideId = scope === 'global' || slideId === null ? GLOBAL_SLIDE_ID : slideId;
+  const { assets, loading, available, upload, rename, remove } = useAssets(effectiveSlideId);
   const [dragActive, setDragActive] = useState(false);
   const [conflict, setConflict] = useState<ConflictState | null>(null);
   const [preview, setPreview] = useState<AssetEntry | null>(null);
@@ -133,10 +141,21 @@ export function AssetView({ slideId }: Props) {
       }}
     >
       <div className="flex shrink-0 items-center justify-between gap-3 border-b border-hairline bg-sidebar px-6 py-3">
-        <div className="min-w-0">
-          <span className="eyebrow">{t.asset.eyebrow}</span>
-          <p className="mt-0.5 truncate text-[12px] text-muted-foreground">
-            <span className="font-mono text-[11.5px]">slides/{slideId}/assets/</span>
+        <div className="flex min-w-0 items-center gap-3">
+          {lockedToGlobal ? (
+            <span className="eyebrow">{t.asset.eyebrow}</span>
+          ) : (
+            <Tabs value={scope} onValueChange={(next) => setScope(next as Scope)}>
+              <TabsList>
+                <TabsTrigger value="slide">{t.asset.scopeSlide}</TabsTrigger>
+                <TabsTrigger value="global">{t.asset.scopeGlobal}</TabsTrigger>
+              </TabsList>
+            </Tabs>
+          )}
+          <p className="min-w-0 truncate text-[12px] text-muted-foreground">
+            <span className="font-mono text-[11.5px]">
+              {scope === 'global' ? 'assets/' : `slides/${slideId}/assets/`}
+            </span>
             {!loading && (
               <>
                 <span className="mx-2 opacity-50">·</span>
@@ -274,7 +293,7 @@ export function AssetView({ slideId }: Props) {
         />
       )}
 
-      {preview && <PreviewDialog asset={preview} onClose={() => setPreview(null)} />}
+      {preview && <PreviewDialog asset={preview} scope={scope} onClose={() => setPreview(null)} />}
 
       {logoSearchOpen && (
         <LogoSearchDialog
@@ -542,9 +561,17 @@ function NoResultsMessage({ query, t }: { query: string; t: ReturnType<typeof us
   );
 }
 
-function PreviewDialog({ asset, onClose }: { asset: AssetEntry; onClose: () => void }) {
+function PreviewDialog({
+  asset,
+  scope,
+  onClose,
+}: {
+  asset: AssetEntry;
+  scope: Scope;
+  onClose: () => void;
+}) {
   const isImage = asset.mime.startsWith('image/');
-  const importPath = `./assets/${asset.name}`;
+  const importPath = scope === 'global' ? `@assets/${asset.name}` : `./assets/${asset.name}`;
   const t = useLocale();
   return (
     <Dialog open onOpenChange={(open) => !open && onClose()}>

package/src/app/components/inspector/inspect-overlay.tsx

@@ -31,7 +31,7 @@ export function InspectOverlay() {
     };
 
     const onMove = (e: PointerEvent) => {
-      const el = pickElement(e.clientX, e.clientY);
+      const el = pickInspectorTarget(pickElement(e.clientX, e.clientY));
       if (!el) return setHover(null);
       const hit = findSlideSource(el, slideId, { hostOnly: true });
       if (!hit) return setHover(null);
@@ -40,7 +40,7 @@ export function InspectOverlay() {
 
     const onClick = (e: MouseEvent) => {
       if (e.target instanceof Element && e.target.closest('[data-inspector-ui]')) return;
-      const el = pickElement(e.clientX, e.clientY);
+      const el = pickInspectorTarget(pickElement(e.clientX, e.clientY));
       if (!el) return;
       const hit = findSlideSource(el, slideId, { hostOnly: true });
       if (!hit) return;
@@ -52,7 +52,7 @@ export function InspectOverlay() {
 
     const onDblClick = (e: MouseEvent) => {
       if (e.target instanceof Element && e.target.closest('[data-inspector-ui]')) return;
-      const el = pickElement(e.clientX, e.clientY);
+      const el = pickInspectorTarget(pickElement(e.clientX, e.clientY));
       if (!el) return;
       const hit = findSlideSource(el, slideId, { hostOnly: true });
       if (!hit) return;
@@ -221,3 +221,49 @@ function pickElement(x: number, y: number): HTMLElement | null {
   }
   return null;
 }
+
+const INLINE_TEXT_TAGS = new Set([
+  'B',
+  'CODE',
+  'DEL',
+  'EM',
+  'I',
+  'INS',
+  'MARK',
+  'S',
+  'SMALL',
+  'SPAN',
+  'STRONG',
+  'SUB',
+  'SUP',
+  'U',
+]);
+
+function pickInspectorTarget(el: HTMLElement | null): HTMLElement | null {
+  if (!el) return null;
+  const root = el.closest('[data-inspector-root]');
+  const startedOnInlineText = INLINE_TEXT_TAGS.has(el.tagName);
+  for (let cur: HTMLElement | null = el; cur && root?.contains(cur); cur = cur.parentElement) {
+    if (startedOnInlineText && INLINE_TEXT_TAGS.has(cur.tagName)) continue;
+    if (isEditableTextContainer(cur)) return cur;
+  }
+  return el;
+}
+
+function isEditableTextContainer(el: HTMLElement): boolean {
+  if (!el.textContent?.trim()) return false;
+  return hasOnlyInlineTextChildren(el);
+}
+
+function hasOnlyInlineTextChildren(el: HTMLElement): boolean {
+  for (const child of Array.from(el.childNodes)) {
+    if (child.nodeType === Node.TEXT_NODE) {
+      continue;
+    } else if (child instanceof HTMLElement) {
+      if (child.tagName === 'BR') continue;
+      if (INLINE_TEXT_TAGS.has(child.tagName) && hasOnlyInlineTextChildren(child)) continue;
+    }
+    return false;
+  }
+  return true;
+}