@widgentic/designer 0.7.0 → 0.11.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.
- package/README.md +2 -1
- package/dist/browser/widgentic-designer.js +101 -98
- package/dist/browser/widgentic-designer.js.map +4 -4
- package/dist/browser.d.ts.map +1 -1
- package/dist/browser.js +2 -1
- package/dist/browser.js.map +1 -1
- package/dist/dom.d.ts +5 -0
- package/dist/dom.d.ts.map +1 -1
- package/dist/dom.js +19 -1
- package/dist/dom.js.map +1 -1
- package/dist/element.d.ts +9 -0
- package/dist/element.d.ts.map +1 -1
- package/dist/element.js +55 -0
- package/dist/element.js.map +1 -1
- package/dist/index.d.ts +7 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -4
- package/dist/index.js.map +1 -1
- package/dist/io.d.ts +8 -3
- package/dist/io.d.ts.map +1 -1
- package/dist/io.js +38 -8
- package/dist/io.js.map +1 -1
- package/dist/panels.d.ts.map +1 -1
- package/dist/panels.js +17 -54
- package/dist/panels.js.map +1 -1
- package/dist/preview.d.ts.map +1 -1
- package/dist/preview.js +23 -6
- package/dist/preview.js.map +1 -1
- package/dist/schema-designer.d.ts.map +1 -1
- package/dist/schema-designer.js +15 -7
- package/dist/schema-designer.js.map +1 -1
- package/dist/settings-designer.d.ts +37 -0
- package/dist/settings-designer.d.ts.map +1 -0
- package/dist/settings-designer.js +224 -0
- package/dist/settings-designer.js.map +1 -0
- package/dist/shell.d.ts +24 -0
- package/dist/shell.d.ts.map +1 -1
- package/dist/shell.js +39 -7
- package/dist/shell.js.map +1 -1
- package/dist/store.d.ts +9 -1
- package/dist/store.d.ts.map +1 -1
- package/dist/store.js.map +1 -1
- package/dist/styles-panel.d.ts +10 -0
- package/dist/styles-panel.d.ts.map +1 -0
- package/dist/styles-panel.js +79 -0
- package/dist/styles-panel.js.map +1 -0
- package/dist/template-panel.d.ts.map +1 -1
- package/dist/template-panel.js +43 -1
- package/dist/template-panel.js.map +1 -1
- package/dist/theme-designer.d.ts +7 -2
- package/dist/theme-designer.d.ts.map +1 -1
- package/dist/theme-designer.js +79 -15
- package/dist/theme-designer.js.map +1 -1
- package/dist/theme-panel.d.ts.map +1 -1
- package/dist/theme-panel.js +19 -12
- package/dist/theme-panel.js.map +1 -1
- package/dist/validate.d.ts +16 -0
- package/dist/validate.d.ts.map +1 -1
- package/dist/validate.js +38 -7
- package/dist/validate.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,67 +1,68 @@
|
|
|
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} {
|
|
2
|
-
${i.join(
|
|
1
|
+
function An(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function lr(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 On=new Set(["http","https","mailto","tel"]);function Wt(e){return e.replace(/[\u0000-\u0020]+/g,"")}function Nn(e){let t=/^([a-zA-Z][a-zA-Z0-9+.-]*):/.exec(Wt(e));if(t===null)return!0;let n=t[1];return n!==void 0&&On.has(n.toLowerCase())}function ur(e){let t=/^([a-zA-Z][a-zA-Z0-9+.-]*):/.exec(Wt(e));if(t===null)return!1;let n=t[1];return n!==void 0&&On.has(n.toLowerCase())}var ji=/^data:image\/[a-z0-9.+-]+;base64,[a-z0-9+/=]*$/i,Ii=/^https?:\/\//i;function Me(e){let t=Wt(e);return ji.test(t)||Ii.test(t)}var _i=/\.(png|jpe?g|gif|webp|avif|svg)$/i;function pr(e){let t=Wt(e);if(!Me(t))return!1;if(t.toLowerCase().startsWith("data:image/"))return!0;try{return _i.test(new URL(t).pathname)}catch{return!1}}var Pi=/^[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?$/;function Wi(e,t){if(e.length>253)return"the host is longer than 253 characters";let n=e.split(".");if(n.some(i=>i.length===0))return"the host has an empty label";if(n.every(i=>/^\d+$/.test(i)))return"an IP address cannot be declared, only a domain name";if(n.length<2)return t?"a wildcard needs at least two labels after it, as in *.example.com":"a single-label host such as localhost cannot be declared";if(n[n.length-1]==="localhost")return"a localhost name cannot be declared";if(/^\d+$/.test(n[n.length-1]??""))return"the last label is a number, so this is not a domain name";let r=n.find(i=>!Pi.test(i));if(r!==void 0)return`the label '${r}' is not 1-63 letters, digits or hyphens that start and end with a letter or digit`}function Rn(e){let t=e.trim();if(t.length===0)return{error:"it is empty"};if(/[\s;,'"`]/.test(t))return{error:"it contains a space, ';', ',' or a quote, which no domain holds"};if(/[^\x21-\x7e]/.test(t))return{error:"it has a non-ASCII character: enter the punycode (xn--) form"};let n=t.toLowerCase(),r=n;if(n.startsWith("https://"))r=n.slice(8);else if(/^[a-z][a-z0-9+.-]*:(?!\d+\/?$)/.test(n))return{error:"only https:// domains can be declared"};if(r.endsWith("/")&&(r=r.slice(0,-1)),r.includes("@"))return{error:"it carries a user name, which a domain cannot"};if(r.includes("/"))return{error:"it is a page, not a domain: drop the path"};if(r.includes("?")||r.includes("#"))return{error:"it carries a query or fragment, which a domain cannot"};if(r.startsWith("["))return{error:"an IP address cannot be declared, only a domain name"};if(r.includes(":"))return{error:"it names a port, which a domain cannot"};let i=r.startsWith("*."),o=i?r.slice(2):r;if(o.includes("*"))return{error:"a wildcard may only be the whole first label, as in *.example.com"};let d=Wi(o,i);return d!==void 0?{error:d}:{origin:`https://${i?"*.":""}${o}`,host:o,wildcard:i}}function G(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 fr=`Labels are what the reader sees: write them in Title Case ("First Name", "Order Total") unless the user asks for another style or language, and keep the data's keys as they are.`,bt={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). Each field is labelled by its key unless hints.labels names it.",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.",labels:"Record<fieldKey, string> \u2014 the label shown for a field instead of its key (also an image field's alt text); every other hint still names the key. "+fr,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",labels:"Record<columnKey, string> \u2014 the header shown for a column instead of its key (also its images' alt text); every other hint, columns included, still names the key. "+fr,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 Mi=/(\([^)]*[+*][^)]*\)|\[[^\]]*\][+*])[+*{]/;function mr(e){if(!(typeof e!="string"||e.length>256)&&!Mi.test(e))try{return new RegExp(e)}catch{return}}function Le(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}var Ln=["object","array","string","number","integer","boolean","null"];function gr(e,t){switch(e){case"object":return Le(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 Hi(e,t){return typeof e=="string"?gr(e,t):Array.isArray(e)?e.some(n=>typeof n=="string"&&gr(n,t)):!0}function Fi(e,t){return e.some(n=>{if(n===t)return!0;try{return JSON.stringify(n)===JSON.stringify(t)}catch{return!1}})}function Ui(e){return Array.isArray(e)?e.join(" | "):String(e)}function Ce(e,t,n="data"){if(Array.isArray(e.enum)&&!Fi(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&&!Hi(e.type,t))return{code:"INVALID_TYPE",path:n,message:`Value at '${n}' must have type ${Ui(e.type)}.`};if(typeof t=="string"&&e.pattern!==void 0){let r=mr(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(Le(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(Le(e.properties)){for(let[r,i]of Object.entries(e.properties))if(r in t&&Le(i)){let o=Ce(i,t[r],`${n}.${r}`);if(o)return o}}}if(Array.isArray(t)&&Le(e.items))for(let r=0;r<t.length;r++){let i=Ce(e.items,t[r],`${n}.${r}`);if(i)return i}}function He(e,t="schema"){let n=[],r=e.type;if(r!==void 0){let i=typeof r=="string"?[r]:Array.isArray(r)?r:void 0;if(i===void 0)n.push(`${t}.type: must be a type name or a list of them; it is ignored.`);else for(let o of i)(typeof o!="string"||!Ln.includes(o))&&n.push(`${t}.type: '${String(o)}' is not one of ${Ln.join(", ")}; it constrains nothing.`)}if(e.pattern!==void 0&&mr(e.pattern)===void 0&&n.push(`${t}.pattern: not run \u2014 it must be a valid regular expression of at most 256 characters without nested quantifiers.`),e.enum!==void 0&&!Array.isArray(e.enum)&&n.push(`${t}.enum: must be a list of values; it is ignored.`),e.required!==void 0&&!(Array.isArray(e.required)&&e.required.every(i=>typeof i=="string"))&&n.push(`${t}.required: must be a list of property names; it is ignored.`),e.properties!==void 0)if(!Le(e.properties))n.push(`${t}.properties: must be an object of schemas; it is ignored.`);else for(let[i,o]of Object.entries(e.properties))Le(o)?n.push(...He(o,`${t}.properties.${i}`)):n.push(`${t}.properties.${i}: must be a schema object; it is ignored.`);return e.items!==void 0&&(Le(e.items)?n.push(...He(e.items,`${t}.items`)):n.push(`${t}.items: must be a schema object; it is ignored.`)),n}function ie(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function se(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 vt(e,t){let r=(ie(t)&&ie(t.labels)?t.labels:void 0)?.[e];return typeof r=="string"&&r.trim()!==""?r:e}function Ht(e,t){return e.includes("{value}")?e.split("{value}").join(t):e+t}function Ft(e,t,n,r){let o=(ie(n)&&ie(n.links)?n.links:void 0)?.[e];if(typeof t!="string"||t==="")return r;let d=o===!0?t:typeof o=="string"?o+t:void 0;return d===void 0||!ur(d)?r:G("a",{class:"wg-link",href:d,rel:"noopener noreferrer"},[r])}var Bi=["avatar","thumb","hero"],Vi=new Set(Bi);function tt(e,t,n,r){if(typeof t!="string")return null;let o=(ie(n?.images)?n.images:void 0)?.[e];return o===!1?null:typeof o=="string"&&Vi.has(o)?Me(t)?{src:t,shape:o}:null:o===!0?Me(t)?{src:t,shape:r}:null:pr(t)?{src:t,shape:r}:null}function nt(e,t,n){return G("img",{class:`wg-img wg-img-${n}`,src:t,alt:e,loading:"lazy",decoding:"async"})}function hr(e){let{data:t,meta:n}=e,r=ie(e.hints?.fieldFormat)?e.hints.fieldFormat:void 0,i,o,d=[],f;ie(t)?(i=t.title,o=t.subtitle,ie(t.fields)?d=Object.entries(t.fields):d=Object.entries(t).filter(([l])=>l!=="title"&&l!=="subtitle")):f=se(t),i===void 0&&(i=n?.title),o===void 0&&(o=n?.subtitle);let a=[];return i!==void 0&&a.push(G("div",{class:"wg-card-title"},[se(i)])),o!==void 0&&a.push(G("div",{class:"wg-card-subtitle"},[se(o)])),f!==void 0&&a.push(G("div",{class:"wg-card-value"},[f])),d.length>0&&a.push(G("dl",{class:"wg-card-fields"},d.map(([l,c])=>{let u=vt(l,e.hints),w=tt(l,c,e.hints,"thumb"),y;if(w)y=nt(u,w.src,w.shape);else{let g=se(c),h=r?.[l],k=typeof h=="string"?Ht(h,g):g;y=Ft(l,c,e.hints,k)}return G("div",{class:"wg-card-field"},[G("dt",{class:"wg-card-field-key"},[u]),G("dd",{class:"wg-card-field-value"},[y])])}))),G("div",{class:"wg-card"},a)}function Ut(e){let t=[],n=new Set;for(let r of e){if(!ie(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 wr(e){let t=Array.isArray(e.data)?e.data:[e.data],n=ie(e.hints?.fieldFormat)?e.hints.fieldFormat:void 0,r=t.map(c=>ie(c)?c:{value:c}),i=e.hints?.columns,o;if(Array.isArray(i)&&i.every(c=>typeof c=="string"))o=i;else{o=[];let c=new Set;for(let u of r)for(let w of Object.keys(u))c.has(w)||(c.add(w),o.push(w))}let d=Ut(r),f=[],a=e.meta?.title,l=e.meta?.subtitle;if(a!==void 0||l!==void 0){let c=[];a!==void 0&&c.push(G("span",{class:"wg-table-title"},[se(a)])),l!==void 0&&c.push(G("span",{class:"wg-table-subtitle"},[se(l)])),f.push(G("caption",{class:"wg-table-caption"},c))}return G("table",{class:"wg-table"},[...f,G("thead",{class:"wg-table-head"},[G("tr",void 0,o.map(c=>G("th",{class:"wg-table-header"},[vt(c,e.hints)])))]),G("tbody",{class:"wg-table-body"},r.map((c,u)=>G("tr",{class:"wg-table-row"},o.map(w=>{if(!(w in c))return G("td",{class:"wg-table-cell"},[""]);let y=c[w],g=tt(w,y,e.hints,"avatar"),h;if(g)h=nt(vt(w,e.hints),g.src,g.shape);else{let k=se(y),N=n?.[w],b=typeof N=="string"?Ht(N,k):k;h=Ft(w,y,e.hints,b)}return G("td",{class:"wg-table-cell"},[h])}),d?.[u])))])}function br(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=G("ul",{class:"wg-tree"},vr(r,0,n)),o=e.meta?.title;return o===void 0?i:G("div",{class:"wg-tree-titled"},[G("div",{class:"wg-tree-title"},[se(o)]),i])}function zi(e){if(ie(e)){if(e.label!==void 0)return se(e.label);let{children:t,icon:n,...r}=e;return se(r)}return se(e)}function Ki(e){if(typeof e!="string")return;let t=tt("",e,void 0,"icon");return t!==null?nt("",t.src,t.shape):G("span",{class:"wg-tree-icon"},[e])}function yr(e){let t=ie(e)?Ki(e.icon):void 0,n=zi(e);return t===void 0?[n]:[t,n]}var Ji=64,qi=e=>ie(e)&&Array.isArray(e.children)&&e.children.length>0?e.children:void 0;function vr(e,t,n){let r=Ut(e);return e.map((i,o)=>Gi(i,t,n,r?.[o]))}function Gi(e,t,n,r){let i=t<Ji?qi(e):void 0;if(i===void 0)return G("li",{class:"wg-tree-node"},[G("span",{class:"wg-tree-label"},yr(e))],r);let o=t<n;return G("li",{class:"wg-tree-node"},[G("details",{class:"wg-tree-branch",...o?{open:""}:{}},[G("summary",{class:"wg-tree-label"},yr(e)),G("ul",{class:"wg-tree-children"},vr(i,t+1,n))])],r)}var kr=20,Yi=["stack","row","grid"],Xi=["none","sm","md","lg"],Zi=4;function xr(e){if(!ie(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>kr)return{ok:!1,error:{code:"INVALID_TYPE",path:"data.items",message:`'items' holds ${t.length} sub-widgets; a group renders at most ${kr}.`}};let n=[];for(let r=0;r<t.length;r++){let i=t[r];if(!ie(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 Er(e,t){let n=ie(e)?e:{},r=Yi.some(d=>d===n.layout)?n.layout:"stack",i=Xi.some(d=>d===n.gap)?n.gap:"md",o=["wg-group",`wg-group-${r}`,`wg-gap-${i}`];if(r==="grid"){let d=typeof n.columns=="number"&&Number.isFinite(n.columns)?n.columns:2,f=Math.min(Zi,Math.max(1,Math.trunc(d)));o.push(`wg-cols-${f}`)}return G("div",{class:o.join(" ")},t)}function Sr(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=>Sr(o,t));return{tag:e.tag,...r!==void 0?{attrs:r}:{},...i!==void 0?{children:i}:{}}}var Bt=class extends Error{code="DUPLICATE_KIND";kind;constructor(t){super(`Widget kind '${t}' is already registered.`),this.name="DuplicateKindError",this.kind=t}};function Ae(){let e=new Map,t=new Map,n={register(r,i,o){if(e.has(r))throw new Bt(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=lr(r,{knownKinds:new Set(e.keys())});if(!o.ok)return o;let d=i.partialData===!0?void 0:t.get(o.payload.kind)?.dataSchema;if(d){let a=Ce(d,o.payload.data);if(a)return{ok:!1,error:a}}if(o.payload.kind==="group"){let a=xr(o.payload.data);if(!a.ok)return a;let l=[];for(let c=0;c<a.items.length;c++){let u=a.items[c],w=n.render({kind:u.kind,data:u.data,...u.hints!==void 0?{hints:u.hints}:{},...u.meta!==void 0?{meta:u.meta}:{}},i);if(!w.ok){let y=w.error.path;return{ok:!1,error:{...w.error,path:`data.items[${c}]${y?`.${y}`:""}`}}}l.push(Sr(w.node,`data.items.${c}`))}return{ok:!0,node:Er(o.payload.hints,l)}}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(a){return{ok:!1,error:{code:"RENDER_FAILED",path:"widget",message:`Renderer for kind '${o.payload.kind}' threw: ${a instanceof Error?a.message:String(a)}`}}}}};return n.register("card",hr,bt.card),n.register("table",wr,bt.table),n.register("tree",br,bt.tree),n.register("group",r=>{let i=n.render(r);if(i.ok)return i.node;throw new Error(i.error.message)},bt.group),n}function E(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}var Tr=e=>e===`
|
|
2
|
+
`||e==="\r"||e==="\f";function Vt(e){let t=[],n=0,r;for(let i=0;i<e.length;i++){let o=e.charAt(i);r!==void 0?(t.push({char:o,depth:n,quoted:!0}),(o===r||Tr(o))&&(r=void 0)):o==='"'||o==="'"?(r=o,t.push({char:o,depth:n,quoted:!0})):o==="("||o==="["?(t.push({char:o,depth:n,quoted:!1}),n++):o===")"||o==="]"?(n=Math.max(0,n-1),t.push({char:o,depth:n,quoted:!1})):t.push({char:o,depth:n,quoted:!1})}return t}var Qi=e=>e==="("||e===")"||e==="["||e==="]";function kt(e){let t=[],n;for(let r=0;r<e.length;r++){let i=e.charAt(r);if(n!==void 0){if(Tr(i))return!1;i===n&&(n=void 0)}else if(i==='"'||i==="'")n=i;else if(i==="("||i==="[")t.push(i==="("?")":"]");else if((i===")"||i==="]")&&t.pop()!==i)return!1}return t.length===0&&n===void 0}function xt(e,t){let n=[],r="";for(let{char:i,depth:o,quoted:d}of Vt(e))o===0&&!d&&t(i)?(n.push(r.trim()),r=""):r+=i;return n.push(r.trim()),n.filter(i=>i.length>0)}function Dr(e){return Vt(e).filter(({char:t,depth:n,quoted:r})=>n===0&&!r&&!Qi(t)).map(({char:t})=>t).join("")}function Ar(e,t){return Vt(e).findIndex(({char:n,depth:r,quoted:i})=>r===0&&!i&&t(n))}function Or(e,t){let n=Vt(e),r=[];for(let i=0;i<n.length;i++){let o=n[i];if(o===void 0||o.char!=="("||o.depth!==0||o.quoted)continue;let d=e.slice(0,i).toLowerCase();if(!t.some(a=>d.endsWith(`:${a}`)))continue;let f=i+1;for(;f<n.length;){let a=n[f];if(a!==void 0&&a.char===")"&&a.depth===0&&!a.quoted)break;f++}r.push(e.slice(i+1,f))}return r}var Et=/[;{}<>@\\]/,rt=/^-?[a-zA-Z][a-zA-Z-]*$/;function Fe(e){return E(e)?Object.values(e).every(t=>E(t)&&Object.values(t).every(n=>typeof n=="string")):!1}var Ue=["url(","expression(","image-set(","src("],Nr=/\/\*|\*\//;function eo(e){return Ue.some(t=>new RegExp(`${t.slice(0,-1)}\\s*\\(`,"i").test(e))}var to=["is","where","matches","-webkit-any","-moz-any"],Rr=e=>/[\s>+~]/.test(e);function no(e,t){let n=xt(e,r=>r===",");return n.length>0&&n.every(r=>Lr(r,t))}var ro=16;function Lr(e,t=0){return t>ro?!1:xt(e,Rr).some(n=>Dr(n).includes(".wg-")||Or(n,to).some(r=>no(r,t+1)))}function io(e){if(Et.test(e)||Nr.test(e)||!kt(e))return!1;let t=xt(e,n=>n===",");return t.length>0&&t.every(n=>!/^[>+~]/.test(n)&&Lr(n))}function oo(e){return!Et.test(e)&&!Nr.test(e)&&kt(e)&&!eo(e)}function so(e,t){if(!/^(:root|html)(?![\w-])/i.test(e))return`:where(${t}) ${e}`;let n=Ar(e,Rr),r=n===-1?e.length:n;return`${e.slice(0,r)}:where(${t})${e.slice(r)}`}function zt(e){return Cn(e,void 0)}function Cn(e,t){let n=[];for(let[r,i]of Object.entries(e)){if(!io(r)||typeof i!="object"||i===null)continue;let o=[];for(let[d,f]of Object.entries(i))rt.test(d)&&(typeof f!="string"||!oo(f)||o.push(` ${d}: ${f};`));if(o.length>0){let d=t===void 0?r:xt(r,f=>f===",").map(f=>so(f,t)).join(", ");n.push(`${d} {
|
|
3
|
+
${o.join(`
|
|
3
4
|
`)}
|
|
4
|
-
}`)}return
|
|
5
|
-
`)}
|
|
6
|
-
${
|
|
5
|
+
}`)}}return n.join(`
|
|
6
|
+
`)}var be=/^[a-zA-Z0-9._-]+$/;var it={selectors:"Every selector part (split on top-level commas) must be held to .wg- classes: one of its compounds names a .wg- class itself, or through :is() or :where() whose every argument does. A .wg- class only inside :not(), :has(), an attribute test or a string does not count, and no part may open with a combinator \u2014 e.g. '.wg-card .wg-xcard-head', '.wg-row:has(.wg-ok, .wg-warn)' or ':is(.wg-btn, .wg-link):hover'.",banned:`Selectors, properties, or values matching ${Et.source}, holding a comment marker (/* or */) or an unclosed bracket or string, or calling ${Ue.join(", ")} are dropped.`,propertyNames:`Property names must match ${rt.source} (letters and hyphens, optionally leading '-'); anything else is dropped.`};var at=["number","currency","date"],dt=e=>at.some(t=>t===e),Be=0,Ve=8,ze=["narrowSymbol","symbol","code"],ct=e=>ze.some(t=>t===e),Kt=/^[A-Z]{3}$/,lt=["yyyy","MM","dd","HH","mm","ss"],$r=" -/:.,T",Jt=40,$n=new RegExp(`^[${$r.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")}yMdHms]*$`),jr=1e11,qt=/^[A-Za-z]{2,8}(?:-[A-Za-z0-9]{2,8}){0,3}$/,Ir="en-US";function Gt(e){let t=[],n="",r=0,i=0;e:for(;i<e.length;){for(let d of lt)if(e.startsWith(d,i)){n!==""&&t.push({literal:n}),n="",t.push({token:d}),r+=1,i+=d.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 jn(e){try{return Intl.NumberFormat.supportedLocalesOf([e]).length>0}catch{return!1}}function ao(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 co(e){if(typeof e=="number")return Number.isFinite(e)?Math.abs(e)<jr?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,d]=n,f=o===void 0?"":`.${o.slice(0,3)}`,a=i===void 0?"00:00:00":i.length===5?`${i}:00`:i,l=Date.parse(`${r}T${a}${f}${d??"Z"}`);return Number.isFinite(l)?l:void 0}var ot=(e,t)=>String(e).padStart(t,"0");function lo(e,t){let n=new Date(e),r=i=>{switch(i){case"yyyy":return ot(n.getUTCFullYear(),4);case"MM":return ot(n.getUTCMonth()+1,2);case"dd":return ot(n.getUTCDate(),2);case"HH":return ot(n.getUTCHours(),2);case"mm":return ot(n.getUTCMinutes(),2);case"ss":return ot(n.getUTCSeconds(),2)}};return t.map(i=>"token"in i?r(i.token):i.literal).join("")}var uo=/[\u00A0\u202F\u2009]/g,st=e=>se(e);function Yt(e){if(!E(e)||!dt(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>=Be&&e.decimals<=Ve?e.decimals:void 0,n=typeof e.locale=="string"&&qt.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"||!Kt.test(e.currency)))return{type:"currency",currency:e.currency,...ct(e.currencyDisplay)?{currencyDisplay:e.currencyDisplay}:{},...r}}function po(e){if(e.type==="date"){let i=Gt(e.pattern);return i===void 0?st:o=>{let d=co(o);return d===void 0?st(o):lo(d,i)}}let t=e.locale??Ir,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 st}return i=>{let o=ao(i);return o===void 0?st(i):r.format(o).replace(uo," ")}}var Cr=new WeakMap;function _r(e){if(!E(e))return st;let t=Cr.get(e);if(t!==void 0)return t;let n=Yt(e),r=n===void 0?st:po(n);return Cr.set(e,r),r}function Xt(e,t){return _r(t)(e)}var ve={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."}},Ke=Object.fromEntries(Object.entries(ve).map(([e,t])=>[e,t.default])),ke=Object.keys(ve),In=/[;{}<>\\]/;function Je(e){return!In.test(e)&&kt(e)&&!/\/\*|\*\//.test(e)&&!Ue.some(t=>new RegExp(`${t.slice(0,-1)}\\s*\\(`,"i").test(e))}var _n=`Token values are plain CSS values. Rejected: anything matching ${In.source}, a comment marker (/* or */), an unclosed bracket or string, and calls to ${Ue.join(", ")} (case-insensitive, whitespace-tolerant). Keep values to colors, lengths, and font stacks.`;function C(e){return`var(--wg-${e}, ${Ke[e]})`}var fo=`:root {
|
|
7
|
+
${ke.map(e=>` --wg-${e}: ${Ke[e]};`).join(`
|
|
7
8
|
`)}
|
|
8
|
-
}`,
|
|
9
|
-
${
|
|
9
|
+
}`,Pn="1.25em",Wr=`
|
|
10
|
+
${fo}
|
|
10
11
|
.wg-card, .wg-table, .wg-tree, .wg-code, .wg-template {
|
|
11
|
-
font-family: ${
|
|
12
|
-
font-size: ${
|
|
13
|
-
line-height: ${
|
|
14
|
-
color: ${
|
|
12
|
+
font-family: ${C("font-family")};
|
|
13
|
+
font-size: ${C("font-size")};
|
|
14
|
+
line-height: ${C("line-height")};
|
|
15
|
+
color: ${C("fg")};
|
|
15
16
|
}
|
|
16
17
|
.wg-card {
|
|
17
|
-
background: var(--wg-surface, ${
|
|
18
|
-
border: ${
|
|
19
|
-
border-radius: ${
|
|
20
|
-
box-shadow: ${
|
|
21
|
-
padding: ${
|
|
18
|
+
background: var(--wg-surface, ${C("bg")});
|
|
19
|
+
border: ${C("border-width")} solid ${C("border")};
|
|
20
|
+
border-radius: ${C("radius-lg")};
|
|
21
|
+
box-shadow: ${C("shadow")};
|
|
22
|
+
padding: ${C("spacing-lg")};
|
|
22
23
|
}
|
|
23
24
|
.wg-card-title {
|
|
24
|
-
color: ${
|
|
25
|
-
font-size: ${
|
|
26
|
-
font-weight: ${
|
|
27
|
-
margin-bottom: ${
|
|
25
|
+
color: ${C("accent")};
|
|
26
|
+
font-size: ${C("font-size-lg")};
|
|
27
|
+
font-weight: ${C("font-weight-bold")};
|
|
28
|
+
margin-bottom: ${C("spacing")};
|
|
28
29
|
}
|
|
29
30
|
.wg-card-subtitle {
|
|
30
|
-
color: ${
|
|
31
|
-
font-size: ${
|
|
32
|
-
margin-bottom: ${
|
|
31
|
+
color: ${C("muted")};
|
|
32
|
+
font-size: ${C("font-size-sm")};
|
|
33
|
+
margin-bottom: ${C("spacing")};
|
|
33
34
|
}
|
|
34
35
|
.wg-card-fields {
|
|
35
36
|
margin: 0;
|
|
36
37
|
}
|
|
37
38
|
.wg-card-field {
|
|
38
39
|
display: flex;
|
|
39
|
-
gap: ${
|
|
40
|
-
padding: ${
|
|
40
|
+
gap: ${C("spacing")};
|
|
41
|
+
padding: ${C("spacing-sm")} 0;
|
|
41
42
|
}
|
|
42
43
|
.wg-card-field-key {
|
|
43
|
-
color: ${
|
|
44
|
+
color: ${C("muted")};
|
|
44
45
|
}
|
|
45
46
|
.wg-card-field-value {
|
|
46
47
|
margin: 0;
|
|
47
48
|
}
|
|
48
49
|
.wg-table {
|
|
49
|
-
background: var(--wg-surface, ${
|
|
50
|
-
border: ${
|
|
51
|
-
border-radius: ${
|
|
50
|
+
background: var(--wg-surface, ${C("bg")});
|
|
51
|
+
border: ${C("border-width")} solid ${C("border")};
|
|
52
|
+
border-radius: ${C("radius")};
|
|
52
53
|
border-collapse: collapse;
|
|
53
54
|
}
|
|
54
55
|
.wg-table-header {
|
|
55
|
-
color: ${
|
|
56
|
-
font-size: ${
|
|
57
|
-
font-weight: ${
|
|
56
|
+
color: ${C("muted")};
|
|
57
|
+
font-size: ${C("font-size-sm")};
|
|
58
|
+
font-weight: ${C("font-weight-bold")};
|
|
58
59
|
text-align: left;
|
|
59
|
-
border-bottom: calc(${
|
|
60
|
-
padding: ${
|
|
60
|
+
border-bottom: calc(${C("border-width")} * 2) solid ${C("border")};
|
|
61
|
+
padding: ${C("spacing")};
|
|
61
62
|
}
|
|
62
63
|
.wg-table-cell {
|
|
63
|
-
border-bottom: ${
|
|
64
|
-
padding: ${
|
|
64
|
+
border-bottom: ${C("border-width")} solid ${C("border")};
|
|
65
|
+
padding: ${C("spacing")};
|
|
65
66
|
}
|
|
66
67
|
.wg-tree {
|
|
67
68
|
list-style: none;
|
|
@@ -70,16 +71,16 @@ ${wi}
|
|
|
70
71
|
}
|
|
71
72
|
.wg-tree-children {
|
|
72
73
|
list-style: none;
|
|
73
|
-
padding-left: ${
|
|
74
|
-
border-left: ${
|
|
74
|
+
padding-left: ${C("spacing-lg")};
|
|
75
|
+
border-left: ${C("border-width")} solid ${C("border")};
|
|
75
76
|
}
|
|
76
77
|
.wg-tree-node {
|
|
77
|
-
padding: ${
|
|
78
|
+
padding: ${C("spacing-sm")} 0;
|
|
78
79
|
}
|
|
79
80
|
.wg-tree-label {
|
|
80
81
|
display: flex;
|
|
81
82
|
align-items: center;
|
|
82
|
-
gap: ${
|
|
83
|
+
gap: ${C("spacing-sm")};
|
|
83
84
|
}
|
|
84
85
|
.wg-tree-branch > .wg-tree-label {
|
|
85
86
|
cursor: pointer;
|
|
@@ -93,7 +94,7 @@ ${wi}
|
|
|
93
94
|
flex: 0 0 auto;
|
|
94
95
|
width: 0;
|
|
95
96
|
height: 0;
|
|
96
|
-
border-left: 0.4em solid ${
|
|
97
|
+
border-left: 0.4em solid ${C("muted")};
|
|
97
98
|
border-top: 0.3em solid transparent;
|
|
98
99
|
border-bottom: 0.3em solid transparent;
|
|
99
100
|
}
|
|
@@ -102,84 +103,84 @@ ${wi}
|
|
|
102
103
|
}
|
|
103
104
|
.wg-tree-icon {
|
|
104
105
|
flex: 0 0 auto;
|
|
105
|
-
width: ${
|
|
106
|
+
width: ${Pn};
|
|
106
107
|
text-align: center;
|
|
107
108
|
}
|
|
108
109
|
.wg-img-icon {
|
|
109
110
|
flex: 0 0 auto;
|
|
110
|
-
width: ${
|
|
111
|
-
height: ${
|
|
112
|
-
border-radius: ${
|
|
111
|
+
width: ${Pn};
|
|
112
|
+
height: ${Pn};
|
|
113
|
+
border-radius: ${C("radius-sm")};
|
|
113
114
|
}
|
|
114
115
|
/* Monospace block utility. No built-in emits it: it is a styling surface
|
|
115
116
|
template authors opt into, and what keeps the font-mono token consumed. */
|
|
116
117
|
.wg-code {
|
|
117
|
-
font-family: ${
|
|
118
|
-
background: var(--wg-surface, ${
|
|
119
|
-
border: ${
|
|
120
|
-
border-radius: ${
|
|
121
|
-
padding: ${
|
|
118
|
+
font-family: ${C("font-mono")};
|
|
119
|
+
background: var(--wg-surface, ${C("bg")});
|
|
120
|
+
border: ${C("border-width")} solid ${C("border")};
|
|
121
|
+
border-radius: ${C("radius")};
|
|
122
|
+
padding: ${C("spacing")};
|
|
122
123
|
overflow: auto;
|
|
123
124
|
}
|
|
124
125
|
.wg-status {
|
|
125
126
|
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: ${
|
|
127
|
+
padding: 0 ${C("spacing-sm")};
|
|
128
|
+
border-radius: ${C("radius-sm")};
|
|
129
|
+
font-size: ${C("font-size-sm")};
|
|
130
|
+
font-weight: ${C("font-weight-bold")};
|
|
131
|
+
}
|
|
132
|
+
.wg-status-danger { background: ${C("danger")}; color: ${C("danger-fg")}; }
|
|
133
|
+
.wg-status-success { background: ${C("success")}; color: ${C("success-fg")}; }
|
|
134
|
+
.wg-status-warning { background: ${C("warning")}; color: ${C("warning-fg")}; }
|
|
135
|
+
.wg-status-info { background: ${C("info")}; color: ${C("info-fg")}; }
|
|
136
|
+
.wg-status-accent { background: ${C("accent")}; color: ${C("accent-fg")}; }
|
|
136
137
|
.wg-img {
|
|
137
138
|
object-fit: cover;
|
|
138
139
|
vertical-align: middle;
|
|
139
|
-
background: ${
|
|
140
|
+
background: ${C("border")};
|
|
140
141
|
}
|
|
141
142
|
.wg-img-avatar {
|
|
142
|
-
width: ${
|
|
143
|
-
height: ${
|
|
143
|
+
width: ${C("avatar-size")};
|
|
144
|
+
height: ${C("avatar-size")};
|
|
144
145
|
border-radius: 50%;
|
|
145
146
|
}
|
|
146
147
|
.wg-img-thumb {
|
|
147
|
-
width: ${
|
|
148
|
-
height: ${
|
|
149
|
-
border-radius: ${
|
|
148
|
+
width: ${C("thumb-size")};
|
|
149
|
+
height: ${C("thumb-size")};
|
|
150
|
+
border-radius: ${C("radius")};
|
|
150
151
|
}
|
|
151
152
|
.wg-img-hero {
|
|
152
153
|
display: block;
|
|
153
154
|
width: 100%;
|
|
154
155
|
max-width: 100%;
|
|
155
156
|
height: auto;
|
|
156
|
-
border-radius: ${
|
|
157
|
+
border-radius: ${C("radius")};
|
|
157
158
|
}
|
|
158
159
|
.wg-table-caption {
|
|
159
160
|
caption-side: top;
|
|
160
161
|
text-align: left;
|
|
161
|
-
padding-bottom: ${
|
|
162
|
+
padding-bottom: ${C("spacing")};
|
|
162
163
|
}
|
|
163
164
|
.wg-table-title {
|
|
164
165
|
display: block;
|
|
165
|
-
color: ${
|
|
166
|
-
font-size: ${
|
|
167
|
-
font-weight: ${
|
|
168
|
-
margin-bottom: ${
|
|
166
|
+
color: ${C("accent")};
|
|
167
|
+
font-size: ${C("font-size-lg")};
|
|
168
|
+
font-weight: ${C("font-weight-bold")};
|
|
169
|
+
margin-bottom: ${C("spacing-sm")};
|
|
169
170
|
}
|
|
170
171
|
.wg-table-subtitle {
|
|
171
172
|
display: block;
|
|
172
|
-
color: ${
|
|
173
|
-
font-size: ${
|
|
173
|
+
color: ${C("muted")};
|
|
174
|
+
font-size: ${C("font-size-sm")};
|
|
174
175
|
}
|
|
175
176
|
.wg-tree-title {
|
|
176
|
-
color: ${
|
|
177
|
-
font-size: ${
|
|
178
|
-
font-weight: ${
|
|
179
|
-
margin-bottom: ${
|
|
177
|
+
color: ${C("accent")};
|
|
178
|
+
font-size: ${C("font-size-lg")};
|
|
179
|
+
font-weight: ${C("font-weight-bold")};
|
|
180
|
+
margin-bottom: ${C("spacing")};
|
|
180
181
|
}
|
|
181
182
|
.wg-link {
|
|
182
|
-
color: ${
|
|
183
|
+
color: ${C("accent")};
|
|
183
184
|
text-decoration: underline;
|
|
184
185
|
}
|
|
185
186
|
.wg-group {
|
|
@@ -205,25 +206,25 @@ ${wi}
|
|
|
205
206
|
.wg-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
|
206
207
|
.wg-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
|
|
207
208
|
.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
|
-
${
|
|
209
|
+
.wg-gap-sm { gap: ${C("spacing-sm")}; }
|
|
210
|
+
.wg-gap-md { gap: ${C("spacing")}; }
|
|
211
|
+
.wg-gap-lg { gap: ${C("spacing-lg")}; }
|
|
212
|
+
`.trim(),Pr="data-widgentic";function Wn(e){if(e.head.querySelector(`style[${Pr}]`))return;let t=e.createElement("style");t.setAttribute(Pr,"base"),t.textContent=Wr,e.head.appendChild(t)}function go(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}var mo=new Set(ke),Mn=/^x-[a-z0-9][a-z0-9-]*$/;function ho(e){return Object.keys(e).filter(t=>Mn.test(t))}function Mr(e){return`--wg-${e}`}function Oe(e){if(!go(e))return{ok:!1,error:{code:"INVALID_THEME",message:"Theme must be a plain object."}};for(let[t,n]of Object.entries(e)){if(!mo.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"||!Je(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 wo(e){let t=e,n;for(let r of ke){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=wo(t),r=e.style;if(!r)return;for(let o of ke)r.removeProperty(Mr(o));for(let o=r.length-1;o>=0;o--){let d=r.item(o);d.startsWith("--wg-x-")&&r.removeProperty(d)}let i=[...ke,...ho(n)];for(let o of i){let d=n[o];typeof d=="string"&&Je(d)&&r.setProperty(Mr(o),d)}}var Fn={bg:"#0f131c",surface:"#161b26",fg:"#e5e9f0",muted:"#8b93a7",accent:"#7aa2f7","accent-fg":"#0f131c",border:"#2a3140",shadow:"0 1px 3px rgba(0, 0, 0, 0.6)",danger:"#f0a3a3",success:"#8fd19e",warning:"#e8b878",info:"#7cc4e8"};var Zt=class extends Error{code="DUPLICATE_THEME";theme;constructor(t){super(`Theme '${t}' is already registered.`),this.name="DuplicateThemeError",this.theme=t}},qe=class extends Error{code;theme;constructor(t,n,r){super(`Theme '${t}' is invalid: ${r}`),this.name="InvalidThemeEntryError",this.code=n,this.theme=t}};function yo(e){let t={};for(let[n,r]of Object.entries(e??{}))t[n]={...r};return t}function Un(){let e=new Map,t={light:"light",dark:"dark"},n={register(r){if(typeof r?.name!="string"||r.name.trim()==="")throw new qe(String(r?.name),"INVALID_NAME","name must be a non-empty string.");if(e.has(r.name))throw new Zt(r.name);let i=Oe(r.tokens??{});if(!i.ok)throw new qe(r.name,i.error.code,i.error.message);if(r.styles!==void 0&&!Fe(r.styles))throw new qe(r.name,"INVALID_THEME","styles must map selectors to objects of property/value strings.");let o=yo(r.styles),d={name:r.name,tokens:i.theme};Object.keys(o).length>0&&(d.styles=o),r.label!==void 0&&(d.label=r.label),r.description!==void 0&&(d.description=r.description),e.set(r.name,d)},get:r=>e.get(r),list:()=>[...e.values()],names:()=>[...e.keys()],setDefault(r,i){if(!e.has(i))throw new qe(i,"UNKNOWN_THEME","it is not registered, so it cannot be a default.");t[r]=i},getDefault(r){let i=e.get(t[r]);if(i===void 0)throw new Error(`No ${r} default theme is registered.`);return i},defaults:()=>({...t})};return n.register({name:"light",label:"Light",description:"The built-in defaults \u2014 no tokens set.",tokens:{}}),n.register({name:"dark",label:"Dark",description:"Shipped dark preset with a lifted surface.",tokens:Fn}),n}function Bn(e,t){return Cn(e,t)}var Qt=/^(?:on.*|srcdoc)$/i,en=new Set(["script","iframe","frame","frameset","object","embed","style","link","meta","base","template","noscript"]),tn=/^data-wg-/i,Hr=new Set(["href","src","action","formaction","xlink:href","data","poster","ping"]),Vn=64;var bo=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(d=>d===""||bo.has(d)))return{base:r,up:i,index:!1,segments:o}}var nn=/^[a-z][a-z0-9-]{0,63}$/,rn=nn,St=["replace","merge","patch"],Tt=["GET","POST"];function re(e,t){return e===""?t:`${e}.${t}`}function J(e,t){return{code:"INVALID_ACTION",message:e,path:t}}var vo=/^[!#$%&'*+.^_`|~0-9A-Za-z-]+$/,ko=new Set(["host","content-length","transfer-encoding","connection"]),xo=new Set(["__proto__","constructor","prototype"]);function on(e){return e===""?!1:e.split(".").every(t=>t!==""&&!t.startsWith("$")&&!xo.has(t))}function Eo(e,t){if(typeof e!="string")return E(e)&&typeof e.secret=="string"?nn.test(e.secret)?Object.keys(e).length!==1?J("A secret reference carries only 'secret'.",t):void 0:J(`Secret reference '${e.secret}' is not a valid secret name.`,t):J("Value must be a string or a { secret } reference.",t)}function zn(e){return!E(e)&&!Array.isArray(e)?!1:E(e)&&typeof e.secret=="string"?!0:(Array.isArray(e)?e:Object.values(e)).some(zn)}function So(e,t){if(typeof e!="string"||e.length===0)return J("'url' must be a non-empty string.",t);let n;try{n=new URL(e)}catch{return J(`'url' must be an absolute URL (got '${e}').`,t)}if(n.protocol!=="https:")return J("'url' must use https.",t);if(n.username!==""||n.password!=="")return J("'url' must not carry userinfo.",t);if(n.hash!=="")return J("'url' must not carry a fragment.",t)}function ut(e,t="",n={}){if(!E(e))return J("Action definition must be an object.",t);if(e.kind==="prompt"){if(!Array.isArray(e.text))return J("'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(E(o)&&typeof o.bind=="string"&&Object.keys(o).length===1){if(n.isPath&&!n.isPath(o.bind))return J(`Invalid data path '${o.bind}'.`,re(t,`text.${i}`));continue}return J("Prompt segments are strings or { bind } objects.",re(t,`text.${i}`))}return r>2e3?J(`Prompt text exceeds ${2e3} characters.`,re(t,"text")):void 0}if(e.kind==="http"){if(!Tt.some(i=>i===e.method))return J("'method' must be GET or POST.",re(t,"method"));let r=So(e.url,re(t,"url"));if(r)return r;if(!E(e.input)||e.input.type!=="object")return J(`'input' must be a JSON Schema with type "object".`,re(t,"input"));if(zn(e.input))return J("Secret references are allowed only in headers and query.",re(t,"input"));if(!E(e.output))return J("'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(!E(o))return J(`'${i}' must be an object.`,re(t,i));for(let[d,f]of Object.entries(o)){let a=re(t,`${i}.${d}`);if(!vo.test(d))return J(`'${d}' is not a valid ${i==="headers"?"header":"parameter"} name.`,a);if(i==="headers"&&ko.has(d.toLowerCase()))return J(`Header '${d}' is set by the transport and cannot be declared.`,a);let l=Eo(f,a);if(l)return l}}}return}return J(`'kind' must be "prompt" or "http".`,re(t,"kind"))}function To(e,t){return typeof e.ref=="string"?t.resolve?.(e.ref):e.definition}function sn(e,t="",n={}){if(!E(e))return J("Action binding must be an object.",t);if("ref"in e){if(typeof e.ref!="string"||e.ref.length===0)return J("'ref' must name a shared action.",re(t,"ref"));if("definition"in e)return J("A binding is either a { ref } or a { definition }, not both.",t);if(n.resolve&&n.resolve(e.ref)===void 0)return J(`Unknown action '${e.ref}'.`,re(t,"ref"))}else if("definition"in e){let o=ut(e.definition,re(t,"definition"),{...n.isPath?{isPath:n.isPath}:{}});if(o)return o}else return J("A binding names a shared action ({ ref }) or carries an inline { definition }.",t);let i=To(e,n);if(n.loadOnly&&i!==void 0&&(i.kind!=="http"||i.method!=="GET"))return J("'load' accepts only http GET actions.",t);if(e.input!==void 0){if(!E(e.input))return J("'input' must be an object.",re(t,"input"));if(i?.kind==="prompt")return J("Prompt actions take no input mapping.",re(t,"input"));let o=i?.kind==="http"&&E(i.input.properties)?i.input.properties:void 0;for(let[d,f]of Object.entries(e.input)){let a=re(t,`input.${d}`);if(o!==void 0&&!(d in o))return J(`Input field '${d}' is not declared by the action's input schema.`,a);if(typeof f=="string"){if(n.isPath&&!n.isPath(f))return J(`Invalid data path '${f}'.`,a);continue}if(E(f)&&"const"in f&&Object.keys(f).length===1){if(zn(f.const))return J("Secret references are allowed only in headers and query.",a);continue}return J("Input values are data paths or { const } literals.",a)}}if(e.output!==void 0){let o=re(t,"output");if(!E(e.output))return J("'output' must be an object.",o);if(i?.kind==="prompt")return J("Prompt actions have no output.",o);let{mode:d,path:f,map:a}=e.output;if(d!==void 0&&!St.some(l=>l===d))return J("'mode' must be replace, merge or patch.",re(o,"mode"));if(d==="patch"){if(typeof f!="string"||!on(f))return J("'patch' requires a valid data 'path'.",re(o,"path"))}else if(f!==void 0)return J(`'path' is only meaningful with mode "patch".`,re(o,"path"));if(a!==void 0){if(!E(a))return J("'map' must be an object of data paths.",re(o,"map"));let l=Object.entries(a);if(l.length===0)return J("'map' must not be empty (omit it to take the whole response).",re(o,"map"));for(let[c,u]of l){let w=re(o,`map.${c}`);if(c!=="."&&!on(c))return J(`'${c}' is not a valid data path.`,w);if(typeof u!="string"||u!=="."&&!on(u))return J("Map values are data paths into the response ('.' for the whole response).",w)}}}}function At(e,t="load",n={}){return sn(e,t,{...n,loadOnly:!0})}function Ge(e,t){return e===""?t:`${e}.${t}`}function ae(e,t){return{code:"INVALID_TEMPLATE_NODE",message:e,path:t}}function Fr(e,t,n){let r=i=>ae(`${t}: ${i}`,n);if(!E(e))return r("'format' must be an object.");if(!dt(e.type))return r(`'format.type' must be one of ${at.join(", ")}.`);if(e.type==="date")return typeof e.pattern!="string"?r("'format.pattern' must be a string."):e.pattern.length===0||e.pattern.length>Jt?r(`'format.pattern' must be 1-${Jt} characters.`):$n.test(e.pattern)?Gt(e.pattern)===void 0?r(`'format.pattern' must use at least one of ${lt.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<Be||e.decimals>Ve))return r(`'format.decimals' must be an integer ${Be}-${Ve}.`);if(e.locale!==void 0&&(typeof e.locale!="string"||!qt.test(e.locale)||!jn(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"||!Kt.test(e.currency))return r("'format.currency' must be a three-letter uppercase ISO-4217 code.");if(e.currencyDisplay!==void 0&&!ct(e.currencyDisplay))return r(`'format.currencyDisplay' must be one of ${ze.join(", ")}.`)}return Yt(e)===void 0?r("'format' is not a spec the engine accepts."):void 0}var Ur=["map","prefix","format"];function Nt(e){let t=Ur.filter(n=>e[n]!==void 0);return t.length>1?"conflict":t[0]}function Ot(e,t){if(xe(e)===void 0)return{code:"INVALID_PATH",message:`Invalid data path '${e}'.`,path:t}}function pt(e,t,n){if(n>Vn)return{code:"TEMPLATE_TOO_DEEP",message:`Template exceeds the maximum nesting depth of ${Vn}.`,path:t};if(typeof e!="string"){if(!E(e))return ae("Template node must be a string or a plain object.",t);if("bind"in e){if(typeof e.bind!="string")return ae("'bind' must be a string path.",t);let r=Ot(e.bind,t);return r||(e.map!==void 0&&e.format!==void 0?ae("A text bind carries either 'map' or 'format' \u2014 one transform per value.",t):e.map!==void 0?!E(e.map)||Object.values(e.map).some(i=>typeof i!="string")?ae("Bind: 'map' must be an object of string values.",t):e.default!==void 0&&typeof e.default!="string"?ae("Bind: 'default' must be a string.",t):void 0:e.default!==void 0?ae("Bind: 'default' requires 'map'.",t):e.format!==void 0?Fr(e.format,"Bind",t):void 0)}if("each"in e){if(typeof e.each!="string")return ae("'each' must be a string path.",t);let r=Ot(e.each,t);if(r)return r;if("key"in e&&e.key!==void 0){if(typeof e.key!="string")return ae("'key' must be a string path.",t);let o=Ot(e.key,t);if(o)return o}if(!("template"in e))return ae("'each' node requires a 'template'.",t);let i=pt(e.template,Ge(t,"template"),n+1);return i||("empty"in e&&e.empty!==void 0?pt(e.empty,Ge(t,"empty"),n+1):void 0)}if("when"in e){if(typeof e.when!="string")return ae("'when' must be a string path.",t);let r=Ot(e.when,t);if(r)return r;if(!("template"in e))return ae("'when' node requires a 'template'.",t);let i=pt(e.template,Ge(t,"template"),n+1);return i||("else"in e&&e.else!==void 0?pt(e.else,Ge(t,"else"),n+1):void 0)}if("tag"in e){if(typeof e.tag!="string"||e.tag.length===0)return ae("'tag' must be a non-empty string.",t);if(en.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(!E(e.attrs))return ae("'attrs' must be an object.",t);for(let[r,i]of Object.entries(e.attrs)){let o=Ge(t,`attrs.${r}`);if(Qt.test(r))return{code:"FORBIDDEN_ATTRIBUTE",message:`Attribute '${r}' is not allowed in templates (event handlers and srcdoc).`,path:o};if(tn.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(E(i)&&typeof i.bind=="string"){let d=Ot(i.bind,o);if(d)return d;let f=Nt(i),a=f==="map",l=f==="prefix",c=f==="format";if(f==="conflict")return ae(`Attribute '${r}' carries more than one of 'map', 'prefix' and 'format' \u2014 one transform per value.`,o);if(a){if(!E(i.map)||Object.values(i.map).some(u=>typeof u!="string"))return ae(`Attribute '${r}': 'map' must be an object of string values.`,o);if(i.default!==void 0&&typeof i.default!="string")return ae(`Attribute '${r}': 'default' must be a string.`,o)}else if(i.default!==void 0)return ae(`Attribute '${r}': 'default' requires 'map'.`,o);if(l&&typeof i.prefix!="string")return ae(`Attribute '${r}': 'prefix' must be a string.`,o);if(c){let u=Fr(i.format,`Attribute '${r}'`,o);if(u)return u}continue}return ae(`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(E(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=sn(e.action,Ge(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 ae("'children' must be an array.",t);for(let r=0;r<e.children.length;r++){let i=pt(e.children[r],Ge(t,`children.${r}`),n+1);if(i)return i}}return}return ae("Unknown template node form (expected text, bind, tag, each, or when).",t)}}function $e(e){let t=pt(e,"",0);return t?{ok:!1,error:t}:{ok:!0,template:e}}function Do(e,t,n){let r=i=>{if(E(i)){E(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),E(t)&&n(t)}function Rt(e,t){let n=new Set;return Do(e,t,r=>{typeof r.ref=="string"&&n.add(r.ref)}),[...n]}function an(e,t){return e===""?t:`${e}.${t}`}function Ye(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 d=t[o];if(d===void 0)return;if(r.index)return d.index;i=d.scope}for(let o of r.segments)if(Array.isArray(i)){let d=Number(o);i=Number.isInteger(d)?i[d]:void 0}else if(E(i))i=i[o];else return;return i}function Ao(e){if(typeof e=="string")return e;if(typeof e=="number"&&Number.isFinite(e))return String(e)}var Br=5e4;function Oo(e,t,n,r,i){let o="ref"in e&&typeof e.ref=="string"?i.actions?.(e.ref):"definition"in e&&E(e.definition)?e.definition:void 0;if(o===void 0||o.kind!=="prompt"&&o.kind!=="http"){let a={id:t,disabled:"unresolved"};return i.kind!==void 0&&(a.widget=i.kind),a}if(o.kind==="prompt"){let a="",l=Array.isArray(o.text)?o.text:[];for(let u of l)if(typeof u=="string"?a+=u:E(u)&&typeof u.bind=="string"&&(a+=se(Ye(u.bind,n,r))),a.length>=2e3)break;let c={id:t,kind:"prompt",text:Array.from(a).slice(0,2e3).join("")};return i.kind!==void 0&&(c.widget=i.kind),c}let d={};if(E(e.input))for(let[a,l]of Object.entries(e.input)){let c;typeof l=="string"?c=Ye(l,n,r):E(l)&&"const"in l&&(c=l.const),c!==void 0&&(d[a]=c)}let f={id:t,kind:"http",args:d};return i.httpDisabled!==void 0&&(f.disabled=i.httpDisabled),i.kind!==void 0&&(f.widget=i.kind),f}function Lt(e,t,n,r,i,o){if(r.remaining<=0)return r.truncated=!0,[];if(typeof e=="string")return r.remaining--,[e];if(!E(e))return[];if(typeof e.bind=="string"){r.remaining--;let d=Ye(e.bind,t,n);if(E(e.map)){let f=se(d),a=Object.prototype.hasOwnProperty.call(e.map,f)?e.map[f]:void 0;return[typeof a=="string"?a:typeof e.default=="string"?e.default:""]}return[Xt(d,e.format)]}if(typeof e.each=="string"){let d=Ye(e.each,t,n),f=Array.isArray(d)?d:[];if(f.length===0)return e.empty===void 0?[]:Lt(e.empty,t,n,r,an(i,"empty"),o);let a=[],l=an(i,"template"),c=typeof e.key=="string"?e.key:void 0;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});let w=Lt(e.template,t,n,r,l,o),y=w.length===1?w[0]:void 0;if(c!==void 0&&y!==void 0&&typeof y!="string"){let g=Ao(Ye(c,t,n));g!==void 0&&(w[0]={...y,key:g})}a.push(...w),t.pop()}return a}if(typeof e.when=="string"){let d=!!Ye(e.when,t,n),f=d?e.template:e.else;return f===void 0?[]:Lt(f,t,n,r,an(i,d?"template":"else"),o)}if(typeof e.tag=="string"&&e.tag.length>0){if(en.has(e.tag.toLowerCase()))return[];r.remaining--;let d={};if(E(e.attrs))for(let[l,c]of Object.entries(e.attrs)){if(Qt.test(l)||tn.test(l))continue;let u;if(typeof c=="string")u=c;else if(E(c)&&typeof c.bind=="string"){let y=Ye(c.bind,t,n);if(E(c.map)){let g=se(y),h=Object.prototype.hasOwnProperty.call(c.map,g)?c.map[g]:void 0;u=typeof h=="string"?h:typeof c.default=="string"?c.default:""}else if(typeof c.prefix=="string"){let g=se(y);u=g===""?"":c.prefix+g}else c.format!==void 0?u=Xt(y,c.format):u=se(y)}if(u===void 0)continue;let w=l.toLowerCase();if(Hr.has(w)){let y=w==="src"&&e.tag.toLowerCase()==="img";if(!(Nn(u)||y&&Me(u)))continue}d[l]=u}E(e.action)&&(d["data-wg-action"]=JSON.stringify(Oo(e.action,i,t,n,o)));let f=Array.isArray(e.children)?e.children.flatMap((l,c)=>Lt(l,t,n,r,an(i,`children.${c}`),o)):[],a={tag:e.tag};return Object.keys(d).length>0&&(a.attrs=d),f.length>0&&(a.children=f),[a]}return[]}function dn(e,t={}){let n=t.maxNodes??Br,r=t;return i=>{let o={remaining:n,truncated:!1},d=[{scope:i.data}],f=Lt(e,d,i.meta,o,"",r);if(!o.truncated&&f.length===1){let l=f[0];if(l!==void 0)return l}let a={class:"wg-template"};return o.truncated&&(a["data-truncated"]="true"),{tag:"div",attrs:a,children:f}}}function je(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(je(r,t));return n}function cn(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 No(e,t,n),n;let r=n.ownerDocument;if(!r||!n.parentNode)return n;let i=je(t,r);return n.parentNode.replaceChild(i,n),i}function No(e,t,n){let r=e.attrs??{},i=t.attrs??{};for(let[o,d]of Object.entries(i))r[o]!==d&&n.setAttribute(o,d);for(let o of Object.keys(r))o in i||n.removeAttribute(o);Lo(e.children??[],t.children??[],n)}function Vr(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 Ro(e,t,n,r,i){let o=i.ownerDocument,d=new Set,f=t.map(a=>{let l=a.key===void 0?void 0:n.get(a.key),c=l===void 0?void 0:e[l],u=l===void 0?void 0:r[l];return l===void 0||c===void 0||u===void 0?je(a,o):(d.add(l),cn(c,a,u))});r.forEach((a,l)=>{!d.has(l)&&a.parentNode===i&&i.removeChild(a)}),f.forEach((a,l)=>{let c=i.childNodes[l]??null;a!==c&&i.insertBefore(a,c)})}function Lo(e,t,n){let r=n.ownerDocument,i=[];for(let f=0;f<n.childNodes.length;f++){let a=n.childNodes[f];a&&i.push(a)}let o=Vr(e);if(o!==void 0&&Vr(t)!==void 0){let f=t.filter(a=>typeof a!="string");Ro(e,f,o,i,n);return}let d=Math.min(e.length,t.length);for(let f=0;f<d;f++){let a=e[f],l=t[f],c=i[f];a===void 0||l===void 0||(c?cn(a,l,c):n.appendChild(je(l,r)))}for(let f=d;f<t.length;f++){let a=t[f];a!==void 0&&n.appendChild(je(a,r))}for(let f=e.length-1;f>=d;f--){let a=i[f];a&&n.removeChild(a)}}function Kn(e,t,n={}){let r=n.catalog??Ae(),i,o,d=!1,f,a=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 c(y){let h=y.target?.closest?.("[data-wg-action]");if(!h||!t.contains(h))return;if(y.type==="keydown"){let N=y.key;if(N!=="Enter"&&N!==" "||h.tagName==="BUTTON"||h.tagName==="A")return}if(y.preventDefault(),a===void 0)return;let k=l(h);k!==void 0&&a(k,f)}t.addEventListener("click",c),t.addEventListener("keydown",c);function u(y){if(d)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 h=je(g.node,t.ownerDocument);t.replaceChildren(h),o=h}else o=cn(i,g.node,o);return i=g.node,f=y,{ok:!0}}function w(){d||(d=!0,t.removeEventListener("click",c),t.removeEventListener("keydown",c),t.replaceChildren(),i=void 0,o=void 0,f=void 0)}return{initial:u(e),update:u,node:()=>i,dispose:w}}var qn=["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"],zr={font:"system-ui, sans-serif","font-mono":"ui-monospace, monospace","font-size":"13px","font-size-sm":"12px","font-size-xs":"11px"},Kr={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",...zr,"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",...zr,"radius-sm":"4px",radius:"6px","radius-lg":"8px",gap:"16px",shadow:"0 8px 24px -12px rgba(0, 0, 0, 0.7)"}};function Jn(e,t,n){return qn.map(r=>`${n}${t}-${r}: ${e[r]};`).join(`
|
|
213
|
+
`)}function Jr(e,t={}){let n=t.prefix??"--wgd",r=t.selector??":root",i=t.darkMediaSelector??r,o=[`${r} {
|
|
214
|
+
${Jn(e.light,n," ")}
|
|
214
215
|
}`,`@media (prefers-color-scheme: dark) {
|
|
215
216
|
${i} {
|
|
216
|
-
${
|
|
217
|
+
${Jn(e.dark,n," ")}
|
|
217
218
|
}
|
|
218
219
|
}`];return t.darkSelector!==void 0&&o.push(`${t.darkSelector} {
|
|
219
|
-
${
|
|
220
|
+
${Jn(e.dark,n," ")}
|
|
220
221
|
}`),o.join(`
|
|
221
|
-
`)}function
|
|
222
|
+
`)}function he(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 Ie(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 ft(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 Q(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 ge(e,t,n,r,i){let o=s("select",{class:n,...i===void 0?{}:{title:i}});for(let d of e)o.append(s("option",{value:d.value},[d.label??d.value]));return o.value=t,Ee(o),o.addEventListener("change",()=>r(o.value)),o}function Ee(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 Gn(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]),d=s("div",{class:"wgd-menu"});d.hidden=!0;let f=()=>{d.hidden=!0,document.removeEventListener("pointerdown",a,!0),document.removeEventListener("keydown",l,!0)},a=c=>{i.contains(c.target)||f()},l=c=>{c.key==="Escape"&&f()};o.addEventListener("click",()=>{if(!d.hidden){f();return}d.hidden=!1,document.addEventListener("pointerdown",a,!0),document.addEventListener("keydown",l,!0)});for(let c of n){let u=s("button",{class:"wgd-menu-item",type:"button"},[c]);u.addEventListener("click",()=>{f(),r(c)}),d.append(u)}return i.append(o,d),i}function z(e){let t=s("div",{class:"wgd-diagnostic"},e===void 0?[]:[e]);return e===void 0&&t.setAttribute("hidden",""),t}var Co=new Set(qn),$o=/^(inherit|initial|unset|revert|revert-layer)$/i;function Se(e,t){if(t!==void 0)for(let[n,r]of Object.entries(t))Co.has(n)&&(typeof r!="string"||$o.test(r.trim())||e.style.setProperty(`--wgd-${n}`,r))}function Gr(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 qr="data-widgentic-designer";function Te(e){if(e.head.querySelector(`style[${qr}]`))return;let t=e.createElement("style");t.setAttribute(qr,"chrome"),t.textContent=`
|
|
222
223
|
/* Chrome tokens (CHROME_TOKENS), generated from CHROME_DEFAULTS so the
|
|
223
224
|
exported palette IS the applied one. A host overrides any of them through
|
|
224
225
|
options.chrome (inline on the root, which outranks these rules). Widget
|
|
225
226
|
content inside the preview keeps its own --wg-* theme tokens. */
|
|
226
|
-
${
|
|
227
|
+
${Jr(Kr,{selector:".wgd-root",darkMediaSelector:'.wgd-root:not([data-wgd-theme="light"])',darkSelector:'.wgd-root[data-wgd-theme="dark"]'})}
|
|
227
228
|
.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
229
|
/* Any chrome class that sets display would silently defeat the hidden
|
|
229
230
|
attribute (learned live twice: the add menu, then the styles tree as a
|
|
@@ -408,7 +409,7 @@ ${lr(cr,{selector:".wgd-root",darkMediaSelector:'.wgd-root:not([data-wgd-theme="
|
|
|
408
409
|
panel (fitSelect), so carets hug the text \u2014 no flex stretching here. */
|
|
409
410
|
.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
411
|
.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); }
|
|
412
|
+
.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
413
|
.wgd-node .wgd-select { box-sizing: border-box; }
|
|
413
414
|
/* Theme panel: swatch beside each color token. */
|
|
414
415
|
/* Syntax coloring: <pre> layer behind a transparent-text textarea. Every
|
|
@@ -443,13 +444,15 @@ textarea.wgd-hl-input {
|
|
|
443
444
|
.wgd-token-ref-name { font-family: var(--wgd-font-mono); color: var(--wgd-accent); }
|
|
444
445
|
.wgd-token-ref-value { color: var(--wgd-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
445
446
|
.wgd-token-ref-details summary { cursor: pointer; }
|
|
446
|
-
`,e.head.appendChild(t)}function
|
|
447
|
-
`)),e.replaceChildren(...n)}function
|
|
447
|
+
`,e.head.appendChild(t)}function Xe(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,d)=>{o.element.hidden=d!==r,t[d]?.classList.toggle("wgd-tab-active",d===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 oe(e){return JSON.parse(JSON.stringify(e))}function le(e){return e instanceof Error?e.message:String(e)}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 E(r)?r:void 0}var jo=new Set(Ae().kinds());function Yn(e){if(!be.test(e))return`INVALID_IDENTIFIER \u2014 '${e}' may use letters, digits, '.', '_' or '-' only.`;if(jo.has(e))return`RESERVED_KIND \u2014 '${e}' is a built-in kind; give the widget its own kind.`}function Ct(e){if(!E(e))return[];let t=[];for(let[n,r]of Object.entries(e)){if(zt({[n]:{color:"red"}})===""){t.push({selector:n,message:`Selector would be skipped. ${it.selectors} ${it.banned}`});continue}if(!E(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"||zt({".wg-probe":{[i]:o}})==="")&&t.push({selector:n,property:i,message:rt.test(i)?typeof o!="string"?"Value would be skipped: it must be a string.":`Value would be skipped. ${it.banned}`:`Property would be skipped. ${it.propertyNames}`})}return t}function ln(e,t={}){let n={styles:[],previewable:!1};if(typeof e.kind!="string"||e.kind.trim().length===0)n.kind="Kind must be a non-empty id.";else{let a=Yn(e.kind);a!==void 0&&(n.kind=a)}let r=e.descriptor?.dataShape;(typeof r!="string"||r.trim()==="")&&(n.dataShape="Data shape is empty \u2014 agents listing this widget will see a placeholder instead of the data it expects.");let i=e.descriptor?.dataSchema;if(E(i)){let a=He(i,"dataSchema");a.length>0&&(n.dataSchema=a)}let o=$e(e.template);if(!o.ok){let a={code:o.error.code,message:o.error.message},l=o.error.path;typeof l=="string"&&(a.path=l),n.template=a}let d=e.descriptor?.dataSchemaRef;typeof d=="string"&&(e.descriptor?.dataSchema!==void 0?n.schemaRef="A descriptor carries 'dataSchema' OR 'dataSchemaRef', never both.":t.schemas!==void 0&&t.schemas.every(a=>a.name!==d)&&(n.schemaRef=`References unknown schema '${d}' \u2014 it is not among the supplied shared schemas.`));let f=_e(e,t.schemas??[]);if(E(f)){if(e.descriptor.dataExample!==void 0){let a=Ce(f,e.descriptor.dataExample);a&&(n.example=a)}if(e.sampleData!==void 0){let a=Ce(f,e.sampleData);a&&(n.sample=a)}}if(n.styles=Ct(e.descriptor?.styles),e.load!==void 0){let a=At(e.load,"load",{isPath:l=>xe(l)!==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)),l=Rt(e.template,e.load).filter(c=>!a.has(c));l.length>0&&(n.actionRefs=`References unknown shared action${l.length===1?"":"s"} ${l.map(c=>`'${c}'`).join(", ")} \u2014 bound elements will render disabled.`)}if(e.theme!==void 0){let a=Oe(e.theme);a.ok||(n.theme=a.error)}return n.previewable=n.kind===void 0&&n.template===void 0,n}var Xn=/("(?:[^"\\]|\\.)*")(\s*:)?|(-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)|\b(true|false|null)\b|([{}[\],:])/g;function Io(e){let t=[],n=0,r;for(Xn.lastIndex=0;(r=Xn.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=Xn.lastIndex;return n<e.length&&t.push({cls:"",text:e.slice(n)}),t}function Yr(e,t){let n=[];for(let r of Io(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(`
|
|
448
|
+
`)),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=()=>{Yr(r,e.value),r.scrollTop=e.scrollTop,r.scrollLeft=e.scrollLeft},o=()=>{r.scrollTop=e.scrollTop,r.scrollLeft=e.scrollLeft},d=f=>{if(f.key!=="Tab"||f.shiftKey||e.readOnly)return;f.preventDefault();let{selectionStart:a,selectionEnd:l,value:c}=e;e.value=`${c.slice(0,a)} ${c.slice(l)}`,e.selectionStart=e.selectionEnd=a+2,e.dispatchEvent(new Event("input",{bubbles:!0}))};return e.addEventListener("input",i),e.addEventListener("scroll",o),e.addEventListener("keydown",d),i(),()=>{e.removeEventListener("input",i),e.removeEventListener("scroll",o),e.removeEventListener("keydown",d),e.classList.remove("wgd-hl-input"),n.replaceWith(e)}}function pe(e){let t=e.parentElement?.querySelector(".wgd-hl");t instanceof HTMLElement&&Yr(t,e.value)}function un(e,t){let n=[];if(!E(e))return["Definition must be an object."];if(typeof e.kind!="string"||e.kind.trim()==="")n.push("'kind' must be a non-empty string.");else if(e.kind!==t){let i=Yn(e.kind);i!==void 0&&n.push(`kind: ${i}`)}let r=$e(e.template);if(r.ok||n.push(`template: ${r.error.code} \u2014 ${r.error.message}`),!E(e.descriptor))n.push("'descriptor' must be an object.");else if(typeof e.descriptor.description!="string")n.push("'descriptor.description' must be a string.");else{let{dataSchema:i,dataSchemaRef:o}=e.descriptor;i!==void 0&&o!==void 0?n.push("descriptor: INVALID_SHAPE \u2014 carries 'dataSchema' and 'dataSchemaRef'; keep one."):i!==void 0&&!E(i)?n.push("descriptor: INVALID_SHAPE \u2014 'dataSchema' must be a schema object."):o!==void 0&&(typeof o!="string"||!be.test(o))&&n.push("descriptor: INVALID_SHAPE \u2014 'dataSchemaRef' must be a valid schema name: letters, digits, '.', '_' or '-'.")}if(e.load!==void 0){let i=At(e.load,"load",{isPath:o=>xe(o)!==void 0});i&&n.push(`load: ${i.message} (at ${i.path})`)}return n}function _o(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 Po(e,t){let n;try{n=JSON.parse(e)}catch(i){return{ok:!1,errors:[`Invalid JSON: ${le(i)}`]}}let r=un(n,t);return r.length>0?{ok:!1,errors:r}:{ok:!0,definition:n}}function Zn(e,t){let{theme:n,themeStyles:r,previewTheme:i}=e.get();e.replace({kind:t.kind,template:t.template,descriptor:t.descriptor,...t.load!==void 0?{load:t.load}:{},...n!==void 0?{theme:n}:{},...r!==void 0?{themeStyles:r}:{},...i!==void 0?{previewTheme:i}:{}})}function Wo(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 Mo(e){return`import type { CustomWidget } from "./index.js";
|
|
448
449
|
|
|
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
|
-
`)
|
|
453
|
-
`)}
|
|
454
|
-
`)});let
|
|
450
|
+
export const ${Wo(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)};
|
|
451
|
+
`}function Xr(e){let t=s("textarea",{class:"wgd-textarea",rows:"8",readonly:"",spellcheck:"false"});function n(c,u){let w=s("button",{class:"wgd-button wgd-add",type:"button"},[c]);return w.addEventListener("click",()=>{t.value=u(),pe(t)}),w}let r=z(void 0),i=ft("Import widget JSON","",()=>{},5),o=he(i,"textarea");ue(o);let d=s("button",{class:"wgd-button",type:"button"},["Import"]);d.addEventListener("click",()=>{let c=Po(o.value,e.get().kind);if(!c.ok){r.hidden=!1,r.textContent=c.errors.join(`
|
|
452
|
+
`);return}r.hidden=!0,r.textContent="",Zn(e,c.definition)});let f=Q("Import",[i,r,s("div",{class:"wgd-row"},[d])]),a=Q("Export",[s("div",{class:"wgd-row"},[n("Export widget entry",()=>_o(e.get())),n("Copy as TypeScript",()=>Mo(e.get()))]),t]);a.classList.add("wgd-view-only");let l=s("div",{class:"wgd-io"},[f,a]);return ue(t),{element:l,dispose:()=>l.remove()}}var Ho=["string","number","boolean","null","object","array"];function Qn(e){return e===null?"null":Array.isArray(e)?"array":typeof e}function Fo(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 Ne(e,t,n,r=!1){if(t.length===0)return n;let[i,...o]=t;if(Array.isArray(e)){let d=[...e];return o.length===0&&r?d.splice(i,1):d[i]=Ne(d[i],o,n,r),d}if(typeof e=="object"&&e!==null){let d={...e};return o.length===0&&r?delete d[i]:d[i]=Ne(d[i],o,n,r),d}return e}function Uo(e,t,n,r){let i=t.reduce((d,f)=>typeof d=="object"&&d!==null?d[f]:void 0,e);if(typeof i!="object"||i===null||Array.isArray(i))return e;let o=Object.entries(i).map(([d,f])=>d===n?[r,f]:[d,f]);return Ne(e,t,Object.fromEntries(o))}function Zr(e,t){let n=e,r=s("div",{class:"wgd-jsontree"});function i(u){n=u,c(),t(n)}function o(u,w,y){let g=w==="number"?Number.isFinite(Number(y))?Number(y):0:y;n=Ne(n,u,g),t(n)}function d(u,w){let y=s("select",{class:"wgd-select wgd-jt-type"});for(let g of Ho)y.append(s("option",{value:g},[g]));return y.value=Qn(u),y.addEventListener("change",()=>i(Ne(n,w,Fo(y.value,u)))),y}function f(u,w){let y=Qn(u);if(y==="boolean"){let g=s("input",{type:"checkbox"});return g.checked=u,g.addEventListener("change",()=>i(Ne(n,w,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(u),g.addEventListener("change",()=>o(w,y,g.value)),g}return s("span")}function a(u,w,y,g){let h=s("div",{class:"wgd-jt-row"},[u,d(w,y)]),k=Qn(w);if(k!=="object"&&k!=="array"&&h.append(f(w,y)),g){let b=s("button",{class:"wgd-icon",type:"button",title:"Remove"},["\u2715"]);b.addEventListener("click",()=>i(Ne(n,y,void 0,!0))),h.append(b)}let N=s("div",{class:"wgd-jt-entry"},[h]);return(k==="object"||k==="array")&&N.append(l(w,y)),N}function l(u,w){let y=s("div",{class:"wgd-jt-children"});if(Array.isArray(u)){u.forEach((k,N)=>{y.append(a(s("span",{class:"wgd-jt-key"},[String(N)]),k,[...w,N],!0))});let h=s("button",{class:"wgd-button wgd-add",type:"button"},["+ item"]);h.addEventListener("click",()=>i(Ne(n,[...w,u.length],""))),y.append(s("div",{class:"wgd-toolbar"},[h]))}else if(typeof u=="object"&&u!==null){for(let[k,N]of Object.entries(u)){let b=s("input",{type:"text",class:"wgd-input wgd-jt-keyinput"});b.value=k,b.addEventListener("change",()=>i(Uo(n,w,k,b.value))),y.append(a(b,N,[...w,k],!0))}let h=s("button",{class:"wgd-button wgd-add",type:"button"},["+ property"]);h.addEventListener("click",()=>{let k=u,N="key";for(let b=1;N in k;b++)N=`key${b}`;i(Ne(n,[...w,N],""))}),y.append(s("div",{class:"wgd-toolbar"},[h]))}return s("details",{class:"wgd-jt-branch",open:""},[s("summary",{class:"wgd-jt-summary"},[Array.isArray(u)?`[ ${u.length} item${u.length===1?"":"s"} ]`:`{ ${Object.keys(u).length} propert${Object.keys(u).length===1?"y":"ies"} }`]),y])}function c(){r.replaceChildren(a(s("span",{class:"wgd-jt-key"},["value"]),n,[],!1))}return c(),{element:r,getValue:()=>n,setValue(u){r.contains(document.activeElement)||(n=u,c())}}}var Qr=["object","array","string","number","integer","boolean","null","any"],ei=new Set(["string","number","integer","any"]);function gt(e,t){let n=e,r=s("div",{class:"wgd-schemabuilder"});function i(a,l=!0){n=a,t(n),l&&f()}function o(a,l,c){let u={...a};return c===void 0?delete u[l]:u[l]=c,u}function d(a,l,c,u=[],w=[]){let y=[],g=s("select",{class:"wgd-select wgd-sb-type"});for(let D of Qr)g.append(s("option",{value:D},[D]));let h=a.type,k=Array.isArray(h)?h.filter(D=>typeof D=="string"):void 0,N=k?.includes("null")??!1,b=typeof h=="string"?h:k?.find(D=>D!=="null")??(N?"null":"any");g.value=Qr.some(D=>D===b)?b:"any",Ee(g);let A=s("input",{type:"checkbox",title:"Also allows null"});A.checked=N,A.disabled=g.value==="any"||g.value==="null";function R(D,L){if(D!=="any")return L&&D!=="null"?[D,"null"]:D}A.addEventListener("change",()=>{l(o(a,"type",R(g.value,A.checked)))}),g.addEventListener("change",()=>{let D=o(a,"type",R(g.value,A.checked));g.value!=="object"&&(D=o(o(D,"properties",void 0),"required",void 0)),g.value!=="array"&&(D=o(D,"items",void 0)),g.value!=="string"&&(D=o(D,"pattern",void 0)),ei.has(g.value)||(D=o(D,"enum",void 0)),l(D)}),y.push(s("div",{class:"wgd-sb-row"},[...u,g,s("label",{class:"wgd-sb-req wgd-sb-null",title:"Also allows null"},[A,"null"]),...w]));let F=[];if(g.value==="string"){let D=s("input",{type:"text",class:"wgd-input wgd-sb-constraint",placeholder:"pattern (regex, optional)"});D.value=typeof a.pattern=="string"?a.pattern:"",D.addEventListener("change",()=>l(o(a,"pattern",D.value===""?void 0:D.value))),F.push(s("span",{class:"wgd-sb-label"},["pattern"]),D)}let V=z(void 0);if(ei.has(g.value)){let D=s("input",{type:"text",class:"wgd-input wgd-sb-constraint",placeholder:'enum ["a","b"] (optional)'});D.value=Array.isArray(a.enum)?JSON.stringify(a.enum):"",D.addEventListener("change",()=>{if(D.value.trim()===""){V.hidden=!0,l(o(a,"enum",void 0));return}try{let L=JSON.parse(D.value);if(!Array.isArray(L))throw new Error("must be a JSON array");V.hidden=!0,l(o(a,"enum",L))}catch(L){V.hidden=!1,V.textContent=`enum ignored: ${le(L)}`}}),F.push(s("span",{class:"wgd-sb-label"},["enum"]),D)}if(F.length>0&&y.push(s("div",{class:"wgd-sb-row wgd-sb-constraints"},F),V),g.value==="object"){let D=E(a.properties)?a.properties:{},L=Array.isArray(a.required)?a.required.filter(j=>typeof j=="string"):[],W=s("div",{class:"wgd-jt-children"});for(let[j,B]of Object.entries(D)){let te=s("input",{type:"text",class:"wgd-input wgd-sb-prop",placeholder:"property name"});te.value=j,te.addEventListener("change",()=>{let O=Object.entries(D).map(([_,H])=>_===j?[te.value,H]:[_,H]),$=L.map(_=>_===j?te.value:_);l(o(o(a,"properties",Object.fromEntries(O)),"required",$.length>0?$:void 0))});let x=s("input",{type:"checkbox",title:"required"});x.checked=L.includes(j),x.addEventListener("change",()=>{let O=x.checked?[...L,j]:L.filter($=>$!==j);l(o(a,"required",O.length>0?O:void 0))});let v=s("button",{class:"wgd-icon",type:"button",title:"Remove property"},["\u2715"]);v.addEventListener("click",()=>{let{[j]:O,...$}=D;l(o(o(a,"properties",Object.keys($).length>0?$:void 0),"required",L.filter(_=>_!==j).length>0?L.filter(_=>_!==j):void 0))}),W.append(d(E(B)?B:{},O=>l(o(a,"properties",{...D,[j]:O})),c+1,[te],[s("label",{class:"wgd-sb-req",title:"required"},[x,"req"]),v]))}let M=s("button",{class:"wgd-button wgd-add",type:"button"},["+ property"]);M.addEventListener("click",()=>{let j="field";for(let B=1;j in D;B++)j=`field${B}`;l(o(a,"properties",{...D,[j]:{type:"string"}}))}),W.append(s("div",{class:"wgd-toolbar"},[M])),y.push(W)}return g.value==="array"&&y.push(s("div",{class:"wgd-slot"},[d(E(a.items)?a.items:{},D=>l(o(a,"items",D)),c+1,[s("span",{class:"wgd-sb-label"},["items"])])])),s("div",{class:c===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 a=s("button",{class:"wgd-button wgd-add wgd-remove",type:"button"},["remove schema"]);a.addEventListener("click",()=>i(void 0)),r.replaceChildren(d(n,l=>i(l),0),s("div",{class:"wgd-toolbar"},[a]))}return f(),{element:r,getValue:()=>n,setValue(a){r.contains(document.activeElement)||(n=a,f())}}}function $t(e,t,n){let r=e,i=s("div",{class:"wgd-record"});function o(a){r=Object.keys(a).length>0?a:void 0,n(r),f()}function d(a,l,c,u){let w=s("input",{type:"text",class:c,placeholder:l,spellcheck:"false"});return w.value=a,w.addEventListener("change",()=>u(w.value)),w}function f(){let a=r??{},l=Object.entries(a).map(([u,w])=>{let y=d(u,t.key,"wgd-input wgd-rec-key",k=>{let N=Object.entries(a).map(([b,A])=>b===u?[k,A]:[b,A]);o(Object.fromEntries(N))}),g=d(w,t.value,"wgd-input wgd-rec-value",k=>o({...a,[u]:k})),h=s("button",{class:"wgd-icon",type:"button",title:"Remove entry"},["\u2715"]);return h.addEventListener("click",()=>{let{[u]:k,...N}=a;o(N)}),s("div",{class:"wgd-rec-row"},[y,s("span",{class:"wgd-st-colon"},[":"]),g,h])}),c=s("button",{class:"wgd-button wgd-add wgd-st-add",type:"button"},[t.add]);c.addEventListener("click",()=>{let u="";for(let w=1;u in a;w++)u=`key${w}`;o({...a,[u]:""})}),i.replaceChildren(...l,s("div",{class:"wgd-toolbar"},[c]))}return f(),{element:i,getValue:()=>r,setValue(a){i.contains(document.activeElement)||(r=a,f())}}}function ti(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 jt(e){if(Array.isArray(e.enum)&&e.enum.length>0)return e.enum[0];switch(ti(e)){case"object":{let t={};if(E(e.properties)&&Array.isArray(e.required))for(let n of e.required)typeof n=="string"&&E(e.properties[n])&&(t[n]=jt(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 pn(e,t,n){let r=t??jt(e),i=s("div",{class:"wgd-schemaform"});function o(c,u,w,y=!1){if(u.length===0)return w;let[g,...h]=u;if(Array.isArray(c)){let N=[...c];return h.length===0&&y?N.splice(g,1):N[g]=o(N[g],h,w,y),N}let k=E(c)?{...c}:{};return h.length===0&&y?delete k[g]:k[g]=o(k[g],h,w,y),k}function d(c,u,w=!1){r=o(r,c,u),n(r),w&&l()}function f(c,u,w,y){if(Array.isArray(c.enum)){let g=s("select",{class:"wgd-select"});for(let h of c.enum)g.append(s("option",{value:JSON.stringify(h)},[JSON.stringify(h)]));return g.value=JSON.stringify(u??c.enum[0]),g.addEventListener("change",()=>d(w,JSON.parse(g.value))),a(y,g)}switch(ti(c)){case"boolean":{let g=s("input",{type:"checkbox"});return g.checked=u===!0,g.addEventListener("change",()=>d(w,g.checked)),a(y,g)}case"number":case"integer":{let g=s("input",{type:"number",class:"wgd-input"});return g.value=typeof u=="number"?String(u):"0",g.addEventListener("change",()=>{let h=Number(g.value);d(w,Number.isFinite(h)?h:0)}),a(y,g)}case"object":{let g=s("div",{class:"wgd-jt-children"}),h=E(c.properties)?c.properties:{},k=Array.isArray(c.required)?c.required:[],N=E(u)?u:{};for(let[b,A]of Object.entries(h)){if(!E(A))continue;let R=k.includes(b);g.append(f(A,N[b]??(R?jt(A):void 0),[...w,b],R?`${b} *`:b))}return s("fieldset",{class:"wgd-sf-object"},[s("legend",{class:"wgd-field-label"},[y]),g])}case"array":{let g=E(c.items)?c.items:{},h=Array.isArray(u)?u:[],k=s("div",{class:"wgd-jt-children"});h.forEach((b,A)=>{let R=s("div",{class:"wgd-jt-entry"},[f(g,b,[...w,A],`#${A}`)]),F=s("button",{class:"wgd-icon",type:"button",title:"Remove item"},["\u2715"]);F.addEventListener("click",()=>{r=o(r,[...w,A],void 0,!0),n(r),l()}),R.append(F),k.append(R)});let N=s("button",{class:"wgd-button wgd-add",type:"button"},["+ item"]);return N.addEventListener("click",()=>d([...w,h.length],jt(g),!0)),k.append(s("div",{class:"wgd-toolbar"},[N])),s("fieldset",{class:"wgd-sf-object"},[s("legend",{class:"wgd-field-label"},[y]),k])}default:{let g=s("input",{type:"text",class:"wgd-input"});return typeof c.pattern=="string"&&(g.setAttribute("placeholder",`pattern: ${c.pattern}`),g.setAttribute("title",`Must match ${c.pattern}`)),g.value=typeof u=="string"?u:u===void 0?"":String(u),g.addEventListener("change",()=>d(w,g.value)),a(y,g)}}}function a(c,u){return s("label",{class:"wgd-field"},[s("span",{class:"wgd-field-label"},[c]),u])}function l(){i.replaceChildren(f(e,r,[],"data"))}return l(),{element:i,getValue:()=>r,setValue(c){i.contains(document.activeElement)||(r=c??jt(e),l())}}}function ni(e,t){let n=e,r=s("div",{class:"wgd-styles"});function i(a){n=Object.keys(a).length>0?a:void 0,t(n),f()}function o(a,l,c,u){let w=s("input",{type:"text",class:c,placeholder:l,spellcheck:"false"});return w.value=a,w.addEventListener("change",()=>u(w.value)),w}function d(a,l,c){let u=o(a,".wg-selector","wgd-input wgd-st-selector",h=>{let k=Object.entries(c).map(([N,b])=>N===a?[h,b]:[N,b]);i(Object.fromEntries(k))}),w=s("button",{class:"wgd-icon",type:"button",title:"Add declaration"},["+"]);w.addEventListener("click",()=>{i({...c,[a]:{...l,"":""}})});let y=s("button",{class:"wgd-icon",type:"button",title:"Remove selector"},["\u2715"]);y.addEventListener("click",()=>{let{[a]:h,...k}=c;i(k)});let g=Object.entries(l).map(([h,k])=>{let N=o(h,"property","wgd-input wgd-st-prop",R=>{let F=Object.entries(l).map(([V,D])=>V===h?[R,D]:[V,D]);i({...c,[a]:Object.fromEntries(F)})}),b=o(k,"value (no url(...), no ;)","wgd-input wgd-st-value",R=>{i({...c,[a]:{...l,[h]:R}})}),A=s("button",{class:"wgd-icon",type:"button",title:"Remove declaration"},["\u2715"]);return A.addEventListener("click",()=>{let{[h]:R,...F}=l;i({...c,[a]:F})}),s("div",{class:"wgd-st-decl"},[N,s("span",{class:"wgd-st-colon"},[":"]),b,A])});return s("div",{class:"wgd-st-rule"},[s("div",{class:"wgd-st-row"},[u,s("span",{class:"wgd-node-icons"},[w,y])]),s("div",{class:"wgd-st-decls"},g)])}function f(){let a=n??{},l=s("button",{class:"wgd-button wgd-add wgd-st-add",type:"button"},["+ selector"]);l.addEventListener("click",()=>{let c=".wg-";for(let u=1;c in a;u++)c=`.wg-${u}`;i({...a,[c]:{}})}),r.replaceChildren(...Object.entries(a).map(([c,u])=>d(c,E(u)?u:{},a)),s("div",{class:"wgd-toolbar"},[l]))}return f(),{element:r,getValue:()=>n,setValue(a){r.contains(document.activeElement)||(n=a,f())}}}function fn(e,t){let n=ni(e,l=>{d(l),t(l)}),r=z(void 0),i=ft("",e===void 0?"":JSON.stringify(e,null,2),l=>{if(l.trim()===""){r.hidden=!0,n.setValue(void 0),t(void 0);return}try{let c=JSON.parse(l);if(r.hidden=!0,r.textContent="",!Fe(c)){r.hidden=!1,r.textContent="Styles must map selectors to objects of property/value strings (the last valid value is kept).";return}let u=Object.keys(c).length>0?c:void 0;n.setValue(u),t(u)}catch(c){r.hidden=!1,r.textContent=`Invalid JSON (the last valid value is kept): ${le(c)}`}}),o=he(i,"textarea");ue(o);function d(l){document.activeElement!==o&&(o.value=l===void 0?"":JSON.stringify(l,null,2),pe(o),r.hidden=!0,r.textContent="")}let f=s("div");return{element:Q("Styles (.wg- selectors only)",[Xe([{label:"Tree",element:n.element},{label:"JSON",element:s("div",void 0,[i,r])}]),f]),setValue(l){n.setValue(l),d(l)},setIssues(l){f.replaceChildren(...l.map(c=>z(`${c.selector}${c.property?` \u2192 ${c.property}`:""}: ${c.message}`)))}}}var ri=3;function me(e){if(!E(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 gn(e,t,n,r=0){if(!(!E(e)||r>ri)&&!(me(e)!=="object"||!E(e.properties)))for(let[i,o]of Object.entries(e.properties)){let d=t===""?i:`${t}.${i}`;n.push({path:d,schema:o}),gn(o,d,n,r+1)}}function Pe(e){return E(e)&&me(e)==="array"?e.items:e}function Ze(e,t){if(t===""||t===".")return e;let n=e;for(let r of t.split(".")){if(!E(n))return;if(me(n)==="array"){if(!/^\d+$/.test(r))return;n=Pe(n);continue}if(!E(n.properties))return;n=n.properties[r]}return n}function Bo(e,t){if(e===void 0||t===void 0)return!1;let n=r=>r==="integer"?"number":r;return n(e)!==n(t)}function ii(e,t){let n=e,r=t;for(let d=0;d<ri&&!(me(n)!=="array"||me(r)!=="array");d++)n=Pe(n),r=Pe(r);let i=me(n),o=me(r);return Bo(i,o)?{source:i,target:o}:void 0}function mt(e){let t=[];return gn(e,"",t),t.map(n=>n.path)}var oi="__custom__";function si(){return{kind:"prompt",text:["Tell me more about ",{bind:"title"}]}}function di(){return{kind:"http",method:"GET",url:"https://api.example.com/resource",input:{type:"object",properties:{}},output:{type:"object"}}}function mn(e){return"ref"in e&&typeof e.ref=="string"}function Re(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 we(e){return s("span",{class:"wgd-field-label"},[e])}function It(e){let t=s("button",{class:"wgd-icon",type:"button",title:"Remove"},["\u2715"]);return t.addEventListener("click",e),t}function hn(e,t,n,r,i="wgd-input wgd-rec-value"){if(t.length===0)return Re(e,i,n,r);let o=s("select",{class:"wgd-select wgd-path"}),d=t.includes(e),f=d||e===""?t:[e,...t];o.append(s("option",{value:""},[r]));for(let l of f)o.append(s("option",{value:l},[l===e&&!d?`${l} (off-schema)`:l]));o.append(s("option",{value:oi},["custom\u2026"])),o.value=e,Ee(o);let a=Re(e,i,n,r);return a.hidden=!0,o.addEventListener("change",()=>{if(o.value===oi){a.hidden=!1,a.focus();return}a.hidden=!0,n(o.value)}),s("span",{class:"wgd-pathwrap"},[o,a])}function ai(e,t,n,r){let i=oe(e??{}),o=[],d=s("div",{class:"wgd-record wgd-headers"}),f=z(void 0);function a(w){i=w,r(Object.keys(i).length>0?i:void 0),u()}function l(w){f.hidden=!1,f.textContent=`'${w}' is already used; pick another ${n.name} name.`}function c(w,y){let g=E(w),h=ge([{value:"literal"},{value:"secret"}],g?"secret":"literal","wgd-select wgd-attr-mode",k=>y(k==="secret"?{secret:t[0]??""}:""));if(g){let k=t.includes(w.secret)?t:[w.secret,...t],N=ge(k.map(b=>({value:b,label:b===""?"(pick a secret)":b})),w.secret,"wgd-select wgd-secret",b=>y({secret:b}));return[h,N]}return[h,Re(w,"wgd-input wgd-rec-value",y,"value")]}function u(){d.replaceChildren(),f.hidden=!0;for(let[y,g]of Object.entries(i)){let h=Re(y,"wgd-input wgd-rec-key",b=>{if(b===y)return;if(b===""||Object.hasOwn(i,b)){l(b||"(empty)");return}let A=Object.entries(i).map(([R,F])=>R===y?[b,F]:[R,F]);a(Object.fromEntries(A))},n.name),k=c(g,b=>a({...i,[y]:b})),N=It(()=>{let{[y]:b,...A}=i;a(A)});d.append(s("div",{class:"wgd-rec-row"},[h,...k,N]))}o.forEach((y,g)=>{let h=Re("","wgd-input wgd-rec-key",b=>{if(b!==""){if(Object.hasOwn(i,b)){l(b);return}o.splice(g,1),a({...i,[b]:y.value})}},n.name),k=c(y.value,b=>{y.value=b,u()}),N=It(()=>{o.splice(g,1),u()});d.append(s("div",{class:"wgd-rec-row wgd-rec-pending"},[h,...k,N]))});let w=s("button",{class:"wgd-button wgd-add",type:"button"},[n.add]);w.addEventListener("click",()=>{o.push({value:""}),u()}),d.append(s("div",{class:"wgd-row"},[w]),f)}return u(),d}function Vo(e,t){let n=oe(e),r=s("div",{class:"wgd-record wgd-segments"});function i(d){n=d,t(n),o()}function o(){r.replaceChildren(),n.forEach((a,l)=>{let c=typeof a!="string",u=ge([{value:"text"},{value:"bind"}],c?"bind":"text","wgd-select wgd-attr-mode",g=>{let h=[...n];h[l]=g==="bind"?{bind:"."}:"",i(h)}),w=Re(c?a.bind:a,"wgd-input wgd-rec-value",g=>{let h=[...n];h[l]=c?{bind:g}:g,i(h)},c?"data path":"text"),y=It(()=>i(n.filter((g,h)=>h!==l)));r.append(s("div",{class:"wgd-rec-row"},[u,w,y]))});let d=s("button",{class:"wgd-button wgd-add",type:"button"},["+ text"]);d.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"},[d,f]))}return o(),r}function er(e,t,n){let r=oe(e??si()),i=s("div",{class:"wgd-action-head"}),o=s("div",{class:"wgd-action-schemas"}),d=s("div",{class:"wgd-action-maps"}),f=s("div",{class:"wgd-action-definition"},[i,o,d]);function a(){return r}function l(h,k){r=h,n(oe(r)),k==="all"?g():k==="schemas"&&w()}function c(h,k){let N=gt(a()[k],R=>{l({...a(),[k]:R??{type:"object"}},"none")}),b=[we(h),N.element],A=t.schemas??[];if(A.length>0){let R=ge([{value:"",label:"copy a shared schema into this action\u2026"},...A.map(F=>({value:F.name}))],"","wgd-select",F=>{let V=A.find(D=>D.name===F);V&&l({...a(),[k]:oe(V.schema)},"schemas")});b.push(s("div",{class:"wgd-row"},[R,we("(a copy \u2014 later edits to the shared schema do not follow)")]))}return s("div",{class:"wgd-action-schema"},b)}function u(){i.replaceChildren();let h=ge([{value:"prompt",label:"prompt \u2014 propose a message"},{value:"http",label:"http \u2014 call an API"}],r.kind,"wgd-select wgd-action-kind",b=>l(b==="http"?di():si(),"all"));if(r.kind==="prompt"){i.append(s("div",{class:"wgd-row"},[we("Kind"),h]),we("Message (literals and bound values; the user reviews and sends it)"),Vo(r.text,b=>l({kind:"prompt",text:b},"none")));return}let k=ge(Tt.map(b=>({value:b})),r.method,"wgd-select",b=>l({...a(),method:b},"none")),N=Re(r.url,"wgd-input wgd-action-url",b=>l({...a(),url:b},"none"),"https://\u2026");i.append(s("div",{class:"wgd-row"},[we("Kind"),h,we("Method"),k]),s("label",{class:"wgd-field"},[we("URL (https, fixed)"),N]))}function w(){o.replaceChildren(),r.kind==="http"&&o.append(c("Input schema (arguments; GET \u2192 query, POST \u2192 JSON body)","input"),c("Output schema (the response must satisfy it)","output"))}function y(){if(d.replaceChildren(),r.kind!=="http")return;let h=t.secretNames??[];d.append(we("Headers"),ai(r.headers,h,{add:"+ header",name:"header"},k=>{let{headers:N,...b}=a();l(k===void 0?b:{...b,headers:k},"none")}),we("Fixed query parameters"),ai(r.query,h,{add:"+ parameter",name:"parameter"},k=>{let{query:N,...b}=a();l(k===void 0?b:{...b,query:k},"none")}))}function g(){u(),w(),y()}return g(),{element:f,getValue:()=>oe(r),setValue(h){r=oe(h),g()}}}function wn(e,t,n){let r=e===void 0?void 0:oe(e),i=s("div",{class:"wgd-binding-head"}),o=s("div",{class:"wgd-binding-input"}),d=s("div",{class:"wgd-binding-output"}),f=s("div",{class:"wgd-binding"},[i,o,d]);function a(A){if(A!==void 0)return mn(A)?(t.actions??[]).find(R=>R.name===A.ref)?.definition:A.definition}let l=()=>oe(r?.input??{}),c=()=>oe(r?.output??{});function u(A,R){r=A,n(A===void 0?void 0:oe(A)),R==="all"?b():R==="io"?(h(),k()):R==="input"?h():R==="output"&&k()}function w(A,R,F){return{...mn(A)?{ref:A.ref}:{definition:A.definition},...R!==void 0&&Object.keys(R).length>0?{input:R}:{},...F!==void 0&&Object.keys(F).length>0?{output:F}:{}}}function y(){return["$index","$parent","$root",...mt(t.getDataSchema?.()).map(R=>`$root.${R}`)]}function g(){i.replaceChildren();let A=(t.actions??[]).filter(D=>!t.loadOnly||D.definition.kind==="http"&&D.definition.method==="GET"),R=r===void 0?"none":mn(r)?"shared":"inline",F=ge([{value:"none",label:t.loadOnly?"no load action":"no action"},{value:"shared",label:"shared action"},{value:"inline",label:"inline definition"}],R,"wgd-select wgd-binding-mode",D=>{u(D==="none"?void 0:D==="shared"?{ref:A[0]?.name??""}:{definition:di()},"all")});if(i.append(s("div",{class:"wgd-row"},[F])),r===void 0)return;if(mn(r)){let D=r.ref,L=A.map(j=>j.name),W=(L.includes(D)?L:[D,...L]).map(j=>({value:j,label:j===""?"(pick an action)":L.includes(j)?j:`${j} (unknown)`})),M=ge(W,D,"wgd-select wgd-binding-ref",j=>u(w({ref:j},l(),c()),"io"));i.append(s("div",{class:"wgd-row"},[we("Action"),M]));return}let V=er(r.definition,t,D=>{u(w({definition:D},l(),c()),"io")});i.append(V.element)}function h(){o.replaceChildren();let A=a(r);if(r===void 0||A?.kind!=="http")return;let R=r,F=E(A.input.properties)?Object.keys(A.input.properties):[],V=t.scopePaths??mt(t.getDataSchema?.()),D=[...new Set([...V,...y()])],L=l(),W=F.map(M=>{let j=L[M],B=E(j)&&"const"in j,te=ge([{value:"path"},{value:"const"}],B?"const":"path","wgd-select wgd-attr-mode",O=>{u(w(R,{...l(),[M]:O==="const"?{const:""}:M},c()),"input")}),x=O=>{let $=l();if(B){let _;try{_=JSON.parse(O)}catch{_=O}$[M]={const:_}}else O===""?delete $[M]:$[M]=O;u(w(R,$,c()),"none")},v=B?Re(JSON.stringify(j.const),"wgd-input wgd-rec-value",x,"JSON literal"):hn(typeof j=="string"?j:"",D,x,"data path");return s("div",{class:"wgd-rec-row"},[s("span",{class:"wgd-rec-key wgd-binding-field"},[M]),te,v])});o.append(we("Input mapping (field \u2190 data path or constant)"),F.length>0?s("div",{class:"wgd-record"},W):s("div",{class:"wgd-diagnostic"},["The input schema declares no properties."]))}function k(){d.replaceChildren();let A=a(r);if(r===void 0||A?.kind!=="http")return;let R=r,F=c(),V=F.mode??"merge",D=ge(St.map(W=>({value:W})),V,"wgd-select",W=>{let M={...c(),mode:W};W!=="patch"&&delete M.path,u(w(R,l(),M),"output")}),L=[we("Output"),D];V==="patch"&&L.push(Re(F.path??"","wgd-input",W=>{u(w(R,l(),{...c(),path:W}),"output")},"data path to write at")),d.append(s("div",{class:"wgd-row"},L)),d.append(N(A,F,W=>{let M=c();W===void 0?delete M.map:M.map=W,u(w(R,l(),M),"none")}))}function N(A,R,F){let V=s("div",{class:"wgd-record wgd-output-map"}),D=oe(R.map??{}),L=[],W=t.getDataSchema?.(),M=R.mode??"merge",j=M==="patch"&&R.path?R.path:"",B=j===""?W:Ze(W,j),te=Pe(B),x=[".",...mt(te)],v=()=>D["."]===void 0?A.output:Ze(A.output,D["."]),O=()=>me(v())==="array",$=()=>Pe(v()),_=[".",...mt(A.output)],H=z(void 0);H.classList.add("wgd-type-mismatch");function P(S){D=S,F(Object.keys(D).length>0?D:void 0),T()}function m(S){H.hidden=!1,H.textContent=S}function p(S,I){let U=hn(S,x,I,"target data path","wgd-input wgd-rec-key");return U.classList.add("wgd-map-target"),U}function T(){V.replaceChildren();let S=[],I=Object.keys(D).filter(q=>q!==".");O()&&M==="merge"&&I.length>0&&S.push("a list projects per item \u2014 use replace or patch; merge needs an object.");let U=[".",...mt($())];for(let[q,K]of Object.entries(D)){let Y=q==="."?_:U,ee=q==="."?void 0:ii(Ze($(),K),Ze(te,q));ee&&S.push(`'${K}' is ${ee.source} in the response but '${j?`${j}.`:""}${q}' is ${ee.target} in the widget schema`);let ne=p(q,de=>{if(de===q)return;if(de===""||Object.hasOwn(D,de)){m(`'${de||"(empty)"}' is already a projection target.`);return}let ht=Object.entries(D).map(([ye,wt])=>ye===q?[de,wt]:[ye,wt]);P(Object.fromEntries(ht))}),ce=hn(K,Y,de=>P({...D,[q]:de}),"response path");ce.classList.add("wgd-map-source");let De=It(()=>{let{[q]:de,...ht}=D;P(ht)});V.append(s("div",{class:"wgd-rec-row"},[ne,s("span",{class:"wgd-st-colon"},["\u2190"]),ce,De]))}L.forEach((q,K)=>{let Y=p("",ce=>{if(ce!==""){if(Object.hasOwn(D,ce)){m(`'${ce}' is already a projection target.`);return}L.splice(K,1),P({...D,[ce]:q.source})}}),ee=hn(q.source,U,ce=>{q.source=ce,T()},"response path");ee.classList.add("wgd-map-source");let ne=It(()=>{L.splice(K,1),T()});V.append(s("div",{class:"wgd-rec-row wgd-rec-pending"},[Y,s("span",{class:"wgd-st-colon"},["\u2190"]),ee,ne]))});let X=s("button",{class:"wgd-button wgd-add",type:"button"},["+ projection"]);X.addEventListener("click",()=>{L.push({source:""}),T()}),H.hidden=S.length===0,H.textContent=S.length===0?"":`Type mismatch: ${S.join("; ")}.`,V.append(s("div",{class:"wgd-row"},[X]),H)}return T(),V}function b(){g(),h(),k()}return b(),{element:f,setValue(A){r=A===void 0?void 0:oe(A),b()}}}function tr(e,t){if(me(e)==="array")return["."];let n=[];gn(e,"",n);let r=new Set(["string","number","integer","boolean","null",void 0]),o=n.filter(({schema:d})=>{let f=me(d);return t==="each"?f==="array":t==="bind"?r.has(f):!0}).map(d=>d.path);return t!=="each"&&r.has(me(e))&&o.unshift("."),o}function ci(e,t){let n=Ze(e,t);return me(n)==="array"?Pe(n):void 0}var bn=Symbol("remove");function nr(e){let t="";for(let n of e){let r=typeof n=="number"?`children.${n}`:n;t=t===""?r:`${t}.${r}`}return t}function vn(e,t,n){if(t.length===0)return n===bn?void 0:n;let[r,...i]=t;if(typeof r=="number"){if(!E(e)||!Array.isArray(e.children))return e;let o=[...e.children];return i.length===0&&n===bn?o.splice(r,1):o[r]=vn(o[r],i,n),{...e,children:o}}if(!E(e))return e;if(i.length===0&&n===bn){let{[r]:o,...d}=e;return d}return{...e,[r]:vn(e[r],i,n)}}function li(e,t,n,r){let i=t.length===0?e:zo(e,t);if(!E(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[d,f]=[o[n],o[r]];o[n]=f,o[r]=d;let a={...i,children:o};return t.length===0?a:vn(e,t,a)}function zo(e,t){let n=e;for(let r of t){if(!E(n))return;n=typeof r=="number"?Array.isArray(n.children)?n.children[r]:void 0:n[r]}return n}var yn={text:()=>"text",bind:()=>({bind:"."}),element:()=>({tag:"div",children:[]}),each:()=>({each:".",template:"item"}),when:()=>({when:".",template:"shown"})};function ui(e,t,n={}){let r=n.actionContext??{actions:[],secretNames:[],schemas:[]},i=new Set,o=s("div",{class:"wgd-tree"}),d=z(void 0),f=s("textarea",{class:"wgd-textarea wgd-template-json",rows:"14",spellcheck:"false"}),a=s("div",void 0,[f,d]);ue(f),a.hidden=!0;let l=s("button",{class:"wgd-button",type:"button"},["Tree"]),c=s("button",{class:"wgd-button",type:"button"},["JSON"]);l.addEventListener("click",()=>{o.hidden=!1,a.hidden=!0}),c.addEventListener("click",()=>{o.hidden=!0,a.hidden=!1});let u=z(void 0),w=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,c]),u,o,a])]);function y(x){e.update(v=>({...v,template:x}))}function g(x,v){y(vn(e.get().template,x,v))}f.addEventListener("input",()=>{try{let x=JSON.parse(f.value);d.hidden=!0,d.textContent="",y(x)}catch(x){d.hidden=!1,d.textContent=`Invalid JSON (template keeps the last valid value): ${String(le(x))}`}});function h(x,v,O="wgd-input wgd-node-value"){let $=s("input",{type:"text",class:O});return $.value=x,$.addEventListener("change",()=>v($.value)),$}function k(x,v){let O=x!==void 0&&dt(x.type)?x:void 0,$=ge([{value:"none",label:"raw"},...at.map(P=>({value:P}))],O===void 0?"none":O.type,"wgd-select wgd-format-type",P=>{v(P==="number"?{type:"number",decimals:2}:P==="currency"?{type:"currency",currency:"USD",decimals:2}:P==="date"?{type:"date",pattern:"yyyy-MM-dd"}:void 0)},"Present the bound value as a number, a currency amount or a date");if(O===void 0)return[$];let _=()=>{let P=h(O.decimals===void 0?"":String(O.decimals),m=>{let{decimals:p,...T}=O,S=Number(m);v(m===""?T:{...T,decimals:Number.isFinite(S)?S:m})},"wgd-input wgd-format-decimals");return P.placeholder="dec",P.title=`Decimal places (${Be}-${Ve})`,P};if(O.type==="currency"){let P=h(typeof O.currency=="string"?O.currency:"",p=>v({...O,currency:p.toUpperCase()}),"wgd-input wgd-format-currency");P.placeholder="CUR",P.title="ISO-4217 currency code, e.g. COP";let m=ge(ze.map(p=>({value:p})),ct(O.currencyDisplay)?O.currencyDisplay:ze[0],"wgd-select wgd-format-display",p=>v({...O,currencyDisplay:p}),"How the currency names itself");return[$,P,_(),m]}if(O.type==="number")return[$,_()];let H=h(typeof O.pattern=="string"?O.pattern:"",P=>v({...O,pattern:P}),"wgd-input wgd-format-pattern");return H.placeholder="pattern",H.title=`Date pattern from ${lt.join(" ")} plus separators, e.g. dd-MM-yyyy HH:mm`,[$,H]}let N=new Set;function b(x,v,O,$,_,H,P,m){let p=nr(v),T=$.length>0,S=T&&N.has(p),I;T?(I=s("button",{class:"wgd-chevron",type:"button",title:S?"Expand":"Collapse"},[S?"\u25B8":"\u25BE"]),I.addEventListener("click",()=>{S?N.delete(p):N.add(p),B()})):I=s("span",{class:"wgd-chevron wgd-chevron-none"});let U=x===void 0?[I,...O]:[I,s("span",{class:"wgd-node-badge"},[x]),...O];S&&m?.summary!==void 0&&U.push(s("span",{class:"wgd-node-summary"},[m.summary]));let X=[...m?.icons??[]];if(P&&P.count>1){if(P.index>0){let K=s("button",{class:"wgd-icon",type:"button",title:"Move up"},["\u2191"]);K.addEventListener("click",()=>y(li(e.get().template,P.parent,P.index,P.index-1))),X.push(K)}if(P.index<P.count-1){let K=s("button",{class:"wgd-icon",type:"button",title:"Move down"},["\u2193"]);K.addEventListener("click",()=>y(li(e.get().template,P.parent,P.index,P.index+1))),X.push(K)}}if(H){let K=s("button",{class:"wgd-icon",type:"button",title:"Remove"},["\u2715"]);K.addEventListener("click",()=>v.length===0?y(""):g(v,bn)),X.push(K)}X.length>0&&U.push(s("span",{class:"wgd-node-icons"},X));let q=[s("div",{class:"wgd-node-row"},U)];return _!==void 0&&q.push(z(_)),S||q.push(...$),s("div",{class:"wgd-node","data-path":p},q)}let A=["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 R(x,v,O,$,_="wgd-input wgd-node-value"){let H=E(v)?tr(v,O):[];if(H.length===0)return h(x,$,_);let P=s("select",{class:"wgd-select wgd-path"}),m=H.includes(x);for(let S of m?H:[x,...H])P.append(s("option",{value:S},[S===x&&!m?`${S} (off-schema)`:S]));P.append(s("option",{value:"__custom__"},["custom\u2026"])),P.value=x,Ee(P);let p=h(x,$,_);p.hidden=!0,P.addEventListener("change",()=>{if(P.value==="__custom__"){p.hidden=!1,p.focus();return}p.hidden=!0,$(P.value)});let T=_.includes("wgd-attr-value")?" wgd-attr-value":"";return s("span",{class:`wgd-pathwrap${T}`},[P,p])}function F(x,v,O){let $=x??"",_=S=>O(S===""?void 0:S),H="Optional item key (e.g. id): a reordered list keeps each item's state",P=E(v)?tr(v,"bind"):[];if(P.length===0){let S=h($,_,"wgd-input wgd-each-key");return S.placeholder="key path",S.title=H,S}let m=s("select",{class:"wgd-select wgd-each-key",title:H}),p=$===""||P.includes($);m.append(s("option",{value:""},["no key"]));for(let S of p?P:[$,...P])m.append(s("option",{value:S},[S===$&&!p?`${S} (off-schema)`:S]));m.append(s("option",{value:"__custom__"},["custom\u2026"])),m.value=$,Ee(m);let T=h($,_,"wgd-input wgd-each-key");return T.hidden=!0,m.addEventListener("change",()=>{if(m.value==="__custom__"){T.hidden=!1,T.focus();return}T.hidden=!0,_(m.value)}),s("span",{class:"wgd-pathwrap"},[m,T])}function V(x,v){let O=s("select",{class:"wgd-select wgd-tag"}),$=A.includes(x)?A:[x,...A];for(let H of $)O.append(s("option",{value:H},[H]));O.append(s("option",{value:"__custom__"},["custom\u2026"])),O.value=x,Ee(O);let _=h(x,v,"wgd-input wgd-tag-custom");return _.hidden=!0,O.addEventListener("change",()=>{if(O.value==="__custom__"){_.hidden=!1,_.focus();return}_.hidden=!0,v(O.value)}),s("span",{class:"wgd-tagwrap"},[O,_])}function D(x,v,O,$,_,H,P){let m=[...v,O];if($===void 0){let p=Gn(`+ ${x}`,`Set '${x}' to a node`,Object.keys(yn),T=>{let S=yn[T];S&&g(m,S())});return _?s("div",{class:"wgd-slot"},[z(`Missing required '${x}'.`),p]):s("div",{class:"wgd-slot wgd-slot-unset"},[p])}return s("div",{class:"wgd-slot"},[s("span",{class:"wgd-slot-label"},[x]),L($,m,H,!_,void 0,P)])}function L(x,v,O,$=!0,_,H){let P=nr(v),m=O!==void 0&&(O===P||(O.startsWith(P===""?"attrs.":`${P}.attrs.`)||O.startsWith(P===""?"action":`${P}.action`))&&E(x)&&typeof x.tag=="string")?W:void 0;if(typeof x=="string")return b("text",v,[h(x,p=>g(v,p))],[],m,$,_);if(!E(x))return b("invalid",v,[s("code",void 0,[JSON.stringify(x)])],[],m??"Not a template node.",$,_);if(typeof x.bind=="string"){let p=x.bind,T=Nt(x),S=E(x.format)?x.format:void 0,I=E(x.map)?x.map:void 0,U=Y=>({bind:p,...Y}),X=[R(p,H,"bind",Y=>g(v,{...x,bind:Y}))];(T===void 0||T==="format")&&X.push(...k(S,Y=>g(v,Y===void 0?{bind:p}:U({format:Y}))));let q=[];if(T===void 0){let Y=s("button",{class:"wgd-icon",type:"button",title:"Map values to authored labels (e.g. status \u2192 text)"},["map"]);Y.addEventListener("click",()=>g(v,U({map:{}}))),q.push(Y)}let K=[];if(T==="map"){let Y=$t(I,{key:"data value",value:"authored label",add:"+ mapping"},ne=>g(v,ne===void 0?{bind:p}:U({map:ne,...typeof x.default=="string"?{default:x.default}:{}}))),ee=h(typeof x.default=="string"?x.default:"",ne=>g(v,U({map:I??{},...ne===""?{}:{default:ne}})),"wgd-input wgd-attr-map-default");ee.placeholder="default (on miss)",K.push(s("div",{class:"wgd-attr-map"},[Y.element,s("div",{class:"wgd-rec-row"},[s("span",{class:"wgd-st-colon"},["\u21B3"]),ee])]))}return b("bind",v,X,K,m,$,_,q.length>0?{icons:q}:void 0)}if(typeof x.each=="string"){let p=x.each,{each:T,key:S,...I}=x;return b("each",v,[R(p,H,"each",U=>g(v,{...x,each:U})),s("span",{class:"wgd-st-colon"},["key"]),F(typeof x.key=="string"?x.key:void 0,ci(H,p),U=>g(v,{each:p,...U===void 0?{}:{key:U},...I}))],[D("template",v,"template",x.template,!0,O,ci(H,x.each)),D("empty",v,"empty",x.empty,!1,O,H)],m,$,_,{summary:x.empty!==void 0?"template \xB7 empty":"template"})}if(typeof x.when=="string")return b("when",v,[R(x.when,H,"when",p=>g(v,{...x,when:p}))],[D("template",v,"template",x.template,!0,O,H),D("else",v,"else",x.else,!1,O,H)],m,$,_,{summary:x.else!==void 0?"template \xB7 else":"template"});if(typeof x.tag=="string"){let p=E(x.attrs)?x.attrs:{},T=E(x.action)?x.action:void 0,S=Object.entries(p).map(([K,Y])=>{let ee=E(Y)&&typeof Y.bind=="string"?Y:{bind:""},ne=E(Y)&&typeof Y.bind=="string",ce=ne?ee:void 0,De=Z=>{let fe={bind:Z.bind};return Z.map!==void 0?(fe.map=Z.map,Z.default!==void 0&&Z.default!==""&&(fe.default=Z.default)):Z.prefix!==void 0&&Z.prefix!==""?fe.prefix=Z.prefix:Z.format!==void 0&&(fe.format=Z.format),fe},de=Z=>{g(v,{...x,attrs:{...p,[K]:Z}})},ht=h(K,Z=>{let fe=Object.entries(p).map(([We,cr])=>We===K?[Z,cr]:[We,cr]);g(v,{...x,attrs:Object.fromEntries(fe)})},"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",Ee(ye);let wt=h(String(ne?"":Y),Z=>de(Z),"wgd-input wgd-attr-value"),Ni=ne?R(ee.bind,H,"bind",Z=>de(De({...ee,bind:Z})),"wgd-input wgd-attr-value"):wt;ye.addEventListener("change",()=>{let Z=ne?ee.bind:wt.value;de(ye.value==="bind"?{bind:Z||"."}:Z)});let Tn=s("button",{class:"wgd-icon",type:"button",title:"Remove attribute"},["\u2715"]);Tn.addEventListener("click",()=>{let{[K]:Z,...fe}=p;g(v,{...x,attrs:fe})});let yt=[ht,ye,Ni],et=ce===void 0?void 0:Nt(ce),Ri=E(ce?.format)?ce.format:void 0,Li=ne&&(et===void 0||et==="format"),Ci=ne&&(et===void 0||et==="prefix"),$i=ne&&et===void 0;if(Li&&yt.push(...k(Ri,Z=>de(De({...ee,format:Z})))),Ci){let Z=h(ce?.prefix??"",fe=>de(De({...ee,prefix:fe})),"wgd-input wgd-attr-prefix");Z.placeholder="prefix",Z.title="Literal prefix, e.g. mailto: \u2014 emitted only when the bound value is non-empty",yt.push(Z)}if($i){let Z=s("button",{class:"wgd-icon",type:"button",title:"Map values to authored literals (e.g. status \u2192 class)"},["map"]);Z.addEventListener("click",()=>de(De({...ee,map:{}}))),yt.push(s("span",{class:"wgd-node-icons"},[Z,Tn]))}else yt.push(Tn);let dr=s("div",{class:"wgd-attr-row"},yt),Dn=[dr];if(ne&&et==="map"){let Z=$t(ee.map,{key:"data value",value:"authored literal",add:"+ mapping"},We=>{de(We===void 0?{bind:ee.bind}:De({...ee,map:We}))}),fe=h(ee.default??"",We=>de(De({...ee,default:We})),"wgd-input wgd-attr-map-default");fe.placeholder="default (on miss)",Dn.push(s("div",{class:"wgd-attr-map"},[Z.element,s("div",{class:"wgd-rec-row"},[s("span",{class:"wgd-st-colon"},["\u21B3"]),fe])]))}return Dn.length===1?dr:s("div",{class:"wgd-attr"},Dn)}),I=Array.isArray(x.children)?x.children:[],U=Gn("+","Add attribute or child node",["attribute",...T===void 0&&(x.tag==="button"||x.tag==="a")?["action"]:[],...Object.keys(yn)],K=>{N.delete(nr(v));let Y=yn[K];if(K==="attribute")g(v,{...x,attrs:{...p,"":""}});else if(K==="action"){let ee=r.actions[0];g(v,{...x,action:ee!==void 0?{ref:ee.name}:{definition:{kind:"prompt",text:["Tell me more"]}}})}else Y&&g([...v,I.length],Y())}),X=[];if(S.length>0&&X.push(s("div",{class:"wgd-attrs"},S)),T!==void 0){let K=E(H)?tr(H,"when"):[],Y=wn(T,{...r,scopePaths:K,getDataSchema:()=>_e(e.get(),r.schemas)},ce=>{if(ce===void 0){let{action:De,...de}=x;g(v,de)}else g(v,{...x,action:ce})}),ee=[s("span",{class:"wgd-slot-label"},["action"]),Y.element],ne="ref"in T&&typeof T.ref=="string"?T.ref:void 0;ne!==void 0&&i.has(ne)&&ee.push(z(`Unknown shared action '${ne}' \u2014 this element renders disabled.`)),X.push(s("div",{class:"wgd-attrs wgd-node-action"},ee))}I.length>0&&X.push(s("div",{class:"wgd-children"},I.map((K,Y)=>L(K,[...v,Y],O,!0,{parent:v,index:Y,count:I.length},H))));let q=[];return S.length>0&&q.push(`${S.length} attr${S.length===1?"":"s"}`),T!==void 0&&q.push("action"),I.length>0&&q.push(`${I.length} ${I.length===1?"child":"children"}`),b(void 0,v,[V(x.tag,K=>g(v,{...x,tag:K}))],X,m,$,_,{icons:[U],summary:q.join(" \xB7 ")})}return b("unknown",v,[s("code",void 0,[JSON.stringify(x)])],[],m??"Unknown template node form.",$,_)}let W,M,j;function B(){M!==void 0&&o.replaceChildren(L(M.template,[],j,!0,void 0,_e(M,r.schemas)))}function te(x,v){W=v.template?`${v.template.code}: ${v.template.message}`:void 0,M=x,j=v.template?.path;let O=new Set(r.actions.map(_=>_.name));i=new Set(Rt(x.template,x.load).filter(_=>!O.has(_)));let $=v.template?`${v.template.code}: ${v.template.message}`+(v.template.path!==void 0&&v.template.path!==""?` (at ${v.template.path})`:""):v.actionRefs;u.hidden=$===void 0,u.textContent=$??"",(!o.hidden||o.childNodes.length===0)&&B(),document.activeElement!==f&&(f.value=JSON.stringify(x.template,null,2),pe(f))}return t.push(()=>{}),{element:w,refresh:te,dispose:()=>w.remove()}}function pi(e,t,n=[]){let r=z(void 0),i=s("select",{class:"wgd-select wgd-theme-select"});i.append(s("option",{value:""},["(none \u2014 defaults)"]));for(let c of n)i.append(s("option",{value:c.name},[c.label??c.name]));let o=c=>{i.value=n.some(u=>u.name===c.previewTheme)?c.previewTheme??"":""};o(e.get()),i.addEventListener("change",()=>{let c=n.find(u=>u.name===i.value);e.update(u=>{let{theme:w,themeStyles:y,previewTheme:g,...h}=u;return c===void 0?h:{...h,theme:c.tokens,previewTheme:c.name,...c.styles===void 0?{}:{themeStyles:c.styles}}})});let d=s("div",{class:"wgd-token-ref"});function f(c){d.replaceChildren();for(let[u,w]of Object.entries(ve)){let y=c?.[u]??w.default,g=s("div",{class:"wgd-token-ref-row",title:w.use},[w.type==="color"?s("span",{class:"wgd-token-ref-swatch",style:`background: ${y}`}):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"},[y])]);d.append(g)}for(let[u,w]of Object.entries(c??{})){if(!u.startsWith("x-"))continue;let y=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"},[w])]);d.append(y)}}f(e.get().theme),t.push(c=>{o(c),f(c.theme)});let a=[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)"]),d])],l=Q("Preview",a);return{element:l,setDiagnostic(c){r.hidden=c===void 0,r.textContent=c??""},dispose:()=>l.remove()}}function kn(e,t,n,r,i,o,d=6){let f=z(void 0),a=t(i.get()),l=ft(e,a===void 0?"":JSON.stringify(a,null,2),u=>{if(u.trim()===""){f.hidden=!0,r&&i.update(w=>r(w));return}try{let w=JSON.parse(u);f.hidden=!0,f.textContent="",i.update(y=>n(y,w))}catch(w){f.hidden=!1,f.textContent=`Invalid JSON (draft keeps the last valid value): ${String(le(w))}`}},d),c=he(l,"textarea");return ue(c),o.push(u=>{if(document.activeElement===c)return;let w=t(u);c.value=w===void 0?"":JSON.stringify(w,null,2),pe(c)}),s("div",void 0,[l,f])}function fi(e,t,n=[],r=[],i={actions:[],secretNames:[],schemas:[]}){let o=[],d=[];function f(m,p,T){let S=Ie(m,p(e.get()),U=>e.update(X=>T(X,U))),I=he(S,"input");return o.push(U=>{document.activeElement!==I&&(I.value=p(U))}),S}let a=z(void 0),l=$t(e.get().descriptor.hints,{key:"hint name",value:"what the hint does",add:"+ hint"},m=>e.update(p=>{if(m===void 0){let{hints:T,...S}=p.descriptor;return{...p,descriptor:S}}return{...p,descriptor:{...p.descriptor,hints:m}}}));o.push(m=>l.setValue(m.descriptor.hints));let c=z(void 0),u=Q("General",[f("Kind (id)",m=>m.kind,(m,p)=>({...m,kind:p})),a,f("Description",m=>m.descriptor.description??"",(m,p)=>({...m,descriptor:{...m.descriptor,description:p}})),f("Data shape (prose)",m=>m.descriptor.dataShape??"",(m,p)=>({...m,descriptor:{...m.descriptor,dataShape:p}})),c,s("div",{class:"wgd-field"},[s("span",{class:"wgd-field-label"},["Hints"]),Xe([{label:"Tree",element:l.element},{label:"JSON",element:kn("",m=>m.descriptor.hints,(m,p)=>{if(!E(p))return m;let T=Object.fromEntries(Object.entries(p).map(([S,I])=>[S,String(I)]));return{...m,descriptor:{...m.descriptor,hints:T}}},m=>{let{hints:p,...T}=m.descriptor;return{...m,descriptor:T}},e,o,3)}])])]),w=gt(e.get().descriptor.dataSchema,m=>e.update(p=>{if(m===void 0){let{dataSchema:T,...S}=p.descriptor;return{...p,descriptor:S}}return{...p,descriptor:{...p.descriptor,dataSchema:m}}}));o.push(m=>w.setValue(m.descriptor.dataSchema));let y=Xe([{label:"Builder",element:w.element},{label:"JSON",element:kn("dataSchema (JSON-Schema subset: type/properties/required/items/enum/pattern)",m=>m.descriptor.dataSchema,(m,p)=>E(p)?{...m,descriptor:{...m.descriptor,dataSchema:p}}:m,m=>{let{dataSchema:p,...T}=m.descriptor;return{...m,descriptor:T}},e,o)}]),g=s("select",{class:"wgd-select wgd-schema-mode"});g.append(s("option",{value:"inline"},["define inline"]));let h=s("option",{value:"shared"},["use shared"]);r.length===0&&(h.disabled=!0),g.append(h);let k=s("select",{class:"wgd-select wgd-schema-ref"});for(let m of r)k.append(s("option",{value:m.name},[m.label??m.name]));k.addEventListener("change",()=>{e.update(m=>({...m,descriptor:{...m.descriptor,dataSchemaRef:k.value}}))});let N=s("textarea",{class:"wgd-textarea wgd-schema-shared",rows:"10",readonly:"",spellcheck:"false"}),b=z(void 0),A=z(void 0),R=s("div",void 0,[s("div",{class:"wgd-row"},[s("span",{class:"wgd-field-label"},["Shared schema"]),k]),N,s("span",{class:"wgd-field-label"},["Read-only here \u2014 edit shared schemas in the Data schemas section."])]);g.addEventListener("change",()=>{if(g.value==="shared"){let m=e.get().descriptor.dataSchemaRef??r[0]?.name??"";e.update(p=>{let{dataSchema:T,...S}=p.descriptor;return{...p,descriptor:{...S,dataSchemaRef:m}}})}else{let m=_e(e.get(),r);e.update(p=>{let{dataSchemaRef:T,...S}=p.descriptor;return{...p,descriptor:{...S,dataSchema:m??{type:"object"}}}})}});function F(m){let p=m.descriptor.dataSchemaRef,T=typeof p=="string";if(g.value=T?"shared":"inline",y.hidden=T,R.hidden=!T,T){k.value!==p&&(k.value=p);let S=r.find(I=>I.name===p)?.schema;N.value=S===void 0?"":JSON.stringify(S,null,2),pe(N)}}o.push(F),F(e.get());let V=Q("Data schema",[s("div",{class:"wgd-row"},[s("span",{class:"wgd-field-label"},["Source"]),g]),b,y,A,R],!1);ue(N);function D(m,p){let T=s("div"),S="",I;function U(X){let q=_e(X,r),K=q===void 0?"":JSON.stringify(q);if(I!==void 0&&K===S){I.setValue(m(X));return}S=K;let Y=ee=>e.update(ne=>p(ne,ee));I=q!==void 0&&E(q)?pn(q,m(X),Y):Zr(m(X),Y),T.replaceChildren(I.element)}return U(e.get()),o.push(U),T}let L=z(void 0),W=Q("Sample data",[s("span",{class:"wgd-field-label"},["dataExample \u2014 ships with the widget as the example agents imitate"]),Xe([{label:"Edit",element:D(m=>m.descriptor.dataExample,(m,p)=>({...m,descriptor:{...m.descriptor,dataExample:p}}))},{label:"JSON",element:kn("dataExample (JSON)",m=>m.descriptor.dataExample,(m,p)=>({...m,descriptor:{...m.descriptor,dataExample:p}}),m=>{let{dataExample:p,...T}=m.descriptor;return{...m,descriptor:T}},e,o)}]),L],!1),M=z(void 0),j=Q("Data for preview",[s("span",{class:"wgd-field-label"},["Overrides dataExample in the preview only (not exported)"]),Xe([{label:"Edit",element:D(m=>m.sampleData,(m,p)=>({...m,sampleData:p}))},{label:"JSON",element:kn("Preview data (JSON)",m=>m.sampleData,(m,p)=>({...m,sampleData:p}),m=>{let{sampleData:p,...T}=m;return T},e,o,4)}]),M],!1),B=fn(e.get().descriptor.styles,m=>e.update(p=>{if(m===void 0){let{styles:T,...S}=p.descriptor;return{...p,descriptor:S}}return{...p,descriptor:{...p.descriptor,styles:m}}}));o.push(m=>B.setValue(m.descriptor.styles));let te=ui(e,o,{actionContext:i}),x=pi(e,o,n),v=z(void 0),O=wn(e.get().load,{...i,loadOnly:!0,getDataSchema:()=>_e(e.get(),r)},m=>e.update(p=>{if(m===void 0){let{load:T,...S}=p;return S}return{...p,load:m}}));o.push(m=>{O.element.contains(document.activeElement)||O.setValue(m.load)});let $=Q("Load action (http GET, runs once when the widget first renders in an Apps host)",[s("div",{class:"wgd-compact wgd-load"},[O.element]),v],!1),_=Xr(e);j.classList.add("wgd-edit-only"),B.element.classList.add("wgd-edit-only"),t.left.append(u,V,W,te.element,$,_.element),t.right.append(j,B.element,x.element),d.push(te.dispose,x.dispose,_.dispose);function H(m){let p=ln(m,{schemas:r,actions:i.actions});a.hidden=p.kind===void 0,v.hidden=p.load===void 0,v.textContent=p.load??"",a.textContent=p.kind??"",L.hidden=p.example===void 0,L.textContent=p.example?`dataExample vs dataSchema: ${p.example.code} at ${p.example.path} \u2014 ${p.example.message}`:"",M.hidden=p.sample===void 0,M.textContent=p.sample?`sample vs dataSchema: ${p.sample.code} at ${p.sample.path} \u2014 ${p.sample.message}`:"",c.hidden=p.dataShape===void 0,c.textContent=p.dataShape??"",b.hidden=p.schemaRef===void 0,b.textContent=p.schemaRef??"",A.hidden=p.dataSchema===void 0,A.textContent=p.dataSchema?.join(`
|
|
453
|
+
`)??"",x.setDiagnostic(p.theme?`${p.theme.code}: ${p.theme.message}`:void 0),B.setIssues(p.styles);for(let T of o)T(m);te.refresh(m,p)}let P=e.subscribe(H);return d.push(P),H(e.get()),{dispose(){for(let m of d)m();t.left.replaceChildren(),t.right.replaceChildren()}}}var xn="designer-preview",Ko=0,Jo=Math.random().toString(36).slice(2,8);function En(e={}){Wn(document);let t=s("div",{class:"wgd-banner"});t.hidden=!0;let n=s("style"),r=s("style"),i=`wgd-preview-${Jo}-${++Ko}`,o=s("div",{class:"wgd-preview","data-wgd-scope":i}),d=h=>Bn(h,`[data-wgd-scope="${i}"]`),f=s("div",{class:"wgd-preview-pane"},[t,n,r,o]),a=Ae(),l=()=>({tag:"div",children:["\u2026"]});a.register(xn,h=>l(h),{description:"Designer preview delegate.",dataShape:"Defined by the draft being designed."});let c=new Map;for(let h of e.widgets??[]){let k=$e(h.template);if(!k.ok||typeof h.kind!="string"||h.kind==="")continue;let N=dn(k.template),b=E(h.descriptor)?h.descriptor:{};try{a.register(h.kind,A=>N(A),{description:`Custom widget '${h.kind}' supplied for preview.`,dataShape:"Defined by the supplied definition.",...b.dataExample!==void 0?{dataExample:b.dataExample}:{}})}catch{continue}E(b.styles)&&c.set(h.kind,d(b.styles))}let u=a.kinds().filter(h=>h!==xn),w;function y(h,k,N){let b=N===void 0||N===xn;if(b&&!k.previewable){let R=k.kind??(k.template?`${k.template.code}: ${k.template.message}`+(k.template.path?` (at ${k.template.path})`:""):"Draft is not previewable.");if(t.hidden=!1,w===void 0){t.textContent=`Nothing to preview yet \u2014 ${R}`,o.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 ${R}`;return}if(o.querySelector(".wgd-preview-empty")?.remove(),t.hidden=!0,t.textContent="",b){let R=$e(h.template);if(!R.ok)return;let F=e.actions??[];l=dn(R.template,{actions:V=>F.find(D=>D.name===V)?.definition})}r.textContent=b?h.descriptor.styles?d(h.descriptor.styles):"":c.get(N)??"",Hn(o,h.theme??{}),n.textContent=h.themeStyles?d(h.themeStyles):"";let A={kind:b?xn:N,data:b?h.sampleData??h.descriptor.dataExample??null:g(N)};w===void 0?w=Kn(A,o,{catalog:a}):w.update(A);for(let R of o.querySelectorAll("[data-wg-action]"))R.classList.add("wg-designer-action")}function g(h){return a.describe(h)?.dataExample??{value:"preview"}}return{pane:f,kinds:u,update:y,dispose(){w?.dispose(),w=void 0,f.replaceChildren()}}}function Qe(e){return JSON.parse(JSON.stringify(e))}function _t(){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 gi(e){let t=Qe(e??_t()),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=Qe(o(Qe(t))),i()},replace(o){n.length=0,t=Qe(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 mi(e,t={}){Te(document);let n=t.initialWidget?Qe({...t.initialWidget}):_t(),r=t.themes?.find(b=>b.name===t.previewTheme),i=r!==void 0?{...n,theme:r.tokens,previewTheme:r.name,...r.styles===void 0?{}:{themeStyles:r.styles}}:t.initialTheme!==void 0?{...n,theme:t.initialTheme}:n,o=gi(i),d=new Set,f=En({actions:t.actions??[]}),a=s("div",{class:"wgd-panels"}),l=s("div",{class:"wgd-preview-pane"}),c=s("div",{class:"wgd-side"},[f.pane,l]),u=s("div",{class:"wgd-root"},[a,c]);(t.appearance==="light"||t.appearance==="dark")&&u.setAttribute("data-wgd-theme",t.appearance),Se(u,t.chrome),e.appendChild(u);let w={actions:t.actions??[],secretNames:t.secretNames??[],schemas:t.schemas??[]},y=fi(o,{left:a,right:l},t.themes??[],t.schemas??[],w),g=b=>ln(b,{...t.schemas===void 0?{}:{schemas:t.schemas},actions:t.actions??[]});function h(b){let A=g(b);f.update(b,A);for(let R of[...d])R(b,A)}let k=o.subscribe(h);h(o.get());function N(b){u.classList.toggle("wgd-readonly",b);let A=[...u.querySelectorAll(".wgd-panels .wgd-section-body, .wgd-edit-only > .wgd-section-body")].filter(R=>!R.parentElement?.classList.contains("wgd-view-only"));for(let R of A)b?R.setAttribute("inert",""):R.removeAttribute("inert")}return t.readOnly===!0&&N(!0),{getDraft:()=>Qe(o.get()),getDiagnostics:()=>g(o.get()),setReadOnly:N,loadWidget(b){let A=un(b,o.get().kind);return A.length>0?{ok:!1,errors:A}:(Zn(o,b),{ok:!0})},checkWidget(b){let A=un(b,o.get().kind);if(A.length>0)return{ok:!1,errors:A};let{kind:R,template:F,descriptor:V,load:D}=b;return{ok:!0,diagnostics:g({kind:R,template:F,descriptor:V,...D===void 0?{}:{load:D}})}},loadTheme(b){let A=Oe(b);return A.ok?(o.update(R=>{let{themeStyles:F,...V}=R,D=t.themes?.find(L=>L.name===R.previewTheme);return{...V,theme:{...D?.tokens??{},...A.theme},...D?.styles===void 0?{}:{themeStyles:D.styles}}}),{ok:!0}):{ok:!1,errors:[A.error.message]}},subscribe(b){return d.add(b),()=>d.delete(b)},dispose(){k(),y.dispose(),f.dispose(),d.clear(),u.remove()}}}function qo(){return{name:"my-schema",label:"My schema",schema:{type:"object",properties:{}}}}function Go(e){let t=[];return E(e)?(typeof e.name!="string"||e.name.trim()===""?t.push("'name' must be a non-empty string."):be.test(e.name)||t.push(`'${e.name}' is not a valid schema name \u2014 use letters, digits, '.', '_' or '-'.`),E(e.schema)||t.push("'schema' must be a plain object."),t):["Schema entry must be an object."]}function hi(e,t={}){Te(document);let n=t.initialSchema?JSON.parse(JSON.stringify(t.initialSchema)):qo(),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),Se(o,t.chrome),e.appendChild(o);function d(){return JSON.parse(JSON.stringify(n))}let f=z(void 0);function a(){let v=E(n.schema)?He(n.schema):[];f.hidden=v.length===0,f.textContent=v.join(`
|
|
454
|
+
`)}function l(){a();for(let v of[...r])v(d())}let c=[],u=z(void 0);function w(v,O,$){let _=Ie(v,O(),$),H=he(_,"input");return c.push(()=>{document.activeElement!==H&&(H.value=O())}),_}let y=Q("Schema",[w("Name (id)",()=>n.name,v=>{n={...n,name:v};let O=v.trim()===""||!be.test(v);u.hidden=!O,u.textContent=O?"Name must be non-empty using letters, digits, '.', '_' or '-'.":"",l()}),u,w("Label",()=>n.label??"",v=>{n={...n,label:v},l()}),w("Description",()=>n.description??"",v=>{n={...n,description:v},l()})]),g=gt(n.schema,v=>{n={...n,schema:v??{}},b(),l()}),h=z(void 0),k=s("textarea",{class:"wgd-textarea",rows:"12",spellcheck:"false"}),N=s("div",void 0,[k,h]);k.value=JSON.stringify(n.schema,null,2),k.addEventListener("input",()=>{try{let v=JSON.parse(k.value);if(!E(v))throw new Error("schema must be an object");h.hidden=!0,h.textContent="",n={...n,schema:v},g.setValue(v),l()}catch(v){h.hidden=!1,h.textContent=`Invalid JSON (schema keeps the last valid value): ${String(le(v))}`}});function b(){document.activeElement!==k&&(k.value=JSON.stringify(n.schema,null,2),pe(k))}let A=s("button",{class:"wgd-button wgd-tab wgd-tab-active",type:"button"},["Builder"]),R=s("button",{class:"wgd-button wgd-tab",type:"button"},["JSON"]);N.hidden=!0,A.addEventListener("click",()=>{g.element.hidden=!1,N.hidden=!0,A.classList.add("wgd-tab-active"),R.classList.remove("wgd-tab-active")}),R.addEventListener("click",()=>{g.element.hidden=!0,N.hidden=!1,R.classList.add("wgd-tab-active"),A.classList.remove("wgd-tab-active"),b()});let F=Q("Definition",[s("div",{class:"wgd-row"},[A,R]),g.element,N,f]),V=z(void 0),D=s("textarea",{class:"wgd-textarea wgd-schema-import",rows:"6",spellcheck:"false"}),L=s("button",{class:"wgd-button",type:"button"},["Import"]);L.addEventListener("click",()=>{let v;try{v=JSON.parse(D.value)}catch($){V.hidden=!1,V.textContent=`Invalid JSON: ${le($)}`;return}let O=te(v);V.hidden=O.ok,V.textContent=O.ok?"":O.errors.join(`
|
|
455
|
+
`)});let W=Q("Import",[s("span",{class:"wgd-field-label"},["Import schema entry JSON ({ name, label?, description?, schema })"]),D,V,s("div",{class:"wgd-row"},[L])]),M=s("textarea",{class:"wgd-textarea",rows:"8",readonly:"",spellcheck:"false"}),j=s("button",{class:"wgd-button wgd-add",type:"button"},["Export schema entry"]);j.addEventListener("click",()=>{M.value=JSON.stringify(d(),null,2),pe(M)});let B=Q("Export",[s("div",{class:"wgd-toolbar"},[j]),M]);B.classList.add("wgd-view-only"),i.append(y,F,W,B),a(),ue(k),ue(D),ue(M);function te(v){let O=Go(v);if(O.length>0)return{ok:!1,errors:O};n=JSON.parse(JSON.stringify(v));for(let $ of c)$();return u.hidden=!0,g.setValue(n.schema),b(),l(),{ok:!0}}function x(v){o.classList.toggle("wgd-readonly",v);let O=[...i.querySelectorAll(".wgd-section-body")].filter($=>!$.parentElement?.classList.contains("wgd-view-only"));for(let $ of O)v?$.setAttribute("inert",""):$.removeAttribute("inert")}return t.readOnly===!0&&x(!0),{getSchema:d,loadSchema:te,setReadOnly:x,subscribe(v){return r.add(v),()=>r.delete(v)},dispose(){r.clear(),o.remove()}}}var Yo=Ae().kinds(),Xo=/^#[0-9a-f]{3}([0-9a-f]{3})?$/i,wi=/^x-[a-z0-9][a-z0-9-]*$/;function Zo(e){if(!Xo.test(e))return;if(e.length===7)return e.toLowerCase();let[,t,n,r]=e.toLowerCase();return`#${t}${t}${n}${n}${r}${r}`}function Qo(){return{name:"my-theme",label:"My theme",tokens:{}}}var es=new Set(Un().names());function bi(e){if(!be.test(e))return`INVALID_IDENTIFIER \u2014 '${e}' may use letters, digits, '.', '_' or '-' only.`;if(es.has(e))return`RESERVED_THEME \u2014 '${e}' is a built-in theme; give yours its own name.`}function yi(e){let{extends:t,...n}=JSON.parse(JSON.stringify(e));return n}function ts(e,t){let n=[];if(typeof e!="object"||e===null||Array.isArray(e))return["Theme entry must be an object."];let r=e;if(typeof r.name!="string"||r.name.trim()==="")n.push("'name' must be a non-empty string.");else if(r.name!==t){let o=bi(r.name);o!==void 0&&n.push(`name: ${o}`)}let i=Oe(r.tokens??{});return i.ok||n.push(`tokens: ${i.error.code} \u2014 ${i.error.message}`),r.styles!==void 0&&!Fe(r.styles)&&n.push("styles: must map selectors to objects of property/value strings."),n}function vi(e,t={}){Te(document);let n=t.initialTheme?yi(t.initialTheme):Qo(),r=new Set,i=En(t.widgets?{widgets:t.widgets}:{}),o=i.kinds.length>0?i.kinds:Yo,d=o[0]??"card",f=s("div",{class:"wgd-panels"}),a=s("div",{class:"wgd-side"},[i.pane]),l=s("div",{class:"wgd-root wgd-theme-designer"},[f,a]);(t.appearance==="light"||t.appearance==="dark")&&l.setAttribute("data-wgd-theme",t.appearance),Se(l,t.chrome),e.appendChild(l);function c(){let p={..._t(),theme:n.tokens};return n.styles===void 0?p:{...p,themeStyles:n.styles}}function u(){i.update(c(),{styles:[],previewable:!0},d);for(let p of[...r])p(w())}function w(){return JSON.parse(JSON.stringify(n))}function y(p,T){let S={...n.tokens};T===""?delete S[p]:S[p]=T,n={...n,tokens:S},u()}let g=[];function h(p,T,S){let I=Ie(p,T(),S),U=he(I,"input");return g.push(()=>{document.activeElement!==U&&(U.value=T())}),I}let k=z(void 0);function N(){let p=n.name.trim()===""?"'name' must be a non-empty string.":bi(n.name);k.hidden=p===void 0,k.textContent=p??""}g.push(N);let b=Q("Theme",[h("Name (id)",()=>n.name,p=>{n={...n,name:p},N(),u()}),k,h("Label",()=>n.label??"",p=>{n={...n,label:p},u()}),h("Description",()=>n.description??"",p=>{n={...n,description:p},u()})]);N();let A=s("select",{class:"wgd-select wgd-preview-kind"});for(let p of o)A.append(s("option",{value:p},[p]));A.value=d,A.addEventListener("change",()=>{d=A.value,u()}),a.prepend(s("div",{class:"wgd-row"},[s("span",{class:"wgd-field-label"},["Preview kind"]),A]));let R=[],F=[];for(let p of ke){let T=s("input",{type:"text",class:"wgd-input",placeholder:Ke[p]});T.value=n.tokens[p]??"";let S=z(void 0),I=ve[p].type==="color"?s("input",{type:"color",class:"wgd-swatch",title:`Pick --wg-${p}`}):void 0,U=X=>{let q=X===""?Ke[p]:X;if(I!==void 0){let K=Zo(q);K!==void 0&&(I.value=K),I.style.background=Je(q)?q:"transparent"}};U(T.value),I?.addEventListener("input",()=>{T.value=I.value,T.dispatchEvent(new Event("input",{bubbles:!0}))}),T.addEventListener("input",()=>{let X=T.value!==""&&!Je(T.value);S.hidden=!X,S.textContent=X?`INVALID_TOKEN_VALUE: unsafe value withheld from the preview. ${_n}`:"",U(T.value),y(p,T.value)}),R.push(()=>{document.activeElement!==T&&(T.value=n.tokens[p]??"",U(T.value))}),F.push(s("div",void 0,[s("label",{class:"wgd-field",title:ve[p].use},[s("span",{class:"wgd-field-label"},[`--wg-${p}`]),s("div",{class:"wgd-token-row"},I===void 0?[T]:[T,I])]),S]))}let V=Q("Tokens",F),D=s("div",{class:"wgd-jt-children"}),L=z(void 0);function W(){return Object.entries(n.tokens).filter(([p])=>wi.test(p))}function M(){let p=W().map(([S,I])=>{let U=s("input",{type:"text",class:"wgd-input wgd-jt-keyinput"});U.value=S,U.addEventListener("change",()=>{let K=U.value;if(!wi.test(K)){L.hidden=!1,L.textContent=`'${K}' is not a valid custom name \u2014 use x-<lowercase-kebab>.`,U.value=S;return}L.hidden=!0;let Y={...n.tokens};delete Y[S],Y[K]=I,n={...n,tokens:Y},M(),u()});let X=s("input",{type:"text",class:"wgd-input"});X.value=I,X.addEventListener("input",()=>y(S,X.value));let q=s("button",{class:"wgd-icon",type:"button",title:"Remove"},["\u2715"]);return q.addEventListener("click",()=>{y(S,""),M()}),s("div",{class:"wgd-attr-row"},[U,X,q])}),T=s("button",{class:"wgd-button wgd-add",type:"button"},["+ variable"]);T.addEventListener("click",()=>{let S="x-custom";for(let I=1;S in n.tokens;I++)S=`x-custom${I}`;y(S,"0"),M()}),D.replaceChildren(...p,s("div",{class:"wgd-toolbar"},[T]))}M();let j=Q("Custom variables (--wg-x-*)",[D,L]),B=s("textarea",{class:"wgd-textarea",rows:"8",readonly:"",spellcheck:"false"}),te=s("button",{class:"wgd-button wgd-add",type:"button"},["Export theme entry"]);te.addEventListener("click",()=>{B.value=JSON.stringify(w(),null,2)});let x=s("textarea",{class:"wgd-textarea",rows:"5",spellcheck:"false"}),v=z(void 0),O=s("button",{class:"wgd-button",type:"button"},["Import"]);O.addEventListener("click",()=>{let p;try{p=JSON.parse(x.value)}catch(S){v.hidden=!1,v.textContent=`Invalid JSON: ${le(S)}`;return}let T=P(p);v.hidden=T.ok,v.textContent=T.ok?"":T.errors.join(`
|
|
456
|
+
`)});let $=Q("Import",[s("span",{class:"wgd-field-label"},["Import theme entry JSON"]),x,v,s("div",{class:"wgd-row"},[O])]),_=Q("Export",[s("div",{class:"wgd-toolbar"},[te]),B]);_.classList.add("wgd-view-only");let H=fn(n.styles,p=>{let{styles:T,...S}=n;n=p===void 0?S:{...S,styles:p},H.setIssues(Ct(n.styles)),u()});H.setIssues(Ct(n.styles)),f.append(b,V,j,$,_),H.element.classList.add("wgd-edit-only"),a.append(H.element);function P(p){let T=ts(p,n.name);if(T.length>0)return{ok:!1,errors:T};n=yi(p);for(let S of g)S();for(let S of R)S();return M(),H.setValue(n.styles),H.setIssues(Ct(n.styles)),u(),{ok:!0}}u();function m(p){l.classList.toggle("wgd-readonly",p);let T=[...l.querySelectorAll(".wgd-panels .wgd-section-body, .wgd-edit-only > .wgd-section-body")].filter(S=>!S.parentElement?.classList.contains("wgd-view-only"));for(let S of T)p?S.setAttribute("inert",""):S.removeAttribute("inert")}return t.readOnly===!0&&m(!0),{getTheme:w,loadTheme:P,setReadOnly:m,subscribe(p){return r.add(p),()=>r.delete(p)},dispose(){r.clear(),i.dispose(),l.remove()}}}function ns(){return{name:"my-action",label:"My action",definition:{kind:"prompt",text:["Tell me more about ",{bind:"title"}]}}}function rs(e){let t=[];if(!E(e))return["Action entry must be an object."];(typeof e.name!="string"||!rn.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=ut(e.definition,"definition");return n&&t.push(`${n.message} (at ${n.path})`),t}function is(e){let t={name:e.name,definition:oe(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 ki(e,t,n){let{[t]:r,...i}=e;return n===""?i:{...i,[t]:n}}function xi(e,t={}){Te(document);let n=t.initialAction?oe(t.initialAction):ns(),r=t.testCall,i=new Set,o=s("div",{class:"wgd-panels"}),d=s("div",{class:"wgd-root wgd-action-designer"},[o]);(t.appearance==="light"||t.appearance==="dark")&&d.setAttribute("data-wgd-theme",t.appearance),Se(d,t.chrome),e.appendChild(d);let f=()=>oe(n);function a(){for(let m of[...i])m(f())}let l=[],c=z(void 0);function u(m,p,T){let S=Ie(m,p(),T),I=he(S,"input");return l.push(()=>{document.activeElement!==I&&(I.value=p())}),S}let w=Q("Action",[u("Name (id)",()=>n.name,m=>{n={...n,name:m};let p=!rn.test(m);c.hidden=!p,c.textContent=p?"Name must be lowercase letters, digits and dashes, starting with a letter.":"",a()}),c,u("Label",()=>n.label??"",m=>{n=ki(n,"label",m),a()}),u("Description",()=>n.description??"",m=>{n=ki(n,"description",m),a()})]),y=z(void 0),g=er(n.definition,{...t.schemas?{schemas:t.schemas}:{},...t.secretNames?{secretNames:t.secretNames}:{}},m=>{n={...n,definition:m},b(),A(),j(),a()}),h=z(void 0),k=s("textarea",{class:"wgd-textarea",rows:"12",spellcheck:"false"}),N=s("div",void 0,[k,h]);k.value=JSON.stringify(n.definition,null,2),k.addEventListener("input",()=>{try{let m=JSON.parse(k.value),p=ut(m,"definition");if(p)throw new Error(`${p.message} (at ${p.path})`);h.hidden=!0,h.textContent="",n={...n,definition:m},g.setValue(n.definition),A(),j(),a()}catch(m){h.hidden=!1,h.textContent=`Invalid (definition keeps the last valid value): ${le(m)}`}});function b(){document.activeElement!==k&&(k.value=JSON.stringify(n.definition,null,2),pe(k))}function A(){let m=ut(n.definition,"definition");y.hidden=m===void 0,y.textContent=m?`${m.message} (at ${m.path})`:""}A();let R=s("button",{class:"wgd-button wgd-tab wgd-tab-active",type:"button"},["Editor"]),F=s("button",{class:"wgd-button wgd-tab",type:"button"},["JSON"]);N.hidden=!0,R.addEventListener("click",()=>{g.element.hidden=!1,N.hidden=!0,R.classList.add("wgd-tab-active"),F.classList.remove("wgd-tab-active")}),F.addEventListener("click",()=>{g.element.hidden=!0,N.hidden=!1,F.classList.add("wgd-tab-active"),R.classList.remove("wgd-tab-active"),b()});let V=Q("Definition",[s("div",{class:"wgd-row"},[R,F]),y,g.element,N]),D=s("div",{class:"wgd-action-test"}),L=Q("Test",[D]),W={},M;function j(){if(r===void 0)return;if(D.replaceChildren(),n.definition.kind!=="http"){M=void 0,W={},D.append(s("p",{class:"wgd-diagnostic"},["Prompt actions run in the host's composer; nothing to test."]));return}let m=n.definition,p=JSON.stringify(m.input);p!==M&&(W={}),M=p;let T=pn(m.input,W,U=>{W=E(U)?U:{}});W=E(T.getValue())?T.getValue():{};let S=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"),S.textContent="\u2026",r(m,W).then(U=>{S.textContent=typeof U=="string"?U:JSON.stringify(U,null,2)}).catch(U=>{S.textContent=`Test failed: ${U.message}`}).finally(()=>{I.disabled=!1,I.classList.remove("wgd-busy"),I.removeAttribute("aria-busy")})}),D.append(s("span",{class:"wgd-field-label"},["Arguments"]),T.element,s("div",{class:"wgd-row"},[I]),S)}j();let B=z(void 0),te=s("textarea",{class:"wgd-textarea wgd-action-import",rows:"6",spellcheck:"false"}),x=s("button",{class:"wgd-button",type:"button"},["Import"]);x.addEventListener("click",()=>{let m;try{m=JSON.parse(te.value)}catch(T){B.hidden=!1,B.textContent=`Invalid JSON: ${le(T)}`;return}let p=H(m);B.hidden=p.ok,B.textContent=p.ok?"":p.errors.join(`
|
|
457
|
+
`)});let v=Q("Import",[s("span",{class:"wgd-field-label"},["Import action entry JSON ({ name, label?, description?, definition })"]),te,B,s("div",{class:"wgd-row"},[x])]),O=s("textarea",{class:"wgd-textarea",rows:"8",readonly:"",spellcheck:"false"}),$=s("button",{class:"wgd-button wgd-add",type:"button"},["Export action entry"]);$.addEventListener("click",()=>{O.value=JSON.stringify(f(),null,2),pe(O)});let _=Q("Export",[s("div",{class:"wgd-toolbar"},[$]),O]);_.classList.add("wgd-view-only"),o.append(w,V,...r===void 0?[]:[L],v,_),ue(k),ue(te),ue(O);function H(m){let p=rs(m);if(p.length>0)return{ok:!1,errors:p};n=is(m),W={};for(let T of l)T();return c.hidden=!0,g.setValue(n.definition),b(),A(),j(),a(),{ok:!0}}function P(m){d.classList.toggle("wgd-readonly",m);let p=[...o.querySelectorAll(".wgd-section-body")].filter(T=>!T.parentElement?.classList.contains("wgd-view-only"));for(let T of p)m?T.setAttribute("inert",""):T.removeAttribute("inert")}return t.readOnly===!0&&P(!0),{getAction:f,loadAction:H,setReadOnly:P,subscribe(m){return i.add(m),()=>i.delete(m)},dispose(){i.clear(),d.remove()}}}var Sn=[{mode:"light",label:"Light hosts",builtIn:"Built-in light"},{mode:"dark",label:"Dark hosts",builtIn:"Built-in dark"}];function os(e){if(!E(e))return["Settings must be an object of named sections."];let t=[],n=e.resourceDomains;n!==void 0&&(!Array.isArray(n)||!n.every(i=>typeof i=="string"))&&t.push("resourceDomains: must be a list of domain strings.");let r=e.defaultThemes;if(r===void 0)return t;if(!E(r))return[...t,"defaultThemes: must be an object of { light?, dark? }."];for(let[i,o]of Object.entries(r))Sn.some(d=>d.mode===i)?typeof o!="string"&&t.push(`defaultThemes: the ${i} default must be a theme name.`):t.push(`defaultThemes: '${i}' is not a theme mode.`);return t}function Ei(e,t={}){Te(document);let n=t.themes??[],r=t.initialSettings?oe(t.initialSettings):{},i=new Set,o=s("div",{class:"wgd-panels"}),d=s("div",{class:"wgd-root wgd-settings-designer"},[o]);(t.appearance==="light"||t.appearance==="dark")&&d.setAttribute("data-wgd-theme",t.appearance),Se(d,t.chrome),e.appendChild(d);function f(){return{...oe(r),defaultThemes:oe(r.defaultThemes??{})}}function a(){for(let L of[...i])L(f())}let l=new Map;function c(L,W,M){let j=r.defaultThemes?.[W];L.replaceChildren(s("option",{value:""},[M]));for(let B of n)L.append(s("option",{value:B.name},[B.label??B.name]));j!==void 0&&!n.some(B=>B.name===j)&&L.append(s("option",{value:j,class:"wgd-unavailable"},[`${j} (unavailable)`])),L.value=j??""}let u=Sn.map(({mode:L,label:W,builtIn:M})=>{let j=s("select",{class:"wgd-select wgd-default-theme","data-mode":L});return c(j,L,M),j.addEventListener("change",()=>{let B={...r.defaultThemes??{}};j.value===""?delete B[L]:B[L]=j.value,r={...r,defaultThemes:B},a()}),l.set(L,j),s("label",{class:"wgd-row"},[s("span",{class:"wgd-field-label"},[W]),j])}),w=Q("Default themes",[s("span",{class:"wgd-field-label"},["The theme a render uses when it names none: light hosts get the light default, dark hosts the dark one."]),...u]);o.append(w);let y=s("div",{class:"wgd-domains"}),g=s("input",{type:"text",class:"wgd-input wgd-domain-add",placeholder:"cdn.example.com",spellcheck:"false","aria-label":"Add a resource domain"}),h=s("button",{class:"wgd-icon",type:"button",title:"Add domain"},["+"]);function k(L){let W=Rn(L);return"error"in W?{value:L.trim(),mark:`Not a resource domain: ${W.error}.`,error:!0}:{value:W.origin,mark:W.origin,error:!1}}function N(L){r={...r,resourceDomains:L},b(),a()}function b(){let L=r.resourceDomains??[];y.replaceChildren(...L.map((M,j)=>{let B=s("input",{type:"text",class:"wgd-input wgd-domain",spellcheck:"false","aria-label":`Resource domain ${j+1}`});B.value=M,B.addEventListener("change",()=>{let O=[...L];O[j]=k(B.value).value,N(O)});let te=s("button",{class:"wgd-icon",type:"button",title:"Remove domain"},["\u2715"]);te.addEventListener("click",()=>N(L.filter((O,$)=>$!==j)));let{mark:x,error:v}=k(M);return s("div",{class:"wgd-domain-entry"},[s("div",{class:"wgd-row"},[B,te]),v?z(x):s("span",{class:"wgd-field-label wgd-domain-origin"},[x])])}));let W=L.length>=20;g.disabled=W,h.disabled=W}function A(){if(g.value.trim()===""||(r.resourceDomains??[]).length>=20)return;let L=k(g.value).value;g.value="",N([...r.resourceDomains??[],L])}h.addEventListener("click",A),g.addEventListener("keydown",L=>{L.key==="Enter"&&(L.preventDefault(),A())});let R=Q("Resource domains",[s("span",{class:"wgd-field-label"},[`Domains your widgets' images may load from directly in chat hosts that honor them, when the server does not copy an image inline. Enter cdn.example.com or *.example.com, optionally with https:// (no ports, paths or IP addresses), at most ${20}.`]),s("span",{class:"wgd-field-label"},["Any render, including image addresses an agent supplies, may load from these domains in the viewer's browser, so list only domains you control. A domain that redirects needs its target listed too, and a chat client keeps the list it read until it reloads."]),y,s("div",{class:"wgd-row"},[g,h])]);o.append(R),b();function F(L){let W=os(L);if(W.length>0)return{ok:!1,errors:W};r=oe(L);for(let{mode:M,builtIn:j}of Sn){let B=l.get(M);B!==void 0&&c(B,M,j)}return b(),a(),{ok:!0}}function V(L){d.classList.toggle("wgd-readonly",L);for(let W of o.querySelectorAll(".wgd-section-body"))L?W.setAttribute("inert",""):W.removeAttribute("inert")}t.readOnly===!0&&V(!0);function D(L){n=[...L];for(let{mode:W,builtIn:M}of Sn){let j=l.get(W);j!==void 0&&c(j,W,M)}}return{getSettings:f,loadSettings:F,setThemes:D,setReadOnly:V,subscribe(L){return i.add(L),()=>i.delete(L)},dispose(){i.clear(),d.remove()}}}function Pt(e){let t=e.getAttribute("appearance"),n=Gr(e.getAttribute("chrome"));return{...t==="light"||t==="dark"?{appearance:t}:{},...n===void 0?{}:{chrome:n}}}var Si="widgentic-designer",Ti="widgentic-theme-designer",Di="widgentic-schema-designer",Ai="widgentic-action-designer",Oi="widgentic-settings-designer";function rr(e=Si){if(customElements.get(e)!==void 0)return;class t extends HTMLElement{#e;#t;connectedCallback(){this.#e===void 0&&(this.#e=mi(this,Pt(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 ir(e=Ti){if(customElements.get(e)!==void 0)return;class t extends HTMLElement{#e;#t;connectedCallback(){this.#e===void 0&&(this.#e=vi(this,Pt(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 or(e=Di){if(customElements.get(e)!==void 0)return;class t extends HTMLElement{#e;#t;connectedCallback(){this.#e===void 0&&(this.#e=hi(this,Pt(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 sr(e=Ai){if(customElements.get(e)!==void 0)return;class t extends HTMLElement{#e;#t;connectedCallback(){this.#e===void 0&&(this.#e=xi(this,Pt(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)}function ss(e,t){if(!Object.prototype.hasOwnProperty.call(e,t))return;let n=e,r=n[t];delete n[t],n[t]=r}function ar(e=Oi){if(customElements.get(e)!==void 0)return;class t extends HTMLElement{#e;#t;#n=[];constructor(){super(),ss(this,"themes")}get themes(){return[...this.#n]}set themes(r){this.#n=Array.isArray(r)?[...r]:[],this.#e?.setThemes(this.#n)}connectedCallback(){this.#e===void 0&&(this.#e=Ei(this,{...Pt(this),themes:this.#n}),this.#t=this.#e.subscribe(r=>{this.dispatchEvent(new CustomEvent("widgentic-change",{detail:{settings: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)}sr();rr();or();ir();ar();
|
|
455
458
|
//# sourceMappingURL=widgentic-designer.js.map
|