omni-viewer-core 0.2.0 → 0.3.0

package/dist/parsers/pptx/index.d.ts

@@ -11,5 +11,6 @@ export interface PptxParserDeps {
     openZip(data: Uint8Array, options?: ParseOptions): Promise<PptxZipReader>;
 }
 export { openPptxZip } from './zip-reader.js';
-export { parsePptxVscode } from './vscode.js';
+import { parsePptxVscode } from './vscode.js';
+export { parsePptxVscode };
 export declare function parsePptx(input: Uint8Array, deps: PptxParserDeps, options?: ParseOptions): Promise<ParseOutcome<SlideDeck>>;

package/dist/parsers/pptx/index.js

@@ -2,7 +2,8 @@
 import { DEFAULT_LIMITS, LimitTracker } from '../types.js';
 export * from '../slide-model.js';
 export { openPptxZip } from './zip-reader.js';
-export { parsePptxVscode } from './vscode.js';
+import { parsePptxVscode } from './vscode.js';
+export { parsePptxVscode };
 const EMU_PER_PX = 9525;
 const DEFAULT_SIZE = { widthPx: 1280, heightPx: 720 };
 const attr = (tag, name) => new RegExp(`(?:^|\\s)${name}="([^"]*)"`).exec(tag)?.[1];
@@ -54,7 +55,7 @@ async function parseSlide(zip, path, n, size) { const xml = await zip.text(path)
     else
         elements.push({ ...common, type: 'shape', presetGeom: geom, fillColor: color(block, 'transparent'), borderColor: color(/<a:ln\b[\s\S]*?<\/a:ln>/.exec(block)?.[0] ?? '') });
 } return { slideNumber: n, ...size, backgroundColor: color(/<p:bg\b[\s\S]*?<\/p:bg>/.exec(xml)?.[0] ?? '', '#ffffff') ?? '#ffffff', elements }; }
