@p4code/cli 0.8.35 → 0.8.37

package/dist/client/assets/{EmbeddedDesign-D5YUndkh.js → EmbeddedDesign-iuThcPT3.js}

@@ -1,4 +1,4 @@
-import{a as e,t}from"./react-DH3P2YXY.js";import{n,t as r}from"./jsx-runtime-BnjsACtP.js";import{t as i}from"./arrow-down-up-Tu6B2hri.js";import{t as a}from"./arrow-down-Bo_WAMYh.js";import{t as o}from"./arrow-left-Ba8eq_9S.js";import{t as s}from"./arrow-right-Bg4mlTrk.js";import{t as c}from"./arrow-up-right-BNXlwlzJ.js";import{t as l}from"./arrow-up-D4kutFpL.js";import{t as u}from"./boxes-BfWW3Ltn.js";import{t as d}from"./chevron-down-Do9qqNbR.js";import{t as f}from"./chevron-left-D56AngEd.js";import{t as p}from"./chevron-right-CcbZ6PxZ.js";import{t as m}from"./chevron-up-CZEzk9UW.js";import{t as h}from"./chevrons-up-down-CMYBD15h.js";import{t as g}from"./circle-alert-Rh3WFq8P.js";import{t as _}from"./circle-BXaepj2J.js";import{t as v}from"./component-Cjpag93p.js";import{t as y}from"./download-CfEwtjBn.js";import{t as b}from"./ellipsis-CSD7gEuG.js";import{t as x}from"./file-code-corner-Bph0gpk_.js";import{t as S}from"./focus-DqLN3s74.js";import{t as C}from"./folder-Cieksypr.js";import{t as w}from"./frame-CcTSPHy6.js";import{t as T}from"./group-DagR7Spm.js";import{t as E}from"./hand-DzOAi3K6.js";import{t as D}from"./history-BOloOry4.js";import{t as O}from"./image-DFl_i29V.js";import{t as k}from"./layers-BczY2xKh.js";import{t as A}from"./layout-grid-C79yjUPR.js";import{t as j}from"./library-CEDjCuu1.js";import{t as M}from"./link-iM9yOrD5.js";import{t as N}from"./lock-CNeMaiIX.js";import{t as P}from"./map-pin-Du8QPTPU.js";import{t as F}from"./maximize-2-C4jSdiqI.js";import{t as ee}from"./message-square-plus-B5p7jak7.js";import{t as I}from"./message-square-B2NO3ViY.js";import{t as te}from"./minus-DVH2v7vL.js";import{t as ne}from"./monitor-DYdSXGUQ.js";import{t as re}from"./mouse-pointer-2-BzC5PGDm.js";import{t as ie}from"./plus-BFikiw2m.js";import{t as ae}from"./refresh-cw-Bb4DfPZ_.js";import{t as oe}from"./scan-search-DmEtObcE.js";import{t as se}from"./scan-peMdzQnf.js";import{t as ce}from"./search-2NYXmfL3.js";import{t as L}from"./settings-CSrjOUO8.js";import{t as le}from"./spline-Bd4w-Q8s.js";import{t as ue}from"./square-ChD_5l-9.js";import{t as de}from"./swatch-book-BBFZXQh1.js";import{t as fe}from"./type-CcxvYAFU.js";import{t as pe}from"./upload-_7gAV2BZ.js";import{t as me}from"./wifi-off-DzVPlURa.js";import{t as he}from"./x-CJgPyqpa.js";import{$x as ge,Av as _e,D as ve,Lv as ye,M_ as be,Or as xe,Os as Se,PS as R,Qc as Ce,Qw as we,Rr as Te,Sb as Ee,Sn as De,Sr as Oe,Tb as ke,To as Ae,W as z,XS as B,Xc as je,Yc as Me,Zc as Ne,Zg as Pe,Zs as Fe,Zu as Ie,_C as Le,_r as Re,_s as ze,aT as Be,as as Ve,b as He,dr as Ue,es as We,f_ as Ge,gr as Ke,hr as qe,iC as Je,kw as Ye,l as Xe,lS as Ze,lT as Qe,mr as $e,ns as et,ps as tt,rs as nt,tE as rt,ts as it,uC as at,vs as ot,ws as st,xa as ct,xn as lt,xr as ut,zS as dt,zr as ft}from"./utils-BoMYW9A3.js";import{_ as pt,g as mt}from"./runtime-DR7JxgbQ.js";import{j as ht,k as gt}from"./entities-Bqo0n1Pb.js";import{t as _t}from"./runtime-d6B1vJeH.js";import{a as vt,c as yt,i as bt,l as xt,n as St,o as Ct,r as wt,s as Tt,t as Et,u as Dt}from"./SelectScrollUpArrow-6kh66YCd.js";import{t as Ot}from"./useNavigate-DdjG4MB_.js";import{S as kt}from"./useSettings-CaJMqrvF.js";import{u as At}from"./rightPanelStore-D3KOmuPa.js";import{a as jt,i as Mt,n as Nt,o as V,r as Pt,t as Ft}from"./ClippedText-CS_BYNco.js";import{n as It,t as Lt}from"./CheckboxIndicator-DbU3csPQ.js";import{a as Rt,f as zt,i as Bt,l as Vt,n as Ht,o as Ut,p as Wt,r as Gt,s as Kt,t as qt,u as Jt}from"./ComboboxClear-Bn_kslrf.js";import{d as Yt}from"./combobox--XoXA5uu.js";import{n as Xt,t as Zt}from"./ComboboxGroupLabel-fL8lMA25.js";import{t as Qt}from"./Input-Cv-TKh6s.js";import{a as $t,i as en,n as tn,r as nn,t as rn}from"./ScrollAreaCorner-BPMuWLbs.js";import{c as an,l as on,n as sn,o as cn,r as ln,s as un,t as dn,u as fn}from"./DialogTitle-B_9LEmy3.js";import{a as pn,c as mn,n as hn,o as gn,r as _n,s as vn}from"./PopoverHandle-DMB4QSp6.js";import{t as yn}from"./AlertDialogRoot-9jRALQXL.js";import{t as bn}from"./DesignPageTile-rWwXWJ2J.js";import{c as xn,d as Sn,i as Cn,l as wn,s as Tn,t as En,u as Dn}from"./design-CoGbXd61.js";import{n as On}from"./useHandleNewThread-Dm0SCq59.js";var H=e(t(),1),U=n(),kn=Ie(`[&_svg]:-mx-0.5 relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg border font-medium text-base outline-none transition-colors pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 sm:text-sm [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,{defaultVariants:{size:`default`,variant:`default`},variants:{size:{default:`h-9 px-[calc(--spacing(3)-1px)] sm:h-8`,icon:`size-9 sm:size-8`,"icon-lg":`size-10 sm:size-9`,"icon-micro":`size-5 rounded-sm p-0 [&_svg:not([class*='size-'])]:size-3`,"icon-sm":`size-8 sm:size-7`,"icon-xl":`size-11 sm:size-10 [&_svg:not([class*='size-'])]:size-5 sm:[&_svg:not([class*='size-'])]:size-4.5`,"icon-xs":`size-7 rounded-md sm:size-6 not-in-data-[slot=input-group]:[&_svg:not([class*='size-'])]:size-4 sm:not-in-data-[slot=input-group]:[&_svg:not([class*='size-'])]:size-3.5`,lg:`h-10 px-[calc(--spacing(3.5)-1px)] sm:h-9`,sm:`h-8 gap-1.5 px-[calc(--spacing(2.5)-1px)] sm:h-7`,xl:`h-11 px-[calc(--spacing(4)-1px)] text-lg sm:h-10 sm:text-base [&_svg:not([class*='size-'])]:size-5 sm:[&_svg:not([class*='size-'])]:size-4.5`,xs:`h-7 gap-1 rounded-md px-[calc(--spacing(2)-1px)] text-sm sm:h-6 sm:text-xs [&_svg:not([class*='size-'])]:size-4 sm:[&_svg:not([class*='size-'])]:size-3.5`},variant:{default:`border-primary bg-primary text-primary-foreground [:active,[data-pressed]]:bg-primary/80 [:hover,[data-pressed]]:bg-primary/90`,destructive:`border-primary bg-primary text-primary-foreground [:active,[data-pressed]]:bg-primary/80 [:hover,[data-pressed]]:bg-primary/90`,"destructive-outline":`border-input bg-popover not-dark:bg-clip-padding text-foreground dark:bg-input/32 [:active,[data-pressed]]:bg-accent/70 [:hover,[data-pressed]]:bg-accent/50 dark:[:hover,[data-pressed]]:bg-input/64 [&_svg:not([class*='text-'])]:text-muted-foreground`,ghost:`border-transparent text-foreground data-pressed:bg-accent [:hover,[data-pressed]]:bg-accent [&_svg:not([class*='text-'])]:text-muted-foreground`,link:`border-transparent underline-offset-4 [:hover,[data-pressed]]:underline`,outline:`border-input bg-popover not-dark:bg-clip-padding text-foreground dark:bg-input/32 [:active,[data-pressed]]:bg-accent/70 [:hover,[data-pressed]]:bg-accent/50 dark:[:hover,[data-pressed]]:bg-input/64 [&_svg:not([class*='text-'])]:text-muted-foreground`,secondary:`border-transparent bg-secondary text-secondary-foreground [:active,[data-pressed]]:bg-secondary/80 [:hover,[data-pressed]]:bg-secondary/90`}}});function W(e){let t=(0,U.c)(9),n,r,i,a;if(t[0]!==e){let{className:o,variant:s,size:c,render:l,...u}=e;n=l;let d=n?void 0:`button`,f={className:V(kn({className:o,size:c,variant:s})),"data-slot":`button`,type:d};a=$e,r=`button`,i=Ae(f,u),t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a}else n=t[1],r=t[2],i=t[3],a=t[4];let o;return t[5]!==n||t[6]!==r||t[7]!==i?(o={defaultTagName:r,props:i,render:n},t[5]=n,t[6]=r,t[7]=i,t[8]=o):o=t[8],a(o)}var G=e(r(),1);function An(e){let t=(0,U.c)(30),n,r,i,a,o;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5]):({className:n,size:i,unstyled:a,nativeInput:o,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o);let s=i===void 0?`default`:i,c=a!==void 0&&a,l=o!==void 0&&o,u=s===`sm`&&`h-7.5 px-[calc(--spacing(2.5)-1px)] leading-7.5 sm:h-6.5 sm:leading-6.5`,d=s===`lg`&&`h-9.5 leading-9.5 sm:h-8.5 sm:leading-8.5`,f=r.type===`search`&&`[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none`,p=r.type===`file`&&`text-muted-foreground file:me-3 file:bg-transparent file:font-medium file:text-foreground file:text-sm`,m;t[6]!==u||t[7]!==d||t[8]!==f||t[9]!==p?(m=V(`h-8.5 w-full min-w-0 rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-8.5 outline-none placeholder:text-muted-foreground/72 sm:h-7.5 sm:leading-7.5 [transition:background-color_5000000s_ease-in-out_0s]`,u,d,f,p),t[6]=u,t[7]=d,t[8]=f,t[9]=p,t[10]=m):m=t[10];let h=m,g;if(l){let e,n;if(t[11]!==r){let{style:i,onValueChange:a,...o}=r;n=i,e=o,t[11]=r,t[12]=e,t[13]=n}else e=t[12],n=t[13];let i=typeof n==`function`?void 0:n,a=typeof s==`number`?s:void 0,o=e,c;t[14]!==h||t[15]!==i||t[16]!==o||t[17]!==a?(c=(0,G.jsx)(`input`,{className:h,"data-slot":`input`,size:a,style:i,...o}),t[14]=h,t[15]=i,t[16]=o,t[17]=a,t[18]=c):c=t[18],g=c}else{let e=typeof s==`number`?s:void 0,n;t[19]!==h||t[20]!==r||t[21]!==e?(n=(0,G.jsx)(Qt,{className:h,"data-slot":`input`,size:e,...r}),t[19]=h,t[20]=r,t[21]=e,t[22]=n):n=t[22],g=n}let _;t[23]!==n||t[24]!==c?(_=V(!c&&`relative inline-flex w-full rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-autofill:bg-foreground/4 has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] sm:text-sm dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]`,n)||void 0,t[23]=n,t[24]=c,t[25]=_):_=t[25];let v;return t[26]!==g||t[27]!==s||t[28]!==_?(v=(0,G.jsx)(`span`,{className:_,"data-size":s,"data-slot":`input-control`,children:g}),t[26]=g,t[27]=s,t[28]=_,t[29]=v):v=t[29],v}var jn=Oe;function Mn(e){let t=(0,U.c)(8),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({className:r,children:n,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a;return t[4]!==n||t[5]!==r||t[6]!==i?(a=(0,G.jsx)(Re,{className:r,"data-slot":`menu-trigger`,...i,children:n}),t[4]=n,t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Nn(e){let t=(0,U.c)(26),n,r,i,a,o,s,c,l,u;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8],u=t[9]):({children:i,className:a,sideOffset:c,align:l,alignOffset:n,side:u,anchor:r,disableAnchorTracking:o,...s}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l,t[9]=u);let d=c===void 0?4:c,f=l===void 0?`center`:l,p=u===void 0?`bottom`:u,m;t[10]===a?m=t[11]:(m=V(`dropdown-glass relative flex not-[class*='w-']:min-w-32 origin-(--transform-origin) rounded-lg outline-none transition-[scale,opacity] duration-[140ms] ease-[cubic-bezier(0.23,1,0.32,1)] data-ending-style:scale-98 data-starting-style:scale-98 data-ending-style:opacity-0 data-starting-style:opacity-0 data-instant:duration-0 focus:outline-none`,a),t[10]=a,t[11]=m);let h;t[12]===i?h=t[13]:(h=(0,G.jsx)(`div`,{className:`max-h-(--available-height) w-full overflow-y-auto p-1`,children:i}),t[12]=i,t[13]=h);let g;t[14]!==s||t[15]!==m||t[16]!==h?(g=(0,G.jsx)(ft,{className:m,"data-slot":`menu-popup`,...s,children:h}),t[14]=s,t[15]=m,t[16]=h,t[17]=g):g=t[17];let _;return t[18]!==f||t[19]!==n||t[20]!==r||t[21]!==o||t[22]!==p||t[23]!==d||t[24]!==g?(_=(0,G.jsx)(Te,{children:(0,G.jsx)(xe,{align:f,alignOffset:n,anchor:r,disableAnchorTracking:o,className:`z-[60]`,"data-slot":`menu-positioner`,side:p,sideOffset:d,children:g})}),t[18]=f,t[19]=n,t[20]=r,t[21]=o,t[22]=p,t[23]=d,t[24]=g,t[25]=_):_=t[25],_}function Pn(e){let t=(0,U.c)(12),n,r,i,a;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4]):({className:n,inset:r,variant:a,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a);let o=a===void 0?`default`:a,s;t[5]===n?s=t[6]:(s=V(`[&>svg]:-mx-0.5 flex min-h-8 cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-inset:ps-8 data-[variant=destructive]:text-destructive-foreground data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4 [&>svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&>svg:not([class*='text-'])]:text-current [&>svg]:pointer-events-none [&>svg]:shrink-0`,n),t[5]=n,t[6]=s);let c;return t[7]!==r||t[8]!==i||t[9]!==s||t[10]!==o?(c=(0,G.jsx)(ct,{className:s,"data-inset":r,"data-slot":`menu-item`,"data-variant":o,...i}),t[7]=r,t[8]=i,t[9]=s,t[10]=o,t[11]=c):c=t[11],c}function Fn(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`mx-2 my-1 h-px bg-border`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(Ke,{className:i,"data-slot":`menu-separator`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function In(e){let t=(0,U.c)(2),n;return t[0]===e?n=t[1]:(n=(0,G.jsx)(ut,{"data-slot":`menu-sub`,...e}),t[0]=e,t[1]=n),n}function Ln(e){let t=(0,U.c)(13),n,r,i,a;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4]):({className:r,inset:i,children:n,...a}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a);let o;t[5]===r?o=t[6]:(o=V(`flex min-h-8 items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-popup-open:bg-accent data-inset:ps-8 data-highlighted:text-accent-foreground data-popup-open:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none`,r),t[5]=r,t[6]=o);let s;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(s=(0,G.jsx)(p,{className:`-me-0.5 ms-auto opacity-80`}),t[7]=s):s=t[7];let c;return t[8]!==n||t[9]!==i||t[10]!==a||t[11]!==o?(c=(0,G.jsxs)(qe,{className:o,"data-inset":i,"data-slot":`menu-sub-trigger`,...a,children:[n,s]}),t[8]=n,t[9]=i,t[10]=a,t[11]=o,t[12]=c):c=t[12],c}function Rn(e){let t=(0,U.c)(12),n,r,i,a,o;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5]):({className:r,sideOffset:a,alignOffset:n,align:o,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o);let s=a===void 0?0:a,c=o===void 0?`start`:o,l=n??(c===`center`?void 0:-5),u;return t[6]!==c||t[7]!==r||t[8]!==i||t[9]!==s||t[10]!==l?(u=(0,G.jsx)(Nn,{align:c,alignOffset:l,className:r,"data-slot":`menu-sub-content`,side:`inline-end`,sideOffset:s,...i}),t[6]=c,t[7]=r,t[8]=i,t[9]=s,t[10]=l,t[11]=u):u=t[11],u}var zn=`dialog-backdrop panel-motion fixed inset-0 z-50 transition-all duration-(--panel-duration) data-ending-style:opacity-0 data-starting-style:opacity-0`,Bn=`dialog-glass panel-motion -translate-y-[calc(1.25rem*var(--nested-dialogs))] relative flex min-h-0 w-full min-w-0 scale-[calc(1-0.1*var(--nested-dialogs))] flex-col rounded-2xl border opacity-[calc(1-0.1*var(--nested-dialogs))] outline-none transition-[scale,opacity,translate] duration-(--panel-duration) ease-in-out will-change-transform data-nested:data-ending-style:translate-y-8 data-nested:data-starting-style:translate-y-8 data-nested-dialog-open:origin-top data-ending-style:scale-98 data-starting-style:scale-98 data-ending-style:opacity-0 data-starting-style:opacity-0`,Vn=yn,Hn=cn;function Un(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(zn,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(fn,{forceRender:!0,className:i,"data-slot":`alert-dialog-backdrop`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Wn(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center p-4`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(sn,{className:i,"data-slot":`alert-dialog-viewport`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Gn(e){let t=(0,U.c)(16),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({className:n,bottomStickOnMobile:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a=i===void 0||i,o;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(o=(0,G.jsx)(Un,{}),t[4]=o):o=t[4];let s=a&&`max-sm:grid-rows-[1fr_auto] max-sm:p-0 max-sm:pt-12`,c;t[5]===s?c=t[6]:(c=V(s),t[5]=s,t[6]=c);let l=a&&`max-sm:max-w-none max-sm:rounded-none max-sm:border-x-0 max-sm:border-t max-sm:border-b-0 max-sm:opacity-[calc(1-min(var(--nested-dialogs),1))] max-sm:data-ending-style:translate-y-4 max-sm:data-starting-style:translate-y-4`,u;t[7]!==n||t[8]!==l?(u=V(Bn,`row-start-2 max-h-full max-w-lg text-popover-foreground`,l,n),t[7]=n,t[8]=l,t[9]=u):u=t[9];let d;t[10]!==r||t[11]!==u?(d=(0,G.jsx)(un,{className:u,"data-slot":`alert-dialog-popup`,...r}),t[10]=r,t[11]=u,t[12]=d):d=t[12];let f;return t[13]!==c||t[14]!==d?(f=(0,G.jsxs)(Hn,{children:[o,(0,G.jsx)(Wn,{className:c,children:d})]}),t[13]=c,t[14]=d,t[15]=f):f=t[15],f}function Kn(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`flex flex-col gap-2 p-6 text-center max-sm:pb-4 sm:text-left`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(`div`,{className:i,"data-slot":`alert-dialog-header`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function qn(e){let t=(0,U.c)(11),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({className:n,variant:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a=i===void 0?`default`:i,o=a==="default"&&`border-t bg-muted/72 py-4`,s=a===`bare`&&`pb-6`,c;t[4]!==n||t[5]!==o||t[6]!==s?(c=V(`flex flex-col-reverse gap-2 px-6 sm:flex-row sm:justify-end sm:rounded-b-[calc(var(--radius-2xl)-1px)]`,o,s,n),t[4]=n,t[5]=o,t[6]=s,t[7]=c):c=t[7];let l;return t[8]!==r||t[9]!==c?(l=(0,G.jsx)(`div`,{className:c,"data-slot":`alert-dialog-footer`,...r}),t[8]=r,t[9]=c,t[10]=l):l=t[10],l}function Jn(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`font-heading font-semibold text-xl leading-none`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(dn,{className:i,"data-slot":`alert-dialog-title`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Yn(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`text-muted-foreground text-sm`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(an,{className:i,"data-slot":`alert-dialog-description`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}var Xn=(0,H.createContext)(null);function Zn(e){let t=(0,U.c)(3),{host:n,children:r}=e,i=n,a;return t[0]!==r||t[1]!==i?(a=(0,G.jsx)(Xn,{value:i,children:r}),t[0]=r,t[1]=i,t[2]=a):a=t[2],a}function Qn(){let e=(0,H.use)(Xn);if(!e)throw Error(`Design workspace rendered outside a DesignHostProvider`);return e}var $n=Ve(st(!1)).pipe(tt(`design-query:empty`));function er(e){let t=we(e);return t instanceof Error&&t.message.trim().length>0?t.message:`The environment request failed.`}function tr(e){let t=(0,U.c)(10),n=e??$n,r=it(n),i=We(n),a;t[0]===r?a=t[1]:(a=rt(Se(r)),t[0]=r,t[1]=a);let o;t[2]!==r._tag||t[3]!==r.cause?(o=r._tag===`Failure`?er(r.cause):null,t[2]=r._tag,t[3]=r.cause,t[4]=o):o=t[4];let s=e!==null&&r.waiting,c;return t[5]!==i||t[6]!==a||t[7]!==o||t[8]!==s?(c={data:a,error:o,isPending:s,refresh:i},t[5]=i,t[6]=a,t[7]=o,t[8]=s,t[9]=c):c=t[9],c}function nr(){let e=Qn(),t=(0,H.useContext)(et);return(0,H.useCallback)(async n=>{let r=e.runtime.atom(n),i=await B(Je(Ze(function*(){return yield*ot(t,r),yield*ze(t,r,{suspendOnWaiting:!0})})));if(Ye(i))throw we(i.cause);return i.value},[e,t])}function rr(e){return e.label?e.label:e.origin===`agent`?`Agent run`:e.origin===`restore`?`Restored`:`Edits`}function ir(e){let t=new Date(e);return t.toDateString()===new Date().toDateString()?t.toLocaleTimeString(void 0,{hour:`numeric`,minute:`2-digit`}):t.toLocaleDateString(void 0,{month:`short`,day:`numeric`})}function ar(e,t){return[new Date(e.savedAt).toLocaleString(void 0,{month:`short`,day:`numeric`,hour:`numeric`,minute:`2-digit`}),`${e.changes} ${e.changes===1?`change`:`changes`}`,t?`Current`:null].filter(Boolean).join(` · `)}var or=e=>e instanceof Error&&`code`in e?String(e.code):null;function sr(e){let t=(0,U.c)(96),{target:n,path:r,revision:i,fileHash:a,disabled:o,compact:s,onCompare:c}=e,l=s!==void 0&&s,{transport:u}=Qn(),f=nr(),[p,m]=(0,H.useState)(!1),[h,g]=(0,H.useState)(null),[_,v]=(0,H.useState)(null),[y,b]=(0,H.useState)(null),[x,S]=(0,H.useState)(null),[C,w]=(0,H.useState)(``),[T,E]=(0,H.useState)(!1),[O,k]=(0,H.useState)(0),A;t[0]!==r||t[1]!==f||t[2]!==n||t[3]!==u?(A=()=>{let e=!0;return v(null),f(u.revisions(n,r)).then(t=>{e&&g(t)},()=>{e&&v(`Could not load revisions.`)}),()=>{e=!1}},t[0]=r,t[1]=f,t[2]=n,t[3]=u,t[4]=A):A=t[4];let j;t[5]!==O||t[6]!==a||t[7]!==p||t[8]!==r||t[9]!==f||t[10]!==n||t[11]!==u?(j=[p,O,n,r,a,u,f],t[5]=O,t[6]=a,t[7]=p,t[8]=r,t[9]=f,t[10]=n,t[11]=u,t[12]=j):j=t[12],(0,H.useEffect)(A,j);let M;if(t[13]!==a||t[14]!==i||t[15]!==h){let e=h?.find(e=>e.fileHash===a);M=e?`${rr(e)} · ${ir(e.savedAt)}`:i?`Revision ${i.slice(0,8)}`:`Revisions`,t[13]=a,t[14]=i,t[15]=h,t[16]=M}else M=t[16];let N=M,P;t[17]===T?P=t[18]:(P=()=>{T||(S(null),b(null))},t[17]=T,t[18]=P);let F=P,ee;t[19]!==x||t[20]!==T||t[21]!==C||t[22]!==r||t[23]!==f||t[24]!==n||t[25]!==u?(ee=()=>{if(!x||T)return;E(!0),b(null);let e=x.kind===`restore`?u.restoreRevision(n,r,x.entry.id,x.expectedFileHash):x.kind===`rename`?u.renameRevision(n,r,x.entry.id,C):u.deleteRevision(n,r,x.entry.id);f(e).then(()=>{S(null),k(cr)},e=>{let t=or(e);b(x.kind===`restore`&&t===`conflict`?`The design changed. Reopen revisions and try again.`:x.kind===`restore`&&t===`invalid-document`?`This revision cannot be restored with the current libraries and assets.`:x.kind===`delete`&&t===`conflict`?`The current revision can't be deleted. Restore another revision first.`:`Could not ${x.kind} this revision. Reopen revisions and try again.`)}).finally(()=>E(!1))},t[19]=x,t[20]=T,t[21]=C,t[22]=r,t[23]=f,t[24]=n,t[25]=u,t[26]=ee):ee=t[26];let I=ee,te;t[27]===x?te=t[28]:(te=x?rr(x.entry):``,t[27]=x,t[28]=te);let ne=te,re=l?`icon-sm`:`sm`,ie=o||T,ae=`Revision history, current: ${N}`,oe=l?void 0:`design-revision-trigger`,se;t[29]!==ae||t[30]!==oe||t[31]!==re||t[32]!==ie?(se=(0,G.jsx)(Mn,{render:(0,G.jsx)(W,{size:re,variant:`ghost`,disabled:ie,"aria-label":ae,className:oe})}),t[29]=ae,t[30]=oe,t[31]=re,t[32]=ie,t[33]=se):se=t[33];let ce;t[34]===Symbol.for(`react.memo_cache_sentinel`)?(ce=(0,G.jsx)(D,{"aria-hidden":`true`}),t[34]=ce):ce=t[34];let L;t[35]!==l||t[36]!==N?(L=l?null:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(`span`,{className:`design-collapsible-label design-truncate`,children:N}),(0,G.jsx)(d,{"aria-hidden":`true`,className:`design-collapsible-label`})]}),t[35]=l,t[36]=N,t[37]=L):L=t[37];let le;t[38]!==se||t[39]!==L?(le=(0,G.jsxs)(jt,{render:se,children:[ce,L]}),t[38]=se,t[39]=L,t[40]=le):le=t[40];let ue;t[41]===Symbol.for(`react.memo_cache_sentinel`)?(ue=(0,G.jsx)(Mt,{children:`Revision history`}),t[41]=ue):ue=t[41];let de;t[42]===le?de=t[43]:(de=(0,G.jsxs)(Pt,{children:[le,ue]}),t[42]=le,t[43]=de);let fe;t[44]!==O||t[45]!==o||t[46]!==a||t[47]!==_||t[48]!==c||t[49]!==h?(fe=_?(0,G.jsxs)(Pn,{onClick:()=>k(O+1),children:[_,` Retry`]}):h===null?(0,G.jsx)(Pn,{disabled:!0,children:`Loading revisions...`}):h.length===0?(0,G.jsx)(Pn,{disabled:!0,children:`No saved revisions yet`}):h.map(e=>{let t=e.fileHash===a;return(0,G.jsxs)(In,{children:[(0,G.jsx)(Ln,{children:(0,G.jsxs)(`span`,{className:`flex min-w-0 flex-col gap-0.5`,children:[(0,G.jsx)(`span`,{className:`truncate`,children:rr(e)}),(0,G.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:ar(e,t)})]})}),(0,G.jsxs)(Rn,{children:[(0,G.jsx)(Pn,{disabled:t||o,onClick:()=>{b(null),S({kind:`restore`,entry:e,expectedFileHash:a})},children:`Restore...`}),c?(0,G.jsx)(Pn,{disabled:t,onClick:()=>c(e),children:`Compare with current`}):null,(0,G.jsx)(Fn,{}),(0,G.jsx)(Pn,{disabled:o,onClick:()=>{b(null),w(e.label??``),S({kind:`rename`,entry:e})},children:`Rename...`}),(0,G.jsx)(Pn,{disabled:t||o,onClick:()=>{b(null),S({kind:`delete`,entry:e})},children:`Delete...`})]})]},e.id)}),t[44]=O,t[45]=o,t[46]=a,t[47]=_,t[48]=c,t[49]=h,t[50]=fe):fe=t[50];let pe;t[51]===fe?pe=t[52]:(pe=(0,G.jsx)(Nn,{align:`start`,className:`max-h-80 w-72 overflow-y-auto`,children:fe}),t[51]=fe,t[52]=pe);let me;t[53]!==p||t[54]!==de||t[55]!==pe?(me=(0,G.jsxs)(jn,{open:p,onOpenChange:m,children:[de,pe]}),t[53]=p,t[54]=de,t[55]=pe,t[56]=me):me=t[56];let he=x!==null,ge;t[57]===F?ge=t[58]:(ge=e=>e?void 0:F(),t[57]=F,t[58]=ge);let _e;t[59]===I?_e=t[60]:(_e=e=>{e.preventDefault(),I()},t[59]=I,t[60]=_e);let ve=x?.kind===`restore`?`Restore "${ne}"?`:x?.kind===`rename`?`Rename revision`:`Delete "${ne}"?`,ye;t[61]===ve?ye=t[62]:(ye=(0,G.jsx)(Jn,{children:ve}),t[61]=ve,t[62]=ye);let be=x?.kind===`restore`?`Replace this design with that revision. Your current version stays in revision history. Libraries and assets are unchanged.`:x?.kind===`rename`?`Name it so it is easy to find. Leave it empty to show what made it.`:`Its saved versions are removed from history. This cannot be undone.`,xe;t[63]===be?xe=t[64]:(xe=(0,G.jsx)(Yn,{children:be}),t[63]=be,t[64]=xe);let Se;t[65]!==x||t[66]!==C?(Se=x?.kind===`rename`?(0,G.jsx)(An,{"aria-label":`Revision name`,value:C,maxLength:80,placeholder:rr({...x.entry,label:void 0}),onChange:e=>w(e.currentTarget.value),autoFocus:!0}):null,t[65]=x,t[66]=C,t[67]=Se):Se=t[67];let R;t[68]===y?R=t[69]:(R=y?(0,G.jsx)(`p`,{role:`alert`,className:`design-revision-error`,children:y}):null,t[68]=y,t[69]=R);let Ce;t[70]!==ye||t[71]!==xe||t[72]!==Se||t[73]!==R?(Ce=(0,G.jsxs)(Kn,{children:[ye,xe,Se,R]}),t[70]=ye,t[71]=xe,t[72]=Se,t[73]=R,t[74]=Ce):Ce=t[74];let we;t[75]!==T||t[76]!==F?(we=(0,G.jsx)(W,{type:`button`,size:`sm`,variant:`ghost`,disabled:T,onClick:F,children:`Cancel`}),t[75]=T,t[76]=F,t[77]=we):we=t[77];let Te=x?.kind===`delete`?`destructive`:`default`,Ee=T||!x,De=x?.kind===`restore`?T?`Restoring...`:`Restore revision`:x?.kind===`rename`?T?`Saving...`:`Save name`:T?`Deleting...`:`Delete revision`,Oe;t[78]!==Te||t[79]!==Ee||t[80]!==De?(Oe=(0,G.jsx)(W,{type:`submit`,size:`sm`,variant:Te,disabled:Ee,children:De}),t[78]=Te,t[79]=Ee,t[80]=De,t[81]=Oe):Oe=t[81];let ke;t[82]!==we||t[83]!==Oe?(ke=(0,G.jsxs)(qn,{children:[we,Oe]}),t[82]=we,t[83]=Oe,t[84]=ke):ke=t[84];let Ae;t[85]!==_e||t[86]!==Ce||t[87]!==ke?(Ae=(0,G.jsx)(Gn,{className:`max-w-md`,children:(0,G.jsxs)(`form`,{onSubmit:_e,children:[Ce,ke]})}),t[85]=_e,t[86]=Ce,t[87]=ke,t[88]=Ae):Ae=t[88];let z;t[89]!==he||t[90]!==ge||t[91]!==Ae?(z=(0,G.jsx)(Vn,{open:he,onOpenChange:ge,children:Ae}),t[89]=he,t[90]=ge,t[91]=Ae,t[92]=z):z=t[92];let B;return t[93]!==me||t[94]!==z?(B=(0,G.jsxs)(G.Fragment,{children:[me,z]}),t[93]=me,t[94]=z,t[95]=B):B=t[95],B}function cr(e){return e+1}function lr(e){let t=new URL(`p4design://open`);if(t.searchParams.set(`project`,e.projectRoot),t.searchParams.set(`file`,e.documentPath),t.searchParams.set(`revision`,e.revision),e.environmentId&&t.searchParams.set(`environment`,e.environmentId),!ur(t.href))throw Error(`Invalid design reference.`);return t.href}function ur(e){if(e.length>16384)return null;try{let t=new URL(e.trim());if(t.protocol!==`p4design:`||t.host!==`open`||t.username||t.password||t.hash||t.pathname)return null;let n=t.searchParams.get(`project`)??``,r=t.searchParams.get(`file`)??``,i=t.searchParams.get(`revision`)??``,a=t.searchParams.get(`environment`);return!/^(\/|[a-z]:[\\/])/i.test(n)||/\p{Cc}/u.test(n)||!r.endsWith(`.p4design`)||/^[\\/]|^[a-z]:/i.test(r)||r.split(/[\\/]/).some(e=>!e||e===`.`||e===`..`)||/\p{Cc}/u.test(r)||!/^[0-9a-f]{64}$/.test(i)||a!==null&&(!a||a.length>200)?null:{projectRoot:n,documentPath:r,revision:i,...a?{environmentId:a}:{}}}catch{return null}}var dr=()=>null;function fr({target:e,path:t,revision:n,compact:r=!1,iconOnly:i=!1}){let{navigation:a}=Qn(),o=(a.useWorkspaceRoot??dr)(e),[s,c]=(0,H.useState)(null);if(!e||!o||!t||!n)return null;let l=lr({projectRoot:o,documentPath:t,revision:n,...a.linkEnvironment?{environmentId:e.environmentId}:{}}),u=s?.link===l?s:null,d=()=>{Promise.resolve().then(()=>navigator.clipboard.writeText(l)).then(()=>c({link:l,error:!1}),()=>c({link:l,error:!0}))},f=u!==null&&!u.error;return(0,G.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[i?(0,G.jsxs)(Pt,{children:[(0,G.jsx)(jt,{render:(0,G.jsx)(W,{size:`icon-sm`,variant:`ghost`,"aria-label":f?`Link copied`:`Copy design link`,onClick:d}),children:(0,G.jsx)(M,{"aria-hidden":`true`})}),(0,G.jsx)(Mt,{children:f?`Link copied`:`Copy design link`})]}):(0,G.jsxs)(W,{size:`sm`,variant:r?`ghost`:`outline`,onClick:d,children:[(0,G.jsx)(M,{"aria-hidden":`true`}),f?`Link copied`:r?`Copy link`:`Copy design link`]}),u?.error?(0,G.jsx)(`span`,{role:`alert`,className:`text-xs`,children:`Could not copy. Try again.`}):null,u&&!u.error?(0,G.jsx)(`span`,{role:`status`,className:`sr-only`,children:`Paste into a P4 Code thread in this project.`}):null]})}var pr=Ie(`relative inline-flex shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-sm border border-transparent font-medium outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-3.5 sm:[&_svg:not([class*='size-'])]:size-3 [&_svg]:pointer-events-none [&_svg]:shrink-0 [button&,a&]:cursor-pointer [button&,a&]:pointer-coarse:after:absolute [button&,a&]:pointer-coarse:after:size-full [button&,a&]:pointer-coarse:after:min-h-11 [button&,a&]:pointer-coarse:after:min-w-11`,{defaultVariants:{size:`default`,variant:`default`},variants:{size:{default:`h-5.5 min-w-5.5 px-[calc(--spacing(1)-1px)] text-sm sm:h-4.5 sm:min-w-4.5 sm:text-xs`,lg:`h-6.5 min-w-6.5 px-[calc(--spacing(1.5)-1px)] text-base sm:h-5.5 sm:min-w-5.5 sm:text-sm`,sm:`h-5 min-w-5 rounded-[.25rem] px-[calc(--spacing(1)-1px)] text-xs sm:h-4 sm:min-w-4 sm:text-[.625rem]`},variant:{default:`bg-primary text-primary-foreground [button&,a&]:hover:bg-primary/90`,destructive:`bg-destructive text-white [button&,a&]:hover:bg-destructive/90`,error:`bg-destructive/8 text-destructive-foreground dark:bg-destructive/16`,info:`bg-info/8 text-info-foreground dark:bg-info/16`,outline:`border-input bg-background text-foreground dark:bg-input/32 [button&,a&]:hover:bg-accent/50 dark:[button&,a&]:hover:bg-input/48`,secondary:`bg-secondary text-secondary-foreground [button&,a&]:hover:bg-secondary/90`,success:`bg-success/8 text-success-foreground dark:bg-success/16`,warning:`bg-warning/8 text-warning-foreground dark:bg-warning/16`}}});function mr(e){let t=(0,U.c)(9),n,r,i,a;if(t[0]!==e){let{className:o,variant:s,size:c,render:l,...u}=e;n=l;let d={className:V(pr({className:o,size:c,variant:s})),"data-slot":`badge`};a=$e,r=`span`,i=Ae(d,u),t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a}else n=t[1],r=t[2],i=t[3],a=t[4];let o;return t[5]!==n||t[6]!==r||t[7]!==i?(o={defaultTagName:r,props:i,render:n},t[5]=n,t[6]=r,t[7]=i,t[8]=o):o=t[8],a(o)}function hr(e){let t=(0,U.c)(25),n,r,i,a,o,s,c;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7]):({className:r,children:n,scrollFade:a,scrollbarGutter:o,hideScrollbars:s,chainVerticalScroll:c,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c);let l=a!==void 0&&a,u=o!==void 0&&o,d=s!==void 0&&s,f=c!==void 0&&c,p;t[8]===r?p=t[9]:(p=V(`relative size-full min-h-0 overflow-hidden rounded-[inherit]`,r),t[8]=r,t[9]=p);let m=f&&`overscroll-y-auto`,h=l&&`mask-t-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-start)))] mask-b-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-end)))] mask-l-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-start)))] mask-r-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-end)))] [--fade-size:1.5rem]`,g=u&&`scrollbar-gutter-stable`,_=d&&`[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,v;t[10]!==m||t[11]!==h||t[12]!==g||t[13]!==_?(v=V(`h-full max-h-[inherit] overflow-auto overscroll-contain rounded-[inherit] outline-none transition-shadows focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background data-has-overflow-x:overscroll-x-contain`,m,h,g,_),t[10]=m,t[11]=h,t[12]=g,t[13]=_,t[14]=v):v=t[14];let y;t[15]!==n||t[16]!==v?(y=(0,G.jsx)(en,{className:v,"data-slot":`scroll-area-viewport`,children:n}),t[15]=n,t[16]=v,t[17]=y):y=t[17];let b;t[18]===d?b=t[19]:(b=!d&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(gr,{orientation:`vertical`}),(0,G.jsx)(gr,{orientation:`horizontal`}),(0,G.jsx)(rn,{"data-slot":`scroll-area-corner`})]}),t[18]=d,t[19]=b);let x;return t[20]!==i||t[21]!==y||t[22]!==b||t[23]!==p?(x=(0,G.jsxs)($t,{className:p,...i,children:[y,b]}),t[20]=i,t[21]=y,t[22]=b,t[23]=p,t[24]=x):x=t[24],x}function gr(e){let t=(0,U.c)(11),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({className:n,orientation:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a=i===void 0?`vertical`:i,o;t[4]===n?o=t[5]:(o=V(`flex opacity-0 transition-opacity delay-300 data-[orientation=horizontal]:mx-1 data-[orientation=horizontal]:mb-px data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:my-1 data-[orientation=vertical]:mr-px data-[orientation=vertical]:w-1.5 data-[orientation=horizontal]:flex-col data-hovering:opacity-100 data-scrolling:opacity-100 data-hovering:delay-0 data-scrolling:delay-0 data-hovering:duration-100 data-scrolling:duration-100`,n),t[4]=n,t[5]=o);let s;t[6]===Symbol.for(`react.memo_cache_sentinel`)?(s=(0,G.jsx)(tn,{className:`relative flex-1 rounded-full bg-[var(--app-scrollbar-thumb)] transition-colors hover:bg-[var(--app-scrollbar-thumb-hover)]`,"data-slot":`scroll-area-thumb`}),t[6]=s):s=t[6];let c;return t[7]!==a||t[8]!==r||t[9]!==o?(c=(0,G.jsx)(nn,{className:o,"data-slot":`scroll-area-scrollbar`,orientation:a,...r,children:s}),t[7]=a,t[8]=r,t[9]=o,t[10]=c):c=t[10],c}var _r=H.createContext({chipsRef:null,multiple:!1});function vr(e){let t=(0,U.c)(7),n=H.useRef(null),r=!!e.multiple,i;t[0]===r?i=t[1]:(i={chipsRef:n,multiple:r},t[0]=r,t[1]=i);let a=i,o;t[2]===e?o=t[3]:(o=(0,G.jsx)(Yt,{...e}),t[2]=e,t[3]=o);let s;return t[4]!==o||t[5]!==a?(s=(0,G.jsx)(_r,{value:a,children:o}),t[4]=o,t[5]=a,t[6]=s):s=t[6],s}function yr(e){let t=(0,U.c)(36),n,r,i,a,o,s,c,l;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8]):({className:n,inputClassName:r,showTrigger:s,showClear:c,startAddon:o,size:a,unstyled:l,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l);let u=s===void 0||s,d=c!==void 0&&c,f=l!==void 0&&l,p=a??`default`,m;t[9]===o?m=t[10]:(m=o&&(0,G.jsx)(`div`,{"aria-hidden":`true`,className:`[&_svg]:-mx-0.5 pointer-events-none absolute inset-y-0 start-px z-10 flex items-center ps-[calc(--spacing(3)-1px)] opacity-80 has-[+[data-size=sm]]:ps-[calc(--spacing(2.5)-1px)] [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4`,"data-slot":`combobox-start-addon`,children:o}),t[9]=o,t[10]=m);let g=o&&`data-[size=sm]:*:data-[slot=combobox-input]:ps-[calc(--spacing(7.5)-1px)] *:data-[slot=combobox-input]:ps-[calc(--spacing(8.5)-1px)] sm:data-[size=sm]:*:data-[slot=combobox-input]:ps-[calc(--spacing(7)-1px)] sm:*:data-[slot=combobox-input]:ps-[calc(--spacing(8)-1px)]`,_=p===`sm`?`has-[+[data-slot=combobox-trigger],+[data-slot=combobox-clear]]:*:data-[slot=combobox-input]:pe-6.5`:`has-[+[data-slot=combobox-trigger],+[data-slot=combobox-clear]]:*:data-[slot=combobox-input]:pe-7`,v;t[11]!==n||t[12]!==g||t[13]!==_?(v=V(g,_,n),t[11]=n,t[12]=g,t[13]=_,t[14]=v):v=t[14];let y;t[15]===r?y=t[16]:(y=V(`has-disabled:opacity-100`,r),t[15]=r,t[16]=y);let b;t[17]!==p||t[18]!==y||t[19]!==f?(b=(0,G.jsx)(An,{className:y,nativeInput:!0,size:p,unstyled:f}),t[17]=p,t[18]=y,t[19]=f,t[20]=b):b=t[20];let x;t[21]!==i||t[22]!==v||t[23]!==b?(x=(0,G.jsx)(Wt,{className:v,"data-slot":`combobox-input`,render:b,...i}),t[21]=i,t[22]=v,t[23]=b,t[24]=x):x=t[24];let S;t[25]!==u||t[26]!==p?(S=u&&(0,G.jsx)(br,{className:V(`-translate-y-1/2 absolute top-1/2 inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 outline-none transition-opacity pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 has-[+[data-slot=combobox-clear]]:hidden sm:size-7 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,p===`sm`?`end-0`:`end-0.5`),children:(0,G.jsx)(Bt,{"data-slot":`combobox-icon`,children:(0,G.jsx)(h,{})})}),t[25]=u,t[26]=p,t[27]=S):S=t[27];let C;t[28]!==d||t[29]!==p?(C=d&&(0,G.jsx)(Dr,{className:V(`-translate-y-1/2 absolute top-1/2 inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 outline-none transition-opacity pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 has-[+[data-slot=combobox-clear]]:hidden sm:size-7 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,p===`sm`?`end-0`:`end-0.5`),children:(0,G.jsx)(he,{})}),t[28]=d,t[29]=p,t[30]=C):C=t[30];let w;return t[31]!==x||t[32]!==S||t[33]!==C||t[34]!==m?(w=(0,G.jsxs)(`div`,{className:`relative not-has-[>*.w-full]:w-fit w-full text-foreground has-disabled:opacity-64`,children:[m,x,S,C]}),t[31]=x,t[32]=S,t[33]=C,t[34]=m,t[35]=w):w=t[35],w}function br(e){let t=(0,U.c)(8),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({className:r,children:n,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a;return t[4]!==n||t[5]!==r||t[6]!==i?(a=(0,G.jsx)(zt,{className:r,"data-slot":`combobox-trigger`,...i,children:n}),t[4]=n,t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function xr(e){let t=(0,U.c)(22),n,r,i,a,o,s,c,l;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8]):({className:a,children:i,side:s,sideOffset:c,alignOffset:n,align:l,anchor:r,...o}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l);let u=s===void 0?`bottom`:s,d=c===void 0?4:c,f=l===void 0?`start`:l,{chipsRef:p}=H.use(_r),m=r??p,h;t[9]===a?h=t[10]:(h=V(`dropdown-glass relative flex max-h-[min(var(--available-height),23rem)] min-w-(--anchor-width) max-w-(--available-width) flex-1 flex-col origin-(--transform-origin) rounded-lg text-foreground transition-[scale,opacity] duration-[140ms] ease-[cubic-bezier(0.23,1,0.32,1)] data-ending-style:scale-98 data-starting-style:scale-98 data-ending-style:opacity-0 data-starting-style:opacity-0 data-instant:duration-0`,a),t[9]=a,t[10]=h);let g;t[11]!==i||t[12]!==o||t[13]!==h?(g=(0,G.jsx)(Rt,{className:h,"data-slot":`combobox-popup`,...o,children:i}),t[11]=i,t[12]=o,t[13]=h,t[14]=g):g=t[14];let _;return t[15]!==f||t[16]!==n||t[17]!==m||t[18]!==u||t[19]!==d||t[20]!==g?(_=(0,G.jsx)(Kt,{children:(0,G.jsx)(Ut,{align:f,alignOffset:n,anchor:m,className:`z-50 select-none`,"data-slot":`combobox-positioner`,side:u,sideOffset:d,children:g})}),t[15]=f,t[16]=n,t[17]=m,t[18]=u,t[19]=d,t[20]=g,t[21]=_):_=t[21],_}function Sr(e){let t=(0,U.c)(17),n,r,i,a,o;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5]):({className:r,contentClassName:i,children:n,hideIndicator:o,...a}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o);let s;t[6]===r?s=t[7]:(s=V(`flex min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default items-center rounded-sm px-2 py-1 text-base outline-none hover:bg-accent data-disabled:pointer-events-none data-selected:bg-foreground/[0.08] data-selected:text-foreground data-highlighted:bg-accent data-highlighted:text-accent-foreground [&[data-highlighted][data-selected]]:bg-accent [&[data-highlighted][data-selected]]:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),t[6]=r,t[7]=s);let c;t[8]===i?c=t[9]:(c=V(`min-w-0 flex-1 [&_svg:not([class*='text-'])]:text-muted-foreground`,i),t[8]=i,t[9]=c);let l;t[10]!==n||t[11]!==c?(l=(0,G.jsx)(`div`,{className:c,"data-slot":`combobox-item-content`,children:n}),t[10]=n,t[11]=c,t[12]=l):l=t[12];let u;return t[13]!==a||t[14]!==s||t[15]!==l?(u=(0,G.jsx)(Gt,{className:s,"data-slot":`combobox-item`,...a,children:l}),t[13]=a,t[14]=s,t[15]=l,t[16]=u):u=t[16],u}function Cr(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`[[role=group]+&]:mt-1.5`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(Xt,{className:i,"data-slot":`combobox-group`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function wr(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`px-2 py-1.5 font-medium text-muted-foreground text-xs`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(Zt,{className:i,"data-slot":`combobox-group-label`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Tr(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`not-empty:p-2 text-center text-base text-muted-foreground sm:text-sm`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(Ht,{className:i,"data-slot":`combobox-empty`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Er(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`not-empty:scroll-py-1 not-empty:px-1 not-empty:py-1`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(hr,{scrollbarGutter:!0,scrollFade:!0,children:(0,G.jsx)(Vt,{className:i,"data-slot":`combobox-list`,...r})}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Dr(e){let t=(0,U.c)(6),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;return t[3]!==n||t[4]!==r?(i=(0,G.jsx)(qt,{className:n,"data-slot":`combobox-clear`,...r}),t[3]=n,t[4]=r,t[5]=i):i=t[5],i}function Or(e){let t=(0,U.c)(2),n;return t[0]===e?n=t[1]:(n=(0,G.jsx)(Jt,{"data-slot":`combobox-collection`,...e}),t[0]=e,t[1]=n),n}var kr={thread:`This thread`,project:`Project`,other:`Other designs`};function Ar(e){let t=(0,U.c)(10),{target:n,item:r}=e,{transport:i}=Qn(),a;t[0]!==r.missing||t[1]!==r.modifiedAt||t[2]!==r.path||t[3]!==n||t[4]!==i?(a=n&&!r.missing?i.thumbnail(n,r.path,r.modifiedAt??``):null,t[0]=r.missing,t[1]=r.modifiedAt,t[2]=r.path,t[3]=n,t[4]=i,t[5]=a):a=t[5];let o=tr(a),s=r.missing||o.error?null:o.data?.dataUrl,c;return t[6]!==r.missing||t[7]!==r.pageCount||t[8]!==s?(c=(0,G.jsx)(bn,{pageCount:r.pageCount,muted:r.missing,thumbnail:s}),t[6]=r.missing,t[7]=r.pageCount,t[8]=s,t[9]=c):c=t[9],c}function jr(e){let t=(0,U.c)(66),{target:n,path:r,paths:i,entries:a,linkedPaths:o,onOpen:s,statuses:c,onStartDesign:l,onStartDesignInNewThread:u,onManageDesigns:f,open:m,onOpenChange:h}=e,g=(0,H.useRef)(null),[_,v]=(0,H.useState)(``),[y,b]=(0,H.useState)(Fr),x;t[0]===r?x=t[1]:(x=r?xn(r):`Choose design`,t[0]=r,t[1]=x);let S=x,C;t[2]!==a||t[3]!==o||t[4]!==i?(C=wn({paths:i,entries:a,linkedPaths:o}),t[2]=a,t[3]=o,t[4]=i,t[5]=C):C=t[5];let w=C,T;t[6]===_?T=t[7]:(T=_.trim(),t[6]=_,t[7]=T);let E=T.length>0,D;if(t[8]!==y||t[9]!==w||t[10]!==_||t[11]!==E){let e=w.filter(e=>Dn(e,_));D=[`thread`,`project`,`other`].map(t=>{let n=e.filter(e=>e.group===t);return{value:t,count:n.length,items:!E&&y.has(t)?[]:n}}).filter(Pr),t[8]=y,t[9]=w,t[10]=_,t[11]=E,t[12]=D}else D=t[12];let O=D,k;t[13]===Symbol.for(`react.memo_cache_sentinel`)?(k=e=>b(t=>{let n=new Set(t);return n.delete(e)||n.add(e),n}),t[13]=k):k=t[13];let j=k,M;t[14]===Symbol.for(`react.memo_cache_sentinel`)?(M=Date.now(),t[14]=M):M=t[14];let N=M,P;t[15]===h?P=t[16]:(P=()=>{h(!1),v(``)},t[15]=h,t[16]=P);let F=P;if(!w.length&&!l){let e=r||S,n;return t[17]!==e||t[18]!==S?(n=(0,G.jsx)(`h1`,{className:`design-title`,children:(0,G.jsx)(Ft,{full:e,children:S})}),t[17]=e,t[18]=S,t[19]=n):n=t[19],n}let I;t[20]!==F||t[21]!==s||t[22]!==r?(I=e=>{e&&(F(),e.path!==r&&s(e.path))},t[20]=F,t[21]=s,t[22]=r,t[23]=I):I=t[23];let te;t[24]!==F||t[25]!==h?(te=e=>e?h(!0):F(),t[24]=F,t[25]=h,t[26]=te):te=t[26];let ne=r||S,re,ae;t[27]===Symbol.for(`react.memo_cache_sentinel`)?(re=(0,G.jsx)(br,{render:(0,G.jsx)(W,{variant:`ghost`,size:`sm`}),className:`design-document-switcher`}),ae=(0,G.jsx)(`span`,{className:`sr-only`,children:`Design document: `}),t[27]=re,t[28]=ae):(re=t[27],ae=t[28]);let oe;t[29]===S?oe=t[30]:(oe=(0,G.jsx)(`span`,{ref:g,className:`design-truncate`,children:S}),t[29]=S,t[30]=oe);let se;t[31]===Symbol.for(`react.memo_cache_sentinel`)?(se=(0,G.jsx)(d,{"aria-hidden":`true`,size:14}),t[31]=se):se=t[31];let L;t[32]!==ne||t[33]!==oe?(L=(0,G.jsxs)(Nt,{full:ne,labelRef:g,render:re,children:[ae,oe,se]}),t[32]=ne,t[33]=oe,t[34]=L):L=t[34];let le;t[35]===Symbol.for(`react.memo_cache_sentinel`)?(le=(0,G.jsxs)(`div`,{className:`design-picker-search`,children:[(0,G.jsx)(yr,{"aria-label":`Search designs`,placeholder:`Search designs`,showTrigger:!1,size:`sm`,startAddon:(0,G.jsx)(ce,{})}),(0,G.jsx)(`kbd`,{className:`design-picker-kbd`,"aria-hidden":`true`,children:`esc`})]}),t[35]=le):le=t[35];let ue;t[36]!==w.length||t[37]!==_||t[38]!==E?(ue=E?(0,G.jsxs)(`div`,{className:`design-picker-empty`,children:[(0,G.jsxs)(`strong`,{children:[`No designs match "`,_.trim(),`"`]}),(0,G.jsx)(W,{size:`sm`,variant:`outline`,onClick:()=>v(``),children:`Clear search`})]}):w.length?null:(0,G.jsx)(`div`,{className:`design-picker-empty`,children:`No designs in this project yet.`}),t[36]=w.length,t[37]=_,t[38]=E,t[39]=ue):ue=t[39];let de;t[40]===ue?de=t[41]:(de=(0,G.jsx)(Tr,{children:ue}),t[40]=ue,t[41]=de);let fe;t[42]!==y||t[43]!==r||t[44]!==_||t[45]!==E||t[46]!==c||t[47]!==n?(fe=(0,G.jsx)(Er,{className:`design-picker-list`,children:e=>(0,G.jsxs)(Cr,{items:e.items,children:[(0,G.jsx)(wr,{className:`design-picker-group`,children:(0,G.jsxs)(`button`,{type:`button`,className:`design-picker-group-toggle`,"aria-expanded":E||!y.has(e.value),disabled:E,onMouseDown:Mr,onClick:()=>j(e.value),children:[E||!y.has(e.value)?(0,G.jsx)(d,{"aria-hidden":`true`,size:14}):(0,G.jsx)(p,{"aria-hidden":`true`,size:14}),(0,G.jsx)(`span`,{className:`flex-1`,children:kr[e.value]}),(0,G.jsx)(`span`,{children:e.count})]})}),(0,G.jsx)(Or,{children:e=>{let t=c?.get(e.path),i=Sn(e.name,_);return(0,G.jsx)(Sr,{value:e,children:(0,G.jsxs)(`span`,{className:`design-picker-item`,children:[(0,G.jsx)(Ar,{target:n,item:e}),(0,G.jsxs)(`span`,{className:`design-picker-text`,children:[(0,G.jsxs)(`span`,{className:`design-picker-name`,children:[i.before,i.match?(0,G.jsx)(`mark`,{children:i.match}):null,i.after]}),(0,G.jsx)(`span`,{className:`design-picker-meta`,children:Tn(e,N)})]}),e.missing?(0,G.jsx)(mr,{variant:`warning`,size:`sm`,children:`Missing`}):e.path===r?(0,G.jsx)(mr,{variant:`info`,size:`sm`,children:`Open`}):t?(0,G.jsx)(mr,{variant:t.tone,size:`sm`,children:t.label}):null]})},e.path)}})]},e.value)}),t[42]=y,t[43]=r,t[44]=_,t[45]=E,t[46]=c,t[47]=n,t[48]=fe):fe=t[48];let pe;t[49]!==F||t[50]!==f||t[51]!==l||t[52]!==u?(pe=l||u||f?(0,G.jsxs)(`div`,{className:`design-picker-footer`,children:[l?(0,G.jsxs)(W,{size:`sm`,variant:`ghost`,onClick:()=>{F(),l()},children:[(0,G.jsx)(ie,{"aria-hidden":`true`}),`New design in this thread`]}):null,u?(0,G.jsxs)(W,{size:`sm`,variant:`ghost`,onClick:()=>{F(),u()},children:[(0,G.jsx)(ee,{"aria-hidden":`true`}),`New design in a new thread`]}):null,f?(0,G.jsxs)(W,{size:`sm`,variant:`ghost`,onClick:()=>{F(),f()},children:[(0,G.jsx)(A,{"aria-hidden":`true`}),`Manage designs`]}):null]}):null,t[49]=F,t[50]=f,t[51]=l,t[52]=u,t[53]=pe):pe=t[53];let me;t[54]!==de||t[55]!==fe||t[56]!==pe?(me=(0,G.jsxs)(xr,{className:`design-picker max-h-[min(var(--available-height),34rem)]`,align:`start`,children:[le,de,fe,pe]}),t[54]=de,t[55]=fe,t[56]=pe,t[57]=me):me=t[57];let he;return t[58]!==O||t[59]!==m||t[60]!==_||t[61]!==L||t[62]!==me||t[63]!==I||t[64]!==te?(he=(0,G.jsxs)(vr,{items:O,filteredItems:O,inputValue:_,onInputValueChange:v,value:null,onValueChange:I,itemToStringLabel:Nr,open:m,onOpenChange:te,autoHighlight:!0,children:[L,me]}),t[58]=O,t[59]=m,t[60]=_,t[61]=L,t[62]=me,t[63]=I,t[64]=te,t[65]=he):he=t[65],he}function Mr(e){return e.preventDefault()}function Nr(e){return e.name}function Pr(e){return e.count>0}function Fr(){return new Set([`other`])}var Ir=mt,Lr=Ee(je),Rr=Ee(Ce),zr=(e,t,n,r=`error`)=>({code:e,message:t,severity:r,...n?{nodeId:n}:{}});function Br(e){let t=e=>{if(e===null||typeof e==`string`||typeof e==`boolean`||typeof e==`number`&&Number.isFinite(e))return JSON.stringify(e);if(Array.isArray(e))return`[${e.map(t).join(`,`)}]`;if(typeof e==`object`&&e&&Object.getPrototypeOf(e)===Object.prototype){let n=e;return`{${Object.keys(n).sort().map(e=>`${JSON.stringify(e)}:${t(n[e])}`).join(`,`)}}`}throw Error(`Design JSON must contain only finite JSON values`)};return`${t(e)}\n`}function Vr(e){return pt(Ir(typeof e==`string`?new TextEncoder().encode(e):e))}function Hr(e){try{let t=JSON.parse(e);if(typeof t!=`object`||!t||!(`version`in t)||typeof t.version!=`string`||!/^\d+\.\d+$/.test(t.version))throw Error(`Missing or invalid format version`);return t.version.split(`.`)[0]===`1`?{status:`editable`,document:Lr(t,{onExcessProperty:`error`}),fileHash:Vr(e),diagnostics:[]}:{status:`read-only`,raw:t,source:e,fileHash:Vr(e),diagnostics:[zr(`unknown-major`,`Unsupported design version ${t.version}`)]}}catch{return{status:`invalid`,source:e,diagnostics:[zr(`invalid-schema`,`Invalid .p4design JSON or schema`)]}}}function Ur(e,t){return Rr({...e,...t},{onExcessProperty:`error`})}function Wr(e){let t=new Map,n=new Map,r=[],i=(i,a,o)=>{e.nodes[i]||r.push(zr(`missing-node`,`Referenced node is missing`,a??i)),t.has(i)?r.push(zr(`multiple-parents`,`Node occurs in more than one ordered child list`,i)):(t.set(i,a),n.set(i,o))};e.roots.forEach((e,t)=>i(e,null,t));for(let[t,n]of Object.entries(e.nodes))`children`in n&&n.children.forEach((e,n)=>i(e,t,n));for(let[t,n]of Object.entries(e.instances))for(let e of Object.values(n.slots))e.forEach((e,n)=>i(e,t,n));let a=new Set,o=new Set,s=(t,n)=>{if(a.has(t)){r.push(zr(`tree-cycle`,`Child lists contain a cycle`,t));return}if(n>256){r.push(zr(`depth-limit`,`Scene exceeds 256 levels`,t));return}if(o.has(t))return;a.add(t);let i=e.nodes[t];if(i&&`children`in i)for(let e of i.children)s(e,n+1);a.delete(t),o.add(t)};for(let t of Object.keys(e.nodes))s(t,0);return{parents:t,order:n,diagnostics:r}}function Gr(e,t,n={},r=new Set){if(r.has(t))throw Error(`token-cycle`);if(r.size>=256)throw Error(`token-depth-limit`);let i=e.tokens[t];if(!i)throw Error(`missing-token`);let a=new Set(r).add(t),o=i.variants.filter(e=>Object.entries(e.theme).every(([e,t])=>n[e]===t));if(o.sort((e,t)=>Object.keys(t.theme).length-Object.keys(e.theme).length),o[0]&&o.some(e=>Object.keys(e.theme).length===Object.keys(o[0].theme).length&&Br(e.value)!==Br(o[0].value)))throw Error(`ambiguous-token`);let s=o[0]?.value??i.value,c=typeof s==`object`?Gr(e,s.tokenId,n,a):s;if((i.kind===`number`?typeof c!=`number`:typeof c!=`string`)||i.kind===`color`&&(typeof c!=`string`||!/^#[0-9a-fA-F]{6}([0-9a-fA-F]{2})?$/.test(c)))throw Error(`token-type`);return c}function Kr(e,t,n={}){return typeof t==`object`?Gr(e,t.tokenId,n):t}function qr(e,t={}){let n=[],r=(e,i,a,o,s,c,l)=>{let u=e.nodes[i];if(!u){n.push(zr(`missing-node`,`Expansion target is missing`,o));return}if(l>256||s.has(`${e.documentId}/node/${i}`)){n.push(zr(`component-cycle`,`Expansion contains a cycle or exceeds 256 levels`,o));return}let d=u;try{c[i]&&(d=Ur(d,c[i]))}catch{n.push(zr(`invalid-override`,`Override does not match its source node`,o))}let f=new Set(s).add(`${e.documentId}/node/${i}`);if(d.type===`ref`){let s=d.importId?e.imports[d.importId]:void 0,u=s?t.manifest?.libraries[s.libraryId]:void 0,p=d.importId?u?.exports.includes(d.componentId)&&s?t.documents?.[s.libraryId]:void 0:e,m=p?.components[d.componentId];if(!p||!m)return n.push(zr(`missing-import`,`Component or exported library symbol is unavailable`,o)),{key:a,sourceId:i,ownerId:o,document:e,node:d,children:[]};let h=e.instances[i],g={...c,...h?.overrides},_=p===e?p:{...p,tokens:{...p.tokens,...e.tokens},themeAxes:{...p.themeAxes,...e.themeAxes}},v=r(_,m.rootId,`${a}/${m.rootId}`,o,f,g,l+1);if(!v)return;let y=t=>{let n=Object.entries(m.slots).find(([,e])=>e.nodeId===t.sourceId),i=n?h?.slots[n[0]]:void 0;return i?{...t,children:i.flatMap(n=>{let i=r(e,n,`${t.key}/slot/${n}`,o,f,{},l+1);return i?[i]:[]})}:{...t,children:t.children.map(y)}},{type:b,componentId:x,importId:S,...C}=d;return{...y(v),key:a,ownerId:o,node:{...v.node,...C}}}let p=`children`in d?d.children.flatMap(t=>{let n=r(e,t,`${a}/${t}`,o===i?t:o,f,c,l+1);return n?[n]:[]}):[];return{key:a,sourceId:i,ownerId:o,document:e,node:d,children:p}};return{roots:e.roots.flatMap(t=>{let n=r(e,t,t,t,new Set,{},0);return n?[n]:[]}),diagnostics:n}}function Jr(e,t){let n=new Set(t),r=new Set(e.filter(e=>n.has(e.ownerId)).map(e=>e.key));return e.filter(e=>{let t=e.key;for(;t;){if(r.has(t))return!0;let e=t.lastIndexOf(`/`);if(e<0)break;t=t.slice(0,e)}return!1})}function Yr(e,t={},n={}){let r=qr(e,n),i=[...r.diagnostics],a=[],o=(e,n)=>{try{let r=Kr(e.document,n,t);if(typeof r!=`number`||!Number.isFinite(r))throw Error(`token-type`);return r}catch{return i.push(zr(`invalid-layout-token`,`Layout value requires a finite number`,e.ownerId)),0}},s=new Map,c=e=>{let t=s.get(e.key);if(t)return t;let n=e.node,r=e.children.map(c),a=`layout`in n?n.layout:void 0,l=a?Object.fromEntries(Object.entries(a.padding).map(([t,n])=>[t,o(e,n)])):{top:0,right:0,bottom:0,left:0},u=a?o(e,a.gap):0,d=a?.direction??`none`,f=d===`horizontal`?r.reduce((e,t)=>e+t.width,0)+Math.max(0,r.length-1)*u:Math.max(0,...r.map(e=>e.width)),p=d===`vertical`?r.reduce((e,t)=>e+t.height,0)+Math.max(0,r.length-1)*u:Math.max(0,...r.map(e=>e.height));if(d===`none`&&(f=Math.max(0,...e.children.map((e,t)=>o(e,e.node.x)+r[t].width)),p=Math.max(0,...e.children.map((e,t)=>o(e,e.node.y)+r[t].height))),n.type===`text`){let t=o(e,n.fontSize),r=n.lineHeight?o(e,n.lineHeight):1.2,i=n.text.split(`
+import{a as e,t}from"./react-DH3P2YXY.js";import{n,t as r}from"./jsx-runtime-BnjsACtP.js";import{t as i}from"./arrow-down-up-Tu6B2hri.js";import{t as a}from"./arrow-down-Bo_WAMYh.js";import{t as o}from"./arrow-left-Ba8eq_9S.js";import{t as s}from"./arrow-right-Bg4mlTrk.js";import{t as c}from"./arrow-up-right-BNXlwlzJ.js";import{t as l}from"./arrow-up-D4kutFpL.js";import{t as u}from"./boxes-BfWW3Ltn.js";import{t as d}from"./chevron-down-Do9qqNbR.js";import{t as f}from"./chevron-left-D56AngEd.js";import{t as p}from"./chevron-right-CcbZ6PxZ.js";import{t as m}from"./chevron-up-CZEzk9UW.js";import{t as h}from"./chevrons-up-down-CMYBD15h.js";import{t as g}from"./circle-alert-Rh3WFq8P.js";import{t as _}from"./circle-BXaepj2J.js";import{t as v}from"./component-Cjpag93p.js";import{t as y}from"./download-CfEwtjBn.js";import{t as b}from"./ellipsis-CSD7gEuG.js";import{t as x}from"./file-code-corner-Bph0gpk_.js";import{t as S}from"./focus-DqLN3s74.js";import{t as C}from"./folder-Cieksypr.js";import{t as w}from"./frame-CcTSPHy6.js";import{t as T}from"./group-DagR7Spm.js";import{t as E}from"./hand-DzOAi3K6.js";import{t as D}from"./history-BOloOry4.js";import{t as O}from"./image-DFl_i29V.js";import{t as k}from"./layers-BczY2xKh.js";import{t as A}from"./layout-grid-C79yjUPR.js";import{t as j}from"./library-CEDjCuu1.js";import{t as M}from"./link-iM9yOrD5.js";import{t as N}from"./lock-CNeMaiIX.js";import{t as P}from"./map-pin-Du8QPTPU.js";import{t as F}from"./maximize-2-C4jSdiqI.js";import{t as ee}from"./message-square-plus-B5p7jak7.js";import{t as I}from"./message-square-B2NO3ViY.js";import{t as te}from"./minus-DVH2v7vL.js";import{t as ne}from"./monitor-DYdSXGUQ.js";import{t as re}from"./mouse-pointer-2-BzC5PGDm.js";import{t as ie}from"./plus-BFikiw2m.js";import{t as ae}from"./refresh-cw-Bb4DfPZ_.js";import{t as oe}from"./scan-search-DmEtObcE.js";import{t as se}from"./scan-peMdzQnf.js";import{t as ce}from"./search-2NYXmfL3.js";import{t as L}from"./settings-CSrjOUO8.js";import{t as le}from"./spline-Bd4w-Q8s.js";import{t as ue}from"./square-ChD_5l-9.js";import{t as de}from"./swatch-book-BBFZXQh1.js";import{t as fe}from"./type-CcxvYAFU.js";import{t as pe}from"./upload-_7gAV2BZ.js";import{t as me}from"./wifi-off-DzVPlURa.js";import{t as he}from"./x-CJgPyqpa.js";import{$x as ge,Av as _e,D as ve,Lv as ye,M_ as be,Or as xe,Os as Se,PS as R,Qc as Ce,Qw as we,Rr as Te,Sb as Ee,Sn as De,Sr as Oe,Tb as ke,To as Ae,W as z,XS as B,Xc as je,Yc as Me,Zc as Ne,Zg as Pe,Zs as Fe,Zu as Ie,_C as Le,_r as Re,_s as ze,aT as Be,as as Ve,b as He,dr as Ue,es as We,f_ as Ge,gr as Ke,hr as qe,iC as Je,kw as Ye,l as Xe,lS as Ze,lT as Qe,mr as $e,ns as et,ps as tt,rs as nt,tE as rt,ts as it,uC as at,vs as ot,ws as st,xa as ct,xn as lt,xr as ut,zS as dt,zr as ft}from"./utils-DhUt689t.js";import{_ as pt,g as mt}from"./runtime-OeWFs5Hf.js";import{j as ht,k as gt}from"./entities-B8Vupv5g.js";import{t as _t}from"./runtime-Ca_Z-vg5.js";import{a as vt,c as yt,i as bt,l as xt,n as St,o as Ct,r as wt,s as Tt,t as Et,u as Dt}from"./SelectScrollUpArrow-BQJrvk31.js";import{t as Ot}from"./useNavigate-BWqAWfiZ.js";import{S as kt}from"./useSettings-gPlpTIWi.js";import{u as At}from"./rightPanelStore-CGF0-d-1.js";import{a as jt,i as Mt,n as Nt,o as V,r as Pt,t as Ft}from"./ClippedText-D_rM_XDj.js";import{n as It,t as Lt}from"./CheckboxIndicator-CZCy38xt.js";import{a as Rt,f as zt,i as Bt,l as Vt,n as Ht,o as Ut,p as Wt,r as Gt,s as Kt,t as qt,u as Jt}from"./ComboboxClear-tOmMpuVi.js";import{d as Yt}from"./combobox-Cw2-7qyI.js";import{n as Xt,t as Zt}from"./ComboboxGroupLabel-CgZZIHwV.js";import{t as Qt}from"./Input-D3Qi4jCN.js";import{a as $t,i as en,n as tn,r as nn,t as rn}from"./ScrollAreaCorner-nnFi-Ecx.js";import{c as an,l as on,n as sn,o as cn,r as ln,s as un,t as dn,u as fn}from"./DialogTitle-bcvBtKP-.js";import{a as pn,c as mn,n as hn,o as gn,r as _n,s as vn}from"./PopoverHandle-Cj5egwXv.js";import{t as yn}from"./AlertDialogRoot-BSP6M0Mu.js";import{t as bn}from"./DesignPageTile-rWwXWJ2J.js";import{c as xn,d as Sn,i as Cn,l as wn,s as Tn,t as En,u as Dn}from"./design-Cdl1XCBU.js";import{n as On}from"./useHandleNewThread-BYNZXzR_.js";var H=e(t(),1),U=n(),kn=Ie(`[&_svg]:-mx-0.5 relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg border font-medium text-base outline-none transition-colors pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 sm:text-sm [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,{defaultVariants:{size:`default`,variant:`default`},variants:{size:{default:`h-9 px-[calc(--spacing(3)-1px)] sm:h-8`,icon:`size-9 sm:size-8`,"icon-lg":`size-10 sm:size-9`,"icon-micro":`size-5 rounded-sm p-0 [&_svg:not([class*='size-'])]:size-3`,"icon-sm":`size-8 sm:size-7`,"icon-xl":`size-11 sm:size-10 [&_svg:not([class*='size-'])]:size-5 sm:[&_svg:not([class*='size-'])]:size-4.5`,"icon-xs":`size-7 rounded-md sm:size-6 not-in-data-[slot=input-group]:[&_svg:not([class*='size-'])]:size-4 sm:not-in-data-[slot=input-group]:[&_svg:not([class*='size-'])]:size-3.5`,lg:`h-10 px-[calc(--spacing(3.5)-1px)] sm:h-9`,sm:`h-8 gap-1.5 px-[calc(--spacing(2.5)-1px)] sm:h-7`,xl:`h-11 px-[calc(--spacing(4)-1px)] text-lg sm:h-10 sm:text-base [&_svg:not([class*='size-'])]:size-5 sm:[&_svg:not([class*='size-'])]:size-4.5`,xs:`h-7 gap-1 rounded-md px-[calc(--spacing(2)-1px)] text-sm sm:h-6 sm:text-xs [&_svg:not([class*='size-'])]:size-4 sm:[&_svg:not([class*='size-'])]:size-3.5`},variant:{default:`border-primary bg-primary text-primary-foreground [:active,[data-pressed]]:bg-primary/80 [:hover,[data-pressed]]:bg-primary/90`,destructive:`border-primary bg-primary text-primary-foreground [:active,[data-pressed]]:bg-primary/80 [:hover,[data-pressed]]:bg-primary/90`,"destructive-outline":`border-input bg-popover not-dark:bg-clip-padding text-foreground dark:bg-input/32 [:active,[data-pressed]]:bg-accent/70 [:hover,[data-pressed]]:bg-accent/50 dark:[:hover,[data-pressed]]:bg-input/64 [&_svg:not([class*='text-'])]:text-muted-foreground`,ghost:`border-transparent text-foreground data-pressed:bg-accent [:hover,[data-pressed]]:bg-accent [&_svg:not([class*='text-'])]:text-muted-foreground`,link:`border-transparent underline-offset-4 [:hover,[data-pressed]]:underline`,outline:`border-input bg-popover not-dark:bg-clip-padding text-foreground dark:bg-input/32 [:active,[data-pressed]]:bg-accent/70 [:hover,[data-pressed]]:bg-accent/50 dark:[:hover,[data-pressed]]:bg-input/64 [&_svg:not([class*='text-'])]:text-muted-foreground`,secondary:`border-transparent bg-secondary text-secondary-foreground [:active,[data-pressed]]:bg-secondary/80 [:hover,[data-pressed]]:bg-secondary/90`}}});function W(e){let t=(0,U.c)(9),n,r,i,a;if(t[0]!==e){let{className:o,variant:s,size:c,render:l,...u}=e;n=l;let d=n?void 0:`button`,f={className:V(kn({className:o,size:c,variant:s})),"data-slot":`button`,type:d};a=$e,r=`button`,i=Ae(f,u),t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a}else n=t[1],r=t[2],i=t[3],a=t[4];let o;return t[5]!==n||t[6]!==r||t[7]!==i?(o={defaultTagName:r,props:i,render:n},t[5]=n,t[6]=r,t[7]=i,t[8]=o):o=t[8],a(o)}var G=e(r(),1);function An(e){let t=(0,U.c)(30),n,r,i,a,o;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5]):({className:n,size:i,unstyled:a,nativeInput:o,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o);let s=i===void 0?`default`:i,c=a!==void 0&&a,l=o!==void 0&&o,u=s===`sm`&&`h-7.5 px-[calc(--spacing(2.5)-1px)] leading-7.5 sm:h-6.5 sm:leading-6.5`,d=s===`lg`&&`h-9.5 leading-9.5 sm:h-8.5 sm:leading-8.5`,f=r.type===`search`&&`[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none`,p=r.type===`file`&&`text-muted-foreground file:me-3 file:bg-transparent file:font-medium file:text-foreground file:text-sm`,m;t[6]!==u||t[7]!==d||t[8]!==f||t[9]!==p?(m=V(`h-8.5 w-full min-w-0 rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-8.5 outline-none placeholder:text-muted-foreground/72 sm:h-7.5 sm:leading-7.5 [transition:background-color_5000000s_ease-in-out_0s]`,u,d,f,p),t[6]=u,t[7]=d,t[8]=f,t[9]=p,t[10]=m):m=t[10];let h=m,g;if(l){let e,n;if(t[11]!==r){let{style:i,onValueChange:a,...o}=r;n=i,e=o,t[11]=r,t[12]=e,t[13]=n}else e=t[12],n=t[13];let i=typeof n==`function`?void 0:n,a=typeof s==`number`?s:void 0,o=e,c;t[14]!==h||t[15]!==i||t[16]!==o||t[17]!==a?(c=(0,G.jsx)(`input`,{className:h,"data-slot":`input`,size:a,style:i,...o}),t[14]=h,t[15]=i,t[16]=o,t[17]=a,t[18]=c):c=t[18],g=c}else{let e=typeof s==`number`?s:void 0,n;t[19]!==h||t[20]!==r||t[21]!==e?(n=(0,G.jsx)(Qt,{className:h,"data-slot":`input`,size:e,...r}),t[19]=h,t[20]=r,t[21]=e,t[22]=n):n=t[22],g=n}let _;t[23]!==n||t[24]!==c?(_=V(!c&&`relative inline-flex w-full rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-autofill:bg-foreground/4 has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] sm:text-sm dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]`,n)||void 0,t[23]=n,t[24]=c,t[25]=_):_=t[25];let v;return t[26]!==g||t[27]!==s||t[28]!==_?(v=(0,G.jsx)(`span`,{className:_,"data-size":s,"data-slot":`input-control`,children:g}),t[26]=g,t[27]=s,t[28]=_,t[29]=v):v=t[29],v}var jn=Oe;function Mn(e){let t=(0,U.c)(8),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({className:r,children:n,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a;return t[4]!==n||t[5]!==r||t[6]!==i?(a=(0,G.jsx)(Re,{className:r,"data-slot":`menu-trigger`,...i,children:n}),t[4]=n,t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Nn(e){let t=(0,U.c)(26),n,r,i,a,o,s,c,l,u;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8],u=t[9]):({children:i,className:a,sideOffset:c,align:l,alignOffset:n,side:u,anchor:r,disableAnchorTracking:o,...s}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l,t[9]=u);let d=c===void 0?4:c,f=l===void 0?`center`:l,p=u===void 0?`bottom`:u,m;t[10]===a?m=t[11]:(m=V(`dropdown-glass relative flex not-[class*='w-']:min-w-32 origin-(--transform-origin) rounded-lg outline-none transition-[scale,opacity] duration-[140ms] ease-[cubic-bezier(0.23,1,0.32,1)] data-ending-style:scale-98 data-starting-style:scale-98 data-ending-style:opacity-0 data-starting-style:opacity-0 data-instant:duration-0 focus:outline-none`,a),t[10]=a,t[11]=m);let h;t[12]===i?h=t[13]:(h=(0,G.jsx)(`div`,{className:`max-h-(--available-height) w-full overflow-y-auto p-1`,children:i}),t[12]=i,t[13]=h);let g;t[14]!==s||t[15]!==m||t[16]!==h?(g=(0,G.jsx)(ft,{className:m,"data-slot":`menu-popup`,...s,children:h}),t[14]=s,t[15]=m,t[16]=h,t[17]=g):g=t[17];let _;return t[18]!==f||t[19]!==n||t[20]!==r||t[21]!==o||t[22]!==p||t[23]!==d||t[24]!==g?(_=(0,G.jsx)(Te,{children:(0,G.jsx)(xe,{align:f,alignOffset:n,anchor:r,disableAnchorTracking:o,className:`z-[60]`,"data-slot":`menu-positioner`,side:p,sideOffset:d,children:g})}),t[18]=f,t[19]=n,t[20]=r,t[21]=o,t[22]=p,t[23]=d,t[24]=g,t[25]=_):_=t[25],_}function Pn(e){let t=(0,U.c)(12),n,r,i,a;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4]):({className:n,inset:r,variant:a,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a);let o=a===void 0?`default`:a,s;t[5]===n?s=t[6]:(s=V(`[&>svg]:-mx-0.5 flex min-h-8 cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-inset:ps-8 data-[variant=destructive]:text-destructive-foreground data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4 [&>svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&>svg:not([class*='text-'])]:text-current [&>svg]:pointer-events-none [&>svg]:shrink-0`,n),t[5]=n,t[6]=s);let c;return t[7]!==r||t[8]!==i||t[9]!==s||t[10]!==o?(c=(0,G.jsx)(ct,{className:s,"data-inset":r,"data-slot":`menu-item`,"data-variant":o,...i}),t[7]=r,t[8]=i,t[9]=s,t[10]=o,t[11]=c):c=t[11],c}function Fn(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`mx-2 my-1 h-px bg-border`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(Ke,{className:i,"data-slot":`menu-separator`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function In(e){let t=(0,U.c)(2),n;return t[0]===e?n=t[1]:(n=(0,G.jsx)(ut,{"data-slot":`menu-sub`,...e}),t[0]=e,t[1]=n),n}function Ln(e){let t=(0,U.c)(13),n,r,i,a;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4]):({className:r,inset:i,children:n,...a}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a);let o;t[5]===r?o=t[6]:(o=V(`flex min-h-8 items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-popup-open:bg-accent data-inset:ps-8 data-highlighted:text-accent-foreground data-popup-open:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none`,r),t[5]=r,t[6]=o);let s;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(s=(0,G.jsx)(p,{className:`-me-0.5 ms-auto opacity-80`}),t[7]=s):s=t[7];let c;return t[8]!==n||t[9]!==i||t[10]!==a||t[11]!==o?(c=(0,G.jsxs)(qe,{className:o,"data-inset":i,"data-slot":`menu-sub-trigger`,...a,children:[n,s]}),t[8]=n,t[9]=i,t[10]=a,t[11]=o,t[12]=c):c=t[12],c}function Rn(e){let t=(0,U.c)(12),n,r,i,a,o;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5]):({className:r,sideOffset:a,alignOffset:n,align:o,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o);let s=a===void 0?0:a,c=o===void 0?`start`:o,l=n??(c===`center`?void 0:-5),u;return t[6]!==c||t[7]!==r||t[8]!==i||t[9]!==s||t[10]!==l?(u=(0,G.jsx)(Nn,{align:c,alignOffset:l,className:r,"data-slot":`menu-sub-content`,side:`inline-end`,sideOffset:s,...i}),t[6]=c,t[7]=r,t[8]=i,t[9]=s,t[10]=l,t[11]=u):u=t[11],u}var zn=`dialog-backdrop panel-motion fixed inset-0 z-50 transition-all duration-(--panel-duration) data-ending-style:opacity-0 data-starting-style:opacity-0`,Bn=`dialog-glass panel-motion -translate-y-[calc(1.25rem*var(--nested-dialogs))] relative flex min-h-0 w-full min-w-0 scale-[calc(1-0.1*var(--nested-dialogs))] flex-col rounded-2xl border opacity-[calc(1-0.1*var(--nested-dialogs))] outline-none transition-[scale,opacity,translate] duration-(--panel-duration) ease-in-out will-change-transform data-nested:data-ending-style:translate-y-8 data-nested:data-starting-style:translate-y-8 data-nested-dialog-open:origin-top data-ending-style:scale-98 data-starting-style:scale-98 data-ending-style:opacity-0 data-starting-style:opacity-0`,Vn=yn,Hn=cn;function Un(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(zn,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(fn,{forceRender:!0,className:i,"data-slot":`alert-dialog-backdrop`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Wn(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center p-4`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(sn,{className:i,"data-slot":`alert-dialog-viewport`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Gn(e){let t=(0,U.c)(16),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({className:n,bottomStickOnMobile:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a=i===void 0||i,o;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(o=(0,G.jsx)(Un,{}),t[4]=o):o=t[4];let s=a&&`max-sm:grid-rows-[1fr_auto] max-sm:p-0 max-sm:pt-12`,c;t[5]===s?c=t[6]:(c=V(s),t[5]=s,t[6]=c);let l=a&&`max-sm:max-w-none max-sm:rounded-none max-sm:border-x-0 max-sm:border-t max-sm:border-b-0 max-sm:opacity-[calc(1-min(var(--nested-dialogs),1))] max-sm:data-ending-style:translate-y-4 max-sm:data-starting-style:translate-y-4`,u;t[7]!==n||t[8]!==l?(u=V(Bn,`row-start-2 max-h-full max-w-lg text-popover-foreground`,l,n),t[7]=n,t[8]=l,t[9]=u):u=t[9];let d;t[10]!==r||t[11]!==u?(d=(0,G.jsx)(un,{className:u,"data-slot":`alert-dialog-popup`,...r}),t[10]=r,t[11]=u,t[12]=d):d=t[12];let f;return t[13]!==c||t[14]!==d?(f=(0,G.jsxs)(Hn,{children:[o,(0,G.jsx)(Wn,{className:c,children:d})]}),t[13]=c,t[14]=d,t[15]=f):f=t[15],f}function Kn(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`flex flex-col gap-2 p-6 text-center max-sm:pb-4 sm:text-left`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(`div`,{className:i,"data-slot":`alert-dialog-header`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function qn(e){let t=(0,U.c)(11),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({className:n,variant:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a=i===void 0?`default`:i,o=a==="default"&&`border-t bg-muted/72 py-4`,s=a===`bare`&&`pb-6`,c;t[4]!==n||t[5]!==o||t[6]!==s?(c=V(`flex flex-col-reverse gap-2 px-6 sm:flex-row sm:justify-end sm:rounded-b-[calc(var(--radius-2xl)-1px)]`,o,s,n),t[4]=n,t[5]=o,t[6]=s,t[7]=c):c=t[7];let l;return t[8]!==r||t[9]!==c?(l=(0,G.jsx)(`div`,{className:c,"data-slot":`alert-dialog-footer`,...r}),t[8]=r,t[9]=c,t[10]=l):l=t[10],l}function Jn(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`font-heading font-semibold text-xl leading-none`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(dn,{className:i,"data-slot":`alert-dialog-title`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Yn(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`text-muted-foreground text-sm`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(an,{className:i,"data-slot":`alert-dialog-description`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}var Xn=(0,H.createContext)(null);function Zn(e){let t=(0,U.c)(3),{host:n,children:r}=e,i=n,a;return t[0]!==r||t[1]!==i?(a=(0,G.jsx)(Xn,{value:i,children:r}),t[0]=r,t[1]=i,t[2]=a):a=t[2],a}function Qn(){let e=(0,H.use)(Xn);if(!e)throw Error(`Design workspace rendered outside a DesignHostProvider`);return e}var $n=Ve(st(!1)).pipe(tt(`design-query:empty`));function er(e){let t=we(e);return t instanceof Error&&t.message.trim().length>0?t.message:`The environment request failed.`}function tr(e){let t=(0,U.c)(10),n=e??$n,r=it(n),i=We(n),a;t[0]===r?a=t[1]:(a=rt(Se(r)),t[0]=r,t[1]=a);let o;t[2]!==r._tag||t[3]!==r.cause?(o=r._tag===`Failure`?er(r.cause):null,t[2]=r._tag,t[3]=r.cause,t[4]=o):o=t[4];let s=e!==null&&r.waiting,c;return t[5]!==i||t[6]!==a||t[7]!==o||t[8]!==s?(c={data:a,error:o,isPending:s,refresh:i},t[5]=i,t[6]=a,t[7]=o,t[8]=s,t[9]=c):c=t[9],c}function nr(){let e=Qn(),t=(0,H.useContext)(et);return(0,H.useCallback)(async n=>{let r=e.runtime.atom(n),i=await B(Je(Ze(function*(){return yield*ot(t,r),yield*ze(t,r,{suspendOnWaiting:!0})})));if(Ye(i))throw we(i.cause);return i.value},[e,t])}function rr(e){return e.label?e.label:e.origin===`agent`?`Agent run`:e.origin===`restore`?`Restored`:`Edits`}function ir(e){let t=new Date(e);return t.toDateString()===new Date().toDateString()?t.toLocaleTimeString(void 0,{hour:`numeric`,minute:`2-digit`}):t.toLocaleDateString(void 0,{month:`short`,day:`numeric`})}function ar(e,t){return[new Date(e.savedAt).toLocaleString(void 0,{month:`short`,day:`numeric`,hour:`numeric`,minute:`2-digit`}),`${e.changes} ${e.changes===1?`change`:`changes`}`,t?`Current`:null].filter(Boolean).join(` · `)}var or=e=>e instanceof Error&&`code`in e?String(e.code):null;function sr(e){let t=(0,U.c)(96),{target:n,path:r,revision:i,fileHash:a,disabled:o,compact:s,onCompare:c}=e,l=s!==void 0&&s,{transport:u}=Qn(),f=nr(),[p,m]=(0,H.useState)(!1),[h,g]=(0,H.useState)(null),[_,v]=(0,H.useState)(null),[y,b]=(0,H.useState)(null),[x,S]=(0,H.useState)(null),[C,w]=(0,H.useState)(``),[T,E]=(0,H.useState)(!1),[O,k]=(0,H.useState)(0),A;t[0]!==r||t[1]!==f||t[2]!==n||t[3]!==u?(A=()=>{let e=!0;return v(null),f(u.revisions(n,r)).then(t=>{e&&g(t)},()=>{e&&v(`Could not load revisions.`)}),()=>{e=!1}},t[0]=r,t[1]=f,t[2]=n,t[3]=u,t[4]=A):A=t[4];let j;t[5]!==O||t[6]!==a||t[7]!==p||t[8]!==r||t[9]!==f||t[10]!==n||t[11]!==u?(j=[p,O,n,r,a,u,f],t[5]=O,t[6]=a,t[7]=p,t[8]=r,t[9]=f,t[10]=n,t[11]=u,t[12]=j):j=t[12],(0,H.useEffect)(A,j);let M;if(t[13]!==a||t[14]!==i||t[15]!==h){let e=h?.find(e=>e.fileHash===a);M=e?`${rr(e)} · ${ir(e.savedAt)}`:i?`Revision ${i.slice(0,8)}`:`Revisions`,t[13]=a,t[14]=i,t[15]=h,t[16]=M}else M=t[16];let N=M,P;t[17]===T?P=t[18]:(P=()=>{T||(S(null),b(null))},t[17]=T,t[18]=P);let F=P,ee;t[19]!==x||t[20]!==T||t[21]!==C||t[22]!==r||t[23]!==f||t[24]!==n||t[25]!==u?(ee=()=>{if(!x||T)return;E(!0),b(null);let e=x.kind===`restore`?u.restoreRevision(n,r,x.entry.id,x.expectedFileHash):x.kind===`rename`?u.renameRevision(n,r,x.entry.id,C):u.deleteRevision(n,r,x.entry.id);f(e).then(()=>{S(null),k(cr)},e=>{let t=or(e);b(x.kind===`restore`&&t===`conflict`?`The design changed. Reopen revisions and try again.`:x.kind===`restore`&&t===`invalid-document`?`This revision cannot be restored with the current libraries and assets.`:x.kind===`delete`&&t===`conflict`?`The current revision can't be deleted. Restore another revision first.`:`Could not ${x.kind} this revision. Reopen revisions and try again.`)}).finally(()=>E(!1))},t[19]=x,t[20]=T,t[21]=C,t[22]=r,t[23]=f,t[24]=n,t[25]=u,t[26]=ee):ee=t[26];let I=ee,te;t[27]===x?te=t[28]:(te=x?rr(x.entry):``,t[27]=x,t[28]=te);let ne=te,re=l?`icon-sm`:`sm`,ie=o||T,ae=`Revision history, current: ${N}`,oe=l?void 0:`design-revision-trigger`,se;t[29]!==ae||t[30]!==oe||t[31]!==re||t[32]!==ie?(se=(0,G.jsx)(Mn,{render:(0,G.jsx)(W,{size:re,variant:`ghost`,disabled:ie,"aria-label":ae,className:oe})}),t[29]=ae,t[30]=oe,t[31]=re,t[32]=ie,t[33]=se):se=t[33];let ce;t[34]===Symbol.for(`react.memo_cache_sentinel`)?(ce=(0,G.jsx)(D,{"aria-hidden":`true`}),t[34]=ce):ce=t[34];let L;t[35]!==l||t[36]!==N?(L=l?null:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(`span`,{className:`design-collapsible-label design-truncate`,children:N}),(0,G.jsx)(d,{"aria-hidden":`true`,className:`design-collapsible-label`})]}),t[35]=l,t[36]=N,t[37]=L):L=t[37];let le;t[38]!==se||t[39]!==L?(le=(0,G.jsxs)(jt,{render:se,children:[ce,L]}),t[38]=se,t[39]=L,t[40]=le):le=t[40];let ue;t[41]===Symbol.for(`react.memo_cache_sentinel`)?(ue=(0,G.jsx)(Mt,{children:`Revision history`}),t[41]=ue):ue=t[41];let de;t[42]===le?de=t[43]:(de=(0,G.jsxs)(Pt,{children:[le,ue]}),t[42]=le,t[43]=de);let fe;t[44]!==O||t[45]!==o||t[46]!==a||t[47]!==_||t[48]!==c||t[49]!==h?(fe=_?(0,G.jsxs)(Pn,{onClick:()=>k(O+1),children:[_,` Retry`]}):h===null?(0,G.jsx)(Pn,{disabled:!0,children:`Loading revisions...`}):h.length===0?(0,G.jsx)(Pn,{disabled:!0,children:`No saved revisions yet`}):h.map(e=>{let t=e.fileHash===a;return(0,G.jsxs)(In,{children:[(0,G.jsx)(Ln,{children:(0,G.jsxs)(`span`,{className:`flex min-w-0 flex-col gap-0.5`,children:[(0,G.jsx)(`span`,{className:`truncate`,children:rr(e)}),(0,G.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:ar(e,t)})]})}),(0,G.jsxs)(Rn,{children:[(0,G.jsx)(Pn,{disabled:t||o,onClick:()=>{b(null),S({kind:`restore`,entry:e,expectedFileHash:a})},children:`Restore...`}),c?(0,G.jsx)(Pn,{disabled:t,onClick:()=>c(e),children:`Compare with current`}):null,(0,G.jsx)(Fn,{}),(0,G.jsx)(Pn,{disabled:o,onClick:()=>{b(null),w(e.label??``),S({kind:`rename`,entry:e})},children:`Rename...`}),(0,G.jsx)(Pn,{disabled:t||o,onClick:()=>{b(null),S({kind:`delete`,entry:e})},children:`Delete...`})]})]},e.id)}),t[44]=O,t[45]=o,t[46]=a,t[47]=_,t[48]=c,t[49]=h,t[50]=fe):fe=t[50];let pe;t[51]===fe?pe=t[52]:(pe=(0,G.jsx)(Nn,{align:`start`,className:`max-h-80 w-72 overflow-y-auto`,children:fe}),t[51]=fe,t[52]=pe);let me;t[53]!==p||t[54]!==de||t[55]!==pe?(me=(0,G.jsxs)(jn,{open:p,onOpenChange:m,children:[de,pe]}),t[53]=p,t[54]=de,t[55]=pe,t[56]=me):me=t[56];let he=x!==null,ge;t[57]===F?ge=t[58]:(ge=e=>e?void 0:F(),t[57]=F,t[58]=ge);let _e;t[59]===I?_e=t[60]:(_e=e=>{e.preventDefault(),I()},t[59]=I,t[60]=_e);let ve=x?.kind===`restore`?`Restore "${ne}"?`:x?.kind===`rename`?`Rename revision`:`Delete "${ne}"?`,ye;t[61]===ve?ye=t[62]:(ye=(0,G.jsx)(Jn,{children:ve}),t[61]=ve,t[62]=ye);let be=x?.kind===`restore`?`Replace this design with that revision. Your current version stays in revision history. Libraries and assets are unchanged.`:x?.kind===`rename`?`Name it so it is easy to find. Leave it empty to show what made it.`:`Its saved versions are removed from history. This cannot be undone.`,xe;t[63]===be?xe=t[64]:(xe=(0,G.jsx)(Yn,{children:be}),t[63]=be,t[64]=xe);let Se;t[65]!==x||t[66]!==C?(Se=x?.kind===`rename`?(0,G.jsx)(An,{"aria-label":`Revision name`,value:C,maxLength:80,placeholder:rr({...x.entry,label:void 0}),onChange:e=>w(e.currentTarget.value),autoFocus:!0}):null,t[65]=x,t[66]=C,t[67]=Se):Se=t[67];let R;t[68]===y?R=t[69]:(R=y?(0,G.jsx)(`p`,{role:`alert`,className:`design-revision-error`,children:y}):null,t[68]=y,t[69]=R);let Ce;t[70]!==ye||t[71]!==xe||t[72]!==Se||t[73]!==R?(Ce=(0,G.jsxs)(Kn,{children:[ye,xe,Se,R]}),t[70]=ye,t[71]=xe,t[72]=Se,t[73]=R,t[74]=Ce):Ce=t[74];let we;t[75]!==T||t[76]!==F?(we=(0,G.jsx)(W,{type:`button`,size:`sm`,variant:`ghost`,disabled:T,onClick:F,children:`Cancel`}),t[75]=T,t[76]=F,t[77]=we):we=t[77];let Te=x?.kind===`delete`?`destructive`:`default`,Ee=T||!x,De=x?.kind===`restore`?T?`Restoring...`:`Restore revision`:x?.kind===`rename`?T?`Saving...`:`Save name`:T?`Deleting...`:`Delete revision`,Oe;t[78]!==Te||t[79]!==Ee||t[80]!==De?(Oe=(0,G.jsx)(W,{type:`submit`,size:`sm`,variant:Te,disabled:Ee,children:De}),t[78]=Te,t[79]=Ee,t[80]=De,t[81]=Oe):Oe=t[81];let ke;t[82]!==we||t[83]!==Oe?(ke=(0,G.jsxs)(qn,{children:[we,Oe]}),t[82]=we,t[83]=Oe,t[84]=ke):ke=t[84];let Ae;t[85]!==_e||t[86]!==Ce||t[87]!==ke?(Ae=(0,G.jsx)(Gn,{className:`max-w-md`,children:(0,G.jsxs)(`form`,{onSubmit:_e,children:[Ce,ke]})}),t[85]=_e,t[86]=Ce,t[87]=ke,t[88]=Ae):Ae=t[88];let z;t[89]!==he||t[90]!==ge||t[91]!==Ae?(z=(0,G.jsx)(Vn,{open:he,onOpenChange:ge,children:Ae}),t[89]=he,t[90]=ge,t[91]=Ae,t[92]=z):z=t[92];let B;return t[93]!==me||t[94]!==z?(B=(0,G.jsxs)(G.Fragment,{children:[me,z]}),t[93]=me,t[94]=z,t[95]=B):B=t[95],B}function cr(e){return e+1}function lr(e){let t=new URL(`p4design://open`);if(t.searchParams.set(`project`,e.projectRoot),t.searchParams.set(`file`,e.documentPath),t.searchParams.set(`revision`,e.revision),e.environmentId&&t.searchParams.set(`environment`,e.environmentId),!ur(t.href))throw Error(`Invalid design reference.`);return t.href}function ur(e){if(e.length>16384)return null;try{let t=new URL(e.trim());if(t.protocol!==`p4design:`||t.host!==`open`||t.username||t.password||t.hash||t.pathname)return null;let n=t.searchParams.get(`project`)??``,r=t.searchParams.get(`file`)??``,i=t.searchParams.get(`revision`)??``,a=t.searchParams.get(`environment`);return!/^(\/|[a-z]:[\\/])/i.test(n)||/\p{Cc}/u.test(n)||!r.endsWith(`.p4design`)||/^[\\/]|^[a-z]:/i.test(r)||r.split(/[\\/]/).some(e=>!e||e===`.`||e===`..`)||/\p{Cc}/u.test(r)||!/^[0-9a-f]{64}$/.test(i)||a!==null&&(!a||a.length>200)?null:{projectRoot:n,documentPath:r,revision:i,...a?{environmentId:a}:{}}}catch{return null}}var dr=()=>null;function fr({target:e,path:t,revision:n,compact:r=!1,iconOnly:i=!1}){let{navigation:a}=Qn(),o=(a.useWorkspaceRoot??dr)(e),[s,c]=(0,H.useState)(null);if(!e||!o||!t||!n)return null;let l=lr({projectRoot:o,documentPath:t,revision:n,...a.linkEnvironment?{environmentId:e.environmentId}:{}}),u=s?.link===l?s:null,d=()=>{Promise.resolve().then(()=>navigator.clipboard.writeText(l)).then(()=>c({link:l,error:!1}),()=>c({link:l,error:!0}))},f=u!==null&&!u.error;return(0,G.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[i?(0,G.jsxs)(Pt,{children:[(0,G.jsx)(jt,{render:(0,G.jsx)(W,{size:`icon-sm`,variant:`ghost`,"aria-label":f?`Link copied`:`Copy design link`,onClick:d}),children:(0,G.jsx)(M,{"aria-hidden":`true`})}),(0,G.jsx)(Mt,{children:f?`Link copied`:`Copy design link`})]}):(0,G.jsxs)(W,{size:`sm`,variant:r?`ghost`:`outline`,onClick:d,children:[(0,G.jsx)(M,{"aria-hidden":`true`}),f?`Link copied`:r?`Copy link`:`Copy design link`]}),u?.error?(0,G.jsx)(`span`,{role:`alert`,className:`text-xs`,children:`Could not copy. Try again.`}):null,u&&!u.error?(0,G.jsx)(`span`,{role:`status`,className:`sr-only`,children:`Paste into a P4 Code thread in this project.`}):null]})}var pr=Ie(`relative inline-flex shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-sm border border-transparent font-medium outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-3.5 sm:[&_svg:not([class*='size-'])]:size-3 [&_svg]:pointer-events-none [&_svg]:shrink-0 [button&,a&]:cursor-pointer [button&,a&]:pointer-coarse:after:absolute [button&,a&]:pointer-coarse:after:size-full [button&,a&]:pointer-coarse:after:min-h-11 [button&,a&]:pointer-coarse:after:min-w-11`,{defaultVariants:{size:`default`,variant:`default`},variants:{size:{default:`h-5.5 min-w-5.5 px-[calc(--spacing(1)-1px)] text-sm sm:h-4.5 sm:min-w-4.5 sm:text-xs`,lg:`h-6.5 min-w-6.5 px-[calc(--spacing(1.5)-1px)] text-base sm:h-5.5 sm:min-w-5.5 sm:text-sm`,sm:`h-5 min-w-5 rounded-[.25rem] px-[calc(--spacing(1)-1px)] text-xs sm:h-4 sm:min-w-4 sm:text-[.625rem]`},variant:{default:`bg-primary text-primary-foreground [button&,a&]:hover:bg-primary/90`,destructive:`bg-destructive text-white [button&,a&]:hover:bg-destructive/90`,error:`bg-destructive/8 text-destructive-foreground dark:bg-destructive/16`,info:`bg-info/8 text-info-foreground dark:bg-info/16`,outline:`border-input bg-background text-foreground dark:bg-input/32 [button&,a&]:hover:bg-accent/50 dark:[button&,a&]:hover:bg-input/48`,secondary:`bg-secondary text-secondary-foreground [button&,a&]:hover:bg-secondary/90`,success:`bg-success/8 text-success-foreground dark:bg-success/16`,warning:`bg-warning/8 text-warning-foreground dark:bg-warning/16`}}});function mr(e){let t=(0,U.c)(9),n,r,i,a;if(t[0]!==e){let{className:o,variant:s,size:c,render:l,...u}=e;n=l;let d={className:V(pr({className:o,size:c,variant:s})),"data-slot":`badge`};a=$e,r=`span`,i=Ae(d,u),t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a}else n=t[1],r=t[2],i=t[3],a=t[4];let o;return t[5]!==n||t[6]!==r||t[7]!==i?(o={defaultTagName:r,props:i,render:n},t[5]=n,t[6]=r,t[7]=i,t[8]=o):o=t[8],a(o)}function hr(e){let t=(0,U.c)(25),n,r,i,a,o,s,c;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7]):({className:r,children:n,scrollFade:a,scrollbarGutter:o,hideScrollbars:s,chainVerticalScroll:c,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c);let l=a!==void 0&&a,u=o!==void 0&&o,d=s!==void 0&&s,f=c!==void 0&&c,p;t[8]===r?p=t[9]:(p=V(`relative size-full min-h-0 overflow-hidden rounded-[inherit]`,r),t[8]=r,t[9]=p);let m=f&&`overscroll-y-auto`,h=l&&`mask-t-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-start)))] mask-b-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-end)))] mask-l-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-start)))] mask-r-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-end)))] [--fade-size:1.5rem]`,g=u&&`scrollbar-gutter-stable`,_=d&&`[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,v;t[10]!==m||t[11]!==h||t[12]!==g||t[13]!==_?(v=V(`h-full max-h-[inherit] overflow-auto overscroll-contain rounded-[inherit] outline-none transition-shadows focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background data-has-overflow-x:overscroll-x-contain`,m,h,g,_),t[10]=m,t[11]=h,t[12]=g,t[13]=_,t[14]=v):v=t[14];let y;t[15]!==n||t[16]!==v?(y=(0,G.jsx)(en,{className:v,"data-slot":`scroll-area-viewport`,children:n}),t[15]=n,t[16]=v,t[17]=y):y=t[17];let b;t[18]===d?b=t[19]:(b=!d&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(gr,{orientation:`vertical`}),(0,G.jsx)(gr,{orientation:`horizontal`}),(0,G.jsx)(rn,{"data-slot":`scroll-area-corner`})]}),t[18]=d,t[19]=b);let x;return t[20]!==i||t[21]!==y||t[22]!==b||t[23]!==p?(x=(0,G.jsxs)($t,{className:p,...i,children:[y,b]}),t[20]=i,t[21]=y,t[22]=b,t[23]=p,t[24]=x):x=t[24],x}function gr(e){let t=(0,U.c)(11),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({className:n,orientation:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a=i===void 0?`vertical`:i,o;t[4]===n?o=t[5]:(o=V(`flex opacity-0 transition-opacity delay-300 data-[orientation=horizontal]:mx-1 data-[orientation=horizontal]:mb-px data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:my-1 data-[orientation=vertical]:mr-px data-[orientation=vertical]:w-1.5 data-[orientation=horizontal]:flex-col data-hovering:opacity-100 data-scrolling:opacity-100 data-hovering:delay-0 data-scrolling:delay-0 data-hovering:duration-100 data-scrolling:duration-100`,n),t[4]=n,t[5]=o);let s;t[6]===Symbol.for(`react.memo_cache_sentinel`)?(s=(0,G.jsx)(tn,{className:`relative flex-1 rounded-full bg-[var(--app-scrollbar-thumb)] transition-colors hover:bg-[var(--app-scrollbar-thumb-hover)]`,"data-slot":`scroll-area-thumb`}),t[6]=s):s=t[6];let c;return t[7]!==a||t[8]!==r||t[9]!==o?(c=(0,G.jsx)(nn,{className:o,"data-slot":`scroll-area-scrollbar`,orientation:a,...r,children:s}),t[7]=a,t[8]=r,t[9]=o,t[10]=c):c=t[10],c}var _r=H.createContext({chipsRef:null,multiple:!1});function vr(e){let t=(0,U.c)(7),n=H.useRef(null),r=!!e.multiple,i;t[0]===r?i=t[1]:(i={chipsRef:n,multiple:r},t[0]=r,t[1]=i);let a=i,o;t[2]===e?o=t[3]:(o=(0,G.jsx)(Yt,{...e}),t[2]=e,t[3]=o);let s;return t[4]!==o||t[5]!==a?(s=(0,G.jsx)(_r,{value:a,children:o}),t[4]=o,t[5]=a,t[6]=s):s=t[6],s}function yr(e){let t=(0,U.c)(36),n,r,i,a,o,s,c,l;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8]):({className:n,inputClassName:r,showTrigger:s,showClear:c,startAddon:o,size:a,unstyled:l,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l);let u=s===void 0||s,d=c!==void 0&&c,f=l!==void 0&&l,p=a??`default`,m;t[9]===o?m=t[10]:(m=o&&(0,G.jsx)(`div`,{"aria-hidden":`true`,className:`[&_svg]:-mx-0.5 pointer-events-none absolute inset-y-0 start-px z-10 flex items-center ps-[calc(--spacing(3)-1px)] opacity-80 has-[+[data-size=sm]]:ps-[calc(--spacing(2.5)-1px)] [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4`,"data-slot":`combobox-start-addon`,children:o}),t[9]=o,t[10]=m);let g=o&&`data-[size=sm]:*:data-[slot=combobox-input]:ps-[calc(--spacing(7.5)-1px)] *:data-[slot=combobox-input]:ps-[calc(--spacing(8.5)-1px)] sm:data-[size=sm]:*:data-[slot=combobox-input]:ps-[calc(--spacing(7)-1px)] sm:*:data-[slot=combobox-input]:ps-[calc(--spacing(8)-1px)]`,_=p===`sm`?`has-[+[data-slot=combobox-trigger],+[data-slot=combobox-clear]]:*:data-[slot=combobox-input]:pe-6.5`:`has-[+[data-slot=combobox-trigger],+[data-slot=combobox-clear]]:*:data-[slot=combobox-input]:pe-7`,v;t[11]!==n||t[12]!==g||t[13]!==_?(v=V(g,_,n),t[11]=n,t[12]=g,t[13]=_,t[14]=v):v=t[14];let y;t[15]===r?y=t[16]:(y=V(`has-disabled:opacity-100`,r),t[15]=r,t[16]=y);let b;t[17]!==p||t[18]!==y||t[19]!==f?(b=(0,G.jsx)(An,{className:y,nativeInput:!0,size:p,unstyled:f}),t[17]=p,t[18]=y,t[19]=f,t[20]=b):b=t[20];let x;t[21]!==i||t[22]!==v||t[23]!==b?(x=(0,G.jsx)(Wt,{className:v,"data-slot":`combobox-input`,render:b,...i}),t[21]=i,t[22]=v,t[23]=b,t[24]=x):x=t[24];let S;t[25]!==u||t[26]!==p?(S=u&&(0,G.jsx)(br,{className:V(`-translate-y-1/2 absolute top-1/2 inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 outline-none transition-opacity pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 has-[+[data-slot=combobox-clear]]:hidden sm:size-7 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,p===`sm`?`end-0`:`end-0.5`),children:(0,G.jsx)(Bt,{"data-slot":`combobox-icon`,children:(0,G.jsx)(h,{})})}),t[25]=u,t[26]=p,t[27]=S):S=t[27];let C;t[28]!==d||t[29]!==p?(C=d&&(0,G.jsx)(Dr,{className:V(`-translate-y-1/2 absolute top-1/2 inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 outline-none transition-opacity pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 has-[+[data-slot=combobox-clear]]:hidden sm:size-7 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,p===`sm`?`end-0`:`end-0.5`),children:(0,G.jsx)(he,{})}),t[28]=d,t[29]=p,t[30]=C):C=t[30];let w;return t[31]!==x||t[32]!==S||t[33]!==C||t[34]!==m?(w=(0,G.jsxs)(`div`,{className:`relative not-has-[>*.w-full]:w-fit w-full text-foreground has-disabled:opacity-64`,children:[m,x,S,C]}),t[31]=x,t[32]=S,t[33]=C,t[34]=m,t[35]=w):w=t[35],w}function br(e){let t=(0,U.c)(8),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({className:r,children:n,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a;return t[4]!==n||t[5]!==r||t[6]!==i?(a=(0,G.jsx)(zt,{className:r,"data-slot":`combobox-trigger`,...i,children:n}),t[4]=n,t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function xr(e){let t=(0,U.c)(22),n,r,i,a,o,s,c,l;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8]):({className:a,children:i,side:s,sideOffset:c,alignOffset:n,align:l,anchor:r,...o}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l);let u=s===void 0?`bottom`:s,d=c===void 0?4:c,f=l===void 0?`start`:l,{chipsRef:p}=H.use(_r),m=r??p,h;t[9]===a?h=t[10]:(h=V(`dropdown-glass relative flex max-h-[min(var(--available-height),23rem)] min-w-(--anchor-width) max-w-(--available-width) flex-1 flex-col origin-(--transform-origin) rounded-lg text-foreground transition-[scale,opacity] duration-[140ms] ease-[cubic-bezier(0.23,1,0.32,1)] data-ending-style:scale-98 data-starting-style:scale-98 data-ending-style:opacity-0 data-starting-style:opacity-0 data-instant:duration-0`,a),t[9]=a,t[10]=h);let g;t[11]!==i||t[12]!==o||t[13]!==h?(g=(0,G.jsx)(Rt,{className:h,"data-slot":`combobox-popup`,...o,children:i}),t[11]=i,t[12]=o,t[13]=h,t[14]=g):g=t[14];let _;return t[15]!==f||t[16]!==n||t[17]!==m||t[18]!==u||t[19]!==d||t[20]!==g?(_=(0,G.jsx)(Kt,{children:(0,G.jsx)(Ut,{align:f,alignOffset:n,anchor:m,className:`z-50 select-none`,"data-slot":`combobox-positioner`,side:u,sideOffset:d,children:g})}),t[15]=f,t[16]=n,t[17]=m,t[18]=u,t[19]=d,t[20]=g,t[21]=_):_=t[21],_}function Sr(e){let t=(0,U.c)(17),n,r,i,a,o;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5]):({className:r,contentClassName:i,children:n,hideIndicator:o,...a}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o);let s;t[6]===r?s=t[7]:(s=V(`flex min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default items-center rounded-sm px-2 py-1 text-base outline-none hover:bg-accent data-disabled:pointer-events-none data-selected:bg-foreground/[0.08] data-selected:text-foreground data-highlighted:bg-accent data-highlighted:text-accent-foreground [&[data-highlighted][data-selected]]:bg-accent [&[data-highlighted][data-selected]]:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),t[6]=r,t[7]=s);let c;t[8]===i?c=t[9]:(c=V(`min-w-0 flex-1 [&_svg:not([class*='text-'])]:text-muted-foreground`,i),t[8]=i,t[9]=c);let l;t[10]!==n||t[11]!==c?(l=(0,G.jsx)(`div`,{className:c,"data-slot":`combobox-item-content`,children:n}),t[10]=n,t[11]=c,t[12]=l):l=t[12];let u;return t[13]!==a||t[14]!==s||t[15]!==l?(u=(0,G.jsx)(Gt,{className:s,"data-slot":`combobox-item`,...a,children:l}),t[13]=a,t[14]=s,t[15]=l,t[16]=u):u=t[16],u}function Cr(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`[[role=group]+&]:mt-1.5`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(Xt,{className:i,"data-slot":`combobox-group`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function wr(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`px-2 py-1.5 font-medium text-muted-foreground text-xs`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(Zt,{className:i,"data-slot":`combobox-group-label`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Tr(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`not-empty:p-2 text-center text-base text-muted-foreground sm:text-sm`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(Ht,{className:i,"data-slot":`combobox-empty`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Er(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`not-empty:scroll-py-1 not-empty:px-1 not-empty:py-1`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(hr,{scrollbarGutter:!0,scrollFade:!0,children:(0,G.jsx)(Vt,{className:i,"data-slot":`combobox-list`,...r})}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Dr(e){let t=(0,U.c)(6),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;return t[3]!==n||t[4]!==r?(i=(0,G.jsx)(qt,{className:n,"data-slot":`combobox-clear`,...r}),t[3]=n,t[4]=r,t[5]=i):i=t[5],i}function Or(e){let t=(0,U.c)(2),n;return t[0]===e?n=t[1]:(n=(0,G.jsx)(Jt,{"data-slot":`combobox-collection`,...e}),t[0]=e,t[1]=n),n}var kr={thread:`This thread`,project:`Project`,other:`Other designs`};function Ar(e){let t=(0,U.c)(10),{target:n,item:r}=e,{transport:i}=Qn(),a;t[0]!==r.missing||t[1]!==r.modifiedAt||t[2]!==r.path||t[3]!==n||t[4]!==i?(a=n&&!r.missing?i.thumbnail(n,r.path,r.modifiedAt??``):null,t[0]=r.missing,t[1]=r.modifiedAt,t[2]=r.path,t[3]=n,t[4]=i,t[5]=a):a=t[5];let o=tr(a),s=r.missing||o.error?null:o.data?.dataUrl,c;return t[6]!==r.missing||t[7]!==r.pageCount||t[8]!==s?(c=(0,G.jsx)(bn,{pageCount:r.pageCount,muted:r.missing,thumbnail:s}),t[6]=r.missing,t[7]=r.pageCount,t[8]=s,t[9]=c):c=t[9],c}function jr(e){let t=(0,U.c)(66),{target:n,path:r,paths:i,entries:a,linkedPaths:o,onOpen:s,statuses:c,onStartDesign:l,onStartDesignInNewThread:u,onManageDesigns:f,open:m,onOpenChange:h}=e,g=(0,H.useRef)(null),[_,v]=(0,H.useState)(``),[y,b]=(0,H.useState)(Fr),x;t[0]===r?x=t[1]:(x=r?xn(r):`Choose design`,t[0]=r,t[1]=x);let S=x,C;t[2]!==a||t[3]!==o||t[4]!==i?(C=wn({paths:i,entries:a,linkedPaths:o}),t[2]=a,t[3]=o,t[4]=i,t[5]=C):C=t[5];let w=C,T;t[6]===_?T=t[7]:(T=_.trim(),t[6]=_,t[7]=T);let E=T.length>0,D;if(t[8]!==y||t[9]!==w||t[10]!==_||t[11]!==E){let e=w.filter(e=>Dn(e,_));D=[`thread`,`project`,`other`].map(t=>{let n=e.filter(e=>e.group===t);return{value:t,count:n.length,items:!E&&y.has(t)?[]:n}}).filter(Pr),t[8]=y,t[9]=w,t[10]=_,t[11]=E,t[12]=D}else D=t[12];let O=D,k;t[13]===Symbol.for(`react.memo_cache_sentinel`)?(k=e=>b(t=>{let n=new Set(t);return n.delete(e)||n.add(e),n}),t[13]=k):k=t[13];let j=k,M;t[14]===Symbol.for(`react.memo_cache_sentinel`)?(M=Date.now(),t[14]=M):M=t[14];let N=M,P;t[15]===h?P=t[16]:(P=()=>{h(!1),v(``)},t[15]=h,t[16]=P);let F=P;if(!w.length&&!l){let e=r||S,n;return t[17]!==e||t[18]!==S?(n=(0,G.jsx)(`h1`,{className:`design-title`,children:(0,G.jsx)(Ft,{full:e,children:S})}),t[17]=e,t[18]=S,t[19]=n):n=t[19],n}let I;t[20]!==F||t[21]!==s||t[22]!==r?(I=e=>{e&&(F(),e.path!==r&&s(e.path))},t[20]=F,t[21]=s,t[22]=r,t[23]=I):I=t[23];let te;t[24]!==F||t[25]!==h?(te=e=>e?h(!0):F(),t[24]=F,t[25]=h,t[26]=te):te=t[26];let ne=r||S,re,ae;t[27]===Symbol.for(`react.memo_cache_sentinel`)?(re=(0,G.jsx)(br,{render:(0,G.jsx)(W,{variant:`ghost`,size:`sm`}),className:`design-document-switcher`}),ae=(0,G.jsx)(`span`,{className:`sr-only`,children:`Design document: `}),t[27]=re,t[28]=ae):(re=t[27],ae=t[28]);let oe;t[29]===S?oe=t[30]:(oe=(0,G.jsx)(`span`,{ref:g,className:`design-truncate`,children:S}),t[29]=S,t[30]=oe);let se;t[31]===Symbol.for(`react.memo_cache_sentinel`)?(se=(0,G.jsx)(d,{"aria-hidden":`true`,size:14}),t[31]=se):se=t[31];let L;t[32]!==ne||t[33]!==oe?(L=(0,G.jsxs)(Nt,{full:ne,labelRef:g,render:re,children:[ae,oe,se]}),t[32]=ne,t[33]=oe,t[34]=L):L=t[34];let le;t[35]===Symbol.for(`react.memo_cache_sentinel`)?(le=(0,G.jsxs)(`div`,{className:`design-picker-search`,children:[(0,G.jsx)(yr,{"aria-label":`Search designs`,placeholder:`Search designs`,showTrigger:!1,size:`sm`,startAddon:(0,G.jsx)(ce,{})}),(0,G.jsx)(`kbd`,{className:`design-picker-kbd`,"aria-hidden":`true`,children:`esc`})]}),t[35]=le):le=t[35];let ue;t[36]!==w.length||t[37]!==_||t[38]!==E?(ue=E?(0,G.jsxs)(`div`,{className:`design-picker-empty`,children:[(0,G.jsxs)(`strong`,{children:[`No designs match "`,_.trim(),`"`]}),(0,G.jsx)(W,{size:`sm`,variant:`outline`,onClick:()=>v(``),children:`Clear search`})]}):w.length?null:(0,G.jsx)(`div`,{className:`design-picker-empty`,children:`No designs in this project yet.`}),t[36]=w.length,t[37]=_,t[38]=E,t[39]=ue):ue=t[39];let de;t[40]===ue?de=t[41]:(de=(0,G.jsx)(Tr,{children:ue}),t[40]=ue,t[41]=de);let fe;t[42]!==y||t[43]!==r||t[44]!==_||t[45]!==E||t[46]!==c||t[47]!==n?(fe=(0,G.jsx)(Er,{className:`design-picker-list`,children:e=>(0,G.jsxs)(Cr,{items:e.items,children:[(0,G.jsx)(wr,{className:`design-picker-group`,children:(0,G.jsxs)(`button`,{type:`button`,className:`design-picker-group-toggle`,"aria-expanded":E||!y.has(e.value),disabled:E,onMouseDown:Mr,onClick:()=>j(e.value),children:[E||!y.has(e.value)?(0,G.jsx)(d,{"aria-hidden":`true`,size:14}):(0,G.jsx)(p,{"aria-hidden":`true`,size:14}),(0,G.jsx)(`span`,{className:`flex-1`,children:kr[e.value]}),(0,G.jsx)(`span`,{children:e.count})]})}),(0,G.jsx)(Or,{children:e=>{let t=c?.get(e.path),i=Sn(e.name,_);return(0,G.jsx)(Sr,{value:e,children:(0,G.jsxs)(`span`,{className:`design-picker-item`,children:[(0,G.jsx)(Ar,{target:n,item:e}),(0,G.jsxs)(`span`,{className:`design-picker-text`,children:[(0,G.jsxs)(`span`,{className:`design-picker-name`,children:[i.before,i.match?(0,G.jsx)(`mark`,{children:i.match}):null,i.after]}),(0,G.jsx)(`span`,{className:`design-picker-meta`,children:Tn(e,N)})]}),e.missing?(0,G.jsx)(mr,{variant:`warning`,size:`sm`,children:`Missing`}):e.path===r?(0,G.jsx)(mr,{variant:`info`,size:`sm`,children:`Open`}):t?(0,G.jsx)(mr,{variant:t.tone,size:`sm`,children:t.label}):null]})},e.path)}})]},e.value)}),t[42]=y,t[43]=r,t[44]=_,t[45]=E,t[46]=c,t[47]=n,t[48]=fe):fe=t[48];let pe;t[49]!==F||t[50]!==f||t[51]!==l||t[52]!==u?(pe=l||u||f?(0,G.jsxs)(`div`,{className:`design-picker-footer`,children:[l?(0,G.jsxs)(W,{size:`sm`,variant:`ghost`,onClick:()=>{F(),l()},children:[(0,G.jsx)(ie,{"aria-hidden":`true`}),`New design in this thread`]}):null,u?(0,G.jsxs)(W,{size:`sm`,variant:`ghost`,onClick:()=>{F(),u()},children:[(0,G.jsx)(ee,{"aria-hidden":`true`}),`New design in a new thread`]}):null,f?(0,G.jsxs)(W,{size:`sm`,variant:`ghost`,onClick:()=>{F(),f()},children:[(0,G.jsx)(A,{"aria-hidden":`true`}),`Manage designs`]}):null]}):null,t[49]=F,t[50]=f,t[51]=l,t[52]=u,t[53]=pe):pe=t[53];let me;t[54]!==de||t[55]!==fe||t[56]!==pe?(me=(0,G.jsxs)(xr,{className:`design-picker max-h-[min(var(--available-height),34rem)]`,align:`start`,children:[le,de,fe,pe]}),t[54]=de,t[55]=fe,t[56]=pe,t[57]=me):me=t[57];let he;return t[58]!==O||t[59]!==m||t[60]!==_||t[61]!==L||t[62]!==me||t[63]!==I||t[64]!==te?(he=(0,G.jsxs)(vr,{items:O,filteredItems:O,inputValue:_,onInputValueChange:v,value:null,onValueChange:I,itemToStringLabel:Nr,open:m,onOpenChange:te,autoHighlight:!0,children:[L,me]}),t[58]=O,t[59]=m,t[60]=_,t[61]=L,t[62]=me,t[63]=I,t[64]=te,t[65]=he):he=t[65],he}function Mr(e){return e.preventDefault()}function Nr(e){return e.name}function Pr(e){return e.count>0}function Fr(){return new Set([`other`])}var Ir=mt,Lr=Ee(je),Rr=Ee(Ce),zr=(e,t,n,r=`error`)=>({code:e,message:t,severity:r,...n?{nodeId:n}:{}});function Br(e){let t=e=>{if(e===null||typeof e==`string`||typeof e==`boolean`||typeof e==`number`&&Number.isFinite(e))return JSON.stringify(e);if(Array.isArray(e))return`[${e.map(t).join(`,`)}]`;if(typeof e==`object`&&e&&Object.getPrototypeOf(e)===Object.prototype){let n=e;return`{${Object.keys(n).sort().map(e=>`${JSON.stringify(e)}:${t(n[e])}`).join(`,`)}}`}throw Error(`Design JSON must contain only finite JSON values`)};return`${t(e)}\n`}function Vr(e){return pt(Ir(typeof e==`string`?new TextEncoder().encode(e):e))}function Hr(e){try{let t=JSON.parse(e);if(typeof t!=`object`||!t||!(`version`in t)||typeof t.version!=`string`||!/^\d+\.\d+$/.test(t.version))throw Error(`Missing or invalid format version`);return t.version.split(`.`)[0]===`1`?{status:`editable`,document:Lr(t,{onExcessProperty:`error`}),fileHash:Vr(e),diagnostics:[]}:{status:`read-only`,raw:t,source:e,fileHash:Vr(e),diagnostics:[zr(`unknown-major`,`Unsupported design version ${t.version}`)]}}catch{return{status:`invalid`,source:e,diagnostics:[zr(`invalid-schema`,`Invalid .p4design JSON or schema`)]}}}function Ur(e,t){return Rr({...e,...t},{onExcessProperty:`error`})}function Wr(e){let t=new Map,n=new Map,r=[],i=(i,a,o)=>{e.nodes[i]||r.push(zr(`missing-node`,`Referenced node is missing`,a??i)),t.has(i)?r.push(zr(`multiple-parents`,`Node occurs in more than one ordered child list`,i)):(t.set(i,a),n.set(i,o))};e.roots.forEach((e,t)=>i(e,null,t));for(let[t,n]of Object.entries(e.nodes))`children`in n&&n.children.forEach((e,n)=>i(e,t,n));for(let[t,n]of Object.entries(e.instances))for(let e of Object.values(n.slots))e.forEach((e,n)=>i(e,t,n));let a=new Set,o=new Set,s=(t,n)=>{if(a.has(t)){r.push(zr(`tree-cycle`,`Child lists contain a cycle`,t));return}if(n>256){r.push(zr(`depth-limit`,`Scene exceeds 256 levels`,t));return}if(o.has(t))return;a.add(t);let i=e.nodes[t];if(i&&`children`in i)for(let e of i.children)s(e,n+1);a.delete(t),o.add(t)};for(let t of Object.keys(e.nodes))s(t,0);return{parents:t,order:n,diagnostics:r}}function Gr(e,t,n={},r=new Set){if(r.has(t))throw Error(`token-cycle`);if(r.size>=256)throw Error(`token-depth-limit`);let i=e.tokens[t];if(!i)throw Error(`missing-token`);let a=new Set(r).add(t),o=i.variants.filter(e=>Object.entries(e.theme).every(([e,t])=>n[e]===t));if(o.sort((e,t)=>Object.keys(t.theme).length-Object.keys(e.theme).length),o[0]&&o.some(e=>Object.keys(e.theme).length===Object.keys(o[0].theme).length&&Br(e.value)!==Br(o[0].value)))throw Error(`ambiguous-token`);let s=o[0]?.value??i.value,c=typeof s==`object`?Gr(e,s.tokenId,n,a):s;if((i.kind===`number`?typeof c!=`number`:typeof c!=`string`)||i.kind===`color`&&(typeof c!=`string`||!/^#[0-9a-fA-F]{6}([0-9a-fA-F]{2})?$/.test(c)))throw Error(`token-type`);return c}function Kr(e,t,n={}){return typeof t==`object`?Gr(e,t.tokenId,n):t}function qr(e,t={}){let n=[],r=(e,i,a,o,s,c,l)=>{let u=e.nodes[i];if(!u){n.push(zr(`missing-node`,`Expansion target is missing`,o));return}if(l>256||s.has(`${e.documentId}/node/${i}`)){n.push(zr(`component-cycle`,`Expansion contains a cycle or exceeds 256 levels`,o));return}let d=u;try{c[i]&&(d=Ur(d,c[i]))}catch{n.push(zr(`invalid-override`,`Override does not match its source node`,o))}let f=new Set(s).add(`${e.documentId}/node/${i}`);if(d.type===`ref`){let s=d.importId?e.imports[d.importId]:void 0,u=s?t.manifest?.libraries[s.libraryId]:void 0,p=d.importId?u?.exports.includes(d.componentId)&&s?t.documents?.[s.libraryId]:void 0:e,m=p?.components[d.componentId];if(!p||!m)return n.push(zr(`missing-import`,`Component or exported library symbol is unavailable`,o)),{key:a,sourceId:i,ownerId:o,document:e,node:d,children:[]};let h=e.instances[i],g={...c,...h?.overrides},_=p===e?p:{...p,tokens:{...p.tokens,...e.tokens},themeAxes:{...p.themeAxes,...e.themeAxes}},v=r(_,m.rootId,`${a}/${m.rootId}`,o,f,g,l+1);if(!v)return;let y=t=>{let n=Object.entries(m.slots).find(([,e])=>e.nodeId===t.sourceId),i=n?h?.slots[n[0]]:void 0;return i?{...t,children:i.flatMap(n=>{let i=r(e,n,`${t.key}/slot/${n}`,o,f,{},l+1);return i?[i]:[]})}:{...t,children:t.children.map(y)}},{type:b,componentId:x,importId:S,...C}=d;return{...y(v),key:a,ownerId:o,node:{...v.node,...C}}}let p=`children`in d?d.children.flatMap(t=>{let n=r(e,t,`${a}/${t}`,o===i?t:o,f,c,l+1);return n?[n]:[]}):[];return{key:a,sourceId:i,ownerId:o,document:e,node:d,children:p}};return{roots:e.roots.flatMap(t=>{let n=r(e,t,t,t,new Set,{},0);return n?[n]:[]}),diagnostics:n}}function Jr(e,t){let n=new Set(t),r=new Set(e.filter(e=>n.has(e.ownerId)).map(e=>e.key));return e.filter(e=>{let t=e.key;for(;t;){if(r.has(t))return!0;let e=t.lastIndexOf(`/`);if(e<0)break;t=t.slice(0,e)}return!1})}function Yr(e,t={},n={}){let r=qr(e,n),i=[...r.diagnostics],a=[],o=(e,n)=>{try{let r=Kr(e.document,n,t);if(typeof r!=`number`||!Number.isFinite(r))throw Error(`token-type`);return r}catch{return i.push(zr(`invalid-layout-token`,`Layout value requires a finite number`,e.ownerId)),0}},s=new Map,c=e=>{let t=s.get(e.key);if(t)return t;let n=e.node,r=e.children.map(c),a=`layout`in n?n.layout:void 0,l=a?Object.fromEntries(Object.entries(a.padding).map(([t,n])=>[t,o(e,n)])):{top:0,right:0,bottom:0,left:0},u=a?o(e,a.gap):0,d=a?.direction??`none`,f=d===`horizontal`?r.reduce((e,t)=>e+t.width,0)+Math.max(0,r.length-1)*u:Math.max(0,...r.map(e=>e.width)),p=d===`vertical`?r.reduce((e,t)=>e+t.height,0)+Math.max(0,r.length-1)*u:Math.max(0,...r.map(e=>e.height));if(d===`none`&&(f=Math.max(0,...e.children.map((e,t)=>o(e,e.node.x)+r[t].width)),p=Math.max(0,...e.children.map((e,t)=>o(e,e.node.y)+r[t].height))),n.type===`text`){let t=o(e,n.fontSize),r=n.lineHeight?o(e,n.lineHeight):1.2,i=n.text.split(`
 `);f=Math.max(0,...i.map(e=>e.length))*t*.6,p=i.length*t*r}f+=l.left+l.right,p+=l.top+l.bottom;let m={width:n.width.mode===`fixed`?o(e,n.width.value):n.width.mode===`hug`?f:0,height:n.height.mode===`fixed`?o(e,n.height.value):n.height.mode===`hug`?p:0};for(let t of[`width`,`height`])m[t]<0&&(i.push(zr(`negative-size`,`Dimensions cannot be negative`,e.ownerId)),m[t]=0),n[t].mode===`hug`&&e.children.some(e=>e.node[t].mode===`fill`)&&i.push(zr(`layout-cycle`,`A hug dimension cannot contain fill on the same axis`,e.ownerId));return s.set(e.key,m),m},l=(e,t,n,r,i,s,u=!0)=>{let d={x:t,y:n,width:r,height:i},f=u&&e.node.visible!==!1;a.push({...e,node:{...e.node,visible:f},bounds:d,clips:s});let p=`layout`in e.node?e.node.layout:void 0,m=p?Object.fromEntries(Object.entries(p.padding).map(([t,n])=>[t,o(e,n)])):{top:0,right:0,bottom:0,left:0},h=p?o(e,p.gap):0,g=p?.direction??`none`,_={width:Math.max(0,r-m.left-m.right),height:Math.max(0,i-m.top-m.bottom)},v=g===`horizontal`?`width`:`height`,y=e.children.filter(e=>e.node[v].mode===`fill`).length,b=e.children.reduce((e,t)=>e+(t.node[v].mode===`fill`?0:c(t)[v]),0)+Math.max(0,e.children.length-1)*h,x=y?Math.max(0,_[v]-b)/y:0,S=0,C=e.node.type===`frame`&&e.node.clip?[...s,d]:s;for(let r of e.children){let e=c(r),i={width:r.node.width.mode===`fill`?g===`horizontal`?x:_.width:e.width,height:r.node.height.mode===`fill`?g===`vertical`?x:_.height:e.height},a=t+m.left+(g===`horizontal`?S:g===`none`?o(r,r.node.x):0),s=n+m.top+(g===`vertical`?S:g===`none`?o(r,r.node.y):0);l(r,a,s,i.width,i.height,C,f),S+=i[v]+h}};for(let e of r.roots){let t=c(e);(e.node.width.mode===`fill`||e.node.height.mode===`fill`)&&i.push(zr(`root-fill`,`Root dimensions need fixed or hug sizing`,e.ownerId)),l(e,o(e,e.node.x),o(e,e.node.y),t.width,t.height,[])}return{items:a,diagnostics:i}}function Xr(e,t){let n=[],r=(e,t,i)=>{if(e===void 0){n.push({path:i,kind:`added`,after:t});return}if(t===void 0){n.push({path:i,kind:`removed`,before:e});return}if(Br(e)!==Br(t)){if(e&&t&&typeof e==`object`&&typeof t==`object`&&!Array.isArray(e)&&!Array.isArray(t)){let n=e,a=t;for(let e of[...new Set([...Object.keys(n),...Object.keys(a)])].sort())r(n[e],a[e],`${i}/${e.replaceAll(`~`,`~0`).replaceAll(`/`,`~1`)}`)}else n.push({path:i,kind:`changed`,before:e,after:t})}},{thumbnail:i,...a}=e,{thumbnail:o,...s}=t;return r(a,s,``),n}var Zr=Ie(`relative rounded-xl border px-3.5 py-3 text-card-foreground text-sm`,{defaultVariants:{variant:`default`},variants:{variant:{default:`bg-transparent dark:bg-input/32 [&_svg]:text-muted-foreground`,error:`border-destructive/32 bg-destructive/4 text-destructive-foreground [&_[data-slot=alert-description]]:text-destructive-foreground/80 [&_svg]:text-destructive`,info:`border-info/32 bg-info/4 [&_svg]:text-info`,success:`border-success/32 bg-success/4 [&_svg]:text-success`,warning:`border-warning/32 bg-warning/4 [&_svg]:text-warning`}}});function Qr(e){let t=e.props[`data-slot`];if(t)return t;let n=e.type;switch(n.displayName??n.name){case`AlertAction`:return`alert-action`;case`AlertTitle`:return`alert-title`;case`AlertDescription`:return`alert-description`;default:return}}function $r(e){let t=(0,U.c)(26),n,r,i,a;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4]):({className:r,variant:a,children:n,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a);let o,s,c;t[5]===n?(o=t[6],s=t[7],c=t[8]):(c=[],s=[],o=[],H.Children.forEach(n,e=>{if(!(0,H.isValidElement)(e)){s.push(e);return}let t=Qr(e);t===`alert-action`?o.push(e):t===`alert-title`||t===`alert-description`?s.push(e):c.push(e)}),t[5]=n,t[6]=o,t[7]=s,t[8]=c);let l;t[9]!==r||t[10]!==a?(l=V(Zr({variant:a}),r),t[9]=r,t[10]=a,t[11]=l):l=t[11];let u;t[12]===c?u=t[13]:(u=c.length>0&&(0,G.jsx)(`div`,{className:`flex size-4 shrink-0 items-center justify-center [&>svg]:size-full`,children:c}),t[12]=c,t[13]=u);let d;t[14]===s?d=t[15]:(d=s.length>0&&(0,G.jsx)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-0.5`,children:s}),t[14]=s,t[15]=d);let f;t[16]===o?f=t[17]:(f=o.length>0&&(0,G.jsx)(`div`,{className:`flex shrink-0 items-center self-center`,"data-slot":`alert-actions`,children:o}),t[16]=o,t[17]=f);let p;t[18]!==u||t[19]!==d||t[20]!==f?(p=(0,G.jsxs)(`div`,{className:`flex items-center gap-2`,"data-slot":`alert-row`,children:[u,d,f]}),t[18]=u,t[19]=d,t[20]=f,t[21]=p):p=t[21];let m;return t[22]!==i||t[23]!==l||t[24]!==p?(m=(0,G.jsx)(`div`,{className:l,"data-slot":`alert`,role:`alert`,...i,children:p}),t[22]=i,t[23]=l,t[24]=p,t[25]=m):m=t[25],m}function ei(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`font-medium`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(`div`,{className:i,"data-slot":`alert-title`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function ti(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`flex gap-1`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(`div`,{className:i,"data-slot":`alert-action`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}ei.displayName=`AlertTitle`,ti.displayName=`AlertAction`;var ni=mn;function ri(e){let t=(0,U.c)(8),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({className:r,children:n,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a;return t[4]!==n||t[5]!==r||t[6]!==i?(a=(0,G.jsx)(vn,{className:r,"data-slot":`popover-trigger`,...i,children:n}),t[4]=n,t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function ii(e){let t=(0,U.c)(33),n,r,i,a,o,s,c,l,u,d,f;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8],u=t[9],d=t[10],f=t[11]):({children:r,className:i,viewportClassName:f,side:s,align:c,sideOffset:l,alignOffset:u,tooltipStyle:d,anchor:n,collisionAvoidance:a,...o}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l,t[9]=u,t[10]=d,t[11]=f);let p=s===void 0?`bottom`:s,m=c===void 0?`center`:c,h=l===void 0?4:l,g=u===void 0?0:u,_=d!==void 0&&d,v=_&&`w-fit text-balance rounded-md text-xs shadow-md/5 before:rounded-[calc(var(--radius-md)-1px)]`,y;t[12]!==i||t[13]!==v?(y=V(`dropdown-glass relative flex h-(--popup-height,auto) w-(--popup-width,auto) origin-(--transform-origin) rounded-lg text-popover-foreground outline-none transition-[width,height,scale,opacity] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] has-data-[slot=calendar]:rounded-xl has-data-[slot=calendar]:before:rounded-[calc(var(--radius-xl)-1px)] data-starting-style:scale-98 data-starting-style:opacity-0 dark:before:shadow-[0_-1px_--theme(--color-white/6%)]`,v,i),t[12]=i,t[13]=v,t[14]=y):y=t[14];let b=_?`py-1 [--viewport-inline-padding:--spacing(2)]`:`not-data-transitioning:overflow-y-auto`,x;t[15]!==b||t[16]!==f?(x=V(`relative size-full max-h-(--available-height) overflow-clip px-(--viewport-inline-padding) py-4 [--viewport-inline-padding:--spacing(4)] has-data-[slot=calendar]:p-2 data-instant:transition-none **:data-current:data-ending-style:opacity-0 **:data-current:data-starting-style:opacity-0 **:data-previous:data-ending-style:opacity-0 **:data-previous:data-starting-style:opacity-0 **:data-current:w-[calc(var(--popup-width)-2*var(--viewport-inline-padding)-2px)] **:data-previous:w-[calc(var(--popup-width)-2*var(--viewport-inline-padding)-2px)] **:data-current:opacity-100 **:data-previous:opacity-100 **:data-current:transition-opacity **:data-previous:transition-opacity`,b,f),t[15]=b,t[16]=f,t[17]=x):x=t[17];let S;t[18]!==r||t[19]!==x?(S=(0,G.jsx)(hn,{className:x,"data-slot":`popover-viewport`,children:r}),t[18]=r,t[19]=x,t[20]=S):S=t[20];let C;t[21]!==o||t[22]!==S||t[23]!==y?(C=(0,G.jsx)(_n,{className:y,"data-slot":`popover-popup`,...o,children:S}),t[21]=o,t[22]=S,t[23]=y,t[24]=C):C=t[24];let w;return t[25]!==m||t[26]!==g||t[27]!==n||t[28]!==a||t[29]!==p||t[30]!==h||t[31]!==C?(w=(0,G.jsx)(gn,{children:(0,G.jsx)(pn,{align:m,alignOffset:g,anchor:n,collisionAvoidance:a,className:`z-[60] h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-transform data-instant:transition-none`,"data-slot":`popover-positioner`,side:p,sideOffset:h,children:C})}),t[25]=m,t[26]=g,t[27]=n,t[28]=a,t[29]=p,t[30]=h,t[31]=C,t[32]=w):w=t[32],w}var ai=Dt,oi=Ie(`relative inline-flex cursor-pointer select-none items-center justify-between gap-2 border rounded-lg text-left text-base outline-none transition-[color,box-shadow,background-color] data-disabled:pointer-events-none data-disabled:opacity-64 sm:text-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4`,{defaultVariants:{size:`default`,variant:`default`},variants:{variant:{default:`w-full min-w-36 border-input bg-background not-dark:bg-clip-padding text-foreground shadow-xs/5 ring-ring/24 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-data-disabled:not-focus-visible:not-aria-invalid:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 focus-visible:border-ring focus-visible:ring-[3px] aria-invalid:border-destructive/36 focus-visible:aria-invalid:border-destructive/64 focus-visible:aria-invalid:ring-destructive/16 dark:bg-input/32 dark:aria-invalid:ring-destructive/24 dark:not-data-disabled:not-focus-visible:not-aria-invalid:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/6%)] [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='text-'])]:text-muted-foreground [[data-disabled],:focus-visible,[aria-invalid],[data-pressed]]:shadow-none`,ghost:`border-transparent text-muted-foreground/70 focus-visible:ring-2 focus-visible:ring-ring data-pressed:bg-accent [:hover,[data-pressed]]:bg-accent [:hover,[data-pressed]]:text-foreground/80`},size:{default:`min-h-9 px-[calc(--spacing(3)-1px)] sm:min-h-8`,lg:`min-h-10 px-[calc(--spacing(3)-1px)] sm:min-h-9`,sm:`min-h-8 gap-1.5 px-[calc(--spacing(2.5)-1px)] sm:min-h-7`,xs:`h-7 gap-1 rounded-md px-[calc(--spacing(2)-1px)] text-sm before:rounded-[calc(var(--radius-md)-1px)] sm:h-6 sm:text-xs [&_svg:not([class*='size-'])]:size-4 sm:[&_svg:not([class*='size-'])]:size-3.5`}}});function si(e){let t=(0,U.c)(20),n,r,i,a,o,s;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6]):({className:r,size:o,variant:s,children:n,icon:i,...a}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s);let c=o===void 0?`default`:o,l=s===void 0?`default`:s,u;t[7]!==r||t[8]!==c||t[9]!==l?(u=V(oi({size:c,variant:l}),r),t[7]=r,t[8]=c,t[9]=l,t[10]=u):u=t[10];let f;t[11]===i?f=t[12]:(f=i??(0,G.jsx)(d,{className:`-me-1 size-3 opacity-50`}),t[11]=i,t[12]=f);let p;t[13]===f?p=t[14]:(p=(0,G.jsx)(lt,{"data-slot":`select-icon`,children:f}),t[13]=f,t[14]=p);let m;return t[15]!==n||t[16]!==a||t[17]!==u||t[18]!==p?(m=(0,G.jsxs)(De,{className:u,"data-slot":`select-trigger`,...a,children:[n,p]}),t[15]=n,t[16]=a,t[17]=u,t[18]=p,t[19]=m):m=t[19],m}function ci(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`flex-1 truncate data-placeholder:text-muted-foreground`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(xt,{className:i,"data-slot":`select-value`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function li(e){let t=(0,U.c)(36),n,r,i,a,o,s,c,l,u,f,p;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8],u=t[9],f=t[10],p=t[11]):({className:i,popupClassName:a,children:r,side:s,sideOffset:c,align:l,alignOffset:u,alignItemWithTrigger:f,matchTriggerWidth:p,anchor:n,...o}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l,t[9]=u,t[10]=f,t[11]=p);let h=s===void 0?`bottom`:s,g=c===void 0?4:c,_=l===void 0?`start`:l,v=u===void 0?0:u,y=f===void 0||f,b=p===void 0||p,x;t[12]===Symbol.for(`react.memo_cache_sentinel`)?(x=(0,G.jsx)(Et,{className:`top-0 z-50 flex h-6 w-full cursor-default items-center justify-center before:pointer-events-none before:absolute before:inset-x-px before:top-px before:h-[200%] before:rounded-t-[calc(var(--radius-lg)-1px)] before:bg-linear-to-b before:from-50% before:from-popover`,"data-slot":`select-scroll-up-arrow`,children:(0,G.jsx)(m,{className:`relative size-4.5 sm:size-4`})}),t[12]=x):x=t[12];let S=b&&`min-w-(--anchor-width)`,C;t[13]!==a||t[14]!==S?(C=V(`dropdown-glass relative h-full rounded-lg`,S,a),t[13]=a,t[14]=S,t[15]=C):C=t[15];let w;t[16]===i?w=t[17]:(w=V(`max-h-(--available-height) overflow-y-auto p-1`,i),t[16]=i,t[17]=w);let T;t[18]!==r||t[19]!==w?(T=(0,G.jsx)(vt,{className:w,"data-slot":`select-list`,children:r}),t[18]=r,t[19]=w,t[20]=T):T=t[20];let E;t[21]!==T||t[22]!==C?(E=(0,G.jsx)(`div`,{className:C,children:T}),t[21]=T,t[22]=C,t[23]=E):E=t[23];let D;t[24]===Symbol.for(`react.memo_cache_sentinel`)?(D=(0,G.jsx)(St,{className:`bottom-0 z-50 flex h-6 w-full cursor-default items-center justify-center before:pointer-events-none before:absolute before:inset-x-px before:bottom-px before:h-[200%] before:rounded-b-[calc(var(--radius-lg)-1px)] before:bg-linear-to-t before:from-50% before:from-popover`,"data-slot":`select-scroll-down-arrow`,children:(0,G.jsx)(d,{className:`relative size-4.5 sm:size-4`})}),t[24]=D):D=t[24];let O;t[25]!==o||t[26]!==E?(O=(0,G.jsxs)(Ct,{className:`origin-(--transform-origin) rounded-lg text-foreground outline-none`,"data-slot":`select-popup`,...o,children:[x,E,D]}),t[25]=o,t[26]=E,t[27]=O):O=t[27];let k;return t[28]!==_||t[29]!==y||t[30]!==v||t[31]!==n||t[32]!==h||t[33]!==g||t[34]!==O?(k=(0,G.jsx)(yt,{children:(0,G.jsx)(Tt,{align:_,alignItemWithTrigger:y,alignOffset:v,anchor:n,className:`z-50 select-none`,"data-slot":`select-positioner`,side:h,sideOffset:g,children:O})}),t[28]=_,t[29]=y,t[30]=v,t[31]=n,t[32]=h,t[33]=g,t[34]=O,t[35]=k):k=t[35],k}function ui(e){let t=(0,U.c)(13),n,r,i,a;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4]):({className:r,children:n,hideIndicator:a,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a);let o;t[5]===r?o=t[6]:(o=V(`flex min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default items-center rounded-sm px-2 py-1 text-base outline-none data-selected:bg-foreground/[0.08] data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),t[5]=r,t[6]=o);let s;t[7]===n?s=t[8]:(s=(0,G.jsx)(wt,{className:`min-w-0 flex-1 [&_svg:not([class*='text-'])]:text-muted-foreground`,"data-slot":`select-item-text`,children:n}),t[7]=n,t[8]=s);let c;return t[9]!==i||t[10]!==o||t[11]!==s?(c=(0,G.jsx)(bt,{className:o,"data-slot":`select-item`,...i,children:s}),t[9]=i,t[10]=o,t[11]=s,t[12]=c):c=t[12],c}function di(e){let t=(0,U.c)(11),{label:n,onClick:r,children:i}=e,a;t[0]!==n||t[1]!==r?(a=(0,G.jsx)(W,{size:`icon-sm`,variant:`ghost`,"aria-label":n,onClick:r}),t[0]=n,t[1]=r,t[2]=a):a=t[2];let o;t[3]!==i||t[4]!==a?(o=(0,G.jsx)(jt,{render:a,children:i}),t[3]=i,t[4]=a,t[5]=o):o=t[5];let s;t[6]===n?s=t[7]:(s=(0,G.jsx)(Mt,{children:n}),t[6]=n,t[7]=s);let c;return t[8]!==o||t[9]!==s?(c=(0,G.jsxs)(Pt,{children:[o,s]}),t[8]=o,t[9]=s,t[10]=c):c=t[10],c}function fi(e){let t=(0,U.c)(27),{title:n,heading:r,card:i,thread:a,hostLabel:o,onOpenThread:s,onCollapse:l}=e,u=n===void 0?`Design agent`:n,d;t[0]!==r||t[1]!==u?(d=r??(0,G.jsxs)(`h2`,{children:[(0,G.jsx)(I,{"aria-hidden":`true`,size:16}),u]}),t[0]=r,t[1]=u,t[2]=d):d=t[2];let p;t[3]===o?p=t[4]:(p=o?(0,G.jsx)(`span`,{className:`design-small-muted`,children:o}):null,t[3]=o,t[4]=p);let m;t[5]===Symbol.for(`react.memo_cache_sentinel`)?(m=(0,G.jsx)(`span`,{className:`design-agent-header-spacer`}),t[5]=m):m=t[5];let h;t[6]===s?h=t[7]:(h=s?(0,G.jsx)(di,{label:`Open full thread`,onClick:s,children:(0,G.jsx)(c,{"aria-hidden":`true`})}):null,t[6]=s,t[7]=h);let g;t[8]===Symbol.for(`react.memo_cache_sentinel`)?(g=(0,G.jsx)(f,{"aria-hidden":`true`}),t[8]=g):g=t[8];let _;t[9]===l?_=t[10]:(_=(0,G.jsx)(di,{label:`Hide agent`,onClick:l,children:g}),t[9]=l,t[10]=_);let v;t[11]!==d||t[12]!==p||t[13]!==h||t[14]!==_?(v=(0,G.jsxs)(`header`,{className:`design-agent-header`,children:[d,p,m,h,_]}),t[11]=d,t[12]=p,t[13]=h,t[14]=_,t[15]=v):v=t[15];let y;t[16]===i?y=t[17]:(y=i?(0,G.jsx)(`div`,{className:`design-agent-card`,children:i}):null,t[16]=i,t[17]=y);let b;t[18]===a?b=t[19]:(b=a??(0,G.jsx)(`p`,{className:`design-agent-empty`,children:`Open this design from a thread to talk to the agent.`}),t[18]=a,t[19]=b);let x;t[20]===b?x=t[21]:(x=(0,G.jsx)(`div`,{className:`design-agent-thread`,children:b}),t[20]=b,t[21]=x);let S;return t[22]!==x||t[23]!==v||t[24]!==y||t[25]!==u?(S=(0,G.jsxs)(`aside`,{className:`design-agent`,"aria-label":u,children:[v,y,x]}),t[22]=x,t[23]=v,t[24]=y,t[25]=u,t[26]=S):S=t[26],S}function pi(e){let t=(0,U.c)(3),{onOpen:n}=e,r;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(r=(0,G.jsx)(I,{"aria-hidden":`true`}),t[0]=r):r=t[0];let i;return t[1]===n?i=t[2]:(i=(0,G.jsxs)(W,{size:`sm`,variant:`outline`,className:`design-float-pill`,onClick:n,children:[r,`Agent`]}),t[1]=n,t[2]=i),i}function mi(e,t,n,r,i=0){if(!e.length)return{x:0,y:0,width:t,height:n};let a=Math.min(...e.map(e=>e.x)),o=Math.min(...e.map(e=>e.y)),s=Math.max(...e.map(e=>e.x+e.width)),c=Math.max(...e.map(e=>e.y+e.height)),l=r===`workspace`?{left:32,right:32+i,top:72,bottom:72}:{left:56,right:24,top:56,bottom:100},u=Math.max(40,t-l.left-l.right),d=Math.max(40,n-l.top-l.bottom),f=Math.max(1,s-a),p=Math.max(1,c-o),m=Math.max(.05,Math.min(2,u/f,d/p));return{x:a-(l.left+(u-f*m)/2)/m,y:o-(l.top+(d-p*m)/2)/m,width:t/m,height:n/m}}var hi=(e,t,n)=>Math.min(Math.max(e,t),n),gi=(e,t)=>e.x<t.x+t.width&&t.x<e.x+e.width&&e.y<t.y+t.height&&t.y<e.y+e.height;function _i(e,t,n,r={top:60,right:12,bottom:12,left:12},i={below:32,above:12},a=null){if(e.x+e.width<0||e.x>n.width||e.y+e.height<0||e.y>n.height)return null;let o=e=>hi(e,r.left,Math.max(r.left,n.width-r.right-t.width)),s=o(e.x+e.width/2-t.width/2),c=n.height-r.bottom,l=Math.max(r.top,e.y+e.height+i.below),u=e.y-i.above-t.height,d=[];l+t.height<=c&&d.push({x:s,y:l,side:`below`}),u>=r.top&&d.push({x:s,y:u,side:`above`});let f={x:s,y:hi(l,r.top,Math.max(r.top,c-t.height)),side:`below`};if(!a)return d[0]??f;let p=e=>!gi({...e,width:t.width,height:t.height},a),m=[...d,f],h=m.flatMap(e=>[{...e,x:o(a.x-i.above-t.width)},{...e,x:o(a.x+a.width+i.above)}]);return[...m,...h].find(p)??d[0]??f}var vi={width:280,height:110};function yi(e,t,n,r=null,i=vi){let a=(t,r,a)=>({side:r,placement:a,reach:r===`left`?e.x-t.x:t.x+t.width-(e.x+e.width),fits:r===`right`?t.x+t.width+i.width<=n.width:t.x>=i.width,box:{x:r===`right`?t.x+t.width:t.x-i.width,y:e.y,width:i.width,height:i.height}}),o=[...t?[a(t,`right`,`margin`),a(t,`left`,`margin`)]:[],a(e,`right`,`node`),a(e,`left`,`node`)],s=o.filter(e=>e.fits),c=s.find(e=>!r||!gi(e.box,r))??s[0]??o.at(-2);return{side:c.side,placement:c.placement,reach:Math.max(0,c.reach)}}function bi(e,t,n,r){let i=e=>({x:(e.x-n.x)*r,y:(e.y-n.y)*r,width:e.width*r,height:e.height*r}),a=t.map(e=>({key:e.key,rect:i(e.bounds)})),o=[],s=new Set;for(let t of e.toSorted((e,t)=>t.bounds.width*t.bounds.height-e.bounds.width*e.bounds.height)){let e=i(t.bounds),n={x:e.x,y:e.y-20,width:Math.min(240,e.width),height:20};a.some(e=>e.key!==t.key&&gi(n,e.rect))||o.some(e=>gi(n,e))?s.add(t.key):o.push(n)}return s}var xi=Math.PI/180;function Si(){return typeof window<`u`&&({}.toString.call(window)===`[object Window]`||{}.toString.call(window)===`[object global]`)}var Ci=typeof global<`u`?global:typeof window<`u`?window:typeof WorkerGlobalScope<`u`?self:{},K={_global:Ci,version:`10.7.1`,isBrowser:Si(),isUnminified:/param/.test(function(e){}.toString()),dblClickWindow:400,getAngle(e){return K.angleDeg?e*xi:e},enableTrace:!1,pointerEventsEnabled:!0,autoDrawEnabled:!0,hitOnDragEnabled:!1,capturePointerEventsEnabled:!1,_renderBackend:`web`,legacyTextRendering:!1,pixelRatio:typeof window<`u`&&window.devicePixelRatio||1,dragDistance:3,angleDeg:!0,showWarnings:!0,dragButtons:[0,1],isDragging(){return K.DD.isDragging},isTransforming(){return K.Transformer?.isTransforming()??!1},isDragReady(){return!!K.DD.node},releaseCanvasOnDestroy:!0,document:Ci.document,_injectGlobal(e){Ci.Konva!==void 0&&console.error(`Several Konva instances detected. It is not recommended to use multiple Konva instances in the same environment.`),Ci.Konva=e}},wi=new Set,Ti=(e,t=!1)=>{K[e.prototype.getClassName()]=e,t&&wi.add(e)};K._injectGlobal(K);var Ei=`Konva.js unsupported environment.
 
 Looks like you are trying to use Konva.js in Node.js environment (or in a Web Worker), because "document" object is undefined.
@@ -18,4 +18,4 @@ js: import "konva/skia-backend";
 `,1)[0]]})]},e)}):null}),(0,G.jsx)(`div`,{ref:N,className:`design-annotation-region`,hidden:!0}),fe?(0,G.jsx)(`div`,{className:`design-canvas-error`,role:`alert`,children:fe}):null]})}function dd(e){return e===void 0?`—`:typeof e==`string`||typeof e==`number`||typeof e==`boolean`?String(e):Array.isArray(e)?`${e.length} items`:`Object`}function fd(e){let t=(0,U.c)(43),{preferences:n,before:r,after:i,beforeRevision:a,afterRevision:o,viewKey:s,theme:c,beforeContext:l,beforeAssets:u,context:d,assets:f,selection:p,onSelect:m,onExit:h}=e,[g,_]=(0,H.useState)(`Before / after`),[v,y]=(0,H.useState)(50),[b,x]=(0,H.useState)(),S;t[0]!==i||t[1]!==r?(S=Xr(r,i).filter(gd),t[0]=i,t[1]=r,t[2]=S):S=t[2];let C=S,w;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(w=(0,G.jsx)(`strong`,{children:`Compare revisions`}),t[3]=w):w=t[3];let T;t[4]===a?T=t[5]:(T=a.slice(0,8),t[4]=a,t[5]=T);let E;t[6]===o?E=t[7]:(E=o.slice(0,8),t[6]=o,t[7]=E);let D;t[8]!==T||t[9]!==E?(D=(0,G.jsxs)(`div`,{className:`design-compare-revisions`,children:[w,(0,G.jsxs)(`span`,{className:`design-small-muted`,children:[`Before `,T,` · After `,E]})]}),t[8]=T,t[9]=E,t[10]=D):D=t[10];let O;t[11]===Symbol.for(`react.memo_cache_sentinel`)?(O=[`Before / after`,`Overlay`,`Changes`],t[11]=O):O=t[11];let k;t[12]===g?k=t[13]:(k=(0,G.jsx)(`nav`,{"aria-label":`Compare display`,children:O.map(e=>(0,G.jsx)(`button`,{type:`button`,"aria-current":g===e?`page`:void 0,onClick:()=>_(e),children:e},e))}),t[12]=g,t[13]=k);let A;t[14]===h?A=t[15]:(A=(0,G.jsx)(W,{size:`sm`,variant:`outline`,onClick:h,children:`Exit compare`}),t[14]=h,t[15]=A);let j;t[16]!==k||t[17]!==A?(j=(0,G.jsxs)(`div`,{className:`design-compare-controls`,children:[k,A]}),t[16]=k,t[17]=A,t[18]=j):j=t[18];let M;t[19]!==D||t[20]!==j?(M=(0,G.jsxs)(`header`,{className:`design-compare-header`,children:[D,j]}),t[19]=D,t[20]=j,t[21]=M):M=t[21];let N;t[22]!==i||t[23]!==o||t[24]!==f||t[25]!==r||t[26]!==u||t[27]!==l||t[28]!==a||t[29]!==C||t[30]!==d||t[31]!==g||t[32]!==m||t[33]!==v||t[34]!==b||t[35]!==n||t[36]!==p||t[37]!==c||t[38]!==s?(N=g===`Changes`?(0,G.jsx)(`div`,{className:`design-compare-changes`,children:C.length?(0,G.jsx)(`ol`,{children:C.map(hd)}):(0,G.jsx)(`p`,{children:`No content changes between these revisions.`})}):g===`Before / after`?(0,G.jsxs)(`div`,{className:`design-compare-pair`,children:[(0,G.jsxs)(`section`,{"aria-label":`Before revision ${a}`,children:[(0,G.jsxs)(`div`,{className:`design-compare-caption`,children:[`Before · `,a.slice(0,8)]}),(0,G.jsx)(ud,{preferences:n,viewKey:`${s}:compare-before`,document:r,theme:c,context:l,assets:u,selection:[],changedNodeIds:[],onSelect:md})]}),(0,G.jsxs)(`section`,{"aria-label":`After revision ${o}`,children:[(0,G.jsxs)(`div`,{className:`design-compare-caption`,children:[`After · `,o.slice(0,8)]}),(0,G.jsx)(ud,{preferences:n,viewKey:`${s}:compare-after`,document:i,theme:c,context:d,assets:f,selection:p,changedNodeIds:[],onSelect:m})]})]}):(0,G.jsxs)(`div`,{className:`design-compare-overlay`,children:[(0,G.jsxs)(`label`,{className:`design-compare-opacity`,children:[`After opacity`,` `,(0,G.jsx)(`input`,{type:`range`,min:`0`,max:`100`,value:v,onChange:e=>y(Number(e.target.value))}),` `,v,`%`]}),(0,G.jsxs)(`div`,{className:`design-compare-overlay-stack`,children:[(0,G.jsx)(ud,{preferences:n,viewKey:`${s}:compare-overlay-before`,document:r,theme:c,context:l,assets:u,selection:[],changedNodeIds:[],onSelect:pd,externalViewport:b}),(0,G.jsx)(`div`,{style:{"--design-after-opacity":v/100},"aria-label":`After revision ${o}`,children:(0,G.jsx)(ud,{preferences:n,viewKey:`${s}:compare-overlay-after`,document:i,theme:c,context:d,assets:f,selection:p,changedNodeIds:[],onSelect:m,onViewportChange:x})})]})]}),t[22]=i,t[23]=o,t[24]=f,t[25]=r,t[26]=u,t[27]=l,t[28]=a,t[29]=C,t[30]=d,t[31]=g,t[32]=m,t[33]=v,t[34]=b,t[35]=n,t[36]=p,t[37]=c,t[38]=s,t[39]=N):N=t[39];let P;return t[40]!==M||t[41]!==N?(P=(0,G.jsxs)(`div`,{className:`design-compare`,children:[M,N]}),t[40]=M,t[41]=N,t[42]=P):P=t[42],P}function pd(){}function md(){}function hd(e){return(0,G.jsxs)(`li`,{children:[(0,G.jsx)(`strong`,{children:e.kind}),(0,G.jsxs)(`span`,{children:[(0,G.jsx)(`code`,{children:e.path}),(0,G.jsxs)(`small`,{children:[dd(e.before),` → `,dd(e.after)]})]})]},e.path)}function gd(e){return!/^\/(annotations|reviews|acceptances)(\/|$)/.test(e.path)}function _d(e){if(e.fills?.[0]?.kind===`image`)return{label:`Image`,icon:O};switch(e.type){case`frame`:return{label:`Frame`,icon:w};case`group`:return{label:`Group`,icon:T};case`rectangle`:return{label:`Rectangle`,icon:ue};case`ellipse`:return{label:`Ellipse`,icon:_};case`path`:return{label:`Path`,icon:le};case`text`:return{label:`Text`,icon:fe};case`ref`:return{label:`Component`,icon:v}}}var vd=ln,yd=cn;function bd(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(zn,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(fn,{forceRender:!0,className:i,"data-slot":`dialog-backdrop`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function xd(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center p-4`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(sn,{className:i,"data-slot":`dialog-viewport`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Sd(e){let t=(0,U.c)(22),n,r,i,a,o;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5]):({className:r,children:n,showCloseButton:a,bottomStickOnMobile:o,...i}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o);let s=a===void 0||a,c=o===void 0||o,l;t[6]===Symbol.for(`react.memo_cache_sentinel`)?(l=(0,G.jsx)(bd,{}),t[6]=l):l=t[6];let u=c&&`max-sm:grid-rows-[1fr_auto] max-sm:p-0 max-sm:pt-12`,d;t[7]===u?d=t[8]:(d=V(u),t[7]=u,t[8]=d);let f=c&&`max-sm:max-w-none max-sm:rounded-none max-sm:border-x-0 max-sm:border-t max-sm:border-b-0 max-sm:opacity-[calc(1-min(var(--nested-dialogs),1))] max-sm:data-ending-style:translate-y-4 max-sm:data-starting-style:translate-y-4`,p;t[9]!==r||t[10]!==f?(p=V(Bn,`row-start-2 max-h-full max-w-lg text-popover-foreground`,f,r),t[9]=r,t[10]=f,t[11]=p):p=t[11];let m;t[12]===s?m=t[13]:(m=s&&(0,G.jsx)(on,{"aria-label":`Close`,className:`absolute end-2 top-2`,render:(0,G.jsx)(W,{size:`icon`,variant:`ghost`}),children:(0,G.jsx)(he,{})}),t[12]=s,t[13]=m);let h;t[14]!==n||t[15]!==i||t[16]!==p||t[17]!==m?(h=(0,G.jsxs)(un,{className:p,"data-slot":`dialog-popup`,...i,children:[n,m]}),t[14]=n,t[15]=i,t[16]=p,t[17]=m,t[18]=h):h=t[18];let g;return t[19]!==d||t[20]!==h?(g=(0,G.jsxs)(yd,{children:[l,(0,G.jsx)(xd,{className:d,children:h})]}),t[19]=d,t[20]=h,t[21]=g):g=t[21],g}function Cd(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`flex flex-col gap-2 p-6 in-[[data-slot=dialog-popup]:has([data-slot=dialog-panel])]:pb-3 max-sm:pb-4`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(`div`,{className:i,"data-slot":`dialog-header`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function wd(e){let t=(0,U.c)(11),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({className:n,variant:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a=i===void 0?`default`:i,o=a==="default"&&`border-t bg-muted/72 py-4`,s=a===`bare`&&`py-4`,c;t[4]!==n||t[5]!==o||t[6]!==s?(c=V(`flex flex-col-reverse gap-2 px-6 sm:flex-row sm:justify-end sm:rounded-b-[calc(var(--radius-2xl)-1px)]`,o,s,n),t[4]=n,t[5]=o,t[6]=s,t[7]=c):c=t[7];let l;return t[8]!==r||t[9]!==c?(l=(0,G.jsx)(`div`,{className:c,"data-slot":`dialog-footer`,...r}),t[8]=r,t[9]=c,t[10]=l):l=t[10],l}function Td(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`font-heading font-semibold text-xl leading-none`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(dn,{className:i,"data-slot":`dialog-title`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Ed(e){let t=(0,U.c)(8),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`text-muted-foreground text-sm`,n),t[3]=n,t[4]=i);let a;return t[5]!==r||t[6]!==i?(a=(0,G.jsx)(an,{className:i,"data-slot":`dialog-description`,...r}),t[5]=r,t[6]=i,t[7]=a):a=t[7],a}function Dd(e){let t=(0,U.c)(12),n,r,i;t[0]===e?(n=t[1],r=t[2],i=t[3]):({className:n,scrollFade:i,...r}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i);let a=i===void 0||i,o;t[4]===n?o=t[5]:(o=V(`p-6 in-[[data-slot=dialog-popup]:has([data-slot=dialog-header])]:pt-1 in-[[data-slot=dialog-popup]:has([data-slot=dialog-footer]:not(.border-t))]:pb-1`,n),t[4]=n,t[5]=o);let s;t[6]!==r||t[7]!==o?(s=(0,G.jsx)(`div`,{className:o,"data-slot":`dialog-panel`,...r}),t[6]=r,t[7]=o,t[8]=s):s=t[8];let c;return t[9]!==a||t[10]!==s?(c=(0,G.jsx)(hr,{scrollFade:a,children:s}),t[9]=a,t[10]=s,t[11]=c):c=t[11],c}function Od(e){let t=(0,U.c)(9),n,r;t[0]===e?(n=t[1],r=t[2]):({className:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i;t[3]===n?i=t[4]:(i=V(`relative inline-flex size-4.5 shrink-0 items-center justify-center rounded-[.25rem] border border-input bg-background not-dark:bg-clip-padding shadow-xs/5 outline-none ring-ring transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[3px] not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background aria-invalid:border-destructive/36 focus-visible:aria-invalid:border-destructive/64 focus-visible:aria-invalid:ring-destructive/48 data-disabled:opacity-64 sm:size-4 dark:not-data-checked:bg-input/32 dark:aria-invalid:ring-destructive/24 dark:not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)] [[data-disabled],[data-checked],[aria-invalid]]:shadow-none`,n),t[3]=n,t[4]=i);let a;t[5]===Symbol.for(`react.memo_cache_sentinel`)?(a=(0,G.jsx)(Lt,{className:`-inset-px absolute flex items-center justify-center rounded-[.25rem] text-primary-foreground data-unchecked:hidden data-checked:bg-primary data-indeterminate:text-foreground`,"data-slot":`checkbox-indicator`,render:kd}),t[5]=a):a=t[5];let o;return t[6]!==r||t[7]!==i?(o=(0,G.jsx)(It,{className:i,"data-slot":`checkbox`,...r,children:a}),t[6]=r,t[7]=i,t[8]=o):o=t[8],o}function kd(e,t){return(0,G.jsx)(`span`,{...e,children:t.indeterminate?(0,G.jsx)(`svg`,{className:`size-3.5 sm:size-3`,fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`3`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,children:(0,G.jsx)(`path`,{d:`M5.252 12h13.496`})}):(0,G.jsx)(`svg`,{className:`size-3.5 sm:size-3`,fill:`none`,height:`24`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`3`,viewBox:`0 0 24 24`,width:`24`,xmlns:`http://www.w3.org/2000/svg`,children:(0,G.jsx)(`path`,{d:`M5.252 12.7 10.2 18.63 18.748 5.37`})})})}function Ad(e){let t=(0,U.c)(9),n,r,i,a;if(t[0]!==e){let{className:o,render:s,...c}=e;n=s;let l={className:V(`inline-flex items-center gap-2 text-base/4.5 sm:text-sm/4 font-medium text-foreground`,o),"data-slot":`label`};a=$e,r=`label`,i=Ae(l,c),t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a}else n=t[1],r=t[2],i=t[3],a=t[4];let o;return t[5]!==n||t[6]!==r||t[7]!==i?(o={defaultTagName:r,props:i,render:n},t[5]=n,t[6]=r,t[7]=i,t[8]=o):o=t[8],a(o)}function jd(e){let t=(0,U.c)(16),n=Qn(),r=nr(),i=(0,H.useRef)(null),[a,o]=(0,H.useState)(!1),[s,c]=(0,H.useState)(null),[l,u]=(0,H.useState)(null),d;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(d=[],t[0]=d):d=t[0];let[f,p]=(0,H.useState)(d),[m,h]=(0,H.useState)(null),g,_;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(g=()=>()=>i.current?.abort(),_=[],t[1]=g,t[2]=_):(g=t[1],_=t[2]),(0,H.useEffect)(g,_);let v;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(v=()=>i.current?.abort(),t[3]=v):v=t[3];let y=v,b;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(b=()=>{y(),c(null),u(null),p([]),h(null)},t[4]=b):b=t[4];let x=b,S;t[5]!==n||t[6]!==r||t[7]!==e?(S=async t=>{if(!e)return null;y();let a=new AbortController;i.current=a,o(!0),c(null),u(null),p([]),h(null);let s=[],l=null,d=R(()=>new Promise(e=>{a.signal.aborted?e():a.signal.addEventListener(`abort`,()=>e(),{once:!0})})),f=null;try{await r(dt(ye(n.transport.transfer(e,t),e=>at(()=>{a.signal.aborted||(e.kind===`progress`&&c(e),e.kind===`chunk`&&s.push(Uint8Array.from(atob(e.base64),Md)),e.kind===`complete`&&(l=e))})),d))}catch(e){f={cause:e}}if(i.current!==a)return null;let m=a.signal.aborted;return i.current===a&&(i.current=null),a.abort(),o(!1),m?null:f?(h(f.cause instanceof Error?f.cause.message:String(f.cause)),null):l?(u(l),p(s),l):(h(`Transfer ended before a result was received.`),null)},t[5]=n,t[6]=r,t[7]=e,t[8]=S):S=t[8];let C=S,w;return t[9]!==a||t[10]!==f||t[11]!==m||t[12]!==s||t[13]!==l||t[14]!==C?(w={busy:a,progress:s,result:l,bytes:f,error:m,run:C,cancel:y,reset:x},t[9]=a,t[10]=f,t[11]=m,t[12]=s,t[13]=l,t[14]=C,t[15]=w):w=t[15],w}function Md(e){return e.charCodeAt(0)}var Nd={svg:`.svg,image/svg+xml`,png:`.png,image/png`,jpeg:`.jpg,.jpeg,image/jpeg`,webp:`.webp,image/webp`,"figma-rest":``,"figma-plugin":`.json,application/json`},Pd=[[`svg`,`SVG`],[`png`,`PNG`],[`jpeg`,`JPEG`],[`webp`,`WebP`],[`figma-rest`,`Figma URL`],[`figma-plugin`,`Figma plugin bundle`]];function Fd(e){let t=(0,U.c)(18),{id:n,value:r,onChange:i,options:a,disabled:o}=e,s;t[0]===a?s=t[1]:(s=a.map(Ld),t[0]=a,t[1]=s);let c;t[2]===i?c=t[3]:(c=e=>{e!==null&&i(e)},t[2]=i,t[3]=c);let l;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(l=(0,G.jsx)(ci,{}),t[4]=l):l=t[4];let u;t[5]===n?u=t[6]:(u=(0,G.jsx)(si,{id:n,children:l}),t[5]=n,t[6]=u);let d;t[7]===a?d=t[8]:(d=a.map(Id),t[7]=a,t[8]=d);let f;t[9]===d?f=t[10]:(f=(0,G.jsx)(li,{children:d}),t[9]=d,t[10]=f);let p;return t[11]!==o||t[12]!==s||t[13]!==c||t[14]!==u||t[15]!==f||t[16]!==r?(p=(0,G.jsxs)(ai,{modal:!1,value:r,disabled:o,items:s,onValueChange:c,children:[u,f]}),t[11]=o,t[12]=s,t[13]=c,t[14]=u,t[15]=f,t[16]=r,t[17]=p):p=t[17],p}function Id(e){let[t,n,r]=e;return(0,G.jsx)(ui,{value:t,disabled:r,children:n},String(t))}function Ld(e){let[t,n]=e;return{value:t,label:n}}async function Rd(e){let t=new Uint8Array(await e.arrayBuffer()),n=``;for(let e=0;e<t.length;e+=8192)n+=String.fromCharCode(...t.subarray(e,e+8192));return btoa(n)}function zd(e,t,n){let r=new Blob(e.map(e=>new Uint8Array(e)),{type:n}),i=URL.createObjectURL(r),a=document.createElement(`a`);a.href=i,a.download=t,a.click(),setTimeout(()=>URL.revokeObjectURL(i),3e4)}function Bd({open:e,mode:t,onModeChange:n,onOpenChange:r,target:i,documentPath:a,revision:o,document:s,selection:c,theme:l,onImportComplete:u,onOpenImported:d}){let f=jd(i),[p,m]=(0,H.useState)(`svg`),[h,g]=(0,H.useState)(`png`),[_,v]=(0,H.useState)(null),[y,b]=(0,H.useState)(``),[x,S]=(0,H.useState)(``),[C,w]=(0,H.useState)(``),[T,E]=(0,H.useState)(!1),[D,O]=(0,H.useState)(`selection`),[k,A]=(0,H.useState)(1),[j,M]=(0,H.useState)(`transparent`),[N,P]=(0,H.useState)(null),[F,ee]=(0,H.useState)(!1),I=(0,H.useRef)(0),te=(0,H.useRef)(null),ne=f.busy&&f.progress?.stage===`Saving document`,re=s?Object.entries(s.nodes).filter(([,e])=>e.type===`frame`):[],ie=i?{projectId:i.projectId,...i.threadId?{threadId:i.threadId}:{}}:null,ae=e=>{if(!e){if(ne)return;I.current+=1,f.reset(),ee(!1),S(``),v(null),b(``),w(``),P(null)}r(e)},oe=async()=>{if(!ie)return;if(P(null),t===`import`){let e=C.trim();if(!e.toLowerCase().endsWith(`.p4design`)){P(`Choose a new .p4design destination path.`);return}if(p===`figma-rest`?!y.trim():!_){P(p===`figma-rest`?`Enter a Figma file URL.`:`Choose a file.`);return}ee(!0);let t=++I.current,n;try{_&&p!==`figma-rest`&&(n=await Rd(_))}catch{P(`The selected file could not be read. Choose it again.`),ee(!1);return}if(I.current!==t)return;ee(!1),await f.run({kind:`import`,target:ie,documentPath:e,format:p,sourceName:_?.name??y.trim(),...n?{payload:n}:{},...p===`figma-rest`?{url:y.trim(),...x.trim()?{token:x.trim()}:{}}:{},allowMissingAssets:T})&&u();return}let e=D===`selection`?c.length?[...c]:re[0]?[re[0][0]]:[]:[D];if(!s||!a||!o||!e.length){P(`Select a node or frame in a ready design to export.`);return}await f.run({kind:`export`,target:ie,documentPath:a,expectedContentHash:o,nodeIds:e,format:h,scale:k,background:j,theme:l})};return(0,G.jsx)(vd,{open:e,onOpenChange:ae,children:(0,G.jsxs)(Sd,{className:`design-transfer-dialog max-w-lg`,showCloseButton:!ne,children:[(0,G.jsxs)(Cd,{children:[(0,G.jsx)(Td,{children:`Design transfer`}),(0,G.jsx)(Ed,{children:`Import a design or export selected canvas content.`})]}),(0,G.jsxs)(Dd,{className:`design-transfer-panel`,children:[(0,G.jsx)(`div`,{className:`design-transfer-tabs`,role:`tablist`,"aria-label":`Transfer direction`,children:[`import`,`export`].map(e=>(0,G.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":t===e,disabled:f.busy||F,onClick:()=>{n(e),f.reset(),P(null)},children:e===`import`?`Import`:`Export`},e))}),t===`import`?(0,G.jsxs)(`div`,{className:`design-transfer-fields`,children:[(0,G.jsx)(Ad,{htmlFor:`design-import-format`,children:`Source format`}),(0,G.jsx)(Fd,{id:`design-import-format`,value:p,disabled:f.busy||F,options:Pd,onChange:e=>{m(e),v(null),f.reset()}}),p===`figma-rest`?(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(Ad,{htmlFor:`design-figma-url`,children:`Figma file URL`}),(0,G.jsx)(An,{id:`design-figma-url`,type:`url`,value:y,onChange:e=>b(e.target.value)}),(0,G.jsx)(Ad,{htmlFor:`design-figma-token`,children:`Figma token`}),(0,G.jsx)(An,{id:`design-figma-token`,type:`password`,value:x,onChange:e=>S(e.target.value),placeholder:`Leave blank to use stored token`,autoComplete:`off`})]}):(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(Ad,{htmlFor:`design-import-file`,children:`Source file`}),(0,G.jsxs)(`div`,{className:`design-transfer-file`,children:[(0,G.jsx)(W,{id:`design-import-file`,size:`sm`,variant:`outline`,disabled:f.busy||F,onClick:()=>te.current?.click(),children:`Choose file`}),(0,G.jsx)(`span`,{className:`design-truncate design-small-muted`,"aria-live":`polite`,children:_?_.name:`No file chosen`}),(0,G.jsx)(`input`,{ref:te,type:`file`,hidden:!0,accept:Nd[p],onChange:e=>{let t=e.target.files?.[0]??null;e.target.value=``,v(t),t&&!C.trim()&&w(`${t.name.replace(/\.[^.]+$/,``)}.p4design`)}})]}),p===`figma-plugin`?(0,G.jsx)(`p`,{className:`design-transfer-hint`,children:`Choose the JSON bundle exported by the Figma plugin.`}):null]}),(0,G.jsx)(Ad,{htmlFor:`design-import-destination`,children:`New design path`}),(0,G.jsx)(An,{id:`design-import-destination`,value:C,onChange:e=>w(e.target.value),placeholder:`home.p4design`}),(0,G.jsxs)(`label`,{className:`design-transfer-checkbox`,children:[(0,G.jsx)(Od,{checked:T,onCheckedChange:e=>E(e===!0)}),`Import with placeholders if assets fail`]})]}):(0,G.jsxs)(`div`,{className:`design-transfer-fields`,children:[!s||!o?(0,G.jsx)(`p`,{className:`design-transfer-hint`,children:`Open a ready design to export.`}):null,(0,G.jsx)(Ad,{htmlFor:`design-export-scope`,children:`Export content`}),(0,G.jsx)(Fd,{id:`design-export-scope`,value:!c.length&&D===`selection`?re[0]?.[0]??D:D,onChange:O,options:[[`selection`,`Selection (${c.length})`,!c.length],...re.map(([e,t])=>[e,`Frame: ${t.name||e.slice(0,8)}`])]}),(0,G.jsx)(Ad,{htmlFor:`design-export-format`,children:`Format`}),(0,G.jsx)(Fd,{id:`design-export-format`,value:h,onChange:g,options:[[`png`,`PNG`],[`svg`,`SVG`],[`pdf`,`PDF`]]}),(0,G.jsx)(Ad,{htmlFor:`design-export-scale`,children:`Scale`}),(0,G.jsx)(Fd,{id:`design-export-scale`,value:k,onChange:A,options:[[.5,`0.5x`],[1,`1x`],[2,`2x`],[4,`4x`]]}),(0,G.jsx)(Ad,{htmlFor:`design-export-background`,children:`Background`}),(0,G.jsx)(Fd,{id:`design-export-background`,value:j,onChange:M,options:[[`transparent`,`Transparent`],[`#FFFFFF`,`White`]]})]}),F?(0,G.jsx)(`p`,{role:`status`,children:`Reading source file…`}):null,f.progress&&!f.result&&!f.error&&!N?(0,G.jsxs)(`div`,{className:`design-transfer-progress`,role:`status`,children:[(0,G.jsx)(`span`,{children:ne?`Finishing save`:f.progress.stage}),(0,G.jsx)(`progress`,{value:f.progress.total>0?f.progress.completed:void 0,max:f.progress.total||void 0}),f.progress.total>0?(0,G.jsxs)(`small`,{children:[f.progress.completed,` / `,f.progress.total]}):null]}):null,N||f.error?(0,G.jsx)(`p`,{className:`design-transfer-error`,role:`alert`,children:N??f.error}):null,f.result?(0,G.jsxs)(`div`,{className:`design-transfer-result`,role:`status`,children:[(0,G.jsx)(`strong`,{children:t===`import`?`Import complete`:`Export ready`}),(0,G.jsxs)(`span`,{children:[`Source: `,f.result.provenance]}),f.result.unsupported.length?(0,G.jsxs)(`span`,{children:[`Unsupported: `,f.result.unsupported.join(`, `)]}):null,f.result.failedAssets.length?(0,G.jsxs)(`span`,{children:[`Failed assets: `,f.result.failedAssets.join(`, `)]}):null,f.result.diagnostics.length?(0,G.jsx)(`ul`,{children:[...new Set(f.result.diagnostics.map(e=>e.message))].map(e=>(0,G.jsx)(`li`,{children:e},e))}):null,t===`import`?(0,G.jsx)(W,{size:`sm`,variant:`outline`,onClick:()=>{d(f.result.documentPath),ae(!1)},children:`Open design`}):f.result.filename&&f.result.mimeType&&f.bytes.length?(0,G.jsxs)(W,{size:`sm`,variant:`outline`,onClick:()=>zd(f.bytes,f.result.filename,f.result.mimeType),children:[`Download `,f.result.filename]}):null]}):null]}),(0,G.jsxs)(wd,{children:[(0,G.jsx)(W,{variant:`outline`,disabled:ne,onClick:()=>ae(!1),children:ne?`Finishing save`:f.busy||F?`Cancel`:`Close`}),(0,G.jsx)(W,{disabled:!i||f.busy||F||t===`export`&&(!s||!o||!c.length&&!re.length),onClick:()=>void oe(),children:f.error||N?`Retry`:t===`import`?`Import`:`Export`})]})]})})}var Vd=e=>`${e}T00:00:00.000Z`;function Hd(e,t,n){let r=e.slice(0,10);return`${t===`open`&&r<n?`Overdue`:`Due`} ${r}`}var Ud=e=>{Promise.resolve().then(e).catch(()=>{})};function Wd(e){let t=(0,U.c)(49),{anchor:n,onSubmit:r,onCancel:i,busy:a}=e,o=a!==void 0&&a,[s,c]=(0,H.useState)(``),[l,u]=(0,H.useState)(``),[d,f]=(0,H.useState)(``),[p,m]=(0,H.useState)(``),[h,g]=(0,H.useState)(!1),_=n.kind===`nodes`?`${n.nodeIds.length} selected ${n.nodeIds.length===1?`node`:`nodes`}`:n.kind===`region`?`Canvas region`:`Canvas pin`,v;t[0]!==n||t[1]!==l||t[2]!==h||t[3]!==s||t[4]!==o||t[5]!==p||t[6]!==d||t[7]!==r?(v=e=>{e.preventDefault(),s.trim()&&!o&&Ud(()=>r({anchor:n,body:s.trim(),blocking:h,labels:d.split(`,`).map(Gd).filter(Boolean),...l.trim()?{assignee:l.trim()}:{},...p?{dueAt:Vd(p)}:{}}))},t[0]=n,t[1]=l,t[2]=h,t[3]=s,t[4]=o,t[5]=p,t[6]=d,t[7]=r,t[8]=v):v=t[8];let y;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(y=(0,G.jsx)(`strong`,{children:`New comment`}),t[9]=y):y=t[9];let b;t[10]===_?b=t[11]:(b=(0,G.jsxs)(`div`,{className:`design-editor-heading`,children:[y,(0,G.jsxs)(`span`,{className:`design-small-muted`,children:[`Anchored to `,_,` in this revision`]})]}),t[10]=_,t[11]=b);let x;t[12]===Symbol.for(`react.memo_cache_sentinel`)?(x=e=>c(e.target.value),t[12]=x):x=t[12];let S;t[13]===s?S=t[14]:(S=(0,G.jsxs)(`label`,{children:[`Comment`,(0,G.jsx)(`textarea`,{value:s,onChange:x,rows:3,required:!0,placeholder:`What should be reviewed?`})]}),t[13]=s,t[14]=S);let C;t[15]===Symbol.for(`react.memo_cache_sentinel`)?(C=e=>u(e.target.value),t[15]=C):C=t[15];let w;t[16]===l?w=t[17]:(w=(0,G.jsxs)(`label`,{children:[`Assignee`,(0,G.jsx)(`input`,{value:l,onChange:C})]}),t[16]=l,t[17]=w);let T;t[18]===Symbol.for(`react.memo_cache_sentinel`)?(T=e=>m(e.target.value),t[18]=T):T=t[18];let E;t[19]===p?E=t[20]:(E=(0,G.jsxs)(`label`,{children:[`Due`,(0,G.jsx)(`input`,{type:`date`,value:p,onChange:T})]}),t[19]=p,t[20]=E);let D;t[21]!==E||t[22]!==w?(D=(0,G.jsxs)(`div`,{className:`design-editor-fields`,children:[w,E]}),t[21]=E,t[22]=w,t[23]=D):D=t[23];let O;t[24]===Symbol.for(`react.memo_cache_sentinel`)?(O=(0,G.jsx)(`span`,{className:`design-small-muted`,children:`(comma separated)`}),t[24]=O):O=t[24];let k;t[25]===Symbol.for(`react.memo_cache_sentinel`)?(k=e=>f(e.target.value),t[25]=k):k=t[25];let A;t[26]===d?A=t[27]:(A=(0,G.jsxs)(`label`,{children:[`Labels `,O,(0,G.jsx)(`input`,{value:d,onChange:k})]}),t[26]=d,t[27]=A);let j;t[28]===Symbol.for(`react.memo_cache_sentinel`)?(j=e=>g(e.target.checked),t[28]=j):j=t[28];let M;t[29]===h?M=t[30]:(M=(0,G.jsxs)(`label`,{className:`design-editor-checkbox`,children:[(0,G.jsx)(`input`,{type:`checkbox`,checked:h,onChange:j}),`Mark as blocking`]}),t[29]=h,t[30]=M);let N;t[31]===i?N=t[32]:(N=(0,G.jsx)(W,{type:`button`,size:`sm`,variant:`ghost`,onClick:i,children:`Cancel`}),t[31]=i,t[32]=N);let P;t[33]!==s||t[34]!==o?(P=o||!s.trim(),t[33]=s,t[34]=o,t[35]=P):P=t[35];let F;t[36]===P?F=t[37]:(F=(0,G.jsx)(W,{type:`submit`,size:`sm`,disabled:P,children:`Post comment`}),t[36]=P,t[37]=F);let ee;t[38]!==N||t[39]!==F?(ee=(0,G.jsxs)(`div`,{className:`design-editor-actions`,children:[N,F]}),t[38]=N,t[39]=F,t[40]=ee):ee=t[40];let I;return t[41]!==D||t[42]!==A||t[43]!==M||t[44]!==v||t[45]!==ee||t[46]!==b||t[47]!==S?(I=(0,G.jsxs)(`form`,{className:`design-annotation-editor`,onSubmit:v,children:[b,S,D,A,M,ee]}),t[41]=D,t[42]=A,t[43]=M,t[44]=v,t[45]=ee,t[46]=b,t[47]=S,t[48]=I):I=t[48],I}function Gd(e){return e.trim()}function Kd(e){let t=(0,U.c)(18),{document:n,currentRevision:r,actions:i,busy:a,focusedId:o,onSendToAgent:s}=e,c=a!==void 0&&a,[l,u]=(0,H.useState)(null),[d,f]=(0,H.useState)(``),p=Object.entries(n.annotations).sort(Yd),m;t[0]===n.annotations?m=t[1]:(m=rd(n.annotations),t[0]=n.annotations,t[1]=m);let h=m,g;t[2]===o?g=t[3]:(g=()=>{o&&globalThis.document.getElementById(`design-comment-${o}`)?.scrollIntoView({block:`nearest`})},t[2]=o,t[3]=g);let _;if(t[4]!==n||t[5]!==o?(_=[o,n],t[4]=n,t[5]=o,t[6]=_):_=t[6],(0,H.useEffect)(g,_),!p.length){let e;return t[7]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,G.jsx)(`div`,{className:`design-notice`,children:(0,G.jsx)(`strong`,{children:`No comments`})}),t[7]=e):e=t[7],e}let v;t[8]!==i||t[9]!==c||t[10]!==r||t[11]!==h||t[12]!==s||t[13]!==d||t[14]!==l?(v=e=>{let[t,n]=e;return(0,G.jsxs)(`article`,{id:`design-comment-${t}`,className:`design-comment`,children:[(0,G.jsxs)(`div`,{className:`design-comment-heading`,children:[(0,G.jsx)(`span`,{className:`design-comment-number${n.blocking&&n.status===`open`?` design-comment-number-blocking`:``}`,"aria-label":`Comment ${h.get(t)??``}`,children:h.get(t)}),(0,G.jsx)(`strong`,{children:n.author}),(0,G.jsx)(`span`,{className:`design-small-muted`,children:n.status===`open`?`Open`:`Resolved`})]}),(0,G.jsx)(`p`,{children:n.body}),(0,G.jsxs)(`div`,{className:`design-comment-meta`,children:[n.blocking&&n.status===`open`?(0,G.jsx)(mr,{variant:`warning`,children:`Blocking`}):null,(0,G.jsx)(`span`,{children:n.anchor.kind===`nodes`?`${n.anchor.nodeIds.length} ${n.anchor.nodeIds.length===1?`layer`:`layers`}`:n.anchor.kind===`region`?`Region`:`Pin`}),n.revision===r?null:(0,G.jsxs)(`span`,{children:[`Revision `,n.revision.slice(0,8)]}),n.assignee?(0,G.jsxs)(`span`,{children:[`Assigned to `,n.assignee]}):null,n.dueAt?(0,G.jsx)(`span`,{children:Hd(n.dueAt,n.status,new Date().toISOString().slice(0,10))}):null,n.labels.map(Jd)]}),n.replies.map(qd),i?(0,G.jsxs)(`div`,{className:`design-comment-actions`,children:[(0,G.jsx)(W,{size:`sm`,variant:`ghost`,disabled:c,onClick:()=>{u(t),f(``)},children:`Reply`}),(0,G.jsx)(W,{size:`sm`,variant:`ghost`,disabled:c,onClick:()=>Ud(()=>i.setResolved(t,n.status===`open`)),children:n.status===`open`?`Resolve`:`Reopen`}),s&&n.status===`open`?(0,G.jsx)(W,{size:`sm`,variant:`ghost`,disabled:c,onClick:()=>Ud(()=>s(t)),children:`Send to agent`}):null]}):null,l===t&&i?(0,G.jsxs)(`form`,{className:`design-reply-form`,onSubmit:e=>{e.preventDefault(),d.trim()&&!c&&Ud(async()=>{await i.reply(t,d.trim()),u(null),f(``)})},children:[(0,G.jsxs)(`label`,{children:[`Reply`,(0,G.jsx)(`textarea`,{rows:2,value:d,onChange:e=>f(e.target.value),required:!0})]}),(0,G.jsxs)(`div`,{className:`design-editor-actions`,children:[(0,G.jsx)(W,{type:`button`,size:`sm`,variant:`ghost`,onClick:()=>u(null),children:`Cancel`}),(0,G.jsx)(W,{type:`submit`,size:`sm`,disabled:c||!d.trim(),children:`Send reply`})]})]}):null]},t)},t[8]=i,t[9]=c,t[10]=r,t[11]=h,t[12]=s,t[13]=d,t[14]=l,t[15]=v):v=t[15];let y=p.map(v),b;return t[16]===y?b=t[17]:(b=(0,G.jsx)(`div`,{className:`design-comments`,"aria-label":`Design comments`,children:y}),t[16]=y,t[17]=b),b}function qd(e){return(0,G.jsxs)(`div`,{className:`design-reply`,children:[(0,G.jsx)(`strong`,{children:e.author}),(0,G.jsx)(`p`,{children:e.body})]},e.id)}function Jd(e){return(0,G.jsx)(`span`,{className:`design-comment-label`,children:e},e)}function Yd(e,t){let[,n]=e,[,r]=t;return r.createdAt.localeCompare(n.createdAt)}var Xd=160;function Zd(e){let t=(0,U.c)(24),{proposal:n,stale:r,nodeName:i,index:a,onIndexChange:o,onAccept:s,onReject:c,disabled:l}=e,[u,d]=(0,H.useState)(n),[m,h]=(0,H.useState)(!1),g,_;t[0]===n?(g=t[1],_=t[2]):(g=()=>{if(n){d(n),h(!1);return}h(!0);let e=setTimeout(()=>d(null),Xd);return()=>clearTimeout(e)},_=[n],t[0]=n,t[1]=g,t[2]=_),(0,H.useEffect)(g,_);let[v,y]=(0,H.useState)(`next`);if(!u)return null;let b=u.variants.length,x=u.variants[Math.min(a,b-1)],S;t[3]!==b||t[4]!==a||t[5]!==o?(S=e=>{y(e>0?`next`:`previous`),o((a+e+b)%b)},t[3]=b,t[4]=a,t[5]=o,t[6]=S):S=t[6];let C=S,w;t[7]!==b||t[8]!==C?(w=(e,t,n)=>(0,G.jsxs)(Pt,{children:[(0,G.jsx)(jt,{render:(0,G.jsx)(W,{size:`icon-xs`,variant:`ghost`,"aria-label":e,disabled:b<2,onClick:()=>C(t)}),children:(0,G.jsx)(n,{"aria-hidden":`true`})}),(0,G.jsx)(Mt,{children:e})]}),t[7]=b,t[8]=C,t[9]=w):w=t[9];let T=w,E=m?`closed`:`open`,D;t[10]!==T||t[11]!==b||t[12]!==v||t[13]!==l||t[14]!==a||t[15]!==i||t[16]!==s||t[17]!==c||t[18]!==r||t[19]!==x?.label?(D=r?(0,G.jsxs)(`div`,{className:`design-proposal-content`,role:`alert`,children:[(0,G.jsx)(`span`,{className:`design-proposal-message`,children:`The design changed since this proposal. Ask the agent for a fresh one.`}),(0,G.jsx)(W,{size:`sm`,variant:`outline`,disabled:l,onClick:c,children:`Dismiss`})]},`stale`):(0,G.jsxs)(`div`,{className:`design-proposal-content`,children:[(0,G.jsx)(`span`,{className:`design-proposal-target`,children:(0,G.jsx)(Ft,{children:`Proposal · ${i}`})}),T(`Previous version`,-1,f),(0,G.jsxs)(`span`,{className:`design-proposal-variant`,"aria-live":`polite`,children:[(0,G.jsx)(`span`,{className:`design-proposal-label`,"data-direction":v,children:(0,G.jsx)(Ft,{children:x?.label??``})},a),(0,G.jsxs)(`span`,{className:`design-proposal-count`,children:[Math.min(a,b-1)+1,` of `,b]})]}),T(`Next version`,1,p),(0,G.jsx)(W,{size:`sm`,variant:`outline`,disabled:l,onClick:c,children:`Reject`}),(0,G.jsx)(W,{size:`sm`,disabled:l,onClick:s,children:`Accept`})]},`open`),t[10]=T,t[11]=b,t[12]=v,t[13]=l,t[14]=a,t[15]=i,t[16]=s,t[17]=c,t[18]=r,t[19]=x?.label,t[20]=D):D=t[20];let O;return t[21]!==E||t[22]!==D?(O=(0,G.jsx)(`section`,{className:`design-proposal`,"data-state":E,"aria-label":`Agent proposal`,children:D}),t[21]=E,t[22]=D,t[23]=O):O=t[23],O}function Qd(e,t){let n=e;for(let e of t.operations)n=$d(n,e);if(t.thumbnail===void 0)return n;let{thumbnail:r,...i}=n;return t.thumbnail?{...i,thumbnail:t.thumbnail}:i}function $d(e,t){let n=structuredClone(e),r=Wr(n),i=n,a=i.nodes,o=e=>{if(e===null)return i.roots;let t=a[e];if(!t||!(`children`in t))throw Error(`Parent must be a frame or group`);return t.children},s=e=>{if(!a[e])throw Error(`Node is missing`);let t=r.parents.get(e)??null,i=t&&a[t]?.type===`ref`?Object.values(n.instances[t]?.slots??{}).find(t=>t.includes(e)):o(t);if(!i)throw Error(`Node has no tree position`);let s=i.indexOf(e);if(s<0)throw Error(`Node has no tree position`);i.splice(s,1)},c=(e,t,n)=>{let r=o(t);if(n>r.length)throw Error(`Position is outside the ordered child list`);r.splice(n,0,e)},l=(e,t,n)=>{let r=e;n===null?delete r[t]:r[t]=n};switch(t.kind){case`insert`:case`instantiate`:if(a[t.nodeId])throw Error(`Node ID already exists`);a[t.nodeId]=t.node,c(t.nodeId,t.parentId,t.index),t.kind===`instantiate`&&l(n.instances,t.nodeId,t.instance);break;case`patch`:if(!a[t.nodeId])throw Error(`Node is missing`);a[t.nodeId]=Ur(a[t.nodeId],t.patch);break;case`move`:s(t.nodeId),c(t.nodeId,t.parentId,t.index);break;case`remove`:{s(t.nodeId);let e=t=>{let r=a[t];r&&`children`in r&&r.children.forEach(e);for(let r of Object.values(n.instances[t]?.slots??{}))r.forEach(e);delete a[t],l(n.instances,t,null)};e(t.nodeId);break}case`override`:{let e=n.instances[t.instanceId];if(!e)throw Error(`Instance is missing`);l(e.overrides,t.sourceNodeId,t.patch);break}case`slots`:{let e=n.instances[t.instanceId];if(!e)throw Error(`Instance is missing`);let r=e.slots[t.slotId]??[];for(let e of t.children)s(e);for(let e of r)t.children.includes(e)||i.roots.push(e);l(e.slots,t.slotId,t.children);break}case`component`:l(n.components,t.componentId,t.value);break;case`library`:l(n.imports,t.importId,t.value);break;case`token`:l(n.tokens,t.tokenId,t.value);break;case`theme`:l(n.themeAxes,t.axis,t.values);break;case`asset`:l(n.assets,t.assetId,t.value);break;case`annotation`:l(n.annotations,t.annotationId,t.value);break;case`review`:l(n.reviews,t.reviewId,t.value);break;case`acceptance`:i.acceptances??={},l(i.acceptances,t.acceptanceId,t.value);break;case`lock`:{if(!a[t.nodeId])throw Error(`Node is missing`);let e=new Set(i.locks??[]);t.locked?e.add(t.nodeId):e.delete(t.nodeId),e.size?i.locks=[...e].sort():delete i.locks;break}}if(i.locks?.some(e=>!a[e])){let e=i.locks.filter(e=>a[e]);e.length?i.locks=e:delete i.locks}let u=Hr(Br(n));if(u.status!==`editable`)throw Error(`Operation violates the document schema`);return u.document}var ef=()=>({fileHash:null,contentHash:null,diagnostics:[],readOnly:!1,status:`loading`,selection:[],changedNodeIds:[],batch:null,proposal:null,sequence:-1}),tf=new Set([`component`,`library`,`token`,`theme`,`asset`]);function nf(e){let t=new Set,n=new Set(e.changedNodeIds);for(let r of e.operations){let e=`nodeId`in r?r.nodeId:`instanceId`in r?r.instanceId:null;e&&n.has(e)&&t.add(e)}if(e.operations.some(e=>tf.has(e.kind)))for(let n of e.changedNodeIds)t.add(n);return[...t]}function rf(e,t){let n=nf(e);return{sequence:e.sequence,nodeIds:n,added:n.filter(e=>!t.nodes[e]),...e.human?{human:!0}:{}}}function af(e,t,n,r){if(t.kind===`proposal`)return t.proposal&&t.proposal.baseContentHash!==e.contentHash?e:{...e,proposal:t.proposal};if(t.kind!==`snapshot`&&t.sequence<e.sequence)return e;if(t.kind===`snapshot`){if(n===void 0)throw Error(`Snapshot payload must be decoded`);let i=Hr(n);return{...e,documentPath:t.documentPath,...i.status===`editable`?{document:i.document}:{document:void 0},fileHash:t.fileHash,contentHash:t.contentHash,diagnostics:t.diagnostics,readOnly:t.readOnly,status:`ready`,sequence:t.sequence,changedNodeIds:[],batch:null,proposal:null,...r?{context:r}:{},selection:e.selection.filter(e=>i.status===`editable`&&!!i.document.nodes[e])}}if(t.sequence===e.sequence&&t.fileHash===e.fileHash)return e;if(e.status===`conflict`||!e.document||t.sequence!==e.sequence+1||t.previousFileHash!==e.fileHash)return{...e,status:`conflict`,readOnly:!0};try{let n=Qd(e.document,t),i=e.proposal?.variants.some(e=>e.operations.length===t.operations.length&&e.operations.every((e,n)=>e.operationId===t.operations[n]?.operationId));if(Vr(Br(n))!==t.fileHash)throw Error(`Committed operation hash mismatch`);return{...e,document:n,fileHash:t.fileHash,contentHash:t.contentHash,diagnostics:t.diagnostics,sequence:t.sequence,status:`ready`,readOnly:!1,...i?{proposal:null}:{},changedNodeIds:[...t.changedNodeIds],batch:t.changedNodeIds.length?rf(t,e.document):null,selection:(t.selection&&t.selection.documentPath===e.documentPath&&t.selection.revision===t.contentHash?t.selection.nodeIds:e.selection).filter(e=>!!n.nodes[e]),...r?{context:r}:{}}}catch{return{...e,status:`conflict`,readOnly:!0}}}var of=class extends Qe(`DesignSyncError`){},sf=(e,t)=>JSON.stringify([e,t]),cf=ef(),lf=z(e=>({records:{},setRecord:(t,n)=>e(e=>({records:{...e.records,[t]:n}}))}));async function uf(e){let t=Uint8Array.from(atob(e),e=>e.charCodeAt(0)),n=new Blob([t]).stream().pipeThrough(new DecompressionStream(`gzip`));return new Response(n).text()}var df=Ee(ke(Me));async function ff(e,{event:t,fetchAsset:n}){let r=t.kind===`snapshot`?await uf(t.payload):void 0,i;if(t.kind!==`proposal`&&t.dependencies){let e=df(await uf(t.dependencies));i={...e.manifest?{manifest:e.manifest}:{},documents:e.documents,documentPath:e.documentPath,availableAssets:new Set(e.availableAssets)}}let a=af(lf.getState().records[e]??ef(),t,r,i);if(lf.getState().setRecord(e,a),a.status===`conflict`)throw Error(`Design revision changed; reload the document`);let[o,s]=JSON.parse(e),c=a.context;if(!a.document||!c||t.kind===`proposal`||!t.dependencies||!n)return;let l=new Map,u=new Map,d=[a.document,...Object.values(c.documents??{})].flatMap(e=>Object.keys(e.assets).map(t=>({document:e,assetId:t})));await Promise.all(Array.from({length:Math.min(4,d.length)},async()=>{for(;d.length;){let{document:e,assetId:t}=d.pop();try{let r=await n({projectId:o.projectId,...o.threadId?{threadId:o.threadId}:{},documentPath:s,assetId:t,sourceDocumentId:e.documentId,...a.contentHash?{expectedContentHash:a.contentHash}:{}});r?l.set(`${e.documentId}:${t}`,r):u.set(t,e.assets[t]?.path??t)}catch{u.set(t,e.assets[t]?.path??t)}}}));let f=lf.getState().records[e];f&&f.sequence===a.sequence&&lf.getState().setRecord(e,{...f,assets:l,diagnostics:[...f.diagnostics.filter(e=>e.code!==`asset-unavailable`),...[...u.values()].map(e=>({code:`asset-unavailable`,severity:`warning`,message:`Image ${e} could not load. Reload to retry.`}))]})}var pf=e=>nt(t=>{let[n,r]=JSON.parse(t);return e.runtime.atom(e.transport.subscribe(n,r).pipe(_e(ge(`DesignCache.accept`)(function*(e){return yield*Le({try:()=>ff(t,e),catch:e=>new of({message:e instanceof Error?e.message:String(e)})})}))))}),mf=new WeakMap;function hf(e){let t=mf.get(e.transport);return t||(t=pf(e),mf.set(e.transport,t)),t}var gf=Ve(st()),_f=5e3,vf=new Map;function yf(e,t){let n=Qn(),r=e&&t?sf(e,t):null,i=r?hf(n)(r):gf,a=it(i),o=We(i),s=lf(e=>r?e.records[r]??cf:cf),c=n.useConnected(e?.environmentId??null),l=!!(r&&!c&&s.document),u=(0,H.useMemo)(()=>l?{...s,status:`disconnected`,readOnly:!0}:s,[l,s]);return(0,H.useEffect)(()=>{if(r&&a._tag===`Failure`){let e=lf.getState().records[r]??ef(),t=vf.get(r)??0;if(e.document&&Date.now()-t>_f){vf.set(r,Date.now()),o();return}lf.getState().setRecord(r,{...e,status:e.document?`conflict`:`error`,readOnly:!0})}},[r,a,o]),{record:u,select:(0,H.useCallback)(e=>{if(r){let t=lf.getState().records[r]??ef();lf.getState().setRecord(r,{...t,selection:e})}},[r]),reload:o}}function bf(e){let t=(0,U.c)(11),n=Qn(),r;t[0]!==n||t[1]!==e?(r=e?n.transport.catalog(e):null,t[0]=n,t[1]=e,t[2]=r):r=t[2];let i=tr(r),a;t[3]===i.data?.paths?a=t[4]:(a=i.data?.paths??[],t[3]=i.data?.paths,t[4]=a);let o=i.data?.entries??null,s=i.error??void 0,c;return t[5]!==i.isPending||t[6]!==i.refresh||t[7]!==a||t[8]!==o||t[9]!==s?(c={paths:a,entries:o,loading:i.isPending,error:s,reload:i.refresh},t[5]=i.isPending,t[6]=i.refresh,t[7]=a,t[8]=o,t[9]=s,t[10]=c):c=t[10],c}var xf=16,Sf=6,Cf=8;function wf(){let e=globalThis.crypto.getRandomValues(new Uint8Array(xf));e[Sf]=e[Sf]&15|64,e[Cf]=e[Cf]&63|128;let t=Be(e);return`${t.slice(0,8)}-${t.slice(8,12)}-${t.slice(12,16)}-${t.slice(16,20)}-${t.slice(20)}`}function Tf(){let[e]=(0,H.useState)(()=>{try{return localStorage.getItem(`p4-design-review-author`)?.trim()||`You`}catch{return`You`}});return{author:e,hostOwned:!1}}var Ef=()=>null;function Df(e,t,n){let r=Qn(),i=nr(),[a,o]=(0,H.useState)(null),[s,c]=(0,H.useState)(!1),[l,u]=(0,H.useState)(!1),d=Tf(),f=(r.review.useReviewer??Ef)(),p=f===null?d.author:f.trim()||d.author;(0,H.useEffect)(()=>{o(null),u(!1)},[t]);let m=(0,H.useRef)(null);(0,H.useEffect)(()=>{if(!l){m.current=null;return}m.current===null?m.current=n.fileHash??``:n.fileHash!==m.current&&(u(!1),o(null))},[l,n.fileHash]);let h=!!((r.useCanWrite?.(e)??!0)&&e&&t&&n.document&&n.fileHash&&n.contentHash&&n.status===`ready`&&!n.readOnly),g=async a=>{if(h&&e&&t&&n.fileHash&&!s){c(!0),o(null),u(!1);try{let o=await i(r.transport.review(e,{tool:`design.apply`,documentPath:t,expectedFileHash:n.fileHash,operations:a}));if(o.status===`conflict`&&u(!0),o.status!==`committed`)throw Error(o.status===`conflict`?`The design changed. Reload before commenting.`:o.diagnostics.at(-1)?.message??`The comment could not be saved.`)}catch(e){throw o(e instanceof Error?e.message:String(e)),e}finally{c(!1)}}};return{error:a,conflict:l,busy:s,author:p,annotate:async(e,t)=>g([{operationId:Ne.make(wf()),kind:`annotation`,annotationId:Ne.make(e),value:t}]),lock:async(e,t)=>g(e.map(e=>({operationId:Ne.make(wf()),kind:`lock`,nodeId:Ne.make(e),locked:t}))),decide:async(e,t)=>g([{operationId:Ne.make(wf()),kind:`proposal`,proposalId:Ne.make(e),choice:t}]),attach:(t,n)=>{e&&r.attachment&&(r.attachment.set(e,t),n?.stay||r.navigation.returnToThread?.(e))}}}var Of=[[`Layers`,k],[`Comments`,I],[`Components`,u],[`Libraries`,j],[`Tokens`,de]];function kf(e){return e?e.slice(0,8):`unavailable`}function Af(e){let t=(0,U.c)(12),{title:n,detail:r,action:i,actionLabel:a}=e,o=a===void 0?`Reload`:a,s;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(s=(0,G.jsx)(x,{"aria-hidden":`true`,size:24}),t[0]=s):s=t[0];let c;t[1]===n?c=t[2]:(c=(0,G.jsx)(`strong`,{children:n}),t[1]=n,t[2]=c);let l;t[3]===r?l=t[4]:(l=r?(0,G.jsx)(`p`,{children:r}):null,t[3]=r,t[4]=l);let u;t[5]!==i||t[6]!==o?(u=i?(0,G.jsx)(W,{size:`sm`,variant:`outline`,onClick:i,children:o}):null,t[5]=i,t[6]=o,t[7]=u):u=t[7];let d;return t[8]!==c||t[9]!==l||t[10]!==u?(d=(0,G.jsxs)(`div`,{className:`design-notice`,role:`status`,children:[s,c,l,u]}),t[8]=c,t[9]=l,t[10]=u,t[11]=d):d=t[11],d}function jf(e){let t=(0,U.c)(13),{items:n,diagnostics:r}=e,i;t[0]===r?i=t[1]:(i=r.length?(0,G.jsxs)(ni,{children:[(0,G.jsxs)(ri,{render:(0,G.jsx)(W,{size:`xs`,variant:`ghost`}),children:[`Details (`,r.length,`)`]}),(0,G.jsx)(ii,{className:`w-80`,children:(0,G.jsx)(`ul`,{className:`design-diagnostics-list`,children:r.map(Mf)})})]}):null,t[0]=r,t[1]=i);let a=i,o;t[2]!==a||t[3]!==r.length||t[4]!==n?(o=n.length||!a?n:[{key:`diagnostics`,variant:`info`,role:`status`,icon:g,message:`${r.length} design ${r.length===1?`diagnostic`:`diagnostics`}`}],t[2]=a,t[3]=r.length,t[4]=n,t[5]=o):o=t[5];let s=o;if(!s.length)return null;let c;if(t[6]!==a||t[7]!==s){let e;t[9]===a?e=t[10]:(e=(e,t)=>(0,G.jsxs)($r,{variant:e.variant,role:e.role,className:`design-notice-alert`,children:[(0,G.jsx)(e.icon,{"aria-hidden":`true`}),(0,G.jsx)(ei,{children:e.message}),e.action||t===0&&a?(0,G.jsxs)(ti,{children:[e.action?(0,G.jsxs)(W,{size:`xs`,variant:`ghost`,onClick:e.action.run,children:[(0,G.jsx)(ae,{"aria-hidden":`true`}),e.action.label]}):null,t===0?a:null]}):null]},e.key),t[9]=a,t[10]=e),c=s.map(e),t[6]=a,t[7]=s,t[8]=c}else c=t[8];let l;return t[11]===c?l=t[12]:(l=(0,G.jsx)(`div`,{className:`design-notices`,children:c}),t[11]=c,t[12]=l),l}function Mf(e){return(0,G.jsx)(`li`,{children:e.message},`${e.code}:${e.nodeId??e.path}:${e.message}`)}var Nf=`\0project`;function Pf(e){let t=(0,U.c)(16),{icon:n,label:r,kind:i,className:a,onClick:o,trailing:s}=e,c=(0,H.useRef)(null),l;t[0]!==a||t[1]!==o?(l=(0,G.jsx)(`button`,{type:`button`,className:a,onClick:o}),t[0]=a,t[1]=o,t[2]=l):l=t[2];let u;t[3]===n?u=t[4]:(u=(0,G.jsx)(`span`,{className:`design-row-icon`,"aria-hidden":`true`,children:(0,G.jsx)(n,{size:14})}),t[3]=n,t[4]=u);let d;t[5]===r?d=t[6]:(d=(0,G.jsx)(`span`,{ref:c,className:`design-truncate`,children:r}),t[5]=r,t[6]=d);let f;t[7]===i?f=t[8]:(f=i?(0,G.jsxs)(`span`,{className:`sr-only`,children:[`, `,i]}):null,t[7]=i,t[8]=f);let p;return t[9]!==r||t[10]!==l||t[11]!==u||t[12]!==d||t[13]!==f||t[14]!==s?(p=(0,G.jsxs)(Nt,{full:r,labelRef:c,render:l,children:[u,d,f,s]}),t[9]=r,t[10]=l,t[11]=u,t[12]=d,t[13]=f,t[14]=s,t[15]=p):p=t[15],p}function Ff(e){let t=(0,U.c)(36),{document:n,selection:r,select:i,query:a}=e,o=a===void 0?``:a,s;t[0]===n.roots?s=t[1]:(s=()=>new Set(n.roots),t[0]=n.roots,t[1]=s);let[c,l]=(0,H.useState)(s),[u,f]=(0,H.useState)(0),[m,h]=(0,H.useState)(400),g=(0,H.useRef)(null),_,v;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(_=()=>{let e=g.current;if(!e)return;let t=new ResizeObserver(()=>h(e.clientHeight));return t.observe(e),()=>t.disconnect()},v=[],t[2]=_,t[3]=v):(_=t[2],v=t[3]),(0,H.useEffect)(_,v);let y;t[4]===n.roots?y=t[5]:(y=()=>l(new Set(n.roots)),t[4]=n.roots,t[5]=y);let b;t[6]===n.documentId?b=t[7]:(b=[n.documentId],t[6]=n.documentId,t[7]=b),(0,H.useEffect)(y,b);let x;if(t[8]!==n.nodes||t[9]!==n.roots||t[10]!==c||t[11]!==o){x=[];let e=new Set,r=(t,i)=>{for(let a of t){let t=n.nodes[a];if(!t||e.has(a))continue;let s=`children`in t?t.children:[];x.push({id:a,node:t,depth:i,children:s.length>0}),(c.has(a)||o.trim())&&s.length&&i<256&&(e.add(a),r(s,i+1),e.delete(a))}};r(n.roots,0),t[8]=n.nodes,t[9]=n.roots,t[10]=c,t[11]=o,t[12]=x}else x=t[12];let S;t[13]!==o||t[14]!==x?(S=o.trim()?x.filter(e=>{let{node:t}=e;return`${t.name} ${t.type}`.toLocaleLowerCase().includes(o.trim().toLocaleLowerCase())}):x,t[13]=o,t[14]=x,t[15]=S):S=t[15];let C=S,w=Math.max(0,Math.floor(u/32)-6),T=Math.min(C.length,Math.ceil((u+m)/32)+6),E;t[16]===Symbol.for(`react.memo_cache_sentinel`)?(E=e=>f(e.currentTarget.scrollTop),t[16]=E):E=t[16];let D;t[17]!==o||t[18]!==C.length?(D=!C.length&&o.trim()?(0,G.jsx)(`p`,{className:`design-small-muted design-search-empty`,children:`No matching layers`}):null,t[17]=o,t[18]=C.length,t[19]=D):D=t[19];let O=C.length*32,k;t[20]===O?k=t[21]:(k={height:O,position:`relative`},t[20]=O,t[21]=k);let A;t[22]!==n.locks||t[23]!==T||t[24]!==c||t[25]!==C||t[26]!==i||t[27]!==r||t[28]!==w?(A=C.slice(w,T).map((e,t)=>{let{id:a,node:o,depth:s,children:u}=e,f=_d(o);return(0,G.jsxs)(`div`,{className:`design-layer-row`,role:`treeitem`,"aria-level":s+1,"aria-selected":r.includes(a),"aria-expanded":u?c.has(a):void 0,style:{top:(w+t)*32,paddingInlineStart:Math.min(s,12)*13+4},children:[u?(0,G.jsx)(`button`,{type:`button`,className:`design-layer-disclosure`,"aria-label":`${c.has(a)?`Collapse`:`Expand`} ${o.name}`,onClick:()=>l(e=>{let t=new Set(e);return t.has(a)?t.delete(a):t.add(a),t}),children:c.has(a)?(0,G.jsx)(d,{size:14}):(0,G.jsx)(p,{size:14})}):(0,G.jsx)(`span`,{className:`design-layer-spacer`}),(0,G.jsx)(Pf,{icon:f.icon,label:o.name||f.label,kind:f.label,className:`design-layer-select`,onClick:()=>i([a])}),n.locks?.includes(a)?(0,G.jsx)(N,{size:12,className:`design-layer-lock`,"aria-label":`Locked`}):null]},a)}),t[22]=n.locks,t[23]=T,t[24]=c,t[25]=C,t[26]=i,t[27]=r,t[28]=w,t[29]=A):A=t[29];let j;t[30]!==k||t[31]!==A?(j=(0,G.jsx)(`div`,{style:k,children:A}),t[30]=k,t[31]=A,t[32]=j):j=t[32];let M;return t[33]!==j||t[34]!==D?(M=(0,G.jsxs)(`div`,{ref:g,className:`design-layer-viewport`,role:`tree`,"aria-label":`Layers`,onScroll:E,children:[D,j]}),t[33]=j,t[34]=D,t[35]=M):M=t[35],M}function If(e){let t=(0,U.c)(40),{tab:n,document:r,onOpen:i,selection:a,select:o,context:s,query:c}=e,l;t[0]===c?l=t[1]:(l=e=>e.toLocaleLowerCase().includes(c.trim().toLocaleLowerCase()),t[0]=c,t[1]=l);let u=l;if(n===`Layers`){let e;return t[2]!==r||t[3]!==c||t[4]!==o||t[5]!==a?(e=r?(0,G.jsx)(Ff,{document:r,selection:a,select:o,query:c}):(0,G.jsx)(Af,{title:`No layers yet`,detail:`Open a design document to inspect its layers.`}),t[2]=r,t[3]=c,t[4]=o,t[5]=a,t[6]=e):e=t[6],e}if(n===`Libraries`){let e,n,r;if(t[7]!==s?.manifest?.libraries||t[8]!==u||t[9]!==i){let a=Object.entries(s?.manifest?.libraries??{});e=`design-catalog-list`,n=a.length>0&&!a.some(e=>{let[,t]=e;return u(t.path)})?(0,G.jsx)(`p`,{className:`design-small-muted design-search-empty`,children:`No matching libraries`}):null,r=a.length?a.filter(e=>{let[,t]=e;return u(t.path)}).map(e=>{let[t,n]=e;return(0,G.jsx)(Pf,{icon:x,label:n.path,className:`design-catalog-row`,onClick:()=>i(n.path),trailing:(0,G.jsx)(`small`,{children:n.exports.length})},t)}):(0,G.jsx)(Af,{title:`No libraries`,detail:`Libraries declared in p4.design.json appear here.`}),t[7]=s?.manifest?.libraries,t[8]=u,t[9]=i,t[10]=e,t[11]=n,t[12]=r}else e=t[10],n=t[11],r=t[12];let a;return t[13]!==e||t[14]!==n||t[15]!==r?(a=(0,G.jsxs)(`div`,{className:e,children:[n,r]}),t[13]=e,t[14]=n,t[15]=r,t[16]=a):a=t[16],a}if(!r){let e;t[17]===n?e=t[18]:(e=n.toLowerCase(),t[17]=n,t[18]=e);let r=`No ${e} yet`,i;return t[19]===r?i=t[20]:(i=(0,G.jsx)(Af,{title:r,detail:`Open a design document first.`}),t[19]=r,t[20]=i),i}if(n===`Components`){let e,n,i;if(t[21]!==r.components||t[22]!==u||t[23]!==o){let a=Object.entries(r.components);e=`design-catalog-list`,n=a.length>0&&!a.some(e=>{let[,t]=e;return u(t.name)})?(0,G.jsx)(`p`,{className:`design-small-muted design-search-empty`,children:`No matching components`}):null,i=a.length?a.filter(e=>{let[,t]=e;return u(t.name)}).map(e=>{let[t,n]=e;return(0,G.jsx)(Pf,{icon:v,label:n.name,className:`design-catalog-row`,onClick:()=>o([n.rootId])},t)}):(0,G.jsx)(Af,{title:`No components`,detail:`Components created by an agent appear here.`}),t[21]=r.components,t[22]=u,t[23]=o,t[24]=e,t[25]=n,t[26]=i}else e=t[24],n=t[25],i=t[26];let a;return t[27]!==e||t[28]!==n||t[29]!==i?(a=(0,G.jsxs)(`div`,{className:e,children:[n,i]}),t[27]=e,t[28]=n,t[29]=i,t[30]=a):a=t[30],a}let d,f,p;if(t[31]!==r.tokens||t[32]!==u){let e=Object.entries(r.tokens);d=`design-catalog-list`,f=e.length>0&&!e.some(e=>{let[,t]=e;return u(t.name)})?(0,G.jsx)(`p`,{className:`design-small-muted design-search-empty`,children:`No matching tokens`}):null,p=e.length?e.filter(e=>{let[,t]=e;return u(t.name)}).map(Lf):(0,G.jsx)(Af,{title:`No tokens`,detail:`Design tokens created by an agent appear here.`}),t[31]=r.tokens,t[32]=u,t[33]=d,t[34]=f,t[35]=p}else d=t[33],f=t[34],p=t[35];let m;return t[36]!==d||t[37]!==f||t[38]!==p?(m=(0,G.jsxs)(`div`,{className:d,children:[f,p]}),t[36]=d,t[37]=f,t[38]=p,t[39]=m):m=t[39],m}function Lf(e){let[t,n]=e;return(0,G.jsxs)(`div`,{className:`design-token-row`,children:[(0,G.jsx)(Ft,{children:n.name}),(0,G.jsx)(`span`,{className:`design-small-muted`,children:Zu(n.kind)})]},t)}function Rf(e){let t=(0,U.c)(21),{open:n,onOpenChange:r,tab:i,onTabChange:a,counts:o,query:s,onQueryChange:c,comments:l,children:u}=e,f=(0,H.useRef)(null),p=(0,H.useRef)(new Map),h;t[0]===i?h=t[1]:(h=Of.find(e=>{let[t]=e;return t===i})?.[1]??k,t[0]=i,t[1]=h);let g=h,_=e=>{let t=Of.findIndex(e=>{let[t]=e;return t===i}),n=Of[e===`first`?0:e===`last`?Of.length-1:(t+e+Of.length)%Of.length][0];a(n),p.current.get(n)?.focus()},v;t[2]!==r||t[3]!==n?(v=()=>r(!n),t[2]=r,t[3]=n,t[4]=v):v=t[4];let y;t[5]===g?y=t[6]:(y=(0,G.jsx)(g,{"aria-hidden":`true`}),t[5]=g,t[6]=y);let b=o[i],x;t[7]===b?x=t[8]:(x=(0,G.jsx)(`span`,{className:`design-pill-count`,children:b}),t[7]=b,t[8]=x);let S;t[9]===n?S=t[10]:(S=n?(0,G.jsx)(m,{"aria-hidden":`true`}):(0,G.jsx)(d,{"aria-hidden":`true`}),t[9]=n,t[10]=S);let C;t[11]!==n||t[12]!==v||t[13]!==y||t[14]!==x||t[15]!==S||t[16]!==i?(C=(0,G.jsxs)(W,{ref:f,size:`sm`,variant:`outline`,className:`design-float-pill`,"aria-expanded":n,"aria-controls":`design-catalog-panel`,onClick:v,children:[y,i,x,S]}),t[11]=n,t[12]=v,t[13]=y,t[14]=x,t[15]=S,t[16]=i,t[17]=C):C=t[17];let w=n?(0,G.jsxs)(`div`,{id:`design-catalog-panel`,className:`design-catalog-panel`,role:`region`,"aria-label":`Design catalog`,onKeyDown:e=>{e.key===`Escape`&&(e.stopPropagation(),r(!1),f.current?.focus())},children:[(0,G.jsx)(`div`,{className:`design-catalog-tabs`,role:`tablist`,"aria-label":`Catalog`,onKeyDown:e=>{let t=e.key===`ArrowRight`?1:e.key===`ArrowLeft`?-1:e.key===`Home`?`first`:e.key===`End`?`last`:null;t!==null&&(e.preventDefault(),_(t))},children:Of.map(e=>{let[t,n]=e,r=i===t,o=(0,G.jsx)(`button`,{ref:e=>{e?p.current.set(t,e):p.current.delete(t)},type:`button`,role:`tab`,id:`design-catalog-tab-${t}`,"aria-selected":r,"aria-controls":`design-catalog-tabpanel`,"aria-label":r?void 0:t,tabIndex:r?0:-1,onClick:()=>a(t)});return r?(0,G.jsxs)(`button`,{ref:e=>{e?p.current.set(t,e):p.current.delete(t)},type:`button`,role:`tab`,id:`design-catalog-tab-${t}`,"aria-selected":!0,"aria-controls":`design-catalog-tabpanel`,tabIndex:0,onClick:()=>a(t),children:[(0,G.jsx)(n,{size:14,"aria-hidden":`true`}),(0,G.jsx)(`span`,{children:t})]},t):(0,G.jsxs)(Pt,{children:[(0,G.jsx)(jt,{render:o,children:(0,G.jsx)(n,{size:14,"aria-hidden":`true`})}),(0,G.jsx)(Mt,{children:t})]},t)})}),(0,G.jsx)(`div`,{id:`design-catalog-tabpanel`,className:`design-catalog-tabpanel`,role:`tabpanel`,"aria-labelledby":`design-catalog-tab-${i}`,children:i===`Comments`?l:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)(`label`,{className:`design-catalog-search`,children:[(0,G.jsx)(ce,{size:14,"aria-hidden":`true`}),(0,G.jsx)(`input`,{type:`search`,"aria-label":`Search ${i.toLowerCase()}`,placeholder:`Search ${i.toLowerCase()}`,value:s,onChange:e=>c(e.target.value)})]}),u]})})]}):null,T;return t[18]!==w||t[19]!==C?(T=(0,G.jsxs)(`div`,{className:`design-catalog-float`,children:[C,w]}),t[18]=w,t[19]=C,t[20]=T):T=t[20],T}function zf(e,t){if(e==null)return`None`;if(typeof e==`object`&&`tokenId`in e)return`Token ${t?.tokens[String(e.tokenId)]?.name??String(e.tokenId)}`;if(typeof e==`object`&&`mode`in e){let n=e;return n.mode===`fixed`?`Fixed ${zf(n.value,t)}`:Zu(n.mode)}return Array.isArray(e)?`${e.length} ${e.length===1?`item`:`items`}`:typeof e==`number`?Qu(e):String(e)}function Bf({document:e,selection:t,theme:n,context:r,compact:i=!1}){let a=(0,H.useMemo)(()=>Yr(e,n,r),[e,n,r]);if(!t.length)return(0,G.jsx)(Af,{title:`Nothing selected`,detail:`Select a layer or click an item on the canvas.`});if(t.length>1)return(0,G.jsx)(Af,{title:`${t.length} items selected`,detail:`Select one item to inspect its properties.`});let o=t[0],s=o?e.nodes[o]:void 0;if(!s)return(0,G.jsx)(Af,{title:`Selection unavailable`,detail:`The selected item is no longer in this revision.`});let c=t=>{if(t&&typeof t==`object`&&`mode`in t&&`value`in t)return`${t.mode===`fixed`?`Fixed`:Zu(String(t.mode))} ${c(t.value)}`;if(!t||typeof t!=`object`||!(`tokenId`in t))return zf(t,e);try{let r=Kr(e,t,n);return typeof r==`number`?Qu(r):String(r)}catch{return`Unresolved token`}},l=o?e.instances[o]:void 0,u=a.items.find(e=>e.ownerId===o)?.bounds,d=s.type===`ref`&&s.importId?e.imports[s.importId]:void 0,f=d?r?.documents?.[d.libraryId]:e,p=s.type===`ref`?f?.components[s.componentId]:void 0,m=t=>(0,G.jsx)(`dl`,{className:`design-property-list`,children:t.map(([t,n,r])=>(0,G.jsxs)(`div`,{className:`design-property`,children:[(0,G.jsx)(`dt`,{children:t}),(0,G.jsxs)(`dd`,{children:[r??(0,G.jsx)(`span`,{children:zf(n,e)}),r===void 0&&zf(n,e)!==c(n)?(0,G.jsxs)(`small`,{children:[`Resolved: `,c(n)]}):null]})]},t))}),h=(e,t)=>(0,G.jsxs)(`section`,{className:`design-inspector-section`,"aria-label":e,children:[(0,G.jsx)(`h3`,{children:e}),m(t)]}),g=s.fills?.[0],_=g?.kind===`solid`?c(g.color):null,v=_d(s),y=v.icon;return(0,G.jsxs)(`div`,{className:`design-inspector-content`,children:[i?null:(0,G.jsxs)(`div`,{className:`design-inspector-identity`,children:[(0,G.jsxs)(`h2`,{className:`design-inspector-title`,children:[(0,G.jsx)(y,{size:14,"aria-hidden":`true`}),(0,G.jsx)(Ft,{children:s.name||v.label})]}),(0,G.jsxs)(`span`,{className:`design-inspector-meta`,children:[(0,G.jsx)(`span`,{className:`design-small-muted`,children:v.label}),(0,G.jsx)(mr,{variant:`outline`,size:`sm`,children:`Read only`})]})]}),`clip`in s?h(`Alignment`,[[`Clip contents`,null,td(s.clip)]]):null,h(`Position`,[[`X`,s.x],[`Y`,s.y],[`Rotation`,s.rotation??0,`${Qu(s.rotation??0)}°`]]),h(`Layout`,`layout`in s?[[`Mode`,null,Zu(s.layout.direction)],[`Gap`,s.layout.gap],[`Padding`,null,[s.layout.padding.top,s.layout.padding.right,s.layout.padding.bottom,s.layout.padding.left].map(t=>zf(t,e)).join(` `)]]:[[`Mode`,null,`Absolute`]]),h(`Dimensions`,[[`Width`,s.width],[`Height`,s.height],[`Computed`,null,u?`${Qu(u.width)} × ${Qu(u.height)}`:`Unavailable`]]),h(`Appearance`,[[`Opacity`,null,$u(s.opacity??1)],[`Visibility`,null,ed(s.visible??!0)],[`Stroke`,s.stroke??`None`],[`Effects`,null,nd(s.effects?.length??0)],...`radius`in s?[[`Radius`,s.radius??0]]:[],...`text`in s?[[`Text`,null,(0,G.jsx)(Ft,{children:s.text},`text`)],[`Font`,s.fontFamily],[`Font size`,s.fontSize]]:[]]),h(`Fill`,[[`Type`,null,g?Zu(g.kind):`None`],...g?.kind===`solid`?[[`Color`,null,(0,G.jsxs)(`span`,{className:`design-fill-value`,children:[(0,G.jsx)(`span`,{className:`design-swatch`,style:{background:_??`transparent`},"aria-hidden":`true`}),(0,G.jsx)(`span`,{className:`design-mono`,children:_}),typeof g.color==`object`?(0,G.jsx)(`small`,{children:zf(g.color,e)}):null]},`color`)]]:g?.kind===`image`?[[`Asset`,null,(0,G.jsx)(Ft,{className:`design-truncate design-mono`,children:g.assetId},`asset`)]]:g?.kind===`gradient`?[[`Gradient`,null,Zu(g.gradient)]]:[]]),h(`Theme`,Object.entries(e.themeAxes).length?Object.entries(e.themeAxes).map(([e,t])=>[e,null,n[e]??`Default (${t[0]??`none`})`]):[[`Preview`,null,`Default`]]),p?(0,G.jsxs)(`section`,{className:`design-inspector-section`,"aria-label":`Source component`,children:[(0,G.jsx)(`h3`,{children:`Source component`}),(0,G.jsx)(`p`,{children:p.name}),d?(0,G.jsx)(Ft,{className:`design-truncate design-small-muted`,children:`Library ${r?.manifest?.libraries[d.libraryId]?.path??d.libraryId}`}):null]}):null,l?(0,G.jsxs)(`section`,{className:`design-inspector-section`,"aria-label":`Overrides`,children:[(0,G.jsx)(`h3`,{children:`Overrides`}),(0,G.jsxs)(`p`,{children:[Object.keys(l.overrides).length,` source`,` `,Object.keys(l.overrides).length===1?`node`:`nodes`]}),Object.entries(l.overrides).map(([e,t])=>(0,G.jsxs)(`div`,{children:[(0,G.jsx)(Ft,{className:`design-truncate design-small-muted`,children:f?.nodes[e]?.name??e}),m(Object.entries(t))]},e))]}):null,h(`Code`,[[`Mapping`,null,e.codeMappings?`Document mapping available`:`No code mapping`]]),i?null:(0,G.jsx)(`p`,{className:`design-inspector-hint`,children:`Ask the agent to change this selection.`})]})}function Vf(e){let t=(0,U.c)(67),{geometry:n,document:r,selection:i,theme:a,context:o,collapsed:s,onCollapsedChange:c,onComment:l,extraAction:u}=e,f=(0,H.useRef)(null),p;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(p={width:300,height:148},t[0]=p):p=t[0];let[h,g]=(0,H.useState)(p),[_,v]=(0,H.useState)(!1),y,b;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(y=()=>{let e=f.current;if(!e)return;let t=new ResizeObserver(()=>{let t=e.offsetWidth,n=e.offsetHeight;t&&n&&g(e=>e.width===t&&e.height===n?e:{width:t,height:n})});return t.observe(e),()=>t.disconnect()},b=[],t[1]=y,t[2]=b):(y=t[1],b=t[2]),(0,H.useLayoutEffect)(y,b);let x;t[3]!==n.avoid||t[4]!==n.canvas||t[5]!==n.screen||t[6]!==h?(x=_i(n.screen,h,n.canvas,void 0,void 0,n.avoid),t[3]=n.avoid,t[4]=n.canvas,t[5]=n.screen,t[6]=h,t[7]=x):x=t[7];let S=x,{onPlaced:C}=n,w=S?.x,T=S?.y,E,D;t[8]!==C||t[9]!==w||t[10]!==T||t[11]!==h.height||t[12]!==h.width?(E=()=>{C(w===void 0||T===void 0?null:{x:w,y:T,width:h.width,height:h.height})},D=[C,w,T,h.width,h.height],t[8]=C,t[9]=w,t[10]=T,t[11]=h.height,t[12]=h.width,t[13]=E,t[14]=D):(E=t[13],D=t[14]),(0,H.useLayoutEffect)(E,D);let O,A;t[15]===C?(O=t[16],A=t[17]):(O=()=>()=>C(null),A=[C],t[15]=C,t[16]=O,t[17]=A),(0,H.useLayoutEffect)(O,A);let j=i.length===1?r.nodes[i[0]]:void 0,M;t[18]===j?M=t[19]:(M=j?_d(j):{label:`Selection`,icon:k},t[18]=j,t[19]=M);let N=M,P=N.icon,F=j?j.name||N.label:`${i.length} layers`,I=!S,te;t[20]===S?te=t[21]:(te=S?{transform:`translate(${S.x}px, ${S.y}px)`}:void 0,t[20]=S,t[21]=te);let ne;t[22]===P?ne=t[23]:(ne=(0,G.jsx)(P,{size:14,"aria-hidden":`true`}),t[22]=P,t[23]=ne);let re;t[24]===F?re=t[25]:(re=(0,G.jsx)(`h2`,{children:(0,G.jsx)(Ft,{children:F})}),t[24]=F,t[25]=re);let ie;t[26]!==N.label||t[27]!==j?(ie=j?(0,G.jsx)(`span`,{className:`sr-only`,children:N.label}):null,t[26]=N.label,t[27]=j,t[28]=ie):ie=t[28];let ae;t[29]===Symbol.for(`react.memo_cache_sentinel`)?(ae=(0,G.jsx)(mr,{variant:`outline`,size:`sm`,children:`Read only`}),t[29]=ae):ae=t[29];let oe=s?`Expand inspector`:`Collapse inspector`,se=!s,ce;t[30]!==s||t[31]!==c?(ce=()=>c(!s),t[30]=s,t[31]=c,t[32]=ce):ce=t[32];let L;t[33]!==oe||t[34]!==se||t[35]!==ce?(L=(0,G.jsx)(W,{size:`icon-xs`,variant:`ghost`,"aria-label":oe,"aria-expanded":se,onClick:ce}),t[33]=oe,t[34]=se,t[35]=ce,t[36]=L):L=t[36];let le;t[37]===s?le=t[38]:(le=s?(0,G.jsx)(d,{"aria-hidden":`true`}):(0,G.jsx)(m,{"aria-hidden":`true`}),t[37]=s,t[38]=le);let ue;t[39]!==L||t[40]!==le?(ue=(0,G.jsx)(jt,{render:L,children:le}),t[39]=L,t[40]=le,t[41]=ue):ue=t[41];let de=s?`Expand inspector`:`Collapse inspector`,fe;t[42]===de?fe=t[43]:(fe=(0,G.jsx)(Mt,{children:de}),t[42]=de,t[43]=fe);let pe;t[44]!==ue||t[45]!==fe?(pe=(0,G.jsxs)(Pt,{children:[ue,fe]}),t[44]=ue,t[45]=fe,t[46]=pe):pe=t[46];let me;t[47]!==ne||t[48]!==re||t[49]!==ie||t[50]!==pe?(me=(0,G.jsxs)(`header`,{className:`design-selection-card-header`,children:[ne,re,ie,ae,pe]}),t[47]=ne,t[48]=re,t[49]=ie,t[50]=pe,t[51]=me):me=t[51];let he;t[52]!==s||t[53]!==o||t[54]!==r||t[55]!==u||t[56]!==n.world||t[57]!==_||t[58]!==l||t[59]!==i||t[60]!==a?(he=s?null:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(`dl`,{className:`design-geometry`,children:[[`W`,n.world.width],[`H`,n.world.height],[`X`,n.world.x],[`Y`,n.world.y]].map(Uf)}),(0,G.jsxs)(`div`,{className:`design-selection-card-actions`,children:[l?(0,G.jsxs)(W,{size:`xs`,variant:`outline`,onClick:l,children:[(0,G.jsx)(ee,{"aria-hidden":`true`}),`Comment`]}):null,(0,G.jsx)(W,{size:`xs`,variant:`ghost`,"aria-expanded":_,onClick:()=>v(Hf),children:_?`Less`:`More`}),u]}),_?(0,G.jsx)(`div`,{className:`design-selection-card-more`,children:(0,G.jsx)(Bf,{document:r,selection:i,theme:a,context:o,compact:!0})}):null]}),t[52]=s,t[53]=o,t[54]=r,t[55]=u,t[56]=n.world,t[57]=_,t[58]=l,t[59]=i,t[60]=a,t[61]=he):he=t[61];let ge;return t[62]!==I||t[63]!==te||t[64]!==me||t[65]!==he?(ge=(0,G.jsxs)(`section`,{ref:f,className:`design-selection-card`,"aria-label":`Selection inspector`,hidden:I,style:te,children:[me,he]}),t[62]=I,t[63]=te,t[64]=me,t[65]=he,t[66]=ge):ge=t[66],ge}function Hf(e){return!e}function Uf(e){let[t,n]=e;return(0,G.jsxs)(`div`,{children:[(0,G.jsx)(`dt`,{children:t}),(0,G.jsx)(`dd`,{children:Qu(Math.round(n*100)/100)})]},t)}var Wf=new Map,Gf=e=>Wf,Kf=[],qf=e=>Kf,Jf=(e,t)=>void 0,Yf=(e,t,n)=>null;function Xf({resourceId:e,surface:t,agentEdit:n,frameDecoration:r,canvasPreferences:a}){let o=Qn(),{navigation:s,attachment:c}=o,l=s.useTarget(),u=o.useCanWrite?.(l)??!0,d=s.useProjects(),f=s.useActivePath(l),p=e??f??``,m=bf(l),{record:h,select:_,reload:v}=yf(l,p),x=Df(l,p,h),S=nr(),w=(s.useDocumentStatuses??Gf)(l),T=(s.useLinkedPaths??qf)(l),E=(o.useAgentPresence??Jf)(l,p),D=(o.useCanvasPlaceholder??Yf)(l,{paths:m.paths,loading:m.loading,failed:!!m.error},{openImport:()=>Te(!0)}),[O,k]=(0,H.useState)(`Layers`),[A,j]=(0,H.useState)(!1),[M,N]=(0,H.useState)(!1),[P,ee]=(0,H.useState)(`Canvas`),[I,te]=(0,H.useState)(``),[re,oe]=(0,H.useState)(()=>typeof window>`u`||window.innerWidth>=1024),[se,ce]=(0,H.useState)(!1),[le,ue]=(0,H.useState)(null),[de,fe]=(0,H.useState)(null),[he,ge]=(0,H.useState)(null),[_e,ve]=(0,H.useState)(null),[ye,be]=(0,H.useState)([]),[xe,Se]=(0,H.useState)(null),[R,Ce]=(0,H.useState)({}),[we,Te]=(0,H.useState)(!1),[Ee,De]=(0,H.useState)(`import`),Oe=t===`panel`,ke=JSON.stringify([l,p,t]),Ae=_e?.key===ke?_e:null,z=!!Ae;(0,H.useEffect)(()=>ve(null),[ke]);let B=h.document,je=h.diagnostics??[],Me=je.find(e=>e.severity===`error`),Ne=je.find(e=>e.severity===`warning`&&e.code.includes(`asset`)),Pe=(0,H.useMemo)(()=>B?Object.entries(B.themeAxes):[],[B?.themeAxes]),Fe=(0,H.useMemo)(()=>Object.fromEntries(Pe.flatMap(([e,t])=>R[e]&&t.includes(R[e])?[[e,R[e]]]:[])),[R,Pe]),Ie=l?.threadId,Le=(0,H.useMemo)(()=>l&&c?{environmentId:l.environmentId,projectId:l.projectId,...Ie?{threadId:Ie}:{}}:null,[l?.environmentId,l?.projectId,Ie,!!c]),Re=!Oe&&!!(Ie&&o.thread),ze=Re&&re,Be=(e,t=Oe?`panel`:`workspace`)=>{l&&s.openDocument(l,e,t)},Ve=B&&(h.status===`ready`||h.status===`disconnected`||h.status===`conflict`||h.readOnly),He=!!(u&&h.contentHash&&h.status===`ready`&&!h.readOnly),Ue=e=>{if(!l||!p||!B||!h.contentHash)return;let t=h.contentHash,n=e=>Se({key:ke,message:e});Se(null),S(o.transport.readRevision(l,p,e.id)).then(({source:r})=>{let i=Hr(r);if(i.status!==`editable`)return n(`This revision can't be opened for comparison.`);if(ft.current!==t)return n(`The design changed. Compare again.`);ve({key:ke,before:i.document,after:B,beforeRevision:e.revision,afterRevision:t,beforeContext:h.context,beforeAssets:h.assets,afterContext:h.context,afterAssets:h.assets,theme:Fe,priorSelection:[...h.selection]}),be([...h.selection]),ue(null),ee(`Canvas`)},()=>n(`Could not load this revision.`))},We=()=>{Ae&&_(Ae.priorSelection),ve(null)},Ge=e=>{ge(e??null),Oe?ee(`Comments`):(k(`Comments`),j(!0))},Ke=e=>{Re&&oe(!0),x.attach(e,{stay:Re})},qe=(0,H.useRef)(null),Je=(0,H.useRef)(null),Ye=()=>{Je.current&&clearTimeout(Je.current),Je.current=setTimeout(()=>{let e=qe.current;l&&p&&e&&o.transport.view&&S(o.transport.view(l,p,{viewport:e,selection:h.selection})).catch(()=>{})},800)};(0,H.useEffect)(()=>(Ye(),()=>{Je.current&&clearTimeout(Je.current)}),[h.selection.join(`\0`),p]);let Xe=h.proposal,Ze=!!(Xe&&Xe.baseContentHash!==h.contentHash),[Qe,$e]=(0,H.useState)(0);(0,H.useEffect)(()=>$e(0),[Xe?.proposalId]);let et=Xe&&!Ze&&!z?Xe.variants[Qe]:void 0,tt=(0,H.useMemo)(()=>{if(!B||!et)return B;try{return Qd(B,et)}catch{return B}},[B,et]),nt=e=>{Xe&&x.decide(Xe.proposalId,e).catch(()=>{})},rt=B?.locks??[],it=h.selection.length>0&&h.selection.every(e=>rt.includes(e)),at=()=>x.lock(h.selection,!it).catch(()=>{}),ot=!!(Le&&c?.prompt&&h.contentHash),st=(e,t)=>{Le&&c?.prompt&&(c.prompt(Le,p,e),Ke(t))},ct=()=>st(`Rework this selection: offer 2 or 3 distinct directions with design_propose, then wait for my pick.`,{documentPath:p,revision:h.contentHash,nodeIds:h.selection}),lt=async e=>{let t=B?.annotations[e];t&&h.contentHash&&(t.assignee!==`agent`&&await x.annotate(e,{...t,assignee:`agent`}),st(`Address design comment ${e}: "${t.body}". Reply on the comment with what you changed; I will resolve it.`,{documentPath:p,revision:h.contentHash,nodeIds:t.anchor.kind===`nodes`?t.anchor.nodeIds.filter(e=>B?.nodes[e]):[],...t.anchor.kind===`region`?{region:t.anchor.bounds}:{}}))},ut=(e,t)=>(0,G.jsxs)(G.Fragment,{children:[He?(0,G.jsx)(W,{size:e,variant:t,onClick:at,children:it?`Unlock`:`Lock`}):null,ot&&!z?(0,G.jsx)(W,{size:e,variant:t,onClick:ct,children:`Rework`}):null]}),dt=h.selection.join(`\0`),ft=(0,H.useRef)(h.contentHash);ft.current=h.contentHash;let pt=(0,H.useRef)(null);(0,H.useEffect)(()=>{let e=pt.current;if(pt.current=dt,!ze||!Le||!c||z||(e===null||e===dt)&&c.current(Le))return;let t=ft.current,n=dt?dt.split(`\0`):[];if(!n.length||!t||!p){c.set(Le,null);return}let r=n.length===1?B?.nodes[n[0]]:void 0;c.set(Le,{documentPath:p,revision:t,nodeIds:n},r?{name:r.name,type:{type:r.type,fills:r.fills}}:void 0)},[ze,Le,z,dt,p]),(0,H.useEffect)(()=>{if(!ze||!Le||!c||!h.contentHash)return;let e=c.current(Le);e&&e.selection.documentPath===p&&e.selection.revision!==h.contentHash&&c.set(Le,{...e.selection,revision:h.contentHash},e.label)},[ze,Le,p,h.contentHash]);let mt=async e=>{if(z||!h.contentHash||!x.author.trim()||de?.path!==p||de.revision!==h.contentHash)return;let t=wf();await x.annotate(t,{...e,revision:h.contentHash,author:x.author.trim(),createdAt:new Date().toISOString(),replies:[],status:`open`}),fe(null),ue(null)},ht=async(e,t)=>{if(z)return;let n=B?.annotations[e];n&&x.author.trim()&&await x.annotate(e,{...n,replies:[...n.replies,{id:wf(),body:t,author:x.author.trim(),createdAt:new Date().toISOString()}]})},gt=async(e,t)=>{if(z)return;let n=B?.annotations[e];n&&await x.annotate(e,{...n,status:t?`resolved`:`open`})},_t=de?.anchor.kind===`region`&&de.path===p&&de.revision===h.contentHash?de.anchor.bounds:null,vt=B?(0,G.jsxs)(`div`,{className:`design-comments-panel`,children:[z?(0,G.jsx)(`p`,{className:`design-author-hint`,children:`Exit compare to comment or attach a selection.`}):null,h.selection.length&&!z&&He?(0,G.jsx)(`div`,{className:`design-inspector-actions`,children:(0,G.jsx)(W,{size:`sm`,variant:`outline`,onClick:()=>fe({path:p,revision:h.contentHash,anchor:{kind:`nodes`,nodeIds:h.selection}}),children:`Comment on selection`})}):null,de&&!z&&de.path===p&&de.revision===h.contentHash&&He?(0,G.jsx)(Wd,{anchor:de.anchor,onSubmit:mt,onCancel:()=>{fe(null),ue(null)},busy:x.busy||!x.author.trim()},JSON.stringify(de)):null,de?.path===p&&de.revision!==h.contentHash?(0,G.jsxs)(`div`,{className:`design-annotation-stale`,role:`status`,children:[(0,G.jsx)(`span`,{children:`The revision changed. Place this comment again.`}),(0,G.jsx)(W,{size:`sm`,variant:`outline`,onClick:()=>{fe(null),ue(null)},children:`Clear`})]}):null,_t&&!z&&Le?(0,G.jsx)(`div`,{className:`design-inspector-actions`,children:(0,G.jsx)(W,{size:`sm`,variant:`outline`,onClick:()=>Ke({documentPath:p,revision:h.contentHash,nodeIds:[],region:_t}),children:`Attach region`})}):null,(0,G.jsx)(Kd,{document:B,currentRevision:h.contentHash,focusedId:he,onSendToAgent:ot&&He&&!z?lt:void 0,actions:h.status!==`ready`||h.readOnly||z?void 0:{reply:ht,setResolved:gt},busy:x.busy||!x.author.trim()})]}):(0,G.jsx)(Af,{title:`No comments`}),yt=!u||h.status!==`ready`||h.readOnly,bt=[];B&&h.status===`disconnected`&&bt.push({key:`disconnected`,variant:`warning`,role:`status`,icon:me,message:`Disconnected. Showing cached revision ${kf(h.contentHash)}.`,action:{label:`Retry`,run:v}}),B&&h.status===`conflict`&&bt.push({key:`conflict`,variant:`warning`,role:`alert`,icon:g,message:`This view is out of date.`,action:{label:`Reload`,run:v}}),B&&(h.readOnly||Me)&&!Ne&&h.status===`ready`&&bt.push({key:`issue`,variant:Me?`error`:`info`,role:`alert`,icon:g,message:Me?.message??`This design is read-only.`,action:{label:`Reload`,run:v}}),B&&Ne&&bt.push({key:`asset`,variant:`warning`,role:`status`,icon:g,message:`An image asset is missing. Its placeholder remains visible.`,action:{label:`Reload`,run:v}}),B&&xe?.key===ke&&bt.push({key:`compare`,variant:`error`,role:`alert`,icon:g,message:xe.message,action:{label:`Dismiss`,run:()=>Se(null)}});let xt=B?(0,G.jsx)(jf,{items:bt,diagnostics:je}):null,St=Pe.map(([e,t])=>(0,G.jsxs)(ai,{modal:!1,value:Fe[e]??``,onValueChange:t=>Ce(n=>{let r={...n};return typeof t==`string`&&t?r[e]=t:delete r[e],r}),children:[(0,G.jsxs)(si,{variant:`ghost`,size:`sm`,className:`design-topbar-select`,"aria-label":`Preview ${Zu(e)}`,children:[(0,G.jsx)(ne,{"aria-hidden":`true`,size:16}),(0,G.jsx)(`span`,{className:`design-small-muted`,children:Pe.length===1?`Preview`:Zu(e)}),(0,G.jsx)(ci,{children:e=>e||`Default`})]}),(0,G.jsxs)(li,{children:[(0,G.jsx)(ui,{value:``,children:`Default`}),t.map(e=>(0,G.jsx)(ui,{value:e,children:e},e))]})]},e)),Ct=D||(l?p?h.status===`loading`&&!B?(0,G.jsx)(Af,{title:`Loading design…`}):B?(0,G.jsxs)(G.Fragment,{children:[Oe?xt:null,Ve&&!B.roots.length?(0,G.jsx)(Af,{title:`No layers yet`,detail:`Ask an agent to add a frame or shape.`}):null,Ve&&B.roots.length?Ae?(0,G.jsx)(fd,{preferences:a,before:Ae.before,after:Ae.after,beforeRevision:Ae.beforeRevision,afterRevision:Ae.afterRevision,viewKey:ke,theme:Ae.theme,beforeContext:Ae.beforeContext,beforeAssets:Ae.beforeAssets,context:Ae.afterContext,assets:Ae.afterAssets,selection:ye,onSelect:be,onExit:We}):(0,G.jsx)(ud,{preferences:a,chrome:Oe?`panel`:`workspace`,viewKey:ke,document:tt??B,theme:Fe,context:h.context,assets:h.assets,selection:h.selection,changedNodeIds:et?et.changedNodeIds:h.changedNodeIds,batch:h.batch,agents:E,agentEdit:n,frameDecoration:r,onSelect:_,annotationMode:le,onAnnotationModeChange:He?ue:void 0,onAnchor:e=>{h.contentHash&&fe({path:p,revision:h.contentHash,anchor:e}),Ge()},onOpenAnnotation:Ge,onViewportChange:e=>{qe.current=e,Ye()},revision:h.contentHash,renderSelectionOverlay:Oe?void 0:e=>(0,G.jsx)(Vf,{geometry:e,document:B,selection:h.selection,theme:Fe,context:h.context,collapsed:se,onCollapsedChange:ce,onComment:He?()=>ue(`pin`):void 0,extraAction:(0,G.jsxs)(G.Fragment,{children:[Le&&c&&!Re&&h.contentHash?(0,G.jsx)(W,{size:`xs`,variant:`ghost`,onClick:()=>Ke({documentPath:p,revision:h.contentHash,nodeIds:h.selection}),children:`Attach selection`}):null,ut(`xs`,`ghost`)]})})},p):null,Ve&&!z?(0,G.jsx)(Zd,{proposal:Xe,stale:Ze,nodeName:Xe&&B?.nodes[Xe.nodeId]?.name||`Selection`,index:Qe,onIndexChange:$e,onAccept:()=>nt(Qe),onReject:()=>nt(null),disabled:!He||x.busy}):null]}):(0,G.jsx)(Af,{title:je.some(e=>e.code===`unknown-major`)?`Newer design version`:`Design could not be opened`,detail:Me?.message??`Check the file and try again.`,action:v}):(0,G.jsx)(Af,{title:`Choose a design`,detail:`Open a .p4design document from this project.`,action:m.paths.length?()=>N(!0):void 0,actionLabel:`Choose design`}):(0,G.jsx)(Af,{title:`Open a project`,detail:`Choose a project to view its design documents.`})),wt=(0,G.jsx)(Bd,{open:we,mode:Ee,onModeChange:De,onOpenChange:Te,target:l,documentPath:p,revision:h.contentHash,document:h.status===`ready`&&!h.readOnly?B:void 0,selection:h.selection,onImportComplete:m.reload,theme:Fe,onOpenImported:e=>{Be(e)}});if(!Oe){let e={Layers:B?Object.keys(B.nodes).length:0,Comments:B?Object.keys(B.annotations).length:0,Components:B?Object.keys(B.components).length:0,Libraries:Object.keys(h.context?.manifest?.libraries??{}).length,Tokens:B?Object.keys(B.tokens).length:0};return(0,G.jsxs)(`section`,{className:`design-workspace design-workspace-full${z?` design-workspace-comparing`:``}`,"aria-label":`P4 Design workspace`,children:[(0,G.jsxs)(`header`,{className:`design-topbar`,children:[(0,G.jsxs)(`div`,{className:`design-topbar-title`,children:[o.TopbarStart?(0,G.jsx)(o.TopbarStart,{target:l}):null,d.length||s.createProject?(0,G.jsxs)(ai,{modal:!1,value:l?`${l.environmentId}\u0000${l.projectId}`:null,onValueChange:e=>{if(e===Nf){s.createProject?.();return}let t=d.find(t=>`${t.environmentId}\u0000${t.projectId}`===e);t&&s.openProject(t)},children:[(0,G.jsxs)(si,{variant:`ghost`,size:`sm`,className:`design-topbar-project`,"aria-label":`Project`,children:[(0,G.jsx)(C,{"aria-hidden":`true`,size:16}),(0,G.jsx)(ci,{children:e=>(0,G.jsx)(Ft,{children:d.find(t=>`${t.environmentId}\u0000${t.projectId}`===e)?.name??`Select project`})})]}),(0,G.jsxs)(li,{children:[d.map(e=>(0,G.jsx)(ui,{value:`${e.environmentId}\u0000${e.projectId}`,children:e.name},`${e.environmentId}\u0000${e.projectId}`)),s.createProject?(0,G.jsx)(ui,{value:Nf,children:(0,G.jsxs)(`span`,{className:`design-switcher-item`,children:[(0,G.jsx)(ie,{"aria-hidden":`true`,size:14}),`New project`]})}):null]})]}):null,d.length||s.createProject?(0,G.jsx)(`span`,{className:`design-topbar-crumb`,"aria-hidden":`true`,children:`/`}):null,(0,G.jsx)(jr,{target:l,path:p,paths:m.paths,entries:m.entries,linkedPaths:T,open:M,onOpenChange:N,onOpen:e=>Be(e),statuses:w,onStartDesign:l&&s.startDesign?()=>{oe(!0),s.startDesign?.(l)}:void 0,onStartDesignInNewThread:l&&s.startDesignInNewThread?()=>s.startDesignInNewThread?.(l):void 0,onManageDesigns:l&&s.manageDesigns?()=>s.manageDesigns?.(l):void 0})]}),(0,G.jsx)(`div`,{className:`design-topbar-notices`,children:xt}),(0,G.jsxs)(`div`,{className:`design-topbar-actions`,children:[p?(0,G.jsx)(sr,{target:l,path:p,revision:h.contentHash,fileHash:h.fileHash??``,disabled:yt||!!Ae||!l||!h.fileHash,onCompare:Ue},`${l?.environmentId}:${l?.projectId}:${l?.threadId}:${p}`):null,l&&s.startDesign?(0,G.jsxs)(Pt,{children:[(0,G.jsxs)(jt,{render:(0,G.jsx)(W,{size:`sm`,variant:`outline`,"aria-label":`New design`,onClick:()=>{oe(!0),s.startDesign?.(l)}}),children:[(0,G.jsx)(ie,{"aria-hidden":`true`}),(0,G.jsx)(`span`,{className:`design-collapsible-label`,children:`New design`})]}),(0,G.jsx)(Mt,{children:`New design`})]}):null,St,(0,G.jsx)(fr,{target:l,path:p,revision:h.contentHash,iconOnly:!0}),o.TopbarEnd?(0,G.jsx)(o.TopbarEnd,{target:l,path:p}):null,(0,G.jsxs)(jn,{children:[(0,G.jsxs)(Pt,{children:[(0,G.jsx)(jt,{render:(0,G.jsx)(Mn,{render:(0,G.jsx)(W,{size:`icon`,variant:`ghost`,"aria-label":`More actions`})}),children:(0,G.jsx)(b,{"aria-hidden":`true`})}),(0,G.jsx)(Mt,{children:`More actions`})]}),(0,G.jsxs)(Nn,{align:`end`,className:`w-56`,children:[(0,G.jsxs)(Pn,{disabled:!l||!u,onClick:()=>{De(`import`),Te(!0)},children:[(0,G.jsx)(pe,{"aria-hidden":`true`}),` Import design…`]}),(0,G.jsxs)(Pn,{disabled:!u||!B||h.status!==`ready`||h.readOnly,onClick:()=>{De(`export`),Te(!0)},children:[(0,G.jsx)(y,{"aria-hidden":`true`}),` Export design…`]}),(0,G.jsxs)(Pn,{disabled:!l,onClick:()=>{v(),m.reload()},children:[(0,G.jsx)(ae,{"aria-hidden":`true`}),` Reload design`]}),s.openSettings?(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(Fn,{}),(0,G.jsxs)(Pn,{onClick:()=>s.openSettings?.(),children:[(0,G.jsx)(L,{"aria-hidden":`true`}),` Settings`]})]}):null]})]})]})]}),(0,G.jsxs)(`div`,{className:`design-body`,children:[re&&o.agentColumn!==!1?(0,G.jsx)(fi,{title:o.agentColumnTitle,heading:o.AgentHeader?(0,G.jsx)(o.AgentHeader,{target:l}):void 0,hostLabel:Re&&!o.AgentHeader?o.thread?.label:void 0,onOpenThread:l?.threadId&&s.returnToThread?()=>p?Be(p,`panel`):s.returnToThread?.(l):void 0,onCollapse:()=>oe(!1),card:null,thread:Re&&l?o.thread.render(l):o.AgentPanel?(0,G.jsx)(o.AgentPanel,{target:l}):null}):null,(0,G.jsxs)(`main`,{className:`design-main`,children:[(0,G.jsxs)(`div`,{className:`design-canvas-topleft`,children:[re||o.agentColumn===!1?null:(0,G.jsx)(pi,{onOpen:()=>oe(!0)}),B&&!z&&!D?(0,G.jsx)(Rf,{open:A,onOpenChange:j,tab:O,onTabChange:k,counts:e,query:I,onQueryChange:te,comments:vt,children:O===`Comments`?null:(0,G.jsx)(If,{tab:O,document:B,onOpen:Be,selection:h.selection,select:_,context:h.context,query:I})}):null]}),Ct]})]}),wt]})}return(0,G.jsxs)(`section`,{className:`design-workspace design-workspace-pane${z?` design-workspace-comparing`:``}`,"aria-label":`P4 Design workspace`,children:[(0,G.jsxs)(`header`,{className:`design-header`,children:[(0,G.jsxs)(`div`,{className:`design-heading`,children:[(0,G.jsx)(jr,{target:l,path:p,paths:m.paths,entries:m.entries,linkedPaths:T,statuses:w,onStartDesign:l&&s.startDesign?()=>s.startDesign?.(l):void 0,onStartDesignInNewThread:l&&s.startDesignInNewThread?()=>s.startDesignInNewThread?.(l):void 0,onManageDesigns:l&&s.manageDesigns?()=>s.manageDesigns?.(l):void 0,onOpen:e=>Be(e),open:M,onOpenChange:N}),p&&l?(0,G.jsx)(sr,{target:l,path:p,revision:h.contentHash,fileHash:h.fileHash??``,disabled:yt||!!Ae||!h.fileHash,compact:!0,onCompare:Ue},`${l.environmentId}:${l.projectId}:${l.threadId}:${p}`):(0,G.jsx)(`span`,{className:`design-small-muted`,children:`Project designs`})]}),(0,G.jsxs)(`div`,{className:`design-header-actions`,children:[St,(0,G.jsx)(fr,{target:l,path:p,revision:h.contentHash,iconOnly:!0}),l&&p?(0,G.jsxs)(Pt,{children:[(0,G.jsx)(jt,{render:(0,G.jsx)(W,{size:`icon-sm`,variant:`ghost`,"aria-label":`Expand design`,onClick:()=>Be(p,`workspace`)}),children:(0,G.jsx)(F,{"aria-hidden":`true`})}),(0,G.jsx)(Mt,{children:`Expand design`})]}):null,l?(0,G.jsxs)(jn,{children:[(0,G.jsxs)(Pt,{children:[(0,G.jsx)(jt,{render:(0,G.jsx)(Mn,{render:(0,G.jsx)(W,{size:`icon-sm`,variant:`ghost`,"aria-label":`More actions`})}),children:(0,G.jsx)(b,{"aria-hidden":`true`})}),(0,G.jsx)(Mt,{children:`More actions`})]}),(0,G.jsxs)(Nn,{align:`end`,className:`w-56`,children:[(0,G.jsxs)(Pn,{disabled:!u,onClick:()=>{De(`import`),Te(!0)},children:[(0,G.jsx)(i,{"aria-hidden":`true`}),` Import / export…`]}),(0,G.jsxs)(Pn,{onClick:()=>{v(),m.reload()},children:[(0,G.jsx)(ae,{"aria-hidden":`true`}),` Reload design`]})]})]}):null]})]}),(0,G.jsx)(`nav`,{className:`design-pane-tabs`,"aria-label":`Design views`,children:[`Canvas`,`Layers`,`Inspect`,`Comments`].map(e=>(0,G.jsx)(`button`,{type:`button`,"aria-current":P===e?`page`:void 0,onClick:()=>ee(e),children:e},e))}),(0,G.jsx)(`main`,{className:`design-main ${P===`Canvas`?``:`design-main-hidden`}`,children:Ct}),P===`Layers`?(0,G.jsx)(`div`,{className:`design-pane-content`,children:B?(0,G.jsx)(Ff,{document:B,selection:h.selection,select:_}):(0,G.jsx)(Af,{title:`No layers yet`})}):null,P===`Inspect`?(0,G.jsx)(`div`,{className:`design-pane-content`,children:B?(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(Bf,{document:B,selection:h.selection,theme:Fe,context:h.context}),z?(0,G.jsx)(`p`,{className:`design-author-hint`,children:`Exit compare to comment or attach a selection.`}):null,h.selection.length&&h.contentHash&&Le&&!z?(0,G.jsxs)(`div`,{className:`design-inspector-actions`,children:[(0,G.jsx)(W,{size:`sm`,variant:`outline`,onClick:()=>Ke({documentPath:p,revision:h.contentHash,nodeIds:h.selection}),children:`Attach selection`}),ut(`sm`,`outline`)]}):null]}):(0,G.jsx)(Af,{title:`Nothing to inspect`})}):null,P===`Comments`?(0,G.jsx)(`div`,{className:`design-pane-content`,children:vt}):null,x.error?(0,G.jsx)(`p`,{className:`design-review-error`,role:`alert`,children:x.error}):null,wt]})}var Zf=`Create a new design in this project. Read design_guide, inspect the project's existing components and styles, then use design_apply to create a .p4design document. Validate and render it for review. Ask me what to design if my request is incomplete.`,Qf=[],$f=[],ep={label:`Other thread`,tone:`outline`};function tp(e,t){let n=(0,U.c)(10),r;n[0]!==t||n[1]!==e.environmentId?(r=Fe(e.environmentId,t),n[0]=t,n[1]=e.environmentId,n[2]=r):r=n[2];let i;n[3]===r?i=n[4]:(i=[r],n[3]=r,n[4]=i);let a=ht(i),o;if(n[5]!==a||n[6]!==e.threadId){let t;n[8]===e.threadId?t=n[9]:(t=t=>t.id!==e.threadId&&t.archivedAt===null&&t.deletedAt===null,n[8]=e.threadId,n[9]=t),o=new Map(a.filter(t).flatMap(np)),n[5]=a,n[6]=e.threadId,n[7]=o}else o=n[7];return o}function np(e){return e.designs.map(rp)}function rp(e){return[e.path,ep]}function ip({threadRef:e,composerTarget:t,workspace:n=!1,projectId:r,projectName:i,workspaceRoot:a,documentPath:o}){let s=(0,H.useContext)(et),c=kt(e.environmentId),l=gt(e),u=On(),d=Ot(),f=l?.designs,p=(0,H.useMemo)(()=>f?.map(e=>e.path)??Qf,[f]),m=it(Cn.permissionAtom(e.environmentId)),h=l?.runtime?.status===`running`,g=l?.runtime?.providerName,_=g?Ge[be.make(g)]??g:`Agent`,v=(0,H.useMemo)(()=>h?[{label:_,active:!0,workingNodeId:null,lastError:null}]:[],[h,_]),y=(0,H.useMemo)(()=>({environmentId:e.environmentId,projectId:r,...l?{threadId:e.threadId}:{}}),[e.environmentId,e.threadId,r,!!l]),b=c?.connection.phase===`connected`,x=(0,H.useMemo)(()=>En(s),[s]),S=(0,H.useRef)(null);(0,H.useEffect)(()=>{s.refresh(x.catalog(y))},[s,x,y,l?.latestRun?.runId,l?.runtime?.status,f]);let C=(0,H.useMemo)(()=>{let n=e=>{let n=ve.getState(),r=n.draftsByThreadKey[He(t)]?.prompt??``;n.setPrompt(t,r.trim()?`${r}\n\n${e}`:e)},s=()=>n(Zf);return{runtime:_t,transport:x,agentColumn:!1,attachment:{current:()=>{let e=S.current,n=ve.getState().draftsByThreadKey[He(t)];return e&&n?.files.some(t=>t.id===e.fileId)?e:void 0},set:(e,n,r)=>{let i=ve.getState();if(S.current&&i.removeFile(t,S.current.fileId),S.current=null,!n)return;let a=new File([JSON.stringify(n,null,2)],`${r?.name??`Design selection`}.json`,{type:`application/json`}),o=Pe.make(Xe());i.addFiles(t,[{type:`file`,id:o,name:a.name,mimeType:a.type,sizeBytes:a.size,file:a}]).includes(o)&&(S.current={selection:n,fileId:o})},prompt:(e,n,r)=>{let i=ve.getState(),a=i.draftsByThreadKey[He(t)]?.prompt??``;i.setPrompt(t,[a.trimEnd(),r].filter(Boolean).join(`
 
 `))}},useConnected:()=>b,useCanWrite:()=>m,useAgentPresence:(e,t)=>p.includes(t)?v:$f,navigation:{linkEnvironment:!0,useTarget:()=>y,useActivePath:()=>o??null,useWorkspaceRoot:()=>a,useProjects:()=>[{environmentId:y.environmentId,projectId:r,name:i}],openProject:()=>At.getState().open(e,`design`),openDocument:(t,n,r)=>{At.getState().openFile(e,n),r===`workspace`&&At.getState().setMaximized(e,!0)},returnToThread:()=>At.getState().setMaximized(e,!1),startDesign:s,startDesignInNewThread:()=>void u(Fe(e.environmentId,r)).then(e=>{e&&ve.getState().setPrompt(e.draftId,Zf)}),manageDesigns:()=>void d({to:`/settings/designs`}),useLinkedPaths:()=>p,useDocumentStatuses:()=>tp(e,r)},review:{},useCanvasPlaceholder:(e,t)=>!o&&!t.loading&&!t.failed&&t.paths.length===0?(0,G.jsxs)(`div`,{className:`flex h-full flex-col items-center justify-center gap-3 p-8 text-center`,children:[(0,G.jsx)(`h2`,{className:`text-lg font-medium`,children:`Design with your agent`}),(0,G.jsx)(`p`,{className:`max-w-sm text-sm text-muted-foreground`,children:`Describe what you want in this thread. Designs appear here as your agent creates them.`}),(0,G.jsx)(Ue,{onClick:s,disabled:!m,children:`Start a design`})]}):null}},[x,y,t,e,r,i,a,o,b,m,u,d,p,v,l?.latestRun?.runId,l?.runtime?.status===`running`]);return(0,G.jsx)(Zn,{host:C,children:(0,G.jsx)(`div`,{className:`h-full min-h-0 min-w-0 flex-1`,children:(0,G.jsx)(Xf,{surface:n?`workspace`:`panel`})})})}export{ip as default};
-//# sourceMappingURL=EmbeddedDesign-D5YUndkh.js.map
+//# sourceMappingURL=EmbeddedDesign-iuThcPT3.js.map

package/dist/client/assets/{EnvironmentMachineIcon-Dpgx67FY.js → EnvironmentMachineIcon-iUmoTUYt.js}

@@ -1,2 +1,2 @@
-import{a as e}from"./react-DH3P2YXY.js";import{n as t,t as n}from"./jsx-runtime-BnjsACtP.js";import{Cp as r,Jd as i,Yf as a,dm as o}from"./utils-BoMYW9A3.js";import{v as s}from"./Icons-B4l3TqYa.js";var c=t(),l=e(n(),1);function u(e){let t=(0,c.c)(2),n;return t[0]===e?n=t[1]:(n=(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,...e}),t[0]=e,t[1]=n),n}function d(e){let t=(0,c.c)(4),n,r;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,l.jsx)(`rect`,{width:`20`,height:`8`,x:`2`,y:`8`,rx:`2`}),r=(0,l.jsx)(`path`,{d:`M6 12h.01`}),t[0]=n,t[1]=r):(n=t[0],r=t[1]);let i;return t[2]===e?i=t[3]:(i=(0,l.jsxs)(u,{...e,children:[n,r]}),t[2]=e,t[3]=i),i}function f(e){let t=(0,c.c)(4),n,r;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,l.jsx)(`rect`,{width:`18`,height:`14`,x:`3`,y:`5`,rx:`2`}),r=(0,l.jsx)(`path`,{d:`M7 15h.01M11 15h.01M15 15h.01`}),t[0]=n,t[1]=r):(n=t[0],r=t[1]);let i;return t[2]===e?i=t[3]:(i=(0,l.jsxs)(u,{...e,children:[n,r]}),t[2]=e,t[3]=i),i}var p={server:o,cloud:i,linux:s,desktop:r,laptop:a,"mac-mini":d,"mac-studio":f},m={server:`Server`,cloud:`Cloud VM`,linux:`Linux/WSL`,desktop:`Desktop`,laptop:`Laptop`,"mac-mini":`Mini PC`,"mac-studio":`Workstation`};function h(e){return p[e]}function g(e){let t=(0,c.c)(6),n,r;t[0]===e?(n=t[1],r=t[2]):({kind:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i=p[n],a;return t[3]!==i||t[4]!==r?(a=(0,l.jsx)(i,{...r}),t[3]=i,t[4]=r,t[5]=a):a=t[5],a}export{g as n,h as r,m as t};
-//# sourceMappingURL=EnvironmentMachineIcon-Dpgx67FY.js.map
+import{a as e}from"./react-DH3P2YXY.js";import{n as t,t as n}from"./jsx-runtime-BnjsACtP.js";import{Cp as r,Jd as i,Yf as a,dm as o}from"./utils-DhUt689t.js";import{v as s}from"./Icons-xsXA_L6w.js";var c=t(),l=e(n(),1);function u(e){let t=(0,c.c)(2),n;return t[0]===e?n=t[1]:(n=(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,...e}),t[0]=e,t[1]=n),n}function d(e){let t=(0,c.c)(4),n,r;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,l.jsx)(`rect`,{width:`20`,height:`8`,x:`2`,y:`8`,rx:`2`}),r=(0,l.jsx)(`path`,{d:`M6 12h.01`}),t[0]=n,t[1]=r):(n=t[0],r=t[1]);let i;return t[2]===e?i=t[3]:(i=(0,l.jsxs)(u,{...e,children:[n,r]}),t[2]=e,t[3]=i),i}function f(e){let t=(0,c.c)(4),n,r;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(n=(0,l.jsx)(`rect`,{width:`18`,height:`14`,x:`3`,y:`5`,rx:`2`}),r=(0,l.jsx)(`path`,{d:`M7 15h.01M11 15h.01M15 15h.01`}),t[0]=n,t[1]=r):(n=t[0],r=t[1]);let i;return t[2]===e?i=t[3]:(i=(0,l.jsxs)(u,{...e,children:[n,r]}),t[2]=e,t[3]=i),i}var p={server:o,cloud:i,linux:s,desktop:r,laptop:a,"mac-mini":d,"mac-studio":f},m={server:`Server`,cloud:`Cloud VM`,linux:`Linux/WSL`,desktop:`Desktop`,laptop:`Laptop`,"mac-mini":`Mini PC`,"mac-studio":`Workstation`};function h(e){return p[e]}function g(e){let t=(0,c.c)(6),n,r;t[0]===e?(n=t[1],r=t[2]):({kind:n,...r}=e,t[0]=e,t[1]=n,t[2]=r);let i=p[n],a;return t[3]!==i||t[4]!==r?(a=(0,l.jsx)(i,{...r}),t[3]=i,t[4]=r,t[5]=a):a=t[5],a}export{g as n,h as r,m as t};
+//# sourceMappingURL=EnvironmentMachineIcon-iUmoTUYt.js.map

package/dist/client/assets/{ExpandableText-Cpm1gOKG.js → ExpandableText-ByCx68yv.js}

@@ -1,3 +1,3 @@
-import{a as e,t}from"./react-DH3P2YXY.js";import{n,t as r}from"./jsx-runtime-BnjsACtP.js";import{fr as i,t as a}from"./utils-BoMYW9A3.js";var o=n(),s=e(t(),1),c=e(r(),1);function l(e){let t=(0,o.c)(19),{text:n,className:r,collapsedClassName:l,expandLabel:d}=e,f=l===void 0?`line-clamp-3`:l,p=d===void 0?`Show full error`:d,m=(0,s.useId)(),[h,g]=(0,s.useState)(!1),_;t[0]===n?_=t[1]:(_=n.length>180||n.includes(`
+import{a as e,t}from"./react-DH3P2YXY.js";import{n,t as r}from"./jsx-runtime-BnjsACtP.js";import{fr as i,t as a}from"./utils-DhUt689t.js";var o=n(),s=e(t(),1),c=e(r(),1);function l(e){let t=(0,o.c)(19),{text:n,className:r,collapsedClassName:l,expandLabel:d}=e,f=l===void 0?`line-clamp-3`:l,p=d===void 0?`Show full error`:d,m=(0,s.useId)(),[h,g]=(0,s.useState)(!1),_;t[0]===n?_=t[1]:(_=n.length>180||n.includes(`
 `),t[0]=n,t[1]=_);let v=_,y;t[2]===r?y=t[3]:(y=a(`min-w-0`,r),t[2]=r,t[3]=y);let b=!h&&v?f:null,x;t[4]===b?x=t[5]:(x=a(`whitespace-pre-wrap break-words`,b),t[4]=b,t[5]=x);let S;t[6]!==x||t[7]!==n||t[8]!==m?(S=(0,c.jsx)(`div`,{id:m,className:x,children:n}),t[6]=x,t[7]=n,t[8]=m,t[9]=S):S=t[9];let C;t[10]!==v||t[11]!==p||t[12]!==h||t[13]!==m?(C=v?(0,c.jsx)(i,{"aria-expanded":h,"aria-controls":m,tone:`muted`,className:`mt-1`,onClick:()=>g(u),children:h?`Show less`:p}):null,t[10]=v,t[11]=p,t[12]=h,t[13]=m,t[14]=C):C=t[14];let w;return t[15]!==y||t[16]!==S||t[17]!==C?(w=(0,c.jsxs)(`div`,{className:y,children:[S,C]}),t[15]=y,t[16]=S,t[17]=C,t[18]=w):w=t[18],w}function u(e){return!e}export{l as t};
-//# sourceMappingURL=ExpandableText-Cpm1gOKG.js.map
+//# sourceMappingURL=ExpandableText-ByCx68yv.js.map