npm - @seqyuan/annovibe - Versions diffs - 0.8.70 → 0.8.80 - Mend

@seqyuan/annovibe 0.8.70 → 0.8.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (274) hide show

package/.next/server/app/smoke.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en" class="__variable_66b8ca"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/7deddc85b7ffd1dc-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/ec14413c594b3356-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/88714c00e109ce28.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/d6038901c29122c8.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-b7b531a4a8559f64.js"/><script src="/_next/static/chunks/4bd1b696-e356ca5ba0218e27.js" async=""></script><script src="/_next/static/chunks/3794-123fdf632563f469.js" async=""></script><script src="/_next/static/chunks/main-app-8d81a93b58bb990f.js" async=""></script><script src="/_next/static/chunks/app/layout-5608bfe5e8f4e4c0.js" async=""></script><script src="/_next/static/chunks/d3ac728e-7964f816a1ca64e5.js" async=""></script><script src="/_next/static/chunks/363642f4-043c1475ab9af70e.js" async=""></script><script src="/_next/static/chunks/73972abe-9ff83c7d1a6ea9f7.js" async=""></script><script src="/_next/static/chunks/0b9a0da7-9075af772487e743.js" async=""></script><script src="/_next/static/chunks/8194-4a4c6b44dcfc55b3.js" async=""></script><script src="/_next/static/chunks/9901-54dfe54ff40a31d4.js" async=""></script><script src="/_next/static/chunks/app/smoke/page-d1be0dc9ec4396ba.js" async=""></script><meta name="next-size-adjust" content=""/><title>AnnoVibe</title><meta name="description" content="AI-native bioinformatics workspace by Annoroad"/><link rel="shortcut icon" href="/icon.svg" type="image/svg+xml"/><link rel="icon" href="/icon.svg" type="image/svg+xml"/><script>(self.__next_s=self.__next_s||[]).push([0,{"children":"(function(){try{var t=localStorage.getItem(\"pi-theme\");if(t===\"dark\")document.documentElement.classList.add(\"dark\")}catch(e){}})();","id":"theme-init"}])</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body style="height:100dvh;display:flex;flex-direction:column"><div hidden=""><!--$--><!--/$--></div><main style="min-height:100vh;background:var(--bg);color:var(--text);padding:24px 20px 56px"><div style="max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:20px"><div style="display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap"><div><h1 style="margin:0;font-size:22px;line-height:1.2">Generative UI Smoke</h1><div style="margin-top:6px;color:var(--text-muted);font-size:13px">Fixed fixture for Streamdown, Shiki, widgets, mermaid, ANSI, and folding behavior.</div></div><div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap"><button type="button" data-smoke-control="streaming-toggle" style="min-height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);cursor:pointer">Streaming On</button><button type="button" data-smoke-control="theme-toggle" style="min-height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);cursor:pointer">Light</button><button type="button" data-smoke-control="reduced-motion-toggle" style="min-height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);cursor:pointer">Reduced Motion Off</button></div></div><section style="display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:12px"><div data-smoke="text-shimmer" style="border:1px solid var(--border);border-radius:8px;background:var(--assistant-bg);padding:12px;display:flex;flex-direction:column;gap:10px;min-height:92px"><div style="font-size:12px;color:var(--text-muted);font-weight:600">Text Shimmer</div><div><span style="display:inline-block;background-image:linear-gradient(90deg, var(--text-dim) 25%, var(--text-muted) 50%, var(--text-dim) 75%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:text-shimmer 2s linear infinite">Thinking</span></div></div><div data-smoke="surface-shimmer" style="border:1px solid var(--border);border-radius:8px;background:var(--assistant-bg);padding:12px;display:flex;flex-direction:column;gap:10px;min-height:92px"><div style="font-size:12px;color:var(--text-muted);font-weight:600">Surface Shimmer</div><div><div style="border-radius:6px;background:var(--bg-panel);overflow:hidden;height:56px"><div style="width:100%;height:100%;background:linear-gradient(90deg, transparent 0%, var(--bg-hover) 50%, transparent 100%);background-size:200% 100%;animation:surface-shimmer 1.5s ease-in-out infinite"></div></div></div></div><div data-smoke="status-badges" style="border:1px solid var(--border);border-radius:8px;background:var(--assistant-bg);padding:12px;display:flex;flex-direction:column;gap:10px;min-height:92px"><div style="font-size:12px;color:var(--text-muted);font-weight:600">Status Badge</div><div><div style="display:flex;gap:8px;flex-wrap:wrap"><span style="display:inline-flex;align-items:center;gap:5px;min-height:18px;padding:0 6px;border-radius:999px;border:1px solid color-mix(in srgb, #f59e0b 35%, transparent);background:color-mix(in srgb, #f59e0b 10%, transparent);color:#f59e0b;font-size:10px;font-weight:600;white-space:nowrap;flex-shrink:0" title="Running"><span style="width:6px;height:6px;border-radius:999px;background:#f59e0b;animation:pulse 1.2s ease-in-out infinite"></span><span>Running</span></span><span style="display:inline-flex;align-items:center;gap:5px;min-height:18px;padding:0 6px;border-radius:999px;border:1px solid color-mix(in srgb, #16a34a 35%, transparent);background:color-mix(in srgb, #16a34a 10%, transparent);color:#16a34a;font-size:10px;font-weight:600;white-space:nowrap;flex-shrink:0" title="Done"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg><span>Done</span></span><span style="display:inline-flex;align-items:center;gap:5px;min-height:18px;padding:0 6px;border-radius:999px;border:1px solid color-mix(in srgb, #f87171 35%, transparent);background:color-mix(in srgb, #f87171 10%, transparent);color:#f87171;font-size:10px;font-weight:600;white-space:nowrap;flex-shrink:0" title="Error"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m18 6-12 12"></path><path d="m6 6 12 12"></path></svg><span>Error</span></span><span style="display:inline-flex;align-items:center;gap:5px;min-height:18px;padding:0 6px;border-radius:999px;border:1px solid color-mix(in srgb, var(--text-dim) 35%, transparent);background:color-mix(in srgb, var(--text-dim) 10%, transparent);color:var(--text-dim);font-size:10px;font-weight:600;white-space:nowrap;flex-shrink:0" title="Unknown"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"></circle><path d="M12 8v5"></path><path d="M12 16h.01"></path></svg><span>Unknown</span></span></div></div></div></section><section data-smoke="assistant-markdown" style="border:1px solid var(--border);border-radius:8px;background:var(--assistant-bg);overflow:hidden"><div style="padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg-panel);font-size:12px;color:var(--text-muted);font-weight:600">Assistant Markdown</div><div style="padding:14px"><div class="markdown-body"><div class="space-y-4 whitespace-normal [&amp;&gt;*:first-child]:mt-0 [&amp;&gt;*:last-child]:mb-0"><h1 class="mt-6 mb-2 font-semibold text-3xl" data-streamdown="heading-1">Generative UI Smoke</h1><p>Inline code: <code style="background:var(--bg-selected);padding:1px 4px;border-radius:3px;font-family:var(--font-mono);font-size:0.9em">const answer = 42</code></p><p>Inline math: $E=mc^2$</p><span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><msubsup><mo>∫</mo><mn>0</mn><mn>1</mn></msubsup><msup><mi>x</mi><mn>2</mn></msup><mtext> </mtext><mi>d</mi><mi>x</mi><mo>=</mo><mfrac><mn>1</mn><mn>3</mn></mfrac></mrow><annotation encoding="application/x-tex">\int_0^1 x^2 \, dx = \frac{1}{3}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:2.476em;vertical-align:-0.9119em"></span><span class="mop"><span class="mop op-symbol large-op" style="margin-right:0.4445em;position:relative;top:-0.0011em">∫</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.564em"><span style="top:-1.7881em;margin-left:-0.4445em;margin-right:0.05em"><span class="pstrut" style="height:2.7em"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">0</span></span></span><span style="top:-3.8129em;margin-right:0.05em"><span class="pstrut" style="height:2.7em"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">1</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.9119em"><span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.1667em"></span><span class="mord"><span class="mord mathnormal">x</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8641em"><span style="top:-3.113em;margin-right:0.05em"><span class="pstrut" style="height:2.7em"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.1667em"></span><span class="mord mathnormal">d</span><span class="mord mathnormal">x</span><span class="mspace" style="margin-right:0.2778em"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2778em"></span></span><span class="base"><span class="strut" style="height:2.0074em;vertical-align:-0.686em"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.3214em"><span style="top:-2.314em"><span class="pstrut" style="height:3em"></span><span class="mord"><span class="mord">3</span></span></span><span style="top:-3.23em"><span class="pstrut" style="height:3em"></span><span class="frac-line" style="border-bottom-width:0.04em"></span></span><span style="top:-3.677em"><span class="pstrut" style="height:3em"></span><span class="mord"><span class="mord">1</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.686em"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span></span></span></span></span><h2 class="mt-6 mb-2 font-semibold text-2xl" data-streamdown="heading-2">JavaScript</h2><div class="markdown-code-block markdown-code-block-chat" style="border-radius:6px;overflow:hidden;border:1px solid var(--border);margin-top:4px;margin-bottom:4px"><div style="padding:3px 10px;background:var(--bg-panel);border-bottom:1px solid var(--border);font-size:11px;color:var(--text-dim);display:flex;justify-content:space-between;align-items:center;gap:8px"><span>js</span><div style="display:flex;gap:8px;align-items:center"><button type="button" title="Copy as Markdown fence" aria-label="Copy as Markdown fence" style="background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px">markdown</button><button type="button" aria-label="Copy code" style="background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px">copy</button></div></div><pre data-highlight-source="raw" data-highlight-language="js" style="margin:0;padding:10px 12px;font-size:12.5px;line-height:1.6;overflow:auto;background:var(--bg);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;color:var(--text)"><code>export function sum(a, b) {
+<!DOCTYPE html><html lang="en" class="__variable_66b8ca"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/7deddc85b7ffd1dc-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/ec14413c594b3356-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/88714c00e109ce28.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/c9f1fab452e74e95.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-b13282f72690ef5e.js"/><script src="/_next/static/chunks/4bd1b696-e356ca5ba0218e27.js" async=""></script><script src="/_next/static/chunks/3794-123fdf632563f469.js" async=""></script><script src="/_next/static/chunks/main-app-8d81a93b58bb990f.js" async=""></script><script src="/_next/static/chunks/app/layout-5608bfe5e8f4e4c0.js" async=""></script><script src="/_next/static/chunks/d3ac728e-7964f816a1ca64e5.js" async=""></script><script src="/_next/static/chunks/363642f4-dc35a7a659350f8e.js" async=""></script><script src="/_next/static/chunks/73972abe-9ff83c7d1a6ea9f7.js" async=""></script><script src="/_next/static/chunks/0b9a0da7-9075af772487e743.js" async=""></script><script src="/_next/static/chunks/6280-513d6c4ef41995b8.js" async=""></script><script src="/_next/static/chunks/9901-eb16ea7a0737ac0d.js" async=""></script><script src="/_next/static/chunks/app/smoke/page-06d3574061580f4b.js" async=""></script><meta name="next-size-adjust" content=""/><title>AnnoVibe</title><meta name="description" content="AI-native bioinformatics workspace by Annoroad"/><link rel="shortcut icon" href="/icon.svg" type="image/svg+xml"/><link rel="icon" href="/icon.svg" type="image/svg+xml"/><script>(self.__next_s=self.__next_s||[]).push([0,{"children":"(function(){try{var t=localStorage.getItem(\"pi-theme\");if(t===\"dark\")document.documentElement.classList.add(\"dark\")}catch(e){}})();","id":"theme-init"}])</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body style="height:100dvh;display:flex;flex-direction:column"><div hidden=""><!--$--><!--/$--></div><main style="min-height:100vh;background:var(--bg);color:var(--text);padding:24px 20px 56px"><div style="max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:20px"><div style="display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap"><div><h1 style="margin:0;font-size:22px;line-height:1.2">Generative UI Smoke</h1><div style="margin-top:6px;color:var(--text-muted);font-size:13px">Fixed fixture for Streamdown, Shiki, widgets, mermaid, ANSI, and folding behavior.</div></div><div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap"><button type="button" data-smoke-control="streaming-toggle" style="min-height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);cursor:pointer">Streaming On</button><button type="button" data-smoke-control="theme-toggle" style="min-height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);cursor:pointer">Light</button><button type="button" data-smoke-control="reduced-motion-toggle" style="min-height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);cursor:pointer">Reduced Motion Off</button></div></div><section style="display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:12px"><div data-smoke="text-shimmer" style="border:1px solid var(--border);border-radius:8px;background:var(--assistant-bg);padding:12px;display:flex;flex-direction:column;gap:10px;min-height:92px"><div style="font-size:12px;color:var(--text-muted);font-weight:600">Text Shimmer</div><div><span style="display:inline-block;background-image:linear-gradient(90deg, var(--text-dim) 25%, var(--text-muted) 50%, var(--text-dim) 75%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:text-shimmer 2s linear infinite">Thinking</span></div></div><div data-smoke="surface-shimmer" style="border:1px solid var(--border);border-radius:8px;background:var(--assistant-bg);padding:12px;display:flex;flex-direction:column;gap:10px;min-height:92px"><div style="font-size:12px;color:var(--text-muted);font-weight:600">Surface Shimmer</div><div><div style="border-radius:6px;background:var(--bg-panel);overflow:hidden;height:56px"><div style="width:100%;height:100%;background:linear-gradient(90deg, transparent 0%, var(--bg-hover) 50%, transparent 100%);background-size:200% 100%;animation:surface-shimmer 1.5s ease-in-out infinite"></div></div></div></div><div data-smoke="status-badges" style="border:1px solid var(--border);border-radius:8px;background:var(--assistant-bg);padding:12px;display:flex;flex-direction:column;gap:10px;min-height:92px"><div style="font-size:12px;color:var(--text-muted);font-weight:600">Status Badge</div><div><div style="display:flex;gap:8px;flex-wrap:wrap"><span style="display:inline-flex;align-items:center;gap:5px;min-height:18px;padding:0 6px;border-radius:999px;border:1px solid color-mix(in srgb, #f59e0b 35%, transparent);background:color-mix(in srgb, #f59e0b 10%, transparent);color:#f59e0b;font-size:10px;font-weight:600;white-space:nowrap;flex-shrink:0" title="Running"><span style="width:6px;height:6px;border-radius:999px;background:#f59e0b;animation:pulse 1.2s ease-in-out infinite"></span><span>Running</span></span><span style="display:inline-flex;align-items:center;gap:5px;min-height:18px;padding:0 6px;border-radius:999px;border:1px solid color-mix(in srgb, #16a34a 35%, transparent);background:color-mix(in srgb, #16a34a 10%, transparent);color:#16a34a;font-size:10px;font-weight:600;white-space:nowrap;flex-shrink:0" title="Done"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"></polyline></svg><span>Done</span></span><span style="display:inline-flex;align-items:center;gap:5px;min-height:18px;padding:0 6px;border-radius:999px;border:1px solid color-mix(in srgb, #f87171 35%, transparent);background:color-mix(in srgb, #f87171 10%, transparent);color:#f87171;font-size:10px;font-weight:600;white-space:nowrap;flex-shrink:0" title="Error"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m18 6-12 12"></path><path d="m6 6 12 12"></path></svg><span>Error</span></span><span style="display:inline-flex;align-items:center;gap:5px;min-height:18px;padding:0 6px;border-radius:999px;border:1px solid color-mix(in srgb, var(--text-dim) 35%, transparent);background:color-mix(in srgb, var(--text-dim) 10%, transparent);color:var(--text-dim);font-size:10px;font-weight:600;white-space:nowrap;flex-shrink:0" title="Unknown"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"></circle><path d="M12 8v5"></path><path d="M12 16h.01"></path></svg><span>Unknown</span></span></div></div></div></section><section data-smoke="assistant-markdown" style="border:1px solid var(--border);border-radius:8px;background:var(--assistant-bg);overflow:hidden"><div style="padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg-panel);font-size:12px;color:var(--text-muted);font-weight:600">Assistant Markdown</div><div style="padding:14px"><div class="markdown-body"><div class="space-y-4 whitespace-normal [&amp;&gt;*:first-child]:mt-0 [&amp;&gt;*:last-child]:mb-0"><h1 class="mt-6 mb-2 font-semibold text-3xl" data-streamdown="heading-1">Generative UI Smoke</h1><p>Inline code: <code style="background:var(--bg-selected);padding:1px 4px;border-radius:3px;font-family:var(--font-mono);font-size:0.9em">const answer = 42</code></p><p>Inline math: $E=mc^2$</p><span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><msubsup><mo>∫</mo><mn>0</mn><mn>1</mn></msubsup><msup><mi>x</mi><mn>2</mn></msup><mtext> </mtext><mi>d</mi><mi>x</mi><mo>=</mo><mfrac><mn>1</mn><mn>3</mn></mfrac></mrow><annotation encoding="application/x-tex">\int_0^1 x^2 \, dx = \frac{1}{3}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:2.476em;vertical-align:-0.9119em"></span><span class="mop"><span class="mop op-symbol large-op" style="margin-right:0.4445em;position:relative;top:-0.0011em">∫</span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.564em"><span style="top:-1.7881em;margin-left:-0.4445em;margin-right:0.05em"><span class="pstrut" style="height:2.7em"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">0</span></span></span><span style="top:-3.8129em;margin-right:0.05em"><span class="pstrut" style="height:2.7em"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">1</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.9119em"><span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.1667em"></span><span class="mord"><span class="mord mathnormal">x</span><span class="msupsub"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.8641em"><span style="top:-3.113em;margin-right:0.05em"><span class="pstrut" style="height:2.7em"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight">2</span></span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.1667em"></span><span class="mord mathnormal">d</span><span class="mord mathnormal">x</span><span class="mspace" style="margin-right:0.2778em"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2778em"></span></span><span class="base"><span class="strut" style="height:2.0074em;vertical-align:-0.686em"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.3214em"><span style="top:-2.314em"><span class="pstrut" style="height:3em"></span><span class="mord"><span class="mord">3</span></span></span><span style="top:-3.23em"><span class="pstrut" style="height:3em"></span><span class="frac-line" style="border-bottom-width:0.04em"></span></span><span style="top:-3.677em"><span class="pstrut" style="height:3em"></span><span class="mord"><span class="mord">1</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.686em"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span></span></span></span></span><h2 class="mt-6 mb-2 font-semibold text-2xl" data-streamdown="heading-2">JavaScript</h2><div class="markdown-code-block markdown-code-block-chat" style="border-radius:6px;overflow:hidden;border:1px solid var(--border);margin-top:4px;margin-bottom:4px"><div style="padding:3px 10px;background:var(--bg-panel);border-bottom:1px solid var(--border);font-size:11px;color:var(--text-dim);display:flex;justify-content:space-between;align-items:center;gap:8px"><span>js</span><div style="display:flex;gap:8px;align-items:center"><button type="button" title="Copy as Markdown fence" aria-label="Copy as Markdown fence" style="background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px">markdown</button><button type="button" aria-label="Copy code" style="background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px">copy</button></div></div><pre data-highlight-source="raw" data-highlight-language="js" style="margin:0;padding:10px 12px;font-size:12.5px;line-height:1.6;overflow:auto;background:var(--bg);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;color:var(--text)"><code>export function sum(a, b) {
   return a + b;
 }
@@ -113,53 +113,56 @@ input[type=&quot;range&quot;] { accent-color: var(--accent, #2563eb); }
     try {
       var tmp = document.createElement(&quot;div&quot;);
       tmp.innerHTML = html;
-    var nodes = tmp.querySelectorAll(&quot;script&quot;);
-    var scripts = [];
-    for (var i = 0; i &lt; nodes.length; i++) {
-      var item = { src: nodes[i].src || &quot;&quot;, text: nodes[i].textContent || &quot;&quot;, attrs: [] };
-      for (var j = 0; j &lt; nodes[i].attributes.length; j++) {
-        var attr = nodes[i].attributes[j];
-        if (attr.name !== &quot;src&quot; &amp;&amp; attr.name !== &quot;onload&quot;) item.attrs.push({ name: attr.name, value: attr.value });
+      var nodes = tmp.querySelectorAll(&quot;script&quot;);
+      var scripts = [];
+      for (var i = 0; i &lt; nodes.length; i++) {
+        var item = { src: nodes[i].src || &quot;&quot;, text: nodes[i].textContent || &quot;&quot;, attrs: [] };
+        for (var j = 0; j &lt; nodes[i].attributes.length; j++) {
+          var attr = nodes[i].attributes[j];
+          if (attr.name !== &quot;src&quot; &amp;&amp; attr.name !== &quot;onload&quot;) item.attrs.push({ name: attr.name, value: attr.value });
+        }
+        scripts.push(item);
+        nodes[i].remove();
       }
-      scripts.push(item);
-      nodes[i].remove();
-    }
-    var visualHtml = tmp.innerHTML;
-    if (root.innerHTML !== visualHtml) root.innerHTML = visualHtml;
-    var cdnScripts = scripts.filter(function(s) { return !!s.src; });
-    var inlineScripts = scripts.filter(function(s) { return !s.src &amp;&amp; s.text; });
-    function appendInline() {
-      for (var k = 0; k &lt; inlineScripts.length; k++) {
-        var s = document.createElement(&quot;script&quot;);
-        s.textContent = inlineScripts[k].text;
-        for (var a = 0; a &lt; inlineScripts[k].attrs.length; a++) {
-          s.setAttribute(inlineScripts[k].attrs[a].name, inlineScripts[k].attrs[a].value);
+      var visualHtml = tmp.innerHTML;
+      if (root.innerHTML !== visualHtml) root.innerHTML = visualHtml;
+      var cdnScripts = scripts.filter(function(s) { return !!s.src; });
+      var inlineScripts = scripts.filter(function(s) { return !s.src &amp;&amp; s.text; });
+      function appendInline() {
+        for (var k = 0; k &lt; inlineScripts.length; k++) {
+          var s = document.createElement(&quot;script&quot;);
+          s.textContent = inlineScripts[k].text;
+          for (var a = 0; a &lt; inlineScripts[k].attrs.length; a++) {
+            s.setAttribute(inlineScripts[k].attrs[a].name, inlineScripts[k].attrs[a].value);
+          }
+          root.appendChild(s);
         }
-        root.appendChild(s);
+        reportHeight();
+        setTimeout(function() { parent.postMessage({ type: &quot;widget:scriptsReady&quot; }, &quot;*&quot;); }, 50);
       }
-      reportHeight();
-      setTimeout(function() { parent.postMessage({ type: &quot;widget:scriptsReady&quot; }, &quot;*&quot;); }, 50);
-    }
-    if (cdnScripts.length === 0) {
-      appendInline();
-    } else {
-      var pending = cdnScripts.length;
-      function done() { pending--; if (pending &lt;= 0) appendInline(); }
-      for (var c = 0; c &lt; cdnScripts.length; c++) {
-        var n = document.createElement(&quot;script&quot;);
-        n.src = cdnScripts[c].src;
-        n.onload = done;
-        n.onerror = done;
-        for (var d = 0; d &lt; cdnScripts[c].attrs.length; d++) {
-          n.setAttribute(cdnScripts[c].attrs[d].name, cdnScripts[c].attrs[d].value);
+      if (cdnScripts.length === 0) {
+        appendInline();
+      } else {
+        var pending = cdnScripts.length;
+        function done() { pending--; if (pending &lt;= 0) appendInline(); }
+        for (var c = 0; c &lt; cdnScripts.length; c++) {
+          var n = document.createElement(&quot;script&quot;);
+          n.src = cdnScripts[c].src;
+          n.onload = done;
+          n.onerror = done;
+          for (var d = 0; d &lt; cdnScripts[c].attrs.length; d++) {
+            n.setAttribute(cdnScripts[c].attrs[d].name, cdnScripts[c].attrs[d].value);
+          }
+          root.appendChild(n);
         }
-        root.appendChild(n);
       }
+      reportHeight();
+      setTimeout(reportHeight, 150);
+      setTimeout(reportHeight, 600);
+    } catch (error) {
+      notifyError(error &amp;&amp; error.message ? error.message : error);
     }
-    reportHeight();
-    setTimeout(reportHeight, 150);
-    setTimeout(reportHeight, 600);
   }
   function handleTheme(vars) {
@@ -380,53 +383,56 @@ input[type=&quot;range&quot;] { accent-color: var(--accent, #2563eb); }
     try {
       var tmp = document.createElement(&quot;div&quot;);
       tmp.innerHTML = html;
-    var nodes = tmp.querySelectorAll(&quot;script&quot;);
-    var scripts = [];
-    for (var i = 0; i &lt; nodes.length; i++) {
-      var item = { src: nodes[i].src || &quot;&quot;, text: nodes[i].textContent || &quot;&quot;, attrs: [] };
-      for (var j = 0; j &lt; nodes[i].attributes.length; j++) {
-        var attr = nodes[i].attributes[j];
-        if (attr.name !== &quot;src&quot; &amp;&amp; attr.name !== &quot;onload&quot;) item.attrs.push({ name: attr.name, value: attr.value });
+      var nodes = tmp.querySelectorAll(&quot;script&quot;);
+      var scripts = [];
+      for (var i = 0; i &lt; nodes.length; i++) {
+        var item = { src: nodes[i].src || &quot;&quot;, text: nodes[i].textContent || &quot;&quot;, attrs: [] };
+        for (var j = 0; j &lt; nodes[i].attributes.length; j++) {
+          var attr = nodes[i].attributes[j];
+          if (attr.name !== &quot;src&quot; &amp;&amp; attr.name !== &quot;onload&quot;) item.attrs.push({ name: attr.name, value: attr.value });
+        }
+        scripts.push(item);
+        nodes[i].remove();
       }
-      scripts.push(item);
-      nodes[i].remove();
-    }
-    var visualHtml = tmp.innerHTML;
-    if (root.innerHTML !== visualHtml) root.innerHTML = visualHtml;
-    var cdnScripts = scripts.filter(function(s) { return !!s.src; });
-    var inlineScripts = scripts.filter(function(s) { return !s.src &amp;&amp; s.text; });
-    function appendInline() {
-      for (var k = 0; k &lt; inlineScripts.length; k++) {
-        var s = document.createElement(&quot;script&quot;);
-        s.textContent = inlineScripts[k].text;
-        for (var a = 0; a &lt; inlineScripts[k].attrs.length; a++) {
-          s.setAttribute(inlineScripts[k].attrs[a].name, inlineScripts[k].attrs[a].value);
+      var visualHtml = tmp.innerHTML;
+      if (root.innerHTML !== visualHtml) root.innerHTML = visualHtml;
+      var cdnScripts = scripts.filter(function(s) { return !!s.src; });
+      var inlineScripts = scripts.filter(function(s) { return !s.src &amp;&amp; s.text; });
+      function appendInline() {
+        for (var k = 0; k &lt; inlineScripts.length; k++) {
+          var s = document.createElement(&quot;script&quot;);
+          s.textContent = inlineScripts[k].text;
+          for (var a = 0; a &lt; inlineScripts[k].attrs.length; a++) {
+            s.setAttribute(inlineScripts[k].attrs[a].name, inlineScripts[k].attrs[a].value);
+          }
+          root.appendChild(s);
         }
-        root.appendChild(s);
+        reportHeight();
+        setTimeout(function() { parent.postMessage({ type: &quot;widget:scriptsReady&quot; }, &quot;*&quot;); }, 50);
       }
-      reportHeight();
-      setTimeout(function() { parent.postMessage({ type: &quot;widget:scriptsReady&quot; }, &quot;*&quot;); }, 50);
-    }
-    if (cdnScripts.length === 0) {
-      appendInline();
-    } else {
-      var pending = cdnScripts.length;
-      function done() { pending--; if (pending &lt;= 0) appendInline(); }
-      for (var c = 0; c &lt; cdnScripts.length; c++) {
-        var n = document.createElement(&quot;script&quot;);
-        n.src = cdnScripts[c].src;
-        n.onload = done;
-        n.onerror = done;
-        for (var d = 0; d &lt; cdnScripts[c].attrs.length; d++) {
-          n.setAttribute(cdnScripts[c].attrs[d].name, cdnScripts[c].attrs[d].value);
+      if (cdnScripts.length === 0) {
+        appendInline();
+      } else {
+        var pending = cdnScripts.length;
+        function done() { pending--; if (pending &lt;= 0) appendInline(); }
+        for (var c = 0; c &lt; cdnScripts.length; c++) {
+          var n = document.createElement(&quot;script&quot;);
+          n.src = cdnScripts[c].src;
+          n.onload = done;
+          n.onerror = done;
+          for (var d = 0; d &lt; cdnScripts[c].attrs.length; d++) {
+            n.setAttribute(cdnScripts[c].attrs[d].name, cdnScripts[c].attrs[d].value);
+          }
+          root.appendChild(n);
         }
-        root.appendChild(n);
       }
+      reportHeight();
+      setTimeout(reportHeight, 150);
+      setTimeout(reportHeight, 600);
+    } catch (error) {
+      notifyError(error &amp;&amp; error.message ? error.message : error);
     }
-    reportHeight();
-    setTimeout(reportHeight, 150);
-    setTimeout(reportHeight, 600);
   }
   function handleTheme(vars) {
@@ -698,53 +704,56 @@ input[type=&quot;range&quot;] { accent-color: var(--accent, #2563eb); }
     try {
       var tmp = document.createElement(&quot;div&quot;);
       tmp.innerHTML = html;
-    var nodes = tmp.querySelectorAll(&quot;script&quot;);
-    var scripts = [];
-    for (var i = 0; i &lt; nodes.length; i++) {
-      var item = { src: nodes[i].src || &quot;&quot;, text: nodes[i].textContent || &quot;&quot;, attrs: [] };
-      for (var j = 0; j &lt; nodes[i].attributes.length; j++) {
-        var attr = nodes[i].attributes[j];
-        if (attr.name !== &quot;src&quot; &amp;&amp; attr.name !== &quot;onload&quot;) item.attrs.push({ name: attr.name, value: attr.value });
+      var nodes = tmp.querySelectorAll(&quot;script&quot;);
+      var scripts = [];
+      for (var i = 0; i &lt; nodes.length; i++) {
+        var item = { src: nodes[i].src || &quot;&quot;, text: nodes[i].textContent || &quot;&quot;, attrs: [] };
+        for (var j = 0; j &lt; nodes[i].attributes.length; j++) {
+          var attr = nodes[i].attributes[j];
+          if (attr.name !== &quot;src&quot; &amp;&amp; attr.name !== &quot;onload&quot;) item.attrs.push({ name: attr.name, value: attr.value });
+        }
+        scripts.push(item);
+        nodes[i].remove();
       }
-      scripts.push(item);
-      nodes[i].remove();
-    }
-    var visualHtml = tmp.innerHTML;
-    if (root.innerHTML !== visualHtml) root.innerHTML = visualHtml;
-    var cdnScripts = scripts.filter(function(s) { return !!s.src; });
-    var inlineScripts = scripts.filter(function(s) { return !s.src &amp;&amp; s.text; });
-    function appendInline() {
-      for (var k = 0; k &lt; inlineScripts.length; k++) {
-        var s = document.createElement(&quot;script&quot;);
-        s.textContent = inlineScripts[k].text;
-        for (var a = 0; a &lt; inlineScripts[k].attrs.length; a++) {
-          s.setAttribute(inlineScripts[k].attrs[a].name, inlineScripts[k].attrs[a].value);
+      var visualHtml = tmp.innerHTML;
+      if (root.innerHTML !== visualHtml) root.innerHTML = visualHtml;
+      var cdnScripts = scripts.filter(function(s) { return !!s.src; });
+      var inlineScripts = scripts.filter(function(s) { return !s.src &amp;&amp; s.text; });
+      function appendInline() {
+        for (var k = 0; k &lt; inlineScripts.length; k++) {
+          var s = document.createElement(&quot;script&quot;);
+          s.textContent = inlineScripts[k].text;
+          for (var a = 0; a &lt; inlineScripts[k].attrs.length; a++) {
+            s.setAttribute(inlineScripts[k].attrs[a].name, inlineScripts[k].attrs[a].value);
+          }
+          root.appendChild(s);
         }
-        root.appendChild(s);
+        reportHeight();
+        setTimeout(function() { parent.postMessage({ type: &quot;widget:scriptsReady&quot; }, &quot;*&quot;); }, 50);
       }
-      reportHeight();
-      setTimeout(function() { parent.postMessage({ type: &quot;widget:scriptsReady&quot; }, &quot;*&quot;); }, 50);
-    }
-    if (cdnScripts.length === 0) {
-      appendInline();
-    } else {
-      var pending = cdnScripts.length;
-      function done() { pending--; if (pending &lt;= 0) appendInline(); }
-      for (var c = 0; c &lt; cdnScripts.length; c++) {
-        var n = document.createElement(&quot;script&quot;);
-        n.src = cdnScripts[c].src;
-        n.onload = done;
-        n.onerror = done;
-        for (var d = 0; d &lt; cdnScripts[c].attrs.length; d++) {
-          n.setAttribute(cdnScripts[c].attrs[d].name, cdnScripts[c].attrs[d].value);
+      if (cdnScripts.length === 0) {
+        appendInline();
+      } else {
+        var pending = cdnScripts.length;
+        function done() { pending--; if (pending &lt;= 0) appendInline(); }
+        for (var c = 0; c &lt; cdnScripts.length; c++) {
+          var n = document.createElement(&quot;script&quot;);
+          n.src = cdnScripts[c].src;
+          n.onload = done;
+          n.onerror = done;
+          for (var d = 0; d &lt; cdnScripts[c].attrs.length; d++) {
+            n.setAttribute(cdnScripts[c].attrs[d].name, cdnScripts[c].attrs[d].value);
+          }
+          root.appendChild(n);
         }
-        root.appendChild(n);
       }
+      reportHeight();
+      setTimeout(reportHeight, 150);
+      setTimeout(reportHeight, 600);
+    } catch (error) {
+      notifyError(error &amp;&amp; error.message ? error.message : error);
     }
-    reportHeight();
-    setTimeout(reportHeight, 150);
-    setTimeout(reportHeight, 600);
   }
   function handleTheme(vars) {
@@ -965,53 +974,56 @@ input[type=&quot;range&quot;] { accent-color: var(--accent, #2563eb); }
     try {
       var tmp = document.createElement(&quot;div&quot;);
       tmp.innerHTML = html;
-    var nodes = tmp.querySelectorAll(&quot;script&quot;);
-    var scripts = [];
-    for (var i = 0; i &lt; nodes.length; i++) {
-      var item = { src: nodes[i].src || &quot;&quot;, text: nodes[i].textContent || &quot;&quot;, attrs: [] };
-      for (var j = 0; j &lt; nodes[i].attributes.length; j++) {
-        var attr = nodes[i].attributes[j];
-        if (attr.name !== &quot;src&quot; &amp;&amp; attr.name !== &quot;onload&quot;) item.attrs.push({ name: attr.name, value: attr.value });
+      var nodes = tmp.querySelectorAll(&quot;script&quot;);
+      var scripts = [];
+      for (var i = 0; i &lt; nodes.length; i++) {
+        var item = { src: nodes[i].src || &quot;&quot;, text: nodes[i].textContent || &quot;&quot;, attrs: [] };
+        for (var j = 0; j &lt; nodes[i].attributes.length; j++) {
+          var attr = nodes[i].attributes[j];
+          if (attr.name !== &quot;src&quot; &amp;&amp; attr.name !== &quot;onload&quot;) item.attrs.push({ name: attr.name, value: attr.value });
+        }
+        scripts.push(item);
+        nodes[i].remove();
       }
-      scripts.push(item);
-      nodes[i].remove();
-    }
-    var visualHtml = tmp.innerHTML;
-    if (root.innerHTML !== visualHtml) root.innerHTML = visualHtml;
-    var cdnScripts = scripts.filter(function(s) { return !!s.src; });
-    var inlineScripts = scripts.filter(function(s) { return !s.src &amp;&amp; s.text; });
-    function appendInline() {
-      for (var k = 0; k &lt; inlineScripts.length; k++) {
-        var s = document.createElement(&quot;script&quot;);
-        s.textContent = inlineScripts[k].text;
-        for (var a = 0; a &lt; inlineScripts[k].attrs.length; a++) {
-          s.setAttribute(inlineScripts[k].attrs[a].name, inlineScripts[k].attrs[a].value);
+      var visualHtml = tmp.innerHTML;
+      if (root.innerHTML !== visualHtml) root.innerHTML = visualHtml;
+      var cdnScripts = scripts.filter(function(s) { return !!s.src; });
+      var inlineScripts = scripts.filter(function(s) { return !s.src &amp;&amp; s.text; });
+      function appendInline() {
+        for (var k = 0; k &lt; inlineScripts.length; k++) {
+          var s = document.createElement(&quot;script&quot;);
+          s.textContent = inlineScripts[k].text;
+          for (var a = 0; a &lt; inlineScripts[k].attrs.length; a++) {
+            s.setAttribute(inlineScripts[k].attrs[a].name, inlineScripts[k].attrs[a].value);
+          }
+          root.appendChild(s);
         }
-        root.appendChild(s);
+        reportHeight();
+        setTimeout(function() { parent.postMessage({ type: &quot;widget:scriptsReady&quot; }, &quot;*&quot;); }, 50);
       }
-      reportHeight();
-      setTimeout(function() { parent.postMessage({ type: &quot;widget:scriptsReady&quot; }, &quot;*&quot;); }, 50);
-    }
-    if (cdnScripts.length === 0) {
-      appendInline();
-    } else {
-      var pending = cdnScripts.length;
-      function done() { pending--; if (pending &lt;= 0) appendInline(); }
-      for (var c = 0; c &lt; cdnScripts.length; c++) {
-        var n = document.createElement(&quot;script&quot;);
-        n.src = cdnScripts[c].src;
-        n.onload = done;
-        n.onerror = done;
-        for (var d = 0; d &lt; cdnScripts[c].attrs.length; d++) {
-          n.setAttribute(cdnScripts[c].attrs[d].name, cdnScripts[c].attrs[d].value);
+      if (cdnScripts.length === 0) {
+        appendInline();
+      } else {
+        var pending = cdnScripts.length;
+        function done() { pending--; if (pending &lt;= 0) appendInline(); }
+        for (var c = 0; c &lt; cdnScripts.length; c++) {
+          var n = document.createElement(&quot;script&quot;);
+          n.src = cdnScripts[c].src;
+          n.onload = done;
+          n.onerror = done;
+          for (var d = 0; d &lt; cdnScripts[c].attrs.length; d++) {
+            n.setAttribute(cdnScripts[c].attrs[d].name, cdnScripts[c].attrs[d].value);
+          }
+          root.appendChild(n);
         }
-        root.appendChild(n);
       }
+      reportHeight();
+      setTimeout(reportHeight, 150);
+      setTimeout(reportHeight, 600);
+    } catch (error) {
+      notifyError(error &amp;&amp; error.message ? error.message : error);
     }
-    reportHeight();
-    setTimeout(reportHeight, 150);
-    setTimeout(reportHeight, 600);
   }
   function handleTheme(vars) {
@@ -1227,53 +1239,56 @@ input[type=&quot;range&quot;] { accent-color: var(--accent, #2563eb); }
     try {
       var tmp = document.createElement(&quot;div&quot;);
       tmp.innerHTML = html;
-    var nodes = tmp.querySelectorAll(&quot;script&quot;);
-    var scripts = [];
-    for (var i = 0; i &lt; nodes.length; i++) {
-      var item = { src: nodes[i].src || &quot;&quot;, text: nodes[i].textContent || &quot;&quot;, attrs: [] };
-      for (var j = 0; j &lt; nodes[i].attributes.length; j++) {
-        var attr = nodes[i].attributes[j];
-        if (attr.name !== &quot;src&quot; &amp;&amp; attr.name !== &quot;onload&quot;) item.attrs.push({ name: attr.name, value: attr.value });
+      var nodes = tmp.querySelectorAll(&quot;script&quot;);
+      var scripts = [];
+      for (var i = 0; i &lt; nodes.length; i++) {
+        var item = { src: nodes[i].src || &quot;&quot;, text: nodes[i].textContent || &quot;&quot;, attrs: [] };
+        for (var j = 0; j &lt; nodes[i].attributes.length; j++) {
+          var attr = nodes[i].attributes[j];
+          if (attr.name !== &quot;src&quot; &amp;&amp; attr.name !== &quot;onload&quot;) item.attrs.push({ name: attr.name, value: attr.value });
+        }
+        scripts.push(item);
+        nodes[i].remove();
       }
-      scripts.push(item);
-      nodes[i].remove();
-    }
-    var visualHtml = tmp.innerHTML;
-    if (root.innerHTML !== visualHtml) root.innerHTML = visualHtml;
-    var cdnScripts = scripts.filter(function(s) { return !!s.src; });
-    var inlineScripts = scripts.filter(function(s) { return !s.src &amp;&amp; s.text; });
-    function appendInline() {
-      for (var k = 0; k &lt; inlineScripts.length; k++) {
-        var s = document.createElement(&quot;script&quot;);
-        s.textContent = inlineScripts[k].text;
-        for (var a = 0; a &lt; inlineScripts[k].attrs.length; a++) {
-          s.setAttribute(inlineScripts[k].attrs[a].name, inlineScripts[k].attrs[a].value);
+      var visualHtml = tmp.innerHTML;
+      if (root.innerHTML !== visualHtml) root.innerHTML = visualHtml;
+      var cdnScripts = scripts.filter(function(s) { return !!s.src; });
+      var inlineScripts = scripts.filter(function(s) { return !s.src &amp;&amp; s.text; });
+      function appendInline() {
+        for (var k = 0; k &lt; inlineScripts.length; k++) {
+          var s = document.createElement(&quot;script&quot;);
+          s.textContent = inlineScripts[k].text;
+          for (var a = 0; a &lt; inlineScripts[k].attrs.length; a++) {
+            s.setAttribute(inlineScripts[k].attrs[a].name, inlineScripts[k].attrs[a].value);
+          }
+          root.appendChild(s);
         }
-        root.appendChild(s);
+        reportHeight();
+        setTimeout(function() { parent.postMessage({ type: &quot;widget:scriptsReady&quot; }, &quot;*&quot;); }, 50);
       }
-      reportHeight();
-      setTimeout(function() { parent.postMessage({ type: &quot;widget:scriptsReady&quot; }, &quot;*&quot;); }, 50);
-    }
-    if (cdnScripts.length === 0) {
-      appendInline();
-    } else {
-      var pending = cdnScripts.length;
-      function done() { pending--; if (pending &lt;= 0) appendInline(); }
-      for (var c = 0; c &lt; cdnScripts.length; c++) {
-        var n = document.createElement(&quot;script&quot;);
-        n.src = cdnScripts[c].src;
-        n.onload = done;
-        n.onerror = done;
-        for (var d = 0; d &lt; cdnScripts[c].attrs.length; d++) {
-          n.setAttribute(cdnScripts[c].attrs[d].name, cdnScripts[c].attrs[d].value);
+      if (cdnScripts.length === 0) {
+        appendInline();
+      } else {
+        var pending = cdnScripts.length;
+        function done() { pending--; if (pending &lt;= 0) appendInline(); }
+        for (var c = 0; c &lt; cdnScripts.length; c++) {
+          var n = document.createElement(&quot;script&quot;);
+          n.src = cdnScripts[c].src;
+          n.onload = done;
+          n.onerror = done;
+          for (var d = 0; d &lt; cdnScripts[c].attrs.length; d++) {
+            n.setAttribute(cdnScripts[c].attrs[d].name, cdnScripts[c].attrs[d].value);
+          }
+          root.appendChild(n);
         }
-        root.appendChild(n);
       }
+      reportHeight();
+      setTimeout(reportHeight, 150);
+      setTimeout(reportHeight, 600);
+    } catch (error) {
+      notifyError(error &amp;&amp; error.message ? error.message : error);
     }
-    reportHeight();
-    setTimeout(reportHeight, 150);
-    setTimeout(reportHeight, 600);
   }
   function handleTheme(vars) {
@@ -1452,4 +1467,4 @@ line 28 = 28
 line 29 = 29
 line 30 = 30
 line 31 = 31
-line 32 = 32</span></code></div><div style="position:absolute;inset-inline:0;bottom:0;height:3.5rem;background:linear-gradient(to top, var(--bg) 0%, transparent 100%);pointer-events:none"></div></div><button type="button" aria-expanded="false" style="display:flex;align-items:center;gap:4px;width:100%;min-height:28px;padding:4px 8px;justify-content:center;background:var(--bg);border:none;border-top:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-size:11px">Show all 35 lines</button></div></div></div></section></section></div></main><!--$--><!--/$--><script src="/_next/static/chunks/webpack-b7b531a4a8559f64.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[42593,[\"7177\",\"static/chunks/app/layout-5608bfe5e8f4e4c0.js\"],\"\"]\n3:I[57121,[],\"\"]\n4:I[74581,[],\"\"]\n5:I[61304,[],\"ClientPageRoot\"]\n6:I[54833,[\"7330\",\"static/chunks/d3ac728e-7964f816a1ca64e5.js\",\"6079\",\"static/chunks/363642f4-043c1475ab9af70e.js\",\"2941\",\"static/chunks/73972abe-9ff83c7d1a6ea9f7.js\",\"2995\",\"static/chunks/0b9a0da7-9075af772487e743.js\",\"8194\",\"static/chunks/8194-4a4c6b44dcfc55b3.js\",\"9901\",\"static/chunks/9901-54dfe54ff40a31d4.js\",\"2444\",\"static/chunks/app/smoke/page-d1be0dc9ec4396ba.js\"],\"default\"]\n9:I[90484,[],\"OutletBoundary\"]\na:\"$Sreact.suspense\"\nd:I[90484,[],\"ViewportBoundary\"]\nf:I[90484,[],\"MetadataBoundary\"]\n11:I[27123,[],\"default\",1]\n:HL[\"/_next/static/media/7deddc85b7ffd1dc-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/ec14413c594b3356-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/88714c00e109ce28.css\",\"style\"]\n:HL[\"/_next/static/css/d6038901c29122c8.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"smoke\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"smoke\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/88714c00e109ce28.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d6038901c29122c8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_66b8ca\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"$L2\",null,{\"id\":\"theme-init\",\"strategy\":\"beforeInteractive\",\"children\":\"(function(){try{var t=localStorage.getItem(\\\"pi-theme\\\");if(t===\\\"dark\\\")document.documentElement.classList.add(\\\"dark\\\")}catch(e){}})();\"}]}],[\"$\",\"body\",null,{\"style\":{\"height\":\"100dvh\",\"display\":\"flex\",\"flexDirection\":\"column\"},\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L5\",null,{\"Component\":\"$6\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@7\",\"$@8\"]}}],null,[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@b\"}]}]]}],{},null,false,null]},null,false,\"$@c\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L10\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",[]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"fHPCy5VWfMn3HKqoTaWk-\"}\n"])</script><script>self.__next_f.push([1,"12:[]\nc:\"$W12\"\n7:{}\n8:\"$0:f:0:1:1:children:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"13:I[86869,[],\"IconMark\"]\nb:null\n10:[[\"$\",\"title\",\"0\",{\"children\":\"AnnoVibe\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"AI-native bioinformatics workspace by Annoroad\"}],[\"$\",\"link\",\"2\",{\"rel\":\"shortcut icon\",\"href\":\"/icon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"/icon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"$L13\",\"4\",{}]]\n"])</script></body></html>
+line 32 = 32</span></code></div><div style="position:absolute;inset-inline:0;bottom:0;height:3.5rem;background:linear-gradient(to top, var(--bg) 0%, transparent 100%);pointer-events:none"></div></div><button type="button" aria-expanded="false" style="display:flex;align-items:center;gap:4px;width:100%;min-height:28px;padding:4px 8px;justify-content:center;background:var(--bg);border:none;border-top:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-size:11px">Show all 35 lines</button></div></div></div></section></section></div></main><!--$--><!--/$--><script src="/_next/static/chunks/webpack-b13282f72690ef5e.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[42593,[\"7177\",\"static/chunks/app/layout-5608bfe5e8f4e4c0.js\"],\"\"]\n3:I[57121,[],\"\"]\n4:I[74581,[],\"\"]\n5:I[61304,[],\"ClientPageRoot\"]\n6:I[54833,[\"7330\",\"static/chunks/d3ac728e-7964f816a1ca64e5.js\",\"6079\",\"static/chunks/363642f4-dc35a7a659350f8e.js\",\"2941\",\"static/chunks/73972abe-9ff83c7d1a6ea9f7.js\",\"2995\",\"static/chunks/0b9a0da7-9075af772487e743.js\",\"6280\",\"static/chunks/6280-513d6c4ef41995b8.js\",\"9901\",\"static/chunks/9901-eb16ea7a0737ac0d.js\",\"2444\",\"static/chunks/app/smoke/page-06d3574061580f4b.js\"],\"default\"]\n9:I[90484,[],\"OutletBoundary\"]\na:\"$Sreact.suspense\"\nd:I[90484,[],\"ViewportBoundary\"]\nf:I[90484,[],\"MetadataBoundary\"]\n11:I[27123,[],\"default\",1]\n:HL[\"/_next/static/media/7deddc85b7ffd1dc-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/ec14413c594b3356-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/88714c00e109ce28.css\",\"style\"]\n:HL[\"/_next/static/css/c9f1fab452e74e95.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"smoke\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"smoke\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/88714c00e109ce28.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c9f1fab452e74e95.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_66b8ca\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"$L2\",null,{\"id\":\"theme-init\",\"strategy\":\"beforeInteractive\",\"children\":\"(function(){try{var t=localStorage.getItem(\\\"pi-theme\\\");if(t===\\\"dark\\\")document.documentElement.classList.add(\\\"dark\\\")}catch(e){}})();\"}]}],[\"$\",\"body\",null,{\"style\":{\"height\":\"100dvh\",\"display\":\"flex\",\"flexDirection\":\"column\"},\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L5\",null,{\"Component\":\"$6\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@7\",\"$@8\"]}}],null,[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@b\"}]}]]}],{},null,false,null]},null,false,\"$@c\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L10\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",[]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"Lkq74HwcM_5v3YtKypHpV\"}\n"])</script><script>self.__next_f.push([1,"12:[]\nc:\"$W12\"\n7:{}\n8:\"$0:f:0:1:1:children:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"13:I[86869,[],\"IconMark\"]\nb:null\n10:[[\"$\",\"title\",\"0\",{\"children\":\"AnnoVibe\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"AI-native bioinformatics workspace by Annoroad\"}],[\"$\",\"link\",\"2\",{\"rel\":\"shortcut icon\",\"href\":\"/icon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"/icon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"$L13\",\"4\",{}]]\n"])</script></body></html>