npm - @uicopilot/storybook-addon - Versions diffs - 0.10.0 → 0.10.2 - Mend

@uicopilot/storybook-addon 0.10.0 → 0.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/manager.mjs +5 -5
package/package.json +5 -5

package/dist/manager.mjs CHANGED Viewed

@@ -11,7 +11,7 @@ var XT=Object.create;var Zl=Object.defineProperty;var JT=Object.getOwnPropertyDe
   `+t+`
 --`+new Array((r||t.length)+1).join("-")+"^"})}var Ob=$(()=>{"use strict";kc()});var tR,rR,nR,oR,iR,$b,Oc,Hb=$(()=>{"use strict";Ob();tR=9,rR=10,nR=12,oR=13,iR=32,$b=new Uint8Array(128).map((e,t)=>/[a-zA-Z0-9\-]/.test(String.fromCharCode(t))?1:0),Oc=class{constructor(t){this.str=t,this.pos=0}charCodeAt(t){return t<this.str.length?this.str.charCodeAt(t):0}charCode(){return this.charCodeAt(this.pos)}isNameCharCode(t=this.charCode()){return t<128&&$b[t]===1}nextCharCode(){return this.charCodeAt(this.pos+1)}nextNonWsCode(t){return this.charCodeAt(this.findWsEnd(t))}skipWs(){this.pos=this.findWsEnd(this.pos)}findWsEnd(t){for(;t<this.str.length;t++){let r=this.str.charCodeAt(t);if(r!==oR&&r!==rR&&r!==nR&&r!==iR&&r!==tR)break}return t}substringToPos(t){return this.str.substring(this.pos,this.pos=t)}eat(t){this.charCode()!==t&&this.error("Expect `"+String.fromCharCode(t)+"`"),this.pos++}peek(){return this.pos<this.str.length?this.str.charAt(this.pos++):""}error(t){throw new Nb(t,this.str,this.pos)}scanSpaces(){return this.substringToPos(this.findWsEnd(this.pos))}scanWord(){let t=this.pos;for(;t<this.str.length;t++){let r=this.str.charCodeAt(t);if(r>=128||$b[r]===0)break}return this.pos===t&&this.error("Expect a keyword"),this.substringToPos(t)}scanNumber(){let t=this.pos;for(;t<this.str.length;t++){let r=this.str.charCodeAt(t);if(r<48||r>57)break}return this.pos===t&&this.error("Expect a number"),this.substringToPos(t)}scanString(){let t=this.str.indexOf("'",this.pos+1);return t===-1&&(this.pos=this.str.length,this.error("Expect an apostrophe")),this.substringToPos(t+1)}}});function qb(e){let t=null,r=null;return e.eat(Uc),e.skipWs(),t=e.scanNumber(e),e.skipWs(),e.charCode()===ig?(e.pos++,e.skipWs(),e.charCode()!==rg&&(r=e.scanNumber(e),e.skipWs())):r=t,e.eat(rg),{min:Number(t),max:r?Number(r):0}}function pR(e){let t=null,r=!1;switch(e.charCode()){case Jb:e.pos++,t={min:0,max:0};break;case og:e.pos++,t={min:1,max:0};break;case Hc:e.pos++,t={min:0,max:1};break;case ng:e.pos++,r=!0,e.charCode()===Uc?t=qb(e):e.charCode()===Hc?(e.pos++,t={min:0,max:0}):t={min:1,max:0};break;case Uc:t=qb(e);break;default:return null}return{type:"Multiplier",comma:r,min:t.min,max:t.max,term:null}}function Oo(e,t){let r=pR(e);return r!==null?(r.term=t,e.charCode()===ng&&e.charCodeAt(e.pos-1)===og||e.charCode()===Hc&&e.charCodeAt(e.pos-1)===rg?Oo(e,r):r):t}function eg(e){let t=e.peek();return t===""?null:Oo(e,{type:"Token",value:t})}function gR(e){let t;return e.eat(ag),e.eat($c),t=e.scanWord(),e.eat($c),e.eat(tg),Oo(e,{type:"Property",name:t})}function fR(e){let t=null,r=null,n=1;return e.eat(As),e.charCode()===jb&&(e.peek(),n=-1),n==-1&&e.charCode()===Wb?e.peek():(t=n*Number(e.scanNumber(e)),e.isNameCharCode()&&(t+=e.scanWord())),e.skipWs(),e.eat(ig),e.skipWs(),e.charCode()===Wb?e.peek():(n=1,e.charCode()===jb&&(e.peek(),n=-1),r=n*Number(e.scanNumber(e)),e.isNameCharCode()&&(r+=e.scanWord())),e.eat(ba),{type:"Range",min:t,max:r}}function mR(e){let t,r=null;if(e.eat(ag),t=e.scanWord(),t==="boolean-expr"){e.eat(As);let n=jc(e,ba);return e.eat(ba),e.eat(tg),Oo(e,{type:"Boolean",term:n.terms.length===1?n.terms[0]:n})}return e.charCode()===Kb&&e.nextCharCode()===Xb&&(e.pos+=2,t+="()"),e.charCodeAt(e.findWsEnd(e.pos))===As&&(e.skipWs(),r=fR(e)),e.eat(tg),Oo(e,{type:"Type",name:t,opts:r})}function hR(e){let t=e.scanWord();return e.charCode()===Kb?(e.pos++,{type:"Function",name:t}):Oo(e,{type:"Keyword",name:t})}function xR(e,t){function r(o,i){return{type:"Group",terms:o,combinator:i,disallowEmpty:!1,explicit:!1}}let n;for(t=Object.keys(t).sort((o,i)=>Gb[o]-Gb[i]);t.length>0;){n=t.shift();let o=0,i=0;for(;o<e.length;o++){let a=e[o];a.type==="Combinator"&&(a.value===n?(i===-1&&(i=o-1),e.splice(o,1),o--):(i!==-1&&o-i>1&&(e.splice(i,o-i,r(e.slice(i,o),n)),o=i+1),i=-1))}i!==-1&&t.length&&e.splice(i,o-i,r(e.slice(i,o),n))}return n}function jc(e,t=-1){let r=Object.create(null),n=[],o=null,i=e.pos,a=!1;for(;e.charCode()!==t;){let s=a?jc(e,Xb):bR(e);if(!s)break;if(s.type!=="Spaces"){if(a){if(s.terms.length===0){a=!1;continue}if(s.combinator===" "){for(;s.terms.length>1;)r[" "]=!0,n.push({type:"Combinator",value:" "},s.terms.shift());s=s.terms[0]}}s.type==="Combinator"?((o===null||o.type==="Combinator")&&(e.pos=i,e.error("Unexpected combinator")),r[s.value]=!0):o!==null&&o.type!=="Combinator"&&(r[" "]=!0,n.push({type:"Combinator",value:" "})),n.push(s),o=s,i=e.pos,a=s.type==="Function"}}return o!==null&&o.type==="Combinator"&&(e.pos-=i,e.error("Unexpected combinator")),{type:"Group",terms:n,combinator:xR(n,r)||" ",disallowEmpty:!1,explicit:!1}}function yR(e){let t;return e.eat(As),t=jc(e,ba),e.eat(ba),t.explicit=!0,e.charCode()===Yb&&(e.pos++,t.disallowEmpty=!0),t}function bR(e){let t=e.charCode();switch(t){case ba:break;case As:return Oo(e,yR(e));case ag:return e.nextCharCode()===$c?gR(e):mR(e);case Vb:return{type:"Combinator",value:e.substringToPos(e.pos+(e.nextCharCode()===Vb?2:1))};case Ub:return e.pos++,e.eat(Ub),{type:"Combinator",value:"&&"};case ig:return e.pos++,{type:"Comma"};case $c:return Oo(e,{type:"String",value:e.scanString()});case uR:case aR:case sR:case cR:case lR:return{type:"Spaces",value:e.scanSpaces()};case dR:return t=e.nextCharCode(),e.isNameCharCode(t)?(e.pos++,{type:"AtKeyword",name:e.scanWord()}):eg(e);case Jb:case og:case Hc:case ng:case Yb:break;case Uc:if(t=e.nextCharCode(),t<48||t>57)return eg(e);break;default:return e.isNameCharCode(t)?hR(e):eg(e)}}function Fs(e){let t=new Oc(e),r=jc(t);return t.pos!==e.length&&t.error("Unexpected input"),r.terms.length===1&&r.terms[0].type==="Group"?r.terms[0]:r}var aR,sR,lR,cR,uR,Yb,ng,Ub,$c,Kb,Xb,Jb,og,ig,jb,ag,tg,Hc,dR,As,ba,Uc,Vb,rg,Wb,Gb,sg=$(()=>{"use strict";Hb();aR=9,sR=10,lR=12,cR=13,uR=32,Yb=33,ng=35,Ub=38,$c=39,Kb=40,Xb=41,Jb=42,og=43,ig=44,jb=45,ag=60,tg=62,Hc=63,dR=64,As=91,ba=93,Uc=123,Vb=124,rg=125,Wb=8734,Gb={" ":1,"&&":2,"||":3,"|":4}});function Qb(e){return typeof e=="function"?e:Ps}function lg(e,t,r){function n(a){switch(o.call(r,a),a.type){case"Group":a.terms.forEach(n);break;case"Multiplier":case"Boolean":n(a.term);break;case"Type":case"Property":case"Keyword":case"AtKeyword":case"Function":case"String":case"Token":case"Comma":break;default:throw new Error("Unknown type: "+a.type)}i.call(r,a)}let o=Ps,i=Ps;if(typeof t=="function"?o=t:t&&(o=Qb(t.enter),i=Qb(t.leave)),o===Ps&&i===Ps)throw new Error("Neither `enter` nor `leave` walker handler is set or both aren't a function");n(e,r)}var Ps,Zb=$(()=>{"use strict";Ps=function(){}});var cg=$(()=>{"use strict";$p();sg();Zb()});function SR(e){let t=[];return ti(e,(r,n,o)=>t.push({type:r,value:e.slice(n,o),node:null})),t}function e2(e,t){return typeof e=="string"?SR(e):t.generate(e,vR)}var vR,t2=$(()=>{"use strict";Bn();vR={decorator(e){let t=[],r=null;return{...e,node(n){let o=r;r=n,e.node.call(this,n),r=o},emit(n,o,i){t.push({type:o,value:n,node:i?null:r})},result(){return t}}}}});function qr(e,t,r){return t===Rt&&r===Ot||e===Rt&&t===Rt&&r===Rt?e:(e.type==="If"&&e.else===Ot&&t===Rt&&(t=e.then,e=e.match),{type:"If",match:e,then:t,else:r})}function n2(e){return e.length>2&&e.charCodeAt(e.length-2)===kR&&e.charCodeAt(e.length-1)===CR}function r2(e){return e.type==="Keyword"||e.type==="AtKeyword"||e.type==="Function"||e.type==="Type"&&n2(e.name)}function ni(e,t=" ",r=!1){return{type:"Group",terms:e,combinator:t,disallowEmpty:!1,explicit:r}}function Ms(e,t,r=new Set){if(!r.has(e))switch(r.add(e),e.type){case"If":e.match=Ms(e.match,t,r),e.then=Ms(e.then,t,r),e.else=Ms(e.else,t,r);break;case"Type":return t[e.name]||e}return e}function ug(e,t,r){switch(e){case" ":{let n=Rt;for(let o=t.length-1;o>=0;o--){let i=t[o];n=qr(i,n,Ot)}return n}case"|":{let n=Ot,o=null;for(let i=t.length-1;i>=0;i--){let a=t[i];if(r2(a)&&(o===null&&i>0&&r2(t[i-1])&&(o=Object.create(null),n=qr({type:"Enum",map:o},Rt,n)),o!==null)){let s=(n2(a.name)?a.name.slice(0,-1):a.name).toLowerCase();if(!(s in o)){o[s]=a;continue}}o=null,n=qr(a,Rt,n)}return n}case"&&":{if(t.length>5)return{type:"MatchOnce",terms:t,all:!0};let n=Ot;for(let o=t.length-1;o>=0;o--){let i=t[o],a;t.length>1?a=ug(e,t.filter(function(s){return s!==i}),!1):a=Rt,n=qr(i,a,n)}return n}case"||":{if(t.length>5)return{type:"MatchOnce",terms:t,all:!1};let n=r?Rt:Ot;for(let o=t.length-1;o>=0;o--){let i=t[o],a;t.length>1?a=ug(e,t.filter(function(s){return s!==i}),!0):a=Rt,n=qr(i,a,n)}return n}}}function IR(e){let t=Rt,r=wa(e.term);if(e.max===0)r=qr(r,Vc,Ot),t=qr(r,null,Ot),t.then=qr(Rt,Rt,t),e.comma&&(t.then.else=qr({type:"Comma",syntax:e},t,Ot));else for(let n=e.min||1;n<=e.max;n++)e.comma&&t!==Rt&&(t=qr({type:"Comma",syntax:e},t,Ot)),t=qr(r,qr(Rt,Rt,t),Ot);if(e.min===0)t=qr(Rt,Rt,t);else for(let n=0;n<e.min-1;n++)e.comma&&t!==Rt&&(t=qr({type:"Comma",syntax:e},t,Ot)),t=qr(r,t,Ot);return t}function wa(e){if(typeof e=="function")return{type:"Generic",fn:e};switch(e.type){case"Group":{let t=ug(e.combinator,e.terms.map(wa),!1);return e.disallowEmpty&&(t=qr(t,Vc,Ot)),t}case"Multiplier":return IR(e);case"Boolean":{let t=wa(e.term),r=wa(ni([ni([{type:"Keyword",name:"not"},{type:"Type",name:"!boolean-group"}]),ni([{type:"Type",name:"!boolean-group"},ni([{type:"Multiplier",comma:!1,min:0,max:0,term:ni([{type:"Keyword",name:"and"},{type:"Type",name:"!boolean-group"}])},{type:"Multiplier",comma:!1,min:0,max:0,term:ni([{type:"Keyword",name:"or"},{type:"Type",name:"!boolean-group"}])}],"|")])],"|")),n=wa(ni([{type:"Type",name:"!term"},ni([{type:"Token",value:"("},{type:"Type",name:"!self"},{type:"Token",value:")"}]),{type:"Type",name:"general-enclosed"}],"|"));return Ms(n,{"!term":t,"!self":r}),Ms(r,{"!boolean-group":n}),r}case"Type":case"Property":return{type:e.type,name:e.name,syntax:e};case"Keyword":return{type:e.type,name:e.name.toLowerCase(),syntax:e};case"AtKeyword":return{type:e.type,name:"@"+e.name.toLowerCase(),syntax:e};case"Function":return{type:e.type,name:e.name.toLowerCase()+"(",syntax:e};case"String":return e.value.length===3?{type:"Token",value:e.value.charAt(1),syntax:e}:{type:e.type,value:e.value.substr(1,e.value.length-2).replace(/\\'/g,"'"),syntax:e};case"Token":return{type:e.type,value:e.value,syntax:e};case"Comma":return{type:e.type,syntax:e};default:throw new Error("Unknown node type:",e.type)}}function Ls(e,t){return typeof e=="string"&&(e=Fs(e)),{type:"MatchGraph",match:wa(e),syntax:t||null,source:e}}var Rt,Ot,Vc,kR,CR,dg=$(()=>{"use strict";sg();Rt={type:"Match"},Ot={type:"Mismatch"},Vc={type:"DisallowEmpty"},kR=40,CR=41});function PR(e){let t=null,r=null,n=e;for(;n!==null;)r=n.prev,n.prev=t,t=n,n=r;return t}function pg(e,t){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++){let n=t.charCodeAt(r),o=e.charCodeAt(r);if(o>=65&&o<=90&&(o=o|32),o!==n)return!1}return!0}function MR(e){return e.type!==9?!1:e.value!=="?"}function s2(e){return e===null?!0:e.type===18||e.type===2||e.type===21||e.type===19||e.type===23||MR(e)}function l2(e){return e===null?!0:e.type===22||e.type===20||e.type===24||e.type===9&&e.value==="/"}function LR(e,t,r){function n(){do x++,S=x<e.length?e[x]:null;while(S!==null&&(S.type===13||S.type===25))}function o(O){let L=x+O;return L<e.length?e[L]:null}function i(O,L){return{nextState:O,matchStack:z,syntaxStack:p,thenStack:g,tokenIndex:x,prev:L}}function a(O){g={nextState:O,matchStack:z,syntaxStack:p,prev:g}}function s(O){d=i(O,d)}function u(){z={type:ER,syntax:t.syntax,token:S,prev:z},n(),f=null,x>M&&(M=x)}function c(){p={syntax:t.syntax,opts:t.syntax.opts||p!==null&&p.opts||null,prev:p},z={type:gg,syntax:t.syntax,token:z.token,prev:z}}function l(){z.type===gg?z=z.prev:z={type:c2,syntax:p.syntax,token:z.token,prev:z},p=p.prev}let p=null,g=null,d=null,f=null,y=0,I=null,S=null,x=-1,M=0,z={type:TR,syntax:null,token:null,prev:null};for(n();I===null&&++y<a2;)switch(t.type){case"Match":if(g===null){if(S!==null&&(x!==e.length-1||S.value!=="\\0"&&S.value!=="\\9")){t=Ot;break}I=i2;break}if(t=g.nextState,t===Vc)if(g.matchStack===z){t=Ot;break}else t=Rt;for(;g.syntaxStack!==p;)l();g=g.prev;break;case"Mismatch":if(f!==null&&f!==!1)(d===null||x>d.tokenIndex)&&(d=f,f=!1);else if(d===null){I=RR;break}t=d.nextState,g=d.thenStack,p=d.syntaxStack,z=d.matchStack,x=d.tokenIndex,S=x<e.length?e[x]:null,d=d.prev;break;case"MatchGraph":t=t.match;break;case"If":t.else!==Ot&&s(t.else),t.then!==Rt&&a(t.then),t=t.match;break;case"MatchOnce":t={type:"MatchOnceBuffer",syntax:t,index:0,mask:0};break;case"MatchOnceBuffer":{let _=t.syntax.terms;if(t.index===_.length){if(t.mask===0||t.syntax.all){t=Ot;break}t=Rt;break}if(t.mask===(1<<_.length)-1){t=Rt;break}for(;t.index<_.length;t.index++){let m=1<<t.index;if((t.mask&m)===0){s(t),a({type:"AddMatchOnce",syntax:t.syntax,mask:t.mask|m}),t=_[t.index++];break}}break}case"AddMatchOnce":t={type:"MatchOnceBuffer",syntax:t.syntax,index:0,mask:t.mask};break;case"Enum":if(S!==null){let _=S.value.toLowerCase();if(_.indexOf("\\")!==-1&&(_=_.replace(/\\[09].*$/,"")),o2.call(t.map,_)){t=t.map[_];break}}t=Ot;break;case"Generic":{let _=p!==null?p.opts:null,m=x+Math.floor(t.fn(S,o,_));if(!isNaN(m)&&m>x){for(;x<m;)u();t=Rt}else t=Ot;break}case"Type":case"Property":{let _=t.type==="Type"?"types":"properties",m=o2.call(r,_)?r[_][t.name]:null;if(!m||!m.match)throw new Error("Bad syntax reference: "+(t.type==="Type"?"<"+t.name+">":"<'"+t.name+"'>"));if(f!==!1&&S!==null&&t.type==="Type"&&(t.name==="custom-ident"&&S.type===1||t.name==="length"&&S.value==="0")){f===null&&(f=i(t,d)),t=Ot;break}c(),t=m.matchRef||m.match;break}case"Keyword":{let _=t.name;if(S!==null){let m=S.value;if(m.indexOf("\\")!==-1&&(m=m.replace(/\\[09].*$/,"")),pg(m,_)){u(),t=Rt;break}}t=Ot;break}case"AtKeyword":case"Function":if(S!==null&&pg(S.value,t.name)){u(),t=Rt;break}t=Ot;break;case"Token":if(S!==null&&S.value===t.value){u(),t=Rt;break}t=Ot;break;case"Comma":S!==null&&S.type===18?s2(z.token)?t=Ot:(u(),t=l2(S)?Ot:Rt):t=s2(z.token)||l2(S)?Rt:Ot;break;case"String":let O="",L=x;for(;L<e.length&&O.length<t.value.length;L++)O+=e[L].value;if(pg(O,t.value)){for(;x<L;)u();t=Rt}else t=Ot;break;default:throw new Error("Unknown node type: "+t.type)}switch(FR+=y,I){case null:console.warn("[csstree-match] BREAK after "+a2+" iterations"),I=AR,z=null;break;case i2:for(;p!==null;)l();break;default:z=null}return{tokens:e,reason:I,iterations:y,match:z,longestMatch:M}}function fg(e,t,r){let n=LR(e,t,r||{});if(n.match===null)return n;let o=n.match,i=n.match={syntax:t.syntax||null,match:[]},a=[i];for(o=PR(o).prev;o!==null;){switch(o.type){case gg:i.match.push(i={syntax:o.syntax,match:[]}),a.push(i);break;case c2:a.pop(),i=a[a.length-1];break;default:i.match.push({syntax:o.syntax||null,token:o.token.value,node:o.token.node})}o=o.prev}return n}var o2,TR,ER,gg,c2,i2,RR,AR,a2,FR,u2=$(()=>{"use strict";dg();({hasOwnProperty:o2}=Object.prototype),TR=0,ER=1,gg=2,c2=3,i2="Match",RR="Mismatch",AR="Maximum iteration number exceeded (please fill an issue on https://github.com/csstree/csstree/issues)",a2=15e3,FR=0});var hg={};Ee(hg,{getTrace:()=>d2,isKeyword:()=>DR,isProperty:()=>zR,isType:()=>BR});function d2(e){function t(o){return o===null?!1:o.type==="Type"||o.type==="Property"||o.type==="Keyword"}function r(o){if(Array.isArray(o.match)){for(let i=0;i<o.match.length;i++)if(r(o.match[i]))return t(o.syntax)&&n.unshift(o.syntax),!0}else if(o.node===e)return n=t(o.syntax)?[o.syntax]:[],!0;return!1}let n=null;return this.matched!==null&&r(this.matched),n}function BR(e,t){return mg(this,e,r=>r.type==="Type"&&r.name===t)}function zR(e,t){return mg(this,e,r=>r.type==="Property"&&r.name===t)}function DR(e){return mg(this,e,t=>t.type==="Keyword")}function mg(e,t,r){let n=d2.call(e,t);return n===null?!1:n.some(r)}var p2=$(()=>{"use strict"});function g2(e){return"node"in e?e.node:g2(e.match[0])}function f2(e){return"node"in e?e.node:f2(e.match[e.match.length-1])}function xg(e,t,r,n,o){function i(s){if(s.syntax!==null&&s.syntax.type===n&&s.syntax.name===o){let u=g2(s),c=f2(s);e.syntax.walk(t,function(l,p,g){if(l===u){let d=new Sn;do{if(d.appendData(p.data),p.data===c)break;p=p.next}while(p!==null);a.push({parent:g,nodes:d})}})}Array.isArray(s.match)&&s.match.forEach(i)}let a=[];return r.matched!==null&&i(r.matched),a}var m2=$(()=>{"use strict";vs()});function yg(e){return typeof e=="number"&&isFinite(e)&&Math.floor(e)===e&&e>=0}function h2(e){return!!e&&yg(e.offset)&&yg(e.line)&&yg(e.column)}function _R(e,t){return function(n,o){if(!n||n.constructor!==Object)return o(n,"Type of node should be an Object");for(let i in n){let a=!0;if(Bs.call(n,i)!==!1){if(i==="type")n.type!==e&&o(n,"Wrong node type `"+n.type+"`, expected `"+e+"`");else if(i==="loc"){if(n.loc===null)continue;if(n.loc&&n.loc.constructor===Object)if(typeof n.loc.source!="string")i+=".source";else if(!h2(n.loc.start))i+=".start";else if(!h2(n.loc.end))i+=".end";else continue;a=!1}else if(t.hasOwnProperty(i)){a=!1;for(let s=0;!a&&s<t[i].length;s++){let u=t[i][s];switch(u){case String:a=typeof n[i]=="string";break;case Boolean:a=typeof n[i]=="boolean";break;case null:a=n[i]===null;break;default:typeof u=="string"?a=n[i]&&n[i].type===u:Array.isArray(u)&&(a=n[i]instanceof Sn)}}}else o(n,"Unknown field `"+i+"` for "+e+" node type");a||o(n,"Bad value for `"+e+"."+i+"`")}}for(let i in t)Bs.call(t,i)&&Bs.call(n,i)===!1&&o(n,"Field `"+e+"."+i+"` is missed")}}function x2(e,t){let r=[];for(let n=0;n<e.length;n++){let o=e[n];if(o===String||o===Boolean)r.push(o.name.toLowerCase());else if(o===null)r.push("null");else if(typeof o=="string")r.push(o);else if(Array.isArray(o))r.push("List<"+(x2(o,t)||"any")+">");else throw new Error("Wrong value `"+o+"` in `"+t+"` structure definition")}return r.join(" | ")}function NR(e,t){let r=t.structure,n={type:String,loc:!0},o={type:'"'+e+'"'};for(let i in r){if(Bs.call(r,i)===!1)continue;let a=n[i]=Array.isArray(r[i])?r[i].slice():[r[i]];o[i]=x2(a,e+"."+i)}return{docs:o,check:_R(e,n)}}function y2(e){let t={};if(e.node){for(let r in e.node)if(Bs.call(e.node,r)){let n=e.node[r];if(n.structure)t[r]=NR(r,n);else throw new Error("Missed `structure` field in `"+r+"` node type definition")}}return t}var Bs,b2=$(()=>{"use strict";vs();({hasOwnProperty:Bs}=Object.prototype)});function bg(e,t,r){let n={};for(let o in e)e[o].syntax&&(n[o]=r?e[o].syntax:fa(e[o].syntax,{compact:t}));return n}function OR(e,t,r){let n={};for(let[o,i]of Object.entries(e))n[o]={prelude:i.prelude&&(r?i.prelude.syntax:fa(i.prelude.syntax,{compact:t})),descriptors:i.descriptors&&bg(i.descriptors,t,r)};return n}function $R(e){for(let t=0;t<e.length;t++)if(e[t].value.toLowerCase()==="var(")return!0;return!1}function HR(e){let t=e.terms[0];return e.explicit===!1&&e.terms.length===1&&t.type==="Multiplier"&&t.comma===!0}function eo(e,t,r){return{matched:e,iterations:r,error:t,...hg}}function va(e,t,r,n){let o=e2(r,e.syntax),i;return $R(o)?eo(null,new Error("Matching for a tree with var() is not supported")):(n&&(i=fg(o,e.cssWideKeywordsSyntax,e)),(!n||!i.match)&&(i=fg(o,t.match,e),!i.match)?eo(null,new Sb(i.reason,t.syntax,r,i),i.iterations):eo(i.match,null,i.iterations))}var zs,w2=$(()=>{"use strict";kb();Bc();zc();Db();_b();cg();t2();dg();u2();p2();m2();b2();zs=class{constructor(t,r,n){if(this.cssWideKeywords=xa,this.syntax=r,this.generic=!1,this.units={...Nc},this.atrules=Object.create(null),this.properties=Object.create(null),this.types=Object.create(null),this.structure=n||y2(t),t){if(t.cssWideKeywords&&(this.cssWideKeywords=t.cssWideKeywords),t.units)for(let o of Object.keys(Nc))Array.isArray(t.units[o])&&(this.units[o]=t.units[o]);if(t.types)for(let[o,i]of Object.entries(t.types))this.addType_(o,i);if(t.generic){this.generic=!0;for(let[o,i]of Object.entries(zb(this.units)))this.addType_(o,i)}if(t.atrules)for(let[o,i]of Object.entries(t.atrules))this.addAtrule_(o,i);if(t.properties)for(let[o,i]of Object.entries(t.properties))this.addProperty_(o,i)}this.cssWideKeywordsSyntax=Ls(this.cssWideKeywords.join(" |  "))}checkStructure(t){function r(i,a){o.push({node:i,message:a})}let n=this.structure,o=[];return this.syntax.walk(t,function(i){n.hasOwnProperty(i.type)?n[i.type].check(i,r):r(i,"Unknown node type `"+i.type+"`")}),o.length?o:!1}createDescriptor(t,r,n,o=null){let i={type:r,name:n},a={type:r,name:n,parent:o,serializable:typeof t=="string"||t&&typeof t.type=="string",syntax:null,match:null,matchRef:null};return typeof t=="function"?a.match=Ls(t,i):(typeof t=="string"?Object.defineProperty(a,"syntax",{get(){return Object.defineProperty(a,"syntax",{value:Fs(t)}),a.syntax}}):a.syntax=t,Object.defineProperty(a,"match",{get(){return Object.defineProperty(a,"match",{value:Ls(a.syntax,i)}),a.match}}),r==="Property"&&Object.defineProperty(a,"matchRef",{get(){let s=a.syntax,u=HR(s)?Ls({...s,terms:[s.terms[0].term]},i):null;return Object.defineProperty(a,"matchRef",{value:u}),u}})),a}addAtrule_(t,r){r&&(this.atrules[t]={type:"Atrule",name:t,prelude:r.prelude?this.createDescriptor(r.prelude,"AtrulePrelude",t):null,descriptors:r.descriptors?Object.keys(r.descriptors).reduce((n,o)=>(n[o]=this.createDescriptor(r.descriptors[o],"AtruleDescriptor",o,t),n),Object.create(null)):null})}addProperty_(t,r){r&&(this.properties[t]=this.createDescriptor(r,"Property",t))}addType_(t,r){r&&(this.types[t]=this.createDescriptor(r,"Type",t))}checkAtruleName(t){if(!this.getAtrule(t))return new ma("Unknown at-rule","@"+t)}checkAtrulePrelude(t,r){let n=this.checkAtruleName(t);if(n)return n;let o=this.getAtrule(t);if(!o.prelude&&r)return new SyntaxError("At-rule `@"+t+"` should not contain a prelude");if(o.prelude&&!r&&!va(this,o.prelude,"",!1).matched)return new SyntaxError("At-rule `@"+t+"` should contain a prelude")}checkAtruleDescriptorName(t,r){let n=this.checkAtruleName(t);if(n)return n;let o=this.getAtrule(t),i=Mc(r);if(!o.descriptors)return new SyntaxError("At-rule `@"+t+"` has no known descriptors");if(!o.descriptors[i.name]&&!o.descriptors[i.basename])return new ma("Unknown at-rule descriptor",r)}checkPropertyName(t){if(!this.getProperty(t))return new ma("Unknown property",t)}matchAtrulePrelude(t,r){let n=this.checkAtrulePrelude(t,r);if(n)return eo(null,n);let o=this.getAtrule(t);return o.prelude?va(this,o.prelude,r||"",!1):eo(null,null)}matchAtruleDescriptor(t,r,n){let o=this.checkAtruleDescriptorName(t,r);if(o)return eo(null,o);let i=this.getAtrule(t),a=Mc(r);return va(this,i.descriptors[a.name]||i.descriptors[a.basename],n,!1)}matchDeclaration(t){return t.type!=="Declaration"?eo(null,new Error("Not a Declaration node")):this.matchProperty(t.property,t.value)}matchProperty(t,r){if(Hp(t).custom)return eo(null,new Error("Lexer matching doesn't applicable for custom properties"));let n=this.checkPropertyName(t);return n?eo(null,n):va(this,this.getProperty(t),r,!0)}matchType(t,r){let n=this.getType(t);return n?va(this,n,r,!1):eo(null,new ma("Unknown type",t))}match(t,r){return typeof t!="string"&&(!t||!t.type)?eo(null,new ma("Bad syntax")):((typeof t=="string"||!t.match)&&(t=this.createDescriptor(t,"Type","anonymous")),va(this,t,r,!1))}findValueFragments(t,r,n,o){return xg(this,r,this.matchProperty(t,r),n,o)}findDeclarationValueFragments(t,r,n){return xg(this,t.value,this.matchDeclaration(t),r,n)}findAllFragments(t,r,n){let o=[];return this.syntax.walk(t,{visit:"Declaration",enter:i=>{o.push.apply(o,this.findDeclarationValueFragments(i,r,n))}}),o}getAtrule(t,r=!0){let n=Mc(t);return(n.vendor&&r?this.atrules[n.name]||this.atrules[n.basename]:this.atrules[n.name])||null}getAtrulePrelude(t,r=!0){let n=this.getAtrule(t,r);return n&&n.prelude||null}getAtruleDescriptor(t,r){return this.atrules.hasOwnProperty(t)&&this.atrules.declarators&&this.atrules[t].declarators[r]||null}getProperty(t,r=!0){let n=Hp(t);return(n.vendor&&r?this.properties[n.name]||this.properties[n.basename]:this.properties[n.name])||null}getType(t){return hasOwnProperty.call(this.types,t)?this.types[t]:null}validate(){function t(u,c){return c?`<${u}>`:`<'${u}'>`}function r(u,c,l,p){if(l.has(c))return l.get(c);l.set(c,!1),p.syntax!==null&&lg(p.syntax,function(g){if(g.type!=="Type"&&g.type!=="Property")return;let d=g.type==="Type"?u.types:u.properties,f=g.type==="Type"?o:i;hasOwnProperty.call(d,g.name)?r(u,g.name,f,d[g.name])&&(n.push(`${t(c,l===o)} used broken syntax definition ${t(g.name,g.type==="Type")}`),l.set(c,!0)):(n.push(`${t(c,l===o)} used missed syntax definition ${t(g.name,g.type==="Type")}`),l.set(c,!0))},this)}let n=[],o=new Map,i=new Map;for(let u in this.types)r(this,u,o,this.types[u]);for(let u in this.properties)r(this,u,i,this.properties[u]);let a=[...o.keys()].filter(u=>o.get(u)),s=[...i.keys()].filter(u=>i.get(u));return a.length||s.length?{errors:n,types:a,properties:s}:null}dump(t,r){return{generic:this.generic,cssWideKeywords:this.cssWideKeywords,units:this.units,types:bg(this.types,!r,t),properties:bg(this.properties,!r,t),atrules:OR(this.atrules,!r,t)}}toString(){return JSON.stringify(this.dump())}}});function wg(e,t){return typeof t=="string"&&/^\s*\|/.test(t)?typeof e=="string"?e+t:t.replace(/^\s*\|\s*/,""):t||null}function UR(e,t){let r=Object.create(null);for(let n of Object.keys(e))t.includes(n)&&(r[n]=e[n]);return r}function vg(e,t,r){let n={...e};for(let[o,i]of Object.entries(t))n[o]={...n[o],...r?UR(i,r):i};return n}function Ds(e,t){let r={...e};for(let[n,o]of Object.entries(t))switch(n){case"generic":r[n]=!!o;break;case"cssWideKeywords":r[n]=e[n]?[...e[n],...o]:o||[];break;case"units":r[n]={...e[n]};for(let[i,a]of Object.entries(o))r[n][i]=Array.isArray(a)?a:[];break;case"atrules":r[n]={...e[n]};for(let[i,a]of Object.entries(o)){let s=r[n][i]||{},u=r[n][i]={prelude:s.prelude||null,descriptors:{...s.descriptors}};if(a){u.prelude=a.prelude?wg(u.prelude,a.prelude):u.prelude||null;for(let[c,l]of Object.entries(a.descriptors||{}))u.descriptors[c]=l?wg(u.descriptors[c],l):null;Object.keys(u.descriptors).length||(u.descriptors=null)}}break;case"types":case"properties":r[n]={...e[n]};for(let[i,a]of Object.entries(o))r[n][i]=wg(r[n][i],a);break;case"parseContext":r[n]={...e[n],...o};break;case"scope":case"features":r[n]=vg(e[n],o);break;case"atrule":case"pseudo":r[n]=vg(e[n],o,["parse"]);break;case"node":r[n]=vg(e[n],o,["name","structure","parse","generate","walkContext"]);break}return r}var v2=$(()=>{"use strict"});function S2(e){let t=_y(e),r=bb(e),n=db(e),{fromPlainObject:o,toPlainObject:i}=gb(r),a={lexer:null,createLexer:s=>new zs(s,a,a.lexer.structure),tokenize:ti,parse:t,generate:n,walk:r,find:r.find,findLast:r.findLast,findAll:r.findAll,fromPlainObject:o,toPlainObject:i,fork(s){let u=Ds({},e);return S2(typeof s=="function"?s(u):Ds(u,s))}};return a.lexer=new zs({generic:e.generic,cssWideKeywords:e.cssWideKeywords,units:e.units,types:e.types,atrules:e.atrules,properties:e.properties,node:e.node},a),a}var k2,C2=$(()=>{"use strict";Bn();Ny();pb();fb();wb();w2();v2();k2=e=>S2(Ds({},e))});var I2,T2=$(()=>{"use strict";I2={generic:!0,cssWideKeywords:["initial","inherit","unset","revert","revert-layer"],units:{angle:["deg","grad","rad","turn"],decibel:["db"],flex:["fr"],frequency:["hz","khz"],length:["cm","mm","q","in","pt","pc","px","em","rem","ex","rex","cap","rcap","ch","rch","ic","ric","lh","rlh","vw","svw","lvw","dvw","vh","svh","lvh","dvh","vi","svi","lvi","dvi","vb","svb","lvb","dvb","vmin","svmin","lvmin","dvmin","vmax","svmax","lvmax","dvmax","cqw","cqh","cqi","cqb","cqmin","cqmax"],resolution:["dpi","dpcm","dppx","x"],semitones:["st"],time:["s","ms"]},types:{"abs()":"abs( <calc-sum> )","absolute-size":"xx-small|x-small|small|medium|large|x-large|xx-large|xxx-large","acos()":"acos( <calc-sum> )","alpha-value":"<number>|<percentage>","an+b":"odd|even|<integer>|<n-dimension>|'+'? \u2020 n|-n|<ndashdigit-dimension>|'+'? \u2020 <ndashdigit-ident>|<dashndashdigit-ident>|<n-dimension> <signed-integer>|'+'? \u2020 n <signed-integer>|-n <signed-integer>|<ndash-dimension> <signless-integer>|'+'? \u2020 n- <signless-integer>|-n- <signless-integer>|<n-dimension> ['+'|'-'] <signless-integer>|'+'? \u2020 n ['+'|'-'] <signless-integer>|-n ['+'|'-'] <signless-integer>","anchor()":"anchor( <anchor-name>?&&<anchor-side> , <length-percentage>? )","anchor-name":"<dashed-ident>","anchor-side":"inside|outside|top|left|right|bottom|start|end|self-start|self-end|<percentage>|center","anchor-size":"width|height|block|inline|self-block|self-inline","anchor-size()":"anchor-size( [<anchor-name>||<anchor-size>]? , <length-percentage>? )","angle-percentage":"<angle>|<percentage>","angular-color-hint":"<angle-percentage>|<zero>","angular-color-stop":"<color> <color-stop-angle>?","angular-color-stop-list":"<angular-color-stop> , [<angular-color-hint>? , <angular-color-stop>]#?","animateable-feature":"scroll-position|contents|<custom-ident>","animation-action":"none|play|play-once|play-forwards|play-backwards|pause|reset|replay","asin()":"asin( <calc-sum> )","atan()":"atan( <calc-sum> )","atan2()":"atan2( <calc-sum> , <calc-sum> )",attachment:"scroll|fixed|local","attr()":"attr( <attr-name> <attr-type>? , <declaration-value>? )","attr-matcher":"['~'|'|'|'^'|'$'|'*']? '='","attr-modifier":"i|s","attr-type":"type( <syntax> )|raw-string|number|<attr-unit>","attribute-selector":"'[' <wq-name> ']'|'[' <wq-name> <attr-matcher> [<string-token>|<ident-token>] <attr-modifier>? ']'","auto-repeat":"repeat( [auto-fill|auto-fit] , [<line-names>? <fixed-size>]+ <line-names>? )","auto-track-list":"[<line-names>? [<fixed-size>|<fixed-repeat>]]* <line-names>? <auto-repeat> [<line-names>? [<fixed-size>|<fixed-repeat>]]* <line-names>?",axis:"block|inline|x|y","baseline-position":"[first|last]? baseline","basic-shape":"<inset()>|<xywh()>|<rect()>|<circle()>|<ellipse()>|<polygon()>|<path()>","basic-shape-rect":"<inset()>|<rect()>|<xywh()>","bg-clip":"<visual-box>|border-area|text","bg-image":"<image>|none","bg-layer":"<bg-image>||<bg-position> [/ <bg-size>]?||<repeat-style>||<attachment>||<visual-box>||<visual-box>","bg-position":"[[left|center|right|top|bottom|<length-percentage>]|[left|center|right|<length-percentage>] [top|center|bottom|<length-percentage>]|[center|[left|right] <length-percentage>?]&&[center|[top|bottom] <length-percentage>?]]","bg-size":"[<length-percentage [0,\u221E]>|auto]{1,2}|cover|contain","blend-mode":"normal|multiply|screen|overlay|darken|lighten|color-dodge|color-burn|hard-light|soft-light|difference|exclusion|hue|saturation|color|luminosity","blur()":"blur( <length>? )","brightness()":"brightness( [<number>|<percentage>]? )","calc()":"calc( <calc-sum> )","calc-constant":"e|pi|infinity|-infinity|NaN","calc-product":"<calc-value> ['*' <calc-value>|'/' <number>]*","calc-size()":"calc-size( <calc-size-basis> , <calc-sum> )","calc-size-basis":"<intrinsic-size-keyword>|<calc-size()>|any|<calc-sum>","calc-sum":"<calc-product> [['+'|'-'] <calc-product>]*","calc-value":"<number>|<dimension>|<percentage>|<calc-constant>|( <calc-sum> )","cf-final-image":"<image>|<color>","cf-mixing-image":"<percentage>?&&<image>","circle()":"circle( <radial-size>? [at <position>]? )","clamp()":"clamp( <calc-sum>#{3} )","class-selector":"'.' <ident-token>","clip-source":"<url>",color:"<color-base>|currentColor|<system-color>|<device-cmyk()>|<light-dark()>|<-non-standard-color>","color()":"color( <colorspace-params> [/ [<alpha-value>|none]]? )","color-base":"<hex-color>|<color-function>|<named-color>|<color-mix()>|transparent","color-function":"<rgb()>|<rgba()>|<hsl()>|<hsla()>|<hwb()>|<lab()>|<lch()>|<oklab()>|<oklch()>|<color()>","color-interpolation-method":"in [<rectangular-color-space>|<polar-color-space> <hue-interpolation-method>?|<custom-color-space>]","color-mix()":"color-mix( <color-interpolation-method> , [<color>&&<percentage [0,100]>?]#{2} )","color-stop":"<color-stop-length>|<color-stop-angle>","color-stop-angle":"[<angle-percentage>|<zero>]{1,2}","color-stop-length":"<length-percentage>{1,2}","color-stop-list":"<linear-color-stop> , [<linear-color-hint>? , <linear-color-stop>]#?","colorspace-params":"[<predefined-rgb-params>|<xyz-params>]",combinator:"'>'|'+'|'~'|['|' '|']","common-lig-values":"[common-ligatures|no-common-ligatures]","compat-auto":"searchfield|textarea|checkbox|radio|menulist|listbox|meter|progress-bar|button","compat-special":"textfield|menulist-button","complex-selector":"<complex-selector-unit> [<combinator>? <complex-selector-unit>]*","complex-selector-list":"<complex-selector>#","composite-style":"clear|copy|source-over|source-in|source-out|source-atop|destination-over|destination-in|destination-out|destination-atop|xor","compositing-operator":"add|subtract|intersect|exclude","compound-selector":"[<type-selector>? <subclass-selector>*]!","compound-selector-list":"<compound-selector>#","conic-gradient()":"conic-gradient( [<conic-gradient-syntax>] )","conic-gradient-syntax":"[[[from [<angle>|<zero>]]? [at <position>]?]||<color-interpolation-method>]? , <angular-color-stop-list>","container-condition":"not <query-in-parens>|<query-in-parens> [[and <query-in-parens>]*|[or <query-in-parens>]*]","container-name":"<custom-ident>","container-query":"not <query-in-parens>|<query-in-parens> [[and <query-in-parens>]*|[or <query-in-parens>]*]","content-distribution":"space-between|space-around|space-evenly|stretch","content-list":"[<string>|contents|<image>|<counter>|<quote>|<target>|<leader()>|<attr()>]+","content-position":"center|start|end|flex-start|flex-end","content-replacement":"<image>","contextual-alt-values":"[contextual|no-contextual]","contrast()":"contrast( [<number>|<percentage>]? )","coord-box":"content-box|padding-box|border-box|fill-box|stroke-box|view-box","corner-shape-value":"round|scoop|bevel|notch|square|squircle|<superellipse()>","cos()":"cos( <calc-sum> )",counter:"<counter()>|<counters()>","counter()":"counter( <counter-name> , <counter-style>? )","counter-name":"<custom-ident>","counter-style":"<counter-style-name>|symbols( )","counter-style-name":"<custom-ident>","counters()":"counters( <counter-name> , <string> , <counter-style>? )","cross-fade()":"cross-fade( <cf-mixing-image> , <cf-final-image>? )","cubic-bezier()":"cubic-bezier( [<number [0,1]> , <number>]#{2} )","cubic-bezier-easing-function":"ease|ease-in|ease-out|ease-in-out|cubic-bezier( <number [0,1]> , <number> , <number [0,1]> , <number> )","cursor-predefined":"auto|default|none|context-menu|help|pointer|progress|wait|cell|crosshair|text|vertical-text|alias|copy|move|no-drop|not-allowed|e-resize|n-resize|ne-resize|nw-resize|s-resize|se-resize|sw-resize|w-resize|ew-resize|ns-resize|nesw-resize|nwse-resize|col-resize|row-resize|all-scroll|zoom-in|zoom-out|grab|grabbing","custom-color-space":"<dashed-ident>","custom-params":"<dashed-ident> [<number>|<percentage>|none]+",dasharray:"[[<length-percentage>|<number>]+]#","dashndashdigit-ident":"<ident-token>","deprecated-system-color":"ActiveBorder|ActiveCaption|AppWorkspace|Background|ButtonHighlight|ButtonShadow|CaptionText|InactiveBorder|InactiveCaption|InactiveCaptionText|InfoBackground|InfoText|Menu|MenuText|Scrollbar|ThreeDDarkShadow|ThreeDFace|ThreeDHighlight|ThreeDLightShadow|ThreeDShadow|Window|WindowFrame|WindowText","discretionary-lig-values":"[discretionary-ligatures|no-discretionary-ligatures]","display-box":"contents|none","display-inside":"flow|flow-root|table|flex|grid|ruby","display-internal":"table-row-group|table-header-group|table-footer-group|table-row|table-cell|table-column-group|table-column|table-caption|ruby-base|ruby-text|ruby-base-container|ruby-text-container","display-legacy":"inline-block|inline-list-item|inline-table|inline-flex|inline-grid","display-listitem":"<display-outside>?&&[flow|flow-root]?&&list-item","display-outside":"block|inline|run-in","drop-shadow()":"drop-shadow( [<color>?&&<length>{2,3}] )","dynamic-range-limit-mix()":"dynamic-range-limit-mix( [<'dynamic-range-limit'>&&<percentage [0,100]>]#{2,} )","easing-function":"<linear-easing-function>|<cubic-bezier-easing-function>|<step-easing-function>","east-asian-variant-values":"[jis78|jis83|jis90|jis04|simplified|traditional]","east-asian-width-values":"[full-width|proportional-width]","element()":"element( <custom-ident> , [first|start|last|first-except]? )|element( <id-selector> )","ellipse()":"ellipse( <radial-size>? [at <position>]? )","env()":"env( <custom-ident> , <declaration-value>? )","exp()":"exp( <calc-sum> )","explicit-track-list":"[<line-names>? <track-size>]+ <line-names>?","family-name":"<string>|<custom-ident>+","feature-tag-value":"<string> [<integer>|on|off]?","feature-type":"@stylistic|@historical-forms|@styleset|@character-variant|@swash|@ornaments|@annotation","feature-value-block":"<feature-type> '{' <feature-value-declaration-list> '}'","feature-value-block-list":"<feature-value-block>+","feature-value-declaration":"<custom-ident> : <integer>+ ;","feature-value-declaration-list":"<feature-value-declaration>","feature-value-name":"<custom-ident>","filter-function":"<blur()>|<brightness()>|<contrast()>|<drop-shadow()>|<grayscale()>|<hue-rotate()>|<invert()>|<opacity()>|<saturate()>|<sepia()>","filter-value-list":"[<filter-function>|<url>]+","final-bg-layer":"<bg-image>||<bg-position> [/ <bg-size>]?||<repeat-style>||<attachment>||<visual-box>||<visual-box>||<'background-color'>","fit-content()":"fit-content( <length-percentage [0,\u221E]> )","fixed-breadth":"<length-percentage>","fixed-repeat":"repeat( [<integer [1,\u221E]>] , [<line-names>? <fixed-size>]+ <line-names>? )","fixed-size":"<fixed-breadth>|minmax( <fixed-breadth> , <track-breadth> )|minmax( <inflexible-breadth> , <fixed-breadth> )","font-stretch-absolute":"normal|ultra-condensed|extra-condensed|condensed|semi-condensed|semi-expanded|expanded|extra-expanded|ultra-expanded|<percentage>","font-variant-css2":"normal|small-caps","font-weight-absolute":"normal|bold|<number [1,1000]>","font-width-css3":"normal|ultra-condensed|extra-condensed|condensed|semi-condensed|semi-expanded|expanded|extra-expanded|ultra-expanded","form-control-identifier":"select","frequency-percentage":"<frequency>|<percentage>","generic-complete":"serif|sans-serif|system-ui|cursive|fantasy|math|monospace","general-enclosed":"[<function-token> <any-value>? )]|[( <any-value>? )]","generic-family":"<generic-script-specific>|<generic-complete>|<generic-incomplete>|<-non-standard-generic-family>","generic-incomplete":"ui-serif|ui-sans-serif|ui-monospace|ui-rounded","geometry-box":"<shape-box>|fill-box|stroke-box|view-box",gradient:"<linear-gradient()>|<repeating-linear-gradient()>|<radial-gradient()>|<repeating-radial-gradient()>|<conic-gradient()>|<repeating-conic-gradient()>|<-legacy-gradient>","grayscale()":"grayscale( [<number>|<percentage>]? )","grid-line":"auto|<custom-ident>|[<integer>&&<custom-ident>?]|[span&&[<integer>||<custom-ident>]]","historical-lig-values":"[historical-ligatures|no-historical-ligatures]","hsl()":"hsl( <hue> , <percentage> , <percentage> , <alpha-value>? )|hsl( [<hue>|none] [<percentage>|<number>|none] [<percentage>|<number>|none] [/ [<alpha-value>|none]]? )","hsla()":"hsla( <hue> , <percentage> , <percentage> , <alpha-value>? )|hsla( [<hue>|none] [<percentage>|<number>|none] [<percentage>|<number>|none] [/ [<alpha-value>|none]]? )",hue:"<number>|<angle>","hue-interpolation-method":"[shorter|longer|increasing|decreasing] hue","hue-rotate()":"hue-rotate( [<angle>|<zero>]? )","hwb()":"hwb( [<hue>|none] [<percentage>|<number>|none] [<percentage>|<number>|none] [/ [<alpha-value>|none]]? )","hypot()":"hypot( <calc-sum># )",image:"<url>|<image()>|<image-set()>|<element()>|<paint()>|<cross-fade()>|<gradient>","image()":"image( <image-tags>? [<image-src>? , <color>?]! )","image-set()":"image-set( <image-set-option># )","image-set-option":"[<image>|<string>] [<resolution>||type( <string> )]","image-src":"<url>|<string>","image-tags":"ltr|rtl","inflexible-breadth":"<length-percentage>|min-content|max-content|auto","inset()":"inset( <length-percentage>{1,4} [round <'border-radius'>]? )","invert()":"invert( [<number>|<percentage>]? )","keyframe-block":"<keyframe-selector># { <declaration-list> }","keyframe-selector":"from|to|<percentage [0,100]>|<timeline-range-name> <percentage>","keyframes-name":"<custom-ident>|<string>","lab()":"lab( [<percentage>|<number>|none] [<percentage>|<number>|none] [<percentage>|<number>|none] [/ [<alpha-value>|none]]? )","layer()":"layer( <layer-name> )","layer-name":"<ident> ['.' <ident>]*","lch()":"lch( [<percentage>|<number>|none] [<percentage>|<number>|none] [<hue>|none] [/ [<alpha-value>|none]]? )","leader()":"leader( <leader-type> )","leader-type":"dotted|solid|space|<string>","length-percentage":"<length>|<percentage>","light-dark()":"light-dark( <color> , <color> )","line-name-list":"[<line-names>|<name-repeat>]+","line-names":"'[' <custom-ident>* ']'","line-style":"none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset","line-width":"<length>|thin|medium|thick","linear()":"linear( [<number>&&<percentage>{0,2}]# )","linear-color-hint":"<length-percentage>","linear-color-stop":"<color> <color-stop-length>?","linear-easing-function":"linear|<linear()>","linear-gradient()":"linear-gradient( [<linear-gradient-syntax>] )","linear-gradient-syntax":"[[<angle>|<zero>|to <side-or-corner>]||<color-interpolation-method>]? , <color-stop-list>","log()":"log( <calc-sum> , <calc-sum>? )","mask-layer":"<mask-reference>||<position> [/ <bg-size>]?||<repeat-style>||<geometry-box>||[<geometry-box>|no-clip]||<compositing-operator>||<masking-mode>","mask-position":"[<length-percentage>|left|center|right] [<length-percentage>|top|center|bottom]?","mask-reference":"none|<image>|<mask-source>","mask-source":"<url>","masking-mode":"alpha|luminance|match-source","matrix()":"matrix( <number>#{6} )","matrix3d()":"matrix3d( <number>#{16} )","max()":"max( <calc-sum># )","media-and":"<media-in-parens> [and <media-in-parens>]+","media-condition":"<media-not>|<media-and>|<media-or>|<media-in-parens>","media-condition-without-or":"<media-not>|<media-and>|<media-in-parens>","media-feature":"( [<mf-plain>|<mf-boolean>|<mf-range>] )","media-in-parens":"( <media-condition> )|<media-feature>|<general-enclosed>","media-not":"not <media-in-parens>","media-or":"<media-in-parens> [or <media-in-parens>]+","media-query":"<media-condition>|[not|only]? <media-type> [and <media-condition-without-or>]?","media-query-list":"<media-query>#","media-type":"<ident>","mf-boolean":"<mf-name>","mf-name":"<ident>","mf-plain":"<mf-name> : <mf-value>","mf-range":"<mf-name> ['<'|'>']? '='? <mf-value>|<mf-value> ['<'|'>']? '='? <mf-name>|<mf-value> '<' '='? <mf-name> '<' '='? <mf-value>|<mf-value> '>' '='? <mf-name> '>' '='? <mf-value>","mf-value":"<number>|<dimension>|<ident>|<ratio>","min()":"min( <calc-sum># )","minmax()":"minmax( [<length-percentage>|min-content|max-content|auto] , [<length-percentage>|<flex>|min-content|max-content|auto] )","mod()":"mod( <calc-sum> , <calc-sum> )","n-dimension":"<dimension-token>","name-repeat":"repeat( [<integer [1,\u221E]>|auto-fill] , <line-names>+ )","named-color":"aliceblue|antiquewhite|aqua|aquamarine|azure|beige|bisque|black|blanchedalmond|blue|blueviolet|brown|burlywood|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|fuchsia|gainsboro|ghostwhite|gold|goldenrod|gray|green|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|lime|limegreen|linen|magenta|maroon|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|navy|oldlace|olive|olivedrab|orange|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|purple|rebeccapurple|red|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|silver|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|teal|thistle|tomato|turquoise|violet|wheat|white|whitesmoke|yellow|yellowgreen","namespace-prefix":"<ident>","ndash-dimension":"<dimension-token>","ndashdigit-dimension":"<dimension-token>","ndashdigit-ident":"<ident-token>","ns-prefix":"[<ident-token>|'*']? '|'","number-percentage":"<number>|<percentage>","numeric-figure-values":"[lining-nums|oldstyle-nums]","numeric-fraction-values":"[diagonal-fractions|stacked-fractions]","numeric-spacing-values":"[proportional-nums|tabular-nums]","offset-path":"<ray()>|<url>|<basic-shape>","oklab()":"oklab( [<percentage>|<number>|none] [<percentage>|<number>|none] [<percentage>|<number>|none] [/ [<alpha-value>|none]]? )","oklch()":"oklch( [<percentage>|<number>|none] [<percentage>|<number>|none] [<hue>|none] [/ [<alpha-value>|none]]? )","opacity()":"opacity( [<number>|<percentage>]? )","opacity-value":"<number>|<percentage>","outline-line-style":"none|dotted|dashed|solid|double|groove|ridge|inset|outset","outline-radius":"<length>|<percentage>","overflow-position":"unsafe|safe","page-body":"<declaration>? [; <page-body>]?|<page-margin-box> <page-body>","page-margin-box":"<page-margin-box-type> '{' <declaration-list> '}'","page-margin-box-type":"@top-left-corner|@top-left|@top-center|@top-right|@top-right-corner|@bottom-left-corner|@bottom-left|@bottom-center|@bottom-right|@bottom-right-corner|@left-top|@left-middle|@left-bottom|@right-top|@right-middle|@right-bottom","page-selector":"<pseudo-page>+|<ident> <pseudo-page>*","page-selector-list":"[<page-selector>#]?","page-size":"A5|A4|A3|B5|B4|JIS-B5|JIS-B4|letter|legal|ledger",paint:"none|<color>|<url> [none|<color>]?|context-fill|context-stroke","paint()":"paint( <ident> , <declaration-value>? )","paint-box":"<visual-box>|fill-box|stroke-box","palette-identifier":"<dashed-ident>","palette-mix()":"palette-mix( <color-interpolation-method> , [[normal|light|dark|<palette-identifier>|<palette-mix()>]&&<percentage [0,100]>?]#{2} )","path()":"path( <'fill-rule'>? , <string> )","perspective()":"perspective( [<length [0,\u221E]>|none] )","polar-color-space":"hsl|hwb|lch|oklch","polygon()":"polygon( <'fill-rule'>? , [<length-percentage> <length-percentage>]# )",position:"[[left|center|right]||[top|center|bottom]|[left|center|right|<length-percentage>] [top|center|bottom|<length-percentage>]?|[[left|right] <length-percentage>]&&[[top|bottom] <length-percentage>]]","position-area":"[[left|center|right|span-left|span-right|x-start|x-end|span-x-start|span-x-end|x-self-start|x-self-end|span-x-self-start|span-x-self-end|span-all]||[top|center|bottom|span-top|span-bottom|y-start|y-end|span-y-start|span-y-end|y-self-start|y-self-end|span-y-self-start|span-y-self-end|span-all]|[block-start|center|block-end|span-block-start|span-block-end|span-all]||[inline-start|center|inline-end|span-inline-start|span-inline-end|span-all]|[self-block-start|center|self-block-end|span-self-block-start|span-self-block-end|span-all]||[self-inline-start|center|self-inline-end|span-self-inline-start|span-self-inline-end|span-all]|[start|center|end|span-start|span-end|span-all]{1,2}|[self-start|center|self-end|span-self-start|span-self-end|span-all]{1,2}]","pow()":"pow( <calc-sum> , <calc-sum> )","predefined-rgb":"srgb|srgb-linear|display-p3|display-p3-linear|a98-rgb|prophoto-rgb|rec2020","predefined-rgb-params":"<predefined-rgb> [<number>|<percentage>|none]{3}","pseudo-class-selector":"':' <ident-token>|':' <function-token> <any-value> ')'","pseudo-element-selector":"':' <pseudo-class-selector>|<legacy-pseudo-element-selector>","pseudo-page":": [left|right|first|blank]","query-in-parens":"( <container-condition> )|( <size-feature> )|style( <style-query> )|<general-enclosed>",quote:"open-quote|close-quote|no-open-quote|no-close-quote","radial-extent":"closest-corner|closest-side|farthest-corner|farthest-side","radial-gradient()":"radial-gradient( [<radial-gradient-syntax>] )","radial-gradient-syntax":"[[[<radial-shape>||<radial-size>]? [at <position>]?]||<color-interpolation-method>]? , <color-stop-list>","radial-shape":"circle|ellipse","radial-size":"<radial-extent>|<length [0,\u221E]>|<length-percentage [0,\u221E]>{2}",ratio:"<number [0,\u221E]> [/ <number [0,\u221E]>]?","ray()":"ray( <angle>&&<ray-size>?&&contain?&&[at <position>]? )","ray-size":"closest-side|closest-corner|farthest-side|farthest-corner|sides","rect()":"rect( [<length-percentage>|auto]{4} [round <'border-radius'>]? )","rectangular-color-space":"srgb|srgb-linear|display-p3|display-p3-linear|a98-rgb|prophoto-rgb|rec2020|lab|oklab|xyz|xyz-d50|xyz-d65","relative-selector":"<combinator>? <complex-selector>","relative-selector-list":"<relative-selector>#","relative-size":"larger|smaller","rem()":"rem( <calc-sum> , <calc-sum> )","repeat-style":"repeat-x|repeat-y|[repeat|space|round|no-repeat]{1,2}","repeating-conic-gradient()":"repeating-conic-gradient( [<conic-gradient-syntax>] )","repeating-linear-gradient()":"repeating-linear-gradient( [<linear-gradient-syntax>] )","repeating-radial-gradient()":"repeating-radial-gradient( [<radial-gradient-syntax>] )","reversed-counter-name":"reversed( <counter-name> )","rgb()":"rgb( <percentage>#{3} , <alpha-value>? )|rgb( <number>#{3} , <alpha-value>? )|rgb( [<number>|<percentage>|none]{3} [/ [<alpha-value>|none]]? )","rgba()":"rgba( <percentage>#{3} , <alpha-value>? )|rgba( <number>#{3} , <alpha-value>? )|rgba( [<number>|<percentage>|none]{3} [/ [<alpha-value>|none]]? )","rotate()":"rotate( [<angle>|<zero>] )","rotate3d()":"rotate3d( <number> , <number> , <number> , [<angle>|<zero>] )","rotateX()":"rotateX( [<angle>|<zero>] )","rotateY()":"rotateY( [<angle>|<zero>] )","rotateZ()":"rotateZ( [<angle>|<zero>] )","round()":"round( <rounding-strategy>? , <calc-sum> , <calc-sum> )","rounding-strategy":"nearest|up|down|to-zero","saturate()":"saturate( [<number>|<percentage>]? )","scale()":"scale( [<number>|<percentage>]#{1,2} )","scale3d()":"scale3d( [<number>|<percentage>]#{3} )","scaleX()":"scaleX( [<number>|<percentage>] )","scaleY()":"scaleY( [<number>|<percentage>] )","scaleZ()":"scaleZ( [<number>|<percentage>] )","scope-end":"<forgiving-selector-list>","scope-start":"<forgiving-selector-list>","scroll()":"scroll( [<scroller>||<axis>]? )",scroller:"root|nearest|self","scroll-state-feature":"<media-query-list>","scroll-state-in-parens":"( <scroll-state-query> )|( <scroll-state-feature> )|<general-enclosed>","scroll-state-query":"not <scroll-state-in-parens>|<scroll-state-in-parens> [[and <scroll-state-in-parens>]*|[or <scroll-state-in-parens>]*]|<scroll-state-feature>","selector-list":"<complex-selector-list>","self-position":"center|start|end|self-start|self-end|flex-start|flex-end","sepia()":"sepia( [<number>|<percentage>]? )",shadow:"inset?&&<length>{2,4}&&<color>?","shadow-t":"[<length>{2,3}&&<color>?]",shape:"rect( <top> , <right> , <bottom> , <left> )|rect( <top> <right> <bottom> <left> )","shape-box":"<visual-box>|margin-box","side-or-corner":"[left|right]||[top|bottom]","sign()":"sign( <calc-sum> )","signed-integer":"<number-token>","signless-integer":"<number-token>","sin()":"sin( <calc-sum> )","single-animation":"<'animation-duration'>||<easing-function>||<'animation-delay'>||<single-animation-iteration-count>||<single-animation-direction>||<single-animation-fill-mode>||<single-animation-play-state>||[none|<keyframes-name>]||<single-animation-timeline>","single-animation-composition":"replace|add|accumulate","single-animation-direction":"normal|reverse|alternate|alternate-reverse","single-animation-fill-mode":"none|forwards|backwards|both","single-animation-iteration-count":"infinite|<number>","single-animation-play-state":"running|paused","single-animation-timeline":"auto|none|<dashed-ident>|<scroll()>|<view()>","single-transition":"[none|<single-transition-property>]||<time>||<easing-function>||<time>||<transition-behavior-value>","single-transition-property":"all|<custom-ident>",size:"closest-side|farthest-side|closest-corner|farthest-corner|<length>|<length-percentage>{2}","size-feature":"<mf-plain>|<mf-boolean>|<mf-range>","skew()":"skew( [<angle>|<zero>] , [<angle>|<zero>]? )","skewX()":"skewX( [<angle>|<zero>] )","skewY()":"skewY( [<angle>|<zero>] )","sqrt()":"sqrt( <calc-sum> )","step-position":"jump-start|jump-end|jump-none|jump-both|start|end","step-easing-function":"step-start|step-end|<steps()>","steps()":"steps( <integer> , <step-position>? )","style-feature":"<declaration>","style-in-parens":"( <style-condition> )|( <style-feature> )|<general-enclosed>","style-query":"<style-condition>|<style-feature>","subclass-selector":"<id-selector>|<class-selector>|<attribute-selector>|<pseudo-class-selector>","superellipse()":"superellipse( [<number>|infinity|-infinity] )","supports-condition":"not <supports-in-parens>|<supports-in-parens> [and <supports-in-parens>]*|<supports-in-parens> [or <supports-in-parens>]*","supports-decl":"( <declaration> )","supports-feature":"<supports-decl>|<supports-selector-fn>","supports-in-parens":"( <supports-condition> )|<supports-feature>|<general-enclosed>","supports-selector-fn":"selector( <complex-selector> )",symbol:"<string>|<image>|<custom-ident>","symbols()":"symbols( <symbols-type>? [<string>|<image>]+ )","symbols-type":"cyclic|numeric|alphabetic|symbolic|fixed","system-color":"AccentColor|AccentColorText|ActiveText|ButtonBorder|ButtonFace|ButtonText|Canvas|CanvasText|Field|FieldText|GrayText|Highlight|HighlightText|LinkText|Mark|MarkText|SelectedItem|SelectedItemText|VisitedText","system-family-name":"caption|icon|menu|message-box|small-caption|status-bar","tan()":"tan( <calc-sum> )",target:"<target-counter()>|<target-counters()>|<target-text()>","target-counter()":"target-counter( [<string>|<url>] , <custom-ident> , <counter-style>? )","target-counters()":"target-counters( [<string>|<url>] , <custom-ident> , <string> , <counter-style>? )","target-text()":"target-text( [<string>|<url>] , [content|before|after|first-letter]? )","text-edge":"[text|cap|ex|ideographic|ideographic-ink] [text|alphabetic|ideographic|ideographic-ink]?","time-percentage":"<time>|<percentage>","timeline-range-name":"cover|contain|entry|exit|entry-crossing|exit-crossing","track-breadth":"<length-percentage>|<flex>|min-content|max-content|auto","track-list":"[<line-names>? [<track-size>|<track-repeat>]]+ <line-names>?","track-repeat":"repeat( [<integer [1,\u221E]>] , [<line-names>? <track-size>]+ <line-names>? )","track-size":"<track-breadth>|minmax( <inflexible-breadth> , <track-breadth> )|fit-content( <length-percentage> )","transform-function":"<matrix()>|<translate()>|<translateX()>|<translateY()>|<scale()>|<scaleX()>|<scaleY()>|<rotate()>|<skew()>|<skewX()>|<skewY()>|<matrix3d()>|<translate3d()>|<translateZ()>|<scale3d()>|<scaleZ()>|<rotate3d()>|<rotateX()>|<rotateY()>|<rotateZ()>|<perspective()>","transform-list":"<transform-function>+","transition-behavior-value":"normal|allow-discrete","translate()":"translate( <length-percentage> , <length-percentage>? )","translate3d()":"translate3d( <length-percentage> , <length-percentage> , <length> )","translateX()":"translateX( <length-percentage> )","translateY()":"translateY( <length-percentage> )","translateZ()":"translateZ( <length> )","try-size":"most-width|most-height|most-block-size|most-inline-size","try-tactic":"flip-block||flip-inline||flip-start","type-or-unit":"string|color|url|integer|number|length|angle|time|frequency|cap|ch|em|ex|ic|lh|rlh|rem|vb|vi|vw|vh|vmin|vmax|mm|Q|cm|in|pt|pc|px|deg|grad|rad|turn|ms|s|Hz|kHz|%","type-selector":"<wq-name>|<ns-prefix>? '*'","var()":"var( <custom-property-name> , <declaration-value>? )","view()":"view( [<axis>||<'view-timeline-inset'>]? )","viewport-length":"auto|<length-percentage>","visual-box":"content-box|padding-box|border-box","wq-name":"<ns-prefix>? <ident-token>","xywh()":"xywh( <length-percentage>{2} <length-percentage [0,\u221E]>{2} [round <'border-radius'>]? )",xyz:"xyz|xyz-d50|xyz-d65","xyz-params":"<xyz-space> [<number>|<percentage>|none]{3}","-legacy-gradient":"<-webkit-gradient()>|<-legacy-linear-gradient>|<-legacy-repeating-linear-gradient>|<-legacy-radial-gradient>|<-legacy-repeating-radial-gradient>","-legacy-linear-gradient":"-moz-linear-gradient( <-legacy-linear-gradient-arguments> )|-webkit-linear-gradient( <-legacy-linear-gradient-arguments> )|-o-linear-gradient( <-legacy-linear-gradient-arguments> )","-legacy-repeating-linear-gradient":"-moz-repeating-linear-gradient( <-legacy-linear-gradient-arguments> )|-webkit-repeating-linear-gradient( <-legacy-linear-gradient-arguments> )|-o-repeating-linear-gradient( <-legacy-linear-gradient-arguments> )","-legacy-linear-gradient-arguments":"[<angle>|<side-or-corner>]? , <color-stop-list>","-legacy-radial-gradient":"-moz-radial-gradient( <-legacy-radial-gradient-arguments> )|-webkit-radial-gradient( <-legacy-radial-gradient-arguments> )|-o-radial-gradient( <-legacy-radial-gradient-arguments> )","-legacy-repeating-radial-gradient":"-moz-repeating-radial-gradient( <-legacy-radial-gradient-arguments> )|-webkit-repeating-radial-gradient( <-legacy-radial-gradient-arguments> )|-o-repeating-radial-gradient( <-legacy-radial-gradient-arguments> )","-legacy-radial-gradient-arguments":"[<position> ,]? [[[<-legacy-radial-gradient-shape>||<-legacy-radial-gradient-size>]|[<length>|<percentage>]{2}] ,]? <color-stop-list>","-legacy-radial-gradient-size":"closest-side|closest-corner|farthest-side|farthest-corner|contain|cover","-legacy-radial-gradient-shape":"circle|ellipse","-non-standard-font":"-apple-system-body|-apple-system-headline|-apple-system-subheadline|-apple-system-caption1|-apple-system-caption2|-apple-system-footnote|-apple-system-short-body|-apple-system-short-headline|-apple-system-short-subheadline|-apple-system-short-caption1|-apple-system-short-footnote|-apple-system-tall-body","-non-standard-color":"-moz-ButtonDefault|-moz-ButtonHoverFace|-moz-ButtonHoverText|-moz-CellHighlight|-moz-CellHighlightText|-moz-Combobox|-moz-ComboboxText|-moz-Dialog|-moz-DialogText|-moz-dragtargetzone|-moz-EvenTreeRow|-moz-Field|-moz-FieldText|-moz-html-CellHighlight|-moz-html-CellHighlightText|-moz-mac-accentdarkestshadow|-moz-mac-accentdarkshadow|-moz-mac-accentface|-moz-mac-accentlightesthighlight|-moz-mac-accentlightshadow|-moz-mac-accentregularhighlight|-moz-mac-accentregularshadow|-moz-mac-chrome-active|-moz-mac-chrome-inactive|-moz-mac-focusring|-moz-mac-menuselect|-moz-mac-menushadow|-moz-mac-menutextselect|-moz-MenuHover|-moz-MenuHoverText|-moz-MenuBarText|-moz-MenuBarHoverText|-moz-nativehyperlinktext|-moz-OddTreeRow|-moz-win-communicationstext|-moz-win-mediatext|-moz-activehyperlinktext|-moz-default-background-color|-moz-default-color|-moz-hyperlinktext|-moz-visitedhyperlinktext|-webkit-activelink|-webkit-focus-ring-color|-webkit-link|-webkit-text","-non-standard-image-rendering":"optimize-contrast|-moz-crisp-edges|-o-crisp-edges|-webkit-optimize-contrast","-non-standard-overflow":"overlay|-moz-scrollbars-none|-moz-scrollbars-horizontal|-moz-scrollbars-vertical|-moz-hidden-unscrollable","-non-standard-size":"intrinsic|min-intrinsic|-webkit-fill-available|-webkit-fit-content|-webkit-min-content|-webkit-max-content|-moz-available|-moz-fit-content|-moz-min-content|-moz-max-content","-webkit-gradient()":"-webkit-gradient( <-webkit-gradient-type> , <-webkit-gradient-point> [, <-webkit-gradient-point>|, <-webkit-gradient-radius> , <-webkit-gradient-point>] [, <-webkit-gradient-radius>]? [, <-webkit-gradient-color-stop>]* )","-webkit-gradient-color-stop":"from( <color> )|color-stop( [<number-zero-one>|<percentage>] , <color> )|to( <color> )","-webkit-gradient-point":"[left|center|right|<length-percentage>] [top|center|bottom|<length-percentage>]","-webkit-gradient-radius":"<length>|<percentage>","-webkit-gradient-type":"linear|radial","-webkit-mask-box-repeat":"repeat|stretch|round","-ms-filter-function-list":"<-ms-filter-function>+","-ms-filter-function":"<-ms-filter-function-progid>|<-ms-filter-function-legacy>","-ms-filter-function-progid":"'progid:' [<ident-token> '.']* [<ident-token>|<function-token> <any-value>? )]","-ms-filter-function-legacy":"<ident-token>|<function-token> <any-value>? )",age:"child|young|old","attr-name":"<wq-name>","attr-fallback":"<any-value>",autospace:"no-autospace|[ideograph-alpha||ideograph-numeric||punctuation]||[insert|replace]",bottom:"<length>|auto","generic-voice":"[<age>? <gender> <integer>?]",gender:"male|female|neutral","generic-script-specific":"generic( kai )|generic( fangsong )|generic( nastaliq )","-non-standard-generic-family":"-apple-system|BlinkMacSystemFont","intrinsic-size-keyword":"min-content|max-content|fit-content",left:"<length>|auto","device-cmyk()":"<legacy-device-cmyk-syntax>|<modern-device-cmyk-syntax>","legacy-device-cmyk-syntax":"device-cmyk( <number>#{4} )","modern-device-cmyk-syntax":"device-cmyk( <cmyk-component>{4} [/ [<alpha-value>|none]]? )","cmyk-component":"<number>|<percentage>|none","color-space":"<rectangular-color-space>|<polar-color-space>|<custom-color-space>",right:"<length>|auto","forgiving-selector-list":"<complex-real-selector-list>","forgiving-relative-selector-list":"<relative-real-selector-list>","complex-real-selector-list":"<complex-real-selector>#","simple-selector-list":"<simple-selector>#","relative-real-selector-list":"<relative-real-selector>#","complex-selector-unit":"[<compound-selector>? <pseudo-compound-selector>*]!","complex-real-selector":"<compound-selector> [<combinator>? <compound-selector>]*","relative-real-selector":"<combinator>? <complex-real-selector>","pseudo-compound-selector":"<pseudo-element-selector> <pseudo-class-selector>*","simple-selector":"<type-selector>|<subclass-selector>","legacy-pseudo-element-selector":"':' [before|after|first-line|first-letter]","svg-length":"<percentage>|<length>|<number>","svg-writing-mode":"lr-tb|rl-tb|tb-rl|lr|rl|tb",top:"<length>|auto",x:"<number>",y:"<number>",declaration:"<ident-token> : <declaration-value>? ['!' important]?","declaration-list":"[<declaration>? ';']* <declaration>?",url:"url( <string> <url-modifier>* )|<url-token>","url-modifier":"<ident>|<function-token> <any-value> )","number-zero-one":"<number [0,1]>","number-one-or-greater":"<number [1,\u221E]>","xyz-space":"xyz|xyz-d50|xyz-d65","style-condition":"not <style-in-parens>|<style-in-parens> [[and <style-in-parens>]*|[or <style-in-parens>]*]","-non-standard-display":"-ms-inline-flexbox|-ms-grid|-ms-inline-grid|-webkit-flex|-webkit-inline-flex|-webkit-box|-webkit-inline-box|-moz-inline-stack|-moz-box|-moz-inline-box","inset-area":"[[left|center|right|span-left|span-right|x-start|x-end|span-x-start|span-x-end|x-self-start|x-self-end|span-x-self-start|span-x-self-end|span-all]||[top|center|bottom|span-top|span-bottom|y-start|y-end|span-y-start|span-y-end|y-self-start|y-self-end|span-y-self-start|span-y-self-end|span-all]|[block-start|center|block-end|span-block-start|span-block-end|span-all]||[inline-start|center|inline-end|span-inline-start|span-inline-end|span-all]|[self-block-start|self-block-end|span-self-block-start|span-self-block-end|span-all]||[self-inline-start|self-inline-end|span-self-inline-start|span-self-inline-end|span-all]|[start|center|end|span-start|span-end|span-all]{1,2}|[self-start|center|self-end|span-self-start|span-self-end|span-all]{1,2}]",syntax:"'*'|<syntax-component> [<syntax-combinator> <syntax-component>]*|<syntax-string>","syntax-component":"<syntax-single-component> <syntax-multiplier>?|'<' transform-list '>'","syntax-single-component":"'<' <syntax-type-name> '>'|<ident>","syntax-type-name":"angle|color|custom-ident|image|integer|length|length-percentage|number|percentage|resolution|string|time|url|transform-function","syntax-combinator":"'|'","syntax-multiplier":"'#'|'+'","syntax-string":"<string>"},properties:{"--*":"<declaration-value>","-ms-accelerator":"false|true","-ms-block-progression":"tb|rl|bt|lr","-ms-content-zoom-chaining":"none|chained","-ms-content-zoom-limit":"<'-ms-content-zoom-limit-min'> <'-ms-content-zoom-limit-max'>","-ms-content-zoom-limit-max":"<percentage>","-ms-content-zoom-limit-min":"<percentage>","-ms-content-zoom-snap":"<'-ms-content-zoom-snap-type'>||<'-ms-content-zoom-snap-points'>","-ms-content-zoom-snap-points":"snapInterval( <percentage> , <percentage> )|snapList( <percentage># )","-ms-content-zoom-snap-type":"none|proximity|mandatory","-ms-content-zooming":"none|zoom","-ms-filter":"<string>","-ms-flow-from":"[none|<custom-ident>]#","-ms-flow-into":"[none|<custom-ident>]#","-ms-grid-columns":"none|<track-list>|<auto-track-list>","-ms-grid-rows":"none|<track-list>|<auto-track-list>","-ms-high-contrast-adjust":"auto|none","-ms-hyphenate-limit-chars":"auto|<integer>{1,3}","-ms-hyphenate-limit-lines":"no-limit|<integer>","-ms-hyphenate-limit-zone":"<percentage>|<length>","-ms-ime-align":"auto|after","-ms-overflow-style":"auto|none|scrollbar|-ms-autohiding-scrollbar","-ms-scroll-chaining":"chained|none","-ms-scroll-limit":"<'-ms-scroll-limit-x-min'> <'-ms-scroll-limit-y-min'> <'-ms-scroll-limit-x-max'> <'-ms-scroll-limit-y-max'>","-ms-scroll-limit-x-max":"auto|<length>","-ms-scroll-limit-x-min":"<length>","-ms-scroll-limit-y-max":"auto|<length>","-ms-scroll-limit-y-min":"<length>","-ms-scroll-rails":"none|railed","-ms-scroll-snap-points-x":"snapInterval( <length-percentage> , <length-percentage> )|snapList( <length-percentage># )","-ms-scroll-snap-points-y":"snapInterval( <length-percentage> , <length-percentage> )|snapList( <length-percentage># )","-ms-scroll-snap-type":"none|proximity|mandatory","-ms-scroll-snap-x":"<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-x'>","-ms-scroll-snap-y":"<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-y'>","-ms-scroll-translation":"none|vertical-to-horizontal","-ms-scrollbar-3dlight-color":"<color>","-ms-scrollbar-arrow-color":"<color>","-ms-scrollbar-base-color":"<color>","-ms-scrollbar-darkshadow-color":"<color>","-ms-scrollbar-face-color":"<color>","-ms-scrollbar-highlight-color":"<color>","-ms-scrollbar-shadow-color":"<color>","-ms-scrollbar-track-color":"<color>","-ms-text-autospace":"none|ideograph-alpha|ideograph-numeric|ideograph-parenthesis|ideograph-space","-ms-touch-select":"grippers|none","-ms-user-select":"none|element|text","-ms-wrap-flow":"auto|both|start|end|maximum|clear","-ms-wrap-margin":"<length>","-ms-wrap-through":"wrap|none","-moz-appearance":"none|button|button-arrow-down|button-arrow-next|button-arrow-previous|button-arrow-up|button-bevel|button-focus|caret|checkbox|checkbox-container|checkbox-label|checkmenuitem|dualbutton|groupbox|listbox|listitem|menuarrow|menubar|menucheckbox|menuimage|menuitem|menuitemtext|menulist|menulist-button|menulist-text|menulist-textfield|menupopup|menuradio|menuseparator|meterbar|meterchunk|progressbar|progressbar-vertical|progresschunk|progresschunk-vertical|radio|radio-container|radio-label|radiomenuitem|range|range-thumb|resizer|resizerpanel|scale-horizontal|scalethumbend|scalethumb-horizontal|scalethumbstart|scalethumbtick|scalethumb-vertical|scale-vertical|scrollbarbutton-down|scrollbarbutton-left|scrollbarbutton-right|scrollbarbutton-up|scrollbarthumb-horizontal|scrollbarthumb-vertical|scrollbartrack-horizontal|scrollbartrack-vertical|searchfield|separator|sheet|spinner|spinner-downbutton|spinner-textfield|spinner-upbutton|splitter|statusbar|statusbarpanel|tab|tabpanel|tabpanels|tab-scroll-arrow-back|tab-scroll-arrow-forward|textfield|textfield-multiline|toolbar|toolbarbutton|toolbarbutton-dropdown|toolbargripper|toolbox|tooltip|treeheader|treeheadercell|treeheadersortarrow|treeitem|treeline|treetwisty|treetwistyopen|treeview|-moz-mac-unified-toolbar|-moz-win-borderless-glass|-moz-win-browsertabbar-toolbox|-moz-win-communicationstext|-moz-win-communications-toolbox|-moz-win-exclude-glass|-moz-win-glass|-moz-win-mediatext|-moz-win-media-toolbox|-moz-window-button-box|-moz-window-button-box-maximized|-moz-window-button-close|-moz-window-button-maximize|-moz-window-button-minimize|-moz-window-button-restore|-moz-window-frame-bottom|-moz-window-frame-left|-moz-window-frame-right|-moz-window-titlebar|-moz-window-titlebar-maximized","-moz-binding":"<url>|none","-moz-border-bottom-colors":"<color>+|none","-moz-border-left-colors":"<color>+|none","-moz-border-right-colors":"<color>+|none","-moz-border-top-colors":"<color>+|none","-moz-context-properties":"none|[fill|fill-opacity|stroke|stroke-opacity]#","-moz-float-edge":"border-box|content-box|margin-box|padding-box","-moz-force-broken-image-icon":"0|1","-moz-orient":"inline|block|horizontal|vertical","-moz-outline-radius":"<outline-radius>{1,4} [/ <outline-radius>{1,4}]?","-moz-outline-radius-bottomleft":"<outline-radius>","-moz-outline-radius-bottomright":"<outline-radius>","-moz-outline-radius-topleft":"<outline-radius>","-moz-outline-radius-topright":"<outline-radius>","-moz-stack-sizing":"ignore|stretch-to-fit","-moz-text-blink":"none|blink","-moz-user-focus":"ignore|normal|select-after|select-before|select-menu|select-same|select-all|none","-moz-user-input":"auto|none|enabled|disabled","-moz-user-modify":"read-only|read-write|write-only","-moz-window-dragging":"drag|no-drag","-moz-window-shadow":"default|menu|tooltip|sheet|none","-webkit-appearance":"none|button|button-bevel|caps-lock-indicator|caret|checkbox|default-button|inner-spin-button|listbox|listitem|media-controls-background|media-controls-fullscreen-background|media-current-time-display|media-enter-fullscreen-button|media-exit-fullscreen-button|media-fullscreen-button|media-mute-button|media-overlay-play-button|media-play-button|media-seek-back-button|media-seek-forward-button|media-slider|media-sliderthumb|media-time-remaining-display|media-toggle-closed-captions-button|media-volume-slider|media-volume-slider-container|media-volume-sliderthumb|menulist|menulist-button|menulist-text|menulist-textfield|meter|progress-bar|progress-bar-value|push-button|radio|scrollbarbutton-down|scrollbarbutton-left|scrollbarbutton-right|scrollbarbutton-up|scrollbargripper-horizontal|scrollbargripper-vertical|scrollbarthumb-horizontal|scrollbarthumb-vertical|scrollbartrack-horizontal|scrollbartrack-vertical|searchfield|searchfield-cancel-button|searchfield-decoration|searchfield-results-button|searchfield-results-decoration|slider-horizontal|slider-vertical|sliderthumb-horizontal|sliderthumb-vertical|square-button|textarea|textfield|-apple-pay-button","-webkit-border-before":"<'border-width'>||<'border-style'>||<color>","-webkit-border-before-color":"<color>","-webkit-border-before-style":"<'border-style'>","-webkit-border-before-width":"<'border-width'>","-webkit-box-reflect":"[above|below|right|left]? <length>? <image>?","-webkit-line-clamp":"none|<integer>","-webkit-mask":"[<mask-reference>||<position> [/ <bg-size>]?||<repeat-style>||[<visual-box>|border|padding|content|text]||[<visual-box>|border|padding|content]]#","-webkit-mask-attachment":"<attachment>#","-webkit-mask-clip":"[<coord-box>|no-clip|border|padding|content|text]#","-webkit-mask-composite":"<composite-style>#","-webkit-mask-image":"<mask-reference>#","-webkit-mask-origin":"[<coord-box>|border|padding|content]#","-webkit-mask-position":"<position>#","-webkit-mask-position-x":"[<length-percentage>|left|center|right]#","-webkit-mask-position-y":"[<length-percentage>|top|center|bottom]#","-webkit-mask-repeat":"<repeat-style>#","-webkit-mask-repeat-x":"repeat|no-repeat|space|round","-webkit-mask-repeat-y":"repeat|no-repeat|space|round","-webkit-mask-size":"<bg-size>#","-webkit-overflow-scrolling":"auto|touch","-webkit-tap-highlight-color":"<color>","-webkit-text-fill-color":"<color>","-webkit-text-stroke":"<length>||<color>","-webkit-text-stroke-color":"<color>","-webkit-text-stroke-width":"<length>","-webkit-touch-callout":"default|none","-webkit-user-modify":"read-only|read-write|read-write-plaintext-only","-webkit-user-select":"auto|none|text|all","accent-color":"auto|<color>","align-content":"normal|<baseline-position>|<content-distribution>|<overflow-position>? <content-position>","align-items":"normal|stretch|<baseline-position>|[<overflow-position>? <self-position>]|anchor-center","align-self":"auto|normal|stretch|<baseline-position>|<overflow-position>? <self-position>|anchor-center","align-tracks":"[normal|<baseline-position>|<content-distribution>|<overflow-position>? <content-position>]#","alignment-baseline":"auto|baseline|before-edge|text-before-edge|middle|central|after-edge|text-after-edge|ideographic|alphabetic|hanging|mathematical",all:"initial|inherit|unset|revert|revert-layer","anchor-name":"none|<dashed-ident>#","anchor-scope":"none|all|<dashed-ident>#",animation:"<single-animation>#","animation-composition":"<single-animation-composition>#","animation-delay":"<time>#","animation-direction":"<single-animation-direction>#","animation-duration":"[auto|<time [0s,\u221E]>]#","animation-fill-mode":"<single-animation-fill-mode>#","animation-iteration-count":"<single-animation-iteration-count>#","animation-name":"[none|<keyframes-name>]#","animation-play-state":"<single-animation-play-state>#","animation-range":"[<'animation-range-start'> <'animation-range-end'>?]#","animation-range-end":"[normal|<length-percentage>|<timeline-range-name> <length-percentage>?]#","animation-range-start":"[normal|<length-percentage>|<timeline-range-name> <length-percentage>?]#","animation-timeline":"<single-animation-timeline>#","animation-timing-function":"<easing-function>#","animation-trigger":"[none|[<dashed-ident> <animation-action>+]+]#",appearance:"none|auto|<compat-auto>|<compat-special>","aspect-ratio":"auto||<ratio>","backdrop-filter":"none|<filter-value-list>","backface-visibility":"visible|hidden",background:"<bg-layer>#? , <final-bg-layer>","background-attachment":"<attachment>#","background-blend-mode":"<blend-mode>#","background-clip":"<bg-clip>#","background-color":"<color>","background-image":"<bg-image>#","background-origin":"<visual-box>#","background-position":"<bg-position>#","background-position-x":"[center|[[left|right|x-start|x-end]? <length-percentage>?]!]#","background-position-y":"[center|[[top|bottom|y-start|y-end]? <length-percentage>?]!]#","background-repeat":"<repeat-style>#","background-size":"<bg-size>#","baseline-shift":"baseline|sub|super|<svg-length>","baseline-source":"auto|first|last","block-size":"<'width'>",border:"<line-width>||<line-style>||<color>","border-block":"<'border-block-start'>","border-block-color":"<'border-top-color'>{1,2}","border-block-end":"<'border-top-width'>||<'border-top-style'>||<color>","border-block-end-color":"<'border-top-color'>","border-block-end-style":"<'border-top-style'>","border-block-end-width":"<'border-top-width'>","border-block-start":"<'border-top-width'>||<'border-top-style'>||<color>","border-block-start-color":"<'border-top-color'>","border-block-start-style":"<'border-top-style'>","border-block-start-width":"<'border-top-width'>","border-block-style":"<'border-top-style'>{1,2}","border-block-width":"<'border-top-width'>{1,2}","border-bottom":"<line-width>||<line-style>||<color>","border-bottom-color":"<'border-top-color'>","border-bottom-left-radius":"<length-percentage [0,\u221E]>{1,2}","border-bottom-right-radius":"<length-percentage [0,\u221E]>{1,2}","border-bottom-style":"<line-style>","border-bottom-width":"<line-width>","border-collapse":"separate|collapse","border-color":"<color>{1,4}","border-end-end-radius":"<'border-top-left-radius'>","border-end-start-radius":"<'border-top-left-radius'>","border-image":"<'border-image-source'>||<'border-image-slice'> [/ <'border-image-width'>|/ <'border-image-width'>? / <'border-image-outset'>]?||<'border-image-repeat'>","border-image-outset":"[<length [0,\u221E]>|<number [0,\u221E]>]{1,4}","border-image-repeat":"[stretch|repeat|round|space]{1,2}","border-image-slice":"[<number [0,\u221E]>|<percentage [0,\u221E]>]{1,4}&&fill?","border-image-source":"none|<image>","border-image-width":"[<length-percentage [0,\u221E]>|<number [0,\u221E]>|auto]{1,4}","border-inline":"<'border-block-start'>","border-inline-color":"<'border-top-color'>{1,2}","border-inline-end":"<'border-top-width'>||<'border-top-style'>||<color>","border-inline-end-color":"<'border-top-color'>","border-inline-end-style":"<'border-top-style'>","border-inline-end-width":"<'border-top-width'>","border-inline-start":"<'border-top-width'>||<'border-top-style'>||<color>","border-inline-start-color":"<'border-top-color'>","border-inline-start-style":"<'border-top-style'>","border-inline-start-width":"<'border-top-width'>","border-inline-style":"<'border-top-style'>{1,2}","border-inline-width":"<'border-top-width'>{1,2}","border-left":"<line-width>||<line-style>||<color>","border-left-color":"<color>","border-left-style":"<line-style>","border-left-width":"<line-width>","border-radius":"<length-percentage [0,\u221E]>{1,4} [/ <length-percentage [0,\u221E]>{1,4}]?","border-right":"<line-width>||<line-style>||<color>","border-right-color":"<color>","border-right-style":"<line-style>","border-right-width":"<line-width>","border-spacing":"<length>{1,2}","border-start-end-radius":"<'border-top-left-radius'>","border-start-start-radius":"<'border-top-left-radius'>","border-style":"<line-style>{1,4}","border-top":"<line-width>||<line-style>||<color>","border-top-color":"<color>","border-top-left-radius":"<length-percentage [0,\u221E]>{1,2}","border-top-right-radius":"<length-percentage [0,\u221E]>{1,2}","border-top-style":"<line-style>","border-top-width":"<line-width>","border-width":"<line-width>{1,4}",bottom:"auto|<length-percentage>|<anchor()>|<anchor-size()>","box-align":"start|center|end|baseline|stretch","box-decoration-break":"slice|clone","box-direction":"normal|reverse|inherit","box-flex":"<number>","box-flex-group":"<integer>","box-lines":"single|multiple","box-ordinal-group":"<integer>","box-orient":"horizontal|vertical|inline-axis|block-axis|inherit","box-pack":"start|center|end|justify","box-shadow":"none|<shadow>#","box-sizing":"content-box|border-box","break-after":"auto|avoid|always|all|avoid-page|page|left|right|recto|verso|avoid-column|column|avoid-region|region","break-before":"auto|avoid|always|all|avoid-page|page|left|right|recto|verso|avoid-column|column|avoid-region|region","break-inside":"auto|avoid|avoid-page|avoid-column|avoid-region","caption-side":"top|bottom",caret:"<'caret-color'>||<'caret-animation'>||<'caret-shape'>","caret-animation":"auto|manual","caret-color":"auto|<color>","caret-shape":"auto|bar|block|underscore",clear:"none|left|right|both|inline-start|inline-end",clip:"<shape>|auto","clip-path":"<clip-source>|[<basic-shape>||<geometry-box>]|none","clip-rule":"nonzero|evenodd",color:"<color>","color-interpolation-filters":"auto|sRGB|linearRGB","color-scheme":"normal|[light|dark|<custom-ident>]+&&only?","column-count":"<integer>|auto","column-fill":"auto|balance","column-gap":"normal|<length-percentage>","column-height":"auto|<length [0,\u221E]>","column-rule":"<'column-rule-width'>||<'column-rule-style'>||<'column-rule-color'>","column-rule-color":"<color>","column-rule-style":"<'border-style'>","column-rule-width":"<'border-width'>","column-span":"none|all","column-width":"auto|<length [0,\u221E]>","column-wrap":"auto|nowrap|wrap",columns:"[<'column-width'>||<'column-count'>] [/ <'column-height'>]?",contain:"none|strict|content|[[size||inline-size]||layout||style||paint]","contain-intrinsic-block-size":"auto? [none|<length>]","contain-intrinsic-height":"auto? [none|<length>]","contain-intrinsic-inline-size":"auto? [none|<length>]","contain-intrinsic-size":"[auto? [none|<length>]]{1,2}","contain-intrinsic-width":"auto? [none|<length>]",container:"<'container-name'> [/ <'container-type'>]?","container-name":"none|<custom-ident>+","container-type":"normal||[size|inline-size]",content:"normal|none|[<content-replacement>|<content-list>] [/ [<string>|<counter>|<attr()>]+]?","content-visibility":"visible|auto|hidden","corner-block-end-shape":"<corner-shape-value>{1,2}","corner-block-start-shape":"<corner-shape-value>{1,2}","corner-bottom-shape":"<corner-shape-value>{1,2}","corner-bottom-left-shape":"<corner-shape-value>","corner-bottom-right-shape":"<corner-shape-value>","corner-end-end-shape":"<corner-shape-value>","corner-end-start-shape":"<corner-shape-value>","corner-inline-end-shape":"<corner-shape-value>{1,2}","corner-inline-start-shape":"<corner-shape-value>{1,2}","corner-left-shape":"<corner-shape-value>{1,2}","corner-right-shape":"<corner-shape-value>{1,2}","corner-shape":"<corner-shape-value>{1,4}","corner-start-start-shape":"<corner-shape-value>","corner-start-end-shape":"<corner-shape-value>","corner-top-shape":"<corner-shape-value>{1,2}","corner-top-left-shape":"<corner-shape-value>","corner-top-right-shape":"<corner-shape-value>","counter-increment":"[<counter-name> <integer>?]+|none","counter-reset":"[<counter-name> <integer>?|<reversed-counter-name> <integer>?]+|none","counter-set":"[<counter-name> <integer>?]+|none",cursor:"[[<url> [<x> <y>]? ,]* [auto|default|none|context-menu|help|pointer|progress|wait|cell|crosshair|text|vertical-text|alias|copy|move|no-drop|not-allowed|e-resize|n-resize|ne-resize|nw-resize|s-resize|se-resize|sw-resize|w-resize|ew-resize|ns-resize|nesw-resize|nwse-resize|col-resize|row-resize|all-scroll|zoom-in|zoom-out|grab|grabbing|hand|-webkit-grab|-webkit-grabbing|-webkit-zoom-in|-webkit-zoom-out|-moz-grab|-moz-grabbing|-moz-zoom-in|-moz-zoom-out]]",cx:"<length>|<percentage>",cy:"<length>|<percentage>",d:"none|path( <string> )",direction:"ltr|rtl",display:"[<display-outside>||<display-inside>]|<display-listitem>|<display-internal>|<display-box>|<display-legacy>|<-non-standard-display>","dominant-baseline":"auto|use-script|no-change|reset-size|ideographic|alphabetic|hanging|mathematical|central|middle|text-after-edge|text-before-edge","dynamic-range-limit":"standard|no-limit|constrained|<dynamic-range-limit-mix()>","empty-cells":"show|hide","field-sizing":"content|fixed",fill:"<paint>","fill-opacity":"<number-zero-one>|<percentage>","fill-rule":"nonzero|evenodd",filter:"none|<filter-value-list>|<-ms-filter-function-list>",flex:"none|[<'flex-grow'> <'flex-shrink'>?||<'flex-basis'>]","flex-basis":"content|<'width'>","flex-direction":"row|row-reverse|column|column-reverse","flex-flow":"<'flex-direction'>||<'flex-wrap'>","flex-grow":"<number>","flex-shrink":"<number>","flex-wrap":"nowrap|wrap|wrap-reverse",float:"left|right|none|inline-start|inline-end","flood-color":"<color>","flood-opacity":"<'opacity'>",font:"[[<'font-style'>||<font-variant-css2>||<'font-weight'>||<font-width-css3>]? <'font-size'> [/ <'line-height'>]? <'font-family'>#]|<system-family-name>|<-non-standard-font>","font-family":"[<family-name>|<generic-family>]#","font-feature-settings":"normal|<feature-tag-value>#","font-kerning":"auto|normal|none","font-language-override":"normal|<string>","font-optical-sizing":"auto|none","font-palette":"normal|light|dark|<palette-identifier>|<palette-mix()>","font-size":"<absolute-size>|<relative-size>|<length-percentage [0,\u221E]>|math","font-size-adjust":"none|[ex-height|cap-height|ch-width|ic-width|ic-height]? [from-font|<number>]","font-smooth":"auto|never|always|<absolute-size>|<length>","font-stretch":"<font-stretch-absolute>","font-style":"normal|italic|oblique <angle>?","font-synthesis":"none|[weight||style||small-caps||position]","font-synthesis-position":"auto|none","font-synthesis-small-caps":"auto|none","font-synthesis-style":"auto|none","font-synthesis-weight":"auto|none","font-variant":"normal|none|[<common-lig-values>||<discretionary-lig-values>||<historical-lig-values>||<contextual-alt-values>||stylistic( <feature-value-name> )||historical-forms||styleset( <feature-value-name># )||character-variant( <feature-value-name># )||swash( <feature-value-name> )||ornaments( <feature-value-name> )||annotation( <feature-value-name> )||[small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps]||<numeric-figure-values>||<numeric-spacing-values>||<numeric-fraction-values>||ordinal||slashed-zero||<east-asian-variant-values>||<east-asian-width-values>||ruby]","font-variant-alternates":"normal|[stylistic( <feature-value-name> )||historical-forms||styleset( <feature-value-name># )||character-variant( <feature-value-name># )||swash( <feature-value-name> )||ornaments( <feature-value-name> )||annotation( <feature-value-name> )]","font-variant-caps":"normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps","font-variant-east-asian":"normal|[<east-asian-variant-values>||<east-asian-width-values>||ruby]","font-variant-emoji":"normal|text|emoji|unicode","font-variant-ligatures":"normal|none|[<common-lig-values>||<discretionary-lig-values>||<historical-lig-values>||<contextual-alt-values>]","font-variant-numeric":"normal|[<numeric-figure-values>||<numeric-spacing-values>||<numeric-fraction-values>||ordinal||slashed-zero]","font-variant-position":"normal|sub|super","font-variation-settings":"normal|[<string> <number>]#","font-weight":"<font-weight-absolute>|bolder|lighter","font-width":"normal|<percentage [0,\u221E]>|ultra-condensed|extra-condensed|condensed|semi-condensed|semi-expanded|expanded|extra-expanded|ultra-expanded","forced-color-adjust":"auto|none|preserve-parent-color",gap:"<'row-gap'> <'column-gap'>?",grid:"<'grid-template'>|<'grid-template-rows'> / [auto-flow&&dense?] <'grid-auto-columns'>?|[auto-flow&&dense?] <'grid-auto-rows'>? / <'grid-template-columns'>","grid-area":"<grid-line> [/ <grid-line>]{0,3}","grid-auto-columns":"<track-size>+","grid-auto-flow":"[row|column]||dense","grid-auto-rows":"<track-size>+","grid-column":"<grid-line> [/ <grid-line>]?","grid-column-end":"<grid-line>","grid-column-gap":"<length-percentage>","grid-column-start":"<grid-line>","grid-gap":"<'grid-row-gap'> <'grid-column-gap'>?","grid-row":"<grid-line> [/ <grid-line>]?","grid-row-end":"<grid-line>","grid-row-gap":"<length-percentage>","grid-row-start":"<grid-line>","grid-template":"none|[<'grid-template-rows'> / <'grid-template-columns'>]|[<line-names>? <string> <track-size>? <line-names>?]+ [/ <explicit-track-list>]?","grid-template-areas":"none|<string>+","grid-template-columns":"none|<track-list>|<auto-track-list>|subgrid <line-name-list>?","grid-template-rows":"none|<track-list>|<auto-track-list>|subgrid <line-name-list>?","hanging-punctuation":"none|[first||[force-end|allow-end]||last]",height:"auto|<length-percentage [0,\u221E]>|min-content|max-content|fit-content|fit-content( <length-percentage [0,\u221E]> )|<calc-size()>|<anchor-size()>|stretch|<-non-standard-size>","hyphenate-character":"auto|<string>","hyphenate-limit-chars":"[auto|<integer>]{1,3}",hyphens:"none|manual|auto","image-orientation":"from-image|<angle>|[<angle>? flip]","image-rendering":"auto|crisp-edges|pixelated|smooth|optimizeSpeed|optimizeQuality|<-non-standard-image-rendering>","image-resolution":"[from-image||<resolution>]&&snap?","ime-mode":"auto|normal|active|inactive|disabled","initial-letter":"normal|[<number> <integer>?]","initial-letter-align":"[auto|alphabetic|hanging|ideographic]","inline-size":"<'width'>",inset:"<'top'>{1,4}","inset-block":"<'top'>{1,2}","inset-block-end":"<'top'>","inset-block-start":"<'top'>","inset-inline":"<'top'>{1,2}","inset-inline-end":"<'top'>","inset-inline-start":"<'top'>","interpolate-size":"numeric-only|allow-keywords",isolation:"auto|isolate",interactivity:"auto|inert","interest-delay":"<'interest-delay-start'>{1,2}","interest-delay-end":"normal|<time>","interest-delay-start":"normal|<time>","justify-content":"normal|<content-distribution>|<overflow-position>? [<content-position>|left|right]","justify-items":"normal|stretch|<baseline-position>|<overflow-position>? [<self-position>|left|right]|legacy|legacy&&[left|right|center]|anchor-center","justify-self":"auto|normal|stretch|<baseline-position>|<overflow-position>? [<self-position>|left|right]|anchor-center","justify-tracks":"[normal|<content-distribution>|<overflow-position>? [<content-position>|left|right]]#",left:"auto|<length-percentage>|<anchor()>|<anchor-size()>","letter-spacing":"normal|<length-percentage>","lighting-color":"<color>","line-break":"auto|loose|normal|strict|anywhere","line-clamp":"none|<integer>","line-height":"normal|<number>|<length>|<percentage>","line-height-step":"<length>","list-style":"<'list-style-type'>||<'list-style-position'>||<'list-style-image'>","list-style-image":"<image>|none","list-style-position":"inside|outside","list-style-type":"<counter-style>|<string>|none",margin:"<'margin-top'>{1,4}","margin-block":"<'margin-top'>{1,2}","margin-block-end":"<'margin-top'>","margin-block-start":"<'margin-top'>","margin-bottom":"<length-percentage>|auto|<anchor-size()>","margin-inline":"<'margin-top'>{1,2}","margin-inline-end":"<'margin-top'>","margin-inline-start":"<'margin-top'>","margin-left":"<length-percentage>|auto|<anchor-size()>","margin-right":"<length-percentage>|auto|<anchor-size()>","margin-top":"<length-percentage>|auto|<anchor-size()>","margin-trim":"none|in-flow|all",marker:"none|<url>","marker-end":"none|<url>","marker-mid":"none|<url>","marker-start":"none|<url>",mask:"<mask-layer>#","mask-border":"<'mask-border-source'>||<'mask-border-slice'> [/ <'mask-border-width'>? [/ <'mask-border-outset'>]?]?||<'mask-border-repeat'>||<'mask-border-mode'>","mask-border-mode":"luminance|alpha","mask-border-outset":"[<length>|<number>]{1,4}","mask-border-repeat":"[stretch|repeat|round|space]{1,2}","mask-border-slice":"<number-percentage>{1,4} fill?","mask-border-source":"none|<image>","mask-border-width":"[<length-percentage>|<number>|auto]{1,4}","mask-clip":"[<coord-box>|no-clip]#","mask-composite":"<compositing-operator>#","mask-image":"<mask-reference>#","mask-mode":"<masking-mode>#","mask-origin":"<coord-box>#","mask-position":"<position>#","mask-repeat":"<repeat-style>#","mask-size":"<bg-size>#","mask-type":"luminance|alpha","masonry-auto-flow":"[pack|next]||[definite-first|ordered]","math-depth":"auto-add|add( <integer> )|<integer>","math-shift":"normal|compact","math-style":"normal|compact","max-block-size":"<'max-width'>","max-height":"none|<length-percentage [0,\u221E]>|min-content|max-content|fit-content|fit-content( <length-percentage [0,\u221E]> )|<calc-size()>|<anchor-size()>|stretch|<-non-standard-size>","max-inline-size":"<'max-width'>","max-lines":"none|<integer>","max-width":"none|<length-percentage [0,\u221E]>|min-content|max-content|fit-content|fit-content( <length-percentage [0,\u221E]> )|<calc-size()>|<anchor-size()>|stretch|<-non-standard-size>","min-block-size":"<'min-width'>","min-height":"auto|<length-percentage [0,\u221E]>|min-content|max-content|fit-content|fit-content( <length-percentage [0,\u221E]> )|<calc-size()>|<anchor-size()>|stretch|<-non-standard-size>","min-inline-size":"<'min-width'>","min-width":"auto|<length-percentage [0,\u221E]>|min-content|max-content|fit-content|fit-content( <length-percentage [0,\u221E]> )|<calc-size()>|<anchor-size()>|stretch|<-non-standard-size>","mix-blend-mode":"<blend-mode>|plus-darker|plus-lighter","object-fit":"fill|contain|cover|none|scale-down","object-position":"<position>","object-view-box":"none|<basic-shape-rect>",offset:"[<'offset-position'>? [<'offset-path'> [<'offset-distance'>||<'offset-rotate'>]?]?]! [/ <'offset-anchor'>]?","offset-anchor":"auto|<position>","offset-distance":"<length-percentage>","offset-path":"none|<offset-path>||<coord-box>","offset-position":"normal|auto|<position>","offset-rotate":"[auto|reverse]||<angle>",opacity:"<opacity-value>",order:"<integer>",orphans:"<integer>",outline:"<'outline-width'>||<'outline-style'>||<'outline-color'>","outline-color":"auto|<color>","outline-offset":"<length>","outline-style":"auto|<outline-line-style>","outline-width":"<line-width>",overflow:"[visible|hidden|clip|scroll|auto]{1,2}|<-non-standard-overflow>","overflow-anchor":"auto|none","overflow-block":"visible|hidden|clip|scroll|auto|<-non-standard-overflow>","overflow-clip-box":"padding-box|content-box","overflow-clip-margin":"<visual-box>||<length [0,\u221E]>","overflow-inline":"visible|hidden|clip|scroll|auto|<-non-standard-overflow>","overflow-wrap":"normal|break-word|anywhere","overflow-x":"visible|hidden|clip|scroll|auto|<-non-standard-overflow>","overflow-y":"visible|hidden|clip|scroll|auto|<-non-standard-overflow>",overlay:"none|auto","overscroll-behavior":"[contain|none|auto]{1,2}","overscroll-behavior-block":"contain|none|auto","overscroll-behavior-inline":"contain|none|auto","overscroll-behavior-x":"contain|none|auto","overscroll-behavior-y":"contain|none|auto",padding:"<'padding-top'>{1,4}","padding-block":"<'padding-top'>{1,2}","padding-block-end":"<'padding-top'>","padding-block-start":"<'padding-top'>","padding-bottom":"<length-percentage [0,\u221E]>","padding-inline":"<'padding-top'>{1,2}","padding-inline-end":"<'padding-top'>","padding-inline-start":"<'padding-top'>","padding-left":"<length-percentage [0,\u221E]>","padding-right":"<length-percentage [0,\u221E]>","padding-top":"<length-percentage [0,\u221E]>",page:"auto|<custom-ident>","page-break-after":"auto|always|avoid|left|right|recto|verso","page-break-before":"auto|always|avoid|left|right|recto|verso","page-break-inside":"auto|avoid","paint-order":"normal|[fill||stroke||markers]",perspective:"none|<length>","perspective-origin":"<position>","place-content":"<'align-content'> <'justify-content'>?","place-items":"<'align-items'> <'justify-items'>?","place-self":"<'align-self'> <'justify-self'>?","pointer-events":"auto|none|visiblePainted|visibleFill|visibleStroke|visible|painted|fill|stroke|all|inherit",position:"static|relative|absolute|sticky|fixed|-webkit-sticky","position-anchor":"auto|none|<anchor-name>","position-area":"none|<position-area>","position-try":"<'position-try-order'>? <'position-try-fallbacks'>","position-try-fallbacks":"none|[[<dashed-ident>||<try-tactic>]|<'position-area'>]#","position-try-order":"normal|<try-size>","position-visibility":"always|[anchors-valid||anchors-visible||no-overflow]","print-color-adjust":"economy|exact",quotes:"none|auto|[<string> <string>]+",r:"<length>|<percentage>","reading-flow":"normal|source-order|flex-visual|flex-flow|grid-rows|grid-columns|grid-order","reading-order":"<integer>",resize:"none|both|horizontal|vertical|block|inline",right:"auto|<length-percentage>|<anchor()>|<anchor-size()>",rotate:"none|<angle>|[x|y|z|<number>{3}]&&<angle>","row-gap":"normal|<length-percentage>","ruby-align":"start|center|space-between|space-around","ruby-merge":"separate|collapse|auto","ruby-overhang":"auto|none","ruby-position":"[alternate||[over|under]]|inter-character",rx:"<length>|<percentage>",ry:"<length>|<percentage>",scale:"none|[<number>|<percentage>]{1,3}","scroll-behavior":"auto|smooth","scroll-initial-target":"none|nearest","scroll-margin":"<length>{1,4}","scroll-margin-block":"<length>{1,2}","scroll-margin-block-end":"<length>","scroll-margin-block-start":"<length>","scroll-margin-bottom":"<length>","scroll-margin-inline":"<length>{1,2}","scroll-margin-inline-end":"<length>","scroll-margin-inline-start":"<length>","scroll-margin-left":"<length>","scroll-margin-right":"<length>","scroll-margin-top":"<length>","scroll-marker-group":"none|before|after","scroll-padding":"[auto|<length-percentage>]{1,4}","scroll-padding-block":"[auto|<length-percentage>]{1,2}","scroll-padding-block-end":"auto|<length-percentage>","scroll-padding-block-start":"auto|<length-percentage>","scroll-padding-bottom":"auto|<length-percentage>","scroll-padding-inline":"[auto|<length-percentage>]{1,2}","scroll-padding-inline-end":"auto|<length-percentage>","scroll-padding-inline-start":"auto|<length-percentage>","scroll-padding-left":"auto|<length-percentage>","scroll-padding-right":"auto|<length-percentage>","scroll-padding-top":"auto|<length-percentage>","scroll-snap-align":"[none|start|end|center]{1,2}","scroll-snap-coordinate":"none|<position>#","scroll-snap-destination":"<position>","scroll-snap-points-x":"none|repeat( <length-percentage> )","scroll-snap-points-y":"none|repeat( <length-percentage> )","scroll-snap-stop":"normal|always","scroll-snap-type":"none|[x|y|block|inline|both] [mandatory|proximity]?","scroll-snap-type-x":"none|mandatory|proximity","scroll-snap-type-y":"none|mandatory|proximity","scroll-target-group":"none|auto","scroll-timeline":"[<'scroll-timeline-name'> <'scroll-timeline-axis'>?]#","scroll-timeline-axis":"[block|inline|x|y]#","scroll-timeline-name":"[none|<dashed-ident>]#","scrollbar-color":"auto|<color>{2}","scrollbar-gutter":"auto|stable&&both-edges?","scrollbar-width":"auto|thin|none","shape-image-threshold":"<opacity-value>","shape-margin":"<length-percentage>","shape-outside":"none|[<shape-box>||<basic-shape>]|<image>","shape-rendering":"auto|optimizeSpeed|crispEdges|geometricPrecision","speak-as":"normal|spell-out||digits||[literal-punctuation|no-punctuation]","stop-color":"<'color'>","stop-opacity":"<'opacity'>",stroke:"<paint>","stroke-color":"<color>","stroke-dasharray":"none|[<svg-length>+]#","stroke-dashoffset":"<svg-length>","stroke-linecap":"butt|round|square","stroke-linejoin":"miter|round|bevel","stroke-miterlimit":"<number-one-or-greater>","stroke-opacity":"<'opacity'>","stroke-width":"<svg-length>","tab-size":"<integer>|<length>","table-layout":"auto|fixed","text-align":"start|end|left|right|center|justify|match-parent","text-align-last":"auto|start|end|left|right|center|justify","text-anchor":"start|middle|end","text-autospace":"normal|<autospace>|auto","text-box":"normal|<'text-box-trim'>||<'text-box-edge'>","text-box-edge":"auto|<text-edge>","text-box-trim":"none|trim-start|trim-end|trim-both","text-combine-upright":"none|all|[digits <integer>?]","text-decoration":"<'text-decoration-line'>||<'text-decoration-style'>||<'text-decoration-color'>||<'text-decoration-thickness'>","text-decoration-color":"<color>","text-decoration-inset":"<length>{1,2}|auto","text-decoration-line":"none|[underline||overline||line-through||blink]|spelling-error|grammar-error","text-decoration-skip":"none|[objects||[spaces|[leading-spaces||trailing-spaces]]||edges||box-decoration]","text-decoration-skip-ink":"auto|all|none","text-decoration-style":"solid|double|dotted|dashed|wavy","text-decoration-thickness":"auto|from-font|<length>|<percentage>","text-emphasis":"<'text-emphasis-style'>||<'text-emphasis-color'>","text-emphasis-color":"<color>","text-emphasis-position":"auto|[over|under]&&[right|left]?","text-emphasis-style":"none|[[filled|open]||[dot|circle|double-circle|triangle|sesame]]|<string>","text-indent":"<length-percentage>&&hanging?&&each-line?","text-justify":"auto|inter-character|inter-word|none","text-orientation":"mixed|upright|sideways","text-overflow":"[clip|ellipsis|<string>]{1,2}","text-rendering":"auto|optimizeSpeed|optimizeLegibility|geometricPrecision","text-shadow":"none|<shadow-t>#","text-size-adjust":"none|auto|<percentage>","text-spacing-trim":"space-all|normal|space-first|trim-start","text-transform":"none|[capitalize|uppercase|lowercase]||full-width||full-size-kana|math-auto","text-underline-offset":"auto|<length>|<percentage>","text-underline-position":"auto|from-font|[under||[left|right]]","text-wrap":"<'text-wrap-mode'>||<'text-wrap-style'>","text-wrap-mode":"wrap|nowrap","text-wrap-style":"auto|balance|stable|pretty","timeline-scope":"none|<dashed-ident>#","timeline-trigger":"none|[<'timeline-trigger-name'> <'timeline-trigger-source'> <'timeline-trigger-range'> ['/' <'timeline-trigger-exit-range'>]?]#","timeline-trigger-name":"none|<dashed-ident>#","timeline-trigger-exit-range":"[<'timeline-trigger-exit-range-start'> <'timeline-trigger-exit-range-end'>?]#","timeline-trigger-exit-range-end":"[auto|normal|<length-percentage>|<timeline-range-name> <length-percentage>?]#","timeline-trigger-exit-range-start":"[auto|normal|<length-percentage>|<timeline-range-name> <length-percentage>?]#","timeline-trigger-range":"[<'timeline-trigger-range-start'> <'timeline-trigger-range-end'>?]#","timeline-trigger-range-end":"[normal|<length-percentage>|<timeline-range-name> <length-percentage>?]#","timeline-trigger-range-start":"[normal|<length-percentage>|<timeline-range-name> <length-percentage>?]#","timeline-trigger-source":"<single-animation-timeline>#",top:"auto|<length-percentage>|<anchor()>|<anchor-size()>","touch-action":"auto|none|[[pan-x|pan-left|pan-right]||[pan-y|pan-up|pan-down]||pinch-zoom]|manipulation",transform:"none|<transform-list>","transform-box":"content-box|border-box|fill-box|stroke-box|view-box","transform-origin":"[<length-percentage>|left|center|right|top|bottom]|[[<length-percentage>|left|center|right]&&[<length-percentage>|top|center|bottom]] <length>?","transform-style":"flat|preserve-3d",transition:"<single-transition>#","transition-behavior":"<transition-behavior-value>#","transition-delay":"<time>#","transition-duration":"<time>#","transition-property":"none|<single-transition-property>#","transition-timing-function":"<easing-function>#",translate:"none|<length-percentage> [<length-percentage> <length>?]?","trigger-scope":"none|all|<dashed-ident>#","unicode-bidi":"normal|embed|isolate|bidi-override|isolate-override|plaintext|-moz-isolate|-moz-isolate-override|-moz-plaintext|-webkit-isolate|-webkit-isolate-override|-webkit-plaintext","user-select":"auto|text|none|all","vector-effect":"none|non-scaling-stroke|non-scaling-size|non-rotation|fixed-position","vertical-align":"baseline|sub|super|text-top|text-bottom|middle|top|bottom|<percentage>|<length>","view-timeline":"[<'view-timeline-name'> [<'view-timeline-axis'>||<'view-timeline-inset'>]?]#","view-timeline-axis":"[block|inline|x|y]#","view-timeline-inset":"[[auto|<length-percentage>]{1,2}]#","view-timeline-name":"[none|<dashed-ident>]#","view-transition-class":"none|<custom-ident>+","view-transition-name":"none|<custom-ident>|match-element",visibility:"visible|hidden|collapse","white-space":"normal|pre|pre-wrap|pre-line|<'white-space-collapse'>||<'text-wrap-mode'>","white-space-collapse":"collapse|preserve|preserve-breaks|preserve-spaces|break-spaces",widows:"<integer>",width:"auto|<length-percentage [0,\u221E]>|min-content|max-content|fit-content|fit-content( <length-percentage [0,\u221E]> )|<calc-size()>|<anchor-size()>|stretch|<-non-standard-size>","will-change":"auto|<animateable-feature>#","word-break":"normal|break-all|keep-all|break-word|auto-phrase","word-spacing":"normal|<length>","word-wrap":"normal|break-word","writing-mode":"horizontal-tb|vertical-rl|vertical-lr|sideways-rl|sideways-lr|<svg-writing-mode>",x:"<length>|<percentage>",y:"<length>|<percentage>","z-index":"auto|<integer>",zoom:"normal|reset|<number [0,\u221E]>||<percentage [0,\u221E]>","-moz-background-clip":"padding|border","-moz-border-radius-bottomleft":"<'border-bottom-left-radius'>","-moz-border-radius-bottomright":"<'border-bottom-right-radius'>","-moz-border-radius-topleft":"<'border-top-left-radius'>","-moz-border-radius-topright":"<'border-bottom-right-radius'>","-moz-control-character-visibility":"visible|hidden","-moz-osx-font-smoothing":"auto|grayscale","-moz-user-select":"none|text|all|-moz-none","-ms-flex-align":"start|end|center|baseline|stretch","-ms-flex-item-align":"auto|start|end|center|baseline|stretch","-ms-flex-line-pack":"start|end|center|justify|distribute|stretch","-ms-flex-negative":"<'flex-shrink'>","-ms-flex-pack":"start|end|center|justify|distribute","-ms-flex-order":"<integer>","-ms-flex-positive":"<'flex-grow'>","-ms-flex-preferred-size":"<'flex-basis'>","-ms-interpolation-mode":"nearest-neighbor|bicubic","-ms-grid-column-align":"start|end|center|stretch","-ms-grid-row-align":"start|end|center|stretch","-ms-hyphenate-limit-last":"none|always|column|page|spread","-webkit-background-clip":"[<visual-box>|border|padding|content|text]#","-webkit-column-break-after":"always|auto|avoid","-webkit-column-break-before":"always|auto|avoid","-webkit-column-break-inside":"always|auto|avoid","-webkit-font-smoothing":"auto|none|antialiased|subpixel-antialiased","-webkit-mask-box-image":"[<url>|<gradient>|none] [<length-percentage>{4} <-webkit-mask-box-repeat>{2}]?","-webkit-print-color-adjust":"economy|exact","-webkit-text-security":"none|circle|disc|square","-webkit-user-drag":"none|element|auto",behavior:"<url>+",cue:"<'cue-before'> <'cue-after'>?","cue-after":"<url> <decibel>?|none","cue-before":"<url> <decibel>?|none","glyph-orientation-horizontal":"<angle>","glyph-orientation-vertical":"<angle>",kerning:"auto|<svg-length>",pause:"<'pause-before'> <'pause-after'>?","pause-after":"<time>|none|x-weak|weak|medium|strong|x-strong","pause-before":"<time>|none|x-weak|weak|medium|strong|x-strong","position-try-options":"<'position-try-fallbacks'>",rest:"<'rest-before'> <'rest-after'>?","rest-after":"<time>|none|x-weak|weak|medium|strong|x-strong","rest-before":"<time>|none|x-weak|weak|medium|strong|x-strong",speak:"auto|never|always","voice-balance":"<number>|left|center|right|leftwards|rightwards","voice-duration":"auto|<time>","voice-family":"[[<family-name>|<generic-voice>] ,]* [<family-name>|<generic-voice>]|preserve","voice-pitch":"<frequency>&&absolute|[[x-low|low|medium|high|x-high]||[<frequency>|<semitones>|<percentage>]]","voice-range":"<frequency>&&absolute|[[x-low|low|medium|high|x-high]||[<frequency>|<semitones>|<percentage>]]","voice-rate":"[normal|x-slow|slow|medium|fast|x-fast]||<percentage>","voice-stress":"normal|strong|moderate|none|reduced","voice-volume":"silent|[[x-soft|soft|medium|loud|x-loud]||<decibel>]","white-space-trim":"none|discard-before||discard-after||discard-inner"},atrules:{charset:{prelude:"<string>",descriptors:null},"counter-style":{prelude:"<counter-style-name>",descriptors:{"additive-symbols":"[<integer [0,\u221E]>&&<symbol>]#",fallback:"<counter-style-name>",negative:"<symbol> <symbol>?",pad:"<integer [0,\u221E]>&&<symbol>",prefix:"<symbol>",range:"[[<integer>|infinite]{2}]#|auto","speak-as":"auto|bullets|numbers|words|spell-out|<counter-style-name>",suffix:"<symbol>",symbols:"<symbol>+",system:"cyclic|numeric|alphabetic|symbolic|additive|[fixed <integer>?]|[extends <counter-style-name>]"}},container:{prelude:"[<container-name>]? <container-condition>",descriptors:null},document:{prelude:"[<url>|url-prefix( <string> )|domain( <string> )|media-document( <string> )|regexp( <string> )]#",descriptors:null},"font-face":{prelude:null,descriptors:{"ascent-override":"normal|<percentage>","descent-override":"normal|<percentage>","font-display":"auto|block|swap|fallback|optional","font-family":"<family-name>","font-feature-settings":"normal|<feature-tag-value>#","font-stretch":"<font-stretch-absolute>{1,2}","font-style":"normal|italic|oblique <angle>{0,2}","font-variation-settings":"normal|[<string> <number>]#","font-weight":"<font-weight-absolute>{1,2}","line-gap-override":"normal|<percentage>","size-adjust":"<percentage>",src:"[<url> [format( <string># )]?|local( <family-name> )]#","unicode-range":"<urange>#"}},"font-feature-values":{prelude:"<family-name>#",descriptors:null},"font-palette-values":{prelude:"<dashed-ident>",descriptors:{"base-palette":"light|dark|<integer [0,\u221E]>","font-family":"<family-name>#","override-colors":"[<integer [0,\u221E]> <color>]#"}},import:{prelude:"[<string>|<url>] [layer|layer( <layer-name> )]? [supports( [<supports-condition>|<declaration>] )]? <media-query-list>?",descriptors:null},keyframes:{prelude:"<keyframes-name>",descriptors:null},layer:{prelude:"[<layer-name>#|<layer-name>?]",descriptors:null},media:{prelude:"<media-query-list>",descriptors:null},namespace:{prelude:"<namespace-prefix>? [<string>|<url>]",descriptors:null},page:{prelude:"<page-selector-list>",descriptors:{bleed:"auto|<length>",marks:"none|[crop||cross]","page-orientation":"upright|rotate-left|rotate-right",size:"<length [0,\u221E]>{1,2}|auto|[<page-size>||[portrait|landscape]]"}},"position-try":{prelude:"<dashed-ident>",descriptors:{top:"<'top'>",left:"<'left'>",bottom:"<'bottom'>",right:"<'right'>","inset-block-start":"<'inset-block-start'>","inset-block-end":"<'inset-block-end'>","inset-inline-start":"<'inset-inline-start'>","inset-inline-end":"<'inset-inline-end'>","inset-block":"<'inset-block'>","inset-inline":"<'inset-inline'>",inset:"<'inset'>","margin-top":"<'margin-top'>","margin-left":"<'margin-left'>","margin-bottom":"<'margin-bottom'>","margin-right":"<'margin-right'>","margin-block-start":"<'margin-block-start'>","margin-block-end":"<'margin-block-end'>","margin-inline-start":"<'margin-inline-start'>","margin-inline-end":"<'margin-inline-end'>",margin:"<'margin'>","margin-block":"<'margin-block'>","margin-inline":"<'margin-inline'>",width:"<'width'>",height:"<'height'>","min-width":"<'min-width'>","min-height":"<'min-height'>","max-width":"<'max-width'>","max-height":"<'max-height'>","block-size":"<'block-size'>","inline-size":"<'inline-size'>","min-block-size":"<'min-block-size'>","min-inline-size":"<'min-inline-size'>","max-block-size":"<'max-block-size'>","max-inline-size":"<'max-inline-size'>","align-self":"<'align-self'>|anchor-center","justify-self":"<'justify-self'>|anchor-center"}},property:{prelude:"<custom-property-name>",descriptors:{inherits:"true|false","initial-value":"<declaration-value>?",syntax:"<string>"}},scope:{prelude:"[( <scope-start> )]? [to ( <scope-end> )]?",descriptors:null},"starting-style":{prelude:null,descriptors:null},supports:{prelude:"<supports-condition>",descriptors:null},"view-transition":{prelude:null,descriptors:{navigation:"auto|none",types:"none|<custom-ident>+"}},"font-features-values":{prelude:"[<string>|<custom-ident>]+",descriptors:{"font-display":"auto|block|swap|fallback|optional"}}}}});var Cg={};Ee(Cg,{generate:()=>GR,name:()=>VR,parse:()=>kg,structure:()=>WR});function Gc(e,t){let r=this.tokenStart+e,n=this.charCodeAt(r);for((n===yo||n===kn)&&(t&&this.error("Number sign is not allowed"),r++);r<this.tokenEnd;r++)cr(this.charCodeAt(r))||this.error("Integer is expected",r)}function Sa(e){return Gc.call(this,0,e)}function oi(e,t){if(!this.cmpChar(this.tokenStart+e,t)){let r="";switch(t){case Wc:r="N is expected";break;case kn:r="HyphenMinus is expected";break}this.error(r,this.tokenStart+e)}}function Sg(){let e=0,t=0,r=this.tokenType;for(;r===13||r===25;)r=this.lookupType(++e);if(r!==10)if(this.isDelim(yo,e)||this.isDelim(kn,e)){t=this.isDelim(yo,e)?yo:kn;do r=this.lookupType(++e);while(r===13||r===25);r!==10&&(this.skip(e),Sa.call(this,Bi))}else return null;return e>0&&this.skip(e),t===0&&(r=this.charCodeAt(this.tokenStart),r!==yo&&r!==kn&&this.error("Number sign is expected")),Sa.call(this,t!==0),t===kn?"-"+this.consume(10):this.consume(10)}function kg(){let e=this.tokenStart,t=null,r=null;if(this.tokenType===10)Sa.call(this,jR),r=this.consume(10);else if(this.tokenType===1&&this.cmpChar(this.tokenStart,kn))switch(t="-1",oi.call(this,1,Wc),this.tokenEnd-this.tokenStart){case 2:this.next(),r=Sg.call(this);break;case 3:oi.call(this,2,kn),this.next(),this.skipSC(),Sa.call(this,Bi),r="-"+this.consume(10);break;default:oi.call(this,2,kn),Gc.call(this,3,Bi),this.next(),r=this.substrToCursor(e+2)}else if(this.tokenType===1||this.isDelim(yo)&&this.lookupType(1)===1){let n=0;switch(t="1",this.isDelim(yo)&&(n=1,this.next()),oi.call(this,0,Wc),this.tokenEnd-this.tokenStart){case 1:this.next(),r=Sg.call(this);break;case 2:oi.call(this,1,kn),this.next(),this.skipSC(),Sa.call(this,Bi),r="-"+this.consume(10);break;default:oi.call(this,1,kn),Gc.call(this,2,Bi),this.next(),r=this.substrToCursor(e+n+1)}}else if(this.tokenType===12){let n=this.charCodeAt(this.tokenStart),o=n===yo||n===kn,i=this.tokenStart+o;for(;i<this.tokenEnd&&cr(this.charCodeAt(i));i++);i===this.tokenStart+o&&this.error("Integer is expected",this.tokenStart+o),oi.call(this,i-this.tokenStart,Wc),t=this.substring(e,i),i+1===this.tokenEnd?(this.next(),r=Sg.call(this)):(oi.call(this,i-this.tokenStart+1,kn),i+2===this.tokenEnd?(this.next(),this.skipSC(),Sa.call(this,Bi),r="-"+this.consume(10)):(Gc.call(this,i-this.tokenStart+2,Bi),this.next(),r=this.substrToCursor(i+1)))}else this.error();return t!==null&&t.charCodeAt(0)===yo&&(t=t.substr(1)),r!==null&&r.charCodeAt(0)===yo&&(r=r.substr(1)),{type:"AnPlusB",loc:this.getLocation(e,this.tokenStart),a:t,b:r}}function GR(e){if(e.a){let t=e.a==="+1"&&"n"||e.a==="1"&&"n"||e.a==="-1"&&"-n"||e.a+"n";if(e.b){let r=e.b[0]==="-"||e.b[0]==="+"?e.b:"+"+e.b;this.tokenize(t+r)}else this.tokenize(t)}else this.tokenize(e.b)}var yo,kn,Wc,Bi,jR,VR,WR,Ig=$(()=>{"use strict";Bn();yo=43,kn=45,Wc=110,Bi=!0,jR=!1;VR="AnPlusB",WR={a:[String,null],b:[String,null]}});var Eg={};Ee(Eg,{generate:()=>JR,name:()=>YR,parse:()=>Tg,structure:()=>XR,walkContext:()=>KR});function E2(){return this.Raw(this.consumeUntilLeftCurlyBracketOrSemicolon,!0)}function qR(){for(let e=1,t;t=this.lookupType(e);e++){if(t===24)return!0;if(t===23||t===3)return!1}return!1}function Tg(e=!1){let t=this.tokenStart,r,n,o=null,i=null;switch(this.eat(3),r=this.substrToCursor(t+1),n=r.toLowerCase(),this.skipSC(),this.eof===!1&&this.tokenType!==23&&this.tokenType!==17&&(this.parseAtrulePrelude?o=this.parseWithFallback(this.AtrulePrelude.bind(this,r,e),E2):o=E2.call(this,this.tokenIndex),this.skipSC()),this.tokenType){case 17:this.next();break;case 23:hasOwnProperty.call(this.atrule,n)&&typeof this.atrule[n].block=="function"?i=this.atrule[n].block.call(this,e):i=this.Block(qR.call(this));break}return{type:"Atrule",loc:this.getLocation(t,this.tokenStart),name:r,prelude:o,block:i}}function JR(e){this.token(3,"@"+e.name),e.prelude!==null&&this.node(e.prelude),e.block?this.node(e.block):this.token(17,";")}var YR,KR,XR,Rg=$(()=>{"use strict";YR="Atrule",KR="atrule",XR={name:String,prelude:["AtrulePrelude","Raw",null],block:["Block",null]}});var Fg={};Ee(Fg,{generate:()=>tA,name:()=>QR,parse:()=>Ag,structure:()=>eA,walkContext:()=>ZR});function Ag(e){let t=null;return e!==null&&(e=e.toLowerCase()),this.skipSC(),hasOwnProperty.call(this.atrule,e)&&typeof this.atrule[e].prelude=="function"?t=this.atrule[e].prelude.call(this):t=this.readSequence(this.scope.AtrulePrelude),this.skipSC(),this.eof!==!0&&this.tokenType!==23&&this.tokenType!==17&&this.error("Semicolon or block is expected"),{type:"AtrulePrelude",loc:this.getLocationFromList(t),children:t}}function tA(e){this.children(e)}var QR,ZR,eA,Pg=$(()=>{"use strict";QR="AtrulePrelude",ZR="atrulePrelude",eA={children:[[]]}});var Bg={};Ee(Bg,{generate:()=>cA,name:()=>sA,parse:()=>Lg,structure:()=>lA});function iA(){this.eof&&this.error("Unexpected end of input");let e=this.tokenStart,t=!1;return this.isDelim(R2)?(t=!0,this.next()):this.isDelim(Mg)||this.eat(1),this.isDelim(Mg)?this.charCodeAt(this.tokenStart+1)!==qc?(this.next(),this.eat(1)):t&&this.error("Identifier is expected",this.tokenEnd):t&&this.error("Vertical line is expected"),{type:"Identifier",loc:this.getLocation(e,this.tokenStart),name:this.substrToCursor(e)}}function aA(){let e=this.tokenStart,t=this.charCodeAt(e);return t!==qc&&t!==oA&&t!==nA&&t!==rA&&t!==R2&&t!==Mg&&this.error("Attribute selector (=, ~=, ^=, $=, *=, |=) is expected"),this.next(),t!==qc&&(this.isDelim(qc)||this.error("Equal sign is expected"),this.next()),this.substrToCursor(e)}function Lg(){let e=this.tokenStart,t,r=null,n=null,o=null;return this.eat(19),this.skipSC(),t=iA.call(this),this.skipSC(),this.tokenType!==20&&(this.tokenType!==1&&(r=aA.call(this),this.skipSC(),n=this.tokenType===5?this.String():this.Identifier(),this.skipSC()),this.tokenType===1&&(o=this.consume(1),this.skipSC())),this.eat(20),{type:"AttributeSelector",loc:this.getLocation(e,this.tokenStart),name:t,matcher:r,value:n,flags:o}}function cA(e){this.token(9,"["),this.node(e.name),e.matcher!==null&&(this.tokenize(e.matcher),this.node(e.value)),e.flags!==null&&this.token(1,e.flags),this.token(9,"]")}var rA,R2,qc,nA,Mg,oA,sA,lA,zg=$(()=>{"use strict";rA=36,R2=42,qc=61,nA=94,Mg=124,oA=126;sA="AttributeSelector",lA={name:"Identifier",matcher:[String,null],value:["String","Identifier",null],flags:[String,null]}});var _g={};Ee(_g,{generate:()=>mA,name:()=>pA,parse:()=>Dg,structure:()=>fA,walkContext:()=>gA});function P2(){return this.Raw(null,!0)}function A2(){return this.parseWithFallback(this.Rule,P2)}function F2(){return this.Raw(this.consumeUntilSemicolonIncluded,!0)}function dA(){if(this.tokenType===17)return F2.call(this,this.tokenIndex);let e=this.parseWithFallback(this.Declaration,F2);return this.tokenType===17&&this.next(),e}function Dg(e){let t=e?dA:A2,r=this.tokenStart,n=this.createList();this.eat(23);e:for(;!this.eof;)switch(this.tokenType){case 24:break e;case 13:case 25:this.next();break;case 3:n.push(this.parseWithFallback(this.Atrule.bind(this,e),P2));break;default:e&&this.isDelim(uA)?n.push(A2.call(this)):n.push(t.call(this))}return this.eof||this.eat(24),{type:"Block",loc:this.getLocation(r,this.tokenStart),children:n}}function mA(e){this.token(23,"{"),this.children(e,t=>{t.type==="Declaration"&&this.token(17,";")}),this.token(24,"}")}var uA,pA,gA,fA,Ng=$(()=>{"use strict";uA=38;pA="Block",gA="block",fA={children:[["Atrule","Rule","Declaration"]]}});var $g={};Ee($g,{generate:()=>yA,name:()=>hA,parse:()=>Og,structure:()=>xA});function Og(e,t){let r=this.tokenStart,n=null;return this.eat(19),n=e.call(this,t),this.eof||this.eat(20),{type:"Brackets",loc:this.getLocation(r,this.tokenStart),children:n}}function yA(e){this.token(9,"["),this.children(e),this.token(9,"]")}var hA,xA,Hg=$(()=>{"use strict";hA="Brackets",xA={children:[[]]}});var jg={};Ee(jg,{generate:()=>vA,name:()=>bA,parse:()=>Ug,structure:()=>wA});function Ug(){let e=this.tokenStart;return this.eat(15),{type:"CDC",loc:this.getLocation(e,this.tokenStart)}}function vA(){this.token(15,"-->")}var bA,wA,Vg=$(()=>{"use strict";bA="CDC",wA=[]});var Gg={};Ee(Gg,{generate:()=>CA,name:()=>SA,parse:()=>Wg,structure:()=>kA});function Wg(){let e=this.tokenStart;return this.eat(14),{type:"CDO",loc:this.getLocation(e,this.tokenStart)}}function CA(){this.token(14,"<!--")}var SA,kA,qg=$(()=>{"use strict";SA="CDO",kA=[]});var Kg={};Ee(Kg,{generate:()=>RA,name:()=>TA,parse:()=>Yg,structure:()=>EA});function Yg(){return this.eatDelim(IA),{type:"ClassSelector",loc:this.getLocation(this.tokenStart-1,this.tokenEnd),name:this.consume(1)}}function RA(e){this.token(9,"."),this.token(1,e.name)}var IA,TA,EA,Xg=$(()=>{"use strict";IA=46,TA="ClassSelector",EA={name:String}});var Qg={};Ee(Qg,{generate:()=>BA,name:()=>MA,parse:()=>Jg,structure:()=>LA});function Jg(){let e=this.tokenStart,t;switch(this.tokenType){case 13:t=" ";break;case 9:switch(this.charCodeAt(this.tokenStart)){case FA:case AA:case PA:this.next();break;case M2:this.next(),this.eatIdent("deep"),this.eatDelim(M2);break;default:this.error("Combinator is expected")}t=this.substrToCursor(e);break}return{type:"Combinator",loc:this.getLocation(e,this.tokenStart),name:t}}function BA(e){this.tokenize(e.name)}var AA,M2,FA,PA,MA,LA,Zg=$(()=>{"use strict";AA=43,M2=47,FA=62,PA=126,MA="Combinator",LA={name:String}});var tf={};Ee(tf,{generate:()=>OA,name:()=>_A,parse:()=>ef,structure:()=>NA});function ef(){let e=this.tokenStart,t=this.tokenEnd;return this.eat(25),t-e+2>=2&&this.charCodeAt(t-2)===zA&&this.charCodeAt(t-1)===DA&&(t-=2),{type:"Comment",loc:this.getLocation(e,this.tokenStart),value:this.substring(e+2,t)}}function OA(e){this.token(25,"/*"+e.value+"*/")}var zA,DA,_A,NA,rf=$(()=>{"use strict";zA=42,DA=47,_A="Comment",NA={value:String}});var of={};Ee(of,{generate:()=>VA,name:()=>HA,parse:()=>nf,structure:()=>UA});function L2(e){return this.lookupTypeNonSC(1)===1&&$A.has(this.lookupTypeNonSC(2))?this.Feature(e):this.FeatureRange(e)}function nf(e="media"){let t=this.createList();e:for(;!this.eof;)switch(this.tokenType){case 25:case 13:this.next();continue;case 1:t.push(this.Identifier());break;case 21:{let r=this.parseWithFallback(()=>jA[e].call(this,e),()=>null);r||(r=this.parseWithFallback(()=>{this.eat(21);let n=this.Condition(e);return this.eat(22),n},()=>this.GeneralEnclosed(e))),t.push(r);break}case 2:{let r=this.parseWithFallback(()=>this.FeatureFunction(e),()=>null);r||(r=this.GeneralEnclosed(e)),t.push(r);break}default:break e}return t.isEmpty&&this.error("Condition is expected"),{type:"Condition",loc:this.getLocationFromList(t),kind:e,children:t}}function VA(e){e.children.forEach(t=>{t.type==="Condition"?(this.token(21,"("),this.node(t),this.token(22,")")):this.node(t)})}var $A,HA,UA,jA,af=$(()=>{"use strict";$A=new Set([16,22,0]),HA="Condition",UA={kind:String,children:[["Identifier","Feature","FeatureFunction","FeatureRange","SupportsDeclaration"]]};jA={media:L2,container:L2,supports(){return this.SupportsDeclaration()}}});var lf={};Ee(lf,{generate:()=>rF,name:()=>ZA,parse:()=>sf,structure:()=>tF,walkContext:()=>eF});function XA(){return this.Raw(this.consumeUntilExclamationMarkOrSemicolon,!0)}function JA(){return this.Raw(this.consumeUntilExclamationMarkOrSemicolon,!1)}function QA(){let e=this.tokenIndex,t=this.Value();return t.type!=="Raw"&&this.eof===!1&&this.tokenType!==17&&this.isDelim(z2)===!1&&this.isBalanceEdge(e)===!1&&this.error(),t}function sf(){let e=this.tokenStart,t=this.tokenIndex,r=nF.call(this),n=Lc(r),o=n?this.parseCustomProperty:this.parseValue,i=n?JA:XA,a=!1,s;this.skipSC(),this.eat(16);let u=this.tokenIndex;if(n||this.skipSC(),o?s=this.parseWithFallback(QA,i):s=i.call(this,this.tokenIndex),n&&s.type==="Value"&&s.children.isEmpty){for(let c=u-this.tokenIndex;c<=0;c++)if(this.lookupType(c)===13){s.children.appendData({type:"WhiteSpace",loc:null,value:" "});break}}return this.isDelim(z2)&&(a=oF.call(this),this.skipSC()),this.eof===!1&&this.tokenType!==17&&this.isBalanceEdge(t)===!1&&this.error(),{type:"Declaration",loc:this.getLocation(e,this.tokenStart),important:a,property:r,value:s}}function rF(e){this.token(1,e.property),this.token(16,":"),this.node(e.value),e.important&&(this.token(9,"!"),this.token(1,e.important===!0?"important":e.important))}function nF(){let e=this.tokenStart;if(this.tokenType===9)switch(this.charCodeAt(this.tokenStart)){case YA:case GA:case KA:case WA:case qA:this.next();break;case B2:this.next(),this.isDelim(B2)&&this.next();break}return this.tokenType===4?this.eat(4):this.eat(1),this.substrToCursor(e)}function oF(){this.eat(9),this.skipSC();let e=this.consume(1);return e==="important"?!0:e}var z2,WA,GA,qA,YA,KA,B2,ZA,eF,tF,cf=$(()=>{"use strict";Bc();z2=33,WA=35,GA=36,qA=38,YA=42,KA=43,B2=47;ZA="Declaration",eF="declaration",tF={important:[Boolean,String],property:String,value:["Value","Raw"]}});var pf={};Ee(pf,{generate:()=>lF,name:()=>aF,parse:()=>df,structure:()=>sF});function uf(){return this.Raw(this.consumeUntilSemicolonIncluded,!0)}function df(){let e=this.createList();for(;!this.eof;)switch(this.tokenType){case 13:case 25:case 17:this.next();break;case 3:e.push(this.parseWithFallback(this.Atrule.bind(this,!0),uf));break;default:this.isDelim(iF)?e.push(this.parseWithFallback(this.Rule,uf)):e.push(this.parseWithFallback(this.Declaration,uf))}return{type:"DeclarationList",loc:this.getLocationFromList(e),children:e}}function lF(e){this.children(e,t=>{t.type==="Declaration"&&this.token(17,";")})}var iF,aF,sF,gf=$(()=>{"use strict";iF=38;aF="DeclarationList",sF={children:[["Declaration","Atrule","Rule"]]}});var mf={};Ee(mf,{generate:()=>dF,name:()=>cF,parse:()=>ff,structure:()=>uF});function ff(){let e=this.tokenStart,t=this.consumeNumber(12);return{type:"Dimension",loc:this.getLocation(e,this.tokenStart),value:t,unit:this.substring(e+t.length,this.tokenStart)}}function dF(e){this.token(12,e.value+e.unit)}var cF,uF,hf=$(()=>{"use strict";cF="Dimension",uF={value:String,unit:String}});var yf={};Ee(yf,{generate:()=>mF,name:()=>gF,parse:()=>xf,structure:()=>fF});function xf(e){let t=this.tokenStart,r,n=null;if(this.eat(21),this.skipSC(),r=this.consume(1),this.skipSC(),this.tokenType!==22){switch(this.eat(16),this.skipSC(),this.tokenType){case 10:this.lookupNonWSType(1)===9?n=this.Ratio():n=this.Number();break;case 12:n=this.Dimension();break;case 1:n=this.Identifier();break;case 2:n=this.parseWithFallback(()=>{let o=this.Function(this.readSequence,this.scope.Value);return this.skipSC(),this.isDelim(pF)&&this.error(),o},()=>this.Ratio());break;default:this.error("Number, dimension, ratio or identifier is expected")}this.skipSC()}return this.eof||this.eat(22),{type:"Feature",loc:this.getLocation(t,this.tokenStart),kind:e,name:r,value:n}}function mF(e){this.token(21,"("),this.token(1,e.name),e.value!==null&&(this.token(16,":"),this.node(e.value)),this.token(22,")")}var pF,gF,fF,bf=$(()=>{"use strict";pF=47,gF="Feature",fF={kind:String,name:String,value:["Identifier","Number","Dimension","Ratio","Function",null]}});var vf={};Ee(vf,{generate:()=>bF,name:()=>hF,parse:()=>wf,structure:()=>xF});function yF(e,t){let n=(this.features[e]||{})[t];return typeof n!="function"&&this.error(`Unknown feature ${t}()`),n}function wf(e="unknown"){let t=this.tokenStart,r=this.consumeFunctionName(),n=yF.call(this,e,r.toLowerCase());this.skipSC();let o=this.parseWithFallback(()=>{let i=this.tokenIndex,a=n.call(this);return this.eof===!1&&this.isBalanceEdge(i)===!1&&this.error(),a},()=>this.Raw(null,!1));return this.eof||this.eat(22),{type:"FeatureFunction",loc:this.getLocation(t,this.tokenStart),kind:e,feature:r,value:o}}function bF(e){this.token(2,e.feature+"("),this.node(e.value),this.token(22,")")}var hF,xF,Sf=$(()=>{"use strict";hF="FeatureFunction",xF={kind:String,feature:String,value:["Declaration","Selector"]}});var If={};Ee(If,{generate:()=>CF,name:()=>SF,parse:()=>Cf,structure:()=>kF});function kf(){switch(this.skipSC(),this.tokenType){case 10:return this.isDelim(D2,this.lookupOffsetNonSC(1))?this.Ratio():this.Number();case 12:return this.Dimension();case 1:return this.Identifier();case 2:return this.parseWithFallback(()=>{let e=this.Function(this.readSequence,this.scope.Value);return this.skipSC(),this.isDelim(D2)&&this.error(),e},()=>this.Ratio());default:this.error("Number, dimension, ratio or identifier is expected")}}function N2(e){if(this.skipSC(),this.isDelim(wF)||this.isDelim(vF)){let t=this.source[this.tokenStart];return this.next(),this.isDelim(_2)?(this.next(),t+"="):t}if(this.isDelim(_2))return"=";this.error(`Expected ${e?'":", ':""}"<", ">", "=" or ")"`)}function Cf(e="unknown"){let t=this.tokenStart;this.skipSC(),this.eat(21);let r=kf.call(this),n=N2.call(this,r.type==="Identifier"),o=kf.call(this),i=null,a=null;return this.lookupNonWSType(0)!==22&&(i=N2.call(this),a=kf.call(this)),this.skipSC(),this.eat(22),{type:"FeatureRange",loc:this.getLocation(t,this.tokenStart),kind:e,left:r,leftComparison:n,middle:o,rightComparison:i,right:a}}function CF(e){this.token(21,"("),this.node(e.left),this.tokenize(e.leftComparison),this.node(e.middle),e.right&&(this.tokenize(e.rightComparison),this.node(e.right)),this.token(22,")")}var D2,wF,_2,vF,SF,kF,Tf=$(()=>{"use strict";D2=47,wF=60,_2=61,vF=62,SF="FeatureRange",kF={kind:String,left:["Identifier","Number","Dimension","Ratio","Function"],leftComparison:String,middle:["Identifier","Number","Dimension","Ratio","Function"],rightComparison:[String,null],right:["Identifier","Number","Dimension","Ratio","Function",null]}});var Rf={};Ee(Rf,{generate:()=>RF,name:()=>IF,parse:()=>Ef,structure:()=>EF,walkContext:()=>TF});function Ef(e,t){let r=this.tokenStart,n=this.consumeFunctionName(),o=n.toLowerCase(),i;return i=t.hasOwnProperty(o)?t[o].call(this,t):e.call(this,t),this.eof||this.eat(22),{type:"Function",loc:this.getLocation(r,this.tokenStart),name:n,children:i}}function RF(e){this.token(2,e.name+"("),this.children(e),this.token(22,")")}var IF,TF,EF,Af=$(()=>{"use strict";IF="Function",TF="function",EF={name:String,children:[[]]}});var Pf={};Ee(Pf,{generate:()=>PF,name:()=>AF,parse:()=>Ff,structure:()=>FF});function Ff(e){let t=this.tokenStart,r=null;this.tokenType===2?r=this.consumeFunctionName():this.eat(21);let n=this.parseWithFallback(()=>{let o=this.tokenIndex,i=this.readSequence(this.scope.Value);return this.eof===!1&&this.isBalanceEdge(o)===!1&&this.error(),i},()=>this.createSingleNodeList(this.Raw(null,!1)));return this.eof||this.eat(22),{type:"GeneralEnclosed",loc:this.getLocation(t,this.tokenStart),kind:e,function:r,children:n}}function PF(e){e.function?this.token(2,e.function+"("):this.token(21,"("),this.children(e),this.token(22,")")}var AF,FF,Mf=$(()=>{"use strict";AF="GeneralEnclosed",FF={kind:String,function:[String,null],children:[[]]}});var Bf={};Ee(Bf,{generate:()=>zF,name:()=>LF,parse:()=>Lf,structure:()=>BF,xxx:()=>MF});function Lf(){let e=this.tokenStart;return this.eat(4),{type:"Hash",loc:this.getLocation(e,this.tokenStart),value:this.substrToCursor(e+1)}}function zF(e){this.token(4,"#"+e.value)}var MF,LF,BF,zf=$(()=>{"use strict";MF="XXX",LF="Hash",BF={value:String}});var _f={};Ee(_f,{generate:()=>NF,name:()=>DF,parse:()=>Df,structure:()=>_F});function Df(){return{type:"Identifier",loc:this.getLocation(this.tokenStart,this.tokenEnd),name:this.consume(1)}}function NF(e){this.token(1,e.name)}var DF,_F,Nf=$(()=>{"use strict";DF="Identifier",_F={name:String}});var $f={};Ee($f,{generate:()=>HF,name:()=>OF,parse:()=>Of,structure:()=>$F});function Of(){let e=this.tokenStart;return this.eat(4),{type:"IdSelector",loc:this.getLocation(e,this.tokenStart),name:this.substrToCursor(e+1)}}function HF(e){this.token(9,"#"+e.name)}var OF,$F,Hf=$(()=>{"use strict";OF="IdSelector",$F={name:String}});var jf={};Ee(jf,{generate:()=>WF,name:()=>jF,parse:()=>Uf,structure:()=>VF});function Uf(){let e=this.tokenStart,t=this.consume(1);for(;this.isDelim(UF);)this.eat(9),t+="."+this.consume(1);return{type:"Layer",loc:this.getLocation(e,this.tokenStart),name:t}}function WF(e){this.tokenize(e.name)}var UF,jF,VF,Vf=$(()=>{"use strict";UF=46,jF="Layer",VF={name:String}});var Gf={};Ee(Gf,{generate:()=>YF,name:()=>GF,parse:()=>Wf,structure:()=>qF});function Wf(){let e=this.createList();for(this.skipSC();!this.eof&&(e.push(this.Layer()),this.lookupTypeNonSC(0)===18);)this.skipSC(),this.next(),this.skipSC();return{type:"LayerList",loc:this.getLocationFromList(e),children:e}}function YF(e){this.children(e,()=>this.token(18,","))}var GF,qF,qf=$(()=>{"use strict";GF="LayerList",qF={children:[["Layer"]]}});var Kf={};Ee(Kf,{generate:()=>JF,name:()=>KF,parse:()=>Yf,structure:()=>XF});function Yf(){let e=this.tokenStart,t=null,r=null,n=null;if(this.skipSC(),this.tokenType===1&&this.lookupTypeNonSC(1)!==21){let o=this.consume(1),i=o.toLowerCase();switch(i==="not"||i==="only"?(this.skipSC(),t=i,r=this.consume(1)):r=o,this.lookupTypeNonSC(0)){case 1:{this.skipSC(),this.eatIdent("and"),n=this.Condition("media");break}case 23:case 17:case 18:case 0:break;default:this.error("Identifier or parenthesis is expected")}}else switch(this.tokenType){case 1:case 21:case 2:{n=this.Condition("media");break}case 23:case 17:case 0:break;default:this.error("Identifier or parenthesis is expected")}return{type:"MediaQuery",loc:this.getLocation(e,this.tokenStart),modifier:t,mediaType:r,condition:n}}function JF(e){e.mediaType?(e.modifier&&this.token(1,e.modifier),this.token(1,e.mediaType),e.condition&&(this.token(1,"and"),this.node(e.condition))):e.condition&&this.node(e.condition)}var KF,XF,Xf=$(()=>{"use strict";KF="MediaQuery",XF={modifier:[String,null],mediaType:[String,null],condition:["Condition",null]}});var Qf={};Ee(Qf,{generate:()=>eP,name:()=>QF,parse:()=>Jf,structure:()=>ZF});function Jf(){let e=this.createList();for(this.skipSC();!this.eof&&(e.push(this.MediaQuery()),this.tokenType===18);)this.next();return{type:"MediaQueryList",loc:this.getLocationFromList(e),children:e}}function eP(e){this.children(e,()=>this.token(18,","))}var QF,ZF,Zf=$(()=>{"use strict";QF="MediaQueryList",ZF={children:[["MediaQuery"]]}});var t0={};Ee(t0,{generate:()=>oP,name:()=>rP,parse:()=>e0,structure:()=>nP});function e0(){let e=this.tokenStart;return this.eatDelim(tP),{type:"NestingSelector",loc:this.getLocation(e,this.tokenStart)}}function oP(){this.token(9,"&")}var tP,rP,nP,r0=$(()=>{"use strict";tP=38,rP="NestingSelector",nP={}});var o0={};Ee(o0,{generate:()=>sP,name:()=>iP,parse:()=>n0,structure:()=>aP});function n0(){this.skipSC();let e=this.tokenStart,t=e,r=null,n;return this.lookupValue(0,"odd")||this.lookupValue(0,"even")?n=this.Identifier():n=this.AnPlusB(),t=this.tokenStart,this.skipSC(),this.lookupValue(0,"of")&&(this.next(),r=this.SelectorList(),t=this.tokenStart),{type:"Nth",loc:this.getLocation(e,t),nth:n,selector:r}}function sP(e){this.node(e.nth),e.selector!==null&&(this.token(1,"of"),this.node(e.selector))}var iP,aP,i0=$(()=>{"use strict";iP="Nth",aP={nth:["AnPlusB","Identifier"],selector:["SelectorList",null]}});var s0={};Ee(s0,{generate:()=>uP,name:()=>lP,parse:()=>a0,structure:()=>cP});function a0(){return{type:"Number",loc:this.getLocation(this.tokenStart,this.tokenEnd),value:this.consume(10)}}function uP(e){this.token(10,e.value)}var lP,cP,l0=$(()=>{"use strict";lP="Number",cP={value:String}});var u0={};Ee(u0,{generate:()=>gP,name:()=>dP,parse:()=>c0,structure:()=>pP});function c0(){let e=this.tokenStart;return this.next(),{type:"Operator",loc:this.getLocation(e,this.tokenStart),value:this.substrToCursor(e)}}function gP(e){this.tokenize(e.value)}var dP,pP,d0=$(()=>{"use strict";dP="Operator",pP={value:String}});var g0={};Ee(g0,{generate:()=>hP,name:()=>fP,parse:()=>p0,structure:()=>mP});function p0(e,t){let r=this.tokenStart,n=null;return this.eat(21),n=e.call(this,t),this.eof||this.eat(22),{type:"Parentheses",loc:this.getLocation(r,this.tokenStart),children:n}}function hP(e){this.token(21,"("),this.children(e),this.token(22,")")}var fP,mP,f0=$(()=>{"use strict";fP="Parentheses",mP={children:[[]]}});var h0={};Ee(h0,{generate:()=>bP,name:()=>xP,parse:()=>m0,structure:()=>yP});function m0(){return{type:"Percentage",loc:this.getLocation(this.tokenStart,this.tokenEnd),value:this.consumeNumber(11)}}function bP(e){this.token(11,e.value+"%")}var xP,yP,x0=$(()=>{"use strict";xP="Percentage",yP={value:String}});var b0={};Ee(b0,{generate:()=>kP,name:()=>wP,parse:()=>y0,structure:()=>SP,walkContext:()=>vP});function y0(){let e=this.tokenStart,t=null,r,n;return this.eat(16),this.tokenType===2?(r=this.consumeFunctionName(),n=r.toLowerCase(),this.lookupNonWSType(0)==22?t=this.createList():hasOwnProperty.call(this.pseudo,n)?(this.skipSC(),t=this.pseudo[n].call(this),this.skipSC()):(t=this.createList(),t.push(this.Raw(null,!1))),this.eat(22)):r=this.consume(1),{type:"PseudoClassSelector",loc:this.getLocation(e,this.tokenStart),name:r,children:t}}function kP(e){this.token(16,":"),e.children===null?this.token(1,e.name):(this.token(2,e.name+"("),this.children(e),this.token(22,")"))}var wP,vP,SP,w0=$(()=>{"use strict";wP="PseudoClassSelector",vP="function",SP={name:String,children:[["Raw"],null]}});var S0={};Ee(S0,{generate:()=>EP,name:()=>CP,parse:()=>v0,structure:()=>TP,walkContext:()=>IP});function v0(){let e=this.tokenStart,t=null,r,n;return this.eat(16),this.eat(16),this.tokenType===2?(r=this.consumeFunctionName(),n=r.toLowerCase(),this.lookupNonWSType(0)==22?t=this.createList():hasOwnProperty.call(this.pseudo,n)?(this.skipSC(),t=this.pseudo[n].call(this),this.skipSC()):(t=this.createList(),t.push(this.Raw(null,!1))),this.eat(22)):r=this.consume(1),{type:"PseudoElementSelector",loc:this.getLocation(e,this.tokenStart),name:r,children:t}}function EP(e){this.token(16,":"),this.token(16,":"),e.children===null?this.token(1,e.name):(this.token(2,e.name+"("),this.children(e),this.token(22,")"))}var CP,IP,TP,k0=$(()=>{"use strict";CP="PseudoElementSelector",IP="function",TP={name:String,children:[["Raw"],null]}});var I0={};Ee(I0,{generate:()=>FP,name:()=>RP,parse:()=>C0,structure:()=>AP});function $2(){switch(this.skipSC(),this.tokenType){case 10:return this.Number();case 2:return this.Function(this.readSequence,this.scope.Value);default:this.error("Number of function is expected")}}function C0(){let e=this.tokenStart,t=$2.call(this),r=null;return this.skipSC(),this.isDelim(O2)&&(this.eatDelim(O2),r=$2.call(this)),{type:"Ratio",loc:this.getLocation(e,this.tokenStart),left:t,right:r}}function FP(e){this.node(e.left),this.token(9,"/"),e.right?this.node(e.right):this.node(10,1)}var O2,RP,AP,T0=$(()=>{"use strict";O2=47;RP="Ratio",AP={left:["Number","Function"],right:["Number","Function",null]}});var R0={};Ee(R0,{generate:()=>BP,name:()=>MP,parse:()=>E0,structure:()=>LP});function PP(){return this.tokenIndex>0&&this.lookupType(-1)===13?this.tokenIndex>1?this.getTokenStart(this.tokenIndex-1):this.firstCharOffset:this.tokenStart}function E0(e,t){let r=this.getTokenStart(this.tokenIndex),n;return this.skipUntilBalanced(this.tokenIndex,e||this.consumeUntilBalanceEnd),t&&this.tokenStart>r?n=PP.call(this):n=this.tokenStart,{type:"Raw",loc:this.getLocation(r,n),value:this.substring(r,n)}}function BP(e){this.tokenize(e.value)}var MP,LP,A0=$(()=>{"use strict";MP="Raw",LP={value:String}});var P0={};Ee(P0,{generate:()=>OP,name:()=>DP,parse:()=>F0,structure:()=>NP,walkContext:()=>_P});function H2(){return this.Raw(this.consumeUntilLeftCurlyBracket,!0)}function zP(){let e=this.SelectorList();return e.type!=="Raw"&&this.eof===!1&&this.tokenType!==23&&this.error(),e}function F0(){let e=this.tokenIndex,t=this.tokenStart,r,n;return this.parseRulePrelude?r=this.parseWithFallback(zP,H2):r=H2.call(this,e),n=this.Block(!0),{type:"Rule",loc:this.getLocation(t,this.tokenStart),prelude:r,block:n}}function OP(e){this.node(e.prelude),this.node(e.block)}var DP,_P,NP,M0=$(()=>{"use strict";DP="Rule",_P="rule",NP={prelude:["SelectorList","Raw"],block:["Block"]}});var B0={};Ee(B0,{generate:()=>UP,name:()=>$P,parse:()=>L0,structure:()=>HP});function L0(){let e=null,t=null;this.skipSC();let r=this.tokenStart;return this.tokenType===21&&(this.next(),this.skipSC(),e=this.parseWithFallback(this.SelectorList,()=>this.Raw(!1,!0)),this.skipSC(),this.eat(22)),this.lookupNonWSType(0)===1&&(this.skipSC(),this.eatIdent("to"),this.skipSC(),this.eat(21),this.skipSC(),t=this.parseWithFallback(this.SelectorList,()=>this.Raw(!1,!0)),this.skipSC(),this.eat(22)),{type:"Scope",loc:this.getLocation(r,this.tokenStart),root:e,limit:t}}function UP(e){e.root&&(this.token(21,"("),this.node(e.root),this.token(22,")")),e.limit&&(this.token(1,"to"),this.token(21,"("),this.node(e.limit),this.token(22,")"))}var $P,HP,z0=$(()=>{"use strict";$P="Scope",HP={root:["SelectorList","Raw",null],limit:["SelectorList","Raw",null]}});var _0={};Ee(_0,{generate:()=>WP,name:()=>jP,parse:()=>D0,structure:()=>VP});function D0(){let e=this.readSequence(this.scope.Selector);return this.getFirstListNode(e)===null&&this.error("Selector is expected"),{type:"Selector",loc:this.getLocationFromList(e),children:e}}function WP(e){this.children(e)}var jP,VP,N0=$(()=>{"use strict";jP="Selector",VP={children:[["TypeSelector","IdSelector","ClassSelector","AttributeSelector","PseudoClassSelector","PseudoElementSelector","Combinator"]]}});var $0={};Ee($0,{generate:()=>KP,name:()=>GP,parse:()=>O0,structure:()=>YP,walkContext:()=>qP});function O0(){let e=this.createList();for(;!this.eof;){if(e.push(this.Selector()),this.tokenType===18){this.next();continue}break}return{type:"SelectorList",loc:this.getLocationFromList(e),children:e}}function KP(e){this.children(e,()=>this.token(18,","))}var GP,qP,YP,H0=$(()=>{"use strict";GP="SelectorList",qP="selector",YP={children:[["Selector","Raw"]]}});function Yc(e){let t=e.length,r=e.charCodeAt(0),n=r===U2||r===j2?1:0,o=n===1&&t>1&&e.charCodeAt(t-1)===r?t-2:t-1,i="";for(let a=n;a<=o;a++){let s=e.charCodeAt(a);if(s===U0){if(a===o){a!==t-1&&(i=e.substr(a+1));break}if(s=e.charCodeAt(++a),sn(U0,s)){let u=a-1,c=Bo(e,u);a=c-1,i+=xc(e.substring(u+1,c))}else s===13&&e.charCodeAt(a+1)===10&&a++}else i+=e[a]}return i}function V2(e,t){let r=t?"'":'"',n=t?j2:U2,o="",i=!1;for(let a=0;a<e.length;a++){let s=e.charCodeAt(a);if(s===0){o+="\uFFFD";continue}if(s<=31||s===127){o+="\\"+s.toString(16),i=!0;continue}s===n||s===U0?(o+="\\"+e.charAt(a),i=!1):(i&&(ln(s)||ho(s))&&(o+=" "),o+=e.charAt(a),i=!1)}return r+o+r}var U0,U2,j2,Kc=$(()=>{"use strict";Bn();U0=92,U2=34,j2=39});var V0={};Ee(V0,{generate:()=>QP,name:()=>XP,parse:()=>j0,structure:()=>JP});function j0(){return{type:"String",loc:this.getLocation(this.tokenStart,this.tokenEnd),value:Yc(this.consume(5))}}function QP(e){this.token(5,V2(e.value))}var XP,JP,W0=$(()=>{"use strict";Kc();XP="String",JP={value:String}});var q0={};Ee(q0,{generate:()=>nM,name:()=>eM,parse:()=>G0,structure:()=>rM,walkContext:()=>tM});function G2(){return this.Raw(null,!1)}function G0(){let e=this.tokenStart,t=this.createList(),r;for(;!this.eof;){switch(this.tokenType){case 13:this.next();continue;case 25:if(this.charCodeAt(this.tokenStart+2)!==ZP){this.next();continue}r=this.Comment();break;case 14:r=this.CDO();break;case 15:r=this.CDC();break;case 3:r=this.parseWithFallback(this.Atrule,G2);break;default:r=this.parseWithFallback(this.Rule,G2)}t.push(r)}return{type:"StyleSheet",loc:this.getLocation(e,this.tokenStart),children:t}}function nM(e){this.children(e)}var ZP,eM,tM,rM,Y0=$(()=>{"use strict";ZP=33;eM="StyleSheet",tM="stylesheet",rM={children:[["Comment","CDO","CDC","Atrule","Rule","Raw"]]}});var X0={};Ee(X0,{generate:()=>aM,name:()=>oM,parse:()=>K0,structure:()=>iM});function K0(){let e=this.tokenStart;this.eat(21),this.skipSC();let t=this.Declaration();return this.eof||this.eat(22),{type:"SupportsDeclaration",loc:this.getLocation(e,this.tokenStart),declaration:t}}function aM(e){this.token(21,"("),this.node(e.declaration),this.token(22,")")}var oM,iM,J0=$(()=>{"use strict";oM="SupportsDeclaration",iM={declaration:"Declaration"}});var em={};Ee(em,{generate:()=>uM,name:()=>lM,parse:()=>Z0,structure:()=>cM});function Q0(){this.tokenType!==1&&this.isDelim(sM)===!1&&this.error("Identifier or asterisk is expected"),this.next()}function Z0(){let e=this.tokenStart;return this.isDelim(q2)?(this.next(),Q0.call(this)):(Q0.call(this),this.isDelim(q2)&&(this.next(),Q0.call(this))),{type:"TypeSelector",loc:this.getLocation(e,this.tokenStart),name:this.substrToCursor(e)}}function uM(e){this.tokenize(e.name)}var sM,q2,lM,cM,tm=$(()=>{"use strict";sM=42,q2=124;lM="TypeSelector",cM={name:String}});var om={};Ee(om,{generate:()=>mM,name:()=>gM,parse:()=>nm,structure:()=>fM});function _s(e,t){let r=0;for(let n=this.tokenStart+e;n<this.tokenEnd;n++){let o=this.charCodeAt(n);if(o===K2&&t&&r!==0)return _s.call(this,e+r+1,!1),-1;ln(o)||this.error(t&&r!==0?"Hyphen minus"+(r<6?" or hex digit":"")+" is expected":r<6?"Hex digit is expected":"Unexpected input",n),++r>6&&this.error("Too many hex digits",n)}return this.next(),r}function Xc(e){let t=0;for(;this.isDelim(rm);)++t>e&&this.error("Too many question marks"),this.next()}function dM(e){this.charCodeAt(this.tokenStart)!==e&&this.error((e===Y2?"Plus sign":"Hyphen minus")+" is expected")}function pM(){let e=0;switch(this.tokenType){case 10:if(e=_s.call(this,1,!0),this.isDelim(rm)){Xc.call(this,6-e);break}if(this.tokenType===12||this.tokenType===10){dM.call(this,K2),_s.call(this,1,!1);break}break;case 12:e=_s.call(this,1,!0),e>0&&Xc.call(this,6-e);break;default:if(this.eatDelim(Y2),this.tokenType===1){e=_s.call(this,0,!0),e>0&&Xc.call(this,6-e);break}if(this.isDelim(rm)){this.next(),Xc.call(this,5);break}this.error("Hex digit or question mark is expected")}}function nm(){let e=this.tokenStart;return this.eatIdent("u"),pM.call(this),{type:"UnicodeRange",loc:this.getLocation(e,this.tokenStart),value:this.substrToCursor(e)}}function mM(e){this.tokenize(e.value)}var Y2,K2,rm,gM,fM,im=$(()=>{"use strict";Bn();Y2=43,K2=45,rm=63;gM="UnicodeRange",fM={value:String}});function J2(e){let t=e.length,r=4,n=e.charCodeAt(t-1)===X2?t-2:t-1,o="";for(;r<n&&ho(e.charCodeAt(r));)r++;for(;r<n&&ho(e.charCodeAt(n));)n--;for(let i=r;i<=n;i++){let a=e.charCodeAt(i);if(a===am){if(i===n){i!==t-1&&(o=e.substr(i+1));break}if(a=e.charCodeAt(++i),sn(am,a)){let s=i-1,u=Bo(e,s);i=u-1,o+=xc(e.substring(s+1,u))}else a===13&&e.charCodeAt(i+1)===10&&i++}else o+=e[i]}return o}function Q2(e){let t="",r=!1;for(let n=0;n<e.length;n++){let o=e.charCodeAt(n);if(o===0){t+="\uFFFD";continue}if(o<=31||o===127){t+="\\"+o.toString(16),r=!0;continue}o===hM||o===am||o===xM||o===yM||o===bM||o===X2?(t+="\\"+e.charAt(n),r=!1):(r&&ln(o)&&(t+=" "),t+=e.charAt(n),r=!1)}return"url("+t+")"}var hM,am,xM,yM,bM,X2,sm=$(()=>{"use strict";Bn();hM=32,am=92,xM=34,yM=39,bM=40,X2=41});var cm={};Ee(cm,{generate:()=>SM,name:()=>wM,parse:()=>lm,structure:()=>vM});function lm(){let e=this.tokenStart,t;switch(this.tokenType){case 7:t=J2(this.consume(7));break;case 2:this.cmpStr(this.tokenStart,this.tokenEnd,"url(")||this.error("Function name must be `url`"),this.eat(2),this.skipSC(),t=Yc(this.consume(5)),this.skipSC(),this.eof||this.eat(22);break;default:this.error("Url or Function is expected")}return{type:"Url",loc:this.getLocation(e,this.tokenStart),value:t}}function SM(e){this.token(7,Q2(e.value))}var wM,vM,um=$(()=>{"use strict";sm();Kc();wM="Url",vM={value:String}});var pm={};Ee(pm,{generate:()=>IM,name:()=>kM,parse:()=>dm,structure:()=>CM});function dm(){let e=this.tokenStart,t=this.readSequence(this.scope.Value);return{type:"Value",loc:this.getLocation(e,this.tokenStart),children:t}}function IM(e){this.children(e)}var kM,CM,gm=$(()=>{"use strict";kM="Value",CM={children:[[]]}});var mm={};Ee(mm,{generate:()=>AM,name:()=>EM,parse:()=>fm,structure:()=>RM});function fm(){return this.eat(13),TM}function AM(e){this.token(13,e.value)}var TM,EM,RM,hm=$(()=>{"use strict";TM=Object.freeze({type:"WhiteSpace",loc:null,value:" "}),EM="WhiteSpace",RM={value:String}});var Ns={};Ee(Ns,{AnPlusB:()=>Cg,Atrule:()=>Eg,AtrulePrelude:()=>Fg,AttributeSelector:()=>Bg,Block:()=>_g,Brackets:()=>$g,CDC:()=>jg,CDO:()=>Gg,ClassSelector:()=>Kg,Combinator:()=>Qg,Comment:()=>tf,Condition:()=>of,Declaration:()=>lf,DeclarationList:()=>pf,Dimension:()=>mf,Feature:()=>yf,FeatureFunction:()=>vf,FeatureRange:()=>If,Function:()=>Rf,GeneralEnclosed:()=>Pf,Hash:()=>Bf,IdSelector:()=>$f,Identifier:()=>_f,Layer:()=>jf,LayerList:()=>Gf,MediaQuery:()=>Kf,MediaQueryList:()=>Qf,NestingSelector:()=>t0,Nth:()=>o0,Number:()=>s0,Operator:()=>u0,Parentheses:()=>g0,Percentage:()=>h0,PseudoClassSelector:()=>b0,PseudoElementSelector:()=>S0,Ratio:()=>I0,Raw:()=>R0,Rule:()=>P0,Scope:()=>B0,Selector:()=>_0,SelectorList:()=>$0,String:()=>V0,StyleSheet:()=>q0,SupportsDeclaration:()=>X0,TypeSelector:()=>em,UnicodeRange:()=>om,Url:()=>cm,Value:()=>pm,WhiteSpace:()=>mm});var xm=$(()=>{"use strict";Ig();Rg();Pg();zg();Ng();Hg();Vg();qg();Xg();Zg();rf();af();cf();gf();hf();bf();Sf();Tf();Af();Mf();zf();Nf();Hf();Vf();qf();Xf();Zf();r0();i0();l0();d0();f0();x0();w0();k0();T0();A0();M0();z0();N0();H0();W0();Y0();J0();tm();im();um();gm();hm()});var ew,tw=$(()=>{"use strict";zc();T2();xm();ew={generic:!0,cssWideKeywords:xa,...I2,node:Ns}});function Os(e){switch(this.tokenType){case 4:return this.Hash();case 18:return this.Operator();case 21:return this.Parentheses(this.readSequence,e.recognizer);case 19:return this.Brackets(this.readSequence,e.recognizer);case 5:return this.String();case 12:return this.Dimension();case 11:return this.Percentage();case 10:return this.Number();case 2:return this.cmpStr(this.tokenStart,this.tokenEnd,"url(")?this.Url():this.Function(this.readSequence,e.recognizer);case 7:return this.Url();case 1:return this.cmpChar(this.tokenStart,BM)&&this.cmpChar(this.tokenStart+1,rw)?this.UnicodeRange():this.Identifier();case 9:{let t=this.charCodeAt(this.tokenStart);if(t===LM||t===PM||t===rw||t===MM)return this.Operator();t===FM&&this.error("Hex or identifier is expected",this.tokenStart+1);break}}}var FM,PM,rw,MM,LM,BM,ym=$(()=>{"use strict";FM=35,PM=42,rw=43,MM=45,LM=47,BM=117});var nw,ow=$(()=>{"use strict";ym();nw={getNode:Os}});function jM(e,t){t.last!==null&&t.last.type!=="Combinator"&&e!==null&&e.type!=="Combinator"&&t.push({type:"Combinator",loc:null,name:" "})}function VM(){switch(this.tokenType){case 19:return this.AttributeSelector();case 4:return this.IdSelector();case 16:return this.lookupType(1)===16?this.PseudoElementSelector():this.PseudoClassSelector();case 1:return this.TypeSelector();case 10:case 11:return this.Percentage();case 12:this.charCodeAt(this.tokenStart)===iw&&this.error("Identifier is expected",this.tokenStart+1);break;case 9:{switch(this.charCodeAt(this.tokenStart)){case NM:case $M:case UM:case OM:return this.Combinator();case iw:return this.ClassSelector();case _M:case HM:return this.TypeSelector();case zM:return this.IdSelector();case DM:return this.NestingSelector()}break}}}var zM,DM,_M,NM,OM,iw,$M,HM,UM,aw,sw=$(()=>{"use strict";zM=35,DM=38,_M=42,NM=43,OM=47,iw=46,$M=62,HM=124,UM=126;aw={onWhiteSpace:jM,getNode:VM}});function lw(){return this.createSingleNodeList(this.Raw(null,!1))}var cw=$(()=>{"use strict"});function uw(){let e=this.createList();if(this.skipSC(),e.push(this.Identifier()),this.skipSC(),this.tokenType===18){e.push(this.Operator());let t=this.tokenIndex,r=this.parseCustomProperty?this.Value(null):this.Raw(this.consumeUntilExclamationMarkOrSemicolon,!1);if(r.type==="Value"&&r.children.isEmpty){for(let n=t-this.tokenIndex;n<=0;n++)if(this.lookupType(n)===13){r.children.appendData({type:"WhiteSpace",loc:null,value:" "});break}}e.push(r)}return e}var dw=$(()=>{"use strict"});function pw(e){return e!==null&&e.type==="Operator"&&(e.value[e.value.length-1]==="-"||e.value[e.value.length-1]==="+")}var gw,fw=$(()=>{"use strict";ym();cw();dw();gw={getNode:Os,onWhiteSpace(e,t){pw(e)&&(e.value=" "+e.value),pw(t.last)&&(t.last.value+=" ")},expression:lw,var:uw}});var bm={};Ee(bm,{AtrulePrelude:()=>nw,Selector:()=>aw,Value:()=>gw});var mw=$(()=>{"use strict";ow();sw();fw()});var WM,hw,xw=$(()=>{"use strict";WM=new Set(["none","and","not","or"]),hw={parse:{prelude(){let e=this.createList();if(this.tokenType===1){let t=this.substring(this.tokenStart,this.tokenEnd);WM.has(t.toLowerCase())||e.push(this.Identifier())}return e.push(this.Condition("container")),e},block(e=!1){return this.Block(e)}}}});var yw,bw=$(()=>{"use strict";yw={parse:{prelude:null,block(){return this.Block(!0)}}}});function wm(e,t){return this.parseWithFallback(()=>{try{return e.call(this)}finally{this.skipSC(),this.lookupNonWSType(0)!==22&&this.error()}},t||(()=>this.Raw(null,!0)))}var ww,vw,Sw=$(()=>{"use strict";ww={layer(){this.skipSC();let e=this.createList(),t=wm.call(this,this.Layer);return(t.type!=="Raw"||t.value!=="")&&e.push(t),e},supports(){this.skipSC();let e=this.createList(),t=wm.call(this,this.Declaration,()=>wm.call(this,()=>this.Condition("supports")));return(t.type!=="Raw"||t.value!=="")&&e.push(t),e}},vw={parse:{prelude(){let e=this.createList();switch(this.tokenType){case 5:e.push(this.String());break;case 7:case 2:e.push(this.Url());break;default:this.error("String or url() is expected")}return this.skipSC(),this.tokenType===1&&this.cmpStr(this.tokenStart,this.tokenEnd,"layer")?e.push(this.Identifier()):this.tokenType===2&&this.cmpStr(this.tokenStart,this.tokenEnd,"layer(")&&e.push(this.Function(null,ww)),this.skipSC(),this.tokenType===2&&this.cmpStr(this.tokenStart,this.tokenEnd,"supports(")&&e.push(this.Function(null,ww)),(this.lookupNonWSType(0)===1||this.lookupNonWSType(0)===21)&&e.push(this.MediaQueryList()),e},block:null}}});var kw,Cw=$(()=>{"use strict";kw={parse:{prelude(){return this.createSingleNodeList(this.LayerList())},block(){return this.Block(!1)}}}});var Iw,Tw=$(()=>{"use strict";Iw={parse:{prelude(){return this.createSingleNodeList(this.MediaQueryList())},block(e=!1){return this.Block(e)}}}});var Ew,Rw=$(()=>{"use strict";Ew={parse:{prelude(){return this.createSingleNodeList(this.SelectorList())},block(){return this.Block(!0)}}}});var Aw,Fw=$(()=>{"use strict";Aw={parse:{prelude(){return this.createSingleNodeList(this.SelectorList())},block(){return this.Block(!0)}}}});var Pw,Mw=$(()=>{"use strict";Pw={parse:{prelude(){return this.createSingleNodeList(this.Scope())},block(e=!1){return this.Block(e)}}}});var Lw,Bw=$(()=>{"use strict";Lw={parse:{prelude:null,block(e=!1){return this.Block(e)}}}});var zw,Dw=$(()=>{"use strict";zw={parse:{prelude(){return this.createSingleNodeList(this.Condition("supports"))},block(e=!1){return this.Block(e)}}}});var _w,Nw=$(()=>{"use strict";xw();bw();Sw();Cw();Tw();Rw();Fw();Mw();Bw();Dw();_w={container:hw,"font-face":yw,import:vw,layer:kw,media:Iw,nest:Ew,page:Aw,scope:Pw,"starting-style":Lw,supports:zw}});function Ow(){let e=this.createList();this.skipSC();e:for(;!this.eof;){switch(this.tokenType){case 1:e.push(this.Identifier());break;case 5:e.push(this.String());break;case 18:e.push(this.Operator());break;case 22:break e;default:this.error("Identifier, string or comma is expected")}this.skipSC()}return e}var $w=$(()=>{"use strict"});var zi,vm,GM,qM,Jc,Hw,Uw=$(()=>{"use strict";$w();zi={parse(){return this.createSingleNodeList(this.SelectorList())}},vm={parse(){return this.createSingleNodeList(this.Selector())}},GM={parse(){return this.createSingleNodeList(this.Identifier())}},qM={parse:Ow},Jc={parse(){return this.createSingleNodeList(this.Nth())}},Hw={dir:GM,has:zi,lang:qM,matches:zi,is:zi,"-moz-any":zi,"-webkit-any":zi,where:zi,not:zi,"nth-child":Jc,"nth-last-child":Jc,"nth-last-of-type":Jc,"nth-of-type":Jc,slotted:vm,host:vm,"host-context":vm}});var Sm={};Ee(Sm,{AnPlusB:()=>kg,Atrule:()=>Tg,AtrulePrelude:()=>Ag,AttributeSelector:()=>Lg,Block:()=>Dg,Brackets:()=>Og,CDC:()=>Ug,CDO:()=>Wg,ClassSelector:()=>Yg,Combinator:()=>Jg,Comment:()=>ef,Condition:()=>nf,Declaration:()=>sf,DeclarationList:()=>df,Dimension:()=>ff,Feature:()=>xf,FeatureFunction:()=>wf,FeatureRange:()=>Cf,Function:()=>Ef,GeneralEnclosed:()=>Ff,Hash:()=>Lf,IdSelector:()=>Of,Identifier:()=>Df,Layer:()=>Uf,LayerList:()=>Wf,MediaQuery:()=>Yf,MediaQueryList:()=>Jf,NestingSelector:()=>e0,Nth:()=>n0,Number:()=>a0,Operator:()=>c0,Parentheses:()=>p0,Percentage:()=>m0,PseudoClassSelector:()=>y0,PseudoElementSelector:()=>v0,Ratio:()=>C0,Raw:()=>E0,Rule:()=>F0,Scope:()=>L0,Selector:()=>D0,SelectorList:()=>O0,String:()=>j0,StyleSheet:()=>G0,SupportsDeclaration:()=>K0,TypeSelector:()=>Z0,UnicodeRange:()=>nm,Url:()=>lm,Value:()=>dm,WhiteSpace:()=>fm});var jw=$(()=>{"use strict";Ig();Rg();Pg();zg();Ng();Hg();Vg();qg();Xg();Zg();rf();af();cf();gf();hf();bf();Sf();Tf();Af();Mf();zf();Nf();Hf();Vf();qf();Xf();Zf();r0();i0();l0();d0();f0();x0();w0();k0();T0();A0();M0();z0();N0();H0();W0();Y0();J0();tm();im();um();gm();hm()});var Vw,Ww=$(()=>{"use strict";mw();Nw();Uw();jw();Vw={parseContext:{default:"StyleSheet",stylesheet:"StyleSheet",atrule:"Atrule",atrulePrelude(e){return this.AtrulePrelude(e.atrule?String(e.atrule):null)},mediaQueryList:"MediaQueryList",mediaQuery:"MediaQuery",condition(e){return this.Condition(e.kind)},rule:"Rule",selectorList:"SelectorList",selector:"Selector",block(){return this.Block(!0)},declarationList:"DeclarationList",declaration:"Declaration",value:"Value"},features:{supports:{selector(){return this.Selector()}},container:{style(){return this.Declaration()}}},scope:bm,atrule:_w,pseudo:Hw,node:Sm}});var Gw,qw=$(()=>{"use strict";xm();Gw={node:Ns}});var Yw,Kw=$(()=>{"use strict";C2();tw();Ww();qw();Yw=k2({...ew,...Vw,...Gw})});var Xw=$(()=>{"use strict"});var Jw=$(()=>{"use strict"});var xne,Qw,yne,bne,wne,Zw,vne,Sne,kne,Cne,Ine,Tne,ev=$(()=>{"use strict";Kw();Xw();cg();Bc();Jw();Kc();sm();({tokenize:xne,parse:Qw,generate:yne,lexer:bne,createLexer:wne,walk:Zw,find:vne,findLast:Sne,findAll:kne,toPlainObject:Cne,fromPlainObject:Ine,fork:Tne}=Yw)});function JM(e){return e.toLowerCase().replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function rv(e){try{let t=Qw(e.trim(),{context:"value"}),r=[];return Zw(t,{enter(n){if(n.type==="Dimension"){let o=parseFloat(n.value);r.push(`${o}${n.unit}`)}else if(n.type==="Number"){let o=parseFloat(n.value);r.push(`${o}`)}else n.type==="Percentage"?r.push(`${parseFloat(n.value)}%`):n.type==="Identifier"?r.push(n.name.toLowerCase()):n.type==="Hash"?r.push(`#${n.value.toLowerCase()}`):n.type}}),r}catch{return[e.trim().toLowerCase()]}}function QM(e,t){let r=JM(e);if(!XM.has(r))return t;let n=rv(t);if(n.length<1||n.length>4)return t;let o=n.map(i=>i==="0"?"0px":i);return o.length===1?`${o[0]} ${o[0]} ${o[0]} ${o[0]}`:o.length===2?`${o[0]} ${o[1]} ${o[0]} ${o[1]}`:o.length===3?`${o[0]} ${o[1]} ${o[2]} ${o[1]}`:o.join(" ")}function tv(e,t){let r=t.trim();if(!r)return"";let n=QM(e,r);return rv(n).map(i=>i==="0"?"0px":i).join(" ")}function nv(e,t,r){let n=tv(e,t),o=tv(e,r);return n!==""&&o!==""&&n===o}var XM,ov=$(()=>{"use strict";ev();XM=new Set(["padding","margin","border-radius","borderradius","inset","border-width","borderwidth"])});function ZM(e){let t=e.toLowerCase();return t.length===4?`#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`:t}function eL(e){let t=e.match(/rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*[\d.]+)?\s*\)/);if(!t)return null;let r=parseInt(t[1],10).toString(16).padStart(2,"0"),n=parseInt(t[2],10).toString(16).padStart(2,"0"),o=parseInt(t[3],10).toString(16).padStart(2,"0");return`#${r}${n}${o}`}function iv(e){let t=typeof e=="string"?e:String(e??"");if(!t||t==="[object Object]")return"";let r=t.match(/rgba?\s*\(\s*\d+\s*,\s*\d+\s*,\s*\d+(?:\s*,\s*[\d.]+)?\s*\)/);if(r){let i=eL(r[0]);if(i)return i}let n=t.match(/#([0-9a-fA-F]{3,8})/);if(n)return ZM(n[0]);let o=t.match(/(-?\d+\.?\d*)(px|em|rem|%|pt|vw|vh)?/g);return o&&o.length>1?o.join(" ").toLowerCase():o&&o.length===1?o[0].toLowerCase():t.toLowerCase().trim().replace(/\s+/g," ")}function Di(e,t,r){if(!e||!t)return!1;let n=String(e),o=String(t),i=n.toLowerCase(),a=o.toLowerCase(),s=i.includes("none"),u=a.includes("none");if(s!==u)return!1;let c=/\b(fill|stroke)\s*:/i,l=c.test(n),p=c.test(o);if(l!==p)return!1;let g=iv(n),d=iv(o);return!!(g===d||r&&nv(r,n,o))}var km=$(()=>{"use strict";ov()});function Cm(e){let t=e.trim().match(/^#?([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/);if(!t)return null;let r=t[1];return r.length===3||r.length===4?r=r.slice(0,3).split("").map(n=>n+n).join(""):r.length===8&&(r=r.slice(0,6)),[parseInt(r.slice(0,2),16),parseInt(r.slice(2,4),16),parseInt(r.slice(4,6),16)]}function tL(e){let t=e.trim().match(/^rgba?\(\s*([^)]+)\)$/i);if(!t)return null;let r=t[1].replace(/\//g," ").split(/[\s,]+/).filter(Boolean);if(r.length<3)return null;let n=u=>u.endsWith("%")?Math.round(parseFloat(u)/100*255):Math.round(parseFloat(u)),o=n(r[0]),i=n(r[1]),a=n(r[2]);if([o,i,a].some(u=>isNaN(u)))return null;let s=u=>Math.max(0,Math.min(255,u));return[s(o),s(i),s(a)]}function rL(e,t,r){let n=(1-Math.abs(2*r-1))*t,o=(e%360+360)%360/60,i=n*(1-Math.abs(o%2-1)),a=0,s=0,u=0;o<1?[a,s,u]=[n,i,0]:o<2?[a,s,u]=[i,n,0]:o<3?[a,s,u]=[0,n,i]:o<4?[a,s,u]=[0,i,n]:o<5?[a,s,u]=[i,0,n]:[a,s,u]=[n,0,i];let c=r-n/2;return[Math.round((a+c)*255),Math.round((s+c)*255),Math.round((u+c)*255)]}function nL(e){let t=e.trim().match(/^hsla?\(\s*([^)]+)\)$/i);if(!t)return null;let r=t[1].replace(/\//g," ").split(/[\s,]+/).filter(Boolean);if(r.length<3)return null;let n=parseFloat(r[0]),o=parseFloat(r[1]),i=parseFloat(r[2]);return[n,o,i].some(a=>isNaN(a))?null:rL(n,o/100,i/100)}function iL(e){return oL[e.trim().toLowerCase()]??null}function av(e){return e?Cm(e)??tL(e)??nL(e)??Im(e)??iL(e):null}function Im(e){let t=e.trim().match(/^color\(\s*display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s*\/\s*[\d.]+)?\s*\)$/);if(!t)return null;let r=parseFloat(t[1]),n=parseFloat(t[2]),o=parseFloat(t[3]);if(isNaN(r)||isNaN(n)||isNaN(o))return null;let i=d=>d<=.04045?d/12.92:Math.pow((d+.055)/1.055,2.4),a=i(r),s=i(n),u=i(o),c=1.2249*a-.2247*s+0*u,l=-.042*a+1.0419*s+0*u,p=-.0197*a-.0786*s+1.0983*u,g=d=>{let f=Math.max(0,Math.min(1,d));return f<=.0031308?12.92*f:1.055*Math.pow(f,1/2.4)-.055};return[Math.round(g(c)*255),Math.round(g(l)*255),Math.round(g(p)*255)]}function sv(e,t,r){let n=S=>{let x=S/255;return x<=.04045?x/12.92:Math.pow((x+.055)/1.055,2.4)},o=n(e),i=n(t),a=n(r),s=o*.4124564+i*.3575761+a*.1804375,u=o*.2126729+i*.7151522+a*.072175,c=o*.0193339+i*.119192+a*.9503041,l=.95047,p=1,g=1.08883,d=S=>S>.008856?Math.cbrt(S):7.787*S+16/116,f=d(s/l),y=d(u/p),I=d(c/g);return[116*y-16,500*(f-y),200*(y-I)]}function lv(e,t){let[r,n,o]=sv(...e),[i,a,s]=sv(...t),u=(r+i)/2,c=Math.sqrt(n*n+o*o),l=Math.sqrt(a*a+s*s),p=(c+l)/2,g=.5*(1-Math.sqrt(Math.pow(p,7)/(Math.pow(p,7)+Math.pow(25,7)))),d=(1+g)*n,f=(1+g)*a,y=Math.sqrt(d*d+o*o),I=Math.sqrt(f*f+s*s),S=(y+I)/2,x=(Math.atan2(o,d)*180/Math.PI+360)%360,M=(Math.atan2(s,f)*180/Math.PI+360)%360,z=M-x;Math.abs(z)>180&&(z-=Math.sign(z)*360);let O=i-r,L=I-y,_=2*Math.sqrt(y*I)*Math.sin(z*Math.PI/360),m=Math.abs(x-M)>180?(x+M+360)/2:(x+M)/2,v=1-.17*Math.cos((m-30)*Math.PI/180)+.24*Math.cos(2*m*Math.PI/180)+.32*Math.cos((3*m+6)*Math.PI/180)-.2*Math.cos((4*m-63)*Math.PI/180),k=1+.015*Math.pow(u-50,2)/Math.sqrt(20+Math.pow(u-50,2)),E=1+.045*S,h=1+.015*S*v,b=-2*Math.sqrt(Math.pow(S,7)/(Math.pow(S,7)+Math.pow(25,7)))*Math.sin(60*Math.exp(-Math.pow((m-275)/25,2))*Math.PI/180);return Math.sqrt(Math.pow(O/k,2)+Math.pow(L/E,2)+Math.pow(_/h,2)+b*(L/E)*(_/h))}function cv(e){let t=(e.property||"").toLowerCase();if(!(t.includes("color")||t==="fill"||t==="background"||t==="backgroundcolor"))return!1;let n=String(e.expected||e.suggestedValue||""),o=String(e.actual||e.currentValue||""),i=Cm(n)??Cm(o),a=Im(n)??Im(o);return!i||!a||n===o?!1:lv(i,a)<5}function $s(e){let t=String(e.expected??e.suggestedValue??""),r=String(e.actual??e.currentValue??"");if(!t||!r||t===r)return null;let n=av(t),o=av(r);return!n||!o?null:lv(n,o)}function Hs(e){let t=e.severity||"minor";if(t==="minor")return t;if(cv(e))return"minor";let r=$s(e);if(r!==null)return r<2?"minor":r<5&&t==="critical"?"major":t;let n=["width","height","size","dimension","dimensions","r","cx","cy"],o=["dimension","layout"],i=new Set((e.property||"").replace(/([a-z])([A-Z])/g,"$1 $2").toLowerCase().split(/[^a-z0-9]+/).filter(Boolean)),a=(e.type||"").toLowerCase();if(!(n.some(d=>i.has(d))||o.some(d=>a===d)))return t;let u=String(e.expected||e.suggestedValue||""),c=String(e.actual||e.currentValue||""),l=parseFloat(u.replace(/[^0-9.-]/g,"")),p=parseFloat(c.replace(/[^0-9.-]/g,""));if(isNaN(l)||isNaN(p))return t;let g=Math.abs(l-p);return g<5?"minor":g<10&&t==="critical"?"major":t}function Qc(e,t,r){return e>0?"D":t>0?"C":r>0?"B":"A"}function Zc(e){let t=e.filter(r=>!r.dismissed).map(r=>Hs(r));return Qc(t.filter(r=>r==="critical").length,t.filter(r=>r==="major").length,t.filter(r=>r==="minor").length)}function $o(e,t,r){let n=100-r*1-t*3-e*10,o=Us[Qc(e,t,r)];return Math.max(0,Math.min(o,n))}var oL,Us,Tm=$(()=>{"use strict";oL={white:[255,255,255],black:[0,0,0],red:[255,0,0],green:[0,128,0],blue:[0,0,255],yellow:[255,255,0],cyan:[0,255,255],aqua:[0,255,255],magenta:[255,0,255],fuchsia:[255,0,255],gray:[128,128,128],grey:[128,128,128],silver:[192,192,192],maroon:[128,0,0],olive:[128,128,0],lime:[0,255,0],teal:[0,128,128],navy:[0,0,128],purple:[128,0,128],orange:[255,165,0],pink:[255,192,203],brown:[165,42,42],gold:[255,215,0],beige:[245,245,220],ivory:[255,255,240],indigo:[75,0,130],violet:[238,130,238],coral:[255,127,80],salmon:[250,128,114],khaki:[240,230,140],crimson:[220,20,60],turquoise:[64,224,208],lightgray:[211,211,211],lightgrey:[211,211,211],darkgray:[169,169,169],darkgrey:[169,169,169],whitesmoke:[245,245,245],gainsboro:[220,220,220]};Us={A:100,B:99,C:89,D:69}});function ka(e,t={}){if(e==null)return"";let r=String(e).split(",")[0].trim().replace(/['"]/g,"").toLowerCase();return t.stripSeparators&&(r=r.replace(/[\s_-]/g,"")),r}function pv(e,t){let r=ka(e,{stripSeparators:!0}),n=ka(t,{stripSeparators:!0});return!r||!n||r===n?!1:aL.some(o=>o.has(r)&&o.has(n))}function dv(e){if(e==null)return null;let t=String(e).trim().toLowerCase();if(!t)return null;let r=t.replace(/[\s_-]/g,"");if(r in uv)return uv[r];let n=parseFloat(t.replace(/[^0-9.-]/g,""));return isNaN(n)?null:n}function gv(e,t){let r=dv(e),n=dv(t);return r==null||n==null?!1:Math.round(r/100)===Math.round(n/100)}var aL,uv,eu=$(()=>{"use strict";aL=[new Set(["applesystem","blinkmacsystemfont","systemui","webkitsystemfont","sfpro","sfprotext","sfprodisplay","sanfrancisco","sanfranciscopro","sanfranciscotext","sanfranciscodisplay"])];uv={thin:100,hairline:100,extralight:200,ultralight:200,light:300,normal:400,regular:400,book:400,medium:500,semibold:600,demibold:600,demi:600,bold:700,extrabold:800,ultrabold:800,black:900,heavy:900}});function yv(e){let t=String(e.property||"").toLowerCase(),r=String(e.description||"").toLowerCase(),n=String(e.expected||e.suggestedValue||"").toLowerCase(),o=String(e.actual||e.currentValue||"").toLowerCase();if(t.includes("color")||t.includes("fill")||t.includes("background")||r.includes("color")||r.includes("fill"))return!0;let i=a=>/^#[0-9a-f]{3,8}$/i.test(a)||a.includes("rgb")||["white","black","red","blue","green","orange","yellow","transparent"].includes(a);return!!(i(n)||i(o)||e.relatedProperties?.some(a=>{let s=a.property?.toLowerCase()||"";return s.includes("color")||s.includes("fill")||s.includes("background")}))}function dL(e){if(!yv(e))return!1;let t=$s(e);return t!==null&&t<2}function fv(e){if(e.includes("\xD7")||/\d+px\s*x\s*\d+px/i.test(e))return!1;let t=e.match(/\d+px/g);return t?t.length>1:!1}function pL(e){let t=String(e.expected||e.suggestedValue||"").toLowerCase(),r=String(e.actual||e.currentValue||"").toLowerCase(),n=String(e.property||"").toLowerCase(),o=String(e.description||"").toLowerCase(),i=r.includes("margin")||t.includes("margin")||n==="margin",a=t.includes("gap")||o.includes("gap");return i&&a}function gL(e,t,r){if(!e||!t)return!1;let n=typeof e=="string"?e:String(e??""),o=typeof t=="string"?t:String(t??"");if(!n||!o||n==="[object Object]"||o==="[object Object]"||r&&yv(r)||fv(n)||fv(o)||r&&pL(r))return!1;let i=parseFloat(n),a=parseFloat(o);if(isNaN(i)||isNaN(a))return!1;let s=Math.abs(i-a);if(n.includes("px")||o.includes("px")){let u=r?.property?.toLowerCase()||"";return u==="width"||u==="height"||u.includes("width")||u.includes("height")?s<hv:s<mv}return n.includes("%")||o.includes("%")?s<1:!1}function fL(e){let t=`${e.description||""} ${e.title||""} ${e.suggestedFix||""}`.toLowerCase();if(uL.some(a=>t.includes(a))||!lL.some(a=>t.includes(a)))return!1;let o=e.expected||e.suggestedValue,i=e.actual||e.currentValue;return!(o&&i&&!Di(o,i,e.property))}function mL(e){let t=(e.expected!==void 0?"fill":"").toLowerCase(),r=e.actual!==void 0||e.currentValue!==void 0?"fill":"";if(!(t==="fill"||r==="fill"||e.description?.toLowerCase().includes("fill")||e.title?.toLowerCase().includes("fill")))return!1;let o=String(e.expected||e.suggestedValue||"").toLowerCase();if(!(o==="none"||o==="transparent"||o.includes("no fills")||o.includes("transparent")))return!1;let a=`${e.description||""} ${e.title||""}`.toLowerCase();return a.includes("container")||a.includes("svg ")||a.includes("<svg")||a.includes("wrapper")}function hL(e){let t=`${e.description||""} ${e.title||""}`.toLowerCase(),r=e.property?.toLowerCase()||"";if(!(t.includes("text ")||t.includes("text layer")||t.includes("text span")||t.includes("span ")||t.includes("label "))||!(r==="width"||r==="height"||r.includes("width")||r.includes("height")||t.includes("width")||t.includes("height")))return!1;let i=e.expected||e.suggestedValue||"",a=e.actual||e.currentValue||"",s=parseFloat(i),u=parseFloat(a);return isNaN(s)||isNaN(u)?!1:Math.abs(s-u)<xv}function xL(e){let t=`${e.description||""} ${e.title||""} ${e.suggestedFix||""}`.toLowerCase(),r=String(e.expected||e.suggestedValue||"").toLowerCase(),n=String(e.actual||e.currentValue||"").toLowerCase();if(!cL.some(p=>t.includes(p)||r.includes(p)))return!1;let i=`${t} ${r} ${n}`;if(i.includes("min-width")||i.includes("max-width")||i.includes("min-height")||i.includes("max-height")||i.includes("explicit")||i.includes("constraint")||i.includes("forced"))return!1;let s=r.includes("hug")||r.includes("auto"),u=/\d+\.?\d*px/.test(n);if(!s||!u)return!1;let c=r.match(/(\d+\.?\d*)px/),l=n.match(/(\d+\.?\d*)px/);return!(c&&l&&Math.abs(parseFloat(c[1])-parseFloat(l[1]))>sL)}function yL(e){let t=String(e.expected||e.suggestedValue||"").toLowerCase(),r=String(e.actual||e.currentValue||"").toLowerCase();return(!r||!t||r.includes("see ")||t.includes("see ")||r.includes("image")||t.includes("image"))&&e.type==="visual"}function bv(e){return(e||"").toLowerCase().replace(/[\s_-]/g,"")==="fontfamily"}function bL(e){return(e||"").toLowerCase().replace(/[\s_-]/g,"")==="fontweight"}function wL(e,t,r){if(!bv(r))return!1;let n=ka(e,{stripSeparators:!0}),o=ka(t,{stripSeparators:!0});return n.length>0&&o.length>0&&n===o}function vL(e,t,r){return bv(r)?pv(e,t):!1}function SL(e,t,r){return bL(r)?gv(e,t):!1}function js(e){let t=e.expected||e.suggestedValue,r=e.actual||e.currentValue;if(wL(t,r,e.property))return{dismissed:!0,dismissReason:"Auto-dismissed: font-family naming difference (same font)",dismissedBy:"post-ai-validation"};if(vL(t,r,e.property))return{dismissed:!0,dismissReason:"Auto-dismissed: system font stack equivalence (-apple-system renders as SF Pro)",dismissedBy:"post-ai-validation"};if(SL(t,r,e.property))return{dismissed:!0,dismissReason:"Auto-dismissed: font weight renders identically (same named weight)",dismissedBy:"post-ai-validation"};if(e.programmaticallyVerified)return{dismissed:!1};if(e.fixRequired===!1)return{dismissed:!0,dismissReason:"Auto-dismissed: FixRequired is false (no code change needed)",dismissedBy:"post-ai-validation"};if(Di(t,r,e.property))return{dismissed:!0,dismissReason:"Auto-dismissed: expected equals actual (identical values)",dismissedBy:"post-ai-validation"};if(dL(e))return{dismissed:!0,dismissReason:`Auto-dismissed: imperceptible color difference (\u0394E < ${2})`,dismissedBy:"post-ai-validation"};if(e.fixRequired===!0)return{dismissed:!1};if(hL(e))return{dismissed:!0,dismissReason:`Auto-dismissed: text dimension variance (<${xv}px) - font rendering difference, not actionable`,dismissedBy:"post-ai-validation"};if(gL(t,r,e)){let n=e.property?.toLowerCase()||"";return{dismissed:!0,dismissReason:`Auto-dismissed: negligible difference (<${n==="width"||n==="height"||n.includes("width")||n.includes("height")?hv:mv}px)`,dismissedBy:"post-ai-validation"}}return yL(e)?{dismissed:!0,dismissReason:"Auto-dismissed: no measurable values to compare",dismissedBy:"post-ai-validation"}:fL(e)?{dismissed:!0,dismissReason:"Auto-dismissed: no fix needed",dismissedBy:"post-ai-validation"}:xL(e)?{dismissed:!0,dismissReason:"Auto-dismissed: HUG sizing - CSS auto-sizes content without explicit dimensions",dismissedBy:"post-ai-validation"}:mL(e)?{dismissed:!0,dismissReason:"Auto-dismissed: SVG container fill - child elements use their own fills",dismissedBy:"post-ai-validation"}:{dismissed:!1}}var mv,hv,xv,sL,lL,cL,uL,wv=$(()=>{"use strict";km();Tm();eu();mv=.5,hv=2,xv=2,sL=5,lL=["values match","values already match","already correct","correctly implemented","implementation is correct","css matches","matches figma","identical","same value","no difference","none - ","no changes needed","no fix needed"],cL=["hug","auto (hug)","should be hug","fixed pixel values are being rendered","fixed values are being rendered"],uL=["duplicate","extra","missing","additional","removed","should not exist","does not exist","not in figma","not in storybook","renders 2","renders two","has 1","has one"]});var vv=$(()=>{"use strict"});var Sv=$(()=>{"use strict"});var tu=$(()=>{"use strict";km();wv();Tm();vv();Sv()});var FL,PL,Gne,Rm=$(()=>{"use strict";FL=["flex","inline-flex"],PL=["grid","inline-grid"],Gne=[...FL,...PL]});var Cv=$(()=>{"use strict";tu();Rm()});var Iv=$(()=>{"use strict"});var Tv=$(()=>{"use strict"});var Ev=$(()=>{"use strict"});var Am=$(()=>{"use strict";eu()});var Rv=$(()=>{"use strict";Am();tu()});var Av=$(()=>{"use strict"});var Fv=$(()=>{"use strict"});var Pv=$(()=>{"use strict"});var Mv=$(()=>{"use strict"});var Lv=$(()=>{"use strict"});var Bv=$(()=>{"use strict";Tv();Ev();Am();Rv();Av();Fv();Pv();Mv();Lv()});var zv=$(()=>{"use strict";eu()});var Vs,Dv=$(()=>{"use strict";Vs={admin:{enableFixGeneration:!1,enableFixApply:!0,enableAutoMap:!0,enableAutoFigmaLinking:!0,enableReviewBadges:!0,showCosts:!0,enableParallelReview:!0,enableModelSelection:!0},beta:{enableFixGeneration:!1,enableFixApply:!1,enableAutoMap:!1,enableAutoFigmaLinking:!1,enableReviewBadges:!0,showCosts:!1,enableParallelReview:!0,enableModelSelection:!1},anonymous:{enableFixGeneration:!1,enableFixApply:!1,enableAutoMap:!1,enableAutoFigmaLinking:!1,enableReviewBadges:!0,showCosts:!1,enableParallelReview:!0,enableModelSelection:!1}}});var dr=$(()=>{"use strict";yp();wy();vy();tu();Rm();Cv();Iv();Bv();zv();Dv()});function LL(e){let{aiPrompt:t,aiResponse:r,...n}=e;return n}function Cn(e){try{let t=e.map(LL),r=JSON.stringify(t,BL);sessionStorage.setItem(Fm,r)}catch(t){w.error("[SessionStorage] Failed to save review history:",t)}}function Pm(){try{let e=sessionStorage.getItem(Fm);if(!e)return[];let t=JSON.parse(e,zL);return Array.isArray(t)?t:[]}catch(e){return w.error("[SessionStorage] Failed to load review history:",e),[]}}function _v(){try{let e=Pm();if(e.length===0)return;let t=!1,r=e.map(n=>{if(n.aiPrompt!==void 0||n.aiResponse!==void 0){t=!0;let{aiPrompt:o,aiResponse:i,...a}=n;return a}return n});t&&(Cn(r),w.debug("[SessionStorage] Stripped aiPrompt/aiResponse from existing review history"))}catch(e){w.error("[SessionStorage] Failed to strip sensitive fields:",e)}}function Nv(){try{sessionStorage.removeItem(Fm),w.debug("[SessionStorage] Review history cleared")}catch(e){w.error("[SessionStorage] Failed to clear review history:",e)}}function BL(e,t){return t instanceof Date?{__type:"Date",value:t.toISOString()}:t}function zL(e,t){return t&&t.__type==="Date"?new Date(t.value):t}var Fm,Mm=$(()=>{"use strict";Ue();Fm="uicopilot_review_history"});import DL,{createContext as _L,useContext as NL,useReducer as OL,useMemo as Ov,useRef as $L,useEffect as HL}from"react";function ru(e){let t=e.length>$v?e.slice(e.length-$v):e,r=Math.max(0,t.length-UL);return r===0?t:t.map((n,o)=>{if(o>=r)return n;let i=n.storybookImageData?.startsWith("data:"),a=n.figmaImageData?.startsWith("data:");return!i&&!a?n:{...n,storybookImageData:i?void 0:n.storybookImageData,figmaImageData:a?void 0:n.figmaImageData}})}function jL(e,t){switch(t.type){case"SET_STATE":return{...e,...t.payload};case"REQUEST_REVIEW_RETRY":return{...e,reviewRetryNonce:e.reviewRetryNonce+1};case"ADD_STREAMING_MESSAGE":return{...e,streamingMessages:[...e.streamingMessages,t.payload]};case"UPDATE_STREAMING_MESSAGE":return{...e,streamingMessages:e.streamingMessages.map((r,n)=>n===t.payload.index?{...r,content:t.payload.content}:r)};case"CLEAR_STREAMING_MESSAGES":return{...e,streamingMessages:[]};case"TOGGLE_MODEL":{let r=e.selectedModels.includes(t.payload);return r&&e.selectedModels.length===1?e:{...e,selectedModels:r?e.selectedModels.filter(n=>n!==t.payload):[...e.selectedModels,t.payload]}}case"SET_REVIEW_RESULTS":{if(!t.payload)return{...e,reviewResults:null,currentReviewId:null};let r=e.userRole==="admin",n={id:t.payload.id,componentId:t.payload.componentId,storyId:t.payload.storyId,modelId:t.payload.modelId,complianceScore:t.payload.complianceScore,issuesCount:t.payload.issuesCount,issues:t.payload.issues,createdAt:t.payload.createdAt,visualSimilarity:t.payload.visualSimilarity,storybookImageData:t.payload.storybookImageData||e.storybookImageUrl||void 0,figmaImageData:t.payload.figmaImageData||e.figmaImageUrl||void 0,aiPrompt:r&&e.fullPrompt||void 0,aiResponse:r&&e.fullResponse||void 0,costUsd:t.payload.costUsd,inputTokens:t.payload.inputTokens,outputTokens:t.payload.outputTokens,reviewDurationMs:t.payload.reviewDurationMs},o=e.reviewHistory.findIndex(a=>a.id===t.payload.id),i;return o>=0?i=e.reviewHistory.map((a,s)=>s===o?n:a):i=[...e.reviewHistory,n],i=ru(i),Cn(i),{...e,reviewResults:t.payload,reviewHistory:i,currentReviewId:t.payload.id,isNewReviewMode:!1}}case"UPDATE_MULTI_MODEL_STREAMING":return e.multiModelResults?{...e,multiModelResults:{...e.multiModelResults,byModel:{...e.multiModelResults.byModel,[t.payload.modelId]:{...e.multiModelResults.byModel[t.payload.modelId],streamingMessages:t.payload.messages}}}}:{...e,multiModelResults:{byModel:{[t.payload.modelId]:{streamingMessages:t.payload.messages}},activeModelId:t.payload.modelId}};case"SET_MODEL_COMPLETED":return e.multiModelResults?{...e,multiModelResults:{...e.multiModelResults,byModel:{...e.multiModelResults.byModel,[t.payload]:{...e.multiModelResults.byModel[t.payload],completed:!0}}}}:e;case"BULK_ADD_REVIEWS":{if(t.payload.length===0)return e;let r=new Map(e.reviewHistory.map(a=>[a.id,a])),n=!1,o=e.reviewHistory.slice();for(let a of t.payload){let s=r.get(a.id);if(!s){o.push(a),n=!0;continue}let u=a.issues?.length??0,c=s.issues?.length??0;if(u>c){let l=o.indexOf(s);l!==-1&&(o[l]=a,n=!0)}}if(!n)return e;let i=ru(o);return Cn(i),{...e,reviewHistory:i}}case"ADD_REVIEW":{let r=ru([...e.reviewHistory,t.payload]);return Cn(r),{...e,reviewHistory:r,currentReviewId:t.payload.id,isNewReviewMode:!1}}case"TOGGLE_ISSUE_SELECTION":{if(!e.currentReviewId)return e;let r=e.reviewHistory.map(n=>n.id!==e.currentReviewId?n:{...n,issues:n.issues.map(o=>o.id===t.payload?{...o,selectedForFix:!o.selectedForFix}:o)});return Cn(r),{...e,reviewHistory:r}}case"UPDATE_ISSUE_STATUS":{if(!e.currentReviewId)return e;let r=e.reviewHistory.map(n=>n.id!==e.currentReviewId?n:{...n,issues:n.issues.map(o=>o.id===t.payload.issueId?{...o,status:t.payload.status,error:t.payload.error}:o)});return Cn(r),{...e,reviewHistory:r}}case"UPDATE_ISSUE_GENERATED_FIX":{if(!e.currentReviewId)return e;let r=e.reviewHistory.map(n=>n.id!==e.currentReviewId?n:{...n,issues:n.issues.map(o=>o.id===t.payload.issueId?{...o,generatedFix:o.generatedFix?{...o.generatedFix,...t.payload.generatedFix}:t.payload.generatedFix,selectedForFix:t.payload.generatedFix?.status==="failed"?!1:o.selectedForFix}:o)});return Cn(r),{...e,reviewHistory:r}}case"BATCH_UPDATE_ISSUE_GENERATED_FIXES":{if(!e.currentReviewId)return e;let r=new Map(t.payload.map(o=>[o.issueId,o.generatedFix])),n=e.reviewHistory.map(o=>o.id!==e.currentReviewId?o:{...o,issues:o.issues.map(i=>{let a=r.get(i.id);return a?{...i,generatedFix:i.generatedFix?{...i.generatedFix,...a}:a,selectedForFix:a?.status==="failed"?!1:i.selectedForFix}:i})});return Cn(n),{...e,reviewHistory:n}}case"DISMISS_ISSUE":{if(!e.currentReviewId)return e;let r=e.reviewHistory.map(n=>{if(n.id!==e.currentReviewId)return n;let o=n.issues.map(c=>c.id===t.payload.issueId?{...c,dismissed:!0,dismissReason:t.payload.reason,dismissedAt:new Date,dismissedBy:t.payload.dismissedBy}:c),i=o.filter(c=>!c.dismissed),a=i.filter(c=>c.severity==="critical").length,s=i.filter(c=>c.severity==="major").length,u=i.filter(c=>c.severity==="minor").length;return{...n,issues:o,complianceScore:$o(a,s,u),issuesCount:i.length}});return Cn(r),{...e,reviewHistory:r}}case"UNDISMISS_ISSUE":{if(!e.currentReviewId)return e;let r=e.reviewHistory.map(n=>{if(n.id!==e.currentReviewId)return n;let o=n.issues.map(c=>c.id===t.payload?{...c,dismissed:!1,dismissReason:void 0,dismissedAt:void 0}:c),i=o.filter(c=>!c.dismissed),a=i.filter(c=>c.severity==="critical").length,s=i.filter(c=>c.severity==="major").length,u=i.filter(c=>c.severity==="minor").length;return{...n,issues:o,complianceScore:$o(a,s,u),issuesCount:i.length}});return Cn(r),{...e,reviewHistory:r}}case"RECALCULATE_SCORE":{if(!e.currentReviewId)return e;let r=e.reviewHistory.map(n=>{if(n.id!==e.currentReviewId)return n;let o=n.issues.filter(c=>!c.dismissed),i=o.filter(c=>c.severity==="critical").length,a=o.filter(c=>c.severity==="major").length,s=o.filter(c=>c.severity==="minor").length,u=$o(i,a,s);return w.debug(`[recalculateScore] Active: ${o.length}, score: ${u}`),{...n,complianceScore:u,issuesCount:o.length}});return Cn(r),{...e,reviewHistory:r}}case"UPDATE_REVIEW_SCORE":{let r=e.reviewHistory.map(n=>n.id!==t.payload.reviewId?n:{...n,complianceScore:t.payload.newScore});return Cn(r),{...e,reviewHistory:r}}case"CLEAR_ALL_REVIEWS":return Nv(),{...e,reviewHistory:[],currentReviewId:null};case"CLEAR_STALE_REVIEWS":return{...e,currentReviewId:null,reviewResults:null,isNewReviewMode:!1};case"RESET_REVIEW":{let r=e.isReviewing;return{...e,isReviewing:!1,reviewError:null,reviewResults:r?null:e.reviewResults,multiModelResults:null,streamingMessages:[],streamingProgress:0,streamingStatus:"",reviewDetailTab:r?"chat":e.reviewDetailTab,fullPrompt:"",fullResponse:"",figmaImageUrl:r?null:e.figmaImageUrl,storybookImageUrl:r?null:e.storybookImageUrl,currentReviewId:r?null:e.currentReviewId}}case"RESET_PROMPT":return{...e,isGenerating:!1,generatedPrompt:null,promptError:null};case"TRIGGER_SCREENSHOT_REFRESH":return{...e,screenshotRefreshKey:e.screenshotRefreshKey+1};default:return e}}function Bm({children:e}){let[t,r]=OL(jL,YL),n=$L(t);HL(()=>{n.current=t},[t]);let o=Ov(()=>({setIsReviewing:a=>r({type:"SET_STATE",payload:{isReviewing:a}}),setReviewingStoryId:a=>r({type:"SET_STATE",payload:{reviewingStoryId:a}}),setReviewError:a=>r({type:"SET_STATE",payload:{reviewError:a}}),requestReviewRetry:()=>r({type:"REQUEST_REVIEW_RETRY"}),bulkAddReviews:a=>r({type:"BULK_ADD_REVIEWS",payload:a}),setReviewResults:a=>r({type:"SET_REVIEW_RESULTS",payload:a}),setMultiModelResults:a=>r({type:"SET_STATE",payload:{multiModelResults:a}}),updateMultiModelStreamingMessages:(a,s)=>r({type:"UPDATE_MULTI_MODEL_STREAMING",payload:{modelId:a,messages:s}}),setModelCompleted:a=>r({type:"SET_MODEL_COMPLETED",payload:a}),setActiveModelId:a=>{let s=n.current;s.multiModelResults&&r({type:"SET_STATE",payload:{multiModelResults:{...s.multiModelResults,activeModelId:a}}})},setShowReviewMenu:a=>r({type:"SET_STATE",payload:{showReviewMenu:a}}),setSeverityFilter:a=>r({type:"SET_STATE",payload:{severityFilter:a}}),setShowStreamingPanel:a=>r({type:"SET_STATE",payload:{showStreamingPanel:a}}),setStreamingPanelCollapsed:a=>r({type:"SET_STATE",payload:{streamingPanelCollapsed:a}}),addStreamingMessage:a=>r({type:"ADD_STREAMING_MESSAGE",payload:a}),updateStreamingMessage:(a,s)=>r({type:"UPDATE_STREAMING_MESSAGE",payload:{index:a,content:s}}),clearStreamingMessages:()=>r({type:"CLEAR_STREAMING_MESSAGES"}),setStreamingProgress:a=>r({type:"SET_STATE",payload:{streamingProgress:a}}),setStreamingStatus:a=>r({type:"SET_STATE",payload:{streamingStatus:a}}),setReviewDetailTab:a=>r({type:"SET_STATE",payload:{reviewDetailTab:a}}),setFullPrompt:a=>r({type:"SET_STATE",payload:{fullPrompt:a}}),setFullResponse:a=>r({type:"SET_STATE",payload:{fullResponse:a}}),setFigmaImageUrl:a=>r({type:"SET_STATE",payload:{figmaImageUrl:a}}),setStorybookImageUrl:a=>r({type:"SET_STATE",payload:{storybookImageUrl:a}}),setFigmaDimensions:a=>r({type:"SET_STATE",payload:{figmaDimensions:a}}),setSelectedModels:a=>r({type:"SET_STATE",payload:{selectedModels:a}}),toggleModel:a=>r({type:"TOGGLE_MODEL",payload:a}),setModelComparisonView:a=>r({type:"SET_STATE",payload:{modelComparisonView:a}}),resetReview:()=>r({type:"RESET_REVIEW"}),addReview:a=>r({type:"ADD_REVIEW",payload:a}),getCurrentReview:()=>{let a=n.current;return a.currentReviewId&&a.reviewHistory.find(s=>s.id===a.currentReviewId)||null},getReviewById:a=>n.current.reviewHistory.find(s=>s.id===a)||null,getParentReview:()=>{let a=n.current,s=a.reviewHistory.find(u=>u.id===a.currentReviewId);return s?.parentReviewId&&a.reviewHistory.find(u=>u.id===s.parentReviewId)||null},hasAppliedFixes:()=>{let a=n.current,s=a.reviewHistory.find(u=>u.id===a.currentReviewId);return!s||!Array.isArray(s.issues)||s.issues.length===0?!1:s.issues.some(u=>u.status==="applied"||u.generatedFix?.status==="applied")},toggleIssueSelection:a=>r({type:"TOGGLE_ISSUE_SELECTION",payload:a}),updateIssueStatus:(a,s,u)=>r({type:"UPDATE_ISSUE_STATUS",payload:{issueId:a,status:s,error:u}}),updateIssueGeneratedFix:(a,s)=>r({type:"UPDATE_ISSUE_GENERATED_FIX",payload:{issueId:a,generatedFix:s}}),batchUpdateIssueGeneratedFixes:a=>r({type:"BATCH_UPDATE_ISSUE_GENERATED_FIXES",payload:a}),dismissIssue:(a,s,u)=>r({type:"DISMISS_ISSUE",payload:{issueId:a,reason:s,dismissedBy:u}}),undismissIssue:a=>r({type:"UNDISMISS_ISSUE",payload:a}),recalculateScore:()=>r({type:"RECALCULATE_SCORE"}),updateReviewScore:(a,s)=>r({type:"UPDATE_REVIEW_SCORE",payload:{reviewId:a,newScore:s}}),clearAllReviews:()=>r({type:"CLEAR_ALL_REVIEWS"}),clearStaleReviewsForStory:a=>r({type:"CLEAR_STALE_REVIEWS",payload:a}),setIsApplying:a=>r({type:"SET_STATE",payload:{isApplying:a}}),setApplyFixesResult:a=>r({type:"SET_STATE",payload:{applyFixesResult:a}}),setIncludeComponentIssues:a=>r({type:"SET_STATE",payload:{includeComponentIssues:a}}),setIncludeTextComparison:a=>r({type:"SET_STATE",payload:{includeTextComparison:a}}),setUsePromptCache:a=>r({type:"SET_STATE",payload:{usePromptCache:a}}),setIsValidating:a=>r({type:"SET_STATE",payload:{isValidating:a}}),setIsSpecChecking:a=>r({type:"SET_STATE",payload:{isSpecChecking:a}}),setReviewHistoryLoading:a=>r({type:"SET_STATE",payload:{reviewHistoryLoading:a}}),setValidationUsage:a=>r({type:"SET_STATE",payload:{validationUsage:a}}),setWorkspacePath:a=>r({type:"SET_STATE",payload:{workspacePath:a}}),triggerScreenshotRefresh:()=>r({type:"TRIGGER_SCREENSHOT_REFRESH"}),setHoveredIssueId:a=>r({type:"SET_STATE",payload:{hoveredIssueId:a}}),setNewReviewMode:a=>r({type:"SET_STATE",payload:{isNewReviewMode:a}}),setPendingSettingsOpen:a=>r({type:"SET_STATE",payload:{pendingSettingsOpen:a}}),setFeatureFlags:a=>r({type:"SET_STATE",payload:{featureFlags:a}}),setUserRole:a=>r({type:"SET_STATE",payload:{userRole:a}}),setRoleOverride:a=>{try{a?localStorage.setItem("uicopilot_role_override",a):localStorage.removeItem("uicopilot_role_override")}catch{}r({type:"SET_STATE",payload:{roleOverride:a}})},setReviewAllConcurrency:a=>{let s=Math.max(1,Math.min(5,a));try{localStorage.setItem("uicopilot_review_all_concurrency",String(s))}catch{}r({type:"SET_STATE",payload:{reviewAllConcurrency:s}})},setIsGenerating:a=>r({type:"SET_STATE",payload:{isGenerating:a}}),setGeneratedPrompt:a=>r({type:"SET_STATE",payload:{generatedPrompt:a}}),setPromptError:a=>r({type:"SET_STATE",payload:{promptError:a}}),resetPrompt:()=>r({type:"RESET_PROMPT"})}),[]),i=Ov(()=>({...t,...o}),[t,o]);return DL.createElement(Hv.Provider,{value:i},e)}function ue(){let e=NL(Hv);if(!e)throw new Error("useReviewStore must be used within a ReviewProvider");return e}var $v,UL,VL,WL,Lm,GL,qL,YL,Hv,zm=$(()=>{"use strict";dr();Mm();Ue();$v=20,UL=5;VL=()=>{if(typeof localStorage>"u")return 3;try{let e=localStorage.getItem("uicopilot_review_all_concurrency");if(e)return Math.max(1,Math.min(5,parseInt(e,10)))}catch{}return 3},WL=()=>{if(typeof localStorage>"u")return null;try{let e=localStorage.getItem("uicopilot_role_override");if(e==="admin"||e==="beta")return e}catch{}return null},Lm={enableFixGeneration:!1,enableFixApply:!1,enableAutoMap:!1,enableAutoFigmaLinking:!1,enableReviewBadges:!1,showCosts:!1,enableParallelReview:!1,enableModelSelection:!1},GL=()=>{if(typeof localStorage>"u")return Lm;try{let e=localStorage.getItem("uicopilot_feature_flags");if(!e)return Lm;let t=JSON.parse(e);return{enableFixGeneration:!!t.enableFixGeneration,enableFixApply:!!t.enableFixApply,enableAutoMap:!!t.enableAutoMap,enableAutoFigmaLinking:!!t.enableAutoFigmaLinking,enableReviewBadges:!!t.enableReviewBadges,showCosts:!!t.showCosts,enableParallelReview:!!t.enableParallelReview,enableModelSelection:!!t.enableModelSelection}}catch{}return Lm},qL=()=>{if(typeof localStorage>"u")return"beta";try{let e=localStorage.getItem("uicopilot_user_role");if(e==="admin"||e==="beta")return e}catch{}return"beta"},YL={isReviewing:!1,reviewingStoryId:null,reviewError:null,reviewRetryNonce:0,reviewResults:null,multiModelResults:null,showReviewMenu:!1,severityFilter:"all",showStreamingPanel:!1,streamingPanelCollapsed:!1,streamingMessages:[],streamingProgress:0,streamingStatus:"",reviewDetailTab:"chat",fullPrompt:"",fullResponse:"",figmaImageUrl:null,storybookImageUrl:null,figmaDimensions:null,selectedModels:["claude-sonnet-4-6"],modelComparisonView:"side-by-side",reviewHistory:ru(Pm()),currentReviewId:null,includeComponentIssues:!0,includeTextComparison:!1,usePromptCache:!1,isApplying:!1,applyFixesResult:null,screenshotRefreshKey:0,isValidating:!1,isSpecChecking:!1,reviewHistoryLoading:!1,validationUsage:null,lastAiCallTimestamp:null,aiRateLimitSeconds:0,isGenerating:!1,generatedPrompt:null,promptError:null,workspacePath:null,userRole:qL(),roleOverride:WL(),featureFlags:GL(),reviewAllConcurrency:VL(),hoveredIssueId:null,isNewReviewMode:!1,pendingSettingsOpen:!1},Hv=_L(null)});import Ws,{useMemo as KL}from"react";function _m({children:e}){return Ws.createElement(pp,null,Ws.createElement(fp,null,Ws.createElement(hp,null,Ws.createElement(Bm,null,Ws.createElement(XL,null),e))))}function Uv(e){let t=he(),r=Ke(),n=gt(),o=ue(),i=KL(()=>({...t,...r,...n,...o}),[t,r,n,o]);return e?e(i):i}function XL(){return Dm=Uv(),null}var Dm,kt,jv=$(()=>{"use strict";gp();mp();xp();zm();Dm=null,kt=Object.assign(Uv,{getState:()=>{if(!Dm)throw new Error("Store not initialized. Make sure StoreProvider is mounted.");return Dm}})});var Se=$(()=>{"use strict";jv();gp();mp();xp();zm()});function K(){return(process.env.STORYBOOK_UICOPILOT_URL||JL).replace(/\/$/,"")}var JL,Vv,De=$(()=>{"use strict";JL="https://app.uiparity.com";Vv=3.6});async function Q(e,t,r=3e4){let n=new AbortController,o=setTimeout(()=>n.abort(),r);try{return await fetch(e,{...t,signal:n.signal})}catch(i){throw i instanceof DOMException&&i.name==="AbortError"?new Error(`Request timed out after ${r}ms: ${e}`):i}finally{clearTimeout(o)}}var ut=$(()=>{"use strict"});import{useEffect as ii,useState as su,useRef as lS,useCallback as Vm}from"react";import{addons as Wm}from"storybook/manager-api";async function lz(e,t,r){let n=`${e}:${t}`,o=Gm.get(n);if(o)return w.debug("[useReviewScreenshots] Reusing in-flight Figma image fetch for",n),o;let i=(async()=>{let a=await Q(`${gS}/api/figma/image?projectId=${e}&nodeId=${t}`,{headers:{"Content-Type":"application/json",Authorization:`Bearer ${r}`}});return a.ok?a.json():{imageUrl:null}})().finally(()=>{Gm.delete(n)});return Gm.set(n,i),i}function cz(e,t,r){try{sessionStorage.setItem(`${lu}${e}`,JSON.stringify({figmaNodeId:t,imageUrl:r,timestamp:Date.now()}))}catch{}}function uz(e,t){try{let r=sessionStorage.getItem(`${lu}${e}`);if(!r)return null;let n=JSON.parse(r);if(n.figmaNodeId===t&&Date.now()-n.timestamp<1800*1e3)return n.imageUrl;sessionStorage.removeItem(`${lu}${e}`)}catch{}return null}function dz(e){try{let t=sessionStorage.getItem(`${lu}${e}`);if(!t)return null;let r=JSON.parse(t);if(r.imageUrl&&Date.now()-r.timestamp<300*1e3)return r.imageUrl}catch{}return null}var cS,uS,dS,pS,Ta,gS,Yr,qm,Gm,lu,fS,mS,_i,Ea=$(()=>{"use strict";Se();Ym();Ue();De();ut();cS="storyArgsUpdated",uS="storyRendered",dS="forceRemount",pS=null,Ta=()=>pS,gS=K(),Yr=new Map,qm=null,Gm=new Map;lu="uicopilot-figma-image-";fS=(e,t,r)=>{let n=Yr.get(e);n?(n.storybookImageUrl=t,r&&(n.figmaImageUrl=r)):Yr.set(e,{storybookImageUrl:t,figmaImageUrl:r??null}),w.debug("[useReviewScreenshots] Populated historical screenshots for story:",e)},mS=(e,t,r)=>{qm=t;let n=Yr.get(e);n?n.figmaImageUrl=r:Yr.set(e,{storybookImageUrl:null,figmaImageUrl:r}),w.debug("[useReviewScreenshots] Pre-set Figma image for mapping:",{storyId:e,figmaNodeId:t,imageUrl:r.substring(0,50)+"..."})},_i=()=>{let[e,t]=su(!1),[r,n]=su(!1),[o,i]=su(!1),[a,s]=su(null),u=lS(null),{screenshotRefreshKey:c,triggerScreenshotRefresh:l}=ue(),p=Vm(()=>{let L=kt.getState().currentStoryId;L&&(w.debug("[useReviewScreenshots] Refreshing screenshots for story:",L),Yr.delete(L),u.current=null,i(!0),l())},[l]),g=Vm(()=>{let L=kt.getState().currentStoryId;if(L){w.debug("[useReviewScreenshots] Refreshing Storybook screenshot only for story:",L);let _=Yr.get(L);_&&(_.storybookImageUrl=null),u.current=null,i(!0),l()}},[l]),{sessionToken:d}=he(),{selectedProjectId:f}=Ke(),{currentStoryId:y,currentMapping:I,loadingMapping:S}=gt(),{setStorybookImageUrl:x,setFigmaImageUrl:M}=ue(),z=lS(null);ii(()=>{y&&z.current&&z.current!==y&&(w.debug("[useReviewScreenshots] Story switched, clearing images"),x(""),M("")),z.current=y},[y,x,M]),ii(()=>{!y||S||I||M("")},[y,I,S,M]),ii(()=>{if(!y)return;let L=dz(y);L&&(w.debug("[useReviewScreenshots] Quick-restored Figma image for:",y),M(L))},[y,M]),ii(()=>{if(!y||S)return;let L=I?.figmaFileUrl;if(L){w.debug("[useReviewScreenshots] Restoring Figma image from mapping.figmaFileUrl for:",y),M(L);let _=Yr.get(y);_?_.figmaImageUrl=L:Yr.set(y,{storybookImageUrl:null,figmaImageUrl:L})}},[y,I,S,M]),ii(()=>{let L=!1;return(async()=>{if(!d||!f||!y){w.debug("[useReviewScreenshots] Missing required context, skipping auto-load");return}u.current&&u.current!==y&&(w.debug("[useReviewScreenshots] Story changed, clearing stale screenshots"),x(""),M(""));let m=kt.getState();if(u.current===y&&m.storybookImageUrl&&m.figmaImageUrl){w.debug("[useReviewScreenshots] Screenshots already loaded for this story, skipping capture");return}let v=I?.figmaNodeId??null;if(v!==qm){w.debug("[useReviewScreenshots] Figma mapping changed, invalidating Figma image only for story:",y);let B=Yr.get(y);B&&(B.figmaImageUrl=null),qm=v,u.current=null}let k=I?.figmaNodeId;if(k&&!Yr.get(y)?.figmaImageUrl){let B=uz(y,k);if(B){w.debug("[useReviewScreenshots] Hydrated Figma image from sessionStorage for story:",y),M(B);let P=Yr.get(y);P?P.figmaImageUrl=B:Yr.set(y,{storybookImageUrl:null,figmaImageUrl:B})}}let E=Yr.get(y),h=E&&E.storybookImageUrl&&E.figmaImageUrl,b=E&&E.storybookImageUrl&&!E.figmaImageUrl,F=E&&!E.storybookImageUrl&&E.figmaImageUrl;if(h){w.debug("[useReviewScreenshots] Using fully cached screenshots for story:",y),x(E.storybookImageUrl),M(E.figmaImageUrl),u.current=y;return}let C=b&&I?.figmaNodeId;C&&(w.debug("[useReviewScreenshots] Using cached Storybook, fetching new Figma for story:",y),x(E.storybookImageUrl));let A=F;if(A&&(w.debug("[useReviewScreenshots] Using cached Figma, recapturing Storybook for story:",y),M(E.figmaImageUrl)),u.current===y&&I?.figmaNodeId){w.debug("[useReviewScreenshots] Screenshots already loaded for this story, skipping");return}try{if(s(null),C?n(!0):(A||(t(!0),n(!0)),i(!0)),u.current=y,L)return;let B=A?E.figmaImageUrl:null,P;if(A)w.debug("[useReviewScreenshots] Figma cached (storybookOnlyRefresh), skipping fetch"),n(!1);else if(k){w.debug("[useReviewScreenshots] Found Figma node ID from mapping:",k);let T=null;try{w.debug("[useReviewScreenshots] Fetching Figma image (with caching)...");let D=await lz(f,k,d);T=D.imageUrl||null;let H=D.cached?"(cached)":"(fresh)";w.debug(`[useReviewScreenshots] Figma image fetched ${H}:`,T?"success":"not found")}catch(D){w.warn("[useReviewScreenshots] Failed to fetch Figma image:",D)}if(T)try{w.debug("[useReviewScreenshots] Fetching Figma image via proxy...");let D=`${gS}/api/proxy/image?url=${encodeURIComponent(T)}`,H=await Q(D);if(H.ok){let R=await H.blob(),ee=new FileReader,j=await new Promise((X,te)=>{ee.onloadend=()=>X(ee.result),ee.onerror=te,ee.readAsDataURL(R)});B=j,M(j),w.debug("[useReviewScreenshots] Figma image loaded via proxy");let Y=new Image;await new Promise(X=>{Y.onload=()=>{P={width:Y.naturalWidth,height:Y.naturalHeight},w.debug("[useReviewScreenshots] Figma dimensions:",P),X()},Y.onerror=()=>X(),Y.src=j})}else B=T,M(T),w.warn("[useReviewScreenshots] Proxy failed, using direct URL as fallback")}catch(D){w.warn("[useReviewScreenshots] Proxy error, using direct URL as fallback:",D),B=T,M(T)}else w.warn("[useReviewScreenshots] No thumbnail found for node:",k),M(null);B&&k&&cz(y,k,B),n(!1)}else w.debug("[useReviewScreenshots] No Figma mapping exists for this component"),M(null),n(!1);let N=E?.storybookImageUrl||null;if(N)w.debug("[useReviewScreenshots] Using cached Storybook screenshot"),i(!1);else{w.debug("[useReviewScreenshots] Capturing Storybook screenshot for story:",y);let T=await cu({storyId:y,sessionToken:d||void 0,...P&&{figmaWidth:P.width,figmaHeight:P.height}});T&&!L?(N=T,x(T),w.debug("[useReviewScreenshots] Storybook screenshot captured at dimensions:",P||"natural")):w.warn("[useReviewScreenshots] Failed to capture Storybook screenshot"),i(!1)}Yr.set(y,{storybookImageUrl:N,figmaImageUrl:B}),w.debug("[useReviewScreenshots] Screenshots cached for story:",y)}catch(B){w.error("[useReviewScreenshots] Error loading screenshots:",B),s(B instanceof Error?B.message:"Failed to load screenshots"),u.current=null,n(!1),i(!1)}finally{t(!1)}})(),()=>{L=!0}},[d,f,y,I?.figmaNodeId,c]),ii(()=>{let L=Wm.getChannel(),_=null,m=v=>{pS=v.args,w.debug("[useReviewScreenshots] Args updated for story:",v.storyId,"args:",v.args),_&&clearTimeout(_),_=setTimeout(()=>{w.debug("[useReviewScreenshots] Story args changed, refreshing screenshot"),p()},500)};return L.on(cS,m),()=>{L.off(cS,m),_&&clearTimeout(_)}},[p]),ii(()=>{let L=Wm.getChannel(),_=!1,m=null,v=()=>{w.debug("[useReviewScreenshots] FORCE_REMOUNT detected, showing Storybook loader"),_=!0,i(!0)},k=()=>{_&&(w.debug("[useReviewScreenshots] STORY_RENDERED after remount, waiting for styles to settle..."),m&&clearTimeout(m),m=setTimeout(()=>{_=!1,w.debug("[useReviewScreenshots] Refreshing Storybook screenshot after HMR (preserving Figma)"),g()},500))};return L.on(dS,v),L.on(uS,k),()=>{L.off(dS,v),L.off(uS,k),m&&clearTimeout(m)}},[g]),ii(()=>{let L=Wm.getChannel(),_=async m=>{if(!m?.snapshot?.html){w.debug("[useReviewScreenshots] DOM mutated but no snapshot available");return}w.debug("[useReviewScreenshots] DOM mutated, capturing snapshot screenshot"),i(!0);try{let v=kt.getState().currentStoryId,k=await fetch("/__uicopilot/screenshot-snapshot",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({...m.snapshot,storyId:v})});if(k.ok){let E=await k.json();if(E.screenshot){x(E.screenshot);let h=kt.getState().currentStoryId;if(h){let b=Yr.get(h);b?b.storybookImageUrl=E.screenshot:Yr.set(h,{storybookImageUrl:E.screenshot,figmaImageUrl:null})}}}else w.error("[useReviewScreenshots] Snapshot screenshot failed:",await k.text())}catch(v){w.error("[useReviewScreenshots] Snapshot screenshot error:",v)}finally{i(!1)}};return L.on("UICOPILOT/STORY_DOM_MUTATED",_),()=>{L.off("UICOPILOT/STORY_DOM_MUTATED",_)}},[]);let O=Vm((L,_,m)=>{w.debug("[useReviewScreenshots] setFigmaImageDirect called - bypassing load"),mS(L,_,m),M(m),n(!1),u.current=L},[M]);return{isLoadingScreenshots:e,isLoadingFigma:r,isLoadingStorybook:o,screenshotError:a,refreshScreenshots:p,refreshStorybookOnly:g,setFigmaImageDirect:O}}});function gz(){return!K().startsWith("http://localhost")}function fz(e,t,r){let n=t.createElement("div");n.style.color=e,t.body.appendChild(n);let o=r.getComputedStyle(n).color;return n.remove(),o}function hS(e,t,r){let n=new Map;return e.replace(/(?:color|oklch|oklab|lab|lch)\([^)]+\)/g,o=>{if(n.has(o))return n.get(o);let i=fz(o,t,r);return n.set(o,i),i})}async function mz(){let e=(await import("html2canvas")).default,t=document.getElementById("storybook-preview-iframe");if(!t?.contentDocument||!t.contentWindow)throw new Error("Storybook iframe not accessible");let r=t.contentDocument.querySelector("#storybook-root > *")||t.contentDocument.querySelector("#root > *");if(!r)throw new Error("Story element not found in iframe");let n=t.contentWindow,o=t.contentDocument;return(await e(r,{useCORS:!0,logging:!1,backgroundColor:null,onclone:a=>{a.querySelectorAll("style").forEach(u=>{let c=u.textContent||"";/(?:color|oklch|oklab|lab|lch)\(/.test(c)&&(u.textContent=hS(c,o,n))});let s=Array.from(o.styleSheets);a.querySelectorAll('link[rel="stylesheet"]').forEach(u=>{let c=u.href,l=s.find(p=>p.href===c);if(l)try{let p="";for(let g of Array.from(l.cssRules))p+=g.cssText+`
 `;if(/(?:color|oklch|oklab|lab|lch)\(/.test(p)){let g=a.createElement("style");g.textContent=hS(p,o,n),u.replaceWith(g)}}catch{}})}})).toDataURL("image/png")}function hz(e){let t=[];for(let[r,n]of Object.entries(e)){if(n===void 0)continue;let o;typeof n=="boolean"?o=`!${n}`:typeof n=="number"?o=String(n):typeof n=="string"?o=encodeURIComponent(n).replace(/%20/g,"+"):o=encodeURIComponent(JSON.stringify(n)),t.push(`${r}:${o}`)}return t.join(";")}async function xz(e,t){w.debug("[Screenshot] Using server-side Chrome capture for:",e);let r={"Content-Type":"application/json"};t?.sessionToken&&(r.Authorization=`Bearer ${t.sessionToken}`);let n=await Q(`${pz}/api/screenshot`,{method:"POST",headers:r,body:JSON.stringify({url:e,selector:t?.selector,width:t?.width,height:t?.height,scale:t?.scale||1,figmaWidth:t?.figmaWidth,figmaHeight:t?.figmaHeight})});if(!n.ok){let i=await n.json().catch(()=>({error:"Unknown error"}));throw new Error(i.error||`Screenshot failed: ${n.status}`)}return(await n.json()).screenshot}function yz(e){let t={};if(!e)return t;let r=e.split(";");for(let n of r){let o=n.indexOf(":");if(o===-1)continue;let i=n.slice(0,o),a=n.slice(o+1);typeof a=="string"&&(a==="!true"?a=!0:a==="!false"?a=!1:!isNaN(Number(a))&&a!==""?a=Number(a):a=decodeURIComponent(a.replace(/\+/g," "))),t[i]=a}return t}function bz(e){let t=new URLSearchParams(window.location.search),r=e;if(r||(r=(t.get("path")||"").replace("/story/","").replace("/docs/",""),w.debug("[Screenshot] Warning: Using story ID from URL (fallback):",r)),!r)throw new Error("Could not determine current story ID. Please select a story first.");let n=window.location.origin,o=Date.now(),i=`${n}/iframe.html?viewMode=story&id=${r}&globals=&_cb=${o}`,a=Ta();if(!a||Object.keys(a).length===0){let s=t.get("args");s&&(a=yz(s),w.debug("[Screenshot] Parsed args from URL:",a))}if(a&&Object.keys(a).length>0){let s=hz(a);i+=`&args=${s}`,w.debug("[Screenshot] Using URL with current args:",i)}else w.debug("[Screenshot] No current args, using default URL:",i);return i}async function wz(e){try{let t=await fetch(`/__uicopilot/screenshot?storyId=${encodeURIComponent(e)}`);if(t.status===501)return w.info("[Screenshot] Local Puppeteer not available, falling back"),null;if(!t.ok){let n=await t.json().catch(()=>({error:"Unknown"}));throw new Error(n.error||`Screenshot failed: ${t.status}`)}let r=await t.json();return w.info("[Screenshot] Captured via local Puppeteer (pixel-perfect)"),r.screenshot}catch(t){if(t instanceof TypeError&&t.message.includes("fetch"))return null;throw t}}async function cu(e){let t=e?.storyId||vz();if(t){let r=Km.get(t);if(r)return w.debug("[Screenshot] Reusing in-flight capture for",t),r;let n=xS(t,e).finally(()=>{Km.delete(t)});return Km.set(t,n),n}return xS(void 0,e)}async function xS(e,t){try{if(e){let r=await wz(e);if(r)return r}if(!gz()){let r=bz(t?.storyId);return await xz(r,{...t,selector:"#storybook-root > *"})}return w.info("[Screenshot] Using client-side capture (html2canvas fallback)"),await mz()}catch(r){throw w.error("Error capturing screenshot:",r),new Error(`Failed to capture screenshot: ${r instanceof Error?r.message:"Unknown error"}`)}}function vz(){return(new URLSearchParams(window.location.search).get("path")||"").replace("/story/","").replace("/docs/","")||void 0}var pz,Km,Ym=$(()=>{"use strict";De();Ea();Ue();ut();pz=K();Km=new Map});function en(e){if(e==="transparent"||e==="rgba(0, 0, 0, 0)")return"transparent";let t=e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);if(!t)return e;let[,r,n,o,i]=t,a=i?parseFloat(i):1;return a<1?`rgba(${r}, ${n}, ${o}, ${a})`:`#${[r,n,o].map(u=>parseInt(u).toString(16).padStart(2,"0")).join("")}`}function pn(e,t){let n={backgroundColor:["transparent","rgba(0, 0, 0, 0)"],border:["none","0px none","0px none rgb(0, 0, 0)"],borderRadius:["0px"],boxShadow:["none"],opacity:["1"],gap:["normal","0px"],flexDirection:["row"],justifyContent:["normal","flex-start"],alignItems:["normal","stretch"],textAlign:["start","left"],letterSpacing:["normal","0px"],margin:["0px","0px 0px 0px 0px"],padding:["0px","0px 0px 0px 0px"]}[e];return n?n.includes(t):!1}function Js(e){return e.split(",").map(r=>r.trim().replace(/['"]/g,""))[0]||e}function yS(e){let t=e.ownerDocument,n=(t.defaultView||window).getComputedStyle(e);if("fonts"in t){let I=n.fontSize||"16px",S=n.fontWeight||"400";if(n.fontFamily.includes("Roboto")){let x=t.fonts.check(`${S} ${I} Roboto`);if(w.debug("[computedStyles] Roboto check:",{cssFamily:n.fontFamily,robotoLoaded:x,fontWeight:S,fontSize:I,isIframe:t!==document,fontStatus:Array.from(t.fonts).map(M=>({family:M.family,status:M.status}))}),x)return"Roboto"}}let o="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",a=t.createElement("canvas").getContext("2d");if(!a)return"unknown";let s=n.fontSize,u=n.fontWeight,c=n.fontStyle,l=n.fontFamily.split(",").map(I=>I.trim().replace(/['"]/g,"")),p=["Arial","Helvetica","Helvetica Neue","Times New Roman","Georgia","Courier New","Verdana","Tahoma","Trebuchet MS","sans-serif","serif","monospace"],g=[...new Set([...l,...p])];a.font=`${c} ${u} ${s} monospace`;let d=a.measureText(o).width,f="unknown",y=new Map;for(let I of g){a.font=`${c} ${u} ${s} "${I}", monospace`;let S=a.measureText(o).width;if(y.set(I,S),S!==d){a.font=`${c} ${u} ${s} "${I}"`;let x=a.measureText(o).width;a.font=`${c} ${u} ${s} ${n.fontFamily}`;let M=a.measureText(o).width;if(Math.abs(x-M)<.1){f=I;break}}}return w.debug("[computedStyles] Font detection:",{declared:n.fontFamily,detected:f,declaredFonts:l,fontWidths:Array.from(y.entries()),isIframe:t!==document}),f}var Qs=$(()=>{"use strict";Ue()});function Ra(e,t){if(!t)return e;let r=t.split(" ").filter(i=>i.trim()),n=r.find(i=>!i.includes("--")),o=r.filter(i=>i.includes("--"));return n&&o.length>0?`${e}.${n}.${o[0]}`:n?`${e}.${n}`:r[0]?`${e}.${r[0]}`:e}function Xm(e){let r=(e.ownerDocument.defaultView||window).getComputedStyle(e);return w.debug("[computedStyles] Extracting styles:",{fontFamily:r.fontFamily,fontWeight:r.fontWeight,borderRadius:r.borderRadius,backgroundColor:r.backgroundColor,padding:{top:r.paddingTop,right:r.paddingRight,bottom:r.paddingBottom,left:r.paddingLeft},isIframeContext:e.ownerDocument!==document}),{color:en(r.color),backgroundColor:en(r.backgroundColor),borderColor:en(r.borderColor),padding:{top:r.paddingTop,right:r.paddingRight,bottom:r.paddingBottom,left:r.paddingLeft},margin:{top:r.marginTop,right:r.marginRight,bottom:r.marginBottom,left:r.marginLeft},gap:r.gap,fontFamily:r.fontFamily,renderedFont:yS(e),fontSize:r.fontSize,fontWeight:r.fontWeight,lineHeight:r.lineHeight,letterSpacing:r.letterSpacing,textAlign:r.textAlign,textTransform:r.textTransform,width:r.width,height:r.height,minWidth:r.minWidth,minHeight:r.minHeight,maxWidth:r.maxWidth,maxHeight:r.maxHeight,borderWidth:r.borderWidth,borderStyle:r.borderStyle,borderRadius:r.borderRadius,boxShadow:r.boxShadow,textShadow:r.textShadow,display:r.display,flexDirection:r.display==="flex"?r.flexDirection:void 0,justifyContent:r.display==="flex"?r.justifyContent:void 0,alignItems:r.display==="flex"?r.alignItems:void 0,position:r.position,opacity:r.opacity,cursor:r.cursor}}function Jm(e,t){let r={width:null,height:null,minWidth:null,minHeight:null,maxWidth:null,maxHeight:null,display:null,flexGrow:null,flexShrink:null,flexBasis:null};try{let n=Array.from(t.styleSheets);for(let i of n)try{let a=i.cssRules||i.rules;if(!a)continue;for(let s of Array.from(a))if(s.type===1){let u=s;try{if(e.matches(u.selectorText)){let c=u.style;c.width&&(r.width=c.width),c.height&&(r.height=c.height),c.minWidth&&(r.minWidth=c.minWidth),c.minHeight&&(r.minHeight=c.minHeight),c.maxWidth&&(r.maxWidth=c.maxWidth),c.maxHeight&&(r.maxHeight=c.maxHeight),c.display&&(r.display=c.display),c.flexGrow&&(r.flexGrow=c.flexGrow),c.flexShrink&&(r.flexShrink=c.flexShrink),c.flexBasis&&(r.flexBasis=c.flexBasis)}}catch{continue}}}catch{continue}let o=e.style;o.width&&(r.width=o.width),o.height&&(r.height=o.height),o.minWidth&&(r.minWidth=o.minWidth),o.minHeight&&(r.minHeight=o.minHeight),o.maxWidth&&(r.maxWidth=o.maxWidth),o.maxHeight&&(r.maxHeight=o.maxHeight),o.display&&(r.display=o.display),o.flexGrow&&(r.flexGrow=o.flexGrow),o.flexShrink&&(r.flexShrink=o.flexShrink),o.flexBasis&&(r.flexBasis=o.flexBasis)}catch(n){w.error("Error extracting declared styles:",n)}return r}var uu=$(()=>{"use strict";Ue();Qs()});function Sz(e){let t=[],r=new Set,n=bS.join(", "),o=e.querySelectorAll(n);for(let i of Array.from(o)){let a=`${i.tagName.toLowerCase()}.${i.className}`;r.has(a)||(r.add(a),t.push(i))}if(bS.includes(e.tagName.toLowerCase())){let i=`${e.tagName.toLowerCase()}.${e.className}`;r.has(i)||t.unshift(e)}return t}function kz(e){let r=(e.ownerDocument.defaultView||window).getComputedStyle(e),n=e.tagName.toLowerCase(),o=e.className,i=typeof o=="string"?o:o?.baseVal||"";return{selector:Ra(n,i),tagName:n,className:i,styles:{fontSize:r.fontSize,fontFamily:Js(r.fontFamily),fontWeight:r.fontWeight,lineHeight:r.lineHeight,letterSpacing:r.letterSpacing,color:en(r.color),textAlign:r.textAlign,textTransform:r.textTransform}}}function Cz(e,t=2){let r=[e],n=new Set,o=a=>{let s=a.className;return typeof s=="string"?s:s?.baseVal||""};n.add(`${e.tagName}.${o(e)}`);function i(a,s){if(s>=t)return;let u=Array.from(a.children);for(let c of u){let l=c.tagName.toLowerCase();if(["script","style","link","meta","br","hr"].includes(l))continue;let p=`${c.tagName}.${o(c)}`;n.has(p)||(n.add(p),r.push(c),i(c,s+1))}}return i(e,0),r}function Iz(e){let r=(e.ownerDocument.defaultView||window).getComputedStyle(e),n=e.tagName.toLowerCase(),o=e.className,i=typeof o=="string"?o:o?.baseVal||"",a=r.borderWidth!=="0px",s=r.backgroundColor!=="transparent"&&r.backgroundColor!=="rgba(0, 0, 0, 0)",u=r.borderRadius!=="0px",c=r.gap!=="normal"&&r.gap!=="0px";if(!a&&!s&&!u&&!c)return null;let l=r.borderWidth,p=r.borderStyle,g=en(r.borderColor),d=a?`${l} ${p} ${g}`:"none";return{selector:Ra(n,i),className:i,border:d,borderRadius:r.borderRadius,backgroundColor:en(r.backgroundColor),gap:r.gap}}function Zs(){w.debug("[computedStyles] extractStoryStyles called - FULL CONTEXT VERSION");try{let e=document.getElementById("storybook-preview-iframe");if(!e||!e.contentDocument)throw new Error("Storybook preview iframe not found");let t=e.contentDocument,r=t.getElementById("storybook-root");if(!r)throw new Error("Story root element not found");let n=r.firstElementChild;if(!n)throw new Error("Component element not found in story root");let o=Cz(n,2),i=o.map(Iz).filter(s=>s!==null);w.debug("[computedStyles] Extracted visual styles from nested elements:",{total:o.length,withVisuals:i.length,elements:i.map(s=>({selector:s.selector,border:s.border,background:s.backgroundColor,borderRadius:s.borderRadius}))});let a=[];try{let s=Sz(n);a=s.map(kz),w.debug("[computedStyles] Text elements found:",{count:s.length,elements:a.map(u=>({selector:u.selector,fontSize:u.styles.fontSize,fontWeight:u.styles.fontWeight}))})}catch(s){w.error("[computedStyles] Error extracting text elements:",s)}return{computed:Xm(n),declared:Jm(n,t),markup:n.outerHTML,textElementStyles:a,nestedElementStyles:i}}catch(e){return w.error("Error extracting computed styles:",e),null}}var bS,wS=$(()=>{"use strict";Ue();Qs();uu();bS=["input","textarea","button","select","label","span","a","p","h1","h2","h3","h4","h5","h6"]});function Qm(e,t,r,n){return e===t&&t===r&&r===n?e:e===r&&t===n?`${e} ${t}`:t===n?`${e} ${t} ${r}`:`${e} ${t} ${r} ${n}`}function Ez(e,t,r){if(!(e==="0px"||t==="none"))return`${e} ${t} ${r}`}function Rz(e){let r=(e.ownerDocument.defaultView||window).getComputedStyle(e),n={},o=en(r.backgroundColor);pn("backgroundColor",o)||(n.backgroundColor=o);let i=Ez(r.borderWidth,r.borderStyle,en(r.borderColor));i&&(n.border=i),pn("borderRadius",r.borderRadius)||(n.borderRadius=r.borderRadius),pn("boxShadow",r.boxShadow)||(n.boxShadow=r.boxShadow),pn("opacity",r.opacity)||(n.opacity=r.opacity);let a=e.tagName.toLowerCase(),s=["svg","circle","rect","ellipse","line","polyline","polygon","path","text","tspan","g","use","defs","clipPath","mask"];if(e instanceof SVGElement||s.includes(a)){for(let I=0;I<e.attributes.length;I++){let S=e.attributes[I];if(["class","style","id","xmlns","xmlns:xlink"].includes(S.name))continue;let x=S.name.replace(/-([a-z])/g,(z,O)=>O.toUpperCase()),M=S.value.startsWith("rgb")?en(S.value):S.value;x==="d"&&M.length>100?n[x]=M.substring(0,100)+"...":n[x]=M}let d=r.getPropertyValue("fill"),f=r.getPropertyValue("stroke");if(d&&d!=="none"&&(n.fill=d.startsWith("rgb")?en(d):d),f&&f!=="none"&&(n.stroke=f.startsWith("rgb")?en(f):f),["circle","ellipse","rect","path","line","polyline","polygon"].includes(a)){let I=e.getBoundingClientRect();I.width>0&&(n.width=`${Math.round(I.width*100)/100}px`),I.height>0&&(n.height=`${Math.round(I.height*100)/100}px`)}}let c=e.textContent&&e.textContent.trim().length>0,l=Tz.includes(e.tagName.toLowerCase());(c||l)&&(n.fontSize=r.fontSize,n.fontFamily=Js(r.fontFamily),n.fontWeight=r.fontWeight,n.lineHeight=r.lineHeight,n.color=en(r.color),pn("letterSpacing",r.letterSpacing)||(n.letterSpacing=r.letterSpacing),pn("textAlign",r.textAlign)||(n.textAlign=r.textAlign)),n.display=r.display;let p=Qm(r.paddingTop,r.paddingRight,r.paddingBottom,r.paddingLeft);pn("padding",p)||(n.padding=p);let g=Qm(r.marginTop,r.marginRight,r.marginBottom,r.marginLeft);return pn("margin",g)||(n.margin=g),pn("gap",r.gap)||(n.gap=r.gap),(r.display==="flex"||r.display==="inline-flex")&&(pn("flexDirection",r.flexDirection)||(n.flexDirection=r.flexDirection),pn("justifyContent",r.justifyContent)||(n.justifyContent=r.justifyContent),pn("alignItems",r.alignItems)||(n.alignItems=r.alignItems)),n.width||(n.width=r.width),n.height||(n.height=r.height),n}function vS(e){let t=1;for(let r of e.children)t+=vS(r);return t}function SS(e,t=4){function r(o,i){let a=o.tagName.toLowerCase(),s=o.className,u=typeof s=="string"?s:s?.baseVal||"",c=o.id||void 0,l=o.getAttribute("role")||void 0,p;for(let y of Array.from(o.childNodes))if(y.nodeType===Node.TEXT_NODE){let I=y.textContent?.trim();if(I){p=I.length>50?I.substring(0,50)+"...":I;break}}let g=a;c?g=`${a}#${c}`:u&&(g=Ra(a,u));let d=Rz(o),f=[];if(i<t){let y=Array.from(o.children);for(let I of y){let S=I.tagName.toLowerCase();if(["script","style","link","meta","br","hr","noscript"].includes(S))continue;let M=(I.ownerDocument.defaultView||window).getComputedStyle(I);M.display==="none"||M.visibility==="hidden"||f.push(r(I,i+1))}}return{selector:g,tagName:a,className:u,id:c,role:l,textContent:p,styles:d,children:f}}w.debug("[computedStyles] Extracting DOM tree with maxDepth:",t);let n=r(e,0);return w.debug("[computedStyles] DOM tree extracted:",{rootSelector:n.selector,childrenCount:n.children.length,totalNodes:vS(n)}),n}function el(e=4){w.debug("[extractStoryDOMTree] Starting DOM tree extraction...");try{let t=document.getElementById("storybook-preview-iframe");if(w.debug("[extractStoryDOMTree] iframe found:",!!t),!t)throw new Error("Storybook preview iframe not found");if(w.debug("[extractStoryDOMTree] iframe.contentDocument:",!!t.contentDocument),!t.contentDocument)throw new Error("iframe.contentDocument is not accessible (possible cross-origin issue)");let r=t.contentDocument.getElementById("storybook-root");if(w.debug("[extractStoryDOMTree] storyRoot found:",!!r),!r)throw new Error("Story root element not found");let n=r.firstElementChild;if(w.debug("[extractStoryDOMTree] componentElement found:",!!n,n?.tagName),!n)throw new Error("Component element not found in story root");let o=SS(n,e);return w.debug("[extractStoryDOMTree] DOM tree extracted successfully:",{selector:o.selector,childrenCount:o.children.length}),o}catch(t){return w.error("[extractStoryDOMTree] Error extracting DOM tree:",t),null}}var Tz,kS=$(()=>{"use strict";Ue();Qs();uu();Tz=["input","textarea","button","select","label","span","a","p","h1","h2","h3","h4","h5","h6"]});var du=$(()=>{"use strict";Qs();uu();wS();kS()});var KS=Fn((Sse,YS)=>{"use strict";YS.exports={compareTwoStrings:qS,findBestMatch:Zz};function qS(e,t){if(e=e.replace(/\s+/g,""),t=t.replace(/\s+/g,""),e===t)return 1;if(e.length<2||t.length<2)return 0;let r=new Map;for(let o=0;o<e.length-1;o++){let i=e.substring(o,o+2),a=r.has(i)?r.get(i)+1:1;r.set(i,a)}let n=0;for(let o=0;o<t.length-1;o++){let i=t.substring(o,o+2),a=r.has(i)?r.get(i):0;a>0&&(r.set(i,a-1),n++)}return 2*n/(e.length+t.length-2)}function Zz(e,t){if(!eD(e,t))throw new Error("Bad arguments: First argument should be a string, second should be an array of strings");let r=[],n=0;for(let i=0;i<t.length;i++){let a=t[i],s=qS(e,a);r.push({target:a,rating:s}),s>r[n].rating&&(n=i)}let o=r[n];return{ratings:r,bestMatch:o,bestMatchIndex:n}}function eD(e,t){return!(typeof e!="string"||!Array.isArray(t)||!t.length||t.find(function(r){return typeof r!="string"}))}});var h7=Fn((q5e,m7)=>{"use strict";var d7=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g,sV=/\n/g,lV=/^\s*/,cV=/^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/,uV=/^:\s*/,dV=/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/,pV=/^[;\s]*/,gV=/^\s+|\s+$/g,fV=`
-`,p7="/",g7="*",Xi="",mV="comment",hV="declaration";function xV(e,t){if(typeof e!="string")throw new TypeError("First argument must be a string");if(!e)return[];t=t||{};var r=1,n=1;function o(f){var y=f.match(sV);y&&(r+=y.length);var I=f.lastIndexOf(fV);n=~I?f.length-I:n+f.length}function i(){var f={line:r,column:n};return function(y){return y.position=new a(f),c(),y}}function a(f){this.start=f,this.end={line:r,column:n},this.source=t.source}a.prototype.content=e;function s(f){var y=new Error(t.source+":"+r+":"+n+": "+f);if(y.reason=f,y.filename=t.source,y.line=r,y.column=n,y.source=e,!t.silent)throw y}function u(f){var y=f.exec(e);if(y){var I=y[0];return o(I),e=e.slice(I.length),y}}function c(){u(lV)}function l(f){var y;for(f=f||[];y=p();)y!==!1&&f.push(y);return f}function p(){var f=i();if(!(p7!=e.charAt(0)||g7!=e.charAt(1))){for(var y=2;Xi!=e.charAt(y)&&(g7!=e.charAt(y)||p7!=e.charAt(y+1));)++y;if(y+=2,Xi===e.charAt(y-1))return s("End of comment missing");var I=e.slice(2,y-2);return n+=2,o(I),e=e.slice(y),n+=2,f({type:mV,comment:I})}}function g(){var f=i(),y=u(cV);if(y){if(p(),!u(uV))return s("property missing ':'");var I=u(dV),S=f({type:hV,property:f7(y[0].replace(d7,Xi)),value:I?f7(I[0].replace(d7,Xi)):Xi});return u(pV),S}}function d(){var f=[];l(f);for(var y;y=g();)y!==!1&&(f.push(y),l(f));return f}return c(),d()}function f7(e){return e?e.replace(gV,Xi):Xi}m7.exports=xV});var x7=Fn(El=>{"use strict";var yV=El&&El.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(El,"__esModule",{value:!0});El.default=wV;var bV=yV(h7());function wV(e,t){let r=null;if(!e||typeof e!="string")return r;let n=(0,bV.default)(e),o=typeof t=="function";return n.forEach(i=>{if(i.type!=="declaration")return;let{property:a,value:s}=i;o?t(a,s,i):s&&(r=r||{},r[a]=s)}),r}});var b7=Fn(hd=>{"use strict";Object.defineProperty(hd,"__esModule",{value:!0});hd.camelCase=void 0;var vV=/^--[a-zA-Z0-9_-]+$/,SV=/-([a-z])/g,kV=/^[^-]+$/,CV=/^-(webkit|moz|ms|o|khtml)-/,IV=/^-(ms)-/,TV=function(e){return!e||kV.test(e)||vV.test(e)},EV=function(e,t){return t.toUpperCase()},y7=function(e,t){return"".concat(t,"-")},RV=function(e,t){return t===void 0&&(t={}),TV(e)?e:(e=e.toLowerCase(),t.reactCompat?e=e.replace(IV,y7):e=e.replace(CV,y7),e.replace(SV,EV))};hd.camelCase=RV});var v7=Fn((y5,w7)=>{"use strict";var AV=y5&&y5.__importDefault||function(e){return e&&e.__esModule?e:{default:e}},FV=AV(x7()),PV=b7();function x5(e,t){var r={};return!e||typeof e!="string"||(0,FV.default)(e,function(n,o){n&&o&&(r[(0,PV.camelCase)(n,t)]=o)}),r}x5.default=x5;w7.exports=x5});var YI=Fn((Sve,qI)=>{"use strict";var Od=Object.prototype.hasOwnProperty,GI=Object.prototype.toString,$I=Object.defineProperty,HI=Object.getOwnPropertyDescriptor,UI=function(t){return typeof Array.isArray=="function"?Array.isArray(t):GI.call(t)==="[object Array]"},jI=function(t){if(!t||GI.call(t)!=="[object Object]")return!1;var r=Od.call(t,"constructor"),n=t.constructor&&t.constructor.prototype&&Od.call(t.constructor.prototype,"isPrototypeOf");if(t.constructor&&!r&&!n)return!1;var o;for(o in t);return typeof o>"u"||Od.call(t,o)},VI=function(t,r){$I&&r.name==="__proto__"?$I(t,r.name,{enumerable:!0,configurable:!0,value:r.newValue,writable:!0}):t[r.name]=r.newValue},WI=function(t,r){if(r==="__proto__")if(Od.call(t,r)){if(HI)return HI(t,r).value}else return;return t[r]};qI.exports=function e(){var t,r,n,o,i,a,s=arguments[0],u=1,c=arguments.length,l=!1;for(typeof s=="boolean"&&(l=s,s=arguments[1]||{},u=2),(s==null||typeof s!="object"&&typeof s!="function")&&(s={});u<c;++u)if(t=arguments[u],t!=null)for(r in t)n=WI(s,r),o=WI(t,r),s!==o&&(l&&o&&(jI(o)||(i=UI(o)))?(i?(i=!1,a=n&&UI(n)?n:[]):a=n&&jI(n)?n:{},VI(s,{name:r,newValue:e(l,a,o)})):typeof o<"u"&&VI(s,{name:r,newValue:o}));return s}});import Ri from"react";import{addons as tp,types as $x,experimental_getStatusStore as Hx}from"storybook/manager-api";import{AddonPanel as BQ}from"storybook/internal/components";import{styled as zQ}from"storybook/theming";import{styled as er}from"storybook/theming";var G="#ea580c",Jo="#c2410c",np="#ff6b35",Ux="#A259FF",jx="#8a3de8",Vx=G,Wx="#d1d5db",tc="#7c3aed",Ye={red:"#ef4444",amber:"#f59e0b",green:"#16a34a",redText:"#b91c1c",amberText:"#b45309",greenText:"#16a34a",criticalRail:"#dc2626",criticalLabel:"#dc2626",majorLabel:"#f59e0b",minorLabel:"#f59e0b",minorRail:"#fbbf24"},Gx={color:{text:"#1d4ed8",bg:"rgba(59, 130, 246, 0.1)",border:"rgba(59, 130, 246, 0.25)"},spacing:{text:"#c2410c",bg:"rgba(249, 115, 22, 0.1)",border:"rgba(249, 115, 22, 0.25)"},typography:{text:"#be185d",bg:"rgba(236, 72, 153, 0.1)",border:"rgba(236, 72, 153, 0.25)"},border:{text:"#047857",bg:"rgba(16, 185, 129, 0.1)",border:"rgba(16, 185, 129, 0.25)"},layout:{text:"#0f766e",bg:"rgba(20, 184, 166, 0.1)",border:"rgba(20, 184, 166, 0.25)"},sizing:{text:"#6d28d9",bg:"rgba(139, 92, 246, 0.1)",border:"rgba(139, 92, 246, 0.25)"}},op={spec:"#c2410c",ai:"#6d28d9"},Z={card:"#ffffff",green:"#10b981",border:"#e5e7eb",track:"#f1f5f9",muted:"#6b7280",locked:"#9ca3af",text:"#111827",subText:"#374151",formBg:"#fafafa",lockedBtnBg:"#f3f4f6",calloutBg:"#fffbeb",calloutText:"#b45309",accentTint:"#fff7ed"},Ai={pillBg:"#fff7ed",pillBorder:"#f5d0b5",iconFrom:"#d97706",iconTo:Jo,badgeBg:"#fef3c7",badgeText:"#92400e"};var qx=er.div(({theme:e})=>({fontFamily:e.typography.fonts.base,height:"100%",display:"flex",flexDirection:"column",backgroundColor:e.background.content,color:e.color.defaultText})),Yx=er.div(({theme:e})=>({flex:1,overflow:"auto",padding:"6px 12px 12px",backgroundColor:e.background.app})),rc=er.div({marginBottom:"20px"}),nc=er.label(({theme:e})=>({display:"block",marginBottom:`${e.layoutMargin*.6}px`,fontSize:e.typography.size.s2,fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,color:e.color.defaultText})),ds=er.input(({theme:e})=>({width:"100%",padding:`${e.layoutMargin*.8}px ${e.layoutMargin}px`,fontSize:e.typography.size.s2,fontFamily:e.typography.fonts.base,border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius*2,backgroundColor:e.input.background,color:e.color.defaultText,"&:focus":{outline:"none",borderColor:e.color.secondary,boxShadow:`0 0 0 2px ${e.color.secondary}20`}})),an=er.select(({theme:e})=>({width:"100%",padding:`${e.layoutMargin*.8}px 32px ${e.layoutMargin*.8}px ${e.layoutMargin}px`,fontSize:e.typography.size.s2,fontFamily:e.typography.fonts.base,border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius*2,backgroundColor:e.input.background,color:e.color.defaultText,cursor:"pointer",appearance:"none",backgroundImage:`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")`,backgroundRepeat:"no-repeat",backgroundPosition:"right 10px center",backgroundSize:"12px",transition:"border-color 0.15s, box-shadow 0.15s","&:focus":{outline:"none",borderColor:e.color.secondary,boxShadow:`0 0 0 2px ${e.color.secondary}20`},"&:hover":{borderColor:e.color.mediumdark},"&:disabled":{opacity:.6,cursor:"not-allowed"}})),Kx=er(an)(({theme:e})=>({width:"auto",padding:`${e.layoutMargin*.6}px 28px ${e.layoutMargin*.6}px ${e.layoutMargin}px`,fontSize:e.typography.size.s1})),oc=e=>({padding:`${e.layoutMargin*.8}px ${e.layoutMargin*1.6}px`,fontSize:e.typography.size.s2,fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,border:"none",borderRadius:e.appBorderRadius*2,cursor:"pointer",transition:"all 0.15s","&:disabled":{opacity:.5,cursor:"not-allowed"}}),Fo=er.button(({theme:e})=>({...oc(e),backgroundColor:e.color.secondary,color:e.color.inverseText,"&:hover:not(:disabled)":{opacity:.9}})),Zt=er.button(({theme:e})=>({...oc(e),backgroundColor:G,color:e.color.inverseText,boxShadow:`0 2px 4px ${G}4d`,"&:hover:not(:disabled)":{backgroundColor:Jo,transform:"translateY(-1px)",boxShadow:`0 4px 8px ${G}66`}})),mo=er.button(({theme:e})=>({...oc(e),backgroundColor:"transparent",border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,"&:hover:not(:disabled)":{backgroundColor:e.background.hoverable}})),Xx=er.button(({theme:e})=>({...oc(e),backgroundColor:e.color.negative,color:e.color.inverseText,"&:hover:not(:disabled)":{opacity:.9}})),bn=er.button(({theme:e})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",padding:`${e.layoutMargin*.4}px`,fontSize:e.typography.size.s2,color:e.color.mediumdark,backgroundColor:"transparent",border:"none",borderRadius:e.appBorderRadius,cursor:"pointer",transition:"all 0.15s","&:hover":{color:e.color.defaultText,backgroundColor:e.background.hoverable},"&:disabled":{opacity:.5,cursor:"not-allowed"}})),ip=er.button(({theme:e})=>({padding:0,fontSize:e.typography.size.s1,fontFamily:e.typography.fonts.base,color:e.color.secondary,backgroundColor:"transparent",border:"none",cursor:"pointer",textDecoration:"none","&:hover":{textDecoration:"underline"},"&:disabled":{opacity:.5,cursor:"not-allowed"}})),Qo=er.button(({theme:e,active:t})=>({padding:`${e.layoutMargin*.6}px ${e.layoutMargin*1.2}px`,fontSize:e.typography.size.s2,fontFamily:e.typography.fonts.base,fontWeight:t?e.typography.weight.bold:400,color:t?e.color.secondary:e.color.mediumdark,backgroundColor:"transparent",border:"none",borderBottom:t?`2px solid ${e.color.secondary}`:"2px solid transparent",cursor:"pointer",transition:"all 0.15s","&:hover":{color:t?e.color.secondary:e.color.defaultText}})),Zo=er(ds)(({theme:e})=>({paddingLeft:`${e.layoutMargin*3}px`,backgroundImage:`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E")`,backgroundRepeat:"no-repeat",backgroundPosition:`${e.layoutMargin}px center`,backgroundSize:"14px"})),VQ=er.div(({theme:e})=>({padding:`${e.layoutMargin*1.6}px`,borderRadius:e.appBorderRadius*2.5,border:`1px solid ${e.appBorderColor}`,backgroundColor:e.background.content})),Jx=er.h2(({theme:e})=>({margin:`0 0 ${e.layoutMargin*1.6}px`,fontSize:e.typography.size.s3,fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,color:e.color.defaultText})),WQ=er.h3(({theme:e})=>({margin:`0 0 ${e.layoutMargin*1.2}px`,fontSize:e.typography.size.s2,fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,color:e.color.defaultText})),ap=er.p(({theme:e})=>({margin:`0 0 ${e.layoutMargin*.8}px`,fontSize:e.typography.size.s2,fontFamily:e.typography.fonts.base,color:e.color.defaultText,lineHeight:1.5})),GQ=er.div(({theme:e,width:t="100%",height:r="40px"})=>({width:t,height:r,backgroundColor:e.background.hoverable,borderRadius:e.appBorderRadius,position:"relative",overflow:"hidden","&::after":{content:'""',position:"absolute",top:0,left:0,width:"100%",height:"100%",background:`linear-gradient(90deg, transparent, ${e.color.mediumlight}33, transparent)`,animation:"shimmer 1.5s infinite"},"@keyframes shimmer":{"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(100%)"}}})),Qx=er.span(({theme:e,variant:t="default"})=>{let r={default:{bg:e.background.hoverable,color:e.color.defaultText},success:{bg:`${e.color.positive}40`,color:e.color.positive},warning:{bg:`${e.color.warning}40`,color:e.color.warning},error:{bg:`${e.color.negative}40`,color:e.color.negative}};return{display:"inline-block",padding:"2px 8px",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,borderRadius:"3px",backgroundColor:r[t].bg,color:r[t].color}}),qQ=er.div(({theme:e})=>({padding:"40px 20px",textAlign:"center",color:e.color.mediumdark})),YQ=er.div(({theme:e})=>({fontSize:e.typography.size.s3,fontWeight:e.typography.weight.bold,marginBottom:`${e.layoutMargin*.8}px`,color:e.color.defaultText})),KQ=er.div(({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.mediumdark}));import st,{useState as rQ,useEffect as TT}from"react";import{styled as rn}from"storybook/theming";import Zx from"react";var sp=({header:e,children:t,footer:r})=>Zx.createElement(qx,null,e,Zx.createElement(Yx,null,t),r);import nE from"react";import{styled as oE}from"storybook/theming";var iE=oE.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"flex-end",padding:"6px 12px",borderBottom:`1px solid ${e.appBorderColor}`,position:"sticky",top:0,zIndex:100,backgroundColor:e.background.content})),lp=({toolbar:e})=>nE.createElement(iE,null,e);import iZ from"react";import{styled as ic}from"storybook/theming";var lZ=ic.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"6px 12px",borderBottom:`1px solid ${e.appBorderColor}`,position:"sticky",top:0,zIndex:100,backgroundColor:e.background.content})),cZ=ic.div({display:"flex",flex:1}),uZ=ic(Qo)(({theme:e,disabled:t})=>({padding:"6px 12px",...t?{color:e.color.mediumlight,cursor:"not-allowed",opacity:.5,"&:hover":{}}:{}})),dZ=ic.div({display:"flex",gap:"8px",alignItems:"center"});import yt,{useState as nu,useCallback as Om,useEffect as $m,useRef as UB}from"react";import{styled as vr}from"storybook/theming";import ke from"react";var ey=()=>ke.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},ke.createElement("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),ke.createElement("circle",{cx:"12",cy:"12",r:"3"})),ps=()=>ke.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},ke.createElement("path",{d:"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"}),ke.createElement("circle",{cx:"12",cy:"7",r:"4"})),Mn={xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"},gs=()=>ke.createElement("svg",{...Mn},ke.createElement("circle",{cx:"11",cy:"11",r:"8"}),ke.createElement("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})),ty=()=>ke.createElement("svg",{...Mn},ke.createElement("path",{d:"M18.84 12.25l1.72-1.71a5 5 0 0 0-7.07-7.07l-1.71 1.71"}),ke.createElement("path",{d:"M5.17 11.75l-1.71 1.71a5 5 0 0 0 7.07 7.07l1.71-1.71"}),ke.createElement("line",{x1:"8",y1:"2",x2:"8",y2:"5"}),ke.createElement("line",{x1:"2",y1:"8",x2:"5",y2:"8"}),ke.createElement("line",{x1:"16",y1:"22",x2:"16",y2:"19"}),ke.createElement("line",{x1:"22",y1:"16",x2:"19",y2:"16"})),ry=()=>ke.createElement("svg",{...Mn},ke.createElement("polyline",{points:"23 4 23 10 17 10"}),ke.createElement("polyline",{points:"1 20 1 14 7 14"}),ke.createElement("path",{d:"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"}));var cp=()=>ke.createElement("svg",{...Mn},ke.createElement("circle",{cx:"12",cy:"12",r:"3"}),ke.createElement("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"})),ac=()=>ke.createElement("svg",{...Mn},ke.createElement("path",{d:"M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9L12 3z"}),ke.createElement("path",{d:"M19 14l.7 1.9L21.6 17l-1.9.7L19 19.6l-.7-1.9L16.4 17l1.9-.7L19 14z"})),ny=()=>ke.createElement("svg",{...Mn},ke.createElement("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),ke.createElement("polyline",{points:"12 5 19 12 12 19"})),oy=()=>ke.createElement("svg",{...Mn},ke.createElement("path",{d:"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72Z"}),ke.createElement("path",{d:"m14 7 3 3"}),ke.createElement("path",{d:"M5 6v4"}),ke.createElement("path",{d:"M19 14v4"}),ke.createElement("path",{d:"M10 2v2"}),ke.createElement("path",{d:"M7 8H3"}),ke.createElement("path",{d:"M21 16h-4"}),ke.createElement("path",{d:"M11 3H9"})),iy=()=>ke.createElement("svg",{...Mn},ke.createElement("polyline",{points:"6 9 12 15 18 9"})),ay=()=>ke.createElement("svg",{...Mn},ke.createElement("polyline",{points:"20 6 9 17 4 12"})),sy=()=>ke.createElement("svg",{...Mn},ke.createElement("path",{d:"M7 10v12"}),ke.createElement("path",{d:"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"})),ly=()=>ke.createElement("svg",{...Mn},ke.createElement("path",{d:"M3 3v5h5"}),ke.createElement("path",{d:"M3.05 13A9 9 0 1 0 6 5.3L3 8"}),ke.createElement("path",{d:"M12 7v5l4 2"})),up=()=>ke.createElement("svg",{...Mn},ke.createElement("path",{d:"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5a2 2 0 0 0 2 2h1"}),ke.createElement("path",{d:"M16 3h1a2 2 0 0 1 2 2v5a2 2 0 0 0 2 2 2 2 0 0 0-2 2v5a2 2 0 0 1-2 2h-1"})),Po=()=>ke.createElement("svg",{width:"10",height:"15",viewBox:"0 0 38 57","aria-label":"Figma",role:"img"},ke.createElement("path",{fill:"#1abcfe",d:"M19 28.5a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0z"}),ke.createElement("path",{fill:"#0acf83",d:"M0 47.5A9.5 9.5 0 0 1 9.5 38H19v9.5a9.5 9.5 0 1 1-19 0z"}),ke.createElement("path",{fill:"#ff7262",d:"M19 0v19h9.5a9.5 9.5 0 1 0 0-19H19z"}),ke.createElement("path",{fill:"#f24e1e",d:"M0 9.5A9.5 9.5 0 0 0 9.5 19H19V0H9.5A9.5 9.5 0 0 0 0 9.5z"}),ke.createElement("path",{fill:"#a259ff",d:"M0 28.5A9.5 9.5 0 0 0 9.5 38H19V19H9.5A9.5 9.5 0 0 0 0 28.5z"})),dp=()=>ke.createElement("svg",{width:"13",height:"13",viewBox:"0 0 64 64","aria-label":"Storybook",role:"img"},ke.createElement("path",{fill:"#ff4785",d:"M8 4l1.5 56L56 62l2-58z"}),ke.createElement("path",{fill:"#fff",d:"M40.5 18.2c-.2 1.5-3.6 2.4-7.6 2.1-4-.3-7-1.6-6.9-3.1.1-1.4 2.4-2 5.3-2 .8 0 1.2-.4 1.2-1.1 0-1.6-3.6-2.6-7-2.6-7 0-10.6 3.8-10.6 7.6 0 6.6 8.9 7 11.4 7.2 5.5.4 6.9 1.5 6.9 3 0 1.6-2.1 2.6-5 2.6-3.8 0-5.6-1.4-5.7-3.1 0-.6-.4-1-1-1l-3.5.1c-.6 0-1 .4-1 1 .2 4.7 4.3 7.6 11.3 7.6 6.7 0 11.2-3.1 11.2-7.6 0-5.7-5-7-11.1-7.5-4.2-.3-6.5-.6-6.5-2 0-1 1.8-1.8 4.4-1.8 2.5 0 4.2.6 4.4 1.7.1.6.5 1 1.1 1l3.5-.1c.6-.1 1-.5 1-1.1z"}));import Me,{useEffect as Wv}from"react";import{styled as Ct}from"storybook/theming";Se();De();Ue();ut();var Gv=Ct.div({position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:1e4}),qv=Ct.div(({theme:e})=>({position:"absolute",top:"100%",right:0,marginTop:"8px",backgroundColor:e.background.content,borderRadius:"12px",width:"360px",maxWidth:"90vw",boxShadow:"0 10px 40px rgba(0, 0, 0, 0.3)",overflow:"hidden",zIndex:10001})),QL=Ct.div({display:"flex",alignItems:"center",gap:"12px",padding:"16px 16px 12px"}),ZL=Ct.div({width:"36px",height:"36px",borderRadius:"50%",backgroundColor:G,display:"flex",alignItems:"center",justifyContent:"center",color:"#fff",fontSize:"14px",fontWeight:700,flexShrink:0}),eB=Ct.div({display:"flex",flexDirection:"column",gap:"4px"}),tB=Ct.div(({theme:e})=>({fontSize:"15px",fontWeight:600,color:e.color.defaultText,lineHeight:1.2})),rB=Ct.span({display:"inline-block",alignSelf:"flex-start",padding:"2px 10px",borderRadius:"6px",fontSize:"11px",fontWeight:600,color:"#7c3aed",backgroundColor:"rgba(124, 58, 237, 0.1)",letterSpacing:"0.3px"}),nB=Ct.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px 16px 8px",fontSize:"14px",color:e.color.defaultText})),oB=Ct.span(({theme:e})=>({color:e.textMutedColor,fontSize:"13px"})),iB=Ct.span(({theme:e})=>({color:e.color.defaultText,fontSize:"15px",fontWeight:600})),aB=Ct.div(({theme:e})=>({height:"8px",borderRadius:"4px",backgroundColor:e.base==="dark"?"rgba(255,255,255,0.1)":"rgba(0,0,0,0.08)",margin:"0 16px 8px",overflow:"hidden"})),sB=Ct.div(({percent:e})=>({height:"100%",width:`${Math.min(100,Math.max(0,e))}%`,background:`linear-gradient(90deg, #f59e0b 0%, ${G} 100%)`,transition:"width 0.3s ease"})),lB=Ct.div(({theme:e})=>({padding:"0 16px 14px",fontSize:"12px",color:e.textMutedColor})),cB=Ct.div(({theme:e})=>({height:"1px",backgroundColor:e.appBorderColor})),uB=Ct.button({width:"100%",padding:"14px 16px",background:"transparent",border:"none",color:G,fontSize:"14px",fontWeight:500,textAlign:"left",cursor:"pointer",display:"flex",alignItems:"center",gap:"6px","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.03)"}}),Yv=Ct.button(({theme:e})=>({position:"absolute",top:"12px",right:"12px",width:"24px",height:"24px",borderRadius:"4px",border:"none",background:"transparent",color:e.textMutedColor,cursor:"pointer",fontSize:"16px",display:"flex",alignItems:"center",justifyContent:"center","&:hover":{backgroundColor:e.background.hoverable}})),dB=Ct.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px",borderBottom:`1px solid ${e.appBorderColor}`})),pB=Ct.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"10px",color:e.color.defaultText,fontSize:"14px",fontWeight:500})),gB=Ct.div(({theme:e})=>({width:"32px",height:"32px",borderRadius:"50%",backgroundColor:G,display:"flex",alignItems:"center",justifyContent:"center",color:e.color.inverseText,fontSize:"14px",fontWeight:600})),fB=Ct.div({display:"flex",gap:"8px"}),Kv=Ct(bn)({fontSize:"18px"}),mB=Ct.div({padding:"20px 16px"}),hB=Ct.div(({theme:e})=>({padding:"16px",borderRadius:"8px",background:"linear-gradient(135deg, #10B981 0%, #3B82F6 100%)",marginBottom:"16px",color:"#fff"})),xB=Ct.div({fontSize:"12px",fontWeight:500,opacity:.9,marginBottom:"4px"}),yB=Ct.div({fontSize:"28px",fontWeight:700}),bB=Ct.div({fontSize:"11px",opacity:.8,marginTop:"4px"}),wB=Ct.div(({theme:e})=>({padding:"16px",borderRadius:"8px",border:`1px solid ${e.appBorderColor}`,marginBottom:"16px"})),vB=Ct.div({display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px"}),SB=Ct.div({display:"flex",alignItems:"center",gap:"8px"}),kB=Ct.span(({theme:e})=>({fontSize:"14px",fontWeight:600,color:e.color.defaultText})),CB=Ct.span(({theme:e})=>({fontSize:"10px",fontWeight:600,padding:"2px 6px",borderRadius:"4px",backgroundColor:G,color:e.color.inverseText})),IB=Ct.button(({theme:e})=>({background:"none",border:"none",color:G,fontSize:"12px",cursor:"pointer","&:hover":{textDecoration:"underline"}})),TB=Ct.div(({theme:e})=>({fontSize:"12px",color:e.color.mediumdark})),EB=Ct.button(({theme:e,variant:t="primary"})=>({width:"100%",padding:"12px",borderRadius:"6px",fontSize:"14px",fontWeight:600,cursor:"pointer",border:"none",marginBottom:"12px",backgroundColor:t==="primary"?G:e.background.hoverable,color:t==="primary"?e.color.inverseText:e.color.defaultText,"&:hover":{opacity:.9}})),RB=30*1e3,Xv=({onClose:e})=>{let{sessionToken:t,resetAuth:r,usageData:n,usageLastFetched:o,setUsageData:i}=he(),{featureFlags:a}=ue(),s=a.showCosts,u=n,c=!n&&t,l=async(f=!1)=>{if(!t)return;let y=o&&Date.now()-o<RB;if(!(!f&&y&&n))try{let I=K(),S=await Q(`${I}/api/addon/account`,{headers:{Authorization:`Bearer ${t}`}});if(S.ok){let x=await S.json();i(x)}}catch(I){w.error("Failed to fetch usage:",I)}};Wv(()=>{l()},[t]),Wv(()=>{let f=()=>{document.visibilityState==="visible"&&(w.debug("[TokenUsageModal] Tab visible, refreshing balance..."),l(!0))};return document.addEventListener("visibilitychange",f),()=>document.removeEventListener("visibilitychange",f)},[t]);let p=async()=>{if(t){let f=K();try{await fetch(`${f}/api/addon/auth/sign-out`,{method:"POST",headers:{Authorization:`Bearer ${t}`}})}catch{}}r(),e()},g=()=>{let f=K();window.open(`${f}/pricing`,"_blank")},d=()=>{let f=K();window.open(`${f}/pricing#add-credits`,"_blank")};if(t&&!s&&!c){let f=Math.floor(u?.creditBalance??0),I=Math.max(f,10),S=Math.max(0,I-f),x=I>0?f/I*100:0;return Me.createElement(Me.Fragment,null,Me.createElement(Gv,{onClick:e}),Me.createElement(qv,{onClick:M=>M.stopPropagation(),style:{width:"320px"}},Me.createElement(QL,null,Me.createElement(ZL,null,(u?.name||u?.email||"U")[0].toUpperCase()),Me.createElement(eB,null,Me.createElement(tB,null,u?.name||u?.email||"Your account"),Me.createElement(rB,null,(u?.plan||"FREE").toUpperCase())),Me.createElement("div",{style:{marginLeft:"auto",display:"flex",alignItems:"center",gap:"2px"}},Me.createElement(Yv,{onClick:p,title:"Sign out",style:{position:"static"}},Me.createElement("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},Me.createElement("path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"}),Me.createElement("polyline",{points:"16 17 21 12 16 7"}),Me.createElement("line",{x1:"21",y1:"12",x2:"9",y2:"12"}))),Me.createElement(Yv,{onClick:e,title:"Close",style:{position:"static"}},"\xD7"))),Me.createElement(nB,null,Me.createElement(oB,null,"Credits"),Me.createElement(iB,null,f," left")),Me.createElement(aB,null,Me.createElement(sB,{percent:x})),Me.createElement(lB,null,S," used \xB7 ",f," remaining"),Me.createElement(cB,null),Me.createElement(uB,{onClick:()=>window.open("mailto:hello@uiparity.com?subject=Credits request","_blank")},"Contact us for credits \u2192")))}return Me.createElement(Me.Fragment,null,Me.createElement(Gv,{onClick:e}),Me.createElement(qv,{onClick:f=>f.stopPropagation()},Me.createElement(dB,null,Me.createElement(pB,null,Me.createElement(gB,null,u?.email?u.email[0].toUpperCase():"U"),Me.createElement("span",null,u?.email||"Loading...")),Me.createElement(fB,null,Me.createElement(Kv,{onClick:p,title:"Sign out"},Me.createElement("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},Me.createElement("path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"}),Me.createElement("polyline",{points:"16 17 21 12 16 7"}),Me.createElement("line",{x1:"21",y1:"12",x2:"9",y2:"12"}))),Me.createElement(Kv,{onClick:e,title:"Close"},"\xD7"))),Me.createElement(mB,null,c?Me.createElement("div",{style:{textAlign:"center",padding:"20px"}},"Loading..."):t?Me.createElement(Me.Fragment,null,Me.createElement(hB,null,Me.createElement(xB,null,"Credit Balance"),Me.createElement(yB,null,"$",(u?.creditBalance??0).toFixed(2)),Me.createElement(bB,null,(u?.creditBalance??0)<2?"Low balance - consider topping up":"Pay only for what you use")),Me.createElement(wB,null,Me.createElement(vB,null,Me.createElement(SB,null,Me.createElement(kB,null,"Current Plan"),Me.createElement(CB,null,u?.plan||"Free")),Me.createElement(IB,{onClick:g},"View detail >")),Me.createElement(TB,null,"~$0.02-0.05 per review depending on complexity"),Me.createElement(EB,{onClick:d,style:{marginTop:"16px"}},"Add Credits"))):Me.createElement("div",{style:{textAlign:"center",padding:"20px"}},"Please sign in to view usage"))))};dr();Se();import Ca from"react";import{styled as Jv}from"storybook/theming";De();Se();ut();Ue();var AB=Jv.div({display:"flex",alignItems:"center",gap:"8px",flexWrap:"wrap"}),FB=Jv.span(({theme:e})=>({fontSize:e.typography.size.s1,color:e.color.mediumdark})),Qv=()=>{let{userRole:e,roleOverride:t,setRoleOverride:r,setFeatureFlags:n}=ue(),{sessionToken:o}=he();return e!=="admin"?null:Ca.createElement(AB,null,Ca.createElement(FB,null,"View as:"),Ca.createElement(Kx,{value:t??e,onChange:s=>{let u=s.target.value;if(u===e)r(null),o&&Q(`${K()}/api/addon/flags`,{headers:{Authorization:`Bearer ${o}`}}).then(c=>c.json()).then(c=>{let l={enableFixGeneration:!!c.enableFixGeneration,enableFixApply:!!c.enableFixApply,enableAutoMap:!!c.enableAutoMap,enableAutoFigmaLinking:!!c.enableAutoFigmaLinking,enableReviewBadges:!!c.enableReviewBadges,showCosts:!!c.showCosts,enableParallelReview:!!c.enableParallelReview,enableModelSelection:!!c.enableModelSelection};n(l);try{localStorage.setItem("uicopilot_feature_flags",JSON.stringify(l))}catch{}}).catch(c=>w.warn("[RoleSwitcher] Failed to re-fetch flags:",c.message));else{r(u);let c=Vs[u];n(c);try{localStorage.setItem("uicopilot_feature_flags",JSON.stringify(c))}catch{}}},style:{width:"auto",minWidth:"100px"}},Ca.createElement("option",{value:"admin"},"Admin"),Ca.createElement("option",{value:"beta"},"Regular user")),t&&Ca.createElement(Qx,{variant:"warning"},"Previewing as"," ",t==="beta"?"regular user":t))};De();Se();ut();import Bt,{useState as Gs,useCallback as Nm}from"react";import{styled as to}from"storybook/theming";var PB="0.5.7",MB=[{value:"bug",label:"\u{1F41E} Bug \u2014 something broke"},{value:"ux",label:"\u{1F9ED} UX \u2014 confusing or slow"},{value:"feature",label:"\u2728 Feature \u2014 missing something"},{value:"praise",label:"\u{1F49A} Praise \u2014 works great"},{value:"other",label:"\u{1F4AC} Other"}],LB=to.div({position:"fixed",inset:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:1e4,display:"flex",alignItems:"center",justifyContent:"center"}),BB=to.div(({theme:e})=>({backgroundColor:e.background.content,borderRadius:"12px",width:"460px",maxWidth:"94%",maxHeight:"90vh",overflow:"auto",boxShadow:"0 16px 48px rgba(0, 0, 0, 0.25)"})),zB=to.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 20px 12px",borderBottom:`1px solid ${e.appBorderColor}`})),DB=to.h3(({theme:e})=>({margin:0,fontSize:"15px",fontWeight:600,color:e.color.defaultText,display:"flex",alignItems:"center",gap:"8px"})),_B=to.button(({theme:e})=>({background:"transparent",border:"none",fontSize:"20px",color:e.color.mediumdark,cursor:"pointer",padding:"0 6px",lineHeight:1,"&:hover":{color:e.color.defaultText}})),NB=to.div({padding:"16px 20px",display:"flex",flexDirection:"column",gap:"14px"}),OB=to.textarea(({theme:e})=>({width:"100%",minHeight:"110px",padding:"8px 10px",borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,backgroundColor:e.background.app,resize:"vertical",boxSizing:"border-box","&:focus":{outline:"none",borderColor:G}})),Zv=to.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px 20px 16px",borderTop:`1px solid ${e.appBorderColor}`,gap:"8px"})),eS=to.p(({theme:e})=>({margin:0,fontSize:e.typography.size.s1,color:e.color.mediumdark,lineHeight:1.4})),$B=to.p(({theme:e})=>({margin:0,fontSize:e.typography.size.s1,color:e.color.negative})),HB=to.div(({theme:e})=>({padding:"24px 20px",textAlign:"center",display:"flex",flexDirection:"column",gap:"10px","& h4":{margin:0,fontSize:"15px",fontWeight:600,color:e.color.positive},"& p":{margin:0,fontSize:e.typography.size.s2,color:e.color.mediumdark}}));function tS({isOpen:e,onClose:t}){let{sessionToken:r,isConnected:n}=he(),{selectedProjectId:o}=Ke(),{currentStoryId:i}=gt(),[a,s]=Gs("other"),[u,c]=Gs(""),[l,p]=Gs(!1),[g,d]=Gs(!1),[f,y]=Gs(null),I=Nm(()=>{c(""),s("other"),d(!1),y(null),p(!1)},[]),S=Nm(()=>{I(),t()},[I,t]),x=Nm(async M=>{if(M.preventDefault(),!u.trim()){y("Please write a message.");return}if(!n||!r){y("Sign in to send feedback.");return}p(!0),y(null);try{let z=await Q(`${K()}/api/feedback`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${r}`},body:JSON.stringify({message:u.trim(),severity:a,projectId:o||void 0,storyId:i||void 0,addonVersion:PB})});if(!z.ok){let O=await z.json().catch(()=>({}));throw new Error(O.error||`Request failed (${z.status})`)}d(!0)}catch(z){y(z instanceof Error?z.message:"Something went wrong")}finally{p(!1)}},[u,a,r,n,o,i]);return e?Bt.createElement(LB,{onClick:S},Bt.createElement(BB,{onClick:M=>M.stopPropagation()},Bt.createElement(zB,null,Bt.createElement(DB,null,Bt.createElement("span",null,"\u{1F4AC}"),"Send feedback"),Bt.createElement(_B,{onClick:S,"aria-label":"Close"},"\xD7")),g?Bt.createElement(Bt.Fragment,null,Bt.createElement(HB,null,Bt.createElement("h4",null,"Thanks \u2014 got it."),Bt.createElement("p",null,"We read every message. If it's a bug, we'll likely follow up by email.")),Bt.createElement(Zv,null,Bt.createElement("span",null),Bt.createElement(Fo,{onClick:S},"Close"))):Bt.createElement("form",{onSubmit:x},Bt.createElement(NB,null,Bt.createElement(rc,null,Bt.createElement(nc,{htmlFor:"feedback-severity"},"Type"),Bt.createElement(an,{id:"feedback-severity",value:a,onChange:M=>s(M.target.value),disabled:l},MB.map(M=>Bt.createElement("option",{key:M.value,value:M.value},M.label)))),Bt.createElement(rc,null,Bt.createElement(nc,{htmlFor:"feedback-message"},"What happened?"),Bt.createElement(OB,{id:"feedback-message",value:u,onChange:M=>c(M.target.value),placeholder:"Tell us what you were doing, what you expected, and what happened.",disabled:l,autoFocus:!0,maxLength:5e3})),Bt.createElement(eS,null,"We auto-attach your current story and project so we can reproduce it. No screenshots sent."),f&&Bt.createElement($B,null,f)),Bt.createElement(Zv,null,Bt.createElement(eS,null,i?`Context: ${i}`:"No story selected"),Bt.createElement("div",{style:{display:"flex",gap:"8px"}},Bt.createElement(Fo,{type:"button",onClick:S,disabled:l},"Cancel"),Bt.createElement(Zt,{type:"submit",disabled:l||!u.trim()},l?"Sending\u2026":"Send")))))):null}Se();De();ut();dr();var jB=vr.div({display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",gap:"8px"}),VB=vr.div({display:"inline-flex",alignItems:"center",gap:"6px",flexShrink:0,userSelect:"none"}),WB=vr.span(({theme:e})=>({width:"20px",height:"20px",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:"5px",background:`linear-gradient(135deg, ${np} 0%, ${G} 100%)`,color:e.color.lightest,fontSize:"11px",fontWeight:900,letterSpacing:"-0.5px",boxShadow:"0 1px 2px rgba(0,0,0,0.15)"})),GB=vr.span(({theme:e})=>({fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,letterSpacing:"-0.2px",color:e.color.defaultText})),qB=vr.span(({theme:e})=>({fontSize:"10px",fontFamily:e.typography.fonts.mono,color:e.color.mediumdark,opacity:.8,marginLeft:"2px"})),YB=vr.div({display:"flex",alignItems:"center",gap:"6px",flexShrink:0}),KB=vr.span(({theme:e})=>({display:"inline-flex",alignItems:"center",gap:"4px",padding:"2px 8px",borderRadius:"999px",fontSize:"10px",fontWeight:e.typography.weight.bold,lineHeight:1.6,color:e.color.mediumdark,backgroundColor:e.background.hoverable,border:`1px solid ${e.appBorderColor}`,userSelect:"none",cursor:"default","& svg":{width:"11px",height:"11px"}})),XB=vr.div({position:"relative"}),JB=vr.button(({theme:e})=>({width:"22px",height:"22px",padding:0,background:e.background.app,border:`1px solid ${e.appBorderColor}`,borderRadius:"50%",color:e.color.defaultText,cursor:"pointer",fontSize:"10px",fontWeight:600,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s","&:hover":{backgroundColor:e.background.hoverable}})),QB=vr.div(({theme:e})=>({position:"absolute",top:"calc(100% + 6px)",right:0,minWidth:"220px",backgroundColor:e.background.content,border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius,boxShadow:"0 8px 24px rgba(0,0,0,0.14)",zIndex:1e3,overflow:"hidden",padding:"4px"})),ZB=vr.div(({theme:e})=>({padding:"8px 10px 10px",borderBottom:`1px solid ${e.appBorderColor}`,marginBottom:"4px"})),ez=vr.div(({theme:e})=>({fontSize:e.typography.size.s2,fontWeight:e.typography.weight.bold,color:e.color.defaultText})),tz=vr.div(({theme:e})=>({fontSize:e.typography.size.s1,color:e.color.mediumdark,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",marginTop:"2px"})),Hm=vr.button(({theme:e})=>({display:"flex",alignItems:"center",gap:"8px",width:"100%",padding:"7px 10px",border:"none",borderRadius:e.appBorderRadius,background:"transparent",color:e.color.defaultText,fontSize:e.typography.size.s2,textAlign:"left",cursor:"pointer",transition:"background 0.12s","&:hover":{backgroundColor:e.background.hoverable}})),rz=vr.div(({theme:e})=>({height:"1px",margin:"4px 0",backgroundColor:e.appBorderColor})),rS=vr.button(({theme:e,isLow:t})=>({display:"flex",alignItems:"center",gap:"6px",padding:"4px 8px",background:"transparent",border:"none",borderRadius:e.appBorderRadius,color:t?e.color.warning:Ye.green,cursor:"pointer",fontFamily:e.typography.fonts.mono,fontSize:"11px",fontWeight:e.typography.weight.bold,transition:"background 0.15s","&:hover":{backgroundColor:e.background.hoverable}})),nS=vr.span(({theme:e,isLow:t})=>({width:"6px",height:"6px",borderRadius:"50%",flexShrink:0,backgroundColor:t?e.color.warning:Ye.green})),nz=vr.span({display:"inline-block",width:"12px",height:"12px",border:"2px solid rgba(255,255,255,0.3)",borderTopColor:"#fff",borderRadius:"50%",animation:"credit-spin 0.8s linear infinite","@keyframes credit-spin":{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}}),oz=vr.button(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",width:"28px",height:"28px",border:"none",borderRadius:e.appBorderRadius,backgroundColor:"transparent",color:e.color.mediumdark,cursor:"pointer",transition:"all 0.15s","& svg":{width:"14px",height:"14px"},"&:hover":{backgroundColor:e.background.hoverable,color:e.color.defaultText}})),iz=vr.button({position:"fixed",bottom:"20px",right:"20px",width:"48px",height:"48px",borderRadius:"50%",backgroundColor:G,color:"white",border:"none",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"22px",cursor:"pointer",boxShadow:`0 4px 14px ${G}66, 0 2px 4px rgba(0,0,0,0.1)`,transition:"all 0.2s ease",zIndex:9999,"&:hover":{transform:"scale(1.08)",boxShadow:`0 6px 20px ${G}88, 0 3px 6px rgba(0,0,0,0.15)`},"&:active":{transform:"scale(0.96)"}}),az=30*1e3,Um=({onOpenSettings:e})=>{let[t,r]=nu(!1),[n,o]=nu(!1),[i,a]=nu(!1),[s,u]=nu(!1),c=UB(null),{usageData:l,usageLastFetched:p,setUsageData:g,sessionToken:d,resetAuth:f}=he(),{userRole:y,roleOverride:I,featureFlags:S}=ue(),x=I??y,M=!!d&&d.startsWith("uic_anon_"),z=x==="admin"||!!S.enableAiReview;$m(()=>{(async()=>{if(!(!d||p&&Date.now()-p<az&&l)){u(!0);try{let F=K(),C=await Q(`${F}/api/addon/account`,{headers:{Authorization:`Bearer ${d}`}});if(C.ok){let A=await C.json();g(A)}}catch(F){console.error("Failed to fetch balance:",F)}finally{u(!1)}}})()},[d,p,l,g]),$m(()=>{let h=()=>{document.visibilityState==="visible"&&t&&r(!1)},b=()=>{t&&r(!1)};return document.addEventListener("visibilitychange",h),window.addEventListener("focus",b),()=>{document.removeEventListener("visibilitychange",h),window.removeEventListener("focus",b)}},[t]),$m(()=>{if(!i)return;let h=F=>{c.current&&!c.current.contains(F.target)&&a(!1)},b=F=>{F.key==="Escape"&&a(!1)};return document.addEventListener("mousedown",h),document.addEventListener("keydown",b),()=>{document.removeEventListener("mousedown",h),document.removeEventListener("keydown",b)}},[i]);let O=Om(()=>{r(!0)},[]),L=Om(()=>{r(!1)},[]),_=Om(async()=>{if(a(!1),d)try{await fetch(`${K()}/api/addon/auth/sign-out`,{method:"POST",headers:{Authorization:`Bearer ${d}`}})}catch{}f()},[d,f]),m=l?.creditBalance??0,v=m<2&&!s,k=l?.email,E=(()=>{if(!k)return"?";let h=k.split("@")[0],b=h.split(/[^a-zA-Z0-9]+/).filter(Boolean);return b.length>=2?(b[0][0]+b[1][0]).toUpperCase():h.slice(0,2).toUpperCase()})();return yt.createElement(jB,null,yt.createElement(VB,null,yt.createElement(WB,{"aria-hidden":!0},"\u21CB"),yt.createElement(GB,null,Ut.NAME),yt.createElement(qB,null,"v","0.10.0")),yt.createElement(YB,null,M&&yt.createElement(KB,{title:"Guest session \u2014 sign up to save your work"},yt.createElement("span",{"aria-hidden":!0},yt.createElement(ps,null)),"Guest"),d&&y==="admin"&&x==="admin"&&yt.createElement(Qv,null),d&&S.showCosts&&z&&yt.createElement(rS,{onClick:O,isLow:v,title:s?"Loading...":l?v?"Low balance - click to top up":"Credit balance - click for details":"Click to load balance"},s?yt.createElement(nz,null):l?yt.createElement(yt.Fragment,null,yt.createElement(nS,{isLow:v}),"$",m.toFixed(2)):"..."),d&&!S.showCosts&&l&&z&&yt.createElement(rS,{onClick:O,isLow:Math.floor(m)<=3,title:`${Math.floor(m)} review credits \u2014 click for details`},yt.createElement(nS,{isLow:Math.floor(m)<=3}),Math.floor(m)),e&&d&&yt.createElement(oz,{onClick:e,title:"Settings","aria-label":"Settings"},yt.createElement(cp,null)),!M&&yt.createElement(XB,{ref:c},yt.createElement(JB,{title:"Account","aria-label":"Account",onClick:()=>a(h=>!h)},E),i&&yt.createElement(QB,{role:"menu"},yt.createElement(ZB,null,yt.createElement(ez,null,k||"Account"),l?.plan&&yt.createElement(tz,null,l.plan," plan")),yt.createElement(Hm,{role:"menuitem",onClick:()=>{a(!1),O()}},yt.createElement("span",{"aria-hidden":!0},yt.createElement(ps,null))," ","Account & usage"),e&&yt.createElement(Hm,{role:"menuitem",onClick:()=>{a(!1),e()}},yt.createElement("span",{"aria-hidden":!0},yt.createElement(cp,null))," ","Settings"),yt.createElement(rz,null),yt.createElement(Hm,{role:"menuitem",onClick:_},"Sign out")),t&&yt.createElement(Xv,{onClose:L}))),d&&yt.createElement(iz,{onClick:()=>o(!0),title:"Send feedback","aria-label":"Send feedback"},"\u{1F4AC}"),yt.createElement(tS,{isOpen:n,onClose:()=>o(!1)}))};import _e,{useEffect as cU,useRef as od,useState as uU}from"react";import Xr from"react";Se();Ue();De();ut();dr();import{useState as aS,useCallback as ro,useRef as sS,useEffect as jm}from"react";De();ut();var sz=K(),Ia=null;function oS(e){Ia=e}async function iS(e){if(!Ia||!e||e===Ia||e.startsWith("uic_anon_"))return null;let t=Ia;Ia=null;try{let r=await Q(`${sz}/api/anonymous/claim`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify({anonymousToken:t})});if(!r.ok)throw new Error(`claim failed: ${r.status}`);let n=await r.json().catch(()=>({}));return typeof n?.claimedProjects=="number"?n.claimedProjects:0}catch(r){throw Ia=t,r}}var _n=K();w.debug("[useAuth] Module loaded, APP_URL:",_n);var ou=null,iu=null,qs=null;function Ys(){ou&&(clearInterval(ou),ou=null),iu&&(clearTimeout(iu),iu=null)}var no=()=>{let e=sS(null),t=sS(null),r=ro(()=>{t.current&&(clearTimeout(t.current),t.current=null)},[]),{sessionToken:n,apiKey:o,authMethod:i,deviceCode:a,userCode:s,verificationUri:u,isConnected:c,authError:l,setSessionToken:p,setApiKey:g,setAuthMethod:d,setDeviceCode:f,setUserCode:y,setVerificationUri:I,setPollingInterval:S,setAuthError:x,resetAuth:M}=he(),[z,O]=aS(!1),[L,_]=aS(!1),m=ro(()=>{Ys(),qs=null},[]),v=ro(P=>{qs=P,Ys();let N=async()=>{let T=qs;if(!T){Ys();return}try{let H=await(await fetch(`${_n}/api/addon/auth/poll`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({device_code:T})})).json();H.status==="authorized"&&H.session_token?(w.debug("[useAuth] \u2705 OAuth poll successful! Got token."),Ys(),r(),qs=null,localStorage.setItem("uicopilot_session_token",H.session_token),p(H.session_token),O(!1)):H.status==="expired"&&(w.debug("[useAuth] OAuth poll_code expired"),Ys(),r(),qs=null,O(!1))}catch(D){w.error("[useAuth] OAuth poll error:",D)}};ou=setInterval(N,2e3),iu=setTimeout(N,1e3)},[p,r]);jm(()=>{function P(N){if(!N.origin.startsWith(_n))return;let T=N.data;if(!T||typeof T!="object")return;let D=T;if(D.type==="UICOPILOT_AUTH_ERROR"){w.debug("[useAuth] Popup reported auth error:",D.step,D.detail),m(),O(!1);let H=typeof D.step=="string"?D.step:"auth",R=typeof D.detail=="string"?D.detail:"Unknown error";x(`${Ut.NAME} auth failed (${H}): ${R}`)}else D.type==="UICOPILOT_AUTH_POLL_CODE"&&typeof D.pollCode=="string"&&D.pollCode&&(w.debug("[useAuth] Popup handed us a fresh poll_code, switching"),x(null),v(D.pollCode))}return window.addEventListener("message",P),()=>window.removeEventListener("message",P)},[v,m,x]);let k=ro(async()=>{let T=Math.max(0,Math.round((window.screen.width-480)/2)),D=Math.max(0,Math.round((window.screen.height-640)/2)),H=`width=480,height=640,left=${T},top=${D},resizable=yes,scrollbars=yes`,R=null;try{R=window.open("about:blank","uiparity-signin",H)}catch{}try{w.debug("[useAuth] Starting OAuth flow, requesting poll_code...");let ee;try{ee=await Q(`${_n}/api/addon/auth/oauth-poll`,{method:"POST"})}catch(te){let ye=te instanceof Error&&te.message.includes("timed out")?`Cannot reach ${Ut.NAME} server at ${_n}. Is the dashboard running?`:`Connection failed: ${_n} is not responding.`;x(ye),w.error("[useAuth]",ye),R?.close();return}if(!ee.ok){let te=`Cannot reach ${Ut.NAME} server. Is the dashboard running?`;x(te),w.error("[useAuth]",te),R?.close();return}let{poll_code:j}=await ee.json();w.debug("[useAuth] Got poll_code:",j.substring(0,15)+"...");let Y=localStorage.getItem("uicopilot_force_sign_in")==="true";Y&&localStorage.removeItem("uicopilot_force_sign_in");let X=`${_n}/addon/auth?poll_code=${j}${Y?"&force_sign_in=true":""}`;O(!0),R&&!R.closed?R.location.href=X:window.open(X,"uiparity-signin",H),r(),t.current=setTimeout(()=>{O(!1),m()},9e4),w.debug("[useAuth] Starting OAuth poll for token..."),v(j)}catch(ee){w.error("[useAuth] OAuth flow error:",ee),x(`Connection failed. Is the dashboard running at ${_n}?`),O(!1),R?.close()}},[x,v,r,m]),E=ro(async()=>{try{let P=await fetch(`${_n}/api/addon/auth/device`,{method:"POST"});if(!P.ok)throw new Error("Failed to start device code flow");let N=await P.json();f(N.device_code),y(N.user_code),I(N.verification_uri),window.open(N.verification_uri,"_blank"),h(N.device_code,N.interval*1e3)}catch(P){throw w.error("[useAuth] Device code flow error:",P),P}},[f,y,I]),h=ro((P,N)=>{w.debug("[useAuth] Starting polling. Device code:",P,"Interval:",N),e.current&&clearInterval(e.current);let T=async()=>{try{let H=await(await fetch(`${_n}/api/addon/auth/poll`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({device_code:P})})).json();H.status==="authorized"?(w.debug("[useAuth] Device code authorization successful!"),e.current&&(clearInterval(e.current),e.current=null),f(null),y(null),I(null),localStorage.setItem("uicopilot_session_token",H.session_token),p(H.session_token),O(!1)):(H.status==="expired"||H.status==="denied")&&(w.debug("[useAuth] Device code expired or denied"),e.current&&(clearInterval(e.current),e.current=null),f(null),y(null),I(null))}catch(D){w.error("[useAuth] Polling error:",D)}};e.current=setInterval(T,N),S(N)},[f,y,I,p,S]),b=ro(()=>{e.current&&(clearInterval(e.current),e.current=null),f(null),y(null),I(null),S(null)},[f,y,I,S]),F=ro(P=>{g(P),p(P),localStorage.setItem("uicopilot_api_key",P)},[g,p]),C=ro(async()=>{if(n)try{await Q(`${_n}/api/addon/auth/sign-out`,{method:"POST",headers:{Authorization:`Bearer ${n}`}})}catch{}M(),O(!1),e.current&&(clearInterval(e.current),e.current=null),m()},[n,M,m]),A=ro(async()=>{_(!0),x(null);try{let P=await Q(`${_n}/api/anonymous/session`,{method:"POST"});if(!P.ok)throw new Error(`anonymous session ${P.status}`);let N=await P.json();if(!N?.token)throw new Error("anonymous session: no token");p(N.token)}catch{x("Couldn't start a guest session. Please try again.")}finally{_(!1)}},[p,x]),B=ro(()=>{n&&n.startsWith("uic_anon_")&&(oS(n),typeof localStorage<"u"&&localStorage.removeItem("uicopilot_force_sign_in")),k()},[n,k]);return jm(()=>{!n||n.startsWith("uic_anon_")||iS(n).then(P=>{P!==null&&w.info(`[useAuth] Guest work claimed (${P} project${P===1?"":"s"}).`)}).catch(P=>{w.error("[useAuth] Guest claim failed:",P)})},[n]),jm(()=>()=>{e.current&&clearInterval(e.current),r()},[r]),{sessionToken:n,apiKey:o,authMethod:i,deviceCode:a,userCode:s,verificationUri:u,isConnected:c,authError:l,oauthPending:z,anonPending:L,isAnonymous:!!n&&n.startsWith("uic_anon_"),setAuthMethod:d,startOAuth:k,startAnonymous:A,signUpToSave:B,startDeviceCode:E,cancelDeviceCode:b,saveApiKey:F,logout:C}};Se();Ue();De();ut();import{useCallback as au}from"react";var Ks=K(),In=()=>{let{projects:e,selectedProjectId:t,loadingProjects:r,setProjects:n,setSelectedProjectId:o,setLoadingProjects:i,getSelectedProject:a}=Ke(),{sessionToken:s}=he(),u=au(async()=>{if(!s){w.debug("[useProjects] No session token, skipping fetch");return}try{i(!0),w.debug("[useProjects] Fetching from:",`${Ks}/api/projects`);let g=await Q(`${Ks}/api/projects`,{headers:{"Content-Type":"application/json",Authorization:`Bearer ${s}`}});if(g.ok){let d=await g.json();w.debug("[useProjects] Projects:",d.projects),n(d.projects||[])}else w.error("[useProjects] Failed to fetch projects:",g.status,g.statusText)}catch(g){w.error("[useProjects] Error fetching projects:",g)}finally{i(!1)}},[s,n,i]),c=au(async g=>{if(!s)throw new Error("Not authenticated");let d=await Q(`${Ks}/api/projects`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${s}`},body:JSON.stringify(g)});if(!d.ok)throw new Error("Failed to create project");let f=await d.json();return await u(),f.project},[s,u]),l=au(async(g,d)=>{if(!s)throw new Error("Not authenticated");let f={};if(d.name!==void 0&&(f.name=d.name),d.description!==void 0&&(f.description=d.description),d.figmaFileUrl!==void 0&&(f.figmaFileId=d.figmaFileUrl===""?null:d.figmaFileUrl),!(await Q(`${Ks}/api/projects/${g}`,{method:"PATCH",headers:{"Content-Type":"application/json",Authorization:`Bearer ${s}`},body:JSON.stringify(f)})).ok)throw new Error("Failed to update project");await u()},[s,u]),p=au(async g=>{if(!s)throw new Error("Not authenticated");if(!(await Q(`${Ks}/api/projects/${g}`,{method:"DELETE",headers:{Authorization:`Bearer ${s}`}})).ok)throw new Error("Failed to delete project");await u(),t===g&&o(null)},[s,t,u,o]);return{projects:e,selectedProjectId:t,selectedProject:a(),loadingProjects:r,setSelectedProjectId:o,fetchProjects:u,createProject:c,updateProject:l,deleteProject:p}};Se();var Xs=()=>{let{showComponentBrowser:e,figmaFileUrl:t,currentMapping:r,mappingSource:n,loadingMapping:o,showFigmaQuality:i,setShowComponentBrowser:a,setFigmaFileUrl:s,setCurrentMapping:u,setMappingSource:c,setLoadingMapping:l,setShowFigmaQuality:p}=gt();return{showComponentBrowser:e,figmaFileUrl:t,currentMapping:r,mappingSource:n,loadingMapping:o,showFigmaQuality:i,setShowComponentBrowser:a,setFigmaFileUrl:s,setCurrentMapping:u,setMappingSource:c,setLoadingMapping:l,setShowFigmaQuality:p,openComponentBrowser:()=>a(!0),closeComponentBrowser:()=>a(!1)}};Se();Ym();du();import{useCallback as ll,useRef as wu}from"react";Ue();function pu(){return new Promise(e=>{let t=document.getElementById("storybook-preview-iframe");if(!t||!t.contentWindow){w.warn("[iframeReload] No preview iframe found"),e();return}let r=t.contentWindow.location.href,n=new URL(r);n.searchParams.set("_cb",Date.now().toString());let o=n.toString();w.debug("[iframeReload] Triggering cache-busted reload:",o);let i=setTimeout(()=>{w.warn("[iframeReload] Iframe reload timed out after 5s"),t.removeEventListener("load",a),e()},5e3),a=()=>{clearTimeout(i),t.removeEventListener("load",a),w.debug("[iframeReload] Iframe loaded, waiting for HMR and styles to settle..."),setTimeout(()=>{w.debug("[iframeReload] Iframe reloaded and styles should be fresh"),e()},2e3)};t.addEventListener("load",a),t.contentWindow.location.href=o})}function gu(e){return e&&e!=="admin"?{"X-UIC-Role-Preview":e}:{}}var fu=BigInt(4294967295),CS=BigInt(32);function Az(e,t=!1){return t?{h:Number(e&fu),l:Number(e>>CS&fu)}:{h:Number(e>>CS&fu)|0,l:Number(e&fu)|0}}function IS(e,t=!1){let r=e.length,n=new Uint32Array(r),o=new Uint32Array(r);for(let i=0;i<r;i++){let{h:a,l:s}=Az(e[i],t);[n[i],o[i]]=[a,s]}return[n,o]}var TS=(e,t,r)=>e<<r|t>>>32-r,ES=(e,t,r)=>t<<r|e>>>32-r,RS=(e,t,r)=>t<<r-32|e>>>64-r,AS=(e,t,r)=>e<<r-32|t>>>64-r;function Fz(e){return e instanceof Uint8Array||ArrayBuffer.isView(e)&&e.constructor.name==="Uint8Array"}function Zm(e,t=""){if(!Number.isSafeInteger(e)||e<0){let r=t&&`"${t}" `;throw new Error(`${r}expected integer >= 0, got ${e}`)}}function mu(e,t,r=""){let n=Fz(e),o=e?.length,i=t!==void 0;if(!n||i&&o!==t){let a=r&&`"${r}" `,s=i?` of length ${t}`:"",u=n?`length=${o}`:`type=${typeof e}`;throw new Error(a+"expected Uint8Array"+s+", got "+u)}return e}function eh(e,t=!0){if(e.destroyed)throw new Error("Hash instance has been destroyed");if(t&&e.finished)throw new Error("Hash#digest() has already been called")}function FS(e,t){mu(e,void 0,"digestInto() output");let r=t.outputLen;if(e.length<r)throw new Error('"digestInto() output" expected to be of length >='+r)}function PS(e){return new Uint32Array(e.buffer,e.byteOffset,Math.floor(e.byteLength/4))}function th(...e){for(let t=0;t<e.length;t++)e[t].fill(0)}var Pz=new Uint8Array(new Uint32Array([287454020]).buffer)[0]===68;function Mz(e){return e<<24&4278190080|e<<8&16711680|e>>>8&65280|e>>>24&255}function Lz(e){for(let t=0;t<e.length;t++)e[t]=Mz(e[t]);return e}var rh=Pz?e=>e:Lz;function MS(e,t={}){let r=(o,i)=>e(i).update(o).digest(),n=e(void 0);return r.outputLen=n.outputLen,r.blockLen=n.blockLen,r.create=o=>e(o),Object.assign(r,t),Object.freeze(r)}var LS=e=>({oid:Uint8Array.from([6,9,96,134,72,1,101,3,4,2,e])});var Bz=BigInt(0),tl=BigInt(1),zz=BigInt(2),Dz=BigInt(7),_z=BigInt(256),Nz=BigInt(113),DS=[],_S=[],NS=[];for(let e=0,t=tl,r=1,n=0;e<24;e++){[r,n]=[n,(2*r+3*n)%5],DS.push(2*(5*n+r)),_S.push((e+1)*(e+2)/2%64);let o=Bz;for(let i=0;i<7;i++)t=(t<<tl^(t>>Dz)*Nz)%_z,t&zz&&(o^=tl<<(tl<<BigInt(i))-tl);NS.push(o)}var OS=IS(NS,!0),Oz=OS[0],$z=OS[1],BS=(e,t,r)=>r>32?RS(e,t,r):TS(e,t,r),zS=(e,t,r)=>r>32?AS(e,t,r):ES(e,t,r);function Hz(e,t=24){let r=new Uint32Array(10);for(let n=24-t;n<24;n++){for(let a=0;a<10;a++)r[a]=e[a]^e[a+10]^e[a+20]^e[a+30]^e[a+40];for(let a=0;a<10;a+=2){let s=(a+8)%10,u=(a+2)%10,c=r[u],l=r[u+1],p=BS(c,l,1)^r[s],g=zS(c,l,1)^r[s+1];for(let d=0;d<50;d+=10)e[a+d]^=p,e[a+d+1]^=g}let o=e[2],i=e[3];for(let a=0;a<24;a++){let s=_S[a],u=BS(o,i,s),c=zS(o,i,s),l=DS[a];o=e[l],i=e[l+1],e[l]=u,e[l+1]=c}for(let a=0;a<50;a+=10){for(let s=0;s<10;s++)r[s]=e[a+s];for(let s=0;s<10;s++)e[a+s]^=~r[(s+2)%10]&r[(s+4)%10]}e[0]^=Oz[n],e[1]^=$z[n]}th(r)}var nh=class e{constructor(t,r,n,o=!1,i=24){Pn(this,"state");Pn(this,"pos",0);Pn(this,"posOut",0);Pn(this,"finished",!1);Pn(this,"state32");Pn(this,"destroyed",!1);Pn(this,"blockLen");Pn(this,"suffix");Pn(this,"outputLen");Pn(this,"enableXOF",!1);Pn(this,"rounds");if(this.blockLen=t,this.suffix=r,this.outputLen=n,this.enableXOF=o,this.rounds=i,Zm(n,"outputLen"),!(0<t&&t<200))throw new Error("only keccak-f1600 function is supported");this.state=new Uint8Array(200),this.state32=PS(this.state)}clone(){return this._cloneInto()}keccak(){rh(this.state32),Hz(this.state32,this.rounds),rh(this.state32),this.posOut=0,this.pos=0}update(t){eh(this),mu(t);let{blockLen:r,state:n}=this,o=t.length;for(let i=0;i<o;){let a=Math.min(r-this.pos,o-i);for(let s=0;s<a;s++)n[this.pos++]^=t[i++];this.pos===r&&this.keccak()}return this}finish(){if(this.finished)return;this.finished=!0;let{state:t,suffix:r,pos:n,blockLen:o}=this;t[n]^=r,(r&128)!==0&&n===o-1&&this.keccak(),t[o-1]^=128,this.keccak()}writeInto(t){eh(this,!1),mu(t),this.finish();let r=this.state,{blockLen:n}=this;for(let o=0,i=t.length;o<i;){this.posOut>=n&&this.keccak();let a=Math.min(n-this.posOut,i-o);t.set(r.subarray(this.posOut,this.posOut+a),o),this.posOut+=a,o+=a}return t}xofInto(t){if(!this.enableXOF)throw new Error("XOF is not possible for this instance");return this.writeInto(t)}xof(t){return Zm(t),this.xofInto(new Uint8Array(t))}digestInto(t){if(FS(t,this),this.finished)throw new Error("digest() was already called");return this.writeInto(t),this.destroy(),t}digest(){return this.digestInto(new Uint8Array(this.outputLen))}destroy(){this.destroyed=!0,th(this.state)}_cloneInto(t){let{blockLen:r,suffix:n,outputLen:o,rounds:i,enableXOF:a}=this;return t||(t=new e(r,n,o,a,i)),t.state32.set(this.state32),t.pos=this.pos,t.posOut=this.posOut,t.finished=this.finished,t.rounds=i,t.suffix=n,t.outputLen=o,t.enableXOF=a,t.destroyed=this.destroyed,t}},Uz=(e,t,r,n={})=>MS(()=>new nh(t,e,r),n);var $S=Uz(6,72,64,LS(10));var jz=/^-?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?$/i,oh=Math.ceil,On=Math.floor,gn="[BigNumber Error] ",HS=gn+"Number primitive has more than 15 significant digits: ",oo=1e14,rt=14,ih=9007199254740991,ah=[1,10,100,1e3,1e4,1e5,1e6,1e7,1e8,1e9,1e10,1e11,1e12,1e13],ai=1e7,Lr=1e9;function US(e){var t,r,n,o=x.prototype={constructor:x,toString:null,valueOf:null},i=new x(1),a=20,s=4,u=-7,c=21,l=-1e7,p=1e7,g=!1,d=1,f=0,y={prefix:"",groupSize:3,secondaryGroupSize:0,groupSeparator:",",decimalSeparator:".",fractionGroupSize:0,fractionGroupSeparator:"\xA0",suffix:""},I="0123456789abcdefghijklmnopqrstuvwxyz",S=!0;function x(m,v){var k,E,h,b,F,C,A,B,P=this;if(!(P instanceof x))return new x(m,v);if(v==null){if(m&&m._isBigNumber===!0){P.s=m.s,!m.c||m.e>p?P.c=P.e=null:m.e<l?P.c=[P.e=0]:(P.e=m.e,P.c=m.c.slice());return}if((C=typeof m=="number")&&m*0==0){if(P.s=1/m<0?(m=-m,-1):1,m===~~m){for(b=0,F=m;F>=10;F/=10,b++);b>p?P.c=P.e=null:(P.e=b,P.c=[m]);return}B=String(m)}else{if(!jz.test(B=String(m)))return n(P,B,C);P.s=B.charCodeAt(0)==45?(B=B.slice(1),-1):1}(b=B.indexOf("."))>-1&&(B=B.replace(".","")),(F=B.search(/e/i))>0?(b<0&&(b=F),b+=+B.slice(F+1),B=B.substring(0,F)):b<0&&(b=B.length)}else{if(nr(v,2,I.length,"Base"),v==10&&S)return P=new x(m),L(P,a+P.e+1,s);if(B=String(m),C=typeof m=="number"){if(m*0!=0)return n(P,B,C,v);if(P.s=1/m<0?(B=B.slice(1),-1):1,x.DEBUG&&B.replace(/^0\.0*|\./,"").length>15)throw Error(HS+m)}else P.s=B.charCodeAt(0)===45?(B=B.slice(1),-1):1;for(k=I.slice(0,v),b=F=0,A=B.length;F<A;F++)if(k.indexOf(E=B.charAt(F))<0){if(E=="."){if(F>b){b=A;continue}}else if(!h&&(B==B.toUpperCase()&&(B=B.toLowerCase())||B==B.toLowerCase()&&(B=B.toUpperCase()))){h=!0,F=-1,b=0;continue}return n(P,String(m),C,v)}C=!1,B=r(B,v,10,P.s),(b=B.indexOf("."))>-1?B=B.replace(".",""):b=B.length}for(F=0;B.charCodeAt(F)===48;F++);for(A=B.length;B.charCodeAt(--A)===48;);if(B=B.slice(F,++A)){if(A-=F,C&&x.DEBUG&&A>15&&(m>ih||m!==On(m)))throw Error(HS+P.s*m);if((b=b-F-1)>p)P.c=P.e=null;else if(b<l)P.c=[P.e=0];else{if(P.e=b,P.c=[],F=(b+1)%rt,b<0&&(F+=rt),F<A){for(F&&P.c.push(+B.slice(0,F)),A-=rt;F<A;)P.c.push(+B.slice(F,F+=rt));F=rt-(B=B.slice(F)).length}else F-=A;for(;F--;B+="0");P.c.push(+B)}}else P.c=[P.e=0]}x.clone=US,x.ROUND_UP=0,x.ROUND_DOWN=1,x.ROUND_CEIL=2,x.ROUND_FLOOR=3,x.ROUND_HALF_UP=4,x.ROUND_HALF_DOWN=5,x.ROUND_HALF_EVEN=6,x.ROUND_HALF_CEIL=7,x.ROUND_HALF_FLOOR=8,x.EUCLID=9,x.config=x.set=function(m){var v,k;if(m!=null)if(typeof m=="object"){if(m.hasOwnProperty(v="DECIMAL_PLACES")&&(k=m[v],nr(k,0,Lr,v),a=k),m.hasOwnProperty(v="ROUNDING_MODE")&&(k=m[v],nr(k,0,8,v),s=k),m.hasOwnProperty(v="EXPONENTIAL_AT")&&(k=m[v],k&&k.pop?(nr(k[0],-Lr,0,v),nr(k[1],0,Lr,v),u=k[0],c=k[1]):(nr(k,-Lr,Lr,v),u=-(c=k<0?-k:k))),m.hasOwnProperty(v="RANGE"))if(k=m[v],k&&k.pop)nr(k[0],-Lr,-1,v),nr(k[1],1,Lr,v),l=k[0],p=k[1];else if(nr(k,-Lr,Lr,v),k)l=-(p=k<0?-k:k);else throw Error(gn+v+" cannot be zero: "+k);if(m.hasOwnProperty(v="CRYPTO"))if(k=m[v],k===!!k)if(k)if(typeof crypto<"u"&&crypto&&(crypto.getRandomValues||crypto.randomBytes))g=k;else throw g=!k,Error(gn+"crypto unavailable");else g=k;else throw Error(gn+v+" not true or false: "+k);if(m.hasOwnProperty(v="MODULO_MODE")&&(k=m[v],nr(k,0,9,v),d=k),m.hasOwnProperty(v="POW_PRECISION")&&(k=m[v],nr(k,0,Lr,v),f=k),m.hasOwnProperty(v="FORMAT"))if(k=m[v],typeof k=="object")y=k;else throw Error(gn+v+" not an object: "+k);if(m.hasOwnProperty(v="ALPHABET"))if(k=m[v],typeof k=="string"&&!/^.?$|[+\-.\s]|(.).*\1/.test(k))S=k.slice(0,10)=="0123456789",I=k;else throw Error(gn+v+" invalid: "+k)}else throw Error(gn+"Object expected: "+m);return{DECIMAL_PLACES:a,ROUNDING_MODE:s,EXPONENTIAL_AT:[u,c],RANGE:[l,p],CRYPTO:g,MODULO_MODE:d,POW_PRECISION:f,FORMAT:y,ALPHABET:I}},x.isBigNumber=function(m){if(!m||m._isBigNumber!==!0)return!1;if(!x.DEBUG)return!0;var v,k,E=m.c,h=m.e,b=m.s;e:if({}.toString.call(E)=="[object Array]"){if((b===1||b===-1)&&h>=-Lr&&h<=Lr&&h===On(h)){if(E[0]===0){if(h===0&&E.length===1)return!0;break e}if(v=(h+1)%rt,v<1&&(v+=rt),String(E[0]).length==v){for(v=0;v<E.length;v++)if(k=E[v],k<0||k>=oo||k!==On(k))break e;if(k!==0)return!0}}}else if(E===null&&h===null&&(b===null||b===1||b===-1))return!0;throw Error(gn+"Invalid BigNumber: "+m)},x.maximum=x.max=function(){return z(arguments,-1)},x.minimum=x.min=function(){return z(arguments,1)},x.random=(function(){var m=9007199254740992,v=Math.random()*m&2097151?function(){return On(Math.random()*m)}:function(){return(Math.random()*1073741824|0)*8388608+(Math.random()*8388608|0)};return function(k){var E,h,b,F,C,A=0,B=[],P=new x(i);if(k==null?k=a:nr(k,0,Lr),F=oh(k/rt),g)if(crypto.getRandomValues){for(E=crypto.getRandomValues(new Uint32Array(F*=2));A<F;)C=E[A]*131072+(E[A+1]>>>11),C>=9e15?(h=crypto.getRandomValues(new Uint32Array(2)),E[A]=h[0],E[A+1]=h[1]):(B.push(C%1e14),A+=2);A=F/2}else if(crypto.randomBytes){for(E=crypto.randomBytes(F*=7);A<F;)C=(E[A]&31)*281474976710656+E[A+1]*1099511627776+E[A+2]*4294967296+E[A+3]*16777216+(E[A+4]<<16)+(E[A+5]<<8)+E[A+6],C>=9e15?crypto.randomBytes(7).copy(E,A):(B.push(C%1e14),A+=7);A=F/7}else throw g=!1,Error(gn+"crypto unavailable");if(!g)for(;A<F;)C=v(),C<9e15&&(B[A++]=C%1e14);for(F=B[--A],k%=rt,F&&k&&(C=ah[rt-k],B[A]=On(F/C)*C);B[A]===0;B.pop(),A--);if(A<0)B=[b=0];else{for(b=-1;B[0]===0;B.splice(0,1),b-=rt);for(A=1,C=B[0];C>=10;C/=10,A++);A<rt&&(b-=rt-A)}return P.e=b,P.c=B,P}})(),x.sum=function(){for(var m=1,v=arguments,k=new x(v[0]);m<v.length;)k=k.plus(v[m++]);return k},r=(function(){var m="0123456789";function v(k,E,h,b){for(var F,C=[0],A,B=0,P=k.length;B<P;){for(A=C.length;A--;C[A]*=E);for(C[0]+=b.indexOf(k.charAt(B++)),F=0;F<C.length;F++)C[F]>h-1&&(C[F+1]==null&&(C[F+1]=0),C[F+1]+=C[F]/h|0,C[F]%=h)}return C.reverse()}return function(k,E,h,b,F){var C,A,B,P,N,T,D,H,R=k.indexOf("."),ee=a,j=s;for(R>=0&&(P=f,f=0,k=k.replace(".",""),H=new x(E),T=H.pow(k.length-R),f=P,H.c=v(Ho(Nn(T.c),T.e,"0"),10,h,m),H.e=H.c.length),D=v(k,E,h,F?(C=I,m):(C=m,I)),B=P=D.length;D[--P]==0;D.pop());if(!D[0])return C.charAt(0);if(R<0?--B:(T.c=D,T.e=B,T.s=b,T=t(T,H,ee,j,h),D=T.c,N=T.r,B=T.e),A=B+ee+1,R=D[A],P=h/2,N=N||A<0||D[A+1]!=null,N=j<4?(R!=null||N)&&(j==0||j==(T.s<0?3:2)):R>P||R==P&&(j==4||N||j==6&&D[A-1]&1||j==(T.s<0?8:7)),A<1||!D[0])k=N?Ho(C.charAt(1),-ee,C.charAt(0)):C.charAt(0);else{if(D.length=A,N)for(--h;++D[--A]>h;)D[A]=0,A||(++B,D=[1].concat(D));for(P=D.length;!D[--P];);for(R=0,k="";R<=P;k+=C.charAt(D[R++]));k=Ho(k,B,C.charAt(0))}return k}})(),t=(function(){function m(E,h,b){var F,C,A,B,P=0,N=E.length,T=h%ai,D=h/ai|0;for(E=E.slice();N--;)A=E[N]%ai,B=E[N]/ai|0,F=D*A+B*T,C=T*A+F%ai*ai+P,P=(C/b|0)+(F/ai|0)+D*B,E[N]=C%b;return P&&(E=[P].concat(E)),E}function v(E,h,b,F){var C,A;if(b!=F)A=b>F?1:-1;else for(C=A=0;C<b;C++)if(E[C]!=h[C]){A=E[C]>h[C]?1:-1;break}return A}function k(E,h,b,F){for(var C=0;b--;)E[b]-=C,C=E[b]<h[b]?1:0,E[b]=C*F+E[b]-h[b];for(;!E[0]&&E.length>1;E.splice(0,1));}return function(E,h,b,F,C){var A,B,P,N,T,D,H,R,ee,j,Y,X,te,Te,ye,de,Fe,ge=E.s==h.s?1:-1,Le=E.c,pe=h.c;if(!Le||!Le[0]||!pe||!pe[0])return new x(!E.s||!h.s||(Le?pe&&Le[0]==pe[0]:!pe)?NaN:Le&&Le[0]==0||!pe?ge*0:ge/0);for(R=new x(ge),ee=R.c=[],B=E.e-h.e,ge=b+B+1,C||(C=oo,B=$n(E.e/rt)-$n(h.e/rt),ge=ge/rt|0),P=0;pe[P]==(Le[P]||0);P++);if(pe[P]>(Le[P]||0)&&B--,ge<0)ee.push(1),N=!0;else{for(Te=Le.length,de=pe.length,P=0,ge+=2,T=On(C/(pe[0]+1)),T>1&&(pe=m(pe,T,C),Le=m(Le,T,C),de=pe.length,Te=Le.length),te=de,j=Le.slice(0,de),Y=j.length;Y<de;j[Y++]=0);Fe=pe.slice(),Fe=[0].concat(Fe),ye=pe[0],pe[1]>=C/2&&ye++;do{if(T=0,A=v(pe,j,de,Y),A<0){if(X=j[0],de!=Y&&(X=X*C+(j[1]||0)),T=On(X/ye),T>1)for(T>=C&&(T=C-1),D=m(pe,T,C),H=D.length,Y=j.length;v(D,j,H,Y)==1;)T--,k(D,de<H?Fe:pe,H,C),H=D.length,A=1;else T==0&&(A=T=1),D=pe.slice(),H=D.length;if(H<Y&&(D=[0].concat(D)),k(j,D,Y,C),Y=j.length,A==-1)for(;v(pe,j,de,Y)<1;)T++,k(j,de<Y?Fe:pe,Y,C),Y=j.length}else A===0&&(T++,j=[0]);ee[P++]=T,j[0]?j[Y++]=Le[te]||0:(j=[Le[te]],Y=1)}while((te++<Te||j[0]!=null)&&ge--);N=j[0]!=null,ee[0]||ee.splice(0,1)}if(C==oo){for(P=1,ge=ee[0];ge>=10;ge/=10,P++);L(R,b+(R.e=P+B*rt-1)+1,F,N)}else R.e=B,R.r=+N;return R}})();function M(m,v,k,E){var h,b,F,C,A;if(k==null?k=s:nr(k,0,8),!m.c)return m.toString();if(h=m.c[0],F=m.e,v==null)A=Nn(m.c),A=E==1||E==2&&(F<=u||F>=c)?xu(A,F):Ho(A,F,"0");else if(m=L(new x(m),v,k),b=m.e,A=Nn(m.c),C=A.length,E==1||E==2&&(v<=b||b<=u)){for(;C<v;A+="0",C++);A=xu(A,b)}else if(v-=F+(E===2&&b>F),A=Ho(A,b,"0"),b+1>C){if(--v>0)for(A+=".";v--;A+="0");}else if(v+=b-C,v>0)for(b+1==C&&(A+=".");v--;A+="0");return m.s<0&&h?"-"+A:A}function z(m,v){for(var k,E,h=1,b=new x(m[0]);h<m.length;h++)E=new x(m[h]),(!E.s||(k=Ni(b,E))===v||k===0&&b.s===v)&&(b=E);return b}function O(m,v,k){for(var E=1,h=v.length;!v[--h];v.pop());for(h=v[0];h>=10;h/=10,E++);return(k=E+k*rt-1)>p?m.c=m.e=null:k<l?m.c=[m.e=0]:(m.e=k,m.c=v),m}n=(function(){var m=/^(-?)0([xbo])(?=\w[\w.]*$)/i,v=/^([^.]+)\.$/,k=/^\.([^.]+)$/,E=/^-?(Infinity|NaN)$/,h=/^\s*\+(?=[\w.])|^\s+|\s+$/g;return function(b,F,C,A){var B,P=C?F:F.replace(h,"");if(E.test(P))b.s=isNaN(P)?null:P<0?-1:1;else{if(!C&&(P=P.replace(m,function(N,T,D){return B=(D=D.toLowerCase())=="x"?16:D=="b"?2:8,!A||A==B?T:N}),A&&(B=A,P=P.replace(v,"$1").replace(k,"0.$1")),F!=P))return new x(P,B);if(x.DEBUG)throw Error(gn+"Not a"+(A?" base "+A:"")+" number: "+F);b.s=null}b.c=b.e=null}})();function L(m,v,k,E){var h,b,F,C,A,B,P,N=m.c,T=ah;if(N){e:{for(h=1,C=N[0];C>=10;C/=10,h++);if(b=v-h,b<0)b+=rt,F=v,A=N[B=0],P=On(A/T[h-F-1]%10);else if(B=oh((b+1)/rt),B>=N.length)if(E){for(;N.length<=B;N.push(0));A=P=0,h=1,b%=rt,F=b-rt+1}else break e;else{for(A=C=N[B],h=1;C>=10;C/=10,h++);b%=rt,F=b-rt+h,P=F<0?0:On(A/T[h-F-1]%10)}if(E=E||v<0||N[B+1]!=null||(F<0?A:A%T[h-F-1]),E=k<4?(P||E)&&(k==0||k==(m.s<0?3:2)):P>5||P==5&&(k==4||E||k==6&&(b>0?F>0?A/T[h-F]:0:N[B-1])%10&1||k==(m.s<0?8:7)),v<1||!N[0])return N.length=0,E?(v-=m.e+1,N[0]=T[(rt-v%rt)%rt],m.e=-v||0):N[0]=m.e=0,m;if(b==0?(N.length=B,C=1,B--):(N.length=B+1,C=T[rt-b],N[B]=F>0?On(A/T[h-F]%T[F])*C:0),E)for(;;)if(B==0){for(b=1,F=N[0];F>=10;F/=10,b++);for(F=N[0]+=C,C=1;F>=10;F/=10,C++);b!=C&&(m.e++,N[0]==oo&&(N[0]=1));break}else{if(N[B]+=C,N[B]!=oo)break;N[B--]=0,C=1}for(b=N.length;N[--b]===0;N.pop());}m.e>p?m.c=m.e=null:m.e<l&&(m.c=[m.e=0])}return m}function _(m){var v,k=m.e;return k===null?m.toString():(v=Nn(m.c),v=k<=u||k>=c?xu(v,k):Ho(v,k,"0"),m.s<0?"-"+v:v)}return o.absoluteValue=o.abs=function(){var m=new x(this);return m.s<0&&(m.s=1),m},o.comparedTo=function(m,v){return Ni(this,new x(m,v))},o.decimalPlaces=o.dp=function(m,v){var k,E,h,b=this;if(m!=null)return nr(m,0,Lr),v==null?v=s:nr(v,0,8),L(new x(b),m+b.e+1,v);if(!(k=b.c))return null;if(E=((h=k.length-1)-$n(this.e/rt))*rt,h=k[h])for(;h%10==0;h/=10,E--);return E<0&&(E=0),E},o.dividedBy=o.div=function(m,v){return t(this,new x(m,v),a,s)},o.dividedToIntegerBy=o.idiv=function(m,v){return t(this,new x(m,v),0,1)},o.exponentiatedBy=o.pow=function(m,v){var k,E,h,b,F,C,A,B,P,N=this;if(m=new x(m),m.c&&!m.isInteger())throw Error(gn+"Exponent not an integer: "+_(m));if(v!=null&&(v=new x(v)),C=m.e>14,!N.c||!N.c[0]||N.c[0]==1&&!N.e&&N.c.length==1||!m.c||!m.c[0])return P=new x(Math.pow(+_(N),C?m.s*(2-hu(m)):+_(m))),v?P.mod(v):P;if(A=m.s<0,v){if(v.c?!v.c[0]:!v.s)return new x(NaN);E=!A&&N.isInteger()&&v.isInteger(),E&&(N=N.mod(v))}else{if(m.e>9&&(N.e>0||N.e<-1||(N.e==0?N.c[0]>1||C&&N.c[1]>=24e7:N.c[0]<8e13||C&&N.c[0]<=9999975e7)))return b=N.s<0&&hu(m)?-0:0,N.e>-1&&(b=1/b),new x(A?1/b:b);f&&(b=oh(f/rt+2))}for(C?(k=new x(.5),A&&(m.s=1),B=hu(m)):(h=Math.abs(+_(m)),B=h%2),P=new x(i);;){if(B){if(P=P.times(N),!P.c)break;b?P.c.length>b&&(P.c.length=b):E&&(P=P.mod(v))}if(h){if(h=On(h/2),h===0)break;B=h%2}else if(m=m.times(k),L(m,m.e+1,1),m.e>14)B=hu(m);else{if(h=+_(m),h===0)break;B=h%2}N=N.times(N),b?N.c&&N.c.length>b&&(N.c.length=b):E&&(N=N.mod(v))}return E?P:(A&&(P=i.div(P)),v?P.mod(v):b?L(P,f,s,F):P)},o.integerValue=function(m){var v=new x(this);return m==null?m=s:nr(m,0,8),L(v,v.e+1,m)},o.isEqualTo=o.eq=function(m,v){return Ni(this,new x(m,v))===0},o.isFinite=function(){return!!this.c},o.isGreaterThan=o.gt=function(m,v){return Ni(this,new x(m,v))>0},o.isGreaterThanOrEqualTo=o.gte=function(m,v){return(v=Ni(this,new x(m,v)))===1||v===0},o.isInteger=function(){return!!this.c&&$n(this.e/rt)>this.c.length-2},o.isLessThan=o.lt=function(m,v){return Ni(this,new x(m,v))<0},o.isLessThanOrEqualTo=o.lte=function(m,v){return(v=Ni(this,new x(m,v)))===-1||v===0},o.isNaN=function(){return!this.s},o.isNegative=function(){return this.s<0},o.isPositive=function(){return this.s>0},o.isZero=function(){return!!this.c&&this.c[0]==0},o.minus=function(m,v){var k,E,h,b,F=this,C=F.s;if(m=new x(m,v),v=m.s,!C||!v)return new x(NaN);if(C!=v)return m.s=-v,F.plus(m);var A=F.e/rt,B=m.e/rt,P=F.c,N=m.c;if(!A||!B){if(!P||!N)return P?(m.s=-v,m):new x(N?F:NaN);if(!P[0]||!N[0])return N[0]?(m.s=-v,m):new x(P[0]?F:s==3?-0:0)}if(A=$n(A),B=$n(B),P=P.slice(),C=A-B){for((b=C<0)?(C=-C,h=P):(B=A,h=N),h.reverse(),v=C;v--;h.push(0));h.reverse()}else for(E=(b=(C=P.length)<(v=N.length))?C:v,C=v=0;v<E;v++)if(P[v]!=N[v]){b=P[v]<N[v];break}if(b&&(h=P,P=N,N=h,m.s=-m.s),v=(E=N.length)-(k=P.length),v>0)for(;v--;P[k++]=0);for(v=oo-1;E>C;){if(P[--E]<N[E]){for(k=E;k&&!P[--k];P[k]=v);--P[k],P[E]+=oo}P[E]-=N[E]}for(;P[0]==0;P.splice(0,1),--B);return P[0]?O(m,P,B):(m.s=s==3?-1:1,m.c=[m.e=0],m)},o.modulo=o.mod=function(m,v){var k,E,h=this;return m=new x(m,v),!h.c||!m.s||m.c&&!m.c[0]?new x(NaN):!m.c||h.c&&!h.c[0]?new x(h):(d==9?(E=m.s,m.s=1,k=t(h,m,0,3),m.s=E,k.s*=E):k=t(h,m,0,d),m=h.minus(k.times(m)),!m.c[0]&&d==1&&(m.s=h.s),m)},o.multipliedBy=o.times=function(m,v){var k,E,h,b,F,C,A,B,P,N,T,D,H,R,ee,j=this,Y=j.c,X=(m=new x(m,v)).c;if(!Y||!X||!Y[0]||!X[0])return!j.s||!m.s||Y&&!Y[0]&&!X||X&&!X[0]&&!Y?m.c=m.e=m.s=null:(m.s*=j.s,!Y||!X?m.c=m.e=null:(m.c=[0],m.e=0)),m;for(E=$n(j.e/rt)+$n(m.e/rt),m.s*=j.s,A=Y.length,N=X.length,A<N&&(H=Y,Y=X,X=H,h=A,A=N,N=h),h=A+N,H=[];h--;H.push(0));for(R=oo,ee=ai,h=N;--h>=0;){for(k=0,T=X[h]%ee,D=X[h]/ee|0,F=A,b=h+F;b>h;)B=Y[--F]%ee,P=Y[F]/ee|0,C=D*B+P*T,B=T*B+C%ee*ee+H[b]+k,k=(B/R|0)+(C/ee|0)+D*P,H[b--]=B%R;H[b]=k}return k?++E:H.splice(0,1),O(m,H,E)},o.negated=function(){var m=new x(this);return m.s=-m.s||null,m},o.plus=function(m,v){var k,E=this,h=E.s;if(m=new x(m,v),v=m.s,!h||!v)return new x(NaN);if(h!=v)return m.s=-v,E.minus(m);var b=E.e/rt,F=m.e/rt,C=E.c,A=m.c;if(!b||!F){if(!C||!A)return new x(h/0);if(!C[0]||!A[0])return A[0]?m:new x(C[0]?E:h*0)}if(b=$n(b),F=$n(F),C=C.slice(),h=b-F){for(h>0?(F=b,k=A):(h=-h,k=C),k.reverse();h--;k.push(0));k.reverse()}for(h=C.length,v=A.length,h-v<0&&(k=A,A=C,C=k,v=h),h=0;v;)h=(C[--v]=C[v]+A[v]+h)/oo|0,C[v]=oo===C[v]?0:C[v]%oo;return h&&(C=[h].concat(C),++F),O(m,C,F)},o.precision=o.sd=function(m,v){var k,E,h,b=this;if(m!=null&&m!==!!m)return nr(m,1,Lr),v==null?v=s:nr(v,0,8),L(new x(b),m,v);if(!(k=b.c))return null;if(h=k.length-1,E=h*rt+1,h=k[h]){for(;h%10==0;h/=10,E--);for(h=k[0];h>=10;h/=10,E++);}return m&&b.e+1>E&&(E=b.e+1),E},o.shiftedBy=function(m){return nr(m,-ih,ih),this.times("1e"+m)},o.squareRoot=o.sqrt=function(){var m,v,k,E,h,b=this,F=b.c,C=b.s,A=b.e,B=a+4,P=new x("0.5");if(C!==1||!F||!F[0])return new x(!C||C<0&&(!F||F[0])?NaN:F?b:1/0);if(C=Math.sqrt(+_(b)),C==0||C==1/0?(v=Nn(F),(v.length+A)%2==0&&(v+="0"),C=Math.sqrt(+v),A=$n((A+1)/2)-(A<0||A%2),C==1/0?v="5e"+A:(v=C.toExponential(),v=v.slice(0,v.indexOf("e")+1)+A),k=new x(v)):k=new x(C+""),k.c[0]){for(A=k.e,C=A+B,C<3&&(C=0);;)if(h=k,k=P.times(h.plus(t(b,h,B,1))),Nn(h.c).slice(0,C)===(v=Nn(k.c)).slice(0,C))if(k.e<A&&--C,v=v.slice(C-3,C+1),v=="9999"||!E&&v=="4999"){if(!E&&(L(h,h.e+a+2,0),h.times(h).eq(b))){k=h;break}B+=4,C+=4,E=1}else{(!+v||!+v.slice(1)&&v.charAt(0)=="5")&&(L(k,k.e+a+2,1),m=!k.times(k).eq(b));break}}return L(k,k.e+a+1,s,m)},o.toExponential=function(m,v){return m!=null&&(nr(m,0,Lr),m++),M(this,m,v,1)},o.toFixed=function(m,v){return m!=null&&(nr(m,0,Lr),m=m+this.e+1),M(this,m,v)},o.toFormat=function(m,v,k){var E,h=this;if(k==null)m!=null&&v&&typeof v=="object"?(k=v,v=null):m&&typeof m=="object"?(k=m,m=v=null):k=y;else if(typeof k!="object")throw Error(gn+"Argument not an object: "+k);if(E=h.toFixed(m,v),h.c){var b,F=E.split("."),C=+k.groupSize,A=+k.secondaryGroupSize,B=k.groupSeparator||"",P=F[0],N=F[1],T=h.s<0,D=T?P.slice(1):P,H=D.length;if(A&&(b=C,C=A,A=b,H-=b),C>0&&H>0){for(b=H%C||C,P=D.substr(0,b);b<H;b+=C)P+=B+D.substr(b,C);A>0&&(P+=B+D.slice(b)),T&&(P="-"+P)}E=N?P+(k.decimalSeparator||"")+((A=+k.fractionGroupSize)?N.replace(new RegExp("\\d{"+A+"}\\B","g"),"$&"+(k.fractionGroupSeparator||"")):N):P}return(k.prefix||"")+E+(k.suffix||"")},o.toFraction=function(m){var v,k,E,h,b,F,C,A,B,P,N,T,D=this,H=D.c;if(m!=null&&(C=new x(m),!C.isInteger()&&(C.c||C.s!==1)||C.lt(i)))throw Error(gn+"Argument "+(C.isInteger()?"out of range: ":"not an integer: ")+_(C));if(!H)return new x(D);for(v=new x(i),B=k=new x(i),E=A=new x(i),T=Nn(H),b=v.e=T.length-D.e-1,v.c[0]=ah[(F=b%rt)<0?rt+F:F],m=!m||C.comparedTo(v)>0?b>0?v:B:C,F=p,p=1/0,C=new x(T),A.c[0]=0;P=t(C,v,0,1),h=k.plus(P.times(E)),h.comparedTo(m)!=1;)k=E,E=h,B=A.plus(P.times(h=B)),A=h,v=C.minus(P.times(h=v)),C=h;return h=t(m.minus(k),E,0,1),A=A.plus(h.times(B)),k=k.plus(h.times(E)),A.s=B.s=D.s,b=b*2,N=t(B,E,b,s).minus(D).abs().comparedTo(t(A,k,b,s).minus(D).abs())<1?[B,E]:[A,k],p=F,N},o.toNumber=function(){return+_(this)},o.toPrecision=function(m,v){return m!=null&&nr(m,1,Lr),M(this,m,v,2)},o.toString=function(m){var v,k=this,E=k.s,h=k.e;return h===null?E?(v="Infinity",E<0&&(v="-"+v)):v="NaN":(m==null?v=h<=u||h>=c?xu(Nn(k.c),h):Ho(Nn(k.c),h,"0"):m===10&&S?(k=L(new x(k),a+h+1,s),v=Ho(Nn(k.c),k.e,"0")):(nr(m,2,I.length,"Base"),v=r(Ho(Nn(k.c),h,"0"),10,m,E,!0)),E<0&&k.c[0]&&(v="-"+v)),v},o.valueOf=o.toJSON=function(){return _(this)},o._isBigNumber=!0,o[Symbol.toStringTag]="BigNumber",o[Symbol.for("nodejs.util.inspect.custom")]=o.valueOf,e!=null&&x.set(e),x}function $n(e){var t=e|0;return e>0||e===t?t:t-1}function Nn(e){for(var t,r,n=1,o=e.length,i=e[0]+"";n<o;){for(t=e[n++]+"",r=rt-t.length;r--;t="0"+t);i+=t}for(o=i.length;i.charCodeAt(--o)===48;);return i.slice(0,o+1||1)}function Ni(e,t){var r,n,o=e.c,i=t.c,a=e.s,s=t.s,u=e.e,c=t.e;if(!a||!s)return null;if(r=o&&!o[0],n=i&&!i[0],r||n)return r?n?0:-s:a;if(a!=s)return a;if(r=a<0,n=u==c,!o||!i)return n?0:!o^r?1:-1;if(!n)return u>c^r?1:-1;for(s=(u=o.length)<(c=i.length)?u:c,a=0;a<s;a++)if(o[a]!=i[a])return o[a]>i[a]^r?1:-1;return u==c?0:u>c^r?1:-1}function nr(e,t,r,n){if(e<t||e>r||e!==On(e))throw Error(gn+(n||"Argument")+(typeof e=="number"?e<t||e>r?" out of range: ":" not an integer: ":" not a primitive number: ")+String(e))}function hu(e){var t=e.c.length-1;return $n(e.e/rt)==t&&e.c[t]%2!=0}function xu(e,t){return(e.length>1?e.charAt(0)+"."+e.slice(1):e)+(t<0?"e":"e+")+t}function Ho(e,t,r){var n,o;if(t<0){for(o=r+".";++t;o+=r);e=o+e}else if(n=e.length,++t>n){for(o=r,t-=n;--t;o+=r);e+=o}else t<n&&(e=e.slice(0,t)+"."+e.slice(t));return e}var Vz=US(),jS=Vz;var Wz=24,rl=32,Gz=()=>typeof globalThis<"u"&&globalThis.crypto&&typeof globalThis.crypto.getRandomValues=="function"?()=>{let e=new Uint32Array(1);return globalThis.crypto.getRandomValues(e),e[0]/4294967296}:Math.random,lh=Gz(),sh=(e=4,t=lh)=>{let r="";for(;r.length<e;)r=r+Math.floor(t()*36).toString(36);return r};function qz(e){let t=new jS(0);for(let r of e.values())t=t.multipliedBy(256).plus(r);return t}var WS=(e="")=>{let t=new TextEncoder;return qz($S(t.encode(e))).toString(36).slice(1)},VS=Array.from({length:26},(e,t)=>String.fromCharCode(t+97)),Yz=e=>VS[Math.floor(e()*VS.length)],Kz=({globalObj:e=typeof global<"u"?global:typeof window<"u"?window:{},random:t=lh}={})=>{let r=Object.keys(e).toString(),n=r.length?r+sh(rl,t):sh(rl,t);return WS(n).substring(0,rl)},Xz=e=>()=>e++,Jz=476782367,GS=({random:e=lh,counter:t=Xz(Math.floor(e()*Jz)),length:r=Wz,fingerprint:n=Kz({random:e})}={})=>{if(r>rl)throw new Error(`Length must be between 2 and ${rl}. Received: ${r}`);return function(){let i=Yz(e),a=Date.now().toString(36),s=t().toString(36),u=sh(r,e),c=`${a+u+s+n}`;return`${i+WS(c).substring(1,r)}`}},si=Qz(GS);function Qz(e){let t;return()=>(t||(t=e()),t())}var tD=ec(KS());dr();Ue();var yu=/\[([^\]]+)\]\s*\[([^\]]+)\]\s*\[([^\]]+)\]\s*-\s*(.+)/g;function rD(e){return e.replace(/\*\*/g,"").replace(/\*/g,"").replace(/__/g,"").replace(/_/g," ").trim()}function ch(e,t){let r=[],n=e.split(`
+`,p7="/",g7="*",Xi="",mV="comment",hV="declaration";function xV(e,t){if(typeof e!="string")throw new TypeError("First argument must be a string");if(!e)return[];t=t||{};var r=1,n=1;function o(f){var y=f.match(sV);y&&(r+=y.length);var I=f.lastIndexOf(fV);n=~I?f.length-I:n+f.length}function i(){var f={line:r,column:n};return function(y){return y.position=new a(f),c(),y}}function a(f){this.start=f,this.end={line:r,column:n},this.source=t.source}a.prototype.content=e;function s(f){var y=new Error(t.source+":"+r+":"+n+": "+f);if(y.reason=f,y.filename=t.source,y.line=r,y.column=n,y.source=e,!t.silent)throw y}function u(f){var y=f.exec(e);if(y){var I=y[0];return o(I),e=e.slice(I.length),y}}function c(){u(lV)}function l(f){var y;for(f=f||[];y=p();)y!==!1&&f.push(y);return f}function p(){var f=i();if(!(p7!=e.charAt(0)||g7!=e.charAt(1))){for(var y=2;Xi!=e.charAt(y)&&(g7!=e.charAt(y)||p7!=e.charAt(y+1));)++y;if(y+=2,Xi===e.charAt(y-1))return s("End of comment missing");var I=e.slice(2,y-2);return n+=2,o(I),e=e.slice(y),n+=2,f({type:mV,comment:I})}}function g(){var f=i(),y=u(cV);if(y){if(p(),!u(uV))return s("property missing ':'");var I=u(dV),S=f({type:hV,property:f7(y[0].replace(d7,Xi)),value:I?f7(I[0].replace(d7,Xi)):Xi});return u(pV),S}}function d(){var f=[];l(f);for(var y;y=g();)y!==!1&&(f.push(y),l(f));return f}return c(),d()}function f7(e){return e?e.replace(gV,Xi):Xi}m7.exports=xV});var x7=Fn(El=>{"use strict";var yV=El&&El.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(El,"__esModule",{value:!0});El.default=wV;var bV=yV(h7());function wV(e,t){let r=null;if(!e||typeof e!="string")return r;let n=(0,bV.default)(e),o=typeof t=="function";return n.forEach(i=>{if(i.type!=="declaration")return;let{property:a,value:s}=i;o?t(a,s,i):s&&(r=r||{},r[a]=s)}),r}});var b7=Fn(hd=>{"use strict";Object.defineProperty(hd,"__esModule",{value:!0});hd.camelCase=void 0;var vV=/^--[a-zA-Z0-9_-]+$/,SV=/-([a-z])/g,kV=/^[^-]+$/,CV=/^-(webkit|moz|ms|o|khtml)-/,IV=/^-(ms)-/,TV=function(e){return!e||kV.test(e)||vV.test(e)},EV=function(e,t){return t.toUpperCase()},y7=function(e,t){return"".concat(t,"-")},RV=function(e,t){return t===void 0&&(t={}),TV(e)?e:(e=e.toLowerCase(),t.reactCompat?e=e.replace(IV,y7):e=e.replace(CV,y7),e.replace(SV,EV))};hd.camelCase=RV});var v7=Fn((y5,w7)=>{"use strict";var AV=y5&&y5.__importDefault||function(e){return e&&e.__esModule?e:{default:e}},FV=AV(x7()),PV=b7();function x5(e,t){var r={};return!e||typeof e!="string"||(0,FV.default)(e,function(n,o){n&&o&&(r[(0,PV.camelCase)(n,t)]=o)}),r}x5.default=x5;w7.exports=x5});var YI=Fn((Sve,qI)=>{"use strict";var Od=Object.prototype.hasOwnProperty,GI=Object.prototype.toString,$I=Object.defineProperty,HI=Object.getOwnPropertyDescriptor,UI=function(t){return typeof Array.isArray=="function"?Array.isArray(t):GI.call(t)==="[object Array]"},jI=function(t){if(!t||GI.call(t)!=="[object Object]")return!1;var r=Od.call(t,"constructor"),n=t.constructor&&t.constructor.prototype&&Od.call(t.constructor.prototype,"isPrototypeOf");if(t.constructor&&!r&&!n)return!1;var o;for(o in t);return typeof o>"u"||Od.call(t,o)},VI=function(t,r){$I&&r.name==="__proto__"?$I(t,r.name,{enumerable:!0,configurable:!0,value:r.newValue,writable:!0}):t[r.name]=r.newValue},WI=function(t,r){if(r==="__proto__")if(Od.call(t,r)){if(HI)return HI(t,r).value}else return;return t[r]};qI.exports=function e(){var t,r,n,o,i,a,s=arguments[0],u=1,c=arguments.length,l=!1;for(typeof s=="boolean"&&(l=s,s=arguments[1]||{},u=2),(s==null||typeof s!="object"&&typeof s!="function")&&(s={});u<c;++u)if(t=arguments[u],t!=null)for(r in t)n=WI(s,r),o=WI(t,r),s!==o&&(l&&o&&(jI(o)||(i=UI(o)))?(i?(i=!1,a=n&&UI(n)?n:[]):a=n&&jI(n)?n:{},VI(s,{name:r,newValue:e(l,a,o)})):typeof o<"u"&&VI(s,{name:r,newValue:o}));return s}});import Ri from"react";import{addons as tp,types as $x,experimental_getStatusStore as Hx}from"storybook/manager-api";import{AddonPanel as BQ}from"storybook/internal/components";import{styled as zQ}from"storybook/theming";import{styled as er}from"storybook/theming";var G="#ea580c",Jo="#c2410c",np="#ff6b35",Ux="#A259FF",jx="#8a3de8",Vx=G,Wx="#d1d5db",tc="#7c3aed",Ye={red:"#ef4444",amber:"#f59e0b",green:"#16a34a",redText:"#b91c1c",amberText:"#b45309",greenText:"#16a34a",criticalRail:"#dc2626",criticalLabel:"#dc2626",majorLabel:"#f59e0b",minorLabel:"#f59e0b",minorRail:"#fbbf24"},Gx={color:{text:"#1d4ed8",bg:"rgba(59, 130, 246, 0.1)",border:"rgba(59, 130, 246, 0.25)"},spacing:{text:"#c2410c",bg:"rgba(249, 115, 22, 0.1)",border:"rgba(249, 115, 22, 0.25)"},typography:{text:"#be185d",bg:"rgba(236, 72, 153, 0.1)",border:"rgba(236, 72, 153, 0.25)"},border:{text:"#047857",bg:"rgba(16, 185, 129, 0.1)",border:"rgba(16, 185, 129, 0.25)"},layout:{text:"#0f766e",bg:"rgba(20, 184, 166, 0.1)",border:"rgba(20, 184, 166, 0.25)"},sizing:{text:"#6d28d9",bg:"rgba(139, 92, 246, 0.1)",border:"rgba(139, 92, 246, 0.25)"}},op={spec:"#c2410c",ai:"#6d28d9"},Z={card:"#ffffff",green:"#10b981",border:"#e5e7eb",track:"#f1f5f9",muted:"#6b7280",locked:"#9ca3af",text:"#111827",subText:"#374151",formBg:"#fafafa",lockedBtnBg:"#f3f4f6",calloutBg:"#fffbeb",calloutText:"#b45309",accentTint:"#fff7ed"},Ai={pillBg:"#fff7ed",pillBorder:"#f5d0b5",iconFrom:"#d97706",iconTo:Jo,badgeBg:"#fef3c7",badgeText:"#92400e"};var qx=er.div(({theme:e})=>({fontFamily:e.typography.fonts.base,height:"100%",display:"flex",flexDirection:"column",backgroundColor:e.background.content,color:e.color.defaultText})),Yx=er.div(({theme:e})=>({flex:1,overflow:"auto",padding:"6px 12px 12px",backgroundColor:e.background.app})),rc=er.div({marginBottom:"20px"}),nc=er.label(({theme:e})=>({display:"block",marginBottom:`${e.layoutMargin*.6}px`,fontSize:e.typography.size.s2,fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,color:e.color.defaultText})),ds=er.input(({theme:e})=>({width:"100%",padding:`${e.layoutMargin*.8}px ${e.layoutMargin}px`,fontSize:e.typography.size.s2,fontFamily:e.typography.fonts.base,border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius*2,backgroundColor:e.input.background,color:e.color.defaultText,"&:focus":{outline:"none",borderColor:e.color.secondary,boxShadow:`0 0 0 2px ${e.color.secondary}20`}})),an=er.select(({theme:e})=>({width:"100%",padding:`${e.layoutMargin*.8}px 32px ${e.layoutMargin*.8}px ${e.layoutMargin}px`,fontSize:e.typography.size.s2,fontFamily:e.typography.fonts.base,border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius*2,backgroundColor:e.input.background,color:e.color.defaultText,cursor:"pointer",appearance:"none",backgroundImage:`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")`,backgroundRepeat:"no-repeat",backgroundPosition:"right 10px center",backgroundSize:"12px",transition:"border-color 0.15s, box-shadow 0.15s","&:focus":{outline:"none",borderColor:e.color.secondary,boxShadow:`0 0 0 2px ${e.color.secondary}20`},"&:hover":{borderColor:e.color.mediumdark},"&:disabled":{opacity:.6,cursor:"not-allowed"}})),Kx=er(an)(({theme:e})=>({width:"auto",padding:`${e.layoutMargin*.6}px 28px ${e.layoutMargin*.6}px ${e.layoutMargin}px`,fontSize:e.typography.size.s1})),oc=e=>({padding:`${e.layoutMargin*.8}px ${e.layoutMargin*1.6}px`,fontSize:e.typography.size.s2,fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,border:"none",borderRadius:e.appBorderRadius*2,cursor:"pointer",transition:"all 0.15s","&:disabled":{opacity:.5,cursor:"not-allowed"}}),Fo=er.button(({theme:e})=>({...oc(e),backgroundColor:e.color.secondary,color:e.color.inverseText,"&:hover:not(:disabled)":{opacity:.9}})),Zt=er.button(({theme:e})=>({...oc(e),backgroundColor:G,color:e.color.inverseText,boxShadow:`0 2px 4px ${G}4d`,"&:hover:not(:disabled)":{backgroundColor:Jo,transform:"translateY(-1px)",boxShadow:`0 4px 8px ${G}66`}})),mo=er.button(({theme:e})=>({...oc(e),backgroundColor:"transparent",border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,"&:hover:not(:disabled)":{backgroundColor:e.background.hoverable}})),Xx=er.button(({theme:e})=>({...oc(e),backgroundColor:e.color.negative,color:e.color.inverseText,"&:hover:not(:disabled)":{opacity:.9}})),bn=er.button(({theme:e})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",padding:`${e.layoutMargin*.4}px`,fontSize:e.typography.size.s2,color:e.color.mediumdark,backgroundColor:"transparent",border:"none",borderRadius:e.appBorderRadius,cursor:"pointer",transition:"all 0.15s","&:hover":{color:e.color.defaultText,backgroundColor:e.background.hoverable},"&:disabled":{opacity:.5,cursor:"not-allowed"}})),ip=er.button(({theme:e})=>({padding:0,fontSize:e.typography.size.s1,fontFamily:e.typography.fonts.base,color:e.color.secondary,backgroundColor:"transparent",border:"none",cursor:"pointer",textDecoration:"none","&:hover":{textDecoration:"underline"},"&:disabled":{opacity:.5,cursor:"not-allowed"}})),Qo=er.button(({theme:e,active:t})=>({padding:`${e.layoutMargin*.6}px ${e.layoutMargin*1.2}px`,fontSize:e.typography.size.s2,fontFamily:e.typography.fonts.base,fontWeight:t?e.typography.weight.bold:400,color:t?e.color.secondary:e.color.mediumdark,backgroundColor:"transparent",border:"none",borderBottom:t?`2px solid ${e.color.secondary}`:"2px solid transparent",cursor:"pointer",transition:"all 0.15s","&:hover":{color:t?e.color.secondary:e.color.defaultText}})),Zo=er(ds)(({theme:e})=>({paddingLeft:`${e.layoutMargin*3}px`,backgroundImage:`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E")`,backgroundRepeat:"no-repeat",backgroundPosition:`${e.layoutMargin}px center`,backgroundSize:"14px"})),VQ=er.div(({theme:e})=>({padding:`${e.layoutMargin*1.6}px`,borderRadius:e.appBorderRadius*2.5,border:`1px solid ${e.appBorderColor}`,backgroundColor:e.background.content})),Jx=er.h2(({theme:e})=>({margin:`0 0 ${e.layoutMargin*1.6}px`,fontSize:e.typography.size.s3,fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,color:e.color.defaultText})),WQ=er.h3(({theme:e})=>({margin:`0 0 ${e.layoutMargin*1.2}px`,fontSize:e.typography.size.s2,fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,color:e.color.defaultText})),ap=er.p(({theme:e})=>({margin:`0 0 ${e.layoutMargin*.8}px`,fontSize:e.typography.size.s2,fontFamily:e.typography.fonts.base,color:e.color.defaultText,lineHeight:1.5})),GQ=er.div(({theme:e,width:t="100%",height:r="40px"})=>({width:t,height:r,backgroundColor:e.background.hoverable,borderRadius:e.appBorderRadius,position:"relative",overflow:"hidden","&::after":{content:'""',position:"absolute",top:0,left:0,width:"100%",height:"100%",background:`linear-gradient(90deg, transparent, ${e.color.mediumlight}33, transparent)`,animation:"shimmer 1.5s infinite"},"@keyframes shimmer":{"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(100%)"}}})),Qx=er.span(({theme:e,variant:t="default"})=>{let r={default:{bg:e.background.hoverable,color:e.color.defaultText},success:{bg:`${e.color.positive}40`,color:e.color.positive},warning:{bg:`${e.color.warning}40`,color:e.color.warning},error:{bg:`${e.color.negative}40`,color:e.color.negative}};return{display:"inline-block",padding:"2px 8px",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,borderRadius:"3px",backgroundColor:r[t].bg,color:r[t].color}}),qQ=er.div(({theme:e})=>({padding:"40px 20px",textAlign:"center",color:e.color.mediumdark})),YQ=er.div(({theme:e})=>({fontSize:e.typography.size.s3,fontWeight:e.typography.weight.bold,marginBottom:`${e.layoutMargin*.8}px`,color:e.color.defaultText})),KQ=er.div(({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.mediumdark}));import st,{useState as rQ,useEffect as TT}from"react";import{styled as rn}from"storybook/theming";import Zx from"react";var sp=({header:e,children:t,footer:r})=>Zx.createElement(qx,null,e,Zx.createElement(Yx,null,t),r);import nE from"react";import{styled as oE}from"storybook/theming";var iE=oE.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"flex-end",padding:"6px 12px",borderBottom:`1px solid ${e.appBorderColor}`,position:"sticky",top:0,zIndex:100,backgroundColor:e.background.content})),lp=({toolbar:e})=>nE.createElement(iE,null,e);import iZ from"react";import{styled as ic}from"storybook/theming";var lZ=ic.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"6px 12px",borderBottom:`1px solid ${e.appBorderColor}`,position:"sticky",top:0,zIndex:100,backgroundColor:e.background.content})),cZ=ic.div({display:"flex",flex:1}),uZ=ic(Qo)(({theme:e,disabled:t})=>({padding:"6px 12px",...t?{color:e.color.mediumlight,cursor:"not-allowed",opacity:.5,"&:hover":{}}:{}})),dZ=ic.div({display:"flex",gap:"8px",alignItems:"center"});import yt,{useState as nu,useCallback as Om,useEffect as $m,useRef as UB}from"react";import{styled as vr}from"storybook/theming";import ke from"react";var ey=()=>ke.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},ke.createElement("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),ke.createElement("circle",{cx:"12",cy:"12",r:"3"})),ps=()=>ke.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},ke.createElement("path",{d:"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"}),ke.createElement("circle",{cx:"12",cy:"7",r:"4"})),Mn={xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"},gs=()=>ke.createElement("svg",{...Mn},ke.createElement("circle",{cx:"11",cy:"11",r:"8"}),ke.createElement("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})),ty=()=>ke.createElement("svg",{...Mn},ke.createElement("path",{d:"M18.84 12.25l1.72-1.71a5 5 0 0 0-7.07-7.07l-1.71 1.71"}),ke.createElement("path",{d:"M5.17 11.75l-1.71 1.71a5 5 0 0 0 7.07 7.07l1.71-1.71"}),ke.createElement("line",{x1:"8",y1:"2",x2:"8",y2:"5"}),ke.createElement("line",{x1:"2",y1:"8",x2:"5",y2:"8"}),ke.createElement("line",{x1:"16",y1:"22",x2:"16",y2:"19"}),ke.createElement("line",{x1:"22",y1:"16",x2:"19",y2:"16"})),ry=()=>ke.createElement("svg",{...Mn},ke.createElement("polyline",{points:"23 4 23 10 17 10"}),ke.createElement("polyline",{points:"1 20 1 14 7 14"}),ke.createElement("path",{d:"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"}));var cp=()=>ke.createElement("svg",{...Mn},ke.createElement("circle",{cx:"12",cy:"12",r:"3"}),ke.createElement("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"})),ac=()=>ke.createElement("svg",{...Mn},ke.createElement("path",{d:"M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9L12 3z"}),ke.createElement("path",{d:"M19 14l.7 1.9L21.6 17l-1.9.7L19 19.6l-.7-1.9L16.4 17l1.9-.7L19 14z"})),ny=()=>ke.createElement("svg",{...Mn},ke.createElement("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),ke.createElement("polyline",{points:"12 5 19 12 12 19"})),oy=()=>ke.createElement("svg",{...Mn},ke.createElement("path",{d:"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72Z"}),ke.createElement("path",{d:"m14 7 3 3"}),ke.createElement("path",{d:"M5 6v4"}),ke.createElement("path",{d:"M19 14v4"}),ke.createElement("path",{d:"M10 2v2"}),ke.createElement("path",{d:"M7 8H3"}),ke.createElement("path",{d:"M21 16h-4"}),ke.createElement("path",{d:"M11 3H9"})),iy=()=>ke.createElement("svg",{...Mn},ke.createElement("polyline",{points:"6 9 12 15 18 9"})),ay=()=>ke.createElement("svg",{...Mn},ke.createElement("polyline",{points:"20 6 9 17 4 12"})),sy=()=>ke.createElement("svg",{...Mn},ke.createElement("path",{d:"M7 10v12"}),ke.createElement("path",{d:"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"})),ly=()=>ke.createElement("svg",{...Mn},ke.createElement("path",{d:"M3 3v5h5"}),ke.createElement("path",{d:"M3.05 13A9 9 0 1 0 6 5.3L3 8"}),ke.createElement("path",{d:"M12 7v5l4 2"})),up=()=>ke.createElement("svg",{...Mn},ke.createElement("path",{d:"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5a2 2 0 0 0 2 2h1"}),ke.createElement("path",{d:"M16 3h1a2 2 0 0 1 2 2v5a2 2 0 0 0 2 2 2 2 0 0 0-2 2v5a2 2 0 0 1-2 2h-1"})),Po=()=>ke.createElement("svg",{width:"10",height:"15",viewBox:"0 0 38 57","aria-label":"Figma",role:"img"},ke.createElement("path",{fill:"#1abcfe",d:"M19 28.5a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0z"}),ke.createElement("path",{fill:"#0acf83",d:"M0 47.5A9.5 9.5 0 0 1 9.5 38H19v9.5a9.5 9.5 0 1 1-19 0z"}),ke.createElement("path",{fill:"#ff7262",d:"M19 0v19h9.5a9.5 9.5 0 1 0 0-19H19z"}),ke.createElement("path",{fill:"#f24e1e",d:"M0 9.5A9.5 9.5 0 0 0 9.5 19H19V0H9.5A9.5 9.5 0 0 0 0 9.5z"}),ke.createElement("path",{fill:"#a259ff",d:"M0 28.5A9.5 9.5 0 0 0 9.5 38H19V19H9.5A9.5 9.5 0 0 0 0 28.5z"})),dp=()=>ke.createElement("svg",{width:"13",height:"13",viewBox:"0 0 64 64","aria-label":"Storybook",role:"img"},ke.createElement("path",{fill:"#ff4785",d:"M8 4l1.5 56L56 62l2-58z"}),ke.createElement("path",{fill:"#fff",d:"M40.5 18.2c-.2 1.5-3.6 2.4-7.6 2.1-4-.3-7-1.6-6.9-3.1.1-1.4 2.4-2 5.3-2 .8 0 1.2-.4 1.2-1.1 0-1.6-3.6-2.6-7-2.6-7 0-10.6 3.8-10.6 7.6 0 6.6 8.9 7 11.4 7.2 5.5.4 6.9 1.5 6.9 3 0 1.6-2.1 2.6-5 2.6-3.8 0-5.6-1.4-5.7-3.1 0-.6-.4-1-1-1l-3.5.1c-.6 0-1 .4-1 1 .2 4.7 4.3 7.6 11.3 7.6 6.7 0 11.2-3.1 11.2-7.6 0-5.7-5-7-11.1-7.5-4.2-.3-6.5-.6-6.5-2 0-1 1.8-1.8 4.4-1.8 2.5 0 4.2.6 4.4 1.7.1.6.5 1 1.1 1l3.5-.1c.6-.1 1-.5 1-1.1z"}));import Me,{useEffect as Wv}from"react";import{styled as Ct}from"storybook/theming";Se();De();Ue();ut();var Gv=Ct.div({position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:1e4}),qv=Ct.div(({theme:e})=>({position:"absolute",top:"100%",right:0,marginTop:"8px",backgroundColor:e.background.content,borderRadius:"12px",width:"360px",maxWidth:"90vw",boxShadow:"0 10px 40px rgba(0, 0, 0, 0.3)",overflow:"hidden",zIndex:10001})),QL=Ct.div({display:"flex",alignItems:"center",gap:"12px",padding:"16px 16px 12px"}),ZL=Ct.div({width:"36px",height:"36px",borderRadius:"50%",backgroundColor:G,display:"flex",alignItems:"center",justifyContent:"center",color:"#fff",fontSize:"14px",fontWeight:700,flexShrink:0}),eB=Ct.div({display:"flex",flexDirection:"column",gap:"4px"}),tB=Ct.div(({theme:e})=>({fontSize:"15px",fontWeight:600,color:e.color.defaultText,lineHeight:1.2})),rB=Ct.span({display:"inline-block",alignSelf:"flex-start",padding:"2px 10px",borderRadius:"6px",fontSize:"11px",fontWeight:600,color:"#7c3aed",backgroundColor:"rgba(124, 58, 237, 0.1)",letterSpacing:"0.3px"}),nB=Ct.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px 16px 8px",fontSize:"14px",color:e.color.defaultText})),oB=Ct.span(({theme:e})=>({color:e.textMutedColor,fontSize:"13px"})),iB=Ct.span(({theme:e})=>({color:e.color.defaultText,fontSize:"15px",fontWeight:600})),aB=Ct.div(({theme:e})=>({height:"8px",borderRadius:"4px",backgroundColor:e.base==="dark"?"rgba(255,255,255,0.1)":"rgba(0,0,0,0.08)",margin:"0 16px 8px",overflow:"hidden"})),sB=Ct.div(({percent:e})=>({height:"100%",width:`${Math.min(100,Math.max(0,e))}%`,background:`linear-gradient(90deg, #f59e0b 0%, ${G} 100%)`,transition:"width 0.3s ease"})),lB=Ct.div(({theme:e})=>({padding:"0 16px 14px",fontSize:"12px",color:e.textMutedColor})),cB=Ct.div(({theme:e})=>({height:"1px",backgroundColor:e.appBorderColor})),uB=Ct.button({width:"100%",padding:"14px 16px",background:"transparent",border:"none",color:G,fontSize:"14px",fontWeight:500,textAlign:"left",cursor:"pointer",display:"flex",alignItems:"center",gap:"6px","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.03)"}}),Yv=Ct.button(({theme:e})=>({position:"absolute",top:"12px",right:"12px",width:"24px",height:"24px",borderRadius:"4px",border:"none",background:"transparent",color:e.textMutedColor,cursor:"pointer",fontSize:"16px",display:"flex",alignItems:"center",justifyContent:"center","&:hover":{backgroundColor:e.background.hoverable}})),dB=Ct.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px",borderBottom:`1px solid ${e.appBorderColor}`})),pB=Ct.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"10px",color:e.color.defaultText,fontSize:"14px",fontWeight:500})),gB=Ct.div(({theme:e})=>({width:"32px",height:"32px",borderRadius:"50%",backgroundColor:G,display:"flex",alignItems:"center",justifyContent:"center",color:e.color.inverseText,fontSize:"14px",fontWeight:600})),fB=Ct.div({display:"flex",gap:"8px"}),Kv=Ct(bn)({fontSize:"18px"}),mB=Ct.div({padding:"20px 16px"}),hB=Ct.div(({theme:e})=>({padding:"16px",borderRadius:"8px",background:"linear-gradient(135deg, #10B981 0%, #3B82F6 100%)",marginBottom:"16px",color:"#fff"})),xB=Ct.div({fontSize:"12px",fontWeight:500,opacity:.9,marginBottom:"4px"}),yB=Ct.div({fontSize:"28px",fontWeight:700}),bB=Ct.div({fontSize:"11px",opacity:.8,marginTop:"4px"}),wB=Ct.div(({theme:e})=>({padding:"16px",borderRadius:"8px",border:`1px solid ${e.appBorderColor}`,marginBottom:"16px"})),vB=Ct.div({display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px"}),SB=Ct.div({display:"flex",alignItems:"center",gap:"8px"}),kB=Ct.span(({theme:e})=>({fontSize:"14px",fontWeight:600,color:e.color.defaultText})),CB=Ct.span(({theme:e})=>({fontSize:"10px",fontWeight:600,padding:"2px 6px",borderRadius:"4px",backgroundColor:G,color:e.color.inverseText})),IB=Ct.button(({theme:e})=>({background:"none",border:"none",color:G,fontSize:"12px",cursor:"pointer","&:hover":{textDecoration:"underline"}})),TB=Ct.div(({theme:e})=>({fontSize:"12px",color:e.color.mediumdark})),EB=Ct.button(({theme:e,variant:t="primary"})=>({width:"100%",padding:"12px",borderRadius:"6px",fontSize:"14px",fontWeight:600,cursor:"pointer",border:"none",marginBottom:"12px",backgroundColor:t==="primary"?G:e.background.hoverable,color:t==="primary"?e.color.inverseText:e.color.defaultText,"&:hover":{opacity:.9}})),RB=30*1e3,Xv=({onClose:e})=>{let{sessionToken:t,resetAuth:r,usageData:n,usageLastFetched:o,setUsageData:i}=he(),{featureFlags:a}=ue(),s=a.showCosts,u=n,c=!n&&t,l=async(f=!1)=>{if(!t)return;let y=o&&Date.now()-o<RB;if(!(!f&&y&&n))try{let I=K(),S=await Q(`${I}/api/addon/account`,{headers:{Authorization:`Bearer ${t}`}});if(S.ok){let x=await S.json();i(x)}}catch(I){w.error("Failed to fetch usage:",I)}};Wv(()=>{l()},[t]),Wv(()=>{let f=()=>{document.visibilityState==="visible"&&(w.debug("[TokenUsageModal] Tab visible, refreshing balance..."),l(!0))};return document.addEventListener("visibilitychange",f),()=>document.removeEventListener("visibilitychange",f)},[t]);let p=async()=>{if(t){let f=K();try{await fetch(`${f}/api/addon/auth/sign-out`,{method:"POST",headers:{Authorization:`Bearer ${t}`}})}catch{}}r(),e()},g=()=>{let f=K();window.open(`${f}/pricing`,"_blank")},d=()=>{let f=K();window.open(`${f}/pricing#add-credits`,"_blank")};if(t&&!s&&!c){let f=Math.floor(u?.creditBalance??0),I=Math.max(f,10),S=Math.max(0,I-f),x=I>0?f/I*100:0;return Me.createElement(Me.Fragment,null,Me.createElement(Gv,{onClick:e}),Me.createElement(qv,{onClick:M=>M.stopPropagation(),style:{width:"320px"}},Me.createElement(QL,null,Me.createElement(ZL,null,(u?.name||u?.email||"U")[0].toUpperCase()),Me.createElement(eB,null,Me.createElement(tB,null,u?.name||u?.email||"Your account"),Me.createElement(rB,null,(u?.plan||"FREE").toUpperCase())),Me.createElement("div",{style:{marginLeft:"auto",display:"flex",alignItems:"center",gap:"2px"}},Me.createElement(Yv,{onClick:p,title:"Sign out",style:{position:"static"}},Me.createElement("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},Me.createElement("path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"}),Me.createElement("polyline",{points:"16 17 21 12 16 7"}),Me.createElement("line",{x1:"21",y1:"12",x2:"9",y2:"12"}))),Me.createElement(Yv,{onClick:e,title:"Close",style:{position:"static"}},"\xD7"))),Me.createElement(nB,null,Me.createElement(oB,null,"Credits"),Me.createElement(iB,null,f," left")),Me.createElement(aB,null,Me.createElement(sB,{percent:x})),Me.createElement(lB,null,S," used \xB7 ",f," remaining"),Me.createElement(cB,null),Me.createElement(uB,{onClick:()=>window.open("mailto:hello@uiparity.com?subject=Credits request","_blank")},"Contact us for credits \u2192")))}return Me.createElement(Me.Fragment,null,Me.createElement(Gv,{onClick:e}),Me.createElement(qv,{onClick:f=>f.stopPropagation()},Me.createElement(dB,null,Me.createElement(pB,null,Me.createElement(gB,null,u?.email?u.email[0].toUpperCase():"U"),Me.createElement("span",null,u?.email||"Loading...")),Me.createElement(fB,null,Me.createElement(Kv,{onClick:p,title:"Sign out"},Me.createElement("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},Me.createElement("path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"}),Me.createElement("polyline",{points:"16 17 21 12 16 7"}),Me.createElement("line",{x1:"21",y1:"12",x2:"9",y2:"12"}))),Me.createElement(Kv,{onClick:e,title:"Close"},"\xD7"))),Me.createElement(mB,null,c?Me.createElement("div",{style:{textAlign:"center",padding:"20px"}},"Loading..."):t?Me.createElement(Me.Fragment,null,Me.createElement(hB,null,Me.createElement(xB,null,"Credit Balance"),Me.createElement(yB,null,"$",(u?.creditBalance??0).toFixed(2)),Me.createElement(bB,null,(u?.creditBalance??0)<2?"Low balance - consider topping up":"Pay only for what you use")),Me.createElement(wB,null,Me.createElement(vB,null,Me.createElement(SB,null,Me.createElement(kB,null,"Current Plan"),Me.createElement(CB,null,u?.plan||"Free")),Me.createElement(IB,{onClick:g},"View detail >")),Me.createElement(TB,null,"~$0.02-0.05 per review depending on complexity"),Me.createElement(EB,{onClick:d,style:{marginTop:"16px"}},"Add Credits"))):Me.createElement("div",{style:{textAlign:"center",padding:"20px"}},"Please sign in to view usage"))))};dr();Se();import Ca from"react";import{styled as Jv}from"storybook/theming";De();Se();ut();Ue();var AB=Jv.div({display:"flex",alignItems:"center",gap:"8px",flexWrap:"wrap"}),FB=Jv.span(({theme:e})=>({fontSize:e.typography.size.s1,color:e.color.mediumdark})),Qv=()=>{let{userRole:e,roleOverride:t,setRoleOverride:r,setFeatureFlags:n}=ue(),{sessionToken:o}=he();return e!=="admin"?null:Ca.createElement(AB,null,Ca.createElement(FB,null,"View as:"),Ca.createElement(Kx,{value:t??e,onChange:s=>{let u=s.target.value;if(u===e)r(null),o&&Q(`${K()}/api/addon/flags`,{headers:{Authorization:`Bearer ${o}`}}).then(c=>c.json()).then(c=>{let l={enableFixGeneration:!!c.enableFixGeneration,enableFixApply:!!c.enableFixApply,enableAutoMap:!!c.enableAutoMap,enableAutoFigmaLinking:!!c.enableAutoFigmaLinking,enableReviewBadges:!!c.enableReviewBadges,showCosts:!!c.showCosts,enableParallelReview:!!c.enableParallelReview,enableModelSelection:!!c.enableModelSelection};n(l);try{localStorage.setItem("uicopilot_feature_flags",JSON.stringify(l))}catch{}}).catch(c=>w.warn("[RoleSwitcher] Failed to re-fetch flags:",c.message));else{r(u);let c=Vs[u];n(c);try{localStorage.setItem("uicopilot_feature_flags",JSON.stringify(c))}catch{}}},style:{width:"auto",minWidth:"100px"}},Ca.createElement("option",{value:"admin"},"Admin"),Ca.createElement("option",{value:"beta"},"Regular user")),t&&Ca.createElement(Qx,{variant:"warning"},"Previewing as"," ",t==="beta"?"regular user":t))};De();Se();ut();import Bt,{useState as Gs,useCallback as Nm}from"react";import{styled as to}from"storybook/theming";var PB="0.5.7",MB=[{value:"bug",label:"\u{1F41E} Bug \u2014 something broke"},{value:"ux",label:"\u{1F9ED} UX \u2014 confusing or slow"},{value:"feature",label:"\u2728 Feature \u2014 missing something"},{value:"praise",label:"\u{1F49A} Praise \u2014 works great"},{value:"other",label:"\u{1F4AC} Other"}],LB=to.div({position:"fixed",inset:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:1e4,display:"flex",alignItems:"center",justifyContent:"center"}),BB=to.div(({theme:e})=>({backgroundColor:e.background.content,borderRadius:"12px",width:"460px",maxWidth:"94%",maxHeight:"90vh",overflow:"auto",boxShadow:"0 16px 48px rgba(0, 0, 0, 0.25)"})),zB=to.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 20px 12px",borderBottom:`1px solid ${e.appBorderColor}`})),DB=to.h3(({theme:e})=>({margin:0,fontSize:"15px",fontWeight:600,color:e.color.defaultText,display:"flex",alignItems:"center",gap:"8px"})),_B=to.button(({theme:e})=>({background:"transparent",border:"none",fontSize:"20px",color:e.color.mediumdark,cursor:"pointer",padding:"0 6px",lineHeight:1,"&:hover":{color:e.color.defaultText}})),NB=to.div({padding:"16px 20px",display:"flex",flexDirection:"column",gap:"14px"}),OB=to.textarea(({theme:e})=>({width:"100%",minHeight:"110px",padding:"8px 10px",borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,backgroundColor:e.background.app,resize:"vertical",boxSizing:"border-box","&:focus":{outline:"none",borderColor:G}})),Zv=to.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px 20px 16px",borderTop:`1px solid ${e.appBorderColor}`,gap:"8px"})),eS=to.p(({theme:e})=>({margin:0,fontSize:e.typography.size.s1,color:e.color.mediumdark,lineHeight:1.4})),$B=to.p(({theme:e})=>({margin:0,fontSize:e.typography.size.s1,color:e.color.negative})),HB=to.div(({theme:e})=>({padding:"24px 20px",textAlign:"center",display:"flex",flexDirection:"column",gap:"10px","& h4":{margin:0,fontSize:"15px",fontWeight:600,color:e.color.positive},"& p":{margin:0,fontSize:e.typography.size.s2,color:e.color.mediumdark}}));function tS({isOpen:e,onClose:t}){let{sessionToken:r,isConnected:n}=he(),{selectedProjectId:o}=Ke(),{currentStoryId:i}=gt(),[a,s]=Gs("other"),[u,c]=Gs(""),[l,p]=Gs(!1),[g,d]=Gs(!1),[f,y]=Gs(null),I=Nm(()=>{c(""),s("other"),d(!1),y(null),p(!1)},[]),S=Nm(()=>{I(),t()},[I,t]),x=Nm(async M=>{if(M.preventDefault(),!u.trim()){y("Please write a message.");return}if(!n||!r){y("Sign in to send feedback.");return}p(!0),y(null);try{let z=await Q(`${K()}/api/feedback`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${r}`},body:JSON.stringify({message:u.trim(),severity:a,projectId:o||void 0,storyId:i||void 0,addonVersion:PB})});if(!z.ok){let O=await z.json().catch(()=>({}));throw new Error(O.error||`Request failed (${z.status})`)}d(!0)}catch(z){y(z instanceof Error?z.message:"Something went wrong")}finally{p(!1)}},[u,a,r,n,o,i]);return e?Bt.createElement(LB,{onClick:S},Bt.createElement(BB,{onClick:M=>M.stopPropagation()},Bt.createElement(zB,null,Bt.createElement(DB,null,Bt.createElement("span",null,"\u{1F4AC}"),"Send feedback"),Bt.createElement(_B,{onClick:S,"aria-label":"Close"},"\xD7")),g?Bt.createElement(Bt.Fragment,null,Bt.createElement(HB,null,Bt.createElement("h4",null,"Thanks \u2014 got it."),Bt.createElement("p",null,"We read every message. If it's a bug, we'll likely follow up by email.")),Bt.createElement(Zv,null,Bt.createElement("span",null),Bt.createElement(Fo,{onClick:S},"Close"))):Bt.createElement("form",{onSubmit:x},Bt.createElement(NB,null,Bt.createElement(rc,null,Bt.createElement(nc,{htmlFor:"feedback-severity"},"Type"),Bt.createElement(an,{id:"feedback-severity",value:a,onChange:M=>s(M.target.value),disabled:l},MB.map(M=>Bt.createElement("option",{key:M.value,value:M.value},M.label)))),Bt.createElement(rc,null,Bt.createElement(nc,{htmlFor:"feedback-message"},"What happened?"),Bt.createElement(OB,{id:"feedback-message",value:u,onChange:M=>c(M.target.value),placeholder:"Tell us what you were doing, what you expected, and what happened.",disabled:l,autoFocus:!0,maxLength:5e3})),Bt.createElement(eS,null,"We auto-attach your current story and project so we can reproduce it. No screenshots sent."),f&&Bt.createElement($B,null,f)),Bt.createElement(Zv,null,Bt.createElement(eS,null,i?`Context: ${i}`:"No story selected"),Bt.createElement("div",{style:{display:"flex",gap:"8px"}},Bt.createElement(Fo,{type:"button",onClick:S,disabled:l},"Cancel"),Bt.createElement(Zt,{type:"submit",disabled:l||!u.trim()},l?"Sending\u2026":"Send")))))):null}Se();De();ut();dr();var jB=vr.div({display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",gap:"8px"}),VB=vr.div({display:"inline-flex",alignItems:"center",gap:"6px",flexShrink:0,userSelect:"none"}),WB=vr.span(({theme:e})=>({width:"20px",height:"20px",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:"5px",background:`linear-gradient(135deg, ${np} 0%, ${G} 100%)`,color:e.color.lightest,fontSize:"11px",fontWeight:900,letterSpacing:"-0.5px",boxShadow:"0 1px 2px rgba(0,0,0,0.15)"})),GB=vr.span(({theme:e})=>({fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,letterSpacing:"-0.2px",color:e.color.defaultText})),qB=vr.span(({theme:e})=>({fontSize:"10px",fontFamily:e.typography.fonts.mono,color:e.color.mediumdark,opacity:.8,marginLeft:"2px"})),YB=vr.div({display:"flex",alignItems:"center",gap:"6px",flexShrink:0}),KB=vr.span(({theme:e})=>({display:"inline-flex",alignItems:"center",gap:"4px",padding:"2px 8px",borderRadius:"999px",fontSize:"10px",fontWeight:e.typography.weight.bold,lineHeight:1.6,color:e.color.mediumdark,backgroundColor:e.background.hoverable,border:`1px solid ${e.appBorderColor}`,userSelect:"none",cursor:"default","& svg":{width:"11px",height:"11px"}})),XB=vr.div({position:"relative"}),JB=vr.button(({theme:e})=>({width:"22px",height:"22px",padding:0,background:e.background.app,border:`1px solid ${e.appBorderColor}`,borderRadius:"50%",color:e.color.defaultText,cursor:"pointer",fontSize:"10px",fontWeight:600,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s","&:hover":{backgroundColor:e.background.hoverable}})),QB=vr.div(({theme:e})=>({position:"absolute",top:"calc(100% + 6px)",right:0,minWidth:"220px",backgroundColor:e.background.content,border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius,boxShadow:"0 8px 24px rgba(0,0,0,0.14)",zIndex:1e3,overflow:"hidden",padding:"4px"})),ZB=vr.div(({theme:e})=>({padding:"8px 10px 10px",borderBottom:`1px solid ${e.appBorderColor}`,marginBottom:"4px"})),ez=vr.div(({theme:e})=>({fontSize:e.typography.size.s2,fontWeight:e.typography.weight.bold,color:e.color.defaultText})),tz=vr.div(({theme:e})=>({fontSize:e.typography.size.s1,color:e.color.mediumdark,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",marginTop:"2px"})),Hm=vr.button(({theme:e})=>({display:"flex",alignItems:"center",gap:"8px",width:"100%",padding:"7px 10px",border:"none",borderRadius:e.appBorderRadius,background:"transparent",color:e.color.defaultText,fontSize:e.typography.size.s2,textAlign:"left",cursor:"pointer",transition:"background 0.12s","&:hover":{backgroundColor:e.background.hoverable}})),rz=vr.div(({theme:e})=>({height:"1px",margin:"4px 0",backgroundColor:e.appBorderColor})),rS=vr.button(({theme:e,isLow:t})=>({display:"flex",alignItems:"center",gap:"6px",padding:"4px 8px",background:"transparent",border:"none",borderRadius:e.appBorderRadius,color:t?e.color.warning:Ye.green,cursor:"pointer",fontFamily:e.typography.fonts.mono,fontSize:"11px",fontWeight:e.typography.weight.bold,transition:"background 0.15s","&:hover":{backgroundColor:e.background.hoverable}})),nS=vr.span(({theme:e,isLow:t})=>({width:"6px",height:"6px",borderRadius:"50%",flexShrink:0,backgroundColor:t?e.color.warning:Ye.green})),nz=vr.span({display:"inline-block",width:"12px",height:"12px",border:"2px solid rgba(255,255,255,0.3)",borderTopColor:"#fff",borderRadius:"50%",animation:"credit-spin 0.8s linear infinite","@keyframes credit-spin":{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}}),oz=vr.button(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",width:"28px",height:"28px",border:"none",borderRadius:e.appBorderRadius,backgroundColor:"transparent",color:e.color.mediumdark,cursor:"pointer",transition:"all 0.15s","& svg":{width:"14px",height:"14px"},"&:hover":{backgroundColor:e.background.hoverable,color:e.color.defaultText}})),iz=vr.button({position:"fixed",bottom:"20px",right:"20px",width:"48px",height:"48px",borderRadius:"50%",backgroundColor:G,color:"white",border:"none",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"22px",cursor:"pointer",boxShadow:`0 4px 14px ${G}66, 0 2px 4px rgba(0,0,0,0.1)`,transition:"all 0.2s ease",zIndex:9999,"&:hover":{transform:"scale(1.08)",boxShadow:`0 6px 20px ${G}88, 0 3px 6px rgba(0,0,0,0.15)`},"&:active":{transform:"scale(0.96)"}}),az=30*1e3,Um=({onOpenSettings:e})=>{let[t,r]=nu(!1),[n,o]=nu(!1),[i,a]=nu(!1),[s,u]=nu(!1),c=UB(null),{usageData:l,usageLastFetched:p,setUsageData:g,sessionToken:d,resetAuth:f}=he(),{userRole:y,roleOverride:I,featureFlags:S}=ue(),x=I??y,M=!!d&&d.startsWith("uic_anon_"),z=x==="admin"||!!S.enableAiReview;$m(()=>{(async()=>{if(!(!d||p&&Date.now()-p<az&&l)){u(!0);try{let F=K(),C=await Q(`${F}/api/addon/account`,{headers:{Authorization:`Bearer ${d}`}});if(C.ok){let A=await C.json();g(A)}}catch(F){console.error("Failed to fetch balance:",F)}finally{u(!1)}}})()},[d,p,l,g]),$m(()=>{let h=()=>{document.visibilityState==="visible"&&t&&r(!1)},b=()=>{t&&r(!1)};return document.addEventListener("visibilitychange",h),window.addEventListener("focus",b),()=>{document.removeEventListener("visibilitychange",h),window.removeEventListener("focus",b)}},[t]),$m(()=>{if(!i)return;let h=F=>{c.current&&!c.current.contains(F.target)&&a(!1)},b=F=>{F.key==="Escape"&&a(!1)};return document.addEventListener("mousedown",h),document.addEventListener("keydown",b),()=>{document.removeEventListener("mousedown",h),document.removeEventListener("keydown",b)}},[i]);let O=Om(()=>{r(!0)},[]),L=Om(()=>{r(!1)},[]),_=Om(async()=>{if(a(!1),d)try{await fetch(`${K()}/api/addon/auth/sign-out`,{method:"POST",headers:{Authorization:`Bearer ${d}`}})}catch{}f()},[d,f]),m=l?.creditBalance??0,v=m<2&&!s,k=l?.email,E=(()=>{if(!k)return"?";let h=k.split("@")[0],b=h.split(/[^a-zA-Z0-9]+/).filter(Boolean);return b.length>=2?(b[0][0]+b[1][0]).toUpperCase():h.slice(0,2).toUpperCase()})();return yt.createElement(jB,null,yt.createElement(VB,null,yt.createElement(WB,{"aria-hidden":!0},"\u21CB"),yt.createElement(GB,null,Ut.NAME),yt.createElement(qB,null,"v","0.10.2")),yt.createElement(YB,null,M&&yt.createElement(KB,{title:"Guest session \u2014 sign up to save your work"},yt.createElement("span",{"aria-hidden":!0},yt.createElement(ps,null)),"Guest"),d&&y==="admin"&&x==="admin"&&yt.createElement(Qv,null),d&&S.showCosts&&z&&yt.createElement(rS,{onClick:O,isLow:v,title:s?"Loading...":l?v?"Low balance - click to top up":"Credit balance - click for details":"Click to load balance"},s?yt.createElement(nz,null):l?yt.createElement(yt.Fragment,null,yt.createElement(nS,{isLow:v}),"$",m.toFixed(2)):"..."),d&&!S.showCosts&&l&&z&&yt.createElement(rS,{onClick:O,isLow:Math.floor(m)<=3,title:`${Math.floor(m)} review credits \u2014 click for details`},yt.createElement(nS,{isLow:Math.floor(m)<=3}),Math.floor(m)),e&&d&&yt.createElement(oz,{onClick:e,title:"Settings","aria-label":"Settings"},yt.createElement(cp,null)),!M&&yt.createElement(XB,{ref:c},yt.createElement(JB,{title:"Account","aria-label":"Account",onClick:()=>a(h=>!h)},E),i&&yt.createElement(QB,{role:"menu"},yt.createElement(ZB,null,yt.createElement(ez,null,k||"Account"),l?.plan&&yt.createElement(tz,null,l.plan," plan")),yt.createElement(Hm,{role:"menuitem",onClick:()=>{a(!1),O()}},yt.createElement("span",{"aria-hidden":!0},yt.createElement(ps,null))," ","Account & usage"),e&&yt.createElement(Hm,{role:"menuitem",onClick:()=>{a(!1),e()}},yt.createElement("span",{"aria-hidden":!0},yt.createElement(cp,null))," ","Settings"),yt.createElement(rz,null),yt.createElement(Hm,{role:"menuitem",onClick:_},"Sign out")),t&&yt.createElement(Xv,{onClose:L}))),d&&yt.createElement(iz,{onClick:()=>o(!0),title:"Send feedback","aria-label":"Send feedback"},"\u{1F4AC}"),yt.createElement(tS,{isOpen:n,onClose:()=>o(!1)}))};import _e,{useEffect as cU,useRef as od,useState as uU}from"react";import Xr from"react";Se();Ue();De();ut();dr();import{useState as aS,useCallback as ro,useRef as sS,useEffect as jm}from"react";De();ut();var sz=K(),Ia=null;function oS(e){Ia=e}async function iS(e){if(!Ia||!e||e===Ia||e.startsWith("uic_anon_"))return null;let t=Ia;Ia=null;try{let r=await Q(`${sz}/api/anonymous/claim`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify({anonymousToken:t})});if(!r.ok)throw new Error(`claim failed: ${r.status}`);let n=await r.json().catch(()=>({}));return typeof n?.claimedProjects=="number"?n.claimedProjects:0}catch(r){throw Ia=t,r}}var _n=K();w.debug("[useAuth] Module loaded, APP_URL:",_n);var ou=null,iu=null,qs=null;function Ys(){ou&&(clearInterval(ou),ou=null),iu&&(clearTimeout(iu),iu=null)}var no=()=>{let e=sS(null),t=sS(null),r=ro(()=>{t.current&&(clearTimeout(t.current),t.current=null)},[]),{sessionToken:n,apiKey:o,authMethod:i,deviceCode:a,userCode:s,verificationUri:u,isConnected:c,authError:l,setSessionToken:p,setApiKey:g,setAuthMethod:d,setDeviceCode:f,setUserCode:y,setVerificationUri:I,setPollingInterval:S,setAuthError:x,resetAuth:M}=he(),[z,O]=aS(!1),[L,_]=aS(!1),m=ro(()=>{Ys(),qs=null},[]),v=ro(P=>{qs=P,Ys();let N=async()=>{let T=qs;if(!T){Ys();return}try{let H=await(await fetch(`${_n}/api/addon/auth/poll`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({device_code:T})})).json();H.status==="authorized"&&H.session_token?(w.debug("[useAuth] \u2705 OAuth poll successful! Got token."),Ys(),r(),qs=null,localStorage.setItem("uicopilot_session_token",H.session_token),p(H.session_token),O(!1)):H.status==="expired"&&(w.debug("[useAuth] OAuth poll_code expired"),Ys(),r(),qs=null,O(!1))}catch(D){w.error("[useAuth] OAuth poll error:",D)}};ou=setInterval(N,2e3),iu=setTimeout(N,1e3)},[p,r]);jm(()=>{function P(N){if(!N.origin.startsWith(_n))return;let T=N.data;if(!T||typeof T!="object")return;let D=T;if(D.type==="UICOPILOT_AUTH_ERROR"){w.debug("[useAuth] Popup reported auth error:",D.step,D.detail),m(),O(!1);let H=typeof D.step=="string"?D.step:"auth",R=typeof D.detail=="string"?D.detail:"Unknown error";x(`${Ut.NAME} auth failed (${H}): ${R}`)}else D.type==="UICOPILOT_AUTH_POLL_CODE"&&typeof D.pollCode=="string"&&D.pollCode&&(w.debug("[useAuth] Popup handed us a fresh poll_code, switching"),x(null),v(D.pollCode))}return window.addEventListener("message",P),()=>window.removeEventListener("message",P)},[v,m,x]);let k=ro(async()=>{let T=Math.max(0,Math.round((window.screen.width-480)/2)),D=Math.max(0,Math.round((window.screen.height-640)/2)),H=`width=480,height=640,left=${T},top=${D},resizable=yes,scrollbars=yes`,R=null;try{R=window.open("about:blank","uiparity-signin",H)}catch{}try{w.debug("[useAuth] Starting OAuth flow, requesting poll_code...");let ee;try{ee=await Q(`${_n}/api/addon/auth/oauth-poll`,{method:"POST"})}catch(te){let ye=te instanceof Error&&te.message.includes("timed out")?`Cannot reach ${Ut.NAME} server at ${_n}. Is the dashboard running?`:`Connection failed: ${_n} is not responding.`;x(ye),w.error("[useAuth]",ye),R?.close();return}if(!ee.ok){let te=`Cannot reach ${Ut.NAME} server. Is the dashboard running?`;x(te),w.error("[useAuth]",te),R?.close();return}let{poll_code:j}=await ee.json();w.debug("[useAuth] Got poll_code:",j.substring(0,15)+"...");let Y=localStorage.getItem("uicopilot_force_sign_in")==="true";Y&&localStorage.removeItem("uicopilot_force_sign_in");let X=`${_n}/addon/auth?poll_code=${j}${Y?"&force_sign_in=true":""}`;O(!0),R&&!R.closed?R.location.href=X:window.open(X,"uiparity-signin",H),r(),t.current=setTimeout(()=>{O(!1),m()},9e4),w.debug("[useAuth] Starting OAuth poll for token..."),v(j)}catch(ee){w.error("[useAuth] OAuth flow error:",ee),x(`Connection failed. Is the dashboard running at ${_n}?`),O(!1),R?.close()}},[x,v,r,m]),E=ro(async()=>{try{let P=await fetch(`${_n}/api/addon/auth/device`,{method:"POST"});if(!P.ok)throw new Error("Failed to start device code flow");let N=await P.json();f(N.device_code),y(N.user_code),I(N.verification_uri),window.open(N.verification_uri,"_blank"),h(N.device_code,N.interval*1e3)}catch(P){throw w.error("[useAuth] Device code flow error:",P),P}},[f,y,I]),h=ro((P,N)=>{w.debug("[useAuth] Starting polling. Device code:",P,"Interval:",N),e.current&&clearInterval(e.current);let T=async()=>{try{let H=await(await fetch(`${_n}/api/addon/auth/poll`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({device_code:P})})).json();H.status==="authorized"?(w.debug("[useAuth] Device code authorization successful!"),e.current&&(clearInterval(e.current),e.current=null),f(null),y(null),I(null),localStorage.setItem("uicopilot_session_token",H.session_token),p(H.session_token),O(!1)):(H.status==="expired"||H.status==="denied")&&(w.debug("[useAuth] Device code expired or denied"),e.current&&(clearInterval(e.current),e.current=null),f(null),y(null),I(null))}catch(D){w.error("[useAuth] Polling error:",D)}};e.current=setInterval(T,N),S(N)},[f,y,I,p,S]),b=ro(()=>{e.current&&(clearInterval(e.current),e.current=null),f(null),y(null),I(null),S(null)},[f,y,I,S]),F=ro(P=>{g(P),p(P),localStorage.setItem("uicopilot_api_key",P)},[g,p]),C=ro(async()=>{if(n)try{await Q(`${_n}/api/addon/auth/sign-out`,{method:"POST",headers:{Authorization:`Bearer ${n}`}})}catch{}M(),O(!1),e.current&&(clearInterval(e.current),e.current=null),m()},[n,M,m]),A=ro(async()=>{_(!0),x(null);try{let P=await Q(`${_n}/api/anonymous/session`,{method:"POST"});if(!P.ok)throw new Error(`anonymous session ${P.status}`);let N=await P.json();if(!N?.token)throw new Error("anonymous session: no token");p(N.token)}catch{x("Couldn't start a guest session. Please try again.")}finally{_(!1)}},[p,x]),B=ro(()=>{n&&n.startsWith("uic_anon_")&&(oS(n),typeof localStorage<"u"&&localStorage.removeItem("uicopilot_force_sign_in")),k()},[n,k]);return jm(()=>{!n||n.startsWith("uic_anon_")||iS(n).then(P=>{P!==null&&w.info(`[useAuth] Guest work claimed (${P} project${P===1?"":"s"}).`)}).catch(P=>{w.error("[useAuth] Guest claim failed:",P)})},[n]),jm(()=>()=>{e.current&&clearInterval(e.current),r()},[r]),{sessionToken:n,apiKey:o,authMethod:i,deviceCode:a,userCode:s,verificationUri:u,isConnected:c,authError:l,oauthPending:z,anonPending:L,isAnonymous:!!n&&n.startsWith("uic_anon_"),setAuthMethod:d,startOAuth:k,startAnonymous:A,signUpToSave:B,startDeviceCode:E,cancelDeviceCode:b,saveApiKey:F,logout:C}};Se();Ue();De();ut();import{useCallback as au}from"react";var Ks=K(),In=()=>{let{projects:e,selectedProjectId:t,loadingProjects:r,setProjects:n,setSelectedProjectId:o,setLoadingProjects:i,getSelectedProject:a}=Ke(),{sessionToken:s}=he(),u=au(async()=>{if(!s){w.debug("[useProjects] No session token, skipping fetch");return}try{i(!0),w.debug("[useProjects] Fetching from:",`${Ks}/api/projects`);let g=await Q(`${Ks}/api/projects`,{headers:{"Content-Type":"application/json",Authorization:`Bearer ${s}`}});if(g.ok){let d=await g.json();w.debug("[useProjects] Projects:",d.projects),n(d.projects||[])}else w.error("[useProjects] Failed to fetch projects:",g.status,g.statusText)}catch(g){w.error("[useProjects] Error fetching projects:",g)}finally{i(!1)}},[s,n,i]),c=au(async g=>{if(!s)throw new Error("Not authenticated");let d=await Q(`${Ks}/api/projects`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${s}`},body:JSON.stringify(g)});if(!d.ok)throw new Error("Failed to create project");let f=await d.json();return await u(),f.project},[s,u]),l=au(async(g,d)=>{if(!s)throw new Error("Not authenticated");let f={};if(d.name!==void 0&&(f.name=d.name),d.description!==void 0&&(f.description=d.description),d.figmaFileUrl!==void 0&&(f.figmaFileId=d.figmaFileUrl===""?null:d.figmaFileUrl),!(await Q(`${Ks}/api/projects/${g}`,{method:"PATCH",headers:{"Content-Type":"application/json",Authorization:`Bearer ${s}`},body:JSON.stringify(f)})).ok)throw new Error("Failed to update project");await u()},[s,u]),p=au(async g=>{if(!s)throw new Error("Not authenticated");if(!(await Q(`${Ks}/api/projects/${g}`,{method:"DELETE",headers:{Authorization:`Bearer ${s}`}})).ok)throw new Error("Failed to delete project");await u(),t===g&&o(null)},[s,t,u,o]);return{projects:e,selectedProjectId:t,selectedProject:a(),loadingProjects:r,setSelectedProjectId:o,fetchProjects:u,createProject:c,updateProject:l,deleteProject:p}};Se();var Xs=()=>{let{showComponentBrowser:e,figmaFileUrl:t,currentMapping:r,mappingSource:n,loadingMapping:o,showFigmaQuality:i,setShowComponentBrowser:a,setFigmaFileUrl:s,setCurrentMapping:u,setMappingSource:c,setLoadingMapping:l,setShowFigmaQuality:p}=gt();return{showComponentBrowser:e,figmaFileUrl:t,currentMapping:r,mappingSource:n,loadingMapping:o,showFigmaQuality:i,setShowComponentBrowser:a,setFigmaFileUrl:s,setCurrentMapping:u,setMappingSource:c,setLoadingMapping:l,setShowFigmaQuality:p,openComponentBrowser:()=>a(!0),closeComponentBrowser:()=>a(!1)}};Se();Ym();du();import{useCallback as ll,useRef as wu}from"react";Ue();function pu(){return new Promise(e=>{let t=document.getElementById("storybook-preview-iframe");if(!t||!t.contentWindow){w.warn("[iframeReload] No preview iframe found"),e();return}let r=t.contentWindow.location.href,n=new URL(r);n.searchParams.set("_cb",Date.now().toString());let o=n.toString();w.debug("[iframeReload] Triggering cache-busted reload:",o);let i=setTimeout(()=>{w.warn("[iframeReload] Iframe reload timed out after 5s"),t.removeEventListener("load",a),e()},5e3),a=()=>{clearTimeout(i),t.removeEventListener("load",a),w.debug("[iframeReload] Iframe loaded, waiting for HMR and styles to settle..."),setTimeout(()=>{w.debug("[iframeReload] Iframe reloaded and styles should be fresh"),e()},2e3)};t.addEventListener("load",a),t.contentWindow.location.href=o})}function gu(e){return e&&e!=="admin"?{"X-UIC-Role-Preview":e}:{}}var fu=BigInt(4294967295),CS=BigInt(32);function Az(e,t=!1){return t?{h:Number(e&fu),l:Number(e>>CS&fu)}:{h:Number(e>>CS&fu)|0,l:Number(e&fu)|0}}function IS(e,t=!1){let r=e.length,n=new Uint32Array(r),o=new Uint32Array(r);for(let i=0;i<r;i++){let{h:a,l:s}=Az(e[i],t);[n[i],o[i]]=[a,s]}return[n,o]}var TS=(e,t,r)=>e<<r|t>>>32-r,ES=(e,t,r)=>t<<r|e>>>32-r,RS=(e,t,r)=>t<<r-32|e>>>64-r,AS=(e,t,r)=>e<<r-32|t>>>64-r;function Fz(e){return e instanceof Uint8Array||ArrayBuffer.isView(e)&&e.constructor.name==="Uint8Array"}function Zm(e,t=""){if(!Number.isSafeInteger(e)||e<0){let r=t&&`"${t}" `;throw new Error(`${r}expected integer >= 0, got ${e}`)}}function mu(e,t,r=""){let n=Fz(e),o=e?.length,i=t!==void 0;if(!n||i&&o!==t){let a=r&&`"${r}" `,s=i?` of length ${t}`:"",u=n?`length=${o}`:`type=${typeof e}`;throw new Error(a+"expected Uint8Array"+s+", got "+u)}return e}function eh(e,t=!0){if(e.destroyed)throw new Error("Hash instance has been destroyed");if(t&&e.finished)throw new Error("Hash#digest() has already been called")}function FS(e,t){mu(e,void 0,"digestInto() output");let r=t.outputLen;if(e.length<r)throw new Error('"digestInto() output" expected to be of length >='+r)}function PS(e){return new Uint32Array(e.buffer,e.byteOffset,Math.floor(e.byteLength/4))}function th(...e){for(let t=0;t<e.length;t++)e[t].fill(0)}var Pz=new Uint8Array(new Uint32Array([287454020]).buffer)[0]===68;function Mz(e){return e<<24&4278190080|e<<8&16711680|e>>>8&65280|e>>>24&255}function Lz(e){for(let t=0;t<e.length;t++)e[t]=Mz(e[t]);return e}var rh=Pz?e=>e:Lz;function MS(e,t={}){let r=(o,i)=>e(i).update(o).digest(),n=e(void 0);return r.outputLen=n.outputLen,r.blockLen=n.blockLen,r.create=o=>e(o),Object.assign(r,t),Object.freeze(r)}var LS=e=>({oid:Uint8Array.from([6,9,96,134,72,1,101,3,4,2,e])});var Bz=BigInt(0),tl=BigInt(1),zz=BigInt(2),Dz=BigInt(7),_z=BigInt(256),Nz=BigInt(113),DS=[],_S=[],NS=[];for(let e=0,t=tl,r=1,n=0;e<24;e++){[r,n]=[n,(2*r+3*n)%5],DS.push(2*(5*n+r)),_S.push((e+1)*(e+2)/2%64);let o=Bz;for(let i=0;i<7;i++)t=(t<<tl^(t>>Dz)*Nz)%_z,t&zz&&(o^=tl<<(tl<<BigInt(i))-tl);NS.push(o)}var OS=IS(NS,!0),Oz=OS[0],$z=OS[1],BS=(e,t,r)=>r>32?RS(e,t,r):TS(e,t,r),zS=(e,t,r)=>r>32?AS(e,t,r):ES(e,t,r);function Hz(e,t=24){let r=new Uint32Array(10);for(let n=24-t;n<24;n++){for(let a=0;a<10;a++)r[a]=e[a]^e[a+10]^e[a+20]^e[a+30]^e[a+40];for(let a=0;a<10;a+=2){let s=(a+8)%10,u=(a+2)%10,c=r[u],l=r[u+1],p=BS(c,l,1)^r[s],g=zS(c,l,1)^r[s+1];for(let d=0;d<50;d+=10)e[a+d]^=p,e[a+d+1]^=g}let o=e[2],i=e[3];for(let a=0;a<24;a++){let s=_S[a],u=BS(o,i,s),c=zS(o,i,s),l=DS[a];o=e[l],i=e[l+1],e[l]=u,e[l+1]=c}for(let a=0;a<50;a+=10){for(let s=0;s<10;s++)r[s]=e[a+s];for(let s=0;s<10;s++)e[a+s]^=~r[(s+2)%10]&r[(s+4)%10]}e[0]^=Oz[n],e[1]^=$z[n]}th(r)}var nh=class e{constructor(t,r,n,o=!1,i=24){Pn(this,"state");Pn(this,"pos",0);Pn(this,"posOut",0);Pn(this,"finished",!1);Pn(this,"state32");Pn(this,"destroyed",!1);Pn(this,"blockLen");Pn(this,"suffix");Pn(this,"outputLen");Pn(this,"enableXOF",!1);Pn(this,"rounds");if(this.blockLen=t,this.suffix=r,this.outputLen=n,this.enableXOF=o,this.rounds=i,Zm(n,"outputLen"),!(0<t&&t<200))throw new Error("only keccak-f1600 function is supported");this.state=new Uint8Array(200),this.state32=PS(this.state)}clone(){return this._cloneInto()}keccak(){rh(this.state32),Hz(this.state32,this.rounds),rh(this.state32),this.posOut=0,this.pos=0}update(t){eh(this),mu(t);let{blockLen:r,state:n}=this,o=t.length;for(let i=0;i<o;){let a=Math.min(r-this.pos,o-i);for(let s=0;s<a;s++)n[this.pos++]^=t[i++];this.pos===r&&this.keccak()}return this}finish(){if(this.finished)return;this.finished=!0;let{state:t,suffix:r,pos:n,blockLen:o}=this;t[n]^=r,(r&128)!==0&&n===o-1&&this.keccak(),t[o-1]^=128,this.keccak()}writeInto(t){eh(this,!1),mu(t),this.finish();let r=this.state,{blockLen:n}=this;for(let o=0,i=t.length;o<i;){this.posOut>=n&&this.keccak();let a=Math.min(n-this.posOut,i-o);t.set(r.subarray(this.posOut,this.posOut+a),o),this.posOut+=a,o+=a}return t}xofInto(t){if(!this.enableXOF)throw new Error("XOF is not possible for this instance");return this.writeInto(t)}xof(t){return Zm(t),this.xofInto(new Uint8Array(t))}digestInto(t){if(FS(t,this),this.finished)throw new Error("digest() was already called");return this.writeInto(t),this.destroy(),t}digest(){return this.digestInto(new Uint8Array(this.outputLen))}destroy(){this.destroyed=!0,th(this.state)}_cloneInto(t){let{blockLen:r,suffix:n,outputLen:o,rounds:i,enableXOF:a}=this;return t||(t=new e(r,n,o,a,i)),t.state32.set(this.state32),t.pos=this.pos,t.posOut=this.posOut,t.finished=this.finished,t.rounds=i,t.suffix=n,t.outputLen=o,t.enableXOF=a,t.destroyed=this.destroyed,t}},Uz=(e,t,r,n={})=>MS(()=>new nh(t,e,r),n);var $S=Uz(6,72,64,LS(10));var jz=/^-?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?$/i,oh=Math.ceil,On=Math.floor,gn="[BigNumber Error] ",HS=gn+"Number primitive has more than 15 significant digits: ",oo=1e14,rt=14,ih=9007199254740991,ah=[1,10,100,1e3,1e4,1e5,1e6,1e7,1e8,1e9,1e10,1e11,1e12,1e13],ai=1e7,Lr=1e9;function US(e){var t,r,n,o=x.prototype={constructor:x,toString:null,valueOf:null},i=new x(1),a=20,s=4,u=-7,c=21,l=-1e7,p=1e7,g=!1,d=1,f=0,y={prefix:"",groupSize:3,secondaryGroupSize:0,groupSeparator:",",decimalSeparator:".",fractionGroupSize:0,fractionGroupSeparator:"\xA0",suffix:""},I="0123456789abcdefghijklmnopqrstuvwxyz",S=!0;function x(m,v){var k,E,h,b,F,C,A,B,P=this;if(!(P instanceof x))return new x(m,v);if(v==null){if(m&&m._isBigNumber===!0){P.s=m.s,!m.c||m.e>p?P.c=P.e=null:m.e<l?P.c=[P.e=0]:(P.e=m.e,P.c=m.c.slice());return}if((C=typeof m=="number")&&m*0==0){if(P.s=1/m<0?(m=-m,-1):1,m===~~m){for(b=0,F=m;F>=10;F/=10,b++);b>p?P.c=P.e=null:(P.e=b,P.c=[m]);return}B=String(m)}else{if(!jz.test(B=String(m)))return n(P,B,C);P.s=B.charCodeAt(0)==45?(B=B.slice(1),-1):1}(b=B.indexOf("."))>-1&&(B=B.replace(".","")),(F=B.search(/e/i))>0?(b<0&&(b=F),b+=+B.slice(F+1),B=B.substring(0,F)):b<0&&(b=B.length)}else{if(nr(v,2,I.length,"Base"),v==10&&S)return P=new x(m),L(P,a+P.e+1,s);if(B=String(m),C=typeof m=="number"){if(m*0!=0)return n(P,B,C,v);if(P.s=1/m<0?(B=B.slice(1),-1):1,x.DEBUG&&B.replace(/^0\.0*|\./,"").length>15)throw Error(HS+m)}else P.s=B.charCodeAt(0)===45?(B=B.slice(1),-1):1;for(k=I.slice(0,v),b=F=0,A=B.length;F<A;F++)if(k.indexOf(E=B.charAt(F))<0){if(E=="."){if(F>b){b=A;continue}}else if(!h&&(B==B.toUpperCase()&&(B=B.toLowerCase())||B==B.toLowerCase()&&(B=B.toUpperCase()))){h=!0,F=-1,b=0;continue}return n(P,String(m),C,v)}C=!1,B=r(B,v,10,P.s),(b=B.indexOf("."))>-1?B=B.replace(".",""):b=B.length}for(F=0;B.charCodeAt(F)===48;F++);for(A=B.length;B.charCodeAt(--A)===48;);if(B=B.slice(F,++A)){if(A-=F,C&&x.DEBUG&&A>15&&(m>ih||m!==On(m)))throw Error(HS+P.s*m);if((b=b-F-1)>p)P.c=P.e=null;else if(b<l)P.c=[P.e=0];else{if(P.e=b,P.c=[],F=(b+1)%rt,b<0&&(F+=rt),F<A){for(F&&P.c.push(+B.slice(0,F)),A-=rt;F<A;)P.c.push(+B.slice(F,F+=rt));F=rt-(B=B.slice(F)).length}else F-=A;for(;F--;B+="0");P.c.push(+B)}}else P.c=[P.e=0]}x.clone=US,x.ROUND_UP=0,x.ROUND_DOWN=1,x.ROUND_CEIL=2,x.ROUND_FLOOR=3,x.ROUND_HALF_UP=4,x.ROUND_HALF_DOWN=5,x.ROUND_HALF_EVEN=6,x.ROUND_HALF_CEIL=7,x.ROUND_HALF_FLOOR=8,x.EUCLID=9,x.config=x.set=function(m){var v,k;if(m!=null)if(typeof m=="object"){if(m.hasOwnProperty(v="DECIMAL_PLACES")&&(k=m[v],nr(k,0,Lr,v),a=k),m.hasOwnProperty(v="ROUNDING_MODE")&&(k=m[v],nr(k,0,8,v),s=k),m.hasOwnProperty(v="EXPONENTIAL_AT")&&(k=m[v],k&&k.pop?(nr(k[0],-Lr,0,v),nr(k[1],0,Lr,v),u=k[0],c=k[1]):(nr(k,-Lr,Lr,v),u=-(c=k<0?-k:k))),m.hasOwnProperty(v="RANGE"))if(k=m[v],k&&k.pop)nr(k[0],-Lr,-1,v),nr(k[1],1,Lr,v),l=k[0],p=k[1];else if(nr(k,-Lr,Lr,v),k)l=-(p=k<0?-k:k);else throw Error(gn+v+" cannot be zero: "+k);if(m.hasOwnProperty(v="CRYPTO"))if(k=m[v],k===!!k)if(k)if(typeof crypto<"u"&&crypto&&(crypto.getRandomValues||crypto.randomBytes))g=k;else throw g=!k,Error(gn+"crypto unavailable");else g=k;else throw Error(gn+v+" not true or false: "+k);if(m.hasOwnProperty(v="MODULO_MODE")&&(k=m[v],nr(k,0,9,v),d=k),m.hasOwnProperty(v="POW_PRECISION")&&(k=m[v],nr(k,0,Lr,v),f=k),m.hasOwnProperty(v="FORMAT"))if(k=m[v],typeof k=="object")y=k;else throw Error(gn+v+" not an object: "+k);if(m.hasOwnProperty(v="ALPHABET"))if(k=m[v],typeof k=="string"&&!/^.?$|[+\-.\s]|(.).*\1/.test(k))S=k.slice(0,10)=="0123456789",I=k;else throw Error(gn+v+" invalid: "+k)}else throw Error(gn+"Object expected: "+m);return{DECIMAL_PLACES:a,ROUNDING_MODE:s,EXPONENTIAL_AT:[u,c],RANGE:[l,p],CRYPTO:g,MODULO_MODE:d,POW_PRECISION:f,FORMAT:y,ALPHABET:I}},x.isBigNumber=function(m){if(!m||m._isBigNumber!==!0)return!1;if(!x.DEBUG)return!0;var v,k,E=m.c,h=m.e,b=m.s;e:if({}.toString.call(E)=="[object Array]"){if((b===1||b===-1)&&h>=-Lr&&h<=Lr&&h===On(h)){if(E[0]===0){if(h===0&&E.length===1)return!0;break e}if(v=(h+1)%rt,v<1&&(v+=rt),String(E[0]).length==v){for(v=0;v<E.length;v++)if(k=E[v],k<0||k>=oo||k!==On(k))break e;if(k!==0)return!0}}}else if(E===null&&h===null&&(b===null||b===1||b===-1))return!0;throw Error(gn+"Invalid BigNumber: "+m)},x.maximum=x.max=function(){return z(arguments,-1)},x.minimum=x.min=function(){return z(arguments,1)},x.random=(function(){var m=9007199254740992,v=Math.random()*m&2097151?function(){return On(Math.random()*m)}:function(){return(Math.random()*1073741824|0)*8388608+(Math.random()*8388608|0)};return function(k){var E,h,b,F,C,A=0,B=[],P=new x(i);if(k==null?k=a:nr(k,0,Lr),F=oh(k/rt),g)if(crypto.getRandomValues){for(E=crypto.getRandomValues(new Uint32Array(F*=2));A<F;)C=E[A]*131072+(E[A+1]>>>11),C>=9e15?(h=crypto.getRandomValues(new Uint32Array(2)),E[A]=h[0],E[A+1]=h[1]):(B.push(C%1e14),A+=2);A=F/2}else if(crypto.randomBytes){for(E=crypto.randomBytes(F*=7);A<F;)C=(E[A]&31)*281474976710656+E[A+1]*1099511627776+E[A+2]*4294967296+E[A+3]*16777216+(E[A+4]<<16)+(E[A+5]<<8)+E[A+6],C>=9e15?crypto.randomBytes(7).copy(E,A):(B.push(C%1e14),A+=7);A=F/7}else throw g=!1,Error(gn+"crypto unavailable");if(!g)for(;A<F;)C=v(),C<9e15&&(B[A++]=C%1e14);for(F=B[--A],k%=rt,F&&k&&(C=ah[rt-k],B[A]=On(F/C)*C);B[A]===0;B.pop(),A--);if(A<0)B=[b=0];else{for(b=-1;B[0]===0;B.splice(0,1),b-=rt);for(A=1,C=B[0];C>=10;C/=10,A++);A<rt&&(b-=rt-A)}return P.e=b,P.c=B,P}})(),x.sum=function(){for(var m=1,v=arguments,k=new x(v[0]);m<v.length;)k=k.plus(v[m++]);return k},r=(function(){var m="0123456789";function v(k,E,h,b){for(var F,C=[0],A,B=0,P=k.length;B<P;){for(A=C.length;A--;C[A]*=E);for(C[0]+=b.indexOf(k.charAt(B++)),F=0;F<C.length;F++)C[F]>h-1&&(C[F+1]==null&&(C[F+1]=0),C[F+1]+=C[F]/h|0,C[F]%=h)}return C.reverse()}return function(k,E,h,b,F){var C,A,B,P,N,T,D,H,R=k.indexOf("."),ee=a,j=s;for(R>=0&&(P=f,f=0,k=k.replace(".",""),H=new x(E),T=H.pow(k.length-R),f=P,H.c=v(Ho(Nn(T.c),T.e,"0"),10,h,m),H.e=H.c.length),D=v(k,E,h,F?(C=I,m):(C=m,I)),B=P=D.length;D[--P]==0;D.pop());if(!D[0])return C.charAt(0);if(R<0?--B:(T.c=D,T.e=B,T.s=b,T=t(T,H,ee,j,h),D=T.c,N=T.r,B=T.e),A=B+ee+1,R=D[A],P=h/2,N=N||A<0||D[A+1]!=null,N=j<4?(R!=null||N)&&(j==0||j==(T.s<0?3:2)):R>P||R==P&&(j==4||N||j==6&&D[A-1]&1||j==(T.s<0?8:7)),A<1||!D[0])k=N?Ho(C.charAt(1),-ee,C.charAt(0)):C.charAt(0);else{if(D.length=A,N)for(--h;++D[--A]>h;)D[A]=0,A||(++B,D=[1].concat(D));for(P=D.length;!D[--P];);for(R=0,k="";R<=P;k+=C.charAt(D[R++]));k=Ho(k,B,C.charAt(0))}return k}})(),t=(function(){function m(E,h,b){var F,C,A,B,P=0,N=E.length,T=h%ai,D=h/ai|0;for(E=E.slice();N--;)A=E[N]%ai,B=E[N]/ai|0,F=D*A+B*T,C=T*A+F%ai*ai+P,P=(C/b|0)+(F/ai|0)+D*B,E[N]=C%b;return P&&(E=[P].concat(E)),E}function v(E,h,b,F){var C,A;if(b!=F)A=b>F?1:-1;else for(C=A=0;C<b;C++)if(E[C]!=h[C]){A=E[C]>h[C]?1:-1;break}return A}function k(E,h,b,F){for(var C=0;b--;)E[b]-=C,C=E[b]<h[b]?1:0,E[b]=C*F+E[b]-h[b];for(;!E[0]&&E.length>1;E.splice(0,1));}return function(E,h,b,F,C){var A,B,P,N,T,D,H,R,ee,j,Y,X,te,Te,ye,de,Fe,ge=E.s==h.s?1:-1,Le=E.c,pe=h.c;if(!Le||!Le[0]||!pe||!pe[0])return new x(!E.s||!h.s||(Le?pe&&Le[0]==pe[0]:!pe)?NaN:Le&&Le[0]==0||!pe?ge*0:ge/0);for(R=new x(ge),ee=R.c=[],B=E.e-h.e,ge=b+B+1,C||(C=oo,B=$n(E.e/rt)-$n(h.e/rt),ge=ge/rt|0),P=0;pe[P]==(Le[P]||0);P++);if(pe[P]>(Le[P]||0)&&B--,ge<0)ee.push(1),N=!0;else{for(Te=Le.length,de=pe.length,P=0,ge+=2,T=On(C/(pe[0]+1)),T>1&&(pe=m(pe,T,C),Le=m(Le,T,C),de=pe.length,Te=Le.length),te=de,j=Le.slice(0,de),Y=j.length;Y<de;j[Y++]=0);Fe=pe.slice(),Fe=[0].concat(Fe),ye=pe[0],pe[1]>=C/2&&ye++;do{if(T=0,A=v(pe,j,de,Y),A<0){if(X=j[0],de!=Y&&(X=X*C+(j[1]||0)),T=On(X/ye),T>1)for(T>=C&&(T=C-1),D=m(pe,T,C),H=D.length,Y=j.length;v(D,j,H,Y)==1;)T--,k(D,de<H?Fe:pe,H,C),H=D.length,A=1;else T==0&&(A=T=1),D=pe.slice(),H=D.length;if(H<Y&&(D=[0].concat(D)),k(j,D,Y,C),Y=j.length,A==-1)for(;v(pe,j,de,Y)<1;)T++,k(j,de<Y?Fe:pe,Y,C),Y=j.length}else A===0&&(T++,j=[0]);ee[P++]=T,j[0]?j[Y++]=Le[te]||0:(j=[Le[te]],Y=1)}while((te++<Te||j[0]!=null)&&ge--);N=j[0]!=null,ee[0]||ee.splice(0,1)}if(C==oo){for(P=1,ge=ee[0];ge>=10;ge/=10,P++);L(R,b+(R.e=P+B*rt-1)+1,F,N)}else R.e=B,R.r=+N;return R}})();function M(m,v,k,E){var h,b,F,C,A;if(k==null?k=s:nr(k,0,8),!m.c)return m.toString();if(h=m.c[0],F=m.e,v==null)A=Nn(m.c),A=E==1||E==2&&(F<=u||F>=c)?xu(A,F):Ho(A,F,"0");else if(m=L(new x(m),v,k),b=m.e,A=Nn(m.c),C=A.length,E==1||E==2&&(v<=b||b<=u)){for(;C<v;A+="0",C++);A=xu(A,b)}else if(v-=F+(E===2&&b>F),A=Ho(A,b,"0"),b+1>C){if(--v>0)for(A+=".";v--;A+="0");}else if(v+=b-C,v>0)for(b+1==C&&(A+=".");v--;A+="0");return m.s<0&&h?"-"+A:A}function z(m,v){for(var k,E,h=1,b=new x(m[0]);h<m.length;h++)E=new x(m[h]),(!E.s||(k=Ni(b,E))===v||k===0&&b.s===v)&&(b=E);return b}function O(m,v,k){for(var E=1,h=v.length;!v[--h];v.pop());for(h=v[0];h>=10;h/=10,E++);return(k=E+k*rt-1)>p?m.c=m.e=null:k<l?m.c=[m.e=0]:(m.e=k,m.c=v),m}n=(function(){var m=/^(-?)0([xbo])(?=\w[\w.]*$)/i,v=/^([^.]+)\.$/,k=/^\.([^.]+)$/,E=/^-?(Infinity|NaN)$/,h=/^\s*\+(?=[\w.])|^\s+|\s+$/g;return function(b,F,C,A){var B,P=C?F:F.replace(h,"");if(E.test(P))b.s=isNaN(P)?null:P<0?-1:1;else{if(!C&&(P=P.replace(m,function(N,T,D){return B=(D=D.toLowerCase())=="x"?16:D=="b"?2:8,!A||A==B?T:N}),A&&(B=A,P=P.replace(v,"$1").replace(k,"0.$1")),F!=P))return new x(P,B);if(x.DEBUG)throw Error(gn+"Not a"+(A?" base "+A:"")+" number: "+F);b.s=null}b.c=b.e=null}})();function L(m,v,k,E){var h,b,F,C,A,B,P,N=m.c,T=ah;if(N){e:{for(h=1,C=N[0];C>=10;C/=10,h++);if(b=v-h,b<0)b+=rt,F=v,A=N[B=0],P=On(A/T[h-F-1]%10);else if(B=oh((b+1)/rt),B>=N.length)if(E){for(;N.length<=B;N.push(0));A=P=0,h=1,b%=rt,F=b-rt+1}else break e;else{for(A=C=N[B],h=1;C>=10;C/=10,h++);b%=rt,F=b-rt+h,P=F<0?0:On(A/T[h-F-1]%10)}if(E=E||v<0||N[B+1]!=null||(F<0?A:A%T[h-F-1]),E=k<4?(P||E)&&(k==0||k==(m.s<0?3:2)):P>5||P==5&&(k==4||E||k==6&&(b>0?F>0?A/T[h-F]:0:N[B-1])%10&1||k==(m.s<0?8:7)),v<1||!N[0])return N.length=0,E?(v-=m.e+1,N[0]=T[(rt-v%rt)%rt],m.e=-v||0):N[0]=m.e=0,m;if(b==0?(N.length=B,C=1,B--):(N.length=B+1,C=T[rt-b],N[B]=F>0?On(A/T[h-F]%T[F])*C:0),E)for(;;)if(B==0){for(b=1,F=N[0];F>=10;F/=10,b++);for(F=N[0]+=C,C=1;F>=10;F/=10,C++);b!=C&&(m.e++,N[0]==oo&&(N[0]=1));break}else{if(N[B]+=C,N[B]!=oo)break;N[B--]=0,C=1}for(b=N.length;N[--b]===0;N.pop());}m.e>p?m.c=m.e=null:m.e<l&&(m.c=[m.e=0])}return m}function _(m){var v,k=m.e;return k===null?m.toString():(v=Nn(m.c),v=k<=u||k>=c?xu(v,k):Ho(v,k,"0"),m.s<0?"-"+v:v)}return o.absoluteValue=o.abs=function(){var m=new x(this);return m.s<0&&(m.s=1),m},o.comparedTo=function(m,v){return Ni(this,new x(m,v))},o.decimalPlaces=o.dp=function(m,v){var k,E,h,b=this;if(m!=null)return nr(m,0,Lr),v==null?v=s:nr(v,0,8),L(new x(b),m+b.e+1,v);if(!(k=b.c))return null;if(E=((h=k.length-1)-$n(this.e/rt))*rt,h=k[h])for(;h%10==0;h/=10,E--);return E<0&&(E=0),E},o.dividedBy=o.div=function(m,v){return t(this,new x(m,v),a,s)},o.dividedToIntegerBy=o.idiv=function(m,v){return t(this,new x(m,v),0,1)},o.exponentiatedBy=o.pow=function(m,v){var k,E,h,b,F,C,A,B,P,N=this;if(m=new x(m),m.c&&!m.isInteger())throw Error(gn+"Exponent not an integer: "+_(m));if(v!=null&&(v=new x(v)),C=m.e>14,!N.c||!N.c[0]||N.c[0]==1&&!N.e&&N.c.length==1||!m.c||!m.c[0])return P=new x(Math.pow(+_(N),C?m.s*(2-hu(m)):+_(m))),v?P.mod(v):P;if(A=m.s<0,v){if(v.c?!v.c[0]:!v.s)return new x(NaN);E=!A&&N.isInteger()&&v.isInteger(),E&&(N=N.mod(v))}else{if(m.e>9&&(N.e>0||N.e<-1||(N.e==0?N.c[0]>1||C&&N.c[1]>=24e7:N.c[0]<8e13||C&&N.c[0]<=9999975e7)))return b=N.s<0&&hu(m)?-0:0,N.e>-1&&(b=1/b),new x(A?1/b:b);f&&(b=oh(f/rt+2))}for(C?(k=new x(.5),A&&(m.s=1),B=hu(m)):(h=Math.abs(+_(m)),B=h%2),P=new x(i);;){if(B){if(P=P.times(N),!P.c)break;b?P.c.length>b&&(P.c.length=b):E&&(P=P.mod(v))}if(h){if(h=On(h/2),h===0)break;B=h%2}else if(m=m.times(k),L(m,m.e+1,1),m.e>14)B=hu(m);else{if(h=+_(m),h===0)break;B=h%2}N=N.times(N),b?N.c&&N.c.length>b&&(N.c.length=b):E&&(N=N.mod(v))}return E?P:(A&&(P=i.div(P)),v?P.mod(v):b?L(P,f,s,F):P)},o.integerValue=function(m){var v=new x(this);return m==null?m=s:nr(m,0,8),L(v,v.e+1,m)},o.isEqualTo=o.eq=function(m,v){return Ni(this,new x(m,v))===0},o.isFinite=function(){return!!this.c},o.isGreaterThan=o.gt=function(m,v){return Ni(this,new x(m,v))>0},o.isGreaterThanOrEqualTo=o.gte=function(m,v){return(v=Ni(this,new x(m,v)))===1||v===0},o.isInteger=function(){return!!this.c&&$n(this.e/rt)>this.c.length-2},o.isLessThan=o.lt=function(m,v){return Ni(this,new x(m,v))<0},o.isLessThanOrEqualTo=o.lte=function(m,v){return(v=Ni(this,new x(m,v)))===-1||v===0},o.isNaN=function(){return!this.s},o.isNegative=function(){return this.s<0},o.isPositive=function(){return this.s>0},o.isZero=function(){return!!this.c&&this.c[0]==0},o.minus=function(m,v){var k,E,h,b,F=this,C=F.s;if(m=new x(m,v),v=m.s,!C||!v)return new x(NaN);if(C!=v)return m.s=-v,F.plus(m);var A=F.e/rt,B=m.e/rt,P=F.c,N=m.c;if(!A||!B){if(!P||!N)return P?(m.s=-v,m):new x(N?F:NaN);if(!P[0]||!N[0])return N[0]?(m.s=-v,m):new x(P[0]?F:s==3?-0:0)}if(A=$n(A),B=$n(B),P=P.slice(),C=A-B){for((b=C<0)?(C=-C,h=P):(B=A,h=N),h.reverse(),v=C;v--;h.push(0));h.reverse()}else for(E=(b=(C=P.length)<(v=N.length))?C:v,C=v=0;v<E;v++)if(P[v]!=N[v]){b=P[v]<N[v];break}if(b&&(h=P,P=N,N=h,m.s=-m.s),v=(E=N.length)-(k=P.length),v>0)for(;v--;P[k++]=0);for(v=oo-1;E>C;){if(P[--E]<N[E]){for(k=E;k&&!P[--k];P[k]=v);--P[k],P[E]+=oo}P[E]-=N[E]}for(;P[0]==0;P.splice(0,1),--B);return P[0]?O(m,P,B):(m.s=s==3?-1:1,m.c=[m.e=0],m)},o.modulo=o.mod=function(m,v){var k,E,h=this;return m=new x(m,v),!h.c||!m.s||m.c&&!m.c[0]?new x(NaN):!m.c||h.c&&!h.c[0]?new x(h):(d==9?(E=m.s,m.s=1,k=t(h,m,0,3),m.s=E,k.s*=E):k=t(h,m,0,d),m=h.minus(k.times(m)),!m.c[0]&&d==1&&(m.s=h.s),m)},o.multipliedBy=o.times=function(m,v){var k,E,h,b,F,C,A,B,P,N,T,D,H,R,ee,j=this,Y=j.c,X=(m=new x(m,v)).c;if(!Y||!X||!Y[0]||!X[0])return!j.s||!m.s||Y&&!Y[0]&&!X||X&&!X[0]&&!Y?m.c=m.e=m.s=null:(m.s*=j.s,!Y||!X?m.c=m.e=null:(m.c=[0],m.e=0)),m;for(E=$n(j.e/rt)+$n(m.e/rt),m.s*=j.s,A=Y.length,N=X.length,A<N&&(H=Y,Y=X,X=H,h=A,A=N,N=h),h=A+N,H=[];h--;H.push(0));for(R=oo,ee=ai,h=N;--h>=0;){for(k=0,T=X[h]%ee,D=X[h]/ee|0,F=A,b=h+F;b>h;)B=Y[--F]%ee,P=Y[F]/ee|0,C=D*B+P*T,B=T*B+C%ee*ee+H[b]+k,k=(B/R|0)+(C/ee|0)+D*P,H[b--]=B%R;H[b]=k}return k?++E:H.splice(0,1),O(m,H,E)},o.negated=function(){var m=new x(this);return m.s=-m.s||null,m},o.plus=function(m,v){var k,E=this,h=E.s;if(m=new x(m,v),v=m.s,!h||!v)return new x(NaN);if(h!=v)return m.s=-v,E.minus(m);var b=E.e/rt,F=m.e/rt,C=E.c,A=m.c;if(!b||!F){if(!C||!A)return new x(h/0);if(!C[0]||!A[0])return A[0]?m:new x(C[0]?E:h*0)}if(b=$n(b),F=$n(F),C=C.slice(),h=b-F){for(h>0?(F=b,k=A):(h=-h,k=C),k.reverse();h--;k.push(0));k.reverse()}for(h=C.length,v=A.length,h-v<0&&(k=A,A=C,C=k,v=h),h=0;v;)h=(C[--v]=C[v]+A[v]+h)/oo|0,C[v]=oo===C[v]?0:C[v]%oo;return h&&(C=[h].concat(C),++F),O(m,C,F)},o.precision=o.sd=function(m,v){var k,E,h,b=this;if(m!=null&&m!==!!m)return nr(m,1,Lr),v==null?v=s:nr(v,0,8),L(new x(b),m,v);if(!(k=b.c))return null;if(h=k.length-1,E=h*rt+1,h=k[h]){for(;h%10==0;h/=10,E--);for(h=k[0];h>=10;h/=10,E++);}return m&&b.e+1>E&&(E=b.e+1),E},o.shiftedBy=function(m){return nr(m,-ih,ih),this.times("1e"+m)},o.squareRoot=o.sqrt=function(){var m,v,k,E,h,b=this,F=b.c,C=b.s,A=b.e,B=a+4,P=new x("0.5");if(C!==1||!F||!F[0])return new x(!C||C<0&&(!F||F[0])?NaN:F?b:1/0);if(C=Math.sqrt(+_(b)),C==0||C==1/0?(v=Nn(F),(v.length+A)%2==0&&(v+="0"),C=Math.sqrt(+v),A=$n((A+1)/2)-(A<0||A%2),C==1/0?v="5e"+A:(v=C.toExponential(),v=v.slice(0,v.indexOf("e")+1)+A),k=new x(v)):k=new x(C+""),k.c[0]){for(A=k.e,C=A+B,C<3&&(C=0);;)if(h=k,k=P.times(h.plus(t(b,h,B,1))),Nn(h.c).slice(0,C)===(v=Nn(k.c)).slice(0,C))if(k.e<A&&--C,v=v.slice(C-3,C+1),v=="9999"||!E&&v=="4999"){if(!E&&(L(h,h.e+a+2,0),h.times(h).eq(b))){k=h;break}B+=4,C+=4,E=1}else{(!+v||!+v.slice(1)&&v.charAt(0)=="5")&&(L(k,k.e+a+2,1),m=!k.times(k).eq(b));break}}return L(k,k.e+a+1,s,m)},o.toExponential=function(m,v){return m!=null&&(nr(m,0,Lr),m++),M(this,m,v,1)},o.toFixed=function(m,v){return m!=null&&(nr(m,0,Lr),m=m+this.e+1),M(this,m,v)},o.toFormat=function(m,v,k){var E,h=this;if(k==null)m!=null&&v&&typeof v=="object"?(k=v,v=null):m&&typeof m=="object"?(k=m,m=v=null):k=y;else if(typeof k!="object")throw Error(gn+"Argument not an object: "+k);if(E=h.toFixed(m,v),h.c){var b,F=E.split("."),C=+k.groupSize,A=+k.secondaryGroupSize,B=k.groupSeparator||"",P=F[0],N=F[1],T=h.s<0,D=T?P.slice(1):P,H=D.length;if(A&&(b=C,C=A,A=b,H-=b),C>0&&H>0){for(b=H%C||C,P=D.substr(0,b);b<H;b+=C)P+=B+D.substr(b,C);A>0&&(P+=B+D.slice(b)),T&&(P="-"+P)}E=N?P+(k.decimalSeparator||"")+((A=+k.fractionGroupSize)?N.replace(new RegExp("\\d{"+A+"}\\B","g"),"$&"+(k.fractionGroupSeparator||"")):N):P}return(k.prefix||"")+E+(k.suffix||"")},o.toFraction=function(m){var v,k,E,h,b,F,C,A,B,P,N,T,D=this,H=D.c;if(m!=null&&(C=new x(m),!C.isInteger()&&(C.c||C.s!==1)||C.lt(i)))throw Error(gn+"Argument "+(C.isInteger()?"out of range: ":"not an integer: ")+_(C));if(!H)return new x(D);for(v=new x(i),B=k=new x(i),E=A=new x(i),T=Nn(H),b=v.e=T.length-D.e-1,v.c[0]=ah[(F=b%rt)<0?rt+F:F],m=!m||C.comparedTo(v)>0?b>0?v:B:C,F=p,p=1/0,C=new x(T),A.c[0]=0;P=t(C,v,0,1),h=k.plus(P.times(E)),h.comparedTo(m)!=1;)k=E,E=h,B=A.plus(P.times(h=B)),A=h,v=C.minus(P.times(h=v)),C=h;return h=t(m.minus(k),E,0,1),A=A.plus(h.times(B)),k=k.plus(h.times(E)),A.s=B.s=D.s,b=b*2,N=t(B,E,b,s).minus(D).abs().comparedTo(t(A,k,b,s).minus(D).abs())<1?[B,E]:[A,k],p=F,N},o.toNumber=function(){return+_(this)},o.toPrecision=function(m,v){return m!=null&&nr(m,1,Lr),M(this,m,v,2)},o.toString=function(m){var v,k=this,E=k.s,h=k.e;return h===null?E?(v="Infinity",E<0&&(v="-"+v)):v="NaN":(m==null?v=h<=u||h>=c?xu(Nn(k.c),h):Ho(Nn(k.c),h,"0"):m===10&&S?(k=L(new x(k),a+h+1,s),v=Ho(Nn(k.c),k.e,"0")):(nr(m,2,I.length,"Base"),v=r(Ho(Nn(k.c),h,"0"),10,m,E,!0)),E<0&&k.c[0]&&(v="-"+v)),v},o.valueOf=o.toJSON=function(){return _(this)},o._isBigNumber=!0,o[Symbol.toStringTag]="BigNumber",o[Symbol.for("nodejs.util.inspect.custom")]=o.valueOf,e!=null&&x.set(e),x}function $n(e){var t=e|0;return e>0||e===t?t:t-1}function Nn(e){for(var t,r,n=1,o=e.length,i=e[0]+"";n<o;){for(t=e[n++]+"",r=rt-t.length;r--;t="0"+t);i+=t}for(o=i.length;i.charCodeAt(--o)===48;);return i.slice(0,o+1||1)}function Ni(e,t){var r,n,o=e.c,i=t.c,a=e.s,s=t.s,u=e.e,c=t.e;if(!a||!s)return null;if(r=o&&!o[0],n=i&&!i[0],r||n)return r?n?0:-s:a;if(a!=s)return a;if(r=a<0,n=u==c,!o||!i)return n?0:!o^r?1:-1;if(!n)return u>c^r?1:-1;for(s=(u=o.length)<(c=i.length)?u:c,a=0;a<s;a++)if(o[a]!=i[a])return o[a]>i[a]^r?1:-1;return u==c?0:u>c^r?1:-1}function nr(e,t,r,n){if(e<t||e>r||e!==On(e))throw Error(gn+(n||"Argument")+(typeof e=="number"?e<t||e>r?" out of range: ":" not an integer: ":" not a primitive number: ")+String(e))}function hu(e){var t=e.c.length-1;return $n(e.e/rt)==t&&e.c[t]%2!=0}function xu(e,t){return(e.length>1?e.charAt(0)+"."+e.slice(1):e)+(t<0?"e":"e+")+t}function Ho(e,t,r){var n,o;if(t<0){for(o=r+".";++t;o+=r);e=o+e}else if(n=e.length,++t>n){for(o=r,t-=n;--t;o+=r);e+=o}else t<n&&(e=e.slice(0,t)+"."+e.slice(t));return e}var Vz=US(),jS=Vz;var Wz=24,rl=32,Gz=()=>typeof globalThis<"u"&&globalThis.crypto&&typeof globalThis.crypto.getRandomValues=="function"?()=>{let e=new Uint32Array(1);return globalThis.crypto.getRandomValues(e),e[0]/4294967296}:Math.random,lh=Gz(),sh=(e=4,t=lh)=>{let r="";for(;r.length<e;)r=r+Math.floor(t()*36).toString(36);return r};function qz(e){let t=new jS(0);for(let r of e.values())t=t.multipliedBy(256).plus(r);return t}var WS=(e="")=>{let t=new TextEncoder;return qz($S(t.encode(e))).toString(36).slice(1)},VS=Array.from({length:26},(e,t)=>String.fromCharCode(t+97)),Yz=e=>VS[Math.floor(e()*VS.length)],Kz=({globalObj:e=typeof global<"u"?global:typeof window<"u"?window:{},random:t=lh}={})=>{let r=Object.keys(e).toString(),n=r.length?r+sh(rl,t):sh(rl,t);return WS(n).substring(0,rl)},Xz=e=>()=>e++,Jz=476782367,GS=({random:e=lh,counter:t=Xz(Math.floor(e()*Jz)),length:r=Wz,fingerprint:n=Kz({random:e})}={})=>{if(r>rl)throw new Error(`Length must be between 2 and ${rl}. Received: ${r}`);return function(){let i=Yz(e),a=Date.now().toString(36),s=t().toString(36),u=sh(r,e),c=`${a+u+s+n}`;return`${i+WS(c).substring(1,r)}`}},si=Qz(GS);function Qz(e){let t;return()=>(t||(t=e()),t())}var tD=ec(KS());dr();Ue();var yu=/\[([^\]]+)\]\s*\[([^\]]+)\]\s*\[([^\]]+)\]\s*-\s*(.+)/g;function rD(e){return e.replace(/\*\*/g,"").replace(/\*/g,"").replace(/__/g,"").replace(/_/g," ").trim()}function ch(e,t){let r=[],n=e.split(`
 `);for(let a=0;a<n.length;a++){let s=rD(n[a]),u=yu.exec(s);if(u){let[,c,l,,p]=u,g=nD(l),d=oD(n,a+1),f={id:si(),reviewId:t,type:c.trim(),severity:g,title:p.trim(),description:d.description,file:d.file,lineNumber:d.lineNumber,property:d.property,currentValue:d.currentValue,suggestedValue:d.suggestedValue,suggestedCode:d.suggestedCode,suggestedFix:d.suggestedFix,fixTarget:d.fixTarget,fixRequired:d.fixRequired,status:"pending",selectedForFix:!1,createdAt:new Date};r.push(f)}yu.lastIndex=0}return r.map(a=>{let s=js(a);return s.dismissed?(w.debug(`[parseIssues] Auto-dismissed: ${a.title} - ${s.dismissReason}`),{...a,dismissed:!0,dismissReason:s.dismissReason,dismissedBy:s.dismissedBy,dismissedAt:new Date}):a})}function nD(e){let t=e.toLowerCase().trim();return t.includes("critical")||t.includes("high")?"critical":t.includes("major")||t.includes("medium")?"major":"minor"}function oD(e,t){let r={description:"",file:void 0,lineNumber:void 0,property:void 0,currentValue:void 0,suggestedValue:void 0,suggestedCode:void 0,suggestedFix:void 0,fixTarget:void 0,fixRequired:void 0},n=[];for(let o=t;o<e.length;o++){let i=e[o].trim();if(!i||yu.test(i)){yu.lastIndex=0;break}if(i.startsWith("Expected:"))r.suggestedValue=i.replace("Expected:","").trim();else if(i.startsWith("Actual:")||i.startsWith("Current:"))r.currentValue=i.replace(/^(Actual|Current):/,"").trim();else if(i.startsWith("File:")){let a=i.replace("File:","").trim(),s=a.match(/^(.+?):(\d+)$/);s?(r.file=s[1],r.lineNumber=parseInt(s[2],10)):r.file=a}else if(i.startsWith("Property:"))r.property=i.replace("Property:","").trim();else if(i.startsWith("FixTarget:")){let a=i.replace("FixTarget:","").trim().toLowerCase();(a==="css"||a==="component")&&(r.fixTarget=a)}else if(i.startsWith("FixRequired:")){let a=i.replace("FixRequired:","").trim().toLowerCase();r.fixRequired=a==="true"}else if(i.startsWith("Fix:"))r.suggestedFix=i.replace("Fix:","").trim();else if(i.startsWith("```")){let a=[];for(o++;o<e.length&&!e[o].trim().startsWith("```");)a.push(e[o]),o++;r.suggestedCode=a.join(`
 `)}else n.push(i)}return r.description=n.join(" ").trim(),r}Ue();var nl=null,XS=0,iD=3e4;async function aD(){let e=Date.now();if(nl&&e-XS<iD)return nl;try{let t=await fetch("/index.json");if(!t.ok)throw new Error(`Failed to fetch index.json: ${t.status}`);let r=await t.json();return nl=r.entries||r.stories||{},XS=e,w.debug("[storyFilePaths] Fetched index.json, entries:",Object.keys(nl).length),nl}catch(t){throw w.error("[storyFilePaths] Error fetching index.json:",t),t}}async function Oi(e){try{let r=(await aD())[e];if(!r?.importPath)return w.warn("[storyFilePaths] No importPath found for story:",e),null;let n=r.importPath;w.debug("[storyFilePaths] Found importPath:",n);let o=n.replace(/^\.\//,""),i;r.componentPath?(i=r.componentPath.replace(/^\.\//,""),w.debug("[storyFilePaths] Using Storybook componentPath:",i)):(i=`${o.replace(/\.stories\.tsx$/,"").replace(/\.stories\.ts$/,"").replace(/\.stories\.jsx$/,"").replace(/\.stories\.js$/,"")}.tsx`,w.debug("[storyFilePaths] Derived componentFile:",i));let a=i.replace(/\.tsx$/,".css").replace(/\.ts$/,".css").replace(/\.jsx$/,".css").replace(/\.js$/,".css"),s=i.substring(0,i.lastIndexOf("/")),u={storyFile:o,componentFile:i,cssFile:a,baseDir:s};return w.debug("[storyFilePaths] Final paths:",u),u}catch(t){return w.error("[storyFilePaths] Error getting file paths:",t),null}}function uh(e,t){if(e==="css")return t.cssFile;if(e==="component")return t.componentFile;if(e==="story")return t.storyFile}function sD(e,t){let r=e.toLowerCase().trim();return["color","spacing","typography","dimension","border","shadow","layout","background","font","size","margin","padding"].some(i=>r.includes(i))?t.cssFile:t.componentFile}function dh(e,t){let r=e.property?.toLowerCase()||"",n=e.domElement?.toLowerCase()||"",o=n.startsWith("svg"),i=n.startsWith("img"),a=r==="width"||r==="height",s=/\[(?:width|height)=/.test(n);return(o||i)&&a||s?(w.debug(`[storyFilePaths] \u{1F50D} INLINE ATTRIBUTE: domElement="${e.domElement}", property="${e.property}" \u2192 component file`),t.componentFile):sD(e.type,t)}dr();Ue();function lD(e){let t=(e.description||"").toLowerCase(),r=(e.title||"").toLowerCase(),n=`${t} ${r}`;return n.includes("inner icon")||n.includes("inner vector")?"inner-icon":n.includes("second icon")?"icon-2":n.includes("first icon")?"icon-1":n.includes("icon")||n.includes("vector")||n.includes("svg")?"icon":n.includes("button")?"button":n.includes("text")||n.includes("label")?"text":n.includes("container")||n.includes("wrapper")?"container":"other"}function cD(e){let t=(e.property||"").toLowerCase(),r=(e.description||"").toLowerCase();return t.includes("width")||t.includes("height")||t.includes("size")||t.includes("dimensions")?"dimensions":t.includes("padding")||t.includes("margin")||t.includes("gap")?"spacing":t.includes("color")||t.includes("background")||t.includes("fill")?"colors":t.includes("font")||t.includes("text")||t.includes("line-height")?"typography":t.includes("border")||t.includes("radius")?"border":r.includes("overall")||r.includes("visual fidelity")||r.includes("pixel similarity")||t.includes("overall")?"summary":"other"}function uD(e){let t=(e.property||"").toLowerCase(),r=(e.description||"").toLowerCase();return t.includes("overall")||t.includes("visual fidelity")||r.includes("pixel similarity score")||r.includes("primarily explained by")||r.includes("visual discrepancy")}function dD(e,t,r){let n={critical:3,major:2,minor:1},i=[...e].sort((c,l)=>(n[l.severity]||0)-(n[c.severity]||0))[0],a=e.length,s,u;if(t.includes("icon")&&r==="dimensions"){let c=e.map(p=>p.currentValue).filter(Boolean),l=e.map(p=>p.suggestedValue).filter(Boolean);s=`Icon sizing is incorrect (${a} related issues)`,u=`Icons are rendered at wrong dimensions. Current: ${c[0]||"10px"}, Expected: ${l[0]||"20px"}. This single CSS fix will resolve all ${a} icon dimension issues.`}else s=`${t} ${r} issues (${a} related)`,u=`${a} related ${r} issues for ${t}. ${i.description}`;return{...i,id:`merged-${t}-${r}-${i.id}`,title:s,description:u,currentValue:i.currentValue,suggestedValue:i.suggestedValue,mergedCount:a,mergedIssueIds:e.map(c=>c.id)}}function ph(e){if(!e||e.length===0)return[];let t=e.filter(i=>!uD(i)),r=[],n=[];for(let i of t){let a=lD(i),s=cD(i);a.includes("icon")&&s==="dimensions"?r.push(i):n.push(i)}let o=[];return r.length>0&&(r.length===1?o.push(r[0]):o.push(dD(r,"icon","dimensions"))),o.push(...n),w.debug("[deduplicateIssues] Input:",e.length,"issues, Output:",o.length,"issues"),w.debug("[deduplicateIssues] Removed",e.length-t.length,"summary issues"),w.debug("[deduplicateIssues] Merged",r.length,"icon issues into",r.length>0?1:0),o}Ue();dr();var pD=[/Failed to fetch/i,/NetworkError/i,/network request failed/i,/load failed/i,/ERR_(NETWORK|INTERNET|CONNECTION|NAME_NOT_RESOLVED)/i,/timed out/i,/aborted/i],gD=[/credits?/i,/Rate limit/i,/Figma connection expired/i,/Map.*to Figma|Figma mapping required/i,/No project selected/i,/Not authenticated/i,/No story/i,/Monthly review limit/i,/Upgrade your plan/i];function ol(e){let t=e instanceof Error?e.message:typeof e=="string"?e:"Review failed";return gD.some(r=>r.test(t))?t:pD.some(r=>r.test(t))?`Can't reach ${Ut.NAME}. Check your internet connection and try again. If the dashboard URL is wrong, fix it in Settings.`:/Unauthorized|401/i.test(t)?"Your session expired. Sign out and back in from Settings to continue.":/Internal Server Error|5\d\d|server error/i.test(t)?`${Ut.NAME}'s servers had a hiccup. Try the review again in a moment. If it keeps failing, send feedback.`:/parsing|SSE|stream|structured result|failed to receive/i.test(t)?"Review completed but the result was malformed. Try again, or send feedback if it keeps happening.":`Review failed: ${t.replace(/\.+\s*$/,"")}. Try again, or send feedback if this keeps happening.`}De();import{addons as La}from"storybook/manager-api";var JS="uicopilot-sidebar-traffic-light",Aa="data-uic-issues",Ur="data-uic-status",Kr='[aria-label*="Test status" i]',Fa=new Map,il=new Set,gh=null,fh=!1;function bu(e,t){let r=t>0?t:0,n=Fa.get(e)??0;r!==n&&(r>0?Fa.set(e,r):Fa.delete(e),al())}function sl(e){il.has(e)||(il.add(e),al())}function ZS(){Fa.size===0&&il.size===0||(Fa.clear(),il.clear(),al())}function fD(e){let t=e.closest("[data-item-id]")??e.closest('[data-nodetype="story"], [data-nodetype="docs"]')??e.closest("a[id], a[href]");if(!t)return null;let r=t.getAttribute("data-item-id")??t.getAttribute("id");if(r)return r;let o=(t.getAttribute("href")??"").match(/[?&]id=([^&]+)/);return o?decodeURIComponent(o[1]):null}function QS(){typeof document>"u"||document.querySelectorAll(Kr).forEach(e=>{let t=fD(e);t&&il.has(t)?e.setAttribute(Ur,""):e.removeAttribute(Ur);let r=t?Fa.get(t):void 0;r&&r>0?e.setAttribute(Aa,r>99?"99+":String(r)):e.removeAttribute(Aa)})}function al(){if(typeof requestAnimationFrame>"u"){QS();return}fh||(fh=!0,requestAnimationFrame(()=>{fh=!1,QS()}))}function e4(){typeof document>"u"||gh||(gh=new MutationObserver(()=>al()),gh.observe(document.body,{childList:!0,subtree:!0}),al())}function t4(){if(typeof document>"u"||document.getElementById(JS))return;let e=document.createElement("style");e.id=JS,e.textContent=`
     ${Kr}[${Ur}][aria-label*="error" i] svg,
@@ -88,7 +88,7 @@ ${St}`).join(`
 `,_O=Uk.span(({theme:e})=>({display:"inline-block",width:"12px",height:"12px",border:`2px solid ${e.appBorderColor}`,borderTopColor:"currentColor",borderRadius:"50%",animation:`${DO} 0.6s linear infinite`,marginRight:"6px",verticalAlign:"middle"})),NO=Uk.button(({theme:e,variant:t="default",disabled:r})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"5px 12px",fontSize:"12px",fontWeight:600,border:`1px solid ${e.color.medium}`,borderRadius:"5px",cursor:r?"not-allowed":"pointer",opacity:r?.6:1,transition:"all 0.2s",whiteSpace:"nowrap",...t==="default"&&{backgroundColor:e.background.content,color:e.color.defaultText,"&:hover":r?{}:{borderColor:e.color.secondary,color:e.color.secondary,backgroundColor:"rgba(30, 167, 253, 0.05)"}},...t==="ghost"&&{backgroundColor:"transparent",border:"none",color:e.color.mediumdark,padding:"5px 8px","&:hover":r?{}:{color:e.color.defaultText,backgroundColor:e.background.hoverable}}})),So=({loading:e=!1,disabled:t=!1,onClick:r,variant:n="default",children:o,loadingText:i})=>Hk.createElement(NO,{variant:n,disabled:t||e,onClick:r},e&&Hk.createElement(_O,null),e&&i?i:o);De();import Br from"react";import{styled as xl}from"storybook/theming";var jk=xl.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",backgroundColor:e.background.hoverable,borderRadius:"6px",fontFamily:"Inter, sans-serif",fontSize:"11px",color:e.color.mediumdark,gap:"16px"})),OO=xl.div({display:"flex",alignItems:"center",gap:"12px"}),zu=xl.span({whiteSpace:"nowrap"}),Vk=xl.div({display:"flex",alignItems:"center",gap:"8px"}),Du=xl.span(({theme:e})=>({fontWeight:600,color:e.color.defaultText})),_u=({inputTokens:e,outputTokens:t,costUsd:r,compact:n=!1})=>{let o=e+t,i=r*Vv;return n?Br.createElement(jk,null,Br.createElement(zu,null,o.toLocaleString()," tokens"),Br.createElement(Vk,null,Br.createElement(Du,null,"$",r.toFixed(4)),Br.createElement("span",null,"\xB7"),Br.createElement(Du,null,"\u20AA",i.toFixed(2)))):Br.createElement(jk,null,Br.createElement(OO,null,Br.createElement(zu,null,e.toLocaleString()," input"),Br.createElement("span",null,"+"),Br.createElement(zu,null,t.toLocaleString()," output"),Br.createElement("span",null,"="),Br.createElement(zu,null,Br.createElement("strong",null,o.toLocaleString())," tokens")),Br.createElement(Vk,null,Br.createElement(Du,null,"$",r.toFixed(4)),Br.createElement("span",null,"\xB7"),Br.createElement(Du,null,"\u20AA",i.toFixed(2))))};import hn from"react";import{styled as di}from"storybook/theming";function c1(e){if(typeof e!="string")return e;try{let t=JSON.parse(e);if(t.summary)return t}catch{}return{summary:e}}var $O=di.div(({theme:e})=>({display:"flex",flexDirection:"column",gap:`${e.layoutMargin*.5}px`})),Wk=di.div(({theme:e,color:t})=>({fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,color:t||e.color.defaultText,lineHeight:"1.4"})),HO=di.div(({theme:e})=>({display:"flex",alignItems:"center",gap:`${e.layoutMargin*.25}px`,flexWrap:"wrap",fontSize:e.typography.size.s1,color:e.color.mediumdark})),UO=di.span(({theme:e})=>({display:"inline-flex",alignItems:"center",gap:`${e.layoutMargin*.2}px`,padding:`1px ${e.layoutMargin*.5}px`,borderRadius:e.appBorderRadius,backgroundColor:e.background.hoverable,fontSize:e.typography.size.s1,fontFamily:e.typography.fonts.mono})),jO=di.span(({theme:e})=>({color:e.color.mediumlight,fontSize:e.typography.size.s1})),VO=di.div(({theme:e})=>({fontSize:e.typography.size.s1,color:e.color.mediumdark,fontStyle:"italic"})),WO=di.div(({theme:e})=>({fontSize:e.typography.size.s1,color:e.color.mediumdark,display:"flex",gap:`${e.layoutMargin*.25}px`})),GO=di.span(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText})),Gk=({data:e,color:t,compact:r})=>r?hn.createElement(Wk,{color:t},e.summary):hn.createElement($O,null,hn.createElement(Wk,{color:t},e.summary),e.mappings&&e.mappings.length>0&&hn.createElement(HO,null,e.mappings.map((n,o)=>hn.createElement(hn.Fragment,{key:o},hn.createElement(UO,null,n.from," ",hn.createElement(jO,null,"\u2192")," ",n.to)))),e.candidates!=null&&e.candidates>1&&hn.createElement(VO,null,e.candidates," candidate variants matched"),e.defaults&&e.defaults.length>0&&hn.createElement(hn.Fragment,null,e.defaults.map((n,o)=>hn.createElement(WO,{key:o},hn.createElement(GO,null,n.choice),hn.createElement("span",null,"\u2014 ",n.why)))));var qO=At.div({display:"flex",flexDirection:"column",flex:1,overflow:"hidden"}),YO=At.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"20px 24px",borderBottom:`1px solid ${e.appBorderColor}`})),KO=At.div({display:"flex",flexDirection:"column",gap:"4px"}),XO=At.div({display:"flex",alignItems:"center",gap:"10px"}),JO=At.span(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,fontWeight:e.typography.weight.bold,color:e.color.defaultText,letterSpacing:"-0.3px"})),Yk=At.span(({theme:e,variant:t})=>({padding:"3px 10px",borderRadius:"20px",fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s1,fontWeight:500,backgroundColor:t==="success"?`${e.color.positive}1a`:t==="danger"?`${e.color.negative}1a`:`${e.color.secondary}1a`,color:t==="success"?e.color.positive:t==="danger"?e.color.negative:e.color.secondary})),QO=At.span(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.mediumdark})),ZO=At.div({display:"flex",gap:"8px"}),e$=At.div(({theme:e})=>({display:"flex",alignItems:"center",padding:"12px 24px",gap:"12px",borderBottom:`1px solid ${e.appBorderColor}`})),t$=At(Zo)(({theme:e})=>({flex:1,fontSize:e.typography.size.s2})),r$=At.div({display:"flex",gap:"4px"}),Nu=At.button(({theme:e,active:t})=>({padding:"6px 12px",borderRadius:"6px",fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,fontWeight:500,border:t?"none":`1px solid ${e.appBorderColor}`,backgroundColor:t?e.color.defaultText:e.background.content,color:t?e.color.inverseText:e.color.mediumdark,cursor:"pointer",transition:"all 0.15s","&:hover":{backgroundColor:t?e.color.defaultText:e.background.hoverable}})),n$=At.div({display:"flex",flexDirection:"column",flex:1,padding:"16px 24px",gap:"8px",overflowY:"auto"}),o$=At.div(({theme:e,dimmed:t})=>({display:"flex",alignItems:"center",padding:"12px 16px",border:`1px solid ${e.appBorderColor}`,borderRadius:"10px",gap:"12px",backgroundColor:e.background.content,opacity:t?.6:1,transition:"opacity 0.15s",position:"relative",zIndex:0,"&:hover":{zIndex:10}})),i$=At.div(({theme:e,checked:t})=>({width:"18px",height:"18px",borderRadius:"4px",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"all 0.15s",...t?{backgroundColor:e.color.defaultText,color:e.color.inverseText,fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold}:{border:`2px solid ${e.color.mediumlight}`}})),a$=At.div(({theme:e,bgColor:t})=>({width:"48px",height:"40px",borderRadius:"6px",backgroundColor:t||e.background.hoverable,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,overflow:"hidden"})),Ou=At.div(({theme:e})=>({width:"120px",height:"80px",borderRadius:"8px",backgroundColor:e.background.hoverable,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,overflow:"hidden",border:`1px solid ${e.appBorderColor}`})),s$=At.img({width:"100%",height:"100%",objectFit:"contain"}),Zk=At.div(({theme:e})=>({width:"16px",height:"16px",border:`2px solid ${e.appBorderColor}`,borderTopColor:e.color.secondary,borderRadius:"50%",animation:"uicopilot-spin 0.8s linear infinite","@keyframes uicopilot-spin":{to:{transform:"rotate(360deg)"}}})),Kk=At.div({flex:1,display:"flex",flexDirection:"column",gap:"2px",minWidth:0}),Xk=At.span(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,fontWeight:500,color:e.color.defaultText,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),u1=At.span(({theme:e,color:t})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s1,color:t||e.color.mediumdark,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),kpe=At.span(({theme:e,color:t})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s1,color:t||e.color.mediumdark,lineHeight:1.5,whiteSpace:"pre-line"})),l$=At.div(({theme:e})=>({flexShrink:0,color:e.color.mediumlight,fontSize:"14px"})),c$=At.span(({theme:e,level:t})=>({padding:"4px 10px",borderRadius:"20px",fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,fontWeight:e.typography.weight.bold,flexShrink:0,backgroundColor:t==="high"?`${e.color.positive}1a`:t==="medium"?`${e.color.warning}1a`:`${e.color.negative}1a`,color:t==="high"?e.color.positive:t==="medium"?e.color.warning:e.color.negative})),u$=At.button(({theme:e})=>({padding:"4px 8px",borderRadius:e.appBorderRadius,fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s1,fontWeight:500,border:`1px solid ${e.appBorderColor}`,backgroundColor:"transparent",color:e.color.mediumdark,cursor:"pointer",flexShrink:0,transition:"all 0.15s","&:hover":{backgroundColor:e.background.hoverable,color:e.color.defaultText}})),d$=At.div(({theme:e})=>({padding:"16px 0",marginTop:"8px",borderTop:`1px solid ${e.appBorderColor}`,display:"flex",flexDirection:"column",gap:"8px"})),p$=At.div({display:"flex",flexWrap:"wrap",gap:"6px"}),g$=At.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"6px",padding:"6px 12px",border:`1px dashed ${e.appBorderColor}`,borderRadius:"8px",backgroundColor:e.background.hoverable,fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.mediumdark})),f$=At.span(({theme:e,variant:t})=>({padding:"3px 10px",borderRadius:"20px",fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s1,fontWeight:500,backgroundColor:t==="cache"?`${e.color.warning}1a`:`${e.color.positive}1a`,color:t==="cache"?e.color.warning:e.color.positive})),m$=At.button(({theme:e})=>({display:"flex",alignItems:"center",gap:"5px",padding:"5px 12px",border:`1px solid ${e.appBorderColor}`,borderRadius:"6px",backgroundColor:"transparent",fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,fontWeight:500,color:e.color.mediumdark,cursor:"pointer",transition:"all 0.15s","&:hover":{backgroundColor:e.background.hoverable,color:e.color.defaultText},"&:disabled":{opacity:.5,cursor:"not-allowed"}})),Cpe=At.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px 24px",borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.background.hoverable,fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s1,color:e.color.mediumdark})),Jk=({src:e,alt:t})=>{let[r,n]=$u(!1);return ze.createElement(ze.Fragment,null,!r&&ze.createElement(Zk,null),ze.createElement(s$,{src:e,alt:t,onLoad:()=>n(!0),style:r?void 0:{position:"absolute",opacity:0}}))};function Qk(e){return e>=90?"high":e>=70?"medium":"low"}function h$(e){return e==="high"?"#16a34a":e==="medium"?"#d97706":"#ef4444"}var d1=({results:e,stories:t,onApply:r,onCancel:n,onRerun:o,isApplying:i,isRerunning:a,source:s,resolveThumbnail:u,resolveStoryScreenshot:c,isCapturingScreenshots:l,onBrowse:p})=>{let[g,d]=$u(()=>{let k=new Set;for(let E of e.mappings)E.confidence>=90&&k.add(E.storyId);return k}),[f,y]=$u(""),[I,S]=$u("all"),x=qk(()=>{let k=new Map;for(let E of t)k.set(E.id,{name:E.name,title:E.title});return k},[t]),M=qk(()=>{let k=e.mappings;if(I!=="all"&&(k=k.filter(E=>Qk(E.confidence)===I)),f.trim()){let E=f.toLowerCase();k=k.filter(h=>{let b=x.get(h.storyId);return b?.name.toLowerCase().includes(E)||b?.title.toLowerCase().includes(E)||h.componentSetName.toLowerCase().includes(E)||h.figmaFrameName.toLowerCase().includes(E)})}return k},[e.mappings,I,f,x]),z=k=>{d(E=>{let h=new Set(E);return h.has(k)?h.delete(k):h.add(k),h})},O=()=>{let k=e.mappings.filter(E=>g.has(E.storyId));r(k)},L=e.mappings.filter(k=>k.confidence>=90).length,_=e.mappings.filter(k=>k.confidence>=70&&k.confidence<90).length,m=e.mappings.filter(k=>k.confidence<70).length,v=e.usage;return ze.createElement(qO,null,ze.createElement(YO,null,ze.createElement(KO,null,ze.createElement(XO,null,ze.createElement(JO,null,"Auto-Map Results"),ze.createElement(Yk,{variant:"success"},e.stats.matched," matched"),e.unmatched.length>0&&ze.createElement(Yk,{variant:"danger"},e.unmatched.length," unmatched"),s&&ze.createElement(f$,{variant:s},s==="cache"?"Loaded from cache":s==="deterministic"?"Deterministic (no AI)":"Fresh analysis")),ze.createElement(QO,null,"Review matches below. Uncheck any incorrect mappings before applying.")),ze.createElement(ZO,null,s==="cache"&&o&&ze.createElement(m$,{onClick:o,disabled:a},a?"Re-running...":"Re-run LLM"),ze.createElement(So,{onClick:n,variant:"ghost"},"Cancel"),ze.createElement(So,{loading:i,onClick:O,loadingText:"Applying..."},"Apply ",g.size," Selected"))),ze.createElement(e$,null,ze.createElement(t$,{type:"text",placeholder:"Filter stories...",value:f,onChange:k=>y(k.target.value)}),ze.createElement(r$,null,ze.createElement(Nu,{active:I==="all",onClick:()=>S("all")},"All ",e.mappings.length),L>0&&ze.createElement(Nu,{active:I==="high",onClick:()=>S("high")},"\u226590% (",L,")"),_>0&&ze.createElement(Nu,{active:I==="medium",onClick:()=>S("medium")},"70-89% (",_,")"),m>0&&ze.createElement(Nu,{active:I==="low",onClick:()=>S("low")},"<70% (",m,")"))),ze.createElement(n$,null,M.map(k=>{let E=x.get(k.storyId),h=Qk(k.confidence),b=g.has(k.storyId),F=h==="low";return ze.createElement(o$,{key:k.storyId,dimmed:F&&!b},ze.createElement(i$,{checked:b,onClick:()=>z(k.storyId)},b?"\u2713":""),(()=>{let C=c?.(k.storyId);return C?ze.createElement(Ou,null,ze.createElement(Jk,{src:C,alt:E?.name||k.storyId})):l?ze.createElement(Ou,null,ze.createElement(Zk,null)):ze.createElement(a$,{bgColor:F?"#f1f5f9":"#eff6ff"},ze.createElement("span",{style:{fontFamily:"Inter",fontSize:"8px",fontWeight:500,color:F?"#94a3b8":"#3b82f6"}},(E?.name||"?").substring(0,4)))})(),ze.createElement(Kk,null,ze.createElement(Xk,null,E?.name||k.storyId),ze.createElement(u1,null,E?.title||"")),ze.createElement(l$,null,"\u2192"),(()=>{let C=u?.(k.figmaNodeId),A=c1(k.reason),B=A.summary+(A.candidates?` (${A.candidates} candidates)`:"");return C?ze.createElement(Ou,{title:B},ze.createElement(Jk,{src:C,alt:k.figmaFrameName})):ze.createElement(Ou,{title:B},ze.createElement("span",{style:{fontFamily:"Inter",fontSize:"10px",fontWeight:500,color:"#94a3b8"}},"No thumbnail"))})(),ze.createElement(Kk,null,ze.createElement(Xk,null,k.componentSetName),ze.createElement(u1,null,k.figmaFrameName),ze.createElement(Gk,{data:c1(k.reason),color:h$(h)})),ze.createElement(c$,{level:h},k.confidence,"%"),p&&ze.createElement(u$,{onClick:()=>p(k.componentSetName)},"Browse"))}),e.unmatched.length>0&&ze.createElement(d$,null,ze.createElement(u1,null,e.unmatched.length," stories couldn't be matched \u2014 map manually after applying"),ze.createElement(p$,null,e.unmatched.map(k=>{let E=x.get(k);return ze.createElement(g$,{key:k},ze.createElement("span",{style:{width:"6px",height:"6px",borderRadius:"50%",backgroundColor:"#cbd5e1"}}),E?`${E.name} (${E.title})`:k)})))),v&&s!=="cache"&&ze.createElement("div",{style:{padding:"8px 24px",borderTop:"1px solid #f0f0f0"}},ze.createElement(_u,{inputTokens:v.inputTokens||0,outputTokens:v.outputTokens||0,costUsd:v.costUsd||0})))};De();Ue();import{useState as pi,useCallback as gi,useRef as x$}from"react";import{useStorybookApi as y$}from"storybook/manager-api";function eC({projectId:e}){let t=y$(),r=x$(null),[n,o]=pi(!1),[i,a]=pi(!1),[s,u]=pi(!1),[c,l]=pi(null),[p,g]=pi(null),[d,f]=pi(null),[y,I]=pi(""),[S,x]=pi(null),M=gi(async()=>{let E=await fetch("/index.json");if(!E.ok)throw new Error("Failed to fetch Storybook index");let h=await E.json(),b=h.entries||h.stories||{},F=Object.keys(b).filter(B=>b[B].type==="story");w.debug(`[useAutoMap] Found ${F.length} stories in index.json`);let C=[];for(let B of F){let P=b[B],N=t.getData(B),T={...N?.initialArgs||{}},D=N?.argTypes||{};for(let[H,R]of Object.entries(D))if(!(H in T)){let ee=R;if(ee.defaultValue!==void 0)T[H]=ee.defaultValue;else if(ee.table?.defaultValue?.summary!==void 0){let j=ee.table.defaultValue.summary;j==="false"?T[H]=!1:j==="true"?T[H]=!0:T[H]=j}}C.push({id:B,name:P.name||B.split("--").pop()||B,title:P.title||"",initialArgs:T,argTypes:D})}let A=C.filter(B=>Object.keys(B.initialArgs).length>0);return w.debug(`[useAutoMap] Manifest: ${C.length} stories, ${A.length} with args`),C},[t]),z=gi(async()=>{if(!e)return!1;try{let E=K(),h=localStorage.getItem("uicopilot_session_token");if(!h)return!1;let b=await fetch(`${E}/api/figma/auto-map?projectId=${e}`,{headers:{Authorization:`Bearer ${h}`}});if(!b.ok)return!1;let F=await b.json();return F.hasSuggestions&&F.mappings?.length>0?(g(F),x("cache"),I(`Loaded ${F.mappings.length} saved suggestions`),w.debug(`[useAutoMap] Loaded ${F.mappings.length} existing suggestions from DB`),!0):!1}catch{return!1}},[e]),O=gi(async E=>{o(!0),I("Collecting story information...");let h;try{if(h=await M(),E?.length&&(h=h.filter(F=>!E.includes(F.id)),w.debug(`[useAutoMap] After excluding mapped: ${h.length} stories`)),h.length===0){l("No unmapped stories found"),o(!1);return}f(h)}catch(F){l(F instanceof Error?F.message:"Failed to collect story manifest"),o(!1);return}o(!1),a(!0),I(`Analyzing ${h.length} stories against Figma components...`);let b=new AbortController;r.current=b;try{let F=K(),C=localStorage.getItem("uicopilot_session_token");if(!C)throw new Error("Not authenticated");let A=await fetch(`${F}/api/figma/auto-map`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${C}`},body:JSON.stringify({projectId:e,stories:h.map(P=>({id:P.id,name:P.name,title:P.title,initialArgs:P.initialArgs,argTypes:P.argTypes}))}),signal:b.signal});if(!A.ok){let P=await A.json();throw new Error(P.error||"Auto-map failed")}let B=await A.json();g(B),x("llm"),I(`Found ${B.stats.matched} matches (${B.stats.highConfidence} high confidence)`),w.debug(`[useAutoMap] Results: ${B.stats.matched}/${B.stats.total} matched, ${B.unmatched.length} unmatched`)}catch(F){if(F instanceof DOMException&&F.name==="AbortError"){I("Cancelled");return}l(F instanceof Error?F.message:"Auto-map failed")}finally{a(!1),r.current=null}},[e,M]),L=gi(async E=>{if(!e)return;if(l(null),g(null),x(null),o(!0),I("Checking for existing suggestions..."),await z()){o(!1);return}await O(E)},[e,z,O]),_=gi(async E=>{e&&(l(null),g(null),x(null),await O(E))},[e,O]),m=gi(async E=>{if(!(!e||E.length===0)){u(!0),I(`Applying ${E.length} mappings...`);try{let h=K(),b=localStorage.getItem("uicopilot_session_token");if(!b)throw new Error("Not authenticated");let F=0;for(let C of E)try{(await fetch(`${h}/api/mappings`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${b}`},body:JSON.stringify({projectId:e,storyId:C.storyId,figmaNodeId:C.figmaNodeId,name:C.figmaFrameName||C.componentSetName})})).ok?F++:w.warn(`[useAutoMap] Failed to apply mapping for ${C.storyId}`)}catch(A){w.error(`[useAutoMap] Error applying mapping for ${C.storyId}:`,A)}I(`Applied ${F}/${E.length} mappings`),w.debug(`[useAutoMap] Applied ${F}/${E.length} mappings`)}catch(h){l(h instanceof Error?h.message:"Failed to apply mappings")}finally{u(!1)}}},[e]),v=gi(()=>{r.current?.abort()},[]),k=gi(()=>{g(null),f(null),l(null),I(""),x(null)},[]);return{collectAndMap:L,rerun:_,loadExisting:z,applyMappings:m,cancel:v,reset:k,isCollecting:n,isMapping:i,isApplying:s,error:c,results:p,manifest:d,progress:y,source:S}}De();Ue();import{useState as Uu,useCallback as p1,useRef as tC}from"react";async function Hu(e,t,r,n){let o=new Array(e.length),i=0;async function a(){for(;i<e.length&&!n();){let s=i++;try{let u=await e[s]();o[s]=u,n()||r(s,u)}catch(u){o[s]=u,n()||r(s,u)}}}return await Promise.all(Array.from({length:Math.min(t,e.length)},()=>a())),o}ut();var b$=3;function w$(e){let t=Object.entries(e).filter(([,r])=>r!=null&&r>=.9).map(([r])=>r);return t.length?`matched: ${t.join(", ")}`:"weak signature match"}function v$(e,t){let r=`Signature ${Math.round(e.score*100)}% \u2014 ${w$(e.signals)}`;return t?`${r}; runner-up: ${t.name} (${Math.round(t.score*100)}%)`:r}function rC({projectId:e}){let[t,r]=Uu(!1),[n,o]=Uu(""),[i,a]=Uu(null),[s,u]=Uu(null),c=tC(!1),l=tC(!1),p=p1(async f=>{if(l.current)return;if(!e||f.length===0){a(f.length===0?"No unmapped stories found":null);return}let y=localStorage.getItem("uicopilot_session_token");if(!y){a("Not authenticated");return}l.current=!0,c.current=!1,r(!0),a(null),u(null),o("Preparing match index\u2026 first run can take ~30s, then it is cached");let I=K(),S=0,x=[],M=[],z={},O=f.map(L=>async()=>{let _=await Q(`${I}/api/figma/suggest-links`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${y}`},body:JSON.stringify({projectId:e,story:{id:L.id,name:L.name,title:L.title,args:L.args}})},12e4);if(!_.ok){let m=await _.json().catch(()=>({}));throw new Error(m.error||`suggest-links failed (${_.status})`)}return await _.json()});try{let L=await Hu(O,b$,(k,E)=>{S+=1,o(`Matched ${S}/${f.length} stories\u2026`);let h=f[k];if(E instanceof Error){w.warn(`[useAutoLink] ${h.id}: ${E.message}`),M.push(h.id);return}let[b,F]=E.suggestions??[];if(!b){M.push(h.id);return}x.push({storyId:h.id,figmaNodeId:b.figmaNodeId,figmaFrameName:b.name,componentSetName:b.name,confidence:Math.round(b.score*100),reason:v$(b,F)});for(let C of E.suggestions)z[C.figmaNodeId]=C.thumbnailUrl},()=>c.current);if(c.current){o("Cancelled");return}let _=L.find(k=>k instanceof Error);if(x.length===0&&_)throw _;let m=new Set,v=x.filter(k=>m.has(k.storyId)?!1:(m.add(k.storyId),!0));w.debug(`[useAutoLink] ${f.length} stories \u2192 ${x.length} mappings (${v.length} unique)`),u({mappings:v,unmatched:M,thumbnailUrls:z,stats:{total:f.length,matched:v.length,highConfidence:v.filter(k=>k.confidence>=90).length}}),o(`Found ${v.length} matches (no AI)`)}catch(L){a(L instanceof Error?L.message:"Auto-link failed")}finally{l.current=!1,r(!1)}},[e]),g=p1(()=>{c.current=!0,r(!1)},[]),d=p1(()=>{u(null),a(null),o("")},[]);return{run:p,cancel:g,reset:d,isRunning:t,progress:n,error:i,results:s}}Ue();import{useState as g1,useEffect as S$,useRef as nC}from"react";var oC=2;async function k$(e,t){try{let r=await fetch(`/__uicopilot/screenshot?storyId=${encodeURIComponent(e)}`,{signal:t});return r.ok&&(await r.json()).screenshot||null}catch{return null}}function iC(e){let[t,r]=g1({}),[n,o]=g1(0),[i,a]=g1(!1),s=nC(null),u=nC(""),c=e.join(",");return S$(()=>{if(!e.length||c===u.current)return;u.current=c,r({}),o(0),a(!0);let l=new AbortController;s.current=l;let p=0;return(async()=>{for(let d=0;d<e.length&&!l.signal.aborted;d+=oC){let f=e.slice(d,d+oC),y=await Promise.all(f.map(S=>k$(S,l.signal).then(x=>({id:S,img:x}))));if(l.signal.aborted)break;let I={};for(let{id:S,img:x}of y)p++,x&&(I[S]=x);Object.keys(I).length>0&&r(S=>({...S,...I})),o(p)}a(!1),w.debug(`[useStoryScreenshots] Captured ${p}/${e.length} screenshots`)})().catch(()=>a(!1)),()=>{l.abort()}},[c]),{screenshots:t,isCapturing:i,progress:{done:n,total:e.length}}}import Re,{useState as f1,useEffect as yl,useMemo as C$,useCallback as I$}from"react";import{styled as T$}from"storybook/theming";Ue();var E$=T$.button(({theme:e})=>({gridColumn:"1 / -1",padding:"8px 16px",backgroundColor:"transparent",border:`1px dashed ${e.appBorderColor}`,borderRadius:e.appBorderRadius,color:e.color.mediumdark,fontSize:e.typography.size.s1,cursor:"pointer",transition:"all 0.15s","&:hover:not(:disabled)":{borderColor:e.color.secondary,color:e.color.secondary},"&:disabled":{opacity:.5,cursor:"not-allowed"}})),Ua=({isOpen:e,onClose:t,onSelect:r,projectId:n,stories:o=[],currentStoryId:i,onStoryChange:a,multiSelect:s=!1,onMultiSelect:u,initialSearch:c})=>{let l=cl({projectId:n||"",enabled:e&&!!n}),p=Re.useRef(!1);yl(()=>{e&&c&&!p.current&&(l.setSearch(c),p.current=!0),e||(p.current=!1)},[e,c]);let[g,d]=f1(new Set),[f,y]=f1(i||o[0]?.id||"");yl(()=>{i&&y(i)},[i]);let I=50,S=8,[x,M]=f1({}),z=I$(h=>{M(b=>({...b,[h]:(b[h]||1)+1}))},[]);yl(()=>{M({})},[l.variantFilters]),yl(()=>{l.expandedSets.forEach(h=>{let b=l.variantChildren[h];if(!b||b.length===0)return;let F=b;l.variantFilters.some(B=>B.value)&&(F=b.filter(B=>B.variantProperties?l.variantFilters.every(P=>P.value?B.variantProperties?.[P.property]===P.value:!0):!1));let C=x[h]||1,A=F.slice(0,C*I).map(B=>B.id);for(let B=0;B<A.length;B+=S){let P=A.slice(B,B+S),N=B/S*300;N===0?l.fetchVariantThumbnails(h,P):setTimeout(()=>l.fetchVariantThumbnails(h,P),N)}})},[l.expandedSets,l.variantChildren,l.variantFilters,x]),yl(()=>{d(new Set)},[f]);let O=C$(()=>{let h=[];return l.filteredFrames.forEach(b=>{if(b.type==="COMPONENT_SET"&&b.children){let F=l.variantFilters.some(C=>C.value)?b.children.filter(C=>C.variantProperties?l.variantFilters.every(A=>A.value?C.variantProperties?.[A.property]===A.value:!0):!1):b.children;h.push(...F)}else h.push(b)}),h},[l.filteredFrames,l.variantFilters]),L=h=>{if(s)d(b=>{let F=new Set(b);return F.has(h.id)?F.delete(h.id):F.add(h.id),F});else{let b=l.resolveThumbnail(h.id);try{r({...h,thumbnail:b})}catch(F){w.error("[ComponentBrowserModal] onSelect threw error:",F)}t()}},_=()=>{let h=O.map(F=>F.id),b=h.every(F=>g.has(F));d(b?new Set:new Set(h))},m=()=>{if(u&&g.size>0){let h=O.filter(b=>g.has(b.id)).map(b=>({...b,thumbnail:l.resolveThumbnail(b.id)}));u(h),d(new Set)}},v=h=>{y(h),a?.(h)},k=h=>{h.target===h.currentTarget&&t()},E=o.find(h=>h.id===f);return e?Re.createElement(U4,{onClick:k},Re.createElement(j4,null,Re.createElement(V4,null,Re.createElement(W4,null,"Link Figma Frames"),Re.createElement("div",{style:{display:"flex",gap:"8px",alignItems:"center"}},Re.createElement("button",{onClick:()=>l.refresh(),disabled:l.isLoading,style:{padding:"4px 8px",fontSize:"12px",cursor:l.isLoading?"not-allowed":"pointer",background:"transparent",border:"1px solid #ccc",borderRadius:"4px"},title:"Refresh from Figma"},"Refresh"),Re.createElement(G4,{onClick:t},"\xD7"))),Re.createElement(q4,null,l.error&&Re.createElement(ek,null,l.error),!l.error&&Re.createElement(Re.Fragment,null,o.length>0&&Re.createElement(dk,null,Re.createElement(pk,null,"Story:"),Re.createElement(gk,{value:f,onChange:h=>v(h.target.value)},o.map(h=>Re.createElement("option",{key:h.id,value:h.id},h.name,h.mappingsCount?` (${h.mappingsCount} linked)`:""))),E?.mappingsCount?Re.createElement(fk,{hasMapping:!0},E.mappingsCount," frames linked"):null),Re.createElement(Q4,null,Re.createElement(Ru,null,Re.createElement("input",{type:"checkbox",checked:l.showComponentSets,onChange:h=>l.setShowComponentSets(h.target.checked)}),"Component Sets"),Re.createElement(Ru,null,Re.createElement("input",{type:"checkbox",checked:l.showFrames,onChange:h=>l.setShowFrames(h.target.checked)}),"Frames"),Re.createElement(Ru,null,Re.createElement("input",{type:"checkbox",checked:l.showComponents,onChange:h=>l.setShowComponents(h.target.checked)}),"Components"),l.availablePages.length>1&&Re.createElement($a,{isActive:!!l.figmaPage,value:l.figmaPage,onChange:h=>l.setFigmaPage(h.target.value),style:{marginLeft:"auto"}},Re.createElement("option",{value:""},"All pages"),l.availablePages.map(h=>Re.createElement("option",{key:h,value:h},h)))),l.filterSuggestion&&Re.createElement(mk,null,Re.createElement(hk,null,"AI suggests:"),Re.createElement(xk,null,Object.entries(l.filterSuggestion.suggestedFilters).map(([h,b])=>`${h}=${b}`).join(", ")),Re.createElement(yk,{onClick:l.applySuggestedFilters},"Apply"),Re.createElement(bk,{onClick:l.dismissFilterSuggestion},"Dismiss")),l.filterSuggestionLoading&&Re.createElement(wk,null,"Matching story args to Figma filters..."),l.availableFilters.length>0&&Re.createElement(Fu,null,Re.createElement(ml,null,"Filters:"),l.availableFilters.map(({property:h,values:b})=>{let F=l.variantFilters.find(C=>C.property===h);return Re.createElement($a,{key:h,isActive:!!F?.value,value:F?.value||"",onChange:C=>l.handleFilterChange(h,C.target.value)},Re.createElement("option",{value:""},h),b.map(C=>Re.createElement("option",{key:C,value:C},h,"=",C)))}),l.variantFilters.some(h=>h.value)&&Re.createElement(Pu,{onClick:l.clearFilters},"Clear All")),l.rateLimitError&&Re.createElement("div",{style:{padding:"8px 12px",marginBottom:"8px",background:"rgba(234, 88, 12, 0.12)",border:"1px solid rgba(234, 88, 12, 0.3)",borderRadius:"6px",fontSize:"12px",color:"#ea580c"}},"\u26A0 Figma thumbnail previews unavailable \u2014"," ",l.rateLimitError,". You can still select by name."),Re.createElement(Y4,{type:"text",placeholder:"Search frames...",value:l.search,onChange:h=>l.setSearch(h.target.value),autoFocus:!0}),s&&O.length>0&&Re.createElement(vk,null,Re.createElement(Sk,{onClick:_},g.size===O.length?"Deselect All":"Select All Visible"),Re.createElement(kk,null,g.size>0?`${g.size} selected of `:"Showing ",O.length," frames")),l.isLoading&&Re.createElement(Wh,null,Array.from({length:6}).map((h,b)=>Re.createElement(uk,{key:b},Re.createElement("div",{style:{width:"100%",aspectRatio:"4 / 3"}},Re.createElement(Au,{width:"100%",height:"100%"})),Re.createElement("div",{style:{padding:"12px",display:"flex",flexDirection:"column",gap:"8px"}},Re.createElement(Au,{width:"80%",height:"16px"}),Re.createElement(Au,{width:"50%",height:"12px"}))))),!l.isLoading&&l.filteredFrames.length===0&&Re.createElement(Z4,null,l.search?"No components match your search":"No Figma components found. We index Figma components \u2014 component sets and standalone components. Plain design frames (screens, mockups) aren't included yet \u2014 frame support is planned \u2014 so a file made only of frames will look empty here for now."),!l.isLoading&&l.filteredFrames.length>0&&Re.createElement(Wh,null,l.filteredFrames.map(h=>Re.createElement(hl,{key:h.id,frame:h,thumbnail:l.thumbnails[h.id],thumbnails:l.thumbnails,variantThumbnails:l.variantThumbnails[h.id],variantChildren:l.variantChildren[h.id],variantFailed:l.variantFailed[h.id],isLoadingVariants:l.loadingVariants.has(h.id),isExpanded:l.expandedSets.has(h.id),isNew:l.recentlyAdded.has(h.name),onToggleExpand:l.toggleExpanded,onSelect:L,multiSelect:s,selectedFrames:g,variantFilters:l.variantFilters,variantPage:x[h.id]||1,onShowMore:z})),l.hasMore&&Re.createElement(E$,{onClick:l.loadMore,disabled:l.loadingMore},l.loadingMore?"Loading...":`Show more (${l.totalFrames-l.frames.length} remaining)`)))),s&&Re.createElement(Ck,null,Re.createElement(Ik,{disabled:g.size===0,onClick:m},"Link ",g.size," Selected")))):null};Se();ut();var F$=Ar.div({position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.6)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4}),P$=Ar.div(({theme:e})=>({width:"90vw",maxWidth:"1100px",height:"75vh",backgroundColor:e.background.content,borderRadius:"12px",display:"flex",flexDirection:"column",boxShadow:"0 20px 60px rgba(0, 0, 0, 0.3)",overflow:"hidden"})),M$=Ar.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 20px",borderBottom:`1px solid ${e.appBorderColor}`,backgroundColor:e.background.app})),L$=Ar.div({display:"flex",alignItems:"center",gap:"20px"}),B$=Ar.h2(({theme:e})=>({fontSize:"16px",fontWeight:600,color:e.color.defaultText,margin:0,display:"flex",alignItems:"center",gap:"8px"})),z$=Ar.div({display:"flex",gap:"4px"}),aC=Ar(Qo)(({theme:e,active:t})=>({padding:"8px 16px",borderBottom:"none",borderRadius:"6px",backgroundColor:t?e.background.hoverable:"transparent","&:hover":{backgroundColor:e.background.hoverable}})),D$=Ar(bn)({width:"32px",height:"32px",fontSize:"20px",borderRadius:"6px"}),_$=Ar.div({flex:1,overflow:"hidden",display:"flex",flexDirection:"column"}),N$=Ar.div(({theme:e})=>({padding:"12px 20px",borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.background.app,display:"flex",alignItems:"center",justifyContent:"space-between"})),O$=Ar.div(({theme:e})=>({fontSize:"13px",color:e.color.mediumdark,display:"flex",gap:"16px"})),m1=Ar.div({display:"flex",flexDirection:"column",flex:1,alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.95)",padding:"40px"}),h1=Ar.div({display:"flex",flexDirection:"column",alignItems:"center",gap:"20px",maxWidth:"400px"}),x1=Ar.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,fontWeight:e.typography.weight.bold,color:e.color.defaultText,textAlign:"center"})),y1=Ar.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.mediumdark,textAlign:"center"})),sC=Ar.div(({theme:e})=>({width:"100%",height:"8px",backgroundColor:e.appBorderColor,borderRadius:"4px",overflow:"hidden"})),lC=Ar.div(({theme:e})=>({width:"100%",height:"100%",backgroundColor:e.color.secondary,borderRadius:"4px",opacity:.6})),cC=Ar.button(({theme:e})=>({display:"flex",alignItems:"center",gap:"6px",padding:"6px 14px",backgroundColor:e.color.defaultText,color:"white",border:"none",borderRadius:"6px",fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,fontWeight:e.typography.weight.bold,cursor:"pointer",transition:"opacity 0.15s","&:hover":{opacity:.85},"&:disabled":{opacity:.5,cursor:"not-allowed"}})),uC=Ar.span(({theme:e,type:t})=>({display:"flex",alignItems:"center",gap:"6px","& .dot":{width:"8px",height:"8px",borderRadius:"50%",backgroundColor:t==="mapped"?e.color.positive:t==="unmapped"?e.color.mediumlight:"transparent"}})),dC=({isOpen:e,onClose:t,projectId:r})=>{let[n,o]=Vi("map"),[i,a]=Vi([]),[s,u]=Vi(!0),[c,l]=Vi(null),[p,g]=Vi(!1),[d,f]=Vi(null),y=A$(),I=eC({projectId:r}),S=rC({projectId:r}),[x,M]=Vi(!1),{refreshMappings:z}=gt(),{featureFlags:O}=ue(),L=Ae.useMemo(()=>(I.results??S.results)?.mappings.map(H=>H.storyId)||[],[I.results,S.results]),_=iC(L),m=ao(async()=>{u(!0);try{let H=await fetch("/index.json");if(!H.ok)throw new Error("Failed to fetch index.json");let R=await H.json(),ee=R.entries||R.stories||{},j=Object.entries(ee).filter(([,X])=>X.type==="story").map(([X,te])=>({id:X,name:te.name||X.split("--").pop()||X,title:te.title||"",importPath:te.importPath,componentTitle:te.title?.split("/").slice(0,-1).join("/")||te.title,figmaMapping:null}));try{let X=K(),te=localStorage.getItem("uicopilot_session_token"),Te=await Q(`${X}/api/mappings?projectId=${r}&_t=${Date.now()}`,{headers:{Authorization:`Bearer ${te}`}});if(Te.ok){let ye=await Te.json(),de=new Map((ye.mappings||[]).map(Fe=>[Fe.storyId,Fe]));j.forEach(Fe=>{let ge=de.get(Fe.id);ge&&ge.figmaNodeId&&(Fe.figmaMapping={figmaNodeId:ge.figmaNodeId,figmaFrameName:ge.name||ge.figmaFrameName||""})})}}catch(X){console.warn("[StoryMappingAssistant] Failed to fetch mappings (stories still loaded):",X)}a(j);let Y=j.find(X=>!X.figmaMapping);Y?l(Y.id):j.length>0&&l(j[0].id)}catch(H){console.error("[StoryMappingAssistant] Error fetching stories:",H)}finally{u(!1)}},[r]);R$(()=>{e&&m()},[e,m]);let v=ao((H,R,ee)=>{a(X=>X.map(te=>te.id===H?{...te,figmaMapping:{figmaNodeId:R,figmaFrameName:ee}}:te));let j=i.findIndex(X=>X.id===H),Y=i.find((X,te)=>te>j&&!X.figmaMapping);Y&&l(Y.id)},[i]),k=ao(H=>{a(R=>R.map(ee=>ee.id===H?{...ee,figmaMapping:null}:ee))},[]),E=ao(H=>{l(H),o("map")},[]),h=ao(()=>{let H=i.filter(R=>R.figmaMapping).map(R=>R.id);I.collectAndMap(H)},[i,I]),b=ao(()=>{let H=i.filter(R=>R.figmaMapping).map(R=>R.id);g(!1),I.rerun(H)},[i,I]),F=ao(async H=>{await I.applyMappings(H),g(!1),I.reset(),m(),z()},[I,m,z]),C=ao(()=>{g(!1),I.reset()},[I]),A=ao(()=>{let H=i.filter(R=>!R.figmaMapping).map(R=>{let ee=y.getData(R.id);return{id:R.id,name:R.name,title:R.title,args:ee?.initialArgs??{}}});S.run(H)},[i,S,y]),B=ao(async H=>{await I.applyMappings(H),M(!1),S.reset(),m(),z()},[I,S,m,z]),P=ao(()=>{M(!1),S.reset()},[S]);Ae.useEffect(()=>{I.results&&g(!0)},[I.results]),Ae.useEffect(()=>{S.results&&M(!0)},[S.results]);let N=H=>{H.target===H.currentTarget&&t()};if(!e)return null;let T=i.filter(H=>H.figmaMapping).length,D=i.length;return Ae.createElement(Ae.Fragment,null,Ae.createElement(F$,{onClick:N},Ae.createElement(P$,{onClick:H=>H.stopPropagation()},Ae.createElement(M$,null,Ae.createElement(L$,null,Ae.createElement(B$,null,Ae.createElement("span",null,"\u{1F517}"),"Link Stories to Figma"),Ae.createElement(z$,null,Ae.createElement(aC,{active:n==="map",onClick:()=>o("map")},"Map Stories"),Ae.createElement(aC,{active:n==="view",onClick:()=>o("view")},"View All Mappings"))),Ae.createElement("div",{style:{display:"flex",alignItems:"center",gap:"12px"}},O.enableAutoMap&&!p&&!I.isCollecting&&!I.isMapping&&Ae.createElement(cC,{onClick:h,disabled:s||i.length===0},Ae.createElement("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2"},Ae.createElement("path",{d:"M12 2L2 7l10 5 10-5-10-5z"}),Ae.createElement("path",{d:"M2 17l10 5 10-5"}),Ae.createElement("path",{d:"M2 12l10 5 10-5"})),"Auto-Map All"),O.enableAutoFigmaLinking&&!p&&!x&&!S.isRunning&&Ae.createElement(cC,{onClick:A,disabled:s||i.length===0,title:"Match stories to Figma sets by structural spec signatures \u2014 no LLM"},Ae.createElement("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2"},Ae.createElement("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"}),Ae.createElement("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"})),"Auto-Link (No AI)"),Ae.createElement(D$,{onClick:t},"\xD7"))),Ae.createElement(_$,null,(I.isCollecting||I.isMapping)&&Ae.createElement(m1,null,Ae.createElement(h1,null,Ae.createElement(sC,null,Ae.createElement(lC,null)),Ae.createElement(x1,null,"Auto-mapping stories to Figma"),Ae.createElement(y1,null,I.progress),Ae.createElement(So,{onClick:I.cancel,variant:"ghost"},"Cancel"))),S.isRunning&&Ae.createElement(m1,null,Ae.createElement(h1,null,Ae.createElement(sC,null,Ae.createElement(lC,null)),Ae.createElement(x1,null,"Auto-linking stories to Figma (no AI)"),Ae.createElement(y1,null,S.progress),Ae.createElement(So,{onClick:S.cancel,variant:"ghost"},"Cancel"))),S.error&&!S.isRunning&&!x&&Ae.createElement(m1,null,Ae.createElement(h1,null,Ae.createElement(x1,null,"Auto-link failed"),Ae.createElement(y1,null,S.error),Ae.createElement(So,{onClick:S.reset,variant:"ghost"},"Dismiss"))),x&&S.results&&Ae.createElement(d1,{results:S.results,stories:i,onApply:B,onCancel:P,isApplying:I.isApplying,source:"deterministic",resolveThumbnail:H=>S.results?.thumbnailUrls?.[H],resolveStoryScreenshot:H=>_.screenshots[H],isCapturingScreenshots:_.isCapturing,onBrowse:H=>f(H)}),p&&I.results&&Ae.createElement(d1,{results:I.results,stories:i,onApply:F,onCancel:C,onRerun:b,isApplying:I.isApplying,isRerunning:I.isCollecting||I.isMapping,source:I.source,resolveThumbnail:H=>I.results?.thumbnailUrls?.[H],resolveStoryScreenshot:H=>_.screenshots[H],isCapturingScreenshots:_.isCapturing,onBrowse:H=>f(H)}),!p&&!x&&!S.isRunning&&!S.error&&!I.isCollecting&&!I.isMapping&&(n==="map"?Ae.createElement(Dk,{stories:i,loading:s,selectedStoryId:c,onSelectStory:l,onStoryMapped:v,projectId:r}):Ae.createElement($k,{stories:i,loading:s,onLink:E,onUnlink:k,projectId:r}))),Ae.createElement(N$,null,Ae.createElement(O$,null,Ae.createElement("span",null,"Total: ",D," stories"),Ae.createElement(uC,{type:"mapped"},Ae.createElement("span",{className:"dot"}),T," mapped"),Ae.createElement(uC,{type:"unmapped"},Ae.createElement("span",{className:"dot"}),D-T," unmapped"))))),Ae.createElement(Ua,{isOpen:!!d,onClose:()=>f(null),onSelect:()=>f(null),projectId:r,initialSearch:d||void 0}))};ut();var pC=Tn.div({display:"flex",flexDirection:"column",gap:"6px",padding:"12px 16px"}),H$=Tn.div({display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px"}),U$=Tn.span(({theme:e})=>({fontSize:"10px",fontWeight:e.typography.weight.bold,letterSpacing:"0.06em",textTransform:"uppercase",color:e.color.mediumdark})),j$=Tn.div({display:"flex",alignItems:"center",gap:"12px",fontSize:"11px"}),V$=Tn.span(({theme:e,state:t})=>({fontFamily:e.typography.fonts.mono,fontWeight:e.typography.weight.bold,whiteSpace:"nowrap",color:t==="complete"?e.color.positive:t==="partial"?e.color.warning:e.color.mediumdark})),W$=Tn.div(({theme:e})=>({width:"100%",height:"4px",backgroundColor:e.appBorderColor,borderRadius:"2px",overflow:"hidden"})),G$=Tn.div(({theme:e,percent:t,state:r})=>({width:`${t}%`,height:"100%",borderRadius:"2px",backgroundColor:r==="complete"?e.color.positive:r==="partial"?e.color.warning:e.color.mediumlight,transition:"width 0.3s ease"})),q$=Tn(ip)(({theme:e})=>({padding:0,fontSize:"11px",fontWeight:e.typography.weight.bold,color:e.color.defaultText})),Y$=Tn(ip)(({theme:e})=>({padding:0,fontSize:"11px",fontWeight:e.typography.weight.regular,color:e.color.mediumdark,"&:hover":{textDecoration:"none",color:e.color.defaultText}})),K$=Tn.div({display:"flex",alignItems:"center",gap:"8px"}),X$=Tn.span(({theme:e})=>({fontSize:"13px",color:e.color.mediumdark,fontStyle:"italic"})),J$=Tn.div(({theme:e})=>({width:"14px",height:"14px",border:`2px solid ${e.appBorderColor}`,borderTopColor:G,borderRadius:"50%",animation:"figma-mapping-spin 0.8s linear infinite","@keyframes figma-mapping-spin":{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}})),Q$=Tn.span(({theme:e})=>({fontSize:"12px",color:e.color.mediumdark})),gC=({refreshKey:e=0})=>{let[t,r]=ju(!1),[n,o]=ju({totalStories:0,mappedStories:0,loading:!0}),{selectedProjectId:i}=Ke(),{sessionToken:a}=he();$$(()=>{i&&a?s():o({totalStories:0,mappedStories:0,loading:!1})},[i,a,e]);let s=async()=>{o(L=>({...L,loading:!0}));try{let L=await fetch("/index.json");if(!L.ok)throw new Error("Failed to fetch Storybook index");let _=await L.json(),m=_.entries||_.stories||{},v=Object.keys(m).filter(F=>m[F].type==="story").length,k=Object.keys(m).filter(F=>m[F].type==="story"),E=K(),h=await Q(`${E}/api/mappings?projectId=${i}`,{headers:{Authorization:`Bearer ${a}`}}),b=0;if(h.ok){let F=await h.json(),C=F.mappings||F||[];if(Array.isArray(C)){let A=new Set(C.map(B=>B.storyId).filter(Boolean));b=k.filter(B=>A.has(B)).length}else{let A=await Q(`${E}/api/mappings/stats?projectId=${i}`,{headers:{Authorization:`Bearer ${a}`}});if(A.ok){let B=await A.json();b=Math.min(B.mappedStoriesCount||0,v)}}}o({totalStories:v,mappedStories:b,loading:!1})}catch(L){console.error("[FigmaMappingsSection] Error fetching stats:",L),o(_=>({..._,loading:!1}))}},[u,c]=ju(!1),[l,p]=ju(!1),g=async()=>{!i||!a||p(!0)},d=async()=>{p(!1),c(!0);try{let L=K(),_=await Q(`${L}/api/mappings?projectId=${i}`,{headers:{Authorization:`Bearer ${a}`}});if(!_.ok)throw new Error("Failed to fetch mappings");let v=(await _.json()).mappings||[];await Promise.all(v.map(k=>Q(`${L}/api/mappings?id=${encodeURIComponent(k.id)}`,{method:"DELETE",headers:{Authorization:`Bearer ${a}`}}))),s()}catch(L){console.error("[FigmaMappingsSection] Unlink all failed:",L)}finally{c(!1)}},f=()=>r(!0),y=()=>{r(!1),i&&a&&s()};if(!i)return Sr.createElement(pC,null,Sr.createElement(X$,null,"Select a project to link Figma designs"));let{totalStories:I,loading:S}=n,x=Math.min(n.mappedStories,I),M=x===0?"none":x>=I?"complete":"partial",z=I>0?Math.min(100,Math.round(x/I*100)):0,O=M==="none"?"Link designs":"Manage";return Sr.createElement(Sr.Fragment,null,Sr.createElement(pC,null,Sr.createElement(H$,null,Sr.createElement(U$,null,"Figma mappings"),Sr.createElement(j$,null,S?Sr.createElement(K$,null,Sr.createElement(J$,null),Sr.createElement(Q$,null,"Loading\u2026")):Sr.createElement(Sr.Fragment,null,Sr.createElement(V$,{state:M},`${x} / ${I}`),x>0&&Sr.createElement(Y$,{onClick:g,disabled:S||u},u?"Unlinking\u2026":"Unlink all"),Sr.createElement(q$,{onClick:f,disabled:S},O)))),!S&&Sr.createElement(W$,null,Sr.createElement(G$,{percent:z,state:M}))),t&&Sr.createElement(dC,{isOpen:t,onClose:y,projectId:i}),Sr.createElement(wo,{isOpen:l,title:"Unlink All Mappings",message:`Unlink all ${n.mappedStories} Figma mappings?`,confirmLabel:"Unlink All",variant:"danger",onConfirm:d,onCancel:()=>p(!1)}))};import q,{useState as fi,useEffect as wl,useCallback as $C,useRef as T1}from"react";import{styled as Ft,keyframes as TH}from"storybook/theming";import{addons as EH}from"storybook/manager-api";Se();De();ut();function fC(e){let{loading:t,reloading:r,crawlStatus:n,pagesFailed:o,tries:i,max:a}=e;return t||r||n!=="complete"||(o??0)<=0?!1:i<a}De();import{useEffect as Z$,useRef as eH}from"react";import{addons as tH}from"storybook/manager-api";var Vu="uicopilot/crawl-started",rH=3e3,nH=360*1e3;function mC(e){let t=eH({});Z$(()=>{let r=tH.getChannel?.();if(!r)return;let n=a=>{let s=t.current[a];s&&(clearInterval(s),delete t.current[a])},o=a=>{try{e.addNotification?.(a)}catch{}},i=({projectId:a})=>{if(!a||t.current[a])return;let s=localStorage.getItem("uicopilot_session_token");if(!s)return;let u=K(),c=Date.now(),l=setInterval(async()=>{if(Date.now()-c>nH){n(a);return}try{let p=await fetch(`${u}/api/figma/cache-status?projectId=${a}`,{headers:{Authorization:`Bearer ${s}`}});if(!p.ok)return;let g=await p.json(),d=g?.crawlProgress?.status;if(d==="complete"){n(a);let f=g?.componentSetCount??0;o({id:`uicopilot-crawl-done-${a}-${Date.now()}`,content:{headline:"Figma cache ready",subHeadline:`${f} component set${f===1?"":"s"} cached \u2014 open Settings to map`},duration:8e3})}else d==="error"&&(n(a),o({id:`uicopilot-crawl-error-${a}-${Date.now()}`,content:{headline:"Figma crawl failed",subHeadline:g?.crawlProgress?.error||"Open Settings to retry."},duration:8e3}))}catch{}},rH);t.current[a]=l};return r.on(Vu,i),()=>{r.off(Vu,i),Object.keys(t.current).forEach(n)}},[e])}import gr,{useState as dH}from"react";import{styled as En,keyframes as pH}from"storybook/theming";Se();De();ut();Ue();import{useCallback as oH,useEffect as iH,useState as bl}from"react";var aH=K();function Wu(e,t){let{sessionToken:r}=he(),[n,o]=bl([]),[i,a]=bl(!1),[s,u]=bl(0),[c,l]=bl(!1),[p,g]=bl(null),d=oH(async()=>{if(!(!e||!r)){l(!0),g(null);try{let f=await Q(`${aH}/api/figma/pages?projectId=${e}`,{headers:{Authorization:`Bearer ${r}`}}),y=await f.json().catch(()=>({}));if(!f.ok||!y.success)throw new Error(y.error||"Couldn't read the file's pages.");o(Array.isArray(y.pages)?y.pages:[]),a(!!y.published),u(y.totalComponentSets??0)}catch(f){w.error("[useFigmaPages] failed to load pages:",f),g(f instanceof Error?f.message:"Couldn't read the file's pages.")}finally{l(!1)}}},[e,r]);return iH(()=>{t&&d()},[t,d]),{pages:n,published:i,totalComponentSets:s,loading:c,error:p,reload:d}}import $t,{useEffect as cH,useRef as uH,useState as NC}from"react";var b1="uicopilot_figma_pages:";function hC(e,t,r){let n=new Set(e.map(o=>o.id));if(r?.length){let o=r.filter(i=>n.has(i));if(o.length)return o}if(t){let o=e.filter(i=>i.componentCount>0).map(i=>i.id);if(o.length)return o}return e.map(o=>o.id)}function ja(e){try{let t=localStorage.getItem(b1+e);if(!t)return;let r=JSON.parse(t);if(Array.isArray(r)&&r.every(n=>typeof n=="string"))return r}catch{}}function Gu(e,t){try{localStorage.setItem(b1+e,JSON.stringify(t))}catch{}}function xC(e){try{localStorage.removeItem(b1+e)}catch{}}import qu from"react";import{styled as yC}from"storybook/theming";var sH=yC.span(({state:e})=>({width:"16px",height:"16px",borderRadius:"4px",flex:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",border:e==="none"?`1.5px solid ${Z.locked}`:"none",background:e==="none"?Z.card:G})),lH=yC.span({width:"8px",height:"2px",background:Z.card,borderRadius:"2px"}),w1=({state:e})=>qu.createElement(sH,{state:e},e==="all"&&qu.createElement("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",stroke:Z.card,strokeWidth:"3.4","aria-hidden":!0},qu.createElement("path",{d:"M5 13l4 4L19 7"})),e==="some"&&qu.createElement(lH,null));import Va from"react";import{styled as ar}from"storybook/theming";var bC='ui-monospace, "SF Mono", Menlo, Consolas, monospace',v1=Z.formBg,Yu=ar.div({marginTop:"10px",border:`1px solid ${Z.border}`,borderRadius:"6px",overflow:"hidden",background:Z.card}),wC=ar.div({display:"flex",alignItems:"center",justifyContent:"space-between",height:"32px",padding:"0 12px",borderBottom:`1px solid ${Z.border}`}),vC=ar.span({fontSize:"10px",fontWeight:700,letterSpacing:"0.08em",textTransform:"uppercase",color:Z.muted}),S1=ar.button({border:"none",background:"none",padding:0,cursor:"pointer",fontSize:"11px",color:Z.muted,"&:hover":{color:Z.text}}),SC=ar.div({display:"flex",alignItems:"center",justifyContent:"space-between",height:"32px",padding:"0 12px",background:v1,borderBottom:`1px solid ${Z.border}`}),kC=ar.span({fontSize:"11px",fontWeight:500,color:Z.text}),CC=ar.span({fontSize:"10.5px",color:Z.muted,fontFamily:bC,fontVariantNumeric:"tabular-nums"}),IC=ar.div({position:"relative",padding:"6px 12px",borderBottom:`1px solid ${Z.border}`}),TC=ar.span({position:"absolute",left:"14px",top:"50%",transform:"translateY(-50%)",color:Z.muted,display:"inline-flex",pointerEvents:"none"}),EC=ar.input({width:"100%",height:"28px",paddingLeft:"20px",border:"none",outline:"none",background:"transparent",fontSize:"12px",color:Z.text,"&::placeholder":{color:Z.muted}}),RC=ar.button({width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",height:"32px",padding:"0 12px",border:"none",borderBottom:`1px solid ${Z.border}`,background:Z.accentTint,cursor:"pointer","&:hover":{filter:"brightness(0.97)"}}),k1=ar.span({display:"inline-flex",alignItems:"center",gap:"10px",minWidth:0}),AC=ar.span({fontSize:"12px",fontWeight:500,color:Z.text}),C1=ar.span({fontSize:"11px",color:Z.muted,fontFamily:bC,fontVariantNumeric:"tabular-nums",flex:"none"}),FC=ar.div({maxHeight:"180px",overflowY:"auto"}),PC=ar.button({width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",height:"32px",padding:"0 12px",border:"none",borderBottom:`1px solid ${Z.track}`,background:"transparent",cursor:"pointer","&:last-of-type":{borderBottom:"none"},"&:hover":{background:v1}}),MC=ar.span(({added:e})=>({fontSize:"12px",color:e?G:Z.text,fontWeight:e?500:400,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),LC=ar.span({fontSize:"10px",color:G,flex:"none"}),BC=ar.div({display:"flex",alignItems:"center",justifyContent:"space-between",gap:"12px",padding:"8px 12px",borderTop:`1px solid ${Z.border}`,background:v1}),zC=ar.p({margin:0,fontSize:"10.5px",lineHeight:1.35,color:Z.muted}),DC=ar.button(({disabled:e})=>({flex:"none",height:"28px",padding:"0 12px",border:"none",borderRadius:"6px",fontSize:"11px",fontWeight:600,color:Z.card,background:G,cursor:e?"not-allowed":"pointer",opacity:e?.5:1,whiteSpace:"nowrap","&:hover":e?{}:{opacity:.9}})),Ku=ar.div({padding:"16px 12px",fontSize:"12px",color:Z.muted,textAlign:"center"});var _C=({value:e,onChange:t,total:r})=>Va.createElement(IC,null,Va.createElement(TC,null,Va.createElement("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0},Va.createElement("circle",{cx:"11",cy:"11",r:"7"}),Va.createElement("path",{d:"m21 21-4-4"}))),Va.createElement(EC,{type:"text",value:e,onChange:n=>t(n.target.value),placeholder:`Filter ${r} pages\u2026`,"aria-label":"Filter pages"}));var Xu=({pages:e,published:t,loading:r,error:n,busy:o,initialSelection:i,ctaVerb:a="Import",highlightAdded:s=!1,emptyHint:u,onReload:c,onCancel:l,onImport:p})=>{let[g,d]=NC(new Set),[f,y]=NC(""),I=uH("");if(cH(()=>{if(!e.length)return;let v=e.map(k=>k.id).join(",");v!==I.current&&(I.current=v,d(new Set(hC(e,t,i))))},[e,t,i]),r)return $t.createElement(Yu,null,$t.createElement(Ku,null,"Reading your file\u2019s pages\u2026"));if(n)return $t.createElement(Yu,null,$t.createElement(Ku,null,"\u26A0 ",n," ",$t.createElement(S1,{onClick:c},"Retry")));let S=e.length>0&&g.size===e.length,x=g.size>0&&!S,M=g.size,z=e.filter(v=>g.has(v.id)).reduce((v,k)=>v+k.componentCount,0),O=v=>d(k=>{let E=new Set(k);return E.has(v)?E.delete(v):E.add(v),E}),L=()=>d(S?new Set:new Set(e.map(v=>v.id))),_=f.trim().toLowerCase(),m=_?e.filter(v=>v.name.toLowerCase().includes(_)):e;return $t.createElement(Yu,null,$t.createElement(wC,null,$t.createElement(vC,null,"Choose pages to import"),l&&$t.createElement(S1,{onClick:l},"Cancel")),$t.createElement(SC,null,$t.createElement(kC,null,e.length," pages"),$t.createElement(CC,null,M," selected",t?` \xB7 ~${z} components`:"")),$t.createElement(_C,{value:f,onChange:y,total:e.length}),$t.createElement(RC,{type:"button",onClick:L},$t.createElement(k1,null,$t.createElement(w1,{state:S?"all":x?"some":"none"}),$t.createElement(AC,null,"Select all")),$t.createElement(C1,null,e.length," pages")),$t.createElement(FC,null,m.length===0?$t.createElement(Ku,null,"No pages match \u201C",f,"\u201D."):m.map(v=>{let k=s&&g.has(v.id)&&!(i??[]).includes(v.id);return $t.createElement(PC,{key:v.id,type:"button",onClick:()=>O(v.id)},$t.createElement(k1,null,$t.createElement(w1,{state:g.has(v.id)?"all":"none"}),$t.createElement(MC,{added:k},v.name),k&&$t.createElement(LC,null,"\xB7 just added")),t&&$t.createElement(C1,null,v.componentCount))})),$t.createElement(BC,null,$t.createElement(zC,null,M===0&&u?u:"Selected pages are fetched at full depth via the Figma API."),$t.createElement(DC,{type:"button",disabled:M===0||o,onClick:()=>p([...g])},o?"Starting\u2026":`${a} ${M} ${M===1?"page":"pages"}`)))};var I1=En.div({marginTop:"10px"}),gH=En.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"12px",padding:"11px 13px",border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius*1.5})),fH=En.div({minWidth:0,flex:1}),mH=En.div(({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.defaultText,"& b":{color:G}})),hH=En.div(({theme:e})=>({marginTop:"2px",fontSize:e.typography.size.s1,color:e.color.mediumdark,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"})),xH=En.button(({theme:e})=>({flex:"none",display:"inline-flex",alignItems:"center",gap:"6px",height:"28px",padding:"0 10px",border:`1px solid ${G}`,borderRadius:e.appBorderRadius*1.5,background:"transparent",color:G,fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,fontFamily:e.typography.fonts.base,cursor:"pointer",whiteSpace:"nowrap","&:hover":{background:`${G}14`}})),yH=pH`from { transform: rotate(0deg); } to { transform: rotate(360deg); }`,bH=En.div(({theme:e})=>({padding:"11px 13px",border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius*1.5,backgroundColor:e.background.content})),wH=En.div({display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px"}),vH=En.span(({theme:e})=>({display:"inline-flex",alignItems:"center",gap:"6px",fontSize:e.typography.size.s2,color:e.color.defaultText})),SH=En.span({display:"inline-block",width:"12px",height:"12px",border:`1.5px solid ${G}40`,borderTopColor:G,borderRadius:"50%",animation:`${yH} 0.7s linear infinite`}),kH=En.span(({theme:e})=>({fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,color:e.color.mediumdark})),CH=En.div(({theme:e})=>({marginTop:"8px",height:"4px",borderRadius:"2px",backgroundColor:e.appBorderColor,overflow:"hidden"})),IH=En.div(({pct:e})=>({width:`${e}%`,height:"100%",backgroundColor:G,transition:"width 0.3s ease"})),OC=({projectId:e,busy:t,importing:r=!1,importPct:n=0,onReimport:o})=>{let[i,a]=dH(!1),s=Wu(e,!0),u=ja(e);if(r)return gr.createElement(I1,null,gr.createElement(bH,null,gr.createElement(wH,null,gr.createElement(vH,null,gr.createElement(SH,null),"Re-reading components from Figma\u2026"),gr.createElement(kH,null,n,"%")),gr.createElement(CH,null,gr.createElement(IH,{pct:n}))));if(i)return gr.createElement(I1,null,gr.createElement(Xu,{pages:s.pages,published:s.published,loading:s.loading,error:s.error,busy:t,initialSelection:u,ctaVerb:"Re-import",highlightAdded:!0,emptyHint:"Select at least one page \u2014 or use Clear (above) to remove everything.",onReload:s.reload,onCancel:()=>a(!1),onImport:d=>{Gu(e,d),o(d),a(!1)}}));let c=s.pages.length,l=u?.length??0,p=u?.length&&s.pages.length?s.pages.find(d=>u.includes(d.id))?.name:void 0,g=c>l?c-l:0;return gr.createElement(I1,null,gr.createElement(gH,null,gr.createElement(fH,null,gr.createElement(mH,null,l>0?gr.createElement(gr.Fragment,null,"Importing"," ",gr.createElement("b",null,l,c?` of ${c}`:""," ",l===1&&!c?"page":"pages")):"Choose which pages to import"),p&&gr.createElement(hH,null,p,g>0?` \xB7 ${g} pages not imported`:"")),gr.createElement(xH,{onClick:()=>a(!0)},gr.createElement("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0},gr.createElement("path",{d:"M12 5v14M5 12h14"})),"Add or change pages")))};var E1=Ft.div(({theme:e})=>({padding:"12px 16px",backgroundColor:e.background.content,fontSize:"12px"})),R1=Ft.div({display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px"}),A1=Ft.span(({theme:e})=>({display:"inline-flex",alignItems:"center",gap:"8px",fontSize:"10px",fontWeight:e.typography.weight.bold,letterSpacing:"0.06em",textTransform:"uppercase",color:e.color.mediumdark})),vfe=Ft(mo)({padding:"5px 12px",fontSize:"12px"}),RH=Ft.dl(({theme:e})=>({display:"grid",gridTemplateColumns:"repeat(4, 1fr)",margin:"0 0 8px",borderRadius:e.appBorderRadius,backgroundColor:e.background.hoverable,overflow:"hidden"})),Ju=Ft.div({padding:"8px 10px",minWidth:0}),HC=Ft.div(({theme:e})=>({fontSize:"12px",color:e.color.mediumdark,padding:"4px 0"})),AH=Ft.div({display:"flex",flexDirection:"column",gap:"6px",marginTop:"6px"}),FH=Ft.div({display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px"}),PH=Ft.div({display:"flex",alignItems:"center",gap:"8px"}),MH=Ft.span(({theme:e})=>({fontSize:"12px",color:e.color.defaultText})),LH=Ft.span(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.defaultText})),BH=Ft.span(({theme:e,ready:t})=>({display:"inline-flex",alignItems:"center",gap:"4px",padding:"1px 6px",borderRadius:"3px",fontSize:"9px",fontWeight:e.typography.weight.bold,textTransform:"uppercase",letterSpacing:"0.06em",backgroundColor:t?`${e.color.positive}1a`:e.background.hoverable,color:t?e.color.positive:e.color.mediumdark})),zH=Ft.button(({theme:e})=>({display:"inline-flex",alignItems:"center",gap:"4px",padding:0,border:"none",background:"transparent",cursor:"pointer",fontSize:"11px",color:e.color.mediumdark,transition:"color 0.15s","&:hover":{color:e.color.defaultText},"&:disabled":{opacity:.5,cursor:"not-allowed"}})),DH=Ft.div(({theme:e})=>({width:"100%",height:"4px",borderRadius:"2px",backgroundColor:e.appBorderColor,overflow:"hidden"})),_H=Ft.div(({theme:e,pct:t,ready:r})=>({width:`${t}%`,height:"100%",borderRadius:"2px",backgroundColor:r?e.color.positive:e.color.secondary,transition:"width 0.3s ease"})),Qu=Ft.dt(({theme:e})=>({fontSize:"9px",fontWeight:e.typography.weight.bold,letterSpacing:"0.06em",textTransform:"uppercase",color:e.color.mediumdark,whiteSpace:"nowrap"})),Zu=Ft.dd(({theme:e,plain:t})=>({margin:"2px 0 0",fontSize:"12px",color:e.color.defaultText,fontFamily:t?e.typography.fonts.base:e.typography.fonts.mono,whiteSpace:"nowrap"})),NH=Ft.span(({theme:e,status:t})=>({display:"inline-block",padding:"1px 6px",borderRadius:"3px",fontSize:"10px",fontWeight:600,textTransform:"uppercase",letterSpacing:"0.5px",backgroundColor:t==="cached"?`${e.color.positive}1a`:t==="expired"?`${e.color.warning}1a`:e.background.hoverable,color:t==="cached"?e.color.positive:t==="expired"?e.color.warning:e.color.mediumdark})),WC=TH`
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
-`,UC=Ft.span(({theme:e,tone:t})=>({display:"inline-flex",alignItems:"center",gap:"4px",padding:"1px 6px",borderRadius:"3px",fontSize:"9px",fontWeight:e.typography.weight.bold,textTransform:"uppercase",letterSpacing:"0.05em",backgroundColor:t==="green"?`${e.color.positive}1a`:`${G}1a`,color:t==="green"?e.color.positive:G})),OH=Ft.span({display:"inline-block",width:"10px",height:"10px",border:`1.5px solid ${G}40`,borderTopColor:G,borderRadius:"50%",animation:`${WC} 0.6s linear infinite`}),$H=()=>q.createElement("svg",{viewBox:"0 0 24 24",width:"10",height:"10",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0},q.createElement("path",{d:"M20 6 9 17l-5-5"})),F1=Ft.button(({theme:e})=>({display:"inline-flex",alignItems:"center",gap:"4px",height:"25px",padding:"2px 8px",border:"none",background:"transparent",borderRadius:e.appBorderRadius,cursor:"pointer",fontSize:"11px",fontFamily:e.typography.fonts.base,color:e.color.mediumdark,transition:"all 0.15s","&:hover:not(:disabled)":{color:e.color.defaultText,backgroundColor:e.background.hoverable},"&:disabled":{opacity:.5,cursor:"not-allowed"}})),P1=Ft.span({display:"inline-block",width:"10px",height:"10px",border:"1.5px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",opacity:.6,animation:`${WC} 0.6s linear infinite`}),HH=()=>q.createElement("svg",{viewBox:"0 0 24 24",width:"12",height:"12",fill:"currentColor","aria-hidden":!0},q.createElement("path",{d:"M12 2.5l1.6 5.9 5.9 1.6-5.9 1.6L12 17.5l-1.6-5.9L4.5 10l5.9-1.6z"})),UH=()=>q.createElement("svg",{viewBox:"0 0 24 24",width:"12",height:"12",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0},q.createElement("path",{d:"M23 4v6h-6M1 20v-6h6"}),q.createElement("path",{d:"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"})),jH=Ft.div(({theme:e})=>({marginTop:"6px",padding:"6px 8px",backgroundColor:e.background.hoverable,borderRadius:"4px",color:e.color.mediumdark,lineHeight:"1.4"})),M1=Ft.span(({theme:e,type:t})=>({fontWeight:500,color:t==="added"?e.color.positive:t==="removed"?e.color.negative:e.color.warning})),vl=Ft.div(({theme:e})=>({marginTop:"8px",padding:"8px 10px",backgroundColor:`${e.color.negative}1a`,border:`1px solid ${e.color.negative}4d`,borderRadius:"4px",fontSize:"12px",color:e.color.negative,lineHeight:"1.4"})),VH=Ft.div(({theme:e})=>({marginTop:"8px",padding:"8px 10px",backgroundColor:`${e.color.warning}1a`,border:`1px solid ${e.color.warning}4d`,borderRadius:"4px",fontSize:"12px",color:e.color.warning,lineHeight:"1.4"})),WH=Ft.div(({theme:e})=>({marginTop:"8px",padding:"8px 10px",backgroundColor:`${e.color.positive}1a`,border:`1px solid ${e.color.positive}4d`,borderRadius:"4px",fontSize:"12px",color:e.color.positive,lineHeight:"1.4"})),GH=Ft.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"6px",marginTop:"8px",padding:"6px 8px",borderRadius:e.appBorderRadius,backgroundColor:e.background.hoverable,fontSize:"11px",lineHeight:"1.4",color:e.color.defaultText})),Wa=Ft.div(({theme:e})=>({width:"100%",height:"8px",backgroundColor:e.appBorderColor,borderRadius:"4px",overflow:"hidden",marginTop:"10px"})),Ga=Ft.div(({percent:e})=>({width:`${e}%`,height:"100%",backgroundColor:G,borderRadius:"3px",transition:"width 0.5s ease"})),Wi=Ft.div(({theme:e})=>({display:"flex",justifyContent:"space-between",marginTop:"6px",fontSize:"12px",fontWeight:500,color:e.color.defaultText})),jC=new Set,VC=new Map,qH=2,GC=()=>{let{userRole:e,featureFlags:t}=ue(),[r,n]=fi(null),[o,i]=fi(!0),[a,s]=fi(!1),[u,c]=fi(null),[l,p]=fi(null),[g,d]=fi(!1),[f,y]=fi(!1),[I,S]=fi(!1),{selectedProjectId:x,projects:M}=Ke(),{sessionToken:z}=he(),O=T1(null),L=T1(null),_=T1(null),m=$C(()=>{O.current&&(clearInterval(O.current),O.current=null),L.current&&(clearInterval(L.current),L.current=null),_.current&&(clearTimeout(_.current),_.current=null)},[]);wl(()=>m,[m]);let v=$C(async()=>{if(!(!x||!z))try{let j=K(),Y=await Q(`${j}/api/figma/cache-status?projectId=${x}`,{headers:{Authorization:`Bearer ${z}`}});if(Y.ok){let X=await Y.json();n(X)}}catch(j){console.error("[FigmaCacheSection] Error:",j)}finally{i(!1)}},[x,z]);wl(()=>{v()},[v]),wl(()=>{if(o||a||!r||r.structureStatus!=="none"||!x||jC.has(x))return;let j=M.find(X=>X.id===x);(j?.figmaFileUrl||j?.figmaFileId)&&(jC.add(x),k())},[o,a,r?.structureStatus,x,M]),wl(()=>{if(!x)return;let j=VC.get(x)??0;fC({loading:o,reloading:a,crawlStatus:r?.crawlProgress?.status,pagesFailed:r?.crawlProgress?.pagesFailed,tries:j,max:qH})&&(VC.set(x,j+1),k())},[o,a,r?.crawlProgress?.status,r?.crawlProgress?.pagesFailed,x]),wl(()=>{let j=r?.thumbnailProgress?.status,Y=r?.enrichmentProgress?.status,X=r?.thumbnailProgress?.cached??0,te=r?.thumbnailProgress?.total??0,Te=j==="in-progress"||j==="pending"||te>0&&X<te,ye=Y==="in-progress"||Y==="pending",de=!r?.thumbnailProgress&&r?.structureStatus==="cached",Fe=r?.crawlProgress?.status==="crawling"||r?.crawlProgress?.status==="cancelling";if(!(Fe||Te||ye||de)||!Fe&&(!r||r.structureStatus==="none"))return;let Le=setInterval(()=>{v()},3e3);return()=>{clearInterval(Le)}},[r?.thumbnailProgress?.status,r?.thumbnailProgress?.cached,r?.thumbnailProgress?.total,r?.enrichmentProgress?.status,r?.crawlProgress?.status,r?.structureStatus,v]);let k=async j=>{if(!x||!z)return;let Y=Array.isArray(j)?j:void 0;s(!0),c(null),p(null);try{let X=K(),te=await Q(`${X}/api/figma/crawl`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${z}`},body:JSON.stringify(Y?.length?{projectId:x,pageIds:Y}:{projectId:x})});if(!te.ok){if(te.status===403){let ye=await te.json().catch(()=>({}));c(ye.requiresAuth?"auth":"generic")}else c("generic");return}let Te=await te.json().catch(()=>({}));if(Te?.status==="skipped-unchanged")p("Figma file unchanged \u2014 reused cached structure.");else if(Te?.status==="crawl-started"||Te?.status==="retry-started"){if(Te?.status==="retry-started"){let ye=Te.retryPages;p(`Retrying ${ye?`${ye} `:""}page${ye===1?"":"s"} that hit Figma's rate limit\u2026`)}try{EH.getChannel()?.emit(Vu,{projectId:x})}catch{}}await v()}catch(X){console.error("[FigmaCacheSection] Crawl start error:",X),c("generic")}finally{s(!1)}},E=async()=>{if(!(!x||!z)){d(!0);try{let j=K(),Y=await Q(`${j}/api/figma/cache/invalidate`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${z}`},body:JSON.stringify({projectId:x})});if(console.log("[FigmaCacheSection] Cache invalidate response:",Y.status),!Y.ok){c("generic");return}await Q(`${j}/api/figma/frames/invalidate?projectId=${x}`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${z}`}}).catch(()=>{}),x&&xC(x),n({structureStatus:"none",structureCachedAt:null,componentSetCount:0,componentCount:0,pageCount:0,pages:[],cacheDiff:null,thumbnailProgress:null,enrichmentProgress:null,crawlProgress:null})}catch(j){console.error("[FigmaCacheSection] Clear cache error:",j)}finally{d(!1)}}},h=async()=>{if(!(!x||!z)){m(),y(!0);try{let j=K();await Q(`${j}/api/figma/enrich`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${z}`},body:JSON.stringify({projectId:x})}),O.current=setInterval(async()=>{await v()},3e3),L.current=setInterval(()=>{(r?.enrichmentProgress?.status==="complete"||r?.enrichmentProgress?.status==="error")&&(m(),y(!1),v())},3e3),_.current=setTimeout(()=>{m(),y(!1)},6e5)}catch(j){console.error("[FigmaCacheSection] Enrich error:",j),m(),y(!1)}}},b=async()=>{if(!(!x||!z)){S(!0);try{let j=K();await Q(`${j}/api/figma/cancel`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${z}`},body:JSON.stringify({projectId:x})}),await v()}catch(j){console.error("[FigmaCacheSection] Cancel error:",j)}finally{S(!1),y(!1),s(!1)}}},F=r?.crawlProgress?.status==="crawling"||r?.crawlProgress?.status==="cancelling"||r?.thumbnailProgress?.status==="in-progress"||r?.enrichmentProgress?.status==="in-progress";if(!x)return null;if(o)return q.createElement(E1,null,q.createElement(R1,null,q.createElement(A1,null,"Figma Sync")),q.createElement(HC,null,"Loading sync status\u2026"),q.createElement(Wa,null,q.createElement(Ga,{percent:100,style:{opacity:.3}})));if(!r||r.structureStatus==="none")return q.createElement(E1,null,q.createElement(R1,null,q.createElement(A1,null,"Figma Sync"),q.createElement(So,{loading:a,onClick:k,loadingText:"Loading..."},"\u21BB Load")),r?.crawlProgress?.status==="crawling"?q.createElement(q.Fragment,null,q.createElement(Wa,null,q.createElement(Ga,{percent:(r.crawlProgress.pagesTotal??0)>0?Math.round(r.crawlProgress.pagesDone/r.crawlProgress.pagesTotal*100):100,style:(r.crawlProgress.pagesTotal??0)>0?void 0:{opacity:.3}})),q.createElement(Wi,null,q.createElement("span",null,"Reading components from Figma\u2026"),q.createElement("span",null,(r.crawlProgress.pagesTotal??0)>0?`page ${r.crawlProgress.pagesDone} of ${r.crawlProgress.pagesTotal}`:"starting\u2026"))):a?q.createElement(q.Fragment,null,q.createElement(Wa,null,q.createElement(Ga,{percent:100,style:{animation:"none",opacity:.3}})),q.createElement(Wi,null,q.createElement("span",null,"Starting crawl\u2026"))):q.createElement(HC,null,"No cache \u2014 click Load to fetch from Figma"),r?.crawlProgress?.status==="error"&&q.createElement(vl,null,"Crawl failed",r.crawlProgress.error?`: ${r.crawlProgress.error}`:"",". Try Load again."),u==="auth"&&q.createElement(vl,null,"Figma authentication expired \u2014 reconnect your Figma account in the Figma Integration section above."),u==="generic"&&q.createElement(vl,null,"Failed to load Figma cache. Check the browser console for details."));let C=j=>{let Y=Date.now()-new Date(j).getTime(),X=Math.floor(Y/6e4);if(X<1)return"just now";if(X<60)return`${X}m ago`;let te=Math.floor(X/60);return te<24?`${te}h ago`:`${Math.floor(te/24)}d ago`},A=j=>j>=1024*1024*1024?`${(j/1024/1024/1024).toFixed(1)} GB`:j>=1024*1024?`${Math.round(j/1024/1024)} MB`:`${Math.max(1,Math.round(j/1024))} KB`,B=r.crawlProgress?.bytesDownloaded,P=r.cacheDiff,N=P&&(P.added.length>0||P.removed.length>0||P.renamed.length>0),T=r.crawlProgress,D=T?.pagesTotal??0,H=T?.pagesDone??0,R=T?.status==="crawling"||a,ee=D>0?Math.round(H/D*100):a?8:0;return q.createElement(E1,null,q.createElement(R1,null,q.createElement(A1,null,"Figma Sync"," ",r.crawlProgress?.status==="crawling"?q.createElement(UC,{tone:"orange"},q.createElement(OH,null),"Importing"):r.structureStatus==="cached"?q.createElement(UC,{tone:"green"},q.createElement($H,null),"Synced"):q.createElement(NH,{status:r.structureStatus},r.structureStatus)),q.createElement("div",{style:{display:"flex",gap:"2px"}},e==="admin"&&q.createElement(F1,{onClick:h,disabled:f},f?q.createElement(P1,null):q.createElement(HH,null),f?"Enriching\u2026":"Enrich"),q.createElement(F1,{onClick:E,disabled:g},g&&q.createElement(P1,null),g?"Clearing\u2026":"Clear"),q.createElement(F1,{onClick:()=>k(x?ja(x):void 0),disabled:a},a?q.createElement(P1,null):q.createElement(UH,null),a?"Reloading\u2026":"Reload"),F&&q.createElement(So,{loading:I||r?.crawlProgress?.status==="cancelling",onClick:b,variant:"ghost",loadingText:"Stopping..."},"\u2715 Stop"))),r?.crawlProgress?.status==="crawling"&&!((r.crawlProgress.pagesTotal??0)>0&&r.crawlProgress.pagesDone>=r.crawlProgress.pagesTotal)&&q.createElement(q.Fragment,null,q.createElement(Wa,null,q.createElement(Ga,{percent:(r.crawlProgress.pagesTotal??0)>0?Math.round(r.crawlProgress.pagesDone/r.crawlProgress.pagesTotal*100):100,style:(r.crawlProgress.pagesTotal??0)>0?void 0:{opacity:.3}})),q.createElement(Wi,null,q.createElement("span",null,"Re-reading components from Figma\u2026"),q.createElement("span",null,(r.crawlProgress.pagesTotal??0)>0?`page ${r.crawlProgress.pagesDone} of ${r.crawlProgress.pagesTotal}`:"starting\u2026"))),a&&r?.crawlProgress?.status!=="crawling"&&q.createElement(Wi,null,q.createElement("span",null,"Starting crawl\u2026")),u==="auth"&&q.createElement(vl,null,"Figma authentication expired \u2014 reconnect your Figma account in the Figma Integration section above."),u==="generic"&&q.createElement(vl,null,"Failed to reload Figma sync. Check the browser console for details."),q.createElement(RH,null,q.createElement(Ju,null,q.createElement(Qu,null,"Component sets"),q.createElement(Zu,null,r.componentSetCount)),q.createElement(Ju,null,q.createElement(Qu,null,"Pages"),q.createElement(Zu,null,r.pageCount)),typeof B=="number"&&B>0&&q.createElement(Ju,null,q.createElement(Qu,null,"Size"),q.createElement(Zu,null,"\u2248 ",A(B))),r.structureCachedAt&&q.createElement(Ju,null,q.createElement(Qu,null,"Updated"),q.createElement(Zu,{plain:!0},C(r.structureCachedAt)))),q.createElement(GH,null,q.createElement("span",{"aria-hidden":!0},"\u2139\uFE0F"),q.createElement("span",null,q.createElement("strong",null,"Components only")," for now \u2014 plain Figma frames aren't indexed yet (support planned).")),x&&q.createElement(OC,{projectId:x,busy:a,importing:R,importPct:ee,onReimport:k}),r.crawlProgress?.status==="complete"&&r.crawlProgress.pagesFailed>0&&q.createElement(VH,null,"\u26A0 ",r.crawlProgress.pagesFailed," of"," ",r.crawlProgress.pagesTotal," pages couldn\u2019t be read (Figma rate limit) \u2014 some components may be missing. Reload to retry."),l&&q.createElement(WH,null,"\u2713 ",l),N&&q.createElement(jH,null,"Since last reload:"," ",P.added.length>0&&q.createElement(M1,{type:"added"},"+",P.added.length," added"),P.added.length>0&&P.removed.length>0&&" \xB7 ",P.removed.length>0&&q.createElement(M1,{type:"removed"},"\u2212",P.removed.length," removed"),(P.added.length>0||P.removed.length>0)&&P.renamed.length>0&&" \xB7 ",P.renamed.length>0&&q.createElement(M1,{type:"renamed"},P.renamed.length," renamed")),r.thumbnailProgress&&r.thumbnailProgress.status==="in-progress"&&q.createElement(q.Fragment,null,q.createElement(Wa,null,q.createElement(Ga,{percent:r.thumbnailProgress.total>0?Math.round(r.thumbnailProgress.cached/r.thumbnailProgress.total*100):0})),q.createElement(Wi,null,q.createElement("span",null,"Preparing thumbnails\u2026",r.thumbnailProgress.currentName&&q.createElement(q.Fragment,null," ",r.thumbnailProgress.currentName)),q.createElement("span",null,r.thumbnailProgress.cached,"/",r.thumbnailProgress.total))),r.thumbnailProgress?.status!=="in-progress"&&(()=>{let j=r.thumbnailProgress,Y=j?.cached??0,X=j?.total??0,te=X>0&&Y>=X,Te=X>0&&Y<X,ye=X>0?Math.min(100,Math.round(Y/X*100)):0;return q.createElement(AH,null,q.createElement(FH,null,q.createElement(PH,null,q.createElement(MH,null,"Thumbnails",X>0&&q.createElement(q.Fragment,null," ",q.createElement(LH,null,Y," / ",X))),q.createElement(BH,{ready:te},te?"\u2713 Ready":Te?"Partial":"Not generated")),q.createElement(zH,{onClick:k,disabled:a},"\u21BB ",te?"Rebuild":"Reload")),X>0&&q.createElement(DH,null,q.createElement(_H,{pct:te?100:ye,ready:te})))})(),r.enrichmentProgress&&r.enrichmentProgress.status==="in-progress"&&q.createElement(q.Fragment,null,q.createElement(Wa,null,q.createElement(Ga,{percent:r.enrichmentProgress.total>0?Math.round(r.enrichmentProgress.enriched/r.enrichmentProgress.total*100):0})),q.createElement(Wi,null,q.createElement("span",null,"AI descriptions: generating\u2026",r.enrichmentProgress.currentName&&q.createElement(q.Fragment,null," ",r.enrichmentProgress.currentName)),q.createElement("span",null,r.enrichmentProgress.enriched," of"," ",r.enrichmentProgress.total," component sets"))),r.enrichmentProgress&&r.enrichmentProgress.status==="complete"&&q.createElement(q.Fragment,null,q.createElement(Wi,null,q.createElement("span",null,"AI descriptions: ",r.enrichmentProgress.enriched," of"," ",r.enrichmentProgress.total," component sets \u2713"))),r.enrichmentProgress&&r.enrichmentProgress.status==="in-progress"&&t.showCosts&&r.enrichmentProgress.costUsd!=null&&r.enrichmentProgress.costUsd>0&&q.createElement("div",{style:{marginTop:"6px"}},q.createElement(_u,{inputTokens:r.enrichmentProgress.inputTokens||0,outputTokens:r.enrichmentProgress.outputTokens||0,costUsd:r.enrichmentProgress.costUsd,compact:!0})))};import zt,{useState as qa}from"react";import{styled as ko}from"storybook/theming";Se();De();ut();var L1=ko.div({padding:"12px 16px"}),YH=ko.div({display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px"}),qC=ko.label(({theme:e})=>({fontSize:"13px",fontWeight:600,color:e.color.defaultText})),YC=ko.button(({theme:e})=>({background:"none",border:"none",fontSize:"12px",color:G,cursor:"pointer",padding:0,"&:hover":{textDecoration:"underline"}})),KH=ko.div({display:"flex",gap:"8px",alignItems:"center"}),XH=ko.input(({theme:e})=>({flex:1,padding:"8px 12px",fontSize:"13px",border:`1px solid ${e.appBorderColor}`,borderRadius:"6px",backgroundColor:e.input.background,color:e.input.color,outline:"none",fontFamily:"monospace","&:focus":{borderColor:G,boxShadow:`0 0 0 1px ${G}`},"&::placeholder":{color:e.color.mediumlight,fontFamily:"inherit"}})),KC=ko.span(({theme:e,variant:t})=>({fontSize:"12px",color:t==="success"?e.color.positive:t==="error"?e.color.negative:e.color.mediumdark,marginTop:"6px",display:"block",lineHeight:1.4})),JH=ko.div(({theme:e})=>({fontSize:"11px",color:e.color.mediumdark,marginTop:"8px",lineHeight:1.5,"& a":{color:G,textDecoration:"none","&:hover":{textDecoration:"underline"}},"& ol":{margin:"4px 0 0 16px",padding:0},"& li":{marginBottom:"2px"}})),QH=ko.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"8px",padding:"8px 12px",borderRadius:"6px",backgroundColor:"#16a34a10",border:"1px solid #16a34a30",fontSize:"12px",color:e.color.defaultText})),ZH=ko.button(({theme:e})=>({background:"none",border:"none",fontSize:"11px",color:"#dc2626",cursor:"pointer",marginLeft:"auto","&:hover":{textDecoration:"underline"}})),XC=({onConnected:e,defaultExpanded:t=!1})=>{let{sessionToken:r}=he(),[n,o]=qa(t),[i,a]=qa(""),[s,u]=qa(!1),[c,l]=qa(null),[p,g]=qa(null),[d,f]=qa(!1),y=async()=>{if(!(!i.trim()||!r)){u(!0),l(null);try{let I=K(),S=await Q(`${I}/api/figma/pat`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${r}`},body:JSON.stringify({token:i.trim()})}),x=await S.json();if(!S.ok){l({type:"error",message:x.error||"Failed to save token"});return}g(x.figmaUser?.handle||x.figmaUser?.email||"Connected"),l({type:"success",message:`Connected as ${x.figmaUser?.handle||"Figma user"}`}),a(""),e?.()}catch{l({type:"error",message:"Failed to connect. Check your token and try again."})}finally{u(!1)}}};return p?zt.createElement(L1,null,zt.createElement(qC,null,"Figma Personal Access Token"),zt.createElement(QH,null,zt.createElement("span",null,"\u2713 Connected as ",zt.createElement("strong",null,p)),zt.createElement(ZH,{onClick:()=>{g(null),l(null)}},"Change token"))):n?zt.createElement(L1,null,zt.createElement(YH,null,zt.createElement(qC,null,"Figma Personal Access Token"),zt.createElement(YC,{onClick:()=>f(!d)},d?"Hide instructions":"How to generate")),d&&zt.createElement(JH,null,zt.createElement("ol",null,zt.createElement("li",null,"Open"," ",zt.createElement("a",{href:"https://www.figma.com/settings",target:"_blank",rel:"noopener noreferrer"},"Figma Settings")),zt.createElement("li",null,"Click the ",zt.createElement("strong",null,"Security")," tab"),zt.createElement("li",null,"Scroll to ",zt.createElement("strong",null,"Personal access tokens")),zt.createElement("li",null,"Click ",zt.createElement("strong",null,"Generate new token")),zt.createElement("li",null,"Enable ",zt.createElement("strong",null,"File content: Read only")," under Scopes"),zt.createElement("li",null,"Copy the token and paste it below"))),zt.createElement(KH,null,zt.createElement(XH,{type:"password",value:i,onChange:I=>a(I.target.value),placeholder:"figd_...",onKeyDown:I=>{I.key==="Enter"&&i.trim()&&y()}}),zt.createElement(Zt,{onClick:y,disabled:!i.trim()||s},s?"Verifying...":"Save & Verify")),c&&zt.createElement(KC,{variant:c.type},c.message),zt.createElement(KC,{variant:"info"},"Read-only access. Your token is stored securely and never shared.")):zt.createElement(L1,null,zt.createElement(YC,{onClick:()=>o(!0)},"Or use a Personal Access Token \u2192"))};Se();De();ut();var rU=Dt.createElement("svg",{viewBox:"0 0 38 57",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Dt.createElement("path",{d:"M19 28.5C19 23.2533 23.2533 19 28.5 19C33.7467 19 38 23.2533 38 28.5C38 33.7467 33.7467 38 28.5 38C23.2533 38 19 33.7467 19 28.5Z",fill:"#1ABCFE"}),Dt.createElement("path",{d:"M0 47.5C0 42.2533 4.25329 38 9.5 38H19V47.5C19 52.7467 14.7467 57 9.5 57C4.25329 57 0 52.7467 0 47.5Z",fill:"#0ACF83"}),Dt.createElement("path",{d:"M19 0V19H28.5C33.7467 19 38 14.7467 38 9.5C38 4.25329 33.7467 0 28.5 0H19Z",fill:"#FF7262"}),Dt.createElement("path",{d:"M0 9.5C0 14.7467 4.25329 19 9.5 19H19V0H9.5C4.25329 0 0 4.25329 0 9.5Z",fill:"#F24E1E"}),Dt.createElement("path",{d:"M0 28.5C0 33.7467 4.25329 38 9.5 38H19V19H9.5C4.25329 19 0 23.2533 0 28.5Z",fill:"#A259FF"})),B1=mi.div({}),nU=mi.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"8px",padding:"10px 16px",backgroundColor:e.background.hoverable,borderBottom:`1px solid ${e.appBorderColor}`})),oU=mi.div({width:"16px",height:"16px",display:"flex",alignItems:"center","& svg":{width:"14px",height:"14px"}}),iU=mi.span(({theme:e})=>({fontSize:"13px",fontWeight:600,color:e.color.defaultText,flex:1})),z1=mi.div({"& > *":{border:"none",borderRadius:0,marginBottom:0,borderBottom:"1px solid rgba(0,0,0,0.06)","&:last-child":{borderBottom:"none"}}}),aU=mi.div({padding:"20px 16px",display:"flex",flexDirection:"column",gap:"12px"}),jfe=mi.button({display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",width:"100%",padding:"8px 16px",backgroundColor:Ux,color:"#fff",border:"none",borderRadius:"6px",fontSize:"13px",fontWeight:600,cursor:"pointer","&:hover":{backgroundColor:jx}}),sU=mi.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"8px",fontSize:"12px",color:e.color.mediumdark,"&::before, &::after":{content:'""',flex:1,height:"1px",backgroundColor:e.appBorderColor}})),QC=({hideHeader:e=!1})=>{let{sessionToken:t}=he(),r=!!t&&t.startsWith("uic_anon_"),[n,o]=Sl(!1),[i,a]=Sl(0),[s,u]=Sl(()=>{try{let S=sessionStorage.getItem("uicopilot_figma_connection");if(S){let{connected:x,ts:M}=JSON.parse(S);if(Date.now()-M<300*1e3)return x}}catch{}return null}),[c,l]=Sl(!1),[p,g]=Sl(!1),d=tU();eU(()=>{if(!t)return;let S=K();Q(`${S}/api/figma/connection-status`,{headers:{Authorization:`Bearer ${t}`}}).then(x=>x.json()).then(x=>{let M=!!x.connected;l(!!x.expired),u(M);try{sessionStorage.setItem("uicopilot_figma_connection",JSON.stringify({connected:M,ts:Date.now()}))}catch{}}).catch(()=>u(!1))},[t]);let f=JC(()=>{let S=K(),x=`${S}/api/auth/figma/login?addon=true`;window.open(x,"figma-oauth","width=600,height=700,left=200,top=100");let M=setInterval(async()=>{try{(await(await Q(`${S}/api/figma/connection-status`,{headers:t?{Authorization:`Bearer ${t}`}:{}})).json()).connected&&(clearInterval(M),u(!0))}catch{}},2e3);setTimeout(()=>clearInterval(M),300*1e3)},[t]),y=JC(async()=>{try{o(!0);let S=K(),x=await Q(`${S}/api/figma/disconnect`,{method:"POST",headers:{Authorization:`Bearer ${t}`}});if(x.ok||x.status===404){u(!1);try{sessionStorage.removeItem("uicopilot_figma_connection")}catch{}}}catch{}finally{o(!1)}},[t]),I=e?null:Dt.createElement(nU,null,Dt.createElement(oU,null,rU),Dt.createElement(iU,null,"Figma Integration"));return s===null?Dt.createElement(B1,null,I,Dt.createElement(z1,null,Dt.createElement("div",{style:{padding:"16px",fontSize:"13px",color:d.color.mediumdark}},"Checking Figma connection..."))):s===!1?Dt.createElement(B1,null,I,Dt.createElement(z1,null,Dt.createElement(aU,null,c&&Dt.createElement("div",{style:{padding:"10px 12px",backgroundColor:"rgba(245, 158, 11, 0.1)",border:"1px solid rgba(245, 158, 11, 0.4)",borderRadius:"6px",fontSize:"12px",color:d.color.warning}},"\u26A0\uFE0F Your Figma access has expired. Please reconnect."),Dt.createElement("div",{style:{padding:"8px 10px",backgroundColor:"rgba(100, 116, 139, 0.1)",border:"1px solid rgba(100, 116, 139, 0.3)",borderRadius:"6px",fontSize:"11px",lineHeight:1.4,color:d.color.mediumdark}},"Requires a Figma ",Dt.createElement("strong",null,"Dev or Full seat"),". Free/Viewer seats can't grant design-read access."),!r&&Dt.createElement(Dt.Fragment,null,Dt.createElement(Zt,{onClick:f,style:{width:"100%"}},c?"Reconnect Figma":"Connect with Figma"),Dt.createElement(sU,null,"or")),Dt.createElement(XC,{onConnected:()=>u(!0),defaultExpanded:r})))):Dt.createElement(B1,null,I,Dt.createElement(Tu,{connected:!0,label:"Connected to Figma",actionLabel:n?"Disconnecting\u2026":"Disconnect",actionDisabled:n,actionTitle:"Disconnect Figma",onAction:()=>g(!0)}),Dt.createElement(wo,{isOpen:p,title:"Disconnect Figma",message:"Your mappings, cache, and review history will be preserved. You will need to re-authenticate to make new Figma API calls.",confirmLabel:"Disconnect",variant:"danger",onConfirm:()=>{g(!1),y()},onCancel:()=>g(!1)}),Dt.createElement(z1,null,Dt.createElement(H4,{onFigmaFileChanged:()=>a(S=>S+1)}),Dt.createElement(gC,{refreshKey:i}),Dt.createElement(GC,null)))};Se();dr();import{styled as rr}from"storybook/theming";var ZC=rr.div({position:"fixed",inset:0,backgroundColor:"rgba(0, 0, 0, 0.4)",zIndex:1e3,display:"flex",justifyContent:"center",alignItems:"flex-start",paddingTop:"40px"}),e3=rr.div(({theme:e})=>({backgroundColor:e.background.content,borderRadius:"14px",border:`1px solid ${e.appBorderColor}`,boxShadow:"0 16px 48px rgba(0, 0, 0, 0.22)",width:"820px",maxWidth:"94%",maxHeight:"calc(100vh - 80px)",display:"flex",flexDirection:"column",overflow:"hidden",position:"relative"})),t3=rr.header(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",height:"48px",padding:"0 16px",borderBottom:`1px solid ${e.appBorderColor}`,flexShrink:0})),r3=rr.div({display:"flex",alignItems:"center",gap:"8px"}),n3=rr.span(({theme:e})=>({fontSize:"14px",fontWeight:e.typography.weight.bold,letterSpacing:"-0.01em",color:e.color.defaultText})),o3=rr.span(({theme:e})=>({fontSize:"10px",fontFamily:e.typography.fonts.mono,color:e.color.mediumdark})),i3=rr.button(({theme:e})=>({width:"28px",height:"28px",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:e.appBorderRadius,color:e.color.mediumdark,backgroundColor:"transparent",border:"none",cursor:"pointer",fontSize:"18px",lineHeight:1,transition:"all 0.15s","&:hover":{color:e.color.defaultText,backgroundColor:e.background.hoverable}})),a3=rr.div({display:"flex",flex:1,minHeight:"440px",overflow:"hidden"}),s3=rr.nav(({theme:e})=>({width:"178px",flexShrink:0,backgroundColor:e.background.app,padding:"12px 8px",display:"flex",flexDirection:"column",gap:"2px"})),l3=rr.button(({theme:e,active:t})=>({position:"relative",width:"100%",display:"flex",alignItems:"center",gap:"10px",padding:"0 8px 0 12px",height:"32px",borderRadius:e.appBorderRadius,border:"none",cursor:"pointer",textAlign:"left",backgroundColor:t?e.background.hoverable:"transparent",color:t?e.color.defaultText:e.color.mediumdark,transition:"all 0.15s","&:hover":{color:e.color.defaultText,backgroundColor:e.background.hoverable},"& svg":{flexShrink:0}})),c3=rr.span({position:"absolute",left:0,top:"6px",bottom:"6px",width:"2px",borderRadius:"2px",backgroundColor:G}),u3=rr.span(({theme:e})=>({fontSize:"12px",fontWeight:e.typography.weight.bold,lineHeight:1})),d3=rr.div(({theme:e})=>({flex:1,overflowY:"auto",backgroundColor:e.background.content,borderLeft:`1px solid ${e.appBorderColor}`,padding:"20px"})),ed=rr.header({display:"flex",alignItems:"center",gap:"10px",marginBottom:"16px"}),p3=rr.div({width:"28px",height:"28px",borderRadius:"7px",backgroundColor:G,color:"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"10px",fontWeight:700,letterSpacing:"0.3px",flexShrink:0}),D1=rr.div(({theme:e})=>({width:"28px",height:"28px",borderRadius:"7px",backgroundColor:e.background.hoverable,border:`1px solid ${e.appBorderColor}`,color:e.color.mediumdark,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0})),td=rr.h3(({theme:e})=>({margin:0,fontSize:"13px",fontWeight:e.typography.weight.bold,color:e.color.defaultText,lineHeight:1.2})),rd=rr.p(({theme:e})=>({margin:"3px 0 0",fontSize:"11px",color:e.color.mediumdark,lineHeight:1.2})),nd=rr.div({display:"flex",flexDirection:"column",gap:"12px",fontSize:"12px","& > div, & > section":{padding:0},'[class*="AuthPanelContainer"], [class*="SectionContainer"]':{padding:0},"h3, h4":{fontSize:"12px",margin:"0 0 6px 0"},label:{fontSize:"12px"},"input, select":{fontSize:"12px",padding:"6px 10px",height:"auto"},button:{fontSize:"11px"},p:{fontSize:"11px",margin:"2px 0"}}),_1=rr.div(({theme:e})=>({padding:"16px",borderRadius:"10px",border:`1px dashed ${e.appBorderColor}`,backgroundColor:e.background.app,fontSize:"12px",color:e.color.mediumdark,lineHeight:1.5})),g3=rr.footer(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",height:"44px",padding:"0 16px",borderTop:`1px solid ${e.appBorderColor}`,flexShrink:0})),f3=rr.span(({theme:e})=>({fontSize:"10px",fontFamily:e.typography.fonts.mono,color:e.color.mediumdark})),m3=rr.div({display:"flex",alignItems:"center",gap:"6px"}),h3=rr.button(({theme:e})=>({height:"28px",padding:"0 12px",fontSize:"11px",fontWeight:e.typography.weight.bold,fontFamily:e.typography.fonts.base,border:"none",borderRadius:e.appBorderRadius*2,background:"transparent",color:e.color.mediumdark,cursor:"pointer",transition:"all 0.15s","&:hover":{color:e.color.defaultText,backgroundColor:e.background.hoverable}}));var x3=()=>_e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},_e.createElement("path",{d:"M4 4h5l2 3h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z"})),dU=[{id:"account",label:"Account",icon:ps},{id:"project",label:"Project",icon:x3},{id:"figma",label:"Figma",icon:Po}],y3=({onClose:e})=>{let{isConnected:t}=he(),{selectedProjectId:r}=Ke(),[n,o]=uU("account"),i=od(t),a=od(!t),s=od(!1),u=od(!1);cU(()=>{a.current&&!s.current&&!i.current&&t&&r&&(s.current=!0,e()),i.current=t},[t,r,e]);let c=()=>n==="account"?_e.createElement(_e.Fragment,null,_e.createElement(ed,null,_e.createElement(p3,null,"UI"),_e.createElement("div",null,_e.createElement(td,null,Ut.NAME," account"),_e.createElement(rd,null,"Deterministic Figma \u2194 code comparison"))),_e.createElement(nd,null,_e.createElement(B4,{onConnect:e}))):n==="project"?_e.createElement(_e.Fragment,null,_e.createElement(ed,null,_e.createElement(D1,null,_e.createElement(x3,null)),_e.createElement("div",null,_e.createElement(td,null,"Project"),_e.createElement(rd,null,"The Storybook project being compared"))),t?_e.createElement(nd,null,_e.createElement(N4,null)):_e.createElement(_1,null,"Sign in on the ",_e.createElement("strong",null,"Account")," tab first to choose a project.")):_e.createElement(_e.Fragment,null,_e.createElement(ed,null,_e.createElement(D1,null,_e.createElement(Po,null)),_e.createElement("div",null,_e.createElement(td,null,"Figma integration"),_e.createElement(rd,null,"Source of truth for design tokens"))),t&&r?_e.createElement(nd,null,_e.createElement(QC,{hideHeader:!0})):_e.createElement(_1,null,t?"Select a project on the Project tab before connecting Figma.":"Sign in on the Account tab first, then pick a project to connect Figma."));return _e.createElement(ZC,{onMouseDown:l=>{u.current=l.target===l.currentTarget},onClick:l=>{u.current&&l.target===l.currentTarget&&e()}},_e.createElement(e3,{onClick:l=>l.stopPropagation()},_e.createElement(t3,null,_e.createElement(r3,null,_e.createElement(n3,null,"Settings"),_e.createElement(o3,null,"v","0.10.0")),_e.createElement(i3,{onClick:e,title:"Close settings","aria-label":"Close"},"\xD7")),_e.createElement(a3,null,_e.createElement(s3,null,dU.map(l=>{let p=l.icon,g=n===l.id;return _e.createElement(l3,{key:l.id,active:g,onClick:()=>o(l.id)},g&&_e.createElement(c3,null),_e.createElement(p,null),_e.createElement(u3,null,l.label))})),_e.createElement(d3,null,c())),_e.createElement(g3,null,_e.createElement(f3,null,Ut.NAME," \xB7 settings synced"),_e.createElement(m3,null,_e.createElement(h3,{onClick:e},"Cancel"),_e.createElement(Zt,{onClick:e},"Done")))))};Se();dr();import Vt from"react";import lo from"react";import{styled as fr,keyframes as pU}from"storybook/theming";var hi=fr.div({marginTop:"10px",padding:"12px",borderRadius:"8px",border:`1px solid ${Z.border}`,background:Z.formBg,display:"flex",flexDirection:"column",gap:"10px"}),b3=fr.button({display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",width:"100%",padding:"9px",borderRadius:"8px",border:`1px solid ${Z.border}`,background:Z.card,color:Z.text,fontSize:"13px",fontWeight:600,cursor:"pointer","&:hover":{background:Z.formBg}}),kl=fr.div({fontSize:"11px",color:Z.muted,textAlign:"center"}),w3=fr.div({display:"flex",alignItems:"center",gap:"8px","&::before, &::after":{content:'""',flex:1,height:"1px",background:Z.border},fontSize:"11px",color:Z.muted}),v3=fr.button({width:"100%",padding:"9px",borderRadius:"6px",border:`1px dashed ${G}`,background:Z.card,color:G,fontSize:"12px",fontWeight:600,cursor:"pointer","&:hover":{background:Z.accentTint},"&:disabled":{opacity:.6,cursor:"default"}}),xi=fr.label({fontSize:"11px",fontWeight:600,color:Z.subText,display:"block",marginBottom:"4px"}),Gi=fr.input({width:"100%",padding:"7px 10px",fontSize:"12px",borderRadius:"6px",border:`1px solid ${Z.border}`,background:Z.card,color:Z.text,outline:"none","&:focus":{borderColor:G},"&:disabled":{background:Z.formBg,color:Z.muted}}),S3=fr.select({width:"100%",padding:"7px 10px",fontSize:"12px",borderRadius:"6px",border:`1px solid ${Z.border}`,background:Z.card,color:Z.text}),so=fr.button(({disabled:e})=>({width:"100%",padding:"8px",borderRadius:"6px",border:"none",fontSize:"12px",fontWeight:600,color:Z.card,cursor:e?"not-allowed":"pointer",background:G,opacity:e?.5:1,"&:hover":e?{}:{background:Jo}})),N1=fr.div({marginTop:"10px",fontSize:"11px",lineHeight:1.4,padding:"8px 10px",borderRadius:"6px",background:Z.calloutBg,color:Z.calloutText}),k3=fr.div({display:"grid",gridTemplateColumns:"1fr 1fr",gap:"8px"}),C3=fr.div({display:"flex",flexDirection:"column",gap:"8px",padding:"10px",borderRadius:"6px",border:`1px solid ${Z.border}`,background:Z.card}),I3=fr.div({display:"flex",alignItems:"center",justifyContent:"space-between",fontSize:"11px",color:Z.subText}),T3=fr.span({fontVariantNumeric:"tabular-nums",color:Z.muted}),E3=fr.div({height:"4px",width:"100%",borderRadius:"999px",background:Z.track,overflow:"hidden"}),R3=fr.div(({pct:e})=>({height:"100%",width:`${Math.min(100,Math.max(0,e))}%`,borderRadius:"999px",background:G,transition:"width 0.3s ease"})),gU=pU`
+`,UC=Ft.span(({theme:e,tone:t})=>({display:"inline-flex",alignItems:"center",gap:"4px",padding:"1px 6px",borderRadius:"3px",fontSize:"9px",fontWeight:e.typography.weight.bold,textTransform:"uppercase",letterSpacing:"0.05em",backgroundColor:t==="green"?`${e.color.positive}1a`:`${G}1a`,color:t==="green"?e.color.positive:G})),OH=Ft.span({display:"inline-block",width:"10px",height:"10px",border:`1.5px solid ${G}40`,borderTopColor:G,borderRadius:"50%",animation:`${WC} 0.6s linear infinite`}),$H=()=>q.createElement("svg",{viewBox:"0 0 24 24",width:"10",height:"10",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0},q.createElement("path",{d:"M20 6 9 17l-5-5"})),F1=Ft.button(({theme:e})=>({display:"inline-flex",alignItems:"center",gap:"4px",height:"25px",padding:"2px 8px",border:"none",background:"transparent",borderRadius:e.appBorderRadius,cursor:"pointer",fontSize:"11px",fontFamily:e.typography.fonts.base,color:e.color.mediumdark,transition:"all 0.15s","&:hover:not(:disabled)":{color:e.color.defaultText,backgroundColor:e.background.hoverable},"&:disabled":{opacity:.5,cursor:"not-allowed"}})),P1=Ft.span({display:"inline-block",width:"10px",height:"10px",border:"1.5px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",opacity:.6,animation:`${WC} 0.6s linear infinite`}),HH=()=>q.createElement("svg",{viewBox:"0 0 24 24",width:"12",height:"12",fill:"currentColor","aria-hidden":!0},q.createElement("path",{d:"M12 2.5l1.6 5.9 5.9 1.6-5.9 1.6L12 17.5l-1.6-5.9L4.5 10l5.9-1.6z"})),UH=()=>q.createElement("svg",{viewBox:"0 0 24 24",width:"12",height:"12",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0},q.createElement("path",{d:"M23 4v6h-6M1 20v-6h6"}),q.createElement("path",{d:"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"})),jH=Ft.div(({theme:e})=>({marginTop:"6px",padding:"6px 8px",backgroundColor:e.background.hoverable,borderRadius:"4px",color:e.color.mediumdark,lineHeight:"1.4"})),M1=Ft.span(({theme:e,type:t})=>({fontWeight:500,color:t==="added"?e.color.positive:t==="removed"?e.color.negative:e.color.warning})),vl=Ft.div(({theme:e})=>({marginTop:"8px",padding:"8px 10px",backgroundColor:`${e.color.negative}1a`,border:`1px solid ${e.color.negative}4d`,borderRadius:"4px",fontSize:"12px",color:e.color.negative,lineHeight:"1.4"})),VH=Ft.div(({theme:e})=>({marginTop:"8px",padding:"8px 10px",backgroundColor:`${e.color.warning}1a`,border:`1px solid ${e.color.warning}4d`,borderRadius:"4px",fontSize:"12px",color:e.color.warning,lineHeight:"1.4"})),WH=Ft.div(({theme:e})=>({marginTop:"8px",padding:"8px 10px",backgroundColor:`${e.color.positive}1a`,border:`1px solid ${e.color.positive}4d`,borderRadius:"4px",fontSize:"12px",color:e.color.positive,lineHeight:"1.4"})),GH=Ft.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"6px",marginTop:"8px",padding:"6px 8px",borderRadius:e.appBorderRadius,backgroundColor:e.background.hoverable,fontSize:"11px",lineHeight:"1.4",color:e.color.defaultText})),Wa=Ft.div(({theme:e})=>({width:"100%",height:"8px",backgroundColor:e.appBorderColor,borderRadius:"4px",overflow:"hidden",marginTop:"10px"})),Ga=Ft.div(({percent:e})=>({width:`${e}%`,height:"100%",backgroundColor:G,borderRadius:"3px",transition:"width 0.5s ease"})),Wi=Ft.div(({theme:e})=>({display:"flex",justifyContent:"space-between",marginTop:"6px",fontSize:"12px",fontWeight:500,color:e.color.defaultText})),jC=new Set,VC=new Map,qH=2,GC=()=>{let{userRole:e,featureFlags:t}=ue(),[r,n]=fi(null),[o,i]=fi(!0),[a,s]=fi(!1),[u,c]=fi(null),[l,p]=fi(null),[g,d]=fi(!1),[f,y]=fi(!1),[I,S]=fi(!1),{selectedProjectId:x,projects:M}=Ke(),{sessionToken:z}=he(),O=T1(null),L=T1(null),_=T1(null),m=$C(()=>{O.current&&(clearInterval(O.current),O.current=null),L.current&&(clearInterval(L.current),L.current=null),_.current&&(clearTimeout(_.current),_.current=null)},[]);wl(()=>m,[m]);let v=$C(async()=>{if(!(!x||!z))try{let j=K(),Y=await Q(`${j}/api/figma/cache-status?projectId=${x}`,{headers:{Authorization:`Bearer ${z}`}});if(Y.ok){let X=await Y.json();n(X)}}catch(j){console.error("[FigmaCacheSection] Error:",j)}finally{i(!1)}},[x,z]);wl(()=>{v()},[v]),wl(()=>{if(o||a||!r||r.structureStatus!=="none"||!x||jC.has(x))return;let j=M.find(X=>X.id===x);(j?.figmaFileUrl||j?.figmaFileId)&&(jC.add(x),k())},[o,a,r?.structureStatus,x,M]),wl(()=>{if(!x)return;let j=VC.get(x)??0;fC({loading:o,reloading:a,crawlStatus:r?.crawlProgress?.status,pagesFailed:r?.crawlProgress?.pagesFailed,tries:j,max:qH})&&(VC.set(x,j+1),k())},[o,a,r?.crawlProgress?.status,r?.crawlProgress?.pagesFailed,x]),wl(()=>{let j=r?.thumbnailProgress?.status,Y=r?.enrichmentProgress?.status,X=r?.thumbnailProgress?.cached??0,te=r?.thumbnailProgress?.total??0,Te=j==="in-progress"||j==="pending"||te>0&&X<te,ye=Y==="in-progress"||Y==="pending",de=!r?.thumbnailProgress&&r?.structureStatus==="cached",Fe=r?.crawlProgress?.status==="crawling"||r?.crawlProgress?.status==="cancelling";if(!(Fe||Te||ye||de)||!Fe&&(!r||r.structureStatus==="none"))return;let Le=setInterval(()=>{v()},3e3);return()=>{clearInterval(Le)}},[r?.thumbnailProgress?.status,r?.thumbnailProgress?.cached,r?.thumbnailProgress?.total,r?.enrichmentProgress?.status,r?.crawlProgress?.status,r?.structureStatus,v]);let k=async j=>{if(!x||!z)return;let Y=Array.isArray(j)?j:void 0;s(!0),c(null),p(null);try{let X=K(),te=await Q(`${X}/api/figma/crawl`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${z}`},body:JSON.stringify(Y?.length?{projectId:x,pageIds:Y}:{projectId:x})});if(!te.ok){if(te.status===403){let ye=await te.json().catch(()=>({}));c(ye.requiresAuth?"auth":"generic")}else c("generic");return}let Te=await te.json().catch(()=>({}));if(Te?.status==="skipped-unchanged")p("Figma file unchanged \u2014 reused cached structure.");else if(Te?.status==="crawl-started"||Te?.status==="retry-started"){if(Te?.status==="retry-started"){let ye=Te.retryPages;p(`Retrying ${ye?`${ye} `:""}page${ye===1?"":"s"} that hit Figma's rate limit\u2026`)}try{EH.getChannel()?.emit(Vu,{projectId:x})}catch{}}await v()}catch(X){console.error("[FigmaCacheSection] Crawl start error:",X),c("generic")}finally{s(!1)}},E=async()=>{if(!(!x||!z)){d(!0);try{let j=K(),Y=await Q(`${j}/api/figma/cache/invalidate`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${z}`},body:JSON.stringify({projectId:x})});if(console.log("[FigmaCacheSection] Cache invalidate response:",Y.status),!Y.ok){c("generic");return}await Q(`${j}/api/figma/frames/invalidate?projectId=${x}`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${z}`}}).catch(()=>{}),x&&xC(x),n({structureStatus:"none",structureCachedAt:null,componentSetCount:0,componentCount:0,pageCount:0,pages:[],cacheDiff:null,thumbnailProgress:null,enrichmentProgress:null,crawlProgress:null})}catch(j){console.error("[FigmaCacheSection] Clear cache error:",j)}finally{d(!1)}}},h=async()=>{if(!(!x||!z)){m(),y(!0);try{let j=K();await Q(`${j}/api/figma/enrich`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${z}`},body:JSON.stringify({projectId:x})}),O.current=setInterval(async()=>{await v()},3e3),L.current=setInterval(()=>{(r?.enrichmentProgress?.status==="complete"||r?.enrichmentProgress?.status==="error")&&(m(),y(!1),v())},3e3),_.current=setTimeout(()=>{m(),y(!1)},6e5)}catch(j){console.error("[FigmaCacheSection] Enrich error:",j),m(),y(!1)}}},b=async()=>{if(!(!x||!z)){S(!0);try{let j=K();await Q(`${j}/api/figma/cancel`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${z}`},body:JSON.stringify({projectId:x})}),await v()}catch(j){console.error("[FigmaCacheSection] Cancel error:",j)}finally{S(!1),y(!1),s(!1)}}},F=r?.crawlProgress?.status==="crawling"||r?.crawlProgress?.status==="cancelling"||r?.thumbnailProgress?.status==="in-progress"||r?.enrichmentProgress?.status==="in-progress";if(!x)return null;if(o)return q.createElement(E1,null,q.createElement(R1,null,q.createElement(A1,null,"Figma Sync")),q.createElement(HC,null,"Loading sync status\u2026"),q.createElement(Wa,null,q.createElement(Ga,{percent:100,style:{opacity:.3}})));if(!r||r.structureStatus==="none")return q.createElement(E1,null,q.createElement(R1,null,q.createElement(A1,null,"Figma Sync"),q.createElement(So,{loading:a,onClick:k,loadingText:"Loading..."},"\u21BB Load")),r?.crawlProgress?.status==="crawling"?q.createElement(q.Fragment,null,q.createElement(Wa,null,q.createElement(Ga,{percent:(r.crawlProgress.pagesTotal??0)>0?Math.round(r.crawlProgress.pagesDone/r.crawlProgress.pagesTotal*100):100,style:(r.crawlProgress.pagesTotal??0)>0?void 0:{opacity:.3}})),q.createElement(Wi,null,q.createElement("span",null,"Reading components from Figma\u2026"),q.createElement("span",null,(r.crawlProgress.pagesTotal??0)>0?`page ${r.crawlProgress.pagesDone} of ${r.crawlProgress.pagesTotal}`:"starting\u2026"))):a?q.createElement(q.Fragment,null,q.createElement(Wa,null,q.createElement(Ga,{percent:100,style:{animation:"none",opacity:.3}})),q.createElement(Wi,null,q.createElement("span",null,"Starting crawl\u2026"))):q.createElement(HC,null,"No cache \u2014 click Load to fetch from Figma"),r?.crawlProgress?.status==="error"&&q.createElement(vl,null,"Crawl failed",r.crawlProgress.error?`: ${r.crawlProgress.error}`:"",". Try Load again."),u==="auth"&&q.createElement(vl,null,"Figma authentication expired \u2014 reconnect your Figma account in the Figma Integration section above."),u==="generic"&&q.createElement(vl,null,"Failed to load Figma cache. Check the browser console for details."));let C=j=>{let Y=Date.now()-new Date(j).getTime(),X=Math.floor(Y/6e4);if(X<1)return"just now";if(X<60)return`${X}m ago`;let te=Math.floor(X/60);return te<24?`${te}h ago`:`${Math.floor(te/24)}d ago`},A=j=>j>=1024*1024*1024?`${(j/1024/1024/1024).toFixed(1)} GB`:j>=1024*1024?`${Math.round(j/1024/1024)} MB`:`${Math.max(1,Math.round(j/1024))} KB`,B=r.crawlProgress?.bytesDownloaded,P=r.cacheDiff,N=P&&(P.added.length>0||P.removed.length>0||P.renamed.length>0),T=r.crawlProgress,D=T?.pagesTotal??0,H=T?.pagesDone??0,R=T?.status==="crawling"||a,ee=D>0?Math.round(H/D*100):a?8:0;return q.createElement(E1,null,q.createElement(R1,null,q.createElement(A1,null,"Figma Sync"," ",r.crawlProgress?.status==="crawling"?q.createElement(UC,{tone:"orange"},q.createElement(OH,null),"Importing"):r.structureStatus==="cached"?q.createElement(UC,{tone:"green"},q.createElement($H,null),"Synced"):q.createElement(NH,{status:r.structureStatus},r.structureStatus)),q.createElement("div",{style:{display:"flex",gap:"2px"}},e==="admin"&&q.createElement(F1,{onClick:h,disabled:f},f?q.createElement(P1,null):q.createElement(HH,null),f?"Enriching\u2026":"Enrich"),q.createElement(F1,{onClick:E,disabled:g},g&&q.createElement(P1,null),g?"Clearing\u2026":"Clear"),q.createElement(F1,{onClick:()=>k(x?ja(x):void 0),disabled:a},a?q.createElement(P1,null):q.createElement(UH,null),a?"Reloading\u2026":"Reload"),F&&q.createElement(So,{loading:I||r?.crawlProgress?.status==="cancelling",onClick:b,variant:"ghost",loadingText:"Stopping..."},"\u2715 Stop"))),r?.crawlProgress?.status==="crawling"&&!((r.crawlProgress.pagesTotal??0)>0&&r.crawlProgress.pagesDone>=r.crawlProgress.pagesTotal)&&q.createElement(q.Fragment,null,q.createElement(Wa,null,q.createElement(Ga,{percent:(r.crawlProgress.pagesTotal??0)>0?Math.round(r.crawlProgress.pagesDone/r.crawlProgress.pagesTotal*100):100,style:(r.crawlProgress.pagesTotal??0)>0?void 0:{opacity:.3}})),q.createElement(Wi,null,q.createElement("span",null,"Re-reading components from Figma\u2026"),q.createElement("span",null,(r.crawlProgress.pagesTotal??0)>0?`page ${r.crawlProgress.pagesDone} of ${r.crawlProgress.pagesTotal}`:"starting\u2026"))),a&&r?.crawlProgress?.status!=="crawling"&&q.createElement(Wi,null,q.createElement("span",null,"Starting crawl\u2026")),u==="auth"&&q.createElement(vl,null,"Figma authentication expired \u2014 reconnect your Figma account in the Figma Integration section above."),u==="generic"&&q.createElement(vl,null,"Failed to reload Figma sync. Check the browser console for details."),q.createElement(RH,null,q.createElement(Ju,null,q.createElement(Qu,null,"Component sets"),q.createElement(Zu,null,r.componentSetCount)),q.createElement(Ju,null,q.createElement(Qu,null,"Pages"),q.createElement(Zu,null,r.pageCount)),typeof B=="number"&&B>0&&q.createElement(Ju,null,q.createElement(Qu,null,"Size"),q.createElement(Zu,null,"\u2248 ",A(B))),r.structureCachedAt&&q.createElement(Ju,null,q.createElement(Qu,null,"Updated"),q.createElement(Zu,{plain:!0},C(r.structureCachedAt)))),q.createElement(GH,null,q.createElement("span",{"aria-hidden":!0},"\u2139\uFE0F"),q.createElement("span",null,q.createElement("strong",null,"Components only")," for now \u2014 plain Figma frames aren't indexed yet (support planned).")),x&&q.createElement(OC,{projectId:x,busy:a,importing:R,importPct:ee,onReimport:k}),r.crawlProgress?.status==="complete"&&r.crawlProgress.pagesFailed>0&&q.createElement(VH,null,"\u26A0 ",r.crawlProgress.pagesFailed," of"," ",r.crawlProgress.pagesTotal," pages couldn\u2019t be read (Figma rate limit) \u2014 some components may be missing. Reload to retry."),l&&q.createElement(WH,null,"\u2713 ",l),N&&q.createElement(jH,null,"Since last reload:"," ",P.added.length>0&&q.createElement(M1,{type:"added"},"+",P.added.length," added"),P.added.length>0&&P.removed.length>0&&" \xB7 ",P.removed.length>0&&q.createElement(M1,{type:"removed"},"\u2212",P.removed.length," removed"),(P.added.length>0||P.removed.length>0)&&P.renamed.length>0&&" \xB7 ",P.renamed.length>0&&q.createElement(M1,{type:"renamed"},P.renamed.length," renamed")),r.thumbnailProgress&&r.thumbnailProgress.status==="in-progress"&&q.createElement(q.Fragment,null,q.createElement(Wa,null,q.createElement(Ga,{percent:r.thumbnailProgress.total>0?Math.round(r.thumbnailProgress.cached/r.thumbnailProgress.total*100):0})),q.createElement(Wi,null,q.createElement("span",null,"Preparing thumbnails\u2026",r.thumbnailProgress.currentName&&q.createElement(q.Fragment,null," ",r.thumbnailProgress.currentName)),q.createElement("span",null,r.thumbnailProgress.cached,"/",r.thumbnailProgress.total))),r.thumbnailProgress?.status!=="in-progress"&&(()=>{let j=r.thumbnailProgress,Y=j?.cached??0,X=j?.total??0,te=X>0&&Y>=X,Te=X>0&&Y<X,ye=X>0?Math.min(100,Math.round(Y/X*100)):0;return q.createElement(AH,null,q.createElement(FH,null,q.createElement(PH,null,q.createElement(MH,null,"Thumbnails",X>0&&q.createElement(q.Fragment,null," ",q.createElement(LH,null,Y," / ",X))),q.createElement(BH,{ready:te},te?"\u2713 Ready":Te?"Partial":"Not generated")),q.createElement(zH,{onClick:k,disabled:a},"\u21BB ",te?"Rebuild":"Reload")),X>0&&q.createElement(DH,null,q.createElement(_H,{pct:te?100:ye,ready:te})))})(),r.enrichmentProgress&&r.enrichmentProgress.status==="in-progress"&&q.createElement(q.Fragment,null,q.createElement(Wa,null,q.createElement(Ga,{percent:r.enrichmentProgress.total>0?Math.round(r.enrichmentProgress.enriched/r.enrichmentProgress.total*100):0})),q.createElement(Wi,null,q.createElement("span",null,"AI descriptions: generating\u2026",r.enrichmentProgress.currentName&&q.createElement(q.Fragment,null," ",r.enrichmentProgress.currentName)),q.createElement("span",null,r.enrichmentProgress.enriched," of"," ",r.enrichmentProgress.total," component sets"))),r.enrichmentProgress&&r.enrichmentProgress.status==="complete"&&q.createElement(q.Fragment,null,q.createElement(Wi,null,q.createElement("span",null,"AI descriptions: ",r.enrichmentProgress.enriched," of"," ",r.enrichmentProgress.total," component sets \u2713"))),r.enrichmentProgress&&r.enrichmentProgress.status==="in-progress"&&t.showCosts&&r.enrichmentProgress.costUsd!=null&&r.enrichmentProgress.costUsd>0&&q.createElement("div",{style:{marginTop:"6px"}},q.createElement(_u,{inputTokens:r.enrichmentProgress.inputTokens||0,outputTokens:r.enrichmentProgress.outputTokens||0,costUsd:r.enrichmentProgress.costUsd,compact:!0})))};import zt,{useState as qa}from"react";import{styled as ko}from"storybook/theming";Se();De();ut();var L1=ko.div({padding:"12px 16px"}),YH=ko.div({display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"8px"}),qC=ko.label(({theme:e})=>({fontSize:"13px",fontWeight:600,color:e.color.defaultText})),YC=ko.button(({theme:e})=>({background:"none",border:"none",fontSize:"12px",color:G,cursor:"pointer",padding:0,"&:hover":{textDecoration:"underline"}})),KH=ko.div({display:"flex",gap:"8px",alignItems:"center"}),XH=ko.input(({theme:e})=>({flex:1,padding:"8px 12px",fontSize:"13px",border:`1px solid ${e.appBorderColor}`,borderRadius:"6px",backgroundColor:e.input.background,color:e.input.color,outline:"none",fontFamily:"monospace","&:focus":{borderColor:G,boxShadow:`0 0 0 1px ${G}`},"&::placeholder":{color:e.color.mediumlight,fontFamily:"inherit"}})),KC=ko.span(({theme:e,variant:t})=>({fontSize:"12px",color:t==="success"?e.color.positive:t==="error"?e.color.negative:e.color.mediumdark,marginTop:"6px",display:"block",lineHeight:1.4})),JH=ko.div(({theme:e})=>({fontSize:"11px",color:e.color.mediumdark,marginTop:"8px",lineHeight:1.5,"& a":{color:G,textDecoration:"none","&:hover":{textDecoration:"underline"}},"& ol":{margin:"4px 0 0 16px",padding:0},"& li":{marginBottom:"2px"}})),QH=ko.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"8px",padding:"8px 12px",borderRadius:"6px",backgroundColor:"#16a34a10",border:"1px solid #16a34a30",fontSize:"12px",color:e.color.defaultText})),ZH=ko.button(({theme:e})=>({background:"none",border:"none",fontSize:"11px",color:"#dc2626",cursor:"pointer",marginLeft:"auto","&:hover":{textDecoration:"underline"}})),XC=({onConnected:e,defaultExpanded:t=!1})=>{let{sessionToken:r}=he(),[n,o]=qa(t),[i,a]=qa(""),[s,u]=qa(!1),[c,l]=qa(null),[p,g]=qa(null),[d,f]=qa(!1),y=async()=>{if(!(!i.trim()||!r)){u(!0),l(null);try{let I=K(),S=await Q(`${I}/api/figma/pat`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${r}`},body:JSON.stringify({token:i.trim()})}),x=await S.json();if(!S.ok){l({type:"error",message:x.error||"Failed to save token"});return}g(x.figmaUser?.handle||x.figmaUser?.email||"Connected"),l({type:"success",message:`Connected as ${x.figmaUser?.handle||"Figma user"}`}),a(""),e?.()}catch{l({type:"error",message:"Failed to connect. Check your token and try again."})}finally{u(!1)}}};return p?zt.createElement(L1,null,zt.createElement(qC,null,"Figma Personal Access Token"),zt.createElement(QH,null,zt.createElement("span",null,"\u2713 Connected as ",zt.createElement("strong",null,p)),zt.createElement(ZH,{onClick:()=>{g(null),l(null)}},"Change token"))):n?zt.createElement(L1,null,zt.createElement(YH,null,zt.createElement(qC,null,"Figma Personal Access Token"),zt.createElement(YC,{onClick:()=>f(!d)},d?"Hide instructions":"How to generate")),d&&zt.createElement(JH,null,zt.createElement("ol",null,zt.createElement("li",null,"Open"," ",zt.createElement("a",{href:"https://www.figma.com/settings",target:"_blank",rel:"noopener noreferrer"},"Figma Settings")),zt.createElement("li",null,"Click the ",zt.createElement("strong",null,"Security")," tab"),zt.createElement("li",null,"Scroll to ",zt.createElement("strong",null,"Personal access tokens")),zt.createElement("li",null,"Click ",zt.createElement("strong",null,"Generate new token")),zt.createElement("li",null,"Enable ",zt.createElement("strong",null,"File content: Read only")," under Scopes"),zt.createElement("li",null,"Copy the token and paste it below"))),zt.createElement(KH,null,zt.createElement(XH,{type:"password",value:i,onChange:I=>a(I.target.value),placeholder:"figd_...",onKeyDown:I=>{I.key==="Enter"&&i.trim()&&y()}}),zt.createElement(Zt,{onClick:y,disabled:!i.trim()||s},s?"Verifying...":"Save & Verify")),c&&zt.createElement(KC,{variant:c.type},c.message),zt.createElement(KC,{variant:"info"},"Read-only access. Your token is stored securely and never shared.")):zt.createElement(L1,null,zt.createElement(YC,{onClick:()=>o(!0)},"Or use a Personal Access Token \u2192"))};Se();De();ut();var rU=Dt.createElement("svg",{viewBox:"0 0 38 57",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Dt.createElement("path",{d:"M19 28.5C19 23.2533 23.2533 19 28.5 19C33.7467 19 38 23.2533 38 28.5C38 33.7467 33.7467 38 28.5 38C23.2533 38 19 33.7467 19 28.5Z",fill:"#1ABCFE"}),Dt.createElement("path",{d:"M0 47.5C0 42.2533 4.25329 38 9.5 38H19V47.5C19 52.7467 14.7467 57 9.5 57C4.25329 57 0 52.7467 0 47.5Z",fill:"#0ACF83"}),Dt.createElement("path",{d:"M19 0V19H28.5C33.7467 19 38 14.7467 38 9.5C38 4.25329 33.7467 0 28.5 0H19Z",fill:"#FF7262"}),Dt.createElement("path",{d:"M0 9.5C0 14.7467 4.25329 19 9.5 19H19V0H9.5C4.25329 0 0 4.25329 0 9.5Z",fill:"#F24E1E"}),Dt.createElement("path",{d:"M0 28.5C0 33.7467 4.25329 38 9.5 38H19V19H9.5C4.25329 19 0 23.2533 0 28.5Z",fill:"#A259FF"})),B1=mi.div({}),nU=mi.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"8px",padding:"10px 16px",backgroundColor:e.background.hoverable,borderBottom:`1px solid ${e.appBorderColor}`})),oU=mi.div({width:"16px",height:"16px",display:"flex",alignItems:"center","& svg":{width:"14px",height:"14px"}}),iU=mi.span(({theme:e})=>({fontSize:"13px",fontWeight:600,color:e.color.defaultText,flex:1})),z1=mi.div({"& > *":{border:"none",borderRadius:0,marginBottom:0,borderBottom:"1px solid rgba(0,0,0,0.06)","&:last-child":{borderBottom:"none"}}}),aU=mi.div({padding:"20px 16px",display:"flex",flexDirection:"column",gap:"12px"}),jfe=mi.button({display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",width:"100%",padding:"8px 16px",backgroundColor:Ux,color:"#fff",border:"none",borderRadius:"6px",fontSize:"13px",fontWeight:600,cursor:"pointer","&:hover":{backgroundColor:jx}}),sU=mi.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"8px",fontSize:"12px",color:e.color.mediumdark,"&::before, &::after":{content:'""',flex:1,height:"1px",backgroundColor:e.appBorderColor}})),QC=({hideHeader:e=!1})=>{let{sessionToken:t}=he(),r=!!t&&t.startsWith("uic_anon_"),[n,o]=Sl(!1),[i,a]=Sl(0),[s,u]=Sl(()=>{try{let S=sessionStorage.getItem("uicopilot_figma_connection");if(S){let{connected:x,ts:M}=JSON.parse(S);if(Date.now()-M<300*1e3)return x}}catch{}return null}),[c,l]=Sl(!1),[p,g]=Sl(!1),d=tU();eU(()=>{if(!t)return;let S=K();Q(`${S}/api/figma/connection-status`,{headers:{Authorization:`Bearer ${t}`}}).then(x=>x.json()).then(x=>{let M=!!x.connected;l(!!x.expired),u(M);try{sessionStorage.setItem("uicopilot_figma_connection",JSON.stringify({connected:M,ts:Date.now()}))}catch{}}).catch(()=>u(!1))},[t]);let f=JC(()=>{let S=K(),x=`${S}/api/auth/figma/login?addon=true`;window.open(x,"figma-oauth","width=600,height=700,left=200,top=100");let M=setInterval(async()=>{try{(await(await Q(`${S}/api/figma/connection-status`,{headers:t?{Authorization:`Bearer ${t}`}:{}})).json()).connected&&(clearInterval(M),u(!0))}catch{}},2e3);setTimeout(()=>clearInterval(M),300*1e3)},[t]),y=JC(async()=>{try{o(!0);let S=K(),x=await Q(`${S}/api/figma/disconnect`,{method:"POST",headers:{Authorization:`Bearer ${t}`}});if(x.ok||x.status===404){u(!1);try{sessionStorage.removeItem("uicopilot_figma_connection")}catch{}}}catch{}finally{o(!1)}},[t]),I=e?null:Dt.createElement(nU,null,Dt.createElement(oU,null,rU),Dt.createElement(iU,null,"Figma Integration"));return s===null?Dt.createElement(B1,null,I,Dt.createElement(z1,null,Dt.createElement("div",{style:{padding:"16px",fontSize:"13px",color:d.color.mediumdark}},"Checking Figma connection..."))):s===!1?Dt.createElement(B1,null,I,Dt.createElement(z1,null,Dt.createElement(aU,null,c&&Dt.createElement("div",{style:{padding:"10px 12px",backgroundColor:"rgba(245, 158, 11, 0.1)",border:"1px solid rgba(245, 158, 11, 0.4)",borderRadius:"6px",fontSize:"12px",color:d.color.warning}},"\u26A0\uFE0F Your Figma access has expired. Please reconnect."),Dt.createElement("div",{style:{padding:"8px 10px",backgroundColor:"rgba(100, 116, 139, 0.1)",border:"1px solid rgba(100, 116, 139, 0.3)",borderRadius:"6px",fontSize:"11px",lineHeight:1.4,color:d.color.mediumdark}},"Requires a Figma ",Dt.createElement("strong",null,"Dev or Full seat"),". Free/Viewer seats can't grant design-read access."),!r&&Dt.createElement(Dt.Fragment,null,Dt.createElement(Zt,{onClick:f,style:{width:"100%"}},c?"Reconnect Figma":"Connect with Figma"),Dt.createElement(sU,null,"or")),Dt.createElement(XC,{onConnected:()=>u(!0),defaultExpanded:r})))):Dt.createElement(B1,null,I,Dt.createElement(Tu,{connected:!0,label:"Connected to Figma",actionLabel:n?"Disconnecting\u2026":"Disconnect",actionDisabled:n,actionTitle:"Disconnect Figma",onAction:()=>g(!0)}),Dt.createElement(wo,{isOpen:p,title:"Disconnect Figma",message:"Your mappings, cache, and review history will be preserved. You will need to re-authenticate to make new Figma API calls.",confirmLabel:"Disconnect",variant:"danger",onConfirm:()=>{g(!1),y()},onCancel:()=>g(!1)}),Dt.createElement(z1,null,Dt.createElement(H4,{onFigmaFileChanged:()=>a(S=>S+1)}),Dt.createElement(gC,{refreshKey:i}),Dt.createElement(GC,null)))};Se();dr();import{styled as rr}from"storybook/theming";var ZC=rr.div({position:"fixed",inset:0,backgroundColor:"rgba(0, 0, 0, 0.4)",zIndex:1e3,display:"flex",justifyContent:"center",alignItems:"flex-start",paddingTop:"40px"}),e3=rr.div(({theme:e})=>({backgroundColor:e.background.content,borderRadius:"14px",border:`1px solid ${e.appBorderColor}`,boxShadow:"0 16px 48px rgba(0, 0, 0, 0.22)",width:"820px",maxWidth:"94%",maxHeight:"calc(100vh - 80px)",display:"flex",flexDirection:"column",overflow:"hidden",position:"relative"})),t3=rr.header(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",height:"48px",padding:"0 16px",borderBottom:`1px solid ${e.appBorderColor}`,flexShrink:0})),r3=rr.div({display:"flex",alignItems:"center",gap:"8px"}),n3=rr.span(({theme:e})=>({fontSize:"14px",fontWeight:e.typography.weight.bold,letterSpacing:"-0.01em",color:e.color.defaultText})),o3=rr.span(({theme:e})=>({fontSize:"10px",fontFamily:e.typography.fonts.mono,color:e.color.mediumdark})),i3=rr.button(({theme:e})=>({width:"28px",height:"28px",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:e.appBorderRadius,color:e.color.mediumdark,backgroundColor:"transparent",border:"none",cursor:"pointer",fontSize:"18px",lineHeight:1,transition:"all 0.15s","&:hover":{color:e.color.defaultText,backgroundColor:e.background.hoverable}})),a3=rr.div({display:"flex",flex:1,minHeight:"440px",overflow:"hidden"}),s3=rr.nav(({theme:e})=>({width:"178px",flexShrink:0,backgroundColor:e.background.app,padding:"12px 8px",display:"flex",flexDirection:"column",gap:"2px"})),l3=rr.button(({theme:e,active:t})=>({position:"relative",width:"100%",display:"flex",alignItems:"center",gap:"10px",padding:"0 8px 0 12px",height:"32px",borderRadius:e.appBorderRadius,border:"none",cursor:"pointer",textAlign:"left",backgroundColor:t?e.background.hoverable:"transparent",color:t?e.color.defaultText:e.color.mediumdark,transition:"all 0.15s","&:hover":{color:e.color.defaultText,backgroundColor:e.background.hoverable},"& svg":{flexShrink:0}})),c3=rr.span({position:"absolute",left:0,top:"6px",bottom:"6px",width:"2px",borderRadius:"2px",backgroundColor:G}),u3=rr.span(({theme:e})=>({fontSize:"12px",fontWeight:e.typography.weight.bold,lineHeight:1})),d3=rr.div(({theme:e})=>({flex:1,overflowY:"auto",backgroundColor:e.background.content,borderLeft:`1px solid ${e.appBorderColor}`,padding:"20px"})),ed=rr.header({display:"flex",alignItems:"center",gap:"10px",marginBottom:"16px"}),p3=rr.div({width:"28px",height:"28px",borderRadius:"7px",backgroundColor:G,color:"#fff",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"10px",fontWeight:700,letterSpacing:"0.3px",flexShrink:0}),D1=rr.div(({theme:e})=>({width:"28px",height:"28px",borderRadius:"7px",backgroundColor:e.background.hoverable,border:`1px solid ${e.appBorderColor}`,color:e.color.mediumdark,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0})),td=rr.h3(({theme:e})=>({margin:0,fontSize:"13px",fontWeight:e.typography.weight.bold,color:e.color.defaultText,lineHeight:1.2})),rd=rr.p(({theme:e})=>({margin:"3px 0 0",fontSize:"11px",color:e.color.mediumdark,lineHeight:1.2})),nd=rr.div({display:"flex",flexDirection:"column",gap:"12px",fontSize:"12px","& > div, & > section":{padding:0},'[class*="AuthPanelContainer"], [class*="SectionContainer"]':{padding:0},"h3, h4":{fontSize:"12px",margin:"0 0 6px 0"},label:{fontSize:"12px"},"input, select":{fontSize:"12px",padding:"6px 10px",height:"auto"},button:{fontSize:"11px"},p:{fontSize:"11px",margin:"2px 0"}}),_1=rr.div(({theme:e})=>({padding:"16px",borderRadius:"10px",border:`1px dashed ${e.appBorderColor}`,backgroundColor:e.background.app,fontSize:"12px",color:e.color.mediumdark,lineHeight:1.5})),g3=rr.footer(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",height:"44px",padding:"0 16px",borderTop:`1px solid ${e.appBorderColor}`,flexShrink:0})),f3=rr.span(({theme:e})=>({fontSize:"10px",fontFamily:e.typography.fonts.mono,color:e.color.mediumdark})),m3=rr.div({display:"flex",alignItems:"center",gap:"6px"}),h3=rr.button(({theme:e})=>({height:"28px",padding:"0 12px",fontSize:"11px",fontWeight:e.typography.weight.bold,fontFamily:e.typography.fonts.base,border:"none",borderRadius:e.appBorderRadius*2,background:"transparent",color:e.color.mediumdark,cursor:"pointer",transition:"all 0.15s","&:hover":{color:e.color.defaultText,backgroundColor:e.background.hoverable}}));var x3=()=>_e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},_e.createElement("path",{d:"M4 4h5l2 3h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z"})),dU=[{id:"account",label:"Account",icon:ps},{id:"project",label:"Project",icon:x3},{id:"figma",label:"Figma",icon:Po}],y3=({onClose:e})=>{let{isConnected:t}=he(),{selectedProjectId:r}=Ke(),[n,o]=uU("account"),i=od(t),a=od(!t),s=od(!1),u=od(!1);cU(()=>{a.current&&!s.current&&!i.current&&t&&r&&(s.current=!0,e()),i.current=t},[t,r,e]);let c=()=>n==="account"?_e.createElement(_e.Fragment,null,_e.createElement(ed,null,_e.createElement(p3,null,"UI"),_e.createElement("div",null,_e.createElement(td,null,Ut.NAME," account"),_e.createElement(rd,null,"Deterministic Figma \u2194 code comparison"))),_e.createElement(nd,null,_e.createElement(B4,{onConnect:e}))):n==="project"?_e.createElement(_e.Fragment,null,_e.createElement(ed,null,_e.createElement(D1,null,_e.createElement(x3,null)),_e.createElement("div",null,_e.createElement(td,null,"Project"),_e.createElement(rd,null,"The Storybook project being compared"))),t?_e.createElement(nd,null,_e.createElement(N4,null)):_e.createElement(_1,null,"Sign in on the ",_e.createElement("strong",null,"Account")," tab first to choose a project.")):_e.createElement(_e.Fragment,null,_e.createElement(ed,null,_e.createElement(D1,null,_e.createElement(Po,null)),_e.createElement("div",null,_e.createElement(td,null,"Figma integration"),_e.createElement(rd,null,"Source of truth for design tokens"))),t&&r?_e.createElement(nd,null,_e.createElement(QC,{hideHeader:!0})):_e.createElement(_1,null,t?"Select a project on the Project tab before connecting Figma.":"Sign in on the Account tab first, then pick a project to connect Figma."));return _e.createElement(ZC,{onMouseDown:l=>{u.current=l.target===l.currentTarget},onClick:l=>{u.current&&l.target===l.currentTarget&&e()}},_e.createElement(e3,{onClick:l=>l.stopPropagation()},_e.createElement(t3,null,_e.createElement(r3,null,_e.createElement(n3,null,"Settings"),_e.createElement(o3,null,"v","0.10.2")),_e.createElement(i3,{onClick:e,title:"Close settings","aria-label":"Close"},"\xD7")),_e.createElement(a3,null,_e.createElement(s3,null,dU.map(l=>{let p=l.icon,g=n===l.id;return _e.createElement(l3,{key:l.id,active:g,onClick:()=>o(l.id)},g&&_e.createElement(c3,null),_e.createElement(p,null),_e.createElement(u3,null,l.label))})),_e.createElement(d3,null,c())),_e.createElement(g3,null,_e.createElement(f3,null,Ut.NAME," \xB7 settings synced"),_e.createElement(m3,null,_e.createElement(h3,{onClick:e},"Cancel"),_e.createElement(Zt,{onClick:e},"Done")))))};Se();dr();import Vt from"react";import lo from"react";import{styled as fr,keyframes as pU}from"storybook/theming";var hi=fr.div({marginTop:"10px",padding:"12px",borderRadius:"8px",border:`1px solid ${Z.border}`,background:Z.formBg,display:"flex",flexDirection:"column",gap:"10px"}),b3=fr.button({display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",width:"100%",padding:"9px",borderRadius:"8px",border:`1px solid ${Z.border}`,background:Z.card,color:Z.text,fontSize:"13px",fontWeight:600,cursor:"pointer","&:hover":{background:Z.formBg}}),kl=fr.div({fontSize:"11px",color:Z.muted,textAlign:"center"}),w3=fr.div({display:"flex",alignItems:"center",gap:"8px","&::before, &::after":{content:'""',flex:1,height:"1px",background:Z.border},fontSize:"11px",color:Z.muted}),v3=fr.button({width:"100%",padding:"9px",borderRadius:"6px",border:`1px dashed ${G}`,background:Z.card,color:G,fontSize:"12px",fontWeight:600,cursor:"pointer","&:hover":{background:Z.accentTint},"&:disabled":{opacity:.6,cursor:"default"}}),xi=fr.label({fontSize:"11px",fontWeight:600,color:Z.subText,display:"block",marginBottom:"4px"}),Gi=fr.input({width:"100%",padding:"7px 10px",fontSize:"12px",borderRadius:"6px",border:`1px solid ${Z.border}`,background:Z.card,color:Z.text,outline:"none","&:focus":{borderColor:G},"&:disabled":{background:Z.formBg,color:Z.muted}}),S3=fr.select({width:"100%",padding:"7px 10px",fontSize:"12px",borderRadius:"6px",border:`1px solid ${Z.border}`,background:Z.card,color:Z.text}),so=fr.button(({disabled:e})=>({width:"100%",padding:"8px",borderRadius:"6px",border:"none",fontSize:"12px",fontWeight:600,color:Z.card,cursor:e?"not-allowed":"pointer",background:G,opacity:e?.5:1,"&:hover":e?{}:{background:Jo}})),N1=fr.div({marginTop:"10px",fontSize:"11px",lineHeight:1.4,padding:"8px 10px",borderRadius:"6px",background:Z.calloutBg,color:Z.calloutText}),k3=fr.div({display:"grid",gridTemplateColumns:"1fr 1fr",gap:"8px"}),C3=fr.div({display:"flex",flexDirection:"column",gap:"8px",padding:"10px",borderRadius:"6px",border:`1px solid ${Z.border}`,background:Z.card}),I3=fr.div({display:"flex",alignItems:"center",justifyContent:"space-between",fontSize:"11px",color:Z.subText}),T3=fr.span({fontVariantNumeric:"tabular-nums",color:Z.muted}),E3=fr.div({height:"4px",width:"100%",borderRadius:"999px",background:Z.track,overflow:"hidden"}),R3=fr.div(({pct:e})=>({height:"100%",width:`${Math.min(100,Math.max(0,e))}%`,borderRadius:"999px",background:G,transition:"width 0.3s ease"})),gU=pU`
   0%   { transform: translateX(-120%); }
   100% { transform: translateX(520%); }
 `,A3=fr.div({height:"100%",width:"20%",borderRadius:"999px",background:G,animation:`${gU} 1.1s ease-in-out infinite`}),F3=fr.span({fontVariantNumeric:"tabular-nums",color:Z.muted}),P3=fr.div({fontSize:"11px",color:Z.muted}),M3=fr.div({fontSize:"11px",fontStyle:"italic",color:Z.muted}),qi=fr.div({fontSize:"11px",lineHeight:1.4,color:Ye.redText});var fU=lo.createElement("svg",{width:"16",height:"16",viewBox:"0 0 24 24","aria-hidden":"true"},lo.createElement("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.75h3.57c2.08-1.92 3.28-4.74 3.28-8.07z"}),lo.createElement("path",{fill:"#34A853",d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.75c-.99.66-2.25 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"}),lo.createElement("path",{fill:"#FBBC05",d:"M5.84 14.12A6.6 6.6 0 0 1 5.49 12c0-.74.13-1.46.35-2.12V7.04H2.18A11 11 0 0 0 1 12c0 1.78.43 3.45 1.18 4.96l3.66-2.84z"}),lo.createElement("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.04l3.66 2.84C6.71 7.31 9.14 5.38 12 5.38z"})),L3=()=>{let{startOAuth:e,oauthPending:t,startAnonymous:r,anonPending:n}=no(),o=t||n;return lo.createElement(hi,null,lo.createElement(b3,{onClick:e,disabled:o},fU," ",t?"Opening sign-in\u2026":"Continue with Google"),lo.createElement(kl,null,"New or returning \u2014 we'll take you to the right place."),lo.createElement(w3,null,"or"),lo.createElement(v3,{onClick:r,disabled:o},n?"Starting\u2026":"Try without signing in \u2192"),lo.createElement(kl,null,"Explore with your own Figma file \u2014 no sign-up needed. Sign up later to save your work."))};Se();import zr,{useEffect as mU,useState as ad}from"react";import{styled as sr}from"storybook/theming";var B3='Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif',z3=sr.div({width:"100%",maxWidth:"520px",margin:"24px auto",background:Z.card,border:`1px solid ${Z.border}`,borderRadius:"14px",boxShadow:"0 4px 16px rgba(0,0,0,0.06)",padding:"20px",fontFamily:B3,color:Z.text}),D3=sr.div({display:"flex",alignItems:"center",gap:"10px"}),_3=sr.div({width:"28px",height:"28px",borderRadius:"7px",background:G,color:Z.card,display:"flex",alignItems:"center",justifyContent:"center",fontSize:"11px",fontWeight:700,flexShrink:0}),N3=sr.h3({margin:0,flex:1,fontSize:"16px",fontWeight:600,color:Z.text}),O3=sr.span({fontSize:"12px",fontWeight:600,color:Z.muted,background:Z.track,borderRadius:"999px",padding:"3px 10px",whiteSpace:"nowrap"}),$3=sr.div({height:"4px",borderRadius:"999px",background:Z.track,margin:"12px 0 4px",overflow:"hidden"}),H3=sr.div(({pct:e})=>({height:"100%",width:`${e}%`,background:G,transition:"width 0.3s ease"})),U3=sr.div(({current:e})=>({display:"flex",alignItems:"flex-start",gap:"12px",padding:"16px 6px 16px 12px",borderTop:`1px solid ${Z.border}`,borderLeft:e?`3px solid ${G}`:"3px solid transparent"})),j3=sr.div(({state:e})=>({width:"22px",height:"22px",borderRadius:"50%",flexShrink:0,marginTop:"1px",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"11px",fontWeight:700,...e==="complete"?{background:Z.green,color:Z.card,border:"none"}:e==="current"?{background:Z.card,color:G,border:`2px solid ${G}`}:{background:Z.card,color:Z.locked,border:`1px solid ${Z.border}`}})),V3=sr.div({flex:1,minWidth:0}),W3=sr.div({display:"flex",alignItems:"center",justifyContent:"space-between",gap:"12px"}),G3=sr.div(({locked:e})=>({fontSize:"14px",fontWeight:600,color:e?Z.locked:Z.text})),q3=sr.div({fontSize:"12px",color:Z.muted,marginTop:"2px",lineHeight:1.4}),Y3=sr.span({fontSize:"12px",color:Z.muted,flexShrink:0}),K3=sr.button({flexShrink:0,fontSize:"12px",fontWeight:600,padding:"6px 12px",borderRadius:"6px",border:"none",cursor:"not-allowed",background:Z.lockedBtnBg,color:Z.locked}),X3=sr.div({textAlign:"center",padding:"20px 0 6px",borderTop:`1px solid ${Z.border}`,marginTop:"8px"}),J3=sr.div({width:"40px",height:"40px",borderRadius:"50%",background:Z.green,color:Z.card,display:"flex",alignItems:"center",justifyContent:"center",fontSize:"20px",margin:"0 auto 10px"}),Q3=sr.div({fontSize:"16px",fontWeight:600,color:Z.text,marginBottom:"14px"}),Z3=sr.button({background:G,color:Z.card,border:"none",borderRadius:"8px",padding:"10px 20px",fontSize:"13px",fontWeight:600,cursor:"pointer","&:hover":{background:Jo}}),e6=sr.div({fontSize:"11px",color:Z.muted,marginTop:"12px"}),t6=sr.div({borderTop:`1px solid ${Z.border}`,marginTop:"4px",paddingTop:"14px",textAlign:"center"}),id=sr.button({background:"none",border:"none",fontSize:"12px",fontWeight:500,color:Z.muted,cursor:"pointer",fontFamily:B3,"&:hover":{color:Z.text}});var r6=e=>(e||"").replace(/\/+$/,"").split("/").pop()||"",n6=()=>{let{projects:e,selectedProjectId:t,setSelectedProjectId:r,currentStorybookPath:n}=Ke(),{createProject:o}=In(),i=Hh(e,t,n),[a,s]=ad(i.length>0?"select":"create"),[u,c]=ad(()=>r6(n)),[l,p]=ad(n||""),[g,d]=ad(!1);mU(()=>{n&&(p(y=>y||n),c(y=>y||r6(n)))},[n]);let f=async()=>{if(!(!u.trim()||g))try{d(!0);let y=await o({name:u.trim(),storybookRoot:l.trim()||void 0});r(y.id)}finally{d(!1)}};return a==="select"&&i.length>0?zr.createElement(hi,null,zr.createElement("div",null,zr.createElement(xi,null,"Project"),zr.createElement(S3,{value:t||"",onChange:y=>y.target.value==="__new"?s("create"):r(y.target.value||null)},zr.createElement("option",{value:""},"Select a project\u2026"),i.map(y=>zr.createElement("option",{key:y.id,value:y.id},y.name)),zr.createElement("option",{value:"__new"},"+ Create new project"))),zr.createElement(so,{disabled:!t,onClick:()=>{}},"Use this project")):zr.createElement(hi,null,zr.createElement(k3,null,zr.createElement("div",null,zr.createElement(xi,null,"Name"),zr.createElement(Gi,{value:u,onChange:y=>c(y.target.value),placeholder:"my-storybook"})),zr.createElement("div",null,zr.createElement(xi,null,"Storybook path"),zr.createElement(Gi,{value:l,onChange:y=>p(y.target.value),placeholder:".storybook"}))),i.length>0&&zr.createElement(id,{onClick:()=>s("select")},"\u2190 Use an existing project"),zr.createElement(so,{disabled:!u.trim()||g,onClick:f},g?"Creating\u2026":"Create project"))};Se();import jt,{useEffect as m6,useState as ld}from"react";Se();De();ut();Ue();import{useCallback as Ya,useEffect as hU,useRef as O1,useState as xU}from"react";var sd=K(),o6=3e3,yU=3,bU=12e4,i6={status:"idle",pagesDone:0,pagesTotal:0,componentSets:0,componentCount:0,needsFigmaAuth:!1,fileForbidden:!1};function a6(){let{sessionToken:e}=he(),[t,r]=xU(i6),n=O1(null),o=O1(null),i=O1({lastDone:-1,stalls:0}),a=Ya(()=>{o.current&&(clearInterval(o.current),o.current=null)},[]),s=Ya(g=>{let d=g?.crawlProgress;if(!d)return"none";let f=g.thumbnailProgress?.total??g.enrichmentProgress?.total??0,y=g.componentCount??0;if(d.status==="complete")return r({status:"complete",pagesDone:d.pagesTotal||d.pagesDone||0,pagesTotal:d.pagesTotal||d.pagesDone||0,componentSets:f,componentCount:y}),"stop";if(d.status==="error")return r(S=>({...S,status:"error",error:d.error||"Figma sync failed."})),"stop";let I=d.status==="paused";if(!I&&d.updatedAt){let S=Date.now()-Date.parse(d.updatedAt);if(Number.isFinite(S)&&S>bU)return r(x=>({...x,status:"error",error:"Figma indexing stalled \u2014 the file may be too large to index in one pass. Reload to retry, or try a smaller file."})),"stop"}return r({status:"crawling",pagesDone:d.pagesDone??0,pagesTotal:d.pagesTotal??0,componentSets:f,componentCount:y}),I?"paused":"active"},[]),u=Ya(g=>{let d=n.current;if(!d||!e)return;let f=i.current;if(g>f.lastDone)f.lastDone=g,f.stalls=0;else if(++f.stalls>yU){r(y=>({...y,status:"error",error:"Figma indexing stalled \u2014 reload to retry."})),a();return}Q(`${sd}/api/figma/crawl`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify({projectId:d})}).catch(()=>{})},[e,a]),c=Ya(async()=>{let g=n.current;if(!(!g||!e))try{let d=await Q(`${sd}/api/figma/cache-status?projectId=${g}`,{headers:{Authorization:`Bearer ${e}`}});if(!d.ok)return;let f=await d.json(),y=s(f);y==="stop"?a():y==="paused"&&u(f?.crawlProgress?.pagesDone??0)}catch(d){w.debug("[useFigmaSync] poll error (will retry):",d)}},[e,a,s,u]),l=Ya(async(g,d)=>{if(e){n.current=g,i.current={lastDone:-1,stalls:0},r({...i6,status:"starting"});try{let f=await Q(`${sd}/api/figma/crawl`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify(d?.length?{projectId:g,pageIds:d}:{projectId:g})});if(!f.ok&&f.status!==202){let y=!1,I=!1,S="Couldn't start the Figma sync. Check your connection.";try{let x=await f.json();x?.requiresAuth?(y=!0,S="Your Figma connection expired. Reconnect Figma to sync."):x?.fileForbidden?(I=!0,S=x.error||"You don't have access to this Figma file."):x?.error&&(S=x.error)}catch{}w.error("[useFigmaSync] crawl rejected:",f.status,S),r(x=>({...x,status:"error",error:S,needsFigmaAuth:y,fileForbidden:I}));return}}catch(f){w.error("[useFigmaSync] failed to start crawl:",f),r(y=>({...y,status:"error",error:"Couldn't start the Figma sync. Check your connection."}));return}a(),o.current=setInterval(c,o6),c()}},[e,c,a]),p=Ya(async g=>{if(!(!e||!g)){n.current=g;try{let d=await Q(`${sd}/api/figma/cache-status?projectId=${g}`,{headers:{Authorization:`Bearer ${e}`}});if(!d.ok)return;let f=await d.json(),y=s(f);(y==="active"||y==="paused")&&(a(),o.current=setInterval(c,o6),y==="paused"&&u(f?.crawlProgress?.pagesDone??0))}catch(d){w.debug("[useFigmaSync] resume error (ignored):",d)}}},[e,c,a,s,u]);return hU(()=>a,[a]),{...t,startSync:l,resume:p,isComplete:t.status==="complete"}}De();ut();import{useCallback as s6,useState as Cl}from"react";var wU=K(),$1="uicopilot_guest_pat_saved";function l6(e){let[t,r]=Cl(""),[n,o]=Cl(!1),[i,a]=Cl(!1),[s,u]=Cl(null),[c,l]=Cl(()=>typeof localStorage<"u"&&!!e&&localStorage.getItem($1)===e),p=s6(d=>{l(d),!(typeof localStorage>"u")&&(d&&e?localStorage.setItem($1,e):localStorage.removeItem($1))},[e]),g=s6(async()=>{let d=t.trim();if(!d)return!1;let f=Uh(d);if(f)return u(jh(f)),!1;a(!0),u(null);try{let y=await Q(`${wU}/api/figma/pat`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify({token:d})}),I=await y.json().catch(()=>({}));if(!y.ok||!I.success)throw new Error(I.error||"Invalid Figma token.");return p(!0),!0}catch(y){return u(y instanceof Error?y.message:"Couldn't save the Figma token."),!1}finally{a(!1)}},[t,e,p]);return{pat:t,setPat:r,showPat:n,setShowPat:o,patBusy:i,patError:s,patInputError:jh(Uh(t)),patSaved:c,setPatSaved:p,savePat:g}}import Ka from"react";import{styled as H1}from"storybook/theming";var vU=H1.div({marginTop:"10px",border:`1px solid ${Z.border}`,borderRadius:"8px",background:Z.card,padding:"14px 12px",display:"flex",flexDirection:"column",gap:"8px"}),SU=H1.div({fontSize:"12px",fontWeight:700,color:Z.text}),kU=H1.div({fontSize:"11px",lineHeight:1.5,color:Z.muted}),c6=({published:e,onChoosePages:t})=>Ka.createElement(vU,null,Ka.createElement(SU,null,"No indexable components on the pages you picked"),Ka.createElement(kU,null,"Only ",Ka.createElement("strong",null,"component sets")," and"," ",Ka.createElement("strong",null,"standalone components")," are indexed \u2014 not plain frames or example screens."," ",e?"Pick the pages that showed a component count.":"This file has no published components, so we couldn't tell which pages hold them \u2014 try selecting the pages with your component library."),Ka.createElement(so,{onClick:t},"Choose different pages"));import Vo from"react";import{styled as p6}from"storybook/theming";import*as Co from"react";var u6=Co.forwardRef(({color:e="currentColor",size:t=14,...r},n)=>Co.createElement("svg",{width:t,height:t,viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n,...r},Co.createElement("path",{d:"M7 9.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z",fill:e}),Co.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14 7l-.21.293C13.669 7.465 10.739 11.5 7 11.5S.332 7.465.21 7.293L0 7l.21-.293C.331 6.536 3.261 2.5 7 2.5s6.668 4.036 6.79 4.207L14 7zM2.896 5.302A12.725 12.725 0 001.245 7c.296.37.874 1.04 1.65 1.698C4.043 9.67 5.482 10.5 7 10.5c1.518 0 2.958-.83 4.104-1.802A12.72 12.72 0 0012.755 7c-.297-.37-.875-1.04-1.65-1.698C9.957 4.33 8.517 3.5 7 3.5c-1.519 0-2.958.83-4.104 1.802z",fill:e}))),d6=Co.forwardRef(({color:e="currentColor",size:t=14,...r},n)=>Co.createElement("svg",{width:t,height:t,viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n,...r},Co.createElement("path",{d:"M1.854 1.146a.5.5 0 10-.708.708l11 11a.5.5 0 00.708-.708l-11-11zM11.104 8.698c-.177.15-.362.298-.553.439l.714.714a13.25 13.25 0 002.526-2.558L14 7l-.21-.293C13.669 6.536 10.739 2.5 7 2.5c-.89 0-1.735.229-2.506.58l.764.763A4.859 4.859 0 017 3.5c1.518 0 2.958.83 4.104 1.802A12.724 12.724 0 0112.755 7a12.72 12.72 0 01-1.65 1.698zM.21 6.707c.069-.096 1.03-1.42 2.525-2.558l.714.714c-.191.141-.376.288-.553.439A12.725 12.725 0 001.245 7c.296.37.874 1.04 1.65 1.698C4.043 9.67 5.482 10.5 7 10.5a4.86 4.86 0 001.742-.344l.764.764c-.772.351-1.616.58-2.506.58C3.262 11.5.332 7.465.21 7.293L0 7l.21-.293z",fill:e}),Co.createElement("path",{d:"M4.5 7c0-.322.061-.63.172-.914l3.242 3.242A2.5 2.5 0 014.5 7zM9.328 7.914L6.086 4.672a2.5 2.5 0 013.241 3.241z",fill:e})));var CU=p6.div({position:"relative"}),IU=p6.button(({theme:e})=>({position:"absolute",right:6,top:"50%",transform:"translateY(-50%)",display:"flex",alignItems:"center",justifyContent:"center",background:"none",border:"none",padding:4,cursor:"pointer",color:e.color.mediumdark,"&:hover":{color:e.color.defaultText}})),g6=({pat:e,setPat:t,showPat:r,setShowPat:n,error:o,disabled:i=!1,onSubmit:a})=>Vo.createElement("div",null,Vo.createElement(xi,null,"Figma personal access token"),Vo.createElement(CU,null,Vo.createElement(Gi,{type:r?"text":"password",value:e,onChange:s=>t(s.target.value),onKeyDown:s=>{s.key==="Enter"&&e.trim()&&!i&&a?.()},placeholder:"figd_\u2026",disabled:i,style:{paddingRight:32}}),Vo.createElement(IU,{type:"button",onClick:()=>n(s=>!s),"aria-label":r?"Hide token":"Show token",title:r?"Hide token":"Show token"},r?Vo.createElement(d6,null):Vo.createElement(u6,null))),o&&Vo.createElement(qi,null,"\u26A0 ",o),Vo.createElement(kl,null,"Used only to fetch your frames \u2014 it isn't stored anywhere."));import Un,{useEffect as TU,useState as EU}from"react";var RU=15,AU=e=>`${Math.floor(e/60)}:${String(e%60).padStart(2,"0")}`,f6=({complete:e,pagesDone:t,pagesTotal:r,componentSets:n})=>{let[o,i]=EU(0);TU(()=>{if(e)return;let u=setInterval(()=>i(c=>c+1),1e3);return()=>clearInterval(u)},[e]);let a=r>1,s=a?t/r*100:0;return Un.createElement(C3,null,Un.createElement(I3,null,Un.createElement("span",null,e?"Indexed your Figma components \u2713":"Reading your Figma components\u2026"),!e&&Un.createElement(T3,null,a&&Un.createElement("span",null,`${t} / ${r}`),a&&Un.createElement("span",{"aria-hidden":!0}," \xB7 "),Un.createElement(F3,null,AU(o)))),Un.createElement(E3,null,e||a?Un.createElement(R3,{pct:e?100:s}):Un.createElement(A3,null)),n>0&&Un.createElement(P3,null,n," component sets"),!e&&o>=RU&&Un.createElement(M3,null,"Large component sets can take a minute to index\u2026"))};var h6=({figmaExpired:e=!1})=>{let{selectedProjectId:t}=Ke(),{updateProject:r,fetchProjects:n,selectedProject:o}=In(),{startOAuth:i,oauthPending:a,isAnonymous:s,sessionToken:u}=no(),c=l6(u),{patSaved:l,setPatSaved:p,savePat:g}=c,d=a6(),{resume:f}=d,[y,I]=ld(()=>o?.figmaFileId??""),[S,x]=ld(!1),[M,z]=ld(!1),[O,L]=ld(!1),_=M&&(d.status==="idle"||O),m=Wu(t,_),v=A=>{I(A),M&&(z(!1),L(!1))},k=A=>{t&&(Gu(t,A),L(!1),d.startSync(t,A))},E=()=>{L(!0),m.reload()};m6(()=>{t&&f(t)},[t,f]),m6(()=>{d.isComplete&&n()},[d.isComplete,n]);let h=async()=>{if(!(!y.trim()||!t||S)&&!ui(dl(y)))try{if(x(!0),s&&!l&&!await g())return;await r(t,{figmaFileUrl:y.trim()}),L(!1),z(!0)}finally{x(!1)}},b=dl(y);if(e&&d.status==="idle")return jt.createElement(jt.Fragment,null,jt.createElement(N1,null,"\u26A0 Requires a Figma Dev or Full seat \u2014 free/Viewer seats can't grant design-read access."),jt.createElement(hi,null,jt.createElement(qi,null,"Your Figma connection expired. Reconnect to finish setup and run reviews."),jt.createElement(so,{disabled:a,onClick:i},a?"Opening Figma sign-in\u2026":"Reconnect Figma")));let F=s&&!l,C=F&&(!c.pat.trim()||!!c.patInputError);return jt.createElement(jt.Fragment,null,jt.createElement(N1,null,"\u26A0 Requires a Figma Dev or Full seat \u2014 free/Viewer seats can't grant design-read access."),jt.createElement(hi,null,jt.createElement("div",null,jt.createElement(xi,null,"Figma file URL"),jt.createElement(Gi,{value:y,onChange:A=>v(A.target.value),onKeyDown:A=>{A.key==="Enter"&&y.trim()&&!S&&!ui(b)&&h()},placeholder:"https://figma.com/file/...",disabled:d.status!=="idle"&&d.status!=="error"})),F&&jt.createElement(g6,{pat:c.pat,setPat:c.setPat,showPat:c.showPat,setShowPat:c.setShowPat,error:c.patError||c.patInputError,disabled:S,onSubmit:()=>{!ui(b)&&!C&&h()}}),d.status==="error"?jt.createElement(jt.Fragment,null,jt.createElement(qi,null,"\u26A0 ",d.error||"Figma sync failed."),b&&jt.createElement(qi,null,"\u26A0 ",pl(b)),d.needsFigmaAuth?s?jt.createElement(so,{onClick:()=>p(!1)},"Re-enter Figma token"):jt.createElement(so,{disabled:a,onClick:i},a?"Opening Figma sign-in\u2026":"Reconnect Figma"):jt.createElement(so,{disabled:!y.trim()||S||ui(b)||C,onClick:h},S?"Connecting\u2026":"Try again")):_?jt.createElement(Xu,{pages:m.pages,published:m.published,loading:m.loading,error:m.error,busy:S,initialSelection:t?ja(t):void 0,emptyHint:"Select at least one page to import.",onReload:m.reload,onCancel:()=>{z(!1),L(!1)},onImport:k}):d.status==="complete"&&d.componentCount===0?jt.createElement(c6,{published:m.published,onChoosePages:E}):d.status==="idle"?jt.createElement(jt.Fragment,null,b&&jt.createElement(qi,null,"\u26A0 ",pl(b)),jt.createElement(so,{disabled:!y.trim()||S||ui(b)||C,onClick:h},S?"Connecting\u2026":"Choose pages to import")):jt.createElement(f6,{complete:d.status==="complete",pagesDone:d.pagesDone,pagesTotal:d.pagesTotal,componentSets:d.componentSets})))};var FU=["Sign in with Google \u2014 one click, no password.","Pick an existing project or create a new one.","Connect Figma and we'll index your components."],x6=[null,"Set up project","Connect Figma"],y6=({onSkip:e,canSkip:t=!1,figmaExpired:r=!1})=>{let{isConnected:n,sessionToken:o}=he(),{projects:i,selectedProjectId:a}=Ke(),s=!!o&&o.startsWith("uic_anon_"),u=i.find(S=>S.id===a),c=n,l=c&&!!a,p=!!u?.figmaFileId&&!!u?.figmaFramesCacheUrl,d=[{title:s?"Trying without an account":"Connect your account",done:c},{title:"Set up your project",done:l},{title:"Connect Figma & sync",done:l&&p&&!r}],f=d.filter(S=>S.done).length,y=f===d.length,I=d.findIndex(S=>!S.done);return Vt.createElement(z3,null,Vt.createElement(D3,null,Vt.createElement(_3,null,"UI"),Vt.createElement(N3,null,"Get started with ",Ut.NAME),Vt.createElement(O3,null,"Setup \xB7 ",f," of ",d.length)),Vt.createElement($3,null,Vt.createElement(H3,{pct:f/d.length*100})),y?Vt.createElement(X3,null,Vt.createElement(J3,null,"\u2713"),Vt.createElement(Q3,null,"You're all set."),Vt.createElement(Z3,{onClick:e},"Go to your stories \u2192"),Vt.createElement(e6,null,"\u2728 AI review coming soon.")):Vt.createElement(Vt.Fragment,null,d.map((S,x)=>{let M=S.done?"complete":x===I?"current":"locked",z=M==="current";return Vt.createElement(U3,{key:S.title,current:z},Vt.createElement(j3,{state:M},M==="complete"?"\u2713":x+1),Vt.createElement(V3,null,Vt.createElement(W3,null,Vt.createElement("div",null,Vt.createElement(G3,{locked:M==="locked"},S.title),M!=="complete"&&Vt.createElement(q3,null,FU[x])),M==="complete"?Vt.createElement(Y3,null,x===0&&s?"Guest":"Done"):M==="locked"&&x6[x]&&Vt.createElement(K3,{disabled:!0},x6[x])),z&&x===0&&Vt.createElement(L3,null),z&&x===1&&Vt.createElement(n6,null),z&&x===2&&Vt.createElement(h6,{figmaExpired:r})))}),t&&Vt.createElement(t6,null,Vt.createElement(id,{onClick:e},"Already set up? Skip to the review panel \u2192"))))};import Ce,{useEffect as Z1,useMemo as Mj,useState as e5,useRef as Lj}from"react";import{styled as mr,keyframes as Bj}from"storybook/theming";Se();dr();dr();function U1(e){let t=e.complianceScore??0;if(!e.issues||e.issues.length===0)return{score:t,band:e.issues?"A":void 0};let r=Zc(e.issues.map(n=>({...n,dismissed:n.dismissed??!1})));return{score:Math.min(t,Us[r]),band:r}}Se();import Dr,{useState as PU}from"react";import{styled as xn}from"storybook/theming";var Wo=[{id:"claude-sonnet-4-6",name:"Claude Sonnet 4.6",provider:"anthropic",description:"Current default \u2014 latest Sonnet, best balance of speed and quality"},{id:"claude-sonnet-4-5-20250929",name:"Claude Sonnet 4.5",provider:"anthropic",description:"Previous default \u2014 proven for design comparison"},{id:"claude-sonnet-4-20250514",name:"Claude Sonnet 4",provider:"anthropic",description:"Previous generation Sonnet"},{id:"claude-3-5-sonnet-20241022",name:"Claude 3.5 Sonnet",provider:"anthropic",description:"Best balance of speed and quality"},{id:"claude-haiku-4-5-20251001",name:"Claude Haiku 4.5",provider:"anthropic",description:"Fastest, most affordable"},{id:"claude-3-opus-20240229",name:"Claude 3 Opus",provider:"anthropic",description:"Most capable Claude 3 model"},{id:"gpt-5.2",name:"GPT-5.2 Thinking",provider:"openai",description:"47% cheaper, reasoning"},{id:"gpt-5.2-chat-latest",name:"GPT-5.2 Instant",provider:"openai",description:"86% cheaper (default)"},{id:"gpt-4o",name:"GPT-4o",provider:"openai",description:"GPT-4 multimodal flagship"},{id:"gpt-4o-mini",name:"GPT-4o Mini",provider:"openai",description:"GPT-4 affordable model"},{id:"o1-preview",name:"o1 Preview",provider:"openai",description:"Reasoning model (slower, advanced)"},{id:"o1-mini",name:"o1 Mini",provider:"openai",description:"Faster reasoning model"},{id:"gemini-2.5-flash",name:"Gemini 2.5 Flash",provider:"google",description:"Fast & cheap, great vision"},{id:"gemini-2.5-pro",name:"Gemini 2.5 Pro",provider:"google",description:"Best Gemini quality"},{id:"gemini-2.0-flash",name:"Gemini 2.0 Flash",provider:"google",description:"Previous gen, very fast"}];var MU=xn.div(({theme:e})=>({display:"inline-flex",alignItems:"center",flexWrap:"wrap",gap:`${e.layoutMargin*.6}px`})),LU=xn.span(({theme:e,disabled:t})=>({display:"inline-flex",alignItems:"center",gap:"4px",height:"18px",padding:"0 2px 0 6px",backgroundColor:e.background.content,color:e.color.defaultText,fontSize:"10.5px",fontWeight:500,borderRadius:"3px",border:`1px solid ${e.appBorderColor}`,opacity:t?.6:1,whiteSpace:"nowrap"})),BU=xn.span({width:"4px",height:"4px",borderRadius:"50%",backgroundColor:Ye.green,flexShrink:0}),zU=xn.button(({theme:e})=>({width:"12px",height:"12px",display:"inline-flex",alignItems:"center",justifyContent:"center",background:"none",border:"none",borderRadius:"2px",color:e.color.mediumdark,fontSize:"11px",lineHeight:1,cursor:"pointer",padding:0,"&:hover":{color:e.color.defaultText,backgroundColor:e.background.hoverable},"&:disabled":{cursor:"not-allowed",opacity:.5}})),DU=xn.div({position:"relative",display:"inline-block"}),_U=xn.button(({theme:e,disabled:t})=>({display:"inline-flex",alignItems:"center",gap:"2px",height:"18px",padding:"0 6px",background:"none",border:`1px dashed ${e.appBorderColor}`,borderRadius:"3px",color:e.color.mediumdark,fontSize:"10.5px",fontWeight:500,cursor:t?"not-allowed":"pointer",opacity:t?.5:1,whiteSpace:"nowrap",transition:"color 0.15s, border-color 0.15s","&:hover":{color:t?e.color.mediumdark:e.color.defaultText,borderColor:t?e.appBorderColor:e.color.mediumdark}})),NU=xn.div(({theme:e})=>({position:"absolute",top:"100%",left:0,marginTop:"4px",width:"240px",backgroundColor:e.background.content,border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius,boxShadow:e.base==="dark"?"0 4px 12px rgba(0, 0, 0, 0.3)":"0 4px 12px rgba(0, 0, 0, 0.1)",zIndex:1e3,maxHeight:"280px",overflowY:"auto"})),j1=xn.div(({theme:e})=>({borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:"none"}})),V1=xn.div(({theme:e})=>({padding:"8px 12px",fontSize:"10px",fontWeight:600,color:e.textMutedColor,textTransform:"uppercase",letterSpacing:"0.5px",backgroundColor:e.background.app})),OU=xn.div(({theme:e,disabled:t})=>({padding:"8px 12px",fontSize:"12px",cursor:t?"not-allowed":"pointer",opacity:t?.5:1,display:"flex",alignItems:"center",gap:"8px",transition:"background-color 0.15s",color:e.color.defaultText,"&:hover":{backgroundColor:t?"transparent":e.background.hoverable}})),$U=xn.input({cursor:"pointer",flexShrink:0,"&:disabled":{cursor:"not-allowed"}}),HU=xn.div({flex:1,minWidth:0}),UU=xn.div({fontSize:"12px",fontWeight:500,marginBottom:"2px"}),jU=xn.div(({theme:e})=>({fontSize:"10px",color:e.textMutedColor,lineHeight:"1.2"})),VU=5,b6=()=>{let{selectedModels:e,toggleModel:t,isReviewing:r}=ue(),[n,o]=PU(!1),i=Wo.filter(d=>d.provider==="anthropic"&&!e.includes(d.id)),a=Wo.filter(d=>d.provider==="openai"&&!e.includes(d.id)),s=Wo.filter(d=>d.provider==="google"&&!e.includes(d.id)),u=Wo.filter(d=>e.includes(d.id)),c=e.length<VU,l=(d,f)=>{f.stopPropagation(),e.length>1&&!r&&t(d)},p=d=>{let f=e.includes(d);f&&e.length===1||!f&&!c||r||(t(d),o(!1))},g=d=>{let f=e.includes(d.id),y=f&&e.length===1,I=r||y||!f&&!c;return Dr.createElement(OU,{key:d.id,disabled:I,onClick:()=>p(d.id)},Dr.createElement($U,{type:"checkbox",checked:f,disabled:I,onChange:()=>{},onClick:S=>S.stopPropagation()}),Dr.createElement(HU,null,Dr.createElement(UU,null,d.name),d.description&&Dr.createElement(jU,null,d.description)))};return Dr.createElement(MU,null,u.map(d=>Dr.createElement(LU,{key:d.id,disabled:r},Dr.createElement(BU,null),d.name,e.length>1&&Dr.createElement(zU,{disabled:r,onClick:f=>l(d.id,f),title:"Remove model"},"\xD7"))),c&&Dr.createElement(DU,null,Dr.createElement(_U,{disabled:r,onClick:()=>o(!n),title:"Add a model"},"+ Add"),n&&Dr.createElement(NU,null,i.length>0&&Dr.createElement(j1,null,Dr.createElement(V1,null,"Anthropic"),i.map(g)),a.length>0&&Dr.createElement(j1,null,Dr.createElement(V1,null,"OpenAI"),a.map(g)),s.length>0&&Dr.createElement(j1,null,Dr.createElement(V1,null,"Google"),s.map(g)))))};import jn,{useState as W1,useEffect as XU,useCallback as JU}from"react";import{styled as yi}from"storybook/theming";import cd,{useState as WU,useCallback as w6}from"react";import{styled as ud}from"storybook/theming";var GU=ud.span({position:"relative",display:"inline-flex"}),qU=ud.div(({theme:e,side:t,align:r,visible:n})=>({position:"absolute",...t==="top"?{bottom:"calc(100% + 6px)"}:{top:"calc(100% + 6px)"},...r==="center"?{left:"50%",transform:"translateX(-50%)"}:r==="end"?{right:0}:{left:0},zIndex:2e3,width:"max-content",maxWidth:"240px",padding:`${e.layoutMargin*.6}px ${e.layoutMargin}px`,borderRadius:e.appBorderRadius*2,backgroundColor:e.background.content,color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="dark"?"0 6px 20px rgba(0, 0, 0, 0.5)":"0 6px 20px rgba(0, 0, 0, 0.15)",fontSize:"11px",lineHeight:1.5,textAlign:"left",whiteSpace:"normal",pointerEvents:"none",opacity:n?1:0,visibility:n?"visible":"hidden",transition:"opacity 0.12s ease"})),YU=ud.div(({theme:e})=>({fontWeight:e.typography.weight.bold,marginBottom:"2px",color:e.color.defaultText})),KU=ud.div(({theme:e})=>({color:e.color.mediumdark})),Io=({text:e,title:t,side:r="top",align:n="center",children:o,className:i})=>{let[a,s]=WU(!1),u=w6(()=>s(!0),[]),c=w6(()=>s(!1),[]);return cd.createElement(GU,{className:i,onMouseEnter:u,onMouseLeave:c,onFocus:u,onBlur:c},o,cd.createElement(qU,{side:r,align:n,visible:a,role:"tooltip"},t&&cd.createElement(YU,null,t),cd.createElement(KU,null,e)))};Se();De();ut();var QU=yi.div(({theme:e})=>({display:"flex",alignItems:"center",flexWrap:"wrap",gap:"10px",padding:`${e.layoutMargin*.7}px ${e.layoutMargin*1.2}px`,backgroundColor:e.background.content,borderBottom:`1px solid ${e.appBorderColor}`})),ZU=yi.span(({theme:e})=>({display:"inline-flex",alignItems:"center",gap:"6px",height:"26px",padding:"0 10px 0 5px",borderRadius:"999px",border:`1px solid ${Ai.pillBorder}`,background:`linear-gradient(90deg, ${Ai.pillBg} 0%, ${e.background.content} 60%)`,boxShadow:"0 1px 2px rgba(0,0,0,0.06)",cursor:"help",userSelect:"none"})),ej=yi.span({width:"20px",height:"20px",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",color:"#fff",background:`linear-gradient(135deg, ${Ai.iconFrom} 0%, ${Ai.iconTo} 100%)`,"& svg":{width:"12px",height:"12px"}}),tj=yi.span(({theme:e})=>({fontSize:"11px",fontWeight:e.typography.weight.bold,color:e.color.defaultText,lineHeight:1})),rj=yi.span({display:"inline-flex",alignItems:"center",height:"16px",padding:"0 6px",borderRadius:"3px",backgroundColor:Ai.badgeBg,color:Ai.badgeText,fontSize:"9px",fontWeight:700,textTransform:"uppercase",letterSpacing:"0.06em"}),nj=yi.button(({theme:e,active:t})=>({display:"inline-flex",alignItems:"center",gap:"6px",height:"26px",padding:"0 10px",borderRadius:"999px",fontSize:"11px",fontWeight:e.typography.weight.bold,cursor:"pointer",transition:"all 0.15s",border:`1px solid ${t?G:e.appBorderColor}`,backgroundColor:t?G:e.background.content,color:t?"#fff":e.color.mediumdark,boxShadow:t?"0 1px 2px rgba(0,0,0,0.08)":"none","& svg":{width:"12px",height:"12px"},"&:hover":{borderColor:G,color:t?"#fff":G},"&:disabled":{opacity:.6,cursor:"default"}})),oj=yi.span(({theme:e,active:t})=>({marginLeft:"2px",padding:"1px 6px",borderRadius:"999px",fontFamily:e.typography.fonts.mono,fontVariantNumeric:"tabular-nums",fontSize:"10px",backgroundColor:t?"rgba(255,255,255,0.25)":e.background.app,color:t?"#fff":e.color.mediumdark})),ij=yi.span(({theme:e})=>({fontSize:"11px",color:e.color.mediumdark})),aj="Semantic review powered by UI Parity \u2014 catches what the deterministic checks can't (visual hierarchy, contrast intent, layout drift). Rolling out to everyone soon.",v6=()=>{let{sessionToken:e}=he(),[t,r]=W1(null),[n,o]=W1(!1),[i,a]=W1(!1),s=c=>{typeof c.count=="number"&&r(c.count),typeof c.interested=="boolean"&&o(c.interested)};XU(()=>{if(!e)return;let c=!0;return Q(`${K()}/api/ai-interest`,{headers:{Authorization:`Bearer ${e}`}}).then(l=>l.json()).then(l=>c&&s(l)).catch(()=>{}),()=>{c=!1}},[e]);let u=JU(async()=>{if(!(!e||i)){a(!0);try{let c=await Q(`${K()}/api/ai-interest`,{method:n?"DELETE":"POST",headers:{Authorization:`Bearer ${e}`}});s(await c.json())}catch{}finally{a(!1)}}},[e,n,i]);return jn.createElement(QU,null,jn.createElement(Io,{side:"bottom",text:aj},jn.createElement(ZU,null,jn.createElement(ej,{"aria-hidden":!0},jn.createElement(ac,null)),jn.createElement(tj,null,"AI review with Claude"),jn.createElement(rj,null,"Coming soon"))),jn.createElement(Io,{side:"bottom",text:n?"We'll prioritise the AI review rollout based on this signal. Click again to undo.":"Tell us you'd use this \u2014 helps us prioritise the rollout."},jn.createElement(nj,{type:"button",active:n,disabled:i||!e,"aria-pressed":n,onClick:u},jn.createElement(sy,null),n?"Thanks \u2014 noted!":"I want this",t!==null&&jn.createElement(oj,{active:n},t))),jn.createElement(ij,null,"Today: deterministic checks (color, font, spacing, radius, border)."))};import mt,{useState as sj,useEffect as lj}from"react";import{styled as _t,keyframes as Xa}from"storybook/theming";Se();var cj=Xa`
@@ -176,7 +176,7 @@ ${t.get(r).join(`
 `,WK=Hl`
   0%, 100% { opacity: 1; }
   50% { opacity: 0.4; }
-`,GK=Vr.div({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"60px 20px",textAlign:"center",animation:`${VK} 0.4s ease-out`}),qK=Vr.div({position:"relative",width:"80px",height:"80px",marginBottom:"32px"}),YK=Vr.div({position:"absolute",inset:0,borderRadius:"50%",background:`radial-gradient(circle, ${K8} 0%, transparent 70%)`,animation:`${jK} 2s ease-in-out infinite`}),KK=Vr.div({position:"absolute",inset:0,borderRadius:"50%",border:`2px solid ${OK}`}),XK=Vr.div({position:"absolute",inset:0,borderRadius:"50%",border:"2px solid transparent",borderTopColor:is,borderRightColor:is,animation:`${X8} 1.2s linear infinite`}),JK=Vr.div({position:"absolute",inset:"12px",borderRadius:"50%",border:`1px solid ${K8}`}),QK=Vr.div({position:"absolute",inset:"12px",borderRadius:"50%",border:"1px solid transparent",borderBottomColor:HK,animation:`${UK} 1.8s linear infinite`}),ZK=Vr.div({position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center"}),eX=Vr.div({position:"absolute",inset:0,animation:`${X8} 3s linear infinite`}),tX=Vr.div({position:"absolute",top:0,left:"50%",transform:"translate(-50%, -50%)",width:"8px",height:"8px",borderRadius:"50%",backgroundColor:is}),rX=()=>Lt.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:is,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},Lt.createElement("path",{d:"M12 3l1.912 5.813a2 2 0 0 0 1.275 1.275L21 12l-5.813 1.912a2 2 0 0 0-1.275 1.275L12 21l-1.912-5.813a2 2 0 0 0-1.275-1.275L3 12l5.813-1.912a2 2 0 0 0 1.275-1.275L12 3z"}),Lt.createElement("path",{d:"M5 3v4"}),Lt.createElement("path",{d:"M3 5h4"}),Lt.createElement("path",{d:"M19 17v4"}),Lt.createElement("path",{d:"M17 19h4"})),nX=Vr.div(({theme:e})=>({fontSize:"15px",fontWeight:600,color:e.color.defaultText,letterSpacing:"-0.01em"})),oX=Vr.div(({theme:e})=>({fontSize:e.typography.size.s1,color:e.textMutedColor,marginTop:"6px",maxWidth:"220px"})),iX=Vr.div({display:"flex",alignItems:"center",gap:"8px",marginTop:"24px"}),hx=Vr.div(({theme:e,variant:t})=>({display:"flex",alignItems:"center",gap:"6px",padding:"4px 10px",borderRadius:"999px",fontSize:"11px",fontWeight:500,...t==="done"&&{backgroundColor:e.color.positive?`${e.color.positive}1a`:"rgba(16, 185, 129, 0.1)",color:e.color.positive||"#10b981"},...t==="active"&&{backgroundColor:$K,color:is},...t==="pending"&&{backgroundColor:e.background.hoverable||"#f3f4f6",color:e.textMutedColor}})),q8=Vr.div(({theme:e})=>({width:"16px",height:"1px",backgroundColor:e.appBorderColor})),Y8=Vr.div({width:"6px",height:"6px",borderRadius:"50%",backgroundColor:is,animation:`${WK} 1.5s ease-in-out infinite`}),aX=Vr.div(({theme:e})=>({fontSize:"12px",color:e.textMutedColor,marginTop:"16px"})),sX=()=>Lt.createElement("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"},Lt.createElement("polyline",{points:"20 6 9 17 4 12"})),J8=()=>{let{streamingProgress:e}=ue(),t=(e||0)>25,[r,n]=DK(0),o=NK();return _K(()=>(o.current=setInterval(()=>n(i=>i+1),1e3),()=>clearInterval(o.current)),[]),Lt.createElement(GK,null,Lt.createElement(qK,null,Lt.createElement(YK,null),Lt.createElement(KK,null),Lt.createElement(XK,null),Lt.createElement(JK,null),Lt.createElement(QK,null),Lt.createElement(ZK,null,Lt.createElement(rX,null)),Lt.createElement(eX,null,Lt.createElement(tX,null))),Lt.createElement(nX,null,"Analyzing designs"),Lt.createElement(oX,null,"AI is comparing screenshots and detecting issues"),Lt.createElement(iX,null,Lt.createElement(hx,{variant:t?"done":"active"},t?Lt.createElement(sX,null):Lt.createElement(Y8,null),"Screenshots"),Lt.createElement(q8,null),Lt.createElement(hx,{variant:t?"active":"pending"},t?Lt.createElement(Y8,null):null,"Analysis"),Lt.createElement(q8,null),Lt.createElement(hx,{variant:"pending"},"Report")),Lt.createElement(aX,null,r,"s \xB7 Esc to stop"))};Se();var eke=dt.label(({theme:e})=>({display:"flex",alignItems:"center",gap:"4px",fontSize:"11px",color:e.textMutedColor,cursor:"pointer",padding:"4px 8px",borderRadius:"4px",backgroundColor:e.background.app,"&:hover":{backgroundColor:e.background.hoverable}})),tke=dt.input(({theme:e})=>({width:"14px",height:"14px",cursor:"pointer",accentColor:G})),dX=dt.div({display:"flex",flexDirection:"column",gap:"12px",padding:"12px"}),pX=dt.div({display:"flex",gap:"8px",alignItems:"center",flexWrap:"wrap",justifyContent:"flex-end"}),Z8=dt(an)(({theme:e})=>({width:"auto",minWidth:"120px",padding:`4px 26px 4px ${e.layoutMargin*.8}px`,fontSize:e.typography.size.s1,backgroundPosition:"right 8px center"})),gX=dt.div({display:"flex",alignItems:"center",gap:"6px"}),eT=dt.span(({theme:e})=>({color:e.color.mediumlight})),fX=dt.div(({theme:e,isOpen:t})=>({display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px",flexWrap:"wrap",padding:"8px 12px",backgroundColor:e.background.content,border:`1px solid ${e.appBorderColor}`,borderBottom:t?"none":`1px solid ${e.appBorderColor}`,borderRadius:t?`${e.appBorderRadius*1.5}px ${e.appBorderRadius*1.5}px 0 0`:e.appBorderRadius*1.5,cursor:"pointer",transition:"background-color 0.15s ease"})),mX=dt.div({display:"flex",alignItems:"center",gap:"10px",fontSize:"12px"}),rke=dt.span(({theme:e,isOpen:t})=>({display:"flex",alignItems:"center",color:e.textMutedColor,transition:"transform 0.15s ease",transform:t?"rotate(0deg)":"rotate(-90deg)","& svg":{width:"14px",height:"14px"}})),hX=dt.div(({theme:e})=>({display:"flex",flexDirection:"column",backgroundColor:e.background.content,border:`1px solid ${e.appBorderColor}`,borderTop:"none",borderRadius:`0 0 ${e.appBorderRadius*1.5}px ${e.appBorderRadius*1.5}px`})),xX=dt.div({display:"flex",alignItems:"center",gap:"2px"}),xx=dt(bn)({padding:"4px 8px",fontSize:"11px",fontWeight:500}),yX=dt.button(({theme:e,done:t})=>({display:"inline-flex",alignItems:"center",gap:"5px",padding:"4px 10px",fontSize:"11px",fontWeight:e.typography.weight.bold,fontFamily:e.typography.fonts.base,color:t?e.color.positive:"#fff",backgroundColor:t?e.background.hoverable:G,border:t?`1px solid ${e.color.positive}`:"none",borderRadius:e.appBorderRadius,cursor:"pointer",whiteSpace:"nowrap",transition:"all 0.15s ease","& svg":{width:"12px",height:"12px",display:"block"},"&:hover":{opacity:t?1:.9,transform:"translateY(-1px)"}})),yx=dt.span(({theme:e,variant:t})=>({fontSize:"11px",fontWeight:500,color:t==="critical"?e.color.negative:t==="major"?e.color.warning:e.textMutedColor})),bX=dt.span(({theme:e})=>({fontWeight:600,color:e.color.defaultText})),nke=dt.div(({theme:e})=>({display:"flex",gap:"12px",alignItems:"center",fontSize:"12px",color:e.textMutedColor})),Ii=dt.div(({theme:e,variant:t})=>{let n=(()=>{switch(t){case"total":return{bg:e.background.app,text:e.color.defaultText};case"critical":return{bg:e.background.negative,text:e.color.negative};case"major":return{bg:e.background.warning,text:e.color.warning};case"minor":return{bg:e.color.tertiary,text:G};case"selected":return{bg:e.color.tertiary,text:G};case"score":return{bg:e.background.positive,text:e.color.positive};case"cost":return{bg:e.background.warning,text:e.color.warning};case"timing":return{bg:e.color.tertiary,text:G};case"tokens":return{bg:e.background.app,text:e.color.mediumdark};case"model":return{bg:e.background.app,text:e.color.mediumdark}}})();return{padding:"3px 8px",borderRadius:"10px",backgroundColor:n.bg,color:n.text,fontWeight:600,fontSize:"11px",whiteSpace:"nowrap"}}),wX=dt.div({display:"flex",flexDirection:"column"}),vX=dt.span(({theme:e})=>({fontSize:"11px",fontFamily:'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace',color:e.textMutedColor,marginLeft:"4px"})),tT=dt.div(({theme:e})=>({textAlign:"center",padding:"40px 20px",color:e.textMutedColor})),rT=dt.div({fontSize:"36px",marginBottom:"12px"}),nT=dt.div(({theme:e})=>({fontSize:"14px",fontWeight:600,marginBottom:"6px",color:e.textMutedColor})),oT=dt.div({fontSize:"12px"}),SX=dt.div(({theme:e})=>({textAlign:"center",padding:"24px 12px",fontSize:"12px",color:e.color.mediumdark})),kX=uX`
+`,GK=Vr.div({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"60px 20px",textAlign:"center",animation:`${VK} 0.4s ease-out`}),qK=Vr.div({position:"relative",width:"80px",height:"80px",marginBottom:"32px"}),YK=Vr.div({position:"absolute",inset:0,borderRadius:"50%",background:`radial-gradient(circle, ${K8} 0%, transparent 70%)`,animation:`${jK} 2s ease-in-out infinite`}),KK=Vr.div({position:"absolute",inset:0,borderRadius:"50%",border:`2px solid ${OK}`}),XK=Vr.div({position:"absolute",inset:0,borderRadius:"50%",border:"2px solid transparent",borderTopColor:is,borderRightColor:is,animation:`${X8} 1.2s linear infinite`}),JK=Vr.div({position:"absolute",inset:"12px",borderRadius:"50%",border:`1px solid ${K8}`}),QK=Vr.div({position:"absolute",inset:"12px",borderRadius:"50%",border:"1px solid transparent",borderBottomColor:HK,animation:`${UK} 1.8s linear infinite`}),ZK=Vr.div({position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center"}),eX=Vr.div({position:"absolute",inset:0,animation:`${X8} 3s linear infinite`}),tX=Vr.div({position:"absolute",top:0,left:"50%",transform:"translate(-50%, -50%)",width:"8px",height:"8px",borderRadius:"50%",backgroundColor:is}),rX=()=>Lt.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:is,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},Lt.createElement("path",{d:"M12 3l1.912 5.813a2 2 0 0 0 1.275 1.275L21 12l-5.813 1.912a2 2 0 0 0-1.275 1.275L12 21l-1.912-5.813a2 2 0 0 0-1.275-1.275L3 12l5.813-1.912a2 2 0 0 0 1.275-1.275L12 3z"}),Lt.createElement("path",{d:"M5 3v4"}),Lt.createElement("path",{d:"M3 5h4"}),Lt.createElement("path",{d:"M19 17v4"}),Lt.createElement("path",{d:"M17 19h4"})),nX=Vr.div(({theme:e})=>({fontSize:"15px",fontWeight:600,color:e.color.defaultText,letterSpacing:"-0.01em"})),oX=Vr.div(({theme:e})=>({fontSize:e.typography.size.s1,color:e.textMutedColor,marginTop:"6px",maxWidth:"220px"})),iX=Vr.div({display:"flex",alignItems:"center",gap:"8px",marginTop:"24px"}),hx=Vr.div(({theme:e,variant:t})=>({display:"flex",alignItems:"center",gap:"6px",padding:"4px 10px",borderRadius:"999px",fontSize:"11px",fontWeight:500,...t==="done"&&{backgroundColor:e.color.positive?`${e.color.positive}1a`:"rgba(16, 185, 129, 0.1)",color:e.color.positive||"#10b981"},...t==="active"&&{backgroundColor:$K,color:is},...t==="pending"&&{backgroundColor:e.background.hoverable||"#f3f4f6",color:e.textMutedColor}})),q8=Vr.div(({theme:e})=>({width:"16px",height:"1px",backgroundColor:e.appBorderColor})),Y8=Vr.div({width:"6px",height:"6px",borderRadius:"50%",backgroundColor:is,animation:`${WK} 1.5s ease-in-out infinite`}),aX=Vr.div(({theme:e})=>({fontSize:"12px",color:e.textMutedColor,marginTop:"16px"})),sX=()=>Lt.createElement("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"},Lt.createElement("polyline",{points:"20 6 9 17 4 12"})),J8=()=>{let{streamingProgress:e}=ue(),t=(e||0)>25,[r,n]=DK(0),o=NK(void 0);return _K(()=>(o.current=setInterval(()=>n(i=>i+1),1e3),()=>clearInterval(o.current)),[]),Lt.createElement(GK,null,Lt.createElement(qK,null,Lt.createElement(YK,null),Lt.createElement(KK,null),Lt.createElement(XK,null),Lt.createElement(JK,null),Lt.createElement(QK,null),Lt.createElement(ZK,null,Lt.createElement(rX,null)),Lt.createElement(eX,null,Lt.createElement(tX,null))),Lt.createElement(nX,null,"Analyzing designs"),Lt.createElement(oX,null,"AI is comparing screenshots and detecting issues"),Lt.createElement(iX,null,Lt.createElement(hx,{variant:t?"done":"active"},t?Lt.createElement(sX,null):Lt.createElement(Y8,null),"Screenshots"),Lt.createElement(q8,null),Lt.createElement(hx,{variant:t?"active":"pending"},t?Lt.createElement(Y8,null):null,"Analysis"),Lt.createElement(q8,null),Lt.createElement(hx,{variant:"pending"},"Report")),Lt.createElement(aX,null,r,"s \xB7 Esc to stop"))};Se();var eke=dt.label(({theme:e})=>({display:"flex",alignItems:"center",gap:"4px",fontSize:"11px",color:e.textMutedColor,cursor:"pointer",padding:"4px 8px",borderRadius:"4px",backgroundColor:e.background.app,"&:hover":{backgroundColor:e.background.hoverable}})),tke=dt.input(({theme:e})=>({width:"14px",height:"14px",cursor:"pointer",accentColor:G})),dX=dt.div({display:"flex",flexDirection:"column",gap:"12px",padding:"12px"}),pX=dt.div({display:"flex",gap:"8px",alignItems:"center",flexWrap:"wrap",justifyContent:"flex-end"}),Z8=dt(an)(({theme:e})=>({width:"auto",minWidth:"120px",padding:`4px 26px 4px ${e.layoutMargin*.8}px`,fontSize:e.typography.size.s1,backgroundPosition:"right 8px center"})),gX=dt.div({display:"flex",alignItems:"center",gap:"6px"}),eT=dt.span(({theme:e})=>({color:e.color.mediumlight})),fX=dt.div(({theme:e,isOpen:t})=>({display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px",flexWrap:"wrap",padding:"8px 12px",backgroundColor:e.background.content,border:`1px solid ${e.appBorderColor}`,borderBottom:t?"none":`1px solid ${e.appBorderColor}`,borderRadius:t?`${e.appBorderRadius*1.5}px ${e.appBorderRadius*1.5}px 0 0`:e.appBorderRadius*1.5,cursor:"pointer",transition:"background-color 0.15s ease"})),mX=dt.div({display:"flex",alignItems:"center",gap:"10px",fontSize:"12px"}),rke=dt.span(({theme:e,isOpen:t})=>({display:"flex",alignItems:"center",color:e.textMutedColor,transition:"transform 0.15s ease",transform:t?"rotate(0deg)":"rotate(-90deg)","& svg":{width:"14px",height:"14px"}})),hX=dt.div(({theme:e})=>({display:"flex",flexDirection:"column",backgroundColor:e.background.content,border:`1px solid ${e.appBorderColor}`,borderTop:"none",borderRadius:`0 0 ${e.appBorderRadius*1.5}px ${e.appBorderRadius*1.5}px`})),xX=dt.div({display:"flex",alignItems:"center",gap:"2px"}),xx=dt(bn)({padding:"4px 8px",fontSize:"11px",fontWeight:500}),yX=dt.button(({theme:e,done:t})=>({display:"inline-flex",alignItems:"center",gap:"5px",padding:"4px 10px",fontSize:"11px",fontWeight:e.typography.weight.bold,fontFamily:e.typography.fonts.base,color:t?e.color.positive:"#fff",backgroundColor:t?e.background.hoverable:G,border:t?`1px solid ${e.color.positive}`:"none",borderRadius:e.appBorderRadius,cursor:"pointer",whiteSpace:"nowrap",transition:"all 0.15s ease","& svg":{width:"12px",height:"12px",display:"block"},"&:hover":{opacity:t?1:.9,transform:"translateY(-1px)"}})),yx=dt.span(({theme:e,variant:t})=>({fontSize:"11px",fontWeight:500,color:t==="critical"?e.color.negative:t==="major"?e.color.warning:e.textMutedColor})),bX=dt.span(({theme:e})=>({fontWeight:600,color:e.color.defaultText})),nke=dt.div(({theme:e})=>({display:"flex",gap:"12px",alignItems:"center",fontSize:"12px",color:e.textMutedColor})),Ii=dt.div(({theme:e,variant:t})=>{let n=(()=>{switch(t){case"total":return{bg:e.background.app,text:e.color.defaultText};case"critical":return{bg:e.background.negative,text:e.color.negative};case"major":return{bg:e.background.warning,text:e.color.warning};case"minor":return{bg:e.color.tertiary,text:G};case"selected":return{bg:e.color.tertiary,text:G};case"score":return{bg:e.background.positive,text:e.color.positive};case"cost":return{bg:e.background.warning,text:e.color.warning};case"timing":return{bg:e.color.tertiary,text:G};case"tokens":return{bg:e.background.app,text:e.color.mediumdark};case"model":return{bg:e.background.app,text:e.color.mediumdark}}})();return{padding:"3px 8px",borderRadius:"10px",backgroundColor:n.bg,color:n.text,fontWeight:600,fontSize:"11px",whiteSpace:"nowrap"}}),wX=dt.div({display:"flex",flexDirection:"column"}),vX=dt.span(({theme:e})=>({fontSize:"11px",fontFamily:'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace',color:e.textMutedColor,marginLeft:"4px"})),tT=dt.div(({theme:e})=>({textAlign:"center",padding:"40px 20px",color:e.textMutedColor})),rT=dt.div({fontSize:"36px",marginBottom:"12px"}),nT=dt.div(({theme:e})=>({fontSize:"14px",fontWeight:600,marginBottom:"6px",color:e.textMutedColor})),oT=dt.div({fontSize:"12px"}),SX=dt.div(({theme:e})=>({textAlign:"center",padding:"24px 12px",fontSize:"12px",color:e.color.mediumdark})),kX=uX`
   0% {
     transform: translateY(0) rotate(0deg) scale(1);
     opacity: 1;
@@ -204,7 +204,7 @@ ${t.get(r).join(`
 `),me=`Filtered Issues (${R.length})
 ${"=".repeat(40)}
-`;try{await navigator.clipboard.writeText(me+ie),L(!0),setTimeout(()=>L(!1),2e3)}catch(we){w.error("Failed to copy dismissed issues:",we)}};return Je.createElement(MX,null,!c&&!p&&wt&&Je.createElement(LX,null,Je.createElement(BX,null,"\u{1F4CA} Progress:"),Je.createElement(bx,{variant:"resolved"},"\u2705 ",wt.resolved," resolved"),Je.createElement(bx,{variant:"remaining"},"\u23F3 ",wt.remaining," remaining"),wt.newIssues>0&&Je.createElement(bx,{variant:"new"},"\u{1F195} ",wt.newIssues," new"),Je.createElement(zX,null,"Iteration ",T?.iterationNumber||1)),Je.createElement(wx,null,Je.createElement(cT,{issues:j,modelId:Y,complianceScore:ye,visualSimilarity:de,costUsd:Fe,reviewDurationMs:ge,inputTokens:Le,outputTokens:pe,cacheCreationTokens:Pt,cacheReadTokens:qt,onToggleSelection:a,onSelectAll:An,onSelectNone:je,onSelectAllFixes:Qe,onGenerateFixes:Nt,onApplyFixes:kr,onApplyFix:V,onCopyAllFixes:re,onDismiss:d,onUndismiss:f,isGenerating:E,isApplying:N,isCopying:M,applyFixesResult:s,onDismissResult:()=>u(null),generationTiming:b,generationUsage:C,hasReviewBeenRun:!c&&!!T,isLoadingReview:I,isReviewing:g,isChecking:p,isNewReviewMode:c,generationProgress:F,autoApplySupported:_,selfReview:A})),!c&&!p&&R.length>0&&Je.createElement(DX,null,Je.createElement(_X,null,Je.createElement(NX,{onClick:()=>x(!S)},Je.createElement("span",null,S?"\u25BC":"\u25B6"),Je.createElement("span",null,"Filtered out"),Je.createElement($X,null,R.length),Je.createElement(JX,null,ee.postAiValidation>0&&Je.createElement("span",null,"\u2699\uFE0F ",ee.postAiValidation),ee.aiValidation>0&&Je.createElement("span",null,"\u2726 ",ee.aiValidation),ee.user>0&&Je.createElement("span",null,"\u{1F464} ",ee.user))),Je.createElement(OX,{onClick:le},O?"\u2713 Copied!":"Copy")),S&&Je.createElement(HX,null,(()=>{let U=R.reduce((we,fe)=>{let xe=KX(fe.dismissReason);return we[xe]||(we[xe]=[]),we[xe].push(fe),we},{}),ie=["HUG/FILL Sizing","Sub-pixel Differences","Values Match","No Fix Needed","Other"];return Object.keys(U).sort((we,fe)=>ie.indexOf(we)-ie.indexOf(fe)).map(we=>Je.createElement(Je.Fragment,{key:we},Je.createElement(qX,null,we,Je.createElement(YX,null,U[we].length)),U[we].map(fe=>Je.createElement(UX,{key:fe.id},Je.createElement(jX,null,Je.createElement(XX,{phase:fe.dismissedBy||vx(fe.dismissReason)||"post-ai-validation"},QX(fe.dismissedBy,fe.dismissReason)," ",dT(fe.dismissedBy,fe.dismissReason)),Je.createElement(VX,{onClick:()=>f(fe.id),title:"Restore to active issues"},"\u21A9 Restore")),Je.createElement(WX,null,"[",fe.severity.toUpperCase(),"]"," ",fe.title||fe.description),fe.dismissReason&&(()=>{let{categoryId:xe,note:Qt}=pT(fe.dismissReason),Pe=xe?Gd[xe]:null;return Je.createElement(GX,null,Pe?Je.createElement(Je.Fragment,null,Pe.icon," ",Pe.label,Qt?` \u2014 ${Qt}`:""):uT(fe.dismissReason))})()))))})())))};var oJ=Ul.div({marginTop:"20px"}),iJ=Ul.div(({theme:e})=>({display:"flex",alignItems:"center",borderBottom:`1px solid ${e.appBorderColor}`,marginBottom:"16px"})),aJ=Ul.div({display:"flex",alignItems:"center"}),Sx=Ul(Qo)({padding:"10px 16px"}),sJ=Ul.div({minHeight:"200px"}),kx=()=>{let{reviewDetailTab:e,setReviewDetailTab:t,multiModelResults:r,selectedModels:n,userRole:o,roleOverride:i}=ue(),s=(i??o)==="admin",u=n.length>1||r&&Object.keys(r.byModel).length>1;return nJ(()=>{!s&&(e==="chat"||e==="prompt")&&t("issues")},[s,e,t]),go.createElement(oJ,null,go.createElement(iJ,null,go.createElement(aJ,null,s&&go.createElement(Sx,{active:e==="prompt",onClick:()=>t("prompt")},"Prompt"),s&&go.createElement(Sx,{active:e==="chat",onClick:()=>t("chat")},u?"Models":"Chat"),go.createElement(Sx,{active:e==="issues",onClick:()=>t("issues")},"Issues"))),go.createElement(sJ,null,s&&e==="chat"&&(u?go.createElement(u8,null):go.createElement(cx,null)),e==="issues"&&go.createElement(gT,null),s&&e==="prompt"&&go.createElement(lx,null)))};Se();import W,{useState as Ti,useRef as Tx,useEffect as fT,useMemo as mT}from"react";import{createPortal as dJ}from"react-dom";import{styled as ht,useTheme as pJ}from"storybook/theming";De();Ue();var qd={enableIssueTracking:!1,enableAutoFix:!1,enableFileModification:!1,enableMultiModelComparison:!0,enableBulkFixApplication:!1,enableFixUndo:!1,enableHoverHighlight:!0,enableEvaluationFixtures:!1,enableDebugMode:!1},jl="uicopilot_feature_flags";function Cx(){try{let e=localStorage.getItem(jl);if(e){let t=JSON.parse(e);return{...qd,...t}}}catch(e){w.warn("[FeatureFlags] Failed to load from localStorage:",e)}return qd}function lJ(e,t){try{let n={...Cx(),[e]:t},o={};for(let i in n){let a=i;n[a]!==qd[a]&&(o[a]=n[a])}Object.keys(o).length>0?localStorage.setItem(jl,JSON.stringify(o)):localStorage.removeItem(jl),w.debug(`[FeatureFlags] Set ${e} = ${t}`)}catch(r){w.error("[FeatureFlags] Failed to set flag:",r)}}function cJ(){try{localStorage.removeItem(jl),w.debug("[FeatureFlags] Reset to defaults")}catch(e){w.error("[FeatureFlags] Failed to reset:",e)}}function Ix(e){return Cx()[e]}function uJ(){let e=Object.keys(qd).reduce((t,r)=>({...t,[r]:!0}),{});try{localStorage.setItem(jl,JSON.stringify(e)),w.debug("[FeatureFlags] All features enabled! Reload to apply.")}catch(t){w.error("[FeatureFlags] Failed to enable all features:",t)}}typeof window<"u"&&(window.uicopilot={...window.uicopilot,featureFlags:{get:Cx,set:lJ,reset:cJ,enableAll:uJ,isEnabled:Ix}});Ue();ut();var Vl=ht.div({marginTop:"20px"}),gJ=e=>{if(!e)return null;let t=new Date(e);return isNaN(t.getTime())?null:t.toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})},Yd=ht.div({display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"12px",flexWrap:"wrap",gap:"8px"}),Kd=ht.div({display:"flex",alignItems:"center",gap:"12px"}),Wl=ht.div(({theme:e})=>({fontSize:"10px",fontWeight:e.typography.weight.bold,letterSpacing:"0.06em",textTransform:"uppercase",color:e.color.mediumdark})),fJ=ht.span(({theme:e})=>({fontSize:"11px",fontWeight:400,color:e.color.warning,whiteSpace:"nowrap"})),Vke=ht.div({display:"flex",gap:"8px"}),Wke=ht.button(({active:e,theme:t})=>({padding:"4px 12px",backgroundColor:e?t.color.secondary:"transparent",color:e?"#fff":t.color.mediumdark,border:`1px solid ${e?t.color.secondary:t.appBorderColor}`,borderRadius:"4px",fontSize:"11px",fontWeight:500,cursor:"pointer",transition:"all 0.2s","&:hover":{opacity:.9}})),hT=ht.div(({theme:e,layout:t})=>({display:t==="side-by-side"?"grid":"flex",gridTemplateColumns:t==="side-by-side"?"minmax(0, 1fr) minmax(0, 1fr)":void 0,gap:t==="side-by-side"?`${e.layoutMargin}px`:0,position:"relative",width:"100%",justifyContent:t==="overlay"?"center":void 0})),Gl=ht.div(({theme:e,zoomed:t})=>({position:"relative",border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius*2,overflow:"hidden",backgroundColor:e.background.content,minHeight:"60px",maxHeight:t?"400px":"150px",display:"flex",alignItems:"center",justifyContent:"center",transition:"max-height 0.2s ease, box-shadow 0.2s ease",boxShadow:t?"0 8px 30px rgba(0, 0, 0, 0.15)":"none","& img":t?{maxWidth:"100%",maxHeight:"400px"}:void 0,"&:hover .tile-actions, &:focus-within .tile-actions":{opacity:1}})),ql=ht.div(({theme:e})=>({position:"absolute",top:"6px",left:"6px",display:"inline-flex",alignItems:"center",gap:"5px",backgroundColor:e.base==="dark"?"rgba(30, 30, 38, 0.82)":"rgba(255, 255, 255, 0.9)",color:e.color.defaultText,padding:"2px 6px",borderRadius:e.appBorderRadius,backdropFilter:"blur(4px)",fontSize:"10px",fontWeight:500,letterSpacing:"0.02em",zIndex:10})),Yl=ht.div(({alwaysVisible:e})=>({position:"absolute",top:"6px",right:"6px",display:"flex",gap:"4px",zIndex:10,opacity:e?1:0,transition:"opacity 0.15s"})),Ei=ht.button(({theme:e,destructive:t})=>({width:"20px",height:"20px",padding:"0",backgroundColor:"transparent",border:"none",borderRadius:e.appBorderRadius,color:t?e.color.negative:e.color.mediumdark,cursor:"pointer",display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"all 0.15s","&:hover:not(:disabled)":{color:t?e.color.negative:e.color.defaultText,backgroundColor:e.background.content},"&:disabled":{opacity:.5,cursor:"not-allowed"}})),mJ=ht.img(({opacity:e=1})=>({maxWidth:"150px",maxHeight:"150px",height:"auto",display:"block",objectFit:"contain",opacity:e})),hJ=ht.div(({theme:e})=>({position:"fixed",zIndex:1e4,width:"256px",backgroundColor:e.background.content,border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius,boxShadow:"0 8px 24px rgba(0,0,0,0.16)",overflow:"hidden"})),xJ=ht.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"6px",padding:"8px 10px",borderBottom:`1px solid ${e.appBorderColor}`,backgroundColor:e.background.app,fontSize:"11px",fontWeight:e.typography.weight.bold,letterSpacing:"0.06em",textTransform:"uppercase",color:e.color.mediumdark})),yJ=ht.table(({theme:e})=>({width:"100%",borderCollapse:"collapse",fontSize:"11px",fontFamily:e.typography.fonts.mono})),bJ=ht.tr(({theme:e})=>({borderBottom:`1px solid ${e.appBorderColor}`,"&:last-of-type":{borderBottom:"none"}})),wJ=ht.td(({theme:e})=>({padding:"6px 10px",color:e.color.mediumdark,whiteSpace:"nowrap",verticalAlign:"top"})),vJ=ht.td(({theme:e})=>({padding:"6px 10px",color:e.color.defaultText,fontWeight:e.typography.weight.bold,textAlign:"right",wordBreak:"break-all"})),SJ=ht.div(({theme:e})=>({padding:"10px",fontSize:"11px",color:e.color.mediumdark})),kJ=ht.a(({theme:e})=>({display:"block",padding:"8px 10px",borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.background.app,fontSize:"11px",fontWeight:e.typography.weight.bold,color:e.color.secondary,textAlign:"center",textDecoration:"none",cursor:"pointer","&:hover":{textDecoration:"underline"}})),CJ=ht.img({display:"block",objectFit:"contain",maxHeight:"150px",maxWidth:"150px"}),IJ=ht.div({position:"relative",display:"inline-block",maxHeight:"150px",overflow:"hidden"}),Gke=ht.svg(({isVisible:e})=>({position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",opacity:e?1:0,transition:"opacity 150ms ease-in",...!e&&{transition:"opacity 100ms ease-out"}})),TJ=ht.div({position:"relative",display:"inline-block"}),qke=ht.div(({width:e,height:t,theme:r})=>({position:"relative",width:e?`${e}px`:"auto",height:t?`${t}px`:"auto",border:`1px solid ${r.appBorderColor}`,borderRadius:"4px",overflow:"hidden",backgroundColor:r.background.app})),EJ=ht.img({display:"block",maxWidth:"100%",height:"auto",objectFit:"contain"}),RJ=ht.img({position:"absolute",top:"0",left:"0",pointerEvents:"none"}),AJ=ht.div({marginTop:"12px",display:"flex",alignItems:"center",gap:"12px"}),FJ=ht.div(({theme:e})=>({fontSize:"11px",color:e.color.mediumdark,minWidth:"80px"})),PJ=ht.input({flex:1}),Ex=ht.div(({theme:e})=>({padding:"40px",textAlign:"center",color:e.color.mediumdark,fontSize:"13px",border:`1px dashed ${e.appBorderColor}`,borderRadius:"4px"})),Yke=ht.div(({theme:e})=>({padding:"40px",textAlign:"center",color:e.color.mediumdark,fontSize:"13px"})),Rx=ht.div({display:"grid",gridTemplateColumns:"1fr 1fr",gap:"12px"}),ra=ht.div(({theme:e})=>({position:"relative",border:`1px solid ${e.appBorderColor}`,borderRadius:"8px",overflow:"hidden",backgroundColor:e.background.content,minHeight:"80px",maxHeight:"120px",display:"flex",alignItems:"center",justifyContent:"center","&::before":{content:'""',position:"absolute",top:0,left:"-100%",width:"100%",height:"100%",background:e.base==="dark"?"linear-gradient(90deg, transparent, rgba(255,255,255,0.04), transparent)":"linear-gradient(90deg, transparent, rgba(0,0,0,0.04), transparent)",animation:"shimmer 1.5s ease-in-out infinite",pointerEvents:"none"},"@keyframes shimmer":{"0%":{left:"-100%"},"100%":{left:"100%"}}})),na=ht.div({textAlign:"center",zIndex:1}),oa=ht.div(({theme:e})=>({width:"32px",height:"32px",border:`3px solid ${e.appBorderColor}`,borderTop:`3px solid ${e.color.secondary}`,borderRadius:"50%",animation:"spin 1s linear infinite",marginBottom:"12px","@keyframes spin":{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}})),ia=ht.div(({theme:e})=>({fontSize:"13px",color:e.color.mediumdark,fontWeight:500})),Ax=({isLoading:e=!1,isLoadingFigma:t=!1,isLoadingStorybook:r=!1})=>{let n=pJ(),{currentMapping:o,loadingMapping:i,currentStoryArgs:a,framesCache:s}=gt(),{figmaImageUrl:u,storybookImageUrl:c,figmaDimensions:l,setFigmaImageUrl:p,hoveredIssueId:g,reviewHistory:d,currentReviewId:f,isReviewing:y,isValidating:I,isNewReviewMode:S}=ue(),{selectedProjectId:x}=Ke(),{sessionToken:M}=he(),{openComponentBrowser:z}=Xs(),{hasMapping:O,deleteMapping:L,setCurrentMapping:_}=$i(),m=Ix("enableHoverHighlight"),[v,k]=Ti("side-by-side"),[E,h]=Ti(.5),[b,F]=Ti(!1),[C,A]=Ti(!1),[B,P]=Ti(!1),[N,T]=Ti(null),D=je=>Qe=>{let pt=Qe.currentTarget.getBoundingClientRect();T(Nt=>Nt?.kind===je?null:{kind:je,top:pt.bottom+6,left:Math.max(8,pt.right-240)})};fT(()=>{if(!N)return;let je=()=>T(null),Qe=Nt=>{Nt.key==="Escape"&&T(null)},pt=window.setTimeout(()=>{window.addEventListener("mousedown",je),window.addEventListener("scroll",je,!0),window.addEventListener("keydown",Qe)},0);return()=>{window.clearTimeout(pt),window.removeEventListener("mousedown",je),window.removeEventListener("scroll",je,!0),window.removeEventListener("keydown",Qe)}},[N]);let H=async()=>{P(!1);try{let je=o?.id;je&&await L(je),_(null)}catch(je){w.error("[ScreenshotComparison] Failed to unlink:",je)}},R=f?d.find(je=>je.id===f):void 0,ee=S||!f,j=y||I||ee,Y=j?u||R?.figmaImageData||null:R?.figmaImageData||u||null,X=j?c||R?.storybookImageData||null:R?.storybookImageData||c||null,te=!!f&&!!Y,Te=mT(()=>{if(!R)return!1;let je=d.filter(Qe=>Qe.storyId===R.storyId&&!Qe.parentReviewId).sort((Qe,pt)=>new Date(pt.createdAt).getTime()-new Date(Qe.createdAt).getTime())[0];return!!je&&je.id!==R.id},[R,d]);fT(()=>{A(!1)},[Y]);let[ye,de]=Ti(null),[Fe,ge]=Ti(null),Le=Tx(null),pe=Tx(null),Pt=Tx(null),qt=mT(()=>{if(!m||!g||!f)return null;let je=d.find(Qe=>Qe.id===f);return je?.issues&&je.issues.find(Qe=>Qe.id===g)||null},[g,f,d]),Mt=je=>{let Qe=je.currentTarget;A(!0),!kt.getState().figmaDimensions&&Qe.naturalWidth&&Qe.naturalHeight&&kt.getState().setFigmaDimensions({width:Qe.naturalWidth,height:Qe.naturalHeight}),requestAnimationFrame(()=>{if(pe.current){let{clientWidth:Nt,clientHeight:kr}=pe.current;Nt&&kr&&ge({width:Nt,height:kr})}})},wt=()=>{requestAnimationFrame(()=>{if(Le.current){let{clientWidth:je,clientHeight:Qe}=Le.current;je&&Qe&&de({width:je,height:Qe})}})},An=async()=>{if(!(!x||!M)){F(!0);try{let je=K();await Q(`${je}/api/figma/frames/invalidate?projectId=${x}`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${M}`},credentials:"include"}),p(null),w.debug("Figma cache cleared, image will reload on next review")}catch(je){w.error("Failed to refresh Figma:",je)}finally{F(!1)}}};return e?W.createElement(Vl,null,W.createElement(Yd,null,W.createElement(Kd,null,W.createElement(Wl,null,"Screenshots from this review"))),W.createElement(Rx,null,W.createElement(ra,null,W.createElement(na,null,W.createElement(oa,null),W.createElement(ia,null,"Loading Figma..."))),W.createElement(ra,null,W.createElement(na,null,W.createElement(oa,null),W.createElement(ia,null,"Loading Storybook..."))))):!Y&&!X&&!o?i?W.createElement(Vl,null,W.createElement(Yd,null,W.createElement(Kd,null,W.createElement(Wl,null,"Screenshots from this review"))),W.createElement(Rx,null,W.createElement(ra,null,W.createElement(na,null,W.createElement(oa,null),W.createElement(ia,null,"Loading..."))))):W.createElement(Vl,null,W.createElement(Wl,null,"Screenshots from this review"),W.createElement(Gl,null,W.createElement(ql,null,W.createElement(Po,null)," Figma"),W.createElement(Yl,{alwaysVisible:!0,className:"tile-actions"},W.createElement(Ei,{accent:n.color.secondary,onClick:z,disabled:!x,title:"Browse Figma to map this component","aria-label":"Browse Figma to map this component"},W.createElement(gs,null))),W.createElement(Ex,{style:{border:"none",padding:"20px 16px",lineHeight:"1.6"}},W.createElement("div",{style:{fontSize:"14px",marginBottom:"6px"}},"\u2728 This story isn't linked to a Figma frame yet"),W.createElement("div",{style:{fontSize:"12px",opacity:.75}},"Click the \u{1F50D} above to browse your Figma file and pick a matching frame. Once linked, run a Review to compare your code with the design.")))):!Y&&!X?W.createElement(Vl,null,W.createElement(Yd,null,W.createElement(Kd,null,W.createElement(Wl,null,"Screenshots from this review"))),W.createElement(Rx,null,W.createElement(ra,null,W.createElement(na,null,W.createElement(oa,null),W.createElement(ia,null,"Loading..."))))):W.createElement(Vl,{ref:Pt},W.createElement(Yd,null,W.createElement(Kd,null,W.createElement(Wl,null,"Screenshots"),!ee&&Te&&R&&(()=>{let je=gJ(R.createdAt);return je?W.createElement(fJ,{title:"You're viewing an older review \u2014 these screenshots are a past snapshot, not the latest"},"Older snapshot \xB7 ",je):null})())),v==="side-by-side"?W.createElement(hT,{layout:"side-by-side"},(o||te)&&Y&&!t?W.createElement(Gl,null,W.createElement(ql,null,W.createElement(Po,null)," Figma"),W.createElement(Yl,{alwaysVisible:!0,className:"tile-actions"},W.createElement(Ei,{accent:n.color.secondary,onClick:D("figma"),title:"Figma properties","aria-label":"Figma properties"},W.createElement(up,null)),W.createElement(Ei,{accent:n.color.secondary,onClick:z,title:O?"Browse Figma \u2014 change mapping":"Browse Figma to map this component","aria-label":"Browse Figma"},W.createElement(gs,null)),W.createElement(Ei,{accent:n.color.positive,onClick:An,disabled:b,title:"Refresh Figma cache and reload image","aria-label":"Refresh Figma cache"},W.createElement(ry,null)),O&&W.createElement(Ei,{accent:n.color.negative,destructive:!0,onClick:()=>P(!0),title:"Unlink Figma mapping","aria-label":"Unlink Figma mapping"},W.createElement(ty,null))),W.createElement(IJ,null,W.createElement(CJ,{ref:pe,src:Y,alt:"Figma design",onLoad:Mt,style:{opacity:C?1:0,transition:"opacity 150ms ease-in"}}))):o&&!Y&&!t?W.createElement(Gl,null,W.createElement(ql,null,W.createElement(Po,null)," Figma"),W.createElement(Yl,{alwaysVisible:!0,className:"tile-actions"},W.createElement(Ei,{accent:n.color.secondary,onClick:z,disabled:!x,title:"Change Figma mapping","aria-label":"Change Figma mapping"},W.createElement(gs,null))),W.createElement(Ex,{style:{border:"none",padding:"16px"}},"Figma image unavailable. Try mapping to a specific variant.")):!o&&!i?W.createElement(Gl,null,W.createElement(ql,null,W.createElement(Po,null)," Figma"),W.createElement(Yl,{alwaysVisible:!0,className:"tile-actions"},W.createElement(Ei,{accent:n.color.secondary,onClick:z,disabled:!x,title:"Browse Figma to map this component","aria-label":"Browse Figma to map this component"},W.createElement(gs,null))),W.createElement(Ex,{style:{border:"none",padding:"16px"}},"No Figma mapping.")):W.createElement(ra,null,W.createElement(na,null,W.createElement(oa,null),W.createElement(ia,null,t?"Refreshing Figma...":"Loading Figma..."))),X&&!r?W.createElement(Gl,null,W.createElement(ql,null,W.createElement(dp,null)," Storybook"),W.createElement(Yl,{alwaysVisible:!0,className:"tile-actions"},W.createElement(Ei,{accent:n.color.secondary,onClick:D("storybook"),title:"Storybook args","aria-label":"Storybook args"},W.createElement(up,null))),W.createElement(mJ,{ref:Le,src:X,alt:"Storybook component",onLoad:wt})):W.createElement(ra,null,W.createElement(na,null,W.createElement(oa,null),W.createElement(ia,null,r?"Refreshing Storybook...":"Loading Storybook...")))):W.createElement(W.Fragment,null,W.createElement(hT,{layout:"overlay"},W.createElement(TJ,null,Y&&X?W.createElement(W.Fragment,null,W.createElement("div",{style:{position:"relative",display:"inline-block",border:"1px solid #ccc",borderRadius:"4px",overflow:"hidden"}},W.createElement(EJ,{ref:Le,src:X,alt:"Storybook component",onLoad:wt,style:{maxHeight:"150px"}}),ye&&W.createElement(RJ,{src:Y,alt:"Figma design overlay",style:{opacity:E,width:ye.width,height:ye.height,objectFit:"fill"}})),W.createElement("div",{style:{fontSize:"10px",color:n.color.mediumdark,marginTop:"8px",textAlign:"center"}},W.createElement("span",{style:{color:"#1ea7fd"}},"Storybook (base)")," + ",W.createElement("span",{style:{color:"#667eea"}},"Figma (overlay)"),ye&&` \u2022 ${ye.width}\xD7${ye.height}px`)):W.createElement(ra,null,W.createElement(na,null,W.createElement(oa,null),W.createElement(ia,null,"Loading Images..."))))),X&&Y&&W.createElement(AJ,null,W.createElement(FJ,null,"Figma Opacity:"),W.createElement(PJ,{type:"range",min:"0",max:"1",step:"0.01",value:E,onChange:je=>h(parseFloat(je.target.value))}),W.createElement("span",null,Math.round(E*100),"%"))),W.createElement(wo,{isOpen:B,title:"Unlink Figma Mapping",message:"Unlink this story from its Figma mapping?",confirmLabel:"Unlink",variant:"danger",onConfirm:H,onCancel:()=>P(!1)}),N&&dJ((()=>{let je=N.kind==="figma",Qe=o?.figmaNodeId,pt=(Pe,Yt)=>{for(let Cr of Pe){if(Cr.id===Yt)return Cr;if(Cr.children){let aa=pt(Cr.children,Yt);if(aa)return aa}}return null},Nt=Qe&&s?.frames?pt(s.frames,Qe):null,kr=R,V=kr?.figmaComponentProperties?Object.entries(kr.figmaComponentProperties):[],re=V.length>0?V:Nt?.variantProperties?Object.entries(Nt.variantProperties).map(([Pe,Yt])=>[Pe,Yt]):kr?.figmaVariant?[["Variant",kr.figmaVariant]]:[],le=o?.figmaFileUrl||kr?.figmaFileUrl,U=le&&Qe?`${le}${le.includes("?")?"&":"?"}node-id=${Qe.replace(":","-")}`:null,ie=Fe||l,me=Pe=>Pe?.width&&Pe?.height?`${Math.round(Pe.width)}\xD7${Math.round(Pe.height)}`:"",we=Pe=>{if(Pe==null||typeof Pe=="function")return null;if(typeof Pe=="boolean")return Pe?"true":"false";if(typeof Pe=="number")return String(Pe);if(typeof Pe=="string")return Pe;try{return JSON.stringify(Pe)}catch{return String(Pe)}},fe=a?Object.entries(a).map(([Pe,Yt])=>[Pe,we(Yt)]).filter(Pe=>Pe[1]!==null):[],Qt=(je?[["Frame",Nt?.name||""],...re,["Node",Qe||""],["Size",me(ie)]]:[...fe,["Size",me(ye)]]).filter(([,Pe])=>Pe);return W.createElement(hJ,{style:{top:N.top,left:N.left},onMouseDown:Pe=>Pe.stopPropagation()},W.createElement(xJ,null,je?W.createElement(Po,null):W.createElement(dp,null),je?"Figma properties":"Storybook args"),Qt.length>0?W.createElement(yJ,null,W.createElement("tbody",null,Qt.map(([Pe,Yt])=>W.createElement(bJ,{key:Pe},W.createElement(wJ,null,Pe),W.createElement(vJ,null,Yt))))):W.createElement(SJ,null,"No properties available yet."),je&&U&&W.createElement(kJ,{href:U,target:"_blank",rel:"noopener noreferrer"},"Open in Figma \u2197"))})(),document.body))};Se();ut();var MJ=Ao.div({height:"100%"}),Xd=Ao.div({marginBottom:"20px"}),LJ=Ao.div(({theme:e})=>({padding:"12px",backgroundColor:e.background.negative||"#fee2e2",border:`1px solid ${e.color.negative||"#fca5a5"}`,borderRadius:"6px",color:e.color.negative||"#991b1b",fontSize:"13px",marginBottom:"16px",display:"flex",alignItems:"flex-start",gap:"8px"})),BJ=Ao.span({fontSize:"16px",flexShrink:0}),zJ=Ao.div(({theme:e})=>({padding:"10px 12px",backgroundColor:`${e.color.warning}1a`,border:`1px solid ${e.color.warning}`,borderRadius:"6px",color:e.color.warning,fontSize:e.typography.size.s2,marginBottom:"16px",display:"flex",alignItems:"center",gap:"8px",lineHeight:1.4})),DJ=Ao.div({flex:1}),_J=Ao.div(({theme:e})=>({display:"flex",alignItems:"center",gap:`${e.layoutMargin*.6}px`,padding:`${e.layoutMargin*.6}px ${e.layoutMargin}px`,marginBottom:`${e.layoutMargin}px`,backgroundColor:`${e.color.warning}14`,border:`1px solid ${e.color.warning}55`,borderRadius:e.appBorderRadius,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:1.4})),NJ=Ao.span(({theme:e})=>({color:e.color.warning,flexShrink:0})),OJ=Ao.span({flex:1}),$J=Ao.button(({theme:e})=>({flexShrink:0,padding:`${e.layoutMargin*.3}px ${e.layoutMargin*.8}px`,fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,border:`1px solid ${e.color.warning}`,borderRadius:e.appBorderRadius,backgroundColor:"transparent",color:e.color.warning,cursor:"pointer",whiteSpace:"nowrap","&:hover":{backgroundColor:`${e.color.warning}1a`}})),Fx=()=>{let{reviewError:e,getCurrentReview:t,requestReviewRetry:r,setReviewError:n}=ue(),o=t(),{showComponentBrowser:i,closeComponentBrowser:a,figmaFileUrl:s}=Xs(),{selectedProjectId:u}=In(),{setCurrentMapping:c}=$i(),{currentStoryId:l,currentStoryName:p}=gt(),{isLoadingScreenshots:g,isLoadingFigma:d,isLoadingStorybook:f,screenshotError:y,setFigmaImageDirect:I}=_i(),S=async x=>{w.debug("[ReviewPanel] handleSelectFrame CALLED with frame:",x),w.debug("[ReviewPanel] frame.id:",x?.id);let M=kt.getState(),z=M.selectedProjectId,O=M.currentStoryId,L=M.currentStoryName,_=M.figmaFileUrl;w.debug("[ReviewPanel] selectedProjectId (from store):",z),w.debug("[ReviewPanel] currentStoryId (from store):",O),w.debug("[ReviewPanel] currentStoryName (from store):",L),x.thumbnail&&O&&(w.debug("[ReviewPanel] Setting Figma image directly BEFORE mapping save (instant display)"),I(O,x.id,x.thumbnail));try{let m=K(),v=localStorage.getItem("uicopilot_session_token");if(w.debug("[ReviewPanel] sessionToken exists:",!!v),w.debug("[ReviewPanel] dashboardUrl:",m),!v||!z||!O){w.error("[ReviewPanel] Missing required data for saving mapping:",{hasSessionToken:!!v,selectedProjectId:z,currentStoryId:O});return}let k=_?.match(/\/file\/([^\/]+)/)?.[1]||void 0;w.debug("[ReviewPanel] Making POST to /api/mappings with:",{projectId:z,storyId:O,name:L,figmaNodeId:x.id,figmaFileKey:k});let E=await Q(`${m}/api/mappings`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${v}`},body:JSON.stringify({projectId:z,storyId:O,name:L,figmaNodeId:x.id,figmaFileKey:k})});if(E.ok){let h=await E.json();h.mapping&&(c(h.mapping),kt.getState().setNewReviewMode(!0),x.thumbnail||(w.debug("[ReviewPanel] No thumbnail available, triggering fetch"),kt.getState().triggerScreenshotRefresh()),n(null),w.debug("[ReviewPanel] Mapping saved successfully:",h.mapping))}else{let h=await E.text();w.error("[ReviewPanel] Failed to save mapping:",h)}}catch(m){w.error("[ReviewPanel] Error saving mapping:",m)}};return ir.createElement(MJ,null,ir.createElement(Xd,null,ir.createElement(i5,null)),ir.createElement(Xd,null,ir.createElement(t7,null)),e&&ir.createElement(_J,null,ir.createElement(NJ,null,"\u26A0"),ir.createElement(OJ,null,e),ir.createElement($J,{onClick:r},"Retry")),y&&ir.createElement(LJ,null,ir.createElement(BJ,null,"\u26A0\uFE0F"),ir.createElement(DJ,null,"Screenshot loading error: ",y)),o?.variantMismatch&&ir.createElement(zJ,null,ir.createElement("span",{style:{fontSize:16,flexShrink:0}},"\u26A0"),ir.createElement("span",null,ir.createElement("strong",null,"Variant mismatch:")," Storybook is showing"," ",ir.createElement("strong",null,o.storybookVariant)," but Figma frame is"," ",ir.createElement("strong",null,o.figmaVariant),". Some differences may be expected.")),ir.createElement(Xd,null,ir.createElement(Ax,{isLoading:g,isLoadingFigma:d,isLoadingStorybook:f})),!e&&ir.createElement(Xd,null,ir.createElement(kx,null)),ir.createElement(Ua,{isOpen:i,onClose:a,onSelect:S,figmaFileUrl:s||"",projectId:u||void 0}))};Se();Ue();De();ut();import{useEffect as xT,useState as HJ,useRef as Px,useCallback as UJ}from"react";var jJ=K(),VJ=2e3;function yT(){let{sessionToken:e,usageData:t,setUsageData:r}=he(),[n,o]=HJ(null),i=Px(null),a=Px(!1),s=Px(0);xT(()=>{t?.creditBalance!==void 0&&i.current===null&&(i.current=t.creditBalance)},[t?.creditBalance]);let u=UJ(()=>{o(null)},[]);return xT(()=>{if(!e)return;let c=async()=>{let p=Date.now();if(a.current||p-s.current<VJ){w.debug("[useBalanceRefresh] Skipping refresh (debounced or in progress)");return}a.current=!0,s.current=p;try{w.debug("[useBalanceRefresh] Refreshing balance...");let g=await Q(`${jJ}/api/addon/account`,{headers:{Authorization:`Bearer ${e}`}});if(g.ok){let d=await g.json(),f=d.creditBalance,y=i.current;if(y!==null&&f>y){let I=f-y;o({message:`Credits added! +${Math.floor(I)} credit(s)`,previousBalance:y,newBalance:f}),w.debug("[useBalanceRefresh] Credits added:",I)}i.current=f,r(d),w.debug("[useBalanceRefresh] Balance updated:",f)}}catch(g){w.error("[useBalanceRefresh] Failed to refresh:",g)}finally{a.current=!1}},l=()=>{document.visibilityState==="visible"&&c()};return document.addEventListener("visibilitychange",l),()=>{document.removeEventListener("visibilitychange",l)}},[e,r]),{notification:n,dismissNotification:u}}Se();import{useState as WJ,useEffect as bT,useCallback as GJ}from"react";var Mx="uicopilot_onboarded";function qJ(){try{return localStorage.getItem(Mx)==="1"}catch{return!1}}function YJ(){try{localStorage.setItem(Mx,"1")}catch{}}function KJ(){try{localStorage.removeItem(Mx)}catch{}}function wT(){let{isConnected:e}=he(),{projects:t,selectedProjectId:r}=Ke(),[n,o]=WJ(qJ),i=GJ(()=>{YJ(),o(!0)},[]),a=t.find(u=>u.id===r),s=e&&!!r&&!!a?.figmaFileId&&!!a?.figmaFramesCacheUrl;return bT(()=>{s&&!n&&i()},[s,n,i]),bT(()=>{!e&&n&&(KJ(),o(!1))},[e,n]),{onboarded:n,dismiss:i}}dr();Se();Se();De();Ue();ut();Mm();import{useCallback as vT,useEffect as ST,useRef as Lx}from"react";var XJ=300*1e3,JJ=1500,Dx="uicopilot_feature_flags_fetched_at_v4";function QJ(){if(typeof localStorage>"u")return!1;try{let e=localStorage.getItem(Dx);if(!e)return!1;let t=parseInt(e,10);return Number.isNaN(t)?!1:Date.now()-t<XJ}catch{return!1}}var Bx=null,zx=null;function kT(){let{setFeatureFlags:e,setUserRole:t,roleOverride:r}=ue(),{sessionToken:n,resetAuth:o,clearGuestSession:i}=he(),a=Lx(null),s=Lx(n);s.current=n;let u=Lx(r);u.current=r;let c=vT(async(p,g)=>{if(zx!==p){zx=p;try{if(await new Promise(f=>setTimeout(f,JJ)),s.current!==p)return;let d=!1;try{d=(await Q(g,{headers:{Authorization:`Bearer ${p}`}})).status===401}catch{d=!1}d&&s.current===p?(w.warn("[useFeatureFlags] guest token confirmed dead (401 twice) \u2014 clearing to start screen"),i()):w.debug("[useFeatureFlags] guest 401 not confirmed \u2014 session kept")}finally{zx=null}}},[i]),l=vT(p=>{if(QJ()){w.debug("[useFeatureFlags] Cache fresh, skipping fetch");return}if(Bx){w.debug("[useFeatureFlags] Reusing in-flight fetch");return}let g=`${K()}/api/addon/flags`;Bx=Q(g,{headers:{Authorization:`Bearer ${p}`}}).then(d=>{if(d.status===401||d.status===403)throw p.startsWith("uic_anon_")?(d.status===401&&c(p,g),w.warn("[useFeatureFlags] guest flags 401/403 \u2014 keeping session (confirming before any clear)"),new Error("flags rejected (guest \u2014 session kept)")):(w.debug("[useFeatureFlags] Token rejected, resetting auth"),o(),new Error("session token invalid"));if(!d.ok)throw new Error(`flags endpoint returned ${d.status}`);return d.json()}).then(d=>{w.debug("[useFeatureFlags] Received flags:",d);let f={enableFixGeneration:!!d.enableFixGeneration,enableFixApply:!!d.enableFixApply,enableAutoMap:!!d.enableAutoMap,enableAutoFigmaLinking:!!d.enableAutoFigmaLinking,enableReviewBadges:!!d.enableReviewBadges,showCosts:!!d.showCosts,enableParallelReview:!!d.enableParallelReview,enableModelSelection:!!d.enableModelSelection,enableAiReview:!!d.enableAiReview};d.role&&(t(d.role),d.role==="beta"&&_v());let y=u.current,I=d.role==="admin"&&y?Vs[y]:f;e(I);try{localStorage.setItem("uicopilot_feature_flags",JSON.stringify(I)),d.role&&localStorage.setItem("uicopilot_user_role",d.role),localStorage.setItem(Dx,Date.now().toString())}catch{}}).catch(d=>{w.warn("[useFeatureFlags] Failed to fetch flags, keeping last known role:",d.message);try{localStorage.removeItem(Dx)}catch{}}).finally(()=>{Bx=null})},[o,e,t,c]);ST(()=>{!n||n===a.current||(a.current=n,l(n))},[n,l]),ST(()=>{let p=()=>{if(document.visibilityState==="hidden")return;let g=s.current;g&&l(g)};return window.addEventListener("focus",p),document.addEventListener("visibilitychange",p),()=>{window.removeEventListener("focus",p),document.removeEventListener("visibilitychange",p)}},[l])}Se();De();ut();Ue();import{useState as ZJ,useEffect as eQ,useCallback as tQ}from"react";function CT(){let{sessionToken:e}=he(),[t,r]=ZJ(!1),n=tQ(async()=>{if(!e){r(!1);return}try{let o=await Q(`${K()}/api/figma/connection-status`,{headers:{Authorization:`Bearer ${e}`}});if(!o.ok)return;let i=await o.json();r(!!i.expired)}catch(o){w.debug("[useFigmaConnectionStatus] check failed:",o)}},[e]);return eQ(()=>{n()},[n]),{figmaExpired:t,checkFigmaConnection:n}}Se();De();function IT(e){let{sessionToken:t,selectedProjectId:r,selectedProjectLoaded:n,loadingProjects:o,projectsCount:i}=e;return!!t&&!!r&&!n&&(o||i===0)}dr();var nQ={success:"linear-gradient(135deg, #10b981 0%, #059669 100%)",warning:"linear-gradient(135deg, #f59e0b 0%, #d97706 100%)",error:"linear-gradient(135deg, #ef4444 0%, #dc2626 100%)"},oQ=rn.div`
+`;try{await navigator.clipboard.writeText(me+ie),L(!0),setTimeout(()=>L(!1),2e3)}catch(we){w.error("Failed to copy dismissed issues:",we)}};return Je.createElement(MX,null,!c&&!p&&wt&&Je.createElement(LX,null,Je.createElement(BX,null,"\u{1F4CA} Progress:"),Je.createElement(bx,{variant:"resolved"},"\u2705 ",wt.resolved," resolved"),Je.createElement(bx,{variant:"remaining"},"\u23F3 ",wt.remaining," remaining"),wt.newIssues>0&&Je.createElement(bx,{variant:"new"},"\u{1F195} ",wt.newIssues," new"),Je.createElement(zX,null,"Iteration ",T?.iterationNumber||1)),Je.createElement(wx,null,Je.createElement(cT,{issues:j,modelId:Y,complianceScore:ye,visualSimilarity:de,costUsd:Fe,reviewDurationMs:ge,inputTokens:Le,outputTokens:pe,cacheCreationTokens:Pt,cacheReadTokens:qt,onToggleSelection:a,onSelectAll:An,onSelectNone:je,onSelectAllFixes:Qe,onGenerateFixes:Nt,onApplyFixes:kr,onApplyFix:V,onCopyAllFixes:re,onDismiss:d,onUndismiss:f,isGenerating:E,isApplying:N,isCopying:M,applyFixesResult:s,onDismissResult:()=>u(null),generationTiming:b,generationUsage:C,hasReviewBeenRun:!c&&!!T,isLoadingReview:I,isReviewing:g,isChecking:p,isNewReviewMode:c,generationProgress:F,autoApplySupported:_,selfReview:A})),!c&&!p&&R.length>0&&Je.createElement(DX,null,Je.createElement(_X,null,Je.createElement(NX,{onClick:()=>x(!S)},Je.createElement("span",null,S?"\u25BC":"\u25B6"),Je.createElement("span",null,"Filtered out"),Je.createElement($X,null,R.length),Je.createElement(JX,null,ee.postAiValidation>0&&Je.createElement("span",null,"\u2699\uFE0F ",ee.postAiValidation),ee.aiValidation>0&&Je.createElement("span",null,"\u2726 ",ee.aiValidation),ee.user>0&&Je.createElement("span",null,"\u{1F464} ",ee.user))),Je.createElement(OX,{onClick:le},O?"\u2713 Copied!":"Copy")),S&&Je.createElement(HX,null,(()=>{let U=R.reduce((we,fe)=>{let xe=KX(fe.dismissReason);return we[xe]||(we[xe]=[]),we[xe].push(fe),we},{}),ie=["HUG/FILL Sizing","Sub-pixel Differences","Values Match","No Fix Needed","Other"];return Object.keys(U).sort((we,fe)=>ie.indexOf(we)-ie.indexOf(fe)).map(we=>Je.createElement(Je.Fragment,{key:we},Je.createElement(qX,null,we,Je.createElement(YX,null,U[we].length)),U[we].map(fe=>Je.createElement(UX,{key:fe.id},Je.createElement(jX,null,Je.createElement(XX,{phase:fe.dismissedBy||vx(fe.dismissReason)||"post-ai-validation"},QX(fe.dismissedBy,fe.dismissReason)," ",dT(fe.dismissedBy,fe.dismissReason)),Je.createElement(VX,{onClick:()=>f(fe.id),title:"Restore to active issues"},"\u21A9 Restore")),Je.createElement(WX,null,"[",fe.severity.toUpperCase(),"]"," ",fe.title||fe.description),fe.dismissReason&&(()=>{let{categoryId:xe,note:Qt}=pT(fe.dismissReason),Pe=xe?Gd[xe]:null;return Je.createElement(GX,null,Pe?Je.createElement(Je.Fragment,null,Pe.icon," ",Pe.label,Qt?` \u2014 ${Qt}`:""):uT(fe.dismissReason))})()))))})())))};var oJ=Ul.div({marginTop:"20px"}),iJ=Ul.div(({theme:e})=>({display:"flex",alignItems:"center",borderBottom:`1px solid ${e.appBorderColor}`,marginBottom:"16px"})),aJ=Ul.div({display:"flex",alignItems:"center"}),Sx=Ul(Qo)({padding:"10px 16px"}),sJ=Ul.div({minHeight:"200px"}),kx=()=>{let{reviewDetailTab:e,setReviewDetailTab:t,multiModelResults:r,selectedModels:n,userRole:o,roleOverride:i}=ue(),s=(i??o)==="admin",u=n.length>1||r&&Object.keys(r.byModel).length>1;return nJ(()=>{!s&&(e==="chat"||e==="prompt")&&t("issues")},[s,e,t]),go.createElement(oJ,null,go.createElement(iJ,null,go.createElement(aJ,null,s&&go.createElement(Sx,{active:e==="prompt",onClick:()=>t("prompt")},"Prompt"),s&&go.createElement(Sx,{active:e==="chat",onClick:()=>t("chat")},u?"Models":"Chat"),go.createElement(Sx,{active:e==="issues",onClick:()=>t("issues")},"Issues"))),go.createElement(sJ,null,s&&e==="chat"&&(u?go.createElement(u8,null):go.createElement(cx,null)),e==="issues"&&go.createElement(gT,null),s&&e==="prompt"&&go.createElement(lx,null)))};Se();import W,{useState as Ti,useRef as Tx,useEffect as fT,useMemo as mT}from"react";import{createPortal as dJ}from"react-dom";import{styled as ht,useTheme as pJ}from"storybook/theming";De();Ue();var qd={enableIssueTracking:!1,enableAutoFix:!1,enableFileModification:!1,enableMultiModelComparison:!0,enableBulkFixApplication:!1,enableFixUndo:!1,enableHoverHighlight:!0,enableEvaluationFixtures:!1,enableDebugMode:!1},jl="uicopilot_feature_flags";function Cx(){try{let e=localStorage.getItem(jl);if(e){let t=JSON.parse(e);return{...qd,...t}}}catch(e){w.warn("[FeatureFlags] Failed to load from localStorage:",e)}return qd}function lJ(e,t){try{let n={...Cx(),[e]:t},o={};for(let i in n){let a=i;n[a]!==qd[a]&&(o[a]=n[a])}Object.keys(o).length>0?localStorage.setItem(jl,JSON.stringify(o)):localStorage.removeItem(jl),w.debug(`[FeatureFlags] Set ${e} = ${t}`)}catch(r){w.error("[FeatureFlags] Failed to set flag:",r)}}function cJ(){try{localStorage.removeItem(jl),w.debug("[FeatureFlags] Reset to defaults")}catch(e){w.error("[FeatureFlags] Failed to reset:",e)}}function Ix(e){return Cx()[e]}function uJ(){let e=Object.keys(qd).reduce((t,r)=>({...t,[r]:!0}),{});try{localStorage.setItem(jl,JSON.stringify(e)),w.debug("[FeatureFlags] All features enabled! Reload to apply.")}catch(t){w.error("[FeatureFlags] Failed to enable all features:",t)}}typeof window<"u"&&(window.uicopilot={...window.uicopilot,featureFlags:{get:Cx,set:lJ,reset:cJ,enableAll:uJ,isEnabled:Ix}});Ue();ut();var Vl=ht.div({marginTop:"20px"}),gJ=e=>{if(!e)return null;let t=new Date(e);return isNaN(t.getTime())?null:t.toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})},Yd=ht.div({display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"12px",flexWrap:"wrap",gap:"8px"}),Kd=ht.div({display:"flex",alignItems:"center",gap:"12px"}),Wl=ht.div(({theme:e})=>({fontSize:"10px",fontWeight:e.typography.weight.bold,letterSpacing:"0.06em",textTransform:"uppercase",color:e.color.mediumdark})),fJ=ht.span(({theme:e})=>({fontSize:"11px",fontWeight:400,color:e.color.warning,whiteSpace:"nowrap"})),Vke=ht.div({display:"flex",gap:"8px"}),Wke=ht.button(({active:e,theme:t})=>({padding:"4px 12px",backgroundColor:e?t.color.secondary:"transparent",color:e?"#fff":t.color.mediumdark,border:`1px solid ${e?t.color.secondary:t.appBorderColor}`,borderRadius:"4px",fontSize:"11px",fontWeight:500,cursor:"pointer",transition:"all 0.2s","&:hover":{opacity:.9}})),hT=ht.div(({theme:e,layout:t})=>({display:t==="side-by-side"?"grid":"flex",gridTemplateColumns:t==="side-by-side"?"minmax(0, 1fr) minmax(0, 1fr)":void 0,gap:t==="side-by-side"?`${e.layoutMargin}px`:0,position:"relative",width:"100%",justifyContent:t==="overlay"?"center":void 0})),Gl=ht.div(({theme:e,zoomed:t})=>({position:"relative",border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius*2,overflow:"hidden",backgroundColor:e.background.content,minHeight:"60px",maxHeight:t?"400px":"150px",display:"flex",alignItems:"center",justifyContent:"center",transition:"max-height 0.2s ease, box-shadow 0.2s ease",boxShadow:t?"0 8px 30px rgba(0, 0, 0, 0.15)":"none","& img":t?{maxWidth:"100%",maxHeight:"400px"}:void 0,"&:hover .tile-actions, &:focus-within .tile-actions":{opacity:1}})),ql=ht.div(({theme:e})=>({position:"absolute",top:"6px",left:"6px",display:"inline-flex",alignItems:"center",gap:"5px",backgroundColor:e.base==="dark"?"rgba(30, 30, 38, 0.82)":"rgba(255, 255, 255, 0.9)",color:e.color.defaultText,padding:"2px 6px",borderRadius:e.appBorderRadius,backdropFilter:"blur(4px)",fontSize:"10px",fontWeight:500,letterSpacing:"0.02em",zIndex:10})),Yl=ht.div(({alwaysVisible:e})=>({position:"absolute",top:"6px",right:"6px",display:"flex",gap:"4px",zIndex:10,opacity:e?1:0,transition:"opacity 0.15s"})),Ei=ht.button(({theme:e,destructive:t})=>({width:"20px",height:"20px",padding:"0",backgroundColor:"transparent",border:"none",borderRadius:e.appBorderRadius,color:t?e.color.negative:e.color.mediumdark,cursor:"pointer",display:"inline-flex",alignItems:"center",justifyContent:"center",transition:"all 0.15s","&:hover:not(:disabled)":{color:t?e.color.negative:e.color.defaultText,backgroundColor:e.background.content},"&:disabled":{opacity:.5,cursor:"not-allowed"}})),mJ=ht.img(({opacity:e=1})=>({maxWidth:"100%",maxHeight:"150px",height:"auto",display:"block",objectFit:"contain",opacity:e})),hJ=ht.div(({theme:e})=>({position:"fixed",zIndex:1e4,width:"256px",backgroundColor:e.background.content,border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius,boxShadow:"0 8px 24px rgba(0,0,0,0.16)",overflow:"hidden"})),xJ=ht.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"6px",padding:"8px 10px",borderBottom:`1px solid ${e.appBorderColor}`,backgroundColor:e.background.app,fontSize:"11px",fontWeight:e.typography.weight.bold,letterSpacing:"0.06em",textTransform:"uppercase",color:e.color.mediumdark})),yJ=ht.table(({theme:e})=>({width:"100%",borderCollapse:"collapse",fontSize:"11px",fontFamily:e.typography.fonts.mono})),bJ=ht.tr(({theme:e})=>({borderBottom:`1px solid ${e.appBorderColor}`,"&:last-of-type":{borderBottom:"none"}})),wJ=ht.td(({theme:e})=>({padding:"6px 10px",color:e.color.mediumdark,whiteSpace:"nowrap",verticalAlign:"top"})),vJ=ht.td(({theme:e})=>({padding:"6px 10px",color:e.color.defaultText,fontWeight:e.typography.weight.bold,textAlign:"right",wordBreak:"break-all"})),SJ=ht.div(({theme:e})=>({padding:"10px",fontSize:"11px",color:e.color.mediumdark})),kJ=ht.a(({theme:e})=>({display:"block",padding:"8px 10px",borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.background.app,fontSize:"11px",fontWeight:e.typography.weight.bold,color:e.color.secondary,textAlign:"center",textDecoration:"none",cursor:"pointer","&:hover":{textDecoration:"underline"}})),CJ=ht.img({display:"block",objectFit:"contain",maxHeight:"150px",maxWidth:"100%"}),IJ=ht.div({position:"relative",display:"inline-block",maxHeight:"150px",overflow:"hidden"}),Gke=ht.svg(({isVisible:e})=>({position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",opacity:e?1:0,transition:"opacity 150ms ease-in",...!e&&{transition:"opacity 100ms ease-out"}})),TJ=ht.div({position:"relative",display:"inline-block"}),qke=ht.div(({width:e,height:t,theme:r})=>({position:"relative",width:e?`${e}px`:"auto",height:t?`${t}px`:"auto",border:`1px solid ${r.appBorderColor}`,borderRadius:"4px",overflow:"hidden",backgroundColor:r.background.app})),EJ=ht.img({display:"block",maxWidth:"100%",height:"auto",objectFit:"contain"}),RJ=ht.img({position:"absolute",top:"0",left:"0",pointerEvents:"none"}),AJ=ht.div({marginTop:"12px",display:"flex",alignItems:"center",gap:"12px"}),FJ=ht.div(({theme:e})=>({fontSize:"11px",color:e.color.mediumdark,minWidth:"80px"})),PJ=ht.input({flex:1}),Ex=ht.div(({theme:e})=>({padding:"40px",textAlign:"center",color:e.color.mediumdark,fontSize:"13px",border:`1px dashed ${e.appBorderColor}`,borderRadius:"4px"})),Yke=ht.div(({theme:e})=>({padding:"40px",textAlign:"center",color:e.color.mediumdark,fontSize:"13px"})),Rx=ht.div({display:"grid",gridTemplateColumns:"1fr 1fr",gap:"12px"}),ra=ht.div(({theme:e})=>({position:"relative",border:`1px solid ${e.appBorderColor}`,borderRadius:"8px",overflow:"hidden",backgroundColor:e.background.content,minHeight:"80px",maxHeight:"120px",display:"flex",alignItems:"center",justifyContent:"center","&::before":{content:'""',position:"absolute",top:0,left:"-100%",width:"100%",height:"100%",background:e.base==="dark"?"linear-gradient(90deg, transparent, rgba(255,255,255,0.04), transparent)":"linear-gradient(90deg, transparent, rgba(0,0,0,0.04), transparent)",animation:"shimmer 1.5s ease-in-out infinite",pointerEvents:"none"},"@keyframes shimmer":{"0%":{left:"-100%"},"100%":{left:"100%"}}})),na=ht.div({textAlign:"center",zIndex:1}),oa=ht.div(({theme:e})=>({width:"32px",height:"32px",border:`3px solid ${e.appBorderColor}`,borderTop:`3px solid ${e.color.secondary}`,borderRadius:"50%",animation:"spin 1s linear infinite",marginBottom:"12px","@keyframes spin":{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}})),ia=ht.div(({theme:e})=>({fontSize:"13px",color:e.color.mediumdark,fontWeight:500})),Ax=({isLoading:e=!1,isLoadingFigma:t=!1,isLoadingStorybook:r=!1})=>{let n=pJ(),{currentMapping:o,loadingMapping:i,currentStoryArgs:a,framesCache:s}=gt(),{figmaImageUrl:u,storybookImageUrl:c,figmaDimensions:l,setFigmaImageUrl:p,hoveredIssueId:g,reviewHistory:d,currentReviewId:f,isReviewing:y,isValidating:I,isNewReviewMode:S}=ue(),{selectedProjectId:x}=Ke(),{sessionToken:M}=he(),{openComponentBrowser:z}=Xs(),{hasMapping:O,deleteMapping:L,setCurrentMapping:_}=$i(),m=Ix("enableHoverHighlight"),[v,k]=Ti("side-by-side"),[E,h]=Ti(.5),[b,F]=Ti(!1),[C,A]=Ti(!1),[B,P]=Ti(!1),[N,T]=Ti(null),D=je=>Qe=>{let pt=Qe.currentTarget.getBoundingClientRect();T(Nt=>Nt?.kind===je?null:{kind:je,top:pt.bottom+6,left:Math.max(8,pt.right-240)})};fT(()=>{if(!N)return;let je=()=>T(null),Qe=Nt=>{Nt.key==="Escape"&&T(null)},pt=window.setTimeout(()=>{window.addEventListener("mousedown",je),window.addEventListener("scroll",je,!0),window.addEventListener("keydown",Qe)},0);return()=>{window.clearTimeout(pt),window.removeEventListener("mousedown",je),window.removeEventListener("scroll",je,!0),window.removeEventListener("keydown",Qe)}},[N]);let H=async()=>{P(!1);try{let je=o?.id;je&&await L(je),_(null)}catch(je){w.error("[ScreenshotComparison] Failed to unlink:",je)}},R=f?d.find(je=>je.id===f):void 0,ee=S||!f,j=y||I||ee,Y=j?u||R?.figmaImageData||null:R?.figmaImageData||u||null,X=j?c||R?.storybookImageData||null:R?.storybookImageData||c||null,te=!!f&&!!Y,Te=mT(()=>{if(!R)return!1;let je=d.filter(Qe=>Qe.storyId===R.storyId&&!Qe.parentReviewId).sort((Qe,pt)=>new Date(pt.createdAt).getTime()-new Date(Qe.createdAt).getTime())[0];return!!je&&je.id!==R.id},[R,d]);fT(()=>{A(!1)},[Y]);let[ye,de]=Ti(null),[Fe,ge]=Ti(null),Le=Tx(null),pe=Tx(null),Pt=Tx(null),qt=mT(()=>{if(!m||!g||!f)return null;let je=d.find(Qe=>Qe.id===f);return je?.issues&&je.issues.find(Qe=>Qe.id===g)||null},[g,f,d]),Mt=je=>{let Qe=je.currentTarget;A(!0),!kt.getState().figmaDimensions&&Qe.naturalWidth&&Qe.naturalHeight&&kt.getState().setFigmaDimensions({width:Qe.naturalWidth,height:Qe.naturalHeight}),requestAnimationFrame(()=>{if(pe.current){let{clientWidth:Nt,clientHeight:kr}=pe.current;Nt&&kr&&ge({width:Nt,height:kr})}})},wt=()=>{requestAnimationFrame(()=>{if(Le.current){let{clientWidth:je,clientHeight:Qe}=Le.current;je&&Qe&&de({width:je,height:Qe})}})},An=async()=>{if(!(!x||!M)){F(!0);try{let je=K();await Q(`${je}/api/figma/frames/invalidate?projectId=${x}`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${M}`},credentials:"include"}),p(null),w.debug("Figma cache cleared, image will reload on next review")}catch(je){w.error("Failed to refresh Figma:",je)}finally{F(!1)}}};return e?W.createElement(Vl,null,W.createElement(Yd,null,W.createElement(Kd,null,W.createElement(Wl,null,"Screenshots from this review"))),W.createElement(Rx,null,W.createElement(ra,null,W.createElement(na,null,W.createElement(oa,null),W.createElement(ia,null,"Loading Figma..."))),W.createElement(ra,null,W.createElement(na,null,W.createElement(oa,null),W.createElement(ia,null,"Loading Storybook..."))))):!Y&&!X&&!o?i?W.createElement(Vl,null,W.createElement(Yd,null,W.createElement(Kd,null,W.createElement(Wl,null,"Screenshots from this review"))),W.createElement(Rx,null,W.createElement(ra,null,W.createElement(na,null,W.createElement(oa,null),W.createElement(ia,null,"Loading..."))))):W.createElement(Vl,null,W.createElement(Wl,null,"Screenshots from this review"),W.createElement(Gl,null,W.createElement(ql,null,W.createElement(Po,null)," Figma"),W.createElement(Yl,{alwaysVisible:!0,className:"tile-actions"},W.createElement(Ei,{accent:n.color.secondary,onClick:z,disabled:!x,title:"Browse Figma to map this component","aria-label":"Browse Figma to map this component"},W.createElement(gs,null))),W.createElement(Ex,{style:{border:"none",padding:"20px 16px",lineHeight:"1.6"}},W.createElement("div",{style:{fontSize:"14px",marginBottom:"6px"}},"\u2728 This story isn't linked to a Figma frame yet"),W.createElement("div",{style:{fontSize:"12px",opacity:.75}},"Click the \u{1F50D} above to browse your Figma file and pick a matching frame. Once linked, run a Review to compare your code with the design.")))):!Y&&!X?W.createElement(Vl,null,W.createElement(Yd,null,W.createElement(Kd,null,W.createElement(Wl,null,"Screenshots from this review"))),W.createElement(Rx,null,W.createElement(ra,null,W.createElement(na,null,W.createElement(oa,null),W.createElement(ia,null,"Loading..."))))):W.createElement(Vl,{ref:Pt},W.createElement(Yd,null,W.createElement(Kd,null,W.createElement(Wl,null,"Screenshots"),!ee&&Te&&R&&(()=>{let je=gJ(R.createdAt);return je?W.createElement(fJ,{title:"You're viewing an older review \u2014 these screenshots are a past snapshot, not the latest"},"Older snapshot \xB7 ",je):null})())),v==="side-by-side"?W.createElement(hT,{layout:"side-by-side"},(o||te)&&Y&&!t?W.createElement(Gl,null,W.createElement(ql,null,W.createElement(Po,null)," Figma"),W.createElement(Yl,{alwaysVisible:!0,className:"tile-actions"},W.createElement(Ei,{accent:n.color.secondary,onClick:D("figma"),title:"Figma properties","aria-label":"Figma properties"},W.createElement(up,null)),W.createElement(Ei,{accent:n.color.secondary,onClick:z,title:O?"Browse Figma \u2014 change mapping":"Browse Figma to map this component","aria-label":"Browse Figma"},W.createElement(gs,null)),W.createElement(Ei,{accent:n.color.positive,onClick:An,disabled:b,title:"Refresh Figma cache and reload image","aria-label":"Refresh Figma cache"},W.createElement(ry,null)),O&&W.createElement(Ei,{accent:n.color.negative,destructive:!0,onClick:()=>P(!0),title:"Unlink Figma mapping","aria-label":"Unlink Figma mapping"},W.createElement(ty,null))),W.createElement(IJ,null,W.createElement(CJ,{ref:pe,src:Y,alt:"Figma design",onLoad:Mt,style:{opacity:C?1:0,transition:"opacity 150ms ease-in"}}))):o&&!Y&&!t?W.createElement(Gl,null,W.createElement(ql,null,W.createElement(Po,null)," Figma"),W.createElement(Yl,{alwaysVisible:!0,className:"tile-actions"},W.createElement(Ei,{accent:n.color.secondary,onClick:z,disabled:!x,title:"Change Figma mapping","aria-label":"Change Figma mapping"},W.createElement(gs,null))),W.createElement(Ex,{style:{border:"none",padding:"16px"}},"Figma image unavailable. Try mapping to a specific variant.")):!o&&!i?W.createElement(Gl,null,W.createElement(ql,null,W.createElement(Po,null)," Figma"),W.createElement(Yl,{alwaysVisible:!0,className:"tile-actions"},W.createElement(Ei,{accent:n.color.secondary,onClick:z,disabled:!x,title:"Browse Figma to map this component","aria-label":"Browse Figma to map this component"},W.createElement(gs,null))),W.createElement(Ex,{style:{border:"none",padding:"16px"}},"No Figma mapping.")):W.createElement(ra,null,W.createElement(na,null,W.createElement(oa,null),W.createElement(ia,null,t?"Refreshing Figma...":"Loading Figma..."))),X&&!r?W.createElement(Gl,null,W.createElement(ql,null,W.createElement(dp,null)," Storybook"),W.createElement(Yl,{alwaysVisible:!0,className:"tile-actions"},W.createElement(Ei,{accent:n.color.secondary,onClick:D("storybook"),title:"Storybook args","aria-label":"Storybook args"},W.createElement(up,null))),W.createElement(mJ,{ref:Le,src:X,alt:"Storybook component",onLoad:wt})):W.createElement(ra,null,W.createElement(na,null,W.createElement(oa,null),W.createElement(ia,null,r?"Refreshing Storybook...":"Loading Storybook...")))):W.createElement(W.Fragment,null,W.createElement(hT,{layout:"overlay"},W.createElement(TJ,null,Y&&X?W.createElement(W.Fragment,null,W.createElement("div",{style:{position:"relative",display:"inline-block",border:"1px solid #ccc",borderRadius:"4px",overflow:"hidden"}},W.createElement(EJ,{ref:Le,src:X,alt:"Storybook component",onLoad:wt,style:{maxHeight:"150px"}}),ye&&W.createElement(RJ,{src:Y,alt:"Figma design overlay",style:{opacity:E,width:ye.width,height:ye.height,objectFit:"fill"}})),W.createElement("div",{style:{fontSize:"10px",color:n.color.mediumdark,marginTop:"8px",textAlign:"center"}},W.createElement("span",{style:{color:"#1ea7fd"}},"Storybook (base)")," + ",W.createElement("span",{style:{color:"#667eea"}},"Figma (overlay)"),ye&&` \u2022 ${ye.width}\xD7${ye.height}px`)):W.createElement(ra,null,W.createElement(na,null,W.createElement(oa,null),W.createElement(ia,null,"Loading Images..."))))),X&&Y&&W.createElement(AJ,null,W.createElement(FJ,null,"Figma Opacity:"),W.createElement(PJ,{type:"range",min:"0",max:"1",step:"0.01",value:E,onChange:je=>h(parseFloat(je.target.value))}),W.createElement("span",null,Math.round(E*100),"%"))),W.createElement(wo,{isOpen:B,title:"Unlink Figma Mapping",message:"Unlink this story from its Figma mapping?",confirmLabel:"Unlink",variant:"danger",onConfirm:H,onCancel:()=>P(!1)}),N&&dJ((()=>{let je=N.kind==="figma",Qe=o?.figmaNodeId,pt=(Pe,Yt)=>{for(let Cr of Pe){if(Cr.id===Yt)return Cr;if(Cr.children){let aa=pt(Cr.children,Yt);if(aa)return aa}}return null},Nt=Qe&&s?.frames?pt(s.frames,Qe):null,kr=R,V=kr?.figmaComponentProperties?Object.entries(kr.figmaComponentProperties):[],re=V.length>0?V:Nt?.variantProperties?Object.entries(Nt.variantProperties).map(([Pe,Yt])=>[Pe,Yt]):kr?.figmaVariant?[["Variant",kr.figmaVariant]]:[],le=o?.figmaFileUrl||kr?.figmaFileUrl,U=le&&Qe?`${le}${le.includes("?")?"&":"?"}node-id=${Qe.replace(":","-")}`:null,ie=Fe||l,me=Pe=>Pe?.width&&Pe?.height?`${Math.round(Pe.width)}\xD7${Math.round(Pe.height)}`:"",we=Pe=>{if(Pe==null||typeof Pe=="function")return null;if(typeof Pe=="boolean")return Pe?"true":"false";if(typeof Pe=="number")return String(Pe);if(typeof Pe=="string")return Pe;try{return JSON.stringify(Pe)}catch{return String(Pe)}},fe=a?Object.entries(a).map(([Pe,Yt])=>[Pe,we(Yt)]).filter(Pe=>Pe[1]!==null):[],Qt=(je?[["Frame",Nt?.name||""],...re,["Node",Qe||""],["Size",me(ie)]]:[...fe,["Size",me(ye)]]).filter(([,Pe])=>Pe);return W.createElement(hJ,{style:{top:N.top,left:N.left},onMouseDown:Pe=>Pe.stopPropagation()},W.createElement(xJ,null,je?W.createElement(Po,null):W.createElement(dp,null),je?"Figma properties":"Storybook args"),Qt.length>0?W.createElement(yJ,null,W.createElement("tbody",null,Qt.map(([Pe,Yt])=>W.createElement(bJ,{key:Pe},W.createElement(wJ,null,Pe),W.createElement(vJ,null,Yt))))):W.createElement(SJ,null,"No properties available yet."),je&&U&&W.createElement(kJ,{href:U,target:"_blank",rel:"noopener noreferrer"},"Open in Figma \u2197"))})(),document.body))};Se();ut();var MJ=Ao.div({height:"100%"}),Xd=Ao.div({marginBottom:"20px"}),LJ=Ao.div(({theme:e})=>({padding:"12px",backgroundColor:e.background.negative||"#fee2e2",border:`1px solid ${e.color.negative||"#fca5a5"}`,borderRadius:"6px",color:e.color.negative||"#991b1b",fontSize:"13px",marginBottom:"16px",display:"flex",alignItems:"flex-start",gap:"8px"})),BJ=Ao.span({fontSize:"16px",flexShrink:0}),zJ=Ao.div(({theme:e})=>({padding:"10px 12px",backgroundColor:`${e.color.warning}1a`,border:`1px solid ${e.color.warning}`,borderRadius:"6px",color:e.color.warning,fontSize:e.typography.size.s2,marginBottom:"16px",display:"flex",alignItems:"center",gap:"8px",lineHeight:1.4})),DJ=Ao.div({flex:1}),_J=Ao.div(({theme:e})=>({display:"flex",alignItems:"center",gap:`${e.layoutMargin*.6}px`,padding:`${e.layoutMargin*.6}px ${e.layoutMargin}px`,marginBottom:`${e.layoutMargin}px`,backgroundColor:`${e.color.warning}14`,border:`1px solid ${e.color.warning}55`,borderRadius:e.appBorderRadius,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:1.4})),NJ=Ao.span(({theme:e})=>({color:e.color.warning,flexShrink:0})),OJ=Ao.span({flex:1}),$J=Ao.button(({theme:e})=>({flexShrink:0,padding:`${e.layoutMargin*.3}px ${e.layoutMargin*.8}px`,fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,border:`1px solid ${e.color.warning}`,borderRadius:e.appBorderRadius,backgroundColor:"transparent",color:e.color.warning,cursor:"pointer",whiteSpace:"nowrap","&:hover":{backgroundColor:`${e.color.warning}1a`}})),Fx=()=>{let{reviewError:e,getCurrentReview:t,requestReviewRetry:r,setReviewError:n}=ue(),o=t(),{showComponentBrowser:i,closeComponentBrowser:a,figmaFileUrl:s}=Xs(),{selectedProjectId:u}=In(),{setCurrentMapping:c}=$i(),{currentStoryId:l,currentStoryName:p}=gt(),{isLoadingScreenshots:g,isLoadingFigma:d,isLoadingStorybook:f,screenshotError:y,setFigmaImageDirect:I}=_i(),S=async x=>{w.debug("[ReviewPanel] handleSelectFrame CALLED with frame:",x),w.debug("[ReviewPanel] frame.id:",x?.id);let M=kt.getState(),z=M.selectedProjectId,O=M.currentStoryId,L=M.currentStoryName,_=M.figmaFileUrl;w.debug("[ReviewPanel] selectedProjectId (from store):",z),w.debug("[ReviewPanel] currentStoryId (from store):",O),w.debug("[ReviewPanel] currentStoryName (from store):",L),x.thumbnail&&O&&(w.debug("[ReviewPanel] Setting Figma image directly BEFORE mapping save (instant display)"),I(O,x.id,x.thumbnail));try{let m=K(),v=localStorage.getItem("uicopilot_session_token");if(w.debug("[ReviewPanel] sessionToken exists:",!!v),w.debug("[ReviewPanel] dashboardUrl:",m),!v||!z||!O){w.error("[ReviewPanel] Missing required data for saving mapping:",{hasSessionToken:!!v,selectedProjectId:z,currentStoryId:O});return}let k=_?.match(/\/file\/([^\/]+)/)?.[1]||void 0;w.debug("[ReviewPanel] Making POST to /api/mappings with:",{projectId:z,storyId:O,name:L,figmaNodeId:x.id,figmaFileKey:k});let E=await Q(`${m}/api/mappings`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${v}`},body:JSON.stringify({projectId:z,storyId:O,name:L,figmaNodeId:x.id,figmaFileKey:k})});if(E.ok){let h=await E.json();h.mapping&&(c(h.mapping),kt.getState().setNewReviewMode(!0),x.thumbnail||(w.debug("[ReviewPanel] No thumbnail available, triggering fetch"),kt.getState().triggerScreenshotRefresh()),n(null),w.debug("[ReviewPanel] Mapping saved successfully:",h.mapping))}else{let h=await E.text();w.error("[ReviewPanel] Failed to save mapping:",h)}}catch(m){w.error("[ReviewPanel] Error saving mapping:",m)}};return ir.createElement(MJ,null,ir.createElement(Xd,null,ir.createElement(i5,null)),ir.createElement(Xd,null,ir.createElement(t7,null)),e&&ir.createElement(_J,null,ir.createElement(NJ,null,"\u26A0"),ir.createElement(OJ,null,e),ir.createElement($J,{onClick:r},"Retry")),y&&ir.createElement(LJ,null,ir.createElement(BJ,null,"\u26A0\uFE0F"),ir.createElement(DJ,null,"Screenshot loading error: ",y)),o?.variantMismatch&&ir.createElement(zJ,null,ir.createElement("span",{style:{fontSize:16,flexShrink:0}},"\u26A0"),ir.createElement("span",null,ir.createElement("strong",null,"Variant mismatch:")," Storybook is showing"," ",ir.createElement("strong",null,o.storybookVariant)," but Figma frame is"," ",ir.createElement("strong",null,o.figmaVariant),". Some differences may be expected.")),ir.createElement(Xd,null,ir.createElement(Ax,{isLoading:g,isLoadingFigma:d,isLoadingStorybook:f})),!e&&ir.createElement(Xd,null,ir.createElement(kx,null)),ir.createElement(Ua,{isOpen:i,onClose:a,onSelect:S,figmaFileUrl:s||"",projectId:u||void 0}))};Se();Ue();De();ut();import{useEffect as xT,useState as HJ,useRef as Px,useCallback as UJ}from"react";var jJ=K(),VJ=2e3;function yT(){let{sessionToken:e,usageData:t,setUsageData:r}=he(),[n,o]=HJ(null),i=Px(null),a=Px(!1),s=Px(0);xT(()=>{t?.creditBalance!==void 0&&i.current===null&&(i.current=t.creditBalance)},[t?.creditBalance]);let u=UJ(()=>{o(null)},[]);return xT(()=>{if(!e)return;let c=async()=>{let p=Date.now();if(a.current||p-s.current<VJ){w.debug("[useBalanceRefresh] Skipping refresh (debounced or in progress)");return}a.current=!0,s.current=p;try{w.debug("[useBalanceRefresh] Refreshing balance...");let g=await Q(`${jJ}/api/addon/account`,{headers:{Authorization:`Bearer ${e}`}});if(g.ok){let d=await g.json(),f=d.creditBalance,y=i.current;if(y!==null&&f>y){let I=f-y;o({message:`Credits added! +${Math.floor(I)} credit(s)`,previousBalance:y,newBalance:f}),w.debug("[useBalanceRefresh] Credits added:",I)}i.current=f,r(d),w.debug("[useBalanceRefresh] Balance updated:",f)}}catch(g){w.error("[useBalanceRefresh] Failed to refresh:",g)}finally{a.current=!1}},l=()=>{document.visibilityState==="visible"&&c()};return document.addEventListener("visibilitychange",l),()=>{document.removeEventListener("visibilitychange",l)}},[e,r]),{notification:n,dismissNotification:u}}Se();import{useState as WJ,useEffect as bT,useCallback as GJ}from"react";var Mx="uicopilot_onboarded";function qJ(){try{return localStorage.getItem(Mx)==="1"}catch{return!1}}function YJ(){try{localStorage.setItem(Mx,"1")}catch{}}function KJ(){try{localStorage.removeItem(Mx)}catch{}}function wT(){let{isConnected:e}=he(),{projects:t,selectedProjectId:r}=Ke(),[n,o]=WJ(qJ),i=GJ(()=>{YJ(),o(!0)},[]),a=t.find(u=>u.id===r),s=e&&!!r&&!!a?.figmaFileId&&!!a?.figmaFramesCacheUrl;return bT(()=>{s&&!n&&i()},[s,n,i]),bT(()=>{!e&&n&&(KJ(),o(!1))},[e,n]),{onboarded:n,dismiss:i}}dr();Se();Se();De();Ue();ut();Mm();import{useCallback as vT,useEffect as ST,useRef as Lx}from"react";var XJ=300*1e3,JJ=1500,Dx="uicopilot_feature_flags_fetched_at_v4";function QJ(){if(typeof localStorage>"u")return!1;try{let e=localStorage.getItem(Dx);if(!e)return!1;let t=parseInt(e,10);return Number.isNaN(t)?!1:Date.now()-t<XJ}catch{return!1}}var Bx=null,zx=null;function kT(){let{setFeatureFlags:e,setUserRole:t,roleOverride:r}=ue(),{sessionToken:n,resetAuth:o,clearGuestSession:i}=he(),a=Lx(null),s=Lx(n);s.current=n;let u=Lx(r);u.current=r;let c=vT(async(p,g)=>{if(zx!==p){zx=p;try{if(await new Promise(f=>setTimeout(f,JJ)),s.current!==p)return;let d=!1;try{d=(await Q(g,{headers:{Authorization:`Bearer ${p}`}})).status===401}catch{d=!1}d&&s.current===p?(w.warn("[useFeatureFlags] guest token confirmed dead (401 twice) \u2014 clearing to start screen"),i()):w.debug("[useFeatureFlags] guest 401 not confirmed \u2014 session kept")}finally{zx=null}}},[i]),l=vT(p=>{if(QJ()){w.debug("[useFeatureFlags] Cache fresh, skipping fetch");return}if(Bx){w.debug("[useFeatureFlags] Reusing in-flight fetch");return}let g=`${K()}/api/addon/flags`;Bx=Q(g,{headers:{Authorization:`Bearer ${p}`}}).then(d=>{if(d.status===401||d.status===403)throw p.startsWith("uic_anon_")?(d.status===401&&c(p,g),w.warn("[useFeatureFlags] guest flags 401/403 \u2014 keeping session (confirming before any clear)"),new Error("flags rejected (guest \u2014 session kept)")):(w.debug("[useFeatureFlags] Token rejected, resetting auth"),o(),new Error("session token invalid"));if(!d.ok)throw new Error(`flags endpoint returned ${d.status}`);return d.json()}).then(d=>{w.debug("[useFeatureFlags] Received flags:",d);let f={enableFixGeneration:!!d.enableFixGeneration,enableFixApply:!!d.enableFixApply,enableAutoMap:!!d.enableAutoMap,enableAutoFigmaLinking:!!d.enableAutoFigmaLinking,enableReviewBadges:!!d.enableReviewBadges,showCosts:!!d.showCosts,enableParallelReview:!!d.enableParallelReview,enableModelSelection:!!d.enableModelSelection,enableAiReview:!!d.enableAiReview};d.role&&(t(d.role),d.role==="beta"&&_v());let y=u.current,I=d.role==="admin"&&y?Vs[y]:f;e(I);try{localStorage.setItem("uicopilot_feature_flags",JSON.stringify(I)),d.role&&localStorage.setItem("uicopilot_user_role",d.role),localStorage.setItem(Dx,Date.now().toString())}catch{}}).catch(d=>{w.warn("[useFeatureFlags] Failed to fetch flags, keeping last known role:",d.message);try{localStorage.removeItem(Dx)}catch{}}).finally(()=>{Bx=null})},[o,e,t,c]);ST(()=>{!n||n===a.current||(a.current=n,l(n))},[n,l]),ST(()=>{let p=()=>{if(document.visibilityState==="hidden")return;let g=s.current;g&&l(g)};return window.addEventListener("focus",p),document.addEventListener("visibilitychange",p),()=>{window.removeEventListener("focus",p),document.removeEventListener("visibilitychange",p)}},[l])}Se();De();ut();Ue();import{useState as ZJ,useEffect as eQ,useCallback as tQ}from"react";function CT(){let{sessionToken:e}=he(),[t,r]=ZJ(!1),n=tQ(async()=>{if(!e){r(!1);return}try{let o=await Q(`${K()}/api/figma/connection-status`,{headers:{Authorization:`Bearer ${e}`}});if(!o.ok)return;let i=await o.json();r(!!i.expired)}catch(o){w.debug("[useFigmaConnectionStatus] check failed:",o)}},[e]);return eQ(()=>{n()},[n]),{figmaExpired:t,checkFigmaConnection:n}}Se();De();function IT(e){let{sessionToken:t,selectedProjectId:r,selectedProjectLoaded:n,loadingProjects:o,projectsCount:i}=e;return!!t&&!!r&&!n&&(o||i===0)}dr();var nQ={success:"linear-gradient(135deg, #10b981 0%, #059669 100%)",warning:"linear-gradient(135deg, #f59e0b 0%, #d97706 100%)",error:"linear-gradient(135deg, #ef4444 0%, #dc2626 100%)"},oQ=rn.div`
   position: fixed;
   top: 16px;
   right: 16px;
@@ -249,7 +249,7 @@ ${"=".repeat(40)}
   &:hover {
     background: rgba(255, 255, 255, 0.3);
   }
-`,lQ=rn.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",gap:`${e.layoutMargin}px`,height:"28px",padding:`0 ${e.layoutMargin*1.2}px`,borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.background.app,fontSize:"10px",color:e.color.mediumdark})),cQ=rn.span(({theme:e})=>({fontFamily:e.typography.fonts.mono,opacity:.7})),uQ=rn.div(({theme:e})=>({display:"flex",alignItems:"center",gap:`${e.layoutMargin*1.2}px`,fontFamily:e.typography.fonts.mono})),ET=rn.span(({theme:e,tone:t})=>({display:"inline-flex",alignItems:"center",gap:"4px",color:t,"& .muted":{color:e.color.mediumdark,fontWeight:400},"& .val":{fontWeight:e.typography.weight.bold}})),RT=rn.div(({theme:e})=>({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"48px 24px",textAlign:"center",gap:"16px"})),AT=rn.div({fontSize:"32px"}),FT=rn.h3(({theme:e})=>({margin:0,fontSize:e.typography.size.s3,fontWeight:e.typography.weight.bold,color:e.color.defaultText})),PT=rn.p(({theme:e})=>({margin:0,fontSize:e.typography.size.s2,color:e.color.mediumdark,maxWidth:"320px",lineHeight:1.5})),MT=rn.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"10px",padding:"10px 14px",margin:"8px 12px",backgroundColor:`${e.color.warning}15`,border:`1px solid ${e.color.warning}50`,borderRadius:e.appBorderRadius,fontSize:e.typography.size.s2,color:e.color.defaultText})),LT=rn.span({flex:1}),BT=rn.button(({theme:e})=>({padding:"4px 12px",fontSize:11,fontWeight:600,border:`1px solid ${e.color.warning}`,borderRadius:e.appBorderRadius,backgroundColor:"transparent",color:e.color.warning,cursor:"pointer",whiteSpace:"nowrap","&:hover":{backgroundColor:`${e.color.warning}15`}})),zT=()=>{let{selectedProjectId:e,projects:t,loadingProjects:r}=Ke(),{isConnected:n,sessionToken:o,authError:i}=he(),{currentStoryId:a}=gt(),{currentReviewId:s,userRole:u,roleOverride:c,setRoleOverride:l,setFeatureFlags:p,pendingSettingsOpen:g,setPendingSettingsOpen:d,reviewHistory:f,validationUsage:y,featureFlags:I}=ue(),{figmaExpired:S}=CT(),[x,M]=rQ(!1);TT(()=>{g&&(M(!0),d(!1))},[g,d]);let z=()=>{l(null),o&&fetch(`${K()}/api/addon/flags`,{headers:{Authorization:`Bearer ${o}`}}).then(T=>T.json()).then(T=>{p({enableFixGeneration:!!T.enableFixGeneration,enableFixApply:!!T.enableFixApply,enableAutoMap:!!T.enableAutoMap,enableReviewBadges:!!T.enableReviewBadges,showCosts:!!T.showCosts,enableParallelReview:!!T.enableParallelReview,enableModelSelection:!!T.enableModelSelection,enableAiReview:!!T.enableAiReview})}).catch(()=>{})};wh(),_h(),kT(),Ah(),Th();let{notification:O,dismissNotification:L}=yT();TT(()=>{if(O){let T=setTimeout(L,5e3);return()=>clearTimeout(T)}},[O,L]);let _=t.find(T=>T.id===e),m=n&&!!e&&!!_,{onboarded:v,dismiss:k}=wT(),E=IT({sessionToken:o,selectedProjectId:e,selectedProjectLoaded:!!_,loadingProjects:r,projectsCount:t.length}),{loadingMapping:h}=gt(),b=m&&!!a&&!s&&h,F=f.find(T=>T.id===s),C=(F?.costUsd||0)+(y?.costUsd||0),A=(F?.inputTokens||0)+(F?.outputTokens||0)+(y?.inputTokens||0)+(y?.outputTokens||0),B=!!I.showCosts&&C>0,P=T=>T<.01?T.toFixed(4):T<.1?T.toFixed(3):T.toFixed(2),N=T=>T>=1e3?`${(T/1e3).toFixed(1)}K`:String(T);return st.createElement(sp,{header:st.createElement(lp,{toolbar:st.createElement(Um,{onOpenSettings:()=>M(!0)})}),footer:st.createElement(lQ,null,st.createElement(cQ,null,Ut.NAME," v","0.10.0"),B&&st.createElement(uQ,null,st.createElement(ET,{tone:Ye.green},st.createElement("span",{className:"muted"},"cost"),st.createElement("span",{className:"val"},"$",P(C)),st.createElement("span",{className:"muted"},"/"),st.createElement("span",{className:"val"},"\u20AA",P(C*3.65))),A>0&&st.createElement(ET,{tone:tc},st.createElement("span",{className:"val"},"#"),st.createElement("span",{className:"val"},N(A)),st.createElement("span",{className:"muted"},"tokens"))))},O&&st.createElement(oQ,{variant:O.variant||"success"},st.createElement(iQ,null,O.variant==="error"?"!":O.variant==="warning"?"\u26A0":"+"),st.createElement(aQ,null,O.message),st.createElement(sQ,{onClick:L},"x")),i&&st.createElement(MT,null,st.createElement("span",null,"\u26A0"),st.createElement(LT,null,i),st.createElement(BT,{onClick:()=>M(!0)},"Reconnect")),u==="admin"&&c&&st.createElement(MT,null,st.createElement("span",null,"\u{1F441}"),st.createElement(LT,null,"Previewing as ",c),st.createElement(BT,{onClick:z},"Exit preview")),E||b?st.createElement($l,{label:E?"Loading...":"Loading review..."}):i?st.createElement(RT,null,st.createElement(AT,null,"\u2699"),st.createElement(FT,null,"Connection issue"),st.createElement(PT,null,"Session expired or dashboard unreachable. Please reconnect."),st.createElement(Zt,{onClick:()=>M(!0)},"Reconnect")):v&&!S&&o&&!r&&!e?st.createElement(RT,null,st.createElement(AT,null,"\u{1F4C1}"),st.createElement(FT,null,"No project selected"),st.createElement(PT,null,"Select or create a project for this Storybook to start reviewing."),st.createElement(Zt,{onClick:()=>M(!0)},"Open Settings")):v&&!S?st.createElement(Fx,null):st.createElement(y6,{onSkip:k,canSkip:m&&!S,figmaExpired:S}),x&&st.createElement(y3,{onClose:()=>M(!1)}))};import DT,{useCallback as dQ}from"react";import{useStorybookApi as pQ}from"storybook/manager-api";import{IconButton as gQ}from"storybook/internal/components";var fQ="uireview",mQ=`${fQ}/panel`,_T=()=>{let e=pQ();mC(e);let t=dQ(()=>{e.togglePanel(!0),e.setSelectedPanel(mQ)},[e]);return DT.createElement(gQ,{key:"uireview-tool",title:"UI Review - Compare with Figma",onClick:t},DT.createElement(ey,null))};Se();import yr,{useState as Zd,useCallback as $T,useEffect as HT}from"react";import{styled as Xo,useTheme as TQ}from"storybook/theming";import{addons as ep}from"storybook/manager-api";De();Ue();import{addons as vQ,experimental_getStatusStore as Qd}from"storybook/manager-api";De();Ue();var hQ=K(),xQ="uireview/badge";async function yQ(e,t,r=3){for(let n=0;n<=r;n++){let o=await fetch(e,t);if(o.status!==429||n===r)return o;let i=Math.pow(2,n)*1e3;w.warn(`[reviewAll] Rate limited, retrying in ${i}ms`),await new Promise(a=>setTimeout(a,i))}throw new Error("Max retries exceeded")}async function bQ(e,t){let r=new TextDecoder,n="",o=null,i=0,a=0,s=0,u=0,c=0,l=0;for(;;){let{done:p,value:g}=await e.read();if(p)break;if(t()){e.cancel();break}n+=r.decode(g,{stream:!0});let d=n.split(`
+`,lQ=rn.div(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"space-between",gap:`${e.layoutMargin}px`,height:"28px",padding:`0 ${e.layoutMargin*1.2}px`,borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.background.app,fontSize:"10px",color:e.color.mediumdark})),cQ=rn.span(({theme:e})=>({fontFamily:e.typography.fonts.mono,opacity:.7})),uQ=rn.div(({theme:e})=>({display:"flex",alignItems:"center",gap:`${e.layoutMargin*1.2}px`,fontFamily:e.typography.fonts.mono})),ET=rn.span(({theme:e,tone:t})=>({display:"inline-flex",alignItems:"center",gap:"4px",color:t,"& .muted":{color:e.color.mediumdark,fontWeight:400},"& .val":{fontWeight:e.typography.weight.bold}})),RT=rn.div(({theme:e})=>({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"48px 24px",textAlign:"center",gap:"16px"})),AT=rn.div({fontSize:"32px"}),FT=rn.h3(({theme:e})=>({margin:0,fontSize:e.typography.size.s3,fontWeight:e.typography.weight.bold,color:e.color.defaultText})),PT=rn.p(({theme:e})=>({margin:0,fontSize:e.typography.size.s2,color:e.color.mediumdark,maxWidth:"320px",lineHeight:1.5})),MT=rn.div(({theme:e})=>({display:"flex",alignItems:"center",gap:"10px",padding:"10px 14px",margin:"8px 12px",backgroundColor:`${e.color.warning}15`,border:`1px solid ${e.color.warning}50`,borderRadius:e.appBorderRadius,fontSize:e.typography.size.s2,color:e.color.defaultText})),LT=rn.span({flex:1}),BT=rn.button(({theme:e})=>({padding:"4px 12px",fontSize:11,fontWeight:600,border:`1px solid ${e.color.warning}`,borderRadius:e.appBorderRadius,backgroundColor:"transparent",color:e.color.warning,cursor:"pointer",whiteSpace:"nowrap","&:hover":{backgroundColor:`${e.color.warning}15`}})),zT=()=>{let{selectedProjectId:e,projects:t,loadingProjects:r}=Ke(),{isConnected:n,sessionToken:o,authError:i}=he(),{currentStoryId:a}=gt(),{currentReviewId:s,userRole:u,roleOverride:c,setRoleOverride:l,setFeatureFlags:p,pendingSettingsOpen:g,setPendingSettingsOpen:d,reviewHistory:f,validationUsage:y,featureFlags:I}=ue(),{figmaExpired:S}=CT(),[x,M]=rQ(!1);TT(()=>{g&&(M(!0),d(!1))},[g,d]);let z=()=>{l(null),o&&fetch(`${K()}/api/addon/flags`,{headers:{Authorization:`Bearer ${o}`}}).then(T=>T.json()).then(T=>{p({enableFixGeneration:!!T.enableFixGeneration,enableFixApply:!!T.enableFixApply,enableAutoMap:!!T.enableAutoMap,enableReviewBadges:!!T.enableReviewBadges,showCosts:!!T.showCosts,enableParallelReview:!!T.enableParallelReview,enableModelSelection:!!T.enableModelSelection,enableAiReview:!!T.enableAiReview})}).catch(()=>{})};wh(),_h(),kT(),Ah(),Th();let{notification:O,dismissNotification:L}=yT();TT(()=>{if(O){let T=setTimeout(L,5e3);return()=>clearTimeout(T)}},[O,L]);let _=t.find(T=>T.id===e),m=n&&!!e&&!!_,{onboarded:v,dismiss:k}=wT(),E=IT({sessionToken:o,selectedProjectId:e,selectedProjectLoaded:!!_,loadingProjects:r,projectsCount:t.length}),{loadingMapping:h}=gt(),b=m&&!!a&&!s&&h,F=f.find(T=>T.id===s),C=(F?.costUsd||0)+(y?.costUsd||0),A=(F?.inputTokens||0)+(F?.outputTokens||0)+(y?.inputTokens||0)+(y?.outputTokens||0),B=!!I.showCosts&&C>0,P=T=>T<.01?T.toFixed(4):T<.1?T.toFixed(3):T.toFixed(2),N=T=>T>=1e3?`${(T/1e3).toFixed(1)}K`:String(T);return st.createElement(sp,{header:st.createElement(lp,{toolbar:st.createElement(Um,{onOpenSettings:()=>M(!0)})}),footer:st.createElement(lQ,null,st.createElement(cQ,null,Ut.NAME," v","0.10.2"),B&&st.createElement(uQ,null,st.createElement(ET,{tone:Ye.green},st.createElement("span",{className:"muted"},"cost"),st.createElement("span",{className:"val"},"$",P(C)),st.createElement("span",{className:"muted"},"/"),st.createElement("span",{className:"val"},"\u20AA",P(C*3.65))),A>0&&st.createElement(ET,{tone:tc},st.createElement("span",{className:"val"},"#"),st.createElement("span",{className:"val"},N(A)),st.createElement("span",{className:"muted"},"tokens"))))},O&&st.createElement(oQ,{variant:O.variant||"success"},st.createElement(iQ,null,O.variant==="error"?"!":O.variant==="warning"?"\u26A0":"+"),st.createElement(aQ,null,O.message),st.createElement(sQ,{onClick:L},"x")),i&&st.createElement(MT,null,st.createElement("span",null,"\u26A0"),st.createElement(LT,null,i),st.createElement(BT,{onClick:()=>M(!0)},"Reconnect")),u==="admin"&&c&&st.createElement(MT,null,st.createElement("span",null,"\u{1F441}"),st.createElement(LT,null,"Previewing as ",c),st.createElement(BT,{onClick:z},"Exit preview")),E||b?st.createElement($l,{label:E?"Loading...":"Loading review..."}):i?st.createElement(RT,null,st.createElement(AT,null,"\u2699"),st.createElement(FT,null,"Connection issue"),st.createElement(PT,null,"Session expired or dashboard unreachable. Please reconnect."),st.createElement(Zt,{onClick:()=>M(!0)},"Reconnect")):v&&!S&&o&&!r&&!e?st.createElement(RT,null,st.createElement(AT,null,"\u{1F4C1}"),st.createElement(FT,null,"No project selected"),st.createElement(PT,null,"Select or create a project for this Storybook to start reviewing."),st.createElement(Zt,{onClick:()=>M(!0)},"Open Settings")):v&&!S?st.createElement(Fx,null):st.createElement(y6,{onSkip:k,canSkip:m&&!S,figmaExpired:S}),x&&st.createElement(y3,{onClose:()=>M(!1)}))};import DT,{useCallback as dQ}from"react";import{useStorybookApi as pQ}from"storybook/manager-api";import{IconButton as gQ}from"storybook/internal/components";var fQ="uireview",mQ=`${fQ}/panel`,_T=()=>{let e=pQ();mC(e);let t=dQ(()=>{e.togglePanel(!0),e.setSelectedPanel(mQ)},[e]);return DT.createElement(gQ,{key:"uireview-tool",title:"UI Review - Compare with Figma",onClick:t},DT.createElement(ey,null))};Se();import yr,{useState as Zd,useCallback as $T,useEffect as HT}from"react";import{styled as Xo,useTheme as TQ}from"storybook/theming";import{addons as ep}from"storybook/manager-api";De();Ue();import{addons as vQ,experimental_getStatusStore as Qd}from"storybook/manager-api";De();Ue();var hQ=K(),xQ="uireview/badge";async function yQ(e,t,r=3){for(let n=0;n<=r;n++){let o=await fetch(e,t);if(o.status!==429||n===r)return o;let i=Math.pow(2,n)*1e3;w.warn(`[reviewAll] Rate limited, retrying in ${i}ms`),await new Promise(a=>setTimeout(a,i))}throw new Error("Max retries exceeded")}async function bQ(e,t){let r=new TextDecoder,n="",o=null,i=0,a=0,s=0,u=0,c=0,l=0;for(;;){let{done:p,value:g}=await e.read();if(p)break;if(t()){e.cancel();break}n+=r.decode(g,{stream:!0});let d=n.split(`
 `);n=d.pop()||"";for(let f of d)if(f.startsWith("data: "))try{let y=JSON.parse(f.slice(6));if(y.type==="complete"){o=y.complianceScore??y.validation?.complianceScore??null;let S=(y.issues||[]).filter(x=>!x.dismissed);i=S.filter(x=>x.severity==="critical").length,a=S.filter(x=>x.severity==="major").length,s=S.filter(x=>x.severity==="minor").length,u=y.costUsd||0,c=y.inputTokens||0,l=y.outputTokens||0}}catch{}}return{score:o,criticalCount:i,majorCount:a,minorCount:s,costUsd:u,inputTokens:c,outputTokens:l}}function Jd(e,t,r,n,o){e&&e.set([{value:r,typeId:xQ,storyId:t,title:n,description:o}])}async function wQ(e){let t=window.location.origin;try{let r=await fetch(`${t}/__uicopilot/capture?storyId=${encodeURIComponent(e)}`);if(r.ok){let n=await r.json();return{screenshot:n.screenshot||void 0,computedStyles:n.computedStyles||void 0,domTree:n.domTree||void 0}}}catch{}try{let r=await fetch(`${t}/__uicopilot/screenshot?storyId=${encodeURIComponent(e)}`);if(r.ok)return{screenshot:(await r.json()).screenshot||void 0}}catch{}return{}}async function NT(e,t,r,n,o,i){Jd(o,e.storyId,"status-value:pending","Reviewing...",e.storyName);try{console.warn(`[reviewAll] Capturing for: ${e.storyName} (${e.storyId})`);let a=await wQ(e.storyId);console.warn(`[reviewAll] Captured: screenshot=${!!a.screenshot} domTree=${!!a.domTree} styles=${!!a.computedStyles} for: ${e.storyName}`);let s=await yQ(`${hQ}/api/review/stream`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},body:JSON.stringify({projectId:r,storyId:e.storyId,storyName:e.storyName,storybookScreenshot:a.screenshot,computedStyles:a.computedStyles,domTree:a.domTree,aiModels:[n]})});if(console.warn(`[reviewAll] API response for ${e.storyName}: HTTP ${s.status}`),!s.ok)throw new Error(`HTTP ${s.status}`);let u=s.body?.getReader();if(!u)throw new Error("No response body");let c=await bQ(u,i),{score:l,criticalCount:p,majorCount:g,minorCount:d,costUsd:f,inputTokens:y,outputTokens:I}=c;if(l!==null){let S=p>0||l<70?"status-value:error":g>0||l<90?"status-value:warning":"status-value:success",x=[`Score: ${l}`];p>0&&x.push(`${p} critical`),g>0&&x.push(`${g} major`),d>0&&x.push(`${d} minor`);let M=l>=90?`\u2713 Score ${l}`:l>=70?`\u26A0 Score ${l}`:`\u2717 Score ${l}`;return Jd(o,e.storyId,S,M,x.join(" \xB7 ")),{passed:l>=70,score:l,costUsd:f,inputTokens:y,outputTokens:I}}return Jd(o,e.storyId,"status-value:error","Review Failed","No score received"),{passed:!1,score:null,costUsd:0,inputTokens:0,outputTokens:0}}catch(a){w.error(`[reviewAll] Failed to review ${e.storyName}:`,a);let s=a instanceof Error?a.message:"Unknown error";return Jd(o,e.storyId,"status-value:error","Review Failed",s),{passed:!1,score:null,costUsd:0,inputTokens:0,outputTokens:0}}}var SQ=K(),Kl="uireview/badge";function OT(){let e=!1,t=!1;try{let r=vQ.getChannel();r.on(Nx,async()=>{if(!t){t=!0,e=!1;try{await IQ(r,()=>e)}finally{t=!1}}}),r.on(Ox,()=>{e=!0})}catch{}}async function _x(){try{let e=localStorage.getItem("uicopilot_session_token"),t=localStorage.getItem("uicopilot_selected_project_id");if(!e||!t)return[];let r=await fetch(`${SQ}/api/mappings?projectId=${t}`,{headers:{Authorization:`Bearer ${e}`}});if(!r.ok)return[];let i=((await r.json()).mappings||[]).filter(a=>a.figmaNodeId).map(a=>{let s=a;return{storyId:s.storyId,storyName:s.name||s.storyId,figmaNodeId:s.figmaNodeId}});return kQ(i),i}catch(e){return w.error("[useReviewAll] Failed to load mapped stories:",e),[]}}function kQ(e){try{if(typeof Qd!="function")return;let t=Qd(Kl);if(!t)return;let r=t.getAll?.()||{},n=new Set(e.map(a=>a.storyId)),o=Object.keys(r).filter(a=>r[a]?.[Kl]&&!n.has(a));o.length>0&&t.unset(o);let i=e.filter(a=>{let s=r[a.storyId]?.[Kl];return!(s?.value==="status-value:success"||s?.value==="status-value:warning"||s?.value==="status-value:error")}).map(a=>({value:"status-value:pending",typeId:Kl,storyId:a.storyId,title:"Mapped to Figma",description:"Ready for UI review \u2014 click Run to start"}));i.length>0&&t.set(i)}catch{}}function CQ(){try{let e=localStorage.getItem("uicopilot_review_all_concurrency");if(e)return Math.max(1,Math.min(5,parseInt(e,10)))}catch{}return 3}async function IQ(e,t){let r=await _x();if(r.length===0){e.emit(Jl,{total:0,passed:0,failed:0});return}let n=localStorage.getItem("uicopilot_session_token"),o=localStorage.getItem("uicopilot_selected_project_id");if(!n||!o)return;let i="claude-sonnet-4-6";try{let y=localStorage.getItem("uicopilot_selected_models");if(y){let I=JSON.parse(y);Array.isArray(I)&&I.length>0&&(i=I[0])}}catch{}let a=null;try{typeof Qd=="function"&&(a=Qd(Kl))}catch{}let s=CQ(),u=0,c=0,l=0,p=0,g=0,d=0;e.emit(Xl,{total:r.length,completed:0,currentStoryName:r[0]?.storyName||""});let f=r.map(y=>()=>NT(y,n,o,i,a,t));await Hu(f,s,(y,I)=>{if(I&&typeof I=="object"&&"score"in I){let S=I;S.score!==null&&S.score>=90?u++:S.score!==null&&S.score>=70?c++:l++,p+=S.costUsd||0,g+=S.inputTokens||0,d+=S.outputTokens||0}else l++;console.warn(`[reviewAll] Story ${y+1}/${r.length} done:`,r[y].storyName,I),e.emit(Xl,{total:r.length,completed:u+c+l,currentStoryName:r[y].storyName})},t),e.emit(Jl,{total:r.length,passed:u,failed:l,warnCount:c,costUsd:p,inputTokens:g,outputTokens:d})}var EQ=Xo.div({padding:"8px 12px",display:"flex",flexDirection:"column",gap:"6px"}),RQ=Xo.div({display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px"}),AQ=Xo.span(({theme:e})=>({fontSize:"12px",fontWeight:500,color:e.color.defaultText})),UT=Xo.span(({theme:e})=>({fontSize:"11px",color:e.color.mediumdark})),jT=Xo.button(({theme:e,running:t})=>({display:"flex",alignItems:"center",gap:"6px",padding:"4px 12px",background:t?e.color.warning:e.color.secondary,border:"none",borderRadius:"6px",color:e.color.inverseText,cursor:"pointer",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,transition:"all 0.2s","&:disabled":{opacity:.4,cursor:"not-allowed"},"&:hover:not(:disabled)":{opacity:.9}})),FQ=Xo.div(({theme:e})=>({width:"100%",height:"3px",backgroundColor:e.appBorderColor,borderRadius:"2px",overflow:"hidden"})),PQ=Xo.div(({theme:e,percent:t})=>({width:`${t}%`,height:"100%",backgroundColor:e.color.secondary,borderRadius:"2px",transition:"width 0.3s ease"})),VT=Xo.div(({theme:e})=>({display:"flex",alignItems:"center",gap:`${e.layoutMargin*.8}px`,fontSize:e.typography.size.s1,color:e.color.mediumdark})),as=Xo.span(e=>({display:"flex",alignItems:"center",gap:"3px","&::before":{content:'""',display:"inline-block",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:e.dotColor}})),Nx="uireview/review-all-start",Ox="uireview/review-all-cancel",Xl="uireview/review-all-progress",Jl="uireview/review-all-complete",WT=()=>{let[e,t]=Zd(!1),[r,n]=Zd(null),[o,i]=Zd(null),[a,s]=Zd(null);HT(()=>{let d=()=>{_x().then(S=>{s(S.length)}).catch(()=>{})},f=setTimeout(d,3e3),y=null;try{y=ep.getChannel(),y.on("storyChanged",d),y.on("uireview/mappings-changed",d)}catch{}let I=setInterval(d,6e4);return()=>{clearTimeout(f),clearInterval(I),y&&(y.off("storyChanged",d),y.off("uireview/mappings-changed",d))}},[]),HT(()=>{let d;try{d=ep.getChannel()}catch{return}let f=I=>{n(I),t(!0)},y=I=>{t(!1),n(null),i({total:I.total,passed:I.passed,failed:I.failed,warned:I.warnCount||0,costUsd:I.costUsd||0})};return d.on(Xl,f),d.on(Jl,y),()=>{d.off(Xl,f),d.off(Jl,y)}},[]);let u=$T(()=>{try{ep.getChannel().emit(Nx),t(!0),i(null)}catch{}},[]),c=$T(()=>{try{ep.getChannel().emit(Ox)}catch{}t(!1),n(null)},[]),l=r?Math.round(r.completed/r.total*100):0,p=TQ(),g=(()=>{try{return!!JSON.parse(localStorage.getItem("uicopilot_feature_flags")||"{}").showCosts}catch{return!1}})();return yr.createElement(EQ,null,yr.createElement(RQ,null,yr.createElement(AQ,null,"UI Review"),e?yr.createElement(jT,{running:!0,onClick:c},"Cancel"):yr.createElement(jT,{onClick:u,disabled:!a||a===0},"Run",a?` (${a})`:"")),!e&&o?yr.createElement(yr.Fragment,null,yr.createElement(VT,null,yr.createElement(as,{dotColor:p.color.positive},"Pass (",o.passed,")"),yr.createElement(as,{dotColor:p.color.warning},"Warn (",o.warned,")"),yr.createElement(as,{dotColor:p.color.negative},"Fail (",o.failed,")")),g&&o.costUsd>0&&yr.createElement(UT,null,"$",o.costUsd.toFixed(3)," \xB7 \u20AA",(o.costUsd*3.6).toFixed(3))):e?null:yr.createElement(VT,null,yr.createElement(as,{dotColor:p.color.positive},"Pass"),yr.createElement(as,{dotColor:p.color.warning},"Warn"),yr.createElement(as,{dotColor:p.color.negative},"Fail")),e&&r&&yr.createElement(yr.Fragment,null,yr.createElement(FQ,null,yr.createElement(PQ,{percent:l})),yr.createElement(UT,null,"Reviewing ",Math.min(r.completed+1,r.total),"/",r.total," \u2014 ",r.currentStoryName)))};import*as qT from"@sentry/react";var MQ="https://015e961f5f626bad5315430e02940616@o138219.ingest.us.sentry.io/4511134750539776",GT=!1;function LQ(){if(typeof window>"u")return"production";let e=window.location.hostname;return/^(localhost|127\.0\.0\.1|0\.0\.0\.0)$/i.test(e)?"localhost":"production"}function YT(){if(!GT){GT=!0;try{qT.init({dsn:MQ,environment:LQ(),release:`uicopilot-addon@${process.env.npm_package_version||"unknown"}`,tracesSampleRate:0,enabled:!0,beforeSend(e){return e.tags={...e.tags,component:"storybook-addon"},e}})}catch{}}}YT();var rp="uireview",DQ=`${rp}/panel`,_Q=`${rp}/tool`,KT=`${rp}/test-provider`,NQ=zQ.span(({theme:e})=>({marginLeft:6,padding:"0 5px",fontSize:9,fontWeight:e.typography.weight.bold,lineHeight:"14px",textTransform:"uppercase",letterSpacing:"0.04em",borderRadius:8,color:e.color.lightest,background:G,verticalAlign:"middle"})),OQ=()=>Ri.createElement(Ri.Fragment,null,"UI Parity",Ri.createElement(NQ,null,"beta"));tp.register(rp,()=>{if(t4(),e4(),console.log("[UI Review] Registering addon, checking for StatusStore API..."),typeof Hx=="function"){console.log("[UI Review] StatusStore API available, initializing badges");let e=Hx("uireview/badge");a4(e);let t=Hx("uireview/mapped");c4(t),console.log("[UI Review] Badge listener initialized")}else console.warn("[UI Review] experimental_getStatusStore not available \u2014 badges disabled");tp.add(_Q,{type:$x.TOOL,title:"UI Parity",match:({viewMode:e})=>e==="story",render:()=>Ri.createElement(_T,null)}),OT(),tp.add(KT,{type:$x.experimental_TEST_PROVIDER,id:KT,render:()=>Ri.createElement(WT,null)}),tp.add(DQ,{type:$x.PANEL,title:OQ,match:({viewMode:e})=>e==="story",render:({active:e})=>Ri.createElement(BQ,{active:e||!1},Ri.createElement(_m,null,Ri.createElement(zT,null)))})});
 /*! Bundled license information: