@haibun/web-playwright 1.59.0 → 1.60.0

package/build/monitor/artifactDisplays/sequenceDiagramGenerator.js

@@ -0,0 +1,299 @@
+import mermaid from 'mermaid';
+import { shortenURI } from '@haibun/core/build/lib/util/index.js';
+// Helper function for sanitization
+const sanitizeMermaidContent = (message) => {
+    let sanitized = message.replace(/"/g, "'"); // Replace double quotes
+    // IMPORTANT: Escape semicolon FIRST to avoid breaking other entities
+    sanitized = sanitized.replace(/;/g, '#59;');
+    sanitized = sanitized.replace(/\(/g, '#40;');
+    sanitized = sanitized.replace(/\)/g, '#41;');
+    sanitized = sanitized.replace(/,/g, '#44;');
+    return sanitized;
+};
+const jsonFilters = {
+    request: {
+        method: ['GET', 'POST', 'PUT', 'DELETE', 'PATCH'],
+        accept: ['application/json'],
+    },
+    response: {
+        type: ['application/json'],
+    },
+};
+export class SequenceDiagramGenerator {
+    needsUpdate = true; // Start with true, assume an update is needed initially
+    diagramLines = ['sequenceDiagram'];
+    pageNames = {};
+    pageCounter = 1;
+    participantAdded = {};
+    mermaidContainerId;
+    parentElement;
+    currentDiagramString = ''; // Store the last successfully rendered/generated diagram
+    constructor(id, parentElement) {
+        this.mermaidContainerId = `mermaid-container-${id}`;
+        this.parentElement = parentElement;
+        this.ensureMermaidContainer();
+        this.currentDiagramString = this.buildDiagramString(); // Initialize with empty diagram
+    }
+    ensureMermaidContainer() {
+        let container = this.parentElement.querySelector(`#${this.mermaidContainerId}`);
+        if (!container) {
+            container = document.createElement('div');
+            container.id = this.mermaidContainerId;
+            container.className = 'mermaid'; // Add class for mermaid to target
+            this.parentElement.appendChild(container);
+        }
+    }
+    // Add participant declaration if not already added
+    addParticipant(alias, name) {
+        if (!this.participantAdded[alias]) {
+            let insertIndex = 1;
+            for (let i = this.diagramLines.length - 1; i >= 1; i--) {
+                if (this.diagramLines[i].startsWith('participant ')) {
+                    insertIndex = i + 1;
+                    break;
+                }
+            }
+            this.diagramLines.splice(insertIndex, 0, `participant ${alias} as ${name}`);
+            this.participantAdded[alias] = true;
+        }
+    }
+    resetDiagramState() {
+        this.diagramLines = ['sequenceDiagram'];
+        this.pageNames = {};
+        this.pageCounter = 1;
+        this.participantAdded = {};
+        // No: this.needsUpdate = true; // Don't set here, compare diagram strings later
+    }
+    buildDiagramString() {
+        if (this.diagramLines.length <= 1) {
+            return 'sequenceDiagram'; // Canonical empty diagram
+        }
+        return this.diagramLines.join("\n");
+    }
+    generateDiagramFromHistory() {
+        // const oldDiagramString = this.buildDiagramString(); // Not needed with currentDiagramString logic
+        this.resetDiagramState(); // Resets diagramLines
+        if (window.haibunLogData) {
+            const httpTraceEvents = window.haibunLogData.filter(entry => entry.messageContext?.artifact?.artifactType === 'json/http/trace' &&
+                entry.messageContext.artifact.httpEvent !== 'route');
+            for (const logEntry of httpTraceEvents) {
+                // Ensure messageContext and artifact are defined before trying to cast and access httpEvent
+                if (logEntry.messageContext && logEntry.messageContext.artifact) {
+                    const artifact = logEntry.messageContext.artifact;
+                    if (artifact && artifact.trace && typeof artifact.trace === 'object') {
+                        this.processSingleEvent(artifact.trace, artifact.httpEvent);
+                    }
+                }
+            }
+        }
+        // const newDiagramString = this.buildDiagramString(); // Not needed with currentDiagramString logic
+        // Revised logic for needsUpdate:
+        // processSingleEvent will set it to true if it adds anything.
+        // Here, we compare the generated diagram with the *last rendered* one.
+        const finalDiagram = this.buildDiagramString();
+        if (finalDiagram === this.currentDiagramString) {
+            this.needsUpdate = false; // No change from what's current (or last attempted render)
+        }
+        else {
+            this.needsUpdate = true; // It has changed
+        }
+        // Special case: if finalDiagram is empty and currentDiagramString was also empty, it's still false.
+        // This case is covered if currentDiagramString was 'sequenceDiagram' and finalDiagram is also 'sequenceDiagram'.
+        // If needsUpdate was false (meaning currentDiagramString was successfully rendered or was the initial empty state)
+        // and finalDiagram is the same, it remains false.
+    }
+    // Renamed from processEvent to avoid confusion, as processEvent might imply adding a single new event
+    processSingleEvent(trace, httpEvent, filters = jsonFilters) {
+        this.needsUpdate = true; // Set flag immediately
+        const { requestingPage, requestingURL, method, status, statusText, headers } = trace;
+        // Use URL hostname as the server participant
+        let serverAlias = 'UnknownServerAlias'; // Default if URL is missing
+        let serverName = 'UnknownServer';
+        if (requestingURL) {
+            try {
+                const url = new URL(requestingURL);
+                serverName = url.hostname;
+                if (url.hostname === 'localhost' && url.port) {
+                    serverName = `${url.hostname}:${url.port}`;
+                }
+                // Handle empty hostname (e.g., for about:blank)
+                if (serverName) {
+                    // Alias should be fully sanitized (lowercase, no dots, colons, hyphens)
+                    serverAlias = serverName.toLowerCase().replace(/[.:-]/g, '');
+                }
+                else {
+                    serverAlias = 'sourcealias'; // For data URIs or similar with no hostname
+                    serverName = 'Source';
+                }
+            }
+            catch (e) {
+                serverAlias = 'invalidurlalias';
+                serverName = 'InvalidURL';
+            }
+        }
+        this.addParticipant(serverAlias, serverName); // serverName will have original casing and port if localhost
+        if (skipEvent(filters, httpEvent, serverName, trace)) {
+            return;
+        }
+        let pageAlias = 'UnknownPageAlias';
+        let pageParticipantName = 'UnknownPage';
+        if (requestingPage) { // requestingPage is the pageId
+            const existingAlias = this.pageNames[requestingPage];
+            if (!existingAlias) {
+                // Use requestingPage directly for alias and name if it's the first time.
+                // Alias should be sanitized, name should be original
+                pageAlias = requestingPage.toLowerCase().replace(/[.-]/g, ''); // Sanitize for alias, ensure lowercase
+                pageParticipantName = requestingPage; // Use as is for display name
+                // If still generic after sanitization (e.g. empty string if requestingPage was just '.')
+                // or if the sanitized alias is empty.
+                if (!pageAlias.trim()) {
+                    pageAlias = `Page${this.pageCounter}`; // Fallback to numbered alias
+                    // pageParticipantName remains `requestingPage` unless it was also problematic,
+                    // but `requestingPage` itself is used as the key in `this.pageNames`
+                    // so it should generally be usable as a display name.
+                    // If `requestingPage` was, for example, just ".", `pageParticipantName` would be ".".
+                    // Mermaid might handle this, or it might look odd.
+                    // For consistency, if alias needs fallback, name might too if it was also problematic.
+                    // However, the tests expect `requestingPage` to be used as the name.
+                }
+                this.pageNames[requestingPage] = pageAlias;
+                this.addParticipant(pageAlias, pageParticipantName); // pageParticipantName has original casing
+                this.pageCounter++;
+            }
+            else {
+                pageAlias = existingAlias;
+                const participantLine = this.diagramLines.find(line => line.startsWith(`participant ${pageAlias} as `));
+                if (participantLine) {
+                    pageParticipantName = participantLine.substring(participantLine.indexOf(' as ') + 4);
+                }
+                else {
+                    pageParticipantName = pageAlias; // Fallback
+                }
+            }
+        }
+        else {
+            // Fallback if no requestingPage ID is available
+            pageAlias = 'ClientPage';
+            pageParticipantName = 'Client Page';
+            this.addParticipant(pageAlias, pageParticipantName);
+        }
+        if (method && requestingURL) {
+            const message = sanitizeMermaidContent(`${method} ${shortenURI(requestingURL)}`); // Removed boolean argument
+            this.diagramLines.push(`${pageAlias}->>${serverAlias}: ${message}`);
+            // Notes for headers
+            if (headers) {
+                if (headers.referer) {
+                    const note = shortenURI(sanitizeMermaidContent(`Referer: ${headers.referer}`));
+                    this.diagramLines.push(`Note right of ${pageAlias}: ${note}`);
+                }
+                if (headers["accept"]) {
+                    const note = sanitizeMermaidContent(`Accept: ${headers["accept"]}`);
+                    this.diagramLines.push(`Note right of ${pageAlias}: ${note}`);
+                }
+                if (headers["content-type"]) {
+                    const note = sanitizeMermaidContent(`Content-type: ${headers['content-type']}`);
+                    this.diagramLines.push(`Note right of ${pageAlias}: ${note}`);
+                }
+            }
+        }
+        if (status) {
+            const message = sanitizeMermaidContent(`${status} ${statusText || ''}`);
+            this.diagramLines.push(`${serverAlias}-->>${pageAlias}: ${message}`);
+        }
+    }
+    getDiagram() {
+        return this.buildDiagramString();
+    }
+    // Getter for testing purposes
+    getNeedsUpdate() {
+        return this.needsUpdate;
+    }
+    // Setter for testing purposes, to simulate rendering having occurred.
+    setNeedsUpdate(value) {
+        this.needsUpdate = value;
+    }
+    async update() {
+        this.generateDiagramFromHistory(); // This will set needsUpdate based on comparison with currentDiagramString
+        const mermaidContainer = this.parentElement.querySelector(`#${this.mermaidContainerId}`);
+        if (!mermaidContainer) {
+            console.error("Mermaid container not found for ID:", this.mermaidContainerId);
+            // needsUpdate might be true, but we can't render. It should remain true.
+            return;
+        }
+        // Only update the DOM and render if necessary
+        // Also check if the container is empty but an update is needed (e.g. first run, or diagram changed to empty)
+        if (!this.needsUpdate && mermaidContainer.querySelector('svg')) {
+            return; // Already rendered and no update needed
+        }
+        const diagramToRender = this.getDiagram();
+        try {
+            mermaid.initialize({ maxTextSize: 900000, startOnLoad: false }); // Added startOnLoad: false
+            mermaidContainer.innerHTML = '';
+            const insert = `<pre class="mermaid">${diagramToRender}</pre>`;
+            mermaidContainer.insertAdjacentHTML('beforeend', insert);
+            const mermaidElement = mermaidContainer.querySelector('.mermaid');
+            if (mermaidElement) {
+                await mermaid.run({ nodes: [mermaidElement] });
+                console.log("Mermaid diagram rendered.");
+                this.currentDiagramString = diagramToRender; // Update current string after successful render
+                this.needsUpdate = false;
+            }
+            else {
+                console.error("Mermaid pre element not found after insert.");
+                mermaidContainer.innerHTML = `<pre>Error: Could not find .mermaid element for rendering.</pre>`;
+                // needsUpdate remains true as render failed to initiate
+            }
+        }
+        catch (e) {
+            console.error("Failed Mermaid diagram definition:\\\\n", diagramToRender);
+            console.error("Error rendering Mermaid diagram:", e);
+            const detailedError = (typeof e === 'object' && e !== null && 'str' in e) ? e.str : null;
+            const errorMessage = detailedError || (e instanceof Error ? e.message : String(e));
+            mermaidContainer.innerHTML = `<pre>Error rendering Mermaid diagram:\\\\n\\\\n${errorMessage}\\\\n\\\\n--- Diagram Definition ---\\n${diagramToRender}</pre>`;
+            // Even on error, we consider this "render attempt" complete.
+            // Setting currentDiagramString to the one that failed, and needsUpdate to false prevents re-looping on a bad diagram.
+            this.currentDiagramString = diagramToRender;
+            this.needsUpdate = false;
+        }
+    }
+}
+export function skipEvent(filters, httpEvent, serverName, { requestingURL, headers }) {
+    if (!serverName) {
+        // console.info('No server name found, skipping result.');
+        return true;
+    }
+    if (requestingURL === 'about:blank') {
+        // console.info('Requesting URL is about:blank, skipping result.');
+        return true;
+    }
+    if (httpEvent === 'request') {
+        if (headers && headers.accept) {
+            const acceptHeader = headers.accept;
+            if (!filters.request.accept.some(filterValue => acceptHeader.includes(filterValue))) {
+                // console.info('qx', acceptHeader, filters.request.accept);
+                return true;
+            }
+            else {
+                // console.info('qY', acceptHeader, filters.request.accept);
+            }
+        }
+    }
+    else if (httpEvent === 'response') {
+        if (headers && headers['content-type']) {
+            const contentTypeHeader = headers['content-type'];
+            if (!filters.response.type.some(filterValue => contentTypeHeader.includes(filterValue))) {
+                // console.info('px', contentTypeHeader);
+                return true;
+            }
+            else {
+                // console.info('pY', contentTypeHeader);
+            }
+        }
+    }
+    else {
+        console.warn(`Unknown HTTP event type: ${httpEvent}`);
+        return true;
+    }
+    return false;
+}
+//# sourceMappingURL=sequenceDiagramGenerator.js.map

package/build/monitor/artifactDisplays/sequenceDiagramGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sequenceDiagramGenerator.js","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/sequenceDiagramGenerator.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAI9B,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,mCAAmC;AACnC,MAAM,sBAAsB,GAAG,CAAC,OAAe,EAAU,EAAE;IAC1D,IAAI,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,wBAAwB;IACpE,qEAAqE;IACrE,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC5C,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC7C,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC7C,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC5C,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG;IACnB,OAAO,EAAE;QACR,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC;QACjD,MAAM,EAAE,CAAC,kBAAkB,CAAC;KAC5B;IACD,QAAQ,EAAE;QACT,IAAI,EAAE,CAAC,kBAAkB,CAAC;KAC1B;CACD,CAAA;AAED,MAAM,OAAO,wBAAwB;IAC5B,WAAW,GAAG,IAAI,CAAC,CAAC,wDAAwD;IAC5E,YAAY,GAAa,CAAC,iBAAiB,CAAC,CAAC;IAC7C,SAAS,GAA2B,EAAE,CAAC;IACvC,WAAW,GAAG,CAAC,CAAC;IAChB,gBAAgB,GAA4B,EAAE,CAAC;IAC5C,kBAAkB,CAAS;IAC3B,aAAa,CAAc;IAC3B,oBAAoB,GAAG,EAAE,CAAC,CAAC,yDAAyD;IAE5F,YAAY,EAAU,EAAE,aAA0B;QAC9C,IAAI,CAAC,kBAAkB,GAAG,qBAAqB,EAAE,EAAE,CAAC;QACpD,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,gCAAgC;IAC3F,CAAC;IAEO,sBAAsB;QAC1B,IAAI,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC;QAChF,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAC;YACvC,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,kCAAkC;YACnE,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC9C,CAAC;IACL,CAAC;IAEJ,mDAAmD;IAC3C,cAAc,CAAC,KAAa,EAAE,IAAY;QACjD,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;YACnC,IAAI,WAAW,GAAG,CAAC,CAAC;YACpB,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;gBACxD,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC;oBACrD,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;oBACpB,MAAM;gBACP,CAAC;YACF,CAAC;YACD,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,EAAE,eAAe,KAAK,OAAO,IAAI,EAAE,CAAC,CAAC;YAC5E,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;QACrC,CAAC;IACF,CAAC;IAEO,iBAAiB;QACxB,IAAI,CAAC,YAAY,GAAG,CAAC,iBAAiB,CAAC,CAAC;QACxC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;QACrB,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;QAC3B,gFAAgF;IACjF,CAAC;IAEU,kBAAkB;QACtB,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YAChC,OAAO,iBAAiB,CAAC,CAAC,0BAA0B;QACxD,CAAC;QACD,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;IAEG,0BAA0B;QAChC,oGAAoG;QACpG,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,sBAAsB;QAEhD,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC;YAC1B,MAAM,eAAe,GAAG,MAAM,CAAC,aAAa,CAAC,MAAM,CAClD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,QAAQ,EAAE,YAAY,KAAK,iBAAiB;gBACzE,KAAK,CAAC,cAAc,CAAC,QAA+B,CAAC,SAAS,KAAK,OAAO,CAC5E,CAAC;YAEF,KAAK,MAAM,QAAQ,IAAI,eAAe,EAAE,CAAC;gBACxC,4FAA4F;gBAC5F,IAAI,QAAQ,CAAC,cAAc,IAAI,QAAQ,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;oBACjE,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,QAA8B,CAAC;oBACxE,IAAI,QAAQ,IAAI,QAAQ,CAAC,KAAK,IAAI,OAAO,QAAQ,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;wBACtE,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;oBAC7D,CAAC;gBACF,CAAC;YACF,CAAC;QACF,CAAC;QACD,oGAAoG;QAE9F,iCAAiC;QACjC,8DAA8D;QAC9D,uEAAuE;QACvE,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC/C,IAAI,YAAY,KAAK,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC7C,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,CAAC,2DAA2D;QACzF,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,iBAAiB;QAC9C,CAAC;QACD,oGAAoG;QACpG,iHAAiH;QACjH,mHAAmH;QACnH,kDAAkD;IACzD,CAAC;IAED,sGAAsG;IAC/F,kBAAkB,CAAC,KAAwB,EAAE,SAA0C,EAAE,OAAO,GAAG,WAAW;QACpH,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,uBAAuB;QAChD,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;QAErF,6CAA6C;QAC7C,IAAI,WAAW,GAAG,oBAAoB,CAAC,CAAC,4BAA4B;QACpE,IAAI,UAAU,GAAG,eAAe,CAAC;QACjC,IAAI,aAAa,EAAE,CAAC;YACnB,IAAI,CAAC;gBACJ,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,CAAC;gBACnC,UAAU,GAAG,GAAG,CAAC,QAAQ,CAAC;gBAC1B,IAAI,GAAG,CAAC,QAAQ,KAAK,WAAW,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC;oBAC9C,UAAU,GAAG,GAAG,GAAG,CAAC,QAAQ,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC;gBAC5C,CAAC;gBACD,gDAAgD;gBAChD,IAAI,UAAU,EAAE,CAAC;oBAChB,wEAAwE;oBACxE,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;gBAC9D,CAAC;qBAAM,CAAC;oBACP,WAAW,GAAG,aAAa,CAAC,CAAC,4CAA4C;oBACzE,UAAU,GAAG,QAAQ,CAAC;gBACvB,CAAC;YACF,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACZ,WAAW,GAAG,iBAAiB,CAAC;gBAChC,UAAU,GAAG,YAAY,CAAC;YAC3B,CAAC;QACF,CAAC;QACD,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,6DAA6D;QAE3G,IAAI,SAAS,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;YACtD,OAAO;QACR,CAAC;QAED,IAAI,SAAS,GAAG,kBAAkB,CAAC;QACnC,IAAI,mBAAmB,GAAG,aAAa,CAAC;QAExC,IAAI,cAAc,EAAE,CAAC,CAAC,+BAA+B;YAC3C,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;YACrD,IAAI,CAAC,aAAa,EAAE,CAAC;gBACjB,yEAAyE;gBACzE,qDAAqD;gBACrD,SAAS,GAAG,cAAc,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,uCAAuC;gBACtG,mBAAmB,GAAG,cAAc,CAAC,CAAC,6BAA6B;gBAEnE,yFAAyF;gBACzF,sCAAsC;gBACtC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC;oBACpB,SAAS,GAAG,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,6BAA6B;oBACpE,+EAA+E;oBAC/E,qEAAqE;oBACrE,sDAAsD;oBACtD,sFAAsF;oBACtF,mDAAmD;oBACnD,uFAAuF;oBACvF,qEAAqE;gBACzE,CAAC;gBAED,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;gBAC3C,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC,0CAA0C;gBAC/F,IAAI,CAAC,WAAW,EAAE,CAAC;YACvB,CAAC;iBAAM,CAAC;gBACJ,SAAS,GAAG,aAAa,CAAC;gBAC1B,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,eAAe,SAAS,MAAM,CAAC,CAAC,CAAC;gBACxG,IAAI,eAAe,EAAE,CAAC;oBAClB,mBAAmB,GAAG,eAAe,CAAC,SAAS,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;gBACzF,CAAC;qBAAM,CAAC;oBACJ,mBAAmB,GAAG,SAAS,CAAC,CAAC,WAAW;gBAChD,CAAC;YACL,CAAC;QACX,CAAC;aAAM,CAAC;YACE,gDAAgD;YAChD,SAAS,GAAG,YAAY,CAAC;YACzB,mBAAmB,GAAG,aAAa,CAAC;YACpC,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;QACxD,CAAC;QAGP,IAAI,MAAM,IAAI,aAAa,EAAE,CAAC;YAC7B,MAAM,OAAO,GAAG,sBAAsB,CAAC,GAAG,MAAM,IAAI,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,2BAA2B;YAC7G,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,SAAS,MAAM,WAAW,KAAK,OAAO,EAAE,CAAC,CAAC;YACpE,oBAAoB;YACpB,IAAI,OAAO,EAAE,CAAC;gBACb,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;oBACrB,MAAM,IAAI,GAAG,UAAU,CAAC,sBAAsB,CAAC,YAAY,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;oBAC/E,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,iBAAiB,SAAS,KAAK,IAAI,EAAE,CAAC,CAAC;gBAC/D,CAAC;gBACD,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;oBACvB,MAAM,IAAI,GAAG,sBAAsB,CAAC,WAAW,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;oBACpE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,iBAAiB,SAAS,KAAK,IAAI,EAAE,CAAC,CAAC;gBAC/D,CAAC;gBACD,IAAI,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;oBAC7B,MAAM,IAAI,GAAG,sBAAsB,CAAC,iBAAiB,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;oBAChF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,iBAAiB,SAAS,KAAK,IAAI,EAAE,CAAC,CAAC;gBAC/D,CAAC;YACF,CAAC;QACF,CAAC;QAED,IAAI,MAAM,EAAE,CAAC;YACZ,MAAM,OAAO,GAAG,sBAAsB,CAAC,GAAG,MAAM,IAAI,UAAU,IAAI,EAAE,EAAE,CAAC,CAAC;YACxE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,WAAW,OAAO,SAAS,KAAK,OAAO,EAAE,CAAC,CAAC;QACtE,CAAC;IACF,CAAC;IAEM,UAAU;QAChB,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAClC,CAAC;IAEE,8BAA8B;IACvB,cAAc;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAED,sEAAsE;IAC/D,cAAc,CAAC,KAAc;QAChC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7B,CAAC;IAEG,KAAK,CAAC,MAAM;QAClB,IAAI,CAAC,0BAA0B,EAAE,CAAC,CAAC,0EAA0E;QAE7G,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,CAAc,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC;QACtG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACvB,OAAO,CAAC,KAAK,CAAC,qCAAqC,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAC9E,yEAAyE;YACzE,OAAO;QACR,CAAC;QAED,8CAA8C;QAC9C,6GAA6G;QAC7G,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,gBAAgB,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YAChE,OAAO,CAAC,wCAAwC;QACjD,CAAC;QAED,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAE1C,IAAI,CAAC;YACJ,OAAO,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,2BAA2B;YAC5F,gBAAgB,CAAC,SAAS,GAAG,EAAE,CAAC;YAChC,MAAM,MAAM,GAAG,wBAAwB,eAAe,QAAQ,CAAC;YAC/D,gBAAgB,CAAC,kBAAkB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAEzD,MAAM,cAAc,GAAG,gBAAgB,CAAC,aAAa,CAAc,UAAU,CAAC,CAAC;YAC/E,IAAI,cAAc,EAAE,CAAC;gBACpB,MAAM,OAAO,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;gBAC/C,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;gBACzC,IAAI,CAAC,oBAAoB,GAAG,eAAe,CAAC,CAAC,gDAAgD;gBAC7F,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACP,OAAO,CAAC,KAAK,CAAC,6CAA6C,CAAC,CAAC;gBAC7D,gBAAgB,CAAC,SAAS,GAAG,kEAAkE,CAAC;gBAChG,wDAAwD;YACzD,CAAC;QACF,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,yCAAyC,EAAE,eAAe,CAAC,CAAC;YAC1E,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,CAAC,CAAC,CAAC;YACrD,MAAM,aAAa,GAAG,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAE,CAAe,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;YACxG,MAAM,YAAY,GAAG,aAAa,IAAI,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YACnF,gBAAgB,CAAC,SAAS,GAAG,kDAAkD,YAAY,0CAA0C,eAAe,QAAQ,CAAC;YAC7J,6DAA6D;YACpD,sHAAsH;YACtH,IAAI,CAAC,oBAAoB,GAAG,eAAe,CAAC;YACrD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC1B,CAAC;IACF,CAAC;CACD;AACD,MAAM,UAAU,SAAS,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,aAAa,EAAE,OAAO,EAAqB;IACtG,IAAI,CAAC,UAAU,EAAE,CAAC;QACjB,0DAA0D;QAC1D,OAAO,IAAI,CAAC;IACb,CAAC;IACD,IAAI,aAAa,KAAK,aAAa,EAAE,CAAC;QACrC,mEAAmE;QACnE,OAAO,IAAI,CAAC;IACb,CAAC;IACD,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QAC7B,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;YAC/B,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;YACpC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC;gBACrF,4DAA4D;gBAC5D,OAAO,IAAI,CAAC;YACb,CAAC;iBAAM,CAAC;gBACP,4DAA4D;YAC7D,CAAC;QACF,CAAC;IACF,CAAC;SAAM,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;QACrC,IAAI,OAAO,IAAI,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;YACxC,MAAM,iBAAiB,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;YAClD,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC;gBACzF,yCAAyC;gBACzC,OAAO,IAAI,CAAC;YACb,CAAC;iBAAM,CAAC;gBACP,yCAAyC;YAC1C,CAAC;QACF,CAAC;IACF,CAAC;SAAM,CAAC;QACP,OAAO,CAAC,IAAI,CAAC,4BAA4B,SAAS,EAAE,CAAC,CAAC;QACtD,OAAO,IAAI,CAAC;IACb,CAAC;IACD,OAAO,KAAK,CAAC;AACd,CAAC"}

package/build/monitor/artifactDisplays/speechArtifactDisplay.d.ts

@@ -0,0 +1,9 @@
+import { TArtifactSpeech } from '@haibun/core/build/lib/interfaces/logger.js';
+import { ArtifactDisplay } from './artifactDisplayBase.js';
+export declare class SpeechArtifactDisplay extends ArtifactDisplay {
+    protected artifact: TArtifactSpeech;
+    readonly placementTarget = "details";
+    constructor(artifact: TArtifactSpeech);
+    render(container: HTMLElement): void;
+}
+//# sourceMappingURL=speechArtifactDisplay.d.ts.map

package/build/monitor/artifactDisplays/speechArtifactDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"speechArtifactDisplay.d.ts","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/speechArtifactDisplay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,qBAAa,qBAAsB,SAAQ,eAAe;IAI1C,SAAS,CAAC,QAAQ,EAAE,eAAe;IAF/C,QAAQ,CAAC,eAAe,aAAa;gBAEf,QAAQ,EAAE,eAAe;IAMxC,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;CA0B9C"}

