claude-artifact-framework 0.17.0 → 0.19.0

package/dist/index.global.js

@@ -1,18 +1,18 @@
-var ArtifactKit=(()=>{var W=Object.defineProperty;var dt=Object.getOwnPropertyDescriptor;var ut=Object.getOwnPropertyNames;var mt=Object.prototype.hasOwnProperty;var pt=(e,t)=>{for(var a in t)W(e,a,{get:t[a],enumerable:!0})},bt=(e,t,a,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of ut(t))!mt.call(e,o)&&o!==a&&W(e,o,{get:()=>t[o],enumerable:!(n=dt(t,o))||n.enumerable});return e};var ht=e=>bt(W({},"__esModule",{value:!0}),e);var ia={};pt(ia,{contrast:()=>ee,createApp:()=>ft,createPersistedStore:()=>he,createSharedStore:()=>ge,createStore:()=>be,hasReact:()=>V,palette:()=>te,storage:()=>S,themeCss:()=>F,useReact:()=>ye});function I(){return typeof window<"u"&&typeof window.storage=="object"&&window.storage!==null}function me(e){return{async get(t,a=void 0){if(!I())return a;try{let n=await window.storage.get(t,e);if(n?.value===void 0||n?.value===null)return a;try{return JSON.parse(n.value)}catch{return n.value}}catch{return a}},async set(t,a,{raw:n=!1}={}){if(!I())throw new Error("window.storage is not available (is this a Code Artifact rather than a published Chat Artifact?)");let o=n?a:JSON.stringify(a);if(typeof o!="string")throw new Error("window.storage only accepts strings \u2014 the value must be JSON-serializable");return window.storage.set(t,o,e)},async delete(t){if(I())try{await window.storage.delete(t,e)}catch{}},async list(t){if(!I())return[];try{return(await window.storage.list(t,e))?.keys||[]}catch{return[]}}}}var S={...me(!1),shared:me(!0),available:I};function X(e){let t=e,a=new Set;function n(){return t}function o(i){t=typeof i=="function"?i(t):i,a.forEach(c=>c(t))}function s(i){return a.add(i),()=>a.delete(i)}return{get:n,set:o,subscribe:s}}function pe(e,t){let a;return(...n)=>{clearTimeout(a),a=setTimeout(()=>e(...n),t)}}function be(e){return X(e)}function he(e,t,{debounceMs:a=300}={}){let n=X(t),o=pe(i=>S.set(e,i),a),s=S.get(e,t).then(i=>n.set(i));return n.subscribe(o),{...n,ready:s}}function ge(e,t,{pollMs:a=2e3,debounceMs:n=300}={}){let o=X(t),s=pe(d=>S.shared.set(e,d),n),i=!1;o.subscribe(d=>{i||s(d)});async function c(){let d=await S.shared.get(e,t);JSON.stringify(d)!==JSON.stringify(o.get())&&(i=!0,o.set(d),i=!1)}let f=c(),l=setInterval(c,a);return{...o,ready:f,stop:()=>clearInterval(l)}}var L=typeof globalThis<"u"?globalThis.React:void 0;function ye(e){return L=e,e}function V(){return!!L}function we(){return M()}function M(){if(!L)throw new Error(`claude-artifact-framework: React not found. Hand it over once, before createApp:
+var ArtifactKit=(()=>{var q=Object.defineProperty;var pt=Object.getOwnPropertyDescriptor;var bt=Object.getOwnPropertyNames;var ht=Object.prototype.hasOwnProperty;var gt=(e,t)=>{for(var a in t)q(e,a,{get:t[a],enumerable:!0})},yt=(e,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of bt(t))!ht.call(e,n)&&n!==a&&q(e,n,{get:()=>t[n],enumerable:!(r=pt(t,n))||r.enumerable});return e};var wt=e=>yt(q({},"__esModule",{value:!0}),e);var la={};gt(la,{contrast:()=>ee,createApp:()=>mt,createPersistedStore:()=>he,createSharedStore:()=>ge,createStore:()=>be,hasReact:()=>D,palette:()=>te,storage:()=>S,themeCss:()=>F,useReact:()=>ye});function I(){return typeof window<"u"&&typeof window.storage=="object"&&window.storage!==null}function me(e){return{async get(t,a=void 0){if(!I())return a;try{let r=await window.storage.get(t,e);if(r?.value===void 0||r?.value===null)return a;try{return JSON.parse(r.value)}catch{return r.value}}catch{return a}},async set(t,a,{raw:r=!1}={}){if(!I())throw new Error("window.storage is not available (is this a Code Artifact rather than a published Chat Artifact?)");let n=r?a:JSON.stringify(a);if(typeof n!="string")throw new Error("window.storage only accepts strings \u2014 the value must be JSON-serializable");return window.storage.set(t,n,e)},async delete(t){if(I())try{await window.storage.delete(t,e)}catch{}},async list(t){if(!I())return[];try{return(await window.storage.list(t,e))?.keys||[]}catch{return[]}}}}var S={...me(!1),shared:me(!0),available:I};function X(e){let t=e,a=new Set;function r(){return t}function n(i){t=typeof i=="function"?i(t):i,a.forEach(c=>c(t))}function s(i){return a.add(i),()=>a.delete(i)}return{get:r,set:n,subscribe:s}}function pe(e,t){let a;return(...r)=>{clearTimeout(a),a=setTimeout(()=>e(...r),t)}}function be(e){return X(e)}function he(e,t,{debounceMs:a=300}={}){let r=X(t),n=pe(i=>S.set(e,i),a),s=S.get(e,t).then(i=>r.set(i));return r.subscribe(n),{...r,ready:s}}function ge(e,t,{pollMs:a=2e3,debounceMs:r=300}={}){let n=X(t),s=pe(d=>S.shared.set(e,d),r),i=!1;n.subscribe(d=>{i||s(d)});async function c(){let d=await S.shared.get(e,t);JSON.stringify(d)!==JSON.stringify(n.get())&&(i=!0,n.set(d),i=!1)}let f=c(),l=setInterval(c,a);return{...n,ready:f,stop:()=>clearInterval(l)}}var M=typeof globalThis<"u"?globalThis.React:void 0;function ye(e){return M=e,e}function D(){return!!M}function we(){return z()}function z(){if(!M)throw new Error(`claude-artifact-framework: React not found. Hand it over once, before createApp:
 
   import React from "react";
   ArtifactKit.useReact(React);
-`);return L}var r=(...e)=>M().createElement(...e),$=(...e)=>M().useState(...e),A=(...e)=>M().useEffect(...e);var ke=(...e)=>M().useRef(...e),ua=L&&L.Component||class{render(){return M()}};var G="caf:data",ve="caf:viewer",xe="caf:view",Ne={screen:null,arg:null,stack:[],step:0,selected:null,tabs:{},collapsed:{}};function D(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)}function Q(e,t){if(!D(e)||!D(t))return t===void 0?e:t;let a={...e};for(let n of Object.keys(t))a[n]=D(e[n])?Q(e[n],t[n]):t[n];return a}function $e(e,t){let a;return(...n)=>{clearTimeout(a),a=setTimeout(()=>e(...n),t)}}function Ee(e,{debounceMs:t=400,shared:a=!1,pollMs:n=2500}={}){let o=a?S.shared:S,s=Z(e),i={...Ne},c=!1,f=null,l=0,d=0,p=new Set,h=!1;function k(){h||(h=!0,Promise.resolve().then(()=>{h=!1;for(let u of p)u()}))}let g=$e(()=>{let u=l;Promise.resolve(o.set(G,s)).then(()=>{d=Math.max(d,u)}).catch(()=>{})},t),x=$e(()=>S.set(xe,i),t);a&&setInterval(async()=>{if(!(!c||l>d))try{let u=await o.get(G,void 0);u!==void 0&&JSON.stringify(u)!==JSON.stringify(s)&&(s=Q(e,u),k())}catch{}},n);let y=(async()=>{let[u,w,b]=await Promise.all([o.get(G,void 0),S.get(xe,void 0),S.get(ve,void 0)]);typeof b=="string"&&b?f=b:(f="v"+Math.random().toString(36).slice(2,10)+Math.random().toString(36).slice(2,6),S.set(ve,f).catch?.(()=>{})),u!==void 0&&(s=Q(e,u)),w!==void 0&&(i={...Ne,...w}),c=!0,k()})();function j(u){let w=u(s);w!==void 0&&(s=w),s={...s},l++,g(),k()}function m(u){i={...i,...u},x(),k()}return{ready:y,isHydrated:()=>c,getViewerId:()=>f,getData:()=>s,getView:()=>i,update:j,setView:m,go(u,w){m({stack:[...i.stack,{screen:i.screen,arg:i.arg}],screen:u,arg:w})},back(){let u=i.stack.slice(),w=u.pop()||{screen:null,arg:null};m({stack:u,screen:w.screen,arg:w.arg})},subscribe(u){return p.add(u),()=>p.delete(u)}}}function Z(e){if(Array.isArray(e))return e.map(Z);if(D(e)){let t={};for(let a of Object.keys(e))t[a]=Z(e[a]);return t}return e}function R(e,t,a){return Math.min(a,Math.max(t,e))}function Y(e){let t=String(e).replace("#","").trim();t.length===3&&(t=t.split("").map(n=>n+n).join(""));let a=parseInt(t,16);return Number.isFinite(a)?[a>>16&255,a>>8&255,a&255]:[59,110,246]}function gt(e){return"#"+e.map(t=>R(Math.round(t),0,255).toString(16).padStart(2,"0")).join("")}function je([e,t,a]){e/=255,t/=255,a/=255;let n=Math.max(e,t,a),o=Math.min(e,t,a),s=(n+o)/2,i=n-o,c=0,f=0;return i&&(f=s>.5?i/(2-n-o):i/(n+o),n===e?c=(t-a)/i+(t<a?6:0):n===t?c=(a-e)/i+2:c=(e-t)/i+4,c/=6),[c*360,f*100,s*100]}function yt(e,t,a){if(e=(e%360+360)%360/360,t=R(t,0,100)/100,a=R(a,0,100)/100,!t)return[a*255,a*255,a*255];let n=a<.5?a*(1+t):a+t-a*t,o=2*a-n,s=i=>(i<0&&(i+=1),i>1&&(i-=1),i<1/6?o+(n-o)*6*i:i<1/2?n:i<2/3?o+(n-o)*(2/3-i)*6:o);return[s(e+1/3)*255,s(e)*255,s(e-1/3)*255]}function v(e,t,a){return gt(yt(e,t,a))}function Se(e){let t=e.map(a=>(a/=255,a<=.03928?a/12.92:Math.pow((a+.055)/1.055,2.4)));return .2126*t[0]+.7152*t[1]+.0722*t[2]}function ee(e,t){let a=Se(Y(e)),n=Se(Y(t));return(Math.max(a,n)+.05)/(Math.min(a,n)+.05)}function _(e,t,a,n,o,s){for(let i=o;i>=4&&i<=96;i+=s){let c=v(e,t,i);if(ee(c,a)>=n)return c}return v(e,t,s<0?24:82)}function te(e="#3b6ef6"){let[t,a]=je(Y(e)),n=R(a,30,88),o=R(n*.1,3,9),s=v(t,o*.4,100),i=v(t,o*1.4,13);return{light:{bg:v(t,o,96.5),surface:s,sunken:v(t,o,93),border:v(t,o,86),text:v(t,o*1.6,11),muted:v(t,o*1.2,41),accent:_(t,n,"#ffffff",4.5,54,-2),accentText:"#ffffff",danger:_(2,68,"#ffffff",4.5,54,-2),ok:_(148,62,"#ffffff",4.5,44,-2),warn:_(38,88,"#ffffff",4.5,44,-2)},dark:{bg:v(t,o*1.5,9),surface:i,sunken:v(t,o*1.5,7),border:v(t,o*1.3,24),text:v(t,o*.6,95),muted:v(t,o*.8,66),accent:_(t,R(n,40,80),i,4.5,62,2),accentText:v(t,o*2,8),danger:_(2,70,i,4.5,62,2),ok:_(148,55,i,4.5,62,2),warn:_(38,80,i,4.5,62,2)}}}function K(e){return Object.entries(e).map(([t,a])=>`--caf-${t}: ${a};`).join("")}function F(e){let t=te(e);return`
-:root { ${K(t.light)} }
-@media (prefers-color-scheme: dark) { :root { ${K(t.dark)} } }
-:root[data-theme="dark"] { ${K(t.dark)} }
-:root[data-theme="light"] { ${K(t.light)} }
-`}function Ae(e,t){let[a,n]=je(Y(e||"#3b6ef6")),o=R(n,45,70);return Array.from({length:t},(s,i)=>v((a+i*137.5)%360,o,52))}var ne=["system","greeting","placeholder","tools","model","maxTokens"],wt="claude-sonnet-4-6",kt=8;async function vt({model:e,maxTokens:t,system:a,messages:n,onText:o}){let s=await fetch("https://api.anthropic.com/v1/messages",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:e,max_tokens:t,system:a,messages:n,stream:!0})});if(!s.ok||!s.body){let d="";try{let p=await s.json();d=p&&p.error&&p.error.message||JSON.stringify(p)}catch{d=await s.text().catch(()=>"")}throw new Error(`HTTP ${s.status}${d?": "+d:""}`)}let i=s.body.getReader(),c=new TextDecoder,f="",l="";for(;;){let{done:d,value:p}=await i.read();if(d)break;l+=c.decode(p,{stream:!0});let h=l.split(`
-`);l=h.pop();for(let k of h)if(k.startsWith("data: "))try{let g=JSON.parse(k.slice(6));g.type==="content_block_delta"&&g.delta&&g.delta.text&&(f+=g.delta.text,o&&o(f))}catch{}}return f}function xt(e){let t=e.match(/```tool_call\s*\n?([\s\S]*?)```/);if(!t)return null;try{let a=JSON.parse(t[1]);return Array.isArray(a)&&a.length?a:null}catch{return null}}function Te(e){return e.replace(/```tool_call\s*\n?[\s\S]*?```/,"").trim()}function Nt(e){return`
+`);return M}var o=(...e)=>z().createElement(...e),$=(...e)=>z().useState(...e),A=(...e)=>z().useEffect(...e);var ke=(...e)=>z().useRef(...e),pa=M&&M.Component||class{render(){return z()}};var G="caf:data",ve="caf:viewer",xe="caf:view",Ne={screen:null,arg:null,stack:[],step:0,selected:null,tabs:{},collapsed:{}};function K(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)}function Q(e,t){if(!K(e)||!K(t))return t===void 0?e:t;let a={...e};for(let r of Object.keys(t))a[r]=K(e[r])?Q(e[r],t[r]):t[r];return a}function $e(e,t){let a;return(...r)=>{clearTimeout(a),a=setTimeout(()=>e(...r),t)}}function Ee(e,{debounceMs:t=400,shared:a=!1,pollMs:r=2500}={}){let n=a?S.shared:S,s=Z(e),i={...Ne},c=!1,f=null,l=0,d=0,p=new Set,h=!1;function k(){h||(h=!0,Promise.resolve().then(()=>{h=!1;for(let u of p)u()}))}let g=$e(()=>{let u=l;Promise.resolve(n.set(G,s)).then(()=>{d=Math.max(d,u)}).catch(()=>{})},t),x=$e(()=>S.set(xe,i),t);a&&setInterval(async()=>{if(!(!c||l>d))try{let u=await n.get(G,void 0);u!==void 0&&JSON.stringify(u)!==JSON.stringify(s)&&(s=Q(e,u),k())}catch{}},r);let y=(async()=>{let[u,w,b]=await Promise.all([n.get(G,void 0),S.get(xe,void 0),S.get(ve,void 0)]);typeof b=="string"&&b?f=b:(f="v"+Math.random().toString(36).slice(2,10)+Math.random().toString(36).slice(2,6),S.set(ve,f).catch?.(()=>{})),u!==void 0&&(s=Q(e,u)),w!==void 0&&(i={...Ne,...w}),c=!0,k()})();function j(u){let w=u(s);w!==void 0&&(s=w),s={...s},l++,g(),k()}function m(u){i={...i,...u},x(),k()}return{ready:y,isHydrated:()=>c,getViewerId:()=>f,getData:()=>s,getView:()=>i,update:j,setView:m,go(u,w){m({stack:[...i.stack,{screen:i.screen,arg:i.arg}],screen:u,arg:w})},back(){let u=i.stack.slice(),w=u.pop()||{screen:null,arg:null};m({stack:u,screen:w.screen,arg:w.arg})},subscribe(u){return p.add(u),()=>p.delete(u)}}}function Z(e){if(Array.isArray(e))return e.map(Z);if(K(e)){let t={};for(let a of Object.keys(e))t[a]=Z(e[a]);return t}return e}function R(e,t,a){return Math.min(a,Math.max(t,e))}function H(e){let t=String(e).replace("#","").trim();t.length===3&&(t=t.split("").map(r=>r+r).join(""));let a=parseInt(t,16);return Number.isFinite(a)?[a>>16&255,a>>8&255,a&255]:[59,110,246]}function kt(e){return"#"+e.map(t=>R(Math.round(t),0,255).toString(16).padStart(2,"0")).join("")}function je([e,t,a]){e/=255,t/=255,a/=255;let r=Math.max(e,t,a),n=Math.min(e,t,a),s=(r+n)/2,i=r-n,c=0,f=0;return i&&(f=s>.5?i/(2-r-n):i/(r+n),r===e?c=(t-a)/i+(t<a?6:0):r===t?c=(a-e)/i+2:c=(e-t)/i+4,c/=6),[c*360,f*100,s*100]}function vt(e,t,a){if(e=(e%360+360)%360/360,t=R(t,0,100)/100,a=R(a,0,100)/100,!t)return[a*255,a*255,a*255];let r=a<.5?a*(1+t):a+t-a*t,n=2*a-r,s=i=>(i<0&&(i+=1),i>1&&(i-=1),i<1/6?n+(r-n)*6*i:i<1/2?r:i<2/3?n+(r-n)*(2/3-i)*6:n);return[s(e+1/3)*255,s(e)*255,s(e-1/3)*255]}function v(e,t,a){return kt(vt(e,t,a))}function Se(e){let t=e.map(a=>(a/=255,a<=.03928?a/12.92:Math.pow((a+.055)/1.055,2.4)));return .2126*t[0]+.7152*t[1]+.0722*t[2]}function ee(e,t){let a=Se(H(e)),r=Se(H(t));return(Math.max(a,r)+.05)/(Math.min(a,r)+.05)}function _(e,t,a,r,n,s){for(let i=n;i>=4&&i<=96;i+=s){let c=v(e,t,i);if(ee(c,a)>=r)return c}return v(e,t,s<0?24:82)}function te(e="#3b6ef6"){let[t,a]=je(H(e)),r=R(a,30,88),n=R(r*.1,3,9),s=v(t,n*.4,100),i=v(t,n*1.4,13);return{light:{bg:v(t,n,96.5),surface:s,sunken:v(t,n,93),border:v(t,n,86),text:v(t,n*1.6,11),muted:v(t,n*1.2,41),accent:_(t,r,"#ffffff",4.5,54,-2),accentText:"#ffffff",danger:_(2,68,"#ffffff",4.5,54,-2),ok:_(148,62,"#ffffff",4.5,44,-2),warn:_(38,88,"#ffffff",4.5,44,-2)},dark:{bg:v(t,n*1.5,9),surface:i,sunken:v(t,n*1.5,7),border:v(t,n*1.3,24),text:v(t,n*.6,95),muted:v(t,n*.8,66),accent:_(t,R(r,40,80),i,4.5,62,2),accentText:v(t,n*2,8),danger:_(2,70,i,4.5,62,2),ok:_(148,55,i,4.5,62,2),warn:_(38,80,i,4.5,62,2)}}}function Y(e){return Object.entries(e).map(([t,a])=>`--caf-${t}: ${a};`).join("")}function F(e){let t=te(e);return`
+:root { ${Y(t.light)} }
+@media (prefers-color-scheme: dark) { :root { ${Y(t.dark)} } }
+:root[data-theme="dark"] { ${Y(t.dark)} }
+:root[data-theme="light"] { ${Y(t.light)} }
+`}function Ae(e,t){let[a,r]=je(H(e||"#3b6ef6")),n=R(r,45,70);return Array.from({length:t},(s,i)=>v((a+i*137.5)%360,n,52))}var re=["system","greeting","placeholder","tools","model","maxTokens"],xt="claude-sonnet-4-6",Nt=8;async function $t({model:e,maxTokens:t,system:a,messages:r,onText:n}){let s=await fetch("https://api.anthropic.com/v1/messages",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:e,max_tokens:t,system:a,messages:r,stream:!0})});if(!s.ok||!s.body){let d="";try{let p=await s.json();d=p&&p.error&&p.error.message||JSON.stringify(p)}catch{d=await s.text().catch(()=>"")}throw new Error(`HTTP ${s.status}${d?": "+d:""}`)}let i=s.body.getReader(),c=new TextDecoder,f="",l="";for(;;){let{done:d,value:p}=await i.read();if(d)break;l+=c.decode(p,{stream:!0});let h=l.split(`
+`);l=h.pop();for(let k of h)if(k.startsWith("data: "))try{let g=JSON.parse(k.slice(6));g.type==="content_block_delta"&&g.delta&&g.delta.text&&(f+=g.delta.text,n&&n(f))}catch{}}return f}function Et(e){let t=e.match(/```tool_call\s*\n?([\s\S]*?)```/);if(!t)return null;try{let a=JSON.parse(t[1]);return Array.isArray(a)&&a.length?a:null}catch{return null}}function Te(e){return e.replace(/```tool_call\s*\n?[\s\S]*?```/,"").trim()}function St(e){return`
 
 You have tools available:
-${Object.entries(e).map(([a,n])=>`- ${a}: ${n.description}
-  Input: ${JSON.stringify(n.input||{})}`).join(`
+${Object.entries(e).map(([a,r])=>`- ${a}: ${r.description}
+  Input: ${JSON.stringify(r.input||{})}`).join(`
 `)}
 
 This environment does not support native function calling. To use a tool, reply ONLY with a \`\`\`tool_call code block containing a JSON array, with no other text in that turn. Example:
@@ -21,21 +21,23 @@ This environment does not support native function calling. To use a tool, reply
 [{ "name": "tool_name", "input": { "param": "value" } }]
 \`\`\`
 
-You may include several calls in one array. NEVER invent a tool's result \u2014 emit the pure tool_call block and wait for the real result, which arrives in the next message tagged [TOOL_RESULT]. When you have everything you need, answer in natural language with no tool_call block.`}function $t(e,t,a){return e.map(n=>{let o=t[n.name];if(!o)return{name:n.name,error:`unknown tool "${n.name}". Valid tools: ${Object.keys(t).join(", ")}`};try{let s=o.run(n.input||{},a);return{name:n.name,result:s===void 0?{ok:!0}:s}}catch(s){return{name:n.name,error:String(s&&s.message||s)}}})}var Ce=e=>String(e).replace(/[&<>"]/g,t=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"})[t]);function ae(e){let t=[],a=String(e).replace(/```[a-z]*\n?([\s\S]*?)```/g,(n,o)=>(t.push(o.replace(/\n$/,"")),"\0"+(t.length-1)+"\0"));return a=Ce(a),a=a.replace(/`([^`]+)`/g,"<code>$1</code>"),a=a.replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>"),a=a.replace(/(^|[^*])\*([^*\n]+)\*/g,"$1<em>$2</em>"),a=a.replace(/^#{1,3} (.+)$/gm,'<strong class="caf-md-h">$1</strong>'),a=a.replace(/^[-•*] (.+)$/gm,'<span class="caf-md-li">$1</span>'),a=a.replace(/^\d+\. (.+)$/gm,'<span class="caf-md-li caf-md-num">$1</span>'),a=a.replace(/\n/g,"<br>"),a=a.replace(/\u0000(\d+)\u0000/g,(n,o)=>'<pre class="caf-code">'+Ce(t[Number(o)])+"</pre>"),a}function Et({m:e}){return e.role==="tools"?r("div",{className:"caf-msg-tools"},`used: ${e.tools.join(", ")}`):e.role==="error"?r("div",{className:"caf-msg caf-msg-error"},r("strong",null,"The call failed"),r("span",null,e.content),r("span",{className:"caf-hint"},"Your message is kept \u2014 send again to retry.")):e.role==="user"?r("div",{className:"caf-msg caf-msg-user"},e.content):r("div",{className:"caf-msg caf-msg-assistant",dangerouslySetInnerHTML:{__html:ae(e.content)}})}function re({cfg:e,ctx:t,title:a}){let n=e,[o,s]=$(""),[i,c]=$(!1),[f,l]=$(null),d=ke(null),p=t.data.chat||{api:[],log:[]},h=p.log||[];A(()=>{d.current&&d.current.scrollIntoView({block:"end"})},[h.length,f]);async function k(){let g=o.trim();if(!g||i)return;s(""),c(!0);let x=[...p.api||[],{role:"user",content:g}],y=[...h,{role:"user",content:g}],j=()=>t.update(m=>{m.chat={api:x,log:y}});j();try{let m=(typeof n.system=="function"?n.system(t.data):n.system||"")+(n.tools?Nt(n.tools):"");for(let u=0;u<kt;u++){let w=await vt({model:n.model||wt,maxTokens:n.maxTokens||2e3,system:m,messages:x,onText:T=>l(Te(T))});x=[...x,{role:"assistant",content:w}];let b=Te(w),E=n.tools?xt(w):null;if(!E){y=[...y,{role:"assistant",content:b||w}],j();break}let N=$t(E,n.tools,t);b&&(y=[...y,{role:"assistant",content:b}]),y=[...y,{role:"tools",tools:E.map(T=>T.name)}],x=[...x,{role:"user",content:`[TOOL_RESULT]
+You may include several calls in one array. NEVER invent a tool's result \u2014 emit the pure tool_call block and wait for the real result, which arrives in the next message tagged [TOOL_RESULT]. When you have everything you need, answer in natural language with no tool_call block.`}function jt(e,t,a){return e.map(r=>{let n=t[r.name];if(!n)return{name:r.name,error:`unknown tool "${r.name}". Valid tools: ${Object.keys(t).join(", ")}`};try{let s=n.run(r.input||{},a);return{name:r.name,result:s===void 0?{ok:!0}:s}}catch(s){return{name:r.name,error:String(s&&s.message||s)}}})}var Ce=e=>String(e).replace(/[&<>"]/g,t=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"})[t]);function ae(e){let t=[],a=String(e).replace(/```[a-z]*\n?([\s\S]*?)```/g,(r,n)=>(t.push(n.replace(/\n$/,"")),"\0"+(t.length-1)+"\0"));return a=Ce(a),a=a.replace(/`([^`]+)`/g,"<code>$1</code>"),a=a.replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>"),a=a.replace(/(^|[^*])\*([^*\n]+)\*/g,"$1<em>$2</em>"),a=a.replace(/^#{1,3} (.+)$/gm,'<strong class="caf-md-h">$1</strong>'),a=a.replace(/^[-•*] (.+)$/gm,'<span class="caf-md-li">$1</span>'),a=a.replace(/^\d+\. (.+)$/gm,'<span class="caf-md-li caf-md-num">$1</span>'),a=a.replace(/\n/g,"<br>"),a=a.replace(/\u0000(\d+)\u0000/g,(r,n)=>'<pre class="caf-code">'+Ce(t[Number(n)])+"</pre>"),a}function At({m:e}){return e.role==="tools"?o("div",{className:"caf-msg-tools"},`used: ${e.tools.join(", ")}`):e.role==="error"?o("div",{className:"caf-msg caf-msg-error"},o("strong",null,"The call failed"),o("span",null,e.content),o("span",{className:"caf-hint"},"Your message is kept \u2014 send again to retry.")):e.role==="user"?o("div",{className:"caf-msg caf-msg-user"},e.content):o("div",{className:"caf-msg caf-msg-assistant",dangerouslySetInnerHTML:{__html:ae(e.content)}})}function ne({cfg:e,ctx:t,title:a}){let r=e,[n,s]=$(""),[i,c]=$(!1),[f,l]=$(null),d=ke(null),p=t.data.chat||{api:[],log:[]},h=p.log||[];A(()=>{d.current&&d.current.scrollIntoView({block:"end"})},[h.length,f]);async function k(){let g=n.trim();if(!g||i)return;s(""),c(!0);let x=[...p.api||[],{role:"user",content:g}],y=[...h,{role:"user",content:g}],j=()=>t.update(m=>{m.chat={api:x,log:y}});j();try{let m=(typeof r.system=="function"?r.system(t.data):r.system||"")+(r.tools?St(r.tools):"");for(let u=0;u<Nt;u++){let w=await $t({model:r.model||xt,maxTokens:r.maxTokens||2e3,system:m,messages:x,onText:T=>l(Te(T))});x=[...x,{role:"assistant",content:w}];let b=Te(w),E=r.tools?Et(w):null;if(!E){y=[...y,{role:"assistant",content:b||w}],j();break}let N=jt(E,r.tools,t);b&&(y=[...y,{role:"assistant",content:b}]),y=[...y,{role:"tools",tools:E.map(T=>T.name)}],x=[...x,{role:"user",content:`[TOOL_RESULT]
 ${JSON.stringify(N)}
 [/TOOL_RESULT]
 
-Continue with this information. If you have everything you need, answer in natural language without further tool_call.`}],j(),l(null)}}catch(m){y=[...y,{role:"error",content:String(m&&m.message||m)}],j()}finally{l(null),c(!1)}}return r("div",{className:"caf-chat-panel"},r("div",{className:"caf-block caf-chat-log"},a?r("h2",{className:"caf-block-title"},a):null,n.greeting?r("div",{className:"caf-msg caf-msg-assistant",dangerouslySetInnerHTML:{__html:ae(n.greeting)}}):null,h.map((g,x)=>r(Et,{key:x,m:g})),f!==null?r("div",{className:"caf-msg caf-msg-assistant caf-msg-live",dangerouslySetInnerHTML:{__html:ae(f||"\u2026")}}):null,i&&f===null?r("div",{className:"caf-msg-tools"},"thinking\u2026"):null,r("div",{ref:d})),r("div",{className:"caf-chat-input"},r("input",{value:o,placeholder:n.placeholder||"Message\u2026",disabled:i,enterKeyHint:"send",onChange:g=>s(g.target.value),onKeyDown:g=>{g.key==="Enter"&&(g.preventDefault(),k())},"aria-label":"Message"}),r("button",{type:"button",className:"caf-btn caf-btn-primary",disabled:i||!o.trim(),onClick:k},"Send")))}function Oe({spec:e,ctx:t}){return r("div",{className:"caf-panel caf-panel-single"},r(re,{cfg:e.chat,ctx:t}))}var oe=["text","textarea","number","money","percent","check","date","select","file"];function C(e,t){if(e==null||e==="")return"\u2014";let a=Number(e);switch(t){case"money":return Number.isFinite(a)?a.toLocaleString(void 0,{style:"currency",currency:"USD",maximumFractionDigits:2}):String(e);case"percent":return Number.isFinite(a)?`${a.toLocaleString(void 0,{maximumFractionDigits:2})}%`:String(e);case"number":return Number.isFinite(a)?a.toLocaleString(void 0,{maximumFractionDigits:2}):String(e);case"date":return e instanceof Date?e.toLocaleDateString():String(e);default:return String(e)}}function se(e,t){if(e.required&&(t===""||t===null||t===void 0))return"Required";if(t===""||t===null||t===void 0)return null;if(e.type==="number"||e.type==="money"||e.type==="percent"){let a=Number(t);if(!Number.isFinite(a))return"Must be a number";if(e.min!==void 0&&a<e.min)return`Must be at least ${e.min}`;if(e.max!==void 0&&a>e.max)return`Must be at most ${e.max}`}return null}function z({field:e,value:t,onChange:a,data:n}){let o=se(e,t),s=`caf-f-${e.key}`,i=e.type==="number"||e.type==="money"||e.type==="percent";if(e.type==="file")return r("div",{className:"caf-field"},r("label",{htmlFor:s},e.label||e.key),r("input",{id:s,type:"file",accept:e.accept,onChange:l=>a(l.target.files&&l.target.files[0]?l.target.files[0]:null)}),t&&t.name?r("small",{className:"caf-hint"},`${t.name} (${Math.round((t.size||0)/1024)} KB)${t.stale?" \u2014 re-pick after reload":""}`):e.hint?r("small",{className:"caf-hint"},e.hint):null);if(e.type==="check")return r("label",{className:"caf-check"},r("input",{id:s,type:"checkbox",checked:!!t,onChange:l=>a(l.target.checked)}),r("span",null,e.label||e.key));let c={id:s,value:t??"","aria-invalid":o?"true":void 0,onChange:l=>a(i?St(l.target.value):l.target.value)},f;if(e.type==="textarea")f=r("textarea",{...c,rows:e.rows||3});else if(e.type==="select"){let l=typeof e.options=="function"?e.options(n)||[]:e.options||[];f=r("select",c,r("option",{value:""},e.placeholder||"Select\u2026"),l.map(d=>{let p=typeof d=="string"?d:d.value,h=typeof d=="string"?d:d.label;return r("option",{key:p,value:p},h)}))}else f=r("input",{...c,type:e.type==="date"?"date":i?"number":"text",min:e.min,max:e.max,step:e.step||(e.type==="money"||e.type==="percent"?"any":void 0),placeholder:e.placeholder});return r("div",{className:"caf-field"},r("label",{htmlFor:s},e.label||e.key),f,e.hint&&!o?r("small",{className:"caf-hint"},e.hint):null,o?r("small",{className:"caf-error"},o):null)}function St(e){if(e==="")return"";let t=Number(e);return Number.isFinite(t)?t:e}function ie(e,t,a,n,o){if(a.type==="file"){e.files[t]=n||null;let s=n?{name:n.name,size:n.size,type:n.type}:null;e.update(i=>o(i,s));return}e.update(s=>o(s,n))}function jt({spec:e,ctx:t}){let a=e.fields||[];return r("div",{className:"caf-block caf-fields"},e.title?r("h2",{className:"caf-block-title"},e.title):null,a.map(n=>r(z,{key:n.key,field:n,data:t.data,value:t.data[n.key],onChange:o=>ie(t,n.key,n,o,(s,i)=>{s[n.key]=i})})))}function At({spec:e,ctx:t}){let a=typeof e.output=="function"?e.output(t.data):e.output||[];return a.length?r("div",{className:"caf-block caf-output"},e.title?r("h2",{className:"caf-block-title"},e.title):null,r("div",{className:"caf-output-grid"},a.map((n,o)=>r("div",{key:n.label||o,className:n.big?"caf-stat caf-stat-big":"caf-stat"},r("span",{className:"caf-stat-label"},n.label),r("span",{className:"caf-stat-value"},C(n.value,n.format)),n.hint?r("small",{className:"caf-hint"},n.hint):null)))):r("div",{className:"caf-block caf-empty"},e.empty||"Nothing to show yet.")}function Tt({spec:e,ctx:t}){let a=typeof e.banner=="string"?{title:e.banner}:e.banner||{},[n,o]=t.colors(2),s=a.image?`linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url(${JSON.stringify(a.image)}) center / cover`:`linear-gradient(135deg, ${n}, ${o})`;return r("div",{className:"caf-banner",style:{background:s}},a.title?r("h2",{className:"caf-banner-title"},a.title):null,a.subtitle?r("p",{className:"caf-banner-sub"},a.subtitle):null)}function Ct({spec:e}){let t=typeof e.image=="string"?{src:e.image}:e.image||{},a=typeof t.src=="string"&&t.src.trim().startsWith("<svg");return r("figure",{className:"caf-block caf-image"},e.title?r("h2",{className:"caf-block-title"},e.title):null,a?r("div",{className:"caf-image-svg",dangerouslySetInnerHTML:{__html:t.src}}):r("img",{src:t.src,alt:t.caption||e.title||"",style:{objectFit:t.fit||"cover",maxHeight:t.height?`${t.height}px`:void 0}}),t.caption?r("figcaption",{className:"caf-hint"},t.caption):null)}function Ot({spec:e,ctx:t}){let a=typeof e.text=="function"?e.text(t.data):e.text;return r("div",{className:"caf-block caf-text"},e.title?r("h2",{className:"caf-block-title"},e.title):null,r("p",null,a))}function _t({spec:e,ctx:t}){let a=(typeof e.list=="function"?e.list(t.data):e.list)||[],n=typeof e.title=="string"?e.title:null,o=typeof e.title=="function"?e.title:s=>s.title??s.name??s.label??s.text??String(s);return a.length?r("div",{className:"caf-block caf-list"},n?r("h2",{className:"caf-block-title"},n):null,a.map((s,i)=>r("button",{key:s.id??i,className:"caf-row",type:"button",onClick:e.onSelect?()=>e.onSelect(s,t):void 0},r("span",{className:"caf-row-title"},o(s)),e.subtitle?r("span",{className:"caf-row-sub"},e.subtitle(s)):null))):r("div",{className:"caf-block caf-empty"},e.empty||"Nothing here yet.")}var _e=["bar","line","donut"];function Rt({spec:e,ctx:t}){let a=typeof e.chart=="function"?e.chart(t.data):e.chart,n=a&&a.items||[];if(!n.length)return r("div",{className:"caf-block caf-empty"},e.empty||"No data to chart yet.");let o=a.type||"bar";if(!_e.includes(o))throw new Error(`unknown chart type "${o}". Valid types: ${_e.join(", ")}.`);let s=t.colors(n.length),i=o==="bar"?Lt(n,a,s):o==="line"?Mt(n,a):zt(n,a,s);return r("div",{className:"caf-block caf-chart"},e.title?r("h2",{className:"caf-block-title"},e.title):null,i)}function Lt(e,t,a){let n=Math.max(...e.map(o=>Number(o.value)||0),0)||1;return r("div",{className:"caf-bars"},e.map((o,s)=>r("div",{key:o.label??s,className:"caf-bar-row"},r("span",{className:"caf-bar-label"},o.label),r("div",{className:"caf-bar-track"},r("div",{className:"caf-bar-fill",style:{width:`${Math.max(2,(Number(o.value)||0)/n*100)}%`,background:a[s]}})),r("span",{className:"caf-bar-value"},C(o.value,t.format)))))}function Mt(e,t){let a=e.map(d=>Number(d.value)||0),n=Math.min(...a),s=Math.max(...a)-n||1,i=100,c=36,f=a.map((d,p)=>[a.length===1?i/2:p/(a.length-1)*i,c-3-(d-n)/s*(c-6)]),l=f[f.length-1];return r("div",{className:"caf-line"},r("svg",{viewBox:`0 0 ${i} ${c}`,className:"caf-line-svg",preserveAspectRatio:"none","aria-hidden":"true"},[.25,.5,.75].map(d=>r("line",{key:d,x1:0,x2:i,y1:c*d,y2:c*d,className:"caf-line-grid"})),r("polyline",{points:f.map(d=>d.join(",")).join(" "),className:"caf-line-path"}),r("circle",{cx:l[0],cy:l[1],r:1.6,className:"caf-line-dot"})),r("div",{className:"caf-line-meta"},r("span",{className:"caf-hint"},String(e[0].label??"")),r("span",{className:"caf-line-last"},C(a[a.length-1],t.format)),r("span",{className:"caf-hint"},String(e[e.length-1].label??""))))}function zt(e,t,a){let n=e.reduce((c,f)=>c+(Number(f.value)||0),0)||1,o=15.9155,s=25,i=e.map((c,f)=>{let l=(Number(c.value)||0)/n*100,d=r("circle",{key:c.label??f,cx:21,cy:21,r:o,className:"caf-donut-seg",stroke:a[f],strokeDasharray:`${l} ${100-l}`,strokeDashoffset:s});return s-=l,d});return r("div",{className:"caf-donut"},r("svg",{viewBox:"0 0 42 42",className:"caf-donut-svg","aria-hidden":"true"},i),r("div",{className:"caf-donut-legend"},e.map((c,f)=>r("div",{key:c.label??f,className:"caf-legend-row"},r("span",{className:"caf-legend-swatch",style:{background:a[f]}}),r("span",{className:"caf-legend-label"},c.label),r("span",{className:"caf-legend-value"},C(c.value,t.format))))))}function Bt({spec:e,ctx:t}){let a=e.timer||{},n=Math.max(1,Math.round((a.minutes||0)*60+(a.seconds||0))||300),[o,s]=$(n),[i,c]=$(!1);A(()=>{if(!i)return;let p=setInterval(()=>s(h=>Math.max(0,h-1)),1e3);return()=>clearInterval(p)},[i]),A(()=>{o===0&&i&&(c(!1),typeof a.onDone=="function"&&t.update(p=>a.onDone(p)))},[o,i]);let f=String(Math.floor(o/60)).padStart(2,"0"),l=String(o%60).padStart(2,"0"),d=o===0;return r("div",{className:"caf-block caf-timer"},e.title?r("h2",{className:"caf-block-title"},e.title):null,a.label?r("span",{className:"caf-hint"},a.label):null,r("div",{className:d?"caf-timer-time caf-timer-done":"caf-timer-time"},d?a.doneText||"Done!":`${f}:${l}`),r("div",{className:"caf-bar-track"},r("div",{className:"caf-bar-fill caf-timer-fill",style:{width:`${o/n*100}%`}})),r("div",{className:"caf-timer-controls"},r("button",{type:"button",className:"caf-btn caf-btn-primary",disabled:d,onClick:()=>c(p=>!p)},i?"Pause":"Start"),r("button",{type:"button",className:"caf-btn",onClick:()=>{c(!1),s(n)}},"Reset")))}function It({spec:e,ctx:t}){let n=(e.actions||[]).filter(o=>!o.when||o.when(t.data,t.viewerId));return r("div",{className:"caf-block caf-actions"},e.title?r("h2",{className:"caf-block-title"},e.title):null,r("div",{className:"caf-actions-row"},n.map(o=>r("button",{key:o.label,type:"button",className:o.kind==="danger"?"caf-btn caf-btn-danger":o.kind==="primary"?"caf-btn caf-btn-primary":"caf-btn",onClick:()=>t.update(s=>o.run(s,t.viewerId))},o.label))))}function Vt({spec:e,ctx:t}){let a=e.custom(t),n=e.fill?"caf-block caf-block-fill caf-custom":"caf-block caf-custom";return typeof a=="string"?r("div",{className:n,dangerouslySetInnerHTML:{__html:a}}):r("div",{className:n},a)}var ce={fields:jt,output:At,text:Ot,list:_t,chart:Rt,timer:Bt,actions:It,banner:Tt,image:Ct,chat:({spec:e,ctx:t})=>r(re,{cfg:e.chat,ctx:t,title:e.title}),custom:Vt},H=Object.keys(ce);function Le(e){return Object.entries(e.compute||{}).map(([t,a])=>[t,typeof a=="function"?{value:a}:a])}function P(e,t){if(!e.compute)return t;let a={...t};for(let[n,o]of Le(e))try{a[n]=o.value(t)}catch{a[n]=void 0}return a}function Me(e){let t={};for(let a of e)t[a.key]=a.value!==void 0?a.value:a.type==="check"?!1:"";return t}function le(){return"r"+Date.now().toString(36)+Math.random().toString(36).slice(2,8)}function Dt({title:e,ctx:t}){let a=String(e).split(/\s+/).map(s=>s[0]).filter(Boolean).slice(0,2).join("").toUpperCase()||"?",n=0;for(let s of String(e))n=n*31+s.charCodeAt(0)>>>0;let o=t.colors(8);return r("span",{className:"caf-avatar",style:{background:o[n%o.length]}},a)}function Re(e,t){if(e.title)return e.title(t);let a=e.fields.find(o=>!o.type||o.type==="text"||o.type==="textarea"||o.type==="select"),n=a&&t[a.key];return n===""||n===void 0||n===null?"(untitled)":String(n)}function ze({spec:e,records:t}){if(!e.summary)return null;let a=e.summary(t)||[];return a.length?r("div",{className:"caf-block caf-output"},r("div",{className:"caf-output-grid"},a.map((n,o)=>r("div",{key:n.label||o,className:n.big?"caf-stat caf-stat-big":"caf-stat"},r("span",{className:"caf-stat-label"},n.label),r("span",{className:"caf-stat-value"},C(n.value,n.format)))))):null}function Be({spec:e,ctx:t}){let a=e.label||"item",[n,o]=$("");A(()=>{(t.data.records||[]).some(l=>l&&!l.id)&&t.update(l=>{for(let d of l.records||[])d&&!d.id&&(d.id=le())})});let s=t.data.records.map(l=>P(e,l));e.sort&&(s=s.slice().sort(e.sort));let i=s.length,c=n.trim().toLowerCase();e.search&&c&&(s=s.filter(l=>e.fields.some(d=>String(l[d.key]??"").toLowerCase().includes(c))));function f(){let l={id:le(),...Me(e.fields)};e.items&&(l.items=[]),t.update(d=>{d.records=[...d.records,l]}),t.go("record",l.id)}return r("div",{className:"caf-block caf-list"},r("div",{className:"caf-toolbar"},r("span",{className:"caf-count"},e.search&&c?`${s.length} of ${i}`:`${i} ${a}${i===1?"":"s"}`),r("button",{type:"button",className:"caf-btn caf-btn-primary",onClick:f},`Add ${a}`)),e.search?r("input",{className:"caf-search",value:n,placeholder:`Search ${a}s\u2026`,"aria-label":"Search",onChange:l=>o(l.target.value)}):null,e.search&&c&&s.length===0&&i>0?r("div",{className:"caf-empty"},`Nothing matches "${n}".`):null,s.length===0?r("div",{className:"caf-empty"},e.empty||`No ${a}s yet. Add the first one.`):s.map(l=>r("div",{key:l.id,className:"caf-row-wrap"},r("button",{type:"button",className:e.avatar?"caf-row caf-row-avatar":"caf-row",onClick:()=>t.go("record",l.id)},e.avatar?r(Dt,{title:Re(e,l),ctx:t}):null,r("span",{className:"caf-row-main"},r("span",{className:"caf-row-title"},Re(e,l)),e.subtitle?r("span",{className:"caf-row-sub"},e.subtitle(l)):null)),e.actions?r("div",{className:"caf-row-actions"},e.actions.filter(d=>!d.when||d.when(l,t.viewerId)).map(d=>r("button",{key:d.label,type:"button",className:d.kind==="danger"?"caf-btn caf-btn-danger caf-btn-sm":"caf-btn caf-btn-sm",onClick:()=>t.update(p=>{let h=p.records.find(k=>k.id===l.id);h&&d.run(h,p,t.viewerId)})},d.label))):null)))}function Ie({spec:e,ctx:t,record:a}){let n=e.label||"item";function o(){t.update(s=>{s.records=s.records.filter(i=>i.id!==a.id)}),t.back()}return r("div",{className:"caf-block caf-fields"},r("div",{className:"caf-toolbar"},r("button",{type:"button",className:"caf-btn",onClick:t.back},"\u2039 Back"),r("button",{type:"button",className:"caf-btn caf-btn-danger",onClick:o},`Delete ${n}`)),e.fields.map(s=>r(z,{key:s.key,field:s,data:t.data,value:a[s.key],onChange:i=>t.update(c=>{let f=c.records.find(l=>l.id===a.id);f&&(f[s.key]=i)})})),e.items?r(Kt,{spec:e,ctx:t,record:a}):null,e.compute?r("div",{className:"caf-output-grid caf-computed"},Le(e).map(([s,i])=>{let c=P(e,a);return r("div",{key:s,className:"caf-stat"},r("span",{className:"caf-stat-label"},i.label||s),r("span",{className:"caf-stat-value"},C(c[s],i.format)))})):null)}function Kt({spec:e,ctx:t,record:a}){let n=e.items,o=n.label||"item";function s(c){t.update(f=>{let l=f.records.find(d=>d.id===a.id);l&&(Array.isArray(l.items)||(l.items=[]),c(l))})}let i=Array.isArray(a.items)?a.items:[];return r("div",{className:"caf-items"},r("div",{className:"caf-toolbar"},r("span",{className:"caf-count"},`${i.length} ${o}${i.length===1?"":"s"}`),r("button",{type:"button",className:"caf-btn caf-btn-sm",onClick:()=>s(c=>c.items.push({id:le(),...Me(n.fields)}))},`Add ${o}`)),i.length===0?r("div",{className:"caf-empty caf-empty-sm"},n.empty||`No ${o}s yet.`):i.map(c=>r("div",{key:c.id,className:"caf-item-row"},n.fields.map(f=>r(z,{key:f.key,field:f,data:t.data,value:c[f.key],onChange:l=>s(d=>{let p=d.items.find(h=>h.id===c.id);p&&(p[f.key]=l)})})),r("button",{type:"button",className:"caf-btn caf-btn-danger caf-btn-sm caf-item-remove","aria-label":`Remove ${o}`,onClick:()=>s(f=>{f.items=f.items.filter(l=>l.id!==c.id)})},"\u2715"))))}function Yt(e,t){return t==="records"?e:new Proxy(e,{get:(a,n,o)=>n==="records"?a[t]:Reflect.get(a,n,o),set:(a,n,o)=>Reflect.set(a,n==="records"?t:n,o),has:(a,n)=>n==="records"?t in a:n in a})}function Ve({spec:e,ctx:t}){let a=e.records,n=a.key||"records",o=Array.isArray(t.data[n])?t.data[n]:[],s="caf:rec:"+n,i=t.view.tabs?t.view.tabs[s]:void 0,c={...t,data:{...t.data,records:o},update:l=>t.update(d=>l(Yt(d,n))),go:(l,d)=>t.setTab(s,d),back:()=>t.setTab(s,void 0)},f=i?o.find(l=>l.id===i):null;return r("div",{className:"caf-records-block"},e.title?r("h2",{className:"caf-block-title"},e.title):null,f?r(Ie,{key:"d",spec:a,ctx:c,record:f}):[r(ze,{key:"s",spec:a,records:o.map(l=>P(a,l))}),r(Be,{key:"l",spec:a,ctx:c})])}function De({spec:e,ctx:t}){let a=e.records;if(t.view.screen==="record"){let n=t.data.records.find(o=>o.id===t.view.arg);if(n)return r("div",{className:"caf-panel caf-panel-single"},r(Ie,{spec:a,ctx:t,record:n}))}return r("div",{className:"caf-panel caf-panel-single"},r(ze,{spec:a,records:t.data.records.map(n=>P(a,n))}),r(Be,{spec:a,ctx:t}))}function Ft(e,t){return(e.fields||[]).some(a=>se(a,t[a.key])!==null)}function Ht({step:e,ctx:t}){let a=e.result(t.data)||[];return r("div",{className:"caf-block caf-output"},e.title?r("h2",{className:"caf-block-title"},e.title):null,r("div",{className:"caf-output-grid"},a.map((n,o)=>r("div",{key:n.label??o,className:n.big?"caf-stat caf-stat-big":"caf-stat"},r("span",{className:"caf-stat-label"},n.label),r("span",{className:"caf-stat-value"},C(n.value,n.format)),n.hint?r("small",{className:"caf-hint"},n.hint):null))),r("div",{className:"caf-step-nav"},r("button",{type:"button",className:"caf-btn",onClick:()=>t.setStep(0)},"Start over")))}function Ke({spec:e,ctx:t}){let a=e.steps,n=Math.min(Math.max(t.view.step||0,0),a.length-1),o=a[n],s=typeof o.result=="function",i=n===a.length-1;return r("div",{className:"caf-panel caf-panel-single"},r("div",{className:"caf-steps-progress"},r("span",{className:"caf-hint"},s?"Result":`Step ${n+1} of ${a.length}`),r("div",{className:"caf-bar-track"},r("div",{className:"caf-bar-fill caf-steps-fill",style:{width:`${(n+1)/a.length*100}%`}}))),s?r(Ht,{step:o,ctx:t}):r("div",{className:"caf-block caf-fields"},o.title?r("h2",{className:"caf-block-title"},o.title):null,o.text?r("p",{className:"caf-step-text"},typeof o.text=="function"?o.text(t.data):o.text):null,(o.fields||[]).map(c=>r(z,{key:c.key,field:c,data:t.data,value:t.data[c.key],onChange:f=>ie(t,c.key,c,f,(l,d)=>{l[c.key]=d})})),r("div",{className:"caf-step-nav"},n>0?r("button",{type:"button",className:"caf-btn",onClick:()=>t.setStep(n-1)},"\u2039 Back"):r("span"),i?null:r("button",{type:"button",className:"caf-btn caf-btn-primary",disabled:Ft(o,t.data),onClick:()=>t.setStep(n+1)},"Next \u203A"))))}var Ye=["panel","records","steps","chat","workspace","documents"],Pt=["title","empty","wide","onSelect","subtitle","when","collapsible","fill","state","icon"],Fe=["logo","footer"],He=["image","title","subtitle"],Pe=["src","caption","fit","height"],Ue=["title","subtitle","theme","layout","blocks","records","steps","chat","data","shared","main","sidebar","libs","documents","machine","brand","mobile"],Je=["nav"],qe=["key","initial","states","events"],We=["after"],Xe=["seconds","then","do"],Ge=["from","do","then"],Qe=["label","title","blocks","empty","types"],Ze=["label","fields","title","subtitle","sort","summary","empty","search","compute","items","actions","avatar"],et=["label","fields","empty"];function J(e,t){for(let a of e||[]){if(!a||!a.key)throw new Error(`claude-artifact-framework: every field in ${t} needs a \`key\`.`);if(a.type!==void 0&&!oe.includes(a.type))throw new Error(`claude-artifact-framework: field "${a.key}" in ${t} has unknown type "${a.type}". Valid types: ${oe.join(", ")}.`);if(a.type==="select"&&a.options!==void 0&&!Array.isArray(a.options)&&typeof a.options!="function")throw new Error(`claude-artifact-framework: field "${a.key}" in ${t}: \`options\` must be an array or a function of data returning one.`)}}function rt(e,t){if(!e||typeof e.system!="string"&&typeof e.system!="function")throw new Error(`claude-artifact-framework: ${t} needs \`{ system: "..." }\` (a string or a function of data).`);let a=Object.keys(e).filter(n=>!ne.includes(n));if(a.length)throw new Error(`claude-artifact-framework: ${t} has unknown keys (${a.join(", ")}). Valid keys: ${ne.join(", ")}.`);for(let[n,o]of Object.entries(e.tools||{}))if(!o||typeof o.description!="string"||typeof o.run!="function")throw new Error(`claude-artifact-framework: chat tool "${n}" needs a \`description\` string and a \`run(input, ctx)\` function.`)}var tt=["label","run","when","kind"];function ot(e,t){if(!Array.isArray(e))throw new Error(`claude-artifact-framework: ${t} must be an array of { label, run }.`);e.forEach((a,n)=>{if(!a||typeof a.label!="string"||typeof a.run!="function")throw new Error(`claude-artifact-framework: ${t}[${n}] needs a \`label\` string and a \`run\` function.`);let o=Object.keys(a).filter(s=>!tt.includes(s));if(o.length)throw new Error(`claude-artifact-framework: ${t}[${n}] has unknown keys (${o.join(", ")}). Valid keys: ${tt.join(", ")}.`)})}function B(e){if(!Array.isArray(e))throw new Error("claude-artifact-framework: `blocks` must be an array.");e.forEach((t,a)=>{if(!t||typeof t!="object")throw new Error(`claude-artifact-framework: blocks[${a}] must be an object like { fields: [...] }.`);let n=Object.keys(t).filter(s=>!Pt.includes(s)),o=n.filter(s=>H.includes(s)||s==="tabs"||s==="records");if(o.length===0)throw new Error(`claude-artifact-framework: blocks[${a}] has no recognised block type (found: ${n.join(", ")||"nothing"}). Valid block types: ${[...H,"tabs","records"].join(", ")}.`);if(o.length>1)throw new Error(`claude-artifact-framework: blocks[${a}] declares more than one block type (${o.join(", ")}). Split them into separate entries of \`blocks\`.`);if(J(t.fields,`blocks[${a}]`),o[0]==="actions"&&ot(t.actions,`blocks[${a}].actions`),o[0]==="chat"&&rt(t.chat,`blocks[${a}].chat`),o[0]==="records"&&it(t.records,`blocks[${a}].records`,!0),o[0]==="banner"&&typeof t.banner=="object"&&t.banner!==null){let s=Object.keys(t.banner).filter(i=>!He.includes(i));if(s.length)throw new Error(`claude-artifact-framework: blocks[${a}].banner has unknown keys (${s.join(", ")}). Valid keys: ${He.join(", ")}.`)}if(o[0]==="image"&&typeof t.image=="object"&&t.image!==null){let s=Object.keys(t.image).filter(i=>!Pe.includes(i));if(s.length)throw new Error(`claude-artifact-framework: blocks[${a}].image has unknown keys (${s.join(", ")}). Valid keys: ${Pe.join(", ")}.`)}if(t.icon!==void 0&&typeof t.icon!="string")throw new Error(`claude-artifact-framework: blocks[${a}].icon must be a string (an emoji works best).`);if(o[0]==="tabs"){let s=t.tabs;if(!Array.isArray(s)||s.length===0)throw new Error(`claude-artifact-framework: blocks[${a}].tabs needs an array of { label, blocks: [...] }.`);s.forEach((i,c)=>{if(!i||typeof i.label!="string"||!Array.isArray(i.blocks)||i.blocks.length===0)throw new Error(`claude-artifact-framework: tabs[${c}] needs a \`label\` string and a non-empty \`blocks\` array.`);if(i.blocks.some(f=>f&&f.tabs))throw new Error("claude-artifact-framework: tabs cannot nest inside tabs.");B(i.blocks)})}if(t.when!==void 0&&typeof t.when!="function")throw new Error(`claude-artifact-framework: blocks[${a}].when must be a function of data returning true/false.`);if(t.fill!==void 0&&o[0]!=="custom")throw new Error(`claude-artifact-framework: \`fill\` is only valid on custom blocks \u2014 blocks[${a}] is "${o[0]}".`)})}function Ut(e){let t=Object.keys(e).filter(s=>!qe.includes(s));if(t.length)throw new Error(`claude-artifact-framework: machine has unknown keys (${t.join(", ")}). Valid keys: ${qe.join(", ")}.`);if(e.key!==void 0&&(typeof e.key!="string"||!e.key))throw new Error("claude-artifact-framework: machine.key must be a non-empty string (where the current state lives in data).");let a=Object.keys(e.states||{});if(!a.length)throw new Error("claude-artifact-framework: machine needs `states: { nombre: {...} }` with at least one state.");let n=(s,i)=>{if(!a.includes(s))throw new Error(`claude-artifact-framework: ${i} names unknown state "${s}". Valid states: ${a.join(", ")}.`)};if(typeof e.initial!="string")throw new Error('claude-artifact-framework: machine needs `initial: "..."` naming the starting state.');n(e.initial,"machine.initial");for(let[s,i]of Object.entries(e.states)){let c=Object.keys(i||{}).filter(f=>!We.includes(f));if(c.length)throw new Error(`claude-artifact-framework: machine.states.${s} has unknown keys (${c.join(", ")}). Valid keys: ${We.join(", ")}.`);if(i&&i.after!==void 0){let f=i.after,l=Object.keys(f||{}).filter(d=>!Xe.includes(d));if(l.length)throw new Error(`claude-artifact-framework: machine.states.${s}.after has unknown keys (${l.join(", ")}). Valid keys: ${Xe.join(", ")}.`);if(typeof f.seconds!="number"||f.seconds<=0)throw new Error(`claude-artifact-framework: machine.states.${s}.after needs \`seconds\` > 0.`);if(typeof f.then!="string")throw new Error(`claude-artifact-framework: machine.states.${s}.after needs \`then: "estado"\`.`);if(n(f.then,`machine.states.${s}.after.then`),f.do!==void 0&&typeof f.do!="function")throw new Error(`claude-artifact-framework: machine.states.${s}.after.do must be a function of data.`)}}if(!Object.keys(e.events||{}).length)throw new Error("claude-artifact-framework: machine needs `events: { nombre: {...} }` \u2014 ctx.send() is the only way to move it.");for(let[s,i]of Object.entries(e.events)){let c=Object.keys(i||{}).filter(f=>!Ge.includes(f));if(c.length)throw new Error(`claude-artifact-framework: machine.events.${s} has unknown keys (${c.join(", ")}). Valid keys: ${Ge.join(", ")}.`);if(i.from!==void 0&&i.from!=="*")for(let f of[].concat(i.from))n(f,`machine.events.${s}.from`);if(typeof i.then=="string")n(i.then,`machine.events.${s}.then`);else if(i.then!==void 0&&typeof i.then!="function")throw new Error(`claude-artifact-framework: machine.events.${s}.then must be a state name or a function of data returning one.`);if(i.do!==void 0&&typeof i.do!="function")throw new Error(`claude-artifact-framework: machine.events.${s}.do must be a function (data, payload).`)}}function st(e){for(let t of[e.blocks,e.main]){if(!Array.isArray(t))continue;let a=t.find(n=>n&&Array.isArray(n.tabs));if(a)return a}return null}function Jt(e){let t=Object.keys(e).filter(n=>!Ue.includes(n));if(t.length)throw new Error(`claude-artifact-framework: unknown top-level keys (${t.join(", ")}). Valid keys: ${Ue.join(", ")}.`);if(e.machine!==void 0&&Ut(e.machine),e.brand!==void 0){let n=Object.keys(e.brand||{}).filter(o=>!Fe.includes(o));if(n.length)throw new Error(`claude-artifact-framework: brand has unknown keys (${n.join(", ")}). Valid keys: ${Fe.join(", ")}.`);if(e.brand.logo!==void 0&&typeof e.brand.logo!="string")throw new Error("claude-artifact-framework: brand.logo must be a string \u2014 an emoji, an inline <svg>...</svg>, or an https URL. Omit it for an automatic monogram.")}if(e.libs!==void 0&&(!Array.isArray(e.libs)||e.libs.some(n=>typeof n!="string"||!/^https?:\/\//.test(n))))throw new Error("claude-artifact-framework: `libs` must be an array of https:// script URLs.");if(e.mobile!==void 0){let n=Object.keys(e.mobile||{}).filter(o=>!Je.includes(o));if(n.length)throw new Error(`claude-artifact-framework: mobile has unknown keys (${n.join(", ")}). Valid keys: ${Je.join(", ")}.`);if(e.mobile.nav!==void 0&&e.mobile.nav!=="bottom")throw new Error('claude-artifact-framework: mobile.nav only accepts "bottom" (omit `mobile` for the default top tab bar).');if(e.mobile.nav==="bottom"&&!st(e))throw new Error('claude-artifact-framework: mobile.nav: "bottom" moves a top-level `tabs` block\'s bar to the bottom of the phone screen \u2014 this spec has no top-level tabs block (in `blocks` or `main`) to move.')}let a=e.layout||"panel";if(!Ye.includes(a))throw new Error(`claude-artifact-framework: unknown layout "${a}". Valid layouts: ${Ye.join(", ")}.`);if(a==="steps"){let n=e.steps;if(!Array.isArray(n)||n.length===0)throw new Error('claude-artifact-framework: layout "steps" needs `steps: [...]` with at least one step.');let o=["title","text","fields","result"],s=new Set;return n.forEach((i,c)=>{if(!i||typeof i!="object")throw new Error(`claude-artifact-framework: steps[${c}] must be an object.`);let f=Object.keys(i).filter(l=>!o.includes(l));if(f.length)throw new Error(`claude-artifact-framework: steps[${c}] has unknown keys (${f.join(", ")}). Valid keys: ${o.join(", ")}.`);if(!i.fields&&!i.text&&!i.result)throw new Error(`claude-artifact-framework: steps[${c}] needs \`fields\`, \`text\`, or \`result\`.`);J(i.fields,`steps[${c}]`);for(let l of i.fields||[]){if(s.has(l.key))throw new Error(`claude-artifact-framework: field key "${l.key}" appears in more than one step \u2014 keys share one data pool and must be unique.`);s.add(l.key)}}),a}if(a==="chat")return rt(e.chat,"chat"),a;if(a==="workspace"){if(!Array.isArray(e.main)||e.main.length===0)throw new Error('claude-artifact-framework: layout "workspace" needs `main: [...]` (an array of blocks). `sidebar: [...]` is optional.');if(B(e.main),e.sidebar!==void 0){if(!Array.isArray(e.sidebar))throw new Error("claude-artifact-framework: workspace `sidebar` must be an array of blocks.");B(e.sidebar)}let n=O([...e.main,...e.sidebar||[]]);if(n.filter(s=>s&&s.chat).length>1)throw new Error("claude-artifact-framework: only one chat block per app \u2014 the conversation persists under data.chat and there is exactly one.");return fe(n),a}if(a==="documents"){let n=e.documents;if(!n||typeof n!="object"||!n.blocks&&!n.types)throw new Error('claude-artifact-framework: layout "documents" needs `documents: { blocks: [...] }` (every document repeats the same blocks) or `documents: { types: {...} }` (each document is one of several kinds).');if(n.blocks&&n.types)throw new Error("claude-artifact-framework: documents takes `blocks` (uniform documents) OR `types` (typed documents) \u2014 not both.");let o=Object.keys(n).filter(i=>!Qe.includes(i));if(o.length)throw new Error(`claude-artifact-framework: documents has unknown keys (${o.join(", ")}). Valid keys: ${Qe.join(", ")}.`);if(n.title!==void 0&&typeof n.title!="function")throw new Error("claude-artifact-framework: documents.title must be a function of the document's data returning the tab label.");let s=(i,c)=>{B(i);let f=O(i);if(f.filter(l=>l&&l.chat).length>1)throw new Error(`claude-artifact-framework: only one chat block per document (${c}) \u2014 each document's conversation persists under its own data.chat and there is exactly one.`);fe(f)};if(n.blocks){if(!Array.isArray(n.blocks)||n.blocks.length===0)throw new Error("claude-artifact-framework: documents.blocks must be a non-empty array of blocks.");s(n.blocks,"documents.blocks")}else{let i=Object.keys(n.types||{});if(!i.length)throw new Error("claude-artifact-framework: documents.types needs at least one type, e.g. `types: { nota: { blocks: [...] } }`.");for(let c of i){let f=n.types[c],l=["label","title","blocks","empty","icon"],d=Object.keys(f||{}).filter(p=>!l.includes(p));if(d.length)throw new Error(`claude-artifact-framework: documents.types.${c} has unknown keys (${d.join(", ")}). Valid keys: ${l.join(", ")}.`);if(!f||!Array.isArray(f.blocks)||f.blocks.length===0)throw new Error(`claude-artifact-framework: documents.types.${c} needs a non-empty \`blocks\` array.`);if(f.title!==void 0&&typeof f.title!="function")throw new Error(`claude-artifact-framework: documents.types.${c}.title must be a function of the document's data.`);s(f.blocks,`documents.types.${c}`)}}return a}if(a==="records"){if(it(e.records,"records",!1),e.blocks&&(B(e.blocks),O(e.blocks).some(n=>n&&n.records)))throw new Error("claude-artifact-framework: a records BLOCK below a records LAYOUT is ambiguous \u2014 the layout already owns the collection. Use panel/workspace/documents to embed records blocks.");return a}return B(e.blocks||[]),fe(O(e.blocks||[])),a}function it(e,t,a){if(!e||!Array.isArray(e.fields)||e.fields.length===0)throw new Error(`claude-artifact-framework: ${t} needs \`records: { fields: [...] }\` \u2014 the same field declarations the fields block uses.`);let n=a?[...Ze,"key"]:Ze,o=Object.keys(e).filter(i=>!n.includes(i));if(o.length)throw new Error(`claude-artifact-framework: ${t} has unknown keys (${o.join(", ")}). Valid keys: ${n.join(", ")}.`);if(a&&e.key!==void 0&&(typeof e.key!="string"||!e.key))throw new Error(`claude-artifact-framework: ${t}.key must be a non-empty string naming the collection in data.`);if(J(e.fields,t),e.fields.some(i=>i.type==="file")||e.items&&e.items.fields.some(i=>i.type==="file"))throw new Error("claude-artifact-framework: `file` fields live in the flat data pool (panel blocks or steps) \u2014 they are not supported inside records or items.");let s=new Set;for(let i of e.fields){if(i.key==="id")throw new Error('claude-artifact-framework: "id" is reserved on records \u2014 the framework assigns it.');if(s.has(i.key))throw new Error(`claude-artifact-framework: duplicate ${t} field key "${i.key}".`);s.add(i.key)}if(e.actions&&ot(e.actions,`${t}.actions`),e.items){let i=Object.keys(e.items).filter(c=>!et.includes(c));if(i.length)throw new Error(`claude-artifact-framework: ${t}.items has unknown keys (${i.join(", ")}). Valid keys: ${et.join(", ")}.`);if(!Array.isArray(e.items.fields)||e.items.fields.length===0)throw new Error(`claude-artifact-framework: ${t}.items needs \`fields: [...]\` \u2014 the same field declarations as everywhere else.`);J(e.items.fields,`${t}.items`);for(let c of e.items.fields)if(c.key==="id")throw new Error('claude-artifact-framework: "id" is reserved on items \u2014 the framework assigns it.');if(s.has("items")||e.fields.some(c=>c.key==="items"))throw new Error(`claude-artifact-framework: a ${t} field cannot be named "items" when \`items\` is declared \u2014 that key holds the child collection.`)}for(let[i,c]of Object.entries(e.compute||{})){if(s.has(i)||i==="id"||e.items&&i==="items")throw new Error(`claude-artifact-framework: compute key "${i}" collides with a field key \u2014 computed values are derived, never stored.`);if(typeof c!="function"&&typeof(c&&c.value)!="function")throw new Error(`claude-artifact-framework: compute "${i}" must be a function of the record, or { label, format, value: (r) => ... }.`)}}function fe(e){let t=new Set;for(let a of e){if(!a||!a.records)continue;let n=a.records.key||"records";if(t.has(n))throw new Error(`claude-artifact-framework: two records blocks share the collection key "${n}" \u2014 give each a distinct \`key\`.`);t.add(n)}}function O(e){let t=[];for(let a of e||[])if(t.push(a),a&&Array.isArray(a.tabs))for(let n of a.tabs)t.push(...O(n.blocks));return t}function qt(e){let t={...e.data||{}};if((e.layout||"panel")==="records"&&!Array.isArray(t.records)&&(t.records=[]),(e.layout||"panel")==="documents"&&!Array.isArray(t.docs)&&(t.docs=[]),e.machine){let o=e.machine.key||"fase";o in t||(t[o]=e.machine.initial)}let a=O([...e.blocks||[],...e.main||[],...e.sidebar||[]]);((e.layout||"panel")==="chat"||a.some(o=>o&&o.chat))&&!t.chat&&(t.chat={api:[],log:[]});for(let o of[...a,...e.steps||[]])for(let s of o.fields||[])s&&s.key!==void 0&&!(s.key in t)&&(t[s.key]=s.value!==void 0?s.value:s.type==="check"?!1:"");for(let o of a)if(o&&o.records){let s=o.records.key||"records";Array.isArray(t[s])||(t[s]=[])}return t}var de=null;function Wt(e){return de||(de=class extends e.Component{constructor(t){super(t),this.state={error:null}}static getDerivedStateFromError(t){return{error:t}}render(){return this.state.error?r("div",{className:"caf-block caf-block-error"},r("strong",null,"This section failed to render"),r("code",null,String(this.state.error.message||this.state.error))):this.props.children}}),de}function Xt({spec:e,ctx:t,bottomNav:a}){let n=e.tabs,o=n.map(f=>f.label).join("|"),s=t.view.tabs?t.view.tabs[o]:void 0,i=Math.min(s===void 0?0:s,n.length-1),c=!!a&&t.viewport==="mobile";return r("div",{className:"caf-tabs"},r("div",{className:c?"caf-tabbar caf-tabbar-bottom":"caf-tabbar",role:"tablist"},n.map((f,l)=>r("button",{key:f.label,type:"button",role:"tab","aria-selected":l===i,className:l===i?"caf-tab caf-tab-active":"caf-tab",onClick:()=>t.setTab(o,l)},c&&f.icon?[r("span",{key:"i",className:"caf-tab-ico","aria-hidden":!0},f.icon),r("span",{key:"l",className:"caf-tab-lbl"},f.label)]:f.icon?`${f.icon} ${f.label}`:f.label))),r("div",{className:"caf-tabs-body"},n[i].blocks.map((f,l)=>r(q,{key:i+":"+l,block:f,ctx:t}))))}var Gt={...ce,tabs:Xt,records:Ve},Qt=[...H,"tabs","records"];function q({block:e,ctx:t}){if(typeof e.when=="function"&&!e.when(t.data)||e.state!==void 0&&t.machine&&t.data[t.machine.key||"fase"]!==e.state)return null;let a=t._navTabs!==void 0&&t._navTabs===e;e.icon&&typeof e.title=="string"&&(e={...e,title:`${e.icon} ${e.title}`});let n=Object.keys(e).find(f=>Qt.includes(f)),o=Gt[n],s=r(Wt(t.React),null,r(o,{spec:e.collapsible?{...e,title:void 0}:e,ctx:t,bottomNav:a}));if(!e.collapsible)return s;let i=typeof e.title=="string"&&e.title?e.title:n,c=t.view.collapsed&&i in t.view.collapsed?t.view.collapsed[i]:e.collapsible==="collapsed";return r("div",{className:"caf-collapse"},r("button",{type:"button",className:"caf-collapse-head","aria-expanded":!c,onClick:()=>t.toggleCollapsed(i,!c)},r("span",null,e.title||n),r("span",{className:c?"caf-chevron caf-chevron-closed":"caf-chevron"},"\u25BE")),c?null:r("div",{className:"caf-collapse-body"},s))}function ct({spec:e,ctx:t}){return r("div",{className:"caf-panel"},(e.blocks||[]).map((a,n)=>r("section",{key:n,className:a.wide||a.collapsible||a.banner?"caf-slot caf-slot-wide":"caf-slot"},r(q,{block:a,ctx:t}))))}function Zt({spec:e,ctx:t}){let a=t.view.screen==="record"&&(t.data.records||[]).some(n=>n.id===t.view.arg);return r("div",null,r(De,{spec:e,ctx:t}),!a&&Array.isArray(e.blocks)&&e.blocks.length?r("div",{className:"caf-panel caf-records-blocks"},e.blocks.map((n,o)=>r("section",{key:o,className:n.wide||n.collapsible||n.banner?"caf-slot caf-slot-wide":"caf-slot"},r(q,{block:n,ctx:t})))):null)}function ea({spec:e,ctx:t}){let a=n=>(n||[]).map((o,s)=>r("section",{key:s,className:"caf-ws-slot"},r(q,{block:o,ctx:t})));return r("div",{className:"caf-workspace"},r("div",{className:"caf-ws-main"},a(e.main)),e.sidebar&&e.sidebar.length?r("div",{className:"caf-ws-side"},a(e.sidebar)):null)}function ue(e){let t={};for(let a of O(e.blocks)){for(let n of a.fields||[])n&&n.key!==void 0&&!(n.key in t)&&(t[n.key]=n.value!==void 0?n.value:n.type==="check"?!1:"");if(a.records){let n=a.records.key||"records";Array.isArray(t[n])||(t[n]=[])}}return t}function ta(){return"d"+Date.now().toString(36)+Math.random().toString(36).slice(2,8)}var U="caf:doc";function aa(e,t,a){if(e.title)try{let n=e.title(t);if(n!=null&&n!=="")return String(n)}catch{}for(let n of O(e.blocks))for(let o of n.fields||[])if(!o.type||o.type==="text"||o.type==="textarea"||o.type==="select"){let s=t[o.key];return s!==""&&s!==void 0&&s!==null?String(s):a||"(untitled)"}return a||"(untitled)"}function na({spec:e,ctx:t}){let a=e.documents,n=a.label||"document",o=Array.isArray(t.data.docs)?t.data.docs:[],s=a.types||null,i=s?Object.keys(s):[],c=b=>s?s[b.type]:a,f=b=>{let E=s[b]||{};return(E.icon?E.icon+" ":"")+(E.label||b)},[l,d]=$(!1),p=t.view.tabs?t.view.tabs[U]:void 0,h=o.find(b=>b.id===p)||o[0];function k(b){let E=s?s[b]:a,N={id:ta(),...s?{type:b}:{},data:ue(E)};t.update(T=>{T.docs=[...T.docs||[],N]}),t.setTab(U,N.id),d(!1)}function g(){if(!s)return k();if(i.length===1)return k(i[0]);d(b=>!b)}function x(b){let E=o.findIndex(N=>N.id===b);if(t.update(N=>{N.docs=N.docs.filter(T=>T.id!==b)}),delete t.files["doc:"+b],h&&h.id===b){let N=o[E+1]||o[E-1];N&&t.setTab(U,N.id)}}let y=s&&l?r("div",{className:"caf-doc-typemenu"},i.map(b=>r("button",{key:b,type:"button",className:"caf-btn caf-btn-sm",onClick:()=>k(b)},f(b)))):null;if(!h)return r("div",{className:"caf-panel caf-panel-single"},r("div",{className:"caf-block caf-empty"},r("p",null,a.empty||`No ${n}s yet. Create the first one.`),s?r("div",{className:"caf-doc-typemenu"},i.map(b=>r("button",{key:b,type:"button",className:"caf-btn caf-btn-primary",onClick:()=>k(b)},`New ${f(b)}`))):r("button",{type:"button",className:"caf-btn caf-btn-primary",onClick:()=>k()},`New ${n}`)));let j=c(h);if(!j)return r("div",{className:"caf-documents"},r(at,{docs:o,active:h,dspec:a,types:s,close:x,onAdd:g,label:n,ctx:t}),y,r("div",{className:"caf-block caf-block-error"},r("strong",null,`This ${n}'s type "${h.type}" no longer exists`),r("code",null,`valid types: ${i.join(", ")}`)));let u={...ue(j),...h.data},w={...t,data:u,update:b=>t.update(E=>{let N=(E.docs||[]).find(T=>T.id===h.id);N&&b(N.data)}),files:t.files["doc:"+h.id]=t.files["doc:"+h.id]||{}};return r("div",{className:"caf-documents"},r(at,{docs:o,active:h,dspec:a,types:s,close:x,onAdd:g,label:n,ctx:t}),y,r(ct,{spec:{blocks:j.blocks},ctx:w}))}function at({docs:e,active:t,dspec:a,types:n,close:o,onAdd:s,label:i,ctx:c}){let f=l=>{let d=n?n[l.type]:a;if(!d)return l.type;let p={...ue(d),...l.data},h=n?d.label||l.type:void 0;return aa(d,p,h)};return r("div",{className:"caf-tabbar",role:"tablist"},e.map(l=>r("span",{key:l.id,className:"caf-doc-tab"},r("button",{type:"button",role:"tab","aria-selected":l.id===t.id,className:l.id===t.id?"caf-tab caf-tab-active":"caf-tab",onClick:()=>c.setTab(U,l.id)},f(l)),r("button",{type:"button",className:"caf-doc-close","aria-label":`Close ${i}`,onClick:()=>o(l.id)},"\u2715"))),r("button",{type:"button",className:"caf-tab caf-doc-add","aria-label":`New ${i}`,onClick:s},"+"))}var ra={panel:ct,records:Zt,steps:Ke,chat:Oe,workspace:ea,documents:na};function lt(e){return new Promise((t,a)=>{let n=document.querySelector(`script[src="${e}"]`);if(n){if(n.dataset.cafReady==="1")return t();n.addEventListener("load",t),n.addEventListener("error",()=>a(new Error(`failed to load ${e}`)));return}let o=document.createElement("script");o.src=e,o.onload=()=>{o.dataset.cafReady="1",t()},o.onerror=()=>{let s=e.match(/^(https:\/\/cdn\.jsdelivr\.net\/npm\/(?:@[^/]+\/)?[^/]+)\/.+/);s&&s[1]!==e?lt(s[1]).then(t,()=>a(new Error(`failed to load ${e} (also tried package default ${s[1]})`))):a(new Error(`failed to load ${e}`))},document.head.appendChild(o)})}function nt(e){let t=e.documents?e.documents.blocks||Object.values(e.documents.types||{}).flatMap(a=>a.blocks||[]):[];return O([...e.blocks||[],...e.main||[],...e.sidebar||[],...t])}function oa(e,t,a,n){let o=e.events[a];if(!o)throw new Error(`claude-artifact-framework: unknown machine event "${a}". Valid events: ${Object.keys(e.events).join(", ")}.`);let s=e.key||"fase";t(i=>{let c=i[s],f=o.from===void 0?"*":o.from;if(f!=="*"&&![].concat(f).includes(c))return;o.do&&o.do(i,n);let l=typeof o.then=="function"?o.then(i):o.then;if(l!=null){if(!e.states[l])throw new Error(`claude-artifact-framework: machine event "${a}" resolved to unknown state "${l}". Valid states: ${Object.keys(e.states).join(", ")}.`);i[s]=l}})}function ft(e={}){let t=Jt(e);if(e.machine){let s=Object.keys(e.machine.states);for(let i of nt(e))if(i&&i.state!==void 0&&!s.includes(i.state))throw new Error(`claude-artifact-framework: a block declares state: "${i.state}" but the machine's states are: ${s.join(", ")}.`)}else for(let s of nt(e))if(s&&s.state!==void 0)throw new Error("claude-artifact-framework: `state:` on a block needs a `machine` declared at the top level.");let a=Ee(qt(e),{shared:!!e.shared}),n=F(e.theme&&e.theme.seed)+sa,o={};return function(){if(!V())throw new Error(`claude-artifact-framework: React not found. Hand it over once, before rendering:
+Continue with this information. If you have everything you need, answer in natural language without further tool_call.`}],j(),l(null)}}catch(m){y=[...y,{role:"error",content:String(m&&m.message||m)}],j()}finally{l(null),c(!1)}}return o("div",{className:"caf-chat-panel"},o("div",{className:"caf-block caf-chat-log"},a?o("h2",{className:"caf-block-title"},a):null,r.greeting?o("div",{className:"caf-msg caf-msg-assistant",dangerouslySetInnerHTML:{__html:ae(r.greeting)}}):null,h.map((g,x)=>o(At,{key:x,m:g})),f!==null?o("div",{className:"caf-msg caf-msg-assistant caf-msg-live",dangerouslySetInnerHTML:{__html:ae(f||"\u2026")}}):null,i&&f===null?o("div",{className:"caf-msg-tools"},"thinking\u2026"):null,o("div",{ref:d})),o("div",{className:"caf-chat-input"},o("input",{value:n,placeholder:r.placeholder||"Message\u2026",disabled:i,enterKeyHint:"send",onChange:g=>s(g.target.value),onKeyDown:g=>{g.key==="Enter"&&(g.preventDefault(),k())},"aria-label":"Message"}),o("button",{type:"button",className:"caf-btn caf-btn-primary",disabled:i||!n.trim(),onClick:k},"Send")))}function Oe({spec:e,ctx:t}){return o("div",{className:"caf-panel caf-panel-single"},o(ne,{cfg:e.chat,ctx:t}))}var oe=["text","textarea","number","money","percent","check","date","select","file"];function C(e,t){if(e==null||e==="")return"\u2014";let a=Number(e);switch(t){case"money":return Number.isFinite(a)?a.toLocaleString(void 0,{style:"currency",currency:"USD",maximumFractionDigits:2}):String(e);case"percent":return Number.isFinite(a)?`${a.toLocaleString(void 0,{maximumFractionDigits:2})}%`:String(e);case"number":return Number.isFinite(a)?a.toLocaleString(void 0,{maximumFractionDigits:2}):String(e);case"date":return e instanceof Date?e.toLocaleDateString():String(e);default:return String(e)}}function se(e,t){if(e.required&&(t===""||t===null||t===void 0))return"Required";if(t===""||t===null||t===void 0)return null;if(e.type==="number"||e.type==="money"||e.type==="percent"){let a=Number(t);if(!Number.isFinite(a))return"Must be a number";if(e.min!==void 0&&a<e.min)return`Must be at least ${e.min}`;if(e.max!==void 0&&a>e.max)return`Must be at most ${e.max}`}return null}function B({field:e,value:t,onChange:a,data:r}){let n=se(e,t),s=`caf-f-${e.key}`,i=e.type==="number"||e.type==="money"||e.type==="percent";if(e.type==="file")return o("div",{className:"caf-field"},o("label",{htmlFor:s},e.label||e.key),o("input",{id:s,type:"file",accept:e.accept,onChange:l=>a(l.target.files&&l.target.files[0]?l.target.files[0]:null)}),t&&t.name?o("small",{className:"caf-hint"},`${t.name} (${Math.round((t.size||0)/1024)} KB)${t.stale?" \u2014 re-pick after reload":""}`):e.hint?o("small",{className:"caf-hint"},e.hint):null);if(e.type==="check")return o("label",{className:"caf-check"},o("input",{id:s,type:"checkbox",checked:!!t,onChange:l=>a(l.target.checked)}),o("span",null,e.label||e.key));let c={id:s,value:t??"","aria-invalid":n?"true":void 0,onChange:l=>a(i?Tt(l.target.value):l.target.value)},f;if(e.type==="textarea")f=o("textarea",{...c,rows:e.rows||3});else if(e.type==="select"){let l=typeof e.options=="function"?e.options(r)||[]:e.options||[];f=o("select",c,o("option",{value:""},e.placeholder||"Select\u2026"),l.map(d=>{let p=typeof d=="string"?d:d.value,h=typeof d=="string"?d:d.label;return o("option",{key:p,value:p},h)}))}else f=o("input",{...c,type:e.type==="date"?"date":i?"number":"text",min:e.min,max:e.max,step:e.step||(e.type==="money"||e.type==="percent"?"any":void 0),placeholder:e.placeholder});return o("div",{className:"caf-field"},o("label",{htmlFor:s},e.label||e.key),f,e.hint&&!n?o("small",{className:"caf-hint"},e.hint):null,n?o("small",{className:"caf-error"},n):null)}function Tt(e){if(e==="")return"";let t=Number(e);return Number.isFinite(t)?t:e}function ie(e,t,a,r,n){if(a.type==="file"){e.files[t]=r||null;let s=r?{name:r.name,size:r.size,type:r.type}:null;e.update(i=>n(i,s));return}e.update(s=>n(s,r))}function Ct({spec:e,ctx:t}){let a=e.fields||[];return o("div",{className:"caf-block caf-fields"},e.title?o("h2",{className:"caf-block-title"},e.title):null,a.map(r=>o(B,{key:r.key,field:r,data:t.data,value:t.data[r.key],onChange:n=>ie(t,r.key,r,n,(s,i)=>{s[r.key]=i})})))}function Ot({spec:e,ctx:t}){let a=typeof e.output=="function"?e.output(t.data):e.output||[];if(!a.length)return o("div",{className:"caf-block caf-empty"},e.empty||"Nothing to show yet.");let r=a.some(n=>n&&n.big);return o("div",{className:r?"caf-block caf-output caf-block-feature":"caf-block caf-output"},e.title?o("h2",{className:"caf-block-title"},e.title):null,o("div",{className:"caf-output-grid"},a.map((n,s)=>o("div",{key:n.label||s,className:n.big?"caf-stat caf-stat-big":"caf-stat"},o("span",{className:"caf-stat-label"},n.label),o("span",{className:"caf-stat-value"},C(n.value,n.format)),n.hint?o("small",{className:"caf-hint"},n.hint):null))))}function _t({spec:e}){let t=typeof e.banner=="string"?{title:e.banner}:e.banner||{},a=t.image?`linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url(${JSON.stringify(t.image)}) center / cover`:"linear-gradient(135deg, color-mix(in srgb, var(--caf-accent) 82%, #000), var(--caf-accent) 55%, color-mix(in srgb, var(--caf-accent) 72%, #fff))";return o("div",{className:"caf-banner",style:{background:a}},t.title?o("h2",{className:"caf-banner-title"},t.title):null,t.subtitle?o("p",{className:"caf-banner-sub"},t.subtitle):null)}function Rt({spec:e}){let t=typeof e.image=="string"?{src:e.image}:e.image||{},a=typeof t.src=="string"&&t.src.trim().startsWith("<svg");return o("figure",{className:"caf-block caf-image"},e.title?o("h2",{className:"caf-block-title"},e.title):null,a?o("div",{className:"caf-image-svg",dangerouslySetInnerHTML:{__html:t.src}}):o("img",{src:t.src,alt:t.caption||e.title||"",style:{objectFit:t.fit||"cover",maxHeight:t.height?`${t.height}px`:void 0}}),t.caption?o("figcaption",{className:"caf-hint"},t.caption):null)}function Lt({spec:e,ctx:t}){let a=typeof e.text=="function"?e.text(t.data):e.text;return o("div",{className:"caf-block caf-text"},e.title?o("h2",{className:"caf-block-title"},e.title):null,o("p",null,a))}function Mt({spec:e,ctx:t}){let a=(typeof e.list=="function"?e.list(t.data):e.list)||[],r=typeof e.title=="string"?e.title:null,n=typeof e.title=="function"?e.title:s=>s.title??s.name??s.label??s.text??String(s);return a.length?o("div",{className:"caf-block caf-list"},r?o("h2",{className:"caf-block-title"},r):null,a.map((s,i)=>o("button",{key:s.id??i,className:"caf-row",type:"button",onClick:e.onSelect?()=>e.onSelect(s,t):void 0},o("span",{className:"caf-row-title"},n(s)),e.subtitle?o("span",{className:"caf-row-sub"},e.subtitle(s)):null))):o("div",{className:"caf-block caf-empty"},e.empty||"Nothing here yet.")}var _e=["bar","line","donut"];function zt({spec:e,ctx:t}){let a=typeof e.chart=="function"?e.chart(t.data):e.chart,r=a&&a.items||[];if(!r.length)return o("div",{className:"caf-block caf-empty"},e.empty||"No data to chart yet.");let n=a.type||"bar";if(!_e.includes(n))throw new Error(`unknown chart type "${n}". Valid types: ${_e.join(", ")}.`);let s=t.colors(r.length),i=n==="bar"?Bt(r,a,s):n==="line"?It(r,a):Vt(r,a,s);return o("div",{className:"caf-block caf-chart"},e.title?o("h2",{className:"caf-block-title"},e.title):null,i)}function Bt(e,t,a){let r=Math.max(...e.map(n=>Number(n.value)||0),0)||1;return o("div",{className:"caf-bars"},e.map((n,s)=>o("div",{key:n.label??s,className:"caf-bar-row"},o("span",{className:"caf-bar-label"},n.label),o("div",{className:"caf-bar-track"},o("div",{className:"caf-bar-fill",style:{width:`${Math.max(2,(Number(n.value)||0)/r*100)}%`,background:a[s]}})),o("span",{className:"caf-bar-value"},C(n.value,t.format)))))}function It(e,t){let a=e.map(d=>Number(d.value)||0),r=Math.min(...a),s=Math.max(...a)-r||1,i=100,c=36,f=a.map((d,p)=>[a.length===1?i/2:p/(a.length-1)*i,c-3-(d-r)/s*(c-6)]),l=f[f.length-1];return o("div",{className:"caf-line"},o("svg",{viewBox:`0 0 ${i} ${c}`,className:"caf-line-svg",preserveAspectRatio:"none","aria-hidden":"true"},[.25,.5,.75].map(d=>o("line",{key:d,x1:0,x2:i,y1:c*d,y2:c*d,className:"caf-line-grid"})),o("polyline",{points:f.map(d=>d.join(",")).join(" "),className:"caf-line-path"}),o("circle",{cx:l[0],cy:l[1],r:1.6,className:"caf-line-dot"})),o("div",{className:"caf-line-meta"},o("span",{className:"caf-hint"},String(e[0].label??"")),o("span",{className:"caf-line-last"},C(a[a.length-1],t.format)),o("span",{className:"caf-hint"},String(e[e.length-1].label??""))))}function Vt(e,t,a){let r=e.reduce((c,f)=>c+(Number(f.value)||0),0)||1,n=15.9155,s=25,i=e.map((c,f)=>{let l=(Number(c.value)||0)/r*100,d=o("circle",{key:c.label??f,cx:21,cy:21,r:n,className:"caf-donut-seg",stroke:a[f],strokeDasharray:`${l} ${100-l}`,strokeDashoffset:s});return s-=l,d});return o("div",{className:"caf-donut"},o("svg",{viewBox:"0 0 42 42",className:"caf-donut-svg","aria-hidden":"true"},i),o("div",{className:"caf-donut-legend"},e.map((c,f)=>o("div",{key:c.label??f,className:"caf-legend-row"},o("span",{className:"caf-legend-swatch",style:{background:a[f]}}),o("span",{className:"caf-legend-label"},c.label),o("span",{className:"caf-legend-value"},C(c.value,t.format))))))}function Dt({spec:e,ctx:t}){let a=e.timer||{},r=Math.max(1,Math.round((a.minutes||0)*60+(a.seconds||0))||300),[n,s]=$(r),[i,c]=$(!1);A(()=>{if(!i)return;let p=setInterval(()=>s(h=>Math.max(0,h-1)),1e3);return()=>clearInterval(p)},[i]),A(()=>{n===0&&i&&(c(!1),typeof a.onDone=="function"&&t.update(p=>a.onDone(p)))},[n,i]);let f=String(Math.floor(n/60)).padStart(2,"0"),l=String(n%60).padStart(2,"0"),d=n===0;return o("div",{className:"caf-block caf-timer"},e.title?o("h2",{className:"caf-block-title"},e.title):null,a.label?o("span",{className:"caf-hint"},a.label):null,o("div",{className:d?"caf-timer-time caf-timer-done":"caf-timer-time"},d?a.doneText||"Done!":`${f}:${l}`),o("div",{className:"caf-bar-track"},o("div",{className:"caf-bar-fill caf-timer-fill",style:{width:`${n/r*100}%`}})),o("div",{className:"caf-timer-controls"},o("button",{type:"button",className:"caf-btn caf-btn-primary",disabled:d,onClick:()=>c(p=>!p)},i?"Pause":"Start"),o("button",{type:"button",className:"caf-btn",onClick:()=>{c(!1),s(r)}},"Reset")))}function Kt({spec:e,ctx:t}){let r=(e.actions||[]).filter(n=>!n.when||n.when(t.data,t.viewerId));return o("div",{className:"caf-block caf-actions"},e.title?o("h2",{className:"caf-block-title"},e.title):null,o("div",{className:"caf-actions-row"},r.map(n=>o("button",{key:n.label,type:"button",className:n.kind==="danger"?"caf-btn caf-btn-danger":n.kind==="primary"?"caf-btn caf-btn-primary":"caf-btn",onClick:()=>t.update(s=>n.run(s,t.viewerId))},n.label))))}function Yt({spec:e,ctx:t}){let a=e.custom(t),r=e.fill?"caf-block caf-block-fill caf-custom":"caf-block caf-custom";return typeof a=="string"?o("div",{className:r,dangerouslySetInnerHTML:{__html:a}}):o("div",{className:r},a)}var ce={fields:Ct,output:Ot,text:Lt,list:Mt,chart:zt,timer:Dt,actions:Kt,banner:_t,image:Rt,chat:({spec:e,ctx:t})=>o(ne,{cfg:e.chat,ctx:t,title:e.title}),custom:Yt},P=Object.keys(ce);function ze(e){return Object.entries(e.compute||{}).map(([t,a])=>[t,typeof a=="function"?{value:a}:a])}function U(e,t){if(!e.compute)return t;let a={...t};for(let[r,n]of ze(e))try{a[r]=n.value(t)}catch{a[r]=void 0}return a}function Be(e){let t={};for(let a of e)t[a.key]=a.value!==void 0?a.value:a.type==="check"?!1:"";return t}function le(){return"r"+Date.now().toString(36)+Math.random().toString(36).slice(2,8)}var Re=new WeakMap;function Le(e,t,a,r){let n=Re.get(e);if(n===void 0){let s=String(e),i=s.match(/^\s*(?:async\s+)?([\w$]+)\s*=>/),c=s.match(/^[^(]*\(([^)]*)\)/),f=i?[i[1]]:c?c[1].split(",").map(l=>l.trim().split(/[=\s:]/)[0]):[];n=/viewer|voter|usuario|user/i.test(f[1]||""),Re.set(e,n)}return n?e(t,r):e(t,a,r)}function Ht({title:e,ctx:t}){let a=String(e).split(/\s+/).map(s=>s[0]).filter(Boolean).slice(0,2).join("").toUpperCase()||"?",r=0;for(let s of String(e))r=r*31+s.charCodeAt(0)>>>0;let n=t.colors(8);return o("span",{className:"caf-avatar",style:{background:n[r%n.length]}},a)}function Me(e,t){if(e.title)return e.title(t);let a=e.fields.find(n=>!n.type||n.type==="text"||n.type==="textarea"||n.type==="select"),r=a&&t[a.key];return r===""||r===void 0||r===null?"(untitled)":String(r)}function Ie({spec:e,records:t}){if(!e.summary)return null;let a=e.summary(t)||[];if(!a.length)return null;let r=a.some(n=>n&&n.big);return o("div",{className:r?"caf-block caf-output caf-block-feature":"caf-block caf-output"},o("div",{className:"caf-output-grid"},a.map((n,s)=>o("div",{key:n.label||s,className:n.big?"caf-stat caf-stat-big":"caf-stat"},o("span",{className:"caf-stat-label"},n.label),o("span",{className:"caf-stat-value"},C(n.value,n.format))))))}function Ve({spec:e,ctx:t}){let a=e.label||"item",[r,n]=$("");A(()=>{(t.data.records||[]).some(l=>l&&!l.id)&&t.update(l=>{for(let d of l.records||[])d&&!d.id&&(d.id=le())})});let s=t.data.records.map(l=>U(e,l));e.sort&&(s=s.slice().sort(e.sort));let i=s.length,c=r.trim().toLowerCase();e.search&&c&&(s=s.filter(l=>e.fields.some(d=>String(l[d.key]??"").toLowerCase().includes(c))));function f(){let l={id:le(),...Be(e.fields)};e.items&&(l.items=[]),t.update(d=>{d.records=[...d.records,l]}),t.go("record",l.id)}return o("div",{className:"caf-block caf-list"},o("div",{className:"caf-toolbar"},o("span",{className:"caf-count"},e.search&&c?`${s.length} of ${i}`:`${i} ${a}${i===1?"":"s"}`),o("button",{type:"button",className:"caf-btn caf-btn-primary",onClick:f},`Add ${a}`)),e.search?o("input",{className:"caf-search",value:r,placeholder:`Search ${a}s\u2026`,"aria-label":"Search",onChange:l=>n(l.target.value)}):null,e.search&&c&&s.length===0&&i>0?o("div",{className:"caf-empty"},`Nothing matches "${r}".`):null,s.length===0?o("div",{className:"caf-empty"},e.empty||`No ${a}s yet. Add the first one.`):s.map(l=>o("div",{key:l.id,className:"caf-row-wrap"},o("button",{type:"button",className:e.avatar?"caf-row caf-row-avatar":"caf-row",onClick:()=>t.go("record",l.id)},e.avatar?o(Ht,{title:Me(e,l),ctx:t}):null,o("span",{className:"caf-row-main"},o("span",{className:"caf-row-title"},Me(e,l)),e.subtitle?o("span",{className:"caf-row-sub"},e.subtitle(l)):null)),e.actions?o("div",{className:"caf-row-actions"},e.actions.filter(d=>!d.when||Le(d.when,l,t.data,t.viewerId)).map(d=>o("button",{key:d.label,type:"button",className:d.kind==="danger"?"caf-btn caf-btn-danger caf-btn-sm":"caf-btn caf-btn-sm",onClick:()=>t.update(p=>{let h=p.records.find(k=>k.id===l.id);h&&Le(d.run,h,p,t.viewerId)})},d.label))):null)))}function De({spec:e,ctx:t,record:a}){let r=e.label||"item";function n(){t.update(s=>{s.records=s.records.filter(i=>i.id!==a.id)}),t.back()}return o("div",{className:"caf-block caf-fields"},o("div",{className:"caf-toolbar"},o("button",{type:"button",className:"caf-btn",onClick:t.back},"\u2039 Back"),o("button",{type:"button",className:"caf-btn caf-btn-danger",onClick:n},`Delete ${r}`)),e.fields.map(s=>o(B,{key:s.key,field:s,data:t.data,value:a[s.key],onChange:i=>t.update(c=>{let f=c.records.find(l=>l.id===a.id);f&&(f[s.key]=i)})})),e.items?o(Ft,{spec:e,ctx:t,record:a}):null,e.compute?o("div",{className:"caf-output-grid caf-computed"},ze(e).map(([s,i])=>{let c=U(e,a);return o("div",{key:s,className:"caf-stat"},o("span",{className:"caf-stat-label"},i.label||s),o("span",{className:"caf-stat-value"},C(c[s],i.format)))})):null)}function Ft({spec:e,ctx:t,record:a}){let r=e.items,n=r.label||"item";function s(c){t.update(f=>{let l=f.records.find(d=>d.id===a.id);l&&(Array.isArray(l.items)||(l.items=[]),c(l))})}let i=Array.isArray(a.items)?a.items:[];return o("div",{className:"caf-items"},o("div",{className:"caf-toolbar"},o("span",{className:"caf-count"},`${i.length} ${n}${i.length===1?"":"s"}`),o("button",{type:"button",className:"caf-btn caf-btn-sm",onClick:()=>s(c=>c.items.push({id:le(),...Be(r.fields)}))},`Add ${n}`)),i.length===0?o("div",{className:"caf-empty caf-empty-sm"},r.empty||`No ${n}s yet.`):i.map(c=>o("div",{key:c.id,className:"caf-item-row"},r.fields.map(f=>o(B,{key:f.key,field:f,data:t.data,value:c[f.key],onChange:l=>s(d=>{let p=d.items.find(h=>h.id===c.id);p&&(p[f.key]=l)})})),o("button",{type:"button",className:"caf-btn caf-btn-danger caf-btn-sm caf-item-remove","aria-label":`Remove ${n}`,onClick:()=>s(f=>{f.items=f.items.filter(l=>l.id!==c.id)})},"\u2715"))))}function Pt(e,t){return t==="records"?e:new Proxy(e,{get:(a,r,n)=>r==="records"?a[t]:Reflect.get(a,r,n),set:(a,r,n)=>Reflect.set(a,r==="records"?t:r,n),has:(a,r)=>r==="records"?t in a:r in a})}function Ke({spec:e,ctx:t}){let a=e.records,r=a.key||"records",n=Array.isArray(t.data[r])?t.data[r]:[],s="caf:rec:"+r,i=t.view.tabs?t.view.tabs[s]:void 0,c={...t,data:{...t.data,records:n},update:l=>t.update(d=>l(Pt(d,r))),go:(l,d)=>t.setTab(s,d),back:()=>t.setTab(s,void 0)},f=i?n.find(l=>l.id===i):null;return o("div",{className:"caf-records-block"},e.title?o("h2",{className:"caf-block-title"},e.title):null,f?o(De,{key:"d",spec:a,ctx:c,record:f}):[o(Ie,{key:"s",spec:a,records:n.map(l=>U(a,l))}),o(Ve,{key:"l",spec:a,ctx:c})])}function Ye({spec:e,ctx:t}){let a=e.records;if(t.view.screen==="record"){let r=t.data.records.find(n=>n.id===t.view.arg);if(r)return o("div",{className:"caf-panel caf-panel-single"},o(De,{spec:a,ctx:t,record:r}))}return o("div",{className:"caf-panel caf-panel-single"},o(Ie,{spec:a,records:t.data.records.map(r=>U(a,r))}),o(Ve,{spec:a,ctx:t}))}function Ut(e,t){return(e.fields||[]).some(a=>se(a,t[a.key])!==null)}function Jt({step:e,ctx:t}){let a=e.result(t.data)||[],r=t._Block;return o("div",{className:"caf-steps-result"},o("div",{className:a.some(n=>n&&n.big)?"caf-block caf-output caf-block-feature":"caf-block caf-output"},e.title?o("h2",{className:"caf-block-title"},e.title):null,o("div",{className:"caf-output-grid"},a.map((n,s)=>o("div",{key:n.label??s,className:n.big?"caf-stat caf-stat-big":"caf-stat"},o("span",{className:"caf-stat-label"},n.label),o("span",{className:"caf-stat-value"},C(n.value,n.format)),n.hint?o("small",{className:"caf-hint"},n.hint):null)))),(e.blocks||[]).map((n,s)=>o(r,{key:"rb"+s,block:n,ctx:t})),o("div",{className:"caf-step-nav"},o("button",{type:"button",className:"caf-btn",onClick:()=>t.setStep(0)},"Start over")))}function He({spec:e,ctx:t}){let a=e.steps,r=Math.min(Math.max(t.view.step||0,0),a.length-1),n=a[r],s=typeof n.result=="function",i=r===a.length-1;return o("div",{className:"caf-panel caf-panel-single"},o("div",{className:"caf-steps-progress"},o("span",{className:"caf-hint"},s?"Result":`Step ${r+1} of ${a.length}`),o("div",{className:"caf-bar-track"},o("div",{className:"caf-bar-fill caf-steps-fill",style:{width:`${(r+1)/a.length*100}%`}}))),s?o(Jt,{step:n,ctx:t}):o("div",{className:"caf-block caf-fields"},n.title?o("h2",{className:"caf-block-title"},n.title):null,n.text?o("p",{className:"caf-step-text"},typeof n.text=="function"?n.text(t.data):n.text):null,(n.fields||[]).map(c=>o(B,{key:c.key,field:c,data:t.data,value:t.data[c.key],onChange:f=>ie(t,c.key,c,f,(l,d)=>{l[c.key]=d})})),o("div",{className:"caf-step-nav"},r>0?o("button",{type:"button",className:"caf-btn",onClick:()=>t.setStep(r-1)},"\u2039 Back"):o("span"),i?null:o("button",{type:"button",className:"caf-btn caf-btn-primary",disabled:Ut(n,t.data),onClick:()=>t.setStep(r+1)},"Next \u203A"))))}var Fe=["panel","records","steps","chat","workspace","documents"],Wt=["title","empty","wide","onSelect","subtitle","when","collapsible","fill","state","icon"],Pe=["logo","footer"],Ue=["image","title","subtitle"],Je=["src","caption","fit","height"],We=["title","subtitle","theme","layout","blocks","records","steps","chat","data","shared","main","sidebar","libs","documents","machine","brand","mobile"],qe=["nav"],Xe=["key","initial","states","events"],Ge=["after"],Qe=["seconds","then","do"],Ze=["from","do","then"],et=["label","title","blocks","empty","types"],tt=["label","fields","title","subtitle","sort","summary","empty","search","compute","items","actions","avatar"],at=["label","fields","empty"];function W(e,t){for(let a of e||[]){if(!a||!a.key)throw new Error(`claude-artifact-framework: every field in ${t} needs a \`key\`.`);if(a.type!==void 0&&!oe.includes(a.type))throw new Error(`claude-artifact-framework: field "${a.key}" in ${t} has unknown type "${a.type}". Valid types: ${oe.join(", ")}.`);if(a.type==="select"&&a.options!==void 0&&!Array.isArray(a.options)&&typeof a.options!="function")throw new Error(`claude-artifact-framework: field "${a.key}" in ${t}: \`options\` must be an array or a function of data returning one.`)}}function st(e,t){if(!e||typeof e.system!="string"&&typeof e.system!="function")throw new Error(`claude-artifact-framework: ${t} needs \`{ system: "..." }\` (a string or a function of data).`);let a=Object.keys(e).filter(r=>!re.includes(r));if(a.length)throw new Error(`claude-artifact-framework: ${t} has unknown keys (${a.join(", ")}). Valid keys: ${re.join(", ")}.`);for(let[r,n]of Object.entries(e.tools||{}))if(!n||typeof n.description!="string"||typeof n.run!="function")throw new Error(`claude-artifact-framework: chat tool "${r}" needs a \`description\` string and a \`run(input, ctx)\` function.`)}var rt=["label","run","when","kind"];function it(e,t){if(!Array.isArray(e))throw new Error(`claude-artifact-framework: ${t} must be an array of { label, run }.`);e.forEach((a,r)=>{if(!a||typeof a.label!="string"||typeof a.run!="function")throw new Error(`claude-artifact-framework: ${t}[${r}] needs a \`label\` string and a \`run\` function.`);let n=Object.keys(a).filter(s=>!rt.includes(s));if(n.length)throw new Error(`claude-artifact-framework: ${t}[${r}] has unknown keys (${n.join(", ")}). Valid keys: ${rt.join(", ")}.`)})}function L(e){if(!Array.isArray(e))throw new Error("claude-artifact-framework: `blocks` must be an array.");e.forEach((t,a)=>{if(!t||typeof t!="object")throw new Error(`claude-artifact-framework: blocks[${a}] must be an object like { fields: [...] }.`);let r=Object.keys(t).filter(s=>!Wt.includes(s)),n=r.filter(s=>P.includes(s)||s==="tabs"||s==="records");if(n.length===0)throw new Error(`claude-artifact-framework: blocks[${a}] has no recognised block type (found: ${r.join(", ")||"nothing"}). Valid block types: ${[...P,"tabs","records"].join(", ")}.`);if(n.length>1)throw new Error(`claude-artifact-framework: blocks[${a}] declares more than one block type (${n.join(", ")}). Split them into separate entries of \`blocks\`.`);if(W(t.fields,`blocks[${a}]`),n[0]==="actions"&&it(t.actions,`blocks[${a}].actions`),n[0]==="chat"&&st(t.chat,`blocks[${a}].chat`),n[0]==="records"&&lt(t.records,`blocks[${a}].records`,!0),n[0]==="banner"&&typeof t.banner=="object"&&t.banner!==null){let s=Object.keys(t.banner).filter(i=>!Ue.includes(i));if(s.length)throw new Error(`claude-artifact-framework: blocks[${a}].banner has unknown keys (${s.join(", ")}). Valid keys: ${Ue.join(", ")}.`)}if(n[0]==="image"&&typeof t.image=="object"&&t.image!==null){let s=Object.keys(t.image).filter(i=>!Je.includes(i));if(s.length)throw new Error(`claude-artifact-framework: blocks[${a}].image has unknown keys (${s.join(", ")}). Valid keys: ${Je.join(", ")}.`)}if(t.icon!==void 0&&typeof t.icon!="string")throw new Error(`claude-artifact-framework: blocks[${a}].icon must be a string (an emoji works best).`);if(n[0]==="tabs"){let s=t.tabs;if(!Array.isArray(s)||s.length===0)throw new Error(`claude-artifact-framework: blocks[${a}].tabs needs an array of { label, blocks: [...] }.`);s.forEach((i,c)=>{if(!i||typeof i.label!="string"||!Array.isArray(i.blocks)||i.blocks.length===0)throw new Error(`claude-artifact-framework: tabs[${c}] needs a \`label\` string and a non-empty \`blocks\` array.`);if(i.blocks.some(f=>f&&f.tabs))throw new Error("claude-artifact-framework: tabs cannot nest inside tabs.");L(i.blocks)})}if(t.when!==void 0&&typeof t.when!="function")throw new Error(`claude-artifact-framework: blocks[${a}].when must be a function of data returning true/false.`);if(t.fill!==void 0&&n[0]!=="custom")throw new Error(`claude-artifact-framework: \`fill\` is only valid on custom blocks \u2014 blocks[${a}] is "${n[0]}".`)})}function qt(e){let t=Object.keys(e).filter(s=>!Xe.includes(s));if(t.length)throw new Error(`claude-artifact-framework: machine has unknown keys (${t.join(", ")}). Valid keys: ${Xe.join(", ")}.`);if(e.key!==void 0&&(typeof e.key!="string"||!e.key))throw new Error("claude-artifact-framework: machine.key must be a non-empty string (where the current state lives in data).");let a=Object.keys(e.states||{});if(!a.length)throw new Error("claude-artifact-framework: machine needs `states: { nombre: {...} }` with at least one state.");let r=(s,i)=>{if(!a.includes(s))throw new Error(`claude-artifact-framework: ${i} names unknown state "${s}". Valid states: ${a.join(", ")}.`)};if(typeof e.initial!="string")throw new Error('claude-artifact-framework: machine needs `initial: "..."` naming the starting state.');r(e.initial,"machine.initial");for(let[s,i]of Object.entries(e.states)){let c=Object.keys(i||{}).filter(f=>!Ge.includes(f));if(c.length)throw new Error(`claude-artifact-framework: machine.states.${s} has unknown keys (${c.join(", ")}). Valid keys: ${Ge.join(", ")}.`);if(i&&i.after!==void 0){let f=i.after,l=Object.keys(f||{}).filter(d=>!Qe.includes(d));if(l.length)throw new Error(`claude-artifact-framework: machine.states.${s}.after has unknown keys (${l.join(", ")}). Valid keys: ${Qe.join(", ")}.`);if(typeof f.seconds!="number"||f.seconds<=0)throw new Error(`claude-artifact-framework: machine.states.${s}.after needs \`seconds\` > 0.`);if(typeof f.then!="string")throw new Error(`claude-artifact-framework: machine.states.${s}.after needs \`then: "estado"\`.`);if(r(f.then,`machine.states.${s}.after.then`),f.do!==void 0&&typeof f.do!="function")throw new Error(`claude-artifact-framework: machine.states.${s}.after.do must be a function of data.`)}}if(!Object.keys(e.events||{}).length)throw new Error("claude-artifact-framework: machine needs `events: { nombre: {...} }` \u2014 ctx.send() is the only way to move it.");for(let[s,i]of Object.entries(e.events)){let c=Object.keys(i||{}).filter(f=>!Ze.includes(f));if(c.length)throw new Error(`claude-artifact-framework: machine.events.${s} has unknown keys (${c.join(", ")}). Valid keys: ${Ze.join(", ")}.`);if(i.from!==void 0&&i.from!=="*")for(let f of[].concat(i.from))r(f,`machine.events.${s}.from`);if(typeof i.then=="string")r(i.then,`machine.events.${s}.then`);else if(i.then!==void 0&&typeof i.then!="function")throw new Error(`claude-artifact-framework: machine.events.${s}.then must be a state name or a function of data returning one.`);if(i.do!==void 0&&typeof i.do!="function")throw new Error(`claude-artifact-framework: machine.events.${s}.do must be a function (data, payload).`)}}function ct(e){for(let t of[e.blocks,e.main]){if(!Array.isArray(t))continue;let a=t.find(r=>r&&Array.isArray(r.tabs));if(a)return a}return null}function Xt(e){let t=Object.keys(e).filter(r=>!We.includes(r));if(t.length)throw new Error(`claude-artifact-framework: unknown top-level keys (${t.join(", ")}). Valid keys: ${We.join(", ")}.`);if(e.machine!==void 0&&qt(e.machine),e.brand!==void 0){let r=Object.keys(e.brand||{}).filter(n=>!Pe.includes(n));if(r.length)throw new Error(`claude-artifact-framework: brand has unknown keys (${r.join(", ")}). Valid keys: ${Pe.join(", ")}.`);if(e.brand.logo!==void 0&&typeof e.brand.logo!="string")throw new Error("claude-artifact-framework: brand.logo must be a string \u2014 an emoji, an inline <svg>...</svg>, or an https URL. Omit it for an automatic monogram.")}if(e.libs!==void 0&&(!Array.isArray(e.libs)||e.libs.some(r=>typeof r!="string"||!/^https?:\/\//.test(r))))throw new Error("claude-artifact-framework: `libs` must be an array of https:// script URLs.");if(e.mobile!==void 0){let r=Object.keys(e.mobile||{}).filter(n=>!qe.includes(n));if(r.length)throw new Error(`claude-artifact-framework: mobile has unknown keys (${r.join(", ")}). Valid keys: ${qe.join(", ")}.`);if(e.mobile.nav!==void 0&&e.mobile.nav!=="bottom")throw new Error('claude-artifact-framework: mobile.nav only accepts "bottom" (omit `mobile` for the default top tab bar).');if(e.mobile.nav==="bottom"&&!ct(e))throw new Error('claude-artifact-framework: mobile.nav: "bottom" moves a top-level `tabs` block\'s bar to the bottom of the phone screen \u2014 this spec has no top-level tabs block (in `blocks` or `main`) to move.')}let a=e.layout||"panel";if(!Fe.includes(a))throw new Error(`claude-artifact-framework: unknown layout "${a}". Valid layouts: ${Fe.join(", ")}.`);if(a==="steps"){let r=e.steps;if(!Array.isArray(r)||r.length===0)throw new Error('claude-artifact-framework: layout "steps" needs `steps: [...]` with at least one step.');let n=["title","text","fields","result","blocks"],s=new Set;return r.forEach((i,c)=>{if(!i||typeof i!="object")throw new Error(`claude-artifact-framework: steps[${c}] must be an object.`);let f=Object.keys(i).filter(l=>!n.includes(l));if(f.length)throw new Error(`claude-artifact-framework: steps[${c}] has unknown keys (${f.join(", ")}). Valid keys: ${n.join(", ")}.`);if(!i.fields&&!i.text&&!i.result)throw new Error(`claude-artifact-framework: steps[${c}] needs \`fields\`, \`text\`, or \`result\`.`);if(i.blocks!==void 0){if(typeof i.result!="function")throw new Error(`claude-artifact-framework: steps[${c}].blocks only renders on a result step \u2014 add \`result\` or move the blocks to the step's fields.`);L(i.blocks)}W(i.fields,`steps[${c}]`);for(let l of i.fields||[]){if(s.has(l.key))throw new Error(`claude-artifact-framework: field key "${l.key}" appears in more than one step \u2014 keys share one data pool and must be unique.`);s.add(l.key)}}),a}if(a==="chat")return st(e.chat,"chat"),a;if(a==="workspace"){if(!Array.isArray(e.main)||e.main.length===0)throw new Error('claude-artifact-framework: layout "workspace" needs `main: [...]` (an array of blocks). `sidebar: [...]` is optional.');if(L(e.main),e.sidebar!==void 0){if(!Array.isArray(e.sidebar))throw new Error("claude-artifact-framework: workspace `sidebar` must be an array of blocks.");L(e.sidebar)}let r=O([...e.main,...e.sidebar||[]]);if(r.filter(s=>s&&s.chat).length>1)throw new Error("claude-artifact-framework: only one chat block per app \u2014 the conversation persists under data.chat and there is exactly one.");return fe(r),a}if(a==="documents"){let r=e.documents;if(!r||typeof r!="object"||!r.blocks&&!r.types)throw new Error('claude-artifact-framework: layout "documents" needs `documents: { blocks: [...] }` (every document repeats the same blocks) or `documents: { types: {...} }` (each document is one of several kinds).');if(r.blocks&&r.types)throw new Error("claude-artifact-framework: documents takes `blocks` (uniform documents) OR `types` (typed documents) \u2014 not both.");let n=Object.keys(r).filter(i=>!et.includes(i));if(n.length)throw new Error(`claude-artifact-framework: documents has unknown keys (${n.join(", ")}). Valid keys: ${et.join(", ")}.`);if(r.title!==void 0&&typeof r.title!="function")throw new Error("claude-artifact-framework: documents.title must be a function of the document's data returning the tab label.");let s=(i,c)=>{L(i);let f=O(i);if(f.filter(l=>l&&l.chat).length>1)throw new Error(`claude-artifact-framework: only one chat block per document (${c}) \u2014 each document's conversation persists under its own data.chat and there is exactly one.`);fe(f)};if(r.blocks){if(!Array.isArray(r.blocks)||r.blocks.length===0)throw new Error("claude-artifact-framework: documents.blocks must be a non-empty array of blocks.");s(r.blocks,"documents.blocks")}else{let i=Object.keys(r.types||{});if(!i.length)throw new Error("claude-artifact-framework: documents.types needs at least one type, e.g. `types: { nota: { blocks: [...] } }`.");for(let c of i){let f=r.types[c],l=["label","title","blocks","empty","icon"],d=Object.keys(f||{}).filter(p=>!l.includes(p));if(d.length)throw new Error(`claude-artifact-framework: documents.types.${c} has unknown keys (${d.join(", ")}). Valid keys: ${l.join(", ")}.`);if(!f||!Array.isArray(f.blocks)||f.blocks.length===0)throw new Error(`claude-artifact-framework: documents.types.${c} needs a non-empty \`blocks\` array.`);if(f.title!==void 0&&typeof f.title!="function")throw new Error(`claude-artifact-framework: documents.types.${c}.title must be a function of the document's data.`);s(f.blocks,`documents.types.${c}`)}}return a}if(a==="records"){if(lt(e.records,"records",!1),e.blocks&&(L(e.blocks),O(e.blocks).some(r=>r&&r.records)))throw new Error("claude-artifact-framework: a records BLOCK below a records LAYOUT is ambiguous \u2014 the layout already owns the collection. Use panel/workspace/documents to embed records blocks.");return a}return L(e.blocks||[]),fe(O(e.blocks||[])),a}function lt(e,t,a){if(!e||!Array.isArray(e.fields)||e.fields.length===0)throw new Error(`claude-artifact-framework: ${t} needs \`records: { fields: [...] }\` \u2014 the same field declarations the fields block uses.`);let r=a?[...tt,"key"]:tt,n=Object.keys(e).filter(i=>!r.includes(i));if(n.length)throw new Error(`claude-artifact-framework: ${t} has unknown keys (${n.join(", ")}). Valid keys: ${r.join(", ")}.`);if(a&&e.key!==void 0&&(typeof e.key!="string"||!e.key))throw new Error(`claude-artifact-framework: ${t}.key must be a non-empty string naming the collection in data.`);if(W(e.fields,t),e.fields.some(i=>i.type==="file")||e.items&&e.items.fields.some(i=>i.type==="file"))throw new Error("claude-artifact-framework: `file` fields live in the flat data pool (panel blocks or steps) \u2014 they are not supported inside records or items.");let s=new Set;for(let i of e.fields){if(i.key==="id")throw new Error('claude-artifact-framework: "id" is reserved on records \u2014 the framework assigns it.');if(s.has(i.key))throw new Error(`claude-artifact-framework: duplicate ${t} field key "${i.key}".`);s.add(i.key)}if(e.actions&&it(e.actions,`${t}.actions`),e.items){let i=Object.keys(e.items).filter(c=>!at.includes(c));if(i.length)throw new Error(`claude-artifact-framework: ${t}.items has unknown keys (${i.join(", ")}). Valid keys: ${at.join(", ")}.`);if(!Array.isArray(e.items.fields)||e.items.fields.length===0)throw new Error(`claude-artifact-framework: ${t}.items needs \`fields: [...]\` \u2014 the same field declarations as everywhere else.`);W(e.items.fields,`${t}.items`);for(let c of e.items.fields)if(c.key==="id")throw new Error('claude-artifact-framework: "id" is reserved on items \u2014 the framework assigns it.');if(s.has("items")||e.fields.some(c=>c.key==="items"))throw new Error(`claude-artifact-framework: a ${t} field cannot be named "items" when \`items\` is declared \u2014 that key holds the child collection.`)}for(let[i,c]of Object.entries(e.compute||{})){if(s.has(i)||i==="id"||e.items&&i==="items")throw new Error(`claude-artifact-framework: compute key "${i}" collides with a field key \u2014 computed values are derived, never stored.`);if(typeof c!="function"&&typeof(c&&c.value)!="function")throw new Error(`claude-artifact-framework: compute "${i}" must be a function of the record, or { label, format, value: (r) => ... }.`)}}function fe(e){let t=new Set;for(let a of e){if(!a||!a.records)continue;let r=a.records.key||"records";if(t.has(r))throw new Error(`claude-artifact-framework: two records blocks share the collection key "${r}" \u2014 give each a distinct \`key\`.`);t.add(r)}}function O(e){let t=[];for(let a of e||[])if(t.push(a),a&&Array.isArray(a.tabs))for(let r of a.tabs)t.push(...O(r.blocks));return t}function Gt(e){let t={...e.data||{}};if((e.layout||"panel")==="records"&&!Array.isArray(t.records)&&(t.records=[]),(e.layout||"panel")==="documents"&&!Array.isArray(t.docs)&&(t.docs=[]),e.machine){let n=e.machine.key||"fase";n in t||(t[n]=e.machine.initial)}let a=O([...e.blocks||[],...e.main||[],...e.sidebar||[]]);((e.layout||"panel")==="chat"||a.some(n=>n&&n.chat))&&!t.chat&&(t.chat={api:[],log:[]});for(let n of[...a,...e.steps||[]])for(let s of n.fields||[])s&&s.key!==void 0&&!(s.key in t)&&(t[s.key]=s.value!==void 0?s.value:s.type==="check"?!1:"");for(let n of a)if(n&&n.records){let s=n.records.key||"records";Array.isArray(t[s])||(t[s]=[])}return t}var de=null;function ft(e){return de||(de=class extends e.Component{constructor(t){super(t),this.state={error:null}}static getDerivedStateFromError(t){return{error:t}}render(){return this.state.error?o("div",{className:"caf-block caf-block-error"},o("strong",null,"This section failed to render"),o("code",null,String(this.state.error.message||this.state.error))):this.props.children}}),de}function Qt({spec:e,ctx:t,bottomNav:a}){let r=e.tabs,n=r.map(f=>f.label).join("|"),s=t.view.tabs?t.view.tabs[n]:void 0,i=Math.min(s===void 0?0:s,r.length-1),c=!!a&&t.viewport==="mobile";return o("div",{className:"caf-tabs"},o("div",{className:c?"caf-tabbar caf-tabbar-bottom":"caf-tabbar",role:"tablist"},r.map((f,l)=>o("button",{key:f.label,type:"button",role:"tab","aria-selected":l===i,className:l===i?"caf-tab caf-tab-active":"caf-tab",onClick:()=>t.setTab(n,l)},c&&f.icon?[o("span",{key:"i",className:"caf-tab-ico","aria-hidden":!0},f.icon),o("span",{key:"l",className:"caf-tab-lbl"},f.label)]:f.icon?`${f.icon} ${f.label}`:f.label))),o("div",{className:"caf-tabs-body"},r[i].blocks.map((f,l)=>o(V,{key:i+":"+l,block:f,ctx:t}))))}var Zt={...ce,tabs:Qt,records:Ke},ea=[...P,"tabs","records"];function V({block:e,ctx:t}){if(typeof e.when=="function"&&!e.when(t.data)||e.state!==void 0&&t.machine&&t.data[t.machine.key||"fase"]!==e.state)return null;let a=t._navTabs!==void 0&&t._navTabs===e;e.icon&&typeof e.title=="string"&&(e={...e,title:`${e.icon} ${e.title}`});let r=Object.keys(e).find(f=>ea.includes(f)),n=Zt[r],s=o(ft(t.React),null,o(n,{spec:e.collapsible?{...e,title:void 0}:e,ctx:t,bottomNav:a}));if(!e.collapsible)return s;let i=typeof e.title=="string"&&e.title?e.title:r,c=t.view.collapsed&&i in t.view.collapsed?t.view.collapsed[i]:e.collapsible==="collapsed";return o("div",{className:"caf-collapse"},o("button",{type:"button",className:"caf-collapse-head","aria-expanded":!c,onClick:()=>t.toggleCollapsed(i,!c)},o("span",null,e.title||r),o("span",{className:c?"caf-chevron caf-chevron-closed":"caf-chevron"},"\u25BE")),c?null:o("div",{className:"caf-collapse-body"},s))}function dt({spec:e,ctx:t}){return o("div",{className:"caf-panel"},(e.blocks||[]).map((a,r)=>o("section",{key:r,className:a.wide||a.collapsible||a.banner?"caf-slot caf-slot-wide":"caf-slot"},o(V,{block:a,ctx:t}))))}function ta({spec:e,ctx:t}){let a=t.view.screen==="record"&&(t.data.records||[]).some(r=>r.id===t.view.arg);return o("div",null,o(Ye,{spec:e,ctx:t}),!a&&Array.isArray(e.blocks)&&e.blocks.length?o("div",{className:"caf-panel caf-records-blocks"},e.blocks.map((r,n)=>o("section",{key:n,className:r.wide||r.collapsible||r.banner?"caf-slot caf-slot-wide":"caf-slot"},o(V,{block:r,ctx:t})))):null)}function aa({spec:e,ctx:t}){let a=r=>(r||[]).map((n,s)=>o("section",{key:s,className:"caf-ws-slot"},o(V,{block:n,ctx:t})));return o("div",{className:"caf-workspace"},o("div",{className:"caf-ws-main"},a(e.main)),e.sidebar&&e.sidebar.length?o("div",{className:"caf-ws-side"},a(e.sidebar)):null)}function ue(e){let t={};for(let a of O(e.blocks)){for(let r of a.fields||[])r&&r.key!==void 0&&!(r.key in t)&&(t[r.key]=r.value!==void 0?r.value:r.type==="check"?!1:"");if(a.records){let r=a.records.key||"records";Array.isArray(t[r])||(t[r]=[])}}return t}function ra(){return"d"+Date.now().toString(36)+Math.random().toString(36).slice(2,8)}var J="caf:doc";function na(e,t,a){if(e.title)try{let r=e.title(t);if(r!=null&&r!=="")return String(r)}catch{}for(let r of O(e.blocks))for(let n of r.fields||[])if(!n.type||n.type==="text"||n.type==="textarea"||n.type==="select"){let s=t[n.key];return s!==""&&s!==void 0&&s!==null?String(s):a||"(untitled)"}return a||"(untitled)"}function oa({spec:e,ctx:t}){let a=e.documents,r=a.label||"document",n=Array.isArray(t.data.docs)?t.data.docs:[],s=a.types||null,i=s?Object.keys(s):[],c=b=>s?s[b.type]:a,f=b=>{let E=s[b]||{};return(E.icon?E.icon+" ":"")+(E.label||b)},[l,d]=$(!1),p=t.view.tabs?t.view.tabs[J]:void 0,h=n.find(b=>b.id===p)||n[0];function k(b){let E=s?s[b]:a,N={id:ra(),...s?{type:b}:{},data:ue(E)};t.update(T=>{T.docs=[...T.docs||[],N]}),t.setTab(J,N.id),d(!1)}function g(){if(!s)return k();if(i.length===1)return k(i[0]);d(b=>!b)}function x(b){let E=n.findIndex(N=>N.id===b);if(t.update(N=>{N.docs=N.docs.filter(T=>T.id!==b)}),delete t.files["doc:"+b],h&&h.id===b){let N=n[E+1]||n[E-1];N&&t.setTab(J,N.id)}}let y=s&&l?o("div",{className:"caf-doc-typemenu"},i.map(b=>o("button",{key:b,type:"button",className:"caf-btn caf-btn-sm",onClick:()=>k(b)},f(b)))):null;if(!h)return o("div",{className:"caf-panel caf-panel-single"},o("div",{className:"caf-block caf-empty"},o("p",null,a.empty||`No ${r}s yet. Create the first one.`),s?o("div",{className:"caf-doc-typemenu"},i.map(b=>o("button",{key:b,type:"button",className:"caf-btn caf-btn-primary",onClick:()=>k(b)},`New ${f(b)}`))):o("button",{type:"button",className:"caf-btn caf-btn-primary",onClick:()=>k()},`New ${r}`)));let j=c(h);if(!j)return o("div",{className:"caf-documents"},o(nt,{docs:n,active:h,dspec:a,types:s,close:x,onAdd:g,label:r,ctx:t}),y,o("div",{className:"caf-block caf-block-error"},o("strong",null,`This ${r}'s type "${h.type}" no longer exists`),o("code",null,`valid types: ${i.join(", ")}`)));let u={...ue(j),...h.data},w={...t,data:u,update:b=>t.update(E=>{let N=(E.docs||[]).find(T=>T.id===h.id);N&&b(N.data)}),files:t.files["doc:"+h.id]=t.files["doc:"+h.id]||{}};return o("div",{className:"caf-documents"},o(nt,{docs:n,active:h,dspec:a,types:s,close:x,onAdd:g,label:r,ctx:t}),y,o(dt,{key:h.id,spec:{blocks:j.blocks},ctx:w}))}function nt({docs:e,active:t,dspec:a,types:r,close:n,onAdd:s,label:i,ctx:c}){let f=l=>{let d=r?r[l.type]:a;if(!d)return l.type;let p={...ue(d),...l.data},h=r?d.label||l.type:void 0;return na(d,p,h)};return o("div",{className:"caf-tabbar",role:"tablist"},e.map(l=>o("span",{key:l.id,className:"caf-doc-tab"},o("button",{type:"button",role:"tab","aria-selected":l.id===t.id,className:l.id===t.id?"caf-tab caf-tab-active":"caf-tab",onClick:()=>c.setTab(J,l.id)},f(l)),o("button",{type:"button",className:"caf-doc-close","aria-label":`Close ${i}`,onClick:()=>n(l.id)},"\u2715"))),o("button",{type:"button",className:"caf-tab caf-doc-add","aria-label":`New ${i}`,onClick:s},"+"))}var sa={panel:dt,records:ta,steps:He,chat:Oe,workspace:aa,documents:oa};function ut(e){return new Promise((t,a)=>{let r=document.querySelector(`script[src="${e}"]`);if(r){if(r.dataset.cafReady==="1")return t();r.addEventListener("load",t),r.addEventListener("error",()=>a(new Error(`failed to load ${e}`)));return}let n=document.createElement("script");n.src=e,n.onload=()=>{n.dataset.cafReady="1",t()},n.onerror=()=>{let s=e.match(/^(https:\/\/cdn\.jsdelivr\.net\/npm\/(?:@[^/]+\/)?[^/]+)\/.+/);s&&s[1]!==e?ut(s[1]).then(t,()=>a(new Error(`failed to load ${e} (also tried package default ${s[1]})`))):a(new Error(`failed to load ${e}`))},document.head.appendChild(n)})}function ot(e){let t=e.documents?e.documents.blocks||Object.values(e.documents.types||{}).flatMap(a=>a.blocks||[]):[];return O([...e.blocks||[],...e.main||[],...e.sidebar||[],...t])}function ia(e,t,a,r){let n=e.events[a];if(!n)throw new Error(`claude-artifact-framework: unknown machine event "${a}". Valid events: ${Object.keys(e.events).join(", ")}.`);let s=e.key||"fase";t(i=>{let c=i[s],f=n.from===void 0?"*":n.from;if(f!=="*"&&![].concat(f).includes(c))return;n.do&&n.do(i,r);let l=typeof n.then=="function"?n.then(i):n.then;if(l!=null){if(!e.states[l])throw new Error(`claude-artifact-framework: machine event "${a}" resolved to unknown state "${l}". Valid states: ${Object.keys(e.states).join(", ")}.`);i[s]=l}})}function mt(e={}){let t=Xt(e);if(e.machine){let s=Object.keys(e.machine.states);for(let i of ot(e))if(i&&i.state!==void 0&&!s.includes(i.state))throw new Error(`claude-artifact-framework: a block declares state: "${i.state}" but the machine's states are: ${s.join(", ")}.`)}else for(let s of ot(e))if(s&&s.state!==void 0)throw new Error("claude-artifact-framework: `state:` on a block needs a `machine` declared at the top level.");let a=Ee(Gt(e),{shared:!!e.shared}),r=F(e.theme&&e.theme.seed)+ca,n={};return function(){if(!D())throw new Error(`claude-artifact-framework: React not found. Hand it over once, before rendering:
 
   import React from "react";
   ArtifactKit.useReact(React);
-`);let[,i]=$(0),[c,f]=$(()=>typeof window<"u"&&window.matchMedia("(max-width: 719px)").matches);A(()=>{let m=window.matchMedia("(max-width: 719px)"),u=w=>f(w.matches);return m.addEventListener("change",u),()=>m.removeEventListener("change",u)},[]);let[l,d]=$(e.libs&&e.libs.length?"loading":"ready"),[p,h]=$(null);A(()=>{!e.libs||!e.libs.length||Promise.all(e.libs.map(lt)).then(()=>d("ready"),m=>{h(String(m&&m.message||m)),d("error")})},[]),A(()=>{let m=a.subscribe(()=>i(u=>u+1));return a.isHydrated()&&i(u=>u+1),m},[]);let k=e.machine?a.getData()[e.machine.key||"fase"]:null;A(()=>{if(!e.machine||!a.isHydrated())return;let m=e.machine.states[k];if(!m||!m.after)return;let u=setTimeout(()=>{a.update(w=>{let b=e.machine.key||"fase";w[b]===k&&(m.after.do&&m.after.do(w),w[b]=m.after.then)})},m.after.seconds*1e3);return()=>clearTimeout(u)},[k,a.isHydrated()]);let g={React:we(),data:a.getData(),view:a.getView(),update:a.update,go:a.go,back:a.back,setStep:m=>a.setView({step:m}),files:o,viewerId:a.getViewerId(),setTab:(m,u)=>a.setView({tabs:{...a.getView().tabs,[m]:u}}),toggleCollapsed:(m,u)=>a.setView({collapsed:{...a.getView().collapsed,[m]:u}}),colors:m=>Ae(e.theme&&e.theme.seed,m),viewport:c?"mobile":"desktop",_navTabs:c&&e.mobile&&e.mobile.nav==="bottom"?st(e):null,machine:e.machine||null,send:e.machine?(m,u)=>oa(e.machine,a.update,m,u):()=>{throw new Error("claude-artifact-framework: ctx.send() needs a `machine` declared at the top level.")}},x=ra[t],y=e.brand&&e.brand.logo,j=e.brand?y&&y.trim().startsWith("<svg")?r("span",{className:"caf-logo caf-logo-svg",dangerouslySetInnerHTML:{__html:y}}):y&&/^https?:\/\//.test(y)?r("img",{className:"caf-logo",src:y,alt:""}):y?r("span",{className:"caf-logo caf-logo-emoji","aria-hidden":!0},y):r("span",{className:"caf-logo caf-logo-mono","aria-hidden":!0},(e.title||"?").split(/\s+/).map(m=>m[0]).filter(Boolean).slice(0,2).join("").toUpperCase()):null;return r("div",{className:`caf-root caf-layout-${t}${g._navTabs?" caf-has-bottomnav":""}`},r("style",{dangerouslySetInnerHTML:{__html:n}}),r("header",{className:e.brand?"caf-header caf-header-brand":"caf-header"},j,r("div",{className:"caf-header-text"},e.title?r("h1",null,e.title):null,e.subtitle?r("p",null,e.subtitle):null)),l==="error"?r("div",{className:"caf-block caf-block-error"},r("strong",null,"A library failed to load"),r("code",null,p)):!a.isHydrated()||l==="loading"?r("div",{className:"caf-block caf-loading"},l==="loading"?"Loading libraries\u2026":"Loading\u2026"):r(x,{spec:e,ctx:g}),e.brand&&e.brand.footer?r("footer",{className:"caf-footer"},e.brand.footer):null)}}var sa=`
+`);let[,i]=$(0),[c,f]=$(()=>typeof window<"u"&&window.matchMedia("(max-width: 719px)").matches);A(()=>{let m=window.matchMedia("(max-width: 719px)"),u=w=>f(w.matches);return m.addEventListener("change",u),()=>m.removeEventListener("change",u)},[]);let[l,d]=$(e.libs&&e.libs.length?"loading":"ready"),[p,h]=$(null);A(()=>{!e.libs||!e.libs.length||Promise.all(e.libs.map(ut)).then(()=>d("ready"),m=>{h(String(m&&m.message||m)),d("error")})},[]),A(()=>{let m=a.subscribe(()=>i(u=>u+1));return a.isHydrated()&&i(u=>u+1),m},[]);let k=e.machine?a.getData()[e.machine.key||"fase"]:null;A(()=>{if(!e.machine||!a.isHydrated())return;let m=e.machine.states[k];if(!m||!m.after)return;let u=setTimeout(()=>{a.update(w=>{let b=e.machine.key||"fase";w[b]===k&&(m.after.do&&m.after.do(w),w[b]=m.after.then)})},m.after.seconds*1e3);return()=>clearTimeout(u)},[k,a.isHydrated()]);let g={React:we(),data:a.getData(),view:a.getView(),update:a.update,go:a.go,back:a.back,setStep:m=>a.setView({step:m}),files:n,viewerId:a.getViewerId(),setTab:(m,u)=>a.setView({tabs:{...a.getView().tabs,[m]:u}}),toggleCollapsed:(m,u)=>a.setView({collapsed:{...a.getView().collapsed,[m]:u}}),colors:m=>Ae(e.theme&&e.theme.seed,m),viewport:c?"mobile":"desktop",_navTabs:c&&e.mobile&&e.mobile.nav==="bottom"?ct(e):null,_Block:V,machine:e.machine||null,send:e.machine?(m,u)=>ia(e.machine,a.update,m,u):()=>{throw new Error("claude-artifact-framework: ctx.send() needs a `machine` declared at the top level.")}},x=sa[t],y=e.brand&&e.brand.logo,j=e.brand?y&&y.trim().startsWith("<svg")?o("span",{className:"caf-logo caf-logo-svg",dangerouslySetInnerHTML:{__html:y}}):y&&/^https?:\/\//.test(y)?o("img",{className:"caf-logo",src:y,alt:""}):y?o("span",{className:"caf-logo caf-logo-emoji","aria-hidden":!0},y):o("span",{className:"caf-logo caf-logo-mono","aria-hidden":!0},(e.title||"?").split(/\s+/).map(m=>(m.match(/[\p{L}\p{N}]/u)||[])[0]).filter(Boolean).slice(0,2).join("").toUpperCase()||"?"):null;return o("div",{className:`caf-root caf-layout-${t}${g._navTabs?" caf-has-bottomnav":""}`},o("style",{dangerouslySetInnerHTML:{__html:r}}),o("header",{className:e.brand?"caf-header caf-header-brand":"caf-header"},j,o("div",{className:"caf-header-text"},e.title?o("h1",null,e.title):null,e.subtitle?o("p",null,e.subtitle):null)),l==="error"?o("div",{className:"caf-block caf-block-error"},o("strong",null,"A library failed to load"),o("code",null,p)):!a.isHydrated()||l==="loading"?o("div",{className:"caf-block caf-loading"},l==="loading"?"Loading libraries\u2026":"Loading\u2026"):o(ft(g.React),null,o(x,{spec:e,ctx:g})),e.brand&&e.brand.footer?o("footer",{className:"caf-footer"},e.brand.footer):null)}}var ca=`
 .caf-root {
   --caf-radius: 10px;
   --caf-control-radius: 7px; /* one radius for every control: buttons, inputs, rows */
   --caf-btn-pad-y: 0.45rem;
   --caf-btn-pad-x: 0.8rem;
-  --caf-num-primary: 2.1rem; /* the one size for a block's dominant number */
+  --caf-num-primary: 2.6rem; /* the one size for a block's dominant number \u2014 the largest thing on screen, bigger than the H1 */
+  --caf-accent-tint: color-mix(in srgb, var(--caf-accent) 7%, var(--caf-surface)); /* soft accent surface for the feature card */
+  --caf-block-gap: 1.75rem; /* ONE value for air between blocks, every layout (audited: workspace used a smaller gap for the same visual role) */
   box-sizing: border-box;
   min-height: 100vh;
   padding: 2rem 1.25rem 4rem;
@@ -51,7 +53,9 @@ Continue with this information. If you have everything you need, answer in natur
 .caf-header h1 { margin: 0; font-size: 1.5rem; font-weight: 650; letter-spacing: -0.01em; text-wrap: balance; }
 .caf-header p { margin: 0.4rem 0 0; color: var(--caf-muted); font-size: 0.95rem; line-height: 1.5; }
 /* Between-card air must beat within-card padding (1.1rem), or groups dissolve. */
-.caf-panel { max-width: 760px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 1.75rem 1rem; }
+/* align-items: start \u2014 a short card must not stretch to its tall neighbor's
+   height; the stretched version reads as dead air (audited). */
+.caf-panel { max-width: 760px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: var(--caf-block-gap) 1rem; align-items: start; }
 .caf-slot { grid-column: span 2; min-width: 0; }
 @media (min-width: 720px) { .caf-slot { grid-column: span 1; } .caf-slot-wide { grid-column: span 2; } }
 .caf-block {
@@ -145,8 +149,11 @@ Continue with this information. If you have everything you need, answer in natur
 .caf-timer-done { color: var(--caf-accent); }
 .caf-timer-fill { transition: width 0.9s linear; }
 .caf-timer-controls { display: flex; gap: 0.6rem; }
-.caf-btn:disabled { opacity: 0.45; cursor: not-allowed; }
+/* Disabled goes NEUTRAL, not pale-accent: a washed-out primary reads as
+   broken (audited on the chat Send with an empty input). */
+.caf-btn:disabled { cursor: not-allowed; background: var(--caf-sunken); color: var(--caf-muted); border-color: var(--caf-border); opacity: 1; }
 .caf-steps-progress { display: flex; flex-direction: column; gap: 0.35rem; margin-bottom: 0.2rem; }
+.caf-steps-result { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
 .caf-steps-fill { transition: width 0.25s ease; }
 .caf-step-text { margin: 0; color: var(--caf-muted); font-size: 0.92rem; line-height: 1.55; }
 .caf-step-nav { display: flex; justify-content: space-between; gap: 0.6rem; margin-top: 0.4rem; }
@@ -176,7 +183,9 @@ Continue with this information. If you have everything you need, answer in natur
 .caf-row-wrap { display: flex; align-items: center; gap: 0.4rem; }
 .caf-row-wrap .caf-row { flex: 1; min-width: 0; }
 .caf-row-actions { display: flex; gap: 0.35rem; flex: none; padding-right: 0.3rem; }
-.caf-btn-sm { font-size: 0.78rem; padding: calc(var(--caf-btn-pad-y) * 0.67) calc(var(--caf-btn-pad-x) * 0.75); }
+/* min-width keeps row actions' left edges aligned across rows even when
+   labels differ ("Hecho" vs "Desmarcar" \u2014 audited misalignment). */
+.caf-btn-sm { font-size: 0.78rem; padding: calc(var(--caf-btn-pad-y) * 0.67) calc(var(--caf-btn-pad-x) * 0.75); min-width: 76px; text-align: center; }
 .caf-items { display: flex; flex-direction: column; gap: 0.5rem; border-top: 1px solid var(--caf-border); padding-top: 0.7rem; }
 .caf-item-row { display: flex; align-items: flex-end; gap: 0.5rem; }
 .caf-item-row .caf-field { flex: 1; min-width: 0; }
@@ -190,8 +199,8 @@ Continue with this information. If you have everything you need, answer in natur
 .caf-md-li { display: block; padding-left: 1rem; position: relative; }
 .caf-md-li::before { content: "\u2022"; position: absolute; left: 0.2rem; opacity: 0.6; }
 .caf-workspace { max-width: 1200px; margin: 0 auto; display: flex; gap: 1rem; align-items: flex-start; }
-.caf-ws-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1rem; }
-.caf-ws-side { width: 340px; flex: none; display: flex; flex-direction: column; gap: 1rem; position: sticky; top: 1rem; }
+.caf-ws-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--caf-block-gap); }
+.caf-ws-side { width: 340px; flex: none; display: flex; flex-direction: column; gap: var(--caf-block-gap); position: sticky; top: 1rem; }
 .caf-ws-slot { min-width: 0; }
 .caf-chat-panel { display: flex; flex-direction: column; min-height: 0; }
 .caf-ws-side .caf-chat-log { max-height: calc(100vh - 220px); }
@@ -276,6 +285,11 @@ Continue with this information. If you have everything you need, answer in natur
 /* Never-clip guarantee: content inside a custom block that is wider than the
    phone (column grids, week views) must scroll, not disappear off-screen. */
 .caf-custom { overflow-x: auto; }
+/* The one differentiated surface per screen: accent top rule + tinted bg on
+   the block holding the hero number. Everything-is-the-same-card was the
+   audited root cause of the "generic template" look. (Late in the sheet on
+   purpose \u2014 it must win over .caf-block's border/background.) */
+.caf-block-feature { border-top: 3px solid var(--caf-accent); background: var(--caf-accent-tint); }
 /* mobile.nav: "bottom" \u2014 the app-shell tab bar pinned to the thumb zone.
    Tabs share the width evenly so every section stays visible; the root
    reserves space so the bar never covers the end of the content. */
@@ -302,5 +316,5 @@ Continue with this information. If you have everything you need, answer in natur
   .caf-btn, .caf-tab, .caf-field input, .caf-field select { min-height: 44px; }
   .caf-btn-sm, .caf-doc-close, .caf-item-remove { min-height: 40px; }
 }
-`;return ht(ia);})();
+`;return wt(la);})();
 //# sourceMappingURL=index.global.js.map