claude-artifact-framework 0.16.0 → 0.18.0

package/dist/index.global.js

@@ -1,14 +1,14 @@
-var ArtifactKit=(()=>{var W=Object.defineProperty;var lt=Object.getOwnPropertyDescriptor;var ft=Object.getOwnPropertyNames;var dt=Object.prototype.hasOwnProperty;var ut=(e,t)=>{for(var a in t)W(e,a,{get:t[a],enumerable:!0})},mt=(e,t,a,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of ft(t))!dt.call(e,o)&&o!==a&&W(e,o,{get:()=>t[o],enumerable:!(n=lt(t,o))||n.enumerable});return e};var pt=e=>mt(W({},"__esModule",{value:!0}),e);var oa={};ut(oa,{contrast:()=>ee,createApp:()=>ct,createPersistedStore:()=>be,createSharedStore:()=>ge,createStore:()=>he,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 he(e){return X(e)}function be(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,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of bt(t))!ht.call(e,r)&&r!==a&&q(e,r,{get:()=>t[r],enumerable:!(n=pt(t,r))||n.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:()=>H,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 r=n?a:JSON.stringify(a);if(typeof r!="string")throw new Error("window.storage only accepts strings \u2014 the value must be JSON-serializable");return window.storage.set(t,r,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 r(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:r,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),r=pe(i=>S.set(e,i),a),s=S.get(e,t).then(i=>n.set(i));return n.subscribe(r),{...n,ready:s}}function ge(e,t,{pollMs:a=2e3,debounceMs:n=300}={}){let r=X(t),s=pe(d=>S.shared.set(e,d),n),i=!1;r.subscribe(d=>{i||s(d)});async function c(){let d=await S.shared.get(e,t);JSON.stringify(d)!==JSON.stringify(r.get())&&(i=!0,r.set(d),i=!1)}let f=c(),l=setInterval(c,a);return{...r,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),fa=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,b=!1;function w(){b||(b=!0,Promise.resolve().then(()=>{b=!1;for(let u of p)u()}))}let k=$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),w())}catch{}},n);let g=(async()=>{let[u,y,h]=await Promise.all([o.get(G,void 0),S.get(xe,void 0),S.get(ve,void 0)]);typeof h=="string"&&h?f=h:(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)),y!==void 0&&(i={...Ne,...y}),c=!0,w()})();function j(u){let y=u(s);y!==void 0&&(s=y),s={...s},l++,k(),w()}function m(u){i={...i,...u},x(),w()}return{ready:g,isHydrated:()=>c,getViewerId:()=>f,getData:()=>s,getView:()=>i,update:j,setView:m,go(u,y){m({stack:[...i.stack,{screen:i.screen,arg:i.arg}],screen:u,arg:y})},back(){let u=i.stack.slice(),y=u.pop()||{screen:null,arg:null};m({stack:u,screen:y.screen,arg:y.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 _(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 ht(e){return"#"+e.map(t=>_(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 bt(e,t,a){if(e=(e%360+360)%360/360,t=_(t,0,100)/100,a=_(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 ht(bt(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 R(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=_(a,30,88),o=_(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:R(t,n,"#ffffff",4.5,54,-2),accentText:"#ffffff",danger:R(2,68,"#ffffff",4.5,54,-2),ok:R(148,62,"#ffffff",4.5,44,-2),warn:R(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:R(t,_(n,40,80),i,4.5,62,2),accentText:v(t,o*2,8),danger:R(2,70,i,4.5,62,2),ok:R(148,55,i,4.5,62,2),warn:R(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=_(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"],gt="claude-sonnet-4-6",yt=8;async function wt({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 b=l.split(`
-`);l=b.pop();for(let w of b)if(w.startsWith("data: "))try{let k=JSON.parse(w.slice(6));k.type==="content_block_delta"&&k.delta&&k.delta.text&&(f+=k.delta.text,o&&o(f))}catch{}}return f}function kt(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 Ce(e){return e.replace(/```tool_call\s*\n?[\s\S]*?```/,"").trim()}function vt(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 n of Object.keys(t))a[n]=K(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 r=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(r.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 r.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([r.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 F(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 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 n=Math.max(e,t,a),r=Math.min(e,t,a),s=(n+r)/2,i=n-r,c=0,f=0;return i&&(f=s>.5?i/(2-n-r):i/(n+r),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 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 n=a<.5?a*(1+t):a+t-a*t,r=2*a-n,s=i=>(i<0&&(i+=1),i>1&&(i-=1),i<1/6?r+(n-r)*6*i:i<1/2?n:i<2/3?r+(n-r)*(2/3-i)*6:r);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(F(e)),n=Se(F(t));return(Math.max(a,n)+.05)/(Math.min(a,n)+.05)}function _(e,t,a,n,r,s){for(let i=r;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(F(e)),n=R(a,30,88),r=R(n*.1,3,9),s=v(t,r*.4,100),i=v(t,r*1.4,13);return{light:{bg:v(t,r,96.5),surface:s,sunken:v(t,r,93),border:v(t,r,86),text:v(t,r*1.6,11),muted:v(t,r*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,r*1.5,9),surface:i,sunken:v(t,r*1.5,7),border:v(t,r*1.3,24),text:v(t,r*.6,95),muted:v(t,r*.8,66),accent:_(t,R(n,40,80),i,4.5,62,2),accentText:v(t,r*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 H(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,n]=je(F(e||"#3b6ef6")),r=R(n,45,70);return Array.from({length:t},(s,i)=>v((a+i*137.5)%360,r,52))}var ne=["system","greeting","placeholder","tools","model","maxTokens"],xt="claude-sonnet-4-6",Nt=8;async function $t({model:e,maxTokens:t,system:a,messages:n,onText:r}){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,r&&r(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}
@@ -21,15 +21,15 @@ 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 xt(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 Te=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=Te(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">'+Te(t[Number(o)])+"</pre>"),a}function Nt({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:[]},b=p.log||[];A(()=>{d.current&&d.current.scrollIntoView({block:"end"})},[b.length,f]);async function w(){let k=o.trim();if(!k||i)return;s(""),c(!0);let x=[...p.api||[],{role:"user",content:k}],g=[...b,{role:"user",content:k}],j=()=>t.update(m=>{m.chat={api:x,log:g}});j();try{let m=(typeof n.system=="function"?n.system(t.data):n.system||"")+(n.tools?vt(n.tools):"");for(let u=0;u<yt;u++){let y=await wt({model:n.model||gt,maxTokens:n.maxTokens||2e3,system:m,messages:x,onText:C=>l(Ce(C))});x=[...x,{role:"assistant",content:y}];let h=Ce(y),E=n.tools?kt(y):null;if(!E){g=[...g,{role:"assistant",content:h||y}],j();break}let N=xt(E,n.tools,t);h&&(g=[...g,{role:"assistant",content:h}]),g=[...g,{role:"tools",tools:E.map(C=>C.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(n=>{let r=t[n.name];if(!r)return{name:n.name,error:`unknown tool "${n.name}". Valid tools: ${Object.keys(t).join(", ")}`};try{let s=r.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,r)=>(t.push(r.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,r)=>'<pre class="caf-code">'+Ce(t[Number(r)])+"</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 re({cfg:e,ctx:t,title:a}){let n=e,[r,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=r.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?St(n.tools):"");for(let u=0;u<Nt;u++){let w=await $t({model:n.model||xt,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?Et(w):null;if(!E){y=[...y,{role:"assistant",content:b||w}],j();break}let N=jt(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]
 ${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){g=[...g,{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,b.map((k,x)=>r(Nt,{key:x,m:k})),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:k=>s(k.target.value),onKeyDown:k=>{k.key==="Enter"&&(k.preventDefault(),w())},"aria-label":"Message"}),r("button",{type:"button",className:"caf-btn caf-btn-primary",disabled:i||!o.trim(),onClick:w},"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 T(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?$t(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,b=typeof d=="string"?d:d.label;return r("option",{key:p,value:p},b)}))}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 $t(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 Et({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 St({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"},T(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 jt({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 At({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 Ct({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 Tt({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 Re=["bar","line","donut"];function Ot({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(!Re.includes(o))throw new Error(`unknown chart type "${o}". Valid types: ${Re.join(", ")}.`);let s=t.colors(n.length),i=o==="bar"?Rt(n,a,s):o==="line"?_t(n,a):Lt(n,a,s);return r("div",{className:"caf-block caf-chart"},e.title?r("h2",{className:"caf-block-title"},e.title):null,i)}function Rt(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"},T(o.value,t.format)))))}function _t(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"},T(a[a.length-1],t.format)),r("span",{className:"caf-hint"},String(e[e.length-1].label??""))))}function Lt(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"},T(c.value,t.format))))))}function Mt({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(b=>Math.max(0,b-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 zt({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 Bt({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:Et,output:St,text:Ct,list:Tt,chart:Ot,timer:Mt,actions:zt,banner:jt,image:At,chat:({spec:e,ctx:t})=>r(re,{cfg:e.chat,ctx:t,title:e.title}),custom:Bt},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 It({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 _e(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"},T(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(It,{title:_e(e,l),ctx:t}):null,r("span",{className:"caf-row-main"},r("span",{className:"caf-row-title"},_e(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 b=p.records.find(w=>w.id===l.id);b&&d.run(b,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(Vt,{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"},T(c[s],i.format)))})):null)}function Vt({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(b=>b.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 Dt(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(Dt(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 Kt(e,t){return(e.fields||[]).some(a=>se(a,t[a.key])!==null)}function Yt({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"},T(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(Yt,{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:Kt(o,t.data),onClick:()=>t.setStep(n+1)},"Next \u203A"))))}var Ye=["panel","records","steps","chat","workspace","documents"],Ft=["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"],Je=["key","initial","states","events"],qe=["after"],We=["seconds","then","do"],Xe=["from","do","then"],Ge=["label","title","blocks","empty","types"],Qe=["label","fields","title","subtitle","sort","summary","empty","search","compute","items","actions","avatar"],Ze=["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 nt(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 et=["label","run","when","kind"];function rt(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=>!et.includes(s));if(o.length)throw new Error(`claude-artifact-framework: ${t}[${n}] has unknown keys (${o.join(", ")}). Valid keys: ${et.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=>!Ft.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"&&rt(t.actions,`blocks[${a}].actions`),o[0]==="chat"&&nt(t.chat,`blocks[${a}].chat`),o[0]==="records"&&ot(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 Ht(e){let t=Object.keys(e).filter(s=>!Je.includes(s));if(t.length)throw new Error(`claude-artifact-framework: machine has unknown keys (${t.join(", ")}). Valid keys: ${Je.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=>!qe.includes(f));if(c.length)throw new Error(`claude-artifact-framework: machine.states.${s} has unknown keys (${c.join(", ")}). Valid keys: ${qe.join(", ")}.`);if(i&&i.after!==void 0){let f=i.after,l=Object.keys(f||{}).filter(d=>!We.includes(d));if(l.length)throw new Error(`claude-artifact-framework: machine.states.${s}.after has unknown keys (${l.join(", ")}). Valid keys: ${We.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=>!Xe.includes(f));if(c.length)throw new Error(`claude-artifact-framework: machine.events.${s} has unknown keys (${c.join(", ")}). Valid keys: ${Xe.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 Pt(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&&Ht(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.");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 nt(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=>!Ge.includes(i));if(o.length)throw new Error(`claude-artifact-framework: documents has unknown keys (${o.join(", ")}). Valid keys: ${Ge.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(ot(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 ot(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?[...Qe,"key"]:Qe,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&&rt(e.actions,`${t}.actions`),e.items){let i=Object.keys(e.items).filter(c=>!Ze.includes(c));if(i.length)throw new Error(`claude-artifact-framework: ${t}.items has unknown keys (${i.join(", ")}). Valid keys: ${Ze.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 Ut(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 Jt(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 qt({spec:e,ctx:t}){let a=e.tabs,n=a.map(i=>i.label).join("|"),o=t.view.tabs?t.view.tabs[n]:void 0,s=Math.min(o===void 0?0:o,a.length-1);return r("div",{className:"caf-tabs"},r("div",{className:"caf-tabbar",role:"tablist"},a.map((i,c)=>r("button",{key:i.label,type:"button",role:"tab","aria-selected":c===s,className:c===s?"caf-tab caf-tab-active":"caf-tab",onClick:()=>t.setTab(n,c)},i.icon?`${i.icon} ${i.label}`:i.label))),r("div",{className:"caf-tabs-body"},a[s].blocks.map((i,c)=>r(q,{key:s+":"+c,block:i,ctx:t}))))}var Wt={...ce,tabs:qt,records:Ve},Xt=[...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;e.icon&&typeof e.title=="string"&&(e={...e,title:`${e.icon} ${e.title}`});let a=Object.keys(e).find(c=>Xt.includes(c)),n=Wt[a],o=r(Jt(t.React),null,r(n,{spec:e.collapsible?{...e,title:void 0}:e,ctx:t}));if(!e.collapsible)return o;let s=typeof e.title=="string"&&e.title?e.title:a,i=t.view.collapsed&&s in t.view.collapsed?t.view.collapsed[s]:e.collapsible==="collapsed";return r("div",{className:"caf-collapse"},r("button",{type:"button",className:"caf-collapse-head","aria-expanded":!i,onClick:()=>t.toggleCollapsed(s,!i)},r("span",null,e.title||a),r("span",{className:i?"caf-chevron caf-chevron-closed":"caf-chevron"},"\u25BE")),i?null:r("div",{className:"caf-collapse-body"},o))}function st({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 Gt({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 Qt({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 Zt(){return"d"+Date.now().toString(36)+Math.random().toString(36).slice(2,8)}var U="caf:doc";function ea(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 ta({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=h=>s?s[h.type]:a,f=h=>{let E=s[h]||{};return(E.icon?E.icon+" ":"")+(E.label||h)},[l,d]=$(!1),p=t.view.tabs?t.view.tabs[U]:void 0,b=o.find(h=>h.id===p)||o[0];function w(h){let E=s?s[h]:a,N={id:Zt(),...s?{type:h}:{},data:ue(E)};t.update(C=>{C.docs=[...C.docs||[],N]}),t.setTab(U,N.id),d(!1)}function k(){if(!s)return w();if(i.length===1)return w(i[0]);d(h=>!h)}function x(h){let E=o.findIndex(N=>N.id===h);if(t.update(N=>{N.docs=N.docs.filter(C=>C.id!==h)}),delete t.files["doc:"+h],b&&b.id===h){let N=o[E+1]||o[E-1];N&&t.setTab(U,N.id)}}let g=s&&l?r("div",{className:"caf-doc-typemenu"},i.map(h=>r("button",{key:h,type:"button",className:"caf-btn caf-btn-sm",onClick:()=>w(h)},f(h)))):null;if(!b)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(h=>r("button",{key:h,type:"button",className:"caf-btn caf-btn-primary",onClick:()=>w(h)},`New ${f(h)}`))):r("button",{type:"button",className:"caf-btn caf-btn-primary",onClick:()=>w()},`New ${n}`)));let j=c(b);if(!j)return r("div",{className:"caf-documents"},r(tt,{docs:o,active:b,dspec:a,types:s,close:x,onAdd:k,label:n,ctx:t}),g,r("div",{className:"caf-block caf-block-error"},r("strong",null,`This ${n}'s type "${b.type}" no longer exists`),r("code",null,`valid types: ${i.join(", ")}`)));let u={...ue(j),...b.data},y={...t,data:u,update:h=>t.update(E=>{let N=(E.docs||[]).find(C=>C.id===b.id);N&&h(N.data)}),files:t.files["doc:"+b.id]=t.files["doc:"+b.id]||{}};return r("div",{className:"caf-documents"},r(tt,{docs:o,active:b,dspec:a,types:s,close:x,onAdd:k,label:n,ctx:t}),g,r(st,{spec:{blocks:j.blocks},ctx:y}))}function tt({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},b=n?d.label||l.type:void 0;return ea(d,p,b)};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 aa={panel:st,records:Gt,steps:Ke,chat:Oe,workspace:Qt,documents:ta};function it(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?it(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 at(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 na(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 ct(e={}){let t=Pt(e);if(e.machine){let s=Object.keys(e.machine.states);for(let i of at(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 at(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(Ut(e),{shared:!!e.shared}),n=F(e.theme&&e.theme.seed)+ra,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,n.greeting?o("div",{className:"caf-msg caf-msg-assistant",dangerouslySetInnerHTML:{__html:ae(n.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:r,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"}),o("button",{type:"button",className:"caf-btn caf-btn-primary",disabled:i||!r.trim(),onClick:k},"Send")))}function Oe({spec:e,ctx:t}){return o("div",{className:"caf-panel caf-panel-single"},o(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 B({field:e,value:t,onChange:a,data:n}){let r=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":r?"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(n)||[]: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&&!r?o("small",{className:"caf-hint"},e.hint):null,r?o("small",{className:"caf-error"},r):null)}function Tt(e){if(e==="")return"";let t=Number(e);return Number.isFinite(t)?t:e}function ie(e,t,a,n,r){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=>r(i,s));return}e.update(s=>r(s,n))}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(n=>o(B,{key:n.key,field:n,data:t.data,value:t.data[n.key],onChange:r=>ie(t,n.key,n,r,(s,i)=>{s[n.key]=i})})))}function Ot({spec:e,ctx:t}){let a=typeof e.output=="function"?e.output(t.data):e.output||[];return a.length?o("div",{className:"caf-block caf-output"},e.title?o("h2",{className:"caf-block-title"},e.title):null,o("div",{className:"caf-output-grid"},a.map((n,r)=>o("div",{key:n.label||r,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)))):o("div",{className:"caf-block caf-empty"},e.empty||"Nothing to show yet.")}function _t({spec:e,ctx:t}){let a=typeof e.banner=="string"?{title:e.banner}:e.banner||{},[n,r]=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}, ${r})`;return o("div",{className:"caf-banner",style:{background:s}},a.title?o("h2",{className:"caf-banner-title"},a.title):null,a.subtitle?o("p",{className:"caf-banner-sub"},a.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)||[],n=typeof e.title=="string"?e.title:null,r=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"},n?o("h2",{className:"caf-block-title"},n):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"},r(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,n=a&&a.items||[];if(!n.length)return o("div",{className:"caf-block caf-empty"},e.empty||"No data to chart yet.");let r=a.type||"bar";if(!_e.includes(r))throw new Error(`unknown chart type "${r}". Valid types: ${_e.join(", ")}.`);let s=t.colors(n.length),i=r==="bar"?Bt(n,a,s):r==="line"?It(n,a):Vt(n,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 n=Math.max(...e.map(r=>Number(r.value)||0),0)||1;return o("div",{className:"caf-bars"},e.map((r,s)=>o("div",{key:r.label??s,className:"caf-bar-row"},o("span",{className:"caf-bar-label"},r.label),o("div",{className:"caf-bar-track"},o("div",{className:"caf-bar-fill",style:{width:`${Math.max(2,(Number(r.value)||0)/n*100)}%`,background:a[s]}})),o("span",{className:"caf-bar-value"},C(r.value,t.format)))))}function It(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 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 n=e.reduce((c,f)=>c+(Number(f.value)||0),0)||1,r=15.9155,s=25,i=e.map((c,f)=>{let l=(Number(c.value)||0)/n*100,d=o("circle",{key:c.label??f,cx:21,cy:21,r,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||{},n=Math.max(1,Math.round((a.minutes||0)*60+(a.seconds||0))||300),[r,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(()=>{r===0&&i&&(c(!1),typeof a.onDone=="function"&&t.update(p=>a.onDone(p)))},[r,i]);let f=String(Math.floor(r/60)).padStart(2,"0"),l=String(r%60).padStart(2,"0"),d=r===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:`${r/n*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(n)}},"Reset")))}function Kt({spec:e,ctx:t}){let n=(e.actions||[]).filter(r=>!r.when||r.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"},n.map(r=>o("button",{key:r.label,type:"button",className:r.kind==="danger"?"caf-btn caf-btn-danger":r.kind==="primary"?"caf-btn caf-btn-primary":"caf-btn",onClick:()=>t.update(s=>r.run(s,t.viewerId))},r.label))))}function Yt({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"?o("div",{className:n,dangerouslySetInnerHTML:{__html:a}}):o("div",{className:n},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(re,{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[n,r]of ze(e))try{a[n]=r.value(t)}catch{a[n]=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,n){let r=Re.get(e);if(r===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]):[];r=/viewer|voter|usuario|user/i.test(f[1]||""),Re.set(e,r)}return r?e(t,n):e(t,a,n)}function Ft({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 r=t.colors(8);return o("span",{className:"caf-avatar",style:{background:r[n%r.length]}},a)}function Me(e,t){if(e.title)return e.title(t);let a=e.fields.find(r=>!r.type||r.type==="text"||r.type==="textarea"||r.type==="select"),n=a&&t[a.key];return n===""||n===void 0||n===null?"(untitled)":String(n)}function Ie({spec:e,records:t}){if(!e.summary)return null;let a=e.summary(t)||[];return a.length?o("div",{className:"caf-block caf-output"},o("div",{className:"caf-output-grid"},a.map((n,r)=>o("div",{key:n.label||r,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)))))):null}function Ve({spec:e,ctx:t}){let a=e.label||"item",[n,r]=$("");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=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(),...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:n,placeholder:`Search ${a}s\u2026`,"aria-label":"Search",onChange:l=>r(l.target.value)}):null,e.search&&c&&s.length===0&&i>0?o("div",{className:"caf-empty"},`Nothing matches "${n}".`):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(Ft,{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 n=e.label||"item";function r(){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:r},`Delete ${n}`)),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(Ht,{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 Ht({spec:e,ctx:t,record:a}){let n=e.items,r=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 o("div",{className:"caf-items"},o("div",{className:"caf-toolbar"},o("span",{className:"caf-count"},`${i.length} ${r}${i.length===1?"":"s"}`),o("button",{type:"button",className:"caf-btn caf-btn-sm",onClick:()=>s(c=>c.items.push({id:le(),...Be(n.fields)}))},`Add ${r}`)),i.length===0?o("div",{className:"caf-empty caf-empty-sm"},n.empty||`No ${r}s yet.`):i.map(c=>o("div",{key:c.id,className:"caf-item-row"},n.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 ${r}`,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,n,r)=>n==="records"?a[t]:Reflect.get(a,n,r),set:(a,n,r)=>Reflect.set(a,n==="records"?t:n,r),has:(a,n)=>n==="records"?t in a:n in a})}function Ke({spec:e,ctx:t}){let a=e.records,n=a.key||"records",r=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:r},update:l=>t.update(d=>l(Pt(d,n))),go:(l,d)=>t.setTab(s,d),back:()=>t.setTab(s,void 0)},f=i?r.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:r.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 n=t.data.records.find(r=>r.id===t.view.arg);if(n)return o("div",{className:"caf-panel caf-panel-single"},o(De,{spec:a,ctx:t,record:n}))}return o("div",{className:"caf-panel caf-panel-single"},o(Ie,{spec:a,records:t.data.records.map(n=>U(a,n))}),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)||[],n=t._Block;return o("div",{className:"caf-steps-result"},o("div",{className:"caf-block caf-output"},e.title?o("h2",{className:"caf-block-title"},e.title):null,o("div",{className:"caf-output-grid"},a.map((r,s)=>o("div",{key:r.label??s,className:r.big?"caf-stat caf-stat-big":"caf-stat"},o("span",{className:"caf-stat-label"},r.label),o("span",{className:"caf-stat-value"},C(r.value,r.format)),r.hint?o("small",{className:"caf-hint"},r.hint):null)))),(e.blocks||[]).map((r,s)=>o(n,{key:"rb"+s,block:r,ctx:t})),o("div",{className:"caf-step-nav"},o("button",{type:"button",className:"caf-btn",onClick:()=>t.setStep(0)},"Start over")))}function Fe({spec:e,ctx:t}){let a=e.steps,n=Math.min(Math.max(t.view.step||0,0),a.length-1),r=a[n],s=typeof r.result=="function",i=n===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 ${n+1} of ${a.length}`),o("div",{className:"caf-bar-track"},o("div",{className:"caf-bar-fill caf-steps-fill",style:{width:`${(n+1)/a.length*100}%`}}))),s?o(Jt,{step:r,ctx:t}):o("div",{className:"caf-block caf-fields"},r.title?o("h2",{className:"caf-block-title"},r.title):null,r.text?o("p",{className:"caf-step-text"},typeof r.text=="function"?r.text(t.data):r.text):null,(r.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"},n>0?o("button",{type:"button",className:"caf-btn",onClick:()=>t.setStep(n-1)},"\u2039 Back"):o("span"),i?null:o("button",{type:"button",className:"caf-btn caf-btn-primary",disabled:Ut(r,t.data),onClick:()=>t.setStep(n+1)},"Next \u203A"))))}var He=["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(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,r]of Object.entries(e.tools||{}))if(!r||typeof r.description!="string"||typeof r.run!="function")throw new Error(`claude-artifact-framework: chat tool "${n}" needs a \`description\` string and a \`run(input, ctx)\` function.`)}var nt=["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,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 r=Object.keys(a).filter(s=>!nt.includes(s));if(r.length)throw new Error(`claude-artifact-framework: ${t}[${n}] has unknown keys (${r.join(", ")}). Valid keys: ${nt.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 n=Object.keys(t).filter(s=>!Wt.includes(s)),r=n.filter(s=>P.includes(s)||s==="tabs"||s==="records");if(r.length===0)throw new Error(`claude-artifact-framework: blocks[${a}] has no recognised block type (found: ${n.join(", ")||"nothing"}). Valid block types: ${[...P,"tabs","records"].join(", ")}.`);if(r.length>1)throw new Error(`claude-artifact-framework: blocks[${a}] declares more than one block type (${r.join(", ")}). Split them into separate entries of \`blocks\`.`);if(W(t.fields,`blocks[${a}]`),r[0]==="actions"&&it(t.actions,`blocks[${a}].actions`),r[0]==="chat"&&st(t.chat,`blocks[${a}].chat`),r[0]==="records"&&lt(t.records,`blocks[${a}].records`,!0),r[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(r[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(r[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&&r[0]!=="custom")throw new Error(`claude-artifact-framework: \`fill\` is only valid on custom blocks \u2014 blocks[${a}] is "${r[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 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=>!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(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=>!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))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 ct(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 Xt(e){let t=Object.keys(e).filter(n=>!We.includes(n));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 n=Object.keys(e.brand||{}).filter(r=>!Pe.includes(r));if(n.length)throw new Error(`claude-artifact-framework: brand has unknown keys (${n.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(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(r=>!qe.includes(r));if(n.length)throw new Error(`claude-artifact-framework: mobile has unknown keys (${n.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(!He.includes(a))throw new Error(`claude-artifact-framework: unknown layout "${a}". Valid layouts: ${He.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 r=["title","text","fields","result","blocks"],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=>!r.includes(l));if(f.length)throw new Error(`claude-artifact-framework: steps[${c}] has unknown keys (${f.join(", ")}). Valid keys: ${r.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 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 r=Object.keys(n).filter(i=>!et.includes(i));if(r.length)throw new Error(`claude-artifact-framework: documents has unknown keys (${r.join(", ")}). Valid keys: ${et.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)=>{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(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(lt(e.records,"records",!1),e.blocks&&(L(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 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 n=a?[...tt,"key"]:tt,r=Object.keys(e).filter(i=>!n.includes(i));if(r.length)throw new Error(`claude-artifact-framework: ${t} has unknown keys (${r.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(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 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 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 r=e.machine.key||"fase";r in t||(t[r]=e.machine.initial)}let a=O([...e.blocks||[],...e.main||[],...e.sidebar||[]]);((e.layout||"panel")==="chat"||a.some(r=>r&&r.chat))&&!t.chat&&(t.chat={api:[],log:[]});for(let r of[...a,...e.steps||[]])for(let s of r.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 r of a)if(r&&r.records){let s=r.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 n=e.tabs,r=n.map(f=>f.label).join("|"),s=t.view.tabs?t.view.tabs[r]:void 0,i=Math.min(s===void 0?0:s,n.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"},n.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(r,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"},n[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 n=Object.keys(e).find(f=>ea.includes(f)),r=Zt[n],s=o(ft(t.React),null,o(r,{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 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||n),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,n)=>o("section",{key:n,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(n=>n.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((n,r)=>o("section",{key:r,className:n.wide||n.collapsible||n.banner?"caf-slot caf-slot-wide":"caf-slot"},o(V,{block:n,ctx:t})))):null)}function aa({spec:e,ctx:t}){let a=n=>(n||[]).map((r,s)=>o("section",{key:s,className:"caf-ws-slot"},o(V,{block:r,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 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 na(){return"d"+Date.now().toString(36)+Math.random().toString(36).slice(2,8)}var J="caf:doc";function ra(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 r of n.fields||[])if(!r.type||r.type==="text"||r.type==="textarea"||r.type==="select"){let s=t[r.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,n=a.label||"document",r=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=r.find(b=>b.id===p)||r[0];function k(b){let E=s?s[b]:a,N={id:na(),...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=r.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=r[E+1]||r[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 ${n}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 ${n}`)));let j=c(h);if(!j)return o("div",{className:"caf-documents"},o(rt,{docs:r,active:h,dspec:a,types:s,close:x,onAdd:g,label:n,ctx:t}),y,o("div",{className:"caf-block caf-block-error"},o("strong",null,`This ${n}'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(rt,{docs:r,active:h,dspec:a,types:s,close:x,onAdd:g,label:n,ctx:t}),y,o(dt,{key:h.id,spec:{blocks:j.blocks},ctx:w}))}function rt({docs:e,active:t,dspec:a,types:n,close:r,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 ra(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:()=>r(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:Fe,chat:Oe,workspace:aa,documents:oa};function ut(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 r=document.createElement("script");r.src=e,r.onload=()=>{r.dataset.cafReady="1",t()},r.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(r)})}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,n){let r=e.events[a];if(!r)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=r.from===void 0?"*":r.from;if(f!=="*"&&![].concat(f).includes(c))return;r.do&&r.do(i,n);let l=typeof r.then=="function"?r.then(i):r.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}),n=H(e.theme&&e.theme.seed)+ca,r={};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=y=>f(y.matches);return m.addEventListener("change",u),()=>m.removeEventListener("change",u)},[]);let[l,d]=$(e.libs&&e.libs.length?"loading":"ready"),[p,b]=$(null);A(()=>{!e.libs||!e.libs.length||Promise.all(e.libs.map(it)).then(()=>d("ready"),m=>{b(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 w=e.machine?a.getData()[e.machine.key||"fase"]:null;A(()=>{if(!e.machine||!a.isHydrated())return;let m=e.machine.states[w];if(!m||!m.after)return;let u=setTimeout(()=>{a.update(y=>{let h=e.machine.key||"fase";y[h]===w&&(m.after.do&&m.after.do(y),y[h]=m.after.then)})},m.after.seconds*1e3);return()=>clearTimeout(u)},[w,a.isHydrated()]);let k={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",machine:e.machine||null,send:e.machine?(m,u)=>na(e.machine,a.update,m,u):()=>{throw new Error("claude-artifact-framework: ctx.send() needs a `machine` declared at the top level.")}},x=aa[t],g=e.brand&&e.brand.logo,j=e.brand?g&&g.trim().startsWith("<svg")?r("span",{className:"caf-logo caf-logo-svg",dangerouslySetInnerHTML:{__html:g}}):g&&/^https?:\/\//.test(g)?r("img",{className:"caf-logo",src:g,alt:""}):g?r("span",{className:"caf-logo caf-logo-emoji","aria-hidden":!0},g):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}`},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:k}),e.brand&&e.brand.footer?r("footer",{className:"caf-footer"},e.brand.footer):null)}}var ra=`
+`);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:r,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[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:n}}),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 */
@@ -147,6 +147,7 @@ Continue with this information. If you have everything you need, answer in natur
 .caf-timer-controls { display: flex; gap: 0.6rem; }
 .caf-btn:disabled { opacity: 0.45; cursor: not-allowed; }
 .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; }
@@ -276,10 +277,31 @@ 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; }
+/* 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. */
+.caf-has-bottomnav { padding-bottom: 76px; }
+.caf-tabbar-bottom {
+  position: fixed; bottom: 0; left: 0; right: 0; z-index: 40;
+  gap: 0; margin: 0; overflow-x: visible;
+  background: var(--caf-surface); border-top: 1px solid var(--caf-border); border-bottom: none;
+  padding: 0.25rem 0.4rem calc(0.3rem + env(safe-area-inset-bottom, 0px));
+  box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.07);
+}
+.caf-tabbar-bottom .caf-tab {
+  flex: 1 1 0; min-width: 0; min-height: 48px;
+  display: flex; flex-direction: column; align-items: center; justify-content: center;
+  gap: 0.15rem; padding: 0.25rem 0.2rem; margin-bottom: 0;
+  font-size: 0.66rem; border-bottom: none;
+  overflow: hidden; text-overflow: ellipsis;
+}
+.caf-tabbar-bottom .caf-tab-ico { font-size: 1.25rem; line-height: 1; }
+.caf-tabbar-bottom .caf-tab-lbl { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.caf-tabbar-bottom .caf-tab-active, .caf-tabbar-bottom .caf-tab-active:hover { border-bottom-color: transparent; }
 /* Touch devices get tappable framework controls regardless of the spec. */
 @media (pointer: coarse) {
   .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 pt(oa);})();
+`;return wt(la);})();
 //# sourceMappingURL=index.global.js.map