jinn-cli 0.3.0 → 0.3.1

package/dist/web/_next/static/chunks/app/org/{page-d5cd8d9b7864737b.js → page-cd9d362e77f4799e.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[423],{41:(e,t,r)=>{"use strict";function a(e){let{reason:t,children:r}=e;return r}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"BailoutToCSR",{enumerable:!0,get:function(){return a}}),r(7005)},1108:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>w});var a=r(8111),n=r(5271),i=r(4074),l=r.n(i),s=r(3176);let o={executive:"\uD83C\uDFAF",manager:"\uD83D\uDCCB",senior:"⭐",employee:"\uD83D\uDC64"};function d(e){let{rank:t}=e,r={executive:{bg:"color-mix(in srgb, var(--system-purple) 15%, transparent)",text:"var(--system-purple)"},manager:{bg:"color-mix(in srgb, var(--system-blue) 15%, transparent)",text:"var(--system-blue)"},senior:{bg:"color-mix(in srgb, var(--system-green) 15%, transparent)",text:"var(--system-green)"},employee:{bg:"var(--fill-tertiary)",text:"var(--text-tertiary)"}},n=r[t]||r.employee;return(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",color:n.text,background:n.bg,padding:"2px 10px",borderRadius:10,textTransform:"uppercase",letterSpacing:"0.02em"},children:t})}function c(e){let{name:t}=e,[r,i]=(0,n.useState)(null),[l,c]=(0,n.useState)([]),[p,u]=(0,n.useState)(!0),[v,x]=(0,n.useState)(null),[g,f]=(0,n.useState)(!1);if((0,n.useEffect)(()=>{u(!0),x(null),f(!1),Promise.all([s.F.getEmployee(t),s.F.getSessions()]).then(e=>{let[r,a]=e;i(r),c(a.filter(e=>e.employee===t).slice(0,10))}).catch(e=>x(e.message)).finally(()=>u(!1))},[t]),p)return(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:256,color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."});if(v)return(0,a.jsxs)("div",{style:{borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-caption1)",color:"var(--system-red)"},children:["Failed to load employee: ",v]});if(!r)return null;let m=r.rank||"employee",y=o[m]||o.employee,h=r.persona||"",b=h.length>200&&!g?h.slice(0,200)+"...":h;return(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-6)"},children:[(0,a.jsxs)("div",{style:{borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)",background:"var(--material-regular)",padding:"var(--space-6)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",marginBottom:"var(--space-4)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)"},children:[(0,a.jsx)("span",{style:{fontSize:28,lineHeight:1},children:y}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",letterSpacing:"var(--tracking-tight)",color:"var(--text-primary)",margin:0},children:r.displayName||r.name}),(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",margin:"2px 0 0",fontFamily:"var(--font-mono)"},children:r.name})]})]}),(0,a.jsx)(d,{rank:m})]}),(0,a.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"var(--space-4)"},children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",textTransform:"uppercase",letterSpacing:"var(--tracking-wide)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Department"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-primary)",margin:0},children:r.department||"None"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",textTransform:"uppercase",letterSpacing:"var(--tracking-wide)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Engine"}),(0,a.jsxs)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-primary)",margin:0},children:[r.engine||"claude"," ",(0,a.jsxs)("span",{style:{color:"var(--text-tertiary)"},children:["/ ",r.model||"default"]})]})]})]}),h&&(0,a.jsxs)("div",{style:{marginTop:"var(--space-4)",paddingTop:"var(--space-4)",borderTop:"1px solid var(--separator)"},children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",textTransform:"uppercase",letterSpacing:"var(--tracking-wide)",color:"var(--text-tertiary)",marginBottom:"var(--space-2)"},children:"Persona"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-secondary)",lineHeight:"var(--leading-relaxed)",whiteSpace:"pre-wrap",margin:0},children:b}),h.length>200&&(0,a.jsx)("button",{onClick:()=>f(!g),style:{fontSize:"var(--text-caption1)",color:"var(--accent)",background:"none",border:"none",cursor:"pointer",padding:0,marginTop:"var(--space-1)"},children:g?"Show less":"Show more"})]})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",letterSpacing:"var(--tracking-wide)",textTransform:"uppercase",color:"var(--text-tertiary)",marginBottom:"var(--space-3)"},children:"Recent Sessions"}),0===l.length?(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",textAlign:"center",padding:"var(--space-6) 0"},children:"No sessions found for this employee."}):(0,a.jsx)("div",{style:{borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)",background:"var(--material-regular)",overflow:"hidden"},children:l.map((e,t)=>(0,a.jsxs)("div",{style:{padding:"var(--space-3) var(--space-5)",display:"flex",alignItems:"center",justifyContent:"space-between",borderTop:t>0?"1px solid var(--separator)":void 0},children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",fontFamily:"var(--font-mono)",color:"var(--text-primary)",margin:0},children:e.id.slice(0,8)}),(0,a.jsxs)("p",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2},children:[e.source||"unknown"," ",e.createdAt?new Date(e.createdAt).toLocaleDateString():""]})]}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",padding:"2px 8px",borderRadius:10,..."running"===e.status?{background:"color-mix(in srgb, var(--system-green) 15%, transparent)",color:"var(--system-green)"}:"error"===e.status?{background:"color-mix(in srgb, var(--system-red) 15%, transparent)",color:"var(--system-red)"}:{background:"var(--fill-tertiary)",color:"var(--text-tertiary)"}},children:e.status||"idle"})]},e.id))})]})]})}var p=r(9772);let u={executive:"\uD83C\uDFAF",manager:"\uD83D\uDCCB",senior:"⭐",employee:"\uD83D\uDC64"};function v(e){let{employee:t,selected:r,onSelect:n}=e,i=u[t.rank]||u.employee;return(0,a.jsxs)("button",{onClick:n,style:{display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"var(--material-regular)",border:r?"1.5px solid var(--accent)":"1px solid var(--separator)",cursor:"pointer",width:"100%",textAlign:"left",transition:"all 150ms ease",boxShadow:r?"0 0 0 1px var(--accent), var(--shadow-subtle)":"var(--shadow-subtle)"},children:[(0,a.jsx)("span",{style:{fontSize:24,lineHeight:1,flexShrink:0},children:i}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",lineHeight:"var(--leading-tight)"},children:t.displayName||t.name}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",marginTop:1},children:t.department})]}),(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"flex-end",gap:4,flexShrink:0},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",color:"var(--accent)",background:"var(--accent-fill)",padding:"1px 7px",borderRadius:10},children:t.engine}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-medium)",color:"var(--text-quaternary)",background:"var(--fill-quaternary)",padding:"1px 7px",borderRadius:10},children:t.model})]})]})}function x(e){let{label:t,count:r,children:n}=e;return(0,a.jsx)(p.Zp,{className:"p-0 shadow-none",style:{background:"var(--bg-secondary)",borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)"},children:(0,a.jsxs)(p.Wu,{className:"p-4",style:{display:"flex",flexDirection:"column",gap:"var(--space-2)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginBottom:"var(--space-1)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",letterSpacing:"var(--tracking-wide)",textTransform:"uppercase",color:"var(--text-tertiary)"},children:t}),(0,a.jsxs)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-quaternary)",marginLeft:"auto"},children:[r," employee",1!==r?"s":""]})]}),n]})})}function g(e){let{employees:t,selectedName:r,onSelect:n}=e,i=new Map,l=[];for(let e of t)if(e.department){let t=i.get(e.department)||[];t.push(e),i.set(e.department,t)}else l.push(e);let s=t.find(e=>"executive"===e.rank);return(0,a.jsxs)("div",{style:{overflowY:"auto",padding:"var(--space-6)",height:"100%"},children:[s&&(0,a.jsxs)("button",{onClick:()=>n(s),style:{display:"flex",alignItems:"center",gap:"var(--space-5)",width:"100%",padding:"var(--space-5) var(--space-6)",borderRadius:"var(--radius-xl, 20px)",background:"var(--material-regular)",border:r===s.name?"1.5px solid var(--accent)":"1px solid var(--separator)",cursor:"pointer",textAlign:"left",marginBottom:"var(--space-6)",transition:"all 150ms ease",boxShadow:r===s.name?"0 0 0 1px var(--accent), var(--shadow-card)":"var(--shadow-card)"},children:[(0,a.jsx)("span",{style:{fontSize:40,lineHeight:1},children:u.executive}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",letterSpacing:"var(--tracking-tight)",lineHeight:"var(--leading-tight)"},children:s.displayName||s.name}),(0,a.jsx)("div",{style:{fontSize:"var(--text-subheadline)",color:"var(--text-secondary)",marginTop:2},children:s.department})]}),(0,a.jsxs)("div",{style:{display:"flex",gap:"var(--space-4)",flexShrink:0},children:[(0,a.jsxs)("div",{style:{textAlign:"center"},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",lineHeight:1},children:t.length}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2},children:"employees"})]}),(0,a.jsx)("div",{style:{width:1,alignSelf:"stretch",background:"var(--separator)"}}),(0,a.jsxs)("div",{style:{textAlign:"center"},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",lineHeight:1},children:i.size}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2},children:"depts"})]})]})]}),(0,a.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(300px, 1fr))",gap:"var(--space-5)",alignItems:"start"},children:[Array.from(i.entries()).map(e=>{let[t,i]=e,l=i.filter(e=>e.name!==(null==s?void 0:s.name));return 0===l.length?null:(0,a.jsx)(x,{label:t,count:l.length,children:l.map(e=>(0,a.jsx)(v,{employee:e,selected:r===e.name,onSelect:()=>n(e)},e.name))},t)}),l.length>0&&(0,a.jsx)(x,{label:"Unassigned",count:l.filter(e=>e.name!==(null==s?void 0:s.name)).length,children:l.filter(e=>e.name!==(null==s?void 0:s.name)).map(e=>(0,a.jsx)(v,{employee:e,selected:r===e.name,onSelect:()=>n(e)},e.name))})]})]})}let f={executive:"\uD83C\uDFAF",manager:"\uD83D\uDCCB",senior:"⭐",employee:"\uD83D\uDC64"};function m(e){let{rank:t}=e,r={executive:{bg:"color-mix(in srgb, var(--system-purple) 15%, transparent)",text:"var(--system-purple)"},manager:{bg:"color-mix(in srgb, var(--system-blue) 15%, transparent)",text:"var(--system-blue)"},senior:{bg:"color-mix(in srgb, var(--system-green) 15%, transparent)",text:"var(--system-green)"},employee:{bg:"var(--fill-tertiary)",text:"var(--text-tertiary)"}},n=r[t]||r.employee;return(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",color:n.text,background:n.bg,padding:"2px 8px",borderRadius:10,textTransform:"uppercase",letterSpacing:"0.02em"},children:t})}function y(e){let{employees:t,selectedName:r,onSelect:n}=e,i={executive:0,manager:1,senior:2,employee:3},l=[...t].sort((e,t)=>{var r,a;return(null!=(r=i[e.rank])?r:3)-(null!=(a=i[t.rank])?a:3)});return(0,a.jsxs)("div",{style:{overflowY:"auto",padding:"var(--space-6)",height:"100%"},children:[(0,a.jsx)("div",{style:{display:"flex",gap:"var(--space-3)",marginBottom:"var(--space-5)"},children:["executive","manager","senior","employee"].map(e=>{let r=t.filter(t=>t.rank===e).length;return(0,a.jsxs)("div",{style:{flex:1,background:"var(--material-regular)",border:"1px solid var(--separator)",borderRadius:"var(--radius-md, 12px)",padding:"var(--space-3) var(--space-4)",display:"flex",alignItems:"center",gap:"var(--space-3)"},children:[(0,a.jsx)("span",{style:{fontSize:20},children:f[e]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",lineHeight:1},children:r}),(0,a.jsxs)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2,textTransform:"capitalize"},children:[e,"s"]})]})]},e)})}),0===l.length?(0,a.jsx)("div",{style:{textAlign:"center",padding:"var(--space-16) var(--space-4)",color:"var(--text-tertiary)"},children:(0,a.jsx)("div",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-medium)"},children:"No employees found"})}):(0,a.jsx)("div",{style:{background:"var(--bg-secondary)",borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)",overflow:"hidden"},children:l.map((e,t)=>{let i=r===e.name,l=f[e.rank]||f.employee;return(0,a.jsxs)("button",{onClick:()=>n(e),style:{display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",width:"100%",background:i?"var(--fill-secondary)":"transparent",border:"none",borderTop:t>0?"1px solid var(--separator)":void 0,cursor:"pointer",textAlign:"left",transition:"background 150ms ease"},children:[(0,a.jsx)("span",{style:{fontSize:20,lineHeight:1,flexShrink:0},children:l}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:e.displayName||e.name}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",color:"var(--text-quaternary)",fontFamily:"var(--font-mono)"},children:e.name})]}),(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginTop:2},children:(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)"},children:e.department||"No department"})})]}),(0,a.jsx)(m,{rank:e.rank})]},e.name)})})]})}var h=r(3073),b=r(1142),j=r(2755);let S=l()(()=>Promise.all([r.e(763),r.e(874),r.e(517)]).then(r.bind(r,7898)).then(e=>({default:e.OrgMap})),{loadableGenerated:{webpack:()=>[7898]},ssr:!1,loading:()=>(0,a.jsx)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:"var(--space-3)",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading map..."})});function w(){var e,t,r;let[i,l]=(0,n.useState)([]),[o,d]=(0,n.useState)(!0),[p,u]=(0,n.useState)(null),[v,x]=(0,n.useState)(null),[f,m]=(0,n.useState)("map"),w=(0,n.useRef)(null),{settings:k}=(0,j.t0)(),z=(0,n.useCallback)(()=>{d(!0),u(null),s.F.getOrg().then(async e=>{var t,r;let a=await Promise.all(e.employees.map(async e=>{try{return await s.F.getEmployee(e)}catch(t){return{name:e,displayName:e,department:"",rank:"employee",engine:"unknown",model:"unknown",persona:""}}}));l([{name:(null!=(t=k.portalName)?t:"Jinn").toLowerCase(),displayName:null!=(r=k.portalName)?r:"Jinn",department:"",rank:"executive",engine:"claude",model:"opus",persona:"COO and AI gateway daemon"},...a])}).catch(e=>u(e.message)).finally(()=>d(!1))},[k.portalName]);(0,n.useEffect)(()=>{z()},[z]),(0,n.useEffect)(()=>{v&&w.current&&w.current.focus()},[v]),(0,n.useEffect)(()=>{function e(e){"Escape"===e.key&&v&&x(null)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[v]);let C=(0,n.useCallback)(e=>{x(e)},[]);return p?(0,a.jsx)(h.M,{children:(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:"var(--space-4)",color:"var(--text-tertiary)"},children:[(0,a.jsxs)("div",{style:{borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:["Failed to load organization: ",p]}),(0,a.jsx)("button",{onClick:z,style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"var(--accent)",color:"var(--accent-contrast)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)"},children:"Retry"})]})}):(0,a.jsx)(h.M,{children:(0,a.jsxs)("div",{style:{display:"flex",height:"100%",position:"relative",background:"var(--bg)"},children:[(0,a.jsx)("div",{style:{flex:1,height:"100%",position:"relative"},children:(0,a.jsxs)(b.tU,{value:f,onValueChange:m,className:"h-full flex flex-col",children:[(0,a.jsx)("div",{style:{position:"absolute",top:"var(--space-4)",left:"var(--space-4)",zIndex:10},children:(0,a.jsxs)(b.j7,{children:[(0,a.jsx)(b.Xi,{value:"map",children:"Map"}),(0,a.jsx)(b.Xi,{value:"grid",children:"Grid"}),(0,a.jsx)(b.Xi,{value:"list",children:"List"})]})}),(0,a.jsx)(b.av,{value:"map",className:"flex-1",children:o?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."}):(0,a.jsx)(S,{employees:i,selectedName:null!=(e=null==v?void 0:v.name)?e:null,onNodeClick:C})}),(0,a.jsx)(b.av,{value:"grid",className:"flex-1 overflow-hidden",children:o?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."}):(0,a.jsx)(g,{employees:i,selectedName:null!=(t=null==v?void 0:v.name)?t:null,onSelect:C})}),(0,a.jsx)(b.av,{value:"list",className:"flex-1 overflow-hidden",children:o?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."}):(0,a.jsx)(y,{employees:i,selectedName:null!=(r=null==v?void 0:v.name)?r:null,onSelect:C})})]})}),v&&(0,a.jsx)("div",{className:"fixed inset-0 z-30 lg:hidden",style:{background:"rgba(0,0,0,0.5)"},onClick:()=>x(null)}),v&&(0,a.jsx)("div",{style:{position:"absolute",top:0,right:0,bottom:0,zIndex:30},children:(0,a.jsxs)("div",{style:{width:380,maxWidth:"100vw",height:"100%",overflowY:"auto",background:"var(--bg)",boxShadow:"var(--shadow-overlay)",display:"flex",flexDirection:"column"},children:[(0,a.jsx)("div",{style:{position:"sticky",top:0,zIndex:10,display:"flex",alignItems:"center",justifyContent:"flex-end",padding:"var(--space-3) var(--space-4)",background:"var(--bg)"},children:(0,a.jsx)("button",{ref:w,onClick:()=>x(null),"aria-label":"Close detail panel",style:{width:30,height:30,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:"var(--fill-tertiary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:14},children:"✕"})}),(0,a.jsx)("div",{style:{padding:"0 var(--space-4) var(--space-6)"},children:(0,a.jsx)(c,{name:v.name})})]})})]})})}},1142:(e,t,r)=>{"use strict";r.d(t,{Xi:()=>c,av:()=>p,j7:()=>d,tU:()=>s});var a=r(8111);r(5271);var n=r(3916),i=r(7534),l=r(1397);function s(e){let{className:t,orientation:r="horizontal",...n}=e;return(0,a.jsx)(i.bL,{"data-slot":"tabs","data-orientation":r,orientation:r,className:(0,l.cn)("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",t),...n})}let o=(0,n.F)("rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function d(e){let{className:t,variant:r="default",...n}=e;return(0,a.jsx)(i.B8,{"data-slot":"tabs-list","data-variant":r,className:(0,l.cn)(o({variant:r}),t),...n})}function c(e){let{className:t,...r}=e;return(0,a.jsx)(i.l9,{"data-slot":"tabs-trigger",className:(0,l.cn)("focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent","data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground","after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",t),...r})}function p(e){let{className:t,...r}=e;return(0,a.jsx)(i.UC,{"data-slot":"tabs-content",className:(0,l.cn)("flex-1 outline-none",t),...r})}},1397:(e,t,r)=>{"use strict";r.d(t,{cn:()=>i});var a=r(5242),n=r(3065);function i(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,n.QP)((0,a.$)(t))}},3648:(e,t,r)=>{Promise.resolve().then(r.bind(r,1108))},4074:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return n}});let a=r(5983)._(r(6378));function n(e,t){var r;let n={};"function"==typeof e&&(n.loader=e);let i={...n,...t};return(0,a.default)({...i,modules:null==(r=i.loadableGenerated)?void 0:r.modules})}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},6378:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return o}});let a=r(8111),n=r(5271),i=r(41);function l(e){return{default:e&&"default"in e?e.default:e}}r(7044);let s={loader:()=>Promise.resolve(l(()=>null)),loading:null,ssr:!0},o=function(e){let t={...s,...e},r=(0,n.lazy)(()=>t.loader().then(l)),o=t.loading;function d(e){let l=o?(0,a.jsx)(o,{isLoading:!0,pastDelay:!0,error:null}):null,s=!t.ssr||!!t.loading,d=s?n.Suspense:n.Fragment,c=t.ssr?(0,a.jsxs)(a.Fragment,{children:[null,(0,a.jsx)(r,{...e})]}):(0,a.jsx)(i.BailoutToCSR,{reason:"next/dynamic",children:(0,a.jsx)(r,{...e})});return(0,a.jsx)(d,{...s?{fallback:l}:{},children:c})}return d.displayName="LoadableComponent",d}},6656:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorageInstance",{enumerable:!0,get:function(){return a}});let a=(0,r(6802).createAsyncLocalStorage)()},6802:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{bindSnapshot:function(){return l},createAsyncLocalStorage:function(){return i},createSnapshot:function(){return s}});let r=Object.defineProperty(Error("Invariant: AsyncLocalStorage accessed in runtime where it is not available"),"__NEXT_ERROR_CODE",{value:"E504",enumerable:!1,configurable:!0});class a{disable(){throw r}getStore(){}run(){throw r}exit(){throw r}enterWith(){throw r}static bind(e){return e}}let n="undefined"!=typeof globalThis&&globalThis.AsyncLocalStorage;function i(){return n?new n:new a}function l(e){return n?n.bind(e):a.bind(e)}function s(){return n?n.snapshot():function(e,...t){return e(...t)}}},7044:(e,t,r)=>{"use strict";function a(e){let{moduleIds:t}=e;return null}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"PreloadChunks",{enumerable:!0,get:function(){return a}}),r(8111),r(8054),r(9347),r(1962)},9347:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorage",{enumerable:!0,get:function(){return a.workAsyncStorageInstance}});let a=r(6656)},9772:(e,t,r)=>{"use strict";r.d(t,{Wu:()=>o,ZB:()=>s,Zp:()=>i,aR:()=>l});var a=r(8111);r(5271);var n=r(1397);function i(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card",className:(0,n.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...r})}function l(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-header",className:(0,n.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...r})}function s(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-title",className:(0,n.cn)("leading-none font-semibold",t),...r})}function o(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-content",className:(0,n.cn)("px-6",t),...r})}}},e=>{e.O(0,[704,590,198,534,73,814,743,358],()=>e(e.s=3648)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[423],{41:(e,t,r)=>{"use strict";function a(e){let{reason:t,children:r}=e;return r}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"BailoutToCSR",{enumerable:!0,get:function(){return a}}),r(7005)},1108:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>w});var a=r(8111),n=r(5271),i=r(4074),l=r.n(i),s=r(3176);let o={executive:"\uD83C\uDFAF",manager:"\uD83D\uDCCB",senior:"⭐",employee:"\uD83D\uDC64"};function d(e){let{rank:t}=e,r={executive:{bg:"color-mix(in srgb, var(--system-purple) 15%, transparent)",text:"var(--system-purple)"},manager:{bg:"color-mix(in srgb, var(--system-blue) 15%, transparent)",text:"var(--system-blue)"},senior:{bg:"color-mix(in srgb, var(--system-green) 15%, transparent)",text:"var(--system-green)"},employee:{bg:"var(--fill-tertiary)",text:"var(--text-tertiary)"}},n=r[t]||r.employee;return(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",color:n.text,background:n.bg,padding:"2px 10px",borderRadius:10,textTransform:"uppercase",letterSpacing:"0.02em"},children:t})}function c(e){let{name:t}=e,[r,i]=(0,n.useState)(null),[l,c]=(0,n.useState)([]),[p,u]=(0,n.useState)(!0),[v,x]=(0,n.useState)(null),[g,f]=(0,n.useState)(!1);if((0,n.useEffect)(()=>{u(!0),x(null),f(!1),Promise.all([s.F.getEmployee(t),s.F.getSessions()]).then(e=>{let[r,a]=e;i(r),c(a.filter(e=>e.employee===t).slice(0,10))}).catch(e=>x(e.message)).finally(()=>u(!1))},[t]),p)return(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:256,color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."});if(v)return(0,a.jsxs)("div",{style:{borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-caption1)",color:"var(--system-red)"},children:["Failed to load employee: ",v]});if(!r)return null;let m=r.rank||"employee",y=o[m]||o.employee,h=r.persona||"",b=h.length>200&&!g?h.slice(0,200)+"...":h;return(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-6)"},children:[(0,a.jsxs)("div",{style:{borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)",background:"var(--material-regular)",padding:"var(--space-6)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",marginBottom:"var(--space-4)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)"},children:[(0,a.jsx)("span",{style:{fontSize:28,lineHeight:1},children:y}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",letterSpacing:"var(--tracking-tight)",color:"var(--text-primary)",margin:0},children:r.displayName||r.name}),(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",margin:"2px 0 0",fontFamily:"var(--font-mono)"},children:r.name})]})]}),(0,a.jsx)(d,{rank:m})]}),(0,a.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"var(--space-4)"},children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",textTransform:"uppercase",letterSpacing:"var(--tracking-wide)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Department"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-primary)",margin:0},children:r.department||"None"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",textTransform:"uppercase",letterSpacing:"var(--tracking-wide)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Engine"}),(0,a.jsxs)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-primary)",margin:0},children:[r.engine||"claude"," ",(0,a.jsxs)("span",{style:{color:"var(--text-tertiary)"},children:["/ ",r.model||"default"]})]})]})]}),h&&(0,a.jsxs)("div",{style:{marginTop:"var(--space-4)",paddingTop:"var(--space-4)",borderTop:"1px solid var(--separator)"},children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",textTransform:"uppercase",letterSpacing:"var(--tracking-wide)",color:"var(--text-tertiary)",marginBottom:"var(--space-2)"},children:"Persona"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-secondary)",lineHeight:"var(--leading-relaxed)",whiteSpace:"pre-wrap",margin:0},children:b}),h.length>200&&(0,a.jsx)("button",{onClick:()=>f(!g),style:{fontSize:"var(--text-caption1)",color:"var(--accent)",background:"none",border:"none",cursor:"pointer",padding:0,marginTop:"var(--space-1)"},children:g?"Show less":"Show more"})]})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",letterSpacing:"var(--tracking-wide)",textTransform:"uppercase",color:"var(--text-tertiary)",marginBottom:"var(--space-3)"},children:"Recent Sessions"}),0===l.length?(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",textAlign:"center",padding:"var(--space-6) 0"},children:"No sessions found for this employee."}):(0,a.jsx)("div",{style:{borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)",background:"var(--material-regular)",overflow:"hidden"},children:l.map((e,t)=>(0,a.jsxs)("div",{style:{padding:"var(--space-3) var(--space-5)",display:"flex",alignItems:"center",justifyContent:"space-between",borderTop:t>0?"1px solid var(--separator)":void 0},children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",fontFamily:"var(--font-mono)",color:"var(--text-primary)",margin:0},children:e.id.slice(0,8)}),(0,a.jsxs)("p",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2},children:[e.source||"unknown"," ",e.createdAt?new Date(e.createdAt).toLocaleDateString():""]})]}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",padding:"2px 8px",borderRadius:10,..."running"===e.status?{background:"color-mix(in srgb, var(--system-green) 15%, transparent)",color:"var(--system-green)"}:"error"===e.status?{background:"color-mix(in srgb, var(--system-red) 15%, transparent)",color:"var(--system-red)"}:{background:"var(--fill-tertiary)",color:"var(--text-tertiary)"}},children:e.status||"idle"})]},e.id))})]})]})}var p=r(9772);let u={executive:"\uD83C\uDFAF",manager:"\uD83D\uDCCB",senior:"⭐",employee:"\uD83D\uDC64"};function v(e){let{employee:t,selected:r,onSelect:n}=e,i=u[t.rank]||u.employee;return(0,a.jsxs)("button",{onClick:n,style:{display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"var(--material-regular)",border:r?"1.5px solid var(--accent)":"1px solid var(--separator)",cursor:"pointer",width:"100%",textAlign:"left",transition:"all 150ms ease",boxShadow:r?"0 0 0 1px var(--accent), var(--shadow-subtle)":"var(--shadow-subtle)"},children:[(0,a.jsx)("span",{style:{fontSize:24,lineHeight:1,flexShrink:0},children:i}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",lineHeight:"var(--leading-tight)"},children:t.displayName||t.name}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",marginTop:1},children:t.department})]}),(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"flex-end",gap:4,flexShrink:0},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",color:"var(--accent)",background:"var(--accent-fill)",padding:"1px 7px",borderRadius:10},children:t.engine}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-medium)",color:"var(--text-quaternary)",background:"var(--fill-quaternary)",padding:"1px 7px",borderRadius:10},children:t.model})]})]})}function x(e){let{label:t,count:r,children:n}=e;return(0,a.jsx)(p.Zp,{className:"p-0 shadow-none",style:{background:"var(--bg-secondary)",borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)"},children:(0,a.jsxs)(p.Wu,{className:"p-4",style:{display:"flex",flexDirection:"column",gap:"var(--space-2)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginBottom:"var(--space-1)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",letterSpacing:"var(--tracking-wide)",textTransform:"uppercase",color:"var(--text-tertiary)"},children:t}),(0,a.jsxs)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-quaternary)",marginLeft:"auto"},children:[r," employee",1!==r?"s":""]})]}),n]})})}function g(e){let{employees:t,selectedName:r,onSelect:n}=e,i=new Map,l=[];for(let e of t)if(e.department){let t=i.get(e.department)||[];t.push(e),i.set(e.department,t)}else l.push(e);let s=t.find(e=>"executive"===e.rank);return(0,a.jsxs)("div",{style:{overflowY:"auto",padding:"var(--space-6)",height:"100%"},children:[s&&(0,a.jsxs)("button",{onClick:()=>n(s),style:{display:"flex",alignItems:"center",gap:"var(--space-5)",width:"100%",padding:"var(--space-5) var(--space-6)",borderRadius:"var(--radius-xl, 20px)",background:"var(--material-regular)",border:r===s.name?"1.5px solid var(--accent)":"1px solid var(--separator)",cursor:"pointer",textAlign:"left",marginBottom:"var(--space-6)",transition:"all 150ms ease",boxShadow:r===s.name?"0 0 0 1px var(--accent), var(--shadow-card)":"var(--shadow-card)"},children:[(0,a.jsx)("span",{style:{fontSize:40,lineHeight:1},children:u.executive}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",letterSpacing:"var(--tracking-tight)",lineHeight:"var(--leading-tight)"},children:s.displayName||s.name}),(0,a.jsx)("div",{style:{fontSize:"var(--text-subheadline)",color:"var(--text-secondary)",marginTop:2},children:s.department})]}),(0,a.jsxs)("div",{style:{display:"flex",gap:"var(--space-4)",flexShrink:0},children:[(0,a.jsxs)("div",{style:{textAlign:"center"},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",lineHeight:1},children:t.length}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2},children:"employees"})]}),(0,a.jsx)("div",{style:{width:1,alignSelf:"stretch",background:"var(--separator)"}}),(0,a.jsxs)("div",{style:{textAlign:"center"},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",lineHeight:1},children:i.size}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2},children:"depts"})]})]})]}),(0,a.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(300px, 1fr))",gap:"var(--space-5)",alignItems:"start"},children:[Array.from(i.entries()).map(e=>{let[t,i]=e,l=i.filter(e=>e.name!==(null==s?void 0:s.name));return 0===l.length?null:(0,a.jsx)(x,{label:t,count:l.length,children:l.map(e=>(0,a.jsx)(v,{employee:e,selected:r===e.name,onSelect:()=>n(e)},e.name))},t)}),l.length>0&&(0,a.jsx)(x,{label:"Unassigned",count:l.filter(e=>e.name!==(null==s?void 0:s.name)).length,children:l.filter(e=>e.name!==(null==s?void 0:s.name)).map(e=>(0,a.jsx)(v,{employee:e,selected:r===e.name,onSelect:()=>n(e)},e.name))})]})]})}let f={executive:"\uD83C\uDFAF",manager:"\uD83D\uDCCB",senior:"⭐",employee:"\uD83D\uDC64"};function m(e){let{rank:t}=e,r={executive:{bg:"color-mix(in srgb, var(--system-purple) 15%, transparent)",text:"var(--system-purple)"},manager:{bg:"color-mix(in srgb, var(--system-blue) 15%, transparent)",text:"var(--system-blue)"},senior:{bg:"color-mix(in srgb, var(--system-green) 15%, transparent)",text:"var(--system-green)"},employee:{bg:"var(--fill-tertiary)",text:"var(--text-tertiary)"}},n=r[t]||r.employee;return(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",color:n.text,background:n.bg,padding:"2px 8px",borderRadius:10,textTransform:"uppercase",letterSpacing:"0.02em"},children:t})}function y(e){let{employees:t,selectedName:r,onSelect:n}=e,i={executive:0,manager:1,senior:2,employee:3},l=[...t].sort((e,t)=>{var r,a;return(null!=(r=i[e.rank])?r:3)-(null!=(a=i[t.rank])?a:3)});return(0,a.jsxs)("div",{style:{overflowY:"auto",padding:"var(--space-6)",height:"100%"},children:[(0,a.jsx)("div",{style:{display:"flex",gap:"var(--space-3)",marginBottom:"var(--space-5)"},children:["executive","manager","senior","employee"].map(e=>{let r=t.filter(t=>t.rank===e).length;return(0,a.jsxs)("div",{style:{flex:1,background:"var(--material-regular)",border:"1px solid var(--separator)",borderRadius:"var(--radius-md, 12px)",padding:"var(--space-3) var(--space-4)",display:"flex",alignItems:"center",gap:"var(--space-3)"},children:[(0,a.jsx)("span",{style:{fontSize:20},children:f[e]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",lineHeight:1},children:r}),(0,a.jsxs)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2,textTransform:"capitalize"},children:[e,"s"]})]})]},e)})}),0===l.length?(0,a.jsx)("div",{style:{textAlign:"center",padding:"var(--space-16) var(--space-4)",color:"var(--text-tertiary)"},children:(0,a.jsx)("div",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-medium)"},children:"No employees found"})}):(0,a.jsx)("div",{style:{background:"var(--bg-secondary)",borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)",overflow:"hidden"},children:l.map((e,t)=>{let i=r===e.name,l=f[e.rank]||f.employee;return(0,a.jsxs)("button",{onClick:()=>n(e),style:{display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",width:"100%",background:i?"var(--fill-secondary)":"transparent",border:"none",borderTop:t>0?"1px solid var(--separator)":void 0,cursor:"pointer",textAlign:"left",transition:"background 150ms ease"},children:[(0,a.jsx)("span",{style:{fontSize:20,lineHeight:1,flexShrink:0},children:l}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:e.displayName||e.name}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",color:"var(--text-quaternary)",fontFamily:"var(--font-mono)"},children:e.name})]}),(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginTop:2},children:(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)"},children:e.department||"No department"})})]}),(0,a.jsx)(m,{rank:e.rank})]},e.name)})})]})}var h=r(3073),b=r(1142),j=r(2755);let S=l()(()=>Promise.all([r.e(763),r.e(874),r.e(517)]).then(r.bind(r,7898)).then(e=>({default:e.OrgMap})),{loadableGenerated:{webpack:()=>[7898]},ssr:!1,loading:()=>(0,a.jsx)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:"var(--space-3)",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading map..."})});function w(){var e,t,r;let[i,l]=(0,n.useState)([]),[o,d]=(0,n.useState)(!0),[p,u]=(0,n.useState)(null),[v,x]=(0,n.useState)(null),[f,m]=(0,n.useState)("map"),w=(0,n.useRef)(null),{settings:k}=(0,j.t0)(),z=(0,n.useCallback)(()=>{d(!0),u(null),s.F.getOrg().then(async e=>{var t,r;let a=await Promise.all(e.employees.map(async e=>{try{return await s.F.getEmployee(e)}catch(t){return{name:e,displayName:e,department:"",rank:"employee",engine:"unknown",model:"unknown",persona:""}}}));l([{name:(null!=(t=k.portalName)?t:"Jinn").toLowerCase(),displayName:null!=(r=k.portalName)?r:"Jinn",department:"",rank:"executive",engine:"claude",model:"opus",persona:"COO and AI gateway daemon"},...a])}).catch(e=>u(e.message)).finally(()=>d(!1))},[k.portalName]);(0,n.useEffect)(()=>{z()},[z]),(0,n.useEffect)(()=>{v&&w.current&&w.current.focus()},[v]),(0,n.useEffect)(()=>{function e(e){"Escape"===e.key&&v&&x(null)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[v]);let C=(0,n.useCallback)(e=>{x(e)},[]);return p?(0,a.jsx)(h.M,{children:(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:"var(--space-4)",color:"var(--text-tertiary)"},children:[(0,a.jsxs)("div",{style:{borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:["Failed to load organization: ",p]}),(0,a.jsx)("button",{onClick:z,style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"var(--accent)",color:"var(--accent-contrast)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)"},children:"Retry"})]})}):(0,a.jsx)(h.M,{children:(0,a.jsxs)("div",{style:{display:"flex",height:"100%",position:"relative",background:"var(--bg)"},children:[(0,a.jsx)("div",{style:{flex:1,height:"100%",position:"relative"},children:(0,a.jsxs)(b.tU,{value:f,onValueChange:m,className:"h-full flex flex-col",children:[(0,a.jsx)("div",{style:{position:"absolute",top:"var(--space-4)",left:"var(--space-4)",zIndex:10},children:(0,a.jsxs)(b.j7,{children:[(0,a.jsx)(b.Xi,{value:"map",children:"Map"}),(0,a.jsx)(b.Xi,{value:"grid",children:"Grid"}),(0,a.jsx)(b.Xi,{value:"list",children:"List"})]})}),(0,a.jsx)(b.av,{value:"map",className:"flex-1",children:o?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."}):(0,a.jsx)(S,{employees:i,selectedName:null!=(e=null==v?void 0:v.name)?e:null,onNodeClick:C})}),(0,a.jsx)(b.av,{value:"grid",className:"flex-1 overflow-hidden",children:o?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."}):(0,a.jsx)(g,{employees:i,selectedName:null!=(t=null==v?void 0:v.name)?t:null,onSelect:C})}),(0,a.jsx)(b.av,{value:"list",className:"flex-1 overflow-hidden",children:o?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."}):(0,a.jsx)(y,{employees:i,selectedName:null!=(r=null==v?void 0:v.name)?r:null,onSelect:C})})]})}),v&&(0,a.jsx)("div",{className:"fixed inset-0 z-30 lg:hidden",style:{background:"rgba(0,0,0,0.5)"},onClick:()=>x(null)}),v&&(0,a.jsx)("div",{style:{position:"absolute",top:0,right:0,bottom:0,zIndex:30},children:(0,a.jsxs)("div",{style:{width:380,maxWidth:"100vw",height:"100%",overflowY:"auto",background:"var(--bg)",boxShadow:"var(--shadow-overlay)",display:"flex",flexDirection:"column"},children:[(0,a.jsx)("div",{style:{position:"sticky",top:0,zIndex:10,display:"flex",alignItems:"center",justifyContent:"flex-end",padding:"var(--space-3) var(--space-4)",background:"var(--bg)"},children:(0,a.jsx)("button",{ref:w,onClick:()=>x(null),"aria-label":"Close detail panel",style:{width:30,height:30,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:"var(--fill-tertiary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:14},children:"✕"})}),(0,a.jsx)("div",{style:{padding:"0 var(--space-4) var(--space-6)"},children:(0,a.jsx)(c,{name:v.name})})]})})]})})}},1142:(e,t,r)=>{"use strict";r.d(t,{Xi:()=>c,av:()=>p,j7:()=>d,tU:()=>s});var a=r(8111);r(5271);var n=r(3916),i=r(7534),l=r(1397);function s(e){let{className:t,orientation:r="horizontal",...n}=e;return(0,a.jsx)(i.bL,{"data-slot":"tabs","data-orientation":r,orientation:r,className:(0,l.cn)("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",t),...n})}let o=(0,n.F)("rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function d(e){let{className:t,variant:r="default",...n}=e;return(0,a.jsx)(i.B8,{"data-slot":"tabs-list","data-variant":r,className:(0,l.cn)(o({variant:r}),t),...n})}function c(e){let{className:t,...r}=e;return(0,a.jsx)(i.l9,{"data-slot":"tabs-trigger",className:(0,l.cn)("focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent","data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground","after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",t),...r})}function p(e){let{className:t,...r}=e;return(0,a.jsx)(i.UC,{"data-slot":"tabs-content",className:(0,l.cn)("flex-1 outline-none",t),...r})}},1397:(e,t,r)=>{"use strict";r.d(t,{cn:()=>i});var a=r(5242),n=r(3065);function i(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,n.QP)((0,a.$)(t))}},2202:(e,t,r)=>{Promise.resolve().then(r.bind(r,1108))},4074:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return n}});let a=r(5983)._(r(6378));function n(e,t){var r;let n={};"function"==typeof e&&(n.loader=e);let i={...n,...t};return(0,a.default)({...i,modules:null==(r=i.loadableGenerated)?void 0:r.modules})}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},6378:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return o}});let a=r(8111),n=r(5271),i=r(41);function l(e){return{default:e&&"default"in e?e.default:e}}r(7044);let s={loader:()=>Promise.resolve(l(()=>null)),loading:null,ssr:!0},o=function(e){let t={...s,...e},r=(0,n.lazy)(()=>t.loader().then(l)),o=t.loading;function d(e){let l=o?(0,a.jsx)(o,{isLoading:!0,pastDelay:!0,error:null}):null,s=!t.ssr||!!t.loading,d=s?n.Suspense:n.Fragment,c=t.ssr?(0,a.jsxs)(a.Fragment,{children:[null,(0,a.jsx)(r,{...e})]}):(0,a.jsx)(i.BailoutToCSR,{reason:"next/dynamic",children:(0,a.jsx)(r,{...e})});return(0,a.jsx)(d,{...s?{fallback:l}:{},children:c})}return d.displayName="LoadableComponent",d}},6656:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorageInstance",{enumerable:!0,get:function(){return a}});let a=(0,r(6802).createAsyncLocalStorage)()},6802:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{bindSnapshot:function(){return l},createAsyncLocalStorage:function(){return i},createSnapshot:function(){return s}});let r=Object.defineProperty(Error("Invariant: AsyncLocalStorage accessed in runtime where it is not available"),"__NEXT_ERROR_CODE",{value:"E504",enumerable:!1,configurable:!0});class a{disable(){throw r}getStore(){}run(){throw r}exit(){throw r}enterWith(){throw r}static bind(e){return e}}let n="undefined"!=typeof globalThis&&globalThis.AsyncLocalStorage;function i(){return n?new n:new a}function l(e){return n?n.bind(e):a.bind(e)}function s(){return n?n.snapshot():function(e,...t){return e(...t)}}},7044:(e,t,r)=>{"use strict";function a(e){let{moduleIds:t}=e;return null}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"PreloadChunks",{enumerable:!0,get:function(){return a}}),r(8111),r(8054),r(9347),r(1962)},9347:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorage",{enumerable:!0,get:function(){return a.workAsyncStorageInstance}});let a=r(6656)},9772:(e,t,r)=>{"use strict";r.d(t,{Wu:()=>o,ZB:()=>s,Zp:()=>i,aR:()=>l});var a=r(8111);r(5271);var n=r(1397);function i(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card",className:(0,n.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...r})}function l(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-header",className:(0,n.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...r})}function s(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-title",className:(0,n.cn)("leading-none font-semibold",t),...r})}function o(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-content",className:(0,n.cn)("px-6",t),...r})}}},e=>{e.O(0,[704,590,198,534,73,814,743,358],()=>e(e.s=2202)),_N_E=e.O()}]);

