omni-viewer-core 0.1.0 → 0.2.0

package/dist/styles/ppt.css

@@ -1 +1 @@
-:host,.omni-viewer--ppt{color:var(--omni-fg,#ddd);font:13px system-ui}.omni-ppt{height:100%;display:flex;flex-direction:column;background:var(--omni-bg,#181818)}.omni-ppt__toolbar{display:flex;gap:6px;align-items:center;padding:8px;border-bottom:1px solid var(--omni-border,#444)}.omni-ppt__toolbar button,.omni-ppt__toolbar select{background:var(--omni-control-bg,#292929);color:inherit;border:1px solid var(--omni-border,#555);border-radius:4px;padding:4px 8px}.omni-ppt__viewport{overflow:auto;flex:1;padding:20px}.omni-ppt__slides{display:flex;flex-direction:column;align-items:center;gap:20px}.omni-ppt__slide{position:relative;overflow:hidden;box-shadow:0 2px 12px #0008;transform-origin:top center;flex:none}.omni-ppt__element{position:absolute;box-sizing:border-box;overflow:hidden}.omni-ppt__text{white-space:pre-wrap}.omni-ppt__text p{margin:0}.omni-ppt__image{width:100%;height:100%;object-fit:contain}.omni-ppt__table{border-collapse:collapse;width:100%;height:100%;color:#111}.omni-ppt__table td{border:1px solid #777;padding:3px}.omni-ppt__shape{width:100%;height:100%}.omni-ppt__empty{padding:32px;text-align:center}
+:host,.omni-viewer--ppt{color:var(--omni-fg,#ddd);font:13px system-ui}.omni-ppt{height:100%;display:flex;flex-direction:column;background:var(--omni-bg,#181818)}.omni-ppt__toolbar{display:flex;gap:6px;align-items:center;padding:8px;border-bottom:1px solid var(--omni-border,#444)}.omni-ppt__toolbar button,.omni-ppt__toolbar select{background:var(--omni-control-bg,#292929);color:inherit;border:1px solid var(--omni-border,#555);border-radius:4px;padding:4px 8px}.omni-ppt__viewport{overflow:auto;flex:1;padding:20px}.omni-ppt__slides{display:flex;flex-direction:column;align-items:center;gap:20px}.omni-ppt__slide{position:relative;overflow:hidden;box-shadow:0 2px 12px #0008;transform-origin:top center;flex:none}.omni-ppt__element{position:absolute;box-sizing:border-box;overflow:hidden}.omni-ppt__text{white-space:pre-wrap;word-break:break-word}.omni-ppt__text p{margin:0 0 4px}.omni-ppt__text[data-text-preset="cover-title"] .omni-ppt__text-line,.omni-ppt__text[data-text-preset="cover-subtitle"] .omni-ppt__text-line{margin-bottom:0}.omni-ppt__image{width:100%;height:100%;object-fit:cover;object-position:center}.omni-ppt__table{border-collapse:collapse;width:100%;height:100%;color:#111}.omni-ppt__table th,.omni-ppt__table td{border:1px solid #777;padding:3px;vertical-align:top}.omni-ppt__shape{width:100%;height:100%}.omni-ppt__empty{padding:32px;text-align:center}

package/dist/viewers/archive/index.d.ts

@@ -1,5 +1,5 @@
 import type { FileSaveService, HostContext } from '../../host/index.js';
-import { type ArchiveDecoder } from '../../parsers/archive/index.js';
+import { type ArchiveDecoder, type ArchiveEntrySaver, type ArchiveStreamDecoder } from '../../parsers/archive/index.js';
 import type { ResourceLimits } from '../../parsers/types.js';
 import { type MountOptions, type ViewerHandle, type ViewerInput } from '../types.js';
 export * from '../../parsers/archive/index.js';
@@ -17,9 +17,25 @@ export declare const ARCHIVE_VIEWER_META: {
 export interface ArchiveViewerDeps extends ArchiveDecoder {
 }
 export type ArchiveViewerContext = HostContext & {
+    /** Buffered save: core extracts the entry and hands over its bytes. */
     save?: FileSaveService;
+    /** Streaming save: the adapter pipes the entry to disk itself, so a
+     *  multi-GB entry is never materialized in memory. Preferred over `save`
+     *  when present. */
+    saveEntry?: ArchiveEntrySaver;
 };
 export interface ArchiveMountOptions extends MountOptions {
     limits?: ResourceLimits;
+    createObjectUrl?(blob: Blob): string;
+    revokeObjectUrl?(url: string): void;
+}
+/** Lazy streaming input: the adapter's path-based decoder opens the archive
+ *  without core ever holding the full file bytes (opt-in, opposite the buffered
+ *  {@link ViewerInput} path used by vscode/chrome/web). */
+export interface ArchiveStreamingSource extends ArchiveStreamDecoder {
+    fileName: string;
+    totalSize?: number;
+    lastModified?: number;
 }
 export declare function mountArchiveViewer(input: ViewerInput, container: HTMLElement, ctx: ArchiveViewerContext, deps: ArchiveViewerDeps, options?: ArchiveMountOptions): Promise<ViewerHandle>;
+export declare function mountArchiveViewer(source: ArchiveStreamingSource, container: HTMLElement, ctx: ArchiveViewerContext, options?: ArchiveMountOptions): Promise<ViewerHandle>;

package/dist/viewers/archive/index.js

@@ -1,4 +1,7 @@
-import { ARCHIVE_DEFAULT_LIMITS, ArchiveError, parseArchive } from '../../parsers/archive/index.js';
+import { ARCHIVE_DEFAULT_LIMITS, ArchiveError, openArchiveStream, parseArchive } from '../../parsers/archive/index.js';
+import { audioMimeType } from '../../parsers/audio/index.js';
+import { videoMimeType } from '../../parsers/video/index.js';
+import { detectImageMime } from '../image/decode.js';
 import { MountAbortedError, VIEWER_ROOT_CLASS } from '../types.js';
 import { createArchiveController } from './controller.js';
 import { tryDecodeArchiveEntryPreview } from './archive-preview-decoder.js';
@@ -8,6 +11,17 @@ export * from '../../parsers/archive/index.js';
 export { createArchiveController } from './controller.js';
 export { archiveViewerCss } from './styles.js';
 export const ARCHIVE_VIEWER_META = { id: 'archive', displayNameKey: 'archive.title', extensions: ['zip', 'jar', 'apk', 'tar', 'tgz', 'tar.gz', 'tbz', 'tbz2', 'tar.bz2', 'txz', 'tar.xz', 'gz', 'bz2', 'xz', '7z', 'rar', 'dmg'], priority: 5, requiredServices: [], optionalServices: ['save'], inputOwnership: 'consumes' };
+/** Ceiling for extracting an audio entry into memory for inline playback.
+ *  Larger than the text/hex preview budget, but bounded to avoid huge allocations. */
+const ARCHIVE_AUDIO_PREVIEW_BYTES = 64 * 1024 * 1024;
+/** Ceiling for extracting an image entry into memory for inline preview. */
+const ARCHIVE_IMAGE_PREVIEW_BYTES = 32 * 1024 * 1024;
+/** Ceiling for extracting a video entry into memory for inline playback. The
+ *  whole entry is buffered into a blob URL, so this is the largest of the caps. */
+const ARCHIVE_VIDEO_PREVIEW_BYTES = 128 * 1024 * 1024;
+const IMAGE_EXTENSIONS = new Set(['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg']);
+const hasImageExtension = (path) => IMAGE_EXTENSIONS.has(path.toLowerCase().split('.').pop() ?? '');
+const blobPart = (data) => (data.buffer instanceof ArrayBuffer ? data : new Uint8Array(data));
 const element = (tag, className, text) => {
     const node = document.createElement(tag);
     if (className)
@@ -39,10 +53,26 @@ const archiveFormat = (name) => {
     const lower = name.toLocaleLowerCase();
     return ['tar.gz', 'tar.bz2', 'tar.xz'].find(ext => lower.endsWith(`.${ext}`))?.toUpperCase() ?? (lower.split('.').pop()?.toUpperCase() || 'ARCHIVE');
 };
-export async function mountArchiveViewer(input, container, ctx, deps, options = {}) {
+export async function mountArchiveViewer(inputOrSource, container, ctx, depsOrOptions, maybeOptions) {
+    const streaming = !('data' in inputOrSource);
+    const options = (streaming ? depsOrOptions : maybeOptions) ?? {};
     if (options.signal?.aborted)
         throw new MountAbortedError();
-    const parsed = await parseArchive(input.data, deps, { fileName: input.fileName, ...(options.signal ? { signal: options.signal } : {}), ...(options.limits ? { limits: options.limits } : {}) });
+    let fileName;
+    let totalBytes;
+    let parsed;
+    if (streaming) {
+        const source = inputOrSource;
+        fileName = source.fileName;
+        totalBytes = source.totalSize;
+        parsed = await openArchiveStream(source, { fileName, ...(source.totalSize !== undefined ? { totalSize: source.totalSize } : {}), ...(options.signal ? { signal: options.signal } : {}), ...(options.limits ? { limits: options.limits } : {}) });
+    }
+    else {
+        const input = inputOrSource;
+        fileName = input.fileName;
+        totalBytes = input.data.byteLength;
+        parsed = await parseArchive(input.data, depsOrOptions, { fileName, ...(options.signal ? { signal: options.signal } : {}), ...(options.limits ? { limits: options.limits } : {}) });
+    }
     if (parsed.outcome.result.status === 'failed')
         throw new Error(parsed.outcome.result.failure.messageKey);
     if (options.signal?.aborted) {
@@ -64,9 +94,9 @@ export async function mountArchiveViewer(input, container, ctx, deps, options =
     const wrap = element('section', `${VIEWER_ROOT_CLASS} omni-viewer--archive`);
     const hero = element('header', 'omni-archive__hero');
     const heading = element('div');
-    heading.append(element('div', 'omni-archive__eyebrow', t('archive.preview')), element('h1', '', input.fileName), element('p', 'omni-archive__subtitle', t('archive.summary')));
+    heading.append(element('div', 'omni-archive__eyebrow', t('archive.preview')), element('h1', '', fileName), element('p', 'omni-archive__subtitle', t('archive.summary')));
     const pills = element('div', 'omni-archive__pills');
-    pills.append(element('span', 'omni-archive__pill', archiveFormat(input.fileName)), element('span', 'omni-archive__pill', t('archive.entries', { count: entries.length })), element('span', 'omni-archive__pill', formatSize(input.data.byteLength)));
+    pills.append(element('span', 'omni-archive__pill', archiveFormat(fileName)), element('span', 'omni-archive__pill', t('archive.entries', { count: entries.length })), element('span', 'omni-archive__pill', formatSize(totalBytes)));
     hero.append(heading, pills);
     const controls = element('section', 'omni-archive__controls');
     const label = element('label', 'omni-archive__search-label', t('archive.filter'));
@@ -107,11 +137,13 @@ export async function mountArchiveViewer(input, container, ctx, deps, options =
     const previewMeta = element('p', 'omni-archive__preview-meta', t('archive.selectHint'));
     const preview = element('pre', 'omni-archive__preview', t('archive.noSelection'));
     preview.setAttribute('aria-live', 'polite');
+    const previewMedia = element('div', 'omni-archive__preview-media');
+    previewMedia.style.display = 'none';
     const saveButton = element('button', 'omni-archive__save', t('archive.saveEntry'));
     saveButton.type = 'button';
-    saveButton.hidden = !ctx.save;
+    saveButton.hidden = !ctx.save && !ctx.saveEntry;
     saveButton.disabled = true;
-    previewPanel.append(previewHeader, previewMeta, preview, saveButton);
+    previewPanel.append(previewHeader, previewMeta, preview, previewMedia, saveButton);
     workspace.append(tableWrap, previewPanel);
     wrap.append(hero, controls, stats, workspace);
     root.append(wrap);
@@ -119,7 +151,52 @@ export async function mountArchiveViewer(input, container, ctx, deps, options =
     let extraction;
     let saveExtraction;
     let selectedEntry;
-    const setPreview = (entry, status, meta, content) => { previewTitle.textContent = entry?.path ?? t('archive.chooseFile'); previewStatus.textContent = status; previewMeta.textContent = meta; preview.textContent = content; };
+    let previewUrl;
+    const createUrl = options.createObjectUrl ?? URL.createObjectURL.bind(URL);
+    const revokeUrl = options.revokeObjectUrl ?? URL.revokeObjectURL.bind(URL);
+    // Inline display beats author CSS (.omni-archive__preview-media sets display:flex,
+    // which would otherwise override the [hidden] attribute), so the text preview and
+    // the media preview stay reliably mutually exclusive.
+    const clearPreviewMedia = () => { if (previewUrl) {
+        revokeUrl(previewUrl);
+        previewUrl = undefined;
+    } previewMedia.replaceChildren(); previewMedia.style.display = 'none'; preview.style.display = ''; };
+    const setPreview = (entry, status, meta, content) => { clearPreviewMedia(); previewTitle.textContent = entry?.path ?? t('archive.chooseFile'); previewStatus.textContent = status; previewMeta.textContent = meta; preview.textContent = content; };
+    const MEDIA_META = { audio: 'archive.audioReady', image: 'archive.imageReady', video: 'archive.videoReady' };
+    const showMediaPreview = (entry, data, kind, mimeType) => {
+        clearPreviewMedia();
+        let objectUrl;
+        try {
+            objectUrl = createUrl(new Blob([blobPart(data)], { type: mimeType }));
+        }
+        catch {
+            setPreview(entry, t('archive.previewUnavailable'), t('archive.mediaUnsupported'), t('archive.previewUnavailable'));
+            return;
+        }
+        previewUrl = objectUrl;
+        let node;
+        if (kind === 'image') {
+            const img = document.createElement('img');
+            img.className = 'omni-archive__image';
+            img.alt = entry.path;
+            img.src = objectUrl;
+            node = img;
+        }
+        else {
+            const media = document.createElement(kind);
+            media.controls = true;
+            media.preload = 'metadata';
+            media.className = `omni-archive__${kind}`;
+            media.src = objectUrl;
+            node = media;
+        }
+        previewMedia.replaceChildren(node);
+        previewMedia.style.display = 'flex';
+        preview.style.display = 'none';
+        previewTitle.textContent = entry.path;
+        previewStatus.textContent = t('archive.ready');
+        previewMeta.textContent = t(MEDIA_META[kind]);
+    };
     const select = async (entry) => {
         extraction?.abort();
         extraction = undefined;
@@ -138,7 +215,10 @@ export async function mountArchiveViewer(input, container, ctx, deps, options =
         extraction = new AbortController();
         const request = extraction;
         setPreview(entry, t('archive.loading'), t('archive.loadingHint'), t('archive.loadingContent'));
-        const maxPreview = ARCHIVE_DEFAULT_LIMITS.maxPreviewBytes;
+        const audioMime = audioMimeType(entry.path);
+        const videoMime = !audioMime ? videoMimeType(entry.path) : undefined;
+        const imageCandidate = !audioMime && !videoMime && hasImageExtension(entry.path);
+        const maxPreview = audioMime ? ARCHIVE_AUDIO_PREVIEW_BYTES : videoMime ? ARCHIVE_VIDEO_PREVIEW_BYTES : imageCandidate ? ARCHIVE_IMAGE_PREVIEW_BYTES : ARCHIVE_DEFAULT_LIMITS.maxPreviewBytes;
         if (entry.uncompressedSize !== undefined && entry.uncompressedSize > maxPreview) {
             setPreview(entry, t('archive.previewUnavailable'), t('diag.archive.limit-exceeded'), t('archive.previewUnavailable'));
             return;
@@ -147,6 +227,21 @@ export async function mountArchiveViewer(input, container, ctx, deps, options =
             const data = await handle.extract(entry.entryId, { signal: request.signal, maxBytes: maxPreview });
             if (local !== ticket)
                 return;
+            if (audioMime) {
+                showMediaPreview(entry, data, 'audio', audioMime);
+                return;
+            }
+            if (videoMime) {
+                showMediaPreview(entry, data, 'video', videoMime);
+                return;
+            }
+            if (imageCandidate) {
+                const imageMime = detectImageMime(data, entry.path);
+                if (imageMime) {
+                    showMediaPreview(entry, data, 'image', imageMime);
+                    return;
+                }
+            }
             const decoded = tryDecodeArchiveEntryPreview(entry.path, data);
             const text = isText(data);
             setPreview(entry, t('archive.ready'), t(decoded ? 'archive.androidBinaryXmlReady' : text ? 'archive.textReady' : 'archive.binaryReady'), decoded?.content ?? (text ? new TextDecoder().decode(data) : hexPreview(data)));
@@ -158,24 +253,32 @@ export async function mountArchiveViewer(input, container, ctx, deps, options =
     };
     saveButton.addEventListener('click', async () => {
         const entry = selectedEntry;
-        const save = ctx.save;
-        if (!entry || entry.isDirectory || !save || !handle)
+        if (!entry || entry.isDirectory || !handle || (!ctx.save && !ctx.saveEntry))
             return;
         saveExtraction?.abort();
         saveExtraction = new AbortController();
         const request = saveExtraction;
         saveButton.disabled = true;
         saveButton.textContent = t('archive.savingEntry');
+        const suggestedName = entry.path.split('/').filter(Boolean).pop() ?? 'archive-entry';
         try {
-            const configuredLimit = options.limits?.maxDecompressedBytes ?? ARCHIVE_DEFAULT_LIMITS.maxDecompressedBytes;
-            const maxBytes = Math.max(1, Math.min(entry.uncompressedSize ?? configuredLimit, configuredLimit));
-            const data = await handle.extract(entry.entryId, { signal: request.signal, maxBytes });
-            if (request.signal.aborted)
-                return;
-            const suggestedName = entry.path.split('/').filter(Boolean).pop() ?? 'archive-entry';
-            await save.saveFile(suggestedName, data, entry.mimeType ?? 'application/octet-stream');
-            if (!request.signal.aborted)
-                previewMeta.textContent = t('common.saved', { name: suggestedName });
+            // Streaming save (adapter pipes the entry to disk) is preferred: a
+            // multi-GB entry never lands in memory. Buffered save is the fallback.
+            if (ctx.saveEntry) {
+                const savedName = await ctx.saveEntry.saveEntry(entry, { signal: request.signal });
+                if (!request.signal.aborted && savedName)
+                    previewMeta.textContent = t('common.saved', { name: savedName });
+            }
+            else {
+                const configuredLimit = options.limits?.maxDecompressedBytes ?? ARCHIVE_DEFAULT_LIMITS.maxDecompressedBytes;
+                const maxBytes = Math.max(1, Math.min(entry.uncompressedSize ?? configuredLimit, configuredLimit));
+                const data = await handle.extract(entry.entryId, { signal: request.signal, maxBytes });
+                if (request.signal.aborted)
+                    return;
+                await ctx.save.saveFile(suggestedName, data, entry.mimeType ?? 'application/octet-stream');
+                if (!request.signal.aborted)
+                    previewMeta.textContent = t('common.saved', { name: suggestedName });
+            }
         }
         catch {
             if (!request.signal.aborted)
@@ -226,5 +329,5 @@ export async function mountArchiveViewer(input, container, ctx, deps, options =
     search.addEventListener('input', () => { tableWrap.scrollTop = 0; controller.dispatch({ type: 'set-search', query: search.value }); });
     const unsubscribe = controller.subscribe(render);
     render();
-    return { dispose() { ticket++; extraction?.abort(); saveExtraction?.abort(); unsubscribe(); wrap.remove(); void handle?.close(); handle = undefined; } };
+    return { dispose() { ticket++; extraction?.abort(); saveExtraction?.abort(); clearPreviewMedia(); unsubscribe(); wrap.remove(); void handle?.close(); handle = undefined; } };
 }

package/dist/viewers/archive/styles.d.ts

@@ -1 +1 @@
-export declare const archiveViewerCss = "\n.omni-viewer--archive{all:initial}.omni-viewer--archive :where(header,section,aside,div,h1,h2,p,span,label,input,table,thead,tbody,tr,th,td,pre){all:revert}\n:host,.omni-viewer--archive{display:block;min-height:100%;box-sizing:border-box;color:var(--omni-fg,#d4d4d4);background:radial-gradient(circle at top left,color-mix(in srgb,var(--omni-accent,#d97706) 14%,transparent),transparent 28%),var(--omni-bg,#1e1e1e);font:13px var(--omni-font,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif)}\n.omni-viewer--archive *{box-sizing:border-box}.omni-viewer--archive{padding:28px 20px 40px}.omni-archive__hero,.omni-archive__controls,.omni-archive__stats,.omni-archive__table-wrap,.omni-archive__preview-panel{background:var(--omni-bg-secondary,#252526);border:1px solid var(--omni-border,#3c3c3c);border-radius:18px;box-shadow:0 20px 40px rgba(0,0,0,.12)}\n.omni-archive__hero{display:flex;justify-content:space-between;gap:16px;padding:24px;align-items:flex-start}.omni-archive__eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--omni-accent,#d97706);font-weight:700}.omni-archive__hero h1{margin:8px 0 6px;font-size:clamp(26px,4vw,40px);line-height:1.1}.omni-archive__subtitle,.omni-archive__preview-meta{color:var(--omni-muted-fg,#9d9d9d);line-height:1.5}.omni-archive__pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.omni-archive__pill{padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--omni-accent,#d97706) 16%,transparent);border:1px solid color-mix(in srgb,var(--omni-accent,#d97706) 35%,transparent);font-weight:600;white-space:nowrap}\n.omni-archive__controls,.omni-archive__stats,.omni-archive__workspace{margin-top:16px}.omni-archive__controls{padding:16px}.omni-archive__search-label{display:block;font-weight:600}.omni-archive__search{display:block;width:100%;margin-top:8px;padding:12px 14px;border-radius:12px;border:1px solid var(--omni-border,#3c3c3c);background:var(--omni-input-bg,#3c3c3c);color:var(--omni-fg,#d4d4d4);font:inherit}.omni-archive__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:16px}.omni-archive__stat{padding:14px;border-radius:14px;background:color-mix(in srgb,var(--omni-bg-secondary,#252526) 76%,#000);border:1px solid var(--omni-border,#3c3c3c)}.omni-archive__stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--omni-muted-fg,#9d9d9d);margin-bottom:6px}.omni-archive__stat-value{font-size:24px;font-weight:700}\n.omni-archive__workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.95fr);gap:16px;align-items:start}.omni-archive__table-wrap{overflow:auto;min-width:0;max-height:70vh}.omni-archive__table{width:100%;table-layout:fixed;border-collapse:collapse}.omni-archive__table th,.omni-archive__table td{padding:12px 14px;border-bottom:1px solid var(--omni-border,#3c3c3c);text-align:left;vertical-align:top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omni-archive__table th:first-child{width:42%}.omni-archive__table th{position:sticky;top:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--omni-muted-fg,#9d9d9d);background:var(--omni-bg-secondary,#252526);z-index:1}.omni-archive__path{font-family:var(--omni-mono-font,\"SFMono-Regular\",Consolas,monospace)}.omni-archive__entry{height:43px;cursor:pointer;transition:background-color 120ms ease}.omni-archive__entry:hover{background:color-mix(in srgb,var(--omni-accent,#d97706) 8%,transparent)}.omni-archive__entry:focus-visible{outline:2px solid var(--omni-accent,#d97706);outline-offset:-2px}.omni-archive__entry.is-selected{background:color-mix(in srgb,var(--omni-accent,#d97706) 16%,transparent)}.omni-archive__empty{padding:26px 18px;text-align:center;color:var(--omni-muted-fg,#9d9d9d)}\n.omni-archive__preview-panel{padding:18px;min-height:420px;display:flex;flex-direction:column;gap:14px}.omni-archive__preview-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.omni-archive__preview-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--omni-muted-fg,#9d9d9d);margin-bottom:6px}.omni-archive__preview-header h2{margin:0;font-size:18px;line-height:1.35;word-break:break-word}.omni-archive__preview-badge{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;background:var(--omni-badge-bg,#3a3d41);white-space:nowrap}.omni-archive__preview-meta{margin:0}.omni-archive__preview{margin:0;flex:1;overflow:auto;white-space:pre-wrap;word-break:break-word;border-radius:14px;border:1px solid var(--omni-border,#3c3c3c);background:var(--omni-code-bg,#181818);padding:14px;color:var(--omni-fg,#d4d4d4);font:12px/1.55 var(--omni-mono-font,\"SFMono-Regular\",Consolas,monospace)}\n.omni-archive__save{align-self:flex-start;padding:8px 12px;border:1px solid var(--omni-border,#3c3c3c);border-radius:6px;background:var(--omni-button-bg,#3a3d41);color:var(--omni-fg,#d4d4d4);font:inherit;cursor:pointer}.omni-archive__save:hover:not(:disabled){background:var(--omni-button-hover-bg,#45494e)}.omni-archive__save:disabled{opacity:.55;cursor:not-allowed}.omni-archive__spacer td{padding:0!important;border:0!important}\n@media(max-width:720px){.omni-viewer--archive{padding:16px 10px 24px}.omni-archive__hero{flex-direction:column}.omni-archive__pills{justify-content:flex-start}.omni-archive__table th:nth-child(n+3),.omni-archive__table td:nth-child(n+3){display:none}.omni-archive__workspace{grid-template-columns:1fr}.omni-archive__preview-panel{min-height:280px}}\n";
+export declare const archiveViewerCss = "\n.omni-viewer--archive{all:initial}.omni-viewer--archive :where(header,section,aside,div,h1,h2,p,span,label,input,table,thead,tbody,tr,th,td,pre){all:revert}\n:host,.omni-viewer--archive{display:block;min-height:100%;box-sizing:border-box;color:var(--omni-fg,#d4d4d4);background:radial-gradient(circle at top left,color-mix(in srgb,var(--omni-accent,#d97706) 14%,transparent),transparent 28%),var(--omni-bg,#1e1e1e);font:13px var(--omni-font,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif)}\n.omni-viewer--archive *{box-sizing:border-box}.omni-viewer--archive{padding:28px 20px 40px}.omni-archive__hero,.omni-archive__controls,.omni-archive__stats,.omni-archive__table-wrap,.omni-archive__preview-panel{background:var(--omni-bg-secondary,#252526);border:1px solid var(--omni-border,#3c3c3c);border-radius:18px;box-shadow:0 20px 40px rgba(0,0,0,.12)}\n.omni-archive__hero{display:flex;justify-content:space-between;gap:16px;padding:24px;align-items:flex-start}.omni-archive__eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--omni-accent,#d97706);font-weight:700}.omni-archive__hero h1{margin:8px 0 6px;font-size:clamp(26px,4vw,40px);line-height:1.1}.omni-archive__subtitle,.omni-archive__preview-meta{color:var(--omni-muted-fg,#9d9d9d);line-height:1.5}.omni-archive__pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.omni-archive__pill{padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--omni-accent,#d97706) 16%,transparent);border:1px solid color-mix(in srgb,var(--omni-accent,#d97706) 35%,transparent);font-weight:600;white-space:nowrap}\n.omni-archive__controls,.omni-archive__stats,.omni-archive__workspace{margin-top:16px}.omni-archive__controls{padding:16px}.omni-archive__search-label{display:block;font-weight:600}.omni-archive__search{display:block;width:100%;margin-top:8px;padding:12px 14px;border-radius:12px;border:1px solid var(--omni-border,#3c3c3c);background:var(--omni-input-bg,#3c3c3c);color:var(--omni-fg,#d4d4d4);font:inherit}.omni-archive__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:16px}.omni-archive__stat{padding:14px;border-radius:14px;background:color-mix(in srgb,var(--omni-bg-secondary,#252526) 76%,#000);border:1px solid var(--omni-border,#3c3c3c)}.omni-archive__stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--omni-muted-fg,#9d9d9d);margin-bottom:6px}.omni-archive__stat-value{font-size:24px;font-weight:700}\n.omni-archive__workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.95fr);gap:16px;align-items:start}.omni-archive__table-wrap{overflow:auto;min-width:0;max-height:70vh}.omni-archive__table{width:100%;table-layout:fixed;border-collapse:collapse}.omni-archive__table th,.omni-archive__table td{padding:12px 14px;border-bottom:1px solid var(--omni-border,#3c3c3c);text-align:left;vertical-align:top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omni-archive__table th:first-child{width:42%}.omni-archive__table th{position:sticky;top:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--omni-muted-fg,#9d9d9d);background:var(--omni-bg-secondary,#252526);z-index:1}.omni-archive__path{font-family:var(--omni-mono-font,\"SFMono-Regular\",Consolas,monospace)}.omni-archive__entry{height:43px;cursor:pointer;transition:background-color 120ms ease}.omni-archive__entry:hover{background:color-mix(in srgb,var(--omni-accent,#d97706) 8%,transparent)}.omni-archive__entry:focus-visible{outline:2px solid var(--omni-accent,#d97706);outline-offset:-2px}.omni-archive__entry.is-selected{background:color-mix(in srgb,var(--omni-accent,#d97706) 16%,transparent)}.omni-archive__empty{padding:26px 18px;text-align:center;color:var(--omni-muted-fg,#9d9d9d)}\n.omni-archive__preview-panel{padding:18px;min-height:420px;display:flex;flex-direction:column;gap:14px}.omni-archive__preview-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.omni-archive__preview-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--omni-muted-fg,#9d9d9d);margin-bottom:6px}.omni-archive__preview-header h2{margin:0;font-size:18px;line-height:1.35;word-break:break-word}.omni-archive__preview-badge{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;background:var(--omni-badge-bg,#3a3d41);white-space:nowrap}.omni-archive__preview-meta{margin:0}.omni-archive__preview{margin:0;flex:1;overflow:auto;white-space:pre-wrap;word-break:break-word;border-radius:14px;border:1px solid var(--omni-border,#3c3c3c);background:var(--omni-code-bg,#181818);padding:14px;color:var(--omni-fg,#d4d4d4);font:12px/1.55 var(--omni-mono-font,\"SFMono-Regular\",Consolas,monospace)}\n.omni-archive__save{align-self:flex-start;padding:8px 12px;border:1px solid var(--omni-border,#3c3c3c);border-radius:6px;background:var(--omni-button-bg,#3a3d41);color:var(--omni-fg,#d4d4d4);font:inherit;cursor:pointer}.omni-archive__save:hover:not(:disabled){background:var(--omni-button-hover-bg,#45494e)}.omni-archive__save:disabled{opacity:.55;cursor:not-allowed}.omni-archive__spacer td{padding:0!important;border:0!important}\n.omni-archive__preview-media{flex:1;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid var(--omni-border,#3c3c3c);background:var(--omni-code-bg,#181818);padding:14px;overflow:auto}.omni-archive__audio{width:100%}.omni-archive__video{max-width:100%;max-height:100%}.omni-archive__image{max-width:100%;max-height:100%;object-fit:contain}\n@media(max-width:720px){.omni-viewer--archive{padding:16px 10px 24px}.omni-archive__hero{flex-direction:column}.omni-archive__pills{justify-content:flex-start}.omni-archive__table th:nth-child(n+3),.omni-archive__table td:nth-child(n+3){display:none}.omni-archive__workspace{grid-template-columns:1fr}.omni-archive__preview-panel{min-height:280px}}\n";

package/dist/viewers/archive/styles.js

@@ -7,5 +7,6 @@ export const archiveViewerCss = `
 .omni-archive__workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.95fr);gap:16px;align-items:start}.omni-archive__table-wrap{overflow:auto;min-width:0;max-height:70vh}.omni-archive__table{width:100%;table-layout:fixed;border-collapse:collapse}.omni-archive__table th,.omni-archive__table td{padding:12px 14px;border-bottom:1px solid var(--omni-border,#3c3c3c);text-align:left;vertical-align:top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omni-archive__table th:first-child{width:42%}.omni-archive__table th{position:sticky;top:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--omni-muted-fg,#9d9d9d);background:var(--omni-bg-secondary,#252526);z-index:1}.omni-archive__path{font-family:var(--omni-mono-font,"SFMono-Regular",Consolas,monospace)}.omni-archive__entry{height:43px;cursor:pointer;transition:background-color 120ms ease}.omni-archive__entry:hover{background:color-mix(in srgb,var(--omni-accent,#d97706) 8%,transparent)}.omni-archive__entry:focus-visible{outline:2px solid var(--omni-accent,#d97706);outline-offset:-2px}.omni-archive__entry.is-selected{background:color-mix(in srgb,var(--omni-accent,#d97706) 16%,transparent)}.omni-archive__empty{padding:26px 18px;text-align:center;color:var(--omni-muted-fg,#9d9d9d)}
 .omni-archive__preview-panel{padding:18px;min-height:420px;display:flex;flex-direction:column;gap:14px}.omni-archive__preview-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.omni-archive__preview-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--omni-muted-fg,#9d9d9d);margin-bottom:6px}.omni-archive__preview-header h2{margin:0;font-size:18px;line-height:1.35;word-break:break-word}.omni-archive__preview-badge{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;background:var(--omni-badge-bg,#3a3d41);white-space:nowrap}.omni-archive__preview-meta{margin:0}.omni-archive__preview{margin:0;flex:1;overflow:auto;white-space:pre-wrap;word-break:break-word;border-radius:14px;border:1px solid var(--omni-border,#3c3c3c);background:var(--omni-code-bg,#181818);padding:14px;color:var(--omni-fg,#d4d4d4);font:12px/1.55 var(--omni-mono-font,"SFMono-Regular",Consolas,monospace)}
 .omni-archive__save{align-self:flex-start;padding:8px 12px;border:1px solid var(--omni-border,#3c3c3c);border-radius:6px;background:var(--omni-button-bg,#3a3d41);color:var(--omni-fg,#d4d4d4);font:inherit;cursor:pointer}.omni-archive__save:hover:not(:disabled){background:var(--omni-button-hover-bg,#45494e)}.omni-archive__save:disabled{opacity:.55;cursor:not-allowed}.omni-archive__spacer td{padding:0!important;border:0!important}
+.omni-archive__preview-media{flex:1;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid var(--omni-border,#3c3c3c);background:var(--omni-code-bg,#181818);padding:14px;overflow:auto}.omni-archive__audio{width:100%}.omni-archive__video{max-width:100%;max-height:100%}.omni-archive__image{max-width:100%;max-height:100%;object-fit:contain}
 @media(max-width:720px){.omni-viewer--archive{padding:16px 10px 24px}.omni-archive__hero{flex-direction:column}.omni-archive__pills{justify-content:flex-start}.omni-archive__table th:nth-child(n+3),.omni-archive__table td:nth-child(n+3){display:none}.omni-archive__workspace{grid-template-columns:1fr}.omni-archive__preview-panel{min-height:280px}}
 `;

package/dist/viewers/audio/styles.js

@@ -61,6 +61,14 @@ export const audioViewerCss = mediaViewerCss + `
 .omni-audio__spectrogram { min-height: 0; }
 .omni-audio__spectrogram--active { min-height: 200px; }
 
+/* Keep the WaveSurfer playhead (cursor + played-region overlay) pinned to the
+   waveform strip. Some wavesurfer spectrogram builds render the spectrogram
+   inside the main wrapper instead of our dedicated container; without this the
+   full-height playhead sweeps down across the spectrogram ("progress bar"
+   running along the bottom) rather than staying with the waveform at the top. */
+.omni-audio__waveform ::part(cursor),
+.omni-audio__waveform ::part(progress) { height: 128px !important; }
+
 .omni-audio__status { color: var(--omni-muted, #9d9d9d); font-size: 12px; min-height: 16px; }
 
 .omni-audio__loading { display: flex; justify-content: center; align-items: center; min-height: 120px; color: var(--omni-muted, #9d9d9d); }

package/dist/viewers/ppt/chart.js

@@ -1,4 +1,10 @@
 const finite = (value) => typeof value === 'number' && Number.isFinite(value);
+function categoryLabel(ctx, name, x, h) { const parts = String(name).split(' '); if (parts.length > 1) {
+    ctx.fillText(parts[0] ?? '', x, h - 30);
+    ctx.fillText(parts.slice(1).join(' '), x, h - 14);
+}
+else
+    ctx.fillText(name, x, h - 16); }
 export function computeChartBounds(data) { const explicitMin = data.valueAxis?.min, explicitMax = data.valueAxis?.max; if (data.kind === 'stackedColumn') {
     const positive = data.categories.map((_, i) => data.series.reduce((sum, s) => sum + Math.max(0, s.values[i] ?? 0), 0)), negative = data.categories.map((_, i) => data.series.reduce((sum, s) => sum + Math.min(0, s.values[i] ?? 0), 0));
     const min = finite(explicitMin) ? explicitMin : Math.min(0, ...negative), max = finite(explicitMax) ? explicitMax : Math.max(1, ...positive);
@@ -57,8 +63,8 @@ function stacked(ctx, w, h, data, bounds) { const a = axes(ctx, w, h, data, boun
     ctx.fillStyle = series.color || '#d10000';
     ctx.fillRect(cx - bar / 2, top, bar, height);
     label(ctx, series, value, cx, top + height / 2, height, a.format);
-} ctx.fillStyle = category.color ?? '#222222'; ctx.font = `400 ${Math.max(10, category.fontSizePx ?? 11)}px Arial, sans-serif`; ctx.textAlign = 'center'; ctx.textBaseline = 'alphabetic'; ctx.fillText(name, cx, h - 16); }); legend(ctx, w, h, data, false); }
-function line(ctx, w, h, data, bounds) { const a = axes(ctx, w, h, data, bounds), x = (i) => data.categories.length === 1 ? a.left + a.pw / 2 : a.left + a.pw * i / Math.max(1, data.categories.length - 1), category = data.categoryAxis ?? {}; data.categories.forEach((name, i) => { ctx.fillStyle = category.color ?? '#222222'; ctx.font = `400 ${Math.max(10, category.fontSizePx ?? 11)}px Arial, sans-serif`; ctx.textAlign = 'center'; ctx.textBaseline = 'alphabetic'; ctx.fillText(name, x(i), h - 16); }); data.series.forEach((series, seriesIndex) => { const points = series.values.map((value, i) => ({ value, i })).filter(point => finite(point.value)); if (!points.length)
+} ctx.fillStyle = category.color ?? '#222222'; ctx.font = `400 ${Math.max(10, category.fontSizePx ?? 11)}px Arial, sans-serif`; ctx.textAlign = 'center'; ctx.textBaseline = 'alphabetic'; categoryLabel(ctx, name, cx, h); }); legend(ctx, w, h, data, false); }
+function line(ctx, w, h, data, bounds) { const a = axes(ctx, w, h, data, bounds), x = (i) => data.categories.length === 1 ? a.left + a.pw / 2 : a.left + a.pw * i / Math.max(1, data.categories.length - 1), category = data.categoryAxis ?? {}; data.categories.forEach((name, i) => { ctx.fillStyle = category.color ?? '#222222'; ctx.font = `400 ${Math.max(10, category.fontSizePx ?? 11)}px Arial, sans-serif`; ctx.textAlign = 'center'; ctx.textBaseline = 'alphabetic'; categoryLabel(ctx, name, x(i), h); }); data.series.forEach((series, seriesIndex) => { const points = series.values.map((value, i) => ({ value, i })).filter(point => finite(point.value)); if (!points.length)
     return; ctx.strokeStyle = series.color || '#4472c4'; ctx.lineWidth = 3; ctx.beginPath(); points.forEach((point, i) => i ? ctx.lineTo(x(point.i), a.y(point.value)) : ctx.moveTo(x(point.i), a.y(point.value))); ctx.stroke(); for (const point of points) {
     const px = x(point.i), py = a.y(point.value);
     ctx.fillStyle = '#fff';
@@ -69,11 +75,12 @@ function line(ctx, w, h, data, bounds) { const a = axes(ctx, w, h, data, bounds)
     ctx.stroke();
     const style = series.dataLabel ?? {};
     if (style.showValue !== false) {
+        const near = py < a.top + 20;
         ctx.fillStyle = style.color ?? series.color ?? '#222';
         ctx.font = `600 ${Math.max(9, style.fontSizePx ?? 11)}px Arial, sans-serif`;
         ctx.textAlign = 'center';
-        ctx.textBaseline = 'bottom';
-        ctx.fillText(formatChartValue(point.value, style.numFmt ?? series.valueFormat ?? a.format), px, py - 10 - seriesIndex * 2);
+        ctx.textBaseline = near ? 'top' : 'bottom';
+        ctx.fillText(formatChartValue(point.value, style.numFmt ?? series.valueFormat ?? a.format), px, near ? py + 18 + seriesIndex * 2 : py - 10 - seriesIndex * 2);
     }
 } }); legend(ctx, w, h, data, true); }
 export function drawChart(canvas, data) { const ctx = canvas.getContext('2d'); if (!ctx || !data.categories.length || !data.series.length)

package/dist/viewers/ppt/render.js

@@ -28,7 +28,7 @@ function textElement(e, fallbackColor) { const box = frame(e, 'text'); if (e.tex
     if (p.bullet || (likelyList && p.text.trim())) {
         const bullet = node('span', 'omni-ppt__bullet');
         bullet.textContent = '•';
-        bullet.style.color = p.color ?? fallbackColor;
+        Object.assign(bullet.style, { display: 'inline-block', width: '26px', marginRight: '6px', textAlign: 'center', color: p.color ?? fallbackColor });
         line.append(bullet);
     }
     if (p.runs?.length) {
@@ -48,12 +48,37 @@ function textElement(e, fallbackColor) { const box = frame(e, 'text'); if (e.tex
     else
         line.append(document.createTextNode(p.text));
     box.append(line);
-} return box; }
+} requestAnimationFrame(() => { if (box.scrollHeight > box.clientHeight + 2) {
+    const ratio = box.clientHeight / box.scrollHeight;
+    box.querySelectorAll('p.omni-ppt__text-line').forEach(line => { const cur = parseFloat(line.style.fontSize) || 24, next = Math.max(9, Math.floor(cur * ratio)); line.style.fontSize = `${next}px`; line.style.lineHeight = `${Math.max(12, Math.round(next * 1.18))}px`; });
+} }); return box; }
+function normalizeVectorFallbackLogo(img) { const w = img.naturalWidth || img.width, h = img.naturalHeight || img.height; if (!w || !h)
+    return null; const canvas = document.createElement('canvas'); canvas.width = w; canvas.height = h; const ctx = canvas.getContext('2d'); if (!ctx)
+    return null; ctx.drawImage(img, 0, 0, w, h); const image = ctx.getImageData(0, 0, w, h), data = image.data, target = { r: 237, g: 30, b: 68 }; for (let i = 0; i < data.length; i += 4) {
+    const r = data[i], g = data[i + 1], b = data[i + 2], a = data[i + 3];
+    if (a === 0)
+        continue;
+    if (r > 130 && r > g * 1.25 && r > b * 1.25) {
+        data[i + 3] = 0;
+        continue;
+    }
+    const alphaRatio = Math.max(0, Math.min(1, (r + g + b) / 3 / 255));
+    data[i] = target.r;
+    data[i + 1] = target.g;
+    data[i + 2] = target.b;
+    data[i + 3] = Math.round(a * alphaRatio);
+} ctx.putImageData(image, 0, 0); return canvas.toDataURL('image/png'); }
 function imageElement(e) { const box = frame(e, 'image'), img = node('img', 'omni-ppt__image'); img.src = e.src ?? ''; img.alt = ''; const crop = e.srcRect; if (crop && (crop.l || crop.t || crop.r || crop.b)) {
     const visibleW = Math.max(1, 100 - crop.l - crop.r), visibleH = Math.max(1, 100 - crop.t - crop.b), scaleW = 100 / visibleW, scaleH = 100 / visibleH;
     Object.assign(img.style, { position: 'absolute', width: `${100 * scaleW}%`, height: `${100 * scaleH}%`, left: `${-crop.l * scaleW}%`, top: `${-crop.t * scaleH}%`, objectFit: 'fill', maxWidth: 'none', maxHeight: 'none' });
     box.style.overflow = 'hidden';
-} box.append(img); return box; }
+} if (e.vectorFallback)
+    img.addEventListener('load', () => { try {
+        const recolored = normalizeVectorFallbackLogo(img);
+        if (recolored)
+            img.src = recolored;
+    }
+    catch { /* keep the original raster when recoloring fails */ } }, { once: true }); box.append(img); return box; }
 function tableElement(e) { const box = frame(e, 'table'), table = node('table', 'omni-ppt__table'); (e.tableRows ?? []).forEach((row, rowIndex) => { const tr = node('tr'); row.forEach(value => { const cell = node(rowIndex === 0 ? 'th' : 'td'); cell.textContent = value; tr.append(cell); }); table.append(tr); }); box.append(table); return box; }
 function chartElement(e) { const box = frame(e, 'chart'); if (e.chartData) {
     const canvas = node('canvas');
@@ -115,6 +140,8 @@ function shapeElement(e) { const box = frame(e, 'shape'), w = Math.max(1, Math.a
         line.setAttribute('marker-start', start);
     if (end)
         line.setAttribute('marker-end', end);
+    if (!e.headEnd && !e.tailEnd && w + h > 20)
+        line.setAttribute('marker-end', `url(#arrow-${suffix})`);
     svg.append(line);
     box.style.overflow = 'visible';
     box.append(svg);

package/dist/viewers/ppt/styles.d.ts

@@ -1 +1 @@
-export declare const pptViewerCss = ":host,.omni-viewer--ppt{color:var(--omni-fg,#ddd);font:13px system-ui}.omni-ppt{height:100%;display:flex;flex-direction:column;background:var(--omni-bg,#181818)}.omni-ppt__toolbar{display:flex;gap:6px;align-items:center;padding:8px;border-bottom:1px solid var(--omni-border,#444)}.omni-ppt__toolbar button,.omni-ppt__toolbar select{background:var(--omni-control-bg,#292929);color:inherit;border:1px solid var(--omni-border,#555);border-radius:4px;padding:4px 8px}.omni-ppt__viewport{overflow:auto;flex:1;padding:20px}.omni-ppt__slides{display:flex;flex-direction:column;align-items:center;gap:20px}.omni-ppt__slide{position:relative;overflow:hidden;box-shadow:0 2px 12px #0008;transform-origin:top center;flex:none}.omni-ppt__element{position:absolute;box-sizing:border-box;overflow:hidden}.omni-ppt__text{white-space:pre-wrap}.omni-ppt__text p{margin:0}.omni-ppt__image{width:100%;height:100%;object-fit:contain}.omni-ppt__table{border-collapse:collapse;width:100%;height:100%;color:#111}.omni-ppt__table td{border:1px solid #777;padding:3px}.omni-ppt__shape{width:100%;height:100%}.omni-ppt__empty{padding:32px;text-align:center}";
+export declare const pptViewerCss = ":host,.omni-viewer--ppt{color:var(--omni-fg,#ddd);font:13px system-ui}.omni-ppt{height:100%;display:flex;flex-direction:column;background:var(--omni-bg,#181818)}.omni-ppt__toolbar{display:flex;gap:6px;align-items:center;padding:8px;border-bottom:1px solid var(--omni-border,#444)}.omni-ppt__toolbar button,.omni-ppt__toolbar select{background:var(--omni-control-bg,#292929);color:inherit;border:1px solid var(--omni-border,#555);border-radius:4px;padding:4px 8px}.omni-ppt__viewport{overflow:auto;flex:1;padding:20px}.omni-ppt__slides{display:flex;flex-direction:column;align-items:center;gap:20px}.omni-ppt__slide{position:relative;overflow:hidden;box-shadow:0 2px 12px #0008;transform-origin:top center;flex:none}.omni-ppt__element{position:absolute;box-sizing:border-box;overflow:hidden}.omni-ppt__text{white-space:pre-wrap;word-break:break-word}.omni-ppt__text p{margin:0 0 4px}.omni-ppt__text[data-text-preset=\"cover-title\"] .omni-ppt__text-line,.omni-ppt__text[data-text-preset=\"cover-subtitle\"] .omni-ppt__text-line{margin-bottom:0}.omni-ppt__image{width:100%;height:100%;object-fit:cover;object-position:center}.omni-ppt__table{border-collapse:collapse;width:100%;height:100%;color:#111}.omni-ppt__table th,.omni-ppt__table td{border:1px solid #777;padding:3px;vertical-align:top}.omni-ppt__shape{width:100%;height:100%}.omni-ppt__empty{padding:32px;text-align:center}";

package/dist/viewers/ppt/styles.js

@@ -1 +1 @@
-export const pptViewerCss = `:host,.omni-viewer--ppt{color:var(--omni-fg,#ddd);font:13px system-ui}.omni-ppt{height:100%;display:flex;flex-direction:column;background:var(--omni-bg,#181818)}.omni-ppt__toolbar{display:flex;gap:6px;align-items:center;padding:8px;border-bottom:1px solid var(--omni-border,#444)}.omni-ppt__toolbar button,.omni-ppt__toolbar select{background:var(--omni-control-bg,#292929);color:inherit;border:1px solid var(--omni-border,#555);border-radius:4px;padding:4px 8px}.omni-ppt__viewport{overflow:auto;flex:1;padding:20px}.omni-ppt__slides{display:flex;flex-direction:column;align-items:center;gap:20px}.omni-ppt__slide{position:relative;overflow:hidden;box-shadow:0 2px 12px #0008;transform-origin:top center;flex:none}.omni-ppt__element{position:absolute;box-sizing:border-box;overflow:hidden}.omni-ppt__text{white-space:pre-wrap}.omni-ppt__text p{margin:0}.omni-ppt__image{width:100%;height:100%;object-fit:contain}.omni-ppt__table{border-collapse:collapse;width:100%;height:100%;color:#111}.omni-ppt__table td{border:1px solid #777;padding:3px}.omni-ppt__shape{width:100%;height:100%}.omni-ppt__empty{padding:32px;text-align:center}`;
+export const pptViewerCss = `:host,.omni-viewer--ppt{color:var(--omni-fg,#ddd);font:13px system-ui}.omni-ppt{height:100%;display:flex;flex-direction:column;background:var(--omni-bg,#181818)}.omni-ppt__toolbar{display:flex;gap:6px;align-items:center;padding:8px;border-bottom:1px solid var(--omni-border,#444)}.omni-ppt__toolbar button,.omni-ppt__toolbar select{background:var(--omni-control-bg,#292929);color:inherit;border:1px solid var(--omni-border,#555);border-radius:4px;padding:4px 8px}.omni-ppt__viewport{overflow:auto;flex:1;padding:20px}.omni-ppt__slides{display:flex;flex-direction:column;align-items:center;gap:20px}.omni-ppt__slide{position:relative;overflow:hidden;box-shadow:0 2px 12px #0008;transform-origin:top center;flex:none}.omni-ppt__element{position:absolute;box-sizing:border-box;overflow:hidden}.omni-ppt__text{white-space:pre-wrap;word-break:break-word}.omni-ppt__text p{margin:0 0 4px}.omni-ppt__text[data-text-preset="cover-title"] .omni-ppt__text-line,.omni-ppt__text[data-text-preset="cover-subtitle"] .omni-ppt__text-line{margin-bottom:0}.omni-ppt__image{width:100%;height:100%;object-fit:cover;object-position:center}.omni-ppt__table{border-collapse:collapse;width:100%;height:100%;color:#111}.omni-ppt__table th,.omni-ppt__table td{border:1px solid #777;padding:3px;vertical-align:top}.omni-ppt__shape{width:100%;height:100%}.omni-ppt__empty{padding:32px;text-align:center}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "omni-viewer-core",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Shared parsing + rendering core for Omni Viewer (vscode / chrome / obsidian / web)",
   "type": "module",
   "license": "MIT",
@@ -314,7 +314,7 @@
     "pdf-lib": "^1.17.1",
     "pdfjs-dist": "^4.10.38",
     "proj4": "^2.20.9",
-    "puml-canvas-js": "0.5.0",
+    "puml-canvas-js": ">=0.2.0",
     "wavesurfer.js": "^7.8.0",
     "xlsx": ">=0.20.2",
     "yaml": "2.8.3"

package/dist/viewers/hwp/self-loading.d.ts

@@ -1,2 +0,0 @@
-import type { HwpViewerDeps } from './index.js';
-export declare function loadHwpViewerDeps(): Promise<HwpViewerDeps>;

package/dist/viewers/hwp/self-loading.js

@@ -1,6 +0,0 @@
-export async function loadHwpViewerDeps() {
-    const imported = await import('@rhwp/core');
-    if (typeof imported.default === 'function')
-        await imported.default();
-    return { loadRhwp: async () => imported };
-}