@kawaijs/renderer-dom 0.1.11 → 0.1.13

package/dist/modals/achievements-modal.js

@@ -0,0 +1,103 @@
+import { SVG_ICONS } from '../icons.js';
+import { trapFocus } from '../utils/focus-trap.js';
+import { escapeHtml } from '../utils/rich-text.js';
+export function showAchievementsModal(rootEl, vm, catalog = []) {
+    const existing = rootEl.querySelector('.kawa-modal-overlay:not(.kawa-confirm-overlay)');
+    if (existing)
+        existing.remove();
+    const unlocked = vm.getState().achievements;
+    const byId = new Map();
+    for (const a of catalog)
+        byId.set(a.id, a);
+    for (const a of Object.values(unlocked)) {
+        if (!byId.has(a.id)) {
+            byId.set(a.id, { id: a.id, title: a.title, description: a.description });
+        }
+    }
+    const overlay = document.createElement('div');
+    overlay.className = 'kawa-modal-overlay';
+    const card = document.createElement('div');
+    card.className = 'kawa-modal-card';
+    card.setAttribute('role', 'dialog');
+    card.setAttribute('aria-modal', 'true');
+    card.setAttribute('aria-label', 'Achievements');
+    const header = document.createElement('div');
+    header.className = 'kawa-modal-header';
+    const title = document.createElement('div');
+    title.className = 'kawa-modal-title';
+    title.innerHTML = `${SVG_ICONS.bookmark} <span>Achievements</span>`;
+    const releaseFocus = trapFocus(card);
+    const close = () => {
+        releaseFocus();
+        overlay.remove();
+    };
+    const closeBtn = document.createElement('button');
+    closeBtn.type = 'button';
+    closeBtn.className = 'kawa-btn';
+    closeBtn.innerHTML = `${SVG_ICONS.close} <span>Close</span>`;
+    closeBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        close();
+    });
+    header.appendChild(title);
+    header.appendChild(closeBtn);
+    const body = document.createElement('div');
+    body.className = 'kawa-modal-body';
+    const list = document.createElement('div');
+    list.className = 'kawa-achievements-list';
+    const entries = Array.from(byId.values());
+    if (entries.length === 0) {
+        const empty = document.createElement('p');
+        empty.className = 'kawa-slot-empty-text';
+        empty.textContent = 'No achievements yet. Use unlock "id" in your script.';
+        list.appendChild(empty);
+    }
+    else {
+        for (const def of entries) {
+            const got = unlocked[def.id];
+            const row = document.createElement('div');
+            row.className = `kawa-achievement-row ${got ? 'unlocked' : 'locked'}`;
+            row.innerHTML = `
+        <div class="kawa-achievement-title">${escapeHtml(def.title || def.id)}</div>
+        <div class="kawa-achievement-desc">${escapeHtml(got?.description || def.description || (got ? 'Unlocked' : 'Locked'))}</div>
+        ${got
+                ? `<div class="kawa-achievement-time">${new Date(got.unlockedAt).toLocaleString()}</div>`
+                : ''}
+      `;
+            list.appendChild(row);
+        }
+    }
+    const exportBtn = document.createElement('button');
+    exportBtn.type = 'button';
+    exportBtn.className = 'kawa-slot-btn kawa-slot-btn-link';
+    exportBtn.style.width = '100%';
+    exportBtn.style.marginTop = '12px';
+    exportBtn.innerHTML = `${SVG_ICONS.save} <span>Export JSON</span>`;
+    exportBtn.addEventListener('click', async (e) => {
+        e.preventDefault();
+        const payload = JSON.stringify(vm.exportAchievementsJson(), null, 2);
+        try {
+            if (navigator.clipboard?.writeText) {
+                await navigator.clipboard.writeText(payload);
+                exportBtn.querySelector('span').textContent = 'Copied!';
+            }
+            else {
+                window.prompt('Achievements JSON:', payload);
+            }
+        }
+        catch {
+            window.prompt('Achievements JSON:', payload);
+        }
+    });
+    body.appendChild(list);
+    body.appendChild(exportBtn);
+    card.appendChild(header);
+    card.appendChild(body);
+    overlay.appendChild(card);
+    rootEl.appendChild(overlay);
+    overlay.addEventListener('click', (e) => {
+        if (e.target === overlay)
+            close();
+    });
+}
+//# sourceMappingURL=achievements-modal.js.map

