ryco-cli 0.1.9 → 0.1.11

package/dist/client/assets/AppearanceSettings-CDvljGDS.js

@@ -1 +0,0 @@
-import{i as e,t}from"./react-SIfiwpqq.js";import{t as n}from"./compiler-runtime-qmuS0Svy.js";import{f as r,t as i}from"./utils-c6dglOTK.js";import{i as a}from"./uiStateStore-hgy2ilHo.js";import{f as o}from"./useRenderElement-DchFnsR8.js";import{i as s}from"./toast-DonYDy-6.js";import{t as c}from"./clipboard-copy-C4VV20QR.js";import{n as l}from"./useCopyToClipboard-qG2nhvjQ.js";import{t as u}from"./download-CQZ-m4zW.js";import{t as d}from"./palette-BSD_aJZg.js";import{t as f}from"./panel-right-BodNpkM9.js";import{t as p}from"./pencil-B69ERoVM.js";import{t as m}from"./plus-B2h-VEqh.js";import{t as h}from"./trash-2-CM1zXPGb.js";import{t as g}from"./x-C1Cemsov.js";import{t as _}from"./switch-cMx5Wv_R.js";import{t as v}from"./input-zjUwoDs3.js";import{t as y}from"./button-BT6cGe5S.js";import{t as b}from"./textarea-DIqqrD8A.js";import{a as x,i as S,n as C,o as w,r as T,s as E,t as D}from"./alert-dialog-Cmodiuqg.js";import{a as O,i as k,o as A,s as j,t as M}from"./select-rPdFVPfm.js";import{n as ee,r as te,t as N}from"./popover-j6ZF-s94.js";import{t as P}from"./badge-BbJiUmhG.js";import{a as F,b as ne,c as re,d as ie,h as I,i as ae,m as oe,o as se,p as ce,u as L,v as R,x as z}from"./appearancePreferences-COvj0WMT.js";import{_ as le,a as ue,b as de,c as fe,d as pe,f as B,g as V,h as me,i as he,l as ge,m as H,o as _e,p as U,r as W,s as G,t as ve,u as ye,v as be,x as xe,y as Se}from"./useTheme-DiC-5xCb.js";import{n as Ce,t as K}from"./toggle-group-0LgplGMc.js";import{i as q,n as we,r as J,t as Y}from"./settingsLayout-B8os-EWr.js";var Te=o(`baseline`,[[`path`,{d:`M4 20h16`,key:`14thso`}],[`path`,{d:`m6 16 6-12 6 12`,key:`1b4byz`}],[`path`,{d:`M8 12h8`,key:`1wcyev`}]]),Ee=o(`code-xml`,[[`path`,{d:`m18 16 4-4-4-4`,key:`1inbqp`}],[`path`,{d:`m6 8-4 4 4 4`,key:`15zrgr`}],[`path`,{d:`m14.5 4-5 16`,key:`e7oirm`}]]),De=o(`gauge`,[[`path`,{d:`m12 14 4-4`,key:`9kzdfg`}],[`path`,{d:`M3.34 19a10 10 0 1 1 17.32 0`,key:`19p75a`}]]),Oe=o(`radius`,[[`path`,{d:`M20.34 17.52a10 10 0 1 0-2.82 2.82`,key:`fydyku`}],[`circle`,{cx:`19`,cy:`19`,r:`2`,key:`17f5cg`}],[`path`,{d:`m13.41 13.41 4.18 4.18`,key:`1gqbwc`}],[`circle`,{cx:`12`,cy:`12`,r:`2`,key:`1c9p78`}]]),ke=o(`type`,[[`path`,{d:`M12 4v16`,key:`1654pz`}],[`path`,{d:`M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2`,key:`e0r10z`}],[`path`,{d:`M9 20h6`,key:`s66wpe`}]]),Ae=o(`upload`,[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]]),X=e(t(),1),Z=n(),Q=`.rycotheme.json`,je=/[^a-z0-9-_]+/gi;function Me(e){let t=(e.name||e.id).trim().replace(je,`-`).replace(/^-+|-+$/g,``);return`${t.length>0?t:e.id||`theme`}${Q}`}function Ne(e){let t={id:e.id,name:e.name};return e.description&&(t.description=e.description),e.light&&(t.light={...e.light}),e.dark&&(t.dark={...e.dark}),JSON.stringify(t,null,2)}function Pe(e){let t;try{t=JSON.parse(e)}catch(e){throw Error(`Could not parse theme JSON: ${e instanceof Error?e.message:`invalid JSON`}`,{cause:e})}if(!U(t))throw Error(`Theme JSON does not match the schema (need string id/name and string-only light/dark tokens).`);let n={id:t.id,name:t.name,builtIn:!1};return t.description&&(n.description=t.description),t.light&&(n.light={...t.light}),t.dark&&(n.dark={...t.dark}),n}function Fe(e,t=`rename`){let n=Pe(e);if(!ye().find(e=>e.id===n.id))return he(n),{theme:n,action:`added`};if(pe(n.id)||t===`rename`){let e={...n,id:ge(n.id)};return he(e),{theme:e,action:`renamed`}}return be(n.id,n),{theme:n,action:`replaced`}}typeof TextEncoder>`u`||new TextEncoder,typeof TextDecoder>`u`||new TextDecoder;async function Ie(e){let t=Ne(e);if(typeof navigator>`u`||!navigator.clipboard)throw Error(`Clipboard API not available in this environment.`);await navigator.clipboard.writeText(t)}function Le(e){if(typeof document>`u`||typeof URL>`u`||typeof Blob>`u`)throw Error(`Download not supported in this environment.`);let t=new Blob([Ne(e)],{type:`application/json`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=Me(e),r.rel=`noopener`,document.body.append(r),r.click(),r.remove(),URL.revokeObjectURL(n)}async function Re(e,t={}){let n=Fe(await e.text(),t.collision??`rename`);return t.activate&&(le(n.theme.id),ue(n.theme)),n}var $=r();function ze(e,t,n){return e<t?t:e>n?n:e}function Be(e){let t=e.trim().replace(/^#/,``),n;if(t.length===3)n=t.split(``).map(e=>`${e}${e}`).join(``);else if(t.length===6)n=t;else return null;return/^[0-9a-fA-F]{6}$/.test(n)?{r:Number.parseInt(n.slice(0,2),16),g:Number.parseInt(n.slice(2,4),16),b:Number.parseInt(n.slice(4,6),16)}:null}function Ve({r:e,g:t,b:n}){let r=e=>ze(Math.round(e),0,255).toString(16).padStart(2,`0`);return`#${r(e)}${r(t)}${r(n)}`}function He({r:e,g:t,b:n}){let r=e/255,i=t/255,a=n/255,o=Math.max(r,i,a),s=o-Math.min(r,i,a),c=0;s!==0&&(c=o===r?60*((i-a)/s%6):o===i?60*((a-r)/s+2):60*((r-i)/s+4)),c<0&&(c+=360);let l=o===0?0:s/o;return{h:c,s:l,v:o}}function Ue({h:e,s:t,v:n}){let r=n*t,i=(e%360+360)%360/60,a=r*(1-Math.abs(i%2-1)),o=0,s=0,c=0;i<1?[o,s,c]=[r,a,0]:i<2?[o,s,c]=[a,r,0]:i<3?[o,s,c]=[0,r,a]:i<4?[o,s,c]=[0,a,r]:i<5?[o,s,c]=[a,0,r]:[o,s,c]=[r,0,a];let l=n-r;return{r:(o+l)*255,g:(s+l)*255,b:(c+l)*255}}function We(e){let t=(0,Z.c)(71),{value:n,onChange:r,children:a,side:o,align:s,ariaLabel:c,triggerClassName:l}=e,u=o===void 0?`bottom`:o,d=s===void 0?`start`:s,f;t[0]===n?f=t[1]:(f=()=>{let e=Be(n);return e?He(e):{h:0,s:0,v:0}},t[0]=n,t[1]=f);let[p,m]=(0,X.useState)(f),[h,g]=(0,X.useState)(n),[_,y]=(0,X.useState)(!1),b=(0,X.useRef)(null),x=(0,X.useRef)(null),S=(0,X.useRef)(r),C=(0,X.useRef)(p.h),w;t[2]===r?w=t[3]:(w=()=>{S.current=r},t[2]=r,t[3]=w),(0,X.useEffect)(w);let T,E;t[4]===p.h?(T=t[5],E=t[6]):(T=()=>{C.current=p.h},E=[p.h],t[4]=p.h,t[5]=T,t[6]=E),(0,X.useEffect)(T,E);let D;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(D=()=>{if(b.current=null,x.current===null)return;let e=x.current;x.current=null,S.current(e)},t[7]=D):D=t[7];let O=D,k;t[8]===Symbol.for(`react.memo_cache_sentinel`)?(k=e=>{x.current=e,b.current===null&&(b.current=requestAnimationFrame(O))},t[8]=k):k=t[8];let A=k,j,M;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(M=()=>()=>{if(b.current!==null&&(cancelAnimationFrame(b.current),b.current=null),x.current!==null){let e=x.current;x.current=null,S.current(e)}},j=[],t[9]=j,t[10]=M):(j=t[9],M=t[10]),(0,X.useEffect)(M,j);let P;t[11]===p?P=t[12]:(P=Ve(Ue(p)),t[11]=p,t[12]=P);let F=P,ne,re;t[13]!==F||t[14]!==n?(ne=()=>{if(n.toLowerCase()===F.toLowerCase())return;let e=Be(n);if(!e)return;let t=He(e);m(e=>({h:t.s===0?e.h:t.h,s:t.s,v:t.v})),g(n)},re=[n,F],t[13]=F,t[14]=n,t[15]=ne,t[16]=re):(ne=t[15],re=t[16]),(0,X.useEffect)(ne,re);let ie=(0,X.useRef)(null),I;t[17]===Symbol.for(`react.memo_cache_sentinel`)?(I=e=>{let t=ie.current;if(!t)return;let n=t.getBoundingClientRect(),r=ze(e.clientX-n.left,0,n.width),i=ze(e.clientY-n.top,0,n.height),a=n.width===0?0:r/n.width,o=n.height===0?0:1-i/n.height;m(e=>{let t={h:e.h,s:a,v:o},n=Ve(Ue(t));return g(n),x.current=n,b.current===null&&(b.current=requestAnimationFrame(O)),t})},t[17]=I):I=t[17];let ae=I,oe;t[18]===Symbol.for(`react.memo_cache_sentinel`)?(oe=e=>{e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId),ae(e)},t[18]=oe):oe=t[18];let se=oe,ce;t[19]===Symbol.for(`react.memo_cache_sentinel`)?(ce=e=>{e.currentTarget.hasPointerCapture(e.pointerId)&&ae(e)},t[19]=ce):ce=t[19];let L=ce,R=(0,X.useRef)(null),z;t[20]===Symbol.for(`react.memo_cache_sentinel`)?(z=e=>{let t=R.current;if(!t)return;let n=t.getBoundingClientRect(),r=ze(e.clientX-n.left,0,n.width),i=n.width===0?0:r/n.width*360;m(e=>{let t={h:i,s:e.s,v:e.v},n=Ve(Ue(t));return g(n),x.current=n,b.current===null&&(b.current=requestAnimationFrame(O)),t})},t[20]=z):z=t[20];let le=z,ue;t[21]===Symbol.for(`react.memo_cache_sentinel`)?(ue=e=>{e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId),le(e)},t[21]=ue):ue=t[21];let de=ue,fe;t[22]===Symbol.for(`react.memo_cache_sentinel`)?(fe=e=>{e.currentTarget.hasPointerCapture(e.pointerId)&&le(e)},t[22]=fe):fe=t[22];let pe=fe,B;t[23]===Symbol.for(`react.memo_cache_sentinel`)?(B=e=>{g(e);let t=Be(e.startsWith(`#`)?e:`#${e}`);if(!t)return;let n=He(t),r={h:n.s===0?C.current:n.h,s:n.s,v:n.v};m(r),A(Ve(t))},t[23]=B):B=t[23];let V=B,me=`${p.h/360*100}%`,he=`${p.s*100}%`,ge=`${(1-p.v)*100}%`,H=`hsl(${p.h} 100% 50%)`,_e;t[24]===l?_e=t[25]:(_e=i(`relative size-5 shrink-0 cursor-pointer overflow-hidden rounded-sm border border-border/80 outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background`,l),t[24]=l,t[25]=_e);let U;t[26]!==c||t[27]!==a||t[28]!==_e?(U=(0,$.jsx)(te,{"aria-label":c,className:_e,children:a}),t[26]=c,t[27]=a,t[28]=_e,t[29]=U):U=t[29];let W;t[30]===p.s?W=t[31]:(W=Math.round(p.s*100),t[30]=p.s,t[31]=W);let G;t[32]===H?G=t[33]:(G={backgroundColor:H},t[32]=H,t[33]=G);let ve;t[34]===Symbol.for(`react.memo_cache_sentinel`)?(ve=(0,$.jsx)(`div`,{"aria-hidden":!0,className:`pointer-events-none absolute inset-0`,style:{background:`linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0))`}}),t[34]=ve):ve=t[34];let ye;t[35]===Symbol.for(`react.memo_cache_sentinel`)?(ye=(0,$.jsx)(`div`,{"aria-hidden":!0,className:`pointer-events-none absolute inset-0`,style:{background:`linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0))`}}),t[35]=ye):ye=t[35];let be;t[36]!==he||t[37]!==ge?(be=(0,$.jsx)(`div`,{"aria-hidden":!0,className:`pointer-events-none absolute size-3 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-[0_0_0_1px_rgba(0,0,0,0.4)]`,style:{left:he,top:ge}}),t[36]=he,t[37]=ge,t[38]=be):be=t[38];let xe;t[39]!==W||t[40]!==G||t[41]!==be?(xe=(0,$.jsxs)(`div`,{ref:ie,role:`slider`,"aria-label":`Saturation and value`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":W,tabIndex:0,className:`relative h-36 w-full cursor-crosshair touch-none select-none overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,style:G,onPointerDown:se,onPointerMove:L,children:[ve,ye,be]}),t[39]=W,t[40]=G,t[41]=be,t[42]=xe):xe=t[42];let Se;t[43]===p.h?Se=t[44]:(Se=Math.round(p.h),t[43]=p.h,t[44]=Se);let Ce;t[45]===Symbol.for(`react.memo_cache_sentinel`)?(Ce={background:`linear-gradient(to right, hsl(0 100% 50%), hsl(60 100% 50%), hsl(120 100% 50%), hsl(180 100% 50%), hsl(240 100% 50%), hsl(300 100% 50%), hsl(360 100% 50%))`},t[45]=Ce):Ce=t[45];let K;t[46]===me?K=t[47]:(K=(0,$.jsx)(`div`,{"aria-hidden":!0,className:`pointer-events-none absolute top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-[0_0_0_1px_rgba(0,0,0,0.4)]`,style:{left:me}}),t[46]=me,t[47]=K);let q;t[48]!==Se||t[49]!==K?(q=(0,$.jsx)(`div`,{ref:R,role:`slider`,"aria-label":`Hue`,"aria-valuemin":0,"aria-valuemax":360,"aria-valuenow":Se,tabIndex:0,className:`relative h-3 w-full cursor-ew-resize touch-none select-none overflow-hidden rounded-full outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,style:Ce,onPointerDown:de,onPointerMove:pe,children:K}),t[48]=Se,t[49]=K,t[50]=q):q=t[50];let we;t[51]===F?we=t[52]:(we=(0,$.jsx)(`span`,{"aria-hidden":!0,className:`size-7 shrink-0 rounded-md border border-border/60`,style:{backgroundColor:F}}),t[51]=F,t[52]=we);let J;t[53]===Symbol.for(`react.memo_cache_sentinel`)?(J=e=>V(e.currentTarget.value),t[53]=J):J=t[53];let Y;t[54]===h?Y=t[55]:(Y=(0,$.jsx)(v,{value:h,size:`sm`,nativeInput:!0,onChange:J,spellCheck:!1,className:`font-mono text-xs`,"aria-label":`Hex value`}),t[54]=h,t[55]=Y);let Te;t[56]!==we||t[57]!==Y?(Te=(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[we,Y]}),t[56]=we,t[57]=Y,t[58]=Te):Te=t[58];let Ee;t[59]!==xe||t[60]!==q||t[61]!==Te?(Ee=(0,$.jsxs)(`div`,{className:`space-y-3`,children:[xe,q,Te]}),t[59]=xe,t[60]=q,t[61]=Te,t[62]=Ee):Ee=t[62];let De;t[63]!==d||t[64]!==u||t[65]!==Ee?(De=(0,$.jsx)(ee,{side:u,align:d,className:`w-64`,children:Ee}),t[63]=d,t[64]=u,t[65]=Ee,t[66]=De):De=t[66];let Oe;return t[67]!==_||t[68]!==U||t[69]!==De?(Oe=(0,$.jsxs)(N,{open:_,onOpenChange:y,children:[U,De]}),t[67]=_,t[68]=U,t[69]=De,t[70]=Oe):Oe=t[70],Oe}var Ge=[{title:`Surfaces`,tokens:[`background`,`app-chrome-background`,`foreground`,`card`,`card-foreground`,`popover`,`popover-foreground`]},{title:`Brand & focus`,tokens:[`primary`,`primary-foreground`,`ring`]},{title:`Neutrals`,tokens:[`secondary`,`secondary-foreground`,`muted`,`muted-foreground`,`accent`,`accent-foreground`]},{title:`Status`,tokens:[`destructive`,`destructive-foreground`,`info`,`info-foreground`,`success`,`success-foreground`,`warning`,`warning-foreground`]},{title:`Borders & inputs`,tokens:[`border`,`input`]},{title:`Scrollbars`,tokens:[`scrollbar-thumb`,`scrollbar-thumb-hover`,`scrollbar-thumb-thin`,`scrollbar-thumb-thin-hover`]}],Ke=new Set(Se),qe=null,Je=null;function Ye(e){if(typeof document>`u`||document.body===void 0||!e)return`#000000`;qe||(qe=document.createElement(`div`),qe.style.position=`absolute`,qe.style.visibility=`hidden`,qe.style.pointerEvents=`none`,document.body.append(qe)),qe.style.color=``,qe.style.color=e;let t=getComputedStyle(qe).color;Je||=document.createElement(`canvas`),Je.width=1,Je.height=1;let n=Je.getContext(`2d`,{willReadFrequently:!0});if(!n)return`#000000`;n.clearRect(0,0,1,1);try{n.fillStyle=t}catch{return`#000000`}n.fillRect(0,0,1,1);let r=n.getImageData(0,0,1,1).data;return`#${[r[0],r[1],r[2]].map(e=>(e??0).toString(16).padStart(2,`0`)).join(``)}`}function Xe(e,t,n,r){let i={...e[t]};return r.length===0?delete i[n]:i[n]=r,t===`light`?{...e,light:i}:{...e,dark:i}}function Ze(e,t){return{...e,name:t}}function Qe(e,t){let n={...e};return t.length===0?delete n.description:n.description=t,n}function $e(e){return W.includes(e)}function et(e){let t=(0,Z.c)(124),{source:n,draft:r,onDraftChange:i,onSave:a,onCancel:o,resolvedVariant:s}=e,[c,l]=(0,X.useState)(`form`),[u,d]=(0,X.useState)(s),f;t[0]===r?f=t[1]:(f=()=>JSON.stringify(r,null,2),t[0]=r,t[1]=f);let[p,m]=(0,X.useState)(f),[h,g]=(0,X.useState)(null),[_,O]=(0,X.useState)(!1),k;t[2]===n?k=t[3]:(k=JSON.stringify(n),t[2]=n,t[3]=k);let A;t[4]===r?A=t[5]:(A=JSON.stringify(r),t[4]=r,t[5]=A);let j=k!==A,M;t[6]===r?M=t[7]:(M=()=>{ue(r)},t[6]=r,t[7]=M);let ee;t[8]!==r||t[9]!==s?(ee=[r,s],t[8]=r,t[9]=s,t[10]=ee):ee=t[10],(0,X.useEffect)(M,ee);let te,N;t[11]!==r||t[12]!==c?(te=()=>{c===`form`&&m(JSON.stringify(r,null,2))},N=[r,c],t[11]=r,t[12]=c,t[13]=te,t[14]=N):(te=t[13],N=t[14]),(0,X.useEffect)(te,N);let P;t[15]!==r||t[16]!==i?(P=e=>{i(Ze(r,e))},t[15]=r,t[16]=i,t[17]=P):P=t[17];let F=P,ne;t[18]!==r||t[19]!==i?(ne=e=>{i(Qe(r,e))},t[18]=r,t[19]=i,t[20]=ne):ne=t[20];let re=ne,ie;t[21]!==r||t[22]!==i||t[23]!==u?(ie=(e,t)=>{i(Xe(r,u,e,t))},t[21]=r,t[22]=i,t[23]=u,t[24]=ie):ie=t[24];let I=ie,ae;t[25]===i?ae=t[26]:(ae=e=>{m(e);let t;try{t=JSON.parse(e)}catch(e){let t=e;g(t instanceof Error?t.message:`Invalid JSON`);return}if(!U(t)){g(`Invalid theme schema. Need string id/name and string-only light/dark tokens.`);return}g(null),i(t)},t[25]=i,t[26]=ae);let oe=ae,se;t[27]!==j||t[28]!==o?(se=()=>{if(j){O(!0);return}o()},t[27]=j,t[28]=o,t[29]=se):se=t[29];let ce=se,L,R,z;if(t[30]!==r.dark||t[31]!==r.light||t[32]!==u){z=(u===`dark`?r.dark:r.light)??{};let e;t[36]===u?e=t[37]:(e=(u===`dark`?xe.dark:xe.light)??{},t[36]=u,t[37]=e),L=e,R=Object.entries(z).filter(rt),t[30]=r.dark,t[31]=r.light,t[32]=u,t[33]=L,t[34]=R,t[35]=z}else L=t[33],R=t[34],z=t[35];let le=R,fe=tt,pe=fe(r.light)||fe(r.dark),B;t[38]!==r.name||t[39]!==pe||t[40]!==h?(B=h!==null||r.name.trim().length===0||pe,t[38]=r.name,t[39]=pe,t[40]=h,t[41]=B):B=t[41];let V=B,me;t[42]===Symbol.for(`react.memo_cache_sentinel`)?(me=(0,$.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-[0.08em] text-muted-foreground`,children:`Editing`}),t[42]=me):me=t[42];let he=r.name||`Untitled`,ge;t[43]!==r.name||t[44]!==he?(ge=(0,$.jsx)(`span`,{className:`truncate text-sm font-medium text-foreground`,title:r.name,children:he}),t[43]=r.name,t[44]=he,t[45]=ge):ge=t[45];let H;t[46]===j?H=t[47]:(H=j?(0,$.jsx)(`span`,{className:`rounded-sm bg-warning/16 px-1.5 py-0.5 text-[10px] font-medium text-warning-foreground`,children:`Unsaved`}):null,t[46]=j,t[47]=H);let _e;t[48]===ce?_e=t[49]:(_e=(0,$.jsx)(y,{size:`sm`,variant:`outline`,onClick:ce,children:`Cancel`}),t[48]=ce,t[49]=_e);let W;t[50]!==a||t[51]!==V?(W=(0,$.jsx)(y,{size:`sm`,onClick:a,disabled:V,children:`Save`}),t[50]=a,t[51]=V,t[52]=W):W=t[52];let G;t[53]!==_e||t[54]!==W?(G=(0,$.jsxs)(`div`,{className:`ms-auto flex items-center gap-2`,children:[_e,W]}),t[53]=_e,t[54]=W,t[55]=G):G=t[55];let ve;t[56]!==ge||t[57]!==H||t[58]!==G?(ve=(0,$.jsxs)(`div`,{className:`sticky top-0 z-10 flex flex-wrap items-center gap-2 border-b border-border/60 bg-muted/72 px-4 py-2 backdrop-blur-sm sm:px-5`,children:[me,ge,H,G]}),t[56]=ge,t[57]=H,t[58]=G,t[59]=ve):ve=t[59];let ye;t[60]===c?ye=t[61]:(ye=[c],t[60]=c,t[61]=ye);let be,Se,q;t[62]===Symbol.for(`react.memo_cache_sentinel`)?(be=e=>{let t=e[0];(t===`form`||t===`json`)&&l(t)},Se=(0,$.jsx)(K,{value:`form`,"aria-label":`Form editor`,className:`px-3 sm:px-3`,children:`Form`}),q=(0,$.jsx)(K,{value:`json`,"aria-label":`JSON editor`,className:`px-3 sm:px-3`,children:`JSON`}),t[62]=be,t[63]=Se,t[64]=q):(be=t[62],Se=t[63],q=t[64]);let we;t[65]===ye?we=t[66]:(we=(0,$.jsxs)(Ce,{value:ye,variant:`outline`,size:`sm`,onValueChange:be,children:[Se,q]}),t[65]=ye,t[66]=we);let J;t[67]===u?J=t[68]:(J=[u],t[67]=u,t[68]=J);let Y,Te,Ee;t[69]===Symbol.for(`react.memo_cache_sentinel`)?(Y=e=>{let t=e[0];(t===`light`||t===`dark`)&&d(t)},Te=(0,$.jsx)(K,{value:`light`,"aria-label":`Light variant`,className:`px-3 sm:px-3`,children:`Light`}),Ee=(0,$.jsx)(K,{value:`dark`,"aria-label":`Dark variant`,className:`px-3 sm:px-3`,children:`Dark`}),t[69]=Y,t[70]=Te,t[71]=Ee):(Y=t[69],Te=t[70],Ee=t[71]);let De;t[72]===J?De=t[73]:(De=(0,$.jsxs)(Ce,{value:J,variant:`outline`,size:`sm`,onValueChange:Y,children:[Te,Ee]}),t[72]=J,t[73]=De);let Oe;t[74]!==we||t[75]!==De?(Oe=(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[we,De]}),t[74]=we,t[75]=De,t[76]=Oe):Oe=t[76];let ke;t[77]===Symbol.for(`react.memo_cache_sentinel`)?(ke=(0,$.jsx)(`span`,{className:`text-xs font-medium text-foreground`,children:`Name`}),t[77]=ke):ke=t[77];let Ae;t[78]===F?Ae=t[79]:(Ae=e=>F(e.currentTarget.value),t[78]=F,t[79]=Ae);let Q;t[80]===r.name?Q=t[81]:(Q=r.name.trim().length===0||void 0,t[80]=r.name,t[81]=Q);let je;t[82]!==r.name||t[83]!==Ae||t[84]!==Q?(je=(0,$.jsxs)(`label`,{className:`space-y-1.5`,children:[ke,(0,$.jsx)(v,{value:r.name,nativeInput:!0,onChange:Ae,"aria-invalid":Q})]}),t[82]=r.name,t[83]=Ae,t[84]=Q,t[85]=je):je=t[85];let Me;t[86]===Symbol.for(`react.memo_cache_sentinel`)?(Me=(0,$.jsx)(`span`,{className:`text-xs font-medium text-foreground`,children:`Description`}),t[86]=Me):Me=t[86];let Ne=r.description??``,Pe;t[87]===re?Pe=t[88]:(Pe=e=>re(e.currentTarget.value),t[87]=re,t[88]=Pe);let Fe;t[89]!==Ne||t[90]!==Pe?(Fe=(0,$.jsxs)(`label`,{className:`space-y-1.5`,children:[Me,(0,$.jsx)(v,{value:Ne,nativeInput:!0,onChange:Pe,placeholder:`Optional, shown under the picker.`})]}),t[89]=Ne,t[90]=Pe,t[91]=Fe):Fe=t[91];let Ie;t[92]!==je||t[93]!==Fe?(Ie=(0,$.jsxs)(`div`,{className:`mt-4 grid gap-3 sm:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]`,children:[je,Fe]}),t[92]=je,t[93]=Fe,t[94]=Ie):Ie=t[94];let Le;t[95]!==oe||t[96]!==I||t[97]!==L||t[98]!==h||t[99]!==p||t[100]!==c||t[101]!==le||t[102]!==z?(Le=c===`form`?(0,$.jsxs)(`div`,{className:`mt-5 space-y-5`,children:[Ge.map(e=>(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(`h4`,{className:`text-[11px] font-semibold uppercase tracking-[0.08em] text-muted-foreground`,children:e.title}),(0,$.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:e.tokens.map(e=>{let t=z[e]??``,n=L[e]??``,r=de(e);return r?(0,$.jsx)(it,{token:e,kind:r,value:t,inherited:n,onChange:t=>I(e,t)},e):null})})]},e.title)),le.length>0?(0,$.jsxs)(`p`,{className:`text-xs text-warning-foreground`,children:[le.length,` token`,le.length===1?``:`s`,` not in the allow-list will be ignored on save.`]}):null]}):(0,$.jsxs)(`div`,{className:`mt-5 space-y-2`,children:[(0,$.jsx)(b,{value:p,size:`sm`,className:`font-mono text-xs`,spellCheck:!1,rows:18,onChange:e=>oe(e.currentTarget.value),"aria-invalid":h!==null||void 0}),h?(0,$.jsx)(`p`,{className:`text-xs text-destructive-foreground`,children:h}):(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground/80`,children:`Edit the JSON directly. Save is disabled while the schema is invalid.`})]}),t[95]=oe,t[96]=I,t[97]=L,t[98]=h,t[99]=p,t[100]=c,t[101]=le,t[102]=z,t[103]=Le):Le=t[103];let Re;t[104]!==Oe||t[105]!==Ie||t[106]!==Le?(Re=(0,$.jsxs)(`div`,{className:`px-4 py-4 sm:px-5`,children:[Oe,Ie,Le]}),t[104]=Oe,t[105]=Ie,t[106]=Le,t[107]=Re):Re=t[107];let ze;t[108]===Symbol.for(`react.memo_cache_sentinel`)?(ze=(0,$.jsx)(E,{children:`Discard your changes?`}),t[108]=ze):ze=t[108];let Be;t[109]===n.name?Be=t[110]:(Be=(0,$.jsxs)(x,{children:[ze,(0,$.jsxs)(T,{children:[`You have unsaved edits to `,n.name,`. Discarding will revert any token changes you made.`]})]}),t[109]=n.name,t[110]=Be);let Ve;t[111]===Symbol.for(`react.memo_cache_sentinel`)?(Ve=(0,$.jsx)(C,{render:(0,$.jsx)(y,{variant:`outline`}),children:`Keep editing`}),t[111]=Ve):Ve=t[111];let He;t[112]===o?He=t[113]:(He=(0,$.jsxs)(S,{children:[Ve,(0,$.jsx)(y,{variant:`destructive`,onClick:()=>{O(!1),o()},children:`Discard changes`})]}),t[112]=o,t[113]=He);let Ue;t[114]!==Be||t[115]!==He?(Ue=(0,$.jsxs)(w,{children:[Be,He]}),t[114]=Be,t[115]=He,t[116]=Ue):Ue=t[116];let We;t[117]!==_||t[118]!==Ue?(We=(0,$.jsx)(D,{open:_,onOpenChange:O,children:Ue}),t[117]=_,t[118]=Ue,t[119]=We):We=t[119];let Ke;return t[120]!==ve||t[121]!==Re||t[122]!==We?(Ke=(0,$.jsxs)(`div`,{className:`border-t border-border/60 bg-muted/24`,children:[ve,Re,We]}),t[120]=ve,t[121]=Re,t[122]=We,t[123]=Ke):Ke=t[123],Ke}function tt(e){return Object.entries(e??{}).some(nt)}function nt(e){let[t,n]=e;if(typeof n!=`string`||n.length===0)return!1;let r=de(t);return r?!H(r,n):!1}function rt(e){let[t]=e;return!Ke.has(t)}function it(e){let t=(0,Z.c)(12),{token:n,kind:r,value:a,inherited:o,onChange:s}=e,c=a.length>0,l=r===`font-family`&&`sm:col-span-2`,u;t[0]===l?u=t[1]:(u=i(`rounded-md border border-border/60 bg-background px-2 py-1.5`,l),t[0]=l,t[1]=u);let d;t[2]!==o||t[3]!==r||t[4]!==s||t[5]!==c||t[6]!==n||t[7]!==a?(d=r===`color`?(0,$.jsx)(st,{token:n,value:a,inherited:o,overridden:c,onChange:s}):r===`opacity`?(0,$.jsx)(ct,{token:n,value:a,inherited:o,overridden:c,onChange:s}):r===`length`?(0,$.jsx)(lt,{token:n,value:a,inherited:o,overridden:c,onChange:s}):(0,$.jsx)(dt,{token:n,value:a,inherited:o,overridden:c,onChange:s}),t[2]=o,t[3]=r,t[4]=s,t[5]=c,t[6]=n,t[7]=a,t[8]=d):d=t[8];let f;return t[9]!==u||t[10]!==d?(f=(0,$.jsx)(`div`,{className:u,children:d}),t[9]=u,t[10]=d,t[11]=f):f=t[11],f}function at(e){let t=(0,Z.c)(6),{token:n,onChange:r}=e,i=`Reset --${n}`,a;t[0]===r?a=t[1]:(a=()=>r(``),t[0]=r,t[1]=a);let o;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(o=(0,$.jsx)(g,{className:`size-3.5`,"aria-hidden":!0}),t[2]=o):o=t[2];let s;return t[3]!==i||t[4]!==a?(s=(0,$.jsx)(y,{size:`icon-xs`,variant:`ghost`,"aria-label":i,onClick:a,className:`text-muted-foreground`,children:o}),t[3]=i,t[4]=a,t[5]=s):s=t[5],s}function ot(e){let t=(0,Z.c)(6),{token:n,overridden:r}=e,a=r?`text-foreground`:`text-muted-foreground/70`,o;t[0]===a?o=t[1]:(o=i(`truncate font-mono text-[11px]`,a),t[0]=a,t[1]=o);let s=`--${n}`,c;return t[2]!==o||t[3]!==s||t[4]!==n?(c=(0,$.jsxs)(`span`,{className:o,title:s,children:[`--`,n]}),t[2]=o,t[3]=s,t[4]=n,t[5]=c):c=t[5],c}function st(e){let t=(0,Z.c)(41),{token:n,value:r,inherited:i,overridden:a,onChange:o}=e,s=r||i,c,l,u,d,f;if(t[0]!==s||t[1]!==r){u=me(s);let e;t[7]===r?e=t[8]:(e=r.length>0&&!B(r),t[7]=r,t[8]=e),l=e,f=`flex items-center gap-2`,c=We,d=Ye(u),t[0]=s,t[1]=r,t[2]=c,t[3]=l,t[4]=u,t[5]=d,t[6]=f}else c=t[2],l=t[3],u=t[4],d=t[5],f=t[6];let p;t[9]===o?p=t[10]:(p=e=>o(e),t[9]=o,t[10]=p);let m=`Pick a color for --${n}`,h=l?`transparent`:u||`transparent`,g;t[11]===h?g=t[12]:(g=(0,$.jsx)(`span`,{className:`pointer-events-none absolute inset-0`,style:{backgroundColor:h},"aria-hidden":!0}),t[11]=h,t[12]=g);let _;t[13]!==c||t[14]!==d||t[15]!==p||t[16]!==m||t[17]!==g?(_=(0,$.jsx)(c,{value:d,onChange:p,ariaLabel:m,children:g}),t[13]=c,t[14]=d,t[15]=p,t[16]=m,t[17]=g,t[18]=_):_=t[18];let y;t[19]!==a||t[20]!==n?(y=(0,$.jsx)(ot,{token:n,overridden:a}),t[19]=a,t[20]=n,t[21]=y):y=t[21];let b=i||`inherit default`,x=l||void 0,S;t[22]===o?S=t[23]:(S=e=>o(e.currentTarget.value),t[22]=o,t[23]=S);let C;t[24]!==x||t[25]!==S||t[26]!==b||t[27]!==r?(C=(0,$.jsx)(v,{value:r,nativeInput:!0,unstyled:!0,size:`sm`,className:`border-0 bg-transparent p-0 shadow-none focus-within:shadow-none`,placeholder:b,"aria-invalid":x,onChange:S}),t[24]=x,t[25]=S,t[26]=b,t[27]=r,t[28]=C):C=t[28];let w;t[29]!==C||t[30]!==y?(w=(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:[y,C]}),t[29]=C,t[30]=y,t[31]=w):w=t[31];let T;t[32]!==o||t[33]!==a||t[34]!==n?(T=a?(0,$.jsx)(at,{token:n,onChange:o}):null,t[32]=o,t[33]=a,t[34]=n,t[35]=T):T=t[35];let E;return t[36]!==w||t[37]!==T||t[38]!==f||t[39]!==_?(E=(0,$.jsxs)(`div`,{className:f,children:[_,w,T]}),t[36]=w,t[37]=T,t[38]=f,t[39]=_,t[40]=E):E=t[40],E}function ct(e){let t=(0,Z.c)(31),{token:n,value:r,inherited:i,overridden:a,onChange:o}=e,s=Number(r||i),c;t[0]===s?c=t[1]:(c=Number.isFinite(s)?Math.min(1,Math.max(0,s)):0,t[0]=s,t[1]=c);let l=c,u;t[2]===r?u=t[3]:(u=r.length>0&&!H(`opacity`,r),t[2]=r,t[3]=u);let d=u,f;t[4]!==a||t[5]!==n?(f=(0,$.jsx)(ot,{token:n,overridden:a}),t[4]=a,t[5]=n,t[6]=f):f=t[6];let p;t[7]===o?p=t[8]:(p=e=>o(e.currentTarget.value),t[7]=o,t[8]=p);let m=`--${n} value`,h;t[9]!==l||t[10]!==p||t[11]!==m?(h=(0,$.jsx)(`input`,{type:`range`,min:0,max:1,step:.005,value:l,onChange:p,"aria-label":m,className:`h-7.5 flex-1 accent-primary cursor-pointer`}),t[9]=l,t[10]=p,t[11]=m,t[12]=h):h=t[12];let g=i||`0`,_=d||void 0,y;t[13]===o?y=t[14]:(y=e=>o(e.currentTarget.value),t[13]=o,t[14]=y);let b;t[15]!==g||t[16]!==_||t[17]!==y||t[18]!==r?(b=(0,$.jsx)(`div`,{className:`w-20 shrink-0`,children:(0,$.jsx)(v,{value:r,nativeInput:!0,type:`number`,min:0,max:1,step:.005,size:`sm`,placeholder:g,"aria-invalid":_,onChange:y})}),t[15]=g,t[16]=_,t[17]=y,t[18]=r,t[19]=b):b=t[19];let x;t[20]!==o||t[21]!==a||t[22]!==n?(x=a?(0,$.jsx)(at,{token:n,onChange:o}):null,t[20]=o,t[21]=a,t[22]=n,t[23]=x):x=t[23];let S;t[24]!==b||t[25]!==x||t[26]!==h?(S=(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[h,b,x]}),t[24]=b,t[25]=x,t[26]=h,t[27]=S):S=t[27];let C;return t[28]!==S||t[29]!==f?(C=(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[f,S]}),t[28]=S,t[29]=f,t[30]=C):C=t[30],C}function lt(e){let t=(0,Z.c)(67),{token:n,value:r,inherited:i,overridden:a,onChange:o}=e,s,c,l,u,d;if(t[0]!==i||t[1]!==o||t[2]!==a||t[3]!==n||t[4]!==r){d=Symbol.for(`react.early_return_sentinel`);bb0:{l=V(r),c=V(i);let e=c?$e(c.unit):!1,f=l?$e(l.unit):!1;if(r.length>0&&!f||r.length===0&&i.length>0&&!e){let e;t[10]===r?e=t[11]:(e=r.length>0&&!H(`length`,r),t[10]=r,t[11]=e);let s=e,c;t[12]!==a||t[13]!==n?(c=(0,$.jsx)(ot,{token:n,overridden:a}),t[12]=a,t[13]=n,t[14]=c):c=t[14];let l=i||`e.g. 1rem`,u=s||void 0,f;t[15]===o?f=t[16]:(f=e=>o(e.currentTarget.value),t[15]=o,t[16]=f);let p;t[17]!==l||t[18]!==u||t[19]!==f||t[20]!==r?(p=(0,$.jsx)(v,{value:r,nativeInput:!0,size:`sm`,placeholder:l,"aria-invalid":u,onChange:f}),t[17]=l,t[18]=u,t[19]=f,t[20]=r,t[21]=p):p=t[21];let m;t[22]!==o||t[23]!==a||t[24]!==n?(m=a?(0,$.jsx)(at,{token:n,onChange:o}):null,t[22]=o,t[23]=a,t[24]=n,t[25]=m):m=t[25];let h;t[26]!==p||t[27]!==m?(h=(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[p,m]}),t[26]=p,t[27]=m,t[28]=h):h=t[28];let g;t[29]!==h||t[30]!==c?(g=(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[c,h]}),t[29]=h,t[30]=c,t[31]=g):g=t[31],d=g;break bb0}s=l?String(l.number):``,u=l&&$e(l.unit)?l.unit:c&&$e(c.unit)?c.unit:`rem`}t[0]=i,t[1]=o,t[2]=a,t[3]=n,t[4]=r,t[5]=s,t[6]=c,t[7]=l,t[8]=u,t[9]=d}else s=t[5],c=t[6],l=t[7],u=t[8],d=t[9];if(d!==Symbol.for(`react.early_return_sentinel`))return d;let f=u,p=c?String(c.number):``,m;t[32]!==o||t[33]!==f?(m=e=>{let t=e.trim();if(t.length===0){o(``);return}let n=Number(t);Number.isFinite(n)&&o(`${n}${f}`)},t[32]=o,t[33]=f,t[34]=m):m=t[34];let h=m,g;t[35]!==o||t[36]!==c||t[37]!==l?(g=e=>{if(l){o(`${l.number}${e}`);return}c&&o(`${c.number}${e}`)},t[35]=o,t[36]=c,t[37]=l,t[38]=g):g=t[38];let _=g,y;t[39]!==a||t[40]!==n?(y=(0,$.jsx)(ot,{token:n,overridden:a}),t[39]=a,t[40]=n,t[41]=y):y=t[41];let b=n===`font-size-base`?1:.05,x;t[42]===h?x=t[43]:(x=e=>h(e.currentTarget.value),t[42]=h,t[43]=x);let S;t[44]!==p||t[45]!==s||t[46]!==b||t[47]!==x?(S=(0,$.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,$.jsx)(v,{value:s,nativeInput:!0,type:`number`,step:b,size:`sm`,placeholder:p,onChange:x})}),t[44]=p,t[45]=s,t[46]=b,t[47]=x,t[48]=S):S=t[48];let C;t[49]===_?C=t[50]:(C=e=>_(e.currentTarget.value),t[49]=_,t[50]=C);let w=`--${n} unit`,T;t[51]===Symbol.for(`react.memo_cache_sentinel`)?(T=W.map(ut),t[51]=T):T=t[51];let E;t[52]!==w||t[53]!==C||t[54]!==f?(E=(0,$.jsx)(`select`,{value:f,onChange:C,"aria-label":w,className:`h-7.5 rounded-md border border-input bg-background px-2 text-sm outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/24 sm:h-6.5 sm:text-xs`,children:T}),t[52]=w,t[53]=C,t[54]=f,t[55]=E):E=t[55];let D;t[56]!==o||t[57]!==a||t[58]!==n?(D=a?(0,$.jsx)(at,{token:n,onChange:o}):null,t[56]=o,t[57]=a,t[58]=n,t[59]=D):D=t[59];let O;t[60]!==E||t[61]!==D||t[62]!==S?(O=(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[S,E,D]}),t[60]=E,t[61]=D,t[62]=S,t[63]=O):O=t[63];let k;return t[64]!==O||t[65]!==y?(k=(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[y,O]}),t[64]=O,t[65]=y,t[66]=k):k=t[66],k}function ut(e){return(0,$.jsx)(`option`,{value:e,children:e},e)}function dt(e){let t=(0,Z.c)(25),{token:n,value:r,inherited:i,overridden:a,onChange:o}=e,s=r||i,c;t[0]===r?c=t[1]:(c=r.length>0&&!H(`font-family`,r),t[0]=r,t[1]=c);let l=c,u;t[2]!==a||t[3]!==n?(u=(0,$.jsx)(ot,{token:n,overridden:a}),t[2]=a,t[3]=n,t[4]=u):u=t[4];let d=i||`system-ui, sans-serif`,f=s||void 0,p;t[5]===f?p=t[6]:(p={fontFamily:f},t[5]=f,t[6]=p);let m=l||void 0,h;t[7]===o?h=t[8]:(h=e=>o(e.currentTarget.value),t[7]=o,t[8]=h);let g;t[9]!==d||t[10]!==p||t[11]!==m||t[12]!==h||t[13]!==r?(g=(0,$.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,$.jsx)(v,{value:r,nativeInput:!0,size:`sm`,placeholder:d,style:p,"aria-invalid":m,onChange:h})}),t[9]=d,t[10]=p,t[11]=m,t[12]=h,t[13]=r,t[14]=g):g=t[14];let _;t[15]!==o||t[16]!==a||t[17]!==n?(_=a?(0,$.jsx)(at,{token:n,onChange:o}):null,t[15]=o,t[16]=a,t[17]=n,t[18]=_):_=t[18];let y;t[19]!==g||t[20]!==_?(y=(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[g,_]}),t[19]=g,t[20]=_,t[21]=y):y=t[21];let b;return t[22]!==y||t[23]!==u?(b=(0,$.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[u,y]}),t[22]=y,t[23]=u,t[24]=b):b=t[24],b}var ft=[{value:`system`,label:`System`},{value:`light`,label:`Light`},{value:`dark`,label:`Dark`}],pt={default:1,light:.92,medium:.84,high:.78,glass:.72};function mt({surface:e=`node`}={}){let t=e===`hub`,{theme:n,setTheme:r,resolvedTheme:o,activeThemeId:d,setActiveTheme:g}=ve(),v=a(e=>e.wideComposerControlsAutoCollapse),b=a(e=>e.setWideComposerControlsAutoCollapse),ee=a(e=>e.alwaysUseBuildMode),te=a(e=>e.setAlwaysUseBuildMode),[N,L]=(0,X.useState)(null),[de,B]=(0,X.useState)(null),[V,me]=(0,X.useState)(null),[H,U]=(0,X.useState)(()=>I()),[W,xe]=(0,X.useState)(0),Se=(0,X.useRef)(null),Ce=ye(),K=(0,X.useMemo)(()=>N!==null&&de!==null?{source:fe(N),draft:de}:null,[de,N,W]),Z=V?fe(V):null,Q=(0,X.useCallback)(()=>xe(e=>e+1),[]);(0,X.useEffect)(()=>{if(typeof window>`u`)return;let e=e=>{e.key===`ryco:appearance-preferences`&&U(I())};return window.addEventListener(`storage`,e),()=>window.removeEventListener(`storage`,e)},[]);let je=(0,X.useCallback)((e,t)=>{z(e,t),oe(),U(I())},[]),Me=(0,X.useCallback)(e=>{ne(e),oe(),U(I())},[]),Ne=(0,X.useCallback)(()=>{ne(`primaryColorMode`),ne(`primaryColor`),oe(),U(I())},[]),Pe=(0,X.useCallback)(e=>{z(`primaryColorMode`,e?`custom`:`theme`),oe(),U(I())},[]),Fe=(0,X.useCallback)(e=>{z(`primaryColor`,e),z(`primaryColorMode`,`custom`),oe(),U(I())},[]),ze=(0,X.useCallback)(e=>{if(pe(e.id)){let t=G(e);he(t),le(t.id),g(t.id),L(t.id),B(t),Q();return}g(e.id),L(e.id),B(e)},[Q,g]),Be=(0,X.useCallback)(e=>{let t=G(e);he(t),g(t.id),L(t.id),B(t),Q()},[Q,g]),Ve=(0,X.useCallback)(()=>{let e={id:ge(`new`),name:`New theme`,builtIn:!1};he(e),g(e.id),L(e.id),B(e),Q()},[Q,g]),He=(0,X.useCallback)(()=>{K&&(be(K.source.id,K.draft),K.source.id===K.draft.id?ue(K.draft):g(K.draft.id),L(null),B(null),Q())},[K,Q,g]),Ue=(0,X.useCallback)(()=>{K&&ue(K.source),L(null),B(null)},[K]),We=(0,X.useCallback)(()=>{V&&(N===V&&(L(null),B(null)),_e(V),me(null),Q())},[N,V,Q]),Ge=(0,X.useCallback)(e=>{try{Le(e)}catch(e){s.add({type:`error`,title:`Could not export theme`,description:e instanceof Error?e.message:`Download failed.`})}},[]),Ke=(0,X.useCallback)(async e=>{try{await Ie(e),s.add({type:`success`,title:`Copied theme JSON`,description:`${e.name} is ready to paste.`})}catch(e){s.add({type:`error`,title:`Could not copy theme`,description:e instanceof Error?e.message:`Clipboard write failed.`})}},[]),qe=(0,X.useCallback)(()=>{Se.current?.click()},[]),Je=(0,X.useCallback)(async e=>{let t=e.target.files?.[0];if(e.target.value=``,t)try{let e=await Re(t,{collision:`rename`,activate:!0});g(e.theme.id),Q(),s.add({type:`success`,title:`Imported "${e.theme.name}"`,description:e.action===`renamed`?`An existing theme used the same id, so it was imported as "${e.theme.id}".`:`Theme imported and activated.`})}catch(e){s.add({type:`error`,title:`Could not import theme`,description:e instanceof Error?e.message:`Invalid theme file.`})}},[Q,g]);return(0,$.jsxs)(we,{children:[(0,$.jsxs)(q,{title:`Interface controls`,children:[(0,$.jsx)(J,{title:`Interface font`,description:`Normal app text, navigation, dialogs, and controls.`,resetAction:R(`fontFamilySans`)?(0,$.jsx)(Y,{label:`interface font`,onClick:()=>Me(`fontFamilySans`)}):null,control:(0,$.jsx)(ht,{ariaLabel:`Interface font`,icon:(0,$.jsx)(ke,{className:`size-3.5`}),options:F,value:H.fontFamilySans,sample:`The quick brown fox`,onChange:e=>je(`fontFamilySans`,e)})}),t?null:(0,$.jsx)(J,{title:`Code font`,description:`Code blocks, diffs, file paths, and terminal surfaces.`,resetAction:R(`fontFamilyMono`)?(0,$.jsx)(Y,{label:`code font`,onClick:()=>Me(`fontFamilyMono`)}):null,control:(0,$.jsx)(ht,{ariaLabel:`Code font`,icon:(0,$.jsx)(Ee,{className:`size-3.5`}),options:ae,value:H.fontFamilyMono,sample:`const answer = 42`,onChange:e=>je(`fontFamilyMono`,e)})}),(0,$.jsx)(J,{title:`Text size`,description:`Scale the interface independently from the active theme.`,resetAction:R(`fontSizeBase`)?(0,$.jsx)(Y,{label:`text size`,onClick:()=>Me(`fontSizeBase`)}):null,control:(0,$.jsx)(_t,{ariaLabel:`Text size`,icon:(0,$.jsx)(Te,{className:`size-3.5`}),options:se,value:H.fontSizeBase,onChange:e=>je(`fontSizeBase`,e),preview:(0,$.jsx)(`span`,{className:`flex h-9 min-w-14 items-center justify-center rounded-md border border-border/70 bg-background px-2 font-semibold text-foreground shadow-xs/5`,children:(0,$.jsx)(`span`,{style:{fontSize:H.fontSizeBase},children:`Aa`})})})}),t?null:(0,$.jsx)(J,{title:`Corner radius`,description:`Adjust rounding for panels, buttons, inputs, and menus globally.`,resetAction:R(`radius`)?(0,$.jsx)(Y,{label:`corner radius`,onClick:()=>Me(`radius`)}):null,control:(0,$.jsx)(_t,{ariaLabel:`Corner radius`,icon:(0,$.jsx)(Oe,{className:`size-3.5`}),options:ie,value:H.radius,onChange:e=>je(`radius`,e),preview:(0,$.jsxs)(`span`,{className:`grid h-9 min-w-14 grid-cols-2 gap-1 rounded-md border border-border/70 bg-background p-1.5 shadow-xs/5`,children:[(0,$.jsx)(`span`,{className:`border border-primary/55 bg-primary/15`,style:{borderRadius:H.radius}}),(0,$.jsx)(`span`,{className:`border border-muted-foreground/30 bg-muted`,style:{borderRadius:H.radius}})]})})}),(0,$.jsx)(J,{title:`Primary color`,description:`Theme palettes control buttons by default; enable a custom color to pin one app accent.`,resetAction:R(`primaryColorMode`)||R(`primaryColor`)?(0,$.jsx)(Y,{label:`primary color`,onClick:Ne}):null,control:(0,$.jsx)(gt,{mode:H.primaryColorMode,value:H.primaryColor,onModeChange:Pe,onColorChange:Fe})}),(0,$.jsx)(J,{title:`Transparency`,description:`Adjust glass and floating surfaces like dialogs, menus, popups, and toasts.`,resetAction:R(`surfaceTransparency`)?(0,$.jsx)(Y,{label:`transparency`,onClick:()=>Me(`surfaceTransparency`)}):null,control:(0,$.jsx)(_t,{ariaLabel:`Transparency`,icon:(0,$.jsx)(De,{className:`size-3.5`}),options:ce,value:H.surfaceTransparency,onChange:e=>je(`surfaceTransparency`,e),preview:(0,$.jsx)(`span`,{className:`relative h-9 min-w-14 overflow-hidden rounded-md border border-border/70 bg-[linear-gradient(135deg,var(--color-sky-500)_0_20%,var(--color-emerald-500)_20%_40%,var(--color-amber-500)_40%_60%,var(--color-fuchsia-500)_60%_80%,var(--color-slate-500)_80%_100%)] p-1.5 shadow-xs/5`,children:(0,$.jsx)(`span`,{className:`block h-full rounded border border-border/70 bg-popover`,style:{opacity:pt[H.surfaceTransparency]??pt.default}})})})}),t?null:(0,$.jsx)(J,{title:`Panel layout`,description:`Choose how the overview panel arranges source control, status, plan, subagents, and the pull request.`,resetAction:R(`panelLayout`)?(0,$.jsx)(Y,{label:`panel layout`,onClick:()=>Me(`panelLayout`)}):null,control:(0,$.jsx)(_t,{ariaLabel:`Panel layout`,icon:(0,$.jsx)(f,{className:`size-3.5`}),options:re,value:H.panelLayout,onChange:e=>je(`panelLayout`,e),preview:(0,$.jsxs)(`span`,{className:`flex h-9 min-w-14 flex-col justify-center gap-1 rounded-md border border-border/70 bg-background p-1.5 shadow-xs/5`,children:[(0,$.jsx)(`span`,{className:`h-1 rounded-full bg-primary/45`}),(0,$.jsx)(`span`,{className:`h-1 w-2/3 rounded-full bg-muted-foreground/30`}),(0,$.jsx)(`span`,{className:`h-1 rounded-full bg-muted-foreground/30`})]})})})]}),(0,$.jsx)(q,{title:`Theme palette`,headerAction:(0,$.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(`input`,{ref:Se,type:`file`,accept:`.json,application/json`,className:`sr-only`,onChange:Je,"aria-hidden":!0,tabIndex:-1}),(0,$.jsxs)(y,{size:`xs`,variant:`ghost`,onClick:Ve,"aria-label":`Create a new theme`,title:`Create a new theme`,className:`text-muted-foreground`,children:[(0,$.jsx)(m,{className:`size-3.5`}),`New`]}),(0,$.jsxs)(y,{size:`xs`,variant:`ghost`,onClick:qe,"aria-label":`Import a theme from file`,title:`Import a theme from disk`,className:`text-muted-foreground`,children:[(0,$.jsx)(Ae,{className:`size-3.5`}),`Import`]})]}),children:(0,$.jsx)(`div`,{role:`radiogroup`,"aria-label":`Theme palette`,children:Ce.map((e,t)=>{let n=e.id===d,r=N===e.id;return(0,$.jsxs)(X.Fragment,{children:[(0,$.jsxs)(`div`,{role:`radio`,"aria-checked":n,tabIndex:n?0:-1,onClick:()=>g(e.id),onKeyDown:t=>{(t.key===` `||t.key===`Enter`)&&(t.preventDefault(),g(e.id))},className:i(`flex cursor-pointer flex-wrap items-center gap-3 px-4 py-3 outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset sm:px-5`,t>0?`border-t border-border/60`:``,n?`bg-muted/40`:`hover:bg-muted/24`),children:[(0,$.jsx)(`span`,{"aria-hidden":!0,className:i(`relative flex size-4 shrink-0 items-center justify-center rounded-full border-2 transition-colors`,n?`border-primary`:`border-muted-foreground/40`),children:n?(0,$.jsx)(`span`,{className:`size-2 rounded-full bg-primary`,"aria-hidden":!0}):null}),(0,$.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-0.5`,children:[(0,$.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`truncate text-sm font-medium text-foreground`,title:e.name,children:e.name}),(0,$.jsx)(P,{variant:`outline`,size:`sm`,children:e.builtIn?`Built-in`:`Custom`})]}),e.description?(0,$.jsx)(`span`,{className:`truncate text-xs text-muted-foreground/80`,title:e.description,children:e.description}):null]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center gap-0.5`,onClick:e=>e.stopPropagation(),onKeyDown:e=>e.stopPropagation(),children:[e.builtIn?null:(0,$.jsx)(y,{size:`icon-xs`,variant:`ghost`,"aria-label":`Edit ${e.name}`,title:`Edit`,onClick:()=>ze(e),className:`text-muted-foreground`,children:(0,$.jsx)(p,{className:`size-3.5`})}),(0,$.jsx)(y,{size:`icon-xs`,variant:`ghost`,"aria-label":`Duplicate ${e.name}`,title:`Duplicate`,onClick:()=>Be(e),className:`text-muted-foreground`,children:(0,$.jsx)(l,{className:`size-3.5`})}),(0,$.jsx)(y,{size:`icon-xs`,variant:`ghost`,"aria-label":`Export ${e.name}`,title:`Export`,onClick:()=>Ge(e),className:`text-muted-foreground`,children:(0,$.jsx)(u,{className:`size-3.5`})}),(0,$.jsx)(y,{size:`icon-xs`,variant:`ghost`,"aria-label":`Copy ${e.name} JSON`,title:`Copy JSON`,onClick:()=>void Ke(e),className:`text-muted-foreground`,children:(0,$.jsx)(c,{className:`size-3.5`})}),e.builtIn?null:(0,$.jsx)(y,{size:`icon-xs`,variant:`ghost`,"aria-label":`Delete ${e.name}`,title:`Delete`,onClick:()=>me(e.id),className:`text-destructive-foreground`,children:(0,$.jsx)(h,{className:`size-3.5`})})]})]}),r&&K?(0,$.jsx)(et,{source:K.source,draft:K.draft,onDraftChange:e=>B(e),onSave:He,onCancel:Ue,resolvedVariant:o}):null]},e.id)})})}),t?null:(0,$.jsxs)(q,{title:`Composer controls`,children:[(0,$.jsx)(J,{title:`Auto-collapse wide composer labels`,description:`Show long composer mode labels only on hover or focus.`,resetAction:v?null:(0,$.jsx)(Y,{label:`wide composer labels`,onClick:()=>b(!0)}),control:(0,$.jsx)(_,{checked:v,onCheckedChange:e=>b(!!e),"aria-label":`Auto-collapse wide composer labels`})}),(0,$.jsx)(J,{title:`Always use Build mode`,description:`Hide the mode selector in the composer and send every turn in Build mode.`,resetAction:ee?(0,$.jsx)(Y,{label:`always use Build mode`,onClick:()=>te(!1)}):null,control:(0,$.jsx)(_,{checked:ee,onCheckedChange:e=>te(!!e),"aria-label":`Always use Build mode`})})]}),(0,$.jsx)(q,{title:`Color mode`,children:(0,$.jsx)(J,{title:`Theme variant`,description:`Choose between light, dark, or following the system preference.`,resetAction:n===`system`?null:(0,$.jsx)(Y,{label:`color mode`,onClick:()=>r(`system`)}),control:(0,$.jsxs)(M,{value:n,onValueChange:e=>{(e===`system`||e===`light`||e===`dark`)&&r(e)},children:[(0,$.jsx)(A,{className:`w-full sm:w-40`,"aria-label":`Color mode`,children:(0,$.jsx)(j,{children:ft.find(e=>e.value===n)?.label??`System`})}),(0,$.jsx)(O,{align:`end`,alignItemWithTrigger:!1,children:ft.map(e=>(0,$.jsx)(k,{hideIndicator:!0,value:e.value,children:e.label},e.value))})]})})}),(0,$.jsx)(D,{open:V!==null,onOpenChange:e=>{e||me(null)},children:(0,$.jsxs)(w,{children:[(0,$.jsxs)(x,{children:[(0,$.jsx)(E,{children:`Delete custom theme?`}),(0,$.jsx)(T,{children:Z?`"${Z.name}" will be removed permanently. This action cannot be undone.`:`This action cannot be undone.`})]}),(0,$.jsxs)(S,{children:[(0,$.jsx)(C,{render:(0,$.jsx)(y,{variant:`outline`}),children:`Cancel`}),(0,$.jsx)(y,{variant:`destructive`,onClick:We,children:`Delete theme`})]})]})})]})}function ht(e){let t=(0,Z.c)(43),{ariaLabel:n,icon:r,options:a,value:o,sample:s,onChange:c}=e,l;if(t[0]!==a||t[1]!==o){let e;t[3]===o?e=t[4]:(e=e=>e.value===o,t[3]=o,t[4]=e),l=a.findIndex(e),t[0]=a,t[1]=o,t[2]=l}else l=t[2];let u=Math.max(0,l),d=a[u]??a[0],f;t[5]===r?f=t[6]:(f=(0,$.jsx)(`span`,{className:`inline-flex size-7 shrink-0 items-center justify-center rounded-md border border-border/70 bg-muted/60 text-muted-foreground`,children:r}),t[5]=r,t[6]=f);let p=d?.value??o,m;t[7]===p?m=t[8]:(m={fontFamily:p},t[7]=p,t[8]=m);let h=d?.label??o,g;t[9]!==m||t[10]!==h?(g=(0,$.jsx)(`span`,{className:`block truncate text-sm font-semibold text-foreground`,style:m,children:h}),t[9]=m,t[10]=h,t[11]=g):g=t[11];let _=d?.description??`Custom`,v;t[12]===_?v=t[13]:(v=(0,$.jsx)(`span`,{className:`block truncate text-[11px] text-muted-foreground`,children:_}),t[12]=_,t[13]=v);let y;t[14]!==g||t[15]!==v?(y=(0,$.jsxs)(`span`,{className:`min-w-0`,children:[g,v]}),t[14]=g,t[15]=v,t[16]=y):y=t[16];let b;t[17]!==f||t[18]!==y?(b=(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[f,y]}),t[17]=f,t[18]=y,t[19]=b):b=t[19];let x=d?.value??o,S;t[20]===x?S=t[21]:(S={fontFamily:x},t[20]=x,t[21]=S);let C;t[22]!==s||t[23]!==S?(C=(0,$.jsx)(`span`,{className:`flex h-9 min-w-30 max-w-44 items-center justify-start truncate rounded-md border border-border/70 bg-background px-2 text-xs text-foreground shadow-xs/5`,style:S,title:s,children:s}),t[22]=s,t[23]=S,t[24]=C):C=t[24];let w;t[25]!==b||t[26]!==C?(w=(0,$.jsxs)(`div`,{className:`mb-2 flex min-h-9 items-center justify-between gap-3`,children:[b,C]}),t[25]=b,t[26]=C,t[27]=w):w=t[27];let T;if(t[28]!==n||t[29]!==c||t[30]!==a||t[31]!==u){let e;t[33]!==n||t[34]!==c||t[35]!==u?(e=(e,t)=>{let r=t===u;return(0,$.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":r,"aria-label":`Use ${e.label} for ${n.toLowerCase()}`,title:`${e.label} (${e.description})`,onClick:()=>c(e.value),className:i(`min-h-12 min-w-0 rounded-md border px-2 py-1.5 text-left outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring`,r?`border-primary bg-primary/8 text-foreground ring-1 ring-primary/35`:`border-border/70 text-muted-foreground hover:border-foreground/25 hover:bg-muted/45`),children:[(0,$.jsx)(`span`,{className:`block truncate text-[12px] font-semibold leading-4`,style:{fontFamily:e.value},children:e.label}),(0,$.jsx)(`span`,{className:`block truncate text-[10px] leading-3 opacity-75`,children:e.description})]},e.value)},t[33]=n,t[34]=c,t[35]=u,t[36]=e):e=t[36],T=a.map(e),t[28]=n,t[29]=c,t[30]=a,t[31]=u,t[32]=T}else T=t[32];let E;t[37]!==n||t[38]!==T?(E=(0,$.jsx)(`div`,{role:`radiogroup`,"aria-label":n,className:`grid grid-cols-2 gap-1.5 sm:grid-cols-3`,children:T}),t[37]=n,t[38]=T,t[39]=E):E=t[39];let D;return t[40]!==w||t[41]!==E?(D=(0,$.jsxs)(`div`,{className:`w-full sm:w-96`,children:[w,E]}),t[40]=w,t[41]=E,t[42]=D):D=t[42],D}function gt(e){let t=(0,Z.c)(48),{mode:n,value:r,onModeChange:a,onColorChange:o}=e,s=n===`custom`,c;t[0]===r?c=t[1]:(c=/^#[0-9a-f]{6}$/i.test(r)?r.toLowerCase():L[0].value,t[0]=r,t[1]=c);let l=c,u;t[2]===l?u=t[3]:(u=L.find(e=>e.value===l),t[2]=l,t[3]=u);let f=u,p=s&&!f?`border-primary bg-primary/8 text-foreground ring-1 ring-primary/35`:`border-border/70 text-muted-foreground hover:border-foreground/25 hover:bg-muted/45`,m=!s&&`cursor-not-allowed opacity-55 hover:border-border/70 hover:bg-transparent`,h;t[4]!==p||t[5]!==m?(h=i(`h-12 w-full rounded-md border px-2 py-1.5 text-left shadow-none`,p,m),t[4]=p,t[5]=m,t[6]=h):h=t[6];let g=h,v;t[7]===l?v=t[8]:(v=(0,$.jsx)(`span`,{"aria-hidden":!0,className:`size-5 shrink-0 rounded-full border border-black/10 shadow-xs dark:border-white/20`,style:{backgroundColor:l}}),t[7]=l,t[8]=v);let y;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(y=(0,$.jsx)(`span`,{className:`block truncate text-[12px] font-semibold leading-4`,children:`Custom`}),t[9]=y):y=t[9];let b;t[10]===l?b=t[11]:(b=(0,$.jsxs)(`span`,{className:`min-w-0`,children:[y,(0,$.jsx)(`span`,{className:`block truncate font-mono text-[10px] leading-3 opacity-75`,children:l})]}),t[10]=l,t[11]=b);let x;t[12]!==v||t[13]!==b?(x=(0,$.jsxs)(`span`,{className:`flex size-full min-w-0 items-center gap-2`,children:[v,b]}),t[12]=v,t[13]=b,t[14]=x):x=t[14];let S=x,C;t[15]===Symbol.for(`react.memo_cache_sentinel`)?(C=(0,$.jsx)(`span`,{className:`inline-flex size-7 shrink-0 items-center justify-center rounded-md border border-border/70 bg-muted/60 text-muted-foreground`,children:(0,$.jsx)(d,{className:`size-3.5`})}),t[15]=C):C=t[15];let w=s?f?.label??`Custom`:`Theme color`,T;t[16]===w?T=t[17]:(T=(0,$.jsx)(`span`,{className:`block truncate text-sm font-semibold text-foreground`,children:w}),t[16]=w,t[17]=T);let E=s?l:`Active palette`,D;t[18]===E?D=t[19]:(D=(0,$.jsx)(`span`,{className:`block truncate text-[11px] text-muted-foreground`,children:E}),t[18]=E,t[19]=D);let O;t[20]!==T||t[21]!==D?(O=(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[C,(0,$.jsxs)(`span`,{className:`min-w-0`,children:[T,D]})]}),t[20]=T,t[21]=D,t[22]=O):O=t[22];let k;t[23]===Symbol.for(`react.memo_cache_sentinel`)?(k=(0,$.jsx)(`span`,{children:`Use theme`}),t[23]=k):k=t[23];let A=!s,j;t[24]===a?j=t[25]:(j=e=>a(!e),t[24]=a,t[25]=j);let M;t[26]!==A||t[27]!==j?(M=(0,$.jsxs)(`label`,{className:`flex h-9 shrink-0 items-center gap-2 rounded-md border border-border/70 bg-background px-2 text-xs text-muted-foreground shadow-xs/5`,children:[k,(0,$.jsx)(_,{checked:A,onCheckedChange:j,"aria-label":`Use theme primary color`})]}),t[26]=A,t[27]=j,t[28]=M):M=t[28];let ee;t[29]!==O||t[30]!==M?(ee=(0,$.jsxs)(`div`,{className:`mb-2 flex min-h-9 items-center justify-between gap-3`,children:[O,M]}),t[29]=O,t[30]=M,t[31]=ee):ee=t[31];let te;t[32]!==s||t[33]!==l||t[34]!==o?(te=L.map(e=>{let t=l===e.value;return(0,$.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":s&&t,"aria-label":`Use ${e.label} as primary color`,title:`${e.label} (${e.value})`,onClick:()=>o(e.value),disabled:!s,className:i(`flex min-h-12 min-w-0 items-center gap-2 rounded-md border px-2 py-1.5 text-left outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring`,s&&t?`border-primary bg-primary/8 text-foreground ring-1 ring-primary/35`:`border-border/70 text-muted-foreground hover:border-foreground/25 hover:bg-muted/45`,!s&&`cursor-not-allowed opacity-55 hover:border-border/70 hover:bg-transparent`),children:[(0,$.jsx)(`span`,{"aria-hidden":!0,className:`size-5 shrink-0 rounded-full border border-black/10 shadow-xs dark:border-white/20`,style:{backgroundColor:e.value}}),(0,$.jsxs)(`span`,{className:`min-w-0`,children:[(0,$.jsx)(`span`,{className:`block truncate text-[12px] font-semibold leading-4`,children:e.label}),(0,$.jsx)(`span`,{className:`block truncate text-[10px] leading-3 opacity-75`,children:e.description})]})]},e.value)}),t[32]=s,t[33]=l,t[34]=o,t[35]=te):te=t[35];let N;t[36]!==s||t[37]!==g||t[38]!==S||t[39]!==l||t[40]!==o?(N=s?(0,$.jsx)(We,{value:l,onChange:o,ariaLabel:`Pick custom primary color`,triggerClassName:g,children:S}):(0,$.jsx)(`button`,{type:`button`,disabled:!0,"aria-label":`Pick custom primary color`,className:g,children:S}),t[36]=s,t[37]=g,t[38]=S,t[39]=l,t[40]=o,t[41]=N):N=t[41];let P;t[42]!==te||t[43]!==N?(P=(0,$.jsxs)(`div`,{role:`radiogroup`,"aria-label":`Primary color`,className:`grid grid-cols-2 gap-1.5 sm:grid-cols-4`,children:[te,N]}),t[42]=te,t[43]=N,t[44]=P):P=t[44];let F;return t[45]!==ee||t[46]!==P?(F=(0,$.jsxs)(`div`,{className:`w-full sm:w-96`,children:[ee,P]}),t[45]=ee,t[46]=P,t[47]=F):F=t[47],F}function _t(e){let t=(0,Z.c)(50),{ariaLabel:n,icon:r,options:a,value:o,onChange:s,preview:c}=e,l;if(t[0]!==a||t[1]!==o){let e;t[3]===o?e=t[4]:(e=e=>e.value===o,t[3]=o,t[4]=e),l=a.findIndex(e),t[0]=a,t[1]=o,t[2]=l}else l=t[2];let u=Math.max(0,l),d=a[u]??a[0],f=a.length>1?u/(a.length-1)*100:0,p;t[5]===r?p=t[6]:(p=(0,$.jsx)(`span`,{className:`inline-flex size-7 shrink-0 items-center justify-center rounded-md border border-border/70 bg-muted/60 text-muted-foreground`,children:r}),t[5]=r,t[6]=p);let m=d?.label??o,h;t[7]===m?h=t[8]:(h=(0,$.jsx)(`span`,{className:`block truncate text-sm font-semibold text-foreground`,children:m}),t[7]=m,t[8]=h);let g=d?.description??o,_;t[9]===g?_=t[10]:(_=(0,$.jsx)(`span`,{className:`block truncate text-[11px] text-muted-foreground`,children:g}),t[9]=g,t[10]=_);let v;t[11]!==h||t[12]!==_?(v=(0,$.jsxs)(`span`,{className:`min-w-0`,children:[h,_]}),t[11]=h,t[12]=_,t[13]=v):v=t[13];let y;t[14]!==p||t[15]!==v?(y=(0,$.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[p,v]}),t[14]=p,t[15]=v,t[16]=y):y=t[16];let b;t[17]!==c||t[18]!==y?(b=(0,$.jsxs)(`div`,{className:`mb-2 flex min-h-9 items-center justify-between gap-3`,children:[y,c]}),t[17]=c,t[18]=y,t[19]=b):b=t[19];let x;t[20]===Symbol.for(`react.memo_cache_sentinel`)?(x=i(`h-5 w-full cursor-pointer appearance-none bg-transparent outline-none`,`[&::-webkit-slider-runnable-track]:h-1.5 [&::-webkit-slider-runnable-track]:rounded-full`,`[&::-webkit-slider-thumb]:mt-[-5px] [&::-webkit-slider-thumb]:size-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-background [&::-webkit-slider-thumb]:bg-primary [&::-webkit-slider-thumb]:shadow-sm`,`[&::-moz-range-track]:h-1.5 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:border-0`,`[&::-moz-range-thumb]:size-4 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-background [&::-moz-range-thumb]:bg-primary [&::-moz-range-thumb]:shadow-sm`,`focus-visible:[&::-webkit-slider-thumb]:ring-2 focus-visible:[&::-webkit-slider-thumb]:ring-ring focus-visible:[&::-moz-range-thumb]:ring-2 focus-visible:[&::-moz-range-thumb]:ring-ring`),t[20]=x):x=t[20];let S=Math.max(0,a.length-1),C=`linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) ${f}%, color-mix(in srgb, var(--color-muted-foreground) 18%, transparent) ${f}%, color-mix(in srgb, var(--color-muted-foreground) 18%, transparent) 100%)`,w;t[21]===C?w=t[22]:(w={background:C,borderRadius:`999px`},t[21]=C,t[22]=w);let T;t[23]!==s||t[24]!==a?(T=e=>{let t=a[Number(e.currentTarget.value)];t&&s(t.value)},t[23]=s,t[24]=a,t[25]=T):T=t[25];let E;t[26]!==n||t[27]!==u||t[28]!==S||t[29]!==w||t[30]!==T?(E=(0,$.jsx)(`input`,{"aria-label":n,className:x,max:S,min:0,step:1,type:`range`,value:u,style:w,onChange:T}),t[26]=n,t[27]=u,t[28]=S,t[29]=w,t[30]=T,t[31]=E):E=t[31];let D=`repeat(${a.length}, minmax(0, 1fr))`,O;t[32]===D?O=t[33]:(O={gridTemplateColumns:D},t[32]=D,t[33]=O);let k;if(t[34]!==n||t[35]!==s||t[36]!==a||t[37]!==u){let e;t[39]!==n||t[40]!==s||t[41]!==u?(e=(e,t)=>{let r=t===u;return(0,$.jsxs)(`button`,{type:`button`,"aria-label":`Set ${n.toLowerCase()} to ${e.label}`,title:`${e.label} (${e.description})`,onClick:()=>s(e.value),className:i(`flex min-h-7 min-w-0 flex-col items-center justify-start gap-1 rounded-md px-1 py-1 text-center outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring`,r?`text-foreground`:`text-muted-foreground hover:bg-muted/50`),children:[(0,$.jsx)(`span`,{className:i(`size-1.5 rounded-full`,r?`bg-primary`:`bg-muted-foreground/35`),"aria-hidden":!0}),(0,$.jsx)(`span`,{className:`max-w-full truncate text-[10px] leading-none`,children:e.label})]},e.value)},t[39]=n,t[40]=s,t[41]=u,t[42]=e):e=t[42],k=a.map(e),t[34]=n,t[35]=s,t[36]=a,t[37]=u,t[38]=k}else k=t[38];let A;t[43]!==O||t[44]!==k?(A=(0,$.jsx)(`div`,{className:`mt-1.5 grid gap-1`,style:O,children:k}),t[43]=O,t[44]=k,t[45]=A):A=t[45];let j;return t[46]!==E||t[47]!==A||t[48]!==b?(j=(0,$.jsxs)(`div`,{className:`w-full sm:w-96`,children:[b,E,A]}),t[46]=E,t[47]=A,t[48]=b,t[49]=j):j=t[49],j}export{mt as AppearanceSettingsPanel};