package/build/monitor/artifactDisplays/speechArtifactDisplay.js

@@ -0,0 +1,38 @@
+import { ArtifactDisplay } from './artifactDisplayBase.js';
+export class SpeechArtifactDisplay extends ArtifactDisplay {
+    artifact;
+    // placementTarget is still useful for LogMessageContent/LogEntry to know how to handle this artifact.
+    placementTarget = 'details';
+    constructor(artifact) {
+        super(artifact);
+        this.artifact = artifact;
+        // No element creation or manipulation in the constructor.
+    }
+    // render is now public as per the updated ArtifactDisplay base class
+    render(container) {
+        const typedArtifact = this.artifact;
+        container.innerHTML = ''; // Clear "Artifact is loading..." or previous content
+        const audioElement = document.createElement('audio');
+        audioElement.src = typedArtifact.path;
+        audioElement.controls = true;
+        audioElement.style.width = '320px';
+        audioElement.addEventListener('click', () => {
+            // Prevent click on controls from re-triggering play/pause logic if not intended
+            // However, standard audio controls handle their own play/pause.
+            // This listener is more for if the entire audio element area is clicked.
+            // For simplicity, let's assume clicking anywhere on the audio element implies play intent.
+            if (audioElement.paused) {
+                audioElement.play().catch(error => {
+                    console.error('Error playing audio:', error);
+                    // Optionally, display an error in the container if play fails
+                    // container.innerHTML += `<p class="haibun-artifact-error">Could not play audio: ${(error as Error).message}</p>`;
+                });
+            }
+            else {
+                // audioElement.pause(); // Optional: click to pause if already playing
+            }
+        });
+        container.appendChild(audioElement);
+    }
+}
+//# sourceMappingURL=speechArtifactDisplay.js.map

package/build/monitor/artifactDisplays/speechArtifactDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"speechArtifactDisplay.js","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/speechArtifactDisplay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,OAAO,qBAAsB,SAAQ,eAAe;IAIhC;IAHtB,sGAAsG;IAC7F,eAAe,GAAG,SAAS,CAAC;IAErC,YAAsB,QAAyB;QAC3C,KAAK,CAAC,QAAQ,CAAC,CAAC;QADE,aAAQ,GAAR,QAAQ,CAAiB;QAE3C,0DAA0D;IAC9D,CAAC;IAED,qEAAqE;IAC9D,MAAM,CAAC,SAAsB;QAChC,MAAM,aAAa,GAAG,IAAI,CAAC,QAA2B,CAAC;QACvD,SAAS,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,qDAAqD;QAE/E,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACrD,YAAY,CAAC,GAAG,GAAG,aAAa,CAAC,IAAI,CAAC;QACtC,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC7B,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;QAEnC,YAAY,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YACxC,gFAAgF;YAChF,gEAAgE;YAChE,yEAAyE;YACzE,2FAA2F;YAC3F,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC;gBACtB,YAAY,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;oBAC9B,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;oBAC7C,8DAA8D;oBAC9D,mHAAmH;gBACvH,CAAC,CAAC,CAAC;YACP,CAAC;iBAAM,CAAC;gBACJ,uEAAuE;YAC3E,CAAC;QACL,CAAC,CAAC,CAAC;QACH,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IACxC,CAAC;CACJ"}

package/build/monitor/artifactDisplays/videoArtifactDisplay.d.ts

@@ -0,0 +1,9 @@
+import { TArtifactVideo } from '@haibun/core/build/lib/interfaces/logger.js';
+import { ArtifactDisplay } from './artifactDisplayBase.js';
+export declare class VideoArtifactDisplay extends ArtifactDisplay {
+    protected artifact: TArtifactVideo;
+    readonly placementTarget: 'details' | 'haibun-video';
+    constructor(artifact: TArtifactVideo);
+    render(container: HTMLElement): void;
+}
+//# sourceMappingURL=videoArtifactDisplay.d.ts.map

package/build/monitor/artifactDisplays/videoArtifactDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoArtifactDisplay.d.ts","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/videoArtifactDisplay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,qBAAa,oBAAqB,SAAQ,eAAe;IAEzC,SAAS,CAAC,QAAQ,EAAE,cAAc;IAD9C,QAAQ,CAAC,eAAe,EAAE,SAAS,GAAG,cAAc,CAAC;gBAC/B,QAAQ,EAAE,cAAc;IAQvC,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;CAO9C"}

package/build/monitor/artifactDisplays/videoArtifactDisplay.js

@@ -0,0 +1,22 @@
+import { ArtifactDisplay } from './artifactDisplayBase.js';
+export class VideoArtifactDisplay extends ArtifactDisplay {
+    artifact;
+    placementTarget;
+    constructor(artifact) {
+        super(artifact); // type is 'video' by default from TArtifactVideo
+        this.artifact = artifact;
+        // Element creation is deferred to render method
+        this.placementTarget = document.querySelector('#haibun-video') ? 'haibun-video' : 'details';
+        if (this.placementTarget === 'details') {
+            console.info('Cannot find #haibun-video container; video will be appended to details on toggle.');
+        }
+    }
+    render(container) {
+        const videoElement = document.createElement('video');
+        videoElement.controls = true;
+        videoElement.style.width = '320px'; // Or use CSS classes
+        videoElement.src = this.artifact.path;
+        container.replaceChildren(videoElement); // Clear placeholder and add video
+    }
+}
+//# sourceMappingURL=videoArtifactDisplay.js.map