package/dist/modals/achievements-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"achievements-modal.js","sourceRoot":"","sources":["../../src/modals/achievements-modal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,MAAM,UAAU,qBAAqB,CACnC,MAAmB,EACnB,EAAW,EACX,UAA4C,EAAE;IAE9C,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,gDAAgD,CAAC,CAAC;IACxF,IAAI,QAAQ;QAAE,QAAQ,CAAC,MAAM,EAAE,CAAC;IAEhC,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,YAAY,CAAC;IAC5C,MAAM,IAAI,GAAG,IAAI,GAAG,EAAiC,CAAC;IACtD,KAAK,MAAM,CAAC,IAAI,OAAO;QAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IAC3C,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;QACxC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;YACpB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC;IAED,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,SAAS,GAAG,oBAAoB,CAAC;IAEzC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,SAAS,GAAG,iBAAiB,CAAC;IACnC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACpC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACxC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;IAEhD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,CAAC,SAAS,GAAG,mBAAmB,CAAC;IACvC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,KAAK,CAAC,SAAS,GAAG,kBAAkB,CAAC;IACrC,KAAK,CAAC,SAAS,GAAG,GAAG,SAAS,CAAC,QAAQ,4BAA4B,CAAC;IAEpE,MAAM,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,KAAK,GAAG,GAAS,EAAE;QACvB,YAAY,EAAE,CAAC;QACf,OAAO,CAAC,MAAM,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC;IACzB,QAAQ,CAAC,SAAS,GAAG,UAAU,CAAC;IAChC,QAAQ,CAAC,SAAS,GAAG,GAAG,SAAS,CAAC,KAAK,qBAAqB,CAAC;IAC7D,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;QACvC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,KAAK,EAAE,CAAC;IACV,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1B,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAE7B,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,SAAS,GAAG,iBAAiB,CAAC;IAEnC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,SAAS,GAAG,wBAAwB,CAAC;IAE1C,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAC1C,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC1C,KAAK,CAAC,SAAS,GAAG,sBAAsB,CAAC;QACzC,KAAK,CAAC,WAAW,GAAG,sDAAsD,CAAC;QAC3E,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;SAAM,CAAC;QACN,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE,CAAC;YAC1B,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAiC,CAAC;YAC7D,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,GAAG,CAAC,SAAS,GAAG,wBAAwB,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YACtE,GAAG,CAAC,SAAS,GAAG;8CACwB,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,EAAE,CAAC;6CAChC,UAAU,CAC7C,GAAG,EAAE,WAAW,IAAI,GAAG,CAAC,WAAW,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CACrE;UAEC,GAAG;gBACD,CAAC,CAAC,sCAAsC,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,cAAc,EAAE,QAAQ;gBACzF,CAAC,CAAC,EACN;OACD,CAAC;YACF,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QACxB,CAAC;IACH,CAAC;IAED,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACnD,SAAS,CAAC,IAAI,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,SAAS,GAAG,kCAAkC,CAAC;IACzD,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;IAC/B,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACnC,SAAS,CAAC,SAAS,GAAG,GAAG,SAAS,CAAC,IAAI,2BAA2B,CAAC;IACnE,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;QAC9C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,sBAAsB,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACrE,IAAI,CAAC;YACH,IAAI,SAAS,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC;gBACnC,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;gBAC7C,SAAS,CAAC,aAAa,CAAC,MAAM,CAAE,CAAC,WAAW,GAAG,SAAS,CAAC;YAC3D,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,MAAM,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC;YAC/C,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,MAAM,CAAC,MAAM,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAC5B,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACzB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC1B,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAE5B,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;QACtC,IAAI,CAAC,CAAC,MAAM,KAAK,OAAO;YAAE,KAAK,EAAE,CAAC;IACpC,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/modals/confirm-modal.d.ts

@@ -0,0 +1,9 @@
+export declare function showConfirmModal(rootEl: HTMLElement, options: {
+    title?: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm: () => void;
+    onCancel?: () => void;
+}): void;
+//# sourceMappingURL=confirm-modal.d.ts.map

package/dist/modals/confirm-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-modal.d.ts","sourceRoot":"","sources":["../../src/modals/confirm-modal.ts"],"names":[],"mappings":"AAIA,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE;IACP,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GACA,IAAI,CAyFN"}

package/dist/modals/confirm-modal.js

@@ -0,0 +1,80 @@
+import { SVG_ICONS } from '../icons.js';
+import { escapeHtml } from '../utils/rich-text.js';
+import { trapFocus } from '../utils/focus-trap.js';
+export function showConfirmModal(rootEl, options) {
+    // Stack on top of existing modals — do not destroy the parent overlay.
+    const overlay = document.createElement('div');
+    overlay.className = 'kawa-modal-overlay kawa-confirm-overlay';
+    overlay.style.zIndex = '10050';
+    const card = document.createElement('div');
+    card.className = 'kawa-modal-card kawa-confirm-card';
+    card.setAttribute('role', 'dialog');
+    card.setAttribute('aria-modal', 'true');
+    card.setAttribute('aria-label', options.title || 'Confirmation');
+    const header = document.createElement('div');
+    header.className = 'kawa-modal-header';
+    const title = document.createElement('div');
+    title.className = 'kawa-modal-title';
+    title.innerHTML = `<span>${escapeHtml(options.title || 'Confirmation')}</span>`;
+    const closeBtn = document.createElement('button');
+    closeBtn.type = 'button';
+    closeBtn.className = 'kawa-btn';
+    closeBtn.innerHTML = `${SVG_ICONS.close} <span>Close</span>`;
+    closeBtn.setAttribute('aria-label', 'Close');
+    const releaseFocus = trapFocus(card);
+    const close = (cancelled) => {
+        releaseFocus();
+        overlay.remove();
+        if (cancelled)
+            options.onCancel?.();
+    };
+    closeBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        close(true);
+    });
+    header.appendChild(title);
+    header.appendChild(closeBtn);
+    const body = document.createElement('div');
+    body.className = 'kawa-modal-body';
+    body.style.padding = '20px 8px';
+    const msg = document.createElement('p');
+    msg.className = 'kawa-confirm-msg';
+    msg.textContent = options.message;
+    msg.style.fontSize = '1.05rem';
+    msg.style.color = '#e2e8f0';
+    msg.style.textAlign = 'center';
+    msg.style.margin = '0 0 24px 0';
+    body.appendChild(msg);
+    const actions = document.createElement('div');
+    actions.style.display = 'flex';
+    actions.style.gap = '12px';
+    actions.style.justifyContent = 'center';
+    const confirmBtn = document.createElement('button');
+    confirmBtn.type = 'button';
+    confirmBtn.className = 'kawa-btn active';
+    confirmBtn.style.padding = '8px 20px';
+    confirmBtn.textContent = options.confirmText || 'Confirm';
+    confirmBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        releaseFocus();
+        overlay.remove();
+        options.onConfirm();
+    });
+    const cancelBtn = document.createElement('button');
+    cancelBtn.type = 'button';
+    cancelBtn.className = 'kawa-btn';
+    cancelBtn.style.padding = '8px 20px';
+    cancelBtn.textContent = options.cancelText || 'Cancel';
+    cancelBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        close(true);
+    });
+    actions.appendChild(cancelBtn);
+    actions.appendChild(confirmBtn);
+    body.appendChild(actions);
+    card.appendChild(header);
+    card.appendChild(body);
+    overlay.appendChild(card);
+    rootEl.appendChild(overlay);
+}
+//# sourceMappingURL=confirm-modal.js.map

