@unnoodle/browser 0.1.0

package/dist/index.js

@@ -0,0 +1,2639 @@
+var _n=Object.defineProperty,Gn=Object.defineProperties;var Vn=Object.getOwnPropertyDescriptors;var Yt=Object.getOwnPropertySymbols;var Wn=Object.prototype.hasOwnProperty,jn=Object.prototype.propertyIsEnumerable;var Xt=(i,e,t)=>e in i?_n(i,e,{enumerable:true,configurable:true,writable:true,value:t}):i[e]=t,S=(i,e)=>{for(var t in e||(e={}))Wn.call(e,t)&&Xt(i,t,e[t]);if(Yt)for(var t of Yt(e))jn.call(e,t)&&Xt(i,t,e[t]);return i},J=(i,e)=>Gn(i,Vn(e));function me(i){return Array.isArray?Array.isArray(i):ro(i)==="[object Array]"}function Kn(i){if(typeof i=="string")return i;let e=i+"";return e=="0"&&1/i==-Infinity?"-0":e}function Yn(i){return i==null?"":Kn(i)}function ce(i){return typeof i=="string"}function no(i){return typeof i=="number"}function Xn(i){return i===true||i===false||Jn(i)&&ro(i)=="[object Boolean]"}function io(i){return typeof i=="object"}function Jn(i){return io(i)&&i!==null}function ie(i){return i!=null}function xt(i){return !i.trim().length}function ro(i){return i==null?i===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(i)}var Qn="Incorrect 'index' type",ei=i=>`Invalid value for key ${i}`,ti=i=>`Pattern length exceeds max of ${i}.`,oi=i=>`Missing ${i} property in key`,ni=i=>`Property 'weight' in key '${i}' must be a positive integer`,Jt=Object.prototype.hasOwnProperty,kt=class{constructor(e){this._keys=[],this._keyMap={};let t=0;e.forEach(n=>{let o=so(n);this._keys.push(o),this._keyMap[o.id]=o,t+=o.weight;}),this._keys.forEach(n=>{n.weight/=t;});}get(e){return this._keyMap[e]}keys(){return this._keys}toJSON(){return JSON.stringify(this._keys)}};function so(i){let e=null,t=null,n=null,o=1,r=null;if(ce(i)||me(i))n=i,e=Qt(i),t=Et(i);else {if(!Jt.call(i,"name"))throw new Error(oi("name"));let s=i.name;if(n=s,Jt.call(i,"weight")&&(o=i.weight,o<=0))throw new Error(ni(s));e=Qt(s),t=Et(s),r=i.getFn;}return {path:e,id:t,weight:o,src:n,getFn:r}}function Qt(i){return me(i)?i:i.split(".")}function Et(i){return me(i)?i.join("."):i}function ii(i,e){let t=[],n=false,o=(r,s,a)=>{if(ie(r))if(!s[a])t.push(r);else {let c=s[a],d=r[c];if(!ie(d))return;if(a===s.length-1&&(ce(d)||no(d)||Xn(d)))t.push(Yn(d));else if(me(d)){n=true;for(let l=0,p=d.length;l<p;l+=1)o(d[l],s,a+1);}else s.length&&o(d,s,a+1);}};return o(i,ce(e)?e.split("."):e,0),n?t:t[0]}var ri={includeMatches:false,findAllMatches:false,minMatchCharLength:1},si={isCaseSensitive:false,ignoreDiacritics:false,includeScore:false,keys:[],shouldSort:true,sortFn:(i,e)=>i.score===e.score?i.idx<e.idx?-1:1:i.score<e.score?-1:1},ai={location:0,threshold:.6,distance:100},li={useExtendedSearch:false,getFn:ii,ignoreLocation:false,ignoreFieldNorm:false,fieldNormWeight:1},M=S(S(S(S({},si),ri),ai),li),di=/[^ ]+/g;function ci(i=1,e=3){let t=new Map,n=Math.pow(10,e);return {get(o){let r=o.match(di).length;if(t.has(r))return t.get(r);let s=1/Math.pow(r,.5*i),a=parseFloat(Math.round(s*n)/n);return t.set(r,a),a},clear(){t.clear();}}}var Ae=class{constructor({getFn:e=M.getFn,fieldNormWeight:t=M.fieldNormWeight}={}){this.norm=ci(t,3),this.getFn=e,this.isCreated=false,this.setIndexRecords();}setSources(e=[]){this.docs=e;}setIndexRecords(e=[]){this.records=e;}setKeys(e=[]){this.keys=e,this._keysMap={},e.forEach((t,n)=>{this._keysMap[t.id]=n;});}create(){this.isCreated||!this.docs.length||(this.isCreated=true,ce(this.docs[0])?this.docs.forEach((e,t)=>{this._addString(e,t);}):this.docs.forEach((e,t)=>{this._addObject(e,t);}),this.norm.clear());}add(e){let t=this.size();ce(e)?this._addString(e,t):this._addObject(e,t);}removeAt(e){this.records.splice(e,1);for(let t=e,n=this.size();t<n;t+=1)this.records[t].i-=1;}getValueForItemAtKeyId(e,t){return e[this._keysMap[t]]}size(){return this.records.length}_addString(e,t){if(!ie(e)||xt(e))return;let n={v:e,i:t,n:this.norm.get(e)};this.records.push(n);}_addObject(e,t){let n={i:t,$:{}};this.keys.forEach((o,r)=>{let s=o.getFn?o.getFn(e):this.getFn(e,o.path);if(ie(s)){if(me(s)){let a=[],c=[{nestedArrIndex:-1,value:s}];for(;c.length;){let{nestedArrIndex:d,value:l}=c.pop();if(ie(l))if(ce(l)&&!xt(l)){let p={v:l,i:d,n:this.norm.get(l)};a.push(p);}else me(l)&&l.forEach((p,h)=>{c.push({nestedArrIndex:h,value:p});});}n.$[r]=a;}else if(ce(s)&&!xt(s)){let a={v:s,n:this.norm.get(s)};n.$[r]=a;}}}),this.records.push(n);}toJSON(){return {keys:this.keys,records:this.records}}};function ao(i,e,{getFn:t=M.getFn,fieldNormWeight:n=M.fieldNormWeight}={}){let o=new Ae({getFn:t,fieldNormWeight:n});return o.setKeys(i.map(so)),o.setSources(e),o.create(),o}function ui(i,{getFn:e=M.getFn,fieldNormWeight:t=M.fieldNormWeight}={}){let{keys:n,records:o}=i,r=new Ae({getFn:e,fieldNormWeight:t});return r.setKeys(n),r.setIndexRecords(o),r}function Ne(i,{errors:e=0,currentLocation:t=0,expectedLocation:n=0,distance:o=M.distance,ignoreLocation:r=M.ignoreLocation}={}){let s=e/i.length;if(r)return s;let a=Math.abs(n-t);return o?s+a/o:a?1:s}function pi(i=[],e=M.minMatchCharLength){let t=[],n=-1,o=-1,r=0;for(let s=i.length;r<s;r+=1){let a=i[r];a&&n===-1?n=r:!a&&n!==-1&&(o=r-1,o-n+1>=e&&t.push([n,o]),n=-1);}return i[r-1]&&r-n>=e&&t.push([n,r-1]),t}var ye=32;function hi(i,e,t,{location:n=M.location,distance:o=M.distance,threshold:r=M.threshold,findAllMatches:s=M.findAllMatches,minMatchCharLength:a=M.minMatchCharLength,includeMatches:c=M.includeMatches,ignoreLocation:d=M.ignoreLocation}={}){if(e.length>ye)throw new Error(ti(ye));let l=e.length,p=i.length,h=Math.max(0,Math.min(n,p)),m=r,v=h,f=a>1||c,y=f?Array(p):[],A;for(;(A=i.indexOf(e,v))>-1;){let _=Ne(e,{currentLocation:A,expectedLocation:h,distance:o,ignoreLocation:d});if(m=Math.min(_,m),v=A+l,f){let C=0;for(;C<l;)y[A+C]=1,C+=1;}}v=-1;let L=[],N=1,U=l+p,F=1<<l-1;for(let _=0;_<l;_+=1){let C=0,$=U;for(;C<$;)Ne(e,{errors:_,currentLocation:h+$,expectedLocation:h,distance:o,ignoreLocation:d})<=m?C=$:U=$,$=Math.floor((U-C)/2+C);U=$;let Y=Math.max(1,h-$+1),H=s?p:Math.min(h+$,p)+l,P=Array(H+2);P[H+1]=(1<<_)-1;for(let I=H;I>=Y;I-=1){let X=I-1,j=t[i.charAt(X)];if(f&&(y[X]=+!!j),P[I]=(P[I+1]<<1|1)&j,_&&(P[I]|=(L[I+1]|L[I])<<1|1|L[I+1]),P[I]&F&&(N=Ne(e,{errors:_,currentLocation:X,expectedLocation:h,distance:o,ignoreLocation:d}),N<=m)){if(m=N,v=X,v<=h)break;Y=Math.max(1,2*h-v);}}if(Ne(e,{errors:_+1,currentLocation:h,expectedLocation:h,distance:o,ignoreLocation:d})>m)break;L=P;}let Q={isMatch:v>=0,score:Math.max(.001,N)};if(f){let _=pi(y,a);_.length?c&&(Q.indices=_):Q.isMatch=false;}return Q}function mi(i){let e={};for(let t=0,n=i.length;t<n;t+=1){let o=i.charAt(t);e[o]=(e[o]||0)|1<<n-t-1;}return e}var Ue=String.prototype.normalize?(i=>i.normalize("NFD").replace(/[\u0300-\u036F\u0483-\u0489\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u0610-\u061A\u064B-\u065F\u0670\u06D6-\u06DC\u06DF-\u06E4\u06E7\u06E8\u06EA-\u06ED\u0711\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F3\u07FD\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u082D\u0859-\u085B\u08D3-\u08E1\u08E3-\u0903\u093A-\u093C\u093E-\u094F\u0951-\u0957\u0962\u0963\u0981-\u0983\u09BC\u09BE-\u09C4\u09C7\u09C8\u09CB-\u09CD\u09D7\u09E2\u09E3\u09FE\u0A01-\u0A03\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A70\u0A71\u0A75\u0A81-\u0A83\u0ABC\u0ABE-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AE2\u0AE3\u0AFA-\u0AFF\u0B01-\u0B03\u0B3C\u0B3E-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B62\u0B63\u0B82\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD7\u0C00-\u0C04\u0C3E-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C62\u0C63\u0C81-\u0C83\u0CBC\u0CBE-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CE2\u0CE3\u0D00-\u0D03\u0D3B\u0D3C\u0D3E-\u0D44\u0D46-\u0D48\u0D4A-\u0D4D\u0D57\u0D62\u0D63\u0D82\u0D83\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2\u0DF3\u0E31\u0E34-\u0E3A\u0E47-\u0E4E\u0EB1\u0EB4-\u0EB9\u0EBB\u0EBC\u0EC8-\u0ECD\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F71-\u0F84\u0F86\u0F87\u0F8D-\u0F97\u0F99-\u0FBC\u0FC6\u102B-\u103E\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F\u109A-\u109D\u135D-\u135F\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17B4-\u17D3\u17DD\u180B-\u180D\u1885\u1886\u18A9\u1920-\u192B\u1930-\u193B\u1A17-\u1A1B\u1A55-\u1A5E\u1A60-\u1A7C\u1A7F\u1AB0-\u1ABE\u1B00-\u1B04\u1B34-\u1B44\u1B6B-\u1B73\u1B80-\u1B82\u1BA1-\u1BAD\u1BE6-\u1BF3\u1C24-\u1C37\u1CD0-\u1CD2\u1CD4-\u1CE8\u1CED\u1CF2-\u1CF4\u1CF7-\u1CF9\u1DC0-\u1DF9\u1DFB-\u1DFF\u20D0-\u20F0\u2CEF-\u2CF1\u2D7F\u2DE0-\u2DFF\u302A-\u302F\u3099\u309A\uA66F-\uA672\uA674-\uA67D\uA69E\uA69F\uA6F0\uA6F1\uA802\uA806\uA80B\uA823-\uA827\uA880\uA881\uA8B4-\uA8C5\uA8E0-\uA8F1\uA8FF\uA926-\uA92D\uA947-\uA953\uA980-\uA983\uA9B3-\uA9C0\uA9E5\uAA29-\uAA36\uAA43\uAA4C\uAA4D\uAA7B-\uAA7D\uAAB0\uAAB2-\uAAB4\uAAB7\uAAB8\uAABE\uAABF\uAAC1\uAAEB-\uAAEF\uAAF5\uAAF6\uABE3-\uABEA\uABEC\uABED\uFB1E\uFE00-\uFE0F\uFE20-\uFE2F]/g,"")):(i=>i),Fe=class{constructor(e,{location:t=M.location,threshold:n=M.threshold,distance:o=M.distance,includeMatches:r=M.includeMatches,findAllMatches:s=M.findAllMatches,minMatchCharLength:a=M.minMatchCharLength,isCaseSensitive:c=M.isCaseSensitive,ignoreDiacritics:d=M.ignoreDiacritics,ignoreLocation:l=M.ignoreLocation}={}){if(this.options={location:t,threshold:n,distance:o,includeMatches:r,findAllMatches:s,minMatchCharLength:a,isCaseSensitive:c,ignoreDiacritics:d,ignoreLocation:l},e=c?e:e.toLowerCase(),e=d?Ue(e):e,this.pattern=e,this.chunks=[],!this.pattern.length)return;let p=(m,v)=>{this.chunks.push({pattern:m,alphabet:mi(m),startIndex:v});},h=this.pattern.length;if(h>ye){let m=0,v=h%ye,f=h-v;for(;m<f;)p(this.pattern.substr(m,ye),m),m+=ye;if(v){let y=h-ye;p(this.pattern.substr(y),y);}}else p(this.pattern,0);}searchIn(e){let{isCaseSensitive:t,ignoreDiacritics:n,includeMatches:o}=this.options;if(e=t?e:e.toLowerCase(),e=n?Ue(e):e,this.pattern===e){let f={isMatch:true,score:0};return o&&(f.indices=[[0,e.length-1]]),f}let{location:r,distance:s,threshold:a,findAllMatches:c,minMatchCharLength:d,ignoreLocation:l}=this.options,p=[],h=0,m=false;this.chunks.forEach(({pattern:f,alphabet:y,startIndex:A})=>{let{isMatch:L,score:N,indices:U}=hi(e,f,y,{location:r+A,distance:s,threshold:a,findAllMatches:c,minMatchCharLength:d,includeMatches:o,ignoreLocation:l});L&&(m=true),h+=N,L&&U&&(p=[...p,...U]);});let v={isMatch:m,score:m?h/this.chunks.length:1};return m&&o&&(v.indices=p),v}},ue=class{constructor(e){this.pattern=e;}static isMultiMatch(e){return eo(e,this.multiRegex)}static isSingleMatch(e){return eo(e,this.singleRegex)}search(){}};function eo(i,e){let t=i.match(e);return t?t[1]:null}var Tt=class extends ue{constructor(e){super(e);}static get type(){return "exact"}static get multiRegex(){return /^="(.*)"$/}static get singleRegex(){return /^=(.*)$/}search(e){let t=e===this.pattern;return {isMatch:t,score:t?0:1,indices:[0,this.pattern.length-1]}}},Ct=class extends ue{constructor(e){super(e);}static get type(){return "inverse-exact"}static get multiRegex(){return /^!"(.*)"$/}static get singleRegex(){return /^!(.*)$/}search(e){let n=e.indexOf(this.pattern)===-1;return {isMatch:n,score:n?0:1,indices:[0,e.length-1]}}},Mt=class extends ue{constructor(e){super(e);}static get type(){return "prefix-exact"}static get multiRegex(){return /^\^"(.*)"$/}static get singleRegex(){return /^\^(.*)$/}search(e){let t=e.startsWith(this.pattern);return {isMatch:t,score:t?0:1,indices:[0,this.pattern.length-1]}}},Lt=class extends ue{constructor(e){super(e);}static get type(){return "inverse-prefix-exact"}static get multiRegex(){return /^!\^"(.*)"$/}static get singleRegex(){return /^!\^(.*)$/}search(e){let t=!e.startsWith(this.pattern);return {isMatch:t,score:t?0:1,indices:[0,e.length-1]}}},St=class extends ue{constructor(e){super(e);}static get type(){return "suffix-exact"}static get multiRegex(){return /^"(.*)"\$$/}static get singleRegex(){return /^(.*)\$$/}search(e){let t=e.endsWith(this.pattern);return {isMatch:t,score:t?0:1,indices:[e.length-this.pattern.length,e.length-1]}}},At=class extends ue{constructor(e){super(e);}static get type(){return "inverse-suffix-exact"}static get multiRegex(){return /^!"(.*)"\$$/}static get singleRegex(){return /^!(.*)\$$/}search(e){let t=!e.endsWith(this.pattern);return {isMatch:t,score:t?0:1,indices:[0,e.length-1]}}},Oe=class extends ue{constructor(e,{location:t=M.location,threshold:n=M.threshold,distance:o=M.distance,includeMatches:r=M.includeMatches,findAllMatches:s=M.findAllMatches,minMatchCharLength:a=M.minMatchCharLength,isCaseSensitive:c=M.isCaseSensitive,ignoreDiacritics:d=M.ignoreDiacritics,ignoreLocation:l=M.ignoreLocation}={}){super(e),this._bitapSearch=new Fe(e,{location:t,threshold:n,distance:o,includeMatches:r,findAllMatches:s,minMatchCharLength:a,isCaseSensitive:c,ignoreDiacritics:d,ignoreLocation:l});}static get type(){return "fuzzy"}static get multiRegex(){return /^"(.*)"$/}static get singleRegex(){return /^(.*)$/}search(e){return this._bitapSearch.searchIn(e)}},qe=class extends ue{constructor(e){super(e);}static get type(){return "include"}static get multiRegex(){return /^'"(.*)"$/}static get singleRegex(){return /^'(.*)$/}search(e){let t=0,n,o=[],r=this.pattern.length;for(;(n=e.indexOf(this.pattern,t))>-1;)t=n+r,o.push([n,t-1]);let s=!!o.length;return {isMatch:s,score:s?0:1,indices:o}}},Ht=[Tt,qe,Mt,Lt,At,St,Ct,Oe],to=Ht.length,gi=/ +(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/,fi="|";function vi(i,e={}){return i.split(fi).map(t=>{let n=t.trim().split(gi).filter(r=>r&&!!r.trim()),o=[];for(let r=0,s=n.length;r<s;r+=1){let a=n[r],c=false,d=-1;for(;!c&&++d<to;){let l=Ht[d],p=l.isMultiMatch(a);p&&(o.push(new l(p,e)),c=true);}if(!c)for(d=-1;++d<to;){let l=Ht[d],p=l.isSingleMatch(a);if(p){o.push(new l(p,e));break}}}return o})}var bi=new Set([Oe.type,qe.type]),Pt=class{constructor(e,{isCaseSensitive:t=M.isCaseSensitive,ignoreDiacritics:n=M.ignoreDiacritics,includeMatches:o=M.includeMatches,minMatchCharLength:r=M.minMatchCharLength,ignoreLocation:s=M.ignoreLocation,findAllMatches:a=M.findAllMatches,location:c=M.location,threshold:d=M.threshold,distance:l=M.distance}={}){this.query=null,this.options={isCaseSensitive:t,ignoreDiacritics:n,includeMatches:o,minMatchCharLength:r,findAllMatches:a,ignoreLocation:s,location:c,threshold:d,distance:l},e=t?e:e.toLowerCase(),e=n?Ue(e):e,this.pattern=e,this.query=vi(this.pattern,this.options);}static condition(e,t){return t.useExtendedSearch}searchIn(e){let t=this.query;if(!t)return {isMatch:false,score:1};let{includeMatches:n,isCaseSensitive:o,ignoreDiacritics:r}=this.options;e=o?e:e.toLowerCase(),e=r?Ue(e):e;let s=0,a=[],c=0;for(let d=0,l=t.length;d<l;d+=1){let p=t[d];a.length=0,s=0;for(let h=0,m=p.length;h<m;h+=1){let v=p[h],{isMatch:f,indices:y,score:A}=v.search(e);if(f){if(s+=1,c+=A,n){let L=v.constructor.type;bi.has(L)?a=[...a,...y]:a.push(y);}}else {c=0,s=0,a.length=0;break}}if(s){let h={isMatch:true,score:c/s};return n&&(h.indices=a),h}}return {isMatch:false,score:1}}},Rt=[];function yi(...i){Rt.push(...i);}function Dt(i,e){for(let t=0,n=Rt.length;t<n;t+=1){let o=Rt[t];if(o.condition(i,e))return new o(i,e)}return new Fe(i,e)}var _e={AND:"$and",OR:"$or"},Bt={PATH:"$path",PATTERN:"$val"},It=i=>!!(i[_e.AND]||i[_e.OR]),wi=i=>!!i[Bt.PATH],xi=i=>!me(i)&&io(i)&&!It(i),oo=i=>({[_e.AND]:Object.keys(i).map(e=>({[e]:i[e]}))});function lo(i,e,{auto:t=true}={}){let n=o=>{let r=Object.keys(o),s=wi(o);if(!s&&r.length>1&&!It(o))return n(oo(o));if(xi(o)){let c=s?o[Bt.PATH]:r[0],d=s?o[Bt.PATTERN]:o[c];if(!ce(d))throw new Error(ei(c));let l={keyId:Et(c),pattern:d};return t&&(l.searcher=Dt(d,e)),l}let a={children:[],operator:r[0]};return r.forEach(c=>{let d=o[c];me(d)&&d.forEach(l=>{a.children.push(n(l));});}),a};return It(i)||(i=oo(i)),n(i)}function ki(i,{ignoreFieldNorm:e=M.ignoreFieldNorm}){i.forEach(t=>{let n=1;t.matches.forEach(({key:o,norm:r,score:s})=>{let a=o?o.weight:null;n*=Math.pow(s===0&&a?Number.EPSILON:s,(a||1)*(e?1:r));}),t.score=n;});}function Ei(i,e){let t=i.matches;e.matches=[],ie(t)&&t.forEach(n=>{if(!ie(n.indices)||!n.indices.length)return;let{indices:o,value:r}=n,s={indices:o,value:r};n.key&&(s.key=n.key.src),n.idx>-1&&(s.refIndex=n.idx),e.matches.push(s);});}function Ti(i,e){e.score=i.score;}function Ci(i,e,{includeMatches:t=M.includeMatches,includeScore:n=M.includeScore}={}){let o=[];return t&&o.push(Ei),n&&o.push(Ti),i.map(r=>{let{idx:s}=r,a={item:e[s],refIndex:s};return o.length&&o.forEach(c=>{c(r,a);}),a})}var ge=class{constructor(e,t={},n){this.options=S(S({},M),t),this.options.useExtendedSearch,this._keyStore=new kt(this.options.keys),this.setCollection(e,n);}setCollection(e,t){if(this._docs=e,t&&!(t instanceof Ae))throw new Error(Qn);this._myIndex=t||ao(this.options.keys,this._docs,{getFn:this.options.getFn,fieldNormWeight:this.options.fieldNormWeight});}add(e){ie(e)&&(this._docs.push(e),this._myIndex.add(e));}remove(e=()=>false){let t=[];for(let n=0,o=this._docs.length;n<o;n+=1){let r=this._docs[n];e(r,n)&&(this.removeAt(n),n-=1,o-=1,t.push(r));}return t}removeAt(e){this._docs.splice(e,1),this._myIndex.removeAt(e);}getIndex(){return this._myIndex}search(e,{limit:t=-1}={}){let{includeMatches:n,includeScore:o,shouldSort:r,sortFn:s,ignoreFieldNorm:a}=this.options,c=ce(e)?ce(this._docs[0])?this._searchStringList(e):this._searchObjectList(e):this._searchLogical(e);return ki(c,{ignoreFieldNorm:a}),r&&c.sort(s),no(t)&&t>-1&&(c=c.slice(0,t)),Ci(c,this._docs,{includeMatches:n,includeScore:o})}_searchStringList(e){let t=Dt(e,this.options),{records:n}=this._myIndex,o=[];return n.forEach(({v:r,i:s,n:a})=>{if(!ie(r))return;let{isMatch:c,score:d,indices:l}=t.searchIn(r);c&&o.push({item:r,idx:s,matches:[{score:d,value:r,norm:a,indices:l}]});}),o}_searchLogical(e){let t=lo(e,this.options),n=(a,c,d)=>{if(!a.children){let{keyId:p,searcher:h}=a,m=this._findMatches({key:this._keyStore.get(p),value:this._myIndex.getValueForItemAtKeyId(c,p),searcher:h});return m&&m.length?[{idx:d,item:c,matches:m}]:[]}let l=[];for(let p=0,h=a.children.length;p<h;p+=1){let m=a.children[p],v=n(m,c,d);if(v.length)l.push(...v);else if(a.operator===_e.AND)return []}return l},o=this._myIndex.records,r={},s=[];return o.forEach(({$:a,i:c})=>{if(ie(a)){let d=n(t,a,c);d.length&&(r[c]||(r[c]={idx:c,item:a,matches:[]},s.push(r[c])),d.forEach(({matches:l})=>{r[c].matches.push(...l);}));}}),s}_searchObjectList(e){let t=Dt(e,this.options),{keys:n,records:o}=this._myIndex,r=[];return o.forEach(({$:s,i:a})=>{if(!ie(s))return;let c=[];n.forEach((d,l)=>{c.push(...this._findMatches({key:d,value:s[l],searcher:t}));}),c.length&&r.push({idx:a,item:s,matches:c});}),r}_findMatches({key:e,value:t,searcher:n}){if(!ie(t))return [];let o=[];if(me(t))t.forEach(({v:r,i:s,n:a})=>{if(!ie(r))return;let{isMatch:c,score:d,indices:l}=n.searchIn(r);c&&o.push({score:d,key:e,value:r,idx:s,norm:a,indices:l});});else {let{v:r,n:s}=t,{isMatch:a,score:c,indices:d}=n.searchIn(r);a&&o.push({score:c,key:e,value:r,norm:s,indices:d});}return o}};ge.version="7.1.0";ge.createIndex=ao;ge.parseIndex=ui;ge.config=M;ge.parseQuery=lo;yi(Pt);var Mi="https://api.unnoodle.com";function V(i){var e,t;return (t=(e=i.baseUrl)==null?void 0:e.replace(/\/$/,""))!=null?t:Mi}function W(i){return {"Content-Type":"application/json","X-Unnoodle-Api-Key":i.apiKey}}function de(i){var e;if(typeof i.getAuthToken!="function")return null;try{return (e=i.getAuthToken())!=null?e:null}catch(t){return null}}var D=class extends Error{constructor(e,t,n){super(e),this.name="ApiError",this.status=t,this.body=n;}};async function Ge(i,e){let t=`${V(i)}/api/init`,n=W(i),o=e!==void 0?e:de(i);o&&(n.Authorization=`Bearer ${o}`);let r=await fetch(t,{method:"POST",headers:n,body:JSON.stringify({context:i.context})});if(!r.ok){let s=await r.text().catch(()=>"");throw new D(`Unnoodle /api/init error: ${r.status} ${r.statusText}`,r.status,s)}return r.json()}async function Ve(i,e,t,n){let o=`${V(i)}/api/contexts/${e}/glossary/search?q=${encodeURIComponent(t)}`,r=W(i),s=n!==void 0?n:de(i);s&&(r.Authorization=`Bearer ${s}`);let a=await fetch(o,{headers:r});if(!a.ok){let c=await a.text().catch(()=>"");throw new D(`Unnoodle search error: ${a.status} ${a.statusText}`,a.status,c)}return a.json()}async function We(i,e){let t=`${V(i)}/api/auth/login`,n=await fetch(t,{method:"POST",headers:W(i),body:JSON.stringify(e)});if(!n.ok){let o=await n.text().catch(()=>"");throw new D(`Unnoodle login error: ${n.status} ${n.statusText}`,n.status,o)}return n.json()}async function je(i){let e=`${V(i)}/api/auth/oauth/providers`;try{let t=await fetch(e,{headers:W(i)});return t.ok?t.json():{googleEnabled:!1,microsoftEnabled:!1}}catch(t){return {googleEnabled:false,microsoftEnabled:false}}}async function He(i,e,t){let n=`${V(i)}/api/glossary/${e}/discussions`,o=W(i),r=t!==void 0?t:de(i);r&&(o.Authorization=`Bearer ${r}`);let s=await fetch(n,{headers:o});if(!s.ok){let a=await s.text().catch(()=>"");throw new D(`Unnoodle discussions error: ${s.status} ${s.statusText}`,s.status,a)}return s.json()}async function Ze(i,e,t,n){let o=`${V(i)}/api/glossary/${e}/discussions`,r=J(S({},W(i)),{Authorization:`Bearer ${n}`}),s=await fetch(o,{method:"POST",headers:r,body:JSON.stringify({body:t})});if(!s.ok){let a=await s.text().catch(()=>"");throw new D(`Unnoodle post comment error: ${s.status} ${s.statusText}`,s.status,a)}return s.json()}async function Ke(i,e,t,n){let o=`${V(i)}/api/glossary/${e}`,r=J(S({},W(i)),{Authorization:`Bearer ${n}`}),s=await fetch(o,{method:"PUT",headers:r,body:JSON.stringify(t)});if(!s.ok){let a=await s.text().catch(()=>"");throw new D(`Unnoodle update term error: ${s.status} ${s.statusText}`,s.status,a)}return s.json()}async function Ye(i,e,t,n,o){let r=`${V(i)}/api/sdk/glossary/ai-generate`,s=J(S({},W(i)),{Authorization:`Bearer ${o}`}),a;try{a=await fetch(r,{method:"POST",headers:s,body:JSON.stringify({term:e,context:t,pageUrl:n})});}catch(d){throw new D(d instanceof Error?d.message:"Network error",0,"")}if(!a.ok){let d=await a.text().catch(()=>"");throw new D(`Unnoodle ai-generate error: ${a.status} ${a.statusText}`,a.status,d)}return (await a.json()).definition}async function Xe(i,e,t,n,o){let r=`${V(i)}/api/contexts/${e}/glossary`,s=J(S({},W(i)),{Authorization:`Bearer ${o}`}),a;try{a=await fetch(r,{method:"POST",headers:s,body:JSON.stringify({term:t,definition:n,status:"PENDING",aiGenerated:!0})});}catch(c){throw new D(c instanceof Error?c.message:"Network error",0,"")}if(!a.ok){let c=await a.text().catch(()=>"");throw new D(`Unnoodle create suggested term error: ${a.status} ${a.statusText}`,a.status,c)}return a.json()}async function Je(i,e,t,n,o){let r=`${V(i)}/api/contexts/${e}/glossary`,s=J(S({},W(i)),{Authorization:`Bearer ${o}`}),a;try{a=await fetch(r,{method:"POST",headers:s,body:JSON.stringify({term:t,definition:n})});}catch(c){throw new D(c instanceof Error?c.message:"Network error",0,"")}if(!a.ok){let c=await a.text().catch(()=>"");throw new D(`Unnoodle create glossary term error: ${a.status} ${a.statusText}`,a.status,c)}return a.json()}async function Qe(i,e,t){let n=`${V(i)}/api/product-memories`,o=J(S({},W(i)),{Authorization:`Bearer ${t}`}),r;try{r=await fetch(n,{method:"POST",headers:o,body:JSON.stringify(e)});}catch(s){throw new D(s instanceof Error?s.message:"Network error",0,"")}if(!r.ok){let s=await r.text().catch(()=>"");throw new D(`Unnoodle create-product-memory error: ${r.status} ${r.statusText}`,r.status,s)}return r.json()}async function et(i,e,t,n){let o=`${V(i)}/api/product-memories/${e}/entries`,r=J(S({},W(i)),{Authorization:`Bearer ${n}`}),s=await fetch(o,{method:"POST",headers:r,body:JSON.stringify(t)});if(!s.ok){let a=await s.text().catch(()=>"");throw new D(`Unnoodle add-entry error: ${s.status} ${s.statusText}`,s.status,a)}return s.json()}async function tt(i,e,t,n,o){let r=`${V(i)}/api/product-memories/${e}/entries/${t}`,s=J(S({},W(i)),{Authorization:`Bearer ${o}`}),a=await fetch(r,{method:"PATCH",headers:s,body:JSON.stringify(n)});if(!a.ok){let c=await a.text().catch(()=>"");throw new D(`Unnoodle update-entry error: ${a.status} ${a.statusText}`,a.status,c)}return a.json()}async function Ee(i,e,t){let n=`${V(i)}/api/product-memories?page=${e}&size=20`,o=S({},W(i)),r=t!==void 0?t:de(i);r&&(o.Authorization=`Bearer ${r}`);let s=await fetch(n,{headers:o});if(!s.ok){let a=await s.text().catch(()=>"");throw new D(`Unnoodle list-memories error: ${s.status} ${s.statusText}`,s.status,a)}return s.json()}async function ot(i,e,t){let n=`${V(i)}/api/product-memories/${e}`,o=S({},W(i));t&&(o.Authorization=`Bearer ${t}`);let r=await fetch(n,{headers:o});if(!r.ok){let s=await r.text().catch(()=>"");throw new D(`Unnoodle get-memory error: ${r.status} ${r.statusText}`,r.status,s)}return r.json()}async function nt(i,e,t){let n=`${V(i)}/api/product-memories/${e}`,o=J(S({},W(i)),{Authorization:`Bearer ${t}`}),r=await fetch(n,{method:"DELETE",headers:o});if(!r.ok){let s=await r.text().catch(()=>"");throw new D(`Unnoodle delete-memory error: ${r.status} ${r.statusText}`,r.status,s)}}async function it(i,e,t,n){let o=`${V(i)}/api/product-memories/${e}/entries/${t}`,r=J(S({},W(i)),{Authorization:`Bearer ${n}`}),s=await fetch(o,{method:"DELETE",headers:r});if(!s.ok){let a=await s.text().catch(()=>"");throw new D(`Unnoodle delete-entry error: ${s.status} ${s.statusText}`,s.status,a)}return s.json()}async function Pe(i,e,t){let n=`${V(i)}/api/contexts/${e}/discussions`,o=W(i),r=t!==void 0?t:de(i);r&&(o.Authorization=`Bearer ${r}`);let s=await fetch(n,{headers:o});if(!s.ok){let a=await s.text().catch(()=>"");throw new D(`Unnoodle GET context discussions error: ${s.status} ${s.statusText}`,s.status,a)}return s.json()}async function rt(i,e,t,n){let o=`${V(i)}/api/contexts/${e}/discussions`,r=J(S({},W(i)),{Authorization:`Bearer ${n}`}),s=await fetch(o,{method:"POST",headers:r,body:JSON.stringify({body:t})});if(!s.ok){let a=await s.text().catch(()=>"");throw new D(`Unnoodle POST context discussion error: ${s.status} ${s.statusText}`,s.status,a)}return s.json()}async function st(i,e,t,n,o){let r=`${V(i)}/api/contexts/${e}/discussions/${t}/replies`,s=J(S({},W(i)),{Authorization:`Bearer ${o}`}),a=await fetch(r,{method:"POST",headers:s,body:JSON.stringify({body:n})});if(!a.ok){let c=await a.text().catch(()=>"");throw new D(`Unnoodle POST context reply error: ${a.status} ${a.statusText}`,a.status,c)}return a.json()}var Si={button:"button",a:"link",input:"textbox",select:"listbox",textarea:"textbox",img:"img",table:"table",nav:"navigation",main:"main",header:"banner",footer:"contentinfo",aside:"complementary",section:"region",form:"form",h1:"heading",h2:"heading",h3:"heading",h4:"heading",h5:"heading",h6:"heading",li:"listitem",ul:"list",ol:"list"};function Ai(i){var t;let e=i.getAttribute("role");return e||((t=Si[i.tagName.toLowerCase()])!=null?t:null)}function Hi(i,e){if(!(i instanceof HTMLElement)||!(e instanceof HTMLElement))return;let t=window.getComputedStyle(i);for(let n of Array.from(t))try{e.style.setProperty(n,t.getPropertyValue(n));}catch(o){}}function co(i,e){Hi(i,e);let t=i.children,n=e.children;for(let o=0;o<t.length;o++){let r=t[o],s=n[o];r&&s&&co(r,s);}}function Pi(i){i.querySelectorAll("img[src]").forEach(e=>{let t=e.getAttribute("src");if(t&&!t.startsWith("http")&&!t.startsWith("data:"))try{e.setAttribute("src",new URL(t,window.location.href).href);}catch(n){}}),i.querySelectorAll("source[srcset]").forEach(e=>{let t=e.getAttribute("srcset");if(t){let n=t.split(",").map(o=>{let[r,s]=o.trim().split(/\s+/);if(!r||r.startsWith("http")||r.startsWith("data:"))return o;try{let a=new URL(r,window.location.href).href;return s?`${a} ${s}`:a}catch(a){return o}}).join(", ");e.setAttribute("srcset",n);}});}function Ri(i){i.querySelectorAll("script").forEach(t=>t.remove());let e=[i,...Array.from(i.querySelectorAll("*"))];for(let t of e){let n=[];for(let o of Array.from(t.attributes))/^on/i.test(o.name)&&n.push(o.name);n.forEach(o=>t.removeAttribute(o));}}function uo(i){var n;let e=i.getBoundingClientRect(),t=i.cloneNode(true);return co(i,t),Pi(t),Ri(t),{html:t.outerHTML,naturalWidth:e.width,naturalHeight:e.height,tag:i.tagName.toLowerCase(),role:Ai(i),text:((n=i.textContent)!=null?n:"").trim().replace(/\s+/g," "),rect:e,id:i.id||void 0,dataTestId:i.getAttribute("data-testid")||void 0}}var po="unnoodle-pick-ring",Di=`
+  position: fixed;
+  pointer-events: none;
+  z-index: 2147483645;
+  border: 2px dashed #5C4EFA;
+  border-radius: 4px;
+  background: rgba(92, 78, 250, 0.06);
+  transition: top 0.05s, left 0.05s, width 0.05s, height 0.05s;
+  box-shadow: 0 0 0 9999px rgba(0,0,0,0.08);
+`,Bi=new Set(["unnoodle-btn-host","unnoodle-panel-host",po]),at=class{constructor(e){this.ring=null;this.currentTarget=null;this.boundMouseover=this.handleMouseover.bind(this);this.boundClick=this.handleClick.bind(this);this.boundKeydown=this.handleKeydown.bind(this);this.callbacks=e;}start(){this.createRing(),document.addEventListener("mouseover",this.boundMouseover,true),document.addEventListener("click",this.boundClick,true),document.addEventListener("keydown",this.boundKeydown,true);}stop(){this.teardown(),this.callbacks.onCancel();}createRing(){let e=document.createElement("div");e.id=po,e.setAttribute("data-testid","unnoodle-pick-ring"),e.style.cssText=Di,e.style.pointerEvents="none",e.style.display="none",document.body.appendChild(e),this.ring=e;}removeRing(){var e;(e=this.ring)==null||e.remove(),this.ring=null;}teardown(){document.removeEventListener("mouseover",this.boundMouseover,true),document.removeEventListener("click",this.boundClick,true),document.removeEventListener("keydown",this.boundKeydown,true),this.removeRing(),this.currentTarget=null,document.documentElement.style.removeProperty("cursor");}isExcluded(e){let t=e;for(;t;){if(Bi.has(t.id))return  true;t=t.parentElement;}return  false}handleMouseover(e){let t=e.target;if(!t||this.isExcluded(t)||(this.currentTarget=t,document.documentElement.style.cursor="crosshair",!this.ring))return;let n=t.getBoundingClientRect();this.ring.style.display="block",this.ring.style.top=`${n.top}px`,this.ring.style.left=`${n.left}px`,this.ring.style.width=`${n.width}px`,this.ring.style.height=`${n.height}px`;}handleClick(e){let t=e.target;!t||this.isExcluded(t)||(e.preventDefault(),e.stopPropagation(),this.teardown(),this.callbacks.onPick(t));}handleKeydown(e){e.key==="Escape"&&this.stop();}};var Ii="unnoodle-overlay-arrow",ho="#5C4EFA";var mo="unn-arrow-head";function go(i,e){let t=i.left>e.right,n=t?i.left:i.right,o=i.top+i.height/2,r=t?e.right:e.left,s=e.top+e.height/2,a=Math.abs(r-n)*.4,c=t?n-a:n+a,d=t?r+a:r-a;return `M ${n} ${o} C ${c} ${o}, ${d} ${s}, ${r} ${s}`}function $i(){let i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.id=Ii,i.setAttribute("data-testid","unnoodle-overlay-arrow"),i.style.cssText=`
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
+    pointer-events: none;
+    z-index: 2147483644;
+    overflow: visible;
+  `;let e=document.createElementNS("http://www.w3.org/2000/svg","defs"),t=document.createElementNS("http://www.w3.org/2000/svg","marker");t.setAttribute("id",mo),t.setAttribute("markerWidth","8"),t.setAttribute("markerHeight","8"),t.setAttribute("refX","6"),t.setAttribute("refY","3"),t.setAttribute("orient","auto"),t.setAttribute("markerUnits","strokeWidth");let n=document.createElementNS("http://www.w3.org/2000/svg","polygon");n.setAttribute("points","0 0, 6 3, 0 6"),n.setAttribute("fill",ho),t.appendChild(n),e.appendChild(t),i.appendChild(e);let o=document.createElementNS("http://www.w3.org/2000/svg","path");return o.setAttribute("data-testid","unnoodle-arrow-path"),o.setAttribute("fill","none"),o.setAttribute("stroke",ho),o.setAttribute("stroke-width",String(1.5)),o.setAttribute("stroke-dasharray","5 4"),o.setAttribute("stroke-linecap","round"),o.setAttribute("marker-end",`url(#${mo})`),i.appendChild(o),i}var lt=class{constructor(){this.svg=null;}draw(e,t){this.remove();let n=$i();n.querySelector("path").setAttribute("d",go(e,t)),document.body.appendChild(n),this.svg=n;}update(e,t){if(!this.svg)return;let n=this.svg.querySelector("path");n&&n.setAttribute("d",go(e,t));}remove(){var e;(e=this.svg)==null||e.remove(),this.svg=null;}};var dt=class{async execute(e,t,n,o,r,s=false){return {memory:await Qe(e,{title:n,explanation:o||n,snapshotHtml:r.html,url:window.location.href,pageTitle:document.title,capturedAt:new Date().toISOString(),targetingMetadata:{id:r.id,dataTestId:r.dataTestId,tag:r.tag,role:r.role,text:r.text},watchForChanges:s},t)}}},ct=class{constructor(e){this.memoryId=e;}async execute(e,t,n,o,r){return {memory:await et(e,this.memoryId,{explanation:o,snapshotHtml:r.html,url:window.location.href,pageTitle:document.title,capturedAt:new Date().toISOString(),targetingMetadata:{id:r.id,dataTestId:r.dataTestId,tag:r.tag,role:r.role,text:r.text}},t)}}};var $t=class{constructor(e,t,n,o,r,s,a,c,d={type:"new-memory"}){this.panel=e;this.picker=t;this.arrow=n;this.orchestrator=o;this.config=r;this.getToken=s;this.getGlossary=a;this.onSaveComplete=c;this.mode=d;this.state="idle";this.pickedElement=null;this.snapshot=null;this.scrollHandler=null;this.resizeHandler=null;this.homeData=null;}setHomeData(e){this.homeData=e;}start(){console.log("[unnoodle] CaptureModeController.start() called",{state:this.state,mode:this.mode}),this.state==="idle"&&(this.state="form-open",this.mode.type==="new-memory"?this.panel.showNewMemoryForm(()=>{console.log("[unnoodle] Pick element callback triggered"),this.onPickElementClicked();},()=>{console.log("[unnoodle] Cancel capture callback triggered"),this.onCancelCapture();},(e,t,n)=>{console.log("[unnoodle] Save callback triggered",{title:e,explanation:t,watchForChanges:n}),this.onSaveWithTitle(e,t,n);},()=>{console.log("[unnoodle] Cancel callback triggered"),this.cancel();}):this.panel.showAddEntryForm(this.mode.memoryTitle,()=>{console.log("[unnoodle] Pick element callback triggered (add entry mode)"),this.onPickElementClicked();},()=>{console.log("[unnoodle] Cancel capture callback triggered (add entry mode)"),this.onCancelCapture();},e=>{console.log("[unnoodle] Save callback triggered (add entry mode)",{explanation:e}),this.onSaveWithExplanation(e);},()=>{console.log("[unnoodle] Cancel callback triggered (add entry mode)"),this.cancel();}));}_onElementPicked(e){this.onElementPicked(e);}cancel(){var e;console.log("[unnoodle] cancel() called, current state:",this.state),this.cleanup(),console.log("[unnoodle] Restoring home view after cancel"),this.homeData?this.panel.restoreHomeView(this.homeData):this.panel.exitCaptureMode(),console.log("[unnoodle] Calling onSaveComplete to reload home memories"),(e=this.onSaveComplete)==null||e.call(this),console.log("[unnoodle] cancel() completed");}onPickElementClicked(){this.state==="form-open"&&(this.state="picking",this.panel.setFormPickingMode(true),this.picker.start());}onCancelCapture(){console.log("[unnoodle] onCancelCapture() called, current state:",this.state),this.state==="picking"&&(this.state="form-open",this.panel.setFormPickingMode(false),console.log("[unnoodle] Exited picking mode, returned to form"));}onElementPicked(e){if(console.log("[unnoodle] onElementPicked called",{state:this.state,element:e}),this.state!=="picking"){console.log("[unnoodle] onElementPicked - wrong state, expected 'picking', got",this.state);return}console.log("[unnoodle] onElementPicked - setting state to form-open"),this.state="form-open",this.pickedElement=e,this.panel.setFormPickingMode(false),console.log("[unnoodle] onElementPicked - creating snapshot"),this.snapshot=uo(e),console.log("[unnoodle] onElementPicked - snapshot created:",this.snapshot),console.log("[unnoodle] onElementPicked - updating form snapshot"),this.panel.updateFormSnapshot(this.snapshot),console.log("[unnoodle] onElementPicked - drawing arrow"),this.redrawArrow(),this.startTrackingArrow(),console.log("[unnoodle] onElementPicked completed, state:",this.state);}async onSaveWithTitle(e,t,n){await this.performSave(e,t,n);}async onSaveWithExplanation(e){await this.performSave("",e,false);}async performSave(e,t,n){var r;if(console.log("[unnoodle] performSave called",{title:e,explanation:t,state:this.state,snapshot:this.snapshot}),this.state!=="form-open"){console.log("[unnoodle] performSave - wrong state, returning");return}if(!this.snapshot){console.log("[unnoodle] performSave - no snapshot, user didn't pick element, returning");return}this.state="saving",console.log("[unnoodle] performSave - state set to saving, getting token");let o=this.getToken();if(console.log("[unnoodle] performSave - token obtained:",!!o),!o){console.log("[unnoodle] performSave - no token, returning to form-open state"),this.state="form-open";return}try{console.log("[unnoodle] performSave - executing orchestrator"),await this.orchestrator.execute(this.config,o,e,t,this.snapshot,n),console.log("[unnoodle] performSave - orchestrator success, cleaning up"),this.cleanup(),console.log("[unnoodle] Restoring home view after save"),this.homeData?this.panel.restoreHomeView(this.homeData):this.panel.exitCaptureMode(),console.log("[unnoodle] Showing toast"),this.panel.showToast("Captured \u2713"),console.log("[unnoodle] Calling onSaveComplete callback"),(r=this.onSaveComplete)==null||r.call(this),console.log("[unnoodle] performSave completed successfully");}catch(s){console.log("[unnoodle] performSave - orchestrator failed",s),this.state="form-open";}}updateArrow(){var t,n;if(!this.pickedElement)return;let e=(n=(t=this.panel.element.shadowRoot)==null?void 0:t.querySelector(".panel-shell"))!=null?n:this.panel.element;this.arrow.update(e.getBoundingClientRect(),this.pickedElement.getBoundingClientRect());}startTrackingArrow(){this.stopTrackingArrow();let e=()=>this.updateArrow();this.scrollHandler=e,this.resizeHandler=e,window.addEventListener("scroll",this.scrollHandler,{capture:true,passive:true}),window.addEventListener("resize",this.resizeHandler,{passive:true});}stopTrackingArrow(){this.scrollHandler&&(window.removeEventListener("scroll",this.scrollHandler,{capture:true}),this.scrollHandler=null),this.resizeHandler&&(window.removeEventListener("resize",this.resizeHandler),this.resizeHandler=null);}redrawArrow(){var o,r;if(!this.pickedElement)return;let t=((r=(o=this.panel.element.shadowRoot)==null?void 0:o.querySelector(".panel-shell"))!=null?r:this.panel.element).getBoundingClientRect(),n=this.pickedElement.getBoundingClientRect();this.arrow.draw(t,n);}cleanup(){this.stopTrackingArrow(),this.arrow.remove(),this.pickedElement=null,this.snapshot=null,this.state="idle";}};function zt(i,e,t,n,o,r,s={type:"new-memory"}){let a=r!=null?r:new dt,c=new $t(i,new at({onPick:d=>c._onElementPicked(d),onCancel:()=>c.onCancelCapture()}),new lt,a,e,t,n,o,s);return c}function re(i){return i.replace(/\\n/g,`
+`).replace(/\\t/g,"	")}function fo(i,e){let t=document.createElement("div");t.id="unnoodle-btn-host",t.style.cssText="position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:2147483647;";let n=t.attachShadow({mode:"open"}),o=document.createElement("style");if(o.textContent=re(`
+    :host { all: initial; }
+
+    /* Wrapper \u2014 gives ::after tooltip a positioning context */
+    .btn-wrap {
+      position: relative;
+      display: inline-flex;
+      align-items: center;
+    }
+
+    /* Rounded-square trigger button */
+    .trigger {
+      width: 38px; height: 38px;
+      border-radius: 4px;
+      border: none; padding: 0; cursor: pointer;
+      position: relative;
+      display: flex; align-items: center; justify-content: center; gap: 0;
+      background: linear-gradient(160deg, #2c3440 0%, #1a1f27 100%);
+      /* Layered box-shadow \u2014 creates a "gradient shadow" depth effect */
+      box-shadow:
+        0 1px 2px rgba(0,0,0,0.30),
+        0 3px 8px rgba(0,0,0,0.38),
+        0 8px 20px rgba(0,0,0,0.22),
+        0 1px 0 rgba(255,255,255,0.06) inset;
+      color: rgba(255,255,255,0.85);
+      font-family: var(--unn-font-family, system-ui, sans-serif);
+      font-size: 11px; font-weight: 700; letter-spacing: 0.5px;
+      /* Text shadow for glyph depth */
+      text-shadow: 0 1px 3px rgba(0,0,0,0.65), 0 -1px 0 rgba(255,255,255,0.10);
+      -webkit-user-select: none; user-select: none;
+      transition:
+        transform 0.18s cubic-bezier(0.34,1.35,0.64,1),
+        box-shadow 0.18s ease,
+        filter 0.18s ease;
+    }
+
+    /*
+     * Spinning progress ring \u2014 only visible when .trigger has .loading class.
+     * Toggle via setProgress(true/false) from the returned API.
+     * Uses the mask XOR trick: outer box minus content-box = thin padding ring.
+     * The conic-gradient rotates to give a sweeping arc effect.
+     */
+    .trigger.loading::after {
+      content: '';
+      position: absolute;
+      /* 1px gap + 1px border = 2px outside button edge */
+      inset: -2px;
+      border-radius: 6px; /* 4px + 2px */
+      padding: 1px;       /* controls ring thickness */
+      background: conic-gradient(
+        from 0deg,
+        transparent 0deg,
+        rgba(0,0,0,0.75) 80deg,
+        transparent 160deg
+      );
+      /* Hollow ring mask: reveal only the 1px padding strip */
+      -webkit-mask:
+        linear-gradient(#fff 0 0) content-box,
+        linear-gradient(#fff 0 0);
+      mask:
+        linear-gradient(#fff 0 0) content-box,
+        linear-gradient(#fff 0 0);
+      -webkit-mask-composite: destination-out;
+      mask-composite: exclude;
+      pointer-events: none;
+      animation: unn-ring-spin 2.4s linear infinite;
+    }
+
+    @keyframes unn-ring-spin {
+      to { transform: rotate(360deg); }
+    }
+
+    .trigger.dragging { transition: none; }
+
+    .trigger:not(.dragging):hover {
+      transform: scale(1.08);
+      box-shadow:
+        0 2px 4px rgba(0,0,0,0.35),
+        0 6px 16px rgba(0,0,0,0.48),
+        0 14px 32px rgba(0,0,0,0.22),
+        0 1px 0 rgba(255,255,255,0.10) inset;
+      filter: brightness(1.18);
+    }
+    .trigger:not(.dragging):active { transform: scale(0.94); }
+    .trigger:focus-visible { outline: 2px solid rgba(255,255,255,0.55); outline-offset: 2px; }
+
+    /* Tooltip */
+    .tip {
+      position: absolute;
+      right: calc(100% + 10px);
+      top: 50%; transform: translateY(-50%);
+      background: rgba(18,18,26,0.90);
+      color: #fff;
+      font-family: var(--unn-font-family, system-ui, sans-serif);
+      font-size: 9px; font-weight: 500;
+      white-space: nowrap;
+      padding: 3px 7px; border-radius: 4px;
+      opacity: 0; pointer-events: none;
+      transition: opacity 0.15s ease;
+      backdrop-filter: blur(4px);
+    }
+    .trigger:not(.dragging):hover ~ .tip,
+    .trigger:not(.dragging):focus-visible ~ .tip { opacity: 1; }
+  `),e){let C=document.createElement("style");C.textContent=re(e),n.appendChild(C);}n.appendChild(o);let r=document.createElement("div");r.className="btn-wrap";let s=document.createElement("button");s.className="trigger",s.setAttribute("aria-label","Open Unnoodle"),s.setAttribute("data-testid","widget-trigger-button"),s.textContent="U\u2229",s.addEventListener("keydown",C=>{(C.key==="Enter"||C.key===" ")&&(C.preventDefault(),i());});let a=document.createElement("span");a.className="tip";let c=/mac/i.test(navigator.platform||navigator.userAgent);a.textContent=c?"\u2318U":"Ctrl+U",r.appendChild(s),r.appendChild(a),n.appendChild(r);let d=false,l=false,p=0,h=0,m=0,v=0;function f(){let C=parseFloat(t.style.right)||14,$=t.style.top,Y=$.endsWith("%")?parseFloat($)/100*window.innerHeight-68:parseFloat($)||window.innerHeight/2-68;return {right:C,topPx:Y}}function y(C){if(C.button!==0)return;d=true,l=false,s.classList.add("dragging"),p=C.clientX,h=C.clientY;let $=f();m=$.right,v=$.topPx,C.preventDefault();}function A(C){if(!d)return;let $=C.clientX-p,Y=C.clientY-h;(Math.abs($)>3||Math.abs(Y)>3)&&(l=true);let H=ut(m-$,8,window.innerWidth-46),P=ut(v+Y,8,window.innerHeight-160);t.style.right=`${H}px`,t.style.top=`${P}px`,t.style.transform="none";}function L(C){d&&(d=false,s.classList.remove("dragging"),l||i(),C.preventDefault());}function N(C){let $=C.touches[0];if(!$)return;d=true,l=false,s.classList.add("dragging"),p=$.clientX,h=$.clientY;let Y=f();m=Y.right,v=Y.topPx;}function U(C){if(!d)return;let $=C.touches[0];if(!$)return;let Y=$.clientX-p,H=$.clientY-h;(Math.abs(Y)>3||Math.abs(H)>3)&&(l=true);let P=ut(m-Y,8,window.innerWidth-46),O=ut(v+H,8,window.innerHeight-160);t.style.right=`${P}px`,t.style.top=`${O}px`,t.style.transform="none",C.preventDefault();}function F(){d&&(d=false,s.classList.remove("dragging"),l||i());}return s.addEventListener("mousedown",y),document.addEventListener("mousemove",A),document.addEventListener("mouseup",L),s.addEventListener("touchstart",N,{passive:true}),document.addEventListener("touchmove",U,{passive:false}),document.addEventListener("touchend",F),{element:t,cleanup:()=>{s.removeEventListener("mousedown",y),s.removeEventListener("touchstart",N),document.removeEventListener("mousemove",A),document.removeEventListener("mouseup",L),document.removeEventListener("touchmove",U),document.removeEventListener("touchend",F),t.remove();},setProgress:C=>{s.classList.toggle("loading",C),s.setAttribute("aria-busy",String(C));}}}function ut(i,e,t){return Math.min(Math.max(i,e),t)}var vo=`
+    :host {
+      all: initial;
+      /* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+         Widget scale tokens \u2014 change values here to affect everywhere
+         \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */
+
+      /* Font sizes */
+      --w-font-xxs:  10px;   /* product-memory heading */
+      --w-font-xs:   10px;   /* footer, panel subtitle, upper labels */
+      --w-font-sm:   11px;   /* form labels, tab-btn, section headings */
+      --w-font-base: 12px;   /* body text, search, buttons, term defs */
+      --w-font-md:   13px;   /* term names, inputs, form-submit */
+      --w-font-display: 13px;   /* AI modal term emphasis */
+      --w-font-lg:   13px;   /* panel title */
+      --w-font-xl:   15px;   /* login heading */
+
+      /* Font weights */
+      --w-weight-normal:  400;
+      --w-weight-medium:  400;   /* labels, tab-btn */
+      --w-weight-semi:    500;   /* headings, buttons */
+      --w-weight-bold:    600;   /* term detail name */
+
+      /* Spacing \u2014 vertical */
+      --w-space-v-xs:  4px;    /* small inner gaps */
+      --w-space-v-sm:  8px;    /* post padding, pm textarea */
+      --w-space-v-md: 10px;    /* section padding-top/bottom, term items */
+      --w-space-v-lg: 12px;    /* header, discussions, meta padding-v */
+      --w-space-v-xl: 20px;    /* login form padding-top/bottom */
+
+      /* Spacing \u2014 horizontal */
+      --w-space-h-sm: 12px;    /* login form inner padding */
+      --w-space-h-md: 16px;    /* global horizontal gutter */
+      --w-space-h-lg: 18px;    /* login outer horizontal padding */
+
+      /* Spacing \u2014 numeric scale (used by home view, skeleton loaders) */
+      --w-space-1:  4px;
+      --w-space-2:  8px;
+      --w-space-3: 12px;
+      --w-space-4: 16px;
+
+      /* Border */
+      --w-border-width: 1px;                   /* all interactive element borders */
+
+      /* Border radii */
+      --w-radius-xs:   3px;    /* tiny elements, pm editor btn */
+      --w-radius-1:    4px;    /* home view rows, search bar */
+      --w-radius-sm:   4px;    /* tabs, capture-btn, suggestions, pm btns */
+      --w-radius-md:   5px;    /* action-btn */
+      --w-radius-lg:   6px;    /* inputs, SSO btns, form submits, toast, modal */
+      --w-radius-pill: 10px;   /* term pills */
+
+      /* Panel dimensions */
+      --w-panel-width: 400px;
+
+      /* Spinner */
+      --w-spinner-size:   34px;
+      --w-spinner-border:  3px;
+    }
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+    .panel-shell {
+      position: fixed; top: 0; right: 0; bottom: 0;
+      width: var(--w-panel-width); max-width: 100vw;
+      z-index: 2147483647;
+      transform: translateX(100%);
+      transition: transform 0.28s cubic-bezier(0.4,0,0.2,1), width 0.28s cubic-bezier(0.4,0,0.2,1);
+      
+      border-left: 0.5px solid var(--unn-color-border-default);
+      box-shadow: inset 6px 0 12px rgba(0,0,0,0.06), inset -4px 0 10px rgba(0,0,0,0.04), inset 0 6px 12px rgba(0,0,0,0.06), inset 0 -4px 10px rgba(0,0,0,0.04);
+      padding: 3px;
+      display: flex; flex-direction: column;
+      background: var(--unn-color-bg-secondary, #f5f5f7);
+    }
+    .panel-shell.open { transform: translateX(0); }
+    .panel {
+      flex: 1; min-height: 0;
+      display: flex; flex-direction: column;
+      font-family: var(--unn-font-family);
+      background: var(--unn-color-bg-primary);
+      border-radius: 6px;
+      overflow: hidden;
+    }
+
+    /* Header */
+    .panel-header {
+      display: flex; align-items: center; justify-content: space-between;
+      padding: 5px 6px 5px 12px;
+      background: linear-gradient(160deg, #2c3440 0%, #1a1f27 100%);
+      color: var(--unn-color-text-inverse);
+      border-radius: 6px 6px 0 0; flex-shrink: 0;
+    }
+    .panel-header-brand { display: flex; align-items: baseline; gap: 4px; min-width: 0; }
+    .panel-title { font-size: var(--w-font-base); font-weight: var(--w-weight-bold); letter-spacing: 0.01em; white-space: nowrap; }
+    .panel-title-sep { font-size: var(--w-font-xs); opacity: 0.35; line-height: 1; }
+    .panel-subtitle { font-size: var(--w-font-xs); opacity: 0.60; white-space: nowrap; }
+    .panel-header-actions { display: flex; align-items: center; gap: 1px; flex-shrink: 0; }
+    .panel-header-separator { width: 1px; height: 11px; background: rgba(255,255,255,0.25); margin: 0 3px; flex-shrink: 0; }
+    .panel-close, .panel-popout, .panel-dock, .panel-pin-left, .panel-pin-right,
+    .panel-half, .panel-half-exit,
+    .panel-fullscreen, .panel-fullscreen-exit {
+      background: none; border: none; cursor: pointer; color: var(--unn-color-text-inverse);
+      width: 24px; height: 24px;
+      display: flex; align-items: center; justify-content: center;
+      border-radius: var(--w-radius-xs); opacity: 0.75; transition: opacity 0.15s, background 0.15s;
+    }
+    .panel-close:hover, .panel-popout:hover, .panel-dock:hover,
+    .panel-pin-left:hover, .panel-pin-right:hover,
+    .panel-half:hover, .panel-half-exit:hover,
+    .panel-fullscreen:hover, .panel-fullscreen-exit:hover { opacity: 1; background: rgba(255,255,255,0.18); }
+    .panel-close svg, .panel-popout svg, .panel-dock svg,
+    .panel-half svg, .panel-half-exit svg,
+    .panel-fullscreen svg, .panel-fullscreen-exit svg { width: 14px; height: 14px; fill: currentColor; stroke: none; }
+    .panel-pin-left svg, .panel-pin-right svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 16; }
+    .panel-pin-right svg { transform: scaleX(-1); }
+    .panel-popout[hidden], .panel-dock[hidden] { display: none !important; }
+    .panel-half[hidden], .panel-half-exit[hidden] { display: none !important; }
+    .panel-pin-left.active, .panel-pin-right.active { background: rgba(255,255,255,0.25) !important; opacity: 1 !important; }
+
+    /* Left-side docking */
+    .panel-shell.left-side {
+      right: auto; left: 0;
+      transform: translateX(-100%);
+      border-left: none;
+      border-right: 0.5px solid var(--unn-color-border-default);
+    }
+    .panel-shell.left-side.open { transform: translateX(0); }
+
+    /* Half-screen (50vw) */
+    .panel-shell.half-screen {
+      width: 50vw !important; max-width: 50vw !important;
+    }
+
+    /* Fullscreen */
+    .panel-shell.fullscreen {
+      left: 0 !important; right: 0 !important;
+      width: 100vw !important; max-width: 100vw !important;
+      transform: none !important;
+      border-radius: 0 !important;
+      border: none !important;
+      box-shadow: none !important;
+      padding: 0 !important;
+      background: transparent !important;
+    }
+    .panel-shell.fullscreen.open { transform: none !important; }
+    .panel-shell.fullscreen .panel { border-radius: 0 !important; }
+    .panel-fullscreen[hidden], .panel-fullscreen-exit[hidden] { display: none !important; }
+
+    /* Body */
+    .panel-body { flex: 1; overflow-y: auto; display: flex; flex-direction: column; }
+
+    /* Footer */
+    .panel-footer {
+      padding: 4px 14px; border-top: 1px solid var(--unn-color-border-default);
+      display: flex; align-items: center; justify-content: center; flex-shrink: 0;
+    }
+    .panel-footer a { font-size: var(--w-font-xs); color: var(--unn-color-text-subtle); text-decoration: none; opacity: 0.8; }
+    .panel-footer a:hover { color: var(--unn-color-text-muted); opacity: 1; }
+
+    /* ---- Utility states ---- */
+    .state-center {
+      flex: 1; display: flex; flex-direction: column;
+      align-items: center; justify-content: center;
+      gap: 14px; padding: 24px;
+    }
+    .spinner {
+      width: var(--w-spinner-size); height: var(--w-spinner-size);
+      border: var(--w-spinner-border) solid var(--unn-color-border-default); border-top-color: var(--unn-color-brand-primary);
+      border-radius: 50%;
+      animation: spin 0.7s linear infinite;
+    }
+    @keyframes spin { to { transform: rotate(360deg); } }
+    .state-msg { font-size: var(--w-font-base); color: var(--unn-color-text-muted); text-align: center; line-height: 1.5; }
+    .state-error-icon { stroke: var(--unn-color-status-error); fill: none; width: 40px; height: 40px; }
+
+    /* ---- Login view ---- */
+    .login-form {
+      padding: var(--w-space-v-xl) var(--w-space-h-lg);
+      display: flex; flex-direction: column; gap: 14px;
+    }
+    .login-heading {
+      font-size: var(--w-font-xl); font-weight: var(--w-weight-semi); color: var(--unn-color-text-primary); text-align: center;
+    }
+    .login-sub {
+      font-size: var(--w-font-sm); color: var(--unn-color-text-muted); text-align: center; margin-top: -8px;
+    }
+    .form-field { display: flex; flex-direction: column; gap: 5px; }
+    .form-label { font-size: var(--w-font-sm); font-weight: var(--w-weight-medium); color: var(--unn-color-text-body); }
+    .form-input {
+      width: 100%; padding: 9px 12px;
+      border: var(--w-border-width) solid var(--unn-color-border-subtle); border-radius: var(--w-radius-lg);
+      font-size: var(--w-font-md); color: var(--unn-color-text-primary);
+      outline: none; transition: border-color 0.15s;
+    }
+    .form-input:focus { border-color: var(--unn-color-brand-primary); }
+    .form-submit {
+      width: 100%; padding: 10px 16px;
+      background: var(--unn-color-brand-primary); color: var(--unn-color-text-inverse);
+      border: none; border-radius: var(--w-radius-lg);
+      font-size: var(--w-font-md); font-weight: var(--w-weight-semi); cursor: pointer;
+      transition: opacity 0.15s, transform 0.1s;
+    }
+    .form-submit:hover { opacity: 0.9; }
+    .form-submit:active { transform: scale(0.98); }
+    .form-submit:disabled { opacity: 0.6; cursor: not-allowed; }
+    .login-error {
+      font-size: var(--w-font-sm); color: var(--unn-color-status-error);
+      background: var(--unn-color-error-tint); border: 1px solid var(--unn-color-error-tint-border);
+      border-radius: var(--w-radius-sm); padding: 8px 10px;
+      display: none;
+    }
+    .login-error.visible { display: block; }
+    .login-back-btn {
+      all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 3px;
+      font-size: var(--w-font-sm); color: var(--unn-color-text-muted);
+      margin-bottom: -4px;
+    }
+    .login-back-btn:hover { color: var(--unn-color-text-primary); }
+
+    /* ---- SSO buttons ---- */
+    .sso-divider {
+      display: flex; align-items: center; gap: 10px; margin: 4px 0;
+    }
+    .sso-divider-line {
+      flex: 1; height: 1px; background: var(--unn-color-border-default);
+    }
+    .sso-divider-text {
+      font-size: var(--w-font-xs); color: var(--unn-color-text-muted); white-space: nowrap;
+    }
+    .sso-buttons { display: flex; flex-direction: column; gap: 8px; }
+    .sso-btn {
+      display: flex; align-items: center; justify-content: center; gap: 10px;
+      width: 100%; padding: 9px 12px;
+      border: var(--w-border-width) solid var(--unn-color-border-subtle); border-radius: var(--w-radius-lg);
+      background: var(--unn-color-bg-primary); color: var(--unn-color-text-primary);
+      font-size: var(--w-font-base); font-weight: var(--w-weight-medium); cursor: pointer;
+      transition: background 0.15s, border-color 0.15s;
+    }
+    .sso-btn:hover { background: var(--unn-color-bg-subtle); border-color: var(--unn-color-border-default); }
+    .sso-btn svg { flex-shrink: 0; }
+
+    /* ---- Search ---- */
+    .search-bar {
+      padding: var(--w-space-v-md) var(--w-space-h-md); border-bottom: 1px solid var(--unn-color-border-default);
+      flex-shrink: 0;
+    }
+    .search-input {
+      width: 100%; padding: 8px 12px;
+      border: var(--w-border-width) solid var(--unn-color-border-subtle); border-radius: var(--w-radius-lg);
+      font-size: var(--w-font-base); color: var(--unn-color-text-primary);
+      outline: none; transition: border-color 0.15s;
+    }
+    .search-input:focus { border-color: var(--unn-color-brand-primary); }
+
+    /* ---- Terms list ---- */
+    .terms-list { flex: 1; overflow-y: auto; padding: 0; }
+    .context-label {
+      padding: 10px 18px 6px;
+      font-size: var(--w-font-xs); font-weight: var(--w-weight-semi); color: var(--unn-color-text-subtle);
+      text-transform: uppercase; letter-spacing: 0.05em;
+    }
+    .term-item {
+      padding: var(--w-space-v-md) var(--w-space-h-md);
+      border-bottom: 1px solid var(--unn-color-border-default);
+      cursor: default;
+      transition: background 0.1s;
+    }
+    .term-item:hover { background: var(--unn-color-bg-secondary); }
+    .term-name {
+      font-size: var(--w-font-md); font-weight: var(--w-weight-semi); color: var(--unn-color-text-primary);
+      display: flex; align-items: center; gap: 6px;
+    }
+    .term-abbr {
+      font-size: var(--w-font-xxs); font-weight: var(--w-weight-medium);
+      background: var(--unn-color-accent-tint-bg); color: var(--unn-color-accent-strong);
+      border-radius: var(--w-radius-xs); padding: 1px 5px;
+    }
+    .term-def {
+      font-size: var(--w-font-sm); color: var(--unn-color-text-muted); margin-top: 4px; line-height: 1.5;
+    }
+    .term-link {
+      font-size: var(--w-font-xs); color: var(--unn-color-brand-primary);
+      text-decoration: none; margin-top: 4px; display: inline-block;
+    }
+    .term-link:hover { text-decoration: underline; }
+    .no-results {
+      padding: 28px 18px; text-align: center;
+      font-size: var(--w-font-base); color: var(--unn-color-text-subtle);
+    }
+
+    /* ---- Term card (clickable row inside list item) ---- */
+    .term-card {
+      cursor: pointer;
+    }
+    .term-card:hover .term-name { color: var(--unn-color-brand-primary); }
+
+    /* ---- Term detail view ---- */
+    .term-detail-view {
+      display: flex; flex-direction: column; flex: 1; overflow-y: auto;
+    }
+    .detail-back {
+      display: flex; align-items: center;
+      padding: 10px 18px; border-bottom: 1px solid var(--unn-color-border-default); flex-shrink: 0;
+    }
+    .back-btn {
+      background: none; border: none; cursor: pointer;
+      font-size: var(--w-font-base); color: var(--unn-color-brand-primary); font-weight: var(--w-weight-medium);
+      display: flex; align-items: center; gap: 4px; padding: 4px 0;
+    }
+    .back-btn:hover { text-decoration: underline; }
+    .detail-content {
+      padding: 18px 18px 10px;
+    }
+    .detail-term-name {
+      font-size: var(--w-font-xl); font-weight: var(--w-weight-bold); color: var(--unn-color-text-primary);
+    }
+    .detail-term-def {
+      font-size: var(--w-font-base); color: var(--unn-color-text-muted); margin-top: 8px; line-height: 1.6;
+    }
+    .detail-actions {
+      display: flex; gap: 8px;
+      padding: 10px 18px; border-bottom: 1px solid var(--unn-color-border-default); flex-shrink: 0;
+    }
+    .action-btn {
+      padding: 7px 14px; border-radius: var(--w-radius-md); font-size: var(--w-font-base); font-weight: var(--w-weight-medium);
+      cursor: pointer; border: var(--w-border-width) solid var(--unn-color-brand-primary);
+      background: var(--unn-color-bg-primary); color: var(--unn-color-brand-primary);
+      transition: background 0.15s, color 0.15s;
+    }
+    .action-btn:hover { background: var(--unn-color-brand-primary); color: var(--unn-color-text-inverse); }
+    .discussions-section { padding: var(--w-space-v-lg) var(--w-space-h-md); flex: 1; }
+    .discussions-heading {
+      font-size: var(--w-font-xs); font-weight: var(--w-weight-semi); color: var(--unn-color-text-subtle);
+      text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 10px;
+    }
+    .discussion-post {
+      padding: var(--w-space-v-sm) var(--w-space-h-sm);
+      border-bottom: 1px solid var(--unn-color-border-default);
+      font-size: var(--w-font-base); color: var(--unn-color-text-body);
+      line-height: 1.5;
+    }
+    .discussion-post:last-child { border-bottom: none; }
+    .discussions-empty {
+      font-size: var(--w-font-base); color: var(--unn-color-text-subtle); text-align: center; padding: 16px 0;
+    }
+
+    /* ---- Comment form view ---- */
+    .comment-form-view {
+      display: flex; flex-direction: column; flex: 1; overflow-y: auto;
+    }
+    .comment-textarea {
+      margin: var(--w-space-v-lg) var(--w-space-h-md); padding: var(--w-space-v-sm) 12px;
+      border: var(--w-border-width) solid var(--unn-color-border-subtle); border-radius: var(--w-radius-lg);
+      font-size: var(--w-font-base); color: var(--unn-color-text-primary); min-height: 100px; resize: vertical;
+      outline: none; transition: border-color 0.15s;
+      font-family: inherit;
+    }
+    .comment-textarea:focus { border-color: var(--unn-color-brand-primary); }
+    .comment-submit {
+      margin: 0 18px; padding: 10px 16px;
+      background: var(--unn-color-brand-primary); color: var(--unn-color-text-inverse);
+      border: none; border-radius: var(--w-radius-lg);
+      font-size: var(--w-font-md); font-weight: var(--w-weight-semi); cursor: pointer;
+      transition: opacity 0.15s;
+    }
+    .comment-submit:hover { opacity: 0.9; }
+    .comment-submit:disabled { opacity: 0.6; cursor: not-allowed; }
+
+    /* ---- Edit form view ---- */
+    .edit-form-view {
+      display: flex; flex-direction: column; flex: 1; overflow-y: auto;
+      padding: var(--w-space-v-lg) var(--w-space-h-md); gap: 12px;
+    }
+    .edit-label {
+      font-size: var(--w-font-sm); font-weight: var(--w-weight-medium); color: var(--unn-color-text-body);
+      margin-bottom: 4px; display: block;
+    }
+    .edit-input {
+      width: 100%; padding: 9px 12px;
+      border: var(--w-border-width) solid var(--unn-color-border-subtle); border-radius: var(--w-radius-lg);
+      font-size: var(--w-font-md); color: var(--unn-color-text-primary);
+      outline: none; transition: border-color 0.15s;
+    }
+    .edit-input:focus { border-color: var(--unn-color-brand-primary); }
+    .edit-textarea {
+      width: 100%; padding: 9px 12px;
+      border: var(--w-border-width) solid var(--unn-color-border-subtle); border-radius: var(--w-radius-lg);
+      font-size: var(--w-font-base); color: var(--unn-color-text-primary); min-height: 80px; resize: vertical;
+      outline: none; transition: border-color 0.15s;
+      font-family: inherit;
+    }
+    .edit-textarea:focus { border-color: var(--unn-color-brand-primary); }
+    .edit-submit {
+      padding: 10px 16px;
+      background: var(--unn-color-brand-primary); color: var(--unn-color-text-inverse);
+      border: none; border-radius: var(--w-radius-lg);
+      font-size: var(--w-font-md); font-weight: var(--w-weight-semi); cursor: pointer;
+      transition: opacity 0.15s;
+    }
+    .edit-submit:hover { opacity: 0.9; }
+
+    /* ---- Suggested terms section ---- */
+    .suggestions-section { padding: var(--w-space-v-md) var(--w-space-h-md) 16px; }
+    .suggestions-heading {
+      font-size: var(--w-font-xs); font-weight: var(--w-weight-semi); color: var(--unn-color-text-subtle);
+      text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 8px;
+    }
+    .suggestion-item {
+      display: flex; align-items: center; justify-content: space-between;
+      padding: 8px 0; border-bottom: 1px solid var(--unn-color-border-default);
+    }
+    .suggestion-item:last-child { border-bottom: none; }
+    .suggestion-info { display: flex; flex-direction: column; gap: 2px; }
+    .suggestion-term { font-size: var(--w-font-base); font-weight: var(--w-weight-semi); color: var(--unn-color-text-primary); }
+    .suggestion-count { font-size: var(--w-font-xs); color: var(--unn-color-text-subtle); }
+    .suggestion-add {
+      padding: 4px 10px; border-radius: var(--w-radius-sm); font-size: var(--w-font-sm); font-weight: var(--w-weight-medium);
+      cursor: pointer; border: var(--w-border-width) solid var(--unn-color-brand-primary);
+      background: var(--unn-color-bg-primary); color: var(--unn-color-brand-primary);
+      flex-shrink: 0;
+      transition: background 0.15s, color 0.15s;
+    }
+    .suggestion-add:hover { background: var(--unn-color-brand-primary); color: var(--unn-color-text-inverse); }
+
+    /* ---- AI definition modal ---- */
+    .ai-modal-overlay {
+      position: absolute; inset: 0;
+      background: rgba(255,255,255,0.96);
+      display: flex; flex-direction: column;
+      z-index: 10; padding: 24px 20px; gap: 14px;
+      overflow-y: auto;
+    }
+    .ai-modal-title {
+      font-size: var(--w-font-md); font-weight: var(--w-weight-semi); color: var(--unn-color-text-primary);
+    }
+    .ai-modal-term {
+      font-size: var(--w-font-display); font-weight: var(--w-weight-bold); color: var(--unn-color-brand-primary);
+    }
+    .ai-modal-label {
+      font-size: var(--w-font-sm); font-weight: var(--w-weight-medium); color: var(--unn-color-text-body); margin-bottom: 4px; display: block;
+    }
+    .ai-modal-textarea {
+      width: 100%; padding: 9px 12px;
+      border: var(--w-border-width) solid var(--unn-color-border-subtle); border-radius: var(--w-radius-lg);
+      font-size: var(--w-font-base); color: var(--unn-color-text-primary); min-height: 120px; resize: vertical;
+      outline: none; transition: border-color 0.15s;
+      font-family: inherit;
+    }
+    .ai-modal-textarea:focus { border-color: var(--unn-color-brand-primary); }
+    .ai-modal-char-count { font-size: var(--w-font-xs); color: var(--unn-color-text-subtle); text-align: right; }
+    .ai-modal-actions { display: flex; gap: 8px; }
+    .ai-modal-submit {
+      flex: 1; padding: 10px 16px;
+      background: var(--unn-color-brand-primary); color: var(--unn-color-text-inverse);
+      border: none; border-radius: var(--w-radius-lg);
+      font-size: var(--w-font-md); font-weight: var(--w-weight-semi); cursor: pointer;
+      transition: opacity 0.15s;
+    }
+    .ai-modal-submit:hover { opacity: 0.9; }
+    .ai-modal-submit:disabled { opacity: 0.6; cursor: not-allowed; }
+    .ai-modal-cancel {
+      padding: 10px 16px; border-radius: var(--w-radius-lg); font-size: var(--w-font-md);
+      font-weight: var(--w-weight-medium); cursor: pointer;
+      border: var(--w-border-width) solid var(--unn-color-border-subtle); background: var(--unn-color-bg-primary); color: var(--unn-color-text-body);
+      transition: border-color 0.15s;
+    }
+    .ai-modal-cancel:hover { border-color: var(--unn-color-text-subtle); }
+
+    /* ---- Toast notification ---- */
+    .toast {
+      position: absolute; bottom: 60px; left: 16px; right: 16px;
+      background: var(--unn-color-brand-dark); color: var(--unn-color-text-inverse);
+      padding: 10px 14px; border-radius: var(--w-radius-lg);
+      font-size: var(--w-font-base); font-weight: var(--w-weight-medium);
+      z-index: 20; text-align: center;
+      animation: toast-in 0.2s ease;
+    }
+    @keyframes toast-in {
+      from { opacity: 0; transform: translateY(8px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+
+    /* ---- UI States action bar (captures + tab nav) ---- */
+    .action-bar {
+      display: flex; align-items: center; justify-content: space-between;
+      padding: 8px 18px; border-bottom: 1px solid var(--unn-color-border-default);
+      flex-shrink: 0; gap: 8px;
+    }
+    .action-bar-tabs { display: flex; gap: 4px; }
+    .tab-btn {
+      padding: 5px 12px; border-radius: var(--w-radius-sm); font-size: var(--w-font-sm); font-weight: var(--w-weight-medium);
+      cursor: pointer; border: var(--w-border-width) solid transparent;
+      background: var(--unn-color-bg-tertiary); color: var(--unn-color-text-muted);
+      transition: background 0.15s, color 0.15s;
+    }
+    .tab-btn:hover { background: var(--unn-color-border-default); color: var(--unn-color-text-body); }
+    .tab-btn.active {
+      background: var(--unn-color-brand-primary); color: var(--unn-color-text-inverse); border-color: var(--unn-color-brand-primary);
+    }
+    .capture-btn {
+      padding: 5px 12px; border-radius: var(--w-radius-sm); font-size: var(--w-font-sm); font-weight: var(--w-weight-semi);
+      cursor: pointer;
+      border: var(--w-border-width) solid var(--unn-color-brand-primary); background: var(--unn-color-bg-primary); color: var(--unn-color-brand-primary);
+      transition: background 0.15s, color 0.15s, opacity 0.15s;
+      display: flex; align-items: center; gap: 5px;
+      white-space: nowrap;
+    }
+    .capture-btn:hover { background: var(--unn-color-brand-primary); color: var(--unn-color-text-inverse); }
+    .capture-btn:active { transform: scale(0.97); }
+    .capture-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+    .capture-btn svg { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 2; }
+
+    /* ---- UI States list view ---- */
+    .ui-states-list {
+      flex: 1; overflow-y: auto; padding: 0;
+    }
+    .ui-state-item {
+      padding: var(--w-space-v-md) var(--w-space-h-md); border-bottom: 1px solid var(--unn-color-border-default);
+      transition: background 0.1s;
+    }
+    .ui-state-item:hover { background: var(--unn-color-bg-secondary); }
+    .ui-state-url {
+      font-size: var(--w-font-base); font-weight: var(--w-weight-semi); color: var(--unn-color-text-primary);
+      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+      max-width: 280px;
+    }
+    .ui-state-meta {
+      font-size: var(--w-font-xs); color: var(--unn-color-text-subtle); margin-top: 3px;
+      display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
+    }
+    .ui-state-role-badge {
+      font-size: var(--w-font-xxs); font-weight: var(--w-weight-semi); padding: 1px 6px;
+      border-radius: var(--w-radius-xs); background: var(--unn-color-accent-tint-bg); color: var(--unn-color-accent-strong);
+      text-transform: uppercase; letter-spacing: 0.04em;
+    }
+    .ui-state-terms-preview {
+      font-size: var(--w-font-xs); color: var(--unn-color-text-muted); margin-top: 4px;
+    }
+    .ui-state-actions {
+      margin-top: 8px; display: flex; gap: 6px;
+    }
+    .view-detail-btn {
+      padding: 4px 10px; border-radius: var(--w-radius-sm); font-size: var(--w-font-sm); font-weight: var(--w-weight-medium);
+      cursor: pointer; border: var(--w-border-width) solid var(--unn-color-brand-primary);
+      background: var(--unn-color-bg-primary); color: var(--unn-color-brand-primary);
+      transition: background 0.15s, color 0.15s;
+    }
+    .view-detail-btn:hover { background: var(--unn-color-brand-primary); color: var(--unn-color-text-inverse); }
+
+    /* ---- Load more ---- */
+    .load-more-container { padding: var(--w-space-v-md) var(--w-space-h-md); text-align: center; }
+    .load-more-btn {
+      width: 100%; padding: 8px 16px; border-radius: var(--w-radius-lg);
+      font-size: var(--w-font-base); font-weight: var(--w-weight-medium); cursor: pointer;
+      border: var(--w-border-width) solid var(--unn-color-border-subtle); background: var(--unn-color-bg-primary); color: var(--unn-color-text-body);
+      transition: background 0.15s;
+    }
+    .load-more-btn:hover { background: var(--unn-color-bg-tertiary); }
+
+    /* ---- UI States empty state ---- */
+    .ui-states-empty {
+      padding: 40px 18px; text-align: center;
+    }
+    .ui-states-empty-icon {
+      width: 40px; height: 40px; stroke: var(--unn-color-border-subtle); fill: none;
+      margin: 0 auto 12px;
+    }
+    .ui-states-empty-text {
+      font-size: var(--w-font-base); color: var(--unn-color-text-subtle); line-height: 1.5;
+    }
+
+    /* ---- UI State detail view ---- */
+    .ui-state-detail-view {
+      display: flex; flex-direction: column; flex: 1; overflow-y: auto;
+    }
+    .detail-meta-section { padding: var(--w-space-v-lg) var(--w-space-h-md); border-bottom: 1px solid var(--unn-color-border-default); }
+    .detail-page-title {
+      font-size: var(--w-font-lg, 15px); font-weight: var(--w-weight-semi); color: var(--unn-color-text-primary);
+      padding: var(--w-space-v-md) var(--w-space-h-md) 2px; flex-shrink: 0;
+    }
+    .detail-meta-row {
+      display: flex; gap: 12px; font-size: var(--w-font-sm); color: var(--unn-color-text-muted);
+      flex-wrap: wrap; align-items: center;
+    }
+    .detail-section { padding: var(--w-space-v-md) var(--w-space-h-md); border-bottom: 1px solid var(--unn-color-border-default); }
+    .detail-section-heading {
+      font-size: var(--w-font-xs); font-weight: var(--w-weight-semi); color: var(--unn-color-text-subtle);
+      text-transform: uppercase; letter-spacing: 0.05em;
+      margin-bottom: 8px; display: flex; justify-content: space-between;
+      align-items: center; cursor: pointer; user-select: none;
+    }
+    .detail-section-heading svg {
+      width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2;
+      transition: transform 0.2s;
+    }
+    .detail-section-heading.collapsed svg { transform: rotate(-90deg); }
+    .detail-section-content { display: flex; flex-wrap: wrap; gap: 6px; }
+    .detail-section-content.collapsed { display: none; }
+    .detail-section-list {
+      font-size: var(--w-font-sm); color: var(--unn-color-text-body); line-height: 1.6;
+      padding-left: 16px;
+    }
+    .detail-section-list.collapsed { display: none; }
+
+    /* ---- Term pill / link in state detail ---- */
+    .ui-state-term-link {
+      display: inline-flex; align-items: center;
+      padding: 3px 10px; border-radius: var(--w-radius-pill);
+      font-size: var(--w-font-xs); font-weight: var(--w-weight-semi);
+      background: var(--unn-color-accent-tint-bg); color: var(--unn-color-accent-strong);
+      cursor: pointer; border: none;
+      transition: background 0.15s, color 0.15s;
+    }
+    .ui-state-term-link:hover { background: var(--unn-color-accent-strong); color: var(--unn-color-text-inverse); }
+
+    /* ---- Product Memory section ---- */
+    .product-memory-section {
+      padding: 10px var(--w-space-h-md);
+      border-top: 1px solid var(--unn-color-border-default);
+    }
+    .product-memory-heading {
+      font-size: var(--w-font-xxs); font-weight: var(--w-weight-bold); color: var(--unn-color-text-muted);
+      text-transform: uppercase; letter-spacing: 0.05em;
+      margin-bottom: 8px;
+    }
+    .product-memory-text {
+      font-size: var(--w-font-base); color: var(--unn-color-text-primary); line-height: 1.6;
+      white-space: pre-wrap; word-break: break-word;
+      margin-bottom: 8px;
+    }
+    .product-memory-textarea {
+      width: 100%; box-sizing: border-box;
+      font-size: var(--w-font-base); color: var(--unn-color-text-primary); line-height: 1.6;
+      border: 1px solid var(--unn-color-border-subtle); border-radius: var(--w-radius-sm);
+      padding: 8px 10px; resize: vertical; min-height: 80px;
+      font-family: inherit; background: var(--unn-color-bg-primary);
+      margin-bottom: 8px;
+    }
+    .product-memory-textarea:focus {
+      outline: none; border-color: var(--unn-color-brand-primary);
+      box-shadow: 0 0 0 2px var(--unn-focus-ring-color);
+    }
+    .product-memory-actions {
+      display: flex; gap: 6px; justify-content: flex-end;
+    }
+    .product-memory-edit-btn {
+      font-size: var(--w-font-sm); font-weight: var(--w-weight-semi); color: var(--unn-color-accent);
+      background: none; border: none; cursor: pointer;
+      padding: 4px 8px; border-radius: var(--w-radius-xs);
+    }
+    .product-memory-edit-btn:hover { background: var(--unn-color-accent-tint-bg); }
+    .product-memory-delete-entry-btn {
+      font-size: var(--w-font-sm); color: var(--unn-color-text-muted);
+      background: none; border: none; cursor: pointer;
+      padding: 4px 6px; border-radius: var(--w-radius-xs);
+      opacity: 0.7;
+    }
+    .product-memory-delete-entry-btn:hover { 
+      background: #fee; color: #d63; opacity: 1; 
+    }
+    .product-memory-save-btn {
+      font-size: var(--w-font-sm); font-weight: var(--w-weight-semi); color: var(--unn-color-text-inverse);
+      background: var(--unn-color-brand-primary); border: none; cursor: pointer;
+      padding: 5px 14px; border-radius: var(--w-radius-sm);
+    }
+    .product-memory-save-btn:hover { opacity: 0.85; }
+    .product-memory-save-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+    .product-memory-cancel-btn {
+      font-size: var(--w-font-sm); font-weight: var(--w-weight-semi); color: var(--unn-color-text-muted);
+      background: none; border: 1px solid var(--unn-color-border-subtle); cursor: pointer;
+      padding: 4px 10px; border-radius: var(--w-radius-sm);
+    }
+    .product-memory-cancel-btn:hover { background: var(--unn-color-bg-tertiary); }
+    .detail-actions {
+      display: flex;
+      gap: 6px;
+      justify-content: space-between;
+      align-items: center;
+      padding: var(--w-space-v-md) var(--w-space-h-md);
+      border-top: 1px solid var(--unn-color-border-subtle);
+      margin-top: 4px;
+    }
+    .detail-delete-btn, .detail-add-btn {
+      font-size: var(--w-font-xs); font-weight: 500; border: none;
+      border-radius: var(--w-radius-sm); cursor: pointer; padding: 5px 12px;
+    }
+    .detail-delete-btn {
+      background: var(--unn-color-bg-tertiary);
+      color: var(--unn-color-text-muted);
+    }
+    .detail-delete-btn:hover {
+      background: var(--unn-color-border-default);
+    }
+    .detail-add-btn {
+      background: var(--unn-color-brand-primary);
+      color: #fff;
+    }
+    .detail-add-btn:hover {
+      opacity: 0.88;
+    }
+
+    /* ---- Snapshot preview in state-detail view ---- */
+    .ui-state-snapshot-preview {
+      max-height: 180px; overflow: hidden;
+      border-bottom: 1px solid var(--unn-color-border-default);
+      background: var(--unn-color-bg-secondary);
+      padding: 6px var(--w-space-h-md);
+    }
+    .ui-state-snapshot-preview * { pointer-events: none; }
+
+    /* ---- Replay highlight (glossary terms on page) ---- */
+    .unnoodle-replay-highlight {
+      background: var(--unn-color-accent-tint);
+      border-bottom: 2px solid var(--unn-color-brand-primary);
+      border-radius: 2px;
+      animation: replay-pulse 0.6s ease-out;
+    }
+    @keyframes replay-pulse {
+      from { background: var(--unn-color-accent-tint-strong); }
+      to   { background: var(--unn-color-accent-tint); }
+    }
+
+    /* ---- Drag-resize handle ---- */
+    .panel-resize-handle {
+      position: absolute; left: 0; top: 0; bottom: 0;
+      width: 6px; cursor: col-resize; z-index: 10;
+    }
+    .panel-resize-handle:hover { background: var(--unn-color-accent-tint); }
+    .panel-shell.left-side .panel-resize-handle { left: auto; right: 0; }
+
+    /* ---- Skeleton loaders ---- */
+    @keyframes skeleton-shimmer {
+      0%   { background-position: -400px 0; }
+      100% { background-position: 400px 0; }
+    }
+    .skeleton-line {
+      border-radius: 4px;
+      background: linear-gradient(90deg,
+        var(--unn-color-border) 25%,
+        color-mix(in srgb, var(--unn-color-border) 40%, var(--unn-color-bg)) 50%,
+        var(--unn-color-border) 75%);
+      background-size: 800px 100%;
+      animation: skeleton-shimmer 1.4s infinite linear;
+    }
+    .skeleton-home {
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      text-align: center;
+    }
+    .skeleton-loading-header {
+      padding: 0 24px 32px;
+    }
+    .skeleton-loading-brand {
+      font-size: 20px; font-weight: 700;
+      color: var(--unn-color-brand-primary);
+      letter-spacing: -0.01em;
+      margin-bottom: 12px;
+    }
+    .skeleton-loading-title {
+      font-size: var(--w-font-base); font-weight: 600;
+      color: var(--unn-color-text-primary);
+      margin-bottom: 6px;
+    }
+    .skeleton-loading-sub {
+      font-size: var(--w-font-sm);
+      color: var(--unn-color-text-subtle);
+    }
+    .skeleton-body {
+      width: 100%; padding: 0 24px;
+      display: flex; flex-direction: column; gap: 16px;
+    }
+    .skeleton-strip {
+      padding: 10px 0 8px;
+    }
+    .skeleton-section {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+      padding-bottom: var(--w-space-2);
+    }
+    .skeleton-section-head {
+      height: 9px;
+      width: 28%;
+      border-radius: 4px;
+      background: linear-gradient(90deg,
+        var(--unn-color-border) 25%,
+        color-mix(in srgb, var(--unn-color-border) 40%, var(--unn-color-bg)) 50%,
+        var(--unn-color-border) 75%);
+      background-size: 800px 100%;
+      animation: skeleton-shimmer 1.4s infinite linear;
+      margin-bottom: 4px;
+    }
+    .skeleton-row {
+      height: 24px;
+      display: flex;
+      align-items: center;
+      border-radius: var(--w-radius-1);
+    }
+
+    /* ---- Home view layout ---- */
+    .home-view {
+      display: flex; flex-direction: column; height: 100%; overflow: hidden;
+      background: var(--unn-color-bg-primary);
+    }
+
+    /* ---- Context strip \u2014 always visible action toolbar ---- */
+    .context-strip {
+      display: flex; align-items: center; gap: 6px;
+      padding: 6px 10px;
+      border-bottom: 1px solid var(--unn-color-border-default);
+      flex-shrink: 0;
+      min-height: 38px;
+    }
+    .strip-idle {
+      display: flex; align-items: center; gap: 6px; width: 100%;
+    }
+    .strip-btn {
+      display: inline-flex; align-items: center; gap: 4px;
+      padding: 3px 10px; border-radius: var(--w-radius-lg);
+      border: 1px solid var(--unn-color-border-default);
+      background: var(--unn-color-bg-secondary);
+      color: var(--unn-color-text-secondary); font-size: var(--w-font-sm);
+      cursor: pointer; transition: background 0.15s, color 0.15s;
+    }
+    .strip-btn:hover { background: var(--unn-color-bg-hover); color: var(--unn-color-text-primary); }
+    .strip-btn svg { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
+    /* Pick-mode state */
+    .pick-mode-prompt {
+      display: none; align-items: center; gap: 8px; width: 100%;
+    }
+    .pick-prompt-text {
+      flex: 1; font-size: var(--w-font-sm); color: var(--unn-color-text-secondary);
+      font-style: italic;
+    }
+    .strip-cancel-btn {
+      padding: 2px 8px; border-radius: var(--w-radius-lg);
+      border: 1px solid var(--unn-color-border-default);
+      background: transparent; color: var(--unn-color-text-secondary);
+      font-size: var(--w-font-xs); cursor: pointer;
+    }
+    .strip-cancel-btn:hover { color: var(--unn-color-text-primary); border-color: var(--unn-color-text-primary); }
+    /* Capture-describe view */
+    .capture-describe-view {
+      display: none; flex-direction: column; gap: 6px; width: 100%; padding: 4px 0;
+    }
+    .capture-snapshot-preview {
+      max-height: 120px; overflow: hidden; border-radius: var(--w-radius-1);
+      border: 1px solid var(--unn-color-border-default);
+      background: var(--unn-color-bg-secondary);
+    }
+    .capture-snapshot-meta {
+      font-size: var(--w-font-xs); color: var(--unn-color-text-secondary); padding: 2px 4px;
+    }
+    .capture-description-input {
+      width: 100%; box-sizing: border-box; resize: none;
+      border: 1px solid var(--unn-color-border-default);
+      border-radius: var(--w-radius-1);
+      background: var(--unn-color-bg-secondary);
+      color: var(--unn-color-text-primary); font-size: var(--w-font-sm);
+      padding: 6px 8px; outline: none; font-family: inherit;
+    }
+    .capture-description-input:focus { border-color: var(--unn-color-accent); }
+    .capture-error {
+      font-size: var(--w-font-xs); color: var(--unn-color-error, #d32f2f); margin: 0;
+    }
+    .capture-actions {
+      display: flex; gap: 6px; justify-content: flex-end;
+    }
+    .capture-save-btn {
+      padding: 3px 12px; border-radius: var(--w-radius-lg);
+      border: none; background: var(--unn-color-accent); color: #fff;
+      font-size: var(--w-font-sm); cursor: pointer;
+    }
+    .capture-save-btn:disabled { opacity: 0.6; cursor: not-allowed; }
+    /* Search bar \u2014 always visible */
+    .home-search-bar {
+      padding: 8px 10px 2px;
+      flex-shrink: 0;
+    }
+    .home-search-input {
+      width: 100%; box-sizing: border-box; height: 26px;
+      border: 1px solid var(--unn-color-border-default);
+      border-radius: var(--w-radius-lg);
+      background: var(--unn-color-bg-secondary);
+      color: var(--unn-color-text-primary); font-size: var(--w-font-sm);
+      padding: 0 10px; outline: none;
+      transition: border-color 0.15s, box-shadow 0.15s;
+    }
+    .home-search-input:focus {
+      border-color: var(--unn-color-brand-primary);
+      box-shadow: 0 0 0 3px var(--unn-color-brand-tint);
+    }
+
+    /* Sections scroll area */
+    .home-sections {
+      flex: 1; overflow-y: auto;
+      padding: 10px 10px 20px;
+      display: flex; flex-direction: column; gap: 24px;
+    }
+
+    /* ---- Sections \u2014 no card border, grouped by heading + spacing ---- */
+    .home-section { /* bare container, no border/bg */ }
+    .home-section:not(:last-child) {
+      border-bottom: 1px solid var(--unn-color-border-default);
+      padding-bottom: 20px;
+    }
+    .home-section-header {
+      display: flex; align-items: center; justify-content: space-between;
+      padding: 0 0 6px;
+    }
+    .home-section-title {
+      display: flex; align-items: center; gap: 6px;
+      font-size: 10px; font-weight: 700; letter-spacing: 0.07em;
+      text-transform: uppercase; color: var(--unn-color-text-muted);
+    }
+    .home-section-dot {
+      width: 12px; height: 12px; flex-shrink: 0;
+      display: flex; align-items: center; justify-content: center;
+    }
+    .home-section-dot svg {
+      width: 12px; height: 12px; display: block;
+    }
+    .home-section-add {
+      font-size: 15px; font-weight: 400; line-height: 1;
+      color: var(--unn-color-brand-primary);
+      background: transparent;
+      border: none; cursor: pointer;
+      padding: 0 2px; border-radius: var(--w-radius-sm);
+      transition: color 0.15s; flex-shrink: 0;
+    }
+    .home-section-add:hover { color: var(--unn-color-accent-strong); }
+    .home-section-add:disabled { color: var(--unn-color-text-subtle); cursor: default; }
+    .home-section-show-all {
+      font-size: 10px; font-weight: 400; line-height: 1;
+      color: var(--unn-color-text-secondary);
+      background: transparent;
+      border: none; cursor: pointer;
+      padding: 2px 4px; border-radius: var(--w-radius-sm);
+      transition: color 0.15s; flex-shrink: 0;
+      margin-right: 4px;
+    }
+    .home-section-show-all:hover { 
+      color: var(--unn-color-text); 
+      background: var(--unn-color-surface-subtle);
+    }
+    .home-section-helper {
+      font-size: 10px; color: var(--unn-color-text-subtle);
+      margin: -4px 0 6px; line-height: 1.4;
+    }
+
+    /* ---- Concept rows ---- */
+    .concept-row {
+      display: flex; align-items: center; gap: 8px;
+      padding: 6px 6px; cursor: pointer;
+      margin: 0 -6px;
+      transition: background 0.12s;
+      border-radius: var(--w-radius-sm);
+    }
+    .concept-row:hover { background: var(--unn-color-bg-secondary); }
+    .concept-row:hover .concept-name { color: var(--unn-color-brand-primary); }
+    .concept-name {
+      flex: 1; font-size: var(--w-font-base); font-weight: 500;
+      color: var(--unn-color-text-primary);
+      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+      transition: color 0.12s;
+    }
+    .concept-abbr {
+      font-size: var(--w-font-xs); color: var(--unn-color-accent-strong);
+      background: var(--unn-color-accent-tint-bg);
+      border-radius: var(--w-radius-pill);
+      padding: 1px 7px; white-space: nowrap; flex-shrink: 0; font-weight: 500;
+    }
+    .concept-chevron {
+      flex-shrink: 0; color: var(--unn-color-text-subtle);
+      opacity: 0.35; transition: opacity 0.12s, color 0.12s;
+    }
+    .concept-chevron svg { width: 12px; height: 12px; stroke: currentColor; fill: none; stroke-width: 2.5; }
+    .concept-row:hover .concept-chevron { opacity: 1; color: var(--unn-color-brand-primary); }
+    .concept-subheading {
+      font-size: 10px; font-weight: 700; letter-spacing: 0.06em;
+      text-transform: uppercase; color: var(--unn-color-text-subtle);
+      padding: 8px 0 4px; margin-top: 4px;
+    }
+    .concept-subheading:first-child { margin-top: 0; }
+
+    /* ---- Section empty states ---- */
+    .section-empty { padding: 14px 0 6px; text-align: left; }
+    .section-empty-title {
+      font-size: var(--w-font-sm); font-weight: 600;
+      color: var(--unn-color-text-body); margin-bottom: 4px;
+    }
+    .section-empty-text {
+      font-size: var(--w-font-sm); color: var(--unn-color-text-subtle); line-height: 1.5;
+      margin-bottom: 12px;
+    }
+    .section-empty-action {
+      all: unset; display: inline-flex; cursor: pointer;
+      font-size: var(--w-font-sm); font-weight: 500;
+      color: var(--unn-color-text-primary);
+      border: 1px solid var(--unn-color-border-default);
+      border-radius: var(--w-radius-sm);
+      padding: 5px 12px;
+      transition: background 0.15s, border-color 0.15s;
+    }
+    .section-empty-action:hover {
+      background: var(--unn-color-bg-secondary);
+      border-color: var(--unn-color-text-muted);
+    }
+
+    /* ---- Memory items in PRODUCT MEMORY home section ---- */
+    .memory-item {
+      display: flex; align-items: center; gap: 8px;
+      padding: 6px 6px; cursor: pointer;
+      margin: 0 -6px;
+      transition: background 0.12s;
+      border-radius: var(--w-radius-sm);
+    }
+    .memory-item:hover { background: var(--unn-color-bg-secondary); }
+    .memory-item:hover .memory-item-title { color: var(--unn-color-brand-primary); }
+    .memory-item:hover .concept-chevron { opacity: 1; color: var(--unn-color-brand-primary); }
+    .memory-item-content {
+      flex: 1; min-width: 0;
+    }
+    .memory-item-title {
+      font-size: var(--w-font-base); font-weight: 500;
+      color: var(--unn-color-text-primary);
+      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+      transition: color 0.12s;
+    }
+    .memory-item-meta {
+      font-size: var(--w-font-xs); color: var(--unn-color-text-subtle);
+      margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+    }
+
+    /* ---- Show-all link ---- */
+    .home-show-more {
+      display: block; width: 100%; box-sizing: border-box;
+      padding: 6px 0; font-size: var(--w-font-xs); font-weight: 500;
+      color: var(--unn-color-brand-primary); cursor: pointer; text-align: left;
+      margin-top: 2px; text-decoration: none;
+      transition: color 0.15s;
+    }
+    .home-show-more:hover { 
+      color: var(--unn-color-accent-strong); 
+      text-decoration: underline;
+    }
+
+    /* ---- Discussion cards in home ---- */
+    .discussion-card {
+      display: flex; align-items: flex-start; gap: 8px;
+      padding: 6px 6px; cursor: pointer;
+      margin: 0 -6px;
+      transition: background 0.12s;
+      border-radius: var(--w-radius-sm);
+    }
+    .discussion-card:hover { background: var(--unn-color-bg-tertiary); }
+    .discussion-card:hover .concept-chevron { opacity: 1; color: var(--unn-color-brand-primary); }
+    .discussion-card-main {
+      flex: 1;
+    }
+    .discussion-meta {
+      display: flex; align-items: center; gap: 5px;
+      font-size: 10px; color: var(--unn-color-text-subtle);
+      margin-bottom: 3px; font-weight: 500;
+    }
+    .discussion-meta-dot {
+      width: 4px; height: 4px; border-radius: 50%;
+      background: var(--unn-color-brand-secondary); flex-shrink: 0;
+    }
+    .discussion-body {
+      margin: 0; font-size: var(--w-font-sm); color: var(--unn-color-text-body);
+      white-space: pre-wrap; word-break: break-word; line-height: 1.5;
+      display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
+    }
+    .discussion-replies { margin-top: 5px; padding-left: 10px; border-left: 2px solid var(--unn-color-border-default); }
+    .discussion-reply { margin-top: 4px; }
+
+    /* ---- Clarification detail view ---- */
+    .clarif-label {
+      font-size: var(--w-font-xs); font-weight: 600; letter-spacing: 0.06em;
+      text-transform: uppercase; color: var(--unn-color-text-subtle);
+      margin-bottom: 6px;
+    }
+    .clarif-question {
+      margin: 0 0 4px; font-size: var(--w-font-md);
+      color: var(--unn-color-text-primary); line-height: 1.5;
+      font-weight: var(--w-weight-semi); white-space: pre-wrap; word-break: break-word;
+    }
+    .clarif-empty-replies {
+      font-size: var(--w-font-sm); color: var(--unn-color-text-subtle);
+      padding: 6px 0;
+    }
+    .clarif-reply-item {
+      padding: 6px 0;
+      border-bottom: 1px solid var(--unn-color-border-subtle);
+    }
+    .clarif-reply-item:last-child { border-bottom: none; }
+    .clarif-reply-form {
+      padding: 10px 12px 12px;
+      border-top: 1px solid var(--unn-color-border-default);
+      margin-top: 6px;
+    }
+
+    /* ---- Ask Question form ---- */
+    .ask-form { padding: 10px 12px; border-bottom: 1px solid var(--unn-color-border-default); }
+    .ask-textarea {
+      width: 100%; box-sizing: border-box;
+      border: 1px solid var(--unn-color-border-default);
+      border-radius: var(--w-radius-sm);
+      background: var(--unn-color-bg-secondary);
+      color: var(--unn-color-text-primary); font-size: var(--w-font-sm);
+      padding: 7px 10px; resize: vertical; outline: none; font-family: inherit;
+      transition: border-color 0.15s;
+    }
+    .ask-textarea:focus { border-color: var(--unn-color-brand-primary); }
+    .ask-actions { display: flex; gap: 6px; justify-content: flex-end; margin-top: 6px; }
+    .ask-cancel, .ask-submit {
+      font-size: var(--w-font-xs); font-weight: 500; border: none;
+      border-radius: var(--w-radius-sm); cursor: pointer; padding: 5px 12px;
+    }
+    .ask-cancel { background: var(--unn-color-bg-tertiary); color: var(--unn-color-text-muted); }
+    .ask-cancel:hover { background: var(--unn-color-border-default); }
+    .ask-submit { background: var(--unn-color-brand-primary); color: #fff; }
+    .ask-submit:hover { opacity: 0.88; }
+    .ask-submit:disabled { opacity: 0.5; cursor: default; }
+
+    /* ---- Add Term form ---- */
+    .add-term-form { padding: 10px 12px; border-bottom: 1px solid var(--unn-color-border-default); }
+    .add-term-input {
+      width: 100%; box-sizing: border-box;
+      border: 1px solid var(--unn-color-border-default);
+      border-radius: var(--w-radius-sm);
+      background: var(--unn-color-bg-secondary);
+      color: var(--unn-color-text-primary); font-size: var(--w-font-sm);
+      padding: 7px 10px; outline: none; font-family: inherit;
+      transition: border-color 0.15s;
+    }
+    .add-term-input:focus { border-color: var(--unn-color-brand-primary); }
+    .add-term-input + .add-term-input { margin-top: 6px; }
+`,bo=`
+    .panel-shell {
+      position: static !important;
+      width: 100vw !important; height: 100vh !important;
+      transform: none !important;
+      max-width: 100vw !important;
+      border-radius: 0 !important;
+      box-shadow: none !important;
+    }
+    .panel-shell.open { transform: none !important; }
+    .panel {
+      border-radius: 0 !important;
+      border: none !important;
+      /* Fallback bg if CSS vars haven't re-resolved after adoptNode */
+      background: var(--unn-color-bg-primary, #ffffff) !important;
+    }
+`;function yo(i,e,t){let n=(t==null?void 0:t.googleEnabled)===true,o=(t==null?void 0:t.microsoftEnabled)===true,r=n||o,d=r?`${r?`<div class="sso-divider" data-testid="widget-sso-divider">
+        <div class="sso-divider-line"></div>
+        <span class="sso-divider-text">or sign in with</span>
+        <div class="sso-divider-line"></div>
+      </div>`:""}<div class="sso-buttons">${n?`<button class="sso-btn" type="button" data-testid="widget-sso-google-btn" aria-label="Continue with Google">
+        <svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true">
+          <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.93l3.66-2.84z"/>
+          <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>
+        <span>Continue with Google</span>
+      </button>`:""}${o?`<button class="sso-btn" type="button" data-testid="widget-sso-microsoft-btn" aria-label="Continue with Microsoft">
+        <svg width="18" height="18" viewBox="0 0 23 23" aria-hidden="true">
+          <rect x="1"  y="1"  width="10" height="10" fill="#F25022"/>
+          <rect x="12" y="1"  width="10" height="10" fill="#7FBA00"/>
+          <rect x="1"  y="12" width="10" height="10" fill="#00A4EF"/>
+          <rect x="12" y="12" width="10" height="10" fill="#FFB900"/>
+        </svg>
+        <span>Continue with Microsoft</span>
+      </button>`:""}</div>`:"";i.innerHTML=`
+    <div class="login-form">
+      ${e.onBack?'<button class="login-back-btn" data-testid="widget-login-back" type="button">\u2039 Back</button>':""}
+      <h2 class="login-heading">Sign in to Unnoodle</h2>
+      <p class="login-sub">Access your team's glossary</p>
+      <div class="login-error" role="alert" data-testid="widget-login-error"></div>
+      <div class="form-field">
+        <label class="form-label" for="unn-email">Email</label>
+        <input class="form-input" id="unn-email" type="email"
+          autocomplete="email" placeholder="you@company.com" required
+          data-testid="widget-login-email" />
+      </div>
+      <div class="form-field">
+        <label class="form-label" for="unn-password">Password</label>
+        <input class="form-input" id="unn-password" type="password"
+          autocomplete="current-password" placeholder="\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" required
+          data-testid="widget-login-password" />
+      </div>
+      <button class="form-submit" id="unn-submit" data-testid="widget-login-submit">Sign in</button>
+      ${d}
+    </div>
+  `;let l=i.querySelector('[data-testid="widget-login-back"]');if(l&&e.onBack){let f=e.onBack;l.addEventListener("click",()=>f());}let p=i.querySelector("#unn-email"),h=i.querySelector("#unn-password"),m=i.querySelector("#unn-submit"),v=f=>{f.preventDefault();let y=p.value.trim(),A=h.value;!y||!A||e.onLogin(y,A);};if(m.addEventListener("click",v),h.addEventListener("keydown",f=>{f.key==="Enter"&&v(f);}),e.onSsoLogin){let f=e.onSsoLogin;if(n){let y=i.querySelector('[data-testid="widget-sso-google-btn"]');y==null||y.addEventListener("click",()=>f("google"));}if(o){let y=i.querySelector('[data-testid="widget-sso-microsoft-btn"]');y==null||y.addEventListener("click",()=>f("microsoft"));}}p.focus();}function wo(i,e){let t=i.querySelector("#unn-submit");t&&(t.disabled=e,t.textContent=e?"Signing in\u2026":"Sign in");}function xo(i,e){let t=i.querySelector(".login-error");t&&(t.textContent=e,t.classList.add("visible"));}function B(i){return i.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function ko(i,e,t,n){var d,l,p;let o=B((d=e.authorName)!=null?d:"Unknown"),r=e.createdAt?new Date(e.createdAt).toLocaleDateString(void 0,{month:"short",day:"numeric",year:"numeric"}):"",s=((l=e.replies)!=null?l:[]).length===0?'<div class="clarif-empty-replies">No replies yet.</div>':e.replies.map(h=>{var m;return `
+            <div class="clarif-reply-item">
+              <div class="discussion-meta">
+                <span class="discussion-meta-dot"></span>
+                ${B((m=h.authorName)!=null?m:"Unknown")} &middot;
+                ${new Date(h.createdAt).toLocaleDateString(void 0,{month:"short",day:"numeric"})}
+              </div>
+              <p class="discussion-body" style="-webkit-line-clamp:unset">${B(h.body)}</p>
+            </div>`}).join(""),a=t?`<div class="clarif-reply-form" data-testid="widget-reply-form">
+         <textarea class="ask-textarea" data-testid="widget-reply-textarea"
+           placeholder="Write a reply\u2026" maxlength="2000" rows="3"></textarea>
+         <div class="ask-actions">
+           <button class="ask-submit" data-testid="widget-reply-submit">Reply</button>
+         </div>
+         <p class="ask-error" style="display:none"></p>
+       </div>`:"";if(i.innerHTML=`
+    <div class="term-detail-view" data-testid="widget-clarif-detail">
+      <div class="detail-back">
+        <button class="back-btn" data-testid="widget-back-btn">&#8592; Back</button>
+      </div>
+      <div class="detail-content">
+        <div class="detail-body">
+          <div class="clarif-label">CLARIFICATION</div>
+          <p class="clarif-question">${B(e.body)}</p>
+          <div class="discussion-meta" style="margin-top:6px">
+            <span class="discussion-meta-dot"></span>
+            ${o} &middot; ${r}
+          </div>
+        </div>
+      </div>
+      <div class="discussions-section">
+        <div class="discussions-heading">Replies (${((p=e.replies)!=null?p:[]).length})</div>
+        ${s}
+      </div>
+      ${a}
+    </div>
+  `,i.querySelector('[data-testid="widget-back-btn"]').addEventListener("click",()=>{var h;return (h=n.onBack)==null?void 0:h.call(n)}),t){let h=i.querySelector('[data-testid="widget-reply-textarea"]'),m=i.querySelector('[data-testid="widget-reply-submit"]'),v=i.querySelector(".ask-error");m.addEventListener("click",()=>{var y;let f=h.value.trim();f&&(v.style.display="none",m.disabled=true,m.textContent="Posting\u2026",(y=n.onPostReply)==null||y.call(n,e.contextId,e.id,f));});}}function Eo(i,e){i.querySelector(".strip-idle").style.display="none";let t=i.querySelector(".pick-mode-prompt");t.style.display="flex",i.querySelector(".capture-describe-view").style.display="none";let n=i.querySelector('[data-testid="widget-context-strip-cancel-btn"]'),o=n.cloneNode(true);o.addEventListener("click",e),n.replaceWith(o);}function To(i,e,t,n){i.querySelector(".strip-idle").style.display="none",i.querySelector(".pick-mode-prompt").style.display="none";let o=i.querySelector(".capture-describe-view");o.style.display="flex";let r=o.querySelector('[data-testid="widget-capture-snapshot-preview"]');r.innerHTML=e.html;let s=o.querySelector('[data-testid="widget-capture-pick-again-btn"]'),a=s.cloneNode(true);a.addEventListener("click",n),s.replaceWith(a);let c=o.querySelector('[data-testid="widget-capture-save-btn"]'),d=c.cloneNode(true);o.querySelector(".capture-error").style.display="none",d.addEventListener("click",()=>{let l=o.querySelector('[data-testid="widget-capture-description-input"]');t(l.value.trim());}),c.replaceWith(d);}function Co(i,e){let t=i.querySelector('[data-testid="widget-capture-save-btn"]');t&&(t.disabled=e,t.textContent=e?"Saving\u2026":"Save");}function Mo(i,e){let t=i.querySelector(".capture-error");t&&(t.textContent=e,t.style.display=e?"block":"none");}function Lo(i){i.querySelector(".strip-idle").style.display="flex",i.querySelector(".pick-mode-prompt").style.display="none",i.querySelector(".capture-describe-view").style.display="none";let e=i.querySelector('[data-testid="widget-capture-description-input"]');e&&(e.value="");let t=i.querySelector(".capture-error");t&&(t.textContent="",t.style.display="none");}function Nt(i,e){let t=document.createElement("div");t.className="capture-form-container",t.setAttribute("data-testid","widget-capture-form");let n=`
+    <style>
+      ${re(`
+        .capture-form-container {
+          display: flex;
+          flex-direction: column;
+          gap: var(--w-space-4);
+          padding: var(--w-space-h-md);
+          background: var(--unn-color-bg-primary);
+          overflow-y: auto;
+          flex: 1;
+          height: 100%;
+        }
+        .capture-form-header {
+          font-size: var(--w-font-xl);
+          font-weight: var(--w-weight-bold);
+          color: var(--unn-color-text-primary);
+          margin: 0 0 4px 0;
+          line-height: 1.3;
+        }
+        .capture-form-subheader {
+          font-size: var(--w-font-md);
+          font-weight: var(--w-weight-medium);
+          color: var(--unn-color-text-secondary);
+          margin: 0 0 16px 0;
+        }
+        .capture-form-field {
+          display: flex;
+          flex-direction: column;
+          gap: 5px;
+        }
+        .capture-form-label {
+          font-size: var(--w-font-sm);
+          font-weight: var(--w-weight-medium);
+          color: var(--unn-color-text-body);
+        }
+        .capture-form-input,
+        .capture-form-textarea {
+          width: 100%;
+          padding: 9px 12px;
+          border: var(--w-border-width) solid var(--unn-color-border-subtle);
+          border-radius: var(--w-radius-lg);
+          font-size: var(--w-font-md);
+          font-family: inherit;
+          color: var(--unn-color-text-primary);
+          outline: none;
+          transition: border-color 0.15s;
+          box-sizing: border-box;
+        }
+        .capture-form-input:focus,
+        .capture-form-textarea:focus {
+          border-color: var(--unn-color-brand-primary);
+        }
+        .capture-form-textarea {
+          min-height: 100px;
+          resize: vertical;
+        }
+        .capture-form-snapshot-container {
+          border: var(--w-border-width) solid var(--unn-color-border-default);
+          border-radius: var(--w-radius-1);
+          padding: 12px;
+          background: var(--unn-color-bg-secondary);
+          min-height: 80px;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          gap: 8px;
+          transition: border 0.2s;
+        }
+        .capture-form-snapshot-container.picking {
+          border: 2px dashed var(--unn-color-brand-primary);
+        }
+        .capture-form-snapshot-empty {
+          color: var(--unn-color-text-subtle);
+          font-size: var(--w-font-sm);
+        }
+        .capture-form-snapshot-preview {
+          max-width: 100%;
+          overflow: hidden;
+        }
+        .capture-form-pick-btn {
+          padding: 3px 10px;
+          background: var(--unn-color-bg-secondary);
+          border: var(--w-border-width) solid var(--unn-color-border-default);
+          border-radius: var(--w-radius-lg);
+          font-size: var(--w-font-sm);
+          font-weight: var(--w-weight-medium);
+          color: var(--unn-color-text-secondary);
+          cursor: pointer;
+          transition: all 0.15s;
+        }
+        .capture-form-pick-btn:hover {
+          background: var(--unn-color-bg-hover);
+          color: var(--unn-color-text-primary);
+        }
+        .capture-form-pick-btn:active {
+          background: var(--unn-color-bg-subtle);
+        }
+        .capture-form-cancel-capture-btn {
+          padding: 3px 10px;
+          background: var(--unn-color-bg-tertiary);
+          border: var(--w-border-width) solid var(--unn-color-border-default);
+          border-radius: var(--w-radius-lg);
+          font-size: var(--w-font-sm);
+          font-weight: var(--w-weight-medium);
+          color: var(--unn-color-text-muted);
+          cursor: pointer;
+          transition: all 0.15s;
+        }
+        .capture-form-cancel-capture-btn:hover {
+          background: var(--unn-color-border-default);
+        }
+        .capture-form-actions {
+          display: flex;
+          gap: 6px;
+          justify-content: flex-end;
+          margin-top: 6px;
+        }
+        .capture-form-save-btn,
+        .capture-form-cancel-btn {
+          font-size: var(--w-font-xs);
+          font-weight: 500;
+          border: none;
+          border-radius: var(--w-radius-sm);
+          cursor: pointer;
+          padding: 5px 12px;
+        }
+        .capture-form-save-btn {
+          background: var(--unn-color-brand-primary);
+          color: #fff;
+        }
+        .capture-form-save-btn:hover:not(:disabled) {
+          opacity: 0.88;
+        }
+        .capture-form-save-btn:disabled {
+          opacity: 0.5;
+          cursor: default;
+        }
+        .capture-form-cancel-btn {
+          background: var(--unn-color-bg-tertiary);
+          color: var(--unn-color-text-muted);
+        }
+        .capture-form-cancel-btn:hover {
+          background: var(--unn-color-border-default);
+        }
+        .capture-form-watch-row {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          margin-top: 2px;
+        }
+        .capture-form-watch-checkbox {
+          width: 16px;
+          height: 16px;
+          cursor: pointer;
+          accent-color: var(--unn-color-brand-primary);
+          flex-shrink: 0;
+        }
+        .capture-form-watch-label {
+          font-size: var(--w-font-sm);
+          color: var(--unn-color-text-body);
+          cursor: pointer;
+          user-select: none;
+        }
+        .capture-form-error {
+          color: var(--unn-color-status-error);
+          font-size: var(--w-font-sm);
+          margin-top: -8px;
+          display: none;
+        }
+        .capture-form-error.visible {
+          display: block;
+        }
+      `)}
+    </style>
+    <h2 class="capture-form-header">${e.headerText||(e.showTitle?"New Product Memory":"Add Entry")}</h2>
+    ${e.subheaderText?`<p class="capture-form-subheader">${e.subheaderText}</p>`:""}
+    
+    ${e.showTitle?`
+    <div class="capture-form-field">
+      <label class="capture-form-label" for="capture-form-title">Title *</label>
+      <input
+        type="text"
+        id="capture-form-title"
+        class="capture-form-input"
+        placeholder="e.g., User profile page redesign"
+        data-testid="widget-capture-form-title"
+      />
+    </div>
+    `:""}
+    
+    <div class="capture-form-field">
+      <label class="capture-form-label">Captured UI State</label>
+      <div class="capture-form-snapshot-container" data-testid="widget-capture-form-snapshot">
+        <div class="capture-form-snapshot-empty">No UI state captured yet</div>
+        <button
+          type="button"
+          class="capture-form-pick-btn"
+          data-testid="widget-capture-form-pick-btn"
+        >
+          Pick UI state
+        </button>
+      </div>
+    </div>
+    
+    <div class="capture-form-field">
+      <label class="capture-form-label" for="capture-form-explanation">Explanation *</label>
+      <textarea
+        id="capture-form-explanation"
+        class="capture-form-textarea"
+        placeholder="Describe what this UI state means in your product..."
+        data-testid="widget-capture-form-explanation"
+      ></textarea>
+    </div>
+    
+    <div class="capture-form-watch-row">
+      <input
+        type="checkbox"
+        id="capture-form-watch"
+        class="capture-form-watch-checkbox"
+        data-testid="widget-capture-form-watch-toggle"
+      />
+      <label class="capture-form-watch-label" for="capture-form-watch">
+        Watch for changes
+      </label>
+    </div>
+
+    <div class="capture-form-error" data-testid="widget-capture-form-error"></div>
+    
+    <div class="capture-form-actions">
+      <button
+        type="button"
+        class="capture-form-cancel-btn"
+        data-testid="widget-capture-form-cancel"
+      >
+        Cancel
+      </button>
+      <button
+        type="button"
+        class="capture-form-save-btn"
+        data-testid="widget-capture-form-save"
+      >
+        Save
+      </button>
+    </div>
+  `;t.innerHTML=n;let o=t.querySelector("#capture-form-title"),r=t.querySelector("#capture-form-explanation"),s=t.querySelector(".capture-form-snapshot-container"),a=t.querySelector('[data-testid="widget-capture-form-pick-btn"]'),c=t.querySelector('[data-testid="widget-capture-form-save"]'),d=t.querySelector('[data-testid="widget-capture-form-cancel"]'),l=t.querySelector('[data-testid="widget-capture-form-error"]'),p=t.querySelector('[data-testid="widget-capture-form-watch-toggle"]');return console.log("[unnoodle] Form elements found:",{titleInput:o,explanationTextarea:r,snapshotContainer:s,pickBtn:a,saveBtn:c,cancelBtn:d,errorEl:l}),a.addEventListener("click",()=>{console.log("[unnoodle] Pick button clicked"),i.onPickElement();}),d.addEventListener("click",()=>{console.log("[unnoodle] Cancel button clicked"),i.onCancel();}),c.addEventListener("click",()=>{console.log("[unnoodle] Save button clicked");let m=o?o.value.trim():"",v=r.value.trim();if(e.showTitle&&!m){l.textContent="Title is required",l.classList.add("visible");return}if(!v){l.textContent="Explanation is required",l.classList.add("visible");return}l.classList.remove("visible"),i.onSave(m,v,p.checked);}),{element:t,controller:{setSnapshot:m=>{if(m)s.className="capture-form-snapshot-container",s.innerHTML=`<div class="capture-form-snapshot-preview">${m.html}</div>`;else {s.className="capture-form-snapshot-container",s.innerHTML=`
+          <div class="capture-form-snapshot-empty">No UI state captured yet</div>
+          <button
+            type="button"
+            class="capture-form-pick-btn"
+            data-testid="widget-capture-form-pick-btn"
+          >
+            Pick UI state
+          </button>
+        `;let v=s.querySelector('[data-testid="widget-capture-form-pick-btn"]');v&&v.addEventListener("click",()=>{console.log("[unnoodle] Pick button clicked"),i.onPickElement();});}},setPickingMode:m=>{if(m){s.className="capture-form-snapshot-container picking",s.innerHTML=`
+          <div class="capture-form-snapshot-empty">UI state capture in progress...</div>
+          <button
+            type="button"
+            class="capture-form-cancel-capture-btn"
+            data-testid="widget-capture-form-cancel-capture-btn"
+          >
+            Cancel capture
+          </button>
+        `;let v=s.querySelector('[data-testid="widget-capture-form-cancel-capture-btn"]');v&&v.addEventListener("click",()=>{console.log("[unnoodle] Cancel capture clicked"),i.onCancelCapture();});}else {s.className="capture-form-snapshot-container",s.innerHTML=`
+          <div class="capture-form-snapshot-empty">No UI state captured yet</div>
+          <button
+            type="button"
+            class="capture-form-pick-btn"
+            data-testid="widget-capture-form-pick-btn"
+          >
+            Pick UI state
+          </button>
+        `;let v=s.querySelector('[data-testid="widget-capture-form-pick-btn"]');v&&v.addEventListener("click",()=>{console.log("[unnoodle] Pick button clicked"),i.onPickElement();});}},setLoading:m=>{c.disabled=m,c.textContent=m?"Saving\u2026":"Save",a.disabled=m,d.disabled=m,o&&(o.disabled=m),r.disabled=m;},setError:m=>{l.textContent=m,l.classList.add("visible");},clear:()=>{o&&(o.value=""),r.value="",s.className="capture-form-snapshot-container",s.innerHTML=`
+        <div class="capture-form-snapshot-empty">No UI state captured yet</div>
+        <button
+          type="button"
+          class="capture-form-pick-btn"
+          data-testid="widget-capture-form-pick-btn"
+        >
+          Pick UI state
+        </button>
+      `;let m=s.querySelector('[data-testid="widget-capture-form-pick-btn"]');m&&m.addEventListener("click",()=>{console.log("[unnoodle] Pick button clicked"),i.onPickElement();}),l.classList.remove("visible"),l.textContent="";}}}}var pe="data-unnoodle-state-banner";function So(i,e,t,n){Re(i);let o=document.createElement("div");o.setAttribute(pe,"true"),o.setAttribute("data-testid","state-change-banner"),o.setAttribute("role","status"),o.setAttribute("aria-live","polite"),o.innerHTML=`
+    <style>
+      ${re(`
+        [${pe}] {
+          display: flex;
+          flex-direction: column;
+          gap: 8px;
+          padding: 10px 12px;
+          background: var(--unn-color-bg-secondary, #f0f4ff);
+          border-bottom: 2px solid var(--unn-color-brand-primary, #4f46e5);
+          font-size: 13px;
+          flex-shrink: 0;
+        }
+        [${pe}] .scb-heading {
+          font-weight: 600;
+          color: var(--unn-color-text-primary, #111);
+          display: flex;
+          align-items: center;
+          gap: 6px;
+        }
+        [${pe}] .scb-meaning {
+          color: var(--unn-color-text-body, #444);
+          font-size: 12px;
+        }
+        [${pe}] .scb-actions {
+          display: flex;
+          gap: 6px;
+          align-items: center;
+        }
+        [${pe}] .scb-save-btn {
+          padding: 4px 12px;
+          background: var(--unn-color-brand-primary, #4f46e5);
+          color: #fff;
+          border: none;
+          border-radius: 4px;
+          font-size: 12px;
+          font-weight: 500;
+          cursor: pointer;
+        }
+        [${pe}] .scb-save-btn:hover {
+          opacity: 0.88;
+        }
+        [${pe}] .scb-dismiss-btn {
+          padding: 4px 10px;
+          background: transparent;
+          color: var(--unn-color-text-muted, #888);
+          border: 1px solid var(--unn-color-border-subtle, #ddd);
+          border-radius: 4px;
+          font-size: 12px;
+          cursor: pointer;
+        }
+        [${pe}] .scb-dismiss-btn:hover {
+          background: var(--unn-color-bg-hover, #e9e9e9);
+        }
+      `)}
+    </style>
+    <div class="scb-heading">
+      <span aria-hidden="true">\u{1F50D}</span>
+      New state detected \u2014 Save it?
+    </div>
+    ${e?`<div class="scb-meaning" data-testid="state-change-banner-meaning">${e}</div>`:""}
+    <div class="scb-actions">
+      <button type="button" class="scb-save-btn" data-testid="state-change-banner-save">
+        Save new state
+      </button>
+      <button type="button" class="scb-dismiss-btn" data-testid="state-change-banner-dismiss">
+        Dismiss
+      </button>
+    </div>
+  `;let r=o.querySelector('[data-testid="state-change-banner-save"]'),s=o.querySelector('[data-testid="state-change-banner-dismiss"]');r.addEventListener("click",()=>{Re(i),t();}),s.addEventListener("click",()=>{Re(i),n();}),i.prepend(o);}function Re(i){let e=i.querySelector(`[${pe}]`);e==null||e.remove();}function Te(i){return i.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}var pt=class{constructor(e,t={}){this.container=e,this.callbacks=t;}showAllTerms(e,t){console.log("DEBUG: ListViewManager.showAllTerms called with",t.length,"terms");let n=`
+      <div class="list-view" data-testid="widget-terms-list-view">
+        <div class="list-header">
+          <button class="list-back-btn" data-testid="widget-back-to-home">
+            \u2190 Back
+          </button>
+          <div class="list-title">
+            <h2>Vocabulary</h2>
+            <span class="list-count">${t.length} terms</span>
+          </div>
+          <button class="list-add-btn" data-testid="widget-add-term">
+            + Add
+          </button>
+        </div>
+        <div class="list-body">
+          ${this.renderTermsList(t)}
+        </div>
+      </div>
+    `;this.container.innerHTML=n,this.attachTermsListeners();}showAllClarifications(e,t){console.log("DEBUG: ListViewManager.showAllClarifications called with",e.length,"discussions");let n=`
+      <div class="list-view" data-testid="widget-clarifications-list-view">
+        <div class="list-header">
+          <button class="list-back-btn" data-testid="widget-back-to-home">
+            \u2190 Back
+          </button>
+          <div class="list-title">
+            <h2>Clarifications</h2>
+            <span class="list-count">${e.length} questions</span>
+          </div>
+          <button class="list-add-btn" data-testid="widget-ask-question">
+            + Ask
+          </button>
+        </div>
+        <div class="list-body">
+          ${this.renderClarificationsList(e)}
+        </div>
+      </div>
+    `;this.container.innerHTML=n,this.attachClarificationsListeners();}showAllMemories(e,t){console.log("DEBUG: ListViewManager.showAllMemories called with",e.length,"memories");let n=`
+      <div class="list-view" data-testid="widget-memories-list-view">
+        <div class="list-header">
+          <button class="list-back-btn" data-testid="widget-back-to-home">
+            \u2190 Back
+          </button>
+          <div class="list-title">
+            <h2>Product Memories</h2>
+            <span class="list-count">${e.length} memories</span>
+          </div>
+          <button class="list-add-btn" data-testid="widget-new-memory">
+            + New
+          </button>
+        </div>
+        <div class="list-body">
+          ${this.renderMemoriesList(e)}
+        </div>
+      </div>
+    `;this.container.innerHTML=n,this.attachMemoriesListeners();}renderTermsList(e){return e.length===0?`
+        <div class="list-empty">
+          <div class="list-empty-title">No vocabulary terms yet.</div>
+          <div class="list-empty-text">Start building your shared vocabulary.</div>
+        </div>
+      `:e.map(t=>`
+        <div class="list-item" data-testid="widget-term-list-item" data-term-id="${t.id}">
+          <div class="list-item-main">
+            <div class="list-item-title">${Te(t.term)}</div>
+            <div class="list-item-subtitle">${Te(t.definition)}</div>
+            ${t.abbreviation?`<div class="list-item-tag">${Te(t.abbreviation)}</div>`:""}
+          </div>
+          <div class="list-item-action">
+            <svg viewBox="0 0 24 24" width="12" height="12">
+              <polyline points="9 18 15 12 9 6"></polyline>
+            </svg>
+          </div>
+        </div>
+      `).join("")}renderClarificationsList(e){return e.length===0?`
+        <div class="list-empty">
+          <div class="list-empty-title">No questions yet.</div>
+          <div class="list-empty-text">Ask if something about this interface is unclear.</div>
+        </div>
+      `:e.map(t=>`
+        <div class="list-item" data-testid="widget-clarification-list-item" data-discussion-id="${t.id}">
+          <div class="list-item-main">
+            <div class="list-item-title">${Te(t.body)}</div>
+            <div class="list-item-subtitle">
+              ${Te(t.authorName||"Unknown")} \xB7 
+              ${new Date(t.createdAt).toLocaleDateString(void 0,{month:"short",day:"numeric"})}
+              ${t.replies&&t.replies.length>0?` \xB7 ${t.replies.length} replies`:""}
+            </div>
+          </div>
+          <div class="list-item-action">
+            <svg viewBox="0 0 24 24" width="12" height="12">
+              <polyline points="9 18 15 12 9 6"></polyline>
+            </svg>
+          </div>
+        </div>
+      `).join("")}renderMemoriesList(e){return e.length===0?`
+        <div class="list-empty">
+          <div class="list-empty-title">No captures yet.</div>
+          <div class="list-empty-text">Capture elements so teammates can understand the interface faster.</div>
+        </div>
+      `:e.map(t=>`
+        <div class="list-item" data-testid="widget-memory-list-item" data-memory-id="${t.id}">
+          <div class="list-item-main">
+            <div class="list-item-title">${Te(t.title)}</div>
+            <div class="list-item-subtitle">
+              ${t.entryCount} entries \xB7 
+              ${new Date(t.updatedAt).toLocaleDateString(void 0,{month:"short",day:"numeric"})}
+            </div>
+          </div>
+          <div class="list-item-action">
+            <svg viewBox="0 0 24 24" width="12" height="12">
+              <polyline points="9 18 15 12 9 6"></polyline>
+            </svg>
+          </div>
+        </div>
+      `).join("")}attachTermsListeners(){let e=this.container.querySelector('[data-testid="widget-back-to-home"]');e==null||e.addEventListener("click",()=>{var o,r;return (r=(o=this.callbacks).onBackToHome)==null?void 0:r.call(o)});let t=this.container.querySelector('[data-testid="widget-add-term"]');t==null||t.addEventListener("click",()=>{var o,r;return (r=(o=this.callbacks).onAddTerm)==null?void 0:r.call(o)}),this.container.querySelectorAll('[data-testid="widget-term-list-item"]').forEach(o=>{o.addEventListener("click",()=>{var s,a;let r=parseInt(o.getAttribute("data-term-id")||"0",10);(a=(s=this.callbacks).onTermClick)==null||a.call(s,r);});});}attachClarificationsListeners(){let e=this.container.querySelector('[data-testid="widget-back-to-home"]');e==null||e.addEventListener("click",()=>{var o,r;return (r=(o=this.callbacks).onBackToHome)==null?void 0:r.call(o)});let t=this.container.querySelector('[data-testid="widget-add-clarification"]');t==null||t.addEventListener("click",()=>{var o,r,s,a;(t==null?void 0:t.getAttribute("data-requires-login"))==="true"?(r=(o=this.callbacks).onRequireLogin)==null||r.call(o):(a=(s=this.callbacks).onAddDiscussion)==null||a.call(s);}),this.container.querySelectorAll('[data-testid="widget-clarification-list-item"]').forEach(o=>{o.addEventListener("click",()=>{var s,a;let r=parseInt(o.getAttribute("data-discussion-id")||"0",10);(a=(s=this.callbacks).onDiscussionClick)==null||a.call(s,r);});});}attachMemoriesListeners(){let e=this.container.querySelector('[data-testid="widget-back-to-home"]');e==null||e.addEventListener("click",()=>{var o,r;return (r=(o=this.callbacks).onBackToHome)==null?void 0:r.call(o)});let t=this.container.querySelector('[data-testid="widget-add-memory"]');t==null||t.addEventListener("click",()=>{var o,r,s,a;(t==null?void 0:t.getAttribute("data-requires-login"))==="true"?(r=(o=this.callbacks).onRequireLogin)==null||r.call(o):(a=(s=this.callbacks).onAddMemory)==null||a.call(s);}),this.container.querySelectorAll('[data-testid="widget-memory-list-item"]').forEach(o=>{o.addEventListener("click",()=>{var s,a;let r=parseInt(o.getAttribute("data-memory-id")||"0",10);(a=(s=this.callbacks).onMemoryClick)==null||a.call(s,r);});});}};function Ao(){return `
+    .list-view {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .list-header {
+      display: flex;
+      align-items: center;
+      gap: var(--w-space-2, 8px);
+      padding: var(--w-space-h-md) var(--w-space-h-md) var(--w-space-v-md);
+      border-bottom: 1px solid var(--unn-color-border-subtle, #e2e8f0);
+      background: var(--unn-color-surface, #ffffff);
+    }
+
+    .list-back-btn, .list-add-btn {
+      background: none;
+      border: none;
+      cursor: pointer;
+      font-size: var(--w-font-base);
+      color: var(--unn-color-brand-primary);
+      font-weight: var(--w-weight-medium);
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      padding: 4px 0;
+      transition: all 0.15s ease;
+    }
+
+    .list-back-btn:hover, .list-add-btn:hover {
+      text-decoration: underline;
+    }
+
+    .list-title {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: var(--w-space-1, 4px);
+    }
+
+    .list-title h2 {
+      margin: 0;
+      font-size: var(--w-font-lg);
+      font-weight: var(--w-weight-semi);
+      color: var(--unn-color-text, #111827);
+    }
+
+    .list-count {
+      font-size: var(--w-font-sm);
+      color: var(--unn-color-text-secondary, #6b7280);
+    }
+
+    .list-body {
+      flex: 1;
+      overflow-y: auto;
+      padding: var(--w-space-v-sm);
+    }
+
+    .list-item {
+      display: flex;
+      align-items: center;
+      gap: var(--w-space-3, 12px);
+      padding: var(--w-space-v-sm);
+      border-radius: var(--w-radius-1);
+      cursor: pointer;
+      transition: background-color 0.15s ease;
+      border: 1px solid transparent;
+    }
+
+    .list-item:hover {
+      background: var(--unn-color-bg-secondary);
+    }
+
+    .list-item:hover .list-item-title {
+      color: var(--unn-color-brand-primary);
+    }
+
+    .list-item-main {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: var(--w-space-1, 4px);
+      min-width: 0;
+    }
+
+    .list-item-title {
+      font-size: var(--w-font-base);
+      font-weight: var(--w-weight-medium);
+      color: var(--unn-color-text, #111827);
+      word-break: break-word;
+      line-height: 1.4;
+    }
+
+    .list-item-subtitle {
+      font-size: var(--w-font-sm);
+      color: var(--unn-color-text-secondary, #6b7280);
+      line-height: 1.4;
+    }
+
+    .list-item-tag {
+      font-size: var(--w-font-xs);
+      color: var(--unn-color-accent, #3b82f6);
+      background: var(--unn-color-accent-subtle, #dbeafe);
+      padding: 2px 6px;
+      border-radius: var(--w-radius-sm, 4px);
+      align-self: flex-start;
+      margin-top: 2px;
+    }
+
+    .list-item-action {
+      flex-shrink: 0; 
+      color: var(--unn-color-text-subtle);
+      opacity: 0.35; 
+      transition: opacity 0.12s, color 0.12s;
+    }
+    
+    .list-item-action svg { 
+      stroke: currentColor; 
+      fill: none; 
+      stroke-width: 2.5; 
+    }
+
+    .list-item:hover .list-item-action {
+      opacity: 1; 
+      color: var(--unn-color-brand-primary);
+    }
+
+    .list-empty {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      padding: var(--w-space-v-xl) var(--w-space-4);
+      height: 200px;
+    }
+
+    .list-empty-title {
+      font-size: var(--w-font-lg);
+      font-weight: var(--w-weight-medium);
+      color: var(--unn-color-text, #111827);
+      margin-bottom: var(--w-space-2, 8px);
+    }
+
+    .list-empty-text {
+      font-size: var(--w-font-base);
+      color: var(--unn-color-text-secondary, #6b7280);
+      line-height: 1.5;
+    }
+  `}var Ho=320,Po=800,Ro="unnoodle_panel_width",Do="unnoodle_panel_side";function Bo(i,e){let{host:t,shadow:n,panelShell:o,popoutBtn:r,dockBtn:s,closeBtn:a,pinLeftBtn:c,pinRightBtn:d,halfBtn:l,halfExitBtn:p,fullscreenBtn:h,fullscreenExitBtn:m,resizeHandle:v}=i,f=400;try{let w=localStorage.getItem(Ro);if(w){let q=Number(w);Number.isFinite(q)&&q>=Ho&&(f=q);}}catch(w){}o.style.width=`${f}px`;let y="right";try{let w=localStorage.getItem(Do);(w==="left"||w==="right")&&(y=w);}catch(w){}let A=null,L=false,N=null,U=false,F=false,Q=false,_=false,C=0,$=0;function Y(){if(L)return;o.classList.add("open"),t.setAttribute("data-panel-open","true");let q=document.getElementById("unnoodle-rail-host")?34:0;if(q&&(o.style.right=`${q}px`),!F){let se=y==="right"?"margin-right":"margin-left";document.body.style.transition=`${se} 0.28s cubic-bezier(0.4,0,0.2,1)`,y==="right"?(document.body.style.marginRight=`${f+q}px`,document.body.style.marginLeft=""):(document.body.style.marginLeft=`${f}px`,document.body.style.marginRight=q?`${q}px`:"");}let ee=document.getElementById("unnoodle-btn-host");ee&&(ee.style.display="none");}function H(){if(L)return;U&&(U=false,o.classList.remove("half-screen"),l.hidden=false,p.hidden=true),F&&(F=false,o.classList.remove("fullscreen"),h.hidden=false,m.hidden=true,Q=false),o.classList.remove("open"),t.removeAttribute("data-panel-open"),o.style.right="";let q=document.getElementById("unnoodle-rail-host")?34:0;document.body.style.marginRight=q?`${q}px`:"",document.body.style.marginLeft="";let ee=document.getElementById("unnoodle-btn-host");ee&&ee.style.removeProperty("display");}function P(){var be,De;if(L){A&&!A.closed&&A.focus();return}let w=window.open("about:blank","unnoodle_panel","width=440,height=720,resizable=yes,scrollbars=no,status=no,location=no,toolbar=no,menubar=no");if(!w){(be=e.onToast)==null||be.call(e,"Allow popups for this site to use the detached panel.");return}let q=e.shadowTokens?e.shadowTokens.replace(/:host\b/g,":root"):"";w.document.write('<!DOCTYPE html><html><head><meta charset="utf-8"><title>Unnoodle</title><style>*{margin:0;padding:0;box-sizing:border-box;}html,body{height:100%;overflow:hidden;}</style>'+(q?`<style>${q}</style>`:"")+'</head><body style="height:100%"></body></html>'),w.document.close();let ee=document.createElement("style");ee.setAttribute("data-unnoodle-popout","true"),ee.textContent=re(bo),n.appendChild(ee);let se=w.document.adoptNode(t);se.style.cssText="display:block;width:100%;height:100%;",w.document.body.appendChild(se),A=w,L=true,o.classList.add("open"),r.hidden=true,s.hidden=false,a.hidden=true,document.body.style.marginRight="",document.body.style.marginLeft="";let ne=document.getElementById("unnoodle-btn-host");ne&&(ne.style.display="none"),(De=e.onPopout)==null||De.call(e),w.addEventListener("beforeunload",()=>{O(true);}),N=setInterval(()=>{w.closed&&(clearInterval(N),N=null,O(true));},500);}function O(w=false){var ne;if(!L)return;L=false,N&&(clearInterval(N),N=null);let q=document.adoptNode(t);q.style.cssText="",document.body.appendChild(q);let ee=n.querySelector("[data-unnoodle-popout]");ee&&ee.remove(),o.classList.remove("open"),t.removeAttribute("data-panel-open"),r.hidden=false,s.hidden=true,a.hidden=false;let se=document.getElementById("unnoodle-btn-host");se&&se.style.removeProperty("display"),!w&&A&&!A.closed&&A.close(),A=null,(ne=e.onReattach)==null||ne.call(e);}function I(w){y=w;try{localStorage.setItem(Do,w);}catch(q){}w==="left"?(o.classList.add("left-side"),c.classList.add("active"),d.classList.remove("active")):(o.classList.remove("left-side"),d.classList.add("active"),c.classList.remove("active")),o.classList.contains("open")&&!L&&!F&&(document.body.style.marginRight=w==="right"?`${f}px`:"",document.body.style.marginLeft=w==="left"?`${f}px`:"");}y==="left"&&I("left");function X(){if(U=!U,U){if(F&&(F=false,o.classList.remove("fullscreen"),h.hidden=false,m.hidden=true,Q=false),o.classList.add("half-screen"),l.hidden=true,p.hidden=false,o.classList.contains("open")&&!L){let w=document.getElementById("unnoodle-rail-host")?34:0,q=Math.round(window.innerWidth*.5);y==="right"?(document.body.style.marginRight=`${q+w}px`,document.body.style.marginLeft=""):(document.body.style.marginLeft=`${q}px`,document.body.style.marginRight=w?`${w}px`:"");}}else if(o.classList.remove("half-screen"),l.hidden=false,p.hidden=true,o.classList.contains("open")&&!L){let w=document.getElementById("unnoodle-rail-host")?34:0;y==="right"?(document.body.style.marginRight=`${f+w}px`,document.body.style.marginLeft=""):(document.body.style.marginLeft=`${f}px`,document.body.style.marginRight=w?`${w}px`:"");}}function j(){if(F=!F,F)U&&(U=false,o.classList.remove("half-screen"),l.hidden=false,p.hidden=true),Q=o.classList.contains("open")&&!L,o.classList.add("fullscreen"),h.hidden=true,m.hidden=false,document.body.style.marginRight="",document.body.style.marginLeft="";else {if(o.classList.remove("fullscreen"),h.hidden=false,m.hidden=true,Q&&o.classList.contains("open")){let w=document.getElementById("unnoodle-rail-host")?34:0;y==="right"?(document.body.style.marginRight=`${f+w}px`,document.body.style.marginLeft=""):(document.body.style.marginLeft=`${f}px`,document.body.style.marginRight=w?`${w}px`:"");}Q=false;}}function K(w){if(!_||L)return;let q=window.innerWidth>0?Math.floor(window.innerWidth*.6):Po,ee=Math.min(Po,q),se=y==="right"?C-w.clientX:w.clientX-C,ne=Math.max(Ho,Math.min(ee,$+se));if(f=ne,o.style.width=`${ne}px`,o.classList.contains("open")&&!F){let be=document.getElementById("unnoodle-rail-host")?34:0;y==="right"?(document.body.style.marginRight=`${ne+be}px`,document.body.style.marginLeft=""):(document.body.style.marginLeft=`${ne}px`,document.body.style.marginRight=be?`${be}px`:"");}}function b(){if(_){_=false,document.removeEventListener("mousemove",K),document.removeEventListener("mouseup",b);try{localStorage.setItem(Ro,String(f));}catch(w){}}}function ae(){document.removeEventListener("mousemove",K),document.removeEventListener("mouseup",b),L&&O(false),document.body.style.marginRight="",document.body.style.marginLeft="";let w=document.getElementById("unnoodle-btn-host");w&&w.style.removeProperty("display");}let ve=()=>{var w;H(),(w=e.onClose)==null||w.call(e);};return a.addEventListener("click",ve),s.addEventListener("click",()=>O(false)),r.addEventListener("click",()=>P()),c.addEventListener("click",()=>I("left")),d.addEventListener("click",()=>I("right")),l.addEventListener("click",()=>X()),p.addEventListener("click",()=>X()),h.addEventListener("click",()=>j()),m.addEventListener("click",()=>j()),v.addEventListener("mousedown",w=>{L||(_=true,C=w.clientX,$=f,document.addEventListener("mousemove",K),document.addEventListener("mouseup",b),w.preventDefault());}),{show:Y,hide:H,popout:P,cleanup:ae,isPopout:()=>L,currentWidth:()=>f}}var fe=5;function Io(i,e,t,n,o){var F,Q,_,C,$,Y;let{onTermClick:r,onRequireLogin:s,onAddConcept:a,onOpenSearch:c,onCaptureUiState:d,onShowAllConcepts:l}=n;e&&(e.textContent=t.context.name);let p=t.glossary;function h(H){var O,I;return new RegExp(`\\b${H.term.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}\\b`,"i").test((I=(O=document.body)==null?void 0:O.innerText)!=null?I:"")}let m=H=>H.map(P=>`
+          <div class="concept-row" data-testid="widget-term-card" data-term-id="${P.id}">
+            <span class="concept-name">${B(P.term)}</span>
+            ${P.abbreviation?`<span class="concept-abbr">${B(P.abbreviation)}</span>`:""}
+            <span class="concept-chevron"><svg viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg></span>
+          </div>`).join("");function v(H,P){let O=H.filter(h),I=H.filter(ne=>!h(ne)),X=O.length>0&&I.length>0;if(H.length===0)return P?'<div class="section-empty" data-testid="widget-glossary-empty"><div class="section-empty-title">No matching concepts.</div></div>':'<div class="section-empty"><div class="section-empty-title">No product concepts defined yet.</div><div class="section-empty-text">Start building shared vocabulary for this context.</div><button class="section-empty-action" data-testid="widget-add-concept-empty">Add Concept</button></div>';let j=O.length>0?`<div class="concept-subheading">Used on this page</div>${m(O)}`:"",K=X?'<div class="concept-subheading">Other concepts in this context</div>':"";if(P)return j+K+m(I);let b=O.slice(0,fe),ae=Math.max(fe-b.length,0),ve=I.slice(0,ae),w=I.slice(ae),q=O.slice(fe),ee=H.length>fe?`<div class="home-concepts-hidden" style="display:none">${m(q)}${m(w)}</div><a href="#" class="home-show-more home-show-more-concepts" data-testid="widget-show-all-concepts">Show all ${H.length} vocabulary \u2192</a>`:"";return (b.length>0?`<div class="concept-subheading">Used on this page</div>${m(b)}`:"")+K+m(ve)+ee}let f=v(p,false);i.innerHTML=`
+      <div class="home-view" data-testid="widget-home-view">
+        <div class="context-strip" data-testid="widget-context-strip" style="display:none !important">
+          <!-- idle state -->
+          <div class="strip-idle">
+            <button class="strip-btn" data-testid="widget-add-ui-meaning-btn" aria-label="Add UI Meaning">
+              <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="3"/><path d="M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83"/></svg>
+              Add UI Meaning
+            </button>
+          </div>
+          <!-- pick-mode state -->
+          <div class="pick-mode-prompt" data-testid="widget-pick-mode-prompt">
+            <span class="pick-prompt-text">Click any element on the page&hellip;</span>
+            <button class="strip-cancel-btn" data-testid="widget-context-strip-cancel-btn" aria-label="Cancel pick mode">Cancel</button>
+          </div>
+          <!-- capture-describe state -->
+          <div class="capture-describe-view" data-testid="widget-capture-describe-view">
+            <div class="capture-snapshot-preview" data-testid="widget-capture-snapshot-preview"></div>
+            <textarea class="capture-description-input" data-testid="widget-capture-description-input"
+              placeholder="Describe what this UI state means\u2026" rows="3" maxlength="2000"></textarea>
+            <p class="capture-error" style="display:none"></p>
+            <div class="capture-actions">
+              <button class="strip-cancel-btn" data-testid="widget-capture-pick-again-btn">Pick Again</button>
+              <button class="capture-save-btn" data-testid="widget-capture-save-btn">Save</button>
+            </div>
+          </div>
+        </div>
+        <div class="home-search-bar" data-testid="widget-home-search-bar">
+          <input class="home-search-input" id="unn-home-search" type="search"
+            placeholder="Search\u2026" autocomplete="off" aria-label="Search"
+            data-testid="widget-home-search-input" />
+        </div>
+        <div class="home-sections">
+          <div class="home-section" data-section="memory">
+            <div class="home-section-header">
+              <span class="home-section-title"><span class="home-section-dot"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 256 256"><path d="M248,124a56.11,56.11,0,0,0-32-50.61V72a48,48,0,0,0-88-26.49A48,48,0,0,0,40,72v1.39a56,56,0,0,0,0,101.2V176a48,48,0,0,0,88,26.49A48,48,0,0,0,216,176v-1.41A56.09,56.09,0,0,0,248,124ZM88,208a32,32,0,0,1-31.81-28.56A55.87,55.87,0,0,0,64,180h8a8,8,0,0,0,0-16H64A40,40,0,0,1,50.67,86.27,8,8,0,0,0,56,78.73V72a32,32,0,0,1,64,0v68.26A47.8,47.8,0,0,0,88,128a8,8,0,0,0,0,16,32,32,0,0,1,0,64Zm104-44h-8a8,8,0,0,0,0,16h8a55.87,55.87,0,0,0,7.81-.56A32,32,0,1,1,168,144a8,8,0,0,0,0-16,47.8,47.8,0,0,0-32,12.26V72a32,32,0,0,1,64,0v6.73a8,8,0,0,0,5.33,7.54A40,40,0,0,1,192,164Zm16-52a8,8,0,0,1-8,8h-4a36,36,0,0,1-36-36V80a8,8,0,0,1,16,0v4a20,20,0,0,0,20,20h4A8,8,0,0,1,208,112ZM60,120H56a8,8,0,0,1,0-16h4A20,20,0,0,0,80,84V80a8,8,0,0,1,16,0v4A36,36,0,0,1,60,120Z"></path></svg></span>PRODUCT MEMORY</span>
+              <button class="home-section-add" data-testid="widget-add-ui-meaning">+</button>
+            </div>
+            <div class="home-section-helper">Explain what elements on this screen do.</div>
+            <div class="section-empty">
+              <div class="section-empty-title">No UI explanations yet.</div>
+              <div class="section-empty-text">Explain what elements on this screen do so teammates can understand the interface faster.</div>
+              <button class="section-empty-action" data-testid="widget-add-ui-meaning-empty">Add UI Meaning</button>
+            </div>
+          </div>
+          <div class="home-section" data-section="concepts">
+            <div class="home-section-header">
+              <span class="home-section-title"><span class="home-section-dot"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 256 256"><path d="M232,48H160a40,40,0,0,0-32,16A40,40,0,0,0,96,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,24,8,8,0,0,0,16,0,24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM96,192H32V64H96a24,24,0,0,1,24,24V200A39.81,39.81,0,0,0,96,192Zm128,0H160a39.81,39.81,0,0,0-24,8V88a24,24,0,0,1,24-24h64ZM160,88h40a8,8,0,0,1,0,16H160a8,8,0,0,1,0-16Zm48,40a8,8,0,0,1-8,8H160a8,8,0,0,1,0-16h40A8,8,0,0,1,208,128Zm0,32a8,8,0,0,1-8,8H160a8,8,0,0,1,0-16h40A8,8,0,0,1,208,160Z"></path></svg></span>PRODUCT VOCABULARY</span>
+              <button class="home-section-add" data-testid="widget-add-concept">+</button>
+            </div>
+            <div class="home-section-helper">Key terms used in this product.</div>
+            ${f}
+          </div>
+          <div class="home-section" data-section="clarifications" data-context-id="${t.context.id}">
+            <div class="home-section-header">
+              <span class="home-section-title"><span class="home-section-dot"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 256 256"><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180Zm28-72c0,17.38-13.76,31.93-32,35.28V144a8,8,0,0,1-16,0v-8a8,8,0,0,1,8-8c13.23,0,24-9,24-20s-10.77-20-24-20-24,9-24,20v4a8,8,0,0,1-16,0v-4c0-19.85,17.94-36,40-36S168,88.15,168,108Z"></path></svg></span>CLARIFICATIONS</span>
+              <button class="home-section-add" data-testid="widget-ask-question-btn">+</button>
+            </div>
+            <div class="home-section-helper">Ask if something on this page is unclear. Owners will respond.</div>
+            <div class="clarifications-body">
+              <div class="skeleton-row"><div class="skeleton-line" style="width:70%;height:9px;border-radius:4px;"></div></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    `;let y=H=>{H.querySelectorAll("[data-testid='widget-term-card']").forEach(P=>{P.addEventListener("click",()=>{let O=Number(P.dataset.termId),I=p.find(X=>X.id===O);I&&(r==null||r(I));});});};y(i);function A(){let H=i.querySelector("[data-testid='widget-show-all-concepts']");H&&H.addEventListener("click",P=>{P.preventDefault(),l==null||l();});}A();function L(H){let P=i.querySelector("[data-section='concepts']");if(!P)return;let O=P.querySelector(".home-section-header");if(!O)return;let I=H.length>=2,X=H.toLowerCase(),j=I?p.filter(b=>{var ae;return b.term.toLowerCase().includes(X)||b.definition.toLowerCase().includes(X)||((ae=b.abbreviation)!=null?ae:"").toLowerCase().includes(X)}):p,K=document.createElement("div");for(K.innerHTML=v(j,I);P.lastChild&&P.lastChild!==O;)P.removeChild(P.lastChild);for(;K.firstChild;)P.appendChild(K.firstChild);y(P);}(F=i.querySelector("[data-testid='widget-search-toggle']"))==null||F.addEventListener("click",()=>{c==null||c();});let N=i.querySelector("[data-testid='widget-home-search-input']"),U;N==null||N.addEventListener("input",()=>{clearTimeout(U),U=setTimeout(()=>{L(N.value);},200);}),(Q=i.querySelector("[data-testid='widget-add-concept']"))==null||Q.addEventListener("click",()=>{if(!o){s==null||s();return}let H=i.querySelector("[data-section='concepts']");H&&mt(H,void 0,a);}),(_=i.querySelector("[data-testid='widget-add-concept-empty']"))==null||_.addEventListener("click",()=>{if(!o){s==null||s();return}let H=i.querySelector("[data-section='concepts']");H&&mt(H,void 0,a);}),(C=i.querySelector("[data-testid='widget-add-ui-meaning']"))==null||C.addEventListener("click",()=>{d==null||d();}),($=i.querySelector("[data-testid='widget-add-ui-meaning-empty']"))==null||$.addEventListener("click",()=>{d==null||d();}),(Y=i.querySelector("[data-testid='widget-add-ui-meaning-btn']"))==null||Y.addEventListener("click",()=>{d==null||d();});}function $o(i,e,t,n){let{onRequireLogin:o,onClarificationClick:r,onShowAllClarifications:s,onAskQuestion:a}=n,c=i.querySelector("[data-section='clarifications']");if(!c)return;let d=c.querySelector(".clarifications-body");if(!d)return;let l=c.querySelector(".home-section-header"),p=l==null?void 0:l.querySelector(".home-section-add");if(p&&p.addEventListener("click",()=>{if(t){let f=Number(c.dataset.contextId);ht(c,f,a);}else o==null||o();}),e.length===0){d.innerHTML='<div class="section-empty"><div class="section-empty-title">No questions yet.</div><div class="section-empty-text">Ask here if something about this interface is unclear.</div><button class="section-empty-action" data-testid="widget-ask-question-empty">Ask Question</button></div>';let f=d.querySelector('[data-testid="widget-ask-question-empty"]');f&&f.addEventListener("click",()=>{if(t){let y=Number(c.dataset.contextId);ht(c,y,a);}else o==null||o();});return}let h=e.slice(0,fe).map(f=>{var N;let y=f.authorName?B(f.authorName):"Unknown",A=f.createdAt?new Date(f.createdAt).toLocaleDateString(void 0,{month:"short",day:"numeric"}):"",L=((N=f.replies)!=null?N:[]).map(U=>{var F;return `
+            <div class="discussion-reply">
+              <div class="discussion-meta"><span class="discussion-meta-dot"></span>${B((F=U.authorName)!=null?F:"Unknown")} \xB7 ${new Date(U.createdAt).toLocaleDateString(void 0,{month:"short",day:"numeric"})}</div>
+              <p class="discussion-body">${B(U.body)}</p>
+            </div>`}).join("");return `
+        <div class="discussion-card" data-discussion-id="${f.id}">
+          <div class="discussion-card-main">
+            <div class="discussion-meta"><span class="discussion-meta-dot"></span>${y} \xB7 ${A}</div>
+            <p class="discussion-body">${B(f.body)}</p>
+            ${L?`<div class="discussion-replies">${L}</div>`:""}
+          </div>
+          <span class="concept-chevron"><svg viewBox="0 0 24 24" aria-hidden="true"><polyline points="9 18 15 12 9 6"/></svg></span>
+        </div>`}).join(""),m=e.length>fe?`<a href="#" class="home-show-more home-show-more-clarifications" data-testid="widget-show-all-clarifications">Show all ${e.length} clarifications \u2192</a>`:"";d.innerHTML=h+m,d.querySelectorAll(".discussion-card").forEach(f=>{f.addEventListener("click",()=>{let y=Number(f.dataset.discussionId),A=e.find(L=>L.id===y);A&&(r==null||r(A));});});let v=d.querySelector("[data-testid='widget-show-all-clarifications']");v&&v.addEventListener("click",f=>{f.preventDefault(),s==null||s();});}function ht(i,e,t){let n=i.querySelector(".clarifications-body");if(!n||n.querySelector(".ask-form"))return;let o=n.querySelector(".section-empty");o&&(o.style.display="none");let r=document.createElement("div");r.className="ask-form",r.innerHTML=`
+      <textarea class="ask-textarea" placeholder="Your question\u2026" maxlength="2000" rows="3"></textarea>
+      <div class="ask-actions">
+        <button class="ask-cancel">Cancel</button>
+        <button class="ask-submit" data-testid="widget-ask-submit">Send</button>
+      </div>
+      <p class="ask-error" style="display:none"></p>
+    `,n.insertBefore(r,n.firstChild);let s=r.querySelector(".ask-textarea"),a=r.querySelector(".ask-cancel"),c=r.querySelector(".ask-submit");s.focus(),a.addEventListener("click",()=>{r.remove(),o&&(o.style.display="");}),c.addEventListener("click",()=>{let d=s.value.trim();d&&(c.disabled=true,c.textContent="Sending\u2026",t==null||t(e,d),r.remove());});}function mt(i,e,t){var l;if(i.querySelector(".add-term-form"))return;let n=(l=e!=null?e:i.querySelector(".home-section-helper"))!=null?l:i.querySelector(".home-section-header");if(!n)return;let o=document.createElement("div");o.className="add-term-form",o.innerHTML=`
+      <input class="add-term-input" type="text" placeholder="Term name\u2026" maxlength="100" data-testid="widget-add-term-name" />
+      <textarea class="add-term-input ask-textarea" placeholder="Definition\u2026" maxlength="5000" rows="3" data-testid="widget-add-term-definition"></textarea>
+      <div class="ask-actions">
+        <button class="ask-cancel" data-testid="widget-add-term-cancel">Cancel</button>
+        <button class="ask-submit" data-testid="widget-add-term-submit">Add</button>
+      </div>
+      <p class="ask-error" style="display:none" data-testid="widget-add-term-error"></p>
+    `,n.after(o);let r=o.querySelector("[data-testid='widget-add-term-name']"),s=o.querySelector("[data-testid='widget-add-term-definition']"),a=o.querySelector("[data-testid='widget-add-term-cancel']"),c=o.querySelector("[data-testid='widget-add-term-submit']"),d=o.querySelector("[data-testid='widget-add-term-error']");r.focus(),a.addEventListener("click",()=>o.remove()),c.addEventListener("click",()=>{let p=r.value.trim(),h=s.value.trim();if(!p||!h){d.textContent="Both term and definition are required.",d.style.display="";return}d.style.display="none",c.disabled=true,c.textContent="Adding\u2026",t==null||t(p,h),o.remove();});}function Ut(i,e,t,n,o,r,s,a,c,d,l,p,h,m,v,f,y,A,L,N,U,F,Q,_,C,$,Y,H,P){let O=document.createElement("div");O.id="unnoodle-panel-host",O.setAttribute("data-testid","widget-panel-host");let I=O.attachShadow({mode:"open"}),X=document.createElement("style");X.textContent=re(vo);let j=document.createElement("div");j.className="panel",j.setAttribute("role","complementary"),j.setAttribute("aria-label","Unnoodle Glossary");let K=document.createElement("div");K.className="panel-header",K.innerHTML=`
+    <div class="panel-header-brand">
+      <span class="panel-title">Unnoodle</span>
+      <span class="panel-title-sep">\xB7</span>
+      <span class="panel-subtitle">Glossary</span>
+    </div>
+    <div class="panel-header-actions">
+      <button class="panel-pin-left" aria-label="Pin to left" data-testid="widget-panel-pin-left" title="Dock to left side">
+        <svg viewBox="0 0 256 256" aria-hidden="true"><rect x="32" y="48" width="192" height="160" rx="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="88" y1="48" x2="88" y2="208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
+      </button>
+      <button class="panel-pin-right active" aria-label="Pin to right" data-testid="widget-panel-pin-right" title="Dock to right side">
+        <svg viewBox="0 0 256 256" aria-hidden="true"><rect x="32" y="48" width="192" height="160" rx="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="88" y1="48" x2="88" y2="208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
+      </button>
+      <div class="panel-header-separator" aria-hidden="true"></div>
+      <button class="panel-half" aria-label="Expand to half width" data-testid="widget-panel-half" title="Expand to 50% width">
+        <svg viewBox="0 0 256 256" aria-hidden="true"><path d="M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm-64,80h64v16H136Zm0-16V88h64v16Zm0,48h64v16H136Zm64-80H136V56h64ZM56,56h64V200H56ZM200,200H136V184h64v16Z"/></svg>
+      </button>
+      <button class="panel-half-exit" aria-label="Exit half width" data-testid="widget-panel-half-exit" title="Restore width" hidden>
+        <svg viewBox="0 0 256 256" aria-hidden="true"><path d="M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,160H56V56H200Z"/></svg>
+      </button>
+      <button class="panel-fullscreen" aria-label="Fullscreen" data-testid="widget-panel-fullscreen" title="Expand to full width">
+        <svg viewBox="0 0 256 256" aria-hidden="true"><path d="M216,48V88a8,8,0,0,1-16,0V56H168a8,8,0,0,1,0-16h40A8,8,0,0,1,216,48ZM88,200H56V168a8,8,0,0,0-16,0v40a8,8,0,0,0,8,8H88a8,8,0,0,0,0-16Zm120-40a8,8,0,0,0-8,8v32H168a8,8,0,0,0,0,16h40a8,8,0,0,0,8-8V168A8,8,0,0,0,208,160ZM88,40H48a8,8,0,0,0-8,8V88a8,8,0,0,0,16,0V56H88a8,8,0,0,0,0-16Z"/></svg>
+      </button>
+      <button class="panel-fullscreen-exit" aria-label="Exit fullscreen" data-testid="widget-panel-fullscreen-exit" title="Exit fullscreen" hidden>
+        <svg viewBox="0 0 256 256" aria-hidden="true"><path d="M136,40V96a8,8,0,0,0,8,8h56a8,8,0,0,0,0-16H160V40a8,8,0,0,0-16,0ZM96,152H40a8,8,0,0,0,0,16H96v56a8,8,0,0,0,16,0V160A8,8,0,0,0,96,152Zm64,0a8,8,0,0,0-8,8v56a8,8,0,0,0,16,0V168h56a8,8,0,0,0,0-16ZM96,104h56a8,8,0,0,0,0-16H112V40a8,8,0,0,0-16,0V96A8,8,0,0,0,96,104Z"/></svg>
+      </button>
+      <!-- popout temporarily disabled \u2014 TODO: fix CSS vars after adoptNode -->
+      <button class="panel-popout" aria-label="Pop out panel" data-testid="widget-panel-popout" title="Open in separate window" hidden>
+        <svg viewBox="0 0 256 256" aria-hidden="true"><path d="M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z"/></svg>
+      </button>
+      <button class="panel-dock" aria-label="Dock panel" data-testid="widget-panel-dock" title="Dock back to main window" hidden>
+        <svg viewBox="0 0 256 256" aria-hidden="true"><path d="M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z"/></svg>
+      </button>
+      <button class="panel-close" aria-label="Close panel" data-testid="widget-panel-close">
+        <svg viewBox="0 0 256 256" aria-hidden="true"><path d="M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"/></svg>
+      </button>
+    </div>
+  `;let b=document.createElement("div");b.className="panel-body";let ae=document.createElement("div");ae.className="panel-footer",ae.innerHTML='<a href="https://unnoodle.com" target="_blank" rel="noopener">Product knowledge powered by Unnoodle</a>',j.appendChild(K),j.appendChild(b),j.appendChild(ae);let ve=document.createElement("div");ve.className="panel-resize-handle",ve.setAttribute("data-testid","widget-panel-resize-handle"),j.appendChild(ve);let w=document.createElement("div");if(w.className="panel-shell",w.appendChild(j),y){let u=document.createElement("style");u.textContent=re(y),I.appendChild(u);}I.appendChild(X);let q=document.createElement("style");q.textContent=re(Ao()),I.appendChild(q),I.appendChild(w);let ee=K.querySelector(".panel-close"),se=K.querySelector(".panel-popout"),ne=K.querySelector(".panel-dock"),be=K.querySelector(".panel-pin-left"),De=K.querySelector(".panel-pin-right"),Wo=K.querySelector(".panel-half"),jo=K.querySelector(".panel-half-exit"),Zo=K.querySelector(".panel-fullscreen"),Ko=K.querySelector(".panel-fullscreen-exit"),Be=Bo({host:O,shadow:I,panelShell:w,popoutBtn:se,dockBtn:ne,closeBtn:ee,pinLeftBtn:be,pinRightBtn:De,halfBtn:Wo,halfExitBtn:jo,fullscreenBtn:Zo,fullscreenExitBtn:Ko,resizeHandle:ve},S(J(S(S(S({},n&&{onClose:n}),m&&{onPopout:m}),v&&{onReattach:v}),{onToast:u=>Zt(u)}),y&&{shadowTokens:y}));function Yo(){Be.show();}function Xo(){Be.hide();}function Jo(){Be.popout();}function Qo(){b.innerHTML=`
+      <div class="skeleton-home" data-testid="widget-loading">
+        <div class="skeleton-loading-header">
+          <div class="skeleton-loading-brand">Unnoodle</div>
+          <div class="skeleton-loading-title">Loading knowledge for this context\u2026</div>
+          <div class="skeleton-loading-sub">Helping your team understand this interface</div>
+        </div>
+        <div class="skeleton-body">
+          <div class="skeleton-section">
+            <div class="skeleton-section-head"></div>
+            <div class="skeleton-row"><div class="skeleton-line" style="width:55%;height:9px;"></div></div>
+          </div>
+          <div class="skeleton-section">
+            <div class="skeleton-section-head"></div>
+            <div class="skeleton-row"><div class="skeleton-line" style="width:72%;height:9px;"></div></div>
+            <div class="skeleton-row"><div class="skeleton-line" style="width:48%;height:9px;"></div></div>
+            <div class="skeleton-row"><div class="skeleton-line" style="width:63%;height:9px;"></div></div>
+            <div class="skeleton-row"><div class="skeleton-line" style="width:38%;height:9px;"></div></div>
+          </div>
+          <div class="skeleton-section">
+            <div class="skeleton-section-head"></div>
+            <div class="skeleton-row"><div class="skeleton-line" style="width:80%;height:9px;"></div></div>
+          </div>
+        </div>
+      </div>
+    `;}function en(u){b.innerHTML=`
+      <div class="state-center" data-testid="widget-panel-error">
+        <svg class="state-error-icon" viewBox="0 0 24 24" stroke-width="1.5" aria-hidden="true">
+          <circle cx="12" cy="12" r="10"/>
+          <line x1="12" y1="8" x2="12" y2="12"/>
+          <line x1="12" y1="16" x2="12.01" y2="16"/>
+        </svg>
+        <p class="state-msg">${B(u)}</p>
+      </div>
+    `;}let Ie=false;function tn(u){yo(b,J(S({onLogin:i},f&&{onSsoLogin:g=>f(g)}),{onBack:$e?()=>{let g=$e;$e=g,bt(g);}:null}),u);}function on(u){wo(b,u);}function nn(u){xo(b,u);}let $e=null,we=null,xe=null,le=null,he=null;function bt(u){if($e=u,he=u,cn(u),we&&jt(we.discussions,we.canPost),u.productMemories!==void 0){let g=u.productMemories.slice(0,5);Kt(g);}}function sn(u,g){un(u,null,u.length,g);}function an(u){yt(),he&&(le==null||le.showAllTerms(he,u));}function ln(u,g){yt(),le==null||le.showAllClarifications(u,g);}function dn(u,g){yt(),le==null||le.showAllMemories(u,g);}function yt(){if(!le){let u={onTermClick:g=>{let x=he==null?void 0:he.glossary.find(k=>k.id===g);x&&a&&a(x);},onDiscussionClick:g=>{if(F&&we){let x=we.discussions.find(k=>k.id===g);x&&F(x);}},onMemoryClick:g=>{p&&p(g);},onBackToHome:()=>{o==null||o();},onAddTerm:()=>{if(!Ie){L==null||L();return}let g=b.querySelector("[data-testid='widget-terms-list-view']");if(g){let x=g.querySelector(".list-header");x&&mt(g,x,N);}},onAddDiscussion:()=>{let g=b.querySelector('[data-section="clarifications"]'),x=he==null?void 0:he.context.id;g&&x&&ht(g,x,A);},onAddMemory:()=>d==null?void 0:d(),onRequireLogin:()=>L==null?void 0:L()};le=new pt(b,u);}}function cn(u){Io(b,K.querySelector(".panel-subtitle"),u,S(S(S(S(S(S(S(S(S({},a&&{onTermClick:a}),L&&{onRequireLogin:L}),N&&{onAddConcept:N}),U&&{onOpenSearch:U}),d&&{onCaptureUiState:d}),Y&&{onShowAllConcepts:Y}),F&&{onClarificationClick:F}),H&&{onShowAllClarifications:H}),A&&{onAskQuestion:A}),Ie);}function jt(u,g){we={discussions:u,canPost:g},$o(b,u,g,S(S(S(S({},L&&{onRequireLogin:L}),F&&{onClarificationClick:F}),H&&{onShowAllClarifications:H}),A&&{onAskQuestion:A}));}function un(u,g,x,k){b.innerHTML=`
+      <div class="search-bar">
+        <input class="search-input" id="unn-search" type="search"
+          placeholder="Search terms\u2026" autocomplete="off"
+          value="${B(k)}" aria-label="Search glossary terms"
+          data-testid="widget-glossary-search" />
+      </div>
+      <div class="action-bar" id="unn-action-bar" style="display:${Ie?"flex":"none"}">
+        <div class="action-bar-tabs">
+          <button class="tab-btn active" data-testid="widget-glossary-tab">Glossary</button>
+          <button class="tab-btn" data-testid="widget-ui-states-tab">UI States</button>
+        </div>
+        <button class="capture-btn" data-testid="widget-ui-state-capture-btn"
+          title="Capture the current page state">
+          <svg viewBox="0 0 24 24" aria-hidden="true">
+            <circle cx="12" cy="12" r="3"/>
+            <path d="M3 9a2 2 0 0 1 2-2h1l2-3h8l2 3h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+          </svg>
+          Capture
+        </button>
+      </div>
+      <div class="terms-list" id="unn-terms-list" data-testid="widget-glossary-list">
+        ${""}
+        ${u.length===0?hn(k):u.map(pn).join("")}
+      </div>
+    `;let T=b.querySelector("#unn-search"),E;T.addEventListener("input",()=>{clearTimeout(E),E=setTimeout(()=>{e(T.value);},220);}),a&&b.querySelector("#unn-terms-list").addEventListener("click",G=>{var Se;let te=G.target.closest("[data-testid='widget-term-card']");if(!te)return;let ke=te.closest("[data-term-id]");if(!ke)return;let Me=parseInt((Se=ke.getAttribute("data-term-id"))!=null?Se:"-1",10),Le=u.find(qn=>qn.id===Me);Le&&a(Le);});let R=b.querySelector('[data-testid="widget-ui-state-capture-btn"]');R==null||R.addEventListener("click",()=>{R.disabled||(R.disabled=true,R.textContent="Capturing\u2026",d==null||d(),setTimeout(()=>{R&&(R.disabled=false,R.innerHTML=`
+            <svg viewBox="0 0 24 24" aria-hidden="true" style="width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2">
+              <circle cx="12" cy="12" r="3"/>
+              <path d="M3 9a2 2 0 0 1 2-2h1l2-3h8l2 3h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+            </svg>
+            Capture
+          `);},2e3));});let z=b.querySelector('[data-testid="widget-ui-states-tab"]');z==null||z.addEventListener("click",()=>l==null?void 0:l()),T.focus();}function pn(u){let g=u.abbreviation?`<span class="term-abbr">${B(u.abbreviation)}</span>`:"",x=t?`<a class="term-link" href="${B(t)}/glossary/${u.id}" target="_blank" rel="noopener">View details \u2192</a>`:"";return `
+      <div class="term-item" data-term-id="${u.id}" data-testid="widget-glossary-item">
+        <div class="term-card" data-testid="widget-term-card">
+          <div class="term-name">${B(u.term)}${g}</div>
+          <div class="term-def">${B(u.definition)}</div>
+        </div>
+        ${x}
+      </div>
+    `}function hn(u){return `<div class="no-results" data-testid="widget-glossary-empty">${u?`No results for "${B(u)}"`:"No terms found."}</div>`}function mn(){Be.cleanup(),O.remove();}function gn(u,g,x){let k=g.length===0?'<div class="discussions-empty" data-testid="widget-discussion-empty">No comments yet. Be the first to comment!</div>':g.map(z=>`<div class="discussion-post" data-testid="widget-discussion-post">${B(z.body)}</div>`).join(""),T=x!=null&&x.showEdit?'<button class="action-btn edit-btn" data-testid="widget-edit-btn">Edit Term</button>':"";if(b.innerHTML=`
+      <div class="term-detail-view">
+        <div class="detail-back">
+          <button class="back-btn" data-testid="widget-back-btn">\u2190 Back to list</button>
+        </div>
+        <div class="detail-content">
+          <div data-testid="widget-term-detail" class="detail-body">
+            <h3 class="detail-term-name">${B(u.term)}</h3>
+            <p class="detail-term-def">${B(u.definition)}</p>
+          </div>
+        </div>
+        <div class="detail-actions">
+          <button class="action-btn" data-testid="widget-add-comment-btn">Add Comment</button>
+          ${T}
+        </div>
+        <div class="discussions-section">
+          <div class="discussions-heading">Discussion</div>
+          ${k}
+        </div>
+      </div>
+    `,b.querySelector('[data-testid="widget-back-btn"]').addEventListener("click",()=>o==null?void 0:o()),b.querySelector('[data-testid="widget-add-comment-btn"]').addEventListener("click",()=>{r==null||r(u.id,"");}),x!=null&&x.showEdit){let z=b.querySelector('[data-testid="widget-edit-btn"]');z==null||z.addEventListener("click",()=>{c==null||c(u.id);});}}function fn(u){b.innerHTML=`
+      <div class="comment-form-view">
+        <div class="detail-back">
+          <button class="back-btn" data-testid="widget-back-btn">\u2190 Back</button>
+        </div>
+        <textarea
+          class="comment-textarea"
+          data-testid="widget-comment-body"
+          placeholder="Share your thoughts on this term\u2026"
+        ></textarea>
+        <button class="comment-submit" data-testid="widget-comment-submit">Submit Comment</button>
+      </div>
+    `,b.querySelector('[data-testid="widget-back-btn"]').addEventListener("click",()=>o==null?void 0:o());let x=b.querySelector('[data-testid="widget-comment-submit"]'),k=b.querySelector('[data-testid="widget-comment-body"]');x.addEventListener("click",()=>{let T=k.value.trim();T&&(r==null||r(u,T));});}function vn(u){b.innerHTML=`
+      <div class="edit-form-view">
+        <div class="detail-back">
+          <button class="back-btn" data-testid="widget-back-btn">\u2190 Back</button>
+        </div>
+        <div>
+          <label class="edit-label" for="unn-edit-term">Term</label>
+          <input
+            class="edit-input"
+            id="unn-edit-term"
+            type="text"
+            data-testid="widget-edit-term-input"
+            value="${B(u.term)}"
+          />
+        </div>
+        <div>
+          <label class="edit-label" for="unn-edit-def">Definition</label>
+          <textarea
+            class="edit-textarea"
+            id="unn-edit-def"
+            data-testid="widget-edit-definition-input"
+          >${B(u.definition)}</textarea>
+        </div>
+        <button class="edit-submit" data-testid="widget-edit-submit">Save Changes</button>
+      </div>
+    `,b.querySelector('[data-testid="widget-back-btn"]').addEventListener("click",()=>o==null?void 0:o());let x=b.querySelector('[data-testid="widget-edit-term-input"]'),k=b.querySelector('[data-testid="widget-edit-definition-input"]');b.querySelector('[data-testid="widget-edit-submit"]').addEventListener("click",()=>{s==null||s(u.id,{term:x.value,definition:k.value});});}function bn(u){}function yn(u){}function wn(u){}function xn(u){}function kn(u,g){if(u.length===0)return;let x=b.querySelector(".suggestions-section");x&&x.remove();let k=b.querySelector(".terms-list");if(!k)return;let T=document.createElement("div");T.className="suggestions-section",T.innerHTML=`
+      <div class="suggestions-heading" data-testid="widget-suggestions-heading">
+        Suggested Terms
+      </div>
+      ${u.map(E=>`
+        <div class="suggestion-item" data-testid="widget-suggestion-item">
+          <div class="suggestion-info">
+            <span class="suggestion-term">${B(E.term)}</span>
+            <span class="suggestion-count">mentioned ${E.count}\xD7</span>
+          </div>
+          <button
+            class="suggestion-add"
+            data-testid="widget-suggestion-add"
+            data-term="${B(E.term)}"
+          >+ Add</button>
+        </div>`).join("")}
+    `,T.querySelectorAll(".suggestion-add").forEach(E=>{E.addEventListener("click",()=>{var z;let R=(z=E.dataset.term)!=null?z:"";g(R);});}),k.after(T);}function En(u,g,x,k){var te;(te=j.querySelector(".ai-modal-overlay"))==null||te.remove();let T=document.createElement("div");T.className="ai-modal-overlay",T.setAttribute("data-testid","widget-ai-modal"),T.innerHTML=`
+      <div class="ai-modal-title">AI Generated Definition</div>
+      <div class="ai-modal-term">${B(u)}</div>
+      <div>
+        <label class="ai-modal-label" for="unn-ai-def">Review &amp; edit the definition:</label>
+        <textarea
+          class="ai-modal-textarea"
+          id="unn-ai-def"
+          data-testid="widget-ai-definition"
+          maxlength="500"
+        >${B(g)}</textarea>
+        <div class="ai-modal-char-count" id="unn-ai-char">0 / 500</div>
+      </div>
+      <div class="ai-modal-actions">
+        <button class="ai-modal-cancel" data-testid="widget-ai-cancel">Cancel</button>
+        <button class="ai-modal-submit" data-testid="widget-ai-submit">Submit for Approval</button>
+      </div>
+    `;let E=T.querySelector('[data-testid="widget-ai-definition"]'),R=T.querySelector("#unn-ai-char"),z=()=>{R.textContent=`${E.value.length} / 500`;};E.addEventListener("input",z),z(),T.querySelector('[data-testid="widget-ai-submit"]').addEventListener("click",()=>{x(E.value);}),T.querySelector('[data-testid="widget-ai-cancel"]').addEventListener("click",()=>{T.remove(),k();}),j.appendChild(T);}function Tn(u){let g=j.querySelector('[data-testid="widget-ai-submit"]');g&&(g.disabled=u,g.textContent=u?"Submitting\u2026":"Submit for Approval");}function Zt(u){var x;(x=j.querySelector(".toast"))==null||x.remove();let g=document.createElement("div");g.className="toast",g.setAttribute("data-testid","widget-toast"),g.textContent=u,j.appendChild(g),setTimeout(()=>g.remove(),4e3);}function Cn(u){Ie=u;let g=b.querySelector("#unn-action-bar");g&&(g.style.display=u?"flex":"none");}function Mn(u,g,x,k=false){var R,z;if(!k){b.innerHTML=`
+        <div class="action-bar" id="unn-action-bar" style="display:flex">
+          <div class="action-bar-tabs">
+            <button class="tab-btn" data-testid="widget-glossary-tab">Glossary</button>
+            <button class="tab-btn active" data-testid="widget-ui-states-tab">Captures</button>
+          </div>
+          <button class="capture-btn" data-testid="widget-ui-state-capture-btn"
+            title="Capture the current page state">
+            <svg viewBox="0 0 24 24" aria-hidden="true" style="width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2">
+              <circle cx="12" cy="12" r="3"/>
+              <path d="M3 9a2 2 0 0 1 2-2h1l2-3h8l2 3h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+            </svg>
+            Capture
+          </button>
+        </div>
+        <div class="ui-states-list" id="unn-ui-states-list" data-testid="widget-ui-states-list"></div>
+      `;let Z=b.querySelector('[data-testid="widget-glossary-tab"]');Z==null||Z.addEventListener("click",()=>o==null?void 0:o());let G=b.querySelector('[data-testid="widget-ui-state-capture-btn"]');G==null||G.addEventListener("click",()=>{G.disabled||(G.disabled=true,G.textContent="Capturing\u2026",d==null||d(),setTimeout(()=>{G&&(G.disabled=false,G.innerHTML=`
+              <svg viewBox="0 0 24 24" aria-hidden="true" style="width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2">
+                <circle cx="12" cy="12" r="3"/>
+                <path d="M3 9a2 2 0 0 1 2-2h1l2-3h8l2 3h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+              </svg>
+              Capture
+            `);},2e3));});}let T=b.querySelector("#unn-ui-states-list");if(!T)return;if((R=b.querySelector(".load-more-container"))==null||R.remove(),u.length===0&&!k){T.innerHTML=`
+        <div class="ui-states-empty" data-testid="widget-ui-states-empty">
+          <svg class="ui-states-empty-icon" viewBox="0 0 24 24" stroke-width="1.5" aria-hidden="true">
+            <rect x="3" y="3" width="18" height="18" rx="2"/>
+            <path d="M9 9h6M9 12h6M9 15h4"/>
+          </svg>
+          <p class="ui-states-empty-text">
+            No captures yet.<br/>
+            Click <strong>Capture</strong> to snapshot an element.
+          </p>
+        </div>
+      `;return}let E=u.map(Z=>Ln(Z)).join("");if(T.insertAdjacentHTML("beforeend",E),T.querySelectorAll('[data-testid="widget-ui-state-detail-btn"]').forEach(Z=>{var te;let G=parseInt((te=Z.dataset.stateId)!=null?te:"-1",10);Z.addEventListener("click",()=>{isNaN(G)||p==null||p(G);});}),x){let Z=document.createElement("div");Z.className="load-more-container",Z.innerHTML=`
+        <button class="load-more-btn" data-testid="widget-ui-states-load-more"
+          data-page="${g+1}">
+          Load more
+        </button>
+      `,(z=Z.querySelector('[data-testid="widget-ui-states-load-more"]'))==null||z.addEventListener("click",()=>l==null?void 0:l()),b.appendChild(Z);}}function Ln(u){let g=wt(u.updatedAt),x=u.entryCount;return `
+      <div class="ui-state-item" data-testid="widget-ui-state-item" data-state-id="${u.id}">
+        <div class="ui-state-url" title="${B(u.title)}">${B(u.title)}</div>
+        <div class="ui-state-meta">
+          <span>${B(g)}</span>
+          <span class="ui-state-role-badge">${x} ${x===1?"entry":"entries"}</span>
+        </div>
+        <div class="ui-state-actions">
+          <button class="view-detail-btn"
+            data-testid="widget-ui-state-detail-btn"
+            data-state-id="${u.id}">
+            View Details
+          </button>
+        </div>
+      </div>
+    `}function Sn(u){var k,T;let g=u.entries.map((E,R)=>{var G;let z=wt(E.capturedAt),Z=B((G=E.capturedByRole)!=null?G:"");return `
+          <div class="pm-entry" data-entry-id="${E.id}">
+            <div class="detail-meta-section">
+              <div class="detail-meta-row">
+                <span>${B(z)}</span>
+                ${Z?`<span class="ui-state-role-badge">${Z}</span>`:""}
+                ${E.capturedByName?`<span>${B(E.capturedByName)}</span>`:""}
+              </div>
+            </div>
+            ${E.snapshotHtml?`<div class="ui-state-snapshot-preview" data-testid="widget-ui-state-snapshot-preview-${E.id}"></div>`:""}
+            <div class="product-memory-section" data-testid="widget-product-memory-section-${E.id}">
+              <div class="product-memory-heading">Entry ${R+1} \xB7 Explanation</div>
+              ${E.explanation?`
+              <div class="product-memory-read-mode" data-testid="widget-product-memory-read">
+                <div class="product-memory-text" data-testid="widget-product-memory-text">${B(E.explanation)}</div>
+                <div class="product-memory-actions">
+                  <button class="product-memory-edit-btn" data-testid="widget-product-memory-edit-btn">Edit</button>
+                  <button class="product-memory-delete-entry-btn" data-testid="widget-product-memory-delete-entry-btn" data-entry-id="${E.id}" title="Delete Entry">\u{1F5D1}</button>
+                </div>
+              </div>
+              <div class="product-memory-write-mode" data-testid="widget-product-memory-write" style="display:none">
+                <textarea class="product-memory-textarea" data-testid="widget-product-memory-textarea"
+                  placeholder="Describe what this snapshot represents\u2026"
+                  maxlength="2000">${B(E.explanation)}</textarea>
+                <div class="product-memory-actions">
+                  <button class="product-memory-cancel-btn" data-testid="widget-product-memory-cancel-btn">Cancel</button>
+                  <button class="product-memory-save-btn" data-testid="widget-product-memory-save-btn">Save</button>
+                </div>
+              </div>`:`
+              <div class="product-memory-write-mode" data-testid="widget-product-memory-write">
+                <textarea class="product-memory-textarea" data-testid="widget-product-memory-textarea"
+                  placeholder="Describe what this snapshot represents\u2026"
+                  maxlength="2000"></textarea>
+                <div class="product-memory-actions">
+                  <button class="product-memory-save-btn" data-testid="widget-product-memory-save-btn">Add Explanation</button>
+                </div>
+              </div>`}
+            </div>
+          </div>
+        `}).join('<hr class="pm-entry-divider">');b.innerHTML=`
+      <div class="ui-state-detail-view" data-testid="widget-ui-state-detail">
+        <div class="detail-back">
+          <button class="back-btn" data-testid="widget-ui-state-back-btn">\u2190 Captures</button>
+        </div>
+        <div class="detail-page-title">${B(u.title)}</div>
+        ${u.entries.length===0?`<div class="ui-states-empty" data-testid="widget-ui-states-empty">
+               <p class="ui-states-empty-text">No entries yet. Capture an element to get started.</p>
+             </div>`:g}
+        <div class="detail-actions">
+          <button class="detail-delete-btn" data-testid="widget-delete-memory-btn" data-memory-id="${u.id}">
+            Delete Memory
+          </button>
+          <button class="detail-add-btn" data-testid="widget-add-entry-btn">
+            + Add Entry
+          </button>
+        </div>
+      </div>
+    `,u.entries.forEach(E=>{if(!E.snapshotHtml)return;let R=b.querySelector(`[data-testid="widget-ui-state-snapshot-preview-${E.id}"]`);R&&(R.innerHTML=E.snapshotHtml);}),(k=b.querySelector('[data-testid="widget-ui-state-back-btn"]'))==null||k.addEventListener("click",()=>o==null?void 0:o()),(T=b.querySelector('[data-testid="widget-add-entry-btn"]'))==null||T.addEventListener("click",()=>_==null?void 0:_(u.id)),u.entries.forEach(E=>{let R=b.querySelector(`[data-testid="widget-product-memory-section-${E.id}"]`);if(!R)return;let z=R.querySelector('[data-testid="widget-product-memory-read"]'),Z=R.querySelector('[data-testid="widget-product-memory-write"]'),G=R.querySelector('[data-testid="widget-product-memory-textarea"]'),te=R.querySelector('[data-testid="widget-product-memory-save-btn"]'),ke=R.querySelector('[data-testid="widget-product-memory-edit-btn"]'),Me=R.querySelector('[data-testid="widget-product-memory-cancel-btn"]');ke==null||ke.addEventListener("click",()=>{z&&(z.style.display="none"),Z&&(Z.style.display=""),G==null||G.focus();}),Me==null||Me.addEventListener("click",()=>{Z&&(Z.style.display="none"),z&&(z.style.display="");}),te==null||te.addEventListener("click",()=>{var Se;let Le=(Se=G==null?void 0:G.value.trim())!=null?Se:"";Le&&(te&&(te.disabled=true,te.textContent="Saving\u2026"),h==null||h(u.id,E.id,Le));});}),u.entries.forEach(E=>{let R=b.querySelector(`[data-testid="widget-product-memory-delete-entry-btn"][data-entry-id="${E.id}"]`);R==null||R.addEventListener("click",z=>{z.preventDefault(),confirm("Are you sure you want to delete this entry? This action cannot be undone.")&&($==null||$(u.id,E.id));});});let x=b.querySelector('[data-testid="widget-delete-memory-btn"]');x==null||x.addEventListener("click",E=>{E.preventDefault(),confirm(`Are you sure you want to delete "${u.title}"? This will delete all entries and cannot be undone.`)&&(C==null||C(u.id));});}function wt(u){try{let g=Math.floor((Date.now()-new Date(u).getTime())/1e3);return g<60?"just now":g<3600?`${Math.floor(g/60)}m ago`:g<86400?`${Math.floor(g/3600)}h ago`:g<604800?`${Math.floor(g/86400)}d ago`:new Date(u).toLocaleDateString()}catch(g){return "unknown time"}}function An(u,g,x,k){console.log("[unnoodle] showNewMemoryForm called");let T=b;if(console.log("[unnoodle] Using body element:",T),!T){console.log("[unnoodle] No body element available, returning early");return}console.log("[unnoodle] Creating capture form...");let{element:E,controller:R}=Nt({onPickElement:u,onCancelCapture:g,onSave:x,onCancel:k},{showTitle:true});console.log("[unnoodle] Capture form created:",E),xe=R,console.log("[unnoodle] Clearing bodyEl and appending form..."),T.innerHTML="",T.appendChild(E),console.log("[unnoodle] Form appended successfully, bodyEl.innerHTML length is now:",T.innerHTML.length);}function Hn(u,g,x,k,T){let E=b;if(!E)return;let{element:R,controller:z}=Nt({onPickElement:g,onCancelCapture:x,onSave:(Z,G)=>{k(G);},onCancel:()=>{T();}},{showTitle:false,headerText:u,subheaderText:"Add new entry"});xe=z,E.innerHTML="",E.appendChild(R);}function Pn(u){xe&&xe.setSnapshot(u);}function Rn(u){xe&&xe.setPickingMode(u);}function Dn(u,g,x){So(b,u,g,x);}function Bn(){Re(b);}return {element:O,show:Yo,hide:Xo,showLogin:tn,setLoginLoading:on,setLoginError:nn,setLoading:Qo,showTerms:bt,showSearchResults:sn,setError:en,showTermDetail:gn,showCommentForm:fn,showEditForm:vn,setCommentLoading:bn,setCommentError:yn,setEditLoading:wn,setEditError:xn,showSuggestedTerms:kn,showAiModal:En,setAiModalLoading:Tn,showToast:Zt,setAuthenticated:Cn,showMemoriesList:Mn,showMemoryDetail:Sn,cleanup:mn,popout:Jo,loadClarifications:jt,showClarificationDetail:In,enterPickMode:$n,showCaptureDescribe:zn,setCaptureLoading:Nn,setCaptureError:Un,exitCaptureMode:Fn,restoreHomeView:On,showHomeMemoryItems:Kt,showAllConcepts:an,showAllClarifications:ln,showAllMemories:dn,showNewMemoryForm:An,showAddEntryForm:Hn,updateFormSnapshot:Pn,setFormPickingMode:Rn,showStateChangeNotification:Dn,hideStateChangeNotification:Bn};function In(u,g){ko(b,u,g,S({onBack:()=>o==null?void 0:o()},Q&&{onPostReply:Q}));}function Ce(){return b.querySelector('[data-testid="widget-context-strip"]')}function $n(u){let g=Ce();g&&Eo(g,u);}function zn(u,g,x){let k=Ce();k&&To(k,u,g,x);}function Nn(u){let g=Ce();g&&Co(g,u);}function Un(u){let g=Ce();g&&Mo(g,u);}function Fn(){let u=Ce();u&&Lo(u);}function On(u){console.log("[unnoodle] restoreHomeView called with data:",u),bt(u);}function Kt(u){var x;let g=b.querySelector('[data-section="memory"]');if(g){if(g.querySelectorAll(".memory-item, .section-empty, .home-show-more-memories").forEach(k=>k.remove()),u.length===0){let k=document.createElement("div");k.className="section-empty",k.innerHTML=`
+        <div class="section-empty-title">No captures yet.</div>
+        <div class="section-empty-text">Capture elements on this screen so teammates can understand the interface faster.</div>
+        <button class="section-empty-action" data-testid="widget-add-ui-meaning-empty">Add Capture</button>
+      `,(x=k.querySelector('[data-testid="widget-add-ui-meaning-empty"]'))==null||x.addEventListener("click",()=>{d==null||d();}),g.appendChild(k);return}for(let k of u.slice(0,fe)){let T=document.createElement("div");T.className="memory-item",T.setAttribute("data-testid","widget-memory-item"),T.setAttribute("data-ui-state-id",String(k.id));let E=B(k.title),R=wt(k.updatedAt),z=k.entryCount;T.innerHTML=`
+        <div class="memory-item-content">
+          <div class="memory-item-title">${E}</div>
+          <div class="memory-item-meta">${R} \xB7 ${z} ${z===1?"entry":"entries"}</div>
+        </div>
+        <span class="concept-chevron"><svg viewBox="0 0 24 24" aria-hidden="true"><polyline points="9 18 15 12 9 6"/></svg></span>
+      `,T.addEventListener("click",()=>{p==null||p(k.id);}),g.appendChild(T);}if(u.length>fe){let k=document.createElement("a");k.className="home-show-more home-show-more-memories",k.setAttribute("data-testid","widget-show-all-memories"),k.setAttribute("href","#"),k.textContent=`Show all ${u.length} memories \u2192`,k.addEventListener("click",T=>{T.preventDefault(),P==null||P();}),g.appendChild(k);}}}}var zo=`
+:host {
+  all: initial;
+}
+/* Rail shell \u2014 fixed to right edge, pushes body content like panel-shell */
+.rail-shell {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 34px;
+  z-index: 2147483647;
+  display: flex;
+  flex-direction: column;
+  padding: 3px;
+  background: var(--unn-color-bg-secondary, #f5f5f7);
+  border-left: 0.5px solid var(--unn-color-border-default, #e0e0e0);
+  box-shadow: inset 6px 0 12px rgba(0,0,0,0.06), inset -4px 0 10px rgba(0,0,0,0.04), inset 0 6px 12px rgba(0,0,0,0.06), inset 0 -4px 10px rgba(0,0,0,0.04);
+  transition: width 0.28s cubic-bezier(0.4,0,0.2,1);
+  box-sizing: border-box;
+}
+.rail {
+  flex: 1;
+  width: 100%;
+  background: linear-gradient(160deg, #2c3440 0%, #1a1f27 100%);
+  box-shadow:
+    0 1px 2px rgba(0,0,0,0.30),
+    0 3px 8px rgba(0,0,0,0.38),
+    0 8px 20px rgba(0,0,0,0.22),
+    0 1px 0 rgba(255,255,255,0.06) inset;
+  border-radius: 6px;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+.rail-section {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+.rail-identity {
+  margin-bottom: 18px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.rail-avatar {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  background: linear-gradient(160deg, #2c3440 0%, #1a1f27 100%);
+  color: #fff;
+  font-family: var(--unn-font-family, system-ui, sans-serif);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-shadow: 0 1px 3px rgba(0,0,0,0.65), 0 -1px 0 rgba(255,255,255,0.10);
+  user-select: none;
+}
+.rail-avatar--icon {
+  background: none;
+  width: auto;
+  height: auto;
+}
+.rail-core {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 14px;
+}
+.rail-item {
+  width: 100%;
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: none;
+  cursor: pointer;
+  outline: none;
+  padding: 0;
+  position: relative;
+  transition: background 120ms;
+}
+.rail-item.active {
+  background: rgba(255,255,255,0.10);
+}
+.rail-item .icon {
+  width: 18px;
+  height: 18px;
+  display: block;
+  transition: transform 120ms, opacity 120ms;
+  fill: #ffffff;
+  opacity: 0.65;
+}
+.rail-item.active .icon {
+  opacity: 1;
+}
+.rail-item:hover .icon {
+  transform: scale(1.05);
+  opacity: 1;
+}
+.rail-item .label {
+  display: none !important;
+}
+
+/* Tooltip styles for rail icons */
+.rail-tooltip {
+  position: absolute;
+  left: 110%;
+  top: 50%;
+  transform: translateY(-50%);
+  background: #222;
+  color: #fff;
+  font-size: 13px;
+  font-family: var(--unn-font-family, system-ui, sans-serif);
+  padding: 4px 10px;
+  border-radius: 4px;
+  white-space: nowrap;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
+  opacity: 0;
+  pointer-events: none;
+  z-index: 10;
+  transition: opacity 0.08s;
+}
+.rail-item:hover .rail-tooltip {
+  opacity: 1;
+  pointer-events: auto;
+}
+.rail-auth-btn {
+  position: relative;
+}
+.rail-auth-btn .rail-tooltip {
+  position: absolute;
+  left: 110%;
+  top: 50%;
+  transform: translateY(-50%);
+  background: #222;
+  color: #fff;
+  font-size: 13px;
+  font-family: var(--unn-font-family, system-ui, sans-serif);
+  padding: 4px 10px;
+  border-radius: 4px;
+  white-space: nowrap;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
+  opacity: 0;
+  pointer-events: none;
+  z-index: 10;
+  transition: opacity 0.08s;
+}
+.rail-auth-btn:hover .rail-tooltip {
+  opacity: 1;
+  pointer-events: auto;
+}
+  .rail-glow {
+    position: absolute;
+    left: 2px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
+    background: radial-gradient(circle, #fff 0%, #fff 80%, transparent 100%);
+    opacity: 0.55;
+    filter: blur(4px);
+    z-index: 0;
+    pointer-events: none;
+    animation: rail-glow-pulse 2s infinite alternate;
+    display: none;
+  }
+  .rail-glow.active {
+    display: block;
+  }
+@keyframes rail-glow-pulse {
+  0% { opacity: 0.35; }
+  100% { opacity: 0.6; }
+}
+
+.rail-auth {
+  margin-bottom: 12px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.rail-auth-btn {
+  width: 100%;
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: none;
+  cursor: pointer;
+  outline: none;
+  padding: 0;
+  font-family: var(--unn-font-family, system-ui, sans-serif);
+  font-size: 14px;
+  font-weight: 400;
+  color: #222;
+  transition: background 120ms;
+}
+  .rail-auth-btn .icon {
+    width: 18px;
+    height: 18px;
+    display: block;
+    transition: transform 120ms;
+    fill: #ffffff;
+  }
+  .rail-auth-btn:hover .icon {
+    transform: scale(1.05);
+  }
+  .rail-auth-btn .label {
+    opacity: 0;
+    margin-left: 16px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #fff;
+    white-space: nowrap;
+    pointer-events: none;
+    transition: opacity 150ms;
+  }
+  .rail:hover .rail-auth-btn .label {
+    opacity: 1;
+    pointer-events: auto;
+  }
+
+/* ---- Brand icon (U\u2229) at top of rail ---- */
+.rail-brand {
+  padding-top: 7px;
+  padding-bottom: 2px;
+  flex-shrink: 0;
+}
+`;function Ft(i){let e=document.createElement("div");if(e.className="rail-identity rail-section",i){let t=document.createElement("div");t.className="rail-avatar",t.textContent=i,t.style.position="relative";let n=document.createElement("span");n.className="rail-tooltip",n.textContent="Profile",t.appendChild(n),e.appendChild(t);}else {let t=document.createElement("button");t.className="rail-item",t.type="button",t.tabIndex=0,t.innerHTML='<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#ffffff" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM74.08,197.5a64,64,0,0,1,107.84,0,87.83,87.83,0,0,1-107.84,0ZM96,120a32,32,0,1,1,32,32A32,32,0,0,1,96,120Zm97.76,66.41a79.66,79.66,0,0,0-36.06-28.75,48,48,0,1,0-59.4,0,79.66,79.66,0,0,0-36.06,28.75,88,88,0,1,1,131.52,0Z"></path></svg>';let n=document.createElement("span");n.className="rail-tooltip",n.textContent="Profile",t.appendChild(n),e.appendChild(t);}return e}function Ot(i,e){let t=document.createElement("div");t.className="rail-core rail-section";let n={house:'<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#ffffff" viewBox="0 0 256 256"><path d="M240,208H224V136l2.34,2.34A8,8,0,0,0,237.66,127L139.31,28.68a16,16,0,0,0-22.62,0L18.34,127a8,8,0,0,0,11.32,11.31L32,136v72H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16ZM48,120l80-80,80,80v88H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48Zm96,88H112V160h32Z"></path></svg>',brain:'<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#ffffff" viewBox="0 0 256 256"><path d="M248,124a56.11,56.11,0,0,0-32-50.61V72a48,48,0,0,0-88-26.49A48,48,0,0,0,40,72v1.39a56,56,0,0,0,0,101.2V176a48,48,0,0,0,88,26.49A48,48,0,0,0,216,176v-1.41A56.09,56.09,0,0,0,248,124ZM88,208a32,32,0,0,1-31.81-28.56A55.87,55.87,0,0,0,64,180h8a8,8,0,0,0,0-16H64A40,40,0,0,1,50.67,86.27,8,8,0,0,0,56,78.73V72a32,32,0,0,1,64,0v68.26A47.8,47.8,0,0,0,88,128a8,8,0,0,0,0,16,32,32,0,0,1,0,64Zm104-44h-8a8,8,0,0,0,0,16h8a55.87,55.87,0,0,0,7.81-.56A32,32,0,1,1,168,144a8,8,0,0,0,0-16,47.8,47.8,0,0,0-32,12.26V72a32,32,0,0,1,64,0v6.73a8,8,0,0,0,5.33,7.54A40,40,0,0,1,192,164Zm16-52a8,8,0,0,1-8,8h-4a36,36,0,0,1-36-36V80a8,8,0,0,1,16,0v4a20,20,0,0,0,20,20h4A8,8,0,0,1,208,112ZM60,120H56a8,8,0,0,1,0-16h4A20,20,0,0,0,80,84V80a8,8,0,0,1,16,0v4A36,36,0,0,1,60,120Z"></path></svg>',book:'<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#ffffff" viewBox="0 0 256 256"><path d="M232,48H160a40,40,0,0,0-32,16A40,40,0,0,0,96,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,24,8,8,0,0,0,16,0,24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM96,192H32V64H96a24,24,0,0,1,24,24V200A39.81,39.81,0,0,0,96,192Zm128,0H160a39.81,39.81,0,0,0-24,8V88a24,24,0,0,1,24-24h64ZM160,88h40a8,8,0,0,1,0,16H160a8,8,0,0,1,0-16Zm48,40a8,8,0,0,1-8,8H160a8,8,0,0,1,0-16h40A8,8,0,0,1,208,128Zm0,32a8,8,0,0,1-8,8H160a8,8,0,0,1,0-16h40A8,8,0,0,1,208,160Z"></path></svg>',question:'<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#ffffff" viewBox="0 0 256 256"><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180Zm28-72c0,17.38-13.76,31.93-32,35.28V144a8,8,0,0,1-16,0v-8a8,8,0,0,1,8-8c13.23,0,24-9,24-20s-10.77-20-24-20-24,9-24,20v4a8,8,0,0,1-16,0v-4c0-19.85,17.94-36,40-36S168,88.15,168,108Z"></path></svg>'};return [{key:"overview",icon:n.house,label:"Overview",cb:e.onOverview},{key:"memory",icon:n.brain,label:"Memory",cb:e.onMemory},{key:"vocabulary",icon:n.book,label:"Vocabulary",cb:e.onVocabulary},{key:"clarifications",icon:n.question,label:"Clarifications",cb:e.onClarifications}].forEach(r=>{let s=document.createElement("button");s.className="rail-item"+(i.activeSection===r.key?" active":""),s.type="button",s.tabIndex=0,s.innerHTML=(r.key==="memory"?`<div class="rail-glow${i.hasMemoryGlow?" active":""}"></div>`:"")+r.icon;let a=document.createElement("span");a.className="rail-tooltip",a.textContent=r.label,s.appendChild(a),s.addEventListener("click",r.cb),t.appendChild(s);}),t}function qt(i,e){let t=document.createElement("div");t.className="rail-auth rail-section";let n=document.createElement("button");n.className="rail-auth-btn",n.type="button",n.tabIndex=0;let o,r;i?(o='<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#ffffff" viewBox="0 0 256 256"><path d="M120,216a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H56V208h56A8,8,0,0,1,120,216Zm109.66-93.66-40-40a8,8,0,0,0-11.32,11.32L204.69,120H112a8,8,0,0,0,0,16h92.69l-26.35,26.34a8,8,0,0,0,11.32,11.32l40-40A8,8,0,0,0,229.66,122.34Z"></path></svg>',r="Logout",n.addEventListener("click",e.onLogout)):(o='<svg class="icon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#ffffff" viewBox="0 0 256 256"><path d="M141.66,133.66l-40,40a8,8,0,0,1-11.32-11.32L116.69,136H24a8,8,0,0,1,0-16h92.69L90.34,93.66a8,8,0,0,1,11.32-11.32l40,40A8,8,0,0,1,141.66,133.66ZM200,32H136a8,8,0,0,0,0,16h56V208H136a8,8,0,0,0,0,16h64a8,8,0,0,0,8-8V40A8,8,0,0,0,200,32Z"></path></svg>',r="Login",n.addEventListener("click",e.onLogin)),n.innerHTML=o;let s=document.createElement("span");return s.className="rail-tooltip",s.textContent=r,n.appendChild(s),t.appendChild(n),t}function No(i,e){let t=document.createElement("div");t.id="unnoodle-rail-host";let n=t.attachShadow({mode:"open"}),o=document.createElement("style");o.textContent=zo,n.appendChild(o);let r=Ft(i.initials),s=Ot({activeSection:i.activeSection,hasMemoryGlow:i.hasMemoryGlow},e),a=qt(i.isLoggedIn,e),c=document.createElement("div");c.className="rail-shell";let d=document.createElement("nav");d.className="rail",d.appendChild(r),d.appendChild(s),d.appendChild(a),c.appendChild(d),n.appendChild(c);let l=34;document.body.style.transition="margin-right 0.28s cubic-bezier(0.4,0,0.2,1)",document.body.style.marginRight=`${l}px`;function p(m){var v,f,y,A;d.removeChild(r),d.removeChild(s),d.removeChild(a),r=Ft((v=m.initials)!=null?v:i.initials),s=Ot({activeSection:(f=m.activeSection)!=null?f:i.activeSection,hasMemoryGlow:(y=m.hasMemoryGlow)!=null?y:i.hasMemoryGlow},e),a=qt((A=m.isLoggedIn)!=null?A:i.isLoggedIn,e),d.appendChild(r),d.appendChild(s),d.appendChild(a),Object.assign(i,m);}function h(){t.remove(),document.body.style.marginRight="";}return {element:t,setState:p,cleanup:h}}function Uo(i,e,t,n,o,r,s,a,c,d,l,p,h,m,v,f,y,A,L,N,U,F,Q,_,C,$,Y,H,P,O){let I=Ut(e,t,n,o,r,s,a,c,d,l,p,h,m,v,f,y,A,L,N,U,F,Q,_,C,$,Y,H,P,O),X=fo(i,A);document.body.appendChild(I.element),document.body.appendChild(X.element);let j=()=>{X.cleanup(),I.cleanup();};return {panel:I,setProgress:X.setProgress,cleanup:j}}function Fo(i,e,t){let n=Ut(...t),o=No(i,e);document.body.appendChild(n.element),document.body.appendChild(o.element);let r=()=>{o.cleanup(),n.cleanup();};return {panel:n,setRailState:o.setState,cleanup:r}}var zi=new Set(["INPUT","TEXTAREA","SCRIPT","STYLE","CODE","PRE","KBD","SAMP","VAR","NOSCRIPT","BUTTON","SELECT","OPTION","OPTGROUP"]),Ni=new Set(["unnoodle-panel-host","unnoodle-btn-host"]),Oo="unnoodle-highlight",Ui=["border-bottom: 1px dotted currentColor","cursor: pointer","opacity: 0.85","text-decoration: none"].join("; ");function qo(i){return i.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}var gt=class{constructor(e){this.highlights=[];this.onTermClick=e;}apply(e){this.remove();let t=e.filter(r=>r.status==="ACTIVE");if(t.length===0)return;let{regex:n,termMap:o}=this.buildPattern(t);this.walkAndHighlight(document.body,n,o);}remove(){var e;for(let t=this.highlights.length-1;t>=0;t--){let n=this.highlights[t],o=n.parentNode;o&&(o.replaceChild(document.createTextNode((e=n.textContent)!=null?e:""),n),o.normalize());}this.highlights=[];}buildPattern(e){let t=new Map,n=[...e].sort((s,a)=>a.term.length-s.term.length),o=[];for(let s of n){let a=s.term.toLowerCase();if(t.has(a)||(t.set(a,s),o.push(qo(s.term))),s.abbreviation){let c=s.abbreviation.toLowerCase();t.has(c)||(t.set(c,s),o.push(qo(s.abbreviation)));}}return o.length===0?{regex:/(?!)/g,termMap:t}:{regex:new RegExp(`\\b(${o.join("|")})\\b`,"gi"),termMap:t}}walkAndHighlight(e,t,n){if(e.nodeType===Node.ELEMENT_NODE){let o=e;if(Ni.has(o.id)||o.classList.contains(Oo)||o.getAttribute("contenteditable")!=null||zi.has(o.tagName))return;for(let r of Array.from(o.childNodes))this.walkAndHighlight(r,t,n);}else e.nodeType===Node.TEXT_NODE&&this.highlightTextNode(e,t,n);}highlightTextNode(e,t,n){var l;let o=(l=e.textContent)!=null?l:"";if(!o.trim())return;t.lastIndex=0;let r=[],s=0,a;for(;(a=t.exec(o))!==null;){let p=a[0],h=n.get(p.toLowerCase());if(!h)continue;a.index>s&&r.push(o.slice(s,a.index));let m=document.createElement("span");m.className=Oo,m.dataset.termId=String(h.id),m.textContent=p,m.title=h.definition.length>120?`${h.definition.slice(0,120)}\u2026`:h.definition,m.style.cssText=Ui,m.addEventListener("click",v=>{v.stopPropagation(),this.onTermClick(h);}),r.push(m),this.highlights.push(m),s=a.index+p.length;}if(r.length===0)return;r.push(o.slice(s));let c=e.parentNode;if(!c)return;let d=e.nextSibling;c.removeChild(e);for(let p of r)typeof p=="string"?p&&c.insertBefore(document.createTextNode(p),d):c.insertBefore(p,d);}};var _o=new Set(["INPUT","TEXTAREA","SCRIPT","STYLE","CODE","PRE","KBD","SAMP","VAR","NOSCRIPT","BUTTON","SELECT","OPTION","OPTGROUP"]),Go=new Set(["unnoodle-panel-host","unnoodle-btn-host"]),Fi=5,Oi=2,qi=new Set(["The","This","These","Those","That","Then","There","They","Their","When","Where","What","Why","How","With","From","Into","Has","Have","Was","Were","For","But","And","Or","In","On","At","By","Us","We","He","She","It","Our","Its","You","Your","His","Her","An","As","Be","Do","To","If","Of","So","Up","I"]),ft=class{scan(e){var a;let t=this.buildGlossarySet(e),n=this.extractText(document.body),o=new Map,r=/[A-Z][a-zA-Z]*(?:\s+[A-Z][a-zA-Z]*)*/g,s;for(;(s=r.exec(n))!==null;){let c=s[0].split(/\s+/);for(let d=0;d<c.length;d++)if(!qi.has(c[d]))for(let l=1;l<=Math.min(3,c.length-d);l++){let p=c.slice(d,d+l).join(" ");p.length<2||t.has(p.toLowerCase())||o.set(p,((a=o.get(p))!=null?a:0)+1);}}return [...o.entries()].filter(([,c])=>c>=Oi).sort((c,d)=>d[1]-c[1]).slice(0,Fi).map(([c,d])=>({term:c,count:d}))}getPageContext(e){var o;let t=e.toLowerCase(),n=Array.from(document.body.querySelectorAll("p, li, blockquote, td, section, article"));for(let r of n){if(_o.has(r.tagName)||Go.has(r.id))continue;let s=(o=r.textContent)!=null?o:"";if(s.toLowerCase().includes(t))return s.slice(0,500).trim()}return ""}buildGlossarySet(e){let t=new Set;for(let n of e)t.add(n.term.toLowerCase()),n.abbreviation&&t.add(n.abbreviation.toLowerCase());return t}extractText(e){var t;if(e.nodeType===Node.ELEMENT_NODE){let n=e;return Go.has(n.id)||_o.has(n.tagName)||n.getAttribute("contenteditable")!=null?"":Array.from(n.childNodes).map(o=>this.extractText(o)).join(" ")}return e.nodeType===Node.TEXT_NODE&&(t=e.textContent)!=null?t:""}};var vt=class{constructor(e){this.ui=null;this.rail=null;this.isOpen=false;this.isFetching=false;this.keydownHandler=null;this.authToken=null;this.tokenExpiryTimer=null;this.cachedResponse=null;this.cachedDiscussions=null;this.cachedHomeMemories=null;this.highlighter=null;this.suggester=null;this.captureModeController=null;this.activeSuggestion=null;this.ssoProviders=null;this.ssoPopupCleanup=null;this.fuseIndex=null;this.currentTerm=null;this.currentDiscussion=null;this.currentMemory=null;this.memories=[];this.memoriesPage=0;this.hasMoreMemories=false;this.pendingAction=null;this.sessionKey="unnoodle_jwt";this.config=e;}getUserInitials(){let e=this.config.userName,t=this.config.userEmail;if(!e&&this.authToken)try{let n=this.authToken;if(n){let o=n.split(".");if(o.length===3&&typeof o[1]=="string"){let r=JSON.parse(atob(o[1]));e=r.name,t=r.email;}}}catch(n){}if(e){let n=e.trim().split(" ");if(n.length===1)return n[0]&&n[0][0]?n[0][0].toUpperCase():"?";let o=n[0]&&n[0][0]?n[0][0]:"",r=n[n.length-1],s=r&&r[0]?r[0]:"";return (o+s).toUpperCase()||"?"}return t&&t[0]?t[0].toUpperCase():"?"}init(){var t,n;if(!this.config)throw new Error("WidgetController: config is not set");let e=(t=this.config.theme)==null?void 0:t.shadowTokens;if(this.config.useRail){let o=!!this.resolveToken(),r=o?this.getUserInitials():null,s={isLoggedIn:o,initials:r,activeSection:"overview",hasMemoryGlow:false},a={onOverview:()=>this.open(),onMemory:()=>{var p,h,m,v,f,y;this.isOpen||this.open();let l=!!this.resolveToken();(p=this.cachedResponse)!=null&&p.productMemories?(h=this.ui)==null||h.panel.showAllMemories(this.cachedResponse.productMemories,l):this.cachedHomeMemories?(m=this.ui)==null||m.panel.showAllMemories(this.cachedHomeMemories,l):(y=(v=this.ui)==null?void 0:(f=v.panel).showAllMemories)==null||y.call(f,[],l);},onVocabulary:()=>{var l,p,h,m;this.isOpen||this.open(),this.cachedResponse?(l=this.ui)==null||l.panel.showAllConcepts(this.cachedResponse.glossary):(m=(p=this.ui)==null?void 0:(h=p.panel).showAllConcepts)==null||m.call(h,[]);},onClarifications:()=>{var p,h,m,v;this.isOpen||this.open();let l=!!this.resolveToken();this.cachedDiscussions?(p=this.ui)==null||p.panel.showAllClarifications(this.cachedDiscussions,l):(v=(h=this.ui)==null?void 0:(m=h.panel).showAllClarifications)==null||v.call(m,[],l);},onLogin:()=>{var l;this.isOpen||(this.isOpen=true,(l=this.ui)==null||l.panel.show()),this.showLoginWithProviders();},onLogout:()=>{this.clearAuthToken(),this.showLoginWithProviders();}},c=[(l,p)=>this.handleLogin(l,p),l=>this.handleSearch(l),this.config.workspaceUrl,()=>{var l;this.isOpen=false,(l=this.highlighter)==null||l.remove();},()=>this.handleBack(),(l,p)=>this.handleAddComment(l,p),(l,p)=>this.handleEditTerm(l,p),l=>this.handleTermClick(l),l=>this.handleRequestEdit(l),()=>{var l;this.resolveToken()?(l=this.captureModeController)==null||l.start():this.showLoginWithProviders();},()=>{this.loadMemories(0,false);},l=>{this.handleViewMemoryDetail(l);},(l,p,h)=>{this.handleUpdateEntryExplanation(l,p,h);},()=>{var l;this.isOpen=false,(l=this.highlighter)==null||l.remove();},()=>{this.isOpen=false;},l=>{this.handleSsoLogin(l);},e,(l,p)=>{this.handleAskQuestion(l,p);},()=>{this.resolveToken()||this.showLoginWithProviders();},(l,p)=>{this.handleCreateTerm(l,p);},()=>{var l,p;this.cachedResponse&&((l=this.ui)==null||l.panel.showSearchResults(this.cachedResponse.glossary,""),(p=this.ui)==null||p.panel.setAuthenticated(!!this.resolveToken()));},l=>{this.handleClarificationClick(l);},(l,p,h)=>{this.handlePostReply(l,p,h);},l=>{this.handleAddEntryToMemory(l);},l=>{this.handleDeleteMemory(l);},(l,p)=>{this.handleDeleteEntry(l,p);},()=>{var l;this.cachedResponse&&((l=this.ui)==null||l.panel.showAllConcepts(this.cachedResponse.glossary));},()=>{var l;this.cachedDiscussions&&((l=this.ui)==null||l.panel.showAllClarifications(this.cachedDiscussions,!!this.resolveToken()));},()=>{var l,p;(l=this.cachedResponse)!=null&&l.productMemories&&((p=this.ui)==null||p.panel.showAllMemories(this.cachedResponse.productMemories,!!this.resolveToken()));}],d=Fo(s,a,c);this.ui={panel:d.panel,setProgress:()=>{},cleanup:d.cleanup},this.rail=d;}else this.ui=Uo(()=>this.toggle(),(o,r)=>this.handleLogin(o,r),o=>this.handleSearch(o),this.config.workspaceUrl,()=>{var o;this.isOpen=false,(o=this.highlighter)==null||o.remove();},()=>this.handleBack(),(o,r)=>this.handleAddComment(o,r),(o,r)=>this.handleEditTerm(o,r),o=>this.handleTermClick(o),o=>this.handleRequestEdit(o),()=>{var o;console.log("[unnoodle] onCaptureUiState callback triggered",{captureModeController:!!this.captureModeController,ui:!!this.ui}),this.resolveToken()?(o=this.captureModeController)==null||o.start():this.showLoginWithProviders();},()=>{this.loadMemories(0,false);},o=>{this.handleViewMemoryDetail(o);},(o,r,s)=>{this.handleUpdateEntryExplanation(o,r,s);},()=>{var o;this.isOpen=false,(o=this.highlighter)==null||o.remove();},()=>{this.isOpen=false;},o=>{this.handleSsoLogin(o);},e,(o,r)=>{this.handleAskQuestion(o,r);},()=>{this.resolveToken()||this.showLoginWithProviders();},(o,r)=>{this.handleCreateTerm(o,r);},()=>{var o,r;this.cachedResponse&&((o=this.ui)==null||o.panel.showSearchResults(this.cachedResponse.glossary,""),(r=this.ui)==null||r.panel.setAuthenticated(!!this.resolveToken()));},o=>{this.handleClarificationClick(o);},(o,r,s)=>{this.handlePostReply(o,r,s);},o=>{this.handleAddEntryToMemory(o);},o=>{this.handleDeleteMemory(o);},(o,r)=>{this.handleDeleteEntry(o,r);},()=>{var o;console.log("DEBUG: onShowAllConcepts called, cachedResponse:",!!this.cachedResponse),this.cachedResponse&&(console.log("DEBUG: Calling showAllConcepts with",this.cachedResponse.glossary.length,"terms"),(o=this.ui)==null||o.panel.showAllConcepts(this.cachedResponse.glossary));},()=>{var o;console.log("DEBUG: onShowAllClarifications called, cachedDiscussions:",!!this.cachedDiscussions),this.cachedDiscussions&&(console.log("DEBUG: Calling showAllClarifications with",this.cachedDiscussions.length,"discussions"),(o=this.ui)==null||o.panel.showAllClarifications(this.cachedDiscussions,!!this.resolveToken()));},()=>{var o,r,s,a;console.log("DEBUG: onShowAllMemories called",{hasCachedResponse:!!this.cachedResponse,hasResponseMemories:!!((o=this.cachedResponse)!=null&&o.productMemories),hasCachedHomeMemories:!!this.cachedHomeMemories}),(r=this.cachedResponse)!=null&&r.productMemories?(console.log("DEBUG: Using cached memories from main response",this.cachedResponse.productMemories.length),(s=this.ui)==null||s.panel.showAllMemories(this.cachedResponse.productMemories,!!this.resolveToken())):this.cachedHomeMemories?(console.log("DEBUG: Using cached memories from separate cache",this.cachedHomeMemories.length),(a=this.ui)==null||a.panel.showAllMemories(this.cachedHomeMemories,!!this.resolveToken())):(console.log("DEBUG: No cached memories, fetching via API"),this.loadAllMemories());});if(this.captureModeController=zt(this.ui.panel,this.config,()=>this.resolveToken(),()=>{var o,r;return (r=(o=this.cachedResponse)==null?void 0:o.glossary)!=null?r:[]},()=>{this.loadHomeMemoryItems();}),this.keydownHandler=o=>{(o.metaKey||o.ctrlKey)&&o.key==="u"&&(o.preventDefault(),this.toggle());},document.addEventListener("keydown",this.keydownHandler),this.highlighter=new gt(o=>this.handleTermClick(o)),this.suggester=new ft,this.config._plugins)for(let o of this.config._plugins)try{(n=o.onInit)==null||n.call(o,this.config);}catch(r){}}open(){this.isOpen||!this.ui||(this.isOpen=true,this.ui.panel.show(),this.loadTerms());}close(){var e;!this.isOpen||!this.ui||(this.isOpen=false,(e=this.highlighter)==null||e.remove(),this.ui.panel.hide());}toggle(){this.isOpen?this.close():this.open();}setProgress(e){var t;(t=this.ui)==null||t.setProgress(e);}destroy(){var e,t,n;this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null),this.tokenExpiryTimer!==null&&(clearTimeout(this.tokenExpiryTimer),this.tokenExpiryTimer=null),(e=this.highlighter)==null||e.remove(),this.highlighter=null,this.suggester=null,this.captureModeController=null,this.activeSuggestion=null,this.ssoProviders=null,(t=this.ssoPopupCleanup)==null||t.call(this),this.ssoPopupCleanup=null,(n=this.ui)==null||n.cleanup(),this.ui=null,this.authToken=null,this.cachedResponse=null,this.cachedDiscussions=null,this.cachedHomeMemories=null,this.fuseIndex=null,this.currentTerm=null,this.pendingAction=null;try{sessionStorage.removeItem(this.sessionKey);}catch(o){}}resolveToken(){var e;return this.authToken?this.authToken:typeof this.config.getAuthToken=="function"&&(e=this.config.getAuthToken())!=null?e:null}clearAuthToken(){this.authToken=null;try{sessionStorage.removeItem(this.sessionKey);}catch(e){}}scheduleTokenExpiry(e){this.tokenExpiryTimer!==null&&(clearTimeout(this.tokenExpiryTimer),this.tokenExpiryTimer=null);try{let t=e.split(".");if(t.length!==3)return;let n=t[1];if(!n)return;let o=n.replace(/-/g,"+").replace(/_/g,"/"),r=JSON.parse(atob(o));if(typeof r.exp!="number")return;let a=r.exp*1e3-Date.now();if(a<=0){this.clearAuthToken();return}this.tokenExpiryTimer=setTimeout(()=>{this.tokenExpiryTimer=null,this.clearAuthToken(),this.isOpen&&this.ui&&this.showLoginWithProviders();},a);}catch(t){}}async showLoginWithProviders(){this.ui&&(this.ssoProviders||(this.ssoProviders=await je(this.config)),this.ui&&this.ui.panel.showLogin(this.ssoProviders));}handleSsoLogin(e){var c,d,l;if(!this.ui)return;let t=(d=(c=this.config.baseUrl)==null?void 0:c.replace(/\/$/,""))!=null?d:"https://api.unnoodle.com",n=`${t}/api/auth/oauth/${e}?widget=true`,o=window.open(n,"unnoodle-sso","width=500,height=650,scrollbars=yes,resizable=yes");(l=this.ssoPopupCleanup)==null||l.call(this),this.ssoPopupCleanup=null;let r=()=>{clearInterval(a),window.removeEventListener("message",s),this.ssoPopupCleanup=null;},s=p=>{try{let m=new URL(t).origin;if(p.origin!==m)return}catch(m){}if(!p.data||typeof p.data!="object"||p.data.type!=="unnoodle-oauth-token"||typeof p.data.token!="string")return;r();let h=p.data.token;if(h){this.authToken=h;try{sessionStorage.setItem(this.sessionKey,h);}catch(m){}if(this.scheduleTokenExpiry(h),o==null||o.close(),this.pendingAction){let m=this.pendingAction;this.pendingAction=null,m();}else this.fetchTerms(h);}},a=setInterval(()=>{o!=null&&o.closed&&r();},500);this.ssoPopupCleanup=r,window.addEventListener("message",s);}loadTerms(){var e,t,n,o,r,s,a;if(this.cachedResponse){(e=this.ui)==null||e.panel.showTerms(this.cachedResponse),(t=this.captureModeController)==null||t.setHomeData(this.cachedResponse),(n=this.highlighter)==null||n.apply(this.cachedResponse.glossary),this.showSuggestions(this.cachedResponse.glossary),this.cachedResponse.clarifications!==void 0?(console.log("[DEBUG] Loading clarifications from main response cache",this.cachedResponse.clarifications.length),this.cachedDiscussions=this.cachedResponse.clarifications,(o=this.ui)==null||o.panel.loadClarifications(this.cachedResponse.clarifications,!!this.resolveToken())):this.cachedDiscussions?(r=this.ui)==null||r.panel.loadClarifications(this.cachedDiscussions,!!this.resolveToken()):this.fetchDiscussions(this.cachedResponse.context.id),this.cachedResponse.productMemories!==void 0?(console.log("[DEBUG] Loading memories from main response cache",this.cachedResponse.productMemories.length),this.cachedHomeMemories=this.cachedResponse.productMemories,(s=this.ui)==null||s.panel.showHomeMemoryItems(this.cachedResponse.productMemories)):this.cachedHomeMemories?(console.log("[DEBUG] Using cached home memories from separate cache",this.cachedHomeMemories.length),(a=this.ui)==null||a.panel.showHomeMemoryItems(this.cachedHomeMemories)):this.loadHomeMemoryItems();return}this.fetchTerms(this.resolveToken());}async handleLogin(e,t){var n;if(this.ui){this.ui.panel.setLoginLoading(true);try{let o=await We(this.config,{email:e,password:t});this.authToken=o.token;try{sessionStorage.setItem(this.sessionKey,o.token);}catch(r){}if(this.scheduleTokenExpiry(o.token),this.pendingAction){let r=this.pendingAction;this.pendingAction=null,r();}else await this.fetchTerms(o.token);}catch(o){let r=o instanceof D&&o.status===401?"Invalid email or password.":"Login failed. Please try again.";this.ui.panel.setLoginError(r);}finally{(n=this.ui)==null||n.panel.setLoginLoading(false);}}}async handleTermClick(e){if(!this.ui)return;this.currentTerm=e;let t=this.resolveToken();this.ui.panel.setLoading();try{let n=await He(this.config,e.id,t!=null?t:void 0);this.ui&&this.ui.panel.showTermDetail(e,n,{showEdit:!0});}catch(n){this.ui&&this.ui.panel.showTermDetail(e,[],{showEdit:true});}}handleBack(){var e;!this.ui||!this.cachedResponse||(this.currentTerm=null,this.pendingAction=null,this.ui.panel.showTerms(this.cachedResponse),(e=this.captureModeController)==null||e.setHomeData(this.cachedResponse),this.cachedResponse.clarifications!==void 0?(this.cachedDiscussions=this.cachedResponse.clarifications,this.ui.panel.loadClarifications(this.cachedResponse.clarifications,!!this.resolveToken())):this.cachedDiscussions&&this.ui.panel.loadClarifications(this.cachedDiscussions,!!this.resolveToken()),this.cachedResponse.productMemories!==void 0?(this.cachedHomeMemories=this.cachedResponse.productMemories,this.ui.panel.showHomeMemoryItems(this.cachedResponse.productMemories)):this.cachedHomeMemories?this.ui.panel.showHomeMemoryItems(this.cachedHomeMemories):this.loadHomeMemoryItems());}handleAddComment(e,t){this.ui&&(t?this.submitComment(e,t):this.resolveToken()?this.ui.panel.showCommentForm(e):(this.pendingAction=()=>{var o;return (o=this.ui)==null?void 0:o.panel.showCommentForm(e)},this.showLoginWithProviders()));}handleRequestEdit(e){var o,r,s;if(!this.ui)return;let t=(s=(r=this.currentTerm)!=null?r:(o=this.cachedResponse)==null?void 0:o.glossary.find(a=>a.id===e))!=null?s:null;if(!t)return;this.resolveToken()?this.ui.panel.showEditForm(t):(this.pendingAction=()=>{var a;return (a=this.ui)==null?void 0:a.panel.showEditForm(t)},this.showLoginWithProviders());}handleEditTerm(e,t){this.submitEdit(e,t);}async submitComment(e,t){var o,r;let n=this.resolveToken();if(!(!n||!this.ui)){this.ui.panel.setCommentLoading(true);try{await Ze(this.config,e,t,n);let s=await He(this.config,e,n);this.ui&&this.currentTerm&&this.ui.panel.showTermDetail(this.currentTerm,s,{showEdit:!0});}catch(s){let a=s instanceof D?s.message:"Failed to post comment. Please try again.";(o=this.ui)==null||o.panel.setCommentError(a);}finally{(r=this.ui)==null||r.panel.setCommentLoading(false);}}}async submitEdit(e,t){var o,r;let n=this.resolveToken();if(!(!n||!this.ui)){this.ui.panel.setEditLoading(true);try{await Ke(this.config,e,t,n),this.cachedResponse=null,this.fuseIndex=null,await this.fetchTerms(n);}catch(s){let a=s instanceof D?s.message:"Failed to update term. Please try again.";(o=this.ui)==null||o.panel.setEditError(a);}finally{(r=this.ui)==null||r.panel.setEditLoading(false);}}}async fetchTerms(e){var t,n,o,r;if(!(this.isFetching||!this.ui)){this.isFetching=true,this.setProgress(true),this.ui.panel.setLoading();try{let s=await Ge(this.config,e);if(this.cachedResponse=s,(t=this.highlighter)==null||t.apply(s.glossary),this.config._plugins)for(let a of this.config._plugins)try{(n=a.onResponse)==null||n.call(a,s);}catch(c){}if(this.ui){if(this.ui.panel.showTerms(s),(o=this.captureModeController)==null||o.setHomeData(s),this.showSuggestions(s.glossary),this.ui.panel.setAuthenticated(!!this.resolveToken()),s.clarifications!==void 0){let a=s.clarifications.slice(0,5);this.cachedDiscussions=a,this.cachedResponse.clarifications=a,this.ui.panel.loadClarifications(a,!!this.resolveToken());}else this.fetchDiscussions(s.context.id);if(s.productMemories!==void 0){let a=s.productMemories.slice(0,5);this.cachedHomeMemories=a,this.cachedResponse.productMemories=a,this.ui.panel.showHomeMemoryItems(a);}else this.loadHomeMemoryItems();}}catch(s){let a=s instanceof Error?s:new Error(String(s));if(this.config._plugins)for(let c of this.config._plugins)try{(r=c.onError)==null||r.call(c,a);}catch(d){}this.ui&&this.ui.panel.setError("Could not load terms. Please check your connection and try again.");}finally{this.isFetching=false,this.setProgress(false);}}}async fetchDiscussions(e){if(this.ui)try{let n=(await Pe(this.config,e,this.resolveToken())).slice(0,5);this.cachedDiscussions=n,this.cachedResponse&&(this.cachedResponse.clarifications=n),this.ui.panel.loadClarifications(n,!!this.resolveToken());}catch(t){this.ui&&this.ui.panel.loadClarifications([],!!this.resolveToken());}}async handleCreateTerm(e,t){let n=this.resolveToken();if(!(!n||!this.ui||!this.cachedResponse))try{await Je(this.config,this.cachedResponse.context.id,e,t,n),await this.fetchTerms(n);}catch(o){let r=o instanceof D?o.message:"Failed to add term. Please try again.";this.ui.panel.showToast(r);}}async handleAskQuestion(e,t){let n=this.resolveToken();if(!(!n||!this.ui))try{await rt(this.config,e,t,n),await this.fetchDiscussions(e);}catch(o){let r=o instanceof D?o.message:"Failed to post question. Please try again.";this.ui.panel.showToast(r);}}handleClarificationClick(e){if(!this.ui)return;this.currentDiscussion=e;let t=!!this.resolveToken();this.ui.panel.showClarificationDetail(e,t);}async handlePostReply(e,t,n){var r;let o=this.resolveToken();if(!(!o||!this.ui))try{await st(this.config,e,t,n,o);let s=await Pe(this.config,e,o);this.cachedDiscussions=s;let a=s.find(c=>c.id===t);a&&(this.currentDiscussion=a,this.ui.panel.showClarificationDetail(a,!0)),this.ui.panel.loadClarifications(s,!0);}catch(s){let a=s instanceof D?s.message:"Failed to post reply. Please try again.";(r=this.ui)==null||r.panel.showToast(a);}}async handleSearch(e){var r;if(!this.ui||!this.cachedResponse)return;let t=e.trim();if(!t){this.ui.panel.showTerms(this.cachedResponse),(r=this.captureModeController)==null||r.setHomeData(this.cachedResponse),this.loadHomeMemoryItems();return}this.fuseIndex||(this.fuseIndex=this.buildFuseIndex(this.cachedResponse.glossary));let o=this.fuseIndex.search(t).map(s=>s.item);this.ui.panel.showSearchResults(o,t);try{let s=this.resolveToken(),a=await Ve(this.config,this.cachedResponse.context.id,t,s);this.ui&&this.ui.panel.showSearchResults(a,t);}catch(s){}}buildFuseIndex(e){return new ge(e,{keys:[{name:"term",weight:3},{name:"abbreviation",weight:2},{name:"definition",weight:1}],threshold:.35,includeScore:true,ignoreLocation:true,minMatchCharLength:2})}showSuggestions(e){if(!this.ui||!this.suggester)return;let t=this.suggester.scan(e);t.length!==0&&this.ui.panel.showSuggestedTerms(t,n=>this.handleAddSuggestion(n));}handleAddSuggestion(e){if(!this.ui)return;if(this.activeSuggestion=e,!this.resolveToken()){this.pendingAction=()=>this.openAiGenerateFlow(e),this.showLoginWithProviders();return}this.openAiGenerateFlow(e);}async openAiGenerateFlow(e){var r,s,a,c;if(!this.ui)return;let t=this.resolveToken();if(!t)return;let n=(s=(r=this.suggester)==null?void 0:r.getPageContext(e))!=null?s:"",o=typeof window!="undefined"?window.location.href:"";this.ui.panel.setAiModalLoading(false);try{let d=await Ye(this.config,e,n,o,t);(a=this.ui)==null||a.panel.showAiModal(e,d,l=>{this.submitSuggestedTerm(e,l);},()=>{var l;this.cachedResponse&&this.ui&&(this.ui.panel.showTerms(this.cachedResponse),(l=this.captureModeController)==null||l.setHomeData(this.cachedResponse),this.showSuggestions(this.cachedResponse.glossary),this.loadHomeMemoryItems());});}catch(d){(c=this.ui)==null||c.panel.showAiModal(e,"",l=>{this.submitSuggestedTerm(e,l);},()=>{var l;this.cachedResponse&&this.ui&&(this.ui.panel.showTerms(this.cachedResponse),(l=this.captureModeController)==null||l.setHomeData(this.cachedResponse),this.showSuggestions(this.cachedResponse.glossary),this.loadHomeMemoryItems());});}}async loadMemories(e,t=false){if(!this.ui)return;let n=this.resolveToken();try{let o=await Ee(this.config,e,n);t||(this.memories=[]),this.memories=[...this.memories,...o.content],this.memoriesPage=o.number,this.hasMoreMemories=!o.last,this.ui.panel.showMemoriesList(o.content,o.number,!o.last,t);}catch(o){let r=o instanceof D?o.message:"Could not load Product Memories.";this.ui.panel.showToast(r);}}async loadAllMemories(){var t,n;if(!this.ui)return;let e=this.resolveToken();try{let o=await Ee(this.config,0,e);(t=this.ui)==null||t.panel.showAllMemories(o.content,!!e);}catch(o){console.error("[unnoodle] loadAllMemories failed:",o),(n=this.ui)==null||n.panel.showAllMemories([],false);}}async loadHomeMemoryItems(){var t,n;if(!this.ui)return;let e=this.resolveToken();try{let r=(await Ee(this.config,0,e)).content.slice(0,5);this.cachedHomeMemories=r,this.cachedResponse&&(this.cachedResponse.productMemories=r),(t=this.ui)==null||t.panel.showHomeMemoryItems(r);}catch(o){console.error("loadHomeMemoryItems failed:",o),(n=this.ui)==null||n.panel.showHomeMemoryItems([]);}}async handleViewMemoryDetail(e){if(!this.ui)return;let t=this.resolveToken();try{let n=await ot(this.config,e,t);this.currentMemory=n,this.ui.panel.showMemoryDetail(n);}catch(n){this.ui.panel.showToast("Could not load memory details.");}}async handleUpdateEntryExplanation(e,t,n){if(!this.ui)return;let o=this.resolveToken();if(o)try{let r=await tt(this.config,e,t,{explanation:n},o);this.currentMemory=r,this.ui.panel.showMemoryDetail(r),this.ui.panel.showToast("Explanation saved \u2713");}catch(r){this.ui.panel.showToast("Could not save explanation.");}}handleAddEntryToMemory(e){if(!this.ui||!this.currentMemory)return;if(!this.resolveToken()){this.showLoginWithProviders();return}zt(this.ui.panel,this.config,()=>this.resolveToken(),()=>{var o,r;return (r=(o=this.cachedResponse)==null?void 0:o.glossary)!=null?r:[]},()=>{this.handleViewMemoryDetail(e);},new ct(e),{type:"add-entry",memoryTitle:this.currentMemory.title}).start();}async handleDeleteMemory(e){if(!this.ui)return;let t=this.resolveToken();if(t)try{await nt(this.config,e,t),this.ui.panel.showToast("Memory deleted \u2713"),await this.loadMemories(0,!1);}catch(n){this.ui.panel.showToast("Could not delete memory.");}}async handleDeleteEntry(e,t){if(!this.ui)return;let n=this.resolveToken();if(n)try{let o=await it(this.config,e,t,n);this.currentMemory=o,this.ui.panel.showMemoryDetail(o),this.ui.panel.showToast("Entry deleted \u2713");}catch(o){this.ui.panel.showToast("Could not delete entry.");}}async submitSuggestedTerm(e,t){var o;if(!this.ui||!this.cachedResponse)return;let n=this.resolveToken();if(n){this.ui.panel.setAiModalLoading(true);try{await Xe(this.config,this.cachedResponse.context.id,e,t,n),this.ui.panel.showTerms(this.cachedResponse),(o=this.captureModeController)==null||o.setHomeData(this.cachedResponse),this.showSuggestions(this.cachedResponse.glossary),this.loadHomeMemoryItems(),this.ui.panel.showToast("Term submitted for approval"),this.activeSuggestion=null;}catch(r){this.ui.panel.setAiModalLoading(false);r instanceof D?r.message:"Failed to submit term. Please try again.";}}}};function _t(i){var e;return {textContent:(e=i.textContent)!=null?e:"",innerHTML:i.innerHTML}}var Gt=class{constructor(){this.observer=null;this.timerId=null;this.pendingMutations=[];this.watchedEl=null;this.callback=null;this.preBatchState=null;}watch(e,t){this.unwatch(),this.watchedEl=e,this.callback=t,this.preBatchState=_t(e),this.observer=new MutationObserver(n=>{for(let o of n)this.pendingMutations.push(o);this.scheduleFlush();}),this.observer.observe(e,{childList:true,subtree:true,characterData:true,characterDataOldValue:true,attributes:true,attributeOldValue:true});}unwatch(){var e;this.timerId!==null&&(clearTimeout(this.timerId),this.timerId=null),(e=this.observer)==null||e.disconnect(),this.observer=null,this.pendingMutations=[],this.preBatchState=null,this.watchedEl=null,this.callback=null;}scheduleFlush(){this.timerId!==null&&clearTimeout(this.timerId),this.timerId=setTimeout(()=>this.flush(),500);}flush(){this.timerId=null;let e=[...this.pendingMutations];if(this.pendingMutations=[],!this.watchedEl||!this.callback||!this.preBatchState)return;let t=this.computeDiff(e,this.preBatchState,this.watchedEl);t?(this.preBatchState=_t(this.watchedEl),this.callback(t)):this.preBatchState=_t(this.watchedEl);}computeDiff(e,t,n){var c,d,l,p;let o=e.filter(h=>!(h.type==="attributes"&&h.attributeName==="style"));if(o.length===0)return null;let r=o.find(h=>h.type==="attributes");if(r){let h=r.attributeName;return {type:"attribute",attribute:h,before:(c=r.oldValue)!=null?c:"",after:(d=n.getAttribute(h))!=null?d:""}}let s=o.find(h=>h.type==="characterData");if(s)return {type:"text",before:(l=s.oldValue)!=null?l:"",after:s.target.data};let a=o.filter(h=>h.type==="childList");if(a.length>0){let h=[];for(let v of a){for(let f of Array.from(v.addedNodes))h.push(f);for(let f of Array.from(v.removedNodes))h.push(f);}return h.every(v=>v.nodeType===Node.TEXT_NODE)?{type:"text",before:t.textContent,after:(p=n.textContent)!=null?p:""}:{type:"structure",before:t.innerHTML,after:n.innerHTML}}return null}};var _i=/\b(loading|spinner|submitting|saving|please wait)\b/i,Gi=/\b(error|failed|invalid|failure|try again|went wrong)\b/i,Vi=/\b(success|saved|complete|done|submitted|finished)\b/i,Wi=[[/\b(loading|spinner|pending|busy)\b/,"Loading state"],[/\b(disabled|inactive|unavailable)\b/,"Disabled state"],[/\b(error|invalid|danger|fail)\b/,"Error state"],[/\b(success|valid|done|complete)\b/,"Success state"],[/\b(active|selected|open|checked|focused)\b/,"Active state"],[/\b(collapsed|closed|hidden)\b/,"Collapsed state"]];function Vo(i){return new Set(i.split(/\s+/).filter(Boolean))}function ji(i,e){let t=Vo(i);return [...Vo(e)].filter(n=>!t.has(n)).join(" ")}function Zi(i,e){if(i.type==="text"){let t=i.after;return _i.test(t)?"Loading state":Gi.test(t)?"Error state":Vi.test(t)?"Success state":null}if(i.type==="attribute"){let{attribute:t,after:n}=i;if(t==="class"){let o=ji(i.before,n);if(o){for(let[r,s]of Wi)if(r.test(o))return s}return null}if(t==="disabled")return e.hasAttribute("disabled")?"Disabled state":"Enabled state";if(t==="aria-expanded")return n==="true"?"Expanded state":"Collapsed state";if(t==="aria-selected")return n==="true"?"Selected state":null;if(t==="aria-busy")return n==="true"?"Loading state":null;if(t==="aria-label"){let o=n.trim();return o?`Label changed to: ${o}`:null}return null}return null}var Ki="unnoodle-live-ring",Yi=`
+  position: fixed;
+  pointer-events: none;
+  z-index: 2147483645;
+  border: 2px solid #5C4EFA;
+  border-radius: 4px;
+  background: rgba(92, 78, 250, 0.10);
+  box-shadow: 0 0 0 1px rgba(92, 78, 250, 0.35), 0 0 8px rgba(92, 78, 250, 0.25);
+`,Vt=class{constructor(){this.ring=null;}show(e){this.hide(),e.scrollIntoView({behavior:"smooth",block:"center"});let t=e.getBoundingClientRect(),n=document.createElement("div");n.id=Ki,n.setAttribute("data-testid","unnoodle-live-ring"),n.style.cssText=Yi,n.style.top=`${t.top}px`,n.style.left=`${t.left}px`,n.style.width=`${t.width}px`,n.style.height=`${t.height}px`,document.body.appendChild(n),this.ring=n;}hide(){var e;(e=this.ring)==null||e.remove(),this.ring=null;}};function Xi(i,e){try{let t=new URL(i),n=new URL(e);return t.origin===n.origin&&t.pathname===n.pathname}catch(t){return i===e}}var Wt=class{constructor(e,t){this.stateWatcher=e;this.targetingEngine=t;}load(e,t){var a,c;if(this.unload(),!e.watchForChanges)return;let n=e.entries[0];if(!n||!Xi(n.url,window.location.href))return;let o=n.targetingMetadata;if(!o)return;let r=J(S(S({},o.id!==void 0&&{id:o.id}),o.dataTestId!==void 0&&{dataTestId:o.dataTestId}),{tag:o.tag,role:(a=o.role)!=null?a:null,text:(c=o.text)!=null?c:"",url:n.url}),s=this.targetingEngine.resolve(r);s&&this.stateWatcher.watch(s,t);}unload(){this.stateWatcher.unwatch();}};var oe=null;function Ji(i){if(typeof document!="undefined"&&or(i)){if(oe){let e=`unnoodle_token_${i.apiKey.slice(-8)}`,t=null;try{t=sessionStorage.getItem(e);}catch(n){}if(oe.destroy(),oe=null,t)try{sessionStorage.setItem(e,t);}catch(n){}}oe=new vt(i),oe.init();}}function Qi(){oe==null||oe.open();}function er(){oe==null||oe.close();}function tr(){oe==null||oe.destroy(),oe=null;}var Js={init:Ji,open:Qi,close:er,destroy:tr};function or(i){return !i||typeof i!="object"?(console.warn("[Unnoodle] initUnnoodle() requires a config object."),false):!i.apiKey||typeof i.apiKey!="string"||i.apiKey.trim()===""?(console.warn("[Unnoodle] initUnnoodle() requires a non-empty `apiKey` string (e.g. pk_live_xxx)."),false):!i.context||typeof i.context!="string"||i.context.trim()===""?(console.warn("[Unnoodle] initUnnoodle() requires a non-empty `context` string."),false):(i.environment&&!["dev","staging","prod"].includes(i.environment)&&console.warn(`[Unnoodle] Invalid environment "${i.environment}". Must be "dev", "staging", or "prod". Defaulting to "prod".`),true)}export{Vt as LiveRenderer,Wt as MemoryDetailController,Gt as StateWatcher,Js as Unnoodle,er as closeUnnoodle,tr as destroyUnnoodle,Zi as inferMeaning,Ji as initUnnoodle,Qi as openUnnoodle};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map