wizards 0.5.1 → 0.5.2

package/apps/web/dist/assets/{Harness-DKE-YNA5.js → Harness-o8IIQXZp.js}

@@ -1,4 +1,4 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{$ as r,En as i,Rr as a,W as o,Yn as s,Yt as c,dn as l,gn as u}from"./ui-B6S5hYPd.js";import{B as d,Yt as f}from"./index-BzPid1oQ.js";var p=e(t(),1),m=2,h=1,g=class{activate(e){this._terminal=e}dispose(){}fit(){let e=this.proposeDimensions();if(!e||!this._terminal||isNaN(e.cols)||isNaN(e.rows))return;let t=this._terminal._core;(this._terminal.rows!==e.rows||this._terminal.cols!==e.cols)&&(t._renderService.clear(),this._terminal.resize(e.cols,e.rows))}proposeDimensions(){if(!this._terminal||!this._terminal.element||!this._terminal.element.parentElement)return;let e=this._terminal._core._renderService.dimensions;if(e.css.cell.width===0||e.css.cell.height===0)return;let t=this._terminal.options.scrollback===0?0:this._terminal.options.overviewRuler?.width||14,n=window.getComputedStyle(this._terminal.element.parentElement),r=parseInt(n.getPropertyValue(`height`)),i=Math.max(0,parseInt(n.getPropertyValue(`width`))),a=window.getComputedStyle(this._terminal.element),o={top:parseInt(a.getPropertyValue(`padding-top`)),bottom:parseInt(a.getPropertyValue(`padding-bottom`)),right:parseInt(a.getPropertyValue(`padding-right`)),left:parseInt(a.getPropertyValue(`padding-left`))},s=o.top+o.bottom,c=o.right+o.left,l=r-s,u=i-c-t;return{cols:Math.max(m,Math.floor(u/e.css.cell.width)),rows:Math.max(h,Math.floor(l/e.css.cell.height))}}},_=class{constructor(e,t,n,r={}){this._terminal=e,this._regex=t,this._handler=n,this._options=r}provideLinks(e,t){let n=te.computeLink(e,this._regex,this._terminal,this._handler);t(this._addCallbacks(n))}_addCallbacks(e){return e.map(e=>(e.leave=this._options.leave,e.hover=(t,n)=>{if(this._options.hover){let{range:r}=e;this._options.hover(t,n,r)}},e))}};function ee(e){try{let t=new URL(e),n=t.password&&t.username?`${t.protocol}//${t.username}:${t.password}@${t.host}`:t.username?`${t.protocol}//${t.username}@${t.host}`:`${t.protocol}//${t.host}`;return e.toLocaleLowerCase().startsWith(n.toLocaleLowerCase())}catch{return!1}}var te=class e{static computeLink(t,n,r,i){let a=new RegExp(n.source,(n.flags||``)+`g`),[o,s]=e._getWindowedLineStrings(t-1,r),c=o.join(``),l,u=[];for(;l=a.exec(c);){let t=l[0];if(!ee(t))continue;let[n,a]=e._mapStrIdx(r,s,0,l.index),[o,c]=e._mapStrIdx(r,n,a,t.length);if(n===-1||a===-1||o===-1||c===-1)continue;let d={start:{x:a+1,y:n+1},end:{x:c,y:o+1}};u.push({range:d,text:t,activate:i})}return u}static _getWindowedLineStrings(e,t){let n,r=e,i=e,a=0,o=``,s=[];if(n=t.buffer.active.getLine(e)){let e=n.translateToString(!0);if(n.isWrapped&&e[0]!==` `){for(a=0;(n=t.buffer.active.getLine(--r))&&a<2048&&(o=n.translateToString(!0),a+=o.length,s.push(o),n.isWrapped&&o.indexOf(` `)===-1););s.reverse()}for(s.push(e),a=0;(n=t.buffer.active.getLine(++i))&&n.isWrapped&&a<2048&&(o=n.translateToString(!0),a+=o.length,s.push(o),o.indexOf(` `)===-1););}return[s,r]}static _mapStrIdx(e,t,n,r){let i=e.buffer.active,a=i.getNullCell(),o=n;for(;r;){let e=i.getLine(t);if(!e)return[-1,-1];for(let n=o;n<e.length;++n){e.getCell(n,a);let o=a.getChars();if(a.getWidth()&&(r-=o.length||1,n===e.length-1&&o===``)){let e=i.getLine(t+1);e&&e.isWrapped&&(e.getCell(0,a),a.getWidth()===2&&(r+=1))}if(r<0)return[t,n]}t++,o=0}return[t,o]}},ne=/(https?|HTTPS?):[/]{2}[^\s"'!*(){}|\\\^<>`]*[^\s"':,.!?{}|\\\^~\[\]`()<>]/;function re(e,t){let n=window.open();if(n){try{n.opener=null}catch{}n.location.href=t}else console.warn(`Opening link blocked as opener could not be cleared`)}var ie=class{constructor(e=re,t={}){this._handler=e,this._options=t}activate(e){this._terminal=e;let t=this._options,n=t.urlRegex||ne;this._linkProvider=this._terminal.registerLinkProvider(new _(this._terminal,n,this._handler,t))}dispose(){this._linkProvider?.dispose()}},ae=Object.defineProperty,oe=Object.getOwnPropertyDescriptor,se=(e,t)=>{for(var n in t)ae(e,n,{get:t[n],enumerable:!0})},v=(e,t,n,r)=>{for(var i=r>1?void 0:r?oe(t,n):t,a=e.length-1,o;a>=0;a--)(o=e[a])&&(i=(r?o(t,n,i):o(i))||i);return r&&i&&ae(t,n,i),i},y=(e,t)=>(n,r)=>t(n,r,e),ce=`Terminal input`,b={get:()=>ce,set:e=>ce=e},le=`Too much output to announce, navigate to rows manually to read`,ue={get:()=>le,set:e=>le=e};function de(e){return e.replace(/\r?\n/g,`\r`)}function x(e,t){return t?`\x1B[200~`+e+`\x1B[201~`:e}function fe(e,t){e.clipboardData&&e.clipboardData.setData(`text/plain`,t.selectionText),e.preventDefault()}function pe(e,t,n,r){e.stopPropagation(),e.clipboardData&&me(e.clipboardData.getData(`text/plain`),t,n,r)}function me(e,t,n,r){e=de(e),e=x(e,n.decPrivateModes.bracketedPasteMode&&r.rawOptions.ignoreBracketedPasteMode!==!0),n.triggerDataEvent(e,!0),t.value=``}function he(e,t,n){let r=n.getBoundingClientRect(),i=e.clientX-r.left-10,a=e.clientY-r.top-10;t.style.width=`20px`,t.style.height=`20px`,t.style.left=`${i}px`,t.style.top=`${a}px`,t.style.zIndex=`1000`,t.focus()}function ge(e,t,n,r,i){he(e,t,n),i&&r.rightClickSelect(e),t.value=r.selectionText,t.select()}function S(e){return e>65535?(e-=65536,String.fromCharCode((e>>10)+55296)+String.fromCharCode(e%1024+56320)):String.fromCharCode(e)}function _e(e,t=0,n=e.length){let r=``;for(let i=t;i<n;++i){let t=e[i];t>65535?(t-=65536,r+=String.fromCharCode((t>>10)+55296)+String.fromCharCode(t%1024+56320)):r+=String.fromCharCode(t)}return r}var ve=class{constructor(){this._interim=0}clear(){this._interim=0}decode(e,t){let n=e.length;if(!n)return 0;let r=0,i=0;if(this._interim){let n=e.charCodeAt(i++);56320<=n&&n<=57343?t[r++]=(this._interim-55296)*1024+n-56320+65536:(t[r++]=this._interim,t[r++]=n),this._interim=0}for(let a=i;a<n;++a){let i=e.charCodeAt(a);if(55296<=i&&i<=56319){if(++a>=n)return this._interim=i,r;let o=e.charCodeAt(a);56320<=o&&o<=57343?t[r++]=(i-55296)*1024+o-56320+65536:(t[r++]=i,t[r++]=o);continue}i!==65279&&(t[r++]=i)}return r}},ye=class{constructor(){this.interim=new Uint8Array(3)}clear(){this.interim.fill(0)}decode(e,t){let n=e.length;if(!n)return 0;let r=0,i,a,o,s,c=0,l=0;if(this.interim[0]){let i=!1,a=this.interim[0];a&=(a&224)==192?31:(a&240)==224?15:7;let o=0,s;for(;(s=this.interim[++o]&63)&&o<4;)a<<=6,a|=s;let c=(this.interim[0]&224)==192?2:(this.interim[0]&240)==224?3:4,u=c-o;for(;l<u;){if(l>=n)return 0;if(s=e[l++],(s&192)!=128){l--,i=!0;break}this.interim[o++]=s,a<<=6,a|=s&63}i||(c===2?a<128?l--:t[r++]=a:c===3?a<2048||a>=55296&&a<=57343||a===65279||(t[r++]=a):a<65536||a>1114111||(t[r++]=a)),this.interim.fill(0)}let u=n-4,d=l;for(;d<n;){for(;d<u&&!((i=e[d])&128)&&!((a=e[d+1])&128)&&!((o=e[d+2])&128)&&!((s=e[d+3])&128);)t[r++]=i,t[r++]=a,t[r++]=o,t[r++]=s,d+=4;if(i=e[d++],i<128)t[r++]=i;else if((i&224)==192){if(d>=n)return this.interim[0]=i,r;if(a=e[d++],(a&192)!=128){d--;continue}if(c=(i&31)<<6|a&63,c<128){d--;continue}t[r++]=c}else if((i&240)==224){if(d>=n)return this.interim[0]=i,r;if(a=e[d++],(a&192)!=128){d--;continue}if(d>=n)return this.interim[0]=i,this.interim[1]=a,r;if(o=e[d++],(o&192)!=128){d--;continue}if(c=(i&15)<<12|(a&63)<<6|o&63,c<2048||c>=55296&&c<=57343||c===65279)continue;t[r++]=c}else if((i&248)==240){if(d>=n)return this.interim[0]=i,r;if(a=e[d++],(a&192)!=128){d--;continue}if(d>=n)return this.interim[0]=i,this.interim[1]=a,r;if(o=e[d++],(o&192)!=128){d--;continue}if(d>=n)return this.interim[0]=i,this.interim[1]=a,this.interim[2]=o,r;if(s=e[d++],(s&192)!=128){d--;continue}if(c=(i&7)<<18|(a&63)<<12|(o&63)<<6|s&63,c<65536||c>1114111)continue;t[r++]=c}}return r}},be=``,xe=` `,Se=class e{constructor(){this.fg=0,this.bg=0,this.extended=new Ce}static toColorRGB(e){return[e>>>16&255,e>>>8&255,e&255]}static fromColorRGB(e){return(e[0]&255)<<16|(e[1]&255)<<8|e[2]&255}clone(){let t=new e;return t.fg=this.fg,t.bg=this.bg,t.extended=this.extended.clone(),t}isInverse(){return this.fg&67108864}isBold(){return this.fg&134217728}isUnderline(){return this.hasExtendedAttrs()&&this.extended.underlineStyle!==0?1:this.fg&268435456}isBlink(){return this.fg&536870912}isInvisible(){return this.fg&1073741824}isItalic(){return this.bg&67108864}isDim(){return this.bg&134217728}isStrikethrough(){return this.fg&2147483648}isProtected(){return this.bg&536870912}isOverline(){return this.bg&1073741824}getFgColorMode(){return this.fg&50331648}getBgColorMode(){return this.bg&50331648}isFgRGB(){return(this.fg&50331648)==50331648}isBgRGB(){return(this.bg&50331648)==50331648}isFgPalette(){return(this.fg&50331648)==16777216||(this.fg&50331648)==33554432}isBgPalette(){return(this.bg&50331648)==16777216||(this.bg&50331648)==33554432}isFgDefault(){return!(this.fg&50331648)}isBgDefault(){return!(this.bg&50331648)}isAttributeDefault(){return this.fg===0&&this.bg===0}getFgColor(){switch(this.fg&50331648){case 16777216:case 33554432:return this.fg&255;case 50331648:return this.fg&16777215;default:return-1}}getBgColor(){switch(this.bg&50331648){case 16777216:case 33554432:return this.bg&255;case 50331648:return this.bg&16777215;default:return-1}}hasExtendedAttrs(){return this.bg&268435456}updateExtended(){this.extended.isEmpty()?this.bg&=-268435457:this.bg|=268435456}getUnderlineColor(){if(this.bg&268435456&&~this.extended.underlineColor)switch(this.extended.underlineColor&50331648){case 16777216:case 33554432:return this.extended.underlineColor&255;case 50331648:return this.extended.underlineColor&16777215;default:return this.getFgColor()}return this.getFgColor()}getUnderlineColorMode(){return this.bg&268435456&&~this.extended.underlineColor?this.extended.underlineColor&50331648:this.getFgColorMode()}isUnderlineColorRGB(){return this.bg&268435456&&~this.extended.underlineColor?(this.extended.underlineColor&50331648)==50331648:this.isFgRGB()}isUnderlineColorPalette(){return this.bg&268435456&&~this.extended.underlineColor?(this.extended.underlineColor&50331648)==16777216||(this.extended.underlineColor&50331648)==33554432:this.isFgPalette()}isUnderlineColorDefault(){return this.bg&268435456&&~this.extended.underlineColor?!(this.extended.underlineColor&50331648):this.isFgDefault()}getUnderlineStyle(){return this.fg&268435456?this.bg&268435456?this.extended.underlineStyle:1:0}getUnderlineVariantOffset(){return this.extended.underlineVariantOffset}},Ce=class e{constructor(e=0,t=0){this._ext=0,this._urlId=0,this._ext=e,this._urlId=t}get ext(){return this._urlId?this._ext&-469762049|this.underlineStyle<<26:this._ext}set ext(e){this._ext=e}get underlineStyle(){return this._urlId?5:(this._ext&469762048)>>26}set underlineStyle(e){this._ext&=-469762049,this._ext|=e<<26&469762048}get underlineColor(){return this._ext&67108863}set underlineColor(e){this._ext&=-67108864,this._ext|=e&67108863}get urlId(){return this._urlId}set urlId(e){this._urlId=e}get underlineVariantOffset(){let e=(this._ext&3758096384)>>29;return e<0?e^4294967288:e}set underlineVariantOffset(e){this._ext&=536870911,this._ext|=e<<29&3758096384}clone(){return new e(this._ext,this._urlId)}isEmpty(){return this.underlineStyle===0&&this._urlId===0}},C=class e extends Se{constructor(){super(...arguments),this.content=0,this.fg=0,this.bg=0,this.extended=new Ce,this.combinedData=``}static fromCharData(t){let n=new e;return n.setFromCharData(t),n}isCombined(){return this.content&2097152}getWidth(){return this.content>>22}getChars(){return this.content&2097152?this.combinedData:this.content&2097151?S(this.content&2097151):``}getCode(){return this.isCombined()?this.combinedData.charCodeAt(this.combinedData.length-1):this.content&2097151}setFromCharData(e){this.fg=e[0],this.bg=0;let t=!1;if(e[1].length>2)t=!0;else if(e[1].length===2){let n=e[1].charCodeAt(0);if(55296<=n&&n<=56319){let r=e[1].charCodeAt(1);56320<=r&&r<=57343?this.content=(n-55296)*1024+r-56320+65536|e[2]<<22:t=!0}else t=!0}else this.content=e[1].charCodeAt(0)|e[2]<<22;t&&(this.combinedData=e[1],this.content=2097152|e[2]<<22)}getAsCharData(){return[this.fg,this.getChars(),this.getWidth(),this.getCode()]}},we=`di$target`,Te=`di$dependencies`,Ee=new Map;function De(e){return e[Te]||[]}function w(e){if(Ee.has(e))return Ee.get(e);let t=function(e,n,r){if(arguments.length!==3)throw Error(`@IServiceName-decorator can only be used to decorate a parameter`);Oe(t,e,r)};return t._id=e,Ee.set(e,t),t}function Oe(e,t,n){t[we]===t?t[Te].push({id:e,index:n}):(t[Te]=[{id:e,index:n}],t[we]=t)}var T=w(`BufferService`),ke=w(`CoreMouseService`),Ae=w(`CoreService`),je=w(`CharsetService`),Me=w(`InstantiationService`),Ne=w(`LogService`),E=w(`OptionsService`),Pe=w(`OscLinkService`),Fe=w(`UnicodeService`),Ie=w(`DecorationService`),Le=class{constructor(e,t,n){this._bufferService=e,this._optionsService=t,this._oscLinkService=n}provideLinks(e,t){let n=this._bufferService.buffer.lines.get(e-1);if(!n){t(void 0);return}let r=[],i=this._optionsService.rawOptions.linkHandler,a=new C,o=n.getTrimmedLength(),s=-1,c=-1,l=!1;for(let t=0;t<o;t++)if(c!==-1||n.hasContent(t)){if(n.loadCell(t,a),a.hasExtendedAttrs()&&a.extended.urlId){if(c===-1){c=t,s=a.extended.urlId;continue}l=a.extended.urlId!==s}else c!==-1&&(l=!0);if(l||c!==-1&&t===o-1){let n=this._oscLinkService.getLinkData(s)?.uri;if(n){let a={start:{x:c+1,y:e},end:{x:t+ +(!l&&t===o-1),y:e}},s=!1;if(!i?.allowNonHttpProtocols)try{let e=new URL(n);[`http:`,`https:`].includes(e.protocol)||(s=!0)}catch{s=!0}s||r.push({text:n,range:a,activate:(e,t)=>i?i.activate(e,t,a):Re(e,t),hover:(e,t)=>i?.hover?.(e,t,a),leave:(e,t)=>i?.leave?.(e,t,a)})}l=!1,a.hasExtendedAttrs()&&a.extended.urlId?(c=t,s=a.extended.urlId):(c=-1,s=-1)}}t(r)}};Le=v([y(0,T),y(1,E),y(2,Pe)],Le);function Re(e,t){if(confirm(`Do you want to navigate to ${t}?
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{$ as r,En as i,Rr as a,W as o,Yn as s,Yt as c,dn as l,gn as u}from"./ui-DftgEA2k.js";import{B as d,Yt as f}from"./index-BuFrRzvG.js";var p=e(t(),1),m=2,h=1,g=class{activate(e){this._terminal=e}dispose(){}fit(){let e=this.proposeDimensions();if(!e||!this._terminal||isNaN(e.cols)||isNaN(e.rows))return;let t=this._terminal._core;(this._terminal.rows!==e.rows||this._terminal.cols!==e.cols)&&(t._renderService.clear(),this._terminal.resize(e.cols,e.rows))}proposeDimensions(){if(!this._terminal||!this._terminal.element||!this._terminal.element.parentElement)return;let e=this._terminal._core._renderService.dimensions;if(e.css.cell.width===0||e.css.cell.height===0)return;let t=this._terminal.options.scrollback===0?0:this._terminal.options.overviewRuler?.width||14,n=window.getComputedStyle(this._terminal.element.parentElement),r=parseInt(n.getPropertyValue(`height`)),i=Math.max(0,parseInt(n.getPropertyValue(`width`))),a=window.getComputedStyle(this._terminal.element),o={top:parseInt(a.getPropertyValue(`padding-top`)),bottom:parseInt(a.getPropertyValue(`padding-bottom`)),right:parseInt(a.getPropertyValue(`padding-right`)),left:parseInt(a.getPropertyValue(`padding-left`))},s=o.top+o.bottom,c=o.right+o.left,l=r-s,u=i-c-t;return{cols:Math.max(m,Math.floor(u/e.css.cell.width)),rows:Math.max(h,Math.floor(l/e.css.cell.height))}}},_=class{constructor(e,t,n,r={}){this._terminal=e,this._regex=t,this._handler=n,this._options=r}provideLinks(e,t){let n=te.computeLink(e,this._regex,this._terminal,this._handler);t(this._addCallbacks(n))}_addCallbacks(e){return e.map(e=>(e.leave=this._options.leave,e.hover=(t,n)=>{if(this._options.hover){let{range:r}=e;this._options.hover(t,n,r)}},e))}};function ee(e){try{let t=new URL(e),n=t.password&&t.username?`${t.protocol}//${t.username}:${t.password}@${t.host}`:t.username?`${t.protocol}//${t.username}@${t.host}`:`${t.protocol}//${t.host}`;return e.toLocaleLowerCase().startsWith(n.toLocaleLowerCase())}catch{return!1}}var te=class e{static computeLink(t,n,r,i){let a=new RegExp(n.source,(n.flags||``)+`g`),[o,s]=e._getWindowedLineStrings(t-1,r),c=o.join(``),l,u=[];for(;l=a.exec(c);){let t=l[0];if(!ee(t))continue;let[n,a]=e._mapStrIdx(r,s,0,l.index),[o,c]=e._mapStrIdx(r,n,a,t.length);if(n===-1||a===-1||o===-1||c===-1)continue;let d={start:{x:a+1,y:n+1},end:{x:c,y:o+1}};u.push({range:d,text:t,activate:i})}return u}static _getWindowedLineStrings(e,t){let n,r=e,i=e,a=0,o=``,s=[];if(n=t.buffer.active.getLine(e)){let e=n.translateToString(!0);if(n.isWrapped&&e[0]!==` `){for(a=0;(n=t.buffer.active.getLine(--r))&&a<2048&&(o=n.translateToString(!0),a+=o.length,s.push(o),n.isWrapped&&o.indexOf(` `)===-1););s.reverse()}for(s.push(e),a=0;(n=t.buffer.active.getLine(++i))&&n.isWrapped&&a<2048&&(o=n.translateToString(!0),a+=o.length,s.push(o),o.indexOf(` `)===-1););}return[s,r]}static _mapStrIdx(e,t,n,r){let i=e.buffer.active,a=i.getNullCell(),o=n;for(;r;){let e=i.getLine(t);if(!e)return[-1,-1];for(let n=o;n<e.length;++n){e.getCell(n,a);let o=a.getChars();if(a.getWidth()&&(r-=o.length||1,n===e.length-1&&o===``)){let e=i.getLine(t+1);e&&e.isWrapped&&(e.getCell(0,a),a.getWidth()===2&&(r+=1))}if(r<0)return[t,n]}t++,o=0}return[t,o]}},ne=/(https?|HTTPS?):[/]{2}[^\s"'!*(){}|\\\^<>`]*[^\s"':,.!?{}|\\\^~\[\]`()<>]/;function re(e,t){let n=window.open();if(n){try{n.opener=null}catch{}n.location.href=t}else console.warn(`Opening link blocked as opener could not be cleared`)}var ie=class{constructor(e=re,t={}){this._handler=e,this._options=t}activate(e){this._terminal=e;let t=this._options,n=t.urlRegex||ne;this._linkProvider=this._terminal.registerLinkProvider(new _(this._terminal,n,this._handler,t))}dispose(){this._linkProvider?.dispose()}},ae=Object.defineProperty,oe=Object.getOwnPropertyDescriptor,se=(e,t)=>{for(var n in t)ae(e,n,{get:t[n],enumerable:!0})},v=(e,t,n,r)=>{for(var i=r>1?void 0:r?oe(t,n):t,a=e.length-1,o;a>=0;a--)(o=e[a])&&(i=(r?o(t,n,i):o(i))||i);return r&&i&&ae(t,n,i),i},y=(e,t)=>(n,r)=>t(n,r,e),ce=`Terminal input`,b={get:()=>ce,set:e=>ce=e},le=`Too much output to announce, navigate to rows manually to read`,ue={get:()=>le,set:e=>le=e};function de(e){return e.replace(/\r?\n/g,`\r`)}function x(e,t){return t?`\x1B[200~`+e+`\x1B[201~`:e}function fe(e,t){e.clipboardData&&e.clipboardData.setData(`text/plain`,t.selectionText),e.preventDefault()}function pe(e,t,n,r){e.stopPropagation(),e.clipboardData&&me(e.clipboardData.getData(`text/plain`),t,n,r)}function me(e,t,n,r){e=de(e),e=x(e,n.decPrivateModes.bracketedPasteMode&&r.rawOptions.ignoreBracketedPasteMode!==!0),n.triggerDataEvent(e,!0),t.value=``}function he(e,t,n){let r=n.getBoundingClientRect(),i=e.clientX-r.left-10,a=e.clientY-r.top-10;t.style.width=`20px`,t.style.height=`20px`,t.style.left=`${i}px`,t.style.top=`${a}px`,t.style.zIndex=`1000`,t.focus()}function ge(e,t,n,r,i){he(e,t,n),i&&r.rightClickSelect(e),t.value=r.selectionText,t.select()}function S(e){return e>65535?(e-=65536,String.fromCharCode((e>>10)+55296)+String.fromCharCode(e%1024+56320)):String.fromCharCode(e)}function _e(e,t=0,n=e.length){let r=``;for(let i=t;i<n;++i){let t=e[i];t>65535?(t-=65536,r+=String.fromCharCode((t>>10)+55296)+String.fromCharCode(t%1024+56320)):r+=String.fromCharCode(t)}return r}var ve=class{constructor(){this._interim=0}clear(){this._interim=0}decode(e,t){let n=e.length;if(!n)return 0;let r=0,i=0;if(this._interim){let n=e.charCodeAt(i++);56320<=n&&n<=57343?t[r++]=(this._interim-55296)*1024+n-56320+65536:(t[r++]=this._interim,t[r++]=n),this._interim=0}for(let a=i;a<n;++a){let i=e.charCodeAt(a);if(55296<=i&&i<=56319){if(++a>=n)return this._interim=i,r;let o=e.charCodeAt(a);56320<=o&&o<=57343?t[r++]=(i-55296)*1024+o-56320+65536:(t[r++]=i,t[r++]=o);continue}i!==65279&&(t[r++]=i)}return r}},ye=class{constructor(){this.interim=new Uint8Array(3)}clear(){this.interim.fill(0)}decode(e,t){let n=e.length;if(!n)return 0;let r=0,i,a,o,s,c=0,l=0;if(this.interim[0]){let i=!1,a=this.interim[0];a&=(a&224)==192?31:(a&240)==224?15:7;let o=0,s;for(;(s=this.interim[++o]&63)&&o<4;)a<<=6,a|=s;let c=(this.interim[0]&224)==192?2:(this.interim[0]&240)==224?3:4,u=c-o;for(;l<u;){if(l>=n)return 0;if(s=e[l++],(s&192)!=128){l--,i=!0;break}this.interim[o++]=s,a<<=6,a|=s&63}i||(c===2?a<128?l--:t[r++]=a:c===3?a<2048||a>=55296&&a<=57343||a===65279||(t[r++]=a):a<65536||a>1114111||(t[r++]=a)),this.interim.fill(0)}let u=n-4,d=l;for(;d<n;){for(;d<u&&!((i=e[d])&128)&&!((a=e[d+1])&128)&&!((o=e[d+2])&128)&&!((s=e[d+3])&128);)t[r++]=i,t[r++]=a,t[r++]=o,t[r++]=s,d+=4;if(i=e[d++],i<128)t[r++]=i;else if((i&224)==192){if(d>=n)return this.interim[0]=i,r;if(a=e[d++],(a&192)!=128){d--;continue}if(c=(i&31)<<6|a&63,c<128){d--;continue}t[r++]=c}else if((i&240)==224){if(d>=n)return this.interim[0]=i,r;if(a=e[d++],(a&192)!=128){d--;continue}if(d>=n)return this.interim[0]=i,this.interim[1]=a,r;if(o=e[d++],(o&192)!=128){d--;continue}if(c=(i&15)<<12|(a&63)<<6|o&63,c<2048||c>=55296&&c<=57343||c===65279)continue;t[r++]=c}else if((i&248)==240){if(d>=n)return this.interim[0]=i,r;if(a=e[d++],(a&192)!=128){d--;continue}if(d>=n)return this.interim[0]=i,this.interim[1]=a,r;if(o=e[d++],(o&192)!=128){d--;continue}if(d>=n)return this.interim[0]=i,this.interim[1]=a,this.interim[2]=o,r;if(s=e[d++],(s&192)!=128){d--;continue}if(c=(i&7)<<18|(a&63)<<12|(o&63)<<6|s&63,c<65536||c>1114111)continue;t[r++]=c}}return r}},be=``,xe=` `,Se=class e{constructor(){this.fg=0,this.bg=0,this.extended=new Ce}static toColorRGB(e){return[e>>>16&255,e>>>8&255,e&255]}static fromColorRGB(e){return(e[0]&255)<<16|(e[1]&255)<<8|e[2]&255}clone(){let t=new e;return t.fg=this.fg,t.bg=this.bg,t.extended=this.extended.clone(),t}isInverse(){return this.fg&67108864}isBold(){return this.fg&134217728}isUnderline(){return this.hasExtendedAttrs()&&this.extended.underlineStyle!==0?1:this.fg&268435456}isBlink(){return this.fg&536870912}isInvisible(){return this.fg&1073741824}isItalic(){return this.bg&67108864}isDim(){return this.bg&134217728}isStrikethrough(){return this.fg&2147483648}isProtected(){return this.bg&536870912}isOverline(){return this.bg&1073741824}getFgColorMode(){return this.fg&50331648}getBgColorMode(){return this.bg&50331648}isFgRGB(){return(this.fg&50331648)==50331648}isBgRGB(){return(this.bg&50331648)==50331648}isFgPalette(){return(this.fg&50331648)==16777216||(this.fg&50331648)==33554432}isBgPalette(){return(this.bg&50331648)==16777216||(this.bg&50331648)==33554432}isFgDefault(){return!(this.fg&50331648)}isBgDefault(){return!(this.bg&50331648)}isAttributeDefault(){return this.fg===0&&this.bg===0}getFgColor(){switch(this.fg&50331648){case 16777216:case 33554432:return this.fg&255;case 50331648:return this.fg&16777215;default:return-1}}getBgColor(){switch(this.bg&50331648){case 16777216:case 33554432:return this.bg&255;case 50331648:return this.bg&16777215;default:return-1}}hasExtendedAttrs(){return this.bg&268435456}updateExtended(){this.extended.isEmpty()?this.bg&=-268435457:this.bg|=268435456}getUnderlineColor(){if(this.bg&268435456&&~this.extended.underlineColor)switch(this.extended.underlineColor&50331648){case 16777216:case 33554432:return this.extended.underlineColor&255;case 50331648:return this.extended.underlineColor&16777215;default:return this.getFgColor()}return this.getFgColor()}getUnderlineColorMode(){return this.bg&268435456&&~this.extended.underlineColor?this.extended.underlineColor&50331648:this.getFgColorMode()}isUnderlineColorRGB(){return this.bg&268435456&&~this.extended.underlineColor?(this.extended.underlineColor&50331648)==50331648:this.isFgRGB()}isUnderlineColorPalette(){return this.bg&268435456&&~this.extended.underlineColor?(this.extended.underlineColor&50331648)==16777216||(this.extended.underlineColor&50331648)==33554432:this.isFgPalette()}isUnderlineColorDefault(){return this.bg&268435456&&~this.extended.underlineColor?!(this.extended.underlineColor&50331648):this.isFgDefault()}getUnderlineStyle(){return this.fg&268435456?this.bg&268435456?this.extended.underlineStyle:1:0}getUnderlineVariantOffset(){return this.extended.underlineVariantOffset}},Ce=class e{constructor(e=0,t=0){this._ext=0,this._urlId=0,this._ext=e,this._urlId=t}get ext(){return this._urlId?this._ext&-469762049|this.underlineStyle<<26:this._ext}set ext(e){this._ext=e}get underlineStyle(){return this._urlId?5:(this._ext&469762048)>>26}set underlineStyle(e){this._ext&=-469762049,this._ext|=e<<26&469762048}get underlineColor(){return this._ext&67108863}set underlineColor(e){this._ext&=-67108864,this._ext|=e&67108863}get urlId(){return this._urlId}set urlId(e){this._urlId=e}get underlineVariantOffset(){let e=(this._ext&3758096384)>>29;return e<0?e^4294967288:e}set underlineVariantOffset(e){this._ext&=536870911,this._ext|=e<<29&3758096384}clone(){return new e(this._ext,this._urlId)}isEmpty(){return this.underlineStyle===0&&this._urlId===0}},C=class e extends Se{constructor(){super(...arguments),this.content=0,this.fg=0,this.bg=0,this.extended=new Ce,this.combinedData=``}static fromCharData(t){let n=new e;return n.setFromCharData(t),n}isCombined(){return this.content&2097152}getWidth(){return this.content>>22}getChars(){return this.content&2097152?this.combinedData:this.content&2097151?S(this.content&2097151):``}getCode(){return this.isCombined()?this.combinedData.charCodeAt(this.combinedData.length-1):this.content&2097151}setFromCharData(e){this.fg=e[0],this.bg=0;let t=!1;if(e[1].length>2)t=!0;else if(e[1].length===2){let n=e[1].charCodeAt(0);if(55296<=n&&n<=56319){let r=e[1].charCodeAt(1);56320<=r&&r<=57343?this.content=(n-55296)*1024+r-56320+65536|e[2]<<22:t=!0}else t=!0}else this.content=e[1].charCodeAt(0)|e[2]<<22;t&&(this.combinedData=e[1],this.content=2097152|e[2]<<22)}getAsCharData(){return[this.fg,this.getChars(),this.getWidth(),this.getCode()]}},we=`di$target`,Te=`di$dependencies`,Ee=new Map;function De(e){return e[Te]||[]}function w(e){if(Ee.has(e))return Ee.get(e);let t=function(e,n,r){if(arguments.length!==3)throw Error(`@IServiceName-decorator can only be used to decorate a parameter`);Oe(t,e,r)};return t._id=e,Ee.set(e,t),t}function Oe(e,t,n){t[we]===t?t[Te].push({id:e,index:n}):(t[Te]=[{id:e,index:n}],t[we]=t)}var T=w(`BufferService`),ke=w(`CoreMouseService`),Ae=w(`CoreService`),je=w(`CharsetService`),Me=w(`InstantiationService`),Ne=w(`LogService`),E=w(`OptionsService`),Pe=w(`OscLinkService`),Fe=w(`UnicodeService`),Ie=w(`DecorationService`),Le=class{constructor(e,t,n){this._bufferService=e,this._optionsService=t,this._oscLinkService=n}provideLinks(e,t){let n=this._bufferService.buffer.lines.get(e-1);if(!n){t(void 0);return}let r=[],i=this._optionsService.rawOptions.linkHandler,a=new C,o=n.getTrimmedLength(),s=-1,c=-1,l=!1;for(let t=0;t<o;t++)if(c!==-1||n.hasContent(t)){if(n.loadCell(t,a),a.hasExtendedAttrs()&&a.extended.urlId){if(c===-1){c=t,s=a.extended.urlId;continue}l=a.extended.urlId!==s}else c!==-1&&(l=!0);if(l||c!==-1&&t===o-1){let n=this._oscLinkService.getLinkData(s)?.uri;if(n){let a={start:{x:c+1,y:e},end:{x:t+ +(!l&&t===o-1),y:e}},s=!1;if(!i?.allowNonHttpProtocols)try{let e=new URL(n);[`http:`,`https:`].includes(e.protocol)||(s=!0)}catch{s=!0}s||r.push({text:n,range:a,activate:(e,t)=>i?i.activate(e,t,a):Re(e,t),hover:(e,t)=>i?.hover?.(e,t,a),leave:(e,t)=>i?.leave?.(e,t,a)})}l=!1,a.hasExtendedAttrs()&&a.extended.urlId?(c=t,s=a.extended.urlId):(c=-1,s=-1)}}t(r)}};Le=v([y(0,T),y(1,E),y(2,Pe)],Le);function Re(e,t){if(confirm(`Do you want to navigate to ${t}?
 
 WARNING: This link could potentially be dangerous`)){let e=window.open();if(e){try{e.opener=null}catch{}e.location.href=t}else console.warn(`Opening link blocked as opener could not be cleared`)}}var ze=w(`CharSizeService`),Be=w(`CoreBrowserService`),Ve=w(`MouseService`),He=w(`RenderService`),Ue=w(`SelectionService`),We=w(`CharacterJoinerService`),Ge=w(`ThemeService`),Ke=w(`LinkProviderService`),qe=new class{constructor(){this.listeners=[],this.unexpectedErrorHandler=function(e){setTimeout(()=>{throw e.stack?$e.isErrorNoTelemetry(e)?new $e(e.message+`
 

package/apps/web/dist/assets/{NewWizardChannels-CnWckqjO.js → NewWizardChannels-DqU79Myj.js}

@@ -1 +1 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{On as r,Xn as i,Yn as a,dn as o,gn as s,tr as c,yn as l,yt as u}from"./ui-B6S5hYPd.js";import{t as d}from"./phone-DtkY0NfU.js";import{It as f,Nt as p,Pt as m,Vt as h}from"./index-BzPid1oQ.js";var g={name:`message-square`,size:24,node:[[`path`,{d:`M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z`,key:`18887p`}]]};g.node;var _=c(g),v=[`text`,`data`,`image`,`video`,`voice`,`document`,`dashboard`,`widget`,`film`,`surface`];[...u],[...v];var y={default:`steps`,enabled:[`steps`,`chat`]},b=e(t(),1),x=e(n(),1),S=[{id:`steps`,group:`web`,runner:`steps`,label:`new.ch.steps`,icon:f},{id:`chat`,group:`web`,runner:`chat`,label:`new.ch.chat`,icon:m},{id:`talk`,group:`web`,runner:`talk`,label:`new.ch.talk`,icon:i},{id:`video`,group:`web`,runner:`video`,label:`new.ch.video`,icon:l},{id:`call`,group:`phone`,runner:`call`,label:`new.ch.call`,icon:d},{id:`wacall`,group:`phone`,runner:`call`,label:`new.ch.whatsapp`,icon:null},{id:`sms`,group:`message`,runner:`sms`,label:`new.ch.sms`,icon:_},{id:`whatsapp`,group:`message`,runner:`whatsapp`,label:`new.ch.whatsapp`,icon:null}],C=[{id:`web`,label:`new.web`,icon:h},{id:`phone`,label:`new.phone`,icon:d},{id:`message`,label:`new.messages`,icon:p}],w=S.filter(e=>y.enabled.includes(e.id)).map(e=>e.id),T=e=>S.filter(t=>e.includes(t.id));function E(e){return e.length===w.length&&w.every(t=>e.includes(t))}function D(e){let t=T(e),n=[...new Set(t.map(e=>e.runner))];return{default:t.find(e=>e.group===`web`)?.runner??n[0]??y.default,enabled:n}}var O=e=>e.map(e=>s(e.label));function k(e){return S.find(t=>t.runner===e)}function A(e){return S.filter(t=>t.id!==`wacall`&&e.includes(t.runner)).map(e=>e.id)}function j(e){let t=T(e),n=C.flatMap(e=>{let n=O(t.filter(t=>t.group===e.id));return n.length?[e.id===`web`?n.join(`, `):`${s(e.label)}: ${n.join(`, `)}`]:[]});return`${s(`new.runsAs`)}: ${n.join(` · `)}`}function M(e){return e.length<=2?e.join(`, `):`${e.slice(0,2).join(`, `)} +${e.length-2}`}function N({channel:e,className:t}){let n=e.icon;return n?(0,x.jsx)(n,{className:t??`size-4`}):(0,x.jsx)(`span`,{"aria-hidden":`true`,className:`font-semibold text-[0.625rem] tracking-wide`,children:`WA`})}function P(e){let t=new Set(e?.map(e=>e.id)??[`steps`,`chat`,`talk`,`video`]);return S.filter(e=>t.has(e.runner))}function F({value:e,onChange:t,runners:n,without:r,disabled:i}){let c=P(n).filter(e=>!r?.includes(e.id)),l=t=>e.includes(t.id),u=n=>{i||l(n)&&e.length===1||t(l(n)?e.filter(e=>e!==n.id):[...e,n.id])},d=t=>{let n=C.find(e=>e.id===t),r=c.filter(e=>e.group===t);if(!(n&&r.length))return null;let d=n.icon;return(0,x.jsxs)(`fieldset`,{className:`m-0 flex min-w-0 flex-col gap-0.5 border-0 p-0`,children:[(0,x.jsxs)(`legend`,{className:`flex items-center gap-1.5 px-2 pt-2 pb-1 text-[0.75rem] text-ink-3`,children:[(0,x.jsx)(d,{className:`size-3.5`}),` `,s(n.label)]}),r.map(t=>(0,x.jsxs)(`div`,{children:[(0,x.jsxs)(`label`,{className:o(`flex h-10 w-full cursor-pointer items-center gap-2.5 rounded-lg px-2 text-[0.875rem] transition hover:bg-accent has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-focus coarse:h-11`,l(t)&&`bg-paper-2`),children:[(0,x.jsx)(`span`,{className:`flex w-5 justify-center text-ink-3`,children:(0,x.jsx)(N,{channel:t})}),(0,x.jsx)(`span`,{className:`flex-1`,children:s(t.label)}),(0,x.jsx)(`input`,{type:`checkbox`,className:`sr-only`,"aria-label":s(t.label),checked:l(t),disabled:i,"aria-disabled":l(t)&&e.length===1,onChange:()=>u(t)}),(0,x.jsx)(`span`,{"aria-hidden":`true`,className:o(`flex size-[1.125rem] items-center justify-center rounded-md ring-1`,l(t)?`bg-ink text-paper ring-ink`:`ring-border`),children:l(t)?(0,x.jsx)(a,{className:`size-3`,strokeWidth:3}):null})]}),t.id===`call`&&l(t)?(0,x.jsx)(`p`,{className:`px-2 pb-1.5 pl-9 text-[0.75rem] text-ink-3`,children:s(`new.callHandoff`)}):null]},t.id))]})};return(0,x.jsxs)(`div`,{className:`grid gap-x-4 sm:grid-cols-2`,children:[d(`web`),(0,x.jsxs)(`div`,{className:`flex flex-col`,children:[d(`phone`),d(`message`)]})]})}function I({value:e,onChange:t,runners:n,className:i}){let[a,c]=(0,b.useState)(!1),[l,u]=(0,b.useState)(0),d=(0,b.useRef)(null);(0,b.useEffect)(()=>{if(!a)return;let e=e=>{d.current?.contains(e.target)||c(!1)},t=e=>{e.key===`Escape`&&c(!1)};return document.addEventListener(`pointerdown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`pointerdown`,e),document.removeEventListener(`keydown`,t)}},[a]);let f=P(n),p=C.filter(e=>f.some(t=>t.group===e.id)),m=t=>e.includes(t.id);return(0,x.jsxs)(`div`,{ref:d,className:o(`relative flex flex-wrap items-center gap-1.5`,i),children:[(0,x.jsx)(`span`,{className:`mr-0.5 px-1 text-[0.8125rem] text-ink-3`,children:s(`new.runsAs`)}),p.map(e=>{let t=O(f.filter(t=>t.group===e.id&&m(t))),n=e.icon;return(0,x.jsxs)(`button`,{type:`button`,"aria-haspopup":`dialog`,"aria-expanded":a,"aria-label":`${s(e.label)}: ${t.length?t.join(`, `):s(`new.off`)}`,onClick:e=>{let t=e.currentTarget;u(t.offsetLeft+t.offsetWidth/2),c(e=>!e)},className:o(`inline-flex h-9 items-center justify-center gap-1.5 rounded-full font-medium text-[0.8125rem] transition coarse:h-11`,t.length?`bg-ink px-3 text-paper`:`w-9 text-ink-3 ring-1 ring-border hover:text-ink coarse:w-11`),children:[(0,x.jsx)(n,{className:`size-4 shrink-0`}),t.length?(0,x.jsx)(`span`,{className:`truncate`,children:M(t)}):null]},e.id)}),(0,x.jsx)(`button`,{type:`button`,"aria-haspopup":`dialog`,"aria-expanded":a,"aria-label":s(`new.where`),onClick:e=>{let t=e.currentTarget;u(t.offsetLeft+t.offsetWidth/2),c(e=>!e)},className:`inline-flex size-9 items-center justify-center rounded-full text-ink-3 ring-1 ring-border transition hover:text-ink coarse:size-11`,children:(0,x.jsx)(r,{className:`size-4`})}),a?(0,x.jsxs)(`div`,{role:`dialog`,"aria-label":s(`new.where`),style:{transformOrigin:`${l}px top`},className:`absolute top-full left-0 z-20 mt-2 w-[min(32rem,calc(100vw-2rem))] animate-unfold rounded-2xl bg-card p-3 text-left shadow-overlay ring-1 ring-border`,children:[(0,x.jsx)(`p`,{className:`px-2 pt-1 font-semibold text-[0.9375rem]`,children:s(`new.where`)}),(0,x.jsx)(F,{value:e,onChange:t,runners:n})]}):null]})}export{j as a,E as c,I as i,D as l,N as n,k as o,F as r,A as s,C as t};
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{On as r,Xn as i,Yn as a,dn as o,gn as s,tr as c,yn as l,yt as u}from"./ui-DftgEA2k.js";import{t as d}from"./phone-DRHxY0l_.js";import{It as f,Nt as p,Pt as m,Vt as h}from"./index-BuFrRzvG.js";var g={name:`message-square`,size:24,node:[[`path`,{d:`M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z`,key:`18887p`}]]};g.node;var _=c(g),v=[`text`,`data`,`image`,`video`,`voice`,`document`,`dashboard`,`widget`,`film`,`surface`];[...u],[...v];var y={default:`steps`,enabled:[`steps`,`chat`]},b=e(t(),1),x=e(n(),1),S=[{id:`steps`,group:`web`,runner:`steps`,label:`new.ch.steps`,icon:f},{id:`chat`,group:`web`,runner:`chat`,label:`new.ch.chat`,icon:m},{id:`talk`,group:`web`,runner:`talk`,label:`new.ch.talk`,icon:i},{id:`video`,group:`web`,runner:`video`,label:`new.ch.video`,icon:l},{id:`call`,group:`phone`,runner:`call`,label:`new.ch.call`,icon:d},{id:`wacall`,group:`phone`,runner:`call`,label:`new.ch.whatsapp`,icon:null},{id:`sms`,group:`message`,runner:`sms`,label:`new.ch.sms`,icon:_},{id:`whatsapp`,group:`message`,runner:`whatsapp`,label:`new.ch.whatsapp`,icon:null}],C=[{id:`web`,label:`new.web`,icon:h},{id:`phone`,label:`new.phone`,icon:d},{id:`message`,label:`new.messages`,icon:p}],w=S.filter(e=>y.enabled.includes(e.id)).map(e=>e.id),T=e=>S.filter(t=>e.includes(t.id));function E(e){return e.length===w.length&&w.every(t=>e.includes(t))}function D(e){let t=T(e),n=[...new Set(t.map(e=>e.runner))];return{default:t.find(e=>e.group===`web`)?.runner??n[0]??y.default,enabled:n}}var O=e=>e.map(e=>s(e.label));function k(e){return S.find(t=>t.runner===e)}function A(e){return S.filter(t=>t.id!==`wacall`&&e.includes(t.runner)).map(e=>e.id)}function j(e){let t=T(e),n=C.flatMap(e=>{let n=O(t.filter(t=>t.group===e.id));return n.length?[e.id===`web`?n.join(`, `):`${s(e.label)}: ${n.join(`, `)}`]:[]});return`${s(`new.runsAs`)}: ${n.join(` · `)}`}function M(e){return e.length<=2?e.join(`, `):`${e.slice(0,2).join(`, `)} +${e.length-2}`}function N({channel:e,className:t}){let n=e.icon;return n?(0,x.jsx)(n,{className:t??`size-4`}):(0,x.jsx)(`span`,{"aria-hidden":`true`,className:`font-semibold text-[0.625rem] tracking-wide`,children:`WA`})}function P(e){let t=new Set(e?.map(e=>e.id)??[`steps`,`chat`,`talk`,`video`]);return S.filter(e=>t.has(e.runner))}function F({value:e,onChange:t,runners:n,without:r,disabled:i}){let c=P(n).filter(e=>!r?.includes(e.id)),l=t=>e.includes(t.id),u=n=>{i||l(n)&&e.length===1||t(l(n)?e.filter(e=>e!==n.id):[...e,n.id])},d=t=>{let n=C.find(e=>e.id===t),r=c.filter(e=>e.group===t);if(!(n&&r.length))return null;let d=n.icon;return(0,x.jsxs)(`fieldset`,{className:`m-0 flex min-w-0 flex-col gap-0.5 border-0 p-0`,children:[(0,x.jsxs)(`legend`,{className:`flex items-center gap-1.5 px-2 pt-2 pb-1 text-[0.75rem] text-ink-3`,children:[(0,x.jsx)(d,{className:`size-3.5`}),` `,s(n.label)]}),r.map(t=>(0,x.jsxs)(`div`,{children:[(0,x.jsxs)(`label`,{className:o(`flex h-10 w-full cursor-pointer items-center gap-2.5 rounded-lg px-2 text-[0.875rem] transition hover:bg-accent has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-focus coarse:h-11`,l(t)&&`bg-paper-2`),children:[(0,x.jsx)(`span`,{className:`flex w-5 justify-center text-ink-3`,children:(0,x.jsx)(N,{channel:t})}),(0,x.jsx)(`span`,{className:`flex-1`,children:s(t.label)}),(0,x.jsx)(`input`,{type:`checkbox`,className:`sr-only`,"aria-label":s(t.label),checked:l(t),disabled:i,"aria-disabled":l(t)&&e.length===1,onChange:()=>u(t)}),(0,x.jsx)(`span`,{"aria-hidden":`true`,className:o(`flex size-[1.125rem] items-center justify-center rounded-md ring-1`,l(t)?`bg-ink text-paper ring-ink`:`ring-border`),children:l(t)?(0,x.jsx)(a,{className:`size-3`,strokeWidth:3}):null})]}),t.id===`call`&&l(t)?(0,x.jsx)(`p`,{className:`px-2 pb-1.5 pl-9 text-[0.75rem] text-ink-3`,children:s(`new.callHandoff`)}):null]},t.id))]})};return(0,x.jsxs)(`div`,{className:`grid gap-x-4 sm:grid-cols-2`,children:[d(`web`),(0,x.jsxs)(`div`,{className:`flex flex-col`,children:[d(`phone`),d(`message`)]})]})}function I({value:e,onChange:t,runners:n,className:i}){let[a,c]=(0,b.useState)(!1),[l,u]=(0,b.useState)(0),d=(0,b.useRef)(null);(0,b.useEffect)(()=>{if(!a)return;let e=e=>{d.current?.contains(e.target)||c(!1)},t=e=>{e.key===`Escape`&&c(!1)};return document.addEventListener(`pointerdown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`pointerdown`,e),document.removeEventListener(`keydown`,t)}},[a]);let f=P(n),p=C.filter(e=>f.some(t=>t.group===e.id)),m=t=>e.includes(t.id);return(0,x.jsxs)(`div`,{ref:d,className:o(`relative flex flex-wrap items-center gap-1.5`,i),children:[(0,x.jsx)(`span`,{className:`mr-0.5 px-1 text-[0.8125rem] text-ink-3`,children:s(`new.runsAs`)}),p.map(e=>{let t=O(f.filter(t=>t.group===e.id&&m(t))),n=e.icon;return(0,x.jsxs)(`button`,{type:`button`,"aria-haspopup":`dialog`,"aria-expanded":a,"aria-label":`${s(e.label)}: ${t.length?t.join(`, `):s(`new.off`)}`,onClick:e=>{let t=e.currentTarget;u(t.offsetLeft+t.offsetWidth/2),c(e=>!e)},className:o(`inline-flex h-9 items-center justify-center gap-1.5 rounded-full font-medium text-[0.8125rem] transition coarse:h-11`,t.length?`bg-ink px-3 text-paper`:`w-9 text-ink-3 ring-1 ring-border hover:text-ink coarse:w-11`),children:[(0,x.jsx)(n,{className:`size-4 shrink-0`}),t.length?(0,x.jsx)(`span`,{className:`truncate`,children:M(t)}):null]},e.id)}),(0,x.jsx)(`button`,{type:`button`,"aria-haspopup":`dialog`,"aria-expanded":a,"aria-label":s(`new.where`),onClick:e=>{let t=e.currentTarget;u(t.offsetLeft+t.offsetWidth/2),c(e=>!e)},className:`inline-flex size-9 items-center justify-center rounded-full text-ink-3 ring-1 ring-border transition hover:text-ink coarse:size-11`,children:(0,x.jsx)(r,{className:`size-4`})}),a?(0,x.jsxs)(`div`,{role:`dialog`,"aria-label":s(`new.where`),style:{transformOrigin:`${l}px top`},className:`absolute top-full left-0 z-20 mt-2 w-[min(32rem,calc(100vw-2rem))] animate-unfold rounded-2xl bg-card p-3 text-left shadow-overlay ring-1 ring-border`,children:[(0,x.jsx)(`p`,{className:`px-2 pt-1 font-semibold text-[0.9375rem]`,children:s(`new.where`)}),(0,x.jsx)(F,{value:e,onChange:t,runners:n})]}):null]})}export{j as a,E as c,I as i,D as l,N as n,k as o,F as r,A as s,C as t};

package/apps/web/dist/assets/{NewWizardPage-BXTpbHVM.js → NewWizardPage-D1UCvmDp.js}

@@ -1,4 +1,4 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{$ as r,Ht as i,Mn as a,On as o,Or as s,Qn as c,Qt as l,Rr as u,W as d,Yt as f,Zt as p,ar as m,c as h,d as g,dn as _,dr as v,f as ee,gn as y,lr as b,m as te,p as x,pn as S,pr as C,u as ne,un as re,vn as w}from"./ui-B6S5hYPd.js";import{a as T,c as E,i as D,l as O}from"./NewWizardChannels-CnWckqjO.js";import{t as k}from"./upload-rYCAy7ox.js";import{C as ie,S as A,T as j,Yt as M,ft as ae,it as N,st as P,w as F}from"./index-BzPid1oQ.js";var I=[[`id`,8],[`toolId`,10],[`moduleId`,7],[`pluginId`,6],[`title`,6],[`description`,4],[`tags`,3],[`path`,3],[`inputSchema`,2],[`outputSchema`,2],[`request`,1],[`response`,1]];function L(e){return e.normalize(`NFKD`).replace(/[̀-ͯ]/g,``).replace(/([a-z])([A-Z])/g,`$1 $2`).toLowerCase()}function R(e){return L(e).split(/[^a-z0-9]+/).map(e=>e.trim()).filter(e=>e.length>1)}function z(e){return e==null?``:Array.isArray(e)?e.map(z).filter(Boolean).join(` `):typeof e==`object`?Object.values(e).map(z).filter(Boolean).join(` `):String(e)}function B(e,t){let n=t.map(([t,n])=>({text:z(e[t]),weight:n})).filter(e=>e.text.length>0);return{fields:n,tokens:n.flatMap(e=>R(e.text))}}function V(e){let t=[e];if(e.length<5)return t;if(e.endsWith(`ing`)){let n=e.slice(0,-3);n.length>=3&&t.push(n,`${n}e`)}else if(e.endsWith(`ies`)&&e.length>=6)t.push(`${e.slice(0,-3)}y`);else if(e.endsWith(`es`))t.push(e.slice(0,-2),e.slice(0,-1));else if(e.endsWith(`ed`)){let n=e.slice(0,-2);t.push(n,`${n}e`)}else e.endsWith(`s`)&&!e.endsWith(`ss`)&&t.push(e.slice(0,-1));return[...new Set(t)]}function H(e,t){if(e===t)return 1;let n=0;for(let r of V(e))for(let i of V(t)){if(r===i){n=Math.max(n,r===e&&i===t?1:.75);continue}r.length>=2&&i.startsWith(r)&&(n=Math.max(n,.55*(r.length/i.length))),i.length>=4&&r.startsWith(i)&&(n=Math.max(n,.4*(i.length/r.length)))}return n}function U(e,t){return e.reduce((e,n)=>e+H(t,n),0)}function W(e,t,n=I){if(!t?.trim())return 0;let r=R(t);if(r.length===0)return 0;let i=B(e,n);return i.tokens.length===0?0:r.reduce((e,t)=>U(i.tokens,t)===0?e:e+i.fields.reduce((e,n)=>{let r=R(n.text),i=U(r,t);if(i===0)return e;let a=i*2.2/(i+1.2+r.length/16);return e+n.weight*a},0),0)}var G=new Set(R(`aber als also am an auch auf aus bei bin bitte brauche brauchen braucht das dass dem den der
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{$ as r,Ht as i,Mn as a,On as o,Or as s,Qn as c,Qt as l,Rr as u,W as d,Yt as f,Zt as p,ar as m,c as h,d as g,dn as _,dr as v,f as ee,gn as y,lr as b,m as te,p as x,pn as S,pr as C,u as ne,un as re,vn as w}from"./ui-DftgEA2k.js";import{a as T,c as E,i as D,l as O}from"./NewWizardChannels-DqU79Myj.js";import{t as k}from"./upload-B73coFNw.js";import{C as ie,S as A,T as j,Yt as M,ft as ae,it as N,st as P,w as F}from"./index-BuFrRzvG.js";var I=[[`id`,8],[`toolId`,10],[`moduleId`,7],[`pluginId`,6],[`title`,6],[`description`,4],[`tags`,3],[`path`,3],[`inputSchema`,2],[`outputSchema`,2],[`request`,1],[`response`,1]];function L(e){return e.normalize(`NFKD`).replace(/[̀-ͯ]/g,``).replace(/([a-z])([A-Z])/g,`$1 $2`).toLowerCase()}function R(e){return L(e).split(/[^a-z0-9]+/).map(e=>e.trim()).filter(e=>e.length>1)}function z(e){return e==null?``:Array.isArray(e)?e.map(z).filter(Boolean).join(` `):typeof e==`object`?Object.values(e).map(z).filter(Boolean).join(` `):String(e)}function B(e,t){let n=t.map(([t,n])=>({text:z(e[t]),weight:n})).filter(e=>e.text.length>0);return{fields:n,tokens:n.flatMap(e=>R(e.text))}}function V(e){let t=[e];if(e.length<5)return t;if(e.endsWith(`ing`)){let n=e.slice(0,-3);n.length>=3&&t.push(n,`${n}e`)}else if(e.endsWith(`ies`)&&e.length>=6)t.push(`${e.slice(0,-3)}y`);else if(e.endsWith(`es`))t.push(e.slice(0,-2),e.slice(0,-1));else if(e.endsWith(`ed`)){let n=e.slice(0,-2);t.push(n,`${n}e`)}else e.endsWith(`s`)&&!e.endsWith(`ss`)&&t.push(e.slice(0,-1));return[...new Set(t)]}function H(e,t){if(e===t)return 1;let n=0;for(let r of V(e))for(let i of V(t)){if(r===i){n=Math.max(n,r===e&&i===t?1:.75);continue}r.length>=2&&i.startsWith(r)&&(n=Math.max(n,.55*(r.length/i.length))),i.length>=4&&r.startsWith(i)&&(n=Math.max(n,.4*(i.length/r.length)))}return n}function U(e,t){return e.reduce((e,n)=>e+H(t,n),0)}function W(e,t,n=I){if(!t?.trim())return 0;let r=R(t);if(r.length===0)return 0;let i=B(e,n);return i.tokens.length===0?0:r.reduce((e,t)=>U(i.tokens,t)===0?e:e+i.fields.reduce((e,n)=>{let r=R(n.text),i=U(r,t);if(i===0)return e;let a=i*2.2/(i+1.2+r.length/16);return e+n.weight*a},0),0)}var G=new Set(R(`aber als also am an auch auf aus bei bin bitte brauche brauchen braucht das dass dem den der
     des die dies diese dieser doch du ein eine einem einen einer eines er es etwas fuer für gerne
     habe haben hat ich ihr im in ist kann können koennen mache machen mag mein meine meinem meinen
     meiner mich mir mit möchte moechte nach nicht noch nur oder sich sie sind soll suche suchen

package/apps/web/dist/assets/{OnboardingPage-3Rz5uOsa.js → OnboardingPage-C70bqPnq.js}

@@ -1 +1 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{Bn as r,Qn as i,Rr as a,W as o,Yn as s,dn as c,gn as l,lr as u}from"./ui-B6S5hYPd.js";import{t as d}from"./upload-rYCAy7ox.js";import{V as f,Yt as p,_t as m,ct as h,ft as g,it as _,mt as v}from"./index-BzPid1oQ.js";var y=e(t(),1),b=e(n(),1),x=`oklch(50% 0.2 262)`,S=`oklch(32% 0.15 262)`,C={"--on":`white`,"--dot":`oklch(90% 0.1 80)`,"--ink-2":`oklch(96% 0.02 262)`,"--ink-3":`oklch(90% 0.035 262)`,"--moss":`oklch(90% 0.14 150)`,"--rose":`oklch(89% 0.09 45)`},w=`w-full rounded-[18px] border border-white/30 bg-white/15 px-6 py-5 text-[1.375rem] text-white outline-none placeholder:text-white/55 focus:border-white/60`;function T(){return(0,b.jsxs)(`span`,{className:`inline-flex items-center gap-2.5`,children:[(0,b.jsx)(m,{size:28}),(0,b.jsxs)(`span`,{className:`font-display font-semibold text-[1.0625rem] tracking-tight`,children:[`engenty`,(0,b.jsx)(`span`,{className:`mr-[0.09em] ml-[0.06em] text-(color:--dot)`,children:`.`}),(0,b.jsx)(`span`,{className:`font-normal text-white/70`,children:`wizards`})]})]})}function E({children:e,busy:t,onClick:n,type:r=`button`}){return(0,b.jsxs)(`button`,{type:r,disabled:t,onClick:n,className:`inline-flex h-13 cursor-pointer items-center gap-2.5 rounded-full bg-white px-7 font-semibold text-[1rem] transition hover:bg-white/90 disabled:cursor-default disabled:opacity-70`,style:{color:S},children:[e,(0,b.jsx)(i,{className:`size-[18px]`})]})}function D({children:e,onClick:t}){return(0,b.jsx)(`button`,{type:`button`,onClick:t,className:`cursor-pointer font-semibold text-[0.9375rem] text-white/85 transition hover:text-white`,children:e})}function O({step:e}){return(0,b.jsx)(`span`,{className:`ml-auto inline-flex gap-1.5`,role:`img`,"aria-label":l(`onboard.step`,{n:e}),children:[1,2,3,4].map(t=>(0,b.jsx)(`span`,{className:c(`size-2 rounded-full`,t===e?`bg-white`:`bg-white/40`)},t))})}function k(){v(x);let e=h(),t=a(),n=u(),{project:i}=_(),[m,k]=(0,y.useState)(1),[A,j]=(0,y.useState)(``),[M,N]=(0,y.useState)(``),[P,F]=(0,y.useState)(null),[I,L]=(0,y.useState)(null),[R,z]=(0,y.useState)([]),B=(0,y.useRef)(null),V=p({mutationFn:e=>o.put(`/api/studio/team`,{name:e}),onSuccess:()=>t.invalidateQueries({queryKey:[`team`]})}),H=p({mutationFn:e=>o.post(`/api/studio/projects/${i?.id}/website`,{url:e}),onSuccess:async e=>{L(e),await t.invalidateQueries({queryKey:[`projects`]})}}),U=p({mutationFn:e=>o.patch(`/api/studio/projects/${i?.id}`,{brand:{about:e}}),onSuccess:()=>t.invalidateQueries({queryKey:[`projects`]})}),W=p({mutationFn:()=>o.post(`/api/studio/onboarding/done`),onSuccess:async()=>{await t.invalidateQueries({queryKey:[`me`]}),n(`/new`,{replace:!0})}}),G=e.data?.user.name??``,K=G.includes(`@`)?``:G.split(` `)[0],q=async e=>{if(e&&i){for(let t of Array.from(e)){z(e=>[...e,{name:t.name,state:`uploading`}]);try{await o.upload(`/api/studio/projects/${i.id}/files?kind=document`,t),z(e=>e.map(e=>e.name===t.name?{...e,state:`done`}:e))}catch{z(e=>e.map(e=>e.name===t.name?{...e,state:`failed`}:e))}}await t.invalidateQueries({queryKey:[`projects`]})}},J=I?[I.about?l(`onboard.readAbout`):``,I.colors?l(`onboard.readColors`,{n:I.colors}):``,I.logo?l(`onboard.readLogo`):``].join(``):``;return(0,b.jsxs)(`div`,{className:`flex min-h-dvh flex-col px-6 text-white sm:px-10`,style:{...C,background:x},children:[(0,b.jsxs)(`header`,{className:`flex items-center justify-between pt-6 sm:pt-8`,children:[(0,b.jsx)(T,{}),(0,b.jsx)(f,{tone:`ground`,ink:S})]}),(0,b.jsxs)(`main`,{className:`mx-auto grid w-full max-w-6xl flex-1 items-center gap-10 py-10 lg:grid-cols-[5fr_7fr] lg:gap-12`,children:[(0,b.jsx)(`div`,{className:`flex justify-center max-lg:order-first`,children:(0,b.jsx)(g,{kind:`drop`,size:240,fluffy:!0,coat:`fur`})}),(0,b.jsxs)(`div`,{className:`flex min-w-0 max-w-2xl animate-rise flex-col gap-5`,children:[m===1?(0,b.jsxs)(`form`,{className:`contents`,onSubmit:e=>{e.preventDefault();let t=A.trim();t?V.mutate(t,{onSuccess:()=>k(2)}):k(2)},children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.75rem] text-white/85 uppercase tracking-[0.14em]`,children:K?l(`onboard.kicker1`,{name:K}):l(`onboard.kicker1Anon`)}),(0,b.jsx)(`h1`,{className:`font-display font-bold text-[2.5rem] leading-[1.05] tracking-[-0.02em] sm:text-[3.25rem]`,children:l(`onboard.team`)}),(0,b.jsx)(`p`,{className:`text-[1.0625rem] text-white/90 leading-relaxed`,children:l(`onboard.teamSub`)}),(0,b.jsx)(`input`,{value:A,onChange:e=>j(e.target.value),placeholder:l(`onboard.teamPlaceholder`),maxLength:80,"aria-label":l(`onboard.team`),className:w}),(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-5`,children:[(0,b.jsx)(E,{type:`submit`,busy:V.isPending,children:l(`onboard.continue`)}),(0,b.jsx)(O,{step:1})]})]}):null,m===2?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.75rem] text-white/85 uppercase tracking-[0.14em]`,children:l(`onboard.kicker2`)}),(0,b.jsx)(`h1`,{className:`font-display font-bold text-[2.5rem] leading-[1.05] tracking-[-0.02em] sm:text-[3.25rem]`,children:l(`onboard.site`)}),(0,b.jsx)(`p`,{className:`text-[1.0625rem] text-white/90 leading-relaxed`,children:l(`onboard.siteSub`)}),P===null?(0,b.jsxs)(`form`,{className:`contents`,onSubmit:e=>{e.preventDefault(),M.trim()&&!H.isPending&&H.mutate(M.trim())},children:[(0,b.jsx)(`input`,{value:M,onChange:e=>N(e.target.value),placeholder:l(`onboard.sitePlaceholder`),inputMode:`url`,autoCapitalize:`none`,"aria-label":l(`onboard.site`),className:w}),I?(0,b.jsxs)(`p`,{className:`flex items-center gap-2 text-[0.9375rem] text-(color:--moss)`,children:[(0,b.jsx)(s,{className:`size-4`}),l(`onboard.readDone`,{name:I.name,details:J})]}):H.isError?(0,b.jsx)(`p`,{className:`text-[0.9375rem] text-(color:--rose)`,children:l(`onboard.readFailed`)}):null,(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-5`,children:[I?(0,b.jsx)(E,{onClick:()=>k(3),children:l(`onboard.continue`)}):(0,b.jsx)(E,{type:`submit`,busy:H.isPending,children:H.isPending?l(`onboard.reading`):l(`onboard.read`)}),(0,b.jsx)(D,{onClick:()=>F(``),children:l(`onboard.line`)}),(0,b.jsx)(D,{onClick:()=>k(3),children:l(`onboard.skip`)}),(0,b.jsx)(O,{step:2})]})]}):(0,b.jsxs)(`form`,{className:`contents`,onSubmit:e=>{e.preventDefault();let t=P.trim();t?U.mutate(t,{onSuccess:()=>k(3)}):k(3)},children:[(0,b.jsx)(`textarea`,{value:P,onChange:e=>F(e.target.value),placeholder:l(`onboard.linePlaceholder`),rows:3,maxLength:8e3,"aria-label":l(`onboard.line`),className:c(w,`resize-none text-[1.125rem] leading-relaxed`)}),(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-5`,children:[(0,b.jsx)(E,{type:`submit`,busy:U.isPending,children:l(`onboard.continue`)}),(0,b.jsx)(D,{onClick:()=>F(null),children:l(`onboard.site`)}),(0,b.jsx)(D,{onClick:()=>k(3),children:l(`onboard.skip`)}),(0,b.jsx)(O,{step:2})]})]})]}):null,m===3?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.75rem] text-white/85 uppercase tracking-[0.14em]`,children:l(`onboard.kicker3`)}),(0,b.jsx)(`h1`,{className:`font-display font-bold text-[2.5rem] leading-[1.05] tracking-[-0.02em] sm:text-[3.25rem]`,children:l(`onboard.know`)}),(0,b.jsx)(`p`,{className:`text-[1.0625rem] text-white/90 leading-relaxed`,children:l(`onboard.knowSub`)}),(0,b.jsxs)(`button`,{type:`button`,onClick:()=>B.current?.click(),onDragOver:e=>e.preventDefault(),onDrop:e=>{e.preventDefault(),q(e.dataTransfer.files)},className:`flex cursor-pointer flex-col items-center gap-2 rounded-[18px] border-2 border-white/45 border-dashed bg-white/10 px-6 py-7 text-center transition hover:bg-white/15`,children:[(0,b.jsx)(d,{className:`size-7`}),(0,b.jsx)(`span`,{className:`font-semibold text-[1.0625rem]`,children:l(`onboard.drop`)}),(0,b.jsx)(`span`,{className:`text-[0.875rem] text-white/80`,children:`PDF · Word · Excel · Markdown`}),(0,b.jsx)(`input`,{ref:B,type:`file`,multiple:!0,className:`sr-only`,onChange:e=>{q(e.target.files),e.target.value=``}})]}),R.length?(0,b.jsx)(`ul`,{className:`flex flex-col gap-2`,children:R.map(e=>(0,b.jsxs)(`li`,{className:`flex items-center gap-2.5 rounded-xl bg-white/15 px-3.5 py-2.5 text-[0.875rem]`,children:[(0,b.jsx)(r,{className:`size-4 shrink-0`}),(0,b.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.name}),(0,b.jsx)(`span`,{className:c(`text-white/80`,e.state===`failed`?`text-(color:--rose)`:``),children:e.state===`uploading`?l(`onboard.uploading`):e.state===`done`?l(`onboard.uploaded`):l(`onboard.uploadFailed`)})]},e.name))}):null,(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-5`,children:[(0,b.jsx)(E,{busy:R.some(e=>e.state===`uploading`),onClick:()=>k(4),children:l(`onboard.continue`)}),R.length?null:(0,b.jsx)(D,{onClick:()=>k(4),children:l(`onboard.skip`)}),(0,b.jsx)(O,{step:3})]})]}):null,m===4?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.75rem] text-white/85 uppercase tracking-[0.14em]`,children:l(`onboard.kicker4`)}),(0,b.jsx)(`h1`,{className:`font-display font-bold text-[2.5rem] leading-[1.05] tracking-[-0.02em] sm:text-[3.25rem]`,children:l(`onboard.space`)}),(0,b.jsx)(`p`,{className:`text-[1.0625rem] text-white/90 leading-relaxed`,children:l(`onboard.spaceSub`,{space:i?.name??``})}),(0,b.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[[`partInfo`,`partInfoText`,!!(I||P)],[`partKnow`,`partKnowText`,R.some(e=>e.state===`done`)],[`partData`,`partDataText`,!1],[`partResults`,`partResultsText`,!1]].map(([e,t,n])=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-1.5 rounded-2xl border border-white/20 bg-white/10 px-4.5 py-4`,children:[(0,b.jsxs)(`span`,{className:`flex items-center gap-2 font-semibold text-[1rem]`,children:[n?(0,b.jsx)(s,{className:`size-4 text-(color:--moss)`}):null,l(`onboard.${e}`)]}),(0,b.jsx)(`span`,{className:`text-[0.84375rem] text-white/85 leading-snug`,children:l(`onboard.${t}`)})]},e))}),(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-5`,children:[(0,b.jsx)(E,{busy:W.isPending,onClick:()=>W.mutate(),children:l(`onboard.build`)}),(0,b.jsx)(O,{step:4})]})]}):null]},m)]}),(0,b.jsxs)(`footer`,{className:`mx-auto flex w-full max-w-6xl items-center justify-between pb-6 text-[0.75rem] text-white/55 sm:pb-8`,children:[(0,b.jsx)(`span`,{children:`engenty`}),(0,b.jsx)(`span`,{"aria-hidden":`true`,className:`size-[3px] bg-(color:--dot)`})]})]})}export{k as OnboardingPage};
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{Bn as r,Qn as i,Rr as a,W as o,Yn as s,dn as c,gn as l,lr as u}from"./ui-DftgEA2k.js";import{t as d}from"./upload-B73coFNw.js";import{V as f,Yt as p,_t as m,ct as h,ft as g,it as _,mt as v}from"./index-BuFrRzvG.js";var y=e(t(),1),b=e(n(),1),x=`oklch(50% 0.2 262)`,S=`oklch(32% 0.15 262)`,C={"--on":`white`,"--dot":`oklch(90% 0.1 80)`,"--ink-2":`oklch(96% 0.02 262)`,"--ink-3":`oklch(90% 0.035 262)`,"--moss":`oklch(90% 0.14 150)`,"--rose":`oklch(89% 0.09 45)`},w=`w-full rounded-[18px] border border-white/30 bg-white/15 px-6 py-5 text-[1.375rem] text-white outline-none placeholder:text-white/55 focus:border-white/60`;function T(){return(0,b.jsxs)(`span`,{className:`inline-flex items-center gap-2.5`,children:[(0,b.jsx)(m,{size:28}),(0,b.jsxs)(`span`,{className:`font-display font-semibold text-[1.0625rem] tracking-tight`,children:[`engenty`,(0,b.jsx)(`span`,{className:`mr-[0.09em] ml-[0.06em] text-(color:--dot)`,children:`.`}),(0,b.jsx)(`span`,{className:`font-normal text-white/70`,children:`wizards`})]})]})}function E({children:e,busy:t,onClick:n,type:r=`button`}){return(0,b.jsxs)(`button`,{type:r,disabled:t,onClick:n,className:`inline-flex h-13 cursor-pointer items-center gap-2.5 rounded-full bg-white px-7 font-semibold text-[1rem] transition hover:bg-white/90 disabled:cursor-default disabled:opacity-70`,style:{color:S},children:[e,(0,b.jsx)(i,{className:`size-[18px]`})]})}function D({children:e,onClick:t}){return(0,b.jsx)(`button`,{type:`button`,onClick:t,className:`cursor-pointer font-semibold text-[0.9375rem] text-white/85 transition hover:text-white`,children:e})}function O({step:e}){return(0,b.jsx)(`span`,{className:`ml-auto inline-flex gap-1.5`,role:`img`,"aria-label":l(`onboard.step`,{n:e}),children:[1,2,3,4].map(t=>(0,b.jsx)(`span`,{className:c(`size-2 rounded-full`,t===e?`bg-white`:`bg-white/40`)},t))})}function k(){v(x);let e=h(),t=a(),n=u(),{project:i}=_(),[m,k]=(0,y.useState)(1),[A,j]=(0,y.useState)(``),[M,N]=(0,y.useState)(``),[P,F]=(0,y.useState)(null),[I,L]=(0,y.useState)(null),[R,z]=(0,y.useState)([]),B=(0,y.useRef)(null),V=p({mutationFn:e=>o.put(`/api/studio/team`,{name:e}),onSuccess:()=>t.invalidateQueries({queryKey:[`team`]})}),H=p({mutationFn:e=>o.post(`/api/studio/projects/${i?.id}/website`,{url:e}),onSuccess:async e=>{L(e),await t.invalidateQueries({queryKey:[`projects`]})}}),U=p({mutationFn:e=>o.patch(`/api/studio/projects/${i?.id}`,{brand:{about:e}}),onSuccess:()=>t.invalidateQueries({queryKey:[`projects`]})}),W=p({mutationFn:()=>o.post(`/api/studio/onboarding/done`),onSuccess:async()=>{await t.invalidateQueries({queryKey:[`me`]}),n(`/new`,{replace:!0})}}),G=e.data?.user.name??``,K=G.includes(`@`)?``:G.split(` `)[0],q=async e=>{if(e&&i){for(let t of Array.from(e)){z(e=>[...e,{name:t.name,state:`uploading`}]);try{await o.upload(`/api/studio/projects/${i.id}/files?kind=document`,t),z(e=>e.map(e=>e.name===t.name?{...e,state:`done`}:e))}catch{z(e=>e.map(e=>e.name===t.name?{...e,state:`failed`}:e))}}await t.invalidateQueries({queryKey:[`projects`]})}},J=I?[I.about?l(`onboard.readAbout`):``,I.colors?l(`onboard.readColors`,{n:I.colors}):``,I.logo?l(`onboard.readLogo`):``].join(``):``;return(0,b.jsxs)(`div`,{className:`flex min-h-dvh flex-col px-6 text-white sm:px-10`,style:{...C,background:x},children:[(0,b.jsxs)(`header`,{className:`flex items-center justify-between pt-6 sm:pt-8`,children:[(0,b.jsx)(T,{}),(0,b.jsx)(f,{tone:`ground`,ink:S})]}),(0,b.jsxs)(`main`,{className:`mx-auto grid w-full max-w-6xl flex-1 items-center gap-10 py-10 lg:grid-cols-[5fr_7fr] lg:gap-12`,children:[(0,b.jsx)(`div`,{className:`flex justify-center max-lg:order-first`,children:(0,b.jsx)(g,{kind:`drop`,size:240,fluffy:!0,coat:`fur`})}),(0,b.jsxs)(`div`,{className:`flex min-w-0 max-w-2xl animate-rise flex-col gap-5`,children:[m===1?(0,b.jsxs)(`form`,{className:`contents`,onSubmit:e=>{e.preventDefault();let t=A.trim();t?V.mutate(t,{onSuccess:()=>k(2)}):k(2)},children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.75rem] text-white/85 uppercase tracking-[0.14em]`,children:K?l(`onboard.kicker1`,{name:K}):l(`onboard.kicker1Anon`)}),(0,b.jsx)(`h1`,{className:`font-display font-bold text-[2.5rem] leading-[1.05] tracking-[-0.02em] sm:text-[3.25rem]`,children:l(`onboard.team`)}),(0,b.jsx)(`p`,{className:`text-[1.0625rem] text-white/90 leading-relaxed`,children:l(`onboard.teamSub`)}),(0,b.jsx)(`input`,{value:A,onChange:e=>j(e.target.value),placeholder:l(`onboard.teamPlaceholder`),maxLength:80,"aria-label":l(`onboard.team`),className:w}),(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-5`,children:[(0,b.jsx)(E,{type:`submit`,busy:V.isPending,children:l(`onboard.continue`)}),(0,b.jsx)(O,{step:1})]})]}):null,m===2?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.75rem] text-white/85 uppercase tracking-[0.14em]`,children:l(`onboard.kicker2`)}),(0,b.jsx)(`h1`,{className:`font-display font-bold text-[2.5rem] leading-[1.05] tracking-[-0.02em] sm:text-[3.25rem]`,children:l(`onboard.site`)}),(0,b.jsx)(`p`,{className:`text-[1.0625rem] text-white/90 leading-relaxed`,children:l(`onboard.siteSub`)}),P===null?(0,b.jsxs)(`form`,{className:`contents`,onSubmit:e=>{e.preventDefault(),M.trim()&&!H.isPending&&H.mutate(M.trim())},children:[(0,b.jsx)(`input`,{value:M,onChange:e=>N(e.target.value),placeholder:l(`onboard.sitePlaceholder`),inputMode:`url`,autoCapitalize:`none`,"aria-label":l(`onboard.site`),className:w}),I?(0,b.jsxs)(`p`,{className:`flex items-center gap-2 text-[0.9375rem] text-(color:--moss)`,children:[(0,b.jsx)(s,{className:`size-4`}),l(`onboard.readDone`,{name:I.name,details:J})]}):H.isError?(0,b.jsx)(`p`,{className:`text-[0.9375rem] text-(color:--rose)`,children:l(`onboard.readFailed`)}):null,(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-5`,children:[I?(0,b.jsx)(E,{onClick:()=>k(3),children:l(`onboard.continue`)}):(0,b.jsx)(E,{type:`submit`,busy:H.isPending,children:H.isPending?l(`onboard.reading`):l(`onboard.read`)}),(0,b.jsx)(D,{onClick:()=>F(``),children:l(`onboard.line`)}),(0,b.jsx)(D,{onClick:()=>k(3),children:l(`onboard.skip`)}),(0,b.jsx)(O,{step:2})]})]}):(0,b.jsxs)(`form`,{className:`contents`,onSubmit:e=>{e.preventDefault();let t=P.trim();t?U.mutate(t,{onSuccess:()=>k(3)}):k(3)},children:[(0,b.jsx)(`textarea`,{value:P,onChange:e=>F(e.target.value),placeholder:l(`onboard.linePlaceholder`),rows:3,maxLength:8e3,"aria-label":l(`onboard.line`),className:c(w,`resize-none text-[1.125rem] leading-relaxed`)}),(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-5`,children:[(0,b.jsx)(E,{type:`submit`,busy:U.isPending,children:l(`onboard.continue`)}),(0,b.jsx)(D,{onClick:()=>F(null),children:l(`onboard.site`)}),(0,b.jsx)(D,{onClick:()=>k(3),children:l(`onboard.skip`)}),(0,b.jsx)(O,{step:2})]})]})]}):null,m===3?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.75rem] text-white/85 uppercase tracking-[0.14em]`,children:l(`onboard.kicker3`)}),(0,b.jsx)(`h1`,{className:`font-display font-bold text-[2.5rem] leading-[1.05] tracking-[-0.02em] sm:text-[3.25rem]`,children:l(`onboard.know`)}),(0,b.jsx)(`p`,{className:`text-[1.0625rem] text-white/90 leading-relaxed`,children:l(`onboard.knowSub`)}),(0,b.jsxs)(`button`,{type:`button`,onClick:()=>B.current?.click(),onDragOver:e=>e.preventDefault(),onDrop:e=>{e.preventDefault(),q(e.dataTransfer.files)},className:`flex cursor-pointer flex-col items-center gap-2 rounded-[18px] border-2 border-white/45 border-dashed bg-white/10 px-6 py-7 text-center transition hover:bg-white/15`,children:[(0,b.jsx)(d,{className:`size-7`}),(0,b.jsx)(`span`,{className:`font-semibold text-[1.0625rem]`,children:l(`onboard.drop`)}),(0,b.jsx)(`span`,{className:`text-[0.875rem] text-white/80`,children:`PDF · Word · Excel · Markdown`}),(0,b.jsx)(`input`,{ref:B,type:`file`,multiple:!0,className:`sr-only`,onChange:e=>{q(e.target.files),e.target.value=``}})]}),R.length?(0,b.jsx)(`ul`,{className:`flex flex-col gap-2`,children:R.map(e=>(0,b.jsxs)(`li`,{className:`flex items-center gap-2.5 rounded-xl bg-white/15 px-3.5 py-2.5 text-[0.875rem]`,children:[(0,b.jsx)(r,{className:`size-4 shrink-0`}),(0,b.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.name}),(0,b.jsx)(`span`,{className:c(`text-white/80`,e.state===`failed`?`text-(color:--rose)`:``),children:e.state===`uploading`?l(`onboard.uploading`):e.state===`done`?l(`onboard.uploaded`):l(`onboard.uploadFailed`)})]},e.name))}):null,(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-5`,children:[(0,b.jsx)(E,{busy:R.some(e=>e.state===`uploading`),onClick:()=>k(4),children:l(`onboard.continue`)}),R.length?null:(0,b.jsx)(D,{onClick:()=>k(4),children:l(`onboard.skip`)}),(0,b.jsx)(O,{step:3})]})]}):null,m===4?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(`p`,{className:`font-medium text-[0.75rem] text-white/85 uppercase tracking-[0.14em]`,children:l(`onboard.kicker4`)}),(0,b.jsx)(`h1`,{className:`font-display font-bold text-[2.5rem] leading-[1.05] tracking-[-0.02em] sm:text-[3.25rem]`,children:l(`onboard.space`)}),(0,b.jsx)(`p`,{className:`text-[1.0625rem] text-white/90 leading-relaxed`,children:l(`onboard.spaceSub`,{space:i?.name??``})}),(0,b.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[[`partInfo`,`partInfoText`,!!(I||P)],[`partKnow`,`partKnowText`,R.some(e=>e.state===`done`)],[`partData`,`partDataText`,!1],[`partResults`,`partResultsText`,!1]].map(([e,t,n])=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-1.5 rounded-2xl border border-white/20 bg-white/10 px-4.5 py-4`,children:[(0,b.jsxs)(`span`,{className:`flex items-center gap-2 font-semibold text-[1rem]`,children:[n?(0,b.jsx)(s,{className:`size-4 text-(color:--moss)`}):null,l(`onboard.${e}`)]}),(0,b.jsx)(`span`,{className:`text-[0.84375rem] text-white/85 leading-snug`,children:l(`onboard.${t}`)})]},e))}),(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-5`,children:[(0,b.jsx)(E,{busy:W.isPending,onClick:()=>W.mutate(),children:l(`onboard.build`)}),(0,b.jsx)(O,{step:4})]})]}):null]},m)]}),(0,b.jsxs)(`footer`,{className:`mx-auto flex w-full max-w-6xl items-center justify-between pb-6 text-[0.75rem] text-white/55 sm:pb-8`,children:[(0,b.jsx)(`span`,{children:`engenty`}),(0,b.jsx)(`span`,{"aria-hidden":`true`,className:`size-[3px] bg-(color:--dot)`})]})]})}export{k as OnboardingPage};

package/apps/web/dist/assets/{ProjectPage-QdSJwm3k.js → ProjectPage-BOLvmQWZ.js}

@@ -1 +1 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{$t as r,A as i,B as a,Bn as o,C as s,Cn as c,D as l,E as u,En as d,F as f,H as p,Hn as m,I as h,In as g,L as _,Ln as v,M as y,Mn as b,N as x,O as S,On as C,P as w,Qt as T,R as E,Rr as D,S as O,T as k,U as A,V as ee,Vn as j,W as M,Wn as te,Xt as N,Yn as P,Yt as F,Zn as ne,Zt as I,_ as L,a as re,an as ie,ar as ae,b as oe,bn as R,cn as se,cr as ce,dn as z,dr as le,en as B,fr as V,g as H,gn as U,h as W,j as G,k as K,kn as ue,ln as de,lr as fe,nn as q,on as J,ot as pe,pn as me,pr as Y,sn as he,tn as X,tr as Z,un as ge,ur as _e,v as ve,w as ye,wn as be,x as xe,y as Se,z as Ce,zn as we}from"./ui-B6S5hYPd.js";import{_ as Te,a as Ee,b as De,c as Oe,d as ke,f as Ae,g as je,h as Me,i as Ne,l as Pe,m as Fe,n as Ie,o as Le,p as Re,s as ze,u as Be,v as Ve,x as He,y as Ue}from"./RunDrawer-BsZt0tL9.js";import{t as We}from"./phone-DtkY0NfU.js";import{n as Ge,r as Ke,t as qe}from"./ReadOnly-rr_RJD-a.js";import{t as Je}from"./upload-rYCAy7ox.js";import{At as Ye,Bt as Xe,Ct as Ze,Dt as Qe,Et as $e,Ft as et,G as tt,Ht as nt,It as rt,Yt as it,_ as at,at as ot,b as st,c as ct,et as lt,g as ut,h as dt,it as ft,m as pt,ot as mt,p as ht,s as gt,u as _t,v as vt,vt as yt,xt as bt,y as xt}from"./index-BzPid1oQ.js";import{a as St,c as Ct,f as wt,i as Tt,n as Et,o as Dt,r as Ot,s as kt,t as At,u as jt}from"./settings-menu-7EJQRFOi.js";import{t as Mt}from"./RunnerView-BbRukEdE.js";var Nt={name:`blend`,size:24,node:[[`circle`,{cx:`15`,cy:`9`,r:`7`,key:`1i12rt`}],[`circle`,{cx:`9`,cy:`15`,r:`7`,key:`19bs8k`}]]};Nt.node;var Pt=Z(Nt),Ft={name:`box`,size:24,node:[[`path`,{d:`M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z`,key:`hh9hay`}],[`path`,{d:`m3.3 7 8.7 5 8.7-5`,key:`g66t2b`}],[`path`,{d:`M12 22V12`,key:`d0xqtd`}]]};Ft.node;var It=Z(Ft),Lt={name:`case-upper`,size:24,node:[[`path`,{d:`M15 11h4.5a1 1 0 0 1 0 5h-4a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h3a1 1 0 0 1 0 5`,key:`nxs35`}],[`path`,{d:`m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16`,key:`d5nyq2`}],[`path`,{d:`M3.304 13h6.392`,key:`1q3zxz`}]]};Lt.node;var Rt=Z(Lt),zt={name:`folder-plus`,size:24,node:[[`path`,{d:`M12 10v6`,key:`1bos4e`}],[`path`,{d:`M9 13h6`,key:`1uhe8q`}],[`path`,{d:`M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z`,key:`1kt360`}]]};zt.node;var Bt=Z(zt),Vt={name:`grid-2x2`,size:24,node:[[`path`,{d:`M12 3v18`,key:`108xh3`}],[`path`,{d:`M3 12h18`,key:`1i2n21`}],[`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`,key:`h1oib`}]],aliases:[`grid-2-x-2`]};Vt.node;var Ht=Z(Vt),Ut={name:`layers`,size:24,node:[[`path`,{d:`M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z`,key:`zw3jo`}],[`path`,{d:`M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12`,key:`1wduqc`}],[`path`,{d:`M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17`,key:`kqbvx6`}]],aliases:[`layers-3`]};Ut.node;var Wt=Z(Ut),Gt={name:`layout-grid`,size:24,node:[[`rect`,{width:`7`,height:`7`,x:`3`,y:`3`,rx:`1`,key:`1g98yp`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`3`,rx:`1`,key:`6d4xhi`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`14`,rx:`1`,key:`nxv5o0`}],[`rect`,{width:`7`,height:`7`,x:`3`,y:`14`,rx:`1`,key:`1bb6yr`}]]};Gt.node;var Kt=Z(Gt),qt={name:`link`,size:24,node:[[`path`,{d:`M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71`,key:`1cjeqo`}],[`path`,{d:`M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71`,key:`19qd67`}]]};qt.node;var Jt=Z(qt),Yt={name:`list`,size:24,node:[[`path`,{d:`M3 5h.01`,key:`18ugdj`}],[`path`,{d:`M3 12h.01`,key:`nlz23k`}],[`path`,{d:`M3 19h.01`,key:`noohij`}],[`path`,{d:`M8 5h13`,key:`1pao27`}],[`path`,{d:`M8 12h13`,key:`1za7za`}],[`path`,{d:`M8 19h13`,key:`m83p4d`}]]};Yt.node;var Xt=Z(Yt),Zt={name:`music`,size:24,node:[[`path`,{d:`M9 18V5l12-2v13`,key:`1jmyc2`}],[`circle`,{cx:`6`,cy:`18`,r:`3`,key:`fqmcym`}],[`circle`,{cx:`18`,cy:`16`,r:`3`,key:`1hluhg`}]]};Zt.node;var Qt=Z(Zt),$t=V(),Q=e(t(),1),$=e(n(),1),en={backgroundImage:`repeating-conic-gradient(#c9c9c9 0% 25%, #dedede 0% 50%)`,backgroundSize:`16px 16px`};function tn({file:e,actions:t}){let[n,r]=(0,Q.useState)(e.description),i=(0,Q.useRef)(e.description),a=(0,Q.useRef)(null);(0,Q.useEffect)(()=>{e.description!==i.current&&(r(t=>t===i.current?e.description:t),i.current=e.description)},[e.description]),(0,Q.useLayoutEffect)(()=>{let e=a.current;e&&(e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`)},[n]);let o=e.status===`pending`&&!n;return t.readOnly?n?(0,$.jsx)(`p`,{className:`text-[0.8125rem] text-ink-2 leading-snug`,children:n}):null:(0,$.jsx)(`textarea`,{ref:a,rows:1,value:n,maxLength:600,placeholder:U(o?`project.describing`:`project.description`),onChange:e=>r(e.target.value),onBlur:()=>{n.trim()!==e.description&&(i.current=n.trim(),t.describe(e.id,n.trim()))},className:`-mx-1 block w-[calc(100%+0.5rem)] resize-none overflow-hidden rounded-md bg-transparent px-1 py-0.5 text-[0.8125rem] text-ink-2 leading-snug outline-none transition placeholder:text-ink-4 hover:bg-paper-2 focus:bg-card focus:text-ink focus:ring-1 focus:ring-border`})}function nn(e,t){confirm(U(`project.removeConfirm`,{name:e.name}))&&t.remove(e.id)}function rn({projectId:e,file:t,small:n}){let r=Ce(e,t.id);if(t.mime.startsWith(`image/`))return(0,$.jsx)(`img`,{src:r,alt:``,loading:`lazy`,className:z(`size-full`,t.kind===`logo`?`object-contain p-3`:`object-cover`)});if(t.mime.startsWith(`video/`))return(0,$.jsx)(`video`,{src:`${r}#t=0.1`,preload:`metadata`,controls:!n,className:`size-full object-cover`});if(t.mime.startsWith(`font/`))return(0,$.jsx)(an,{src:r,small:n});let i=n?`size-5`:`size-7`;return(0,$.jsxs)(`div`,{className:`flex size-full flex-col items-center justify-center gap-1.5 text-ink-3`,children:[t.mime.startsWith(`audio/`)?(0,$.jsx)(Qt,{className:i}):t.mime===`application/pdf`?(0,$.jsx)(o,{className:i}):t.mime===`application/json`?(0,$.jsx)(c,{className:i}):t.mime.startsWith(`model/`)?(0,$.jsx)(It,{className:i}):(0,$.jsx)(we,{className:i}),n?null:(0,$.jsx)(`span`,{className:`text-[0.6875rem] uppercase tracking-wide`,children:t.mime===`application/json`?`Lottie / JSON`:t.mime.split(`/`).pop()})]})}function an({src:e,small:t}){let[n,r]=(0,Q.useState)(null);return(0,Q.useEffect)(()=>{let t=`asset-${e.split(`/`).slice(-2,-1)[0]}`;new FontFace(t,`url("${e}")`).load().then(e=>{document.fonts.add(e),r(t)}).catch(()=>r(null))},[e]),(0,$.jsx)(`div`,{className:z(`flex size-full items-center justify-center text-ink`,t?`text-[1.25rem]`:`text-[2.75rem]`),style:n?{fontFamily:`"${n}"`}:void 0,children:`Aa`})}var on=`application/x-wizards-logo`;function sn({projectId:e,kind:t,files:n,actions:r,accept:i,addLabel:a,onUpload:o,onPreview:s,mainId:c,onMakeMain:l,moveTo:u,onRemove:d}){let f=e=>d?d(e):nn(e,r);return(0,$.jsxs)(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(184px,1fr))] gap-3`,children:[n.map(n=>(0,$.jsxs)(`div`,{draggable:u&&!r.readOnly?!0:void 0,onDragStart:e=>e.dataTransfer.setData(on,n.id),className:`group relative flex flex-col gap-1.5 rounded-lg bg-paper p-2 pb-2.5 ring-1 ring-border-soft`,children:[n.id===c?(0,$.jsx)(`span`,{className:`absolute -top-3 left-3 z-10 rounded-full ring-2 ring-card`,children:(0,$.jsx)(I,{tone:`ember`,children:U(`project.logoMain`)})}):null,(0,$.jsxs)(`div`,{className:`relative h-28 overflow-hidden rounded-md bg-paper-2`,style:t===`logo`?en:void 0,children:[s&&n.mime.startsWith(`image/`)?(0,$.jsx)(`button`,{type:`button`,"aria-label":`${U(`project.preview`)}: ${n.name}`,onClick:()=>s(n),className:`block size-full cursor-zoom-in`,children:(0,$.jsx)(rn,{projectId:e,file:n})}):(0,$.jsx)(rn,{projectId:e,file:n}),(0,$.jsxs)(`div`,{className:`absolute top-1 right-1 flex gap-1 opacity-0 transition focus-within:opacity-100 group-hover:opacity-100 coarse:opacity-100`,children:[s?(0,$.jsx)(B,{label:U(`project.preview`),onClick:()=>s(n),className:`size-8 bg-card shadow-soft`,children:(0,$.jsx)(nt,{className:`size-4`})}):null,l&&n.id!==c&&!r.readOnly?(0,$.jsx)(B,{label:U(`project.logoMakeMain`),onClick:()=>l(n),className:`size-8 bg-card shadow-soft`,children:(0,$.jsx)(Ze,{className:`size-4`})}):null,u&&!r.readOnly?(0,$.jsx)(oe,{options:u.options,value:u.current(n),onChange:e=>u.onMove(n,e),className:`bg-card shadow-soft`}):null,r.readOnly?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:()=>f(n),className:`size-8 bg-card shadow-soft hover:text-rose`,children:(0,$.jsx)(R,{className:`size-4`})})]})]}),t===`asset`?(0,$.jsx)(`div`,{className:`truncate px-0.5 text-[0.75rem] text-ink-3`,title:n.name,children:n.name}):null,(0,$.jsx)(tn,{file:n,actions:r})]},n.id)),a&&!r.readOnly?(0,$.jsxs)(ve,{accept:i,multiple:!1,onFiles:e=>o?o(e):r.upload(t,e),className:`min-h-28 flex-col p-3`,children:[r.busy?(0,$.jsx)(J,{className:`size-5`}):(0,$.jsx)(C,{className:`size-5`}),a]}):null]})}function cn({kind:e,fetchUrl:t,onAdded:n,onClose:r}){let[i,a]=(0,Q.useState)(``),[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(null),[f,p]=(0,Q.useState)([]),m=async()=>{s(!0),l(null);try{let a=await t(i.trim());a.file?(n([a.file]),r()):a.candidates?.length?(d(a.candidates),p([a.candidates[0].url])):l(U(e===`logo`?`project.logoNoneFound`:`project.assetNoneFound`))}catch(e){l(e.message)}s(!1)},h=async()=>{s(!0),l(null);let e=[];try{for(let n of f){let r=await t(n);r.file&&e.push(r.file)}}catch(e){l(e.message)}s(!1),e.length&&n(e),e.length===f.length&&r()};return(0,$.jsx)(T,{open:!0,onClose:r,wide:u?!0:void 0,title:U(u?e===`logo`?`project.logoFound`:`project.assetFound`:e===`logo`?`project.logoFromUrl`:`project.assetFromUrl`),children:u?(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,$.jsx)(`p`,{className:`-mt-2 text-[0.875rem] text-ink-3`,children:U(e===`logo`?`project.logoFoundHint`:`project.assetFoundHint`)}),(0,$.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(150px,1fr))] gap-3`,children:u.map(t=>{let n=f.includes(t.url);return(0,$.jsxs)(`button`,{type:`button`,"aria-pressed":n,title:t.hint,onClick:()=>p(e=>n?e.filter(e=>e!==t.url):[...e,t.url]),className:z(`relative h-28 overflow-hidden rounded-lg ring-1 transition`,n?`ring-2 ring-ember`:`ring-border-soft hover:ring-ink-4`),style:en,children:[(0,$.jsx)(`img`,{src:t.url,alt:``,className:z(`size-full`,e===`logo`?`object-contain p-3`:`object-cover`)}),n?(0,$.jsx)(`span`,{className:`absolute top-1.5 right-1.5 grid size-5 place-items-center rounded-full bg-ember text-white`,children:(0,$.jsx)(P,{className:`size-3.5`})}):null]},t.url)})}),c?(0,$.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:c}):null,(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:()=>d(null),children:U(`run.back`)}),(0,$.jsx)(F,{busy:o,disabled:!f.length,onClick:()=>void h(),children:f.length>1?U(`project.addMany`,{n:f.length}):U(`project.add`)})]})]}):(0,$.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),m()},className:`flex flex-col gap-5`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.logoUrl`)}),(0,$.jsx)(X,{autoFocus:!0,value:i,inputMode:`url`,placeholder:`https://example.com`,onChange:e=>a(e.target.value)}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:U(e===`logo`?`project.logoUrlHint`:`project.assetUrlHint`)})]}),c?(0,$.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:c}):null,(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:r,children:U(`common.cancel`)}),(0,$.jsx)(F,{type:`submit`,busy:o,disabled:!i.trim(),children:U(`run.next`)})]})]})})}function ln(e,t,n){return Y({queryKey:[`project-file-text`,t.id,t.chars,n],queryFn:()=>M.get(`/api/studio/projects/${e}/files/${t.id}/text?limit=${n}`),enabled:t.status===`ready`,staleTime:6e4})}function un(e){return((e.name.includes(`.`)?e.name.split(`.`).pop():``)||e.mime.split(`/`).pop()||``).toUpperCase().slice(0,5)}var dn=e=>[un(e),e.pages?U(`project.pages`,{n:e.pages}):null,E(e.size)].filter(Boolean).join(` · `),fn=2e5;function pn({projectId:e,fileId:t,readOnly:n,onGone:r}){let i=D(),a=A(e),o=Fe(e),s=ee(e,n),c=a.data?.files.find(e=>e.id===t),l=c?c.mime===`application/pdf`||c.mime.startsWith(`image/`):!1,[u,f]=(0,Q.useState)(null);if(!c)return a.isLoading?(0,$.jsx)(J,{className:`mx-auto text-ink-3`}):null;let p=u??(l?`original`:`text`),m=o.data?.items.find(e=>e.key===`f:${c.id}`),h=Ce(e,c.id),g=(e,t)=>(0,$.jsx)(`button`,{type:`button`,"aria-pressed":p===e,onClick:()=>f(e),className:z(`rounded-full px-3 py-1 text-[0.8125rem] transition`,p===e?`bg-paper-2 font-medium text-ink`:`text-ink-3 hover:text-ink`),children:t});return(0,$.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 px-1`,children:[(0,$.jsx)(`h2`,{className:`min-w-0 flex-1 truncate font-display font-semibold text-lg`,children:c.name}),(0,$.jsx)(`span`,{className:`text-[0.8125rem] text-ink-3 max-sm:hidden`,children:dn(c)}),(0,$.jsx)(`a`,{href:h,target:`_blank`,rel:`noreferrer`,"aria-label":U(`project.openOriginal`),title:U(`project.openOriginal`),className:`inline-flex size-9 items-center justify-center rounded-full text-ink-3 transition hover:bg-accent hover:text-ink`,children:(0,$.jsx)(j,{className:`size-4`})}),n?null:(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(B,{label:U(`project.reindex`),onClick:async()=>{await s.reindex(c.id),await i.invalidateQueries({queryKey:[`knowledge`,e]})},children:(0,$.jsx)(d,{className:`size-4`})}),(0,$.jsx)(B,{label:U(`know.deleteFile`),className:`hover:text-rose`,onClick:async()=>{confirm(U(`data.confirmDelete`,{title:c.name}))&&(await s.remove(c.id),await i.invalidateQueries({queryKey:[`knowledge`,e]}),r())},children:(0,$.jsx)(R,{className:`size-4`})})]})]}),(0,$.jsx)(Ae,{projectId:e,itemKey:`f:${c.id}`,has:m?.categories??[],originLabel:m?.originLabel??null,kept:!1,review:null,file:null,readOnly:n,onReviewed:()=>void 0}),(0,$.jsx)(`div`,{className:`px-1`,children:(0,$.jsx)(tn,{file:c,actions:s})}),c.status===`failed`?(0,$.jsx)(`p`,{className:`px-1 text-[0.875rem] text-rose`,children:c.error}):null,(0,$.jsxs)(N,{className:`flex flex-col`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1 border-border-soft border-b px-2 py-1.5`,children:[l?g(`original`,U(`project.original`)):null,g(`text`,U(`project.readText`))]}),p===`original`?c.mime===`application/pdf`?(0,$.jsx)(`iframe`,{src:h,title:c.name,className:`h-[70dvh] w-full rounded-b-xl bg-paper-2`}):(0,$.jsx)(`img`,{src:h,alt:``,className:`mx-auto max-h-[70dvh] object-contain p-4`}):(0,$.jsx)(mn,{projectId:e,file:c})]})]})}function mn({projectId:e,file:t}){let n=ln(e,t,fn);return n.isLoading||t.status===`pending`?(0,$.jsx)(`div`,{className:`flex h-40 items-center justify-center text-ink-3`,children:(0,$.jsx)(J,{})}):n.data?.text?(0,$.jsxs)(`div`,{className:`overflow-x-auto p-4 sm:p-5`,children:[(0,$.jsx)(pe,{text:n.data.text,className:`text-[0.875rem]`}),n.data.chars>n.data.text.length?(0,$.jsx)(`p`,{className:`mt-3 text-[0.8125rem] text-ink-3`,children:U(`project.textCut`,{shown:n.data.text.length.toLocaleString(me),total:n.data.chars.toLocaleString(me)})}):null]}):(0,$.jsx)(`p`,{className:`py-8 text-center text-[0.875rem] text-ink-3`,children:U(`project.noText`)})}var hn=`image/*,video/*,audio/*,application/pdf,.pdf,.woff2,.woff,.ttf,.otf,.json,.glb,.gltf`,gn=e=>[(e.name.includes(`.`)?e.name.split(`.`).pop():e.mime.split(`/`).pop())?.toUpperCase().slice(0,5),E(e.size)].filter(Boolean).join(` · `);function _n({projectId:e,file:t,actions:n,onClose:r}){let i=Ce(e,t.id);return(0,$.jsxs)(T,{open:!0,onClose:r,wide:`page`,title:t.name,children:[(0,$.jsxs)(`div`,{className:`-mt-2 mb-4 flex items-center justify-between gap-3`,children:[(0,$.jsx)(`span`,{className:`text-[0.8125rem] text-ink-3`,children:gn(t)}),(0,$.jsx)(`a`,{href:i,target:`_blank`,rel:`noreferrer`,"aria-label":U(`project.openOriginal`),title:U(`project.openOriginal`),className:`inline-flex size-9 items-center justify-center rounded-full text-ink-3 transition hover:bg-accent hover:text-ink`,children:(0,$.jsx)(j,{className:`size-4`})})]}),t.mime.startsWith(`image/`)?(0,$.jsx)(`div`,{className:`overflow-hidden rounded-lg`,style:en,children:(0,$.jsx)(`img`,{src:i,alt:``,className:`mx-auto max-h-[68dvh] object-contain`})}):t.mime.startsWith(`video/`)?(0,$.jsx)(`video`,{src:i,controls:!0,className:`max-h-[68dvh] w-full rounded-lg bg-black`}):(0,$.jsx)(`audio`,{src:i,controls:!0,className:`w-full`}),(0,$.jsx)(`div`,{className:`mt-4`,children:(0,$.jsx)(tn,{file:t,actions:n})})]})}function vn({projectId:e,file:t,actions:n,moveTo:r,onPreview:i,onRemove:a}){return(0,$.jsxs)(`li`,{className:`group/row flex items-start gap-3 rounded-lg bg-paper p-2 ring-1 ring-border-soft`,children:[(0,$.jsx)(`button`,{type:`button`,"aria-label":`${U(`project.preview`)}: ${t.name}`,onClick:i,className:`size-14 shrink-0 cursor-zoom-in overflow-hidden rounded-md bg-paper-2`,children:(0,$.jsx)(rn,{projectId:e,file:t,small:!0})}),(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-1 py-0.5`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-3`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:i,title:t.name,className:`min-w-0 truncate font-medium text-[0.875rem] hover:underline`,children:t.name}),(0,$.jsx)(`span`,{className:`text-[0.75rem] text-ink-3`,children:gn(t)})]}),(0,$.jsx)(tn,{file:t,actions:n})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-start opacity-0 transition focus-within:opacity-100 group-hover/row:opacity-100 coarse:opacity-100`,children:[(0,$.jsx)(B,{label:U(`project.preview`),onClick:i,children:(0,$.jsx)(nt,{className:`size-4`})}),r&&!n.readOnly?(0,$.jsx)(oe,{options:r.options,value:r.current(t),onChange:e=>r.onMove(t,e),className:`size-9`}):null,n.readOnly?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:a,className:`hover:text-rose`,children:(0,$.jsx)(R,{className:`size-4`})})]})]})}function yn({section:e,onSave:t,onRemove:n,onClose:r}){let[i,a]=(0,Q.useState)(e?.title??``);return(0,$.jsx)(T,{open:!0,onClose:r,title:U(e?`project.assetSectionRename`:`project.assetSectionAdd`),children:(0,$.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),i.trim()&&(t(i.trim()),r())},className:`flex flex-col gap-5`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.assetSectionName`)}),(0,$.jsx)(X,{autoFocus:!0,value:i,maxLength:80,placeholder:U(`project.assetSectionTitle`),onChange:e=>a(e.target.value)})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[n?(0,$.jsx)(F,{variant:`danger`,onClick:n,children:U(`project.sectionRemove`)}):null,(0,$.jsx)(`span`,{className:`flex-1`}),(0,$.jsx)(F,{variant:`ghost`,onClick:r,children:U(`common.cancel`)}),(0,$.jsx)(F,{type:`submit`,disabled:!i.trim(),children:U(e?`settings.save`:`project.add`)})]})]})})}function bn({projectId:e,data:t,readOnly:n,sections:r,save:i}){let o=ee(e,n),[c,l]=p(`assets`,`cards`),[u,d]=(0,Q.useState)(``),[f,m]=(0,Q.useState)(null),[h,g]=(0,Q.useState)(r),[_,v]=(0,Q.useState)(``),[b,x]=(0,Q.useState)(null),[S,C]=(0,Q.useState)(!1),w=(0,Q.useRef)(null),T=a({assetSections:h},i),E=t.files.filter(e=>e.kind===`asset`),D=new Map(E.map(e=>[e.id,e])),A=new Set(h.flatMap(e=>e.assets)),j=h.find(e=>e.id===_)??null,M=j?j.assets.map(e=>D.get(e)).filter(e=>!!e):E.filter(e=>!A.has(e.id)),te=E.find(e=>e.id===f),N=u.trim().toLowerCase(),P=N?M.filter(e=>`${e.name} ${e.description}`.toLowerCase().includes(N)):M,F=(e,t)=>g(n=>n.map(n=>{let r=n.assets.filter(t=>t!==e);return{...n,assets:n.id===t?[...r,e]:r}})),ne=async e=>{let t=j?.id??null;for(let n of await o.upload(`asset`,e))F(n.id,t)},I=e=>{confirm(U(`project.removeConfirm`,{name:e.name}))&&(o.remove(e.id),F(e.id,null))},L=h.length?{options:[{value:``,label:U(`project.assetsGeneral`)},...h.map(e=>({value:e.id,label:e.title||U(`project.sectionUntitled`)}))],current:e=>h.find(t=>t.assets.includes(e.id))?.id??``,onMove:(e,t)=>F(e.id,t||null)}:void 0,re=[{label:U(`project.assetUpload`),icon:(0,$.jsx)(Je,{className:`size-4 shrink-0`}),onPick:()=>w.current?.click()},{label:U(`project.assetFromUrl`),icon:(0,$.jsx)(Jt,{className:`size-4 shrink-0`}),onPick:()=>C(!0)},...h.length<y.logoSections?[{label:U(`project.assetSectionAdd`),icon:(0,$.jsx)(Bt,{className:`size-4 shrink-0`}),onPick:()=>x(`new`)}]:[]],ie=h.length||E.length?(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsxs)(`div`,{className:`-mx-1 flex min-w-0 flex-1 items-center gap-1 overflow-x-auto px-1 pb-0.5`,children:[h.length?(0,$.jsx)(de,{value:_,onChange:e=>{v(e),d(``)},label:U(`project.assets`),options:[{id:``,label:U(`project.assetsGeneral`)},...h.map(e=>({id:e.id,label:e.title||U(`project.sectionUntitled`)}))]}):null,j&&!n?(0,$.jsx)(B,{label:U(`project.assetSectionRename`),onClick:()=>x(`current`),children:(0,$.jsx)(ue,{className:`size-4`})}):null]}),M.length?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`w-56 max-w-[45%] shrink`,children:(0,$.jsx)(O,{value:u,onChange:d,placeholder:U(`project.assetSearch`)})}),(0,$.jsx)(B,{label:U(c===`list`?`project.viewCards`:`project.viewList`),onClick:l,children:c===`list`?(0,$.jsx)(Kt,{className:`size-4`}):(0,$.jsx)(Xt,{className:`size-4`})})]}):null]}):null;return(0,$.jsxs)(s,{title:U(`project.assets`),hint:U(`project.assetsHint`),save:T,tabs:ie,action:n?null:(0,$.jsx)(W,{entries:re}),children:[(0,$.jsx)(`input`,{ref:w,type:`file`,multiple:!0,accept:hn,className:`sr-only`,tabIndex:-1,"aria-hidden":!0,onChange:e=>{let t=Array.from(e.target.files??[]);e.target.value=``,t.length&&ne(t)}}),P.length?c===`cards`?(0,$.jsx)(sn,{projectId:e,kind:`asset`,files:P,actions:o,moveTo:L,onRemove:I,onPreview:e=>m(e.id)}):(0,$.jsx)(`ul`,{className:`flex flex-col gap-2`,children:P.map(t=>(0,$.jsx)(vn,{projectId:e,file:t,actions:o,moveTo:L,onPreview:()=>m(t.id),onRemove:()=>I(t)},t.id))}):M.length?null:n?(0,$.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:U(`project.staysLocal`)}):(0,$.jsxs)(ve,{accept:hn,onFiles:e=>void ne(e),className:`h-16 w-full`,children:[o.busy?(0,$.jsx)(J,{className:`size-4`}):(0,$.jsx)(Je,{className:`size-4`}),U(`project.drop`),` `,(0,$.jsx)(`span`,{className:`underline`,children:U(`project.assetAdd`)})]}),o.error?(0,$.jsx)(`p`,{className:`mt-3 text-[0.875rem] text-rose`,children:o.error}):null,te?(0,$.jsx)(_n,{projectId:e,file:te,actions:o,onClose:()=>m(null)}):null,b?(0,$.jsx)(yn,{section:b===`current`?j:null,onClose:()=>x(null),onSave:e=>{if(b===`current`&&j)g(t=>t.map(t=>t.id===j.id?{...t,title:e}:t));else{let t=k();g(n=>[...n,{id:t,title:e,assets:[]}]),v(t)}},onRemove:b===`current`&&j?()=>{(!j.assets.length||confirm(U(`project.assetSectionRemoveConfirm`,{name:j.title})))&&(g(e=>e.filter(e=>e.id!==j.id)),v(``),x(null))}:void 0}):null,S?(0,$.jsx)(cn,{kind:`asset`,onClose:()=>C(!1),fetchUrl:e=>o.fromUrl(`asset`,e),onAdded:e=>{for(let t of e)F(t.id,j?.id??null)}}):null]})}var xn=/^#[0-9a-fA-F]{6}$/;async function Sn(e,t){let[n,r]=[1920,1080],i=document.createElement(`canvas`);i.width=n,i.height=r;let a=i.getContext(`2d`);if(!a)return;let o=e.angle*Math.PI/180,s;if(e.type===`radial`)s=a.createRadialGradient(n/2,r/2,0,n/2,r/2,Math.hypot(n,r)/2);else if(e.type===`conic`)s=a.createConicGradient(o-Math.PI/2,n/2,r/2);else{let e=Math.abs(n*Math.sin(o))+Math.abs(r*Math.cos(o)),[t,i]=[Math.sin(o)*e/2,-Math.cos(o)*e/2];s=a.createLinearGradient(n/2-t,r/2-i,n/2+t,r/2+i)}for(let t of[...e.stops].sort((e,t)=>e.at-t.at))s.addColorStop(Math.min(1,Math.max(0,t.at/100)),t.color);a.fillStyle=s,a.fillRect(0,0,n,r);let c=await new Promise(e=>i.toBlob(e,`image/png`));if(c){let e=document.createElement(`a`);e.href=URL.createObjectURL(c),e.download=`${t||`gradient`}.png`,e.click(),setTimeout(()=>URL.revokeObjectURL(e.href),5e3)}}var Cn={linear:`project.gradientLinear`,radial:`project.gradientRadial`,conic:`project.gradientConic`};function wn({projectId:e,gradient:t,isNew:n,brand:r,onSave:i,onClose:a}){let[o,s]=(0,Q.useState)(t),[l,u]=(0,Q.useState)(f(t)),[d,p]=(0,Q.useState)(!1),[m,h]=(0,Q.useState)(``),[g,v]=(0,Q.useState)(!1),[y,b]=(0,Q.useState)(null),[x,S]=(0,Q.useState)(!n),w=e=>{s(e),u(f(e)),p(!1)},E=(e,t)=>w({...o,stops:o.stops.map((n,r)=>r===e?{...n,...t}:n)}),D=e=>{let t=[...o.stops].sort((e,t)=>e.at-t.at),n=50,r=-1;for(let e=0;e<t.length-1;e++)t[e+1].at-t[e].at>r&&(r=t[e+1].at-t[e].at,n=Math.round((t[e].at+t[e+1].at)/2));w({...o,stops:[...o.stops,{color:e??t[0]?.color??`#888888`,at:n}]})},O=async()=>{v(!0),b(null);try{let{gradient:t}=await M.post(`/api/studio/projects/${e}/gradients/describe`,{text:m.trim(),...x?{gradient:{name:o.name,type:o.type,angle:o.angle,stops:o.stops}}:{}});w({...o,...t,name:o.name.trim()?o.name:t.name}),h(``),S(!0)}catch(e){b(e.message)}v(!1)};return(0,$.jsx)(T,{open:!0,onClose:a,wide:!0,title:U(n?`project.gradientNew`:`project.gradientEdit`),children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,$.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),m.trim()&&!g&&O()},children:[(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(X,{"data-autofocus":n||void 0,value:m,maxLength:1e3,"aria-label":U(`project.gradientDescribe`),placeholder:U(x?`project.gradientDescribeChange`:`project.gradientDescribeNew`),onChange:e=>h(e.target.value),className:`min-w-0 flex-1`}),(0,$.jsxs)(F,{type:`submit`,variant:`secondary`,busy:g,disabled:!m.trim(),children:[(0,$.jsx)(c,{className:`size-4`}),U(x?`project.gradientDescribeApply`:`project.gradientDescribeMake`)]})]}),(0,$.jsx)(`p`,{className:z(`mt-1.5 text-[0.8125rem]`,y?`text-rose`:`text-ink-3`),children:y??U(`project.gradientDescribeHint`)})]}),(0,$.jsx)(`div`,{className:`h-40 rounded-lg ring-1 ring-border-soft`,style:{background:f(o)}}),(0,$.jsxs)(`div`,{className:`grid gap-x-6 gap-y-4 sm:grid-cols-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.gradientName`)}),(0,$.jsx)(X,{value:o.name,maxLength:80,placeholder:U(`project.gradientNamePlaceholder`),onChange:e=>s({...o,name:e.target.value})})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.fillUseLabel`)}),(0,$.jsx)(X,{value:o.description??``,maxLength:400,placeholder:U(`project.gradientUse`),onChange:e=>s({...o,description:e.target.value})})]})]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-end gap-x-6 gap-y-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.gradientType`)}),(0,$.jsx)(`div`,{className:`flex gap-1 rounded-full bg-paper-2 p-0.5 ring-1 ring-border-soft`,children:G.map(e=>(0,$.jsx)(`button`,{type:`button`,"aria-pressed":o.type===e,onClick:()=>w({...o,type:e}),className:z(`h-9 rounded-full px-4 font-medium text-[0.875rem] transition`,o.type===e?`bg-card text-ink shadow-sm`:`text-ink-3 hover:text-ink-2`),children:U(Cn[e])},e))})]}),o.type===`radial`?null:(0,$.jsxs)(`div`,{className:`min-w-56`,children:[(0,$.jsx)(q,{children:U(`project.gradientAngle`)}),(0,$.jsxs)(`div`,{className:`flex h-11 items-center gap-3`,children:[(0,$.jsx)(`input`,{type:`range`,min:0,max:360,value:o.angle,"aria-label":U(`project.gradientAngle`),onChange:e=>w({...o,angle:Number(e.target.value)}),className:`flex-1 accent-ink`}),(0,$.jsxs)(`span`,{className:`w-12 text-right text-[0.875rem] text-ink-2 tabular-nums`,children:[Math.round(o.angle),`°`]})]})]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.gradientStops`)}),(0,$.jsx)(`div`,{className:`flex flex-col gap-2`,children:o.stops.map((e,t)=>(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(he,{value:xn.test(e.color)?e.color:`#888888`,onChange:e=>E(t,{color:e.target.value})}),(0,$.jsx)(X,{value:e.color,spellCheck:!1,onChange:e=>{let n=e.target.value.trim();xn.test(n)&&E(t,{color:n.toLowerCase()})},className:`w-28 font-mono text-[0.8125rem]`}),(0,$.jsx)(`input`,{type:`range`,min:0,max:100,value:e.at,"aria-label":U(`project.gradientAt`),onChange:e=>E(t,{at:Number(e.target.value)}),className:`flex-1 accent-ink`}),(0,$.jsxs)(`span`,{className:`w-10 text-right text-[0.875rem] text-ink-2 tabular-nums`,children:[Math.round(e.at),`%`]}),(0,$.jsx)(B,{label:U(`project.remove`),disabled:o.stops.length<=2,onClick:()=>w({...o,stops:o.stops.filter((e,n)=>n!==t)}),className:`hover:text-rose`,children:(0,$.jsx)(R,{className:`size-4`})})]},t))}),(0,$.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center gap-2`,children:[o.stops.length<12?(0,$.jsxs)(F,{variant:`secondary`,size:`sm`,onClick:()=>D(),children:[(0,$.jsx)(C,{className:`size-4`}),` `,U(`project.gradientStopAdd`)]}):null,r.length&&o.stops.length<12?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`ml-2 text-[0.8125rem] text-ink-3`,children:U(`project.gradientFromBrand`)}),r.slice(0,10).map(e=>(0,$.jsx)(`button`,{type:`button`,title:e.name||e.value,"aria-label":e.name||e.value,onClick:()=>D(e.value),className:`size-6 rounded-full ring-1 ring-border transition hover:scale-110`,style:{background:e.value}},e.value))]}):null]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:`CSS`}),(0,$.jsx)(X,{value:l,spellCheck:!1,onChange:e=>{u(e.target.value);let t=_(e.target.value);p(!t),t&&s({...o,...t})},className:`font-mono text-[0.8125rem]`}),(0,$.jsx)(`p`,{className:z(`mt-1.5 text-[0.8125rem]`,d?`text-rose`:`text-ink-3`),children:U(d?`project.gradientCssError`:`project.gradientCssHint`)})]}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:a,children:U(`common.cancel`)}),(0,$.jsx)(F,{onClick:()=>{i(o),a()},children:U(`settings.save`)})]})]})})}var Tn=`absolute top-1.5 right-1.5 flex gap-1 opacity-0 transition focus-within:opacity-100 group-hover/card:opacity-100 coarse:opacity-100`,En=`size-8 bg-card shadow-soft hover:bg-card`;function Dn({name:e,namePlaceholder:t,description:n,usePlaceholder:r,readOnly:i,onChange:a}){return i?(0,$.jsxs)(`div`,{className:`min-w-0 px-0.5`,children:[(0,$.jsx)(`p`,{className:`truncate text-[0.875rem]`,children:e||t}),n?(0,$.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3 leading-snug`,children:n}):null]}):(0,$.jsxs)(`div`,{className:`min-w-0 px-0.5`,children:[(0,$.jsx)(Se,{value:e,label:U(`project.gradientName`),placeholder:t,maxLength:80,onChange:e=>a({name:e}),className:`font-medium text-[0.875rem]`}),(0,$.jsx)(Se,{value:n??``,label:U(`project.fillUseLabel`),placeholder:r,maxLength:400,onChange:e=>a({description:e}),className:`text-[0.8125rem] text-ink-3`})]})}function On({gradient:e,readOnly:t,onEdit:n,onChange:r,onRemove:i}){let a=f(e),[o,s]=(0,Q.useState)(!1);return(0,$.jsxs)(`div`,{className:`group/card flex flex-col gap-2 rounded-lg bg-paper p-2 ring-1 ring-border-soft`,children:[(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(`button`,{type:`button`,disabled:t,"aria-label":U(`project.gradientEdit`),onClick:n,className:`block h-28 w-full rounded-md ring-1 ring-border-soft transition enabled:hover:brightness-105`,style:{background:a}}),(0,$.jsxs)(`div`,{className:Tn,children:[(0,$.jsx)(B,{label:U(o?`project.gradientCopied`:`project.gradientCopy`),onClick:()=>{navigator.clipboard.writeText(`background: ${a};`),s(!0),setTimeout(()=>s(!1),1500)},className:En,children:(0,$.jsx)(te,{className:`size-4`})}),(0,$.jsx)(B,{label:U(`project.download`),onClick:()=>void Sn(e,e.name),className:En,children:(0,$.jsx)(m,{className:`size-4`})}),t?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:i,className:z(En,`hover:text-rose`),children:(0,$.jsx)(R,{className:`size-4`})})]})]}),(0,$.jsx)(Dn,{name:e.name,namePlaceholder:U(`project.gradientName`),description:e.description,usePlaceholder:U(`project.gradientUse`),readOnly:t,onChange:r})]})}function kn(e,t){return{backgroundImage:`url("${e}")`,backgroundSize:t?`64px`:`cover`,backgroundRepeat:t?`repeat`:`no-repeat`,backgroundPosition:`center`}}function An({projectId:e,pattern:t,fileName:n,readOnly:r,onEdit:i,onChange:a,onRemove:o}){let s=Ce(e,t.file);return(0,$.jsxs)(`div`,{className:`group/card flex flex-col gap-2 rounded-lg bg-paper p-2 ring-1 ring-border-soft`,children:[(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(`button`,{type:`button`,disabled:r,"aria-label":U(`project.patternEdit`),onClick:i,className:`block h-28 w-full rounded-md ring-1 ring-border-soft transition enabled:hover:brightness-105`,style:kn(s,t.tile)}),(0,$.jsxs)(`div`,{className:Tn,children:[(0,$.jsx)(`a`,{href:s,download:n,"aria-label":U(`project.download`),title:U(`project.download`),className:z(`inline-flex items-center justify-center rounded-full text-ink-3 transition hover:text-ink`,En),children:(0,$.jsx)(m,{className:`size-4`})}),r?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:o,className:z(En,`hover:text-rose`),children:(0,$.jsx)(R,{className:`size-4`})})]})]}),(0,$.jsx)(Dn,{name:t.name,namePlaceholder:n,description:t.description,usePlaceholder:U(`project.patternUse`),readOnly:r,onChange:a})]})}function jn({projectId:e,pattern:t,isNew:n,fileName:r,busy:i,error:a,upload:o,removeFile:s,onSave:c,onClose:l}){let[u,d]=(0,Q.useState)(t),[f,p]=(0,Q.useState)([]),m=async e=>{let t=e[0];if(!t)return;let n=await o(t);n&&(p(e=>[...e,n.id]),d(e=>({...e,file:n.id,name:e.name||n.name.replace(/\.[^.]+$/,``)})))},h=()=>{for(let e of f)s(e);l()};return(0,$.jsx)(T,{open:!0,onClose:h,wide:!0,title:U(n?`project.patternNew`:`project.patternEdit`),children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[u.file?(0,$.jsx)(`div`,{className:`relative h-40 rounded-lg ring-1 ring-border-soft`,style:kn(Ce(e,u.file),u.tile),children:(0,$.jsxs)(ve,{accept:`image/*`,multiple:!1,onFiles:e=>void m(e),className:`absolute right-2 bottom-2 h-9 border-solid bg-card px-3.5 text-ink-2 shadow-soft`,children:[i?(0,$.jsx)(J,{className:`size-4`}):(0,$.jsx)(v,{className:`size-4`}),U(`project.patternReplace`)]})}):(0,$.jsxs)(ve,{accept:`image/*`,multiple:!1,onFiles:e=>void m(e),className:`h-40 flex-col`,children:[i?(0,$.jsx)(J,{className:`size-5`}):(0,$.jsx)(v,{className:`size-5`}),U(`project.patternPick`)]}),(0,$.jsxs)(`div`,{className:`grid gap-x-6 gap-y-4 sm:grid-cols-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.patternName`)}),(0,$.jsx)(X,{value:u.name,maxLength:80,placeholder:u.file?r(u.file):U(`project.patternNamePlaceholder`),onChange:e=>d({...u,name:e.target.value})})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.fillUseLabel`)}),(0,$.jsx)(X,{value:u.description??``,maxLength:400,placeholder:U(`project.patternUse`),onChange:e=>d({...u,description:e.target.value})})]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.patternShow`)}),(0,$.jsx)(`div`,{className:`flex w-fit gap-1 rounded-full bg-paper-2 p-0.5 ring-1 ring-border-soft`,children:[!1,!0].map(e=>(0,$.jsx)(`button`,{type:`button`,"aria-pressed":!!u.tile===e,onClick:()=>d({...u,tile:e||void 0}),className:z(`h-9 rounded-full px-4 font-medium text-[0.875rem] transition`,!!u.tile===e?`bg-card text-ink shadow-sm`:`text-ink-3 hover:text-ink-2`),children:U(e?`project.patternTile`:`project.patternFill`)},String(e)))})]}),(0,$.jsxs)(`div`,{className:`flex items-center justify-end gap-2`,children:[a?(0,$.jsx)(`p`,{className:`mr-auto text-[0.8125rem] text-rose`,children:a}):null,(0,$.jsx)(F,{variant:`ghost`,onClick:h,children:U(`common.cancel`)}),(0,$.jsx)(F,{disabled:!u.file||i,onClick:()=>{for(let e of f.filter(e=>e!==u.file))s(e);t.file&&t.file!==u.file&&s(t.file),c({...u,name:u.name.trim(),description:u.description?.trim()||void 0}),l()},children:U(n?`project.add`:`settings.save`)})]})]})})}var Mn=/^#[0-9a-fA-F]{6}$/;function Nn({projectId:e,onAdd:t,onClose:n}){let[r,i]=(0,Q.useState)(``),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(null),[l,u]=(0,Q.useState)(null),[d,f]=(0,Q.useState)([]),p=async()=>{o(!0),c(null);try{let{colors:t}=await M.post(`/api/studio/projects/${e}/colors/scan`,{url:r.trim()});t.length?(u(t),f([])):c(U(`project.colorsNoneFound`))}catch(e){c(e.message)}o(!1)};return(0,$.jsx)(T,{open:!0,onClose:n,wide:l?!0:void 0,title:U(l?`project.colorsFound`:`project.colorsFromUrl`),children:l?(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,$.jsx)(`p`,{className:`-mt-2 text-[0.875rem] text-ink-3`,children:U(`project.colorsFoundHint`)}),(0,$.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(120px,1fr))] gap-3`,children:l.map(e=>{let t=d.includes(e.value);return(0,$.jsxs)(`button`,{type:`button`,"aria-pressed":t,onClick:()=>f(n=>t?n.filter(t=>t!==e.value):[...n,e.value]),className:z(`relative flex flex-col overflow-hidden rounded-lg text-left ring-1 transition`,t?`ring-2 ring-ember`:`ring-border-soft hover:ring-ink-4`),children:[(0,$.jsx)(`span`,{className:`h-16`,style:{background:e.value}}),(0,$.jsxs)(`span`,{className:`flex flex-col px-2.5 py-2`,children:[(0,$.jsx)(`span`,{className:`truncate text-[0.8125rem] text-ink-2`,children:e.name||`—`}),(0,$.jsx)(`span`,{className:`font-mono text-[0.75rem] text-ink-3`,children:e.value})]}),t?(0,$.jsx)(`span`,{className:`absolute top-1.5 right-1.5 grid size-5 place-items-center rounded-full bg-ember text-white`,children:(0,$.jsx)(P,{className:`size-3.5`})}):null]},e.value)})}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:()=>u(null),children:U(`run.back`)}),(0,$.jsx)(F,{disabled:!d.length,onClick:()=>{t(l.filter(e=>d.includes(e.value))),n()},children:d.length>1?U(`project.addMany`,{n:d.length}):U(`project.add`)})]})]}):(0,$.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),p()},className:`flex flex-col gap-5`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.logoUrl`)}),(0,$.jsx)(X,{autoFocus:!0,value:r,inputMode:`url`,placeholder:`https://example.com`,onChange:e=>i(e.target.value)}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:U(`project.colorsUrlHint`)})]}),s?(0,$.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:s}):null,(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:n,children:U(`common.cancel`)}),(0,$.jsx)(F,{type:`submit`,busy:a,disabled:!r.trim(),children:U(`run.next`)})]})]})})}function Pn({projectId:e,data:t,colors:n,sections:r,gradients:i,patterns:o,rules:c,sectioned:l,ruled:d,save:f,readOnly:p}){let[m,h]=(0,Q.useState)(()=>n.map(e=>({...e,id:k()}))),[g,_]=(0,Q.useState)(r),[v,b]=(0,Q.useState)(i),[x,S]=(0,Q.useState)(o),[w,T]=(0,Q.useState)(null),[E,D]=(0,Q.useState)(null),O=ee(e,p),A=u(c),[j,M]=(0,Q.useState)(null),[te,N]=(0,Q.useState)(null),[P,F]=(0,Q.useState)(!1),L=a({colors:m.filter(e=>Mn.test(e.value)).map(({name:e,value:t,section:n})=>({name:e.trim(),value:t,...n?{section:n}:{}})),colorSections:g,gradients:v,patterns:x,colorRules:A.rules},f),re=l?g:[],ie=re.filter(e=>(e.kind??`colors`)===`colors`),ae=e=>ie.some(t=>t.id===e.section),se=m.filter(e=>!ae(e)),ce=(se[0]??m[0])?.id,z=(e,t)=>h(n=>n.map(n=>n.id===e?{...n,...t}:n)),le=e=>h(t=>[...t,...e.map(e=>({...e,id:k()}))].slice(0,y.colors)),V=[{value:``,label:U(`project.sectionStandard`)},...ie.map(e=>({value:e.id,label:e.title||U(`project.sectionUntitled`)}))],G=(e,t)=>{let n=k();M(n),_(r=>[...r,{id:n,title:t,...e===`colors`?{}:{kind:e}}])},K=e=>({id:k(),name:``,section:e,type:`linear`,angle:90,stops:[{color:m[0]?.value&&Mn.test(m[0].value)?m[0].value:`#4b73ff`,at:0},{color:m[1]?.value&&Mn.test(m[1].value)?m[1].value:`#ff6d1b`,at:100}]}),ue=e=>t.files.find(t=>t.id===e)?.name??`pattern`,de=[...m.length<y.colors?[{label:U(`project.colorNew`),icon:(0,$.jsx)(C,{className:`size-4 shrink-0`}),onPick:()=>q()},{label:U(`project.colorsFromUrl`),icon:(0,$.jsx)(Jt,{className:`size-4 shrink-0`}),onPick:()=>F(!0)}]:[],...l&&g.length<y.logoSections?[{label:U(`project.colorSectionAdd`),icon:(0,$.jsx)(Bt,{className:`size-4 shrink-0`}),onPick:()=>G(`colors`,``)},{label:U(`project.gradientSectionAdd`),icon:(0,$.jsx)(Pt,{className:`size-4 shrink-0`}),onPick:()=>G(`gradients`,U(`project.gradientSectionTitle`))},{label:U(`project.patternSectionAdd`),icon:(0,$.jsx)(Ht,{className:`size-4 shrink-0`}),onPick:()=>G(`patterns`,U(`project.patternSectionTitle`))}]:[],...!d||A.full?[]:[{label:U(`project.ruleNew`),icon:(0,$.jsx)(rt,{className:`size-4 shrink-0`}),onPick:()=>A.add()}]],fe=e=>(0,$.jsxs)(`div`,{className:`group/row flex items-center gap-2`,children:[(0,$.jsx)(he,{value:Mn.test(e.value)?e.value:`#888888`,onChange:t=>z(e.id,{value:t.target.value})}),(0,$.jsx)(X,{value:e.name,autoFocus:e.id===te,placeholder:U(`project.colorName`),maxLength:120,onChange:t=>z(e.id,{name:t.target.value}),className:`min-w-0 flex-1`}),(0,$.jsx)(X,{value:e.value,placeholder:`#e0531b`,spellCheck:!1,onChange:t=>z(e.id,{value:t.target.value.trim()}),className:`w-28 font-mono text-[0.8125rem]`}),(0,$.jsxs)(`div`,{className:`flex w-28 shrink-0 items-center justify-end max-sm:w-auto`,children:[e.id===ce?(0,$.jsx)(`span`,{className:`mr-1 max-sm:hidden`,children:(0,$.jsx)(I,{tone:`ember`,children:U(`project.colorAccent`)})}):p?null:(0,$.jsx)(B,{label:U(`project.colorFirst`),onClick:()=>h(t=>[{...e,section:void 0},...t.filter(t=>t.id!==e.id)]),className:`opacity-0 transition focus:opacity-100 group-hover/row:opacity-100 coarse:opacity-100`,children:(0,$.jsx)(ne,{className:`size-4`})}),p||!ie.length?null:(0,$.jsx)(oe,{options:V,value:ae(e)?e.section??``:``,onChange:t=>z(e.id,{section:t||void 0}),className:`opacity-0 focus-within:opacity-100 group-hover/row:opacity-100 coarse:opacity-100`}),p?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:()=>h(t=>t.filter(t=>t.id!==e.id)),className:`opacity-0 transition focus:opacity-100 group-hover/row:opacity-100 coarse:opacity-100 hover:text-rose`,children:(0,$.jsx)(R,{className:`size-4`})})]})]},e.id),q=e=>{let t=k();N(t),h(n=>[...n,{id:t,name:``,value:`#888888`,...e?{section:e}:{}}])};return(0,$.jsxs)(s,{title:U(`project.colors`),hint:U(`project.colorsHint`),save:L,locked:p,action:p?null:(0,$.jsx)(W,{entries:de}),children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-7`,children:[se.length?(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`flex flex-col gap-2`,children:se.map(fe)}),p?null:(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:U(`project.colorUse`)})]}):m.length?null:(0,$.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:U(`project.colorsEmpty`)}),re.map(t=>{let n=t.kind??`colors`,r=m.filter(e=>e.section===t.id),i=v.filter(e=>e.section===t.id),a=x.filter(e=>e.section===t.id),o=n===`gradients`?i.length:n===`patterns`?a.length:r.length;return(0,$.jsxs)(`div`,{className:`group/section flex flex-col gap-3`,children:[(0,$.jsx)(ye,{title:t.title,titlePlaceholder:U(n===`gradients`?`project.gradientSectionTitlePlaceholder`:n===`patterns`?`project.patternSectionTitlePlaceholder`:`project.colorSectionTitle`),kind:n===`gradients`?{icon:(0,$.jsx)(Pt,{}),label:U(`project.kindGradients`)}:n===`patterns`?{icon:(0,$.jsx)(Ht,{}),label:U(`project.kindPatterns`)}:{icon:(0,$.jsx)(Ye,{}),label:U(`project.kindColors`)},autoFocus:j===t.id,readOnly:p,onChange:e=>_(n=>n.map(n=>n.id===t.id?{...n,...e}:n)),onRemove:()=>{if(!o||confirm(U(n===`colors`?`project.colorSectionRemoveConfirm`:`project.fillSectionRemoveConfirm`,{name:t.title||U(`project.sectionUntitled`)}))){_(e=>e.filter(e=>e.id!==t.id)),h(e=>e.map(e=>e.section===t.id?{...e,section:void 0}:e)),b(e=>e.filter(e=>e.section!==t.id));for(let e of a)O.remove(e.file);S(e=>e.filter(e=>e.section!==t.id))}}}),n===`gradients`?(0,$.jsxs)(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(200px,1fr))] gap-3`,children:[i.map(e=>(0,$.jsx)(On,{gradient:e,readOnly:p,onEdit:()=>T(e),onChange:t=>b(n=>n.map(n=>n.id===e.id?{...n,...t}:n)),onRemove:()=>b(t=>t.filter(t=>t.id!==e.id))},e.id)),p||v.length>=y.gradients?null:(0,$.jsxs)(`button`,{type:`button`,onClick:()=>T(K(t.id)),className:`flex min-h-28 flex-col items-center justify-center gap-2 rounded-lg border border-input border-dashed text-[0.875rem] text-ink-3 transition hover:border-ink-4 hover:text-ink`,children:[(0,$.jsx)(C,{className:`size-5`}),U(`project.gradientAdd`)]})]}):n===`patterns`?(0,$.jsxs)(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(200px,1fr))] gap-3`,children:[a.map(t=>(0,$.jsx)(An,{projectId:e,pattern:t,fileName:ue(t.file),readOnly:p,onEdit:()=>D(t),onChange:e=>S(n=>n.map(n=>n.id===t.id?{...n,...e}:n)),onRemove:()=>{O.remove(t.file),S(e=>e.filter(e=>e.id!==t.id))}},t.id)),p||x.length>=y.files.pattern?null:(0,$.jsxs)(`button`,{type:`button`,onClick:()=>D({id:k(),name:``,section:t.id,file:``}),className:`flex min-h-28 flex-col items-center justify-center gap-2 rounded-lg border border-input border-dashed text-[0.875rem] text-ink-3 transition hover:border-ink-4 hover:text-ink`,children:[(0,$.jsx)(C,{className:`size-5`}),U(`project.patternAdd`)]})]}):(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[r.map(fe),p||m.length>=y.colors?null:(0,$.jsx)(H,{label:U(`project.colorAdd`),onClick:()=>q(t.id)})]})]},t.id)}),d?(0,$.jsx)(xe,{rules:A,placeholder:U(`project.colorRulePlaceholder`),readOnly:p}):null]}),O.error?(0,$.jsx)(`p`,{className:`mt-3 text-[0.875rem] text-rose`,children:O.error}):null,w?(0,$.jsx)(wn,{projectId:e,gradient:w,isNew:!v.some(e=>e.id===w.id),brand:m.filter(e=>Mn.test(e.value)),onClose:()=>T(null),onSave:e=>b(t=>t.some(t=>t.id===e.id)?t.map(t=>t.id===e.id?e:t):[...t,e])}):null,E?(0,$.jsx)(jn,{projectId:e,pattern:E,isNew:!x.some(e=>e.id===E.id),fileName:ue,busy:O.busy,error:O.error,upload:async e=>(await O.upload(`pattern`,[e]))[0]??null,removeFile:e=>void O.remove(e),onClose:()=>D(null),onSave:e=>S(t=>t.some(t=>t.id===e.id)?t.map(t=>t.id===e.id?e:t):[...t,e])}):null,P?(0,$.jsx)(Nn,{projectId:e,onClose:()=>F(!1),onAdd:le}):null]})}var Fn=e=>/^(ja|yes|true)$/i.test(e.trim()),In={text:bt,longtext:Ke,number:De,date:He,url:g,email:et,phone:We,boolean:Ue};function Ln({type:e,detected:t,onChange:n}){let[r,i]=(0,Q.useState)(!1),[a,o]=(0,Q.useState)(!1),s=(0,Q.useRef)(null);(0,Q.useEffect)(()=>{if(!r)return;let e=e=>{s.current?.contains(e.target)||i(!1)},t=e=>e.key===`Escape`&&i(!1);return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[r]);let c=In[e??t],l=`${U(`project.factType`)}: ${U(`project.type.${e??t}`)}`,u=`flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-[0.875rem] text-ink-2 hover:bg-accent hover:text-ink`,d=e=>{n(e),i(!1)};return(0,$.jsxs)(`div`,{className:`relative`,ref:s,children:[(0,$.jsx)(`button`,{type:`button`,"aria-label":l,title:l,"aria-haspopup":`menu`,"aria-expanded":r,onClick:e=>{o(window.innerHeight-e.currentTarget.getBoundingClientRect().bottom<400),i(e=>!e)},className:z(`inline-flex size-11 items-center justify-center rounded-lg transition hover:bg-accent hover:text-ink`,r?`bg-accent text-ink`:e?`text-ink-2`:`text-ink-4`),children:(0,$.jsx)(c,{className:`size-4`})}),r?(0,$.jsxs)(`div`,{role:`menu`,className:z(`absolute right-0 z-50 w-56 animate-rise rounded-xl bg-card p-1.5 shadow-overlay ring-1 ring-border-soft`,a?`bottom-12`:`top-12`),children:[(0,$.jsxs)(`button`,{type:`button`,role:`menuitemradio`,"aria-checked":!e,className:u,onClick:()=>d(void 0),children:[(0,$.jsx)(yt,{className:`size-4 shrink-0`}),(0,$.jsx)(`span`,{className:`flex-1`,children:U(`project.factAuto`)}),(0,$.jsx)(`span`,{className:`text-[0.75rem] text-ink-4`,children:U(`project.type.${t}`)}),(0,$.jsx)(P,{className:z(`size-4 shrink-0`,e&&`invisible`)})]}),(0,$.jsx)(`div`,{className:`mx-2 my-1 h-px bg-border-soft`}),S.map(t=>{let n=In[t];return(0,$.jsxs)(`button`,{type:`button`,role:`menuitemradio`,"aria-checked":e===t,className:u,onClick:()=>d(t),children:[(0,$.jsx)(n,{className:`size-4 shrink-0`}),(0,$.jsx)(`span`,{className:`flex-1`,children:U(`project.type.${t}`)}),(0,$.jsx)(P,{className:z(`size-4 shrink-0`,e!==t&&`invisible`)})]},t)})]}):null]})}function Rn({facts:e,save:t,readOnly:n}){let r=(0,Q.useRef)(0),i=(0,Q.useRef)(null),[o,c]=(0,Q.useState)(()=>e.map(e=>({...e,id:`f${r.current++}`}))),u=a(o.filter(e=>e.key&&e.label.trim()).map(({key:e,label:t,value:n,type:r})=>({key:e,label:t.trim(),value:n,...r?{type:r}:{}})),t),d=(e,t)=>c(n=>n.map(n=>n.id===e?{...n,...t}:n)),f=(e,t,n=!1)=>{let a=`f${r.current++}`;i.current=`${a}:${t}`;let o={id:a,key:``,label:``,value:``,...e};c(e=>n?[o,...e]:[...e,o])},p=e=>t=>{t&&i.current===e&&(i.current=null,t.focus())},m=l.filter(e=>!o.some(t=>t.key===e.key));return(0,$.jsxs)(s,{title:U(`project.facts`),hint:U(`project.factsHint`),save:u,locked:n,action:o.length<y.facts&&!n?(0,$.jsxs)(F,{variant:`secondary`,size:`sm`,onClick:()=>f({},`label`,!0),children:[(0,$.jsx)(C,{className:`size-4`}),` `,U(`project.factAdd`)]}):null,children:[(0,$.jsx)(`div`,{className:`flex flex-col gap-2`,children:o.map(e=>{let t=x(e.value),r=e.type??t;return(0,$.jsxs)(`div`,{className:`grid grid-cols-[minmax(0,1fr)_auto_auto] items-start gap-x-1 gap-y-2 sm:grid-cols-[minmax(0,2fr)_minmax(0,3fr)_auto_auto]`,children:[(0,$.jsx)(X,{ref:p(`${e.id}:label`),value:e.label,placeholder:U(`project.factLabel`),title:e.key?`{{facts.${e.key}}}`:void 0,onChange:t=>d(e.id,{label:t.target.value}),onBlur:()=>{!e.key&&e.label.trim()&&d(e.id,{key:w(e.label,o.map(e=>e.key))})},className:`max-sm:col-span-3 max-sm:font-medium sm:mr-1`}),e.type===`boolean`?(0,$.jsxs)(`div`,{className:`flex h-11 items-center gap-3`,children:[(0,$.jsx)(se,{checked:Fn(e.value),label:e.label,onChange:t=>d(e.id,{value:U(t?`project.yes`:`project.no`)})}),(0,$.jsx)(`span`,{className:`text-[0.875rem] text-ink-2`,children:Fn(e.value)?U(`project.yes`):U(`project.no`)})]}):(0,$.jsx)(ge,{ref:p(`${e.id}:value`),rows:1,minRows:r===`longtext`?2:1,maxRows:10,value:e.value,placeholder:U(`project.factValue`),onChange:t=>d(e.id,{value:t.target.value}),className:`min-h-11`}),(0,$.jsx)(Ln,{type:e.type,detected:t,onChange:t=>d(e.id,{type:t})}),n?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:()=>c(t=>t.filter(t=>t.id!==e.id)),className:`size-11 rounded-lg hover:text-rose`,children:(0,$.jsx)(R,{className:`size-4`})})]},e.id)})}),o.length<y.facts&&!n?(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 ${o.length?`mt-4`:``}`,children:[(0,$.jsxs)(F,{variant:`secondary`,size:`sm`,onClick:()=>f({},`label`),children:[(0,$.jsx)(C,{className:`size-4`}),` `,U(`project.factAdd`)]}),m.map(e=>(0,$.jsxs)(`button`,{type:`button`,onClick:()=>f({key:e.key,label:me===`en`?e.en:e.de},`value`),className:`inline-flex h-8 items-center gap-1 rounded-full bg-paper-2 px-3 text-[0.8125rem] text-ink-2 transition hover:bg-paper-3 hover:text-ink`,children:[(0,$.jsx)(C,{className:`size-3.5`}),` `,me===`en`?e.en:e.de]},e.key))]}):null]})}function zn({onLogo:e,children:t,className:n}){let[r,i]=(0,Q.useState)(!1);return e?(0,$.jsx)(`div`,{onDragOver:e=>{e.dataTransfer.types.includes(`application/x-wizards-logo`)&&(e.preventDefault(),i(!0))},onDragLeave:()=>i(!1),onDrop:t=>{let n=t.dataTransfer.getData(on);i(!1),n&&(t.preventDefault(),e(n))},className:z(`-m-2 rounded-xl p-2 transition`,r&&`bg-paper-2 ring-1 ring-focus`,n),children:t}):(0,$.jsx)(`div`,{className:n,children:t})}function Bn({projectId:e,data:t,readOnly:n,sections:r,rules:i,sectioned:o,ruled:c,save:l}){let d=ee(e,n),[f,p]=(0,Q.useState)(r),m=u(i),[g,_]=(0,Q.useState)(null),[v,b]=(0,Q.useState)(!1),x=(0,Q.useRef)(null),S=a({logoSections:f,logoRules:m.rules},l),C=t.files.filter(e=>e.kind===`logo`),w=new Map(C.map(e=>[e.id,e])),T=o?f:[],E=new Set(T.flatMap(e=>e.logos)),D=C.filter(e=>!E.has(e.id)),O=h(C,f)?.id,A=(e,t)=>p(n=>n.map(n=>{let r=n.logos.filter(t=>t!==e);return{...n,logos:n.id===t?[...r,e]:r}})),j=(e,t)=>p(n=>n.map(n=>n.id===e?{...n,...t}:n)),M=async(e,t)=>{let n=await d.upload(`logo`,e);for(let e of n)A(e.id,t)},te=T.length?{options:[{value:``,label:U(`project.sectionStandard`)},...T.map(e=>({value:e.id,label:e.title||U(`project.sectionUntitled`)}))],current:e=>T.find(t=>t.logos.includes(e.id))?.id??``,onMove:(e,t)=>A(e.id,t||null)}:void 0,N=(t,n,r)=>(0,$.jsx)(sn,{projectId:e,kind:`logo`,files:t,actions:d,accept:`image/*`,addLabel:r?U(`project.logoAdd`):void 0,onUpload:e=>void M(e,n),mainId:O,onMakeMain:e=>{A(e.id,null),d.order(`logo`,[e.id,...C.filter(t=>t.id!==e.id).map(e=>e.id)])},moveTo:te,onRemove:e=>{confirm(U(`project.removeConfirm`,{name:e.name}))&&(d.remove(e.id),A(e.id,null))}}),P=n?void 0:e=>t=>A(t,e),F=[{label:U(`project.logoUpload`),icon:(0,$.jsx)(Je,{className:`size-4 shrink-0`}),onPick:()=>x.current?.click()},{label:U(`project.logoFromUrl`),icon:(0,$.jsx)(Jt,{className:`size-4 shrink-0`}),onPick:()=>b(!0)},...o&&f.length<y.logoSections?[{label:U(`project.logoSectionAdd`),icon:(0,$.jsx)(Bt,{className:`size-4 shrink-0`}),onPick:()=>{let e=k();_(e),p(t=>[...t,{id:e,title:``,description:``,logos:[]}])}}]:[],...!c||m.full?[]:[{label:U(`project.ruleNew`),icon:(0,$.jsx)(rt,{className:`size-4 shrink-0`}),onPick:()=>m.add()}]];return(0,$.jsxs)(s,{title:U(`project.logos`),hint:U(`project.logosHint`),save:S,action:n?null:(0,$.jsx)(W,{entries:F}),children:[(0,$.jsx)(`input`,{ref:x,type:`file`,accept:`image/*`,className:`sr-only`,tabIndex:-1,"aria-hidden":!0,onChange:e=>{let t=Array.from(e.target.files??[]);e.target.value=``,t.length&&M(t,null)}}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-7`,children:[(0,$.jsx)(zn,{onLogo:P?.(null),children:N(D,null,!0)}),T.map(e=>(0,$.jsx)(`div`,{className:`group/section`,children:(0,$.jsxs)(zn,{onLogo:P?.(e.id),className:`flex flex-col gap-3`,children:[(0,$.jsx)(ye,{title:e.title,description:e.description,titlePlaceholder:U(`project.logoSectionTitle`),descriptionPlaceholder:U(`project.logoSectionUse`),autoFocus:g===e.id,readOnly:n,onChange:t=>j(e.id,t),onRemove:()=>{(!e.logos.length||confirm(U(`project.logoSectionRemoveConfirm`,{name:e.title||U(`project.sectionUntitled`)})))&&p(t=>t.filter(t=>t.id!==e.id))}}),N(e.logos.map(e=>w.get(e)).filter(e=>!!e),e.id,!0)]})},e.id)),c?(0,$.jsx)(xe,{rules:m,placeholder:U(`project.logoRulePlaceholder`),readOnly:n}):null]}),d.error?(0,$.jsx)(`p`,{className:`mt-3 text-[0.875rem] text-rose`,children:d.error}):null,v?(0,$.jsx)(cn,{kind:`logo`,onClose:()=>b(!1),fetchUrl:e=>d.fromUrl(`logo`,e),onAdded:e=>{for(let t of e)A(t.id,null)}}):null]})}var Vn=new Set;function Hn(e){(0,Q.useEffect)(()=>{let t=e.trim().toLowerCase().replace(/\s+/g,`-`);if(!t||Vn.has(t))return;Vn.add(t);let n=document.createElement(`link`);n.rel=`stylesheet`,n.href=`https://fonts.bunny.net/css?family=${encodeURIComponent(t)}:${i.join(`,`)}&display=swap`,document.head.append(n)},[e])}var Un=e=>e?`"${e}", system-ui, sans-serif`:`system-ui, sans-serif`;function Wn({unit:e,label:t,...n}){return(0,$.jsxs)(`label`,{className:`inline-flex items-center gap-1 text-[0.75rem] text-ink-3`,title:t,children:[(0,$.jsx)(`input`,{type:`number`,"aria-label":t,className:`h-8 w-14 rounded-md border border-input bg-card px-1.5 text-right text-[0.8125rem] text-ink tabular-nums outline-none transition focus:border-focus focus:ring-2 focus:ring-focus-glow`,...n}),e]})}var Gn=`h-8 rounded-md border border-input bg-card px-1.5 text-[0.8125rem] text-ink outline-none transition focus:border-focus focus:ring-2 focus:ring-focus-glow`,Kn={web:`project.fontUseWeb`,documents:`project.fontUseDocuments`,print:`project.fontUsePrint`,images:`project.fontUseImages`,video:`project.fontUseVideo`};function qn({font:e,first:t,readOnly:n,autoFocus:r,onChange:a,onRemove:o}){return Hn(e.family),(0,$.jsxs)(`div`,{className:`group/font relative flex flex-col gap-2 rounded-lg bg-paper p-3 ring-1 ring-border-soft`,children:[(0,$.jsxs)(`div`,{className:`flex h-28 items-end justify-between overflow-hidden rounded-md bg-card px-4 pb-3 ring-1 ring-border-soft`,style:{fontFamily:Un(e.family)},children:[(0,$.jsx)(`span`,{className:`text-[3.5rem] text-ink leading-none`,children:`Aa`}),(0,$.jsx)(`span`,{className:`truncate pl-3 text-[0.875rem] text-ink-3`,children:`ABCDEFG abcdefg 0123456789`})]}),n?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`font-medium text-[0.9375rem]`,children:e.family}),e.role?(0,$.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:e.role}):null]}):(0,$.jsxs)(`div`,{children:[(0,$.jsx)(Se,{value:e.family,label:U(`project.fontFamily`),placeholder:U(`project.fontFamily`),maxLength:80,autoFocus:r,onChange:e=>a({family:e}),className:`font-medium text-[0.9375rem]`}),(0,$.jsx)(Se,{value:e.role,label:U(`project.fontRole`),placeholder:U(t?`project.fontRoleFirst`:`project.fontRole`),maxLength:200,onChange:e=>a({role:e}),className:`text-[0.875rem] text-ink-3`})]}),(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:i.map(t=>{let r=e.weights.includes(t);return(0,$.jsx)(`button`,{type:`button`,disabled:n,"aria-pressed":r,onClick:()=>a({weights:r?e.weights.filter(e=>e!==t):[...e.weights,t].sort((e,t)=>e-t)}),style:{fontFamily:Un(e.family),fontWeight:t},className:z(`h-7 rounded-full px-2.5 text-[0.8125rem] tabular-nums transition`,r?`bg-ink text-paper`:`bg-paper-2 text-ink-3 hover:text-ink`,n&&!r&&`hidden`),children:t},t)})}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[n?e.license?(0,$.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:e.license}):null:(0,$.jsx)(Se,{value:e.license??``,label:U(`project.fontLicense`),placeholder:U(`project.fontLicensePlaceholder`),maxLength:200,onChange:e=>a({license:e}),className:`text-[0.8125rem] text-ink-3`}),n&&!e.uses?.length?null:(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1`,children:[(0,$.jsx)(`span`,{className:`mr-1 text-[0.8125rem] text-ink-3`,children:U(`project.fontUses`)}),K.map(t=>{let r=!!e.uses?.includes(t);return(0,$.jsxs)(`button`,{type:`button`,disabled:n,"aria-pressed":r,onClick:()=>{let n=r?(e.uses??[]).filter(e=>e!==t):K.filter(n=>n===t||e.uses?.includes(n));a({uses:n.length?n:void 0})},className:z(`inline-flex h-7 items-center gap-1 rounded-full px-2.5 text-[0.8125rem] transition`,r?`bg-card text-ink ring-1 ring-border`:`bg-paper-2 text-ink-3 hover:text-ink`,n&&!r&&`hidden`),children:[r?(0,$.jsx)(P,{className:`size-3.5`}):null,U(Kn[t])]},t)})]})]}),n?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:o,className:`absolute top-4 right-4 size-8 bg-card opacity-0 shadow-soft transition focus:opacity-100 group-hover/font:opacity-100 coarse:opacity-100 hover:text-rose`,children:(0,$.jsx)(R,{className:`size-4`})})]})}function Jn({style:e,fonts:t,sample:n,readOnly:r,autoFocus:a,onChange:o,onRemove:s}){let c=t.find(t=>t.id===e.font)??t[0],l={fontFamily:Un(c?.family),fontWeight:e.weight,fontSize:`${Math.min(e.size,56)}px`,lineHeight:`${e.lineHeight}%`,letterSpacing:`${e.tracking/100}em`,textTransform:e.uppercase?`uppercase`:void 0};return(0,$.jsxs)(`li`,{className:`group/row flex flex-col gap-2 border-border-soft border-b py-4 first:pt-1 last:border-b-0`,children:[(0,$.jsx)(`div`,{className:`truncate text-ink`,style:l,children:n}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-2`,children:[r?(0,$.jsx)(`span`,{className:`font-medium text-[0.8125rem] text-ink-2 uppercase tracking-wide`,children:e.name}):(0,$.jsx)(`div`,{className:`w-40`,children:(0,$.jsx)(Se,{value:e.name,label:U(`project.styleName`),placeholder:U(`project.styleName`),maxLength:60,autoFocus:a,onChange:e=>o({name:e}),className:`font-medium text-[0.8125rem] text-ink-2 uppercase tracking-wide`})}),(0,$.jsxs)(`fieldset`,{disabled:r,className:`flex flex-wrap items-center gap-x-3 gap-y-2`,children:[t.length>1?(0,$.jsx)(`select`,{"aria-label":U(`project.styleFont`),value:c?.id??``,onChange:e=>o({font:e.target.value}),className:z(Gn,`max-w-40`),children:t.map(e=>(0,$.jsx)(`option`,{value:e.id,children:e.family||U(`project.fontFamily`)},e.id))}):null,(0,$.jsx)(`select`,{"aria-label":U(`project.styleWeight`),value:e.weight,onChange:e=>o({weight:Number(e.target.value)}),className:Gn,children:[...new Set([...i,e.weight])].sort().map(e=>(0,$.jsx)(`option`,{value:e,children:e},e))}),(0,$.jsx)(Wn,{unit:`px`,label:U(`project.styleSize`),min:6,max:400,value:e.size,onChange:e=>o({size:Number(e.target.value)||16})}),(0,$.jsx)(Wn,{unit:U(`project.styleLine`),label:U(`project.styleLineLabel`),min:50,max:300,value:e.lineHeight,onChange:e=>o({lineHeight:Number(e.target.value)||100})}),(0,$.jsx)(Wn,{unit:U(`project.styleTracking`),label:U(`project.styleTrackingLabel`),min:-20,max:50,step:.5,value:e.tracking,onChange:e=>o({tracking:Number(e.target.value)||0})}),(0,$.jsx)(`button`,{type:`button`,"aria-pressed":!!e.uppercase,title:U(`project.styleUpper`),"aria-label":U(`project.styleUpper`),onClick:()=>o({uppercase:!e.uppercase}),className:z(`grid size-8 place-items-center rounded-md transition`,e.uppercase?`bg-ink text-paper`:`text-ink-3 hover:bg-paper-2 hover:text-ink`),children:(0,$.jsx)(Rt,{className:`size-4`})})]}),r?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:s,className:`ml-auto size-8 opacity-0 transition focus:opacity-100 group-hover/row:opacity-100 coarse:opacity-100 hover:text-rose`,children:(0,$.jsx)(R,{className:`size-4`})})]})]})}function Yn({projectId:e,onAdd:t,onClose:n}){let[r,i]=(0,Q.useState)(``),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(null),[l,u]=(0,Q.useState)(null),[d,f]=(0,Q.useState)([]),p=async()=>{o(!0),c(null);try{let{fonts:t}=await M.post(`/api/studio/projects/${e}/fonts/scan`,{url:r.trim()});t.length?(u(t),f(t.slice(0,2).map(e=>e.family))):c(U(`project.fontsNoneFound`))}catch(e){c(e.message)}o(!1)};return(0,$.jsx)(T,{open:!0,onClose:n,wide:l?!0:void 0,title:U(l?`project.fontsFound`:`project.fontsFromUrl`),children:l?(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,$.jsx)(`p`,{className:`-mt-2 text-[0.875rem] text-ink-3`,children:U(`project.fontsFoundHint`)}),(0,$.jsx)(`div`,{className:`flex flex-col gap-2`,children:l.map(e=>(0,$.jsx)(Xn,{font:e,on:d.includes(e.family),onToggle:()=>f(t=>t.includes(e.family)?t.filter(t=>t!==e.family):[...t,e.family])},e.family))}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:()=>u(null),children:U(`run.back`)}),(0,$.jsx)(F,{disabled:!d.length,onClick:()=>{t(l.filter(e=>d.includes(e.family))),n()},children:d.length>1?U(`project.addMany`,{n:d.length}):U(`project.add`)})]})]}):(0,$.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),p()},className:`flex flex-col gap-5`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.logoUrl`)}),(0,$.jsx)(X,{autoFocus:!0,value:r,inputMode:`url`,placeholder:`https://example.com`,onChange:e=>i(e.target.value)}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:U(`project.fontsUrlHint`)})]}),s?(0,$.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:s}):null,(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:n,children:U(`common.cancel`)}),(0,$.jsx)(F,{type:`submit`,busy:a,disabled:!r.trim(),children:U(`run.next`)})]})]})})}function Xn({font:e,on:t,onToggle:n}){return Hn(e.family),(0,$.jsxs)(`button`,{type:`button`,"aria-pressed":t,onClick:n,className:z(`flex items-center gap-4 rounded-lg px-4 py-3 text-left ring-1 transition`,t?`ring-2 ring-ember`:`ring-border-soft hover:ring-ink-4`),children:[(0,$.jsx)(`span`,{className:`text-[2rem] text-ink leading-none`,style:{fontFamily:Un(e.family)},children:`Aa`}),(0,$.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,$.jsx)(`span`,{className:`font-medium text-[0.9375rem]`,children:e.family}),(0,$.jsx)(`span`,{className:`text-[0.8125rem] text-ink-3 tabular-nums`,children:e.weights.length?e.weights.join(` · `):U(`project.fontWeightsUnknown`)})]}),t?(0,$.jsx)(`span`,{className:`grid size-5 place-items-center rounded-full bg-ember text-white`,children:(0,$.jsx)(P,{className:`size-3.5`})}):null]})}function Zn({projectId:e,fonts:t,styles:n,rules:r,ruled:i,sample:o,save:c,readOnly:l}){let[d,f]=(0,Q.useState)(t),[p,m]=(0,Q.useState)(n),h=u(r),[g,_]=(0,Q.useState)(null),[v,b]=(0,Q.useState)(!1),x=a({fonts:d,textStyles:p,typeRules:h.rules},c),S=(e,t=!1)=>{let n=e.map(e=>({id:k(),family:e.family,role:``,weights:e.weights}));t&&n[0]&&_(n[0].id),f(e=>[...e,...n].slice(0,y.fonts))},w=()=>{let e=k();_(e),m(t=>[...t,{id:e,name:``,size:16,weight:400,lineHeight:150,tracking:0}])},T=[...d.length<y.fonts?[{label:U(`project.fontNew`),icon:(0,$.jsx)(C,{className:`size-4 shrink-0`}),onPick:()=>S([{family:``,weights:[400,700]}],!0)},{label:U(`project.fontsFromUrl`),icon:(0,$.jsx)(Jt,{className:`size-4 shrink-0`}),onPick:()=>b(!0)}]:[],...p.length<y.textStyles?[{label:U(`project.styleNew`),icon:(0,$.jsx)($e,{className:`size-4 shrink-0`}),onPick:w}]:[],...!i||h.full?[]:[{label:U(`project.ruleNew`),icon:(0,$.jsx)(rt,{className:`size-4 shrink-0`}),onPick:()=>h.add()}]];return(0,$.jsxs)(s,{title:U(`project.typography`),hint:U(`project.typographyHint`),save:x,action:l?null:(0,$.jsx)(W,{entries:T}),children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-7`,children:[d.length?(0,$.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(260px,1fr))] gap-3`,children:d.map((e,t)=>(0,$.jsx)(qn,{font:e,first:t===0,readOnly:l,autoFocus:g===e.id,onChange:t=>f(n=>n.map(n=>n.id===e.id?{...n,...t}:n)),onRemove:()=>f(t=>t.filter(t=>t.id!==e.id))},e.id))}):(0,$.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:U(`project.fontsEmpty`)}),p.length?(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h3`,{className:`font-medium text-[0.9375rem]`,children:U(`project.styles`)}),l?null:(0,$.jsx)(`p`,{className:`text-[0.875rem] text-ink-3 leading-snug`,children:U(`project.stylesHint`)}),(0,$.jsx)(`ul`,{className:`mt-2 flex flex-col`,children:p.map(e=>(0,$.jsx)(Jn,{style:e,fonts:d,sample:o,readOnly:l,autoFocus:g===e.id,onChange:t=>m(n=>n.map(n=>n.id===e.id?{...n,...t}:n)),onRemove:()=>m(t=>t.filter(t=>t.id!==e.id))},e.id))})]}):null,i?(0,$.jsx)(xe,{rules:h,placeholder:U(`project.typeRulePlaceholder`),readOnly:l}):null]}),v?(0,$.jsx)(Yn,{projectId:e,onClose:()=>b(!1),onAdd:e=>S(e)}):null]})}function Qn({project:e,save:t}){let[n,r]=(0,Q.useState)(e.brand.name??``),[i,o]=(0,Q.useState)(e.brand.about??``),c=a({name:n.trim(),about:i.trim()},e=>t({brand:e}));return(0,$.jsx)(s,{title:U(`project.base`),hint:U(`project.baseHint`),save:c,locked:e.readOnly,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.title`)}),(0,$.jsx)(X,{value:n,maxLength:120,onChange:e=>r(e.target.value)}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:U(`project.titleHint`)})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.about`)}),(0,$.jsx)(ge,{minRows:4,value:i,onChange:e=>o(e.target.value)}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:U(`project.aboutHint`)})]})]})})}function $n({project:e,group:t,children:n}){let r=D(),i=A(e.id),[a,o]=(0,Q.useState)(0),[s,c]=(0,Q.useState)(!1),l=async t=>{await M.patch(`/api/studio/projects/${e.id}`,t),await r.invalidateQueries({queryKey:[`projects`]})},u=it({mutationFn:()=>M.del(`/api/studio/projects/${e.id}`),onSuccess:()=>r.invalidateQueries({queryKey:[`projects`]})}),d=mt(),f=ot(),p=i.data??{files:[],embeddings:!0},m=`${e.id}:${a}`,h=e.readOnly,g=t===`knowledge`,_=lt(`brandSections`),v=lt(`brandRules`),y=lt(`typography`);return tt(h?{}:{title:U(g?`project.assistantTitleKnowledge`:`project.assistantTitle`),hello:U(g?`project.assistantHelloKnowledge`:`project.assistantHello`),placeholder:U(g?`project.assistantComposerKnowledge`:`project.assistantComposer`),suggestions:g?[{label:U(`assistant.suggest.knowledgeHow`)},{label:U(`assistant.suggest.knowledgeSite`),fill:!0},{label:U(`assistant.suggest.knowledgeCategories`)}]:[{label:U(`assistant.suggest.readSite`),fill:!0},{label:U(`assistant.suggest.missing`)},{label:U(`assistant.suggest.facts`)}],summary:g?void 0:[e.brand.name?`title "${e.brand.name}"`:`no title`,`${e.facts.length} facts`,`${e.brand.colors?.length??0} colours`,`${p.files.filter(e=>e.kind===`logo`).length} logos`].join(` · `),onChanged:()=>o(e=>e+1)}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-9`,children:[h?(0,$.jsx)(qe,{children:Ge(e)}):null,t===`info`?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(L,{id:`base`,children:(0,$.jsx)(Qn,{project:e,save:l},`base:${m}`)}),(0,$.jsx)(L,{id:`facts`,children:(0,$.jsx)(Rn,{facts:e.facts,save:e=>l({facts:e}),readOnly:h},`facts:${m}`)}),(0,$.jsx)(L,{id:`logos`,children:(0,$.jsx)(Bn,{projectId:e.id,data:p,readOnly:h,sections:e.brand.logoSections??[],rules:e.brand.logoRules??[],sectioned:_,ruled:v,save:e=>l({brand:e})},`logos:${m}`)}),(0,$.jsx)(L,{id:`colors`,children:(0,$.jsx)(Pn,{projectId:e.id,data:p,colors:e.brand.colors??[],sections:e.brand.colorSections??[],gradients:e.brand.gradients??[],patterns:e.brand.patterns??[],rules:e.brand.colorRules??[],sectioned:_,ruled:v,save:e=>l({brand:e}),readOnly:h},`colors:${m}`)}),y?(0,$.jsx)(L,{id:`typography`,children:(0,$.jsx)(Zn,{projectId:e.id,fonts:e.brand.fonts??[],styles:e.brand.textStyles??[],rules:e.brand.typeRules??[],ruled:v,sample:e.brand.name||U(`project.typeSample`),save:e=>l({brand:e}),readOnly:h},`typography:${m}`)}):null,(0,$.jsx)(L,{id:`assets`,children:(0,$.jsx)(bn,{projectId:e.id,data:p,readOnly:h,sections:e.brand.assetSections??[],save:e=>l({brand:e})},`assets:${m}`)})]}):null,n,t===`info`&&d&&!h&&f?(0,$.jsxs)(`div`,{children:[(0,$.jsx)(F,{variant:`danger`,onClick:()=>c(!0),children:U(`settings.delete`)}),(0,$.jsxs)(T,{open:s,onClose:()=>c(!1),title:U(`settings.deleteTitle`,{name:e.name}),children:[(0,$.jsx)(`p`,{className:`-mt-2 text-[0.875rem] text-ink-2`,children:U(`settings.deleteBody`)}),u.error?(0,$.jsx)(`p`,{className:`mt-3 text-[0.8125rem] text-rose`,children:u.error.message}):null,(0,$.jsxs)(`div`,{className:`mt-5 flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:()=>c(!1),children:U(`common.cancel`)}),(0,$.jsx)(F,{variant:`danger`,busy:u.isPending,onClick:()=>u.mutate(),children:U(`common.delete`)})]})]})]}):null]})}var er={q:``,mode:``,days:0};function tr(e,t,n){let r=new URLSearchParams;t&&r.set(`wizard`,t),n.q.trim()&&r.set(`q`,n.q.trim()),n.mode&&r.set(`mode`,n.mode),n.days&&r.set(`days`,String(n.days));let i=r.toString();return Y({queryKey:[`results`,e,i],queryFn:()=>M.get(`/api/studio/projects/${e}/results${i&&`?${i}`}`),enabled:!!e,placeholderData:e=>e,refetchInterval:15e3})}function nr({filter:e,onFilter:t}){let[n,r]=(0,Q.useState)(e.q);return(0,Q.useEffect)(()=>{if(n===e.q)return;let r=setTimeout(()=>t({...e,q:n}),250);return()=>clearTimeout(r)},[n,e,t]),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,$.jsxs)(`div`,{className:`relative min-w-0 flex-1 basis-56`,children:[(0,$.jsx)(be,{className:`-translate-y-1/2 pointer-events-none absolute top-1/2 left-3 size-4 text-ink-3`}),(0,$.jsx)(X,{type:`search`,value:n,onChange:e=>r(e.target.value),placeholder:U(`space.resultsSearch`),"aria-label":U(`space.resultsSearch`),className:`w-full pl-9`})]}),(0,$.jsx)(ie,{value:e.mode,onChange:n=>t({...e,mode:n}),options:[{value:``,label:U(`space.resultsModeAll`)},{value:`live`,label:`Live`},{value:`test`,label:`Test`}],className:`w-32`}),(0,$.jsx)(ie,{value:String(e.days),onChange:n=>t({...e,days:Number(n)}),options:[{value:`0`,label:U(`space.resultsAnyTime`)},{value:`1`,label:U(`space.resultsDay`)},{value:`7`,label:U(`space.resultsDays`,{n:7})},{value:`30`,label:U(`space.resultsDays`,{n:30})}],className:`w-44`})]})}function rr({data:e,wizardId:t,filter:n,onFilter:i}){let[a,o]=(0,Q.useState)(null),c=t=>e.wizards.find(e=>e.id===t)?.title??``,l=new Intl.DateTimeFormat(me,{dateStyle:`medium`,timeStyle:`short`});return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(s,{title:t?c(t):U(`space.resultsAll`),hint:U(`space.resultsHint`),plain:!0,children:[(0,$.jsx)(nr,{filter:n,onFilter:i}),e.runs.length?(0,$.jsx)(N,{className:`flex flex-col p-1.5`,children:e.runs.map(e=>(0,$.jsxs)(`button`,{type:`button`,onClick:()=>o(e),className:`flex items-center gap-3 rounded-lg px-3 py-2.5 text-left transition hover:bg-accent`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`div`,{className:`truncate text-[0.875rem]`,children:t?l.format(new Date(e.doneAt)):c(e.wizardId)}),(0,$.jsxs)(`div`,{className:`truncate text-[0.75rem] text-ink-3`,children:[t?null:`${l.format(new Date(e.doneAt))} · `,U(`space.resultCredits`,{n:e.credits})]})]}),e.assets?(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[0.75rem] text-ink-3 tabular-nums`,title:U(`space.resultFiles`,{n:e.assets}),children:[(0,$.jsx)(b,{className:`size-3.5`}),e.assets]}):null,e.mode===`test`?(0,$.jsx)(I,{children:U(`run.testChip`)}):(0,$.jsxs)(I,{tone:`live`,children:[`Live v`,e.version]})]},e.id))}):(0,$.jsx)(N,{children:(0,$.jsx)(r,{children:n.q.trim()||n.mode||n.days?U(`space.resultsNone`):U(`space.resultsEmpty`)})})]}),a?(0,$.jsx)(Ie,{header:(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-medium text-[0.875rem]`,children:c(a.wizardId)}),a.mode===`test`?(0,$.jsx)(I,{children:U(`run.testChip`)}):(0,$.jsxs)(I,{tone:`live`,children:[`Live v`,a.version]})]}),onClose:()=>o(null),children:(0,$.jsx)(Mt,{runId:a.id,compact:!0},a.id)}):null]})}function ir({project:e,save:t}){let[n,r]=(0,Q.useState)(!1),[i,a]=(0,Q.useState)(e.name),o=it({mutationFn:()=>t({name:i.trim()}),onSuccess:()=>r(!1)});return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(B,{label:U(`project.rename`),onClick:()=>{a(e.name),r(!0)},children:(0,$.jsx)(ue,{className:`size-4`})}),(0,$.jsx)(T,{open:n,onClose:()=>r(!1),title:U(`project.rename`),children:(0,$.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),i.trim()&&o.mutate()},children:[(0,$.jsx)(X,{"data-autofocus":!0,value:i,maxLength:80,onChange:e=>a(e.target.value)}),o.error?(0,$.jsx)(`p`,{className:`mt-3 text-[0.875rem] text-rose`,children:o.error.message}):null,(0,$.jsxs)(`div`,{className:`mt-5 flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:()=>r(!1),children:U(`common.cancel`)}),(0,$.jsx)(F,{type:`submit`,busy:o.isPending,disabled:!i.trim(),children:U(`settings.save`)})]})]})})]})}function ar({project:e}){let t=D();return(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(st,{}),e.readOnly?null:(0,$.jsx)(ir,{project:e,save:async n=>{await M.patch(`/api/studio/projects/${e.id}`,n),await t.invalidateQueries({queryKey:[`projects`]})}})]})}function or(e){let t=e.join(` `),[n,r]=(0,Q.useState)(e[0]);return(0,Q.useEffect)(()=>{let e=t.split(` `),n=0,i=()=>{n=0;let t=ht(),i=t.scrollTop>0&&t.clientHeight+t.scrollTop>=t.scrollHeight-4,a=(t===document.documentElement?0:t.getBoundingClientRect().top)+Math.max(120,t.clientHeight/3),o=e[0];for(let t of e){let e=document.getElementById(t)?.getBoundingClientRect().top;e!==void 0&&e<=a&&(o=t)}r(i?e.at(-1):o)},a=()=>{n||=requestAnimationFrame(i)};return i(),window.addEventListener(`scroll`,a,{passive:!0,capture:!0}),window.addEventListener(`resize`,a),()=>{cancelAnimationFrame(n),window.removeEventListener(`scroll`,a,{capture:!0}),window.removeEventListener(`resize`,a)}},[t]),n}function sr(e,t){let n=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;document.getElementById(e)?.scrollIntoView({block:`start`,behavior:t&&!n?`smooth`:`auto`})}function cr({groups:e,current:t,onPick:n}){return e.map(e=>{let r=e.sections.map(e=>(0,$.jsx)(St,{icon:e.icon??Qe,label:e.label,selected:e.id===t,onPick:()=>n(e.id)},e.id));return e.label?(0,$.jsx)(Tt,{label:e.label,children:r},e.plugin):(0,$.jsx)(`ul`,{className:`flex flex-col gap-0.5`,children:r},`own`)})}function lr(){let{group:e}=_e(),[t,n]=le(),i=fe(),a=ce(),{hash:o}=a,{project:c,loading:l}=ft(),u=mt(),d=_t(),f=jt(),[p,m]=(0,Q.useState)(null),[h,g]=(0,Q.useState)(null),[_,v]=(0,Q.useState)(null),y=ut(e)?e:void 0,b=y?void 0:d.spaceParts.find(t=>t.id===e),x=y??b?.id,S=a.state?.parts===!0,C=xt(vt(),d).map(e=>({...e,to:`/space/${e.id}`})),w=C.find(e=>e.id===x),T=t.get(`show`),E=x?T?2:1:0,D=f?Math.min(E,1):x&&_!==x&&!S?1:0,O=wt(D),k=wt(E),A=(0,Q.useMemo)(()=>({slot:p,narrow:f,setDetail:g}),[p,f]),ee=c?c.brand.name?.trim()||c.name:U(`nav.project`),j=re(),M=!!j&&!f,te=lt(`typography`)?[]:[`typography`],N=b?d.spaceMenus[b.id]??[]:[],P=b?[{plugin:null,label:null,sections:N}]:y&&y!==`results`?at(y,d,te):[],F=y?at(y,d).filter(e=>e.plugin):[],ne=or([...P,...y===`results`?F:[]].flatMap(e=>e.sections.map(e=>e.id))),I=y===`results`&&T&&T!==`all`?T:null,[ie,oe]=(0,Q.useState)(er),R=tr(y===`results`?c?.id:void 0,I,ie),se=R.data?.wizards.find(e=>e.id===I)?.title,B=y===`data`&&T&&T!==`all`||y===`knowledge`&&T&&/^[ptfcvs]:/.test(T)?T:null,V=B?.startsWith(`s:`)?d.spaceSections.find(e=>e.id===B.slice(2)):void 0,H=y===`knowledge`&&B&&/^[ptf]:/.test(B)?B:null,W=Oe(y===`data`?c?.id:void 0),G=Fe(y===`knowledge`?c?.id:void 0),K=Ve(B?.startsWith(`v:`)?B.slice(2):``),ue=G.data?.categories.find(e=>e.id===(B?.startsWith(`c:`)?B.slice(2):K.data?.category.id)),de=y===`knowledge`?V?V.label():B?.startsWith(`v:`)?K.data&&`${K.data.category.name}: ${K.data.value}`:B?.startsWith(`c:`)?ue?.name:G.data?.items.find(e=>e.key===B)?.title:W.data?ze(W.data).flatMap(e=>e.items).find(e=>e.key===B)?.title:void 0;pt([{label:U(`nav.project`),to:`/space`},...w?[{label:w.label,to:`/space/${w.id}`}]:[],...w&&(h??se??de)?[{label:h??se??de}]:[]]);let q={p:`page`,t:`table`,f:`file`,c:`category`,v:`category value`,s:`plugin section`};tt({...y===`data`||y===`results`?{compact:!0}:{},...y===`data`?{suggestions:[{label:U(`assistant.suggest.dataWhat`)},{label:U(`assistant.suggest.dataWho`)},{label:U(`assistant.suggest.dataEdit`)}]}:y===`results`?{suggestions:[{label:U(`assistant.suggest.resultsFailed`)},{label:U(`assistant.suggest.resultsCost`)},{label:U(`assistant.suggest.resultsShare`)}]}:{},...B&&de?{open:{kind:q[B[0]]??`item`,id:B.slice(2),label:de}}:I&&se?{open:{kind:`wizard`,id:I,label:se}}:{}});let J=y===`results`||y===`data`||B?o.slice(1):T||o.slice(1),pe=(0,Q.useRef)(``);if((0,Q.useEffect)(()=>{let e=`${x}#${J}`;J&&pe.current!==e&&document.getElementById(J)&&(pe.current=e,requestAnimationFrame(()=>sr(J,!1)))},[x,J,c?.id,d.spaceSections,N.length]),!x){let t=o.slice(1),n=t?dt(t,d):null;if(n===`knowledge`&&d.spaceSections.some(e=>e.id===t))return(0,$.jsx)(ae,{to:`/space/knowledge?show=s:${t}`,replace:!0});if(n)return(0,$.jsx)(ae,{to:f?`/space/${n}?show=${t}`:{pathname:`/space/${n}`,hash:t},replace:!0});if((t||e)&&d.status!==`ready`)return null;if(e!==void 0||!f)return(0,$.jsx)(ae,{to:`/space/info`,replace:!0,state:{parts:!0}})}if(y===`knowledge`&&!T&&d.spaceSections.some(e=>e.id===o.slice(1)))return(0,$.jsx)(ae,{to:`/space/knowledge?show=s:${o.slice(1)}`,replace:!0});let me=e=>{if(f){i({search:`?show=${e}`});return}pe.current=`${x}#${e}`,sr(e,!0),i({search:``,hash:e},{replace:!0})},Y=e=>f?n({show:e}):n(e===`all`?{}:{show:e},{replace:!0}),he=e=>e.flatMap(e=>e.sections).map(e=>d.spaceSections.find(t=>t.id===e.id)).filter(e=>e!==void 0).map(e=>(0,$.jsx)(L,{id:e.id,children:(0,$.jsx)(s,{title:e.label(),hint:e.hint?.(),plain:!0,children:(0,$.jsx)(gt,{of:e,children:(0,$.jsx)(e.component,{})})})},e.serial)),X=f?void 0:ne,Z=(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Et,{title:ee,open:D===1?w??null:null,onBack:()=>f?i(`/space`):v(x??null),root:{icon:Xe,label:U(`nav.project`),backLabel:U(`nav.wizards`),onBack:()=>i(`/`)}}),(0,$.jsx)(`div`,{className:z(Ct(O)),children:D===0?(0,$.jsx)(Ot,{entries:C,current:f?void 0:w,onPick:()=>v(null)}):(0,$.jsx)(`div`,{ref:m})},D)]});return(0,$.jsxs)(Dt.Provider,{value:A,children:[M&&j?(0,$t.createPortal)(Z,j):null,(0,$.jsx)(`div`,{className:`animate-rise`,children:(0,$.jsxs)(`div`,{className:z(`grid gap-6`,!M&&`md:grid-cols-[13.5rem_minmax(0,1fr)] md:gap-8 lg:grid-cols-[15rem_minmax(0,1fr)] lg:gap-10`),children:[M?null:(0,$.jsx)(`aside`,{className:z(`min-w-0 md:sticky md:top-6 md:self-start`,f&&E===2&&`hidden`,f&&k===`back`&&Ct(`back`)),children:Z}),x?(0,$.jsxs)(`div`,{className:z(`min-w-0`,f&&E<2&&`hidden`,f&&k===`deeper`&&Ct(`deeper`)),children:[f?(0,$.jsx)(`div`,{className:`mb-3`,children:(0,$.jsx)(At,{label:w?.label??ee,onBack:()=>i(`/space/${x}`)})}):null,u&&c?(0,$.jsx)(`div`,{className:`mb-6`,children:(0,$.jsx)(ar,{project:c})}):null,y===`results`?(0,$.jsxs)(kt,{children:[(0,$.jsxs)(`ul`,{className:`flex flex-col gap-0.5`,children:[(0,$.jsx)(St,{icon:Wt,label:U(`space.resultsAll`),selected:!f&&!I,onPick:()=>Y(`all`)}),R.data?.wizards.filter(e=>e.results||e.id===I).map(e=>(0,$.jsx)(St,{icon:yt,label:e.title,badge:e.results?(0,$.jsx)(`span`,{className:`text-[0.75rem] text-ink-3 tabular-nums`,children:e.results}):null,selected:!f&&e.id===I,onPick:()=>Y(e.id)},e.id))]}),(0,$.jsx)(cr,{groups:F,current:X,onPick:me})]}):y===`data`?(0,$.jsxs)(kt,{children:[(0,$.jsx)(`ul`,{className:`flex flex-col gap-0.5`,children:(0,$.jsx)(St,{icon:Kt,label:U(`data.all`),selected:!f&&!B,onPick:()=>Y(`all`)})}),W.data?ze(W.data).map(e=>(0,$.jsx)(Tt,{label:e.label,children:e.items.map(e=>(0,$.jsx)(St,{icon:Ee[e.kind],label:e.title,selected:!f&&e.key===B,onPick:()=>Y(e.key)},e.key))},e.key)):null,(0,$.jsx)(cr,{groups:F,current:X,onPick:me})]}):y===`knowledge`?(0,$.jsxs)(kt,{children:[(0,$.jsx)(`ul`,{className:`flex flex-col gap-0.5`,children:(0,$.jsx)(St,{icon:Kt,label:U(`know.all`),selected:!(f||B),onPick:()=>Y(`all`)})}),G.data?.categories.length?(0,$.jsx)(Tt,{label:U(`know.categories`),children:G.data.categories.map(e=>(0,$.jsx)(St,{icon:Me[e.type],label:e.name,badge:(0,$.jsx)(`span`,{className:`text-[0.75rem] text-ink-3 tabular-nums`,children:e.proposed?`·`:e.count}),selected:!f&&(B===`c:${e.id}`||K.data?.category.id===e.id),onPick:()=>Y(`c:${e.id}`)},e.id))}):null,(0,$.jsx)(cr,{groups:F,current:f?void 0:V?.id,onPick:e=>Y(`s:${e}`)})]}):(0,$.jsx)(kt,{children:(0,$.jsx)(cr,{groups:P,current:X,onPick:me})}),c&&(y===`info`||y===`knowledge`)?(0,$.jsxs)($n,{project:c,group:y,children:[y===`knowledge`?H?H.startsWith(`p:`)?(0,$.jsx)(Pe,{pageId:H.slice(2),onGone:()=>Y(`all`),onOpen:Y},H):H.startsWith(`t:`)?(0,$.jsx)(Ne,{tableId:H.slice(2),onGone:()=>Y(`all`)},H):(0,$.jsx)(pn,{projectId:c.id,fileId:H.slice(2),readOnly:c.readOnly,onGone:()=>Y(`all`)},H):G.data?V?(0,$.jsx)(s,{title:V.label(),hint:V.hint?.(),plain:!0,children:(0,$.jsx)(gt,{of:V,children:(0,$.jsx)(V.component,{})})},B):B?.startsWith(`c:`)?ue?(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,$.jsx)(je,{projectId:c.id,category:ue,readOnly:c.readOnly,onOpen:Y,onGone:()=>Y(`all`)}),ue.type===`choice`?null:(0,$.jsx)(Be,{projectId:c.id,category:ue,categories:G.data.categories,onOpen:Y})]},B):null:B?.startsWith(`v:`)?K.data?(0,$.jsx)(Te,{value:K.data,readOnly:c.readOnly,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[K.data.items.length?(0,$.jsx)(`div`,{className:`flex flex-col rounded-xl bg-card p-1.5 shadow-soft ring-1 ring-border-soft`,children:K.data.items.map(e=>(0,$.jsx)(ke,{item:e,categories:G.data.categories.filter(e=>e.id!==K.data?.category.id),onOpen:Y},e.key))}):null,K.data.rows.map(e=>(0,$.jsx)(`button`,{type:`button`,onClick:()=>Y(`t:${e.tableId}`),className:`px-1 text-left text-[0.8125rem] text-ink-3 hover:text-ink`,children:U(`know.tocRows`,{n:e.count,table:e.title})},e.tableId))]})},B):null:(0,$.jsx)(L,{id:`documents`,children:(0,$.jsx)(Re,{projectId:c.id,data:G.data,readOnly:c.readOnly,onOpen:Y})}):null:null,y===`info`?he(F):null]},c.id):null,c&&b?(0,$.jsx)(gt,{of:b,children:(0,$.jsx)(ct,{part:b.id,children:(0,$.jsx)(b.component,{})},c.id)}):null,c&&y===`data`?(0,$.jsx)(`div`,{className:`flex flex-col gap-9 pb-20`,children:B?.startsWith(`t:`)?(0,$.jsx)(Ne,{tableId:B.slice(2),onGone:()=>Y(`all`)},B):B?.startsWith(`p:`)?(0,$.jsx)(Pe,{pageId:B.slice(2),onGone:()=>Y(`all`)},B):(0,$.jsxs)($.Fragment,{children:[W.data?(0,$.jsx)(Le,{projectId:c.id,data:W.data,readOnly:c.readOnly,onOpen:Y}):null,he(F)]})}):null,c&&y===`results`?(0,$.jsxs)(`div`,{className:`flex flex-col gap-9 pb-20`,children:[R.data?(0,$.jsx)(rr,{data:R.data,wizardId:I,filter:ie,onFilter:oe}):null,R.isError?(0,$.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:R.error.message}):null,he(F)]}):null,c||l?null:(0,$.jsx)(r,{children:U(`settings.noProject`)})]}):null]})})]})}export{lr as ProjectPage};
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{$t as r,A as i,B as a,Bn as o,C as s,Cn as c,D as l,E as u,En as d,F as f,H as p,Hn as m,I as h,In as g,L as _,Ln as v,M as y,Mn as b,N as x,O as S,On as C,P as w,Qt as T,R as E,Rr as D,S as O,T as k,U as A,V as ee,Vn as j,W as M,Wn as te,Xt as N,Yn as P,Yt as F,Zn as ne,Zt as I,_ as L,a as re,an as ie,ar as ae,b as oe,bn as R,cn as se,cr as ce,dn as z,dr as le,en as B,fr as V,g as H,gn as U,h as W,j as G,k as K,kn as ue,ln as de,lr as fe,nn as q,on as J,ot as pe,pn as me,pr as Y,sn as he,tn as X,tr as Z,un as ge,ur as _e,v as ve,w as ye,wn as be,x as xe,y as Se,z as Ce,zn as we}from"./ui-DftgEA2k.js";import{_ as Te,a as Ee,b as De,c as Oe,d as ke,f as Ae,g as je,h as Me,i as Ne,l as Pe,m as Fe,n as Ie,o as Le,p as Re,s as ze,u as Be,v as Ve,x as He,y as Ue}from"./RunDrawer-BsnsIJ0Y.js";import{t as We}from"./phone-DRHxY0l_.js";import{n as Ge,r as Ke,t as qe}from"./ReadOnly-B0mJBD1q.js";import{t as Je}from"./upload-B73coFNw.js";import{At as Ye,Bt as Xe,Ct as Ze,Dt as Qe,Et as $e,Ft as et,G as tt,Ht as nt,It as rt,Yt as it,_ as at,at as ot,b as st,c as ct,et as lt,g as ut,h as dt,it as ft,m as pt,ot as mt,p as ht,s as gt,u as _t,v as vt,vt as yt,xt as bt,y as xt}from"./index-BuFrRzvG.js";import{a as St,c as Ct,f as wt,i as Tt,n as Et,o as Dt,r as Ot,s as kt,t as At,u as jt}from"./settings-menu-OPrJTW8a.js";import{t as Mt}from"./RunnerView-B56i3nKO.js";var Nt={name:`blend`,size:24,node:[[`circle`,{cx:`15`,cy:`9`,r:`7`,key:`1i12rt`}],[`circle`,{cx:`9`,cy:`15`,r:`7`,key:`19bs8k`}]]};Nt.node;var Pt=Z(Nt),Ft={name:`box`,size:24,node:[[`path`,{d:`M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z`,key:`hh9hay`}],[`path`,{d:`m3.3 7 8.7 5 8.7-5`,key:`g66t2b`}],[`path`,{d:`M12 22V12`,key:`d0xqtd`}]]};Ft.node;var It=Z(Ft),Lt={name:`case-upper`,size:24,node:[[`path`,{d:`M15 11h4.5a1 1 0 0 1 0 5h-4a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h3a1 1 0 0 1 0 5`,key:`nxs35`}],[`path`,{d:`m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16`,key:`d5nyq2`}],[`path`,{d:`M3.304 13h6.392`,key:`1q3zxz`}]]};Lt.node;var Rt=Z(Lt),zt={name:`folder-plus`,size:24,node:[[`path`,{d:`M12 10v6`,key:`1bos4e`}],[`path`,{d:`M9 13h6`,key:`1uhe8q`}],[`path`,{d:`M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z`,key:`1kt360`}]]};zt.node;var Bt=Z(zt),Vt={name:`grid-2x2`,size:24,node:[[`path`,{d:`M12 3v18`,key:`108xh3`}],[`path`,{d:`M3 12h18`,key:`1i2n21`}],[`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`,key:`h1oib`}]],aliases:[`grid-2-x-2`]};Vt.node;var Ht=Z(Vt),Ut={name:`layers`,size:24,node:[[`path`,{d:`M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z`,key:`zw3jo`}],[`path`,{d:`M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12`,key:`1wduqc`}],[`path`,{d:`M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17`,key:`kqbvx6`}]],aliases:[`layers-3`]};Ut.node;var Wt=Z(Ut),Gt={name:`layout-grid`,size:24,node:[[`rect`,{width:`7`,height:`7`,x:`3`,y:`3`,rx:`1`,key:`1g98yp`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`3`,rx:`1`,key:`6d4xhi`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`14`,rx:`1`,key:`nxv5o0`}],[`rect`,{width:`7`,height:`7`,x:`3`,y:`14`,rx:`1`,key:`1bb6yr`}]]};Gt.node;var Kt=Z(Gt),qt={name:`link`,size:24,node:[[`path`,{d:`M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71`,key:`1cjeqo`}],[`path`,{d:`M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71`,key:`19qd67`}]]};qt.node;var Jt=Z(qt),Yt={name:`list`,size:24,node:[[`path`,{d:`M3 5h.01`,key:`18ugdj`}],[`path`,{d:`M3 12h.01`,key:`nlz23k`}],[`path`,{d:`M3 19h.01`,key:`noohij`}],[`path`,{d:`M8 5h13`,key:`1pao27`}],[`path`,{d:`M8 12h13`,key:`1za7za`}],[`path`,{d:`M8 19h13`,key:`m83p4d`}]]};Yt.node;var Xt=Z(Yt),Zt={name:`music`,size:24,node:[[`path`,{d:`M9 18V5l12-2v13`,key:`1jmyc2`}],[`circle`,{cx:`6`,cy:`18`,r:`3`,key:`fqmcym`}],[`circle`,{cx:`18`,cy:`16`,r:`3`,key:`1hluhg`}]]};Zt.node;var Qt=Z(Zt),$t=V(),Q=e(t(),1),$=e(n(),1),en={backgroundImage:`repeating-conic-gradient(#c9c9c9 0% 25%, #dedede 0% 50%)`,backgroundSize:`16px 16px`};function tn({file:e,actions:t}){let[n,r]=(0,Q.useState)(e.description),i=(0,Q.useRef)(e.description),a=(0,Q.useRef)(null);(0,Q.useEffect)(()=>{e.description!==i.current&&(r(t=>t===i.current?e.description:t),i.current=e.description)},[e.description]),(0,Q.useLayoutEffect)(()=>{let e=a.current;e&&(e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`)},[n]);let o=e.status===`pending`&&!n;return t.readOnly?n?(0,$.jsx)(`p`,{className:`text-[0.8125rem] text-ink-2 leading-snug`,children:n}):null:(0,$.jsx)(`textarea`,{ref:a,rows:1,value:n,maxLength:600,placeholder:U(o?`project.describing`:`project.description`),onChange:e=>r(e.target.value),onBlur:()=>{n.trim()!==e.description&&(i.current=n.trim(),t.describe(e.id,n.trim()))},className:`-mx-1 block w-[calc(100%+0.5rem)] resize-none overflow-hidden rounded-md bg-transparent px-1 py-0.5 text-[0.8125rem] text-ink-2 leading-snug outline-none transition placeholder:text-ink-4 hover:bg-paper-2 focus:bg-card focus:text-ink focus:ring-1 focus:ring-border`})}function nn(e,t){confirm(U(`project.removeConfirm`,{name:e.name}))&&t.remove(e.id)}function rn({projectId:e,file:t,small:n}){let r=Ce(e,t.id);if(t.mime.startsWith(`image/`))return(0,$.jsx)(`img`,{src:r,alt:``,loading:`lazy`,className:z(`size-full`,t.kind===`logo`?`object-contain p-3`:`object-cover`)});if(t.mime.startsWith(`video/`))return(0,$.jsx)(`video`,{src:`${r}#t=0.1`,preload:`metadata`,controls:!n,className:`size-full object-cover`});if(t.mime.startsWith(`font/`))return(0,$.jsx)(an,{src:r,small:n});let i=n?`size-5`:`size-7`;return(0,$.jsxs)(`div`,{className:`flex size-full flex-col items-center justify-center gap-1.5 text-ink-3`,children:[t.mime.startsWith(`audio/`)?(0,$.jsx)(Qt,{className:i}):t.mime===`application/pdf`?(0,$.jsx)(o,{className:i}):t.mime===`application/json`?(0,$.jsx)(c,{className:i}):t.mime.startsWith(`model/`)?(0,$.jsx)(It,{className:i}):(0,$.jsx)(we,{className:i}),n?null:(0,$.jsx)(`span`,{className:`text-[0.6875rem] uppercase tracking-wide`,children:t.mime===`application/json`?`Lottie / JSON`:t.mime.split(`/`).pop()})]})}function an({src:e,small:t}){let[n,r]=(0,Q.useState)(null);return(0,Q.useEffect)(()=>{let t=`asset-${e.split(`/`).slice(-2,-1)[0]}`;new FontFace(t,`url("${e}")`).load().then(e=>{document.fonts.add(e),r(t)}).catch(()=>r(null))},[e]),(0,$.jsx)(`div`,{className:z(`flex size-full items-center justify-center text-ink`,t?`text-[1.25rem]`:`text-[2.75rem]`),style:n?{fontFamily:`"${n}"`}:void 0,children:`Aa`})}var on=`application/x-wizards-logo`;function sn({projectId:e,kind:t,files:n,actions:r,accept:i,addLabel:a,onUpload:o,onPreview:s,mainId:c,onMakeMain:l,moveTo:u,onRemove:d}){let f=e=>d?d(e):nn(e,r);return(0,$.jsxs)(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(184px,1fr))] gap-3`,children:[n.map(n=>(0,$.jsxs)(`div`,{draggable:u&&!r.readOnly?!0:void 0,onDragStart:e=>e.dataTransfer.setData(on,n.id),className:`group relative flex flex-col gap-1.5 rounded-lg bg-paper p-2 pb-2.5 ring-1 ring-border-soft`,children:[n.id===c?(0,$.jsx)(`span`,{className:`absolute -top-3 left-3 z-10 rounded-full ring-2 ring-card`,children:(0,$.jsx)(I,{tone:`ember`,children:U(`project.logoMain`)})}):null,(0,$.jsxs)(`div`,{className:`relative h-28 overflow-hidden rounded-md bg-paper-2`,style:t===`logo`?en:void 0,children:[s&&n.mime.startsWith(`image/`)?(0,$.jsx)(`button`,{type:`button`,"aria-label":`${U(`project.preview`)}: ${n.name}`,onClick:()=>s(n),className:`block size-full cursor-zoom-in`,children:(0,$.jsx)(rn,{projectId:e,file:n})}):(0,$.jsx)(rn,{projectId:e,file:n}),(0,$.jsxs)(`div`,{className:`absolute top-1 right-1 flex gap-1 opacity-0 transition focus-within:opacity-100 group-hover:opacity-100 coarse:opacity-100`,children:[s?(0,$.jsx)(B,{label:U(`project.preview`),onClick:()=>s(n),className:`size-8 bg-card shadow-soft`,children:(0,$.jsx)(nt,{className:`size-4`})}):null,l&&n.id!==c&&!r.readOnly?(0,$.jsx)(B,{label:U(`project.logoMakeMain`),onClick:()=>l(n),className:`size-8 bg-card shadow-soft`,children:(0,$.jsx)(Ze,{className:`size-4`})}):null,u&&!r.readOnly?(0,$.jsx)(oe,{options:u.options,value:u.current(n),onChange:e=>u.onMove(n,e),className:`bg-card shadow-soft`}):null,r.readOnly?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:()=>f(n),className:`size-8 bg-card shadow-soft hover:text-rose`,children:(0,$.jsx)(R,{className:`size-4`})})]})]}),t===`asset`?(0,$.jsx)(`div`,{className:`truncate px-0.5 text-[0.75rem] text-ink-3`,title:n.name,children:n.name}):null,(0,$.jsx)(tn,{file:n,actions:r})]},n.id)),a&&!r.readOnly?(0,$.jsxs)(ve,{accept:i,multiple:!1,onFiles:e=>o?o(e):r.upload(t,e),className:`min-h-28 flex-col p-3`,children:[r.busy?(0,$.jsx)(J,{className:`size-5`}):(0,$.jsx)(C,{className:`size-5`}),a]}):null]})}function cn({kind:e,fetchUrl:t,onAdded:n,onClose:r}){let[i,a]=(0,Q.useState)(``),[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(null),[f,p]=(0,Q.useState)([]),m=async()=>{s(!0),l(null);try{let a=await t(i.trim());a.file?(n([a.file]),r()):a.candidates?.length?(d(a.candidates),p([a.candidates[0].url])):l(U(e===`logo`?`project.logoNoneFound`:`project.assetNoneFound`))}catch(e){l(e.message)}s(!1)},h=async()=>{s(!0),l(null);let e=[];try{for(let n of f){let r=await t(n);r.file&&e.push(r.file)}}catch(e){l(e.message)}s(!1),e.length&&n(e),e.length===f.length&&r()};return(0,$.jsx)(T,{open:!0,onClose:r,wide:u?!0:void 0,title:U(u?e===`logo`?`project.logoFound`:`project.assetFound`:e===`logo`?`project.logoFromUrl`:`project.assetFromUrl`),children:u?(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,$.jsx)(`p`,{className:`-mt-2 text-[0.875rem] text-ink-3`,children:U(e===`logo`?`project.logoFoundHint`:`project.assetFoundHint`)}),(0,$.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(150px,1fr))] gap-3`,children:u.map(t=>{let n=f.includes(t.url);return(0,$.jsxs)(`button`,{type:`button`,"aria-pressed":n,title:t.hint,onClick:()=>p(e=>n?e.filter(e=>e!==t.url):[...e,t.url]),className:z(`relative h-28 overflow-hidden rounded-lg ring-1 transition`,n?`ring-2 ring-ember`:`ring-border-soft hover:ring-ink-4`),style:en,children:[(0,$.jsx)(`img`,{src:t.url,alt:``,className:z(`size-full`,e===`logo`?`object-contain p-3`:`object-cover`)}),n?(0,$.jsx)(`span`,{className:`absolute top-1.5 right-1.5 grid size-5 place-items-center rounded-full bg-ember text-white`,children:(0,$.jsx)(P,{className:`size-3.5`})}):null]},t.url)})}),c?(0,$.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:c}):null,(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:()=>d(null),children:U(`run.back`)}),(0,$.jsx)(F,{busy:o,disabled:!f.length,onClick:()=>void h(),children:f.length>1?U(`project.addMany`,{n:f.length}):U(`project.add`)})]})]}):(0,$.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),m()},className:`flex flex-col gap-5`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.logoUrl`)}),(0,$.jsx)(X,{autoFocus:!0,value:i,inputMode:`url`,placeholder:`https://example.com`,onChange:e=>a(e.target.value)}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:U(e===`logo`?`project.logoUrlHint`:`project.assetUrlHint`)})]}),c?(0,$.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:c}):null,(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:r,children:U(`common.cancel`)}),(0,$.jsx)(F,{type:`submit`,busy:o,disabled:!i.trim(),children:U(`run.next`)})]})]})})}function ln(e,t,n){return Y({queryKey:[`project-file-text`,t.id,t.chars,n],queryFn:()=>M.get(`/api/studio/projects/${e}/files/${t.id}/text?limit=${n}`),enabled:t.status===`ready`,staleTime:6e4})}function un(e){return((e.name.includes(`.`)?e.name.split(`.`).pop():``)||e.mime.split(`/`).pop()||``).toUpperCase().slice(0,5)}var dn=e=>[un(e),e.pages?U(`project.pages`,{n:e.pages}):null,E(e.size)].filter(Boolean).join(` · `),fn=2e5;function pn({projectId:e,fileId:t,readOnly:n,onGone:r}){let i=D(),a=A(e),o=Fe(e),s=ee(e,n),c=a.data?.files.find(e=>e.id===t),l=c?c.mime===`application/pdf`||c.mime.startsWith(`image/`):!1,[u,f]=(0,Q.useState)(null);if(!c)return a.isLoading?(0,$.jsx)(J,{className:`mx-auto text-ink-3`}):null;let p=u??(l?`original`:`text`),m=o.data?.items.find(e=>e.key===`f:${c.id}`),h=Ce(e,c.id),g=(e,t)=>(0,$.jsx)(`button`,{type:`button`,"aria-pressed":p===e,onClick:()=>f(e),className:z(`rounded-full px-3 py-1 text-[0.8125rem] transition`,p===e?`bg-paper-2 font-medium text-ink`:`text-ink-3 hover:text-ink`),children:t});return(0,$.jsxs)(`section`,{className:`flex flex-col gap-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 px-1`,children:[(0,$.jsx)(`h2`,{className:`min-w-0 flex-1 truncate font-display font-semibold text-lg`,children:c.name}),(0,$.jsx)(`span`,{className:`text-[0.8125rem] text-ink-3 max-sm:hidden`,children:dn(c)}),(0,$.jsx)(`a`,{href:h,target:`_blank`,rel:`noreferrer`,"aria-label":U(`project.openOriginal`),title:U(`project.openOriginal`),className:`inline-flex size-9 items-center justify-center rounded-full text-ink-3 transition hover:bg-accent hover:text-ink`,children:(0,$.jsx)(j,{className:`size-4`})}),n?null:(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(B,{label:U(`project.reindex`),onClick:async()=>{await s.reindex(c.id),await i.invalidateQueries({queryKey:[`knowledge`,e]})},children:(0,$.jsx)(d,{className:`size-4`})}),(0,$.jsx)(B,{label:U(`know.deleteFile`),className:`hover:text-rose`,onClick:async()=>{confirm(U(`data.confirmDelete`,{title:c.name}))&&(await s.remove(c.id),await i.invalidateQueries({queryKey:[`knowledge`,e]}),r())},children:(0,$.jsx)(R,{className:`size-4`})})]})]}),(0,$.jsx)(Ae,{projectId:e,itemKey:`f:${c.id}`,has:m?.categories??[],originLabel:m?.originLabel??null,kept:!1,review:null,file:null,readOnly:n,onReviewed:()=>void 0}),(0,$.jsx)(`div`,{className:`px-1`,children:(0,$.jsx)(tn,{file:c,actions:s})}),c.status===`failed`?(0,$.jsx)(`p`,{className:`px-1 text-[0.875rem] text-rose`,children:c.error}):null,(0,$.jsxs)(N,{className:`flex flex-col`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1 border-border-soft border-b px-2 py-1.5`,children:[l?g(`original`,U(`project.original`)):null,g(`text`,U(`project.readText`))]}),p===`original`?c.mime===`application/pdf`?(0,$.jsx)(`iframe`,{src:h,title:c.name,className:`h-[70dvh] w-full rounded-b-xl bg-paper-2`}):(0,$.jsx)(`img`,{src:h,alt:``,className:`mx-auto max-h-[70dvh] object-contain p-4`}):(0,$.jsx)(mn,{projectId:e,file:c})]})]})}function mn({projectId:e,file:t}){let n=ln(e,t,fn);return n.isLoading||t.status===`pending`?(0,$.jsx)(`div`,{className:`flex h-40 items-center justify-center text-ink-3`,children:(0,$.jsx)(J,{})}):n.data?.text?(0,$.jsxs)(`div`,{className:`overflow-x-auto p-4 sm:p-5`,children:[(0,$.jsx)(pe,{text:n.data.text,className:`text-[0.875rem]`}),n.data.chars>n.data.text.length?(0,$.jsx)(`p`,{className:`mt-3 text-[0.8125rem] text-ink-3`,children:U(`project.textCut`,{shown:n.data.text.length.toLocaleString(me),total:n.data.chars.toLocaleString(me)})}):null]}):(0,$.jsx)(`p`,{className:`py-8 text-center text-[0.875rem] text-ink-3`,children:U(`project.noText`)})}var hn=`image/*,video/*,audio/*,application/pdf,.pdf,.woff2,.woff,.ttf,.otf,.json,.glb,.gltf`,gn=e=>[(e.name.includes(`.`)?e.name.split(`.`).pop():e.mime.split(`/`).pop())?.toUpperCase().slice(0,5),E(e.size)].filter(Boolean).join(` · `);function _n({projectId:e,file:t,actions:n,onClose:r}){let i=Ce(e,t.id);return(0,$.jsxs)(T,{open:!0,onClose:r,wide:`page`,title:t.name,children:[(0,$.jsxs)(`div`,{className:`-mt-2 mb-4 flex items-center justify-between gap-3`,children:[(0,$.jsx)(`span`,{className:`text-[0.8125rem] text-ink-3`,children:gn(t)}),(0,$.jsx)(`a`,{href:i,target:`_blank`,rel:`noreferrer`,"aria-label":U(`project.openOriginal`),title:U(`project.openOriginal`),className:`inline-flex size-9 items-center justify-center rounded-full text-ink-3 transition hover:bg-accent hover:text-ink`,children:(0,$.jsx)(j,{className:`size-4`})})]}),t.mime.startsWith(`image/`)?(0,$.jsx)(`div`,{className:`overflow-hidden rounded-lg`,style:en,children:(0,$.jsx)(`img`,{src:i,alt:``,className:`mx-auto max-h-[68dvh] object-contain`})}):t.mime.startsWith(`video/`)?(0,$.jsx)(`video`,{src:i,controls:!0,className:`max-h-[68dvh] w-full rounded-lg bg-black`}):(0,$.jsx)(`audio`,{src:i,controls:!0,className:`w-full`}),(0,$.jsx)(`div`,{className:`mt-4`,children:(0,$.jsx)(tn,{file:t,actions:n})})]})}function vn({projectId:e,file:t,actions:n,moveTo:r,onPreview:i,onRemove:a}){return(0,$.jsxs)(`li`,{className:`group/row flex items-start gap-3 rounded-lg bg-paper p-2 ring-1 ring-border-soft`,children:[(0,$.jsx)(`button`,{type:`button`,"aria-label":`${U(`project.preview`)}: ${t.name}`,onClick:i,className:`size-14 shrink-0 cursor-zoom-in overflow-hidden rounded-md bg-paper-2`,children:(0,$.jsx)(rn,{projectId:e,file:t,small:!0})}),(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-1 py-0.5`,children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-3`,children:[(0,$.jsx)(`button`,{type:`button`,onClick:i,title:t.name,className:`min-w-0 truncate font-medium text-[0.875rem] hover:underline`,children:t.name}),(0,$.jsx)(`span`,{className:`text-[0.75rem] text-ink-3`,children:gn(t)})]}),(0,$.jsx)(tn,{file:t,actions:n})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-start opacity-0 transition focus-within:opacity-100 group-hover/row:opacity-100 coarse:opacity-100`,children:[(0,$.jsx)(B,{label:U(`project.preview`),onClick:i,children:(0,$.jsx)(nt,{className:`size-4`})}),r&&!n.readOnly?(0,$.jsx)(oe,{options:r.options,value:r.current(t),onChange:e=>r.onMove(t,e),className:`size-9`}):null,n.readOnly?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:a,className:`hover:text-rose`,children:(0,$.jsx)(R,{className:`size-4`})})]})]})}function yn({section:e,onSave:t,onRemove:n,onClose:r}){let[i,a]=(0,Q.useState)(e?.title??``);return(0,$.jsx)(T,{open:!0,onClose:r,title:U(e?`project.assetSectionRename`:`project.assetSectionAdd`),children:(0,$.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),i.trim()&&(t(i.trim()),r())},className:`flex flex-col gap-5`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.assetSectionName`)}),(0,$.jsx)(X,{autoFocus:!0,value:i,maxLength:80,placeholder:U(`project.assetSectionTitle`),onChange:e=>a(e.target.value)})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[n?(0,$.jsx)(F,{variant:`danger`,onClick:n,children:U(`project.sectionRemove`)}):null,(0,$.jsx)(`span`,{className:`flex-1`}),(0,$.jsx)(F,{variant:`ghost`,onClick:r,children:U(`common.cancel`)}),(0,$.jsx)(F,{type:`submit`,disabled:!i.trim(),children:U(e?`settings.save`:`project.add`)})]})]})})}function bn({projectId:e,data:t,readOnly:n,sections:r,save:i}){let o=ee(e,n),[c,l]=p(`assets`,`cards`),[u,d]=(0,Q.useState)(``),[f,m]=(0,Q.useState)(null),[h,g]=(0,Q.useState)(r),[_,v]=(0,Q.useState)(``),[b,x]=(0,Q.useState)(null),[S,C]=(0,Q.useState)(!1),w=(0,Q.useRef)(null),T=a({assetSections:h},i),E=t.files.filter(e=>e.kind===`asset`),D=new Map(E.map(e=>[e.id,e])),A=new Set(h.flatMap(e=>e.assets)),j=h.find(e=>e.id===_)??null,M=j?j.assets.map(e=>D.get(e)).filter(e=>!!e):E.filter(e=>!A.has(e.id)),te=E.find(e=>e.id===f),N=u.trim().toLowerCase(),P=N?M.filter(e=>`${e.name} ${e.description}`.toLowerCase().includes(N)):M,F=(e,t)=>g(n=>n.map(n=>{let r=n.assets.filter(t=>t!==e);return{...n,assets:n.id===t?[...r,e]:r}})),ne=async e=>{let t=j?.id??null;for(let n of await o.upload(`asset`,e))F(n.id,t)},I=e=>{confirm(U(`project.removeConfirm`,{name:e.name}))&&(o.remove(e.id),F(e.id,null))},L=h.length?{options:[{value:``,label:U(`project.assetsGeneral`)},...h.map(e=>({value:e.id,label:e.title||U(`project.sectionUntitled`)}))],current:e=>h.find(t=>t.assets.includes(e.id))?.id??``,onMove:(e,t)=>F(e.id,t||null)}:void 0,re=[{label:U(`project.assetUpload`),icon:(0,$.jsx)(Je,{className:`size-4 shrink-0`}),onPick:()=>w.current?.click()},{label:U(`project.assetFromUrl`),icon:(0,$.jsx)(Jt,{className:`size-4 shrink-0`}),onPick:()=>C(!0)},...h.length<y.logoSections?[{label:U(`project.assetSectionAdd`),icon:(0,$.jsx)(Bt,{className:`size-4 shrink-0`}),onPick:()=>x(`new`)}]:[]],ie=h.length||E.length?(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsxs)(`div`,{className:`-mx-1 flex min-w-0 flex-1 items-center gap-1 overflow-x-auto px-1 pb-0.5`,children:[h.length?(0,$.jsx)(de,{value:_,onChange:e=>{v(e),d(``)},label:U(`project.assets`),options:[{id:``,label:U(`project.assetsGeneral`)},...h.map(e=>({id:e.id,label:e.title||U(`project.sectionUntitled`)}))]}):null,j&&!n?(0,$.jsx)(B,{label:U(`project.assetSectionRename`),onClick:()=>x(`current`),children:(0,$.jsx)(ue,{className:`size-4`})}):null]}),M.length?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`w-56 max-w-[45%] shrink`,children:(0,$.jsx)(O,{value:u,onChange:d,placeholder:U(`project.assetSearch`)})}),(0,$.jsx)(B,{label:U(c===`list`?`project.viewCards`:`project.viewList`),onClick:l,children:c===`list`?(0,$.jsx)(Kt,{className:`size-4`}):(0,$.jsx)(Xt,{className:`size-4`})})]}):null]}):null;return(0,$.jsxs)(s,{title:U(`project.assets`),hint:U(`project.assetsHint`),save:T,tabs:ie,action:n?null:(0,$.jsx)(W,{entries:re}),children:[(0,$.jsx)(`input`,{ref:w,type:`file`,multiple:!0,accept:hn,className:`sr-only`,tabIndex:-1,"aria-hidden":!0,onChange:e=>{let t=Array.from(e.target.files??[]);e.target.value=``,t.length&&ne(t)}}),P.length?c===`cards`?(0,$.jsx)(sn,{projectId:e,kind:`asset`,files:P,actions:o,moveTo:L,onRemove:I,onPreview:e=>m(e.id)}):(0,$.jsx)(`ul`,{className:`flex flex-col gap-2`,children:P.map(t=>(0,$.jsx)(vn,{projectId:e,file:t,actions:o,moveTo:L,onPreview:()=>m(t.id),onRemove:()=>I(t)},t.id))}):M.length?null:n?(0,$.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:U(`project.staysLocal`)}):(0,$.jsxs)(ve,{accept:hn,onFiles:e=>void ne(e),className:`h-16 w-full`,children:[o.busy?(0,$.jsx)(J,{className:`size-4`}):(0,$.jsx)(Je,{className:`size-4`}),U(`project.drop`),` `,(0,$.jsx)(`span`,{className:`underline`,children:U(`project.assetAdd`)})]}),o.error?(0,$.jsx)(`p`,{className:`mt-3 text-[0.875rem] text-rose`,children:o.error}):null,te?(0,$.jsx)(_n,{projectId:e,file:te,actions:o,onClose:()=>m(null)}):null,b?(0,$.jsx)(yn,{section:b===`current`?j:null,onClose:()=>x(null),onSave:e=>{if(b===`current`&&j)g(t=>t.map(t=>t.id===j.id?{...t,title:e}:t));else{let t=k();g(n=>[...n,{id:t,title:e,assets:[]}]),v(t)}},onRemove:b===`current`&&j?()=>{(!j.assets.length||confirm(U(`project.assetSectionRemoveConfirm`,{name:j.title})))&&(g(e=>e.filter(e=>e.id!==j.id)),v(``),x(null))}:void 0}):null,S?(0,$.jsx)(cn,{kind:`asset`,onClose:()=>C(!1),fetchUrl:e=>o.fromUrl(`asset`,e),onAdded:e=>{for(let t of e)F(t.id,j?.id??null)}}):null]})}var xn=/^#[0-9a-fA-F]{6}$/;async function Sn(e,t){let[n,r]=[1920,1080],i=document.createElement(`canvas`);i.width=n,i.height=r;let a=i.getContext(`2d`);if(!a)return;let o=e.angle*Math.PI/180,s;if(e.type===`radial`)s=a.createRadialGradient(n/2,r/2,0,n/2,r/2,Math.hypot(n,r)/2);else if(e.type===`conic`)s=a.createConicGradient(o-Math.PI/2,n/2,r/2);else{let e=Math.abs(n*Math.sin(o))+Math.abs(r*Math.cos(o)),[t,i]=[Math.sin(o)*e/2,-Math.cos(o)*e/2];s=a.createLinearGradient(n/2-t,r/2-i,n/2+t,r/2+i)}for(let t of[...e.stops].sort((e,t)=>e.at-t.at))s.addColorStop(Math.min(1,Math.max(0,t.at/100)),t.color);a.fillStyle=s,a.fillRect(0,0,n,r);let c=await new Promise(e=>i.toBlob(e,`image/png`));if(c){let e=document.createElement(`a`);e.href=URL.createObjectURL(c),e.download=`${t||`gradient`}.png`,e.click(),setTimeout(()=>URL.revokeObjectURL(e.href),5e3)}}var Cn={linear:`project.gradientLinear`,radial:`project.gradientRadial`,conic:`project.gradientConic`};function wn({projectId:e,gradient:t,isNew:n,brand:r,onSave:i,onClose:a}){let[o,s]=(0,Q.useState)(t),[l,u]=(0,Q.useState)(f(t)),[d,p]=(0,Q.useState)(!1),[m,h]=(0,Q.useState)(``),[g,v]=(0,Q.useState)(!1),[y,b]=(0,Q.useState)(null),[x,S]=(0,Q.useState)(!n),w=e=>{s(e),u(f(e)),p(!1)},E=(e,t)=>w({...o,stops:o.stops.map((n,r)=>r===e?{...n,...t}:n)}),D=e=>{let t=[...o.stops].sort((e,t)=>e.at-t.at),n=50,r=-1;for(let e=0;e<t.length-1;e++)t[e+1].at-t[e].at>r&&(r=t[e+1].at-t[e].at,n=Math.round((t[e].at+t[e+1].at)/2));w({...o,stops:[...o.stops,{color:e??t[0]?.color??`#888888`,at:n}]})},O=async()=>{v(!0),b(null);try{let{gradient:t}=await M.post(`/api/studio/projects/${e}/gradients/describe`,{text:m.trim(),...x?{gradient:{name:o.name,type:o.type,angle:o.angle,stops:o.stops}}:{}});w({...o,...t,name:o.name.trim()?o.name:t.name}),h(``),S(!0)}catch(e){b(e.message)}v(!1)};return(0,$.jsx)(T,{open:!0,onClose:a,wide:!0,title:U(n?`project.gradientNew`:`project.gradientEdit`),children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,$.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),m.trim()&&!g&&O()},children:[(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsx)(X,{"data-autofocus":n||void 0,value:m,maxLength:1e3,"aria-label":U(`project.gradientDescribe`),placeholder:U(x?`project.gradientDescribeChange`:`project.gradientDescribeNew`),onChange:e=>h(e.target.value),className:`min-w-0 flex-1`}),(0,$.jsxs)(F,{type:`submit`,variant:`secondary`,busy:g,disabled:!m.trim(),children:[(0,$.jsx)(c,{className:`size-4`}),U(x?`project.gradientDescribeApply`:`project.gradientDescribeMake`)]})]}),(0,$.jsx)(`p`,{className:z(`mt-1.5 text-[0.8125rem]`,y?`text-rose`:`text-ink-3`),children:y??U(`project.gradientDescribeHint`)})]}),(0,$.jsx)(`div`,{className:`h-40 rounded-lg ring-1 ring-border-soft`,style:{background:f(o)}}),(0,$.jsxs)(`div`,{className:`grid gap-x-6 gap-y-4 sm:grid-cols-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.gradientName`)}),(0,$.jsx)(X,{value:o.name,maxLength:80,placeholder:U(`project.gradientNamePlaceholder`),onChange:e=>s({...o,name:e.target.value})})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.fillUseLabel`)}),(0,$.jsx)(X,{value:o.description??``,maxLength:400,placeholder:U(`project.gradientUse`),onChange:e=>s({...o,description:e.target.value})})]})]}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-end gap-x-6 gap-y-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.gradientType`)}),(0,$.jsx)(`div`,{className:`flex gap-1 rounded-full bg-paper-2 p-0.5 ring-1 ring-border-soft`,children:G.map(e=>(0,$.jsx)(`button`,{type:`button`,"aria-pressed":o.type===e,onClick:()=>w({...o,type:e}),className:z(`h-9 rounded-full px-4 font-medium text-[0.875rem] transition`,o.type===e?`bg-card text-ink shadow-sm`:`text-ink-3 hover:text-ink-2`),children:U(Cn[e])},e))})]}),o.type===`radial`?null:(0,$.jsxs)(`div`,{className:`min-w-56`,children:[(0,$.jsx)(q,{children:U(`project.gradientAngle`)}),(0,$.jsxs)(`div`,{className:`flex h-11 items-center gap-3`,children:[(0,$.jsx)(`input`,{type:`range`,min:0,max:360,value:o.angle,"aria-label":U(`project.gradientAngle`),onChange:e=>w({...o,angle:Number(e.target.value)}),className:`flex-1 accent-ink`}),(0,$.jsxs)(`span`,{className:`w-12 text-right text-[0.875rem] text-ink-2 tabular-nums`,children:[Math.round(o.angle),`°`]})]})]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.gradientStops`)}),(0,$.jsx)(`div`,{className:`flex flex-col gap-2`,children:o.stops.map((e,t)=>(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(he,{value:xn.test(e.color)?e.color:`#888888`,onChange:e=>E(t,{color:e.target.value})}),(0,$.jsx)(X,{value:e.color,spellCheck:!1,onChange:e=>{let n=e.target.value.trim();xn.test(n)&&E(t,{color:n.toLowerCase()})},className:`w-28 font-mono text-[0.8125rem]`}),(0,$.jsx)(`input`,{type:`range`,min:0,max:100,value:e.at,"aria-label":U(`project.gradientAt`),onChange:e=>E(t,{at:Number(e.target.value)}),className:`flex-1 accent-ink`}),(0,$.jsxs)(`span`,{className:`w-10 text-right text-[0.875rem] text-ink-2 tabular-nums`,children:[Math.round(e.at),`%`]}),(0,$.jsx)(B,{label:U(`project.remove`),disabled:o.stops.length<=2,onClick:()=>w({...o,stops:o.stops.filter((e,n)=>n!==t)}),className:`hover:text-rose`,children:(0,$.jsx)(R,{className:`size-4`})})]},t))}),(0,$.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center gap-2`,children:[o.stops.length<12?(0,$.jsxs)(F,{variant:`secondary`,size:`sm`,onClick:()=>D(),children:[(0,$.jsx)(C,{className:`size-4`}),` `,U(`project.gradientStopAdd`)]}):null,r.length&&o.stops.length<12?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`ml-2 text-[0.8125rem] text-ink-3`,children:U(`project.gradientFromBrand`)}),r.slice(0,10).map(e=>(0,$.jsx)(`button`,{type:`button`,title:e.name||e.value,"aria-label":e.name||e.value,onClick:()=>D(e.value),className:`size-6 rounded-full ring-1 ring-border transition hover:scale-110`,style:{background:e.value}},e.value))]}):null]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:`CSS`}),(0,$.jsx)(X,{value:l,spellCheck:!1,onChange:e=>{u(e.target.value);let t=_(e.target.value);p(!t),t&&s({...o,...t})},className:`font-mono text-[0.8125rem]`}),(0,$.jsx)(`p`,{className:z(`mt-1.5 text-[0.8125rem]`,d?`text-rose`:`text-ink-3`),children:U(d?`project.gradientCssError`:`project.gradientCssHint`)})]}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:a,children:U(`common.cancel`)}),(0,$.jsx)(F,{onClick:()=>{i(o),a()},children:U(`settings.save`)})]})]})})}var Tn=`absolute top-1.5 right-1.5 flex gap-1 opacity-0 transition focus-within:opacity-100 group-hover/card:opacity-100 coarse:opacity-100`,En=`size-8 bg-card shadow-soft hover:bg-card`;function Dn({name:e,namePlaceholder:t,description:n,usePlaceholder:r,readOnly:i,onChange:a}){return i?(0,$.jsxs)(`div`,{className:`min-w-0 px-0.5`,children:[(0,$.jsx)(`p`,{className:`truncate text-[0.875rem]`,children:e||t}),n?(0,$.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3 leading-snug`,children:n}):null]}):(0,$.jsxs)(`div`,{className:`min-w-0 px-0.5`,children:[(0,$.jsx)(Se,{value:e,label:U(`project.gradientName`),placeholder:t,maxLength:80,onChange:e=>a({name:e}),className:`font-medium text-[0.875rem]`}),(0,$.jsx)(Se,{value:n??``,label:U(`project.fillUseLabel`),placeholder:r,maxLength:400,onChange:e=>a({description:e}),className:`text-[0.8125rem] text-ink-3`})]})}function On({gradient:e,readOnly:t,onEdit:n,onChange:r,onRemove:i}){let a=f(e),[o,s]=(0,Q.useState)(!1);return(0,$.jsxs)(`div`,{className:`group/card flex flex-col gap-2 rounded-lg bg-paper p-2 ring-1 ring-border-soft`,children:[(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(`button`,{type:`button`,disabled:t,"aria-label":U(`project.gradientEdit`),onClick:n,className:`block h-28 w-full rounded-md ring-1 ring-border-soft transition enabled:hover:brightness-105`,style:{background:a}}),(0,$.jsxs)(`div`,{className:Tn,children:[(0,$.jsx)(B,{label:U(o?`project.gradientCopied`:`project.gradientCopy`),onClick:()=>{navigator.clipboard.writeText(`background: ${a};`),s(!0),setTimeout(()=>s(!1),1500)},className:En,children:(0,$.jsx)(te,{className:`size-4`})}),(0,$.jsx)(B,{label:U(`project.download`),onClick:()=>void Sn(e,e.name),className:En,children:(0,$.jsx)(m,{className:`size-4`})}),t?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:i,className:z(En,`hover:text-rose`),children:(0,$.jsx)(R,{className:`size-4`})})]})]}),(0,$.jsx)(Dn,{name:e.name,namePlaceholder:U(`project.gradientName`),description:e.description,usePlaceholder:U(`project.gradientUse`),readOnly:t,onChange:r})]})}function kn(e,t){return{backgroundImage:`url("${e}")`,backgroundSize:t?`64px`:`cover`,backgroundRepeat:t?`repeat`:`no-repeat`,backgroundPosition:`center`}}function An({projectId:e,pattern:t,fileName:n,readOnly:r,onEdit:i,onChange:a,onRemove:o}){let s=Ce(e,t.file);return(0,$.jsxs)(`div`,{className:`group/card flex flex-col gap-2 rounded-lg bg-paper p-2 ring-1 ring-border-soft`,children:[(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(`button`,{type:`button`,disabled:r,"aria-label":U(`project.patternEdit`),onClick:i,className:`block h-28 w-full rounded-md ring-1 ring-border-soft transition enabled:hover:brightness-105`,style:kn(s,t.tile)}),(0,$.jsxs)(`div`,{className:Tn,children:[(0,$.jsx)(`a`,{href:s,download:n,"aria-label":U(`project.download`),title:U(`project.download`),className:z(`inline-flex items-center justify-center rounded-full text-ink-3 transition hover:text-ink`,En),children:(0,$.jsx)(m,{className:`size-4`})}),r?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:o,className:z(En,`hover:text-rose`),children:(0,$.jsx)(R,{className:`size-4`})})]})]}),(0,$.jsx)(Dn,{name:t.name,namePlaceholder:n,description:t.description,usePlaceholder:U(`project.patternUse`),readOnly:r,onChange:a})]})}function jn({projectId:e,pattern:t,isNew:n,fileName:r,busy:i,error:a,upload:o,removeFile:s,onSave:c,onClose:l}){let[u,d]=(0,Q.useState)(t),[f,p]=(0,Q.useState)([]),m=async e=>{let t=e[0];if(!t)return;let n=await o(t);n&&(p(e=>[...e,n.id]),d(e=>({...e,file:n.id,name:e.name||n.name.replace(/\.[^.]+$/,``)})))},h=()=>{for(let e of f)s(e);l()};return(0,$.jsx)(T,{open:!0,onClose:h,wide:!0,title:U(n?`project.patternNew`:`project.patternEdit`),children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[u.file?(0,$.jsx)(`div`,{className:`relative h-40 rounded-lg ring-1 ring-border-soft`,style:kn(Ce(e,u.file),u.tile),children:(0,$.jsxs)(ve,{accept:`image/*`,multiple:!1,onFiles:e=>void m(e),className:`absolute right-2 bottom-2 h-9 border-solid bg-card px-3.5 text-ink-2 shadow-soft`,children:[i?(0,$.jsx)(J,{className:`size-4`}):(0,$.jsx)(v,{className:`size-4`}),U(`project.patternReplace`)]})}):(0,$.jsxs)(ve,{accept:`image/*`,multiple:!1,onFiles:e=>void m(e),className:`h-40 flex-col`,children:[i?(0,$.jsx)(J,{className:`size-5`}):(0,$.jsx)(v,{className:`size-5`}),U(`project.patternPick`)]}),(0,$.jsxs)(`div`,{className:`grid gap-x-6 gap-y-4 sm:grid-cols-2`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.patternName`)}),(0,$.jsx)(X,{value:u.name,maxLength:80,placeholder:u.file?r(u.file):U(`project.patternNamePlaceholder`),onChange:e=>d({...u,name:e.target.value})})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.fillUseLabel`)}),(0,$.jsx)(X,{value:u.description??``,maxLength:400,placeholder:U(`project.patternUse`),onChange:e=>d({...u,description:e.target.value})})]})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.patternShow`)}),(0,$.jsx)(`div`,{className:`flex w-fit gap-1 rounded-full bg-paper-2 p-0.5 ring-1 ring-border-soft`,children:[!1,!0].map(e=>(0,$.jsx)(`button`,{type:`button`,"aria-pressed":!!u.tile===e,onClick:()=>d({...u,tile:e||void 0}),className:z(`h-9 rounded-full px-4 font-medium text-[0.875rem] transition`,!!u.tile===e?`bg-card text-ink shadow-sm`:`text-ink-3 hover:text-ink-2`),children:U(e?`project.patternTile`:`project.patternFill`)},String(e)))})]}),(0,$.jsxs)(`div`,{className:`flex items-center justify-end gap-2`,children:[a?(0,$.jsx)(`p`,{className:`mr-auto text-[0.8125rem] text-rose`,children:a}):null,(0,$.jsx)(F,{variant:`ghost`,onClick:h,children:U(`common.cancel`)}),(0,$.jsx)(F,{disabled:!u.file||i,onClick:()=>{for(let e of f.filter(e=>e!==u.file))s(e);t.file&&t.file!==u.file&&s(t.file),c({...u,name:u.name.trim(),description:u.description?.trim()||void 0}),l()},children:U(n?`project.add`:`settings.save`)})]})]})})}var Mn=/^#[0-9a-fA-F]{6}$/;function Nn({projectId:e,onAdd:t,onClose:n}){let[r,i]=(0,Q.useState)(``),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(null),[l,u]=(0,Q.useState)(null),[d,f]=(0,Q.useState)([]),p=async()=>{o(!0),c(null);try{let{colors:t}=await M.post(`/api/studio/projects/${e}/colors/scan`,{url:r.trim()});t.length?(u(t),f([])):c(U(`project.colorsNoneFound`))}catch(e){c(e.message)}o(!1)};return(0,$.jsx)(T,{open:!0,onClose:n,wide:l?!0:void 0,title:U(l?`project.colorsFound`:`project.colorsFromUrl`),children:l?(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,$.jsx)(`p`,{className:`-mt-2 text-[0.875rem] text-ink-3`,children:U(`project.colorsFoundHint`)}),(0,$.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(120px,1fr))] gap-3`,children:l.map(e=>{let t=d.includes(e.value);return(0,$.jsxs)(`button`,{type:`button`,"aria-pressed":t,onClick:()=>f(n=>t?n.filter(t=>t!==e.value):[...n,e.value]),className:z(`relative flex flex-col overflow-hidden rounded-lg text-left ring-1 transition`,t?`ring-2 ring-ember`:`ring-border-soft hover:ring-ink-4`),children:[(0,$.jsx)(`span`,{className:`h-16`,style:{background:e.value}}),(0,$.jsxs)(`span`,{className:`flex flex-col px-2.5 py-2`,children:[(0,$.jsx)(`span`,{className:`truncate text-[0.8125rem] text-ink-2`,children:e.name||`—`}),(0,$.jsx)(`span`,{className:`font-mono text-[0.75rem] text-ink-3`,children:e.value})]}),t?(0,$.jsx)(`span`,{className:`absolute top-1.5 right-1.5 grid size-5 place-items-center rounded-full bg-ember text-white`,children:(0,$.jsx)(P,{className:`size-3.5`})}):null]},e.value)})}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:()=>u(null),children:U(`run.back`)}),(0,$.jsx)(F,{disabled:!d.length,onClick:()=>{t(l.filter(e=>d.includes(e.value))),n()},children:d.length>1?U(`project.addMany`,{n:d.length}):U(`project.add`)})]})]}):(0,$.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),p()},className:`flex flex-col gap-5`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.logoUrl`)}),(0,$.jsx)(X,{autoFocus:!0,value:r,inputMode:`url`,placeholder:`https://example.com`,onChange:e=>i(e.target.value)}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:U(`project.colorsUrlHint`)})]}),s?(0,$.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:s}):null,(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:n,children:U(`common.cancel`)}),(0,$.jsx)(F,{type:`submit`,busy:a,disabled:!r.trim(),children:U(`run.next`)})]})]})})}function Pn({projectId:e,data:t,colors:n,sections:r,gradients:i,patterns:o,rules:c,sectioned:l,ruled:d,save:f,readOnly:p}){let[m,h]=(0,Q.useState)(()=>n.map(e=>({...e,id:k()}))),[g,_]=(0,Q.useState)(r),[v,b]=(0,Q.useState)(i),[x,S]=(0,Q.useState)(o),[w,T]=(0,Q.useState)(null),[E,D]=(0,Q.useState)(null),O=ee(e,p),A=u(c),[j,M]=(0,Q.useState)(null),[te,N]=(0,Q.useState)(null),[P,F]=(0,Q.useState)(!1),L=a({colors:m.filter(e=>Mn.test(e.value)).map(({name:e,value:t,section:n})=>({name:e.trim(),value:t,...n?{section:n}:{}})),colorSections:g,gradients:v,patterns:x,colorRules:A.rules},f),re=l?g:[],ie=re.filter(e=>(e.kind??`colors`)===`colors`),ae=e=>ie.some(t=>t.id===e.section),se=m.filter(e=>!ae(e)),ce=(se[0]??m[0])?.id,z=(e,t)=>h(n=>n.map(n=>n.id===e?{...n,...t}:n)),le=e=>h(t=>[...t,...e.map(e=>({...e,id:k()}))].slice(0,y.colors)),V=[{value:``,label:U(`project.sectionStandard`)},...ie.map(e=>({value:e.id,label:e.title||U(`project.sectionUntitled`)}))],G=(e,t)=>{let n=k();M(n),_(r=>[...r,{id:n,title:t,...e===`colors`?{}:{kind:e}}])},K=e=>({id:k(),name:``,section:e,type:`linear`,angle:90,stops:[{color:m[0]?.value&&Mn.test(m[0].value)?m[0].value:`#4b73ff`,at:0},{color:m[1]?.value&&Mn.test(m[1].value)?m[1].value:`#ff6d1b`,at:100}]}),ue=e=>t.files.find(t=>t.id===e)?.name??`pattern`,de=[...m.length<y.colors?[{label:U(`project.colorNew`),icon:(0,$.jsx)(C,{className:`size-4 shrink-0`}),onPick:()=>q()},{label:U(`project.colorsFromUrl`),icon:(0,$.jsx)(Jt,{className:`size-4 shrink-0`}),onPick:()=>F(!0)}]:[],...l&&g.length<y.logoSections?[{label:U(`project.colorSectionAdd`),icon:(0,$.jsx)(Bt,{className:`size-4 shrink-0`}),onPick:()=>G(`colors`,``)},{label:U(`project.gradientSectionAdd`),icon:(0,$.jsx)(Pt,{className:`size-4 shrink-0`}),onPick:()=>G(`gradients`,U(`project.gradientSectionTitle`))},{label:U(`project.patternSectionAdd`),icon:(0,$.jsx)(Ht,{className:`size-4 shrink-0`}),onPick:()=>G(`patterns`,U(`project.patternSectionTitle`))}]:[],...!d||A.full?[]:[{label:U(`project.ruleNew`),icon:(0,$.jsx)(rt,{className:`size-4 shrink-0`}),onPick:()=>A.add()}]],fe=e=>(0,$.jsxs)(`div`,{className:`group/row flex items-center gap-2`,children:[(0,$.jsx)(he,{value:Mn.test(e.value)?e.value:`#888888`,onChange:t=>z(e.id,{value:t.target.value})}),(0,$.jsx)(X,{value:e.name,autoFocus:e.id===te,placeholder:U(`project.colorName`),maxLength:120,onChange:t=>z(e.id,{name:t.target.value}),className:`min-w-0 flex-1`}),(0,$.jsx)(X,{value:e.value,placeholder:`#e0531b`,spellCheck:!1,onChange:t=>z(e.id,{value:t.target.value.trim()}),className:`w-28 font-mono text-[0.8125rem]`}),(0,$.jsxs)(`div`,{className:`flex w-28 shrink-0 items-center justify-end max-sm:w-auto`,children:[e.id===ce?(0,$.jsx)(`span`,{className:`mr-1 max-sm:hidden`,children:(0,$.jsx)(I,{tone:`ember`,children:U(`project.colorAccent`)})}):p?null:(0,$.jsx)(B,{label:U(`project.colorFirst`),onClick:()=>h(t=>[{...e,section:void 0},...t.filter(t=>t.id!==e.id)]),className:`opacity-0 transition focus:opacity-100 group-hover/row:opacity-100 coarse:opacity-100`,children:(0,$.jsx)(ne,{className:`size-4`})}),p||!ie.length?null:(0,$.jsx)(oe,{options:V,value:ae(e)?e.section??``:``,onChange:t=>z(e.id,{section:t||void 0}),className:`opacity-0 focus-within:opacity-100 group-hover/row:opacity-100 coarse:opacity-100`}),p?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:()=>h(t=>t.filter(t=>t.id!==e.id)),className:`opacity-0 transition focus:opacity-100 group-hover/row:opacity-100 coarse:opacity-100 hover:text-rose`,children:(0,$.jsx)(R,{className:`size-4`})})]})]},e.id),q=e=>{let t=k();N(t),h(n=>[...n,{id:t,name:``,value:`#888888`,...e?{section:e}:{}}])};return(0,$.jsxs)(s,{title:U(`project.colors`),hint:U(`project.colorsHint`),save:L,locked:p,action:p?null:(0,$.jsx)(W,{entries:de}),children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-7`,children:[se.length?(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`div`,{className:`flex flex-col gap-2`,children:se.map(fe)}),p?null:(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:U(`project.colorUse`)})]}):m.length?null:(0,$.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:U(`project.colorsEmpty`)}),re.map(t=>{let n=t.kind??`colors`,r=m.filter(e=>e.section===t.id),i=v.filter(e=>e.section===t.id),a=x.filter(e=>e.section===t.id),o=n===`gradients`?i.length:n===`patterns`?a.length:r.length;return(0,$.jsxs)(`div`,{className:`group/section flex flex-col gap-3`,children:[(0,$.jsx)(ye,{title:t.title,titlePlaceholder:U(n===`gradients`?`project.gradientSectionTitlePlaceholder`:n===`patterns`?`project.patternSectionTitlePlaceholder`:`project.colorSectionTitle`),kind:n===`gradients`?{icon:(0,$.jsx)(Pt,{}),label:U(`project.kindGradients`)}:n===`patterns`?{icon:(0,$.jsx)(Ht,{}),label:U(`project.kindPatterns`)}:{icon:(0,$.jsx)(Ye,{}),label:U(`project.kindColors`)},autoFocus:j===t.id,readOnly:p,onChange:e=>_(n=>n.map(n=>n.id===t.id?{...n,...e}:n)),onRemove:()=>{if(!o||confirm(U(n===`colors`?`project.colorSectionRemoveConfirm`:`project.fillSectionRemoveConfirm`,{name:t.title||U(`project.sectionUntitled`)}))){_(e=>e.filter(e=>e.id!==t.id)),h(e=>e.map(e=>e.section===t.id?{...e,section:void 0}:e)),b(e=>e.filter(e=>e.section!==t.id));for(let e of a)O.remove(e.file);S(e=>e.filter(e=>e.section!==t.id))}}}),n===`gradients`?(0,$.jsxs)(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(200px,1fr))] gap-3`,children:[i.map(e=>(0,$.jsx)(On,{gradient:e,readOnly:p,onEdit:()=>T(e),onChange:t=>b(n=>n.map(n=>n.id===e.id?{...n,...t}:n)),onRemove:()=>b(t=>t.filter(t=>t.id!==e.id))},e.id)),p||v.length>=y.gradients?null:(0,$.jsxs)(`button`,{type:`button`,onClick:()=>T(K(t.id)),className:`flex min-h-28 flex-col items-center justify-center gap-2 rounded-lg border border-input border-dashed text-[0.875rem] text-ink-3 transition hover:border-ink-4 hover:text-ink`,children:[(0,$.jsx)(C,{className:`size-5`}),U(`project.gradientAdd`)]})]}):n===`patterns`?(0,$.jsxs)(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(200px,1fr))] gap-3`,children:[a.map(t=>(0,$.jsx)(An,{projectId:e,pattern:t,fileName:ue(t.file),readOnly:p,onEdit:()=>D(t),onChange:e=>S(n=>n.map(n=>n.id===t.id?{...n,...e}:n)),onRemove:()=>{O.remove(t.file),S(e=>e.filter(e=>e.id!==t.id))}},t.id)),p||x.length>=y.files.pattern?null:(0,$.jsxs)(`button`,{type:`button`,onClick:()=>D({id:k(),name:``,section:t.id,file:``}),className:`flex min-h-28 flex-col items-center justify-center gap-2 rounded-lg border border-input border-dashed text-[0.875rem] text-ink-3 transition hover:border-ink-4 hover:text-ink`,children:[(0,$.jsx)(C,{className:`size-5`}),U(`project.patternAdd`)]})]}):(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[r.map(fe),p||m.length>=y.colors?null:(0,$.jsx)(H,{label:U(`project.colorAdd`),onClick:()=>q(t.id)})]})]},t.id)}),d?(0,$.jsx)(xe,{rules:A,placeholder:U(`project.colorRulePlaceholder`),readOnly:p}):null]}),O.error?(0,$.jsx)(`p`,{className:`mt-3 text-[0.875rem] text-rose`,children:O.error}):null,w?(0,$.jsx)(wn,{projectId:e,gradient:w,isNew:!v.some(e=>e.id===w.id),brand:m.filter(e=>Mn.test(e.value)),onClose:()=>T(null),onSave:e=>b(t=>t.some(t=>t.id===e.id)?t.map(t=>t.id===e.id?e:t):[...t,e])}):null,E?(0,$.jsx)(jn,{projectId:e,pattern:E,isNew:!x.some(e=>e.id===E.id),fileName:ue,busy:O.busy,error:O.error,upload:async e=>(await O.upload(`pattern`,[e]))[0]??null,removeFile:e=>void O.remove(e),onClose:()=>D(null),onSave:e=>S(t=>t.some(t=>t.id===e.id)?t.map(t=>t.id===e.id?e:t):[...t,e])}):null,P?(0,$.jsx)(Nn,{projectId:e,onClose:()=>F(!1),onAdd:le}):null]})}var Fn=e=>/^(ja|yes|true)$/i.test(e.trim()),In={text:bt,longtext:Ke,number:De,date:He,url:g,email:et,phone:We,boolean:Ue};function Ln({type:e,detected:t,onChange:n}){let[r,i]=(0,Q.useState)(!1),[a,o]=(0,Q.useState)(!1),s=(0,Q.useRef)(null);(0,Q.useEffect)(()=>{if(!r)return;let e=e=>{s.current?.contains(e.target)||i(!1)},t=e=>e.key===`Escape`&&i(!1);return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[r]);let c=In[e??t],l=`${U(`project.factType`)}: ${U(`project.type.${e??t}`)}`,u=`flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-[0.875rem] text-ink-2 hover:bg-accent hover:text-ink`,d=e=>{n(e),i(!1)};return(0,$.jsxs)(`div`,{className:`relative`,ref:s,children:[(0,$.jsx)(`button`,{type:`button`,"aria-label":l,title:l,"aria-haspopup":`menu`,"aria-expanded":r,onClick:e=>{o(window.innerHeight-e.currentTarget.getBoundingClientRect().bottom<400),i(e=>!e)},className:z(`inline-flex size-11 items-center justify-center rounded-lg transition hover:bg-accent hover:text-ink`,r?`bg-accent text-ink`:e?`text-ink-2`:`text-ink-4`),children:(0,$.jsx)(c,{className:`size-4`})}),r?(0,$.jsxs)(`div`,{role:`menu`,className:z(`absolute right-0 z-50 w-56 animate-rise rounded-xl bg-card p-1.5 shadow-overlay ring-1 ring-border-soft`,a?`bottom-12`:`top-12`),children:[(0,$.jsxs)(`button`,{type:`button`,role:`menuitemradio`,"aria-checked":!e,className:u,onClick:()=>d(void 0),children:[(0,$.jsx)(yt,{className:`size-4 shrink-0`}),(0,$.jsx)(`span`,{className:`flex-1`,children:U(`project.factAuto`)}),(0,$.jsx)(`span`,{className:`text-[0.75rem] text-ink-4`,children:U(`project.type.${t}`)}),(0,$.jsx)(P,{className:z(`size-4 shrink-0`,e&&`invisible`)})]}),(0,$.jsx)(`div`,{className:`mx-2 my-1 h-px bg-border-soft`}),S.map(t=>{let n=In[t];return(0,$.jsxs)(`button`,{type:`button`,role:`menuitemradio`,"aria-checked":e===t,className:u,onClick:()=>d(t),children:[(0,$.jsx)(n,{className:`size-4 shrink-0`}),(0,$.jsx)(`span`,{className:`flex-1`,children:U(`project.type.${t}`)}),(0,$.jsx)(P,{className:z(`size-4 shrink-0`,e!==t&&`invisible`)})]},t)})]}):null]})}function Rn({facts:e,save:t,readOnly:n}){let r=(0,Q.useRef)(0),i=(0,Q.useRef)(null),[o,c]=(0,Q.useState)(()=>e.map(e=>({...e,id:`f${r.current++}`}))),u=a(o.filter(e=>e.key&&e.label.trim()).map(({key:e,label:t,value:n,type:r})=>({key:e,label:t.trim(),value:n,...r?{type:r}:{}})),t),d=(e,t)=>c(n=>n.map(n=>n.id===e?{...n,...t}:n)),f=(e,t,n=!1)=>{let a=`f${r.current++}`;i.current=`${a}:${t}`;let o={id:a,key:``,label:``,value:``,...e};c(e=>n?[o,...e]:[...e,o])},p=e=>t=>{t&&i.current===e&&(i.current=null,t.focus())},m=l.filter(e=>!o.some(t=>t.key===e.key));return(0,$.jsxs)(s,{title:U(`project.facts`),hint:U(`project.factsHint`),save:u,locked:n,action:o.length<y.facts&&!n?(0,$.jsxs)(F,{variant:`secondary`,size:`sm`,onClick:()=>f({},`label`,!0),children:[(0,$.jsx)(C,{className:`size-4`}),` `,U(`project.factAdd`)]}):null,children:[(0,$.jsx)(`div`,{className:`flex flex-col gap-2`,children:o.map(e=>{let t=x(e.value),r=e.type??t;return(0,$.jsxs)(`div`,{className:`grid grid-cols-[minmax(0,1fr)_auto_auto] items-start gap-x-1 gap-y-2 sm:grid-cols-[minmax(0,2fr)_minmax(0,3fr)_auto_auto]`,children:[(0,$.jsx)(X,{ref:p(`${e.id}:label`),value:e.label,placeholder:U(`project.factLabel`),title:e.key?`{{facts.${e.key}}}`:void 0,onChange:t=>d(e.id,{label:t.target.value}),onBlur:()=>{!e.key&&e.label.trim()&&d(e.id,{key:w(e.label,o.map(e=>e.key))})},className:`max-sm:col-span-3 max-sm:font-medium sm:mr-1`}),e.type===`boolean`?(0,$.jsxs)(`div`,{className:`flex h-11 items-center gap-3`,children:[(0,$.jsx)(se,{checked:Fn(e.value),label:e.label,onChange:t=>d(e.id,{value:U(t?`project.yes`:`project.no`)})}),(0,$.jsx)(`span`,{className:`text-[0.875rem] text-ink-2`,children:Fn(e.value)?U(`project.yes`):U(`project.no`)})]}):(0,$.jsx)(ge,{ref:p(`${e.id}:value`),rows:1,minRows:r===`longtext`?2:1,maxRows:10,value:e.value,placeholder:U(`project.factValue`),onChange:t=>d(e.id,{value:t.target.value}),className:`min-h-11`}),(0,$.jsx)(Ln,{type:e.type,detected:t,onChange:t=>d(e.id,{type:t})}),n?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:()=>c(t=>t.filter(t=>t.id!==e.id)),className:`size-11 rounded-lg hover:text-rose`,children:(0,$.jsx)(R,{className:`size-4`})})]},e.id)})}),o.length<y.facts&&!n?(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 ${o.length?`mt-4`:``}`,children:[(0,$.jsxs)(F,{variant:`secondary`,size:`sm`,onClick:()=>f({},`label`),children:[(0,$.jsx)(C,{className:`size-4`}),` `,U(`project.factAdd`)]}),m.map(e=>(0,$.jsxs)(`button`,{type:`button`,onClick:()=>f({key:e.key,label:me===`en`?e.en:e.de},`value`),className:`inline-flex h-8 items-center gap-1 rounded-full bg-paper-2 px-3 text-[0.8125rem] text-ink-2 transition hover:bg-paper-3 hover:text-ink`,children:[(0,$.jsx)(C,{className:`size-3.5`}),` `,me===`en`?e.en:e.de]},e.key))]}):null]})}function zn({onLogo:e,children:t,className:n}){let[r,i]=(0,Q.useState)(!1);return e?(0,$.jsx)(`div`,{onDragOver:e=>{e.dataTransfer.types.includes(`application/x-wizards-logo`)&&(e.preventDefault(),i(!0))},onDragLeave:()=>i(!1),onDrop:t=>{let n=t.dataTransfer.getData(on);i(!1),n&&(t.preventDefault(),e(n))},className:z(`-m-2 rounded-xl p-2 transition`,r&&`bg-paper-2 ring-1 ring-focus`,n),children:t}):(0,$.jsx)(`div`,{className:n,children:t})}function Bn({projectId:e,data:t,readOnly:n,sections:r,rules:i,sectioned:o,ruled:c,save:l}){let d=ee(e,n),[f,p]=(0,Q.useState)(r),m=u(i),[g,_]=(0,Q.useState)(null),[v,b]=(0,Q.useState)(!1),x=(0,Q.useRef)(null),S=a({logoSections:f,logoRules:m.rules},l),C=t.files.filter(e=>e.kind===`logo`),w=new Map(C.map(e=>[e.id,e])),T=o?f:[],E=new Set(T.flatMap(e=>e.logos)),D=C.filter(e=>!E.has(e.id)),O=h(C,f)?.id,A=(e,t)=>p(n=>n.map(n=>{let r=n.logos.filter(t=>t!==e);return{...n,logos:n.id===t?[...r,e]:r}})),j=(e,t)=>p(n=>n.map(n=>n.id===e?{...n,...t}:n)),M=async(e,t)=>{let n=await d.upload(`logo`,e);for(let e of n)A(e.id,t)},te=T.length?{options:[{value:``,label:U(`project.sectionStandard`)},...T.map(e=>({value:e.id,label:e.title||U(`project.sectionUntitled`)}))],current:e=>T.find(t=>t.logos.includes(e.id))?.id??``,onMove:(e,t)=>A(e.id,t||null)}:void 0,N=(t,n,r)=>(0,$.jsx)(sn,{projectId:e,kind:`logo`,files:t,actions:d,accept:`image/*`,addLabel:r?U(`project.logoAdd`):void 0,onUpload:e=>void M(e,n),mainId:O,onMakeMain:e=>{A(e.id,null),d.order(`logo`,[e.id,...C.filter(t=>t.id!==e.id).map(e=>e.id)])},moveTo:te,onRemove:e=>{confirm(U(`project.removeConfirm`,{name:e.name}))&&(d.remove(e.id),A(e.id,null))}}),P=n?void 0:e=>t=>A(t,e),F=[{label:U(`project.logoUpload`),icon:(0,$.jsx)(Je,{className:`size-4 shrink-0`}),onPick:()=>x.current?.click()},{label:U(`project.logoFromUrl`),icon:(0,$.jsx)(Jt,{className:`size-4 shrink-0`}),onPick:()=>b(!0)},...o&&f.length<y.logoSections?[{label:U(`project.logoSectionAdd`),icon:(0,$.jsx)(Bt,{className:`size-4 shrink-0`}),onPick:()=>{let e=k();_(e),p(t=>[...t,{id:e,title:``,description:``,logos:[]}])}}]:[],...!c||m.full?[]:[{label:U(`project.ruleNew`),icon:(0,$.jsx)(rt,{className:`size-4 shrink-0`}),onPick:()=>m.add()}]];return(0,$.jsxs)(s,{title:U(`project.logos`),hint:U(`project.logosHint`),save:S,action:n?null:(0,$.jsx)(W,{entries:F}),children:[(0,$.jsx)(`input`,{ref:x,type:`file`,accept:`image/*`,className:`sr-only`,tabIndex:-1,"aria-hidden":!0,onChange:e=>{let t=Array.from(e.target.files??[]);e.target.value=``,t.length&&M(t,null)}}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-7`,children:[(0,$.jsx)(zn,{onLogo:P?.(null),children:N(D,null,!0)}),T.map(e=>(0,$.jsx)(`div`,{className:`group/section`,children:(0,$.jsxs)(zn,{onLogo:P?.(e.id),className:`flex flex-col gap-3`,children:[(0,$.jsx)(ye,{title:e.title,description:e.description,titlePlaceholder:U(`project.logoSectionTitle`),descriptionPlaceholder:U(`project.logoSectionUse`),autoFocus:g===e.id,readOnly:n,onChange:t=>j(e.id,t),onRemove:()=>{(!e.logos.length||confirm(U(`project.logoSectionRemoveConfirm`,{name:e.title||U(`project.sectionUntitled`)})))&&p(t=>t.filter(t=>t.id!==e.id))}}),N(e.logos.map(e=>w.get(e)).filter(e=>!!e),e.id,!0)]})},e.id)),c?(0,$.jsx)(xe,{rules:m,placeholder:U(`project.logoRulePlaceholder`),readOnly:n}):null]}),d.error?(0,$.jsx)(`p`,{className:`mt-3 text-[0.875rem] text-rose`,children:d.error}):null,v?(0,$.jsx)(cn,{kind:`logo`,onClose:()=>b(!1),fetchUrl:e=>d.fromUrl(`logo`,e),onAdded:e=>{for(let t of e)A(t.id,null)}}):null]})}var Vn=new Set;function Hn(e){(0,Q.useEffect)(()=>{let t=e.trim().toLowerCase().replace(/\s+/g,`-`);if(!t||Vn.has(t))return;Vn.add(t);let n=document.createElement(`link`);n.rel=`stylesheet`,n.href=`https://fonts.bunny.net/css?family=${encodeURIComponent(t)}:${i.join(`,`)}&display=swap`,document.head.append(n)},[e])}var Un=e=>e?`"${e}", system-ui, sans-serif`:`system-ui, sans-serif`;function Wn({unit:e,label:t,...n}){return(0,$.jsxs)(`label`,{className:`inline-flex items-center gap-1 text-[0.75rem] text-ink-3`,title:t,children:[(0,$.jsx)(`input`,{type:`number`,"aria-label":t,className:`h-8 w-14 rounded-md border border-input bg-card px-1.5 text-right text-[0.8125rem] text-ink tabular-nums outline-none transition focus:border-focus focus:ring-2 focus:ring-focus-glow`,...n}),e]})}var Gn=`h-8 rounded-md border border-input bg-card px-1.5 text-[0.8125rem] text-ink outline-none transition focus:border-focus focus:ring-2 focus:ring-focus-glow`,Kn={web:`project.fontUseWeb`,documents:`project.fontUseDocuments`,print:`project.fontUsePrint`,images:`project.fontUseImages`,video:`project.fontUseVideo`};function qn({font:e,first:t,readOnly:n,autoFocus:r,onChange:a,onRemove:o}){return Hn(e.family),(0,$.jsxs)(`div`,{className:`group/font relative flex flex-col gap-2 rounded-lg bg-paper p-3 ring-1 ring-border-soft`,children:[(0,$.jsxs)(`div`,{className:`flex h-28 items-end justify-between overflow-hidden rounded-md bg-card px-4 pb-3 ring-1 ring-border-soft`,style:{fontFamily:Un(e.family)},children:[(0,$.jsx)(`span`,{className:`text-[3.5rem] text-ink leading-none`,children:`Aa`}),(0,$.jsx)(`span`,{className:`truncate pl-3 text-[0.875rem] text-ink-3`,children:`ABCDEFG abcdefg 0123456789`})]}),n?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`font-medium text-[0.9375rem]`,children:e.family}),e.role?(0,$.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:e.role}):null]}):(0,$.jsxs)(`div`,{children:[(0,$.jsx)(Se,{value:e.family,label:U(`project.fontFamily`),placeholder:U(`project.fontFamily`),maxLength:80,autoFocus:r,onChange:e=>a({family:e}),className:`font-medium text-[0.9375rem]`}),(0,$.jsx)(Se,{value:e.role,label:U(`project.fontRole`),placeholder:U(t?`project.fontRoleFirst`:`project.fontRole`),maxLength:200,onChange:e=>a({role:e}),className:`text-[0.875rem] text-ink-3`})]}),(0,$.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:i.map(t=>{let r=e.weights.includes(t);return(0,$.jsx)(`button`,{type:`button`,disabled:n,"aria-pressed":r,onClick:()=>a({weights:r?e.weights.filter(e=>e!==t):[...e.weights,t].sort((e,t)=>e-t)}),style:{fontFamily:Un(e.family),fontWeight:t},className:z(`h-7 rounded-full px-2.5 text-[0.8125rem] tabular-nums transition`,r?`bg-ink text-paper`:`bg-paper-2 text-ink-3 hover:text-ink`,n&&!r&&`hidden`),children:t},t)})}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[n?e.license?(0,$.jsx)(`p`,{className:`text-[0.8125rem] text-ink-3`,children:e.license}):null:(0,$.jsx)(Se,{value:e.license??``,label:U(`project.fontLicense`),placeholder:U(`project.fontLicensePlaceholder`),maxLength:200,onChange:e=>a({license:e}),className:`text-[0.8125rem] text-ink-3`}),n&&!e.uses?.length?null:(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1`,children:[(0,$.jsx)(`span`,{className:`mr-1 text-[0.8125rem] text-ink-3`,children:U(`project.fontUses`)}),K.map(t=>{let r=!!e.uses?.includes(t);return(0,$.jsxs)(`button`,{type:`button`,disabled:n,"aria-pressed":r,onClick:()=>{let n=r?(e.uses??[]).filter(e=>e!==t):K.filter(n=>n===t||e.uses?.includes(n));a({uses:n.length?n:void 0})},className:z(`inline-flex h-7 items-center gap-1 rounded-full px-2.5 text-[0.8125rem] transition`,r?`bg-card text-ink ring-1 ring-border`:`bg-paper-2 text-ink-3 hover:text-ink`,n&&!r&&`hidden`),children:[r?(0,$.jsx)(P,{className:`size-3.5`}):null,U(Kn[t])]},t)})]})]}),n?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:o,className:`absolute top-4 right-4 size-8 bg-card opacity-0 shadow-soft transition focus:opacity-100 group-hover/font:opacity-100 coarse:opacity-100 hover:text-rose`,children:(0,$.jsx)(R,{className:`size-4`})})]})}function Jn({style:e,fonts:t,sample:n,readOnly:r,autoFocus:a,onChange:o,onRemove:s}){let c=t.find(t=>t.id===e.font)??t[0],l={fontFamily:Un(c?.family),fontWeight:e.weight,fontSize:`${Math.min(e.size,56)}px`,lineHeight:`${e.lineHeight}%`,letterSpacing:`${e.tracking/100}em`,textTransform:e.uppercase?`uppercase`:void 0};return(0,$.jsxs)(`li`,{className:`group/row flex flex-col gap-2 border-border-soft border-b py-4 first:pt-1 last:border-b-0`,children:[(0,$.jsx)(`div`,{className:`truncate text-ink`,style:l,children:n}),(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-2`,children:[r?(0,$.jsx)(`span`,{className:`font-medium text-[0.8125rem] text-ink-2 uppercase tracking-wide`,children:e.name}):(0,$.jsx)(`div`,{className:`w-40`,children:(0,$.jsx)(Se,{value:e.name,label:U(`project.styleName`),placeholder:U(`project.styleName`),maxLength:60,autoFocus:a,onChange:e=>o({name:e}),className:`font-medium text-[0.8125rem] text-ink-2 uppercase tracking-wide`})}),(0,$.jsxs)(`fieldset`,{disabled:r,className:`flex flex-wrap items-center gap-x-3 gap-y-2`,children:[t.length>1?(0,$.jsx)(`select`,{"aria-label":U(`project.styleFont`),value:c?.id??``,onChange:e=>o({font:e.target.value}),className:z(Gn,`max-w-40`),children:t.map(e=>(0,$.jsx)(`option`,{value:e.id,children:e.family||U(`project.fontFamily`)},e.id))}):null,(0,$.jsx)(`select`,{"aria-label":U(`project.styleWeight`),value:e.weight,onChange:e=>o({weight:Number(e.target.value)}),className:Gn,children:[...new Set([...i,e.weight])].sort().map(e=>(0,$.jsx)(`option`,{value:e,children:e},e))}),(0,$.jsx)(Wn,{unit:`px`,label:U(`project.styleSize`),min:6,max:400,value:e.size,onChange:e=>o({size:Number(e.target.value)||16})}),(0,$.jsx)(Wn,{unit:U(`project.styleLine`),label:U(`project.styleLineLabel`),min:50,max:300,value:e.lineHeight,onChange:e=>o({lineHeight:Number(e.target.value)||100})}),(0,$.jsx)(Wn,{unit:U(`project.styleTracking`),label:U(`project.styleTrackingLabel`),min:-20,max:50,step:.5,value:e.tracking,onChange:e=>o({tracking:Number(e.target.value)||0})}),(0,$.jsx)(`button`,{type:`button`,"aria-pressed":!!e.uppercase,title:U(`project.styleUpper`),"aria-label":U(`project.styleUpper`),onClick:()=>o({uppercase:!e.uppercase}),className:z(`grid size-8 place-items-center rounded-md transition`,e.uppercase?`bg-ink text-paper`:`text-ink-3 hover:bg-paper-2 hover:text-ink`),children:(0,$.jsx)(Rt,{className:`size-4`})})]}),r?null:(0,$.jsx)(B,{label:U(`project.remove`),onClick:s,className:`ml-auto size-8 opacity-0 transition focus:opacity-100 group-hover/row:opacity-100 coarse:opacity-100 hover:text-rose`,children:(0,$.jsx)(R,{className:`size-4`})})]})]})}function Yn({projectId:e,onAdd:t,onClose:n}){let[r,i]=(0,Q.useState)(``),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)(null),[l,u]=(0,Q.useState)(null),[d,f]=(0,Q.useState)([]),p=async()=>{o(!0),c(null);try{let{fonts:t}=await M.post(`/api/studio/projects/${e}/fonts/scan`,{url:r.trim()});t.length?(u(t),f(t.slice(0,2).map(e=>e.family))):c(U(`project.fontsNoneFound`))}catch(e){c(e.message)}o(!1)};return(0,$.jsx)(T,{open:!0,onClose:n,wide:l?!0:void 0,title:U(l?`project.fontsFound`:`project.fontsFromUrl`),children:l?(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,$.jsx)(`p`,{className:`-mt-2 text-[0.875rem] text-ink-3`,children:U(`project.fontsFoundHint`)}),(0,$.jsx)(`div`,{className:`flex flex-col gap-2`,children:l.map(e=>(0,$.jsx)(Xn,{font:e,on:d.includes(e.family),onToggle:()=>f(t=>t.includes(e.family)?t.filter(t=>t!==e.family):[...t,e.family])},e.family))}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:()=>u(null),children:U(`run.back`)}),(0,$.jsx)(F,{disabled:!d.length,onClick:()=>{t(l.filter(e=>d.includes(e.family))),n()},children:d.length>1?U(`project.addMany`,{n:d.length}):U(`project.add`)})]})]}):(0,$.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),p()},className:`flex flex-col gap-5`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.logoUrl`)}),(0,$.jsx)(X,{autoFocus:!0,value:r,inputMode:`url`,placeholder:`https://example.com`,onChange:e=>i(e.target.value)}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:U(`project.fontsUrlHint`)})]}),s?(0,$.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:s}):null,(0,$.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:n,children:U(`common.cancel`)}),(0,$.jsx)(F,{type:`submit`,busy:a,disabled:!r.trim(),children:U(`run.next`)})]})]})})}function Xn({font:e,on:t,onToggle:n}){return Hn(e.family),(0,$.jsxs)(`button`,{type:`button`,"aria-pressed":t,onClick:n,className:z(`flex items-center gap-4 rounded-lg px-4 py-3 text-left ring-1 transition`,t?`ring-2 ring-ember`:`ring-border-soft hover:ring-ink-4`),children:[(0,$.jsx)(`span`,{className:`text-[2rem] text-ink leading-none`,style:{fontFamily:Un(e.family)},children:`Aa`}),(0,$.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,$.jsx)(`span`,{className:`font-medium text-[0.9375rem]`,children:e.family}),(0,$.jsx)(`span`,{className:`text-[0.8125rem] text-ink-3 tabular-nums`,children:e.weights.length?e.weights.join(` · `):U(`project.fontWeightsUnknown`)})]}),t?(0,$.jsx)(`span`,{className:`grid size-5 place-items-center rounded-full bg-ember text-white`,children:(0,$.jsx)(P,{className:`size-3.5`})}):null]})}function Zn({projectId:e,fonts:t,styles:n,rules:r,ruled:i,sample:o,save:c,readOnly:l}){let[d,f]=(0,Q.useState)(t),[p,m]=(0,Q.useState)(n),h=u(r),[g,_]=(0,Q.useState)(null),[v,b]=(0,Q.useState)(!1),x=a({fonts:d,textStyles:p,typeRules:h.rules},c),S=(e,t=!1)=>{let n=e.map(e=>({id:k(),family:e.family,role:``,weights:e.weights}));t&&n[0]&&_(n[0].id),f(e=>[...e,...n].slice(0,y.fonts))},w=()=>{let e=k();_(e),m(t=>[...t,{id:e,name:``,size:16,weight:400,lineHeight:150,tracking:0}])},T=[...d.length<y.fonts?[{label:U(`project.fontNew`),icon:(0,$.jsx)(C,{className:`size-4 shrink-0`}),onPick:()=>S([{family:``,weights:[400,700]}],!0)},{label:U(`project.fontsFromUrl`),icon:(0,$.jsx)(Jt,{className:`size-4 shrink-0`}),onPick:()=>b(!0)}]:[],...p.length<y.textStyles?[{label:U(`project.styleNew`),icon:(0,$.jsx)($e,{className:`size-4 shrink-0`}),onPick:w}]:[],...!i||h.full?[]:[{label:U(`project.ruleNew`),icon:(0,$.jsx)(rt,{className:`size-4 shrink-0`}),onPick:()=>h.add()}]];return(0,$.jsxs)(s,{title:U(`project.typography`),hint:U(`project.typographyHint`),save:x,action:l?null:(0,$.jsx)(W,{entries:T}),children:[(0,$.jsxs)(`div`,{className:`flex flex-col gap-7`,children:[d.length?(0,$.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(260px,1fr))] gap-3`,children:d.map((e,t)=>(0,$.jsx)(qn,{font:e,first:t===0,readOnly:l,autoFocus:g===e.id,onChange:t=>f(n=>n.map(n=>n.id===e.id?{...n,...t}:n)),onRemove:()=>f(t=>t.filter(t=>t.id!==e.id))},e.id))}):(0,$.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:U(`project.fontsEmpty`)}),p.length?(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h3`,{className:`font-medium text-[0.9375rem]`,children:U(`project.styles`)}),l?null:(0,$.jsx)(`p`,{className:`text-[0.875rem] text-ink-3 leading-snug`,children:U(`project.stylesHint`)}),(0,$.jsx)(`ul`,{className:`mt-2 flex flex-col`,children:p.map(e=>(0,$.jsx)(Jn,{style:e,fonts:d,sample:o,readOnly:l,autoFocus:g===e.id,onChange:t=>m(n=>n.map(n=>n.id===e.id?{...n,...t}:n)),onRemove:()=>m(t=>t.filter(t=>t.id!==e.id))},e.id))})]}):null,i?(0,$.jsx)(xe,{rules:h,placeholder:U(`project.typeRulePlaceholder`),readOnly:l}):null]}),v?(0,$.jsx)(Yn,{projectId:e,onClose:()=>b(!1),onAdd:e=>S(e)}):null]})}function Qn({project:e,save:t}){let[n,r]=(0,Q.useState)(e.brand.name??``),[i,o]=(0,Q.useState)(e.brand.about??``),c=a({name:n.trim(),about:i.trim()},e=>t({brand:e}));return(0,$.jsx)(s,{title:U(`project.base`),hint:U(`project.baseHint`),save:c,locked:e.readOnly,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.title`)}),(0,$.jsx)(X,{value:n,maxLength:120,onChange:e=>r(e.target.value)}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:U(`project.titleHint`)})]}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(q,{children:U(`project.about`)}),(0,$.jsx)(ge,{minRows:4,value:i,onChange:e=>o(e.target.value)}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[0.8125rem] text-ink-3`,children:U(`project.aboutHint`)})]})]})})}function $n({project:e,group:t,children:n}){let r=D(),i=A(e.id),[a,o]=(0,Q.useState)(0),[s,c]=(0,Q.useState)(!1),l=async t=>{await M.patch(`/api/studio/projects/${e.id}`,t),await r.invalidateQueries({queryKey:[`projects`]})},u=it({mutationFn:()=>M.del(`/api/studio/projects/${e.id}`),onSuccess:()=>r.invalidateQueries({queryKey:[`projects`]})}),d=mt(),f=ot(),p=i.data??{files:[],embeddings:!0},m=`${e.id}:${a}`,h=e.readOnly,g=t===`knowledge`,_=lt(`brandSections`),v=lt(`brandRules`),y=lt(`typography`);return tt(h?{}:{title:U(g?`project.assistantTitleKnowledge`:`project.assistantTitle`),hello:U(g?`project.assistantHelloKnowledge`:`project.assistantHello`),placeholder:U(g?`project.assistantComposerKnowledge`:`project.assistantComposer`),suggestions:g?[{label:U(`assistant.suggest.knowledgeHow`)},{label:U(`assistant.suggest.knowledgeSite`),fill:!0},{label:U(`assistant.suggest.knowledgeCategories`)}]:[{label:U(`assistant.suggest.readSite`),fill:!0},{label:U(`assistant.suggest.missing`)},{label:U(`assistant.suggest.facts`)}],summary:g?void 0:[e.brand.name?`title "${e.brand.name}"`:`no title`,`${e.facts.length} facts`,`${e.brand.colors?.length??0} colours`,`${p.files.filter(e=>e.kind===`logo`).length} logos`].join(` · `),onChanged:()=>o(e=>e+1)}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-9`,children:[h?(0,$.jsx)(qe,{children:Ge(e)}):null,t===`info`?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(L,{id:`base`,children:(0,$.jsx)(Qn,{project:e,save:l},`base:${m}`)}),(0,$.jsx)(L,{id:`facts`,children:(0,$.jsx)(Rn,{facts:e.facts,save:e=>l({facts:e}),readOnly:h},`facts:${m}`)}),(0,$.jsx)(L,{id:`logos`,children:(0,$.jsx)(Bn,{projectId:e.id,data:p,readOnly:h,sections:e.brand.logoSections??[],rules:e.brand.logoRules??[],sectioned:_,ruled:v,save:e=>l({brand:e})},`logos:${m}`)}),(0,$.jsx)(L,{id:`colors`,children:(0,$.jsx)(Pn,{projectId:e.id,data:p,colors:e.brand.colors??[],sections:e.brand.colorSections??[],gradients:e.brand.gradients??[],patterns:e.brand.patterns??[],rules:e.brand.colorRules??[],sectioned:_,ruled:v,save:e=>l({brand:e}),readOnly:h},`colors:${m}`)}),y?(0,$.jsx)(L,{id:`typography`,children:(0,$.jsx)(Zn,{projectId:e.id,fonts:e.brand.fonts??[],styles:e.brand.textStyles??[],rules:e.brand.typeRules??[],ruled:v,sample:e.brand.name||U(`project.typeSample`),save:e=>l({brand:e}),readOnly:h},`typography:${m}`)}):null,(0,$.jsx)(L,{id:`assets`,children:(0,$.jsx)(bn,{projectId:e.id,data:p,readOnly:h,sections:e.brand.assetSections??[],save:e=>l({brand:e})},`assets:${m}`)})]}):null,n,t===`info`&&d&&!h&&f?(0,$.jsxs)(`div`,{children:[(0,$.jsx)(F,{variant:`danger`,onClick:()=>c(!0),children:U(`settings.delete`)}),(0,$.jsxs)(T,{open:s,onClose:()=>c(!1),title:U(`settings.deleteTitle`,{name:e.name}),children:[(0,$.jsx)(`p`,{className:`-mt-2 text-[0.875rem] text-ink-2`,children:U(`settings.deleteBody`)}),u.error?(0,$.jsx)(`p`,{className:`mt-3 text-[0.8125rem] text-rose`,children:u.error.message}):null,(0,$.jsxs)(`div`,{className:`mt-5 flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:()=>c(!1),children:U(`common.cancel`)}),(0,$.jsx)(F,{variant:`danger`,busy:u.isPending,onClick:()=>u.mutate(),children:U(`common.delete`)})]})]})]}):null]})}var er={q:``,mode:``,days:0};function tr(e,t,n){let r=new URLSearchParams;t&&r.set(`wizard`,t),n.q.trim()&&r.set(`q`,n.q.trim()),n.mode&&r.set(`mode`,n.mode),n.days&&r.set(`days`,String(n.days));let i=r.toString();return Y({queryKey:[`results`,e,i],queryFn:()=>M.get(`/api/studio/projects/${e}/results${i&&`?${i}`}`),enabled:!!e,placeholderData:e=>e,refetchInterval:15e3})}function nr({filter:e,onFilter:t}){let[n,r]=(0,Q.useState)(e.q);return(0,Q.useEffect)(()=>{if(n===e.q)return;let r=setTimeout(()=>t({...e,q:n}),250);return()=>clearTimeout(r)},[n,e,t]),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,$.jsxs)(`div`,{className:`relative min-w-0 flex-1 basis-56`,children:[(0,$.jsx)(be,{className:`-translate-y-1/2 pointer-events-none absolute top-1/2 left-3 size-4 text-ink-3`}),(0,$.jsx)(X,{type:`search`,value:n,onChange:e=>r(e.target.value),placeholder:U(`space.resultsSearch`),"aria-label":U(`space.resultsSearch`),className:`w-full pl-9`})]}),(0,$.jsx)(ie,{value:e.mode,onChange:n=>t({...e,mode:n}),options:[{value:``,label:U(`space.resultsModeAll`)},{value:`live`,label:`Live`},{value:`test`,label:`Test`}],className:`w-32`}),(0,$.jsx)(ie,{value:String(e.days),onChange:n=>t({...e,days:Number(n)}),options:[{value:`0`,label:U(`space.resultsAnyTime`)},{value:`1`,label:U(`space.resultsDay`)},{value:`7`,label:U(`space.resultsDays`,{n:7})},{value:`30`,label:U(`space.resultsDays`,{n:30})}],className:`w-44`})]})}function rr({data:e,wizardId:t,filter:n,onFilter:i}){let[a,o]=(0,Q.useState)(null),c=t=>e.wizards.find(e=>e.id===t)?.title??``,l=new Intl.DateTimeFormat(me,{dateStyle:`medium`,timeStyle:`short`});return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(s,{title:t?c(t):U(`space.resultsAll`),hint:U(`space.resultsHint`),plain:!0,children:[(0,$.jsx)(nr,{filter:n,onFilter:i}),e.runs.length?(0,$.jsx)(N,{className:`flex flex-col p-1.5`,children:e.runs.map(e=>(0,$.jsxs)(`button`,{type:`button`,onClick:()=>o(e),className:`flex items-center gap-3 rounded-lg px-3 py-2.5 text-left transition hover:bg-accent`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`div`,{className:`truncate text-[0.875rem]`,children:t?l.format(new Date(e.doneAt)):c(e.wizardId)}),(0,$.jsxs)(`div`,{className:`truncate text-[0.75rem] text-ink-3`,children:[t?null:`${l.format(new Date(e.doneAt))} · `,U(`space.resultCredits`,{n:e.credits})]})]}),e.assets?(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[0.75rem] text-ink-3 tabular-nums`,title:U(`space.resultFiles`,{n:e.assets}),children:[(0,$.jsx)(b,{className:`size-3.5`}),e.assets]}):null,e.mode===`test`?(0,$.jsx)(I,{children:U(`run.testChip`)}):(0,$.jsxs)(I,{tone:`live`,children:[`Live v`,e.version]})]},e.id))}):(0,$.jsx)(N,{children:(0,$.jsx)(r,{children:n.q.trim()||n.mode||n.days?U(`space.resultsNone`):U(`space.resultsEmpty`)})})]}),a?(0,$.jsx)(Ie,{header:(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-medium text-[0.875rem]`,children:c(a.wizardId)}),a.mode===`test`?(0,$.jsx)(I,{children:U(`run.testChip`)}):(0,$.jsxs)(I,{tone:`live`,children:[`Live v`,a.version]})]}),onClose:()=>o(null),children:(0,$.jsx)(Mt,{runId:a.id,compact:!0},a.id)}):null]})}function ir({project:e,save:t}){let[n,r]=(0,Q.useState)(!1),[i,a]=(0,Q.useState)(e.name),o=it({mutationFn:()=>t({name:i.trim()}),onSuccess:()=>r(!1)});return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(B,{label:U(`project.rename`),onClick:()=>{a(e.name),r(!0)},children:(0,$.jsx)(ue,{className:`size-4`})}),(0,$.jsx)(T,{open:n,onClose:()=>r(!1),title:U(`project.rename`),children:(0,$.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),i.trim()&&o.mutate()},children:[(0,$.jsx)(X,{"data-autofocus":!0,value:i,maxLength:80,onChange:e=>a(e.target.value)}),o.error?(0,$.jsx)(`p`,{className:`mt-3 text-[0.875rem] text-rose`,children:o.error.message}):null,(0,$.jsxs)(`div`,{className:`mt-5 flex justify-end gap-2`,children:[(0,$.jsx)(F,{variant:`ghost`,onClick:()=>r(!1),children:U(`common.cancel`)}),(0,$.jsx)(F,{type:`submit`,busy:o.isPending,disabled:!i.trim(),children:U(`settings.save`)})]})]})})]})}function ar({project:e}){let t=D();return(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(st,{}),e.readOnly?null:(0,$.jsx)(ir,{project:e,save:async n=>{await M.patch(`/api/studio/projects/${e.id}`,n),await t.invalidateQueries({queryKey:[`projects`]})}})]})}function or(e){let t=e.join(` `),[n,r]=(0,Q.useState)(e[0]);return(0,Q.useEffect)(()=>{let e=t.split(` `),n=0,i=()=>{n=0;let t=ht(),i=t.scrollTop>0&&t.clientHeight+t.scrollTop>=t.scrollHeight-4,a=(t===document.documentElement?0:t.getBoundingClientRect().top)+Math.max(120,t.clientHeight/3),o=e[0];for(let t of e){let e=document.getElementById(t)?.getBoundingClientRect().top;e!==void 0&&e<=a&&(o=t)}r(i?e.at(-1):o)},a=()=>{n||=requestAnimationFrame(i)};return i(),window.addEventListener(`scroll`,a,{passive:!0,capture:!0}),window.addEventListener(`resize`,a),()=>{cancelAnimationFrame(n),window.removeEventListener(`scroll`,a,{capture:!0}),window.removeEventListener(`resize`,a)}},[t]),n}function sr(e,t){let n=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;document.getElementById(e)?.scrollIntoView({block:`start`,behavior:t&&!n?`smooth`:`auto`})}function cr({groups:e,current:t,onPick:n}){return e.map(e=>{let r=e.sections.map(e=>(0,$.jsx)(St,{icon:e.icon??Qe,label:e.label,selected:e.id===t,onPick:()=>n(e.id)},e.id));return e.label?(0,$.jsx)(Tt,{label:e.label,children:r},e.plugin):(0,$.jsx)(`ul`,{className:`flex flex-col gap-0.5`,children:r},`own`)})}function lr(){let{group:e}=_e(),[t,n]=le(),i=fe(),a=ce(),{hash:o}=a,{project:c,loading:l}=ft(),u=mt(),d=_t(),f=jt(),[p,m]=(0,Q.useState)(null),[h,g]=(0,Q.useState)(null),[_,v]=(0,Q.useState)(null),y=ut(e)?e:void 0,b=y?void 0:d.spaceParts.find(t=>t.id===e),x=y??b?.id,S=a.state?.parts===!0,C=xt(vt(),d).map(e=>({...e,to:`/space/${e.id}`})),w=C.find(e=>e.id===x),T=t.get(`show`),E=x?T?2:1:0,D=f?Math.min(E,1):x&&_!==x&&!S?1:0,O=wt(D),k=wt(E),A=(0,Q.useMemo)(()=>({slot:p,narrow:f,setDetail:g}),[p,f]),ee=c?c.brand.name?.trim()||c.name:U(`nav.project`),j=re(),M=!!j&&!f,te=lt(`typography`)?[]:[`typography`],N=b?d.spaceMenus[b.id]??[]:[],P=b?[{plugin:null,label:null,sections:N}]:y&&y!==`results`?at(y,d,te):[],F=y?at(y,d).filter(e=>e.plugin):[],ne=or([...P,...y===`results`?F:[]].flatMap(e=>e.sections.map(e=>e.id))),I=y===`results`&&T&&T!==`all`?T:null,[ie,oe]=(0,Q.useState)(er),R=tr(y===`results`?c?.id:void 0,I,ie),se=R.data?.wizards.find(e=>e.id===I)?.title,B=y===`data`&&T&&T!==`all`||y===`knowledge`&&T&&/^[ptfcvs]:/.test(T)?T:null,V=B?.startsWith(`s:`)?d.spaceSections.find(e=>e.id===B.slice(2)):void 0,H=y===`knowledge`&&B&&/^[ptf]:/.test(B)?B:null,W=Oe(y===`data`?c?.id:void 0),G=Fe(y===`knowledge`?c?.id:void 0),K=Ve(B?.startsWith(`v:`)?B.slice(2):``),ue=G.data?.categories.find(e=>e.id===(B?.startsWith(`c:`)?B.slice(2):K.data?.category.id)),de=y===`knowledge`?V?V.label():B?.startsWith(`v:`)?K.data&&`${K.data.category.name}: ${K.data.value}`:B?.startsWith(`c:`)?ue?.name:G.data?.items.find(e=>e.key===B)?.title:W.data?ze(W.data).flatMap(e=>e.items).find(e=>e.key===B)?.title:void 0;pt([{label:U(`nav.project`),to:`/space`},...w?[{label:w.label,to:`/space/${w.id}`}]:[],...w&&(h??se??de)?[{label:h??se??de}]:[]]);let q={p:`page`,t:`table`,f:`file`,c:`category`,v:`category value`,s:`plugin section`};tt({...y===`data`||y===`results`?{compact:!0}:{},...y===`data`?{suggestions:[{label:U(`assistant.suggest.dataWhat`)},{label:U(`assistant.suggest.dataWho`)},{label:U(`assistant.suggest.dataEdit`)}]}:y===`results`?{suggestions:[{label:U(`assistant.suggest.resultsFailed`)},{label:U(`assistant.suggest.resultsCost`)},{label:U(`assistant.suggest.resultsShare`)}]}:{},...B&&de?{open:{kind:q[B[0]]??`item`,id:B.slice(2),label:de}}:I&&se?{open:{kind:`wizard`,id:I,label:se}}:{}});let J=y===`results`||y===`data`||B?o.slice(1):T||o.slice(1),pe=(0,Q.useRef)(``);if((0,Q.useEffect)(()=>{let e=`${x}#${J}`;J&&pe.current!==e&&document.getElementById(J)&&(pe.current=e,requestAnimationFrame(()=>sr(J,!1)))},[x,J,c?.id,d.spaceSections,N.length]),!x){let t=o.slice(1),n=t?dt(t,d):null;if(n===`knowledge`&&d.spaceSections.some(e=>e.id===t))return(0,$.jsx)(ae,{to:`/space/knowledge?show=s:${t}`,replace:!0});if(n)return(0,$.jsx)(ae,{to:f?`/space/${n}?show=${t}`:{pathname:`/space/${n}`,hash:t},replace:!0});if((t||e)&&d.status!==`ready`)return null;if(e!==void 0||!f)return(0,$.jsx)(ae,{to:`/space/info`,replace:!0,state:{parts:!0}})}if(y===`knowledge`&&!T&&d.spaceSections.some(e=>e.id===o.slice(1)))return(0,$.jsx)(ae,{to:`/space/knowledge?show=s:${o.slice(1)}`,replace:!0});let me=e=>{if(f){i({search:`?show=${e}`});return}pe.current=`${x}#${e}`,sr(e,!0),i({search:``,hash:e},{replace:!0})},Y=e=>f?n({show:e}):n(e===`all`?{}:{show:e},{replace:!0}),he=e=>e.flatMap(e=>e.sections).map(e=>d.spaceSections.find(t=>t.id===e.id)).filter(e=>e!==void 0).map(e=>(0,$.jsx)(L,{id:e.id,children:(0,$.jsx)(s,{title:e.label(),hint:e.hint?.(),plain:!0,children:(0,$.jsx)(gt,{of:e,children:(0,$.jsx)(e.component,{})})})},e.serial)),X=f?void 0:ne,Z=(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Et,{title:ee,open:D===1?w??null:null,onBack:()=>f?i(`/space`):v(x??null),root:{icon:Xe,label:U(`nav.project`),backLabel:U(`nav.wizards`),onBack:()=>i(`/`)}}),(0,$.jsx)(`div`,{className:z(Ct(O)),children:D===0?(0,$.jsx)(Ot,{entries:C,current:f?void 0:w,onPick:()=>v(null)}):(0,$.jsx)(`div`,{ref:m})},D)]});return(0,$.jsxs)(Dt.Provider,{value:A,children:[M&&j?(0,$t.createPortal)(Z,j):null,(0,$.jsx)(`div`,{className:`animate-rise`,children:(0,$.jsxs)(`div`,{className:z(`grid gap-6`,!M&&`md:grid-cols-[13.5rem_minmax(0,1fr)] md:gap-8 lg:grid-cols-[15rem_minmax(0,1fr)] lg:gap-10`),children:[M?null:(0,$.jsx)(`aside`,{className:z(`min-w-0 md:sticky md:top-6 md:self-start`,f&&E===2&&`hidden`,f&&k===`back`&&Ct(`back`)),children:Z}),x?(0,$.jsxs)(`div`,{className:z(`min-w-0`,f&&E<2&&`hidden`,f&&k===`deeper`&&Ct(`deeper`)),children:[f?(0,$.jsx)(`div`,{className:`mb-3`,children:(0,$.jsx)(At,{label:w?.label??ee,onBack:()=>i(`/space/${x}`)})}):null,u&&c?(0,$.jsx)(`div`,{className:`mb-6`,children:(0,$.jsx)(ar,{project:c})}):null,y===`results`?(0,$.jsxs)(kt,{children:[(0,$.jsxs)(`ul`,{className:`flex flex-col gap-0.5`,children:[(0,$.jsx)(St,{icon:Wt,label:U(`space.resultsAll`),selected:!f&&!I,onPick:()=>Y(`all`)}),R.data?.wizards.filter(e=>e.results||e.id===I).map(e=>(0,$.jsx)(St,{icon:yt,label:e.title,badge:e.results?(0,$.jsx)(`span`,{className:`text-[0.75rem] text-ink-3 tabular-nums`,children:e.results}):null,selected:!f&&e.id===I,onPick:()=>Y(e.id)},e.id))]}),(0,$.jsx)(cr,{groups:F,current:X,onPick:me})]}):y===`data`?(0,$.jsxs)(kt,{children:[(0,$.jsx)(`ul`,{className:`flex flex-col gap-0.5`,children:(0,$.jsx)(St,{icon:Kt,label:U(`data.all`),selected:!f&&!B,onPick:()=>Y(`all`)})}),W.data?ze(W.data).map(e=>(0,$.jsx)(Tt,{label:e.label,children:e.items.map(e=>(0,$.jsx)(St,{icon:Ee[e.kind],label:e.title,selected:!f&&e.key===B,onPick:()=>Y(e.key)},e.key))},e.key)):null,(0,$.jsx)(cr,{groups:F,current:X,onPick:me})]}):y===`knowledge`?(0,$.jsxs)(kt,{children:[(0,$.jsx)(`ul`,{className:`flex flex-col gap-0.5`,children:(0,$.jsx)(St,{icon:Kt,label:U(`know.all`),selected:!(f||B),onPick:()=>Y(`all`)})}),G.data?.categories.length?(0,$.jsx)(Tt,{label:U(`know.categories`),children:G.data.categories.map(e=>(0,$.jsx)(St,{icon:Me[e.type],label:e.name,badge:(0,$.jsx)(`span`,{className:`text-[0.75rem] text-ink-3 tabular-nums`,children:e.proposed?`·`:e.count}),selected:!f&&(B===`c:${e.id}`||K.data?.category.id===e.id),onPick:()=>Y(`c:${e.id}`)},e.id))}):null,(0,$.jsx)(cr,{groups:F,current:f?void 0:V?.id,onPick:e=>Y(`s:${e}`)})]}):(0,$.jsx)(kt,{children:(0,$.jsx)(cr,{groups:P,current:X,onPick:me})}),c&&(y===`info`||y===`knowledge`)?(0,$.jsxs)($n,{project:c,group:y,children:[y===`knowledge`?H?H.startsWith(`p:`)?(0,$.jsx)(Pe,{pageId:H.slice(2),onGone:()=>Y(`all`),onOpen:Y},H):H.startsWith(`t:`)?(0,$.jsx)(Ne,{tableId:H.slice(2),onGone:()=>Y(`all`)},H):(0,$.jsx)(pn,{projectId:c.id,fileId:H.slice(2),readOnly:c.readOnly,onGone:()=>Y(`all`)},H):G.data?V?(0,$.jsx)(s,{title:V.label(),hint:V.hint?.(),plain:!0,children:(0,$.jsx)(gt,{of:V,children:(0,$.jsx)(V.component,{})})},B):B?.startsWith(`c:`)?ue?(0,$.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,$.jsx)(je,{projectId:c.id,category:ue,readOnly:c.readOnly,onOpen:Y,onGone:()=>Y(`all`)}),ue.type===`choice`?null:(0,$.jsx)(Be,{projectId:c.id,category:ue,categories:G.data.categories,onOpen:Y})]},B):null:B?.startsWith(`v:`)?K.data?(0,$.jsx)(Te,{value:K.data,readOnly:c.readOnly,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[K.data.items.length?(0,$.jsx)(`div`,{className:`flex flex-col rounded-xl bg-card p-1.5 shadow-soft ring-1 ring-border-soft`,children:K.data.items.map(e=>(0,$.jsx)(ke,{item:e,categories:G.data.categories.filter(e=>e.id!==K.data?.category.id),onOpen:Y},e.key))}):null,K.data.rows.map(e=>(0,$.jsx)(`button`,{type:`button`,onClick:()=>Y(`t:${e.tableId}`),className:`px-1 text-left text-[0.8125rem] text-ink-3 hover:text-ink`,children:U(`know.tocRows`,{n:e.count,table:e.title})},e.tableId))]})},B):null:(0,$.jsx)(L,{id:`documents`,children:(0,$.jsx)(Re,{projectId:c.id,data:G.data,readOnly:c.readOnly,onOpen:Y})}):null:null,y===`info`?he(F):null]},c.id):null,c&&b?(0,$.jsx)(gt,{of:b,children:(0,$.jsx)(ct,{part:b.id,children:(0,$.jsx)(b.component,{})},c.id)}):null,c&&y===`data`?(0,$.jsx)(`div`,{className:`flex flex-col gap-9 pb-20`,children:B?.startsWith(`t:`)?(0,$.jsx)(Ne,{tableId:B.slice(2),onGone:()=>Y(`all`)},B):B?.startsWith(`p:`)?(0,$.jsx)(Pe,{pageId:B.slice(2),onGone:()=>Y(`all`)},B):(0,$.jsxs)($.Fragment,{children:[W.data?(0,$.jsx)(Le,{projectId:c.id,data:W.data,readOnly:c.readOnly,onOpen:Y}):null,he(F)]})}):null,c&&y===`results`?(0,$.jsxs)(`div`,{className:`flex flex-col gap-9 pb-20`,children:[R.data?(0,$.jsx)(rr,{data:R.data,wizardId:I,filter:ie,onFilter:oe}):null,R.isError?(0,$.jsx)(`p`,{className:`text-[0.875rem] text-rose`,children:R.error.message}):null,he(F)]}):null,c||l?null:(0,$.jsx)(r,{children:U(`settings.noProject`)})]}):null]})})]})}export{lr as ProjectPage};