package/build/monitor/artifactDisplays/videoArtifactDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoArtifactDisplay.js","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/videoArtifactDisplay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,OAAO,oBAAqB,SAAQ,eAAe;IAE/B;IADb,eAAe,CAA6B;IACrD,YAAsB,QAAwB;QAC1C,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,iDAAiD;QADhD,aAAQ,GAAR,QAAQ,CAAgB;QAE1C,gDAAgD;QAChD,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;QAC5F,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE,CAAC;YACrC,OAAO,CAAC,IAAI,CAAC,mFAAmF,CAAC,CAAC;QACtG,CAAC;IACL,CAAC;IACM,MAAM,CAAC,SAAsB;QAChC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACrD,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC7B,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,qBAAqB;QACzD,YAAY,CAAC,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACtC,SAAS,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,kCAAkC;IAC/E,CAAC;CACJ"}

package/build/monitor/artifactDisplays/videoStartArtifactDisplay.d.ts

@@ -0,0 +1,9 @@
+import { TArtifactVideoStart } from '@haibun/core/build/lib/interfaces/logger.js';
+import { ArtifactDisplay } from './artifactDisplayBase.js';
+export declare class VideoStartArtifactDisplay extends ArtifactDisplay {
+    protected artifact: TArtifactVideoStart;
+    readonly placementTarget = "body";
+    constructor(artifact: TArtifactVideoStart);
+    render(container: HTMLElement): void;
+}
+//# sourceMappingURL=videoStartArtifactDisplay.d.ts.map

package/build/monitor/artifactDisplays/videoStartArtifactDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoStartArtifactDisplay.d.ts","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/videoStartArtifactDisplay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,qBAAa,yBAA0B,SAAQ,eAAe;IAE9C,SAAS,CAAC,QAAQ,EAAE,mBAAmB;IADnD,QAAQ,CAAC,eAAe,UAAU;gBACZ,QAAQ,EAAE,mBAAmB;IAI5C,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;CAmB9C"}

package/build/monitor/artifactDisplays/videoStartArtifactDisplay.js

@@ -0,0 +1,30 @@
+import { ArtifactDisplay } from './artifactDisplayBase.js';
+export class VideoStartArtifactDisplay extends ArtifactDisplay {
+    artifact;
+    placementTarget = 'body';
+    constructor(artifact) {
+        super(artifact); // type is 'video/start' by default from TArtifactVideoStart
+        this.artifact = artifact;
+        // Element creation is deferred to render method
+    }
+    render(container) {
+        // For VideoStart, we might not render a visible element in the container itself,
+        // but rather use this to signal something, or if it were to display info,
+        // it would be done here.
+        // For now, let's assume it might want to display its start time if it were visible.
+        const span = document.createElement('span');
+        span.id = 'haibun-video-start'; // This id might be used by other logic
+        span.dataset.start = `${this.artifact.start}`;
+        span.textContent = `Video start event: ${this.artifact.start}`;
+        // Since this is 'body' placement, the container passed might be a generic div
+        // created by LogMessageContent.renderSpecialPlacementArtifact.
+        // If this artifact is meant to be invisible or just a marker,
+        // it might not even append to the container or clear it.
+        // However, to be consistent with other renderers that populate the container:
+        container.replaceChildren(span);
+        // If it's truly a marker for document.body, it might do this instead:
+        // document.body.appendChild(span); // Or update an existing element on the body
+        // For now, populating the provided container is the standard.
+    }
+}
+//# sourceMappingURL=videoStartArtifactDisplay.js.map

