claude-artifact-framework 0.14.1 → 0.16.0

package/dist/index.global.js

@@ -1,18 +1,18 @@
-var ArtifactKit=(()=>{var W=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var ct=Object.prototype.hasOwnProperty;var it=(e,t)=>{for(var a in t)W(e,a,{get:t[a],enumerable:!0})},lt=(e,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of st(t))!ct.call(e,n)&&n!==a&&W(e,n,{get:()=>t[n],enumerable:!(r=ot(t,n))||r.enumerable});return e};var ft=e=>lt(W({},"__esModule",{value:!0}),e);var Zt={};it(Zt,{contrast:()=>ee,createApp:()=>nt,createPersistedStore:()=>be,createSharedStore:()=>ye,createStore:()=>he,hasReact:()=>V,palette:()=>te,storage:()=>N,themeCss:()=>F,useReact:()=>ge});function D(){return typeof window<"u"&&typeof window.storage=="object"&&window.storage!==null}function me(e){return{async get(t,a=void 0){if(!D())return a;try{let r=await window.storage.get(t,e);if(r?.value===void 0||r?.value===null)return a;try{return JSON.parse(r.value)}catch{return r.value}}catch{return a}},async set(t,a,{raw:r=!1}={}){if(!D())throw new Error("window.storage is not available (is this a Code Artifact rather than a published Chat Artifact?)");let n=r?a:JSON.stringify(a);if(typeof n!="string")throw new Error("window.storage only accepts strings \u2014 the value must be JSON-serializable");return window.storage.set(t,n,e)},async delete(t){if(D())try{await window.storage.delete(t,e)}catch{}},async list(t){if(!D())return[];try{return(await window.storage.list(t,e))?.keys||[]}catch{return[]}}}}var N={...me(!1),shared:me(!0),available:D};function X(e){let t=e,a=new Set;function r(){return t}function n(c){t=typeof c=="function"?c(t):c,a.forEach(i=>i(t))}function s(c){return a.add(c),()=>a.delete(c)}return{get:r,set:n,subscribe:s}}function pe(e,t){let a;return(...r)=>{clearTimeout(a),a=setTimeout(()=>e(...r),t)}}function he(e){return X(e)}function be(e,t,{debounceMs:a=300}={}){let r=X(t),n=pe(c=>N.set(e,c),a),s=N.get(e,t).then(c=>r.set(c));return r.subscribe(n),{...r,ready:s}}function ye(e,t,{pollMs:a=2e3,debounceMs:r=300}={}){let n=X(t),s=pe(d=>N.shared.set(e,d),r),c=!1;n.subscribe(d=>{c||s(d)});async function i(){let d=await N.shared.get(e,t);JSON.stringify(d)!==JSON.stringify(n.get())&&(c=!0,n.set(d),c=!1)}let f=i(),l=setInterval(i,a);return{...n,ready:f,stop:()=>clearInterval(l)}}var L=typeof globalThis<"u"?globalThis.React:void 0;function ge(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 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:
 
   import React from "react";
   ArtifactKit.useReact(React);
-`);return L}var o=(...e)=>M().createElement(...e),$=(...e)=>M().useState(...e),A=(...e)=>M().useEffect(...e);var ke=(...e)=>M().useRef(...e),na=L&&L.Component||class{render(){return M()}};var Q="caf:data",ve="caf:viewer",xe="caf:view",Ne={screen:null,arg:null,stack:[],step:0,selected:null,tabs:{},collapsed:{}};function I(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)}function G(e,t){if(!I(e)||!I(t))return t===void 0?e:t;let a={...e};for(let r of Object.keys(t))a[r]=I(e[r])?G(e[r],t[r]):t[r];return a}function $e(e,t){let a;return(...r)=>{clearTimeout(a),a=setTimeout(()=>e(...r),t)}}function Ee(e,{debounceMs:t=400,shared:a=!1,pollMs:r=2500}={}){let n=a?N.shared:N,s=Z(e),c={...Ne},i=!1,f=null,l=0,d=0,m=new Set,p=!1;function g(){p||(p=!0,Promise.resolve().then(()=>{p=!1;for(let b of m)b()}))}let u=$e(()=>{let b=l;Promise.resolve(n.set(Q,s)).then(()=>{d=Math.max(d,b)}).catch(()=>{})},t),y=$e(()=>N.set(xe,c),t);a&&setInterval(async()=>{if(!(!i||l>d))try{let b=await n.get(Q,void 0);b!==void 0&&JSON.stringify(b)!==JSON.stringify(s)&&(s=G(e,b),g())}catch{}},r);let w=(async()=>{let[b,k,h]=await Promise.all([n.get(Q,void 0),N.get(xe,void 0),N.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),N.set(ve,f).catch?.(()=>{})),b!==void 0&&(s=G(e,b)),k!==void 0&&(c={...Ne,...k}),i=!0,g()})();function E(b){let k=b(s);k!==void 0&&(s=k),s={...s},l++,u(),g()}function S(b){c={...c,...b},y(),g()}return{ready:w,isHydrated:()=>i,getViewerId:()=>f,getData:()=>s,getView:()=>c,update:E,setView:S,go(b,k){S({stack:[...c.stack,{screen:c.screen,arg:c.arg}],screen:b,arg:k})},back(){let b=c.stack.slice(),k=b.pop()||{screen:null,arg:null};S({stack:b,screen:k.screen,arg:k.arg})},subscribe(b){return m.add(b),()=>m.delete(b)}}}function Z(e){if(Array.isArray(e))return e.map(Z);if(I(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(r=>r+r).join(""));let a=parseInt(t,16);return Number.isFinite(a)?[a>>16&255,a>>8&255,a&255]:[59,110,246]}function dt(e){return"#"+e.map(t=>_(Math.round(t),0,255).toString(16).padStart(2,"0")).join("")}function Ae([e,t,a]){e/=255,t/=255,a/=255;let r=Math.max(e,t,a),n=Math.min(e,t,a),s=(r+n)/2,c=r-n,i=0,f=0;return c&&(f=s>.5?c/(2-r-n):c/(r+n),r===e?i=(t-a)/c+(t<a?6:0):r===t?i=(a-e)/c+2:i=(e-t)/c+4,i/=6),[i*360,f*100,s*100]}function ut(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 r=a<.5?a*(1+t):a+t-a*t,n=2*a-r,s=c=>(c<0&&(c+=1),c>1&&(c-=1),c<1/6?n+(r-n)*6*c:c<1/2?r:c<2/3?n+(r-n)*(2/3-c)*6:n);return[s(e+1/3)*255,s(e)*255,s(e-1/3)*255]}function v(e,t,a){return dt(ut(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)),r=Se(Y(t));return(Math.max(a,r)+.05)/(Math.min(a,r)+.05)}function R(e,t,a,r,n,s){for(let c=n;c>=4&&c<=96;c+=s){let i=v(e,t,c);if(ee(i,a)>=r)return i}return v(e,t,s<0?24:82)}function te(e="#3b6ef6"){let[t,a]=Ae(Y(e)),r=_(a,30,88),n=_(r*.1,3,9),s=v(t,n*.4,100),c=v(t,n*1.4,13);return{light:{bg:v(t,n,96.5),surface:s,sunken:v(t,n,93),border:v(t,n,86),text:v(t,n*1.6,11),muted:v(t,n*1.2,41),accent:R(t,r,"#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,n*1.5,9),surface:c,sunken:v(t,n*1.5,7),border:v(t,n*1.3,24),text:v(t,n*.6,95),muted:v(t,n*.8,66),accent:R(t,_(r,40,80),c,4.5,62,2),accentText:v(t,n*2,8),danger:R(2,70,c,4.5,62,2),ok:R(148,55,c,4.5,62,2),warn:R(38,80,c,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`
+`);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 je(e,t){let[a,r]=Ae(Y(e||"#3b6ef6")),n=_(r,45,70);return Array.from({length:t},(s,c)=>v((a+c*137.5)%360,n,52))}var re=["system","greeting","placeholder","tools","model","maxTokens"],mt="claude-sonnet-4-6",pt=8;async function ht({model:e,maxTokens:t,system:a,messages:r,onText:n}){let s=await fetch("https://api.anthropic.com/v1/messages",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:e,max_tokens:t,system:a,messages:r,stream:!0})});if(!s.ok||!s.body){let d="";try{let m=await s.json();d=m&&m.error&&m.error.message||JSON.stringify(m)}catch{d=await s.text().catch(()=>"")}throw new Error(`HTTP ${s.status}${d?": "+d:""}`)}let c=s.body.getReader(),i=new TextDecoder,f="",l="";for(;;){let{done:d,value:m}=await c.read();if(d)break;l+=i.decode(m,{stream:!0});let p=l.split(`
-`);l=p.pop();for(let g of p)if(g.startsWith("data: "))try{let u=JSON.parse(g.slice(6));u.type==="content_block_delta"&&u.delta&&u.delta.text&&(f+=u.delta.text,n&&n(f))}catch{}}return f}function bt(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 yt(e){return`
+`}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`
 
 You have tools available:
-${Object.entries(e).map(([a,r])=>`- ${a}: ${r.description}
-  Input: ${JSON.stringify(r.input||{})}`).join(`
+${Object.entries(e).map(([a,n])=>`- ${a}: ${n.description}
+  Input: ${JSON.stringify(n.input||{})}`).join(`
 `)}
 
 This environment does not support native function calling. To use a tool, reply ONLY with a \`\`\`tool_call code block containing a JSON array, with no other text in that turn. Example:
@@ -21,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 gt(e,t,a){return e.map(r=>{let n=t[r.name];if(!n)return{name:r.name,error:`unknown tool "${r.name}". Valid tools: ${Object.keys(t).join(", ")}`};try{let s=n.run(r.input||{},a);return{name:r.name,result:s===void 0?{ok:!0}:s}}catch(s){return{name:r.name,error:String(s&&s.message||s)}}})}var 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,(r,n)=>(t.push(n.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,(r,n)=>'<pre class="caf-code">'+Te(t[Number(n)])+"</pre>"),a}function wt({m:e}){return e.role==="tools"?o("div",{className:"caf-msg-tools"},`used: ${e.tools.join(", ")}`):e.role==="error"?o("div",{className:"caf-msg caf-msg-error"},o("strong",null,"The call failed"),o("span",null,e.content),o("span",{className:"caf-hint"},"Your message is kept \u2014 send again to retry.")):e.role==="user"?o("div",{className:"caf-msg caf-msg-user"},e.content):o("div",{className:"caf-msg caf-msg-assistant",dangerouslySetInnerHTML:{__html:ae(e.content)}})}function ne({cfg:e,ctx:t,title:a}){let r=e,[n,s]=$(""),[c,i]=$(!1),[f,l]=$(null),d=ke(null),m=t.data.chat||{api:[],log:[]},p=m.log||[];A(()=>{d.current&&d.current.scrollIntoView({block:"end"})},[p.length,f]);async function g(){let u=n.trim();if(!u||c)return;s(""),i(!0);let y=[...m.api||[],{role:"user",content:u}],w=[...p,{role:"user",content:u}],E=()=>t.update(S=>{S.chat={api:y,log:w}});E();try{let S=(typeof r.system=="function"?r.system(t.data):r.system||"")+(r.tools?yt(r.tools):"");for(let b=0;b<pt;b++){let k=await ht({model:r.model||mt,maxTokens:r.maxTokens||2e3,system:S,messages:y,onText:C=>l(Ce(C))});y=[...y,{role:"assistant",content:k}];let h=Ce(k),j=r.tools?bt(k):null;if(!j){w=[...w,{role:"assistant",content:h||k}],E();break}let x=gt(j,r.tools,t);h&&(w=[...w,{role:"assistant",content:h}]),w=[...w,{role:"tools",tools:j.map(C=>C.name)}],y=[...y,{role:"user",content:`[TOOL_RESULT]
-${JSON.stringify(x)}
+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]
+${JSON.stringify(N)}
 [/TOOL_RESULT]
 
-Continue with this information. If you have everything you need, answer in natural language without further tool_call.`}],E(),l(null)}}catch(S){w=[...w,{role:"error",content:String(S&&S.message||S)}],E()}finally{l(null),i(!1)}}return o("div",{className:"caf-chat-panel"},o("div",{className:"caf-block caf-chat-log"},a?o("h2",{className:"caf-block-title"},a):null,r.greeting?o("div",{className:"caf-msg caf-msg-assistant",dangerouslySetInnerHTML:{__html:ae(r.greeting)}}):null,p.map((u,y)=>o(wt,{key:y,m:u})),f!==null?o("div",{className:"caf-msg caf-msg-assistant caf-msg-live",dangerouslySetInnerHTML:{__html:ae(f||"\u2026")}}):null,c&&f===null?o("div",{className:"caf-msg-tools"},"thinking\u2026"):null,o("div",{ref:d})),o("div",{className:"caf-chat-input"},o("input",{value:n,placeholder:r.placeholder||"Message\u2026",disabled:c,enterKeyHint:"send",onChange:u=>s(u.target.value),onKeyDown:u=>{u.key==="Enter"&&(u.preventDefault(),g())},"aria-label":"Message"}),o("button",{type:"button",className:"caf-btn caf-btn-primary",disabled:c||!n.trim(),onClick:g},"Send")))}function Oe({spec:e,ctx:t}){return o("div",{className:"caf-panel caf-panel-single"},o(ne,{cfg:e.chat,ctx:t}))}var oe=["text","textarea","number","money","percent","check","date","select","file"];function 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:r}){let n=se(e,t),s=`caf-f-${e.key}`,c=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 i={id:s,value:t??"","aria-invalid":n?"true":void 0,onChange:l=>a(c?kt(l.target.value):l.target.value)},f;if(e.type==="textarea")f=o("textarea",{...i,rows:e.rows||3});else if(e.type==="select"){let l=typeof e.options=="function"?e.options(r)||[]:e.options||[];f=o("select",i,o("option",{value:""},e.placeholder||"Select\u2026"),l.map(d=>{let m=typeof d=="string"?d:d.value,p=typeof d=="string"?d:d.label;return o("option",{key:m,value:m},p)}))}else f=o("input",{...i,type:e.type==="date"?"date":c?"number":"text",min:e.min,max:e.max,step:e.step||(e.type==="money"||e.type==="percent"?"any":void 0),placeholder:e.placeholder});return o("div",{className:"caf-field"},o("label",{htmlFor:s},e.label||e.key),f,e.hint&&!n?o("small",{className:"caf-hint"},e.hint):null,n?o("small",{className:"caf-error"},n):null)}function kt(e){if(e==="")return"";let t=Number(e);return Number.isFinite(t)?t:e}function ce(e,t,a,r,n){if(a.type==="file"){e.files[t]=r||null;let s=r?{name:r.name,size:r.size,type:r.type}:null;e.update(c=>n(c,s));return}e.update(s=>n(s,r))}function vt({spec:e,ctx:t}){let a=e.fields||[];return o("div",{className:"caf-block caf-fields"},e.title?o("h2",{className:"caf-block-title"},e.title):null,a.map(r=>o(z,{key:r.key,field:r,data:t.data,value:t.data[r.key],onChange:n=>ce(t,r.key,r,n,(s,c)=>{s[r.key]=c})})))}function xt({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((r,n)=>o("div",{key:r.label||n,className:r.big?"caf-stat caf-stat-big":"caf-stat"},o("span",{className:"caf-stat-label"},r.label),o("span",{className:"caf-stat-value"},T(r.value,r.format)),r.hint?o("small",{className:"caf-hint"},r.hint):null)))):o("div",{className:"caf-block caf-empty"},e.empty||"Nothing to show yet.")}function Nt({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 $t({spec:e,ctx:t}){let a=(typeof e.list=="function"?e.list(t.data):e.list)||[],r=typeof e.title=="string"?e.title:null,n=typeof e.title=="function"?e.title:s=>s.title??s.name??s.label??s.text??String(s);return a.length?o("div",{className:"caf-block caf-list"},r?o("h2",{className:"caf-block-title"},r):null,a.map((s,c)=>o("button",{key:s.id??c,className:"caf-row",type:"button",onClick:e.onSelect?()=>e.onSelect(s,t):void 0},o("span",{className:"caf-row-title"},n(s)),e.subtitle?o("span",{className:"caf-row-sub"},e.subtitle(s)):null))):o("div",{className:"caf-block caf-empty"},e.empty||"Nothing here yet.")}var Re=["bar","line","donut"];function Et({spec:e,ctx:t}){let a=typeof e.chart=="function"?e.chart(t.data):e.chart,r=a&&a.items||[];if(!r.length)return o("div",{className:"caf-block caf-empty"},e.empty||"No data to chart yet.");let n=a.type||"bar";if(!Re.includes(n))throw new Error(`unknown chart type "${n}". Valid types: ${Re.join(", ")}.`);let s=t.colors(r.length),c=n==="bar"?St(r,a,s):n==="line"?At(r,a):jt(r,a,s);return o("div",{className:"caf-block caf-chart"},e.title?o("h2",{className:"caf-block-title"},e.title):null,c)}function St(e,t,a){let r=Math.max(...e.map(n=>Number(n.value)||0),0)||1;return o("div",{className:"caf-bars"},e.map((n,s)=>o("div",{key:n.label??s,className:"caf-bar-row"},o("span",{className:"caf-bar-label"},n.label),o("div",{className:"caf-bar-track"},o("div",{className:"caf-bar-fill",style:{width:`${Math.max(2,(Number(n.value)||0)/r*100)}%`,background:a[s]}})),o("span",{className:"caf-bar-value"},T(n.value,t.format)))))}function At(e,t){let a=e.map(d=>Number(d.value)||0),r=Math.min(...a),s=Math.max(...a)-r||1,c=100,i=36,f=a.map((d,m)=>[a.length===1?c/2:m/(a.length-1)*c,i-3-(d-r)/s*(i-6)]),l=f[f.length-1];return o("div",{className:"caf-line"},o("svg",{viewBox:`0 0 ${c} ${i}`,className:"caf-line-svg",preserveAspectRatio:"none","aria-hidden":"true"},[.25,.5,.75].map(d=>o("line",{key:d,x1:0,x2:c,y1:i*d,y2:i*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"},T(a[a.length-1],t.format)),o("span",{className:"caf-hint"},String(e[e.length-1].label??""))))}function jt(e,t,a){let r=e.reduce((i,f)=>i+(Number(f.value)||0),0)||1,n=15.9155,s=25,c=e.map((i,f)=>{let l=(Number(i.value)||0)/r*100,d=o("circle",{key:i.label??f,cx:21,cy:21,r:n,className:"caf-donut-seg",stroke:a[f],strokeDasharray:`${l} ${100-l}`,strokeDashoffset:s});return s-=l,d});return o("div",{className:"caf-donut"},o("svg",{viewBox:"0 0 42 42",className:"caf-donut-svg","aria-hidden":"true"},c),o("div",{className:"caf-donut-legend"},e.map((i,f)=>o("div",{key:i.label??f,className:"caf-legend-row"},o("span",{className:"caf-legend-swatch",style:{background:a[f]}}),o("span",{className:"caf-legend-label"},i.label),o("span",{className:"caf-legend-value"},T(i.value,t.format))))))}function Ct({spec:e,ctx:t}){let a=e.timer||{},r=Math.max(1,Math.round((a.minutes||0)*60+(a.seconds||0))||300),[n,s]=$(r),[c,i]=$(!1);A(()=>{if(!c)return;let m=setInterval(()=>s(p=>Math.max(0,p-1)),1e3);return()=>clearInterval(m)},[c]),A(()=>{n===0&&c&&(i(!1),typeof a.onDone=="function"&&t.update(m=>a.onDone(m)))},[n,c]);let f=String(Math.floor(n/60)).padStart(2,"0"),l=String(n%60).padStart(2,"0"),d=n===0;return o("div",{className:"caf-block caf-timer"},e.title?o("h2",{className:"caf-block-title"},e.title):null,a.label?o("span",{className:"caf-hint"},a.label):null,o("div",{className:d?"caf-timer-time caf-timer-done":"caf-timer-time"},d?a.doneText||"Done!":`${f}:${l}`),o("div",{className:"caf-bar-track"},o("div",{className:"caf-bar-fill caf-timer-fill",style:{width:`${n/r*100}%`}})),o("div",{className:"caf-timer-controls"},o("button",{type:"button",className:"caf-btn caf-btn-primary",disabled:d,onClick:()=>i(m=>!m)},c?"Pause":"Start"),o("button",{type:"button",className:"caf-btn",onClick:()=>{i(!1),s(r)}},"Reset")))}function Tt({spec:e,ctx:t}){let r=(e.actions||[]).filter(n=>!n.when||n.when(t.data,t.viewerId));return o("div",{className:"caf-block caf-actions"},e.title?o("h2",{className:"caf-block-title"},e.title):null,o("div",{className:"caf-actions-row"},r.map(n=>o("button",{key:n.label,type:"button",className:n.kind==="danger"?"caf-btn caf-btn-danger":n.kind==="primary"?"caf-btn caf-btn-primary":"caf-btn",onClick:()=>t.update(s=>n.run(s,t.viewerId))},n.label))))}function Ot({spec:e,ctx:t}){let a=e.custom(t),r=e.fill?"caf-block caf-block-fill":"caf-block";return typeof a=="string"?o("div",{className:r,dangerouslySetInnerHTML:{__html:a}}):o("div",{className:r},a)}var ie={fields:vt,output:xt,text:Nt,list:$t,chart:Et,timer:Ct,actions:Tt,chat:({spec:e,ctx:t})=>o(ne,{cfg:e.chat,ctx:t,title:e.title}),custom:Ot},H=Object.keys(ie);function _e(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[r,n]of _e(e))try{a[r]=n.value(t)}catch{a[r]=void 0}return a}function Le(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 Rt(e,t){if(e.title)return e.title(t);let a=e.fields.find(n=>!n.type||n.type==="text"||n.type==="textarea"||n.type==="select"),r=a&&t[a.key];return r===""||r===void 0||r===null?"(untitled)":String(r)}function Me({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((r,n)=>o("div",{key:r.label||n,className:r.big?"caf-stat caf-stat-big":"caf-stat"},o("span",{className:"caf-stat-label"},r.label),o("span",{className:"caf-stat-value"},T(r.value,r.format)))))):null}function ze({spec:e,ctx:t}){let a=e.label||"item",[r,n]=$("");A(()=>{(t.data.records||[]).some(l=>l&&!l.id)&&t.update(l=>{for(let d of l.records||[])d&&!d.id&&(d.id=le())})});let s=t.data.records.map(l=>P(e,l));e.sort&&(s=s.slice().sort(e.sort));let c=s.length,i=r.trim().toLowerCase();e.search&&i&&(s=s.filter(l=>e.fields.some(d=>String(l[d.key]??"").toLowerCase().includes(i))));function f(){let l={id:le(),...Le(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&&i?`${s.length} of ${c}`:`${c} ${a}${c===1?"":"s"}`),o("button",{type:"button",className:"caf-btn caf-btn-primary",onClick:f},`Add ${a}`)),e.search?o("input",{className:"caf-search",value:r,placeholder:`Search ${a}s\u2026`,"aria-label":"Search",onChange:l=>n(l.target.value)}):null,e.search&&i&&s.length===0&&c>0?o("div",{className:"caf-empty"},`Nothing matches "${r}".`):null,s.length===0?o("div",{className:"caf-empty"},e.empty||`No ${a}s yet. Add the first one.`):s.map(l=>o("div",{key:l.id,className:"caf-row-wrap"},o("button",{type:"button",className:"caf-row",onClick:()=>t.go("record",l.id)},o("span",{className:"caf-row-title"},Rt(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||d.when(l,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(m=>{let p=m.records.find(g=>g.id===l.id);p&&d.run(p,m,t.viewerId)})},d.label))):null)))}function Be({spec:e,ctx:t,record:a}){let r=e.label||"item";function n(){t.update(s=>{s.records=s.records.filter(c=>c.id!==a.id)}),t.back()}return o("div",{className:"caf-block caf-fields"},o("div",{className:"caf-toolbar"},o("button",{type:"button",className:"caf-btn",onClick:t.back},"\u2039 Back"),o("button",{type:"button",className:"caf-btn caf-btn-danger",onClick:n},`Delete ${r}`)),e.fields.map(s=>o(z,{key:s.key,field:s,data:t.data,value:a[s.key],onChange:c=>t.update(i=>{let f=i.records.find(l=>l.id===a.id);f&&(f[s.key]=c)})})),e.items?o(_t,{spec:e,ctx:t,record:a}):null,e.compute?o("div",{className:"caf-output-grid caf-computed"},_e(e).map(([s,c])=>{let i=P(e,a);return o("div",{key:s,className:"caf-stat"},o("span",{className:"caf-stat-label"},c.label||s),o("span",{className:"caf-stat-value"},T(i[s],c.format)))})):null)}function _t({spec:e,ctx:t,record:a}){let r=e.items,n=r.label||"item";function s(i){t.update(f=>{let l=f.records.find(d=>d.id===a.id);l&&(Array.isArray(l.items)||(l.items=[]),i(l))})}let c=Array.isArray(a.items)?a.items:[];return o("div",{className:"caf-items"},o("div",{className:"caf-toolbar"},o("span",{className:"caf-count"},`${c.length} ${n}${c.length===1?"":"s"}`),o("button",{type:"button",className:"caf-btn caf-btn-sm",onClick:()=>s(i=>i.items.push({id:le(),...Le(r.fields)}))},`Add ${n}`)),c.length===0?o("div",{className:"caf-empty caf-empty-sm"},r.empty||`No ${n}s yet.`):c.map(i=>o("div",{key:i.id,className:"caf-item-row"},r.fields.map(f=>o(z,{key:f.key,field:f,data:t.data,value:i[f.key],onChange:l=>s(d=>{let m=d.items.find(p=>p.id===i.id);m&&(m[f.key]=l)})})),o("button",{type:"button",className:"caf-btn caf-btn-danger caf-btn-sm caf-item-remove","aria-label":`Remove ${n}`,onClick:()=>s(f=>{f.items=f.items.filter(l=>l.id!==i.id)})},"\u2715"))))}function Lt(e,t){return t==="records"?e:new Proxy(e,{get:(a,r,n)=>r==="records"?a[t]:Reflect.get(a,r,n),set:(a,r,n)=>Reflect.set(a,r==="records"?t:r,n),has:(a,r)=>r==="records"?t in a:r in a})}function De({spec:e,ctx:t}){let a=e.records,r=a.key||"records",n=Array.isArray(t.data[r])?t.data[r]:[],s="caf:rec:"+r,c=t.view.tabs?t.view.tabs[s]:void 0,i={...t,data:{...t.data,records:n},update:l=>t.update(d=>l(Lt(d,r))),go:(l,d)=>t.setTab(s,d),back:()=>t.setTab(s,void 0)},f=c?n.find(l=>l.id===c):null;return o("div",{className:"caf-records-block"},e.title?o("h2",{className:"caf-block-title"},e.title):null,f?o(Be,{key:"d",spec:a,ctx:i,record:f}):[o(Me,{key:"s",spec:a,records:n.map(l=>P(a,l))}),o(ze,{key:"l",spec:a,ctx:i})])}function Ve({spec:e,ctx:t}){let a=e.records;if(t.view.screen==="record"){let r=t.data.records.find(n=>n.id===t.view.arg);if(r)return o("div",{className:"caf-panel caf-panel-single"},o(Be,{spec:a,ctx:t,record:r}))}return o("div",{className:"caf-panel caf-panel-single"},o(Me,{spec:a,records:t.data.records.map(r=>P(a,r))}),o(ze,{spec:a,ctx:t}))}function Mt(e,t){return(e.fields||[]).some(a=>se(a,t[a.key])!==null)}function zt({step:e,ctx:t}){let a=e.result(t.data)||[];return 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,n)=>o("div",{key:r.label??n,className:r.big?"caf-stat caf-stat-big":"caf-stat"},o("span",{className:"caf-stat-label"},r.label),o("span",{className:"caf-stat-value"},T(r.value,r.format)),r.hint?o("small",{className:"caf-hint"},r.hint):null))),o("div",{className:"caf-step-nav"},o("button",{type:"button",className:"caf-btn",onClick:()=>t.setStep(0)},"Start over")))}function Ie({spec:e,ctx:t}){let a=e.steps,r=Math.min(Math.max(t.view.step||0,0),a.length-1),n=a[r],s=typeof n.result=="function",c=r===a.length-1;return o("div",{className:"caf-panel caf-panel-single"},o("div",{className:"caf-steps-progress"},o("span",{className:"caf-hint"},s?"Result":`Step ${r+1} of ${a.length}`),o("div",{className:"caf-bar-track"},o("div",{className:"caf-bar-fill caf-steps-fill",style:{width:`${(r+1)/a.length*100}%`}}))),s?o(zt,{step:n,ctx:t}):o("div",{className:"caf-block caf-fields"},n.title?o("h2",{className:"caf-block-title"},n.title):null,n.text?o("p",{className:"caf-step-text"},typeof n.text=="function"?n.text(t.data):n.text):null,(n.fields||[]).map(i=>o(z,{key:i.key,field:i,data:t.data,value:t.data[i.key],onChange:f=>ce(t,i.key,i,f,(l,d)=>{l[i.key]=d})})),o("div",{className:"caf-step-nav"},r>0?o("button",{type:"button",className:"caf-btn",onClick:()=>t.setStep(r-1)},"\u2039 Back"):o("span"),c?null:o("button",{type:"button",className:"caf-btn caf-btn-primary",disabled:Mt(n,t.data),onClick:()=>t.setStep(r+1)},"Next \u203A"))))}var Ke=["panel","records","steps","chat","workspace","documents"],Bt=["title","empty","wide","onSelect","subtitle","when","collapsible","fill","state"],Ye=["title","subtitle","theme","layout","blocks","records","steps","chat","data","shared","main","sidebar","libs","documents","machine"],Fe=["key","initial","states","events"],He=["after"],Pe=["seconds","then","do"],Je=["from","do","then"],Ue=["label","title","blocks","empty","types"],qe=["label","fields","title","subtitle","sort","summary","empty","search","compute","items","actions"],We=["label","fields","empty"];function U(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 Ze(e,t){if(!e||typeof e.system!="string"&&typeof e.system!="function")throw new Error(`claude-artifact-framework: ${t} needs \`{ system: "..." }\` (a string or a function of data).`);let a=Object.keys(e).filter(r=>!re.includes(r));if(a.length)throw new Error(`claude-artifact-framework: ${t} has unknown keys (${a.join(", ")}). Valid keys: ${re.join(", ")}.`);for(let[r,n]of Object.entries(e.tools||{}))if(!n||typeof n.description!="string"||typeof n.run!="function")throw new Error(`claude-artifact-framework: chat tool "${r}" needs a \`description\` string and a \`run(input, ctx)\` function.`)}var Xe=["label","run","when","kind"];function et(e,t){if(!Array.isArray(e))throw new Error(`claude-artifact-framework: ${t} must be an array of { label, run }.`);e.forEach((a,r)=>{if(!a||typeof a.label!="string"||typeof a.run!="function")throw new Error(`claude-artifact-framework: ${t}[${r}] needs a \`label\` string and a \`run\` function.`);let n=Object.keys(a).filter(s=>!Xe.includes(s));if(n.length)throw new Error(`claude-artifact-framework: ${t}[${r}] has unknown keys (${n.join(", ")}). Valid keys: ${Xe.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 r=Object.keys(t).filter(s=>!Bt.includes(s)),n=r.filter(s=>H.includes(s)||s==="tabs"||s==="records");if(n.length===0)throw new Error(`claude-artifact-framework: blocks[${a}] has no recognised block type (found: ${r.join(", ")||"nothing"}). Valid block types: ${[...H,"tabs","records"].join(", ")}.`);if(n.length>1)throw new Error(`claude-artifact-framework: blocks[${a}] declares more than one block type (${n.join(", ")}). Split them into separate entries of \`blocks\`.`);if(U(t.fields,`blocks[${a}]`),n[0]==="actions"&&et(t.actions,`blocks[${a}].actions`),n[0]==="chat"&&Ze(t.chat,`blocks[${a}].chat`),n[0]==="records"&&tt(t.records,`blocks[${a}].records`,!0),n[0]==="tabs"){let s=t.tabs;if(!Array.isArray(s)||s.length===0)throw new Error(`claude-artifact-framework: blocks[${a}].tabs needs an array of { label, blocks: [...] }.`);s.forEach((c,i)=>{if(!c||typeof c.label!="string"||!Array.isArray(c.blocks)||c.blocks.length===0)throw new Error(`claude-artifact-framework: tabs[${i}] needs a \`label\` string and a non-empty \`blocks\` array.`);if(c.blocks.some(f=>f&&f.tabs))throw new Error("claude-artifact-framework: tabs cannot nest inside tabs.");B(c.blocks)})}if(t.when!==void 0&&typeof t.when!="function")throw new Error(`claude-artifact-framework: blocks[${a}].when must be a function of data returning true/false.`);if(t.fill!==void 0&&n[0]!=="custom")throw new Error(`claude-artifact-framework: \`fill\` is only valid on custom blocks \u2014 blocks[${a}] is "${n[0]}".`)})}function Dt(e){let t=Object.keys(e).filter(s=>!Fe.includes(s));if(t.length)throw new Error(`claude-artifact-framework: machine has unknown keys (${t.join(", ")}). Valid keys: ${Fe.join(", ")}.`);if(e.key!==void 0&&(typeof e.key!="string"||!e.key))throw new Error("claude-artifact-framework: machine.key must be a non-empty string (where the current state lives in data).");let a=Object.keys(e.states||{});if(!a.length)throw new Error("claude-artifact-framework: machine needs `states: { nombre: {...} }` with at least one state.");let r=(s,c)=>{if(!a.includes(s))throw new Error(`claude-artifact-framework: ${c} names unknown state "${s}". Valid states: ${a.join(", ")}.`)};if(typeof e.initial!="string")throw new Error('claude-artifact-framework: machine needs `initial: "..."` naming the starting state.');r(e.initial,"machine.initial");for(let[s,c]of Object.entries(e.states)){let i=Object.keys(c||{}).filter(f=>!He.includes(f));if(i.length)throw new Error(`claude-artifact-framework: machine.states.${s} has unknown keys (${i.join(", ")}). Valid keys: ${He.join(", ")}.`);if(c&&c.after!==void 0){let f=c.after,l=Object.keys(f||{}).filter(d=>!Pe.includes(d));if(l.length)throw new Error(`claude-artifact-framework: machine.states.${s}.after has unknown keys (${l.join(", ")}). Valid keys: ${Pe.join(", ")}.`);if(typeof f.seconds!="number"||f.seconds<=0)throw new Error(`claude-artifact-framework: machine.states.${s}.after needs \`seconds\` > 0.`);if(typeof f.then!="string")throw new Error(`claude-artifact-framework: machine.states.${s}.after needs \`then: "estado"\`.`);if(r(f.then,`machine.states.${s}.after.then`),f.do!==void 0&&typeof f.do!="function")throw new Error(`claude-artifact-framework: machine.states.${s}.after.do must be a function of data.`)}}if(!Object.keys(e.events||{}).length)throw new Error("claude-artifact-framework: machine needs `events: { nombre: {...} }` \u2014 ctx.send() is the only way to move it.");for(let[s,c]of Object.entries(e.events)){let i=Object.keys(c||{}).filter(f=>!Je.includes(f));if(i.length)throw new Error(`claude-artifact-framework: machine.events.${s} has unknown keys (${i.join(", ")}). Valid keys: ${Je.join(", ")}.`);if(c.from!==void 0&&c.from!=="*")for(let f of[].concat(c.from))r(f,`machine.events.${s}.from`);if(typeof c.then=="string")r(c.then,`machine.events.${s}.then`);else if(c.then!==void 0&&typeof c.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(c.do!==void 0&&typeof c.do!="function")throw new Error(`claude-artifact-framework: machine.events.${s}.do must be a function (data, payload).`)}}function Vt(e){let t=Object.keys(e).filter(r=>!Ye.includes(r));if(t.length)throw new Error(`claude-artifact-framework: unknown top-level keys (${t.join(", ")}). Valid keys: ${Ye.join(", ")}.`);if(e.machine!==void 0&&Dt(e.machine),e.libs!==void 0&&(!Array.isArray(e.libs)||e.libs.some(r=>typeof r!="string"||!/^https?:\/\//.test(r))))throw new Error("claude-artifact-framework: `libs` must be an array of https:// script URLs.");let a=e.layout||"panel";if(!Ke.includes(a))throw new Error(`claude-artifact-framework: unknown layout "${a}". Valid layouts: ${Ke.join(", ")}.`);if(a==="steps"){let r=e.steps;if(!Array.isArray(r)||r.length===0)throw new Error('claude-artifact-framework: layout "steps" needs `steps: [...]` with at least one step.');let n=["title","text","fields","result"],s=new Set;return r.forEach((c,i)=>{if(!c||typeof c!="object")throw new Error(`claude-artifact-framework: steps[${i}] must be an object.`);let f=Object.keys(c).filter(l=>!n.includes(l));if(f.length)throw new Error(`claude-artifact-framework: steps[${i}] has unknown keys (${f.join(", ")}). Valid keys: ${n.join(", ")}.`);if(!c.fields&&!c.text&&!c.result)throw new Error(`claude-artifact-framework: steps[${i}] needs \`fields\`, \`text\`, or \`result\`.`);U(c.fields,`steps[${i}]`);for(let l of c.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 Ze(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 r=O([...e.main,...e.sidebar||[]]);if(r.filter(s=>s&&s.chat).length>1)throw new Error("claude-artifact-framework: only one chat block per app \u2014 the conversation persists under data.chat and there is exactly one.");return fe(r),a}if(a==="documents"){let r=e.documents;if(!r||typeof r!="object"||!r.blocks&&!r.types)throw new Error('claude-artifact-framework: layout "documents" needs `documents: { blocks: [...] }` (every document repeats the same blocks) or `documents: { types: {...} }` (each document is one of several kinds).');if(r.blocks&&r.types)throw new Error("claude-artifact-framework: documents takes `blocks` (uniform documents) OR `types` (typed documents) \u2014 not both.");let n=Object.keys(r).filter(c=>!Ue.includes(c));if(n.length)throw new Error(`claude-artifact-framework: documents has unknown keys (${n.join(", ")}). Valid keys: ${Ue.join(", ")}.`);if(r.title!==void 0&&typeof r.title!="function")throw new Error("claude-artifact-framework: documents.title must be a function of the document's data returning the tab label.");let s=(c,i)=>{B(c);let f=O(c);if(f.filter(l=>l&&l.chat).length>1)throw new Error(`claude-artifact-framework: only one chat block per document (${i}) \u2014 each document's conversation persists under its own data.chat and there is exactly one.`);fe(f)};if(r.blocks){if(!Array.isArray(r.blocks)||r.blocks.length===0)throw new Error("claude-artifact-framework: documents.blocks must be a non-empty array of blocks.");s(r.blocks,"documents.blocks")}else{let c=Object.keys(r.types||{});if(!c.length)throw new Error("claude-artifact-framework: documents.types needs at least one type, e.g. `types: { nota: { blocks: [...] } }`.");for(let i of c){let f=r.types[i],l=["label","title","blocks","empty"],d=Object.keys(f||{}).filter(m=>!l.includes(m));if(d.length)throw new Error(`claude-artifact-framework: documents.types.${i} 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.${i} needs a non-empty \`blocks\` array.`);if(f.title!==void 0&&typeof f.title!="function")throw new Error(`claude-artifact-framework: documents.types.${i}.title must be a function of the document's data.`);s(f.blocks,`documents.types.${i}`)}}return a}if(a==="records"){if(tt(e.records,"records",!1),e.blocks&&(B(e.blocks),O(e.blocks).some(r=>r&&r.records)))throw new Error("claude-artifact-framework: a records BLOCK below a records LAYOUT is ambiguous \u2014 the layout already owns the collection. Use panel/workspace/documents to embed records blocks.");return a}return B(e.blocks||[]),fe(O(e.blocks||[])),a}function tt(e,t,a){if(!e||!Array.isArray(e.fields)||e.fields.length===0)throw new Error(`claude-artifact-framework: ${t} needs \`records: { fields: [...] }\` \u2014 the same field declarations the fields block uses.`);let r=a?[...qe,"key"]:qe,n=Object.keys(e).filter(c=>!r.includes(c));if(n.length)throw new Error(`claude-artifact-framework: ${t} has unknown keys (${n.join(", ")}). Valid keys: ${r.join(", ")}.`);if(a&&e.key!==void 0&&(typeof e.key!="string"||!e.key))throw new Error(`claude-artifact-framework: ${t}.key must be a non-empty string naming the collection in data.`);if(U(e.fields,t),e.fields.some(c=>c.type==="file")||e.items&&e.items.fields.some(c=>c.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 c of e.fields){if(c.key==="id")throw new Error('claude-artifact-framework: "id" is reserved on records \u2014 the framework assigns it.');if(s.has(c.key))throw new Error(`claude-artifact-framework: duplicate ${t} field key "${c.key}".`);s.add(c.key)}if(e.actions&&et(e.actions,`${t}.actions`),e.items){let c=Object.keys(e.items).filter(i=>!We.includes(i));if(c.length)throw new Error(`claude-artifact-framework: ${t}.items has unknown keys (${c.join(", ")}). Valid keys: ${We.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.`);U(e.items.fields,`${t}.items`);for(let i of e.items.fields)if(i.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(i=>i.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[c,i]of Object.entries(e.compute||{})){if(s.has(c)||c==="id"||e.items&&c==="items")throw new Error(`claude-artifact-framework: compute key "${c}" collides with a field key \u2014 computed values are derived, never stored.`);if(typeof i!="function"&&typeof(i&&i.value)!="function")throw new Error(`claude-artifact-framework: compute "${c}" must be a function of the record, or { label, format, value: (r) => ... }.`)}}function fe(e){let t=new Set;for(let a of e){if(!a||!a.records)continue;let r=a.records.key||"records";if(t.has(r))throw new Error(`claude-artifact-framework: two records blocks share the collection key "${r}" \u2014 give each a distinct \`key\`.`);t.add(r)}}function O(e){let t=[];for(let a of e||[])if(t.push(a),a&&Array.isArray(a.tabs))for(let r of a.tabs)t.push(...O(r.blocks));return t}function It(e){let t={...e.data||{}};if((e.layout||"panel")==="records"&&!Array.isArray(t.records)&&(t.records=[]),(e.layout||"panel")==="documents"&&!Array.isArray(t.docs)&&(t.docs=[]),e.machine){let n=e.machine.key||"fase";n in t||(t[n]=e.machine.initial)}let a=O([...e.blocks||[],...e.main||[],...e.sidebar||[]]);((e.layout||"panel")==="chat"||a.some(n=>n&&n.chat))&&!t.chat&&(t.chat={api:[],log:[]});for(let n of[...a,...e.steps||[]])for(let s of n.fields||[])s&&s.key!==void 0&&!(s.key in t)&&(t[s.key]=s.value!==void 0?s.value:s.type==="check"?!1:"");for(let n of a)if(n&&n.records){let s=n.records.key||"records";Array.isArray(t[s])||(t[s]=[])}return t}var de=null;function Kt(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 Yt({spec:e,ctx:t}){let a=e.tabs,r=a.map(c=>c.label).join("|"),n=t.view.tabs?t.view.tabs[r]:void 0,s=Math.min(n===void 0?0:n,a.length-1);return o("div",{className:"caf-tabs"},o("div",{className:"caf-tabbar",role:"tablist"},a.map((c,i)=>o("button",{key:c.label,type:"button",role:"tab","aria-selected":i===s,className:i===s?"caf-tab caf-tab-active":"caf-tab",onClick:()=>t.setTab(r,i)},c.label))),o("div",{className:"caf-tabs-body"},a[s].blocks.map((c,i)=>o(q,{key:s+":"+i,block:c,ctx:t}))))}var Ft={...ie,tabs:Yt,records:De},Ht=[...H,"tabs","records"];function q({block:e,ctx:t}){if(typeof e.when=="function"&&!e.when(t.data)||e.state!==void 0&&t.machine&&t.data[t.machine.key||"fase"]!==e.state)return null;let a=Object.keys(e).find(i=>Ht.includes(i)),r=Ft[a],n=o(Kt(t.React),null,o(r,{spec:e.collapsible?{...e,title:void 0}:e,ctx:t}));if(!e.collapsible)return n;let s=typeof e.title=="string"&&e.title?e.title:a,c=t.view.collapsed&&s in t.view.collapsed?t.view.collapsed[s]:e.collapsible==="collapsed";return o("div",{className:"caf-collapse"},o("button",{type:"button",className:"caf-collapse-head","aria-expanded":!c,onClick:()=>t.toggleCollapsed(s,!c)},o("span",null,e.title||a),o("span",{className:c?"caf-chevron caf-chevron-closed":"caf-chevron"},"\u25BE")),c?null:o("div",{className:"caf-collapse-body"},n))}function at({spec:e,ctx:t}){return o("div",{className:"caf-panel"},(e.blocks||[]).map((a,r)=>o("section",{key:r,className:a.wide||a.collapsible?"caf-slot caf-slot-wide":"caf-slot"},o(q,{block:a,ctx:t}))))}function Pt({spec:e,ctx:t}){let a=t.view.screen==="record"&&(t.data.records||[]).some(r=>r.id===t.view.arg);return o("div",null,o(Ve,{spec:e,ctx:t}),!a&&Array.isArray(e.blocks)&&e.blocks.length?o("div",{className:"caf-panel caf-records-blocks"},e.blocks.map((r,n)=>o("section",{key:n,className:r.wide||r.collapsible?"caf-slot caf-slot-wide":"caf-slot"},o(q,{block:r,ctx:t})))):null)}function Jt({spec:e,ctx:t}){let a=r=>(r||[]).map((n,s)=>o("section",{key:s,className:"caf-ws-slot"},o(q,{block:n,ctx:t})));return o("div",{className:"caf-workspace"},o("div",{className:"caf-ws-main"},a(e.main)),e.sidebar&&e.sidebar.length?o("div",{className:"caf-ws-side"},a(e.sidebar)):null)}function ue(e){let t={};for(let a of O(e.blocks)){for(let r of a.fields||[])r&&r.key!==void 0&&!(r.key in t)&&(t[r.key]=r.value!==void 0?r.value:r.type==="check"?!1:"");if(a.records){let r=a.records.key||"records";Array.isArray(t[r])||(t[r]=[])}}return t}function Ut(){return"d"+Date.now().toString(36)+Math.random().toString(36).slice(2,8)}var J="caf:doc";function qt(e,t,a){if(e.title)try{let r=e.title(t);if(r!=null&&r!=="")return String(r)}catch{}for(let r of O(e.blocks))for(let n of r.fields||[])if(!n.type||n.type==="text"||n.type==="textarea"||n.type==="select"){let s=t[n.key];return s!==""&&s!==void 0&&s!==null?String(s):a||"(untitled)"}return a||"(untitled)"}function Wt({spec:e,ctx:t}){let a=e.documents,r=a.label||"document",n=Array.isArray(t.data.docs)?t.data.docs:[],s=a.types||null,c=s?Object.keys(s):[],i=h=>s?s[h.type]:a,f=h=>s[h]&&s[h].label||h,[l,d]=$(!1),m=t.view.tabs?t.view.tabs[J]:void 0,p=n.find(h=>h.id===m)||n[0];function g(h){let j=s?s[h]:a,x={id:Ut(),...s?{type:h}:{},data:ue(j)};t.update(C=>{C.docs=[...C.docs||[],x]}),t.setTab(J,x.id),d(!1)}function u(){if(!s)return g();if(c.length===1)return g(c[0]);d(h=>!h)}function y(h){let j=n.findIndex(x=>x.id===h);if(t.update(x=>{x.docs=x.docs.filter(C=>C.id!==h)}),delete t.files["doc:"+h],p&&p.id===h){let x=n[j+1]||n[j-1];x&&t.setTab(J,x.id)}}let w=s&&l?o("div",{className:"caf-doc-typemenu"},c.map(h=>o("button",{key:h,type:"button",className:"caf-btn caf-btn-sm",onClick:()=>g(h)},f(h)))):null;if(!p)return o("div",{className:"caf-panel caf-panel-single"},o("div",{className:"caf-block caf-empty"},o("p",null,a.empty||`No ${r}s yet. Create the first one.`),s?o("div",{className:"caf-doc-typemenu"},c.map(h=>o("button",{key:h,type:"button",className:"caf-btn caf-btn-primary",onClick:()=>g(h)},`New ${f(h)}`))):o("button",{type:"button",className:"caf-btn caf-btn-primary",onClick:()=>g()},`New ${r}`)));let E=i(p);if(!E)return o("div",{className:"caf-documents"},o(Qe,{docs:n,active:p,dspec:a,types:s,close:y,onAdd:u,label:r,ctx:t}),w,o("div",{className:"caf-block caf-block-error"},o("strong",null,`This ${r}'s type "${p.type}" no longer exists`),o("code",null,`valid types: ${c.join(", ")}`)));let b={...ue(E),...p.data},k={...t,data:b,update:h=>t.update(j=>{let x=(j.docs||[]).find(C=>C.id===p.id);x&&h(x.data)}),files:t.files["doc:"+p.id]=t.files["doc:"+p.id]||{}};return o("div",{className:"caf-documents"},o(Qe,{docs:n,active:p,dspec:a,types:s,close:y,onAdd:u,label:r,ctx:t}),w,o(at,{spec:{blocks:E.blocks},ctx:k}))}function Qe({docs:e,active:t,dspec:a,types:r,close:n,onAdd:s,label:c,ctx:i}){let f=l=>{let d=r?r[l.type]:a;if(!d)return l.type;let m={...ue(d),...l.data},p=r?d.label||l.type:void 0;return qt(d,m,p)};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:()=>i.setTab(J,l.id)},f(l)),o("button",{type:"button",className:"caf-doc-close","aria-label":`Close ${c}`,onClick:()=>n(l.id)},"\u2715"))),o("button",{type:"button",className:"caf-tab caf-doc-add","aria-label":`New ${c}`,onClick:s},"+"))}var Xt={panel:at,records:Pt,steps:Ie,chat:Oe,workspace:Jt,documents:Wt};function rt(e){return new Promise((t,a)=>{let r=document.querySelector(`script[src="${e}"]`);if(r){if(r.dataset.cafReady==="1")return t();r.addEventListener("load",t),r.addEventListener("error",()=>a(new Error(`failed to load ${e}`)));return}let n=document.createElement("script");n.src=e,n.onload=()=>{n.dataset.cafReady="1",t()},n.onerror=()=>{let s=e.match(/^(https:\/\/cdn\.jsdelivr\.net\/npm\/(?:@[^/]+\/)?[^/]+)\/.+/);s&&s[1]!==e?rt(s[1]).then(t,()=>a(new Error(`failed to load ${e} (also tried package default ${s[1]})`))):a(new Error(`failed to load ${e}`))},document.head.appendChild(n)})}function Ge(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 Qt(e,t,a,r){let n=e.events[a];if(!n)throw new Error(`claude-artifact-framework: unknown machine event "${a}". Valid events: ${Object.keys(e.events).join(", ")}.`);let s=e.key||"fase";t(c=>{let i=c[s],f=n.from===void 0?"*":n.from;if(f!=="*"&&![].concat(f).includes(i))return;n.do&&n.do(c,r);let l=typeof n.then=="function"?n.then(c):n.then;if(l!=null){if(!e.states[l])throw new Error(`claude-artifact-framework: machine event "${a}" resolved to unknown state "${l}". Valid states: ${Object.keys(e.states).join(", ")}.`);c[s]=l}})}function nt(e={}){let t=Vt(e);if(e.machine){let s=Object.keys(e.machine.states);for(let c of Ge(e))if(c&&c.state!==void 0&&!s.includes(c.state))throw new Error(`claude-artifact-framework: a block declares state: "${c.state}" but the machine's states are: ${s.join(", ")}.`)}else for(let s of Ge(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(It(e),{shared:!!e.shared}),r=F(e.theme&&e.theme.seed)+Gt,n={};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){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:
 
   import React from "react";
   ArtifactKit.useReact(React);
-`);let[,c]=$(0),[i,f]=$(e.libs&&e.libs.length?"loading":"ready"),[l,d]=$(null);A(()=>{!e.libs||!e.libs.length||Promise.all(e.libs.map(rt)).then(()=>f("ready"),u=>{d(String(u&&u.message||u)),f("error")})},[]),A(()=>{let u=a.subscribe(()=>c(y=>y+1));return a.isHydrated()&&c(y=>y+1),u},[]);let m=e.machine?a.getData()[e.machine.key||"fase"]:null;A(()=>{if(!e.machine||!a.isHydrated())return;let u=e.machine.states[m];if(!u||!u.after)return;let y=setTimeout(()=>{a.update(w=>{let E=e.machine.key||"fase";w[E]===m&&(u.after.do&&u.after.do(w),w[E]=u.after.then)})},u.after.seconds*1e3);return()=>clearTimeout(y)},[m,a.isHydrated()]);let p={React:we(),data:a.getData(),view:a.getView(),update:a.update,go:a.go,back:a.back,setStep:u=>a.setView({step:u}),files:n,viewerId:a.getViewerId(),setTab:(u,y)=>a.setView({tabs:{...a.getView().tabs,[u]:y}}),toggleCollapsed:(u,y)=>a.setView({collapsed:{...a.getView().collapsed,[u]:y}}),colors:u=>je(e.theme&&e.theme.seed,u),machine:e.machine||null,send:e.machine?(u,y)=>Qt(e.machine,a.update,u,y):()=>{throw new Error("claude-artifact-framework: ctx.send() needs a `machine` declared at the top level.")}},g=Xt[t];return o("div",{className:`caf-root caf-layout-${t}`},o("style",{dangerouslySetInnerHTML:{__html:r}}),o("header",{className:"caf-header"},e.title?o("h1",null,e.title):null,e.subtitle?o("p",null,e.subtitle):null),i==="error"?o("div",{className:"caf-block caf-block-error"},o("strong",null,"A library failed to load"),o("code",null,l)):!a.isHydrated()||i==="loading"?o("div",{className:"caf-block caf-loading"},i==="loading"?"Loading libraries\u2026":"Loading\u2026"):o(g,{spec:e,ctx:p}))}}var Gt=`
+`);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=`
 .caf-root {
   --caf-radius: 10px;
   --caf-control-radius: 7px; /* one radius for every control: buttons, inputs, rows */
@@ -238,11 +238,48 @@ Continue with this information. If you have everything you need, answer in natur
 .caf-empty .caf-btn { margin-top: 0.6rem; }
 .caf-records-block { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
 .caf-doc-typemenu { display: flex; gap: 0.5rem; flex-wrap: wrap; }
+.caf-header-brand { display: flex; align-items: center; gap: 0.8rem; }
+.caf-header-text { min-width: 0; }
+.caf-logo { flex: none; width: 40px; height: 40px; border-radius: 9px; object-fit: contain; }
+.caf-logo-emoji { display: flex; align-items: center; justify-content: center; font-size: 1.7rem; background: var(--caf-surface); border: 1px solid var(--caf-border); }
+.caf-logo-mono {
+  display: flex; align-items: center; justify-content: center;
+  background: var(--caf-accent); color: var(--caf-accentText);
+  font-size: 0.95rem; font-weight: 700; letter-spacing: 0.02em;
+}
+.caf-logo-svg { display: flex; align-items: center; justify-content: center; overflow: hidden; }
+.caf-logo-svg svg { width: 100%; height: 100%; }
+.caf-banner {
+  border-radius: var(--caf-radius); padding: 1.6rem 1.4rem; min-height: 110px;
+  display: flex; flex-direction: column; justify-content: flex-end; gap: 0.2rem;
+}
+.caf-banner-title { margin: 0; color: #fff; font-size: 1.4rem; font-weight: 700; letter-spacing: -0.01em; text-shadow: 0 1px 3px rgba(0,0,0,0.35); }
+.caf-banner-sub { margin: 0; color: rgba(255,255,255,0.92); font-size: 0.9rem; text-shadow: 0 1px 2px rgba(0,0,0,0.35); }
+.caf-image { margin: 0; }
+.caf-image img { width: 100%; border-radius: 7px; display: block; }
+.caf-image-svg svg { width: 100%; height: auto; display: block; }
+.caf-footer { max-width: 760px; margin: 2rem auto 0; padding-top: 0.8rem; border-top: 1px solid var(--caf-border); color: var(--caf-muted); font-size: 0.78rem; text-align: center; }
+.caf-layout-workspace .caf-footer { max-width: 1200px; }
+.caf-avatar {
+  flex: none; width: 30px; height: 30px; border-radius: 50%;
+  display: flex; align-items: center; justify-content: center;
+  color: #fff; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.02em;
+}
+.caf-row-avatar { flex-direction: row; align-items: center; gap: 0.6rem; }
+.caf-row-main { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
 .caf-chevron-closed { transform: rotate(-90deg); }
 .caf-block-fill { border: none; background: transparent; padding: 0; overflow: auto; min-height: 320px; }
 .caf-empty, .caf-loading { color: var(--caf-muted); font-size: 0.9rem; text-align: center; padding: 1.6rem 1rem; }
 .caf-block-error { border-color: var(--caf-danger); gap: 0.4rem; }
 .caf-block-error strong { font-size: 0.9rem; color: var(--caf-danger); }
 .caf-block-error code { font-size: 0.78rem; color: var(--caf-muted); word-break: break-word; }
-`;return ft(Zt);})();
+/* 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; }
+/* 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);})();
 //# sourceMappingURL=index.global.js.map