@widgentic/designer 0.7.0 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
function an(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function Wn(e,t={}){if(!an(e))return{ok:!1,error:{code:"INVALID_TYPE",path:"",message:"Payload must be a plain object."}};if(!("kind"in e))return{ok:!1,error:{code:"MISSING_FIELD",path:"kind",message:"Payload is missing required field 'kind'."}};let n=e.kind;if(typeof n!="string")return{ok:!1,error:{code:"INVALID_TYPE",path:"kind",message:"Field 'kind' must be a string."}};if(n.length===0)return{ok:!1,error:{code:"MISSING_FIELD",path:"kind",message:"Field 'kind' must be a non-empty string."}};if(!("data"in e))return{ok:!1,error:{code:"MISSING_FIELD",path:"data",message:"Payload is missing required field 'data'."}};if("hints"in e&&e.hints!==void 0&&!an(e.hints))return{ok:!1,error:{code:"INVALID_TYPE",path:"hints",message:"Field 'hints' must be an object when present."}};if("meta"in e&&e.meta!==void 0&&!an(e.meta))return{ok:!1,error:{code:"INVALID_TYPE",path:"meta",message:"Field 'meta' must be an object when present."}};let{knownKinds:r}=t;return r&&r.size>0&&!r.has(n)?{ok:!1,error:{code:"UNKNOWN_KIND",path:"kind",message:`Unknown widget kind '${n}'.`}}:{ok:!0,payload:e}}var dn=new Set(["http","https","mailto","tel"]);function Tt(e){return e.replace(/[\u0000-\u0020]+/g,"")}function cn(e){let t=/^([a-zA-Z][a-zA-Z0-9+.-]*):/.exec(Tt(e));if(t===null)return!0;let n=t[1];return n!==void 0&&dn.has(n.toLowerCase())}function _n(e){let t=/^([a-zA-Z][a-zA-Z0-9+.-]*):/.exec(Tt(e));if(t===null)return!1;let n=t[1];return n!==void 0&&dn.has(n.toLowerCase())}var Kr=/^data:image\/[a-z0-9.+-]+;base64,[a-z0-9+/=]*$/i,qr=/^https?:\/\//i;function Pe(e){let t=Tt(e);return Kr.test(t)||qr.test(t)}var Gr=/\.(png|jpe?g|gif|webp|avif|svg)$/i;function In(e){let t=Tt(e);if(!Pe(t))return!1;if(t.toLowerCase().startsWith("data:image/"))return!0;try{return Gr.test(new URL(t).pathname)}catch{return!1}}function K(e,t,n){let r={tag:e};return t&&Object.keys(t).length>0&&(r.attrs=t),n&&n.length>0&&(r.children=n),r}var ct={card:{description:"Key/value details for a single entity, with optional title and subtitle.",dataShape:"A plain object. `title`, `subtitle`, and `fields` are used when present; other entries become field key/value pairs. Primitives render as a single value line. `meta.title`/`meta.subtitle` fill in missing chrome. Send field values typed (e.g. price: 9.99, not '$9.99') and use hints.fieldFormat for display formatting \u2014 the payload keeps the typed value while the render gets its unit. Field values that are image URLs render as images (see hints.images).",dataExample:{title:"Essence Mascara",subtitle:"beauty",fields:{price:9.99,rating:2.56,stock:99}},hints:{fieldFormat:"Record<fieldKey, pattern> \u2014 formats matching field values by substituting {value} in the pattern (e.g. { price: '${value}', rating: '{value} / 5' }); a pattern without {value} is prefixed to the value. Output is escaped like any text.",images:"Record<fieldKey, 'avatar' | 'thumb' | 'hero' | true | false> \u2014 field values that are https image URLs (image extension) or data:image/* URIs auto-render as images (default shape: thumb); a shape forces image treatment (use for extensionless URLs), true forces the default shape, false keeps the URL as text. Unsafe sources always render as text; image treatment wins over fieldFormat for the same key.",links:"Record<fieldKey, boolean | prefix> \u2014 true links a field whose value already IS an http(s)/mailto/tel URL; a prefix string composes the href while the display stays the clean value (e.g. { email: 'mailto:', phone: 'tel:' } shows a@b.c but links mailto:a@b.c). Unsafe compositions and non-strings stay plain text; image treatment wins for the same key. Links are never automatic \u2014 opt in per field."}},table:{description:"Rows and columns for arrays of records.",dataShape:"An array of records (plain objects). Columns are the union of record keys in first-seen order; missing cells render empty; non-array data becomes a single row. Cell values that are image URLs render as avatars (see hints.images). meta.title/meta.subtitle render as the table's caption. Send cell values typed (e.g. total: 11471334.78, not '11,471,334.78') and use hints.fieldFormat for display formatting \u2014 the payload keeps the typed value while the render gets its unit.",dataExample:[{name:"Ada",role:"eng",avatar:"https://picsum.photos/id/64/64/64.jpg"},{name:"Lin",role:"ops",avatar:"https://picsum.photos/id/65/64/64.jpg"}],hints:{columns:"string[] \u2014 overrides column selection and order",fieldFormat:"Record<columnKey, pattern> \u2014 formats matching cell values by substituting {value} in the pattern (e.g. { total: '${value}' }); a pattern without {value} is prefixed to the value. Output is escaped like any text; image treatment wins for the same column.",links:"Record<columnKey, boolean | prefix> \u2014 true links cells whose value already IS an http(s)/mailto/tel URL; a prefix string composes the href while the display stays the clean value (e.g. { email: 'mailto:', phone: 'tel:' } shows a@b.c but links mailto:a@b.c). Unsafe compositions and non-strings stay plain text; image treatment wins for the same column. Links are never automatic \u2014 opt in per column.",images:"Record<columnKey, 'avatar' | 'thumb' | 'hero' | true | false> \u2014 cell values that are https image URLs (image extension) or data:image/* URIs auto-render as images (default shape: avatar); a shape forces image treatment (use for extensionless URLs), true forces the default shape, false keeps the URL as text. Unsafe sources always render as text."}},tree:{description:"Collapsible hierarchy of labeled nodes \u2014 a person can expand and collapse branches by click or keyboard.",dataShape:"Nested `{ label, icon?, children[] }` nodes \u2014 a single root object or an array of them. A node with children renders as a native disclosure that opens and closes; leaves are plain labels. Optional `icon` is ONE string per node, shown before the label: a data:image/* URI or an https URL ending in an image extension (.png, .jpg, .svg, ...) renders as a small decorative image; any other string \u2014 an emoji, a glyph, an extensionless URL \u2014 renders as text. Nodes without a usable `label` get a JSON fallback label (which excludes `children` and `icon`). meta.title renders as a title line above the tree.",dataExample:{label:"src",icon:"\u{1F4C1}",children:[{label:"index.ts",icon:"\u{1F4C4}",children:[]}]},hints:{expandDepth:"number \u2014 branches at depth < value START expanded (default: unlimited). Presentational only: the full subtree is always in the markup, and collapsing is the disclosure's own behavior. The value selects only the INITIAL state (the `open` attribute on branches); a visitor's own expand/collapse survives later re-renders."}},group:{description:"Several widgets in one response \u2014 mixed kinds in a single layout container. Use ONE group render instead of repeated render calls when showing multiple widgets together.",dataShape:"{ items: [{ kind, data, hints?, meta? }, ...] } \u2014 each item is a full sub-widget rendered exactly as a top-level call would be (any listed kind except 'group'; groups do not nest). At most 20 items per group.",dataExample:{items:[{kind:"card",data:{title:"Ada",fields:{role:"eng"}}},{kind:"card",data:{title:"Lin",fields:{role:"ops"}}}]},hints:{layout:"'stack' | 'row' | 'grid' \u2014 how items sit together (default: stack). 'row' wraps; 'grid' uses equal columns.",gap:"'none' | 'sm' | 'md' | 'lg' \u2014 spacing between items (default: md).",columns:"number 1-4 \u2014 column count for layout: 'grid' (default: 2)."}}};var Yr=/(\([^)]*[+*][^)]*\)|\[[^\]]*\][+*])[+*{]/;function Xr(e){if(!(typeof e!="string"||e.length>256)&&!Yr.test(e))try{return new RegExp(e)}catch{return}}function lt(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function Mn(e,t){switch(e){case"object":return lt(t);case"array":return Array.isArray(t);case"string":return typeof t=="string";case"number":return typeof t=="number";case"integer":return typeof t=="number"&&Number.isInteger(t);case"boolean":return typeof t=="boolean";case"null":return t===null;default:return!0}}function Zr(e,t){return typeof e=="string"?Mn(e,t):Array.isArray(e)?e.some(n=>typeof n=="string"&&Mn(n,t)):!0}function Qr(e,t){return e.some(n=>{if(n===t)return!0;try{return JSON.stringify(n)===JSON.stringify(t)}catch{return!1}})}function ei(e){return Array.isArray(e)?e.join(" | "):String(e)}function De(e,t,n="data"){if(Array.isArray(e.enum)&&!Qr(e.enum,t))return{code:"INVALID_TYPE",path:n,message:`Value at '${n}' must be one of the enumerated options.`};if(e.type!==void 0&&!Zr(e.type,t))return{code:"INVALID_TYPE",path:n,message:`Value at '${n}' must have type ${ei(e.type)}.`};if(typeof t=="string"&&e.pattern!==void 0){let r=Xr(e.pattern);if(r!==void 0&&!r.test(t.slice(0,1e4)))return{code:"INVALID_TYPE",path:n,message:`Value at '${n}' must match pattern ${String(e.pattern)}.`}}if(lt(t)){if(Array.isArray(e.required)){for(let r of e.required)if(typeof r=="string"&&!(r in t))return{code:"MISSING_FIELD",path:`${n}.${r}`,message:`Missing required property '${r}'.`}}if(lt(e.properties)){for(let[r,i]of Object.entries(e.properties))if(r in t&<(i)){let o=De(i,t[r],`${n}.${r}`);if(o)return o}}}if(Array.isArray(t)&<(e.items))for(let r=0;r<t.length;r++){let i=De(e.items,t[r],`${n}.${r}`);if(i)return i}}function oe(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function re(e){if(typeof e=="string")return e;if(e===void 0)return"";if(e===null||typeof e=="number"||typeof e=="boolean"||typeof e=="bigint")return String(e);try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function At(e,t){return e.includes("{value}")?e.split("{value}").join(t):e+t}function Dt(e,t,n,r){let o=(oe(n)&&oe(n.links)?n.links:void 0)?.[e];if(typeof t!="string"||t==="")return r;let a=o===!0?t:typeof o=="string"?o+t:void 0;return a===void 0||!_n(a)?r:K("a",{class:"wg-link",href:a,rel:"noopener noreferrer"},[r])}var ti=["avatar","thumb","hero"],ni=new Set(ti);function qe(e,t,n,r){if(typeof t!="string")return null;let o=(oe(n?.images)?n.images:void 0)?.[e];return o===!1?null:typeof o=="string"&&ni.has(o)?Pe(t)?{src:t,shape:o}:null:o===!0?Pe(t)?{src:t,shape:r}:null:In(t)?{src:t,shape:r}:null}function Ge(e,t,n){return K("img",{class:`wg-img wg-img-${n}`,src:t,alt:e,loading:"lazy",decoding:"async"})}function Hn(e){let{data:t,meta:n}=e,r=oe(e.hints?.fieldFormat)?e.hints.fieldFormat:void 0,i,o,a=[],f;oe(t)?(i=t.title,o=t.subtitle,oe(t.fields)?a=Object.entries(t.fields):a=Object.entries(t).filter(([l])=>l!=="title"&&l!=="subtitle")):f=re(t),i===void 0&&(i=n?.title),o===void 0&&(o=n?.subtitle);let c=[];return i!==void 0&&c.push(K("div",{class:"wg-card-title"},[re(i)])),o!==void 0&&c.push(K("div",{class:"wg-card-subtitle"},[re(o)])),f!==void 0&&c.push(K("div",{class:"wg-card-value"},[f])),a.length>0&&c.push(K("dl",{class:"wg-card-fields"},a.map(([l,u])=>{let p=qe(l,u,e.hints,"thumb"),m;if(p)m=Ge(l,p.src,p.shape);else{let y=re(u),g=r?.[l],b=typeof g=="string"?At(g,y):y;m=Dt(l,u,e.hints,b)}return K("div",{class:"wg-card-field"},[K("dt",{class:"wg-card-field-key"},[l]),K("dd",{class:"wg-card-field-value"},[m])])}))),K("div",{class:"wg-card"},c)}function Fn(e){let t=Array.isArray(e.data)?e.data:[e.data],n=oe(e.hints?.fieldFormat)?e.hints.fieldFormat:void 0,r=t.map(l=>oe(l)?l:{value:l}),i=e.hints?.columns,o;if(Array.isArray(i)&&i.every(l=>typeof l=="string"))o=i;else{o=[];let l=new Set;for(let u of r)for(let p of Object.keys(u))l.has(p)||(l.add(p),o.push(p))}let a=[],f=e.meta?.title,c=e.meta?.subtitle;if(f!==void 0||c!==void 0){let l=[];f!==void 0&&l.push(K("span",{class:"wg-table-title"},[re(f)])),c!==void 0&&l.push(K("span",{class:"wg-table-subtitle"},[re(c)])),a.push(K("caption",{class:"wg-table-caption"},l))}return K("table",{class:"wg-table"},[...a,K("thead",{class:"wg-table-head"},[K("tr",void 0,o.map(l=>K("th",{class:"wg-table-header"},[l])))]),K("tbody",{class:"wg-table-body"},r.map(l=>K("tr",{class:"wg-table-row"},o.map(u=>{if(!(u in l))return K("td",{class:"wg-table-cell"},[""]);let p=l[u],m=qe(u,p,e.hints,"avatar"),y;if(m)y=Ge(u,m.src,m.shape);else{let g=re(p),b=n?.[u],v=typeof b=="string"?At(b,g):g;y=Dt(u,p,e.hints,v)}return K("td",{class:"wg-table-cell"},[y])}))))])}function Un(e){let t=e.hints?.expandDepth,n=typeof t=="number"&&!Number.isNaN(t)?Math.max(0,t):1/0,r=Array.isArray(e.data)?e.data:[e.data],i=K("ul",{class:"wg-tree"},r.map(a=>zn(a,0,n))),o=e.meta?.title;return o===void 0?i:K("div",{class:"wg-tree-titled"},[K("div",{class:"wg-tree-title"},[re(o)]),i])}function ri(e){if(oe(e)){if(e.label!==void 0)return re(e.label);let{children:t,icon:n,...r}=e;return re(r)}return re(e)}function ii(e){if(typeof e!="string")return;let t=qe("",e,void 0,"icon");return t!==null?Ge("",t.src,t.shape):K("span",{class:"wg-tree-icon"},[e])}function Bn(e){let t=oe(e)?ii(e.icon):void 0,n=ri(e);return t===void 0?[n]:[t,n]}var oi=64,si=e=>oe(e)&&Array.isArray(e.children)&&e.children.length>0?e.children:void 0;function zn(e,t,n){let r=t<oi?si(e):void 0;if(r===void 0)return K("li",{class:"wg-tree-node"},[K("span",{class:"wg-tree-label"},Bn(e))]);let i=t<n;return K("li",{class:"wg-tree-node"},[K("details",{class:"wg-tree-branch",...i?{open:""}:{}},[K("summary",{class:"wg-tree-label"},Bn(e)),K("ul",{class:"wg-tree-children"},r.map(o=>zn(o,t+1,n)))])])}var Vn=20,ai=["stack","row","grid"],di=["none","sm","md","lg"],ci=4;function Jn(e){if(!oe(e)||e.items===void 0)return{ok:!1,error:{code:"MISSING_FIELD",path:"data.items",message:"'group' data must be an object with an 'items' array."}};let t=e.items;if(!Array.isArray(t))return{ok:!1,error:{code:"INVALID_TYPE",path:"data.items",message:"'items' must be an array of sub-widgets."}};if(t.length>Vn)return{ok:!1,error:{code:"INVALID_TYPE",path:"data.items",message:`'items' holds ${t.length} sub-widgets; a group renders at most ${Vn}.`}};let n=[];for(let r=0;r<t.length;r++){let i=t[r];if(!oe(i))return{ok:!1,error:{code:"INVALID_TYPE",path:`data.items[${r}]`,message:"each item must be an object: { kind, data, hints?, meta? }."}};if(typeof i.kind!="string"||i.kind==="")return{ok:!1,error:{code:"INVALID_TYPE",path:`data.items[${r}].kind`,message:"each item needs a widget kind (non-empty string)."}};if(i.kind==="group")return{ok:!1,error:{code:"INVALID_TYPE",path:`data.items[${r}].kind`,message:"a 'group' cannot contain another 'group'."}};let o={kind:i.kind,data:i.data};i.hints!==void 0&&(o.hints=i.hints),i.meta!==void 0&&(o.meta=i.meta),n.push(o)}return{ok:!0,items:n}}function Kn(e,t){let n=oe(e)?e:{},r=ai.some(a=>a===n.layout)?n.layout:"stack",i=di.some(a=>a===n.gap)?n.gap:"md",o=["wg-group",`wg-group-${r}`,`wg-gap-${i}`];if(r==="grid"){let a=typeof n.columns=="number"&&Number.isFinite(n.columns)?n.columns:2,f=Math.min(ci,Math.max(1,Math.trunc(a)));o.push(`wg-cols-${f}`)}return K("div",{class:o.join(" ")},t)}function qn(e,t){if(typeof e=="string")return e;let n=e.attrs?.["data-wg-action"],r=e.attrs;if(typeof n=="string")try{let o=JSON.parse(n);typeof o=="object"&&o!==null&&(r={...e.attrs,"data-wg-action":JSON.stringify({...o,at:t})})}catch{}let i=e.children?.map(o=>qn(o,t));return{tag:e.tag,...r!==void 0?{attrs:r}:{},...i!==void 0?{children:i}:{}}}var Ot=class extends Error{code="DUPLICATE_KIND";kind;constructor(t){super(`Widget kind '${t}' is already registered.`),this.name="DuplicateKindError",this.kind=t}};function Ee(){let e=new Map,t=new Map,n={register(r,i,o){if(e.has(r))throw new Ot(r);e.set(r,i),t.set(r,{kind:r,description:o?.description??`Custom widget kind '${r}'.`,dataShape:o?.dataShape??"Defined by the registered renderer.",...o?.dataExample!==void 0?{dataExample:o.dataExample}:{},...o?.hints?{hints:o.hints}:{},...o?.dataSchema?{dataSchema:o.dataSchema}:{},...o?.styles?{styles:o.styles}:{}})},has:r=>e.has(r),resolve:r=>e.get(r),kinds:()=>[...e.keys()],describe:r=>t.get(r),list:()=>[...t.values()],render(r){let i=Wn(r,{knownKinds:new Set(e.keys())});if(!i.ok)return i;let o=t.get(i.payload.kind)?.dataSchema;if(o){let f=De(o,i.payload.data);if(f)return{ok:!1,error:f}}if(i.payload.kind==="group"){let f=Jn(i.payload.data);if(!f.ok)return f;let c=[];for(let l=0;l<f.items.length;l++){let u=f.items[l],p=n.render({kind:u.kind,data:u.data,...u.hints!==void 0?{hints:u.hints}:{},...u.meta!==void 0?{meta:u.meta}:{}});if(!p.ok){let m=p.error.path;return{ok:!1,error:{...p.error,path:`data.items[${l}]${m?`.${m}`:""}`}}}c.push(qn(p.node,`data.items.${l}`))}return{ok:!0,node:Kn(i.payload.hints,c)}}let a=e.get(i.payload.kind);if(a===void 0)return{ok:!1,error:{code:"UNKNOWN_KIND",path:"kind",message:`Unknown widget kind '${i.payload.kind}'.`}};try{return{ok:!0,node:a(i.payload)}}catch(f){return{ok:!1,error:{code:"RENDER_FAILED",path:"widget",message:`Renderer for kind '${i.payload.kind}' threw: ${f instanceof Error?f.message:String(f)}`}}}}};return n.register("card",Hn,ct.card),n.register("table",Fn,ct.table),n.register("tree",Un,ct.tree),n.register("group",r=>{let i=n.render(r);if(i.ok)return i.node;throw new Error(i.error.message)},ct.group),n}var ln=/[;{}<>@\\]/,Gn=/^-?[a-zA-Z][a-zA-Z-]*$/;function li(e){if(ln.test(e))return!1;let t=e.split(",").map(n=>n.trim());return t.length>0&&t.every(n=>n.includes(".wg-"))}function ui(e){return!ln.test(e)&&!/url\s*\(/i.test(e)&&!/expression\s*\(/i.test(e)}function We(e){let t=[];for(let[n,r]of Object.entries(e)){if(!li(n)||typeof r!="object"||r===null)continue;let i=[];for(let[o,a]of Object.entries(r))Gn.test(o)&&(typeof a!="string"||!ui(a)||i.push(` ${o}: ${a};`));i.length>0&&t.push(`${n} {
|
|
1
|
+
function cn(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function In(e,t={}){if(!cn(e))return{ok:!1,error:{code:"INVALID_TYPE",path:"",message:"Payload must be a plain object."}};if(!("kind"in e))return{ok:!1,error:{code:"MISSING_FIELD",path:"kind",message:"Payload is missing required field 'kind'."}};let n=e.kind;if(typeof n!="string")return{ok:!1,error:{code:"INVALID_TYPE",path:"kind",message:"Field 'kind' must be a string."}};if(n.length===0)return{ok:!1,error:{code:"MISSING_FIELD",path:"kind",message:"Field 'kind' must be a non-empty string."}};if(!("data"in e))return{ok:!1,error:{code:"MISSING_FIELD",path:"data",message:"Payload is missing required field 'data'."}};if("hints"in e&&e.hints!==void 0&&!cn(e.hints))return{ok:!1,error:{code:"INVALID_TYPE",path:"hints",message:"Field 'hints' must be an object when present."}};if("meta"in e&&e.meta!==void 0&&!cn(e.meta))return{ok:!1,error:{code:"INVALID_TYPE",path:"meta",message:"Field 'meta' must be an object when present."}};let{knownKinds:r}=t;return r&&r.size>0&&!r.has(n)?{ok:!1,error:{code:"UNKNOWN_KIND",path:"kind",message:`Unknown widget kind '${n}'.`}}:{ok:!0,payload:e}}var ln=new Set(["http","https","mailto","tel"]);function At(e){return e.replace(/[\u0000-\u0020]+/g,"")}function un(e){let t=/^([a-zA-Z][a-zA-Z0-9+.-]*):/.exec(At(e));if(t===null)return!0;let n=t[1];return n!==void 0&&ln.has(n.toLowerCase())}function Mn(e){let t=/^([a-zA-Z][a-zA-Z0-9+.-]*):/.exec(At(e));if(t===null)return!1;let n=t[1];return n!==void 0&&ln.has(n.toLowerCase())}var Xr=/^data:image\/[a-z0-9.+-]+;base64,[a-z0-9+/=]*$/i,Zr=/^https?:\/\//i;function We(e){let t=At(e);return Xr.test(t)||Zr.test(t)}var Qr=/\.(png|jpe?g|gif|webp|avif|svg)$/i;function Hn(e){let t=At(e);if(!We(t))return!1;if(t.toLowerCase().startsWith("data:image/"))return!0;try{return Qr.test(new URL(t).pathname)}catch{return!1}}function J(e,t,n,r){let i={tag:e};return t&&Object.keys(t).length>0&&(i.attrs=t),n&&n.length>0&&(i.children=n),r!==void 0&&(i.key=r),i}var lt={card:{description:"Key/value details for a single entity, with optional title and subtitle.",dataShape:"A plain object. `title`, `subtitle`, and `fields` are used when present; other entries become field key/value pairs. Primitives render as a single value line. `meta.title`/`meta.subtitle` fill in missing chrome. Send field values typed (e.g. price: 9.99, not '$9.99') and use hints.fieldFormat for display formatting \u2014 the payload keeps the typed value while the render gets its unit. Field values that are image URLs render as images (see hints.images).",dataExample:{title:"Essence Mascara",subtitle:"beauty",fields:{price:9.99,rating:2.56,stock:99}},hints:{fieldFormat:"Record<fieldKey, pattern> \u2014 formats matching field values by substituting {value} in the pattern (e.g. { price: '${value}', rating: '{value} / 5' }); a pattern without {value} is prefixed to the value. Output is escaped like any text.",images:"Record<fieldKey, 'avatar' | 'thumb' | 'hero' | true | false> \u2014 field values that are https image URLs (image extension) or data:image/* URIs auto-render as images (default shape: thumb); a shape forces image treatment (use for extensionless URLs), true forces the default shape, false keeps the URL as text. Unsafe sources always render as text; image treatment wins over fieldFormat for the same key.",links:"Record<fieldKey, boolean | prefix> \u2014 true links a field whose value already IS an http(s)/mailto/tel URL; a prefix string composes the href while the display stays the clean value (e.g. { email: 'mailto:', phone: 'tel:' } shows a@b.c but links mailto:a@b.c). Unsafe compositions and non-strings stay plain text; image treatment wins for the same key. Links are never automatic \u2014 opt in per field."}},table:{description:"Rows and columns for arrays of records.",dataShape:"An array of records (plain objects). Columns are the union of record keys in first-seen order; missing cells render empty; non-array data becomes a single row. Cell values that are image URLs render as avatars (see hints.images). meta.title/meta.subtitle render as the table's caption. Send cell values typed (e.g. total: 11471334.78, not '11,471,334.78') and use hints.fieldFormat for display formatting \u2014 the payload keeps the typed value while the render gets its unit.",dataExample:[{name:"Ada",role:"eng",avatar:"https://picsum.photos/id/64/64/64.jpg"},{name:"Lin",role:"ops",avatar:"https://picsum.photos/id/65/64/64.jpg"}],hints:{columns:"string[] \u2014 overrides column selection and order",fieldFormat:"Record<columnKey, pattern> \u2014 formats matching cell values by substituting {value} in the pattern (e.g. { total: '${value}' }); a pattern without {value} is prefixed to the value. Output is escaped like any text; image treatment wins for the same column.",links:"Record<columnKey, boolean | prefix> \u2014 true links cells whose value already IS an http(s)/mailto/tel URL; a prefix string composes the href while the display stays the clean value (e.g. { email: 'mailto:', phone: 'tel:' } shows a@b.c but links mailto:a@b.c). Unsafe compositions and non-strings stay plain text; image treatment wins for the same column. Links are never automatic \u2014 opt in per column.",images:"Record<columnKey, 'avatar' | 'thumb' | 'hero' | true | false> \u2014 cell values that are https image URLs (image extension) or data:image/* URIs auto-render as images (default shape: avatar); a shape forces image treatment (use for extensionless URLs), true forces the default shape, false keeps the URL as text. Unsafe sources always render as text."}},tree:{description:"Collapsible hierarchy of labeled nodes \u2014 a person can expand and collapse branches by click or keyboard.",dataShape:"Nested `{ label, icon?, children[] }` nodes \u2014 a single root object or an array of them. A node with children renders as a native disclosure that opens and closes; leaves are plain labels. Optional `icon` is ONE string per node, shown before the label: a data:image/* URI or an https URL ending in an image extension (.png, .jpg, .svg, ...) renders as a small decorative image; any other string \u2014 an emoji, a glyph, an extensionless URL \u2014 renders as text. Nodes without a usable `label` get a JSON fallback label (which excludes `children` and `icon`). meta.title renders as a title line above the tree.",dataExample:{label:"src",icon:"\u{1F4C1}",children:[{label:"index.ts",icon:"\u{1F4C4}",children:[]}]},hints:{expandDepth:"number \u2014 branches at depth < value START expanded (default: unlimited). Presentational only: the full subtree is always in the markup, and collapsing is the disclosure's own behavior. The value selects only the INITIAL state (the `open` attribute on branches); a visitor's own expand/collapse survives later re-renders."}},group:{description:"Several widgets in one response \u2014 mixed kinds in a single layout container. Use ONE group render instead of repeated render calls when showing multiple widgets together.",dataShape:"{ items: [{ kind, data, hints?, meta? }, ...] } \u2014 each item is a full sub-widget rendered exactly as a top-level call would be (any listed kind except 'group'; groups do not nest). At most 20 items per group.",dataExample:{items:[{kind:"card",data:{title:"Ada",fields:{role:"eng"}}},{kind:"card",data:{title:"Lin",fields:{role:"ops"}}}]},hints:{layout:"'stack' | 'row' | 'grid' \u2014 how items sit together (default: stack). 'row' wraps; 'grid' uses equal columns.",gap:"'none' | 'sm' | 'md' | 'lg' \u2014 spacing between items (default: md).",columns:"number 1-4 \u2014 column count for layout: 'grid' (default: 2)."}}};var ei=/(\([^)]*[+*][^)]*\)|\[[^\]]*\][+*])[+*{]/;function ti(e){if(!(typeof e!="string"||e.length>256)&&!ei.test(e))try{return new RegExp(e)}catch{return}}function ut(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function Fn(e,t){switch(e){case"object":return ut(t);case"array":return Array.isArray(t);case"string":return typeof t=="string";case"number":return typeof t=="number";case"integer":return typeof t=="number"&&Number.isInteger(t);case"boolean":return typeof t=="boolean";case"null":return t===null;default:return!0}}function ni(e,t){return typeof e=="string"?Fn(e,t):Array.isArray(e)?e.some(n=>typeof n=="string"&&Fn(n,t)):!0}function ri(e,t){return e.some(n=>{if(n===t)return!0;try{return JSON.stringify(n)===JSON.stringify(t)}catch{return!1}})}function ii(e){return Array.isArray(e)?e.join(" | "):String(e)}function De(e,t,n="data"){if(Array.isArray(e.enum)&&!ri(e.enum,t))return{code:"INVALID_TYPE",path:n,message:`Value at '${n}' must be one of the enumerated options.`};if(e.type!==void 0&&!ni(e.type,t))return{code:"INVALID_TYPE",path:n,message:`Value at '${n}' must have type ${ii(e.type)}.`};if(typeof t=="string"&&e.pattern!==void 0){let r=ti(e.pattern);if(r!==void 0&&!r.test(t.slice(0,1e4)))return{code:"INVALID_TYPE",path:n,message:`Value at '${n}' must match pattern ${String(e.pattern)}.`}}if(ut(t)){if(Array.isArray(e.required)){for(let r of e.required)if(typeof r=="string"&&!(r in t))return{code:"MISSING_FIELD",path:`${n}.${r}`,message:`Missing required property '${r}'.`}}if(ut(e.properties)){for(let[r,i]of Object.entries(e.properties))if(r in t&&ut(i)){let o=De(i,t[r],`${n}.${r}`);if(o)return o}}}if(Array.isArray(t)&&ut(e.items))for(let r=0;r<t.length;r++){let i=De(e.items,t[r],`${n}.${r}`);if(i)return i}}function se(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function ie(e){if(typeof e=="string")return e;if(e===void 0)return"";if(e===null||typeof e=="number"||typeof e=="boolean"||typeof e=="bigint")return String(e);try{return JSON.stringify(e)??String(e)}catch{return String(e)}}function Dt(e,t){return e.includes("{value}")?e.split("{value}").join(t):e+t}function Ot(e,t,n,r){let o=(se(n)&&se(n.links)?n.links:void 0)?.[e];if(typeof t!="string"||t==="")return r;let a=o===!0?t:typeof o=="string"?o+t:void 0;return a===void 0||!Mn(a)?r:J("a",{class:"wg-link",href:a,rel:"noopener noreferrer"},[r])}var oi=["avatar","thumb","hero"],si=new Set(oi);function Ge(e,t,n,r){if(typeof t!="string")return null;let o=(se(n?.images)?n.images:void 0)?.[e];return o===!1?null:typeof o=="string"&&si.has(o)?We(t)?{src:t,shape:o}:null:o===!0?We(t)?{src:t,shape:r}:null:Hn(t)?{src:t,shape:r}:null}function Ye(e,t,n){return J("img",{class:`wg-img wg-img-${n}`,src:t,alt:e,loading:"lazy",decoding:"async"})}function Bn(e){let{data:t,meta:n}=e,r=se(e.hints?.fieldFormat)?e.hints.fieldFormat:void 0,i,o,a=[],f;se(t)?(i=t.title,o=t.subtitle,se(t.fields)?a=Object.entries(t.fields):a=Object.entries(t).filter(([u])=>u!=="title"&&u!=="subtitle")):f=ie(t),i===void 0&&(i=n?.title),o===void 0&&(o=n?.subtitle);let d=[];return i!==void 0&&d.push(J("div",{class:"wg-card-title"},[ie(i)])),o!==void 0&&d.push(J("div",{class:"wg-card-subtitle"},[ie(o)])),f!==void 0&&d.push(J("div",{class:"wg-card-value"},[f])),a.length>0&&d.push(J("dl",{class:"wg-card-fields"},a.map(([u,l])=>{let p=Ge(u,l,e.hints,"thumb"),m;if(p)m=Ye(u,p.src,p.shape);else{let w=ie(l),g=r?.[u],y=typeof g=="string"?Dt(g,w):w;m=Ot(u,l,e.hints,y)}return J("div",{class:"wg-card-field"},[J("dt",{class:"wg-card-field-key"},[u]),J("dd",{class:"wg-card-field-value"},[m])])}))),J("div",{class:"wg-card"},d)}function Nt(e){let t=[],n=new Set;for(let r of e){if(!se(r))return;let i=r.id,o;if(typeof i=="string")o=i;else if(typeof i=="number"&&Number.isFinite(i))o=String(i);else return;if(n.has(o))return;n.add(o),t.push(o)}return t}function Un(e){let t=Array.isArray(e.data)?e.data:[e.data],n=se(e.hints?.fieldFormat)?e.hints.fieldFormat:void 0,r=t.map(l=>se(l)?l:{value:l}),i=e.hints?.columns,o;if(Array.isArray(i)&&i.every(l=>typeof l=="string"))o=i;else{o=[];let l=new Set;for(let p of r)for(let m of Object.keys(p))l.has(m)||(l.add(m),o.push(m))}let a=Nt(r),f=[],d=e.meta?.title,u=e.meta?.subtitle;if(d!==void 0||u!==void 0){let l=[];d!==void 0&&l.push(J("span",{class:"wg-table-title"},[ie(d)])),u!==void 0&&l.push(J("span",{class:"wg-table-subtitle"},[ie(u)])),f.push(J("caption",{class:"wg-table-caption"},l))}return J("table",{class:"wg-table"},[...f,J("thead",{class:"wg-table-head"},[J("tr",void 0,o.map(l=>J("th",{class:"wg-table-header"},[l])))]),J("tbody",{class:"wg-table-body"},r.map((l,p)=>J("tr",{class:"wg-table-row"},o.map(m=>{if(!(m in l))return J("td",{class:"wg-table-cell"},[""]);let w=l[m],g=Ge(m,w,e.hints,"avatar"),y;if(g)y=Ye(m,g.src,g.shape);else{let v=ie(w),S=n?.[m],x=typeof S=="string"?Dt(S,v):v;y=Ot(m,w,e.hints,x)}return J("td",{class:"wg-table-cell"},[y])}),a?.[p])))])}function Vn(e){let t=e.hints?.expandDepth,n=typeof t=="number"&&!Number.isNaN(t)?Math.max(0,t):1/0,r=Array.isArray(e.data)?e.data:[e.data],i=J("ul",{class:"wg-tree"},Jn(r,0,n)),o=e.meta?.title;return o===void 0?i:J("div",{class:"wg-tree-titled"},[J("div",{class:"wg-tree-title"},[ie(o)]),i])}function ai(e){if(se(e)){if(e.label!==void 0)return ie(e.label);let{children:t,icon:n,...r}=e;return ie(r)}return ie(e)}function di(e){if(typeof e!="string")return;let t=Ge("",e,void 0,"icon");return t!==null?Ye("",t.src,t.shape):J("span",{class:"wg-tree-icon"},[e])}function zn(e){let t=se(e)?di(e.icon):void 0,n=ai(e);return t===void 0?[n]:[t,n]}var ci=64,li=e=>se(e)&&Array.isArray(e.children)&&e.children.length>0?e.children:void 0;function Jn(e,t,n){let r=Nt(e);return e.map((i,o)=>ui(i,t,n,r?.[o]))}function ui(e,t,n,r){let i=t<ci?li(e):void 0;if(i===void 0)return J("li",{class:"wg-tree-node"},[J("span",{class:"wg-tree-label"},zn(e))],r);let o=t<n;return J("li",{class:"wg-tree-node"},[J("details",{class:"wg-tree-branch",...o?{open:""}:{}},[J("summary",{class:"wg-tree-label"},zn(e)),J("ul",{class:"wg-tree-children"},Jn(i,t+1,n))])],r)}var Kn=20,pi=["stack","row","grid"],fi=["none","sm","md","lg"],gi=4;function qn(e){if(!se(e)||e.items===void 0)return{ok:!1,error:{code:"MISSING_FIELD",path:"data.items",message:"'group' data must be an object with an 'items' array."}};let t=e.items;if(!Array.isArray(t))return{ok:!1,error:{code:"INVALID_TYPE",path:"data.items",message:"'items' must be an array of sub-widgets."}};if(t.length>Kn)return{ok:!1,error:{code:"INVALID_TYPE",path:"data.items",message:`'items' holds ${t.length} sub-widgets; a group renders at most ${Kn}.`}};let n=[];for(let r=0;r<t.length;r++){let i=t[r];if(!se(i))return{ok:!1,error:{code:"INVALID_TYPE",path:`data.items[${r}]`,message:"each item must be an object: { kind, data, hints?, meta? }."}};if(typeof i.kind!="string"||i.kind==="")return{ok:!1,error:{code:"INVALID_TYPE",path:`data.items[${r}].kind`,message:"each item needs a widget kind (non-empty string)."}};if(i.kind==="group")return{ok:!1,error:{code:"INVALID_TYPE",path:`data.items[${r}].kind`,message:"a 'group' cannot contain another 'group'."}};let o={kind:i.kind,data:i.data};i.hints!==void 0&&(o.hints=i.hints),i.meta!==void 0&&(o.meta=i.meta),n.push(o)}return{ok:!0,items:n}}function Gn(e,t){let n=se(e)?e:{},r=pi.some(a=>a===n.layout)?n.layout:"stack",i=fi.some(a=>a===n.gap)?n.gap:"md",o=["wg-group",`wg-group-${r}`,`wg-gap-${i}`];if(r==="grid"){let a=typeof n.columns=="number"&&Number.isFinite(n.columns)?n.columns:2,f=Math.min(gi,Math.max(1,Math.trunc(a)));o.push(`wg-cols-${f}`)}return J("div",{class:o.join(" ")},t)}function Yn(e,t){if(typeof e=="string")return e;let n=e.attrs?.["data-wg-action"],r=e.attrs;if(typeof n=="string")try{let o=JSON.parse(n);typeof o=="object"&&o!==null&&(r={...e.attrs,"data-wg-action":JSON.stringify({...o,at:t})})}catch{}let i=e.children?.map(o=>Yn(o,t));return{tag:e.tag,...r!==void 0?{attrs:r}:{},...i!==void 0?{children:i}:{}}}var Rt=class extends Error{code="DUPLICATE_KIND";kind;constructor(t){super(`Widget kind '${t}' is already registered.`),this.name="DuplicateKindError",this.kind=t}};function Se(){let e=new Map,t=new Map,n={register(r,i,o){if(e.has(r))throw new Rt(r);e.set(r,i),t.set(r,{kind:r,description:o?.description??`Custom widget kind '${r}'.`,dataShape:o?.dataShape??"Defined by the registered renderer.",...o?.dataExample!==void 0?{dataExample:o.dataExample}:{},...o?.hints?{hints:o.hints}:{},...o?.dataSchema?{dataSchema:o.dataSchema}:{},...o?.styles?{styles:o.styles}:{}})},has:r=>e.has(r),resolve:r=>e.get(r),kinds:()=>[...e.keys()],describe:r=>t.get(r),list:()=>[...t.values()],render(r,i={}){let o=In(r,{knownKinds:new Set(e.keys())});if(!o.ok)return o;let a=i.partialData===!0?void 0:t.get(o.payload.kind)?.dataSchema;if(a){let d=De(a,o.payload.data);if(d)return{ok:!1,error:d}}if(o.payload.kind==="group"){let d=qn(o.payload.data);if(!d.ok)return d;let u=[];for(let l=0;l<d.items.length;l++){let p=d.items[l],m=n.render({kind:p.kind,data:p.data,...p.hints!==void 0?{hints:p.hints}:{},...p.meta!==void 0?{meta:p.meta}:{}},i);if(!m.ok){let w=m.error.path;return{ok:!1,error:{...m.error,path:`data.items[${l}]${w?`.${w}`:""}`}}}u.push(Yn(m.node,`data.items.${l}`))}return{ok:!0,node:Gn(o.payload.hints,u)}}let f=e.get(o.payload.kind);if(f===void 0)return{ok:!1,error:{code:"UNKNOWN_KIND",path:"kind",message:`Unknown widget kind '${o.payload.kind}'.`}};try{return{ok:!0,node:f(o.payload)}}catch(d){return{ok:!1,error:{code:"RENDER_FAILED",path:"widget",message:`Renderer for kind '${o.payload.kind}' threw: ${d instanceof Error?d.message:String(d)}`}}}}};return n.register("card",Bn,lt.card),n.register("table",Un,lt.table),n.register("tree",Vn,lt.tree),n.register("group",r=>{let i=n.render(r);if(i.ok)return i.node;throw new Error(i.error.message)},lt.group),n}var pn=/[;{}<>@\\]/,Xn=/^-?[a-zA-Z][a-zA-Z-]*$/;function mi(e){if(pn.test(e))return!1;let t=e.split(",").map(n=>n.trim());return t.length>0&&t.every(n=>n.includes(".wg-"))}function hi(e){return!pn.test(e)&&!/url\s*\(/i.test(e)&&!/expression\s*\(/i.test(e)}function _e(e){let t=[];for(let[n,r]of Object.entries(e)){if(!mi(n)||typeof r!="object"||r===null)continue;let i=[];for(let[o,a]of Object.entries(r))Xn.test(o)&&(typeof a!="string"||!hi(a)||i.push(` ${o}: ${a};`));i.length>0&&t.push(`${n} {
|
|
2
2
|
${i.join(`
|
|
3
3
|
`)}
|
|
4
4
|
}`)}return t.join(`
|
|
5
|
-
`)}function k(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}var
|
|
6
|
-
${
|
|
5
|
+
`)}function k(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}var Qe=["number","currency","date"],et=e=>Qe.some(t=>t===e),Ie=0,Me=8,He=["narrowSymbol","symbol","code"],tt=e=>He.some(t=>t===e),Lt=/^[A-Z]{3}$/,nt=["yyyy","MM","dd","HH","mm","ss"],Qn=" -/:.,T",Ct=40,fn=new RegExp(`^[${Qn.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")}yMdHms]*$`),er=1e11,$t=/^[A-Za-z]{2,8}(?:-[A-Za-z0-9]{2,8}){0,3}$/,tr="en-US";function jt(e){let t=[],n="",r=0,i=0;e:for(;i<e.length;){for(let a of nt)if(e.startsWith(a,i)){n!==""&&t.push({literal:n}),n="",t.push({token:a}),r+=1,i+=a.length;continue e}let o=e[i];if(/[A-Za-z]/.test(o))return;n+=o,i+=1}return n!==""&&t.push({literal:n}),r===0?void 0:t}function gn(e){try{return Intl.NumberFormat.supportedLocalesOf([e]).length>0}catch{return!1}}function wi(e){if(typeof e=="number")return Number.isFinite(e)?e:void 0;if(typeof e!="string")return;let t=e.trim();if(t==="")return;let n=Number(t);return Number.isFinite(n)?n:void 0}function yi(e){if(typeof e=="number")return Number.isFinite(e)?Math.abs(e)<er?e*1e3:e:void 0;if(typeof e!="string")return;let t=e.trim();if(t==="")return;let n=/^(\d{4}-\d{2}-\d{2})(?:[T ](\d{2}:\d{2}(?::\d{2})?)(?:\.(\d+))?(Z|[+-]\d{2}:?\d{2})?)?$/.exec(t);if(n===null)return;let[,r,i,o,a]=n,f=o===void 0?"":`.${o.slice(0,3)}`,d=i===void 0?"00:00:00":i.length===5?`${i}:00`:i,u=Date.parse(`${r}T${d}${f}${a??"Z"}`);return Number.isFinite(u)?u:void 0}var Xe=(e,t)=>String(e).padStart(t,"0");function bi(e,t){let n=new Date(e),r=i=>{switch(i){case"yyyy":return Xe(n.getUTCFullYear(),4);case"MM":return Xe(n.getUTCMonth()+1,2);case"dd":return Xe(n.getUTCDate(),2);case"HH":return Xe(n.getUTCHours(),2);case"mm":return Xe(n.getUTCMinutes(),2);case"ss":return Xe(n.getUTCSeconds(),2)}};return t.map(i=>"token"in i?r(i.token):i.literal).join("")}var vi=/[\u00A0\u202F\u2009]/g,Ze=e=>ie(e);function Pt(e){if(!k(e)||!et(e.type))return;if(e.type==="date")return typeof e.pattern=="string"?{type:"date",pattern:e.pattern}:void 0;let t=typeof e.decimals=="number"&&Number.isInteger(e.decimals)&&e.decimals>=Ie&&e.decimals<=Me?e.decimals:void 0,n=typeof e.locale=="string"&&$t.test(e.locale)?e.locale:void 0,r={...t===void 0?{}:{decimals:t},...n===void 0?{}:{locale:n}};if(e.type==="number")return{type:"number",...r};if(!(typeof e.currency!="string"||!Lt.test(e.currency)))return{type:"currency",currency:e.currency,...tt(e.currencyDisplay)?{currencyDisplay:e.currencyDisplay}:{},...r}}function xi(e){if(e.type==="date"){let i=jt(e.pattern);return i===void 0?Ze:o=>{let a=yi(o);return a===void 0?Ze(o):bi(a,i)}}let t=e.locale??tr,n=e.decimals===void 0?{}:{minimumFractionDigits:e.decimals,maximumFractionDigits:e.decimals},r;try{r=e.type==="number"?new Intl.NumberFormat(t,n):new Intl.NumberFormat(t,{style:"currency",currency:e.currency,currencyDisplay:e.currencyDisplay??"narrowSymbol",...n})}catch{return Ze}return i=>{let o=wi(i);return o===void 0?Ze(i):r.format(o).replace(vi," ")}}var Zn=new WeakMap;function nr(e){if(!k(e))return Ze;let t=Zn.get(e);if(t!==void 0)return t;let n=Pt(e),r=n===void 0?Ze:xi(n);return Zn.set(e,r),r}function Wt(e,t){return nr(t)(e)}var be={bg:{default:"#ffffff",type:"color",use:"Page background behind widgets."},surface:{default:"#ffffff",type:"color",fallback:"bg",use:"Widget panel background (cards, tables); falls back to bg when unset."},fg:{default:"#1f2430",type:"color",use:"Primary text."},muted:{default:"#6b7280",type:"color",use:"Secondary text: labels, captions, keys."},accent:{default:"#2563eb",type:"color",use:"Emphasis: titles, links, filled badges."},"accent-fg":{default:"#ffffff",type:"color",use:"Text drawn on an accent fill (filled badges and buttons)."},border:{default:"#e2e8f0",type:"color",use:"Hairlines: panel edges, row rules."},"border-width":{default:"1px",type:"dimension",use:"Width of those hairlines."},radius:{default:"6px",type:"dimension",use:"Default corner rounding."},"radius-sm":{default:"3px",type:"dimension",use:"Tight rounding: pills, chips, inline marks."},"radius-lg":{default:"12px",type:"dimension",use:"Generous rounding: hero media, large panels."},spacing:{default:"8px",type:"dimension",use:"Base spacing step."},"spacing-sm":{default:"4px",type:"dimension",use:"Half step: inline gaps inside a row."},"spacing-lg":{default:"16px",type:"dimension",use:"Double step: section separation."},"font-family":{default:"system-ui, -apple-system, 'Segoe UI', sans-serif",type:"font-family",use:"Body text family."},"font-mono":{default:"ui-monospace, SFMono-Regular, Menlo, monospace",type:"font-family",use:"Monospace family for the wg-code block utility."},"font-size":{default:"14px",type:"dimension",use:"Body text size."},"font-size-sm":{default:"12px",type:"dimension",use:"Small text: captions, stats, pills."},"font-size-lg":{default:"18px",type:"dimension",use:"Large text: widget titles."},"font-weight-bold":{default:"600",type:"font-weight",use:"Weight for titles and emphasized labels."},"line-height":{default:"1.45",type:"number",use:"Text density."},shadow:{default:"0 1px 3px rgba(0, 0, 0, 0.12)",type:"shadow",use:"Panel elevation."},danger:{default:"#b91c1c",type:"color",use:"Error status: fills and text (see .wg-status-danger)."},"danger-fg":{default:"#ffffff",type:"color",use:"Text on a danger fill."},success:{default:"#15803d",type:"color",use:"Success status (see .wg-status-success)."},"success-fg":{default:"#ffffff",type:"color",use:"Text on a success fill."},warning:{default:"#b45309",type:"color",use:"Warning status (see .wg-status-warning)."},"warning-fg":{default:"#ffffff",type:"color",use:"Text on a warning fill."},info:{default:"#0369a1",type:"color",use:"Informational status (see .wg-status-info)."},"info-fg":{default:"#ffffff",type:"color",use:"Text on an info fill."},"avatar-size":{default:"32px",type:"dimension",use:"Box of .wg-img-avatar images."},"thumb-size":{default:"48px",type:"dimension",use:"Box of .wg-img-thumb images."}},Fe=Object.fromEntries(Object.entries(be).map(([e,t])=>[e,t.default])),ve=Object.keys(be);function Be(e){return!/[;{}<>]/.test(e)&&!/url\s*\(/i.test(e)&&!/expression\s*\(/i.test(e)}function R(e){return`var(--wg-${e}, ${Fe[e]})`}var ki=`:root {
|
|
6
|
+
${ve.map(e=>` --wg-${e}: ${Fe[e]};`).join(`
|
|
7
7
|
`)}
|
|
8
|
-
}`,
|
|
9
|
-
${
|
|
8
|
+
}`,mn="1.25em",ir=`
|
|
9
|
+
${ki}
|
|
10
10
|
.wg-card, .wg-table, .wg-tree, .wg-code, .wg-template {
|
|
11
|
-
font-family: ${
|
|
12
|
-
font-size: ${
|
|
13
|
-
line-height: ${
|
|
14
|
-
color: ${
|
|
11
|
+
font-family: ${R("font-family")};
|
|
12
|
+
font-size: ${R("font-size")};
|
|
13
|
+
line-height: ${R("line-height")};
|
|
14
|
+
color: ${R("fg")};
|
|
15
15
|
}
|
|
16
16
|
.wg-card {
|
|
17
|
-
background: var(--wg-surface, ${
|
|
18
|
-
border: ${
|
|
19
|
-
border-radius: ${
|
|
20
|
-
box-shadow: ${
|
|
21
|
-
padding: ${
|
|
17
|
+
background: var(--wg-surface, ${R("bg")});
|
|
18
|
+
border: ${R("border-width")} solid ${R("border")};
|
|
19
|
+
border-radius: ${R("radius-lg")};
|
|
20
|
+
box-shadow: ${R("shadow")};
|
|
21
|
+
padding: ${R("spacing-lg")};
|
|
22
22
|
}
|
|
23
23
|
.wg-card-title {
|
|
24
|
-
color: ${
|
|
25
|
-
font-size: ${
|
|
26
|
-
font-weight: ${
|
|
27
|
-
margin-bottom: ${
|
|
24
|
+
color: ${R("accent")};
|
|
25
|
+
font-size: ${R("font-size-lg")};
|
|
26
|
+
font-weight: ${R("font-weight-bold")};
|
|
27
|
+
margin-bottom: ${R("spacing")};
|
|
28
28
|
}
|
|
29
29
|
.wg-card-subtitle {
|
|
30
|
-
color: ${
|
|
31
|
-
font-size: ${
|
|
32
|
-
margin-bottom: ${
|
|
30
|
+
color: ${R("muted")};
|
|
31
|
+
font-size: ${R("font-size-sm")};
|
|
32
|
+
margin-bottom: ${R("spacing")};
|
|
33
33
|
}
|
|
34
34
|
.wg-card-fields {
|
|
35
35
|
margin: 0;
|
|
36
36
|
}
|
|
37
37
|
.wg-card-field {
|
|
38
38
|
display: flex;
|
|
39
|
-
gap: ${
|
|
40
|
-
padding: ${
|
|
39
|
+
gap: ${R("spacing")};
|
|
40
|
+
padding: ${R("spacing-sm")} 0;
|
|
41
41
|
}
|
|
42
42
|
.wg-card-field-key {
|
|
43
|
-
color: ${
|
|
43
|
+
color: ${R("muted")};
|
|
44
44
|
}
|
|
45
45
|
.wg-card-field-value {
|
|
46
46
|
margin: 0;
|
|
47
47
|
}
|
|
48
48
|
.wg-table {
|
|
49
|
-
background: var(--wg-surface, ${
|
|
50
|
-
border: ${
|
|
51
|
-
border-radius: ${
|
|
49
|
+
background: var(--wg-surface, ${R("bg")});
|
|
50
|
+
border: ${R("border-width")} solid ${R("border")};
|
|
51
|
+
border-radius: ${R("radius")};
|
|
52
52
|
border-collapse: collapse;
|
|
53
53
|
}
|
|
54
54
|
.wg-table-header {
|
|
55
|
-
color: ${
|
|
56
|
-
font-size: ${
|
|
57
|
-
font-weight: ${
|
|
55
|
+
color: ${R("muted")};
|
|
56
|
+
font-size: ${R("font-size-sm")};
|
|
57
|
+
font-weight: ${R("font-weight-bold")};
|
|
58
58
|
text-align: left;
|
|
59
|
-
border-bottom: calc(${
|
|
60
|
-
padding: ${
|
|
59
|
+
border-bottom: calc(${R("border-width")} * 2) solid ${R("border")};
|
|
60
|
+
padding: ${R("spacing")};
|
|
61
61
|
}
|
|
62
62
|
.wg-table-cell {
|
|
63
|
-
border-bottom: ${
|
|
64
|
-
padding: ${
|
|
63
|
+
border-bottom: ${R("border-width")} solid ${R("border")};
|
|
64
|
+
padding: ${R("spacing")};
|
|
65
65
|
}
|
|
66
66
|
.wg-tree {
|
|
67
67
|
list-style: none;
|
|
@@ -70,16 +70,16 @@ ${wi}
|
|
|
70
70
|
}
|
|
71
71
|
.wg-tree-children {
|
|
72
72
|
list-style: none;
|
|
73
|
-
padding-left: ${
|
|
74
|
-
border-left: ${
|
|
73
|
+
padding-left: ${R("spacing-lg")};
|
|
74
|
+
border-left: ${R("border-width")} solid ${R("border")};
|
|
75
75
|
}
|
|
76
76
|
.wg-tree-node {
|
|
77
|
-
padding: ${
|
|
77
|
+
padding: ${R("spacing-sm")} 0;
|
|
78
78
|
}
|
|
79
79
|
.wg-tree-label {
|
|
80
80
|
display: flex;
|
|
81
81
|
align-items: center;
|
|
82
|
-
gap: ${
|
|
82
|
+
gap: ${R("spacing-sm")};
|
|
83
83
|
}
|
|
84
84
|
.wg-tree-branch > .wg-tree-label {
|
|
85
85
|
cursor: pointer;
|
|
@@ -93,7 +93,7 @@ ${wi}
|
|
|
93
93
|
flex: 0 0 auto;
|
|
94
94
|
width: 0;
|
|
95
95
|
height: 0;
|
|
96
|
-
border-left: 0.4em solid ${
|
|
96
|
+
border-left: 0.4em solid ${R("muted")};
|
|
97
97
|
border-top: 0.3em solid transparent;
|
|
98
98
|
border-bottom: 0.3em solid transparent;
|
|
99
99
|
}
|
|
@@ -102,84 +102,84 @@ ${wi}
|
|
|
102
102
|
}
|
|
103
103
|
.wg-tree-icon {
|
|
104
104
|
flex: 0 0 auto;
|
|
105
|
-
width: ${
|
|
105
|
+
width: ${mn};
|
|
106
106
|
text-align: center;
|
|
107
107
|
}
|
|
108
108
|
.wg-img-icon {
|
|
109
109
|
flex: 0 0 auto;
|
|
110
|
-
width: ${
|
|
111
|
-
height: ${
|
|
112
|
-
border-radius: ${
|
|
110
|
+
width: ${mn};
|
|
111
|
+
height: ${mn};
|
|
112
|
+
border-radius: ${R("radius-sm")};
|
|
113
113
|
}
|
|
114
114
|
/* Monospace block utility. No built-in emits it: it is a styling surface
|
|
115
115
|
template authors opt into, and what keeps the font-mono token consumed. */
|
|
116
116
|
.wg-code {
|
|
117
|
-
font-family: ${
|
|
118
|
-
background: var(--wg-surface, ${
|
|
119
|
-
border: ${
|
|
120
|
-
border-radius: ${
|
|
121
|
-
padding: ${
|
|
117
|
+
font-family: ${R("font-mono")};
|
|
118
|
+
background: var(--wg-surface, ${R("bg")});
|
|
119
|
+
border: ${R("border-width")} solid ${R("border")};
|
|
120
|
+
border-radius: ${R("radius")};
|
|
121
|
+
padding: ${R("spacing")};
|
|
122
122
|
overflow: auto;
|
|
123
123
|
}
|
|
124
124
|
.wg-status {
|
|
125
125
|
display: inline-block;
|
|
126
|
-
padding: 0 ${
|
|
127
|
-
border-radius: ${
|
|
128
|
-
font-size: ${
|
|
129
|
-
font-weight: ${
|
|
130
|
-
}
|
|
131
|
-
.wg-status-danger { background: ${
|
|
132
|
-
.wg-status-success { background: ${
|
|
133
|
-
.wg-status-warning { background: ${
|
|
134
|
-
.wg-status-info { background: ${
|
|
135
|
-
.wg-status-accent { background: ${
|
|
126
|
+
padding: 0 ${R("spacing-sm")};
|
|
127
|
+
border-radius: ${R("radius-sm")};
|
|
128
|
+
font-size: ${R("font-size-sm")};
|
|
129
|
+
font-weight: ${R("font-weight-bold")};
|
|
130
|
+
}
|
|
131
|
+
.wg-status-danger { background: ${R("danger")}; color: ${R("danger-fg")}; }
|
|
132
|
+
.wg-status-success { background: ${R("success")}; color: ${R("success-fg")}; }
|
|
133
|
+
.wg-status-warning { background: ${R("warning")}; color: ${R("warning-fg")}; }
|
|
134
|
+
.wg-status-info { background: ${R("info")}; color: ${R("info-fg")}; }
|
|
135
|
+
.wg-status-accent { background: ${R("accent")}; color: ${R("accent-fg")}; }
|
|
136
136
|
.wg-img {
|
|
137
137
|
object-fit: cover;
|
|
138
138
|
vertical-align: middle;
|
|
139
|
-
background: ${
|
|
139
|
+
background: ${R("border")};
|
|
140
140
|
}
|
|
141
141
|
.wg-img-avatar {
|
|
142
|
-
width: ${
|
|
143
|
-
height: ${
|
|
142
|
+
width: ${R("avatar-size")};
|
|
143
|
+
height: ${R("avatar-size")};
|
|
144
144
|
border-radius: 50%;
|
|
145
145
|
}
|
|
146
146
|
.wg-img-thumb {
|
|
147
|
-
width: ${
|
|
148
|
-
height: ${
|
|
149
|
-
border-radius: ${
|
|
147
|
+
width: ${R("thumb-size")};
|
|
148
|
+
height: ${R("thumb-size")};
|
|
149
|
+
border-radius: ${R("radius")};
|
|
150
150
|
}
|
|
151
151
|
.wg-img-hero {
|
|
152
152
|
display: block;
|
|
153
153
|
width: 100%;
|
|
154
154
|
max-width: 100%;
|
|
155
155
|
height: auto;
|
|
156
|
-
border-radius: ${
|
|
156
|
+
border-radius: ${R("radius")};
|
|
157
157
|
}
|
|
158
158
|
.wg-table-caption {
|
|
159
159
|
caption-side: top;
|
|
160
160
|
text-align: left;
|
|
161
|
-
padding-bottom: ${
|
|
161
|
+
padding-bottom: ${R("spacing")};
|
|
162
162
|
}
|
|
163
163
|
.wg-table-title {
|
|
164
164
|
display: block;
|
|
165
|
-
color: ${
|
|
166
|
-
font-size: ${
|
|
167
|
-
font-weight: ${
|
|
168
|
-
margin-bottom: ${
|
|
165
|
+
color: ${R("accent")};
|
|
166
|
+
font-size: ${R("font-size-lg")};
|
|
167
|
+
font-weight: ${R("font-weight-bold")};
|
|
168
|
+
margin-bottom: ${R("spacing-sm")};
|
|
169
169
|
}
|
|
170
170
|
.wg-table-subtitle {
|
|
171
171
|
display: block;
|
|
172
|
-
color: ${
|
|
173
|
-
font-size: ${
|
|
172
|
+
color: ${R("muted")};
|
|
173
|
+
font-size: ${R("font-size-sm")};
|
|
174
174
|
}
|
|
175
175
|
.wg-tree-title {
|
|
176
|
-
color: ${
|
|
177
|
-
font-size: ${
|
|
178
|
-
font-weight: ${
|
|
179
|
-
margin-bottom: ${
|
|
176
|
+
color: ${R("accent")};
|
|
177
|
+
font-size: ${R("font-size-lg")};
|
|
178
|
+
font-weight: ${R("font-weight-bold")};
|
|
179
|
+
margin-bottom: ${R("spacing")};
|
|
180
180
|
}
|
|
181
181
|
.wg-link {
|
|
182
|
-
color: ${
|
|
182
|
+
color: ${R("accent")};
|
|
183
183
|
text-decoration: underline;
|
|
184
184
|
}
|
|
185
185
|
.wg-group {
|
|
@@ -205,25 +205,25 @@ ${wi}
|
|
|
205
205
|
.wg-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
|
206
206
|
.wg-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
|
|
207
207
|
.wg-gap-none { gap: 0; }
|
|
208
|
-
.wg-gap-sm { gap: ${
|
|
209
|
-
.wg-gap-md { gap: ${
|
|
210
|
-
.wg-gap-lg { gap: ${
|
|
211
|
-
`.trim(),tr="data-widgentic";function gn(e){if(e.head.querySelector(`style[${tr}]`))return;let t=e.createElement("style");t.setAttribute(tr,"base"),t.textContent=nr,e.head.appendChild(t)}function yi(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}var bi=new Set(xe),mn=/^x-[a-z0-9][a-z0-9-]*$/;function vi(e){return Object.keys(e).filter(t=>mn.test(t))}function rr(e){return`--wg-${e}`}function Be(e){if(!yi(e))return{ok:!1,error:{code:"INVALID_THEME",message:"Theme must be a plain object."}};for(let[t,n]of Object.entries(e)){if(!bi.has(t)&&!mn.test(t))return{ok:!1,error:{code:"UNKNOWN_TOKEN",message:`Unknown theme token '${t}'. Use a registry token, or a custom variable named 'x-<lowercase-kebab>'.`,token:t}};if(typeof n!="string"||!Fe(n))return{ok:!1,error:{code:"INVALID_TOKEN_VALUE",message:`Token '${t}' has an invalid or unsafe value.`,token:t}}}return{ok:!0,theme:e}}function xi(e){let t=e,n;for(let r of xe){let{fallback:i}=ve[r];if(i===void 0||typeof t[r]=="string")continue;let o=t[i];typeof o=="string"&&(n??={...t},n[r]=o)}return n??e}function hn(e,t){let n=xi(t),r=e.style;if(!r)return;for(let o of xe)r.removeProperty(rr(o));for(let o=r.length-1;o>=0;o--){let a=r.item(o);a.startsWith("--wg-x-")&&r.removeProperty(a)}let i=[...xe,...vi(n)];for(let o of i){let a=n[o];typeof a=="string"&&Fe(a)&&r.setProperty(rr(o),a)}}var Pt=/^(?:on.*|srcdoc)$/i,Wt=new Set(["script","iframe","frame","frameset","object","embed","style","link","meta","base","template","noscript"]),_t=/^data-wg-/i,ir=new Set(["href","src","action","formaction","xlink:href","data","poster","ping"]),wn=64;var ki=new Set(["$meta","$root","$parent","$index"]);function ke(e){if(e===".")return{base:"scope",up:0,index:!1,segments:[]};let t=e.split("."),n=0,r="scope",i=0;if(t[0]==="$meta")r="meta",n=1;else if(t[0]==="$root")r="root",n=1;else for(;t[n]==="$parent";)i++,n++;let o=t.slice(n);if(o.length===1&&o[0]==="$index")return r!=="scope"?void 0:{base:r,up:i,index:!0,segments:[]};if(o.length===0)return r==="meta"?void 0:{base:r,up:i,index:!1,segments:[]};if(!o.some(a=>a===""||ki.has(a)))return{base:r,up:i,index:!1,segments:o}}var It=/^[a-z][a-z0-9-]{0,63}$/,Mt=It,ut=["replace","merge","patch"],pt=["GET","POST"];function ne(e,t){return e===""?t:`${e}.${t}`}function z(e,t){return{code:"INVALID_ACTION",message:e,path:t}}var Ei=/^[!#$%&'*+.^_`|~0-9A-Za-z-]+$/,Si=new Set(["host","content-length","transfer-encoding","connection"]),Ti=new Set(["__proto__","constructor","prototype"]);function Ht(e){return e===""?!1:e.split(".").every(t=>t!==""&&!t.startsWith("$")&&!Ti.has(t))}function Ai(e,t){if(typeof e!="string")return k(e)&&typeof e.secret=="string"?It.test(e.secret)?Object.keys(e).length!==1?z("A secret reference carries only 'secret'.",t):void 0:z(`Secret reference '${e.secret}' is not a valid secret name.`,t):z("Value must be a string or a { secret } reference.",t)}function yn(e){return!k(e)&&!Array.isArray(e)?!1:k(e)&&typeof e.secret=="string"?!0:(Array.isArray(e)?e:Object.values(e)).some(yn)}function Di(e,t){if(typeof e!="string"||e.length===0)return z("'url' must be a non-empty string.",t);let n;try{n=new URL(e)}catch{return z(`'url' must be an absolute URL (got '${e}').`,t)}if(n.protocol!=="https:")return z("'url' must use https.",t);if(n.username!==""||n.password!=="")return z("'url' must not carry userinfo.",t);if(n.hash!=="")return z("'url' must not carry a fragment.",t)}function nt(e,t="",n={}){if(!k(e))return z("Action definition must be an object.",t);if(e.kind==="prompt"){if(!Array.isArray(e.text))return z("'text' must be an array of literals and { bind } segments.",ne(t,"text"));let r=0;for(let i=0;i<e.text.length;i++){let o=e.text[i];if(typeof o=="string"){r+=o.length;continue}if(k(o)&&typeof o.bind=="string"&&Object.keys(o).length===1){if(n.isPath&&!n.isPath(o.bind))return z(`Invalid data path '${o.bind}'.`,ne(t,`text.${i}`));continue}return z("Prompt segments are strings or { bind } objects.",ne(t,`text.${i}`))}return r>2e3?z(`Prompt text exceeds ${2e3} characters.`,ne(t,"text")):void 0}if(e.kind==="http"){if(!pt.some(i=>i===e.method))return z("'method' must be GET or POST.",ne(t,"method"));let r=Di(e.url,ne(t,"url"));if(r)return r;if(!k(e.input)||e.input.type!=="object")return z(`'input' must be a JSON Schema with type "object".`,ne(t,"input"));if(yn(e.input))return z("Secret references are allowed only in headers and query.",ne(t,"input"));if(!k(e.output))return z("'output' must be a JSON Schema object.",ne(t,"output"));for(let i of["headers","query"]){let o=e[i];if(o!==void 0){if(!k(o))return z(`'${i}' must be an object.`,ne(t,i));for(let[a,f]of Object.entries(o)){let c=ne(t,`${i}.${a}`);if(!Ei.test(a))return z(`'${a}' is not a valid ${i==="headers"?"header":"parameter"} name.`,c);if(i==="headers"&&Si.has(a.toLowerCase()))return z(`Header '${a}' is set by the transport and cannot be declared.`,c);let l=Ai(f,c);if(l)return l}}}return}return z(`'kind' must be "prompt" or "http".`,ne(t,"kind"))}function Oi(e,t){return typeof e.ref=="string"?t.resolve?.(e.ref):e.definition}function Ft(e,t="",n={}){if(!k(e))return z("Action binding must be an object.",t);if("ref"in e){if(typeof e.ref!="string"||e.ref.length===0)return z("'ref' must name a shared action.",ne(t,"ref"));if("definition"in e)return z("A binding is either a { ref } or a { definition }, not both.",t);if(n.resolve&&n.resolve(e.ref)===void 0)return z(`Unknown action '${e.ref}'.`,ne(t,"ref"))}else if("definition"in e){let o=nt(e.definition,ne(t,"definition"),{...n.isPath?{isPath:n.isPath}:{}});if(o)return o}else return z("A binding names a shared action ({ ref }) or carries an inline { definition }.",t);let i=Oi(e,n);if(n.loadOnly&&i!==void 0&&(i.kind!=="http"||i.method!=="GET"))return z("'load' accepts only http GET actions.",t);if(e.input!==void 0){if(!k(e.input))return z("'input' must be an object.",ne(t,"input"));if(i?.kind==="prompt")return z("Prompt actions take no input mapping.",ne(t,"input"));let o=i?.kind==="http"&&k(i.input.properties)?i.input.properties:void 0;for(let[a,f]of Object.entries(e.input)){let c=ne(t,`input.${a}`);if(o!==void 0&&!(a in o))return z(`Input field '${a}' is not declared by the action's input schema.`,c);if(typeof f=="string"){if(n.isPath&&!n.isPath(f))return z(`Invalid data path '${f}'.`,c);continue}if(k(f)&&"const"in f&&Object.keys(f).length===1){if(yn(f.const))return z("Secret references are allowed only in headers and query.",c);continue}return z("Input values are data paths or { const } literals.",c)}}if(e.output!==void 0){let o=ne(t,"output");if(!k(e.output))return z("'output' must be an object.",o);if(i?.kind==="prompt")return z("Prompt actions have no output.",o);let{mode:a,path:f,map:c}=e.output;if(a!==void 0&&!ut.some(l=>l===a))return z("'mode' must be replace, merge or patch.",ne(o,"mode"));if(a==="patch"){if(typeof f!="string"||!Ht(f))return z("'patch' requires a valid data 'path'.",ne(o,"path"))}else if(f!==void 0)return z(`'path' is only meaningful with mode "patch".`,ne(o,"path"));if(c!==void 0){if(!k(c))return z("'map' must be an object of data paths.",ne(o,"map"));let l=Object.entries(c);if(l.length===0)return z("'map' must not be empty (omit it to take the whole response).",ne(o,"map"));for(let[u,p]of l){let m=ne(o,`map.${u}`);if(u!=="."&&!Ht(u))return z(`'${u}' is not a valid data path.`,m);if(typeof p!="string"||p!=="."&&!Ht(p))return z("Map values are data paths into the response ('.' for the whole response).",m)}}}}function gt(e,t="load",n={}){return Ft(e,t,{...n,loadOnly:!0})}function Ue(e,t){return e===""?t:`${e}.${t}`}function ie(e,t){return{code:"INVALID_TEMPLATE_NODE",message:e,path:t}}function or(e,t,n){let r=i=>ie(`${t}: ${i}`,n);if(!k(e))return r("'format' must be an object.");if(!Qe(e.type))return r(`'format.type' must be one of ${Ze.join(", ")}.`);if(e.type==="date")return typeof e.pattern!="string"?r("'format.pattern' must be a string."):e.pattern.length===0||e.pattern.length>Rt?r(`'format.pattern' must be 1-${Rt} characters.`):un.test(e.pattern)?Ct(e.pattern)===void 0?r(`'format.pattern' must use at least one of ${tt.join(", ")} and no stray letters.`):void 0:r("'format.pattern' may contain only the date tokens and separators.");if(e.decimals!==void 0&&(typeof e.decimals!="number"||!Number.isInteger(e.decimals)||e.decimals<_e||e.decimals>Ie))return r(`'format.decimals' must be an integer ${_e}-${Ie}.`);if(e.locale!==void 0&&(typeof e.locale!="string"||!Lt.test(e.locale)||!pn(e.locale)))return r("'format.locale' must be a BCP-47 language tag this runtime knows.");if(e.type==="currency"){if(typeof e.currency!="string"||!Nt.test(e.currency))return r("'format.currency' must be a three-letter uppercase ISO-4217 code.");if(e.currencyDisplay!==void 0&&!et(e.currencyDisplay))return r(`'format.currencyDisplay' must be one of ${Me.join(", ")}.`)}return $t(e)===void 0?r("'format' is not a spec the engine accepts."):void 0}var sr=["map","prefix","format"];function mt(e){let t=sr.filter(n=>e[n]!==void 0);return t.length>1?"conflict":t[0]}function Bt(e,t){if(ke(e)===void 0)return{code:"INVALID_PATH",message:`Invalid data path '${e}'.`,path:t}}function rt(e,t,n){if(n>wn)return{code:"TEMPLATE_TOO_DEEP",message:`Template exceeds the maximum nesting depth of ${wn}.`,path:t};if(typeof e!="string"){if(!k(e))return ie("Template node must be a string or a plain object.",t);if("bind"in e){if(typeof e.bind!="string")return ie("'bind' must be a string path.",t);let r=Bt(e.bind,t);return r||(e.map!==void 0&&e.format!==void 0?ie("A text bind carries either 'map' or 'format' \u2014 one transform per value.",t):e.map!==void 0?!k(e.map)||Object.values(e.map).some(i=>typeof i!="string")?ie("Bind: 'map' must be an object of string values.",t):e.default!==void 0&&typeof e.default!="string"?ie("Bind: 'default' must be a string.",t):void 0:e.default!==void 0?ie("Bind: 'default' requires 'map'.",t):e.format!==void 0?or(e.format,"Bind",t):void 0)}if("each"in e){if(typeof e.each!="string")return ie("'each' must be a string path.",t);let r=Bt(e.each,t);if(r)return r;if(!("template"in e))return ie("'each' node requires a 'template'.",t);let i=rt(e.template,Ue(t,"template"),n+1);return i||("empty"in e&&e.empty!==void 0?rt(e.empty,Ue(t,"empty"),n+1):void 0)}if("when"in e){if(typeof e.when!="string")return ie("'when' must be a string path.",t);let r=Bt(e.when,t);if(r)return r;if(!("template"in e))return ie("'when' node requires a 'template'.",t);let i=rt(e.template,Ue(t,"template"),n+1);return i||("else"in e&&e.else!==void 0?rt(e.else,Ue(t,"else"),n+1):void 0)}if("tag"in e){if(typeof e.tag!="string"||e.tag.length===0)return ie("'tag' must be a non-empty string.",t);if(Wt.has(e.tag.toLowerCase()))return{code:"FORBIDDEN_TAG",message:`Element '${e.tag}' is not allowed in templates (active or foreign content).`,path:t};if("attrs"in e&&e.attrs!==void 0){if(!k(e.attrs))return ie("'attrs' must be an object.",t);for(let[r,i]of Object.entries(e.attrs)){let o=Ue(t,`attrs.${r}`);if(Pt.test(r))return{code:"FORBIDDEN_ATTRIBUTE",message:`Attribute '${r}' is not allowed in templates (event handlers and srcdoc).`,path:o};if(_t.test(r))return{code:"FORBIDDEN_ATTRIBUTE",message:`Attribute '${r}' is reserved for the renderer (data-wg-*); use an 'action' binding.`,path:o};if(typeof i!="string"){if(k(i)&&typeof i.bind=="string"){let a=Bt(i.bind,o);if(a)return a;let f=mt(i),c=f==="map",l=f==="prefix",u=f==="format";if(f==="conflict")return ie(`Attribute '${r}' carries more than one of 'map', 'prefix' and 'format' \u2014 one transform per value.`,o);if(c){if(!k(i.map)||Object.values(i.map).some(p=>typeof p!="string"))return ie(`Attribute '${r}': 'map' must be an object of string values.`,o);if(i.default!==void 0&&typeof i.default!="string")return ie(`Attribute '${r}': 'default' must be a string.`,o)}else if(i.default!==void 0)return ie(`Attribute '${r}': 'default' requires 'map'.`,o);if(l&&typeof i.prefix!="string")return ie(`Attribute '${r}': 'prefix' must be a string.`,o);if(u){let p=or(i.format,`Attribute '${r}'`,o);if(p)return p}continue}return ie(`Attribute '${r}' must be a string, { bind }, { bind, map, default? }, { bind, prefix } or { bind, format } value.`,o)}}}if("action"in e&&e.action!==void 0){if(k(e.attrs)&&Object.keys(e.attrs).some(o=>o.toLowerCase()==="href"))return{code:"CONFLICTING_ATTRIBUTES",message:"An element carries 'href' or an 'action' binding, never both.",path:t};let i=Ft(e.action,Ue(t,"action"),{isPath:o=>ke(o)!==void 0});if(i)return{code:"INVALID_ACTION",message:i.message,path:i.path}}if("children"in e&&e.children!==void 0){if(!Array.isArray(e.children))return ie("'children' must be an array.",t);for(let r=0;r<e.children.length;r++){let i=rt(e.children[r],Ue(t,`children.${r}`),n+1);if(i)return i}}return}return ie("Unknown template node form (expected text, bind, tag, each, or when).",t)}}function Oe(e){let t=rt(e,"",0);return t?{ok:!1,error:t}:{ok:!0,template:e}}function Ni(e,t,n){let r=i=>{if(k(i)){k(i.action)&&n(i.action);for(let o of["template","empty","else"])i[o]!==void 0&&r(i[o]);if(Array.isArray(i.children))for(let o of i.children)r(o)}};r(e),k(t)&&n(t)}function ht(e,t){let n=new Set;return Ni(e,t,r=>{typeof r.ref=="string"&&n.add(r.ref)}),[...n]}function Ut(e,t){return e===""?t:`${e}.${t}`}function it(e,t,n){let r=ke(e);if(r===void 0)return;let i;if(r.base==="meta")i=n;else if(r.base==="root")i=t[0]?.scope;else{let o=t.length-1-r.up;if(o<0)return;let a=t[o];if(a===void 0)return;if(r.index)return a.index;i=a.scope}for(let o of r.segments)if(Array.isArray(i)){let a=Number(o);i=Number.isInteger(a)?i[a]:void 0}else if(k(i))i=i[o];else return;return i}var ar=5e4;function Ri(e,t,n,r,i){let o="ref"in e&&typeof e.ref=="string"?i.actions?.(e.ref):"definition"in e&&k(e.definition)?e.definition:void 0;if(o===void 0||o.kind!=="prompt"&&o.kind!=="http"){let c={id:t,disabled:"unresolved"};return i.kind!==void 0&&(c.widget=i.kind),c}if(o.kind==="prompt"){let c="",l=Array.isArray(o.text)?o.text:[];for(let p of l)if(typeof p=="string"?c+=p:k(p)&&typeof p.bind=="string"&&(c+=re(it(p.bind,n,r))),c.length>=2e3)break;let u={id:t,kind:"prompt",text:Array.from(c).slice(0,2e3).join("")};return i.kind!==void 0&&(u.widget=i.kind),u}let a={};if(k(e.input))for(let[c,l]of Object.entries(e.input)){let u;typeof l=="string"?u=it(l,n,r):k(l)&&"const"in l&&(u=l.const),u!==void 0&&(a[c]=u)}let f={id:t,kind:"http",args:a};return i.httpDisabled!==void 0&&(f.disabled=i.httpDisabled),i.kind!==void 0&&(f.widget=i.kind),f}function wt(e,t,n,r,i,o){if(r.remaining<=0)return r.truncated=!0,[];if(typeof e=="string")return r.remaining--,[e];if(!k(e))return[];if(typeof e.bind=="string"){r.remaining--;let a=it(e.bind,t,n);if(k(e.map)){let f=re(a),c=Object.prototype.hasOwnProperty.call(e.map,f)?e.map[f]:void 0;return[typeof c=="string"?c:typeof e.default=="string"?e.default:""]}return[jt(a,e.format)]}if(typeof e.each=="string"){let a=it(e.each,t,n),f=Array.isArray(a)?a:[];if(f.length===0)return e.empty===void 0?[]:wt(e.empty,t,n,r,Ut(i,"empty"),o);let c=[],l=Ut(i,"template");for(let u=0;u<f.length;u++){if(r.remaining<=0){r.truncated=!0;break}r.remaining--,t.push({scope:f[u],index:u}),c.push(...wt(e.template,t,n,r,l,o)),t.pop()}return c}if(typeof e.when=="string"){let a=!!it(e.when,t,n),f=a?e.template:e.else;return f===void 0?[]:wt(f,t,n,r,Ut(i,a?"template":"else"),o)}if(typeof e.tag=="string"&&e.tag.length>0){if(Wt.has(e.tag.toLowerCase()))return[];r.remaining--;let a={};if(k(e.attrs))for(let[l,u]of Object.entries(e.attrs)){if(Pt.test(l)||_t.test(l))continue;let p;if(typeof u=="string")p=u;else if(k(u)&&typeof u.bind=="string"){let y=it(u.bind,t,n);if(k(u.map)){let g=re(y),b=Object.prototype.hasOwnProperty.call(u.map,g)?u.map[g]:void 0;p=typeof b=="string"?b:typeof u.default=="string"?u.default:""}else if(typeof u.prefix=="string"){let g=re(y);p=g===""?"":u.prefix+g}else u.format!==void 0?p=jt(y,u.format):p=re(y)}if(p===void 0)continue;let m=l.toLowerCase();if(ir.has(m)){let y=m==="src"&&e.tag.toLowerCase()==="img";if(!(cn(p)||y&&Pe(p)))continue}a[l]=p}k(e.action)&&(a["data-wg-action"]=JSON.stringify(Ri(e.action,i,t,n,o)));let f=Array.isArray(e.children)?e.children.flatMap((l,u)=>wt(l,t,n,r,Ut(i,`children.${u}`),o)):[],c={tag:e.tag};return Object.keys(a).length>0&&(c.attrs=a),f.length>0&&(c.children=f),[c]}return[]}function zt(e,t={}){let n=t.maxNodes??ar,r=t;return i=>{let o={remaining:n,truncated:!1},a=[{scope:i.data}],f=wt(e,a,i.meta,o,"",r);if(!o.truncated&&f.length===1){let l=f[0];if(l!==void 0)return l}let c={class:"wg-template"};return o.truncated&&(c["data-truncated"]="true"),{tag:"div",attrs:c,children:f}}}function ze(e,t){if(typeof e=="string")return t.createTextNode(e);let n=t.createElement(e.tag);if(e.attrs)for(let[r,i]of Object.entries(e.attrs))n.setAttribute(r,i);if(e.children)for(let r of e.children)n.appendChild(ze(r,t));return n}function bn(e,t,n){if(typeof e=="string"&&typeof t=="string")return e!==t&&(n.nodeValue=t),n;if(typeof e!="string"&&typeof t!="string"&&e.tag===t.tag&&n.nodeType===1)return Li(e,t,n),n;let r=n.ownerDocument;if(!r||!n.parentNode)return n;let i=ze(t,r);return n.parentNode.replaceChild(i,n),i}function Li(e,t,n){let r=e.attrs??{},i=t.attrs??{};for(let[o,a]of Object.entries(i))r[o]!==a&&n.setAttribute(o,a);for(let o of Object.keys(r))o in i||n.removeAttribute(o);Ci(e.children??[],t.children??[],n)}function Ci(e,t,n){let r=n.ownerDocument,i=[];for(let a=0;a<n.childNodes.length;a++){let f=n.childNodes[a];f&&i.push(f)}let o=Math.min(e.length,t.length);for(let a=0;a<o;a++){let f=e[a],c=t[a],l=i[a];f===void 0||c===void 0||(l?bn(f,c,l):n.appendChild(ze(c,r)))}for(let a=o;a<t.length;a++){let f=t[a];f!==void 0&&n.appendChild(ze(f,r))}for(let a=e.length-1;a>=o;a--){let f=i[a];f&&n.removeChild(f)}}function vn(e,t,n={}){let r=n.catalog??Ee(),i,o,a=!1,f,c=n.onAction;function l(y){try{let g=JSON.parse(y.getAttribute("data-wg-action")??"");if(typeof g=="object"&&g!==null&&typeof g.id=="string")return g}catch{}}function u(y){let b=y.target?.closest?.("[data-wg-action]");if(!b||!t.contains(b))return;if(y.type==="keydown"){let T=y.key;if(T!=="Enter"&&T!==" "||b.tagName==="BUTTON"||b.tagName==="A")return}if(y.preventDefault(),c===void 0)return;let v=l(b);v!==void 0&&c(v,f)}t.addEventListener("click",u),t.addEventListener("keydown",u);function p(y){if(a)throw new Error("Widget mount is disposed; create a new mount instead of updating.");let g=r.render(y);if(!g.ok)return g;if(i===void 0||o===void 0){let b=ze(g.node,t.ownerDocument);t.replaceChildren(b),o=b}else o=bn(i,g.node,o);return i=g.node,f=y,{ok:!0}}function m(){a||(a=!0,t.removeEventListener("click",u),t.removeEventListener("keydown",u),t.replaceChildren(),i=void 0,o=void 0,f=void 0)}return{initial:p(e),update:p,node:()=>i,dispose:m}}var kn=["bg","panel","border","line","text","muted","accent","accent-bg","accent-line","danger","danger-bg","danger-line","hover","hl-key","hl-str","hl-num","hl-bool","hl-punct","font","font-mono","font-size","font-size-sm","font-size-xs","radius-sm","radius","radius-lg","gap","shadow"],dr={font:"system-ui, sans-serif","font-mono":"ui-monospace, monospace","font-size":"13px","font-size-sm":"12px","font-size-xs":"11px"},cr={light:{bg:"#f6fafc",panel:"#ffffff",border:"#6e95a6",line:"#e4ecf2",text:"#0b1b26",muted:"#56707f",accent:"#1e6f92","accent-bg":"#e3f1f7","accent-line":"#4b91ae",danger:"#b42318","danger-bg":"#fdf2f2","danger-line":"#c97572",hover:"#eef5f9","hl-key":"#1e6f92","hl-str":"#2e7d5b","hl-num":"#96620f","hl-bool":"#7a4fbf","hl-punct":"#56707f",...dr,"radius-sm":"4px",radius:"6px","radius-lg":"8px",gap:"16px",shadow:"0 8px 24px -12px rgba(11, 27, 38, 0.35)"},dark:{bg:"#0b141b",panel:"#10202a",border:"#437082",line:"#1b2f3d",text:"#e6f0f5",muted:"#93a9b6",accent:"#8acbe6","accent-bg":"#14303d","accent-line":"#3e7e98",danger:"#f0a3a3","danger-bg":"#2a1a1c","danger-line":"#a3524f",hover:"#152a36","hl-key":"#8acbe6","hl-str":"#6cc79a","hl-num":"#e0b25a","hl-bool":"#bb9af7","hl-punct":"#93a9b6",...dr,"radius-sm":"4px",radius:"6px","radius-lg":"8px",gap:"16px",shadow:"0 8px 24px -12px rgba(0, 0, 0, 0.7)"}};function xn(e,t,n){return kn.map(r=>`${n}${t}-${r}: ${e[r]};`).join(`
|
|
212
|
-
`)}function
|
|
213
|
-
${
|
|
208
|
+
.wg-gap-sm { gap: ${R("spacing-sm")}; }
|
|
209
|
+
.wg-gap-md { gap: ${R("spacing")}; }
|
|
210
|
+
.wg-gap-lg { gap: ${R("spacing-lg")}; }
|
|
211
|
+
`.trim(),rr="data-widgentic";function hn(e){if(e.head.querySelector(`style[${rr}]`))return;let t=e.createElement("style");t.setAttribute(rr,"base"),t.textContent=ir,e.head.appendChild(t)}function Ei(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}var Si=new Set(ve),wn=/^x-[a-z0-9][a-z0-9-]*$/;function Ti(e){return Object.keys(e).filter(t=>wn.test(t))}function or(e){return`--wg-${e}`}function Ue(e){if(!Ei(e))return{ok:!1,error:{code:"INVALID_THEME",message:"Theme must be a plain object."}};for(let[t,n]of Object.entries(e)){if(!Si.has(t)&&!wn.test(t))return{ok:!1,error:{code:"UNKNOWN_TOKEN",message:`Unknown theme token '${t}'. Use a registry token, or a custom variable named 'x-<lowercase-kebab>'.`,token:t}};if(typeof n!="string"||!Be(n))return{ok:!1,error:{code:"INVALID_TOKEN_VALUE",message:`Token '${t}' has an invalid or unsafe value.`,token:t}}}return{ok:!0,theme:e}}function Ai(e){let t=e,n;for(let r of ve){let{fallback:i}=be[r];if(i===void 0||typeof t[r]=="string")continue;let o=t[i];typeof o=="string"&&(n??={...t},n[r]=o)}return n??e}function yn(e,t){let n=Ai(t),r=e.style;if(!r)return;for(let o of ve)r.removeProperty(or(o));for(let o=r.length-1;o>=0;o--){let a=r.item(o);a.startsWith("--wg-x-")&&r.removeProperty(a)}let i=[...ve,...Ti(n)];for(let o of i){let a=n[o];typeof a=="string"&&Be(a)&&r.setProperty(or(o),a)}}var _t=/^(?:on.*|srcdoc)$/i,It=new Set(["script","iframe","frame","frameset","object","embed","style","link","meta","base","template","noscript"]),Mt=/^data-wg-/i,sr=new Set(["href","src","action","formaction","xlink:href","data","poster","ping"]),bn=64;var Di=new Set(["$meta","$root","$parent","$index"]);function xe(e){if(e===".")return{base:"scope",up:0,index:!1,segments:[]};let t=e.split("."),n=0,r="scope",i=0;if(t[0]==="$meta")r="meta",n=1;else if(t[0]==="$root")r="root",n=1;else for(;t[n]==="$parent";)i++,n++;let o=t.slice(n);if(o.length===1&&o[0]==="$index")return r!=="scope"?void 0:{base:r,up:i,index:!0,segments:[]};if(o.length===0)return r==="meta"?void 0:{base:r,up:i,index:!1,segments:[]};if(!o.some(a=>a===""||Di.has(a)))return{base:r,up:i,index:!1,segments:o}}var Ht=/^[a-z][a-z0-9-]{0,63}$/,Ft=Ht,pt=["replace","merge","patch"],ft=["GET","POST"];function re(e,t){return e===""?t:`${e}.${t}`}function B(e,t){return{code:"INVALID_ACTION",message:e,path:t}}var Oi=/^[!#$%&'*+.^_`|~0-9A-Za-z-]+$/,Ni=new Set(["host","content-length","transfer-encoding","connection"]),Ri=new Set(["__proto__","constructor","prototype"]);function Bt(e){return e===""?!1:e.split(".").every(t=>t!==""&&!t.startsWith("$")&&!Ri.has(t))}function Li(e,t){if(typeof e!="string")return k(e)&&typeof e.secret=="string"?Ht.test(e.secret)?Object.keys(e).length!==1?B("A secret reference carries only 'secret'.",t):void 0:B(`Secret reference '${e.secret}' is not a valid secret name.`,t):B("Value must be a string or a { secret } reference.",t)}function vn(e){return!k(e)&&!Array.isArray(e)?!1:k(e)&&typeof e.secret=="string"?!0:(Array.isArray(e)?e:Object.values(e)).some(vn)}function Ci(e,t){if(typeof e!="string"||e.length===0)return B("'url' must be a non-empty string.",t);let n;try{n=new URL(e)}catch{return B(`'url' must be an absolute URL (got '${e}').`,t)}if(n.protocol!=="https:")return B("'url' must use https.",t);if(n.username!==""||n.password!=="")return B("'url' must not carry userinfo.",t);if(n.hash!=="")return B("'url' must not carry a fragment.",t)}function rt(e,t="",n={}){if(!k(e))return B("Action definition must be an object.",t);if(e.kind==="prompt"){if(!Array.isArray(e.text))return B("'text' must be an array of literals and { bind } segments.",re(t,"text"));let r=0;for(let i=0;i<e.text.length;i++){let o=e.text[i];if(typeof o=="string"){r+=o.length;continue}if(k(o)&&typeof o.bind=="string"&&Object.keys(o).length===1){if(n.isPath&&!n.isPath(o.bind))return B(`Invalid data path '${o.bind}'.`,re(t,`text.${i}`));continue}return B("Prompt segments are strings or { bind } objects.",re(t,`text.${i}`))}return r>2e3?B(`Prompt text exceeds ${2e3} characters.`,re(t,"text")):void 0}if(e.kind==="http"){if(!ft.some(i=>i===e.method))return B("'method' must be GET or POST.",re(t,"method"));let r=Ci(e.url,re(t,"url"));if(r)return r;if(!k(e.input)||e.input.type!=="object")return B(`'input' must be a JSON Schema with type "object".`,re(t,"input"));if(vn(e.input))return B("Secret references are allowed only in headers and query.",re(t,"input"));if(!k(e.output))return B("'output' must be a JSON Schema object.",re(t,"output"));for(let i of["headers","query"]){let o=e[i];if(o!==void 0){if(!k(o))return B(`'${i}' must be an object.`,re(t,i));for(let[a,f]of Object.entries(o)){let d=re(t,`${i}.${a}`);if(!Oi.test(a))return B(`'${a}' is not a valid ${i==="headers"?"header":"parameter"} name.`,d);if(i==="headers"&&Ni.has(a.toLowerCase()))return B(`Header '${a}' is set by the transport and cannot be declared.`,d);let u=Li(f,d);if(u)return u}}}return}return B(`'kind' must be "prompt" or "http".`,re(t,"kind"))}function $i(e,t){return typeof e.ref=="string"?t.resolve?.(e.ref):e.definition}function Ut(e,t="",n={}){if(!k(e))return B("Action binding must be an object.",t);if("ref"in e){if(typeof e.ref!="string"||e.ref.length===0)return B("'ref' must name a shared action.",re(t,"ref"));if("definition"in e)return B("A binding is either a { ref } or a { definition }, not both.",t);if(n.resolve&&n.resolve(e.ref)===void 0)return B(`Unknown action '${e.ref}'.`,re(t,"ref"))}else if("definition"in e){let o=rt(e.definition,re(t,"definition"),{...n.isPath?{isPath:n.isPath}:{}});if(o)return o}else return B("A binding names a shared action ({ ref }) or carries an inline { definition }.",t);let i=$i(e,n);if(n.loadOnly&&i!==void 0&&(i.kind!=="http"||i.method!=="GET"))return B("'load' accepts only http GET actions.",t);if(e.input!==void 0){if(!k(e.input))return B("'input' must be an object.",re(t,"input"));if(i?.kind==="prompt")return B("Prompt actions take no input mapping.",re(t,"input"));let o=i?.kind==="http"&&k(i.input.properties)?i.input.properties:void 0;for(let[a,f]of Object.entries(e.input)){let d=re(t,`input.${a}`);if(o!==void 0&&!(a in o))return B(`Input field '${a}' is not declared by the action's input schema.`,d);if(typeof f=="string"){if(n.isPath&&!n.isPath(f))return B(`Invalid data path '${f}'.`,d);continue}if(k(f)&&"const"in f&&Object.keys(f).length===1){if(vn(f.const))return B("Secret references are allowed only in headers and query.",d);continue}return B("Input values are data paths or { const } literals.",d)}}if(e.output!==void 0){let o=re(t,"output");if(!k(e.output))return B("'output' must be an object.",o);if(i?.kind==="prompt")return B("Prompt actions have no output.",o);let{mode:a,path:f,map:d}=e.output;if(a!==void 0&&!pt.some(u=>u===a))return B("'mode' must be replace, merge or patch.",re(o,"mode"));if(a==="patch"){if(typeof f!="string"||!Bt(f))return B("'patch' requires a valid data 'path'.",re(o,"path"))}else if(f!==void 0)return B(`'path' is only meaningful with mode "patch".`,re(o,"path"));if(d!==void 0){if(!k(d))return B("'map' must be an object of data paths.",re(o,"map"));let u=Object.entries(d);if(u.length===0)return B("'map' must not be empty (omit it to take the whole response).",re(o,"map"));for(let[l,p]of u){let m=re(o,`map.${l}`);if(l!=="."&&!Bt(l))return B(`'${l}' is not a valid data path.`,m);if(typeof p!="string"||p!=="."&&!Bt(p))return B("Map values are data paths into the response ('.' for the whole response).",m)}}}}function mt(e,t="load",n={}){return Ut(e,t,{...n,loadOnly:!0})}function ze(e,t){return e===""?t:`${e}.${t}`}function oe(e,t){return{code:"INVALID_TEMPLATE_NODE",message:e,path:t}}function ar(e,t,n){let r=i=>oe(`${t}: ${i}`,n);if(!k(e))return r("'format' must be an object.");if(!et(e.type))return r(`'format.type' must be one of ${Qe.join(", ")}.`);if(e.type==="date")return typeof e.pattern!="string"?r("'format.pattern' must be a string."):e.pattern.length===0||e.pattern.length>Ct?r(`'format.pattern' must be 1-${Ct} characters.`):fn.test(e.pattern)?jt(e.pattern)===void 0?r(`'format.pattern' must use at least one of ${nt.join(", ")} and no stray letters.`):void 0:r("'format.pattern' may contain only the date tokens and separators.");if(e.decimals!==void 0&&(typeof e.decimals!="number"||!Number.isInteger(e.decimals)||e.decimals<Ie||e.decimals>Me))return r(`'format.decimals' must be an integer ${Ie}-${Me}.`);if(e.locale!==void 0&&(typeof e.locale!="string"||!$t.test(e.locale)||!gn(e.locale)))return r("'format.locale' must be a BCP-47 language tag this runtime knows.");if(e.type==="currency"){if(typeof e.currency!="string"||!Lt.test(e.currency))return r("'format.currency' must be a three-letter uppercase ISO-4217 code.");if(e.currencyDisplay!==void 0&&!tt(e.currencyDisplay))return r(`'format.currencyDisplay' must be one of ${He.join(", ")}.`)}return Pt(e)===void 0?r("'format' is not a spec the engine accepts."):void 0}var dr=["map","prefix","format"];function wt(e){let t=dr.filter(n=>e[n]!==void 0);return t.length>1?"conflict":t[0]}function ht(e,t){if(xe(e)===void 0)return{code:"INVALID_PATH",message:`Invalid data path '${e}'.`,path:t}}function it(e,t,n){if(n>bn)return{code:"TEMPLATE_TOO_DEEP",message:`Template exceeds the maximum nesting depth of ${bn}.`,path:t};if(typeof e!="string"){if(!k(e))return oe("Template node must be a string or a plain object.",t);if("bind"in e){if(typeof e.bind!="string")return oe("'bind' must be a string path.",t);let r=ht(e.bind,t);return r||(e.map!==void 0&&e.format!==void 0?oe("A text bind carries either 'map' or 'format' \u2014 one transform per value.",t):e.map!==void 0?!k(e.map)||Object.values(e.map).some(i=>typeof i!="string")?oe("Bind: 'map' must be an object of string values.",t):e.default!==void 0&&typeof e.default!="string"?oe("Bind: 'default' must be a string.",t):void 0:e.default!==void 0?oe("Bind: 'default' requires 'map'.",t):e.format!==void 0?ar(e.format,"Bind",t):void 0)}if("each"in e){if(typeof e.each!="string")return oe("'each' must be a string path.",t);let r=ht(e.each,t);if(r)return r;if("key"in e&&e.key!==void 0){if(typeof e.key!="string")return oe("'key' must be a string path.",t);let o=ht(e.key,t);if(o)return o}if(!("template"in e))return oe("'each' node requires a 'template'.",t);let i=it(e.template,ze(t,"template"),n+1);return i||("empty"in e&&e.empty!==void 0?it(e.empty,ze(t,"empty"),n+1):void 0)}if("when"in e){if(typeof e.when!="string")return oe("'when' must be a string path.",t);let r=ht(e.when,t);if(r)return r;if(!("template"in e))return oe("'when' node requires a 'template'.",t);let i=it(e.template,ze(t,"template"),n+1);return i||("else"in e&&e.else!==void 0?it(e.else,ze(t,"else"),n+1):void 0)}if("tag"in e){if(typeof e.tag!="string"||e.tag.length===0)return oe("'tag' must be a non-empty string.",t);if(It.has(e.tag.toLowerCase()))return{code:"FORBIDDEN_TAG",message:`Element '${e.tag}' is not allowed in templates (active or foreign content).`,path:t};if("attrs"in e&&e.attrs!==void 0){if(!k(e.attrs))return oe("'attrs' must be an object.",t);for(let[r,i]of Object.entries(e.attrs)){let o=ze(t,`attrs.${r}`);if(_t.test(r))return{code:"FORBIDDEN_ATTRIBUTE",message:`Attribute '${r}' is not allowed in templates (event handlers and srcdoc).`,path:o};if(Mt.test(r))return{code:"FORBIDDEN_ATTRIBUTE",message:`Attribute '${r}' is reserved for the renderer (data-wg-*); use an 'action' binding.`,path:o};if(typeof i!="string"){if(k(i)&&typeof i.bind=="string"){let a=ht(i.bind,o);if(a)return a;let f=wt(i),d=f==="map",u=f==="prefix",l=f==="format";if(f==="conflict")return oe(`Attribute '${r}' carries more than one of 'map', 'prefix' and 'format' \u2014 one transform per value.`,o);if(d){if(!k(i.map)||Object.values(i.map).some(p=>typeof p!="string"))return oe(`Attribute '${r}': 'map' must be an object of string values.`,o);if(i.default!==void 0&&typeof i.default!="string")return oe(`Attribute '${r}': 'default' must be a string.`,o)}else if(i.default!==void 0)return oe(`Attribute '${r}': 'default' requires 'map'.`,o);if(u&&typeof i.prefix!="string")return oe(`Attribute '${r}': 'prefix' must be a string.`,o);if(l){let p=ar(i.format,`Attribute '${r}'`,o);if(p)return p}continue}return oe(`Attribute '${r}' must be a string, { bind }, { bind, map, default? }, { bind, prefix } or { bind, format } value.`,o)}}}if("action"in e&&e.action!==void 0){if(k(e.attrs)&&Object.keys(e.attrs).some(o=>o.toLowerCase()==="href"))return{code:"CONFLICTING_ATTRIBUTES",message:"An element carries 'href' or an 'action' binding, never both.",path:t};let i=Ut(e.action,ze(t,"action"),{isPath:o=>xe(o)!==void 0});if(i)return{code:"INVALID_ACTION",message:i.message,path:i.path}}if("children"in e&&e.children!==void 0){if(!Array.isArray(e.children))return oe("'children' must be an array.",t);for(let r=0;r<e.children.length;r++){let i=it(e.children[r],ze(t,`children.${r}`),n+1);if(i)return i}}return}return oe("Unknown template node form (expected text, bind, tag, each, or when).",t)}}function Oe(e){let t=it(e,"",0);return t?{ok:!1,error:t}:{ok:!0,template:e}}function ji(e,t,n){let r=i=>{if(k(i)){k(i.action)&&n(i.action);for(let o of["template","empty","else"])i[o]!==void 0&&r(i[o]);if(Array.isArray(i.children))for(let o of i.children)r(o)}};r(e),k(t)&&n(t)}function yt(e,t){let n=new Set;return ji(e,t,r=>{typeof r.ref=="string"&&n.add(r.ref)}),[...n]}function zt(e,t){return e===""?t:`${e}.${t}`}function Ve(e,t,n){let r=xe(e);if(r===void 0)return;let i;if(r.base==="meta")i=n;else if(r.base==="root")i=t[0]?.scope;else{let o=t.length-1-r.up;if(o<0)return;let a=t[o];if(a===void 0)return;if(r.index)return a.index;i=a.scope}for(let o of r.segments)if(Array.isArray(i)){let a=Number(o);i=Number.isInteger(a)?i[a]:void 0}else if(k(i))i=i[o];else return;return i}function Pi(e){if(typeof e=="string")return e;if(typeof e=="number"&&Number.isFinite(e))return String(e)}var cr=5e4;function Wi(e,t,n,r,i){let o="ref"in e&&typeof e.ref=="string"?i.actions?.(e.ref):"definition"in e&&k(e.definition)?e.definition:void 0;if(o===void 0||o.kind!=="prompt"&&o.kind!=="http"){let d={id:t,disabled:"unresolved"};return i.kind!==void 0&&(d.widget=i.kind),d}if(o.kind==="prompt"){let d="",u=Array.isArray(o.text)?o.text:[];for(let p of u)if(typeof p=="string"?d+=p:k(p)&&typeof p.bind=="string"&&(d+=ie(Ve(p.bind,n,r))),d.length>=2e3)break;let l={id:t,kind:"prompt",text:Array.from(d).slice(0,2e3).join("")};return i.kind!==void 0&&(l.widget=i.kind),l}let a={};if(k(e.input))for(let[d,u]of Object.entries(e.input)){let l;typeof u=="string"?l=Ve(u,n,r):k(u)&&"const"in u&&(l=u.const),l!==void 0&&(a[d]=l)}let f={id:t,kind:"http",args:a};return i.httpDisabled!==void 0&&(f.disabled=i.httpDisabled),i.kind!==void 0&&(f.widget=i.kind),f}function bt(e,t,n,r,i,o){if(r.remaining<=0)return r.truncated=!0,[];if(typeof e=="string")return r.remaining--,[e];if(!k(e))return[];if(typeof e.bind=="string"){r.remaining--;let a=Ve(e.bind,t,n);if(k(e.map)){let f=ie(a),d=Object.prototype.hasOwnProperty.call(e.map,f)?e.map[f]:void 0;return[typeof d=="string"?d:typeof e.default=="string"?e.default:""]}return[Wt(a,e.format)]}if(typeof e.each=="string"){let a=Ve(e.each,t,n),f=Array.isArray(a)?a:[];if(f.length===0)return e.empty===void 0?[]:bt(e.empty,t,n,r,zt(i,"empty"),o);let d=[],u=zt(i,"template"),l=typeof e.key=="string"?e.key:void 0;for(let p=0;p<f.length;p++){if(r.remaining<=0){r.truncated=!0;break}r.remaining--,t.push({scope:f[p],index:p});let m=bt(e.template,t,n,r,u,o),w=m.length===1?m[0]:void 0;if(l!==void 0&&w!==void 0&&typeof w!="string"){let g=Pi(Ve(l,t,n));g!==void 0&&(m[0]={...w,key:g})}d.push(...m),t.pop()}return d}if(typeof e.when=="string"){let a=!!Ve(e.when,t,n),f=a?e.template:e.else;return f===void 0?[]:bt(f,t,n,r,zt(i,a?"template":"else"),o)}if(typeof e.tag=="string"&&e.tag.length>0){if(It.has(e.tag.toLowerCase()))return[];r.remaining--;let a={};if(k(e.attrs))for(let[u,l]of Object.entries(e.attrs)){if(_t.test(u)||Mt.test(u))continue;let p;if(typeof l=="string")p=l;else if(k(l)&&typeof l.bind=="string"){let w=Ve(l.bind,t,n);if(k(l.map)){let g=ie(w),y=Object.prototype.hasOwnProperty.call(l.map,g)?l.map[g]:void 0;p=typeof y=="string"?y:typeof l.default=="string"?l.default:""}else if(typeof l.prefix=="string"){let g=ie(w);p=g===""?"":l.prefix+g}else l.format!==void 0?p=Wt(w,l.format):p=ie(w)}if(p===void 0)continue;let m=u.toLowerCase();if(sr.has(m)){let w=m==="src"&&e.tag.toLowerCase()==="img";if(!(un(p)||w&&We(p)))continue}a[u]=p}k(e.action)&&(a["data-wg-action"]=JSON.stringify(Wi(e.action,i,t,n,o)));let f=Array.isArray(e.children)?e.children.flatMap((u,l)=>bt(u,t,n,r,zt(i,`children.${l}`),o)):[],d={tag:e.tag};return Object.keys(a).length>0&&(d.attrs=a),f.length>0&&(d.children=f),[d]}return[]}function Vt(e,t={}){let n=t.maxNodes??cr,r=t;return i=>{let o={remaining:n,truncated:!1},a=[{scope:i.data}],f=bt(e,a,i.meta,o,"",r);if(!o.truncated&&f.length===1){let u=f[0];if(u!==void 0)return u}let d={class:"wg-template"};return o.truncated&&(d["data-truncated"]="true"),{tag:"div",attrs:d,children:f}}}function Ne(e,t){if(typeof e=="string")return t.createTextNode(e);let n=t.createElement(e.tag);if(e.attrs)for(let[r,i]of Object.entries(e.attrs))n.setAttribute(r,i);if(e.children)for(let r of e.children)n.appendChild(Ne(r,t));return n}function Jt(e,t,n){if(typeof e=="string"&&typeof t=="string")return e!==t&&(n.nodeValue=t),n;if(typeof e!="string"&&typeof t!="string"&&e.tag===t.tag&&n.nodeType===1)return _i(e,t,n),n;let r=n.ownerDocument;if(!r||!n.parentNode)return n;let i=Ne(t,r);return n.parentNode.replaceChild(i,n),i}function _i(e,t,n){let r=e.attrs??{},i=t.attrs??{};for(let[o,a]of Object.entries(i))r[o]!==a&&n.setAttribute(o,a);for(let o of Object.keys(r))o in i||n.removeAttribute(o);Mi(e.children??[],t.children??[],n)}function lr(e){let t=new Map;for(let n=0;n<e.length;n++){let r=e[n];if(r===void 0||typeof r=="string"||typeof r.key!="string"||t.has(r.key))return;t.set(r.key,n)}return t}function Ii(e,t,n,r,i){let o=i.ownerDocument,a=new Set,f=t.map(d=>{let u=d.key===void 0?void 0:n.get(d.key),l=u===void 0?void 0:e[u],p=u===void 0?void 0:r[u];return u===void 0||l===void 0||p===void 0?Ne(d,o):(a.add(u),Jt(l,d,p))});r.forEach((d,u)=>{!a.has(u)&&d.parentNode===i&&i.removeChild(d)}),f.forEach((d,u)=>{let l=i.childNodes[u]??null;d!==l&&i.insertBefore(d,l)})}function Mi(e,t,n){let r=n.ownerDocument,i=[];for(let f=0;f<n.childNodes.length;f++){let d=n.childNodes[f];d&&i.push(d)}let o=lr(e);if(o!==void 0&&lr(t)!==void 0){let f=t.filter(d=>typeof d!="string");Ii(e,f,o,i,n);return}let a=Math.min(e.length,t.length);for(let f=0;f<a;f++){let d=e[f],u=t[f],l=i[f];d===void 0||u===void 0||(l?Jt(d,u,l):n.appendChild(Ne(u,r)))}for(let f=a;f<t.length;f++){let d=t[f];d!==void 0&&n.appendChild(Ne(d,r))}for(let f=e.length-1;f>=a;f--){let d=i[f];d&&n.removeChild(d)}}function xn(e,t,n={}){let r=n.catalog??Se(),i,o,a=!1,f,d=n.onAction;function u(w){try{let g=JSON.parse(w.getAttribute("data-wg-action")??"");if(typeof g=="object"&&g!==null&&typeof g.id=="string")return g}catch{}}function l(w){let y=w.target?.closest?.("[data-wg-action]");if(!y||!t.contains(y))return;if(w.type==="keydown"){let S=w.key;if(S!=="Enter"&&S!==" "||y.tagName==="BUTTON"||y.tagName==="A")return}if(w.preventDefault(),d===void 0)return;let v=u(y);v!==void 0&&d(v,f)}t.addEventListener("click",l),t.addEventListener("keydown",l);function p(w){if(a)throw new Error("Widget mount is disposed; create a new mount instead of updating.");let g=r.render(w);if(!g.ok)return g;if(i===void 0||o===void 0){let y=Ne(g.node,t.ownerDocument);t.replaceChildren(y),o=y}else o=Jt(i,g.node,o);return i=g.node,f=w,{ok:!0}}function m(){a||(a=!0,t.removeEventListener("click",l),t.removeEventListener("keydown",l),t.replaceChildren(),i=void 0,o=void 0,f=void 0)}return{initial:p(e),update:p,node:()=>i,dispose:m}}var En=["bg","panel","border","line","text","muted","accent","accent-bg","accent-line","danger","danger-bg","danger-line","hover","hl-key","hl-str","hl-num","hl-bool","hl-punct","font","font-mono","font-size","font-size-sm","font-size-xs","radius-sm","radius","radius-lg","gap","shadow"],ur={font:"system-ui, sans-serif","font-mono":"ui-monospace, monospace","font-size":"13px","font-size-sm":"12px","font-size-xs":"11px"},pr={light:{bg:"#f6fafc",panel:"#ffffff",border:"#6e95a6",line:"#e4ecf2",text:"#0b1b26",muted:"#56707f",accent:"#1e6f92","accent-bg":"#e3f1f7","accent-line":"#4b91ae",danger:"#b42318","danger-bg":"#fdf2f2","danger-line":"#c97572",hover:"#eef5f9","hl-key":"#1e6f92","hl-str":"#2e7d5b","hl-num":"#96620f","hl-bool":"#7a4fbf","hl-punct":"#56707f",...ur,"radius-sm":"4px",radius:"6px","radius-lg":"8px",gap:"16px",shadow:"0 8px 24px -12px rgba(11, 27, 38, 0.35)"},dark:{bg:"#0b141b",panel:"#10202a",border:"#437082",line:"#1b2f3d",text:"#e6f0f5",muted:"#93a9b6",accent:"#8acbe6","accent-bg":"#14303d","accent-line":"#3e7e98",danger:"#f0a3a3","danger-bg":"#2a1a1c","danger-line":"#a3524f",hover:"#152a36","hl-key":"#8acbe6","hl-str":"#6cc79a","hl-num":"#e0b25a","hl-bool":"#bb9af7","hl-punct":"#93a9b6",...ur,"radius-sm":"4px",radius:"6px","radius-lg":"8px",gap:"16px",shadow:"0 8px 24px -12px rgba(0, 0, 0, 0.7)"}};function kn(e,t,n){return En.map(r=>`${n}${t}-${r}: ${e[r]};`).join(`
|
|
212
|
+
`)}function fr(e,t={}){let n=t.prefix??"--wgd",r=t.selector??":root",i=t.darkMediaSelector??r,o=[`${r} {
|
|
213
|
+
${kn(e.light,n," ")}
|
|
214
214
|
}`,`@media (prefers-color-scheme: dark) {
|
|
215
215
|
${i} {
|
|
216
|
-
${
|
|
216
|
+
${kn(e.dark,n," ")}
|
|
217
217
|
}
|
|
218
218
|
}`];return t.darkSelector!==void 0&&o.push(`${t.darkSelector} {
|
|
219
|
-
${
|
|
219
|
+
${kn(e.dark,n," ")}
|
|
220
220
|
}`),o.join(`
|
|
221
|
-
`)}function
|
|
221
|
+
`)}function we(e,t){let n=e.querySelector(t);if(n===null)throw new Error(`Designer chrome is missing a <${t}> element.`);return n}function s(e,t,n){let r=document.createElement(e);if(t)for(let[i,o]of Object.entries(t))r.setAttribute(i,o);if(n)for(let i of n)r.append(i);return r}function Re(e,t,n){let r=s("input",{type:"text",class:"wgd-input"});return r.value=t,r.addEventListener("input",()=>n(r.value)),s("label",{class:"wgd-field"},[s("span",{class:"wgd-field-label"},[e]),r])}function Kt(e,t,n,r=6){let i=s("textarea",{class:"wgd-textarea",rows:String(r),spellcheck:"false"});return i.value=t,i.addEventListener("input",()=>n(i.value)),s("label",{class:"wgd-field"},[...e===""?[]:[s("span",{class:"wgd-field-label"},[e])],i])}function ee(e,t,n=!0){let r={class:"wgd-section"};return n&&(r.open=""),s("details",r,[s("summary",{class:"wgd-section-title"},[e]),s("div",{class:"wgd-section-body"},t)])}function fe(e,t,n,r,i){let o=s("select",{class:n,...i===void 0?{}:{title:i}});for(let a of e)o.append(s("option",{value:a.value},[a.label??a.value]));return o.value=t,ke(o),o.addEventListener("change",()=>r(o.value)),o}function ke(e){let t=()=>{let n=e.options[e.selectedIndex]?.text??e.value;e.style.width=`calc(${Math.max(n.length,1)}ch + 1.2em + 18px)`};t(),e.addEventListener("change",t)}function Sn(e,t,n,r){let i=s("span",{class:"wgd-menuwrap"}),o=s("button",{class:"wgd-icon wgd-menu-toggle",type:"button",title:t},[e]),a=s("div",{class:"wgd-menu"});a.hidden=!0;let f=()=>{a.hidden=!0,document.removeEventListener("pointerdown",d,!0),document.removeEventListener("keydown",u,!0)},d=l=>{i.contains(l.target)||f()},u=l=>{l.key==="Escape"&&f()};o.addEventListener("click",()=>{if(!a.hidden){f();return}a.hidden=!1,document.addEventListener("pointerdown",d,!0),document.addEventListener("keydown",u,!0)});for(let l of n){let p=s("button",{class:"wgd-menu-item",type:"button"},[l]);p.addEventListener("click",()=>{f(),r(l)}),a.append(p)}return i.append(o,a),i}function q(e){let t=s("div",{class:"wgd-diagnostic"},e===void 0?[]:[e]);return e===void 0&&t.setAttribute("hidden",""),t}var Hi=new Set(En),Fi=/^(inherit|initial|unset|revert|revert-layer)$/i;function Le(e,t){if(t!==void 0)for(let[n,r]of Object.entries(t))Hi.has(n)&&(typeof r!="string"||Fi.test(r.trim())||e.style.setProperty(`--wgd-${n}`,r))}function mr(e){if(e!==null)try{let t=JSON.parse(e);return typeof t!="object"||t===null||Array.isArray(t)?void 0:t}catch{return}}var gr="data-widgentic-designer";function Ce(e){if(e.head.querySelector(`style[${gr}]`))return;let t=e.createElement("style");t.setAttribute(gr,"chrome"),t.textContent=`
|
|
222
222
|
/* Chrome tokens (CHROME_TOKENS), generated from CHROME_DEFAULTS so the
|
|
223
223
|
exported palette IS the applied one. A host overrides any of them through
|
|
224
224
|
options.chrome (inline on the root, which outranks these rules). Widget
|
|
225
225
|
content inside the preview keeps its own --wg-* theme tokens. */
|
|
226
|
-
${
|
|
226
|
+
${fr(pr,{selector:".wgd-root",darkMediaSelector:'.wgd-root:not([data-wgd-theme="light"])',darkSelector:'.wgd-root[data-wgd-theme="dark"]'})}
|
|
227
227
|
.wgd-root { display: flex; gap: var(--wgd-gap); font-family: var(--wgd-font); font-size: var(--wgd-font-size); align-items: flex-start; color: var(--wgd-text); background: var(--wgd-bg); }
|
|
228
228
|
/* Any chrome class that sets display would silently defeat the hidden
|
|
229
229
|
attribute (learned live twice: the add menu, then the styles tree as a
|
|
@@ -408,7 +408,7 @@ ${lr(cr,{selector:".wgd-root",darkMediaSelector:'.wgd-root:not([data-wgd-theme="
|
|
|
408
408
|
panel (fitSelect), so carets hug the text \u2014 no flex stretching here. */
|
|
409
409
|
.wgd-node .wgd-tag { flex: 0 0 auto; font-family: var(--wgd-font-mono); font-size: var(--wgd-font-size-xs); color: var(--wgd-accent); background: var(--wgd-accent-bg); border: 1px solid transparent; border-radius: var(--wgd-radius-sm); padding: 0 4px; }
|
|
410
410
|
.wgd-node .wgd-tag:hover, .wgd-node .wgd-tag:focus { border-color: var(--wgd-accent-line); }
|
|
411
|
-
.wgd-node .wgd-path { flex: 0 1 auto; min-width: 6ch; max-width: 100%; font-family: var(--wgd-font-mono); }
|
|
411
|
+
.wgd-node .wgd-path, .wgd-node .wgd-each-key { flex: 0 1 auto; min-width: 6ch; max-width: 100%; font-family: var(--wgd-font-mono); }
|
|
412
412
|
.wgd-node .wgd-select { box-sizing: border-box; }
|
|
413
413
|
/* Theme panel: swatch beside each color token. */
|
|
414
414
|
/* Syntax coloring: <pre> layer behind a transparent-text textarea. Every
|
|
@@ -443,13 +443,13 @@ textarea.wgd-hl-input {
|
|
|
443
443
|
.wgd-token-ref-name { font-family: var(--wgd-font-mono); color: var(--wgd-accent); }
|
|
444
444
|
.wgd-token-ref-value { color: var(--wgd-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
445
445
|
.wgd-token-ref-details summary { cursor: pointer; }
|
|
446
|
-
`,e.head.appendChild(t)}function
|
|
447
|
-
`)),e.replaceChildren(...n)}function
|
|
446
|
+
`,e.head.appendChild(t)}function ce(e){return JSON.parse(JSON.stringify(e))}function le(e){return e instanceof Error?e.message:String(e)}var Tn=/("(?:[^"\\]|\\.)*")(\s*:)?|(-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)|\b(true|false|null)\b|([{}[\],:])/g;function Bi(e){let t=[],n=0,r;for(Tn.lastIndex=0;(r=Tn.exec(e))!==null;)r.index>n&&t.push({cls:"",text:e.slice(n,r.index)}),r[1]!==void 0?r[2]!==void 0?(t.push({cls:"k",text:r[1]}),t.push({cls:"p",text:r[2]})):t.push({cls:"s",text:r[1]}):r[3]!==void 0?t.push({cls:"n",text:r[3]}):r[4]!==void 0?t.push({cls:"b",text:r[4]}):r[5]!==void 0&&t.push({cls:"p",text:r[5]}),n=Tn.lastIndex;return n<e.length&&t.push({cls:"",text:e.slice(n)}),t}function hr(e,t){let n=[];for(let r of Bi(t)){if(r.cls===""){n.push(document.createTextNode(r.text));continue}let i=document.createElement("span");i.className=`wgd-hl-${r.cls}`,i.textContent=r.text,n.push(i)}n.push(document.createTextNode(`
|
|
447
|
+
`)),e.replaceChildren(...n)}function ue(e){let t=e.parentNode;if(t===null)return()=>{};let n=document.createElement("div");n.className="wgd-hlwrap";let r=document.createElement("pre");r.className="wgd-hl",r.setAttribute("aria-hidden","true"),t.insertBefore(n,e),n.append(r,e),e.classList.add("wgd-hl-input");let i=()=>{hr(r,e.value),r.scrollTop=e.scrollTop,r.scrollLeft=e.scrollLeft},o=()=>{r.scrollTop=e.scrollTop,r.scrollLeft=e.scrollLeft},a=f=>{if(f.key!=="Tab"||f.shiftKey||e.readOnly)return;f.preventDefault();let{selectionStart:d,selectionEnd:u,value:l}=e;e.value=`${l.slice(0,d)} ${l.slice(u)}`,e.selectionStart=e.selectionEnd=d+2,e.dispatchEvent(new Event("input",{bubbles:!0}))};return e.addEventListener("input",i),e.addEventListener("scroll",o),e.addEventListener("keydown",a),i(),()=>{e.removeEventListener("input",i),e.removeEventListener("scroll",o),e.removeEventListener("keydown",a),e.classList.remove("wgd-hl-input"),n.replaceWith(e)}}function me(e){let t=e.parentElement?.querySelector(".wgd-hl");t instanceof HTMLElement&&hr(t,e.value)}function An(e){let t=[];if(!k(e))return["Definition must be an object."];(typeof e.kind!="string"||e.kind.trim()==="")&&t.push("'kind' must be a non-empty string.");let n=Oe(e.template);if(n.ok||t.push(`template: ${n.error.code} \u2014 ${n.error.message}`),k(e.descriptor)?typeof e.descriptor.description!="string"&&t.push("'descriptor.description' must be a string."):t.push("'descriptor' must be an object."),e.load!==void 0){let r=mt(e.load,"load",{isPath:i=>xe(i)!==void 0});r&&t.push(`load: ${r.message} (at ${r.path})`)}return t}function Ui(e){let t={kind:e.kind,template:e.template,descriptor:e.descriptor,...e.load!==void 0?{load:e.load}:{}};return JSON.stringify(t,null,2)}function zi(e){let t;try{t=JSON.parse(e)}catch(r){return{ok:!1,errors:[`Invalid JSON: ${le(r)}`]}}let n=An(t);return n.length>0?{ok:!1,errors:n}:{ok:!0,definition:t}}function Dn(e,t){let n=e.get().theme;e.replace({kind:t.kind,template:t.template,descriptor:t.descriptor,...t.load!==void 0?{load:t.load}:{},...n!==void 0?{theme:n}:{}})}function Vi(e){return e.split(/[^a-zA-Z0-9]+/).filter(t=>t.length>0).map((t,n)=>n===0?t:t[0]?.toUpperCase()+t.slice(1)).join("")}function Ji(e){return`import type { CustomWidget } from "./index.js";
|
|
448
448
|
|
|
449
|
-
export const ${
|
|
450
|
-
`}function
|
|
451
|
-
`);return}r.hidden=!0,r.textContent="",An(e,u.definition)});let f=X("Import",[i,r,s("div",{class:"wgd-row"},[a])]),c=X("Export",[s("div",{class:"wgd-row"},[n("Export widget entry",()=>Wi(e.get())),n("Copy as TypeScript",()=>Mi(e.get()))]),t]);c.classList.add("wgd-view-only");let l=s("div",{class:"wgd-io"},[f,c]);return ce(t),{element:l,dispose:()=>l.remove()}}var Hi=["string","number","boolean","null","object","array"];function Dn(e){return e===null?"null":Array.isArray(e)?"array":typeof e}function Fi(e,t){switch(e){case"string":return typeof t=="number"||typeof t=="boolean"?String(t):"";case"number":{let n=Number(t);return Number.isFinite(n)?n:0}case"boolean":return t==="true"?!0:!!t&&t!=="false";case"null":return null;case"object":return{};case"array":return[]}}function Te(e,t,n,r=!1){if(t.length===0)return n;let[i,...o]=t;if(Array.isArray(e)){let a=[...e];return o.length===0&&r?a.splice(i,1):a[i]=Te(a[i],o,n,r),a}if(typeof e=="object"&&e!==null){let a={...e};return o.length===0&&r?delete a[i]:a[i]=Te(a[i],o,n,r),a}return e}function Bi(e,t,n,r){let i=t.reduce((a,f)=>typeof a=="object"&&a!==null?a[f]:void 0,e);if(typeof i!="object"||i===null||Array.isArray(i))return e;let o=Object.entries(i).map(([a,f])=>a===n?[r,f]:[a,f]);return Te(e,t,Object.fromEntries(o))}function mr(e,t){let n=e,r=s("div",{class:"wgd-jsontree"});function i(p){n=p,u(),t(n)}function o(p,m,y){let g=m==="number"?Number.isFinite(Number(y))?Number(y):0:y;n=Te(n,p,g),t(n)}function a(p,m){let y=s("select",{class:"wgd-select wgd-jt-type"});for(let g of Hi)y.append(s("option",{value:g},[g]));return y.value=Dn(p),y.addEventListener("change",()=>i(Te(n,m,Fi(y.value,p)))),y}function f(p,m){let y=Dn(p);if(y==="boolean"){let g=s("input",{type:"checkbox"});return g.checked=p,g.addEventListener("change",()=>i(Te(n,m,g.checked))),g}if(y==="null")return s("code",void 0,["null"]);if(y==="string"||y==="number"){let g=s("input",{type:"text",class:"wgd-input"});return g.value=String(p),g.addEventListener("change",()=>o(m,y,g.value)),g}return s("span")}function c(p,m,y,g){let b=s("div",{class:"wgd-jt-row"},[p,a(m,y)]),v=Dn(m);if(v!=="object"&&v!=="array"&&b.append(f(m,y)),g){let x=s("button",{class:"wgd-icon",type:"button",title:"Remove"},["\u2715"]);x.addEventListener("click",()=>i(Te(n,y,void 0,!0))),b.append(x)}let T=s("div",{class:"wgd-jt-entry"},[b]);return(v==="object"||v==="array")&&T.append(l(m,y)),T}function l(p,m){let y=s("div",{class:"wgd-jt-children"});if(Array.isArray(p)){p.forEach((v,T)=>{y.append(c(s("span",{class:"wgd-jt-key"},[String(T)]),v,[...m,T],!0))});let b=s("button",{class:"wgd-button wgd-add",type:"button"},["+ item"]);b.addEventListener("click",()=>i(Te(n,[...m,p.length],""))),y.append(s("div",{class:"wgd-toolbar"},[b]))}else if(typeof p=="object"&&p!==null){for(let[v,T]of Object.entries(p)){let x=s("input",{type:"text",class:"wgd-input wgd-jt-keyinput"});x.value=v,x.addEventListener("change",()=>i(Bi(n,m,v,x.value))),y.append(c(x,T,[...m,v],!0))}let b=s("button",{class:"wgd-button wgd-add",type:"button"},["+ property"]);b.addEventListener("click",()=>{let v=p,T="key";for(let x=1;T in v;x++)T=`key${x}`;i(Te(n,[...m,T],""))}),y.append(s("div",{class:"wgd-toolbar"},[b]))}return s("details",{class:"wgd-jt-branch",open:""},[s("summary",{class:"wgd-jt-summary"},[Array.isArray(p)?`[ ${p.length} item${p.length===1?"":"s"} ]`:`{ ${Object.keys(p).length} propert${Object.keys(p).length===1?"y":"ies"} }`]),y])}function u(){r.replaceChildren(c(s("span",{class:"wgd-jt-key"},["value"]),n,[],!1))}return u(),{element:r,getValue:()=>n,setValue(p){r.contains(document.activeElement)||(n=p,u())}}}var hr=["object","array","string","number","integer","boolean","null","any"],wr=new Set(["string","number","integer","any"]);function ot(e,t){let n=e,r=s("div",{class:"wgd-schemabuilder"});function i(c,l=!0){n=c,t(n),l&&f()}function o(c,l,u){let p={...c};return u===void 0?delete p[l]:p[l]=u,p}function a(c,l,u,p=[],m=[]){let y=[],g=s("select",{class:"wgd-select wgd-sb-type"});for(let A of hr)g.append(s("option",{value:A},[A]));let b=c.type,v=Array.isArray(b)?b.filter(A=>typeof A=="string"):void 0,T=v?.includes("null")??!1,x=typeof b=="string"?b:v?.find(A=>A!=="null")??(T?"null":"any");g.value=hr.some(A=>A===x)?x:"any",Se(g);let N=s("input",{type:"checkbox",title:"Also allows null"});N.checked=T,N.disabled=g.value==="any"||g.value==="null";function C(A,M){if(A!=="any")return M&&A!=="null"?[A,"null"]:A}N.addEventListener("change",()=>{l(o(c,"type",C(g.value,N.checked)))}),g.addEventListener("change",()=>{let A=o(c,"type",C(g.value,N.checked));g.value!=="object"&&(A=o(o(A,"properties",void 0),"required",void 0)),g.value!=="array"&&(A=o(A,"items",void 0)),g.value!=="string"&&(A=o(A,"pattern",void 0)),wr.has(g.value)||(A=o(A,"enum",void 0)),l(A)}),y.push(s("div",{class:"wgd-sb-row"},[...p,g,s("label",{class:"wgd-sb-req wgd-sb-null",title:"Also allows null"},[N,"null"]),...m]));let I=[];if(g.value==="string"){let A=s("input",{type:"text",class:"wgd-input wgd-sb-constraint",placeholder:"pattern (regex, optional)"});A.value=typeof c.pattern=="string"?c.pattern:"",A.addEventListener("change",()=>l(o(c,"pattern",A.value===""?void 0:A.value))),I.push(s("span",{class:"wgd-sb-label"},["pattern"]),A)}let B=G(void 0);if(wr.has(g.value)){let A=s("input",{type:"text",class:"wgd-input wgd-sb-constraint",placeholder:'enum ["a","b"] (optional)'});A.value=Array.isArray(c.enum)?JSON.stringify(c.enum):"",A.addEventListener("change",()=>{if(A.value.trim()===""){B.hidden=!0,l(o(c,"enum",void 0));return}try{let M=JSON.parse(A.value);if(!Array.isArray(M))throw new Error("must be a JSON array");B.hidden=!0,l(o(c,"enum",M))}catch(M){B.hidden=!1,B.textContent=`enum ignored: ${de(M)}`}}),I.push(s("span",{class:"wgd-sb-label"},["enum"]),A)}if(I.length>0&&y.push(s("div",{class:"wgd-sb-row wgd-sb-constraints"},I),B),g.value==="object"){let A=k(c.properties)?c.properties:{},M=Array.isArray(c.required)?c.required.filter(W=>typeof W=="string"):[],V=s("div",{class:"wgd-jt-children"});for(let[W,Z]of Object.entries(A)){let w=s("input",{type:"text",class:"wgd-input wgd-sb-prop",placeholder:"property name"});w.value=W,w.addEventListener("change",()=>{let j=Object.entries(A).map(([_,S])=>_===W?[w.value,S]:[_,S]),P=M.map(_=>_===W?w.value:_);l(o(o(c,"properties",Object.fromEntries(j)),"required",P.length>0?P:void 0))});let E=s("input",{type:"checkbox",title:"required"});E.checked=M.includes(W),E.addEventListener("change",()=>{let j=E.checked?[...M,W]:M.filter(P=>P!==W);l(o(c,"required",j.length>0?j:void 0))});let R=s("button",{class:"wgd-icon",type:"button",title:"Remove property"},["\u2715"]);R.addEventListener("click",()=>{let{[W]:j,...P}=A;l(o(o(c,"properties",Object.keys(P).length>0?P:void 0),"required",M.filter(_=>_!==W).length>0?M.filter(_=>_!==W):void 0))}),V.append(a(k(Z)?Z:{},j=>l(o(c,"properties",{...A,[W]:j})),u+1,[w],[s("label",{class:"wgd-sb-req",title:"required"},[E,"req"]),R]))}let J=s("button",{class:"wgd-button wgd-add",type:"button"},["+ property"]);J.addEventListener("click",()=>{let W="field";for(let Z=1;W in A;Z++)W=`field${Z}`;l(o(c,"properties",{...A,[W]:{type:"string"}}))}),V.append(s("div",{class:"wgd-toolbar"},[J])),y.push(V)}return g.value==="array"&&y.push(s("div",{class:"wgd-slot"},[a(k(c.items)?c.items:{},A=>l(o(c,"items",A)),u+1,[s("span",{class:"wgd-sb-label"},["items"])])])),s("div",{class:u===0?"wgd-sb-root":"wgd-sb-node"},y)}function f(){if(n===void 0){let l=s("button",{class:"wgd-button wgd-add",type:"button"},["+ add a data schema"]);l.addEventListener("click",()=>i({type:"object"})),r.replaceChildren(s("div",void 0,[s("span",{class:"wgd-sb-label"},["No schema \u2014 data is accepted leniently."]),s("div",{class:"wgd-toolbar"},[l])]));return}let c=s("button",{class:"wgd-button wgd-add wgd-remove",type:"button"},["remove schema"]);c.addEventListener("click",()=>i(void 0)),r.replaceChildren(a(n,l=>i(l),0),s("div",{class:"wgd-toolbar"},[c]))}return f(),{element:r,getValue:()=>n,setValue(c){r.contains(document.activeElement)||(n=c,f())}}}function yt(e,t,n){let r=e,i=s("div",{class:"wgd-record"});function o(c){r=Object.keys(c).length>0?c:void 0,n(r),f()}function a(c,l,u,p){let m=s("input",{type:"text",class:u,placeholder:l,spellcheck:"false"});return m.value=c,m.addEventListener("change",()=>p(m.value)),m}function f(){let c=r??{},l=Object.entries(c).map(([p,m])=>{let y=a(p,t.key,"wgd-input wgd-rec-key",v=>{let T=Object.entries(c).map(([x,N])=>x===p?[v,N]:[x,N]);o(Object.fromEntries(T))}),g=a(m,t.value,"wgd-input wgd-rec-value",v=>o({...c,[p]:v})),b=s("button",{class:"wgd-icon",type:"button",title:"Remove entry"},["\u2715"]);return b.addEventListener("click",()=>{let{[p]:v,...T}=c;o(T)}),s("div",{class:"wgd-rec-row"},[y,s("span",{class:"wgd-st-colon"},[":"]),g,b])}),u=s("button",{class:"wgd-button wgd-add wgd-st-add",type:"button"},[t.add]);u.addEventListener("click",()=>{let p="";for(let m=1;p in c;m++)p=`key${m}`;o({...c,[p]:""})}),i.replaceChildren(...l,s("div",{class:"wgd-toolbar"},[u]))}return f(),{element:i,getValue:()=>r,setValue(c){i.contains(document.activeElement)||(r=c,f())}}}function yr(e){let t=e.type;if(typeof t=="string")return t;if(Array.isArray(t)){let n=t.find(r=>typeof r=="string"&&r!=="null");if(typeof n=="string")return n;if(t.includes("null"))return"null"}}function bt(e){if(Array.isArray(e.enum)&&e.enum.length>0)return e.enum[0];switch(yr(e)){case"object":{let t={};if(k(e.properties)&&Array.isArray(e.required))for(let n of e.required)typeof n=="string"&&k(e.properties[n])&&(t[n]=bt(e.properties[n]));return t}case"array":return[];case"number":case"integer":return 0;case"boolean":return!1;case"null":return null;default:return""}}function Jt(e,t,n){let r=t??bt(e),i=s("div",{class:"wgd-schemaform"});function o(u,p,m,y=!1){if(p.length===0)return m;let[g,...b]=p;if(Array.isArray(u)){let T=[...u];return b.length===0&&y?T.splice(g,1):T[g]=o(T[g],b,m,y),T}let v=k(u)?{...u}:{};return b.length===0&&y?delete v[g]:v[g]=o(v[g],b,m,y),v}function a(u,p,m=!1){r=o(r,u,p),n(r),m&&l()}function f(u,p,m,y){if(Array.isArray(u.enum)){let g=s("select",{class:"wgd-select"});for(let b of u.enum)g.append(s("option",{value:JSON.stringify(b)},[JSON.stringify(b)]));return g.value=JSON.stringify(p??u.enum[0]),g.addEventListener("change",()=>a(m,JSON.parse(g.value))),c(y,g)}switch(yr(u)){case"boolean":{let g=s("input",{type:"checkbox"});return g.checked=p===!0,g.addEventListener("change",()=>a(m,g.checked)),c(y,g)}case"number":case"integer":{let g=s("input",{type:"number",class:"wgd-input"});return g.value=typeof p=="number"?String(p):"0",g.addEventListener("change",()=>{let b=Number(g.value);a(m,Number.isFinite(b)?b:0)}),c(y,g)}case"object":{let g=s("div",{class:"wgd-jt-children"}),b=k(u.properties)?u.properties:{},v=Array.isArray(u.required)?u.required:[],T=k(p)?p:{};for(let[x,N]of Object.entries(b)){if(!k(N))continue;let C=v.includes(x);g.append(f(N,T[x]??(C?bt(N):void 0),[...m,x],C?`${x} *`:x))}return s("fieldset",{class:"wgd-sf-object"},[s("legend",{class:"wgd-field-label"},[y]),g])}case"array":{let g=k(u.items)?u.items:{},b=Array.isArray(p)?p:[],v=s("div",{class:"wgd-jt-children"});b.forEach((x,N)=>{let C=s("div",{class:"wgd-jt-entry"},[f(g,x,[...m,N],`#${N}`)]),I=s("button",{class:"wgd-icon",type:"button",title:"Remove item"},["\u2715"]);I.addEventListener("click",()=>{r=o(r,[...m,N],void 0,!0),n(r),l()}),C.append(I),v.append(C)});let T=s("button",{class:"wgd-button wgd-add",type:"button"},["+ item"]);return T.addEventListener("click",()=>a([...m,b.length],bt(g),!0)),v.append(s("div",{class:"wgd-toolbar"},[T])),s("fieldset",{class:"wgd-sf-object"},[s("legend",{class:"wgd-field-label"},[y]),v])}default:{let g=s("input",{type:"text",class:"wgd-input"});return typeof u.pattern=="string"&&(g.setAttribute("placeholder",`pattern: ${u.pattern}`),g.setAttribute("title",`Must match ${u.pattern}`)),g.value=typeof p=="string"?p:p===void 0?"":String(p),g.addEventListener("change",()=>a(m,g.value)),c(y,g)}}}function c(u,p){return s("label",{class:"wgd-field"},[s("span",{class:"wgd-field-label"},[u]),p])}function l(){i.replaceChildren(f(e,r,[],"data"))}return l(),{element:i,getValue:()=>r,setValue(u){i.contains(document.activeElement)||(r=u??bt(e),l())}}}function br(e,t){let n=e,r=s("div",{class:"wgd-styles"});function i(c){n=Object.keys(c).length>0?c:void 0,t(n),f()}function o(c,l,u,p){let m=s("input",{type:"text",class:u,placeholder:l,spellcheck:"false"});return m.value=c,m.addEventListener("change",()=>p(m.value)),m}function a(c,l,u){let p=o(c,".wg-selector","wgd-input wgd-st-selector",b=>{let v=Object.entries(u).map(([T,x])=>T===c?[b,x]:[T,x]);i(Object.fromEntries(v))}),m=s("button",{class:"wgd-icon",type:"button",title:"Add declaration"},["+"]);m.addEventListener("click",()=>{i({...u,[c]:{...l,"":""}})});let y=s("button",{class:"wgd-icon",type:"button",title:"Remove selector"},["\u2715"]);y.addEventListener("click",()=>{let{[c]:b,...v}=u;i(v)});let g=Object.entries(l).map(([b,v])=>{let T=o(b,"property","wgd-input wgd-st-prop",C=>{let I=Object.entries(l).map(([B,A])=>B===b?[C,A]:[B,A]);i({...u,[c]:Object.fromEntries(I)})}),x=o(v,"value (no url(...), no ;)","wgd-input wgd-st-value",C=>{i({...u,[c]:{...l,[b]:C}})}),N=s("button",{class:"wgd-icon",type:"button",title:"Remove declaration"},["\u2715"]);return N.addEventListener("click",()=>{let{[b]:C,...I}=l;i({...u,[c]:I})}),s("div",{class:"wgd-st-decl"},[T,s("span",{class:"wgd-st-colon"},[":"]),x,N])});return s("div",{class:"wgd-st-rule"},[s("div",{class:"wgd-st-row"},[p,s("span",{class:"wgd-node-icons"},[m,y])]),s("div",{class:"wgd-st-decls"},g)])}function f(){let c=n??{},l=s("button",{class:"wgd-button wgd-add wgd-st-add",type:"button"},["+ selector"]);l.addEventListener("click",()=>{let u=".wg-";for(let p=1;u in c;p++)u=`.wg-${p}`;i({...c,[u]:{}})}),r.replaceChildren(...Object.entries(c).map(([u,p])=>a(u,k(p)?p:{},c)),s("div",{class:"wgd-toolbar"},[l]))}return f(),{element:r,getValue:()=>n,setValue(c){r.contains(document.activeElement)||(n=c,f())}}}var vr=3;function fe(e){if(!k(e))return;let t=e.type;if(typeof t=="string")return t;if(Array.isArray(t)){let n=t.find(r=>typeof r=="string"&&r!=="null");if(typeof n=="string")return n}}function Kt(e,t,n,r=0){if(!(!k(e)||r>vr)&&!(fe(e)!=="object"||!k(e.properties)))for(let[i,o]of Object.entries(e.properties)){let a=t===""?i:`${t}.${i}`;n.push({path:a,schema:o}),Kt(o,a,n,r+1)}}function Ce(e){return k(e)&&fe(e)==="array"?e.items:e}function Ve(e,t){if(t===""||t===".")return e;let n=e;for(let r of t.split(".")){if(!k(n))return;if(fe(n)==="array"){if(!/^\d+$/.test(r))return;n=Ce(n);continue}if(!k(n.properties))return;n=n.properties[r]}return n}function Ui(e,t){if(e===void 0||t===void 0)return!1;let n=r=>r==="integer"?"number":r;return n(e)!==n(t)}function xr(e,t){let n=e,r=t;for(let a=0;a<vr&&!(fe(n)!=="array"||fe(r)!=="array");a++)n=Ce(n),r=Ce(r);let i=fe(n),o=fe(r);return Ui(i,o)?{source:i,target:o}:void 0}function st(e){let t=[];return Kt(e,"",t),t.map(n=>n.path)}var kr="__custom__";function Er(){return{kind:"prompt",text:["Tell me more about ",{bind:"title"}]}}function Tr(){return{kind:"http",method:"GET",url:"https://api.example.com/resource",input:{type:"object",properties:{}},output:{type:"object"}}}function qt(e){return"ref"in e&&typeof e.ref=="string"}function Ae(e,t,n,r=""){let i=s("input",{type:"text",class:t,placeholder:r});return i.value=e,i.addEventListener("change",()=>n(i.value)),i}function he(e){return s("span",{class:"wgd-field-label"},[e])}function vt(e){let t=s("button",{class:"wgd-icon",type:"button",title:"Remove"},["\u2715"]);return t.addEventListener("click",e),t}function Gt(e,t,n,r,i="wgd-input wgd-rec-value"){if(t.length===0)return Ae(e,i,n,r);let o=s("select",{class:"wgd-select wgd-path"}),a=t.includes(e),f=a||e===""?t:[e,...t];o.append(s("option",{value:""},[r]));for(let l of f)o.append(s("option",{value:l},[l===e&&!a?`${l} (off-schema)`:l]));o.append(s("option",{value:kr},["custom\u2026"])),o.value=e,Se(o);let c=Ae(e,i,n,r);return c.hidden=!0,o.addEventListener("change",()=>{if(o.value===kr){c.hidden=!1,c.focus();return}c.hidden=!0,n(o.value)}),s("span",{class:"wgd-pathwrap"},[o,c])}function Sr(e,t,n,r){let i=se(e??{}),o=[],a=s("div",{class:"wgd-record wgd-headers"}),f=G(void 0);function c(m){i=m,r(Object.keys(i).length>0?i:void 0),p()}function l(m){f.hidden=!1,f.textContent=`'${m}' is already used; pick another ${n.name} name.`}function u(m,y){let g=k(m),b=pe([{value:"literal"},{value:"secret"}],g?"secret":"literal","wgd-select wgd-attr-mode",v=>y(v==="secret"?{secret:t[0]??""}:""));if(g){let v=t.includes(m.secret)?t:[m.secret,...t],T=pe(v.map(x=>({value:x,label:x===""?"(pick a secret)":x})),m.secret,"wgd-select wgd-secret",x=>y({secret:x}));return[b,T]}return[b,Ae(m,"wgd-input wgd-rec-value",y,"value")]}function p(){a.replaceChildren(),f.hidden=!0;for(let[y,g]of Object.entries(i)){let b=Ae(y,"wgd-input wgd-rec-key",x=>{if(x===y)return;if(x===""||Object.hasOwn(i,x)){l(x||"(empty)");return}let N=Object.entries(i).map(([C,I])=>C===y?[x,I]:[C,I]);c(Object.fromEntries(N))},n.name),v=u(g,x=>c({...i,[y]:x})),T=vt(()=>{let{[y]:x,...N}=i;c(N)});a.append(s("div",{class:"wgd-rec-row"},[b,...v,T]))}o.forEach((y,g)=>{let b=Ae("","wgd-input wgd-rec-key",x=>{if(x!==""){if(Object.hasOwn(i,x)){l(x);return}o.splice(g,1),c({...i,[x]:y.value})}},n.name),v=u(y.value,x=>{y.value=x,p()}),T=vt(()=>{o.splice(g,1),p()});a.append(s("div",{class:"wgd-rec-row wgd-rec-pending"},[b,...v,T]))});let m=s("button",{class:"wgd-button wgd-add",type:"button"},[n.add]);m.addEventListener("click",()=>{o.push({value:""}),p()}),a.append(s("div",{class:"wgd-row"},[m]),f)}return p(),a}function zi(e,t){let n=se(e),r=s("div",{class:"wgd-record wgd-segments"});function i(a){n=a,t(n),o()}function o(){r.replaceChildren(),n.forEach((c,l)=>{let u=typeof c!="string",p=pe([{value:"text"},{value:"bind"}],u?"bind":"text","wgd-select wgd-attr-mode",g=>{let b=[...n];b[l]=g==="bind"?{bind:"."}:"",i(b)}),m=Ae(u?c.bind:c,"wgd-input wgd-rec-value",g=>{let b=[...n];b[l]=u?{bind:g}:g,i(b)},u?"data path":"text"),y=vt(()=>i(n.filter((g,b)=>b!==l)));r.append(s("div",{class:"wgd-rec-row"},[p,m,y]))});let a=s("button",{class:"wgd-button wgd-add",type:"button"},["+ text"]);a.addEventListener("click",()=>i([...n,""]));let f=s("button",{class:"wgd-button wgd-add",type:"button"},["+ bind"]);f.addEventListener("click",()=>i([...n,{bind:"."}])),r.append(s("div",{class:"wgd-row"},[a,f]))}return o(),r}function On(e,t,n){let r=se(e??Er()),i=s("div",{class:"wgd-action-head"}),o=s("div",{class:"wgd-action-schemas"}),a=s("div",{class:"wgd-action-maps"}),f=s("div",{class:"wgd-action-definition"},[i,o,a]);function c(){return r}function l(b,v){r=b,n(se(r)),v==="all"?g():v==="schemas"&&m()}function u(b,v){let T=ot(c()[v],C=>{l({...c(),[v]:C??{type:"object"}},"none")}),x=[he(b),T.element],N=t.schemas??[];if(N.length>0){let C=pe([{value:"",label:"copy a shared schema into this action\u2026"},...N.map(I=>({value:I.name}))],"","wgd-select",I=>{let B=N.find(A=>A.name===I);B&&l({...c(),[v]:se(B.schema)},"schemas")});x.push(s("div",{class:"wgd-row"},[C,he("(a copy \u2014 later edits to the shared schema do not follow)")]))}return s("div",{class:"wgd-action-schema"},x)}function p(){i.replaceChildren();let b=pe([{value:"prompt",label:"prompt \u2014 propose a message"},{value:"http",label:"http \u2014 call an API"}],r.kind,"wgd-select wgd-action-kind",x=>l(x==="http"?Tr():Er(),"all"));if(r.kind==="prompt"){i.append(s("div",{class:"wgd-row"},[he("Kind"),b]),he("Message (literals and bound values; the user reviews and sends it)"),zi(r.text,x=>l({kind:"prompt",text:x},"none")));return}let v=pe(pt.map(x=>({value:x})),r.method,"wgd-select",x=>l({...c(),method:x},"none")),T=Ae(r.url,"wgd-input wgd-action-url",x=>l({...c(),url:x},"none"),"https://\u2026");i.append(s("div",{class:"wgd-row"},[he("Kind"),b,he("Method"),v]),s("label",{class:"wgd-field"},[he("URL (https, fixed)"),T]))}function m(){o.replaceChildren(),r.kind==="http"&&o.append(u("Input schema (arguments; GET \u2192 query, POST \u2192 JSON body)","input"),u("Output schema (the response must satisfy it)","output"))}function y(){if(a.replaceChildren(),r.kind!=="http")return;let b=t.secretNames??[];a.append(he("Headers"),Sr(r.headers,b,{add:"+ header",name:"header"},v=>{let{headers:T,...x}=c();l(v===void 0?x:{...x,headers:v},"none")}),he("Fixed query parameters"),Sr(r.query,b,{add:"+ parameter",name:"parameter"},v=>{let{query:T,...x}=c();l(v===void 0?x:{...x,query:v},"none")}))}function g(){p(),m(),y()}return g(),{element:f,getValue:()=>se(r),setValue(b){r=se(b),g()}}}function Yt(e,t,n){let r=e===void 0?void 0:se(e),i=s("div",{class:"wgd-binding-head"}),o=s("div",{class:"wgd-binding-input"}),a=s("div",{class:"wgd-binding-output"}),f=s("div",{class:"wgd-binding"},[i,o,a]);function c(N){if(N!==void 0)return qt(N)?(t.actions??[]).find(C=>C.name===N.ref)?.definition:N.definition}let l=()=>se(r?.input??{}),u=()=>se(r?.output??{});function p(N,C){r=N,n(N===void 0?void 0:se(N)),C==="all"?x():C==="io"?(b(),v()):C==="input"?b():C==="output"&&v()}function m(N,C,I){return{...qt(N)?{ref:N.ref}:{definition:N.definition},...C!==void 0&&Object.keys(C).length>0?{input:C}:{},...I!==void 0&&Object.keys(I).length>0?{output:I}:{}}}function y(){return["$index","$parent","$root",...st(t.getDataSchema?.()).map(C=>`$root.${C}`)]}function g(){i.replaceChildren();let N=(t.actions??[]).filter(A=>!t.loadOnly||A.definition.kind==="http"&&A.definition.method==="GET"),C=r===void 0?"none":qt(r)?"shared":"inline",I=pe([{value:"none",label:t.loadOnly?"no load action":"no action"},{value:"shared",label:"shared action"},{value:"inline",label:"inline definition"}],C,"wgd-select wgd-binding-mode",A=>{p(A==="none"?void 0:A==="shared"?{ref:N[0]?.name??""}:{definition:Tr()},"all")});if(i.append(s("div",{class:"wgd-row"},[I])),r===void 0)return;if(qt(r)){let A=r.ref,M=N.map(W=>W.name),V=(M.includes(A)?M:[A,...M]).map(W=>({value:W,label:W===""?"(pick an action)":M.includes(W)?W:`${W} (unknown)`})),J=pe(V,A,"wgd-select wgd-binding-ref",W=>p(m({ref:W},l(),u()),"io"));i.append(s("div",{class:"wgd-row"},[he("Action"),J]));return}let B=On(r.definition,t,A=>{p(m({definition:A},l(),u()),"io")});i.append(B.element)}function b(){o.replaceChildren();let N=c(r);if(r===void 0||N?.kind!=="http")return;let C=r,I=k(N.input.properties)?Object.keys(N.input.properties):[],B=t.scopePaths??st(t.getDataSchema?.()),A=[...new Set([...B,...y()])],M=l(),V=I.map(J=>{let W=M[J],Z=k(W)&&"const"in W,w=pe([{value:"path"},{value:"const"}],Z?"const":"path","wgd-select wgd-attr-mode",j=>{p(m(C,{...l(),[J]:j==="const"?{const:""}:J},u()),"input")}),E=j=>{let P=l();if(Z){let _;try{_=JSON.parse(j)}catch{_=j}P[J]={const:_}}else j===""?delete P[J]:P[J]=j;p(m(C,P,u()),"none")},R=Z?Ae(JSON.stringify(W.const),"wgd-input wgd-rec-value",E,"JSON literal"):Gt(typeof W=="string"?W:"",A,E,"data path");return s("div",{class:"wgd-rec-row"},[s("span",{class:"wgd-rec-key wgd-binding-field"},[J]),w,R])});o.append(he("Input mapping (field \u2190 data path or constant)"),I.length>0?s("div",{class:"wgd-record"},V):s("div",{class:"wgd-diagnostic"},["The input schema declares no properties."]))}function v(){a.replaceChildren();let N=c(r);if(r===void 0||N?.kind!=="http")return;let C=r,I=u(),B=I.mode??"merge",A=pe(ut.map(V=>({value:V})),B,"wgd-select",V=>{let J={...u(),mode:V};V!=="patch"&&delete J.path,p(m(C,l(),J),"output")}),M=[he("Output"),A];B==="patch"&&M.push(Ae(I.path??"","wgd-input",V=>{p(m(C,l(),{...u(),path:V}),"output")},"data path to write at")),a.append(s("div",{class:"wgd-row"},M)),a.append(T(N,I,V=>{let J=u();V===void 0?delete J.map:J.map=V,p(m(C,l(),J),"none")}))}function T(N,C,I){let B=s("div",{class:"wgd-record wgd-output-map"}),A=se(C.map??{}),M=[],V=t.getDataSchema?.(),J=C.mode??"merge",W=J==="patch"&&C.path?C.path:"",Z=W===""?V:Ve(V,W),w=Ce(Z),E=[".",...st(w)],R=()=>A["."]===void 0?N.output:Ve(N.output,A["."]),j=()=>fe(R())==="array",P=()=>Ce(R()),_=[".",...st(N.output)],S=G(void 0);S.classList.add("wgd-type-mismatch");function $(L){A=L,I(Object.keys(A).length>0?A:void 0),D()}function d(L){S.hidden=!1,S.textContent=L}function h(L,F){let U=Gt(L,E,F,"target data path","wgd-input wgd-rec-key");return U.classList.add("wgd-map-target"),U}function D(){B.replaceChildren();let L=[],F=Object.keys(A).filter(H=>H!==".");j()&&J==="merge"&&F.length>0&&L.push("a list projects per item \u2014 use replace or patch; merge needs an object.");let U=[".",...st(P())];for(let[H,q]of Object.entries(A)){let Q=H==="."?_:U,ee=H==="."?void 0:xr(Ve(P(),q),Ve(w,H));ee&&L.push(`'${q}' is ${ee.source} in the response but '${W?`${W}.`:""}${H}' is ${ee.target} in the widget schema`);let le=h(H,be=>{if(be===H)return;if(be===""||Object.hasOwn(A,be)){d(`'${be||"(empty)"}' is already a projection target.`);return}let we=Object.entries(A).map(([at,St])=>at===H?[be,St]:[at,St]);$(Object.fromEntries(we))}),ae=Gt(q,Q,be=>$({...A,[H]:be}),"response path");ae.classList.add("wgd-map-source");let me=vt(()=>{let{[H]:be,...we}=A;$(we)});B.append(s("div",{class:"wgd-rec-row"},[le,s("span",{class:"wgd-st-colon"},["\u2190"]),ae,me]))}M.forEach((H,q)=>{let Q=h("",ae=>{if(ae!==""){if(Object.hasOwn(A,ae)){d(`'${ae}' is already a projection target.`);return}M.splice(q,1),$({...A,[ae]:H.source})}}),ee=Gt(H.source,U,ae=>{H.source=ae,D()},"response path");ee.classList.add("wgd-map-source");let le=vt(()=>{M.splice(q,1),D()});B.append(s("div",{class:"wgd-rec-row wgd-rec-pending"},[Q,s("span",{class:"wgd-st-colon"},["\u2190"]),ee,le]))});let te=s("button",{class:"wgd-button wgd-add",type:"button"},["+ projection"]);te.addEventListener("click",()=>{M.push({source:""}),D()}),S.hidden=L.length===0,S.textContent=L.length===0?"":`Type mismatch: ${L.join("; ")}.`,B.append(s("div",{class:"wgd-row"},[te]),S)}return D(),B}function x(){g(),b(),v()}return x(),{element:f,setValue(N){r=N===void 0?void 0:se(N),x()}}}function $e(e,t=[]){let n=e.descriptor?.dataSchemaRef;if(typeof n=="string")return t.find(i=>i.name===n)?.schema;let r=e.descriptor?.dataSchema;return k(r)?r:void 0}var Vi=new Set(Ee().kinds());function Ji(e){if(!k(e))return[];let t=[];for(let[n,r]of Object.entries(e)){if(We({[n]:{color:"red"}})===""){t.push({selector:n,message:"Selector would be skipped \u2014 every comma-separated part must target a .wg- class and avoid ;{}<>@\\."});continue}if(!k(r)){t.push({selector:n,message:"Declarations must be a property \u2192 value map."});continue}for(let[i,o]of Object.entries(r))(typeof o!="string"||We({".wg-probe":{[i]:o}})==="")&&t.push({selector:n,property:i,message:"Declaration would be skipped \u2014 unsafe property name or value (no url(), expression(), or ;{}<>@\\)."})}return t}function Xt(e,t={}){let n={styles:[],previewable:!1};typeof e.kind!="string"||e.kind.trim().length===0?n.kind="Kind must be a non-empty id.":Vi.has(e.kind)&&(n.kind=`'${e.kind}' is a built-in kind \u2014 pick a distinct id.`);let r=Oe(e.template);if(!r.ok){let a={code:r.error.code,message:r.error.message},f=r.error.path;typeof f=="string"&&(a.path=f),n.template=a}let i=e.descriptor?.dataSchemaRef;typeof i=="string"&&(e.descriptor?.dataSchema!==void 0?n.schemaRef="A descriptor carries 'dataSchema' OR 'dataSchemaRef', never both.":(t.schemas??[]).every(a=>a.name!==i)&&(n.schemaRef=`References unknown schema '${i}' \u2014 it is not among the supplied shared schemas.`));let o=$e(e,t.schemas??[]);if(k(o)){if(e.descriptor.dataExample!==void 0){let a=De(o,e.descriptor.dataExample);a&&(n.example=a)}if(e.sampleData!==void 0){let a=De(o,e.sampleData);a&&(n.sample=a)}}if(n.styles=Ji(e.descriptor?.styles),e.load!==void 0){let a=gt(e.load,"load",{isPath:f=>ke(f)!==void 0});a&&(n.load=`${a.message} (at ${a.path})`)}if(t.actions!==void 0){let a=new Set(t.actions.map(c=>c.name)),f=ht(e.template,e.load).filter(c=>!a.has(c));f.length>0&&(n.actionRefs=`References unknown shared action${f.length===1?"":"s"} ${f.map(c=>`'${c}'`).join(", ")} \u2014 bound elements will render disabled.`)}if(e.theme!==void 0){let a=Be(e.theme);a.ok||(n.theme=a.error)}return n.previewable=n.kind===void 0&&n.template===void 0,n}function Ar(e,t){if(fe(e)==="array")return["."];let n=[];Kt(e,"",n);let r=new Set(["string","number","integer","boolean","null",void 0]),o=n.filter(({schema:a})=>{let f=fe(a);return t==="each"?f==="array":t==="bind"?r.has(f):!0}).map(a=>a.path);return t!=="each"&&r.has(fe(e))&&o.unshift("."),o}function Ki(e,t){let n=Ve(e,t);return fe(n)==="array"?Ce(n):void 0}var Qt=Symbol("remove");function Nn(e){let t="";for(let n of e){let r=typeof n=="number"?`children.${n}`:n;t=t===""?r:`${t}.${r}`}return t}function en(e,t,n){if(t.length===0)return n===Qt?void 0:n;let[r,...i]=t;if(typeof r=="number"){if(!k(e)||!Array.isArray(e.children))return e;let o=[...e.children];return i.length===0&&n===Qt?o.splice(r,1):o[r]=en(o[r],i,n),{...e,children:o}}if(!k(e))return e;if(i.length===0&&n===Qt){let{[r]:o,...a}=e;return a}return{...e,[r]:en(e[r],i,n)}}function Dr(e,t,n,r){let i=t.length===0?e:qi(e,t);if(!k(i)||!Array.isArray(i.children))return e;let o=[...i.children];if(n<0||r<0||n>=o.length||r>=o.length)return e;let[a,f]=[o[n],o[r]];o[n]=f,o[r]=a;let c={...i,children:o};return t.length===0?c:en(e,t,c)}function qi(e,t){let n=e;for(let r of t){if(!k(n))return;n=typeof r=="number"?Array.isArray(n.children)?n.children[r]:void 0:n[r]}return n}var Zt={text:()=>"text",bind:()=>({bind:"."}),element:()=>({tag:"div",children:[]}),each:()=>({each:".",template:"item"}),when:()=>({when:".",template:"shown"})};function Or(e,t,n={}){let r=n.actionContext??{actions:[],secretNames:[],schemas:[]},i=new Set,o=s("div",{class:"wgd-tree"}),a=G(void 0),f=s("textarea",{class:"wgd-textarea wgd-template-json",rows:"14",spellcheck:"false"}),c=s("div",void 0,[f,a]);ce(f),c.hidden=!0;let l=s("button",{class:"wgd-button",type:"button"},["Tree"]),u=s("button",{class:"wgd-button",type:"button"},["JSON"]);l.addEventListener("click",()=>{o.hidden=!1,c.hidden=!0}),u.addEventListener("click",()=>{o.hidden=!0,c.hidden=!1});let p=G(void 0),m=s("details",{class:"wgd-section",open:""},[s("summary",{class:"wgd-section-title"},["Template"]),s("div",{class:"wgd-section-body"},[s("div",{class:"wgd-row"},[l,u]),p,o,c])]);function y(w){e.update(E=>({...E,template:w}))}function g(w,E){y(en(e.get().template,w,E))}f.addEventListener("input",()=>{try{let w=JSON.parse(f.value);a.hidden=!0,a.textContent="",y(w)}catch(w){a.hidden=!1,a.textContent=`Invalid JSON (template keeps the last valid value): ${String(de(w))}`}});function b(w,E,R="wgd-input wgd-node-value"){let j=s("input",{type:"text",class:R});return j.value=w,j.addEventListener("change",()=>E(j.value)),j}function v(w,E){let R=w!==void 0&&Qe(w.type)?w:void 0,j=pe([{value:"none",label:"raw"},...Ze.map(S=>({value:S}))],R===void 0?"none":R.type,"wgd-select wgd-format-type",S=>{E(S==="number"?{type:"number",decimals:2}:S==="currency"?{type:"currency",currency:"USD",decimals:2}:S==="date"?{type:"date",pattern:"yyyy-MM-dd"}:void 0)},"Present the bound value as a number, a currency amount or a date");if(R===void 0)return[j];let P=()=>{let S=b(R.decimals===void 0?"":String(R.decimals),$=>{let{decimals:d,...h}=R,D=Number($);E($===""?h:{...h,decimals:Number.isFinite(D)?D:$})},"wgd-input wgd-format-decimals");return S.placeholder="dec",S.title=`Decimal places (${_e}-${Ie})`,S};if(R.type==="currency"){let S=b(typeof R.currency=="string"?R.currency:"",d=>E({...R,currency:d.toUpperCase()}),"wgd-input wgd-format-currency");S.placeholder="CUR",S.title="ISO-4217 currency code, e.g. COP";let $=pe(Me.map(d=>({value:d})),et(R.currencyDisplay)?R.currencyDisplay:Me[0],"wgd-select wgd-format-display",d=>E({...R,currencyDisplay:d}),"How the currency names itself");return[j,S,P(),$]}if(R.type==="number")return[j,P()];let _=b(typeof R.pattern=="string"?R.pattern:"",S=>E({...R,pattern:S}),"wgd-input wgd-format-pattern");return _.placeholder="pattern",_.title=`Date pattern from ${tt.join(" ")} plus separators, e.g. dd-MM-yyyy HH:mm`,[j,_]}let T=new Set;function x(w,E,R,j,P,_,S,$){let d=Nn(E),h=j.length>0,D=h&&T.has(d),L;h?(L=s("button",{class:"wgd-chevron",type:"button",title:D?"Expand":"Collapse"},[D?"\u25B8":"\u25BE"]),L.addEventListener("click",()=>{D?T.delete(d):T.add(d),W()})):L=s("span",{class:"wgd-chevron wgd-chevron-none"});let F=w===void 0?[L,...R]:[L,s("span",{class:"wgd-node-badge"},[w]),...R];D&&$?.summary!==void 0&&F.push(s("span",{class:"wgd-node-summary"},[$.summary]));let U=[...$?.icons??[]];if(S&&S.count>1){if(S.index>0){let H=s("button",{class:"wgd-icon",type:"button",title:"Move up"},["\u2191"]);H.addEventListener("click",()=>y(Dr(e.get().template,S.parent,S.index,S.index-1))),U.push(H)}if(S.index<S.count-1){let H=s("button",{class:"wgd-icon",type:"button",title:"Move down"},["\u2193"]);H.addEventListener("click",()=>y(Dr(e.get().template,S.parent,S.index,S.index+1))),U.push(H)}}if(_){let H=s("button",{class:"wgd-icon",type:"button",title:"Remove"},["\u2715"]);H.addEventListener("click",()=>E.length===0?y(""):g(E,Qt)),U.push(H)}U.length>0&&F.push(s("span",{class:"wgd-node-icons"},U));let te=[s("div",{class:"wgd-node-row"},F)];return P!==void 0&&te.push(G(P)),D||te.push(...j),s("div",{class:"wgd-node","data-path":d},te)}let N=["div","span","p","section","article","header","footer","h1","h2","h3","h4","strong","em","small","code","pre","ul","ol","li","dl","dt","dd","table","thead","tbody","tr","th","td","img","a","figure","figcaption","hr","br","label"];function C(w,E,R,j,P="wgd-input wgd-node-value"){let _=k(E)?Ar(E,R):[];if(_.length===0)return b(w,j,P);let S=s("select",{class:"wgd-select wgd-path"}),$=_.includes(w);for(let D of $?_:[w,..._])S.append(s("option",{value:D},[D===w&&!$?`${D} (off-schema)`:D]));S.append(s("option",{value:"__custom__"},["custom\u2026"])),S.value=w,Se(S);let d=b(w,j,P);d.hidden=!0,S.addEventListener("change",()=>{if(S.value==="__custom__"){d.hidden=!1,d.focus();return}d.hidden=!0,j(S.value)});let h=P.includes("wgd-attr-value")?" wgd-attr-value":"";return s("span",{class:`wgd-pathwrap${h}`},[S,d])}function I(w,E){let R=s("select",{class:"wgd-select wgd-tag"}),j=N.includes(w)?N:[w,...N];for(let _ of j)R.append(s("option",{value:_},[_]));R.append(s("option",{value:"__custom__"},["custom\u2026"])),R.value=w,Se(R);let P=b(w,E,"wgd-input wgd-tag-custom");return P.hidden=!0,R.addEventListener("change",()=>{if(R.value==="__custom__"){P.hidden=!1,P.focus();return}P.hidden=!0,E(R.value)}),s("span",{class:"wgd-tagwrap"},[R,P])}function B(w,E,R,j,P,_,S){let $=[...E,R];if(j===void 0){let d=En(`+ ${w}`,`Set '${w}' to a node`,Object.keys(Zt),h=>{let D=Zt[h];D&&g($,D())});return P?s("div",{class:"wgd-slot"},[G(`Missing required '${w}'.`),d]):s("div",{class:"wgd-slot wgd-slot-unset"},[d])}return s("div",{class:"wgd-slot"},[s("span",{class:"wgd-slot-label"},[w]),A(j,$,_,!P,void 0,S)])}function A(w,E,R,j=!0,P,_){let S=Nn(E),$=R!==void 0&&(R===S||(R.startsWith(S===""?"attrs.":`${S}.attrs.`)||R.startsWith(S===""?"action":`${S}.action`))&&k(w)&&typeof w.tag=="string")?M:void 0;if(typeof w=="string")return x("text",E,[b(w,d=>g(E,d))],[],$,j,P);if(!k(w))return x("invalid",E,[s("code",void 0,[JSON.stringify(w)])],[],$??"Not a template node.",j,P);if(typeof w.bind=="string"){let d=w.bind,h=mt(w),D=k(w.format)?w.format:void 0,L=k(w.map)?w.map:void 0,F=q=>({bind:d,...q}),U=[C(d,_,"bind",q=>g(E,{...w,bind:q}))];(h===void 0||h==="format")&&U.push(...v(D,q=>g(E,q===void 0?{bind:d}:F({format:q}))));let te=[];if(h===void 0){let q=s("button",{class:"wgd-icon",type:"button",title:"Map values to authored labels (e.g. status \u2192 text)"},["map"]);q.addEventListener("click",()=>g(E,F({map:{}}))),te.push(q)}let H=[];if(h==="map"){let q=yt(L,{key:"data value",value:"authored label",add:"+ mapping"},ee=>g(E,ee===void 0?{bind:d}:F({map:ee,...typeof w.default=="string"?{default:w.default}:{}}))),Q=b(typeof w.default=="string"?w.default:"",ee=>g(E,F({map:L??{},...ee===""?{}:{default:ee}})),"wgd-input wgd-attr-map-default");Q.placeholder="default (on miss)",H.push(s("div",{class:"wgd-attr-map"},[q.element,s("div",{class:"wgd-rec-row"},[s("span",{class:"wgd-st-colon"},["\u21B3"]),Q])]))}return x("bind",E,U,H,$,j,P,te.length>0?{icons:te}:void 0)}if(typeof w.each=="string")return x("each",E,[C(w.each,_,"each",d=>g(E,{...w,each:d}))],[B("template",E,"template",w.template,!0,R,Ki(_,w.each)),B("empty",E,"empty",w.empty,!1,R,_)],$,j,P,{summary:w.empty!==void 0?"template \xB7 empty":"template"});if(typeof w.when=="string")return x("when",E,[C(w.when,_,"when",d=>g(E,{...w,when:d}))],[B("template",E,"template",w.template,!0,R,_),B("else",E,"else",w.else,!1,R,_)],$,j,P,{summary:w.else!==void 0?"template \xB7 else":"template"});if(typeof w.tag=="string"){let d=k(w.attrs)?w.attrs:{},h=k(w.action)?w.action:void 0,D=Object.entries(d).map(([H,q])=>{let Q=k(q)&&typeof q.bind=="string"?q:{bind:""},ee=k(q)&&typeof q.bind=="string",le=ee?Q:void 0,ae=Y=>{let ue={bind:Y.bind};return Y.map!==void 0?(ue.map=Y.map,Y.default!==void 0&&Y.default!==""&&(ue.default=Y.default)):Y.prefix!==void 0&&Y.prefix!==""?ue.prefix=Y.prefix:Y.format!==void 0&&(ue.format=Y.format),ue},me=Y=>{g(E,{...w,attrs:{...d,[H]:Y}})},be=b(H,Y=>{let ue=Object.entries(d).map(([je,Pn])=>je===H?[Y,Pn]:[je,Pn]);g(E,{...w,attrs:Object.fromEntries(ue)})},"wgd-input wgd-attr-name"),we=s("select",{class:"wgd-select wgd-attr-mode"});we.append(s("option",{value:"literal"},["literal"])),we.append(s("option",{value:"bind"},["bind"])),we.value=ee?"bind":"literal",Se(we);let at=b(String(ee?"":q),Y=>me(Y),"wgd-input wgd-attr-value"),St=ee?C(Q.bind,_,"bind",Y=>me(ae({...Q,bind:Y})),"wgd-input wgd-attr-value"):at;we.addEventListener("change",()=>{let Y=ee?Q.bind:at.value;me(we.value==="bind"?{bind:Y||"."}:Y)});let on=s("button",{class:"wgd-icon",type:"button",title:"Remove attribute"},["\u2715"]);on.addEventListener("click",()=>{let{[H]:Y,...ue}=d;g(E,{...w,attrs:ue})});let dt=[be,we,St],Ke=le===void 0?void 0:mt(le),Ur=k(le?.format)?le.format:void 0,zr=ee&&(Ke===void 0||Ke==="format"),Vr=ee&&(Ke===void 0||Ke==="prefix"),Jr=ee&&Ke===void 0;if(zr&&dt.push(...v(Ur,Y=>me(ae({...Q,format:Y})))),Vr){let Y=b(le?.prefix??"",ue=>me(ae({...Q,prefix:ue})),"wgd-input wgd-attr-prefix");Y.placeholder="prefix",Y.title="Literal prefix, e.g. mailto: \u2014 emitted only when the bound value is non-empty",dt.push(Y)}if(Jr){let Y=s("button",{class:"wgd-icon",type:"button",title:"Map values to authored literals (e.g. status \u2192 class)"},["map"]);Y.addEventListener("click",()=>me(ae({...Q,map:{}}))),dt.push(s("span",{class:"wgd-node-icons"},[Y,on]))}else dt.push(on);let jn=s("div",{class:"wgd-attr-row"},dt),sn=[jn];if(ee&&Ke==="map"){let Y=yt(Q.map,{key:"data value",value:"authored literal",add:"+ mapping"},je=>{me(je===void 0?{bind:Q.bind}:ae({...Q,map:je}))}),ue=b(Q.default??"",je=>me(ae({...Q,default:je})),"wgd-input wgd-attr-map-default");ue.placeholder="default (on miss)",sn.push(s("div",{class:"wgd-attr-map"},[Y.element,s("div",{class:"wgd-rec-row"},[s("span",{class:"wgd-st-colon"},["\u21B3"]),ue])]))}return sn.length===1?jn:s("div",{class:"wgd-attr"},sn)}),L=Array.isArray(w.children)?w.children:[],F=En("+","Add attribute or child node",["attribute",...h===void 0&&(w.tag==="button"||w.tag==="a")?["action"]:[],...Object.keys(Zt)],H=>{T.delete(Nn(E));let q=Zt[H];if(H==="attribute")g(E,{...w,attrs:{...d,"":""}});else if(H==="action"){let Q=r.actions[0];g(E,{...w,action:Q!==void 0?{ref:Q.name}:{definition:{kind:"prompt",text:["Tell me more"]}}})}else q&&g([...E,L.length],q())}),U=[];if(D.length>0&&U.push(s("div",{class:"wgd-attrs"},D)),h!==void 0){let H=k(_)?Ar(_,"when"):[],q=Yt(h,{...r,scopePaths:H,getDataSchema:()=>$e(e.get(),r.schemas)},le=>{if(le===void 0){let{action:ae,...me}=w;g(E,me)}else g(E,{...w,action:le})}),Q=[s("span",{class:"wgd-slot-label"},["action"]),q.element],ee="ref"in h&&typeof h.ref=="string"?h.ref:void 0;ee!==void 0&&i.has(ee)&&Q.push(G(`Unknown shared action '${ee}' \u2014 this element renders disabled.`)),U.push(s("div",{class:"wgd-attrs wgd-node-action"},Q))}L.length>0&&U.push(s("div",{class:"wgd-children"},L.map((H,q)=>A(H,[...E,q],R,!0,{parent:E,index:q,count:L.length},_))));let te=[];return D.length>0&&te.push(`${D.length} attr${D.length===1?"":"s"}`),h!==void 0&&te.push("action"),L.length>0&&te.push(`${L.length} ${L.length===1?"child":"children"}`),x(void 0,E,[I(w.tag,H=>g(E,{...w,tag:H}))],U,$,j,P,{icons:[F],summary:te.join(" \xB7 ")})}return x("unknown",E,[s("code",void 0,[JSON.stringify(w)])],[],$??"Unknown template node form.",j,P)}let M,V,J;function W(){V!==void 0&&o.replaceChildren(A(V.template,[],J,!0,void 0,$e(V,r.schemas)))}function Z(w,E){M=E.template?`${E.template.code}: ${E.template.message}`:void 0,V=w,J=E.template?.path;let R=new Set(r.actions.map(P=>P.name));i=new Set(ht(w.template,w.load).filter(P=>!R.has(P)));let j=E.template?`${E.template.code}: ${E.template.message}`+(E.template.path!==void 0&&E.template.path!==""?` (at ${E.template.path})`:""):E.actionRefs;p.hidden=j===void 0,p.textContent=j??"",(!o.hidden||o.childNodes.length===0)&&W(),document.activeElement!==f&&(f.value=JSON.stringify(w.template,null,2),ge(f))}return t.push(()=>{}),{element:m,refresh:Z,dispose:()=>m.remove()}}function Nr(e,t,n=[]){let r=G(void 0),i=s("select",{class:"wgd-select wgd-theme-select"});i.append(s("option",{value:""},["(none \u2014 defaults)"]));for(let l of n)i.append(s("option",{value:l.name},[l.label??l.name]));i.addEventListener("change",()=>{let l=n.find(u=>u.name===i.value);e.update(u=>{if(l===void 0){let{theme:p,...m}=u;return m}return{...u,theme:l.tokens}})});let o=s("div",{class:"wgd-token-ref"});function a(l){o.replaceChildren();for(let[u,p]of Object.entries(ve)){let m=l?.[u]??p.default,y=s("div",{class:"wgd-token-ref-row",title:p.use},[p.type==="color"?s("span",{class:"wgd-token-ref-swatch",style:`background: ${m}`}):s("span",{class:"wgd-token-ref-swatch wgd-token-ref-noswatch"}),s("code",{class:"wgd-token-ref-name"},[`--wg-${u}`]),s("span",{class:"wgd-token-ref-value"},[m])]);o.append(y)}for(let[u,p]of Object.entries(l??{})){if(!u.startsWith("x-"))continue;let m=s("div",{class:"wgd-token-ref-row",title:"Custom variable"},[s("span",{class:"wgd-token-ref-swatch wgd-token-ref-noswatch"}),s("code",{class:"wgd-token-ref-name"},[`--wg-${u}`]),s("span",{class:"wgd-token-ref-value"},[p])]);o.append(m)}}a(e.get().theme),t.push(l=>{if(l.theme===void 0)i.value="";else{let u=n.find(p=>JSON.stringify(p.tokens)===JSON.stringify(l.theme));i.value=u?.name??""}a(l.theme)});let f=[s("div",{class:"wgd-row"},[s("span",{class:"wgd-field-label"},["Preview theme"]),i]),s("span",{class:"wgd-field-label"},[n.length===0?"No themes supplied by the host \u2014 design themes in the theme designer.":"Themes come from the host; edit them in the theme designer."]),r,s("details",{class:"wgd-token-ref-details"},[s("summary",{class:"wgd-field-label"},["Theme tokens (reference for styles)"]),o])],c=X("Preview",f);return{element:c,setDiagnostic(l){r.hidden=l===void 0,r.textContent=l??""},dispose:()=>c.remove()}}function xt(e){let t=e.map((n,r)=>{let i=s("button",{class:`wgd-button wgd-tab${r===0?" wgd-tab-active":""}`,type:"button"},[n.label]);return i.addEventListener("click",()=>{e.forEach((o,a)=>{o.element.hidden=a!==r,t[a]?.classList.toggle("wgd-tab-active",a===r)})}),n.element.hidden=r!==0,i});return s("div",{class:"wgd-tabs"},[s("div",{class:"wgd-row"},t),...e.map(n=>n.element)])}function kt(e,t,n,r,i,o,a=6){let f=G(void 0),c=t(i.get()),l=Vt(e,c===void 0?"":JSON.stringify(c,null,2),p=>{if(p.trim()===""){f.hidden=!0,r&&i.update(m=>r(m));return}try{let m=JSON.parse(p);f.hidden=!0,f.textContent="",i.update(y=>n(y,m))}catch(m){f.hidden=!1,f.textContent=`Invalid JSON (draft keeps the last valid value): ${String(de(m))}`}},a),u=ye(l,"textarea");return ce(u),o.push(p=>{if(document.activeElement===u)return;let m=t(p);u.value=m===void 0?"":JSON.stringify(m,null,2),ge(u)}),s("div",void 0,[l,f])}function Rr(e,t,n=[],r=[],i={actions:[],secretNames:[],schemas:[]}){let o=[],a=[];function f(d,h,D){let L=Ne(d,h(e.get()),U=>e.update(te=>D(te,U))),F=ye(L,"input");return o.push(U=>{document.activeElement!==F&&(F.value=h(U))}),L}let c=G(void 0),l=yt(e.get().descriptor.hints,{key:"hint name",value:"what the hint does",add:"+ hint"},d=>e.update(h=>{if(d===void 0){let{hints:D,...L}=h.descriptor;return{...h,descriptor:L}}return{...h,descriptor:{...h.descriptor,hints:d}}}));o.push(d=>l.setValue(d.descriptor.hints));let u=X("General",[f("Kind (id)",d=>d.kind,(d,h)=>({...d,kind:h})),c,f("Description",d=>d.descriptor.description??"",(d,h)=>({...d,descriptor:{...d.descriptor,description:h}})),f("Data shape (prose)",d=>d.descriptor.dataShape??"",(d,h)=>({...d,descriptor:{...d.descriptor,dataShape:h}})),s("div",{class:"wgd-field"},[s("span",{class:"wgd-field-label"},["Hints"]),xt([{label:"Tree",element:l.element},{label:"JSON",element:kt("",d=>d.descriptor.hints,(d,h)=>{if(!k(h))return d;let D=Object.fromEntries(Object.entries(h).map(([L,F])=>[L,String(F)]));return{...d,descriptor:{...d.descriptor,hints:D}}},d=>{let{hints:h,...D}=d.descriptor;return{...d,descriptor:D}},e,o,3)}])])]),p=ot(e.get().descriptor.dataSchema,d=>e.update(h=>{if(d===void 0){let{dataSchema:D,...L}=h.descriptor;return{...h,descriptor:L}}return{...h,descriptor:{...h.descriptor,dataSchema:d}}}));o.push(d=>p.setValue(d.descriptor.dataSchema));let m=xt([{label:"Builder",element:p.element},{label:"JSON",element:kt("dataSchema (JSON-Schema subset: type/properties/required/items/enum/pattern)",d=>d.descriptor.dataSchema,(d,h)=>k(h)?{...d,descriptor:{...d.descriptor,dataSchema:h}}:d,d=>{let{dataSchema:h,...D}=d.descriptor;return{...d,descriptor:D}},e,o)}]),y=s("select",{class:"wgd-select wgd-schema-mode"});y.append(s("option",{value:"inline"},["define inline"]));let g=s("option",{value:"shared"},["use shared"]);r.length===0&&(g.disabled=!0),y.append(g);let b=s("select",{class:"wgd-select wgd-schema-ref"});for(let d of r)b.append(s("option",{value:d.name},[d.label??d.name]));b.addEventListener("change",()=>{e.update(d=>({...d,descriptor:{...d.descriptor,dataSchemaRef:b.value}}))});let v=s("textarea",{class:"wgd-textarea wgd-schema-shared",rows:"10",readonly:"",spellcheck:"false"}),T=G(void 0),x=s("div",void 0,[s("div",{class:"wgd-row"},[s("span",{class:"wgd-field-label"},["Shared schema"]),b]),v,s("span",{class:"wgd-field-label"},["Read-only here \u2014 edit shared schemas in the Data schemas section."])]);y.addEventListener("change",()=>{if(y.value==="shared"){let d=e.get().descriptor.dataSchemaRef??r[0]?.name??"";e.update(h=>{let{dataSchema:D,...L}=h.descriptor;return{...h,descriptor:{...L,dataSchemaRef:d}}})}else{let d=$e(e.get(),r);e.update(h=>{let{dataSchemaRef:D,...L}=h.descriptor;return{...h,descriptor:{...L,dataSchema:d??{type:"object"}}}})}});function N(d){let h=d.descriptor.dataSchemaRef,D=typeof h=="string";if(y.value=D?"shared":"inline",m.hidden=D,x.hidden=!D,D){b.value!==h&&(b.value=h);let L=r.find(F=>F.name===h)?.schema;v.value=L===void 0?"":JSON.stringify(L,null,2),ge(v)}}o.push(N),N(e.get());let C=X("Data schema",[s("div",{class:"wgd-row"},[s("span",{class:"wgd-field-label"},["Source"]),y]),T,m,x],!1);ce(v);function I(d,h){let D=s("div"),L="",F;function U(te){let H=$e(te,r),q=H===void 0?"":JSON.stringify(H);if(F!==void 0&&q===L){F.setValue(d(te));return}L=q;let Q=ee=>e.update(le=>h(le,ee));F=H!==void 0&&k(H)?Jt(H,d(te),Q):mr(d(te),Q),D.replaceChildren(F.element)}return U(e.get()),o.push(U),D}let B=G(void 0),A=X("Sample data",[s("span",{class:"wgd-field-label"},["dataExample \u2014 ships with the widget as the example agents imitate"]),xt([{label:"Edit",element:I(d=>d.descriptor.dataExample,(d,h)=>({...d,descriptor:{...d.descriptor,dataExample:h}}))},{label:"JSON",element:kt("dataExample (JSON)",d=>d.descriptor.dataExample,(d,h)=>({...d,descriptor:{...d.descriptor,dataExample:h}}),d=>{let{dataExample:h,...D}=d.descriptor;return{...d,descriptor:D}},e,o)}]),B],!1),M=G(void 0),V=X("Data for preview",[s("span",{class:"wgd-field-label"},["Overrides dataExample in the preview only (not exported)"]),xt([{label:"Edit",element:I(d=>d.sampleData,(d,h)=>({...d,sampleData:h}))},{label:"JSON",element:kt("Preview data (JSON)",d=>d.sampleData,(d,h)=>({...d,sampleData:h}),d=>{let{sampleData:h,...D}=d;return D},e,o,4)}]),M],!1),J=s("div"),W=br(e.get().descriptor.styles,d=>e.update(h=>{if(d===void 0){let{styles:D,...L}=h.descriptor;return{...h,descriptor:L}}return{...h,descriptor:{...h.descriptor,styles:d}}}));o.push(d=>W.setValue(d.descriptor.styles));let Z=X("Styles (.wg- selectors only)",[xt([{label:"Tree",element:W.element},{label:"JSON",element:kt("",d=>d.descriptor.styles,(d,h)=>k(h)?{...d,descriptor:{...d.descriptor,styles:h}}:d,d=>{let{styles:h,...D}=d.descriptor;return{...d,descriptor:D}},e,o)}]),J]),w=Or(e,o,{actionContext:i}),E=Nr(e,o,n),R=G(void 0),j=Yt(e.get().load,{...i,loadOnly:!0,getDataSchema:()=>$e(e.get(),r)},d=>e.update(h=>{if(d===void 0){let{load:D,...L}=h;return L}return{...h,load:d}}));o.push(d=>{j.element.contains(document.activeElement)||j.setValue(d.load)});let P=X("Load action (http GET, runs once when the widget first renders in an Apps host)",[s("div",{class:"wgd-compact wgd-load"},[j.element]),R],!1),_=gr(e);V.classList.add("wgd-edit-only"),Z.classList.add("wgd-edit-only"),t.left.append(u,C,A,w.element,P,_.element),t.right.append(V,Z,E.element),a.push(w.dispose,E.dispose,_.dispose);function S(d){let h=Xt(d,{schemas:r,actions:i.actions});c.hidden=h.kind===void 0,R.hidden=h.load===void 0,R.textContent=h.load??"",c.textContent=h.kind??"",B.hidden=h.example===void 0,B.textContent=h.example?`dataExample vs dataSchema: ${h.example.code} at ${h.example.path} \u2014 ${h.example.message}`:"",M.hidden=h.sample===void 0,M.textContent=h.sample?`sample vs dataSchema: ${h.sample.code} at ${h.sample.path} \u2014 ${h.sample.message}`:"",T.hidden=h.schemaRef===void 0,T.textContent=h.schemaRef??"",E.setDiagnostic(h.theme?`${h.theme.code}: ${h.theme.message}`:void 0),J.replaceChildren(...h.styles.map(D=>G(`${D.selector}${D.property?` \u2192 ${D.property}`:""}: ${D.message}`)));for(let D of o)D(d);w.refresh(d,h)}let $=e.subscribe(S);return a.push($),S(e.get()),{dispose(){for(let d of a)d();t.left.replaceChildren(),t.right.replaceChildren()}}}var tn="designer-preview";function nn(e={}){gn(document);let t=s("div",{class:"wgd-banner"});t.hidden=!0;let n=s("style"),r=s("div",{class:"wgd-preview"}),i=s("div",{class:"wgd-preview-pane"},[t,n,r]),o=Ee(),a=()=>({tag:"div",children:["\u2026"]});o.register(tn,m=>a(m),{description:"Designer preview delegate.",dataShape:"Defined by the draft being designed."});let f=new Map;for(let m of e.widgets??[]){let y=Oe(m.template);if(!y.ok||typeof m.kind!="string"||m.kind==="")continue;let g=zt(y.template),b=k(m.descriptor)?m.descriptor:{};try{o.register(m.kind,v=>g(v),{description:`Custom widget '${m.kind}' supplied for preview.`,dataShape:"Defined by the supplied definition.",...b.dataExample!==void 0?{dataExample:b.dataExample}:{}})}catch{continue}k(b.styles)&&f.set(m.kind,We(b.styles))}let c=o.kinds().filter(m=>m!==tn),l;function u(m,y,g){let b=g===void 0||g===tn;if(b&&!y.previewable){let T=y.kind??(y.template?`${y.template.code}: ${y.template.message}`+(y.template.path?` (at ${y.template.path})`:""):"Draft is not previewable.");if(t.hidden=!1,l===void 0){t.textContent=`Nothing to preview yet \u2014 ${T}`,r.replaceChildren(s("div",{class:"wgd-preview-empty"},["No preview: the draft has never been valid."]));return}t.textContent=`Preview frozen on the last valid draft \u2014 ${T}`;return}if(r.querySelector(".wgd-preview-empty")?.remove(),t.hidden=!0,t.textContent="",b){let T=Oe(m.template);if(!T.ok)return;let x=e.actions??[];a=zt(T.template,{actions:N=>x.find(C=>C.name===N)?.definition})}n.textContent=b?m.descriptor.styles?We(m.descriptor.styles):"":f.get(g)??"",hn(r,m.theme??{});let v={kind:b?tn:g,data:b?m.sampleData??m.descriptor.dataExample??null:p(g)};l===void 0?l=vn(v,r,{catalog:o}):l.update(v);for(let T of r.querySelectorAll("[data-wg-action]"))T.classList.add("wg-designer-action")}function p(m){return o.describe(m)?.dataExample??{value:"preview"}}return{pane:i,kinds:c,update:u,dispose(){l?.dispose(),l=void 0,i.replaceChildren()}}}function Je(e){return JSON.parse(JSON.stringify(e))}function Et(){return{kind:"my-widget",template:{tag:"div",attrs:{class:"wg-template"},children:[{tag:"h2",children:[{bind:"title"}]},{bind:"message"}]},descriptor:{description:"Describe what this widget is for.",dataShape:"{ title?, message }",dataExample:{title:"My widget",message:"Hello from the widgentic designer"},dataSchema:{type:"object",required:["message"],properties:{title:{type:"string"},message:{type:"string"}}}}}}function Lr(e){let t=Je(e??Et()),n=[],r=new Set;function i(){for(let o of[...r])o(t)}return{get:()=>t,update(o){n.push(t),n.length>50&&n.shift(),t=Je(o(Je(t))),i()},replace(o){n.length=0,t=Je(o),i()},undo(){let o=n.pop();return o===void 0?!1:(t=o,i(),!0)},subscribe(o){return r.add(o),()=>r.delete(o)}}}function Cr(e,t={}){Le(document);let n=t.initialWidget?Je({...t.initialWidget}):Et(),r=t.initialTheme!==void 0?{...n,theme:t.initialTheme}:n,i=Lr(r),o=new Set,a=nn({actions:t.actions??[]}),f=s("div",{class:"wgd-panels"}),c=s("div",{class:"wgd-preview-pane"}),l=s("div",{class:"wgd-side"},[a.pane,c]),u=s("div",{class:"wgd-root"},[f,l]);(t.appearance==="light"||t.appearance==="dark")&&u.setAttribute("data-wgd-theme",t.appearance),Re(u,t.chrome),e.appendChild(u);let p={actions:t.actions??[],secretNames:t.secretNames??[],schemas:t.schemas??[]},m=Rr(i,{left:f,right:c},t.themes??[],t.schemas??[],p);function y(v){let T=Xt(v,{schemas:t.schemas??[],actions:t.actions??[]});a.update(v,T);for(let x of[...o])x(v,T)}let g=i.subscribe(y);y(i.get());function b(v){u.classList.toggle("wgd-readonly",v);let T=[...u.querySelectorAll(".wgd-panels .wgd-section-body, .wgd-edit-only > .wgd-section-body")].filter(x=>!x.parentElement?.classList.contains("wgd-view-only"));for(let x of T)v?x.setAttribute("inert",""):x.removeAttribute("inert")}return t.readOnly===!0&&b(!0),{getDraft:()=>Je(i.get()),setReadOnly:b,loadWidget(v){let T=Tn(v);return T.length>0?{ok:!1,errors:T}:(An(i,v),{ok:!0})},loadTheme(v){let T=Be(v);return T.ok?(i.update(x=>({...x,theme:T.theme})),{ok:!0}):{ok:!1,errors:[T.error.message]}},subscribe(v){return o.add(v),()=>o.delete(v)},dispose(){g(),m.dispose(),a.dispose(),o.clear(),u.remove()}}}var $r=/^[a-zA-Z0-9._-]+$/;function Gi(){return{name:"my-schema",label:"My schema",schema:{type:"object",properties:{}}}}function Yi(e){let t=[];return k(e)?(typeof e.name!="string"||e.name.trim()===""?t.push("'name' must be a non-empty string."):$r.test(e.name)||t.push(`'${e.name}' is not a valid schema name \u2014 use letters, digits, '.', '_' or '-'.`),k(e.schema)||t.push("'schema' must be a plain object."),t):["Schema entry must be an object."]}function jr(e,t={}){Le(document);let n=t.initialSchema?JSON.parse(JSON.stringify(t.initialSchema)):Gi(),r=new Set,i=s("div",{class:"wgd-panels"}),o=s("div",{class:"wgd-root wgd-schema-designer"},[i]);(t.appearance==="light"||t.appearance==="dark")&&o.setAttribute("data-wgd-theme",t.appearance),Re(o,t.chrome),e.appendChild(o);function a(){return JSON.parse(JSON.stringify(n))}function f(){for(let w of[...r])w(a())}let c=[],l=G(void 0);function u(w,E,R){let j=Ne(w,E(),R),P=ye(j,"input");return c.push(()=>{document.activeElement!==P&&(P.value=E())}),j}let p=X("Schema",[u("Name (id)",()=>n.name,w=>{n={...n,name:w};let E=w.trim()===""||!$r.test(w);l.hidden=!E,l.textContent=E?"Name must be non-empty using letters, digits, '.', '_' or '-'.":"",f()}),l,u("Label",()=>n.label??"",w=>{n={...n,label:w},f()}),u("Description",()=>n.description??"",w=>{n={...n,description:w},f()})]),m=ot(n.schema,w=>{n={...n,schema:w??{}},v(),f()}),y=G(void 0),g=s("textarea",{class:"wgd-textarea",rows:"12",spellcheck:"false"}),b=s("div",void 0,[g,y]);g.value=JSON.stringify(n.schema,null,2),g.addEventListener("input",()=>{try{let w=JSON.parse(g.value);if(!k(w))throw new Error("schema must be an object");y.hidden=!0,y.textContent="",n={...n,schema:w},m.setValue(w),f()}catch(w){y.hidden=!1,y.textContent=`Invalid JSON (schema keeps the last valid value): ${String(de(w))}`}});function v(){document.activeElement!==g&&(g.value=JSON.stringify(n.schema,null,2),ge(g))}let T=s("button",{class:"wgd-button wgd-tab wgd-tab-active",type:"button"},["Builder"]),x=s("button",{class:"wgd-button wgd-tab",type:"button"},["JSON"]);b.hidden=!0,T.addEventListener("click",()=>{m.element.hidden=!1,b.hidden=!0,T.classList.add("wgd-tab-active"),x.classList.remove("wgd-tab-active")}),x.addEventListener("click",()=>{m.element.hidden=!0,b.hidden=!1,x.classList.add("wgd-tab-active"),T.classList.remove("wgd-tab-active"),v()});let N=X("Definition",[s("div",{class:"wgd-row"},[T,x]),m.element,b]),C=G(void 0),I=s("textarea",{class:"wgd-textarea wgd-schema-import",rows:"6",spellcheck:"false"}),B=s("button",{class:"wgd-button",type:"button"},["Import"]);B.addEventListener("click",()=>{let w;try{w=JSON.parse(I.value)}catch(R){C.hidden=!1,C.textContent=`Invalid JSON: ${de(R)}`;return}let E=W(w);C.hidden=E.ok,C.textContent=E.ok?"":E.errors.join(`
|
|
452
|
-
`)});let A=
|
|
453
|
-
`)});let
|
|
454
|
-
`)});let
|
|
449
|
+
export const ${Vi(e.kind)||"custom"}Widget: CustomWidget = ${JSON.stringify({kind:e.kind,template:e.template,descriptor:e.descriptor,...e.load!==void 0?{load:e.load}:{}},null,2)};
|
|
450
|
+
`}function wr(e){let t=s("textarea",{class:"wgd-textarea",rows:"8",readonly:"",spellcheck:"false"});function n(l,p){let m=s("button",{class:"wgd-button wgd-add",type:"button"},[l]);return m.addEventListener("click",()=>{t.value=p(),me(t)}),m}let r=q(void 0),i=Kt("Import widget JSON","",()=>{},5),o=we(i,"textarea");ue(o);let a=s("button",{class:"wgd-button",type:"button"},["Import"]);a.addEventListener("click",()=>{let l=zi(o.value);if(!l.ok){r.hidden=!1,r.textContent=l.errors.join(`
|
|
451
|
+
`);return}r.hidden=!0,r.textContent="",Dn(e,l.definition)});let f=ee("Import",[i,r,s("div",{class:"wgd-row"},[a])]),d=ee("Export",[s("div",{class:"wgd-row"},[n("Export widget entry",()=>Ui(e.get())),n("Copy as TypeScript",()=>Ji(e.get()))]),t]);d.classList.add("wgd-view-only");let u=s("div",{class:"wgd-io"},[f,d]);return ue(t),{element:u,dispose:()=>u.remove()}}var Ki=["string","number","boolean","null","object","array"];function On(e){return e===null?"null":Array.isArray(e)?"array":typeof e}function qi(e,t){switch(e){case"string":return typeof t=="number"||typeof t=="boolean"?String(t):"";case"number":{let n=Number(t);return Number.isFinite(n)?n:0}case"boolean":return t==="true"?!0:!!t&&t!=="false";case"null":return null;case"object":return{};case"array":return[]}}function Te(e,t,n,r=!1){if(t.length===0)return n;let[i,...o]=t;if(Array.isArray(e)){let a=[...e];return o.length===0&&r?a.splice(i,1):a[i]=Te(a[i],o,n,r),a}if(typeof e=="object"&&e!==null){let a={...e};return o.length===0&&r?delete a[i]:a[i]=Te(a[i],o,n,r),a}return e}function Gi(e,t,n,r){let i=t.reduce((a,f)=>typeof a=="object"&&a!==null?a[f]:void 0,e);if(typeof i!="object"||i===null||Array.isArray(i))return e;let o=Object.entries(i).map(([a,f])=>a===n?[r,f]:[a,f]);return Te(e,t,Object.fromEntries(o))}function yr(e,t){let n=e,r=s("div",{class:"wgd-jsontree"});function i(p){n=p,l(),t(n)}function o(p,m,w){let g=m==="number"?Number.isFinite(Number(w))?Number(w):0:w;n=Te(n,p,g),t(n)}function a(p,m){let w=s("select",{class:"wgd-select wgd-jt-type"});for(let g of Ki)w.append(s("option",{value:g},[g]));return w.value=On(p),w.addEventListener("change",()=>i(Te(n,m,qi(w.value,p)))),w}function f(p,m){let w=On(p);if(w==="boolean"){let g=s("input",{type:"checkbox"});return g.checked=p,g.addEventListener("change",()=>i(Te(n,m,g.checked))),g}if(w==="null")return s("code",void 0,["null"]);if(w==="string"||w==="number"){let g=s("input",{type:"text",class:"wgd-input"});return g.value=String(p),g.addEventListener("change",()=>o(m,w,g.value)),g}return s("span")}function d(p,m,w,g){let y=s("div",{class:"wgd-jt-row"},[p,a(m,w)]),v=On(m);if(v!=="object"&&v!=="array"&&y.append(f(m,w)),g){let x=s("button",{class:"wgd-icon",type:"button",title:"Remove"},["\u2715"]);x.addEventListener("click",()=>i(Te(n,w,void 0,!0))),y.append(x)}let S=s("div",{class:"wgd-jt-entry"},[y]);return(v==="object"||v==="array")&&S.append(u(m,w)),S}function u(p,m){let w=s("div",{class:"wgd-jt-children"});if(Array.isArray(p)){p.forEach((v,S)=>{w.append(d(s("span",{class:"wgd-jt-key"},[String(S)]),v,[...m,S],!0))});let y=s("button",{class:"wgd-button wgd-add",type:"button"},["+ item"]);y.addEventListener("click",()=>i(Te(n,[...m,p.length],""))),w.append(s("div",{class:"wgd-toolbar"},[y]))}else if(typeof p=="object"&&p!==null){for(let[v,S]of Object.entries(p)){let x=s("input",{type:"text",class:"wgd-input wgd-jt-keyinput"});x.value=v,x.addEventListener("change",()=>i(Gi(n,m,v,x.value))),w.append(d(x,S,[...m,v],!0))}let y=s("button",{class:"wgd-button wgd-add",type:"button"},["+ property"]);y.addEventListener("click",()=>{let v=p,S="key";for(let x=1;S in v;x++)S=`key${x}`;i(Te(n,[...m,S],""))}),w.append(s("div",{class:"wgd-toolbar"},[y]))}return s("details",{class:"wgd-jt-branch",open:""},[s("summary",{class:"wgd-jt-summary"},[Array.isArray(p)?`[ ${p.length} item${p.length===1?"":"s"} ]`:`{ ${Object.keys(p).length} propert${Object.keys(p).length===1?"y":"ies"} }`]),w])}function l(){r.replaceChildren(d(s("span",{class:"wgd-jt-key"},["value"]),n,[],!1))}return l(),{element:r,getValue:()=>n,setValue(p){r.contains(document.activeElement)||(n=p,l())}}}var br=["object","array","string","number","integer","boolean","null","any"],vr=new Set(["string","number","integer","any"]);function ot(e,t){let n=e,r=s("div",{class:"wgd-schemabuilder"});function i(d,u=!0){n=d,t(n),u&&f()}function o(d,u,l){let p={...d};return l===void 0?delete p[u]:p[u]=l,p}function a(d,u,l,p=[],m=[]){let w=[],g=s("select",{class:"wgd-select wgd-sb-type"});for(let A of br)g.append(s("option",{value:A},[A]));let y=d.type,v=Array.isArray(y)?y.filter(A=>typeof A=="string"):void 0,S=v?.includes("null")??!1,x=typeof y=="string"?y:v?.find(A=>A!=="null")??(S?"null":"any");g.value=br.some(A=>A===x)?x:"any",ke(g);let C=s("input",{type:"checkbox",title:"Also allows null"});C.checked=S,C.disabled=g.value==="any"||g.value==="null";function $(A,H){if(A!=="any")return H&&A!=="null"?[A,"null"]:A}C.addEventListener("change",()=>{u(o(d,"type",$(g.value,C.checked)))}),g.addEventListener("change",()=>{let A=o(d,"type",$(g.value,C.checked));g.value!=="object"&&(A=o(o(A,"properties",void 0),"required",void 0)),g.value!=="array"&&(A=o(A,"items",void 0)),g.value!=="string"&&(A=o(A,"pattern",void 0)),vr.has(g.value)||(A=o(A,"enum",void 0)),u(A)}),w.push(s("div",{class:"wgd-sb-row"},[...p,g,s("label",{class:"wgd-sb-req wgd-sb-null",title:"Also allows null"},[C,"null"]),...m]));let M=[];if(g.value==="string"){let A=s("input",{type:"text",class:"wgd-input wgd-sb-constraint",placeholder:"pattern (regex, optional)"});A.value=typeof d.pattern=="string"?d.pattern:"",A.addEventListener("change",()=>u(o(d,"pattern",A.value===""?void 0:A.value))),M.push(s("span",{class:"wgd-sb-label"},["pattern"]),A)}let U=q(void 0);if(vr.has(g.value)){let A=s("input",{type:"text",class:"wgd-input wgd-sb-constraint",placeholder:'enum ["a","b"] (optional)'});A.value=Array.isArray(d.enum)?JSON.stringify(d.enum):"",A.addEventListener("change",()=>{if(A.value.trim()===""){U.hidden=!0,u(o(d,"enum",void 0));return}try{let H=JSON.parse(A.value);if(!Array.isArray(H))throw new Error("must be a JSON array");U.hidden=!0,u(o(d,"enum",H))}catch(H){U.hidden=!1,U.textContent=`enum ignored: ${le(H)}`}}),M.push(s("span",{class:"wgd-sb-label"},["enum"]),A)}if(M.length>0&&w.push(s("div",{class:"wgd-sb-row wgd-sb-constraints"},M),U),g.value==="object"){let A=k(d.properties)?d.properties:{},H=Array.isArray(d.required)?d.required.filter(_=>typeof _=="string"):[],V=s("div",{class:"wgd-jt-children"});for(let[_,Q]of Object.entries(A)){let W=s("input",{type:"text",class:"wgd-input wgd-sb-prop",placeholder:"property name"});W.value=_,W.addEventListener("change",()=>{let L=Object.entries(A).map(([P,N])=>P===_?[W.value,N]:[P,N]),j=H.map(P=>P===_?W.value:P);u(o(o(d,"properties",Object.fromEntries(L)),"required",j.length>0?j:void 0))});let b=s("input",{type:"checkbox",title:"required"});b.checked=H.includes(_),b.addEventListener("change",()=>{let L=b.checked?[...H,_]:H.filter(j=>j!==_);u(o(d,"required",L.length>0?L:void 0))});let E=s("button",{class:"wgd-icon",type:"button",title:"Remove property"},["\u2715"]);E.addEventListener("click",()=>{let{[_]:L,...j}=A;u(o(o(d,"properties",Object.keys(j).length>0?j:void 0),"required",H.filter(P=>P!==_).length>0?H.filter(P=>P!==_):void 0))}),V.append(a(k(Q)?Q:{},L=>u(o(d,"properties",{...A,[_]:L})),l+1,[W],[s("label",{class:"wgd-sb-req",title:"required"},[b,"req"]),E]))}let z=s("button",{class:"wgd-button wgd-add",type:"button"},["+ property"]);z.addEventListener("click",()=>{let _="field";for(let Q=1;_ in A;Q++)_=`field${Q}`;u(o(d,"properties",{...A,[_]:{type:"string"}}))}),V.append(s("div",{class:"wgd-toolbar"},[z])),w.push(V)}return g.value==="array"&&w.push(s("div",{class:"wgd-slot"},[a(k(d.items)?d.items:{},A=>u(o(d,"items",A)),l+1,[s("span",{class:"wgd-sb-label"},["items"])])])),s("div",{class:l===0?"wgd-sb-root":"wgd-sb-node"},w)}function f(){if(n===void 0){let u=s("button",{class:"wgd-button wgd-add",type:"button"},["+ add a data schema"]);u.addEventListener("click",()=>i({type:"object"})),r.replaceChildren(s("div",void 0,[s("span",{class:"wgd-sb-label"},["No schema \u2014 data is accepted leniently."]),s("div",{class:"wgd-toolbar"},[u])]));return}let d=s("button",{class:"wgd-button wgd-add wgd-remove",type:"button"},["remove schema"]);d.addEventListener("click",()=>i(void 0)),r.replaceChildren(a(n,u=>i(u),0),s("div",{class:"wgd-toolbar"},[d]))}return f(),{element:r,getValue:()=>n,setValue(d){r.contains(document.activeElement)||(n=d,f())}}}function vt(e,t,n){let r=e,i=s("div",{class:"wgd-record"});function o(d){r=Object.keys(d).length>0?d:void 0,n(r),f()}function a(d,u,l,p){let m=s("input",{type:"text",class:l,placeholder:u,spellcheck:"false"});return m.value=d,m.addEventListener("change",()=>p(m.value)),m}function f(){let d=r??{},u=Object.entries(d).map(([p,m])=>{let w=a(p,t.key,"wgd-input wgd-rec-key",v=>{let S=Object.entries(d).map(([x,C])=>x===p?[v,C]:[x,C]);o(Object.fromEntries(S))}),g=a(m,t.value,"wgd-input wgd-rec-value",v=>o({...d,[p]:v})),y=s("button",{class:"wgd-icon",type:"button",title:"Remove entry"},["\u2715"]);return y.addEventListener("click",()=>{let{[p]:v,...S}=d;o(S)}),s("div",{class:"wgd-rec-row"},[w,s("span",{class:"wgd-st-colon"},[":"]),g,y])}),l=s("button",{class:"wgd-button wgd-add wgd-st-add",type:"button"},[t.add]);l.addEventListener("click",()=>{let p="";for(let m=1;p in d;m++)p=`key${m}`;o({...d,[p]:""})}),i.replaceChildren(...u,s("div",{class:"wgd-toolbar"},[l]))}return f(),{element:i,getValue:()=>r,setValue(d){i.contains(document.activeElement)||(r=d,f())}}}function xr(e){let t=e.type;if(typeof t=="string")return t;if(Array.isArray(t)){let n=t.find(r=>typeof r=="string"&&r!=="null");if(typeof n=="string")return n;if(t.includes("null"))return"null"}}function xt(e){if(Array.isArray(e.enum)&&e.enum.length>0)return e.enum[0];switch(xr(e)){case"object":{let t={};if(k(e.properties)&&Array.isArray(e.required))for(let n of e.required)typeof n=="string"&&k(e.properties[n])&&(t[n]=xt(e.properties[n]));return t}case"array":return[];case"number":case"integer":return 0;case"boolean":return!1;case"null":return null;default:return""}}function qt(e,t,n){let r=t??xt(e),i=s("div",{class:"wgd-schemaform"});function o(l,p,m,w=!1){if(p.length===0)return m;let[g,...y]=p;if(Array.isArray(l)){let S=[...l];return y.length===0&&w?S.splice(g,1):S[g]=o(S[g],y,m,w),S}let v=k(l)?{...l}:{};return y.length===0&&w?delete v[g]:v[g]=o(v[g],y,m,w),v}function a(l,p,m=!1){r=o(r,l,p),n(r),m&&u()}function f(l,p,m,w){if(Array.isArray(l.enum)){let g=s("select",{class:"wgd-select"});for(let y of l.enum)g.append(s("option",{value:JSON.stringify(y)},[JSON.stringify(y)]));return g.value=JSON.stringify(p??l.enum[0]),g.addEventListener("change",()=>a(m,JSON.parse(g.value))),d(w,g)}switch(xr(l)){case"boolean":{let g=s("input",{type:"checkbox"});return g.checked=p===!0,g.addEventListener("change",()=>a(m,g.checked)),d(w,g)}case"number":case"integer":{let g=s("input",{type:"number",class:"wgd-input"});return g.value=typeof p=="number"?String(p):"0",g.addEventListener("change",()=>{let y=Number(g.value);a(m,Number.isFinite(y)?y:0)}),d(w,g)}case"object":{let g=s("div",{class:"wgd-jt-children"}),y=k(l.properties)?l.properties:{},v=Array.isArray(l.required)?l.required:[],S=k(p)?p:{};for(let[x,C]of Object.entries(y)){if(!k(C))continue;let $=v.includes(x);g.append(f(C,S[x]??($?xt(C):void 0),[...m,x],$?`${x} *`:x))}return s("fieldset",{class:"wgd-sf-object"},[s("legend",{class:"wgd-field-label"},[w]),g])}case"array":{let g=k(l.items)?l.items:{},y=Array.isArray(p)?p:[],v=s("div",{class:"wgd-jt-children"});y.forEach((x,C)=>{let $=s("div",{class:"wgd-jt-entry"},[f(g,x,[...m,C],`#${C}`)]),M=s("button",{class:"wgd-icon",type:"button",title:"Remove item"},["\u2715"]);M.addEventListener("click",()=>{r=o(r,[...m,C],void 0,!0),n(r),u()}),$.append(M),v.append($)});let S=s("button",{class:"wgd-button wgd-add",type:"button"},["+ item"]);return S.addEventListener("click",()=>a([...m,y.length],xt(g),!0)),v.append(s("div",{class:"wgd-toolbar"},[S])),s("fieldset",{class:"wgd-sf-object"},[s("legend",{class:"wgd-field-label"},[w]),v])}default:{let g=s("input",{type:"text",class:"wgd-input"});return typeof l.pattern=="string"&&(g.setAttribute("placeholder",`pattern: ${l.pattern}`),g.setAttribute("title",`Must match ${l.pattern}`)),g.value=typeof p=="string"?p:p===void 0?"":String(p),g.addEventListener("change",()=>a(m,g.value)),d(w,g)}}}function d(l,p){return s("label",{class:"wgd-field"},[s("span",{class:"wgd-field-label"},[l]),p])}function u(){i.replaceChildren(f(e,r,[],"data"))}return u(),{element:i,getValue:()=>r,setValue(l){i.contains(document.activeElement)||(r=l??xt(e),u())}}}function kr(e,t){let n=e,r=s("div",{class:"wgd-styles"});function i(d){n=Object.keys(d).length>0?d:void 0,t(n),f()}function o(d,u,l,p){let m=s("input",{type:"text",class:l,placeholder:u,spellcheck:"false"});return m.value=d,m.addEventListener("change",()=>p(m.value)),m}function a(d,u,l){let p=o(d,".wg-selector","wgd-input wgd-st-selector",y=>{let v=Object.entries(l).map(([S,x])=>S===d?[y,x]:[S,x]);i(Object.fromEntries(v))}),m=s("button",{class:"wgd-icon",type:"button",title:"Add declaration"},["+"]);m.addEventListener("click",()=>{i({...l,[d]:{...u,"":""}})});let w=s("button",{class:"wgd-icon",type:"button",title:"Remove selector"},["\u2715"]);w.addEventListener("click",()=>{let{[d]:y,...v}=l;i(v)});let g=Object.entries(u).map(([y,v])=>{let S=o(y,"property","wgd-input wgd-st-prop",$=>{let M=Object.entries(u).map(([U,A])=>U===y?[$,A]:[U,A]);i({...l,[d]:Object.fromEntries(M)})}),x=o(v,"value (no url(...), no ;)","wgd-input wgd-st-value",$=>{i({...l,[d]:{...u,[y]:$}})}),C=s("button",{class:"wgd-icon",type:"button",title:"Remove declaration"},["\u2715"]);return C.addEventListener("click",()=>{let{[y]:$,...M}=u;i({...l,[d]:M})}),s("div",{class:"wgd-st-decl"},[S,s("span",{class:"wgd-st-colon"},[":"]),x,C])});return s("div",{class:"wgd-st-rule"},[s("div",{class:"wgd-st-row"},[p,s("span",{class:"wgd-node-icons"},[m,w])]),s("div",{class:"wgd-st-decls"},g)])}function f(){let d=n??{},u=s("button",{class:"wgd-button wgd-add wgd-st-add",type:"button"},["+ selector"]);u.addEventListener("click",()=>{let l=".wg-";for(let p=1;l in d;p++)l=`.wg-${p}`;i({...d,[l]:{}})}),r.replaceChildren(...Object.entries(d).map(([l,p])=>a(l,k(p)?p:{},d)),s("div",{class:"wgd-toolbar"},[u]))}return f(),{element:r,getValue:()=>n,setValue(d){r.contains(document.activeElement)||(n=d,f())}}}var Er=3;function ge(e){if(!k(e))return;let t=e.type;if(typeof t=="string")return t;if(Array.isArray(t)){let n=t.find(r=>typeof r=="string"&&r!=="null");if(typeof n=="string")return n}}function Gt(e,t,n,r=0){if(!(!k(e)||r>Er)&&!(ge(e)!=="object"||!k(e.properties)))for(let[i,o]of Object.entries(e.properties)){let a=t===""?i:`${t}.${i}`;n.push({path:a,schema:o}),Gt(o,a,n,r+1)}}function $e(e){return k(e)&&ge(e)==="array"?e.items:e}function Je(e,t){if(t===""||t===".")return e;let n=e;for(let r of t.split(".")){if(!k(n))return;if(ge(n)==="array"){if(!/^\d+$/.test(r))return;n=$e(n);continue}if(!k(n.properties))return;n=n.properties[r]}return n}function Yi(e,t){if(e===void 0||t===void 0)return!1;let n=r=>r==="integer"?"number":r;return n(e)!==n(t)}function Sr(e,t){let n=e,r=t;for(let a=0;a<Er&&!(ge(n)!=="array"||ge(r)!=="array");a++)n=$e(n),r=$e(r);let i=ge(n),o=ge(r);return Yi(i,o)?{source:i,target:o}:void 0}function st(e){let t=[];return Gt(e,"",t),t.map(n=>n.path)}var Tr="__custom__";function Ar(){return{kind:"prompt",text:["Tell me more about ",{bind:"title"}]}}function Or(){return{kind:"http",method:"GET",url:"https://api.example.com/resource",input:{type:"object",properties:{}},output:{type:"object"}}}function Yt(e){return"ref"in e&&typeof e.ref=="string"}function Ae(e,t,n,r=""){let i=s("input",{type:"text",class:t,placeholder:r});return i.value=e,i.addEventListener("change",()=>n(i.value)),i}function he(e){return s("span",{class:"wgd-field-label"},[e])}function kt(e){let t=s("button",{class:"wgd-icon",type:"button",title:"Remove"},["\u2715"]);return t.addEventListener("click",e),t}function Xt(e,t,n,r,i="wgd-input wgd-rec-value"){if(t.length===0)return Ae(e,i,n,r);let o=s("select",{class:"wgd-select wgd-path"}),a=t.includes(e),f=a||e===""?t:[e,...t];o.append(s("option",{value:""},[r]));for(let u of f)o.append(s("option",{value:u},[u===e&&!a?`${u} (off-schema)`:u]));o.append(s("option",{value:Tr},["custom\u2026"])),o.value=e,ke(o);let d=Ae(e,i,n,r);return d.hidden=!0,o.addEventListener("change",()=>{if(o.value===Tr){d.hidden=!1,d.focus();return}d.hidden=!0,n(o.value)}),s("span",{class:"wgd-pathwrap"},[o,d])}function Dr(e,t,n,r){let i=ce(e??{}),o=[],a=s("div",{class:"wgd-record wgd-headers"}),f=q(void 0);function d(m){i=m,r(Object.keys(i).length>0?i:void 0),p()}function u(m){f.hidden=!1,f.textContent=`'${m}' is already used; pick another ${n.name} name.`}function l(m,w){let g=k(m),y=fe([{value:"literal"},{value:"secret"}],g?"secret":"literal","wgd-select wgd-attr-mode",v=>w(v==="secret"?{secret:t[0]??""}:""));if(g){let v=t.includes(m.secret)?t:[m.secret,...t],S=fe(v.map(x=>({value:x,label:x===""?"(pick a secret)":x})),m.secret,"wgd-select wgd-secret",x=>w({secret:x}));return[y,S]}return[y,Ae(m,"wgd-input wgd-rec-value",w,"value")]}function p(){a.replaceChildren(),f.hidden=!0;for(let[w,g]of Object.entries(i)){let y=Ae(w,"wgd-input wgd-rec-key",x=>{if(x===w)return;if(x===""||Object.hasOwn(i,x)){u(x||"(empty)");return}let C=Object.entries(i).map(([$,M])=>$===w?[x,M]:[$,M]);d(Object.fromEntries(C))},n.name),v=l(g,x=>d({...i,[w]:x})),S=kt(()=>{let{[w]:x,...C}=i;d(C)});a.append(s("div",{class:"wgd-rec-row"},[y,...v,S]))}o.forEach((w,g)=>{let y=Ae("","wgd-input wgd-rec-key",x=>{if(x!==""){if(Object.hasOwn(i,x)){u(x);return}o.splice(g,1),d({...i,[x]:w.value})}},n.name),v=l(w.value,x=>{w.value=x,p()}),S=kt(()=>{o.splice(g,1),p()});a.append(s("div",{class:"wgd-rec-row wgd-rec-pending"},[y,...v,S]))});let m=s("button",{class:"wgd-button wgd-add",type:"button"},[n.add]);m.addEventListener("click",()=>{o.push({value:""}),p()}),a.append(s("div",{class:"wgd-row"},[m]),f)}return p(),a}function Xi(e,t){let n=ce(e),r=s("div",{class:"wgd-record wgd-segments"});function i(a){n=a,t(n),o()}function o(){r.replaceChildren(),n.forEach((d,u)=>{let l=typeof d!="string",p=fe([{value:"text"},{value:"bind"}],l?"bind":"text","wgd-select wgd-attr-mode",g=>{let y=[...n];y[u]=g==="bind"?{bind:"."}:"",i(y)}),m=Ae(l?d.bind:d,"wgd-input wgd-rec-value",g=>{let y=[...n];y[u]=l?{bind:g}:g,i(y)},l?"data path":"text"),w=kt(()=>i(n.filter((g,y)=>y!==u)));r.append(s("div",{class:"wgd-rec-row"},[p,m,w]))});let a=s("button",{class:"wgd-button wgd-add",type:"button"},["+ text"]);a.addEventListener("click",()=>i([...n,""]));let f=s("button",{class:"wgd-button wgd-add",type:"button"},["+ bind"]);f.addEventListener("click",()=>i([...n,{bind:"."}])),r.append(s("div",{class:"wgd-row"},[a,f]))}return o(),r}function Nn(e,t,n){let r=ce(e??Ar()),i=s("div",{class:"wgd-action-head"}),o=s("div",{class:"wgd-action-schemas"}),a=s("div",{class:"wgd-action-maps"}),f=s("div",{class:"wgd-action-definition"},[i,o,a]);function d(){return r}function u(y,v){r=y,n(ce(r)),v==="all"?g():v==="schemas"&&m()}function l(y,v){let S=ot(d()[v],$=>{u({...d(),[v]:$??{type:"object"}},"none")}),x=[he(y),S.element],C=t.schemas??[];if(C.length>0){let $=fe([{value:"",label:"copy a shared schema into this action\u2026"},...C.map(M=>({value:M.name}))],"","wgd-select",M=>{let U=C.find(A=>A.name===M);U&&u({...d(),[v]:ce(U.schema)},"schemas")});x.push(s("div",{class:"wgd-row"},[$,he("(a copy \u2014 later edits to the shared schema do not follow)")]))}return s("div",{class:"wgd-action-schema"},x)}function p(){i.replaceChildren();let y=fe([{value:"prompt",label:"prompt \u2014 propose a message"},{value:"http",label:"http \u2014 call an API"}],r.kind,"wgd-select wgd-action-kind",x=>u(x==="http"?Or():Ar(),"all"));if(r.kind==="prompt"){i.append(s("div",{class:"wgd-row"},[he("Kind"),y]),he("Message (literals and bound values; the user reviews and sends it)"),Xi(r.text,x=>u({kind:"prompt",text:x},"none")));return}let v=fe(ft.map(x=>({value:x})),r.method,"wgd-select",x=>u({...d(),method:x},"none")),S=Ae(r.url,"wgd-input wgd-action-url",x=>u({...d(),url:x},"none"),"https://\u2026");i.append(s("div",{class:"wgd-row"},[he("Kind"),y,he("Method"),v]),s("label",{class:"wgd-field"},[he("URL (https, fixed)"),S]))}function m(){o.replaceChildren(),r.kind==="http"&&o.append(l("Input schema (arguments; GET \u2192 query, POST \u2192 JSON body)","input"),l("Output schema (the response must satisfy it)","output"))}function w(){if(a.replaceChildren(),r.kind!=="http")return;let y=t.secretNames??[];a.append(he("Headers"),Dr(r.headers,y,{add:"+ header",name:"header"},v=>{let{headers:S,...x}=d();u(v===void 0?x:{...x,headers:v},"none")}),he("Fixed query parameters"),Dr(r.query,y,{add:"+ parameter",name:"parameter"},v=>{let{query:S,...x}=d();u(v===void 0?x:{...x,query:v},"none")}))}function g(){p(),m(),w()}return g(),{element:f,getValue:()=>ce(r),setValue(y){r=ce(y),g()}}}function Zt(e,t,n){let r=e===void 0?void 0:ce(e),i=s("div",{class:"wgd-binding-head"}),o=s("div",{class:"wgd-binding-input"}),a=s("div",{class:"wgd-binding-output"}),f=s("div",{class:"wgd-binding"},[i,o,a]);function d(C){if(C!==void 0)return Yt(C)?(t.actions??[]).find($=>$.name===C.ref)?.definition:C.definition}let u=()=>ce(r?.input??{}),l=()=>ce(r?.output??{});function p(C,$){r=C,n(C===void 0?void 0:ce(C)),$==="all"?x():$==="io"?(y(),v()):$==="input"?y():$==="output"&&v()}function m(C,$,M){return{...Yt(C)?{ref:C.ref}:{definition:C.definition},...$!==void 0&&Object.keys($).length>0?{input:$}:{},...M!==void 0&&Object.keys(M).length>0?{output:M}:{}}}function w(){return["$index","$parent","$root",...st(t.getDataSchema?.()).map($=>`$root.${$}`)]}function g(){i.replaceChildren();let C=(t.actions??[]).filter(A=>!t.loadOnly||A.definition.kind==="http"&&A.definition.method==="GET"),$=r===void 0?"none":Yt(r)?"shared":"inline",M=fe([{value:"none",label:t.loadOnly?"no load action":"no action"},{value:"shared",label:"shared action"},{value:"inline",label:"inline definition"}],$,"wgd-select wgd-binding-mode",A=>{p(A==="none"?void 0:A==="shared"?{ref:C[0]?.name??""}:{definition:Or()},"all")});if(i.append(s("div",{class:"wgd-row"},[M])),r===void 0)return;if(Yt(r)){let A=r.ref,H=C.map(_=>_.name),V=(H.includes(A)?H:[A,...H]).map(_=>({value:_,label:_===""?"(pick an action)":H.includes(_)?_:`${_} (unknown)`})),z=fe(V,A,"wgd-select wgd-binding-ref",_=>p(m({ref:_},u(),l()),"io"));i.append(s("div",{class:"wgd-row"},[he("Action"),z]));return}let U=Nn(r.definition,t,A=>{p(m({definition:A},u(),l()),"io")});i.append(U.element)}function y(){o.replaceChildren();let C=d(r);if(r===void 0||C?.kind!=="http")return;let $=r,M=k(C.input.properties)?Object.keys(C.input.properties):[],U=t.scopePaths??st(t.getDataSchema?.()),A=[...new Set([...U,...w()])],H=u(),V=M.map(z=>{let _=H[z],Q=k(_)&&"const"in _,W=fe([{value:"path"},{value:"const"}],Q?"const":"path","wgd-select wgd-attr-mode",L=>{p(m($,{...u(),[z]:L==="const"?{const:""}:z},l()),"input")}),b=L=>{let j=u();if(Q){let P;try{P=JSON.parse(L)}catch{P=L}j[z]={const:P}}else L===""?delete j[z]:j[z]=L;p(m($,j,l()),"none")},E=Q?Ae(JSON.stringify(_.const),"wgd-input wgd-rec-value",b,"JSON literal"):Xt(typeof _=="string"?_:"",A,b,"data path");return s("div",{class:"wgd-rec-row"},[s("span",{class:"wgd-rec-key wgd-binding-field"},[z]),W,E])});o.append(he("Input mapping (field \u2190 data path or constant)"),M.length>0?s("div",{class:"wgd-record"},V):s("div",{class:"wgd-diagnostic"},["The input schema declares no properties."]))}function v(){a.replaceChildren();let C=d(r);if(r===void 0||C?.kind!=="http")return;let $=r,M=l(),U=M.mode??"merge",A=fe(pt.map(V=>({value:V})),U,"wgd-select",V=>{let z={...l(),mode:V};V!=="patch"&&delete z.path,p(m($,u(),z),"output")}),H=[he("Output"),A];U==="patch"&&H.push(Ae(M.path??"","wgd-input",V=>{p(m($,u(),{...l(),path:V}),"output")},"data path to write at")),a.append(s("div",{class:"wgd-row"},H)),a.append(S(C,M,V=>{let z=l();V===void 0?delete z.map:z.map=V,p(m($,u(),z),"none")}))}function S(C,$,M){let U=s("div",{class:"wgd-record wgd-output-map"}),A=ce($.map??{}),H=[],V=t.getDataSchema?.(),z=$.mode??"merge",_=z==="patch"&&$.path?$.path:"",Q=_===""?V:Je(V,_),W=$e(Q),b=[".",...st(W)],E=()=>A["."]===void 0?C.output:Je(C.output,A["."]),L=()=>ge(E())==="array",j=()=>$e(E()),P=[".",...st(C.output)],N=q(void 0);N.classList.add("wgd-type-mismatch");function D(O){A=O,M(Object.keys(A).length>0?A:void 0),T()}function c(O){N.hidden=!1,N.textContent=O}function h(O,I){let F=Xt(O,b,I,"target data path","wgd-input wgd-rec-key");return F.classList.add("wgd-map-target"),F}function T(){U.replaceChildren();let O=[],I=Object.keys(A).filter(G=>G!==".");L()&&z==="merge"&&I.length>0&&O.push("a list projects per item \u2014 use replace or patch; merge needs an object.");let F=[".",...st(j())];for(let[G,K]of Object.entries(A)){let X=G==="."?P:F,Z=G==="."?void 0:Sr(Je(j(),K),Je(W,G));Z&&O.push(`'${K}' is ${Z.source} in the response but '${_?`${_}.`:""}${G}' is ${Z.target} in the widget schema`);let ne=h(G,ae=>{if(ae===G)return;if(ae===""||Object.hasOwn(A,ae)){c(`'${ae||"(empty)"}' is already a projection target.`);return}let at=Object.entries(A).map(([ye,dt])=>ye===G?[ae,dt]:[ye,dt]);D(Object.fromEntries(at))}),de=Xt(K,X,ae=>D({...A,[G]:ae}),"response path");de.classList.add("wgd-map-source");let Ee=kt(()=>{let{[G]:ae,...at}=A;D(at)});U.append(s("div",{class:"wgd-rec-row"},[ne,s("span",{class:"wgd-st-colon"},["\u2190"]),de,Ee]))}H.forEach((G,K)=>{let X=h("",de=>{if(de!==""){if(Object.hasOwn(A,de)){c(`'${de}' is already a projection target.`);return}H.splice(K,1),D({...A,[de]:G.source})}}),Z=Xt(G.source,F,de=>{G.source=de,T()},"response path");Z.classList.add("wgd-map-source");let ne=kt(()=>{H.splice(K,1),T()});U.append(s("div",{class:"wgd-rec-row wgd-rec-pending"},[X,s("span",{class:"wgd-st-colon"},["\u2190"]),Z,ne]))});let te=s("button",{class:"wgd-button wgd-add",type:"button"},["+ projection"]);te.addEventListener("click",()=>{H.push({source:""}),T()}),N.hidden=O.length===0,N.textContent=O.length===0?"":`Type mismatch: ${O.join("; ")}.`,U.append(s("div",{class:"wgd-row"},[te]),N)}return T(),U}function x(){g(),y(),v()}return x(),{element:f,setValue(C){r=C===void 0?void 0:ce(C),x()}}}function je(e,t=[]){let n=e.descriptor?.dataSchemaRef;if(typeof n=="string")return t.find(i=>i.name===n)?.schema;let r=e.descriptor?.dataSchema;return k(r)?r:void 0}var Zi=new Set(Se().kinds());function Qi(e){if(!k(e))return[];let t=[];for(let[n,r]of Object.entries(e)){if(_e({[n]:{color:"red"}})===""){t.push({selector:n,message:"Selector would be skipped \u2014 every comma-separated part must target a .wg- class and avoid ;{}<>@\\."});continue}if(!k(r)){t.push({selector:n,message:"Declarations must be a property \u2192 value map."});continue}for(let[i,o]of Object.entries(r))(typeof o!="string"||_e({".wg-probe":{[i]:o}})==="")&&t.push({selector:n,property:i,message:"Declaration would be skipped \u2014 unsafe property name or value (no url(), expression(), or ;{}<>@\\)."})}return t}function Qt(e,t={}){let n={styles:[],previewable:!1};typeof e.kind!="string"||e.kind.trim().length===0?n.kind="Kind must be a non-empty id.":Zi.has(e.kind)&&(n.kind=`'${e.kind}' is a built-in kind \u2014 pick a distinct id.`);let r=Oe(e.template);if(!r.ok){let a={code:r.error.code,message:r.error.message},f=r.error.path;typeof f=="string"&&(a.path=f),n.template=a}let i=e.descriptor?.dataSchemaRef;typeof i=="string"&&(e.descriptor?.dataSchema!==void 0?n.schemaRef="A descriptor carries 'dataSchema' OR 'dataSchemaRef', never both.":(t.schemas??[]).every(a=>a.name!==i)&&(n.schemaRef=`References unknown schema '${i}' \u2014 it is not among the supplied shared schemas.`));let o=je(e,t.schemas??[]);if(k(o)){if(e.descriptor.dataExample!==void 0){let a=De(o,e.descriptor.dataExample);a&&(n.example=a)}if(e.sampleData!==void 0){let a=De(o,e.sampleData);a&&(n.sample=a)}}if(n.styles=Qi(e.descriptor?.styles),e.load!==void 0){let a=mt(e.load,"load",{isPath:f=>xe(f)!==void 0});a&&(n.load=`${a.message} (at ${a.path})`)}if(t.actions!==void 0){let a=new Set(t.actions.map(d=>d.name)),f=yt(e.template,e.load).filter(d=>!a.has(d));f.length>0&&(n.actionRefs=`References unknown shared action${f.length===1?"":"s"} ${f.map(d=>`'${d}'`).join(", ")} \u2014 bound elements will render disabled.`)}if(e.theme!==void 0){let a=Ue(e.theme);a.ok||(n.theme=a.error)}return n.previewable=n.kind===void 0&&n.template===void 0,n}function Rn(e,t){if(ge(e)==="array")return["."];let n=[];Gt(e,"",n);let r=new Set(["string","number","integer","boolean","null",void 0]),o=n.filter(({schema:a})=>{let f=ge(a);return t==="each"?f==="array":t==="bind"?r.has(f):!0}).map(a=>a.path);return t!=="each"&&r.has(ge(e))&&o.unshift("."),o}function Nr(e,t){let n=Je(e,t);return ge(n)==="array"?$e(n):void 0}var tn=Symbol("remove");function Ln(e){let t="";for(let n of e){let r=typeof n=="number"?`children.${n}`:n;t=t===""?r:`${t}.${r}`}return t}function nn(e,t,n){if(t.length===0)return n===tn?void 0:n;let[r,...i]=t;if(typeof r=="number"){if(!k(e)||!Array.isArray(e.children))return e;let o=[...e.children];return i.length===0&&n===tn?o.splice(r,1):o[r]=nn(o[r],i,n),{...e,children:o}}if(!k(e))return e;if(i.length===0&&n===tn){let{[r]:o,...a}=e;return a}return{...e,[r]:nn(e[r],i,n)}}function Rr(e,t,n,r){let i=t.length===0?e:eo(e,t);if(!k(i)||!Array.isArray(i.children))return e;let o=[...i.children];if(n<0||r<0||n>=o.length||r>=o.length)return e;let[a,f]=[o[n],o[r]];o[n]=f,o[r]=a;let d={...i,children:o};return t.length===0?d:nn(e,t,d)}function eo(e,t){let n=e;for(let r of t){if(!k(n))return;n=typeof r=="number"?Array.isArray(n.children)?n.children[r]:void 0:n[r]}return n}var en={text:()=>"text",bind:()=>({bind:"."}),element:()=>({tag:"div",children:[]}),each:()=>({each:".",template:"item"}),when:()=>({when:".",template:"shown"})};function Lr(e,t,n={}){let r=n.actionContext??{actions:[],secretNames:[],schemas:[]},i=new Set,o=s("div",{class:"wgd-tree"}),a=q(void 0),f=s("textarea",{class:"wgd-textarea wgd-template-json",rows:"14",spellcheck:"false"}),d=s("div",void 0,[f,a]);ue(f),d.hidden=!0;let u=s("button",{class:"wgd-button",type:"button"},["Tree"]),l=s("button",{class:"wgd-button",type:"button"},["JSON"]);u.addEventListener("click",()=>{o.hidden=!1,d.hidden=!0}),l.addEventListener("click",()=>{o.hidden=!0,d.hidden=!1});let p=q(void 0),m=s("details",{class:"wgd-section",open:""},[s("summary",{class:"wgd-section-title"},["Template"]),s("div",{class:"wgd-section-body"},[s("div",{class:"wgd-row"},[u,l]),p,o,d])]);function w(b){e.update(E=>({...E,template:b}))}function g(b,E){w(nn(e.get().template,b,E))}f.addEventListener("input",()=>{try{let b=JSON.parse(f.value);a.hidden=!0,a.textContent="",w(b)}catch(b){a.hidden=!1,a.textContent=`Invalid JSON (template keeps the last valid value): ${String(le(b))}`}});function y(b,E,L="wgd-input wgd-node-value"){let j=s("input",{type:"text",class:L});return j.value=b,j.addEventListener("change",()=>E(j.value)),j}function v(b,E){let L=b!==void 0&&et(b.type)?b:void 0,j=fe([{value:"none",label:"raw"},...Qe.map(D=>({value:D}))],L===void 0?"none":L.type,"wgd-select wgd-format-type",D=>{E(D==="number"?{type:"number",decimals:2}:D==="currency"?{type:"currency",currency:"USD",decimals:2}:D==="date"?{type:"date",pattern:"yyyy-MM-dd"}:void 0)},"Present the bound value as a number, a currency amount or a date");if(L===void 0)return[j];let P=()=>{let D=y(L.decimals===void 0?"":String(L.decimals),c=>{let{decimals:h,...T}=L,O=Number(c);E(c===""?T:{...T,decimals:Number.isFinite(O)?O:c})},"wgd-input wgd-format-decimals");return D.placeholder="dec",D.title=`Decimal places (${Ie}-${Me})`,D};if(L.type==="currency"){let D=y(typeof L.currency=="string"?L.currency:"",h=>E({...L,currency:h.toUpperCase()}),"wgd-input wgd-format-currency");D.placeholder="CUR",D.title="ISO-4217 currency code, e.g. COP";let c=fe(He.map(h=>({value:h})),tt(L.currencyDisplay)?L.currencyDisplay:He[0],"wgd-select wgd-format-display",h=>E({...L,currencyDisplay:h}),"How the currency names itself");return[j,D,P(),c]}if(L.type==="number")return[j,P()];let N=y(typeof L.pattern=="string"?L.pattern:"",D=>E({...L,pattern:D}),"wgd-input wgd-format-pattern");return N.placeholder="pattern",N.title=`Date pattern from ${nt.join(" ")} plus separators, e.g. dd-MM-yyyy HH:mm`,[j,N]}let S=new Set;function x(b,E,L,j,P,N,D,c){let h=Ln(E),T=j.length>0,O=T&&S.has(h),I;T?(I=s("button",{class:"wgd-chevron",type:"button",title:O?"Expand":"Collapse"},[O?"\u25B8":"\u25BE"]),I.addEventListener("click",()=>{O?S.delete(h):S.add(h),Q()})):I=s("span",{class:"wgd-chevron wgd-chevron-none"});let F=b===void 0?[I,...L]:[I,s("span",{class:"wgd-node-badge"},[b]),...L];O&&c?.summary!==void 0&&F.push(s("span",{class:"wgd-node-summary"},[c.summary]));let te=[...c?.icons??[]];if(D&&D.count>1){if(D.index>0){let K=s("button",{class:"wgd-icon",type:"button",title:"Move up"},["\u2191"]);K.addEventListener("click",()=>w(Rr(e.get().template,D.parent,D.index,D.index-1))),te.push(K)}if(D.index<D.count-1){let K=s("button",{class:"wgd-icon",type:"button",title:"Move down"},["\u2193"]);K.addEventListener("click",()=>w(Rr(e.get().template,D.parent,D.index,D.index+1))),te.push(K)}}if(N){let K=s("button",{class:"wgd-icon",type:"button",title:"Remove"},["\u2715"]);K.addEventListener("click",()=>E.length===0?w(""):g(E,tn)),te.push(K)}te.length>0&&F.push(s("span",{class:"wgd-node-icons"},te));let G=[s("div",{class:"wgd-node-row"},F)];return P!==void 0&&G.push(q(P)),O||G.push(...j),s("div",{class:"wgd-node","data-path":h},G)}let C=["div","span","p","section","article","header","footer","h1","h2","h3","h4","strong","em","small","code","pre","ul","ol","li","dl","dt","dd","table","thead","tbody","tr","th","td","img","a","figure","figcaption","hr","br","label"];function $(b,E,L,j,P="wgd-input wgd-node-value"){let N=k(E)?Rn(E,L):[];if(N.length===0)return y(b,j,P);let D=s("select",{class:"wgd-select wgd-path"}),c=N.includes(b);for(let O of c?N:[b,...N])D.append(s("option",{value:O},[O===b&&!c?`${O} (off-schema)`:O]));D.append(s("option",{value:"__custom__"},["custom\u2026"])),D.value=b,ke(D);let h=y(b,j,P);h.hidden=!0,D.addEventListener("change",()=>{if(D.value==="__custom__"){h.hidden=!1,h.focus();return}h.hidden=!0,j(D.value)});let T=P.includes("wgd-attr-value")?" wgd-attr-value":"";return s("span",{class:`wgd-pathwrap${T}`},[D,h])}function M(b,E,L){let j=b??"",P=O=>L(O===""?void 0:O),N="Optional item key (e.g. id): a reordered list keeps each item's state",D=k(E)?Rn(E,"bind"):[];if(D.length===0){let O=y(j,P,"wgd-input wgd-each-key");return O.placeholder="key path",O.title=N,O}let c=s("select",{class:"wgd-select wgd-each-key",title:N}),h=j===""||D.includes(j);c.append(s("option",{value:""},["no key"]));for(let O of h?D:[j,...D])c.append(s("option",{value:O},[O===j&&!h?`${O} (off-schema)`:O]));c.append(s("option",{value:"__custom__"},["custom\u2026"])),c.value=j,ke(c);let T=y(j,P,"wgd-input wgd-each-key");return T.hidden=!0,c.addEventListener("change",()=>{if(c.value==="__custom__"){T.hidden=!1,T.focus();return}T.hidden=!0,P(c.value)}),s("span",{class:"wgd-pathwrap"},[c,T])}function U(b,E){let L=s("select",{class:"wgd-select wgd-tag"}),j=C.includes(b)?C:[b,...C];for(let N of j)L.append(s("option",{value:N},[N]));L.append(s("option",{value:"__custom__"},["custom\u2026"])),L.value=b,ke(L);let P=y(b,E,"wgd-input wgd-tag-custom");return P.hidden=!0,L.addEventListener("change",()=>{if(L.value==="__custom__"){P.hidden=!1,P.focus();return}P.hidden=!0,E(L.value)}),s("span",{class:"wgd-tagwrap"},[L,P])}function A(b,E,L,j,P,N,D){let c=[...E,L];if(j===void 0){let h=Sn(`+ ${b}`,`Set '${b}' to a node`,Object.keys(en),T=>{let O=en[T];O&&g(c,O())});return P?s("div",{class:"wgd-slot"},[q(`Missing required '${b}'.`),h]):s("div",{class:"wgd-slot wgd-slot-unset"},[h])}return s("div",{class:"wgd-slot"},[s("span",{class:"wgd-slot-label"},[b]),H(j,c,N,!P,void 0,D)])}function H(b,E,L,j=!0,P,N){let D=Ln(E),c=L!==void 0&&(L===D||(L.startsWith(D===""?"attrs.":`${D}.attrs.`)||L.startsWith(D===""?"action":`${D}.action`))&&k(b)&&typeof b.tag=="string")?V:void 0;if(typeof b=="string")return x("text",E,[y(b,h=>g(E,h))],[],c,j,P);if(!k(b))return x("invalid",E,[s("code",void 0,[JSON.stringify(b)])],[],c??"Not a template node.",j,P);if(typeof b.bind=="string"){let h=b.bind,T=wt(b),O=k(b.format)?b.format:void 0,I=k(b.map)?b.map:void 0,F=X=>({bind:h,...X}),te=[$(h,N,"bind",X=>g(E,{...b,bind:X}))];(T===void 0||T==="format")&&te.push(...v(O,X=>g(E,X===void 0?{bind:h}:F({format:X}))));let G=[];if(T===void 0){let X=s("button",{class:"wgd-icon",type:"button",title:"Map values to authored labels (e.g. status \u2192 text)"},["map"]);X.addEventListener("click",()=>g(E,F({map:{}}))),G.push(X)}let K=[];if(T==="map"){let X=vt(I,{key:"data value",value:"authored label",add:"+ mapping"},ne=>g(E,ne===void 0?{bind:h}:F({map:ne,...typeof b.default=="string"?{default:b.default}:{}}))),Z=y(typeof b.default=="string"?b.default:"",ne=>g(E,F({map:I??{},...ne===""?{}:{default:ne}})),"wgd-input wgd-attr-map-default");Z.placeholder="default (on miss)",K.push(s("div",{class:"wgd-attr-map"},[X.element,s("div",{class:"wgd-rec-row"},[s("span",{class:"wgd-st-colon"},["\u21B3"]),Z])]))}return x("bind",E,te,K,c,j,P,G.length>0?{icons:G}:void 0)}if(typeof b.each=="string"){let h=b.each,{each:T,key:O,...I}=b;return x("each",E,[$(h,N,"each",F=>g(E,{...b,each:F})),s("span",{class:"wgd-st-colon"},["key"]),M(typeof b.key=="string"?b.key:void 0,Nr(N,h),F=>g(E,{each:h,...F===void 0?{}:{key:F},...I}))],[A("template",E,"template",b.template,!0,L,Nr(N,b.each)),A("empty",E,"empty",b.empty,!1,L,N)],c,j,P,{summary:b.empty!==void 0?"template \xB7 empty":"template"})}if(typeof b.when=="string")return x("when",E,[$(b.when,N,"when",h=>g(E,{...b,when:h}))],[A("template",E,"template",b.template,!0,L,N),A("else",E,"else",b.else,!1,L,N)],c,j,P,{summary:b.else!==void 0?"template \xB7 else":"template"});if(typeof b.tag=="string"){let h=k(b.attrs)?b.attrs:{},T=k(b.action)?b.action:void 0,O=Object.entries(h).map(([K,X])=>{let Z=k(X)&&typeof X.bind=="string"?X:{bind:""},ne=k(X)&&typeof X.bind=="string",de=ne?Z:void 0,Ee=Y=>{let pe={bind:Y.bind};return Y.map!==void 0?(pe.map=Y.map,Y.default!==void 0&&Y.default!==""&&(pe.default=Y.default)):Y.prefix!==void 0&&Y.prefix!==""?pe.prefix=Y.prefix:Y.format!==void 0&&(pe.format=Y.format),pe},ae=Y=>{g(E,{...b,attrs:{...h,[K]:Y}})},at=y(K,Y=>{let pe=Object.entries(h).map(([Pe,_n])=>Pe===K?[Y,_n]:[Pe,_n]);g(E,{...b,attrs:Object.fromEntries(pe)})},"wgd-input wgd-attr-name"),ye=s("select",{class:"wgd-select wgd-attr-mode"});ye.append(s("option",{value:"literal"},["literal"])),ye.append(s("option",{value:"bind"},["bind"])),ye.value=ne?"bind":"literal",ke(ye);let dt=y(String(ne?"":X),Y=>ae(Y),"wgd-input wgd-attr-value"),Jr=ne?$(Z.bind,N,"bind",Y=>ae(Ee({...Z,bind:Y})),"wgd-input wgd-attr-value"):dt;ye.addEventListener("change",()=>{let Y=ne?Z.bind:dt.value;ae(ye.value==="bind"?{bind:Y||"."}:Y)});let an=s("button",{class:"wgd-icon",type:"button",title:"Remove attribute"},["\u2715"]);an.addEventListener("click",()=>{let{[K]:Y,...pe}=h;g(E,{...b,attrs:pe})});let ct=[at,ye,Jr],qe=de===void 0?void 0:wt(de),Kr=k(de?.format)?de.format:void 0,qr=ne&&(qe===void 0||qe==="format"),Gr=ne&&(qe===void 0||qe==="prefix"),Yr=ne&&qe===void 0;if(qr&&ct.push(...v(Kr,Y=>ae(Ee({...Z,format:Y})))),Gr){let Y=y(de?.prefix??"",pe=>ae(Ee({...Z,prefix:pe})),"wgd-input wgd-attr-prefix");Y.placeholder="prefix",Y.title="Literal prefix, e.g. mailto: \u2014 emitted only when the bound value is non-empty",ct.push(Y)}if(Yr){let Y=s("button",{class:"wgd-icon",type:"button",title:"Map values to authored literals (e.g. status \u2192 class)"},["map"]);Y.addEventListener("click",()=>ae(Ee({...Z,map:{}}))),ct.push(s("span",{class:"wgd-node-icons"},[Y,an]))}else ct.push(an);let Wn=s("div",{class:"wgd-attr-row"},ct),dn=[Wn];if(ne&&qe==="map"){let Y=vt(Z.map,{key:"data value",value:"authored literal",add:"+ mapping"},Pe=>{ae(Pe===void 0?{bind:Z.bind}:Ee({...Z,map:Pe}))}),pe=y(Z.default??"",Pe=>ae(Ee({...Z,default:Pe})),"wgd-input wgd-attr-map-default");pe.placeholder="default (on miss)",dn.push(s("div",{class:"wgd-attr-map"},[Y.element,s("div",{class:"wgd-rec-row"},[s("span",{class:"wgd-st-colon"},["\u21B3"]),pe])]))}return dn.length===1?Wn:s("div",{class:"wgd-attr"},dn)}),I=Array.isArray(b.children)?b.children:[],F=Sn("+","Add attribute or child node",["attribute",...T===void 0&&(b.tag==="button"||b.tag==="a")?["action"]:[],...Object.keys(en)],K=>{S.delete(Ln(E));let X=en[K];if(K==="attribute")g(E,{...b,attrs:{...h,"":""}});else if(K==="action"){let Z=r.actions[0];g(E,{...b,action:Z!==void 0?{ref:Z.name}:{definition:{kind:"prompt",text:["Tell me more"]}}})}else X&&g([...E,I.length],X())}),te=[];if(O.length>0&&te.push(s("div",{class:"wgd-attrs"},O)),T!==void 0){let K=k(N)?Rn(N,"when"):[],X=Zt(T,{...r,scopePaths:K,getDataSchema:()=>je(e.get(),r.schemas)},de=>{if(de===void 0){let{action:Ee,...ae}=b;g(E,ae)}else g(E,{...b,action:de})}),Z=[s("span",{class:"wgd-slot-label"},["action"]),X.element],ne="ref"in T&&typeof T.ref=="string"?T.ref:void 0;ne!==void 0&&i.has(ne)&&Z.push(q(`Unknown shared action '${ne}' \u2014 this element renders disabled.`)),te.push(s("div",{class:"wgd-attrs wgd-node-action"},Z))}I.length>0&&te.push(s("div",{class:"wgd-children"},I.map((K,X)=>H(K,[...E,X],L,!0,{parent:E,index:X,count:I.length},N))));let G=[];return O.length>0&&G.push(`${O.length} attr${O.length===1?"":"s"}`),T!==void 0&&G.push("action"),I.length>0&&G.push(`${I.length} ${I.length===1?"child":"children"}`),x(void 0,E,[U(b.tag,K=>g(E,{...b,tag:K}))],te,c,j,P,{icons:[F],summary:G.join(" \xB7 ")})}return x("unknown",E,[s("code",void 0,[JSON.stringify(b)])],[],c??"Unknown template node form.",j,P)}let V,z,_;function Q(){z!==void 0&&o.replaceChildren(H(z.template,[],_,!0,void 0,je(z,r.schemas)))}function W(b,E){V=E.template?`${E.template.code}: ${E.template.message}`:void 0,z=b,_=E.template?.path;let L=new Set(r.actions.map(P=>P.name));i=new Set(yt(b.template,b.load).filter(P=>!L.has(P)));let j=E.template?`${E.template.code}: ${E.template.message}`+(E.template.path!==void 0&&E.template.path!==""?` (at ${E.template.path})`:""):E.actionRefs;p.hidden=j===void 0,p.textContent=j??"",(!o.hidden||o.childNodes.length===0)&&Q(),document.activeElement!==f&&(f.value=JSON.stringify(b.template,null,2),me(f))}return t.push(()=>{}),{element:m,refresh:W,dispose:()=>m.remove()}}function Cr(e,t,n=[]){let r=q(void 0),i=s("select",{class:"wgd-select wgd-theme-select"});i.append(s("option",{value:""},["(none \u2014 defaults)"]));for(let u of n)i.append(s("option",{value:u.name},[u.label??u.name]));i.addEventListener("change",()=>{let u=n.find(l=>l.name===i.value);e.update(l=>{if(u===void 0){let{theme:p,...m}=l;return m}return{...l,theme:u.tokens}})});let o=s("div",{class:"wgd-token-ref"});function a(u){o.replaceChildren();for(let[l,p]of Object.entries(be)){let m=u?.[l]??p.default,w=s("div",{class:"wgd-token-ref-row",title:p.use},[p.type==="color"?s("span",{class:"wgd-token-ref-swatch",style:`background: ${m}`}):s("span",{class:"wgd-token-ref-swatch wgd-token-ref-noswatch"}),s("code",{class:"wgd-token-ref-name"},[`--wg-${l}`]),s("span",{class:"wgd-token-ref-value"},[m])]);o.append(w)}for(let[l,p]of Object.entries(u??{})){if(!l.startsWith("x-"))continue;let m=s("div",{class:"wgd-token-ref-row",title:"Custom variable"},[s("span",{class:"wgd-token-ref-swatch wgd-token-ref-noswatch"}),s("code",{class:"wgd-token-ref-name"},[`--wg-${l}`]),s("span",{class:"wgd-token-ref-value"},[p])]);o.append(m)}}a(e.get().theme),t.push(u=>{if(u.theme===void 0)i.value="";else{let l=n.find(p=>JSON.stringify(p.tokens)===JSON.stringify(u.theme));i.value=l?.name??""}a(u.theme)});let f=[s("div",{class:"wgd-row"},[s("span",{class:"wgd-field-label"},["Preview theme"]),i]),s("span",{class:"wgd-field-label"},[n.length===0?"No themes supplied by the host \u2014 design themes in the theme designer.":"Themes come from the host; edit them in the theme designer."]),r,s("details",{class:"wgd-token-ref-details"},[s("summary",{class:"wgd-field-label"},["Theme tokens (reference for styles)"]),o])],d=ee("Preview",f);return{element:d,setDiagnostic(u){r.hidden=u===void 0,r.textContent=u??""},dispose:()=>d.remove()}}function Et(e){let t=e.map((n,r)=>{let i=s("button",{class:`wgd-button wgd-tab${r===0?" wgd-tab-active":""}`,type:"button"},[n.label]);return i.addEventListener("click",()=>{e.forEach((o,a)=>{o.element.hidden=a!==r,t[a]?.classList.toggle("wgd-tab-active",a===r)})}),n.element.hidden=r!==0,i});return s("div",{class:"wgd-tabs"},[s("div",{class:"wgd-row"},t),...e.map(n=>n.element)])}function St(e,t,n,r,i,o,a=6){let f=q(void 0),d=t(i.get()),u=Kt(e,d===void 0?"":JSON.stringify(d,null,2),p=>{if(p.trim()===""){f.hidden=!0,r&&i.update(m=>r(m));return}try{let m=JSON.parse(p);f.hidden=!0,f.textContent="",i.update(w=>n(w,m))}catch(m){f.hidden=!1,f.textContent=`Invalid JSON (draft keeps the last valid value): ${String(le(m))}`}},a),l=we(u,"textarea");return ue(l),o.push(p=>{if(document.activeElement===l)return;let m=t(p);l.value=m===void 0?"":JSON.stringify(m,null,2),me(l)}),s("div",void 0,[u,f])}function $r(e,t,n=[],r=[],i={actions:[],secretNames:[],schemas:[]}){let o=[],a=[];function f(c,h,T){let O=Re(c,h(e.get()),F=>e.update(te=>T(te,F))),I=we(O,"input");return o.push(F=>{document.activeElement!==I&&(I.value=h(F))}),O}let d=q(void 0),u=vt(e.get().descriptor.hints,{key:"hint name",value:"what the hint does",add:"+ hint"},c=>e.update(h=>{if(c===void 0){let{hints:T,...O}=h.descriptor;return{...h,descriptor:O}}return{...h,descriptor:{...h.descriptor,hints:c}}}));o.push(c=>u.setValue(c.descriptor.hints));let l=ee("General",[f("Kind (id)",c=>c.kind,(c,h)=>({...c,kind:h})),d,f("Description",c=>c.descriptor.description??"",(c,h)=>({...c,descriptor:{...c.descriptor,description:h}})),f("Data shape (prose)",c=>c.descriptor.dataShape??"",(c,h)=>({...c,descriptor:{...c.descriptor,dataShape:h}})),s("div",{class:"wgd-field"},[s("span",{class:"wgd-field-label"},["Hints"]),Et([{label:"Tree",element:u.element},{label:"JSON",element:St("",c=>c.descriptor.hints,(c,h)=>{if(!k(h))return c;let T=Object.fromEntries(Object.entries(h).map(([O,I])=>[O,String(I)]));return{...c,descriptor:{...c.descriptor,hints:T}}},c=>{let{hints:h,...T}=c.descriptor;return{...c,descriptor:T}},e,o,3)}])])]),p=ot(e.get().descriptor.dataSchema,c=>e.update(h=>{if(c===void 0){let{dataSchema:T,...O}=h.descriptor;return{...h,descriptor:O}}return{...h,descriptor:{...h.descriptor,dataSchema:c}}}));o.push(c=>p.setValue(c.descriptor.dataSchema));let m=Et([{label:"Builder",element:p.element},{label:"JSON",element:St("dataSchema (JSON-Schema subset: type/properties/required/items/enum/pattern)",c=>c.descriptor.dataSchema,(c,h)=>k(h)?{...c,descriptor:{...c.descriptor,dataSchema:h}}:c,c=>{let{dataSchema:h,...T}=c.descriptor;return{...c,descriptor:T}},e,o)}]),w=s("select",{class:"wgd-select wgd-schema-mode"});w.append(s("option",{value:"inline"},["define inline"]));let g=s("option",{value:"shared"},["use shared"]);r.length===0&&(g.disabled=!0),w.append(g);let y=s("select",{class:"wgd-select wgd-schema-ref"});for(let c of r)y.append(s("option",{value:c.name},[c.label??c.name]));y.addEventListener("change",()=>{e.update(c=>({...c,descriptor:{...c.descriptor,dataSchemaRef:y.value}}))});let v=s("textarea",{class:"wgd-textarea wgd-schema-shared",rows:"10",readonly:"",spellcheck:"false"}),S=q(void 0),x=s("div",void 0,[s("div",{class:"wgd-row"},[s("span",{class:"wgd-field-label"},["Shared schema"]),y]),v,s("span",{class:"wgd-field-label"},["Read-only here \u2014 edit shared schemas in the Data schemas section."])]);w.addEventListener("change",()=>{if(w.value==="shared"){let c=e.get().descriptor.dataSchemaRef??r[0]?.name??"";e.update(h=>{let{dataSchema:T,...O}=h.descriptor;return{...h,descriptor:{...O,dataSchemaRef:c}}})}else{let c=je(e.get(),r);e.update(h=>{let{dataSchemaRef:T,...O}=h.descriptor;return{...h,descriptor:{...O,dataSchema:c??{type:"object"}}}})}});function C(c){let h=c.descriptor.dataSchemaRef,T=typeof h=="string";if(w.value=T?"shared":"inline",m.hidden=T,x.hidden=!T,T){y.value!==h&&(y.value=h);let O=r.find(I=>I.name===h)?.schema;v.value=O===void 0?"":JSON.stringify(O,null,2),me(v)}}o.push(C),C(e.get());let $=ee("Data schema",[s("div",{class:"wgd-row"},[s("span",{class:"wgd-field-label"},["Source"]),w]),S,m,x],!1);ue(v);function M(c,h){let T=s("div"),O="",I;function F(te){let G=je(te,r),K=G===void 0?"":JSON.stringify(G);if(I!==void 0&&K===O){I.setValue(c(te));return}O=K;let X=Z=>e.update(ne=>h(ne,Z));I=G!==void 0&&k(G)?qt(G,c(te),X):yr(c(te),X),T.replaceChildren(I.element)}return F(e.get()),o.push(F),T}let U=q(void 0),A=ee("Sample data",[s("span",{class:"wgd-field-label"},["dataExample \u2014 ships with the widget as the example agents imitate"]),Et([{label:"Edit",element:M(c=>c.descriptor.dataExample,(c,h)=>({...c,descriptor:{...c.descriptor,dataExample:h}}))},{label:"JSON",element:St("dataExample (JSON)",c=>c.descriptor.dataExample,(c,h)=>({...c,descriptor:{...c.descriptor,dataExample:h}}),c=>{let{dataExample:h,...T}=c.descriptor;return{...c,descriptor:T}},e,o)}]),U],!1),H=q(void 0),V=ee("Data for preview",[s("span",{class:"wgd-field-label"},["Overrides dataExample in the preview only (not exported)"]),Et([{label:"Edit",element:M(c=>c.sampleData,(c,h)=>({...c,sampleData:h}))},{label:"JSON",element:St("Preview data (JSON)",c=>c.sampleData,(c,h)=>({...c,sampleData:h}),c=>{let{sampleData:h,...T}=c;return T},e,o,4)}]),H],!1),z=s("div"),_=kr(e.get().descriptor.styles,c=>e.update(h=>{if(c===void 0){let{styles:T,...O}=h.descriptor;return{...h,descriptor:O}}return{...h,descriptor:{...h.descriptor,styles:c}}}));o.push(c=>_.setValue(c.descriptor.styles));let Q=ee("Styles (.wg- selectors only)",[Et([{label:"Tree",element:_.element},{label:"JSON",element:St("",c=>c.descriptor.styles,(c,h)=>k(h)?{...c,descriptor:{...c.descriptor,styles:h}}:c,c=>{let{styles:h,...T}=c.descriptor;return{...c,descriptor:T}},e,o)}]),z]),W=Lr(e,o,{actionContext:i}),b=Cr(e,o,n),E=q(void 0),L=Zt(e.get().load,{...i,loadOnly:!0,getDataSchema:()=>je(e.get(),r)},c=>e.update(h=>{if(c===void 0){let{load:T,...O}=h;return O}return{...h,load:c}}));o.push(c=>{L.element.contains(document.activeElement)||L.setValue(c.load)});let j=ee("Load action (http GET, runs once when the widget first renders in an Apps host)",[s("div",{class:"wgd-compact wgd-load"},[L.element]),E],!1),P=wr(e);V.classList.add("wgd-edit-only"),Q.classList.add("wgd-edit-only"),t.left.append(l,$,A,W.element,j,P.element),t.right.append(V,Q,b.element),a.push(W.dispose,b.dispose,P.dispose);function N(c){let h=Qt(c,{schemas:r,actions:i.actions});d.hidden=h.kind===void 0,E.hidden=h.load===void 0,E.textContent=h.load??"",d.textContent=h.kind??"",U.hidden=h.example===void 0,U.textContent=h.example?`dataExample vs dataSchema: ${h.example.code} at ${h.example.path} \u2014 ${h.example.message}`:"",H.hidden=h.sample===void 0,H.textContent=h.sample?`sample vs dataSchema: ${h.sample.code} at ${h.sample.path} \u2014 ${h.sample.message}`:"",S.hidden=h.schemaRef===void 0,S.textContent=h.schemaRef??"",b.setDiagnostic(h.theme?`${h.theme.code}: ${h.theme.message}`:void 0),z.replaceChildren(...h.styles.map(T=>q(`${T.selector}${T.property?` \u2192 ${T.property}`:""}: ${T.message}`)));for(let T of o)T(c);W.refresh(c,h)}let D=e.subscribe(N);return a.push(D),N(e.get()),{dispose(){for(let c of a)c();t.left.replaceChildren(),t.right.replaceChildren()}}}var rn="designer-preview";function on(e={}){hn(document);let t=s("div",{class:"wgd-banner"});t.hidden=!0;let n=s("style"),r=s("div",{class:"wgd-preview"}),i=s("div",{class:"wgd-preview-pane"},[t,n,r]),o=Se(),a=()=>({tag:"div",children:["\u2026"]});o.register(rn,m=>a(m),{description:"Designer preview delegate.",dataShape:"Defined by the draft being designed."});let f=new Map;for(let m of e.widgets??[]){let w=Oe(m.template);if(!w.ok||typeof m.kind!="string"||m.kind==="")continue;let g=Vt(w.template),y=k(m.descriptor)?m.descriptor:{};try{o.register(m.kind,v=>g(v),{description:`Custom widget '${m.kind}' supplied for preview.`,dataShape:"Defined by the supplied definition.",...y.dataExample!==void 0?{dataExample:y.dataExample}:{}})}catch{continue}k(y.styles)&&f.set(m.kind,_e(y.styles))}let d=o.kinds().filter(m=>m!==rn),u;function l(m,w,g){let y=g===void 0||g===rn;if(y&&!w.previewable){let S=w.kind??(w.template?`${w.template.code}: ${w.template.message}`+(w.template.path?` (at ${w.template.path})`:""):"Draft is not previewable.");if(t.hidden=!1,u===void 0){t.textContent=`Nothing to preview yet \u2014 ${S}`,r.replaceChildren(s("div",{class:"wgd-preview-empty"},["No preview: the draft has never been valid."]));return}t.textContent=`Preview frozen on the last valid draft \u2014 ${S}`;return}if(r.querySelector(".wgd-preview-empty")?.remove(),t.hidden=!0,t.textContent="",y){let S=Oe(m.template);if(!S.ok)return;let x=e.actions??[];a=Vt(S.template,{actions:C=>x.find($=>$.name===C)?.definition})}n.textContent=y?m.descriptor.styles?_e(m.descriptor.styles):"":f.get(g)??"",yn(r,m.theme??{});let v={kind:y?rn:g,data:y?m.sampleData??m.descriptor.dataExample??null:p(g)};u===void 0?u=xn(v,r,{catalog:o}):u.update(v);for(let S of r.querySelectorAll("[data-wg-action]"))S.classList.add("wg-designer-action")}function p(m){return o.describe(m)?.dataExample??{value:"preview"}}return{pane:i,kinds:d,update:l,dispose(){u?.dispose(),u=void 0,i.replaceChildren()}}}function Ke(e){return JSON.parse(JSON.stringify(e))}function Tt(){return{kind:"my-widget",template:{tag:"div",attrs:{class:"wg-template"},children:[{tag:"h2",children:[{bind:"title"}]},{bind:"message"}]},descriptor:{description:"Describe what this widget is for.",dataShape:"{ title?, message }",dataExample:{title:"My widget",message:"Hello from the widgentic designer"},dataSchema:{type:"object",required:["message"],properties:{title:{type:"string"},message:{type:"string"}}}}}}function jr(e){let t=Ke(e??Tt()),n=[],r=new Set;function i(){for(let o of[...r])o(t)}return{get:()=>t,update(o){n.push(t),n.length>50&&n.shift(),t=Ke(o(Ke(t))),i()},replace(o){n.length=0,t=Ke(o),i()},undo(){let o=n.pop();return o===void 0?!1:(t=o,i(),!0)},subscribe(o){return r.add(o),()=>r.delete(o)}}}function Pr(e,t={}){Ce(document);let n=t.initialWidget?Ke({...t.initialWidget}):Tt(),r=t.initialTheme!==void 0?{...n,theme:t.initialTheme}:n,i=jr(r),o=new Set,a=on({actions:t.actions??[]}),f=s("div",{class:"wgd-panels"}),d=s("div",{class:"wgd-preview-pane"}),u=s("div",{class:"wgd-side"},[a.pane,d]),l=s("div",{class:"wgd-root"},[f,u]);(t.appearance==="light"||t.appearance==="dark")&&l.setAttribute("data-wgd-theme",t.appearance),Le(l,t.chrome),e.appendChild(l);let p={actions:t.actions??[],secretNames:t.secretNames??[],schemas:t.schemas??[]},m=$r(i,{left:f,right:d},t.themes??[],t.schemas??[],p);function w(v){let S=Qt(v,{schemas:t.schemas??[],actions:t.actions??[]});a.update(v,S);for(let x of[...o])x(v,S)}let g=i.subscribe(w);w(i.get());function y(v){l.classList.toggle("wgd-readonly",v);let S=[...l.querySelectorAll(".wgd-panels .wgd-section-body, .wgd-edit-only > .wgd-section-body")].filter(x=>!x.parentElement?.classList.contains("wgd-view-only"));for(let x of S)v?x.setAttribute("inert",""):x.removeAttribute("inert")}return t.readOnly===!0&&y(!0),{getDraft:()=>Ke(i.get()),setReadOnly:y,loadWidget(v){let S=An(v);return S.length>0?{ok:!1,errors:S}:(Dn(i,v),{ok:!0})},loadTheme(v){let S=Ue(v);return S.ok?(i.update(x=>({...x,theme:S.theme})),{ok:!0}):{ok:!1,errors:[S.error.message]}},subscribe(v){return o.add(v),()=>o.delete(v)},dispose(){g(),m.dispose(),a.dispose(),o.clear(),l.remove()}}}var Wr=/^[a-zA-Z0-9._-]+$/;function to(){return{name:"my-schema",label:"My schema",schema:{type:"object",properties:{}}}}function no(e){let t=[];return k(e)?(typeof e.name!="string"||e.name.trim()===""?t.push("'name' must be a non-empty string."):Wr.test(e.name)||t.push(`'${e.name}' is not a valid schema name \u2014 use letters, digits, '.', '_' or '-'.`),k(e.schema)||t.push("'schema' must be a plain object."),t):["Schema entry must be an object."]}function _r(e,t={}){Ce(document);let n=t.initialSchema?JSON.parse(JSON.stringify(t.initialSchema)):to(),r=new Set,i=s("div",{class:"wgd-panels"}),o=s("div",{class:"wgd-root wgd-schema-designer"},[i]);(t.appearance==="light"||t.appearance==="dark")&&o.setAttribute("data-wgd-theme",t.appearance),Le(o,t.chrome),e.appendChild(o);function a(){return JSON.parse(JSON.stringify(n))}function f(){for(let W of[...r])W(a())}let d=[],u=q(void 0);function l(W,b,E){let L=Re(W,b(),E),j=we(L,"input");return d.push(()=>{document.activeElement!==j&&(j.value=b())}),L}let p=ee("Schema",[l("Name (id)",()=>n.name,W=>{n={...n,name:W};let b=W.trim()===""||!Wr.test(W);u.hidden=!b,u.textContent=b?"Name must be non-empty using letters, digits, '.', '_' or '-'.":"",f()}),u,l("Label",()=>n.label??"",W=>{n={...n,label:W},f()}),l("Description",()=>n.description??"",W=>{n={...n,description:W},f()})]),m=ot(n.schema,W=>{n={...n,schema:W??{}},v(),f()}),w=q(void 0),g=s("textarea",{class:"wgd-textarea",rows:"12",spellcheck:"false"}),y=s("div",void 0,[g,w]);g.value=JSON.stringify(n.schema,null,2),g.addEventListener("input",()=>{try{let W=JSON.parse(g.value);if(!k(W))throw new Error("schema must be an object");w.hidden=!0,w.textContent="",n={...n,schema:W},m.setValue(W),f()}catch(W){w.hidden=!1,w.textContent=`Invalid JSON (schema keeps the last valid value): ${String(le(W))}`}});function v(){document.activeElement!==g&&(g.value=JSON.stringify(n.schema,null,2),me(g))}let S=s("button",{class:"wgd-button wgd-tab wgd-tab-active",type:"button"},["Builder"]),x=s("button",{class:"wgd-button wgd-tab",type:"button"},["JSON"]);y.hidden=!0,S.addEventListener("click",()=>{m.element.hidden=!1,y.hidden=!0,S.classList.add("wgd-tab-active"),x.classList.remove("wgd-tab-active")}),x.addEventListener("click",()=>{m.element.hidden=!0,y.hidden=!1,x.classList.add("wgd-tab-active"),S.classList.remove("wgd-tab-active"),v()});let C=ee("Definition",[s("div",{class:"wgd-row"},[S,x]),m.element,y]),$=q(void 0),M=s("textarea",{class:"wgd-textarea wgd-schema-import",rows:"6",spellcheck:"false"}),U=s("button",{class:"wgd-button",type:"button"},["Import"]);U.addEventListener("click",()=>{let W;try{W=JSON.parse(M.value)}catch(E){$.hidden=!1,$.textContent=`Invalid JSON: ${le(E)}`;return}let b=_(W);$.hidden=b.ok,$.textContent=b.ok?"":b.errors.join(`
|
|
452
|
+
`)});let A=ee("Import",[s("span",{class:"wgd-field-label"},["Import schema entry JSON ({ name, label?, description?, schema })"]),M,$,s("div",{class:"wgd-row"},[U])]),H=s("textarea",{class:"wgd-textarea",rows:"8",readonly:"",spellcheck:"false"}),V=s("button",{class:"wgd-button wgd-add",type:"button"},["Export schema entry"]);V.addEventListener("click",()=>{H.value=JSON.stringify(a(),null,2),me(H)});let z=ee("Export",[s("div",{class:"wgd-toolbar"},[V]),H]);z.classList.add("wgd-view-only"),i.append(p,C,A,z),ue(g),ue(M),ue(H);function _(W){let b=no(W);if(b.length>0)return{ok:!1,errors:b};n=JSON.parse(JSON.stringify(W));for(let E of d)E();return u.hidden=!0,m.setValue(n.schema),v(),f(),{ok:!0}}function Q(W){o.classList.toggle("wgd-readonly",W);let b=[...i.querySelectorAll(".wgd-section-body")].filter(E=>!E.parentElement?.classList.contains("wgd-view-only"));for(let E of b)W?E.setAttribute("inert",""):E.removeAttribute("inert")}return t.readOnly===!0&&Q(!0),{getSchema:a,loadSchema:_,setReadOnly:Q,subscribe(W){return r.add(W),()=>r.delete(W)},dispose(){r.clear(),o.remove()}}}var ro=Se().kinds(),io=/^#[0-9a-f]{3}([0-9a-f]{3})?$/i,Ir=/^x-[a-z0-9][a-z0-9-]*$/;function oo(e){if(!io.test(e))return;if(e.length===7)return e.toLowerCase();let[,t,n,r]=e.toLowerCase();return`#${t}${t}${n}${n}${r}${r}`}function so(){return{name:"my-theme",label:"My theme",tokens:{}}}function ao(e){let t=[];if(typeof e!="object"||e===null||Array.isArray(e))return["Theme entry must be an object."];let n=e;(typeof n.name!="string"||n.name.trim()==="")&&t.push("'name' must be a non-empty string.");let r=Ue(n.tokens??{});return r.ok||t.push(`tokens: ${r.error.code} \u2014 ${r.error.message}`),t}function Mr(e,t={}){Ce(document);let n=t.initialTheme?JSON.parse(JSON.stringify(t.initialTheme)):so(),r=new Set,i=on(t.widgets?{widgets:t.widgets}:{}),o=i.kinds.length>0?i.kinds:ro,a=o[0]??"card",f=s("div",{class:"wgd-panels"}),d=s("div",{class:"wgd-side"},[i.pane]),u=s("div",{class:"wgd-root wgd-theme-designer"},[f,d]);(t.appearance==="light"||t.appearance==="dark")&&u.setAttribute("data-wgd-theme",t.appearance),Le(u,t.chrome),e.appendChild(u);function l(){return{...Tt(),theme:n.tokens}}function p(){i.update(l(),{styles:[],previewable:!0},a);for(let N of[...r])N(m())}function m(){return JSON.parse(JSON.stringify(n))}function w(N,D){let c={...n.tokens};D===""?delete c[N]:c[N]=D,n={...n,tokens:c},p()}let g=[];function y(N,D,c){let h=Re(N,D(),c),T=we(h,"input");return g.push(()=>{document.activeElement!==T&&(T.value=D())}),h}let v=ee("Theme",[y("Name (id)",()=>n.name,N=>{n={...n,name:N},p()}),y("Label",()=>n.label??"",N=>{n={...n,label:N},p()}),y("Description",()=>n.description??"",N=>{n={...n,description:N},p()})]),S=s("select",{class:"wgd-select wgd-preview-kind"});for(let N of o)S.append(s("option",{value:N},[N]));S.value=a,S.addEventListener("change",()=>{a=S.value,p()}),d.prepend(s("div",{class:"wgd-row"},[s("span",{class:"wgd-field-label"},["Preview kind"]),S]));let x=[],C=[];for(let N of ve){let D=s("input",{type:"text",class:"wgd-input",placeholder:Fe[N]});D.value=n.tokens[N]??"";let c=q(void 0),h=be[N].type==="color"?s("input",{type:"color",class:"wgd-swatch",title:`Pick --wg-${N}`}):void 0,T=O=>{let I=O===""?Fe[N]:O;if(h!==void 0){let F=oo(I);F!==void 0&&(h.value=F),h.style.background=Be(I)?I:"transparent"}};T(D.value),h?.addEventListener("input",()=>{D.value=h.value,D.dispatchEvent(new Event("input",{bubbles:!0}))}),D.addEventListener("input",()=>{let O=D.value!==""&&!Be(D.value);c.hidden=!O,c.textContent=O?"INVALID_TOKEN_VALUE: unsafe value withheld from the preview (no ;{}<> url() expression()).":"",T(D.value),w(N,D.value)}),x.push(()=>{document.activeElement!==D&&(D.value=n.tokens[N]??"",T(D.value))}),C.push(s("div",void 0,[s("label",{class:"wgd-field",title:be[N].use},[s("span",{class:"wgd-field-label"},[`--wg-${N}`]),s("div",{class:"wgd-token-row"},h===void 0?[D]:[D,h])]),c]))}let $=ee("Tokens",C),M=s("div",{class:"wgd-jt-children"}),U=q(void 0);function A(){return Object.entries(n.tokens).filter(([N])=>Ir.test(N))}function H(){let N=A().map(([c,h])=>{let T=s("input",{type:"text",class:"wgd-input wgd-jt-keyinput"});T.value=c,T.addEventListener("change",()=>{let F=T.value;if(!Ir.test(F)){U.hidden=!1,U.textContent=`'${F}' is not a valid custom name \u2014 use x-<lowercase-kebab>.`,T.value=c;return}U.hidden=!0;let te={...n.tokens};delete te[c],te[F]=h,n={...n,tokens:te},H(),p()});let O=s("input",{type:"text",class:"wgd-input"});O.value=h,O.addEventListener("input",()=>w(c,O.value));let I=s("button",{class:"wgd-icon",type:"button",title:"Remove"},["\u2715"]);return I.addEventListener("click",()=>{w(c,""),H()}),s("div",{class:"wgd-attr-row"},[T,O,I])}),D=s("button",{class:"wgd-button wgd-add",type:"button"},["+ variable"]);D.addEventListener("click",()=>{let c="x-custom";for(let h=1;c in n.tokens;h++)c=`x-custom${h}`;w(c,"0"),H()}),M.replaceChildren(...N,s("div",{class:"wgd-toolbar"},[D]))}H();let V=ee("Custom variables (--wg-x-*)",[M,U]),z=s("textarea",{class:"wgd-textarea",rows:"8",readonly:"",spellcheck:"false"}),_=s("button",{class:"wgd-button wgd-add",type:"button"},["Export theme entry"]);_.addEventListener("click",()=>{z.value=JSON.stringify(m(),null,2)});let Q=s("textarea",{class:"wgd-textarea",rows:"5",spellcheck:"false"}),W=q(void 0),b=s("button",{class:"wgd-button",type:"button"},["Import"]);b.addEventListener("click",()=>{let N;try{N=JSON.parse(Q.value)}catch(c){W.hidden=!1,W.textContent=`Invalid JSON: ${le(c)}`;return}let D=j(N);W.hidden=D.ok,W.textContent=D.ok?"":D.errors.join(`
|
|
453
|
+
`)});let E=ee("Import",[s("span",{class:"wgd-field-label"},["Import theme entry JSON"]),Q,W,s("div",{class:"wgd-row"},[b])]),L=ee("Export",[s("div",{class:"wgd-toolbar"},[_]),z]);L.classList.add("wgd-view-only"),f.append(v,$,V,E,L);function j(N){let D=ao(N);if(D.length>0)return{ok:!1,errors:D};n=JSON.parse(JSON.stringify(N));for(let c of g)c();for(let c of x)c();return H(),p(),{ok:!0}}p();function P(N){u.classList.toggle("wgd-readonly",N);let D=[...f.querySelectorAll(".wgd-section-body")].filter(c=>!c.parentElement?.classList.contains("wgd-view-only"));for(let c of D)N?c.setAttribute("inert",""):c.removeAttribute("inert")}return t.readOnly===!0&&P(!0),{getTheme:m,loadTheme:j,setReadOnly:P,subscribe(N){return r.add(N),()=>r.delete(N)},dispose(){r.clear(),i.dispose(),u.remove()}}}function co(){return{name:"my-action",label:"My action",definition:{kind:"prompt",text:["Tell me more about ",{bind:"title"}]}}}function lo(e){let t=[];if(!k(e))return["Action entry must be an object."];(typeof e.name!="string"||!Ft.test(e.name))&&t.push("'name' must be lowercase letters, digits and dashes, starting with a letter (max 64).");for(let r of["label","description"])e[r]!==void 0&&typeof e[r]!="string"&&t.push(`'${r}' must be a string when present.`);let n=rt(e.definition,"definition");return n&&t.push(`${n.message} (at ${n.path})`),t}function uo(e){let t={name:e.name,definition:ce(e.definition)};return typeof e.label=="string"&&e.label!==""&&(t.label=e.label),typeof e.description=="string"&&e.description!==""&&(t.description=e.description),t}function Hr(e,t,n){let{[t]:r,...i}=e;return n===""?i:{...i,[t]:n}}function Fr(e,t={}){Ce(document);let n=t.initialAction?ce(t.initialAction):co(),r=t.testCall,i=new Set,o=s("div",{class:"wgd-panels"}),a=s("div",{class:"wgd-root wgd-action-designer"},[o]);(t.appearance==="light"||t.appearance==="dark")&&a.setAttribute("data-wgd-theme",t.appearance),Le(a,t.chrome),e.appendChild(a);let f=()=>ce(n);function d(){for(let c of[...i])c(f())}let u=[],l=q(void 0);function p(c,h,T){let O=Re(c,h(),T),I=we(O,"input");return u.push(()=>{document.activeElement!==I&&(I.value=h())}),O}let m=ee("Action",[p("Name (id)",()=>n.name,c=>{n={...n,name:c};let h=!Ft.test(c);l.hidden=!h,l.textContent=h?"Name must be lowercase letters, digits and dashes, starting with a letter.":"",d()}),l,p("Label",()=>n.label??"",c=>{n=Hr(n,"label",c),d()}),p("Description",()=>n.description??"",c=>{n=Hr(n,"description",c),d()})]),w=q(void 0),g=Nn(n.definition,{...t.schemas?{schemas:t.schemas}:{},...t.secretNames?{secretNames:t.secretNames}:{}},c=>{n={...n,definition:c},x(),C(),_(),d()}),y=q(void 0),v=s("textarea",{class:"wgd-textarea",rows:"12",spellcheck:"false"}),S=s("div",void 0,[v,y]);v.value=JSON.stringify(n.definition,null,2),v.addEventListener("input",()=>{try{let c=JSON.parse(v.value),h=rt(c,"definition");if(h)throw new Error(`${h.message} (at ${h.path})`);y.hidden=!0,y.textContent="",n={...n,definition:c},g.setValue(n.definition),C(),_(),d()}catch(c){y.hidden=!1,y.textContent=`Invalid (definition keeps the last valid value): ${le(c)}`}});function x(){document.activeElement!==v&&(v.value=JSON.stringify(n.definition,null,2),me(v))}function C(){let c=rt(n.definition,"definition");w.hidden=c===void 0,w.textContent=c?`${c.message} (at ${c.path})`:""}C();let $=s("button",{class:"wgd-button wgd-tab wgd-tab-active",type:"button"},["Editor"]),M=s("button",{class:"wgd-button wgd-tab",type:"button"},["JSON"]);S.hidden=!0,$.addEventListener("click",()=>{g.element.hidden=!1,S.hidden=!0,$.classList.add("wgd-tab-active"),M.classList.remove("wgd-tab-active")}),M.addEventListener("click",()=>{g.element.hidden=!0,S.hidden=!1,M.classList.add("wgd-tab-active"),$.classList.remove("wgd-tab-active"),x()});let U=ee("Definition",[s("div",{class:"wgd-row"},[$,M]),w,g.element,S]),A=s("div",{class:"wgd-action-test"}),H=ee("Test",[A]),V={},z;function _(){if(r===void 0)return;if(A.replaceChildren(),n.definition.kind!=="http"){z=void 0,V={},A.append(s("p",{class:"wgd-diagnostic"},["Prompt actions run in the host's composer; nothing to test."]));return}let c=n.definition,h=JSON.stringify(c.input);h!==z&&(V={}),z=h;let T=qt(c.input,V,F=>{V=k(F)?F:{}});V=k(T.getValue())?T.getValue():{};let O=s("pre",{class:"wgd-test-output"}),I=s("button",{class:"wgd-button wgd-add wgd-test-run",type:"button"},["Test call"]);I.addEventListener("click",()=>{I.disabled=!0,I.classList.add("wgd-busy"),I.setAttribute("aria-busy","true"),O.textContent="\u2026",r(c,V).then(F=>{O.textContent=typeof F=="string"?F:JSON.stringify(F,null,2)}).catch(F=>{O.textContent=`Test failed: ${F.message}`}).finally(()=>{I.disabled=!1,I.classList.remove("wgd-busy"),I.removeAttribute("aria-busy")})}),A.append(s("span",{class:"wgd-field-label"},["Arguments"]),T.element,s("div",{class:"wgd-row"},[I]),O)}_();let Q=q(void 0),W=s("textarea",{class:"wgd-textarea wgd-action-import",rows:"6",spellcheck:"false"}),b=s("button",{class:"wgd-button",type:"button"},["Import"]);b.addEventListener("click",()=>{let c;try{c=JSON.parse(W.value)}catch(T){Q.hidden=!1,Q.textContent=`Invalid JSON: ${le(T)}`;return}let h=N(c);Q.hidden=h.ok,Q.textContent=h.ok?"":h.errors.join(`
|
|
454
|
+
`)});let E=ee("Import",[s("span",{class:"wgd-field-label"},["Import action entry JSON ({ name, label?, description?, definition })"]),W,Q,s("div",{class:"wgd-row"},[b])]),L=s("textarea",{class:"wgd-textarea",rows:"8",readonly:"",spellcheck:"false"}),j=s("button",{class:"wgd-button wgd-add",type:"button"},["Export action entry"]);j.addEventListener("click",()=>{L.value=JSON.stringify(f(),null,2),me(L)});let P=ee("Export",[s("div",{class:"wgd-toolbar"},[j]),L]);P.classList.add("wgd-view-only"),o.append(m,U,...r===void 0?[]:[H],E,P),ue(v),ue(W),ue(L);function N(c){let h=lo(c);if(h.length>0)return{ok:!1,errors:h};n=uo(c),V={};for(let T of u)T();return l.hidden=!0,g.setValue(n.definition),x(),C(),_(),d(),{ok:!0}}function D(c){a.classList.toggle("wgd-readonly",c);let h=[...o.querySelectorAll(".wgd-section-body")].filter(T=>!T.parentElement?.classList.contains("wgd-view-only"));for(let T of h)c?T.setAttribute("inert",""):T.removeAttribute("inert")}return t.readOnly===!0&&D(!0),{getAction:f,loadAction:N,setReadOnly:D,subscribe(c){return i.add(c),()=>i.delete(c)},dispose(){i.clear(),a.remove()}}}function sn(e){let t=e.getAttribute("appearance"),n=mr(e.getAttribute("chrome"));return{...t==="light"||t==="dark"?{appearance:t}:{},...n===void 0?{}:{chrome:n}}}var Br="widgentic-designer",Ur="widgentic-theme-designer",zr="widgentic-schema-designer",Vr="widgentic-action-designer";function Cn(e=Br){if(customElements.get(e)!==void 0)return;class t extends HTMLElement{#e;#t;connectedCallback(){this.#e===void 0&&(this.#e=Pr(this,sn(this)),this.#t=this.#e.subscribe((r,i)=>{this.dispatchEvent(new CustomEvent("widgentic-change",{detail:{draft:r,diagnostics:i},bubbles:!0}))}))}disconnectedCallback(){this.#t?.(),this.#e?.dispose(),this.#e=void 0,this.#t=void 0}get designer(){return this.#e}}customElements.define(e,t)}function $n(e=Ur){if(customElements.get(e)!==void 0)return;class t extends HTMLElement{#e;#t;connectedCallback(){this.#e===void 0&&(this.#e=Mr(this,sn(this)),this.#t=this.#e.subscribe(r=>{this.dispatchEvent(new CustomEvent("widgentic-change",{detail:{theme:r},bubbles:!0}))}))}disconnectedCallback(){this.#t?.(),this.#e?.dispose(),this.#e=void 0,this.#t=void 0}get designer(){return this.#e}}customElements.define(e,t)}function jn(e=zr){if(customElements.get(e)!==void 0)return;class t extends HTMLElement{#e;#t;connectedCallback(){this.#e===void 0&&(this.#e=_r(this,sn(this)),this.#t=this.#e.subscribe(r=>{this.dispatchEvent(new CustomEvent("widgentic-change",{detail:{schema:r},bubbles:!0}))}))}disconnectedCallback(){this.#t?.(),this.#e?.dispose(),this.#e=void 0,this.#t=void 0}get designer(){return this.#e}}customElements.define(e,t)}function Pn(e=Vr){if(customElements.get(e)!==void 0)return;class t extends HTMLElement{#e;#t;connectedCallback(){this.#e===void 0&&(this.#e=Fr(this,sn(this)),this.#t=this.#e.subscribe(r=>{this.dispatchEvent(new CustomEvent("widgentic-change",{detail:{action:r},bubbles:!0}))}))}disconnectedCallback(){this.#t?.(),this.#e?.dispose(),this.#e=void 0,this.#t=void 0}get designer(){return this.#e}}customElements.define(e,t)}Pn();Cn();jn();$n();
|
|
455
455
|
//# sourceMappingURL=widgentic-designer.js.map
|