@hotmeshio/long-tail 0.14.3 → 0.14.4

package/dashboard/dist/assets/{index-X3_AxcUk.js → index-DH_xm9UQ.js}

@@ -1,2 +1,2 @@
-import{a as d,j as s}from"./vendor-query-RUZdMvN6.js";import{c as F,d as C,b as u}from"./index-lGfBW1PB.js";import{u as M,a as T,b as O,S as $,c as A,d as D,e as R}from"./StreamMessageDetail-DziA1g1e.js";import{u as z}from"./useFilterParams-crmlBw_l.js";import{u as E}from"./useNamespace-wZCsEF6O.js";import{b as L}from"./api-path-u2Jf9QXS.js";import{D as I}from"./DataTable-DFPMeqyQ.js";import{S as U}from"./StickyPagination-XA1krmz5.js";import{F as q,b as x,a as _}from"./FilterBar-C06DK5Oa.js";import{P as B}from"./PageHeader-CDDpHpdv.js";import{L as V}from"./ListToolbar-BvpGFFYp.js";import{X as H,a0 as J}from"./vendor-icons-BgsXTN4h.js";import"./vendor-react-CdqEC2zv.js";import"./controlplane-Cy7snw7f.js";import"./EmptyState-lpUFYfun.js";function W(l,n){if(l.length<=n)return l;const a=Math.floor((n-1)/2);return`${l.slice(0,a)}…${l.slice(-a)}`}function ce(){const{namespace:l,available:n}=E("namespace"),{filters:a,setFilter:t,pagination:r,sort:c,setSort:h}=z({filters:{namespace:"",source:"worker",status:"",stream_name:"",msg_type:"",topic:"",workflow_name:"",jid:"",aid:""}}),[m,g]=d.useState(null),v=d.useMemo(()=>n.map(e=>({value:e,label:e})),[n]),{data:i,isLoading:b,refetch:j,isFetching:w}=M({namespace:a.namespace||l,source:a.source||"worker",limit:r.pageSize,offset:r.offset,sort_by:c.sort_by||"created_at",order:c.order||"desc",status:a.status||void 0,stream_name:a.stream_name||void 0,msg_type:a.msg_type||void 0,topic:a.topic||void 0,workflow_name:a.workflow_name||void 0,jid:a.jid||void 0,aid:a.aid||void 0}),p=(i==null?void 0:i.messages)??[],f=(i==null?void 0:i.total)??0,o=d.useMemo(()=>m?p.find(e=>e.id===m.id&&e.source===m.source)??m:null,[p,m]),S=!!o,[k,N]=d.useState(null);d.useEffect(()=>{o&&N(o)},[o]);const y=o??k,P=[{key:"stream_name",label:"Stream",sortable:!0,render:e=>s.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[s.jsx("span",{className:`w-2.5 h-2.5 shrink-0 rounded-full dot-ring ${D[e.status]}`,title:A[e.status]}),s.jsx("span",{className:"font-mono text-xs text-text-secondary truncate",title:e.stream_name,children:e.stream_name})]})},{key:"source",label:"Source",render:e=>s.jsx("span",{className:R,children:e.source}),className:"w-24"},{key:"created_at",label:"Created",sortable:!0,render:e=>s.jsx(u,{date:e.created_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}),className:"w-32"},{key:"reserved_at",label:"Reserved",render:e=>e.reserved_at?s.jsx(u,{date:e.reserved_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}):s.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-32"},{key:"expired_at",label:"Processed",render:e=>e.expired_at?s.jsx(u,{date:e.expired_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}):s.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-32"},{key:"priority",label:"Pri",sortable:!0,render:e=>s.jsx("span",{className:"text-xs text-text-secondary",children:e.priority}),className:"w-14 text-right"},{key:"retry_attempt",label:"Retries",render:e=>s.jsxs("span",{className:"text-xs text-text-secondary whitespace-nowrap",children:[e.retry_attempt,"/",e.max_retry_attempts]}),className:"w-20"}];return s.jsxs("div",{className:"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16",children:[s.jsxs("div",{className:"flex-1 min-w-0 pt-10 pr-10",children:[s.jsx(B,{title:"Messages",docsHash:"#docs:dashboard.md:messages"}),s.jsxs(q,{actions:s.jsx(V,{onRefresh:()=>j(),isFetching:w,apiPath:L("/controlplane/stream-messages",{namespace:a.namespace||l,source:a.source||"worker",limit:r.pageSize,offset:r.offset,sort_by:c.sort_by||"created_at",order:c.order||"desc",status:a.status||void 0,stream_name:a.stream_name||void 0,msg_type:a.msg_type||void 0,topic:a.topic||void 0,workflow_name:a.workflow_name||void 0,jid:a.jid||void 0,aid:a.aid||void 0})}),children:[s.jsx(x,{label:"Namespace",value:a.namespace,onChange:e=>t("namespace",e),options:v,required:!0}),s.jsx(x,{label:"Source",value:a.source,onChange:e=>t("source",e),options:T,required:!0}),s.jsx(x,{label:"Status",value:a.status,onChange:e=>t("status",e),options:O}),s.jsx(_,{label:"Stream",value:a.stream_name,onChange:e=>t("stream_name",e),placeholder:"Filter by stream name…"}),s.jsx(_,{label:"Job ID",value:a.jid,onChange:e=>t("jid",e),placeholder:"Filter by jid…"}),[{key:"topic",label:"Topic",value:a.topic},{key:"workflow_name",label:"Workflow",value:a.workflow_name},{key:"aid",label:"Activity",value:a.aid},{key:"msg_type",label:"Type",value:a.msg_type}].filter(e=>e.value).map(e=>s.jsxs("button",{onClick:()=>t(e.key,""),className:"inline-flex items-center gap-1 px-2 py-0.5 text-2xs font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors",title:`Clear ${e.label} filter: ${e.value}`,children:[e.label,": ",W(e.value,12),s.jsx(H,{className:"w-2.5 h-2.5"})]},e.key))]}),s.jsx(I,{columns:P,data:p,keyFn:e=>`${e.source}:${e.id}`,isLoading:b,emptyMessage:"No stream messages found",onRowClick:e=>g(e),activeRowKey:o?`${o.source}:${o.id}`:null,sort:c,onSort:h,layout:"fixed"}),s.jsx(U,{page:r.page,totalPages:r.totalPages(f),onPageChange:r.setPage,total:f,pageSize:r.pageSize,onPageSizeChange:r.setPageSize})]}),s.jsx(F,{open:S,width:416,className:"self-stretch",children:s.jsx("div",{className:"h-full pl-4",children:s.jsx(C,{views:[{id:"detail",icon:J,label:"Message Detail",content:y?s.jsx($,{message:y,filters:{onFilterStatus:e=>t("status",e),onFilterStreamName:e=>t("stream_name",e),onFilterMsgType:e=>t("msg_type",e),onFilterTopic:e=>t("topic",e),onFilterWorkflow:e=>t("workflow_name",e),onFilterJid:e=>t("jid",e),onFilterAid:e=>t("aid",e)}}):null}],activeId:"detail",onViewChange:()=>{},onClose:()=>g(null),stickyClassName:"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9"})})})]})}export{ce as StreamMessagesPage};
-//# sourceMappingURL=index-X3_AxcUk.js.map
+import{a as d,j as s}from"./vendor-query-RUZdMvN6.js";import{c as F,d as C,b as u}from"./index-SU2xrnBD.js";import{u as M,a as T,b as O,S as $,c as A,d as D,e as R}from"./StreamMessageDetail-CU5wrqO_.js";import{u as z}from"./useFilterParams-crmlBw_l.js";import{u as E}from"./useNamespace-ETqzJakA.js";import{b as L}from"./api-path-u2Jf9QXS.js";import{D as I}from"./DataTable-DFPMeqyQ.js";import{S as U}from"./StickyPagination-CnJgQPU1.js";import{F as q,b as x,a as _}from"./FilterBar-B-rkcWkV.js";import{P as B}from"./PageHeader-CDDpHpdv.js";import{L as V}from"./ListToolbar-C_-Utxqm.js";import{X as H,a0 as J}from"./vendor-icons-BgsXTN4h.js";import"./vendor-react-CdqEC2zv.js";import"./controlplane-Bzx-qd8m.js";import"./EmptyState-lpUFYfun.js";function W(l,n){if(l.length<=n)return l;const a=Math.floor((n-1)/2);return`${l.slice(0,a)}…${l.slice(-a)}`}function ce(){const{namespace:l,available:n}=E("namespace"),{filters:a,setFilter:t,pagination:r,sort:c,setSort:h}=z({filters:{namespace:"",source:"worker",status:"",stream_name:"",msg_type:"",topic:"",workflow_name:"",jid:"",aid:""}}),[m,g]=d.useState(null),v=d.useMemo(()=>n.map(e=>({value:e,label:e})),[n]),{data:i,isLoading:b,refetch:j,isFetching:w}=M({namespace:a.namespace||l,source:a.source||"worker",limit:r.pageSize,offset:r.offset,sort_by:c.sort_by||"created_at",order:c.order||"desc",status:a.status||void 0,stream_name:a.stream_name||void 0,msg_type:a.msg_type||void 0,topic:a.topic||void 0,workflow_name:a.workflow_name||void 0,jid:a.jid||void 0,aid:a.aid||void 0}),p=(i==null?void 0:i.messages)??[],f=(i==null?void 0:i.total)??0,o=d.useMemo(()=>m?p.find(e=>e.id===m.id&&e.source===m.source)??m:null,[p,m]),S=!!o,[k,N]=d.useState(null);d.useEffect(()=>{o&&N(o)},[o]);const y=o??k,P=[{key:"stream_name",label:"Stream",sortable:!0,render:e=>s.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[s.jsx("span",{className:`w-2.5 h-2.5 shrink-0 rounded-full dot-ring ${D[e.status]}`,title:A[e.status]}),s.jsx("span",{className:"font-mono text-xs text-text-secondary truncate",title:e.stream_name,children:e.stream_name})]})},{key:"source",label:"Source",render:e=>s.jsx("span",{className:R,children:e.source}),className:"w-24"},{key:"created_at",label:"Created",sortable:!0,render:e=>s.jsx(u,{date:e.created_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}),className:"w-32"},{key:"reserved_at",label:"Reserved",render:e=>e.reserved_at?s.jsx(u,{date:e.reserved_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}):s.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-32"},{key:"expired_at",label:"Processed",render:e=>e.expired_at?s.jsx(u,{date:e.expired_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}):s.jsx("span",{className:"text-xs text-text-tertiary",children:"—"}),className:"w-32"},{key:"priority",label:"Pri",sortable:!0,render:e=>s.jsx("span",{className:"text-xs text-text-secondary",children:e.priority}),className:"w-14 text-right"},{key:"retry_attempt",label:"Retries",render:e=>s.jsxs("span",{className:"text-xs text-text-secondary whitespace-nowrap",children:[e.retry_attempt,"/",e.max_retry_attempts]}),className:"w-20"}];return s.jsxs("div",{className:"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16",children:[s.jsxs("div",{className:"flex-1 min-w-0 pt-10 pr-10",children:[s.jsx(B,{title:"Messages",docsHash:"#docs:dashboard.md:messages"}),s.jsxs(q,{actions:s.jsx(V,{onRefresh:()=>j(),isFetching:w,apiPath:L("/controlplane/stream-messages",{namespace:a.namespace||l,source:a.source||"worker",limit:r.pageSize,offset:r.offset,sort_by:c.sort_by||"created_at",order:c.order||"desc",status:a.status||void 0,stream_name:a.stream_name||void 0,msg_type:a.msg_type||void 0,topic:a.topic||void 0,workflow_name:a.workflow_name||void 0,jid:a.jid||void 0,aid:a.aid||void 0})}),children:[s.jsx(x,{label:"Namespace",value:a.namespace,onChange:e=>t("namespace",e),options:v,required:!0}),s.jsx(x,{label:"Source",value:a.source,onChange:e=>t("source",e),options:T,required:!0}),s.jsx(x,{label:"Status",value:a.status,onChange:e=>t("status",e),options:O}),s.jsx(_,{label:"Stream",value:a.stream_name,onChange:e=>t("stream_name",e),placeholder:"Filter by stream name…"}),s.jsx(_,{label:"Job ID",value:a.jid,onChange:e=>t("jid",e),placeholder:"Filter by jid…"}),[{key:"topic",label:"Topic",value:a.topic},{key:"workflow_name",label:"Workflow",value:a.workflow_name},{key:"aid",label:"Activity",value:a.aid},{key:"msg_type",label:"Type",value:a.msg_type}].filter(e=>e.value).map(e=>s.jsxs("button",{onClick:()=>t(e.key,""),className:"inline-flex items-center gap-1 px-2 py-0.5 text-2xs font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors",title:`Clear ${e.label} filter: ${e.value}`,children:[e.label,": ",W(e.value,12),s.jsx(H,{className:"w-2.5 h-2.5"})]},e.key))]}),s.jsx(I,{columns:P,data:p,keyFn:e=>`${e.source}:${e.id}`,isLoading:b,emptyMessage:"No stream messages found",onRowClick:e=>g(e),activeRowKey:o?`${o.source}:${o.id}`:null,sort:c,onSort:h,layout:"fixed"}),s.jsx(U,{page:r.page,totalPages:r.totalPages(f),onPageChange:r.setPage,total:f,pageSize:r.pageSize,onPageSizeChange:r.setPageSize})]}),s.jsx(F,{open:S,width:416,className:"self-stretch",children:s.jsx("div",{className:"h-full pl-4",children:s.jsx(C,{views:[{id:"detail",icon:J,label:"Message Detail",content:y?s.jsx($,{message:y,filters:{onFilterStatus:e=>t("status",e),onFilterStreamName:e=>t("stream_name",e),onFilterMsgType:e=>t("msg_type",e),onFilterTopic:e=>t("topic",e),onFilterWorkflow:e=>t("workflow_name",e),onFilterJid:e=>t("jid",e),onFilterAid:e=>t("aid",e)}}):null}],activeId:"detail",onViewChange:()=>{},onClose:()=>g(null),stickyClassName:"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9"})})})]})}export{ce as StreamMessagesPage};
+//# sourceMappingURL=index-DH_xm9UQ.js.map

package/dashboard/dist/assets/{index-X3_AxcUk.js.map → index-DH_xm9UQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-X3_AxcUk.js","sources":["../../src/pages/admin/streams/StreamMessagesPage.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react';\nimport { X, MessageSquare } from 'lucide-react';\nimport { SlidePanel, SlidePanelViews } from '../../../components/common/layout/SlidePanel';\nimport { useStreamMessages, type StreamMessage } from '../../../api/stream-messages';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport { useNamespace } from '../../../hooks/useNamespace';\nimport { buildApiPath } from '../../../lib/api-path';\nimport { DataTable, type Column } from '../../../components/common/data/DataTable';\nimport { StickyPagination } from '../../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../../components/common/data/ListToolbar';\nimport { StreamMessageDetail } from './StreamMessageDetail';\nimport { STATUS_DOT, STATUS_LABEL, STATUS_OPTIONS, SOURCE_OPTIONS, SOURCE_BADGE } from './constants';\n\nfunction truncateMiddle(str: string, max: number): string {\n  if (str.length <= max) return str;\n  const half = Math.floor((max - 1) / 2);\n  return `${str.slice(0, half)}…${str.slice(-half)}`;\n}\n\nexport function StreamMessagesPage() {\n  const { namespace, available } = useNamespace('namespace');\n\n  const { filters, setFilter, pagination, sort, setSort } = useFilterParams({\n    filters: { namespace: '', source: 'worker', status: '', stream_name: '', msg_type: '', topic: '', workflow_name: '', jid: '', aid: '' },\n  });\n\n  const [selected, setSelected] = useState<StreamMessage | null>(null);\n\n  const namespaceOptions = useMemo(\n    () => available.map((id) => ({ value: id, label: id })),\n    [available],\n  );\n\n  const { data, isLoading, refetch, isFetching } = useStreamMessages({\n    namespace: filters.namespace || namespace,\n    source: (filters.source as 'engine' | 'worker') || 'worker',\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n    sort_by: sort.sort_by || 'created_at',\n    order: sort.order || 'desc',\n    status: (filters.status as any) || undefined,\n    stream_name: filters.stream_name || undefined,\n    msg_type: filters.msg_type || undefined,\n    topic: filters.topic || undefined,\n    workflow_name: filters.workflow_name || undefined,\n    jid: filters.jid || undefined,\n    aid: filters.aid || undefined,\n  });\n\n  const messages = data?.messages ?? [];\n  const total = data?.total ?? 0;\n\n  const activeMessage = useMemo(() => {\n    if (!selected) return null;\n    return messages.find((m) => m.id === selected.id && m.source === selected.source) ?? selected;\n  }, [messages, selected]);\n\n  const panelOpen = !!activeMessage;\n\n  // Hold the last message through the panel's closing animation so the detail\n  // content stays rendered while the panel slides shut.\n  const [lastMessage, setLastMessage] = useState<StreamMessage | null>(null);\n  useEffect(() => {\n    if (activeMessage) setLastMessage(activeMessage);\n  }, [activeMessage]);\n  const displayMessage = activeMessage ?? lastMessage;\n\n  // Status and type live as the dot and the detail panel — the row itself\n  // stays one flexible stream column plus fixed narrow facts, so the table\n  // shrinks with the container (same shape as the executions list).\n  const columns: Column<StreamMessage>[] = [\n    {\n      key: 'stream_name',\n      label: 'Stream',\n      sortable: true,\n      render: (row) => (\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <span\n            className={`w-2.5 h-2.5 shrink-0 rounded-full dot-ring ${STATUS_DOT[row.status]}`}\n            title={STATUS_LABEL[row.status]}\n          />\n          <span className=\"font-mono text-xs text-text-secondary truncate\" title={row.stream_name}>\n            {row.stream_name}\n          </span>\n        </div>\n      ),\n    },\n    {\n      key: 'source',\n      label: 'Source',\n      render: (row) => <span className={SOURCE_BADGE}>{row.source}</span>,\n      className: 'w-24',\n    },\n    {\n      key: 'created_at',\n      label: 'Created',\n      sortable: true,\n      render: (row) => <DateValue date={row.created_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />,\n      className: 'w-32',\n    },\n    {\n      key: 'reserved_at',\n      label: 'Reserved',\n      render: (row) => row.reserved_at\n        ? <DateValue date={row.reserved_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'expired_at',\n      label: 'Processed',\n      render: (row) => row.expired_at\n        ? <DateValue date={row.expired_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'priority',\n      label: 'Pri',\n      sortable: true,\n      render: (row) => <span className=\"text-xs text-text-secondary\">{row.priority}</span>,\n      className: 'w-14 text-right',\n    },\n    {\n      key: 'retry_attempt',\n      label: 'Retries',\n      render: (row) => (\n        <span className=\"text-xs text-text-secondary whitespace-nowrap\">\n          {row.retry_attempt}/{row.max_retry_attempts}\n        </span>\n      ),\n      className: 'w-20',\n    },\n  ];\n\n  return (\n    // Master-list flow beside a full-height panel: the left column is a plain\n    // page-scrolling list (FilterBar and table headers stick against the main\n    // scroll, exactly like the executions list). The panel column spans the\n    // page height; its sticky viewport stays pinned with its own scroll.\n    // Negative margins let the panel span the full middle row; the left\n    // column re-adds those gutters for its own content.\n    <div className=\"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16\">\n      <div className=\"flex-1 min-w-0 pt-10 pr-10\">\n        <PageHeader title=\"Messages\" docsHash=\"#docs:dashboard.md:messages\" />\n\n        <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={buildApiPath('/controlplane/stream-messages', {\n            namespace: filters.namespace || namespace,\n            source: filters.source || 'worker',\n            limit: pagination.pageSize,\n            offset: pagination.offset,\n            sort_by: sort.sort_by || 'created_at',\n            order: sort.order || 'desc',\n            status: filters.status || undefined,\n            stream_name: filters.stream_name || undefined,\n            msg_type: filters.msg_type || undefined,\n            topic: filters.topic || undefined,\n            workflow_name: filters.workflow_name || undefined,\n            jid: filters.jid || undefined,\n            aid: filters.aid || undefined,\n          })}\n        />\n      }>\n        <FilterSelect\n          label=\"Namespace\"\n          value={filters.namespace}\n          onChange={(v) => setFilter('namespace', v)}\n          options={namespaceOptions}\n          required\n        />\n        <FilterSelect\n          label=\"Source\"\n          value={filters.source}\n          onChange={(v) => setFilter('source', v)}\n          options={SOURCE_OPTIONS}\n          required\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={STATUS_OPTIONS}\n        />\n        <FilterInput\n          label=\"Stream\"\n          value={filters.stream_name}\n          onChange={(v) => setFilter('stream_name', v)}\n          placeholder=\"Filter by stream name…\"\n        />\n        <FilterInput\n          label=\"Job ID\"\n          value={filters.jid}\n          onChange={(v) => setFilter('jid', v)}\n          placeholder=\"Filter by jid…\"\n        />\n        {/* Active dimension filter pills — inline in the sticky bar */}\n        {[\n          { key: 'topic', label: 'Topic', value: filters.topic },\n          { key: 'workflow_name', label: 'Workflow', value: filters.workflow_name },\n          { key: 'aid', label: 'Activity', value: filters.aid },\n          { key: 'msg_type', label: 'Type', value: filters.msg_type },\n        ].filter((f) => f.value).map((f) => (\n          <button\n            key={f.key}\n            onClick={() => setFilter(f.key as any, '')}\n            className=\"inline-flex items-center gap-1 px-2 py-0.5 text-2xs font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors\"\n            title={`Clear ${f.label} filter: ${f.value}`}\n          >\n            {f.label}: {truncateMiddle(f.value, 12)}\n            <X className=\"w-2.5 h-2.5\" />\n          </button>\n        ))}\n      </FilterBar>\n\n        <DataTable\n          columns={columns}\n          data={messages}\n          keyFn={(row) => `${row.source}:${row.id}`}\n          isLoading={isLoading}\n          emptyMessage=\"No stream messages found\"\n          onRowClick={(row) => setSelected(row)}\n          activeRowKey={activeMessage ? `${activeMessage.source}:${activeMessage.id}` : null}\n          sort={sort}\n          onSort={setSort}\n          layout=\"fixed\"\n        />\n\n        {/* Direct child of the tall column so sticky works; its -mx-10 fills\n            the column's pr-10, ending flush at the panel's edge. */}\n        <StickyPagination\n          page={pagination.page}\n          totalPages={pagination.totalPages(total)}\n          onPageChange={pagination.setPage}\n          total={total}\n          pageSize={pagination.pageSize}\n          onPageSizeChange={pagination.setPageSize}\n        />\n      </div>\n\n      {/* Detail panel — spans the page height; the sticky viewport keeps the\n          chrome pinned to the visible area with its own scroll. */}\n      <SlidePanel open={panelOpen} width={416} className=\"self-stretch\">\n        <div className=\"h-full pl-4\">\n          <SlidePanelViews\n            views={[{\n              id: 'detail',\n              icon: MessageSquare,\n              label: 'Message Detail',\n              content: displayMessage ? (\n                <StreamMessageDetail\n                  message={displayMessage}\n                  filters={{\n                    onFilterStatus: (v) => setFilter('status', v),\n                    onFilterStreamName: (v) => setFilter('stream_name', v),\n                    onFilterMsgType: (v) => setFilter('msg_type', v),\n                    onFilterTopic: (v) => setFilter('topic', v),\n                    onFilterWorkflow: (v) => setFilter('workflow_name', v),\n                    onFilterJid: (v) => setFilter('jid', v),\n                    onFilterAid: (v) => setFilter('aid', v),\n                  }}\n                />\n              ) : null,\n            }]}\n            activeId=\"detail\"\n            onViewChange={() => {}}\n            onClose={() => setSelected(null)}\n            stickyClassName=\"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9\"\n          />\n        </div>\n      </SlidePanel>\n    </div>\n  );\n}\n"],"names":["truncateMiddle","str","max","half","StreamMessagesPage","namespace","available","useNamespace","filters","setFilter","pagination","sort","setSort","useFilterParams","selected","setSelected","useState","namespaceOptions","useMemo","id","data","isLoading","refetch","isFetching","useStreamMessages","messages","total","activeMessage","m","panelOpen","lastMessage","setLastMessage","useEffect","displayMessage","columns","row","jsxs","jsx","STATUS_DOT","STATUS_LABEL","SOURCE_BADGE","DateValue","PageHeader","FilterBar","ListToolbar","buildApiPath","FilterSelect","v","SOURCE_OPTIONS","STATUS_OPTIONS","FilterInput","f","X","DataTable","StickyPagination","SlidePanel","SlidePanelViews","MessageSquare","StreamMessageDetail"],"mappings":"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"}
+{"version":3,"file":"index-DH_xm9UQ.js","sources":["../../src/pages/admin/streams/StreamMessagesPage.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react';\nimport { X, MessageSquare } from 'lucide-react';\nimport { SlidePanel, SlidePanelViews } from '../../../components/common/layout/SlidePanel';\nimport { useStreamMessages, type StreamMessage } from '../../../api/stream-messages';\nimport { useFilterParams } from '../../../hooks/useFilterParams';\nimport { useNamespace } from '../../../hooks/useNamespace';\nimport { buildApiPath } from '../../../lib/api-path';\nimport { DataTable, type Column } from '../../../components/common/data/DataTable';\nimport { StickyPagination } from '../../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect, FilterInput } from '../../../components/common/data/FilterBar';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../../components/common/data/ListToolbar';\nimport { StreamMessageDetail } from './StreamMessageDetail';\nimport { STATUS_DOT, STATUS_LABEL, STATUS_OPTIONS, SOURCE_OPTIONS, SOURCE_BADGE } from './constants';\n\nfunction truncateMiddle(str: string, max: number): string {\n  if (str.length <= max) return str;\n  const half = Math.floor((max - 1) / 2);\n  return `${str.slice(0, half)}…${str.slice(-half)}`;\n}\n\nexport function StreamMessagesPage() {\n  const { namespace, available } = useNamespace('namespace');\n\n  const { filters, setFilter, pagination, sort, setSort } = useFilterParams({\n    filters: { namespace: '', source: 'worker', status: '', stream_name: '', msg_type: '', topic: '', workflow_name: '', jid: '', aid: '' },\n  });\n\n  const [selected, setSelected] = useState<StreamMessage | null>(null);\n\n  const namespaceOptions = useMemo(\n    () => available.map((id) => ({ value: id, label: id })),\n    [available],\n  );\n\n  const { data, isLoading, refetch, isFetching } = useStreamMessages({\n    namespace: filters.namespace || namespace,\n    source: (filters.source as 'engine' | 'worker') || 'worker',\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n    sort_by: sort.sort_by || 'created_at',\n    order: sort.order || 'desc',\n    status: (filters.status as any) || undefined,\n    stream_name: filters.stream_name || undefined,\n    msg_type: filters.msg_type || undefined,\n    topic: filters.topic || undefined,\n    workflow_name: filters.workflow_name || undefined,\n    jid: filters.jid || undefined,\n    aid: filters.aid || undefined,\n  });\n\n  const messages = data?.messages ?? [];\n  const total = data?.total ?? 0;\n\n  const activeMessage = useMemo(() => {\n    if (!selected) return null;\n    return messages.find((m) => m.id === selected.id && m.source === selected.source) ?? selected;\n  }, [messages, selected]);\n\n  const panelOpen = !!activeMessage;\n\n  // Hold the last message through the panel's closing animation so the detail\n  // content stays rendered while the panel slides shut.\n  const [lastMessage, setLastMessage] = useState<StreamMessage | null>(null);\n  useEffect(() => {\n    if (activeMessage) setLastMessage(activeMessage);\n  }, [activeMessage]);\n  const displayMessage = activeMessage ?? lastMessage;\n\n  // Status and type live as the dot and the detail panel — the row itself\n  // stays one flexible stream column plus fixed narrow facts, so the table\n  // shrinks with the container (same shape as the executions list).\n  const columns: Column<StreamMessage>[] = [\n    {\n      key: 'stream_name',\n      label: 'Stream',\n      sortable: true,\n      render: (row) => (\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <span\n            className={`w-2.5 h-2.5 shrink-0 rounded-full dot-ring ${STATUS_DOT[row.status]}`}\n            title={STATUS_LABEL[row.status]}\n          />\n          <span className=\"font-mono text-xs text-text-secondary truncate\" title={row.stream_name}>\n            {row.stream_name}\n          </span>\n        </div>\n      ),\n    },\n    {\n      key: 'source',\n      label: 'Source',\n      render: (row) => <span className={SOURCE_BADGE}>{row.source}</span>,\n      className: 'w-24',\n    },\n    {\n      key: 'created_at',\n      label: 'Created',\n      sortable: true,\n      render: (row) => <DateValue date={row.created_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />,\n      className: 'w-32',\n    },\n    {\n      key: 'reserved_at',\n      label: 'Reserved',\n      render: (row) => row.reserved_at\n        ? <DateValue date={row.reserved_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'expired_at',\n      label: 'Processed',\n      render: (row) => row.expired_at\n        ? <DateValue date={row.expired_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />\n        : <span className=\"text-xs text-text-tertiary\">—</span>,\n      className: 'w-32',\n    },\n    {\n      key: 'priority',\n      label: 'Pri',\n      sortable: true,\n      render: (row) => <span className=\"text-xs text-text-secondary\">{row.priority}</span>,\n      className: 'w-14 text-right',\n    },\n    {\n      key: 'retry_attempt',\n      label: 'Retries',\n      render: (row) => (\n        <span className=\"text-xs text-text-secondary whitespace-nowrap\">\n          {row.retry_attempt}/{row.max_retry_attempts}\n        </span>\n      ),\n      className: 'w-20',\n    },\n  ];\n\n  return (\n    // Master-list flow beside a full-height panel: the left column is a plain\n    // page-scrolling list (FilterBar and table headers stick against the main\n    // scroll, exactly like the executions list). The panel column spans the\n    // page height; its sticky viewport stays pinned with its own scroll.\n    // Negative margins let the panel span the full middle row; the left\n    // column re-adds those gutters for its own content.\n    <div className=\"flex items-stretch min-w-0 -mt-10 -mr-10 -mb-16\">\n      <div className=\"flex-1 min-w-0 pt-10 pr-10\">\n        <PageHeader title=\"Messages\" docsHash=\"#docs:dashboard.md:messages\" />\n\n        <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={buildApiPath('/controlplane/stream-messages', {\n            namespace: filters.namespace || namespace,\n            source: filters.source || 'worker',\n            limit: pagination.pageSize,\n            offset: pagination.offset,\n            sort_by: sort.sort_by || 'created_at',\n            order: sort.order || 'desc',\n            status: filters.status || undefined,\n            stream_name: filters.stream_name || undefined,\n            msg_type: filters.msg_type || undefined,\n            topic: filters.topic || undefined,\n            workflow_name: filters.workflow_name || undefined,\n            jid: filters.jid || undefined,\n            aid: filters.aid || undefined,\n          })}\n        />\n      }>\n        <FilterSelect\n          label=\"Namespace\"\n          value={filters.namespace}\n          onChange={(v) => setFilter('namespace', v)}\n          options={namespaceOptions}\n          required\n        />\n        <FilterSelect\n          label=\"Source\"\n          value={filters.source}\n          onChange={(v) => setFilter('source', v)}\n          options={SOURCE_OPTIONS}\n          required\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={STATUS_OPTIONS}\n        />\n        <FilterInput\n          label=\"Stream\"\n          value={filters.stream_name}\n          onChange={(v) => setFilter('stream_name', v)}\n          placeholder=\"Filter by stream name…\"\n        />\n        <FilterInput\n          label=\"Job ID\"\n          value={filters.jid}\n          onChange={(v) => setFilter('jid', v)}\n          placeholder=\"Filter by jid…\"\n        />\n        {/* Active dimension filter pills — inline in the sticky bar */}\n        {[\n          { key: 'topic', label: 'Topic', value: filters.topic },\n          { key: 'workflow_name', label: 'Workflow', value: filters.workflow_name },\n          { key: 'aid', label: 'Activity', value: filters.aid },\n          { key: 'msg_type', label: 'Type', value: filters.msg_type },\n        ].filter((f) => f.value).map((f) => (\n          <button\n            key={f.key}\n            onClick={() => setFilter(f.key as any, '')}\n            className=\"inline-flex items-center gap-1 px-2 py-0.5 text-2xs font-mono rounded-full bg-accent/15 text-accent hover:bg-accent/25 transition-colors\"\n            title={`Clear ${f.label} filter: ${f.value}`}\n          >\n            {f.label}: {truncateMiddle(f.value, 12)}\n            <X className=\"w-2.5 h-2.5\" />\n          </button>\n        ))}\n      </FilterBar>\n\n        <DataTable\n          columns={columns}\n          data={messages}\n          keyFn={(row) => `${row.source}:${row.id}`}\n          isLoading={isLoading}\n          emptyMessage=\"No stream messages found\"\n          onRowClick={(row) => setSelected(row)}\n          activeRowKey={activeMessage ? `${activeMessage.source}:${activeMessage.id}` : null}\n          sort={sort}\n          onSort={setSort}\n          layout=\"fixed\"\n        />\n\n        {/* Direct child of the tall column so sticky works; its -mx-10 fills\n            the column's pr-10, ending flush at the panel's edge. */}\n        <StickyPagination\n          page={pagination.page}\n          totalPages={pagination.totalPages(total)}\n          onPageChange={pagination.setPage}\n          total={total}\n          pageSize={pagination.pageSize}\n          onPageSizeChange={pagination.setPageSize}\n        />\n      </div>\n\n      {/* Detail panel — spans the page height; the sticky viewport keeps the\n          chrome pinned to the visible area with its own scroll. */}\n      <SlidePanel open={panelOpen} width={416} className=\"self-stretch\">\n        <div className=\"h-full pl-4\">\n          <SlidePanelViews\n            views={[{\n              id: 'detail',\n              icon: MessageSquare,\n              label: 'Message Detail',\n              content: displayMessage ? (\n                <StreamMessageDetail\n                  message={displayMessage}\n                  filters={{\n                    onFilterStatus: (v) => setFilter('status', v),\n                    onFilterStreamName: (v) => setFilter('stream_name', v),\n                    onFilterMsgType: (v) => setFilter('msg_type', v),\n                    onFilterTopic: (v) => setFilter('topic', v),\n                    onFilterWorkflow: (v) => setFilter('workflow_name', v),\n                    onFilterJid: (v) => setFilter('jid', v),\n                    onFilterAid: (v) => setFilter('aid', v),\n                  }}\n                />\n              ) : null,\n            }]}\n            activeId=\"detail\"\n            onViewChange={() => {}}\n            onClose={() => setSelected(null)}\n            stickyClassName=\"sticky top-0 z-10 h-[calc(100vh-5.25rem)] pt-9\"\n          />\n        </div>\n      </SlidePanel>\n    </div>\n  );\n}\n"],"names":["truncateMiddle","str","max","half","StreamMessagesPage","namespace","available","useNamespace","filters","setFilter","pagination","sort","setSort","useFilterParams","selected","setSelected","useState","namespaceOptions","useMemo","id","data","isLoading","refetch","isFetching","useStreamMessages","messages","total","activeMessage","m","panelOpen","lastMessage","setLastMessage","useEffect","displayMessage","columns","row","jsxs","jsx","STATUS_DOT","STATUS_LABEL","SOURCE_BADGE","DateValue","PageHeader","FilterBar","ListToolbar","buildApiPath","FilterSelect","v","SOURCE_OPTIONS","STATUS_OPTIONS","FilterInput","f","X","DataTable","StickyPagination","SlidePanel","SlidePanelViews","MessageSquare","StreamMessageDetail"],"mappings":"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"}

package/dashboard/dist/assets/{index-DyTb77Jb.js → index-DYz57kr_.js}

@@ -1,2 +1,2 @@
-import{a as p,j as e}from"./vendor-query-RUZdMvN6.js";import{H as B,b as T,v as D}from"./index-lGfBW1PB.js";import{b as q,c as H,d as V,e as J,f as W,a as Q}from"./users-XpCq_umD.js";import{u as E}from"./useFilterParams-crmlBw_l.js";import{D as I}from"./DataTable-DFPMeqyQ.js";import{S as F}from"./StickyPagination-XA1krmz5.js";import{F as K,a as M,b as $}from"./FilterBar-C06DK5Oa.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-CDDpHpdv.js";import{R as S}from"./RolePill-C0hExOmI.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-B047yNJ0.js";import{T as ie}from"./TimeAgo-GWgJ0LVq.js";import{a9 as re,aa as ce,aM as oe,T as A,f as de,a8 as L,D as G,U as xe,e as me}from"./vendor-icons-BgsXTN4h.js";import{u as ue,a as pe,b as he,c as je}from"./personas-xHB16O-Q.js";import{S as ge}from"./ScopeBadge-BBQvz4pj.js";import{L as ve,f as ye}from"./vendor-react-CdqEC2zv.js";import{S as fe}from"./SegmentedTabs-DXNzY05q.js";import"./EmptyState-lpUFYfun.js";function be({open:l,onClose:r}){const s=q(),[a,i]=p.useState({external_id:"",email:"",display_name:"",password:""}),[x,h]=p.useState(l);l!==x&&(h(l),l&&i({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:r})},m=(t,u)=>i(d=>({...d,[t]:u}));return e.jsx(C,{open:l,onClose:r,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:r,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 Ne({open:l,onClose:r,user:s}){const a=H(),[i,x]=p.useState({display_name:"",email:"",status:"active"}),[h,j]=p.useState(s);s!==h&&(j(s),s&&x({display_name:s.display_name??"",email:s.email??"",status:s.status}));const m=()=>{s&&a.mutate({id:s.id,display_name:i.display_name.trim()||void 0,email:i.email.trim()||void 0,status:i.status},{onSuccess:r})};return e.jsx(C,{open:l,onClose:r,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:i.display_name,onChange:t=>x(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:i.email,onChange:t=>x(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:i.status,onChange:t=>x(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:r,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 we({open:l,onClose:r}){const s=X(),[a,i]=p.useState({name:"",display_name:"",description:""}),[x,h]=p.useState(l);l!==x&&(h(l),l&&i({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:r})},m=(t,u)=>i(d=>({...d,[t]:u}));return e.jsx(C,{open:l,onClose:r,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:r,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 ke({open:l,onClose:r,bot:s}){const a=Y(),[i,x]=p.useState({display_name:"",description:"",status:"active"}),[h,j]=p.useState(s);s!==h&&(j(s),s&&x({display_name:s.display_name??"",description:s.description??"",status:s.status}));const m=()=>{s&&a.mutate({id:s.id,display_name:i.display_name.trim()||void 0,description:i.description.trim()||void 0,status:i.status},{onSuccess:r})};return e.jsx(C,{open:l,onClose:r,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:i.display_name,onChange:t=>x(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:i.description,onChange:t=>x(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:i.status,onChange:t=>x(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:r,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 Se({botId:l}){const{data:r}=Z(l),s=ee(),a=se(),[i,x]=p.useState(""),[h,j]=p.useState("read"),[m,t]=p.useState(null),[u,d]=p.useState(!1),[g,o]=p.useState(null),f=(r==null?void 0:r.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=()=>{i.trim()&&s.mutate({botId:l,name:i.trim(),scopes:c[h].scopes},{onSuccess:v=>{t(v.rawKey),x("")}})},b=()=>{m&&(navigator.clipboard.writeText(m),d(!0),setTimeout(()=>d(!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(re,{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(ie,{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:i,onChange:v=>x(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:!i.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 Ce({bot:l}){const{data:r}=B(),s=te(),a=ae(),[i,x]=p.useState(""),[h,j]=p.useState("member"),m=(r==null?void 0:r.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]),d=()=>{i.trim()&&s.mutate({botId:l.id,role:i.trim(),type:h},{onSuccess:()=>{x(""),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:i,onChange:o=>x(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:d,disabled:!i||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 _e({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(Se,{botId:l.id}),e.jsx(Ce,{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 Pe={active:"bg-status-success",inactive:"bg-text-tertiary",suspended:"bg-status-error"},Re=[{value:"active",label:"Active"},{value:"inactive",label:"Inactive"},{value:"suspended",label:"Suspended"}];function Ae({embedded:l=!1}){const{filters:r,setFilter:s,pagination:a}=E({filters:{status:"",search:""}}),i=le(),[x,h]=p.useState(!1),[j,m]=p.useState(null),[t,u]=p.useState(null),[d,g]=p.useState(null),{data:o,isLoading:f}=ne({status:r.status||void 0,search:r.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 ${Pe[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(T,{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=()=>{d&&i.mutate(d.id,{onSuccess:()=>{g(null),(t==null?void 0:t.id)===d.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:r.search,onChange:n=>s("search",n),placeholder:"name, id, description…"}),e.jsx($,{label:"Status",value:r.status,onChange:n=>s("status",n),options:Re})]}),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(_e,{bot:b})})]}),e.jsx(we,{open:x,onClose:()=>h(!1)}),e.jsx(ke,{open:!!j,onClose:()=>m(null),bot:j}),e.jsx(R,{open:!!d,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:(d==null?void 0:d.display_name)||(d==null?void 0:d.external_id)}),"? This will also revoke all API keys. This action cannot be undone."]}),isPending:i.isPending,error:i.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(r=>r.value===l)??P[0]}function Ue({user:l}){const{data:r}=ue(),{data:s}=pe(l.id),a=he(),i=je(),[x,h]=p.useState(""),j=(s==null?void 0:s.personas)??[],m=p.useMemo(()=>{const t=new Set(j.map(u=>u.key));return((r==null?void 0:r.personas)??[]).filter(u=>!t.has(u.key))},[r,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:()=>i.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:x,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:()=>{x&&a.mutate({userId:l.id,key:x},{onSuccess:()=>h("")})},disabled:!x||a.isPending,className:"btn-primary text-xs shrink-0",children:a.isPending?"...":"Assign"})]}),(a.error||i.error)&&e.jsx("p",{className:"text-2xs text-status-error",children:(a.error||i.error).message})]})}function Be({user:l}){const{data:r}=B(),s=V(),a=J(),[i,x]=p.useState(""),[h,j]=p.useState("member"),[m,t]=p.useState(_),u=(r==null?void 0:r.roles)??[],d=(l==null?void 0:l.roles)??[],g=p.useMemo(()=>{const c=new Set(d.map(y=>y.role));return u.filter(y=>!c.has(y))},[u,d]),o=()=>{if(!l||!i.trim())return;const c=U(h==="member"?m:_);s.mutate({userId:l.id,role:i.trim(),type:h,read_scope:c.read_scope,write_scope:c.write_scope},{onSuccess:()=>{x(""),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(Ue,{user:l}),e.jsx("p",{className:"text-2xs text-text-tertiary",children:"Member of:"}),d.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:d.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:i,onChange:c=>x(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:!i||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 Te({active:l,onChange:r}){return e.jsx(fe,{"aria-label":"Account kind",active:l,onChange:r,tabs:[{key:"users",label:"User Accounts",icon:e.jsx(xe,{className:"w-3.5 h-3.5"})},{key:"service-accounts",label:"Service Accounts",icon:e.jsx(me,{className:"w-3.5 h-3.5"})}]})}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 as(){const{isBuilder:l}=D(),[r,s]=ye(),a=r.get("tab"),i=l&&a==="service-accounts"?"service-accounts":"users",x=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(Te,{active:i,onChange:x}):void 0}),i==="users"?e.jsx(Ie,{}):e.jsx(Ae,{embedded:!0})]})}function Ie(){const{isBuilder:l}=D(),{filters:r,setFilter:s,pagination:a}=E({filters:{status:"",search:""}}),i=W(),[x,h]=p.useState(!1),[j,m]=p.useState(null),[t,u]=p.useState(null),[d,g]=p.useState(null),{data:o,isLoading:f}=Q({status:r.status||void 0,search:r.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(T,{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=()=>{d&&i.mutate(d.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:r.search,onChange:n=>s("search",n),placeholder:"name, email, id…"}),e.jsx($,{label:"Status",value:r.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(Be,{user:b})})]}),e.jsx(be,{open:x,onClose:()=>h(!1)}),e.jsx(Ne,{open:!!j,onClose:()=>m(null),user:j}),e.jsx(R,{open:!!d,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:(d==null?void 0:d.display_name)||(d==null?void 0:d.external_id)}),"? This action cannot be undone."]}),isPending:i.isPending,error:i.error})]})}export{as as UsersPage};
-//# sourceMappingURL=index-DyTb77Jb.js.map
+import{a as p,j as e}from"./vendor-query-RUZdMvN6.js";import{H as B,b as T,v as D}from"./index-SU2xrnBD.js";import{b as q,c as H,d as V,e as J,f as W,a as Q}from"./users-DF8dTbOo.js";import{u as E}from"./useFilterParams-crmlBw_l.js";import{D as I}from"./DataTable-DFPMeqyQ.js";import{S as F}from"./StickyPagination-CnJgQPU1.js";import{F as K,a as M,b as $}from"./FilterBar-B-rkcWkV.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-CDDpHpdv.js";import{R as S}from"./RolePill-C0hExOmI.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-El47Xy5a.js";import{T as ie}from"./TimeAgo-BPODA7Dm.js";import{a9 as re,aa as ce,aM as oe,T as A,f as de,a8 as L,D as G,U as xe,e as me}from"./vendor-icons-BgsXTN4h.js";import{u as ue,a as pe,b as he,c as je}from"./personas-jJEDmBtg.js";import{S as ge}from"./ScopeBadge-BBQvz4pj.js";import{L as ve,f as ye}from"./vendor-react-CdqEC2zv.js";import{S as fe}from"./SegmentedTabs-DXNzY05q.js";import"./EmptyState-lpUFYfun.js";function be({open:l,onClose:r}){const s=q(),[a,i]=p.useState({external_id:"",email:"",display_name:"",password:""}),[x,h]=p.useState(l);l!==x&&(h(l),l&&i({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:r})},m=(t,u)=>i(d=>({...d,[t]:u}));return e.jsx(C,{open:l,onClose:r,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:r,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 Ne({open:l,onClose:r,user:s}){const a=H(),[i,x]=p.useState({display_name:"",email:"",status:"active"}),[h,j]=p.useState(s);s!==h&&(j(s),s&&x({display_name:s.display_name??"",email:s.email??"",status:s.status}));const m=()=>{s&&a.mutate({id:s.id,display_name:i.display_name.trim()||void 0,email:i.email.trim()||void 0,status:i.status},{onSuccess:r})};return e.jsx(C,{open:l,onClose:r,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:i.display_name,onChange:t=>x(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:i.email,onChange:t=>x(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:i.status,onChange:t=>x(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:r,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 we({open:l,onClose:r}){const s=X(),[a,i]=p.useState({name:"",display_name:"",description:""}),[x,h]=p.useState(l);l!==x&&(h(l),l&&i({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:r})},m=(t,u)=>i(d=>({...d,[t]:u}));return e.jsx(C,{open:l,onClose:r,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:r,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 ke({open:l,onClose:r,bot:s}){const a=Y(),[i,x]=p.useState({display_name:"",description:"",status:"active"}),[h,j]=p.useState(s);s!==h&&(j(s),s&&x({display_name:s.display_name??"",description:s.description??"",status:s.status}));const m=()=>{s&&a.mutate({id:s.id,display_name:i.display_name.trim()||void 0,description:i.description.trim()||void 0,status:i.status},{onSuccess:r})};return e.jsx(C,{open:l,onClose:r,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:i.display_name,onChange:t=>x(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:i.description,onChange:t=>x(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:i.status,onChange:t=>x(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:r,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 Se({botId:l}){const{data:r}=Z(l),s=ee(),a=se(),[i,x]=p.useState(""),[h,j]=p.useState("read"),[m,t]=p.useState(null),[u,d]=p.useState(!1),[g,o]=p.useState(null),f=(r==null?void 0:r.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=()=>{i.trim()&&s.mutate({botId:l,name:i.trim(),scopes:c[h].scopes},{onSuccess:v=>{t(v.rawKey),x("")}})},b=()=>{m&&(navigator.clipboard.writeText(m),d(!0),setTimeout(()=>d(!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(re,{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(ie,{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:i,onChange:v=>x(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:!i.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 Ce({bot:l}){const{data:r}=B(),s=te(),a=ae(),[i,x]=p.useState(""),[h,j]=p.useState("member"),m=(r==null?void 0:r.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]),d=()=>{i.trim()&&s.mutate({botId:l.id,role:i.trim(),type:h},{onSuccess:()=>{x(""),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:i,onChange:o=>x(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:d,disabled:!i||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 _e({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(Se,{botId:l.id}),e.jsx(Ce,{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 Pe={active:"bg-status-success",inactive:"bg-text-tertiary",suspended:"bg-status-error"},Re=[{value:"active",label:"Active"},{value:"inactive",label:"Inactive"},{value:"suspended",label:"Suspended"}];function Ae({embedded:l=!1}){const{filters:r,setFilter:s,pagination:a}=E({filters:{status:"",search:""}}),i=le(),[x,h]=p.useState(!1),[j,m]=p.useState(null),[t,u]=p.useState(null),[d,g]=p.useState(null),{data:o,isLoading:f}=ne({status:r.status||void 0,search:r.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 ${Pe[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(T,{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=()=>{d&&i.mutate(d.id,{onSuccess:()=>{g(null),(t==null?void 0:t.id)===d.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:r.search,onChange:n=>s("search",n),placeholder:"name, id, description…"}),e.jsx($,{label:"Status",value:r.status,onChange:n=>s("status",n),options:Re})]}),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(_e,{bot:b})})]}),e.jsx(we,{open:x,onClose:()=>h(!1)}),e.jsx(ke,{open:!!j,onClose:()=>m(null),bot:j}),e.jsx(R,{open:!!d,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:(d==null?void 0:d.display_name)||(d==null?void 0:d.external_id)}),"? This will also revoke all API keys. This action cannot be undone."]}),isPending:i.isPending,error:i.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(r=>r.value===l)??P[0]}function Ue({user:l}){const{data:r}=ue(),{data:s}=pe(l.id),a=he(),i=je(),[x,h]=p.useState(""),j=(s==null?void 0:s.personas)??[],m=p.useMemo(()=>{const t=new Set(j.map(u=>u.key));return((r==null?void 0:r.personas)??[]).filter(u=>!t.has(u.key))},[r,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:()=>i.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:x,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:()=>{x&&a.mutate({userId:l.id,key:x},{onSuccess:()=>h("")})},disabled:!x||a.isPending,className:"btn-primary text-xs shrink-0",children:a.isPending?"...":"Assign"})]}),(a.error||i.error)&&e.jsx("p",{className:"text-2xs text-status-error",children:(a.error||i.error).message})]})}function Be({user:l}){const{data:r}=B(),s=V(),a=J(),[i,x]=p.useState(""),[h,j]=p.useState("member"),[m,t]=p.useState(_),u=(r==null?void 0:r.roles)??[],d=(l==null?void 0:l.roles)??[],g=p.useMemo(()=>{const c=new Set(d.map(y=>y.role));return u.filter(y=>!c.has(y))},[u,d]),o=()=>{if(!l||!i.trim())return;const c=U(h==="member"?m:_);s.mutate({userId:l.id,role:i.trim(),type:h,read_scope:c.read_scope,write_scope:c.write_scope},{onSuccess:()=>{x(""),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(Ue,{user:l}),e.jsx("p",{className:"text-2xs text-text-tertiary",children:"Member of:"}),d.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:d.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:i,onChange:c=>x(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:!i||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 Te({active:l,onChange:r}){return e.jsx(fe,{"aria-label":"Account kind",active:l,onChange:r,tabs:[{key:"users",label:"User Accounts",icon:e.jsx(xe,{className:"w-3.5 h-3.5"})},{key:"service-accounts",label:"Service Accounts",icon:e.jsx(me,{className:"w-3.5 h-3.5"})}]})}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 as(){const{isBuilder:l}=D(),[r,s]=ye(),a=r.get("tab"),i=l&&a==="service-accounts"?"service-accounts":"users",x=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(Te,{active:i,onChange:x}):void 0}),i==="users"?e.jsx(Ie,{}):e.jsx(Ae,{embedded:!0})]})}function Ie(){const{isBuilder:l}=D(),{filters:r,setFilter:s,pagination:a}=E({filters:{status:"",search:""}}),i=W(),[x,h]=p.useState(!1),[j,m]=p.useState(null),[t,u]=p.useState(null),[d,g]=p.useState(null),{data:o,isLoading:f}=Q({status:r.status||void 0,search:r.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(T,{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=()=>{d&&i.mutate(d.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:r.search,onChange:n=>s("search",n),placeholder:"name, email, id…"}),e.jsx($,{label:"Status",value:r.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(Be,{user:b})})]}),e.jsx(be,{open:x,onClose:()=>h(!1)}),e.jsx(Ne,{open:!!j,onClose:()=>m(null),user:j}),e.jsx(R,{open:!!d,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:(d==null?void 0:d.display_name)||(d==null?void 0:d.external_id)}),"? This action cannot be undone."]}),isPending:i.isPending,error:i.error})]})}export{as as UsersPage};
+//# sourceMappingURL=index-DYz57kr_.js.map