@kya-os/consent 0.1.0 → 0.1.1

package/dist/consent.min.js

@@ -0,0 +1,1564 @@
+var Je=Object.defineProperty;var Qe=Object.getOwnPropertyDescriptor;var n=(i,t,e,r)=>{for(var s=r>1?void 0:r?Qe(t,e):t,o=i.length-1,a;o>=0;o--)(a=i[o])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Je(t,e,s),s};var oe=globalThis,ne=oe.ShadowRoot&&(oe.ShadyCSS===void 0||oe.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,pe=Symbol(),Ce=new WeakMap,K=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==pe)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(ne&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=Ce.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&Ce.set(e,t))}return t}toString(){return this.cssText}},Ee=i=>new K(typeof i=="string"?i:i+"",void 0,pe),v=(i,...t)=>{let e=i.length===1?i[0]:t.reduce(((r,s,o)=>r+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+i[o+1]),i[0]);return new K(e,i,pe)},Ae=(i,t)=>{if(ne)i.adoptedStyleSheets=t.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(let e of t){let r=document.createElement("style"),s=oe.litNonce;s!==void 0&&r.setAttribute("nonce",s),r.textContent=e.cssText,i.appendChild(r)}},he=ne?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return Ee(e)})(i):i;var{is:Xe,defineProperty:Ze,getOwnPropertyDescriptor:et,getOwnPropertyNames:tt,getOwnPropertySymbols:rt,getPrototypeOf:it}=Object,P=globalThis,Se=P.trustedTypes,st=Se?Se.emptyScript:"",ot=P.reactiveElementPolyfillSupport,W=(i,t)=>i,J={toAttribute(i,t){switch(t){case Boolean:i=i?st:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},ae=(i,t)=>!Xe(i,t),_e={attribute:!0,type:String,converter:J,reflect:!1,useDefault:!1,hasChanged:ae};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),P.litPropertyMetadata??(P.litPropertyMetadata=new WeakMap);var N=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=_e){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){let r=Symbol(),s=this.getPropertyDescriptor(t,r,e);s!==void 0&&Ze(this.prototype,t,s)}}static getPropertyDescriptor(t,e,r){let{get:s,set:o}=et(this.prototype,t)??{get(){return this[e]},set(a){this[e]=a}};return{get:s,set(a){let p=s?.call(this);o?.call(this,a),this.requestUpdate(t,p,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??_e}static _$Ei(){if(this.hasOwnProperty(W("elementProperties")))return;let t=it(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(W("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(W("properties"))){let e=this.properties,r=[...tt(e),...rt(e)];for(let s of r)this.createProperty(s,e[s])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[r,s]of e)this.elementProperties.set(r,s)}this._$Eh=new Map;for(let[e,r]of this.elementProperties){let s=this._$Eu(e,r);s!==void 0&&this._$Eh.set(s,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let r=new Set(t.flat(1/0).reverse());for(let s of r)e.unshift(he(s))}else t!==void 0&&e.push(he(t));return e}static _$Eu(t,e){let r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Ae(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$ET(t,e){let r=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,r);if(s!==void 0&&r.reflect===!0){let o=(r.converter?.toAttribute!==void 0?r.converter:J).toAttribute(e,r.type);this._$Em=t,o==null?this.removeAttribute(s):this.setAttribute(s,o),this._$Em=null}}_$AK(t,e){let r=this.constructor,s=r._$Eh.get(t);if(s!==void 0&&this._$Em!==s){let o=r.getPropertyOptions(s),a=typeof o.converter=="function"?{fromAttribute:o.converter}:o.converter?.fromAttribute!==void 0?o.converter:J;this._$Em=s;let p=a.fromAttribute(e,o.type);this[s]=p??this._$Ej?.get(s)??p,this._$Em=null}}requestUpdate(t,e,r){if(t!==void 0){let s=this.constructor,o=this[t];if(r??(r=s.getPropertyOptions(t)),!((r.hasChanged??ae)(o,e)||r.useDefault&&r.reflect&&o===this._$Ej?.get(t)&&!this.hasAttribute(s._$Eu(t,r))))return;this.C(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:r,reflect:s,wrapped:o},a){r&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,a??e??this[t]),o!==!0||a!==void 0)||(this._$AL.has(t)||(this.hasUpdated||r||(e=void 0),this._$AL.set(t,e)),s===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[s,o]of this._$Ep)this[s]=o;this._$Ep=void 0}let r=this.constructor.elementProperties;if(r.size>0)for(let[s,o]of r){let{wrapped:a}=o,p=this[s];a!==!0||this._$AL.has(s)||p===void 0||this.C(s,void 0,o,p)}}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((r=>r.hostUpdate?.())),this.update(e)):this._$EM()}catch(r){throw t=!1,this._$EM(),r}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((e=>e.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach((e=>this._$ET(e,this[e])))),this._$EM()}updated(t){}firstUpdated(t){}};N.elementStyles=[],N.shadowRootOptions={mode:"open"},N[W("elementProperties")]=new Map,N[W("finalized")]=new Map,ot?.({ReactiveElement:N}),(P.reactiveElementVersions??(P.reactiveElementVersions=[])).push("2.1.1");var X=globalThis,le=X.trustedTypes,ke=le?le.createPolicy("lit-html",{createHTML:i=>i}):void 0,Ne="$lit$",M=`lit$${Math.random().toFixed(9).slice(2)}$`,Le="?"+M,nt=`<${Le}>`,F=document,Z=()=>F.createComment(""),ee=i=>i===null||typeof i!="object"&&typeof i!="function",ye=Array.isArray,at=i=>ye(i)||typeof i?.[Symbol.iterator]=="function",ue=`[ 	
+\f\r]`,Q=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Te=/-->/g,Re=/>/g,O=RegExp(`>|${ue}(?:([^\\s"'>=/]+)(${ue}*=${ue}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Ue=/'/g,Ie=/"/g,Pe=/^(?:script|style|textarea|title)$/i,xe=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),d=xe(1),Ut=xe(2),It=xe(3),L=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),De=new WeakMap,B=F.createTreeWalker(F,129);function Me(i,t){if(!ye(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return ke!==void 0?ke.createHTML(t):t}var lt=(i,t)=>{let e=i.length-1,r=[],s,o=t===2?"<svg>":t===3?"<math>":"",a=Q;for(let p=0;p<e;p++){let c=i[p],f,b,u=-1,T=0;for(;T<c.length&&(a.lastIndex=T,b=a.exec(c),b!==null);)T=a.lastIndex,a===Q?b[1]==="!--"?a=Te:b[1]!==void 0?a=Re:b[2]!==void 0?(Pe.test(b[2])&&(s=RegExp("</"+b[2],"g")),a=O):b[3]!==void 0&&(a=O):a===O?b[0]===">"?(a=s??Q,u=-1):b[1]===void 0?u=-2:(u=a.lastIndex-b[2].length,f=b[1],a=b[3]===void 0?O:b[3]==='"'?Ie:Ue):a===Ie||a===Ue?a=O:a===Te||a===Re?a=Q:(a=O,s=void 0);let R=a===O&&i[p+1].startsWith("/>")?" ":"";o+=a===Q?c+nt:u>=0?(r.push(f),c.slice(0,u)+Ne+c.slice(u)+M+R):c+M+(u===-2?p:R)}return[Me(i,o+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},te=class i{constructor({strings:t,_$litType$:e},r){let s;this.parts=[];let o=0,a=0,p=t.length-1,c=this.parts,[f,b]=lt(t,e);if(this.el=i.createElement(f,r),B.currentNode=this.el.content,e===2||e===3){let u=this.el.content.firstChild;u.replaceWith(...u.childNodes)}for(;(s=B.nextNode())!==null&&c.length<p;){if(s.nodeType===1){if(s.hasAttributes())for(let u of s.getAttributeNames())if(u.endsWith(Ne)){let T=b[a++],R=s.getAttribute(u).split(M),q=/([.?@])?(.*)/.exec(T);c.push({type:1,index:o,name:q[2],strings:R,ctor:q[1]==="."?ge:q[1]==="?"?fe:q[1]==="@"?ve:j}),s.removeAttribute(u)}else u.startsWith(M)&&(c.push({type:6,index:o}),s.removeAttribute(u));if(Pe.test(s.tagName)){let u=s.textContent.split(M),T=u.length-1;if(T>0){s.textContent=le?le.emptyScript:"";for(let R=0;R<T;R++)s.append(u[R],Z()),B.nextNode(),c.push({type:2,index:++o});s.append(u[T],Z())}}}else if(s.nodeType===8)if(s.data===Le)c.push({type:2,index:o});else{let u=-1;for(;(u=s.data.indexOf(M,u+1))!==-1;)c.push({type:7,index:o}),u+=M.length-1}o++}}static createElement(t,e){let r=F.createElement("template");return r.innerHTML=t,r}};function z(i,t,e=i,r){if(t===L)return t;let s=r!==void 0?e._$Co?.[r]:e._$Cl,o=ee(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),o===void 0?s=void 0:(s=new o(i),s._$AT(i,e,r)),r!==void 0?(e._$Co??(e._$Co=[]))[r]=s:e._$Cl=s),s!==void 0&&(t=z(i,s._$AS(i,t.values),s,r)),t}var me=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:r}=this._$AD,s=(t?.creationScope??F).importNode(e,!0);B.currentNode=s;let o=B.nextNode(),a=0,p=0,c=r[0];for(;c!==void 0;){if(a===c.index){let f;c.type===2?f=new re(o,o.nextSibling,this,t):c.type===1?f=new c.ctor(o,c.name,c.strings,this,t):c.type===6&&(f=new be(o,this,t)),this._$AV.push(f),c=r[++p]}a!==c?.index&&(o=B.nextNode(),a++)}return B.currentNode=F,s}p(t){let e=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}},re=class i{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,r,s){this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=s,this._$Cv=s?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=z(this,t,e),ee(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==L&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):at(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==h&&ee(this._$AH)?this._$AA.nextSibling.data=t:this.T(F.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:r}=t,s=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=te.createElement(Me(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===s)this._$AH.p(e);else{let o=new me(s,this),a=o.u(this.options);o.p(e),this.T(a),this._$AH=o}}_$AC(t){let e=De.get(t.strings);return e===void 0&&De.set(t.strings,e=new te(t)),e}k(t){ye(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,s=0;for(let o of t)s===e.length?e.push(r=new i(this.O(Z()),this.O(Z()),this,this.options)):r=e[s],r._$AI(o),s++;s<e.length&&(this._$AR(r&&r._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let r=t.nextSibling;t.remove(),t=r}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},j=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,s,o){this.type=1,this._$AH=h,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=o,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=h}_$AI(t,e=this,r,s){let o=this.strings,a=!1;if(o===void 0)t=z(this,t,e,0),a=!ee(t)||t!==this._$AH&&t!==L,a&&(this._$AH=t);else{let p=t,c,f;for(t=o[0],c=0;c<o.length-1;c++)f=z(this,p[r+c],e,c),f===L&&(f=this._$AH[c]),a||(a=!ee(f)||f!==this._$AH[c]),f===h?t=h:t!==h&&(t+=(f??"")+o[c+1]),this._$AH[c]=f}a&&!s&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},ge=class extends j{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}},fe=class extends j{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}},ve=class extends j{constructor(t,e,r,s,o){super(t,e,r,s,o),this.type=5}_$AI(t,e=this){if((t=z(this,t,e,0)??h)===L)return;let r=this._$AH,s=t===h&&r!==h||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,o=t!==h&&(r===h||s);s&&this.element.removeEventListener(this.name,this,r),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},be=class{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){z(this,t)}};var dt=X.litHtmlPolyfillSupport;dt?.(te,re),(X.litHtmlVersions??(X.litHtmlVersions=[])).push("3.3.1");var Oe=(i,t,e)=>{let r=e?.renderBefore??t,s=r._$litPart$;if(s===void 0){let o=e?.renderBefore??null;r._$litPart$=s=new re(t.insertBefore(Z(),o),o,void 0,e??{})}return s._$AI(i),s};var ie=globalThis,g=class extends N{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;let t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Oe(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return L}};g._$litElement$=!0,g.finalized=!0,ie.litElementHydrateSupport?.({LitElement:g});var ct=ie.litElementPolyfillSupport;ct?.({LitElement:g});(ie.litElementVersions??(ie.litElementVersions=[])).push("4.2.1");var y=i=>(t,e)=>{e!==void 0?e.addInitializer((()=>{customElements.define(i,t)})):customElements.define(i,t)};var pt={attribute:!0,type:String,converter:J,reflect:!1,hasChanged:ae},ht=(i=pt,t,e)=>{let{kind:r,metadata:s}=e,o=globalThis.litPropertyMetadata.get(s);if(o===void 0&&globalThis.litPropertyMetadata.set(s,o=new Map),r==="setter"&&((i=Object.create(i)).wrapped=!0),o.set(e.name,i),r==="accessor"){let{name:a}=e;return{set(p){let c=t.get.call(this);t.set.call(this,p),this.requestUpdate(a,c,i)},init(p){return p!==void 0&&this.C(a,void 0,i,p),p}}}if(r==="setter"){let{name:a}=e;return function(p){let c=this[a];t.call(this,p),this.requestUpdate(a,c,i)}}throw Error("Unsupported decorator location: "+r)};function l(i){return(t,e)=>typeof e=="object"?ht(i,t,e):((r,s,o)=>{let a=s.hasOwnProperty(o);return s.constructor.createProperty(o,r),a?Object.getOwnPropertyDescriptor(s,o):void 0})(i,t,e)}function x(i){return l({...i,state:!0,attribute:!1})}var V=(i,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(i,t,e),e);var ut;function Be(i){return(t,e)=>V(t,e,{get(){return(this.renderRoot??ut??(ut=document.createDocumentFragment())).querySelectorAll(i)}})}var _=class extends g{constructor(){super();this.variant="primary";this.type="button";this.disabled=!1;this.fullWidth=!1;this.loading=!1;this.internals=this.attachInternals()}handleClick(){if(this.disabled||this.loading)return;let e=this.internals.form;e&&(this.type==="submit"?e.requestSubmit():this.type==="reset"&&e.reset())}render(){return d`
+      <button
+        part="button"
+        type="button"
+        ?disabled=${this.disabled||this.loading}
+        aria-busy=${this.loading}
+        @click=${this.handleClick}
+      >
+        ${this.loading?d`<span class="spinner"></span>`:null}
+        <slot></slot>
+      </button>
+    `}};_.formAssociated=!0,_.styles=v`
+    :host {
+      display: inline-block;
+    }
+
+    :host([full-width]) {
+      display: block;
+      width: 100%;
+    }
+
+    button {
+      /* Base styles - matches AgentShield PreviewButton exactly */
+      padding: 0.75rem 1rem;
+      height: 2.75rem;
+      border-radius: 0.5rem;
+      font-size: 0.875rem;
+      font-weight: 500;
+      font-family: inherit;
+      cursor: pointer;
+      transition: opacity 0.15s ease, background-color 0.15s ease;
+      border: none;
+      width: 100%;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0.5rem;
+    }
+
+    /* Primary variant */
+    :host([variant='primary']) button {
+      background-color: var(--consent-primary, #2563eb);
+      color: white;
+    }
+
+    :host([variant='primary']) button:hover:not(:disabled) {
+      opacity: 0.9;
+    }
+
+    /* Secondary variant */
+    :host([variant='secondary']) button {
+      background-color: transparent;
+      color: #374151;
+      border: 1px solid #d1d5db;
+    }
+
+    :host([variant='secondary']) button:hover:not(:disabled) {
+      background-color: #f9fafb;
+    }
+
+    /* Disabled state */
+    button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    /* Loading spinner */
+    .spinner {
+      width: 1rem;
+      height: 1rem;
+      border: 2px solid currentColor;
+      border-top-color: transparent;
+      border-radius: 50%;
+      animation: spin 0.8s linear infinite;
+    }
+
+    @keyframes spin {
+      to {
+        transform: rotate(360deg);
+      }
+    }
+  `,n([l({type:String,reflect:!0})],_.prototype,"variant",2),n([l({type:String})],_.prototype,"type",2),n([l({type:Boolean,reflect:!0})],_.prototype,"disabled",2),n([l({type:Boolean,attribute:"full-width"})],_.prototype,"fullWidth",2),n([l({type:Boolean,reflect:!0})],_.prototype,"loading",2),_=n([y("consent-button")],_);var k=class extends g{constructor(){super();this.name="";this.checked=!1;this.required=!1;this.disabled=!1;this.value="on";this.internals=this.attachInternals()}updated(e){(e.has("checked")||e.has("value"))&&this.updateFormValue()}updateFormValue(){this.checked?this.internals.setFormValue(this.value):this.internals.setFormValue(null)}handleChange(e){let r=e.target;this.checked=r.checked,this.updateFormValue(),this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.value},bubbles:!0,composed:!0}))}render(){return d`
+      <label part="label">
+        <input
+          part="checkbox"
+          type="checkbox"
+          name=${this.name}
+          .value=${this.value}
+          .checked=${this.checked}
+          ?required=${this.required}
+          ?disabled=${this.disabled}
+          @change=${this.handleChange}
+        />
+        <span class="text">
+          <slot></slot>
+        </span>
+      </label>
+    `}};k.formAssociated=!0,k.styles=v`
+    :host {
+      display: block;
+    }
+
+    label {
+      display: flex;
+      align-items: flex-start;
+      gap: 0.75rem;
+      cursor: pointer;
+      font-size: 0.875rem;
+      color: #374151;
+      line-height: 1.5;
+    }
+
+    :host([disabled]) label {
+      cursor: not-allowed;
+      opacity: 0.6;
+    }
+
+    /* Custom checkbox styling - matches AgentShield exactly */
+    input[type='checkbox'] {
+      /* Reset */
+      appearance: none;
+      -webkit-appearance: none;
+      margin: 0;
+
+      /* Size - matches AgentShield w-4 h-4 */
+      width: 1rem;
+      height: 1rem;
+      min-width: 1rem;
+      margin-top: 0.125rem; /* Align with text baseline */
+
+      /* Border */
+      border: 1px solid #d1d5db;
+      border-radius: 0.25rem;
+
+      /* Background */
+      background-color: white;
+
+      /* Interaction */
+      cursor: pointer;
+      position: relative;
+      transition: background-color 0.15s ease, border-color 0.15s ease;
+    }
+
+    input[type='checkbox']:hover:not(:disabled) {
+      border-color: var(--consent-primary, #2563eb);
+    }
+
+    input[type='checkbox']:focus-visible {
+      outline: 2px solid var(--consent-primary, #2563eb);
+      outline-offset: 2px;
+    }
+
+    /* Checked state */
+    input[type='checkbox']:checked {
+      background-color: var(--consent-primary, #2563eb);
+      border-color: var(--consent-primary, #2563eb);
+    }
+
+    /* Checkmark */
+    input[type='checkbox']:checked::after {
+      content: '';
+      position: absolute;
+      left: 4px;
+      top: 1px;
+      width: 5px;
+      height: 9px;
+      border: solid white;
+      border-width: 0 2px 2px 0;
+      transform: rotate(45deg);
+    }
+
+    /* Disabled */
+    input[type='checkbox']:disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+
+    /* Text wrapper */
+    .text {
+      flex: 1;
+    }
+
+    /* Links in label */
+    ::slotted(a) {
+      color: var(--consent-primary, #2563eb);
+      text-decoration: underline;
+    }
+
+    ::slotted(a:hover) {
+      text-decoration: none;
+    }
+  `,n([l({type:String})],k.prototype,"name",2),n([l({type:Boolean,reflect:!0})],k.prototype,"checked",2),n([l({type:Boolean})],k.prototype,"required",2),n([l({type:Boolean,reflect:!0})],k.prototype,"disabled",2),n([l({type:String})],k.prototype,"value",2),k=n([y("consent-checkbox")],k);var $=class extends g{constructor(){super();this.type="text";this.name="";this.value="";this.label="";this.placeholder="";this.required=!1;this.disabled=!1;this.autocomplete="";this.showPassword=!1;this.internals=this.attachInternals()}updated(e){e.has("value")&&this.internals.setFormValue(this.value||null)}handleInput(e){let r=e.target;this.value=r.value,this.internals.setFormValue(this.value||null),this.dispatchEvent(new CustomEvent("input",{detail:{value:this.value},bubbles:!0,composed:!0}))}handleChange(e){let r=e.target;this.value=r.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))}togglePasswordVisibility(){this.showPassword=!this.showPassword}renderPasswordToggle(){if(this.type!=="password")return null;let e=this.showPassword?d`
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/>
+            <line x1="1" y1="1" x2="23" y2="23"/>
+          </svg>
+        `:d`
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/>
+            <circle cx="12" cy="12" r="3"/>
+          </svg>
+        `;return d`
+      <button
+        type="button"
+        class="password-toggle"
+        @click=${this.togglePasswordVisibility}
+        tabindex="-1"
+        aria-label=${this.showPassword?"Hide password":"Show password"}
+      >
+        ${e}
+      </button>
+    `}render(){let e=this.type==="password"&&this.showPassword?"text":this.type;return d`
+      <div class="field">
+        ${this.label?d`
+              <label part="label" for="input">
+                ${this.label}${this.required?d`<span class="required">*</span>`:null}
+              </label>
+            `:null}
+        <div class="input-wrapper${this.error?" has-error":""}">
+          <input
+            part="input"
+            id="input"
+            type=${e}
+            name=${this.name}
+            .value=${this.value}
+            placeholder=${this.placeholder}
+            ?required=${this.required}
+            ?disabled=${this.disabled}
+            autocomplete=${this.autocomplete||"off"}
+            @input=${this.handleInput}
+            @change=${this.handleChange}
+          />
+          ${this.renderPasswordToggle()}
+        </div>
+        ${this.error?d`<div class="error-message">${this.error}</div>`:null}
+      </div>
+    `}};$.formAssociated=!0,$.styles=v`
+    :host {
+      display: block;
+    }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: 0.375rem;
+    }
+
+    label {
+      font-size: 0.875rem;
+      font-weight: 500;
+      color: #374151;
+    }
+
+    .input-wrapper {
+      position: relative;
+      display: flex;
+      align-items: center;
+    }
+
+    /* Base input styles - use .input-wrapper for higher specificity */
+    .input-wrapper input {
+      width: 100%;
+      padding: 0.625rem 0.75rem;
+      font-size: 0.875rem;
+      font-family: inherit;
+      color: #111827;
+      background-color: white;
+      border: 1px solid #d1d5db;
+      border-radius: 0.5rem;
+      outline: none;
+      box-shadow: none;
+      transition: border-color 0.15s ease, box-shadow 0.15s ease;
+    }
+
+    .input-wrapper input:focus {
+      border-color: var(--consent-primary, #2563eb);
+      box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+    }
+
+    .input-wrapper input:disabled {
+      background-color: #f9fafb;
+      cursor: not-allowed;
+      opacity: 0.6;
+    }
+
+    .input-wrapper input::placeholder {
+      color: #9ca3af;
+    }
+
+    /* Prevent browser validation styling before user interaction */
+    .input-wrapper input:invalid {
+      border-color: #d1d5db;
+      box-shadow: none;
+      outline: none;
+      background-color: white;
+    }
+
+    /* Override browser autofill styling */
+    .input-wrapper input:-webkit-autofill,
+    .input-wrapper input:-webkit-autofill:hover,
+    .input-wrapper input:-webkit-autofill:focus {
+      -webkit-box-shadow: 0 0 0 1000px white inset;
+      -webkit-text-fill-color: #111827;
+      border-color: #d1d5db;
+      transition: background-color 5000s ease-in-out 0s;
+    }
+
+    /* Only show validation styling after user interaction */
+    .input-wrapper input:user-invalid {
+      border-color: #ef4444;
+    }
+
+    .input-wrapper input:user-invalid:focus {
+      border-color: #ef4444;
+      box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
+    }
+
+    /* Password toggle */
+    .input-wrapper input[type='password'] {
+      padding-right: 2.5rem;
+    }
+
+    .password-toggle {
+      position: absolute;
+      right: 0.5rem;
+      padding: 0.375rem;
+      background: none;
+      border: none;
+      cursor: pointer;
+      color: #6b7280;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .password-toggle:hover {
+      color: #374151;
+    }
+
+    .password-toggle svg {
+      width: 1.25rem;
+      height: 1.25rem;
+    }
+
+    /* Error state - use class instead of attribute for proper specificity */
+    .input-wrapper.has-error input {
+      border-color: #ef4444;
+    }
+
+    .input-wrapper.has-error input:focus {
+      border-color: #ef4444;
+      box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
+    }
+
+    .error-message {
+      font-size: 0.75rem;
+      color: #ef4444;
+      margin-top: 0.25rem;
+    }
+
+    /* Required indicator */
+    .required {
+      color: #ef4444;
+      margin-left: 0.125rem;
+    }
+  `,n([l({type:String})],$.prototype,"type",2),n([l({type:String})],$.prototype,"name",2),n([l({type:String})],$.prototype,"value",2),n([l({type:String})],$.prototype,"label",2),n([l({type:String})],$.prototype,"placeholder",2),n([l({type:Boolean})],$.prototype,"required",2),n([l({type:Boolean,reflect:!0})],$.prototype,"disabled",2),n([l({type:String})],$.prototype,"autocomplete",2),n([l({type:String})],$.prototype,"error",2),n([x()],$.prototype,"showPassword",2),$=n([y("consent-input")],$);var U=class extends g{constructor(){super(...arguments);this.pageTitle="Permission Request";this.primaryColor="#2563EB";this.secondaryColor="#DBEAFE"}renderLogo(){return this.logoUrl?d`
+        <img
+          class="logo"
+          src=${this.logoUrl}
+          alt=${this.companyName||"Company logo"}
+        />
+      `:d`
+      <div class="default-icon">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        >
+          <path
+            d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"
+            fill="currentColor"
+            opacity="0.2"
+          />
+          <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
+        </svg>
+      </div>
+    `}updated(e){(e.has("primaryColor")||e.has("secondaryColor"))&&(this.style.setProperty("--consent-primary",this.primaryColor),this.style.setProperty("--consent-secondary",this.secondaryColor))}render(){return d`
+      <div class="container" part="container">
+        <header class="header" part="header">
+          ${this.renderLogo()}
+          ${this.companyName?d`<div class="company-name">${this.companyName}</div>`:null}
+          <h1 class="title">${this.pageTitle}</h1>
+        </header>
+
+        <div class="content" part="content">
+          <slot name="content"></slot>
+        </div>
+
+        <footer class="footer" part="footer">
+          <slot name="footer"></slot>
+        </footer>
+      </div>
+    `}};U.styles=v`
+    :host {
+      display: block;
+      /* System font stack with font smoothing for crisp text */
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+        'Helvetica Neue', Arial, sans-serif;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+      /* Allow customization via CSS variables */
+      --_primary: var(--consent-primary, #2563eb);
+      --_secondary: var(--consent-secondary, #dbeafe);
+    }
+
+    /* Container - matches AgentShield PreviewShell exactly */
+    .container {
+      background: white;
+      border-radius: 20px;
+      border: 1px solid rgba(0, 0, 0, 0.1);
+      box-shadow:
+        0 20px 25px -5px rgba(0, 0, 0, 0.1),
+        0 8px 10px -6px rgba(0, 0, 0, 0.1);
+      overflow: hidden;
+      max-width: 512px;
+      width: 100%;
+      margin: 0 auto;
+    }
+
+    /* Header */
+    .header {
+      padding: 1.25rem 2rem 0;
+      text-align: center;
+    }
+
+    .logo {
+      max-height: 48px;
+      max-width: 200px;
+      margin-bottom: 0.5rem;
+    }
+
+    .company-name {
+      font-size: 0.875rem;
+      color: #6b7280;
+      margin-bottom: 0.5rem;
+    }
+
+    .title {
+      font-size: 1.5rem;
+      font-weight: 700;
+      color: #333333;
+      margin: 0;
+    }
+
+    /* Content */
+    .content {
+      padding: 1rem 2rem 2rem;
+    }
+
+    /* Footer */
+    .footer {
+      padding: 0 2rem 2rem;
+      display: flex;
+      gap: 0.75rem;
+    }
+
+    .footer ::slotted(*) {
+      flex: 1;
+    }
+
+    /* Default icon when no logo */
+    .default-icon {
+      width: 48px;
+      height: 48px;
+      margin: 0 auto 0.5rem;
+      background: var(--_secondary);
+      border-radius: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .default-icon svg {
+      width: 24px;
+      height: 24px;
+      color: var(--_primary);
+    }
+  `,n([l({type:String,attribute:"page-title"})],U.prototype,"pageTitle",2),n([l({type:String,attribute:"logo-url"})],U.prototype,"logoUrl",2),n([l({type:String,attribute:"company-name"})],U.prototype,"companyName",2),n([l({type:String,attribute:"primary-color"})],U.prototype,"primaryColor",2),n([l({type:String,attribute:"secondary-color"})],U.prototype,"secondaryColor",2),U=n([y("consent-shell")],U);var I=class extends g{constructor(){super(...arguments);this.scopes=[];this.interactive=!1;this.selectAll=!1;this.iconStyle="check";this.selectedScopes=new Set;this.previousScopeIds=new Set}connectedCallback(){super.connectedCallback(),this.interactive&&this.initializeSelectedScopes()}updated(e){e.has("scopes")&&this.interactive&&this.reinitializeSelectedScopes()}reinitializeSelectedScopes(){let e=new Set(this.normalizedScopes.map(o=>o.id)),r=new Set(Array.from(this.selectedScopes).filter(o=>e.has(o))),s=Array.from(e).filter(o=>!this.previousScopeIds.has(o));if(this.selectAll)this.selectedScopes=new Set([...r,...s]);else{let o=this.normalizedScopes.filter(a=>a.required).map(a=>a.id);this.selectedScopes=new Set([...r,...o])}this.previousScopeIds=e,this.dispatchEvent(new CustomEvent("change",{detail:{selected:this.getSelectedScopes()},bubbles:!0,composed:!0}))}initializeSelectedScopes(){this.previousScopeIds=new Set(this.normalizedScopes.map(e=>e.id)),this.selectAll?this.selectedScopes=new Set(this.normalizedScopes.map(e=>e.id)):this.selectedScopes=new Set(this.normalizedScopes.filter(e=>e.required).map(e=>e.id))}get normalizedScopes(){return this.scopes.map(e=>typeof e=="string"?{id:e,label:this.formatScopeLabel(e)}:e)}formatScopeLabel(e){return e.replace(/[_:-]/g," ").replace(/\b\w/g,r=>r.toUpperCase())}getSelectedScopes(){return Array.from(this.selectedScopes)}handleCheckboxChange(e,r){r?this.selectedScopes.add(e):this.selectedScopes.delete(e),this.requestUpdate(),this.dispatchEvent(new CustomEvent("change",{detail:{selected:this.getSelectedScopes()},bubbles:!0,composed:!0}))}renderIcon(){switch(this.iconStyle){case"bullet":return d`<div class="icon icon-bullet"></div>`;case"shield":return d`
+          <div class="icon icon-shield">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+            >
+              <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
+            </svg>
+          </div>
+        `;default:return d`
+          <div class="icon icon-check">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+            >
+              <polyline points="20 6 9 17 4 12" />
+            </svg>
+          </div>
+        `}}renderPermissionItem(e){let r=this.selectedScopes.has(e.id);return d`
+      <li class="permission-item" part="item">
+        ${this.interactive?d`
+              <input
+                type="checkbox"
+                class="checkbox"
+                .checked=${r}
+                ?disabled=${e.required}
+                @change=${s=>this.handleCheckboxChange(e.id,s.target.checked)}
+                aria-label=${e.label}
+              />
+            `:this.renderIcon()}
+        <div class="content">
+          <span class="label">
+            ${e.label}
+            ${e.required?d`<span class="required-badge">Required</span>`:null}
+          </span>
+          ${e.description?d`<div class="description">${e.description}</div>`:null}
+        </div>
+      </li>
+    `}render(){let e=this.normalizedScopes;return e.length===0?d`<div class="empty">No permissions requested</div>`:d`
+      <ul class="permission-list" part="list" role="list">
+        ${e.map(r=>this.renderPermissionItem(r))}
+      </ul>
+    `}};I.styles=v`
+    :host {
+      display: block;
+      --_primary: var(--consent-primary, #2563eb);
+    }
+
+    .permission-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+    }
+
+    .permission-item {
+      display: flex;
+      align-items: flex-start;
+      gap: 0.75rem;
+      padding: 0.625rem 0;
+      font-size: 0.875rem;
+      color: #374151;
+      border-bottom: 1px solid #f3f4f6;
+    }
+
+    .permission-item:last-child {
+      border-bottom: none;
+    }
+
+    /* Icon styles */
+    .icon {
+      flex-shrink: 0;
+      width: 1.25rem;
+      height: 1.25rem;
+      margin-top: 0.0625rem;
+    }
+
+    .icon-check {
+      background: var(--_primary);
+      border-radius: 0.25rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .icon-check svg {
+      width: 0.75rem;
+      height: 0.75rem;
+      color: white;
+    }
+
+    .icon-bullet {
+      background: var(--_primary);
+      border-radius: 50%;
+      width: 0.5rem;
+      height: 0.5rem;
+      margin: 0.375rem;
+    }
+
+    .icon-shield {
+      color: var(--_primary);
+    }
+
+    .icon-shield svg {
+      width: 1.25rem;
+      height: 1.25rem;
+    }
+
+    /* Content */
+    .content {
+      flex: 1;
+    }
+
+    .label {
+      font-weight: 500;
+      color: #111827;
+    }
+
+    .description {
+      font-size: 0.75rem;
+      color: #6b7280;
+      margin-top: 0.125rem;
+    }
+
+    .required-badge {
+      font-size: 0.625rem;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      color: #6b7280;
+      background: #f3f4f6;
+      padding: 0.125rem 0.375rem;
+      border-radius: 0.25rem;
+      margin-left: 0.5rem;
+    }
+
+    /* Interactive mode checkbox */
+    .checkbox {
+      appearance: none;
+      -webkit-appearance: none;
+      width: 1rem;
+      height: 1rem;
+      border: 1px solid #d1d5db;
+      border-radius: 0.25rem;
+      background: white;
+      cursor: pointer;
+      position: relative;
+      flex-shrink: 0;
+      margin-top: 0.125rem;
+    }
+
+    .checkbox:checked {
+      background: var(--_primary);
+      border-color: var(--_primary);
+    }
+
+    .checkbox:checked::after {
+      content: '';
+      position: absolute;
+      left: 4px;
+      top: 1px;
+      width: 5px;
+      height: 9px;
+      border: solid white;
+      border-width: 0 2px 2px 0;
+      transform: rotate(45deg);
+    }
+
+    .checkbox:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .checkbox:focus-visible {
+      outline: 2px solid var(--_primary);
+      outline-offset: 2px;
+    }
+
+    /* Empty state */
+    .empty {
+      text-align: center;
+      color: #6b7280;
+      font-size: 0.875rem;
+      padding: 1rem 0;
+    }
+  `,n([l({type:Array,converter:{fromAttribute:e=>{if(!e)return[];try{let r=JSON.parse(e);return Array.isArray(r)?r:(console.warn("[consent-permissions] Expected array, got:",typeof r),[])}catch{return[]}},toAttribute:e=>JSON.stringify(e)}})],I.prototype,"scopes",2),n([l({type:Boolean})],I.prototype,"interactive",2),n([l({type:Boolean,attribute:"select-all"})],I.prototype,"selectAll",2),n([l({type:String,attribute:"icon-style"})],I.prototype,"iconStyle",2),n([x()],I.prototype,"selectedScopes",2),I=n([y("consent-permissions")],I);var w=class extends g{constructor(){super();this.name="termsAccepted";this.text="Terms and Conditions";this.labelPrefix="I agree to the";this.conjunction="and";this.checked=!1;this.required=!0;this.disabled=!1;this.value="accepted";this.internals=this.attachInternals()}updated(e){(e.has("checked")||e.has("value"))&&this.updateFormValue()}updateFormValue(){this.checked?this.internals.setFormValue(this.value):this.internals.setFormValue(null)}handleChange(e){let r=e.target;this.checked=r.checked,this.updateFormValue(),this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.value},bubbles:!0,composed:!0}))}renderLink(e,r){return r?d`<a
+        href=${r}
+        target="_blank"
+        rel="noopener noreferrer"
+        part="link"
+        @click=${s=>s.stopPropagation()}
+        >${e}</a
+      >`:d`<span>${e}</span>`}render(){let e=this.privacyText&&this.privacyUrl;return d`
+      <label part="label">
+        <input
+          part="checkbox"
+          type="checkbox"
+          name=${this.name}
+          .value=${this.value}
+          .checked=${this.checked}
+          ?required=${this.required}
+          ?disabled=${this.disabled}
+          @change=${this.handleChange}
+        />
+        <span class="text">
+          ${this.labelPrefix} ${this.renderLink(this.text,this.url)}
+          ${e?d`
+                ${this.conjunction}
+                ${this.renderLink(this.privacyText,this.privacyUrl)}
+              `:h}
+          ${this.required?d`<span class="required">*</span>`:h}
+        </span>
+      </label>
+    `}};w.formAssociated=!0,w.styles=v`
+    :host {
+      display: block;
+      --_primary: var(--consent-primary, #2563eb);
+    }
+
+    label {
+      display: flex;
+      align-items: flex-start;
+      gap: 0.75rem;
+      cursor: pointer;
+      font-size: 0.875rem;
+      color: #374151;
+      line-height: 1.5;
+    }
+
+    :host([disabled]) label {
+      cursor: not-allowed;
+      opacity: 0.6;
+    }
+
+    /* Custom checkbox styling - matches AgentShield exactly */
+    input[type='checkbox'] {
+      appearance: none;
+      -webkit-appearance: none;
+      margin: 0;
+
+      /* Size - matches AgentShield w-4 h-4 */
+      width: 1rem;
+      height: 1rem;
+      min-width: 1rem;
+      margin-top: 0.125rem;
+
+      /* Border */
+      border: 1px solid #d1d5db;
+      border-radius: 0.25rem;
+
+      /* Background */
+      background-color: white;
+
+      /* Interaction */
+      cursor: pointer;
+      position: relative;
+      transition: background-color 0.15s ease, border-color 0.15s ease;
+    }
+
+    input[type='checkbox']:hover:not(:disabled) {
+      border-color: var(--_primary);
+    }
+
+    input[type='checkbox']:focus-visible {
+      outline: 2px solid var(--_primary);
+      outline-offset: 2px;
+    }
+
+    /* Checked state */
+    input[type='checkbox']:checked {
+      background-color: var(--_primary);
+      border-color: var(--_primary);
+    }
+
+    /* Checkmark */
+    input[type='checkbox']:checked::after {
+      content: '';
+      position: absolute;
+      left: 4px;
+      top: 1px;
+      width: 5px;
+      height: 9px;
+      border: solid white;
+      border-width: 0 2px 2px 0;
+      transform: rotate(45deg);
+    }
+
+    /* Disabled */
+    input[type='checkbox']:disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+
+    /* Text wrapper */
+    .text {
+      flex: 1;
+    }
+
+    /* Links */
+    a {
+      color: var(--_primary);
+      text-decoration: underline;
+      text-underline-offset: 2px;
+    }
+
+    a:hover {
+      text-decoration: none;
+    }
+
+    a:focus-visible {
+      outline: 2px solid var(--_primary);
+      outline-offset: 2px;
+      border-radius: 2px;
+    }
+
+    /* Required indicator */
+    .required {
+      color: #ef4444;
+      margin-left: 0.125rem;
+    }
+  `,n([l({type:String})],w.prototype,"name",2),n([l({type:String})],w.prototype,"text",2),n([l({type:String})],w.prototype,"url",2),n([l({type:String,attribute:"privacy-text"})],w.prototype,"privacyText",2),n([l({type:String,attribute:"privacy-url"})],w.prototype,"privacyUrl",2),n([l({type:String,attribute:"label-prefix"})],w.prototype,"labelPrefix",2),n([l({type:String})],w.prototype,"conjunction",2),n([l({type:Boolean,reflect:!0})],w.prototype,"checked",2),n([l({type:Boolean})],w.prototype,"required",2),n([l({type:Boolean,reflect:!0})],w.prototype,"disabled",2),n([l({type:String})],w.prototype,"value",2),w=n([y("consent-terms")],w);var Fe={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},ce=i=>(...t)=>({_$litDirective$:i,values:t}),de=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var H=class extends de{constructor(t){if(super(t),this.it=h,t.type!==Fe.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===h||t==null)return this._t=void 0,this.it=t;if(t===L)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;let e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};H.directiveName="unsafeHTML",H.resultType=1;var Gr=ce(H);var se=class extends H{};se.directiveName="unsafeSVG",se.resultType=2;var He=ce(se);function mt(i){if(!i||typeof i!="string")return"";let t=i.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,"");return t=t.replace(/\s*on\w+\s*=\s*["'][^"']*["']/gi,""),t=t.replace(/\s*on\w+\s*=\s*[^\s>]*/gi,""),t=t.replace(/(href|src|xlink:href)\s*=\s*["']?\s*javascript:[^"'>\s]*/gi,'$1=""'),t=t.replace(/(href|src|xlink:href)\s*=\s*["']?\s*data:[^"'>\s]*/gi,'$1=""'),t=t.replace(/data:text\/html[^"'>\s]*/gi,""),t}var qe={google:{name:"Google",bgColor:"#ffffff",textColor:"#374151",borderColor:"#d1d5db",hoverBgColor:"#f9fafb"},microsoft:{name:"Microsoft",bgColor:"#2f2f2f",textColor:"#ffffff",borderColor:"#2f2f2f",hoverBgColor:"#1f1f1f"},apple:{name:"Apple",bgColor:"#000000",textColor:"#ffffff",borderColor:"#000000",hoverBgColor:"#1a1a1a"},github:{name:"GitHub",bgColor:"#24292f",textColor:"#ffffff",borderColor:"#24292f",hoverBgColor:"#1b1f23"},twitter:{name:"Twitter",bgColor:"#1da1f2",textColor:"#ffffff",borderColor:"#1da1f2",hoverBgColor:"#0c8de4"},facebook:{name:"Facebook",bgColor:"#1877f2",textColor:"#ffffff",borderColor:"#1877f2",hoverBgColor:"#0b5ed7"},custom:{name:"Sign in",bgColor:"#ffffff",textColor:"#374151",borderColor:"#d1d5db",hoverBgColor:"#f9fafb"}},A=class extends g{constructor(){super(...arguments);this.provider="custom";this.url="";this.loading=!1;this.disabled=!1;this.fullWidth=!1;this.redirecting=!1}get config(){return qe[this.provider]||qe.custom}get displayName(){return this.providerName?this.providerName:this.config.name}get displayText(){return this.buttonText?this.buttonText:`Continue with ${this.displayName}`}handleClick(){this.disabled||this.loading||this.redirecting||(this.url&&(this.redirecting=!0,window.location.href=this.url),this.dispatchEvent(new CustomEvent("oauth-click",{detail:{provider:this.provider,url:this.url},bubbles:!0,composed:!0})))}renderProviderIcon(){if(this.customIcon){let e=mt(this.customIcon);return d`<div class="icon">${He(e)}</div>`}switch(this.provider){case"google":return d`
+          <div class="icon">
+            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path
+                fill="#4285F4"
+                d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+              />
+              <path
+                fill="#34A853"
+                d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+              />
+              <path
+                fill="#FBBC05"
+                d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+              />
+              <path
+                fill="#EA4335"
+                d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+              />
+            </svg>
+          </div>
+        `;case"microsoft":return d`
+          <div class="icon">
+            <svg viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
+              <rect x="1" y="1" width="9" height="9" fill="#f25022" />
+              <rect x="1" y="11" width="9" height="9" fill="#00a4ef" />
+              <rect x="11" y="1" width="9" height="9" fill="#7fba00" />
+              <rect x="11" y="11" width="9" height="9" fill="#ffb900" />
+            </svg>
+          </div>
+        `;case"apple":return d`
+          <div class="icon">
+            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path
+                fill="currentColor"
+                d="M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z"
+              />
+            </svg>
+          </div>
+        `;case"github":return d`
+          <div class="icon">
+            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path
+                fill="currentColor"
+                d="M12 2C6.477 2 2 6.477 2 12c0 4.42 2.865 8.17 6.839 9.49.5.092.682-.217.682-.482 0-.237-.008-.866-.013-1.7-2.782.604-3.369-1.34-3.369-1.34-.454-1.156-1.11-1.464-1.11-1.464-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0112 6.836c.85.004 1.705.114 2.504.336 1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C19.138 20.167 22 16.418 22 12c0-5.523-4.477-10-10-10z"
+              />
+            </svg>
+          </div>
+        `;case"twitter":return d`
+          <div class="icon">
+            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path
+                fill="currentColor"
+                d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
+              />
+            </svg>
+          </div>
+        `;case"facebook":return d`
+          <div class="icon">
+            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path
+                fill="currentColor"
+                d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"
+              />
+            </svg>
+          </div>
+        `;default:return h}}updated(e){if(e.has("provider")){let r=this.config;this.style.setProperty("--button-bg",r.bgColor),this.style.setProperty("--button-text",r.textColor),this.style.setProperty("--button-border",r.borderColor),this.style.setProperty("--button-hover-bg",r.hoverBgColor)}}render(){let e=this.loading||this.redirecting;return d`
+      <button
+        part="button"
+        type="button"
+        ?disabled=${this.disabled||e}
+        @click=${this.handleClick}
+        style="
+          background-color: var(--button-bg, ${this.config.bgColor});
+          color: var(--button-text, ${this.config.textColor});
+          border: 1px solid var(--button-border, ${this.config.borderColor});
+        "
+        aria-busy=${e}
+      >
+        ${e?d`<span class="spinner"></span>`:this.renderProviderIcon()}
+        <span class="text" part="text">${this.displayText}</span>
+      </button>
+    `}};A.styles=v`
+    :host {
+      display: inline-block;
+    }
+
+    :host([full-width]) {
+      display: block;
+      width: 100%;
+    }
+
+    button {
+      width: 100%;
+      padding: 0.75rem 1rem;
+      height: 2.75rem;
+      border-radius: 0.5rem;
+      font-size: 0.875rem;
+      font-weight: 500;
+      font-family: inherit;
+      cursor: pointer;
+      transition: background-color 0.15s ease, opacity 0.15s ease;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: 0.75rem;
+    }
+
+    button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    button:focus-visible {
+      outline: 2px solid #2563eb;
+      outline-offset: 2px;
+    }
+
+    .icon {
+      width: 1.125rem;
+      height: 1.125rem;
+      flex-shrink: 0;
+    }
+
+    .icon svg {
+      width: 100%;
+      height: 100%;
+    }
+
+    /* Loading spinner */
+    .spinner {
+      width: 1rem;
+      height: 1rem;
+      border: 2px solid currentColor;
+      border-top-color: transparent;
+      border-radius: 50%;
+      animation: spin 0.8s linear infinite;
+    }
+
+    @keyframes spin {
+      to {
+        transform: rotate(360deg);
+      }
+    }
+
+    .text {
+      flex: 1;
+      text-align: center;
+    }
+  `,n([l({type:String})],A.prototype,"provider",2),n([l({type:String,attribute:"provider-name"})],A.prototype,"providerName",2),n([l({type:String})],A.prototype,"url",2),n([l({type:String,attribute:"button-text"})],A.prototype,"buttonText",2),n([l({type:Boolean,reflect:!0})],A.prototype,"loading",2),n([l({type:Boolean,reflect:!0})],A.prototype,"disabled",2),n([l({type:Boolean,attribute:"full-width"})],A.prototype,"fullWidth",2),n([l({type:String,attribute:"custom-icon"})],A.prototype,"customIcon",2),n([x()],A.prototype,"redirecting",2),A=n([y("consent-oauth-button")],A);var E=class extends g{constructor(){super();this.length=6;this.name="otp";this.value="";this.disabled=!1;this.error=!1;this.autoFocus=!1;this.inputType="text";this.digits=[];this.internals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.initializeDigits()}initializeDigits(){this.digits=Array.from({length:this.length},()=>""),this.value&&this.value.replace(/\D/g,"").slice(0,this.length).split("").forEach((s,o)=>{this.digits[o]=s})}firstUpdated(){this.autoFocus&&this.inputs.length>0&&this.inputs[0]?.focus()}updated(e){e.has("value")&&!e.has("digits")&&this.initializeDigits(),e.has("length")&&this.initializeDigits();let r=this.digits.join("");this.internals.setFormValue(r||null)}getFullValue(){return this.digits.join("")}handleInput(e,r){let s=r.target,o=s.value;if(o.length>1&&(o=o.slice(-1)),o&&!/^\d$/.test(o)){s.value=this.digits[e]??"";return}this.digits[e]=o,this.digits=[...this.digits],s.value=o;let a=this.getFullValue();this.value=a,this.dispatchEvent(new CustomEvent("input",{detail:{value:a,index:e,digit:o},bubbles:!0,composed:!0})),o&&e<this.length-1&&this.inputs[e+1]?.focus(),a.length===this.length&&this.dispatchEvent(new CustomEvent("complete",{detail:{value:a},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{value:a},bubbles:!0,composed:!0}))}handleKeyDown(e,r){switch(r.key){case"Backspace":!this.digits[e]&&e>0?(r.preventDefault(),this.inputs[e-1]?.focus(),this.digits[e-1]="",this.digits=[...this.digits]):(this.digits[e]="",this.digits=[...this.digits]),this.value=this.getFullValue();break;case"ArrowLeft":r.preventDefault(),e>0&&this.inputs[e-1]?.focus();break;case"ArrowRight":r.preventDefault(),e<this.length-1&&this.inputs[e+1]?.focus();break;case"Delete":this.digits[e]="",this.digits=[...this.digits],this.value=this.getFullValue();break}}handlePaste(e){e.preventDefault();let s=(e.clipboardData?.getData("text")||"").replace(/\D/g,"").slice(0,this.length);if(s){this.digits=Array.from({length:this.length},(a,p)=>s[p]||""),this.value=this.getFullValue(),this.requestUpdate();let o=Math.min(s.length,this.length-1);setTimeout(()=>{this.inputs[o]?.focus()},0),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0})),s.length===this.length&&this.dispatchEvent(new CustomEvent("complete",{detail:{value:this.value},bubbles:!0,composed:!0}))}}handleFocus(e){e.target.select()}focus(){let e=this.digits.findIndex(s=>!s),r=e>=0?e:this.length-1;this.inputs[r]?.focus()}clear(){this.digits=Array.from({length:this.length},()=>""),this.value="",this.inputs[0]?.focus()}renderDigitInput(e){let r=this.digits[e]||"",s=r!=="";return d`
+      <input
+        part="input"
+        type=${this.inputType}
+        inputmode="numeric"
+        pattern="[0-9]*"
+        maxlength="1"
+        .value=${r}
+        ?disabled=${this.disabled}
+        placeholder="○"
+        class=${s?"filled":""}
+        @input=${o=>this.handleInput(e,o)}
+        @keydown=${o=>this.handleKeyDown(e,o)}
+        @paste=${this.handlePaste}
+        @focus=${this.handleFocus}
+        aria-label=${`Digit ${e+1} of ${this.length}`}
+      />
+    `}render(){return d`
+      <div class="container" part="container" role="group" aria-label="One-time password input">
+        ${Array.from({length:this.length},(e,r)=>this.renderDigitInput(r))}
+      </div>
+    `}};E.formAssociated=!0,E.styles=v`
+    :host {
+      display: block;
+      --_primary: var(--consent-primary, #2563eb);
+    }
+
+    .container {
+      display: flex;
+      gap: 0.5rem;
+      justify-content: center;
+    }
+
+    input {
+      width: 2.75rem;
+      height: 3.5rem;
+      text-align: center;
+      font-size: 1.5rem;
+      font-weight: 600;
+      font-family: inherit;
+      color: #111827;
+      background: white;
+      border: 1px solid #d1d5db;
+      border-radius: 0.5rem;
+      outline: none;
+      transition: border-color 0.15s ease, box-shadow 0.15s ease;
+
+      /* Hide spinner for number inputs */
+      -moz-appearance: textfield;
+    }
+
+    input::-webkit-outer-spin-button,
+    input::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+
+    input:focus {
+      border-color: var(--_primary);
+      box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+    }
+
+    input:disabled {
+      background: #f9fafb;
+      cursor: not-allowed;
+      opacity: 0.6;
+    }
+
+    input::placeholder {
+      color: #d1d5db;
+    }
+
+    /* Error state */
+    :host([error]) input {
+      border-color: #ef4444;
+    }
+
+    :host([error]) input:focus {
+      border-color: #ef4444;
+      box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
+    }
+
+    /* Filled state */
+    input.filled {
+      border-color: var(--_primary);
+      background: #f0f9ff;
+    }
+
+    /* Responsive: smaller on mobile */
+    @media (max-width: 400px) {
+      input {
+        width: 2.25rem;
+        height: 3rem;
+        font-size: 1.25rem;
+      }
+
+      .container {
+        gap: 0.375rem;
+      }
+    }
+  `,n([l({type:Number})],E.prototype,"length",2),n([l({type:String})],E.prototype,"name",2),n([l({type:String})],E.prototype,"value",2),n([l({type:Boolean,reflect:!0})],E.prototype,"disabled",2),n([l({type:Boolean,reflect:!0})],E.prototype,"error",2),n([l({type:Boolean,attribute:"auto-focus"})],E.prototype,"autoFocus",2),n([l({type:String,attribute:"input-type"})],E.prototype,"inputType",2),n([x()],E.prototype,"digits",2),n([Be("input")],E.prototype,"inputs",2),E=n([y("consent-otp-input")],E);var S={CONSENT_ONLY:"consent-only",CREDENTIALS:"credentials",OAUTH:"oauth",MAGIC_LINK:"magic-link",OTP:"otp",QR_CODE:"qr-code",PASSKEY:"passkey",IDV:"idv"};var G={PRIMARY:"#2563EB",SECONDARY:"#DBEAFE",BACKGROUND:"#F9FAFB",TEXT_PRIMARY:"#111827",TEXT_SECONDARY:"#6B7280",TEXT_MUTED:"#9CA3AF",BORDER:"#E5E7EB",BORDER_DARK:"#D1D5DB",SUCCESS:"#16A34A",ERROR:"#DC2626",WARNING:"#F59E0B"};var ui={primaryColor:G.PRIMARY,secondaryColor:G.SECONDARY,logoUrl:void 0,companyName:void 0},C={title:"Permission request",description:"It looks like you would like to use [AI Agent] to access resources on your behalf.",expirationText:"This delegation will expire in",cancelButtonText:"Cancel",submitButtonText:"Allow access",permissionsHeader:"The agent is requesting the following permissions:",autoClose:!1,popupEnabled:!1,theme:"auto"},Y={text:"Terms and Conditions",url:void 0,version:void 0,required:!0},D={title:"Access Granted",description:"The agent now has permission to act on your behalf.",showCredential:!0,redirectUrl:void 0,redirectDelay:void 0,continueButtonText:"Close"};var ze=30;function gt(i){return i?/^#[0-9A-Fa-f]{6}$/.test(i):!1}function je(i,t){return gt(i)?i:t}function ft(i){if(!i)return!1;try{let t=new URL(i);return t.protocol==="http:"||t.protocol==="https:"}catch{return!1}}function vt(i){if(ft(i))return i}function Ve(i){let t=i.replace(/^#/,""),e=parseInt(t.slice(0,2),16),r=parseInt(t.slice(2,4),16),s=parseInt(t.slice(4,6),16);return`${e}, ${r}, ${s}`}function bt(i){return{"--consent-primary":i.primaryColor,"--consent-secondary":i.secondaryColor,"--consent-primary-rgb":Ve(i.primaryColor),"--consent-secondary-rgb":Ve(i.secondaryColor)}}function Ge(i){let t=je(i?.primaryColor,G.PRIMARY),e=je(i?.secondaryColor,G.SECONDARY),r=vt(i?.logoUrl),s=i?.companyName?.trim()||void 0,o=bt({primaryColor:t,secondaryColor:e});return{primaryColor:t,secondaryColor:e,logoUrl:r,companyName:s,cssVars:o}}var yt="[AI Agent]";function Ye(i,t){return t?i.replace(new RegExp(xt(yt),"g"),t):i}function xt(i){return i.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function Ke(i,t){let e=i?.ui??{},r=i?.terms??{},s=i?.success??{},o=e.title??C.title,a=e.description??C.description,p=e.expirationText??C.expirationText,c=e.cancelButtonText??C.cancelButtonText,f=e.submitButtonText??C.submitButtonText,b=e.permissionsHeader??C.permissionsHeader,u=r.text??Y.text,T=s.title??D.title,R=s.description??D.description,q=Ye(a,t),We=Ye(R,t);return{title:o,description:a,expirationText:p,cancelButtonText:c,submitButtonText:f,permissionsHeader:b,termsText:u,termsUrl:r.url,termsRequired:r.required??Y.required,resolvedDescription:q,successTitle:T,successDescription:R,resolvedSuccessDescription:We,showCredential:s.showCredential??D.showCredential,continueButtonText:s.continueButtonText??D.continueButtonText}}function wt(i){return!i||i.length===0?[]:i.slice(0,10).filter(e=>!(!e.name||!e.label||!/^[a-zA-Z0-9_]+$/.test(e.name)||e.type==="select"&&(!e.options||e.options.length===0)))}function $t(i){return i==null?ze:i<1?1:i>365?365:Math.floor(i)}function we(i){return i?.oauth?.providerId?S.OAUTH:i?.credentials?.usernameLabel||i?.credentials?.passwordLabel?S.CREDENTIALS:i?.magicLink?.enabled?S.MAGIC_LINK:i?.otp?.enabled?S.OTP:S.CONSENT_ONLY}function Ct(i){return{title:i?.title??C.title,description:i?.description??C.description,expirationText:i?.expirationText??C.expirationText,cancelButtonText:i?.cancelButtonText??C.cancelButtonText,submitButtonText:i?.submitButtonText??C.submitButtonText,permissionsHeader:i?.permissionsHeader??C.permissionsHeader,autoClose:i?.autoClose??C.autoClose,popupEnabled:i?.popupEnabled??C.popupEnabled,theme:i?.theme??C.theme}}function Et(i){return{text:i?.text??Y.text,url:i?.url,version:i?.version,required:i?.required??Y.required}}function At(i){return{title:i?.title??D.title,description:i?.description??D.description,showCredential:i?.showCredential??D.showCredential,redirectUrl:i?.redirectUrl,redirectDelay:i?.redirectDelay,continueButtonText:i?.continueButtonText??D.continueButtonText}}function $e(i,t){let e=Ge(i?.branding),r=Ke(i,t),s=Ct(i?.ui),o=Et(i?.terms),a=At(i?.success),p=wt(i?.customFields),c=$t(i?.expirationDays),f=we(i);return{branding:e,copy:r,ui:s,terms:o,success:a,customFields:p,expirationDays:c,authMode:f,credentials:i?.credentials,oauth:i?.oauth,magicLink:i?.magicLink,otp:i?.otp,qrCode:i?.qrCode,passkey:i?.passkey,idv:i?.idv}}var m=class extends g{constructor(){super(...arguments);this.tool="";this.scopes=[];this.agentDid="";this.sessionId="";this.projectId="";this.serverUrl="";this.agentName="";this.currentMode=S.CONSENT_ONLY;this.loading=!1;this.step="consent";this.termsAccepted=!1;this.formData={};this.resendCooldown=0;this.selectedScopes=[]}connectedCallback(){super.connectedCallback(),this.resolved=$e(this.config,this.agentName),this.currentMode=this.mode??we(this.config)??S.CONSENT_ONLY,this.selectedScopes=[...this.scopes]}disconnectedCallback(){super.disconnectedCallback(),this.resendCooldownInterval!==void 0&&(clearInterval(this.resendCooldownInterval),this.resendCooldownInterval=void 0)}updated(e){(e.has("config")||e.has("agentName"))&&(this.resolved=$e(this.config,this.agentName)),e.has("mode")&&this.mode&&(this.currentMode=this.mode),e.has("scopes")&&(this.selectedScopes=[...this.scopes]),this.resolved&&(this.style.setProperty("--consent-primary",this.resolved.branding.primaryColor),this.style.setProperty("--consent-secondary",this.resolved.branding.secondaryColor))}async handleApprove(e){if(e?.preventDefault(),!this.loading){if(!this.termsAccepted&&this.resolved?.terms.required){this.error="Please accept the terms to continue";return}if(this.scopes.length>0&&this.selectedScopes.length===0){this.error="Please select at least one permission";return}this.loading=!0,this.error=void 0;try{let r=new FormData;r.append("tool",this.tool),r.append("scopes",JSON.stringify(this.selectedScopes)),r.append("agent_did",this.agentDid),r.append("session_id",this.sessionId),r.append("project_id",this.projectId),r.append("auth_mode",this.currentMode),r.append("provider_type",this.oauthIdentity?.provider??"none"),r.append("termsAccepted",String(this.termsAccepted)),Object.entries(this.formData).forEach(([a,p])=>{r.append(a,p)});let s=await fetch(`${this.serverUrl}/consent/approve`,{method:"POST",body:r});if(!s.ok){let a=await s.json().catch(()=>({}));throw new Error(a.message||"Approval failed")}let o=await s.json();this.step="success",this.dispatchEvent(new CustomEvent("mcp-consent:approve",{detail:{success:!0,redirectUrl:o.redirectUrl},bubbles:!0,composed:!0}))}catch(r){this.error=r instanceof Error?r.message:"Unknown error",this.dispatchEvent(new CustomEvent("mcp-consent:error",{detail:{error:this.error},bubbles:!0,composed:!0}))}finally{this.loading=!1}}}handleDeny(){this.dispatchEvent(new CustomEvent("mcp-consent:deny",{bubbles:!0,composed:!0})),window.close()}handleTermsChange(e){this.termsAccepted=e.detail.checked}handleInputChange(e,r){this.formData={...this.formData,[e]:r}}handleResendOtp(){if(this.resendCooldown>0)return;let e=this.resolved?.otp?.resendCooldown??60;this.resendCooldown=e,this.resendCooldownInterval!==void 0&&clearInterval(this.resendCooldownInterval),this.resendCooldownInterval=setInterval(()=>{this.resendCooldown--,this.resendCooldown<=0&&(clearInterval(this.resendCooldownInterval),this.resendCooldownInterval=void 0)},1e3),this.dispatchEvent(new CustomEvent("mcp-consent:resend-otp",{bubbles:!0,composed:!0}))}renderAgentInfo(){let e=this.agentName||"this agent";return d`
+      <div class="agent-info">
+        <div class="agent-icon">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+          >
+            <circle cx="12" cy="12" r="10" />
+            <path d="M12 16v-4M12 8h.01" />
+          </svg>
+        </div>
+        <div class="agent-text">
+          <p>
+            <strong>${e}</strong> is requesting permission to
+            ${this.tool?d`use the <strong>${this.tool}</strong> tool`:"access your data"}
+            on your behalf.
+          </p>
+        </div>
+      </div>
+    `}handlePermissionsChange(e){this.selectedScopes=e.detail.selected}renderPermissions(){return this.scopes.length===0?h:d`
+      <p class="permissions-header">
+        ${this.resolved?.ui.permissionsHeader??"The agent is requesting the following permissions:"}
+      </p>
+      <div class="permissions">
+        <consent-permissions
+          .scopes=${this.scopes}
+          interactive
+          select-all
+          @change=${this.handlePermissionsChange}
+        ></consent-permissions>
+      </div>
+    `}renderExpiration(){let e=this.resolved?.expirationDays??7;return d`
+      <p class="expiration">
+        ${this.resolved?.ui.expirationText??"This delegation will expire in"}
+        <strong>${e} ${e===1?"day":"days"}</strong>
+      </p>
+    `}renderTerms(){return this.resolved?.terms?d`
+      <div class="terms">
+        <consent-terms
+          name="termsAccepted"
+          text=${this.resolved.terms.text}
+          url=${this.resolved.terms.url??""}
+          ?required=${this.resolved.terms.required}
+          @change=${this.handleTermsChange}
+        ></consent-terms>
+      </div>
+    `:h}renderError(){return this.error?d`<div class="error-message">${this.error}</div>`:h}renderFooter(){return d`
+      <div slot="footer">
+        <consent-button variant="secondary" @click=${this.handleDeny}>
+          ${this.resolved?.ui.cancelButtonText??"Cancel"}
+        </consent-button>
+        <consent-button
+          variant="primary"
+          ?loading=${this.loading}
+          ?disabled=${this.resolved?.terms.required&&!this.termsAccepted}
+          @click=${this.handleApprove}
+        >
+          ${this.resolved?.ui.submitButtonText??"Allow access"}
+        </consent-button>
+      </div>
+    `}renderConsentOnly(){return d`
+      <consent-shell
+        page-title=${this.resolved?.ui.title??"Permission Request"}
+        company-name=${this.resolved?.branding.companyName??""}
+        logo-url=${this.resolved?.branding.logoUrl??""}
+        primary-color=${this.resolved?.branding.primaryColor??"#2563eb"}
+        secondary-color=${this.resolved?.branding.secondaryColor??"#dbeafe"}
+      >
+        <div slot="content">
+          ${this.renderError()} ${this.renderAgentInfo()}
+          ${this.renderPermissions()} ${this.renderExpiration()}
+          ${this.renderTerms()}
+        </div>
+        ${this.renderFooter()}
+      </consent-shell>
+    `}renderCredentials(){let e=this.resolved?.credentials;return d`
+      <consent-shell
+        page-title=${this.resolved?.ui.title??"Sign In"}
+        company-name=${this.resolved?.branding.companyName??""}
+        logo-url=${this.resolved?.branding.logoUrl??""}
+        primary-color=${this.resolved?.branding.primaryColor??"#2563eb"}
+        secondary-color=${this.resolved?.branding.secondaryColor??"#dbeafe"}
+      >
+        <div slot="content">
+          ${this.renderError()} ${this.renderAgentInfo()}
+
+          <div class="form-fields">
+            <consent-input
+              type="text"
+              name="username"
+              label=${e?.usernameLabel??"Username"}
+              placeholder=${e?.usernamePlaceholder??"Enter your username"}
+              autocomplete="username"
+              required
+              @input=${r=>this.handleInputChange("username",r.detail.value)}
+            ></consent-input>
+
+            <consent-input
+              type="password"
+              name="password"
+              label=${e?.passwordLabel??"Password"}
+              placeholder=${e?.passwordPlaceholder??"Enter your password"}
+              autocomplete="current-password"
+              required
+              @input=${r=>this.handleInputChange("password",r.detail.value)}
+            ></consent-input>
+          </div>
+
+          ${e?.showForgotPassword&&e.forgotPasswordUrl?d`
+                <p style="text-align: right; margin-bottom: 1rem;">
+                  <a
+                    href=${e.forgotPasswordUrl}
+                    style="font-size: 0.75rem; color: var(--_primary);"
+                  >
+                    Forgot password?
+                  </a>
+                </p>
+              `:h}
+          ${this.renderPermissions()} ${this.renderExpiration()}
+          ${this.renderTerms()}
+        </div>
+        ${this.renderFooter()}
+      </consent-shell>
+    `}renderOAuth(){let e=this.resolved?.oauth,r=e?.providerId??"oauth",s=e?.providerName??"OAuth Provider";return d`
+      <consent-shell
+        page-title=${this.resolved?.ui.title??"Sign In"}
+        company-name=${this.resolved?.branding.companyName??""}
+        logo-url=${this.resolved?.branding.logoUrl??""}
+        primary-color=${this.resolved?.branding.primaryColor??"#2563eb"}
+        secondary-color=${this.resolved?.branding.secondaryColor??"#dbeafe"}
+      >
+        <div slot="content">
+          ${this.renderError()} ${this.renderAgentInfo()}
+
+          <consent-oauth-button
+            provider=${r}
+            provider-name=${s}
+            url=${`${this.serverUrl}/oauth/${encodeURIComponent(r)}?session_id=${encodeURIComponent(this.sessionId)}`}
+            button-text=${e?.buttonText??`Continue with ${s}`}
+            full-width
+          ></consent-oauth-button>
+
+          ${this.renderPermissions()}
+
+          <div class="divider">or</div>
+
+          ${this.renderExpiration()} ${this.renderTerms()}
+        </div>
+        ${this.renderFooter()}
+      </consent-shell>
+    `}renderMagicLink(){let e=this.resolved?.magicLink;return d`
+      <consent-shell
+        page-title=${this.resolved?.ui.title??"Sign In"}
+        company-name=${this.resolved?.branding.companyName??""}
+        logo-url=${this.resolved?.branding.logoUrl??""}
+        primary-color=${this.resolved?.branding.primaryColor??"#2563eb"}
+        secondary-color=${this.resolved?.branding.secondaryColor??"#dbeafe"}
+      >
+        <div slot="content">
+          ${this.renderError()} ${this.renderAgentInfo()}
+
+          <div class="form-fields">
+            <consent-input
+              type="email"
+              name="email"
+              label=${e?.emailLabel??"Email"}
+              placeholder=${e?.emailPlaceholder??"Enter your email address"}
+              autocomplete="email"
+              required
+              @input=${r=>this.handleInputChange("email",r.detail.value)}
+            ></consent-input>
+          </div>
+
+          ${this.renderPermissions()} ${this.renderExpiration()}
+          ${this.renderTerms()}
+        </div>
+
+        <div slot="footer">
+          <consent-button variant="secondary" @click=${this.handleDeny}>
+            Cancel
+          </consent-button>
+          <consent-button
+            variant="primary"
+            ?loading=${this.loading}
+            ?disabled=${this.resolved?.terms.required&&!this.termsAccepted}
+            @click=${this.handleApprove}
+          >
+            ${e?.buttonText??"Send magic link"}
+          </consent-button>
+        </div>
+      </consent-shell>
+    `}renderOTP(){let e=this.resolved?.otp;return d`
+      <consent-shell
+        page-title=${this.resolved?.ui.title??"Verify Code"}
+        company-name=${this.resolved?.branding.companyName??""}
+        logo-url=${this.resolved?.branding.logoUrl??""}
+        primary-color=${this.resolved?.branding.primaryColor??"#2563eb"}
+        secondary-color=${this.resolved?.branding.secondaryColor??"#dbeafe"}
+      >
+        <div slot="content">
+          ${this.renderError()} ${this.renderAgentInfo()}
+
+          <div class="otp-section">
+            <p class="otp-instructions">
+              ${e?.instructions??"Enter the verification code sent to your device"}
+            </p>
+            <consent-otp-input
+              length=${e?.digits??6}
+              name="otp"
+              auto-focus
+              @complete=${r=>{this.handleInputChange("otp",r.detail.value),this.handleApprove()}}
+              @input=${r=>this.handleInputChange("otp",r.detail.value)}
+            ></consent-otp-input>
+            <div class="otp-resend">
+              Didn't receive the code?
+              <button
+                type="button"
+                ?disabled=${this.resendCooldown>0}
+                @click=${this.handleResendOtp}
+              >
+                ${this.resendCooldown>0?`Resend in ${this.resendCooldown}s`:"Resend"}
+              </button>
+            </div>
+          </div>
+
+          ${this.renderPermissions()} ${this.renderTerms()}
+        </div>
+        ${this.renderFooter()}
+      </consent-shell>
+    `}renderSuccess(){let e=this.resolved?.success;return d`
+      <consent-shell
+        page-title=${e?.title??"Access Granted"}
+        company-name=${this.resolved?.branding.companyName??""}
+        logo-url=${this.resolved?.branding.logoUrl??""}
+        primary-color=${this.resolved?.branding.primaryColor??"#2563eb"}
+        secondary-color=${this.resolved?.branding.secondaryColor??"#dbeafe"}
+      >
+        <div slot="content">
+          <div class="success-view">
+            <div class="success-icon">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+              >
+                <polyline points="20 6 9 17 4 12" />
+              </svg>
+            </div>
+            <h2 class="success-title">${e?.title??"Access Granted"}</h2>
+            <p class="success-description">
+              ${e?.description??"You have successfully granted access. You can now close this window."}
+            </p>
+          </div>
+        </div>
+
+        <div slot="footer">
+          <consent-button
+            variant="primary"
+            full-width
+            @click=${()=>window.close()}
+          >
+            ${e?.continueButtonText??"Close"}
+          </consent-button>
+        </div>
+      </consent-shell>
+    `}render(){if(this.step==="success")return this.renderSuccess();switch(this.currentMode){case S.CREDENTIALS:return this.renderCredentials();case S.OAUTH:return this.renderOAuth();case S.MAGIC_LINK:return this.renderMagicLink();case S.OTP:return this.renderOTP();case S.CONSENT_ONLY:default:return this.renderConsentOnly()}}};m.styles=v`
+    :host {
+      display: block;
+      /* System font stack with font smoothing for crisp text */
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+        'Helvetica Neue', Arial, sans-serif;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+      --_primary: var(--consent-primary, #2563eb);
+      --_secondary: var(--consent-secondary, #dbeafe);
+    }
+
+    /* Agent info box */
+    .agent-info {
+      display: flex;
+      gap: 1rem;
+      padding: 1rem;
+      background: #f9fafb;
+      border-radius: 0.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .agent-icon {
+      width: 40px;
+      height: 40px;
+      background: var(--_secondary);
+      border-radius: 0.5rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+    }
+
+    .agent-icon svg {
+      width: 20px;
+      height: 20px;
+      color: var(--_primary);
+    }
+
+    .agent-text {
+      flex: 1;
+    }
+
+    .agent-text p {
+      margin: 0;
+      font-size: 0.875rem;
+      color: #374151;
+      line-height: 1.5;
+    }
+
+    .agent-text strong {
+      color: #111827;
+    }
+
+    /* Permissions section */
+    .permissions-header {
+      font-size: 0.875rem;
+      color: #6b7280;
+      margin-bottom: 0.5rem;
+    }
+
+    .permissions {
+      margin-bottom: 1rem;
+    }
+
+    /* Expiration */
+    .expiration {
+      font-size: 0.75rem;
+      color: #6b7280;
+      margin-top: 1rem;
+    }
+
+    .expiration strong {
+      color: #374151;
+    }
+
+    /* Terms */
+    .terms {
+      margin-top: 1.5rem;
+    }
+
+    /* Error message */
+    .error-message {
+      background: #fef2f2;
+      border: 1px solid #fecaca;
+      border-radius: 0.5rem;
+      padding: 0.75rem 1rem;
+      margin-bottom: 1rem;
+      color: #dc2626;
+      font-size: 0.875rem;
+    }
+
+    /* Form fields */
+    .form-fields {
+      display: flex;
+      flex-direction: column;
+      gap: 1rem;
+      margin-bottom: 1rem;
+    }
+
+    /* Divider */
+    .divider {
+      display: flex;
+      align-items: center;
+      gap: 1rem;
+      margin: 1.5rem 0;
+      color: #6b7280;
+      font-size: 0.75rem;
+    }
+
+    .divider::before,
+    .divider::after {
+      content: '';
+      flex: 1;
+      height: 1px;
+      background: #e5e7eb;
+    }
+
+    /* Success view */
+    .success-view {
+      text-align: center;
+      padding: 2rem 0;
+    }
+
+    .success-icon {
+      width: 64px;
+      height: 64px;
+      background: #d1fae5;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin: 0 auto 1.5rem;
+    }
+
+    .success-icon svg {
+      width: 32px;
+      height: 32px;
+      color: #059669;
+    }
+
+    .success-title {
+      font-size: 1.25rem;
+      font-weight: 600;
+      color: #111827;
+      margin: 0 0 0.5rem;
+    }
+
+    .success-description {
+      font-size: 0.875rem;
+      color: #6b7280;
+      margin: 0 0 1.5rem;
+    }
+
+    /* OTP section */
+    .otp-section {
+      text-align: center;
+      margin-bottom: 1.5rem;
+    }
+
+    .otp-instructions {
+      font-size: 0.875rem;
+      color: #6b7280;
+      margin-bottom: 1rem;
+    }
+
+    .otp-resend {
+      margin-top: 1rem;
+      font-size: 0.75rem;
+    }
+
+    .otp-resend button {
+      background: none;
+      border: none;
+      color: var(--_primary);
+      cursor: pointer;
+      text-decoration: underline;
+    }
+
+    .otp-resend button:disabled {
+      color: #9ca3af;
+      cursor: not-allowed;
+    }
+  `,n([l({type:Object,converter:{fromAttribute:e=>{if(e)try{return JSON.parse(e)}catch{return}},toAttribute:e=>e?JSON.stringify(e):""}})],m.prototype,"config",2),n([l({type:String})],m.prototype,"mode",2),n([l({type:String})],m.prototype,"tool",2),n([l({type:Array,converter:{fromAttribute:e=>{if(!e)return[];try{return JSON.parse(e)}catch{return[]}},toAttribute:e=>JSON.stringify(e)}})],m.prototype,"scopes",2),n([l({type:String,attribute:"agent-did"})],m.prototype,"agentDid",2),n([l({type:String,attribute:"session-id"})],m.prototype,"sessionId",2),n([l({type:String,attribute:"project-id"})],m.prototype,"projectId",2),n([l({type:String,attribute:"server-url"})],m.prototype,"serverUrl",2),n([l({type:String,attribute:"agent-name"})],m.prototype,"agentName",2),n([l({type:Object,attribute:"oauth-identity",converter:{fromAttribute:e=>{if(e)try{return JSON.parse(e)}catch{return}},toAttribute:e=>e?JSON.stringify(e):""}})],m.prototype,"oauthIdentity",2),n([x()],m.prototype,"resolved",2),n([x()],m.prototype,"currentMode",2),n([x()],m.prototype,"loading",2),n([x()],m.prototype,"error",2),n([x()],m.prototype,"step",2),n([x()],m.prototype,"termsAccepted",2),n([x()],m.prototype,"formData",2),n([x()],m.prototype,"resendCooldown",2),n([x()],m.prototype,"selectedScopes",2),m=n([y("mcp-consent")],m);export{_ as ConsentButton,k as ConsentCheckbox,$ as ConsentInput,A as ConsentOAuthButton,E as ConsentOTPInput,I as ConsentPermissions,U as ConsentShell,w as ConsentTerms,m as McpConsent};
+/*! Bundled license information:
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+lit-html/lit-html.js:
+lit-element/lit-element.js:
+@lit/reactive-element/decorators/custom-element.js:
+@lit/reactive-element/decorators/property.js:
+@lit/reactive-element/decorators/state.js:
+@lit/reactive-element/decorators/event-options.js:
+@lit/reactive-element/decorators/base.js:
+@lit/reactive-element/decorators/query.js:
+@lit/reactive-element/decorators/query-all.js:
+@lit/reactive-element/decorators/query-async.js:
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+lit-html/directive.js:
+lit-html/directives/unsafe-html.js:
+lit-html/directives/unsafe-svg.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/