@north-light/crouter 0.3.192 → 0.3.194

package/dist/pages/bundle.js

@@ -0,0 +1,1347 @@
+"use strict";(()=>{function B(o){switch(o.kind){case"whole":return"whole";case"option":return`option:${o.optionId}`;case"row":return`row:${o.rowId}`;case"column":return`column:${o.columnId}`;case"card":return`card:${o.cardId}`;case"range":return`range:${o.start}:${o.end}`}}function x(o,t){let e=B(t);return o.find(r=>B(r.anchor)===e)}function H(o,t,e){let r=B(t),n=o.filter(s=>B(s.anchor)!==r),i=e.trim();if(i==="")return n;let a=o.find(s=>B(s.anchor)===r);return[...n,{id:a?.id??Bt(),anchor:t,text:i}]}var ht=0;function Bt(){return ht+=1,`c${ht}`}function Z(o){switch(o.kind){case"whole":return"this";case"range":return`\u201C${o.quote}\u201D`;default:return B(o)}}function Q(){return typeof window>"u"?void 0:window.crtr}function ft(o){if(o instanceof Error&&o.message!=="")return o.message;let t=String(o);return t===""?"unknown error":t}function gt(o){return{status:"unavailable",reason:`host bridge does not provide ${o}()`}}function R(o,t){let e=Q();if(typeof e?.respond!="function")return gt("respond");try{return e.respond(o,t),{status:"ok"}}catch(r){return{status:"failed",reason:ft(r)}}}async function P(o){let t=Q();if(typeof t?.artifact?.data!="function")return gt("artifact.data");try{return{status:"ok",data:await t.artifact.data(o)}}catch(e){return{status:"failed",reason:ft(e)}}}async function bt(o,t,e){let r=Q();if(typeof r?.mountWorkspaceComponent!="function")return"unavailable";try{return await r.mountWorkspaceComponent(o,t,e)}catch{return"unavailable"}}function b(o,t){customElements.define(o,t)}function C(o){let t=o.querySelector('script[type="application/json"]');if(t===null)return{status:"invalid",reason:"slot has no application/json config"};let e=t.textContent??"";if(e.trim()==="")return{status:"invalid",reason:"slot config is empty"};let r;try{r=JSON.parse(e)}catch(n){return{status:"invalid",reason:`slot config is not valid JSON: ${n instanceof Error&&n.message!==""?n.message:"invalid JSON"}`}}return typeof r!="object"||r===null||Array.isArray(r)?{status:"invalid",reason:"slot config must be a JSON object"}:{status:"ok",config:r}}function $(o){let t=o.getAttribute("slot-id")?.trim();return t===void 0||t===""?void 0:t}var Pt='<svg viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path d="M2.5 3.5h11v7h-6l-3 2.5v-2.5h-2z"/><path d="M8 5.5v3M6.5 7h3"/></svg>',_t='<svg viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path d="M2.5 3.5h11v7h-6l-3 2.5v-2.5h-2z"/><path d="M5 6.25h6M5 8.25h4"/></svg>',vt=`
+  :host {
+    display: block;
+  }
+
+  [part="container"] {
+    display: grid;
+    gap: var(--crtr-space-3);
+  }
+
+  [part="list"] {
+    display: grid;
+    gap: var(--crtr-space-2);
+  }
+
+  [part="option"] {
+    position: relative;
+    display: flex;
+    align-items: flex-start;
+    gap: var(--crtr-space-3);
+    padding: var(--crtr-space-2) var(--crtr-space-3);
+    background: var(--crtr-color-surface);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+    transition: background-color 120ms ease, border-color 120ms ease;
+  }
+
+  [part="option"]:hover,
+  [part="option"][data-active="true"] {
+    background: var(--crtr-color-surface-hover);
+  }
+
+  [part="option"][data-selected="true"] {
+    border-color: var(--crtr-color-accent);
+    background: color-mix(in srgb, var(--crtr-color-accent) 10%, var(--crtr-color-surface));
+  }
+
+  [part="option-label"] {
+    display: flex;
+    flex: 1;
+    align-items: flex-start;
+    gap: var(--crtr-space-3);
+    cursor: pointer;
+  }
+
+  [part="option-control"] {
+    margin: 0;
+    margin-top: 0.15em;
+    accent-color: var(--crtr-color-accent);
+  }
+
+  [part="option-control"]:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: 2px;
+  }
+
+  [part="option-text"] {
+    display: grid;
+    gap: var(--crtr-space-1);
+  }
+
+  [part="option-title"] {
+    font-weight: 500;
+  }
+
+  [part="option-description"] {
+    color: var(--crtr-color-text-muted);
+    font-size: 0.9em;
+  }
+
+  [part="comment"] {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex: none;
+    width: 1.5rem;
+    height: 1.5rem;
+    padding: 0;
+    color: var(--crtr-color-text-muted);
+    background: transparent;
+    border: 1px solid transparent;
+    border-radius: var(--crtr-radius-small);
+    opacity: 0;
+    cursor: pointer;
+    transition: opacity 120ms ease, color 120ms ease, background-color 120ms ease;
+  }
+
+  [part="option"]:hover [part="comment"],
+  [part="option"][data-active="true"] [part="comment"],
+  [part="option"]:focus-within [part="comment"],
+  [part="comment"][data-state="commented"],
+  [part="comment"][aria-expanded="true"] {
+    opacity: 1;
+  }
+
+  [part="comment"]:hover {
+    background: var(--crtr-color-surface-hover);
+    border-color: var(--crtr-color-border);
+  }
+
+  [part="comment"]:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: 1px;
+  }
+
+  [part="comment"][data-state="commented"] {
+    color: var(--crtr-color-accent);
+  }
+
+  [part="comment"] svg {
+    width: 0.9rem;
+    height: 0.9rem;
+    fill: none;
+    stroke: currentColor;
+    stroke-width: 1.25;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+  }
+
+  [part="comment-popover"] {
+    position: absolute;
+    top: calc(100% + var(--crtr-space-1));
+    right: 0;
+    z-index: 2;
+    display: grid;
+    gap: var(--crtr-space-2);
+    width: min(20rem, 100%);
+    padding: var(--crtr-space-3);
+    background: var(--crtr-color-background);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+    box-shadow: var(--crtr-shadow);
+  }
+
+  [part="comment-popover"][hidden] {
+    display: none;
+  }
+
+  [part="comment-subject"] {
+    margin: 0;
+    color: var(--crtr-color-text-muted);
+    font-family: var(--crtr-font-mono);
+    font-size: 0.75em;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+  }
+
+  [part="comment-input"],
+  [part="freetext-input"] {
+    width: 100%;
+    box-sizing: border-box;
+    padding: var(--crtr-space-2);
+    color: var(--crtr-color-text);
+    font: inherit;
+    background: var(--crtr-color-surface);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-small);
+    resize: vertical;
+  }
+
+  [part="comment-input"] {
+    min-height: 4.5rem;
+  }
+
+  [part="freetext-input"] {
+    min-height: 4rem;
+  }
+
+  [part="comment-input"]:focus-visible,
+  [part="freetext-input"]:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: -1px;
+  }
+
+  [part="comment-actions"] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--crtr-space-2);
+  }
+
+  [part="comment-hint"] {
+    color: var(--crtr-color-text-muted);
+    font-family: var(--crtr-font-mono);
+    font-size: 0.75em;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+  }
+
+  [part="comment-cancel"],
+  [part="comment-save"] {
+    padding: var(--crtr-space-1) var(--crtr-space-2);
+    font: inherit;
+    font-size: 0.9em;
+    border-radius: var(--crtr-radius-small);
+    cursor: pointer;
+  }
+
+  [part="comment-cancel"] {
+    color: var(--crtr-color-text-muted);
+    background: transparent;
+    border: 1px solid transparent;
+  }
+
+  [part="comment-cancel"]:hover {
+    color: var(--crtr-color-text);
+    background: var(--crtr-color-surface-hover);
+  }
+
+  [part="comment-save"] {
+    color: var(--crtr-color-accent-contrast);
+    background: var(--crtr-color-accent);
+    border: 1px solid var(--crtr-color-accent);
+  }
+
+  [part="comment-cancel"]:focus-visible,
+  [part="comment-save"]:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: 1px;
+  }
+
+  [part="freetext"] {
+    display: grid;
+    gap: var(--crtr-space-1);
+  }
+
+  [part="freetext-label"] {
+    color: var(--crtr-color-text-muted);
+    font-size: 0.85em;
+  }
+
+  [part="unavailable"] {
+    padding: var(--crtr-space-3);
+    color: var(--crtr-color-text-muted);
+    background: var(--crtr-color-surface);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+  }
+
+  [part="reason"] {
+    color: var(--crtr-color-text);
+    font-family: var(--crtr-font-mono);
+  }
+`,xt=0;function Kt(o){return o instanceof HTMLTextAreaElement||o instanceof HTMLElement&&o.isContentEditable?!0:o instanceof HTMLInputElement?o.type!=="checkbox"&&o.type!=="radio":!1}var et=class extends HTMLElement{#n;#d;#c;#t=new Map;#r=[];#e=[];#i=[];#l;#s;#a;#u=!1;constructor(){super(),this.#n=this.attachShadow({mode:"open"})}connectedCallback(){if(this.#u)return;this.#u=!0,this.#c=$(this);let t=C(this);if(t.status!=="ok"){this.#o(t.reason);return}let e=t.config;if(!Array.isArray(e.options)||e.options.length===0){this.#o("options config lists no options");return}this.#d=e,this.#r=e.options.map(r=>r.id),this.#p(e),this.#A()}disconnectedCallback(){document.removeEventListener("pointerdown",this.#g,!0)}#o(t){let e=document.createElement("style");e.textContent=vt;let r=document.createElement("div");r.part.add("unavailable"),r.setAttribute("role","status");let n=document.createElement("span");n.part.add("reason"),n.textContent=t,r.append("Options unavailable: ",n),this.#n.replaceChildren(e,r)}#p(t){let e=document.createElement("style");e.textContent=vt;let r=document.createElement("div");r.part.add("container");let n=document.createElement("div");n.part.add("list"),t.mode==="single"&&n.setAttribute("role","radiogroup"),xt+=1;let i=`crtr-options-${xt}`;for(let a of t.options)n.append(this.#f(t,a,i));r.append(n),t.allowFreetext===!0&&r.append(this.#m(t)),r.addEventListener("keydown",a=>this.#h(a)),this.#n.replaceChildren(e,r)}#f(t,e,r){let n=document.createElement("div");n.part.add("option"),n.dataset.optionId=e.id;let i=document.createElement("label");i.part.add("option-label");let a=document.createElement("input");a.part.add("option-control"),a.type=t.mode==="single"?"radio":"checkbox",a.name=r,a.value=e.id,a.addEventListener("change",()=>this.#E(e.id,a.checked)),a.addEventListener("focus",()=>this.#v(e.id));let s=document.createElement("span");s.part.add("option-text");let c=document.createElement("span");if(c.part.add("option-title"),c.textContent=e.label,s.append(c),e.description!==void 0&&e.description!==""){let y=document.createElement("span");y.part.add("option-description"),y.textContent=e.description,s.append(y)}i.append(a,s);let d=document.createElement("button");d.part.add("comment"),d.type="button",d.setAttribute("aria-haspopup","dialog"),d.addEventListener("click",()=>{this.#a===e.id?this.#y():this.#w(e.id)});let u=document.createElement("div");u.part.add("comment-popover"),u.setAttribute("role","dialog"),u.hidden=!0;let g=document.createElement("p");g.part.add("comment-subject"),g.textContent=`Comment on ${e.label}`,u.setAttribute("aria-label",g.textContent);let m=document.createElement("textarea");m.part.add("comment-input"),m.placeholder="What should the agent know about this?",m.addEventListener("keydown",y=>{if(y.key==="Enter"&&(y.metaKey||y.ctrlKey)){y.preventDefault(),this.#C(e.id);return}y.key==="Escape"&&(y.preventDefault(),this.#y())});let W=document.createElement("div");W.part.add("comment-actions");let D=document.createElement("span");D.part.add("comment-hint");let A=document.createElement("span"),T=document.createElement("button");T.part.add("comment-cancel"),T.type="button",T.textContent="Cancel",T.addEventListener("click",()=>this.#y());let M=document.createElement("button");return M.part.add("comment-save"),M.type="button",M.textContent="Save",M.addEventListener("click",()=>this.#C(e.id)),A.append(T,M),W.append(D,A),u.append(g,m,W),n.append(i,d,u),n.addEventListener("mouseenter",()=>this.#v(e.id)),n.addEventListener("mouseleave",()=>this.#x(e.id)),this.#t.set(e.id,{id:e.id,label:e.label,root:n,control:a,comment:d,popover:u,input:m,hint:D}),n}#m(t){let e=document.createElement("label");e.part.add("freetext");let r=document.createElement("span");r.part.add("freetext-label"),r.textContent=t.freetextLabel??"Something else";let n=document.createElement("textarea");return n.part.add("freetext-input"),n.placeholder=t.freetextPlaceholder??"Answer in your own words\u2026",n.addEventListener("input",()=>{this.#l=n.value===""?void 0:n.value,this.#b()}),e.append(r,n),e}#h(t){if(t.metaKey||t.ctrlKey||t.altKey||Kt(t.target))return;let e=t.key.toLowerCase(),r=this.#s??this.#e.at(-1)??this.#r[0];if(r!==void 0){if(e==="j"||e==="k"){t.preventDefault();let n=Math.max(0,this.#r.indexOf(r)),i=e==="j"?1:-1,a=this.#r[(n+i+this.#r.length)%this.#r.length];this.#v(a),this.#t.get(a)?.control.focus();return}if(e==="x"){t.preventDefault();let n=this.#e.includes(r);this.#E(r,this.#d?.mode==="single"?!0:!n);return}e==="c"&&(t.preventDefault(),this.#w(r))}}#v(t){this.#s!==t&&(this.#s=t,this.#A())}#x(t){this.#s===t&&(this.#s=void 0,this.#A())}#E(t,e){if(this.#d!==void 0){if(this.#d.mode==="single")this.#e=[t];else{let r=e?[...this.#e,t]:this.#e.filter(n=>n!==t);this.#e=this.#r.filter(n=>r.includes(n))}this.#v(t),this.#A(),this.#b()}}#g=t=>{if(this.#a===void 0)return;let e=this.#t.get(this.#a);if(e===void 0)return;let r=t.composedPath();r.includes(e.popover)||r.includes(e.comment)||this.#y(!1)};#w(t){let e=this.#t.get(t);e!==void 0&&(this.#a===void 0&&document.addEventListener("pointerdown",this.#g,!0),this.#a=t,this.#s=t,e.input.value=x(this.#i,tt(t))?.text??"",this.#A(),e.input.focus())}#y(t=!0){if(this.#a===void 0)return;let e=this.#t.get(this.#a);this.#a=void 0,document.removeEventListener("pointerdown",this.#g,!0),this.#A(),t&&e?.comment.focus()}#C(t){let e=this.#t.get(t);e!==void 0&&(this.#i=H(this.#i,tt(t),e.input.value),this.#y(),this.#b())}#A(){for(let t of this.#t.values()){let e=this.#e.includes(t.id);t.control.checked=e,t.root.dataset.selected=String(e),t.root.dataset.active=String(this.#s===t.id);let r=x(this.#i,tt(t.id));t.comment.dataset.state=r===void 0?"empty":"commented",t.comment.innerHTML=r===void 0?Pt:_t,t.comment.setAttribute("aria-label",r===void 0?`Comment on ${t.label}`:`Edit comment on ${t.label}`);let n=this.#a===t.id;t.comment.setAttribute("aria-expanded",String(n)),t.popover.hidden=!n,t.hint.textContent=r===void 0?"\u2318\u21B5 to save":"empty to delete"}}#b(){if(this.#c===void 0)return;let t={selectedOptionIds:[...this.#e],comments:this.#i.map(e=>({...e}))};this.#d?.allowFreetext===!0&&this.#l!==void 0&&(t.freetext=this.#l),R(this.#c,t)}};function tt(o){return{kind:"option",optionId:o}}b("crtr-options",et);var rt={kind:"whole"},_="the whole passage",q="the selected text",Gt=6,Tt="comment-popover",Wt=`
+  :host {
+    display: block;
+  }
+
+  [part="container"] {
+    position: relative;
+    display: grid;
+    gap: var(--crtr-space-2);
+  }
+
+  [part="toolbar"] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-end;
+    gap: var(--crtr-space-2);
+  }
+
+  [part="edited"] {
+    padding: 0 var(--crtr-space-2);
+    color: var(--crtr-color-accent);
+    background: color-mix(in srgb, var(--crtr-color-accent) 14%, transparent);
+    border-radius: var(--crtr-radius-small);
+    font-family: var(--crtr-font-mono);
+    font-size: 0.6875rem;
+    letter-spacing: 0.06em;
+    line-height: 1.7;
+    text-transform: uppercase;
+  }
+
+  button {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--crtr-space-1);
+    max-width: 100%;
+    padding: var(--crtr-space-1) var(--crtr-space-2);
+    color: var(--crtr-color-text-muted);
+    font: inherit;
+    background: transparent;
+    border: 1px solid transparent;
+    border-radius: var(--crtr-radius-small);
+    cursor: pointer;
+  }
+
+  button:hover {
+    color: var(--crtr-color-text);
+    background: var(--crtr-color-surface-hover);
+  }
+
+  button:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: 2px;
+  }
+
+  button[data-state="on"] {
+    color: var(--crtr-color-accent);
+  }
+
+  svg {
+    width: 0.875rem;
+    height: 0.875rem;
+    flex: none;
+  }
+
+  [part="editor"] {
+    display: block;
+    box-sizing: border-box;
+    width: 100%;
+    min-height: 10rem;
+    padding: var(--crtr-space-3) var(--crtr-space-4);
+    color: var(--crtr-color-text);
+    font: inherit;
+    line-height: var(--crtr-line-height);
+    background: var(--crtr-color-background);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+    resize: vertical;
+  }
+
+  [part="editor"]:focus-visible,
+  [part="popover-input"]:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: -1px;
+  }
+
+  [part="body"] {
+    position: relative;
+    padding: var(--crtr-space-3) var(--crtr-space-4);
+    background: var(--crtr-color-surface);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+  }
+
+  [part="body"]:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: 2px;
+  }
+
+  [part="prose"] {
+    display: grid;
+    gap: var(--crtr-space-3);
+  }
+
+  [part="prose"] p {
+    margin: 0;
+    white-space: pre-wrap;
+  }
+
+  [part="placeholder"] {
+    color: var(--crtr-color-text-muted);
+  }
+
+  [part~="commented"] {
+    position: relative;
+    border-radius: var(--crtr-radius-small);
+    background: color-mix(in srgb, var(--crtr-color-accent) 18%, transparent);
+    text-decoration: underline dotted;
+    text-decoration-color: var(--crtr-color-accent);
+    text-underline-offset: 4px;
+    cursor: help;
+    outline: none;
+  }
+
+  [part~="commented"]:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: 2px;
+  }
+
+  [part="comment-bubble"] {
+    position: absolute;
+    bottom: calc(100% + var(--crtr-space-1));
+    left: 0;
+    z-index: 2;
+    display: grid;
+    gap: var(--crtr-space-1);
+    width: max-content;
+    max-width: 18rem;
+    padding: var(--crtr-space-2) var(--crtr-space-3);
+    color: var(--crtr-color-text);
+    background: var(--crtr-color-background);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+    box-shadow: var(--crtr-shadow);
+    text-decoration: none;
+    white-space: normal;
+    user-select: none;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 120ms ease 120ms, visibility 0s linear 240ms;
+  }
+
+  [part~="commented"]:hover > [part="comment-bubble"],
+  [part~="commented"]:focus > [part="comment-bubble"] {
+    opacity: 1;
+    visibility: visible;
+    transition: opacity 120ms ease 220ms, visibility 0s linear 220ms;
+  }
+
+  [part="bubble-label"],
+  [part="comment-count"],
+  [part="popover-subject"],
+  [part="popover-hint"] {
+    color: var(--crtr-color-text-muted);
+    font-family: var(--crtr-font-mono);
+    font-size: 0.6875rem;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+  }
+
+  [part="bubble-label"] {
+    color: var(--crtr-color-accent);
+  }
+
+  [part~="selection-comment"] {
+    position: absolute;
+    z-index: 3;
+    color: var(--crtr-color-accent);
+    background: var(--crtr-color-background);
+    border-color: color-mix(in srgb, var(--crtr-color-accent) 40%, transparent);
+    box-shadow: var(--crtr-shadow);
+  }
+
+  [part="comment-rail"] {
+    display: grid;
+    gap: var(--crtr-space-1);
+  }
+
+  [part="comment-chips"] {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--crtr-space-2);
+  }
+
+  [part~="comment-chip"] {
+    color: var(--crtr-color-text);
+    border-color: var(--crtr-color-border);
+    text-align: left;
+  }
+
+  [part~="comment-chip"] > span {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  [part="popover"] {
+    position: absolute;
+    z-index: 5;
+    box-sizing: border-box;
+    display: grid;
+    gap: var(--crtr-space-2);
+    width: 20rem;
+    max-width: 100%;
+    padding: var(--crtr-space-3);
+    background: var(--crtr-color-background);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+    box-shadow: var(--crtr-shadow);
+  }
+
+  [part="popover"][hidden],
+  [part="edited"][hidden],
+  [part="comment-rail"][hidden],
+  [part~="selection-comment"][hidden],
+  [part="popover-quote"][hidden],
+  [part="edit-toggle"][hidden] {
+    display: none;
+  }
+
+  [part="popover-subject"],
+  [part="popover-quote"] {
+    margin: 0;
+  }
+
+  [part="popover-quote"] {
+    padding: var(--crtr-space-1) var(--crtr-space-2);
+    color: var(--crtr-color-text-muted);
+    background: color-mix(in srgb, var(--crtr-color-accent) 8%, transparent);
+    border-left: 2px solid color-mix(in srgb, var(--crtr-color-accent) 40%, transparent);
+    white-space: pre-wrap;
+  }
+
+  [part="popover-input"] {
+    box-sizing: border-box;
+    width: 100%;
+    min-height: 5rem;
+    padding: var(--crtr-space-2);
+    color: var(--crtr-color-text);
+    font: inherit;
+    background: var(--crtr-color-surface);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-small);
+    resize: vertical;
+  }
+
+  [part="popover-actions"] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--crtr-space-2);
+  }
+
+  [part="popover-buttons"] {
+    display: flex;
+    gap: var(--crtr-space-2);
+  }
+
+  [part="popover-save"] {
+    color: var(--crtr-color-accent-contrast);
+    background: var(--crtr-color-accent);
+  }
+
+  [part="popover-save"]:hover {
+    color: var(--crtr-color-accent-contrast);
+    background: var(--crtr-color-accent);
+    opacity: 0.9;
+  }
+
+  [part="popover-cancel"] {
+    border-color: var(--crtr-color-border);
+  }
+
+  [part="unavailable"] {
+    padding: var(--crtr-space-3);
+    color: var(--crtr-color-text-muted);
+    background: var(--crtr-color-surface);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+    box-shadow: var(--crtr-shadow);
+  }
+
+  [part="reason"] {
+    color: var(--crtr-color-text);
+    font-family: var(--crtr-font-mono);
+  }
+`,yt="http://www.w3.org/2000/svg",At="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",Et=[At,"M12 7v6","M9 10h6"],wt=[At,"M13 8H7","M17 12H7"],Ft=["M12 20h9","M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z","m15 5 3 3"],qt=["M20 6 9 17l-5-5"];function Y(o){let t=document.createElementNS(yt,"svg");t.setAttribute("viewBox","0 0 24 24"),t.setAttribute("fill","none"),t.setAttribute("stroke","currentColor"),t.setAttribute("stroke-width","2"),t.setAttribute("stroke-linecap","round"),t.setAttribute("stroke-linejoin","round"),t.setAttribute("aria-hidden","true");for(let e of o){let r=document.createElementNS(yt,"path");r.setAttribute("d",e),t.append(r)}return t}function Vt(o){let t=[],e=/\n{2,}/g,r=0,n;for(;(n=e.exec(o))!==null;)t.push({start:r,text:o.slice(r,n.index)}),r=n.index+n[0].length;return t.push({start:r,text:o.slice(r)}),t.filter(i=>i.text.trim().length>0)}function Ut(o,t){let e=t.filter(i=>i.anchor.kind==="range").filter(i=>i.anchor.end>o.start&&i.anchor.start<o.start+o.text.length).sort((i,a)=>i.anchor.start-a.anchor.start),r=[],n=0;for(let i of e){let a=Math.max(n,i.anchor.start-o.start),s=Math.min(o.text.length,i.anchor.end-o.start);s<=a||(a>n&&r.push({text:o.text.slice(n,a)}),r.push({text:o.text.slice(a,s),comment:i}),n=s)}return n<o.text.length&&r.push({text:o.text.slice(n)}),r}function Yt(o){return(o.nodeType===Node.ELEMENT_NODE?o:o.parentElement)?.closest("[data-paragraph]")??null}function Xt(o,t,e){let r=document.createRange();r.selectNodeContents(o),r.setEnd(t,e);let n=r.cloneContents();for(let i of n.querySelectorAll('[part="comment-bubble"]'))i.remove();return n.textContent?.length??0}function Ct(o){let t=o.cloneNode(!0);for(let e of t.querySelectorAll('[part="comment-bubble"]'))e.remove();return t.textContent?.length??0}function kt(o,t,e,r){let n=Array.from(o.querySelectorAll("[data-paragraph]")),i=Yt(t);if(i){if(r==="end"&&e===0){let c=n.indexOf(i),d=n[c-1];if(d)return{paragraph:d,offset:Ct(d)}}return{paragraph:i,offset:Xt(i,t,e)}}let a=document.createRange();a.setStart(t,e),a.collapse(!0);let s=r==="start"?n:[...n].reverse();for(let c of s){let d=document.createRange();d.selectNodeContents(c);let u=a.compareBoundaryPoints(r==="start"?Range.START_TO_START:Range.START_TO_END,d);if(r==="start"&&u<=0||r==="end"&&u>=0)return{paragraph:c,offset:r==="start"?0:Ct(c)}}return null}function Jt(o,t){let e=o,r=[typeof e.getSelection=="function"?e.getSelection():null,document.getSelection()];for(let n of r){if(!n||n.isCollapsed||n.rangeCount===0)continue;let i=n.getRangeAt(0);if(t.contains(i.startContainer)&&t.contains(i.endContainer))return i}return null}function X(o){o.setAttribute("aria-haspopup","dialog"),o.setAttribute("aria-controls",Tt),o.setAttribute("aria-expanded","false")}var nt=class extends HTMLElement{#n;#d=document.createElement("div");#c=document.createElement("div");#t=document.createElement("span");#r=document.createElement("button");#e=document.createElement("button");#i=document.createElement("span");#l=document.createElement("div");#s=document.createElement("textarea");#a=document.createElement("div");#u=document.createElement("div");#o=document.createElement("button");#p=document.createElement("div");#f=document.createElement("span");#m=document.createElement("div");#h=document.createElement("div");#v=document.createElement("p");#x=document.createElement("blockquote");#E=document.createElement("textarea");#g=document.createElement("span");#w=document.createElement("button");#y=document.createElement("button");#C={initialText:""};#A;#b="";#k=[];#T=!1;#H=!1;#N=null;#M=null;constructor(){super(),this.#n=this.attachShadow({mode:"open"});let t=document.createElement("style");t.textContent=Wt,this.#d.part.add("container"),this.#c.part.add("toolbar"),this.#t.part.add("edited"),this.#t.textContent="edited",this.#t.hidden=!0,this.#r.type="button",this.#r.part.add("comment-trigger"),this.#r.part.add("whole-comment"),X(this.#r),this.#r.addEventListener("click",()=>{this.#S(rt,_,this.#r,"end")}),this.#e.type="button",this.#e.part.add("edit-toggle"),this.#e.hidden=!0,this.#e.append(this.#i),this.#e.addEventListener("click",()=>{this.#T=!this.#T,this.#I(),this.#_(),this.#L(),this.#T?this.#s.focus():this.#a.focus()}),this.#c.append(this.#t,this.#r,this.#e),this.#l.part.add("surface"),this.#s.part.add("editor"),this.#s.addEventListener("input",()=>{this.#b=this.#s.value,this.#L(),this.#P()}),this.#a.part.add("body"),this.#a.tabIndex=0,this.#u.part.add("prose"),this.#o.type="button",this.#o.part.add("comment-trigger"),this.#o.part.add("selection-comment"),this.#o.hidden=!0,X(this.#o),this.#o.append(Y(Et),document.createTextNode("Comment")),this.#o.addEventListener("mousedown",n=>n.preventDefault()),this.#o.addEventListener("click",()=>{let n=this.#N;n!==null&&this.#S(n.anchor,q,this.#o,"start",n.anchor.quote)}),this.#a.append(this.#u,this.#o),this.#a.addEventListener("mouseup",()=>this.#q()),this.#p.part.add("comment-rail"),this.#p.hidden=!0,this.#f.part.add("comment-count"),this.#m.part.add("comment-chips"),this.#p.append(this.#f,this.#m),this.#h.part.add("popover"),this.#h.hidden=!0,this.#h.id=Tt,this.#h.setAttribute("role","dialog"),this.#v.part.add("popover-subject"),this.#x.part.add("popover-quote"),this.#x.hidden=!0,this.#E.part.add("popover-input"),this.#E.placeholder="What should the agent know about this?",this.#E.addEventListener("keydown",n=>{n.key==="Enter"&&(n.metaKey||n.ctrlKey)&&(n.preventDefault(),this.#W())}),this.#g.part.add("popover-hint"),this.#y.type="button",this.#y.part.add("popover-cancel"),this.#y.textContent="Cancel",this.#y.addEventListener("click",()=>this.#R()),this.#w.type="button",this.#w.part.add("popover-save"),this.#w.textContent="Save",this.#w.addEventListener("click",()=>this.#W());let e=document.createElement("div");e.part.add("popover-actions");let r=document.createElement("div");r.part.add("popover-buttons"),r.append(this.#y,this.#w),e.append(this.#g,r),this.#h.append(this.#v,this.#x,this.#E,e),this.#d.append(this.#c,this.#l,this.#p,this.#h),this.#n.append(t,this.#d),this.addEventListener("keydown",this.#U)}connectedCallback(){if(this.#H)return;let t=C(this);if(t.status!=="ok"){this.#z(t.reason);return}if(typeof t.config.initialText!="string"){this.#z("text config has no initialText string");return}this.#H=!0,this.#C=t.config,this.#A=$(this),this.#b=t.config.initialText,this.#T=t.config.editable===!0&&this.#b.length===0,this.#L(),this.#_(),this.#K()}disconnectedCallback(){document.removeEventListener("pointerdown",this.#O,!0)}#B(){return{text:this.#b,edited:this.#b!==this.#C.initialText,comments:this.#k}}#P(){this.#A!==void 0&&R(this.#A,this.#B())}#z(t){let e=document.createElement("div");e.part.add("unavailable"),e.setAttribute("role","status");let r=document.createElement("span");r.part.add("reason"),r.textContent=t,e.append("Text unavailable: ",r),this.#d.replaceChildren(e)}#L(){this.#t.hidden=this.#b===this.#C.initialText;let t=x(this.#k,rt);this.#r.replaceChildren(Y(t?wt:Et)),this.#r.dataset.state=t?"on":"off",this.#r.setAttribute("aria-label",`${t?"Edit comment on":"Comment on"} ${_}`),this.#e.hidden=this.#C.editable!==!0,this.#e.dataset.state=this.#T?"on":"off",this.#i.textContent=this.#T?"Done":"Edit",this.#e.replaceChildren(Y(this.#T?qt:Ft),this.#i)}#_(){if(this.#T){this.#s.value!==this.#b&&(this.#s.value=this.#b),this.#s.placeholder=this.#C.placeholder??"Write your answer\u2026",this.#l.firstChild!==this.#s&&this.#l.replaceChildren(this.#s);return}this.#l.firstChild!==this.#a&&this.#l.replaceChildren(this.#a),this.#j()}#j(){let t=Vt(this.#b);if(t.length===0){let r=document.createElement("p");r.part.add("placeholder"),r.textContent=this.#C.placeholder??"Nothing yet.",this.#u.replaceChildren(r);return}let e=t.map(r=>{let n=document.createElement("p");n.dataset.paragraph="",n.dataset.start=String(r.start);for(let i of Ut(r,this.#k))n.append(i.comment?this.#F(i.text,i.comment):i.text);return n});this.#u.replaceChildren(...e)}#F(t,e){let r=document.createElement("span");r.part.add("commented"),r.tabIndex=0,r.dataset.commentId=e.id,X(r);let n=document.createElement("span");n.part.add("comment-bubble"),n.setAttribute("role","note");let i=document.createElement("span");i.part.add("bubble-label"),i.textContent="Comment";let a=document.createElement("span");return a.textContent=e.text,n.append(i,a),r.append(t,n),r}#K(){let t=this.#k.length;if(this.#p.hidden=t===0,t===0){this.#m.replaceChildren();return}this.#f.textContent=`${t} comment${t===1?"":"s"}`;let e=this.#k.map(r=>{let n=document.createElement("button");n.type="button",n.part.add("comment-trigger"),n.part.add("comment-chip"),n.dataset.commentId=r.id,X(n);let i=document.createElement("span");i.textContent=r.text,n.append(Y(wt),i);let a=r.anchor.kind==="range"?r.anchor:void 0;return n.setAttribute("aria-label",`Edit comment on ${a?q:_}`),n.addEventListener("click",()=>{this.#S(r.anchor,a?q:_,n,"start",a?.quote)}),n});this.#m.replaceChildren(...e)}#D(){let t=Jt(this.#n,this.#a);if(t===null)return null;let e=kt(this.#a,t.startContainer,t.startOffset,"start"),r=kt(this.#a,t.endContainer,t.endOffset,"end");if(e===null||r===null||e.paragraph!==r.paragraph)return null;let n=Number(e.paragraph.dataset.start??"0"),i=n+e.offset,a=n+r.offset;if(a<=i)return null;let s=t.getBoundingClientRect(),c=this.#a.getBoundingClientRect();return{anchor:{kind:"range",start:i,end:a,quote:this.#b.slice(i,a)},left:s.left-c.left,top:s.bottom-c.top+4}}#q(){if(this.#T||this.#M!==null)return;let t=this.#D();if(t===null){this.#I();return}this.#N=t,this.#o.hidden=!1,this.#o.style.left=`${t.left}px`,this.#o.style.top=`${t.top}px`}#I(){this.#N=null,this.#o.hidden=!0}#S(t,e,r,n,i){let a=this.#M;if(a!==null){if(a.trigger===r){this.#R();return}a.trigger.setAttribute("aria-expanded","false")}let s=x(this.#k,t);this.#M={anchor:t,trigger:r},r.setAttribute("aria-expanded","true"),this.#v.textContent=`Comment on ${e}`,this.#h.setAttribute("aria-label",`Comment on ${e}`),this.#x.hidden=i===void 0||i==="",this.#x.textContent=i??"",this.#E.value=s?.text??"",this.#g.textContent=s?"empty to delete":"\u2318\u21B5 to save",this.#h.hidden=!1,this.#G(r,n),this.#E.focus(),document.addEventListener("pointerdown",this.#O,!0)}#G(t,e){let r=this.#d.getBoundingClientRect(),n=t.getBoundingClientRect(),i=this.#h.offsetWidth,a=e==="end"?n.right-r.left-i:n.left-r.left,s=Math.min(Math.max(a,0),Math.max(0,r.width-i));this.#h.style.left=`${s}px`,this.#h.style.top=`${n.bottom-r.top+Gt}px`}#R(t=!0){let e=this.#M;this.#M=null,this.#h.hidden=!0,e?.trigger.setAttribute("aria-expanded","false"),document.removeEventListener("pointerdown",this.#O,!0);let r=e!==null&&e.trigger!==this.#o?e.trigger:this.#a;this.#I(),t&&this.#n.contains(r)&&r.focus()}#W(){let t=this.#M;if(t===null)return;let e=this.#u.contains(t.trigger)||this.#m.contains(t.trigger);this.#k=H(this.#k,t.anchor,this.#E.value),this.#R(!e),this.#L(),this.#T||this.#j(),this.#K(),e&&this.#V(t.anchor),this.#P()}#V(t){let e=x(this.#k,t)?.id,r=e===void 0?null:`[data-comment-id="${CSS.escape(e)}"]`,i=(r===null?null:this.#u.querySelector(r)??this.#m.querySelector(r))??this.#a;this.#n.contains(i)&&i.focus()}#O=t=>{if(this.#M===null)return;let e=t.composedPath();e.includes(this.#h)||e.includes(this.#M.trigger)||this.#R()};#U=t=>{if(t.defaultPrevented)return;if(t.key==="Escape"&&this.#M!==null){t.preventDefault(),this.#R();return}if(this.#M!==null||this.#T)return;let e=t.composedPath()[0];if(!(e instanceof HTMLElement&&(e.tagName==="TEXTAREA"||e.tagName==="INPUT"))&&!(t.metaKey||t.ctrlKey||t.altKey)){if(t.key==="j"||t.key==="k"){t.preventDefault(),this.#Y(t.key==="j"?1:-1);return}t.key==="c"&&(t.preventDefault(),this.#X())}};#$(){return Array.from(this.#u.querySelectorAll('[part~="commented"]'))}#Y(t){let e=this.#$();if(e.length===0)return;let r=this.#n.activeElement,n=r instanceof HTMLElement?e.indexOf(r):-1,i=n===-1?t>0?0:e.length-1:n+t;e[Math.min(Math.max(i,0),e.length-1)]?.focus()}#X(){let t=this.#N??this.#D();if(t!==null){this.#N=t,this.#o.hidden=!1,this.#o.style.left=`${t.left}px`,this.#o.style.top=`${t.top}px`,this.#S(t.anchor,q,this.#o,"start",t.anchor.quote);return}let e=this.#n.activeElement;if(e instanceof HTMLElement&&e.dataset.commentId!==void 0){let r=this.#k.find(n=>n.id===e.dataset.commentId);if(r!==void 0){let n=r.anchor.kind==="range"?r.anchor:void 0,i=n===void 0?_:q;this.#S(r.anchor,i,e,"start",n?.quote);return}}this.#S(rt,_,this.#r,"end")}};b("crtr-text",nt);var Zt="M3.25 3.5h9.5A1.75 1.75 0 0 1 14.5 5.25v5A1.75 1.75 0 0 1 12.75 12H7.4l-3.15 2.36A.5.5 0 0 1 3.5 14v-2H3.25A1.75 1.75 0 0 1 1.5 10.25v-5A1.75 1.75 0 0 1 3.25 3.5Z",Qt=`
+  :host {
+    display: block;
+  }
+
+  [part="container"] {
+    position: relative;
+    background: var(--crtr-color-background);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+    box-shadow: var(--crtr-shadow);
+    overflow: hidden;
+  }
+
+  [part="container"]:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: 2px;
+  }
+
+  [part="table"] {
+    width: 100%;
+    border-collapse: collapse;
+    font: inherit;
+    color: var(--crtr-color-text);
+  }
+
+  [part="caption"] {
+    caption-side: top;
+    padding: var(--crtr-space-3) var(--crtr-space-3) var(--crtr-space-2);
+    text-align: left;
+    color: var(--crtr-color-text-muted);
+  }
+
+  th {
+    padding: var(--crtr-space-2) var(--crtr-space-3);
+    text-align: left;
+    font-weight: 600;
+    color: var(--crtr-color-text-muted);
+    border-bottom: 1px solid var(--crtr-color-border);
+    white-space: nowrap;
+  }
+
+  th[data-align="right"] {
+    text-align: right;
+  }
+
+  [part="header-cell-inner"] {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--crtr-space-1);
+  }
+
+  th[data-align="right"] [part="header-cell-inner"] {
+    flex-direction: row-reverse;
+  }
+
+  [part="column-toggle"] {
+    font: inherit;
+    font-weight: 600;
+    color: inherit;
+    background: transparent;
+    border: 1px solid transparent;
+    border-radius: var(--crtr-radius-small);
+    padding: var(--crtr-space-1) var(--crtr-space-2);
+    margin: calc(var(--crtr-space-1) * -1) calc(var(--crtr-space-2) * -1);
+    cursor: pointer;
+  }
+
+  [part="column-toggle"]:hover {
+    background: var(--crtr-color-surface-hover);
+  }
+
+  [part="column-toggle"][aria-pressed="true"] {
+    color: var(--crtr-color-text);
+    background: color-mix(in srgb, var(--crtr-color-accent) 12%, transparent);
+    border-color: color-mix(in srgb, var(--crtr-color-accent) 40%, transparent);
+  }
+
+  [part="column-toggle"]:focus-visible,
+  [part="comment-trigger"]:focus-visible,
+  [part="row-control"]:focus-visible,
+  [part="select-all"]:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: 1px;
+  }
+
+  [part="row"] {
+    border-bottom: 1px solid color-mix(in srgb, var(--crtr-color-border) 60%, transparent);
+  }
+
+  [part="row"]:last-child {
+    border-bottom: none;
+  }
+
+  [part="row"]:hover,
+  [part="row"][data-active="true"] {
+    background: var(--crtr-color-surface-hover);
+  }
+
+  [part="row"][data-state="selected"],
+  [part="row"][data-state="selected"]:hover {
+    background: color-mix(in srgb, var(--crtr-color-accent) 8%, transparent);
+  }
+
+  [part="row"]:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: -2px;
+  }
+
+  td {
+    padding: var(--crtr-space-2) var(--crtr-space-3);
+    vertical-align: middle;
+  }
+
+  td[data-align="right"] {
+    text-align: right;
+    font-variant-numeric: tabular-nums;
+  }
+
+  td[data-mono="true"] {
+    font-family: var(--crtr-font-mono);
+    font-size: 0.8125em;
+  }
+
+  [data-column-selected="true"] {
+    background: color-mix(in srgb, var(--crtr-color-accent) 6%, transparent);
+  }
+
+  [part="select-cell"],
+  [part="select-head"] {
+    width: 1px;
+    padding-right: 0;
+  }
+
+  [part="comment-cell"],
+  [part="comment-head"] {
+    width: 1px;
+    text-align: right;
+    padding-left: 0;
+  }
+
+  [part="row-control"],
+  [part="select-all"] {
+    accent-color: var(--crtr-color-accent);
+    margin: 0;
+    cursor: pointer;
+  }
+
+  [part="comment-trigger"] {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.5rem;
+    height: 1.5rem;
+    padding: 0;
+    color: var(--crtr-color-text-muted);
+    background: transparent;
+    border: none;
+    border-radius: var(--crtr-radius-small);
+    cursor: pointer;
+    opacity: 0;
+    transition: opacity 120ms ease;
+  }
+
+  [part="comment-trigger"] svg {
+    width: 0.875rem;
+    height: 0.875rem;
+  }
+
+  [part="comment-trigger"][data-has-comment="true"] {
+    color: var(--crtr-color-accent);
+    opacity: 1;
+  }
+
+  [part="comment-trigger"]:hover {
+    background: var(--crtr-color-surface-hover);
+  }
+
+  tr:hover [part="comment-trigger"],
+  tr:focus-within [part="comment-trigger"],
+  tr[data-active="true"] [part="comment-trigger"],
+  [part="comment-trigger"]:focus-visible,
+  [part="comment-trigger"][data-open="true"] {
+    opacity: 1;
+  }
+
+  [part="comment-editor"] {
+    position: absolute;
+    z-index: 2;
+    width: min(20rem, calc(100% - var(--crtr-space-4)));
+    display: grid;
+    gap: var(--crtr-space-2);
+    padding: var(--crtr-space-3);
+    background: var(--crtr-color-surface);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+    box-shadow: var(--crtr-shadow);
+  }
+
+  [part="comment-editor"][hidden] {
+    display: none;
+  }
+
+  [part="comment-target"] {
+    margin: 0;
+    font-family: var(--crtr-font-mono);
+    font-size: 0.75em;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--crtr-color-text-muted);
+  }
+
+  [part="comment-input"] {
+    font: inherit;
+    color: var(--crtr-color-text);
+    background: var(--crtr-color-background);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-small);
+    padding: var(--crtr-space-2);
+    min-height: 4rem;
+    resize: vertical;
+  }
+
+  [part="comment-input"]:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: -1px;
+  }
+
+  [part="comment-actions"] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--crtr-space-2);
+  }
+
+  [part="comment-hint"] {
+    font-family: var(--crtr-font-mono);
+    font-size: 0.75em;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--crtr-color-text-muted);
+  }
+
+  [part="comment-cancel"],
+  [part="comment-save"] {
+    font: inherit;
+    font-size: 0.875em;
+    padding: var(--crtr-space-1) var(--crtr-space-2);
+    border-radius: var(--crtr-radius-small);
+    border: 1px solid var(--crtr-color-border);
+    cursor: pointer;
+  }
+
+  [part="comment-cancel"] {
+    color: var(--crtr-color-text-muted);
+    background: transparent;
+  }
+
+  [part="comment-save"] {
+    color: var(--crtr-color-accent-contrast);
+    background: var(--crtr-color-accent);
+    border-color: var(--crtr-color-accent);
+  }
+
+  [part="comment-cancel"]:focus-visible,
+  [part="comment-save"]:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: 1px;
+  }
+
+  [part="status"],
+  [part="unavailable"] {
+    padding: var(--crtr-space-3);
+    color: var(--crtr-color-text-muted);
+    background: var(--crtr-color-surface);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+    box-shadow: var(--crtr-shadow);
+  }
+
+  [part="reason"] {
+    color: var(--crtr-color-text);
+    font-family: var(--crtr-font-mono);
+  }
+
+  [part="empty"] {
+    padding: var(--crtr-space-3);
+    color: var(--crtr-color-text-muted);
+    text-align: center;
+  }
+`;function te(o){return o==null?"":typeof o=="string"?o:String(o)}function ot(o){return typeof o=="object"&&o!==null&&!Array.isArray(o)}function ee(o){let t=Array.isArray(o)?o:ot(o)&&Array.isArray(o.rows)?o.rows:void 0;if(t===void 0)return{status:"invalid",reason:"source data is not a list of rows"};let e=[];for(let r=0;r<t.length;r+=1){let n=t[r];if(!ot(n)||typeof n.id!="string"||n.id===""||!ot(n.cells))return{status:"invalid",reason:`source row #${r} is not { id, cells }`};let i={};for(let[a,s]of Object.entries(n.cells))if(s!==void 0){if(s!==null&&typeof s!="string"&&typeof s!="number"&&typeof s!="boolean")return{status:"invalid",reason:`source row "${n.id}" cell "${a}" is not a string, number, boolean or null`};i[a]=s}e.push({id:n.id,cells:i})}return{status:"ok",rows:e}}function re(){let o=document.createElementNS("http://www.w3.org/2000/svg","svg");o.setAttribute("viewBox","0 0 16 16"),o.setAttribute("aria-hidden","true"),o.setAttribute("focusable","false");let t=document.createElementNS("http://www.w3.org/2000/svg","path");return t.setAttribute("d",Zt),t.setAttribute("fill","none"),t.setAttribute("stroke","currentColor"),t.setAttribute("stroke-width","1.25"),t.setAttribute("stroke-linejoin","round"),o.append(t),o}function ne(o){return o instanceof HTMLElement?o.closest('input[type="text"], textarea, [contenteditable="true"]')!==null:!1}var it=class extends HTMLElement{#n;#d;#c;#t=[];#r=[];#e=[];#i=[];#l=null;#s=null;#a;#u=!1;#o;#p;#f;#m;#h;#v;#x=new Map;#E=new Map;#g;constructor(){super(),this.#n=this.attachShadow({mode:"open"})}connectedCallback(){this.#u=!0;let t=C(this);if(t.status!=="ok"){this.#L(t.reason);return}let e=t.config;if(!Array.isArray(e.columns)||e.columns.length===0){this.#L("table config has no columns");return}if(e.rows!==void 0&&e.source!==void 0){this.#L("table rows and source are mutually exclusive");return}if(this.#c=e,this.#d=$(this),e.source!==void 0){this.#_("Loading table data\u2026"),this.#w(e.source);return}if(!Array.isArray(e.rows)){this.#L("table config has neither rows nor source");return}this.#t=e.rows,this.#j()}disconnectedCallback(){this.#u=!1}async#w(t){let e=await P(t);if(!this.#u)return;if(e.status!=="ok"){this.#L(`table source "${t}" is ${e.status}: ${e.reason}`);return}let r=ee(e.data);if(r.status!=="ok"){this.#L(`table source "${t}": ${r.reason}`);return}this.#t=r.rows,this.#j()}get#y(){return this.#c?.rowSelect??"none"}get#C(){return this.#c?.columnSelect??"none"}#A(){return{selectedRowIds:[...this.#r],selectedColumnIds:[...this.#e],comments:[...this.#i]}}#b(){this.#$(),this.#d!==void 0&&R(this.#d,this.#A())}#k(t){return this.#t.map(e=>e.id).filter(e=>t.includes(e))}#T(t){return(this.#c?.columns??[]).map(e=>e.id).filter(e=>t.includes(e))}#H(t,e){let r=this.#y;r!=="none"&&(r==="single"?this.#r=e?[t]:[]:this.#r=this.#k(e?[...this.#r,t]:this.#r.filter(n=>n!==t)),this.#b())}#N(t){if(this.#y==="single"){this.#H(t,!0);return}this.#H(t,!this.#r.includes(t))}#M(t,e){let r=this.#C;r!=="none"&&(r==="single"?this.#e=e?[t]:[]:this.#e=this.#T(e?[...this.#e,t]:this.#e.filter(n=>n!==t)),this.#b())}#B(t){this.#M(t,!this.#e.includes(t))}#P(t){this.#y==="multi"&&(this.#r=t?this.#t.map(e=>e.id):[],this.#b())}#z(){this.#n.replaceChildren(),this.#x.clear(),this.#E.clear(),this.#o=void 0,this.#p=void 0,this.#a=void 0,this.#s=null,this.#v=void 0,this.#g=void 0;let t=document.createElement("style");t.textContent=Qt,this.#n.append(t)}#L(t){this.#z();let e=document.createElement("div");e.part.add("unavailable"),e.setAttribute("role","status");let r=document.createElement("span");r.part.add("reason"),r.textContent=t,e.append("Table unavailable: ",r),this.#n.append(e)}#_(t){this.#z();let e=document.createElement("div");e.part.add("status"),e.setAttribute("role","status"),e.textContent=t,this.#n.append(e)}#j(){let t=this.#c;if(t===void 0)return;this.#z();let e=document.createElement("div");e.part.add("container"),e.tabIndex=0,e.addEventListener("keydown",n=>this.#V(n)),e.addEventListener("focus",()=>{this.#l===null&&this.#t.length>0&&(this.#l=this.#t[0].id,this.#$())}),this.#o=e;let r=document.createElement("table");if(r.part.add("table"),t.caption!==void 0&&t.caption!==""){let n=document.createElement("caption");n.part.add("caption"),n.textContent=t.caption,r.append(n)}if(r.append(this.#F(t),this.#K(t)),e.append(r),this.#t.length===0){let n=document.createElement("div");n.part.add("empty"),n.textContent="No rows.",e.append(n)}e.append(this.#q()),this.#n.append(e),this.#$()}#F(t){let e=document.createElement("thead"),r=document.createElement("tr");if(r.part.add("header-row"),this.#y!=="none"){let i=document.createElement("th");if(i.part.add("select-head"),i.setAttribute("scope","col"),this.#y==="multi"){let a=document.createElement("input");a.type="checkbox",a.part.add("select-all"),a.setAttribute("aria-label","Select every row"),a.addEventListener("change",()=>this.#P(a.checked)),this.#v=a,i.append(a)}r.append(i)}for(let i of t.columns){let a=document.createElement("th");a.part.add("column-header"),a.setAttribute("scope","col"),a.dataset.columnHeader=i.id,i.align==="right"&&(a.dataset.align="right");let s=document.createElement("span");s.part.add("header-cell-inner");let c;if(this.#C==="none"){let u=document.createElement("span");u.textContent=i.label,s.append(u)}else c=document.createElement("button"),c.type="button",c.part.add("column-toggle"),c.dataset.columnToggle=i.id,c.setAttribute("aria-pressed","false"),c.setAttribute("aria-label",`Select the ${i.label} column`),c.textContent=i.label,c.addEventListener("click",()=>this.#B(i.id)),s.append(c);let d=this.#D({kind:"column",columnId:i.id},`the ${i.label} column`);s.append(d),a.append(s),r.append(a),this.#E.set(i.id,{toggle:c,comment:d,cells:[],head:a})}let n=document.createElement("th");return n.part.add("comment-head"),n.setAttribute("scope","col"),this.#g=this.#D({kind:"whole"},"this table"),n.append(this.#g),r.append(n),e.append(r),e}#K(t){let e=document.createElement("tbody");for(let r of this.#t){let n=document.createElement("tr");n.part.add("row"),n.dataset.rowId=r.id,n.tabIndex=-1,n.addEventListener("mouseenter",()=>this.#R(r.id)),n.addEventListener("focusin",()=>this.#R(r.id));let i;if(this.#y!=="none"){let c=document.createElement("td");c.part.add("select-cell");let d=document.createElement("input");d.type=this.#y==="single"?"radio":"checkbox",d.part.add("row-control"),this.#y==="single"&&(d.name=`${this.#d??"crtr-table"}-row`),d.value=r.id,d.setAttribute("aria-label",`Select row ${r.id}`),d.addEventListener("change",()=>this.#H(r.id,d.checked)),i=d,c.append(d),n.append(c)}for(let c of t.columns){let d=document.createElement("td");d.part.add("cell"),d.dataset.columnId=c.id,c.align==="right"&&(d.dataset.align="right"),c.mono===!0&&(d.dataset.mono="true"),d.textContent=te(r.cells[c.id]),n.append(d),this.#E.get(c.id)?.cells.push(d)}let a=document.createElement("td");a.part.add("comment-cell");let s=this.#D({kind:"row",rowId:r.id},`row ${r.id}`);a.append(s),n.append(a),e.append(n),this.#x.set(r.id,{tr:n,...i===void 0?{}:{control:i},comment:s})}return e}#D(t,e){let r=document.createElement("button");return r.type="button",r.part.add("comment-trigger"),r.setAttribute("aria-label",`Comment on ${e}`),r.dataset.commentTarget=e,r.append(re()),r.addEventListener("click",()=>this.#I(t,r)),r}#q(){let t=document.createElement("div");t.part.add("comment-editor"),t.hidden=!0,t.setAttribute("role","dialog"),t.setAttribute("aria-label","Comment");let e=document.createElement("p");e.part.add("comment-target"),t.append(e);let r=document.createElement("textarea");r.part.add("comment-input"),r.placeholder="What should the agent know about this?",r.addEventListener("keydown",d=>{d.key==="Enter"&&(d.metaKey||d.ctrlKey)?(d.preventDefault(),this.#G()):d.key==="Escape"&&(d.preventDefault(),this.#S())}),t.append(r);let n=document.createElement("div");n.part.add("comment-actions");let i=document.createElement("span");i.part.add("comment-hint"),n.append(i);let a=document.createElement("span"),s=document.createElement("button");s.type="button",s.part.add("comment-cancel"),s.textContent="Cancel",s.addEventListener("click",()=>this.#S());let c=document.createElement("button");return c.type="button",c.part.add("comment-save"),c.textContent="Save",c.addEventListener("click",()=>this.#G()),a.append(s," ",c),n.append(a),t.append(n),this.#p=t,this.#f=e,this.#m=r,this.#h=i,t}#I(t,e){let r=this.#p,n=this.#o;if(r===void 0||n===void 0)return;this.#s=t,this.#a=e;let i=x(this.#i,t);this.#m!==void 0&&(this.#m.value=i?.text??""),this.#f!==void 0&&(this.#f.textContent=`Comment on ${e.dataset.commentTarget??Z(t)}`),this.#h!==void 0&&(this.#h.textContent=i===void 0?"\u2318\u21B5 to save":"empty to delete");let a=n.getBoundingClientRect(),s=e.getBoundingClientRect();r.hidden=!1,r.style.top=`${Math.max(0,s.bottom-a.top+4)}px`,r.style.right=`${Math.max(0,a.right-s.right)}px`,this.#$(),this.#m?.focus()}#S(){let t=this.#a;this.#s=null,this.#a=void 0,this.#p!==void 0&&(this.#p.hidden=!0),this.#$(),t?.focus()}#G(){let t=this.#s;t!==null&&(this.#i=H(this.#i,t,this.#m?.value??""),this.#S(),this.#b())}#R(t){this.#l!==t&&(this.#l=t,this.#$())}#W(t){let e=this.#x.get(t);(e?.control??e?.tr)?.focus()}#V(t){if(t.metaKey||t.ctrlKey||t.altKey)return;let e=t.composedPath()[0]??t.target;if(ne(e))return;let r=t.key.toLowerCase();if(r!=="j"&&r!=="k"&&r!=="x"&&r!=="c")return;let n=e instanceof HTMLElement?e.closest("[data-column-header]")?.dataset.columnHeader:void 0;if(n!==void 0&&(r==="x"||r==="c")){if(t.preventDefault(),r==="x")this.#B(n);else{let c=this.#E.get(n);c!==void 0&&this.#I({kind:"column",columnId:n},c.comment)}return}let i=this.#t.map(c=>c.id);if(i.length===0)return;let a=this.#l??this.#r[this.#r.length-1]??i[0];if(r==="j"||r==="k"){t.preventDefault();let c=Math.max(0,i.indexOf(a)),d=i[(c+(r==="j"?1:-1)+i.length)%i.length];this.#R(d),this.#W(d);return}if(t.preventDefault(),r==="x"){this.#N(a);return}let s=this.#x.get(a);s!==void 0&&this.#I({kind:"row",rowId:a},s.comment)}#O(t,e){let r=x(this.#i,e),n=t.dataset.commentTarget??Z(e);t.dataset.hasComment=r===void 0?"false":"true",t.setAttribute("aria-label",r===void 0?`Comment on ${n}`:`Edit comment on ${n}`),t.title=r?.text??"",t.querySelector("path")?.setAttribute("fill",r===void 0?"none":"currentColor"),t.dataset.open=this.#U(e)?"true":"false"}#U(t){let e=this.#s;return e===null||e.kind!==t.kind?!1:e.kind==="row"&&t.kind==="row"?e.rowId===t.rowId:e.kind==="column"&&t.kind==="column"?e.columnId===t.columnId:e.kind==="whole"}#$(){for(let[t,e]of this.#x){let r=this.#r.includes(t);r?e.tr.dataset.state="selected":delete e.tr.dataset.state,e.tr.dataset.active=this.#l===t?"true":"false",e.tr.setAttribute("aria-selected",r?"true":"false"),e.control!==void 0&&(e.control.checked=r),this.#O(e.comment,{kind:"row",rowId:t})}for(let[t,e]of this.#E){let r=this.#e.includes(t);e.toggle?.setAttribute("aria-pressed",r?"true":"false"),e.head.dataset.columnSelected=r?"true":"false";for(let n of e.cells)n.dataset.columnSelected=r?"true":"false";this.#O(e.comment,{kind:"column",columnId:t})}if(this.#g!==void 0&&this.#O(this.#g,{kind:"whole"}),this.#v!==void 0){let t=this.#t.length>0&&this.#r.length===this.#t.length;this.#v.checked=t,this.#v.indeterminate=this.#r.length>0&&!t}}};b("crtr-table",it);var oe=`
+  :host {
+    display: block;
+    /* Column count answers the element's own width, not the viewport: a slot can sit in
+       a narrow rail on a wide screen. */
+    container-type: inline-size;
+  }
+
+  [part~="container"] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--crtr-space-1);
+  }
+
+  [part~="grid"] {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    gap: var(--crtr-space-3);
+  }
+
+  @container (min-width: 30rem) {
+    [part~="grid"] {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    [part~="grid"][data-columns="3"] {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
+
+  [part~="card"] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--crtr-space-2);
+    padding: var(--crtr-space-3);
+    color: var(--crtr-color-text);
+    background: var(--crtr-color-surface);
+    border: 1px solid color-mix(in srgb, var(--crtr-color-border) 60%, transparent);
+    border-radius: var(--crtr-radius-medium);
+    transition: background-color 120ms ease, border-color 120ms ease;
+  }
+
+  [part~="card"]:hover,
+  [part~="card"][part~="active"] {
+    background: var(--crtr-color-surface-hover);
+    border-color: var(--crtr-color-border);
+  }
+
+  [part~="card"][part~="selected"] {
+    background: color-mix(in srgb, var(--crtr-color-accent) 7%, transparent);
+    border-color: color-mix(in srgb, var(--crtr-color-accent) 40%, transparent);
+  }
+
+  [part~="card"][part~="selected"]:hover,
+  [part~="card"][part~="selected"][part~="active"] {
+    background: color-mix(in srgb, var(--crtr-color-accent) 12%, transparent);
+  }
+
+  [part~="card-header"] {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--crtr-space-2);
+  }
+
+  /* The label carries the click target, so the whole heading toggles the native control
+     the way the kit's Label does \u2014 and the comment button stays its own control. */
+  [part~="card-label"] {
+    display: flex;
+    flex: 1;
+    align-items: flex-start;
+    gap: var(--crtr-space-2);
+    min-width: 0;
+    font: inherit;
+    cursor: pointer;
+  }
+
+  [part~="control"] {
+    flex: none;
+    margin: 0;
+    margin-top: 0.2em;
+    accent-color: var(--crtr-color-accent);
+  }
+
+  [part~="control"]:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: 2px;
+  }
+
+  [part~="card-heading"] {
+    display: grid;
+    flex: 1;
+    gap: calc(var(--crtr-space-1) / 2);
+    min-width: 0;
+  }
+
+  [part~="card-title"] {
+    font-weight: 500;
+    line-height: 1.35;
+  }
+
+  [part~="card-subtitle"] {
+    color: var(--crtr-color-text-muted);
+    font-size: calc(var(--crtr-font-size) * 0.85);
+  }
+
+  [part~="card-body"] {
+    margin: 0;
+    color: var(--crtr-color-text-muted);
+    font-size: calc(var(--crtr-font-size) * 0.85);
+    line-height: 1.6;
+  }
+
+  [part~="tag"] {
+    align-self: flex-start;
+    padding: 0 var(--crtr-space-1);
+    color: var(--crtr-color-text-muted);
+    font-size: calc(var(--crtr-font-size) * 0.78);
+    line-height: 1.7;
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-small);
+  }
+
+  [part~="card"][part~="selected"] [part~="tag"] {
+    color: var(--crtr-color-accent);
+    background: color-mix(in srgb, var(--crtr-color-accent) 10%, transparent);
+    border-color: color-mix(in srgb, var(--crtr-color-accent) 40%, transparent);
+  }
+
+  /* The affordance is quiet until you reach for it, and stays visible once a note lives
+     there \u2014 that presence is the whole "there is a comment here" signal. */
+  [part~="comment-button"] {
+    flex: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: calc(var(--crtr-font-size) * 1.6);
+    height: calc(var(--crtr-font-size) * 1.6);
+    padding: 0;
+    color: var(--crtr-color-text-muted);
+    background: none;
+    border: none;
+    border-radius: var(--crtr-radius-small);
+    cursor: pointer;
+    opacity: 0;
+    transition: opacity 120ms ease, color 120ms ease, background-color 120ms ease;
+  }
+
+  [part~="comment-button"] svg {
+    width: calc(var(--crtr-font-size) * 0.95);
+    height: calc(var(--crtr-font-size) * 0.95);
+    /* The glyph is never the event target: a repaint that swaps it mid-press would
+       otherwise leave mousedown and mouseup on different nodes and eat the click. */
+    pointer-events: none;
+  }
+
+  [part~="comment-button"]:hover {
+    color: var(--crtr-color-text);
+    background: var(--crtr-color-surface-hover);
+  }
+
+  [part~="comment-button"][part~="has-comment"] {
+    color: var(--crtr-color-accent);
+  }
+
+  [part~="card"]:hover [part~="comment-button"],
+  [part~="card"]:focus-within [part~="comment-button"],
+  [part~="comment-button"]:focus-visible,
+  [part~="comment-button"][part~="has-comment"] {
+    opacity: 1;
+  }
+
+  [part~="comment-editor"] {
+    display: grid;
+    gap: var(--crtr-space-2);
+    width: 100%;
+    padding: var(--crtr-space-2);
+    text-align: left;
+    background: var(--crtr-color-background);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-small);
+    cursor: auto;
+  }
+
+  [part~="comment-subject"],
+  [part~="comment-hint"] {
+    color: var(--crtr-color-text-muted);
+    font-family: var(--crtr-font-mono);
+    font-size: calc(var(--crtr-font-size) * 0.72);
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+  }
+
+  [part~="comment-input"] {
+    box-sizing: border-box;
+    width: 100%;
+    min-height: 4.5em;
+    padding: var(--crtr-space-1) var(--crtr-space-2);
+    color: var(--crtr-color-text);
+    font: inherit;
+    background: var(--crtr-color-background);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-small);
+    resize: vertical;
+  }
+
+  [part~="comment-input"]:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: 1px;
+  }
+
+  [part~="comment-actions"] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--crtr-space-2);
+  }
+
+  [part~="comment-buttons"] {
+    display: flex;
+    gap: var(--crtr-space-1);
+  }
+
+  [part~="comment-cancel"],
+  [part~="comment-save"] {
+    padding: var(--crtr-space-1) var(--crtr-space-2);
+    font: inherit;
+    font-size: calc(var(--crtr-font-size) * 0.9);
+    border-radius: var(--crtr-radius-small);
+    cursor: pointer;
+  }
+
+  [part~="comment-cancel"] {
+    color: var(--crtr-color-text-muted);
+    background: none;
+    border: 1px solid transparent;
+  }
+
+  [part~="comment-cancel"]:hover {
+    color: var(--crtr-color-text);
+    background: var(--crtr-color-surface-hover);
+  }
+
+  [part~="comment-save"] {
+    color: var(--crtr-color-accent-contrast);
+    background: var(--crtr-color-accent);
+    border: 1px solid var(--crtr-color-accent);
+  }
+
+  [part~="unavailable"],
+  [part~="empty"],
+  [part~="loading"] {
+    padding: var(--crtr-space-3);
+    color: var(--crtr-color-text-muted);
+    background: var(--crtr-color-surface);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+    box-shadow: var(--crtr-shadow);
+  }
+
+  [part~="kind"] {
+    color: var(--crtr-color-text);
+    font-family: var(--crtr-font-mono);
+  }
+
+  [part~="reason"] {
+    display: block;
+    margin-top: var(--crtr-space-1);
+    font-size: calc(var(--crtr-font-size) * 0.85);
+  }
+`,ie=new Set(["id","title","subtitle","body","tag"]);function ae(o){if(o===null||typeof o!="object"||Array.isArray(o))return null;let t=o;if(typeof t.id!="string"||t.id===""||typeof t.title!="string"||t.title==="")return null;for(let e of["subtitle","body","tag"])if(t[e]!==void 0&&typeof t[e]!="string")return null;for(let e of Object.keys(t))if(!ie.has(e))return null;return{id:t.id,title:t.title,subtitle:t.subtitle,body:t.body,tag:t.tag}}function Lt(o){if(!Array.isArray(o))return null;let t=[],e=new Set;for(let r of o){let n=ae(r);if(n===null||e.has(n.id))return null;e.add(n.id),t.push(n)}return t}var se=new Set(["cards","source","mode","columns"]);function ce(o){for(let i of Object.keys(o))if(!se.has(i))return{status:"invalid",reason:`unknown config property "${i}"`};let t=o.mode;if(t!=="single"&&t!=="multi")return{status:"invalid",reason:'mode must be "single" or "multi"'};let e=o.source;if(e!==void 0&&typeof e!="string")return{status:"invalid",reason:"source must be a string"};let r=o.columns;if(r!==void 0&&r!==2&&r!==3)return{status:"invalid",reason:"columns must be 2 or 3"};let n;if(o.cards!==void 0){if(e!==void 0)return{status:"invalid",reason:"cards and source are mutually exclusive"};let i=Lt(o.cards);if(i===null)return{status:"invalid",reason:"cards must be a list of uniquely identified cards"};n=i}return{status:"ok",config:{cards:n,source:e,mode:t,columns:r}}}function de(o){return o instanceof HTMLTextAreaElement||o instanceof HTMLElement&&o.isContentEditable?!0:o instanceof HTMLInputElement?o.type!=="checkbox"&&o.type!=="radio":!1}var at="http://www.w3.org/2000/svg";function le(o){let t=document.createElementNS(at,"svg");t.setAttribute("viewBox","0 0 24 24"),t.setAttribute("fill","none"),t.setAttribute("stroke","currentColor"),t.setAttribute("stroke-width","2"),t.setAttribute("stroke-linecap","round"),t.setAttribute("stroke-linejoin","round"),t.setAttribute("aria-hidden","true");let e=document.createElementNS(at,"path");e.setAttribute("d","M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"),t.append(e);let r=o?[["7","9","17","9"],["7","13","13","13"]]:[["12","7","12","13"],["9","10","15","10"]];for(let[n,i,a,s]of r){let c=document.createElementNS(at,"line");c.setAttribute("x1",n??"0"),c.setAttribute("y1",i??"0"),c.setAttribute("x2",a??"0"),c.setAttribute("y2",s??"0"),t.append(c)}return t}var Mt=0,st=class extends HTMLElement{#n=document.createElement("div");#d;#c=null;#t=[];#r;#e=[];#i=[];#l=null;#s=new Map;#a=null;#u=null;#o=0;constructor(){super(),Mt+=1,this.#d=`crtr-cards-${Mt}`;let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=oe,this.#n.part.add("container"),this.#n.addEventListener("keydown",r=>this.#y(r)),t.append(e,this.#n)}connectedCallback(){this.#o+=1;let t=this.#o,e=C(this);if(e.status!=="ok"){this.#f(e.reason);return}let r=ce(e.config);if(r.status!=="ok"){this.#f(r.reason);return}this.#c=r.config,this.#r=$(this);let n=r.config.source;if(n===void 0){this.#t=r.config.cards??[],this.#h();return}this.#m("loading","Loading cards\u2026"),this.#p(n,t)}disconnectedCallback(){this.#o+=1}async#p(t,e){let r=await P(t);if(e!==this.#o)return;if(r.status!=="ok"){this.#f(r.reason);return}let n=Lt(r.data);if(n===null){this.#f(`source "${t}" is not a list of cards`);return}this.#t=n,this.#h()}#f(t){this.#s.clear(),this.#a=null,this.#u=null;let e=document.createElement("div");e.part.add("unavailable"),e.setAttribute("role","status");let r=document.createElement("span");r.part.add("kind"),r.textContent="cards";let n=document.createElement("span");n.part.add("reason"),n.textContent=t,e.append("Component unavailable: ",r,n),this.#n.replaceChildren(e)}#m(t,e){let r=document.createElement("div");r.part.add(t),r.setAttribute("role","status"),r.textContent=e,this.#n.replaceChildren(r)}#h(){let t=this.#c;if(t===null)return;this.#s.clear(),this.#a=null,this.#u=null;let e=new Set(this.#t.map(n=>n.id));if(this.#e=this.#e.filter(n=>e.has(n)),this.#i=this.#i.filter(n=>n.anchor.kind!=="card"||e.has(n.anchor.cardId)),this.#t.length===0){this.#m("empty","No cards to choose from.");return}let r=document.createElement("div");r.part.add("grid"),t.columns===3&&(r.dataset.columns="3"),r.append(...this.#t.map(n=>this.#v(n,t.mode,this.#d))),this.#n.replaceChildren(r),this.#x()}#v(t,e,r){let n=document.createElement("div");n.part.add("card"),n.dataset.cardId=t.id;let i=document.createElement("div");i.part.add("card-header");let a=document.createElement("label");a.part.add("card-label");let s=document.createElement("input");s.part.add("control"),s.type=e==="single"?"radio":"checkbox",s.name=r,s.value=t.id,s.addEventListener("change",()=>this.#w(t.id,s.checked)),s.addEventListener("focus",()=>this.#g(t.id,!1));let c=document.createElement("span");c.part.add("card-heading");let d=document.createElement("span");if(d.part.add("card-title"),d.textContent=t.title,c.append(d),t.subtitle!==void 0&&t.subtitle!==""){let m=document.createElement("span");m.part.add("card-subtitle"),m.textContent=t.subtitle,c.append(m)}let u=document.createElement("button");if(u.type="button",u.part.add("comment-button"),u.addEventListener("click",m=>{m.stopPropagation(),this.#g(t.id,!1),this.#C({kind:"card",cardId:t.id},t.title,n,null)}),a.append(s,c),i.append(a,u),n.append(i),t.body!==void 0&&t.body!==""){let m=document.createElement("p");m.part.add("card-body"),m.textContent=t.body,n.append(m)}let g=null;return t.tag!==void 0&&t.tag!==""&&(g=document.createElement("span"),g.part.add("tag"),g.textContent=t.tag,n.append(g)),n.addEventListener("mouseenter",()=>this.#g(t.id,!1)),n.addEventListener("mouseleave",()=>{this.#l===t.id&&this.#g(null,!1)}),n.addEventListener("focusin",()=>this.#g(t.id,!1)),this.#s.set(t.id,{root:n,control:s,commentButton:u,tag:g}),n}#x(){let t=this.#c?.mode??"multi",e=t==="single"?this.#e[0]??this.#t[0]?.id:void 0;for(let r of this.#t){let n=this.#s.get(r.id);if(n===void 0)continue;let i=this.#e.includes(r.id);n.root.part.toggle("selected",i),n.root.part.toggle("active",this.#l===r.id),n.control.checked=i,n.control.tabIndex=t==="single"&&r.id!==e?-1:0;let a=x(this.#i,{kind:"card",cardId:r.id});this.#E(n.commentButton,a,r.title)}}#E(t,e,r){let n=e!==void 0,i=t.part.contains("has-comment")!==n;t.part.toggle("has-comment",n),t.setAttribute("aria-label",n?`Edit comment on ${r}`:`Comment on ${r}`),n?t.title=e.text:t.removeAttribute("title"),(i||t.childElementCount===0)&&t.replaceChildren(le(n))}#g(t,e){this.#l===t&&!e||(this.#l=t,this.#x(),e&&t!==null&&this.#s.get(t)?.control.focus())}#w(t,e){if(this.#c!==null){if(this.#c.mode==="single")this.#e=[t];else{let r=e?[...this.#e,t]:this.#e.filter(n=>n!==t);this.#e=this.#t.map(n=>n.id).filter(n=>r.includes(n))}this.#x(),this.#H()}}#y(t){if(t.metaKey||t.ctrlKey||t.altKey||de(t.target))return;let e=this.#t.map(i=>i.id);if(e.length===0)return;let r=t.key.toLowerCase(),n=this.#l??this.#e[this.#e.length-1]??e[0]??"";if(r==="j"||r==="k"){t.preventDefault();let i=Math.max(0,e.indexOf(n)),s=e[(i+(r==="j"?1:-1)+e.length)%e.length];s!==void 0&&this.#g(s,!0);return}if(r==="x"){t.preventDefault(),this.#w(n,this.#c?.mode==="single"?!0:!this.#e.includes(n));return}if(r==="c"){t.preventDefault();let i=this.#t.find(s=>s.id===n),a=this.#s.get(n);if(i===void 0||a===void 0)return;this.#g(n,!1),this.#C({kind:"card",cardId:i.id},i.title,a.root,null)}}#C(t,e,r,n){if(r===null)return;let i=this.#a?.anchor,a=i!==void 0&&i.kind===t.kind&&(t.kind!=="card"||i.kind==="card"&&i.cardId===t.cardId);this.#b(!1),!a&&this.#A({anchor:t,target:e,mount:r,after:n})}#A(t){let e=document.createElement("div");e.part.add("comment-editor"),e.addEventListener("click",u=>u.stopPropagation());let r=document.createElement("p");r.part.add("comment-subject"),r.textContent=`Comment on ${t.target}`;let n=document.createElement("textarea");n.part.add("comment-input"),n.placeholder="What should the agent know about this?",n.value=x(this.#i,t.anchor)?.text??"";let i=document.createElement("div");i.part.add("comment-actions");let a=document.createElement("span");a.part.add("comment-hint"),a.textContent=x(this.#i,t.anchor)!==void 0?"empty to delete":"\u2318\u21B5 to save";let s=document.createElement("div");s.part.add("comment-buttons");let c=document.createElement("button");c.type="button",c.part.add("comment-cancel"),c.textContent="Cancel",c.addEventListener("click",()=>this.#b(!0));let d=document.createElement("button");d.type="button",d.part.add("comment-save"),d.textContent="Save",d.addEventListener("click",()=>this.#k(n.value)),s.append(c,d),i.append(a,s),n.addEventListener("keydown",u=>{if(u.key==="Enter"&&(u.metaKey||u.ctrlKey)){u.preventDefault(),this.#k(n.value);return}u.key==="Escape"&&(u.preventDefault(),this.#b(!0))}),e.append(r,n,i),t.after!==null?t.after.after(e):t.mount.append(e),this.#a=t,this.#u=e,n.focus()}#b(t){let e=this.#a;this.#u?.remove(),this.#u=null,this.#a=null,!(!t||e===null)&&e.anchor.kind==="card"&&this.#s.get(e.anchor.cardId)?.control.focus()}#k(t){let e=this.#a;e!==null&&(this.#i=H(this.#i,e.anchor,t),this.#b(!0),this.#x(),this.#H())}#T(){return{selectedCardIds:[...this.#e],comments:this.#i.map(t=>({...t}))}}#H(){this.#r!==void 0&&R(this.#r,this.#T())}};b("crtr-cards",st);var K=["var(--crtr-chart-1)","var(--crtr-chart-2)","var(--crtr-chart-3)","var(--crtr-chart-4)","var(--crtr-chart-5)"],ue="http://www.w3.org/2000/svg",G=260,St=12,pe=12,me=28,he=5,Ht=88,fe=5.8,Rt=14,ge=/^\d{4}-\d{2}-\d{2}(?:[T ]|$)/,be=/^\d{4}-\d{2}-\d{2}$/,ve=`
+  :host {
+    display: block;
+  }
+
+  [part="container"] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--crtr-space-2);
+    width: 100%;
+  }
+
+  [part="title"] {
+    color: var(--crtr-color-text);
+    font-weight: 500;
+  }
+
+  [part="legend"] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--crtr-space-1) var(--crtr-space-4);
+    color: var(--crtr-color-text-muted);
+    font-size: calc(var(--crtr-font-size) * 0.85);
+  }
+
+  [part="legend-item"] {
+    display: flex;
+    align-items: center;
+    gap: var(--crtr-space-1);
+    min-width: 0;
+  }
+
+  [part="legend-swatch"] {
+    flex: none;
+    width: calc(var(--crtr-space-2) - 1px);
+    height: calc(var(--crtr-space-2) - 1px);
+    border-radius: 2px;
+  }
+
+  [part="legend-label"] {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  [part="plot"] {
+    width: 100%;
+  }
+
+  [part="chart"] {
+    display: block;
+    overflow: visible;
+  }
+
+  [part="empty"] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 var(--crtr-space-4);
+    color: var(--crtr-color-text-muted);
+    border: 1px dashed var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+  }
+
+  [part="status"] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 var(--crtr-space-4);
+    color: var(--crtr-color-text-muted);
+    border: 1px dashed var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+  }
+
+  [part="unavailable"] {
+    padding: var(--crtr-space-3);
+    color: var(--crtr-color-text-muted);
+    background: var(--crtr-color-surface);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+    box-shadow: var(--crtr-shadow);
+  }
+
+  [part="reason"] {
+    color: var(--crtr-color-text);
+    font-family: var(--crtr-font-mono);
+  }
+
+  .grid {
+    stroke: var(--crtr-color-border);
+    stroke-width: 1;
+  }
+
+  .tick {
+    fill: var(--crtr-color-text-muted);
+    font-size: calc(var(--crtr-font-size) * 0.72);
+  }
+`;function xe(o){let t=o.kind;if(t!=="line"&&t!=="bar"&&t!=="area")return{status:"invalid",reason:"chart kind must be line, bar or area"};let e=o.x;if(typeof e!="string"||e==="")return{status:"invalid",reason:"chart config has no x field"};if(!Array.isArray(o.y)||o.y.length===0)return{status:"invalid",reason:"chart config has no y series"};let r=[];for(let[n,i]of o.y.entries()){if(i===null||typeof i!="object"||Array.isArray(i))return{status:"invalid",reason:`chart series #${n} is not { field, label? }`};let a=i;if(typeof a.field!="string"||a.field==="")return{status:"invalid",reason:`chart series #${n} has no field`};if(a.label!==void 0&&typeof a.label!="string")return{status:"invalid",reason:`chart series "${a.field}" label is not a string`};r.push({field:a.field,label:a.label})}return o.title!==void 0&&typeof o.title!="string"?{status:"invalid",reason:"chart title is not a string"}:o.source!==void 0&&typeof o.source!="string"?{status:"invalid",reason:"chart source is not a string"}:{status:"ok",config:{kind:t,x:e,y:r,title:o.title,data:o.data,source:o.source}}}function $t(o){return Array.isArray(o)&&o.every(t=>t!==null&&typeof t=="object"&&!Array.isArray(t))}function Nt(o,t){return t.split(".").reduce((e,r)=>{if(!(e==null||typeof e!="object"))return e[r]},o)}function ct(o){return o.includes(" ")?o:(o.includes(".")?o.split(".").pop()??o:o).replace(/[_-]+/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").split(/\s+/).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" ")}function ye(o){if(typeof o=="number")return Number.isFinite(o)?o:null;if(typeof o=="boolean")return o?1:0;if(typeof o=="bigint")return Number(o);if(typeof o=="string"){let t=o.replace(/[\s,_]/g,"").replace(/^[$£€¥]/,"").replace(/%$/,"");if(t===""||t==="-")return null;let e=Number(t);return Number.isFinite(e)?e:null}return null}function Ee(o){if(o==null)return"";if(o instanceof Date)return Number.isNaN(o.getTime())?"":o.toLocaleDateString(void 0,{month:"short",day:"numeric"});if(typeof o=="string"){let t=o.trim();if(ge.test(t)){let e=new Date(t);if(!Number.isNaN(e.getTime()))return e.toLocaleDateString(void 0,be.test(t)?{month:"short",day:"numeric",timeZone:"UTC"}:{month:"short",day:"numeric"})}return o}return typeof o=="object"?"":String(o)}function we(o){return o.length>Rt?`${o.slice(0,Rt-1)}\u2026`:o}function Ce(o,t,e){let r=t>=1?0:Math.min(4,Math.ceil(-Math.log10(t)));return new Intl.NumberFormat(void 0,{maximumFractionDigits:r,notation:e?"compact":"standard"}).format(o)}function It(o){return new Intl.NumberFormat(void 0,{maximumFractionDigits:4}).format(o)}function ke(o,t,e){let r=o,n=t;if((!Number.isFinite(r)||!Number.isFinite(n))&&(r=0,n=1),r===n){let m=Math.abs(r)>0?Math.abs(r)*.1:1;r-=m,n+=m}let i=(n-r)/Math.max(1,e),a=10**Math.floor(Math.log10(i)),s=i/a,c=(s<=1?1:s<=2?2:s<=5?5:10)*a,d=Math.floor(r/c)*c,u=Math.ceil(n/c)*c,g=[];for(let m=d;m<=u+c/2;m+=c)g.push(Number(m.toFixed(10)));return{ticks:g,domainMin:d,domainMax:u,step:c}}function Te(o){let t=[],e=[];for(let r of o){let n=e[e.length-1];if(n===void 0||r.index===n.index+1){e.push(r);continue}t.push(e),e=[r]}return e.length>0&&t.push(e),t}function k(o,t){let e=document.createElementNS(ue,o);return t!==void 0&&e.setAttribute("part",t),e}function N(o,t){for(let[e,r]of Object.entries(t))o.setAttribute(e,String(r))}function Ot(o){let t=k("title");return t.textContent=o,t}var dt=class extends HTMLElement{#n=document.createElement("div");#d=document.createElement("div");#c=document.createElement("div");#t=document.createElement("div");#r=null;#e=null;#i=null;#l=0;#s=0;constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=ve,this.#n.part.add("container"),this.#d.part.add("title"),this.#c.part.add("legend"),this.#t.part.add("plot"),t.append(e,this.#n)}connectedCallback(){let t=++this.#s;this.#r=null,this.#e=null;let e=C(this);if(e.status!=="ok"){this.#o(e.reason);return}let r=xe(e.config);if(r.status!=="ok"){this.#o(r.reason);return}this.#r=r.config,this.#f(),this.#u();let{data:n,source:i}=r.config;if(n!==void 0){if(!$t(n)){this.#o("chart data is not a list of rows");return}this.#e=n,this.#m();return}if(i===void 0||i===""){this.#e=[],this.#m();return}this.#p("Loading chart data\u2026"),this.#a(i,t)}disconnectedCallback(){this.#s+=1,this.#i?.disconnect(),this.#i=null}async#a(t,e){let r=await P(t);if(e===this.#s){if(r.status!=="ok"){this.#o(`chart source "${t}" is ${r.status}: ${r.reason}`);return}if(!$t(r.data)){this.#o(`chart source "${t}" is not a list of rows`);return}this.#e=r.data,this.#m()}}#u(){this.#i?.disconnect(),this.#l=this.#t.getBoundingClientRect().width;let t=new ResizeObserver(e=>{let r=e[0]?.contentRect.width??0;Math.abs(this.#l-r)<.5||(this.#l=r,this.#m())});t.observe(this.#t),this.#i=t}#o(t){this.#i?.disconnect(),this.#i=null;let e=document.createElement("div");e.part.add("unavailable"),e.setAttribute("role","status");let r=document.createElement("span");r.part.add("reason"),r.textContent=t,e.append("Chart unavailable: ",r),this.#n.replaceChildren(e)}#p(t){let e=document.createElement("div");e.part.add("status"),e.setAttribute("role","status"),e.style.height=`${G}px`,e.textContent=t,this.#t.replaceChildren(e)}#f(){let t=this.#r;if(t===null)return;let e=[],r=t.title?.trim();r!==void 0&&r.length>0&&(this.#d.textContent=r,e.push(this.#d)),t.y.length>1&&(this.#c.replaceChildren(...t.y.map((n,i)=>{let a=document.createElement("div");a.part.add("legend-item");let s=document.createElement("span");s.part.add("legend-swatch"),s.setAttribute("aria-hidden","true"),s.style.background=K[i%K.length]??K[0];let c=document.createElement("span");return c.part.add("legend-label"),c.textContent=n.label??ct(n.field),a.append(s,c),a})),e.push(this.#c)),e.push(this.#t),this.#n.replaceChildren(...e)}#m(){let t=this.#r,e=this.#e;if(t===null||e===null)return;let r=e.map(l=>Ee(Nt(l,t.x))),n=t.y.map((l,p)=>{let h=[];return e.forEach((f,v)=>{let E=ye(Nt(f,l.field));E!==null&&h.push({index:v,value:E})}),{label:l.label??ct(l.field),color:K[p%K.length]??K[0],points:h}}),i=0,a=0,s=0;for(let l of n)for(let p of l.points)i===0?(a=p.value,s=p.value):(p.value<a&&(a=p.value),p.value>s&&(s=p.value)),i+=1;if(t.kind!=="line"&&(a=Math.min(a,0),s=Math.max(s,0)),i===0||e.length===0){let l=document.createElement("div");l.part.add("empty"),l.style.height=`${G}px`,l.textContent="No data to chart",this.#t.replaceChildren(l);return}let c=this.#l;if(c<=0){let l=document.createElement("div");l.style.height=`${G}px`,this.#t.replaceChildren(l);return}let{ticks:d,domainMin:u,domainMax:g,step:m}=ke(a,s,he),W=Math.max(...d.map(l=>Math.abs(l)))>=1e4,D=d.map(l=>Ce(l,m,W)),A=Math.min(88,Math.max(36,Math.max(...D.map(l=>l.length))*6.4+12)),T=Math.max(0,c-A-pe),M=Math.max(0,G-St-me),y=St+M,J=r.length>0?T/r.length:T,j=l=>A+J*(l+.5),jt=g-u||1,I=l=>y-(l-u)/jt*M,mt=Math.min(Math.max(0,u),g),V=I(mt),O=k("svg","chart");N(O,{role:"img",width:c,height:G,viewBox:`0 0 ${c} ${G}`}),O.setAttribute("aria-label",`${t.kind} chart of ${n.map(l=>l.label).join(", ")} by ${ct(t.x)}`),d.forEach((l,p)=>{let h=k("line");h.setAttribute("class","grid"),N(h,{x1:A,x2:A+T,y1:I(l),y2:I(l),opacity:l===mt?.9:.45});let f=k("text");f.setAttribute("class","tick"),N(f,{x:A-8,y:I(l),"text-anchor":"end","dominant-baseline":"central"}),f.textContent=D[p]??"",O.append(h,f)});let z=[];if(r.length>0){let l=Math.max(2,Math.min(r.length,Math.floor(T/Ht)||1)),p=Math.max(1,Math.ceil((r.length-1)/(l-1)));for(let f=0;f<r.length;f+=p)z.push(f);let h=z[z.length-1]??0;h!==r.length-1&&((r.length-1-h)*J>=Ht?z.push(r.length-1):z[z.length-1]=r.length-1)}for(let l of z){let p=we(r[l]??""),h=j(l),f=p.length*fe/2,v=h-f<0?"start":h+f>c?"end":"middle",E=k("text");E.setAttribute("class","tick"),N(E,{x:v==="start"?0:v==="end"?c:h,y:y+16,"text-anchor":v,"dominant-baseline":"hanging"}),E.textContent=p,O.append(E)}if(t.kind==="bar"){let l=J*.72,p=l/n.length,h=Math.max(1,p-(p>4?1:0));n.forEach((f,v)=>{let E=k("g");for(let L of f.points){let F=I(L.value),S=k("rect","bar");N(S,{x:j(L.index)-l/2+v*p,y:Math.min(F,V),width:h,height:Math.max(1,Math.abs(V-F)),rx:Math.min(2,h/3)}),S.style.fill=f.color,S.append(Ot(`${f.label} \xB7 ${r[L.index]??L.index}: ${It(L.value)}`)),E.append(S)}O.append(E)})}else{let l=r.length<=40;for(let p of n){let h=k("g"),f=Te(p.points);for(let v of f){let E=v.map(w=>`${j(w.index)},${I(w.value)}`).join(" L "),L=v[0],F=v[v.length-1];if(t.kind==="area"&&L!==void 0&&F!==void 0){let w=k("path","area");N(w,{d:`M ${j(L.index)},${V} L ${E} L ${j(F.index)},${V} Z`,"fill-opacity":.18}),w.style.fill=p.color,h.append(w)}let S=k("path","line");if(N(S,{d:`M ${E}`,fill:"none","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"}),S.style.stroke=p.color,h.append(S),!(!l&&v.length>1))for(let w of v){let U=k("circle","point");N(U,{cx:j(w.index),cy:I(w.value),r:2.5}),U.style.fill=p.color,U.append(Ot(`${p.label} \xB7 ${r[w.index]??w.index}: ${It(w.value)}`)),h.append(U)}}O.append(h)}}this.#t.replaceChildren(O)}};b("crtr-chart",dt);function zt(){return window.crtr}var Dt="Submit is unavailable \u2014 this page is not connected to a host.",Ae=`
+  :host {
+    display: block;
+  }
+
+  :host([hidden]) {
+    display: none;
+  }
+
+  [part="page"] {
+    display: grid;
+    gap: var(--crtr-space-3);
+  }
+
+  [part="page"]:focus {
+    outline: none;
+  }
+`,Me=`
+  :host {
+    display: block;
+  }
+
+  [part="container"] {
+    display: grid;
+    gap: var(--crtr-space-4);
+  }
+
+  [part="chrome"] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--crtr-space-3);
+    padding-top: var(--crtr-space-3);
+    border-top: 1px solid var(--crtr-color-border);
+  }
+
+  [part="container"][data-steps="1"] [part="chrome"] {
+    justify-content: flex-end;
+  }
+
+  [part="progress"] {
+    display: flex;
+    align-items: center;
+    gap: var(--crtr-space-2);
+    color: var(--crtr-color-text-muted);
+  }
+
+  [part="progress-track"] {
+    display: flex;
+    align-items: center;
+    gap: var(--crtr-space-1);
+  }
+
+  [part="progress-step"] {
+    width: var(--crtr-space-2);
+    height: var(--crtr-space-1);
+    border-radius: var(--crtr-radius-small);
+    background: var(--crtr-color-border);
+  }
+
+  [part="progress-step"][data-state="complete"] {
+    background: var(--crtr-color-text-muted);
+  }
+
+  [part="progress-step"][data-state="current"] {
+    width: var(--crtr-space-4);
+    background: var(--crtr-color-accent);
+  }
+
+  [part="actions"] {
+    display: flex;
+    align-items: center;
+    gap: var(--crtr-space-2);
+  }
+
+  button {
+    font: inherit;
+    color: var(--crtr-color-text);
+    background: var(--crtr-color-surface);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-small);
+    padding: var(--crtr-space-2) var(--crtr-space-3);
+    cursor: pointer;
+  }
+
+  button:hover:not(:disabled) {
+    background: var(--crtr-color-surface-hover);
+  }
+
+  button:focus-visible {
+    outline: 2px solid var(--crtr-color-focus);
+    outline-offset: 2px;
+  }
+
+  button:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  [part="submit"] {
+    color: var(--crtr-color-accent-contrast);
+    background: var(--crtr-color-accent);
+    border-color: transparent;
+  }
+
+  [part="submit"]:hover:not(:disabled) {
+    background: var(--crtr-color-accent);
+    filter: brightness(1.08);
+  }
+
+  [part="notice"] {
+    color: var(--crtr-color-text-muted);
+  }
+
+  [part="notice"][data-state="error"] {
+    color: var(--crtr-color-danger);
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+`,lt=class extends HTMLElement{constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=Ae;let r=document.createElement("div");r.part.add("page"),r.append(document.createElement("slot")),t.append(e,r)}},ut=class extends HTMLElement{static observedAttributes=["disabled","submit-label"];#n=[];#d=0;#c="idle";#t=null;#r=document.createElement("div");#e=document.createElement("div");#i=document.createElement("div");#l=document.createElement("span");#s=document.createElement("span");#a=document.createElement("div");#u=document.createElement("span");#o=document.createElement("button");#p=document.createElement("button");#f=document.createElement("button");#m=new MutationObserver(()=>{this.#h(),this.#w()});constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=Me;let r=document.createElement("div");r.part.add("steps"),r.append(document.createElement("slot")),this.#r.part.add("container"),this.#e.part.add("chrome"),this.#i.part.add("progress"),this.#i.setAttribute("role","status"),this.#i.setAttribute("aria-live","polite"),this.#l.part.add("progress-label"),this.#s.part.add("progress-track"),this.#s.setAttribute("aria-hidden","true"),this.#i.append(this.#l,this.#s),this.#o.part.add("prev"),this.#o.type="button",this.#o.textContent="Back",this.#o.addEventListener("click",()=>this.#x(-1)),this.#p.part.add("next"),this.#p.type="button",this.#p.textContent="Next",this.#p.addEventListener("click",()=>this.#x(1)),this.#f.part.add("submit"),this.#f.type="button",this.#f.addEventListener("click",()=>{this.#E()}),this.#u.part.add("notice"),this.#a.part.add("actions"),this.#a.append(this.#u,this.#o,this.#p,this.#f),this.#e.append(this.#i,this.#a),this.#r.append(r,this.#e),t.append(e,this.#r)}connectedCallback(){this.#h(),this.#m.observe(this,{childList:!0}),this.ownerDocument.addEventListener("keydown",this.#g),this.#w()}disconnectedCallback(){this.#m.disconnect(),this.ownerDocument.removeEventListener("keydown",this.#g)}attributeChangedCallback(){this.isConnected&&this.#w()}#h(){this.#n=[...this.children].filter(t=>t instanceof HTMLElement&&t.tagName==="CRTR-PAGE");for(let t of this.#n)t.hasAttribute("tabindex")||t.setAttribute("tabindex","-1");this.#d=Math.min(this.#d,Math.max(0,this.#n.length-1))}get#v(){return this.#d>=this.#n.length-1}#x(t,e=!0){let r=this.#d+t;r<0||r>=this.#n.length||r===this.#d||(this.#d=r,this.#t=null,this.#w(),e&&this.#n[this.#d]?.focus())}async#E(){if(this.#c!=="idle"||this.hasAttribute("disabled")||!this.#v)return;let t=zt();if(typeof t?.submit!="function"){this.#t=Dt,this.#w();return}this.#c="submitting",this.#t=null,this.#w();try{await t.submit(),this.#c="submitted"}catch(e){this.#c="idle",this.#t=e instanceof Error?e.message:"Submit failed."}this.#w()}#g=t=>{if(t.defaultPrevented)return;let e=t.composedPath();if(e.some(n=>n instanceof HTMLElement&&n.tagName==="CRTR-PAGES"&&n!==this))return;if((t.metaKey||t.ctrlKey)&&t.key==="Enter"){if(!this.#v)return;t.preventDefault(),this.#E();return}if(t.metaKey||t.ctrlKey||t.altKey||Le(e))return;let r=t.key.toLowerCase();r!=="n"&&r!=="p"||(t.preventDefault(),this.#x(r==="n"?1:-1))};#w(){let t=this.#n.length,e=t>1,r=Math.min(this.#d,Math.max(0,t-1));for(let[a,s]of this.#n.entries())s.toggleAttribute("hidden",a!==r);if(this.#r.dataset.steps=String(Math.max(1,t)),this.#r.dataset.step=String(r+1),this.#i.hidden=!e,e){let a=this.#n[r]?.getAttribute("label")?.trim();this.#l.textContent=a?`Step ${r+1} of ${t} \xB7 ${a}`:`Step ${r+1} of ${t}`,this.#s.replaceChildren(...this.#n.map((s,c)=>{let d=document.createElement("span");return d.part.add("progress-step"),d.dataset.state=c===r?"current":c<r?"complete":"upcoming",d}))}this.#o.hidden=!e,this.#o.disabled=r===0,this.#p.hidden=!e||this.#v,this.#p.disabled=!1,this.#f.hidden=!this.#v;let n=typeof zt()?.submit=="function";this.#f.disabled=!n||this.#c!=="idle"||this.hasAttribute("disabled"),this.#f.textContent=this.#c==="submitting"?"Submitting\u2026":this.#c==="submitted"?"Submitted":this.getAttribute("submit-label")?.trim()||"Submit";let i=this.#t??(this.#c==="submitted"?"Your response was submitted.":!n&&this.#v?Dt:null);this.#u.hidden=i===null,this.#u.textContent=i??"",this.#u.dataset.state=this.#t===null?"info":"error"}};function Le(o){return o.some(t=>t instanceof HTMLElement&&(t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t.isContentEditable))}b("crtr-page",lt);b("crtr-pages",ut);var Se=`
+  :host {
+    display: block;
+  }
+
+  [part="unavailable"] {
+    padding: var(--crtr-space-3);
+    color: var(--crtr-color-text-muted);
+    background: var(--crtr-color-surface);
+    border: 1px solid var(--crtr-color-border);
+    border-radius: var(--crtr-radius-medium);
+    box-shadow: var(--crtr-shadow);
+  }
+
+  [part="unavailable"][hidden] {
+    display: none;
+  }
+
+  [part="kind"] {
+    color: var(--crtr-color-text);
+    font-family: var(--crtr-font-mono);
+  }
+
+  [part="reason"] {
+    display: block;
+    margin-top: var(--crtr-space-1);
+    font-size: 0.9em;
+  }
+`,pt=class extends HTMLElement{#n=document.createElement("div");#d=document.createElement("span");#c=document.createElement("span");#t=document.createElement("div");#r=!1;constructor(){super();let t=this.attachShadow({mode:"open"}),e=document.createElement("style");e.textContent=Se,this.#n.part.add("unavailable"),this.#n.setAttribute("role","status"),this.#d.part.add("kind"),this.#c.part.add("reason"),this.#n.append("Component unavailable: ",this.#d,this.#c),this.#n.hidden=!0,this.#t.part.add("mount"),t.append(e,document.createElement("slot"),this.#n)}connectedCallback(){if(this.#r)return;this.#r=!0;let t=this.getAttribute("kind")?.trim()??"";if(this.#d.textContent=t===""?"unknown":t,t===""){this.#i("This slot names no component kind.");return}let e=C(this);if(e.status!=="ok"){this.#i(e.reason);return}this.append(this.#t),this.#e(t,e.config)}async#e(t,e){await bt(this.#t,t,e)!=="mounted"&&(this.#t.remove(),this.#i("This page is open somewhere that cannot render it."))}#i(t){this.#c.textContent=t,this.#n.hidden=!1}};b("crtr-slot",pt);})();