jinn-cli 0.3.0 → 0.4.0
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/src/cli/chrome-allow.d.ts.map +1 -1
- package/dist/src/cli/chrome-allow.js +14 -5
- package/dist/src/cli/chrome-allow.js.map +1 -1
- package/dist/src/cli/list.js +1 -1
- package/dist/src/cli/list.js.map +1 -1
- package/dist/src/cli/nuke.js +2 -2
- package/dist/src/cli/nuke.js.map +1 -1
- package/dist/src/cli/setup.d.ts.map +1 -1
- package/dist/src/cli/setup.js +2 -1
- package/dist/src/cli/setup.js.map +1 -1
- package/dist/src/connectors/slack/index.d.ts +9 -1
- package/dist/src/connectors/slack/index.d.ts.map +1 -1
- package/dist/src/connectors/slack/index.js +172 -8
- package/dist/src/connectors/slack/index.js.map +1 -1
- package/dist/src/connectors/slack/threads.d.ts +1 -4
- package/dist/src/connectors/slack/threads.d.ts.map +1 -1
- package/dist/src/connectors/slack/threads.js +17 -7
- package/dist/src/connectors/slack/threads.js.map +1 -1
- package/dist/src/connectors/slack/threads.test.js +42 -8
- package/dist/src/connectors/slack/threads.test.js.map +1 -1
- package/dist/src/cron/runner.d.ts.map +1 -1
- package/dist/src/cron/runner.js +16 -5
- package/dist/src/cron/runner.js.map +1 -1
- package/dist/src/engines/claude.d.ts.map +1 -1
- package/dist/src/engines/claude.js +19 -4
- package/dist/src/engines/claude.js.map +1 -1
- package/dist/src/gateway/api.d.ts.map +1 -1
- package/dist/src/gateway/api.js +214 -3
- package/dist/src/gateway/api.js.map +1 -1
- package/dist/src/gateway/files.d.ts +6 -0
- package/dist/src/gateway/files.d.ts.map +1 -0
- package/dist/src/gateway/files.js +430 -0
- package/dist/src/gateway/files.js.map +1 -0
- package/dist/src/gateway/lifecycle.d.ts.map +1 -1
- package/dist/src/gateway/lifecycle.js +16 -6
- package/dist/src/gateway/lifecycle.js.map +1 -1
- package/dist/src/gateway/org.d.ts.map +1 -1
- package/dist/src/gateway/org.js +1 -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 +42 -1
- package/dist/src/gateway/server.js.map +1 -1
- package/dist/src/gateway/watcher.d.ts.map +1 -1
- package/dist/src/gateway/watcher.js +9 -2
- package/dist/src/gateway/watcher.js.map +1 -1
- package/dist/src/mcp/gateway-server.d.ts +13 -0
- package/dist/src/mcp/gateway-server.d.ts.map +1 -0
- package/dist/src/mcp/gateway-server.js +375 -0
- package/dist/src/mcp/gateway-server.js.map +1 -0
- package/dist/src/mcp/resolver.d.ts +19 -0
- package/dist/src/mcp/resolver.d.ts.map +1 -0
- package/dist/src/mcp/resolver.js +153 -0
- package/dist/src/mcp/resolver.js.map +1 -0
- 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 +34 -3
- package/dist/src/sessions/context.js.map +1 -1
- package/dist/src/sessions/limits.d.ts +7 -0
- package/dist/src/sessions/limits.d.ts.map +1 -0
- package/dist/src/sessions/limits.js +42 -0
- package/dist/src/sessions/limits.js.map +1 -0
- package/dist/src/sessions/manager.d.ts +3 -1
- package/dist/src/sessions/manager.d.ts.map +1 -1
- package/dist/src/sessions/manager.js +38 -17
- package/dist/src/sessions/manager.js.map +1 -1
- package/dist/src/sessions/registry.d.ts +24 -0
- package/dist/src/sessions/registry.d.ts.map +1 -1
- package/dist/src/sessions/registry.js +76 -5
- package/dist/src/sessions/registry.js.map +1 -1
- package/dist/src/shared/effort.d.ts +17 -0
- package/dist/src/shared/effort.d.ts.map +1 -0
- package/dist/src/shared/effort.js +44 -0
- package/dist/src/shared/effort.js.map +1 -0
- package/dist/src/shared/paths.d.ts +3 -0
- package/dist/src/shared/paths.d.ts.map +1 -1
- package/dist/src/shared/paths.js +3 -0
- package/dist/src/shared/paths.js.map +1 -1
- package/dist/src/shared/types.d.ts +61 -1
- package/dist/src/shared/types.d.ts.map +1 -1
- package/dist/src/stt/stt.d.ts +24 -0
- package/dist/src/stt/stt.d.ts.map +1 -0
- package/dist/src/stt/stt.js +203 -0
- package/dist/src/stt/stt.js.map +1 -0
- package/dist/web/404.html +1 -1
- package/dist/web/_next/static/chunks/{704-af2893821e1d18dc.js → 704-ca24be493a922639.js} +1 -1
- package/dist/web/_next/static/chunks/{73-c226535579393e21.js → 73-2d6e730cea0fe6c8.js} +1 -1
- package/dist/web/_next/static/chunks/app/_not-found/{page-bb075b0779827928.js → page-7d43a486b7014af3.js} +1 -1
- package/dist/web/_next/static/chunks/app/chat/page-2f3c561ed768ed58.js +1 -0
- package/dist/web/_next/static/chunks/app/costs/{page-d6c03718defdb599.js → page-13a6f2c65a827f8a.js} +1 -1
- package/dist/web/_next/static/chunks/app/cron/{page-4c563eef2b6231fe.js → page-0ee07a679c7b79aa.js} +1 -1
- package/dist/web/_next/static/chunks/app/kanban/{page-55a73165a36f4077.js → page-a7facadd4194faae.js} +1 -1
- package/dist/web/_next/static/chunks/app/layout-fd975d16033dab25.js +1 -0
- package/dist/web/_next/static/chunks/app/logs/page-6de6b16523e85193.js +1 -0
- package/dist/web/_next/static/chunks/app/org/{page-d5cd8d9b7864737b.js → page-cd9d362e77f4799e.js} +1 -1
- package/dist/web/_next/static/chunks/app/{page-b81992940fd1dbc6.js → page-b98417ed4f4d45a0.js} +1 -1
- package/dist/web/_next/static/chunks/app/sessions/{page-c83c890177c18258.js → page-9f83fa32b654db3b.js} +1 -1
- package/dist/web/_next/static/chunks/app/settings/page-34c9276e2a012445.js +1 -0
- package/dist/web/_next/static/chunks/app/skills/page-18cf3b7bb9a7339c.js +1 -0
- package/dist/web/_next/static/chunks/main-app-0c65af8a0fd99888.js +1 -0
- package/dist/web/_next/static/css/24da9dfc818cea32.css +1 -0
- package/dist/web/chat.html +1 -1
- package/dist/web/chat.txt +5 -5
- package/dist/web/costs.html +2 -2
- package/dist/web/costs.txt +5 -5
- package/dist/web/cron.html +1 -1
- package/dist/web/cron.txt +5 -5
- package/dist/web/index.html +1 -1
- package/dist/web/index.txt +5 -5
- package/dist/web/kanban.html +1 -1
- package/dist/web/kanban.txt +5 -5
- package/dist/web/logs.html +2 -2
- package/dist/web/logs.txt +5 -5
- package/dist/web/org.html +1 -1
- package/dist/web/org.txt +5 -5
- package/dist/web/sessions.html +1 -1
- package/dist/web/sessions.txt +5 -5
- package/dist/web/settings.html +1 -1
- package/dist/web/settings.txt +5 -5
- package/dist/web/skills.html +1 -1
- package/dist/web/skills.txt +5 -5
- package/package.json +3 -1
- package/template/config.default.yaml +32 -0
- package/template/docs/mcp.md +108 -0
- package/dist/web/_next/static/chunks/app/chat/page-6d5bc707a45c92c6.js +0 -1
- package/dist/web/_next/static/chunks/app/layout-5129b67d5f126cf0.js +0 -1
- package/dist/web/_next/static/chunks/app/logs/page-e18889d67e48c9c9.js +0 -1
- package/dist/web/_next/static/chunks/app/settings/page-2583d55551abdf72.js +0 -1
- package/dist/web/_next/static/chunks/app/skills/page-df9465e314561bb5.js +0 -1
- package/dist/web/_next/static/chunks/main-app-437f51faf74fbb3b.js +0 -1
- package/dist/web/_next/static/css/4a6a5bca9238c104.css +0 -1
- /package/dist/web/_next/static/{jt8R5JvUgfB9CMfFwWFr0 → Tn0FXDHalXGkNoojna-vg}/_buildManifest.js +0 -0
- /package/dist/web/_next/static/{jt8R5JvUgfB9CMfFwWFr0 → Tn0FXDHalXGkNoojna-vg}/_ssgManifest.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[636],{543:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>A});var a=r(8111),i=r(5271);let n=(0,r(1983).A)("plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]);var o=r(3176);let s="jinn-kanban",l=new Set(["backlog","todo","in-progress","review","done"]),d=new Set(["low","medium","high"]),c=new Set(["idle","starting","working","done","failed"]);function p(e,t,r){let a=e[t];return a?{...e,[t]:{...a,...r,updatedAt:Date.now()}}:e}var u=r(3073);let v=[{id:"backlog",title:"Backlog"},{id:"todo",title:"To Do"},{id:"in-progress",title:"In Progress"},{id:"review",title:"Review"},{id:"done",title:"Done"}],x={low:"var(--system-green)",medium:"var(--system-orange)",high:"var(--system-red)"};function g(e){let{column:t,tickets:r,onDrop:o,onCreateTicket:s,renderTicket:l}=e,[d,c]=(0,i.useState)(!1);return(0,a.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 r=e.dataTransfer.getData("text/plain");r&&o(r,t.id)},style:{display:"flex",flexDirection:"column",minWidth:280,maxWidth:320,flex:"1 0 280px",height:"100%",borderRadius:"var(--radius-lg)",background:d?"var(--fill-secondary)":"var(--fill-tertiary)",border:d?"2px dashed var(--accent)":"2px dashed transparent",transition:"background 200ms var(--ease-smooth), border-color 200ms var(--ease-smooth)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"var(--space-3) var(--space-4)",flexShrink:0},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",letterSpacing:"-0.01em"},children:t.title}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-medium)",color:"var(--text-tertiary)",background:"var(--fill-secondary)",borderRadius:"var(--radius-sm)",padding:"1px 6px",minWidth:20,textAlign:"center"},children:r.length})]}),"backlog"===t.id&&s&&(0,a.jsx)("button",{onClick:s,"aria-label":"Create new ticket",style:{display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,borderRadius:"var(--radius-sm)",border:"none",background:"transparent",color:"var(--text-secondary)",cursor:"pointer",padding:0,transition:"color 150ms var(--ease-smooth)"},children:(0,a.jsx)(n,{size:16})})]}),(0,a.jsxs)("div",{style:{flex:1,overflowY:"auto",padding:"0 var(--space-2) var(--space-2)",display:"flex",flexDirection:"column",gap:"var(--space-2)"},children:[r.map(e=>(0,a.jsx)("div",{children:l(e)},e.id)),0===r.length&&(0,a.jsx)("div",{style:{padding:"var(--space-8) var(--space-4)",textAlign:"center",fontSize:"var(--text-caption1)",color:"var(--text-tertiary)"},children:"No tickets"})]})]})}let f={low:"Low",medium:"Med",high:"High"};function h(e){let{ticket:t,assigneeName:r,onClick:n}=e,[o,s]=(0,i.useState)(!1);return(0,a.jsxs)("div",{draggable:!0,onDragStart:function(e){e.dataTransfer.setData("text/plain",t.id),e.dataTransfer.effectAllowed="move",s(!0)},onDragEnd:function(){s(!1)},onClick:n,role:"button",tabIndex:0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),n())},style:{background:"var(--material-regular)",borderRadius:"var(--radius-md)",padding:"var(--space-3)",cursor:o?"grabbing":"grab",opacity:o?.6:1,border:"1px solid var(--separator)",borderLeft:"3px solid ".concat(x[t.priority]),display:"flex",flexDirection:"column",gap:"var(--space-2)",userSelect:"none",transition:"opacity 150ms var(--ease-smooth)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"flex-start",gap:"var(--space-2)"},children:[(0,a.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:3,fontSize:"var(--text-caption2)",fontWeight:600,color:x[t.priority],flexShrink:0,marginTop:2},children:[(0,a.jsx)("span",{style:{width:6,height:6,borderRadius:"50%",background:x[t.priority]}}),f[t.priority]]}),(0,a.jsx)("span",{style:{fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",lineHeight:1.3,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",wordBreak:"break-word"},children:t.title})]}),t.description&&(0,a.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",lineHeight:1.4,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",wordBreak:"break-word"},children:t.description}),(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",flexWrap:"wrap"},children:[r&&(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)",background:"var(--fill-tertiary)",borderRadius:"var(--radius-sm)",padding:"1px var(--space-2)",lineHeight:1.5},children:r}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-quaternary)",marginLeft:"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 r=Math.floor(t/60);if(r<24)return"".concat(r,"h ago");let a=Math.floor(r/24);return a<30?"".concat(a,"d ago"):"".concat(Math.floor(a/30),"mo ago")}(t.createdAt)})]})]})}function y(e){let{tickets:t,employees:r,onTicketClick:i,onMoveTicket:n,onCreateTicket:o,filterEmployeeId:s}=e;return(0,a.jsx)("div",{style:{display:"flex",gap:"var(--space-3)",height:"100%",overflowX:"auto",overflowY:"hidden",padding:"var(--space-2) 0",WebkitOverflowScrolling:"touch"},children:v.map(e=>{var l;let d=(l=e.id,Object.values(t).filter(e=>e.status===l).sort((e,t)=>t.updatedAt-e.updatedAt)),c=s?d.filter(e=>e.assigneeId===s):d;return(0,a.jsx)(g,{column:e,tickets:c,onDrop:n,onCreateTicket:"backlog"===e.id?o:void 0,renderTicket:e=>{var t;let n=r.find(t=>t.name===e.assigneeId);return(0,a.jsx)(h,{ticket:e,assigneeName:null!=(t=null==n?void 0:n.displayName)?t:null,onClick:()=>i(e)})}},e.id)})})}let m={executive:"Exec",manager:"Mgr",senior:"Sr",employee:""};function b(e){var t;let{employees:r,value:n,onChange:o}=e,[s,l]=(0,i.useState)(!1),[d,c]=(0,i.useState)(""),[p,u]=(0,i.useState)(0),v=(0,i.useRef)(null),x=(0,i.useRef)(null),g=(0,i.useRef)(null),f=null!=(t=r.find(e=>e.name===n))?t:null,h=d.trim()?r.filter(e=>{let t=d.toLowerCase();return e.name.toLowerCase().includes(t)||e.displayName.toLowerCase().includes(t)||e.department.toLowerCase().includes(t)}):r,y=!d.trim()||"unassigned".includes(d.toLowerCase());(0,i.useEffect)(()=>{u(0)},[d]),(0,i.useEffect)(()=>{s?setTimeout(()=>{var e;return null==(e=x.current)?void 0:e.focus()},0):c("")},[s]),(0,i.useEffect)(()=>{if(s)return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e);function e(e){v.current&&!v.current.contains(e.target)&&l(!1)}},[s]),(0,i.useEffect)(()=>{if(!s||!g.current)return;let e=g.current.querySelectorAll("[data-employee-option]")[p];e&&e.scrollIntoView({block:"nearest"})},[p,s]);let b=+!!y+h.length,k=(0,i.useCallback)(e=>{if(!s){("Enter"===e.key||" "===e.key||"ArrowDown"===e.key)&&(e.preventDefault(),l(!0));return}if("Escape"===e.key){e.preventDefault(),l(!1);return}if("ArrowDown"===e.key)e.preventDefault(),u(e=>Math.min(e+1,b-1));else if("ArrowUp"===e.key)e.preventDefault(),u(e=>Math.max(e-1,0));else if("Enter"===e.key){if(e.preventDefault(),y&&0===p)o("");else{let e=y?p-1:p;h[e]&&o(h[e].name)}l(!1)}},[s,p,b,y,h,o]);return(0,a.jsxs)("div",{ref:v,style:{position:"relative"},onKeyDown:k,children:[(0,a.jsx)("button",{type:"button",onClick:()=>l(!s),"aria-haspopup":"listbox","aria-expanded":s,style:{width:"100%",display:"flex",alignItems:"center",gap:"var(--space-2)",padding:"8px 12px",fontSize:"var(--text-body)",color:f?"var(--text-primary)":"var(--text-tertiary)",cursor:"pointer",textAlign:"left",border:"1px solid var(--separator)",borderRadius:"var(--radius-md)",background:"var(--fill-tertiary)",backgroundImage:"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\")",backgroundRepeat:"no-repeat",backgroundPosition:"right 12px center",paddingRight:36,minHeight:40,fontFamily:"inherit"},children:f?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{style:{fontWeight:"var(--weight-medium)"},children:f.displayName}),m[f.rank]&&(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",background:"var(--fill-secondary)",borderRadius:"var(--radius-sm)",padding:"1px 6px"},children:m[f.rank]})]}):(0,a.jsx)("span",{children:"Unassigned"})}),s&&(0,a.jsxs)("div",{style:{position:"absolute",top:"100%",left:0,right:0,marginTop:4,zIndex:50,background:"var(--material-regular)",border:"1px solid var(--separator)",borderRadius:"var(--radius-md)",boxShadow:"0 8px 32px rgba(0,0,0,0.3)",overflow:"hidden"},children:[(0,a.jsx)("div",{style:{padding:"8px 8px 4px"},children:(0,a.jsx)("input",{ref:x,type:"text",placeholder:"Search employees...",value:d,onChange:e=>c(e.target.value),style:{width:"100%",padding:"6px 10px",fontSize:"var(--text-footnote)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",background:"var(--fill-tertiary)",color:"var(--text-primary)",outline:"none",fontFamily:"inherit"}})}),(0,a.jsxs)("div",{ref:g,role:"listbox",style:{maxHeight:280,overflowY:"auto",padding:"4px"},children:[y&&(0,a.jsxs)("div",{"data-employee-option":!0,role:"option","aria-selected":""===n,onClick:()=>{o(""),l(!1)},style:{display:"flex",alignItems:"center",gap:"var(--space-2)",padding:"8px 10px",borderRadius:"var(--radius-sm)",cursor:"pointer",background:0===p?"var(--fill-secondary)":"transparent",transition:"background 100ms"},onMouseEnter:()=>u(0),children:[(0,a.jsx)("div",{style:{width:32,height:32,borderRadius:8,background:"var(--fill-tertiary)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:14,color:"var(--text-tertiary)",flexShrink:0},children:"—"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-footnote)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)"},children:"Unassigned"}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)"},children:"No employee assigned"})]}),""===n&&(0,a.jsx)("span",{style:{marginLeft:"auto",color:"var(--accent)",fontSize:13,flexShrink:0},children:"✓"})]}),h.map((e,t)=>{let r=y?t+1:t,i=p===r,s=n===e.name;return(0,a.jsxs)("div",{"data-employee-option":!0,role:"option","aria-selected":s,onClick:()=>{o(e.name),l(!1)},onMouseEnter:()=>u(r),style:{display:"flex",alignItems:"center",gap:"var(--space-2)",padding:"8px 10px",borderRadius:"var(--radius-sm)",cursor:"pointer",background:i?"var(--fill-secondary)":"transparent",transition:"background 100ms"},children:[(0,a.jsx)("div",{style:{width:32,height:32,borderRadius:8,background:"var(--accent)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:14,color:"#fff",fontWeight:600,flexShrink:0},children:e.displayName.charAt(0).toUpperCase()}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-1)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.displayName}),m[e.rank]&&(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",background:"var(--fill-secondary)",borderRadius:"var(--radius-sm)",padding:"0 4px",flexShrink:0},children:m[e.rank]})]}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.department||e.name})]}),s&&(0,a.jsx)("span",{style:{color:"var(--accent)",fontSize:13,flexShrink:0},children:"✓"})]},e.name)}),0===h.length&&!y&&(0,a.jsxs)("div",{style:{padding:"var(--space-4)",textAlign:"center",fontSize:"var(--text-footnote)",color:"var(--text-tertiary)"},children:["No employees match “",d,"”"]})]})]})]})}var k=r(1240);let w=["low","medium","high"],j={low:"Low",medium:"Medium",high:"High"},S={title:"",description:"",priority:"medium",assigneeId:""};function z(e){let{open:t,onOpenChange:r,employees:o,onSubmit:s}=e,[l,d]=(0,i.useState)(S),c=(0,i.useCallback)(()=>{d(S)},[]);return(0,a.jsx)(k.lG,{open:t,onOpenChange:function(e){e||c(),r(e)},children:(0,a.jsxs)(k.Cf,{showCloseButton:!0,style:{background:"var(--bg)",border:"1px solid var(--separator)",borderRadius:"var(--radius-lg)",boxShadow:"var(--shadow-card)",maxWidth:480},children:[(0,a.jsxs)(k.c7,{children:[(0,a.jsx)(k.L3,{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)"},children:"Create Ticket"}),(0,a.jsx)(k.rr,{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)"},children:"Add a new ticket to the backlog."})]}),(0,a.jsxs)("form",{onSubmit:function(e){e.preventDefault(),l.title.trim()&&(s({title:l.title.trim(),description:l.description.trim(),priority:l.priority,assigneeId:l.assigneeId||null}),c(),r(!1))},style:{display:"flex",flexDirection:"column",gap:"var(--space-4)"},children:[(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[(0,a.jsx)("label",{htmlFor:"ticket-title",style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)"},children:"Title"}),(0,a.jsx)("input",{id:"ticket-title",type:"text",placeholder:"What needs to be done?",value:l.title,onChange:e=>d(t=>({...t,title:e.target.value})),required:!0,autoFocus:!0,style:{fontSize:"var(--text-body)",color:"var(--text-primary)",padding:"8px 12px",border:"1px solid var(--separator)",borderRadius:"var(--radius-md)",background:"var(--fill-tertiary)",outline:"none",fontFamily:"inherit"}})]}),(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[(0,a.jsx)("label",{htmlFor:"ticket-description",style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)"},children:"Description"}),(0,a.jsx)("textarea",{id:"ticket-description",placeholder:"Add details...",rows:3,value:l.description,onChange:e=>d(t=>({...t,description:e.target.value})),style:{fontSize:"var(--text-body)",color:"var(--text-primary)",resize:"vertical",minHeight:72,padding:"8px 12px",border:"1px solid var(--separator)",borderRadius:"var(--radius-md)",background:"var(--fill-tertiary)",outline:"none",fontFamily:"inherit"}})]}),(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-2)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)"},children:"Priority"}),(0,a.jsx)("div",{style:{display:"flex",gap:"var(--space-2)"},children:w.map(e=>{let t=l.priority===e;return(0,a.jsxs)("button",{type:"button",onClick:()=>d(t=>({...t,priority:e})),style:{flex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--space-1)",padding:"var(--space-2) var(--space-3)",borderRadius:"var(--radius-md)",border:t?"2px solid ".concat(x[e]):"2px solid var(--separator)",background:t?"var(--fill-tertiary)":"transparent",cursor:"pointer",fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",color:t?"var(--text-primary)":"var(--text-tertiary)",transition:"all 150ms var(--ease-smooth)"},children:[(0,a.jsx)("span",{style:{width:8,height:8,borderRadius:"50%",background:x[e],flexShrink:0}}),j[e]]},e)})})]}),(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[(0,a.jsx)("label",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)"},children:"Assignee"}),(0,a.jsx)(b,{employees:o,value:l.assigneeId,onChange:e=>d(t=>({...t,assigneeId:e}))})]}),(0,a.jsxs)("button",{type:"submit",disabled:!l.title.trim(),style:{borderRadius:"var(--radius-md)",padding:"12px 20px",width:"100%",fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",border:"none",display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--space-2)",marginTop:"var(--space-2)",background:"var(--accent)",color:"#fff",cursor:l.title.trim()?"pointer":"default",opacity:l.title.trim()?1:.5,transition:"opacity 150ms ease"},children:[(0,a.jsx)(n,{size:16}),"Create Ticket"]})]})]})})}function C(e){let{priority:t}=e;return(0,a.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:"var(--space-1)",fontSize:"var(--text-caption2)",fontWeight:600,color:x[t],textTransform:"uppercase",letterSpacing:"0.5px"},children:[(0,a.jsx)("span",{style:{width:6,height:6,borderRadius:"50%",background:x[t]}}),t]})}function I(e){var t,r;let{status:i}=e,n=null!=(r=null==(t=v.find(e=>e.id===i))?void 0:t.title)?r:i;return(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:600,color:"var(--text-secondary)",background:"var(--fill-tertiary)",padding:"2px var(--space-2)",borderRadius:"var(--radius-sm)",textTransform:"uppercase",letterSpacing:"0.3px"},children:n})}function D(e){var t,r;let{ticket:n,employees:o,onClose:s,onStatusChange:l,onAssigneeChange:d,onDelete:c}=e,p=(0,i.useRef)(null);(0,i.useEffect)(()=>{function e(e){"Escape"===e.key&&s()}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[s]),(0,i.useEffect)(()=>{var e;null==(e=p.current)||e.focus()},[]);let u=null!=(t=o.find(e=>e.name===n.assigneeId))?t:null,x="var(--accent)";return(0,a.jsx)("div",{style:{position:"absolute",top:0,right:0,bottom:0,zIndex:30},children:(0,a.jsxs)("div",{style:{width:420,maxWidth:"100vw",height:"100%",background:"var(--material-regular)",boxShadow:"-4px 0 24px rgba(0,0,0,0.25)",display:"flex",flexDirection:"column"},children:[(0,a.jsx)("div",{style:{height:3,background:x,flexShrink:0}}),(0,a.jsxs)("div",{style:{flex:1,overflowY:"auto"},children:[(0,a.jsx)("div",{style:{padding:"var(--space-4) var(--space-5) 0",display:"flex",justifyContent:"flex-end",gap:"var(--space-2)"},children:(0,a.jsx)("button",{ref:p,onClick:s,"aria-label":"Close detail panel",style:{width:28,height:28,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:"var(--fill-secondary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:"var(--text-footnote)",transition:"all 150ms var(--ease-spring)"},children:"✕"})}),(0,a.jsxs)("div",{style:{padding:"var(--space-2) var(--space-5) var(--space-4)"},children:[(0,a.jsx)("h2",{style:{fontSize:"var(--text-title3)",fontWeight:700,letterSpacing:"-0.3px",color:"var(--text-primary)",margin:0,lineHeight:1.25},children:n.title}),(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)",marginTop:"var(--space-2)"},children:[(0,a.jsx)(I,{status:n.status}),(0,a.jsx)(C,{priority:n.priority})]}),u?(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginTop:"var(--space-3)",fontSize:"var(--text-footnote)",color:"var(--text-secondary)"},children:[(0,a.jsx)("span",{children:u.displayName}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",background:"var(--fill-secondary)",borderRadius:"var(--radius-sm)",padding:"0 4px"},children:u.rank})]}):(0,a.jsx)("div",{style:{marginTop:"var(--space-3)",fontSize:"var(--text-footnote)",color:"var(--text-tertiary)",fontStyle:"italic"},children:"Unassigned"})]}),(0,a.jsxs)("div",{style:{padding:"0 var(--space-5) var(--space-4)"},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:600,color:"var(--text-tertiary)",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"var(--space-2)"},children:"Move to"}),(0,a.jsx)("div",{style:{display:"flex",gap:"var(--space-1)",flexWrap:"wrap"},children:v.map(e=>{let t=e.id===n.status;return(0,a.jsx)("button",{onClick:()=>{t||l(e.id)},disabled:t,style:{fontSize:"var(--text-caption2)",fontWeight:600,padding:"3px var(--space-2)",borderRadius:"var(--radius-sm)",border:"none",cursor:t?"default":"pointer",background:t?x:"var(--fill-tertiary)",color:t?"#fff":"var(--text-secondary)",opacity:t?1:.8,transition:"all 120ms ease"},children:e.title},e.id)})})]}),(0,a.jsxs)("div",{style:{padding:"0 var(--space-5) var(--space-4)"},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:600,color:"var(--text-tertiary)",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"var(--space-2)"},children:"Assignee"}),(0,a.jsx)(b,{employees:o,value:null!=(r=n.assigneeId)?r:"",onChange:e=>d(e||null)})]}),n.description&&(0,a.jsxs)("div",{style:{padding:"0 var(--space-5) var(--space-4)"},children:[(0,a.jsx)("div",{style:{height:1,background:"var(--separator)",marginBottom:"var(--space-3)"}}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:600,color:"var(--text-tertiary)",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"var(--space-2)"},children:"Description"}),(0,a.jsx)("div",{style:{fontSize:"var(--text-footnote)",color:"var(--text-secondary)",lineHeight:1.5,whiteSpace:"pre-wrap"},children:n.description})]})]}),(0,a.jsx)("div",{style:{flexShrink:0,padding:"var(--space-2) var(--space-5) var(--space-4)",borderTop:"1px solid var(--separator)"},children:(0,a.jsx)("button",{onClick:function(){window.confirm('Delete ticket "'.concat(n.title,'"? This cannot be undone.'))&&c()},style:{width:"100%",padding:"var(--space-2) var(--space-3)",borderRadius:"var(--radius-md)",border:"1px solid var(--system-red)",background:"transparent",color:"var(--system-red)",fontSize:"var(--text-footnote)",fontWeight:600,cursor:"pointer",transition:"all 120ms ease"},children:"Delete Ticket"})})]})})}function A(){let[e,t]=(0,i.useState)({}),[r,v]=(0,i.useState)([]),[x,g]=(0,i.useState)(!0),[f,h]=(0,i.useState)(null),[m,b]=(0,i.useState)(!1),[k,w]=(0,i.useState)(null),[j,S]=(0,i.useState)(null),C=(0,i.useCallback)(()=>{g(!0),h(null),o.F.getOrg().then(async e=>{v(await Promise.all(e.employees.map(async e=>{try{return await o.F.getEmployee(e)}catch(t){return{name:e,displayName:e,department:"",rank:"employee",engine:"unknown",model:"unknown",persona:""}}})));let r={};for(let t of e.departments)try{let e=await o.F.getDepartmentBoard(t);if(Array.isArray(e))for(let t of e){let e={todo:"todo",in_progress:"in-progress","in-progress":"in-progress",done:"done",backlog:"backlog",review:"review"}[t.status]||"todo",a={low:"low",medium:"medium",high:"high"}[t.priority||"medium"]||"medium";r[t.id]={id:t.id,title:t.title,description:t.description||"",status:e,priority:a,assigneeId:t.assignee||null,workState:"idle",createdAt:t.createdAt?new Date(t.createdAt).getTime():Date.now(),updatedAt:t.updatedAt?new Date(t.updatedAt).getTime():Date.now()}}}catch(e){}t({...function(){try{let e=localStorage.getItem(s);if(!e)return{};let t=JSON.parse(e),r={};for(let e of Object.keys(t)){let a=function(e,t){if("string"!=typeof t.title||!t.title)return null;let r=l.has(t.status)?t.status:"backlog",a=d.has(t.priority)?t.priority:"medium",i=c.has(t.workState)?t.workState:"idle";return{id:e,title:t.title,description:"string"==typeof t.description?t.description:"",status:r,priority:a,assigneeId:"string"==typeof t.assigneeId?t.assigneeId:null,workState:i,createdAt:"number"==typeof t.createdAt?t.createdAt:0,updatedAt:"number"==typeof t.updatedAt?t.updatedAt:"number"==typeof t.createdAt?t.createdAt:0}}(e,t[e]);a&&(("working"===a.workState||"starting"===a.workState)&&(a.status="todo",a.workState="idle"),r[e]=a)}return r}catch(e){return{}}}(),...r})}).catch(e=>h(e.message)).finally(()=>g(!1))},[]);function I(e,r){t(t=>p(t,e,{status:r}))}if((0,i.useEffect)(()=>{C()},[C]),(0,i.useEffect)(()=>{x||function(e){try{localStorage.setItem(s,JSON.stringify(e))}catch(e){}}(e)},[e,x]),(0,i.useEffect)(()=>{if(k&&e[k.id]){let t=e[k.id];t.updatedAt!==k.updatedAt&&w(t)}},[e,k]),f)return(0,a.jsx)(u.M,{children:(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:"var(--space-4)",color:"var(--text-tertiary)"},children:[(0,a.jsxs)("div",{style:{borderRadius:"var(--radius-md)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:["Failed to load employees: ",f]}),(0,a.jsx)("button",{onClick:C,style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md)",background:"var(--accent)",color:"var(--accent-contrast)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)"},children:"Retry"})]})});let A=Object.keys(e).length,W=new Set(Object.values(e).map(e=>e.assigneeId).filter(Boolean)),R=r.filter(e=>W.has(e.name));return(0,a.jsx)(u.M,{children:(0,a.jsxs)("div",{className:"flex h-full relative",style:{background:"var(--bg)"},children:[(0,a.jsxs)("div",{className:"flex-1 h-full flex flex-col",style:{minWidth:0},children:[(0,a.jsxs)("div",{style:{padding:"var(--space-4) var(--space-5)",display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0,borderBottom:"1px solid var(--separator)"},children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h1",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",margin:0,letterSpacing:"-0.3px"},children:"Kanban Board"}),(0,a.jsxs)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",margin:"2px 0 0"},children:[A," ticket",1!==A?"s":""]})]}),(0,a.jsxs)("button",{onClick:()=>b(!0),style:{borderRadius:"var(--radius-md)",padding:"8px 16px",fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",border:"none",display:"flex",alignItems:"center",gap:"var(--space-2)",background:"var(--accent)",color:"#fff",cursor:"pointer"},children:[(0,a.jsx)(n,{size:16}),"New Ticket"]})]}),R.length>0&&(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",padding:"var(--space-2) var(--space-5)",overflowX:"auto",flexShrink:0},children:[(0,a.jsx)("button",{onClick:()=>S(null),style:{display:"flex",alignItems:"center",gap:"var(--space-1)",padding:"4px 12px",borderRadius:"var(--radius-full)",border:"none",fontSize:"var(--text-caption1)",fontWeight:600,cursor:"pointer",background:null===j?"var(--accent)":"var(--fill-tertiary)",color:null===j?"white":"var(--text-secondary)",flexShrink:0},children:"All"}),R.map(e=>(0,a.jsx)("button",{onClick:()=>S(j===e.name?null:e.name),style:{display:"flex",alignItems:"center",gap:"var(--space-1)",padding:"4px 12px",borderRadius:"var(--radius-full)",border:"none",fontSize:"var(--text-caption1)",fontWeight:600,cursor:"pointer",background:j===e.name?"var(--accent)":"var(--fill-tertiary)",color:j===e.name?"white":"var(--text-secondary)",flexShrink:0},children:e.displayName},e.name))]}),(0,a.jsx)("div",{style:{flex:1,padding:"0 var(--space-3)",minHeight:0},children:x?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."}):(0,a.jsx)(y,{tickets:e,employees:r,onTicketClick:function(e){w(e)},onMoveTicket:I,onCreateTicket:()=>b(!0),filterEmployeeId:j})})]}),k&&(0,a.jsx)("div",{className:"fixed inset-0 z-30 lg:hidden",style:{background:"rgba(0,0,0,0.5)"},onClick:()=>w(null)}),k&&(0,a.jsx)(D,{ticket:k,employees:r,onClose:()=>w(null),onStatusChange:e=>I(k.id,e),onAssigneeChange:e=>{var r;return r=k.id,void t(t=>p(t,r,{assigneeId:e}))},onDelete:()=>{var e;return e=k.id,void(t(t=>(function(e,t){let r={...e};return delete r[t],r})(t,e)),w(null))}}),(0,a.jsx)(z,{open:m,onOpenChange:b,employees:r,onSubmit:function(e){t(t=>(function(e,t){let r=crypto.randomUUID(),a=Date.now();return{...e,[r]:{...t,id:r,workState:"idle",createdAt:a,updatedAt:a}}})(t,{...e,status:"backlog"}))}})]})})}},1240:(e,t,r)=>{"use strict";r.d(t,{lG:()=>s,Cf:()=>c,rr:()=>v,c7:()=>p,L3:()=>u});var a=r(8111);r(5271);var i=r(1061),n=r(6573),o=r(1397);function s(e){let{...t}=e;return(0,a.jsx)(n.bL,{"data-slot":"dialog",...t})}function l(e){let{...t}=e;return(0,a.jsx)(n.ZL,{"data-slot":"dialog-portal",...t})}function d(e){let{className:t,...r}=e;return(0,a.jsx)(n.hJ,{"data-slot":"dialog-overlay",className:(0,o.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...r})}function c(e){let{className:t,children:r,showCloseButton:s=!0,...c}=e;return(0,a.jsxs)(l,{"data-slot":"dialog-portal",children:[(0,a.jsx)(d,{}),(0,a.jsxs)(n.UC,{"data-slot":"dialog-content",className:(0,o.cn)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",t),...c,children:[r,s&&(0,a.jsxs)(n.bm,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",children:[(0,a.jsx)(i.A,{}),(0,a.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}function p(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"dialog-header",className:(0,o.cn)("flex flex-col gap-2 text-center sm:text-left",t),...r})}function u(e){let{className:t,...r}=e;return(0,a.jsx)(n.hE,{"data-slot":"dialog-title",className:(0,o.cn)("text-lg leading-none font-semibold",t),...r})}function v(e){let{className:t,...r}=e;return(0,a.jsx)(n.VY,{"data-slot":"dialog-description",className:(0,o.cn)("text-muted-foreground text-sm",t),...r})}(0,r(3916).F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--system-blue)]",{variants:{variant:{default:"bg-[var(--accent)] text-black font-semibold btn-scale hover:shadow-[0_0_24px_var(--accent-fill)]",destructive:"bg-[var(--system-red)] text-white btn-scale",outline:"border border-[var(--separator)] bg-transparent shadow-[var(--shadow-subtle)] hover:bg-[var(--fill-secondary)] hover:text-[var(--text-primary)]",secondary:"bg-[var(--accent-fill)] text-[var(--accent)] font-semibold btn-scale",ghost:"bg-transparent text-[var(--text-secondary)] hover:bg-[var(--fill-secondary)] hover:text-[var(--text-primary)]",link:"text-[var(--system-blue)] underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 text-sm has-[>svg]:px-3",xs:"h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"h-8 rounded-md gap-1.5 px-3 text-sm has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 text-base has-[>svg]:px-4",icon:"size-9","icon-xs":"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}})},1397:(e,t,r)=>{"use strict";r.d(t,{cn:()=>n});var a=r(5242),i=r(3065);function n(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,i.QP)((0,a.$)(t))}},8151:(e,t,r)=>{Promise.resolve().then(r.bind(r,543))}},e=>{e.O(0,[704,590,198,573,73,814,743,358],()=>e(e.s=8151)),_N_E=e.O()}]);
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[636],{543:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>A});var a=r(8111),i=r(5271);let n=(0,r(1983).A)("plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]);var o=r(3176);let s="jinn-kanban",l=new Set(["backlog","todo","in-progress","review","done"]),d=new Set(["low","medium","high"]),c=new Set(["idle","starting","working","done","failed"]);function p(e,t,r){let a=e[t];return a?{...e,[t]:{...a,...r,updatedAt:Date.now()}}:e}var u=r(3073);let v=[{id:"backlog",title:"Backlog"},{id:"todo",title:"To Do"},{id:"in-progress",title:"In Progress"},{id:"review",title:"Review"},{id:"done",title:"Done"}],x={low:"var(--system-green)",medium:"var(--system-orange)",high:"var(--system-red)"};function g(e){let{column:t,tickets:r,onDrop:o,onCreateTicket:s,renderTicket:l}=e,[d,c]=(0,i.useState)(!1);return(0,a.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 r=e.dataTransfer.getData("text/plain");r&&o(r,t.id)},style:{display:"flex",flexDirection:"column",minWidth:280,maxWidth:320,flex:"1 0 280px",height:"100%",borderRadius:"var(--radius-lg)",background:d?"var(--fill-secondary)":"var(--fill-tertiary)",border:d?"2px dashed var(--accent)":"2px dashed transparent",transition:"background 200ms var(--ease-smooth), border-color 200ms var(--ease-smooth)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"var(--space-3) var(--space-4)",flexShrink:0},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",letterSpacing:"-0.01em"},children:t.title}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-medium)",color:"var(--text-tertiary)",background:"var(--fill-secondary)",borderRadius:"var(--radius-sm)",padding:"1px 6px",minWidth:20,textAlign:"center"},children:r.length})]}),"backlog"===t.id&&s&&(0,a.jsx)("button",{onClick:s,"aria-label":"Create new ticket",style:{display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,borderRadius:"var(--radius-sm)",border:"none",background:"transparent",color:"var(--text-secondary)",cursor:"pointer",padding:0,transition:"color 150ms var(--ease-smooth)"},children:(0,a.jsx)(n,{size:16})})]}),(0,a.jsxs)("div",{style:{flex:1,overflowY:"auto",padding:"0 var(--space-2) var(--space-2)",display:"flex",flexDirection:"column",gap:"var(--space-2)"},children:[r.map(e=>(0,a.jsx)("div",{children:l(e)},e.id)),0===r.length&&(0,a.jsx)("div",{style:{padding:"var(--space-8) var(--space-4)",textAlign:"center",fontSize:"var(--text-caption1)",color:"var(--text-tertiary)"},children:"No tickets"})]})]})}let f={low:"Low",medium:"Med",high:"High"};function h(e){let{ticket:t,assigneeName:r,onClick:n}=e,[o,s]=(0,i.useState)(!1);return(0,a.jsxs)("div",{draggable:!0,onDragStart:function(e){e.dataTransfer.setData("text/plain",t.id),e.dataTransfer.effectAllowed="move",s(!0)},onDragEnd:function(){s(!1)},onClick:n,role:"button",tabIndex:0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),n())},style:{background:"var(--material-regular)",borderRadius:"var(--radius-md)",padding:"var(--space-3)",cursor:o?"grabbing":"grab",opacity:o?.6:1,border:"1px solid var(--separator)",borderLeft:"3px solid ".concat(x[t.priority]),display:"flex",flexDirection:"column",gap:"var(--space-2)",userSelect:"none",transition:"opacity 150ms var(--ease-smooth)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"flex-start",gap:"var(--space-2)"},children:[(0,a.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:3,fontSize:"var(--text-caption2)",fontWeight:600,color:x[t.priority],flexShrink:0,marginTop:2},children:[(0,a.jsx)("span",{style:{width:6,height:6,borderRadius:"50%",background:x[t.priority]}}),f[t.priority]]}),(0,a.jsx)("span",{style:{fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",lineHeight:1.3,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",wordBreak:"break-word"},children:t.title})]}),t.description&&(0,a.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",lineHeight:1.4,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",wordBreak:"break-word"},children:t.description}),(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",flexWrap:"wrap"},children:[r&&(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)",background:"var(--fill-tertiary)",borderRadius:"var(--radius-sm)",padding:"1px var(--space-2)",lineHeight:1.5},children:r}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-quaternary)",marginLeft:"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 r=Math.floor(t/60);if(r<24)return"".concat(r,"h ago");let a=Math.floor(r/24);return a<30?"".concat(a,"d ago"):"".concat(Math.floor(a/30),"mo ago")}(t.createdAt)})]})]})}function y(e){let{tickets:t,employees:r,onTicketClick:i,onMoveTicket:n,onCreateTicket:o,filterEmployeeId:s}=e;return(0,a.jsx)("div",{style:{display:"flex",gap:"var(--space-3)",height:"100%",overflowX:"auto",overflowY:"hidden",padding:"var(--space-2) 0",WebkitOverflowScrolling:"touch"},children:v.map(e=>{var l;let d=(l=e.id,Object.values(t).filter(e=>e.status===l).sort((e,t)=>t.updatedAt-e.updatedAt)),c=s?d.filter(e=>e.assigneeId===s):d;return(0,a.jsx)(g,{column:e,tickets:c,onDrop:n,onCreateTicket:"backlog"===e.id?o:void 0,renderTicket:e=>{var t;let n=r.find(t=>t.name===e.assigneeId);return(0,a.jsx)(h,{ticket:e,assigneeName:null!=(t=null==n?void 0:n.displayName)?t:null,onClick:()=>i(e)})}},e.id)})})}let m={executive:"Exec",manager:"Mgr",senior:"Sr",employee:""};function b(e){var t;let{employees:r,value:n,onChange:o}=e,[s,l]=(0,i.useState)(!1),[d,c]=(0,i.useState)(""),[p,u]=(0,i.useState)(0),v=(0,i.useRef)(null),x=(0,i.useRef)(null),g=(0,i.useRef)(null),f=null!=(t=r.find(e=>e.name===n))?t:null,h=d.trim()?r.filter(e=>{let t=d.toLowerCase();return e.name.toLowerCase().includes(t)||e.displayName.toLowerCase().includes(t)||e.department.toLowerCase().includes(t)}):r,y=!d.trim()||"unassigned".includes(d.toLowerCase());(0,i.useEffect)(()=>{u(0)},[d]),(0,i.useEffect)(()=>{s?setTimeout(()=>{var e;return null==(e=x.current)?void 0:e.focus()},0):c("")},[s]),(0,i.useEffect)(()=>{if(s)return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e);function e(e){v.current&&!v.current.contains(e.target)&&l(!1)}},[s]),(0,i.useEffect)(()=>{if(!s||!g.current)return;let e=g.current.querySelectorAll("[data-employee-option]")[p];e&&e.scrollIntoView({block:"nearest"})},[p,s]);let b=+!!y+h.length,k=(0,i.useCallback)(e=>{if(!s){("Enter"===e.key||" "===e.key||"ArrowDown"===e.key)&&(e.preventDefault(),l(!0));return}if("Escape"===e.key){e.preventDefault(),l(!1);return}if("ArrowDown"===e.key)e.preventDefault(),u(e=>Math.min(e+1,b-1));else if("ArrowUp"===e.key)e.preventDefault(),u(e=>Math.max(e-1,0));else if("Enter"===e.key){if(e.preventDefault(),y&&0===p)o("");else{let e=y?p-1:p;h[e]&&o(h[e].name)}l(!1)}},[s,p,b,y,h,o]);return(0,a.jsxs)("div",{ref:v,style:{position:"relative"},onKeyDown:k,children:[(0,a.jsx)("button",{type:"button",onClick:()=>l(!s),"aria-haspopup":"listbox","aria-expanded":s,style:{width:"100%",display:"flex",alignItems:"center",gap:"var(--space-2)",padding:"8px 12px",fontSize:"var(--text-body)",color:f?"var(--text-primary)":"var(--text-tertiary)",cursor:"pointer",textAlign:"left",border:"1px solid var(--separator)",borderRadius:"var(--radius-md)",background:"var(--fill-tertiary)",backgroundImage:"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\")",backgroundRepeat:"no-repeat",backgroundPosition:"right 12px center",paddingRight:36,minHeight:40,fontFamily:"inherit"},children:f?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{style:{fontWeight:"var(--weight-medium)"},children:f.displayName}),m[f.rank]&&(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",background:"var(--fill-secondary)",borderRadius:"var(--radius-sm)",padding:"1px 6px"},children:m[f.rank]})]}):(0,a.jsx)("span",{children:"Unassigned"})}),s&&(0,a.jsxs)("div",{style:{position:"absolute",top:"100%",left:0,right:0,marginTop:4,zIndex:50,background:"var(--material-regular)",border:"1px solid var(--separator)",borderRadius:"var(--radius-md)",boxShadow:"0 8px 32px rgba(0,0,0,0.3)",overflow:"hidden"},children:[(0,a.jsx)("div",{style:{padding:"8px 8px 4px"},children:(0,a.jsx)("input",{ref:x,type:"text",placeholder:"Search employees...",value:d,onChange:e=>c(e.target.value),style:{width:"100%",padding:"6px 10px",fontSize:"var(--text-footnote)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",background:"var(--fill-tertiary)",color:"var(--text-primary)",outline:"none",fontFamily:"inherit"}})}),(0,a.jsxs)("div",{ref:g,role:"listbox",style:{maxHeight:280,overflowY:"auto",padding:"4px"},children:[y&&(0,a.jsxs)("div",{"data-employee-option":!0,role:"option","aria-selected":""===n,onClick:()=>{o(""),l(!1)},style:{display:"flex",alignItems:"center",gap:"var(--space-2)",padding:"8px 10px",borderRadius:"var(--radius-sm)",cursor:"pointer",background:0===p?"var(--fill-secondary)":"transparent",transition:"background 100ms"},onMouseEnter:()=>u(0),children:[(0,a.jsx)("div",{style:{width:32,height:32,borderRadius:8,background:"var(--fill-tertiary)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:14,color:"var(--text-tertiary)",flexShrink:0},children:"—"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-footnote)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)"},children:"Unassigned"}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)"},children:"No employee assigned"})]}),""===n&&(0,a.jsx)("span",{style:{marginLeft:"auto",color:"var(--accent)",fontSize:13,flexShrink:0},children:"✓"})]}),h.map((e,t)=>{let r=y?t+1:t,i=p===r,s=n===e.name;return(0,a.jsxs)("div",{"data-employee-option":!0,role:"option","aria-selected":s,onClick:()=>{o(e.name),l(!1)},onMouseEnter:()=>u(r),style:{display:"flex",alignItems:"center",gap:"var(--space-2)",padding:"8px 10px",borderRadius:"var(--radius-sm)",cursor:"pointer",background:i?"var(--fill-secondary)":"transparent",transition:"background 100ms"},children:[(0,a.jsx)("div",{style:{width:32,height:32,borderRadius:8,background:"var(--accent)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:14,color:"#fff",fontWeight:600,flexShrink:0},children:e.displayName.charAt(0).toUpperCase()}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-1)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.displayName}),m[e.rank]&&(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",background:"var(--fill-secondary)",borderRadius:"var(--radius-sm)",padding:"0 4px",flexShrink:0},children:m[e.rank]})]}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.department||e.name})]}),s&&(0,a.jsx)("span",{style:{color:"var(--accent)",fontSize:13,flexShrink:0},children:"✓"})]},e.name)}),0===h.length&&!y&&(0,a.jsxs)("div",{style:{padding:"var(--space-4)",textAlign:"center",fontSize:"var(--text-footnote)",color:"var(--text-tertiary)"},children:["No employees match “",d,"”"]})]})]})]})}var k=r(1240);let w=["low","medium","high"],j={low:"Low",medium:"Medium",high:"High"},S={title:"",description:"",priority:"medium",assigneeId:""};function z(e){let{open:t,onOpenChange:r,employees:o,onSubmit:s}=e,[l,d]=(0,i.useState)(S),c=(0,i.useCallback)(()=>{d(S)},[]);return(0,a.jsx)(k.lG,{open:t,onOpenChange:function(e){e||c(),r(e)},children:(0,a.jsxs)(k.Cf,{showCloseButton:!0,style:{background:"var(--bg)",border:"1px solid var(--separator)",borderRadius:"var(--radius-lg)",boxShadow:"var(--shadow-card)",maxWidth:480},children:[(0,a.jsxs)(k.c7,{children:[(0,a.jsx)(k.L3,{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)"},children:"Create Ticket"}),(0,a.jsx)(k.rr,{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)"},children:"Add a new ticket to the backlog."})]}),(0,a.jsxs)("form",{onSubmit:function(e){e.preventDefault(),l.title.trim()&&(s({title:l.title.trim(),description:l.description.trim(),priority:l.priority,assigneeId:l.assigneeId||null}),c(),r(!1))},style:{display:"flex",flexDirection:"column",gap:"var(--space-4)"},children:[(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[(0,a.jsx)("label",{htmlFor:"ticket-title",style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)"},children:"Title"}),(0,a.jsx)("input",{id:"ticket-title",type:"text",placeholder:"What needs to be done?",value:l.title,onChange:e=>d(t=>({...t,title:e.target.value})),required:!0,autoFocus:!0,style:{fontSize:"var(--text-body)",color:"var(--text-primary)",padding:"8px 12px",border:"1px solid var(--separator)",borderRadius:"var(--radius-md)",background:"var(--fill-tertiary)",outline:"none",fontFamily:"inherit"}})]}),(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[(0,a.jsx)("label",{htmlFor:"ticket-description",style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)"},children:"Description"}),(0,a.jsx)("textarea",{id:"ticket-description",placeholder:"Add details...",rows:3,value:l.description,onChange:e=>d(t=>({...t,description:e.target.value})),style:{fontSize:"var(--text-body)",color:"var(--text-primary)",resize:"vertical",minHeight:72,padding:"8px 12px",border:"1px solid var(--separator)",borderRadius:"var(--radius-md)",background:"var(--fill-tertiary)",outline:"none",fontFamily:"inherit"}})]}),(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-2)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)"},children:"Priority"}),(0,a.jsx)("div",{style:{display:"flex",gap:"var(--space-2)"},children:w.map(e=>{let t=l.priority===e;return(0,a.jsxs)("button",{type:"button",onClick:()=>d(t=>({...t,priority:e})),style:{flex:1,display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--space-1)",padding:"var(--space-2) var(--space-3)",borderRadius:"var(--radius-md)",border:t?"2px solid ".concat(x[e]):"2px solid var(--separator)",background:t?"var(--fill-tertiary)":"transparent",cursor:"pointer",fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",color:t?"var(--text-primary)":"var(--text-tertiary)",transition:"all 150ms var(--ease-smooth)"},children:[(0,a.jsx)("span",{style:{width:8,height:8,borderRadius:"50%",background:x[e],flexShrink:0}}),j[e]]},e)})})]}),(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:[(0,a.jsx)("label",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)"},children:"Assignee"}),(0,a.jsx)(b,{employees:o,value:l.assigneeId,onChange:e=>d(t=>({...t,assigneeId:e}))})]}),(0,a.jsxs)("button",{type:"submit",disabled:!l.title.trim(),style:{borderRadius:"var(--radius-md)",padding:"12px 20px",width:"100%",fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",border:"none",display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--space-2)",marginTop:"var(--space-2)",background:"var(--accent)",color:"#fff",cursor:l.title.trim()?"pointer":"default",opacity:l.title.trim()?1:.5,transition:"opacity 150ms ease"},children:[(0,a.jsx)(n,{size:16}),"Create Ticket"]})]})]})})}function C(e){let{priority:t}=e;return(0,a.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:"var(--space-1)",fontSize:"var(--text-caption2)",fontWeight:600,color:x[t],textTransform:"uppercase",letterSpacing:"0.5px"},children:[(0,a.jsx)("span",{style:{width:6,height:6,borderRadius:"50%",background:x[t]}}),t]})}function I(e){var t,r;let{status:i}=e,n=null!=(r=null==(t=v.find(e=>e.id===i))?void 0:t.title)?r:i;return(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:600,color:"var(--text-secondary)",background:"var(--fill-tertiary)",padding:"2px var(--space-2)",borderRadius:"var(--radius-sm)",textTransform:"uppercase",letterSpacing:"0.3px"},children:n})}function D(e){var t,r;let{ticket:n,employees:o,onClose:s,onStatusChange:l,onAssigneeChange:d,onDelete:c}=e,p=(0,i.useRef)(null);(0,i.useEffect)(()=>{function e(e){"Escape"===e.key&&s()}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[s]),(0,i.useEffect)(()=>{var e;null==(e=p.current)||e.focus()},[]);let u=null!=(t=o.find(e=>e.name===n.assigneeId))?t:null,x="var(--accent)";return(0,a.jsx)("div",{style:{position:"absolute",top:0,right:0,bottom:0,zIndex:30},children:(0,a.jsxs)("div",{style:{width:420,maxWidth:"100vw",height:"100%",background:"var(--material-regular)",boxShadow:"-4px 0 24px rgba(0,0,0,0.25)",display:"flex",flexDirection:"column"},children:[(0,a.jsx)("div",{style:{height:3,background:x,flexShrink:0}}),(0,a.jsxs)("div",{style:{flex:1,overflowY:"auto"},children:[(0,a.jsx)("div",{style:{padding:"var(--space-4) var(--space-5) 0",display:"flex",justifyContent:"flex-end",gap:"var(--space-2)"},children:(0,a.jsx)("button",{ref:p,onClick:s,"aria-label":"Close detail panel",style:{width:28,height:28,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:"var(--fill-secondary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:"var(--text-footnote)",transition:"all 150ms var(--ease-spring)"},children:"✕"})}),(0,a.jsxs)("div",{style:{padding:"var(--space-2) var(--space-5) var(--space-4)"},children:[(0,a.jsx)("h2",{style:{fontSize:"var(--text-title3)",fontWeight:700,letterSpacing:"-0.3px",color:"var(--text-primary)",margin:0,lineHeight:1.25},children:n.title}),(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)",marginTop:"var(--space-2)"},children:[(0,a.jsx)(I,{status:n.status}),(0,a.jsx)(C,{priority:n.priority})]}),u?(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginTop:"var(--space-3)",fontSize:"var(--text-footnote)",color:"var(--text-secondary)"},children:[(0,a.jsx)("span",{children:u.displayName}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",background:"var(--fill-secondary)",borderRadius:"var(--radius-sm)",padding:"0 4px"},children:u.rank})]}):(0,a.jsx)("div",{style:{marginTop:"var(--space-3)",fontSize:"var(--text-footnote)",color:"var(--text-tertiary)",fontStyle:"italic"},children:"Unassigned"})]}),(0,a.jsxs)("div",{style:{padding:"0 var(--space-5) var(--space-4)"},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:600,color:"var(--text-tertiary)",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"var(--space-2)"},children:"Move to"}),(0,a.jsx)("div",{style:{display:"flex",gap:"var(--space-1)",flexWrap:"wrap"},children:v.map(e=>{let t=e.id===n.status;return(0,a.jsx)("button",{onClick:()=>{t||l(e.id)},disabled:t,style:{fontSize:"var(--text-caption2)",fontWeight:600,padding:"3px var(--space-2)",borderRadius:"var(--radius-sm)",border:"none",cursor:t?"default":"pointer",background:t?x:"var(--fill-tertiary)",color:t?"#fff":"var(--text-secondary)",opacity:t?1:.8,transition:"all 120ms ease"},children:e.title},e.id)})})]}),(0,a.jsxs)("div",{style:{padding:"0 var(--space-5) var(--space-4)"},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:600,color:"var(--text-tertiary)",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"var(--space-2)"},children:"Assignee"}),(0,a.jsx)(b,{employees:o,value:null!=(r=n.assigneeId)?r:"",onChange:e=>d(e||null)})]}),n.description&&(0,a.jsxs)("div",{style:{padding:"0 var(--space-5) var(--space-4)"},children:[(0,a.jsx)("div",{style:{height:1,background:"var(--separator)",marginBottom:"var(--space-3)"}}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:600,color:"var(--text-tertiary)",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:"var(--space-2)"},children:"Description"}),(0,a.jsx)("div",{style:{fontSize:"var(--text-footnote)",color:"var(--text-secondary)",lineHeight:1.5,whiteSpace:"pre-wrap"},children:n.description})]})]}),(0,a.jsx)("div",{style:{flexShrink:0,padding:"var(--space-2) var(--space-5) var(--space-4)",borderTop:"1px solid var(--separator)"},children:(0,a.jsx)("button",{onClick:function(){window.confirm('Delete ticket "'.concat(n.title,'"? This cannot be undone.'))&&c()},style:{width:"100%",padding:"var(--space-2) var(--space-3)",borderRadius:"var(--radius-md)",border:"1px solid var(--system-red)",background:"transparent",color:"var(--system-red)",fontSize:"var(--text-footnote)",fontWeight:600,cursor:"pointer",transition:"all 120ms ease"},children:"Delete Ticket"})})]})})}function A(){let[e,t]=(0,i.useState)({}),[r,v]=(0,i.useState)([]),[x,g]=(0,i.useState)(!0),[f,h]=(0,i.useState)(null),[m,b]=(0,i.useState)(!1),[k,w]=(0,i.useState)(null),[j,S]=(0,i.useState)(null),C=(0,i.useCallback)(()=>{g(!0),h(null),o.F.getOrg().then(async e=>{v(await Promise.all(e.employees.map(async e=>{try{return await o.F.getEmployee(e)}catch(t){return{name:e,displayName:e,department:"",rank:"employee",engine:"unknown",model:"unknown",persona:""}}})));let r={};for(let t of e.departments)try{let e=await o.F.getDepartmentBoard(t);if(Array.isArray(e))for(let t of e){let e={todo:"todo",in_progress:"in-progress","in-progress":"in-progress",done:"done",backlog:"backlog",review:"review"}[t.status]||"todo",a={low:"low",medium:"medium",high:"high"}[t.priority||"medium"]||"medium";r[t.id]={id:t.id,title:t.title,description:t.description||"",status:e,priority:a,assigneeId:t.assignee||null,workState:"idle",createdAt:t.createdAt?new Date(t.createdAt).getTime():Date.now(),updatedAt:t.updatedAt?new Date(t.updatedAt).getTime():Date.now()}}}catch(e){}t({...function(){try{let e=localStorage.getItem(s);if(!e)return{};let t=JSON.parse(e),r={};for(let e of Object.keys(t)){let a=function(e,t){if("string"!=typeof t.title||!t.title)return null;let r=l.has(t.status)?t.status:"backlog",a=d.has(t.priority)?t.priority:"medium",i=c.has(t.workState)?t.workState:"idle";return{id:e,title:t.title,description:"string"==typeof t.description?t.description:"",status:r,priority:a,assigneeId:"string"==typeof t.assigneeId?t.assigneeId:null,workState:i,createdAt:"number"==typeof t.createdAt?t.createdAt:0,updatedAt:"number"==typeof t.updatedAt?t.updatedAt:"number"==typeof t.createdAt?t.createdAt:0}}(e,t[e]);a&&(("working"===a.workState||"starting"===a.workState)&&(a.status="todo",a.workState="idle"),r[e]=a)}return r}catch(e){return{}}}(),...r})}).catch(e=>h(e.message)).finally(()=>g(!1))},[]);function I(e,r){t(t=>p(t,e,{status:r}))}if((0,i.useEffect)(()=>{C()},[C]),(0,i.useEffect)(()=>{x||function(e){try{localStorage.setItem(s,JSON.stringify(e))}catch(e){}}(e)},[e,x]),(0,i.useEffect)(()=>{if(k&&e[k.id]){let t=e[k.id];t.updatedAt!==k.updatedAt&&w(t)}},[e,k]),f)return(0,a.jsx)(u.M,{children:(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:"var(--space-4)",color:"var(--text-tertiary)"},children:[(0,a.jsxs)("div",{style:{borderRadius:"var(--radius-md)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:["Failed to load employees: ",f]}),(0,a.jsx)("button",{onClick:C,style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md)",background:"var(--accent)",color:"var(--accent-contrast)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)"},children:"Retry"})]})});let A=Object.keys(e).length,W=new Set(Object.values(e).map(e=>e.assigneeId).filter(Boolean)),R=r.filter(e=>W.has(e.name));return(0,a.jsx)(u.M,{children:(0,a.jsxs)("div",{className:"flex h-full relative",style:{background:"var(--bg)"},children:[(0,a.jsxs)("div",{className:"flex-1 h-full flex flex-col",style:{minWidth:0},children:[(0,a.jsxs)("div",{style:{padding:"var(--space-4) var(--space-5)",display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0,borderBottom:"1px solid var(--separator)"},children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h1",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",margin:0,letterSpacing:"-0.3px"},children:"Kanban Board"}),(0,a.jsxs)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",margin:"2px 0 0"},children:[A," ticket",1!==A?"s":""]})]}),(0,a.jsxs)("button",{onClick:()=>b(!0),style:{borderRadius:"var(--radius-md)",padding:"8px 16px",fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",border:"none",display:"flex",alignItems:"center",gap:"var(--space-2)",background:"var(--accent)",color:"#fff",cursor:"pointer"},children:[(0,a.jsx)(n,{size:16}),"New Ticket"]})]}),R.length>0&&(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",padding:"var(--space-2) var(--space-5)",overflowX:"auto",flexShrink:0},children:[(0,a.jsx)("button",{onClick:()=>S(null),style:{display:"flex",alignItems:"center",gap:"var(--space-1)",padding:"4px 12px",borderRadius:"var(--radius-full)",border:"none",fontSize:"var(--text-caption1)",fontWeight:600,cursor:"pointer",background:null===j?"var(--accent)":"var(--fill-tertiary)",color:null===j?"white":"var(--text-secondary)",flexShrink:0},children:"All"}),R.map(e=>(0,a.jsx)("button",{onClick:()=>S(j===e.name?null:e.name),style:{display:"flex",alignItems:"center",gap:"var(--space-1)",padding:"4px 12px",borderRadius:"var(--radius-full)",border:"none",fontSize:"var(--text-caption1)",fontWeight:600,cursor:"pointer",background:j===e.name?"var(--accent)":"var(--fill-tertiary)",color:j===e.name?"white":"var(--text-secondary)",flexShrink:0},children:e.displayName},e.name))]}),(0,a.jsx)("div",{style:{flex:1,padding:"0 var(--space-3)",minHeight:0},children:x?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."}):(0,a.jsx)(y,{tickets:e,employees:r,onTicketClick:function(e){w(e)},onMoveTicket:I,onCreateTicket:()=>b(!0),filterEmployeeId:j})})]}),k&&(0,a.jsx)("div",{className:"fixed inset-0 z-30 lg:hidden",style:{background:"rgba(0,0,0,0.5)"},onClick:()=>w(null)}),k&&(0,a.jsx)(D,{ticket:k,employees:r,onClose:()=>w(null),onStatusChange:e=>I(k.id,e),onAssigneeChange:e=>{var r;return r=k.id,void t(t=>p(t,r,{assigneeId:e}))},onDelete:()=>{var e;return e=k.id,void(t(t=>(function(e,t){let r={...e};return delete r[t],r})(t,e)),w(null))}}),(0,a.jsx)(z,{open:m,onOpenChange:b,employees:r,onSubmit:function(e){t(t=>(function(e,t){let r=crypto.randomUUID(),a=Date.now();return{...e,[r]:{...t,id:r,workState:"idle",createdAt:a,updatedAt:a}}})(t,{...e,status:"backlog"}))}})]})})}},1240:(e,t,r)=>{"use strict";r.d(t,{lG:()=>s,Cf:()=>c,rr:()=>v,c7:()=>p,L3:()=>u});var a=r(8111);r(5271);var i=r(1061),n=r(6573),o=r(1397);function s(e){let{...t}=e;return(0,a.jsx)(n.bL,{"data-slot":"dialog",...t})}function l(e){let{...t}=e;return(0,a.jsx)(n.ZL,{"data-slot":"dialog-portal",...t})}function d(e){let{className:t,...r}=e;return(0,a.jsx)(n.hJ,{"data-slot":"dialog-overlay",className:(0,o.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...r})}function c(e){let{className:t,children:r,showCloseButton:s=!0,...c}=e;return(0,a.jsxs)(l,{"data-slot":"dialog-portal",children:[(0,a.jsx)(d,{}),(0,a.jsxs)(n.UC,{"data-slot":"dialog-content",className:(0,o.cn)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",t),...c,children:[r,s&&(0,a.jsxs)(n.bm,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",children:[(0,a.jsx)(i.A,{}),(0,a.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}function p(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"dialog-header",className:(0,o.cn)("flex flex-col gap-2 text-center sm:text-left",t),...r})}function u(e){let{className:t,...r}=e;return(0,a.jsx)(n.hE,{"data-slot":"dialog-title",className:(0,o.cn)("text-lg leading-none font-semibold",t),...r})}function v(e){let{className:t,...r}=e;return(0,a.jsx)(n.VY,{"data-slot":"dialog-description",className:(0,o.cn)("text-muted-foreground text-sm",t),...r})}(0,r(3916).F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--system-blue)]",{variants:{variant:{default:"bg-[var(--accent)] text-black font-semibold btn-scale hover:shadow-[0_0_24px_var(--accent-fill)]",destructive:"bg-[var(--system-red)] text-white btn-scale",outline:"border border-[var(--separator)] bg-transparent shadow-[var(--shadow-subtle)] hover:bg-[var(--fill-secondary)] hover:text-[var(--text-primary)]",secondary:"bg-[var(--accent-fill)] text-[var(--accent)] font-semibold btn-scale",ghost:"bg-transparent text-[var(--text-secondary)] hover:bg-[var(--fill-secondary)] hover:text-[var(--text-primary)]",link:"text-[var(--system-blue)] underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 text-sm has-[>svg]:px-3",xs:"h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"h-8 rounded-md gap-1.5 px-3 text-sm has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 text-base has-[>svg]:px-4",icon:"size-9","icon-xs":"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}})},1397:(e,t,r)=>{"use strict";r.d(t,{cn:()=>n});var a=r(5242),i=r(3065);function n(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,i.QP)((0,a.$)(t))}},7057:(e,t,r)=>{Promise.resolve().then(r.bind(r,543))}},e=>{e.O(0,[704,590,198,573,73,814,743,358],()=>e(e.s=7057)),_N_E=e.O()}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[177],{1150:(e,t,o)=>{"use strict";o.d(t,{ClientProviders:()=>l});var a=o(8111),n=o(7460),r=o(2755);function l(e){let{children:t}=e;return(0,a.jsx)(n.N,{children:(0,a.jsxs)(r.Z6,{children:[t,(0,a.jsx)(r.Qc,{})]})})}},2755:(e,t,o)=>{"use strict";o.d(t,{Qc:()=>m,Z6:()=>u,t0:()=>p});var a=o(8111),n=o(5271);let r={accentColor:null,portalName:null,portalSubtitle:null,portalEmoji:null,portalIcon:null,iconBgHidden:!1,emojiOnly:!1,operatorName:null,language:"English",employeeOverrides:{}},l="jinn-settings";function s(e){localStorage.setItem(l,JSON.stringify(e))}var c=o(3176);let i=(0,n.createContext)({settings:{accentColor:null,portalName:null,portalSubtitle:null,portalEmoji:null,portalIcon:null,iconBgHidden:!1,emojiOnly:!1,operatorName:null,language:"English",employeeOverrides:{}},setAccentColor:()=>{},setPortalName:()=>{},setPortalSubtitle:()=>{},setPortalEmoji:()=>{},setPortalIcon:()=>{},setIconBgHidden:()=>{},setEmojiOnly:()=>{},setOperatorName:()=>{},setLanguage:()=>{},setEmployeeOverride:()=>{},clearEmployeeOverride:()=>{},getEmployeeDisplay:e=>({emoji:e.emoji}),resetAll:()=>{}});function u(e){let{children:t}=e,[o,u]=(0,n.useState)({...r});(0,n.useEffect)(()=>{let e=function(){try{let e=localStorage.getItem(l);if(!e)return{...r};let t=JSON.parse(e);return{...r,...t}}catch(e){return{...r}}}();u(e),c.F.getOnboarding().then(t=>{if(t.portalName||t.operatorName){let o={...e,...t.portalName&&{portalName:t.portalName},...t.operatorName&&{operatorName:t.operatorName}};u(o),s(o)}}).catch(()=>{})},[]),(0,n.useEffect)(()=>{let e=document.documentElement.style;o.accentColor?(e.setProperty("--accent",o.accentColor),e.setProperty("--accent-fill",function(e){let t=parseInt(e.slice(1,3),16),o=parseInt(e.slice(3,5),16),a=parseInt(e.slice(5,7),16);return"rgba(".concat(t,",").concat(o,",").concat(a,",0.15)")}(o.accentColor)),e.setProperty("--accent-contrast",function(e){let t=parseInt(e.slice(1,3),16)/255,o=parseInt(e.slice(3,5),16)/255,a=parseInt(e.slice(5,7),16)/255,n=e=>e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4);return .2126*n(t)+.7152*n(o)+.0722*n(a)>.4?"#000":"#fff"}(o.accentColor))):(e.removeProperty("--accent"),e.removeProperty("--accent-fill"),e.removeProperty("--accent-contrast"))},[o.accentColor]);let p=(0,n.useCallback)(e=>{u(e),s(e)},[]),m=(0,n.useCallback)(e=>{p({...o,accentColor:e})},[o,p]),d=(0,n.useCallback)(e=>{p({...o,portalName:e||null})},[o,p]),g=(0,n.useCallback)(e=>{p({...o,portalSubtitle:e||null})},[o,p]),f=(0,n.useCallback)(e=>{p({...o,portalEmoji:e||null})},[o,p]),b=(0,n.useCallback)(e=>{p({...o,portalIcon:e})},[o,p]),h=(0,n.useCallback)(e=>{p({...o,iconBgHidden:e})},[o,p]),y=(0,n.useCallback)(e=>{p({...o,emojiOnly:e})},[o,p]),C=(0,n.useCallback)(e=>{p({...o,operatorName:e||null})},[o,p]),k=(0,n.useCallback)(e=>{p({...o,language:e||"English"})},[o,p]),v=(0,n.useCallback)((e,t)=>{let a=o.employeeOverrides[e]||{};p({...o,employeeOverrides:{...o.employeeOverrides,[e]:{...a,...t}}})},[o,p]),E=(0,n.useCallback)(e=>{let{[e]:t,...a}=o.employeeOverrides;p({...o,employeeOverrides:a})},[o,p]),O=(0,n.useCallback)(e=>{let t=o.employeeOverrides[e.id];return{emoji:(null==t?void 0:t.emoji)||e.emoji,profileImage:null==t?void 0:t.profileImage,emojiOnly:o.emojiOnly}},[o.employeeOverrides,o.emojiOnly]),j=(0,n.useCallback)(()=>{p({accentColor:null,portalName:null,portalSubtitle:null,portalEmoji:null,portalIcon:null,iconBgHidden:!1,emojiOnly:!1,operatorName:null,language:"English",employeeOverrides:{}})},[p]);return(0,a.jsx)(i.Provider,{value:{settings:o,setAccentColor:m,setPortalName:d,setPortalSubtitle:g,setPortalEmoji:f,setPortalIcon:b,setIconBgHidden:h,setEmojiOnly:y,setOperatorName:C,setLanguage:k,setEmployeeOverride:v,clearEmployeeOverride:E,getEmployeeDisplay:O,resetAll:j},children:t})}let p=()=>(0,n.useContext)(i);function m(){let{settings:e}=p(),t=(0,n.useRef)(e.portalName);return t.current=e.portalName,(0,n.useEffect)(()=>{function e(){let e=t.current||"Jinn",o="".concat(e," - AI Gateway");document.title!==o&&(document.title=o)}e();let o=document.querySelector("title");if(!o)return;let a=new MutationObserver(()=>e());return a.observe(o,{childList:!0,characterData:!0,subtree:!0}),()=>a.disconnect()},[e.portalName]),null}},3176:(e,t,o)=>{"use strict";o.d(t,{F:()=>c});let a=window.location.origin;async function n(e){let t=await fetch("".concat(a).concat(e));if(!t.ok)throw Error("API error: ".concat(t.status));return t.json()}async function r(e,t){let o=await fetch("".concat(a).concat(e),{method:"POST",headers:{"Content-Type":"application/json"},body:t?JSON.stringify(t):void 0});if(!o.ok)throw Error("API error: ".concat(o.status));return o.json()}async function l(e){let t=await fetch("".concat(a).concat(e),{method:"DELETE"});if(!t.ok)throw Error("API error: ".concat(t.status));return t.json()}async function s(e,t){let o=await fetch("".concat(a).concat(e),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!o.ok)throw Error("API error: ".concat(o.status));return o.json()}let c={getStatus:()=>n("/api/status"),getSessions:()=>n("/api/sessions"),getSession:e=>n("/api/sessions/".concat(e)),getSessionChildren:e=>n("/api/sessions/".concat(e,"/children")),deleteSession:e=>l("/api/sessions/".concat(e)),bulkDeleteSessions:e=>r("/api/sessions/bulk-delete",{ids:e}),createSession:e=>r("/api/sessions",e),createStubSession:e=>r("/api/sessions/stub",e),sendMessage:(e,t)=>r("/api/sessions/".concat(e,"/message"),t),getCronJobs:()=>n("/api/cron"),getCronRuns:e=>n("/api/cron/".concat(e,"/runs")),updateCronJob:(e,t)=>s("/api/cron/".concat(e),t),triggerCronJob:e=>r("/api/cron/".concat(e,"/trigger"),{}),getOrg:()=>n("/api/org"),getEmployee:e=>n("/api/org/employees/".concat(e)),getDepartmentBoard:e=>n("/api/org/departments/".concat(e,"/board")),getSkills:()=>n("/api/skills"),getSkill:e=>n("/api/skills/".concat(e)),getConfig:()=>n("/api/config"),updateConfig:e=>s("/api/config",e),getLogs:e=>n("/api/logs".concat(e?"?n=".concat(e):"")),getOnboarding:()=>n("/api/onboarding"),completeOnboarding:e=>r("/api/onboarding",e),getActivity:()=>n("/api/activity"),updateDepartmentBoard:(e,t)=>s("/api/org/departments/".concat(e,"/board"),t),sttStatus:()=>n("/api/stt/status"),sttDownload:()=>r("/api/stt/download",{}),sttTranscribe:async(e,t)=>{let o=t?"?language=".concat(encodeURIComponent(t)):"",n=new AbortController,r=setTimeout(()=>n.abort(),3e5);try{let t=await fetch("".concat(a,"/api/stt/transcribe").concat(o),{method:"POST",headers:{"Content-Type":e.type||"audio/webm"},body:e,signal:n.signal});if(!t.ok)throw Error("API error: ".concat(t.status));return t.json()}catch(e){if(e instanceof DOMException&&"AbortError"===e.name)throw Error("Transcription timed out (5 min)");throw e}finally{clearTimeout(r)}},sttUpdateConfig:e=>s("/api/stt/config",{languages:e})}},7460:(e,t,o)=>{"use strict";o.d(t,{D:()=>s,N:()=>l});var a=o(8111),n=o(5271);let r=(0,n.createContext)({theme:"dark",setTheme:()=>{}});function l(e){let{children:t}=e,[o,l]=(0,n.useState)("dark"),s=(0,n.useCallback)(e=>{l(e),localStorage.setItem("jinn-theme",e);let t=document.documentElement;if(t.removeAttribute("data-theme"),"system"===e){let e=window.matchMedia("(prefers-color-scheme: dark)").matches;t.setAttribute("data-theme",e?"dark":"light")}else t.setAttribute("data-theme",e)},[]);return(0,n.useEffect)(()=>{let e=localStorage.getItem("jinn-theme");e&&s(e)},[s]),(0,a.jsx)(r.Provider,{value:{theme:o,setTheme:s},children:t})}function s(){return(0,n.useContext)(r)}},9469:()=>{},9760:(e,t,o)=>{Promise.resolve().then(o.bind(o,1150)),Promise.resolve().then(o.t.bind(o,9469,23))}},e=>{e.O(0,[506,814,743,358],()=>e(e.s=9760)),_N_E=e.O()}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[524],{2469:(e,a,r)=>{Promise.resolve().then(r.bind(r,3929))},2876:(e,a,r)=>{"use strict";r.d(a,{A:()=>t});let t=(0,r(1983).A)("refresh-cw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]])},3929:(e,a,r)=>{"use strict";r.r(a),r.d(a,{default:()=>v});var t=r(8111),s=r(5271);let l=(0,r(1983).A)("radio",[["path",{d:"M16.247 7.761a6 6 0 0 1 0 8.478",key:"1fwjs5"}],["path",{d:"M19.075 4.933a10 10 0 0 1 0 14.134",key:"ehdyv1"}],["path",{d:"M4.925 19.067a10 10 0 0 1 0-14.134",key:"1q22gi"}],["path",{d:"M7.753 16.239a6 6 0 0 1 0-8.478",key:"r2q7qm"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}]]);var i=r(2876),n=r(3176),o=r(3073),c=r(5310);function d(e){let{label:a,value:r,color:s,pulse:l}=e;return(0,t.jsxs)("div",{style:{background:"var(--material-regular)",border:"1px solid var(--separator)",borderRadius:"var(--radius-md)",padding:"var(--space-4)"},children:[(0,t.jsx)("div",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",marginBottom:"var(--space-1)"},children:a}),(0,t.jsxs)("div",{className:"flex items-center",style:{gap:"var(--space-2)"},children:[l&&r>0&&(0,t.jsx)("span",{className:"animate-error-pulse",style:{width:8,height:8,borderRadius:"50%",background:"var(--system-red)",flexShrink:0}}),(0,t.jsx)("span",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:null!=s?s:"var(--text-primary)"},children:r})]})]})}function v(){let[e,a]=(0,s.useState)([]),[r,v]=(0,s.useState)(!0),[p,h]=(0,s.useState)(!1),[u,m]=(0,s.useState)(null),[g,x]=(0,s.useState)(new Date),[f,y]=(0,s.useState)("just now"),b=(0,s.useCallback)(()=>{h(!0),m(null),n.F.getLogs(500).then(e=>{var r;a(null!=(r=e.lines)?r:[]),x(new Date)}).catch(e=>{m(e instanceof Error?e.message:"Failed to load logs")}).finally(()=>{v(!1),h(!1)})},[]);(0,s.useEffect)(()=>{b();let e=setInterval(b,3e4);return()=>clearInterval(e)},[b]),(0,s.useEffect)(()=>{function e(){let e=Math.floor((Date.now()-g.getTime())/1e3);e<10?y("just now"):e<60?y("".concat(e,"s ago")):y("".concat(Math.floor(e/60),"m ago"))}e();let a=setInterval(e,1e4);return()=>clearInterval(a)},[g]);let j=e.map(c.w),k=j.length,w=j.filter(e=>"error"===e.level).length,S=j.filter(e=>"info"===e.level).length,N=j.filter(e=>"warn"===e.level).length;return(0,t.jsx)(o.M,{children:(0,t.jsxs)("div",{className:"h-full flex flex-col overflow-hidden animate-fade-in",style:{background:"var(--bg)"},children:[(0,t.jsx)("header",{className:"sticky top-0 z-10 flex-shrink-0",style:{background:"var(--material-regular)",backdropFilter:"blur(40px) saturate(180%)",WebkitBackdropFilter:"blur(40px) saturate(180%)",borderBottom:"1px solid var(--separator)"},children:(0,t.jsxs)("div",{className:"flex items-center justify-between",style:{padding:"var(--space-4) var(--space-6)"},children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h1",{style:{fontSize:"var(--text-title1)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",letterSpacing:"-0.5px",lineHeight:"var(--leading-tight)"},children:"Activity Console"}),!r&&(0,t.jsxs)("p",{style:{fontSize:"var(--text-footnote)",color:"var(--text-secondary)",marginTop:"var(--space-1)"},children:[k," event",1!==k?"s":"",w>0&&(0,t.jsxs)("span",{style:{color:"var(--system-red)"},children:[" \xb7 ",w," error",1!==w?"s":""]})]})]}),(0,t.jsxs)("div",{className:"flex items-center",style:{gap:"var(--space-3)"},children:[(0,t.jsxs)("button",{onClick:()=>window.dispatchEvent(new CustomEvent("open-live-stream")),className:"focus-ring flex items-center",style:{padding:"6px 14px",borderRadius:"var(--radius-sm)",border:"none",cursor:"pointer",fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",gap:6,background:"var(--accent-fill)",color:"var(--accent)",transition:"all 200ms var(--ease-smooth)"},children:[(0,t.jsx)(l,{size:14}),"Open Live Stream"]}),(0,t.jsxs)("span",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)"},children:["Updated ",f]}),(0,t.jsx)("button",{onClick:b,className:"focus-ring","aria-label":"Refresh logs",style:{width:32,height:32,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"var(--radius-sm)",border:"none",background:"transparent",color:"var(--text-tertiary)",cursor:"pointer",transition:"color 150ms var(--ease-smooth)"},children:(0,t.jsx)(i.A,{size:16,className:p?"animate-spin":""})})]})]})}),(0,t.jsxs)("div",{className:"flex-1 overflow-y-auto flex flex-col",style:{padding:"var(--space-4) var(--space-6) var(--space-6)",minHeight:0},children:[u&&(0,t.jsxs)("div",{style:{marginBottom:"var(--space-3)",padding:"var(--space-3) var(--space-4)",borderRadius:"var(--radius-md)",background:"rgba(255,69,58,0.06)",border:"1px solid rgba(255,69,58,0.15)",fontSize:"var(--text-footnote)",color:"var(--system-red)"},children:["Failed to load logs: ",u]}),r?(0,t.jsx)("div",{className:"flex items-center justify-center",style:{height:200,color:"var(--text-tertiary)"},children:"Loading..."}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"summary-cards-grid",style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:"var(--space-3)",marginBottom:"var(--space-4)"},children:[(0,t.jsx)(d,{label:"Total Events",value:k}),(0,t.jsx)(d,{label:"Errors",value:w,color:w>0?"var(--system-red)":"var(--system-green)",pulse:!0}),(0,t.jsx)(d,{label:"Info",value:S,color:"var(--system-green)"}),(0,t.jsx)(d,{label:"Warnings",value:N,color:"var(--system-orange)"})]}),(0,t.jsx)(c.b,{lines:e})]})]}),(0,t.jsx)("style",{children:"\n @media (max-width: 640px) {\n .summary-cards-grid {\n grid-template-columns: 1fr 1fr !important;\n }\n }\n "})]})})}}},e=>{e.O(0,[704,73,814,743,358],()=>e(e.s=2469)),_N_E=e.O()}]);
|
package/dist/web/_next/static/chunks/app/org/{page-d5cd8d9b7864737b.js → page-cd9d362e77f4799e.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[423],{41:(e,t,r)=>{"use strict";function a(e){let{reason:t,children:r}=e;return r}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"BailoutToCSR",{enumerable:!0,get:function(){return a}}),r(7005)},1108:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>w});var a=r(8111),n=r(5271),i=r(4074),l=r.n(i),s=r(3176);let o={executive:"\uD83C\uDFAF",manager:"\uD83D\uDCCB",senior:"⭐",employee:"\uD83D\uDC64"};function d(e){let{rank:t}=e,r={executive:{bg:"color-mix(in srgb, var(--system-purple) 15%, transparent)",text:"var(--system-purple)"},manager:{bg:"color-mix(in srgb, var(--system-blue) 15%, transparent)",text:"var(--system-blue)"},senior:{bg:"color-mix(in srgb, var(--system-green) 15%, transparent)",text:"var(--system-green)"},employee:{bg:"var(--fill-tertiary)",text:"var(--text-tertiary)"}},n=r[t]||r.employee;return(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",color:n.text,background:n.bg,padding:"2px 10px",borderRadius:10,textTransform:"uppercase",letterSpacing:"0.02em"},children:t})}function c(e){let{name:t}=e,[r,i]=(0,n.useState)(null),[l,c]=(0,n.useState)([]),[p,u]=(0,n.useState)(!0),[v,x]=(0,n.useState)(null),[g,f]=(0,n.useState)(!1);if((0,n.useEffect)(()=>{u(!0),x(null),f(!1),Promise.all([s.F.getEmployee(t),s.F.getSessions()]).then(e=>{let[r,a]=e;i(r),c(a.filter(e=>e.employee===t).slice(0,10))}).catch(e=>x(e.message)).finally(()=>u(!1))},[t]),p)return(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:256,color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."});if(v)return(0,a.jsxs)("div",{style:{borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-caption1)",color:"var(--system-red)"},children:["Failed to load employee: ",v]});if(!r)return null;let m=r.rank||"employee",y=o[m]||o.employee,h=r.persona||"",b=h.length>200&&!g?h.slice(0,200)+"...":h;return(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-6)"},children:[(0,a.jsxs)("div",{style:{borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)",background:"var(--material-regular)",padding:"var(--space-6)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",marginBottom:"var(--space-4)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)"},children:[(0,a.jsx)("span",{style:{fontSize:28,lineHeight:1},children:y}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",letterSpacing:"var(--tracking-tight)",color:"var(--text-primary)",margin:0},children:r.displayName||r.name}),(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",margin:"2px 0 0",fontFamily:"var(--font-mono)"},children:r.name})]})]}),(0,a.jsx)(d,{rank:m})]}),(0,a.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"var(--space-4)"},children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",textTransform:"uppercase",letterSpacing:"var(--tracking-wide)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Department"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-primary)",margin:0},children:r.department||"None"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",textTransform:"uppercase",letterSpacing:"var(--tracking-wide)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Engine"}),(0,a.jsxs)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-primary)",margin:0},children:[r.engine||"claude"," ",(0,a.jsxs)("span",{style:{color:"var(--text-tertiary)"},children:["/ ",r.model||"default"]})]})]})]}),h&&(0,a.jsxs)("div",{style:{marginTop:"var(--space-4)",paddingTop:"var(--space-4)",borderTop:"1px solid var(--separator)"},children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",textTransform:"uppercase",letterSpacing:"var(--tracking-wide)",color:"var(--text-tertiary)",marginBottom:"var(--space-2)"},children:"Persona"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-secondary)",lineHeight:"var(--leading-relaxed)",whiteSpace:"pre-wrap",margin:0},children:b}),h.length>200&&(0,a.jsx)("button",{onClick:()=>f(!g),style:{fontSize:"var(--text-caption1)",color:"var(--accent)",background:"none",border:"none",cursor:"pointer",padding:0,marginTop:"var(--space-1)"},children:g?"Show less":"Show more"})]})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",letterSpacing:"var(--tracking-wide)",textTransform:"uppercase",color:"var(--text-tertiary)",marginBottom:"var(--space-3)"},children:"Recent Sessions"}),0===l.length?(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",textAlign:"center",padding:"var(--space-6) 0"},children:"No sessions found for this employee."}):(0,a.jsx)("div",{style:{borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)",background:"var(--material-regular)",overflow:"hidden"},children:l.map((e,t)=>(0,a.jsxs)("div",{style:{padding:"var(--space-3) var(--space-5)",display:"flex",alignItems:"center",justifyContent:"space-between",borderTop:t>0?"1px solid var(--separator)":void 0},children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",fontFamily:"var(--font-mono)",color:"var(--text-primary)",margin:0},children:e.id.slice(0,8)}),(0,a.jsxs)("p",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2},children:[e.source||"unknown"," ",e.createdAt?new Date(e.createdAt).toLocaleDateString():""]})]}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",padding:"2px 8px",borderRadius:10,..."running"===e.status?{background:"color-mix(in srgb, var(--system-green) 15%, transparent)",color:"var(--system-green)"}:"error"===e.status?{background:"color-mix(in srgb, var(--system-red) 15%, transparent)",color:"var(--system-red)"}:{background:"var(--fill-tertiary)",color:"var(--text-tertiary)"}},children:e.status||"idle"})]},e.id))})]})]})}var p=r(9772);let u={executive:"\uD83C\uDFAF",manager:"\uD83D\uDCCB",senior:"⭐",employee:"\uD83D\uDC64"};function v(e){let{employee:t,selected:r,onSelect:n}=e,i=u[t.rank]||u.employee;return(0,a.jsxs)("button",{onClick:n,style:{display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"var(--material-regular)",border:r?"1.5px solid var(--accent)":"1px solid var(--separator)",cursor:"pointer",width:"100%",textAlign:"left",transition:"all 150ms ease",boxShadow:r?"0 0 0 1px var(--accent), var(--shadow-subtle)":"var(--shadow-subtle)"},children:[(0,a.jsx)("span",{style:{fontSize:24,lineHeight:1,flexShrink:0},children:i}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",lineHeight:"var(--leading-tight)"},children:t.displayName||t.name}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",marginTop:1},children:t.department})]}),(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"flex-end",gap:4,flexShrink:0},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",color:"var(--accent)",background:"var(--accent-fill)",padding:"1px 7px",borderRadius:10},children:t.engine}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-medium)",color:"var(--text-quaternary)",background:"var(--fill-quaternary)",padding:"1px 7px",borderRadius:10},children:t.model})]})]})}function x(e){let{label:t,count:r,children:n}=e;return(0,a.jsx)(p.Zp,{className:"p-0 shadow-none",style:{background:"var(--bg-secondary)",borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)"},children:(0,a.jsxs)(p.Wu,{className:"p-4",style:{display:"flex",flexDirection:"column",gap:"var(--space-2)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginBottom:"var(--space-1)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",letterSpacing:"var(--tracking-wide)",textTransform:"uppercase",color:"var(--text-tertiary)"},children:t}),(0,a.jsxs)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-quaternary)",marginLeft:"auto"},children:[r," employee",1!==r?"s":""]})]}),n]})})}function g(e){let{employees:t,selectedName:r,onSelect:n}=e,i=new Map,l=[];for(let e of t)if(e.department){let t=i.get(e.department)||[];t.push(e),i.set(e.department,t)}else l.push(e);let s=t.find(e=>"executive"===e.rank);return(0,a.jsxs)("div",{style:{overflowY:"auto",padding:"var(--space-6)",height:"100%"},children:[s&&(0,a.jsxs)("button",{onClick:()=>n(s),style:{display:"flex",alignItems:"center",gap:"var(--space-5)",width:"100%",padding:"var(--space-5) var(--space-6)",borderRadius:"var(--radius-xl, 20px)",background:"var(--material-regular)",border:r===s.name?"1.5px solid var(--accent)":"1px solid var(--separator)",cursor:"pointer",textAlign:"left",marginBottom:"var(--space-6)",transition:"all 150ms ease",boxShadow:r===s.name?"0 0 0 1px var(--accent), var(--shadow-card)":"var(--shadow-card)"},children:[(0,a.jsx)("span",{style:{fontSize:40,lineHeight:1},children:u.executive}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",letterSpacing:"var(--tracking-tight)",lineHeight:"var(--leading-tight)"},children:s.displayName||s.name}),(0,a.jsx)("div",{style:{fontSize:"var(--text-subheadline)",color:"var(--text-secondary)",marginTop:2},children:s.department})]}),(0,a.jsxs)("div",{style:{display:"flex",gap:"var(--space-4)",flexShrink:0},children:[(0,a.jsxs)("div",{style:{textAlign:"center"},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",lineHeight:1},children:t.length}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2},children:"employees"})]}),(0,a.jsx)("div",{style:{width:1,alignSelf:"stretch",background:"var(--separator)"}}),(0,a.jsxs)("div",{style:{textAlign:"center"},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",lineHeight:1},children:i.size}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2},children:"depts"})]})]})]}),(0,a.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(300px, 1fr))",gap:"var(--space-5)",alignItems:"start"},children:[Array.from(i.entries()).map(e=>{let[t,i]=e,l=i.filter(e=>e.name!==(null==s?void 0:s.name));return 0===l.length?null:(0,a.jsx)(x,{label:t,count:l.length,children:l.map(e=>(0,a.jsx)(v,{employee:e,selected:r===e.name,onSelect:()=>n(e)},e.name))},t)}),l.length>0&&(0,a.jsx)(x,{label:"Unassigned",count:l.filter(e=>e.name!==(null==s?void 0:s.name)).length,children:l.filter(e=>e.name!==(null==s?void 0:s.name)).map(e=>(0,a.jsx)(v,{employee:e,selected:r===e.name,onSelect:()=>n(e)},e.name))})]})]})}let f={executive:"\uD83C\uDFAF",manager:"\uD83D\uDCCB",senior:"⭐",employee:"\uD83D\uDC64"};function m(e){let{rank:t}=e,r={executive:{bg:"color-mix(in srgb, var(--system-purple) 15%, transparent)",text:"var(--system-purple)"},manager:{bg:"color-mix(in srgb, var(--system-blue) 15%, transparent)",text:"var(--system-blue)"},senior:{bg:"color-mix(in srgb, var(--system-green) 15%, transparent)",text:"var(--system-green)"},employee:{bg:"var(--fill-tertiary)",text:"var(--text-tertiary)"}},n=r[t]||r.employee;return(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",color:n.text,background:n.bg,padding:"2px 8px",borderRadius:10,textTransform:"uppercase",letterSpacing:"0.02em"},children:t})}function y(e){let{employees:t,selectedName:r,onSelect:n}=e,i={executive:0,manager:1,senior:2,employee:3},l=[...t].sort((e,t)=>{var r,a;return(null!=(r=i[e.rank])?r:3)-(null!=(a=i[t.rank])?a:3)});return(0,a.jsxs)("div",{style:{overflowY:"auto",padding:"var(--space-6)",height:"100%"},children:[(0,a.jsx)("div",{style:{display:"flex",gap:"var(--space-3)",marginBottom:"var(--space-5)"},children:["executive","manager","senior","employee"].map(e=>{let r=t.filter(t=>t.rank===e).length;return(0,a.jsxs)("div",{style:{flex:1,background:"var(--material-regular)",border:"1px solid var(--separator)",borderRadius:"var(--radius-md, 12px)",padding:"var(--space-3) var(--space-4)",display:"flex",alignItems:"center",gap:"var(--space-3)"},children:[(0,a.jsx)("span",{style:{fontSize:20},children:f[e]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",lineHeight:1},children:r}),(0,a.jsxs)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2,textTransform:"capitalize"},children:[e,"s"]})]})]},e)})}),0===l.length?(0,a.jsx)("div",{style:{textAlign:"center",padding:"var(--space-16) var(--space-4)",color:"var(--text-tertiary)"},children:(0,a.jsx)("div",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-medium)"},children:"No employees found"})}):(0,a.jsx)("div",{style:{background:"var(--bg-secondary)",borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)",overflow:"hidden"},children:l.map((e,t)=>{let i=r===e.name,l=f[e.rank]||f.employee;return(0,a.jsxs)("button",{onClick:()=>n(e),style:{display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",width:"100%",background:i?"var(--fill-secondary)":"transparent",border:"none",borderTop:t>0?"1px solid var(--separator)":void 0,cursor:"pointer",textAlign:"left",transition:"background 150ms ease"},children:[(0,a.jsx)("span",{style:{fontSize:20,lineHeight:1,flexShrink:0},children:l}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:e.displayName||e.name}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",color:"var(--text-quaternary)",fontFamily:"var(--font-mono)"},children:e.name})]}),(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginTop:2},children:(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)"},children:e.department||"No department"})})]}),(0,a.jsx)(m,{rank:e.rank})]},e.name)})})]})}var h=r(3073),b=r(1142),j=r(2755);let S=l()(()=>Promise.all([r.e(763),r.e(874),r.e(517)]).then(r.bind(r,7898)).then(e=>({default:e.OrgMap})),{loadableGenerated:{webpack:()=>[7898]},ssr:!1,loading:()=>(0,a.jsx)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:"var(--space-3)",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading map..."})});function w(){var e,t,r;let[i,l]=(0,n.useState)([]),[o,d]=(0,n.useState)(!0),[p,u]=(0,n.useState)(null),[v,x]=(0,n.useState)(null),[f,m]=(0,n.useState)("map"),w=(0,n.useRef)(null),{settings:k}=(0,j.t0)(),z=(0,n.useCallback)(()=>{d(!0),u(null),s.F.getOrg().then(async e=>{var t,r;let a=await Promise.all(e.employees.map(async e=>{try{return await s.F.getEmployee(e)}catch(t){return{name:e,displayName:e,department:"",rank:"employee",engine:"unknown",model:"unknown",persona:""}}}));l([{name:(null!=(t=k.portalName)?t:"Jinn").toLowerCase(),displayName:null!=(r=k.portalName)?r:"Jinn",department:"",rank:"executive",engine:"claude",model:"opus",persona:"COO and AI gateway daemon"},...a])}).catch(e=>u(e.message)).finally(()=>d(!1))},[k.portalName]);(0,n.useEffect)(()=>{z()},[z]),(0,n.useEffect)(()=>{v&&w.current&&w.current.focus()},[v]),(0,n.useEffect)(()=>{function e(e){"Escape"===e.key&&v&&x(null)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[v]);let C=(0,n.useCallback)(e=>{x(e)},[]);return p?(0,a.jsx)(h.M,{children:(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:"var(--space-4)",color:"var(--text-tertiary)"},children:[(0,a.jsxs)("div",{style:{borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:["Failed to load organization: ",p]}),(0,a.jsx)("button",{onClick:z,style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"var(--accent)",color:"var(--accent-contrast)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)"},children:"Retry"})]})}):(0,a.jsx)(h.M,{children:(0,a.jsxs)("div",{style:{display:"flex",height:"100%",position:"relative",background:"var(--bg)"},children:[(0,a.jsx)("div",{style:{flex:1,height:"100%",position:"relative"},children:(0,a.jsxs)(b.tU,{value:f,onValueChange:m,className:"h-full flex flex-col",children:[(0,a.jsx)("div",{style:{position:"absolute",top:"var(--space-4)",left:"var(--space-4)",zIndex:10},children:(0,a.jsxs)(b.j7,{children:[(0,a.jsx)(b.Xi,{value:"map",children:"Map"}),(0,a.jsx)(b.Xi,{value:"grid",children:"Grid"}),(0,a.jsx)(b.Xi,{value:"list",children:"List"})]})}),(0,a.jsx)(b.av,{value:"map",className:"flex-1",children:o?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."}):(0,a.jsx)(S,{employees:i,selectedName:null!=(e=null==v?void 0:v.name)?e:null,onNodeClick:C})}),(0,a.jsx)(b.av,{value:"grid",className:"flex-1 overflow-hidden",children:o?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."}):(0,a.jsx)(g,{employees:i,selectedName:null!=(t=null==v?void 0:v.name)?t:null,onSelect:C})}),(0,a.jsx)(b.av,{value:"list",className:"flex-1 overflow-hidden",children:o?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."}):(0,a.jsx)(y,{employees:i,selectedName:null!=(r=null==v?void 0:v.name)?r:null,onSelect:C})})]})}),v&&(0,a.jsx)("div",{className:"fixed inset-0 z-30 lg:hidden",style:{background:"rgba(0,0,0,0.5)"},onClick:()=>x(null)}),v&&(0,a.jsx)("div",{style:{position:"absolute",top:0,right:0,bottom:0,zIndex:30},children:(0,a.jsxs)("div",{style:{width:380,maxWidth:"100vw",height:"100%",overflowY:"auto",background:"var(--bg)",boxShadow:"var(--shadow-overlay)",display:"flex",flexDirection:"column"},children:[(0,a.jsx)("div",{style:{position:"sticky",top:0,zIndex:10,display:"flex",alignItems:"center",justifyContent:"flex-end",padding:"var(--space-3) var(--space-4)",background:"var(--bg)"},children:(0,a.jsx)("button",{ref:w,onClick:()=>x(null),"aria-label":"Close detail panel",style:{width:30,height:30,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:"var(--fill-tertiary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:14},children:"✕"})}),(0,a.jsx)("div",{style:{padding:"0 var(--space-4) var(--space-6)"},children:(0,a.jsx)(c,{name:v.name})})]})})]})})}},1142:(e,t,r)=>{"use strict";r.d(t,{Xi:()=>c,av:()=>p,j7:()=>d,tU:()=>s});var a=r(8111);r(5271);var n=r(3916),i=r(7534),l=r(1397);function s(e){let{className:t,orientation:r="horizontal",...n}=e;return(0,a.jsx)(i.bL,{"data-slot":"tabs","data-orientation":r,orientation:r,className:(0,l.cn)("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",t),...n})}let o=(0,n.F)("rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function d(e){let{className:t,variant:r="default",...n}=e;return(0,a.jsx)(i.B8,{"data-slot":"tabs-list","data-variant":r,className:(0,l.cn)(o({variant:r}),t),...n})}function c(e){let{className:t,...r}=e;return(0,a.jsx)(i.l9,{"data-slot":"tabs-trigger",className:(0,l.cn)("focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent","data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground","after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",t),...r})}function p(e){let{className:t,...r}=e;return(0,a.jsx)(i.UC,{"data-slot":"tabs-content",className:(0,l.cn)("flex-1 outline-none",t),...r})}},1397:(e,t,r)=>{"use strict";r.d(t,{cn:()=>i});var a=r(5242),n=r(3065);function i(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,n.QP)((0,a.$)(t))}},3648:(e,t,r)=>{Promise.resolve().then(r.bind(r,1108))},4074:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return n}});let a=r(5983)._(r(6378));function n(e,t){var r;let n={};"function"==typeof e&&(n.loader=e);let i={...n,...t};return(0,a.default)({...i,modules:null==(r=i.loadableGenerated)?void 0:r.modules})}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},6378:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return o}});let a=r(8111),n=r(5271),i=r(41);function l(e){return{default:e&&"default"in e?e.default:e}}r(7044);let s={loader:()=>Promise.resolve(l(()=>null)),loading:null,ssr:!0},o=function(e){let t={...s,...e},r=(0,n.lazy)(()=>t.loader().then(l)),o=t.loading;function d(e){let l=o?(0,a.jsx)(o,{isLoading:!0,pastDelay:!0,error:null}):null,s=!t.ssr||!!t.loading,d=s?n.Suspense:n.Fragment,c=t.ssr?(0,a.jsxs)(a.Fragment,{children:[null,(0,a.jsx)(r,{...e})]}):(0,a.jsx)(i.BailoutToCSR,{reason:"next/dynamic",children:(0,a.jsx)(r,{...e})});return(0,a.jsx)(d,{...s?{fallback:l}:{},children:c})}return d.displayName="LoadableComponent",d}},6656:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorageInstance",{enumerable:!0,get:function(){return a}});let a=(0,r(6802).createAsyncLocalStorage)()},6802:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{bindSnapshot:function(){return l},createAsyncLocalStorage:function(){return i},createSnapshot:function(){return s}});let r=Object.defineProperty(Error("Invariant: AsyncLocalStorage accessed in runtime where it is not available"),"__NEXT_ERROR_CODE",{value:"E504",enumerable:!1,configurable:!0});class a{disable(){throw r}getStore(){}run(){throw r}exit(){throw r}enterWith(){throw r}static bind(e){return e}}let n="undefined"!=typeof globalThis&&globalThis.AsyncLocalStorage;function i(){return n?new n:new a}function l(e){return n?n.bind(e):a.bind(e)}function s(){return n?n.snapshot():function(e,...t){return e(...t)}}},7044:(e,t,r)=>{"use strict";function a(e){let{moduleIds:t}=e;return null}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"PreloadChunks",{enumerable:!0,get:function(){return a}}),r(8111),r(8054),r(9347),r(1962)},9347:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorage",{enumerable:!0,get:function(){return a.workAsyncStorageInstance}});let a=r(6656)},9772:(e,t,r)=>{"use strict";r.d(t,{Wu:()=>o,ZB:()=>s,Zp:()=>i,aR:()=>l});var a=r(8111);r(5271);var n=r(1397);function i(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card",className:(0,n.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...r})}function l(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-header",className:(0,n.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...r})}function s(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-title",className:(0,n.cn)("leading-none font-semibold",t),...r})}function o(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-content",className:(0,n.cn)("px-6",t),...r})}}},e=>{e.O(0,[704,590,198,534,73,814,743,358],()=>e(e.s=3648)),_N_E=e.O()}]);
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[423],{41:(e,t,r)=>{"use strict";function a(e){let{reason:t,children:r}=e;return r}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"BailoutToCSR",{enumerable:!0,get:function(){return a}}),r(7005)},1108:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>w});var a=r(8111),n=r(5271),i=r(4074),l=r.n(i),s=r(3176);let o={executive:"\uD83C\uDFAF",manager:"\uD83D\uDCCB",senior:"⭐",employee:"\uD83D\uDC64"};function d(e){let{rank:t}=e,r={executive:{bg:"color-mix(in srgb, var(--system-purple) 15%, transparent)",text:"var(--system-purple)"},manager:{bg:"color-mix(in srgb, var(--system-blue) 15%, transparent)",text:"var(--system-blue)"},senior:{bg:"color-mix(in srgb, var(--system-green) 15%, transparent)",text:"var(--system-green)"},employee:{bg:"var(--fill-tertiary)",text:"var(--text-tertiary)"}},n=r[t]||r.employee;return(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",color:n.text,background:n.bg,padding:"2px 10px",borderRadius:10,textTransform:"uppercase",letterSpacing:"0.02em"},children:t})}function c(e){let{name:t}=e,[r,i]=(0,n.useState)(null),[l,c]=(0,n.useState)([]),[p,u]=(0,n.useState)(!0),[v,x]=(0,n.useState)(null),[g,f]=(0,n.useState)(!1);if((0,n.useEffect)(()=>{u(!0),x(null),f(!1),Promise.all([s.F.getEmployee(t),s.F.getSessions()]).then(e=>{let[r,a]=e;i(r),c(a.filter(e=>e.employee===t).slice(0,10))}).catch(e=>x(e.message)).finally(()=>u(!1))},[t]),p)return(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:256,color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."});if(v)return(0,a.jsxs)("div",{style:{borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-caption1)",color:"var(--system-red)"},children:["Failed to load employee: ",v]});if(!r)return null;let m=r.rank||"employee",y=o[m]||o.employee,h=r.persona||"",b=h.length>200&&!g?h.slice(0,200)+"...":h;return(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-6)"},children:[(0,a.jsxs)("div",{style:{borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)",background:"var(--material-regular)",padding:"var(--space-6)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",marginBottom:"var(--space-4)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)"},children:[(0,a.jsx)("span",{style:{fontSize:28,lineHeight:1},children:y}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",letterSpacing:"var(--tracking-tight)",color:"var(--text-primary)",margin:0},children:r.displayName||r.name}),(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",margin:"2px 0 0",fontFamily:"var(--font-mono)"},children:r.name})]})]}),(0,a.jsx)(d,{rank:m})]}),(0,a.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"var(--space-4)"},children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",textTransform:"uppercase",letterSpacing:"var(--tracking-wide)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Department"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-primary)",margin:0},children:r.department||"None"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",textTransform:"uppercase",letterSpacing:"var(--tracking-wide)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Engine"}),(0,a.jsxs)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-primary)",margin:0},children:[r.engine||"claude"," ",(0,a.jsxs)("span",{style:{color:"var(--text-tertiary)"},children:["/ ",r.model||"default"]})]})]})]}),h&&(0,a.jsxs)("div",{style:{marginTop:"var(--space-4)",paddingTop:"var(--space-4)",borderTop:"1px solid var(--separator)"},children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",textTransform:"uppercase",letterSpacing:"var(--tracking-wide)",color:"var(--text-tertiary)",marginBottom:"var(--space-2)"},children:"Persona"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-secondary)",lineHeight:"var(--leading-relaxed)",whiteSpace:"pre-wrap",margin:0},children:b}),h.length>200&&(0,a.jsx)("button",{onClick:()=>f(!g),style:{fontSize:"var(--text-caption1)",color:"var(--accent)",background:"none",border:"none",cursor:"pointer",padding:0,marginTop:"var(--space-1)"},children:g?"Show less":"Show more"})]})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",letterSpacing:"var(--tracking-wide)",textTransform:"uppercase",color:"var(--text-tertiary)",marginBottom:"var(--space-3)"},children:"Recent Sessions"}),0===l.length?(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",textAlign:"center",padding:"var(--space-6) 0"},children:"No sessions found for this employee."}):(0,a.jsx)("div",{style:{borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)",background:"var(--material-regular)",overflow:"hidden"},children:l.map((e,t)=>(0,a.jsxs)("div",{style:{padding:"var(--space-3) var(--space-5)",display:"flex",alignItems:"center",justifyContent:"space-between",borderTop:t>0?"1px solid var(--separator)":void 0},children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",fontFamily:"var(--font-mono)",color:"var(--text-primary)",margin:0},children:e.id.slice(0,8)}),(0,a.jsxs)("p",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2},children:[e.source||"unknown"," ",e.createdAt?new Date(e.createdAt).toLocaleDateString():""]})]}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",padding:"2px 8px",borderRadius:10,..."running"===e.status?{background:"color-mix(in srgb, var(--system-green) 15%, transparent)",color:"var(--system-green)"}:"error"===e.status?{background:"color-mix(in srgb, var(--system-red) 15%, transparent)",color:"var(--system-red)"}:{background:"var(--fill-tertiary)",color:"var(--text-tertiary)"}},children:e.status||"idle"})]},e.id))})]})]})}var p=r(9772);let u={executive:"\uD83C\uDFAF",manager:"\uD83D\uDCCB",senior:"⭐",employee:"\uD83D\uDC64"};function v(e){let{employee:t,selected:r,onSelect:n}=e,i=u[t.rank]||u.employee;return(0,a.jsxs)("button",{onClick:n,style:{display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"var(--material-regular)",border:r?"1.5px solid var(--accent)":"1px solid var(--separator)",cursor:"pointer",width:"100%",textAlign:"left",transition:"all 150ms ease",boxShadow:r?"0 0 0 1px var(--accent), var(--shadow-subtle)":"var(--shadow-subtle)"},children:[(0,a.jsx)("span",{style:{fontSize:24,lineHeight:1,flexShrink:0},children:i}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",lineHeight:"var(--leading-tight)"},children:t.displayName||t.name}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",marginTop:1},children:t.department})]}),(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"flex-end",gap:4,flexShrink:0},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",color:"var(--accent)",background:"var(--accent-fill)",padding:"1px 7px",borderRadius:10},children:t.engine}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-medium)",color:"var(--text-quaternary)",background:"var(--fill-quaternary)",padding:"1px 7px",borderRadius:10},children:t.model})]})]})}function x(e){let{label:t,count:r,children:n}=e;return(0,a.jsx)(p.Zp,{className:"p-0 shadow-none",style:{background:"var(--bg-secondary)",borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)"},children:(0,a.jsxs)(p.Wu,{className:"p-4",style:{display:"flex",flexDirection:"column",gap:"var(--space-2)"},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginBottom:"var(--space-1)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",letterSpacing:"var(--tracking-wide)",textTransform:"uppercase",color:"var(--text-tertiary)"},children:t}),(0,a.jsxs)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-quaternary)",marginLeft:"auto"},children:[r," employee",1!==r?"s":""]})]}),n]})})}function g(e){let{employees:t,selectedName:r,onSelect:n}=e,i=new Map,l=[];for(let e of t)if(e.department){let t=i.get(e.department)||[];t.push(e),i.set(e.department,t)}else l.push(e);let s=t.find(e=>"executive"===e.rank);return(0,a.jsxs)("div",{style:{overflowY:"auto",padding:"var(--space-6)",height:"100%"},children:[s&&(0,a.jsxs)("button",{onClick:()=>n(s),style:{display:"flex",alignItems:"center",gap:"var(--space-5)",width:"100%",padding:"var(--space-5) var(--space-6)",borderRadius:"var(--radius-xl, 20px)",background:"var(--material-regular)",border:r===s.name?"1.5px solid var(--accent)":"1px solid var(--separator)",cursor:"pointer",textAlign:"left",marginBottom:"var(--space-6)",transition:"all 150ms ease",boxShadow:r===s.name?"0 0 0 1px var(--accent), var(--shadow-card)":"var(--shadow-card)"},children:[(0,a.jsx)("span",{style:{fontSize:40,lineHeight:1},children:u.executive}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",letterSpacing:"var(--tracking-tight)",lineHeight:"var(--leading-tight)"},children:s.displayName||s.name}),(0,a.jsx)("div",{style:{fontSize:"var(--text-subheadline)",color:"var(--text-secondary)",marginTop:2},children:s.department})]}),(0,a.jsxs)("div",{style:{display:"flex",gap:"var(--space-4)",flexShrink:0},children:[(0,a.jsxs)("div",{style:{textAlign:"center"},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",lineHeight:1},children:t.length}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2},children:"employees"})]}),(0,a.jsx)("div",{style:{width:1,alignSelf:"stretch",background:"var(--separator)"}}),(0,a.jsxs)("div",{style:{textAlign:"center"},children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",lineHeight:1},children:i.size}),(0,a.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2},children:"depts"})]})]})]}),(0,a.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(300px, 1fr))",gap:"var(--space-5)",alignItems:"start"},children:[Array.from(i.entries()).map(e=>{let[t,i]=e,l=i.filter(e=>e.name!==(null==s?void 0:s.name));return 0===l.length?null:(0,a.jsx)(x,{label:t,count:l.length,children:l.map(e=>(0,a.jsx)(v,{employee:e,selected:r===e.name,onSelect:()=>n(e)},e.name))},t)}),l.length>0&&(0,a.jsx)(x,{label:"Unassigned",count:l.filter(e=>e.name!==(null==s?void 0:s.name)).length,children:l.filter(e=>e.name!==(null==s?void 0:s.name)).map(e=>(0,a.jsx)(v,{employee:e,selected:r===e.name,onSelect:()=>n(e)},e.name))})]})]})}let f={executive:"\uD83C\uDFAF",manager:"\uD83D\uDCCB",senior:"⭐",employee:"\uD83D\uDC64"};function m(e){let{rank:t}=e,r={executive:{bg:"color-mix(in srgb, var(--system-purple) 15%, transparent)",text:"var(--system-purple)"},manager:{bg:"color-mix(in srgb, var(--system-blue) 15%, transparent)",text:"var(--system-blue)"},senior:{bg:"color-mix(in srgb, var(--system-green) 15%, transparent)",text:"var(--system-green)"},employee:{bg:"var(--fill-tertiary)",text:"var(--text-tertiary)"}},n=r[t]||r.employee;return(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:"var(--weight-semibold)",color:n.text,background:n.bg,padding:"2px 8px",borderRadius:10,textTransform:"uppercase",letterSpacing:"0.02em"},children:t})}function y(e){let{employees:t,selectedName:r,onSelect:n}=e,i={executive:0,manager:1,senior:2,employee:3},l=[...t].sort((e,t)=>{var r,a;return(null!=(r=i[e.rank])?r:3)-(null!=(a=i[t.rank])?a:3)});return(0,a.jsxs)("div",{style:{overflowY:"auto",padding:"var(--space-6)",height:"100%"},children:[(0,a.jsx)("div",{style:{display:"flex",gap:"var(--space-3)",marginBottom:"var(--space-5)"},children:["executive","manager","senior","employee"].map(e=>{let r=t.filter(t=>t.rank===e).length;return(0,a.jsxs)("div",{style:{flex:1,background:"var(--material-regular)",border:"1px solid var(--separator)",borderRadius:"var(--radius-md, 12px)",padding:"var(--space-3) var(--space-4)",display:"flex",alignItems:"center",gap:"var(--space-3)"},children:[(0,a.jsx)("span",{style:{fontSize:20},children:f[e]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",lineHeight:1},children:r}),(0,a.jsxs)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginTop:2,textTransform:"capitalize"},children:[e,"s"]})]})]},e)})}),0===l.length?(0,a.jsx)("div",{style:{textAlign:"center",padding:"var(--space-16) var(--space-4)",color:"var(--text-tertiary)"},children:(0,a.jsx)("div",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-medium)"},children:"No employees found"})}):(0,a.jsx)("div",{style:{background:"var(--bg-secondary)",borderRadius:"var(--radius-lg, 16px)",border:"1px solid var(--separator)",overflow:"hidden"},children:l.map((e,t)=>{let i=r===e.name,l=f[e.rank]||f.employee;return(0,a.jsxs)("button",{onClick:()=>n(e),style:{display:"flex",alignItems:"center",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",width:"100%",background:i?"var(--fill-secondary)":"transparent",border:"none",borderTop:t>0?"1px solid var(--separator)":void 0,cursor:"pointer",textAlign:"left",transition:"background 150ms ease"},children:[(0,a.jsx)("span",{style:{fontSize:20,lineHeight:1,flexShrink:0},children:l}),(0,a.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:e.displayName||e.name}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",color:"var(--text-quaternary)",fontFamily:"var(--font-mono)"},children:e.name})]}),(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginTop:2},children:(0,a.jsx)("span",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)"},children:e.department||"No department"})})]}),(0,a.jsx)(m,{rank:e.rank})]},e.name)})})]})}var h=r(3073),b=r(1142),j=r(2755);let S=l()(()=>Promise.all([r.e(763),r.e(874),r.e(517)]).then(r.bind(r,7898)).then(e=>({default:e.OrgMap})),{loadableGenerated:{webpack:()=>[7898]},ssr:!1,loading:()=>(0,a.jsx)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:"var(--space-3)",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading map..."})});function w(){var e,t,r;let[i,l]=(0,n.useState)([]),[o,d]=(0,n.useState)(!0),[p,u]=(0,n.useState)(null),[v,x]=(0,n.useState)(null),[f,m]=(0,n.useState)("map"),w=(0,n.useRef)(null),{settings:k}=(0,j.t0)(),z=(0,n.useCallback)(()=>{d(!0),u(null),s.F.getOrg().then(async e=>{var t,r;let a=await Promise.all(e.employees.map(async e=>{try{return await s.F.getEmployee(e)}catch(t){return{name:e,displayName:e,department:"",rank:"employee",engine:"unknown",model:"unknown",persona:""}}}));l([{name:(null!=(t=k.portalName)?t:"Jinn").toLowerCase(),displayName:null!=(r=k.portalName)?r:"Jinn",department:"",rank:"executive",engine:"claude",model:"opus",persona:"COO and AI gateway daemon"},...a])}).catch(e=>u(e.message)).finally(()=>d(!1))},[k.portalName]);(0,n.useEffect)(()=>{z()},[z]),(0,n.useEffect)(()=>{v&&w.current&&w.current.focus()},[v]),(0,n.useEffect)(()=>{function e(e){"Escape"===e.key&&v&&x(null)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[v]);let C=(0,n.useCallback)(e=>{x(e)},[]);return p?(0,a.jsx)(h.M,{children:(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",gap:"var(--space-4)",color:"var(--text-tertiary)"},children:[(0,a.jsxs)("div",{style:{borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:["Failed to load organization: ",p]}),(0,a.jsx)("button",{onClick:z,style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"var(--accent)",color:"var(--accent-contrast)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)"},children:"Retry"})]})}):(0,a.jsx)(h.M,{children:(0,a.jsxs)("div",{style:{display:"flex",height:"100%",position:"relative",background:"var(--bg)"},children:[(0,a.jsx)("div",{style:{flex:1,height:"100%",position:"relative"},children:(0,a.jsxs)(b.tU,{value:f,onValueChange:m,className:"h-full flex flex-col",children:[(0,a.jsx)("div",{style:{position:"absolute",top:"var(--space-4)",left:"var(--space-4)",zIndex:10},children:(0,a.jsxs)(b.j7,{children:[(0,a.jsx)(b.Xi,{value:"map",children:"Map"}),(0,a.jsx)(b.Xi,{value:"grid",children:"Grid"}),(0,a.jsx)(b.Xi,{value:"list",children:"List"})]})}),(0,a.jsx)(b.av,{value:"map",className:"flex-1",children:o?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."}):(0,a.jsx)(S,{employees:i,selectedName:null!=(e=null==v?void 0:v.name)?e:null,onNodeClick:C})}),(0,a.jsx)(b.av,{value:"grid",className:"flex-1 overflow-hidden",children:o?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."}):(0,a.jsx)(g,{employees:i,selectedName:null!=(t=null==v?void 0:v.name)?t:null,onSelect:C})}),(0,a.jsx)(b.av,{value:"list",className:"flex-1 overflow-hidden",children:o?(0,a.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%",color:"var(--text-tertiary)",fontSize:"var(--text-caption1)"},children:"Loading..."}):(0,a.jsx)(y,{employees:i,selectedName:null!=(r=null==v?void 0:v.name)?r:null,onSelect:C})})]})}),v&&(0,a.jsx)("div",{className:"fixed inset-0 z-30 lg:hidden",style:{background:"rgba(0,0,0,0.5)"},onClick:()=>x(null)}),v&&(0,a.jsx)("div",{style:{position:"absolute",top:0,right:0,bottom:0,zIndex:30},children:(0,a.jsxs)("div",{style:{width:380,maxWidth:"100vw",height:"100%",overflowY:"auto",background:"var(--bg)",boxShadow:"var(--shadow-overlay)",display:"flex",flexDirection:"column"},children:[(0,a.jsx)("div",{style:{position:"sticky",top:0,zIndex:10,display:"flex",alignItems:"center",justifyContent:"flex-end",padding:"var(--space-3) var(--space-4)",background:"var(--bg)"},children:(0,a.jsx)("button",{ref:w,onClick:()=>x(null),"aria-label":"Close detail panel",style:{width:30,height:30,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:"var(--fill-tertiary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:14},children:"✕"})}),(0,a.jsx)("div",{style:{padding:"0 var(--space-4) var(--space-6)"},children:(0,a.jsx)(c,{name:v.name})})]})})]})})}},1142:(e,t,r)=>{"use strict";r.d(t,{Xi:()=>c,av:()=>p,j7:()=>d,tU:()=>s});var a=r(8111);r(5271);var n=r(3916),i=r(7534),l=r(1397);function s(e){let{className:t,orientation:r="horizontal",...n}=e;return(0,a.jsx)(i.bL,{"data-slot":"tabs","data-orientation":r,orientation:r,className:(0,l.cn)("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",t),...n})}let o=(0,n.F)("rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function d(e){let{className:t,variant:r="default",...n}=e;return(0,a.jsx)(i.B8,{"data-slot":"tabs-list","data-variant":r,className:(0,l.cn)(o({variant:r}),t),...n})}function c(e){let{className:t,...r}=e;return(0,a.jsx)(i.l9,{"data-slot":"tabs-trigger",className:(0,l.cn)("focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent","data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground","after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",t),...r})}function p(e){let{className:t,...r}=e;return(0,a.jsx)(i.UC,{"data-slot":"tabs-content",className:(0,l.cn)("flex-1 outline-none",t),...r})}},1397:(e,t,r)=>{"use strict";r.d(t,{cn:()=>i});var a=r(5242),n=r(3065);function i(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,n.QP)((0,a.$)(t))}},2202:(e,t,r)=>{Promise.resolve().then(r.bind(r,1108))},4074:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return n}});let a=r(5983)._(r(6378));function n(e,t){var r;let n={};"function"==typeof e&&(n.loader=e);let i={...n,...t};return(0,a.default)({...i,modules:null==(r=i.loadableGenerated)?void 0:r.modules})}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},6378:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return o}});let a=r(8111),n=r(5271),i=r(41);function l(e){return{default:e&&"default"in e?e.default:e}}r(7044);let s={loader:()=>Promise.resolve(l(()=>null)),loading:null,ssr:!0},o=function(e){let t={...s,...e},r=(0,n.lazy)(()=>t.loader().then(l)),o=t.loading;function d(e){let l=o?(0,a.jsx)(o,{isLoading:!0,pastDelay:!0,error:null}):null,s=!t.ssr||!!t.loading,d=s?n.Suspense:n.Fragment,c=t.ssr?(0,a.jsxs)(a.Fragment,{children:[null,(0,a.jsx)(r,{...e})]}):(0,a.jsx)(i.BailoutToCSR,{reason:"next/dynamic",children:(0,a.jsx)(r,{...e})});return(0,a.jsx)(d,{...s?{fallback:l}:{},children:c})}return d.displayName="LoadableComponent",d}},6656:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorageInstance",{enumerable:!0,get:function(){return a}});let a=(0,r(6802).createAsyncLocalStorage)()},6802:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{bindSnapshot:function(){return l},createAsyncLocalStorage:function(){return i},createSnapshot:function(){return s}});let r=Object.defineProperty(Error("Invariant: AsyncLocalStorage accessed in runtime where it is not available"),"__NEXT_ERROR_CODE",{value:"E504",enumerable:!1,configurable:!0});class a{disable(){throw r}getStore(){}run(){throw r}exit(){throw r}enterWith(){throw r}static bind(e){return e}}let n="undefined"!=typeof globalThis&&globalThis.AsyncLocalStorage;function i(){return n?new n:new a}function l(e){return n?n.bind(e):a.bind(e)}function s(){return n?n.snapshot():function(e,...t){return e(...t)}}},7044:(e,t,r)=>{"use strict";function a(e){let{moduleIds:t}=e;return null}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"PreloadChunks",{enumerable:!0,get:function(){return a}}),r(8111),r(8054),r(9347),r(1962)},9347:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"workAsyncStorage",{enumerable:!0,get:function(){return a.workAsyncStorageInstance}});let a=r(6656)},9772:(e,t,r)=>{"use strict";r.d(t,{Wu:()=>o,ZB:()=>s,Zp:()=>i,aR:()=>l});var a=r(8111);r(5271);var n=r(1397);function i(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card",className:(0,n.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...r})}function l(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-header",className:(0,n.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...r})}function s(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-title",className:(0,n.cn)("leading-none font-semibold",t),...r})}function o(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-content",className:(0,n.cn)("px-6",t),...r})}}},e=>{e.O(0,[704,590,198,534,73,814,743,358],()=>e(e.s=2202)),_N_E=e.O()}]);
|
package/dist/web/_next/static/chunks/app/{page-b81992940fd1dbc6.js → page-b98417ed4f4d45a0.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{98:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>w});var a=r(8111),i=r(5271),n=r(5935),s=r.n(n),o=r(3176),l=r(4263),c=r(2755),d=r(3073),h=r(9772),p=r(6778),x=r(1983);let v=(0,x.A)("network",[["rect",{x:"16",y:"16",width:"6",height:"6",rx:"1",key:"4q2zg0"}],["rect",{x:"2",y:"16",width:"6",height:"6",rx:"1",key:"8cvhb9"}],["rect",{x:"9",y:"2",width:"6",height:"6",rx:"1",key:"1egb70"}],["path",{d:"M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3",key:"1jsf9p"}],["path",{d:"M12 12V8",key:"2874zd"}]]),y=(0,x.A)("square-kanban",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M8 7v7",key:"1x2jlm"}],["path",{d:"M12 7v4",key:"xawao1"}],["path",{d:"M16 7v9",key:"1hp2iy"}]]),m=(0,x.A)("timer",[["line",{x1:"10",x2:"14",y1:"2",y2:"2",key:"14vaq8"}],["line",{x1:"12",x2:"15",y1:"14",y2:"11",key:"17fdiu"}],["circle",{cx:"12",cy:"14",r:"8",key:"1e1u0o"}]]);var g=r(6361),u=r(4514),f=r(1935),j=r(2265);let b=(0,x.A)("cpu",[["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M17 20v2",key:"1rnc9c"}],["path",{d:"M17 2v2",key:"11trls"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M2 17h2",key:"7oei6x"}],["path",{d:"M2 7h2",key:"asdhe0"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"M20 17h2",key:"1fpfkl"}],["path",{d:"M20 7h2",key:"1o8tra"}],["path",{d:"M7 20v2",key:"4gnj0m"}],["path",{d:"M7 2v2",key:"1i4yhu"}],["rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",key:"1vbyd7"}],["rect",{x:"8",y:"8",width:"8",height:"8",rx:"1",key:"z9xiuo"}]]),k=(0,x.A)("calendar-clock",[["path",{d:"M16 14v2.2l1.6 1",key:"fo4ql5"}],["path",{d:"M16 2v4",key:"4m81vk"}],["path",{d:"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5",key:"1osxxc"}],["path",{d:"M3 10h5",key:"r794hk"}],["path",{d:"M8 2v4",key:"1cmpym"}],["circle",{cx:"16",cy:"16",r:"6",key:"qoo3c4"}]]);function w(){var e,t,r,n;let{settings:x}=(0,c.t0)(),w=null!=(t=x.portalName)?t:"Jinn",[S,z]=(0,i.useState)(null),[M,N]=(0,i.useState)(null),[W,A]=(0,i.useState)(null),[C,T]=(0,i.useState)([]),{events:R,connected:B}=(0,l.G)();(0,i.useEffect)(()=>{o.F.getOnboarding().then(e=>{e.needed&&(window.location.href="/chat?onboarding=1")}).catch(()=>{}),o.F.getStatus().then(e=>z(e)).catch(e=>A(e.message)),o.F.getCronJobs().then(e=>N(e.length)).catch(()=>{}),o.F.getActivity().then(e=>{T(e.map(e=>({event:e.event,payload:e.payload})))}).catch(()=>{})},[]);let q=(null==S?void 0:S.engines)&&null!=(r=Object.keys(S.engines)[0])?r:"--",I=[...R.length>0?R:C].reverse().slice(0,20);return(0,a.jsx)(d.M,{children:(0,a.jsxs)("div",{style:{height:"100%",overflowY:"auto",padding:"var(--space-6)"},children:[(0,a.jsxs)("div",{style:{marginBottom:"var(--space-6)"},children:[(0,a.jsx)("h2",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",marginBottom:"var(--space-1)"},children:"Dashboard"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Gateway overview and live activity"})]}),W&&(0,a.jsxs)("div",{style:{marginBottom:"var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:["Failed to connect: ",W]}),(0,a.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(200px, 1fr))",gap:"var(--space-4)",marginBottom:"var(--space-6)"},children:[(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-blue) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--system-blue)"},children:(0,a.jsx)(f.A,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Uptime"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:(null==S?void 0:S.uptime)!=null?function(e){let t=Math.floor(e/86400),r=Math.floor(e%86400/3600),a=Math.floor(e%3600/60);return t>0?"".concat(t,"d ").concat(r,"h ").concat(a,"m"):r>0?"".concat(r,"h ").concat(a,"m"):"".concat(a,"m")}(S.uptime):"--"})]})]})}),(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-green) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--system-green)"},children:(0,a.jsx)(j.A,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Active Sessions"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:null!=(n=null==S||null==(e=S.sessions)?void 0:e.active)?n:"--"})]})]})}),(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--accent) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--accent)"},children:(0,a.jsx)(b,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Engines"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",textTransform:"capitalize"},children:q})]})]})}),(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-orange) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--system-orange)"},children:(0,a.jsx)(k,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Cron Jobs"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:null!=M?M:"--"})]})]})})]}),(0,a.jsxs)("div",{style:{marginBottom:"var(--space-6)"},children:[(0,a.jsx)("h3",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",marginBottom:"var(--space-3)"},children:"Quick Links"}),(0,a.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(180px, 1fr))",gap:"var(--space-3)"},children:[{href:"/chat",icon:p.A,name:"Chat",description:"Talk to ".concat(w," directly")},{href:"/org",icon:v,name:"Organization",description:"View employees and departments"},{href:"/kanban",icon:y,name:"Kanban",description:"Manage tasks and boards"},{href:"/cron",icon:m,name:"Cron",description:"Scheduled jobs and automations"},{href:"/costs",icon:g.A,name:"Costs",description:"API usage and spending"},{href:"/logs",icon:u.A,name:"Activity",description:"Logs and event stream"}].map(e=>{let t=e.icon;return(0,a.jsx)(s(),{href:e.href,style:{textDecoration:"none"},children:(0,a.jsx)(h.Zp,{className:"py-4 h-full cursor-pointer transition-colors hover:border-[var(--accent)]",children:(0,a.jsxs)(h.Wu,{className:"flex flex-col gap-2",children:[(0,a.jsx)("div",{style:{width:36,height:36,borderRadius:"var(--radius-sm, 8px)",background:"var(--fill-secondary)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--accent)"},children:(0,a.jsx)(t,{size:18})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:e.name}),(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",marginTop:2},children:e.description})]})]})})},e.href)})})]}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginBottom:"var(--space-3)"},children:[(0,a.jsx)("h3",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:"Recent Activity"}),(0,a.jsx)("span",{style:{width:8,height:8,borderRadius:"50%",background:B?"var(--system-green)":"var(--text-quaternary)",display:"inline-block"}})]}),(0,a.jsx)(h.Zp,{className:"py-0 overflow-hidden",children:0===I.length?(0,a.jsx)("div",{style:{padding:"var(--space-6)",textAlign:"center",fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Waiting for events..."}):(0,a.jsx)("div",{style:{maxHeight:320,overflowY:"auto"},children:I.map((e,t)=>(0,a.jsxs)("div",{style:{display:"flex",alignItems:"flex-start",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",borderBottom:t<I.length-1?"1px solid var(--separator)":"none"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontFamily:"var(--font-mono)",color:"var(--accent)",background:"color-mix(in srgb, var(--accent) 10%, transparent)",padding:"2px 8px",borderRadius:"var(--radius-sm, 8px)",whiteSpace:"nowrap",marginTop:1},children:e.event}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontFamily:"var(--font-mono)",color:"var(--text-tertiary)",flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:JSON.stringify(e.payload)}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-quaternary)",whiteSpace:"nowrap"},children:new Date(Date.now()-(I.length-1-t)*1e3).toLocaleTimeString()})]},t))})})]})]})})}},1397:(e,t,r)=>{"use strict";r.d(t,{cn:()=>n});var a=r(5242),i=r(3065);function n(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,i.QP)((0,a.$)(t))}},5493:(e,t,r)=>{Promise.resolve().then(r.bind(r,98))},9772:(e,t,r)=>{"use strict";r.d(t,{Wu:()=>l,ZB:()=>o,Zp:()=>n,aR:()=>s});var a=r(8111);r(5271);var i=r(1397);function n(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card",className:(0,i.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...r})}function s(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-header",className:(0,i.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...r})}function o(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-title",className:(0,i.cn)("leading-none font-semibold",t),...r})}function l(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-content",className:(0,i.cn)("px-6",t),...r})}}},e=>{e.O(0,[704,590,73,814,743,358],()=>e(e.s=5493)),_N_E=e.O()}]);
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{98:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>w});var a=r(8111),i=r(5271),n=r(5935),s=r.n(n),o=r(3176),l=r(4263),c=r(2755),d=r(3073),h=r(9772),p=r(6778),x=r(1983);let v=(0,x.A)("network",[["rect",{x:"16",y:"16",width:"6",height:"6",rx:"1",key:"4q2zg0"}],["rect",{x:"2",y:"16",width:"6",height:"6",rx:"1",key:"8cvhb9"}],["rect",{x:"9",y:"2",width:"6",height:"6",rx:"1",key:"1egb70"}],["path",{d:"M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3",key:"1jsf9p"}],["path",{d:"M12 12V8",key:"2874zd"}]]),y=(0,x.A)("square-kanban",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M8 7v7",key:"1x2jlm"}],["path",{d:"M12 7v4",key:"xawao1"}],["path",{d:"M16 7v9",key:"1hp2iy"}]]),m=(0,x.A)("timer",[["line",{x1:"10",x2:"14",y1:"2",y2:"2",key:"14vaq8"}],["line",{x1:"12",x2:"15",y1:"14",y2:"11",key:"17fdiu"}],["circle",{cx:"12",cy:"14",r:"8",key:"1e1u0o"}]]);var g=r(6361),u=r(4514),f=r(1935),j=r(2265);let b=(0,x.A)("cpu",[["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M17 20v2",key:"1rnc9c"}],["path",{d:"M17 2v2",key:"11trls"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M2 17h2",key:"7oei6x"}],["path",{d:"M2 7h2",key:"asdhe0"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"M20 17h2",key:"1fpfkl"}],["path",{d:"M20 7h2",key:"1o8tra"}],["path",{d:"M7 20v2",key:"4gnj0m"}],["path",{d:"M7 2v2",key:"1i4yhu"}],["rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",key:"1vbyd7"}],["rect",{x:"8",y:"8",width:"8",height:"8",rx:"1",key:"z9xiuo"}]]),k=(0,x.A)("calendar-clock",[["path",{d:"M16 14v2.2l1.6 1",key:"fo4ql5"}],["path",{d:"M16 2v4",key:"4m81vk"}],["path",{d:"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5",key:"1osxxc"}],["path",{d:"M3 10h5",key:"r794hk"}],["path",{d:"M8 2v4",key:"1cmpym"}],["circle",{cx:"16",cy:"16",r:"6",key:"qoo3c4"}]]);function w(){var e,t,r,n;let{settings:x}=(0,c.t0)(),w=null!=(t=x.portalName)?t:"Jinn",[S,z]=(0,i.useState)(null),[M,N]=(0,i.useState)(null),[W,A]=(0,i.useState)(null),[C,T]=(0,i.useState)([]),{events:R,connected:B}=(0,l.G)();(0,i.useEffect)(()=>{o.F.getOnboarding().then(e=>{e.needed&&(window.location.href="/chat?onboarding=1")}).catch(()=>{}),o.F.getStatus().then(e=>z(e)).catch(e=>A(e.message)),o.F.getCronJobs().then(e=>N(e.length)).catch(()=>{}),o.F.getActivity().then(e=>{T(e.map(e=>({event:e.event,payload:e.payload})))}).catch(()=>{})},[]);let q=(null==S?void 0:S.engines)&&null!=(r=Object.keys(S.engines)[0])?r:"--",I=[...R.length>0?R:C].reverse().slice(0,20);return(0,a.jsx)(d.M,{children:(0,a.jsxs)("div",{style:{height:"100%",overflowY:"auto",padding:"var(--space-6)"},children:[(0,a.jsxs)("div",{style:{marginBottom:"var(--space-6)"},children:[(0,a.jsx)("h2",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",marginBottom:"var(--space-1)"},children:"Dashboard"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Gateway overview and live activity"})]}),W&&(0,a.jsxs)("div",{style:{marginBottom:"var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:["Failed to connect: ",W]}),(0,a.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(200px, 1fr))",gap:"var(--space-4)",marginBottom:"var(--space-6)"},children:[(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-blue) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--system-blue)"},children:(0,a.jsx)(f.A,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Uptime"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:(null==S?void 0:S.uptime)!=null?function(e){let t=Math.floor(e/86400),r=Math.floor(e%86400/3600),a=Math.floor(e%3600/60);return t>0?"".concat(t,"d ").concat(r,"h ").concat(a,"m"):r>0?"".concat(r,"h ").concat(a,"m"):"".concat(a,"m")}(S.uptime):"--"})]})]})}),(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-green) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--system-green)"},children:(0,a.jsx)(j.A,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Active Sessions"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:null!=(n=null==S||null==(e=S.sessions)?void 0:e.active)?n:"--"})]})]})}),(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--accent) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--accent)"},children:(0,a.jsx)(b,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Engines"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",textTransform:"capitalize"},children:q})]})]})}),(0,a.jsx)(h.Zp,{className:"py-4",children:(0,a.jsxs)(h.Wu,{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-orange) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--system-orange)"},children:(0,a.jsx)(k,{size:20})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Cron Jobs"}),(0,a.jsx)("p",{style:{fontSize:"var(--text-title3)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:null!=M?M:"--"})]})]})})]}),(0,a.jsxs)("div",{style:{marginBottom:"var(--space-6)"},children:[(0,a.jsx)("h3",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",marginBottom:"var(--space-3)"},children:"Quick Links"}),(0,a.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(180px, 1fr))",gap:"var(--space-3)"},children:[{href:"/chat",icon:p.A,name:"Chat",description:"Talk to ".concat(w," directly")},{href:"/org",icon:v,name:"Organization",description:"View employees and departments"},{href:"/kanban",icon:y,name:"Kanban",description:"Manage tasks and boards"},{href:"/cron",icon:m,name:"Cron",description:"Scheduled jobs and automations"},{href:"/costs",icon:g.A,name:"Costs",description:"API usage and spending"},{href:"/logs",icon:u.A,name:"Activity",description:"Logs and event stream"}].map(e=>{let t=e.icon;return(0,a.jsx)(s(),{href:e.href,style:{textDecoration:"none"},children:(0,a.jsx)(h.Zp,{className:"py-4 h-full cursor-pointer transition-colors hover:border-[var(--accent)]",children:(0,a.jsxs)(h.Wu,{className:"flex flex-col gap-2",children:[(0,a.jsx)("div",{style:{width:36,height:36,borderRadius:"var(--radius-sm, 8px)",background:"var(--fill-secondary)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--accent)"},children:(0,a.jsx)(t,{size:18})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:e.name}),(0,a.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",marginTop:2},children:e.description})]})]})})},e.href)})})]}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginBottom:"var(--space-3)"},children:[(0,a.jsx)("h3",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)"},children:"Recent Activity"}),(0,a.jsx)("span",{style:{width:8,height:8,borderRadius:"50%",background:B?"var(--system-green)":"var(--text-quaternary)",display:"inline-block"}})]}),(0,a.jsx)(h.Zp,{className:"py-0 overflow-hidden",children:0===I.length?(0,a.jsx)("div",{style:{padding:"var(--space-6)",textAlign:"center",fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Waiting for events..."}):(0,a.jsx)("div",{style:{maxHeight:320,overflowY:"auto"},children:I.map((e,t)=>(0,a.jsxs)("div",{style:{display:"flex",alignItems:"flex-start",gap:"var(--space-3)",padding:"var(--space-3) var(--space-4)",borderBottom:t<I.length-1?"1px solid var(--separator)":"none"},children:[(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontFamily:"var(--font-mono)",color:"var(--accent)",background:"color-mix(in srgb, var(--accent) 10%, transparent)",padding:"2px 8px",borderRadius:"var(--radius-sm, 8px)",whiteSpace:"nowrap",marginTop:1},children:e.event}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontFamily:"var(--font-mono)",color:"var(--text-tertiary)",flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:JSON.stringify(e.payload)}),(0,a.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-quaternary)",whiteSpace:"nowrap"},children:new Date(Date.now()-(I.length-1-t)*1e3).toLocaleTimeString()})]},t))})})]})]})})}},1397:(e,t,r)=>{"use strict";r.d(t,{cn:()=>n});var a=r(5242),i=r(3065);function n(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,i.QP)((0,a.$)(t))}},5547:(e,t,r)=>{Promise.resolve().then(r.bind(r,98))},9772:(e,t,r)=>{"use strict";r.d(t,{Wu:()=>l,ZB:()=>o,Zp:()=>n,aR:()=>s});var a=r(8111);r(5271);var i=r(1397);function n(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card",className:(0,i.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...r})}function s(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-header",className:(0,i.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...r})}function o(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-title",className:(0,i.cn)("leading-none font-semibold",t),...r})}function l(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-content",className:(0,i.cn)("px-6",t),...r})}}},e=>{e.O(0,[704,590,73,814,743,358],()=>e(e.s=5547)),_N_E=e.O()}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[898],{1142:(e,t,a)=>{"use strict";a.d(t,{Xi:()=>c,av:()=>u,j7:()=>d,tU:()=>o});var r=a(8111);a(5271);var n=a(3916),i=a(7534),s=a(1397);function o(e){let{className:t,orientation:a="horizontal",...n}=e;return(0,r.jsx)(i.bL,{"data-slot":"tabs","data-orientation":a,orientation:a,className:(0,s.cn)("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",t),...n})}let l=(0,n.F)("rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function d(e){let{className:t,variant:a="default",...n}=e;return(0,r.jsx)(i.B8,{"data-slot":"tabs-list","data-variant":a,className:(0,s.cn)(l({variant:a}),t),...n})}function c(e){let{className:t,...a}=e;return(0,r.jsx)(i.l9,{"data-slot":"tabs-trigger",className:(0,s.cn)("focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent","data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground","after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",t),...a})}function u(e){let{className:t,...a}=e;return(0,r.jsx)(i.UC,{"data-slot":"tabs-content",className:(0,s.cn)("flex-1 outline-none",t),...a})}},1397:(e,t,a)=>{"use strict";a.d(t,{cn:()=>i});var r=a(5242),n=a(3065);function i(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,n.QP)((0,r.$)(t))}},2876:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});let r=(0,a(1983).A)("refresh-cw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]])},9033:(e,t,a)=>{Promise.resolve().then(a.bind(a,9504))},9504:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>S});var r=a(8111),n=a(5271),i=a(3176),s=a(1298),o=a(9772),l=a(3916),d=a(1373),c=a(1397);let u=(0,l.F)("inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",ghost:"[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",link:"text-primary underline-offset-4 [a&]:hover:underline"}},defaultVariants:{variant:"default"}});function v(e){let{className:t,variant:a="default",asChild:n=!1,...i}=e,s=n?d.bL:"span";return(0,r.jsx)(s,{"data-slot":"badge","data-variant":a,className:(0,c.cn)(u({variant:a}),t),...i})}var p=a(2755);let x={idle:"secondary",queued:"outline",running:"default",error:"destructive"},g={idle:"Idle",queued:"Queued",running:"Running",error:"Error"};function f(e){var t;let{sessions:a,selectedId:s,onSelect:l,onDeleted:d}=e,{settings:c}=(0,p.t0)(),u=null!=(t=c.portalName)?t:"Jinn",[f,h]=(0,n.useState)(null),[b,y]=(0,n.useState)(null);async function m(){if(b){try{await i.F.deleteSession(b),null==d||d()}catch(e){}y(null)}}return 0===a.length?(0,r.jsx)(o.Zp,{children:(0,r.jsx)(o.Wu,{children:(0,r.jsx)("div",{style:{textAlign:"center",padding:"var(--space-6)",color:"var(--text-tertiary)",fontSize:"var(--text-body)"},children:"No sessions found"})})}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-3)"},onClick:()=>h(null),children:a.map(e=>{var t;return(0,r.jsx)(o.Zp,{className:"py-3 cursor-pointer transition-colors",onClick:()=>l(e.id),onContextMenu:t=>{var a;return a=e.id,void(t.preventDefault(),h({x:t.clientX,y:t.clientY,sessionId:a}))},style:{cursor:"pointer",borderColor:s===e.id?"var(--accent)":void 0,background:s===e.id?"color-mix(in srgb, var(--accent) 5%, var(--bg-card, var(--bg)))":void 0},children:(0,r.jsxs)(o.Wu,{className:"flex items-center justify-between gap-4",children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)",flex:1,minWidth:0},children:[(0,r.jsx)("div",{style:{width:36,height:36,borderRadius:"var(--radius-sm, 8px)",background:"var(--fill-secondary)",display:"flex",alignItems:"center",justifyContent:"center",fontFamily:"var(--font-mono)",fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",color:"var(--text-secondary)",flexShrink:0,textTransform:"uppercase"},children:e.engine.charAt(0)}),(0,r.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginBottom:2},children:[(0,r.jsx)("span",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.title||e.employee||u}),(0,r.jsx)(v,{variant:null!=(t=x[e.status])?t:"secondary",children:g[e.transportState||e.status]||e.transportState||e.status})]}),(0,r.jsxs)("div",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",display:"flex",gap:"var(--space-3)"},children:[(0,r.jsx)("span",{children:e.connector||e.source}),(0,r.jsx)("span",{children:e.employee||u}),"number"==typeof e.queueDepth&&e.queueDepth>0?(0,r.jsxs)("span",{children:["Queue ",e.queueDepth]}):null]})]})]}),(0,r.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-quaternary)",whiteSpace:"nowrap",flexShrink:0},children:function(e){let t=Math.floor((Date.now()-new Date(e).getTime())/1e3);if(t<60)return"".concat(t,"s ago");let a=Math.floor(t/60);if(a<60)return"".concat(a,"m ago");let r=Math.floor(a/60);if(r<24)return"".concat(r,"h ago");let n=Math.floor(r/24);return"".concat(n,"d ago")}(e.lastActivity)})]})},e.id)})}),f&&(0,r.jsx)("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:50},onClick:()=>h(null),children:(0,r.jsx)("div",{style:{position:"fixed",top:f.y,left:f.x,background:"var(--bg)",border:"1px solid var(--separator)",borderRadius:"var(--radius-md)",boxShadow:"var(--shadow-lg)",padding:"var(--space-1)",zIndex:51,minWidth:160},onClick:e=>e.stopPropagation(),children:(0,r.jsxs)("button",{onClick:()=>{var e;return e=f.sessionId,void(h(null),y(e))},style:{width:"100%",textAlign:"left",padding:"var(--space-2) var(--space-3)",fontSize:"var(--text-footnote)",color:"var(--system-red)",background:"transparent",border:"none",cursor:"pointer",borderRadius:"var(--radius-sm)",display:"flex",alignItems:"center",gap:"var(--space-2)"},children:[(0,r.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("polyline",{points:"3 6 5 6 21 6"}),(0,r.jsx)("path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"})]}),"Delete Session"]})})}),b&&(0,r.jsx)("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,background:"rgba(0,0,0,0.5)",zIndex:60,display:"flex",alignItems:"center",justifyContent:"center"},onClick:()=>y(null),children:(0,r.jsxs)("div",{style:{background:"var(--bg)",borderRadius:"var(--radius-lg)",padding:"var(--space-6)",maxWidth:400,width:"90%",boxShadow:"var(--shadow-overlay)"},onClick:e=>e.stopPropagation(),children:[(0,r.jsx)("h3",{style:{fontSize:"var(--text-headline)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",marginBottom:"var(--space-2)"},children:"Delete Session?"}),(0,r.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-secondary)",marginBottom:"var(--space-5)"},children:"This will permanently delete the session and all its messages. This cannot be undone."}),(0,r.jsxs)("div",{style:{display:"flex",gap:"var(--space-3)",justifyContent:"flex-end"},children:[(0,r.jsx)("button",{onClick:()=>y(null),style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md)",background:"var(--fill-tertiary)",color:"var(--text-primary)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-medium)"},children:"Cancel"}),(0,r.jsx)("button",{onClick:m,style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md)",background:"var(--system-red)",color:"#fff",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)"},children:"Delete"})]})]})})]})}let h={idle:"secondary",queued:"outline",running:"default",error:"destructive"};function b(e){let{label:t,value:a}=e;return(0,r.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:"var(--space-3)",padding:"var(--space-2) 0",borderBottom:"1px solid var(--separator)"},children:[(0,r.jsx)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--text-tertiary)",flexShrink:0},children:t}),(0,r.jsx)("span",{style:{fontSize:"var(--text-body)",color:"var(--text-primary)",textAlign:"right",wordBreak:"break-all"},children:a||(0,r.jsx)("span",{style:{color:"var(--text-quaternary)"},children:"--"})})]})}function y(e){return new Date(e).toLocaleString()}function m(e){var t,a;let{session:s,onClose:l,onNavigate:d}=e,{settings:c}=(0,p.t0)(),u=null!=(t=c.portalName)?t:"Jinn",[x,g]=(0,n.useState)([]);return(0,n.useEffect)(()=>{i.F.getSessionChildren(s.id).then(e=>g(e)).catch(()=>g([]))},[s.id]),(0,r.jsxs)(o.Zp,{children:[(0,r.jsx)(o.aR,{children:(0,r.jsx)(o.ZB,{style:{fontSize:"var(--text-headline)",color:"var(--text-primary)"},children:s.title||"Session Detail"})}),(0,r.jsx)(o.Wu,{children:(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,r.jsx)(b,{label:"Session ID",value:(0,r.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:"var(--text-caption1)"},children:s.id})}),(0,r.jsx)(b,{label:"Engine",value:(0,r.jsxs)("span",{style:{textTransform:"capitalize"},children:[s.engine,s.model?" (".concat(s.model,")"):""]})}),(0,r.jsx)(b,{label:"Connector",value:s.connector||s.source}),(0,r.jsx)(b,{label:"Session Key",value:s.sessionKey}),(0,r.jsx)(b,{label:"Source",value:s.source}),(0,r.jsx)(b,{label:"Employee",value:s.employee||u}),(0,r.jsx)(b,{label:"Status",value:(0,r.jsx)(v,{variant:null!=(a=h[s.transportState||s.status])?a:"secondary",children:(s.transportState||s.status).charAt(0).toUpperCase()+(s.transportState||s.status).slice(1)})}),(0,r.jsx)(b,{label:"Queue Depth",value:"number"==typeof s.queueDepth?String(s.queueDepth):"--"}),(0,r.jsx)(b,{label:"Message ID",value:s.messageId||"--"}),(0,r.jsx)(b,{label:"Created",value:y(s.createdAt)}),(0,r.jsx)(b,{label:"Last Activity",value:y(s.lastActivity)}),s.parentSessionId&&(0,r.jsx)(b,{label:"Parent Session",value:(0,r.jsxs)("button",{onClick:()=>null==d?void 0:d(s.parentSessionId),style:{fontFamily:"var(--font-mono)",fontSize:"var(--text-caption1)",color:"var(--accent)",background:"none",border:"none",cursor:"pointer",textDecoration:"underline",padding:0},children:[s.parentSessionId.slice(0,12),"..."]})}),x.length>0&&(0,r.jsxs)("div",{style:{marginTop:"var(--space-3)"},children:[(0,r.jsxs)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--text-tertiary)",display:"block",marginBottom:"var(--space-2)"},children:["Child Sessions (",x.length,")"]}),(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:x.map(e=>{var t;return(0,r.jsxs)("button",{onClick:()=>null==d?void 0:d(e.id),style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"var(--space-2) var(--space-3)",background:"var(--fill-secondary)",borderRadius:"var(--radius-sm, 8px)",border:"none",cursor:"pointer",textAlign:"left"},children:[(0,r.jsx)("span",{style:{fontSize:"var(--text-caption1)",color:"var(--text-primary)",fontWeight:"var(--weight-medium)"},children:e.title||e.employee||"Session"}),(0,r.jsx)(v,{variant:null!=(t=h[e.status])?t:"secondary",children:e.status})]},e.id)})})]}),s.lastError&&(0,r.jsxs)("div",{style:{marginTop:"var(--space-3)"},children:[(0,r.jsx)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--system-red)",display:"block",marginBottom:"var(--space-2)"},children:"Last Error"}),(0,r.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontFamily:"var(--font-mono)",color:"var(--system-red)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",borderRadius:"var(--radius-sm, 8px)",padding:"var(--space-3)"},children:s.lastError})]})]})})]})}var j=a(3073),k=a(1142),w=a(2876);function S(){let[e,t]=(0,n.useState)([]),[a,o]=(0,n.useState)(null),[l,d]=(0,n.useState)(!0),[c,u]=(0,n.useState)(null),[v,p]=(0,n.useState)("all"),x=(0,n.useRef)(null),g=(0,n.useCallback)(async()=>{try{u(null);let e=await i.F.getSessions();t(e)}catch(e){u(e instanceof Error?e.message:"Failed to load sessions")}finally{d(!1)}},[]);(0,n.useEffect)(()=>{g()},[g]),(0,n.useEffect)(()=>{let e=(0,s.E)(e=>{e.startsWith("session")&&g()});return()=>e.close()},[g]),(0,n.useEffect)(()=>{function e(e){"Escape"===e.key&&a&&o(null)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[a]),(0,n.useEffect)(()=>{a&&x.current&&x.current.focus()},[a]);let h=e.find(e=>e.id===a)||null,b="all"===v?e:e.filter(e=>e.status===v);return(0,r.jsx)(j.M,{children:(0,r.jsxs)("div",{style:{display:"flex",height:"100%",position:"relative",background:"var(--bg)"},children:[(0,r.jsxs)("div",{style:{flex:1,height:"100%",overflowY:"auto",padding:"var(--space-6)"},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--space-5)"},children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",marginBottom:"var(--space-1)"},children:"Sessions"}),(0,r.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Active and recent engine sessions"})]}),(0,r.jsxs)("button",{onClick:()=>{d(!0),g()},style:{display:"flex",alignItems:"center",gap:"var(--space-2)",padding:"var(--space-2) var(--space-3)",borderRadius:"var(--radius-md, 12px)",background:"var(--fill-secondary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-medium)"},children:[(0,r.jsx)(w.A,{size:14}),"Refresh"]})]}),c&&(0,r.jsx)("div",{style:{marginBottom:"var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:c}),(0,r.jsxs)(k.tU,{value:v,onValueChange:p,children:[(0,r.jsxs)(k.j7,{style:{marginBottom:"var(--space-4)"},children:[(0,r.jsxs)(k.Xi,{value:"all",children:["All (",e.length,")"]}),(0,r.jsxs)(k.Xi,{value:"running",children:["Running (",e.filter(e=>"running"===e.status).length,")"]}),(0,r.jsxs)(k.Xi,{value:"idle",children:["Idle (",e.filter(e=>"idle"===e.status).length,")"]}),(0,r.jsxs)(k.Xi,{value:"error",children:["Error (",e.filter(e=>"error"===e.status).length,")"]})]}),(0,r.jsx)(k.av,{value:v,children:l&&0===e.length?(0,r.jsx)("div",{style:{textAlign:"center",padding:"var(--space-8)",color:"var(--text-tertiary)",fontSize:"var(--text-body)"},children:"Loading sessions..."}):(0,r.jsx)(f,{sessions:b,selectedId:a,onSelect:o,onDeleted:g})})]})]}),h&&(0,r.jsx)("div",{className:"fixed inset-0 z-30 lg:hidden",style:{background:"rgba(0,0,0,0.5)"},onClick:()=>o(null)}),h&&(0,r.jsx)("div",{style:{position:"absolute",top:0,right:0,bottom:0,zIndex:30},children:(0,r.jsxs)("div",{style:{width:400,maxWidth:"100vw",height:"100%",overflowY:"auto",background:"var(--bg)",boxShadow:"var(--shadow-overlay)",display:"flex",flexDirection:"column"},children:[(0,r.jsx)("div",{style:{position:"sticky",top:0,zIndex:10,display:"flex",alignItems:"center",justifyContent:"flex-end",padding:"var(--space-3) var(--space-4)",background:"var(--bg)"},children:(0,r.jsx)("button",{ref:x,onClick:()=>o(null),"aria-label":"Close detail panel",style:{width:30,height:30,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:"var(--fill-tertiary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:14},children:"✕"})}),(0,r.jsx)("div",{style:{padding:"0 var(--space-4) var(--space-6)"},children:(0,r.jsx)(m,{session:h,onClose:()=>o(null)})})]})})]})})}},9772:(e,t,a)=>{"use strict";a.d(t,{Wu:()=>l,ZB:()=>o,Zp:()=>i,aR:()=>s});var r=a(8111);a(5271);var n=a(1397);function i(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card",className:(0,n.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...a})}function s(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card-header",className:(0,n.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...a})}function o(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card-title",className:(0,n.cn)("leading-none font-semibold",t),...a})}function l(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card-content",className:(0,n.cn)("px-6",t),...a})}}},e=>{e.O(0,[704,590,198,534,73,814,743,358],()=>e(e.s=9033)),_N_E=e.O()}]);
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[898],{1142:(e,t,a)=>{"use strict";a.d(t,{Xi:()=>c,av:()=>u,j7:()=>d,tU:()=>o});var r=a(8111);a(5271);var n=a(3916),i=a(7534),s=a(1397);function o(e){let{className:t,orientation:a="horizontal",...n}=e;return(0,r.jsx)(i.bL,{"data-slot":"tabs","data-orientation":a,orientation:a,className:(0,s.cn)("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",t),...n})}let l=(0,n.F)("rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function d(e){let{className:t,variant:a="default",...n}=e;return(0,r.jsx)(i.B8,{"data-slot":"tabs-list","data-variant":a,className:(0,s.cn)(l({variant:a}),t),...n})}function c(e){let{className:t,...a}=e;return(0,r.jsx)(i.l9,{"data-slot":"tabs-trigger",className:(0,s.cn)("focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent","data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground","after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",t),...a})}function u(e){let{className:t,...a}=e;return(0,r.jsx)(i.UC,{"data-slot":"tabs-content",className:(0,s.cn)("flex-1 outline-none",t),...a})}},1397:(e,t,a)=>{"use strict";a.d(t,{cn:()=>i});var r=a(5242),n=a(3065);function i(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,n.QP)((0,r.$)(t))}},2876:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});let r=(0,a(1983).A)("refresh-cw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]])},3059:(e,t,a)=>{Promise.resolve().then(a.bind(a,7123))},7123:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>S});var r=a(8111),n=a(5271),i=a(3176),s=a(1298),o=a(9772),l=a(3916),d=a(1373),c=a(1397);let u=(0,l.F)("inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",ghost:"[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",link:"text-primary underline-offset-4 [a&]:hover:underline"}},defaultVariants:{variant:"default"}});function v(e){let{className:t,variant:a="default",asChild:n=!1,...i}=e,s=n?d.bL:"span";return(0,r.jsx)(s,{"data-slot":"badge","data-variant":a,className:(0,c.cn)(u({variant:a}),t),...i})}var p=a(2755);let x={idle:"secondary",queued:"outline",running:"default",error:"destructive"},g={idle:"Idle",queued:"Queued",running:"Running",error:"Error"};function f(e){var t;let{sessions:a,selectedId:s,onSelect:l,onDeleted:d}=e,{settings:c}=(0,p.t0)(),u=null!=(t=c.portalName)?t:"Jinn",[f,h]=(0,n.useState)(null),[b,y]=(0,n.useState)(null);async function m(){if(b){try{await i.F.deleteSession(b),null==d||d()}catch(e){}y(null)}}return 0===a.length?(0,r.jsx)(o.Zp,{children:(0,r.jsx)(o.Wu,{children:(0,r.jsx)("div",{style:{textAlign:"center",padding:"var(--space-6)",color:"var(--text-tertiary)",fontSize:"var(--text-body)"},children:"No sessions found"})})}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-3)"},onClick:()=>h(null),children:a.map(e=>{var t;return(0,r.jsx)(o.Zp,{className:"py-3 cursor-pointer transition-colors",onClick:()=>l(e.id),onContextMenu:t=>{var a;return a=e.id,void(t.preventDefault(),h({x:t.clientX,y:t.clientY,sessionId:a}))},style:{cursor:"pointer",borderColor:s===e.id?"var(--accent)":void 0,background:s===e.id?"color-mix(in srgb, var(--accent) 5%, var(--bg-card, var(--bg)))":void 0},children:(0,r.jsxs)(o.Wu,{className:"flex items-center justify-between gap-4",children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)",flex:1,minWidth:0},children:[(0,r.jsx)("div",{style:{width:36,height:36,borderRadius:"var(--radius-sm, 8px)",background:"var(--fill-secondary)",display:"flex",alignItems:"center",justifyContent:"center",fontFamily:"var(--font-mono)",fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",color:"var(--text-secondary)",flexShrink:0,textTransform:"uppercase"},children:e.engine.charAt(0)}),(0,r.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginBottom:2},children:[(0,r.jsx)("span",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.title||e.employee||u}),(0,r.jsx)(v,{variant:null!=(t=x[e.status])?t:"secondary",children:g[e.transportState||e.status]||e.transportState||e.status})]}),(0,r.jsxs)("div",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",display:"flex",gap:"var(--space-3)"},children:[(0,r.jsx)("span",{children:e.connector||e.source}),(0,r.jsx)("span",{children:e.employee||u}),"number"==typeof e.queueDepth&&e.queueDepth>0?(0,r.jsxs)("span",{children:["Queue ",e.queueDepth]}):null]})]})]}),(0,r.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-quaternary)",whiteSpace:"nowrap",flexShrink:0},children:function(e){let t=Math.floor((Date.now()-new Date(e).getTime())/1e3);if(t<60)return"".concat(t,"s ago");let a=Math.floor(t/60);if(a<60)return"".concat(a,"m ago");let r=Math.floor(a/60);if(r<24)return"".concat(r,"h ago");let n=Math.floor(r/24);return"".concat(n,"d ago")}(e.lastActivity)})]})},e.id)})}),f&&(0,r.jsx)("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:50},onClick:()=>h(null),children:(0,r.jsx)("div",{style:{position:"fixed",top:f.y,left:f.x,background:"var(--bg)",border:"1px solid var(--separator)",borderRadius:"var(--radius-md)",boxShadow:"var(--shadow-lg)",padding:"var(--space-1)",zIndex:51,minWidth:160},onClick:e=>e.stopPropagation(),children:(0,r.jsxs)("button",{onClick:()=>{var e;return e=f.sessionId,void(h(null),y(e))},style:{width:"100%",textAlign:"left",padding:"var(--space-2) var(--space-3)",fontSize:"var(--text-footnote)",color:"var(--system-red)",background:"transparent",border:"none",cursor:"pointer",borderRadius:"var(--radius-sm)",display:"flex",alignItems:"center",gap:"var(--space-2)"},children:[(0,r.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("polyline",{points:"3 6 5 6 21 6"}),(0,r.jsx)("path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"})]}),"Delete Session"]})})}),b&&(0,r.jsx)("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,background:"rgba(0,0,0,0.5)",zIndex:60,display:"flex",alignItems:"center",justifyContent:"center"},onClick:()=>y(null),children:(0,r.jsxs)("div",{style:{background:"var(--bg)",borderRadius:"var(--radius-lg)",padding:"var(--space-6)",maxWidth:400,width:"90%",boxShadow:"var(--shadow-overlay)"},onClick:e=>e.stopPropagation(),children:[(0,r.jsx)("h3",{style:{fontSize:"var(--text-headline)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",marginBottom:"var(--space-2)"},children:"Delete Session?"}),(0,r.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-secondary)",marginBottom:"var(--space-5)"},children:"This will permanently delete the session and all its messages. This cannot be undone."}),(0,r.jsxs)("div",{style:{display:"flex",gap:"var(--space-3)",justifyContent:"flex-end"},children:[(0,r.jsx)("button",{onClick:()=>y(null),style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md)",background:"var(--fill-tertiary)",color:"var(--text-primary)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-medium)"},children:"Cancel"}),(0,r.jsx)("button",{onClick:m,style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md)",background:"var(--system-red)",color:"#fff",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)"},children:"Delete"})]})]})})]})}let h={idle:"secondary",queued:"outline",running:"default",error:"destructive"};function b(e){let{label:t,value:a}=e;return(0,r.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:"var(--space-3)",padding:"var(--space-2) 0",borderBottom:"1px solid var(--separator)"},children:[(0,r.jsx)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--text-tertiary)",flexShrink:0},children:t}),(0,r.jsx)("span",{style:{fontSize:"var(--text-body)",color:"var(--text-primary)",textAlign:"right",wordBreak:"break-all"},children:a||(0,r.jsx)("span",{style:{color:"var(--text-quaternary)"},children:"--"})})]})}function y(e){return new Date(e).toLocaleString()}function m(e){var t,a;let{session:s,onClose:l,onNavigate:d}=e,{settings:c}=(0,p.t0)(),u=null!=(t=c.portalName)?t:"Jinn",[x,g]=(0,n.useState)([]);return(0,n.useEffect)(()=>{i.F.getSessionChildren(s.id).then(e=>g(e)).catch(()=>g([]))},[s.id]),(0,r.jsxs)(o.Zp,{children:[(0,r.jsx)(o.aR,{children:(0,r.jsx)(o.ZB,{style:{fontSize:"var(--text-headline)",color:"var(--text-primary)"},children:s.title||"Session Detail"})}),(0,r.jsx)(o.Wu,{children:(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,r.jsx)(b,{label:"Session ID",value:(0,r.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:"var(--text-caption1)"},children:s.id})}),(0,r.jsx)(b,{label:"Engine",value:(0,r.jsxs)("span",{style:{textTransform:"capitalize"},children:[s.engine,s.model?" (".concat(s.model,")"):""]})}),(0,r.jsx)(b,{label:"Connector",value:s.connector||s.source}),(0,r.jsx)(b,{label:"Session Key",value:s.sessionKey}),(0,r.jsx)(b,{label:"Source",value:s.source}),(0,r.jsx)(b,{label:"Employee",value:s.employee||u}),(0,r.jsx)(b,{label:"Status",value:(0,r.jsx)(v,{variant:null!=(a=h[s.transportState||s.status])?a:"secondary",children:(s.transportState||s.status).charAt(0).toUpperCase()+(s.transportState||s.status).slice(1)})}),(0,r.jsx)(b,{label:"Queue Depth",value:"number"==typeof s.queueDepth?String(s.queueDepth):"--"}),(0,r.jsx)(b,{label:"Message ID",value:s.messageId||"--"}),(0,r.jsx)(b,{label:"Created",value:y(s.createdAt)}),(0,r.jsx)(b,{label:"Last Activity",value:y(s.lastActivity)}),s.parentSessionId&&(0,r.jsx)(b,{label:"Parent Session",value:(0,r.jsxs)("button",{onClick:()=>null==d?void 0:d(s.parentSessionId),style:{fontFamily:"var(--font-mono)",fontSize:"var(--text-caption1)",color:"var(--accent)",background:"none",border:"none",cursor:"pointer",textDecoration:"underline",padding:0},children:[s.parentSessionId.slice(0,12),"..."]})}),x.length>0&&(0,r.jsxs)("div",{style:{marginTop:"var(--space-3)"},children:[(0,r.jsxs)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--text-tertiary)",display:"block",marginBottom:"var(--space-2)"},children:["Child Sessions (",x.length,")"]}),(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:x.map(e=>{var t;return(0,r.jsxs)("button",{onClick:()=>null==d?void 0:d(e.id),style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"var(--space-2) var(--space-3)",background:"var(--fill-secondary)",borderRadius:"var(--radius-sm, 8px)",border:"none",cursor:"pointer",textAlign:"left"},children:[(0,r.jsx)("span",{style:{fontSize:"var(--text-caption1)",color:"var(--text-primary)",fontWeight:"var(--weight-medium)"},children:e.title||e.employee||"Session"}),(0,r.jsx)(v,{variant:null!=(t=h[e.status])?t:"secondary",children:e.status})]},e.id)})})]}),s.lastError&&(0,r.jsxs)("div",{style:{marginTop:"var(--space-3)"},children:[(0,r.jsx)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--system-red)",display:"block",marginBottom:"var(--space-2)"},children:"Last Error"}),(0,r.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontFamily:"var(--font-mono)",color:"var(--system-red)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",borderRadius:"var(--radius-sm, 8px)",padding:"var(--space-3)"},children:s.lastError})]})]})})]})}var j=a(3073),k=a(1142),w=a(2876);function S(){let[e,t]=(0,n.useState)([]),[a,o]=(0,n.useState)(null),[l,d]=(0,n.useState)(!0),[c,u]=(0,n.useState)(null),[v,p]=(0,n.useState)("all"),x=(0,n.useRef)(null),g=(0,n.useCallback)(async()=>{try{u(null);let e=await i.F.getSessions();t(e)}catch(e){u(e instanceof Error?e.message:"Failed to load sessions")}finally{d(!1)}},[]);(0,n.useEffect)(()=>{g()},[g]),(0,n.useEffect)(()=>{let e=(0,s.E)(e=>{e.startsWith("session")&&g()});return()=>e.close()},[g]),(0,n.useEffect)(()=>{function e(e){"Escape"===e.key&&a&&o(null)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[a]),(0,n.useEffect)(()=>{a&&x.current&&x.current.focus()},[a]);let h=e.find(e=>e.id===a)||null,b="all"===v?e:e.filter(e=>e.status===v);return(0,r.jsx)(j.M,{children:(0,r.jsxs)("div",{style:{display:"flex",height:"100%",position:"relative",background:"var(--bg)"},children:[(0,r.jsxs)("div",{style:{flex:1,height:"100%",overflowY:"auto",padding:"var(--space-6)"},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--space-5)"},children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",marginBottom:"var(--space-1)"},children:"Sessions"}),(0,r.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Active and recent engine sessions"})]}),(0,r.jsxs)("button",{onClick:()=>{d(!0),g()},style:{display:"flex",alignItems:"center",gap:"var(--space-2)",padding:"var(--space-2) var(--space-3)",borderRadius:"var(--radius-md, 12px)",background:"var(--fill-secondary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-medium)"},children:[(0,r.jsx)(w.A,{size:14}),"Refresh"]})]}),c&&(0,r.jsx)("div",{style:{marginBottom:"var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:c}),(0,r.jsxs)(k.tU,{value:v,onValueChange:p,children:[(0,r.jsxs)(k.j7,{style:{marginBottom:"var(--space-4)"},children:[(0,r.jsxs)(k.Xi,{value:"all",children:["All (",e.length,")"]}),(0,r.jsxs)(k.Xi,{value:"running",children:["Running (",e.filter(e=>"running"===e.status).length,")"]}),(0,r.jsxs)(k.Xi,{value:"idle",children:["Idle (",e.filter(e=>"idle"===e.status).length,")"]}),(0,r.jsxs)(k.Xi,{value:"error",children:["Error (",e.filter(e=>"error"===e.status).length,")"]})]}),(0,r.jsx)(k.av,{value:v,children:l&&0===e.length?(0,r.jsx)("div",{style:{textAlign:"center",padding:"var(--space-8)",color:"var(--text-tertiary)",fontSize:"var(--text-body)"},children:"Loading sessions..."}):(0,r.jsx)(f,{sessions:b,selectedId:a,onSelect:o,onDeleted:g})})]})]}),h&&(0,r.jsx)("div",{className:"fixed inset-0 z-30 lg:hidden",style:{background:"rgba(0,0,0,0.5)"},onClick:()=>o(null)}),h&&(0,r.jsx)("div",{style:{position:"absolute",top:0,right:0,bottom:0,zIndex:30},children:(0,r.jsxs)("div",{style:{width:400,maxWidth:"100vw",height:"100%",overflowY:"auto",background:"var(--bg)",boxShadow:"var(--shadow-overlay)",display:"flex",flexDirection:"column"},children:[(0,r.jsx)("div",{style:{position:"sticky",top:0,zIndex:10,display:"flex",alignItems:"center",justifyContent:"flex-end",padding:"var(--space-3) var(--space-4)",background:"var(--bg)"},children:(0,r.jsx)("button",{ref:x,onClick:()=>o(null),"aria-label":"Close detail panel",style:{width:30,height:30,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:"var(--fill-tertiary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:14},children:"✕"})}),(0,r.jsx)("div",{style:{padding:"0 var(--space-4) var(--space-6)"},children:(0,r.jsx)(m,{session:h,onClose:()=>o(null)})})]})})]})})}},9772:(e,t,a)=>{"use strict";a.d(t,{Wu:()=>l,ZB:()=>o,Zp:()=>i,aR:()=>s});var r=a(8111);a(5271);var n=a(1397);function i(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card",className:(0,n.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...a})}function s(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card-header",className:(0,n.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...a})}function o(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card-title",className:(0,n.cn)("leading-none font-semibold",t),...a})}function l(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card-content",className:(0,n.cn)("px-6",t),...a})}}},e=>{e.O(0,[704,590,198,534,73,814,743,358],()=>e(e.s=3059)),_N_E=e.O()}]);
|