package/build/monitor/artifactDisplays/videoStartArtifactDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoStartArtifactDisplay.js","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/videoStartArtifactDisplay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,OAAO,yBAA0B,SAAQ,eAAe;IAEpC;IADb,eAAe,GAAG,MAAM,CAAC;IAClC,YAAsB,QAA6B;QAC/C,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,4DAA4D;QAD3D,aAAQ,GAAR,QAAQ,CAAqB;QAE/C,gDAAgD;IACpD,CAAC;IACM,MAAM,CAAC,SAAsB;QAChC,iFAAiF;QACjF,0EAA0E;QAC1E,yBAAyB;QACzB,oFAAoF;QACpF,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,EAAE,GAAG,oBAAoB,CAAC,CAAC,uCAAuC;QACvE,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;QAC9C,IAAI,CAAC,WAAW,GAAG,sBAAsB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;QAC/D,8EAA8E;QAC9E,+DAA+D;QAC/D,8DAA8D;QAC9D,yDAAyD;QACzD,8EAA8E;QAC9E,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAChC,sEAAsE;QACtE,gFAAgF;QAChF,8DAA8D;IAClE,CAAC;CACJ"}

package/build/monitor/graph/feature-bases.d.ts

@@ -0,0 +1,5 @@
+import { TResolvedFeature } from "@haibun/core/build/lib/defs.js";
+export declare function getBaseLocations(resolvedFeatures: any): Set<unknown>;
+export declare function getBackgroundFeatures(resolvedFeatures: TResolvedFeature[]): Set<string>;
+export declare function getBaseFeatures(resolvedFeatures: any): Map<any, any>;
+//# sourceMappingURL=feature-bases.d.ts.map