package/dist/web/_next/static/chunks/app/{page-b81992940fd1dbc6.js → page-b98417ed4f4d45a0.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{98:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>w});var a=r(8111),i=r(5271),n=r(5935),s=r.n(n),o=r(3176),l=r(4263),c=r(2755),d=r(3073),h=r(9772),p=r(6778),x=r(1983);let v=(0,x.A)("network",[["rect",{x:"16",y:"16",width:"6",height:"6",rx:"1",key:"4q2zg0"}],["rect",{x:"2",y:"16",width:"6",height:"6",rx:"1",key:"8cvhb9"}],["rect",{x:"9",y:"2",width:"6",height:"6",rx:"1",key:"1egb70"}],["path",{d:"M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3",key:"1jsf9p"}],["path",{d:"M12 12V8",key:"2874zd"}]]),y=(0,x.A)("square-kanban",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M8 7v7",key:"1x2jlm"}],["path",{d:"M12 7v4",key:"xawao1"}],["path",{d:"M16 7v9",key:"1hp2iy"}]]),m=(0,x.A)("timer",[["line",{x1:"10",x2:"14",y1:"2",y2:"2",key:"14vaq8"}],["line",{x1:"12",x2:"15",y1:"14",y2:"11",key:"17fdiu"}],["circle",{cx:"12",cy:"14",r:"8",key:"1e1u0o"}]]);var g=r(6361),u=r(4514),f=r(1935),j=r(2265);let b=(0,x.A)("cpu",[["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M17 20v2",key:"1rnc9c"}],["path",{d:"M17 2v2",key:"11trls"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M2 17h2",key:"7oei6x"}],["path",{d:"M2 7h2",key:"asdhe0"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"M20 17h2",key:"1fpfkl"}],["path",{d:"M20 7h2",key:"1o8tra"}],["path",{d:"M7 20v2",key:"4gnj0m"}],["path",{d:"M7 2v2",key:"1i4yhu"}],["rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",key:"1vbyd7"}],["rect",{x:"8",y:"8",width:"8",height:"8",rx:"1",key:"z9xiuo"}]]),k=(0,x.A)("calendar-clock",[["path",{d:"M16 14v2.2l1.6 1",key:"fo4ql5"}],["path",{d:"M16 2v4",key:"4m81vk"}],["path",{d:"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5",key:"1osxxc"}],["path",{d:"M3 10h5",key:"r794hk"}],["path",{d:"M8 2v4",key:"1cmpym"}],["circle",{cx:"16",cy:"16",r:"6",key:"qoo3c4"}]]);function w(){var e,t,r,n;let{settings:x}=(0,c.t0)(),w=null!=(t=x.portalName)?t:"Jinn",[S,z]=(0,i.useState)(null),[M,N]=(0,i.useState)(null),[W,A]=(0,i.useState)(null),[C,T]=(0,i.useState)([]),{events:R,connected:B}=(0,l.G)();(0,i.useEffect)(()=>{o.F.getOnboarding().then(e=>{e.needed&&(window.location.href="/chat?onboarding=1")}).catch(()=>{}),o.F.getStatus().then(e=>z(e)).catch(e=>A(e.message)),o.F.getCronJobs().then(e=>N(e.length)).catch(()=>{}),o.F.getActivity().then(e=>{T(e.map(e=>({event:e.event,payload:e.payload})))}).catch(()=>{})},[]);let q=(null==S?void 0:S.engines)&&null!=(r=Object.keys(S.engines)[0])?r:"--",I=[...R.length>0?R:C].reverse().slice(0,20);return(0,a.jsx)(d.M,{children:(0,a.jsxs)("div",{style:{height:"100%",overflowY:"auto",padding:"var(--space-6)"},children:[(0,a.jsxs)("div",{style:{marginBottom:"var(--space-6)"},children:[(0,a.jsx)("h2",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",marginBottom:"var(--space-1)"},children:"Dashboard"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Gateway overview and live activity"})]}),W&&(0,a.jsxs)("div",{style:{marginBottom:"var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:["Failed to connect: ",W]}),(0,a.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(200px, 1fr))",gap:"var(--space-4)",marginBottom:"var(--space-6)"},children:[(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-blue) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--system-blue)"},children:(0,a.jsx)(f.A,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Uptime"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:(null==S?void 0:S.uptime)!=null?function(e){let t=Math.floor(e/86400),r=Math.floor(e%86400/3600),a=Math.floor(e%3600/60);return t>0?"".concat(t,"d ").concat(r,"h ").concat(a,"m"):r>0?"".concat(r,"h ").concat(a,"m"):"".concat(a,"m")}(S.uptime):"--"})]})]})}),(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-green) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--system-green)"},children:(0,a.jsx)(j.A,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Active Sessions"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:null!=(n=null==S||null==(e=S.sessions)?void 0:e.active)?n:"--"})]})]})}),(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--accent) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--accent)"},children:(0,a.jsx)(b,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Engines"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",textTransform:"capitalize"},children:q})]})]})}),(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-orange) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--system-orange)"},children:(0,a.jsx)(k,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Cron Jobs"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:null!=M?M:"--"})]})]})})]}),(0,a.jsxs)("div",{style:{marginBottom:"var(--space-6)"},children:[(0,a.jsx)("h3",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",marginBottom:"var(--space-3)"},children:"Quick Links"}),(0,a.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(180px, 1fr))",gap:"var(--space-3)"},children:[{href:"/chat",icon:p.A,name:"Chat",description:"Talk to ".concat(w," directly")},{href:"/org",icon:v,name:"Organization",description:"View employees and departments"},{href:"/kanban",icon:y,name:"Kanban",description:"Manage tasks and boards"},{href:"/cron",icon:m,name:"Cron",description:"Scheduled jobs and automations"},{href:"/costs",icon:g.A,name:"Costs",description:"API usage and spending"},{href:"/logs",icon:u.A,name:"Activity",description:"Logs and event stream"}].map(e=>{let t=e.icon;return(0,a.jsx)(s(),{href:e.href,style:{textDecoration:"none"},children:(0,a.jsx)(h.Zp,{className:"py-4 h-full cursor-pointer transition-colors hover:border-[var(--accent)]",children:(0,a.jsxs)(h.Wu,{className:"flex flex-col gap-2",children:[(0,a.jsx)("div",{style:{width:36,height:36,borderRadius:"var(--radius-sm, 8px)",background:"var(--fill-secondary)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--accent)"},children:(0,a.jsx)(t,{size:18})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:e.name}),(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",marginTop:2},children:e.description})]})]})})},e.href)})})]}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginBottom:"var(--space-3)"},children:[(0,a.jsx)("h3",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:"Recent Activity"}),(0,a.jsx)("span",{style:{width:8,height:8,borderRadius:"50%",background:B?"var(--system-green)":"var(--text-quaternary)",display:"inline-block"}})]}),(0,a.jsx)(h.Zp,{className:"py-0 overflow-hidden",children:0===I.length?(0,a.jsx)("div",{style:{padding:"var(--space-6)",textAlign:"center",fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Waiting for events..."}):(0,a.jsx)("div",{style:{maxHeight:320,overflowY:"auto"},children:I.map((e,t)=>(0,a.jsxs)("div",{style:{display:"flex",alignItems:"flex-start",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",borderBottom:t<I.length-1?"1px solid var(--separator)":"none"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontFamily:"var(--font-mono)",color:"var(--accent)",background:"color-mix(in srgb, var(--accent) 10%, transparent)",padding:"2px 8px",borderRadius:"var(--radius-sm, 8px)",whiteSpace:"nowrap",marginTop:1},children:e.event}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontFamily:"var(--font-mono)",color:"var(--text-tertiary)",flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:JSON.stringify(e.payload)}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-quaternary)",whiteSpace:"nowrap"},children:new Date(Date.now()-(I.length-1-t)*1e3).toLocaleTimeString()})]},t))})})]})]})})}},1397:(e,t,r)=>{"use strict";r.d(t,{cn:()=>n});var a=r(5242),i=r(3065);function n(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,i.QP)((0,a.$)(t))}},5493:(e,t,r)=>{Promise.resolve().then(r.bind(r,98))},9772:(e,t,r)=>{"use strict";r.d(t,{Wu:()=>l,ZB:()=>o,Zp:()=>n,aR:()=>s});var a=r(8111);r(5271);var i=r(1397);function n(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card",className:(0,i.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...r})}function s(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-header",className:(0,i.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...r})}function o(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-title",className:(0,i.cn)("leading-none font-semibold",t),...r})}function l(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-content",className:(0,i.cn)("px-6",t),...r})}}},e=>{e.O(0,[704,590,73,814,743,358],()=>e(e.s=5493)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{98:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>w});var a=r(8111),i=r(5271),n=r(5935),s=r.n(n),o=r(3176),l=r(4263),c=r(2755),d=r(3073),h=r(9772),p=r(6778),x=r(1983);let v=(0,x.A)("network",[["rect",{x:"16",y:"16",width:"6",height:"6",rx:"1",key:"4q2zg0"}],["rect",{x:"2",y:"16",width:"6",height:"6",rx:"1",key:"8cvhb9"}],["rect",{x:"9",y:"2",width:"6",height:"6",rx:"1",key:"1egb70"}],["path",{d:"M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3",key:"1jsf9p"}],["path",{d:"M12 12V8",key:"2874zd"}]]),y=(0,x.A)("square-kanban",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M8 7v7",key:"1x2jlm"}],["path",{d:"M12 7v4",key:"xawao1"}],["path",{d:"M16 7v9",key:"1hp2iy"}]]),m=(0,x.A)("timer",[["line",{x1:"10",x2:"14",y1:"2",y2:"2",key:"14vaq8"}],["line",{x1:"12",x2:"15",y1:"14",y2:"11",key:"17fdiu"}],["circle",{cx:"12",cy:"14",r:"8",key:"1e1u0o"}]]);var g=r(6361),u=r(4514),f=r(1935),j=r(2265);let b=(0,x.A)("cpu",[["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M17 20v2",key:"1rnc9c"}],["path",{d:"M17 2v2",key:"11trls"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M2 17h2",key:"7oei6x"}],["path",{d:"M2 7h2",key:"asdhe0"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"M20 17h2",key:"1fpfkl"}],["path",{d:"M20 7h2",key:"1o8tra"}],["path",{d:"M7 20v2",key:"4gnj0m"}],["path",{d:"M7 2v2",key:"1i4yhu"}],["rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",key:"1vbyd7"}],["rect",{x:"8",y:"8",width:"8",height:"8",rx:"1",key:"z9xiuo"}]]),k=(0,x.A)("calendar-clock",[["path",{d:"M16 14v2.2l1.6 1",key:"fo4ql5"}],["path",{d:"M16 2v4",key:"4m81vk"}],["path",{d:"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5",key:"1osxxc"}],["path",{d:"M3 10h5",key:"r794hk"}],["path",{d:"M8 2v4",key:"1cmpym"}],["circle",{cx:"16",cy:"16",r:"6",key:"qoo3c4"}]]);function w(){var e,t,r,n;let{settings:x}=(0,c.t0)(),w=null!=(t=x.portalName)?t:"Jinn",[S,z]=(0,i.useState)(null),[M,N]=(0,i.useState)(null),[W,A]=(0,i.useState)(null),[C,T]=(0,i.useState)([]),{events:R,connected:B}=(0,l.G)();(0,i.useEffect)(()=>{o.F.getOnboarding().then(e=>{e.needed&&(window.location.href="/chat?onboarding=1")}).catch(()=>{}),o.F.getStatus().then(e=>z(e)).catch(e=>A(e.message)),o.F.getCronJobs().then(e=>N(e.length)).catch(()=>{}),o.F.getActivity().then(e=>{T(e.map(e=>({event:e.event,payload:e.payload})))}).catch(()=>{})},[]);let q=(null==S?void 0:S.engines)&&null!=(r=Object.keys(S.engines)[0])?r:"--",I=[...R.length>0?R:C].reverse().slice(0,20);return(0,a.jsx)(d.M,{children:(0,a.jsxs)("div",{style:{height:"100%",overflowY:"auto",padding:"var(--space-6)"},children:[(0,a.jsxs)("div",{style:{marginBottom:"var(--space-6)"},children:[(0,a.jsx)("h2",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",marginBottom:"var(--space-1)"},children:"Dashboard"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Gateway overview and live activity"})]}),W&&(0,a.jsxs)("div",{style:{marginBottom:"var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:["Failed to connect: ",W]}),(0,a.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(200px, 1fr))",gap:"var(--space-4)",marginBottom:"var(--space-6)"},children:[(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-blue) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--system-blue)"},children:(0,a.jsx)(f.A,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Uptime"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:(null==S?void 0:S.uptime)!=null?function(e){let t=Math.floor(e/86400),r=Math.floor(e%86400/3600),a=Math.floor(e%3600/60);return t>0?"".concat(t,"d ").concat(r,"h ").concat(a,"m"):r>0?"".concat(r,"h ").concat(a,"m"):"".concat(a,"m")}(S.uptime):"--"})]})]})}),(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-green) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--system-green)"},children:(0,a.jsx)(j.A,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Active Sessions"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:null!=(n=null==S||null==(e=S.sessions)?void 0:e.active)?n:"--"})]})]})}),(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--accent) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--accent)"},children:(0,a.jsx)(b,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Engines"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",textTransform:"capitalize"},children:q})]})]})}),(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-orange) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--system-orange)"},children:(0,a.jsx)(k,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Cron Jobs"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:null!=M?M:"--"})]})]})})]}),(0,a.jsxs)("div",{style:{marginBottom:"var(--space-6)"},children:[(0,a.jsx)("h3",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",marginBottom:"var(--space-3)"},children:"Quick Links"}),(0,a.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(180px, 1fr))",gap:"var(--space-3)"},children:[{href:"/chat",icon:p.A,name:"Chat",description:"Talk to ".concat(w," directly")},{href:"/org",icon:v,name:"Organization",description:"View employees and departments"},{href:"/kanban",icon:y,name:"Kanban",description:"Manage tasks and boards"},{href:"/cron",icon:m,name:"Cron",description:"Scheduled jobs and automations"},{href:"/costs",icon:g.A,name:"Costs",description:"API usage and spending"},{href:"/logs",icon:u.A,name:"Activity",description:"Logs and event stream"}].map(e=>{let t=e.icon;return(0,a.jsx)(s(),{href:e.href,style:{textDecoration:"none"},children:(0,a.jsx)(h.Zp,{className:"py-4 h-full cursor-pointer transition-colors hover:border-[var(--accent)]",children:(0,a.jsxs)(h.Wu,{className:"flex flex-col gap-2",children:[(0,a.jsx)("div",{style:{width:36,height:36,borderRadius:"var(--radius-sm, 8px)",background:"var(--fill-secondary)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--accent)"},children:(0,a.jsx)(t,{size:18})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:e.name}),(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",marginTop:2},children:e.description})]})]})})},e.href)})})]}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginBottom:"var(--space-3)"},children:[(0,a.jsx)("h3",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:"Recent Activity"}),(0,a.jsx)("span",{style:{width:8,height:8,borderRadius:"50%",background:B?"var(--system-green)":"var(--text-quaternary)",display:"inline-block"}})]}),(0,a.jsx)(h.Zp,{className:"py-0 overflow-hidden",children:0===I.length?(0,a.jsx)("div",{style:{padding:"var(--space-6)",textAlign:"center",fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Waiting for events..."}):(0,a.jsx)("div",{style:{maxHeight:320,overflowY:"auto"},children:I.map((e,t)=>(0,a.jsxs)("div",{style:{display:"flex",alignItems:"flex-start",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",borderBottom:t<I.length-1?"1px solid var(--separator)":"none"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontFamily:"var(--font-mono)",color:"var(--accent)",background:"color-mix(in srgb, var(--accent) 10%, transparent)",padding:"2px 8px",borderRadius:"var(--radius-sm, 8px)",whiteSpace:"nowrap",marginTop:1},children:e.event}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontFamily:"var(--font-mono)",color:"var(--text-tertiary)",flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:JSON.stringify(e.payload)}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-quaternary)",whiteSpace:"nowrap"},children:new Date(Date.now()-(I.length-1-t)*1e3).toLocaleTimeString()})]},t))})})]})]})})}},1397:(e,t,r)=>{"use strict";r.d(t,{cn:()=>n});var a=r(5242),i=r(3065);function n(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,i.QP)((0,a.$)(t))}},5547:(e,t,r)=>{Promise.resolve().then(r.bind(r,98))},9772:(e,t,r)=>{"use strict";r.d(t,{Wu:()=>l,ZB:()=>o,Zp:()=>n,aR:()=>s});var a=r(8111);r(5271);var i=r(1397);function n(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card",className:(0,i.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...r})}function s(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-header",className:(0,i.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...r})}function o(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-title",className:(0,i.cn)("leading-none font-semibold",t),...r})}function l(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-content",className:(0,i.cn)("px-6",t),...r})}}},e=>{e.O(0,[704,590,73,814,743,358],()=>e(e.s=5547)),_N_E=e.O()}]);

