@vpxa/aikit 0.1.152 → 0.1.153

package/packages/blocks-core/dist/index.js

@@ -0,0 +1,863 @@
+function e(e){return e.kind===`result`}function t(e){return e.kind===`error`}function n(e){return String(e??``).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/"/g,`&quot;`).replace(/'/g,`&#39;`)}function r(e){let t=String(e??``).trim();return/^(https?:|mailto:|#)/i.test(t)?t:`#`}function i(e){return String(e??``).replace(/[^a-zA-Z0-9_-]/g,`_`)}function a(e){if(e==null)return``;if(Array.isArray(e))return e.map(a).join(`, `);if(typeof e==`object`)try{return JSON.stringify(e)}catch{return String(e)}return String(e)}function o(e){if(typeof e!=`string`)return e;let t=e.trim();if(t.startsWith(`[`)&&t.endsWith(`]`)||t.startsWith(`{`)&&t.endsWith(`}`))try{return JSON.parse(t)}catch{return e}return e}function s(e){return n(String(e??``)).replace(/\*\*(.+?)\*\*/g,`<strong>$1</strong>`).replace(/`(.+?)`/g,`<code>$1</code>`).replace(/\[([^\]]+)\]\(([^)]+)\)/g,(e,t,n)=>`<a href="${r(n)}">${t}</a>`)}const c={ok:`success`,pass:`success`,passed:`success`,good:`success`,error:`danger`,fail:`danger`,failed:`danger`,critical:`danger`,high:`danger`,warn:`warning`,caution:`warning`,medium:`warning`,info:`accent`,low:`accent`,note:`accent`},l=new Set([`success`,`danger`,`warning`,`accent`]);function u(e){if(!e)return`accent`;let t=String(e).toLowerCase(),n=c[t]??t;return l.has(n)?n:`accent`}function d(e,t=`fg`){return`var(--dt-${u(e)}-${t})`}function f(e){let t=e.value;return Array.isArray(t)?t:t&&typeof t==`object`&&`items`in t&&Array.isArray(t.items)?t.items:[]}function ee(e){let t=o(e);return Array.isArray(t)?t:[]}function te(e,t){return`<div class="bk-actions">${ee(e.value).map(e=>{let t=i(e.id);if(e.type===`select`){let r=(e.options??[]).map(e=>{let t=typeof e==`string`?e:e.value,r=typeof e==`string`?e:e.label;return`<option value="${n(t)}">${n(r)}</option>`}).join(``);return`<label class="bk-select-wrap"><span class="bk-visually-hidden">${n(e.label)}</span><select class="bk-select" data-action-id="${t}"><option value="" selected disabled>${n(e.label)}</option>${r}</select></label>`}return`<button type="button" class="bk-action bk-action--${n(e.variant??`default`)}" data-action-id="${t}">${n(e.label)}</button>`}).join(``)}</div>`}function ne(e,t){return`<div class="bk-cards">${f(e).map(e=>{let t=e.badge?`<span class="bk-card-badge">${n(e.badge)}</span>`:``,r=e.body?`<div class="bk-card-body">${n(e.body)}</div>`:``,i=e.description?`<div class="bk-card-description">${n(e.description)}</div>`:``;return`<article class="bk-card" data-tone="${u(e.status)}"><div class="bk-card-header"><div class="bk-card-title">${n(e.title)}</div>${t}</div>${r}${i}</article>`}).join(``)}</div>`}function re(e,t){let r=o(e.value),i=Array.isArray(r?.data)?r.data:[],s=[String(r?.xKey??`label`),...Array.isArray(r?.yKeys)&&r.yKeys.length>0?r.yKeys:[`value`]],c=s.map(e=>`<th>${n(e)}</th>`).join(``),l=i.map(e=>`<tr>${s.map(t=>`<td>${n(a(e[t]))}</td>`).join(``)}</tr>`).join(``);return`<div class="bk-chart"><div class="bk-chart-note">Chart fallback (${n(String(r?.chartType??e.chartType??`chart`))}) rendered as a data table.</div><div class="bk-chart-table-wrap"><table class="bk-chart-table"><thead><tr>${c}</tr></thead><tbody>${l}</tbody></table></div></div>`}function ie(e,t){return`<ul class="bk-checklist">${f(e).map(e=>{let t=!!e.checked;return`<li class="bk-checklist-item" data-checked="${String(t)}"><span class="bk-checklist-icon">${t?`✓`:`×`}</span><span class="bk-checklist-label">${n(e.label)}</span></li>`}).join(``)}</ul>`}function ae(e,t){return`<pre class="bk-code"><code class="${(e.language?` language-${i(String(e.language))}`:``).trim()}">${n(String(e.value??``))}</code></pre>`}function oe(e){let t=o(e);return Array.isArray(t)?t:t&&typeof t==`object`&&Array.isArray(t.columns)?t.columns:[]}function se(e,t){return`<div class="bk-comparison">${oe(e.value).map(e=>{let t=e.items.map(e=>`<li>${n(e)}</li>`).join(``);return`<section class="bk-comparison-column"><div class="bk-comparison-title">${n(e.title)}</div><ul class="bk-comparison-items">${t}</ul></section>`}).join(``)}</div>`}function ce(e){let t=o(e);return Array.isArray(t)?t:t&&typeof t==`object`&&Array.isArray(t.files)?t.files:[]}function le(e,t){return`<div class="bk-docs-browser">${ce(e.value).map(e=>{let t=u(e.status),r=e.title?`<div class="bk-doc-title">${n(e.title)}</div>`:``,i=e.content?`<pre class="bk-doc-content">${n(e.content)}</pre>`:``;return`<article class="bk-doc-entry"><div class="bk-doc-header"><div>${r}<div class="bk-doc-path">${n(e.path)}</div></div><span class="bk-doc-status" style="background:var(--dt-${t}-subtle);color:var(--dt-${t}-fg);">${n(e.status??`current`)}</span></div>${i}</article>`}).join(``)}</div>`}function ue(e){let t=o(e.value);if(t&&typeof t==`object`){let n=t;return{title:String(n.title??e.title??``),severity:n.severity?String(n.severity):e.severity?String(e.severity):void 0,detail:n.detail??n.value}}return{title:String(e.title??`Finding`),severity:e.severity?String(e.severity):void 0,detail:t}}function de(e,t){let r=ue(e),i=u(r.severity),a=r.detail===void 0?``:s(String(r.detail)).replace(/\n/g,`<br>`);return`<article class="bk-finding" data-tone="${i}"><div class="bk-finding-header"><div class="bk-finding-title">${n(r.title)}</div><span class="bk-finding-severity" style="background:var(--dt-${i}-subtle);color:var(--dt-${i}-fg);">${n(r.severity??`info`)}</span></div><div class="bk-finding-detail">${a}</div></article>`}function p(e){return String(e??``).replace(/"/g,`\\"`)}function fe(e,t){let r=o(e.value),a=[`graph ${[`TD`,`LR`,`RL`,`BT`].includes(String(e.direction??`TD`))?String(e.direction??`TD`):`TD`}`];for(let e of r?.nodes??[]){let t=i(String(e.id??e.name??`node`)),n=p(e.label??e.name??t);a.push(`  ${t}["${n}"]`)}for(let e of r?.edges??[]){let t=i(String(e.from??e.source??`from`)),n=i(String(e.to??e.target??`to`)),r=e.label?`|${p(e.label)}|`:``;a.push(`  ${t} -->${r} ${n}`)}return`<pre class="bk-graph mermaid">${n(a.join(`
+`))}</pre>`}function pe(e,t){let r=Number(e.level??2),i=Number.isFinite(r)?Math.max(1,Math.min(r,6)):2;return`<h${i} class="bk-heading bk-heading--${i}">${n(String(e.value??e.title??``))}</h${i}>`}function me(e,t){let n=String(e.value??``);return`<div class="bk-markdown">${n.trimStart().startsWith(`<`)?n:s(n).replace(/\n/g,`<br>`)}</div>`}function he(e,t){return`<pre class="bk-mermaid mermaid">${n(String(e.value??``))}</pre>`}function ge(e){if(e==null||e===``)return``;let t=a(e),r=Number(String(e).replace(/[^0-9.-]/g,``));return`<span class="bk-metric-trend">${Number.isNaN(r)?``:r>0?`↑ `:r<0?`↓ `:`→ `}${n(t)}</span>`}function _e(e,t){return`<div class="bk-metrics">${f(e).map(e=>`<article class="bk-metric" data-tone="${u(e.status)}"><div class="bk-metric-label">${n(e.label)}</div><div class="bk-metric-value">${n(a(e.value))}</div>${ge(e.trend)}</article>`).join(``)}</div>`}function ve(e,t){return`<p class="bk-paragraph">${n(String(e.value??e.text??``))}</p>`}function ye(e){let t=o(e);if(Array.isArray(t))return t;if(t&&typeof t==`object`){if(Array.isArray(t.items))return t.items;if(`value`in t)return[t]}return[]}function be(e,t){return`<div class="bk-progress">${ye(e.value).map(e=>{let t=Math.max(1,Number(e.max)||100),r=Math.max(0,Number(e.value)||0),i=Math.round(Math.min(r/t*100,100)),a=u(e.color);return`<div class="bk-progress-item"><div class="bk-progress-meta"><span>${n(e.label)}</span><span>${i}%</span></div><div class="bk-progress-track"><span class="bk-progress-bar" style="width:${i}%;background:var(--dt-${a}-emphasis);box-shadow:0 0 16px var(--dt-glow-${a});"></span></div></div>`}).join(``)}</div>`}function xe(e){if(typeof e==`string`)return e;try{return JSON.stringify(e,null,2)}catch{return String(e??``)}}function Se(e,t){return`<pre class="bk-prompt">${n(xe(e.value))}</pre>`}function Ce(e,t){return`<hr class="bk-separator">`}function we(e){let t=o(e);return Array.isArray(t)?t:t&&typeof t==`object`&&Array.isArray(t.items)?t.items:[]}function Te(e,t){return`<div class="bk-status-board">${we(e.value).map(e=>{let t=e.items.map(e=>{let t=u(e.status),r=e.description?`<div class="bk-status-description">${n(e.description)}</div>`:``;return`<div class="bk-status-item"><span class="bk-status-pill" style="background:var(--dt-${t}-subtle);color:var(--dt-${t}-fg);">${n(e.status??`pending`)}</span><div class="bk-status-copy"><div class="bk-status-label">${n(e.label)}</div>${r}</div></div>`}).join(``);return`<section class="bk-status-category"><div class="bk-status-category-title">${n(e.category)}</div><div class="bk-status-items">${t}</div></section>`}).join(``)}</div>`}function Ee(e){let t=o(e.value);if(Array.isArray(t)){if(t.length>0&&typeof t[0]==`object`&&t[0]!==null&&!Array.isArray(t[0])){let n=t;return{headers:Array.isArray(e.headers)?e.headers.map(String):Object.keys(n[0]??{}),rows:n}}if(t.length>0&&Array.isArray(t[0])){let[n,...r]=t,i=Array.isArray(e.headers)?e.headers.map(String):n.map(String);return{headers:i,rows:r.map(e=>Object.fromEntries(i.map((t,n)=>[t,e[n]])))}}}if(t&&typeof t==`object`){let n=Array.isArray(e.headers)?e.headers.map(String):Array.isArray(t.headers)?t.headers.map(String):[],r=Array.isArray(t.rows)?t.rows:[];if(r.length>0&&Array.isArray(r[0]))return{headers:n,rows:r.map(e=>Object.fromEntries(n.map((t,n)=>[t,e[n]])))};if(r.length>0&&typeof r[0]==`object`&&r[0]!==null)return{headers:n,rows:r}}return{headers:Array.isArray(e.headers)?e.headers.map(String):[],rows:[]}}function De(e,t){let{headers:r,rows:i}=Ee(e);return r.length===0?`<div class="bk-table-wrap"><table class="bk-table"><tbody></tbody></table></div>`:`<div class="bk-table-wrap"><table class="bk-table">${`<thead><tr>${r.map(e=>`<th>${n(e)}</th>`).join(``)}</tr></thead>`}<tbody>${i.map(e=>`<tr>${r.map(t=>`<td>${n(a(e[t]))}</td>`).join(``)}</tr>`).join(``)}</tbody></table></div>`}function Oe(e){let t=o(e);return Array.isArray(t)?t:t&&typeof t==`object`&&Array.isArray(t.items)?t.items:[]}function ke(e,t){return`<div class="bk-tags">${Oe(e.value).map(e=>{let t=typeof e==`string`?e:String(e.text??e.label??``),r=u(typeof e==`string`?void 0:e.status??e.tone??e.color);return`<span class="bk-tag" style="background:var(--dt-${r}-subtle);color:var(--dt-${r}-fg);">${n(t)}</span>`}).join(``)}</div>`}function Ae(e,t){return`<div class="bk-text">${s(String(e.value??``)).replace(/\n/g,`<br>`)}</div>`}function je(e,t){return`<div class="bk-timeline">${f(e).map(e=>{let t=u(e.status),r=e.description?`<div class="bk-timeline-description">${n(e.description)}</div>`:``,i=e.timestamp?`<div class="bk-timeline-timestamp">${n(e.timestamp)}</div>`:``;return`<article class="bk-timeline-item" data-tone="${t}"><span class="bk-timeline-dot" style="background:${`var(--dt-${t}-emphasis)`};box-shadow:0 0 0 6px var(--dt-glow-${t});"></span><div class="bk-timeline-title">${n(e.title)}</div>${r}${i}</article>`}).join(``)}</div>`}function m(e,t){if(Array.isArray(e)){let r=e.map(e=>m(e)).join(``);return t?`<details class="bk-tree-node" open><summary>${n(t)}</summary><div class="bk-tree-children">${r}</div></details>`:`<div class="bk-tree-children">${r}</div>`}if(e&&typeof e==`object`){let r=e;if(typeof r.name==`string`)return m(r.children??[],r.name);let i=Object.entries(r).map(([e,t])=>m(t,e)).join(``);return t?`<details class="bk-tree-node" open><summary>${n(t)}</summary><div class="bk-tree-children">${i}</div></details>`:`<div class="bk-tree-children">${i}</div>`}let r=n(a(e));return t?`<div class="bk-tree-leaf"><span class="bk-tree-key">${n(t)}</span><span class="bk-tree-value">${r}</span></div>`:`<div class="bk-tree-leaf">${r}</div>`}function Me(e,t){return`<div class="bk-tree">${m(o(e.value))}</div>`}const h={"--dt-bg-primary":`#ffffff`,"--dt-bg-secondary":`#f6f8fa`,"--dt-bg-tertiary":`#eaeef2`,"--dt-bg-canvas":`#f0f0f0`,"--dt-text-primary":`#1f2328`,"--dt-text-secondary":`#656d76`,"--dt-text-tertiary":`#8b949e`,"--dt-border-default":`#d0d7de`,"--dt-border-muted":`#d8dee4`,"--dt-border-subtle":`#eaeef2`,"--dt-accent-fg":`#0969da`,"--dt-accent-emphasis":`#0550ae`,"--dt-accent-muted":`rgba(9, 105, 218, 0.4)`,"--dt-accent-subtle":`rgba(9, 105, 218, 0.1)`,"--dt-success-fg":`#1a7f37`,"--dt-success-emphasis":`#116329`,"--dt-success-muted":`rgba(26, 127, 55, 0.4)`,"--dt-success-subtle":`rgba(26, 127, 55, 0.1)`,"--dt-danger-fg":`#cf222e`,"--dt-danger-emphasis":`#a40e26`,"--dt-danger-muted":`rgba(207, 34, 46, 0.4)`,"--dt-danger-subtle":`rgba(207, 34, 46, 0.1)`,"--dt-warning-fg":`#9a6700`,"--dt-warning-emphasis":`#7d4e00`,"--dt-warning-muted":`rgba(154, 103, 0, 0.4)`,"--dt-warning-subtle":`rgba(154, 103, 0, 0.1)`,"--dt-purple-fg":`#8250df`,"--dt-purple-emphasis":`#6639ba`,"--dt-purple-muted":`rgba(130, 80, 223, 0.4)`,"--dt-purple-subtle":`rgba(130, 80, 223, 0.1)`,"--dt-font-sans":`'Segoe UI', system-ui, -apple-system, sans-serif`,"--dt-font-mono":`'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, monospace`,"--dt-font-size-xs":`0.75rem`,"--dt-font-size-sm":`0.8125rem`,"--dt-font-size-base":`0.875rem`,"--dt-font-size-lg":`1rem`,"--dt-font-size-xl":`1.25rem`,"--dt-font-size-2xl":`1.5rem`,"--dt-font-size-3xl":`2rem`,"--dt-space-1":`0.25rem`,"--dt-space-2":`0.5rem`,"--dt-space-3":`0.75rem`,"--dt-space-4":`1rem`,"--dt-space-6":`1.5rem`,"--dt-space-8":`2rem`,"--dt-space-12":`3rem`,"--dt-space-16":`4rem`,"--dt-radius-sm":`6px`,"--dt-radius-md":`8px`,"--dt-radius-lg":`12px`,"--dt-radius-xl":`16px`,"--dt-shadow-sm":`0 1px 2px rgba(0, 0, 0, 0.07)`,"--dt-shadow-md":`0 3px 6px rgba(0, 0, 0, 0.1)`,"--dt-shadow-lg":`0 8px 24px rgba(0, 0, 0, 0.12)`,"--dt-glow-accent":`rgba(9, 105, 218, 0.08)`,"--dt-glow-success":`rgba(26, 127, 55, 0.08)`,"--dt-glow-danger":`rgba(207, 34, 46, 0.08)`,"--dt-glow-warning":`rgba(154, 103, 0, 0.08)`,"--dt-glow-purple":`rgba(130, 80, 223, 0.08)`,"--dt-transition-fast":`150ms ease`,"--dt-transition-normal":`200ms ease`},g={"--dt-bg-primary":`#0d1117`,"--dt-bg-secondary":`#161b22`,"--dt-bg-tertiary":`#21262d`,"--dt-bg-canvas":`#010409`,"--dt-text-primary":`#f0f6fc`,"--dt-text-secondary":`#9198a1`,"--dt-text-tertiary":`#656d76`,"--dt-border-default":`#30363d`,"--dt-border-muted":`#21262d`,"--dt-border-subtle":`#1f242d`,"--dt-accent-fg":`#58a6ff`,"--dt-accent-emphasis":`#1f6feb`,"--dt-accent-muted":`rgba(56, 139, 253, 0.4)`,"--dt-accent-subtle":`rgba(56, 139, 253, 0.15)`,"--dt-success-fg":`#3fb950`,"--dt-success-emphasis":`#238636`,"--dt-success-muted":`rgba(63, 185, 80, 0.4)`,"--dt-success-subtle":`rgba(63, 185, 80, 0.15)`,"--dt-danger-fg":`#f85149`,"--dt-danger-emphasis":`#da3633`,"--dt-danger-muted":`rgba(248, 81, 73, 0.4)`,"--dt-danger-subtle":`rgba(248, 81, 73, 0.15)`,"--dt-warning-fg":`#d29922`,"--dt-warning-emphasis":`#bb8009`,"--dt-warning-muted":`rgba(210, 153, 34, 0.4)`,"--dt-warning-subtle":`rgba(210, 153, 34, 0.15)`,"--dt-purple-fg":`#bc8cff`,"--dt-purple-emphasis":`#a371f7`,"--dt-purple-muted":`rgba(188, 140, 255, 0.4)`,"--dt-purple-subtle":`rgba(188, 140, 255, 0.15)`,"--dt-shadow-sm":`0 1px 2px rgba(1, 4, 9, 0.35)`,"--dt-shadow-md":`0 3px 6px rgba(1, 4, 9, 0.4)`,"--dt-shadow-lg":`0 8px 24px rgba(1, 4, 9, 0.45)`,"--dt-glow-accent":`rgba(56, 139, 253, 0.14)`,"--dt-glow-success":`rgba(63, 185, 80, 0.14)`,"--dt-glow-danger":`rgba(248, 81, 73, 0.14)`,"--dt-glow-warning":`rgba(210, 153, 34, 0.14)`,"--dt-glow-purple":`rgba(188, 140, 255, 0.14)`},Ne=`--dt-bg-primary.--dt-bg-secondary.--dt-bg-tertiary.--dt-bg-canvas.--dt-text-primary.--dt-text-secondary.--dt-text-tertiary.--dt-border-default.--dt-border-muted.--dt-border-subtle.--dt-accent-fg.--dt-accent-emphasis.--dt-accent-muted.--dt-accent-subtle.--dt-success-fg.--dt-success-emphasis.--dt-success-muted.--dt-success-subtle.--dt-danger-fg.--dt-danger-emphasis.--dt-danger-muted.--dt-danger-subtle.--dt-warning-fg.--dt-warning-emphasis.--dt-warning-muted.--dt-warning-subtle.--dt-purple-fg.--dt-purple-emphasis.--dt-purple-muted.--dt-purple-subtle.--dt-font-sans.--dt-font-mono.--dt-font-size-xs.--dt-font-size-sm.--dt-font-size-base.--dt-font-size-lg.--dt-font-size-xl.--dt-font-size-2xl.--dt-font-size-3xl.--dt-space-1.--dt-space-2.--dt-space-3.--dt-space-4.--dt-space-6.--dt-space-8.--dt-space-12.--dt-space-16.--dt-radius-sm.--dt-radius-md.--dt-radius-lg.--dt-radius-xl.--dt-shadow-sm.--dt-shadow-md.--dt-shadow-lg.--dt-glow-accent.--dt-glow-success.--dt-glow-danger.--dt-glow-warning.--dt-glow-purple.--dt-transition-fast.--dt-transition-normal`.split(`.`),Pe=`--dt-bg-primary.--dt-bg-secondary.--dt-bg-tertiary.--dt-bg-canvas.--dt-text-primary.--dt-text-secondary.--dt-text-tertiary.--dt-border-default.--dt-border-muted.--dt-border-subtle.--dt-accent-fg.--dt-accent-emphasis.--dt-accent-muted.--dt-accent-subtle.--dt-success-fg.--dt-success-emphasis.--dt-success-muted.--dt-success-subtle.--dt-danger-fg.--dt-danger-emphasis.--dt-danger-muted.--dt-danger-subtle.--dt-warning-fg.--dt-warning-emphasis.--dt-warning-muted.--dt-warning-subtle.--dt-purple-fg.--dt-purple-emphasis.--dt-purple-muted.--dt-purple-subtle.--dt-shadow-sm.--dt-shadow-md.--dt-shadow-lg.--dt-glow-accent.--dt-glow-success.--dt-glow-danger.--dt-glow-warning.--dt-glow-purple`.split(`.`),_={actions:`
+.bk-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--dt-space-3);
+}
+
+.bk-action,
+.bk-select {
+  min-height: 2.5rem;
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-md);
+  background: var(--dt-bg-secondary);
+  color: var(--dt-text-primary);
+  font: inherit;
+}
+
+.bk-action {
+  padding: 0 var(--dt-space-4);
+  cursor: pointer;
+  transition: transform var(--dt-transition-fast), box-shadow var(--dt-transition-fast);
+}
+
+.bk-action:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 8px 20px var(--dt-glow-accent);
+}
+
+.bk-action--primary {
+  background: var(--dt-accent-emphasis);
+  border-color: var(--dt-accent-emphasis);
+  color: var(--dt-bg-primary);
+}
+
+.bk-action--danger {
+  background: var(--dt-danger-emphasis);
+  border-color: var(--dt-danger-emphasis);
+  color: var(--dt-bg-primary);
+}
+
+.bk-select {
+  padding: 0 var(--dt-space-3);
+}
+`,cards:`
+.bk-cards {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
+  gap: var(--dt-space-4);
+}
+
+.bk-card {
+  display: grid;
+  gap: var(--dt-space-3);
+  padding: var(--dt-space-4);
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-xl);
+  background: linear-gradient(180deg, var(--dt-bg-secondary), var(--dt-bg-primary));
+  box-shadow: var(--dt-shadow-sm);
+  transition: transform var(--dt-transition-fast), box-shadow var(--dt-transition-fast);
+}
+
+.bk-card:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 12px 28px var(--dt-glow-accent);
+}
+
+.bk-card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--dt-space-3);
+}
+
+.bk-card-title {
+  color: var(--dt-text-primary);
+  font-size: var(--dt-font-size-lg);
+  font-weight: 600;
+}
+
+.bk-card-body,
+.bk-card-description {
+  color: var(--dt-text-secondary);
+  line-height: 1.6;
+}
+
+.bk-card-badge {
+  padding: var(--dt-space-1) var(--dt-space-2);
+  border-radius: 999px;
+  background: var(--dt-accent-subtle);
+  color: var(--dt-accent-fg);
+  font-size: var(--dt-font-size-xs);
+  font-weight: 600;
+}
+`,chart:`
+.bk-chart {
+  display: grid;
+  gap: var(--dt-space-3);
+}
+
+.bk-chart-note {
+  color: var(--dt-text-secondary);
+  font-size: var(--dt-font-size-sm);
+}
+
+.bk-chart-table-wrap {
+  overflow-x: auto;
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-lg);
+  background: var(--dt-bg-secondary);
+}
+
+.bk-chart-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.bk-chart-table th,
+.bk-chart-table td {
+  padding: var(--dt-space-3) var(--dt-space-4);
+  border-bottom: 1px solid var(--dt-border-muted);
+  text-align: left;
+}
+`,checklist:`
+.bk-checklist {
+  display: grid;
+  gap: var(--dt-space-2);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.bk-checklist-item {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--dt-space-3);
+  padding: var(--dt-space-3) var(--dt-space-4);
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-lg);
+  background: var(--dt-bg-secondary);
+}
+
+.bk-checklist-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--dt-space-6);
+  height: var(--dt-space-6);
+  border-radius: 999px;
+  background: var(--dt-danger-subtle);
+  color: var(--dt-danger-fg);
+  font-size: var(--dt-font-size-sm);
+  font-weight: 700;
+}
+
+.bk-checklist-item[data-checked='true'] .bk-checklist-icon {
+  background: var(--dt-success-subtle);
+  color: var(--dt-success-fg);
+}
+
+.bk-checklist-label {
+  color: var(--dt-text-primary);
+}
+`,code:`
+.bk-code {
+  margin: 0;
+  padding: var(--dt-space-4);
+  overflow-x: auto;
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-lg);
+  background: var(--dt-bg-secondary);
+  color: var(--dt-text-primary);
+  box-shadow: 0 0 0 1px var(--dt-glow-purple);
+}
+
+.bk-code code {
+  font-family: var(--dt-font-mono);
+  font-size: var(--dt-font-size-sm);
+  line-height: 1.6;
+}
+`,comparison:`
+.bk-comparison {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
+  gap: var(--dt-space-4);
+}
+
+.bk-comparison-column {
+  display: grid;
+  gap: var(--dt-space-3);
+  padding: var(--dt-space-4);
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-lg);
+  background: var(--dt-bg-secondary);
+}
+
+.bk-comparison-title {
+  color: var(--dt-text-primary);
+  font-size: var(--dt-font-size-lg);
+  font-weight: 600;
+}
+
+.bk-comparison-items {
+  display: grid;
+  gap: var(--dt-space-2);
+  margin: 0;
+  padding-left: var(--dt-space-4);
+  color: var(--dt-text-secondary);
+}
+`,"docs-browser":`
+.bk-docs-browser {
+  display: grid;
+  gap: var(--dt-space-3);
+}
+
+.bk-doc-entry {
+  display: grid;
+  gap: var(--dt-space-2);
+  padding: var(--dt-space-4);
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-lg);
+  background: var(--dt-bg-secondary);
+}
+
+.bk-doc-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--dt-space-3);
+}
+
+.bk-doc-title {
+  color: var(--dt-text-primary);
+  font-weight: 600;
+}
+
+.bk-doc-path,
+.bk-doc-content {
+  color: var(--dt-text-secondary);
+}
+
+.bk-doc-content {
+  margin: 0;
+  font-family: var(--dt-font-mono);
+  font-size: var(--dt-font-size-sm);
+  white-space: pre-wrap;
+}
+
+.bk-doc-status {
+  padding: var(--dt-space-1) var(--dt-space-2);
+  border-radius: 999px;
+  font-size: var(--dt-font-size-xs);
+  font-weight: 700;
+}
+`,finding:`
+.bk-finding {
+  display: grid;
+  gap: var(--dt-space-3);
+  padding: var(--dt-space-4);
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-xl);
+  background: linear-gradient(180deg, var(--dt-bg-secondary), var(--dt-bg-primary));
+  box-shadow: var(--dt-shadow-sm);
+}
+
+.bk-finding-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--dt-space-3);
+}
+
+.bk-finding-title {
+  color: var(--dt-text-primary);
+  font-size: var(--dt-font-size-lg);
+  font-weight: 700;
+}
+
+.bk-finding-severity {
+  padding: var(--dt-space-1) var(--dt-space-2);
+  border-radius: 999px;
+  font-size: var(--dt-font-size-xs);
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
+.bk-finding-detail {
+  color: var(--dt-text-secondary);
+  line-height: 1.7;
+}
+`,graph:`
+.bk-graph {
+  margin: 0;
+  padding: var(--dt-space-4);
+  overflow-x: auto;
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-lg);
+  background: var(--dt-bg-secondary);
+  color: var(--dt-text-primary);
+  font-family: var(--dt-font-mono);
+  font-size: var(--dt-font-size-sm);
+  line-height: 1.6;
+}
+`,heading:`
+.bk-heading {
+  margin: 0;
+  color: var(--dt-text-primary);
+  font-family: var(--dt-font-sans);
+  font-weight: 700;
+  line-height: 1.15;
+}
+.bk-heading--1 { font-size: var(--dt-font-size-3xl); }
+.bk-heading--2 { font-size: var(--dt-font-size-2xl); }
+.bk-heading--3 { font-size: var(--dt-font-size-xl); }
+.bk-heading--4 { font-size: var(--dt-font-size-lg); }
+.bk-heading--5,
+.bk-heading--6 { font-size: var(--dt-font-size-base); }
+`,markdown:`
+.bk-markdown {
+  color: var(--dt-text-primary);
+  font-size: var(--dt-font-size-base);
+  line-height: 1.7;
+}
+`,mermaid:`
+.bk-mermaid {
+  margin: 0;
+  padding: var(--dt-space-4);
+  overflow-x: auto;
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-lg);
+  background: var(--dt-bg-secondary);
+  color: var(--dt-text-primary);
+  font-family: var(--dt-font-mono);
+  font-size: var(--dt-font-size-sm);
+  line-height: 1.6;
+}
+`,metrics:`
+.bk-metrics {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
+  gap: var(--dt-space-4);
+}
+
+.bk-metric {
+  display: grid;
+  gap: var(--dt-space-2);
+  padding: var(--dt-space-4);
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-lg);
+  background: linear-gradient(180deg, var(--dt-bg-secondary), var(--dt-bg-primary));
+  box-shadow: 0 0 0 1px var(--dt-accent-subtle), var(--dt-shadow-sm);
+  transition: transform var(--dt-transition-fast), box-shadow var(--dt-transition-fast);
+}
+
+.bk-metric:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 0 0 1px var(--dt-accent-muted), 0 10px 28px var(--dt-glow-accent);
+}
+
+.bk-metric-value {
+  color: var(--dt-text-primary);
+  font-size: var(--dt-font-size-2xl);
+  font-weight: 700;
+}
+
+.bk-metric-label,
+.bk-metric-trend {
+  color: var(--dt-text-secondary);
+  font-size: var(--dt-font-size-sm);
+}
+`,paragraph:`
+.bk-paragraph {
+  margin: 0;
+  color: var(--dt-text-primary);
+  font-size: var(--dt-font-size-base);
+  line-height: 1.7;
+}
+`,progress:`
+.bk-progress {
+  display: grid;
+  gap: var(--dt-space-3);
+}
+
+.bk-progress-item {
+  display: grid;
+  gap: var(--dt-space-2);
+}
+
+.bk-progress-meta {
+  display: flex;
+  justify-content: space-between;
+  gap: var(--dt-space-3);
+  color: var(--dt-text-primary);
+  font-size: var(--dt-font-size-sm);
+}
+
+.bk-progress-track {
+  overflow: hidden;
+  height: 0.75rem;
+  border-radius: 999px;
+  background: var(--dt-bg-tertiary);
+  box-shadow: inset 0 0 0 1px var(--dt-border-muted);
+}
+
+.bk-progress-bar {
+  display: block;
+  height: 100%;
+  min-width: 0;
+  border-radius: inherit;
+  background: var(--dt-accent-emphasis);
+  box-shadow: 0 0 16px var(--dt-glow-accent);
+}
+`,prompt:`
+.bk-prompt {
+  margin: 0;
+  padding: var(--dt-space-4);
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-lg);
+  background: linear-gradient(180deg, var(--dt-bg-secondary), var(--dt-bg-primary));
+  color: var(--dt-text-primary);
+  font-family: var(--dt-font-mono);
+  font-size: var(--dt-font-size-sm);
+  line-height: 1.6;
+  white-space: pre-wrap;
+}
+`,separator:`
+.bk-separator {
+  margin: var(--dt-space-6) 0;
+  border: 0;
+  border-top: 1px solid var(--dt-border-default);
+}
+`,"status-board":`
+.bk-status-board {
+  display: grid;
+  gap: var(--dt-space-4);
+}
+
+.bk-status-category {
+  display: grid;
+  gap: var(--dt-space-3);
+  padding: var(--dt-space-4);
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-lg);
+  background: var(--dt-bg-secondary);
+}
+
+.bk-status-category-title {
+  color: var(--dt-text-primary);
+  font-size: var(--dt-font-size-lg);
+  font-weight: 600;
+}
+
+.bk-status-items {
+  display: grid;
+  gap: var(--dt-space-2);
+}
+
+.bk-status-item {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--dt-space-3);
+}
+
+.bk-status-pill {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 5.5rem;
+  padding: var(--dt-space-1) var(--dt-space-2);
+  border-radius: 999px;
+  background: var(--dt-accent-subtle);
+  color: var(--dt-accent-fg);
+  font-size: var(--dt-font-size-xs);
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
+.bk-status-copy {
+  display: grid;
+  gap: var(--dt-space-1);
+}
+
+.bk-status-label {
+  color: var(--dt-text-primary);
+}
+
+.bk-status-description {
+  color: var(--dt-text-secondary);
+}
+`,table:`
+.bk-table-wrap {
+  overflow-x: auto;
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-lg);
+  background: var(--dt-bg-secondary);
+  box-shadow: var(--dt-shadow-sm);
+}
+
+.bk-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--dt-font-size-sm);
+}
+
+.bk-table thead th {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background: var(--dt-bg-tertiary);
+  color: var(--dt-text-primary);
+}
+
+.bk-table th,
+.bk-table td {
+  padding: var(--dt-space-3) var(--dt-space-4);
+  border-bottom: 1px solid var(--dt-border-muted);
+  text-align: left;
+  vertical-align: top;
+}
+
+.bk-table tbody tr:nth-child(even) {
+  background: color-mix(in srgb, var(--dt-bg-secondary) 82%, var(--dt-accent-subtle));
+}
+`,tags:`
+.bk-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--dt-space-2);
+}
+
+.bk-tag {
+  display: inline-flex;
+  align-items: center;
+  padding: var(--dt-space-1) var(--dt-space-3);
+  border-radius: 999px;
+  background: var(--dt-accent-subtle);
+  color: var(--dt-accent-fg);
+  font-size: var(--dt-font-size-xs);
+  font-weight: 700;
+}
+`,text:`
+.bk-text {
+  color: var(--dt-text-primary);
+  font-size: var(--dt-font-size-base);
+  line-height: 1.7;
+}
+`,timeline:`
+.bk-timeline {
+  display: grid;
+  gap: var(--dt-space-4);
+}
+
+.bk-timeline-item {
+  position: relative;
+  display: grid;
+  gap: var(--dt-space-2);
+  padding-left: calc(var(--dt-space-6) + var(--dt-space-2));
+}
+
+.bk-timeline-item::before {
+  content: '';
+  position: absolute;
+  inset: 0 auto 0 var(--dt-space-3);
+  width: 1px;
+  background: var(--dt-border-default);
+}
+
+.bk-timeline-dot {
+  position: absolute;
+  top: var(--dt-space-1);
+  left: 0;
+  width: var(--dt-space-6);
+  height: var(--dt-space-6);
+  border: 3px solid var(--dt-bg-primary);
+  border-radius: 999px;
+  background: var(--dt-accent-emphasis);
+  box-shadow: 0 0 0 6px var(--dt-glow-accent);
+}
+
+.bk-timeline-title {
+  color: var(--dt-text-primary);
+  font-weight: 600;
+}
+
+.bk-timeline-description,
+.bk-timeline-timestamp {
+  color: var(--dt-text-secondary);
+}
+`,tree:`
+.bk-tree {
+  display: grid;
+  gap: var(--dt-space-2);
+}
+
+.bk-tree-node {
+  padding-left: var(--dt-space-3);
+  border-left: 1px solid var(--dt-border-default);
+}
+
+.bk-tree-node > summary {
+  cursor: pointer;
+  color: var(--dt-text-primary);
+  font-weight: 600;
+}
+
+.bk-tree-children {
+  display: grid;
+  gap: var(--dt-space-2);
+  margin-top: var(--dt-space-2);
+}
+
+.bk-tree-leaf {
+  display: flex;
+  gap: var(--dt-space-2);
+  color: var(--dt-text-secondary);
+}
+
+.bk-tree-key {
+  color: var(--dt-text-primary);
+}
+`},v=`
+.bk-section {
+  display: grid;
+  gap: var(--dt-space-3);
+  margin: 0 0 var(--dt-space-6);
+}
+
+.bk-section-title {
+  margin: 0;
+  color: var(--dt-text-primary);
+  font-family: var(--dt-font-sans);
+  font-size: var(--dt-font-size-lg);
+  font-weight: 700;
+}
+
+.bk-text,
+.bk-markdown,
+.bk-paragraph,
+.bk-fallback,
+.bk-prompt,
+.bk-heading,
+.bk-table,
+.bk-docs-browser,
+.bk-actions,
+.bk-comparison,
+.bk-status-board,
+.bk-progress,
+.bk-timeline,
+.bk-tree,
+.bk-tags,
+.bk-cards,
+.bk-metrics,
+.bk-chart,
+.bk-code,
+.bk-mermaid,
+.bk-graph,
+.bk-checklist,
+.bk-finding {
+  font-family: var(--dt-font-sans);
+}
+
+.bk-text a,
+.bk-markdown a,
+.bk-finding a {
+  color: var(--dt-accent-fg);
+  text-decoration: none;
+}
+
+.bk-text code,
+.bk-markdown code,
+.bk-finding code {
+  padding: 0 var(--dt-space-1);
+  border-radius: var(--dt-radius-sm);
+  background: var(--dt-bg-tertiary);
+  color: var(--dt-purple-fg);
+  font-family: var(--dt-font-mono);
+  font-size: 0.95em;
+}
+
+.bk-fallback {
+  margin: 0;
+  padding: var(--dt-space-4);
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-lg);
+  background: var(--dt-bg-secondary);
+  color: var(--dt-text-secondary);
+  font-family: var(--dt-font-mono);
+  font-size: var(--dt-font-size-sm);
+  white-space: pre-wrap;
+}
+
+.bk-visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+`;function y(e){let t=[v],n=new Set;for(let r of e)!n.has(r)&&_[r]&&(n.add(r),t.push(_[r]));return t.join(`
+`)}function Fe(){return y(Object.keys(_))}function b(e){return Object.entries(e).map(([e,t])=>`  ${e}: ${t};`).join(`
+`)}function Ie(e,t){let n=` `.repeat(t);return e.split(`
+`).map(e=>`${n}${e}`).join(`
+`)}function Le(e){return e===`dark`?{...h,...g}:{...h}}function x(){return b(g)}function S(e=`auto`){let t=`:root {\n${b(Le(e===`dark`?`dark`:`light`))}\n}`;return e===`light`?`${t}\n\nhtml {\n  color-scheme: light;\n}`:e===`dark`?`${t}\n\nhtml {\n  color-scheme: dark;\n}`:[t,`html {
+  color-scheme: light;
+}`,[`@media (prefers-color-scheme: dark) {`,`  :root {`,Ie(x(),4),`  }`,``,`  html {`,`    color-scheme: dark;`,`  }`,`}`].join(`
+`)].join(`
+
+`)}const Re={actions:te,cards:ne,chart:re,checklist:ie,code:ae,comparison:se,"docs-browser":le,finding:de,graph:fe,heading:pe,markdown:me,mermaid:he,metrics:_e,paragraph:ve,progress:be,prompt:Se,separator:Ce,"status-board":Te,table:De,tags:ke,text:Ae,timeline:je,tree:Me};function C(e,t){let r={...e,value:o(e.value)},i=Re[r.type],a=i?i(r,t):ze(r);return r.title&&![`heading`,`finding`].includes(r.type)?`<section class="bk-section bk-section--${n(r.type)}"><h3 class="bk-section-title">${n(r.title)}</h3>${a}</section>`:a}function w(e,t){return e.map(e=>C(e,t)).join(`
+`)}function ze(e){if(e.value===void 0||e.value===null)return``;if(typeof e.value==`string`)return`<p class="bk-paragraph">${n(e.value)}</p>`;try{return`<pre class="bk-fallback">${n(JSON.stringify(e.value,null,2))}</pre>`}catch{return`<pre class="bk-fallback">${n(String(e.value))}</pre>`}}var T=class{templates=new Map;register(e){this.templates.set(e.id,e)}get(e){let t=this.templates.get(e);if(t)return t;let n=e.includes(`@`)?e:`${e}@`,r,i=-1;for(let[e,t]of this.templates){if(!e.startsWith(n))continue;let a=Number.parseInt(e.split(`@`)[1]??`0`,10);a>i&&(i=a,r=t)}return r}has(e){return this.get(e)!==void 0}list(){return[...this.templates.values()]}};const Be=[`mcp-app`,`browser`];function E(e){return typeof e==`object`&&!!e}function Ve(e){return Array.isArray(e)?e.flatMap(e=>!E(e)||typeof e.label!=`string`?[]:[{label:e.label,checked:!!e.checked}]):[]}const D={id:`checklist@1`,label:`Checklist`,description:`Checklist with optional title and form hydration metadata.`,inputSchema:{type:`object`,properties:{title:{type:`string`},items:{type:`array`,items:{type:`object`,required:[`label`,`checked`],properties:{label:{type:`string`},checked:{type:`boolean`}},additionalProperties:!1}}},required:[`items`],additionalProperties:!1},defaultLayout:{},blocksFromData:e=>{let t=[],n=E(e)&&typeof e.title==`string`?e.title:void 0,r=E(e)?Ve(e.items):[];return n&&t.push({type:`heading`,value:n}),t.push({type:`checklist`,value:r}),t},hydration:[`form`],supportedTransports:Be},He=[`mcp-app`,`browser`,`export`];function O(e){return typeof e==`object`&&!!e}function Ue(e){return O(e)&&typeof e.label==`string`&&(typeof e.value==`string`||typeof e.value==`number`)}function We(e){return O(e)&&typeof e.key==`string`&&typeof e.label==`string`}function Ge(e){return Array.isArray(e)?e.filter(O):[]}function Ke(e,t){if(Array.isArray(e)){let t=e.filter(We);if(t.length>0)return t}return Object.keys(t[0]??{}).map(e=>({key:e,label:e}))}const k={id:`data-table@1`,label:`Data Table`,description:`Static data table with optional metrics and sortable table hydration.`,inputSchema:{type:`object`,properties:{columns:{type:`array`,items:{type:`object`,required:[`key`,`label`],properties:{key:{type:`string`},label:{type:`string`}},additionalProperties:!1}},rows:{type:`array`,items:{type:`object`}},stats:{type:`array`,items:{type:`object`,required:[`label`,`value`],properties:{label:{type:`string`},value:{type:[`string`,`number`]},trend:{type:[`string`,`number`]},status:{type:`string`}},additionalProperties:!1}}},required:[`rows`],additionalProperties:!1},defaultLayout:{},blocksFromData:e=>{let t=O(e)?Ge(e.rows):[],n=O(e)?Ke(e.columns,t):[],r=n.map(e=>e.label),i=t.map(e=>n.map(t=>e[t.key])),a=[];if(O(e)&&Array.isArray(e.stats)){let t=e.stats.filter(Ue);t.length>0&&a.push({type:`metrics`,value:t})}return a.push({type:`table`,columns:n,headers:r,rows:i,value:{headers:r,rows:i}}),a},hydration:[`table`],supportedTransports:He},qe=[`mcp-app`,`browser`,`export`];function A(e){return typeof e==`object`&&!!e}function Je(e){return Array.isArray(e)?e.flatMap(e=>!A(e)||typeof e.type!=`string`||typeof e.content!=`string`?[]:[{type:e.type,content:e.content}]):[]}function Ye(e){return Array.isArray(e)?e.flatMap(e=>!A(e)||typeof e.header!=`string`?[]:[{header:e.header,changes:Je(e.changes)}]):[]}function Xe(e){return!A(e)||!Array.isArray(e.files)?[]:e.files.flatMap(e=>!A(e)||typeof e.path!=`string`||typeof e.status!=`string`?[]:[{path:e.path,status:e.status,additions:typeof e.additions==`number`?e.additions:0,deletions:typeof e.deletions==`number`?e.deletions:0,hunks:Ye(e.hunks)}])}function Ze(e){return e===`add`?`+`:e===`delete`?`-`:` `}function Qe(e){let t=e.hunks.flatMap(e=>[e.header,...e.changes.map(e=>`${Ze(e.type)}${e.content}`)]).join(`
+`);return[{type:`heading`,value:e.path},{type:`paragraph`,value:`${e.status} | +${e.additions} / -${e.deletions}`},{type:`code`,language:`diff`,value:t}]}const j={id:`diff-view@1`,label:`Diff View`,description:`Static diff summary rendered as per-file diff code blocks.`,inputSchema:{type:`object`,properties:{files:{type:`array`,items:{type:`object`,required:[`path`,`status`,`additions`,`deletions`,`hunks`],properties:{path:{type:`string`},status:{type:`string`},additions:{type:`number`},deletions:{type:`number`},hunks:{type:`array`,items:{type:`object`,required:[`header`,`changes`],properties:{header:{type:`string`},changes:{type:`array`,items:{type:`object`,required:[`type`,`content`],properties:{type:{type:`string`},content:{type:`string`}},additionalProperties:!1}}},additionalProperties:!1}}},additionalProperties:!1}}},required:[`files`],additionalProperties:!1},defaultLayout:{},blocksFromData:e=>Xe(e).flatMap(Qe),hydration:[],supportedTransports:qe},$e=[`mcp-app`,`browser`,`export`];function M(e){return typeof e==`object`&&!!e}function et(e){return M(e)&&typeof e.type==`string`}function tt(e){return Array.isArray(e)&&e.every(et)}function nt(e){if(!M(e))return{sections:[]};let t=Array.isArray(e.sections)?e.sections.flatMap(e=>{if(!M(e)||typeof e.heading!=`string`)return[];let t=typeof e.content==`string`||tt(e.content)?e.content:``;return[{heading:e.heading,content:t}]}):[];return{title:typeof e.title==`string`?e.title:void 0,sections:t}}function rt(e){let t=[{type:`heading`,value:e.heading}];return typeof e.content==`string`?(t.push({type:`paragraph`,value:e.content}),t):(t.push(...e.content),t)}const N={id:`document@1`,label:`Document`,description:`Structured document with optional title and section content blocks.`,inputSchema:{type:`object`,properties:{title:{type:`string`},sections:{type:`array`,items:{type:`object`,additionalProperties:!1,required:[`heading`,`content`],properties:{heading:{type:`string`},content:{oneOf:[{type:`string`},{type:`array`,items:{type:`object`}}]}}}}},required:[`sections`],additionalProperties:!1},defaultLayout:{},blocksFromData:e=>{let t=nt(e),n=[];t.title&&n.push({type:`heading`,value:t.title});for(let e of t.sections)n.push(...rt(e));return n},hydration:[],supportedTransports:$e},it=[`mcp-app`,`browser`,`export`];function at(e){return typeof e==`object`&&!!e}function ot(e){return at(e)?{code:typeof e.code==`string`?e.code:`ERROR`,message:typeof e.message==`string`?e.message:`Unknown error`,details:typeof e.details==`string`?e.details:void 0,stack:typeof e.stack==`string`?e.stack:void 0}:{code:`ERROR`,message:`Unknown error`}}const P={id:`error@1`,label:`Error`,description:`Static error view with message and optional stack trace.`,inputSchema:{type:`object`,properties:{code:{type:`string`},message:{type:`string`},details:{type:`string`},stack:{type:`string`}},required:[`code`,`message`],additionalProperties:!1},defaultLayout:{},blocksFromData:e=>{let t=ot(e),n=[{type:`heading`,value:`Error`},{type:`code`,title:t.code,language:`text`,value:t.details?`${t.message}\n\n${t.details}`:t.message}];return t.stack&&n.push({type:`code`,title:`Stack Trace`,language:`text`,value:t.stack}),n},hydration:[],supportedTransports:it};function F(e){return typeof e==`object`&&!!e}function I(e){return e.replace(/\|/g,`\\|`).replace(/\r?\n/g,` `)}function st(e){return Array.isArray(e)?e.flatMap(e=>!F(e)||typeof e.name!=`string`||typeof e.label!=`string`?[]:[{name:e.name,label:e.label,type:typeof e.type==`string`?e.type:void 0,options:Array.isArray(e.options)?e.options.filter(e=>typeof e==`string`):void 0,value:typeof e.value==`string`?e.value:void 0}]):[]}function ct(e){let t=[`| Label | Name | Type | Options | Value |`,`| --- | --- | --- | --- | --- |`];for(let n of e)t.push(`| ${I(n.label)} | ${I(n.name)} | ${I(n.type??`text`)} | ${I((n.options??[]).join(`, `))} | ${I(n.value??``)} |`);return t.join(`
+`)}const L={id:`form@1`,label:`Form`,description:`Browser-only form template rendered as a heading and markdown field table.`,inputSchema:{type:`object`,properties:{title:{type:`string`},fields:{type:`array`,items:{type:`object`,required:[`name`,`label`],properties:{name:{type:`string`},label:{type:`string`},type:{type:`string`},options:{type:`array`,items:{type:`string`}},value:{type:`string`}},additionalProperties:!1}}},required:[`fields`],additionalProperties:!1},defaultLayout:{},blocksFromData:e=>{let t={title:F(e)&&typeof e.title==`string`?e.title:`Form`,fields:F(e)?st(e.fields):[]};return[{type:`heading`,value:t.title},{type:`markdown`,value:ct(t.fields)}]},hydration:[`form`],supportedTransports:[`browser`]},lt=[`mcp-app`,`browser`];function R(e){return typeof e==`object`&&!!e}function ut(e){if(!Array.isArray(e))return;let t=e.flatMap(e=>!R(e)||typeof e.id!=`string`||typeof e.label!=`string`?[]:[{id:e.id,label:e.label}]);return t.length>0?t:void 0}function dt(e){return Array.isArray(e)?e.flatMap(e=>!R(e)||typeof e.id!=`string`||typeof e.label!=`string`?[]:[{id:e.id,label:e.label,category:typeof e.category==`string`?e.category:void 0,tags:Array.isArray(e.tags)?e.tags.filter(e=>typeof e==`string`):void 0}]):[]}function ft(e){return R(e)?{categories:ut(e.categories),items:dt(e.items)}:{items:[]}}function z(e){return{title:e.label,body:e.id,description:e.tags&&e.tags.length>0?e.tags.join(`, `):void 0}}function B(e,t){return t.length===0?[]:[{type:`heading`,value:e},{type:`cards`,value:t.map(z)}]}const V={id:`picker@1`,label:`Picker`,description:`Grouped item picker rendered as cards with picker hydration metadata.`,inputSchema:{type:`object`,properties:{categories:{type:`array`,items:{type:`object`,required:[`id`,`label`],properties:{id:{type:`string`},label:{type:`string`}},additionalProperties:!1}},items:{type:`array`,items:{type:`object`,required:[`id`,`label`],properties:{id:{type:`string`},label:{type:`string`},category:{type:`string`},tags:{type:`array`,items:{type:`string`}}},additionalProperties:!1}}},required:[`items`],additionalProperties:!1},defaultLayout:{},blocksFromData:e=>{let t=ft(e),n=[];if(t.categories&&t.categories.length>0){let e=new Set(t.categories.map(e=>e.id));for(let e of t.categories)n.push(...B(e.label,t.items.filter(t=>t.category===e.id)));let r=t.items.filter(t=>!t.category||!e.has(t.category));return n.push(...B(`Other`,r)),n}return t.items.length>0&&n.push({type:`cards`,value:t.items.map(z)}),n},hydration:[`picker`],supportedTransports:lt},pt=[`mcp-app`,`browser`,`export`];function H(e){return typeof e==`object`&&!!e}function mt(e){return H(e)&&typeof e.type==`string`}function ht(e){return Array.isArray(e)&&e.every(mt)}function gt(e){return H(e)&&typeof e.label==`string`&&(typeof e.value==`string`||typeof e.value==`number`)}function _t(e){return Array.isArray(e)?e.flatMap(e=>{if(!H(e)||typeof e.heading!=`string`)return[];let t=typeof e.content==`string`||ht(e.content)?e.content:``;return[{heading:e.heading,content:t}]}):[]}function vt(e){return Array.isArray(e)?e.flatMap(e=>H(e)?[{title:typeof e.title==`string`?e.title:void 0,value:e.value,headers:Array.isArray(e.headers)?e.headers.filter(e=>typeof e==`string`):void 0,rows:Array.isArray(e.rows)?e.rows.filter(e=>Array.isArray(e)):void 0}]:[]):[]}function yt(e){let t=[{type:`heading`,value:e.heading}];return typeof e.content==`string`?(t.push({type:`paragraph`,value:e.content}),t):(t.push(...e.content),t)}function bt(e){let t={type:`table`};return e.title&&(t.title=e.title),e.value!==void 0&&(t.value=e.value),e.headers&&(t.headers=e.headers),e.rows&&(t.rows=e.rows),t}const U={id:`report@1`,label:`Report`,description:`Static report with title, optional metrics, narrative sections, and tables.`,inputSchema:{type:`object`,properties:{title:{type:`string`},metrics:{type:`array`,items:{type:`object`,required:[`label`,`value`],properties:{label:{type:`string`},value:{type:[`string`,`number`]},trend:{type:[`string`,`number`]},status:{type:`string`}},additionalProperties:!1}},sections:{type:`array`,items:{type:`object`,required:[`heading`,`content`],properties:{heading:{type:`string`},content:{oneOf:[{type:`string`},{type:`array`,items:{type:`object`}}]}},additionalProperties:!1}},tables:{type:`array`,items:{type:`object`,properties:{title:{type:`string`},value:{},headers:{type:`array`,items:{type:`string`}},rows:{type:`array`,items:{type:`array`,items:{}}}},additionalProperties:!1}}},required:[`title`,`sections`],additionalProperties:!1},defaultLayout:{},blocksFromData:e=>{let t={title:H(e)&&typeof e.title==`string`?e.title:`Report`,metrics:H(e)&&Array.isArray(e.metrics)?e.metrics.filter(gt):void 0,sections:H(e)?_t(e.sections):[],tables:H(e)?vt(e.tables):void 0},n=[{type:`heading`,value:t.title}];t.metrics&&t.metrics.length>0&&n.push({type:`metrics`,value:t.metrics});for(let e of t.sections)n.push(...yt(e));for(let e of t.tables??[])n.push(bt(e));return n},hydration:[],supportedTransports:pt},xt=[`mcp-app`,`browser`,`export`];function W(e){return typeof e==`object`&&!!e}function St(e){return Array.isArray(e)?e.flatMap(e=>{if(!W(e)||typeof e.category!=`string`||!Array.isArray(e.items))return[];let t=e.items.flatMap(e=>!W(e)||typeof e.label!=`string`||typeof e.status!=`string`?[]:[{label:e.label,status:e.status,badge:typeof e.badge==`string`?e.badge:void 0}]);return[{category:e.category,items:t}]}):[]}function Ct(e){return e.map(e=>({title:e.label,status:e.status,badge:e.badge}))}const G={id:`status-board@1`,label:`Status Board`,description:`Static status board grouped into category headings and card collections.`,inputSchema:{type:`object`,properties:{categories:{type:`array`,items:{type:`object`,required:[`category`,`items`],properties:{category:{type:`string`},items:{type:`array`,items:{type:`object`,required:[`label`,`status`],properties:{label:{type:`string`},status:{type:`string`},badge:{type:`string`}},additionalProperties:!1}}},additionalProperties:!1}}},required:[`categories`],additionalProperties:!1},defaultLayout:{},blocksFromData:e=>{let t=W(e)?St(e.categories):[],n=[];for(let e of t)n.push({type:`heading`,value:e.category}),n.push({type:`cards`,value:Ct(e.items)});return n},hydration:[],supportedTransports:xt},wt=[`mcp-app`,`browser`,`export`];function Tt(e){return typeof e==`object`&&!!e}function Et(e){return Array.isArray(e)?e.flatMap(e=>!Tt(e)||typeof e.title!=`string`?[]:[{title:e.title,description:typeof e.description==`string`?e.description:void 0,timestamp:typeof e.timestamp==`string`?e.timestamp:void 0,status:typeof e.status==`string`?e.status:void 0}]):[]}const K={id:`timeline@1`,label:`Timeline`,description:`Static timeline events rendered as a timeline block.`,inputSchema:{type:`array`,items:{type:`object`,required:[`title`],properties:{title:{type:`string`},description:{type:`string`},timestamp:{type:`string`},status:{type:`string`}},additionalProperties:!1}},defaultLayout:{},blocksFromData:e=>[{type:`timeline`,value:Et(e)}],hydration:[],supportedTransports:wt},Dt=[`mcp-app`,`browser`,`export`];function q(e){return typeof e==`object`&&!!e}function J(e){return q(e)&&typeof e.label==`string`}function Y(e){return{name:e.label,children:Array.isArray(e.children)?e.children.filter(J).map(Y):[]}}function Ot(e){if(!q(e))return{};let t=e.root;return J(t)?Y(t):q(t)?t:e}const X={id:`tree@1`,label:`Tree`,description:`Static tree view data with optional tree hydration metadata.`,inputSchema:{oneOf:[{type:`object`,properties:{root:{type:`object`}},required:[`root`],additionalProperties:!0},{type:`object`,additionalProperties:!0}]},defaultLayout:{},blocksFromData:e=>[{type:`tree`,value:Ot(e)}],hydration:[`tree`],supportedTransports:Dt},Z=new T;Z.register(D),Z.register(j),Z.register(N),Z.register(V),Z.register(U),Z.register(K),Z.register(X),Z.register(k),Z.register(P),Z.register(L),Z.register(G);let Q=0;function kt(){return Q=(Q+1)%(2**53-1),`${Date.now().toString(16).padStart(12,`0`).slice(-12)}${Q.toString(16).padStart(4,`0`).slice(-4)}${Array.from({length:8},()=>Math.floor(Math.random()*256).toString(16).padStart(2,`0`)).join(``)}`}function At(e){return{id:e,version:1,entry:`@aikit/blocks-interactive/dist/islands/${e}.js`,selector:`[data-island="${e}"]`,needsData:!0}}function jt(e,t){let n=new TextEncoder;return n.encode(e).byteLength+t.reduce((e,t)=>e+n.encode(t).byteLength,0)}function Mt(e,t){let n=[],r=t.registry??Z,i={colorScheme:e.colorScheme??t.colorScheme??`auto`,transport:t.transport,lang:e.lang,dir:e.dir},a=[...e.blocks??[]],o=[...a],s=[],c=[...e.actions??[]];if(e.template){let t=r.get(e.template);if(t)try{o=t.blocksFromData(e.data,i),t.actionsFromData&&(c=[...c,...t.actionsFromData(e.data)]),s=t.hydration.map(e=>At(e))}catch(t){let r=t instanceof Error?t.message:String(t);n.push({level:`error`,message:`Template ${e.template} failed: ${r}`}),o=a.length===0?P.blocksFromData({code:`TEMPLATE_RENDER_ERROR`,message:`Failed to render template ${e.template}`,details:r},i):[...a]}else n.push({level:`warn`,message:`Template not found: ${e.template}`})}let l=w(o,i),u=[y(o.map(e=>e.type))],d=t.nonce??kt(),f=e.metadata?.surfaceId??`surface-${d}`,ee=s.length>0?JSON.stringify({data:e.data,blocks:o}):void 0;return{surfaceId:f,nonce:d,html:l,css:u,islands:s,actions:c,payload:ee,estimatedBytes:jt(l,u),exportPolicy:s.length>0?`local-interactive`:`static-only`,diagnostics:n.length>0?n:void 0}}function Nt(e){return e===`up`||e===`down`||e===`neutral`}function $(e){return typeof e==`object`&&!!e}function Pt(e){return!$(e)||!Array.isArray(e.metrics)?{metrics:[]}:{metrics:e.metrics.flatMap(e=>{if(!$(e)||typeof e.label!=`string`||typeof e.value!=`string`&&typeof e.value!=`number`)return[];let t=$(e.trend)&&typeof e.trend.value==`string`&&Nt(e.trend.direction)?{value:e.trend.value,direction:e.trend.direction}:void 0,n=Array.isArray(e.items)?e.items.flatMap(e=>!$(e)||typeof e.label!=`string`||typeof e.value!=`string`?[]:[{label:e.label,value:e.value}]):void 0;return[{id:typeof e.id==`string`?e.id:void 0,label:e.label,value:e.value,trend:t,status:e.status===`success`||e.status===`warning`||e.status===`error`||e.status===`info`?e.status:void 0,type:e.type===`progress`||e.type===`list`||e.type===`stat`?e.type:void 0,progress:typeof e.progress==`number`?Ht(e.progress):void 0,items:n}]})}}function Ft(e){let t=e.type===`progress`&&typeof e.progress==`number`?`${e.progress}%`:void 0;return{label:e.label,value:e.value,trend:e.trend?.value??t,status:e.status}}function It(e){return e.type!==`progress`||typeof e.progress!=`number`?null:{label:e.label,value:Ht(e.progress),max:100}}function Lt(e){return $(e)?{columns:Array.isArray(e.columns)?e.columns.flatMap(e=>!$(e)||typeof e.id!=`string`||typeof e.label!=`string`?[]:[{id:e.id,label:e.label}]):[],cards:Array.isArray(e.cards)?e.cards.flatMap(e=>!$(e)||typeof e.id!=`string`||typeof e.title!=`string`||typeof e.column!=`string`?[]:[{id:e.id,title:e.title,description:typeof e.description==`string`?e.description:void 0,column:e.column,tags:Array.isArray(e.tags)?e.tags.filter(e=>typeof e==`string`):void 0,priority:e.priority===`high`||e.priority===`medium`||e.priority===`low`?e.priority:void 0}]):[]}:{columns:[],cards:[]}}function Rt(e){return{title:e.title,description:e.description,badge:e.priority,body:e.tags?.join(`, `),status:e.priority}}function zt(e){return!$(e)||!Array.isArray(e.items)?[]:e.items.flatMap(e=>!$(e)||typeof e.id!=`string`||typeof e.label!=`string`?[]:[{id:e.id,label:e.label}])}function Bt(e){return $(e)?{name:typeof e.name==`string`?e.name:``,total:typeof e.total==`number`?e.total:typeof e.value==`number`?e.value:0,self:typeof e.self==`number`?e.self:void 0,children:Array.isArray(e.children)?e.children.map(e=>Bt(e)):[]}:{name:``,total:0,children:[]}}function Vt(e){return{name:e.self==null?`${e.name} (${e.total})`:`${e.name} (${e.total} total / ${e.self} self)`,children:(e.children??[]).map(Vt)}}function Ht(e){return Math.max(0,Math.min(100,e))}function Ut(e){let t=Pt(e),n=[];t.metrics.length>0&&n.push({type:`metrics`,value:t.metrics.map(Ft)});let r=t.metrics.map(It).filter(e=>e!==null);r.length>0&&n.push({type:`progress`,value:r});for(let e of t.metrics)e.type===`list`&&e.items&&e.items.length>0&&(n.push({type:`heading`,value:e.label}),n.push({type:`table`,value:e.items}));return n}function Wt(e){let t=Lt(e),n=[];for(let e of t.columns){let r=t.cards.filter(t=>t.column===e.id);n.push({type:`heading`,value:e.label}),n.push({type:`cards`,value:r.map(Rt)})}return n}function Gt(e){let t=zt(e);return t.length===0?[]:[{type:`cards`,value:t.map((e,t)=>({title:e.label,body:e.id,badge:`#${t+1}`}))}]}function Kt(e){return!$(e)||!$(e.profile)?[]:[{type:`tree`,value:Vt(Bt(e.profile))}]}const qt={id:`dashboard@1`,label:`Dashboard`,description:`Metric cards grid with optional charts.`,inputSchema:{type:`object`,properties:{metrics:{type:`array`,items:{type:`object`,required:[`label`,`value`],properties:{id:{type:`string`},label:{type:`string`},value:{type:[`string`,`number`]},trend:{type:`object`,properties:{value:{type:`string`},direction:{enum:[`up`,`down`,`neutral`]}},required:[`value`,`direction`],additionalProperties:!1},status:{enum:[`success`,`warning`,`error`,`info`]},type:{enum:[`stat`,`progress`,`list`]},progress:{type:`number`},items:{type:`array`,items:{type:`object`,required:[`label`,`value`],properties:{label:{type:`string`},value:{type:`string`}},additionalProperties:!1}}},additionalProperties:!1}}},required:[`metrics`],additionalProperties:!1},defaultLayout:{maxWidth:`1200px`},blocksFromData:e=>Ut(e),hydration:[],supportedTransports:[`mcp-app`,`browser`]},Jt={id:`kanban@1`,label:`Kanban`,description:`Drag-and-drop task board grouped by columns.`,inputSchema:{type:`object`,properties:{columns:{type:`array`,items:{type:`object`,required:[`id`,`label`],properties:{id:{type:`string`},label:{type:`string`},color:{type:`string`}},additionalProperties:!1}},cards:{type:`array`,items:{type:`object`,required:[`id`,`title`,`column`],properties:{id:{type:`string`},title:{type:`string`},description:{type:`string`},column:{type:`string`},tags:{type:`array`,items:{type:`string`}},priority:{enum:[`high`,`medium`,`low`]}},additionalProperties:!1}}},required:[`columns`,`cards`],additionalProperties:!1},defaultLayout:{maxWidth:`1400px`},blocksFromData:e=>Wt(e),hydration:[],supportedTransports:[`browser`]},Yt={id:`list-sort@1`,label:`Sortable List`,description:`Reorderable list of items with browser drag-and-drop interactions.`,inputSchema:{type:`object`,properties:{items:{type:`array`,items:{type:`object`,required:[`id`,`label`],properties:{id:{type:`string`},label:{type:`string`}},additionalProperties:!1}}},required:[`items`],additionalProperties:!1},defaultLayout:{maxWidth:`720px`},blocksFromData:e=>Gt(e),hydration:[],supportedTransports:[`browser`]},Xt={id:`flame-graph@1`,label:`Flame Graph`,description:`Hierarchical performance profile with interactive zoom state.`,inputSchema:{type:`object`,properties:{profile:{type:`object`}},required:[`profile`],additionalProperties:!1},defaultLayout:{maxWidth:`1200px`},blocksFromData:e=>Kt(e),hydration:[],supportedTransports:[`browser`]};function Zt(e){return e.replace(/</g,`\\u003c`).replace(/>/g,`\\u003e`).replace(/&/g,`\\u0026`).replace(/\u2028/g,`\\u2028`).replace(/\u2029/g,`\\u2029`)}function Qt(e,t){let n=[`
+* {
+  box-sizing: border-box;
+}
+
+html {
+  font-size: 16px;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  background: var(--dt-bg-canvas, var(--dt-bg-primary));
+  color: var(--dt-text-primary);
+  font-family: var(--dt-font-sans);
+}
+
+.aikit-header {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--dt-space-4);
+  padding: var(--dt-space-2) var(--dt-space-4);
+  border-bottom: 1px solid var(--dt-border-default);
+  background: color-mix(in srgb, var(--dt-bg-primary) 92%, transparent);
+  backdrop-filter: blur(14px);
+}
+
+.aikit-header-brand,
+.aikit-header-actions {
+  flex: 0 0 10rem;
+}
+
+.aikit-header-brand {
+  color: var(--dt-text-primary);
+  font-size: var(--dt-font-size-sm);
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.aikit-header-title {
+  flex: 1 1 auto;
+  min-width: 0;
+  color: var(--dt-text-primary);
+  font-size: var(--dt-font-size-lg);
+  font-weight: 600;
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.aikit-header-actions {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.aikit-theme-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  padding: 0;
+  border: 1px solid var(--dt-border-default);
+  border-radius: var(--dt-radius-md);
+  background: var(--dt-bg-secondary);
+  color: var(--dt-text-primary);
+  box-shadow: var(--dt-shadow-sm);
+  cursor: pointer;
+  font: inherit;
+  transition:
+    background var(--dt-transition-fast),
+    border-color var(--dt-transition-fast),
+    color var(--dt-transition-fast),
+    box-shadow var(--dt-transition-fast);
+}
+
+.aikit-theme-toggle:hover {
+  background: var(--dt-bg-tertiary);
+}
+
+.aikit-theme-toggle:focus-visible {
+  outline: 2px solid var(--dt-accent-fg);
+  outline-offset: 2px;
+}
+
+main {
+  flex: 1;
+  width: 100%;
+  max-width: 100%;
+  padding: var(--dt-space-8) var(--dt-space-4);
+}
+
+.aikit-footer {
+  margin-top: auto;
+  padding: var(--dt-space-4);
+  border-top: 1px solid var(--dt-border-default);
+  color: var(--dt-text-secondary);
+  font-size: var(--dt-font-size-xs);
+  text-align: center;
+}
+
+@supports not (background: color-mix(in srgb, white 50%, transparent)) {
+  .aikit-header {
+    background: var(--dt-bg-primary);
+  }
+}
+
+@media (max-width: 640px) {
+  .aikit-header {
+    flex-wrap: wrap;
+  }
+
+  .aikit-header-brand,
+  .aikit-header-actions,
+  .aikit-header-title {
+    flex: 1 1 100%;
+  }
+
+  .aikit-header-title {
+    order: 3;
+    text-align: left;
+  }
+
+  .aikit-header-actions {
+    justify-content: flex-start;
+  }
+}
+`,...t.filter(e=>e.trim().length>0)].join(`
+`);return[`  <style>${e}</style>`,`  <style>${n}</style>`].join(`
+`)}function $t(e){let t=Object.entries(g).map(([e,t])=>`  ${e}: ${t};`).join(`
+`);return[e,`html[data-theme="light"] {
+  color-scheme: light;
+}`,`html[data-theme="dark"] {\n  color-scheme: dark;\n${t}\n}`,`@media (prefers-color-scheme: dark) {\n  html:not([data-theme]) {\n    color-scheme: dark;\n${t}\n  }\n}`].join(`
+
+`)}function en(e){return[`  <header class="aikit-header">`,`    <div class="aikit-header-brand">AI Kit</div>`,`    <div class="aikit-header-title">${n(e)}</div>`,`    <div class="aikit-header-actions">`,`      <button type="button" class="aikit-theme-toggle" aria-label="Toggle theme" onclick="toggleTheme()">`,`        <span data-theme-toggle-label><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg></span>`,`      </button>`,`    </div>`,`  </header>`].join(`
+`)}function tn(e){return[`  <footer class="aikit-footer">`,`    <span>Generated by AI Kit at ${n(e)}</span>`,`  </footer>`].join(`
+`)}function nn(e){return[`  <script>`,`    (() => {`,`      const preferredTheme = ${JSON.stringify(e)};`,`      const html = document.documentElement;`,`      const label = () => document.querySelector("[data-theme-toggle-label]");`,`      const systemTheme = () =>`,`        window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches`,`          ? "dark"`,`          : "light";`,`      const resolvedTheme = () => html.getAttribute("data-theme") || systemTheme();`,`      const sunIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>';`,`      const moonIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>';`,`      const updateToggle = (theme) => {`,`        const button = document.querySelector(".aikit-theme-toggle");`,`        const nextTheme = theme === "dark" ? "light" : "dark";`,`        if (button) {`,`          button.setAttribute("aria-label", "Switch to " + nextTheme + " theme");`,`          button.setAttribute("aria-pressed", String(theme === "dark"));`,`        }`,`        const toggleLabel = label();`,`        if (toggleLabel) toggleLabel.innerHTML = theme === "dark" ? moonIcon : sunIcon;`,`      };`,`      const applyTheme = (theme) => {`,`        html.setAttribute("data-theme", theme);`,`        updateToggle(theme);`,`      };`,`      if (preferredTheme === "light" || preferredTheme === "dark") {`,`        applyTheme(preferredTheme);`,`      } else {`,`        updateToggle(resolvedTheme());`,`      }`,`      window.toggleTheme = () => {`,`        applyTheme(resolvedTheme() === "dark" ? "light" : "dark");`,`      };`,`    })();`,`  <\/script>`].join(`
+`)}function rn(e,t){if(t!==`local-interactive`)return``;let r=new Set,i=[];for(let t of e)r.has(t.entry)||(r.add(t.entry),i.push(`  <script type="module" src="${n(t.entry)}"><\/script>`));return i.join(`
+`)}function an(e){let t=n(e.lang??`en`),r=n(e.dir??`ltr`),i=e.colorScheme??`auto`,a=e.generatedAt??new Date().toISOString(),o=[`lang="${t}"`,`dir="${r}"`];i!==`auto`&&o.push(`data-theme="${i}"`);let s=$t(e.tokenCss??S(`light`)),c=e.islands.length>0&&e.payload?`  <script type="application/json" id="surface-payload">${Zt(e.payload)}<\/script>`:``,l=rn(e.islands,e.exportPolicy),u=[nn(i),c,l].filter(Boolean).join(`
+`);return[`<!DOCTYPE html>`,`<html ${o.join(` `)}>`,`<head>`,`  <meta charset="utf-8">`,`  <meta name="viewport" content="width=device-width, initial-scale=1">`,`  <title>${n(e.title)}</title>`,Qt(s,e.css),`</head>`,`<body data-surface-nonce="${n(e.nonce)}">`,en(e.title),`  <main>${e.html}</main>`,tn(a),u,`</body>`,`</html>`].filter(Boolean).join(`
+`)}export{T as TemplateRegistry,Fe as allCss,v as baseCss,f as blockItems,an as buildShell,D as checklistTemplate,y as collectCss,Pe as darkTokenNames,g as darkTokens,qt as dashboardTemplateDefinition,k as dataTableTemplate,Z as defaultRegistry,j as diffViewTemplate,N as documentTemplate,P as errorTemplate,n as escapeHtml,Xt as flameGraphTemplateDefinition,L as formTemplate,a as formatValue,x as generateDarkTokenCss,S as generateTokenCss,s as inlineMarkdown,t as isError,e as isResult,Jt as kanbanTemplateDefinition,Yt as listSortTemplateDefinition,V as pickerTemplate,C as renderBlock,w as renderBlocks,Mt as renderSurface,U as reportTemplate,i as sanitizeId,r as sanitizeUrl,G as statusBoardTemplate,K as timelineTemplate,Ne as tokenNames,h as tokens,u as toneName,d as toneVar,X as treeTemplate,o as tryParseJson};