package/dist/modals/confirm-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-modal.js","sourceRoot":"","sources":["../../src/modals/confirm-modal.ts"],"names":[],"mappings":"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"}

package/dist/modals/gallery-modal.d.ts

@@ -0,0 +1,4 @@
+import type { StoryVM } from '@kawaijs/runtime';
+import type { AssetType, GalleryItem } from '../types.js';
+export declare function showGalleryModal(rootEl: HTMLElement, vm: StoryVM, galleryItems: readonly GalleryItem[] | undefined, assetResolver: (path: string, type: AssetType) => string): void;
+//# sourceMappingURL=gallery-modal.d.ts.map

package/dist/modals/gallery-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery-modal.d.ts","sourceRoot":"","sources":["../../src/modals/gallery-modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAW1D,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,WAAW,EACnB,EAAE,EAAE,OAAO,EACX,YAAY,EAAE,SAAS,WAAW,EAAE,YAAK,EACzC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,MAAM,GACvD,IAAI,CA8FN"}

package/dist/modals/gallery-modal.js

@@ -0,0 +1,128 @@
+import { SVG_ICONS } from '../icons.js';
+import { escapeHtml } from '../utils/rich-text.js';
+import { trapFocus } from '../utils/focus-trap.js';
+function sanitizeUrl(url) {
+    const trimmed = (url || '').trim();
+    if (/^(https?:|data:|\/|\.\/)/i.test(trimmed))
+        return trimmed;
+    // Relative asset paths — strip quotes/parentheses that break CSS/HTML attrs
+    return trimmed.replace(/["'()<>\\]/g, '');
+}
+export function showGalleryModal(rootEl, vm, galleryItems = [], assetResolver) {
+    const existing = rootEl.querySelector('.kawa-modal-overlay:not(.kawa-confirm-overlay)');
+    if (existing)
+        existing.remove();
+    const overlay = document.createElement('div');
+    overlay.className = 'kawa-modal-overlay';
+    const card = document.createElement('div');
+    card.className = 'kawa-modal-card kawa-gallery-card';
+    card.setAttribute('role', 'dialog');
+    card.setAttribute('aria-modal', 'true');
+    card.setAttribute('aria-label', 'CG Gallery');
+    const header = document.createElement('div');
+    header.className = 'kawa-modal-header';
+    const title = document.createElement('div');
+    title.className = 'kawa-modal-title';
+    title.innerHTML = `<span>CG &amp; Event Gallery</span>`;
+    const closeBtn = document.createElement('button');
+    closeBtn.type = 'button';
+    closeBtn.className = 'kawa-btn';
+    closeBtn.innerHTML = `${SVG_ICONS.close} <span>Close</span>`;
+    closeBtn.setAttribute('aria-label', 'Close gallery modal');
+    const releaseFocus = trapFocus(card);
+    closeBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        releaseFocus();
+        overlay.remove();
+    });
+    header.appendChild(title);
+    header.appendChild(closeBtn);
+    const body = document.createElement('div');
+    body.className = 'kawa-modal-body kawa-gallery-body';
+    const unlocked = vm.getState().unlockedCGs || {};
+    if (galleryItems.length === 0) {
+        const emptyNotice = document.createElement('div');
+        emptyNotice.className = 'kawa-gallery-empty';
+        emptyNotice.textContent = 'No event illustrations registered in gallery.';
+        body.appendChild(emptyNotice);
+    }
+    else {
+        const grid = document.createElement('div');
+        grid.className = 'kawa-gallery-grid';
+        for (const item of galleryItems) {
+            const isUnlocked = Boolean(unlocked[item.id] || unlocked[item.image]);
+            const cardEl = document.createElement('button');
+            cardEl.type = 'button';
+            cardEl.className = `kawa-gallery-card ${isUnlocked ? 'unlocked' : 'locked'}`;
+            cardEl.setAttribute('aria-label', isUnlocked ? item.title : 'Locked CG');
+            if (isUnlocked) {
+                const imgUrl = sanitizeUrl(assetResolver(item.thumbnail || item.image, 'background'));
+                cardEl.innerHTML = `
+          <div class="kawa-gallery-thumb-container">
+            <img class="kawa-gallery-thumb" src="${escapeHtml(imgUrl)}" alt="${escapeHtml(item.title)}" loading="lazy" />
+          </div>
+          <div class="kawa-gallery-info">
+            <div class="kawa-gallery-title">${escapeHtml(item.title)}</div>
+            ${item.description ? `<div class="kawa-gallery-desc">${escapeHtml(item.description)}</div>` : ''}
+          </div>
+        `;
+                cardEl.addEventListener('click', (e) => {
+                    e.preventDefault();
+                    showLightbox(rootEl, sanitizeUrl(assetResolver(item.image, 'background')), item.title);
+                });
+            }
+            else {
+                cardEl.innerHTML = `
+          <div class="kawa-gallery-thumb-container kawa-gallery-locked">
+            <div class="kawa-gallery-lock-icon" aria-hidden="true">🔒</div>
+            <span>Locked</span>
+          </div>
+          <div class="kawa-gallery-info">
+            <div class="kawa-gallery-title">???</div>
+            <div class="kawa-gallery-desc">Keep playing to unlock</div>
+          </div>
+        `;
+                cardEl.disabled = true;
+            }
+            grid.appendChild(cardEl);
+        }
+        body.appendChild(grid);
+    }
+    card.appendChild(header);
+    card.appendChild(body);
+    overlay.appendChild(card);
+    rootEl.appendChild(overlay);
+}
+function showLightbox(rootEl, fullImageUrl, titleText) {
+    const lightbox = document.createElement('div');
+    lightbox.className = 'kawa-gallery-lightbox';
+    lightbox.setAttribute('role', 'dialog');
+    lightbox.setAttribute('aria-modal', 'true');
+    lightbox.setAttribute('aria-label', titleText);
+    lightbox.innerHTML = `
+    <div class="kawa-gallery-lightbox-content">
+      <img src="${escapeHtml(fullImageUrl)}" alt="${escapeHtml(titleText)}" class="kawa-gallery-lightbox-img" />
+      <div class="kawa-gallery-caption">${escapeHtml(titleText)}</div>
+      <button class="kawa-gallery-lightbox-close" aria-label="Close image lightbox">${SVG_ICONS.close}</button>
+    </div>
+  `;
+    const releaseFocus = trapFocus(lightbox);
+    const close = () => {
+        releaseFocus();
+        lightbox.remove();
+    };
+    lightbox.addEventListener('click', (e) => {
+        const target = e.target;
+        if (target.classList.contains('kawa-gallery-lightbox') || target.closest('.kawa-gallery-lightbox-close')) {
+            close();
+        }
+    });
+    lightbox.addEventListener('keydown', (e) => {
+        if (e.key === 'Escape') {
+            e.stopPropagation();
+            close();
+        }
+    });
+    rootEl.appendChild(lightbox);
+}
+//# sourceMappingURL=gallery-modal.js.map

