@memberjunction/ng-artifacts 5.37.0 → 5.38.0

package/dist/lib/components/plugins/image-artifact-viewer.component.d.ts

@@ -0,0 +1,129 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { DataSnapshot } from '@memberjunction/core';
+import { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';
+import { ArtifactFileService } from '../../services/artifact-file.service';
+import * as i0 from "@angular/core";
+/**
+ * Lookup table for synthesizing a download filename when the artifact version
+ * has no `FileName` set. Covers the MIME types declared by the seed `Image`
+ * artifact type (`image/*`); anything not listed falls back to `img`.
+ *
+ * Exported so the unit test can assert the mapping without instantiating an
+ * Angular component (the package's vitest config uses the `node` environment).
+ */
+export declare const IMAGE_MIME_EXTENSION_MAP: Readonly<Record<string, string>>;
+/**
+ * Pure helper that synthesizes a safe download filename from an artifact's
+ * name + MIME type. Pulled out as a top-level function (not a class method) so
+ * the vitest `node`-environment unit test can exercise it directly.
+ *
+ * - Strips characters illegal on common filesystems (anything not
+ *   `[A-Za-z0-9._-]`) and replaces them with underscores.
+ * - Picks the extension from {@link IMAGE_MIME_EXTENSION_MAP}, defaulting to
+ *   `img` if the MIME type is missing or unrecognized.
+ * - Falls back to the literal `image` when no name is supplied.
+ *
+ * @param name   Artifact name (e.g. `"Generated image 1"`). Optional.
+ * @param mime   MIME type from the artifact version (e.g. `"image/jpeg"`). Optional.
+ * @returns      Sanitized filename with extension (e.g. `"Generated_image_1.jpg"`).
+ */
+export declare function buildImageDownloadFileName(name: string | null | undefined, mime: string | null | undefined): string;
+/**
+ * Viewer plugin for raster image artifact versions (`image/png`, `image/jpeg`,
+ * `image/webp`, etc.). Vector SVG is handled by `SvgArtifactViewerPlugin`.
+ *
+ * Storage modes both supported (same contract as `PdfArtifactViewerPlugin`):
+ *   - `ContentMode === 'Text'` — `artifactVersion.Content` is a `data:image/<mime>;base64,…` URI.
+ *     We bind it directly to `<img [src]>`; the browser decodes inline.
+ *   - `ContentMode === 'File'`  — bytes live in MJStorage. We fetch a
+ *     pre-authenticated URL via `ArtifactFileService.getDownloadUrl()` and
+ *     bind that to `<img [src]>`.
+ *
+ * UX highlights:
+ *   - Click the image to toggle **fit** (default — `object-fit: contain` inside
+ *     the panel) ↔ **actual** size (1:1 pixels, scrolls within the panel body).
+ *   - Toolbar provides Download (reuses base class `triggerBrowserDownload`) and
+ *     Print (opens in a new tab so the browser's native print dialog handles it).
+ *   - Loading and error states match the PDF plugin's vocabulary, so behavior
+ *     across all file-style viewers is consistent.
+ *   - Image dimensions are surfaced as a small chip once the browser has decoded
+ *     the image (`naturalWidth × naturalHeight`).
+ *
+ * Design tokens are used for every color so the plugin adapts to light / dark
+ * themes — see root `CLAUDE.md` "Design Token System".
+ *
+ * @see PdfArtifactViewerComponent — the dual-storage reference implementation.
+ * @see plans/artifact-attachment-unification.md — the broader artifact-as-canonical-storage design.
+ * @see docs/chat-ui-image-display-bugs.md — context for why this plugin exists (Bug B).
+ */
+export declare class ImageArtifactViewerComponent extends BaseArtifactViewerPluginComponent implements OnInit, OnDestroy {
+    private fileService;
+    private cdr;
+    /** Current resolved URL to bind to the `<img src>` — either a data URI (inline) or a pre-auth URL (file). */
+    imageUrl: string;
+    /** True from `ngOnInit` until the `<img>` `(load)` event fires (or an error happens). */
+    isLoading: boolean;
+    /** Set while the download is in flight, to drive the toolbar spinner. */
+    isDownloading: boolean;
+    /** User-facing error message; non-empty hides the image and shows the error block. */
+    errorMessage: string;
+    /** Click-to-toggle display mode. `'fit'` = contained in the panel, `'actual'` = 1:1 with scroll. */
+    displayMode: 'fit' | 'actual';
+    /** Native image dimensions, populated by the `(load)` event. Null until then. */
+    naturalWidth: number | null;
+    naturalHeight: number | null;
+    /**
+     * Object URL we lazily build from inline data so Download / Print have a real
+     * URL to anchor on. Tracked here so `ngOnDestroy` can release it via
+     * `URL.revokeObjectURL`. Null until the user clicks Download or Print.
+     */
+    private inlineObjectUrl;
+    constructor(fileService: ArtifactFileService, cdr: ChangeDetectorRef);
+    /** Opt in to the wrapper's "Display" tab — without this the panel only shows Details/JSON. */
+    get hasDisplayContent(): boolean;
+    /** Filename surfaced by the toolbar in the center of the bar. */
+    get toolbarFileName(): string;
+    /** Accessible alt text — prefers a descriptive name over a raw filename. */
+    get imageAltText(): string;
+    ngOnInit(): Promise<void>;
+    ngOnDestroy(): void;
+    /**
+     * Resolve the image URL based on the artifact version's `ContentMode`.
+     * Sets `imageUrl` (which the template binds to `<img src>`) or `errorMessage`.
+     * Loading state remains `true` until the browser fires `(load)` on the `<img>`.
+     */
+    private resolveImageUrl;
+    onImageLoad(event: Event): void;
+    onImageError(): void;
+    private showError;
+    toggleDisplayMode(): void;
+    /**
+     * Download the image to disk. Uses the inherited `triggerBrowserDownload`
+     * helper so the fetch → blob → object-URL → anchor pattern is shared across
+     * every file-backed viewer (PDF, XLSX, DOCX, and now Image).
+     */
+    onDownload(): Promise<void>;
+    /**
+     * Open the image in a new browser tab so the user can use the browser's
+     * native print dialog. We deliberately don't manage a print pipeline
+     * ourselves — same approach as `PdfArtifactViewerComponent.onPrint()`.
+     */
+    onPrint(): void;
+    /**
+     * Returns a URL suitable for `<a download>` / `window.open` use.
+     *   - File mode: `imageUrl` is already a pre-auth blob URL — use it directly.
+     *   - Inline mode: `imageUrl` is a data URI; we lazily turn it into a blob URL
+     *     (cached on the instance) for nicer download UX. Some browsers truncate
+     *     long data URIs in the downloads tray; blob URLs preserve the filename.
+     */
+    private ensureDownloadableUrl;
+    /**
+     * Required by the base class. Returns a structured summary of the artifact
+     * in its current display state — used by snapshot-consuming features
+     * (e.g. agent context capture, share / export flows).
+     */
+    GetCurrentStateSnapshot(): DataSnapshot | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageArtifactViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageArtifactViewerComponent, "mj-image-artifact-viewer", never, {}, {}, never, never, false, never>;
+}
+//# sourceMappingURL=image-artifact-viewer.component.d.ts.map

package/dist/lib/components/plugins/image-artifact-viewer.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-artifact-viewer.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/plugins/image-artifact-viewer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAa,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;;AAE3E;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAWpE,CAAC;AAEH;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAWnH;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBA0Ja,4BAA6B,SAAQ,iCAAkC,YAAW,MAAM,EAAE,SAAS;IA4BxG,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,GAAG;IA5Bf,6GAA6G;IACtG,QAAQ,SAAM;IAErB,yFAAyF;IAClF,SAAS,UAAQ;IAExB,yEAAyE;IAClE,aAAa,UAAS;IAE7B,sFAAsF;IAC/E,YAAY,SAAM;IAEzB,oGAAoG;IAC7F,WAAW,EAAE,KAAK,GAAG,QAAQ,CAAS;IAE7C,iFAAiF;IAC1E,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IACnC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE3C;;;;OAIG;IACH,OAAO,CAAC,eAAe,CAAuB;gBAGlC,WAAW,EAAE,mBAAmB,EAChC,GAAG,EAAE,iBAAiB;IAKlC,8FAA8F;IAC9F,IAAoB,iBAAiB,IAAI,OAAO,CAE/C;IAED,iEAAiE;IACjE,IAAW,eAAe,IAAI,MAAM,CAEnC;IAED,4EAA4E;IAC5E,IAAW,YAAY,IAAI,MAAM,CAEhC;IAEK,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAI/B,WAAW,IAAI,IAAI;IAWnB;;;;OAIG;YACW,eAAe;IAqCtB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAQ/B,YAAY,IAAI,IAAI;IAI3B,OAAO,CAAC,SAAS;IAQV,iBAAiB,IAAI,IAAI;IAShC;;;;OAIG;IACU,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAmBxC;;;;OAIG;IACI,OAAO,IAAI,IAAI;IAQtB;;;;;;OAMG;IACH,OAAO,CAAC,qBAAqB;IAc7B;;;;OAIG;IACa,uBAAuB,IAAI,YAAY,GAAG,IAAI;yCAtMrD,4BAA4B;2CAA5B,4BAA4B;CA4NxC"}

package/dist/lib/components/plugins/image-artifact-viewer.component.js

@@ -0,0 +1,413 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component } from '@angular/core';
+import { DataSnapshot } from '@memberjunction/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/artifact-file.service";
+import * as i2 from "@angular/common";
+import * as i3 from "../file-artifact-toolbar.component";
+function ImageArtifactViewerComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelement(1, "i", 5);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.errorMessage);
+} }
+function ImageArtifactViewerComponent_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelement(1, "i", 8);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Loading image\u2026");
+    i0.ɵɵelementEnd()();
+} }
+function ImageArtifactViewerComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "img", 9);
+    i0.ɵɵlistener("load", function ImageArtifactViewerComponent_Conditional_4_Conditional_1_Template_img_load_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onImageLoad($event)); })("error", function ImageArtifactViewerComponent_Conditional_4_Conditional_1_Template_img_error_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onImageError()); })("click", function ImageArtifactViewerComponent_Conditional_4_Conditional_1_Template_img_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.toggleDisplayMode()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("image-viewer__img--actual", ctx_r0.displayMode === "actual")("image-viewer__img--hidden", ctx_r0.isLoading);
+    i0.ɵɵproperty("src", ctx_r0.imageUrl, i0.ɵɵsanitizeUrl)("alt", ctx_r0.imageAltText)("title", ctx_r0.displayMode === "fit" ? "Click to view at actual size" : "Click to fit to window");
+} }
+function ImageArtifactViewerComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, ImageArtifactViewerComponent_Conditional_4_Conditional_0_Template, 4, 0, "div", 6);
+    i0.ɵɵconditionalCreate(1, ImageArtifactViewerComponent_Conditional_4_Conditional_1_Template, 1, 7, "img", 7);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.isLoading ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.imageUrl ? 1 : -1);
+} }
+function ImageArtifactViewerComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("", ctx_r0.naturalWidth, " \u00D7 ", ctx_r0.naturalHeight);
+} }
+/**
+ * Lookup table for synthesizing a download filename when the artifact version
+ * has no `FileName` set. Covers the MIME types declared by the seed `Image`
+ * artifact type (`image/*`); anything not listed falls back to `img`.
+ *
+ * Exported so the unit test can assert the mapping without instantiating an
+ * Angular component (the package's vitest config uses the `node` environment).
+ */
+export const IMAGE_MIME_EXTENSION_MAP = Object.freeze({
+    'image/png': 'png',
+    'image/jpeg': 'jpg',
+    'image/jpg': 'jpg',
+    'image/gif': 'gif',
+    'image/webp': 'webp',
+    'image/bmp': 'bmp',
+    'image/tiff': 'tif',
+    'image/avif': 'avif',
+    'image/heic': 'heic',
+    'image/heif': 'heif',
+});
+/**
+ * Pure helper that synthesizes a safe download filename from an artifact's
+ * name + MIME type. Pulled out as a top-level function (not a class method) so
+ * the vitest `node`-environment unit test can exercise it directly.
+ *
+ * - Strips characters illegal on common filesystems (anything not
+ *   `[A-Za-z0-9._-]`) and replaces them with underscores.
+ * - Picks the extension from {@link IMAGE_MIME_EXTENSION_MAP}, defaulting to
+ *   `img` if the MIME type is missing or unrecognized.
+ * - Falls back to the literal `image` when no name is supplied.
+ *
+ * @param name   Artifact name (e.g. `"Generated image 1"`). Optional.
+ * @param mime   MIME type from the artifact version (e.g. `"image/jpeg"`). Optional.
+ * @returns      Sanitized filename with extension (e.g. `"Generated_image_1.jpg"`).
+ */
+export function buildImageDownloadFileName(name, mime) {
+    // `??` falls back on null/undefined but NOT empty / whitespace-only names —
+    // those should also use the default, so trim first and check for length.
+    const trimmed = name?.trim();
+    const baseName = trimmed && trimmed.length > 0 ? trimmed : 'image';
+    const safeBase = baseName.replace(/[^A-Za-z0-9._-]/g, '_');
+    const normalizedMime = (mime ?? '').toLowerCase();
+    const extension = IMAGE_MIME_EXTENSION_MAP[normalizedMime] ?? 'img';
+    // If the name already ends with the right extension, don't append it again
+    // (e.g. metadata round-tripped through a file upload).
+    return safeBase.toLowerCase().endsWith(`.${extension}`) ? safeBase : `${safeBase}.${extension}`;
+}
+/**
+ * Viewer plugin for raster image artifact versions (`image/png`, `image/jpeg`,
+ * `image/webp`, etc.). Vector SVG is handled by `SvgArtifactViewerPlugin`.
+ *
+ * Storage modes both supported (same contract as `PdfArtifactViewerPlugin`):
+ *   - `ContentMode === 'Text'` — `artifactVersion.Content` is a `data:image/<mime>;base64,…` URI.
+ *     We bind it directly to `<img [src]>`; the browser decodes inline.
+ *   - `ContentMode === 'File'`  — bytes live in MJStorage. We fetch a
+ *     pre-authenticated URL via `ArtifactFileService.getDownloadUrl()` and
+ *     bind that to `<img [src]>`.
+ *
+ * UX highlights:
+ *   - Click the image to toggle **fit** (default — `object-fit: contain` inside
+ *     the panel) ↔ **actual** size (1:1 pixels, scrolls within the panel body).
+ *   - Toolbar provides Download (reuses base class `triggerBrowserDownload`) and
+ *     Print (opens in a new tab so the browser's native print dialog handles it).
+ *   - Loading and error states match the PDF plugin's vocabulary, so behavior
+ *     across all file-style viewers is consistent.
+ *   - Image dimensions are surfaced as a small chip once the browser has decoded
+ *     the image (`naturalWidth × naturalHeight`).
+ *
+ * Design tokens are used for every color so the plugin adapts to light / dark
+ * themes — see root `CLAUDE.md` "Design Token System".
+ *
+ * @see PdfArtifactViewerComponent — the dual-storage reference implementation.
+ * @see plans/artifact-attachment-unification.md — the broader artifact-as-canonical-storage design.
+ * @see docs/chat-ui-image-display-bugs.md — context for why this plugin exists (Bug B).
+ */
+let ImageArtifactViewerComponent = class ImageArtifactViewerComponent extends BaseArtifactViewerPluginComponent {
+    fileService;
+    cdr;
+    /** Current resolved URL to bind to the `<img src>` — either a data URI (inline) or a pre-auth URL (file). */
+    imageUrl = '';
+    /** True from `ngOnInit` until the `<img>` `(load)` event fires (or an error happens). */
+    isLoading = true;
+    /** Set while the download is in flight, to drive the toolbar spinner. */
+    isDownloading = false;
+    /** User-facing error message; non-empty hides the image and shows the error block. */
+    errorMessage = '';
+    /** Click-to-toggle display mode. `'fit'` = contained in the panel, `'actual'` = 1:1 with scroll. */
+    displayMode = 'fit';
+    /** Native image dimensions, populated by the `(load)` event. Null until then. */
+    naturalWidth = null;
+    naturalHeight = null;
+    /**
+     * Object URL we lazily build from inline data so Download / Print have a real
+     * URL to anchor on. Tracked here so `ngOnDestroy` can release it via
+     * `URL.revokeObjectURL`. Null until the user clicks Download or Print.
+     */
+    inlineObjectUrl = null;
+    constructor(fileService, cdr) {
+        super();
+        this.fileService = fileService;
+        this.cdr = cdr;
+    }
+    /** Opt in to the wrapper's "Display" tab — without this the panel only shows Details/JSON. */
+    get hasDisplayContent() {
+        return true;
+    }
+    /** Filename surfaced by the toolbar in the center of the bar. */
+    get toolbarFileName() {
+        return this.artifactVersion?.FileName || this.artifactVersion?.Name || 'image';
+    }
+    /** Accessible alt text — prefers a descriptive name over a raw filename. */
+    get imageAltText() {
+        return this.artifactVersion?.Name || this.artifactVersion?.FileName || 'Image artifact';
+    }
+    async ngOnInit() {
+        await this.resolveImageUrl();
+    }
+    ngOnDestroy() {
+        // Release any blob URL we built for Download / Print so the browser
+        // doesn't hold the raw bytes in memory after the panel closes.
+        if (this.inlineObjectUrl) {
+            URL.revokeObjectURL(this.inlineObjectUrl);
+            this.inlineObjectUrl = null;
+        }
+    }
+    // ─── Loading ────────────────────────────────────────────────────────────────
+    /**
+     * Resolve the image URL based on the artifact version's `ContentMode`.
+     * Sets `imageUrl` (which the template binds to `<img src>`) or `errorMessage`.
+     * Loading state remains `true` until the browser fires `(load)` on the `<img>`.
+     */
+    async resolveImageUrl() {
+        if (!this.artifactVersion?.ID) {
+            this.showError('No artifact version provided.');
+            return;
+        }
+        // Defensive MIME check — refuse to render non-image artifacts. If we get here
+        // it's a metadata bug somewhere (the ArtifactType registry routed something
+        // non-image to the image plugin), and silently showing a broken-image icon
+        // would mask the real issue.
+        const mime = (this.artifactVersion.MimeType ?? '').toLowerCase();
+        if (mime && !mime.startsWith('image/')) {
+            this.showError(`This viewer cannot display content of type "${this.artifactVersion.MimeType}".`);
+            return;
+        }
+        try {
+            if (this.artifactVersion.ContentMode === 'File') {
+                // File-backed: fetch a pre-auth URL from MJStorage via the shared service.
+                // ArtifactFileService caches the URL so reopening the same artifact is instant.
+                this.imageUrl = await this.fileService.getDownloadUrl(this.artifactVersion.ID);
+            }
+            else {
+                // Inline ('Text' mode): Content is a data URI ready to bind directly.
+                const content = this.artifactVersion.Content;
+                if (!content) {
+                    this.showError('This artifact has no image content.');
+                    return;
+                }
+                this.imageUrl = content;
+            }
+            this.cdr.markForCheck();
+        }
+        catch (err) {
+            const detail = err instanceof Error ? err.message : String(err);
+            this.showError(`Could not load image: ${detail}`);
+        }
+    }
+    onImageLoad(event) {
+        const img = event.target;
+        this.naturalWidth = img.naturalWidth || null;
+        this.naturalHeight = img.naturalHeight || null;
+        this.isLoading = false;
+        this.cdr.markForCheck();
+    }
+    onImageError() {
+        this.showError('The image could not be displayed. It may be corrupt or in an unsupported format.');
+    }
+    showError(message) {
+        this.isLoading = false;
+        this.errorMessage = message;
+        this.cdr.markForCheck();
+    }
+    // ─── User actions ───────────────────────────────────────────────────────────
+    toggleDisplayMode() {
+        // Don't toggle while loading or errored — the user has nothing to react to yet.
+        if (this.isLoading || this.errorMessage) {
+            return;
+        }
+        this.displayMode = this.displayMode === 'fit' ? 'actual' : 'fit';
+        this.cdr.markForCheck();
+    }
+    /**
+     * Download the image to disk. Uses the inherited `triggerBrowserDownload`
+     * helper so the fetch → blob → object-URL → anchor pattern is shared across
+     * every file-backed viewer (PDF, XLSX, DOCX, and now Image).
+     */
+    async onDownload() {
+        if (this.isDownloading || !this.imageUrl) {
+            return;
+        }
+        this.isDownloading = true;
+        this.cdr.markForCheck();
+        try {
+            const sourceUrl = this.ensureDownloadableUrl();
+            const fileName = buildImageDownloadFileName(this.artifactVersion?.FileName ?? this.artifactVersion?.Name ?? null, this.artifactVersion?.MimeType ?? null);
+            await this.triggerBrowserDownload(sourceUrl, fileName);
+        }
+        finally {
+            this.isDownloading = false;
+            this.cdr.markForCheck();
+        }
+    }
+    /**
+     * Open the image in a new browser tab so the user can use the browser's
+     * native print dialog. We deliberately don't manage a print pipeline
+     * ourselves — same approach as `PdfArtifactViewerComponent.onPrint()`.
+     */
+    onPrint() {
+        if (!this.imageUrl) {
+            return;
+        }
+        const sourceUrl = this.ensureDownloadableUrl();
+        window.open(sourceUrl, '_blank');
+    }
+    /**
+     * Returns a URL suitable for `<a download>` / `window.open` use.
+     *   - File mode: `imageUrl` is already a pre-auth blob URL — use it directly.
+     *   - Inline mode: `imageUrl` is a data URI; we lazily turn it into a blob URL
+     *     (cached on the instance) for nicer download UX. Some browsers truncate
+     *     long data URIs in the downloads tray; blob URLs preserve the filename.
+     */
+    ensureDownloadableUrl() {
+        if (this.artifactVersion?.ContentMode === 'File') {
+            return this.imageUrl;
+        }
+        if (this.inlineObjectUrl) {
+            return this.inlineObjectUrl;
+        }
+        const mime = this.artifactVersion?.MimeType || 'application/octet-stream';
+        this.inlineObjectUrl = this.fileService.dataUrlToObjectUrl(this.imageUrl, mime);
+        return this.inlineObjectUrl;
+    }
+    // ─── Snapshot ───────────────────────────────────────────────────────────────
+    /**
+     * Required by the base class. Returns a structured summary of the artifact
+     * in its current display state — used by snapshot-consuming features
+     * (e.g. agent context capture, share / export flows).
+     */
+    GetCurrentStateSnapshot() {
+        if (!this.artifactVersion) {
+            return null;
+        }
+        const snap = new DataSnapshot();
+        snap.title = this.getDisplayTitle() ?? undefined;
+        const dimensionPart = this.naturalWidth && this.naturalHeight ? ` ${this.naturalWidth} × ${this.naturalHeight}` : '';
+        const mimeLabel = this.artifactVersion.MimeType ?? 'image';
+        snap.interpretation = `Image (${mimeLabel}${dimensionPart}).`;
+        snap.custom = {
+            mimeType: this.artifactVersion.MimeType ?? undefined,
+            fileName: this.artifactVersion.FileName ?? undefined,
+            contentMode: this.artifactVersion.ContentMode,
+            width: this.naturalWidth ?? undefined,
+            height: this.naturalHeight ?? undefined,
+            displayMode: this.displayMode,
+        };
+        return snap;
+    }
+    static ɵfac = function ImageArtifactViewerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ImageArtifactViewerComponent)(i0.ɵɵdirectiveInject(i1.ArtifactFileService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ImageArtifactViewerComponent, selectors: [["mj-image-artifact-viewer"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 8, consts: [[1, "image-viewer", 3, "ngClass"], [3, "download", "print", "fileName", "isDownloading", "showPrint"], [1, "image-viewer__body"], [1, "image-viewer__state", "image-viewer__state--error"], [1, "image-viewer__dimensions"], [1, "fas", "fa-exclamation-triangle"], [1, "image-viewer__state"], [1, "image-viewer__img", 3, "image-viewer__img--actual", "image-viewer__img--hidden", "src", "alt", "title"], [1, "fas", "fa-spinner", "fa-spin"], [1, "image-viewer__img", 3, "load", "error", "click", "src", "alt", "title"]], template: function ImageArtifactViewerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "mj-file-artifact-toolbar", 1);
+            i0.ɵɵlistener("download", function ImageArtifactViewerComponent_Template_mj_file_artifact_toolbar_download_1_listener() { return ctx.onDownload(); })("print", function ImageArtifactViewerComponent_Template_mj_file_artifact_toolbar_print_1_listener() { return ctx.onPrint(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(2, "div", 2);
+            i0.ɵɵconditionalCreate(3, ImageArtifactViewerComponent_Conditional_3_Template, 4, 1, "div", 3)(4, ImageArtifactViewerComponent_Conditional_4_Template, 2, 2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(5, ImageArtifactViewerComponent_Conditional_5_Template, 2, 2, "div", 4);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.cssClass);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("fileName", ctx.toolbarFileName)("isDownloading", ctx.isDownloading)("showPrint", true);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("image-viewer__body--actual", ctx.displayMode === "actual");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.errorMessage ? 3 : 4);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.naturalWidth && ctx.naturalHeight && !ctx.isLoading && !ctx.errorMessage ? 5 : -1);
+        } }, dependencies: [i2.NgClass, i3.FileArtifactToolbarComponent], styles: ["[_nghost-%COMP%] {\n                display: block;\n                height: 100%;\n            }\n\n            .image-viewer[_ngcontent-%COMP%] {\n                display: flex;\n                flex-direction: column;\n                height: 100%;\n                background: var(--mj-bg-surface-sunken);\n                position: relative;\n            }\n\n            .image-viewer__body[_ngcontent-%COMP%] {\n                flex: 1;\n                min-height: 0;\n                overflow: auto;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                padding: 16px;\n            }\n\n            \n\n\n            .image-viewer__body--actual[_ngcontent-%COMP%] {\n                align-items: flex-start;\n                justify-content: flex-start;\n            }\n\n            .image-viewer__state[_ngcontent-%COMP%] {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                gap: 12px;\n                color: var(--mj-text-muted);\n                font-size: 14px;\n            }\n\n            .image-viewer__state--error[_ngcontent-%COMP%] {\n                color: var(--mj-status-error-text);\n            }\n\n            .image-viewer__img[_ngcontent-%COMP%] {\n                \n\n                max-width: 100%;\n                max-height: 100%;\n                width: auto;\n                height: auto;\n                object-fit: contain;\n                cursor: zoom-in;\n                background: var(--mj-bg-surface);\n                border-radius: 4px;\n                box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 12%, transparent);\n                transition: opacity 0.18s ease-out;\n            }\n\n            \n\n\n            .image-viewer__img--actual[_ngcontent-%COMP%] {\n                max-width: none;\n                max-height: none;\n                width: auto;\n                height: auto;\n                cursor: zoom-out;\n            }\n\n            \n\n\n            .image-viewer__img--hidden[_ngcontent-%COMP%] {\n                opacity: 0;\n                position: absolute;\n                pointer-events: none;\n            }\n\n            .image-viewer__dimensions[_ngcontent-%COMP%] {\n                position: absolute;\n                bottom: 8px;\n                right: 12px;\n                padding: 2px 8px;\n                background: color-mix(in srgb, var(--mj-bg-surface-elevated) 90%, transparent);\n                border: 1px solid var(--mj-border-default);\n                border-radius: 12px;\n                color: var(--mj-text-muted);\n                font-size: 11px;\n                font-variant-numeric: tabular-nums;\n                pointer-events: none;\n                \n\n            }"] });
+};
+ImageArtifactViewerComponent = __decorate([
+    RegisterClass(BaseArtifactViewerPluginComponent, 'ImageArtifactViewerPlugin')
+], ImageArtifactViewerComponent);
+export { ImageArtifactViewerComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImageArtifactViewerComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-image-artifact-viewer', template: `
+        <div class="image-viewer" [ngClass]="cssClass">
+            <mj-file-artifact-toolbar
+                [fileName]="toolbarFileName"
+                [isDownloading]="isDownloading"
+                [showPrint]="true"
+                (download)="onDownload()"
+                (print)="onPrint()"
+            >
+            </mj-file-artifact-toolbar>
+
+            <div
+                class="image-viewer__body"
+                [class.image-viewer__body--actual]="displayMode === 'actual'"
+            >
+                @if (errorMessage) {
+                    <div class="image-viewer__state image-viewer__state--error">
+                        <i class="fas fa-exclamation-triangle"></i>
+                        <span>{{ errorMessage }}</span>
+                    </div>
+                } @else {
+                    @if (isLoading) {
+                        <div class="image-viewer__state">
+                            <i class="fas fa-spinner fa-spin"></i>
+                            <span>Loading image…</span>
+                        </div>
+                    }
+                    @if (imageUrl) {
+                        <!-- The img is rendered even while loading=true (with opacity 0)
+                             so the browser starts decoding immediately. The (load) handler
+                             flips isLoading=false once dimensions are known. -->
+                        <img
+                            class="image-viewer__img"
+                            [class.image-viewer__img--actual]="displayMode === 'actual'"
+                            [class.image-viewer__img--hidden]="isLoading"
+                            [src]="imageUrl"
+                            [alt]="imageAltText"
+                            [title]="
+                                displayMode === 'fit'
+                                    ? 'Click to view at actual size'
+                                    : 'Click to fit to window'
+                            "
+                            (load)="onImageLoad($event)"
+                            (error)="onImageError()"
+                            (click)="toggleDisplayMode()"
+                        />
+                    }
+                }
+            </div>
+
+            @if (naturalWidth && naturalHeight && !isLoading && !errorMessage) {
+                <div class="image-viewer__dimensions">{{ naturalWidth }} × {{ naturalHeight }}</div>
+            }
+        </div>
+    `, styles: ["\n            :host {\n                display: block;\n                height: 100%;\n            }\n\n            .image-viewer {\n                display: flex;\n                flex-direction: column;\n                height: 100%;\n                background: var(--mj-bg-surface-sunken);\n                position: relative;\n            }\n\n            .image-viewer__body {\n                flex: 1;\n                min-height: 0;\n                overflow: auto;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                padding: 16px;\n            }\n\n            /* \"Actual size\" mode: allow scrolling from the top-left so large images\n               don't get re-centered as the user pans. The browser handles overflow. */\n            .image-viewer__body--actual {\n                align-items: flex-start;\n                justify-content: flex-start;\n            }\n\n            .image-viewer__state {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                gap: 12px;\n                color: var(--mj-text-muted);\n                font-size: 14px;\n            }\n\n            .image-viewer__state--error {\n                color: var(--mj-status-error-text);\n            }\n\n            .image-viewer__img {\n                /* Fit mode (default): never exceeds the panel, preserves aspect ratio. */\n                max-width: 100%;\n                max-height: 100%;\n                width: auto;\n                height: auto;\n                object-fit: contain;\n                cursor: zoom-in;\n                background: var(--mj-bg-surface);\n                border-radius: 4px;\n                box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 12%, transparent);\n                transition: opacity 0.18s ease-out;\n            }\n\n            /* Actual-size mode: render at the image's intrinsic dimensions so the body\n               scroll-area handles anything larger than the panel. */\n            .image-viewer__img--actual {\n                max-width: none;\n                max-height: none;\n                width: auto;\n                height: auto;\n                cursor: zoom-out;\n            }\n\n            /* Pre-load: keep the <img> in the DOM (so the browser decodes it) but\n               invisible and out of layout flow so the spinner sits centered. */\n            .image-viewer__img--hidden {\n                opacity: 0;\n                position: absolute;\n                pointer-events: none;\n            }\n\n            .image-viewer__dimensions {\n                position: absolute;\n                bottom: 8px;\n                right: 12px;\n                padding: 2px 8px;\n                background: color-mix(in srgb, var(--mj-bg-surface-elevated) 90%, transparent);\n                border: 1px solid var(--mj-border-default);\n                border-radius: 12px;\n                color: var(--mj-text-muted);\n                font-size: 11px;\n                font-variant-numeric: tabular-nums;\n                pointer-events: none;\n                /* Don't intercept clicks meant for the image-toggle. */\n            }\n        "] }]
+    }], () => [{ type: i1.ArtifactFileService }, { type: i0.ChangeDetectorRef }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ImageArtifactViewerComponent, { className: "ImageArtifactViewerComponent", filePath: "src/lib/components/plugins/image-artifact-viewer.component.ts", lineNumber: 238 }); })();
+//# sourceMappingURL=image-artifact-viewer.component.js.map

package/dist/lib/components/plugins/image-artifact-viewer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-artifact-viewer.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/image-artifact-viewer.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';\nimport { DataSnapshot } from '@memberjunction/core';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';\nimport { ArtifactFileService } from '../../services/artifact-file.service';\n\n/**\n * Lookup table for synthesizing a download filename when the artifact version\n * has no `FileName` set. Covers the MIME types declared by the seed `Image`\n * artifact type (`image/*`); anything not listed falls back to `img`.\n *\n * Exported so the unit test can assert the mapping without instantiating an\n * Angular component (the package's vitest config uses the `node` environment).\n */\nexport const IMAGE_MIME_EXTENSION_MAP: Readonly<Record<string, string>> = Object.freeze({\n    'image/png': 'png',\n    'image/jpeg': 'jpg',\n    'image/jpg': 'jpg',\n    'image/gif': 'gif',\n    'image/webp': 'webp',\n    'image/bmp': 'bmp',\n    'image/tiff': 'tif',\n    'image/avif': 'avif',\n    'image/heic': 'heic',\n    'image/heif': 'heif',\n});\n\n/**\n * Pure helper that synthesizes a safe download filename from an artifact's\n * name + MIME type. Pulled out as a top-level function (not a class method) so\n * the vitest `node`-environment unit test can exercise it directly.\n *\n * - Strips characters illegal on common filesystems (anything not\n *   `[A-Za-z0-9._-]`) and replaces them with underscores.\n * - Picks the extension from {@link IMAGE_MIME_EXTENSION_MAP}, defaulting to\n *   `img` if the MIME type is missing or unrecognized.\n * - Falls back to the literal `image` when no name is supplied.\n *\n * @param name   Artifact name (e.g. `\"Generated image 1\"`). Optional.\n * @param mime   MIME type from the artifact version (e.g. `\"image/jpeg\"`). Optional.\n * @returns      Sanitized filename with extension (e.g. `\"Generated_image_1.jpg\"`).\n */\nexport function buildImageDownloadFileName(name: string | null | undefined, mime: string | null | undefined): string {\n    // `??` falls back on null/undefined but NOT empty / whitespace-only names —\n    // those should also use the default, so trim first and check for length.\n    const trimmed = name?.trim();\n    const baseName = trimmed && trimmed.length > 0 ? trimmed : 'image';\n    const safeBase = baseName.replace(/[^A-Za-z0-9._-]/g, '_');\n    const normalizedMime = (mime ?? '').toLowerCase();\n    const extension = IMAGE_MIME_EXTENSION_MAP[normalizedMime] ?? 'img';\n    // If the name already ends with the right extension, don't append it again\n    // (e.g. metadata round-tripped through a file upload).\n    return safeBase.toLowerCase().endsWith(`.${extension}`) ? safeBase : `${safeBase}.${extension}`;\n}\n\n/**\n * Viewer plugin for raster image artifact versions (`image/png`, `image/jpeg`,\n * `image/webp`, etc.). Vector SVG is handled by `SvgArtifactViewerPlugin`.\n *\n * Storage modes both supported (same contract as `PdfArtifactViewerPlugin`):\n *   - `ContentMode === 'Text'` — `artifactVersion.Content` is a `data:image/<mime>;base64,…` URI.\n *     We bind it directly to `<img [src]>`; the browser decodes inline.\n *   - `ContentMode === 'File'`  — bytes live in MJStorage. We fetch a\n *     pre-authenticated URL via `ArtifactFileService.getDownloadUrl()` and\n *     bind that to `<img [src]>`.\n *\n * UX highlights:\n *   - Click the image to toggle **fit** (default — `object-fit: contain` inside\n *     the panel) ↔ **actual** size (1:1 pixels, scrolls within the panel body).\n *   - Toolbar provides Download (reuses base class `triggerBrowserDownload`) and\n *     Print (opens in a new tab so the browser's native print dialog handles it).\n *   - Loading and error states match the PDF plugin's vocabulary, so behavior\n *     across all file-style viewers is consistent.\n *   - Image dimensions are surfaced as a small chip once the browser has decoded\n *     the image (`naturalWidth × naturalHeight`).\n *\n * Design tokens are used for every color so the plugin adapts to light / dark\n * themes — see root `CLAUDE.md` \"Design Token System\".\n *\n * @see PdfArtifactViewerComponent — the dual-storage reference implementation.\n * @see plans/artifact-attachment-unification.md — the broader artifact-as-canonical-storage design.\n * @see docs/chat-ui-image-display-bugs.md — context for why this plugin exists (Bug B).\n */\n@Component({\n    standalone: false,\n    selector: 'mj-image-artifact-viewer',\n    template: `\n        <div class=\"image-viewer\" [ngClass]=\"cssClass\">\n            <mj-file-artifact-toolbar\n                [fileName]=\"toolbarFileName\"\n                [isDownloading]=\"isDownloading\"\n                [showPrint]=\"true\"\n                (download)=\"onDownload()\"\n                (print)=\"onPrint()\"\n            >\n            </mj-file-artifact-toolbar>\n\n            <div\n                class=\"image-viewer__body\"\n                [class.image-viewer__body--actual]=\"displayMode === 'actual'\"\n            >\n                @if (errorMessage) {\n                    <div class=\"image-viewer__state image-viewer__state--error\">\n                        <i class=\"fas fa-exclamation-triangle\"></i>\n                        <span>{{ errorMessage }}</span>\n                    </div>\n                } @else {\n                    @if (isLoading) {\n                        <div class=\"image-viewer__state\">\n                            <i class=\"fas fa-spinner fa-spin\"></i>\n                            <span>Loading image…</span>\n                        </div>\n                    }\n                    @if (imageUrl) {\n                        <!-- The img is rendered even while loading=true (with opacity 0)\n                             so the browser starts decoding immediately. The (load) handler\n                             flips isLoading=false once dimensions are known. -->\n                        <img\n                            class=\"image-viewer__img\"\n                            [class.image-viewer__img--actual]=\"displayMode === 'actual'\"\n                            [class.image-viewer__img--hidden]=\"isLoading\"\n                            [src]=\"imageUrl\"\n                            [alt]=\"imageAltText\"\n                            [title]=\"\n                                displayMode === 'fit'\n                                    ? 'Click to view at actual size'\n                                    : 'Click to fit to window'\n                            \"\n                            (load)=\"onImageLoad($event)\"\n                            (error)=\"onImageError()\"\n                            (click)=\"toggleDisplayMode()\"\n                        />\n                    }\n                }\n            </div>\n\n            @if (naturalWidth && naturalHeight && !isLoading && !errorMessage) {\n                <div class=\"image-viewer__dimensions\">{{ naturalWidth }} × {{ naturalHeight }}</div>\n            }\n        </div>\n    `,\n    styles: [\n        `\n            :host {\n                display: block;\n                height: 100%;\n            }\n\n            .image-viewer {\n                display: flex;\n                flex-direction: column;\n                height: 100%;\n                background: var(--mj-bg-surface-sunken);\n                position: relative;\n            }\n\n            .image-viewer__body {\n                flex: 1;\n                min-height: 0;\n                overflow: auto;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                padding: 16px;\n            }\n\n            /* \"Actual size\" mode: allow scrolling from the top-left so large images\n               don't get re-centered as the user pans. The browser handles overflow. */\n            .image-viewer__body--actual {\n                align-items: flex-start;\n                justify-content: flex-start;\n            }\n\n            .image-viewer__state {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                gap: 12px;\n                color: var(--mj-text-muted);\n                font-size: 14px;\n            }\n\n            .image-viewer__state--error {\n                color: var(--mj-status-error-text);\n            }\n\n            .image-viewer__img {\n                /* Fit mode (default): never exceeds the panel, preserves aspect ratio. */\n                max-width: 100%;\n                max-height: 100%;\n                width: auto;\n                height: auto;\n                object-fit: contain;\n                cursor: zoom-in;\n                background: var(--mj-bg-surface);\n                border-radius: 4px;\n                box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 12%, transparent);\n                transition: opacity 0.18s ease-out;\n            }\n\n            /* Actual-size mode: render at the image's intrinsic dimensions so the body\n               scroll-area handles anything larger than the panel. */\n            .image-viewer__img--actual {\n                max-width: none;\n                max-height: none;\n                width: auto;\n                height: auto;\n                cursor: zoom-out;\n            }\n\n            /* Pre-load: keep the <img> in the DOM (so the browser decodes it) but\n               invisible and out of layout flow so the spinner sits centered. */\n            .image-viewer__img--hidden {\n                opacity: 0;\n                position: absolute;\n                pointer-events: none;\n            }\n\n            .image-viewer__dimensions {\n                position: absolute;\n                bottom: 8px;\n                right: 12px;\n                padding: 2px 8px;\n                background: color-mix(in srgb, var(--mj-bg-surface-elevated) 90%, transparent);\n                border: 1px solid var(--mj-border-default);\n                border-radius: 12px;\n                color: var(--mj-text-muted);\n                font-size: 11px;\n                font-variant-numeric: tabular-nums;\n                pointer-events: none;\n                /* Don't intercept clicks meant for the image-toggle. */\n            }\n        `,\n    ],\n})\n@RegisterClass(BaseArtifactViewerPluginComponent, 'ImageArtifactViewerPlugin')\nexport class ImageArtifactViewerComponent extends BaseArtifactViewerPluginComponent implements OnInit, OnDestroy {\n    /** Current resolved URL to bind to the `<img src>` — either a data URI (inline) or a pre-auth URL (file). */\n    public imageUrl = '';\n\n    /** True from `ngOnInit` until the `<img>` `(load)` event fires (or an error happens). */\n    public isLoading = true;\n\n    /** Set while the download is in flight, to drive the toolbar spinner. */\n    public isDownloading = false;\n\n    /** User-facing error message; non-empty hides the image and shows the error block. */\n    public errorMessage = '';\n\n    /** Click-to-toggle display mode. `'fit'` = contained in the panel, `'actual'` = 1:1 with scroll. */\n    public displayMode: 'fit' | 'actual' = 'fit';\n\n    /** Native image dimensions, populated by the `(load)` event. Null until then. */\n    public naturalWidth: number | null = null;\n    public naturalHeight: number | null = null;\n\n    /**\n     * Object URL we lazily build from inline data so Download / Print have a real\n     * URL to anchor on. Tracked here so `ngOnDestroy` can release it via\n     * `URL.revokeObjectURL`. Null until the user clicks Download or Print.\n     */\n    private inlineObjectUrl: string | null = null;\n\n    constructor(\n        private fileService: ArtifactFileService,\n        private cdr: ChangeDetectorRef,\n    ) {\n        super();\n    }\n\n    /** Opt in to the wrapper's \"Display\" tab — without this the panel only shows Details/JSON. */\n    public override get hasDisplayContent(): boolean {\n        return true;\n    }\n\n    /** Filename surfaced by the toolbar in the center of the bar. */\n    public get toolbarFileName(): string {\n        return this.artifactVersion?.FileName || this.artifactVersion?.Name || 'image';\n    }\n\n    /** Accessible alt text — prefers a descriptive name over a raw filename. */\n    public get imageAltText(): string {\n        return this.artifactVersion?.Name || this.artifactVersion?.FileName || 'Image artifact';\n    }\n\n    async ngOnInit(): Promise<void> {\n        await this.resolveImageUrl();\n    }\n\n    ngOnDestroy(): void {\n        // Release any blob URL we built for Download / Print so the browser\n        // doesn't hold the raw bytes in memory after the panel closes.\n        if (this.inlineObjectUrl) {\n            URL.revokeObjectURL(this.inlineObjectUrl);\n            this.inlineObjectUrl = null;\n        }\n    }\n\n    // ─── Loading ────────────────────────────────────────────────────────────────\n\n    /**\n     * Resolve the image URL based on the artifact version's `ContentMode`.\n     * Sets `imageUrl` (which the template binds to `<img src>`) or `errorMessage`.\n     * Loading state remains `true` until the browser fires `(load)` on the `<img>`.\n     */\n    private async resolveImageUrl(): Promise<void> {\n        if (!this.artifactVersion?.ID) {\n            this.showError('No artifact version provided.');\n            return;\n        }\n\n        // Defensive MIME check — refuse to render non-image artifacts. If we get here\n        // it's a metadata bug somewhere (the ArtifactType registry routed something\n        // non-image to the image plugin), and silently showing a broken-image icon\n        // would mask the real issue.\n        const mime = (this.artifactVersion.MimeType ?? '').toLowerCase();\n        if (mime && !mime.startsWith('image/')) {\n            this.showError(`This viewer cannot display content of type \"${this.artifactVersion.MimeType}\".`);\n            return;\n        }\n\n        try {\n            if (this.artifactVersion.ContentMode === 'File') {\n                // File-backed: fetch a pre-auth URL from MJStorage via the shared service.\n                // ArtifactFileService caches the URL so reopening the same artifact is instant.\n                this.imageUrl = await this.fileService.getDownloadUrl(this.artifactVersion.ID);\n            } else {\n                // Inline ('Text' mode): Content is a data URI ready to bind directly.\n                const content = this.artifactVersion.Content;\n                if (!content) {\n                    this.showError('This artifact has no image content.');\n                    return;\n                }\n                this.imageUrl = content;\n            }\n            this.cdr.markForCheck();\n        } catch (err) {\n            const detail = err instanceof Error ? err.message : String(err);\n            this.showError(`Could not load image: ${detail}`);\n        }\n    }\n\n    public onImageLoad(event: Event): void {\n        const img = event.target as HTMLImageElement;\n        this.naturalWidth = img.naturalWidth || null;\n        this.naturalHeight = img.naturalHeight || null;\n        this.isLoading = false;\n        this.cdr.markForCheck();\n    }\n\n    public onImageError(): void {\n        this.showError('The image could not be displayed. It may be corrupt or in an unsupported format.');\n    }\n\n    private showError(message: string): void {\n        this.isLoading = false;\n        this.errorMessage = message;\n        this.cdr.markForCheck();\n    }\n\n    // ─── User actions ───────────────────────────────────────────────────────────\n\n    public toggleDisplayMode(): void {\n        // Don't toggle while loading or errored — the user has nothing to react to yet.\n        if (this.isLoading || this.errorMessage) {\n            return;\n        }\n        this.displayMode = this.displayMode === 'fit' ? 'actual' : 'fit';\n        this.cdr.markForCheck();\n    }\n\n    /**\n     * Download the image to disk. Uses the inherited `triggerBrowserDownload`\n     * helper so the fetch → blob → object-URL → anchor pattern is shared across\n     * every file-backed viewer (PDF, XLSX, DOCX, and now Image).\n     */\n    public async onDownload(): Promise<void> {\n        if (this.isDownloading || !this.imageUrl) {\n            return;\n        }\n        this.isDownloading = true;\n        this.cdr.markForCheck();\n        try {\n            const sourceUrl = this.ensureDownloadableUrl();\n            const fileName = buildImageDownloadFileName(\n                this.artifactVersion?.FileName ?? this.artifactVersion?.Name ?? null,\n                this.artifactVersion?.MimeType ?? null,\n            );\n            await this.triggerBrowserDownload(sourceUrl, fileName);\n        } finally {\n            this.isDownloading = false;\n            this.cdr.markForCheck();\n        }\n    }\n\n    /**\n     * Open the image in a new browser tab so the user can use the browser's\n     * native print dialog. We deliberately don't manage a print pipeline\n     * ourselves — same approach as `PdfArtifactViewerComponent.onPrint()`.\n     */\n    public onPrint(): void {\n        if (!this.imageUrl) {\n            return;\n        }\n        const sourceUrl = this.ensureDownloadableUrl();\n        window.open(sourceUrl, '_blank');\n    }\n\n    /**\n     * Returns a URL suitable for `<a download>` / `window.open` use.\n     *   - File mode: `imageUrl` is already a pre-auth blob URL — use it directly.\n     *   - Inline mode: `imageUrl` is a data URI; we lazily turn it into a blob URL\n     *     (cached on the instance) for nicer download UX. Some browsers truncate\n     *     long data URIs in the downloads tray; blob URLs preserve the filename.\n     */\n    private ensureDownloadableUrl(): string {\n        if (this.artifactVersion?.ContentMode === 'File') {\n            return this.imageUrl;\n        }\n        if (this.inlineObjectUrl) {\n            return this.inlineObjectUrl;\n        }\n        const mime = this.artifactVersion?.MimeType || 'application/octet-stream';\n        this.inlineObjectUrl = this.fileService.dataUrlToObjectUrl(this.imageUrl, mime);\n        return this.inlineObjectUrl;\n    }\n\n    // ─── Snapshot ───────────────────────────────────────────────────────────────\n\n    /**\n     * Required by the base class. Returns a structured summary of the artifact\n     * in its current display state — used by snapshot-consuming features\n     * (e.g. agent context capture, share / export flows).\n     */\n    public override GetCurrentStateSnapshot(): DataSnapshot | null {\n        if (!this.artifactVersion) {\n            return null;\n        }\n        const snap = new DataSnapshot();\n        snap.title = this.getDisplayTitle() ?? undefined;\n\n        const dimensionPart =\n            this.naturalWidth && this.naturalHeight ? ` ${this.naturalWidth} × ${this.naturalHeight}` : '';\n        const mimeLabel = this.artifactVersion.MimeType ?? 'image';\n        snap.interpretation = `Image (${mimeLabel}${dimensionPart}).`;\n\n        snap.custom = {\n            mimeType: this.artifactVersion.MimeType ?? undefined,\n            fileName: this.artifactVersion.FileName ?? undefined,\n            contentMode: this.artifactVersion.ContentMode,\n            width: this.naturalWidth ?? undefined,\n            height: this.naturalHeight ?? undefined,\n            displayMode: this.displayMode,\n        };\n        return snap;\n    }\n}\n"]}

package/dist/lib/components/plugins/save-query-dialog.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"save-query-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/plugins/save-query-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAsC,iBAAiB,EAAgB,MAAM,eAAe,CAAC;AAC5I,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAY,YAAY,EAA4B,MAAM,sBAAsB,CAAC;AAGxF,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;;AAEjE;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;GAMG;AACH,qBAwca,uBAAwB,SAAQ,oBAAoB;IAuCnD,OAAO,CAAC,GAAG;IAtCd,SAAS,SAAM;IACf,gBAAgB,SAAM;IACtB,GAAG,SAAM;IACT,IAAI,SAAM;IAET,KAAK,gCAAuC;IAC5C,SAAS,qBAA4B;IAEpB,YAAY,EAAG,qBAAqB,CAAC;IAGzD,IAAI,SAAM;IACV,WAAW,SAAM;IACjB,QAAQ,UAAS;IACjB,YAAY,SAAM;IAClB,SAAS,UAAS;IAGzB,OAAO,CAAC,kBAAkB,CAAuB;IAC1C,mBAAmB,EAAE,YAAY,GAAG,IAAI,CAAQ;IAGhD,kBAAkB,UAAS;IAC3B,wBAAwB,UAAS;IACjC,eAAe,SAAM;IACrB,mBAAmB,SAAM;IAChC,OAAO,CAAC,mBAAmB,CAAuB;IAElD,+CAA+C;IACxC,oBAAoB,EAAE,gBAAgB,CAO3C;gBAEkB,GAAG,EAAE,iBAAiB;IAG1C,IAAW,OAAO,IAAI,OAAO,CAE5B;IAED,QAAQ,IAAI,IAAI;IAaT,WAAW,IAAI,IAAI;IAYnB,iBAAiB,CAAC,SAAS,EAAE,QAAQ,GAAG,QAAQ,EAAE,GAAG,IAAI,GAAG,IAAI;IAchE,mBAAmB,IAAI,IAAI;IAQ3B,oBAAoB,IAAI,IAAI;IAQ5B,0BAA0B,CAAC,SAAS,EAAE,QAAQ,GAAG,QAAQ,EAAE,GAAG,IAAI,GAAG,IAAI;IAUnE,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;IA6D/B,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAuD7B,QAAQ,IAAI,IAAI;IAWvB,OAAO,CAAC,qBAAqB;yCA9OlB,uBAAuB;2CAAvB,uBAAuB;CAqPnC"}
+{"version":3,"file":"save-query-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/plugins/save-query-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAsC,iBAAiB,EAAgB,MAAM,eAAe,CAAC;AAC5I,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAY,YAAY,EAA4B,MAAM,sBAAsB,CAAC;AAGxF,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;;AAEjE;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;GAMG;AACH,qBAwca,uBAAwB,SAAQ,oBAAoB;IAuCnD,OAAO,CAAC,GAAG;IAtCd,SAAS,SAAM;IACf,gBAAgB,SAAM;IACtB,GAAG,SAAM;IACT,IAAI,SAAM;IAET,KAAK,gCAAuC;IAC5C,SAAS,qBAA4B;IAEpB,YAAY,EAAG,qBAAqB,CAAC;IAGzD,IAAI,SAAM;IACV,WAAW,SAAM;IACjB,QAAQ,UAAS;IACjB,YAAY,SAAM;IAClB,SAAS,UAAS;IAGzB,OAAO,CAAC,kBAAkB,CAAuB;IAC1C,mBAAmB,EAAE,YAAY,GAAG,IAAI,CAAQ;IAGhD,kBAAkB,UAAS;IAC3B,wBAAwB,UAAS;IACjC,eAAe,SAAM;IACrB,mBAAmB,SAAM;IAChC,OAAO,CAAC,mBAAmB,CAAuB;IAElD,+CAA+C;IACxC,oBAAoB,EAAE,gBAAgB,CAO3C;gBAEkB,GAAG,EAAE,iBAAiB;IAG1C,IAAW,OAAO,IAAI,OAAO,CAE5B;IAED,QAAQ,IAAI,IAAI;IAaT,WAAW,IAAI,IAAI;IAYnB,iBAAiB,CAAC,SAAS,EAAE,QAAQ,GAAG,QAAQ,EAAE,GAAG,IAAI,GAAG,IAAI;IAchE,mBAAmB,IAAI,IAAI;IAQ3B,oBAAoB,IAAI,IAAI;IAQ5B,0BAA0B,CAAC,SAAS,EAAE,QAAQ,GAAG,QAAQ,EAAE,GAAG,IAAI,GAAG,IAAI;IAUnE,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;IA0D/B,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAuD7B,QAAQ,IAAI,IAAI;IAWvB,OAAO,CAAC,qBAAqB;yCA3OlB,uBAAuB;2CAAvB,uBAAuB;CAkPnC"}