@haibun/web-playwright 1.43.0 → 1.44.1

package/build/monitor/mermaidDiagram.js

@@ -0,0 +1,199 @@
+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 = false;
+    diagramLines = ['sequenceDiagram']; // Initialize with diagram type
+    pageNames = {};
+    pageCounter = 1;
+    participantAdded = {}; // Track added participants
+    // Add participant declaration if not already added
+    addParticipant(alias, name) {
+        if (!this.participantAdded[alias]) {
+            this.diagramLines.splice(1, 0, `participant ${alias} as ${name}`); // Insert after 'sequenceDiagram'
+            this.participantAdded[alias] = true;
+        }
+    }
+    processEvent(trace, httpEvent, filters = jsonFilters) {
+        this.needsUpdate = true; // Set flag immediately
+        const requestingPage = trace.requestingPage;
+        const requestingURL = trace.requestingURL;
+        const method = trace.method;
+        const status = trace.status;
+        const statusText = trace.statusText;
+        const headers = trace.headers;
+        // Use URL hostname as the server participant
+        let serverAlias = 'UnknownAlias'; // Default if URL is missing
+        let serverName = 'Unknown';
+        if (requestingURL) {
+            try {
+                const url = new URL(requestingURL);
+                serverName = url.hostname;
+                // Handle empty hostname (e.g., for about:blank)
+                if (serverName) {
+                    serverAlias = serverName.replace(/[.-]/g, '');
+                    if (!serverAlias) {
+                        serverAlias = 'HostAlias'; // Fallback alias if replacement results in empty string
+                    }
+                }
+            }
+            catch (e) {
+                serverAlias = 'InvalidURLAlias';
+            }
+        }
+        this.addParticipant(serverAlias, serverName);
+        if (skipEvent(filters, httpEvent, serverName, trace)) {
+            return;
+        }
+        if (requestingPage && requestingURL) {
+            let pageAlias = this.pageNames[requestingPage];
+            if (!pageAlias) {
+                let pageName = `Browser Page ${this.pageCounter}`;
+                let baseAlias = '';
+                try {
+                    // Try to get hostname from the current URL for a better name
+                    const url = new URL(requestingURL);
+                    const hostname = url.hostname;
+                    if (hostname && requestingURL !== 'about:blank') {
+                        baseAlias = hostname.replace(/[.-]/g, '');
+                        if (!baseAlias)
+                            baseAlias = 'Host'; // Fallback if hostname becomes empty
+                        pageName = `${hostname} ${this.pageCounter}`;
+                    }
+                    else {
+                        // Fallback for about:blank or empty hostname
+                        baseAlias = 'Page';
+                    }
+                }
+                catch (e) {
+                    // Fallback for invalid URL
+                    baseAlias = 'Page';
+                }
+                // Ensure unique alias by appending counter
+                pageAlias = `${baseAlias}${this.pageCounter}`;
+                this.pageNames[requestingPage] = pageAlias;
+                this.addParticipant(pageAlias, pageName);
+                this.pageCounter++;
+            }
+            if (method) {
+                const message = sanitizeMermaidContent(`${method} ${shortenURI(requestingURL)}`);
+                this.diagramLines.push(`${pageAlias}->>${serverAlias}: ${message}`);
+                if (headers && headers.referer) {
+                    const note = shortenURI(sanitizeMermaidContent(`Referer: ${headers.referer}`));
+                    this.diagramLines.push(`Note right of ${pageAlias}: ${note}`);
+                }
+                if (headers && headers["accept"]) {
+                    const note = sanitizeMermaidContent(`Accept: ${headers["accept"]}`);
+                    this.diagramLines.push(`Note right of ${pageAlias}: ${note}`);
+                }
+                if (headers && headers["content-type"]) {
+                    const note = sanitizeMermaidContent(`Content-type: ${headers['content-type']}`);
+                    this.diagramLines.push(`Note right of ${pageAlias}: ${note}`);
+                }
+            }
+            if (status) {
+                // Sanitize response message
+                const message = sanitizeMermaidContent(`${status} ${statusText || ''}`);
+                this.diagramLines.push(`${serverAlias}-->>${pageAlias}: ${message}`);
+            }
+        }
+        // this.needsUpdate = true; // Moved to the beginning
+    }
+    getDiagram() {
+        return this.diagramLines.join("\n");
+    }
+    async update() {
+        // Only update the DOM and render if necessary
+        if (!this.needsUpdate) {
+            return;
+        }
+        const mermaidContainer = document.getElementById('sequence-diagram');
+        if (mermaidContainer) {
+            let diagramDefinition = ''; // Declare outside try
+            try {
+                diagramDefinition = this.getDiagram(); // Assign inside try
+                mermaid.initialize({ maxTextSize: 900000 });
+                // Ensure container is empty before rendering
+                mermaidContainer.innerHTML = '';
+                // Insert the diagram definition for Mermaid to process
+                const insert = `<pre class="mermaid">${diagramDefinition}</pre>`;
+                mermaidContainer.insertAdjacentHTML('beforeend', insert);
+                await mermaid.run({ nodes: [mermaidContainer.querySelector('.mermaid')] });
+                console.log("Mermaid diagram rendered.");
+                this.needsUpdate = false; // Reset flag only after successful render
+            }
+            catch (e) {
+                console.error("Failed Mermaid diagram definition:\n", diagramDefinition); // Log failing definition
+                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${diagramDefinition}</pre>`;
+                // Optionally reset needsUpdate here too, or leave it true to retry later? Resetting for now.
+                this.needsUpdate = false;
+            }
+        }
+        else {
+            console.warn("Sequence diagram container not found.");
+            // Reset flag even if container not found to avoid repeated attempts
+            this.needsUpdate = false;
+        }
+    }
+}
+export function skipEvent(filters, httpEvent, serverName, { requestingPage, requestingURL, method, status, statusText, 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=mermaidDiagram.js.map

package/build/monitor/mermaidDiagram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mermaidDiagram.js","sourceRoot":"","sources":["../../src/monitor/mermaidDiagram.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAG9B,OAAO,EAAE,UAAU,EAAoB,MAAM,sCAAsC,CAAC;AAEpF,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;AAGF,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,KAAK,CAAC;IACpB,YAAY,GAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,+BAA+B;IAC7E,SAAS,GAA2B,EAAE,CAAC;IACvC,WAAW,GAAG,CAAC,CAAC;IAChB,gBAAgB,GAA4B,EAAE,CAAC,CAAC,2BAA2B;IAEnF,mDAAmD;IAC3C,cAAc,CAAC,KAAa,EAAE,IAAY;QACjD,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,eAAe,KAAK,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,iCAAiC;YACpG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;QACrC,CAAC;IACF,CAAC;IAEM,YAAY,CAAC,KAAwB,EAAE,SAA0C,EAAE,OAAO,GAAG,WAAW;QAC9G,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,uBAAuB;QAChD,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;QAC5C,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;QAC1C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;QACpC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAE9B,6CAA6C;QAC7C,IAAI,WAAW,GAAG,cAAc,CAAC,CAAC,4BAA4B;QAC9D,IAAI,UAAU,GAAG,SAAS,CAAC;QAC3B,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,gDAAgD;gBAChD,IAAI,UAAU,EAAE,CAAC;oBAChB,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;oBAC9C,IAAI,CAAC,WAAW,EAAE,CAAC;wBAClB,WAAW,GAAG,WAAW,CAAC,CAAC,wDAAwD;oBACpF,CAAC;gBACF,CAAC;YACF,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACZ,WAAW,GAAG,iBAAiB,CAAC;YACjC,CAAC;QACF,CAAC;QACD,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;QAE7C,IAAI,SAAS,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;YACtD,OAAO;QACR,CAAC;QAED,IAAI,cAAc,IAAI,aAAa,EAAE,CAAC;YACrC,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;YAC/C,IAAI,CAAC,SAAS,EAAE,CAAC;gBAChB,IAAI,QAAQ,GAAG,gBAAgB,IAAI,CAAC,WAAW,EAAE,CAAC;gBAClD,IAAI,SAAS,GAAG,EAAE,CAAC;gBACnB,IAAI,CAAC;oBACJ,6DAA6D;oBAC7D,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,CAAC;oBACnC,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;oBAC9B,IAAI,QAAQ,IAAI,aAAa,KAAK,aAAa,EAAE,CAAC;wBACjD,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;wBAC1C,IAAI,CAAC,SAAS;4BAAE,SAAS,GAAG,MAAM,CAAC,CAAC,qCAAqC;wBACzE,QAAQ,GAAG,GAAG,QAAQ,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;oBAC9C,CAAC;yBAAM,CAAC;wBACP,6CAA6C;wBAC7C,SAAS,GAAG,MAAM,CAAC;oBACpB,CAAC;gBACF,CAAC;gBAAC,OAAO,CAAC,EAAE,CAAC;oBACZ,2BAA2B;oBAC3B,SAAS,GAAG,MAAM,CAAC;gBACpB,CAAC;gBACD,2CAA2C;gBAC3C,SAAS,GAAG,GAAG,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;gBAC9C,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;gBAC3C,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;gBACzC,IAAI,CAAC,WAAW,EAAE,CAAC;YACpB,CAAC;YAGD,IAAI,MAAM,EAAE,CAAC;gBACZ,MAAM,OAAO,GAAG,sBAAsB,CAAC,GAAG,MAAM,IAAI,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;gBACjF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,SAAS,MAAM,WAAW,KAAK,OAAO,EAAE,CAAC,CAAC;gBACpE,IAAI,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;oBAChC,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,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;oBAClC,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,IAAI,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;oBACxC,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;YAED,IAAI,MAAM,EAAE,CAAC;gBACZ,4BAA4B;gBAC5B,MAAM,OAAO,GAAG,sBAAsB,CAAC,GAAG,MAAM,IAAI,UAAU,IAAI,EAAE,EAAE,CAAC,CAAC;gBACxE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,WAAW,OAAO,SAAS,KAAK,OAAO,EAAE,CAAC,CAAC;YACtE,CAAC;QACF,CAAC;QACD,qDAAqD;IACtD,CAAC;IAEM,UAAU;QAChB,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;IACM,KAAK,CAAC,MAAM;QAClB,8CAA8C;QAC9C,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACvB,OAAO;QACR,CAAC;QAED,MAAM,gBAAgB,GAAG,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;QACrE,IAAI,gBAAgB,EAAE,CAAC;YACtB,IAAI,iBAAiB,GAAG,EAAE,CAAC,CAAC,sBAAsB;YAClD,IAAI,CAAC;gBACJ,iBAAiB,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,oBAAoB;gBAE3D,OAAO,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;gBAC5C,6CAA6C;gBAC7C,gBAAgB,CAAC,SAAS,GAAG,EAAE,CAAC;gBAChC,uDAAuD;gBACvD,MAAM,MAAM,GAAG,wBAAwB,iBAAiB,QAAQ,CAAC;gBACjE,gBAAgB,CAAC,kBAAkB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;gBAEzD,MAAM,OAAO,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,gBAAgB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC;gBAE3E,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;gBACzC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,CAAC,0CAA0C;YACrE,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACZ,OAAO,CAAC,KAAK,CAAC,sCAAsC,EAAE,iBAAiB,CAAC,CAAC,CAAC,yBAAyB;gBACnG,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,CAAC,CAAC,CAAC;gBACrD,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;gBACxG,MAAM,YAAY,GAAG,aAAa,IAAI,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnF,gBAAgB,CAAC,SAAS,GAAG,4CAA4C,YAAY,mCAAmC,iBAAiB,QAAQ,CAAC;gBAClJ,6FAA6F;gBAC7F,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YAC1B,CAAC;QACF,CAAC;aAAM,CAAC;YACP,OAAO,CAAC,IAAI,CAAC,uCAAuC,CAAC,CAAC;YACtD,oEAAoE;YACpE,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC1B,CAAC;IACF,CAAC;CACD;AACD,MAAM,UAAU,SAAS,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAqB;IAClJ,IAAI,CAAC,UAAU,EAAE,CAAC;QACjB,OAAO,CAAC,IAAI,CAAC,wCAAwC,CAAC,CAAC;QACvD,OAAO,IAAI,CAAC;IACb,CAAC;IACD,IAAI,aAAa,KAAK,aAAa,EAAE,CAAC;QACrC,OAAO,CAAC,IAAI,CAAC,iDAAiD,CAAC,CAAC;QAChE,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,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBACzD,OAAO,IAAI,CAAC;YACb,CAAC;iBAAM,CAAC;gBACP,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAC1D,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,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;gBACtC,OAAO,IAAI,CAAC;YACb,CAAC;iBAAM,CAAC;gBACP,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;YACvC,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/messages.d.ts

@@ -0,0 +1,18 @@
+import { TMessageContext } from '@haibun/core/build/lib/interfaces/logger.js';
+declare abstract class LogComponent<T extends HTMLElement = HTMLElement> {
+    readonly element: T;
+    constructor(tagName: keyof HTMLElementTagNameMap, className?: string | string[]);
+    append(child: LogComponent | HTMLElement): void;
+    addClass(className: string): void;
+    setData(key: string, value: string): void;
+    setHtml(html: string): void;
+    setText(text: string): void;
+}
+export declare class LogEntry extends LogComponent {
+    private detailsSummary;
+    private messageContent;
+    constructor(level: string, timestamp: number, message: string, messageContext?: TMessageContext);
+    private handleSpecialPlacements;
+}
+export {};
+//# sourceMappingURL=messages.d.ts.map

package/build/monitor/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/monitor/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,eAAe,EAAgI,MAAM,6CAA6C,CAAC;AAIvN,uBAAe,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IAC9D,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;gBAER,OAAO,EAAE,MAAM,qBAAqB,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE;IAQ/E,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,WAAW,GAAG,IAAI;IAK/C,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAIjC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIzC,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI3B,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;CAG3B;AA6BD,qBAAa,QAAS,SAAQ,YAAY;IACzC,OAAO,CAAC,cAAc,CAAoB;IAC1C,OAAO,CAAC,cAAc,CAAoB;gBAE9B,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,eAAe;IAgB/F,OAAO,CAAC,uBAAuB;CAqB/B"}

package/build/monitor/messages.js

@@ -0,0 +1,303 @@
+import { EExecutionMessageType } from '@haibun/core/build/lib/interfaces/logger.js';
+import { sequenceDiagramGenerator } from './monitor.js';
+import { disclosureJson } from './disclosureJson.js';
+class LogComponent {
+    element;
+    constructor(tagName, className) {
+        this.element = document.createElement(tagName);
+        if (className) {
+            const classes = Array.isArray(className) ? className : [className];
+            this.element.classList.add(...classes);
+        }
+    }
+    append(child) {
+        // Type guard ensures we append the .element property if it's a LogComponent
+        this.element.appendChild(child instanceof LogComponent ? child.element : child);
+    }
+    addClass(className) {
+        this.element.classList.add(className);
+    }
+    setData(key, value) {
+        this.element.dataset[key] = value;
+    }
+    setHtml(html) {
+        this.element.innerHTML = html;
+    }
+    setText(text) {
+        this.element.textContent = text;
+    }
+}
+// --- Abstract Artifact Display Base Class ---
+// Abstract base for artifact displays
+class ArtifactDisplay extends LogComponent {
+    artifact;
+    label;
+    constructor(artifact, tagName, className) {
+        super(tagName, className);
+        this.artifact = artifact;
+        this.artifact = artifact;
+        this.label = this.deriveLabel();
+        this.render();
+    }
+    deriveLabel() {
+        return this.artifact.artifactType;
+    }
+    get artifactType() {
+        return this.artifact.artifactType;
+    }
+}
+export class LogEntry extends LogComponent {
+    detailsSummary;
+    messageContent;
+    constructor(level, timestamp, message, messageContext) {
+        super('div', ['haibun-log-entry', `haibun-level-${level}`]);
+        if (messageContext?.incident === EExecutionMessageType.STEP_START) {
+            this.addClass('haibun-step-start');
+        }
+        this.setData('time', `${timestamp}`);
+        this.detailsSummary = new LogDetailsSummary(level, timestamp);
+        this.messageContent = new LogMessageContent(message, messageContext);
+        this.append(this.detailsSummary);
+        this.append(this.messageContent);
+        this.handleSpecialPlacements();
+    }
+    handleSpecialPlacements() {
+        const artifactDisplay = this.messageContent.artifactDisplay;
+        if (!artifactDisplay)
+            return;
+        if (artifactDisplay.placementTarget === 'body') {
+            document.body.appendChild(artifactDisplay.element);
+        }
+        else if (artifactDisplay.placementTarget === 'haibun-video') {
+            const haibunVideoContainer = document.querySelector('#haibun-video');
+            if (haibunVideoContainer) {
+                haibunVideoContainer.replaceChildren(artifactDisplay.element);
+                haibunVideoContainer.style.display = 'flex';
+            }
+        }
+        else if (artifactDisplay.placementTarget === 'haibun-sequence-diagram') {
+            // The element is already rendered in the details by LogMessageContent.
+            // Here, we just need to ensure the data is processed for the diagram if needed.
+            // The JsonArtifactHTTPTrace.render method already handles this.
+            // No need to move the element itself.
+            // sequenceDiagramGenerator.processEvent is called within JsonArtifactHTTPTrace.render
+        }
+        // 'details' placement is handled within LogMessageContent constructor
+    }
+}
+// --- Log Entry Structure Components (Used by LogEntry) ---
+class LogDetailsSummary extends LogComponent {
+    constructor(level, timestamp) {
+        super('summary', 'haibun-log-details-summary');
+        const relativeTime = calculateRelativeTime(timestamp);
+        this.setHtml(`${level}<div class="time-small">${formatTime(relativeTime)}s</div>`);
+    }
+}
+class LogMessageContent extends LogComponent {
+    artifactDisplay = null;
+    constructor(message, messageContext) {
+        super('div', 'haibun-message-content');
+        const summaryMessage = getSummaryMessage(message, messageContext);
+        if (messageContext) {
+            // Context exists: ALWAYS create the details structure
+            const incident = messageContext.incident;
+            const incidentDetails = messageContext.incidentDetails;
+            const artifact = messageContext.artifact;
+            let finalLabel = EExecutionMessageType[incident] || 'Context'; // Default label is incident type
+            // Check for artifact and update label if needed
+            if (artifact) {
+                this.artifactDisplay = createArtifactDisplay(artifact);
+                if (this.artifactDisplay) {
+                    // Use artifact label if available and different, otherwise use type
+                    finalLabel = (this.artifactDisplay.label !== this.artifactDisplay.artifactType)
+                        ? this.artifactDisplay.label
+                        : (this.artifactDisplay.artifactType || finalLabel);
+                    // NOTE: We no longer check placementTarget or return early here
+                }
+            }
+            // --- Create Details Wrapper ---
+            const detailsElement = document.createElement('details');
+            detailsElement.classList.add('haibun-context-details');
+            // Create the summary line
+            const messageSummary = new LogMessageSummary(summaryMessage, finalLabel);
+            // Add loader specifically to the message summary if STEP_START
+            if (incident === EExecutionMessageType.STEP_START) {
+                const loader = document.createElement('div');
+                loader.className = 'haibun-loader';
+                messageSummary.element.prepend(loader); // Prepend to the summary element
+            }
+            detailsElement.appendChild(messageSummary.element); // Append the summary (with potential loader)
+            // Add incidentDetails JSON inside the details element
+            if (incidentDetails) {
+                const pre = document.createElement('pre');
+                pre.classList.add('haibun-message-details-json');
+                pre.appendChild(disclosureJson(incidentDetails));
+                detailsElement.appendChild(pre);
+            }
+            // Add artifact display if it exists.
+            // For JsonArtifactHTTPTrace, this ensures the <pre> is always added here.
+            if (this.artifactDisplay) {
+                detailsElement.appendChild(this.artifactDisplay.element);
+            }
+            this.append(detailsElement); // Append the whole details structure
+            // If artifact placement is NOT 'details', we might still want the simple message class on the parent
+            if (this.artifactDisplay && this.artifactDisplay.placementTarget !== 'details') {
+                this.addClass('haibun-simple-message');
+                // Optionally set text again if the summary text differs significantly from the desired simple text
+                // this.setText(summaryMessage);
+            }
+        }
+        else {
+            // No context: display simple message
+            this.addClass('haibun-simple-message');
+            this.setText(message); // Use original message
+        }
+    }
+}
+class LogMessageSummary extends LogComponent {
+    labelSpan;
+    constructor(summaryMessage, initialLabel) {
+        super('summary', 'haibun-log-message-summary');
+        this.labelSpan = document.createElement('span');
+        this.labelSpan.className = 'details-type'; // Class for styling the label
+        this.updateLabel(initialLabel); // Set initial label with formatting
+        // Set text first, then append span
+        this.setText(summaryMessage);
+        this.append(this.labelSpan);
+    }
+    updateLabel(newLabel) {
+        this.labelSpan.textContent = newLabel.replace(/_/g, ' ');
+    }
+}
+// --- Artifact Display Components (Details) ---
+// Factory function to create the correct ArtifactDisplay instance
+function createArtifactDisplay(artifact) {
+    const { artifactType } = artifact;
+    switch (artifactType) {
+        case 'html': return new HtmlArtifactDisplay(artifact);
+        case 'image': return new ImageArtifactDisplay(artifact);
+        case 'video': return new VideoArtifactDisplay(artifact);
+        case 'video/start': return new VideoStartArtifactDisplay(artifact);
+        case 'json': return new JsonArtifactDisplay(artifact);
+        case 'json/http/trace':
+            return new JsonArtifactHTTPTrace(artifact);
+        default: {
+            throw Error(`Unsupported artifact type "${artifact.artifactType}" for display from ${artifactType}`);
+        }
+    }
+}
+// Specific implementations for each artifact type
+class HtmlArtifactDisplay extends ArtifactDisplay {
+    artifact;
+    placementTarget = 'details';
+    constructor(artifact) {
+        super(artifact, 'iframe');
+        this.artifact = artifact;
+        this.element.style.border = 'none';
+        this.element.style.width = '100%';
+        this.element.style.height = '80vh';
+    }
+    render() {
+        if (this.artifact.html) {
+            this.element.srcdoc = this.artifact.html;
+        }
+    }
+}
+class ImageArtifactDisplay extends ArtifactDisplay {
+    artifact;
+    placementTarget = 'details';
+    constructor(artifact) {
+        super(artifact, 'img');
+        this.artifact = artifact;
+        this.element.alt = 'Screen capture artifact';
+    }
+    render() {
+        this.element.src = getRuntimePath(this.artifact);
+    }
+}
+class VideoArtifactDisplay extends ArtifactDisplay {
+    artifact;
+    placementTarget;
+    constructor(artifact) {
+        super(artifact, 'video');
+        this.artifact = artifact;
+        const videoElement = this.element;
+        videoElement.controls = true;
+        videoElement.style.width = '320px';
+        this.placementTarget = document.querySelector('#haibun-video') ? 'haibun-video' : 'details';
+        if (this.placementTarget === 'details') {
+            console.info('Cannot find #haibun-video container; appending video to details.');
+        }
+    }
+    render() {
+        this.element.src = getRuntimePath(this.artifact);
+    }
+}
+class VideoStartArtifactDisplay extends ArtifactDisplay {
+    artifact;
+    placementTarget = 'body';
+    constructor(artifact) {
+        super(artifact, 'span');
+        this.artifact = artifact;
+        this.element.id = 'haibun-video-start';
+    }
+    render() {
+        this.setData('start', `${this.artifact.start}`);
+    }
+}
+class JsonArtifactHTTPTrace extends ArtifactDisplay {
+    artifact;
+    placementTarget;
+    constructor(artifact) {
+        super(artifact, 'pre', 'haibun-message-details-json');
+        this.artifact = artifact;
+        this.placementTarget = document.querySelector('#sequence-diagram') ? 'haibun-sequence-diagram' : 'details';
+    }
+    deriveLabel() {
+        return '⇄ Trace';
+    }
+    render() {
+        if (this.artifact.httpEvent !== 'route') {
+            sequenceDiagramGenerator.processEvent(this.artifact.trace, this.artifact.httpEvent);
+        }
+        this.append(disclosureJson(this.artifact.trace));
+    }
+}
+class JsonArtifactDisplay extends ArtifactDisplay {
+    artifact;
+    placementTarget = 'details';
+    constructor(artifact) {
+        super(artifact, 'pre', 'haibun-message-details-json');
+        this.artifact = artifact;
+    }
+    deriveLabel() {
+        return this.artifact.artifactType;
+    }
+    render() {
+        this.append(disclosureJson(this.artifact.json || {}));
+    }
+}
+// --- Helper Functions ---
+function calculateRelativeTime(timestamp) {
+    const startTime = parseInt(document.body.dataset.startTime || `${Date.now()}`, 10);
+    return timestamp - startTime;
+}
+function formatTime(relativeTimeMs) {
+    return (relativeTimeMs / 1000).toFixed(3).replace('.', ':');
+}
+function getSummaryMessage(message, messageContext) {
+    // Check for STEP_END incident and access details via incidentDetails
+    if (messageContext?.incident === EExecutionMessageType.STEP_END && messageContext.incidentDetails?.result?.in) {
+        return `${message} ${messageContext.incidentDetails.result.in}`;
+    }
+    return message;
+}
+function getRuntimePath(artifact) {
+    const isRuntime = document.body.dataset.haibunRuntime === 'true';
+    if (isRuntime && artifact.runtimePath) {
+        const prefix = artifact.runtimePath.endsWith('/') ? artifact.runtimePath : `${artifact.runtimePath}/`;
+        return `${prefix}${artifact.path.replace(/^\.\//, '')}`;
+    }
+    return artifact.path;
+}
+//# sourceMappingURL=messages.js.map

package/build/monitor/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/monitor/messages.ts"],"names":[],"mappings":"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"}

package/build/monitor/monitor.d.ts

@@ -0,0 +1,16 @@
+import { SequenceDiagramGenerator } from './mermaidDiagram.js';
+import { TAnyFixme } from '@haibun/core/build/lib/defs.js';
+import { TLogLevel, TLogArgs, TMessageContext } from '@haibun/core/build/lib/interfaces/logger.js';
+declare global {
+    interface Window {
+        haibunLogData: TAnyFixme[];
+        receiveLogData: (logEntry: {
+            level: TLogLevel;
+            message: TLogArgs;
+            messageContext?: TMessageContext;
+            timestamp: number;
+        }) => void;
+    }
+}
+export declare const sequenceDiagramGenerator: SequenceDiagramGenerator;
+//# sourceMappingURL=monitor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"monitor.d.ts","sourceRoot":"","sources":["../../src/monitor/monitor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAyB,MAAM,6CAA6C,CAAC;AAI1H,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,aAAa,EAAE,SAAS,EAAE,CAAC;QAC3B,cAAc,EAAE,CAAC,QAAQ,EAAE;YAAE,KAAK,EAAE,SAAS,CAAC;YAAC,OAAO,EAAE,QAAQ,CAAC;YAAC,cAAc,CAAC,EAAE,eAAe,CAAC;YAAC,SAAS,EAAE,MAAM,CAAA;SAAE,KAAK,IAAI,CAAC;KACjI;CACD;AAYD,eAAO,MAAM,wBAAwB,0BAAiC,CAAC"}

package/build/monitor/monitor.js

@@ -0,0 +1,61 @@
+import mermaid from 'mermaid';
+import { SequenceDiagramGenerator } from './mermaidDiagram.js';
+import { EExecutionMessageType } from '@haibun/core/build/lib/interfaces/logger.js'; // Moved EExecutionMessageType here
+import { LogEntry } from './messages.js';
+import { setupControls } from './controls.js';
+window.haibunLogData = window.haibunLogData || [];
+console.log('monitor', window.haibunLogData);
+// Function exposed to Playwright to receive new logs
+window.receiveLogData = (logEntry) => {
+    window.haibunLogData.push(logEntry);
+    renderLogEntry(logEntry);
+    void sequenceDiagramGenerator.update();
+};
+export const sequenceDiagramGenerator = new SequenceDiagramGenerator();
+function renderLogEntry(logEntryData) {
+    const { level, message, messageContext, timestamp } = logEntryData;
+    const container = document.getElementById('haibun-log-display-area');
+    if (!container) {
+        console.error('Could not find log display area #haibun-log-display-area');
+        return;
+    }
+    const logEntry = new LogEntry(level, timestamp, message, messageContext);
+    const logEntryElement = logEntry.element; // Get the actual DOM element
+    container.appendChild(logEntryElement);
+    // On STEP_END, find the last active STEP_START entry and hide it
+    if (messageContext?.incident === EExecutionMessageType.STEP_END) {
+        // Find the last .haibun-step-start element that does NOT have .disappeared
+        const activeStepStartEntries = container.querySelectorAll('.haibun-step-start:not(.disappeared)');
+        if (activeStepStartEntries.length > 0) {
+            const lastActiveEntry = activeStepStartEntries[activeStepStartEntries.length - 1];
+            lastActiveEntry.classList.add('disappeared');
+        }
+        else {
+            // Warn if STEP_END received but no active STEP_START found
+            console.warn('Received STEP_END but found no active STEP_START log entry to hide.');
+        }
+    }
+    // Note: The .haibun-step-start class is added in messages.ts LogEntry constructor
+    // Auto-scroll the container to the bottom
+    container.scrollTop = container.scrollHeight;
+}
+function renderAllLogs() {
+    const container = document.getElementById('haibun-log-display-area');
+    if (container) {
+        window.haibunLogData.forEach(renderLogEntry);
+        void sequenceDiagramGenerator.update();
+    }
+}
+// Initial render on page load
+document.addEventListener('DOMContentLoaded', () => {
+    console.log("Monitor DOMContentLoaded");
+    // Set start time on body for relative calculations
+    if (!document.body.dataset.startTime) {
+        document.body.dataset.startTime = `${Date.now()}`;
+    }
+    mermaid.initialize({ startOnLoad: false, securityLevel: 'loose' });
+    renderAllLogs();
+    setupControls();
+    console.log("Initial logs rendered.");
+});
+//# sourceMappingURL=monitor.js.map

package/build/monitor/monitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monitor.js","sourceRoot":"","sources":["../../src/monitor/monitor.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EAAwC,qBAAqB,EAAE,MAAM,6CAA6C,CAAC,CAAC,mCAAmC;AAC9J,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAS9C,MAAM,CAAC,aAAa,GAAG,MAAM,CAAC,aAAa,IAAI,EAAE,CAAC;AAClD,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC;AAE7C,qDAAqD;AACrD,MAAM,CAAC,cAAc,GAAG,CAAC,QAAQ,EAAE,EAAE;IACpC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACpC,cAAc,CAAC,QAAQ,CAAC,CAAC;IACzB,KAAK,wBAAwB,CAAC,MAAM,EAAE,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,wBAAwB,EAAE,CAAC;AAEvE,SAAS,cAAc,CAAC,YAA0G;IACjI,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,YAAY,CAAC;IACnE,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,yBAAyB,CAAC,CAAC;IACrE,IAAI,CAAC,SAAS,EAAE,CAAC;QAChB,OAAO,CAAC,KAAK,CAAC,0DAA0D,CAAC,CAAC;QAC1E,OAAO;IACR,CAAC;IAED,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC;IACzE,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,6BAA6B;IAEvE,SAAS,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAEvC,iEAAiE;IACjE,IAAI,cAAc,EAAE,QAAQ,KAAK,qBAAqB,CAAC,QAAQ,EAAE,CAAC;QACjE,2EAA2E;QAC3E,MAAM,sBAAsB,GAAG,SAAS,CAAC,gBAAgB,CAAC,sCAAsC,CAAC,CAAC;QAClG,IAAI,sBAAsB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvC,MAAM,eAAe,GAAG,sBAAsB,CAAC,sBAAsB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAClF,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAC9C,CAAC;aAAM,CAAC;YACP,2DAA2D;YAC3D,OAAO,CAAC,IAAI,CAAC,qEAAqE,CAAC,CAAC;QACrF,CAAC;IACF,CAAC;IACD,kFAAkF;IAElF,0CAA0C;IAC1C,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,YAAY,CAAC;AAC9C,CAAC;AACD,SAAS,aAAa;IACrB,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,yBAAyB,CAAC,CAAC;IACrE,IAAI,SAAS,EAAE,CAAC;QACf,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAC7C,KAAK,wBAAwB,CAAC,MAAM,EAAE,CAAC;IACxC,CAAC;AACF,CAAC;AAED,8BAA8B;AAC9B,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAClD,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;IACxC,mDAAmD;IACnD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;QACtC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;IACnD,CAAC;IACD,OAAO,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC;IACnE,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,CAAC;IAChB,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;AACvC,CAAC,CAAC,CAAC"}