jinn-cli 0.8.0 → 0.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/package.json +2 -2
- package/dist/src/cli/migrate.d.ts.map +1 -1
- package/dist/src/cli/migrate.js +20 -2
- package/dist/src/cli/migrate.js.map +1 -1
- package/dist/src/connectors/discord/index.d.ts +6 -0
- package/dist/src/connectors/discord/index.d.ts.map +1 -1
- package/dist/src/connectors/discord/index.js +9 -3
- package/dist/src/connectors/discord/index.js.map +1 -1
- package/dist/src/connectors/discord/threads.d.ts +1 -1
- package/dist/src/connectors/discord/threads.d.ts.map +1 -1
- package/dist/src/connectors/discord/threads.js +4 -4
- package/dist/src/connectors/discord/threads.js.map +1 -1
- package/dist/src/gateway/__tests__/org-hierarchy.test.d.ts +2 -0
- package/dist/src/gateway/__tests__/org-hierarchy.test.d.ts.map +1 -0
- package/dist/src/gateway/__tests__/org-hierarchy.test.js +161 -0
- package/dist/src/gateway/__tests__/org-hierarchy.test.js.map +1 -0
- package/dist/src/gateway/__tests__/services.test.js +139 -151
- package/dist/src/gateway/__tests__/services.test.js.map +1 -1
- package/dist/src/gateway/api.d.ts +5 -0
- package/dist/src/gateway/api.d.ts.map +1 -1
- package/dist/src/gateway/api.js +242 -64
- package/dist/src/gateway/api.js.map +1 -1
- package/dist/src/gateway/org-hierarchy.d.ts +5 -0
- package/dist/src/gateway/org-hierarchy.d.ts.map +1 -0
- package/dist/src/gateway/org-hierarchy.js +174 -0
- package/dist/src/gateway/org-hierarchy.js.map +1 -0
- package/dist/src/gateway/org.d.ts.map +1 -1
- package/dist/src/gateway/org.js +6 -0
- package/dist/src/gateway/org.js.map +1 -1
- package/dist/src/gateway/server.d.ts.map +1 -1
- package/dist/src/gateway/server.js +235 -5
- package/dist/src/gateway/server.js.map +1 -1
- package/dist/src/gateway/services.d.ts +20 -9
- package/dist/src/gateway/services.d.ts.map +1 -1
- package/dist/src/gateway/services.js +73 -34
- package/dist/src/gateway/services.js.map +1 -1
- package/dist/src/sessions/context.d.ts +1 -0
- package/dist/src/sessions/context.d.ts.map +1 -1
- package/dist/src/sessions/context.js +113 -5
- package/dist/src/sessions/context.js.map +1 -1
- package/dist/src/sessions/fork.d.ts +30 -0
- package/dist/src/sessions/fork.d.ts.map +1 -0
- package/dist/src/sessions/fork.js +178 -0
- package/dist/src/sessions/fork.js.map +1 -0
- package/dist/src/sessions/manager.d.ts.map +1 -1
- package/dist/src/sessions/manager.js +8 -0
- package/dist/src/sessions/manager.js.map +1 -1
- package/dist/src/sessions/registry.d.ts +8 -0
- package/dist/src/sessions/registry.d.ts.map +1 -1
- package/dist/src/sessions/registry.js +36 -0
- package/dist/src/sessions/registry.js.map +1 -1
- package/dist/src/shared/types.d.ts +66 -0
- package/dist/src/shared/types.d.ts.map +1 -1
- package/dist/web/404.html +1 -1
- package/dist/web/_next/static/chunks/{155-d60b5aa6e01f7738.js → 155-655a087df45da990.js} +1 -1
- package/dist/web/_next/static/chunks/192-c0150e3d227be735.js +1 -0
- package/dist/web/_next/static/chunks/579-09eb1d7ab35333fc.js +1 -0
- package/dist/web/_next/static/chunks/943.7dec3c35287ad545.js +1 -0
- package/dist/web/_next/static/chunks/app/chat/page-4ba0008df3b5d032.js +1 -0
- package/dist/web/_next/static/chunks/app/cron/page-648f892629b4af65.js +1 -0
- package/dist/web/_next/static/chunks/app/kanban/{page-0aa74ece5109e58f.js → page-5e00ac0363936a53.js} +1 -1
- package/dist/web/_next/static/chunks/app/org/page-0f7617805f6f6eb7.js +1 -0
- package/dist/web/_next/static/chunks/app/settings/page-5588e1b2bb8a5196.js +1 -0
- package/dist/web/_next/static/chunks/{webpack-2e375360ad2078fe.js → webpack-21588284a59cb80f.js} +1 -1
- package/dist/web/_next/static/css/334114aa3839160f.css +1 -0
- package/dist/web/chat.html +1 -1
- package/dist/web/chat.txt +4 -4
- package/dist/web/cron.html +1 -1
- package/dist/web/cron.txt +4 -4
- package/dist/web/index.html +1 -1
- package/dist/web/index.txt +4 -4
- package/dist/web/kanban.html +1 -1
- package/dist/web/kanban.txt +4 -4
- package/dist/web/logs.html +2 -2
- package/dist/web/logs.txt +4 -4
- package/dist/web/org.html +1 -1
- package/dist/web/org.txt +4 -4
- package/dist/web/sessions.html +1 -1
- package/dist/web/sessions.txt +3 -3
- package/dist/web/settings.html +1 -1
- package/dist/web/settings.txt +4 -4
- package/dist/web/skills.html +1 -1
- package/dist/web/skills.txt +4 -4
- package/package.json +2 -2
- package/template/AGENTS.md +132 -31
- package/template/CLAUDE.md +186 -24
- package/template/migrations/0.9.0/MIGRATION.md +82 -0
- package/template/skills/management/SKILL.md +32 -9
- package/dist/web/_next/static/chunks/192-8281220a22c7a155.js +0 -1
- package/dist/web/_next/static/chunks/379-11f5e4203461fd6a.js +0 -1
- package/dist/web/_next/static/chunks/943.c30215b2dbec402b.js +0 -1
- package/dist/web/_next/static/chunks/app/chat/page-3a532ea2d0f8b961.js +0 -1
- package/dist/web/_next/static/chunks/app/cron/page-9787c557594dc688.js +0 -1
- package/dist/web/_next/static/chunks/app/org/page-99d1b67b8f17e4d5.js +0 -1
- package/dist/web/_next/static/chunks/app/settings/page-c2b014fb0706aa88.js +0 -1
- package/dist/web/_next/static/css/214f7107c416b9a3.css +0 -1
- /package/dist/web/_next/static/{yhgZ2UX_j_Aier68GaRfB → VBCQXj1bVyMDiXQTiHQ-p}/_buildManifest.js +0 -0
- /package/dist/web/_next/static/{yhgZ2UX_j_Aier68GaRfB → VBCQXj1bVyMDiXQTiHQ-p}/_ssgManifest.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[457],{58:(e,t,r)=>{"use strict";r.d(t,{s:()=>l});var a=r(4130),n=r(4722),s=r(8697);function l(e){let{name:t,size:r=32,className:l,onClick:i}=e,{settings:o}=(0,n.t0)(),c=t?o.employeeOverrides[t]:void 0,d=(null==c?void 0:c.emoji)||(0,s.p)(t||""),u=Math.round(.6*r);return(0,a.jsx)("span",{className:l,onClick:i,role:i?"button":void 0,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:r,height:r,fontSize:u,lineHeight:1,borderRadius:"50%",flexShrink:0,cursor:i?"pointer":void 0,userSelect:"none"},children:d})}},5778:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>eP});var a=r(4130),n=r(7946),s=r(2467),l=r(6654),i=r(2845),o=r(7192),c=r(7053),d=r.n(c),u=r(2784),p=r(263),x=r(841),m=r(6429),h=r(4535),g=r(937),f=r(4607),v=r(58),b=r(4722);function y(e){let t=e;return(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=t.replace(/@[\w-]+/g,"")).replace(/^#\d+\s*/g,"")).replace(/^#{1,6}\s+/gm,"")).replace(/\*{1,3}|_{1,3}/g,"")).replace(/^[\s]*[-*•]\s+/gm,"")).replace(/^[\s]*\d+[.)]\s+/gm,"")).replace(/^>\s*/gm,"")).replace(/`+/g,"")).replace(/^```\w*$/gm,"")).replace(/\[([^\]]*)\]\([^)]*\)/g,"$1")).replace(/\s+/g," ").trim()).length>0&&t[0]!==t[0].toUpperCase()&&(t=t[0].toUpperCase()+t.slice(1)),t}var j=r(3160),w=r(1224),k=r(6063);function N(e){let{...t}=e;return(0,a.jsx)(w.bL,{"data-slot":"context-menu",...t})}function C(e){let{...t}=e;return(0,a.jsx)(w.l9,{"data-slot":"context-menu-trigger",...t})}function S(e){let{className:t,...r}=e;return(0,a.jsx)(w.ZL,{children:(0,a.jsx)(w.UC,{"data-slot":"context-menu-content",className:(0,k.cn)("z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",t),...r})})}function I(e){let{className:t,inset:r,variant:n="default",...s}=e;return(0,a.jsx)(w.q7,{"data-slot":"context-menu-item","data-inset":r,"data-variant":n,className:(0,k.cn)("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",t),...s})}function D(e){let{className:t,...r}=e;return(0,a.jsx)(w.wv,{"data-slot":"context-menu-separator",className:(0,k.cn)("-mx-1 my-1 h-px bg-border",t),...r})}var M=r(433);function E(e){let{...t}=e;return(0,a.jsx)(M.bL,{"data-slot":"dropdown-menu",...t})}function L(e){let{...t}=e;return(0,a.jsx)(M.l9,{"data-slot":"dropdown-menu-trigger",...t})}function A(e){let{className:t,sideOffset:r=4,...n}=e;return(0,a.jsx)(M.ZL,{children:(0,a.jsx)(M.UC,{"data-slot":"dropdown-menu-content",sideOffset:r,className:(0,k.cn)("z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",t),...n})})}function T(e){let{className:t,inset:r,variant:n="default",...s}=e;return(0,a.jsx)(M.q7,{"data-slot":"dropdown-menu-item","data-inset":r,"data-variant":n,className:(0,k.cn)("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",t),...s})}function z(e){let{className:t,...r}=e;return(0,a.jsx)(M.wv,{"data-slot":"dropdown-menu-separator",className:(0,k.cn)("-mx-1 my-1 h-px bg-border",t),...r})}var R=r(6960),_=r(7632);let F="jinn-sidebar-collapsed",U="jinn-sidebar-expanded",W="jinn-pinned-sessions";function O(e){if(!e)return"";let t=new Date(e),r=Date.now()-t.getTime();return r<6e4?"now":r<36e5?"".concat(Math.floor(r/6e4),"m"):r<864e5?new Date(e).toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0}):r<1728e5?"yesterday":new Date(e).toLocaleDateString("en-US",{month:"short",day:"numeric"})}function q(){try{let e=localStorage.getItem("jinn-read-sessions");return e?new Set(JSON.parse(e)):new Set}catch(e){return new Set}}function B(e){try{localStorage.setItem(W,JSON.stringify(Array.from(e)))}catch(e){}}function K(e){return"cron"===e.source||(e.sourceRef||"").startsWith("cron:")}function P(e){return e.lastActivity||e.createdAt||""}function H(e){return[...e].sort((e,t)=>P(t).localeCompare(P(e)))}function V(e,t){return"running"===e.status?"var(--system-blue)":"error"===e.status?"var(--system-red)":t.has(e.id)?"var(--text-quaternary)":"var(--system-green)"}function J(e){let{color:t,pulse:r=!1,className:n}=e;return(0,a.jsx)("span",{className:(0,k.cn)("shrink-0 rounded-full",n),style:{background:t,animation:r?"sidebar-pulse 2s ease-in-out infinite":"none",boxShadow:r?"0 0 8px ".concat(t):"none"}})}function Q(e){var t,r,s;let{selectedId:i,onSelect:o,onNewChat:c,onDelete:w,onDuplicate:M,onSessionsLoaded:Q,onEmployeeSessionsAvailable:$,onOrderComputed:G}=e,{settings:Z}=(0,b.t0)(),Y=null!=(r=Z.portalName)?r:"Jinn",X=Y.toLowerCase(),{data:ee,isLoading:et}=(0,j.te)(),er=(0,j.tZ)(),ea=(0,j.tS)(),en=(0,j.Q6)(),es=(0,j.js)(),el=(0,n.useMemo)(()=>{if(!ee)return[];let e=ee.filter(e=>"web"===e.source||"cron"===e.source||"whatsapp"===e.source||"discord"===e.source||!e.source);return e.sort((e,t)=>{let r=e.lastActivity||e.createdAt||"";return(t.lastActivity||t.createdAt||"").localeCompare(r)}),e},[ee]),[ei,eo]=(0,n.useState)(""),[ec,ed]=(0,n.useState)(null),eu=(0,n.useRef)(!1),[ep,ex]=(0,n.useState)(new Set),[em,eh]=(0,n.useState)(new Set),[eg,ef]=(0,n.useState)(new Set),[ev,eb]=(0,n.useState)({}),[ey,ej]=(0,n.useState)({}),[ew,ek]=(0,n.useState)(null),eN=(0,n.useRef)(null),[eC,eS]=(0,n.useState)(new Map),eI=(0,n.useRef)(Q);(0,n.useEffect)(()=>{eI.current=Q},[Q]),(0,n.useEffect)(()=>{el.length>0&&(0,n.startTransition)(()=>{var e;null==(e=eI.current)||e.call(eI,el)})},[el]),(0,n.useEffect)(()=>{ex(q()),eh(function(){try{let e=localStorage.getItem(W);return e?new Set(JSON.parse(e)):new Set}catch(e){return new Set}}()),ef(function(){try{let e=localStorage.getItem(F);return e?new Set(JSON.parse(e)):new Set}catch(e){return new Set}}()),eb(function(){try{let e=localStorage.getItem(U);return e?JSON.parse(e):{}}catch(e){return{}}}())},[]),(0,n.useEffect)(()=>{if(i){let e=q();e.add(i);let t=Array.from(e);t.length>500&&t.splice(0,t.length-500),localStorage.setItem("jinn-read-sessions",JSON.stringify(t)),ex(e=>{let t=new Set(e);return t.add(i),t})}},[i]),(0,n.useEffect)(()=>{l.F.getOrg().then(e=>{let t=new Map;for(let r of e.employees)t.set(r.name,r);eS(t)}).catch(()=>{})},[]);let eD=(0,n.useCallback)(()=>{ef(e=>{let t=new Set(e);t.has("cron")?t.delete("cron"):t.add("cron");try{localStorage.setItem(F,JSON.stringify(Array.from(t)))}catch(e){}return t})},[]),eM=(0,n.useCallback)(e=>{eb(t=>{let r={...t,[e]:!t[e]};try{localStorage.setItem(U,JSON.stringify(r))}catch(e){}return r[e]||ej(t=>{if(!t[e])return t;let{[e]:r,...a}=t;return a}),r})},[]),eE=(0,n.useCallback)(e=>{eh(t=>{let r=new Set(t);return r.has(e)?r.delete(e):r.add(e),B(r),r})},[]),eL=(0,n.useCallback)(e=>{let t=q();for(let r of e)t.add(r.id);let r=Array.from(t);r.length>500&&r.splice(0,r.length-500),localStorage.setItem("jinn-read-sessions",JSON.stringify(r)),ex(t=>{let r=new Set(t);for(let t of e)r.add(t.id);return r})},[]);async function eA(e,t){let r=t.map(e=>e.id);try{await en.mutateAsync(r),eh(t=>{let a=new Set(t);for(let t of(a.delete("emp:".concat(e)),r))a.delete(t);return B(a),a}),(0,n.startTransition)(()=>{i&&r.includes(i)&&c()})}catch(e){}}async function eT(e){let t=null;if(i===e){let r=[],a=e=>{for(let t of e){let e=t.employeeName,a=t.sessions||[];if(1===a.length)r.push(a[0].id);else if(ev[e])for(let t of ey[e]?a:a.slice(0,5))r.push(t.id);else a.length>0&&r.push(a[0].id)}};for(let e of(a(eO),a(eq),eK))r.push(e.id);let n=r.indexOf(e);-1!==n&&(n+1<r.length?t=r[n+1]:n-1>=0&&(t=r[n-1]))}try{await ea.mutateAsync(e),eh(t=>{if(!t.has(e))return t;let r=new Set(t);return r.delete(e),B(r),r}),(0,n.startTransition)(()=>{t?o(t):w?w(e):i===e&&c()})}catch(e){}}async function ez(e){try{let t=await es.mutateAsync(e);(null==t?void 0:t.id)&&(null==M||M(t.id),o(t.id),ed(t.id),eu.current=!1)}catch(e){window.alert("Duplicate failed: ".concat(e.message||"Unknown error"))}}let eR=ei.trim()?el.filter(e=>{let t=ei.toLowerCase(),r=e.employee?eC.get(e.employee):void 0;return e.id.toLowerCase().includes(t)||e.employee&&e.employee.toLowerCase().includes(t)||(null==r?void 0:r.displayName)&&r.displayName.toLowerCase().includes(t)||e.title&&e.title.toLowerCase().includes(t)}):el,e_=[],eF=[],eU=new Map;for(let e of eR)if(K(e))e_.push(e);else if(K(e)||e.employee&&e.employee!==X){let t=e.employee;eU.has(t)||eU.set(t,[]),eU.get(t).push(e)}else eF.push(e);let eW=[];for(let[e,t]of eU){let r=H(t);eW.push({type:"employee",employeeName:e,employeeData:eC.get(e),sessions:r,sortKey:P(r[0]),pinKey:"emp:".concat(e)})}if(eF.length>0){let e=H(eF);eW.push({type:"employee",employeeName:X,employeeData:{name:X,displayName:Y,emoji:"\uD83D\uDCAC",department:"direct",role:"",rank:"manager",engine:"",model:"",persona:""},sessions:e,sortKey:P(e[0]),pinKey:"emp:".concat(X)})}let eO=eW.filter(e=>em.has(e.pinKey)).sort((e,t)=>t.sortKey.localeCompare(e.sortKey)),eq=eW.filter(e=>!em.has(e.pinKey)).sort((e,t)=>t.sortKey.localeCompare(e.sortKey)),eB=eg.has("cron"),eK=H(e_),eP=(0,n.useRef)(""),eH=(0,n.useMemo)(()=>{let e=[],t=[],r={};for(let a of[...eO,...eq]){let n=a.employeeName;t.push(n);let s=a.sessions.map(e=>e.id);r[n]=s,e.push(...s)}for(let t of eK)e.push(t.id);return{sessionIds:e,employeeNames:t,employeeSessionMap:r}},[eO,eq,eK]);function eV(e,t){var r,n;let s=e.id===i,l=V(e,ep),c="running"===e.status,d=(r=e.title,n=e.employee,r?"Jinn"!==Y&&r.startsWith("Jinn - ")?Y+r.slice(4):r:n||Y),x=y(d)||d,m=O(P(e)),h=em.has(e.id),g=ec===e.id;return(0,a.jsxs)(N,{children:[(0,a.jsx)(C,{asChild:!0,children:(0,a.jsxs)(g?"div":"button",{...!g&&{onClick:()=>{o(e.id),null==$||$(null!=t?t:[e])}},className:(0,k.cn)("group/session relative flex w-full items-center gap-2.5 border-l-2 px-4 py-2 text-left transition-colors",t?"pl-11":"pl-6",s?"border-l-[var(--accent)] bg-[var(--fill-secondary)]":"border-l-transparent hover:bg-accent"),children:[(0,a.jsx)(J,{color:l,pulse:c,className:"size-1.5"}),g?(0,a.jsx)("input",{autoFocus:!0,maxLength:200,defaultValue:x,className:(0,k.cn)("min-w-0 flex-1 truncate border-none bg-transparent text-xs outline-none ring-1 ring-[var(--accent)] rounded px-0.5",s?"font-semibold text-foreground":"text-[var(--text-secondary)]"),onFocus:e=>e.target.select(),onClick:e=>e.stopPropagation(),onKeyDown:e=>{"Enter"===e.key?e.currentTarget.blur():"Escape"===e.key&&(eu.current=!0,ed(null))},onBlur:t=>{if(eu.current){eu.current=!1;return}let r=t.target.value.trim();r&&r!==x&&er.mutate({id:e.id,data:{title:r}}),ed(null)}}):(0,a.jsx)("span",{className:(0,k.cn)("min-w-0 flex-1 truncate text-xs",s?"font-semibold text-foreground":"text-[var(--text-secondary)]"),children:y(d)||"Untitled"}),h?(0,a.jsx)(u.A,{className:"size-3 shrink-0 text-[var(--accent)] group-hover/session:lg:hidden group-has-[[data-state=open]]/session:lg:hidden"}):null,(0,a.jsx)("span",{className:"shrink-0 text-[10px] text-[var(--text-quaternary)] group-hover/session:lg:hidden group-has-[[data-state=open]]/session:lg:hidden",children:m}),(0,a.jsxs)(E,{children:[(0,a.jsx)(L,{asChild:!0,children:(0,a.jsx)("button",{onClick:e=>e.stopPropagation(),className:"hidden shrink-0 text-muted-foreground transition-colors hover:text-foreground group-hover/session:lg:block group-has-[[data-state=open]]/session:lg:block",children:(0,a.jsx)(p.A,{className:"size-3.5"})})}),(0,a.jsxs)(A,{align:"end",children:[(0,a.jsx)(T,{onClick:()=>{eu.current=!1,ed(e.id)},children:"Rename"}),(0,a.jsx)(T,{onClick:()=>eE(e.id),children:h?"Unpin":"Pin"}),(0,a.jsx)(T,{onClick:()=>ez(e.id),children:"Duplicate..."}),(0,a.jsx)(z,{}),(0,a.jsx)(T,{variant:"destructive",onClick:()=>ek({type:"session",id:e.id,label:y(d)||"Untitled"}),children:"Delete session"})]})]})]})}),(0,a.jsxs)(S,{children:[(0,a.jsx)(I,{onClick:()=>{eu.current=!1,ed(e.id)},children:"Rename"}),(0,a.jsx)(I,{onClick:()=>eE(e.id),children:h?"Unpin":"Pin"}),(0,a.jsx)(I,{onClick:()=>ez(e.id),children:"Duplicate..."}),(0,a.jsx)(D,{}),(0,a.jsxs)(I,{variant:"destructive",onClick:()=>ek({type:"session",id:e.id,label:y(d)||"Untitled"}),children:[(0,a.jsx)("span",{className:"flex-1",children:"Delete session"}),(0,a.jsx)("kbd",{className:"ml-auto pl-3 font-mono text-[10px] text-[var(--text-quaternary)]",children:"⌫"})]})]})]},e.id)}function eJ(e){let t=e.employeeName,r=e.sessions,n=r[0],s=e.employeeData,l=(null==s?void 0:s.displayName)||t.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "),c=(null==s?void 0:s.department)||"",d=O(P(n)),x=V(n,ep),m="running"===n.status,h=r.some(e=>e.id===i),g=em.has(e.pinKey),f=r.length,b=ev[t]||!1,y=r.some(e=>!ep.has(e.id)&&"running"!==e.status&&"error"!==e.status);return(0,a.jsxs)("div",{children:[(0,a.jsxs)(N,{children:[(0,a.jsx)(C,{asChild:!0,children:(0,a.jsxs)("button",{onClick:()=>(function(e){let t=e.employeeName,r=e.sessions;if(r.length>1){let e=ev[t]||!1;eM(t),e||(o(r[0].id),null==$||$(r))}else o(r[0].id),null==$||$(r)})(e),className:(0,k.cn)("group/emp relative flex w-full items-center gap-3 border-l-2 px-4 py-3 text-left transition-colors",h?"border-l-[var(--accent)] bg-[var(--fill-secondary)]":"border-l-transparent hover:bg-accent"),children:[(0,a.jsxs)("div",{className:"relative flex size-9 shrink-0 items-center justify-center",children:[(0,a.jsx)(v.s,{name:t,size:36}),(0,a.jsx)(J,{color:x,pulse:m,className:"absolute -bottom-0.5 -right-0 size-2.5 border-2 border-[var(--sidebar-bg)]"})]}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsxs)("div",{className:"mb-0.5 flex items-baseline gap-2",children:[(0,a.jsx)("span",{className:(0,k.cn)("min-w-0 flex-1 truncate text-[13px] tracking-[-0.2px] text-foreground",y||h?"font-semibold":"font-medium"),children:l}),(0,a.jsx)("span",{className:"shrink-0 text-[10px] text-[var(--text-tertiary)] group-hover/emp:lg:hidden group-has-[[data-state=open]]/emp:lg:hidden",children:d}),(0,a.jsxs)(E,{children:[(0,a.jsx)(L,{asChild:!0,children:(0,a.jsx)("button",{onClick:e=>e.stopPropagation(),className:"hidden shrink-0 text-muted-foreground transition-colors hover:text-foreground group-hover/emp:lg:block group-has-[[data-state=open]]/emp:lg:block",children:(0,a.jsx)(p.A,{className:"size-3.5"})})}),(0,a.jsxs)(A,{align:"end",children:[(0,a.jsx)(T,{onClick:()=>eE(e.pinKey),children:g?"Unpin":"Pin"}),(0,a.jsx)(T,{onClick:()=>eL(r),children:"Mark all as read"}),(0,a.jsx)(z,{}),(0,a.jsx)(T,{variant:"destructive",onClick:()=>ek({type:"employee",id:t,label:l,sessions:r}),children:"Delete all chats"})]})]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1.5 overflow-hidden text-[11px] text-[var(--text-tertiary)]",children:[c?(0,a.jsx)("span",{className:"truncate",children:c}):null,f>1?(0,a.jsxs)("span",{className:"shrink-0 rounded bg-[var(--fill-tertiary)] px-1.5 py-0.5 text-[10px]",children:[f," chats"]}):null,g?(0,a.jsx)(u.A,{className:"size-3 shrink-0 text-[var(--accent)]"}):null]})]})]})}),(0,a.jsxs)(S,{children:[(0,a.jsx)(I,{onClick:()=>eE(e.pinKey),children:g?"Unpin":"Pin"}),(0,a.jsx)(I,{onClick:()=>eL(r),children:"Mark all as read"}),(0,a.jsx)(D,{}),(0,a.jsx)(I,{variant:"destructive",onClick:()=>ek({type:"employee",id:t,label:l,sessions:r}),children:"Delete all chats"})]})]}),b&&f>1?ey[t]?r.map(e=>eV(e,r)):r.slice(0,5).map(e=>eV(e,r)):null,b&&f>5&&!ey[t]?(0,a.jsxs)("button",{onClick:()=>ej(e=>({...e,[t]:!0})),className:"w-full cursor-pointer px-4 pb-2 pl-11 text-left text-[10px] text-[var(--text-quaternary)] transition-colors hover:text-[var(--text-secondary)]",children:["+",f-5," more"]}):null]},e.pinKey)}return(0,n.useEffect)(()=>{let e=eH.sessionIds.join(",");e!==eP.current&&(eP.current=e,null==G||G(eH))},[eH,G]),(0,a.jsxs)("div",{className:"jsx-fb767975a1bed37e flex h-full flex-col border-r border-border bg-[var(--sidebar-bg)]",children:[(0,a.jsxs)("div",{className:"jsx-fb767975a1bed37e shrink-0 border-b border-border bg-[var(--material-thick)] px-4 pb-3 pt-3",children:[(0,a.jsxs)("div",{className:"jsx-fb767975a1bed37e mb-2 flex items-center justify-between gap-3",children:[(0,a.jsxs)("div",{className:"jsx-fb767975a1bed37e",children:[(0,a.jsx)("h2",{className:"jsx-fb767975a1bed37e text-xl font-bold tracking-[-0.03em] text-foreground",children:"Chats"}),(0,a.jsx)("p",{className:"jsx-fb767975a1bed37e text-xs text-muted-foreground",children:"All conversations"})]}),(0,a.jsx)("div",{className:"jsx-fb767975a1bed37e flex items-center gap-1.5",children:(0,a.jsxs)(R.$,{size:"sm",className:"gap-1.5",onClick:c,title:"New chat (N)",children:[(0,a.jsx)(x.A,{className:"size-3.5"}),"New"]})})]}),(0,a.jsxs)("div",{className:"jsx-fb767975a1bed37e flex items-center gap-2 rounded-[var(--radius-md)] bg-[var(--fill-tertiary)] px-3 py-2",children:[(0,a.jsx)(m.A,{className:"size-3.5 shrink-0 text-[var(--text-tertiary)]"}),(0,a.jsx)("input",{id:"chat-search",type:"text",value:ei,onChange:e=>eo(e.target.value),placeholder:"Search...","aria-label":"Search chats",className:"jsx-fb767975a1bed37e min-w-0 flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-[var(--text-tertiary)]"}),ei.trim()?(0,a.jsx)("button",{onClick:()=>eo(""),"aria-label":"Clear search",className:"jsx-fb767975a1bed37e rounded-full p-0.5 text-[var(--text-tertiary)] transition-colors hover:bg-[var(--fill-secondary)] hover:text-foreground",children:(0,a.jsx)(h.A,{className:"size-3"})}):null]})]}),(0,a.jsx)("div",{className:"jsx-fb767975a1bed37e flex-1 overflow-y-auto",children:et?(0,a.jsx)("div",{className:"jsx-fb767975a1bed37e px-4 py-8 text-center text-xs text-[var(--text-quaternary)]",children:"Loading sessions..."}):0===eO.length&&0===eq.length&&0===e_.length?(0,a.jsx)("div",{className:"jsx-fb767975a1bed37e px-4 py-8 text-center text-xs text-[var(--text-quaternary)]",children:ei.trim()?"No matching chats":"No conversations yet"}):(0,a.jsxs)(a.Fragment,{children:[eO.map(e=>eJ(e)),eq.map(e=>eJ(e)),e_.length>0?(0,a.jsxs)("div",{className:"jsx-fb767975a1bed37e "+((0,k.cn)("mt-2",0===eO.length&&0===eq.length&&"mt-0")||""),children:[(0,a.jsxs)("button",{onClick:eD,className:"jsx-fb767975a1bed37e flex w-full items-center gap-2 px-4 py-2 text-left transition-colors hover:bg-accent",children:[(0,a.jsx)(g.A,{className:"size-3.5 text-muted-foreground"}),(0,a.jsx)("span",{className:"jsx-fb767975a1bed37e text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground",children:"Scheduled"}),(0,a.jsx)("span",{className:"jsx-fb767975a1bed37e ml-auto rounded bg-[var(--fill-tertiary)] px-1.5 py-0.5 text-[10px] text-[var(--text-secondary)]",children:e_.length}),(0,a.jsx)(f.A,{className:(0,k.cn)("size-3.5 text-muted-foreground transition-transform",eB&&"-rotate-90")})]}),eB?null:eK.map(e=>eV(e))]}):null]})}),(0,a.jsx)(_.lG,{open:!!ew,onOpenChange:e=>{e||ek(null)},children:(0,a.jsxs)(_.Cf,{showCloseButton:!1,className:"max-w-sm",onOpenAutoFocus:e=>{var t;e.preventDefault(),null==(t=eN.current)||t.focus()},children:[(0,a.jsxs)(_.c7,{children:[(0,a.jsx)(_.L3,{children:(null==ew?void 0:ew.type)==="employee"?'Delete all chats with "'.concat(ew.label,'"?'):'Delete "'.concat(null==ew?void 0:ew.label,'"?')}),(0,a.jsx)(_.rr,{children:(null==ew?void 0:ew.type)==="employee"?"This will permanently delete ".concat(null!=(s=null==(t=ew.sessions)?void 0:t.length)?s:0," session(s) and all their messages. This cannot be undone."):"This will permanently delete the session and all its messages. This cannot be undone."})]}),(0,a.jsxs)(_.Es,{children:[(0,a.jsx)(R.$,{variant:"outline",onClick:()=>ek(null),children:"Cancel"}),(0,a.jsx)(R.$,{ref:eN,variant:"destructive",onClick:()=>{ew&&("employee"===ew.type&&ew.sessions?eA(ew.id,ew.sessions):eT(ew.id),ek(null))},children:"Delete"})]})]})}),(0,a.jsx)(d(),{id:"fb767975a1bed37e",children:"@keyframes sidebar-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}"})]})}var $=r(7756),G=r(5608),Z=r(129);let Y={running:"bg-blue-500 animate-pulse",error:"bg-red-500",idle:"bg-zinc-500"};function X(e){let{tabs:t,activeIndex:r,onSwitch:s,onClose:l,onNew:i,onPin:o,onMove:c,toolbarActions:d,sidebarCollapsed:u,onToggleSidebar:p}=e,m=(0,n.useRef)(null),[g,f]=(0,n.useState)(null),[b,j]=(0,n.useState)(null),w=e=>{e.currentTarget instanceof HTMLElement&&(e.currentTarget.style.opacity="1"),f(null),j(null)};return(0,a.jsxs)("div",{className:"relative z-[100] flex h-10 shrink-0 items-center border-b border-border bg-[var(--bg-secondary)]",children:[p&&(0,a.jsx)("button",{onClick:p,"aria-label":u?"Show sidebar":"Hide sidebar",className:"flex size-10 shrink-0 items-center justify-center border-r border-border text-muted-foreground transition-colors hover:bg-[var(--fill-quaternary)] hover:text-foreground",children:u?(0,a.jsx)($.A,{size:15}):(0,a.jsx)(G.A,{size:15})}),t.length>0&&(0,a.jsx)("div",{ref:m,className:"flex min-w-0 flex-1 items-center overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:t.map((e,t)=>(0,a.jsxs)("button",{onClick:()=>s(t),onDoubleClick:()=>{null==o||o(t)},onMouseDown:e=>{1===e.button&&(e.preventDefault(),l(t))},draggable:!0,onDragStart:e=>{f(t),e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",String(t)),e.currentTarget instanceof HTMLElement&&(e.currentTarget.style.opacity="0.5")},onDragEnd:w,onDragOver:e=>{e.preventDefault(),e.dataTransfer.dropEffect="move",t!==g&&j(t)},onDrop:e=>(e.preventDefault(),void(f(null),j(null),null!==g&&g!==t&&(null==c||c(g,t)))),className:(0,k.cn)("group flex h-10 max-w-[180px] shrink-0 items-center gap-1.5 border-r border-border px-3 text-xs whitespace-nowrap transition-colors",t===r?"border-b-2 border-b-[var(--accent)] bg-background text-foreground":"text-muted-foreground hover:bg-[var(--fill-quaternary)] hover:text-foreground",e.unread&&t!==r&&"font-bold",b===t&&null!==g&&g!==t&&"border-l-2 border-l-[var(--accent)]"),children:[(0,a.jsx)("span",{className:"w-1.5 h-1.5 rounded-full shrink-0 ".concat(Y[e.status]||Y.idle)}),e.employeeName&&(0,a.jsx)(v.s,{name:e.employeeName,size:16}),(0,a.jsx)("span",{className:(0,k.cn)("truncate",e.pinned?"font-medium":"font-normal italic"),children:y(e.label)}),(0,a.jsx)("span",{onClick:e=>{e.stopPropagation(),l(t)},className:"ml-auto rounded-sm p-0.5 opacity-0 transition-all hover:bg-accent hover:text-foreground group-hover:opacity-100",children:(0,a.jsx)(h.A,{size:12})})]},e.sessionId))}),0===t.length&&(0,a.jsx)("div",{className:"flex-1"}),(0,a.jsx)("button",{onClick:i,className:"flex size-10 shrink-0 items-center justify-center text-[var(--text-tertiary)] transition-colors hover:bg-[var(--fill-quaternary)] hover:text-foreground",title:"New Chat (N)",children:(0,a.jsx)(x.A,{size:14})}),d&&(0,a.jsxs)("div",{className:"hidden shrink-0 items-center gap-2 border-l border-border px-3 lg:flex",children:[d,(0,a.jsx)(Z.r,{})]})]})}let ee="jinn-intermediate-";function et(e){try{localStorage.removeItem("".concat(ee).concat(e))}catch(e){}}function er(e){let{name:t,size:r,mimeType:n,url:s,isUser:l}=e;return(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",borderRadius:"var(--radius-lg)",background:l?"var(--accent)":"var(--material-thin)",border:l?"none":"1px solid var(--separator)",maxWidth:280,minWidth:180},children:[(0,a.jsx)("div",{style:{width:36,height:36,borderRadius:"var(--radius-sm)",background:l?"rgba(0,0,0,0.15)":"var(--fill-tertiary)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,color:l?"#000":"var(--text-secondary)"},children:function(e,t){var r;let n=(null==t||null==(r=t.split(".").pop())?void 0:r.toLowerCase())||"",s="application/pdf"===e||"pdf"===n,l=["doc","docx"].includes(n)||(null==e?void 0:e.includes("wordprocessingml")),i=["txt","csv","json","md"].includes(n)||(null==e?void 0:e.startsWith("text/")),o=["zip","tar","gz","rar","7z"].includes(n);return s?(0,a.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),(0,a.jsx)("polyline",{points:"14 2 14 8 20 8"}),(0,a.jsx)("line",{x1:"9",y1:"15",x2:"15",y2:"15"})]}):l?(0,a.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),(0,a.jsx)("polyline",{points:"14 2 14 8 20 8"}),(0,a.jsx)("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),(0,a.jsx)("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),(0,a.jsx)("polyline",{points:"10 9 9 9 8 9"})]}):i?(0,a.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),(0,a.jsx)("polyline",{points:"14 2 14 8 20 8"})]}):o?(0,a.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("path",{d:"M21 8v13H3V8"}),(0,a.jsx)("path",{d:"M1 3h22v5H1z"}),(0,a.jsx)("path",{d:"M10 12h4"})]}):(0,a.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("path",{d:"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"}),(0,a.jsx)("polyline",{points:"13 2 13 9 20 9"})]})}(n,t)}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-footnote)",fontWeight:"var(--weight-medium)",color:l?"#000":"var(--text-primary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:t}),null!=r&&(0,a.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:l?"rgba(0,0,0,0.5)":"var(--text-tertiary)",marginTop:1},children:r<1024?"".concat(r," B"):r<1048576?"".concat((r/1024).toFixed(0)," KB"):"".concat((r/1048576).toFixed(1)," MB")})]}),(0,a.jsx)("a",{href:s,download:t,"aria-label":"Download ".concat(t),style:{width:28,height:28,borderRadius:"50%",background:l?"rgba(0,0,0,0.15)":"var(--fill-secondary)",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,color:l?"#000":"var(--text-secondary)",textDecoration:"none"},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)("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),(0,a.jsx)("polyline",{points:"7 10 12 15 17 10"}),(0,a.jsx)("line",{x1:"12",y1:"15",x2:"12",y2:"3"})]})})]})}function ea(e){let{src:t,duration:r,waveform:s,isUser:l}=e,i=(0,n.useRef)(null),[o,c]=(0,n.useState)(!1),[d,u]=(0,n.useState)(0),[p,x]=(0,n.useState)(0);(0,n.useEffect)(()=>{let e=new Audio(t);return i.current=e,e.addEventListener("timeupdate",()=>{e.duration&&isFinite(e.duration)&&(u(e.currentTime/e.duration),x(e.currentTime))}),e.addEventListener("ended",()=>{c(!1),u(0),x(0)}),e.addEventListener("pause",()=>c(!1)),e.addEventListener("play",()=>c(!0)),()=>{e.pause(),e.src=""}},[t]);let m=(0,n.useCallback)(()=>{let e=i.current;e&&(o?e.pause():e.play().catch(()=>{}))},[o]),h=s.length>0?s:Array(50).fill(.1),g=o?p:r;return(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",borderRadius:"var(--radius-lg)",background:l?"var(--accent)":"var(--material-thin)",border:l?"none":"1px solid var(--separator)",maxWidth:280,minWidth:200},children:[(0,a.jsx)("button",{onClick:m,"aria-label":o?"Pause":"Play",style:{width:28,height:28,borderRadius:"50%",background:l?"rgba(0,0,0,0.2)":"var(--fill-secondary)",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,color:l?"#000":"var(--text-primary)"},children:o?(0,a.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor",children:[(0,a.jsx)("rect",{x:"6",y:"4",width:"4",height:"16",rx:"1"}),(0,a.jsx)("rect",{x:"14",y:"4",width:"4",height:"16",rx:"1"})]}):(0,a.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor",children:(0,a.jsx)("polygon",{points:"6,4 20,12 6,20"})})}),(0,a.jsx)("div",{style:{flex:1,display:"flex",alignItems:"center",gap:2,height:28},children:h.map((e,t)=>{let r=t/h.length<=d;return(0,a.jsx)("div",{style:{width:3,borderRadius:1.5,height:"".concat(Math.max(4,24*e),"px"),background:l?r?"rgba(0,0,0,0.7)":"rgba(0,0,0,0.25)":r?"var(--accent)":"var(--fill-primary)",transition:"background 100ms ease",flexShrink:0}},t)})}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:l?"rgba(0,0,0,0.6)":"var(--text-tertiary)",fontVariantNumeric:"tabular-nums",flexShrink:0,minWidth:28,textAlign:"right"},children:function(e){let t=Math.floor(e/60),r=Math.floor(e%60);return"".concat(t,":").concat(r.toString().padStart(2,"0"))}(g)})]})}function en(e){let{msgs:t,isActive:r}=e,[s,l]=(0,n.useState)(!1),i=t.every(e=>e.content.startsWith("Used ")),o=r&&!i?"".concat(t.length," tool").concat(1!==t.length?"s":""," running…"):"".concat(t.length," tool").concat(1!==t.length?"s":""," used");return(0,a.jsxs)("div",{className:"px-[var(--space-4)] mb-[var(--space-1)]",children:[(0,a.jsxs)("button",{onClick:()=>l(e=>!e),className:"flex items-center gap-[var(--space-2)] py-[5px] px-[var(--space-3)] rounded-full bg-[var(--fill-secondary)] border border-[var(--separator)] text-[length:var(--text-caption1)] text-[var(--text-secondary)] cursor-pointer transition-[background] duration-150 ease-in-out hover:bg-[var(--fill-tertiary)]",children:[(0,a.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"opacity-60",children:(0,a.jsx)("path",{d:"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"})}),o,r&&!i&&(0,a.jsx)("span",{className:"w-1.5 h-1.5 rounded-full bg-[var(--system-blue)] animate-[jinn-pulse_1.4s_infinite]"}),(0,a.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",className:"transition-transform duration-150 ease-in-out opacity-50 ".concat(s?"rotate-180":"rotate-0"),children:(0,a.jsx)("polyline",{points:"6 9 12 15 18 9"})})]}),s&&(0,a.jsx)("div",{className:"flex flex-wrap gap-[var(--space-1)] mt-[var(--space-1)] pl-[var(--space-1)]",children:t.map(e=>(0,a.jsx)("span",{className:"inline-flex items-center gap-1 py-0.5 px-2 rounded-full bg-[var(--fill-tertiary)] border border-[var(--separator)] text-[length:var(--text-caption2)] text-[var(--text-tertiary)]",children:e.toolCall},e.id))})]})}function es(e){let t,r=[],n=/(https?:\/\/[^\s<]+[^\s<.,;:!?)}\]'"])|(\*\*(.+?)\*\*)|(`([^`]+)`)|\*([^*]+)\*/g,s=0;for(;null!==(t=n.exec(e));)t.index>s&&r.push(e.slice(s,t.index)),t[1]?r.push((0,a.jsx)("a",{href:t[1],target:"_blank",rel:"noopener noreferrer",className:"text-[var(--system-blue)] underline underline-offset-2",children:t[1]},t.index)):t[2]?r.push((0,a.jsx)("strong",{className:"font-[var(--weight-bold)]",children:t[3]},t.index)):t[4]?r.push((0,a.jsx)("code",{className:"bg-[var(--fill-secondary)] border border-[var(--separator)] rounded-[5px] py-px px-[5px] text-[0.88em] font-['SF_Mono',Menlo,monospace] text-[var(--accent)]",children:t[5]},t.index)):t[6]&&r.push((0,a.jsx)("em",{className:"italic opacity-[0.85]",children:t[6]},t.index)),s=t.index+t[0].length;return s<e.length&&r.push(e.slice(s)),1===r.length?r[0]:(0,a.jsx)(a.Fragment,{children:r})}function el(e){let{code:t,keyProp:r}=e,[s,l]=(0,n.useState)(!1);return(0,a.jsxs)("div",{className:"relative my-2",children:[(0,a.jsx)("button",{onClick:function(){navigator.clipboard.writeText(t).then(()=>{l(!0),setTimeout(()=>l(!1),1500)})},"aria-label":"Copy code",className:"absolute top-2 right-2 py-0.5 px-2 text-[11px] rounded-[var(--radius-sm)] bg-[var(--fill-secondary)] text-[var(--text-secondary)] border border-[var(--separator)] cursor-pointer",children:s?"Copied!":"Copy"}),(0,a.jsx)("pre",{className:"code-block bg-[var(--fill-tertiary)] border border-[var(--separator)] rounded-[var(--radius-md)] py-[var(--space-3)] px-[var(--space-4)] overflow-x-auto text-[13px] leading-normal font-['SF_Mono',Menlo,monospace] text-[var(--text-primary)]",children:(0,a.jsx)("code",{children:t})})]},r)}function ei(e){return/^\|[\s:|-]+\|$/.test(e.trim())}function eo(e){return e.trim().replace(/^\|/,"").replace(/\|$/,"").split("|").map(e=>e.trim())}function ec(e){let{headerLine:t,rows:r,keyProp:n}=e,s=eo(t),l=r.map(eo);return(0,a.jsx)("div",{className:"my-2.5 rounded-[10px] border border-[var(--separator)] overflow-hidden",children:(0,a.jsx)("div",{className:"overflow-x-auto [WebkitOverflowScrolling:touch]",children:(0,a.jsxs)("table",{className:"border-collapse text-[length:var(--text-footnote)] leading-[1.6] w-full min-w-max",children:[(0,a.jsx)("thead",{children:(0,a.jsx)("tr",{className:"bg-[var(--fill-tertiary)]",children:s.map((e,t)=>(0,a.jsx)("th",{className:"text-left py-2.5 px-4 font-semibold text-[var(--text-primary)] border-b border-[var(--separator)] max-w-[280px] break-words",children:es(e)},t))})}),(0,a.jsx)("tbody",{children:l.map((e,t)=>(0,a.jsx)("tr",{className:t%2==1?"bg-[var(--fill-quaternary,transparent)]":"bg-transparent",children:e.map((e,r)=>(0,a.jsx)("td",{className:"py-2.5 px-4 text-[var(--text-primary)] max-w-[280px] break-words ".concat(t<l.length-1?"border-b border-[var(--separator)]":""),children:es(e)},r))},t))})]})})},n)}function ed(e){if(!e)return null;let t=e.split("\n"),r=[],n=!1,s=[];for(let e=0;e<t.length;e++){let i=t[e];if(i.startsWith("```")){n?(n=!1,r.push((0,a.jsx)(el,{keyProp:e,code:s.join("\n")},e))):n=!0,s=[];continue}if(n){s.push(i);continue}if(i.trim().startsWith("|")&&i.trim().endsWith("|")&&e+1<t.length&&ei(t[e+1])){e++;let n=[];for(;e+1<t.length&&t[e+1].trim().startsWith("|")&&t[e+1].trim().endsWith("|")&&!ei(t[e+1]);)e++,n.push(t[e]);r.push((0,a.jsx)(ec,{keyProp:e,headerLine:i,rows:n},"table-".concat(e)));continue}if(""===i.trim()){r.push((0,a.jsx)("div",{className:"h-1.5"},"space-".concat(e)));continue}if(i.match(/^[-*] /)){r.push((0,a.jsxs)("div",{className:"flex gap-[var(--space-2)] mb-0.5",children:[(0,a.jsx)("span",{className:"text-[var(--accent)] shrink-0 mt-px",children:"•"}),(0,a.jsx)("span",{children:es(i.slice(2))})]},e));continue}if(i.match(/^\d+\. /)){var l;let t=null==(l=i.match(/^(\d+)\. /))?void 0:l[1];r.push((0,a.jsxs)("div",{className:"flex gap-[var(--space-2)] mb-0.5",children:[(0,a.jsxs)("span",{className:"text-[var(--accent)] shrink-0 font-[var(--weight-semibold)] min-w-4",children:[t,"."]}),(0,a.jsx)("span",{children:es(i.replace(/^\d+\. /,""))})]},e));continue}if(i.startsWith("### ")){r.push((0,a.jsx)("div",{className:"font-[var(--weight-semibold)] text-[length:var(--text-footnote)] mt-[var(--space-2)] mb-0.5",children:es(i.slice(4))},e));continue}if(i.startsWith("## ")){r.push((0,a.jsx)("div",{className:"font-[var(--weight-bold)] text-[length:var(--text-subheadline)] mt-[var(--space-3)] mb-[3px]",children:es(i.slice(3))},e));continue}if(i.startsWith("# ")){r.push((0,a.jsx)("div",{className:"font-[var(--weight-bold)] text-[length:var(--text-body)] mt-[var(--space-3)] mb-[var(--space-1)]",children:es(i.slice(2))},e));continue}r.push((0,a.jsx)("div",{className:"mb-px",children:es(i)},e))}return n&&s.length>0&&r.push((0,a.jsx)(el,{keyProp:999,code:s.join("\n")},"trailing-code")),(0,a.jsx)(a.Fragment,{children:r})}function eu(e){let t=new Date,r=new Date(e),a=t.toDateString()===r.toDateString(),n=new Date(t);n.setDate(n.getDate()-1);let s=n.toDateString()===r.toDateString(),l=r.toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0});return a?"Today ".concat(l):s?"Yesterday ".concat(l):r.toLocaleDateString("en-US",{month:"short",day:"numeric"})+" ".concat(l)}function ep(e,t){return 0===t||e[t].timestamp-e[t-1].timestamp>3e5}function ex(e,t){let r=e.filter(e=>"image"===e.type),n=e.filter(e=>"audio"===e.type),s=e.filter(e=>"file"===e.type);return(0,a.jsxs)(a.Fragment,{children:[r.map((e,t)=>(0,a.jsx)("div",{className:"mt-[var(--space-2)] rounded-[var(--radius-lg)] overflow-hidden max-w-[280px]",children:(0,a.jsx)("img",{src:e.url,alt:e.name||"Image",className:"w-full block rounded-[var(--radius-lg)] cursor-pointer",onClick:()=>window.open(e.url,"_blank")})},"img-".concat(t))),n.map((e,r)=>(0,a.jsx)("div",{className:"mt-[var(--space-2)]",children:(0,a.jsx)(ea,{src:e.url,duration:e.duration||0,waveform:e.waveform||[],isUser:t})},"audio-".concat(r))),s.map((e,r)=>(0,a.jsx)("div",{className:"mt-[var(--space-2)]",children:(0,a.jsx)(er,{name:e.name||"File",size:e.size,mimeType:e.mimeType,url:e.url,isUser:t})},"file-".concat(r)))]})}function em(e){let{messages:t,loading:r,streamingText:s}=e,l=(0,n.useRef)(null),i=(0,n.useRef)(null),o=(0,n.useRef)(null),c=(0,n.useRef)(null),d=(0,n.useRef)(0),u=(0,n.useRef)(!0),[p,x]=(0,n.useState)(!1),m=(0,n.useRef)(void 0);(0,n.useEffect)(()=>{let e=l.current,t=i.current;if(!e||!t)return;let r=new IntersectionObserver(e=>{let[t]=e;u.current=t.isIntersecting,clearTimeout(m.current),m.current=setTimeout(()=>{x(!t.isIntersecting)},100)},{root:t,rootMargin:"0px 0px 80px 0px",threshold:0});return r.observe(e),()=>{r.disconnect(),clearTimeout(m.current)}},[]),(0,n.useEffect)(()=>{let e=o.current;if(!e)return;let t=new ResizeObserver(()=>{u.current&&l.current&&l.current.scrollIntoView({behavior:"auto"})});return t.observe(e),()=>t.disconnect()},[]),(0,n.useLayoutEffect)(()=>{var e;if(0===t.length){d.current=0,c.current=null;return}let r=(null==(e=t[0])?void 0:e.id)||null,a=null!==c.current&&r!==c.current;(0===d.current&&t.length>0||a)&&(i.current&&(i.current.scrollTop=i.current.scrollHeight),u.current=!0,x(!1)),d.current=t.length,c.current=r},[t]);let h=(0,n.useCallback)(()=>{i.current&&(i.current.scrollTop=i.current.scrollHeight),u.current=!0,x(!1)},[]);return 0!==t.length||r?(0,a.jsxs)("div",{ref:i,className:"chat-messages-scroll relative flex-1 overflow-y-auto overflow-x-hidden bg-[var(--bg)] min-h-0",children:[(0,a.jsxs)("div",{ref:o,className:"py-[var(--space-3)] pb-[var(--space-6)]",children:[(function(e){let t=[],r=0;for(;r<e.length;)if("assistant"===e[r].role&&e[r].toolCall){let a=[],n=r;for(;r<e.length&&"assistant"===e[r].role&&e[r].toolCall;)a.push(e[r]),r++;t.push({kind:"tool-group",msgs:a,startIndex:n})}else t.push({kind:"message",msg:e[r],index:r}),r++;return t})(t).map(e=>{if("tool-group"===e.kind){let n=e.msgs[0],s=ep(t,e.startIndex),l=e.startIndex>0?t[e.startIndex-1]:null,i=r&&e.startIndex+e.msgs.length===t.length;return(0,a.jsxs)("div",{children:[s&&(0,a.jsx)("div",{className:"text-center py-[var(--space-3)] text-[length:var(--text-caption2)] text-[var(--text-tertiary)]",children:eu(n.timestamp)}),!s&&l&&(0,a.jsx)("div",{className:"assistant"!==l.role?"h-[var(--space-4)]":"h-[var(--space-1)]"}),(0,a.jsx)(en,{msgs:e.msgs,isActive:i})]},"tg-".concat(e.startIndex))}let{msg:n,index:s}=e,l="user"===n.role,i="notification"===n.role,o=ep(t,s),c=n.media||function(e){let t,r=[],a=/!\[([^\]]*)\]\((https?:\/\/[^)]+\.(jpg|jpeg|png|gif|webp|svg)(\?[^)]*)?)\)/gi;for(;null!==(t=a.exec(e));)r.push({type:"image",url:t[2],name:t[1]||"Image"});let n=RegExp("(?<!\\]\\()https?:\\/\\/\\S+\\.(jpg|jpeg|png|gif|webp)(\\?\\S*)?\\b","gi");for(;null!==(t=n.exec(e));){let e=t[0];r.find(t=>t.url===e)||r.push({type:"image",url:e})}let s=/https?:\/\/\S+\.(mp3|wav|ogg|m4a|aac)(\?\S*)?\b/gi;for(;null!==(t=s.exec(e));)r.push({type:"audio",url:t[0],name:t[0].split("/").pop()});return r}(n.content),d=n.content;return c.length>0&&!n.media&&(c.forEach(e=>{d=(d=d.replace(e.url,"")).replace(/!\[[^\]]*\]\([^)]+\)/g,"")}),d=d.trim()),n.media&&n.media.length>0&&d.startsWith("[")&&d.endsWith("]")&&(d=""),(0,a.jsxs)("div",{children:[o&&(0,a.jsx)("div",{className:"text-center py-[var(--space-3)] text-[length:var(--text-caption2)] text-[var(--text-tertiary)]",children:eu(n.timestamp)}),!o&&s>0&&(0,a.jsx)("div",{className:t[s-1].role!==n.role?"h-[var(--space-4)]":"h-[var(--space-1)]"}),i&&(0,a.jsx)("div",{className:"flex justify-center px-[var(--space-4)] mb-[var(--space-1)]",children:(0,a.jsxs)("div",{className:"notification-msg-bubble flex items-start gap-[var(--space-2)] py-[var(--space-3)] px-[var(--space-4)] rounded-[var(--radius-md)] bg-[var(--fill-secondary)] border border-dashed border-[var(--separator)] text-[var(--text-secondary)] text-[length:var(--text-caption1)] leading-[var(--leading-relaxed)] max-w-[85%]",children:[(0,a.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"shrink-0 mt-0.5 opacity-60",children:[(0,a.jsx)("path",{d:"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"}),(0,a.jsx)("path",{d:"M13.73 21a2 2 0 0 1-3.46 0"})]}),(0,a.jsx)("span",{children:ed(d)})]})}),l&&(0,a.jsxs)("div",{className:"flex flex-col items-end px-[var(--space-4)] mb-[var(--space-1)]",children:[d&&(0,a.jsx)("div",{className:"user-msg-bubble py-[var(--space-3)] px-[var(--space-4)] rounded-[var(--radius-lg)_var(--radius-lg)_var(--radius-sm)_var(--radius-lg)] bg-[var(--accent)] text-[var(--accent-contrast)] text-[length:var(--text-subheadline)] leading-[var(--leading-relaxed)] font-[var(--weight-medium)] shadow-[var(--shadow-subtle)]",children:ed(d)}),c.length>0&&(0,a.jsx)("div",{className:"user-msg-bubble",children:ex(c,!0)})]}),!l&&!i&&(0,a.jsx)("div",{className:"assistant-msg-row flex justify-start px-[var(--space-4)] mb-[var(--space-1)]",children:(0,a.jsxs)("div",{className:"assistant-msg-bubble flex flex-col",children:[d&&(0,a.jsx)("div",{className:"py-[var(--space-3)] px-[var(--space-4)] rounded-[var(--radius-sm)_var(--radius-lg)_var(--radius-lg)_var(--radius-lg)] bg-[var(--material-thin)] border border-[var(--separator)] text-[var(--text-primary)] text-[length:var(--text-subheadline)] leading-[var(--leading-relaxed)]",children:ed(d)}),c.length>0&&ex(c,!1)]})})]},n.id||s)}),s&&(0,a.jsx)("div",{className:"assistant-msg-row flex justify-start px-[var(--space-4)] mb-[var(--space-1)]",children:(0,a.jsx)("div",{className:"assistant-msg-bubble flex flex-col",children:(0,a.jsx)("div",{className:"py-[var(--space-3)] px-[var(--space-4)] rounded-[var(--radius-sm)_var(--radius-lg)_var(--radius-lg)_var(--radius-lg)] bg-[var(--material-thin)] border border-[var(--separator)] text-[var(--text-primary)] text-[length:var(--text-subheadline)] leading-[var(--leading-relaxed)]",children:ed(function(e){let t=e,r=(t.match(/```/g)||[]).length;if(r%2!=0&&(t+="\n```"),r%2==0){let e=t.replace(/```[\s\S]*?```/g,"");(e.match(/`/g)||[]).length%2!=0&&(t+="`"),(e.match(/\*\*/g)||[]).length%2!=0&&(t+="**")}return t}(s))})})}),r&&!s&&t.length>0&&(0,a.jsxs)("div",{className:"flex items-center gap-1.5 py-1.5 px-[var(--space-4)] mt-[var(--space-1)]",children:[(0,a.jsx)("span",{className:"w-1.5 h-1.5 rounded-full bg-[var(--accent)] animate-[jinn-pulse_1.4s_infinite] shrink-0"}),(0,a.jsx)("span",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)] font-[var(--weight-medium)]",children:"Thinking"})]}),(0,a.jsx)("div",{ref:l})]}),p&&(0,a.jsxs)("button",{onClick:h,"aria-label":"Scroll to bottom",className:"absolute bottom-4 left-1/2 -translate-x-1/2 z-10 flex items-center gap-1.5 py-1.5 px-3 rounded-full bg-[var(--material-thick)] border border-[var(--separator)] text-[var(--text-secondary)] text-[length:var(--text-caption1)] shadow-[var(--shadow-elevated)] cursor-pointer transition-opacity duration-150 hover:bg-[var(--fill-secondary)]",children:[(0,a.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,a.jsx)("polyline",{points:"6 9 12 15 18 9"})}),"New messages"]}),(0,a.jsx)("style",{children:"\n @keyframes jinn-pulse {\n 0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }\n 40% { opacity: 1; transform: scale(1); }\n }\n .assistant-msg-bubble { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }\n .user-msg-bubble { max-width: 90%; overflow-wrap: break-word; word-break: break-word; }\n .notification-msg-bubble { overflow-wrap: break-word; word-break: break-word; }\n .assistant-msg-row { padding: 0 var(--space-2) !important; }\n @media (min-width: 1024px) {\n .assistant-msg-bubble { max-width: 75%; }\n .user-msg-bubble { max-width: 75%; }\n .assistant-msg-row { padding: 0 var(--space-4) !important; }\n }\n /* User message contrast fixes — ensure all child elements are visible on accent background */\n .user-msg-bubble code {\n background: rgba(255,255,255,0.2) !important;\n border-color: rgba(255,255,255,0.3) !important;\n color: inherit !important;\n }\n .user-msg-bubble .code-block,\n .user-msg-bubble pre {\n background: rgba(0,0,0,0.2) !important;\n border-color: rgba(255,255,255,0.15) !important;\n color: rgba(255,255,255,0.95) !important;\n }\n .user-msg-bubble a {\n color: inherit !important;\n text-decoration-color: rgba(255,255,255,0.6) !important;\n }\n .user-msg-bubble strong { color: inherit !important; }\n .user-msg-bubble em { color: inherit !important; opacity: 0.9; }\n .user-msg-bubble span { color: inherit !important; }\n .user-msg-bubble div { color: inherit !important; }\n .user-msg-bubble th, .user-msg-bubble td { color: inherit !important; }\n .user-msg-bubble table { border-color: rgba(255,255,255,0.2) !important; }\n .user-msg-bubble th { border-color: rgba(255,255,255,0.2) !important; }\n .user-msg-bubble td { border-color: rgba(255,255,255,0.15) !important; }\n .user-msg-bubble tr { background: transparent !important; }\n .user-msg-bubble thead tr { background: rgba(255,255,255,0.1) !important; }\n /* Selection visibility for user messages */\n .user-msg-bubble ::selection {\n background: rgba(255,255,255,0.35);\n color: inherit;\n }\n .user-msg-bubble ::-moz-selection {\n background: rgba(255,255,255,0.35);\n color: inherit;\n }\n "})]}):(0,a.jsx)("div",{className:"flex-1 flex items-center justify-center",children:(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("div",{className:"text-[length:var(--text-title3)] font-[var(--weight-semibold)] text-[var(--text-tertiary)]",children:"Start a conversation"}),(0,a.jsx)("div",{className:"text-[length:var(--text-footnote)] text-[var(--text-quaternary)] mt-[var(--space-2)]",children:"Send a message or use /new to begin"})]})})}function eh(e){let{attachments:t,onRemove:r}=e;return 0===t.length?null:(0,a.jsx)("div",{style:{display:"flex",gap:"var(--space-2)",padding:"var(--space-2) var(--space-3)",overflowX:"auto",overflowY:"hidden"},children:t.map((e,t)=>{var n,s;return(0,a.jsxs)("div",{style:{position:"relative",width:56,height:56,flexShrink:0,borderRadius:"var(--radius-sm)",overflow:"hidden",background:"var(--fill-tertiary)",border:"1px solid var(--separator)"},children:["image"===e.type?(0,a.jsx)("img",{src:e.url,alt:e.name||"Preview",style:{width:"100%",height:"100%",objectFit:"cover"}}):(0,a.jsxs)("div",{style:{width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2,padding:4},children:["audio"===e.type?(0,a.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"var(--text-tertiary)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("path",{d:"M9 18V5l12-2v13"}),(0,a.jsx)("circle",{cx:"6",cy:"18",r:"3"}),(0,a.jsx)("circle",{cx:"18",cy:"16",r:"3"})]}):(0,a.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"var(--text-tertiary)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("path",{d:"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"}),(0,a.jsx)("polyline",{points:"13 2 13 9 20 9"})]}),(0,a.jsx)("span",{style:{fontSize:8,color:"var(--text-quaternary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"100%",textAlign:"center"},children:(null==(s=e.name)||null==(n=s.split(".").pop())?void 0:n.toUpperCase())||e.type.toUpperCase()})]}),(0,a.jsx)("button",{onClick:()=>r(t),"aria-label":"Remove attachment",style:{position:"absolute",top:2,right:2,width:18,height:18,borderRadius:"50%",background:"rgba(0,0,0,0.6)",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",color:"#fff",fontSize:11,lineHeight:1,padding:0},children:(0,a.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",children:[(0,a.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,a.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]},t)})})}function eg(e){let{open:t,progress:r,onDownload:n,onCancel:s}=e;if(!t)return null;let l=null!==r;return(0,a.jsx)("div",{className:"fixed inset-0 bg-black/50 z-[60] flex items-center justify-center",onClick:l?void 0:s,children:(0,a.jsxs)("div",{className:"bg-[var(--bg)] rounded-[var(--radius-lg)] p-[var(--space-6)] max-w-[400px] w-[90%] shadow-[var(--shadow-overlay)]",onClick:e=>e.stopPropagation(),children:[(0,a.jsx)("div",{className:"w-12 h-12 rounded-[var(--radius-md)] bg-[var(--fill-secondary)] flex items-center justify-center mb-[var(--space-4)]",children:(0,a.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"var(--text-secondary)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("path",{d:"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"}),(0,a.jsx)("path",{d:"M19 10v2a7 7 0 0 1-14 0v-2"}),(0,a.jsx)("line",{x1:"12",y1:"19",x2:"12",y2:"23"}),(0,a.jsx)("line",{x1:"8",y1:"23",x2:"16",y2:"23"})]})}),(0,a.jsx)("h3",{className:"text-[length:var(--text-headline)] font-[var(--weight-bold)] text-[var(--text-primary)] mb-[var(--space-2)]",children:"Enable voice input?"}),(0,a.jsx)("p",{className:"text-[length:var(--text-body)] text-[var(--text-secondary)] mb-[var(--space-5)] leading-[var(--leading-relaxed)]",children:"This will download a speech recognition model (~500MB). Transcription runs locally on your server — no data leaves your network."}),l&&(0,a.jsxs)("div",{className:"mb-[var(--space-5)]",children:[(0,a.jsxs)("div",{className:"flex justify-between mb-[var(--space-2)] text-[length:var(--text-footnote)] text-[var(--text-tertiary)]",children:[(0,a.jsx)("span",{children:"Downloading model…"}),(0,a.jsxs)("span",{children:[r,"%"]})]}),(0,a.jsx)("div",{className:"h-1.5 rounded-[3px] bg-[var(--fill-tertiary)] overflow-hidden",children:(0,a.jsx)("div",{className:"h-full rounded-[3px] bg-[var(--accent)] transition-[width] duration-300 ease-in-out",style:{width:"".concat(r,"%")}})})]}),(0,a.jsxs)("div",{className:"flex gap-[var(--space-3)] justify-end",children:[!l&&(0,a.jsx)("button",{onClick:s,className:"px-[var(--space-4)] py-[var(--space-2)] rounded-[var(--radius-md)] bg-[var(--fill-tertiary)] text-[var(--text-primary)] border-none cursor-pointer text-[length:var(--text-body)]",children:"Cancel"}),(0,a.jsx)("button",{onClick:n,disabled:l,className:"px-[var(--space-4)] py-[var(--space-2)] rounded-[var(--radius-md)] border-none text-[length:var(--text-body)] font-[var(--weight-semibold)] ".concat(l?"bg-[var(--fill-tertiary)] text-[var(--text-tertiary)] cursor-default":"bg-[var(--accent)] text-black cursor-pointer"),children:l?"Downloading…":"Download"})]})]})})}function ef(e){let{analyser:t,width:r=64,height:s=32,color:l="var(--system-red)"}=e,i=(0,n.useRef)(null),o=(0,n.useRef)(0);return(0,n.useEffect)(()=>{let e=i.current;if(!e||!t)return;let a=e.getContext("2d");if(!a)return;let n=t.frequencyBinCount,c=new Uint8Array(n),d=(r-22)/12;return!function e(){o.current=requestAnimationFrame(e),t.getByteFrequencyData(c),a.clearRect(0,0,r,s);for(let e=0;e<12;e++){let t=Math.max(3,c[Math.floor(e/12*(.6*n))]/255*s),r=e*(d+2),i=(s-t)/2;a.fillStyle=l,a.beginPath(),a.roundRect(r,i,d,t,1.5),a.fill()}}(),()=>{cancelAnimationFrame(o.current)}},[t,r,s,l]),(0,a.jsx)("canvas",{ref:i,width:r,height:s,style:{width:r,height:s,display:"block"}})}let ev=[{name:"new",description:"Start a new chat session"},{name:"status",description:"Show current session info"}];async function eb(e){let t,r=e.type.startsWith("image/"),a=e.type.startsWith("audio/");if(r)t=await new Promise((t,r)=>{let a=new Image,n=URL.createObjectURL(e);a.onload=()=>{URL.revokeObjectURL(n);let{width:s,height:l}=a;if(s>1200||l>1200){let e=1200/Math.max(s,l);s=Math.round(s*e),l=Math.round(l*e)}let i=document.createElement("canvas");i.width=s,i.height=l;let o=i.getContext("2d");if(!o)return void r(Error("no canvas context"));o.drawImage(a,0,0,s,l);let c=e.size>5e4?"image/jpeg":"image/png";t(i.toDataURL(c,"image/jpeg"===c?.85:void 0))},a.onerror=()=>{URL.revokeObjectURL(n),r(Error("image load failed"))},a.src=n});else t=await new Promise((t,r)=>{let a=new FileReader;a.onloadend=()=>t(a.result),a.onerror=r,a.readAsDataURL(e)});return{type:r?"image":a?"audio":"file",url:t,name:e.name,mimeType:e.type,size:e.size,file:e}}function ey(e){let{disabled:t,loading:r,onSend:s,onInterrupt:i,onNewSession:o,onStatusRequest:c,skillsVersion:d,events:u,droppedFiles:p,onDroppedFilesConsumed:x,focusTrigger:m,onShortcutsClick:h}=e,[g,f]=(0,n.useState)(""),[b,y]=(0,n.useState)([]),[j,w]=(0,n.useState)(!1),[k,N]=(0,n.useState)(""),[C,S]=(0,n.useState)(0),[I,D]=(0,n.useState)(ev),[M,E]=(0,n.useState)(!1),[L,A]=(0,n.useState)(""),[T,z]=(0,n.useState)(0),[R,_]=(0,n.useState)([]),F=(0,n.useRef)(null),U=(0,n.useRef)(null);(0,n.useEffect)(()=>{if(m&&m>0){var e;null==(e=F.current)||e.focus()}},[m]);let W=(0,n.useRef)(new Map),O=function(e,t){let[r,a]=(0,n.useState)("idle"),[s,i]=(0,n.useState)(null),[o,c]=(0,n.useState)(null),[d,u]=(0,n.useState)(null),[p,x]=(0,n.useState)(["en"]),[m,h]=(0,n.useState)(null),[g,f]=(0,n.useState)(()=>localStorage.getItem("stt-language")||"en"),v=(0,n.useRef)(g);v.current=g;let b=(0,n.useRef)(null),y=(0,n.useRef)(null),j=(0,n.useRef)(null),w=(0,n.useRef)([]),k=(0,n.useRef)(null),N=(0,n.useRef)(null),C=(0,n.useRef)(t);C.current=t,(0,n.useEffect)(()=>{if(!e||0===e.length)return;let t=e[e.length-1];if(!t.event.startsWith("stt:"))return;let r=t.payload;"stt:download:progress"===t.event&&c(Number(r.progress)||0),"stt:download:complete"===t.event&&(c(null),i(!0),a("idle")),"stt:download:error"===t.event&&(c(null),a("idle"))},[e]);let S=(0,n.useCallback)(()=>{var e,t;null==(e=j.current)||e.getTracks().forEach(e=>e.stop()),j.current=null,null==(t=y.current)||t.close().catch(()=>{}),y.current=null,u(null),b.current=null},[]);(0,n.useEffect)(()=>()=>{var e,t,r;k.current&&clearTimeout(k.current),(null==(e=b.current)?void 0:e.state)==="recording"&&b.current.stop(),null==(t=j.current)||t.getTracks().forEach(e=>e.stop()),null==(r=y.current)||r.close().catch(()=>{})},[]);let I=(0,n.useCallback)(async()=>{try{var e;let t=await l.F.sttStatus();return i(t.available),t.downloading&&c(t.progress),(null==(e=t.languages)?void 0:e.length)>0&&(x(t.languages),f(e=>{if(!t.languages.includes(e)){let e=t.languages[0];return localStorage.setItem("stt-language",e),e}return e})),t.available}catch(e){return i(!1),!1}},[]),D=(0,n.useCallback)(async()=>{try{let e=await navigator.mediaDevices.getUserMedia({audio:!0});j.current=e;let t=new AudioContext;y.current=t;let r=t.createMediaStreamSource(e),n=t.createAnalyser();n.fftSize=128,r.connect(n),u(n);let s=MediaRecorder.isTypeSupported("audio/webm;codecs=opus")?"audio/webm;codecs=opus":MediaRecorder.isTypeSupported("audio/mp4")?"audio/mp4":"",i=new MediaRecorder(e,s?{mimeType:s}:void 0);b.current=i,w.current=[],i.ondataavailable=e=>{e.data.size>0&&w.current.push(e.data)},i.onstop=async()=>{S(),a("transcribing");let e=new Blob(w.current,{type:i.mimeType||"audio/webm"});if(w.current=[],0===e.size){var t;a("idle"),null==(t=N.current)||t.call(N,null),N.current=null;return}try{let t=(await l.F.sttTranscribe(e,v.current)).text||null;a("idle"),h(null),N.current?(N.current(t),N.current=null):t&&C.current&&C.current(t)}catch(t){let e=t instanceof Error?t.message:"Transcription failed";h(e),a("error"),N.current&&(N.current(null),N.current=null)}},i.start(5e3),a("recording"),k.current=setTimeout(()=>{var e;(null==(e=b.current)?void 0:e.state)==="recording"&&b.current.stop()},18e5)}catch(e){S(),a("idle")}},[S]),M=(0,n.useCallback)(async()=>{"recording"!==r&&"transcribing"!==r&&("error"===r&&(h(null),a("idle")),await I()?await D():a("no-model"))},[r,I,D]),E=(0,n.useCallback)(async()=>{await D()},[D]),L=(0,n.useCallback)(async()=>b.current&&"inactive"!==b.current.state?(k.current&&(clearTimeout(k.current),k.current=null),new Promise(e=>{var t;N.current=e,(null==(t=b.current)?void 0:t.state)==="recording"?b.current.stop():(S(),a("idle"),N.current=null,e(null))})):(a("idle"),null),[S]),A=(0,n.useCallback)(()=>{var e;k.current&&(clearTimeout(k.current),k.current=null),(null==(e=b.current)?void 0:e.state)==="recording"&&b.current.stop(),S(),w.current=[],a("idle")},[S]),T=(0,n.useCallback)(()=>{c(0),l.F.sttDownload().catch(()=>{c(null)})},[]),z=(0,n.useCallback)(()=>{a("idle"),c(null)},[]),R=(0,n.useCallback)(()=>{a("idle"),h(null)},[]),_=(0,n.useCallback)(()=>{f(e=>{let t=p.indexOf(e),r=p[(t+1)%p.length];return localStorage.setItem("stt-language",r),r})},[p]);return{state:r,available:s,downloadProgress:o,analyser:d,languages:p,selectedLanguage:g,error:m,cycleLanguage:_,handleMicClick:M,startRecording:E,stopRecording:L,cancelRecording:A,startDownload:T,dismissDownload:z,dismissError:R}}(u,e=>{e&&f(t=>t?t+" "+e:e)}),q=(0,n.useRef)(void 0);(0,n.useEffect)(()=>{p&&0!==p.length&&q.current!==p&&(q.current=p,(async()=>{let e=[];for(let t of p)e.push(await eb(t));_(t=>[...t,...e]),null==x||x()})())},[p,x]),(0,n.useEffect)(()=>{l.F.getOrg().then(e=>{Array.isArray(e.employees)&&y(e.employees.map(e=>({name:e.name,displayName:e.displayName,department:e.department,rank:e.rank,engine:e.engine})))}).catch(()=>{})},[]),(0,n.useEffect)(()=>{l.F.getSkills().then(e=>{if(!Array.isArray(e))return;let t=e.filter(e=>!ev.some(t=>t.name===e.name)).map(e=>({name:e.name,description:e.description||"",needsEmployee:"sync"===e.name}));D([...ev,...t])}).catch(()=>{})},[d]);let B=(0,n.useCallback)(e=>{var t;let r=g.lastIndexOf("@");-1!==r&&f(g.slice(0,r)+"@"+e+" "),w(!1),null==(t=F.current)||t.focus()},[g]),K=(0,n.useCallback)(e=>{var t;e.needsEmployee?(f("/"+e.name+" @"),E(!1),N(""),S(0),w(!0)):(f("/"+e.name),E(!1)),null==(t=F.current)||t.focus()},[]);function P(){let e=g.trim(),r=R.length>0;if(!e&&!r||t)return;if("/new"===e){f(""),o();return}if("/status"===e){f(""),c();return}let a=r?[...R]:void 0;f(""),_([]),w(!1),E(!1),F.current&&(F.current.style.height="auto"),s(e,a,!1)}async function H(e){let t=e.target.files;if(!t||0===t.length)return;let r=[];for(let e=0;e<t.length;e++)r.push(await eb(t[e]));_(e=>[...e,...r]),e.target.value=""}async function V(e){var t;let r=null==(t=e.clipboardData)?void 0:t.items;if(r){for(let t=0;t<r.length;t++)if(r[t].type.startsWith("image/")){e.preventDefault();let a=r[t].getAsFile();if(a){let e=await eb(a);_(t=>[...t,e])}return}}}let J=(0,n.useCallback)(e=>{e&&f(t=>t?t+" "+e:e)},[]);async function Q(){if("recording"===O.state){var e;let t=await O.stopRecording();J(null!=t?t:""),null==(e=F.current)||e.focus()}else"transcribing"===O.state||O.handleMicClick()}(0,n.useEffect)(()=>{F.current&&(F.current.style.height="auto",F.current.style.height=Math.min(F.current.scrollHeight,120)+"px")},[g]);let $=I.filter(e=>{var t;return null==(t=e.name)?void 0:t.toLowerCase().startsWith(L)}),G=b.filter(e=>{var t;return null==(t=e.name)?void 0:t.toLowerCase().includes(k)}),Z=g.trim().length>0||R.length>0;return(0,a.jsxs)("div",{className:"px-3 sm:px-4 pt-[var(--space-3)] pb-[var(--space-3)] border-t border-t-[var(--separator)] bg-[var(--material-regular)] shrink-0 relative",children:[M&&$.length>0&&(0,a.jsx)("div",{className:"absolute bottom-full left-[var(--space-4)] right-[var(--space-4)] mb-1 bg-[var(--bg)] border border-[var(--separator)] rounded-[var(--radius-md)] shadow-[var(--shadow-lg)] max-h-60 overflow-y-auto z-10",children:$.map((e,t)=>{let r=t===T;return(0,a.jsxs)("button",{ref:e=>{r&&e&&e.scrollIntoView({block:"nearest"})},onClick:()=>K(e),className:"w-full text-left py-[var(--space-2)] px-[var(--space-3)] text-[length:var(--text-footnote)] ".concat(r?"bg-[var(--fill-secondary)]":"bg-transparent"," border-none cursor-pointer flex items-center gap-[var(--space-2)] text-[var(--text-primary)]"),children:[(0,a.jsxs)("span",{className:"font-[family-name:var(--font-mono)] font-[var(--weight-semibold)] text-[var(--accent)] text-[length:var(--text-footnote)]",children:["/",e.name]}),(0,a.jsx)("span",{className:"text-[var(--text-tertiary)] text-[length:var(--text-caption1)]",children:e.description})]},e.name)})}),j&&G.length>0&&(0,a.jsx)("div",{className:"absolute bottom-full left-[var(--space-4)] right-[var(--space-4)] mb-1 bg-[var(--bg)] border border-[var(--separator)] rounded-[var(--radius-md)] shadow-[var(--shadow-lg)] max-h-40 overflow-y-auto z-10",children:G.slice(0,8).map((e,t)=>{let r=t===C;return(0,a.jsxs)("button",{ref:e=>{e?W.current.set(t,e):W.current.delete(t),r&&e&&e.scrollIntoView({block:"nearest"})},onClick:()=>B(e.name),className:"w-full text-left py-[var(--space-2)] px-[var(--space-3)] text-[length:var(--text-footnote)] ".concat(r?"bg-[var(--fill-secondary)]":"bg-transparent"," border-none cursor-pointer flex items-center gap-[var(--space-2)] text-[var(--text-primary)]"),children:[(0,a.jsx)(v.s,{name:e.name,size:20}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsxs)("div",{className:"flex items-center gap-[var(--space-2)]",children:[(0,a.jsx)("span",{className:"font-[var(--weight-semibold)]",children:e.displayName||e.name}),(0,a.jsxs)("span",{className:"font-[family-name:var(--font-mono)] text-[length:var(--text-caption2)] text-[var(--text-tertiary)]",children:["@",e.name]})]}),e.department&&(0,a.jsxs)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-quaternary)] flex gap-[var(--space-2)] mt-px",children:[(0,a.jsx)("span",{children:e.department}),e.engine&&(0,a.jsx)("span",{className:"text-[var(--accent)] font-[var(--weight-medium)]",children:e.engine})]})]})]},e.name)})}),R.length>0&&(0,a.jsx)("div",{className:"mb-[var(--space-2)]",children:(0,a.jsx)(eh,{attachments:R,onRemove:function(e){_(t=>t.filter((t,r)=>r!==e))}})}),(0,a.jsxs)("div",{className:"flex items-center gap-[var(--space-2)] bg-[var(--fill-secondary)] rounded-[var(--radius-lg)] py-1.5 px-[var(--space-3)] min-h-11 transition-[border-color] duration-200 ease-in-out border ".concat(r?"border-[var(--accent)]":"border-[var(--separator)]"),children:[(0,a.jsx)("button",{"aria-label":"Attach file",onClick:()=>{var e;return null==(e=U.current)?void 0:e.click()},className:"w-8 h-8 shrink-0 rounded-[var(--radius-sm)] flex items-center justify-center bg-transparent border-none cursor-pointer text-[var(--text-secondary)] mb-0",children:(0,a.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,a.jsx)("path",{d:"M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"})})}),(0,a.jsx)("input",{ref:U,type:"file",accept:"image/*,audio/*,.pdf,.doc,.docx,.txt,.csv,.json,.zip",multiple:!0,className:"hidden",onChange:H}),(0,a.jsx)("textarea",{id:"chat-textarea",ref:F,value:g,onChange:function(e){let t=e.target.value;if(f(t),t.startsWith("/")&&!t.includes(" ")){A(t.slice(1).toLowerCase()),z(0),E(!0),w(!1);return}E(!1);let r=t.lastIndexOf("@");if(-1!==r){let e=t.slice(r+1);if(!e.includes(" ")&&!e.includes("\n")){N(e.toLowerCase()),S(0),w(!0);return}}w(!1)},onKeyDown:function(e){if(M&&$.length>0){let t=$.length;if("ArrowDown"===e.key){e.preventDefault(),z(e=>(e+1)%t);return}if("ArrowUp"===e.key){e.preventDefault(),z(e=>(e-1+t)%t);return}if("Tab"===e.key||"Enter"===e.key){e.preventDefault(),K($[T]);return}if("Escape"===e.key){e.preventDefault(),E(!1);return}}if(j&&G.length>0){let t=Math.min(G.length,8);if("ArrowDown"===e.key){e.preventDefault(),S(e=>(e+1)%t);return}if("ArrowUp"===e.key){e.preventDefault(),S(e=>(e-1+t)%t);return}if("Tab"===e.key||"Enter"===e.key){e.preventDefault(),B(G[C].name);return}if("Escape"===e.key){e.preventDefault(),w(!1);return}}"Enter"!==e.key||e.shiftKey||(e.preventDefault(),P())},onPaste:V,placeholder:t?"Waiting for response...":"Type a message...",rows:1,disabled:t,className:"flex-1 bg-transparent border-none outline-none resize-none text-[var(--text-primary)] text-[length:var(--text-subheadline)] leading-5 max-h-30 min-h-5 h-5 p-0 m-0 ".concat(t?"opacity-50":"opacity-100"),onInput:e=>{let t=e.target;t.style.height="auto",t.style.height=Math.min(t.scrollHeight,120)+"px"}}),O.languages.length>1&&(0,a.jsx)("button",{"aria-label":"STT language: ".concat(O.selectedLanguage.toUpperCase(),". Click to switch."),onClick:O.cycleLanguage,className:"h-6 px-1.5 shrink-0 rounded-[var(--radius-sm)] flex items-center justify-center bg-[var(--fill-tertiary)] border-none cursor-pointer text-[var(--text-secondary)] text-[11px] font-semibold font-[family-name:var(--font-mono)] tracking-[0.5px] uppercase transition-all duration-150 ease-in-out",title:"Transcription language: ".concat(O.selectedLanguage.toUpperCase(),". Click to cycle."),children:O.selectedLanguage}),(0,a.jsx)("button",{"aria-label":"recording"===O.state?"Stop recording":"transcribing"===O.state?"Transcribing…":"Voice input",onClick:Q,disabled:"transcribing"===O.state,className:"w-8 h-8 shrink-0 flex items-center justify-center border-none transition-all duration-150 ease-in-out ".concat("recording"===O.state?"rounded-full bg-[var(--system-red)] text-white cursor-pointer":"rounded-[var(--radius-sm)] bg-transparent text-[var(--text-secondary)] ".concat("transcribing"===O.state?"cursor-wait":"cursor-pointer")),title:"recording"===O.state?"Stop recording":"transcribing"===O.state?"Transcribing…":"Voice input",children:"transcribing"===O.state?(0,a.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"animate-[stt-spin_1s_linear_infinite]",children:(0,a.jsx)("path",{d:"M12 2a10 10 0 0 1 10 10"})}):(0,a.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("path",{d:"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"}),(0,a.jsx)("path",{d:"M19 10v2a7 7 0 0 1-14 0v-2"}),(0,a.jsx)("line",{x1:"12",y1:"19",x2:"12",y2:"23"}),(0,a.jsx)("line",{x1:"8",y1:"23",x2:"16",y2:"23"})]})}),"recording"===O.state&&O.analyser&&(0,a.jsx)(ef,{analyser:O.analyser,width:64,height:28}),r&&i&&(0,a.jsx)("button",{onClick:i,"aria-label":"Stop",className:"w-8 h-8 rounded-full bg-[var(--system-red)] text-white border-none cursor-pointer flex items-center justify-center shrink-0 transition-all duration-150 ease-in-out",children:(0,a.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor",children:(0,a.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2"})})}),(0,a.jsx)("button",{onClick:P,disabled:!Z||t,"aria-label":"Send message",className:"w-8 h-8 rounded-full border-none flex items-center justify-center shrink-0 transition-all duration-150 ease-in-out ".concat(Z?"bg-[var(--accent)] text-[var(--accent-contrast)] cursor-pointer":"bg-[var(--fill-tertiary)] text-[var(--text-quaternary)] cursor-default"),children:(0,a.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("line",{x1:"12",y1:"19",x2:"12",y2:"5"}),(0,a.jsx)("polyline",{points:"5 12 12 5 19 12"})]})})]}),(0,a.jsxs)("div",{className:"hidden sm:flex text-[length:var(--text-caption2)] text-[var(--text-quaternary)] text-center mt-[var(--space-1)] justify-center gap-[var(--space-3)]",children:[(0,a.jsx)("span",{children:"Enter to send"}),(0,a.jsx)("span",{children:"/ - commands"}),(0,a.jsx)("span",{children:"@name - mention"}),h&&(0,a.jsxs)("button",{onClick:h,className:"flex items-center gap-1 text-[length:var(--text-caption2)] text-[var(--text-quaternary)] hover:text-[var(--text-tertiary)] transition-colors bg-transparent border-none cursor-pointer p-0 font-[inherit]",children:[(0,a.jsx)("kbd",{className:"rounded bg-[var(--fill-tertiary)] px-1 py-0.5 font-mono text-[10px] leading-none",children:"?"}),(0,a.jsx)("span",{children:"shortcuts"})]})]}),"error"===O.state&&O.error&&(0,a.jsxs)("div",{className:"flex items-center gap-[var(--space-2)] mt-[var(--space-2)] py-[var(--space-2)] px-[var(--space-3)] rounded-[var(--radius-sm)] text-[length:var(--text-caption1)] text-[var(--system-red)]",style:{background:"color-mix(in srgb, var(--system-red) 12%, transparent)"},children:[(0,a.jsxs)("span",{className:"flex-1",children:["Voice input error: ",O.error]}),(0,a.jsx)("button",{onClick:O.dismissError,className:"bg-none border-none cursor-pointer text-[var(--system-red)] text-[length:var(--text-caption1)] font-semibold py-0.5 px-1.5",children:"Dismiss"})]}),(0,a.jsx)(eg,{open:"no-model"===O.state,progress:O.downloadProgress,onDownload:O.startDownload,onCancel:O.dismissDownload}),(0,a.jsx)("style",{children:"\n @keyframes stt-spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n "})]})}let ej={executive:"Exec",manager:"Mgr",senior:"Sr",employee:""};function ew(e){let{employees:t,selectedEmployee:r,onSelect:s,portalName:l}=e,[i,o]=(0,n.useState)(""),[c,d]=(0,n.useState)(-1),u=(0,n.useRef)(null),p=(0,n.useRef)(null),x=(0,n.useMemo)(()=>{if(!i.trim())return t;let e=i.toLowerCase();return t.filter(t=>{var r,a,n;return(null==(r=t.name)?void 0:r.toLowerCase().includes(e))||(null==(a=t.displayName)?void 0:a.toLowerCase().includes(e))||(null==(n=t.department)?void 0:n.toLowerCase().includes(e))})},[t,i]),m=(0,n.useMemo)(()=>{let e=new Map;for(let t of x){let r=t.department||"other";e.has(r)||e.set(r,[]),e.get(r).push(t)}return e},[x]),h=(0,n.useMemo)(()=>{let e=[];for(let t of m.values())e.push(...t);return e},[m]);(0,n.useEffect)(()=>{d(-1)},[i]),(0,n.useEffect)(()=>{if(!u.current)return;let e=u.current.querySelectorAll("[data-picker-option]")[c+1];e&&"function"==typeof e.scrollIntoView&&e.scrollIntoView({block:"nearest"})},[c]);let g=(0,n.useCallback)(e=>{"ArrowDown"===e.key?(e.preventDefault(),d(e=>Math.min(e+1,h.length-1))):"ArrowUp"===e.key?(e.preventDefault(),d(e=>Math.max(e-1,-1))):"Enter"===e.key&&(e.preventDefault(),-1===c?s(null):h[c]&&s(h[c].name))},[c,h,s]);return(0,a.jsxs)("div",{className:"flex flex-col items-center gap-3 px-4 w-full max-w-md mx-auto",children:[(0,a.jsx)("p",{className:"text-sm text-[var(--text-secondary)]",children:"Who do you want to talk to?"}),(0,a.jsx)("div",{className:"w-full",children:(0,a.jsx)("input",{ref:p,type:"text",placeholder:"Search employees...",value:i,onChange:e=>o(e.target.value),className:"w-full py-2 px-3 text-[length:var(--text-footnote)] border border-[var(--separator)] rounded-[var(--radius-md)] bg-[var(--fill-tertiary)] text-[var(--text-primary)] outline-none font-[inherit] placeholder:text-[var(--text-tertiary)]"})}),(0,a.jsxs)("div",{ref:u,role:"listbox",tabIndex:0,onKeyDown:g,className:"w-full max-h-[360px] overflow-y-auto rounded-[var(--radius-md)] border border-[var(--separator)] bg-[var(--fill-quaternary)]",children:[(0,a.jsxs)("div",{role:"option","aria-selected":null===r,"aria-label":l,"data-picker-option":!0,onClick:()=>s(null),onMouseEnter:()=>d(-1),className:(0,k.cn)("flex items-center gap-3 px-3 py-2.5 cursor-pointer transition-colors border-b border-[var(--separator)]",-1===c&&"bg-[var(--fill-secondary)]",null===r?"bg-[color-mix(in_srgb,var(--accent)_8%,transparent)]":""),children:[(0,a.jsx)("span",{className:"text-xl shrink-0",children:"\uD83E\uDDDE"}),(0,a.jsx)("div",{className:"flex-1 min-w-0",children:(0,a.jsx)("span",{className:"text-[length:var(--text-footnote)] font-[var(--weight-semibold)] text-[var(--text-primary)]",children:l})}),(0,a.jsx)("span",{className:"text-[length:var(--text-caption2)] text-[var(--accent)] bg-[color-mix(in_srgb,var(--accent)_12%,transparent)] rounded-[var(--radius-sm)] px-1.5 py-px font-[var(--weight-medium)] shrink-0",children:"COO"})]}),Array.from(m.entries()).map(e=>{let[t,n]=e;return(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"px-3 py-1.5 text-[length:var(--text-caption2)] font-[var(--weight-semibold)] text-[var(--text-tertiary)] uppercase tracking-wider bg-[var(--fill-tertiary)]",children:t}),n.map(e=>{let t=h.indexOf(e),n=r===e.name,l=c===t;return(0,a.jsxs)("div",{role:"option","aria-selected":n,"data-picker-option":!0,onClick:()=>s(e.name),onMouseEnter:()=>d(t),className:(0,k.cn)("flex items-center gap-3 px-3 py-2 cursor-pointer transition-colors",l&&"bg-[var(--fill-secondary)]",n&&"bg-[color-mix(in_srgb,var(--accent)_8%,transparent)]"),children:[(0,a.jsx)(v.s,{name:e.name,size:28}),(0,a.jsx)("div",{className:"flex-1 min-w-0",children:(0,a.jsx)("span",{className:"text-[length:var(--text-footnote)] font-[var(--weight-medium)] text-[var(--text-primary)] overflow-hidden text-ellipsis whitespace-nowrap block",children:e.displayName})}),ej[e.rank]&&(0,a.jsx)("span",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] bg-[var(--fill-secondary)] rounded-[var(--radius-sm)] px-1.5 py-px shrink-0",children:ej[e.rank]}),n&&(0,a.jsx)("span",{className:"text-[var(--accent)] text-[13px] shrink-0",children:"✓"})]},e.name)})]},t)}),0===x.length&&(0,a.jsxs)("div",{className:"p-4 text-center text-[length:var(--text-footnote)] text-[var(--text-tertiary)]",children:["No employees match “",i,"”"]})]})]})}var ek=r(687),eN=r(7181),eC=r(8574);function eS(e){let{sessionId:t,events:r,paused:s=!1}=e,[i,o]=(0,n.useState)([]),[c,d]=(0,n.useState)(s),u=(0,n.useCallback)(async()=>{if(t)try{let e=await l.F.getSessionQueue(t);o(e)}catch(e){}},[t]);(0,n.useEffect)(()=>{u()},[u]),(0,n.useEffect)(()=>{if(!r.length)return;let e=r[r.length-1];if("queue:updated"===e.event){u();let t=e.payload;"boolean"==typeof(null==t?void 0:t.paused)&&d(t.paused)}},[r,u]);let p=i.filter(e=>"pending"===e.status);if(!t||0===p.length)return null;async function x(e){if(t)try{await l.F.cancelQueueItem(t,e),await u()}catch(e){}}async function m(){if(t)try{await l.F.clearSessionQueue(t),o([])}catch(e){}}async function g(){if(t)try{c?(await l.F.resumeSessionQueue(t),d(!1)):(await l.F.pauseSessionQueue(t),d(!0))}catch(e){}}return(0,a.jsxs)("div",{className:"border-t border-[var(--separator)] px-[var(--space-4)] py-[var(--space-2)] bg-[var(--fill-quaternary)] shrink-0",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-[var(--space-1)]",children:[(0,a.jsxs)("span",{className:"text-[length:var(--text-caption2)] font-semibold text-[var(--text-secondary)] uppercase tracking-[0.5px]",children:[p.length," queued ",c&&"\xb7 Paused"]}),(0,a.jsxs)("div",{className:"flex gap-[var(--space-1)]",children:[(0,a.jsx)("button",{onClick:g,title:c?"Resume queue":"Pause queue",className:"bg-transparent border-none cursor-pointer text-[var(--text-secondary)] p-0.5 flex items-center",children:c?(0,a.jsx)(ek.A,{size:13}):(0,a.jsx)(eN.A,{size:13})}),(0,a.jsx)("button",{onClick:m,title:"Clear all queued messages",className:"bg-transparent border-none cursor-pointer text-[var(--text-secondary)] p-0.5 flex items-center",children:(0,a.jsx)(eC.A,{size:13})})]})]}),(0,a.jsx)("div",{className:"flex flex-col gap-0.5",children:p.map(e=>(0,a.jsxs)("div",{className:"flex items-center gap-[var(--space-2)] px-[var(--space-2)] py-[3px] rounded-[var(--radius-sm)] bg-[var(--fill-tertiary)]",children:[(0,a.jsxs)("span",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] min-w-4",children:[e.position,"."]}),(0,a.jsx)("span",{className:"flex-1 text-[length:var(--text-caption1)] text-[var(--text-secondary)] overflow-hidden text-ellipsis whitespace-nowrap",children:e.prompt.length>60?e.prompt.slice(0,57)+"...":e.prompt}),(0,a.jsx)("button",{onClick:()=>x(e.id),title:"Cancel this message",className:"bg-transparent border-none cursor-pointer text-[var(--text-tertiary)] p-px flex items-center shrink-0",children:(0,a.jsx)(h.A,{size:11})})]},e.id))})]})}function eI(e){let{input:t}=e,[r,s]=(0,n.useState)(!1),l=JSON.stringify(t,null,2);return l.length>300?(0,a.jsxs)("div",{children:[(0,a.jsx)("button",{onClick:()=>s(e=>!e),className:"mt-1 px-2 py-0.5 text-[11px] rounded bg-white/[0.08] border border-white/[0.12] text-[var(--text-tertiary)] cursor-pointer font-[SF_Mono,Menlo,Cascadia_Code,monospace]",children:r?"collapse input":"show input (".concat(l.length," chars)")}),r&&(0,a.jsx)("pre",{className:"mt-1 px-2.5 py-1.5 bg-white/5 rounded text-xs leading-normal whitespace-pre-wrap break-all text-[var(--text-secondary)] font-[SF_Mono,Menlo,Cascadia_Code,monospace] overflow-x-auto max-h-[400px] overflow-y-auto",children:l})]}):(0,a.jsx)("pre",{className:"mt-1 px-2.5 py-1.5 bg-white/5 rounded text-xs leading-normal whitespace-pre-wrap break-all text-[var(--text-secondary)] font-[SF_Mono,Menlo,Cascadia_Code,monospace] overflow-x-auto",children:l})}function eD(e){let{text:t}=e,[r,s]=(0,n.useState)(!1);return(0,a.jsxs)("div",{className:"mb-1.5",children:[(0,a.jsx)("button",{onClick:()=>s(e=>!e),className:"px-2 py-0.5 text-[11px] rounded bg-white/[0.06] border border-white/10 text-[var(--text-quaternary,var(--text-tertiary))] cursor-pointer font-[SF_Mono,Menlo,Cascadia_Code,monospace] italic",children:r?"hide thinking":"show thinking"}),r&&(0,a.jsx)("div",{className:"mt-1 px-3 py-2 bg-white/[0.04] border-l-2 border-white/10 text-xs leading-relaxed text-[var(--text-quaternary,var(--text-tertiary))] italic whitespace-pre-wrap break-words font-[SF_Mono,Menlo,Cascadia_Code,monospace]",children:t})]})}function eM(e){let{text:t}=e,[r,s]=(0,n.useState)(!1);return t.length>500?(0,a.jsxs)("div",{children:[(0,a.jsx)("button",{onClick:()=>s(e=>!e),className:"mt-1 px-2 py-0.5 text-[11px] rounded bg-white/[0.08] border border-white/[0.12] text-[var(--text-tertiary)] cursor-pointer font-[SF_Mono,Menlo,Cascadia_Code,monospace]",children:r?"collapse output":"show output (".concat(t.length," chars)")}),r&&(0,a.jsx)("pre",{className:"mt-1 px-2.5 py-1.5 bg-white/[0.04] rounded text-xs leading-normal whitespace-pre-wrap break-all text-[var(--text-tertiary)] font-[SF_Mono,Menlo,Cascadia_Code,monospace] overflow-x-auto max-h-[400px] overflow-y-auto",children:t})]}):(0,a.jsx)("pre",{className:"mt-1 px-2.5 py-1.5 bg-white/[0.04] rounded text-xs leading-normal whitespace-pre-wrap break-all text-[var(--text-tertiary)] font-[SF_Mono,Menlo,Cascadia_Code,monospace] overflow-x-auto max-h-[300px] overflow-y-auto",children:t||"(empty)"})}function eE(e){let{block:t}=e;return"thinking"===t.type?(0,a.jsx)(eD,{text:t.text||""}):"tool_use"===t.type?(0,a.jsxs)("div",{className:"mb-2 px-2.5 py-1.5 bg-[rgba(99,179,237,0.08)] border border-[rgba(99,179,237,0.2)] rounded-md",children:[(0,a.jsxs)("div",{className:"text-[11px] font-semibold text-[rgba(99,179,237,0.9)] font-[SF_Mono,Menlo,Cascadia_Code,monospace] mb-0.5 uppercase tracking-wide",children:["tool: ",t.name]}),t.input&&Object.keys(t.input).length>0&&(0,a.jsx)(eI,{input:t.input})]}):"tool_result"===t.type?(0,a.jsxs)("div",{className:"mb-2 px-2.5 py-1.5 bg-white/[0.03] border border-white/[0.08] rounded-md",children:[(0,a.jsx)("div",{className:"text-[11px] font-semibold text-[rgba(160,160,160,0.7)] font-[SF_Mono,Menlo,Cascadia_Code,monospace] mb-0.5 uppercase tracking-wide",children:"result"}),(0,a.jsx)(eM,{text:t.text||""})]}):(0,a.jsx)("div",{className:"whitespace-pre-wrap break-words leading-relaxed text-[var(--text-primary)] mb-1",children:t.text})}function eL(e){let{entry:t}=e,r="user"===t.role;return(0,a.jsxs)("div",{className:"flex gap-2.5 py-2.5 border-b border-white/[0.04]",children:[(0,a.jsx)("div",{className:"shrink-0 w-4 text-[13px] font-bold font-[SF_Mono,Menlo,Cascadia_Code,monospace] pt-px",style:{color:r?"var(--accent)":"rgba(110, 231, 183, 0.8)"},children:r?">":"$"}),(0,a.jsx)("div",{className:"flex-1 min-w-0",children:t.content.map((e,t)=>(0,a.jsx)(eE,{block:e},t))})]})}function eA(e){let{sessionId:t}=e,[r,s]=(0,n.useState)([]),[i,o]=(0,n.useState)(!0),[c,d]=(0,n.useState)(null),u=(0,n.useRef)(null);return((0,n.useEffect)(()=>{t&&(o(!0),d(null),l.F.getSessionTranscript(t).then(e=>{s(e),o(!1)}).catch(e=>{d(e instanceof Error?e.message:"Failed to load transcript"),o(!1)}))},[t]),(0,n.useEffect)(()=>{var e;null==(e=u.current)||e.scrollIntoView({behavior:"instant"})},[r]),i)?(0,a.jsx)("div",{className:"flex-1 flex items-center justify-center bg-[var(--bg-primary,var(--bg))] text-[var(--text-tertiary)] font-[SF_Mono,Menlo,Cascadia_Code,monospace] text-[13px]",children:"loading transcript..."}):c?(0,a.jsxs)("div",{className:"flex-1 flex items-center justify-center bg-[var(--bg-primary,var(--bg))] text-[var(--system-red)] font-[SF_Mono,Menlo,Cascadia_Code,monospace] text-[13px]",children:["error: ",c]}):0===r.length?(0,a.jsx)("div",{className:"flex-1 flex items-center justify-center bg-[var(--bg-primary,var(--bg))] text-[var(--text-tertiary)] font-[SF_Mono,Menlo,Cascadia_Code,monospace] text-[13px]",children:"no transcript available"}):(0,a.jsxs)("div",{className:"flex-1 overflow-y-auto overflow-x-hidden bg-[var(--bg-primary,var(--bg))] p-[var(--space-4)] font-[SF_Mono,Menlo,Cascadia_Code,monospace] text-[13px] leading-normal min-h-0",children:[r.map((e,t)=>(0,a.jsx)(eL,{entry:e},t)),(0,a.jsx)("div",{ref:u})]})}function eT(e){var t;let{sessionId:r,isActive:s,onFocus:i,onSessionCreated:o,onSessionMetaChange:c,onRefresh:d,portalName:u="Jinn",subscribe:p,connectionSeq:x,skillsVersion:m,events:h,viewMode:g="chat",getOnboardingPrompt:f,isStubSession:v,onStubCleared:b,focusTrigger:y,onShortcutsClick:j}=e,[w,k]=(0,n.useState)([]),[N,C]=(0,n.useState)(!1),S=(0,n.useRef)(""),[I,D]=(0,n.useState)(""),M=(0,n.useRef)(-1),[E,L]=(0,n.useState)(null),A=(0,n.useRef)(r),[T,z]=(0,n.useState)(null),[R,_]=(0,n.useState)([]),F=(0,n.useRef)(!1);(0,n.useEffect)(()=>{!r&&(F.current&&R.length>0||l.F.getOrg().then(e=>{Array.isArray(e.employees)&&(_(e.employees.map(e=>({name:e.name,displayName:e.displayName,department:e.department,rank:e.rank}))),F.current=!0)}).catch(()=>{}))},[r,R.length]),(0,n.useEffect)(()=>{A.current=r},[r]);let U=(0,n.useCallback)((e,t)=>{if(!t)return;let r=M.current;if(r<0)return;let a=e.slice(r);a.length>0&&function(e,t){try{localStorage.setItem("".concat(ee).concat(e),JSON.stringify(t))}catch(e){}}(t,a)},[]);(0,n.useEffect)(()=>p((e,t)=>{let r=A.current;if(r&&t.sessionId===r){if("session:delta"===e){let e=String(t.type||"text");if("text"===e){let e=String(t.content||"");S.current+=e,D(S.current)}else if("text_snapshot"===e){let e=String(t.content||"");e.length>=S.current.length&&(S.current=e,D(e))}else if("tool_use"===e){if(S.current){let e=S.current;S.current="",D(""),k(t=>{M.current<0&&(M.current=t.length);let a=[...t,{id:crypto.randomUUID(),role:"assistant",content:e,timestamp:Date.now()}];return U(a,r),a})}let e=String(t.toolName||"tool");k(t=>{M.current<0&&(M.current=t.length);let a=[...t,{id:crypto.randomUUID(),role:"assistant",content:"Using ".concat(e),timestamp:Date.now(),toolCall:e}];return U(a,r),a})}else"tool_result"===e&&k(e=>{let t=[...e],a=t[t.length-1];return a&&"assistant"===a.role&&a.toolCall&&(t[t.length-1]={...a,content:"Used ".concat(a.toolCall)}),U(t,r),t})}if("session:notification"===e){let e=String(t.message||"");e&&k(t=>[...t,{id:crypto.randomUUID(),role:"notification",content:e,timestamp:Date.now()}])}if("session:interrupted"===e&&(S.current="",D("")),"session:stopped"===e&&(C(!1),D("")),"session:completed"===e){S.current="",D(""),C(!1),M.current=-1;let e=r||(t.sessionId?String(t.sessionId):null);e&&et(e),t.result&&k(e=>{let r=[...e],a=r[r.length-1];return a&&"assistant"===a.role&&!a.toolCall&&r.pop(),[...r,{id:crypto.randomUUID(),role:"assistant",content:String(t.result),timestamp:Date.now()}]}),t.error&&!t.result&&k(e=>[...e,{id:crypto.randomUUID(),role:"assistant",content:"Error: ".concat(t.error),timestamp:Date.now()}]),null==d||d()}}}),[p,U,d]);let W=(0,n.useCallback)(async e=>{try{let t=await l.F.getSession(e);L(t);let r={engine:t.engine?String(t.engine):void 0,engineSessionId:t.engineSessionId?String(t.engineSessionId):void 0,model:t.model?String(t.model):void 0,title:t.title?String(t.title):void 0,employee:t.employee?String(t.employee):void 0};null==c||c(r);let a=t.messages||t.history||[],n=Array.isArray(a)?a.map(e=>({id:crypto.randomUUID(),role:e.role||"assistant",content:String(e.content||e.text||""),timestamp:e.timestamp?Number(e.timestamp):Date.now()})):[];if("error"===t.status&&t.lastError){let e=n[n.length-1],r="Error: ".concat(String(t.lastError));e&&"assistant"===e.role&&e.content===r||n.push({id:crypto.randomUUID(),role:"assistant",content:r,timestamp:Date.now()})}if("running"===t.status){let t=function(e){try{let t=localStorage.getItem("".concat(ee).concat(e));return t?JSON.parse(t):[]}catch(e){return[]}}(e);t.length>0?(M.current=n.length,k([...n,...t])):(M.current=n.length,k(n)),C(!0)}else et(e),M.current=-1,k(n)}catch(e){k([]),L(null),M.current=-1}},[c]);(0,n.useEffect)(()=>{if(!r){k([]),C(!1),L(null),S.current="",D(""),M.current=-1,z(null);return}S.current="",D(""),C(!1),W(r)},[r,W]),(0,n.useEffect)(()=>{x&&r&&W(r)},[x,r,W]),(0,n.useEffect)(()=>{if(!r||!N)return;let e=setInterval(async()=>{try{let e=await l.F.getSession(r);"running"!==e.status&&(await W(r),C(!1))}catch(e){}},5e3);return()=>clearInterval(e)},[r,N,W]);let O=(0,n.useCallback)(async()=>{if(r)try{await l.F.stopSession(r)}catch(e){}},[r]),q=(0,n.useCallback)(async(e,t,a)=>{let n={id:crypto.randomUUID(),role:"user",content:e,timestamp:Date.now(),media:t};k(e=>(M.current=e.length+1,[...e,n])),C(!0);try{let n;if(t&&t.length>0){let e=t.filter(e=>e.file).map(e=>l.F.uploadFile(e.file));e.length>0&&(n=(await Promise.all(e)).map(e=>e.id))}let s=r;if(s&&v&&f){null==b||b();let t=f(e);await l.F.sendMessage(s,{message:t,attachments:n}),null==d||d()}else if(s)await l.F.sendMessage(s,{message:e,interrupt:a||void 0,attachments:n}),null==d||d();else{let t=function(e){let t={source:"web",prompt:e.message};return e.selectedEmployee&&(t.employee=e.selectedEmployee),e.attachmentIds&&e.attachmentIds.length>0&&(t.attachments=e.attachmentIds),t}({message:e,selectedEmployee:T,attachmentIds:n}),r=await l.F.createSession(t);s=String(r.id),null==o||o(s),null==d||d()}}catch(e){C(!1),k(t=>[...t,{id:crypto.randomUUID(),role:"assistant",content:"Error: ".concat(e instanceof Error?e.message:"Failed to send message"),timestamp:Date.now()}])}},[r,T,v,f,b,o,d]),B=(0,n.useCallback)(async()=>{if(!r)return void k(e=>[...e,{id:crypto.randomUUID(),role:"assistant",content:"No active session. Send a message to start one.",timestamp:Date.now()}]);try{let e=await l.F.getSession(r),t=["**Session Info**","ID: `".concat(e.id,"`"),"Status: ".concat(e.status||"unknown"),e.employee?"Employee: ".concat(e.employee):null,e.engine?"Engine: ".concat(e.engine):null,e.model?"Model: ".concat(e.model):null,e.createdAt?"Created: ".concat(e.createdAt):null].filter(Boolean).join("\n");k(e=>[...e,{id:crypto.randomUUID(),role:"assistant",content:t,timestamp:Date.now()}])}catch(e){k(e=>[...e,{id:crypto.randomUUID(),role:"assistant",content:"Failed to fetch session status.",timestamp:Date.now()}])}},[r]),K=(0,n.useCallback)(()=>{k([]),C(!1),L(null),S.current="",D(""),M.current=-1},[]),[P,H]=(0,n.useState)(!1),[V,J]=(0,n.useState)(),Q=(0,n.useRef)(0),$=(0,n.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),Q.current++,e.dataTransfer.types.includes("Files")&&H(!0)},[]),G=(0,n.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),Q.current--,0===Q.current&&H(!1)},[]),Z=(0,n.useCallback)(e=>{e.preventDefault(),e.stopPropagation()},[]),Y=(0,n.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),Q.current=0,H(!1);let t=Array.from(e.dataTransfer.files);t.length>0&&J(t)},[]);return(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",flex:1,overflow:"hidden",background:"var(--bg)",position:"relative"},onClick:i,onDragEnter:$,onDragLeave:G,onDragOver:Z,onDrop:Y,children:[P&&(0,a.jsx)("div",{style:{position:"absolute",inset:0,zIndex:50,display:"flex",alignItems:"center",justifyContent:"center",background:"color-mix(in srgb, var(--bg) 85%, transparent)",backdropFilter:"blur(4px)",transition:"opacity 150ms ease-in-out"},children:(0,a.jsxs)("div",{style:{border:"2px dashed var(--accent)",borderRadius:"var(--radius-lg)",padding:"48px 64px",display:"flex",flexDirection:"column",alignItems:"center",gap:"12px"},children:[(0,a.jsxs)("svg",{width:"40",height:"40",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),(0,a.jsx)("polyline",{points:"17 8 12 3 7 8"}),(0,a.jsx)("line",{x1:"12",y1:"3",x2:"12",y2:"15"})]}),(0,a.jsx)("span",{style:{color:"var(--text-secondary)",fontSize:"var(--text-body)"},children:"Drop files here"})]})}),!r&&0===w.length&&"chat"===g&&(0,a.jsx)("div",{className:"flex flex-1 items-center justify-center",children:(0,a.jsx)(ew,{employees:R,selectedEmployee:T,onSelect:z,portalName:u})}),"cli"===g&&r?(0,a.jsx)(eA,{sessionId:r}):r||w.length>0?(0,a.jsx)(em,{messages:w,loading:N,streamingText:I}):null,"chat"===g&&(0,a.jsx)(eS,{sessionId:r,events:h,paused:null!=(t=null==E?void 0:E.paused)&&t}),"chat"===g&&(0,a.jsx)(ey,{disabled:!1,loading:N,onSend:q,onInterrupt:O,onNewSession:K,onStatusRequest:B,skillsVersion:m,events:h,droppedFiles:V,onDroppedFilesConsumed:()=>J(void 0),focusTrigger:y,onShortcutsClick:j})]})}let ez={meta:"⌘",shift:"⇧",alt:"⌥"},eR=["Navigation","Actions","Help"];function e_(e){let{shortcuts:t,onClose:r}=e,s=(0,n.useRef)(null),[l,i]=(0,n.useState)(!1),o=(0,n.useCallback)(()=>{i(!0),setTimeout(()=>r(),150)},[r]);(0,n.useEffect)(()=>{function e(e){s.current&&!s.current.contains(e.target)&&o()}return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[o]);let c=t.filter(e=>!1!==e.enabled),d=eR.map(e=>({category:e,items:c.filter(t=>t.category===e)})).filter(e=>e.items.length>0);return(0,a.jsxs)("div",{ref:s,role:"complementary","aria-label":"Keyboard shortcuts",className:"fixed bottom-4 right-4 z-40 w-[280px] overflow-hidden rounded-[var(--radius-lg)] border border-border bg-[var(--material-thick)] shadow-[var(--shadow-overlay)] backdrop-blur-xl transition-opacity duration-150 ".concat(l?"opacity-0":"animate-fade-in"),children:[(0,a.jsxs)("div",{className:"flex items-center justify-between px-3 py-2.5 border-b border-border",children:[(0,a.jsx)("span",{className:"text-sm font-semibold text-foreground",children:"Keyboard Shortcuts"}),(0,a.jsx)("button",{onClick:o,className:"rounded-sm p-0.5 text-muted-foreground transition-colors hover:text-foreground","aria-label":"Close",children:(0,a.jsx)(h.A,{className:"size-3.5"})})]}),(0,a.jsx)("div",{className:"px-3 py-2 max-h-[60vh] overflow-y-auto",children:d.map((e,t)=>(0,a.jsxs)("div",{className:t>0?"mt-3":"",children:[(0,a.jsx)("div",{className:"mb-1.5 text-[11px] font-medium uppercase tracking-wider text-muted-foreground",children:e.category}),(0,a.jsx)("div",{className:"space-y-1",children:e.items.map(e=>{var t,r;return(0,a.jsxs)("div",{className:"flex items-center gap-2 py-0.5",children:[(0,a.jsx)("kbd",{className:"inline-flex min-w-[24px] items-center justify-center rounded-[var(--radius-sm)] bg-[var(--fill-tertiary)] px-1.5 py-0.5 font-mono text-xs font-medium text-foreground",children:function(e){var t,r;let a=[];for(let n of null!=(t=e.modifiers)?t:[])a.push(null!=(r=ez[n])?r:n);let n=1===e.key.length?e.key.toUpperCase():e.key;return a.push(n),a.join("")}(e)}),(0,a.jsx)("span",{className:"text-xs text-muted-foreground",children:e.description})]},e.key+(null!=(r=null==(t=e.modifiers)?void 0:t.join(""))?r:""))})})]},e.category))})]})}let eF="jinn-chat-tabs",eU="jinn-chat-draft-";var eW=r(7122),eO=r(5465),eq=r(9864),eB=r(4139);class eK extends n.Component{static getDerivedStateFromError(e){return{error:e}}componentDidCatch(e,t){console.error("[ChatErrorBoundary]",e.message,"\nComponent stack:",t.componentStack)}render(){if(this.state.error){var e;return(0,a.jsx)(o.M,{children:(0,a.jsxs)("div",{className:"flex h-full flex-col items-center justify-center gap-4 p-8 text-center",children:[(0,a.jsx)("p",{className:"text-lg font-semibold text-[var(--system-red)]",children:"Chat crashed"}),(0,a.jsxs)("pre",{className:"max-w-lg overflow-auto rounded-lg bg-[var(--bg-tertiary)] p-4 text-left text-xs text-muted-foreground",children:[this.state.error.message,"\n",null==(e=this.state.error.stack)?void 0:e.split("\n").slice(0,5).join("\n")]}),(0,a.jsx)("button",{onClick:()=>{this.setState({error:null}),window.location.reload()},className:"rounded-md bg-[var(--accent)] px-4 py-2 text-sm font-medium text-white",children:"Reload"})]})})}return this.props.children}constructor(...e){super(...e),this.state={error:null}}}function eP(){return(0,a.jsx)(eK,{children:(0,a.jsx)(n.Suspense,{fallback:(0,a.jsx)(o.M,{children:(0,a.jsx)("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:"Loading..."})}),children:(0,a.jsx)(eH,{})})})}function eH(){var e;let{settings:t}=(0,b.t0)(),r=null!=(e=t.portalName)?e:"Jinn",[c,d]=(0,n.useState)(null),[u,x]=(0,n.useState)("sidebar"),[m,h]=(0,n.useState)(null),[g,f]=(0,n.useState)([]),v=(0,n.useRef)(!1),[y,w]=(0,n.useState)(()=>"true"===localStorage.getItem("jinn-chat-sidebar-collapsed")),N=(0,n.useCallback)(()=>{window.innerWidth<1024?x(e=>"sidebar"===e?"chat":"sidebar"):w(e=>{let t=!e;return localStorage.setItem("jinn-chat-sidebar-collapsed",String(t)),t})},[]),[C,S]=(0,n.useState)("chat"),[I,D]=(0,n.useState)(!1),[M,E]=(0,n.useState)(!1),[L,A]=(0,n.useState)(null),[T,z]=(0,n.useState)(0),R=(0,n.useRef)(null),_=(0,n.useRef)(null),{events:F,connectionSeq:U,skillsVersion:W,subscribe:O}=(0,i.G)(),q=function(){let[{tabs:e,activeIndex:t},r]=(0,n.useState)({tabs:[],activeIndex:-1});(0,n.useEffect)(()=>{r(function(){try{let t=localStorage.getItem(eF);if(t){var e;return e=JSON.parse(t),0===e.tabs.length?{tabs:[],activeIndex:-1}:e.activeIndex<0||e.activeIndex>=e.tabs.length?{tabs:e.tabs,activeIndex:0}:e}}catch(e){}return{tabs:[],activeIndex:-1}}())},[]),(0,n.useEffect)(()=>{localStorage.setItem(eF,JSON.stringify({tabs:e,activeIndex:t}))},[e,t]);let a=t>=0?e[t]:null,s=(0,n.useCallback)(e=>{r(t=>{let r=t.tabs.findIndex(t=>t.sessionId===e.sessionId);if(r>=0)return{...t,activeIndex:r};if(!e.pinned){let r=t.tabs.findIndex(e=>!e.pinned);if(r>=0){let a=[...t.tabs];return a[r]={...e,pinned:!1},{tabs:a,activeIndex:r}}}if(t.tabs.length>=12){let r=t.tabs.findIndex(e=>!e.pinned);if(r>=0){let a=[...t.tabs];return a[r]=e,{tabs:a,activeIndex:r}}}return{tabs:[...t.tabs,e],activeIndex:t.tabs.length}})},[]),l=(0,n.useCallback)(e=>{r(t=>{if(e<0||e>=t.tabs.length||t.tabs[e].pinned)return t;let r=t.tabs.map((t,r)=>r===e?{...t,pinned:!0}:t);return{...t,tabs:r}})},[]),i=(0,n.useCallback)(e=>{r(t=>{var r;let a=null==(r=t.tabs[e])?void 0:r.sessionId;a&&localStorage.removeItem(eU+a);let n=t.tabs.filter((t,r)=>r!==e);if(0===n.length)return{tabs:[],activeIndex:-1};let s=t.activeIndex;return t.activeIndex===e?s=Math.min(e,n.length-1):t.activeIndex>e&&(s=t.activeIndex-1),{tabs:n,activeIndex:s}})},[]),o=(0,n.useCallback)(e=>{r(t=>e<0||e>=t.tabs.length?t:{...t,activeIndex:e})},[e.length]),c=(0,n.useCallback)((e,t)=>{r(r=>{if(e===t||e<0||e>=r.tabs.length||t<0||t>=r.tabs.length)return r;let a=[...r.tabs],[n]=a.splice(e,1);a.splice(t,0,n);let s=r.activeIndex;return r.activeIndex===e?s=t:e<r.activeIndex&&t>=r.activeIndex?s=r.activeIndex-1:e>r.activeIndex&&t<=r.activeIndex&&(s=r.activeIndex+1),{tabs:a,activeIndex:s}})},[]),d=(0,n.useCallback)(()=>{r(e=>0===e.tabs.length?e:{...e,activeIndex:(e.activeIndex+1+e.tabs.length)%e.tabs.length})},[e.length]),u=(0,n.useCallback)(()=>{r(e=>0===e.tabs.length?e:{...e,activeIndex:(e.activeIndex-1+e.tabs.length)%e.tabs.length})},[e.length]),p=(0,n.useCallback)(()=>{r(e=>({...e,activeIndex:-1}))},[]),x=(0,n.useCallback)((e,t)=>{t.trim()?localStorage.setItem(eU+e,t):localStorage.removeItem(eU+e)},[]),m=(0,n.useCallback)(e=>localStorage.getItem(eU+e)||"",[]),h=(0,n.useCallback)((e,t)=>{r(r=>{let a=r.tabs.findIndex(t=>t.sessionId===e);if(a<0)return r;let n=r.tabs[a];if(Object.keys(t).every(e=>n[e]===t[e]))return r;let s=r.tabs.map((e,r)=>r===a?{...e,...t}:e);return{...r,tabs:s}})},[]);return(0,n.useMemo)(()=>({tabs:e,activeTab:a,activeIndex:t,openTab:s,closeTab:i,switchTab:o,nextTab:d,prevTab:u,pinTab:l,moveTab:c,clearActiveTab:p,saveDraft:x,loadDraft:m,updateTabStatus:h}),[e,a,t,s,i,o,d,u,l,c,p,x,m,h])}(),B=(0,s.useSearchParams)(),K=(0,n.useRef)(!1),P=(0,n.useRef)(!1),H=(0,j.tS)(),V=(0,j.js)(),J=(0,eW.jE)(),[$,G]=(0,n.useState)(!1),Z=(0,n.useRef)({sessionIds:[],employeeNames:[],employeeSessionMap:{}}),Y=(0,n.useCallback)(e=>{Z.current=e},[]);(0,n.useEffect)(()=>{if(I||M)return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e);function e(e){I&&R.current&&!R.current.contains(e.target)&&D(!1),M&&_.current&&!_.current.contains(e.target)&&E(!1)}},[I,M]);let ee=(0,n.useCallback)((e,t)=>{navigator.clipboard.writeText(e),A(t),D(!1),setTimeout(()=>A(null),1500)},[]);function er(){l.F.createStubSession({greeting:"Hey! \uD83D\uDC4B Say hi when you're ready to get started.",title:"Welcome"}).then(e=>{let t=String(e.id);P.current=!0,d(t),J.invalidateQueries({queryKey:eO.l.sessions.all})}).catch(()=>{})}(0,n.useEffect)(()=>{K.current||("1"===B.get("onboarding")?(K.current=!0,er()):l.F.getOnboarding().then(e=>{e.needed&&!K.current&&(K.current=!0,er())}).catch(()=>{}))},[B]);let{updateTabStatus:ea}=q;(0,n.useEffect)(()=>{c&&m&&ea(c,{label:m.title||m.employee||r,employeeName:m.employee||void 0})},[c,m,r,ea]);let en=(0,n.useCallback)(e=>{f(e.length>1?e:[])},[]),es=(0,n.useCallback)(e=>{v.current=!1,P.current=!1,d(e),x("chat"),S("chat"),q.openTab({sessionId:e,label:"Loading...",status:"idle",unread:!1})},[q]),el=(0,n.useCallback)(()=>{v.current=!0,d(null),h(null),x("chat"),f([]),q.clearActiveTab(),z(e=>e+1)},[q]),ei=(0,n.useCallback)(e=>{c||K.current||v.current||!(e.length>0)||es(e[0].id)},[c,es]),eo=(0,n.useCallback)(async e=>{try{await H.mutateAsync(e)}catch(e){}c===e&&(d(null),h(null)),et(e),q.closeTab(q.tabs.findIndex(t=>t.sessionId===e)),D(!1),J.invalidateQueries({queryKey:eO.l.sessions.all})},[c,q,H,J]),ec=(0,n.useCallback)(async e=>{try{let t=await V.mutateAsync(e);(null==t?void 0:t.id)&&(d(t.id),q.openTab({sessionId:t.id,label:t.title||"Duplicated Chat",status:"idle",unread:!1,pinned:!0,employeeName:t.employee||void 0}),D(!1),J.invalidateQueries({queryKey:eO.l.sessions.all}))}catch(e){window.alert("Duplicate failed: ".concat(e.message||"Unknown error"))}},[q,V,J]),ed=(0,n.useCallback)(e=>{q.openTab({sessionId:e,label:"Duplicated Chat",status:"idle",unread:!1,pinned:!0}),J.invalidateQueries({queryKey:eO.l.sessions.all})},[q,J]),eu=(0,n.useCallback)(e=>{d(e),q.openTab({sessionId:e,label:"New Chat",status:"running",unread:!1,pinned:!0}),J.invalidateQueries({queryKey:eO.l.sessions.all})},[q,J]),ep=(0,n.useCallback)(e=>{h(e)},[]),ex=(0,n.useCallback)(()=>{J.invalidateQueries({queryKey:eO.l.sessions.all})},[J]),em=(0,n.useCallback)(e=>"This is your first time being activated. The user just set up ".concat(r," and opened the web dashboard for the first time.\n\nRead your CLAUDE.md instructions and the onboarding skill at ~/.jinn/skills/onboarding/SKILL.md, then follow the onboarding flow:\n- Greet the user warmly and introduce yourself as ").concat(r,"\n- Briefly explain what you can do (manage cron jobs, hire AI employees, connect to Slack, etc.)\n- Ask the user what they'd like to set up first\n\nThe user said: \"").concat(e,'"'),[r]),eh=(0,n.useCallback)(()=>{P.current=!1},[]),eg=(0,n.useCallback)(e=>{let{sessionIds:t}=Z.current;if(0===t.length)return;if(!c)return void es(1===e?t[0]:t[t.length-1]);let r=t.indexOf(c);if(-1===r)return void es(1===e?t[0]:t[t.length-1]);let a=(r+e+t.length)%t.length;es(t[a])},[c,es]),ef=(0,n.useCallback)(()=>{var e,t;let{employeeNames:r,employeeSessionMap:a}=Z.current;if(0===r.length)return;let n=null!=(t=null==m?void 0:m.employee)?t:null,s=((n?r.indexOf(n):-1)+1)%r.length,l=null==(e=a[r[s]])?void 0:e[0];l&&es(l)},[m,es]),ev=(0,n.useCallback)(async()=>{if(c)try{var e;let t=(null!=(e=(await l.F.getSession(c)).messages)?e:[]).filter(e=>"user"===e.role||"assistant"===e.role).map(e=>"[".concat(e.role,"]: ").concat(e.content)).join("\n\n");await navigator.clipboard.writeText(t),A("chat"),setTimeout(()=>A(null),1500)}catch(e){}},[c]),eb=(0,n.useMemo)(()=>[{key:"n",category:"Actions",description:"New chat",action:el},{key:"j",category:"Navigation",description:"Next session",action:()=>eg(1)},{key:"k",category:"Navigation",description:"Previous session",action:()=>eg(-1)},{key:"e",category:"Navigation",description:"Next employee",action:ef},{key:"Backspace",category:"Actions",description:"Delete session",action:()=>{c&&window.confirm("Delete this session?")&&eo(c)},enabled:!!c},{key:"Delete",category:"Actions",description:"Delete session",action:()=>{c&&window.confirm("Delete this session?")&&eo(c)},enabled:!!c},{key:"c",category:"Actions",description:"Copy chat",action:ev,enabled:!!c},{key:"Escape",category:"Navigation",description:"Close overlay",action:()=>{$?G(!1):I&&D(!1)}},{key:"/",category:"Actions",description:"Focus chat",action:()=>{let e=document.getElementById("chat-textarea");e&&e.focus()}},{key:"?",category:"Help",description:"Keyboard shortcuts",action:()=>G(e=>!e)},{key:"w",modifiers:["meta"],category:"Actions",description:"Close tab",action:()=>{q.activeIndex>=0&&q.closeTab(q.activeIndex)}},{key:"[",modifiers:["meta","shift"],category:"Navigation",description:"Previous tab",action:()=>q.prevTab()},{key:"]",modifiers:["meta","shift"],category:"Navigation",description:"Next tab",action:()=>q.nextTab()},...Array.from({length:9},(e,t)=>({key:String(t+1),modifiers:["meta","alt"],category:"Navigation",description:"Tab ".concat(t+1),action:()=>q.switchTab(t)}))],[el,eg,ef,ev,c,$,I,q]);!function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};(0,n.useEffect)(()=>{function r(r){var a,n,s;r.key;let l=document.activeElement,i=null!=(n=null==l||null==(a=l.tagName)?void 0:a.toLowerCase())?n:"",o="input"===i||"textarea"===i||(null==l?void 0:l.isContentEditable)===!0;for(let a of e){if(!1===a.enabled||!function(e,t){var r;let a=null!=(r=t.modifiers)?r:[],n=a.includes("meta"),s=a.includes("shift"),l=a.includes("alt");return"?"===t.key?"?"===e.key&&!e.metaKey&&!e.altKey&&!e.ctrlKey:(1===e.key.length?e.key.toLowerCase():e.key)===(1===t.key.length?t.key.toLowerCase():t.key)&&n===e.metaKey&&s===e.shiftKey&&l===e.altKey&&(!e.ctrlKey||!!n)}(r,a))continue;let e=(null!=(s=a.modifiers)?s:[]).length>0,n="Escape"===a.key;if((!t.isModalOpen||n)&&(!o||e||n)){r.preventDefault(),a.action();return}}}return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[e,t.isModalOpen])}(eb),(0,n.useEffect)(()=>{if(q.activeTab&&q.activeTab.sessionId!==c){d(q.activeTab.sessionId),S("chat");return}q.activeTab||!c||v.current||(d(null),h(null),f([]))},[q.activeTab,c]);let ey=c?(0,a.jsxs)("div",{ref:R,className:"relative",children:[(0,a.jsx)("button",{onClick:()=>D(e=>!e),"aria-label":"More options",className:"flex items-center rounded-md p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",children:(0,a.jsx)(p.A,{className:"size-[18px]"})}),I&&(0,a.jsxs)("div",{className:"absolute right-0 top-full z-[200] mt-1 min-w-[220px] overflow-hidden rounded-[var(--radius-md)] border border-border bg-[var(--material-thick)] shadow-[var(--shadow-overlay)] backdrop-blur-xl",children:[(0,a.jsx)("button",{onClick:()=>ee(c,"id"),className:"block w-full px-3 py-2 text-left text-sm text-foreground transition-colors hover:bg-accent",children:"Copy Session ID"}),(null==m?void 0:m.engineSessionId)&&(0,a.jsx)("button",{onClick:()=>{let e="codex"===m.engine?"codex":"claude";ee("".concat(e," --resume ").concat(m.engineSessionId),"cli")},className:"block w-full px-3 py-2 text-left text-sm text-foreground transition-colors hover:bg-accent",children:"Copy CLI Resume Command"}),(0,a.jsxs)("button",{onClick:()=>{c&&ec(c)},disabled:V.isPending,className:"flex w-full items-center gap-2 px-3 py-2 text-left text-sm text-foreground transition-colors hover:bg-accent disabled:opacity-50",children:[(0,a.jsx)(eq.A,{className:"size-3.5"}),(0,a.jsx)("span",{className:"flex-1",children:V.isPending?"Duplicating...":"Duplicate..."})]}),(0,a.jsx)("div",{className:"my-0.5 border-t border-border"}),(0,a.jsxs)("button",{onClick:()=>{D(!1),c&&window.confirm("Delete this session?")&&eo(c)},className:"flex w-full items-center gap-2 px-3 py-2 text-left text-sm text-[var(--system-red)] transition-colors hover:bg-accent",children:[(0,a.jsx)(eC.A,{className:"size-3.5"}),(0,a.jsx)("span",{className:"flex-1",children:"Delete Session"}),(0,a.jsx)("kbd",{className:"font-mono text-[10px] text-[var(--text-quaternary)]",children:"⌫"})]})]})]}):null,ej=(0,a.jsxs)(a.Fragment,{children:[c&&(0,a.jsxs)("div",{className:"flex items-center gap-0.5 rounded-full bg-[var(--fill-tertiary)] p-0.5",children:[(0,a.jsx)("button",{onClick:()=>S("chat"),className:(0,k.cn)("rounded-full px-2.5 py-1 text-[11px] font-medium transition-all","chat"===C?"bg-background text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"),children:"Chat"}),(0,a.jsx)("button",{onClick:()=>S("cli"),className:(0,k.cn)("rounded-full px-2.5 py-1 font-mono text-[11px] font-medium transition-all","cli"===C?"bg-background text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"),children:"CLI"})]}),(0,a.jsx)("div",{className:"hidden lg:block",children:ey}),L&&(0,a.jsxs)("div",{className:"flex items-center gap-1 whitespace-nowrap text-xs font-medium text-[var(--accent)]",children:[(0,a.jsx)(eB.A,{className:"size-3"}),"Copied!"]})]});return(0,a.jsxs)(o.M,{mobileHeaderActions:ey,children:[(0,a.jsxs)("div",{className:"flex overflow-hidden h-full",children:[(0,a.jsx)("div",{className:"hidden h-full shrink-0 overflow-hidden lg:block",style:{width:280*!y,transition:"width 200ms ease-in-out"},children:(0,a.jsx)("div",{className:"h-full w-[280px]",children:(0,a.jsx)(Q,{selectedId:c,onSelect:es,onNewChat:el,onDelete:eo,onDuplicate:ed,onSessionsLoaded:ei,onEmployeeSessionsAvailable:en,onOrderComputed:Y})})}),(0,a.jsxs)("div",{className:"min-w-0 flex-1 flex-col overflow-hidden bg-background flex",children:[(0,a.jsx)(X,{tabs:q.tabs,activeIndex:q.activeIndex,onSwitch:q.switchTab,onClose:q.closeTab,onNew:el,onPin:q.pinTab,onMove:q.moveTab,toolbarActions:ej,sidebarCollapsed:"chat"===u||y,onToggleSidebar:N}),(0,a.jsx)("div",{className:"sidebar"===u?"flex-1 overflow-hidden lg:hidden":"hidden",children:(0,a.jsx)(Q,{selectedId:c,onSelect:es,onNewChat:el,onDelete:eo,onDuplicate:ed,onSessionsLoaded:ei,onEmployeeSessionsAvailable:en,onOrderComputed:Y})}),(0,a.jsx)("div",{className:(0,k.cn)("flex-1 overflow-hidden flex flex-col","sidebar"===u?"hidden lg:flex":"flex"),children:(0,a.jsx)(eT,{sessionId:c,isActive:!0,onFocus:()=>{},onSessionCreated:eu,onSessionMetaChange:ep,onRefresh:ex,portalName:r,subscribe:O,connectionSeq:U,skillsVersion:W,events:F,viewMode:C,getOnboardingPrompt:P.current?em:void 0,isStubSession:P.current,onStubCleared:eh,focusTrigger:T,onShortcutsClick:()=>G(!0)})})]})]}),$&&(0,a.jsx)(e_,{shortcuts:eb,onClose:()=>G(!1)})]})}},7983:(e,t,r)=>{Promise.resolve().then(r.bind(r,5778))},8697:(e,t,r)=>{"use strict";r.d(t,{e:()=>a,p:()=>n});let a=["\uD83E\uDD8A","\uD83D\uDC3C","\uD83E\uDD89","\uD83D\uDC19","\uD83E\uDD88","\uD83D\uDC3A","\uD83E\uDD81","\uD83D\uDC2F","\uD83D\uDC38","\uD83E\uDD8B","\uD83D\uDC1D","\uD83E\uDD9C","\uD83D\uDC2C","\uD83E\uDDA9","\uD83E\uDD9A","\uD83D\uDC3B","\uD83D\uDC28","\uD83E\uDD87","\uD83D\uDC33","\uD83D\uDC27","\uD83E\uDD16","\uD83D\uDC7E","\uD83C\uDF83","\uD83D\uDC7B","\uD83E\uDD84","\uD83D\uDC32","\uD83E\uDDD9","\uD83E\uDDDB","\uD83E\uDDDF","\uD83E\uDD77","\uD83C\uDF35","\uD83C\uDF44","\uD83C\uDF3B","\uD83C\uDF0A","⚡","\uD83D\uDD25","❄️","\uD83C\uDF08","\uD83D\uDC8E","\uD83E\uDE90","\uD83C\uDF55","\uD83C\uDF2E","\uD83C\uDF69","\uD83E\uDDC1","\uD83C\uDF63","\uD83E\uDD51","\uD83C\uDF49","\uD83E\uDED0","\uD83E\uDD65","\uD83C\uDF4B","\uD83C\uDFAF","\uD83C\uDFB8","\uD83C\uDFAE","\uD83C\uDFC6","\uD83D\uDE80","⚔️","\uD83D\uDEE1️","\uD83E\uDDF2","\uD83C\uDFAA","\uD83C\uDFAD","\uD83E\uDDBE","\uD83E\uDDFF","\uD83E\uDEAC","\uD83E\uDEE7","\uD83E\uDDCA","\uD83E\uDEB8","\uD83E\uDD91","\uD83E\uDD9E","\uD83E\uDEB7","\uD83E\uDEBB"];function n(e){if(!e)return a[0];let t=0;for(let r=0;r<e.length;r++)t=(t<<5)-t+e.charCodeAt(r)|0;return a[Math.abs(t)%a.length]}}},e=>{e.O(0,[625,51,458,579,155,192,344,144,358],()=>e(e.s=7983)),_N_E=e.O()}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[271],{58:(e,t,a)=>{"use strict";a.d(t,{s:()=>l});var r=a(4130),n=a(4722),s=a(8697);function l(e){let{name:t,size:a=32,className:l,onClick:i}=e,{settings:o}=(0,n.t0)(),c=t?o.employeeOverrides[t]:void 0,d=(null==c?void 0:c.emoji)||(0,s.p)(t||""),x=Math.round(.6*a);return(0,r.jsx)("span",{className:l,onClick:i,role:i?"button":void 0,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:a,height:a,fontSize:x,lineHeight:1,borderRadius:"50%",flexShrink:0,cursor:i?"pointer":void 0,userSelect:"none"},children:d})}},3685:(e,t,a)=>{Promise.resolve().then(a.bind(a,4031))},4031:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>w});var r=a(4130),n=a(7946),s=a(6654);let l=["Sundays","Mondays","Tuesdays","Wednesdays","Thursdays","Fridays","Saturdays"];function i(e){if(!e||!e.trim())return"";let t=e.trim().split(/\s+/);if(5!==t.length)return e;let[a,r,n,,s]=t;if("*"===a&&"*"===r&&"*"===n&&"*"===s)return"Every minute";if(a.startsWith("*/")&&"*"===r&&"*"===n&&"*"===s){let e=parseInt(a.slice(2),10);if(!isNaN(e))return"Every ".concat(e," minutes")}if("*"!==a&&"*"===r&&"*"===n&&"*"===s)return"Every hour";let i=parseInt(r,10),o=parseInt(a,10);if(isNaN(i)||isNaN(o))return e;let c=0===o?function(e,t){let a=0===t?"":":".concat(String(t).padStart(2,"0"));return"".concat(e%12||12).concat(a," ").concat(e<12?"AM":"PM")}(i,o):"".concat(i%12||12,":").concat(String(o).padStart(2,"0")," ").concat(i<12?"AM":"PM");if(n.startsWith("*/")&&"*"===s){let e=parseInt(n.slice(2),10);if(!isNaN(e))return"Every ".concat(e," days at ").concat(c)}if("*"!==n&&"*"===s){let e=parseInt(n,10);if(!isNaN(e))return"Monthly on the ".concat(e).concat(1===e?"st":2===e?"nd":3===e?"rd":"th"," at ").concat(c)}if("*"===n&&"1-5"===s)return"Weekdays at ".concat(c);if("*"===n){let e=parseInt(s,10);if(!isNaN(e)&&e>=0&&e<=6)return"".concat(l[e]," at ").concat(c)}return"*"===n&&"*"===s?"Daily at ".concat(c):e}var o=a(7192),c=a(8565),d=a(9664),x=a(6063);function u(e){let{className:t,width:a,height:n,style:s,...l}=e;return(0,r.jsx)("div",{className:(0,x.cn)("animate-shimmer rounded-md",t),style:{background:"linear-gradient(90deg, var(--fill-secondary) 25%, var(--fill-tertiary) 50%, var(--fill-secondary) 75%)",backgroundSize:"200% 100%",width:a,height:n,...s},...l})}let v=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],p=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],m={1:0,2:1,3:2,4:3,5:4,6:5,0:6};function h(e){let{slot:t,rect:a,containerRect:n}=e,s=t.cron.enabled?"var(--system-green)":"var(--text-tertiary)",l=a.top-n.top-8,o=a.left-n.left+a.width/2;return(0,r.jsxs)("div",{className:"absolute pointer-events-none z-[100] min-w-[200px] max-w-[300px] bg-[var(--material-regular)] border border-[var(--separator)] rounded-[var(--radius-md)] px-[var(--space-4)] py-[var(--space-3)] text-[length:var(--text-caption1)] text-[var(--text-primary)]",style:{top:l,left:o,transform:"translate(-50%, -100%)",boxShadow:"0 8px 24px rgba(0,0,0,0.4), 0 2px 8px rgba(0,0,0,0.2)"},children:[(0,r.jsx)("div",{className:"absolute w-2.5 h-2.5 bg-[var(--material-regular)] border-r border-b border-[var(--separator)]",style:{bottom:-5,left:"50%",transform:"translateX(-50%) rotate(45deg)"}}),(0,r.jsx)("div",{className:"font-bold text-[length:var(--text-footnote)] mb-[var(--space-1)] pl-[var(--space-2)]",style:{borderLeft:"3px solid ".concat(s)},children:t.cron.name}),(0,r.jsx)("div",{className:"text-[var(--text-secondary)] text-[length:var(--text-caption1)] mb-[var(--space-2)]",children:i(t.cron.schedule)}),(0,r.jsx)("div",{className:"font-[family-name:var(--font-mono)] text-[length:var(--text-caption2)] text-[var(--text-tertiary)] mb-[var(--space-2)]",children:t.cron.schedule}),(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-2)] text-[length:var(--text-caption1)]",children:[(0,r.jsx)("span",{className:"w-[7px] h-[7px] rounded-full shrink-0",style:{background:t.cron.enabled?"var(--system-green)":"var(--text-tertiary)"}}),(0,r.jsx)("span",{className:"font-medium",style:{color:t.cron.enabled?"var(--system-green)":"var(--text-tertiary)"},children:t.cron.enabled?"Enabled":"Disabled"}),t.cron.employee&&(0,r.jsx)("span",{className:"text-[var(--text-tertiary)] ml-[var(--space-1)]",children:t.cron.employee})]})]})}function g(e){let{crons:t}=e,[a,s]=(0,n.useState)(null),l=(0,n.useRef)(null),[o,c]=(0,n.useState)(null),d=(0,n.useCallback)(()=>{l.current&&c(l.current.getBoundingClientRect())},[]);(0,n.useEffect)(()=>{if(d(),l.current)return window.addEventListener("resize",d,{passive:!0}),()=>{window.removeEventListener("resize",d)}},[d]);let{slotsByDayHour:x,activeHours:u}=(0,n.useMemo)(()=>{let e=new Map,a=new Set;for(let r of t){if(!r.enabled)continue;let t=function(e){let t;if(!e||!e.trim())return null;let a=e.trim().split(/\s+/);if(5!==a.length)return null;let[r,n,,,s]=a,l=parseInt(r,10),i=parseInt(n,10);if(isNaN(l)||isNaN(i))return null;if("*"===s)t=[0,1,2,3,4,5,6];else if("1-5"===s)t=[1,2,3,4,5];else if("0-6"===s||"0,1,2,3,4,5,6"===s)t=[0,1,2,3,4,5,6];else if(s.includes(",")){if(0===(t=s.split(",").map(Number).filter(e=>!isNaN(e)&&e>=0&&e<=6)).length)return null}else{let e=parseInt(s,10);if(isNaN(e)||e<0||e>6)return null;t=[e]}return{hour:i,minute:l,days:t}}(r.schedule);if(t)for(let n of t.days){let s=m[n];if(void 0===s)continue;let l="".concat(s,"-").concat(t.hour),i=e.get(l)||[];i.push({cron:r,hour:t.hour,minute:t.minute,col:s}),e.set(l,i),a.add(t.hour)}}for(let[t,a]of e)e.set(t,a.sort((e,t)=>e.minute-t.minute||e.cron.name.localeCompare(t.cron.name)));return{slotsByDayHour:e,activeHours:Array.from(a).sort((e,t)=>e-t)}},[t]),g=new Date,f=m[g.getDay()],b=g.getHours(),y=g.getMinutes()/60,j=(0,n.useMemo)(()=>{let e=new Map;for(let a of u){let r=0;for(let e=0;e<7;e++){var t;let n="".concat(e,"-").concat(a),s=(null==(t=x.get(n))?void 0:t.length)||0;s>r&&(r=s)}e.set(a,r)}return e},[u,x]);return((0,n.useEffect)(()=>{if(!a)return;let e=()=>s(null);return document.addEventListener("click",e),()=>document.removeEventListener("click",e)},[a]),0===u.length)?(0,r.jsxs)("div",{className:"flex flex-col items-center justify-center h-[200px] text-[var(--text-secondary)] gap-[var(--space-2)]",children:[(0,r.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:"text-[var(--text-tertiary)] mb-[var(--space-2)]",children:[(0,r.jsx)("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),(0,r.jsx)("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),(0,r.jsx)("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),(0,r.jsx)("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]}),(0,r.jsx)("span",{className:"text-[length:var(--text-subheadline)] font-medium",children:"No scheduled jobs to display"}),(0,r.jsx)("span",{className:"text-[length:var(--text-footnote)] text-[var(--text-tertiary)]",children:"Enable some cron jobs to see the weekly schedule"})]}):(0,r.jsxs)("div",{ref:l,className:"relative",onClick:()=>s(null),children:[(0,r.jsxs)("div",{className:"grid grid-cols-[56px_repeat(7,1fr)] bg-[var(--material-regular)] rounded-[var(--radius-md)] border border-[var(--separator)] overflow-hidden",children:[(0,r.jsx)("div",{className:"p-[var(--space-3)_var(--space-2)] border-b border-[var(--separator)] bg-[var(--material-thick)]"}),v.map((e,t)=>{let a=t===f;return(0,r.jsxs)("div",{className:"relative p-[var(--space-3)_var(--space-2)] text-center border-b border-l border-[var(--separator)]",style:{background:a?"var(--accent-fill)":"var(--material-thick)"},children:[(0,r.jsx)("div",{title:p[t],className:"text-[length:var(--text-footnote)] tracking-[0.02em]",style:{fontWeight:a?700:600,color:a?"var(--accent)":"var(--text-primary)"},children:e}),a&&(0,r.jsx)("div",{className:"absolute -bottom-[3px] left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full bg-[var(--accent)] z-[2]"})]},e)}),u.map((e,t)=>{let n=j.get(e)||1,l=8+28*n+(n-1)*4,o=e===b,c=t===u.length-1;return(0,r.jsxs)("div",{className:"contents",children:[(0,r.jsx)("div",{className:"p-[var(--space-2)] flex items-start justify-end relative",style:{borderBottom:c?"none":"1px solid var(--separator)",minHeight:l,background:o?"var(--accent-fill)":void 0},children:(0,r.jsx)("span",{className:"text-[length:var(--text-caption1)] font-[family-name:var(--font-mono)] leading-[1.2] whitespace-nowrap pt-0.5",style:{color:o?"var(--accent)":"var(--text-tertiary)",fontWeight:o?600:400},title:0===e||24===e?"12 AM":12===e?"12 PM":e<12?"".concat(e," AM"):"".concat(e-12," PM"),children:0===e||24===e?"12a":12===e?"12p":e<12?"".concat(e,"a"):"".concat(e-12,"p")})}),Array.from({length:7},(t,n)=>{let u="".concat(n,"-").concat(e),v=x.get(u)||[],p=n===f,m=p&&o;return(0,r.jsxs)("div",{className:"flex flex-col relative border-l border-[var(--separator)]",style:{padding:"".concat(4,"px 4px"),borderBottom:c?"none":"1px solid var(--separator)",minHeight:l,gap:4,background:m?"color-mix(in srgb, var(--accent) 6%, transparent)":p?"color-mix(in srgb, var(--accent) 3%, transparent)":void 0},children:[m&&(0,r.jsx)("div",{className:"absolute left-0 right-0 h-0.5 bg-[var(--system-red)] opacity-80 z-[3] rounded-[1px]",style:{top:"".concat((100*y).toFixed(1),"%")}}),v.map((e,t)=>{let n=e.cron.enabled?"var(--system-green)":"var(--text-tertiary)",l=(null==a?void 0:a.slot.cron.id)===e.cron.id&&(null==a?void 0:a.slot.col)===e.col&&(null==a?void 0:a.slot.hour)===e.hour;return(0,r.jsxs)("button",{type:"button",title:"".concat(e.cron.name," - ").concat(i(e.cron.schedule)),onClick:t=>{t.stopPropagation();let a=t.currentTarget.getBoundingClientRect();d(),l?s(null):s({slot:e,rect:a})},onMouseEnter:t=>(function(e,t){let a=t.currentTarget.getBoundingClientRect();d(),s({slot:e,rect:a})})(e,t),onMouseLeave:()=>s(null),className:"flex items-center gap-[5px] px-1.5 rounded-[var(--radius-sm)] border-none cursor-pointer w-full min-w-0 text-left relative overflow-hidden transition-[background,box-shadow] duration-150 ease-in-out",style:{height:28,background:l?"color-mix(in srgb, ".concat(n," 25%, transparent)"):"color-mix(in srgb, ".concat(n," 12%, transparent)"),borderLeft:"3px solid ".concat(n),boxShadow:l?"0 0 0 1px color-mix(in srgb, ".concat(n," 40%, transparent)"):"none"},children:[(0,r.jsx)("span",{className:"w-1.5 h-1.5 rounded-full shrink-0",style:{background:e.cron.enabled?"var(--system-green)":"var(--text-tertiary)"}}),(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] font-[family-name:var(--font-mono)] text-[var(--text-tertiary)] shrink-0 leading-none",children:":".concat(String(e.minute).padStart(2,"0"))}),(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] font-semibold overflow-hidden text-ellipsis whitespace-nowrap min-w-0 flex-1 leading-none",style:{color:n},children:e.cron.name})]},"".concat(u,"-").concat(t))}),0===v.length&&(0,r.jsx)("div",{className:"flex-1"})]},u)})]},e)})]}),a&&o&&(0,r.jsx)(h,{slot:a.slot,rect:a.rect,containerRect:o})]})}function f(e){let{crons:t}=e;if(0===t.length)return(0,r.jsxs)("div",{className:"bg-[var(--material-regular)] border border-[var(--separator)] rounded-[var(--radius-md)] px-6 py-8 text-center",children:[(0,r.jsx)("div",{className:"text-sm font-bold text-[var(--text-primary)] mb-2",children:"No cron jobs configured"}),(0,r.jsx)("div",{className:"text-xs text-[var(--text-secondary)] max-w-[480px] mx-auto leading-[1.6]",children:"Cron jobs will appear here as cards once configured."})]});let a=t.filter(e=>e.enabled),n=t.filter(e=>!e.enabled);return(0,r.jsxs)("div",{children:[a.length>0&&(0,r.jsx)(b,{crons:a,label:"Enabled"}),n.length>0&&(0,r.jsx)(b,{crons:n,label:"Disabled"})]})}function b(e){let{crons:t,label:a}=e;return(0,r.jsxs)("div",{className:"mb-6",children:[(0,r.jsxs)("div",{className:"text-[13px] font-bold text-[var(--text-secondary)] mb-3",children:[a," (",t.length,")"]}),(0,r.jsx)("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(220px,1fr))] gap-2.5",children:t.map(e=>{let t=e.enabled?"var(--system-green)":"var(--text-tertiary)";return(0,r.jsxs)("div",{className:"bg-[var(--material-regular)] rounded-[var(--radius-md)] border border-[var(--separator)] px-3.5 py-2.5",style:{borderLeft:"3px solid ".concat(t)},children:[(0,r.jsxs)("div",{className:"flex items-center gap-1.5 mb-1",children:[(0,r.jsx)("div",{className:"w-[7px] h-[7px] rounded-full shrink-0 ".concat(e.enabled?"bg-[var(--system-green)]":"bg-[var(--text-tertiary)]")}),(0,r.jsx)("div",{className:"text-xs font-semibold text-[var(--text-primary)] whitespace-nowrap overflow-hidden text-ellipsis",children:e.name})]}),(0,r.jsx)("div",{className:"text-[10px] text-[var(--text-secondary)] mb-0.5",children:i(e.schedule)}),(0,r.jsx)("div",{className:"text-[10px] font-[var(--font-mono)] text-[var(--text-tertiary)] mb-1",children:e.schedule}),(0,r.jsxs)("div",{className:"flex flex-wrap gap-1",children:[e.employee&&(0,r.jsx)("span",{className:"inline-block text-[9px] px-1.5 py-px rounded text-[var(--system-blue)]",style:{background:"color-mix(in srgb, var(--system-blue) 15%, transparent)"},children:e.employee}),e.engine&&(0,r.jsx)("span",{className:"inline-block text-[9px] px-1.5 py-px rounded bg-[var(--fill-tertiary)] text-[var(--text-tertiary)]",children:e.engine})]})]},e.id)})})]})}var y=a(58);function j(e){if(!e)return"never";let t=new Date(e);if(isNaN(t.getTime()))return"—";let a=Date.now()-t.getTime(),r=Math.floor(a/6e4),n=Math.floor(a/36e5),s=Math.floor(a/864e5);return r<1?"just now":r<60?"".concat(r,"m ago"):n<24?"".concat(n,"h ago"):"".concat(s,"d ago")}function N(e){let{jobId:t}=e,[a,l]=(0,n.useState)(null),[i,o]=(0,n.useState)(!0);return((0,n.useEffect)(()=>{s.F.getCronRuns(t).then(e=>{l(e.slice(0,5)),o(!1)}).catch(()=>{l([]),o(!1)})},[t]),i)?(0,r.jsxs)("div",{className:"mt-[var(--space-3)]",children:[(0,r.jsx)("div",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)] font-semibold mb-[var(--space-2)]",children:"Recent Runs"}),[1,2,3].map(e=>(0,r.jsx)(u,{className:"h-4 mb-1 w-4/5"},e))]}):a&&0!==a.length?(0,r.jsxs)("div",{className:"mt-[var(--space-3)]",children:[(0,r.jsx)("div",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)] font-semibold mb-[var(--space-2)]",children:"Recent Runs"}),(0,r.jsx)("div",{className:"flex flex-col gap-1",children:a.map((e,t)=>{let a=e.ts||e.startedAt||"",n=e.status||"unknown",s=j(a),l=null!=e.durationMs?function(e){if(e<0||!Number.isFinite(e))return"—";let t=Math.round(e/1e3);if(t<60)return"".concat(t,"s");let a=Math.floor(t/60),r=t%60;if(a<60)return r>0?"".concat(a,"m ").concat(r,"s"):"".concat(a,"m");let n=Math.floor(a/60);return"".concat(n,"h ").concat(a%60,"m")}(e.durationMs):"—";return(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-2)] text-[length:var(--text-caption2)] min-h-[22px] py-0.5",children:[(0,r.jsx)("span",{className:"w-1.5 h-1.5 rounded-full shrink-0",style:{background:"success"===n||"ok"===n?"var(--system-green)":"error"===n||"failed"===n?"var(--system-red)":"var(--text-tertiary)"}}),(0,r.jsx)("span",{className:"text-[var(--text-tertiary)] min-w-[52px] shrink-0",children:s}),(0,r.jsx)("span",{className:"text-[var(--text-secondary)] min-w-[52px] shrink-0",children:l}),(0,r.jsx)("span",{className:"text-[var(--text-secondary)] capitalize",children:n}),e.error&&(0,r.jsx)("span",{className:"truncate text-[var(--system-red)] min-w-0 flex-1",children:e.error})]},"".concat(a,"-").concat(t))})})]}):(0,r.jsxs)("div",{className:"mt-[var(--space-3)]",children:[(0,r.jsx)("div",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)] font-semibold mb-[var(--space-2)]",children:"Recent Runs"}),(0,r.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)]",children:"No run history"})]})}function w(){(0,c.i)([{label:"Cron"}]);let[e,t]=(0,n.useState)([]),[a,l]=(0,n.useState)(!0),[x,v]=(0,n.useState)(null),[p,m]=(0,n.useState)("all"),[h,b]=(0,n.useState)(null),[w,M]=(0,n.useState)("just now"),[C,S]=(0,n.useState)(new Date),[E,I]=(0,n.useState)(null),[R,D]=(0,n.useState)(new Map);(0,n.useEffect)(()=>{s.F.getOrg().then(e=>{let t=new Map;for(let a of e.employees)t.set(a.name,a);D(t)}).catch(()=>{})},[]);let T=(0,n.useCallback)(()=>{v(null),s.F.getCronJobs().then(e=>{t(e),S(new Date)}).catch(e=>v(e instanceof Error?e.message:"Unknown error")).finally(()=>l(!1))},[]);(0,n.useEffect)(()=>{T();let e=setInterval(T,6e4);return()=>clearInterval(e)},[T]),(0,n.useEffect)(()=>{let e=()=>M(j(C.toISOString()));e();let t=setInterval(e,3e4);return()=>clearInterval(t)},[C]);let F=e.filter(e=>e.enabled).length,L=e.filter(e=>!e.enabled).length,z=e.filter(e=>"enabled"===p?e.enabled:"disabled"!==p||!e.enabled),_=(0,n.useMemo)(()=>{let e=new Map;for(let t of z){let a=t.employee||"_unassigned",r=e.get(a)||[];r.push(t),e.set(a,r)}return e},[z]);return(0,r.jsx)(o.M,{children:(0,r.jsxs)("div",{className:"h-full flex flex-col overflow-hidden bg-[var(--bg)]",children:[(0,r.jsx)("header",{className:"flex-shrink-0 bg-[var(--material-regular)] border-b border-[var(--separator)] px-[var(--space-6)] py-[var(--space-4)]",children:(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"text-[length:var(--text-title1)] font-bold text-[var(--text-primary)] tracking-tight leading-[1.2]",children:"Cron Jobs"}),!a&&(0,r.jsxs)("p",{className:"text-[length:var(--text-footnote)] text-[var(--text-secondary)] mt-[var(--space-1)]",children:[e.length," total \xb7 ",F," enabled \xb7 ",L," disabled"]})]}),(0,r.jsx)(o.v,{children:(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-3)]",children:[(0,r.jsxs)("span",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:["Updated ",w]}),(0,r.jsx)("button",{onClick:T,"aria-label":"Refresh cron data",className:"w-8 h-8 flex items-center justify-center rounded-[var(--radius-sm)] border-none bg-transparent text-[var(--text-tertiary)] cursor-pointer",children:(0,r.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M21 2v6h-6"}),(0,r.jsx)("path",{d:"M3 12a9 9 0 0 1 15-6.7L21 8"}),(0,r.jsx)("path",{d:"M3 22v-6h6"}),(0,r.jsx)("path",{d:"M21 12a9 9 0 0 1-15 6.7L3 16"})]})})]})})]})}),(0,r.jsx)("div",{className:"flex-1 overflow-y-auto px-[var(--space-6)] pt-[var(--space-4)] pb-[var(--space-6)]",children:x&&0===e.length?(0,r.jsxs)("div",{className:"bg-[rgba(255,69,58,0.06)] border border-[var(--system-red)] rounded-[var(--radius-md)] p-[var(--space-4)] text-[var(--system-red)] text-[length:var(--text-footnote)] mb-[var(--space-4)]",children:["Failed to load cron jobs: ",x,(0,r.jsx)("button",{onClick:T,className:"ml-[var(--space-3)] underline bg-none border-none text-inherit cursor-pointer text-[length:inherit]",children:"Retry"})]}):a?(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"grid grid-cols-3 gap-[var(--space-3)] mb-[var(--space-4)]",children:[1,2,3].map(e=>(0,r.jsxs)("div",{className:"bg-[var(--material-regular)] border border-[var(--separator)] rounded-[var(--radius-md)] p-[var(--space-4)]",children:[(0,r.jsx)(u,{className:"w-[60px] h-2.5 mb-2"}),(0,r.jsx)(u,{className:"w-20 h-3.5"})]},e))}),[1,2,3,4].map(e=>(0,r.jsx)(u,{className:"h-12 mb-1 rounded-[var(--radius-sm)]"},e))]}):(0,r.jsxs)(d.tU,{defaultValue:"overview",children:[(0,r.jsxs)(d.j7,{variant:"line",children:[(0,r.jsx)(d.Xi,{value:"overview",children:"Overview"}),(0,r.jsx)(d.Xi,{value:"schedule",children:"Schedule"}),(0,r.jsx)(d.Xi,{value:"pipelines",children:"Pipelines"})]}),(0,r.jsxs)(d.av,{value:"overview",children:[(0,r.jsxs)("div",{className:"grid grid-cols-3 gap-[var(--space-3)] mb-[var(--space-4)] mt-[var(--space-4)]",children:[(0,r.jsx)(k,{label:"Total Jobs",value:e.length}),(0,r.jsx)(k,{label:"Enabled",value:F,color:"var(--system-green)"}),(0,r.jsx)(k,{label:"Disabled",value:L,color:"var(--text-tertiary)"})]}),(0,r.jsx)("div",{className:"flex items-center gap-[var(--space-2)] mb-[var(--space-3)]",children:["all","enabled","disabled"].map(t=>{let a=p===t,n="all"===t?e.length:"enabled"===t?F:L;return(0,r.jsxs)("button",{onClick:()=>m(t),className:"rounded-[20px] px-3.5 py-1.5 text-[length:var(--text-footnote)] font-medium border-none cursor-pointer transition-all duration-200 ease-in-out",style:{background:a?"var(--accent-fill)":"var(--fill-secondary)",color:a?"var(--accent)":"var(--text-primary)"},children:[t.charAt(0).toUpperCase()+t.slice(1)," (",n,")"]},t)})}),0===z.length?(0,r.jsxs)("div",{className:"flex flex-col items-center justify-center h-[200px] text-[var(--text-secondary)] gap-[var(--space-2)]",children:[(0,r.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:"text-[var(--text-tertiary)] mb-[var(--space-2)]",children:[(0,r.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,r.jsx)("polyline",{points:"12 6 12 12 16 14"})]}),(0,r.jsx)("span",{className:"text-[length:var(--text-subheadline)] font-medium",children:0===e.length?"No cron jobs configured":"No jobs match this filter"})]}):(0,r.jsx)("div",{className:"flex flex-col gap-[var(--space-3)]",children:Array.from(_.entries()).map(e=>{let[a,n]=e,l="_unassigned"!==a?R.get(a):null,o=(null==l?void 0:l.displayName)||("_unassigned"===a?"Unassigned":a.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "));return(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-2)] mb-[var(--space-2)]",children:["_unassigned"!==a&&(0,r.jsx)(y.s,{name:a,size:20}),(0,r.jsx)("span",{className:"text-[length:var(--text-caption1)] font-[var(--weight-semibold)] text-[var(--text-secondary)]",children:o}),(0,r.jsxs)("span",{className:"text-[length:var(--text-caption2)] text-[var(--text-quaternary)]",children:[n.length," job",1!==n.length?"s":""]})]}),(0,r.jsx)("div",{className:"rounded-[var(--radius-md)] overflow-hidden bg-[var(--material-regular)] border border-[var(--separator)]",children:n.map((e,a)=>{let n=h===e.id;return(0,r.jsxs)("div",{children:[a>0&&(0,r.jsx)("div",{className:"h-px bg-[var(--separator)] mx-[var(--space-4)]"}),(0,r.jsxs)("div",{role:"button",tabIndex:0,"aria-expanded":n,onClick:()=>b(n?null:e.id),onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),b(n?null:e.id))},className:"flex items-center cursor-pointer min-h-[48px] px-[var(--space-4)] transition-[background] duration-150 ease-in-out",style:{borderLeft:"3px solid ".concat(e.enabled?"var(--system-green)":"transparent")},onMouseEnter:e=>{e.currentTarget.style.background="var(--fill-secondary)"},onMouseLeave:e=>{e.currentTarget.style.background=""},children:[(0,r.jsx)("span",{className:"w-2 h-2 rounded-full shrink-0",style:{background:e.enabled?"var(--system-green)":"var(--text-tertiary)"}}),(0,r.jsxs)("div",{className:"min-w-0 flex-1 ml-3 flex flex-col",children:[(0,r.jsx)("span",{className:"truncate text-[length:var(--text-footnote)] font-semibold text-[var(--text-primary)]",children:e.name}),(0,r.jsx)("span",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:i(e.schedule)})]}),(0,r.jsxs)("div",{className:"flex items-center shrink-0 gap-[var(--space-2)] ml-auto",children:[e.engine&&(0,r.jsx)("span",{className:"text-[length:var(--text-caption1)] px-2 py-px rounded-xl bg-[var(--fill-tertiary)] text-[var(--text-tertiary)]",children:e.engine}),(0,r.jsx)("button",{onClick:a=>{a.stopPropagation();let r=!e.enabled;s.F.updateCronJob(e.id,{enabled:r}).then(()=>{t(t=>t.map(t=>t.id===e.id?{...t,enabled:r}:t))}).catch(()=>{})},"aria-label":e.enabled?"Disable job":"Enable job",className:"relative inline-flex items-center w-9 h-5 rounded-[10px] border-none cursor-pointer shrink-0 transition-[background] duration-200 ease-in-out",style:{background:e.enabled?"var(--system-green)":"var(--fill-tertiary)"},children:(0,r.jsx)("span",{className:"block w-3.5 h-3.5 rounded-full bg-white transition-transform duration-200 ease-in-out",style:{transform:e.enabled?"translateX(18px)":"translateX(3px)"}})}),(0,r.jsx)("span",{className:"text-[length:var(--text-footnote)] text-[var(--text-tertiary)] transition-transform duration-200 ease-in-out inline-block",style:{transform:n?"rotate(90deg)":"rotate(0deg)"},children:"›"})]})]}),n&&(0,r.jsxs)("div",{className:"px-[var(--space-4)] pb-[var(--space-4)] ml-[3px]",children:[(0,r.jsxs)("div",{className:"grid grid-cols-[auto_1fr] gap-x-[var(--space-4)] gap-y-[var(--space-1)] mt-[var(--space-2)] mb-[var(--space-3)]",children:[(0,r.jsx)("span",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:"Schedule"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-[length:var(--text-caption1)] text-[var(--text-secondary)]",children:i(e.schedule)}),(0,r.jsxs)("div",{className:"text-[length:var(--text-caption2)] font-[family-name:var(--font-mono)] text-[var(--text-tertiary)] mt-0.5",children:[e.schedule,e.timezone&&(0,r.jsxs)("span",{className:"ml-2",children:["(",e.timezone,")"]})]})]}),(0,r.jsx)("span",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:"Status"}),(0,r.jsx)("span",{className:"text-[length:var(--text-caption1)] font-medium",style:{color:e.enabled?"var(--system-green)":"var(--text-tertiary)"},children:e.enabled?"Enabled":"Disabled"}),e.engine&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:"Engine"}),(0,r.jsx)("span",{className:"text-[length:var(--text-caption1)] text-[var(--text-secondary)]",children:e.engine})]}),e.model&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:"Model"}),(0,r.jsx)("span",{className:"text-[length:var(--text-caption1)] text-[var(--text-secondary)] font-[family-name:var(--font-mono)]",children:e.model})]})]}),(0,r.jsx)("div",{className:"mb-[var(--space-3)]",children:(0,r.jsx)("button",{onClick:t=>{t.stopPropagation(),I(e.id),s.F.triggerCronJob(e.id).then(()=>{setTimeout(T,2e3)}).catch(()=>{}).finally(()=>{setTimeout(()=>I(null),2e3)})},disabled:E===e.id,className:"inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-[var(--radius-sm)] border border-[var(--separator)] text-[length:var(--text-caption1)] font-semibold transition-all duration-200 ease-in-out",style:{background:E===e.id?"var(--fill-tertiary)":"var(--material-regular)",color:E===e.id?"var(--system-green)":"var(--text-secondary)",cursor:E===e.id?"default":"pointer"},children:E===e.id?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"text-sm",children:"✓"}),"Triggered"]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor",stroke:"none",children:(0,r.jsx)("polygon",{points:"5,3 19,12 5,21"})}),"Run Now"]})})}),(0,r.jsx)(N,{jobId:e.id})]})]},e.id)})})]},a)})})]}),(0,r.jsx)(d.av,{value:"schedule",children:(0,r.jsx)("div",{className:"mt-[var(--space-4)]",children:(0,r.jsx)(g,{crons:e})})}),(0,r.jsx)(d.av,{value:"pipelines",children:(0,r.jsx)("div",{className:"mt-[var(--space-4)]",children:(0,r.jsx)(f,{crons:e})})})]})})]})})}function k(e){let{label:t,value:a,color:n}=e;return(0,r.jsxs)("div",{className:"bg-[var(--material-regular)] border border-[var(--separator)] rounded-[var(--radius-md)] p-[var(--space-4)]",children:[(0,r.jsx)("div",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)] font-medium mb-[var(--space-1)]",children:t}),(0,r.jsx)("div",{className:"text-[length:var(--text-title2)] font-bold",style:{color:n||"var(--text-primary)"},children:a})]})}},8697:(e,t,a)=>{"use strict";a.d(t,{e:()=>r,p:()=>n});let r=["\uD83E\uDD8A","\uD83D\uDC3C","\uD83E\uDD89","\uD83D\uDC19","\uD83E\uDD88","\uD83D\uDC3A","\uD83E\uDD81","\uD83D\uDC2F","\uD83D\uDC38","\uD83E\uDD8B","\uD83D\uDC1D","\uD83E\uDD9C","\uD83D\uDC2C","\uD83E\uDDA9","\uD83E\uDD9A","\uD83D\uDC3B","\uD83D\uDC28","\uD83E\uDD87","\uD83D\uDC33","\uD83D\uDC27","\uD83E\uDD16","\uD83D\uDC7E","\uD83C\uDF83","\uD83D\uDC7B","\uD83E\uDD84","\uD83D\uDC32","\uD83E\uDDD9","\uD83E\uDDDB","\uD83E\uDDDF","\uD83E\uDD77","\uD83C\uDF35","\uD83C\uDF44","\uD83C\uDF3B","\uD83C\uDF0A","⚡","\uD83D\uDD25","❄️","\uD83C\uDF08","\uD83D\uDC8E","\uD83E\uDE90","\uD83C\uDF55","\uD83C\uDF2E","\uD83C\uDF69","\uD83E\uDDC1","\uD83C\uDF63","\uD83E\uDD51","\uD83C\uDF49","\uD83E\uDED0","\uD83E\uDD65","\uD83C\uDF4B","\uD83C\uDFAF","\uD83C\uDFB8","\uD83C\uDFAE","\uD83C\uDFC6","\uD83D\uDE80","⚔️","\uD83D\uDEE1️","\uD83E\uDDF2","\uD83C\uDFAA","\uD83C\uDFAD","\uD83E\uDDBE","\uD83E\uDDFF","\uD83E\uDEAC","\uD83E\uDEE7","\uD83E\uDDCA","\uD83E\uDEB8","\uD83E\uDD91","\uD83E\uDD9E","\uD83E\uDEB7","\uD83E\uDEBB"];function n(e){if(!e)return r[0];let t=0;for(let a=0;a<e.length;a++)t=(t<<5)-t+e.charCodeAt(a)|0;return r[Math.abs(t)%r.length]}},9664:(e,t,a)=>{"use strict";a.d(t,{tU:()=>R,av:()=>L,j7:()=>T,Xi:()=>F});var r=a(4130),n=a(7946),s=a(4322),l=a(3397),i=a(5773),o=a(9458),c=a(4127),d=a(5822),x=a(7058),u=a(4068),v=a(5380),p="Tabs",[m,h]=(0,i.A)(p,[o.RG]),g=(0,o.RG)(),[f,b]=m(p),y=n.forwardRef((e,t)=>{let{__scopeTabs:a,value:n,onValueChange:s,defaultValue:l,orientation:i="horizontal",dir:o,activationMode:c="automatic",...m}=e,h=(0,x.jH)(o),[g,b]=(0,u.i)({prop:n,onChange:s,defaultProp:null!=l?l:"",caller:p});return(0,r.jsx)(f,{scope:a,baseId:(0,v.B)(),value:g,onValueChange:b,orientation:i,dir:h,activationMode:c,children:(0,r.jsx)(d.sG.div,{dir:h,"data-orientation":i,...m,ref:t})})});y.displayName=p;var j="TabsList",N=n.forwardRef((e,t)=>{let{__scopeTabs:a,loop:n=!0,...s}=e,l=b(j,a),i=g(a);return(0,r.jsx)(o.bL,{asChild:!0,...i,orientation:l.orientation,dir:l.dir,loop:n,children:(0,r.jsx)(d.sG.div,{role:"tablist","aria-orientation":l.orientation,...s,ref:t})})});N.displayName=j;var w="TabsTrigger",k=n.forwardRef((e,t)=>{let{__scopeTabs:a,value:n,disabled:s=!1,...i}=e,c=b(w,a),x=g(a),u=S(c.baseId,n),v=E(c.baseId,n),p=n===c.value;return(0,r.jsx)(o.q7,{asChild:!0,...x,focusable:!s,active:p,children:(0,r.jsx)(d.sG.button,{type:"button",role:"tab","aria-selected":p,"aria-controls":v,"data-state":p?"active":"inactive","data-disabled":s?"":void 0,disabled:s,id:u,...i,ref:t,onMouseDown:(0,l.mK)(e.onMouseDown,e=>{s||0!==e.button||!1!==e.ctrlKey?e.preventDefault():c.onValueChange(n)}),onKeyDown:(0,l.mK)(e.onKeyDown,e=>{[" ","Enter"].includes(e.key)&&c.onValueChange(n)}),onFocus:(0,l.mK)(e.onFocus,()=>{let e="manual"!==c.activationMode;p||s||!e||c.onValueChange(n)})})})});k.displayName=w;var M="TabsContent",C=n.forwardRef((e,t)=>{let{__scopeTabs:a,value:s,forceMount:l,children:i,...o}=e,x=b(M,a),u=S(x.baseId,s),v=E(x.baseId,s),p=s===x.value,m=n.useRef(p);return n.useEffect(()=>{let e=requestAnimationFrame(()=>m.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,r.jsx)(c.C,{present:l||p,children:a=>{let{present:n}=a;return(0,r.jsx)(d.sG.div,{"data-state":p?"active":"inactive","data-orientation":x.orientation,role:"tabpanel","aria-labelledby":u,hidden:!n,id:v,tabIndex:0,...o,ref:t,style:{...e.style,animationDuration:m.current?"0s":void 0},children:n&&i})}})});function S(e,t){return"".concat(e,"-trigger-").concat(t)}function E(e,t){return"".concat(e,"-content-").concat(t)}C.displayName=M;var I=a(6063);function R(e){let{className:t,orientation:a="horizontal",...n}=e;return(0,r.jsx)(y,{"data-slot":"tabs","data-orientation":a,orientation:a,className:(0,I.cn)("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",t),...n})}let D=(0,s.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 T(e){let{className:t,variant:a="default",...n}=e;return(0,r.jsx)(N,{"data-slot":"tabs-list","data-variant":a,className:(0,I.cn)(D({variant:a}),t),...n})}function F(e){let{className:t,...a}=e;return(0,r.jsx)(k,{"data-slot":"tabs-trigger",className:(0,I.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),...a})}function L(e){let{className:t,...a}=e;return(0,r.jsx)(C,{"data-slot":"tabs-content",className:(0,I.cn)("flex-1 outline-none",t),...a})}}},e=>{e.O(0,[625,51,458,155,192,344,144,358],()=>e(e.s=3685)),_N_E=e.O()}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[636],{1234:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>A});var r=a(4130),n=a(7946),s=a(841),i=a(6654);function l(e,t,a){let r=e[t];return r?{...e,[t]:{...r,...a,updatedAt:Date.now()}}:e}var o=a(7192),d=a(7632);let c=[{id:"backlog",title:"Backlog"},{id:"todo",title:"To Do"},{id:"in-progress",title:"In Progress"},{id:"review",title:"Review"},{id:"done",title:"Done"}],p={low:"var(--system-green)",medium:"var(--system-orange)",high:"var(--system-red)"};function x(e){let{column:t,tickets:a,onDrop:i,onCreateTicket:l,renderTicket:o}=e,[d,c]=(0,n.useState)(!1);return(0,r.jsxs)("div",{onDragOver:function(e){e.preventDefault(),e.dataTransfer.dropEffect="move",c(!0)},onDragLeave:function(e){e.currentTarget.contains(e.relatedTarget)||c(!1)},onDrop:function(e){e.preventDefault(),c(!1);let a=e.dataTransfer.getData("text/plain");a&&i(a,t.id)},className:"flex flex-col min-w-[280px] max-w-[320px] flex-[1_0_280px] h-full rounded-[var(--radius-lg)] transition-[background,border-color] duration-200 ease-[var(--ease-smooth)]",style:{background:d?"var(--fill-secondary)":"var(--fill-tertiary)",border:d?"2px dashed var(--accent)":"2px dashed transparent"},children:[(0,r.jsxs)("div",{className:"flex items-center justify-between p-[var(--space-3)_var(--space-4)] shrink-0",children:[(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-2)]",children:[(0,r.jsx)("span",{className:"text-[length:var(--text-footnote)] font-[var(--weight-semibold)] text-[var(--text-primary)] tracking-[-0.01em]",children:t.title}),(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] font-[var(--weight-medium)] text-[var(--text-tertiary)] bg-[var(--fill-secondary)] rounded-[var(--radius-sm)] py-px px-1.5 min-w-[20px] text-center",children:a.length})]}),"backlog"===t.id&&l&&(0,r.jsx)("button",{onClick:l,"aria-label":"Create new ticket",className:"flex items-center justify-center w-6 h-6 rounded-[var(--radius-sm)] border-none bg-transparent text-[var(--text-secondary)] cursor-pointer p-0 transition-colors duration-150 ease-[var(--ease-smooth)]",children:(0,r.jsx)(s.A,{size:16})})]}),(0,r.jsxs)("div",{className:"flex-1 overflow-y-auto px-[var(--space-2)] pb-[var(--space-2)] flex flex-col gap-[var(--space-2)]",children:[a.map(e=>(0,r.jsx)("div",{children:o(e)},e.id)),0===a.length&&(0,r.jsx)("div",{className:"py-[var(--space-8)] px-[var(--space-4)] text-center text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:"No tickets"})]})]})}var v=a(8574);let u={low:"Low",medium:"Med",high:"High"};function m(e){let{ticket:t,assigneeName:a,onClick:s,onDelete:i}=e,[l,o]=(0,n.useState)(!1),[d,c]=(0,n.useState)(!1);return(0,r.jsxs)("div",{draggable:!0,onDragStart:function(e){e.dataTransfer.setData("text/plain",t.id),e.dataTransfer.effectAllowed="move",o(!0)},onDragEnd:function(){o(!1)},onClick:s,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),role:"button",tabIndex:0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),s())},className:"relative bg-[var(--material-regular)] rounded-[var(--radius-md)] p-[var(--space-3)] border border-[var(--separator)] flex flex-col gap-[var(--space-2)] select-none transition-opacity duration-150 ease-[var(--ease-smooth)]",style:{cursor:l?"grabbing":"grab",opacity:l?.6:1,borderLeft:"3px solid ".concat(p[t.priority])},children:[d&&i&&(0,r.jsx)("button",{onClick:e=>{e.stopPropagation(),i()},"aria-label":"Delete ticket",title:"Delete ticket",className:"absolute top-1.5 right-1.5 w-6 h-6 rounded-[var(--radius-sm)] flex items-center justify-center text-[var(--system-red)] border-none cursor-pointer p-0 z-[1]",style:{background:"color-mix(in srgb, var(--system-red) 12%, transparent)"},children:(0,r.jsx)(v.A,{size:13})}),(0,r.jsxs)("div",{className:"flex items-start gap-[var(--space-2)]",children:[(0,r.jsxs)("span",{className:"inline-flex items-center gap-[3px] text-[length:var(--text-caption2)] font-semibold shrink-0 mt-0.5",style:{color:p[t.priority]},children:[(0,r.jsx)("span",{className:"w-1.5 h-1.5 rounded-full",style:{background:p[t.priority]}}),u[t.priority]]}),(0,r.jsx)("span",{className:"text-[length:var(--text-footnote)] font-[var(--weight-semibold)] text-[var(--text-primary)] leading-[1.3] line-clamp-2 overflow-hidden break-words",children:t.title})]}),t.description&&(0,r.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] leading-[1.4] line-clamp-2 overflow-hidden break-words",children:t.description}),(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-2)] flex-wrap",children:[a&&(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] font-[var(--weight-medium)] text-[var(--text-secondary)] bg-[var(--fill-tertiary)] rounded-[var(--radius-sm)] py-px px-[var(--space-2)] leading-[1.5]",children:a}),(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] text-[var(--text-quaternary)] ml-auto",title:new Date(t.createdAt).toLocaleString(),children:function(e){let t=Math.floor((Date.now()-e)/6e4);if(t<1)return"just now";if(t<60)return"".concat(t,"m ago");let a=Math.floor(t/60);if(a<24)return"".concat(a,"h ago");let r=Math.floor(a/24);return r<30?"".concat(r,"d ago"):"".concat(Math.floor(r/30),"mo ago")}(t.createdAt)})]})]})}function h(e){let{tickets:t,employees:a,onTicketClick:n,onMoveTicket:s,onCreateTicket:i,onDeleteTicket:l,filterEmployeeId:o}=e;return(0,r.jsx)("div",{style:{display:"flex",gap:"var(--space-3)",height:"100%",overflowX:"auto",overflowY:"hidden",padding:"var(--space-2) 0",WebkitOverflowScrolling:"touch"},children:c.map(e=>{var d;let c=(d=e.id,Object.values(t).filter(e=>e.status===d).sort((e,t)=>t.updatedAt-e.updatedAt)),p=o?c.filter(e=>e.assigneeId===o):c;return(0,r.jsx)(x,{column:e,tickets:p,onDrop:s,onCreateTicket:"backlog"===e.id?i:void 0,renderTicket:e=>{var t;let s=a.find(t=>t.name===e.assigneeId);return(0,r.jsx)(m,{ticket:e,assigneeName:null!=(t=null==s?void 0:s.displayName)?t:null,onClick:()=>n(e),onDelete:l?()=>l(e):void 0})}},e.id)})})}let f={executive:"Exec",manager:"Mgr",senior:"Sr",employee:""};function g(e){var t;let{employees:a,value:s,onChange:i}=e,[l,o]=(0,n.useState)(!1),[d,c]=(0,n.useState)(""),[p,x]=(0,n.useState)(0),v=(0,n.useRef)(null),u=(0,n.useRef)(null),m=(0,n.useRef)(null),h=null!=(t=a.find(e=>e.name===s))?t:null,g=d.trim()?a.filter(e=>{let t=d.toLowerCase();return e.name.toLowerCase().includes(t)||e.displayName.toLowerCase().includes(t)||e.department.toLowerCase().includes(t)}):a,y=!d.trim()||"unassigned".includes(d.toLowerCase());(0,n.useEffect)(()=>{x(0)},[d]),(0,n.useEffect)(()=>{l?setTimeout(()=>{var e;return null==(e=u.current)?void 0:e.focus()},0):c("")},[l]),(0,n.useEffect)(()=>{if(l)return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e);function e(e){v.current&&!v.current.contains(e.target)&&o(!1)}},[l]),(0,n.useEffect)(()=>{if(!l||!m.current)return;let e=m.current.querySelectorAll("[data-employee-option]")[p];e&&e.scrollIntoView({block:"nearest"})},[p,l]);let b=+!!y+g.length,j=(0,n.useCallback)(e=>{if(!l){("Enter"===e.key||" "===e.key||"ArrowDown"===e.key)&&(e.preventDefault(),o(!0));return}if("Escape"===e.key){e.preventDefault(),o(!1);return}if("ArrowDown"===e.key)e.preventDefault(),x(e=>Math.min(e+1,b-1));else if("ArrowUp"===e.key)e.preventDefault(),x(e=>Math.max(e-1,0));else if("Enter"===e.key){if(e.preventDefault(),y&&0===p)i("");else{let e=y?p-1:p;g[e]&&i(g[e].name)}o(!1)}},[l,p,b,y,g,i]);return(0,r.jsxs)("div",{ref:v,className:"relative",onKeyDown:j,children:[(0,r.jsx)("button",{type:"button",onClick:()=>o(!l),"aria-haspopup":"listbox","aria-expanded":l,className:"w-full flex items-center gap-[var(--space-2)] py-2 pl-3 pr-9 text-[length:var(--text-body)] cursor-pointer text-left border border-[var(--separator)] rounded-[var(--radius-md)] bg-[var(--fill-tertiary)] bg-[url(\"data:image/svg+xml,%3Csvg_xmlns='http://www.w3.org/2000/svg'_width='12'_height='12'_viewBox='0_0_24_24'_fill='none'_stroke='%23888'_stroke-width='2'_stroke-linecap='round'_stroke-linejoin='round'%3E%3Cpath_d='m6_9_6_6_6-6'/%3E%3C/svg%3E\")] bg-no-repeat bg-[position:right_12px_center] min-h-[40px] font-[inherit] ".concat(h?"text-[var(--text-primary)]":"text-[var(--text-tertiary)]"),children:h?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"font-[var(--weight-medium)]",children:h.displayName}),f[h.rank]&&(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] bg-[var(--fill-secondary)] rounded-[var(--radius-sm)] px-1.5 py-px",children:f[h.rank]})]}):(0,r.jsx)("span",{children:"Unassigned"})}),l&&(0,r.jsxs)("div",{className:"absolute top-full left-0 right-0 mt-1 z-50 bg-[var(--material-regular)] border border-[var(--separator)] rounded-[var(--radius-md)] shadow-[0_8px_32px_rgba(0,0,0,0.3)] overflow-hidden",children:[(0,r.jsx)("div",{className:"pt-2 px-2 pb-1",children:(0,r.jsx)("input",{ref:u,type:"text",placeholder:"Search employees...",value:d,onChange:e=>c(e.target.value),className:"w-full py-1.5 px-2.5 text-[length:var(--text-footnote)] border border-[var(--separator)] rounded-[var(--radius-sm)] bg-[var(--fill-tertiary)] text-[var(--text-primary)] outline-none font-[inherit]"})}),(0,r.jsxs)("div",{ref:m,role:"listbox",className:"max-h-[280px] overflow-y-auto p-1",children:[y&&(0,r.jsxs)("div",{"data-employee-option":!0,role:"option","aria-selected":""===s,onClick:()=>{i(""),o(!1)},className:"flex items-center gap-[var(--space-2)] py-2 px-2.5 rounded-[var(--radius-sm)] cursor-pointer transition-[background] duration-100 ".concat(0===p?"bg-[var(--fill-secondary)]":"bg-transparent"),onMouseEnter:()=>x(0),children:[(0,r.jsx)("div",{className:"w-8 h-8 rounded-lg bg-[var(--fill-tertiary)] flex items-center justify-center text-sm text-[var(--text-tertiary)] shrink-0",children:"—"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-[length:var(--text-footnote)] font-[var(--weight-medium)] text-[var(--text-secondary)]",children:"Unassigned"}),(0,r.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)]",children:"No employee assigned"})]}),""===s&&(0,r.jsx)("span",{className:"ml-auto text-[var(--accent)] text-[13px] shrink-0",children:"✓"})]}),g.map((e,t)=>{let a=y?t+1:t,n=p===a,l=s===e.name;return(0,r.jsxs)("div",{"data-employee-option":!0,role:"option","aria-selected":l,onClick:()=>{i(e.name),o(!1)},onMouseEnter:()=>x(a),className:"flex items-center gap-[var(--space-2)] py-2 px-2.5 rounded-[var(--radius-sm)] cursor-pointer transition-[background] duration-100 ".concat(n?"bg-[var(--fill-secondary)]":"bg-transparent"),children:[(0,r.jsx)("div",{className:"w-8 h-8 rounded-lg bg-[var(--accent)] flex items-center justify-center text-sm text-white font-semibold shrink-0",children:e.displayName.charAt(0).toUpperCase()}),(0,r.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-1)]",children:[(0,r.jsx)("span",{className:"text-[length:var(--text-footnote)] font-[var(--weight-semibold)] text-[var(--text-primary)] overflow-hidden text-ellipsis whitespace-nowrap",children:e.displayName}),f[e.rank]&&(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] bg-[var(--fill-secondary)] rounded-[var(--radius-sm)] px-1 shrink-0",children:f[e.rank]})]}),(0,r.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] overflow-hidden text-ellipsis whitespace-nowrap",children:e.department||e.name})]}),l&&(0,r.jsx)("span",{className:"text-[var(--accent)] text-[13px] shrink-0",children:"✓"})]},e.name)}),0===g.length&&!y&&(0,r.jsxs)("div",{className:"p-[var(--space-4)] text-center text-[length:var(--text-footnote)] text-[var(--text-tertiary)]",children:["No employees match “",d,"”"]})]})]})]})}let y=["low","medium","high"],b={low:"Low",medium:"Medium",high:"High"},j={title:"",description:"",priority:"medium",assigneeId:""};function w(e){let{open:t,onOpenChange:a,employees:i,onSubmit:l}=e,[o,c]=(0,n.useState)(j),x=(0,n.useCallback)(()=>{c(j)},[]);return(0,r.jsx)(d.lG,{open:t,onOpenChange:function(e){e||x(),a(e)},children:(0,r.jsxs)(d.Cf,{showCloseButton:!0,className:"bg-[var(--bg)] border border-[var(--separator)] rounded-[var(--radius-lg)] shadow-[var(--shadow-card)] max-w-[480px]",children:[(0,r.jsxs)(d.c7,{children:[(0,r.jsx)(d.L3,{className:"text-[length:var(--text-title3)] font-[var(--weight-bold)] text-[var(--text-primary)]",children:"Create Ticket"}),(0,r.jsx)(d.rr,{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:"Add a new ticket to the backlog."})]}),(0,r.jsxs)("form",{onSubmit:function(e){e.preventDefault(),o.title.trim()&&(l({title:o.title.trim(),description:o.description.trim(),priority:o.priority,assigneeId:o.assigneeId||null}),x(),a(!1))},className:"flex flex-col gap-[var(--space-4)]",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-[var(--space-1)]",children:[(0,r.jsx)("label",{htmlFor:"ticket-title",className:"text-[length:var(--text-caption1)] font-[var(--weight-medium)] text-[var(--text-secondary)]",children:"Title"}),(0,r.jsx)("input",{id:"ticket-title",type:"text",placeholder:"What needs to be done?",value:o.title,onChange:e=>c(t=>({...t,title:e.target.value})),required:!0,autoFocus:!0,className:"text-[length:var(--text-body)] text-[var(--text-primary)] py-2 px-3 border border-[var(--separator)] rounded-[var(--radius-md)] bg-[var(--fill-tertiary)] outline-none font-[inherit]"})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-[var(--space-1)]",children:[(0,r.jsx)("label",{htmlFor:"ticket-description",className:"text-[length:var(--text-caption1)] font-[var(--weight-medium)] text-[var(--text-secondary)]",children:"Description"}),(0,r.jsx)("textarea",{id:"ticket-description",placeholder:"Add details...",rows:3,value:o.description,onChange:e=>c(t=>({...t,description:e.target.value})),className:"text-[length:var(--text-body)] text-[var(--text-primary)] resize-y min-h-[72px] py-2 px-3 border border-[var(--separator)] rounded-[var(--radius-md)] bg-[var(--fill-tertiary)] outline-none font-[inherit]"})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-[var(--space-2)]",children:[(0,r.jsx)("span",{className:"text-[length:var(--text-caption1)] font-[var(--weight-medium)] text-[var(--text-secondary)]",children:"Priority"}),(0,r.jsx)("div",{className:"flex gap-[var(--space-2)]",children:y.map(e=>{let t=o.priority===e;return(0,r.jsxs)("button",{type:"button",onClick:()=>c(t=>({...t,priority:e})),className:"flex-1 flex items-center justify-center gap-[var(--space-1)] py-[var(--space-2)] px-[var(--space-3)] rounded-[var(--radius-md)] cursor-pointer text-[length:var(--text-caption1)] font-[var(--weight-medium)] transition-all duration-150 ease-[var(--ease-smooth)]",style:{border:t?"2px solid ".concat(p[e]):"2px solid var(--separator)",background:t?"var(--fill-tertiary)":"transparent",color:t?"var(--text-primary)":"var(--text-tertiary)"},children:[(0,r.jsx)("span",{className:"w-2 h-2 rounded-full shrink-0",style:{background:p[e]}}),b[e]]},e)})})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-[var(--space-1)]",children:[(0,r.jsx)("label",{className:"text-[length:var(--text-caption1)] font-[var(--weight-medium)] text-[var(--text-secondary)]",children:"Assignee"}),(0,r.jsx)(g,{employees:i,value:o.assigneeId,onChange:e=>c(t=>({...t,assigneeId:e}))})]}),(0,r.jsxs)("button",{type:"submit",disabled:!o.title.trim(),className:"rounded-[var(--radius-md)] py-3 px-5 w-full text-[length:var(--text-body)] font-[var(--weight-semibold)] border-none flex items-center justify-center gap-[var(--space-2)] mt-[var(--space-2)] bg-[var(--accent)] text-white transition-opacity duration-150 ease-linear",style:{cursor:o.title.trim()?"pointer":"default",opacity:o.title.trim()?1:.5},children:[(0,r.jsx)(s.A,{size:16}),"Create Ticket"]})]})]})})}function k(e){let{priority:t}=e;return(0,r.jsxs)("span",{className:"inline-flex items-center gap-[var(--space-1)] text-[length:var(--text-caption2)] font-semibold uppercase tracking-[0.5px]",style:{color:p[t]},children:[(0,r.jsx)("span",{className:"w-1.5 h-1.5 rounded-full",style:{background:p[t]}}),t]})}function N(e){var t,a;let{status:n}=e,s=null!=(a=null==(t=c.find(e=>e.id===n))?void 0:t.title)?a:n;return(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] font-semibold text-[var(--text-secondary)] bg-[var(--fill-tertiary)] px-[var(--space-2)] py-[2px] rounded-[var(--radius-sm)] uppercase tracking-[0.3px]",children:s})}function C(e){var t,a;let{ticket:s,employees:i,onClose:l,onStatusChange:o,onAssigneeChange:d,onDelete:p}=e,x=(0,n.useRef)(null);(0,n.useEffect)(()=>{function e(e){"Escape"===e.key&&l()}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[l]),(0,n.useEffect)(()=>{var e;null==(e=x.current)||e.focus()},[]);let v=null!=(t=i.find(e=>e.name===s.assigneeId))?t:null;return(0,r.jsx)("div",{className:"absolute top-0 right-0 bottom-0 z-30",children:(0,r.jsxs)("div",{className:"w-[420px] max-w-[100vw] h-full bg-[var(--material-regular)] shadow-[-4px_0_24px_rgba(0,0,0,0.25)] flex flex-col",children:[(0,r.jsx)("div",{className:"h-[3px] bg-[var(--accent)] shrink-0"}),(0,r.jsxs)("div",{className:"flex-1 overflow-y-auto",children:[(0,r.jsx)("div",{className:"pt-[var(--space-4)] px-[var(--space-5)] pb-0 flex justify-end gap-[var(--space-2)]",children:(0,r.jsx)("button",{ref:x,onClick:l,"aria-label":"Close detail panel",className:"w-7 h-7 rounded-full flex items-center justify-center bg-[var(--fill-secondary)] text-[var(--text-secondary)] border-none cursor-pointer text-[length:var(--text-footnote)] transition-all duration-150 ease-[var(--ease-spring)]",children:"✕"})}),(0,r.jsxs)("div",{className:"pt-[var(--space-2)] px-[var(--space-5)] pb-[var(--space-4)]",children:[(0,r.jsx)("h2",{className:"text-[length:var(--text-title3)] font-bold tracking-[-0.3px] text-[var(--text-primary)] m-0 leading-[1.25]",children:s.title}),(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-3)] mt-[var(--space-2)]",children:[(0,r.jsx)(N,{status:s.status}),(0,r.jsx)(k,{priority:s.priority})]}),v?(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-2)] mt-[var(--space-3)] text-[length:var(--text-footnote)] text-[var(--text-secondary)]",children:[(0,r.jsx)("span",{children:v.displayName}),(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] bg-[var(--fill-secondary)] rounded-[var(--radius-sm)] px-1",children:v.rank})]}):(0,r.jsx)("div",{className:"mt-[var(--space-3)] text-[length:var(--text-footnote)] text-[var(--text-tertiary)] italic",children:"Unassigned"})]}),(0,r.jsxs)("div",{className:"px-[var(--space-5)] pb-[var(--space-4)]",children:[(0,r.jsx)("div",{className:"text-[length:var(--text-caption1)] font-semibold text-[var(--text-tertiary)] uppercase tracking-[0.5px] mb-[var(--space-2)]",children:"Move to"}),(0,r.jsx)("div",{className:"flex gap-[var(--space-1)] flex-wrap",children:c.map(e=>{let t=e.id===s.status;return(0,r.jsx)("button",{onClick:()=>{t||o(e.id)},disabled:t,className:"text-[length:var(--text-caption2)] font-semibold py-[3px] px-[var(--space-2)] rounded-[var(--radius-sm)] border-none transition-all duration-[120ms] ease-linear",style:{cursor:t?"default":"pointer",background:t?"var(--accent)":"var(--fill-tertiary)",color:t?"#fff":"var(--text-secondary)",opacity:t?1:.8},children:e.title},e.id)})})]}),(0,r.jsxs)("div",{className:"px-[var(--space-5)] pb-[var(--space-4)]",children:[(0,r.jsx)("div",{className:"text-[length:var(--text-caption1)] font-semibold text-[var(--text-tertiary)] uppercase tracking-[0.5px] mb-[var(--space-2)]",children:"Assignee"}),(0,r.jsx)(g,{employees:i,value:null!=(a=s.assigneeId)?a:"",onChange:e=>d(e||null)})]}),s.description&&(0,r.jsxs)("div",{className:"px-[var(--space-5)] pb-[var(--space-4)]",children:[(0,r.jsx)("div",{className:"h-px bg-[var(--separator)] mb-[var(--space-3)]"}),(0,r.jsx)("div",{className:"text-[length:var(--text-caption1)] font-semibold text-[var(--text-tertiary)] uppercase tracking-[0.5px] mb-[var(--space-2)]",children:"Description"}),(0,r.jsx)("div",{className:"text-[length:var(--text-footnote)] text-[var(--text-secondary)] leading-[1.5] whitespace-pre-wrap",children:s.description})]})]}),(0,r.jsx)("div",{className:"shrink-0 py-[var(--space-2)] px-[var(--space-5)] pb-[var(--space-4)] border-t border-[var(--separator)]",children:(0,r.jsx)("button",{onClick:function(){p()},className:"w-full py-[var(--space-2)] px-[var(--space-3)] rounded-[var(--radius-md)] border border-[var(--system-red)] bg-transparent text-[var(--system-red)] text-[length:var(--text-footnote)] font-semibold cursor-pointer transition-all duration-[120ms] ease-linear",children:"Delete Ticket"})})]})})}function D(e){let{ticket:t,onConfirm:a,onCancel:n}=e;return(0,r.jsx)(d.lG,{open:!0,onOpenChange:e=>{e||n()},children:(0,r.jsxs)(d.Cf,{showCloseButton:!1,className:"bg-[var(--bg)] border border-[var(--separator)] rounded-[var(--radius-lg)] shadow-[var(--shadow-card)] max-w-[400px]",children:[(0,r.jsxs)(d.c7,{children:[(0,r.jsx)(d.L3,{className:"text-[length:var(--text-title3)] font-[var(--weight-bold)] text-[var(--text-primary)]",children:"Delete Ticket"}),(0,r.jsxs)(d.rr,{className:"text-[length:var(--text-footnote)] text-[var(--text-secondary)] leading-[1.5]",children:["Are you sure you want to delete “",t.title,"”? This cannot be undone."]})]}),(0,r.jsxs)(d.Es,{children:[(0,r.jsx)("button",{onClick:n,className:"px-[var(--space-4)] py-[var(--space-2)] rounded-[var(--radius-md)] border border-[var(--separator)] bg-transparent text-[var(--text-secondary)] text-[length:var(--text-footnote)] font-semibold cursor-pointer",children:"Cancel"}),(0,r.jsx)("button",{onClick:a,autoFocus:!0,className:"px-[var(--space-4)] py-[var(--space-2)] rounded-[var(--radius-md)] border-none bg-[var(--system-red)] text-white text-[length:var(--text-footnote)] font-semibold cursor-pointer",children:"Delete"})]})]})})}function A(){let[e,t]=(0,n.useState)({}),[a,d]=(0,n.useState)([]),[c,p]=(0,n.useState)([]),[x,v]=(0,n.useState)(!0),[u,m]=(0,n.useState)(null),[f,g]=(0,n.useState)(!1),[y,b]=(0,n.useState)(null),[j,k]=(0,n.useState)(null),[N,A]=(0,n.useState)(null);(0,n.useCallback)(async e=>{let t={};for(let a of Object.values(e)){let e=a.department;e&&(t[e]||(t[e]=[]),t[e].push({id:a.id,title:a.title,description:a.description||void 0,status:a.status,priority:a.priority,assignee:a.assigneeId||void 0,createdAt:new Date(a.createdAt).toISOString(),updatedAt:new Date(a.updatedAt).toISOString()}))}let a=Array.from(new Set([...Object.keys(t),...c])).map(async e=>{try{await i.F.updateDepartmentBoard(e,t[e]||[])}catch(e){}});await Promise.all(a)},[c]);let S=(0,n.useCallback)(()=>{v(!0),m(null),i.F.getOrg().then(async e=>{d(await Promise.all(e.employees.map(async e=>{try{return await i.F.getEmployee(e)}catch(t){return{name:e,displayName:e,department:"",rank:"employee",engine:"unknown",model:"unknown",persona:""}}}))),p(e.departments);let a={};for(let t of e.departments)try{let e=await i.F.getDepartmentBoard(t);if(Array.isArray(e))for(let r of e){let e={todo:"todo",in_progress:"in-progress","in-progress":"in-progress",done:"done",backlog:"backlog",review:"review"}[r.status]||"todo",n={low:"low",medium:"medium",high:"high"}[r.priority||"medium"]||"medium";a[r.id]={id:r.id,title:r.title,description:r.description||"",status:e,priority:n,assigneeId:r.assignee||null,department:t,workState:"idle",createdAt:r.createdAt?new Date(r.createdAt).getTime():Date.now(),updatedAt:r.updatedAt?new Date(r.updatedAt).getTime():Date.now(),departmentId:t}}}catch(e){}t(a)}).catch(e=>m(e.message)).finally(()=>v(!1))},[]);(0,n.useEffect)(()=>{S()},[S]),(0,n.useEffect)(()=>{x||function(e){try{localStorage.setItem("jinn-kanban",JSON.stringify(e))}catch(e){}}(e)},[e,x]);let _=(0,n.useCallback)(async e=>{let t={};for(let a of Object.values(e))a.departmentId&&(t[a.departmentId]||(t[a.departmentId]=[]),t[a.departmentId].push(a));for(let e of c)t[e]||(t[e]=[]);await Promise.all(Object.entries(t).map(e=>{let[t,a]=e,r=a.map(e=>{var t;return{id:e.id,title:e.title,description:e.description,status:e.status,priority:e.priority,assignee:null!=(t=e.assigneeId)?t:void 0,createdAt:new Date(e.createdAt).toISOString(),updatedAt:new Date(e.updatedAt).toISOString()}});return i.F.updateDepartmentBoard(t,r).catch(()=>{})}))},[c]);function E(e,a){t(t=>{let r=l(t,e,{status:a});return _(r),r})}if((0,n.useEffect)(()=>{if(y&&e[y.id]){let t=e[y.id];t.updatedAt!==y.updatedAt&&b(t)}},[e,y]),u)return(0,r.jsx)(o.M,{children:(0,r.jsxs)("div",{className:"flex flex-col items-center justify-center h-full gap-[var(--space-4)] text-[var(--text-tertiary)]",children:[(0,r.jsxs)("div",{className:"rounded-[var(--radius-md)] bg-[color-mix(in_srgb,var(--system-red)_10%,transparent)] border border-[color-mix(in_srgb,var(--system-red)_30%,transparent)] px-[var(--space-4)] py-[var(--space-3)] text-[length:var(--text-body)] text-[var(--system-red)]",children:["Failed to load employees: ",u]}),(0,r.jsx)("button",{onClick:S,className:"px-[var(--space-4)] py-[var(--space-2)] rounded-[var(--radius-md)] bg-[var(--accent)] text-[var(--accent-contrast)] border-none cursor-pointer text-[length:var(--text-body)] font-[var(--weight-semibold)]",children:"Retry"})]})});let I=Object.keys(e).length,T=new Set(Object.values(e).map(e=>e.assigneeId).filter(Boolean)),O=a.filter(e=>T.has(e.name));return(0,r.jsx)(o.M,{children:(0,r.jsxs)("div",{className:"flex h-full relative bg-[var(--bg)]",children:[(0,r.jsxs)("div",{className:"flex-1 h-full flex flex-col min-w-0",children:[(0,r.jsxs)("div",{className:"px-[var(--space-5)] py-[var(--space-4)] flex items-center justify-between shrink-0 border-b border-[var(--separator)]",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"text-[length:var(--text-title2)] font-[var(--weight-bold)] text-[var(--text-primary)] m-0 tracking-[-0.3px]",children:"Kanban Board"}),(0,r.jsxs)("p",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)] mt-[2px] mb-0",children:[I," ticket",1!==I?"s":""]})]}),(0,r.jsx)(o.v,{children:(0,r.jsxs)("button",{onClick:()=>g(!0),className:"rounded-[var(--radius-md)] px-4 py-2 text-[length:var(--text-footnote)] font-[var(--weight-semibold)] border-none flex items-center gap-[var(--space-2)] bg-[var(--accent)] text-white cursor-pointer",children:[(0,r.jsx)(s.A,{size:16}),"New Ticket"]})})]}),O.length>0&&(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-2)] px-[var(--space-5)] py-[var(--space-2)] overflow-x-auto shrink-0",children:[(0,r.jsx)("button",{onClick:()=>k(null),className:"flex items-center gap-[var(--space-1)] px-3 py-1 rounded-full border-none text-[length:var(--text-caption1)] font-semibold cursor-pointer shrink-0 ".concat(null===j?"bg-[var(--accent)] text-white":"bg-[var(--fill-tertiary)] text-[var(--text-secondary)]"),children:"All"}),O.map(e=>(0,r.jsx)("button",{onClick:()=>k(j===e.name?null:e.name),className:"flex items-center gap-[var(--space-1)] px-3 py-1 rounded-full border-none text-[length:var(--text-caption1)] font-semibold cursor-pointer shrink-0 ".concat(j===e.name?"bg-[var(--accent)] text-white":"bg-[var(--fill-tertiary)] text-[var(--text-secondary)]"),children:e.displayName},e.name))]}),(0,r.jsx)("div",{className:"flex-1 px-[var(--space-3)] min-h-0",children:x?(0,r.jsx)("div",{className:"flex items-center justify-center h-full text-[var(--text-tertiary)] text-[length:var(--text-caption1)]",children:"Loading..."}):(0,r.jsx)(h,{tickets:e,employees:a,onTicketClick:function(e){b(e)},onMoveTicket:E,onCreateTicket:()=>g(!0),onDeleteTicket:e=>A(e),filterEmployeeId:j})})]}),y&&(0,r.jsx)("div",{className:"fixed inset-0 z-30 lg:hidden bg-black/50",onClick:()=>b(null)}),y&&(0,r.jsx)(C,{ticket:y,employees:a,onClose:()=>b(null),onStatusChange:e=>E(y.id,e),onAssigneeChange:e=>(function(e,r){let n=r?a.find(e=>e.name===r):null,s={assigneeId:r};(null==n?void 0:n.department)&&(s.department=n.department),t(t=>{let a=l(t,e,s);return _(a),a})})(y.id,e),onDelete:()=>A(y)}),N&&(0,r.jsx)(D,{ticket:N,onConfirm:()=>{var e;return e=N.id,void(t(t=>{let a=function(e,t){let a={...e};return delete a[t],a}(t,e);return _(a),a}),b(null),A(null))},onCancel:()=>A(null)}),(0,r.jsx)(w,{open:f,onOpenChange:g,employees:a,onSubmit:function(e){let r=e.assigneeId?a.find(t=>t.name===e.assigneeId):null,n=(null==r?void 0:r.department)||c[0]||null;t(t=>{let a=function(e,t){var a;let r=crypto.randomUUID(),n=Date.now();return{...e,[r]:{...t,id:r,workState:"idle",createdAt:n,updatedAt:n,departmentId:null!=(a=t.departmentId)?a:null}}}(t,{...e,status:"backlog",department:n,departmentId:n});return _(a),a})}})]})})}},3664:(e,t,a)=>{Promise.resolve().then(a.bind(a,1234))}},e=>{e.O(0,[625,51,155,192,344,144,358],()=>e(e.s=3664)),_N_E=e.O()}]);
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[636],{1234:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>A});var r=a(4130),s=a(7946),n=a(841),i=a(6654);function l(e,t,a){let r=e[t];return r?{...e,[t]:{...r,...a,updatedAt:Date.now()}}:e}var o=a(7192),d=a(7632);let c=[{id:"backlog",title:"Backlog"},{id:"todo",title:"To Do"},{id:"in-progress",title:"In Progress"},{id:"review",title:"Review"},{id:"done",title:"Done"}],p={low:"var(--system-green)",medium:"var(--system-orange)",high:"var(--system-red)"};function x(e){let{column:t,tickets:a,onDrop:i,onCreateTicket:l,renderTicket:o}=e,[d,c]=(0,s.useState)(!1);return(0,r.jsxs)("div",{onDragOver:function(e){e.preventDefault(),e.dataTransfer.dropEffect="move",c(!0)},onDragLeave:function(e){e.currentTarget.contains(e.relatedTarget)||c(!1)},onDrop:function(e){e.preventDefault(),c(!1);let a=e.dataTransfer.getData("text/plain");a&&i(a,t.id)},className:"flex flex-col min-w-[280px] max-w-[320px] flex-[1_0_280px] h-full rounded-[var(--radius-lg)] transition-[background,border-color] duration-200 ease-[var(--ease-smooth)]",style:{background:d?"var(--fill-secondary)":"var(--fill-tertiary)",border:d?"2px dashed var(--accent)":"2px dashed transparent"},children:[(0,r.jsxs)("div",{className:"flex items-center justify-between p-[var(--space-3)_var(--space-4)] shrink-0",children:[(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-2)]",children:[(0,r.jsx)("span",{className:"text-[length:var(--text-footnote)] font-[var(--weight-semibold)] text-[var(--text-primary)] tracking-[-0.01em]",children:t.title}),(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] font-[var(--weight-medium)] text-[var(--text-tertiary)] bg-[var(--fill-secondary)] rounded-[var(--radius-sm)] py-px px-1.5 min-w-[20px] text-center",children:a.length})]}),"backlog"===t.id&&l&&(0,r.jsx)("button",{onClick:l,"aria-label":"Create new ticket",className:"flex items-center justify-center w-6 h-6 rounded-[var(--radius-sm)] border-none bg-transparent text-[var(--text-secondary)] cursor-pointer p-0 transition-colors duration-150 ease-[var(--ease-smooth)]",children:(0,r.jsx)(n.A,{size:16})})]}),(0,r.jsxs)("div",{className:"flex-1 overflow-y-auto px-[var(--space-2)] pb-[var(--space-2)] flex flex-col gap-[var(--space-2)]",children:[a.map(e=>(0,r.jsx)("div",{children:o(e)},e.id)),0===a.length&&(0,r.jsx)("div",{className:"py-[var(--space-8)] px-[var(--space-4)] text-center text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:"No tickets"})]})]})}var v=a(8574);let u={low:"Low",medium:"Med",high:"High"};function m(e){let{ticket:t,assigneeName:a,onClick:n,onDelete:i}=e,[l,o]=(0,s.useState)(!1),[d,c]=(0,s.useState)(!1);return(0,r.jsxs)("div",{draggable:!0,onDragStart:function(e){e.dataTransfer.setData("text/plain",t.id),e.dataTransfer.effectAllowed="move",o(!0)},onDragEnd:function(){o(!1)},onClick:n,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),role:"button",tabIndex:0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),n())},className:"relative bg-[var(--material-regular)] rounded-[var(--radius-md)] p-[var(--space-3)] border border-[var(--separator)] flex flex-col gap-[var(--space-2)] select-none transition-opacity duration-150 ease-[var(--ease-smooth)]",style:{cursor:l?"grabbing":"grab",opacity:l?.6:1,borderLeft:"3px solid ".concat(p[t.priority])},children:[d&&i&&(0,r.jsx)("button",{onClick:e=>{e.stopPropagation(),i()},"aria-label":"Delete ticket",title:"Delete ticket",className:"absolute top-1.5 right-1.5 w-6 h-6 rounded-[var(--radius-sm)] flex items-center justify-center text-[var(--system-red)] border-none cursor-pointer p-0 z-[1]",style:{background:"color-mix(in srgb, var(--system-red) 12%, transparent)"},children:(0,r.jsx)(v.A,{size:13})}),(0,r.jsxs)("div",{className:"flex items-start gap-[var(--space-2)]",children:[(0,r.jsxs)("span",{className:"inline-flex items-center gap-[3px] text-[length:var(--text-caption2)] font-semibold shrink-0 mt-0.5",style:{color:p[t.priority]},children:[(0,r.jsx)("span",{className:"w-1.5 h-1.5 rounded-full",style:{background:p[t.priority]}}),u[t.priority]]}),(0,r.jsx)("span",{className:"text-[length:var(--text-footnote)] font-[var(--weight-semibold)] text-[var(--text-primary)] leading-[1.3] line-clamp-2 overflow-hidden break-words",children:t.title})]}),t.description&&(0,r.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] leading-[1.4] line-clamp-2 overflow-hidden break-words",children:t.description}),(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-2)] flex-wrap",children:[a&&(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] font-[var(--weight-medium)] text-[var(--text-secondary)] bg-[var(--fill-tertiary)] rounded-[var(--radius-sm)] py-px px-[var(--space-2)] leading-[1.5]",children:a}),(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] text-[var(--text-quaternary)] ml-auto",title:new Date(t.createdAt).toLocaleString(),children:function(e){let t=Math.floor((Date.now()-e)/6e4);if(t<1)return"just now";if(t<60)return"".concat(t,"m ago");let a=Math.floor(t/60);if(a<24)return"".concat(a,"h ago");let r=Math.floor(a/24);return r<30?"".concat(r,"d ago"):"".concat(Math.floor(r/30),"mo ago")}(t.createdAt)})]})]})}function h(e){let{tickets:t,employees:a,onTicketClick:s,onMoveTicket:n,onCreateTicket:i,onDeleteTicket:l,filterEmployeeId:o}=e;return(0,r.jsx)("div",{style:{display:"flex",gap:"var(--space-3)",height:"100%",overflowX:"auto",overflowY:"hidden",padding:"var(--space-2) 0",WebkitOverflowScrolling:"touch"},children:c.map(e=>{var d;let c=(d=e.id,Object.values(t).filter(e=>e.status===d).sort((e,t)=>t.updatedAt-e.updatedAt)),p=o?c.filter(e=>e.assigneeId===o):c;return(0,r.jsx)(x,{column:e,tickets:p,onDrop:n,onCreateTicket:"backlog"===e.id?i:void 0,renderTicket:e=>{var t;let n=a.find(t=>t.name===e.assigneeId);return(0,r.jsx)(m,{ticket:e,assigneeName:null!=(t=null==n?void 0:n.displayName)?t:null,onClick:()=>s(e),onDelete:l?()=>l(e):void 0})}},e.id)})})}let f={executive:"Exec",manager:"Mgr",senior:"Sr",employee:""};function g(e){var t;let{employees:a,value:n,onChange:i}=e,[l,o]=(0,s.useState)(!1),[d,c]=(0,s.useState)(""),[p,x]=(0,s.useState)(0),v=(0,s.useRef)(null),u=(0,s.useRef)(null),m=(0,s.useRef)(null),h=null!=(t=a.find(e=>e.name===n))?t:null,g=d.trim()?a.filter(e=>{let t=d.toLowerCase();return e.name.toLowerCase().includes(t)||e.displayName.toLowerCase().includes(t)||e.department.toLowerCase().includes(t)}):a,y=!d.trim()||"unassigned".includes(d.toLowerCase());(0,s.useEffect)(()=>{x(0)},[d]),(0,s.useEffect)(()=>{l?setTimeout(()=>{var e;return null==(e=u.current)?void 0:e.focus()},0):c("")},[l]),(0,s.useEffect)(()=>{if(l)return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e);function e(e){v.current&&!v.current.contains(e.target)&&o(!1)}},[l]),(0,s.useEffect)(()=>{if(!l||!m.current)return;let e=m.current.querySelectorAll("[data-employee-option]")[p];e&&e.scrollIntoView({block:"nearest"})},[p,l]);let b=+!!y+g.length,j=(0,s.useCallback)(e=>{if(!l){("Enter"===e.key||" "===e.key||"ArrowDown"===e.key)&&(e.preventDefault(),o(!0));return}if("Escape"===e.key){e.preventDefault(),o(!1);return}if("ArrowDown"===e.key)e.preventDefault(),x(e=>Math.min(e+1,b-1));else if("ArrowUp"===e.key)e.preventDefault(),x(e=>Math.max(e-1,0));else if("Enter"===e.key){if(e.preventDefault(),y&&0===p)i("");else{let e=y?p-1:p;g[e]&&i(g[e].name)}o(!1)}},[l,p,b,y,g,i]);return(0,r.jsxs)("div",{ref:v,className:"relative",onKeyDown:j,children:[(0,r.jsx)("button",{type:"button",onClick:()=>o(!l),"aria-haspopup":"listbox","aria-expanded":l,className:"w-full flex items-center gap-[var(--space-2)] py-2 pl-3 pr-9 text-[length:var(--text-body)] cursor-pointer text-left border border-[var(--separator)] rounded-[var(--radius-md)] bg-[var(--fill-tertiary)] bg-[url(\"data:image/svg+xml,%3Csvg_xmlns='http://www.w3.org/2000/svg'_width='12'_height='12'_viewBox='0_0_24_24'_fill='none'_stroke='%23888'_stroke-width='2'_stroke-linecap='round'_stroke-linejoin='round'%3E%3Cpath_d='m6_9_6_6_6-6'/%3E%3C/svg%3E\")] bg-no-repeat bg-[position:right_12px_center] min-h-[40px] font-[inherit] ".concat(h?"text-[var(--text-primary)]":"text-[var(--text-tertiary)]"),children:h?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"font-[var(--weight-medium)]",children:h.displayName}),f[h.rank]&&(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] bg-[var(--fill-secondary)] rounded-[var(--radius-sm)] px-1.5 py-px",children:f[h.rank]})]}):(0,r.jsx)("span",{children:"Unassigned"})}),l&&(0,r.jsxs)("div",{className:"absolute top-full left-0 right-0 mt-1 z-50 bg-[var(--material-regular)] border border-[var(--separator)] rounded-[var(--radius-md)] shadow-[0_8px_32px_rgba(0,0,0,0.3)] overflow-hidden",children:[(0,r.jsx)("div",{className:"pt-2 px-2 pb-1",children:(0,r.jsx)("input",{ref:u,type:"text",placeholder:"Search employees...",value:d,onChange:e=>c(e.target.value),className:"w-full py-1.5 px-2.5 text-[length:var(--text-footnote)] border border-[var(--separator)] rounded-[var(--radius-sm)] bg-[var(--fill-tertiary)] text-[var(--text-primary)] outline-none font-[inherit]"})}),(0,r.jsxs)("div",{ref:m,role:"listbox",className:"max-h-[280px] overflow-y-auto p-1",children:[y&&(0,r.jsxs)("div",{"data-employee-option":!0,role:"option","aria-selected":""===n,onClick:()=>{i(""),o(!1)},className:"flex items-center gap-[var(--space-2)] py-2 px-2.5 rounded-[var(--radius-sm)] cursor-pointer transition-[background] duration-100 ".concat(0===p?"bg-[var(--fill-secondary)]":"bg-transparent"),onMouseEnter:()=>x(0),children:[(0,r.jsx)("div",{className:"w-8 h-8 rounded-lg bg-[var(--fill-tertiary)] flex items-center justify-center text-sm text-[var(--text-tertiary)] shrink-0",children:"—"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-[length:var(--text-footnote)] font-[var(--weight-medium)] text-[var(--text-secondary)]",children:"Unassigned"}),(0,r.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)]",children:"No employee assigned"})]}),""===n&&(0,r.jsx)("span",{className:"ml-auto text-[var(--accent)] text-[13px] shrink-0",children:"✓"})]}),g.map((e,t)=>{let a=y?t+1:t,s=p===a,l=n===e.name;return(0,r.jsxs)("div",{"data-employee-option":!0,role:"option","aria-selected":l,onClick:()=>{i(e.name),o(!1)},onMouseEnter:()=>x(a),className:"flex items-center gap-[var(--space-2)] py-2 px-2.5 rounded-[var(--radius-sm)] cursor-pointer transition-[background] duration-100 ".concat(s?"bg-[var(--fill-secondary)]":"bg-transparent"),children:[(0,r.jsx)("div",{className:"w-8 h-8 rounded-lg bg-[var(--accent)] flex items-center justify-center text-sm text-white font-semibold shrink-0",children:e.displayName.charAt(0).toUpperCase()}),(0,r.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-1)]",children:[(0,r.jsx)("span",{className:"text-[length:var(--text-footnote)] font-[var(--weight-semibold)] text-[var(--text-primary)] overflow-hidden text-ellipsis whitespace-nowrap",children:e.displayName}),f[e.rank]&&(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] bg-[var(--fill-secondary)] rounded-[var(--radius-sm)] px-1 shrink-0",children:f[e.rank]})]}),(0,r.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] overflow-hidden text-ellipsis whitespace-nowrap",children:e.department||e.name})]}),l&&(0,r.jsx)("span",{className:"text-[var(--accent)] text-[13px] shrink-0",children:"✓"})]},e.name)}),0===g.length&&!y&&(0,r.jsxs)("div",{className:"p-[var(--space-4)] text-center text-[length:var(--text-footnote)] text-[var(--text-tertiary)]",children:["No employees match “",d,"”"]})]})]})]})}let y=["low","medium","high"],b={low:"Low",medium:"Medium",high:"High"},j={title:"",description:"",priority:"medium",assigneeId:""};function w(e){let{open:t,onOpenChange:a,employees:i,onSubmit:l}=e,[o,c]=(0,s.useState)(j),x=(0,s.useCallback)(()=>{c(j)},[]);return(0,r.jsx)(d.lG,{open:t,onOpenChange:function(e){e||x(),a(e)},children:(0,r.jsxs)(d.Cf,{showCloseButton:!0,className:"bg-[var(--bg)] border border-[var(--separator)] rounded-[var(--radius-lg)] shadow-[var(--shadow-card)] max-w-[480px]",children:[(0,r.jsxs)(d.c7,{children:[(0,r.jsx)(d.L3,{className:"text-[length:var(--text-title3)] font-[var(--weight-bold)] text-[var(--text-primary)]",children:"Create Ticket"}),(0,r.jsx)(d.rr,{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:"Add a new ticket to the backlog."})]}),(0,r.jsxs)("form",{onSubmit:function(e){e.preventDefault(),o.title.trim()&&(l({title:o.title.trim(),description:o.description.trim(),priority:o.priority,assigneeId:o.assigneeId||null}),x(),a(!1))},className:"flex flex-col gap-[var(--space-4)]",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-[var(--space-1)]",children:[(0,r.jsx)("label",{htmlFor:"ticket-title",className:"text-[length:var(--text-caption1)] font-[var(--weight-medium)] text-[var(--text-secondary)]",children:"Title"}),(0,r.jsx)("input",{id:"ticket-title",type:"text",placeholder:"What needs to be done?",value:o.title,onChange:e=>c(t=>({...t,title:e.target.value})),required:!0,autoFocus:!0,className:"text-[length:var(--text-body)] text-[var(--text-primary)] py-2 px-3 border border-[var(--separator)] rounded-[var(--radius-md)] bg-[var(--fill-tertiary)] outline-none font-[inherit]"})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-[var(--space-1)]",children:[(0,r.jsx)("label",{htmlFor:"ticket-description",className:"text-[length:var(--text-caption1)] font-[var(--weight-medium)] text-[var(--text-secondary)]",children:"Description"}),(0,r.jsx)("textarea",{id:"ticket-description",placeholder:"Add details...",rows:3,value:o.description,onChange:e=>c(t=>({...t,description:e.target.value})),className:"text-[length:var(--text-body)] text-[var(--text-primary)] resize-y min-h-[72px] py-2 px-3 border border-[var(--separator)] rounded-[var(--radius-md)] bg-[var(--fill-tertiary)] outline-none font-[inherit]"})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-[var(--space-2)]",children:[(0,r.jsx)("span",{className:"text-[length:var(--text-caption1)] font-[var(--weight-medium)] text-[var(--text-secondary)]",children:"Priority"}),(0,r.jsx)("div",{className:"flex gap-[var(--space-2)]",children:y.map(e=>{let t=o.priority===e;return(0,r.jsxs)("button",{type:"button",onClick:()=>c(t=>({...t,priority:e})),className:"flex-1 flex items-center justify-center gap-[var(--space-1)] py-[var(--space-2)] px-[var(--space-3)] rounded-[var(--radius-md)] cursor-pointer text-[length:var(--text-caption1)] font-[var(--weight-medium)] transition-all duration-150 ease-[var(--ease-smooth)]",style:{border:t?"2px solid ".concat(p[e]):"2px solid var(--separator)",background:t?"var(--fill-tertiary)":"transparent",color:t?"var(--text-primary)":"var(--text-tertiary)"},children:[(0,r.jsx)("span",{className:"w-2 h-2 rounded-full shrink-0",style:{background:p[e]}}),b[e]]},e)})})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-[var(--space-1)]",children:[(0,r.jsx)("label",{className:"text-[length:var(--text-caption1)] font-[var(--weight-medium)] text-[var(--text-secondary)]",children:"Assignee"}),(0,r.jsx)(g,{employees:i,value:o.assigneeId,onChange:e=>c(t=>({...t,assigneeId:e}))})]}),(0,r.jsxs)("button",{type:"submit",disabled:!o.title.trim(),className:"rounded-[var(--radius-md)] py-3 px-5 w-full text-[length:var(--text-body)] font-[var(--weight-semibold)] border-none flex items-center justify-center gap-[var(--space-2)] mt-[var(--space-2)] bg-[var(--accent)] text-white transition-opacity duration-150 ease-linear",style:{cursor:o.title.trim()?"pointer":"default",opacity:o.title.trim()?1:.5},children:[(0,r.jsx)(n.A,{size:16}),"Create Ticket"]})]})]})})}function k(e){let{priority:t}=e;return(0,r.jsxs)("span",{className:"inline-flex items-center gap-[var(--space-1)] text-[length:var(--text-caption2)] font-semibold uppercase tracking-[0.5px]",style:{color:p[t]},children:[(0,r.jsx)("span",{className:"w-1.5 h-1.5 rounded-full",style:{background:p[t]}}),t]})}function N(e){var t,a;let{status:s}=e,n=null!=(a=null==(t=c.find(e=>e.id===s))?void 0:t.title)?a:s;return(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] font-semibold text-[var(--text-secondary)] bg-[var(--fill-tertiary)] px-[var(--space-2)] py-[2px] rounded-[var(--radius-sm)] uppercase tracking-[0.3px]",children:n})}function C(e){var t,a;let{ticket:n,employees:i,onClose:l,onStatusChange:o,onAssigneeChange:d,onDelete:p}=e,x=(0,s.useRef)(null);(0,s.useEffect)(()=>{function e(e){"Escape"===e.key&&l()}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[l]),(0,s.useEffect)(()=>{var e;null==(e=x.current)||e.focus()},[]);let v=null!=(t=i.find(e=>e.name===n.assigneeId))?t:null;return(0,r.jsx)("div",{className:"absolute top-0 right-0 bottom-0 z-30",children:(0,r.jsxs)("div",{className:"w-[420px] max-w-[100vw] h-full bg-[var(--material-regular)] shadow-[-4px_0_24px_rgba(0,0,0,0.25)] flex flex-col",children:[(0,r.jsx)("div",{className:"h-[3px] bg-[var(--accent)] shrink-0"}),(0,r.jsxs)("div",{className:"flex-1 overflow-y-auto",children:[(0,r.jsx)("div",{className:"pt-[var(--space-4)] px-[var(--space-5)] pb-0 flex justify-end gap-[var(--space-2)]",children:(0,r.jsx)("button",{ref:x,onClick:l,"aria-label":"Close detail panel",className:"w-7 h-7 rounded-full flex items-center justify-center bg-[var(--fill-secondary)] text-[var(--text-secondary)] border-none cursor-pointer text-[length:var(--text-footnote)] transition-all duration-150 ease-[var(--ease-spring)]",children:"✕"})}),(0,r.jsxs)("div",{className:"pt-[var(--space-2)] px-[var(--space-5)] pb-[var(--space-4)]",children:[(0,r.jsx)("h2",{className:"text-[length:var(--text-title3)] font-bold tracking-[-0.3px] text-[var(--text-primary)] m-0 leading-[1.25]",children:n.title}),(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-3)] mt-[var(--space-2)]",children:[(0,r.jsx)(N,{status:n.status}),(0,r.jsx)(k,{priority:n.priority})]}),v?(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-2)] mt-[var(--space-3)] text-[length:var(--text-footnote)] text-[var(--text-secondary)]",children:[(0,r.jsx)("span",{children:v.displayName}),(0,r.jsx)("span",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] bg-[var(--fill-secondary)] rounded-[var(--radius-sm)] px-1",children:v.rank})]}):(0,r.jsx)("div",{className:"mt-[var(--space-3)] text-[length:var(--text-footnote)] text-[var(--text-tertiary)] italic",children:"Unassigned"})]}),(0,r.jsxs)("div",{className:"px-[var(--space-5)] pb-[var(--space-4)]",children:[(0,r.jsx)("div",{className:"text-[length:var(--text-caption1)] font-semibold text-[var(--text-tertiary)] uppercase tracking-[0.5px] mb-[var(--space-2)]",children:"Move to"}),(0,r.jsx)("div",{className:"flex gap-[var(--space-1)] flex-wrap",children:c.map(e=>{let t=e.id===n.status;return(0,r.jsx)("button",{onClick:()=>{t||o(e.id)},disabled:t,className:"text-[length:var(--text-caption2)] font-semibold py-[3px] px-[var(--space-2)] rounded-[var(--radius-sm)] border-none transition-all duration-[120ms] ease-linear",style:{cursor:t?"default":"pointer",background:t?"var(--accent)":"var(--fill-tertiary)",color:t?"#fff":"var(--text-secondary)",opacity:t?1:.8},children:e.title},e.id)})})]}),(0,r.jsxs)("div",{className:"px-[var(--space-5)] pb-[var(--space-4)]",children:[(0,r.jsx)("div",{className:"text-[length:var(--text-caption1)] font-semibold text-[var(--text-tertiary)] uppercase tracking-[0.5px] mb-[var(--space-2)]",children:"Assignee"}),(0,r.jsx)(g,{employees:i,value:null!=(a=n.assigneeId)?a:"",onChange:e=>d(e||null)})]}),n.description&&(0,r.jsxs)("div",{className:"px-[var(--space-5)] pb-[var(--space-4)]",children:[(0,r.jsx)("div",{className:"h-px bg-[var(--separator)] mb-[var(--space-3)]"}),(0,r.jsx)("div",{className:"text-[length:var(--text-caption1)] font-semibold text-[var(--text-tertiary)] uppercase tracking-[0.5px] mb-[var(--space-2)]",children:"Description"}),(0,r.jsx)("div",{className:"text-[length:var(--text-footnote)] text-[var(--text-secondary)] leading-[1.5] whitespace-pre-wrap",children:n.description})]})]}),(0,r.jsx)("div",{className:"shrink-0 py-[var(--space-2)] px-[var(--space-5)] pb-[var(--space-4)] border-t border-[var(--separator)]",children:(0,r.jsx)("button",{onClick:function(){p()},className:"w-full py-[var(--space-2)] px-[var(--space-3)] rounded-[var(--radius-md)] border border-[var(--system-red)] bg-transparent text-[var(--system-red)] text-[length:var(--text-footnote)] font-semibold cursor-pointer transition-all duration-[120ms] ease-linear",children:"Delete Ticket"})})]})})}function D(e){let{ticket:t,onConfirm:a,onCancel:s}=e;return(0,r.jsx)(d.lG,{open:!0,onOpenChange:e=>{e||s()},children:(0,r.jsxs)(d.Cf,{showCloseButton:!1,className:"bg-[var(--bg)] border border-[var(--separator)] rounded-[var(--radius-lg)] shadow-[var(--shadow-card)] max-w-[400px]",children:[(0,r.jsxs)(d.c7,{children:[(0,r.jsx)(d.L3,{className:"text-[length:var(--text-title3)] font-[var(--weight-bold)] text-[var(--text-primary)]",children:"Delete Ticket"}),(0,r.jsxs)(d.rr,{className:"text-[length:var(--text-footnote)] text-[var(--text-secondary)] leading-[1.5]",children:["Are you sure you want to delete “",t.title,"”? This cannot be undone."]})]}),(0,r.jsxs)(d.Es,{children:[(0,r.jsx)("button",{onClick:s,className:"px-[var(--space-4)] py-[var(--space-2)] rounded-[var(--radius-md)] border border-[var(--separator)] bg-transparent text-[var(--text-secondary)] text-[length:var(--text-footnote)] font-semibold cursor-pointer",children:"Cancel"}),(0,r.jsx)("button",{onClick:a,autoFocus:!0,className:"px-[var(--space-4)] py-[var(--space-2)] rounded-[var(--radius-md)] border-none bg-[var(--system-red)] text-white text-[length:var(--text-footnote)] font-semibold cursor-pointer",children:"Delete"})]})]})})}function A(){let[e,t]=(0,s.useState)({}),[a,d]=(0,s.useState)([]),[c,p]=(0,s.useState)([]),[x,v]=(0,s.useState)(!0),[u,m]=(0,s.useState)(null),[f,g]=(0,s.useState)(!1),[y,b]=(0,s.useState)(null),[j,k]=(0,s.useState)(null),[N,A]=(0,s.useState)(null);(0,s.useCallback)(async e=>{let t={};for(let a of Object.values(e)){let e=a.department;e&&(t[e]||(t[e]=[]),t[e].push({id:a.id,title:a.title,description:a.description||void 0,status:a.status,priority:a.priority,assignee:a.assigneeId||void 0,createdAt:new Date(a.createdAt).toISOString(),updatedAt:new Date(a.updatedAt).toISOString()}))}let a=Array.from(new Set([...Object.keys(t),...c])).map(async e=>{try{await i.F.updateDepartmentBoard(e,t[e]||[])}catch(e){}});await Promise.all(a)},[c]);let S=(0,s.useCallback)(()=>{v(!0),m(null),i.F.getOrg().then(async e=>{d(e.employees),p(e.departments);let a={};for(let t of e.departments)try{let e=await i.F.getDepartmentBoard(t);if(Array.isArray(e))for(let r of e){let e={todo:"todo",in_progress:"in-progress","in-progress":"in-progress",done:"done",backlog:"backlog",review:"review"}[r.status]||"todo",s={low:"low",medium:"medium",high:"high"}[r.priority||"medium"]||"medium";a[r.id]={id:r.id,title:r.title,description:r.description||"",status:e,priority:s,assigneeId:r.assignee||null,department:t,workState:"idle",createdAt:r.createdAt?new Date(r.createdAt).getTime():Date.now(),updatedAt:r.updatedAt?new Date(r.updatedAt).getTime():Date.now(),departmentId:t}}}catch(e){}t(a)}).catch(e=>m(e.message)).finally(()=>v(!1))},[]);(0,s.useEffect)(()=>{S()},[S]),(0,s.useEffect)(()=>{x||function(e){try{localStorage.setItem("jinn-kanban",JSON.stringify(e))}catch(e){}}(e)},[e,x]);let _=(0,s.useCallback)(async e=>{let t={};for(let a of Object.values(e))a.departmentId&&(t[a.departmentId]||(t[a.departmentId]=[]),t[a.departmentId].push(a));for(let e of c)t[e]||(t[e]=[]);await Promise.all(Object.entries(t).map(e=>{let[t,a]=e,r=a.map(e=>{var t;return{id:e.id,title:e.title,description:e.description,status:e.status,priority:e.priority,assignee:null!=(t=e.assigneeId)?t:void 0,createdAt:new Date(e.createdAt).toISOString(),updatedAt:new Date(e.updatedAt).toISOString()}});return i.F.updateDepartmentBoard(t,r).catch(()=>{})}))},[c]);function E(e,a){t(t=>{let r=l(t,e,{status:a});return _(r),r})}if((0,s.useEffect)(()=>{if(y&&e[y.id]){let t=e[y.id];t.updatedAt!==y.updatedAt&&b(t)}},[e,y]),u)return(0,r.jsx)(o.M,{children:(0,r.jsxs)("div",{className:"flex flex-col items-center justify-center h-full gap-[var(--space-4)] text-[var(--text-tertiary)]",children:[(0,r.jsxs)("div",{className:"rounded-[var(--radius-md)] bg-[color-mix(in_srgb,var(--system-red)_10%,transparent)] border border-[color-mix(in_srgb,var(--system-red)_30%,transparent)] px-[var(--space-4)] py-[var(--space-3)] text-[length:var(--text-body)] text-[var(--system-red)]",children:["Failed to load employees: ",u]}),(0,r.jsx)("button",{onClick:S,className:"px-[var(--space-4)] py-[var(--space-2)] rounded-[var(--radius-md)] bg-[var(--accent)] text-[var(--accent-contrast)] border-none cursor-pointer text-[length:var(--text-body)] font-[var(--weight-semibold)]",children:"Retry"})]})});let I=Object.keys(e).length,T=new Set(Object.values(e).map(e=>e.assigneeId).filter(Boolean)),O=a.filter(e=>T.has(e.name));return(0,r.jsx)(o.M,{children:(0,r.jsxs)("div",{className:"flex h-full relative bg-[var(--bg)]",children:[(0,r.jsxs)("div",{className:"flex-1 h-full flex flex-col min-w-0",children:[(0,r.jsxs)("div",{className:"px-[var(--space-5)] py-[var(--space-4)] flex items-center justify-between shrink-0 border-b border-[var(--separator)]",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"text-[length:var(--text-title2)] font-[var(--weight-bold)] text-[var(--text-primary)] m-0 tracking-[-0.3px]",children:"Kanban Board"}),(0,r.jsxs)("p",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)] mt-[2px] mb-0",children:[I," ticket",1!==I?"s":""]})]}),(0,r.jsx)(o.v,{children:(0,r.jsxs)("button",{onClick:()=>g(!0),className:"rounded-[var(--radius-md)] px-4 py-2 text-[length:var(--text-footnote)] font-[var(--weight-semibold)] border-none flex items-center gap-[var(--space-2)] bg-[var(--accent)] text-white cursor-pointer",children:[(0,r.jsx)(n.A,{size:16}),"New Ticket"]})})]}),O.length>0&&(0,r.jsxs)("div",{className:"flex items-center gap-[var(--space-2)] px-[var(--space-5)] py-[var(--space-2)] overflow-x-auto shrink-0",children:[(0,r.jsx)("button",{onClick:()=>k(null),className:"flex items-center gap-[var(--space-1)] px-3 py-1 rounded-full border-none text-[length:var(--text-caption1)] font-semibold cursor-pointer shrink-0 ".concat(null===j?"bg-[var(--accent)] text-white":"bg-[var(--fill-tertiary)] text-[var(--text-secondary)]"),children:"All"}),O.map(e=>(0,r.jsx)("button",{onClick:()=>k(j===e.name?null:e.name),className:"flex items-center gap-[var(--space-1)] px-3 py-1 rounded-full border-none text-[length:var(--text-caption1)] font-semibold cursor-pointer shrink-0 ".concat(j===e.name?"bg-[var(--accent)] text-white":"bg-[var(--fill-tertiary)] text-[var(--text-secondary)]"),children:e.displayName},e.name))]}),(0,r.jsx)("div",{className:"flex-1 px-[var(--space-3)] min-h-0",children:x?(0,r.jsx)("div",{className:"flex items-center justify-center h-full text-[var(--text-tertiary)] text-[length:var(--text-caption1)]",children:"Loading..."}):(0,r.jsx)(h,{tickets:e,employees:a,onTicketClick:function(e){b(e)},onMoveTicket:E,onCreateTicket:()=>g(!0),onDeleteTicket:e=>A(e),filterEmployeeId:j})})]}),y&&(0,r.jsx)("div",{className:"fixed inset-0 z-30 lg:hidden bg-black/50",onClick:()=>b(null)}),y&&(0,r.jsx)(C,{ticket:y,employees:a,onClose:()=>b(null),onStatusChange:e=>E(y.id,e),onAssigneeChange:e=>(function(e,r){let s=r?a.find(e=>e.name===r):null,n={assigneeId:r};(null==s?void 0:s.department)&&(n.department=s.department),t(t=>{let a=l(t,e,n);return _(a),a})})(y.id,e),onDelete:()=>A(y)}),N&&(0,r.jsx)(D,{ticket:N,onConfirm:()=>{var e;return e=N.id,void(t(t=>{let a=function(e,t){let a={...e};return delete a[t],a}(t,e);return _(a),a}),b(null),A(null))},onCancel:()=>A(null)}),(0,r.jsx)(w,{open:f,onOpenChange:g,employees:a,onSubmit:function(e){let r=e.assigneeId?a.find(t=>t.name===e.assigneeId):null,s=(null==r?void 0:r.department)||c[0]||null;t(t=>{let a=function(e,t){var a;let r=crypto.randomUUID(),s=Date.now();return{...e,[r]:{...t,id:r,workState:"idle",createdAt:s,updatedAt:s,departmentId:null!=(a=t.departmentId)?a:null}}}(t,{...e,status:"backlog",department:s,departmentId:s});return _(a),a})}})]})})}},3664:(e,t,a)=>{Promise.resolve().then(a.bind(a,1234))}},e=>{e.O(0,[625,51,155,192,344,144,358],()=>e(e.s=3664)),_N_E=e.O()}]);
|