package/dist/modals/gallery-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery-modal.js","sourceRoot":"","sources":["../../src/modals/gallery-modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,SAAS,WAAW,CAAC,GAAW;IAC9B,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IACnC,IAAI,2BAA2B,CAAC,IAAI,CAAC,OAAO,CAAC;QAAE,OAAO,OAAO,CAAC;IAC9D,4EAA4E;IAC5E,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,MAAmB,EACnB,EAAW,EACX,eAAuC,EAAE,EACzC,aAAwD;IAExD,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,gDAAgD,CAAC,CAAC;IACxF,IAAI,QAAQ;QAAE,QAAQ,CAAC,MAAM,EAAE,CAAC;IAEhC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,SAAS,GAAG,oBAAoB,CAAC;IAEzC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,SAAS,GAAG,mCAAmC,CAAC;IACrD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACpC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACxC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAE9C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,CAAC,SAAS,GAAG,mBAAmB,CAAC;IAEvC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,KAAK,CAAC,SAAS,GAAG,kBAAkB,CAAC;IACrC,KAAK,CAAC,SAAS,GAAG,qCAAqC,CAAC;IAExD,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC;IACzB,QAAQ,CAAC,SAAS,GAAG,UAAU,CAAC;IAChC,QAAQ,CAAC,SAAS,GAAG,GAAG,SAAS,CAAC,KAAK,qBAAqB,CAAC;IAC7D,QAAQ,CAAC,YAAY,CAAC,YAAY,EAAE,qBAAqB,CAAC,CAAC;IAE3D,MAAM,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IACrC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;QACvC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,YAAY,EAAE,CAAC;QACf,OAAO,CAAC,MAAM,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1B,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAE7B,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,SAAS,GAAG,mCAAmC,CAAC;IAErD,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,WAAW,IAAI,EAAE,CAAC;IAEjD,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAClD,WAAW,CAAC,SAAS,GAAG,oBAAoB,CAAC;QAC7C,WAAW,CAAC,WAAW,GAAG,+CAA+C,CAAC;QAC1E,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAChC,CAAC;SAAM,CAAC;QACN,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,mBAAmB,CAAC;QAErC,KAAK,MAAM,IAAI,IAAI,YAAY,EAAE,CAAC;YAChC,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;YACtE,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;YACvB,MAAM,CAAC,SAAS,GAAG,qBAAqB,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YAC7E,MAAM,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;YAEzE,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,MAAM,GAAG,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;gBACtF,MAAM,CAAC,SAAS,GAAG;;mDAEwB,UAAU,CAAC,MAAM,CAAC,UAAU,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;;;8CAGvD,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;cACtD,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,kCAAkC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;SAEnG,CAAC;gBACF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACrC,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBACzF,CAAC,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,SAAS,GAAG;;;;;;;;;SASlB,CAAC;gBACF,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;YACzB,CAAC;YACD,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC;QACD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAED,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACzB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC1B,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAC9B,CAAC;AAED,SAAS,YAAY,CAAC,MAAmB,EAAE,YAAoB,EAAE,SAAiB;IAChF,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/C,QAAQ,CAAC,SAAS,GAAG,uBAAuB,CAAC;IAC7C,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACxC,QAAQ,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IAC5C,QAAQ,CAAC,YAAY,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC/C,QAAQ,CAAC,SAAS,GAAG;;kBAEL,UAAU,CAAC,YAAY,CAAC,UAAU,UAAU,CAAC,SAAS,CAAC;0CAC/B,UAAU,CAAC,SAAS,CAAC;sFACuB,SAAS,CAAC,KAAK;;GAElG,CAAC;IAEF,MAAM,YAAY,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAEzC,MAAM,KAAK,GAAG,GAAS,EAAE;QACvB,YAAY,EAAE,CAAC;QACf,QAAQ,CAAC,MAAM,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;QACvC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,uBAAuB,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,8BAA8B,CAAC,EAAE,CAAC;YACzG,KAAK,EAAE,CAAC;QACV,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;QACzC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YACvB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,KAAK,EAAE,CAAC;QACV,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;AAC/B,CAAC"}

