dorkos 0.76.0 → 0.81.0

package/dist/client/assets/{AboutPage-BoqHP_rW.js → AboutPage-CG2PlGB9.js}

@@ -1 +1 @@
-import{u as N,d as v,j as e,a as w,r as d,X as k,I as C,B as D,P as S}from"./index-Cg0bm_ag.js";function b({children:i}){return e.jsx("div",{className:"text-muted-foreground text-3xs font-medium tracking-wider uppercase",children:i})}function A({agent:i,onUpdate:t}){const[a,l]=d.useState(!1),[o,u]=d.useState(""),n=i.capabilities??[];function c(){const s=o.trim();s&&!n.includes(s)&&t({capabilities:[...n,s]}),u(""),l(!1)}return e.jsxs("div",{className:"space-y-1",children:[e.jsx(b,{children:"Capabilities"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-1.5",children:[n.map(s=>e.jsxs("span",{className:"bg-accent text-accent-foreground inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs",children:[s,e.jsx("button",{type:"button",onClick:()=>t({capabilities:n.filter(m=>m!==s)}),className:"hover:text-destructive transition-colors","aria-label":`Remove capability ${s}`,children:e.jsx(k,{"aria-hidden":!0,className:"size-3"})})]},s)),a?e.jsx(C,{autoFocus:!0,value:o,onChange:s=>u(s.target.value),onBlur:c,onKeyDown:s=>{s.key==="Enter"&&c(),s.key==="Escape"&&l(!1)},className:"h-6 w-28 text-xs",placeholder:"capability name","aria-label":"New capability"}):e.jsxs(D,{type:"button",variant:"ghost",size:"sm",onClick:()=>l(!0),className:"text-muted-foreground hover:text-foreground h-auto gap-0.5 px-1 py-0 text-xs",children:[e.jsx(S,{"aria-hidden":!0,className:"size-3"})," Add"]})]})]})}function j({label:i,value:t,placeholder:a,multiline:l,testId:o,onCommit:u}){const[n,c]=d.useState(t),[s,m]=d.useState(t),[p,f]=d.useState(null);s!==t&&(m(t),c(t));function x(){const r=n.trim();if(r===t.trim())return;const g=u(r);if(typeof g!="string")return f(null);c(t),f(g)}const h="border-input bg-background placeholder:text-muted-foreground focus-visible:ring-ring w-full rounded-md border px-3 py-2 text-sm focus-visible:ring-2 focus-visible:outline-none",y=p?e.jsx("p",{role:"status",className:"text-destructive text-xs",children:p}):null;return e.jsxs("div",{className:"space-y-1",children:[e.jsx(b,{children:i}),l?e.jsx("textarea",{value:n,rows:4,"data-testid":o,"aria-label":i,placeholder:a,onChange:r=>{f(null),c(r.target.value)},onBlur:x,onKeyDown:r=>{r.key==="Enter"&&!r.shiftKey&&(r.preventDefault(),x())},className:h}):e.jsx("input",{value:n,"data-testid":o,"aria-label":i,placeholder:a,onChange:r=>{f(null),c(r.target.value)},onBlur:x,onKeyDown:r=>{r.key==="Enter"&&x()},className:h}),y]})}function P({member:i,roster:t}){const{agent:a,isPending:l,update:o}=N(i),u=v(i,t)==="managed";return l?e.jsx(w,{className:"h-16 w-full"}):!u||!a?e.jsx(E,{member:i,agent:a}):e.jsxs("div",{className:"flex flex-col gap-4","data-slot":"profile-about",children:[e.jsx(j,{label:"Name",value:a.displayName??a.name,placeholder:"What you call this agent",testId:"agent-name-field",onCommit:n=>{if(!n)return"An agent needs a name, so this one kept the one it had.";o({displayName:n})}}),e.jsx(j,{multiline:!0,label:"Description",value:a.description??"",placeholder:"What is this agent for?",testId:"agent-description-field",onCommit:n=>o({description:n})}),e.jsx(A,{agent:a,onUpdate:o})]})}function E({member:i,agent:t}){var l;const a=(l=t==null?void 0:t.description)==null?void 0:l.trim();return a?e.jsx("p",{className:"text-sm leading-relaxed whitespace-pre-wrap",children:a}):e.jsxs("p",{className:"text-muted-foreground text-sm",children:[i.displayName," hasn’t said what it’s for yet."]})}export{P as AboutPage};
+import{u as N,d as v,j as e,a as w,r as d,X as k,I as C,B as D,P as S}from"./index-DyAjYNxU.js";function b({children:i}){return e.jsx("div",{className:"text-muted-foreground text-3xs font-medium tracking-wider uppercase",children:i})}function A({agent:i,onUpdate:t}){const[a,l]=d.useState(!1),[o,u]=d.useState(""),n=i.capabilities??[];function c(){const s=o.trim();s&&!n.includes(s)&&t({capabilities:[...n,s]}),u(""),l(!1)}return e.jsxs("div",{className:"space-y-1",children:[e.jsx(b,{children:"Capabilities"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-1.5",children:[n.map(s=>e.jsxs("span",{className:"bg-accent text-accent-foreground inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs",children:[s,e.jsx("button",{type:"button",onClick:()=>t({capabilities:n.filter(m=>m!==s)}),className:"hover:text-destructive transition-colors","aria-label":`Remove capability ${s}`,children:e.jsx(k,{"aria-hidden":!0,className:"size-3"})})]},s)),a?e.jsx(C,{autoFocus:!0,value:o,onChange:s=>u(s.target.value),onBlur:c,onKeyDown:s=>{s.key==="Enter"&&c(),s.key==="Escape"&&l(!1)},className:"h-6 w-28 text-xs",placeholder:"capability name","aria-label":"New capability"}):e.jsxs(D,{type:"button",variant:"ghost",size:"sm",onClick:()=>l(!0),className:"text-muted-foreground hover:text-foreground h-auto gap-0.5 px-1 py-0 text-xs",children:[e.jsx(S,{"aria-hidden":!0,className:"size-3"})," Add"]})]})]})}function j({label:i,value:t,placeholder:a,multiline:l,testId:o,onCommit:u}){const[n,c]=d.useState(t),[s,m]=d.useState(t),[p,f]=d.useState(null);s!==t&&(m(t),c(t));function x(){const r=n.trim();if(r===t.trim())return;const g=u(r);if(typeof g!="string")return f(null);c(t),f(g)}const h="border-input bg-background placeholder:text-muted-foreground focus-visible:ring-ring w-full rounded-md border px-3 py-2 text-sm focus-visible:ring-2 focus-visible:outline-none",y=p?e.jsx("p",{role:"status",className:"text-destructive text-xs",children:p}):null;return e.jsxs("div",{className:"space-y-1",children:[e.jsx(b,{children:i}),l?e.jsx("textarea",{value:n,rows:4,"data-testid":o,"aria-label":i,placeholder:a,onChange:r=>{f(null),c(r.target.value)},onBlur:x,onKeyDown:r=>{r.key==="Enter"&&!r.shiftKey&&(r.preventDefault(),x())},className:h}):e.jsx("input",{value:n,"data-testid":o,"aria-label":i,placeholder:a,onChange:r=>{f(null),c(r.target.value)},onBlur:x,onKeyDown:r=>{r.key==="Enter"&&x()},className:h}),y]})}function P({member:i,roster:t}){const{agent:a,isPending:l,update:o}=N(i),u=v(i,t)==="managed";return l?e.jsx(w,{className:"h-16 w-full"}):!u||!a?e.jsx(E,{member:i,agent:a}):e.jsxs("div",{className:"flex flex-col gap-4","data-slot":"profile-about",children:[e.jsx(j,{label:"Name",value:a.displayName??a.name,placeholder:"What you call this agent",testId:"agent-name-field",onCommit:n=>{if(!n)return"An agent needs a name, so this one kept the one it had.";o({displayName:n})}}),e.jsx(j,{multiline:!0,label:"Description",value:a.description??"",placeholder:"What is this agent for?",testId:"agent-description-field",onCommit:n=>o({description:n})}),e.jsx(A,{agent:a,onUpdate:o})]})}function E({member:i,agent:t}){var l;const a=(l=t==null?void 0:t.description)==null?void 0:l.trim();return a?e.jsx("p",{className:"text-sm leading-relaxed whitespace-pre-wrap",children:a}):e.jsxs("p",{className:"text-muted-foreground text-sm",children:[i.displayName," hasn’t said what it’s for yet."]})}export{P as AboutPage};

package/dist/client/assets/{AppearancePage-B95H8Nxj.js → AppearancePage-uc6vrPjQ.js}

@@ -1 +1 @@
-import{j as e,ch as F,ci as U,ag as v,J as m,cj as b,ck as $,cl as B,cm as G,ai as D,r as u,cn as E,B as W,X as V,co as J,u as q,a as K,t as X,b as Y,z as Z}from"./index-Cg0bm_ag.js";import{u as Q}from"./use-personality-commit-BHO7hV2D.js";import"./soul-file-CMitSV0e.js";const H={hidden:{},visible:{transition:{staggerChildren:.04}}},I={hidden:{opacity:0,scale:.5},visible:{opacity:1,scale:1,transition:{type:"spring",stiffness:500,damping:25}}};function _(){return e.jsx(m.span,{className:"pointer-events-none absolute inset-0 flex items-center justify-center",initial:{scale:0,opacity:1},animate:{scale:1,opacity:0},transition:{duration:.6,ease:[.34,1.56,.64,1]},"aria-hidden":!0,children:e.jsx(D,{className:"size-4 text-white drop-shadow-md",strokeWidth:3})})}function O({celebratory:s,className:t,children:a}){return s?e.jsx(m.div,{className:t,variants:H,initial:"hidden",animate:"visible",children:a}):e.jsx("div",{className:t,children:a})}function A({celebratory:s,children:t}){return s?e.jsx(m.div,{variants:I,children:t}):t}const ee=e.jsx("span",{className:"text-3xs leading-none font-bold",children:"A"}),te="ring-muted-foreground/50 ring-dashed ring-2 ring-offset-2",se="Select default color";function ae({value:s,autoColor:t,onSelect:a,onHoverChange:i,justSelectedKey:o,celebratory:n=!1,autoIcon:r=ee,autoActiveRing:c=te,autoLabel:d=se}){const x=s!=null;return e.jsxs(O,{celebratory:n,className:"flex flex-wrap items-center gap-2",children:[e.jsx(A,{celebratory:n,children:e.jsx(T,{active:!x,activeRing:c,color:t,label:d,tooltip:"Unique, derived from agent name",onClick:()=>a(null),onHoverChange:i,justSelected:o==="auto",celebratory:n,children:r})}),e.jsx("div",{className:"bg-border mx-0.5 h-5 w-px"}),F.map(l=>e.jsx(A,{celebratory:n,children:e.jsx(T,{active:s===l.hex,activeRing:"ring-foreground ring-2 ring-offset-2",color:l.hex,label:`Select ${l.name}`,tooltip:l.name,onClick:()=>a(l.hex),onHoverChange:i,justSelected:o===l.hex,celebratory:n})},l.hex))]})}function T({active:s,activeRing:t,color:a,label:i,tooltip:o,tooltipSide:n="bottom",onClick:r,onHoverChange:c,justSelected:d,celebratory:x,children:l}){const h=e.jsxs("button",{type:"button",onClick:r,onMouseEnter:()=>c==null?void 0:c(a),onMouseLeave:()=>c==null?void 0:c(null),className:v("group/swatch relative size-8 rounded-full transition-[scale,box-shadow] duration-150",s?t:"hover:scale-110"),style:{backgroundColor:a},"aria-label":i,children:[l&&e.jsx("span",{className:"bg-background/80 text-foreground absolute inset-0 flex items-center justify-center rounded-full",children:l}),x&&e.jsx("span",{className:"absolute inset-[-4px] -z-10 rounded-full opacity-0 blur-md transition-opacity duration-200 group-hover/swatch:opacity-50",style:{backgroundColor:a},"aria-hidden":!0}),e.jsx(b,{children:d&&e.jsx(_,{})})]});return x?e.jsxs($,{children:[e.jsx(B,{asChild:!0,children:h}),e.jsx(G,{side:n,className:"text-3xs",children:o})]}):h}function ne({value:s,autoEmoji:t,hasOverride:a,onSelect:i,justSelectedKey:o,celebratory:n=!1}){return e.jsx(O,{celebratory:n,className:"grid grid-cols-6 gap-1.5",children:U.map(r=>{const c=r===s,d=r===t&&!a,x=v("relative flex size-9 items-center justify-center rounded-md text-lg transition-colors duration-150",c?v(d?"bg-accent ring-muted-foreground/50 ring-1":"bg-accent ring-foreground ring-1",d&&!n&&"ring-dashed"):"hover:bg-accent/50 active:scale-90");return e.jsx(ie,{celebratory:n,onClick:()=>i(r),className:x,ariaLabel:`Select icon ${r}`,justSelected:o===`emoji-${r}`,children:r},r)})})}function ie({celebratory:s,onClick:t,className:a,ariaLabel:i,justSelected:o,children:n}){const r=e.jsx(b,{children:o&&e.jsx(_,{})});return s?e.jsxs(m.button,{type:"button",onClick:t,className:a,"aria-label":i,variants:I,whileHover:{scale:1.25},whileTap:{scale:.85},transition:{type:"spring",stiffness:500,damping:20},children:[n,r]}):e.jsxs("button",{type:"button",onClick:t,className:a,"aria-label":i,children:[n,r]})}const re=e.jsx(J,{className:"size-3"}),oe="ring-muted-foreground/50 ring-2 ring-offset-2",ce="Select unique auto-generated color",C="dorkos:avatar-first-customization",le={hidden:{},visible:{transition:{staggerChildren:.04}}},w={hidden:{opacity:0,y:4},visible:{opacity:1,y:0,transition:{duration:.2,ease:"easeOut"}}};function ue(){const[s]=u.useState(()=>Array.from({length:14},(a,i)=>{const o=Math.PI*2*i/14,n=28+Math.random()*20,r=360*i/14;return{x:Math.cos(o)*n,y:Math.sin(o)*n,size:3+Math.random()*3,hue:r,delay:i*.02}}));return e.jsx("div",{className:"pointer-events-none absolute inset-0 z-50 overflow-visible","aria-hidden":!0,children:s.map((t,a)=>e.jsx(m.span,{className:"absolute top-1/2 left-1/2 rounded-full",style:{width:t.size,height:t.size,background:`hsl(${t.hue}, 80%, 70%)`,boxShadow:`0 0 6px hsl(${t.hue}, 80%, 70%)`},initial:{x:"-50%",y:"-50%",scale:0,opacity:1},animate:{x:t.x,y:t.y,scale:1,opacity:0},transition:{duration:.6,ease:"easeOut",delay:t.delay}},a))})}function de({agent:s,onUpdate:t,onPreviewColor:a,title:i,onClose:o}){const n=u.useMemo(()=>E(s.id),[s.id]),r=n.color,c=n.icon,d=s.icon??c,x=s.color!=null,l=s.icon!=null,h=x||l,[y,S]=u.useState(null),p=u.useRef(null),[z,k]=u.useState(!1),N=u.useRef(!1);u.useEffect(()=>()=>{p.current&&clearTimeout(p.current)},[]);const g=u.useCallback(()=>{if(!N.current){try{if(localStorage.getItem(C))return;localStorage.setItem(C,"true")}catch{return}N.current=!0,k(!0),setTimeout(()=>k(!1),800)}},[]),j=u.useCallback(f=>{p.current&&clearTimeout(p.current),S(f),p.current=setTimeout(()=>S(null),600)},[]),R=u.useCallback(()=>{t({color:null,icon:null})},[t]),L=u.useCallback(f=>{t({color:f}),a(null),j(f??"auto"),g()},[t,a,j,g]),M=u.useCallback(f=>{t({icon:f===c?null:f}),j(`emoji-${f}`),g()},[t,c,j,g]),P=u.useCallback(f=>{a(f)},[a]);return e.jsxs("div",{className:"flex flex-1 flex-col overflow-auto","data-testid":"avatar-picker-panel",children:[(i||o||h)&&e.jsxs("div",{className:v("flex items-center justify-between px-4 py-2",(i||o)&&"border-b"),children:[i&&e.jsx("span",{className:"text-xs font-semibold",children:i}),e.jsxs("div",{className:"ml-auto flex items-center gap-1",children:[e.jsx(b,{children:h&&e.jsx(m.button,{type:"button",onClick:R,className:"text-muted-foreground hover:text-foreground text-3xs transition-colors",initial:{opacity:0,x:8},animate:{opacity:1,x:0},exit:{opacity:0,x:8},transition:{duration:.2},children:"Reset to defaults"})}),o&&e.jsx(W,{variant:"ghost",size:"icon-md",className:"size-6",onClick:o,"aria-label":"Close appearance picker",children:e.jsx(V,{className:"size-3.5"})})]})]}),e.jsxs(m.div,{className:"space-y-5 p-4",variants:le,initial:"hidden",animate:"visible",children:[e.jsxs(m.div,{variants:w,children:[e.jsx("div",{className:"text-muted-foreground text-3xs mb-2 font-medium tracking-wider uppercase",children:"Color"}),e.jsx(ae,{value:s.color,autoColor:r,onSelect:L,onHoverChange:P,justSelectedKey:y,celebratory:!0,autoIcon:re,autoActiveRing:oe,autoLabel:ce})]}),e.jsxs(m.div,{variants:w,children:[e.jsx("div",{className:"text-muted-foreground text-3xs mb-2 font-medium tracking-wider uppercase",children:"Icon"}),e.jsx(ne,{value:d,autoEmoji:c,hasOverride:l,onSelect:M,justSelectedKey:y,celebratory:!0})]})]}),e.jsx(b,{children:z&&e.jsx(ue,{})})]})}function xe({children:s}){return e.jsx("h3",{className:"text-muted-foreground text-3xs font-medium tracking-wider uppercase",children:s})}function ge({member:s}){const{agent:t,isPending:a,update:i}=q(s),o=Q(t,i),[n,r]=u.useState(null);if(a)return e.jsx(K,{className:"h-64 w-full"});if(!t)return e.jsx("p",{className:"text-muted-foreground text-sm",children:"Couldn’t read this agent’s appearance."});const c=X(s),d=E(t.id),x=n??t.color??d.color,l=t.icon??d.icon;return e.jsxs("div",{className:"flex flex-col gap-5","data-slot":"profile-appearance",children:[e.jsx("div",{className:"flex justify-center pt-1",children:e.jsx(Y,{size:"lg",kind:c.kind,color:x,emoji:l,fallback:c.fallback,origin:c.origin})}),e.jsx(de,{agent:t,onUpdate:i,onPreviewColor:r}),e.jsxs("div",{className:"space-y-2 border-t pt-4",children:[e.jsx(xe,{children:"Personality"}),e.jsx(Z,{traits:o.traits,onTraitsChange:o.onTraitsChange,compact:!0})]})]})}export{ge as AppearancePage};
+import{j as e,cj as F,ck as U,ag as v,J as m,cl as b,cm as $,cn as B,co as G,ai as D,r as u,cp as E,B as W,X as V,cq as q,u as J,a as K,t as X,b as Y,z as Z}from"./index-DyAjYNxU.js";import{u as Q}from"./use-personality-commit-KFutjy9j.js";import"./soul-file-0ee-EflV.js";const H={hidden:{},visible:{transition:{staggerChildren:.04}}},I={hidden:{opacity:0,scale:.5},visible:{opacity:1,scale:1,transition:{type:"spring",stiffness:500,damping:25}}};function _(){return e.jsx(m.span,{className:"pointer-events-none absolute inset-0 flex items-center justify-center",initial:{scale:0,opacity:1},animate:{scale:1,opacity:0},transition:{duration:.6,ease:[.34,1.56,.64,1]},"aria-hidden":!0,children:e.jsx(D,{className:"size-4 text-white drop-shadow-md",strokeWidth:3})})}function O({celebratory:s,className:t,children:a}){return s?e.jsx(m.div,{className:t,variants:H,initial:"hidden",animate:"visible",children:a}):e.jsx("div",{className:t,children:a})}function A({celebratory:s,children:t}){return s?e.jsx(m.div,{variants:I,children:t}):t}const ee=e.jsx("span",{className:"text-3xs leading-none font-bold",children:"A"}),te="ring-muted-foreground/50 ring-dashed ring-2 ring-offset-2",se="Select default color";function ae({value:s,autoColor:t,onSelect:a,onHoverChange:i,justSelectedKey:o,celebratory:n=!1,autoIcon:r=ee,autoActiveRing:c=te,autoLabel:d=se}){const x=s!=null;return e.jsxs(O,{celebratory:n,className:"flex flex-wrap items-center gap-2",children:[e.jsx(A,{celebratory:n,children:e.jsx(T,{active:!x,activeRing:c,color:t,label:d,tooltip:"Unique, derived from agent name",onClick:()=>a(null),onHoverChange:i,justSelected:o==="auto",celebratory:n,children:r})}),e.jsx("div",{className:"bg-border mx-0.5 h-5 w-px"}),F.map(l=>e.jsx(A,{celebratory:n,children:e.jsx(T,{active:s===l.hex,activeRing:"ring-foreground ring-2 ring-offset-2",color:l.hex,label:`Select ${l.name}`,tooltip:l.name,onClick:()=>a(l.hex),onHoverChange:i,justSelected:o===l.hex,celebratory:n})},l.hex))]})}function T({active:s,activeRing:t,color:a,label:i,tooltip:o,tooltipSide:n="bottom",onClick:r,onHoverChange:c,justSelected:d,celebratory:x,children:l}){const h=e.jsxs("button",{type:"button",onClick:r,onMouseEnter:()=>c==null?void 0:c(a),onMouseLeave:()=>c==null?void 0:c(null),className:v("group/swatch relative size-8 rounded-full transition-[scale,box-shadow] duration-150",s?t:"hover:scale-110"),style:{backgroundColor:a},"aria-label":i,children:[l&&e.jsx("span",{className:"bg-background/80 text-foreground absolute inset-0 flex items-center justify-center rounded-full",children:l}),x&&e.jsx("span",{className:"absolute inset-[-4px] -z-10 rounded-full opacity-0 blur-md transition-opacity duration-200 group-hover/swatch:opacity-50",style:{backgroundColor:a},"aria-hidden":!0}),e.jsx(b,{children:d&&e.jsx(_,{})})]});return x?e.jsxs($,{children:[e.jsx(B,{asChild:!0,children:h}),e.jsx(G,{side:n,className:"text-3xs",children:o})]}):h}function ne({value:s,autoEmoji:t,hasOverride:a,onSelect:i,justSelectedKey:o,celebratory:n=!1}){return e.jsx(O,{celebratory:n,className:"grid grid-cols-6 gap-1.5",children:U.map(r=>{const c=r===s,d=r===t&&!a,x=v("relative flex size-9 items-center justify-center rounded-md text-lg transition-colors duration-150",c?v(d?"bg-accent ring-muted-foreground/50 ring-1":"bg-accent ring-foreground ring-1",d&&!n&&"ring-dashed"):"hover:bg-accent/50 active:scale-90");return e.jsx(ie,{celebratory:n,onClick:()=>i(r),className:x,ariaLabel:`Select icon ${r}`,justSelected:o===`emoji-${r}`,children:r},r)})})}function ie({celebratory:s,onClick:t,className:a,ariaLabel:i,justSelected:o,children:n}){const r=e.jsx(b,{children:o&&e.jsx(_,{})});return s?e.jsxs(m.button,{type:"button",onClick:t,className:a,"aria-label":i,variants:I,whileHover:{scale:1.25},whileTap:{scale:.85},transition:{type:"spring",stiffness:500,damping:20},children:[n,r]}):e.jsxs("button",{type:"button",onClick:t,className:a,"aria-label":i,children:[n,r]})}const re=e.jsx(q,{className:"size-3"}),oe="ring-muted-foreground/50 ring-2 ring-offset-2",ce="Select unique auto-generated color",C="dorkos:avatar-first-customization",le={hidden:{},visible:{transition:{staggerChildren:.04}}},w={hidden:{opacity:0,y:4},visible:{opacity:1,y:0,transition:{duration:.2,ease:"easeOut"}}};function ue(){const[s]=u.useState(()=>Array.from({length:14},(a,i)=>{const o=Math.PI*2*i/14,n=28+Math.random()*20,r=360*i/14;return{x:Math.cos(o)*n,y:Math.sin(o)*n,size:3+Math.random()*3,hue:r,delay:i*.02}}));return e.jsx("div",{className:"pointer-events-none absolute inset-0 z-50 overflow-visible","aria-hidden":!0,children:s.map((t,a)=>e.jsx(m.span,{className:"absolute top-1/2 left-1/2 rounded-full",style:{width:t.size,height:t.size,background:`hsl(${t.hue}, 80%, 70%)`,boxShadow:`0 0 6px hsl(${t.hue}, 80%, 70%)`},initial:{x:"-50%",y:"-50%",scale:0,opacity:1},animate:{x:t.x,y:t.y,scale:1,opacity:0},transition:{duration:.6,ease:"easeOut",delay:t.delay}},a))})}function de({agent:s,onUpdate:t,onPreviewColor:a,title:i,onClose:o}){const n=u.useMemo(()=>E(s.id),[s.id]),r=n.color,c=n.icon,d=s.icon??c,x=s.color!=null,l=s.icon!=null,h=x||l,[y,S]=u.useState(null),p=u.useRef(null),[z,k]=u.useState(!1),N=u.useRef(!1);u.useEffect(()=>()=>{p.current&&clearTimeout(p.current)},[]);const g=u.useCallback(()=>{if(!N.current){try{if(localStorage.getItem(C))return;localStorage.setItem(C,"true")}catch{return}N.current=!0,k(!0),setTimeout(()=>k(!1),800)}},[]),j=u.useCallback(f=>{p.current&&clearTimeout(p.current),S(f),p.current=setTimeout(()=>S(null),600)},[]),R=u.useCallback(()=>{t({color:null,icon:null})},[t]),L=u.useCallback(f=>{t({color:f}),a(null),j(f??"auto"),g()},[t,a,j,g]),M=u.useCallback(f=>{t({icon:f===c?null:f}),j(`emoji-${f}`),g()},[t,c,j,g]),P=u.useCallback(f=>{a(f)},[a]);return e.jsxs("div",{className:"flex flex-1 flex-col overflow-auto","data-testid":"avatar-picker-panel",children:[(i||o||h)&&e.jsxs("div",{className:v("flex items-center justify-between px-4 py-2",(i||o)&&"border-b"),children:[i&&e.jsx("span",{className:"text-xs font-semibold",children:i}),e.jsxs("div",{className:"ml-auto flex items-center gap-1",children:[e.jsx(b,{children:h&&e.jsx(m.button,{type:"button",onClick:R,className:"text-muted-foreground hover:text-foreground text-3xs transition-colors",initial:{opacity:0,x:8},animate:{opacity:1,x:0},exit:{opacity:0,x:8},transition:{duration:.2},children:"Reset to defaults"})}),o&&e.jsx(W,{variant:"ghost",size:"icon-md",className:"size-6",onClick:o,"aria-label":"Close appearance picker",children:e.jsx(V,{className:"size-3.5"})})]})]}),e.jsxs(m.div,{className:"space-y-5 p-4",variants:le,initial:"hidden",animate:"visible",children:[e.jsxs(m.div,{variants:w,children:[e.jsx("div",{className:"text-muted-foreground text-3xs mb-2 font-medium tracking-wider uppercase",children:"Color"}),e.jsx(ae,{value:s.color,autoColor:r,onSelect:L,onHoverChange:P,justSelectedKey:y,celebratory:!0,autoIcon:re,autoActiveRing:oe,autoLabel:ce})]}),e.jsxs(m.div,{variants:w,children:[e.jsx("div",{className:"text-muted-foreground text-3xs mb-2 font-medium tracking-wider uppercase",children:"Icon"}),e.jsx(ne,{value:d,autoEmoji:c,hasOverride:l,onSelect:M,justSelectedKey:y,celebratory:!0})]})]}),e.jsx(b,{children:z&&e.jsx(ue,{})})]})}function xe({children:s}){return e.jsx("h3",{className:"text-muted-foreground text-3xs font-medium tracking-wider uppercase",children:s})}function ge({member:s}){const{agent:t,isPending:a,update:i}=J(s),o=Q(t,i),[n,r]=u.useState(null);if(a)return e.jsx(K,{className:"h-64 w-full"});if(!t)return e.jsx("p",{className:"text-muted-foreground text-sm",children:"Couldn’t read this agent’s appearance."});const c=X(s),d=E(t.id),x=n??t.color??d.color,l=t.icon??d.icon;return e.jsxs("div",{className:"flex flex-col gap-5","data-slot":"profile-appearance",children:[e.jsx("div",{className:"flex justify-center pt-1",children:e.jsx(Y,{size:"lg",kind:c.kind,color:x,emoji:l,fallback:c.fallback,origin:c.origin})}),e.jsx(de,{agent:t,onUpdate:i,onPreviewColor:r}),e.jsxs("div",{className:"space-y-2 border-t pt-4",children:[e.jsx(xe,{children:"Personality"}),e.jsx(Z,{traits:o.traits,onTraitsChange:o.onTraitsChange,compact:!0})]})]})}export{ge as AppearancePage};

package/dist/client/assets/BaseTanStackRouterDevtoolsPanel-B-iktbLX-CZ9OxU7F.js

@@ -0,0 +1,539 @@
+import{u as _t,c as Q,a as Te,b as U,s as ht,m as Je,i as g,k as Ft,e as w,f as s,d as S,l as L,M as He,j as le,F as zt,S as Et,n as pt,t as E,o as It,p as mt,q as Bt,r as $t,v as Ke}from"./index-CWuLOWsu.js";import{cd as Dt,ce as be,am as V,cf as st,cg as Tt,ch as At,ci as Rt}from"./index-DyAjYNxU.js";let Mt={data:""},Pt=r=>{if(typeof window=="object"){let e=(r?r.querySelector("#_goober"):window._goober)||Object.assign(document.createElement("style"),{innerHTML:" ",id:"_goober"});return e.nonce=window.__nonce__,e.parentNode||(r||document.head).appendChild(e),e.firstChild}return r||Mt},Lt=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,Ot=/\/\*[^]*?\*\/|  +/g,lt=/\n+/g,ae=(r,e)=>{let i="",t="",c="";for(let a in r){let l=r[a];a[0]=="@"?a[1]=="i"?i=a+" "+l+";":t+=a[1]=="f"?ae(l,a):a+"{"+ae(l,a[1]=="k"?"":e)+"}":typeof l=="object"?t+=ae(l,e?e.replace(/([^,])+/g,v=>a.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g,u=>/&/.test(u)?u.replace(/&/g,v):v?v+" "+u:u)):a):l!=null&&(a=a[1]=="-"?a:a.replace(/[A-Z]/g,"-$&").toLowerCase(),c+=ae.p?ae.p(a,l):a+":"+l+";")}return i+(e&&c?e+"{"+c+"}":c)+t},ne={},bt=r=>{if(typeof r=="object"){let e="";for(let i in r)e+=i+bt(r[i]);return e}return r},jt=(r,e,i,t,c)=>{let a=bt(r),l=ne[a]||(ne[a]=(u=>{let o=0,n=11;for(;o<u.length;)n=101*n+u.charCodeAt(o++)>>>0;return"go"+n})(a));if(!ne[l]){let u=a!==r?r:(o=>{let n,k,m=[{}];for(;n=Lt.exec(o.replace(Ot,""));)n[4]?m.shift():n[3]?(k=n[3].replace(lt," ").trim(),m.unshift(m[0][k]=m[0][k]||{})):m[0][n[1]]=n[2].replace(lt," ").trim();return m[0]})(r);ne[l]=ae(c?{["@keyframes "+l]:u}:u,i?"":"."+l)}let v=i&&ne.g;return i&&(ne.g=ne[l]),((u,o,n,k)=>{k?o.data=o.data.replace(k,u):o.data.indexOf(u)===-1&&(o.data=n?u+o.data:o.data+u)})(ne[l],e,t,v),l},Ht=(r,e,i)=>r.reduce((t,c,a)=>{let l=e[a];if(l&&l.call){let v=l(i),u=v&&v.props&&v.props.className||/^go/.test(v)&&v;l=u?"."+u:v&&typeof v=="object"?v.props?"":ae(v,""):v===!1?"":v}return t+c+(l??"")},"");function ue(r){let e=this||{},i=r.call?r(e.p):r;return jt(i.unshift?i.raw?Ht(i,[].slice.call(arguments,1),e.p):i.reduce((t,c)=>Object.assign(t,c&&c.call?c(e.p):c),{}):i,Pt(e.target),e.g,e.o,e.k)}ue.bind({g:1});ue.bind({k:1});var D={colors:{inherit:"inherit",current:"currentColor",transparent:"transparent",black:"#000000",white:"#ffffff",neutral:{50:"#f9fafb",100:"#f2f4f7",200:"#eaecf0",300:"#d0d5dd",400:"#98a2b3",500:"#667085",600:"#475467",700:"#344054",800:"#1d2939",900:"#101828"},darkGray:{50:"#525c7a",100:"#49536e",200:"#414962",300:"#394056",400:"#313749",500:"#292e3d",600:"#212530",700:"#191c24",800:"#111318",900:"#0b0d10"},gray:{50:"#f9fafb",100:"#f2f4f7",200:"#eaecf0",300:"#d0d5dd",400:"#98a2b3",500:"#667085",600:"#475467",700:"#344054",800:"#1d2939",900:"#101828"},blue:{25:"#F5FAFF",50:"#EFF8FF",100:"#D1E9FF",200:"#B2DDFF",300:"#84CAFF",400:"#53B1FD",500:"#2E90FA",600:"#1570EF",700:"#175CD3",800:"#1849A9",900:"#194185"},green:{25:"#F6FEF9",50:"#ECFDF3",100:"#D1FADF",200:"#A6F4C5",300:"#6CE9A6",400:"#32D583",500:"#12B76A",600:"#039855",700:"#027A48",800:"#05603A",900:"#054F31"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},yellow:{25:"#FFFCF5",50:"#FFFAEB",100:"#FEF0C7",200:"#FEDF89",300:"#FEC84B",400:"#FDB022",500:"#F79009",600:"#DC6803",700:"#B54708",800:"#93370D",900:"#7A2E0E"},purple:{25:"#FAFAFF",50:"#F4F3FF",100:"#EBE9FE",200:"#D9D6FE",300:"#BDB4FE",400:"#9B8AFB",500:"#7A5AF8",600:"#6938EF",700:"#5925DC",800:"#4A1FB8",900:"#3E1C96"},teal:{25:"#F6FEFC",50:"#F0FDF9",100:"#CCFBEF",200:"#99F6E0",300:"#5FE9D0",400:"#2ED3B7",500:"#15B79E",600:"#0E9384",700:"#107569",800:"#125D56",900:"#134E48"},pink:{25:"#fdf2f8",50:"#fce7f3",100:"#fbcfe8",200:"#f9a8d4",300:"#f472b6",400:"#ec4899",500:"#db2777",600:"#be185d",700:"#9d174d",800:"#831843",900:"#500724"},cyan:{25:"#ecfeff",50:"#cffafe",100:"#a5f3fc",200:"#67e8f9",300:"#22d3ee",400:"#06b6d4",500:"#0891b2",600:"#0e7490",700:"#155e75",800:"#164e63",900:"#083344"}},alpha:{90:"e5",70:"b3",20:"33"},font:{size:{"2xs":"calc(var(--tsrd-font-size) * 0.625)",xs:"calc(var(--tsrd-font-size) * 0.75)",sm:"calc(var(--tsrd-font-size) * 0.875)",md:"var(--tsrd-font-size)"},lineHeight:{xs:"calc(var(--tsrd-font-size) * 1)",sm:"calc(var(--tsrd-font-size) * 1.25)"},weight:{normal:"400",medium:"500",semibold:"600",bold:"700"},fontFamily:{sans:"ui-sans-serif, Inter, system-ui, sans-serif, sans-serif",mono:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"}},border:{radius:{xs:"calc(var(--tsrd-font-size) * 0.125)",sm:"calc(var(--tsrd-font-size) * 0.25)",md:"calc(var(--tsrd-font-size) * 0.375)",full:"9999px"}},size:{0:"0px",.5:"calc(var(--tsrd-font-size) * 0.125)",1:"calc(var(--tsrd-font-size) * 0.25)",1.5:"calc(var(--tsrd-font-size) * 0.375)",2:"calc(var(--tsrd-font-size) * 0.5)",2.5:"calc(var(--tsrd-font-size) * 0.625)",3:"calc(var(--tsrd-font-size) * 0.75)",3.5:"calc(var(--tsrd-font-size) * 0.875)",4:"calc(var(--tsrd-font-size) * 1)",5:"calc(var(--tsrd-font-size) * 1.25)",8:"calc(var(--tsrd-font-size) * 2)"}},Gt=r=>{const{colors:e,font:i,size:t,alpha:c,border:a}=D,{fontFamily:l,lineHeight:v,size:u}=i,o=r?ue.bind({target:r}):ue;return{devtoolsPanelContainer:o`
+      direction: ltr;
+      position: fixed;
+      bottom: 0;
+      right: 0;
+      z-index: 99999;
+      width: 100%;
+      max-height: 90%;
+      border-top: 1px solid ${e.gray[700]};
+      transform-origin: top;
+    `,devtoolsPanelContainerVisibility:n=>o`
+        visibility: ${n?"visible":"hidden"};
+      `,devtoolsPanelContainerResizing:n=>n()?o`
+          transition: none;
+        `:o`
+        transition: all 0.4s ease;
+      `,devtoolsPanelContainerAnimation:(n,k)=>n?o`
+          pointer-events: auto;
+          transform: translateY(0);
+        `:o`
+        pointer-events: none;
+        transform: translateY(${k}px);
+      `,logo:o`
+      cursor: pointer;
+      display: flex;
+      flex-direction: column;
+      background-color: transparent;
+      border: none;
+      font-family: ${l.sans};
+      gap: ${D.size[.5]};
+      padding: 0px;
+      &:hover {
+        opacity: 0.7;
+      }
+      &:focus-visible {
+        outline-offset: 4px;
+        border-radius: ${a.radius.xs};
+        outline: 2px solid ${e.blue[800]};
+      }
+    `,tanstackLogo:o`
+      font-size: ${i.size.md};
+      font-weight: ${i.weight.bold};
+      line-height: ${i.lineHeight.xs};
+      white-space: nowrap;
+      color: ${e.gray[300]};
+    `,routerLogo:o`
+      font-weight: ${i.weight.semibold};
+      font-size: ${i.size.xs};
+      background: linear-gradient(to right, #84cc16, #10b981);
+      background-clip: text;
+      -webkit-background-clip: text;
+      line-height: 1;
+      -webkit-text-fill-color: transparent;
+      white-space: nowrap;
+    `,devtoolsPanel:o`
+      display: flex;
+      font-size: ${u.sm};
+      font-family: ${l.sans};
+      background-color: ${e.darkGray[700]};
+      color: ${e.gray[300]};
+
+      @media (max-width: 700px) {
+        flex-direction: column;
+      }
+      @media (max-width: 600px) {
+        font-size: ${u.xs};
+      }
+    `,dragHandle:o`
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 4px;
+      cursor: row-resize;
+      z-index: 100000;
+      &:hover {
+        background-color: ${e.purple[400]}${c[90]};
+      }
+    `,firstContainer:o`
+      flex: 1 1 500px;
+      min-height: 40%;
+      max-height: 100%;
+      overflow: auto;
+      border-right: 1px solid ${e.gray[700]};
+      display: flex;
+      flex-direction: column;
+    `,routerExplorerContainer:o`
+      overflow-y: auto;
+      flex: 1;
+    `,routerExplorer:o`
+      padding: ${D.size[2]};
+    `,row:o`
+      display: flex;
+      align-items: center;
+      padding: ${D.size[2]} ${D.size[2.5]};
+      gap: ${D.size[2.5]};
+      border-bottom: ${e.darkGray[500]} 1px solid;
+      align-items: center;
+    `,detailsHeader:o`
+      font-family: ui-sans-serif, Inter, system-ui, sans-serif, sans-serif;
+      position: sticky;
+      top: 0;
+      z-index: 2;
+      background-color: ${e.darkGray[600]};
+      padding: 0px ${D.size[2]};
+      font-weight: ${i.weight.medium};
+      font-size: ${i.size.xs};
+      min-height: ${D.size[8]};
+      line-height: ${i.lineHeight.xs};
+      text-align: left;
+      display: flex;
+      align-items: center;
+    `,maskedBadge:o`
+      background: ${e.yellow[900]}${c[70]};
+      color: ${e.yellow[300]};
+      display: inline-block;
+      padding: ${D.size[0]} ${D.size[2.5]};
+      border-radius: ${a.radius.full};
+      font-size: ${i.size.xs};
+      font-weight: ${i.weight.normal};
+      border: 1px solid ${e.yellow[300]};
+    `,maskedLocation:o`
+      color: ${e.yellow[300]};
+    `,detailsContent:o`
+      padding: ${D.size[1.5]} ${D.size[2]};
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-size: ${i.size.xs};
+    `,routeMatchesToggle:o`
+      display: flex;
+      align-items: center;
+      border: 1px solid ${e.gray[500]};
+      border-radius: ${a.radius.sm};
+      overflow: hidden;
+    `,routeMatchesToggleBtn:(n,k)=>{const m=[o`
+        appearance: none;
+        border: none;
+        font-size: 12px;
+        padding: 4px 8px;
+        background: transparent;
+        cursor: pointer;
+        font-family: ${l.sans};
+        font-weight: ${i.weight.medium};
+      `];if(n){const A=o`
+          background: ${e.darkGray[400]};
+          color: ${e.gray[300]};
+        `;m.push(A)}else{const A=o`
+          color: ${e.gray[500]};
+          background: ${e.darkGray[800]}${c[20]};
+        `;m.push(A)}return k&&m.push(o`
+          border-right: 1px solid ${D.colors.gray[500]};
+        `),m},detailsHeaderInfo:o`
+      flex: 1;
+      justify-content: flex-end;
+      display: flex;
+      align-items: center;
+      font-weight: ${i.weight.normal};
+      color: ${e.gray[400]};
+    `,matchRow:n=>{const k=[o`
+        display: flex;
+        border-bottom: 1px solid ${e.darkGray[400]};
+        cursor: pointer;
+        align-items: center;
+        padding: ${t[1]} ${t[2]};
+        gap: ${t[2]};
+        font-size: ${u.xs};
+        color: ${e.gray[300]};
+      `];if(n){const m=o`
+          background: ${e.darkGray[500]};
+        `;k.push(m)}return k},matchIndicator:n=>{const k=[o`
+        flex: 0 0 auto;
+        width: ${t[3]};
+        height: ${t[3]};
+        background: ${e[n][900]};
+        border: 1px solid ${e[n][500]};
+        border-radius: ${a.radius.full};
+        transition: all 0.25s ease-out;
+        box-sizing: border-box;
+      `];if(n==="gray"){const m=o`
+          background: ${e.gray[700]};
+          border-color: ${e.gray[400]};
+        `;k.push(m)}return k},matchID:o`
+      flex: 1;
+      line-height: ${v.xs};
+    `,ageTicker:n=>{const k=[o`
+        display: flex;
+        gap: ${t[1]};
+        font-size: ${u.xs};
+        color: ${e.gray[400]};
+        font-variant-numeric: tabular-nums;
+        line-height: ${v.xs};
+      `];if(n){const m=o`
+          color: ${e.yellow[400]};
+        `;k.push(m)}return k},secondContainer:o`
+      flex: 1 1 500px;
+      min-height: 40%;
+      max-height: 100%;
+      overflow: auto;
+      border-right: 1px solid ${e.gray[700]};
+      display: flex;
+      flex-direction: column;
+    `,thirdContainer:o`
+      flex: 1 1 500px;
+      overflow: auto;
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+      border-right: 1px solid ${e.gray[700]};
+
+      @media (max-width: 700px) {
+        border-top: 2px solid ${e.gray[700]};
+      }
+    `,fourthContainer:o`
+      flex: 1 1 500px;
+      min-height: 40%;
+      max-height: 100%;
+      overflow: auto;
+      display: flex;
+      flex-direction: column;
+    `,routesContainer:o`
+      overflow-x: auto;
+      overflow-y: visible;
+    `,routesRowContainer:(n,k)=>{const m=[o`
+        display: flex;
+        border-bottom: 1px solid ${e.darkGray[400]};
+        align-items: center;
+        padding: ${t[1]} ${t[2]};
+        gap: ${t[2]};
+        font-size: ${u.xs};
+        color: ${e.gray[300]};
+        cursor: ${k?"pointer":"default"};
+        line-height: ${v.xs};
+      `];if(n){const A=o`
+          background: ${e.darkGray[500]};
+        `;m.push(A)}return m},routesRow:n=>{const k=[o`
+        flex: 1 0 auto;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        font-size: ${u.xs};
+        line-height: ${v.xs};
+      `];if(!n){const m=o`
+          color: ${e.gray[400]};
+        `;k.push(m)}return k},routesRowInner:o`
+      display: 'flex';
+      align-items: 'center';
+      flex-grow: 1;
+      min-width: 0;
+    `,routeParamInfo:o`
+      color: ${e.gray[400]};
+      font-size: ${u.xs};
+      line-height: ${v.xs};
+    `,nestedRouteRow:n=>o`
+        margin-left: ${n?0:t[3.5]};
+        border-left: ${n?"":`solid 1px ${e.gray[700]}`};
+      `,code:o`
+      font-size: ${u.xs};
+      line-height: ${v.xs};
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    `,matchesContainer:o`
+      flex: 1 1 auto;
+      overflow-y: auto;
+    `,cachedMatchesContainer:o`
+      flex: 1 1 auto;
+      overflow-y: auto;
+      max-height: 50%;
+    `,historyContainer:o`
+      display: flex;
+      flex: 1 1 auto;
+      overflow-y: auto;
+      max-height: 50%;
+    `,historyOverflowContainer:o`
+      padding: ${t[1]} ${t[2]};
+      font-size: ${D.font.size.xs};
+    `,maskedBadgeContainer:o`
+      flex: 1;
+      justify-content: flex-end;
+      display: flex;
+    `,matchDetails:o`
+      display: flex;
+      flex-direction: column;
+      padding: ${D.size[2]};
+      font-size: ${D.font.size.xs};
+      color: ${D.colors.gray[300]};
+      line-height: ${D.font.lineHeight.sm};
+    `,matchStatus:(n,k)=>{const m=k&&n==="success"?k==="beforeLoad"?"purple":"blue":{pending:"yellow",success:"green",error:"red",notFound:"purple"}[n];return o`
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 40px;
+        border-radius: ${D.border.radius.sm};
+        font-weight: ${D.font.weight.normal};
+        background-color: ${D.colors[m][900]}${D.alpha[90]};
+        color: ${D.colors[m][300]};
+        border: 1px solid ${D.colors[m][600]};
+        margin-bottom: ${D.size[2]};
+        transition: all 0.25s ease-out;
+      `},matchDetailsInfo:o`
+      display: flex;
+      justify-content: flex-end;
+      flex: 1;
+    `,matchDetailsInfoLabel:o`
+      display: flex;
+    `,mainCloseBtn:o`
+      background: ${e.darkGray[700]};
+      padding: ${t[1]} ${t[2]} ${t[1]} ${t[1.5]};
+      border-radius: ${a.radius.md};
+      position: fixed;
+      z-index: 99999;
+      display: inline-flex;
+      width: fit-content;
+      cursor: pointer;
+      appearance: none;
+      border: 0;
+      gap: 8px;
+      align-items: center;
+      border: 1px solid ${e.gray[500]};
+      font-size: ${i.size.xs};
+      cursor: pointer;
+      transition: all 0.25s ease-out;
+
+      &:hover {
+        background: ${e.darkGray[500]};
+      }
+    `,mainCloseBtnPosition:n=>o`
+        ${n==="top-left"?`top: ${t[2]}; left: ${t[2]};`:""}
+        ${n==="top-right"?`top: ${t[2]}; right: ${t[2]};`:""}
+        ${n==="bottom-left"?`bottom: ${t[2]}; left: ${t[2]};`:""}
+        ${n==="bottom-right"?`bottom: ${t[2]}; right: ${t[2]};`:""}
+      `,mainCloseBtnAnimation:n=>n?o`
+        opacity: 0;
+        pointer-events: none;
+        visibility: hidden;
+      `:o`
+          opacity: 1;
+          pointer-events: auto;
+          visibility: visible;
+        `,routerLogoCloseButton:o`
+      font-weight: ${i.weight.semibold};
+      font-size: ${i.size.xs};
+      background: linear-gradient(to right, #98f30c, #00f4a3);
+      background-clip: text;
+      -webkit-background-clip: text;
+      line-height: 1;
+      -webkit-text-fill-color: transparent;
+      white-space: nowrap;
+    `,mainCloseBtnDivider:o`
+      width: 1px;
+      background: ${D.colors.gray[600]};
+      height: 100%;
+      border-radius: 999999px;
+      color: transparent;
+    `,mainCloseBtnIconContainer:o`
+      position: relative;
+      width: ${t[5]};
+      height: ${t[5]};
+      background: pink;
+      border-radius: 999999px;
+      overflow: hidden;
+    `,mainCloseBtnIconOuter:o`
+      width: ${t[5]};
+      height: ${t[5]};
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      filter: blur(3px) saturate(1.8) contrast(2);
+    `,mainCloseBtnIconInner:o`
+      width: ${t[4]};
+      height: ${t[4]};
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    `,panelCloseBtn:o`
+      position: absolute;
+      cursor: pointer;
+      z-index: 100001;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      outline: none;
+      background-color: ${e.darkGray[700]};
+      &:hover {
+        background-color: ${e.darkGray[500]};
+      }
+
+      top: 0;
+      right: ${t[2]};
+      transform: translate(0, -100%);
+      border-right: ${e.darkGray[300]} 1px solid;
+      border-left: ${e.darkGray[300]} 1px solid;
+      border-top: ${e.darkGray[300]} 1px solid;
+      border-bottom: none;
+      border-radius: ${a.radius.sm} ${a.radius.sm} 0px 0px;
+      padding: ${t[1]} ${t[1.5]} ${t[.5]} ${t[1.5]};
+
+      &::after {
+        content: ' ';
+        position: absolute;
+        top: 100%;
+        left: -${t[2.5]};
+        height: ${t[1.5]};
+        width: calc(100% + ${t[5]});
+      }
+    `,panelCloseBtnIcon:o`
+      color: ${e.gray[400]};
+      width: ${t[2]};
+      height: ${t[2]};
+    `,navigateButton:o`
+      background: none;
+      border: none;
+      padding: 0 0 0 4px;
+      margin: 0;
+      color: ${e.gray[400]};
+      font-size: ${u.md};
+      cursor: pointer;
+      line-height: 1;
+      vertical-align: middle;
+      margin-right: 0.5ch;
+      flex-shrink: 0;
+      &:hover {
+        color: ${e.blue[300]};
+      }
+    `}};function xe(){const[r]=Q(Gt(pt($t)));return r}var Nt=r=>{try{const e=localStorage.getItem(r);return typeof e=="string"?JSON.parse(e):void 0}catch{return}};function dt(r,e){const[i,t]=Q();return Te(()=>{const a=Nt(r);t(typeof a>"u"||a===null?typeof e=="function"?e():e:a)}),[i,a=>{t(l=>{let v=a;typeof a=="function"&&(v=a(l));try{localStorage.setItem(r,JSON.stringify(v))}catch{}return v})}]}var Vt=typeof window>"u";function Ue(r){return r.isFetching&&r.status==="success"?r.isFetching==="beforeLoad"?"purple":"blue":{pending:"yellow",success:"green",error:"red",notFound:"purple"}[r.status]}function Ut(r,e){const i=r.find(t=>t.routeId===e.id);return i?Ue(i):"gray"}function zr(){const[r,e]=Q(!1);return(Vt?Te:w)(()=>{e(!0)}),r}var Jt=Symbol.for("tanstack.rsc.stream"),ct=Symbol.for("tanstack.rsc.renderable"),Ae=Symbol.for("tanstack.rsc.slotUsages");function Kt(r){let e=r.length;for(;e>0&&r[e-1]===void 0;)e--;return e===0||e===r.length?r:r.slice(0,e)}var Ye=r=>(typeof r=="object"||typeof r=="function")&&r!==null&&Jt in r,yt=r=>{if(!Ye(r))return null;const e=r;return ct in e&&e[ct]===!0?"renderableValue":"compositeSource"},xt=r=>{if(!Ye(r))return[];const e=r,i=[];if(Ae in e){const t=e[Ae];if(Array.isArray(t))for(const c of t){const a=c==null?void 0:c.slot;typeof a=="string"&&!i.includes(a)&&i.push(a)}}return i},Yt=r=>{if(!Ye(r))return[];const e=r;if(!(Ae in e))return[];const i=e[Ae];return Array.isArray(i)?i.filter(t=>t&&typeof t=="object"&&typeof t.slot=="string"&&(t.args===void 0||Array.isArray(t.args))):[]},qt=r=>{const e=Yt(r),i={};for(const t of e){const c=Kt(t.args??[]),a=i[t.slot]??(i[t.slot]={count:0,invocations:[]});a.count++,a.invocations.push(c)}return i},Ge=r=>{if(r==="React element")return"React element";const e=yt(r);if(e==="compositeSource"){const c=xt(r);return c.length>0?`RSC composite source (${c.length} ${c.length===1?"slot":"slots"})`:"RSC composite source"}if(e==="renderableValue")return"RSC renderable value";const i=Object.getOwnPropertyNames(Object(r)),t=typeof r=="bigint"?`${r.toString()}n`:r;try{return JSON.stringify(t,i)}catch{return"unable to stringify"}};function Wt(r,e=[i=>i]){return r.map((i,t)=>[i,t]).sort(([i,t],[c,a])=>{for(const l of e){const v=l(i),u=l(c);if(typeof v>"u"){if(typeof u>"u")continue;return 1}if(v!==u)return v>u?1:-1}return t-a}).map(([i])=>i)}var Zt=E('<span><svg xmlns=http://www.w3.org/2000/svg width=12 height=12 fill=none viewBox="0 0 24 24"><path stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 18l6-6-6-6">'),ze=E("<div>"),Qt=E("<button><span>:</span><span>"),Xt=E("<div><span>slots</span><div>"),ut=E("<span>:"),ft=E("<span>"),er=E("<button><span> "),tr=E("<div><div><button> [<!> ... <!>]"),rr=E("<button><span></span> 🔄 "),Ne=({expanded:r,style:e={}})=>{const i=Ct();return(()=>{var t=Zt(),c=t.firstChild;return w(a=>{var l=i().expander,v=V(i().expanderIcon(r));return l!==a.e&&s(t,a.e=l),v!==a.t&&le(c,"class",a.t=v),a},{e:void 0,t:void 0}),t})()};function nr(r,e){if(e<1)return[];let i=0;const t=[];for(;i<r.length;)t.push(r.slice(i,i+e)),i=i+e;return t}function ir(r){return Symbol.iterator in r}function or(r){if(!r||typeof r!="object")return!1;const e=Object.getPrototypeOf(r);return e===Object.prototype||e===null}function se({value:r,defaultExpanded:e,pageSize:i=100,filterSubEntries:t,...c}){const[a,l]=Q(!!e),v=()=>l(O=>!O),u=U(()=>typeof r()),o=U(()=>{let O=[];const Z=f=>{const y=e===!0?{[f.label]:!0}:e==null?void 0:e[f.label];return{...f,value:()=>f.value,defaultExpanded:y}};if(Array.isArray(r())&&r().length===2&&r()[0]==="React element"&&or(r()[1])){const f=r();O=[Z({label:"0",value:f[0]}),...Object.entries(f[1]).map(([y,j])=>Z({label:y,value:j}))]}else Array.isArray(r())?O=r().map((f,y)=>Z({label:y.toString(),value:f})):r()!==null&&typeof r()=="object"&&ir(r())&&typeof r()[Symbol.iterator]=="function"?O=Array.from(r(),(f,y)=>Z({label:y.toString(),value:f})):typeof r()=="object"&&r()!==null&&(O=Object.entries(r()).map(([f,y])=>Z({label:f,value:y})));return t?t(O):O}),n=U(()=>nr(o(),i)),[k,m]=Q([]),[A,N]=Q(void 0),p=Ct(),R=()=>{N(r()())},K=O=>S(se,Je({value:r,filterSubEntries:t},c,O)),W=U(()=>yt(r())),Ce=U(()=>xt(r())),Re=U(()=>qt(r())),Me=U(()=>W()==="compositeSource"&&Ce().length>0);return(()=>{var O=ze();return g(O,(()=>{var Z=L(()=>W()!==null);return()=>Z()?L(()=>!!Me())()?[(()=>{var f=Qt(),y=f.firstChild,j=y.firstChild,b=y.nextSibling;return f.$$click=()=>v(),g(f,S(Ne,{get expanded(){return a()??!1}}),y),g(y,()=>c.label,j),g(b,()=>Ge(r())),w(H=>{var M=p().expandButton,X=p().compositeComponent;return M!==H.e&&s(f,H.e=M),X!==H.t&&s(b,H.t=X),H},{e:void 0,t:void 0}),f})(),L(()=>L(()=>!!(a()??!1))()?(()=>{var f=Xt(),y=f.firstChild,j=y.nextSibling;return g(j,()=>Ce().map(b=>{const H=Re()[b];return H?S(se,{label:`${b}:`,value:()=>H.invocations.map(M=>M.length===1?M[0]:M)}):null})),w(b=>{var H=p().rscMetaRow,M=p().rscMetaLabel,X=p().subEntries;return H!==b.e&&s(f,b.e=H),M!==b.t&&s(y,b.t=M),X!==b.a&&s(j,b.a=X),b},{e:void 0,t:void 0,a:void 0}),f})():null)]:[(()=>{var f=ut(),y=f.firstChild;return g(f,()=>c.label,y),f})()," ",(()=>{var f=ft();return g(f,()=>Ge(r())),w(()=>s(f,W()==="compositeSource"?p().compositeComponent:p().renderableComponent)),f})()]:L(()=>!!n().length)()?[(()=>{var f=er(),y=f.firstChild,j=y.firstChild;return f.$$click=()=>v(),g(f,S(Ne,{get expanded(){return a()??!1}}),y),g(f,()=>c.label,y),g(y,()=>String(u).toLowerCase()==="iterable"?"(Iterable) ":"",j),g(y,()=>o().length,j),g(y,()=>o().length>1?"items":"item",null),w(b=>{var H=p().expandButton,M=p().info;return H!==b.e&&s(f,b.e=H),M!==b.t&&s(y,b.t=M),b},{e:void 0,t:void 0}),f})(),L(()=>L(()=>!!(a()??!1))()?L(()=>n().length===1)()?(()=>{var f=ze();return g(f,()=>o().map((y,j)=>K(y))),w(()=>s(f,p().subEntries)),f})():(()=>{var f=ze();return g(f,()=>n().map((y,j)=>(()=>{var b=tr(),H=b.firstChild,M=H.firstChild,X=M.firstChild,fe=X.nextSibling,we=fe.nextSibling.nextSibling;return we.nextSibling,M.$$click=()=>m(Y=>Y.includes(j)?Y.filter(C=>C!==j):[...Y,j]),g(M,S(Ne,{get expanded(){return k().includes(j)}}),X),g(M,j*i,fe),g(M,j*i+i-1,we),g(H,(()=>{var Y=L(()=>!!k().includes(j));return()=>Y()?(()=>{var C=ze();return g(C,()=>y.map(P=>K(P))),w(()=>s(C,p().subEntries)),C})():null})(),null),w(Y=>{var C=p().entry,P=V(p().labelButton,"labelButton");return C!==Y.e&&s(H,Y.e=C),P!==Y.t&&s(M,Y.t=P),Y},{e:void 0,t:void 0}),b})())),w(()=>s(f,p().subEntries)),f})():null)]:L(()=>u()==="function")()?S(se,{get label(){return(()=>{var f=rr(),y=f.firstChild;return f.$$click=R,g(y,()=>c.label),w(()=>s(f,p().refreshValueBtn)),f})()},value:A,defaultExpanded:{}}):[(()=>{var f=ut(),y=f.firstChild;return g(f,()=>c.label,y),f})()," ",(()=>{var f=ft();return g(f,()=>Ge(r())),w(()=>s(f,p().value)),f})()]})()),w(()=>s(O,p().entry)),O})()}var ar=r=>{const{colors:e,font:i,size:t,border:c}=D,{fontFamily:a,lineHeight:l,size:v}=i,u=r?ue.bind({target:r}):ue;return{entry:u`
+      font-family: ${a.mono};
+      font-size: ${v.xs};
+      line-height: ${l.sm};
+      outline: none;
+      word-break: break-word;
+    `,labelButton:u`
+      cursor: pointer;
+      color: inherit;
+      font: inherit;
+      outline: inherit;
+      background: transparent;
+      border: none;
+      padding: 0;
+    `,expander:u`
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: ${t[3]};
+      height: ${t[3]};
+      padding-left: 3px;
+      box-sizing: content-box;
+    `,expanderIcon:o=>o?u`
+          transform: rotate(90deg);
+          transition: transform 0.1s ease;
+        `:u`
+        transform: rotate(0deg);
+        transition: transform 0.1s ease;
+      `,expandButton:u`
+      display: flex;
+      gap: ${t[1]};
+      align-items: center;
+      cursor: pointer;
+      color: inherit;
+      font: inherit;
+      outline: inherit;
+      background: transparent;
+      border: none;
+      padding: 0;
+    `,value:u`
+      color: ${e.purple[400]};
+    `,compositeComponent:u`
+      display: inline-flex;
+      align-items: center;
+      padding: 1px ${t[1]};
+      border-radius: ${c.radius.full};
+      border: 1px solid ${e.darkGray[500]};
+      background: ${e.darkGray[700]};
+      color: ${e.cyan[300]};
+      font-style: normal;
+      font-weight: ${i.weight.medium};
+    `,renderableComponent:u`
+      display: inline-flex;
+      align-items: center;
+      padding: 1px ${t[1]};
+      border-radius: ${c.radius.full};
+      border: 1px solid ${e.darkGray[500]};
+      background: ${e.darkGray[700]};
+      color: ${e.teal[300]};
+      font-style: normal;
+      font-weight: ${i.weight.medium};
+    `,rscMetaRow:u`
+      display: flex;
+      gap: ${t[1]};
+      align-items: flex-start;
+      margin-left: calc(${t[3]} + ${t[1]});
+      margin-top: ${t[.5]};
+      flex-wrap: wrap;
+    `,rscMetaLabel:u`
+      color: ${e.gray[500]};
+      font-size: ${v["2xs"]};
+      text-transform: uppercase;
+      letter-spacing: 0.06em;
+      padding-top: 2px;
+    `,rscChipRow:u`
+      display: flex;
+      gap: ${t[1]};
+      flex-wrap: wrap;
+    `,rscChip:u`
+      display: inline-flex;
+      align-items: center;
+      gap: ${t[.5]};
+      padding: 1px ${t[1]};
+      border-radius: ${c.radius.full};
+      border: 1px solid ${e.darkGray[500]};
+      background: ${e.darkGray[800]};
+      color: ${e.gray[200]};
+      font-size: ${v["2xs"]};
+      line-height: ${l.xs};
+    `,rscChipName:u`
+      color: ${e.gray[100]};
+    `,rscChipMeta:u`
+      color: ${e.gray[400]};
+      font-size: ${v["2xs"]};
+    `,subEntries:u`
+      margin-left: ${t[2]};
+      padding-left: ${t[2]};
+      border-left: 2px solid ${e.darkGray[400]};
+    `,info:u`
+      color: ${e.gray[500]};
+      font-size: ${v["2xs"]};
+      padding-left: ${t[1]};
+    `,refreshValueBtn:u`
+      appearance: none;
+      border: 0;
+      cursor: pointer;
+      background: transparent;
+      color: inherit;
+      padding: 0;
+      font-family: ${a.mono};
+      font-size: ${v.xs};
+    `}};function Ct(){const[r]=Q(ar(pt($t)));return r}Ke(["click"]);var sr=E("<div><div></div><div>/</div><div></div><div>/</div><div>");function Ve(r){const e=["s","min","h","d"],i=[r/1e3,r/6e4,r/36e5,r/864e5];let t=0;for(let c=1;c<i.length&&!(i[c]<1);c++)t=c;return new Intl.NumberFormat(navigator.language,{compactDisplay:"short",notation:"compact",maximumFractionDigits:0}).format(i[t])+e[t]}function Ee({match:r,router:e}){const i=xe();if(!r)return null;const t=e().routesById[r.routeId];if(!t.options.loader)return null;const c=Date.now()-r.updatedAt,a=t.options.staleTime??e().options.defaultStaleTime??0,l=t.options.gcTime??e().options.defaultGcTime??3e5;return(()=>{var v=sr(),u=v.firstChild,o=u.nextSibling.nextSibling,n=o.nextSibling.nextSibling;return g(u,()=>Ve(c)),g(o,()=>Ve(a)),g(n,()=>Ve(l)),w(()=>s(v,V(i().ageTicker(c>a)))),v})()}var lr=E("<button type=button>➔");function Ie({to:r,params:e,search:i,router:t}){const c=xe();return(()=>{var a=lr();return a.$$click=l=>{l.stopPropagation(),t().navigate({to:r,params:e,search:i})},le(a,"title",`Navigate to ${r}`),w(()=>s(a,c().navigateButton)),a})()}Ke(["click"]);var dr=E("<button><div>TANSTACK</div><div>TanStack Router v1"),cr=E("<div style=display:flex;align-items:center;width:100%><div style=flex-grow:1;min-width:0>"),ur=E("<code> "),ye=E("<code>"),fr=E("<div><div role=button><div>"),Be=E("<div>"),gr=E("<div><ul>"),vr=E('<div><button><svg xmlns=http://www.w3.org/2000/svg width=10 height=6 fill=none viewBox="0 0 10 6"><path stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.667 d="M1 1l4 4 4-4"></path></svg></button><div><div></div><div><div></div></div></div><div><div><div><span>Pathname</span></div><div><code></code></div><div><div><button type=button>Routes</button><button type=button>Matches</button><button type=button>History</button></div><div><div>age / staleTime / gcTime</div></div></div><div>'),hr=E("<div><span>masked"),gt=E("<div role=button><div>"),pr=E("<li><div>"),mr=E("<li>This panel displays the most recent 15 navigations."),$r=E("<div><div><div>Cached Matches</div><div>age / staleTime / gcTime</div></div><div>"),br=E("<div><div>Match Details</div><div><div><div><div></div></div><div><div>ID:</div><div><code></code></div></div><div><div>State:</div><div></div></div><div><div>Last Updated:</div><div></div></div></div></div><div>Explorer</div><div>"),yr=E("<div>Loader Data"),xr=E("<div><div><span>Search Params</span></div><div>"),Cr=E("<span style=margin-left:0.5rem>"),wr=E('<button type=button aria-label="Copy value to clipboard"style=cursor:pointer>'),vt=15;function kr(r){const{className:e,...i}=r,t=xe();return(()=>{var c=dr(),a=c.firstChild,l=a.nextSibling;return ht(c,Je(i,{get class(){return V(t().logo,e?e():"")}}),!1,!0),w(v=>{var u=t().tanstackLogo,o=t().routerLogo;return u!==v.e&&s(a,v.e=u),o!==v.t&&s(l,v.t=o),v},{e:void 0,t:void 0}),c})()}function De(r){return(()=>{var e=cr(),i=e.firstChild;return g(e,()=>r.left,i),g(i,()=>r.children),g(e,()=>r.right,null),w(()=>s(e,r.class)),e})()}function wt({routerState:r,pendingMatches:e,router:i,route:t,isRoot:c,activeId:a,setActiveId:l}){const v=xe(),u=U(()=>e().length?e():r().matches),o=U(()=>r().matches.find(m=>m.routeId===t.id)),n=U(()=>{var m,A;try{if((m=o())!=null&&m.params){const N=(A=o())==null?void 0:A.params,p=t.path||st(t.id);if(p.startsWith("$")){const R=p.slice(1);if(N[R])return`(${N[R]})`}}return""}catch{return""}}),k=U(()=>{if(c||!t.path)return;const m=Object.assign({},...u().map(p=>p.params)),A=Tt(t),N=A?At(t.fullPath,A,m,i().pathParamsDecoder):t.fullPath;return A&&Rt(A,m)?void 0:N});return(()=>{var m=fr(),A=m.firstChild,N=A.firstChild;return A.$$click=()=>{o()&&l(a()===t.id?"":t.id)},g(A,S(De,{get class(){return V(v().routesRow(!!o()))},get left(){return S(It,{get when(){return k()},children:p=>S(Ie,{get to(){return p()},router:i})})},get right(){return S(Ee,{get match(){return o()},router:i})},get children(){return[(()=>{var p=ur(),R=p.firstChild;return g(p,()=>c?be:t.path||st(t.id),R),w(()=>s(p,v().code)),p})(),(()=>{var p=ye();return g(p,n),w(()=>s(p,v().routeParamInfo)),p})()]}}),null),g(m,(()=>{var p=L(()=>{var R;return!!((R=t.children)!=null&&R.length)});return()=>p()?(()=>{var R=Be();return g(R,()=>[...t.children].sort((K,W)=>K.rank-W.rank).map(K=>S(wt,{routerState:r,pendingMatches:e,router:i,route:K,activeId:a,setActiveId:l}))),w(()=>s(R,v().nestedRouteRow(!!c))),R})():null})(),null),w(p=>{var R=`Open match details for ${t.id}`,K=V(v().routesRowContainer(t.id===a(),!!o())),W=V(v().matchIndicator(Ut(u(),t)));return R!==p.e&&le(A,"aria-label",p.e=R),K!==p.t&&s(A,p.t=K),W!==p.a&&s(N,p.a=W),p},{e:void 0,t:void 0,a:void 0}),m})()}var Er=function({...e}){const{isOpen:i=!0,setIsOpen:t,handleDragStart:c,router:a,routerState:l,shadowDOMTarget:v,...u}=e,{onCloseClick:o}=_t(),n=xe(),{className:k,style:m,...A}=u,[N,p]=dt("tanstackRouterDevtoolsActiveTab","routes"),[R,K]=dt("tanstackRouterDevtoolsActiveRouteId",""),[W,Ce]=Q([]),[Re,Me]=Q(!1),O=()=>{const C=l().matches;return C.some(P=>P.status==="pending")?C:[]};let Z=a()._cache,f=[...Z.values()];const[y,j]=Q(f);Te(()=>{const C=()=>{const ee=a()._cache;let q=ee.size!==f.length;if(!q){let ie=0;for(const de of ee.values())if(de!==f[ie++]){q=!0;break}}(ee!==Z||q)&&(Z=ee,f=[...ee.values()],j(f))};C();const P=setInterval(C,500);mt(()=>clearInterval(P))}),Te(()=>{const C=l().matches,P=C[C.length-1];if(!P)return;const ee=Bt(()=>W()),q=ee[0],ie=q&&q.pathname===P.pathname&&JSON.stringify(q.search??{})===JSON.stringify(P.search??{});(!q||!ie)&&(ee.length>=vt&&Me(!0),Ce(de=>{const ge=[P,...de];return ge.splice(vt),ge}))});const b=U(()=>[...O(),...l().matches,...y()].find(C=>C.routeId===R()||C.id===R())),H=U(()=>Dt(l().location.search)),M=U(()=>({...a(),state:l()})),X=U(()=>Object.fromEntries(Wt(Object.keys(M()),["state","routesById","routesByPath","options","manifest"].map(C=>P=>P!==C)).map(C=>[C,M()[C]]).filter(C=>typeof C[1]!="function"&&!["stores","basepath","subscribers","_scroll","tempLocationKey","latestLocation","routeTree","history"].includes(C[0])))),fe=U(()=>{var C;return(C=b())==null?void 0:C.loaderData}),we=U(()=>b()),Y=U(()=>l().location.search);return(()=>{var C=vr(),P=C.firstChild,ee=P.firstChild,q=P.nextSibling,ie=q.firstChild,de=ie.nextSibling,ge=de.firstChild,Pe=q.nextSibling,qe=Pe.firstChild,ke=qe.firstChild;ke.firstChild;var Se=ke.nextSibling,kt=Se.firstChild,Le=Se.nextSibling,Oe=Le.firstChild,_e=Oe.firstChild,Fe=_e.nextSibling,je=Fe.nextSibling,St=Oe.nextSibling,We=Le.nextSibling;return ht(C,Je({get class(){return V(n().devtoolsPanel,"TanStackRouterDevtoolsPanel",k?k():"")},get style(){return m?m():""}},A),!1,!0),g(C,c?(()=>{var d=Be();return Ft(d,"mousedown",c,!0),w(()=>s(d,n().dragHandle)),d})():null,P),P.$$click=d=>{t&&t(!1),o(d)},g(ie,S(kr,{"aria-hidden":!0,onClick:d=>{t&&t(!1),o(d)}})),g(ge,S(se,{label:"Router",value:X,defaultExpanded:{state:{},context:{},options:{}},filterSubEntries:d=>d.filter($=>typeof $.value()!="function")})),g(ke,(()=>{var d=L(()=>!!l().location.maskedLocation);return()=>d()?(()=>{var $=hr(),F=$.firstChild;return w(I=>{var _=n().maskedBadgeContainer,h=n().maskedBadge;return _!==I.e&&s($,I.e=_),h!==I.t&&s(F,I.t=h),I},{e:void 0,t:void 0}),$})():null})(),null),g(kt,()=>l().location.pathname),g(Se,(()=>{var d=L(()=>!!l().location.maskedLocation);return()=>d()?(()=>{var $=ye();return g($,()=>{var F;return(F=l().location.maskedLocation)==null?void 0:F.pathname}),w(()=>s($,n().maskedLocation)),$})():null})(),null),_e.$$click=()=>{p("routes")},Fe.$$click=()=>{p("matches")},je.$$click=()=>{p("history")},g(We,S(Et,{get children(){return[S(He,{get when(){return N()==="routes"},get children(){return S(wt,{routerState:l,pendingMatches:O,router:a,get route(){return a().routeTree},isRoot:!0,activeId:R,setActiveId:K})}}),S(He,{get when(){return N()==="matches"},get children(){var d=Be();return g(d,()=>(O().length?O():l().matches).map(($,F)=>(()=>{var I=gt(),_=I.firstChild;return I.$$click=()=>K(R()===$.id?"":$.id),g(I,S(De,{get left(){return S(Ie,{get to(){return $.pathname},get params(){return $.params},get search(){return $.search},router:a})},get right(){return S(Ee,{match:$,router:a})},get children(){var h=ye();return g(h,()=>`${$.routeId===be?be:$.pathname}`),w(()=>s(h,n().matchID)),h}}),null),w(h=>{var z=`Open match details for ${$.id}`,G=V(n().matchRow($===b())),T=V(n().matchIndicator(Ue($)));return z!==h.e&&le(I,"aria-label",h.e=z),G!==h.t&&s(I,h.t=G),T!==h.a&&s(_,h.a=T),h},{e:void 0,t:void 0,a:void 0}),I})())),d}}),S(He,{get when(){return N()==="history"},get children(){var d=gr(),$=d.firstChild;return g($,S(zt,{get each(){return W()},children:(F,I)=>(()=>{var _=pr(),h=_.firstChild;return g(_,S(De,{get left(){return S(Ie,{get to(){return F.pathname},get params(){return F.params},get search(){return F.search},router:a})},get right(){return S(Ee,{match:F,router:a})},get children(){var z=ye();return g(z,()=>`${F.routeId===be?be:F.pathname}`),w(()=>s(z,n().matchID)),z}}),null),w(z=>{var G=V(n().matchRow(F===b())),T=V(n().matchIndicator(I()===0?"green":"gray"));return G!==z.e&&s(_,z.e=G),T!==z.t&&s(h,z.t=T),z},{e:void 0,t:void 0}),_})()}),null),g($,(()=>{var F=L(()=>!!Re());return()=>F()?(()=>{var I=mr();return w(()=>s(I,n().historyOverflowContainer)),I})():null})(),null),d}})]}})),g(Pe,(()=>{var d=L(()=>!!y().length);return()=>d()?(()=>{var $=$r(),F=$.firstChild,I=F.firstChild.nextSibling,_=F.nextSibling;return g(_,()=>y().map(h=>(()=>{var z=gt(),G=z.firstChild;return z.$$click=()=>K(R()===h.id?"":h.id),g(z,S(De,{get left(){return S(Ie,{get to(){return h.pathname},get params(){return h.params},get search(){return h.search},router:a})},get right(){return S(Ee,{match:h,router:a})},get children(){var T=ye();return g(T,()=>`${h.id}`),w(()=>s(T,n().matchID)),T}}),null),w(T=>{var oe=`Open match details for ${h.id}`,te=V(n().matchRow(h===b())),re=V(n().matchIndicator(Ue(h)));return oe!==T.e&&le(z,"aria-label",T.e=oe),te!==T.t&&s(z,T.t=te),re!==T.a&&s(G,T.a=re),T},{e:void 0,t:void 0,a:void 0}),z})())),w(h=>{var z=n().cachedMatchesContainer,G=n().detailsHeader,T=n().detailsHeaderInfo;return z!==h.e&&s($,h.e=z),G!==h.t&&s(F,h.t=G),T!==h.a&&s(I,h.a=T),h},{e:void 0,t:void 0,a:void 0}),$})():null})(),null),g(C,(()=>{var d=L(()=>{var $;return!!(b()&&(($=b())!=null&&$.status))});return()=>d()?(()=>{var $=br(),F=$.firstChild,I=F.nextSibling,_=I.firstChild,h=_.firstChild,z=h.firstChild,G=h.nextSibling,T=G.firstChild.nextSibling,oe=T.firstChild,te=G.nextSibling,re=te.firstChild.nextSibling,ve=te.nextSibling,he=ve.firstChild.nextSibling,ce=I.nextSibling,pe=ce.nextSibling;return g(z,(()=>{var x=L(()=>{var B,J;return!!(((B=b())==null?void 0:B.status)==="success"&&((J=b())!=null&&J.isFetching))});return()=>{var B;return x()?"fetching":(B=b())==null?void 0:B.status}})()),g(oe,()=>{var x;return(x=b())==null?void 0:x.id}),g(re,(()=>{var x=L(()=>!!O().find(B=>{var J;return B.id===((J=b())==null?void 0:J.id)}));return()=>x()?"Pending":l().matches.find(B=>{var J;return B.id===((J=b())==null?void 0:J.id)})?"Active":"Cached"})()),g(he,(()=>{var x=L(()=>{var B;return!!((B=b())!=null&&B.updatedAt)});return()=>{var B;return x()?new Date((B=b())==null?void 0:B.updatedAt).toLocaleTimeString():"N/A"}})()),g($,(()=>{var x=L(()=>!!fe());return()=>x()?[(()=>{var B=yr();return w(()=>s(B,n().detailsHeader)),B})(),(()=>{var B=Be();return g(B,S(se,{label:"loaderData",value:fe,defaultExpanded:{}})),w(()=>s(B,n().detailsContent)),B})()]:null})(),ce),g(pe,S(se,{label:"Match",value:we,defaultExpanded:{}})),w(x=>{var ot,at;var B=n().thirdContainer,J=n().detailsHeader,me=n().matchDetails,$e=n().matchStatus((ot=b())==null?void 0:ot.status,(at=b())==null?void 0:at.isFetching),Ze=n().matchDetailsInfoLabel,Qe=n().matchDetailsInfo,Xe=n().matchDetailsInfoLabel,et=n().matchDetailsInfo,tt=n().matchDetailsInfoLabel,rt=n().matchDetailsInfo,nt=n().detailsHeader,it=n().detailsContent;return B!==x.e&&s($,x.e=B),J!==x.t&&s(F,x.t=J),me!==x.a&&s(_,x.a=me),$e!==x.o&&s(h,x.o=$e),Ze!==x.i&&s(G,x.i=Ze),Qe!==x.n&&s(T,x.n=Qe),Xe!==x.s&&s(te,x.s=Xe),et!==x.h&&s(re,x.h=et),tt!==x.r&&s(ve,x.r=tt),rt!==x.d&&s(he,x.d=rt),nt!==x.l&&s(ce,x.l=nt),it!==x.u&&s(pe,x.u=it),x},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0,r:void 0,d:void 0,l:void 0,u:void 0}),$})():null})(),null),g(C,(()=>{var d=L(()=>!!H());return()=>d()?(()=>{var $=xr(),F=$.firstChild;F.firstChild;var I=F.nextSibling;return g(F,typeof navigator<"u"?(()=>{var _=Cr();return g(_,S(Sr,{getValue:()=>{const h=l().location.search;return JSON.stringify(h)}})),_})():null,null),g(I,S(se,{value:Y,get defaultExpanded(){return Object.keys(l().location.search).reduce((_,h)=>(_[h]={},_),{})}})),w(_=>{var h=n().fourthContainer,z=n().detailsHeader,G=n().detailsContent;return h!==_.e&&s($,_.e=h),z!==_.t&&s(F,_.t=z),G!==_.a&&s(I,_.a=G),_},{e:void 0,t:void 0,a:void 0}),$})():null})(),null),w(d=>{var $=n().panelCloseBtn,F=n().panelCloseBtnIcon,I=n().firstContainer,_=n().row,h=n().routerExplorerContainer,z=n().routerExplorer,G=n().secondContainer,T=n().matchesContainer,oe=n().detailsHeader,te=n().detailsContent,re=n().detailsHeader,ve=n().routeMatchesToggle,he=N()==="routes",ce=V(n().routeMatchesToggleBtn(N()==="routes",!0)),pe=N()==="matches",x=V(n().routeMatchesToggleBtn(N()==="matches",!0)),B=N()==="history",J=V(n().routeMatchesToggleBtn(N()==="history",!1)),me=n().detailsHeaderInfo,$e=V(n().routesContainer);return $!==d.e&&s(P,d.e=$),F!==d.t&&le(ee,"class",d.t=F),I!==d.a&&s(q,d.a=I),_!==d.o&&s(ie,d.o=_),h!==d.i&&s(de,d.i=h),z!==d.n&&s(ge,d.n=z),G!==d.s&&s(Pe,d.s=G),T!==d.h&&s(qe,d.h=T),oe!==d.r&&s(ke,d.r=oe),te!==d.d&&s(Se,d.d=te),re!==d.l&&s(Le,d.l=re),ve!==d.u&&s(Oe,d.u=ve),he!==d.c&&(_e.disabled=d.c=he),ce!==d.w&&s(_e,d.w=ce),pe!==d.m&&(Fe.disabled=d.m=pe),x!==d.f&&s(Fe,d.f=x),B!==d.y&&(je.disabled=d.y=B),J!==d.g&&s(je,d.g=J),me!==d.p&&s(St,d.p=me),$e!==d.b&&s(We,d.b=$e),d},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0,r:void 0,d:void 0,l:void 0,u:void 0,c:void 0,w:void 0,m:void 0,f:void 0,y:void 0,g:void 0,p:void 0,b:void 0}),C})()};function Sr({getValue:r}){const[e,i]=Q(!1);let t=null;const c=async()=>{var a;if(typeof navigator>"u"||!((a=navigator.clipboard)!=null&&a.writeText)){console.warn("TanStack Router Devtools: Clipboard API unavailable");return}try{const l=r();await navigator.clipboard.writeText(l),i(!0),t&&clearTimeout(t),t=setTimeout(()=>i(!1),2500)}catch(l){console.error("TanStack Router Devtools: Failed to copy",l)}};return mt(()=>{t&&clearTimeout(t)}),(()=>{var a=wr();return a.$$click=c,g(a,()=>e()?"✅":"📋"),w(()=>le(a,"title",e()?"Copied!":"Copy")),a})()}Ke(["click","mousedown"]);export{Er as BaseTanStackRouterDevtoolsPanel,Er as default,dt as n,xe as r,zr as t};