@hotmeshio/long-tail 0.10.13 → 0.11.0

package/dashboard/dist/assets/index-CLmZaNTK.js

@@ -1,2 +0,0 @@
-import{a as p,j as e}from"./vendor-query-RUZdMvN6.js";import{E as B,b as D,t as E}from"./index-CfAi1OsI.js";import{b as q,c as H,d as J,e as V,f as W,u as Q}from"./users-G8qwyZKS.js";import{u as T}from"./useFilterParams-crmlBw_l.js";import{D as I}from"./DataTable-Bir0Xs1p.js";import{S as F}from"./StickyPagination-hMrnLXde.js";import{F as K,a as M,b as $}from"./FilterBar-D7GghUsU.js";import{C as R}from"./ConfirmDeleteModal-CQsJUzEa.js";import{R as z,a as k}from"./RowActions-eYrzgQSj.js";import{P as O}from"./PageHeader-Ce4GcIYo.js";import{R as S}from"./RolePill-CnuBPhPw.js";import{M as C}from"./Modal-BU7No9NH.js";import{u as X,a as Y,b as Z,c as ee,d as se,e as te,f as ae,g as le,h as ne}from"./bots-ClLcDGJb.js";import{T as re}from"./TimeAgo-D_DA9ucC.js";import{a3 as ie,a4 as ce,aJ as oe,T as A,e as de,a2 as L,D as G,U as xe,d as me}from"./vendor-icons-BpZiWH2f.js";import{u as ue,a as pe,b as he,c as je}from"./personas-Cmz2SAEU.js";import{S as ge}from"./ScopeBadge-BUpYpS3x.js";import{L as ve,f as ye}from"./vendor-react-CdqEC2zv.js";import"./EmptyState-lpUFYfun.js";function fe({open:l,onClose:i}){const s=q(),[a,r]=p.useState({external_id:"",email:"",display_name:"",password:""}),[d,h]=p.useState(l);l!==d&&(h(l),l&&r({external_id:"",email:"",display_name:"",password:""}));const j=()=>{a.external_id.trim()&&s.mutate({external_id:a.external_id.trim(),email:a.email.trim()||void 0,display_name:a.display_name.trim()||void 0,password:a.password||void 0},{onSuccess:i})},m=(t,u)=>r(x=>({...x,[t]:u}));return e.jsx(C,{open:l,onClose:i,title:"Create User",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"External ID (required)"}),e.jsx("input",{type:"text",value:a.external_id,onChange:t=>m("external_id",t.target.value),placeholder:"e.g., john.doe",className:"input text-xs w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Display Name"}),e.jsx("input",{type:"text",value:a.display_name,onChange:t=>m("display_name",t.target.value),placeholder:"John Doe",className:"input text-xs w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Email"}),e.jsx("input",{type:"text",value:a.email,onChange:t=>m("email",t.target.value),placeholder:"john@example.com",className:"input text-xs w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Password"}),e.jsx("input",{type:"password",value:a.password,onChange:t=>m("password",t.target.value),placeholder:"Leave blank for no password",className:"input text-xs w-full"})]}),s.error&&e.jsx("p",{className:"text-xs text-status-error",children:s.error.message}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:i,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:j,disabled:!a.external_id.trim()||s.isPending,className:"btn-primary text-xs",children:s.isPending?"Creating...":"Create"})]})]})})}function be({open:l,onClose:i,user:s}){const a=H(),[r,d]=p.useState({display_name:"",email:"",status:"active"}),[h,j]=p.useState(s);s!==h&&(j(s),s&&d({display_name:s.display_name??"",email:s.email??"",status:s.status}));const m=()=>{s&&a.mutate({id:s.id,display_name:r.display_name.trim()||void 0,email:r.email.trim()||void 0,status:r.status},{onSuccess:i})};return e.jsx(C,{open:l,onClose:i,title:`Edit — ${(s==null?void 0:s.display_name)||(s==null?void 0:s.external_id)||""}`,children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Display Name"}),e.jsx("input",{type:"text",value:r.display_name,onChange:t=>d(u=>({...u,display_name:t.target.value})),className:"input text-xs w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Email"}),e.jsx("input",{type:"text",value:r.email,onChange:t=>d(u=>({...u,email:t.target.value})),className:"input text-xs w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Status"}),e.jsxs("select",{value:r.status,onChange:t=>d(u=>({...u,status:t.target.value})),className:"select text-xs w-full",children:[e.jsx("option",{value:"active",children:"Active"}),e.jsx("option",{value:"inactive",children:"Inactive"}),e.jsx("option",{value:"suspended",children:"Suspended"})]})]}),a.error&&e.jsx("p",{className:"text-xs text-status-error",children:a.error.message}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:i,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:m,disabled:a.isPending,className:"btn-primary text-xs",children:a.isPending?"Saving...":"Save"})]})]})})}function Ne({open:l,onClose:i}){const s=X(),[a,r]=p.useState({name:"",display_name:"",description:""}),[d,h]=p.useState(l);l!==d&&(h(l),l&&r({name:"",display_name:"",description:""}));const j=()=>{a.name.trim()&&s.mutate({name:a.name.trim(),display_name:a.display_name.trim()||void 0,description:a.description.trim()||void 0},{onSuccess:i})},m=(t,u)=>r(x=>({...x,[t]:u}));return e.jsx(C,{open:l,onClose:i,title:"Create Service Account",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Name (required)"}),e.jsx("input",{type:"text",value:a.name,onChange:t=>m("name",t.target.value.replace(/\s+/g,"-").toLowerCase()),placeholder:"e.g., ci-bot",className:"input text-xs w-full font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Display Name"}),e.jsx("input",{type:"text",value:a.display_name,onChange:t=>m("display_name",t.target.value),placeholder:"CI Bot",className:"input text-xs w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Description"}),e.jsx("input",{type:"text",value:a.description,onChange:t=>m("description",t.target.value),placeholder:"Runs scheduled workflows",className:"input text-xs w-full"})]}),s.error&&e.jsx("p",{className:"text-xs text-status-error",children:s.error.message}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:i,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:j,disabled:!a.name.trim()||s.isPending,className:"btn-primary text-xs",children:s.isPending?"Creating...":"Create"})]})]})})}function we({open:l,onClose:i,bot:s}){const a=Y(),[r,d]=p.useState({display_name:"",description:"",status:"active"}),[h,j]=p.useState(s);s!==h&&(j(s),s&&d({display_name:s.display_name??"",description:s.description??"",status:s.status}));const m=()=>{s&&a.mutate({id:s.id,display_name:r.display_name.trim()||void 0,description:r.description.trim()||void 0,status:r.status},{onSuccess:i})};return e.jsx(C,{open:l,onClose:i,title:`Edit — ${(s==null?void 0:s.display_name)||(s==null?void 0:s.external_id)||""}`,children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Display Name"}),e.jsx("input",{type:"text",value:r.display_name,onChange:t=>d(u=>({...u,display_name:t.target.value})),className:"input text-xs w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Description"}),e.jsx("input",{type:"text",value:r.description,onChange:t=>d(u=>({...u,description:t.target.value})),className:"input text-xs w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Status"}),e.jsxs("select",{value:r.status,onChange:t=>d(u=>({...u,status:t.target.value})),className:"select text-xs w-full",children:[e.jsx("option",{value:"active",children:"Active"}),e.jsx("option",{value:"inactive",children:"Inactive"}),e.jsx("option",{value:"suspended",children:"Suspended"})]})]}),a.error&&e.jsx("p",{className:"text-xs text-status-error",children:a.error.message}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:i,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:m,disabled:a.isPending,className:"btn-primary text-xs",children:a.isPending?"Saving...":"Save"})]})]})})}function ke({botId:l}){const{data:i}=Z(l),s=ee(),a=se(),[r,d]=p.useState(""),[h,j]=p.useState("read"),[m,t]=p.useState(null),[u,x]=p.useState(!1),[g,o]=p.useState(null),f=(i==null?void 0:i.keys)??[],c={read:{label:"Read only",scopes:["mcp:read"],hint:"Discovery and monitoring — read-safe tools only"},full:{label:"Full access",scopes:["mcp:read","mcp:full"],hint:"All tools — can modify state"}},y=()=>{r.trim()&&s.mutate({botId:l,name:r.trim(),scopes:c[h].scopes},{onSuccess:v=>{t(v.rawKey),d("")}})},b=()=>{m&&(navigator.clipboard.writeText(m),x(!0),setTimeout(()=>x(!1),2e3))},N=()=>{g&&a.mutate({botId:l,keyId:g.id},{onSuccess:()=>o(null)})};return e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-3",children:"API Keys"}),m&&e.jsxs("div",{className:"mb-3 p-3 bg-status-success/10 border border-status-success/30 rounded-md",children:[e.jsx("p",{className:"text-2xs font-semibold text-status-success mb-1",children:"Key generated — copy now, it won't be shown again"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("code",{className:"text-2xs font-mono text-text-primary bg-surface-sunken px-2 py-1 rounded flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",children:m}),e.jsx("button",{onClick:b,className:"text-text-tertiary hover:text-text-primary shrink-0",title:"Copy to clipboard",children:u?e.jsx(ie,{className:"w-3.5 h-3.5 text-status-success"}):e.jsx(ce,{className:"w-3.5 h-3.5"})})]})]}),f.length===0?e.jsx("p",{className:"text-xs text-text-tertiary mb-3",children:"No API keys."}):e.jsx("div",{className:"space-y-1.5 mb-3",children:f.map(v=>e.jsxs("div",{className:"group/key flex items-center justify-between px-2.5 py-1.5 bg-surface-sunken rounded text-xs",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx(oe,{className:"w-3 h-3 text-text-tertiary"}),e.jsx("span",{className:"text-text-primary font-mono",children:v.name}),(v.scopes??[]).map(n=>e.jsx("span",{className:`px-1.5 py-0.5 rounded text-2xs font-mono ${n.includes("full")?"bg-status-warning/15 text-status-warning":"bg-accent/10 text-accent"}`,children:n},n)),v.last_used_at&&e.jsxs("span",{className:"text-2xs text-text-tertiary",children:["used ",e.jsx(re,{date:v.last_used_at})]})]}),e.jsx("button",{onClick:()=>o(v),className:"opacity-0 group-hover/key:opacity-100 transition-opacity text-text-tertiary hover:text-status-error",title:"Revoke key",children:e.jsx(A,{className:"w-3 h-3"})})]},v.id))}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("input",{type:"text",value:r,onChange:v=>d(v.target.value),placeholder:"Key name...",className:"input text-xs font-mono"}),e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx("div",{className:"flex rounded-md border border-surface-border overflow-hidden shrink-0",children:Object.entries(c).map(([v,n])=>e.jsx("button",{type:"button",onClick:()=>j(v),title:n.hint,className:`px-2.5 py-1 text-2xs font-medium transition-colors ${h===v?"bg-accent text-text-inverse":"bg-surface text-text-secondary hover:bg-surface-hover"}`,children:n.label},v))}),e.jsxs("button",{onClick:y,disabled:!r.trim()||s.isPending,className:"btn-primary text-xs inline-flex items-center gap-1 shrink-0",children:[e.jsx(de,{className:"w-3 h-3"}),s.isPending?"...":"Generate"]})]})]}),s.error&&e.jsx("p",{className:"text-2xs text-status-error mt-1",children:s.error.message}),e.jsx(R,{open:!!g,onClose:()=>o(null),onConfirm:N,title:"Revoke API Key",description:e.jsxs(e.Fragment,{children:["Revoke API key"," ",e.jsx("span",{className:"font-medium text-text-primary font-mono",children:g==null?void 0:g.name}),"? This bot will no longer be able to authenticate with this key."]}),isPending:a.isPending,error:a.error})]})}function Se({bot:l}){const{data:i}=B(),s=te(),a=ae(),[r,d]=p.useState(""),[h,j]=p.useState("member"),m=(i==null?void 0:i.roles)??[],t=l.roles??[],u=p.useMemo(()=>{const o=new Set(t.map(f=>f.role));return m.filter(f=>!o.has(f))},[m,t]),x=()=>{r.trim()&&s.mutate({botId:l.id,role:r.trim(),type:h},{onSuccess:()=>{d(""),j("member")}})},g=o=>{a.mutate({botId:l.id,role:o})};return e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-3",children:"Roles"}),t.length===0?e.jsx("p",{className:"text-xs text-text-tertiary mb-3",children:"No roles assigned."}):e.jsx("div",{className:"flex flex-wrap gap-2 mb-3",children:t.map(o=>e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 text-xs bg-surface-sunken rounded-full text-text-secondary",children:[e.jsx(S,{role:o.role}),e.jsx("span",{className:"text-2xs text-text-tertiary",children:o.type}),e.jsx("button",{onClick:()=>g(o.role),className:"text-text-tertiary hover:text-status-error transition-colors ml-0.5",title:`Remove ${o.role}`,children:"×"})]},o.role))}),u.length>0&&e.jsxs("div",{className:"space-y-2",children:[e.jsxs("select",{value:r,onChange:o=>d(o.target.value),className:"select text-xs font-mono w-full min-w-0","aria-label":"Role",children:[e.jsx("option",{value:"",children:"Select a role..."}),u.map(o=>e.jsx("option",{value:o,children:o},o))]}),e.jsxs("div",{className:"grid grid-cols-2 gap-2 items-end",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("label",{className:"block text-2xs text-text-tertiary mb-1",children:"Type"}),e.jsxs("select",{value:h,onChange:o=>j(o.target.value),className:"select text-xs w-full min-w-0","aria-label":"Role type",children:[e.jsx("option",{value:"member",children:"member"}),e.jsx("option",{value:"admin",children:"admin"}),e.jsx("option",{value:"superadmin",children:"superadmin"})]})]}),e.jsx("div",{className:"flex justify-end",children:e.jsx("button",{onClick:x,disabled:!r||s.isPending,className:"btn-primary text-xs",children:s.isPending?"...":"Add Role"})})]})]}),s.error&&e.jsx("p",{className:"text-2xs text-status-error mt-1",children:s.error.message})]})}function Ce({bot:l}){return l?e.jsxs("div",{className:"border-l border-surface-border pl-6 pt-4 min-h-[300px] space-y-6",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-sm text-text-primary",children:l.display_name||l.external_id}),l.description&&e.jsx("p",{className:"text-xs text-text-tertiary mt-0.5",children:l.description})]}),e.jsx(ke,{botId:l.id}),e.jsx(Se,{bot:l})]}):e.jsx("div",{className:"border-l border-surface-border pl-6 pt-4 min-h-[300px]",children:e.jsx("p",{className:"text-xs text-text-tertiary",children:"Select a service account to manage its API keys and roles."})})}const _e={active:"bg-status-success",inactive:"bg-text-tertiary",suspended:"bg-status-error"},Pe=[{value:"active",label:"Active"},{value:"inactive",label:"Inactive"},{value:"suspended",label:"Suspended"}];function Re({embedded:l=!1}){const{filters:i,setFilter:s,pagination:a}=T({filters:{status:"",search:""}}),r=le(),[d,h]=p.useState(!1),[j,m]=p.useState(null),[t,u]=p.useState(null),[x,g]=p.useState(null),{data:o,isLoading:f}=ne({status:i.status||void 0,search:i.search||void 0,limit:a.pageSize,offset:a.offset}),c=(o==null?void 0:o.total)??0,y=(o==null?void 0:o.bots)??[],b=p.useMemo(()=>t?y.find(n=>n.id===t.id)??t:null,[y,t]),N=[{key:"display_name",label:"Service Account",render:n=>e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("span",{className:`w-2.5 h-2.5 rounded-full dot-ring shrink-0 ${_e[n.status]??"bg-status-pending"}`,title:n.status}),e.jsx("span",{className:"text-sm text-text-primary whitespace-nowrap",children:n.display_name||n.external_id})]})},{key:"description",label:"Description",render:n=>e.jsx("span",{className:"block max-w-[32rem] truncate text-xs text-text-tertiary",title:n.description??void 0,children:n.description??""})},{key:"roles",label:"Roles",render:n=>e.jsx("div",{className:"flex gap-1 flex-wrap",children:(n.roles??[]).map(w=>e.jsx(S,{role:w.role},w.role))})},{key:"created_at",label:"Created",render:n=>e.jsx(D,{date:n.created_at}),className:"w-36 whitespace-nowrap"},{key:"actions",label:"",render:n=>e.jsxs(z,{children:[e.jsx(k,{icon:L,title:"Edit service account",onClick:()=>m(n)}),e.jsx(k,{icon:A,title:"Delete service account",onClick:()=>g(n),colorClass:"text-text-tertiary hover:text-status-error"})]}),className:"w-16 text-right"}],v=()=>{x&&r.mutate(x.id,{onSuccess:()=>{g(null),(t==null?void 0:t.id)===x.id&&u(null)}})};return e.jsxs("div",{children:[l?e.jsx("div",{className:"flex justify-end mb-4",children:e.jsx("button",{onClick:()=>h(!0),className:"btn-primary text-xs",children:"Add Service Account"})}):e.jsx(O,{title:"Service Accounts",actions:e.jsx("button",{onClick:()=>h(!0),className:"btn-primary text-xs",children:"Add Service Account"})}),e.jsxs(K,{children:[e.jsx(M,{label:"Search",value:i.search,onChange:n=>s("search",n),placeholder:"name, id, description…"}),e.jsx($,{label:"Status",value:i.status,onChange:n=>s("status",n),options:Pe})]}),e.jsxs("div",{className:"grid grid-cols-1 @split:grid-cols-[1fr_360px] gap-6 items-start",children:[e.jsxs("div",{className:"overflow-x-clip",children:[e.jsx(I,{columns:N,data:y,keyFn:n=>n.id,isLoading:f,emptyMessage:"No service accounts yet",onRowClick:n=>u(n),activeRowKey:(b==null?void 0:b.id)??null}),e.jsx(F,{page:a.page,totalPages:a.totalPages(c),onPageChange:a.setPage,total:c,pageSize:a.pageSize,onPageSizeChange:a.setPageSize})]}),e.jsx("div",{className:"sticky top-4",children:e.jsx(Ce,{bot:b})})]}),e.jsx(Ne,{open:d,onClose:()=>h(!1)}),e.jsx(we,{open:!!j,onClose:()=>m(null),bot:j}),e.jsx(R,{open:!!x,onClose:()=>g(null),onConfirm:v,title:"Delete Service Account",description:e.jsxs(e.Fragment,{children:["Delete"," ",e.jsx("span",{className:"font-medium text-text-primary",children:(x==null?void 0:x.display_name)||(x==null?void 0:x.external_id)}),"? This will also revoke all API keys. This action cannot be undone."]}),isPending:r.isPending,error:r.error})]})}const P=[{value:"all|all",label:"See all · act on all",read_scope:"all",write_scope:"all"},{value:"all|self",label:"See all · act on self",read_scope:"all",write_scope:"self"},{value:"self|self",label:"See self · act on self",read_scope:"self",write_scope:"self"},{value:"all|none",label:"See all · read-only",read_scope:"all",write_scope:"none"},{value:"self|none",label:"See self · read-only",read_scope:"self",write_scope:"none"}],_="all|all";function U(l){return P.find(i=>i.value===l)??P[0]}function Ae({user:l}){const{data:i}=ue(),{data:s}=pe(l.id),a=he(),r=je(),[d,h]=p.useState(""),j=(s==null?void 0:s.personas)??[],m=p.useMemo(()=>{const t=new Set(j.map(u=>u.key));return((i==null?void 0:i.personas)??[]).filter(u=>!t.has(u.key))},[i,j]);return j.length===0&&m.length===0?null:e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Personas"}),j.length>0&&e.jsx("div",{className:"flex flex-col gap-2",children:j.map(t=>e.jsxs("span",{className:"flex items-center gap-2.5 w-full min-w-0 pl-2.5 pr-2 py-1 text-xs bg-surface-sunken rounded-full text-text-secondary",children:[e.jsx(G,{className:"w-3 h-3 shrink-0 text-text-tertiary","aria-hidden":!0}),e.jsx(ve,{to:`/admin/personas/${encodeURIComponent(t.key)}`,className:"flex-1 min-w-0 truncate transition-colors hover:text-accent",title:t.key,children:t.title||t.key}),e.jsxs("span",{className:"shrink-0 text-2xs text-text-tertiary tabular-nums",children:[t.roles.length," role",t.roles.length===1?"":"s"]}),e.jsx("button",{onClick:()=>r.mutate({userId:l.id,key:t.key}),className:"shrink-0 text-text-tertiary hover:text-status-error transition-colors ml-1",title:`Unassign ${t.title||t.key}`,children:"×"})]},t.key))}),m.length>0&&e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("select",{value:d,onChange:t=>h(t.target.value),className:"select text-xs w-full min-w-0","aria-label":"Persona",children:[e.jsx("option",{value:"",children:"Assign a persona..."}),m.map(t=>e.jsx("option",{value:t.key,children:t.title||t.key},t.key))]}),e.jsx("button",{onClick:()=>{d&&a.mutate({userId:l.id,key:d},{onSuccess:()=>h("")})},disabled:!d||a.isPending,className:"btn-primary text-xs shrink-0",children:a.isPending?"...":"Assign"})]}),(a.error||r.error)&&e.jsx("p",{className:"text-2xs text-status-error",children:(a.error||r.error).message})]})}function Ue({user:l}){const{data:i}=B(),s=J(),a=V(),[r,d]=p.useState(""),[h,j]=p.useState("member"),[m,t]=p.useState(_),u=(i==null?void 0:i.roles)??[],x=(l==null?void 0:l.roles)??[],g=p.useMemo(()=>{const c=new Set(x.map(y=>y.role));return u.filter(y=>!c.has(y))},[u,x]),o=()=>{if(!l||!r.trim())return;const c=U(h==="member"?m:_);s.mutate({userId:l.id,role:r.trim(),type:h,read_scope:c.read_scope,write_scope:c.write_scope},{onSuccess:()=>{d(""),j("member"),t(_)}})},f=c=>{l&&a.mutate({userId:l.id,role:c})};return e.jsxs("div",{className:"border-l border-surface-border pl-6 pt-4 min-h-[300px]",children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-4",children:"Role Membership"}),l?e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{children:e.jsx("p",{className:"text-sm text-text-primary",children:l.display_name||l.external_id})}),e.jsx(Ae,{user:l}),e.jsx("p",{className:"text-2xs text-text-tertiary",children:"Member of:"}),x.length===0?e.jsx("p",{className:"text-xs text-text-tertiary",children:"No roles assigned."}):e.jsx("div",{className:"flex flex-col gap-2",children:x.map(c=>e.jsxs("span",{className:"flex items-center gap-2.5 w-full min-w-0 pl-2.5 pr-2 py-1 text-xs bg-surface-sunken rounded-full text-text-secondary",children:[e.jsx("span",{className:"flex-1 min-w-0 truncate",title:c.role,children:e.jsx(S,{role:c.role,tone:"inherit"})}),e.jsx("span",{className:"w-14 shrink-0 text-2xs uppercase tracking-wide text-text-tertiary",children:c.type}),c.type==="member"&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"w-px h-3 bg-surface-border shrink-0","aria-hidden":!0}),e.jsx(ge,{read:c.read_scope,write:c.write_scope,className:"shrink-0"})]}),c.granted_by_persona&&e.jsx("span",{className:"shrink-0",title:`Granted by persona ${c.granted_by_persona}`,children:e.jsx(G,{className:"w-3 h-3 text-text-tertiary","aria-hidden":!0})}),e.jsx("button",{onClick:()=>f(c.role),className:"shrink-0 text-text-tertiary hover:text-status-error transition-colors ml-1",title:`Remove ${c.role}`,children:"×"})]},c.role))}),g.length>0&&e.jsxs("div",{className:"pt-3 border-t border-surface-border space-y-2",children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Add Role"}),e.jsxs("select",{value:r,onChange:c=>d(c.target.value),className:"select text-xs font-mono w-full min-w-0","aria-label":"Role",children:[e.jsx("option",{value:"",children:"Select a role..."}),g.map(c=>e.jsx("option",{value:c,children:c},c))]}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("label",{className:"block text-2xs text-text-tertiary mb-1",children:"Type"}),e.jsxs("select",{value:h,onChange:c=>j(c.target.value),className:"select text-xs w-full min-w-0","aria-label":"Role type",children:[e.jsx("option",{value:"member",children:"member"}),e.jsx("option",{value:"admin",children:"admin"}),e.jsx("option",{value:"superadmin",children:"superadmin"})]})]}),h==="member"&&e.jsxs("div",{className:"min-w-0",children:[e.jsx("label",{className:"block text-2xs text-text-tertiary mb-1",children:"Scope"}),e.jsx("select",{value:m,onChange:c=>t(c.target.value),className:"select text-xs w-full min-w-0","aria-label":"Work-surface scope",children:P.map(c=>e.jsx("option",{value:c.value,children:c.label},c.value))})]})]}),e.jsx("div",{className:"flex justify-end pt-1",children:e.jsx("button",{onClick:o,disabled:!r||s.isPending,className:"btn-primary text-xs",children:s.isPending?"...":"Add Role"})}),s.error&&e.jsx("p",{className:"text-2xs text-status-error",children:s.error.message})]})]}):e.jsx("p",{className:"text-xs text-text-tertiary",children:"Select a user to manage their roles."})]})}function Be({active:l,onChange:i}){const s=(a,r,d)=>e.jsxs("button",{onClick:()=>i(a),className:`flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md transition-colors ${l===a?"bg-accent/10 text-accent font-medium":"text-text-tertiary hover:text-text-secondary hover:bg-surface-hover"}`,children:[r,d]});return e.jsxs("div",{className:"flex gap-1 p-0.5 bg-surface-sunken rounded-lg w-fit",children:[s("users",e.jsx(xe,{className:"w-3.5 h-3.5"}),"User Accounts"),s("service-accounts",e.jsx(me,{className:"w-3.5 h-3.5"}),"Service Accounts")]})}const De=[{value:"active",label:"Active"},{value:"inactive",label:"Inactive"},{value:"suspended",label:"Suspended"}],Ee={active:"bg-status-success",inactive:"bg-text-tertiary",suspended:"bg-status-error"};function ss(){const{isBuilder:l}=E(),[i,s]=ye(),a=i.get("tab"),r=l&&a==="service-accounts"?"service-accounts":"users",d=h=>{s(h==="users"?{}:{tab:h})};return e.jsxs("div",{children:[e.jsx(O,{title:"Accounts",docsHash:"#docs:dashboard.md:accounts",actions:l?e.jsx(Be,{active:r,onChange:d}):void 0}),r==="users"?e.jsx(Te,{}):e.jsx(Re,{embedded:!0})]})}function Te(){const{isBuilder:l}=E(),{filters:i,setFilter:s,pagination:a}=T({filters:{status:"",search:""}}),r=W(),[d,h]=p.useState(!1),[j,m]=p.useState(null),[t,u]=p.useState(null),[x,g]=p.useState(null),{data:o,isLoading:f}=Q({status:i.status||void 0,search:i.search||void 0,limit:a.pageSize,offset:a.offset}),c=(o==null?void 0:o.total)??0,y=(o==null?void 0:o.users)??[],b=p.useMemo(()=>t?y.find(n=>n.id===t.id)??t:null,[y,t]),N=[{key:"display_name",label:"User",render:n=>e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("span",{className:`w-2.5 h-2.5 rounded-full dot-ring shrink-0 ${Ee[n.status]??"bg-status-pending"}`,title:n.status}),e.jsx("span",{className:"text-xs text-text-primary whitespace-nowrap",children:n.display_name||n.external_id})]})},{key:"email",label:"Email",render:n=>n.email?e.jsx("span",{className:"text-xs text-text-secondary whitespace-nowrap",children:n.email}):e.jsx("span",{className:"text-xs text-text-quaternary",children:"—"})},{key:"roles",label:"Roles",render:n=>e.jsx("div",{className:"flex gap-2 flex-wrap",children:(n.roles??[]).map(w=>e.jsx(S,{role:w.role,size:"md"},w.role))})},{key:"created_at",label:"Created",render:n=>e.jsx(D,{date:n.created_at}),className:"w-36 whitespace-nowrap"},...l?[{key:"actions",label:"",render:n=>e.jsxs(z,{children:[e.jsx(k,{icon:L,title:"Edit user",onClick:()=>m(n)}),e.jsx(k,{icon:A,title:"Delete user",onClick:()=>g(n),colorClass:"text-text-tertiary hover:text-status-error"})]}),className:"w-16 text-right"}]:[]],v=()=>{x&&r.mutate(x.id,{onSuccess:()=>g(null)})};return e.jsxs("div",{children:[l&&e.jsx("div",{className:"flex justify-end mb-4",children:e.jsx("button",{onClick:()=>h(!0),className:"btn-primary text-xs",children:"Add User"})}),e.jsxs(K,{children:[e.jsx(M,{label:"Search",value:i.search,onChange:n=>s("search",n),placeholder:"name, email, id…"}),e.jsx($,{label:"Status",value:i.status,onChange:n=>s("status",n),options:De})]}),e.jsxs("div",{className:"grid grid-cols-1 @split:grid-cols-[1fr_360px] gap-6 items-start",children:[e.jsxs("div",{className:"overflow-x-clip",children:[e.jsx(I,{columns:N,data:y,keyFn:n=>n.id,isLoading:f,emptyMessage:"No users found",onRowClick:n=>u(n),activeRowKey:(b==null?void 0:b.id)??null}),e.jsx(F,{page:a.page,totalPages:a.totalPages(c),onPageChange:a.setPage,total:c,pageSize:a.pageSize,onPageSizeChange:a.setPageSize})]}),e.jsx("div",{className:"sticky top-4",children:e.jsx(Ue,{user:b})})]}),e.jsx(fe,{open:d,onClose:()=>h(!1)}),e.jsx(be,{open:!!j,onClose:()=>m(null),user:j}),e.jsx(R,{open:!!x,onClose:()=>g(null),onConfirm:v,title:"Delete User",description:e.jsxs(e.Fragment,{children:["Delete"," ",e.jsx("span",{className:"font-medium text-text-primary",children:(x==null?void 0:x.display_name)||(x==null?void 0:x.external_id)}),"? This action cannot be undone."]}),isPending:r.isPending,error:r.error})]})}export{ss as UsersPage};
-//# sourceMappingURL=index-CLmZaNTK.js.map