package/dist/modals/history-modal.d.ts

@@ -0,0 +1,3 @@
+import type { StoryVM } from '@kawaijs/runtime';
+export declare function showHistoryModal(rootEl: HTMLElement, vm: StoryVM): void;
+//# sourceMappingURL=history-modal.d.ts.map

package/dist/modals/history-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"history-modal.d.ts","sourceRoot":"","sources":["../../src/modals/history-modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAKhD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,OAAO,GAAG,IAAI,CAqEvE"}

package/dist/modals/history-modal.js

@@ -0,0 +1,66 @@
+import { SVG_ICONS } from '../icons.js';
+import { formatRichText } from '../utils/rich-text.js';
+import { trapFocus } from '../utils/focus-trap.js';
+export function showHistoryModal(rootEl, vm) {
+    const existing = rootEl.querySelector('.kawa-modal-overlay:not(.kawa-confirm-overlay)');
+    if (existing)
+        existing.remove();
+    const overlay = document.createElement('div');
+    overlay.className = 'kawa-modal-overlay';
+    const card = document.createElement('div');
+    card.className = 'kawa-modal-card';
+    card.setAttribute('role', 'dialog');
+    card.setAttribute('aria-modal', 'true');
+    card.setAttribute('aria-label', 'Dialogue History');
+    const header = document.createElement('div');
+    header.className = 'kawa-modal-header';
+    const title = document.createElement('div');
+    title.className = 'kawa-modal-title';
+    title.innerHTML = `${SVG_ICONS.history} <span>Dialogue History</span>`;
+    const releaseFocus = trapFocus(card);
+    const close = () => {
+        releaseFocus();
+        overlay.remove();
+    };
+    const closeBtn = document.createElement('button');
+    closeBtn.type = 'button';
+    closeBtn.className = 'kawa-btn';
+    closeBtn.innerHTML = `${SVG_ICONS.close} <span>Close</span>`;
+    closeBtn.setAttribute('aria-label', 'Close history modal');
+    closeBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        close();
+    });
+    header.appendChild(title);
+    header.appendChild(closeBtn);
+    const body = document.createElement('div');
+    body.className = 'kawa-modal-body';
+    const entries = vm.getHistoryManager().getEntries();
+    if (entries.length === 0) {
+        const emptyMsg = document.createElement('div');
+        emptyMsg.textContent = 'No dialogue history yet.';
+        emptyMsg.style.opacity = '0.6';
+        body.appendChild(emptyMsg);
+    }
+    else {
+        for (const entry of entries) {
+            const item = document.createElement('div');
+            item.className = 'kawa-history-item';
+            if (entry.speakerDisplayName) {
+                const spk = document.createElement('div');
+                spk.className = 'kawa-history-speaker';
+                spk.textContent = entry.speakerDisplayName;
+                item.appendChild(spk);
+            }
+            const txt = document.createElement('div');
+            txt.innerHTML = formatRichText(entry.text);
+            item.appendChild(txt);
+            body.appendChild(item);
+        }
+    }
+    card.appendChild(header);
+    card.appendChild(body);
+    overlay.appendChild(card);
+    rootEl.appendChild(overlay);
+}
+//# sourceMappingURL=history-modal.js.map