-export async function parsePptx(input, deps, options = {}) { const started = Date.now(), diagnostics = []; if (input.byteLength > (options.limits?.maxInputBytes ?? 50 * 1024 * 1024))
+async function parsePptxLegacy(input, deps, options = {}) { const started = Date.now(), diagnostics = []; if (input.byteLength > (options.limits?.maxInputBytes ?? 50 * 1024 * 1024))
     return { result: { status: 'failed', failure: { code: 'limit-exceeded', retryable: false, messageKey: 'diag.limit-exceeded.input' }, diagnostics }, execution: { workerUsed: false, hardLimitEnforced: false, elapsedMillis: Date.now() - started } }; let zip; try {
     zip = await deps.openZip(input, options);
     const presentation = await zip.text('ppt/presentation.xml');
@@ -86,3 +87,5 @@ catch {
 finally {
     await zip?.close?.();
 } }
+export async function parsePptx(input, deps, options = {}) { const full = await parsePptxVscode(input, options); if (full.result.status !== 'failed' || full.result.failure.code !== 'invalid-format')
+    return full; return parsePptxLegacy(input, deps, options); }

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;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}
+: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;border-radius:6px;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{padding:2px;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-frame{background:#fff;border:1px solid #bdbdbd;overflow:auto}.omni-ppt__table{border-collapse:collapse;width:100%;font-size:12px;color:#111}.omni-ppt__table th,.omni-ppt__table td{border:1px solid #d3d3d3;padding:4px 6px;vertical-align:top}.omni-ppt__chart{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f7f7f7;border:1px dashed #9a9a9a;color:#333}.omni-ppt__chart--rendered{background:transparent;border:0}.omni-ppt__chart-title{font-size:14px;font-weight:700;margin-bottom:4px}.omni-ppt__chart-subtitle{font-size:12px;opacity:.8}.omni-ppt__shape{width:100%;height:100%}.omni-ppt__empty{padding:32px;text-align:center}

package/dist/viewers/pdf/editing.d.ts

@@ -2,7 +2,7 @@ import { type PdfAnnotation, type PdfViewState } from './controller.js';
 /** Type-only reference — erased at compile time. */
 export type PdfLibModule = typeof import('pdf-lib');
 export declare const SIDECAR_LAYER_NAME = "omni-viewer-layer.json";
-export declare const SIDECAR_ORIGINAL_NAME = "omni-viewer-original.pdf";
+export declare const SIDECAR_BASE_NAME = "omni-viewer-base.pdf";
 /** Result of parsing a sidecar's layer JSON. */
 export interface ParsedLayer {
     pageOrder: number[];
@@ -14,9 +14,11 @@ export declare function buildEditedPdf(pdfLib: PdfLibModule, source: Uint8Array,
 /**
  * Like {@link buildEditedPdf}, but also embeds the hybrid sidecar so the
  * omni viewer can rehydrate a removable overlay layer on reopen:
- *   - the pristine (unflattened) source, and
- *   - the layer JSON `{ version, pageOrder, annotations }`.
- * External readers only ever see the flattened pages.
+ *   - a re-editable base (kept pages only, signatures flattened in), and
+ *   - the layer JSON `{ version, pageOrder, annotations }` for text/markup,
+ *     with page references remapped onto the kept-pages base.
+ * Deleted pages and signatures are unrecoverable; external readers only ever
+ * see the flattened pages.
  */
 export declare function buildSavedPdf(pdfLib: PdfLibModule, pristine: Uint8Array, state: PdfViewState): Promise<Uint8Array>;
 /** Parse and validate a sidecar layer JSON string; null if unusable. */

package/dist/viewers/pdf/editing.js

@@ -5,13 +5,16 @@
 // imports). Callers inject the loaded module; `viewers/pdf/self-loading`
 // provides the dynamic-import loader for platforms whose bundler resolves it.
 import { mergeHighlightRects } from './controller.js';
-// Hybrid sidecar: saved PDFs keep flattened (portable) pages while embedding
-// the pristine source + a layer JSON, so the omni viewer can restore a
-// removable overlay layer on reopen. External readers only see the flat pages.
+// Hybrid sidecar: saved PDFs keep flattened (portable) pages for external
+// readers while embedding a re-editable base + a layer JSON, so the omni
+// viewer can restore a removable overlay layer on reopen. The embedded base
+// holds only the kept pages (deleted pages are gone for good) with signatures
+// permanently flattened in; text/markup stay out so they remain editable.
+// External readers only ever see the flat pages.
 export const SIDECAR_LAYER_NAME = 'omni-viewer-layer.json';
-export const SIDECAR_ORIGINAL_NAME = 'omni-viewer-original.pdf';
+export const SIDECAR_BASE_NAME = 'omni-viewer-base.pdf';
 /** Bumped when the sidecar shape changes; older/newer versions are ignored. */
-const SIDECAR_VERSION = 1;
+const SIDECAR_VERSION = 2;
 /** Defensive ceilings — the sidecar is untrusted input on reopen. */
 const MAX_ANNOTATIONS = 2000;
 const MAX_TEXT_LENGTH = 10_000;
@@ -104,16 +107,39 @@ async function stamp(pdfLib, page, annotation) {
         height: annotation.height
     });
 }
-/** Reorder/delete pages and stamp the overlays into a fresh (unsaved) doc. */
-async function flattenInto(pdfLib, source, state) {
+/** Copy the kept pages (in display order) from `source` into a fresh doc. */
+async function copyKeptPages(pdfLib, source, pageOrder) {
     const original = await pdfLib.PDFDocument.load(source);
     const output = await pdfLib.PDFDocument.create();
-    const indices = state.pageOrder
+    const indices = pageOrder
         .map((page) => page - 1)
         .filter((page) => page >= 0 && page < original.getPageCount());
     const copied = await output.copyPages(original, indices);
     copied.forEach((page) => output.addPage(page));
+    return output;
+}
+/** Reorder/delete pages and stamp the overlays into a fresh (unsaved) doc. */
+async function flattenInto(pdfLib, source, state) {
+    const output = await copyKeptPages(pdfLib, source, state.pageOrder);
+    for (const annotation of state.annotations) {
+        const outputIndex = state.pageOrder.indexOf(annotation.page);
+        const page = output.getPages()[outputIndex];
+        if (page)
+            await stamp(pdfLib, page, annotation);
+    }
+    return output;
+}
+/**
+ * The re-editable base embedded in a saved PDF: the kept pages (unflattened)
+ * with ONLY signatures permanently stamped in. Text/markup are deliberately
+ * left out so the omni viewer can restore them as a removable layer, while
+ * signatures — and any pages the user deleted — cannot be recovered.
+ */
+async function buildEditableBase(pdfLib, pristine, state) {
+    const output = await copyKeptPages(pdfLib, pristine, state.pageOrder);
     for (const annotation of state.annotations) {
+        if (annotation.kind !== 'signature')
+            continue;
         const outputIndex = state.pageOrder.indexOf(annotation.page);
         const page = output.getPages()[outputIndex];
         if (page)
@@ -130,21 +156,29 @@ export async function buildEditedPdf(pdfLib, source, state) {
 /**
  * Like {@link buildEditedPdf}, but also embeds the hybrid sidecar so the
  * omni viewer can rehydrate a removable overlay layer on reopen:
- *   - the pristine (unflattened) source, and
- *   - the layer JSON `{ version, pageOrder, annotations }`.
- * External readers only ever see the flattened pages.
+ *   - a re-editable base (kept pages only, signatures flattened in), and
+ *   - the layer JSON `{ version, pageOrder, annotations }` for text/markup,
+ *     with page references remapped onto the kept-pages base.
+ * Deleted pages and signatures are unrecoverable; external readers only ever
+ * see the flattened pages.
  */
 export async function buildSavedPdf(pdfLib, pristine, state) {
     const output = await flattenInto(pdfLib, pristine, state);
+    const base = await buildEditableBase(pdfLib, pristine, state);
+    // The base is already in display order, so its pages number 1..keptCount.
+    // Remap each overlay's page reference (an original page number) onto that.
+    const remap = new Map(state.pageOrder.map((page, index) => [page, index + 1]));
     const layer = JSON.stringify({
         version: SIDECAR_VERSION,
-        pageOrder: state.pageOrder,
+        pageOrder: base.getPages().map((_, index) => index + 1),
         annotations: state.annotations
+            .filter((annotation) => annotation.kind !== 'signature')
+            .map((annotation) => ({ ...annotation, page: remap.get(annotation.page) ?? annotation.page }))
     });
     await output.attach(new TextEncoder().encode(layer), SIDECAR_LAYER_NAME, {
         mimeType: 'application/json'
     });
-    await output.attach(pristine, SIDECAR_ORIGINAL_NAME, {
+    await output.attach(await base.save(), SIDECAR_BASE_NAME, {
         mimeType: 'application/pdf'
     });
     return output.save();

package/dist/viewers/pdf/index.js

@@ -11,7 +11,7 @@
 // annotations use an inline input overlay instead.
 import { MountAbortedError, VIEWER_ROOT_CLASS } from '../types.js';
 import { createPdfController, mergeHighlightRects, PDF_ZOOM_LEVELS } from './controller.js';
-import { buildSavedPdf, mergePdfBytes, parseLayer, savedPdfName, SIDECAR_LAYER_NAME, SIDECAR_ORIGINAL_NAME } from './editing.js';
+import { buildSavedPdf, mergePdfBytes, parseLayer, savedPdfName, SIDECAR_LAYER_NAME, SIDECAR_BASE_NAME } from './editing.js';
 import { pdfViewerCss } from './styles.js';
 export { createPdfController, PDF_ZOOM_LEVELS } from './controller.js';
 export { pdfViewerCss } from './styles.js';
@@ -176,7 +176,7 @@ export async function mountPdfViewer(input, container, ctx, deps, options = {})
         }
     }
     /**
-     * Read the hybrid sidecar (pristine source + layer JSON) from a document's
+     * Read the hybrid sidecar (re-editable base + layer JSON) from a document's
      * attachments. Returns null unless BOTH parts are present and the layer
      * parses — a lone layer over already-flattened pages would double up.
      */
@@ -185,19 +185,19 @@ export async function mountPdfViewer(input, container, ctx, deps, options = {})
             const attachments = await d.getAttachments?.();
             if (!attachments)
                 return null;
-            let pristine;
+            let base;
             let layerText;
             for (const entry of Object.values(attachments)) {
-                if (entry.filename === SIDECAR_ORIGINAL_NAME)
-                    pristine = entry.content;
+                if (entry.filename === SIDECAR_BASE_NAME)
+                    base = entry.content;
                 else if (entry.filename === SIDECAR_LAYER_NAME) {
                     layerText = new TextDecoder().decode(entry.content);
                 }
             }
-            if (!pristine || layerText === undefined)
+            if (!base || layerText === undefined)
                 return null;
             const layer = parseLayer(layerText);
-            return layer ? { pristine, layer } : null;
+            return layer ? { base, layer } : null;
         }
         catch {
             return null;
@@ -1374,12 +1374,13 @@ export async function mountPdfViewer(input, container, ctx, deps, options = {})
     }
     throwIfAborted();
     // Hybrid rehydration: if this file was saved by us, its visible pages are
-    // flattened but it carries the pristine source + layer JSON. Render/edit
-    // from the pristine base and restore the overlays as a removable layer.
+    // flattened but it carries a re-editable base (kept pages, signatures baked
+    // in) + layer JSON. Render/edit from that base and restore the text/markup
+    // overlays as a removable layer.
     const sidecar = await readSidecar(doc);
     if (sidecar) {
         await doc.destroy();
-        sourceBytes = sidecar.pristine;
+        sourceBytes = sidecar.base;
         doc = await loadDocument(sourceBytes, password);
         throwIfAborted();
         adoptController(createPdfController(doc.numPages, sidecar.layer));

package/dist/viewers/ppt/chart.js

@@ -9,7 +9,7 @@ export function computeChartBounds(data) { const explicitMin = data.valueAxis?.m
     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);
     return min < max ? { min, max } : { min, max: min + 1 };
-} const values = data.series.flatMap(s => s.values).filter(finite); let min = finite(explicitMin) ? explicitMin : Math.min(0, ...values), max = finite(explicitMax) ? explicitMax : Math.max(1, ...values); if (min >= max) {
+} const values = data.series.flatMap(s => s.values).filter(finite); let min = finite(explicitMin) ? explicitMin : Math.min(0, ...values), max = finite(explicitMax) ? explicitMax : values.length ? Math.max(...values) : 1; if (min >= max) {
     const pad = Math.max(1, Math.abs(max || 1) * .1);
     min -= pad;
     max += pad;
@@ -26,6 +26,12 @@ function legend(ctx, w, h, data, line) { const style = data.legend ?? {}, font =
         ctx.moveTo(x, h - 11);
         ctx.lineTo(x + swatch, h - 11);
         ctx.stroke();
+        ctx.fillStyle = '#fff';
+        ctx.beginPath();
+        ctx.arc(x + swatch / 2, h - 11, 3.5, 0, Math.PI * 2);
+        ctx.fill();
+        ctx.strokeStyle = item.color;
+        ctx.stroke();
     }
     else {
         ctx.fillStyle = item.color;
@@ -36,7 +42,11 @@ function legend(ctx, w, h, data, line) { const style = data.legend ?? {}, font =
     ctx.fillText(item.label, x, h - 7);
     x += item.label.length * font * .55 + gap;
 } }
-function axes(ctx, w, h, data, bounds) { const m = { left: 74, right: 20, top: 20, bottom: 88 }, pw = w - m.left - m.right, ph = h - m.top - m.bottom, axis = data.valueAxis ?? {}, format = axis.numFmt ?? (data.kind === 'stackedColumn' ? '$#,##0.0' : '0.0'), step = finite(axis.majorUnit) && axis.majorUnit > 0 ? axis.majorUnit : niceStep(bounds.max - bounds.min), y = (value) => m.top + (bounds.max - value) / (bounds.max - bounds.min) * ph; ctx.strokeStyle = axis.gridColor ?? 'rgba(0,0,0,0.22)'; ctx.lineWidth = 1; for (let tick = Math.floor(bounds.min / step) * step, count = 0; tick <= bounds.max + step * .5 && count++ < 250; tick += step) {
+function axes(ctx, w, h, data, bounds) { const m = { left: 74, right: 20, top: 20, bottom: 88 }, pw = w - m.left - m.right, ph = h - m.top - m.bottom, axis = data.valueAxis ?? {}, format = axis.numFmt ?? (data.kind === 'stackedColumn' ? '$#,##0.0' : '0.0'), step = finite(axis.majorUnit) && axis.majorUnit > 0 ? axis.majorUnit : niceStep(bounds.max - bounds.min), y = (value) => m.top + (bounds.max - value) / (bounds.max - bounds.min) * ph; if (data.kind === 'stackedColumn') {
+    ctx.strokeStyle = axis.lineColor ?? '#4f81bd';
+    ctx.lineWidth = 1;
+    ctx.strokeRect(m.left, m.top, pw, ph);
+} ctx.strokeStyle = axis.gridColor ?? (data.kind === 'line' ? 'rgba(0,0,0,0.18)' : 'rgba(0,0,0,0.22)'); ctx.lineWidth = 1; for (let tick = Math.floor(bounds.min / step) * step, count = 0; tick <= bounds.max + step * .5 && count++ < 250; tick += step) {
     const py = y(tick);
     ctx.beginPath();
     ctx.moveTo(m.left, py);
@@ -47,7 +57,13 @@ function axes(ctx, w, h, data, bounds) { const m = { left: 74, right: 20, top: 2
     ctx.textAlign = 'right';
     ctx.textBaseline = 'middle';
     ctx.fillText(formatChartValue(tick, format), m.left - 12, py);
-} const cross = finite(axis.crossesAt) ? axis.crossesAt : 0; ctx.strokeStyle = axis.lineColor ?? '#111111'; ctx.lineWidth = 1.5; ctx.beginPath(); ctx.moveTo(m.left, y(cross)); ctx.lineTo(m.left + pw, y(cross)); ctx.stroke(); return { ...m, pw, ph, y, format }; }
+} const cross = finite(axis.crossesAt) ? axis.crossesAt : 0; ctx.strokeStyle = data.kind === 'stackedColumn' ? '#111111' : axis.lineColor ?? '#111111'; ctx.lineWidth = 1.5; ctx.beginPath(); ctx.moveTo(m.left, y(cross)); ctx.lineTo(m.left + pw, y(cross)); ctx.stroke(); if (data.kind === 'line') {
+    ctx.beginPath();
+    ctx.moveTo(m.left, m.top);
+    ctx.lineTo(m.left, m.top + ph);
+    ctx.lineTo(m.left + pw, m.top + ph);
+    ctx.stroke();
+} return { ...m, pw, ph, y, format }; }
 function label(ctx, series, value, x, y, height, axisFormat) { const style = series.dataLabel ?? {}; if (style.showValue === false || Math.abs(value) < .1 || height <= 12)
     return; ctx.fillStyle = style.color ?? '#ffffff'; ctx.font = `400 ${Math.max(9, style.fontSizePx ?? 11)}px Arial, sans-serif`; ctx.textAlign = 'center'; ctx.textBaseline = 'middle'; ctx.fillText(formatChartValue(value, style.numFmt ?? series.valueFormat ?? axisFormat), x, y); }
 function stacked(ctx, w, h, data, bounds) { const a = axes(ctx, w, h, data, bounds), group = a.pw / data.categories.length, gap = finite(data.gapWidth) ? Math.max(.2, Math.min(.9, 1 - data.gapWidth / 300)) : .58, bar = Math.max(8, group * gap), category = data.categoryAxis ?? {}; data.categories.forEach((name, i) => { const cx = a.left + group * i + group / 2; let pos = 0, neg = 0; for (const series of data.series) {
@@ -72,6 +88,9 @@ function line(ctx, w, h, data, bounds) { const a = axes(ctx, w, h, data, bounds)
     ctx.arc(px, py, 4.5, 0, Math.PI * 2);
     ctx.fill();
     ctx.strokeStyle = series.color || '#4472c4';
+    ctx.lineWidth = 2;
+    ctx.beginPath();
+    ctx.arc(px, py, 4.5, 0, Math.PI * 2);
     ctx.stroke();
     const style = series.dataLabel ?? {};
     if (style.showValue !== false) {

package/dist/viewers/ppt/render.js

@@ -79,8 +79,9 @@ function imageElement(e) { const box = frame(e, 'image'), img = node('img', 'omn
             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 tableElement(e) { const box = frame(e, 'table-frame'), 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) {
+    box.classList.add('omni-ppt__chart--rendered');
     const canvas = node('canvas');
     canvas.width = Math.max(300, Math.floor(e.width));
     canvas.height = Math.max(180, Math.floor(e.height));
@@ -90,7 +91,10 @@ function chartElement(e) { const box = frame(e, 'chart'); if (e.chartData) {
     queueMicrotask(() => drawChart(canvas, e.chartData));
 }
 else {
-    box.textContent = e.chartTitle ?? (e.chartKind === 'smartart' ? 'SmartArt' : 'Chart');
+    const title = node('div', 'omni-ppt__chart-title'), subtitle = node('div', 'omni-ppt__chart-subtitle');
+    title.textContent = e.chartTitle ?? (e.chartKind === 'smartart' ? 'SmartArt' : 'Chart');
+    subtitle.textContent = e.chartKind === 'smartart' ? 'SmartArt placeholder' : 'Chart placeholder';
+    box.append(title, subtitle);
 } return box; }
 export function presetGeomToSvgPath(preset, w, h) { if (!preset || w <= 0 || h <= 0)
     return; switch (preset) {
@@ -120,11 +124,25 @@ export function presetGeomToSvgPath(preset, w, h) { if (!preset || w <= 0 || h <
     case 'rect': return `M 0 0 L ${w} 0 L ${w} ${h} L 0 ${h} Z`;
     default: return;
 } }
-function marker(defs, id, type, color) { const value = document.createElementNS(SVG_NS, 'marker'); value.id = id; value.setAttribute('markerWidth', '8'); value.setAttribute('markerHeight', '8'); value.setAttribute('refX', type === 'start' ? '0' : '8'); value.setAttribute('refY', '4'); value.setAttribute('orient', 'auto'); value.setAttribute('markerUnits', 'strokeWidth'); const path = document.createElementNS(SVG_NS, 'path'); path.setAttribute('d', type === 'circle' ? 'M 4 1 A 3 3 0 1 0 4 7 A 3 3 0 1 0 4 1' : 'M 0 0 L 8 4 L 0 8 Z'); path.setAttribute('fill', color); value.append(path); defs.append(value); }
-function shapeElement(e) { const box = frame(e, 'shape'), w = Math.max(1, Math.abs(e.width)), h = Math.max(1, Math.abs(e.height)), svg = document.createElementNS(SVG_NS, 'svg'); svg.setAttribute('width', String(w)); svg.setAttribute('height', String(h)); svg.setAttribute('viewBox', `0 0 ${w} ${h}`); const stroke = e.borderColor ?? '#000', strokeWidth = String(Math.max(1, e.borderWidthPx ?? 1)); if (e.presetGeom === 'line' || e.presetGeom === 'straightConnector1') {
+function marker(defs, id, type, color) { const value = document.createElementNS(SVG_NS, 'marker'), circle = type === 'circle'; value.id = id; value.setAttribute('markerWidth', circle ? '6' : '8'); value.setAttribute('markerHeight', '6'); value.setAttribute('refX', circle ? '3' : '8'); value.setAttribute('refY', '3'); value.setAttribute('orient', 'auto'); value.setAttribute('markerUnits', 'strokeWidth'); value.setAttribute('overflow', 'visible'); if (circle) {
+    const dot = document.createElementNS(SVG_NS, 'circle');
+    dot.setAttribute('cx', '3');
+    dot.setAttribute('cy', '3');
+    dot.setAttribute('r', '2.5');
+    dot.setAttribute('fill', color);
+    value.append(dot);
+}
+else {
+    const path = document.createElementNS(SVG_NS, 'path');
+    path.setAttribute('d', 'M 0 0 L 8 3 L 0 6 Z');
+    path.setAttribute('fill', color);
+    value.append(path);
+} defs.append(value); }
+function shapeElement(e) { const box = frame(e, 'shape'), w = Math.max(1, Math.abs(e.width)), h = Math.max(1, Math.abs(e.height)), svg = document.createElementNS(SVG_NS, 'svg'); svg.setAttribute('width', String(w)); svg.setAttribute('height', String(h)); svg.setAttribute('viewBox', `0 0 ${w} ${h}`); Object.assign(svg.style, { display: 'block', overflow: 'visible' }); const stroke = e.borderColor ?? '#000', strokeWidth = String(Math.max(1, e.borderWidthPx ?? 1)); if (e.presetGeom === 'line' || e.presetGeom === 'straightConnector1') {
     box.style.transform = e.rotateDeg ? `rotate(${e.rotateDeg}deg)` : '';
+    Object.assign(svg.style, { position: 'absolute', left: '0', top: '0' });
     const defs = document.createElementNS(SVG_NS, 'defs'), suffix = `${e.zIndex}-${Math.round(e.x)}-${Math.round(e.y)}`;
-    marker(defs, `arrow-${suffix}`, 'end', stroke);
+    marker(defs, `arrow-${suffix}`, 'arrow', stroke);
     marker(defs, `circle-${suffix}`, 'circle', stroke);
     svg.append(defs);
     const line = document.createElementNS(SVG_NS, 'line');

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;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}";
+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;border-radius:6px;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{padding:2px;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-frame{background:#fff;border:1px solid #bdbdbd;overflow:auto}.omni-ppt__table{border-collapse:collapse;width:100%;font-size:12px;color:#111}.omni-ppt__table th,.omni-ppt__table td{border:1px solid #d3d3d3;padding:4px 6px;vertical-align:top}.omni-ppt__chart{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f7f7f7;border:1px dashed #9a9a9a;color:#333}.omni-ppt__chart--rendered{background:transparent;border:0}.omni-ppt__chart-title{font-size:14px;font-weight:700;margin-bottom:4px}.omni-ppt__chart-subtitle{font-size:12px;opacity:.8}.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;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}`;
+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;border-radius:6px;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{padding:2px;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-frame{background:#fff;border:1px solid #bdbdbd;overflow:auto}.omni-ppt__table{border-collapse:collapse;width:100%;font-size:12px;color:#111}.omni-ppt__table th,.omni-ppt__table td{border:1px solid #d3d3d3;padding:4px 6px;vertical-align:top}.omni-ppt__chart{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f7f7f7;border:1px dashed #9a9a9a;color:#333}.omni-ppt__chart--rendered{background:transparent;border:0}.omni-ppt__chart-title{font-size:14px;font-weight:700;margin-bottom:4px}.omni-ppt__chart-subtitle{font-size:12px;opacity:.8}.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.2.0",
+  "version": "0.3.0",
   "description": "Shared parsing + rendering core for Omni Viewer (vscode / chrome / obsidian / web)",
   "type": "module",
   "license": "MIT",