package/build/monitor/graph/feature-bases.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-bases.d.ts","sourceRoot":"","sources":["../../../src/monitor/graph/feature-bases.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,wBAAgB,gBAAgB,CAAC,gBAAgB,KAAA,gBAShD;AAED,wBAAgB,qBAAqB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,eAWzE;AAED,wBAAgB,eAAe,CAAC,gBAAgB,KAAA,iBAY/C"}

package/build/monitor/graph/feature-bases.js

@@ -0,0 +1,36 @@
+export function getBaseLocations(resolvedFeatures) {
+    // Collect all unique base locations from features
+    const baseLocations = new Set();
+    resolvedFeatures.forEach(f => {
+        if (f.base && typeof f.base === 'string' && f.base.trim() !== '') {
+            baseLocations.add(f.base);
+        }
+    });
+    return baseLocations;
+}
+export function getBackgroundFeatures(resolvedFeatures) {
+    const backgroundPaths = new Set();
+    resolvedFeatures.forEach(f => {
+        const steps = f.featureSteps ?? [];
+        steps.forEach(step => {
+            if (step.path && step.path !== f.path) {
+                backgroundPaths.add(step.path);
+            }
+        });
+    });
+    return backgroundPaths;
+}
+export function getBaseFeatures(resolvedFeatures) {
+    // Map of base path to the resolved feature object
+    const bases = new Map();
+    resolvedFeatures.forEach(f => {
+        if (f.base && typeof f.base === 'string' && f.base.trim() !== '') {
+            const baseFeature = resolvedFeatures.find(rf => rf.path === f.base);
+            if (baseFeature) {
+                bases.set(f.base, baseFeature);
+            }
+        }
+    });
+    return bases;
+}
+//# sourceMappingURL=feature-bases.js.map

package/build/monitor/graph/feature-bases.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-bases.js","sourceRoot":"","sources":["../../../src/monitor/graph/feature-bases.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,gBAAgB,CAAC,gBAAgB;IAC/C,kDAAkD;IAClD,MAAM,aAAa,GAAG,IAAI,GAAG,EAAE,CAAC;IAChC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAC3B,IAAI,CAAC,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YACjE,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,gBAAoC;IACxE,MAAM,eAAe,GAAG,IAAI,GAAG,EAAU,CAAC;IAC1C,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAC3B,MAAM,KAAK,GAAG,CAAC,CAAC,YAAY,IAAI,EAAE,CAAC;QACnC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;gBACtC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IACH,OAAO,eAAe,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,gBAAgB;IAC9C,kDAAkD;IAClD,MAAM,KAAK,GAAG,IAAI,GAAG,EAAE,CAAC;IACxB,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAC3B,IAAI,CAAC,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YACjE,MAAM,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;YACpE,IAAI,WAAW,EAAE,CAAC;gBAChB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YACjC,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,KAAK,CAAC;AACf,CAAC"}

package/build/monitor/graph/generateMermaidGraph.d.ts

@@ -0,0 +1,4 @@
+import { TResolvedFeature } from '@haibun/core/build/lib/defs.js';
+export declare function generateMermaidGraphAsMarkdown(resolvedFeatures: TResolvedFeature[]): Promise<string>;
+export declare function generateMermaidGraph(resolvedFeatures: TResolvedFeature[]): Promise<string[]>;
+//# sourceMappingURL=generateMermaidGraph.d.ts.map

package/build/monitor/graph/generateMermaidGraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateMermaidGraph.d.ts","sourceRoot":"","sources":["../../../src/monitor/graph/generateMermaidGraph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAIlE,wBAAsB,8BAA8B,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAG1G;AAED,wBAAsB,oBAAoB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAkJlG"}