package/dist/modals/history-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"history-modal.js","sourceRoot":"","sources":["../../src/modals/history-modal.ts"],"names":[],"mappings":"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"}

package/dist/modals/input-modal.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Modal text prompt for the KawaScript `input` directive.
+ */
+export declare function showInputModal(rootEl: HTMLElement, options: {
+    prompt: string;
+    defaultValue?: string;
+    confirmText?: string;
+    onSubmit: (value: string) => void;
+}): void;
+//# sourceMappingURL=input-modal.d.ts.map

package/dist/modals/input-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-modal.d.ts","sourceRoot":"","sources":["../../src/modals/input-modal.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE;IACP,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,GACA,IAAI,CAmEN"}

package/dist/modals/input-modal.js

@@ -0,0 +1,62 @@
+import { trapFocus } from '../utils/focus-trap.js';
+/**
+ * Modal text prompt for the KawaScript `input` directive.
+ */
+export function showInputModal(rootEl, options) {
+    const existing = rootEl.querySelector('.kawa-input-overlay');
+    if (existing)
+        existing.remove();
+    const overlay = document.createElement('div');
+    overlay.className = 'kawa-modal-overlay kawa-input-overlay';
+    overlay.style.zIndex = '10040';
+    const card = document.createElement('div');
+    card.className = 'kawa-modal-card kawa-input-card';
+    card.setAttribute('role', 'dialog');
+    card.setAttribute('aria-modal', 'true');
+    card.setAttribute('aria-label', options.prompt);
+    const title = document.createElement('div');
+    title.className = 'kawa-modal-title';
+    title.style.marginBottom = '16px';
+    title.textContent = options.prompt;
+    const input = document.createElement('input');
+    input.type = 'text';
+    input.className = 'kawa-input-field';
+    input.value = options.defaultValue ?? '';
+    input.setAttribute('aria-label', options.prompt);
+    input.autocomplete = 'off';
+    input.maxLength = 64;
+    const actions = document.createElement('div');
+    actions.style.display = 'flex';
+    actions.style.justifyContent = 'flex-end';
+    actions.style.gap = '10px';
+    actions.style.marginTop = '18px';
+    const confirmBtn = document.createElement('button');
+    confirmBtn.type = 'button';
+    confirmBtn.className = 'kawa-btn active';
+    confirmBtn.textContent = options.confirmText || 'OK';
+    const releaseFocus = trapFocus(card);
+    const submit = () => {
+        const value = input.value.trim() || 'Player';
+        releaseFocus();
+        overlay.remove();
+        options.onSubmit(value);
+    };
+    confirmBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        submit();
+    });
+    input.addEventListener('keydown', (e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            submit();
+        }
+    });
+    actions.appendChild(confirmBtn);
+    card.appendChild(title);
+    card.appendChild(input);
+    card.appendChild(actions);
+    overlay.appendChild(card);
+    rootEl.appendChild(overlay);
+    window.setTimeout(() => input.focus(), 0);
+}
+//# sourceMappingURL=input-modal.js.map

package/dist/modals/input-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-modal.js","sourceRoot":"","sources":["../../src/modals/input-modal.ts"],"names":[],"mappings":"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"}

package/dist/modals/save-load-modal.d.ts

@@ -0,0 +1,3 @@
+import type { StoryVM } from '@kawaijs/runtime';
+export declare function showSaveLoadModal(rootEl: HTMLElement, vm: StoryVM, mode: 'save' | 'load', onLoaded?: () => void): Promise<void>;
+//# sourceMappingURL=save-load-modal.d.ts.map

package/dist/modals/save-load-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"save-load-modal.d.ts","sourceRoot":"","sources":["../../src/modals/save-load-modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAY,MAAM,kBAAkB,CAAC;AAa1D,wBAAsB,iBAAiB,CACrC,MAAM,EAAE,WAAW,EACnB,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,MAAM,GAAG,MAAM,EACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,GACpB,OAAO,CAAC,IAAI,CAAC,CA8Qf"}