package/dist/web/_next/static/chunks/app/sessions/page-7148306182017841.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[898],{1142:(e,t,r)=>{"use strict";r.d(t,{Xi:()=>c,av:()=>u,j7:()=>d,tU:()=>o});var a=r(8111);r(5271);var n=r(3916),i=r(7534),s=r(1397);function o(e){let{className:t,orientation:r="horizontal",...n}=e;return(0,a.jsx)(i.bL,{"data-slot":"tabs","data-orientation":r,orientation:r,className:(0,s.cn)("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",t),...n})}let l=(0,n.F)("rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function d(e){let{className:t,variant:r="default",...n}=e;return(0,a.jsx)(i.B8,{"data-slot":"tabs-list","data-variant":r,className:(0,s.cn)(l({variant:r}),t),...n})}function c(e){let{className:t,...r}=e;return(0,a.jsx)(i.l9,{"data-slot":"tabs-trigger",className:(0,s.cn)("focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent","data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground","after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",t),...r})}function u(e){let{className:t,...r}=e;return(0,a.jsx)(i.UC,{"data-slot":"tabs-content",className:(0,s.cn)("flex-1 outline-none",t),...r})}},1397:(e,t,r)=>{"use strict";r.d(t,{cn:()=>i});var a=r(5242),n=r(3065);function i(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,n.QP)((0,a.$)(t))}},2876:(e,t,r)=>{"use strict";r.d(t,{A:()=>a});let a=(0,r(1983).A)("refresh-cw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]])},3059:(e,t,r)=>{Promise.resolve().then(r.bind(r,4153))},4153:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>R});var a=r(8111),n=r(5271),i=r.t(n,2),s=r(3176),o=r(1298),l=r(9772),d=r(3916),c=r(8643),u=Symbol.for("react.lazy"),p=i[" use ".trim().toString()];function v(e){var t;return null!=e&&"object"==typeof e&&"$$typeof"in e&&e.$$typeof===u&&"_payload"in e&&"object"==typeof(t=e._payload)&&null!==t&&"then"in t}var f=function(e){let t=function(e){let t=n.forwardRef((e,t)=>{let{children:r,...a}=e;if(v(r)&&"function"==typeof p&&(r=p(r._payload)),n.isValidElement(r)){var i;let e,s,o=(i=r,(s=(e=Object.getOwnPropertyDescriptor(i.props,"ref")?.get)&&"isReactWarning"in e&&e.isReactWarning)?i.ref:(s=(e=Object.getOwnPropertyDescriptor(i,"ref")?.get)&&"isReactWarning"in e&&e.isReactWarning)?i.props.ref:i.props.ref||i.ref),l=function(e,t){let r={...t};for(let a in t){let n=e[a],i=t[a];/^on[A-Z]/.test(a)?n&&i?r[a]=(...e)=>{let t=i(...e);return n(...e),t}:n&&(r[a]=n):"style"===a?r[a]={...n,...i}:"className"===a&&(r[a]=[n,i].filter(Boolean).join(" "))}return{...e,...r}}(a,r.props);return r.type!==n.Fragment&&(l.ref=t?(0,c.t)(t,o):o),n.cloneElement(r,l)}return n.Children.count(r)>1?n.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}(e),r=n.forwardRef((e,r)=>{let{children:i,...s}=e;v(i)&&"function"==typeof p&&(i=p(i._payload));let o=n.Children.toArray(i),l=o.find(g);if(l){let e=l.props.children,i=o.map(t=>t!==l?t:n.Children.count(e)>1?n.Children.only(null):n.isValidElement(e)?e.props.children:null);return(0,a.jsx)(t,{...s,ref:r,children:n.isValidElement(e)?n.cloneElement(e,void 0,i):null})}return(0,a.jsx)(t,{...s,ref:r,children:i})});return r.displayName=`${e}.Slot`,r}("Slot"),x=Symbol("radix.slottable");function g(e){return n.isValidElement(e)&&"function"==typeof e.type&&"__radixId"in e.type&&e.type.__radixId===x}var h=r(1397);let y=(0,d.F)("inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",ghost:"[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",link:"text-primary underline-offset-4 [a&]:hover:underline"}},defaultVariants:{variant:"default"}});function b(e){let{className:t,variant:r="default",asChild:n=!1,...i}=e;return(0,a.jsx)(n?f:"span",{"data-slot":"badge","data-variant":r,className:(0,h.cn)(y({variant:r}),t),...i})}var m=r(2755);let j={idle:"secondary",queued:"outline",running:"default",error:"destructive"},S={idle:"Idle",queued:"Queued",running:"Running",error:"Error"};function w(e){var t;let{sessions:r,selectedId:i,onSelect:o,onDeleted:d}=e,{settings:c}=(0,m.t0)(),u=null!=(t=c.portalName)?t:"Jinn",[p,v]=(0,n.useState)(null),[f,x]=(0,n.useState)(null);async function g(){if(f){try{await s.F.deleteSession(f),null==d||d()}catch(e){}x(null)}}return 0===r.length?(0,a.jsx)(l.Zp,{children:(0,a.jsx)(l.Wu,{children:(0,a.jsx)("div",{style:{textAlign:"center",padding:"var(--space-6)",color:"var(--text-tertiary)",fontSize:"var(--text-body)"},children:"No sessions found"})})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-3)"},onClick:()=>v(null),children:r.map(e=>{var t;return(0,a.jsx)(l.Zp,{className:"py-3 cursor-pointer transition-colors",onClick:()=>o(e.id),onContextMenu:t=>{var r;return r=e.id,void(t.preventDefault(),v({x:t.clientX,y:t.clientY,sessionId:r}))},style:{cursor:"pointer",borderColor:i===e.id?"var(--accent)":void 0,background:i===e.id?"color-mix(in srgb, var(--accent) 5%, var(--bg-card, var(--bg)))":void 0},children:(0,a.jsxs)(l.Wu,{className:"flex items-center justify-between gap-4",children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)",flex:1,minWidth:0},children:[(0,a.jsx)("div",{style:{width:36,height:36,borderRadius:"var(--radius-sm, 8px)",background:"var(--fill-secondary)",display:"flex",alignItems:"center",justifyContent:"center",fontFamily:"var(--font-mono)",fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",color:"var(--text-secondary)",flexShrink:0,textTransform:"uppercase"},children:e.engine.charAt(0)}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginBottom:2},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.title||e.employee||u}),(0,a.jsx)(b,{variant:null!=(t=j[e.status])?t:"secondary",children:S[e.transportState||e.status]||e.transportState||e.status})]}),(0,a.jsxs)("div",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",display:"flex",gap:"var(--space-3)"},children:[(0,a.jsx)("span",{children:e.connector||e.source}),(0,a.jsx)("span",{children:e.employee||u}),"number"==typeof e.queueDepth&&e.queueDepth>0?(0,a.jsxs)("span",{children:["Queue ",e.queueDepth]}):null]})]})]}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-quaternary)",whiteSpace:"nowrap",flexShrink:0},children:function(e){let t=Math.floor((Date.now()-new Date(e).getTime())/1e3);if(t<60)return"".concat(t,"s ago");let r=Math.floor(t/60);if(r<60)return"".concat(r,"m ago");let a=Math.floor(r/60);if(a<24)return"".concat(a,"h ago");let n=Math.floor(a/24);return"".concat(n,"d ago")}(e.lastActivity)})]})},e.id)})}),p&&(0,a.jsx)("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:50},onClick:()=>v(null),children:(0,a.jsx)("div",{style:{position:"fixed",top:p.y,left:p.x,background:"var(--bg)",border:"1px solid var(--separator)",borderRadius:"var(--radius-md)",boxShadow:"var(--shadow-lg)",padding:"var(--space-1)",zIndex:51,minWidth:160},onClick:e=>e.stopPropagation(),children:(0,a.jsxs)("button",{onClick:()=>{var e;return e=p.sessionId,void(v(null),x(e))},style:{width:"100%",textAlign:"left",padding:"var(--space-2) var(--space-3)",fontSize:"var(--text-footnote)",color:"var(--system-red)",background:"transparent",border:"none",cursor:"pointer",borderRadius:"var(--radius-sm)",display:"flex",alignItems:"center",gap:"var(--space-2)"},children:[(0,a.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("polyline",{points:"3 6 5 6 21 6"}),(0,a.jsx)("path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"})]}),"Delete Session"]})})}),f&&(0,a.jsx)("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,background:"rgba(0,0,0,0.5)",zIndex:60,display:"flex",alignItems:"center",justifyContent:"center"},onClick:()=>x(null),children:(0,a.jsxs)("div",{style:{background:"var(--bg)",borderRadius:"var(--radius-lg)",padding:"var(--space-6)",maxWidth:400,width:"90%",boxShadow:"var(--shadow-overlay)"},onClick:e=>e.stopPropagation(),children:[(0,a.jsx)("h3",{style:{fontSize:"var(--text-headline)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",marginBottom:"var(--space-2)"},children:"Delete Session?"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-secondary)",marginBottom:"var(--space-5)"},children:"This will permanently delete the session and all its messages. This cannot be undone."}),(0,a.jsxs)("div",{style:{display:"flex",gap:"var(--space-3)",justifyContent:"flex-end"},children:[(0,a.jsx)("button",{onClick:()=>x(null),style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md)",background:"var(--fill-tertiary)",color:"var(--text-primary)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-medium)"},children:"Cancel"}),(0,a.jsx)("button",{onClick:g,style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md)",background:"var(--system-red)",color:"#fff",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)"},children:"Delete"})]})]})})]})}let k={idle:"secondary",queued:"outline",running:"default",error:"destructive"};function C(e){let{label:t,value:r}=e;return(0,a.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:"var(--space-3)",padding:"var(--space-2) 0",borderBottom:"1px solid var(--separator)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--text-tertiary)",flexShrink:0},children:t}),(0,a.jsx)("span",{style:{fontSize:"var(--text-body)",color:"var(--text-primary)",textAlign:"right",wordBreak:"break-all"},children:r||(0,a.jsx)("span",{style:{color:"var(--text-quaternary)"},children:"--"})})]})}function z(e){return new Date(e).toLocaleString()}function I(e){var t,r;let{session:i,onClose:o,onNavigate:d}=e,{settings:c}=(0,m.t0)(),u=null!=(t=c.portalName)?t:"Jinn",[p,v]=(0,n.useState)([]);return(0,n.useEffect)(()=>{s.F.getSessionChildren(i.id).then(e=>v(e)).catch(()=>v([]))},[i.id]),(0,a.jsxs)(l.Zp,{children:[(0,a.jsx)(l.aR,{children:(0,a.jsx)(l.ZB,{style:{fontSize:"var(--text-headline)",color:"var(--text-primary)"},children:i.title||"Session Detail"})}),(0,a.jsx)(l.Wu,{children:(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,a.jsx)(C,{label:"Session ID",value:(0,a.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:"var(--text-caption1)"},children:i.id})}),(0,a.jsx)(C,{label:"Engine",value:(0,a.jsxs)("span",{style:{textTransform:"capitalize"},children:[i.engine,i.model?" (".concat(i.model,")"):""]})}),(0,a.jsx)(C,{label:"Connector",value:i.connector||i.source}),(0,a.jsx)(C,{label:"Session Key",value:i.sessionKey}),(0,a.jsx)(C,{label:"Source",value:i.source}),(0,a.jsx)(C,{label:"Employee",value:i.employee||u}),(0,a.jsx)(C,{label:"Status",value:(0,a.jsx)(b,{variant:null!=(r=k[i.transportState||i.status])?r:"secondary",children:(i.transportState||i.status).charAt(0).toUpperCase()+(i.transportState||i.status).slice(1)})}),(0,a.jsx)(C,{label:"Queue Depth",value:"number"==typeof i.queueDepth?String(i.queueDepth):"--"}),(0,a.jsx)(C,{label:"Message ID",value:i.messageId||"--"}),(0,a.jsx)(C,{label:"Created",value:z(i.createdAt)}),(0,a.jsx)(C,{label:"Last Activity",value:z(i.lastActivity)}),i.parentSessionId&&(0,a.jsx)(C,{label:"Parent Session",value:(0,a.jsxs)("button",{onClick:()=>null==d?void 0:d(i.parentSessionId),style:{fontFamily:"var(--font-mono)",fontSize:"var(--text-caption1)",color:"var(--accent)",background:"none",border:"none",cursor:"pointer",textDecoration:"underline",padding:0},children:[i.parentSessionId.slice(0,12),"..."]})}),p.length>0&&(0,a.jsxs)("div",{style:{marginTop:"var(--space-3)"},children:[(0,a.jsxs)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--text-tertiary)",display:"block",marginBottom:"var(--space-2)"},children:["Child Sessions (",p.length,")"]}),(0,a.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:p.map(e=>{var t;return(0,a.jsxs)("button",{onClick:()=>null==d?void 0:d(e.id),style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"var(--space-2) var(--space-3)",background:"var(--fill-secondary)",borderRadius:"var(--radius-sm, 8px)",border:"none",cursor:"pointer",textAlign:"left"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",color:"var(--text-primary)",fontWeight:"var(--weight-medium)"},children:e.title||e.employee||"Session"}),(0,a.jsx)(b,{variant:null!=(t=k[e.status])?t:"secondary",children:e.status})]},e.id)})})]}),i.lastError&&(0,a.jsxs)("div",{style:{marginTop:"var(--space-3)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--system-red)",display:"block",marginBottom:"var(--space-2)"},children:"Last Error"}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontFamily:"var(--font-mono)",color:"var(--system-red)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",borderRadius:"var(--radius-sm, 8px)",padding:"var(--space-3)"},children:i.lastError})]})]})})]})}var E=r(3073),W=r(1142),D=r(2876);function R(){let[e,t]=(0,n.useState)([]),[r,i]=(0,n.useState)(null),[l,d]=(0,n.useState)(!0),[c,u]=(0,n.useState)(null),[p,v]=(0,n.useState)("all"),f=(0,n.useRef)(null),x=(0,n.useCallback)(async()=>{try{u(null);let e=await s.F.getSessions();t(e)}catch(e){u(e instanceof Error?e.message:"Failed to load sessions")}finally{d(!1)}},[]);(0,n.useEffect)(()=>{x()},[x]),(0,n.useEffect)(()=>{let e=(0,o.E)(e=>{e.startsWith("session")&&x()});return()=>e.close()},[x]),(0,n.useEffect)(()=>{function e(e){"Escape"===e.key&&r&&i(null)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[r]),(0,n.useEffect)(()=>{r&&f.current&&f.current.focus()},[r]);let g=e.find(e=>e.id===r)||null,h="all"===p?e:e.filter(e=>e.status===p);return(0,a.jsx)(E.M,{children:(0,a.jsxs)("div",{style:{display:"flex",height:"100%",position:"relative",background:"var(--bg)"},children:[(0,a.jsxs)("div",{style:{flex:1,height:"100%",overflowY:"auto",padding:"var(--space-6)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--space-5)"},children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",marginBottom:"var(--space-1)"},children:"Sessions"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Active and recent engine sessions"})]}),(0,a.jsxs)("button",{onClick:()=>{d(!0),x()},style:{display:"flex",alignItems:"center",gap:"var(--space-2)",padding:"var(--space-2) var(--space-3)",borderRadius:"var(--radius-md, 12px)",background:"var(--fill-secondary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-medium)"},children:[(0,a.jsx)(D.A,{size:14}),"Refresh"]})]}),c&&(0,a.jsx)("div",{style:{marginBottom:"var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:c}),(0,a.jsxs)(W.tU,{value:p,onValueChange:v,children:[(0,a.jsxs)(W.j7,{style:{marginBottom:"var(--space-4)"},children:[(0,a.jsxs)(W.Xi,{value:"all",children:["All (",e.length,")"]}),(0,a.jsxs)(W.Xi,{value:"running",children:["Running (",e.filter(e=>"running"===e.status).length,")"]}),(0,a.jsxs)(W.Xi,{value:"idle",children:["Idle (",e.filter(e=>"idle"===e.status).length,")"]}),(0,a.jsxs)(W.Xi,{value:"error",children:["Error (",e.filter(e=>"error"===e.status).length,")"]})]}),(0,a.jsx)(W.av,{value:p,children:l&&0===e.length?(0,a.jsx)("div",{style:{textAlign:"center",padding:"var(--space-8)",color:"var(--text-tertiary)",fontSize:"var(--text-body)"},children:"Loading sessions..."}):(0,a.jsx)(w,{sessions:h,selectedId:r,onSelect:i,onDeleted:x})})]})]}),g&&(0,a.jsx)("div",{className:"fixed inset-0 z-30 lg:hidden",style:{background:"rgba(0,0,0,0.5)"},onClick:()=>i(null)}),g&&(0,a.jsx)("div",{style:{position:"absolute",top:0,right:0,bottom:0,zIndex:30},children:(0,a.jsxs)("div",{style:{width:400,maxWidth:"100vw",height:"100%",overflowY:"auto",background:"var(--bg)",boxShadow:"var(--shadow-overlay)",display:"flex",flexDirection:"column"},children:[(0,a.jsx)("div",{style:{position:"sticky",top:0,zIndex:10,display:"flex",alignItems:"center",justifyContent:"flex-end",padding:"var(--space-3) var(--space-4)",background:"var(--bg)"},children:(0,a.jsx)("button",{ref:f,onClick:()=>i(null),"aria-label":"Close detail panel",style:{width:30,height:30,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:"var(--fill-tertiary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:14},children:"✕"})}),(0,a.jsx)("div",{style:{padding:"0 var(--space-4) var(--space-6)"},children:(0,a.jsx)(I,{session:g,onClose:()=>i(null)})})]})})]})})}},9772:(e,t,r)=>{"use strict";r.d(t,{Wu:()=>l,ZB:()=>o,Zp:()=>i,aR:()=>s});var a=r(8111);r(5271);var n=r(1397);function i(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card",className:(0,n.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...r})}function s(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-header",className:(0,n.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...r})}function o(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-title",className:(0,n.cn)("leading-none font-semibold",t),...r})}function l(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-content",className:(0,n.cn)("px-6",t),...r})}}},e=>{e.O(0,[704,590,198,534,73,814,743,358],()=>e(e.s=3059)),_N_E=e.O()}]);

package/dist/web/_next/static/chunks/app/settings/page-34c9276e2a012445.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[662],{755:(e,a,t)=>{Promise.resolve().then(t.bind(t,7774))},7774:(e,a,t)=>{"use strict";t.r(a),t.d(a,{default:()=>C});var l=t(8111),r=t(5271),n=t(1509),o=t(1983);let i=(0,o.A)("rotate-ccw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]]),s=(0,o.A)("loader-circle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]]),d=(0,o.A)("save",[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]]),c=(0,o.A)("trash-2",[["path",{d:"M10 11v6",key:"nco0om"}],["path",{d:"M14 11v6",key:"outv1u"}],["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]]);var u=t(3073),v=t(2755),p=t(7460),g=t(9834),h=t(3176);let x=[{label:"Red",value:"#EF4444"},{label:"Orange",value:"#F97316"},{label:"Amber",value:"#F59E0B"},{label:"Yellow",value:"#EAB308"},{label:"Lime",value:"#84CC16"},{label:"Green",value:"#22C55E"},{label:"Emerald",value:"#10B981"},{label:"Cyan",value:"#06B6D4"},{label:"Blue",value:"#3B82F6"},{label:"Indigo",value:"#6366F1"},{label:"Violet",value:"#8B5CF6"},{label:"Pink",value:"#EC4899"}];function m(e){let{title:a,children:t}=e;return(0,l.jsxs)("section",{style:{marginBottom:"var(--space-6)"},children:[(0,l.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",letterSpacing:"var(--tracking-wide)",textTransform:"uppercase",color:"var(--text-tertiary)",padding:"0 var(--space-2) var(--space-2)"},children:a}),(0,l.jsx)("div",{style:{background:"var(--material-regular)",borderRadius:"var(--radius-md)",border:"1px solid var(--separator)",padding:"var(--space-4)"},children:t})]})}function b(e){let{label:a,children:t}=e;return(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"var(--space-2) 0",gap:"var(--space-4)"},children:[(0,l.jsx)("label",{style:{fontSize:"var(--text-subheadline)",color:"var(--text-secondary)",flexShrink:0},children:a}),(0,l.jsx)("div",{style:{width:240,flexShrink:0},children:t})]})}function f(e){let{value:a,onChange:t,type:r="text",placeholder:n}=e;return(0,l.jsx)("input",{type:r,value:a,onChange:e=>t(e.target.value),placeholder:n,className:"apple-input",style:{width:"100%",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",padding:"6px 10px",fontSize:"var(--text-footnote)",color:"var(--text-primary)"}})}function y(e){let{value:a,onChange:t,options:r}=e;return(0,l.jsx)("select",{value:a,onChange:e=>t(e.target.value),style:{width:"100%",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",padding:"6px 10px",fontSize:"var(--text-footnote)",color:"var(--text-primary)",cursor:"pointer"},children:r.map(e=>(0,l.jsx)("option",{value:e.value,children:e.label},e.value))})}function j(e){let{checked:a,onChange:t}=e;return(0,l.jsx)("button",{role:"switch","aria-checked":a,onClick:()=>t(!a),style:{width:44,height:24,borderRadius:12,background:a?"var(--system-green)":"var(--fill-primary)",border:"none",cursor:"pointer",position:"relative",flexShrink:0,transition:"background 200ms var(--ease-smooth)"},children:(0,l.jsx)("span",{style:{position:"absolute",top:2,left:a?22:2,width:20,height:20,borderRadius:"50%",background:"#fff",boxShadow:"0 1px 3px rgba(0,0,0,0.2)",transition:"left 200ms var(--ease-spring)"}})})}let k={en:"English",bg:"Bulgarian",de:"German",fr:"French",es:"Spanish",it:"Italian",pt:"Portuguese",ru:"Russian",zh:"Chinese",ja:"Japanese",ko:"Korean",ar:"Arabic",hi:"Hindi",tr:"Turkish",pl:"Polish",nl:"Dutch",sv:"Swedish",cs:"Czech",el:"Greek",ro:"Romanian",uk:"Ukrainian",he:"Hebrew",da:"Danish",fi:"Finnish",hu:"Hungarian",no:"Norwegian",sk:"Slovak",hr:"Croatian",ca:"Catalan",th:"Thai",vi:"Vietnamese",id:"Indonesian",ms:"Malay",tl:"Filipino",sr:"Serbian",lt:"Lithuanian",lv:"Latvian",sl:"Slovenian",et:"Estonian"};function S(){let[e,a]=(0,r.useState)(null),[t,n]=(0,r.useState)(!1),[o,i]=(0,r.useState)("");if((0,r.useEffect)(()=>{h.F.sttStatus().then(a).catch(()=>{})},[]),(0,r.useEffect)(()=>{if(!(null==e?void 0:e.downloading))return;let t=setInterval(()=>{h.F.sttStatus().then(a).catch(()=>{})},1500);return()=>clearInterval(t)},[null==e?void 0:e.downloading]),!e)return null;let s=Object.entries(k).filter(a=>{let[t]=a;return!e.languages.includes(t)}).sort((e,a)=>e[1].localeCompare(a[1]));return(0,l.jsxs)(m,{title:"Voice Input",children:[(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)",marginBottom:"var(--space-4)"},children:[(0,l.jsx)("div",{style:{width:8,height:8,borderRadius:"50%",background:e.available?"var(--system-green)":"var(--system-red)",flexShrink:0}}),(0,l.jsxs)("div",{style:{flex:1},children:[(0,l.jsx)("div",{style:{fontSize:"var(--text-subheadline)",fontWeight:"var(--weight-medium)",color:"var(--text-primary)"},children:e.available?"Whisper ".concat((e.model||"small").charAt(0).toUpperCase()+(e.model||"small").slice(1)):"No model installed"}),(0,l.jsx)("div",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)"},children:e.available?"Offline speech recognition ready":"Download a model to enable voice input"})]})]}),!e.available&&!e.downloading&&(0,l.jsx)("button",{onClick:function(){h.F.sttDownload().then(()=>a(e=>e?{...e,downloading:!0,progress:0}:e)).catch(()=>{})},style:{width:"100%",padding:"var(--space-3)",borderRadius:"var(--radius-md)",background:"var(--accent)",color:"var(--accent-contrast)",border:"none",cursor:"pointer",fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",marginBottom:"var(--space-4)"},children:"Download Whisper Small (~500MB)"}),e.downloading&&(0,l.jsxs)("div",{style:{marginBottom:"var(--space-4)"},children:[(0,l.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:"var(--space-2)",fontSize:"var(--text-caption1)",color:"var(--text-tertiary)"},children:[(0,l.jsx)("span",{children:"Downloading model…"}),(0,l.jsxs)("span",{children:[e.progress,"%"]})]}),(0,l.jsx)("div",{style:{height:6,borderRadius:3,background:"var(--fill-tertiary)",overflow:"hidden"},children:(0,l.jsx)("div",{style:{height:"100%",width:"".concat(e.progress,"%"),borderRadius:3,background:"var(--accent)",transition:"width 300ms ease"}})})]}),e.available&&(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("div",{style:{borderTop:"1px solid var(--separator)",marginTop:"var(--space-2)",paddingTop:"var(--space-3)"},children:[(0,l.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",color:"var(--text-tertiary)",marginBottom:"var(--space-2)"},children:"Transcription Languages"}),(0,l.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginBottom:"var(--space-3)"},children:"First language is the default. Add multiple to show a language picker in chat."}),(0,l.jsx)("div",{style:{display:"flex",flexWrap:"wrap",gap:"var(--space-2)",marginBottom:"var(--space-3)"},children:e.languages.map(r=>(0,l.jsxs)("div",{style:{display:"inline-flex",alignItems:"center",gap:"var(--space-1)",padding:"3px 8px",borderRadius:"var(--radius-sm)",background:"var(--fill-secondary)",fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",color:"var(--text-primary)"},children:[(0,l.jsx)("span",{style:{fontFamily:"var(--font-mono)",textTransform:"uppercase",fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",color:"var(--accent)",marginRight:2},children:r}),k[r]||r,e.languages.length>1&&(0,l.jsx)("button",{onClick:()=>(function(t){if(!e||e.languages.length<=1)return;let l=e.languages.filter(e=>e!==t);n(!0),h.F.sttUpdateConfig(l).then(()=>a(e=>e?{...e,languages:l}:e)).catch(()=>{}).finally(()=>n(!1))})(r),disabled:t,"aria-label":"Remove ".concat(k[r]||r),style:{background:"none",border:"none",cursor:"pointer",padding:0,marginLeft:2,color:"var(--text-quaternary)",fontSize:14,lineHeight:1,display:"flex",alignItems:"center"},children:"\xd7"})]},r))}),(0,l.jsxs)("div",{style:{display:"flex",gap:"var(--space-2)"},children:[(0,l.jsxs)("select",{value:o,onChange:e=>i(e.target.value),style:{flex:1,background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",padding:"6px 10px",fontSize:"var(--text-footnote)",color:o?"var(--text-primary)":"var(--text-tertiary)",cursor:"pointer"},children:[(0,l.jsx)("option",{value:"",children:"Add a language…"}),s.map(e=>{let[a,t]=e;return(0,l.jsxs)("option",{value:a,children:[a.toUpperCase()," — ",t]},a)})]}),(0,l.jsx)("button",{onClick:function(){if(!o||!e||e.languages.includes(o))return;let t=[...e.languages,o];n(!0),i(""),h.F.sttUpdateConfig(t).then(()=>a(e=>e?{...e,languages:t}:e)).catch(()=>{}).finally(()=>n(!1))},disabled:!o||t,style:{padding:"6px 14px",borderRadius:"var(--radius-sm)",background:o?"var(--accent)":"var(--fill-tertiary)",color:o?"var(--accent-contrast)":"var(--text-quaternary)",border:"none",cursor:o?"pointer":"default",fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",flexShrink:0},children:"Add"})]})]})})]})}function C(){var e,a,t,o,k,C,w,z,B,R,F,W,E,I,T,N,A,D,M,L,P,O,H,G,U,V,_,q,J,K,Y,$,Q,X,Z,ee,ea,et,el,er,en,eo,ei,es,ed,ec,eu,ev,ep,eg,eh,ex,em,eb,ef,ey,ej,ek,eS,eC,ew,ez,eB,eR,eF;let{settings:eW,setAccentColor:eE,setPortalName:eI,setPortalSubtitle:eT,setOperatorName:eN,setPortalEmoji:eA,setLanguage:eD,resetAll:eM}=(0,v.t0)(),{theme:eL,setTheme:eP}=(0,p.D)(),[eO,eH]=(0,r.useState)(null!=(er=eW.portalName)?er:""),[eG,eU]=(0,r.useState)(null!=(en=eW.portalSubtitle)?en:""),[eV,e_]=(0,r.useState)(null!=(eo=eW.operatorName)?eo:""),[eq,eJ]=(0,r.useState)(null!=(ei=eW.portalEmoji)?ei:""),[eK,eY]=(0,r.useState)(null!=(es=eW.language)?es:"English"),[e$,eQ]=(0,r.useState)(null!=(ed=eW.accentColor)?ed:""),[eX,eZ]=(0,r.useState)({}),[e0,e1]=(0,r.useState)(!0),[e2,e3]=(0,r.useState)(null),[e4,e6]=(0,r.useState)(!1),[e5,e8]=(0,r.useState)(null);function e7(){e1(!0),h.F.getConfig().then(e=>{eZ(e),e3(null)}).catch(e=>e3(e.message)).finally(()=>e1(!1))}function e9(e,a){eZ(t=>{let l=structuredClone(t),r=l;for(let a=0;a<e.length-1;a++)r[e[a]]&&"object"==typeof r[e[a]]||(r[e[a]]={}),r=r[e[a]];return r[e[e.length-1]]=a,l})}return(0,r.useEffect)(()=>{var e,a,t,l,r,n;eH(null!=(e=eW.portalName)?e:""),eU(null!=(a=eW.portalSubtitle)?a:""),e_(null!=(t=eW.operatorName)?t:""),eJ(null!=(l=eW.portalEmoji)?l:""),eY(null!=(r=eW.language)?r:"English"),eQ(null!=(n=eW.accentColor)?n:"")},[eW.portalName,eW.portalSubtitle,eW.operatorName,eW.portalEmoji,eW.language,eW.accentColor]),(0,r.useEffect)(()=>{e7()},[]),(0,l.jsx)(u.M,{children:(0,l.jsx)("div",{className:"h-full overflow-y-auto",style:{background:"var(--bg)"},children:(0,l.jsxs)("div",{style:{maxWidth:640,margin:"0 auto",padding:"var(--space-6) var(--space-4) var(--space-12)"},children:[(0,l.jsx)("h1",{style:{fontSize:"var(--text-title1)",fontWeight:"var(--weight-bold)",letterSpacing:"var(--tracking-tight)",color:"var(--text-primary)",margin:"0 0 var(--space-6)"},children:"Settings"}),(0,l.jsxs)(m,{title:"Appearance",children:[(0,l.jsx)("div",{style:{fontSize:"var(--text-footnote)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)",marginBottom:"var(--space-2)"},children:"Theme"}),(0,l.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(5, 1fr)",gap:"var(--space-2)",marginBottom:"var(--space-4)"},children:g.z.map(e=>{let a=eL===e.id;return(0,l.jsxs)("button",{onClick:()=>eP(e.id),style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"var(--space-1)",padding:"var(--space-3) var(--space-2)",borderRadius:"var(--radius-md)",background:"var(--fill-quaternary)",border:a?"2px solid var(--accent)":"2px solid var(--separator)",cursor:"pointer",transition:"all 150ms var(--ease-smooth)"},children:[(0,l.jsx)("span",{style:{fontSize:24},children:e.emoji}),(0,l.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:a?"var(--weight-semibold)":"var(--weight-medium)",color:a?"var(--accent)":"var(--text-secondary)"},children:e.label})]},e.id)})}),(0,l.jsx)("div",{style:{fontSize:"var(--text-footnote)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)",marginBottom:"var(--space-2)"},children:"Accent Color"}),(0,l.jsx)("div",{style:{display:"flex",flexWrap:"wrap",gap:"var(--space-2)",marginBottom:"var(--space-3)"},children:x.map(e=>{let a=eW.accentColor===e.value;return(0,l.jsx)("button",{onClick:()=>eE(e.value),"aria-label":e.label,title:e.label,style:{width:32,height:32,borderRadius:"50%",background:e.value,border:a?"2px solid var(--text-primary)":"2px solid transparent",outline:a?"2px solid ".concat(e.value):"none",outlineOffset:2,cursor:"pointer",transition:"all 100ms var(--ease-smooth)",display:"flex",alignItems:"center",justifyContent:"center"},children:a&&(0,l.jsx)(n.A,{size:14,color:"#fff",strokeWidth:3})},e.value)})}),(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)"},children:[(0,l.jsxs)("label",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",fontSize:"var(--text-footnote)",color:"var(--text-secondary)",cursor:"pointer"},children:["Custom:",(0,l.jsx)("input",{type:"color",value:null!=(ec=eW.accentColor)?ec:"#3B82F6",onChange:e=>eE(e.target.value),style:{width:28,height:28,border:"none",borderRadius:"50%",cursor:"pointer",background:"none",padding:0}})]}),(0,l.jsx)("input",{type:"text",placeholder:"#3B82F6",value:e$,onChange:e=>{eQ(e.target.value),/^#[0-9a-fA-F]{6}$/.test(e.target.value)&&eE(e.target.value)},className:"apple-input",style:{width:90,padding:"4px 8px",fontSize:"var(--text-caption1)",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",color:"var(--text-primary)",fontFamily:"monospace"}}),eW.accentColor&&(0,l.jsxs)("button",{onClick:()=>eE(null),style:{fontSize:"var(--text-footnote)",color:"var(--system-blue)",background:"none",border:"none",cursor:"pointer",padding:0,display:"inline-flex",alignItems:"center",gap:4},children:[(0,l.jsx)(i,{size:12}),"Reset"]})]})]}),(0,l.jsx)(m,{title:"Branding",children:(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-3)"},children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{style:{display:"block",fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Portal Name"}),(0,l.jsx)("input",{type:"text",className:"apple-input",placeholder:"Jinn",value:eO,onChange:e=>eH(e.target.value),onBlur:()=>{eI(eO||null),h.F.completeOnboarding({portalName:eO||void 0}).catch(()=>{})},style:{width:"100%",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",padding:"6px 10px",fontSize:"var(--text-footnote)",color:"var(--text-primary)"}})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{style:{display:"block",fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Portal Subtitle"}),(0,l.jsx)("input",{type:"text",className:"apple-input",placeholder:"Command Centre",value:eG,onChange:e=>eU(e.target.value),onBlur:()=>eT(eG||null),style:{width:"100%",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",padding:"6px 10px",fontSize:"var(--text-footnote)",color:"var(--text-primary)"}})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{style:{display:"block",fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Operator Name"}),(0,l.jsx)("input",{type:"text",className:"apple-input",placeholder:"Your Name",value:eV,onChange:e=>e_(e.target.value),onBlur:()=>{eN(eV||null),h.F.completeOnboarding({operatorName:eV||void 0}).catch(()=>{})},style:{width:"100%",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",padding:"6px 10px",fontSize:"var(--text-footnote)",color:"var(--text-primary)"}})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{style:{display:"block",fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Portal Emoji"}),(0,l.jsx)("input",{type:"text",className:"apple-input",placeholder:"\ud83e\udd16",value:eq,onChange:e=>eJ(e.target.value),onBlur:()=>eA(eq||null),style:{width:80,textAlign:"center",fontSize:"var(--text-title2)",padding:"6px 8px",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)"}})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{style:{display:"block",fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Language"}),(0,l.jsxs)("select",{value:eK,onChange:e=>eY(e.target.value),onBlur:()=>{eD(eK||"English"),h.F.completeOnboarding({language:eK||void 0}).catch(()=>{})},style:{width:"100%",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",padding:"6px 10px",fontSize:"var(--text-footnote)",color:"var(--text-primary)",cursor:"pointer"},children:[(0,l.jsx)("option",{value:"English",children:"English"}),(0,l.jsx)("option",{value:"Spanish",children:"Spanish"}),(0,l.jsx)("option",{value:"French",children:"French"}),(0,l.jsx)("option",{value:"German",children:"German"}),(0,l.jsx)("option",{value:"Portuguese",children:"Portuguese"}),(0,l.jsx)("option",{value:"Italian",children:"Italian"}),(0,l.jsx)("option",{value:"Dutch",children:"Dutch"}),(0,l.jsx)("option",{value:"Russian",children:"Russian"}),(0,l.jsx)("option",{value:"Chinese",children:"Chinese"}),(0,l.jsx)("option",{value:"Japanese",children:"Japanese"}),(0,l.jsx)("option",{value:"Korean",children:"Korean"}),(0,l.jsx)("option",{value:"Arabic",children:"Arabic"}),(0,l.jsx)("option",{value:"Hindi",children:"Hindi"}),(0,l.jsx)("option",{value:"Bulgarian",children:"Bulgarian"})]})]})]})}),e5&&(0,l.jsx)("div",{style:{marginBottom:"var(--space-4)",padding:"var(--space-3) var(--space-4)",borderRadius:"var(--radius-md)",background:"success"===e5.type?"rgba(34,197,94,0.1)":"rgba(239,68,68,0.1)",border:"1px solid ".concat("success"===e5.type?"rgba(34,197,94,0.3)":"rgba(239,68,68,0.3)"),fontSize:"var(--text-footnote)",color:"success"===e5.type?"var(--system-green)":"var(--system-red)"},children:e5.message}),e0?(0,l.jsxs)("div",{style:{textAlign:"center",padding:"var(--space-8)",color:"var(--text-tertiary)",fontSize:"var(--text-footnote)"},children:[(0,l.jsx)(s,{size:20,style:{animation:"spin 1s linear infinite",margin:"0 auto var(--space-2)"}}),"Loading gateway config..."]}):e2?(0,l.jsxs)("div",{style:{marginBottom:"var(--space-6)",padding:"var(--space-3) var(--space-4)",borderRadius:"var(--radius-md)",background:"rgba(239,68,68,0.1)",border:"1px solid rgba(239,68,68,0.3)",fontSize:"var(--text-footnote)",color:"var(--system-red)"},children:["Failed to load config: ",e2]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(m,{title:"Gateway Configuration",children:[(0,l.jsx)(b,{label:"Port",children:(0,l.jsx)(f,{type:"number",value:String(null!=(eu=null==(e=eX.gateway)?void 0:e.port)?eu:""),onChange:e=>e9(["gateway","port"],Number(e)||0),placeholder:"7777"})}),(0,l.jsx)(b,{label:"Host",children:(0,l.jsx)(f,{value:null!=(ev=null==(a=eX.gateway)?void 0:a.host)?ev:"",onChange:e=>e9(["gateway","host"],e),placeholder:"127.0.0.1"})}),(0,l.jsx)(b,{label:"Default Engine",children:(0,l.jsx)(y,{value:null!=(ep=null==(t=eX.engines)?void 0:t.default)?ep:"claude",onChange:e=>e9(["engines","default"],e),options:[{value:"claude",label:"Claude"},{value:"codex",label:"Codex"}]})})]}),(0,l.jsxs)(m,{title:"Engine Configuration",children:[(0,l.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",color:"var(--text-tertiary)",marginBottom:"var(--space-2)"},children:"Claude"}),(0,l.jsx)(b,{label:"Binary Path",children:(0,l.jsx)(f,{value:null!=(eg=null==(k=eX.engines)||null==(o=k.claude)?void 0:o.bin)?eg:"",onChange:e=>e9(["engines","claude","bin"],e),placeholder:"claude"})}),(0,l.jsx)(b,{label:"Model",children:(0,l.jsx)(y,{value:null!=(eh=null==(w=eX.engines)||null==(C=w.claude)?void 0:C.model)?eh:"opus",onChange:e=>e9(["engines","claude","model"],e),options:[{value:"opus",label:"Opus (claude-opus-4-6)"},{value:"sonnet",label:"Sonnet (claude-sonnet-4-6)"},{value:"haiku",label:"Haiku (claude-haiku-4-5)"}]})}),(0,l.jsx)(b,{label:"Effort Level",children:(0,l.jsx)(y,{value:null!=(ex=null==(B=eX.engines)||null==(z=B.claude)?void 0:z.effortLevel)?ex:"default",onChange:e=>e9(["engines","claude","effortLevel"],e),options:[{value:"default",label:"Default"},{value:"low",label:"Low"},{value:"medium",label:"Medium"},{value:"high",label:"High"}]})}),(0,l.jsx)("div",{style:{borderTop:"1px solid var(--separator)",marginTop:"var(--space-3)",paddingTop:"var(--space-3)"}}),(0,l.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",color:"var(--text-tertiary)",marginBottom:"var(--space-2)"},children:"Codex"}),(0,l.jsx)(b,{label:"Binary Path",children:(0,l.jsx)(f,{value:null!=(em=null==(F=eX.engines)||null==(R=F.codex)?void 0:R.bin)?em:"",onChange:e=>e9(["engines","codex","bin"],e),placeholder:"codex"})}),(0,l.jsx)(b,{label:"Model",children:(0,l.jsx)(y,{value:null!=(eb=null==(E=eX.engines)||null==(W=E.codex)?void 0:W.model)?eb:"gpt-5.4",onChange:e=>e9(["engines","codex","model"],e),options:[{value:"gpt-5.4",label:"GPT-5.4"},{value:"gpt-5.3-codex",label:"GPT-5.3 Codex"},{value:"gpt-5.2-codex",label:"GPT-5.2 Codex"},{value:"gpt-5.2",label:"GPT-5.2"},{value:"gpt-5.1-codex-max",label:"GPT-5.1 Codex Max"},{value:"gpt-5.1-codex-mini",label:"GPT-5.1 Codex Mini"}]})}),(0,l.jsx)(b,{label:"Effort Level",children:(0,l.jsx)(y,{value:null!=(ef=null==(T=eX.engines)||null==(I=T.codex)?void 0:I.effortLevel)?ef:"default",onChange:e=>e9(["engines","codex","effortLevel"],e),options:[{value:"default",label:"Default"},{value:"low",label:"Low"},{value:"medium",label:"Medium"},{value:"high",label:"High"},{value:"xhigh",label:"Extra High"}]})})]}),(0,l.jsxs)(m,{title:"Connectors",children:[(0,l.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",color:"var(--text-tertiary)",marginBottom:"var(--space-2)"},children:"Slack"}),(0,l.jsx)(b,{label:"App Token",children:(0,l.jsx)(f,{type:"password",value:null!=(ey=null==(A=eX.connectors)||null==(N=A.slack)?void 0:N.appToken)?ey:"",onChange:e=>e9(["connectors","slack","appToken"],e),placeholder:"xapp-..."})}),(0,l.jsx)(b,{label:"Bot Token",children:(0,l.jsx)(f,{type:"password",value:null!=(ej=null==(M=eX.connectors)||null==(D=M.slack)?void 0:D.botToken)?ej:"",onChange:e=>e9(["connectors","slack","botToken"],e),placeholder:"xoxb-..."})}),(0,l.jsx)(b,{label:"Share Session in Channel",children:(0,l.jsx)(j,{checked:null!=(ek=null==(P=eX.connectors)||null==(L=P.slack)?void 0:L.shareSessionInChannel)&&ek,onChange:e=>e9(["connectors","slack","shareSessionInChannel"],e)})}),(0,l.jsx)(b,{label:"Allowed Users",children:(0,l.jsx)(f,{value:Array.isArray(null==(H=eX.connectors)||null==(O=H.slack)?void 0:O.allowFrom)?null==(V=eX.connectors)||null==(U=V.slack)||null==(G=U.allowFrom)?void 0:G.join(", "):null!=(eS=null==(q=eX.connectors)||null==(_=q.slack)?void 0:_.allowFrom)?eS:"",onChange:e=>e9(["connectors","slack","allowFrom"],e.trim()?e.split(",").map(e=>e.trim()).filter(Boolean):void 0),placeholder:"U123, U456"})}),(0,l.jsx)(b,{label:"Ignore Old Messages on Boot",children:(0,l.jsx)(j,{checked:null==(eC=null==(K=eX.connectors)||null==(J=K.slack)?void 0:J.ignoreOldMessagesOnBoot)||eC,onChange:e=>e9(["connectors","slack","ignoreOldMessagesOnBoot"],e)})}),(0,l.jsx)("div",{style:{borderTop:"1px solid var(--separator)",marginTop:"var(--space-3)",paddingTop:"var(--space-3)"}}),(0,l.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",color:"var(--text-tertiary)",marginBottom:"var(--space-2)"},children:"Web UI"}),(0,l.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)"},children:"Web conversations use queued one-shot resume flow for both engines."})]}),(0,l.jsxs)(m,{title:"Cron",children:[(0,l.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",color:"var(--text-tertiary)",marginBottom:"var(--space-2)"},children:"Default Delivery"}),(0,l.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginBottom:"var(--space-3)"},children:"When a cron job has no delivery configured, results will be sent here."}),(0,l.jsx)(b,{label:"Connector",children:(0,l.jsx)(y,{value:null!=(ew=null==($=eX.cron)||null==(Y=$.defaultDelivery)?void 0:Y.connector)?ew:"",onChange:e=>e9(["cron","defaultDelivery","connector"],e||void 0),options:[{value:"",label:"None (fire & forget)"},{value:"web",label:"Web"},{value:"slack",label:"Slack"}]})}),(null==(X=eX.cron)||null==(Q=X.defaultDelivery)?void 0:Q.connector)&&(0,l.jsx)(b,{label:"Channel",children:(0,l.jsx)(f,{value:null!=(ez=null==(ee=eX.cron)||null==(Z=ee.defaultDelivery)?void 0:Z.channel)?ez:"",onChange:e=>e9(["cron","defaultDelivery","channel"],e),placeholder:"#general"})})]}),(0,l.jsxs)(m,{title:"Logging",children:[(0,l.jsx)(b,{label:"Level",children:(0,l.jsx)(y,{value:null!=(eB=null==(ea=eX.logging)?void 0:ea.level)?eB:"info",onChange:e=>e9(["logging","level"],e),options:[{value:"debug",label:"Debug"},{value:"info",label:"Info"},{value:"warn",label:"Warn"},{value:"error",label:"Error"}]})}),(0,l.jsx)(b,{label:"Stdout",children:(0,l.jsx)(j,{checked:null==(eR=null==(et=eX.logging)?void 0:et.stdout)||eR,onChange:e=>e9(["logging","stdout"],e)})}),(0,l.jsx)(b,{label:"File Logging",children:(0,l.jsx)(j,{checked:null!=(eF=null==(el=eX.logging)?void 0:el.file)&&eF,onChange:e=>e9(["logging","file"],e)})})]}),(0,l.jsx)(S,{}),(0,l.jsxs)("div",{style:{display:"flex",justifyContent:"flex-end",gap:"var(--space-3)",marginBottom:"var(--space-6)"},children:[(0,l.jsxs)("button",{onClick:()=>e7(),style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md)",background:"var(--fill-tertiary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:"var(--text-footnote)",fontWeight:"var(--weight-medium)",display:"inline-flex",alignItems:"center",gap:6},children:[(0,l.jsx)(i,{size:14}),"Reload"]}),(0,l.jsxs)("button",{onClick:function(){e6(!0),e8(null),h.F.updateConfig(eX).then(()=>e8({type:"success",message:"Settings saved successfully"})).catch(e=>e8({type:"error",message:"Failed to save: ".concat(e.message)})).finally(()=>e6(!1))},disabled:e4,style:{padding:"var(--space-2) var(--space-5)",borderRadius:"var(--radius-md)",background:"var(--accent)",color:"var(--accent-contrast)",border:"none",cursor:e4?"wait":"pointer",fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",display:"inline-flex",alignItems:"center",gap:6,opacity:e4?.7:1,transition:"all 150ms var(--ease-smooth)"},children:[(0,l.jsx)(d,{size:14}),e4?"Saving...":"Save Config"]})]})]}),(0,l.jsx)(m,{title:"Reset",children:(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--space-3)",flexWrap:"wrap"},children:[(0,l.jsxs)("button",{onClick:()=>{localStorage.removeItem("jinn-onboarded"),window.location.reload()},style:{padding:"var(--space-2) var(--space-5)",borderRadius:"var(--radius-md)",background:"var(--accent)",color:"var(--accent-contrast)",border:"none",cursor:"pointer",fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",transition:"all 150ms var(--ease-spring)",display:"inline-flex",alignItems:"center",gap:"var(--space-2)"},children:[(0,l.jsx)(i,{size:14}),"Re-run Onboarding Wizard"]}),(0,l.jsxs)("button",{onClick:()=>{window.confirm("Reset all settings to defaults?")&&(localStorage.removeItem("jinn-settings"),localStorage.removeItem("jinn-theme"),eM(),window.location.reload())},style:{padding:"var(--space-2) var(--space-5)",borderRadius:"var(--radius-md)",background:"var(--system-red)",color:"#fff",border:"none",cursor:"pointer",fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",transition:"all 150ms var(--ease-spring)",display:"inline-flex",alignItems:"center",gap:"var(--space-2)"},children:[(0,l.jsx)(c,{size:14}),"Reset All Settings"]})]})})]})})})}}},e=>{e.O(0,[704,73,814,743,358],()=>e(e.s=755)),_N_E=e.O()}]);

package/dist/web/_next/static/chunks/app/skills/page-18cf3b7bb9a7339c.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[501],{1240:(e,t,a)=>{"use strict";a.d(t,{lG:()=>l,Cf:()=>c,rr:()=>x,c7:()=>p,L3:()=>m});var r=a(8111);a(5271);var n=a(1061),s=a(6573),o=a(1397);function l(e){let{...t}=e;return(0,r.jsx)(s.bL,{"data-slot":"dialog",...t})}function i(e){let{...t}=e;return(0,r.jsx)(s.ZL,{"data-slot":"dialog-portal",...t})}function d(e){let{className:t,...a}=e;return(0,r.jsx)(s.hJ,{"data-slot":"dialog-overlay",className:(0,o.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...a})}function c(e){let{className:t,children:a,showCloseButton:l=!0,...c}=e;return(0,r.jsxs)(i,{"data-slot":"dialog-portal",children:[(0,r.jsx)(d,{}),(0,r.jsxs)(s.UC,{"data-slot":"dialog-content",className:(0,o.cn)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",t),...c,children:[a,l&&(0,r.jsxs)(s.bm,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",children:[(0,r.jsx)(n.A,{}),(0,r.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}function p(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"dialog-header",className:(0,o.cn)("flex flex-col gap-2 text-center sm:text-left",t),...a})}function m(e){let{className:t,...a}=e;return(0,r.jsx)(s.hE,{"data-slot":"dialog-title",className:(0,o.cn)("text-lg leading-none font-semibold",t),...a})}function x(e){let{className:t,...a}=e;return(0,r.jsx)(s.VY,{"data-slot":"dialog-description",className:(0,o.cn)("text-muted-foreground text-sm",t),...a})}(0,a(3916).F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--system-blue)]",{variants:{variant:{default:"bg-[var(--accent)] text-black font-semibold btn-scale hover:shadow-[0_0_24px_var(--accent-fill)]",destructive:"bg-[var(--system-red)] text-white btn-scale",outline:"border border-[var(--separator)] bg-transparent shadow-[var(--shadow-subtle)] hover:bg-[var(--fill-secondary)] hover:text-[var(--text-primary)]",secondary:"bg-[var(--accent-fill)] text-[var(--accent)] font-semibold btn-scale",ghost:"bg-transparent text-[var(--text-secondary)] hover:bg-[var(--fill-secondary)] hover:text-[var(--text-primary)]",link:"text-[var(--system-blue)] underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 text-sm has-[>svg]:px-3",xs:"h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"h-8 rounded-md gap-1.5 px-3 text-sm has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 text-base has-[>svg]:px-4",icon:"size-9","icon-xs":"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}})},1397:(e,t,a)=>{"use strict";a.d(t,{cn:()=>s});var r=a(5242),n=a(3065);function s(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,n.QP)((0,r.$)(t))}},3209:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>v});var r=a(8111),n=a(5271),s=a(3176);let o={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;"},l=/[&<>"']/g,i=[{name:"h4",pattern:/^#### (.+)$/gm,replacement:'<h4 class="text-[15px] font-semibold" style="color:var(--text-primary);margin-top:1rem;margin-bottom:0.25rem">$1</h4>'},{name:"h3",pattern:/^### (.+)$/gm,replacement:'<h3 class="text-[17px] font-semibold" style="color:var(--text-primary);margin-top:1.25rem;margin-bottom:0.375rem">$1</h3>'},{name:"h2",pattern:/^## (.+)$/gm,replacement:'<h2 class="text-[22px] font-semibold" style="color:var(--text-primary);margin-top:1.5rem;margin-bottom:0.5rem;padding-bottom:0.25rem;border-bottom:1px solid var(--separator)">$1</h2>'},{name:"h1",pattern:/^# (.+)$/gm,replacement:'<h1 class="text-[28px] font-bold" style="color:var(--text-primary);margin-top:1rem;margin-bottom:0.75rem">$1</h1>'},{name:"bold",pattern:/\*\*(.+?)\*\*/g,replacement:'<strong class="font-semibold" style="color:var(--text-primary)">$1</strong>'},{name:"inline-code",pattern:/`([^`]+)`/g,replacement:'<code style="background:var(--fill-secondary);color:var(--accent);padding:2px 6px;border-radius:6px;font-size:13px;font-family:var(--font-mono)">$1</code>'},{name:"unordered-list",pattern:/^- (.+)$/gm,replacement:'<li class="ml-4 text-[15px] leading-[1.7] list-disc" style="color:var(--text-secondary)">$1</li>'},{name:"ordered-list",pattern:/^(\d+)\. (.+)$/gm,replacement:'<li class="ml-4 text-[15px] leading-[1.7] list-decimal" style="color:var(--text-secondary)">$2</li>'},{name:"paragraph-break",pattern:/\n{2,}/g,replacement:'</p><p class="mb-3" style="color:var(--text-secondary)">'},{name:"line-break",pattern:/\n/g,replacement:"<br/>"}];var d=a(3073),c=a(9772),p=a(1240),m=a(9026),x=a(2755);function v(){var e,t;let{settings:a}=(0,x.t0)(),v=null!=(e=a.portalName)?e:"Jinn",[u,g]=(0,n.useState)([]),[h,f]=(0,n.useState)(!0),[b,y]=(0,n.useState)(null),[j,k]=(0,n.useState)(null),[w,z]=(0,n.useState)(null),[S,N]=(0,n.useState)(!1),[_,C]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{s.F.getSkills().then(e=>g(e)).catch(e=>y(e.message)).finally(()=>f(!1))},[]),(0,r.jsx)(d.M,{children:(0,r.jsxs)("div",{style:{height:"100%",overflowY:"auto",padding:"var(--space-6)"},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--space-6)"},children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",marginBottom:"var(--space-1)"},children:"Skills"}),(0,r.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Capabilities and learned behaviors"})]}),(0,r.jsx)("button",{onClick:()=>alert("To create a new skill, chat with ".concat(v," and ask to learn something new.")),style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--accent) 12%, transparent)",color:"var(--accent)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-medium)"},children:"+ Create Skill"})]}),b&&(0,r.jsxs)("div",{style:{marginBottom:"var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:["Failed to load skills: ",b]}),h?(0,r.jsx)("div",{style:{textAlign:"center",padding:"var(--space-8)",color:"var(--text-tertiary)",fontSize:"var(--text-body)"},children:"Loading..."}):0!==u.length||b?(0,r.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(220px, 1fr))",gap:"var(--space-4)"},children:u.map(e=>(0,r.jsx)(c.Zp,{className:"py-4 cursor-pointer transition-colors hover:border-[var(--accent)]",onClick:()=>{k(e),C(!0),N(!0),s.F.getSkill(e.name).then(e=>{z(e.content||e.skillMd||JSON.stringify(e,null,2))}).catch(()=>z("Failed to load skill content")).finally(()=>N(!1))},style:{cursor:"pointer"},children:(0,r.jsxs)(c.Wu,{className:"flex flex-col gap-3",children:[(0,r.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-yellow) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--system-yellow)"},children:(0,r.jsx)(m.A,{size:20})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",marginBottom:2},children:e.name}),(0,r.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:e.description||"No description"})]})]})},e.name))}):(0,r.jsx)(c.Zp,{children:(0,r.jsx)(c.Wu,{children:(0,r.jsxs)("div",{style:{textAlign:"center",padding:"var(--space-6)"},children:[(0,r.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"No skills yet"}),(0,r.jsxs)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-quaternary)",marginTop:"var(--space-1)"},children:["Chat with ",v," to teach new skills"]})]})})}),(0,r.jsx)(p.lG,{open:_,onOpenChange:e=>!e&&void(C(!1),k(null),z(null)),children:(0,r.jsxs)(p.Cf,{className:"sm:max-w-2xl max-h-[80vh] flex flex-col",children:[(0,r.jsxs)(p.c7,{children:[(0,r.jsx)(p.L3,{children:null!=(t=null==j?void 0:j.name)?t:"Skill"}),(0,r.jsx)(p.rr,{children:(null==j?void 0:j.description)||"Skill details"})]}),(0,r.jsx)("div",{style:{flex:1,overflowY:"auto",padding:"var(--space-2) 0"},children:S?(0,r.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Loading..."}):w?(0,r.jsx)("div",{style:{fontSize:"var(--text-body)",lineHeight:1.7,color:"var(--text-secondary)"},dangerouslySetInnerHTML:{__html:function(e,t){let a=e.replace(l,e=>o[e]);for(let e of i)a=a.replace(e.pattern,e.replacement);return a}(w)}}):null})]})})]})})}},9094:(e,t,a)=>{Promise.resolve().then(a.bind(a,3209))},9772:(e,t,a)=>{"use strict";a.d(t,{Wu:()=>i,ZB:()=>l,Zp:()=>s,aR:()=>o});var r=a(8111);a(5271);var n=a(1397);function s(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card",className:(0,n.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...a})}function o(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card-header",className:(0,n.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...a})}function l(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card-title",className:(0,n.cn)("leading-none font-semibold",t),...a})}function i(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card-content",className:(0,n.cn)("px-6",t),...a})}}},e=>{e.O(0,[704,590,198,573,73,814,743,358],()=>e(e.s=9094)),_N_E=e.O()}]);

package/dist/web/_next/static/chunks/main-app-0c65af8a0fd99888.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[358],{2613:(e,s,n)=>{Promise.resolve().then(n.t.bind(n,7698,23)),Promise.resolve().then(n.t.bind(n,3339,23)),Promise.resolve().then(n.t.bind(n,4033,23)),Promise.resolve().then(n.t.bind(n,5754,23)),Promise.resolve().then(n.t.bind(n,8954,23)),Promise.resolve().then(n.t.bind(n,6658,23)),Promise.resolve().then(n.t.bind(n,5640,23)),Promise.resolve().then(n.t.bind(n,2051,23)),Promise.resolve().then(n.bind(n,4970))},5377:()=>{}},e=>{var s=s=>e(e.s=s);e.O(0,[814,743],()=>(s(3294),s(2613))),_N_E=e.O()}]);

package/dist/web/_next/static/css/24da9dfc818cea32.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;--font-mono:"SF Mono",Monaco,Menlo,"Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-700:oklch(50.5% .213 27.518);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-700:oklch(55.5% .163 48.998);--color-green-100:oklch(96.2% .044 156.743);--color-green-700:oklch(52.7% .154 150.069);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-700:oklch(48.8% .243 264.376);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-700:oklch(49.6% .265 301.924);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.41px;--tracking-wide:.07em;--leading-tight:1.15;--leading-normal:1.47;--leading-relaxed:1.65;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--text-caption2:11px;--text-caption1:12px;--text-footnote:13px;--text-subheadline:15px;--text-body:17px;--text-title3:20px;--text-title2:22px;--text-title1:28px;--text-large-title:34px;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--animate-fade-in:fadeIn .2s ease-out}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-4{right:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-30{z-index:30}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-5{margin-left:calc(var(--spacing) * 5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-full{width:100%;height:100%}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-64{height:calc(var(--spacing) * 64)}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[calc\(100\%-48px\)\]{height:calc(100% - 48px)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-\[80vh\]{max-height:80vh}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-5{width:calc(var(--spacing) * 5)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-fade-in{animation:var(--animate-fade-in)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--space-1) * var(--tw-space-y-reverse));margin-block-end:calc(var(--space-1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--space-2) * var(--tw-space-y-reverse));margin-block-end:calc(var(--space-2) * calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap}.overflow-hidden,.truncate{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[var\(--separator\)\]{border-color:var(--separator)}.border-amber-200{border-color:var(--color-amber-200)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-red-200{border-color:var(--color-red-200)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--accent-fill\)\]{background-color:var(--accent-fill)}.bg-\[var\(--system-red\)\]{background-color:var(--system-red)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-green-100{background-color:var(--color-green-100)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing) * 0)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[3px\]{padding:3px}.p-px{padding:1px}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[22px\]{font-size:22px}.text-\[28px\]{font-size:28px}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--system-blue\)\]{color:var(--system-blue)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-amber-700{color:var(--color-amber-700)}.text-black{color:var(--color-black)}.text-blue-700{color:var(--color-blue-700)}.text-green-700{color:var(--color-green-700)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-purple-700{color:var(--color-purple-700)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.shadow-\[var\(--shadow-subtle\)\]{--tw-shadow:var(--shadow-subtle)}.shadow-\[var\(--shadow-subtle\)\],.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-none{--tw-shadow:0 0 #0000}.shadow-none,.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation=horizontal] *){height:calc(var(--spacing) * 9)}.group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *){height:fit-content}.group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *){flex-direction:column}.group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 0)}.group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);bottom:-5px}.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}@media (hover:hover){.hover\:border-\[var\(--accent\)\]:hover{border-color:var(--accent)}.hover\:bg-\[var\(--fill-secondary\)\]:hover{background-color:var(--fill-secondary)}.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:text-neutral-600:hover{color:var(--color-neutral-600)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_24px_var\(--accent-fill\)\]:hover{--tw-shadow:0 0 24px var(--tw-shadow-color,var(--accent-fill));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--system-blue\)\]:focus-visible{outline-color:var(--system-blue)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after{content:var(--tw-content);opacity:1}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}@media (min-width:40rem){.sm\:flex{display:flex}.sm\:max-w-2xl{max-width:var(--container-2xl)}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:text-left{text-align:left}}@media (min-width:64rem){.lg\:ml-\[56px\]{margin-left:56px}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-full{height:100%}}@media (prefers-color-scheme:dark){.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}@media (hover:hover){a.\[a\&\]\:hover\:underline:hover{text-decoration-line:underline}}}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.bottom.center,.react-flow__panel.top.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}:root,[data-theme=dark]{--bg:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--material-regular:#1c1c1eeb;--material-thick:#161618f5;--material-thin:#ffffff0f;--material-ultra-thin:#ffffff0a;--fill-primary:#7878805c;--fill-secondary:#78788052;--fill-tertiary:#7676803d;--fill-quaternary:#7676802e;--separator:#54545899;--separator-opaque:#38383a;--text-primary:#fff;--text-secondary:#ebebf599;--text-tertiary:#ebebf54d;--text-quaternary:#ebebf52e;--accent:#ef4444;--accent-fill:#ef444426;--accent-contrast:#fff;--system-blue:#0a84ff;--system-green:#30d158;--system-red:#ff453a;--system-orange:#ff9f0a;--system-purple:#bf5af2;--inset-shine:inset 0 1px 0 #ffffff14;--shadow-subtle:0 1px 2px #0003;--shadow-ambient:0 0 0 .5px #0003;--shadow-key:0 4px 16px #0006;--shadow-card:0 0 0 .5px #0003,0 4px 16px #0006,inset 0 1px 0 #ffffff14;--shadow-overlay:0 0 0 .5px #0000004d,0 16px 48px #0009,inset 0 1px 0 #ffffff0f;--code-bg:#ffffff0f;--code-border:#ffffff1a;--code-text:#e5e5ea;--sidebar-bg:#1c1c1eeb;--sidebar-backdrop:blur(40px) saturate(180%);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-snappy:cubic-bezier(.2,0,0,1)}[data-theme=glass]{--bg:#0d0d18;--bg-secondary:#141420;--bg-tertiary:#1e1e30;--material-regular:#ffffff12;--material-thick:#ffffff1a;--material-thin:#ffffff0f;--material-ultra-thin:#ffffff0a;--fill-primary:#ffffff29;--fill-secondary:#ffffff1f;--fill-tertiary:#ffffff14;--fill-quaternary:#ffffff0d;--separator:#ffffff24;--separator-opaque:#ffffff2e;--text-primary:#fff;--text-secondary:#fff9;--text-tertiary:#ffffff4d;--text-quaternary:#ffffff2e;--accent:#ef4444;--accent-fill:#ef44442e;--accent-contrast:#fff;--system-blue:#3b9eff;--system-green:#34d058;--system-red:#ff5c57;--system-orange:#ffb340;--system-purple:#cc6ff0;--inset-shine:inset 0 1px 0 #ffffff26;--shadow-subtle:0 1px 3px #00000040;--shadow-ambient:0 0 0 .5px #ffffff0f;--shadow-key:0 8px 32px #00000073;--shadow-card:0 0 0 .5px #ffffff0f,0 8px 32px #0006,inset 0 1px 0 #ffffff26;--shadow-overlay:0 0 0 .5px #ffffff14,0 16px 56px #0000008c,inset 0 1px 0 #ffffff1f;--code-bg:#ffffff12;--code-border:#ffffff1f;--code-text:#e5e5ea;--sidebar-bg:#ffffff0d;--sidebar-backdrop:blur(40px) saturate(180%);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-snappy:cubic-bezier(.2,0,0,1)}[data-theme=color]{--bg:#0a0814;--bg-secondary:#16112a;--bg-tertiary:#1e1838;--material-regular:#16112a;--material-thick:#1e1838;--material-thin:#8b5cf61f;--material-ultra-thin:#8b5cf60f;--fill-primary:#8b5cf64d;--fill-secondary:#8b5cf633;--fill-tertiary:#8b5cf624;--fill-quaternary:#8b5cf614;--separator:#8b5cf640;--separator-opaque:#8b5cf659;--text-primary:#fff;--text-secondary:#dcd2ffb3;--text-tertiary:#dcd2ff59;--text-quaternary:#dcd2ff33;--accent:#ef4444;--accent-fill:#ef444433;--accent-contrast:#fff;--system-blue:#60a5fa;--system-green:#34d399;--system-red:#f87171;--system-orange:#fb923c;--system-purple:#c084fc;--inset-shine:inset 0 1px 0 #8b5cf626;--shadow-subtle:0 1px 3px #581c8733;--shadow-ambient:0 0 0 .5px #581c874d;--shadow-key:0 8px 32px #581c8766;--shadow-card:0 0 0 .5px #581c8740,0 4px 24px #581c874d,inset 0 1px 0 #8b5cf626;--shadow-overlay:0 0 0 .5px #581c874d,0 16px 48px #581c8773,inset 0 1px 0 #8b5cf61f;--code-bg:#8b5cf61a;--code-border:#8b5cf633;--code-text:#ddd6fe;--sidebar-bg:#0f0b20;--sidebar-backdrop:blur(40px) saturate(200%);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-snappy:cubic-bezier(.2,0,0,1)}[data-theme=light]{--bg:#f2f2f7;--bg-secondary:#fff;--bg-tertiary:#e5e5ea;--material-regular:#fff;--material-thick:#fffffff7;--material-thin:#00000008;--material-ultra-thin:#00000005;--fill-primary:#78788033;--fill-secondary:#78788029;--fill-tertiary:#7676801f;--fill-quaternary:#76768014;--separator:#3c3c434a;--separator-opaque:#c6c6c8;--text-primary:#000;--text-secondary:#3c3c4399;--text-tertiary:#3c3c4370;--text-quaternary:#3c3c434d;--accent:#dc2626;--accent-fill:#dc26261f;--accent-contrast:#fff;--system-blue:#007aff;--system-green:#28cd41;--system-red:#ff3b30;--system-orange:#ff9500;--system-purple:#af52de;--inset-shine:inset 0 1px 0 #ffffffb3;--shadow-subtle:0 1px 2px #0000000f;--shadow-ambient:0 0 0 .5px #00000014;--shadow-key:0 2px 8px #0000001f,0 8px 24px #00000014;--shadow-card:0 0 0 .5px #0000000f,0 1px 3px #0000000f,0 4px 12px #0000000f,inset 0 1px 0 #ffffffb3;--shadow-overlay:0 0 0 .5px #00000014,0 4px 16px #0000001a,0 16px 48px #0000001f,inset 0 1px 0 #fffc;--code-bg:#0000000a;--code-border:#00000014;--code-text:#1c1c1e;--sidebar-bg:#fff;--sidebar-backdrop:blur(20px) saturate(150%);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-snappy:cubic-bezier(.2,0,0,1)}@media (prefers-color-scheme:light){[data-theme=system]{--bg:#f2f2f7;--bg-secondary:#fff;--bg-tertiary:#e5e5ea;--material-regular:#fff;--material-thick:#fffffff7;--material-thin:#00000008;--material-ultra-thin:#00000005;--fill-primary:#78788033;--fill-secondary:#78788029;--fill-tertiary:#7676801f;--fill-quaternary:#76768014;--separator:#3c3c434a;--separator-opaque:#c6c6c8;--text-primary:#000;--text-secondary:#3c3c4399;--text-tertiary:#3c3c4370;--text-quaternary:#3c3c434d;--accent:#b8860b;--accent-fill:#b8860b1f;--accent-contrast:#fff;--system-blue:#007aff;--system-green:#28cd41;--system-red:#ff3b30;--system-orange:#ff9500;--system-purple:#af52de;--inset-shine:inset 0 1px 0 #ffffffb3;--shadow-subtle:0 1px 2px #0000000f;--shadow-ambient:0 0 0 .5px #00000014;--shadow-key:0 2px 8px #0000001f,0 8px 24px #00000014;--shadow-card:0 0 0 .5px #0000000f,0 1px 3px #0000000f,0 4px 12px #0000000f,inset 0 1px 0 #ffffffb3;--shadow-overlay:0 0 0 .5px #00000014,0 4px 16px #0000001a,0 16px 48px #0000001f,inset 0 1px 0 #fffc;--code-bg:#0000000a;--code-border:#00000014;--code-text:#1c1c1e;--sidebar-bg:#fff;--sidebar-backdrop:blur(20px) saturate(150%);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-snappy:cubic-bezier(.2,0,0,1)}}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;font-size:var(--text-body);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7878805c padding-box content-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#78788099 padding-box content-box;border:2px solid #0000}::selection{background:var(--accent-fill);color:var(--text-primary)}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.4}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes float-hint{0%,to{transform:translate(0)}50%{transform:translate(-3px,-3px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bounce-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.animate-scale-in{animation:scaleIn .2s var(--ease-spring)}.animate-slide-up{animation:slideUp .25s var(--ease-spring)}.animate-slide-in-right{animation:slideInRight .3s var(--ease-smooth)}.animate-fade-in{animation:fadeIn .2s var(--ease-smooth)}.animate-slide-in{animation:slideIn .2s var(--ease-smooth)}.animate-error-pulse{animation:pulse-red 1.5s ease-in-out infinite}.animate-blink{animation:blink-cursor 1s step-end infinite}.animate-float-hint{animation:float-hint 2s ease-in-out infinite}.animate-shimmer{background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.animate-slide-down{animation:slideDown .25s var(--ease-smooth) forwards}.animate-slide-up-enter{animation:slideUp .25s var(--ease-smooth) forwards}.animate-scale-up{animation:scaleUp .2s var(--ease-spring) forwards}.animate-fade-out{animation:fadeOut .15s forwards}@keyframes panelSlideIn{0%{opacity:.8;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.panel-slide-in{animation:panelSlideIn .35s cubic-bezier(.32,.72,0,1) both}.backdrop-fade{animation:fadeIn .2s ease-out both}.hover-lift{transition:transform .2s var(--ease-spring),box-shadow .2s var(--ease-smooth)}.hover-lift:hover{box-shadow:var(--shadow-key);transform:translateY(-2px)}.hover-lift:active{transition-duration:.1s;transform:translateY(0)scale(.98)}.hover-bg{transition:background-color .15s var(--ease-smooth)}.hover-bg:hover{background-color:var(--fill-secondary)}.hover-bg:active{background-color:var(--fill-tertiary)}.btn-scale{transition:transform .15s var(--ease-spring),box-shadow .15s var(--ease-smooth)}.btn-scale:hover{transform:scale(.98)}.btn-scale:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:var(--accent-contrast);font-weight:var(--weight-semibold);cursor:pointer;transition:all .15s var(--ease-spring);border:none}.btn-primary:hover{box-shadow:0 0 24px var(--accent-fill);transform:scale(.98)}.btn-primary:active{transform:scale(.96)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{color:var(--text-secondary);cursor:pointer;transition:all .15s var(--ease-smooth);background:0 0;border:none}.btn-ghost:hover{background:var(--fill-secondary);color:var(--text-primary)}.focus-ring:focus-visible{outline:2px solid var(--system-blue);outline-offset:2px}.nav-item{transition:background-color .15s var(--ease-smooth),color .15s var(--ease-smooth);border-radius:var(--radius-sm)}.nav-item.active,.nav-item:hover{background:var(--fill-secondary)}.nav-item.active{color:var(--accent)}.react-flow__background{background:var(--bg)!important}.react-flow__minimap{border:1px solid var(--separator);border-radius:var(--radius-md)}.react-flow__controls,.react-flow__minimap{overflow:hidden;background:var(--material-regular)!important}.react-flow__controls{box-shadow:var(--shadow-card);border:1px solid var(--separator)!important;border-radius:var(--radius-md)!important}.react-flow__controls-button{background:var(--material-regular)!important;border-color:var(--separator)!important;color:var(--text-secondary)!important}.react-flow__controls-button:hover{background:var(--material-thin)!important;color:var(--text-primary)!important}.react-flow__edge-path{opacity:.85;stroke-width:1.5px}.react-flow__node{transition:transform .2s var(--ease-spring)}.apple-card{background:var(--material-thin);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--separator);-webkit-backdrop-filter:blur(20px)saturate(180%)}.apple-input{background:var(--fill-tertiary);border-radius:var(--radius-md);color:var(--text-primary);transition:box-shadow .2s var(--ease-smooth);border:none;outline:none;padding:11px 16px;font-size:15px}.apple-input::placeholder{color:var(--text-tertiary)}.apple-input:focus{box-shadow:0 0 0 4px #0a84ff4d}.apple-btn-primary{background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-md);cursor:pointer;transition:all .15s var(--ease-spring);border:none;padding:14px 20px;font-size:15px;font-weight:600}.apple-btn-primary:hover{filter:brightness(1.05);transform:scale(.98)}.apple-btn-primary:active{transform:scale(.96)}.apple-btn-secondary{background:var(--accent-fill);color:var(--accent);border-radius:var(--radius-md);cursor:pointer;transition:all .15s var(--ease-spring);border:none;padding:14px 20px;font-size:15px;font-weight:600}.apple-btn-secondary:hover{filter:brightness(1.08)}[data-theme=glass] body{background:radial-gradient(at 30% 20%,#1a1040 0,#0d0d18 40%,#050510 100%);min-height:100vh}.glass-orbs{display:none}[data-theme=glass] .glass-orbs{display:block}[data-theme=color] body{background:linear-gradient(135deg,#0a0814,#0f0b20 50%,#0a0814)}[data-theme=color] .react-flow__node>div{background:linear-gradient(#16112a,#16112a) padding-box padding-box,linear-gradient(135deg,#8b5cf680,#f5c5184d) border-box!important;border:1px solid #0000!important}[data-theme=color] .react-flow__edge-path{stroke:#8b5cf673!important}[data-theme=light] .react-flow__edge-path{stroke:#3c3c4340!important}[data-theme=light] .apple-card{box-shadow:var(--shadow-card)!important;background:#fff!important;border:1px solid #3c3c431f!important}[data-theme=light] .apple-input:focus{box-shadow:0 0 0 4px #007aff40}[data-theme=light] .msg-user{background:var(--system-blue)!important;color:#fff!important}[data-theme=light] .msg-assistant{color:#000!important;background:#fff!important;border:1px solid #3c3c431f!important;box-shadow:0 1px 4px #0000000f!important}.msg-user pre{background:#00000026!important}.msg-user code,.msg-user pre{color:var(--accent-contrast)!important}.msg-user code{background:#0000001f!important}.typing-dot{background:var(--text-tertiary);border-radius:50%;width:6px;height:6px;animation:bounce-dot 1.2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}