@open-slide/core 1.1.0 → 1.3.0

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

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

package/dist/{dev-B_GVbr11.js → dev-BoqeVXVq.js}

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

package/dist/en-CDKzoZvf.js

@@ -0,0 +1,351 @@
+//#region src/locale/en.ts
+const en = {
+	id: "en",
+	common: {
+		cancel: "Cancel",
+		save: "Save",
+		saving: "Saving",
+		saved: "Saved",
+		discard: "Discard",
+		delete: "Delete",
+		rename: "Rename",
+		move: "Move",
+		close: "Close",
+		loading: "Loading",
+		loadFailed: "Load failed",
+		failedToLoadSlide: "Failed to load slide",
+		home: "Home",
+		backToHome: "Back to home",
+		preview: "Preview",
+		add: "Add",
+		done: "Done",
+		tryAgain: "Try again",
+		undo: "Undo",
+		redo: "Redo",
+		light: "Light",
+		dark: "Dark",
+		system: "System",
+		selected: "Selected"
+	},
+	notFound: {
+		eyebrow: "404 · not found",
+		title: "Page not found"
+	},
+	home: {
+		appTitle: "open-slide",
+		draft: "Draft",
+		themes: "Themes",
+		folders: "Folders",
+		newFolder: "New folder",
+		folderName: "Folder name",
+		changeIcon: "Change icon",
+		iconEmojiTab: "Emoji",
+		iconColorTab: "Color",
+		folderActions: "Folder actions",
+		searchPlaceholder: "Search slides",
+		clearSearch: "Clear search",
+		noMatches: "No matches",
+		nothingMatchesPrefix: "Nothing matches ",
+		nothingMatchesSuffix: " in this folder.",
+		noSlidesYet: "No slides yet",
+		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",
+		moveToFolder: "Move to folder…",
+		renameDialogEyebrow: "Rename",
+		renameDialogTitle: "Rename slide",
+		renameDialogDescription: "Give this slide a new display name.",
+		slideNamePlaceholder: "Slide name",
+		moveDialogEyebrow: "Move",
+		moveDialogTitle: "Move slide",
+		moveDialogDescriptionPrefix: "Choose a folder for ",
+		moveDialogDescriptionSuffix: ".",
+		deleteDialogEyebrow: "Destructive",
+		deleteDialogTitle: "Delete slide?",
+		deleteDialogDescriptionPrefix: "This permanently removes ",
+		deleteDialogDescriptionMid: " and its files from disk. ",
+		deleteDialogDescriptionSuffix: "This action cannot be undone.",
+		toastFolderCreated: "Created folder “{name}”",
+		toastFolderCreateFailed: "Failed to create folder",
+		toastSlideMoved: "Moved “{slide}” to {folder}",
+		toastSlideMoveFailed: "Failed to move slide",
+		toastFolderDeleted: "Deleted folder “{name}”",
+		toastFolderDeleteFailed: "Failed to delete folder",
+		pickIcon: "Pick icon"
+	},
+	slide: {
+		home: "Home",
+		backToHome: "Back to home",
+		agentConnected: "Agent connected",
+		agentConnectedTooltip: "The dev server is publishing your current slide and inspector selection to your agent. Ask \"this slide\" or \"this element\" in chat and it will resolve. Disappears in production builds.",
+		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",
+		present: "Present",
+		slidesTab: "Slides",
+		assetsTab: "Assets",
+		renameSlide: "Rename slide",
+		loadingEyebrow: "Loading",
+		emptyEyebrow: "Empty",
+		nothingToShow: "Nothing to show.",
+		emptyHintPrefix: "",
+		emptyHintMust: " must ",
+		emptyHintSuffix: " a non-empty array of components."
+	},
+	presenter: {
+		eyebrow: "Presenter",
+		notLinked: "Not linked",
+		nowShowing: "Now showing",
+		upNext: "Up next",
+		lastSlide: "Last slide",
+		endOfDeck: "End of deck",
+		speakerNotes: "Speaker notes",
+		noNotesPrefix: "No speaker notes for this slide. Add ",
+		noNotesSuffix: " to your slide module to see notes here.",
+		blackScreen: "Black screen",
+		whiteScreen: "White screen",
+		prev: "Prev",
+		next: "Next",
+		black: "Black",
+		white: "White",
+		reset: "Reset",
+		resetTimer: "Reset timer",
+		currentTime: "Current time",
+		elapsed: "Elapsed",
+		jump: "Jump",
+		loadingSlide: "Loading {slideId}…"
+	},
+	present: {
+		prevSlideAria: "Previous slide (←)",
+		nextSlideAria: "Next slide (→)",
+		overviewAria: "Slide overview (O)",
+		blackoutAria: "Black screen (B)",
+		whiteoutAria: "White screen (W)",
+		laserAria: "Laser pointer (L)",
+		presenterAria: "Presenter view (P)",
+		helpAria: "Keyboard shortcuts (?)",
+		exitAria: "Exit (Esc)",
+		elapsedTime: "Elapsed time",
+		helpEyebrow: "Present mode",
+		helpTitle: "Keyboard shortcuts",
+		shortcutNext: "Next slide",
+		shortcutPrev: "Previous slide",
+		shortcutFirstLast: "First / last slide",
+		shortcutJump: "Jump to slide",
+		shortcutOverview: "Slide overview",
+		shortcutBlack: "Black screen",
+		shortcutWhite: "White screen",
+		shortcutLaser: "Laser pointer",
+		shortcutPresenter: "Open Presenter View",
+		shortcutToggleHelp: "Toggle this help",
+		shortcutCloseExit: "Close overlay / exit",
+		overviewDialogAria: "Slide overview",
+		overviewEyebrow: "Overview",
+		overviewGoToAria: "Go to slide {n}",
+		nowBadge: "Now"
+	},
+	inspector: {
+		inspect: "Inspect",
+		deselect: "Deselect",
+		agentWatching: "Agent is watching",
+		agentWatchingTooltip: "Your agent already sees the selected element via the dev server — just ask it in chat. Leave comments here only when you want to queue a few before asking.",
+		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",
+		textColor: "Text",
+		backgroundColor: "Background",
+		imageSection: "Image",
+		imagePlaceholderSection: "Image placeholder",
+		elementTextPlaceholder: "Element text",
+		sizeLabel: "Size",
+		weightLabel: "Weight",
+		weightLight: "Light · 300",
+		weightRegular: "Regular · 400",
+		weightMedium: "Medium · 500",
+		weightSemibold: "Semibold · 600",
+		weightBold: "Bold · 700",
+		weightExtrabold: "Extrabold · 800",
+		styleLabel: "Style",
+		boldAria: "Bold",
+		italicAria: "Italic",
+		lineHeightLabel: "Line height",
+		trackingLabel: "Tracking",
+		alignLabel: "Align",
+		clearAria: "Clear",
+		replace: "Replace…",
+		replaceImageDialogTitle: "Replace image",
+		replaceImageDescription: "Pick an asset from {path}.",
+		pickerLoading: "Loading…",
+		pickerEmpty: "No images in this slide's assets folder yet. Add some from the Assets tab.",
+		placeholderHintLabel: "Hint:",
+		crop: "Crop…",
+		cropDialogTitle: "Crop image",
+		cropDialogDescription: "Drag the frame to choose what stays visible.",
+		cropFitCover: "Fill",
+		cropFitContain: "Fit",
+		cropApply: "Apply",
+		cropResetAria: "Reset crop",
+		leaveComment: "Leave a comment",
+		commentPlaceholder: "Describe a change for the agent…",
+		commentShortcutHint: "⌘↵ to add",
+		addComment: "Add comment",
+		unsavedChanges: {
+			one: "{count} unsaved change",
+			other: "{count} unsaved changes"
+		},
+		commentsCount: {
+			one: "{count} comment",
+			other: "{count} comments"
+		},
+		commentLineLabel: "line {n}",
+		commentsEmpty: "No comments yet. Toggle Inspect and click a slide element.",
+		commentsApplyHintPrefix: "Run ",
+		commentsApplyHintSuffix: " in your agent to apply these.",
+		commentDeleteAria: "Delete",
+		saveFailed: "Couldn't save:"
+	},
+	stylePanel: {
+		designTokens: "Design tokens",
+		draftBadge: "draft",
+		unsavedTitle: "Unsaved",
+		closePanelAria: "Close design panel",
+		colorsSection: "Colors",
+		typographySection: "Typography",
+		shapeSection: "Shape",
+		backgroundLabel: "Background",
+		textLabel: "Text",
+		accentLabel: "Accent",
+		displayFontLabel: "Display",
+		bodyFontLabel: "Body",
+		heroLabel: "Hero",
+		bodyLabel: "Body",
+		radiusLabel: "Radius",
+		designToggle: "Design",
+		designToggleTitle: "Design tokens",
+		fontPresetCustom: "Custom…",
+		shuffleAria: "Shuffle design",
+		shuffleTitle: "Shuffle for inspiration"
+	},
+	asset: {
+		devOnlyMessage: "Asset management is only available in dev mode.",
+		sectionAria: "Slide assets",
+		eyebrow: "Assets",
+		fileCount: {
+			one: "{count} file",
+			other: "{count} files"
+		},
+		searchLogos: "Search logos",
+		upload: "Upload",
+		dropToUpload: "Drop to upload",
+		loading: "Loading…",
+		noAssetsYet: "No assets yet",
+		noAssetsHintPrefix: "Drop files anywhere here, or use ",
+		noAssetsHintSuffix: ".",
+		nameAlreadyExists: "A file with that name already exists.",
+		previewAria: "Preview {name}",
+		actionsAria: "Actions for {name}",
+		previewMenuItem: "Preview",
+		renameMenuItem: "Rename",
+		deleteMenuItem: "Delete",
+		conflictTitle: "File already exists",
+		conflictDescription: "{name} is already in this slide's assets folder.",
+		conflictReplace: "Replace",
+		conflictRenameCopy: "Rename copy",
+		deleteAssetTitle: "Delete asset",
+		deleteAssetDescription: "Delete {name}? Imports referencing this file in the slide will break.",
+		noPreview: "No preview available",
+		importHintComment: "import asset from ",
+		importHintSemi: ";",
+		logoSearchTitle: "Search logos",
+		logoSearchPoweredByPrefix: "Powered by ",
+		logoSearchPlaceholder: "Search by brand…",
+		logoSearchErrorTitle: "Couldn't reach svgl",
+		logoSearchErrorBody: "Check your connection and try again.",
+		logoSearchNoResults: "No logos for \"{query}\"",
+		logoSearchEmpty: "No logos available",
+		logoSearchEmptyHintPrefix: "Try a different brand name, or browse the full catalog at ",
+		logoSearchEmptyHintSuffix: ".",
+		logoVariantLight: "Light",
+		logoVariantDark: "Dark",
+		toastUploadFailed: "Upload failed ({status})",
+		toastReplaced: "Replaced {name}",
+		toastUploadedAs: "Uploaded as {name}",
+		toastUploaded: "Uploaded {name}",
+		toastRenameFailed: "Rename failed ({status})",
+		toastRenamed: "Renamed to {name}",
+		toastDeleteFailed: "Delete failed ({status})",
+		toastDeleted: "Deleted {name}",
+		toastDownloadFailed: "Failed to download logo",
+		toastSearchFailed: "Search failed"
+	},
+	thumbnailRail: {
+		pages: "Pages",
+		goToPageAria: "Go to page {n}",
+		duplicatePage: "Duplicate",
+		deletePage: "Delete",
+		pageActionsAria: "Page {n} actions",
+		toastDuplicated: "Duplicated page {n}",
+		toastDeleted: "Deleted page {n}",
+		toastDuplicateFailed: "Could not duplicate page",
+		toastDeleteFailed: "Could not delete page",
+		resizeRail: "Resize thumbnail rail"
+	},
+	pdfToast: {
+		title: "Exporting PDF",
+		processing: "Processing page {current} of {total}",
+		printing: "Opening print dialog…",
+		done: "Done"
+	},
+	themeToggle: {
+		toggleAria: "Toggle theme",
+		title: "Theme",
+		light: "Light",
+		dark: "Dark",
+		system: "System"
+	},
+	clickNav: {
+		prevAria: "Previous page",
+		nextAria: "Next page"
+	},
+	imagePlaceholder: {
+		dropOverlay: "Drop image to use here",
+		uploading: "Uploading…",
+		uploadFailed: "Couldn't upload image"
+	},
+	notesDrawer: {
+		toggle: "Notes",
+		pageLabel: "page {n}/{total}",
+		placeholder: "Write speaker notes for this slide…",
+		statusSaving: "Saving…",
+		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"
+	}
+};
+
+//#endregion
+export { en };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import { Locale, Plural } from "./types-DYgVpIGo.js";
-import { OpenSlideConfig } from "./config-C7vMYzFD.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Locale, Plural } from "./types-JYG1cmwC.js";
+import { OpenSlideConfig } from "./config-D9cZ1A0X.js";
 import { CSSProperties, ComponentType, HTMLAttributes } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/app/components/image-placeholder.d.ts
 type ImagePlaceholderProps = {
@@ -50,6 +50,7 @@ declare const defaultDesign: DesignSystem;
 type Page = ComponentType;
 type SlideMeta = {
   title?: string;
+  theme?: string;
 };
 type SlideModule = {
   default: Page[];

package/dist/index.js

@@ -1,11 +1,137 @@
-import { cssVarsToString, defaultDesign, designToCssVars } from "./design-C13iz9_4.js";
+import { en } from "./en-CDKzoZvf.js";
+import { cssVarsToString, defaultDesign, designToCssVars } from "./design-cpzS8aud.js";
+import { useRef, useState } from "react";
+import { toast } from "sonner";
+import config from "virtual:open-slide/config";
 import { jsx, jsxs } from "react/jsx-runtime";
 
+//#region src/app/lib/assets.ts
+async function listAssets(slideId) {
+	const res = await fetch(`/__assets/${slideId}`);
+	if (!res.ok) throw new Error(`GET /__assets/${slideId} ${res.status}`);
+	const data = await res.json();
+	return data.assets ?? [];
+}
+async function uploadAsset(slideId, file, opts = {}) {
+	const qs = opts.overwrite ? "?overwrite=1" : "";
+	return fetch(`/__assets/${slideId}/${encodeURIComponent(file.name)}${qs}`, {
+		method: "POST",
+		headers: {
+			"content-type": file.type || "application/octet-stream",
+			"content-length": String(file.size)
+		},
+		body: file
+	});
+}
+async function uploadWithAutoRename(slideId, file) {
+	let uploaded = lowercaseExtension(file);
+	let res = await uploadAsset(slideId, uploaded);
+	if (res.status === 409) {
+		const list = await listAssets(slideId);
+		const taken = new Set(list.map((a) => a.name));
+		uploaded = renamedCopy(uploaded, taken);
+		res = await uploadAsset(slideId, uploaded);
+	}
+	if (!res.ok) return {
+		ok: false,
+		status: res.status,
+		entry: null
+	};
+	const body = await res.json().catch(() => null);
+	const entry = {
+		name: body?.name ?? uploaded.name,
+		size: body?.size ?? uploaded.size,
+		mtime: body?.mtime ?? Date.now(),
+		mime: body?.mime ?? uploaded.type ?? "application/octet-stream",
+		url: body?.url ?? `/__assets/${slideId}/${encodeURIComponent(uploaded.name)}`
+	};
+	return {
+		ok: true,
+		status: res.status,
+		entry
+	};
+}
+function lowercaseExtension(file) {
+	const dot = file.name.lastIndexOf(".");
+	if (dot <= 0) return file;
+	const ext = file.name.slice(dot);
+	const lower = ext.toLowerCase();
+	if (ext === lower) return file;
+	return new File([file], file.name.slice(0, dot) + lower, {
+		type: file.type,
+		lastModified: file.lastModified
+	});
+}
+function renamedCopy(file, taken) {
+	const dot = file.name.lastIndexOf(".");
+	const stem = dot > 0 ? file.name.slice(0, dot) : file.name;
+	const ext = dot > 0 ? file.name.slice(dot) : "";
+	let i = 1;
+	let next = `${stem}-${i}${ext}`;
+	while (taken.has(next)) {
+		i += 1;
+		next = `${stem}-${i}${ext}`;
+	}
+	return new File([file], next, {
+		type: file.type,
+		lastModified: file.lastModified
+	});
+}
+
+//#endregion
+//#region src/app/lib/use-locale.ts
+const resolved = config.locale ?? en;
+function useLocale() {
+	return resolved;
+}
+
+//#endregion
 //#region src/app/components/image-placeholder.tsx
 function ImagePlaceholder({ hint, width, height, style, className,...rest }) {
 	const dims = width && height ? `${width} × ${height}` : null;
+	const [dragActive, setDragActive] = useState(false);
+	const [uploading, setUploading] = useState(false);
+	const dragDepth = useRef(0);
+	const t = useLocale();
+	const dndProps = import.meta.env.DEV ? {
+		onDragEnter: (e) => {
+			if (uploading || !hasImageFile(e)) return;
+			e.preventDefault();
+			dragDepth.current += 1;
+			setDragActive(true);
+		},
+		onDragOver: (e) => {
+			if (uploading || !hasImageFile(e)) return;
+			e.preventDefault();
+			e.dataTransfer.dropEffect = "copy";
+		},
+		onDragLeave: () => {
+			dragDepth.current = Math.max(0, dragDepth.current - 1);
+			if (dragDepth.current === 0) setDragActive(false);
+		},
+		onDrop: (e) => {
+			if (uploading || !hasImageFile(e)) return;
+			e.preventDefault();
+			dragDepth.current = 0;
+			setDragActive(false);
+			const file = pickImageFile(e.dataTransfer.files);
+			if (!file) return;
+			const root = e.currentTarget;
+			const slideId = root.closest("[data-slide-id]")?.dataset.slideId;
+			const loc = root.dataset.slideLoc;
+			if (!slideId || !loc) return;
+			const idx = loc.indexOf(":");
+			if (idx <= 0) return;
+			const line = Number(loc.slice(0, idx));
+			const column = Number(loc.slice(idx + 1));
+			if (!Number.isFinite(line) || !Number.isFinite(column)) return;
+			setUploading(true);
+			handleDrop(slideId, file, line, column).catch(() => toast.error(t.imagePlaceholder.uploadFailed)).finally(() => setUploading(false));
+		}
+	} : null;
 	return /* @__PURE__ */ jsxs("div", {
 		...rest,
+		...dndProps,
 		"data-slide-placeholder": hint,
 		"data-placeholder-w": width,
 		"data-placeholder-h": height,
@@ -32,47 +158,111 @@ function ImagePlaceholder({ hint, width, height, style, className,...rest }) {
 			...style
 		},
 		className,
-		children: [/* @__PURE__ */ jsx(PlaceholderIcon, {}), /* @__PURE__ */ jsxs("div", {
+		children: [
+			/* @__PURE__ */ jsx(PlaceholderIcon, {}),
+			/* @__PURE__ */ jsxs("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					alignItems: "center",
+					gap: 6,
+					maxWidth: "85%"
+				},
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						style: {
+							fontSize: 11,
+							fontWeight: 600,
+							letterSpacing: "0.14em",
+							textTransform: "uppercase",
+							opacity: .55
+						},
+						children: "Image"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						style: {
+							fontSize: 16,
+							fontWeight: 500,
+							lineHeight: 1.4,
+							color: "rgba(60, 60, 70, 0.85)"
+						},
+						children: hint
+					}),
+					dims && /* @__PURE__ */ jsx("span", {
+						style: {
+							fontSize: 11,
+							fontVariantNumeric: "tabular-nums",
+							fontFamily: "ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
+							opacity: .5,
+							marginTop: 2
+						},
+						children: dims
+					})
+				]
+			}),
+			import.meta.env.DEV && (dragActive || uploading) && /* @__PURE__ */ jsx(DropOverlay, { label: uploading ? t.imagePlaceholder.uploading : t.imagePlaceholder.dropOverlay })
+		]
+	});
+}
+function DropOverlay({ label }) {
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": true,
+		style: {
+			position: "absolute",
+			inset: 0,
+			pointerEvents: "none",
+			borderRadius: 12,
+			border: "2px dashed oklch(0.62 0.18 250)",
+			background: "oklch(0.62 0.18 250 / 0.08)",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center"
+		},
+		children: /* @__PURE__ */ jsx("span", {
 			style: {
-				display: "flex",
-				flexDirection: "column",
-				alignItems: "center",
-				gap: 6,
-				maxWidth: "85%"
+				fontSize: 12,
+				fontWeight: 600,
+				letterSpacing: "0.02em",
+				color: "oklch(0.45 0.16 250)",
+				background: "rgba(255,255,255,0.92)",
+				padding: "6px 10px",
+				borderRadius: 6,
+				boxShadow: "0 1px 2px rgba(0,0,0,0.08)"
 			},
-			children: [
-				/* @__PURE__ */ jsx("span", {
-					style: {
-						fontSize: 11,
-						fontWeight: 600,
-						letterSpacing: "0.14em",
-						textTransform: "uppercase",
-						opacity: .55
-					},
-					children: "Image"
-				}),
-				/* @__PURE__ */ jsx("span", {
-					style: {
-						fontSize: 16,
-						fontWeight: 500,
-						lineHeight: 1.4,
-						color: "rgba(60, 60, 70, 0.85)"
-					},
-					children: hint
-				}),
-				dims && /* @__PURE__ */ jsx("span", {
-					style: {
-						fontSize: 11,
-						fontVariantNumeric: "tabular-nums",
-						fontFamily: "ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
-						opacity: .5,
-						marginTop: 2
-					},
-					children: dims
-				})
-			]
-		})]
+			children: label
+		})
+	});
+}
+function hasImageFile(e) {
+	const types = e.dataTransfer?.types;
+	if (!types) return false;
+	for (let i = 0; i < types.length; i++) if (types[i] === "Files") return true;
+	return false;
+}
+function pickImageFile(files) {
+	for (let i = 0; i < files.length; i++) {
+		const f = files[i];
+		if (f.type.startsWith("image/")) return f;
+	}
+	return null;
+}
+async function handleDrop(slideId, file, line, column) {
+	const { ok, entry } = await uploadWithAutoRename(slideId, file);
+	if (!ok || !entry) throw new Error("upload failed");
+	const res = await fetch("/__edit", {
+		method: "POST",
+		headers: { "content-type": "application/json" },
+		body: JSON.stringify({
+			slideId,
+			line,
+			column,
+			ops: [{
+				kind: "replace-placeholder-with-image",
+				assetPath: `./assets/${entry.name}`
+			}]
+		})
 	});
+	if (!res.ok) throw new Error(`edit failed (${res.status})`);
 }
 function PlaceholderIcon() {
 	return /* @__PURE__ */ jsxs("svg", {

package/dist/locale/index.d.ts

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