@ovalbee/reportifact 0.0.1 → 0.0.3

package/dist/style.css

@@ -1,4 +1,4 @@
-.reportifact{--reportifact-bg: #ffffff;--reportifact-toc-bg: #ffffff;--reportifact-bg-subtle: #f8fafc;--reportifact-bg-muted: #f1f5f9;--reportifact-bg-overlay: rgba(255, 255, 255, .9);--reportifact-text: #1f2937;--reportifact-text-muted: #64748b;--reportifact-text-faint: #94a3b8;--reportifact-border: #e2e8f0;--reportifact-error-bg: #fef2f2;--reportifact-error-text: #dc2626;--reportifact-highlight: #fef08a;--reportifact-accent: #0ea5e9;--reportifact-focus-border: #3b82f6;--reportifact-tone-low: #ef4444;--reportifact-tone-low-bg: #fee2e2;--reportifact-tone-low-border: #fecaca;--reportifact-tone-mid: #d97706;--reportifact-tone-mid-bg: #fef3c7;--reportifact-tone-mid-border: #fde68a;--reportifact-tone-high: #059669;--reportifact-tone-high-bg: #d1fae5;--reportifact-tone-high-border: #a7f3d0;--reportifact-widget-gap: 16px;--reportifact-section-gap: 32px;display:flex;flex-direction:column;color:var(--reportifact-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;line-height:1.5}.dark .reportifact{--reportifact-tone-low: #f06464;--reportifact-tone-low-bg: rgba(239, 68, 68, .16);--reportifact-tone-low-border: rgba(239, 68, 68, .32);--reportifact-tone-mid: #d99a2b;--reportifact-tone-mid-bg: rgba(217, 119, 6, .16);--reportifact-tone-mid-border: rgba(217, 119, 6, .32);--reportifact-tone-high: #41b883;--reportifact-tone-high-bg: rgba(16, 185, 129, .14);--reportifact-tone-high-border: rgba(16, 185, 129, .3)}.reportifact-skeleton-line{height:16px;border-radius:4px;background:linear-gradient(90deg,var(--reportifact-border) 25%,var(--reportifact-bg-muted) 50%,var(--reportifact-border) 75%);background-size:200% 100%;animation:reportifact-skeleton-pulse 1.5s ease-in-out infinite}.reportifact-skeleton-column{display:flex;flex-direction:column;gap:12px}@keyframes reportifact-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.reportifact-widget-host{width:100%;min-width:0}.reportifact-widget-wrapper,.reportifact-widget-content{position:relative}.reportifact-widget-error{padding:16px;background:var(--reportifact-error-bg);border-radius:8px}.reportifact-widget-error-message{color:var(--reportifact-error-text);font-size:14px;text-align:center}.reportifact-chart-skeleton{background:var(--reportifact-bg);border:1px solid var(--reportifact-border);border-radius:8px;padding:16px;height:var(--reportifact-chart-height);display:flex;flex-direction:column;overflow:hidden}.reportifact-chart-skeleton-body{width:100%;flex:1;min-height:0;border-radius:4px}.reportifact-chart-container{background:var(--reportifact-bg);border:1px solid var(--reportifact-border);border-radius:8px;padding:16px;width:100%;height:var(--reportifact-chart-height);display:flex;flex-direction:column;overflow:hidden}.reportifact-chart{width:100%;flex:1;min-height:0}.reportifact-metric-cards{display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));gap:10px;padding:12px;border:1px solid var(--reportifact-border);border-radius:8px;background:var(--reportifact-bg)}.reportifact-metric-card{position:relative;min-height:148px;overflow:hidden;padding:14px;border:1px solid var(--reportifact-border);border-radius:6px;background:var(--reportifact-bg)}.reportifact-metric-card-fill{position:absolute;inset:auto 0 0;border-top:1px solid transparent}.reportifact-metric-card--low .reportifact-metric-card-fill{border-top-color:var(--reportifact-tone-low-border);background:var(--reportifact-tone-low-bg)}.reportifact-metric-card--mid .reportifact-metric-card-fill{border-top-color:var(--reportifact-tone-mid-border);background:var(--reportifact-tone-mid-bg)}.reportifact-metric-card--high .reportifact-metric-card-fill{border-top-color:var(--reportifact-tone-high-border);background:var(--reportifact-tone-high-bg)}.reportifact-metric-card-label,.reportifact-metric-card-value,.reportifact-metric-card-description{position:relative;z-index:1}.reportifact-metric-card-label{display:block;color:var(--reportifact-text-muted);font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.reportifact-metric-card-value{display:block;margin-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:26px;line-height:1}.reportifact-metric-card--low .reportifact-metric-card-value{color:var(--reportifact-tone-low)}.reportifact-metric-card--mid .reportifact-metric-card-value{color:var(--reportifact-tone-mid)}.reportifact-metric-card--high .reportifact-metric-card-value{color:var(--reportifact-tone-high)}.reportifact-metric-card-description{margin:8px 0 0;color:var(--reportifact-text-muted);font-size:12px}@media (max-width: 720px){.reportifact-metric-cards{grid-template-columns:repeat(2,minmax(92px,1fr))}}.reportifact-metric-callout{overflow:hidden;border:1px solid var(--reportifact-border);border-radius:8px;background:var(--reportifact-bg)}.reportifact-metric-callout-header{display:grid;grid-template-columns:148px minmax(0,1fr);gap:14px;align-items:center;padding:14px 15px;border-bottom:1px solid var(--reportifact-border);background:var(--reportifact-bg-subtle)}.reportifact-metric-callout-label{color:var(--reportifact-text-muted);font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.reportifact-metric-callout-value{display:block;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:28px;line-height:1}.reportifact-metric-callout-value--low{color:var(--reportifact-tone-low)}.reportifact-metric-callout-value--mid{color:var(--reportifact-tone-mid)}.reportifact-metric-callout-value--high{color:var(--reportifact-tone-high)}.reportifact-metric-callout-description,.reportifact-metric-callout-body{color:var(--reportifact-text-muted)}.reportifact-metric-callout-body{padding:13px 15px}.rm-skeleton{display:flex;flex-direction:column;gap:10px;padding:4px 0}.rm-skeleton-row{display:flex;gap:10px;align-items:center}.rm-title{font-weight:bolder;font-size:13px;margin-bottom:8px;color:var(--reportifact-text)}.rm-metrics{display:grid;grid-template-columns:auto 3.8em 1fr;align-items:center;gap:8px 10px;padding:2px 0;max-width:400px}.rm-metrics--with-pct{grid-template-columns:auto 3.8em 1fr auto}.rm-row{display:contents}.rm-name{font-weight:500;font-size:13px;white-space:nowrap;color:var(--reportifact-text)}.rm-value{font-family:monospace;font-size:13px;text-align:right;color:var(--reportifact-text-muted)}.rm-bar-track{height:6px;background:var(--reportifact-bg-muted);border-radius:3px;overflow:hidden;min-width:40px}.rm-bar-fill{height:100%;background:var(--reportifact-accent);border-radius:3px;transition:width .3s ease}.rm-pct{font-size:12px;color:var(--reportifact-text-muted);white-space:nowrap;min-width:3.2em;text-align:right}.rm-empty{grid-column:1 / -1;color:var(--reportifact-text-faint);font-style:italic;font-size:13px}.rm-table{width:100%;max-width:400px;border-collapse:collapse;font-size:13px}.rm-table th{text-align:left;padding:6px 8px;font-weight:500;border-bottom:1px solid var(--reportifact-border);color:var(--reportifact-text-muted);font-size:12px}.rm-table td{padding:5px 8px;border-bottom:1px solid var(--reportifact-border);color:var(--reportifact-text)}.rm-table tr:last-child td{border-bottom:none}.rm-table tbody tr:hover td{background:var(--reportifact-bg-subtle)}.reportifact-timeline-container{position:relative;background:var(--reportifact-bg);border:1px solid var(--reportifact-border);border-radius:8px;padding:16px;width:100%;height:var(--reportifact-chart-height);display:flex;flex-direction:column;overflow:hidden}.reportifact-timeline-toolbar{position:absolute;top:12px;right:12px;z-index:1;display:flex;gap:2px;border:1px solid var(--reportifact-border);border-radius:6px;padding:2px;background:var(--reportifact-bg-subtle)}.reportifact-timeline-mode{border:none;background:transparent;color:var(--reportifact-text-muted);font-size:11px;line-height:1;padding:4px 8px;border-radius:4px;cursor:pointer}.reportifact-timeline-mode.is-active{background:var(--reportifact-bg);color:var(--reportifact-text);box-shadow:0 1px 2px #00000014}.reportifact-image-gallery{container-type:inline-size;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.reportifact-image-gallery-tile{min-width:0}.reportifact-image-gallery-frame{position:relative;aspect-ratio:var(--reportifact-gallery-aspect-ratio);overflow:hidden;border-radius:8px;background:var(--reportifact-bg-subtle)}.reportifact-image-gallery-image,.reportifact-image-gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.reportifact-image-gallery-image--contain{object-fit:contain}.reportifact-image-gallery-image--cover{object-fit:cover}.reportifact-image-gallery-overlay{pointer-events:none}.reportifact-image-gallery-empty{display:flex;height:100%;align-items:center;justify-content:center;color:var(--reportifact-text-muted);font-size:12px}.reportifact-image-gallery-skeleton{height:100%;min-height:160px}.reportifact-image-gallery-more{margin-top:10px;padding:0;border:0;background:transparent;color:var(--reportifact-accent);cursor:pointer;font:inherit;font-size:14px;font-weight:600;text-align:left}.reportifact-image-gallery-more:hover{text-decoration:underline}@container (max-width: 720px){.reportifact-image-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.reportifact-figure{width:100%;margin:24px 0}.reportifact-figure-title{margin-bottom:10px;font-size:15px;font-weight:700}.reportifact-figure-skeleton{display:flex;min-height:280px;flex-direction:column;gap:16px;padding:16px;border:1px solid var(--reportifact-border);border-radius:8px;background:var(--reportifact-bg)}.reportifact-figure-fallback{display:block;width:100%;height:auto;border:1px solid var(--reportifact-border);border-radius:8px;background:var(--reportifact-bg)}.reportifact-figure-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:8px;color:var(--reportifact-text-muted, #64748b);font-size:13px}.reportifact-figure-caption a{color:var(--reportifact-accent, #0ea5e9)}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+.reportifact{--reportifact-bg: #ffffff;--reportifact-toc-bg: #ffffff;--reportifact-bg-subtle: #f8fafc;--reportifact-bg-muted: #f1f5f9;--reportifact-bg-overlay: rgba(255, 255, 255, .9);--reportifact-text: #1f2937;--reportifact-text-muted: #64748b;--reportifact-text-faint: #94a3b8;--reportifact-border: #e2e8f0;--reportifact-error-bg: #fef2f2;--reportifact-error-text: #dc2626;--reportifact-highlight: #fef08a;--reportifact-accent: #0ea5e9;--reportifact-focus-border: #3b82f6;--reportifact-tone-low: #ef4444;--reportifact-tone-low-bg: #fee2e2;--reportifact-tone-low-border: #fecaca;--reportifact-tone-mid: #d97706;--reportifact-tone-mid-bg: #fef3c7;--reportifact-tone-mid-border: #fde68a;--reportifact-tone-high: #059669;--reportifact-tone-high-bg: #d1fae5;--reportifact-tone-high-border: #a7f3d0;--reportifact-widget-gap: 16px;--reportifact-section-gap: 32px;display:flex;flex-direction:column;color:var(--reportifact-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;line-height:1.5}.dark .reportifact{--reportifact-tone-low: #f06464;--reportifact-tone-low-bg: rgba(239, 68, 68, .16);--reportifact-tone-low-border: rgba(239, 68, 68, .32);--reportifact-tone-mid: #d99a2b;--reportifact-tone-mid-bg: rgba(217, 119, 6, .16);--reportifact-tone-mid-border: rgba(217, 119, 6, .32);--reportifact-tone-high: #41b883;--reportifact-tone-high-bg: rgba(16, 185, 129, .14);--reportifact-tone-high-border: rgba(16, 185, 129, .3)}.reportifact-skeleton-line{height:16px;border-radius:4px;background:linear-gradient(90deg,var(--reportifact-border) 25%,var(--reportifact-bg-muted) 50%,var(--reportifact-border) 75%);background-size:200% 100%;animation:reportifact-skeleton-pulse 1.5s ease-in-out infinite}.reportifact-skeleton-column{display:flex;flex-direction:column;gap:12px}@keyframes reportifact-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.reportifact-widget-host{width:100%;min-width:0}.reportifact-widget-wrapper{position:relative;width:100%;min-width:0;margin:0}.reportifact-widget-content{position:relative}.reportifact-widget-error{padding:16px;background:var(--reportifact-error-bg);border-radius:8px}.reportifact-widget-error-message{color:var(--reportifact-error-text);font-size:14px;text-align:center}.reportifact-figure-caption{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:8px;color:var(--reportifact-text-muted, #64748b);font-size:13px;text-align:center}.reportifact-figure-caption a{color:var(--reportifact-accent, #0ea5e9)}.reportifact-chart-skeleton{background:var(--reportifact-bg);border:1px solid var(--reportifact-border);border-radius:8px;padding:16px;height:var(--reportifact-chart-height);display:flex;flex-direction:column;overflow:hidden}.reportifact-chart-skeleton-body{width:100%;flex:1;min-height:0;border-radius:4px}.reportifact-chart-container{background:var(--reportifact-bg);border:1px solid var(--reportifact-border);border-radius:8px;padding:16px;width:100%;height:var(--reportifact-chart-height);display:flex;flex-direction:column;overflow:hidden}.reportifact-chart{width:100%;flex:1;min-height:0}.reportifact-metric-cards{display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));gap:10px;padding:12px;border:1px solid var(--reportifact-border);border-radius:8px;background:var(--reportifact-bg)}.reportifact-metric-card{position:relative;min-height:148px;overflow:hidden;padding:14px;border:1px solid var(--reportifact-border);border-radius:6px;background:var(--reportifact-bg)}.reportifact-metric-card-fill{position:absolute;inset:auto 0 0;border-top:1px solid transparent}.reportifact-metric-card--low .reportifact-metric-card-fill{border-top-color:var(--reportifact-tone-low-border);background:var(--reportifact-tone-low-bg)}.reportifact-metric-card--mid .reportifact-metric-card-fill{border-top-color:var(--reportifact-tone-mid-border);background:var(--reportifact-tone-mid-bg)}.reportifact-metric-card--high .reportifact-metric-card-fill{border-top-color:var(--reportifact-tone-high-border);background:var(--reportifact-tone-high-bg)}.reportifact-metric-card-label,.reportifact-metric-card-value,.reportifact-metric-card-description{position:relative;z-index:1}.reportifact-metric-card-label{display:block;color:var(--reportifact-text-muted);font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.reportifact-metric-card-value{display:block;margin-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:26px;line-height:1}.reportifact-metric-card--low .reportifact-metric-card-value{color:var(--reportifact-tone-low)}.reportifact-metric-card--mid .reportifact-metric-card-value{color:var(--reportifact-tone-mid)}.reportifact-metric-card--high .reportifact-metric-card-value{color:var(--reportifact-tone-high)}.reportifact-metric-card-description{margin:8px 0 0;color:var(--reportifact-text-muted);font-size:12px}@media (max-width: 720px){.reportifact-metric-cards{grid-template-columns:repeat(2,minmax(92px,1fr))}}.reportifact-metric-callout{overflow:hidden;border:1px solid var(--reportifact-border);border-radius:8px;background:var(--reportifact-bg)}.reportifact-metric-callout-header{display:grid;grid-template-columns:148px minmax(0,1fr);gap:14px;align-items:center;padding:14px 15px;border-bottom:1px solid var(--reportifact-border);background:var(--reportifact-bg-subtle)}.reportifact-metric-callout-label{color:var(--reportifact-text-muted);font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.reportifact-metric-callout-value{display:block;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:28px;line-height:1}.reportifact-metric-callout-value--low{color:var(--reportifact-tone-low)}.reportifact-metric-callout-value--mid{color:var(--reportifact-tone-mid)}.reportifact-metric-callout-value--high{color:var(--reportifact-tone-high)}.reportifact-metric-callout-description,.reportifact-metric-callout-body{color:var(--reportifact-text-muted)}.reportifact-metric-callout-body{padding:13px 15px}.rm-card{width:100%;padding:16px;overflow-x:auto;background:var(--reportifact-bg);border:1px solid var(--reportifact-border);border-radius:8px}.rm-skeleton{display:flex;flex-direction:column;gap:10px;padding:4px 0}.rm-skeleton-row{display:flex;gap:10px;align-items:center}.rm-title{font-weight:bolder;font-size:13px;margin-bottom:8px;color:var(--reportifact-text)}.rm-metrics{display:grid;grid-template-columns:auto 3.8em 1fr;align-items:center;gap:8px 10px;padding:2px 0;max-width:400px}.rm-metrics--with-pct{grid-template-columns:auto 3.8em 1fr auto}.rm-row{display:contents}.rm-name{font-weight:500;font-size:13px;white-space:nowrap;color:var(--reportifact-text)}.rm-value{font-family:monospace;font-size:13px;text-align:right;color:var(--reportifact-text-muted)}.rm-bar-track{height:6px;background:var(--reportifact-bg-muted);border-radius:3px;overflow:hidden;min-width:40px}.rm-bar-fill{height:100%;background:var(--reportifact-accent);border-radius:3px;transition:width .3s ease}.rm-pct{font-size:12px;color:var(--reportifact-text-muted);white-space:nowrap;min-width:3.2em;text-align:right}.rm-empty{grid-column:1 / -1;color:var(--reportifact-text-faint);font-style:italic;font-size:13px}.rm-table{width:100%;border-collapse:collapse;font-size:13px}.rm-table th{text-align:left;padding:6px 8px;font-weight:500;border-bottom:1px solid var(--reportifact-border);color:var(--reportifact-text-muted);font-size:12px}.rm-table td{padding:5px 8px;border-bottom:1px solid var(--reportifact-border);color:var(--reportifact-text)}.rm-table tr:last-child td{border-bottom:none}.rm-table tbody tr:hover td{background:var(--reportifact-bg-subtle)}.reportifact-timeline-container{position:relative;background:var(--reportifact-bg);border:1px solid var(--reportifact-border);border-radius:8px;padding:16px;width:100%;height:var(--reportifact-chart-height);display:flex;flex-direction:column;overflow:hidden}.reportifact-timeline-toolbar{position:absolute;top:12px;right:12px;z-index:1;display:flex;gap:2px;border:1px solid var(--reportifact-border);border-radius:6px;padding:2px;background:var(--reportifact-bg-subtle)}.reportifact-timeline-mode{border:none;background:transparent;color:var(--reportifact-text-muted);font-size:11px;line-height:1;padding:4px 8px;border-radius:4px;cursor:pointer}.reportifact-timeline-mode.is-active{background:var(--reportifact-bg);color:var(--reportifact-text);box-shadow:0 1px 2px #00000014}.reportifact-image-gallery{container-type:inline-size;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.reportifact-image-gallery-tile{min-width:0}.reportifact-image-gallery-frame{position:relative;aspect-ratio:var(--reportifact-gallery-aspect-ratio);overflow:hidden;border-radius:8px;background:var(--reportifact-bg-subtle)}.reportifact-image-gallery-image,.reportifact-image-gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.reportifact-image-gallery-image--contain{object-fit:contain}.reportifact-image-gallery-image--cover{object-fit:cover}.reportifact-image-gallery-overlay{pointer-events:none}.reportifact-image-gallery-empty{display:flex;height:100%;align-items:center;justify-content:center;color:var(--reportifact-text-muted);font-size:12px}.reportifact-image-gallery-skeleton{height:100%;min-height:160px}.reportifact-image-gallery-more{margin-top:10px;padding:0;border:0;background:transparent;color:var(--reportifact-accent);cursor:pointer;font:inherit;font-size:14px;font-weight:600;text-align:left}.reportifact-image-gallery-more:hover{text-decoration:underline}@container (max-width: 720px){.reportifact-image-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
   Theme: StackOverflow Light
   Description: Light theme as used on stackoverflow.com
   Author: stackoverflow.com

package/dist/widgets/Chart.vue.d.ts

@@ -1,6 +1,6 @@
 import { ChartType } from './chart-config';
-import { ReportifactChartData } from '../portable/contracts';
-type __VLS_Props = {
+import { ReportifactChartData, ReportifactWidgetFrameProps } from '../portable/contracts';
+type __VLS_Props = ReportifactWidgetFrameProps & {
     /** Legacy/full-report resource URL. */
     url?: string;
     /** Portable resource URL. */
@@ -20,7 +20,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
 }>, {
     options: Record<string, unknown>;
     data: undefined;
-    url: string;
     src: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    url: string;
+    caption: string;
+    sourceHref: string;
+    sourceLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 export default _default;

package/dist/widgets/ImageGallery.vue.d.ts

@@ -1,7 +1,7 @@
 import { WidgetItem } from '../utils/parseIndexMd';
 import { ReportifactMediaResolver } from '../mediaResolver';
-import { ReportifactImageGalleryData } from '../portable/contracts';
-type __VLS_Props = {
+import { ReportifactWidgetFrameProps, ReportifactImageGalleryData } from '../portable/contracts';
+type __VLS_Props = ReportifactWidgetFrameProps & {
     widget?: WidgetItem;
     url?: string;
     src?: string;
@@ -18,9 +18,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
 }>, {
     options: Record<string, unknown>;
     data: ReportifactImageGalleryData;
-    url: string;
     widget: WidgetItem;
     src: string;
+    url: string;
+    caption: string;
+    sourceHref: string;
+    sourceLabel: string;
     mediaResolver: ReportifactMediaResolver;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 export default _default;

package/dist/widgets/Markdown.vue.d.ts

@@ -4,5 +4,5 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     refresh(): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 export default _default;

package/dist/widgets/MetricCallout.vue.d.ts

@@ -1,6 +1,6 @@
 import { WidgetItem } from '../utils/parseIndexMd';
-import { ReportifactMetricCalloutData } from '../portable/contracts';
-type __VLS_Props = {
+import { ReportifactMetricCalloutData, ReportifactWidgetFrameProps } from '../portable/contracts';
+type __VLS_Props = ReportifactWidgetFrameProps & {
     widget?: WidgetItem;
     data?: ReportifactMetricCalloutData;
     label?: string;
@@ -14,6 +14,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     data: ReportifactMetricCalloutData;
     value: string | number;
     widget: WidgetItem;
+    caption: string;
+    sourceHref: string;
+    sourceLabel: string;
     description: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 export default _default;

package/dist/widgets/MetricCards.vue.d.ts

@@ -1,6 +1,6 @@
 import { WidgetItem } from '../utils/parseIndexMd';
-import { ReportifactMetricCardData } from '../portable/contracts';
-type __VLS_Props = {
+import { ReportifactMetricCardData, ReportifactWidgetFrameProps } from '../portable/contracts';
+type __VLS_Props = ReportifactWidgetFrameProps & {
     widget?: WidgetItem;
     content?: string;
     data?: ReportifactMetricCardData[];
@@ -9,5 +9,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     data: ReportifactMetricCardData[];
     widget: WidgetItem;
     content: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    caption: string;
+    sourceHref: string;
+    sourceLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 export default _default;

package/dist/widgets/MetricsTable.vue.d.ts

@@ -1,5 +1,5 @@
-import { ReportifactMetricsTableData } from '../portable/contracts';
-type __VLS_Props = {
+import { ReportifactWidgetFrameProps, ReportifactMetricsTableData } from '../portable/contracts';
+type __VLS_Props = ReportifactWidgetFrameProps & {
     url?: string;
     src?: string;
     data?: ReportifactMetricsTableData;
@@ -11,7 +11,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     options: Record<string, unknown>;
     data: ReportifactMetricsTableData;
-    url: string;
     src: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    url: string;
+    caption: string;
+    sourceHref: string;
+    sourceLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 export default _default;

package/dist/widgets/ModelClassComparison.vue.d.ts

@@ -3,5 +3,5 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     refresh(): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 export default _default;

package/dist/widgets/ModelComparisonGallery.vue.d.ts

@@ -11,5 +11,5 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     "row-click": (payload: unknown) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onRow-click"?: ((payload: unknown) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 export default _default;

package/dist/widgets/Table.vue.d.ts

@@ -14,5 +14,5 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "onRow-click"?: ((payload: unknown) => any) | undefined;
 }>, {
     options: TableOptions;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 export default _default;

package/dist/widgets/Tensorboard.vue.d.ts

@@ -9,5 +9,5 @@ type __VLS_Props = {
 declare function refresh(): void;
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     refresh: typeof refresh;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 export default _default;

package/dist/widgets/Timeline.vue.d.ts

@@ -1,5 +1,5 @@
-import { ReportifactTimelineData } from '../portable/contracts';
-type __VLS_Props = {
+import { ReportifactWidgetFrameProps, ReportifactTimelineData } from '../portable/contracts';
+type __VLS_Props = ReportifactWidgetFrameProps & {
     url?: string;
     src?: string;
     data?: ReportifactTimelineData;
@@ -15,7 +15,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
 }>, {
     options: Record<string, unknown>;
     data: ReportifactTimelineData;
-    url: string;
     src: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    url: string;
+    caption: string;
+    sourceHref: string;
+    sourceLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 export default _default;

package/dist/widgets/WidgetWrapper.vue.d.ts

@@ -1,6 +1,7 @@
-type __VLS_Props = {
-    loading: boolean;
-    error: string | null;
+import { ReportifactWidgetFrameProps } from '../portable/contracts';
+type __VLS_Props = ReportifactWidgetFrameProps & {
+    loading?: boolean;
+    error?: string | null;
     showSkeleton?: boolean;
 };
 declare function __VLS_template(): {
@@ -13,12 +14,17 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: HTMLElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    caption: string;
+    sourceHref: string;
+    sourceLabel: string;
+    loading: boolean;
+    error: string | null;
     showSkeleton: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/widgets/chart.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chart.vue_vue_type_style_index_0_lang-B4novMFC.cjs");exports.ReportifactChart=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chart.vue_vue_type_style_index_0_lang-mN1IaQ_U.cjs");exports.ReportifactChart=e._sfc_main;exports.default=e._sfc_main;

package/dist/widgets/chart.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as e } from "../Chart.vue_vue_type_style_index_0_lang-BYILFTfl.js";
+import { _ as r, _ as e } from "../Chart.vue_vue_type_style_index_0_lang-Bxrsp8Oz.js";
 export {
   r as ReportifactChart,
   e as default

package/dist/widgets/image-gallery.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ImageGallery.vue_vue_type_style_index_0_lang-BB4dG0CB.cjs");exports.ReportifactImageGallery=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ImageGallery.vue_vue_type_style_index_0_lang-Ch0UPxhs.cjs");exports.ReportifactImageGallery=e._sfc_main;exports.default=e._sfc_main;

package/dist/widgets/image-gallery.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../ImageGallery.vue_vue_type_style_index_0_lang-DPY6mSdA.js";
+import { _ as r, _ as t } from "../ImageGallery.vue_vue_type_style_index_0_lang-Ak_OUL_c.js";
 export {
   r as ReportifactImageGallery,
   t as default

package/dist/widgets/metric-callout.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MetricCallout.vue_vue_type_style_index_0_lang-WpuALh8Z.cjs");exports.ReportifactMetricCallout=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MetricCallout.vue_vue_type_style_index_0_lang-CT9lFI28.cjs");exports.ReportifactMetricCallout=e._sfc_main;exports.default=e._sfc_main;

package/dist/widgets/metric-callout.js

@@ -1,4 +1,4 @@
-import { _ as e, _ as o } from "../MetricCallout.vue_vue_type_style_index_0_lang-BZbc-Wkf.js";
+import { _ as e, _ as o } from "../MetricCallout.vue_vue_type_style_index_0_lang-ANFFq7CE.js";
 export {
   e as ReportifactMetricCallout,
   o as default

package/dist/widgets/metric-cards.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MetricCards.vue_vue_type_style_index_0_lang-CDPSu7no.cjs");exports.ReportifactMetricCards=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MetricCards.vue_vue_type_style_index_0_lang-BDU7pisC.cjs");exports.ReportifactMetricCards=e._sfc_main;exports.default=e._sfc_main;

package/dist/widgets/metric-cards.js

@@ -1,4 +1,4 @@
-import { _ as t, _ as e } from "../MetricCards.vue_vue_type_style_index_0_lang-CfxCCXmB.js";
+import { _ as t, _ as e } from "../MetricCards.vue_vue_type_style_index_0_lang-1hn2BMbU.js";
 export {
   t as ReportifactMetricCards,
   e as default

package/dist/widgets/metrics-table.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MetricsTable.vue_vue_type_style_index_0_lang-BzrxoJW4.cjs");exports.ReportifactMetricsTable=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MetricsTable.vue_vue_type_style_index_0_lang-CS7xiHRk.cjs");exports.ReportifactMetricsTable=e._sfc_main;exports.default=e._sfc_main;

package/dist/widgets/metrics-table.js

@@ -1,4 +1,4 @@
-import { _ as t, _ as r } from "../MetricsTable.vue_vue_type_style_index_0_lang-CO9HvYfr.js";
+import { _ as t, _ as r } from "../MetricsTable.vue_vue_type_style_index_0_lang-BfxK3vcz.js";
 export {
   t as ReportifactMetricsTable,
   r as default

package/dist/widgets/timeline.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Timeline.vue_vue_type_style_index_0_lang-BIyC7N9b.cjs");exports.ReportifactTimeline=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Timeline.vue_vue_type_style_index_0_lang-HOC43_F3.cjs");exports.ReportifactTimeline=e._sfc_main;exports.default=e._sfc_main;

package/dist/widgets/timeline.js

@@ -1,4 +1,4 @@
-import { _ as t, _ as f } from "../Timeline.vue_vue_type_style_index_0_lang-BnrgKBMh.js";
+import { _ as t, _ as f } from "../Timeline.vue_vue_type_style_index_0_lang-EmkZbKjQ.js";
 export {
   t as ReportifactTimeline,
   f as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ovalbee/reportifact",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Vue 3 component + Express middleware for reports from Parquet files via DuckDB",
   "type": "module",
   "main": "./dist/reportifact.js",
@@ -17,11 +17,6 @@
       "import": "./dist/widgets/host.js",
       "require": "./dist/widgets/host.cjs"
     },
-    "./widgets/figure": {
-      "types": "./dist/entries/figure.d.ts",
-      "import": "./dist/widgets/figure.js",
-      "require": "./dist/widgets/figure.cjs"
-    },
     "./widgets/chart": {
       "types": "./dist/entries/chart.d.ts",
       "import": "./dist/widgets/chart.js",
@@ -72,6 +67,11 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vue-tsc -b && vite build",
+    "prepublishOnly": "npm run build"
+  },
   "peerDependencies": {
     "duckdb": "^1.3.0",
     "express": "^4.0.0 || ^5.0.0",
@@ -89,7 +89,7 @@
     }
   },
   "dependencies": {
-    "echarts": "^6.0.0",
+    "echarts": "^6.1.0",
     "highlight.js": "^11.11.1",
     "marked": "^17.0.1",
     "marked-highlight": "^2.2.3",
@@ -117,9 +117,5 @@
     "parquet",
     "duckdb"
   ],
-  "license": "MIT",
-  "scripts": {
-    "dev": "vite build --watch",
-    "build": "vue-tsc -b && vite build"
-  }
-}
+  "license": "MIT"
+}