@hotmeshio/long-tail 0.10.2 → 0.10.4

package/dashboard/dist/assets/{ProcessesListPage-CoQEi_Su.js → ProcessesListPage-CQ9tSw7U.js}

@@ -1,2 +1,2 @@
-import{j as s}from"./vendor-query-B2UbickB.js";import{u as x}from"./tasks-CD3-C7tP.js";import{u as h}from"./workflows-DCUilz68.js";import{u as w}from"./useEventHooks-DV9pLDOW.js";import{u as k}from"./useFilterParams-x-Dg0Vgz.js";import{u as y}from"./useDebouncedValue-BA5S7V54.js";import{b as v}from"./api-path-u2Jf9QXS.js";import{D as _}from"./DataTable-Byn3oyT9.js";import{T as c}from"./TimestampCell-DGOsba-A.js";import{S as b}from"./StickyPagination-Cd83AHd_.js";import{F as j,a as P,b as p}from"./FilterBar-B5Vk5tBF.js";import{P as S}from"./PageHeader-Bxa1XFz0.js";import{L as N}from"./ListToolbar-KC6LGtKP.js";import{W as C}from"./WorkflowPill-Fjc2q9U9.js";import{c as T}from"./vendor-react-CXumBFUA.js";import"./index-DIgiIoou.js";import"./vendor-icons-ihWGa7_d.js";import"./EmptyState-BcsfPq9T.js";const F=[{value:"active",label:"Active"},{value:"completed",label:"Completed"},{value:"escalated",label:"Escalated"}],z=[{key:"origin_id",label:"Origin",render:e=>s.jsx("span",{className:"font-mono text-xs",title:e.origin_id,children:e.origin_id.length>40?`${e.origin_id.slice(0,40)}…`:e.origin_id})},{key:"workflow_types",label:"Workflows",render:e=>s.jsx("div",{className:"flex flex-wrap gap-1",children:e.workflow_types.map(a=>s.jsx(C,{type:a},a))})},{key:"task_count",label:"Tasks",render:e=>s.jsx("span",{children:e.task_count}),className:"w-20 text-right"},{key:"completed",label:"Completed",render:e=>e.completed>0?s.jsx("span",{className:"text-status-success",children:e.completed}):s.jsx("span",{className:"text-text-tertiary",children:"0"}),className:"w-24 text-right"},{key:"escalated",label:"Escalated",render:e=>e.escalated>0?s.jsx("span",{className:"text-status-error",children:e.escalated}):s.jsx("span",{className:"text-text-tertiary",children:"0"}),className:"w-24 text-right"},{key:"started_at",label:"Started",render:e=>s.jsx(c,{date:e.started_at}),className:"w-44"},{key:"last_activity",label:"Last Activity",render:e=>s.jsx(c,{date:e.last_activity}),className:"w-44"}];function Q(){w();const e=T(),{filters:a,setFilter:i,pagination:o}=k({filters:{workflow_type:"",status:"",search:""}}),l=y(a.search,300),{data:m}=h(),d=[...new Set((m??[]).map(t=>t.workflow_type))].sort(),{data:r,isLoading:f,refetch:g,isFetching:u}=x({workflow_type:a.workflow_type||void 0,status:a.status||void 0,search:l||void 0,limit:o.pageSize,offset:o.offset}),n=(r==null?void 0:r.total)??0;return s.jsxs("div",{children:[s.jsx(S,{title:"All Processes",docsHash:"#docs:dashboard.md:processes-overview"}),s.jsxs(j,{actions:s.jsx(N,{onRefresh:()=>g(),isFetching:u,apiPath:v("/tasks/processes",{limit:o.pageSize,offset:o.offset,workflow_type:a.workflow_type||void 0,status:a.status||void 0,search:l||void 0})}),children:[s.jsx(P,{label:"Search",value:a.search,onChange:t=>i("search",t),placeholder:"origin, workflow, or trace ID"}),s.jsx(p,{label:"Status",value:a.status,onChange:t=>i("status",t),options:F}),s.jsx(p,{label:"Workflow Type",value:a.workflow_type,onChange:t=>i("workflow_type",t),options:d.map(t=>({value:t,label:t}))})]}),s.jsx(_,{columns:z,data:(r==null?void 0:r.processes)??[],keyFn:t=>t.origin_id,onRowClick:t=>e(`/processes/detail/${encodeURIComponent(t.origin_id)}`),isLoading:f,emptyMessage:"No business processes found"}),s.jsx(b,{page:o.page,totalPages:o.totalPages(n),onPageChange:o.setPage,total:n,pageSize:o.pageSize,onPageSizeChange:o.setPageSize})]})}export{Q as ProcessesListPage};
-//# sourceMappingURL=ProcessesListPage-CoQEi_Su.js.map
+import{j as s}from"./vendor-query-B2UbickB.js";import{u as x}from"./tasks-BAEsqcz2.js";import{u as h}from"./workflows-DoX-AtHN.js";import{u as w}from"./useEventHooks-BlpwRvHO.js";import{u as k}from"./useFilterParams-x-Dg0Vgz.js";import{u as y}from"./useDebouncedValue-BA5S7V54.js";import{b as v}from"./api-path-u2Jf9QXS.js";import{D as _}from"./DataTable-BTu2AaEl.js";import{T as c}from"./TimestampCell-BZe6bx18.js";import{S as b}from"./StickyPagination-BTGfmGV3.js";import{F as j,a as P,b as p}from"./FilterBar-BR3ztZ8y.js";import{P as S}from"./PageHeader-DvEmMMP6.js";import{L as N}from"./ListToolbar-DuoEdVtK.js";import{W as C}from"./WorkflowPill-CQ1AmhlC.js";import{c as T}from"./vendor-react-CXumBFUA.js";import"./index-C-8xXyvr.js";import"./vendor-icons-DKCAtTJ9.js";import"./EmptyState-BcsfPq9T.js";const F=[{value:"active",label:"Active"},{value:"completed",label:"Completed"},{value:"escalated",label:"Escalated"}],z=[{key:"origin_id",label:"Origin",render:e=>s.jsx("span",{className:"font-mono text-xs",title:e.origin_id,children:e.origin_id.length>40?`${e.origin_id.slice(0,40)}…`:e.origin_id})},{key:"workflow_types",label:"Workflows",render:e=>s.jsx("div",{className:"flex flex-wrap gap-1",children:e.workflow_types.map(a=>s.jsx(C,{type:a},a))})},{key:"task_count",label:"Tasks",render:e=>s.jsx("span",{children:e.task_count}),className:"w-20 text-right"},{key:"completed",label:"Completed",render:e=>e.completed>0?s.jsx("span",{className:"text-status-success",children:e.completed}):s.jsx("span",{className:"text-text-tertiary",children:"0"}),className:"w-24 text-right"},{key:"escalated",label:"Escalated",render:e=>e.escalated>0?s.jsx("span",{className:"text-status-error",children:e.escalated}):s.jsx("span",{className:"text-text-tertiary",children:"0"}),className:"w-24 text-right"},{key:"started_at",label:"Started",render:e=>s.jsx(c,{date:e.started_at}),className:"w-44"},{key:"last_activity",label:"Last Activity",render:e=>s.jsx(c,{date:e.last_activity}),className:"w-44"}];function Q(){w();const e=T(),{filters:a,setFilter:i,pagination:o}=k({filters:{workflow_type:"",status:"",search:""}}),l=y(a.search,300),{data:m}=h(),d=[...new Set((m??[]).map(t=>t.workflow_type))].sort(),{data:r,isLoading:f,refetch:g,isFetching:u}=x({workflow_type:a.workflow_type||void 0,status:a.status||void 0,search:l||void 0,limit:o.pageSize,offset:o.offset}),n=(r==null?void 0:r.total)??0;return s.jsxs("div",{children:[s.jsx(S,{title:"All Processes",docsHash:"#docs:dashboard.md:processes-overview"}),s.jsxs(j,{actions:s.jsx(N,{onRefresh:()=>g(),isFetching:u,apiPath:v("/tasks/processes",{limit:o.pageSize,offset:o.offset,workflow_type:a.workflow_type||void 0,status:a.status||void 0,search:l||void 0})}),children:[s.jsx(P,{label:"Search",value:a.search,onChange:t=>i("search",t),placeholder:"origin, workflow, or trace ID"}),s.jsx(p,{label:"Status",value:a.status,onChange:t=>i("status",t),options:F}),s.jsx(p,{label:"Workflow Type",value:a.workflow_type,onChange:t=>i("workflow_type",t),options:d.map(t=>({value:t,label:t}))})]}),s.jsx(_,{columns:z,data:(r==null?void 0:r.processes)??[],keyFn:t=>t.origin_id,onRowClick:t=>e(`/processes/detail/${encodeURIComponent(t.origin_id)}`),isLoading:f,emptyMessage:"No business processes found"}),s.jsx(b,{page:o.page,totalPages:o.totalPages(n),onPageChange:o.setPage,total:n,pageSize:o.pageSize,onPageSizeChange:o.setPageSize})]})}export{Q as ProcessesListPage};
+//# sourceMappingURL=ProcessesListPage-CQ9tSw7U.js.map

package/dashboard/dist/assets/{ProcessesListPage-CoQEi_Su.js.map → ProcessesListPage-CQ9tSw7U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ProcessesListPage-CoQEi_Su.js","sources":["../../src/pages/processes/ProcessesListPage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport { useProcesses, type ProcessSummary } from '../../api/tasks';\nimport { useWorkflowConfigs } from '../../api/workflows';\nimport { useProcessListEvents } from '../../hooks/useEventHooks';\nimport { useFilterParams } from '../../hooks/useFilterParams';\nimport { useDebouncedValue } from '../../hooks/useDebouncedValue';\nimport { buildApiPath } from '../../lib/api-path';\nimport { DataTable, type Column } from '../../components/common/data/DataTable';\nimport { TimestampCell } from '../../components/common/display/TimestampCell';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect, FilterInput } from '../../components/common/data/FilterBar';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { WorkflowPill } from '../../components/common/display/WorkflowPill';\n\nconst STATUS_OPTIONS = [\n  { value: 'active', label: 'Active' },\n  { value: 'completed', label: 'Completed' },\n  { value: 'escalated', label: 'Escalated' },\n];\n\nconst columns: Column<ProcessSummary>[] = [\n  {\n    key: 'origin_id',\n    label: 'Origin',\n    render: (row) => (\n      <span className=\"font-mono text-xs\" title={row.origin_id}>\n        {row.origin_id.length > 40 ? `${row.origin_id.slice(0, 40)}…` : row.origin_id}\n      </span>\n    ),\n  },\n  {\n    key: 'workflow_types',\n    label: 'Workflows',\n    render: (row) => (\n      <div className=\"flex flex-wrap gap-1\">\n        {row.workflow_types.map((wt) => (\n          <WorkflowPill key={wt} type={wt} />\n        ))}\n      </div>\n    ),\n  },\n  {\n    key: 'task_count',\n    label: 'Tasks',\n    render: (row) => <span>{row.task_count}</span>,\n    className: 'w-20 text-right',\n  },\n  {\n    key: 'completed',\n    label: 'Completed',\n    render: (row) =>\n      row.completed > 0\n        ? <span className=\"text-status-success\">{row.completed}</span>\n        : <span className=\"text-text-tertiary\">0</span>,\n    className: 'w-24 text-right',\n  },\n  {\n    key: 'escalated',\n    label: 'Escalated',\n    render: (row) =>\n      row.escalated > 0\n        ? <span className=\"text-status-error\">{row.escalated}</span>\n        : <span className=\"text-text-tertiary\">0</span>,\n    className: 'w-24 text-right',\n  },\n  {\n    key: 'started_at',\n    label: 'Started',\n    render: (row) => <TimestampCell date={row.started_at} />,\n    className: 'w-44',\n  },\n  {\n    key: 'last_activity',\n    label: 'Last Activity',\n    render: (row) => <TimestampCell date={row.last_activity} />,\n    className: 'w-44',\n  },\n];\n\nexport function ProcessesListPage() {\n  useProcessListEvents();\n  const navigate = useNavigate();\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { workflow_type: '', status: '', search: '' },\n  });\n\n  const debouncedSearch = useDebouncedValue(filters.search, 300);\n\n  const { data: configs } = useWorkflowConfigs();\n  const workflowTypes = [...new Set((configs ?? []).map((c) => c.workflow_type))].sort();\n\n  const { data, isLoading, refetch, isFetching } = useProcesses({\n    workflow_type: filters.workflow_type || undefined,\n    status: filters.status || undefined,\n    search: debouncedSearch || undefined,\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n  });\n\n  const total = data?.total ?? 0;\n\n  return (\n    <div>\n      <PageHeader title=\"All Processes\" docsHash=\"#docs:dashboard.md:processes-overview\" />\n\n      <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={buildApiPath('/tasks/processes', {\n            limit: pagination.pageSize,\n            offset: pagination.offset,\n            workflow_type: filters.workflow_type || undefined,\n            status: filters.status || undefined,\n            search: debouncedSearch || undefined,\n          })}\n        />\n      }>\n        <FilterInput\n          label=\"Search\"\n          value={filters.search}\n          onChange={(v) => setFilter('search', v)}\n          placeholder=\"origin, workflow, or trace ID\"\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={STATUS_OPTIONS}\n        />\n        <FilterSelect\n          label=\"Workflow Type\"\n          value={filters.workflow_type}\n          onChange={(v) => setFilter('workflow_type', v)}\n          options={workflowTypes.map((t) => ({ value: t, label: t }))}\n        />\n      </FilterBar>\n\n      <DataTable\n        columns={columns}\n        data={data?.processes ?? []}\n        keyFn={(row) => row.origin_id}\n        onRowClick={(row) => navigate(`/processes/detail/${encodeURIComponent(row.origin_id)}`)}\n        isLoading={isLoading}\n        emptyMessage=\"No business processes found\"\n      />\n\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}\n"],"names":["STATUS_OPTIONS","columns","row","jsx","wt","WorkflowPill","TimestampCell","ProcessesListPage","useProcessListEvents","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","debouncedSearch","useDebouncedValue","configs","useWorkflowConfigs","workflowTypes","c","data","isLoading","refetch","isFetching","useProcesses","total","PageHeader","jsxs","FilterBar","ListToolbar","buildApiPath","FilterInput","v","FilterSelect","DataTable","StickyPagination"],"mappings":"syBAeA,MAAMA,EAAiB,CACrB,CAAE,MAAO,SAAU,MAAO,QAAA,EAC1B,CAAE,MAAO,YAAa,MAAO,WAAA,EAC7B,CAAE,MAAO,YAAa,MAAO,WAAA,CAC/B,EAEMC,EAAoC,CACxC,CACE,IAAK,YACL,MAAO,SACP,OAASC,GACPC,EAAAA,IAAC,QAAK,UAAU,oBAAoB,MAAOD,EAAI,UAC5C,SAAAA,EAAI,UAAU,OAAS,GAAK,GAAGA,EAAI,UAAU,MAAM,EAAG,EAAE,CAAC,IAAMA,EAAI,SAAA,CACtE,CAAA,EAGJ,CACE,IAAK,iBACL,MAAO,YACP,OAASA,SACN,MAAA,CAAI,UAAU,uBACZ,SAAAA,EAAI,eAAe,IAAKE,GACvBD,EAAAA,IAACE,EAAA,CAAsB,KAAMD,CAAA,EAAVA,CAAc,CAClC,CAAA,CACH,CAAA,EAGJ,CACE,IAAK,aACL,MAAO,QACP,OAASF,GAAQC,MAAC,OAAA,CAAM,WAAI,WAAW,EACvC,UAAW,iBAAA,EAEb,CACE,IAAK,YACL,MAAO,YACP,OAASD,GACPA,EAAI,UAAY,EACZC,MAAC,OAAA,CAAK,UAAU,sBAAuB,WAAI,UAAU,QACpD,OAAA,CAAK,UAAU,qBAAqB,SAAA,IAAC,EAC5C,UAAW,iBAAA,EAEb,CACE,IAAK,YACL,MAAO,YACP,OAASD,GACPA,EAAI,UAAY,EACZC,MAAC,OAAA,CAAK,UAAU,oBAAqB,WAAI,UAAU,QAClD,OAAA,CAAK,UAAU,qBAAqB,SAAA,IAAC,EAC5C,UAAW,iBAAA,EAEb,CACE,IAAK,aACL,MAAO,UACP,OAASD,SAASI,EAAA,CAAc,KAAMJ,EAAI,WAAY,EACtD,UAAW,MAAA,EAEb,CACE,IAAK,gBACL,MAAO,gBACP,OAASA,SAASI,EAAA,CAAc,KAAMJ,EAAI,cAAe,EACzD,UAAW,MAAA,CAEf,EAEO,SAASK,GAAoB,CAClCC,EAAA,EACA,MAAMC,EAAWC,EAAA,EACX,CAAE,QAAAC,EAAS,UAAAC,EAAW,WAAAC,CAAA,EAAeC,EAAgB,CACzD,QAAS,CAAE,cAAe,GAAI,OAAQ,GAAI,OAAQ,EAAA,CAAG,CACtD,EAEKC,EAAkBC,EAAkBL,EAAQ,OAAQ,GAAG,EAEvD,CAAE,KAAMM,CAAA,EAAYC,EAAA,EACpBC,EAAgB,CAAC,GAAG,IAAI,KAAKF,GAAW,CAAA,GAAI,IAAKG,GAAMA,EAAE,aAAa,CAAC,CAAC,EAAE,KAAA,EAE1E,CAAE,KAAAC,EAAM,UAAAC,EAAW,QAAAC,EAAS,WAAAC,CAAA,EAAeC,EAAa,CAC5D,cAAed,EAAQ,eAAiB,OACxC,OAAQA,EAAQ,QAAU,OAC1B,OAAQI,GAAmB,OAC3B,MAAOF,EAAW,SAClB,OAAQA,EAAW,MAAA,CACpB,EAEKa,GAAQL,GAAA,YAAAA,EAAM,QAAS,EAE7B,cACG,MAAA,CACC,SAAA,CAAAlB,EAAAA,IAACwB,EAAA,CAAW,MAAM,gBAAgB,SAAS,wCAAwC,EAEnFC,OAACC,GAAU,QACT1B,EAAAA,IAAC2B,EAAA,CACC,UAAW,IAAMP,EAAA,EACjB,WAAAC,EACA,QAASO,EAAa,mBAAoB,CACxC,MAAOlB,EAAW,SAClB,OAAQA,EAAW,OACnB,cAAeF,EAAQ,eAAiB,OACxC,OAAQA,EAAQ,QAAU,OAC1B,OAAQI,GAAmB,MAAA,CAC5B,CAAA,CAAA,EAGH,SAAA,CAAAZ,EAAAA,IAAC6B,EAAA,CACC,MAAM,SACN,MAAOrB,EAAQ,OACf,SAAWsB,GAAMrB,EAAU,SAAUqB,CAAC,EACtC,YAAY,+BAAA,CAAA,EAEd9B,EAAAA,IAAC+B,EAAA,CACC,MAAM,SACN,MAAOvB,EAAQ,OACf,SAAWsB,GAAMrB,EAAU,SAAUqB,CAAC,EACtC,QAASjC,CAAA,CAAA,EAEXG,EAAAA,IAAC+B,EAAA,CACC,MAAM,gBACN,MAAOvB,EAAQ,cACf,SAAWsB,GAAMrB,EAAU,gBAAiBqB,CAAC,EAC7C,QAASd,EAAc,IAAK,IAAO,CAAE,MAAO,EAAG,MAAO,GAAI,CAAA,CAAA,CAC5D,EACF,EAEAhB,EAAAA,IAACgC,EAAA,CACC,QAAAlC,EACA,MAAMoB,GAAA,YAAAA,EAAM,YAAa,CAAA,EACzB,MAAQnB,GAAQA,EAAI,UACpB,WAAaA,GAAQO,EAAS,qBAAqB,mBAAmBP,EAAI,SAAS,CAAC,EAAE,EACtF,UAAAoB,EACA,aAAa,6BAAA,CAAA,EAGfnB,EAAAA,IAACiC,EAAA,CACC,KAAMvB,EAAW,KACjB,WAAYA,EAAW,WAAWa,CAAK,EACvC,aAAcb,EAAW,QACzB,MAAAa,EACA,SAAUb,EAAW,SACrB,iBAAkBA,EAAW,WAAA,CAAA,CAC/B,EACF,CAEJ"}
+{"version":3,"file":"ProcessesListPage-CQ9tSw7U.js","sources":["../../src/pages/processes/ProcessesListPage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport { useProcesses, type ProcessSummary } from '../../api/tasks';\nimport { useWorkflowConfigs } from '../../api/workflows';\nimport { useProcessListEvents } from '../../hooks/useEventHooks';\nimport { useFilterParams } from '../../hooks/useFilterParams';\nimport { useDebouncedValue } from '../../hooks/useDebouncedValue';\nimport { buildApiPath } from '../../lib/api-path';\nimport { DataTable, type Column } from '../../components/common/data/DataTable';\nimport { TimestampCell } from '../../components/common/display/TimestampCell';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect, FilterInput } from '../../components/common/data/FilterBar';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { WorkflowPill } from '../../components/common/display/WorkflowPill';\n\nconst STATUS_OPTIONS = [\n  { value: 'active', label: 'Active' },\n  { value: 'completed', label: 'Completed' },\n  { value: 'escalated', label: 'Escalated' },\n];\n\nconst columns: Column<ProcessSummary>[] = [\n  {\n    key: 'origin_id',\n    label: 'Origin',\n    render: (row) => (\n      <span className=\"font-mono text-xs\" title={row.origin_id}>\n        {row.origin_id.length > 40 ? `${row.origin_id.slice(0, 40)}…` : row.origin_id}\n      </span>\n    ),\n  },\n  {\n    key: 'workflow_types',\n    label: 'Workflows',\n    render: (row) => (\n      <div className=\"flex flex-wrap gap-1\">\n        {row.workflow_types.map((wt) => (\n          <WorkflowPill key={wt} type={wt} />\n        ))}\n      </div>\n    ),\n  },\n  {\n    key: 'task_count',\n    label: 'Tasks',\n    render: (row) => <span>{row.task_count}</span>,\n    className: 'w-20 text-right',\n  },\n  {\n    key: 'completed',\n    label: 'Completed',\n    render: (row) =>\n      row.completed > 0\n        ? <span className=\"text-status-success\">{row.completed}</span>\n        : <span className=\"text-text-tertiary\">0</span>,\n    className: 'w-24 text-right',\n  },\n  {\n    key: 'escalated',\n    label: 'Escalated',\n    render: (row) =>\n      row.escalated > 0\n        ? <span className=\"text-status-error\">{row.escalated}</span>\n        : <span className=\"text-text-tertiary\">0</span>,\n    className: 'w-24 text-right',\n  },\n  {\n    key: 'started_at',\n    label: 'Started',\n    render: (row) => <TimestampCell date={row.started_at} />,\n    className: 'w-44',\n  },\n  {\n    key: 'last_activity',\n    label: 'Last Activity',\n    render: (row) => <TimestampCell date={row.last_activity} />,\n    className: 'w-44',\n  },\n];\n\nexport function ProcessesListPage() {\n  useProcessListEvents();\n  const navigate = useNavigate();\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { workflow_type: '', status: '', search: '' },\n  });\n\n  const debouncedSearch = useDebouncedValue(filters.search, 300);\n\n  const { data: configs } = useWorkflowConfigs();\n  const workflowTypes = [...new Set((configs ?? []).map((c) => c.workflow_type))].sort();\n\n  const { data, isLoading, refetch, isFetching } = useProcesses({\n    workflow_type: filters.workflow_type || undefined,\n    status: filters.status || undefined,\n    search: debouncedSearch || undefined,\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n  });\n\n  const total = data?.total ?? 0;\n\n  return (\n    <div>\n      <PageHeader title=\"All Processes\" docsHash=\"#docs:dashboard.md:processes-overview\" />\n\n      <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={buildApiPath('/tasks/processes', {\n            limit: pagination.pageSize,\n            offset: pagination.offset,\n            workflow_type: filters.workflow_type || undefined,\n            status: filters.status || undefined,\n            search: debouncedSearch || undefined,\n          })}\n        />\n      }>\n        <FilterInput\n          label=\"Search\"\n          value={filters.search}\n          onChange={(v) => setFilter('search', v)}\n          placeholder=\"origin, workflow, or trace ID\"\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={STATUS_OPTIONS}\n        />\n        <FilterSelect\n          label=\"Workflow Type\"\n          value={filters.workflow_type}\n          onChange={(v) => setFilter('workflow_type', v)}\n          options={workflowTypes.map((t) => ({ value: t, label: t }))}\n        />\n      </FilterBar>\n\n      <DataTable\n        columns={columns}\n        data={data?.processes ?? []}\n        keyFn={(row) => row.origin_id}\n        onRowClick={(row) => navigate(`/processes/detail/${encodeURIComponent(row.origin_id)}`)}\n        isLoading={isLoading}\n        emptyMessage=\"No business processes found\"\n      />\n\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}\n"],"names":["STATUS_OPTIONS","columns","row","jsx","wt","WorkflowPill","TimestampCell","ProcessesListPage","useProcessListEvents","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","debouncedSearch","useDebouncedValue","configs","useWorkflowConfigs","workflowTypes","c","data","isLoading","refetch","isFetching","useProcesses","total","PageHeader","jsxs","FilterBar","ListToolbar","buildApiPath","FilterInput","v","FilterSelect","DataTable","StickyPagination"],"mappings":"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"}

package/dashboard/dist/assets/RoleDetailPage-DKeQKDkW.js

@@ -0,0 +1,8 @@
+import{a as h,j as e}from"./vendor-query-B2UbickB.js";import{I as X,a3 as O,a4 as ee,J as te,a2 as se,a5 as ae,a6 as ne}from"./index-C-8xXyvr.js";import{C as re}from"./ConfirmDeleteModal-BUh-Dzba.js";import{u as ie}from"./users-uGtDRGxR.js";import{I as B,B as le,H as oe,a2 as ce,T as de,aK as xe,b as me,N as ue,l as he,P as pe,m as F,ah as fe}from"./vendor-icons-DKCAtTJ9.js";import{e as ve,c as ge,L as M}from"./vendor-react-CXumBFUA.js";import"./Modal-D4afnAjc.js";function be({value:t,onChange:i,rows:r=2,className:l="",...d}){const c=h.useRef(null);return h.useLayoutEffect(()=>{const o=c.current;o&&(o.style.height="auto",o.style.height=`${o.scrollHeight}px`)},[t]),e.jsx("textarea",{ref:c,value:t,onChange:o=>i(o.target.value),rows:r,className:`textarea-quiet ${l}`,...d})}function je({role:t}){const{data:i}=ie({role:t,limit:100}),r=(i==null?void 0:i.users)??[];return r.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary",children:"Assign users to this role to staff its queue. Members see and resolve escalations here according to their read/write scope; admins manage the role itself."}):e.jsx("div",{className:"divide-y divide-surface-border/40",children:r.map(l=>{const d=l.roles.find(c=>c.role===t);return d?e.jsxs("div",{className:"flex items-center justify-between py-1.5 gap-2",children:[e.jsx("span",{className:"text-xs text-text-secondary truncate",children:l.display_name||l.external_id}),e.jsx("span",{className:"text-2xs text-text-quaternary font-mono shrink-0",children:_e(d)})]},l.id):null})})}function _e(t){return t.type==="superadmin"||t.type==="admin"?t.type:`member · read ${t.read_scope} · write ${t.write_scope}`}function J(t){return t==null?"":JSON.stringify(t,null,2)}function D(t){const i=t.trim();if(!i)return{ok:!0,value:void 0};try{const r=JSON.parse(i);return typeof r!="object"||Array.isArray(r)||r===null?{ok:!1}:{ok:!0,value:r}}catch{return{ok:!1}}}function b({icon:t,label:i,annotation:r,aside:l,accent:d=!1,children:c}){const o=d?"text-accent":"text-text-tertiary";return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-5",children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsx(t,{className:`w-3 h-3 ${o} shrink-0`,strokeWidth:1.5}),e.jsx("span",{className:`text-2xs font-semibold uppercase tracking-widest ${o}`,children:i}),r&&e.jsxs("span",{className:"text-2xs text-text-quaternary truncate",children:["— ",r]})]}),l]}),e.jsx("div",{className:`border-l-2 pl-5 ${d?"border-accent/15":"border-surface-border/60"}`,children:c})]})}function L(){return e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full dot-ring bg-status-success"}),e.jsx("span",{className:"text-2xs font-semibold uppercase tracking-widest text-status-success",children:"Live"})]})}function Ne({role:t,allRoles:i}){const{data:r}=se(),l=ae(),d=ne(),[c,o]=h.useState(""),a=(r==null?void 0:r.chains)??[],s=h.useMemo(()=>a.filter(x=>x.source_role===t.role).map(x=>x.target_role),[a,t.role]),f=h.useMemo(()=>i.map(x=>x.role).filter(x=>x!==t.role&&x!=="superadmin"&&!s.includes(x)),[i,t.role,s]);return t.role==="superadmin"?e.jsx("p",{className:"text-2xs text-text-tertiary",children:"Superadmins can escalate to any role implicitly."}):e.jsxs("div",{className:"space-y-2",children:[f.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:c,onChange:x=>o(x.target.value),className:"select text-xs font-mono flex-1",children:[e.jsx("option",{value:"",children:"Add target…"}),f.map(x=>e.jsx("option",{value:x,children:x},x))]}),e.jsx("button",{onClick:()=>{c&&l.mutate({source_role:t.role,target_role:c},{onSuccess:()=>o("")})},disabled:!c||l.isPending,className:"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0",children:l.isPending?"…":"Add"})]}),e.jsx(W,{items:s,empty:"Roles this one can escalate to. Add a target above and it lands here.",onRemove:x=>d.mutate({source_role:t.role,target_role:x})})]})}function W({items:t,empty:i,onRemove:r}){return t.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:i}):e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.map(l=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-2xs bg-accent/10 rounded-sm font-mono text-accent",children:[l,e.jsx("button",{onClick:()=>r(l),className:"text-accent/50 hover:text-status-error transition-colors leading-none ml-0.5",children:"×"})]},l))})}function ye({role:t,allRoles:i}){const r=O(),[l,d]=h.useState(""),c=t.upstream_roles??[],o=h.useMemo(()=>i.map(s=>s.role).filter(s=>s!==t.role&&s!=="superadmin"&&!c.includes(s)),[i,t.role,c]),a=s=>r.mutate({role:t.role,upstream_roles:s},{onSuccess:()=>d("")});return e.jsxs("div",{className:"space-y-2",children:[o.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:l,onChange:s=>d(s.target.value),className:"select text-xs font-mono flex-1",children:[e.jsx("option",{value:"",children:"Add upstream input…"}),o.map(s=>e.jsx("option",{value:s,children:s},s))]}),e.jsx("button",{onClick:()=>{l&&a([...c,l])},disabled:!l||r.isPending,className:"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0",children:r.isPending?"…":"Add"})]}),e.jsx(W,{items:c,empty:"Roles from other sequences this station draws input from. Add one above and it lands here.",onRemove:s=>a(c.filter(f=>f!==s))}),r.error&&e.jsx("p",{className:"text-2xs text-status-error",children:r.error.message})]})}function we({role:t}){const i=O(),[r,l]=h.useState(""),[d,c]=h.useState(""),[o,a]=h.useState(!0),s=t.default_pins??[],f=m=>i.mutate({role:t.role,default_pins:m.length?m:null},{onSuccess:()=>{l(""),c(""),a(!0)}}),x=r.trim()!==""&&d.trim().startsWith("/");return e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"text",value:r,onChange:m=>l(m.target.value),placeholder:"Label — e.g. Needs harvesting",className:"input text-xs w-40 shrink-0"}),e.jsx("input",{type:"text",value:d,onChange:m=>c(m.target.value),placeholder:"/escalations/available?role=…",className:"input text-xs font-mono flex-1"}),e.jsxs("label",{className:"flex items-center gap-1 text-2xs text-text-tertiary shrink-0",title:"Show a live count beside the label",children:[e.jsx("input",{type:"checkbox",checked:o,onChange:m=>a(m.target.checked),className:"w-3 h-3 accent-accent"}),"count"]}),e.jsx("button",{onClick:()=>{x&&f([...s,{label:r.trim(),url:d.trim(),badge:o}])},disabled:!x||i.isPending,className:"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0",children:i.isPending?"…":"Add"})]}),s.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:"Pinned views every member starts with — the persona's exact queries. Add one above and it lands here."}):e.jsx("div",{className:"space-y-1",children:s.map(m=>e.jsxs("div",{className:"flex items-baseline gap-2 text-2xs",children:[e.jsx("span",{className:"font-medium text-text-secondary shrink-0",children:m.label}),m.badge&&e.jsx("span",{className:"text-2xs text-accent shrink-0",title:"Shows a live count",children:"count"}),e.jsx("span",{className:"font-mono text-text-quaternary truncate flex-1",title:m.url,children:m.url}),e.jsx("button",{onClick:()=>f(s.filter(C=>C.label!==m.label)),className:"text-text-quaternary hover:text-status-error transition-colors leading-none shrink-0","aria-label":`Remove pin ${m.label}`,children:"×"})]},m.label))}),i.error&&e.jsx("p",{className:"text-2xs text-status-error",children:i.error.message})]})}function ke(t){return{title:t.title??"",description:t.description??"",ops_visible:t.ops_visible,enforce_schema:t.enforce_schema,parent_role:t.parent_role??"",metadata_schema:J(t.metadata_schema),properties:J(t.properties)||"{}",sla_minutes:t.sla_minutes!=null?String(t.sla_minutes):"",target_per_hour:t.target_per_hour!=null?String(t.target_per_hour):"",worker_count:t.worker_count!=null?String(t.worker_count):"",priority_threshold_minutes:t.priority_threshold_minutes!=null?String(t.priority_threshold_minutes):"",priority_facet:t.priority_facet??""}}const Se=/^[a-zA-Z0-9_]+$/;function De(){const{role:t}=ve(),i=ge(),{data:r,isLoading:l}=X(),d=O(),c=ee(),o=(r==null?void 0:r.roles)??[],a=o.find(n=>n.role===t),[s,f]=h.useState({title:"",description:"",ops_visible:!1,enforce_schema:!1,parent_role:"",metadata_schema:"",properties:"{}",sla_minutes:"",target_per_hour:"",worker_count:"",priority_threshold_minutes:"",priority_facet:""}),[x,m]=h.useState(!1),[C,y]=h.useState(!1),[_,P]=h.useState({}),[V,I]=h.useState(!1),[T,A]=h.useState(new Set),K=n=>A(u=>new Set([...u,n]));h.useEffect(()=>{a&&(f(ke(a)),m(!1),y(!1),P({}),A(new Set))},[t,a==null?void 0:a.role]);const v=n=>{f(u=>({...u,...n})),m(!0),y(!1)},z=h.useMemo(()=>o.filter(n=>{if(!a||n.role===a.role)return!1;let u=n;const p=new Set;for(;u!=null&&u.parent_role;){if(u.parent_role===a.role)return!1;if(p.has(u.parent_role))break;p.add(u.parent_role),u=o.find(g=>g.role===u.parent_role)}return!0}),[o,a]),G=()=>{const n=D(s.metadata_schema),u=D(s.properties),p=s.priority_facet.trim(),g={};if(n.ok||(g.metadata_schema="Invalid JSON"),u.ok||(g.properties="Invalid JSON"),p&&!Se.test(p)&&(g.priority_facet="Letters, numbers, underscores only"),P(g),Object.keys(g).length||!a)return;const j=E=>{const N=parseFloat(E);return isNaN(N)?null:N},Q=E=>{const N=j(E);return N==null?null:Math.round(N)};d.mutate({role:a.role,title:s.title.trim()||null,description:s.description.trim()||null,ops_visible:s.ops_visible,enforce_schema:s.enforce_schema,parent_role:s.parent_role||null,metadata_schema:n.value??null,properties:u.value??{},sla_minutes:j(s.sla_minutes),target_per_hour:j(s.target_per_hour),worker_count:Q(s.worker_count),priority_threshold_minutes:j(s.priority_threshold_minutes),priority_facet:p||null},{onSuccess:()=>{m(!1),y(!0),A(new Set),window.setTimeout(()=>y(!1),2500)}})},H=()=>{a&&c.mutate(a.role,{onSuccess:()=>i("/admin/roles")})};if(l)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-64 bg-surface-sunken rounded"})]});if(!a)return e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx(B,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"heading-3 mb-2",children:"Role not found"})]});const Y=a.user_count>0||a.chain_count>0||a.workflow_count>0,Z=x&&!Object.values(_).some(Boolean),w=parseFloat(s.sla_minutes),k=parseFloat(s.target_per_hour),S=parseFloat(s.worker_count),R=!isNaN(w)&&w>0,$=!isNaN(k)&&k>0,q=!isNaN(S)&&S>0,U=R&&q&&!$?`→ target ≈ ${(S/(w/60)).toFixed(1)}/h`:R&&$&&!q?`→ workers ≈ ${(k*(w/60)).toFixed(1)}`:$&&q&&!R?`→ SLA ≈ ${(S/k*60).toFixed(0)}m`:null;return e.jsxs("div",{children:[e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-center mb-12",children:[e.jsxs("div",{className:"flex items-center justify-between gap-4 min-w-0",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx(B,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"text-lg font-mono font-medium text-text-primary",children:a.role}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:role-detail"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Open docs for this page",children:e.jsx(le,{className:"w-4 h-4",strokeWidth:1.5})}),a.parent_role&&e.jsxs("span",{className:"flex items-center gap-1 text-2xs text-text-quaternary font-mono",children:[e.jsx(oe,{className:"w-3 h-3"})," ",a.parent_role]})]}),a.title&&e.jsx("p",{className:"text-sm text-text-secondary pl-8",children:a.title})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",title:"Show as a station on the Pace Board",children:[e.jsx("span",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Pace Board"}),e.jsx("button",{onClick:()=>v({ops_visible:!s.ops_visible}),className:`w-9 h-5 rounded-full transition-colors relative shrink-0 ${s.ops_visible?"bg-accent":"bg-surface-border"}`,children:e.jsx("span",{className:`absolute top-[3px] left-0 w-3.5 h-3.5 rounded-full bg-text-inverse transition-transform shadow ${s.ops_visible?"translate-x-[18px]":"translate-x-[3px]"}`})})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",title:"Validate every resolve payload against this role's form schema — API, MCP, and CLI submissions are rejected with field-level errors when they violate it",children:[e.jsx("span",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Enforce Schema"}),e.jsx("button",{onClick:()=>v({enforce_schema:!s.enforce_schema}),className:`w-9 h-5 rounded-full transition-colors relative shrink-0 ${s.enforce_schema?"bg-accent":"bg-surface-border"}`,children:e.jsx("span",{className:`absolute top-[3px] left-0 w-3.5 h-3.5 rounded-full bg-text-inverse transition-transform shadow ${s.enforce_schema?"translate-x-[18px]":"translate-x-[3px]"}`})})]})]}),e.jsxs("div",{className:"flex items-end justify-center gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 w-full",title:"throughput = workers / (sla / 60)",children:[[{key:"sla_minutes",label:"SLA",unit:"min",placeholder:"30"},{key:"target_per_hour",label:"Target",unit:"/h",placeholder:"20"},{key:"worker_count",label:"Workers",unit:"",placeholder:"4"}].map(({key:n,label:u,unit:p,placeholder:g})=>e.jsxs("div",{children:[e.jsxs("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:[u,p&&e.jsx("span",{className:"normal-case font-normal ml-1",children:p})]}),e.jsx("input",{type:"number",min:"0",step:"any",value:s[n],onChange:j=>v({[n]:j.target.value}),placeholder:g,className:"input text-xs w-16 font-mono"})]},n)),U&&e.jsx("span",{className:"text-2xs text-accent font-mono whitespace-nowrap pb-2",children:U})]}),e.jsxs("div",{className:"flex items-center justify-between gap-4 min-w-0",children:[e.jsxs("div",{className:"flex items-end gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 shrink-0",title:"Pending unclaimed items older than the threshold count as priority on the Pace Board. Age is measured from the metadata facet (an ISO 8601 UTC timestamp, e.g. authorized_at) or from created_at when the facet is blank; the threshold falls back to SLA when blank.",children:[e.jsxs("div",{children:[e.jsxs("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:["Priority",e.jsx("span",{className:"normal-case font-normal ml-1",children:"min"})]}),e.jsx("input",{type:"number",min:"0",step:"any",value:s.priority_threshold_minutes,onChange:n=>v({priority_threshold_minutes:n.target.value}),placeholder:s.sla_minutes||"60",className:"input text-xs w-16 font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:"Facet"}),e.jsx("input",{type:"text",value:s.priority_facet,onChange:n=>v({priority_facet:n.target.value}),placeholder:"created_at",className:"input text-xs w-28 font-mono"}),_.priority_facet&&e.jsx("p",{className:"text-2xs text-status-error mt-0.5",children:_.priority_facet})]})]}),e.jsxs("div",{className:"flex items-center gap-3 shrink-0",children:[C&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(ce,{className:"w-3 h-3"})," Saved"]}),d.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[180px] truncate",children:d.error.message}),e.jsx("button",{onClick:G,disabled:!Z||d.isPending,className:"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",children:d.isPending?"Saving…":"Save"}),!Y&&e.jsxs("button",{onClick:()=>I(!0),className:"px-3 py-1.5 text-xs rounded-md text-status-error/60 hover:text-status-error hover:bg-status-error/10 transition-colors flex items-center gap-1",children:[e.jsx(de,{className:"w-3 h-3"})," Delete"]})]})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-start",children:[e.jsxs("div",{className:"space-y-14",children:[e.jsx(b,{icon:xe,label:"Identity",annotation:"name and description",accent:!0,children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Display Name"}),e.jsx("input",{type:"text",value:s.title,onChange:n=>v({title:n.target.value}),placeholder:`e.g., ${a.role.charAt(0).toUpperCase()+a.role.slice(1)}`,className:"input text-sm w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Description"}),e.jsx(be,{value:s.description,onChange:n=>v({description:n}),placeholder:"A short description shown on role cards and in the operations view.",rows:2})]})]})}),e.jsx("div",{className:`overflow-hidden transition-all duration-300 ease-out ${s.ops_visible?"opacity-100 max-h-[900px]":"opacity-0 max-h-0 pointer-events-none"}`,"aria-hidden":!s.ops_visible,children:e.jsx(b,{icon:me,label:"Pace Board",annotation:"where this station sits on the floor",accent:!0,children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Prior Step"}),e.jsxs("select",{value:s.parent_role,onChange:n=>v({parent_role:n.target.value}),className:"select text-sm w-full font-mono",children:[e.jsx("option",{value:"",children:"None — root process"}),z.map(n=>e.jsx("option",{value:n.role,children:n.title?`${n.role} — ${n.title}`:n.role},n.role))]}),e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed mt-1.5",children:"Places this role in one Pace Board sequence. A role with no prior step starts its own sequence."})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-1.5",children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Upstream Inputs"}),e.jsx(L,{})]}),e.jsx(ye,{role:a,allRoles:o})]})]})})})]}),e.jsxs("div",{className:"space-y-14",children:[e.jsx(b,{icon:ue,label:"Escalation Targets",annotation:"hand-off routing",aside:e.jsx(L,{}),children:e.jsx(Ne,{role:a,allRoles:o})}),e.jsx(b,{icon:he,label:"Members",annotation:"read = what appears · write = what they can act on",children:e.jsx(je,{role:a.role})}),e.jsx(b,{icon:pe,label:"Default Pins",annotation:"pinned views every member starts with",aside:e.jsx(L,{}),children:e.jsx(we,{role:a})})]}),e.jsxs("div",{className:"space-y-14",children:[e.jsxs(b,{icon:F,label:"Escalation Schema",annotation:"the resolve form",accent:!0,aside:a.current_schema_version!=null?e.jsxs("span",{className:"text-2xs font-mono text-text-quaternary",children:["v",a.current_schema_version," in use"]}):void 0,children:[e.jsxs("p",{className:"text-2xs text-text-tertiary mb-3 leading-relaxed",children:["The form a person completes to resolve this role's escalations. Versioned — each save adds one; workflows pin any version via"," ",e.jsx("code",{className:"font-mono",children:"schemaVersion"}),"."]}),e.jsx(M,{to:`/admin/roles/${encodeURIComponent(a.role)}/schema`,className:"text-xs text-accent hover:underline",children:a.form_schema?`Open schema editor — v${a.current_schema_version??1} in use →`:"Define the escalation form →"})]}),e.jsxs(b,{icon:fe,label:"Escalations List Schema",annotation:"rich list view",aside:a.current_list_schema_version!=null?e.jsxs("span",{className:"text-2xs font-mono text-text-quaternary",children:["v",a.current_list_schema_version," in use"]}):void 0,children:[e.jsx("p",{className:"text-2xs text-text-tertiary mb-3 leading-relaxed",children:"Richly formats the escalation list when it's scoped to just this role. Versioned on its own timeline — separate from the resolve form."}),e.jsx(M,{to:`/admin/roles/${encodeURIComponent(a.role)}/list-schema`,className:"text-xs text-accent hover:underline",children:a.list_schema?`Open list schema editor — v${a.current_list_schema_version??1} in use →`:"Define the list view →"})]}),e.jsxs(b,{icon:F,label:"Metadata Schema",annotation:"validates metadata at creation",aside:!T.has("metadata_schema")&&a.metadata_schema?e.jsx("button",{onClick:()=>K("metadata_schema"),className:"text-2xs text-accent hover:underline",children:"Edit"}):void 0,children:[e.jsxs("p",{className:"text-2xs text-text-tertiary mb-3 leading-relaxed",children:["Validates ",e.jsx("code",{className:"font-mono",children:"metadata"})," at creation time. Keys appear in faceted search autocomplete."]}),!T.has("metadata_schema")&&a.metadata_schema?e.jsx(te,{data:a.metadata_schema}):e.jsxs(e.Fragment,{children:[e.jsx("textarea",{value:s.metadata_schema,onChange:n=>{const u=n.target.value;v({metadata_schema:u}),P(p=>({...p,metadata_schema:D(u).ok?void 0:"Invalid JSON"}))},rows:10,spellCheck:!1,className:"input text-xs font-mono w-full resize-y",placeholder:`{
+  "type": "object",
+  "properties": {
+    "order_id": { "type": "string" }
+  },
+  "required": ["order_id"]
+}`}),_.metadata_schema&&e.jsx("p",{className:"text-2xs text-status-error mt-1",children:_.metadata_schema})]})]})]})]}),e.jsx(re,{open:V,onClose:()=>I(!1),onConfirm:H,title:"Delete Role",description:e.jsxs(e.Fragment,{children:["Delete role ",e.jsx("span",{className:"font-medium font-mono text-text-primary",children:a.role}),"? This cannot be undone."]}),isPending:c.isPending,error:c.error})]})}export{De as RoleDetailPage};
+//# sourceMappingURL=RoleDetailPage-DKeQKDkW.js.map

package/dashboard/dist/assets/RoleDetailPage-DKeQKDkW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoleDetailPage-DKeQKDkW.js","sources":["../../src/components/common/form/AutoGrowTextarea.tsx","../../src/pages/admin/roles/RoleMembersSection.tsx","../../src/pages/admin/roles/RoleDetailPage.tsx"],"sourcesContent":["import { useRef, useLayoutEffect } from 'react';\n\n/**\n * Quiet multiline field: a whisper of background makes the writable region\n * visible without a border box, and the field grows with its content — no\n * inner scrollbar, no resize handle. `rows` sets the resting height.\n */\nexport function AutoGrowTextarea({\n  value,\n  onChange,\n  rows = 2,\n  className = '',\n  ...rest\n}: {\n  value: string;\n  onChange: (v: string) => void;\n  rows?: number;\n  className?: string;\n} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange' | 'rows' | 'className'>) {\n  const ref = useRef<HTMLTextAreaElement>(null);\n\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    el.style.height = 'auto';\n    el.style.height = `${el.scrollHeight}px`;\n  }, [value]);\n\n  return (\n    <textarea\n      ref={ref}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n      rows={rows}\n      className={`textarea-quiet ${className}`}\n      {...rest}\n    />\n  );\n}\n","import { useUsers } from '../../../api/users';\nimport type { LTUserRole } from '../../../api/types/users';\n\n/**\n * Who can see through this role's window, and how far. Membership is admin or\n * member; a member's reach over the queue is two axes — read (which\n * escalations appear: their own, or the whole queue) and write (which they can\n * claim and resolve: none, their own, or the whole queue).\n */\nexport function RoleMembersSection({ role }: { role: string }) {\n  const { data } = useUsers({ role, limit: 100 });\n  const users = data?.users ?? [];\n\n  if (users.length === 0) {\n    return (\n      <p className=\"text-2xs text-text-tertiary\">\n        Assign users to this role to staff its queue. Members see and resolve\n        escalations here according to their read/write scope; admins manage the\n        role itself.\n      </p>\n    );\n  }\n\n  return (\n    <div className=\"divide-y divide-surface-border/40\">\n      {users.map((u) => {\n        const membership = u.roles.find((r) => r.role === role);\n        if (!membership) return null;\n        return (\n          <div key={u.id} className=\"flex items-center justify-between py-1.5 gap-2\">\n            <span className=\"text-xs text-text-secondary truncate\">\n              {u.display_name || u.external_id}\n            </span>\n            <span className=\"text-2xs text-text-quaternary font-mono shrink-0\">\n              {describeMembership(membership)}\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction describeMembership(m: LTUserRole): string {\n  if (m.type === 'superadmin' || m.type === 'admin') return m.type;\n  return `member · read ${m.read_scope} · write ${m.write_scope}`;\n}\n","import { useState, useEffect, useMemo } from 'react';\nimport { useParams, useNavigate, Link } from 'react-router-dom';\nimport {\n  Tag, Inbox, GitBranch, Network, Trash2, Check, Braces, Users, BookOpen, LayoutDashboard, LayoutList, Pin as PinIcon,\n} from 'lucide-react';\nimport {\n  useRoleDetails,\n  useUpdateRole,\n  useDeleteRole,\n  useEscalationChains,\n  useAddEscalationChain,\n  useRemoveEscalationChain,\n  type RoleDetail,\n} from '../../../api/roles';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport { AutoGrowTextarea } from '../../../components/common/form/AutoGrowTextarea';\nimport { RoleMembersSection } from './RoleMembersSection';\n\n// ── Helpers ───────────────────────────────────────────────────────────────────\n\nfunction safePrettyPrint(value: unknown): string {\n  if (value == null) return '';\n  return JSON.stringify(value, null, 2);\n}\n\nfunction safeParseJson(text: string): { ok: boolean; value?: Record<string, unknown> } {\n  const trimmed = text.trim();\n  if (!trimmed) return { ok: true, value: undefined };\n  try {\n    const parsed = JSON.parse(trimmed);\n    if (typeof parsed !== 'object' || Array.isArray(parsed) || parsed === null) return { ok: false };\n    return { ok: true, value: parsed };\n  } catch {\n    return { ok: false };\n  }\n}\n\n// ── Section group — eyebrow (icon + tiny title + annotation) over a left-ruled\n//    body. The page's single grouping treatment; fields inside a group use plain\n//    form-field labels, never a second heading tier. ──────────────────────────\n\nfunction SectionGroup({\n  icon: Icon,\n  label,\n  annotation,\n  aside,\n  accent = false,\n  children,\n}: {\n  icon: React.ElementType;\n  label: string;\n  annotation?: string;\n  aside?: React.ReactNode;\n  accent?: boolean;\n  children: React.ReactNode;\n}) {\n  const hue = accent ? 'text-accent' : 'text-text-tertiary';\n  return (\n    <div>\n      <div className=\"flex items-center justify-between mb-5\">\n        <div className=\"flex items-center gap-1.5 min-w-0\">\n          <Icon className={`w-3 h-3 ${hue} shrink-0`} strokeWidth={1.5} />\n          <span className={`text-2xs font-semibold uppercase tracking-widest ${hue}`}>{label}</span>\n          {annotation && (\n            <span className=\"text-2xs text-text-quaternary truncate\">— {annotation}</span>\n          )}\n        </div>\n        {aside}\n      </div>\n      <div className={`border-l-2 pl-5 ${accent ? 'border-accent/15' : 'border-surface-border/60'}`}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/** Live-save indicator shown in a group's eyebrow. */\nfunction LiveBadge() {\n  return (\n    <div className=\"flex items-center gap-1\">\n      <span className=\"w-1.5 h-1.5 rounded-full dot-ring bg-status-success\" />\n      <span className=\"text-2xs font-semibold uppercase tracking-widest text-status-success\">Live</span>\n    </div>\n  );\n}\n\n// ── Escalation section (live-save) ────────────────────────────────────────────\n\nfunction EscalationSection({ role, allRoles }: { role: RoleDetail; allRoles: RoleDetail[] }) {\n  const { data: chainsData } = useEscalationChains();\n  const addChain = useAddEscalationChain();\n  const removeChain = useRemoveEscalationChain();\n  const [newTarget, setNewTarget] = useState('');\n\n  const chains = chainsData?.chains ?? [];\n  const targets = useMemo(\n    () => chains.filter((c) => c.source_role === role.role).map((c) => c.target_role),\n    [chains, role.role],\n  );\n  const available = useMemo(\n    () => allRoles\n      .map((r) => r.role)\n      .filter((r) => r !== role.role && r !== 'superadmin' && !targets.includes(r)),\n    [allRoles, role.role, targets],\n  );\n\n  if (role.role === 'superadmin') {\n    return <p className=\"text-2xs text-text-tertiary\">Superadmins can escalate to any role implicitly.</p>;\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {available.length > 0 && (\n        <div className=\"flex items-center gap-2\">\n          <select\n            value={newTarget}\n            onChange={(e) => setNewTarget(e.target.value)}\n            className=\"select text-xs font-mono flex-1\"\n          >\n            <option value=\"\">Add target…</option>\n            {available.map((r) => <option key={r} value={r}>{r}</option>)}\n          </select>\n          <button\n            onClick={() => {\n              if (!newTarget) return;\n              addChain.mutate({ source_role: role.role, target_role: newTarget }, { onSuccess: () => setNewTarget('') });\n            }}\n            disabled={!newTarget || addChain.isPending}\n            className=\"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0\"\n          >\n            {addChain.isPending ? '…' : 'Add'}\n          </button>\n        </div>\n      )}\n      <PillWell\n        items={targets}\n        empty=\"Roles this one can escalate to. Add a target above and it lands here.\"\n        onRemove={(t) => removeChain.mutate({ source_role: role.role, target_role: t })}\n      />\n    </div>\n  );\n}\n\n/**\n * Where chosen pills land — no enclosing box. Empty, it shows the instruction\n * (which doubles as the hint); filled, it shows the pills and drops the text.\n * The instruction is sized to occupy about the same height a pill row would, so\n * the control barely changes size as items come and go.\n */\nfunction PillWell({ items, empty, onRemove }: { items: string[]; empty: string; onRemove: (item: string) => void }) {\n  if (items.length === 0) {\n    return <p className=\"text-2xs text-text-tertiary leading-relaxed\">{empty}</p>;\n  }\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {items.map((item) => (\n        <span\n          key={item}\n          className=\"inline-flex items-center gap-1 px-2 py-0.5 text-2xs bg-accent/10 rounded-sm font-mono text-accent\"\n        >\n          {item}\n          <button\n            onClick={() => onRemove(item)}\n            className=\"text-accent/50 hover:text-status-error transition-colors leading-none ml-0.5\"\n          >\n            ×\n          </button>\n        </span>\n      ))}\n    </div>\n  );\n}\n\n// ── Upstream inputs section (live-save) ───────────────────────────────────────\n\n/**\n * The graph edges that don't fit the line. Prior Step (parent_role) places\n * this role in ONE sequence on the Operations page; upstream inputs declare\n * the roles it also draws from in OTHER sequences — mixin-like, many allowed.\n * The chart shows them as a merge glyph on the station, never as a bend in\n * the sequence.\n */\nfunction UpstreamSection({ role, allRoles }: { role: RoleDetail; allRoles: RoleDetail[] }) {\n  const updateRole = useUpdateRole();\n  const [newUpstream, setNewUpstream] = useState('');\n\n  const upstreams = role.upstream_roles ?? [];\n  const available = useMemo(\n    () => allRoles\n      .map((r) => r.role)\n      .filter((r) => r !== role.role && r !== 'superadmin' && !upstreams.includes(r)),\n    [allRoles, role.role, upstreams],\n  );\n\n  const save = (next: string[]) =>\n    updateRole.mutate({ role: role.role, upstream_roles: next }, { onSuccess: () => setNewUpstream('') });\n\n  return (\n    <div className=\"space-y-2\">\n      {available.length > 0 && (\n        <div className=\"flex items-center gap-2\">\n          <select\n            value={newUpstream}\n            onChange={(e) => setNewUpstream(e.target.value)}\n            className=\"select text-xs font-mono flex-1\"\n          >\n            <option value=\"\">Add upstream input…</option>\n            {available.map((r) => <option key={r} value={r}>{r}</option>)}\n          </select>\n          <button\n            onClick={() => { if (newUpstream) save([...upstreams, newUpstream]); }}\n            disabled={!newUpstream || updateRole.isPending}\n            className=\"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0\"\n          >\n            {updateRole.isPending ? '…' : 'Add'}\n          </button>\n        </div>\n      )}\n      <PillWell\n        items={upstreams}\n        empty=\"Roles from other sequences this station draws input from. Add one above and it lands here.\"\n        onRemove={(u) => save(upstreams.filter((x) => x !== u))}\n      />\n      {updateRole.error && (\n        <p className=\"text-2xs text-status-error\">{(updateRole.error as Error).message}</p>\n      )}\n    </div>\n  );\n}\n\n// ── Default pins section (live-save) ─────────────────────────────────────────\n\n/**\n * The pinned-view seeds this role hands its members: [{ label, url, badge? }].\n * Members see them in their Pinned nav section from first login (marked\n * role-provided) and may promote, hide, or reorder them via preferences.\n */\nfunction DefaultPinsSection({ role }: { role: RoleDetail }) {\n  const updateRole = useUpdateRole();\n  const [label, setLabel] = useState('');\n  const [url, setUrl] = useState('');\n  const [badge, setBadge] = useState(true);\n\n  const pins = role.default_pins ?? [];\n  const save = (next: { label: string; url: string; badge?: boolean }[]) =>\n    updateRole.mutate(\n      { role: role.role, default_pins: next.length ? next : null },\n      { onSuccess: () => { setLabel(''); setUrl(''); setBadge(true); } },\n    );\n  const canAdd = label.trim() !== '' && url.trim().startsWith('/');\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"flex items-center gap-2\">\n        <input\n          type=\"text\"\n          value={label}\n          onChange={(e) => setLabel(e.target.value)}\n          placeholder=\"Label — e.g. Needs harvesting\"\n          className=\"input text-xs w-40 shrink-0\"\n        />\n        <input\n          type=\"text\"\n          value={url}\n          onChange={(e) => setUrl(e.target.value)}\n          placeholder=\"/escalations/available?role=…\"\n          className=\"input text-xs font-mono flex-1\"\n        />\n        <label className=\"flex items-center gap-1 text-2xs text-text-tertiary shrink-0\" title=\"Show a live count beside the label\">\n          <input type=\"checkbox\" checked={badge} onChange={(e) => setBadge(e.target.checked)} className=\"w-3 h-3 accent-accent\" />\n          count\n        </label>\n        <button\n          onClick={() => { if (canAdd) save([...pins, { label: label.trim(), url: url.trim(), badge }]); }}\n          disabled={!canAdd || updateRole.isPending}\n          className=\"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0\"\n        >\n          {updateRole.isPending ? '…' : 'Add'}\n        </button>\n      </div>\n      {pins.length === 0 ? (\n        <p className=\"text-2xs text-text-tertiary leading-relaxed\">\n          Pinned views every member starts with — the persona's exact queries.\n          Add one above and it lands here.\n        </p>\n      ) : (\n        <div className=\"space-y-1\">\n          {pins.map((p) => (\n            <div key={p.label} className=\"flex items-baseline gap-2 text-2xs\">\n              <span className=\"font-medium text-text-secondary shrink-0\">{p.label}</span>\n              {p.badge && <span className=\"text-2xs text-accent shrink-0\" title=\"Shows a live count\">count</span>}\n              <span className=\"font-mono text-text-quaternary truncate flex-1\" title={p.url}>{p.url}</span>\n              <button\n                onClick={() => save(pins.filter((x) => x.label !== p.label))}\n                className=\"text-text-quaternary hover:text-status-error transition-colors leading-none shrink-0\"\n                aria-label={`Remove pin ${p.label}`}\n              >\n                ×\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n      {updateRole.error && (\n        <p className=\"text-2xs text-status-error\">{(updateRole.error as Error).message}</p>\n      )}\n    </div>\n  );\n}\n\n// ── Draft state ───────────────────────────────────────────────────────────────\n\ninterface Draft {\n  title: string;\n  description: string;\n  ops_visible: boolean;\n  enforce_schema: boolean;\n  parent_role: string;\n  metadata_schema: string;\n  properties: string;\n  sla_minutes: string;\n  target_per_hour: string;\n  worker_count: string;\n  priority_threshold_minutes: string;\n  priority_facet: string;\n}\n\nfunction draftFrom(role: RoleDetail): Draft {\n  return {\n    title: role.title ?? '',\n    description: role.description ?? '',\n    ops_visible: role.ops_visible,\n    enforce_schema: role.enforce_schema,\n    parent_role: role.parent_role ?? '',\n    metadata_schema: safePrettyPrint(role.metadata_schema),\n    properties: safePrettyPrint(role.properties) || '{}',\n    sla_minutes: role.sla_minutes != null ? String(role.sla_minutes) : '',\n    target_per_hour: role.target_per_hour != null ? String(role.target_per_hour) : '',\n    worker_count: role.worker_count != null ? String(role.worker_count) : '',\n    priority_threshold_minutes: role.priority_threshold_minutes != null ? String(role.priority_threshold_minutes) : '',\n    priority_facet: role.priority_facet ?? '',\n  };\n}\n\n// Mirrors the server-side facet key rule (metadata keys are interpolated as a\n// JSON path, so they are strictly validated).\nconst FACET_KEY = /^[a-zA-Z0-9_]+$/;\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function RoleDetailPage() {\n  const { role: roleKey } = useParams<{ role: string }>();\n  const navigate = useNavigate();\n  const { data, isLoading } = useRoleDetails();\n  const updateRole = useUpdateRole();\n  const deleteRole = useDeleteRole();\n\n  const roles = data?.roles ?? [];\n  const role = roles.find((r) => r.role === roleKey);\n\n  const [draft, setDraft] = useState<Draft>({\n    title: '', description: '', ops_visible: false, enforce_schema: false, parent_role: '',\n    metadata_schema: '', properties: '{}',\n    sla_minutes: '', target_per_hour: '', worker_count: '',\n    priority_threshold_minutes: '', priority_facet: '',\n  });\n  const [dirty, setDirty] = useState(false);\n  const [savedOk, setSavedOk] = useState(false);\n  const [errors, setErrors] = useState<{ metadata_schema?: string; properties?: string; priority_facet?: string }>({});\n  const [confirmDelete, setConfirmDelete] = useState(false);\n  const [editingJson, setEditingJson] = useState(new Set<string>());\n\n  const startEditingJson = (field: string) => setEditingJson((prev) => new Set([...prev, field]));\n\n  useEffect(() => {\n    if (!role) return;\n    setDraft(draftFrom(role));\n    setDirty(false);\n    setSavedOk(false);\n    setErrors({});\n    setEditingJson(new Set());\n  }, [roleKey, role?.role]);\n\n  const update = (changes: Partial<Draft>) => {\n    setDraft((d) => ({ ...d, ...changes }));\n    setDirty(true);\n    setSavedOk(false);\n  };\n\n  const availableParents = useMemo(\n    () => roles.filter((r) => {\n      if (!role || r.role === role.role) return false;\n      let cur: RoleDetail | undefined = r;\n      const seen = new Set<string>();\n      while (cur?.parent_role) {\n        if (cur.parent_role === role.role) return false;\n        if (seen.has(cur.parent_role)) break;\n        seen.add(cur.parent_role);\n        cur = roles.find((x) => x.role === cur!.parent_role);\n      }\n      return true;\n    }),\n    [roles, role],\n  );\n\n  const handleSave = () => {\n    const metaResult = safeParseJson(draft.metadata_schema);\n    const propsResult = safeParseJson(draft.properties);\n    const facet = draft.priority_facet.trim();\n    const newErrors: typeof errors = {};\n    if (!metaResult.ok) newErrors.metadata_schema = 'Invalid JSON';\n    if (!propsResult.ok) newErrors.properties = 'Invalid JSON';\n    if (facet && !FACET_KEY.test(facet)) newErrors.priority_facet = 'Letters, numbers, underscores only';\n    setErrors(newErrors);\n    if (Object.keys(newErrors).length || !role) return;\n\n    const parseNum = (s: string) => { const v = parseFloat(s); return isNaN(v) ? null : v; };\n    // Staff counts are whole people/machines — round rather than persist 2.5 workers.\n    const parseCount = (s: string) => { const v = parseNum(s); return v == null ? null : Math.round(v); };\n\n    updateRole.mutate(\n      {\n        role: role.role,\n        title: draft.title.trim() || null,\n        description: draft.description.trim() || null,\n        ops_visible: draft.ops_visible,\n        enforce_schema: draft.enforce_schema,\n        parent_role: draft.parent_role || null,\n        metadata_schema: metaResult.value ?? null,\n        properties: propsResult.value ?? {},\n        sla_minutes: parseNum(draft.sla_minutes),\n        target_per_hour: parseNum(draft.target_per_hour),\n        worker_count: parseCount(draft.worker_count),\n        priority_threshold_minutes: parseNum(draft.priority_threshold_minutes),\n        priority_facet: facet || null,\n      },\n      {\n        onSuccess: () => {\n          setDirty(false);\n          setSavedOk(true);\n          setEditingJson(new Set());\n          window.setTimeout(() => setSavedOk(false), 2500);\n        },\n      },\n    );\n  };\n\n  const handleDelete = () => {\n    if (!role) return;\n    deleteRole.mutate(role.role, { onSuccess: () => navigate('/admin/roles') });\n  };\n\n  // ── Loading / not found ───────────────────────────────────────────────────\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-48\" />\n        <div className=\"h-4 bg-surface-sunken rounded w-64\" />\n        <div className=\"h-64 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  if (!role) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-20 text-center\">\n        <Inbox className=\"w-12 h-12 text-text-quaternary mb-4\" strokeWidth={1} />\n        <h2 className=\"heading-3 mb-2\">Role not found</h2>\n      </div>\n    );\n  }\n\n  const inUse = role.user_count > 0 || role.chain_count > 0 || role.workflow_count > 0;\n  const canSave = dirty && !Object.values(errors).some(Boolean);\n\n  // Any two capacity settings derive the third — hint the missing one.\n  const sla = parseFloat(draft.sla_minutes);\n  const tph = parseFloat(draft.target_per_hour);\n  const wc = parseFloat(draft.worker_count);\n  const slaOk = !isNaN(sla) && sla > 0;\n  const tphOk = !isNaN(tph) && tph > 0;\n  const wcOk = !isNaN(wc) && wc > 0;\n  const derivedCapacityHint =\n    slaOk && wcOk && !tphOk ? `→ target ≈ ${(wc / (sla / 60)).toFixed(1)}/h` :\n    slaOk && tphOk && !wcOk ? `→ workers ≈ ${(tph * (sla / 60)).toFixed(1)}` :\n    tphOk && wcOk && !slaOk ? `→ SLA ≈ ${(wc / tph * 60).toFixed(0)}m` : null;\n\n  return (\n    <div>\n      {/* ── Header: mirrors the three-column body grid so each section sits\n          exactly atop its column — identity + ops · capacity · priority + actions ── */}\n      <div className=\"grid grid-cols-3 gap-16 items-center mb-12\">\n        {/* Col 1: identity, with the Ops toggle at the column's right edge */}\n        <div className=\"flex items-center justify-between gap-4 min-w-0\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-center gap-3 mb-1\">\n              <Inbox className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n              <h1 className=\"text-lg font-mono font-medium text-text-primary\">{role.role}</h1>\n              <button\n                onClick={() => { window.location.hash = '#docs:dashboard.md:role-detail'; }}\n                className=\"text-text-quaternary hover:text-accent transition-colors\"\n                title=\"Open docs for this page\"\n              >\n                <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n              </button>\n              {role.parent_role && (\n                <span className=\"flex items-center gap-1 text-2xs text-text-quaternary font-mono\">\n                  <GitBranch className=\"w-3 h-3\" /> {role.parent_role}\n                </span>\n              )}\n            </div>\n            {role.title && <p className=\"text-sm text-text-secondary pl-8\">{role.title}</p>}\n          </div>\n\n          {/* Pace Board — this role is (or isn't) a station on the Pace Board */}\n          <div className=\"flex items-center gap-2 shrink-0\" title=\"Show as a station on the Pace Board\">\n            <span className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary\">Pace Board</span>\n            <button\n              onClick={() => update({ ops_visible: !draft.ops_visible })}\n              className={`w-9 h-5 rounded-full transition-colors relative shrink-0 ${\n                draft.ops_visible ? 'bg-accent' : 'bg-surface-border'\n              }`}\n            >\n              <span\n                className={`absolute top-[3px] left-0 w-3.5 h-3.5 rounded-full bg-text-inverse transition-transform shadow ${\n                  draft.ops_visible ? 'translate-x-[18px]' : 'translate-x-[3px]'\n                }`}\n              />\n            </button>\n          </div>\n\n          {/* Enforce Schema — every resolve surface validates payloads against\n              this role's form schema and rejects violations with 422 */}\n          <div\n            className=\"flex items-center gap-2 shrink-0\"\n            title=\"Validate every resolve payload against this role's form schema — API, MCP, and CLI submissions are rejected with field-level errors when they violate it\"\n          >\n            <span className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary\">Enforce Schema</span>\n            <button\n              onClick={() => update({ enforce_schema: !draft.enforce_schema })}\n              className={`w-9 h-5 rounded-full transition-colors relative shrink-0 ${\n                draft.enforce_schema ? 'bg-accent' : 'bg-surface-border'\n              }`}\n            >\n              <span\n                className={`absolute top-[3px] left-0 w-3.5 h-3.5 rounded-full bg-text-inverse transition-transform shadow ${\n                  draft.enforce_schema ? 'translate-x-[18px]' : 'translate-x-[3px]'\n                }`}\n              />\n            </button>\n          </div>\n        </div>\n\n        {/* Col 2: capacity — full column width, settings centered atop the\n            column below. Any two settings derive the third. */}\n        <div\n          className=\"flex items-end justify-center gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 w-full\"\n          title=\"throughput = workers / (sla / 60)\"\n        >\n          {[\n            { key: 'sla_minutes' as const,      label: 'SLA',     unit: 'min', placeholder: '30' },\n            { key: 'target_per_hour' as const,  label: 'Target',  unit: '/h',  placeholder: '20' },\n            { key: 'worker_count' as const,     label: 'Workers', unit: '',    placeholder: '4' },\n          ].map(({ key, label, unit, placeholder }) => (\n            <div key={key}>\n              <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-quaternary mb-1\">\n                {label}\n                {unit && <span className=\"normal-case font-normal ml-1\">{unit}</span>}\n              </label>\n              <input\n                type=\"number\"\n                min=\"0\"\n                step=\"any\"\n                value={draft[key]}\n                onChange={(e) => update({ [key]: e.target.value })}\n                placeholder={placeholder}\n                className=\"input text-xs w-16 font-mono\"\n              />\n            </div>\n          ))}\n          {derivedCapacityHint && (\n            <span className=\"text-2xs text-accent font-mono whitespace-nowrap pb-2\">\n              {derivedCapacityHint}\n            </span>\n          )}\n        </div>\n\n        {/* Col 3: priority left-aligned to the column edge, actions at the right.\n            Pending unclaimed items older than the threshold appear as the Pace\n            Board priority count, ordered by the facet for the pull. */}\n        <div className=\"flex items-center justify-between gap-4 min-w-0\">\n          <div\n            className=\"flex items-end gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 shrink-0\"\n            title=\"Pending unclaimed items older than the threshold count as priority on the Pace Board. Age is measured from the metadata facet (an ISO 8601 UTC timestamp, e.g. authorized_at) or from created_at when the facet is blank; the threshold falls back to SLA when blank.\"\n          >\n            <div>\n              <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-quaternary mb-1\">\n                Priority\n                <span className=\"normal-case font-normal ml-1\">min</span>\n              </label>\n              <input\n                type=\"number\"\n                min=\"0\"\n                step=\"any\"\n                value={draft.priority_threshold_minutes}\n                onChange={(e) => update({ priority_threshold_minutes: e.target.value })}\n                placeholder={draft.sla_minutes || '60'}\n                className=\"input text-xs w-16 font-mono\"\n              />\n            </div>\n            <div>\n              <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-quaternary mb-1\">\n                Facet\n              </label>\n              <input\n                type=\"text\"\n                value={draft.priority_facet}\n                onChange={(e) => update({ priority_facet: e.target.value })}\n                placeholder=\"created_at\"\n                className=\"input text-xs w-28 font-mono\"\n              />\n              {errors.priority_facet && (\n                <p className=\"text-2xs text-status-error mt-0.5\">{errors.priority_facet}</p>\n              )}\n            </div>\n          </div>\n\n          <div className=\"flex items-center gap-3 shrink-0\">\n            {savedOk && (\n              <span className=\"flex items-center gap-1 text-xs text-status-success animate-page-enter\">\n                <Check className=\"w-3 h-3\" /> Saved\n              </span>\n            )}\n            {updateRole.error && (\n              <span className=\"text-xs text-status-error max-w-[180px] truncate\">\n                {(updateRole.error as Error).message}\n              </span>\n            )}\n            <button\n              onClick={handleSave}\n              disabled={!canSave || updateRole.isPending}\n              className=\"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n            >\n              {updateRole.isPending ? 'Saving…' : 'Save'}\n            </button>\n            {!inUse && (\n              <button\n                onClick={() => setConfirmDelete(true)}\n                className=\"px-3 py-1.5 text-xs rounded-md text-status-error/60 hover:text-status-error hover:bg-status-error/10 transition-colors flex items-center gap-1\"\n              >\n                <Trash2 className=\"w-3 h-3\" /> Delete\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* ── Three-column body ── */}\n      <div className=\"grid grid-cols-3 gap-16 items-start\">\n\n        {/* ── Col 1: Identity ── */}\n        <div className=\"space-y-14\">\n\n          {/* Identity */}\n          <SectionGroup icon={Tag} label=\"Identity\" annotation=\"name and description\" accent>\n            <div className=\"space-y-8\">\n              <div>\n                <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n                  Display Name\n                </label>\n                <input\n                  type=\"text\"\n                  value={draft.title}\n                  onChange={(e) => update({ title: e.target.value })}\n                  placeholder={`e.g., ${role.role.charAt(0).toUpperCase() + role.role.slice(1)}`}\n                  className=\"input text-sm w-full\"\n                />\n              </div>\n\n              <div>\n                <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n                  Description\n                </label>\n                <AutoGrowTextarea\n                  value={draft.description}\n                  onChange={(v) => update({ description: v })}\n                  placeholder=\"A short description shown on role cards and in the operations view.\"\n                  rows={2}\n                />\n              </div>\n            </div>\n          </SectionGroup>\n\n          {/* Sequence placement — only meaningful for stations, so these two\n              sections follow the Pace Board toggle, easing in and out with it. */}\n          <div\n            className={`overflow-hidden transition-all duration-300 ease-out ${\n              draft.ops_visible ? 'opacity-100 max-h-[900px]' : 'opacity-0 max-h-0 pointer-events-none'\n            }`}\n            aria-hidden={!draft.ops_visible}\n          >\n            <SectionGroup\n              icon={LayoutDashboard}\n              label=\"Pace Board\"\n              annotation=\"where this station sits on the floor\"\n              accent\n            >\n              <div className=\"space-y-8\">\n                {/* Prior Step */}\n                <div>\n                  <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n                    Prior Step\n                  </label>\n                  <select\n                    value={draft.parent_role}\n                    onChange={(e) => update({ parent_role: e.target.value })}\n                    className=\"select text-sm w-full font-mono\"\n                  >\n                    <option value=\"\">None — root process</option>\n                    {availableParents.map((r) => (\n                      <option key={r.role} value={r.role}>\n                        {r.title ? `${r.role} — ${r.title}` : r.role}\n                      </option>\n                    ))}\n                  </select>\n                  <p className=\"text-2xs text-text-tertiary leading-relaxed mt-1.5\">\n                    Places this role in one Pace Board sequence. A role with no prior\n                    step starts its own sequence.\n                  </p>\n                </div>\n\n                {/* Upstream inputs — cross-sequence graph edges, live-save */}\n                <div>\n                  <div className=\"flex items-center justify-between mb-1.5\">\n                    <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary\">\n                      Upstream Inputs\n                    </label>\n                    <LiveBadge />\n                  </div>\n                  <UpstreamSection role={role} allRoles={roles} />\n                </div>\n              </div>\n            </SectionGroup>\n          </div>\n\n        </div>\n\n        {/* ── Col 2: Routing & People ── */}\n        <div className=\"space-y-14\">\n\n          {/* Escalation targets — live */}\n          <SectionGroup\n            icon={Network}\n            label=\"Escalation Targets\"\n            annotation=\"hand-off routing\"\n            aside={<LiveBadge />}\n          >\n            <EscalationSection role={role} allRoles={roles} />\n          </SectionGroup>\n\n          {/* Members — who can see through this window, and how far */}\n          <SectionGroup\n            icon={Users}\n            label=\"Members\"\n            annotation=\"read = what appears · write = what they can act on\"\n          >\n            <RoleMembersSection role={role.role} />\n          </SectionGroup>\n\n          {/* Default pins — the persona's starting bookmark set, live-save */}\n          <SectionGroup\n            icon={PinIcon}\n            label=\"Default Pins\"\n            annotation=\"pinned views every member starts with\"\n            aside={<LiveBadge />}\n          >\n            <DefaultPinsSection role={role} />\n          </SectionGroup>\n        </div>\n\n        {/* ── Col 3: Schemas & Properties ── */}\n        <div className=\"space-y-14\">\n          {/* Escalation Schema — versioned, edited on its own page */}\n          <SectionGroup\n            icon={Braces}\n            label=\"Escalation Schema\"\n            annotation=\"the resolve form\"\n            accent\n            aside={\n              role.current_schema_version != null ? (\n                <span className=\"text-2xs font-mono text-text-quaternary\">v{role.current_schema_version} in use</span>\n              ) : undefined\n            }\n          >\n            <p className=\"text-2xs text-text-tertiary mb-3 leading-relaxed\">\n              The form a person completes to resolve this role's escalations.\n              Versioned — each save adds one; workflows pin any version via{' '}\n              <code className=\"font-mono\">schemaVersion</code>.\n            </p>\n            <Link\n              to={`/admin/roles/${encodeURIComponent(role.role)}/schema`}\n              className=\"text-xs text-accent hover:underline\"\n            >\n              {role.form_schema\n                ? `Open schema editor — v${role.current_schema_version ?? 1} in use →`\n                : 'Define the escalation form →'}\n            </Link>\n          </SectionGroup>\n\n          {/* Escalations List Schema — versioned independently, edited on its own page */}\n          <SectionGroup\n            icon={LayoutList}\n            label=\"Escalations List Schema\"\n            annotation=\"rich list view\"\n            aside={\n              role.current_list_schema_version != null ? (\n                <span className=\"text-2xs font-mono text-text-quaternary\">v{role.current_list_schema_version} in use</span>\n              ) : undefined\n            }\n          >\n            <p className=\"text-2xs text-text-tertiary mb-3 leading-relaxed\">\n              Richly formats the escalation list when it's scoped to just this role.\n              Versioned on its own timeline — separate from the resolve form.\n            </p>\n            <Link\n              to={`/admin/roles/${encodeURIComponent(role.role)}/list-schema`}\n              className=\"text-xs text-accent hover:underline\"\n            >\n              {role.list_schema\n                ? `Open list schema editor — v${role.current_list_schema_version ?? 1} in use →`\n                : 'Define the list view →'}\n            </Link>\n          </SectionGroup>\n\n          {/* Metadata Schema */}\n          <SectionGroup\n            icon={Braces}\n            label=\"Metadata Schema\"\n            annotation=\"validates metadata at creation\"\n            aside={\n              !editingJson.has('metadata_schema') && role.metadata_schema ? (\n                <button onClick={() => startEditingJson('metadata_schema')} className=\"text-2xs text-accent hover:underline\">Edit</button>\n              ) : undefined\n            }\n          >\n            <p className=\"text-2xs text-text-tertiary mb-3 leading-relaxed\">\n              Validates <code className=\"font-mono\">metadata</code> at creation time. Keys appear in faceted search autocomplete.\n            </p>\n            {!editingJson.has('metadata_schema') && role.metadata_schema ? (\n              <JsonViewer data={role.metadata_schema} />\n            ) : (\n              <>\n                <textarea\n                  value={draft.metadata_schema}\n                  onChange={(e) => {\n                    const val = e.target.value;\n                    update({ metadata_schema: val });\n                    setErrors((prev) => ({ ...prev, metadata_schema: safeParseJson(val).ok ? undefined : 'Invalid JSON' }));\n                  }}\n                  rows={10}\n                  spellCheck={false}\n                  className=\"input text-xs font-mono w-full resize-y\"\n                  placeholder={'{\\n  \"type\": \"object\",\\n  \"properties\": {\\n    \"order_id\": { \"type\": \"string\" }\\n  },\\n  \"required\": [\"order_id\"]\\n}'}\n                />\n                {errors.metadata_schema && <p className=\"text-2xs text-status-error mt-1\">{errors.metadata_schema}</p>}\n              </>\n            )}\n          </SectionGroup>\n\n          {/* Properties (free custom-JSON bag) is intentionally not rendered:\n              nothing consumes it yet and it crowded the column. The draft still\n              round-trips the stored value on save, so existing data is kept. */}\n        </div>\n      </div>\n\n      {/* ── Delete confirmation ── */}\n      <ConfirmDeleteModal\n        open={confirmDelete}\n        onClose={() => setConfirmDelete(false)}\n        onConfirm={handleDelete}\n        title=\"Delete Role\"\n        description={\n          <>\n            Delete role <span className=\"font-medium font-mono text-text-primary\">{role.role}</span>? This cannot be undone.\n          </>\n        }\n        isPending={deleteRole.isPending}\n        error={deleteRole.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["AutoGrowTextarea","value","onChange","rows","className","rest","ref","useRef","useLayoutEffect","el","jsx","e","RoleMembersSection","role","data","useUsers","users","u","membership","r","jsxs","describeMembership","m","safePrettyPrint","safeParseJson","text","trimmed","parsed","SectionGroup","Icon","label","annotation","aside","accent","children","hue","LiveBadge","EscalationSection","allRoles","chainsData","useEscalationChains","addChain","useAddEscalationChain","removeChain","useRemoveEscalationChain","newTarget","setNewTarget","useState","chains","targets","useMemo","c","available","PillWell","t","items","empty","onRemove","item","UpstreamSection","updateRole","useUpdateRole","newUpstream","setNewUpstream","upstreams","save","next","x","DefaultPinsSection","setLabel","url","setUrl","badge","setBadge","pins","canAdd","p","draftFrom","FACET_KEY","RoleDetailPage","roleKey","useParams","navigate","useNavigate","isLoading","useRoleDetails","deleteRole","useDeleteRole","roles","draft","setDraft","dirty","setDirty","savedOk","setSavedOk","errors","setErrors","confirmDelete","setConfirmDelete","editingJson","setEditingJson","startEditingJson","field","prev","useEffect","update","changes","d","availableParents","cur","seen","handleSave","metaResult","propsResult","facet","newErrors","parseNum","s","v","parseCount","handleDelete","Inbox","inUse","canSave","sla","tph","wc","slaOk","tphOk","wcOk","derivedCapacityHint","BookOpen","GitBranch","key","unit","placeholder","Check","Trash2","Tag","LayoutDashboard","Network","Users","PinIcon","Braces","Link","LayoutList","JsonViewer","Fragment","val","ConfirmDeleteModal"],"mappings":"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"}

package/dashboard/dist/assets/RolePill-CWhoLwef.js

@@ -0,0 +1,2 @@
+import{j as s}from"./vendor-query-B2UbickB.js";import{I as x}from"./vendor-icons-DKCAtTJ9.js";function o({role:t,size:e="sm",tone:n="default"}){const a=e==="md"?"py-0.5 text-xs gap-1.5":"py-0.5 text-2xs gap-1",i=e==="md"?"w-3 h-3":"w-2.5 h-2.5",l=n==="inherit"?"text-inherit":"text-text-secondary";return s.jsxs("span",{className:`inline-flex items-center max-w-full min-w-0 ${a} ${l}`,title:t,children:[s.jsx(x,{className:`${i} shrink-0 text-accent/75`}),s.jsx("span",{className:"truncate",children:t})]})}export{o as R};
+//# sourceMappingURL=RolePill-CWhoLwef.js.map

package/dashboard/dist/assets/RolePill-CWhoLwef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RolePill-CWhoLwef.js","sources":["../../src/components/common/display/RolePill.tsx"],"sourcesContent":["import { Inbox } from 'lucide-react';\n\ninterface RolePillProps {\n  role: string;\n  size?: 'sm' | 'md';\n  /** `default` uses secondary text; `inherit` takes the surrounding text colour. */\n  tone?: 'default' | 'inherit';\n}\n\n/**\n * The universal role symbol. A role is a QUEUE — a tray work arrives into and\n * is claimed from — so the inbox glyph carries it everywhere a role appears:\n * this pill, the admin sidebar's Roles entry, and the role detail page.\n */\nexport function RolePill({ role, size = 'sm', tone = 'default' }: RolePillProps) {\n  const sizeClass = size === 'md'\n    ? 'py-0.5 text-xs gap-1.5'\n    : 'py-0.5 text-2xs gap-1';\n  const iconClass = size === 'md' ? 'w-3 h-3' : 'w-2.5 h-2.5';\n  const colorClass = tone === 'inherit' ? 'text-inherit' : 'text-text-secondary';\n\n  return (\n    <span className={`inline-flex items-center max-w-full min-w-0 ${sizeClass} ${colorClass}`} title={role}>\n      <Inbox className={`${iconClass} shrink-0 text-accent/75`} />\n      <span className=\"truncate\">{role}</span>\n    </span>\n  );\n}\n"],"names":["RolePill","role","size","tone","sizeClass","iconClass","colorClass","jsxs","jsx","Inbox"],"mappings":"8FAcO,SAASA,EAAS,CAAE,KAAAC,EAAM,KAAAC,EAAO,KAAM,KAAAC,EAAO,WAA4B,CAC/E,MAAMC,EAAYF,IAAS,KACvB,yBACA,wBACEG,EAAYH,IAAS,KAAO,UAAY,cACxCI,EAAaH,IAAS,UAAY,eAAiB,sBAEzD,OACEI,EAAAA,KAAC,QAAK,UAAW,+CAA+CH,CAAS,IAAIE,CAAU,GAAI,MAAOL,EAChG,SAAA,CAAAO,EAAAA,IAACC,EAAA,CAAM,UAAW,GAAGJ,CAAS,2BAA4B,EAC1DG,EAAAA,IAAC,OAAA,CAAK,UAAU,WAAY,SAAAP,CAAA,CAAK,CAAA,EACnC,CAEJ"}

package/dashboard/dist/assets/RolesPage-D-6kIact.js

@@ -0,0 +1,2 @@
+import{a as u,j as e}from"./vendor-query-B2UbickB.js";import{a1 as _,I as L,a2 as P}from"./index-C-8xXyvr.js";import{P as E}from"./PageHeader-DvEmMMP6.js";import{R as v}from"./RolePill-CWhoLwef.js";import{a as y}from"./role-display-Dvo2lDpU.js";import{M as S}from"./Modal-D4afnAjc.js";import{ad as T}from"./vendor-icons-DKCAtTJ9.js";import{c as A,L as $}from"./vendor-react-CXumBFUA.js";function I({open:s,onClose:i}){const n=_(),[t,f]=u.useState(""),[j,o]=u.useState(s);s!==j&&(o(s),s&&(f(""),n.reset()));const N=()=>{const r=t.trim().toLowerCase();r&&n.mutate(r,{onSuccess:i})};return e.jsx(S,{open:s,onClose:i,title:"Create Role",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:"Role Name (required)"}),e.jsx("input",{type:"text",value:t,onChange:r=>f(r.target.value),placeholder:"e.g., reviewer",className:"input text-xs w-full",onKeyDown:r=>{r.key==="Enter"&&N()}}),e.jsx("p",{className:"text-2xs text-text-tertiary mt-1",children:"Lowercase letters, numbers, hyphens, and underscores only."})]}),n.error&&e.jsx("p",{className:"text-xs text-status-error",children:n.error.message}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:i,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:N,disabled:!t.trim()||n.isPending,className:"btn-primary text-xs",children:n.isPending?"Creating...":"Create"})]})]})})}const R="200px 160px 1fr 130px 160px 88px 204px",g="text-text-secondary transition-colors group-hover/row:text-text-primary",l="text-2xs font-semibold uppercase tracking-widest text-text-quaternary",b=`${l} text-right flex-1 min-w-0`,d="py-2",p="py-2.5";function M(){return e.jsxs("div",{className:"grid gap-4 px-3 border-b border-surface-border bg-surface",style:{gridTemplateColumns:R},children:[e.jsx("span",{className:`${l} ${d} flex items-center pl-[18px]`,children:"Role"}),e.jsx("span",{className:`${l} ${d} flex items-center`,children:"Key"}),e.jsx("span",{className:`${l} ${d} flex items-center`,children:"Description"}),e.jsx("span",{className:`${l} ${d} flex items-center`,children:"Preceded By"}),e.jsx("span",{className:`${l} ${d} flex items-center`,children:"Escalates To"}),e.jsx("span",{className:`${l} ${d} flex items-center justify-end`,children:"Members"}),e.jsxs("div",{className:"flex gap-3 items-center bg-surface-sunken px-3",children:[e.jsx("span",{className:b,children:"SLA/M"}),e.jsx("span",{className:b,children:"Target/h"}),e.jsx("span",{className:b,children:"Staff"})]})]})}const C="text-xs tabular-nums text-right flex-1 min-w-0 transition-colors";function O({role:s,targets:i,onClick:n}){return e.jsxs("div",{role:"button",tabIndex:0,onClick:n,onKeyDown:t=>{(t.key==="Enter"||t.key===" ")&&n()},className:"grid gap-4 px-3 cursor-pointer group/row",style:{gridTemplateColumns:R},children:[e.jsxs("div",{className:`flex items-center gap-2.5 min-w-0 ${p}`,children:[e.jsx("span",{className:`w-2 h-2 rounded-full dot-ring shrink-0 ${s.ops_visible?"bg-status-success":"bg-surface-border"}`,title:s.ops_visible?"Visible in Operations":"Enable in role settings to show in Operations"}),e.jsx("span",{className:`text-sm truncate ${g}`,children:y(s)})]}),e.jsx("span",{className:`flex items-center text-xs font-mono truncate ${p} text-text-tertiary transition-colors group-hover/row:text-text-secondary`,children:s.role}),e.jsx("span",{className:`flex items-center min-w-0 text-xs text-text-tertiary truncate ${p} transition-colors group-hover/row:text-text-secondary`,children:s.description??""}),e.jsx("div",{className:`flex items-center min-w-0 ${p}`,onClick:t=>t.stopPropagation(),children:s.parent_role&&e.jsx($,{to:`/admin/roles/${encodeURIComponent(s.parent_role)}`,className:"min-w-0 truncate text-text-secondary transition-colors hover:text-accent",children:e.jsx(v,{role:s.parent_role,tone:"inherit"})})}),e.jsx("div",{className:`flex items-center flex-wrap gap-x-2.5 gap-y-0.5 min-w-0 ${p}`,onClick:t=>t.stopPropagation(),children:i.map(t=>e.jsx($,{to:`/admin/roles/${encodeURIComponent(t)}`,className:"min-w-0 truncate text-text-secondary transition-colors hover:text-accent",children:e.jsx(v,{role:t,tone:"inherit"})},t))}),e.jsx("span",{className:`flex items-center justify-end text-sm tabular-nums ${p} transition-colors ${g}`,children:s.user_count>0?s.user_count:""}),e.jsxs("div",{className:"flex gap-3 items-center bg-surface-sunken px-3",children:[e.jsx("span",{className:`${C} ${g}`,children:s.sla_minutes??""}),e.jsx("span",{className:`${C} ${g}`,children:s.target_per_hour??""}),e.jsx("span",{className:`${C} ${g}`,children:s.worker_count??""})]})]})}function z(){const s=A(),{data:i,isLoading:n}=L(),{data:t}=P(),[f,j]=u.useState(!1),[o,N]=u.useState(""),r=(i==null?void 0:i.roles)??[],w=(t==null?void 0:t.chains)??[],k=u.useMemo(()=>{const a=new Map;for(const{source_role:x,target_role:c}of w){const m=a.get(x)??[];a.set(x,[...m,c])}return a},[w]),h=u.useMemo(()=>{const a=[...r].sort((c,m)=>y(c).localeCompare(y(m)));if(!o.trim())return a;const x=o.toLowerCase();return a.filter(c=>{var m;return c.role.toLowerCase().includes(x)||y(c).toLowerCase().includes(x)||((m=c.description)==null?void 0:m.toLowerCase().includes(x))})},[r,o]);return e.jsxs("div",{children:[e.jsx(E,{title:"Roles",docsHash:"#docs:dashboard.md:roles",actions:e.jsx("button",{onClick:()=>j(!0),className:"btn-primary text-xs flex items-center gap-1.5",children:"+ Add Role"})}),!n&&r.length>0&&e.jsxs("div",{className:"sticky top-0 z-20 bg-surface pt-3",children:[e.jsxs("div",{className:"bg-surface-sunken rounded-lg px-5 py-3 mb-3 flex items-center gap-3",children:[e.jsx(T,{className:"w-3 h-3 text-text-quaternary shrink-0"}),e.jsx("input",{type:"text",value:o,onChange:a=>N(a.target.value),placeholder:`Search ${r.length} roles…`,className:"input w-56"}),o&&h.length!==r.length&&e.jsxs("span",{className:"text-2xs text-text-quaternary tabular-nums shrink-0",children:[h.length," of ",r.length]})]}),h.length>0&&e.jsx(M,{})]}),n?e.jsx("div",{className:"animate-pulse space-y-3 mt-6",children:[1,2,3,4,5].map(a=>e.jsx("div",{className:"h-10 bg-surface-sunken rounded w-full"},a))}):h.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:o?"Clear the search to see all roles.":"Create a role to get started."}):e.jsx(e.Fragment,{children:e.jsx("div",{className:"divide-y divide-surface-border/30",children:h.map(a=>e.jsx(O,{role:a,targets:k.get(a.role)??[],onClick:()=>s(`/admin/roles/${encodeURIComponent(a.role)}`)},a.role))})}),e.jsx(I,{open:f,onClose:()=>j(!1)})]})}export{z as RolesPage};
+//# sourceMappingURL=RolesPage-D-6kIact.js.map

package/dashboard/dist/assets/RolesPage-D-6kIact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RolesPage-D-6kIact.js","sources":["../../src/pages/admin/roles/CreateRoleModal.tsx","../../src/pages/admin/roles/RolesPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useCreateRole } from '../../../api/roles';\nimport { Modal } from '../../../components/common/modal/Modal';\n\nexport function CreateRoleModal({\n  open,\n  onClose,\n}: {\n  open: boolean;\n  onClose: () => void;\n}) {\n  const createRole = useCreateRole();\n  const [roleName, setRoleName] = useState('');\n\n  const [prevOpen, setPrevOpen] = useState(open);\n  if (open !== prevOpen) {\n    setPrevOpen(open);\n    if (open) {\n      setRoleName('');\n      createRole.reset();\n    }\n  }\n\n  const handleCreate = () => {\n    const trimmed = roleName.trim().toLowerCase();\n    if (!trimmed) return;\n    createRole.mutate(trimmed, { onSuccess: onClose });\n  };\n\n  return (\n    <Modal open={open} onClose={onClose} title=\"Create Role\">\n      <div className=\"space-y-4\">\n        <div>\n          <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n            Role Name (required)\n          </label>\n          <input\n            type=\"text\"\n            value={roleName}\n            onChange={(e) => setRoleName(e.target.value)}\n            placeholder=\"e.g., reviewer\"\n            className=\"input text-xs w-full\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') handleCreate();\n            }}\n          />\n          <p className=\"text-2xs text-text-tertiary mt-1\">\n            Lowercase letters, numbers, hyphens, and underscores only.\n          </p>\n        </div>\n\n        {createRole.error && (\n          <p className=\"text-xs text-status-error\">{(createRole.error as Error).message}</p>\n        )}\n\n        <div className=\"flex justify-end gap-3 pt-2\">\n          <button onClick={onClose} className=\"btn-secondary text-xs\">\n            Cancel\n          </button>\n          <button\n            onClick={handleCreate}\n            disabled={!roleName.trim() || createRole.isPending}\n            className=\"btn-primary text-xs\"\n          >\n            {createRole.isPending ? 'Creating...' : 'Create'}\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n","import { useState, useMemo } from 'react';\nimport { useNavigate, Link } from 'react-router-dom';\nimport { Search } from 'lucide-react';\nimport { useRoleDetails, useEscalationChains, type RoleDetail } from '../../../api/roles';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { RolePill } from '../../../components/common/display/RolePill';\nimport { displayRoleTitle } from '../../../lib/role-display';\nimport { CreateRoleModal } from './CreateRoleModal';\n\n// ── Grid columns ──────────────────────────────────────────────────────────────\n// ROLE(dot+display name, 200px) | KEY(160px) | DESCRIPTION(1fr) | PRECEDED BY(130px) | ESCALATES TO(160px) | MEMBERS(88px) | CAPACITY(204px)\n// The display name leads (user-set title, else Title Case derived from the\n// key — same formatter the Pace Board uses); the exact key is the secondary\n// field. The capacity block is a single combined cell that internally renders\n// SLA/m · Target/h · Staff flush to row edges.\nconst GRID = '200px 160px 1fr 130px 160px 88px 204px';\n\nconst CELL_TEXT = 'text-text-secondary transition-colors group-hover/row:text-text-primary';\n// Header/cell sizes match the app's list standard (DataTable): text-2xs\n// headers, text-sm body cells.\nconst HDR = 'text-2xs font-semibold uppercase tracking-widest text-text-quaternary';\n\n// ── Table header ──────────────────────────────────────────────────────────────\n\nconst CAPACITY_COL_LABEL = `${HDR} text-right flex-1 min-w-0`;\n\n// py lives on each cell, not the grid — lets the capacity div stretch flush to row edges\nconst CELL_PY = 'py-2';\nconst ROW_PY = 'py-2.5';\n\nfunction TableHead() {\n  return (\n    <div\n      className=\"grid gap-4 px-3 border-b border-surface-border bg-surface\"\n      style={{ gridTemplateColumns: GRID }}\n    >\n      <span className={`${HDR} ${CELL_PY} flex items-center pl-[18px]`}>Role</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Key</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Description</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Preceded By</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Escalates To</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center justify-end`}>Members</span>\n      {/* Capacity block — no py, stretches to full row height by default (grid stretch alignment) */}\n      <div className=\"flex gap-3 items-center bg-surface-sunken px-3\">\n        <span className={CAPACITY_COL_LABEL}>SLA/M</span>\n        <span className={CAPACITY_COL_LABEL}>Target/h</span>\n        <span className={CAPACITY_COL_LABEL}>Staff</span>\n      </div>\n    </div>\n  );\n}\n\n// ── Role row ──────────────────────────────────────────────────────────────────\n\nconst CAPACITY_COL_VAL = 'text-xs tabular-nums text-right flex-1 min-w-0 transition-colors';\n\nfunction RoleRow({\n  role,\n  targets,\n  onClick,\n}: {\n  role: RoleDetail;\n  targets: string[];\n  onClick: () => void;\n}) {\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onClick}\n      onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onClick(); }}\n      className=\"grid gap-4 px-3 cursor-pointer group/row\"\n      style={{ gridTemplateColumns: GRID }}\n    >\n      {/* ROLE — ops status circle inline with the display name (user-set\n          title, else Title Case derived from the key) */}\n      <div className={`flex items-center gap-2.5 min-w-0 ${ROW_PY}`}>\n        <span\n          className={`w-2 h-2 rounded-full dot-ring shrink-0 ${role.ops_visible ? 'bg-status-success' : 'bg-surface-border'}`}\n          title={role.ops_visible ? 'Visible in Operations' : 'Enable in role settings to show in Operations'}\n        />\n        <span className={`text-sm truncate ${CELL_TEXT}`}>\n          {displayRoleTitle(role)}\n        </span>\n      </div>\n\n      {/* KEY — the exact technical id */}\n      <span className={`flex items-center text-xs font-mono truncate ${ROW_PY} text-text-tertiary transition-colors group-hover/row:text-text-secondary`}>\n        {role.role}\n      </span>\n\n      {/* DESCRIPTION — min-w-0 lets the 1fr grid cell shrink so truncate can\n          actually render its ellipsis */}\n      <span className={`flex items-center min-w-0 text-xs text-text-tertiary truncate ${ROW_PY} transition-colors group-hover/row:text-text-secondary`}>\n        {role.description ?? ''}\n      </span>\n\n      {/* PRECEDED BY — the universal role pill (inbox + key), linked */}\n      <div className={`flex items-center min-w-0 ${ROW_PY}`} onClick={(e) => e.stopPropagation()}>\n        {role.parent_role && (\n          <Link\n            to={`/admin/roles/${encodeURIComponent(role.parent_role)}`}\n            className=\"min-w-0 truncate text-text-secondary transition-colors hover:text-accent\"\n          >\n            <RolePill role={role.parent_role} tone=\"inherit\" />\n          </Link>\n        )}\n      </div>\n\n      {/* ESCALATES TO — same universal role pill, one link per target */}\n      <div className={`flex items-center flex-wrap gap-x-2.5 gap-y-0.5 min-w-0 ${ROW_PY}`} onClick={(e) => e.stopPropagation()}>\n        {targets.map((t) => (\n          <Link\n            key={t}\n            to={`/admin/roles/${encodeURIComponent(t)}`}\n            className=\"min-w-0 truncate text-text-secondary transition-colors hover:text-accent\"\n          >\n            <RolePill role={t} tone=\"inherit\" />\n          </Link>\n        ))}\n      </div>\n\n      {/* MEMBER COUNT — unset renders empty, not invisible text (screen\n          readers and copy/paste see exactly what the eye sees) */}\n      <span className={`flex items-center justify-end text-sm tabular-nums ${ROW_PY} transition-colors ${CELL_TEXT}`}>\n        {role.user_count > 0 ? role.user_count : ''}\n      </span>\n\n      {/* SLA/m · Target/h · Staff — no py: stretches flush to full row height */}\n      <div className=\"flex gap-3 items-center bg-surface-sunken px-3\">\n        <span className={`${CAPACITY_COL_VAL} ${CELL_TEXT}`}>\n          {role.sla_minutes ?? ''}\n        </span>\n        <span className={`${CAPACITY_COL_VAL} ${CELL_TEXT}`}>\n          {role.target_per_hour ?? ''}\n        </span>\n        <span className={`${CAPACITY_COL_VAL} ${CELL_TEXT}`}>\n          {role.worker_count ?? ''}\n        </span>\n      </div>\n    </div>\n  );\n}\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function RolesPage() {\n  const navigate = useNavigate();\n  const { data, isLoading } = useRoleDetails();\n  const { data: chainData } = useEscalationChains();\n  const [showCreate, setShowCreate] = useState(false);\n  const [search, setSearch] = useState('');\n\n  const roles = data?.roles ?? [];\n  const chains = chainData?.chains ?? [];\n\n  // Build a map: role → list of target roles it escalates to\n  const escalationTargets = useMemo(() => {\n    const map = new Map<string, string[]>();\n    for (const { source_role, target_role } of chains) {\n      const existing = map.get(source_role) ?? [];\n      map.set(source_role, [...existing, target_role]);\n    }\n    return map;\n  }, [chains]);\n\n  // Rows lead with the display name, so they sort by it — and the search\n  // matches it too (a derived \"Cad Designer\" is findable even when no title\n  // is set).\n  const filtered = useMemo(() => {\n    const sorted = [...roles].sort((a, b) => displayRoleTitle(a).localeCompare(displayRoleTitle(b)));\n    if (!search.trim()) return sorted;\n    const q = search.toLowerCase();\n    return sorted.filter(\n      (r) =>\n        r.role.toLowerCase().includes(q) ||\n        displayRoleTitle(r).toLowerCase().includes(q) ||\n        r.description?.toLowerCase().includes(q),\n    );\n  }, [roles, search]);\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Roles\"\n        docsHash=\"#docs:dashboard.md:roles\"\n        actions={\n          <button\n            onClick={() => setShowCreate(true)}\n            className=\"btn-primary text-xs flex items-center gap-1.5\"\n          >\n            + Add Role\n          </button>\n        }\n      />\n\n      {/* Filter bar + table header — one sticky block, no seam for rows to bleed through */}\n      {!isLoading && roles.length > 0 && (\n        <div className=\"sticky top-0 z-20 bg-surface pt-3\">\n          <div className=\"bg-surface-sunken rounded-lg px-5 py-3 mb-3 flex items-center gap-3\">\n            <Search className=\"w-3 h-3 text-text-quaternary shrink-0\" />\n            <input\n              type=\"text\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              placeholder={`Search ${roles.length} roles…`}\n              className=\"input w-56\"\n            />\n            {search && filtered.length !== roles.length && (\n              <span className=\"text-2xs text-text-quaternary tabular-nums shrink-0\">\n                {filtered.length} of {roles.length}\n              </span>\n            )}\n          </div>\n          {filtered.length > 0 && <TableHead />}\n        </div>\n      )}\n\n      {/* Table */}\n      {isLoading ? (\n        <div className=\"animate-pulse space-y-3 mt-6\">\n          {[1, 2, 3, 4, 5].map((i) => (\n            <div key={i} className=\"h-10 bg-surface-sunken rounded w-full\" />\n          ))}\n        </div>\n      ) : filtered.length === 0 ? (\n        <p className=\"text-sm text-text-tertiary mt-8\">\n          {search ? 'Clear the search to see all roles.' : 'Create a role to get started.'}\n        </p>\n      ) : (\n        <>\n          <div className=\"divide-y divide-surface-border/30\">\n            {filtered.map((role) => (\n              <RoleRow\n                key={role.role}\n                role={role}\n                targets={escalationTargets.get(role.role) ?? []}\n                onClick={() => navigate(`/admin/roles/${encodeURIComponent(role.role)}`)}\n              />\n            ))}\n          </div>\n        </>\n      )}\n\n      <CreateRoleModal open={showCreate} onClose={() => setShowCreate(false)} />\n    </div>\n  );\n}\n"],"names":["CreateRoleModal","open","onClose","createRole","useCreateRole","roleName","setRoleName","useState","prevOpen","setPrevOpen","handleCreate","trimmed","jsx","Modal","jsxs","e","GRID","CELL_TEXT","HDR","CAPACITY_COL_LABEL","CELL_PY","ROW_PY","TableHead","CAPACITY_COL_VAL","RoleRow","role","targets","onClick","displayRoleTitle","Link","RolePill","RolesPage","navigate","useNavigate","data","isLoading","useRoleDetails","chainData","useEscalationChains","showCreate","setShowCreate","search","setSearch","roles","chains","escalationTargets","useMemo","map","source_role","target_role","existing","filtered","sorted","a","b","q","r","_a","PageHeader","Search","i","Fragment"],"mappings":"mYAIO,SAASA,EAAgB,CAC9B,KAAAC,EACA,QAAAC,CACF,EAGG,CACD,MAAMC,EAAaC,EAAA,EACb,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAE,EAErC,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAASN,CAAI,EACzCA,IAASO,IACXC,EAAYR,CAAI,EACZA,IACFK,EAAY,EAAE,EACdH,EAAW,MAAA,IAIf,MAAMO,EAAe,IAAM,CACzB,MAAMC,EAAUN,EAAS,KAAA,EAAO,YAAA,EAC3BM,GACLR,EAAW,OAAOQ,EAAS,CAAE,UAAWT,EAAS,CACnD,EAEA,OACEU,EAAAA,IAACC,GAAM,KAAAZ,EAAY,QAAAC,EAAkB,MAAM,cACzC,SAAAY,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAAF,EAAAA,IAAC,QAAA,CAAM,UAAU,iFAAiF,SAAA,uBAElG,EACAA,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAOP,EACP,SAAWU,GAAMT,EAAYS,EAAE,OAAO,KAAK,EAC3C,YAAY,iBACZ,UAAU,uBACV,UAAYA,GAAM,CACZA,EAAE,MAAQ,SAASL,EAAA,CACzB,CAAA,CAAA,EAEFE,EAAAA,IAAC,IAAA,CAAE,UAAU,mCAAmC,SAAA,4DAAA,CAEhD,CAAA,EACF,EAECT,EAAW,OACVS,MAAC,IAAA,CAAE,UAAU,4BAA8B,SAAAT,EAAW,MAAgB,OAAA,CAAQ,EAGhFW,EAAAA,KAAC,MAAA,CAAI,UAAU,8BACb,SAAA,CAAAF,MAAC,SAAA,CAAO,QAASV,EAAS,UAAU,wBAAwB,SAAA,SAE5D,EACAU,EAAAA,IAAC,SAAA,CACC,QAASF,EACT,SAAU,CAACL,EAAS,KAAA,GAAUF,EAAW,UACzC,UAAU,sBAET,SAAAA,EAAW,UAAY,cAAgB,QAAA,CAAA,CAC1C,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,CCvDA,MAAMa,EAAO,yCAEPC,EAAY,0EAGZC,EAAM,wEAINC,EAAqB,GAAGD,CAAG,6BAG3BE,EAAU,OACVC,EAAS,SAEf,SAASC,GAAY,CACnB,OACER,EAAAA,KAAC,MAAA,CACC,UAAU,4DACV,MAAO,CAAE,oBAAqBE,CAAA,EAE9B,SAAA,CAAAJ,EAAAA,IAAC,QAAK,UAAW,GAAGM,CAAG,IAAIE,CAAO,+BAAgC,SAAA,MAAA,CAAI,EACtER,EAAAA,IAAC,QAAK,UAAW,GAAGM,CAAG,IAAIE,CAAO,qBAAsB,SAAA,KAAA,CAAG,EAC3DR,EAAAA,IAAC,QAAK,UAAW,GAAGM,CAAG,IAAIE,CAAO,qBAAsB,SAAA,aAAA,CAAW,EACnER,EAAAA,IAAC,QAAK,UAAW,GAAGM,CAAG,IAAIE,CAAO,qBAAsB,SAAA,aAAA,CAAW,EACnER,EAAAA,IAAC,QAAK,UAAW,GAAGM,CAAG,IAAIE,CAAO,qBAAsB,SAAA,cAAA,CAAY,EACpER,EAAAA,IAAC,QAAK,UAAW,GAAGM,CAAG,IAAIE,CAAO,iCAAkC,SAAA,SAAA,CAAO,EAE3EN,EAAAA,KAAC,MAAA,CAAI,UAAU,iDACb,SAAA,CAAAF,EAAAA,IAAC,OAAA,CAAK,UAAWO,EAAoB,SAAA,QAAK,EAC1CP,EAAAA,IAAC,OAAA,CAAK,UAAWO,EAAoB,SAAA,WAAQ,EAC7CP,EAAAA,IAAC,OAAA,CAAK,UAAWO,EAAoB,SAAA,OAAA,CAAK,CAAA,CAAA,CAC5C,CAAA,CAAA,CAAA,CAGN,CAIA,MAAMI,EAAmB,mEAEzB,SAASC,EAAQ,CACf,KAAAC,EACA,QAAAC,EACA,QAAAC,CACF,EAIG,CAED,OACEb,EAAAA,KAAC,MAAA,CACC,KAAK,SACL,SAAU,EACV,QAAAa,EACA,UAAYZ,GAAM,EAAMA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,MAAKY,EAAA,CAAW,EACvE,UAAU,2CACV,MAAO,CAAE,oBAAqBX,CAAA,EAI9B,SAAA,CAAAF,EAAAA,KAAC,MAAA,CAAI,UAAW,qCAAqCO,CAAM,GACzD,SAAA,CAAAT,EAAAA,IAAC,OAAA,CACC,UAAW,0CAA0Ca,EAAK,YAAc,oBAAsB,mBAAmB,GACjH,MAAOA,EAAK,YAAc,wBAA0B,+CAAA,CAAA,EAEtDb,EAAAA,IAAC,QAAK,UAAW,oBAAoBK,CAAS,GAC3C,SAAAW,EAAiBH,CAAI,CAAA,CACxB,CAAA,EACF,QAGC,OAAA,CAAK,UAAW,gDAAgDJ,CAAM,4EACpE,WAAK,IAAA,CACR,EAIAT,EAAAA,IAAC,QAAK,UAAW,iEAAiES,CAAM,yDACrF,SAAAI,EAAK,aAAe,EAAA,CACvB,EAGAb,EAAAA,IAAC,MAAA,CAAI,UAAW,6BAA6BS,CAAM,GAAI,QAAUN,GAAMA,EAAE,gBAAA,EACtE,WAAK,aACJH,EAAAA,IAACiB,EAAA,CACC,GAAI,gBAAgB,mBAAmBJ,EAAK,WAAW,CAAC,GACxD,UAAU,2EAEV,eAACK,EAAA,CAAS,KAAML,EAAK,YAAa,KAAK,SAAA,CAAU,CAAA,CAAA,EAGvD,EAGAb,EAAAA,IAAC,MAAA,CAAI,UAAW,2DAA2DS,CAAM,GAAI,QAAUN,GAAMA,EAAE,kBACpG,SAAAW,EAAQ,IAAK,GACZd,EAAAA,IAACiB,EAAA,CAEC,GAAI,gBAAgB,mBAAmB,CAAC,CAAC,GACzC,UAAU,2EAEV,SAAAjB,EAAAA,IAACkB,EAAA,CAAS,KAAM,EAAG,KAAK,SAAA,CAAU,CAAA,EAJ7B,CAAA,CAMR,EACH,EAIAlB,EAAAA,IAAC,OAAA,CAAK,UAAW,sDAAsDS,CAAM,sBAAsBJ,CAAS,GACzG,SAAAQ,EAAK,WAAa,EAAIA,EAAK,WAAa,GAC3C,EAGAX,EAAAA,KAAC,MAAA,CAAI,UAAU,iDACb,SAAA,CAAAF,EAAAA,IAAC,OAAA,CAAK,UAAW,GAAGW,CAAgB,IAAIN,CAAS,GAC9C,SAAAQ,EAAK,aAAe,EAAA,CACvB,EACAb,EAAAA,IAAC,OAAA,CAAK,UAAW,GAAGW,CAAgB,IAAIN,CAAS,GAC9C,SAAAQ,EAAK,iBAAmB,EAAA,CAC3B,EACAb,EAAAA,IAAC,OAAA,CAAK,UAAW,GAAGW,CAAgB,IAAIN,CAAS,GAC9C,SAAAQ,EAAK,cAAgB,EAAA,CACxB,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAGN,CAIO,SAASM,GAAY,CAC1B,MAAMC,EAAWC,EAAA,EACX,CAAE,KAAAC,EAAM,UAAAC,CAAA,EAAcC,EAAA,EACtB,CAAE,KAAMC,CAAA,EAAcC,EAAA,EACtB,CAACC,EAAYC,CAAa,EAAIjC,EAAAA,SAAS,EAAK,EAC5C,CAACkC,EAAQC,CAAS,EAAInC,EAAAA,SAAS,EAAE,EAEjCoC,GAAQT,GAAA,YAAAA,EAAM,QAAS,CAAA,EACvBU,GAASP,GAAA,YAAAA,EAAW,SAAU,CAAA,EAG9BQ,EAAoBC,EAAAA,QAAQ,IAAM,CACtC,MAAMC,MAAU,IAChB,SAAW,CAAE,YAAAC,EAAa,YAAAC,CAAA,IAAiBL,EAAQ,CACjD,MAAMM,EAAWH,EAAI,IAAIC,CAAW,GAAK,CAAA,EACzCD,EAAI,IAAIC,EAAa,CAAC,GAAGE,EAAUD,CAAW,CAAC,CACjD,CACA,OAAOF,CACT,EAAG,CAACH,CAAM,CAAC,EAKLO,EAAWL,EAAAA,QAAQ,IAAM,CAC7B,MAAMM,EAAS,CAAC,GAAGT,CAAK,EAAE,KAAK,CAACU,EAAGC,IAAM1B,EAAiByB,CAAC,EAAE,cAAczB,EAAiB0B,CAAC,CAAC,CAAC,EAC/F,GAAI,CAACb,EAAO,KAAA,EAAQ,OAAOW,EAC3B,MAAMG,EAAId,EAAO,YAAA,EACjB,OAAOW,EAAO,OACXI,UACC,OAAAA,EAAE,KAAK,cAAc,SAASD,CAAC,GAC/B3B,EAAiB4B,CAAC,EAAE,YAAA,EAAc,SAASD,CAAC,KAC5CE,EAAAD,EAAE,cAAF,YAAAC,EAAe,cAAc,SAASF,IAAC,CAE7C,EAAG,CAACZ,EAAOF,CAAM,CAAC,EAElB,cACG,MAAA,CACC,SAAA,CAAA7B,EAAAA,IAAC8C,EAAA,CACC,MAAM,QACN,SAAS,2BACT,QACE9C,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM4B,EAAc,EAAI,EACjC,UAAU,gDACX,SAAA,YAAA,CAAA,CAED,CAAA,EAKH,CAACL,GAAaQ,EAAM,OAAS,GAC5B7B,OAAC,MAAA,CAAI,UAAU,oCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,sEACb,SAAA,CAAAF,EAAAA,IAAC+C,EAAA,CAAO,UAAU,uCAAA,CAAwC,EAC1D/C,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAO6B,EACP,SAAW1B,GAAM2B,EAAU3B,EAAE,OAAO,KAAK,EACzC,YAAa,UAAU4B,EAAM,MAAM,UACnC,UAAU,YAAA,CAAA,EAEXF,GAAUU,EAAS,SAAWR,EAAM,QACnC7B,OAAC,OAAA,CAAK,UAAU,sDACb,SAAA,CAAAqC,EAAS,OAAO,OAAKR,EAAM,MAAA,CAAA,CAC9B,CAAA,EAEJ,EACCQ,EAAS,OAAS,GAAKvC,EAAAA,IAACU,EAAA,CAAA,CAAU,CAAA,EACrC,EAIDa,EACCvB,EAAAA,IAAC,MAAA,CAAI,UAAU,+BACZ,SAAA,CAAC,EAAG,EAAG,EAAG,EAAG,CAAC,EAAE,IAAKgD,SACnB,MAAA,CAAY,UAAU,yCAAbA,CAAqD,CAChE,CAAA,CACH,EACET,EAAS,SAAW,QACrB,IAAA,CAAE,UAAU,kCACV,SAAAV,EAAS,qCAAuC,gCACnD,EAEA7B,EAAAA,IAAAiD,WAAA,CACE,eAAC,MAAA,CAAI,UAAU,oCACZ,SAAAV,EAAS,IAAK1B,GACbb,EAAAA,IAACY,EAAA,CAEC,KAAAC,EACA,QAASoB,EAAkB,IAAIpB,EAAK,IAAI,GAAK,CAAA,EAC7C,QAAS,IAAMO,EAAS,gBAAgB,mBAAmBP,EAAK,IAAI,CAAC,EAAE,CAAA,EAHlEA,EAAK,IAAA,CAKb,EACH,CAAA,CACF,EAGFb,MAACZ,GAAgB,KAAMuC,EAAY,QAAS,IAAMC,EAAc,EAAK,CAAA,CAAG,CAAA,EAC1E,CAEJ"}

package/dashboard/dist/assets/RunAsSelector-DzYcpQTm.js

@@ -0,0 +1,2 @@
+import{j as s}from"./vendor-query-B2UbickB.js";import{B as c}from"./BotPicker-CidlGr6f.js";import{n as m}from"./index-C-8xXyvr.js";import{c as o,az as x}from"./vendor-icons-DKCAtTJ9.js";function j({selected:e,onChange:n}){const{user:t,isSuperAdmin:a,hasRoleType:i}=m(),r=a||i("admin");return s.jsx("div",{children:r?s.jsx(c,{selected:e,onChange:n}):s.jsx("div",{className:"flex items-center gap-1.5",children:e?s.jsxs(s.Fragment,{children:[s.jsx(o,{className:"w-3 h-3 text-accent/75 shrink-0",strokeWidth:1.5}),s.jsxs("span",{className:"text-2xs text-text-secondary",children:["Running as ",s.jsx("span",{className:"font-medium text-accent font-mono",children:e})]})]}):s.jsxs(s.Fragment,{children:[s.jsx(x,{className:"w-3 h-3 text-accent/75 shrink-0",strokeWidth:1.5}),s.jsxs("span",{className:"text-2xs text-text-secondary",children:["Running as ",s.jsx("span",{className:"font-medium text-accent",children:(t==null?void 0:t.displayName)||(t==null?void 0:t.userId)||"you"})]})]})})})}export{j as R};
+//# sourceMappingURL=RunAsSelector-DzYcpQTm.js.map

package/dashboard/dist/assets/RunAsSelector-DzYcpQTm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunAsSelector-DzYcpQTm.js","sources":["../../src/components/common/form/RunAsSelector.tsx"],"sourcesContent":["import { Bot, UserCircle } from 'lucide-react';\nimport { BotPicker } from './BotPicker';\nimport { useAuth } from '../../../hooks/useAuth';\n\ninterface RunAsSelectorProps {\n  selected: string;\n  onChange: (botExternalId: string) => void;\n}\n\nexport function RunAsSelector({ selected, onChange }: RunAsSelectorProps) {\n  const { user, isSuperAdmin, hasRoleType } = useAuth();\n  const isAdmin = isSuperAdmin || hasRoleType('admin');\n\n  return (\n    <div>\n      {isAdmin ? (\n        <BotPicker selected={selected} onChange={onChange} />\n      ) : (\n        <div className=\"flex items-center gap-1.5\">\n          {selected ? (\n            <>\n              <Bot className=\"w-3 h-3 text-accent/75 shrink-0\" strokeWidth={1.5} />\n              <span className=\"text-2xs text-text-secondary\">\n                Running as <span className=\"font-medium text-accent font-mono\">{selected}</span>\n              </span>\n            </>\n          ) : (\n            <>\n              <UserCircle className=\"w-3 h-3 text-accent/75 shrink-0\" strokeWidth={1.5} />\n              <span className=\"text-2xs text-text-secondary\">\n                Running as <span className=\"font-medium text-accent\">{user?.displayName || user?.userId || 'you'}</span>\n              </span>\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["RunAsSelector","selected","onChange","user","isSuperAdmin","hasRoleType","useAuth","isAdmin","jsx","BotPicker","jsxs","Fragment","Bot","UserCircle"],"mappings":"0LASO,SAASA,EAAc,CAAE,SAAAC,EAAU,SAAAC,GAAgC,CACxE,KAAM,CAAE,KAAAC,EAAM,aAAAC,EAAc,YAAAC,CAAA,EAAgBC,EAAA,EACtCC,EAAUH,GAAgBC,EAAY,OAAO,EAEnD,OACEG,EAAAA,IAAC,MAAA,CACE,SAAAD,EACCC,EAAAA,IAACC,EAAA,CAAU,SAAAR,EAAoB,SAAAC,CAAA,CAAoB,EAEnDM,EAAAA,IAAC,MAAA,CAAI,UAAU,4BACZ,WACCE,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAH,EAAAA,IAACI,EAAA,CAAI,UAAU,kCAAkC,YAAa,IAAK,EACnEF,EAAAA,KAAC,OAAA,CAAK,UAAU,+BAA+B,SAAA,CAAA,cAClCF,EAAAA,IAAC,OAAA,CAAK,UAAU,oCAAqC,SAAAP,CAAA,CAAS,CAAA,CAAA,CAC3E,CAAA,CAAA,CACF,EAEAS,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAACK,EAAA,CAAW,UAAU,kCAAkC,YAAa,IAAK,EAC1EH,EAAAA,KAAC,OAAA,CAAK,UAAU,+BAA+B,SAAA,CAAA,cAClCF,EAAAA,IAAC,QAAK,UAAU,0BAA2B,2BAAM,eAAeL,GAAA,YAAAA,EAAM,SAAU,KAAA,CAAM,CAAA,CAAA,CACnG,CAAA,CAAA,CACF,EAEJ,EAEJ,CAEJ"}

package/dashboard/dist/assets/StatCard-DBANWIss.js

@@ -0,0 +1,2 @@
+import{j as e}from"./vendor-query-B2UbickB.js";function l({label:c,value:x,sub:t,dotClass:r,colorClass:i="text-text-primary",onClick:s}){const a=e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[r&&e.jsx("span",{className:`w-2 h-2 rounded-full dot-ring ${r}`}),e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:c})]}),e.jsx("p",{className:`text-2xl font-light tabular-nums ${i}`,children:x}),t&&e.jsx("p",{className:"text-xs text-text-tertiary mt-1",children:t})]}),n="bg-surface-raised border border-surface-border rounded-md p-4 text-left";return s?e.jsx("button",{onClick:s,className:`${n} hover:border-accent/40 transition-colors`,children:a}):e.jsx("div",{className:n,children:a})}export{l as S};
+//# sourceMappingURL=StatCard-DBANWIss.js.map

package/dashboard/dist/assets/StatCard-DBANWIss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard-DBANWIss.js","sources":["../../src/components/common/data/StatCard.tsx"],"sourcesContent":["interface StatCardProps {\n  label: string;\n  value: string | number;\n  sub?: string;\n  dotClass?: string;\n  colorClass?: string;\n  onClick?: () => void;\n}\n\nexport function StatCard({\n  label,\n  value,\n  sub,\n  dotClass,\n  colorClass = 'text-text-primary',\n  onClick,\n}: StatCardProps) {\n  const content = (\n    <>\n      <div className=\"flex items-center gap-2 mb-1\">\n        {dotClass && <span className={`w-2 h-2 rounded-full dot-ring ${dotClass}`} />}\n        <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary\">\n          {label}\n        </p>\n      </div>\n      <p className={`text-2xl font-light tabular-nums ${colorClass}`}>{value}</p>\n      {sub && <p className=\"text-xs text-text-tertiary mt-1\">{sub}</p>}\n    </>\n  );\n\n  const base = 'bg-surface-raised border border-surface-border rounded-md p-4 text-left';\n\n  if (onClick) {\n    return (\n      <button onClick={onClick} className={`${base} hover:border-accent/40 transition-colors`}>\n        {content}\n      </button>\n    );\n  }\n\n  return <div className={base}>{content}</div>;\n}\n"],"names":["StatCard","label","value","sub","dotClass","colorClass","onClick","content","jsxs","Fragment","jsx","base"],"mappings":"+CASO,SAASA,EAAS,CACvB,MAAAC,EACA,MAAAC,EACA,IAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,oBACb,QAAAC,CACF,EAAkB,CAChB,MAAMC,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAD,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACZ,SAAA,CAAAJ,GAAYM,EAAAA,IAAC,OAAA,CAAK,UAAW,iCAAiCN,CAAQ,GAAI,EAC3EM,EAAAA,IAAC,IAAA,CAAE,UAAU,sEACV,SAAAT,CAAA,CACH,CAAA,EACF,QACC,IAAA,CAAE,UAAW,oCAAoCI,CAAU,GAAK,SAAAH,EAAM,EACtEC,GAAOO,EAAAA,IAAC,IAAA,CAAE,UAAU,kCAAmC,SAAAP,CAAA,CAAI,CAAA,EAC9D,EAGIQ,EAAO,0EAEb,OAAIL,QAEC,SAAA,CAAO,QAAAA,EAAkB,UAAW,GAAGK,CAAI,4CACzC,SAAAJ,CAAA,CACH,EAIGG,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,SAAAJ,EAAQ,CACxC"}

package/dashboard/dist/assets/StatusBadge-BbqghFMi.js

@@ -0,0 +1,2 @@
+import{j as t}from"./vendor-query-B2UbickB.js";const a={pending:"bg-status-pending-graphic",in_progress:"bg-status-active animate-pulse",completed:"bg-status-success-graphic",resolved:"bg-status-success-graphic",needs_intervention:"bg-status-error",failed:"bg-status-error",cancelled:"bg-status-error",expired:"bg-text-tertiary",draft:"bg-status-draft-graphic",deployed:"bg-status-active",active:"bg-status-success-graphic",archived:"bg-text-tertiary",connected:"bg-status-success-graphic",registered:"bg-status-pending-graphic",disconnected:"bg-text-tertiary",error:"bg-status-error"},n={pending:"Pending",in_progress:"In Progress",completed:"Completed",resolved:"Resolved",needs_intervention:"Needs Intervention",failed:"Failed",cancelled:"Cancelled",expired:"Expired",draft:"Draft",deployed:"Deployed",active:"Active",archived:"Archived",connected:"connected",registered:"registered",disconnected:"disconnected",error:"error"};function c({status:e}){const s=a[e]??"bg-status-pending",r=n[e]??e;return t.jsxs("span",{className:"inline-flex items-center gap-2",children:[t.jsx("span",{className:`w-2 h-2 rounded-full dot-ring ${s}`}),t.jsx("span",{className:"text-xs text-text-secondary",children:r})]})}export{c as S,a};
+//# sourceMappingURL=StatusBadge-BbqghFMi.js.map

package/dashboard/dist/assets/StatusBadge-BbqghFMi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge-BbqghFMi.js","sources":["../../src/components/common/display/StatusBadge.tsx"],"sourcesContent":["import type { LTTaskStatus, LTEscalationStatus } from '../../../api/types';\n\ntype Status = LTTaskStatus | LTEscalationStatus | string;\n\n/** Status → dot background class, for bare outlined-dot status indicators.\n * Dots use the -graphic status variants: brighter hues sized for 3:1 graphic\n * contrast, while text-status-* stays on the darker text-safe values. */\nexport const STATUS_DOT_STYLES: Record<string, string> = {\n  pending: 'bg-status-pending-graphic',\n  in_progress: 'bg-status-active animate-pulse',\n  completed: 'bg-status-success-graphic',\n  resolved: 'bg-status-success-graphic',\n  needs_intervention: 'bg-status-error',\n  failed: 'bg-status-error',\n  cancelled: 'bg-status-error',\n  expired: 'bg-text-tertiary',\n  draft: 'bg-status-draft-graphic',\n  deployed: 'bg-status-active',\n  active: 'bg-status-success-graphic',\n  archived: 'bg-text-tertiary',\n  connected: 'bg-status-success-graphic',\n  registered: 'bg-status-pending-graphic',\n  disconnected: 'bg-text-tertiary',\n  error: 'bg-status-error',\n};\n\nconst statusLabels: Record<string, string> = {\n  pending: 'Pending',\n  in_progress: 'In Progress',\n  completed: 'Completed',\n  resolved: 'Resolved',\n  needs_intervention: 'Needs Intervention',\n  failed: 'Failed',\n  cancelled: 'Cancelled',\n  expired: 'Expired',\n  draft: 'Draft',\n  deployed: 'Deployed',\n  active: 'Active',\n  archived: 'Archived',\n  connected: 'connected',\n  registered: 'registered',\n  disconnected: 'disconnected',\n  error: 'error',\n};\n\nexport function StatusBadge({ status }: { status: Status }) {\n  const dotClass = STATUS_DOT_STYLES[status] ?? 'bg-status-pending';\n  const label = statusLabels[status] ?? status;\n\n  return (\n    <span className=\"inline-flex items-center gap-2\">\n      <span className={`w-2 h-2 rounded-full dot-ring ${dotClass}`} />\n      <span className=\"text-xs text-text-secondary\">{label}</span>\n    </span>\n  );\n}\n"],"names":["STATUS_DOT_STYLES","statusLabels","StatusBadge","status","dotClass","label","jsxs","jsx"],"mappings":"+CAOO,MAAMA,EAA4C,CACvD,QAAS,4BACT,YAAa,iCACb,UAAW,4BACX,SAAU,4BACV,mBAAoB,kBACpB,OAAQ,kBACR,UAAW,kBACX,QAAS,mBACT,MAAO,0BACP,SAAU,mBACV,OAAQ,4BACR,SAAU,mBACV,UAAW,4BACX,WAAY,4BACZ,aAAc,mBACd,MAAO,iBACT,EAEMC,EAAuC,CAC3C,QAAS,UACT,YAAa,cACb,UAAW,YACX,SAAU,WACV,mBAAoB,qBACpB,OAAQ,SACR,UAAW,YACX,QAAS,UACT,MAAO,QACP,SAAU,WACV,OAAQ,SACR,SAAU,WACV,UAAW,YACX,WAAY,aACZ,aAAc,eACd,MAAO,OACT,EAEO,SAASC,EAAY,CAAE,OAAAC,GAA8B,CAC1D,MAAMC,EAAWJ,EAAkBG,CAAM,GAAK,oBACxCE,EAAQJ,EAAaE,CAAM,GAAKA,EAEtC,OACEG,EAAAA,KAAC,OAAA,CAAK,UAAU,iCACd,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAW,iCAAiCH,CAAQ,GAAI,EAC9DG,EAAAA,IAAC,OAAA,CAAK,UAAU,8BAA+B,SAAAF,CAAA,CAAM,CAAA,EACvD,CAEJ"}

package/dashboard/dist/assets/{StickyPagination-Cd83AHd_.js → StickyPagination-BTGfmGV3.js}

@@ -1,2 +1,2 @@
-import{j as t}from"./vendor-query-B2UbickB.js";import{a9 as l}from"./index-DIgiIoou.js";const d=[10,25,50,100];function m({page:s,totalPages:r,onPageChange:i,total:n,pageSize:c,onPageSizeChange:a}){if(n===0)return null;const o=(s-1)*c+1,x=Math.min(s*c,n);return t.jsxs("div",{className:"flex items-center justify-between pt-4",children:[t.jsxs("div",{className:"flex items-center gap-4",children:[t.jsxs("p",{className:"text-xs text-text-tertiary",children:[l(o),"–",l(x)," of ",l(n)]}),a&&t.jsx("select",{value:c,onChange:e=>a(parseInt(e.target.value)),className:"select text-xs py-1",children:d.map(e=>t.jsxs("option",{value:e,children:[e," / page"]},e))})]}),r>1&&t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("button",{onClick:()=>i(s-1),disabled:s<=1,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed",children:"Previous"}),t.jsxs("span",{className:"px-3 text-xs text-text-secondary",children:[s," / ",r]}),t.jsx("button",{onClick:()=>i(s+1),disabled:s>=r,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed",children:"Next"})]})]})}function f(s){return s.total===0?null:t.jsx("div",{className:"sticky bottom-0 z-20 bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-10 px-10 pt-2 pb-4",children:t.jsx(m,{...s})})}export{f as S};
-//# sourceMappingURL=StickyPagination-Cd83AHd_.js.map
+import{j as t}from"./vendor-query-B2UbickB.js";import{aa as c}from"./index-C-8xXyvr.js";const d=[10,25,50,100];function m({page:s,totalPages:r,onPageChange:l,total:n,pageSize:a,onPageSizeChange:i}){if(n===0)return null;const x=(s-1)*a+1,o=Math.min(s*a,n);return t.jsxs("div",{className:"flex items-center justify-between pt-4",children:[t.jsxs("div",{className:"flex items-center gap-4",children:[t.jsxs("p",{className:"text-xs text-text-tertiary",children:[c(x),"–",c(o)," of ",c(n)]}),i&&t.jsx("select",{value:a,onChange:e=>i(parseInt(e.target.value)),className:"select text-xs py-1",children:d.map(e=>t.jsxs("option",{value:e,children:[e," / page"]},e))})]}),r>1&&t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("button",{onClick:()=>l(s-1),disabled:s<=1,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed",children:"Previous"}),t.jsxs("span",{className:"px-3 text-xs text-text-secondary",children:[s," / ",r]}),t.jsx("button",{onClick:()=>l(s+1),disabled:s>=r,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed",children:"Next"})]})]})}function f(s){return s.total===0?null:t.jsx("div",{className:"sticky bottom-0 z-20 bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-page-x px-page-x pt-2 pb-4",children:t.jsx(m,{...s})})}export{f as S};
+//# sourceMappingURL=StickyPagination-BTGfmGV3.js.map

package/dashboard/dist/assets/{StickyPagination-Cd83AHd_.js.map → StickyPagination-BTGfmGV3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StickyPagination-Cd83AHd_.js","sources":["../../src/components/common/data/Pagination.tsx","../../src/components/common/data/StickyPagination.tsx"],"sourcesContent":["import { formatCount } from '../../../lib/format';\n\nconst PAGE_SIZE_OPTIONS = [10, 25, 50, 100];\n\ninterface PaginationProps {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  total: number;\n  pageSize: number;\n  onPageSizeChange?: (size: number) => void;\n}\n\nexport function Pagination({\n  page,\n  totalPages,\n  onPageChange,\n  total,\n  pageSize,\n  onPageSizeChange,\n}: PaginationProps) {\n  if (total === 0) return null;\n\n  const start = (page - 1) * pageSize + 1;\n  const end = Math.min(page * pageSize, total);\n\n  return (\n    <div className=\"flex items-center justify-between pt-4\">\n      <div className=\"flex items-center gap-4\">\n        <p className=\"text-xs text-text-tertiary\">\n          {formatCount(start)}&ndash;{formatCount(end)} of {formatCount(total)}\n        </p>\n        {onPageSizeChange && (\n          <select\n            value={pageSize}\n            onChange={(e) => onPageSizeChange(parseInt(e.target.value))}\n            className=\"select text-xs py-1\"\n          >\n            {PAGE_SIZE_OPTIONS.map((size) => (\n              <option key={size} value={size}>\n                {size} / page\n              </option>\n            ))}\n          </select>\n        )}\n      </div>\n      {totalPages > 1 && (\n        <div className=\"flex items-center gap-1\">\n          <button\n            onClick={() => onPageChange(page - 1)}\n            disabled={page <= 1}\n            className=\"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed\"\n          >\n            Previous\n          </button>\n          <span className=\"px-3 text-xs text-text-secondary\">\n            {page} / {totalPages}\n          </span>\n          <button\n            onClick={() => onPageChange(page + 1)}\n            disabled={page >= totalPages}\n            className=\"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed\"\n          >\n            Next\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { Pagination } from './Pagination';\n\ninterface StickyPaginationProps {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  total: number;\n  pageSize: number;\n  onPageSizeChange?: (size: number) => void;\n}\n\nexport function StickyPagination(props: StickyPaginationProps) {\n  if (props.total === 0) return null;\n\n  return (\n    <div className=\"sticky bottom-0 z-20 bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-10 px-10 pt-2 pb-4\">\n      <Pagination {...props} />\n    </div>\n  );\n}\n"],"names":["PAGE_SIZE_OPTIONS","Pagination","page","totalPages","onPageChange","total","pageSize","onPageSizeChange","start","end","jsxs","formatCount","jsx","size","StickyPagination","props"],"mappings":"wFAEA,MAAMA,EAAoB,CAAC,GAAI,GAAI,GAAI,GAAG,EAWnC,SAASC,EAAW,CACzB,KAAAC,EACA,WAAAC,EACA,aAAAC,EACA,MAAAC,EACA,SAAAC,EACA,iBAAAC,CACF,EAAoB,CAClB,GAAIF,IAAU,EAAG,OAAO,KAExB,MAAMG,GAASN,EAAO,GAAKI,EAAW,EAChCG,EAAM,KAAK,IAAIP,EAAOI,EAAUD,CAAK,EAE3C,OACEK,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAA,EAAAA,KAAC,IAAA,CAAE,UAAU,6BACV,SAAA,CAAAC,EAAYH,CAAK,EAAE,IAAQG,EAAYF,CAAG,EAAE,OAAKE,EAAYN,CAAK,CAAA,EACrE,EACCE,GACCK,EAAAA,IAAC,SAAA,CACC,MAAON,EACP,SAAW,GAAMC,EAAiB,SAAS,EAAE,OAAO,KAAK,CAAC,EAC1D,UAAU,sBAET,WAAkB,IAAKM,GACtBH,OAAC,SAAA,CAAkB,MAAOG,EACvB,SAAA,CAAAA,EAAK,SAAA,CAAA,EADKA,CAEb,CACD,CAAA,CAAA,CACH,EAEJ,EACCV,EAAa,GACZO,OAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAE,EAAAA,IAAC,SAAA,CACC,QAAS,IAAMR,EAAaF,EAAO,CAAC,EACpC,SAAUA,GAAQ,EAClB,UAAU,oEACX,SAAA,UAAA,CAAA,EAGDQ,EAAAA,KAAC,OAAA,CAAK,UAAU,mCACb,SAAA,CAAAR,EAAK,MAAIC,CAAA,EACZ,EACAS,EAAAA,IAAC,SAAA,CACC,QAAS,IAAMR,EAAaF,EAAO,CAAC,EACpC,SAAUA,GAAQC,EAClB,UAAU,oEACX,SAAA,MAAA,CAAA,CAED,CAAA,CACF,CAAA,EAEJ,CAEJ,CC1DO,SAASW,EAAiBC,EAA8B,CAC7D,OAAIA,EAAM,QAAU,EAAU,KAG5BH,MAAC,OAAI,UAAU,4GACb,eAACX,EAAA,CAAY,GAAGc,EAAO,CAAA,CACzB,CAEJ"}
+{"version":3,"file":"StickyPagination-BTGfmGV3.js","sources":["../../src/components/common/data/Pagination.tsx","../../src/components/common/data/StickyPagination.tsx"],"sourcesContent":["import { formatCount } from '../../../lib/format';\n\nconst PAGE_SIZE_OPTIONS = [10, 25, 50, 100];\n\ninterface PaginationProps {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  total: number;\n  pageSize: number;\n  onPageSizeChange?: (size: number) => void;\n}\n\nexport function Pagination({\n  page,\n  totalPages,\n  onPageChange,\n  total,\n  pageSize,\n  onPageSizeChange,\n}: PaginationProps) {\n  if (total === 0) return null;\n\n  const start = (page - 1) * pageSize + 1;\n  const end = Math.min(page * pageSize, total);\n\n  return (\n    <div className=\"flex items-center justify-between pt-4\">\n      <div className=\"flex items-center gap-4\">\n        <p className=\"text-xs text-text-tertiary\">\n          {formatCount(start)}&ndash;{formatCount(end)} of {formatCount(total)}\n        </p>\n        {onPageSizeChange && (\n          <select\n            value={pageSize}\n            onChange={(e) => onPageSizeChange(parseInt(e.target.value))}\n            className=\"select text-xs py-1\"\n          >\n            {PAGE_SIZE_OPTIONS.map((size) => (\n              <option key={size} value={size}>\n                {size} / page\n              </option>\n            ))}\n          </select>\n        )}\n      </div>\n      {totalPages > 1 && (\n        <div className=\"flex items-center gap-1\">\n          <button\n            onClick={() => onPageChange(page - 1)}\n            disabled={page <= 1}\n            className=\"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed\"\n          >\n            Previous\n          </button>\n          <span className=\"px-3 text-xs text-text-secondary\">\n            {page} / {totalPages}\n          </span>\n          <button\n            onClick={() => onPageChange(page + 1)}\n            disabled={page >= totalPages}\n            className=\"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed\"\n          >\n            Next\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { Pagination } from './Pagination';\n\ninterface StickyPaginationProps {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  total: number;\n  pageSize: number;\n  onPageSizeChange?: (size: number) => void;\n}\n\nexport function StickyPagination(props: StickyPaginationProps) {\n  if (props.total === 0) return null;\n\n  return (\n    <div className=\"sticky bottom-0 z-20 bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-page-x px-page-x pt-2 pb-4\">\n      <Pagination {...props} />\n    </div>\n  );\n}\n"],"names":["PAGE_SIZE_OPTIONS","Pagination","page","totalPages","onPageChange","total","pageSize","onPageSizeChange","start","end","jsxs","formatCount","jsx","size","StickyPagination","props"],"mappings":"wFAEA,MAAMA,EAAoB,CAAC,GAAI,GAAI,GAAI,GAAG,EAWnC,SAASC,EAAW,CACzB,KAAAC,EACA,WAAAC,EACA,aAAAC,EACA,MAAAC,EACA,SAAAC,EACA,iBAAAC,CACF,EAAoB,CAClB,GAAIF,IAAU,EAAG,OAAO,KAExB,MAAMG,GAASN,EAAO,GAAKI,EAAW,EAChCG,EAAM,KAAK,IAAIP,EAAOI,EAAUD,CAAK,EAE3C,OACEK,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAA,EAAAA,KAAC,IAAA,CAAE,UAAU,6BACV,SAAA,CAAAC,EAAYH,CAAK,EAAE,IAAQG,EAAYF,CAAG,EAAE,OAAKE,EAAYN,CAAK,CAAA,EACrE,EACCE,GACCK,EAAAA,IAAC,SAAA,CACC,MAAON,EACP,SAAW,GAAMC,EAAiB,SAAS,EAAE,OAAO,KAAK,CAAC,EAC1D,UAAU,sBAET,WAAkB,IAAKM,GACtBH,OAAC,SAAA,CAAkB,MAAOG,EACvB,SAAA,CAAAA,EAAK,SAAA,CAAA,EADKA,CAEb,CACD,CAAA,CAAA,CACH,EAEJ,EACCV,EAAa,GACZO,OAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAE,EAAAA,IAAC,SAAA,CACC,QAAS,IAAMR,EAAaF,EAAO,CAAC,EACpC,SAAUA,GAAQ,EAClB,UAAU,oEACX,SAAA,UAAA,CAAA,EAGDQ,EAAAA,KAAC,OAAA,CAAK,UAAU,mCACb,SAAA,CAAAR,EAAK,MAAIC,CAAA,EACZ,EACAS,EAAAA,IAAC,SAAA,CACC,QAAS,IAAMR,EAAaF,EAAO,CAAC,EACpC,SAAUA,GAAQC,EAClB,UAAU,oEACX,SAAA,MAAA,CAAA,CAED,CAAA,CACF,CAAA,EAEJ,CAEJ,CC1DO,SAASW,EAAiBC,EAA8B,CAC7D,OAAIA,EAAM,QAAU,EAAU,KAG5BH,MAAC,OAAI,UAAU,oHACb,eAACX,EAAA,CAAY,GAAGc,EAAO,CAAA,CACzB,CAEJ"}

package/dashboard/dist/assets/StreamMessageDetail-DqRpzA_6.js

@@ -0,0 +1,2 @@
+import{u as i,j as a}from"./vendor-query-B2UbickB.js";import{d as c,S as n,J as o,b as x}from"./index-C-8xXyvr.js";import{A as u}from"./vendor-icons-DKCAtTJ9.js";function j(e){const t=new URLSearchParams;return t.set("namespace",e.namespace),t.set("source",e.source),e.limit&&t.set("limit",String(e.limit)),e.offset&&t.set("offset",String(e.offset)),e.sort_by&&t.set("sort_by",e.sort_by),e.order&&t.set("order",e.order),e.status&&t.set("status",e.status),e.stream_name&&t.set("stream_name",e.stream_name),e.msg_type&&t.set("msg_type",e.msg_type),e.topic&&t.set("topic",e.topic),e.workflow_name&&t.set("workflow_name",e.workflow_name),e.jid&&t.set("jid",e.jid),e.aid&&t.set("aid",e.aid),e.dad&&t.set("dad",e.dad),c(`/controlplane/stream-messages?${t}`)}function _(e,t){return i({queryKey:["controlplane","stream-messages",e],queryFn:()=>j(e),enabled:!!e.namespace&&((t==null?void 0:t.enabled)??!0),staleTime:15e3})}const b={pending:"bg-text-tertiary",claimed:"bg-status-warning",processed:"bg-status-success",dead_lettered:"bg-status-error"},y={pending:"Pending",claimed:"Claimed",processed:"Processed",dead_lettered:"Dead Lettered"},m="inline-block px-1.5 py-0.5 text-2xs font-mono rounded bg-surface-sunken text-text-secondary",N=[{value:"pending",label:"Pending"},{value:"claimed",label:"Claimed"},{value:"processed",label:"Processed"},{value:"dead_lettered",label:"Dead Lettered"}],S=[{value:"engine",label:"Engine"},{value:"worker",label:"Worker"}];function d({label:e,value:t}){return t?a.jsxs("div",{children:[a.jsx("span",{className:"text-text-tertiary",children:e}),a.jsx("div",{className:"mt-0.5",children:a.jsx(x,{date:t,format:"datetime"})})]}):null}function r({label:e,value:t}){return t?a.jsxs("div",{children:[a.jsx("span",{className:"text-text-tertiary",children:e}),a.jsx("p",{className:"text-xs text-text-primary font-mono break-all",children:t})]}):null}function l({label:e,value:t,onFilter:s}){return t?a.jsxs("div",{children:[a.jsx("span",{className:"text-text-tertiary",children:e}),a.jsxs("button",{onClick:()=>s==null?void 0:s(t),className:"flex items-center gap-1 group text-left w-full",title:`Filter by ${e.toLowerCase()}: ${t}`,children:[a.jsx("p",{className:"text-xs text-text-primary font-mono break-all group-hover:text-accent transition-colors",children:t}),a.jsx(u,{className:"w-2.5 h-2.5 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity"})]})]}):null}function g({message:e,filters:t}){return e?a.jsxs("div",{className:"space-y-5 text-2xs",children:[a.jsxs("div",{children:[a.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[a.jsx("span",{className:`w-2 h-2 rounded-full dot-ring shrink-0 ${b[e.status]}`}),a.jsx(l,{label:"",value:y[e.status],onFilter:()=>{var s;return(s=t==null?void 0:t.onFilterStatus)==null?void 0:s.call(t,e.status)}}),a.jsx("span",{className:m,children:e.source})]}),a.jsx(l,{label:"",value:e.stream_name,onFilter:()=>{var s;return(s=t==null?void 0:t.onFilterStreamName)==null?void 0:s.call(t,e.stream_name)}}),a.jsxs("p",{className:"text-2xs text-text-tertiary mt-0.5",children:["ID: ",e.id]})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Timestamps"}),a.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[a.jsx(d,{label:"Created",value:e.created_at}),a.jsx(d,{label:"Reserved",value:e.reserved_at}),a.jsx(d,{label:"Processed",value:e.expired_at}),a.jsx(d,{label:"Dead-lettered",value:e.dead_lettered_at})]})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Metadata"}),a.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[a.jsx(r,{label:"Priority",value:String(e.priority)}),a.jsx(r,{label:"Retries",value:`${e.retry_attempt} / ${e.max_retry_attempts}`}),a.jsx(r,{label:"Reserved by",value:e.reserved_by})]})]}),e.jid&&a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Job"}),a.jsx("div",{className:"grid grid-cols-1 gap-2",children:a.jsx(l,{label:"Job ID",value:e.jid,onFilter:t==null?void 0:t.onFilterJid})})]}),e.source==="worker"&&a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Worker Details"}),a.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[a.jsx(l,{label:"Workflow",value:e.workflow_name,onFilter:t==null?void 0:t.onFilterWorkflow}),a.jsx(l,{label:"Activity",value:e.aid,onFilter:t==null?void 0:t.onFilterAid}),a.jsx(r,{label:"Dimension",value:e.dad}),a.jsx(l,{label:"Type",value:e.msg_type,onFilter:t==null?void 0:t.onFilterMsgType}),a.jsx(l,{label:"Topic",value:e.topic,onFilter:t==null?void 0:t.onFilterTopic})]})]}),a.jsx("div",{className:"space-y-2",children:a.jsx(o,{data:e.message,label:"Payload",defaultCollapsed:!1})})]}):null}export{g as S,S as a,N as b,y as c,b as d,m as e,_ as u};
+//# sourceMappingURL=StreamMessageDetail-DqRpzA_6.js.map

package/dashboard/dist/assets/StreamMessageDetail-DqRpzA_6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamMessageDetail-DqRpzA_6.js","sources":["../../src/api/stream-messages.ts","../../src/pages/admin/streams/constants.ts","../../src/pages/admin/streams/StreamMessageDetail.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { apiFetch } from './client';\n\n// ── Types ───────────────────────────────────────────────────────────────────\n\nexport type StreamMessageStatus = 'pending' | 'claimed' | 'processed' | 'dead_lettered';\nexport type StreamMessageSource = 'engine' | 'worker';\n\nexport interface StreamMessage {\n  id: string;\n  source: StreamMessageSource;\n  stream_name: string;\n  message: string;\n  status: StreamMessageStatus;\n  created_at: string;\n  reserved_at: string | null;\n  reserved_by: string | null;\n  expired_at: string | null;\n  dead_lettered_at: string | null;\n  priority: number;\n  visible_at: string | null;\n  retry_attempt: number;\n  max_retry_attempts: number;\n  workflow_name: string | null;\n  jid: string | null;\n  aid: string | null;\n  dad: string | null;\n  msg_type: string | null;\n  topic: string | null;\n}\n\nexport interface StreamMessagesResponse {\n  messages: StreamMessage[];\n  total: number;\n}\n\nexport interface StreamMessagesParams {\n  namespace: string;\n  source: StreamMessageSource;\n  limit?: number;\n  offset?: number;\n  sort_by?: string;\n  order?: 'asc' | 'desc';\n  status?: StreamMessageStatus | '';\n  stream_name?: string;\n  msg_type?: string;\n  topic?: string;\n  workflow_name?: string;\n  jid?: string;\n  aid?: string;\n  dad?: string;\n}\n\n// ── Fetch ───────────────────────────────────────────────────────────────────\n\nfunction fetchStreamMessages(params: StreamMessagesParams) {\n  const qs = new URLSearchParams();\n  qs.set('namespace', params.namespace);\n  qs.set('source', params.source);\n  if (params.limit) qs.set('limit', String(params.limit));\n  if (params.offset) qs.set('offset', String(params.offset));\n  if (params.sort_by) qs.set('sort_by', params.sort_by);\n  if (params.order) qs.set('order', params.order);\n  if (params.status) qs.set('status', params.status);\n  if (params.stream_name) qs.set('stream_name', params.stream_name);\n  if (params.msg_type) qs.set('msg_type', params.msg_type);\n  if (params.topic) qs.set('topic', params.topic);\n  if (params.workflow_name) qs.set('workflow_name', params.workflow_name);\n  if (params.jid) qs.set('jid', params.jid);\n  if (params.aid) qs.set('aid', params.aid);\n  if (params.dad) qs.set('dad', params.dad);\n  return apiFetch<StreamMessagesResponse>(`/controlplane/stream-messages?${qs}`);\n}\n\n// ── Hook ────────────────────────────────────────────────────────────────────\n\nexport function useStreamMessages(params: StreamMessagesParams, options?: { enabled?: boolean }) {\n  return useQuery({\n    queryKey: ['controlplane', 'stream-messages', params],\n    queryFn: () => fetchStreamMessages(params),\n    enabled: !!params.namespace && (options?.enabled ?? true),\n    staleTime: 15_000,\n  });\n}\n","import type { StreamMessageStatus } from '../../../api/stream-messages';\n\nexport const STATUS_DOT: Record<StreamMessageStatus, string> = {\n  pending: 'bg-text-tertiary',\n  claimed: 'bg-status-warning',\n  processed: 'bg-status-success',\n  dead_lettered: 'bg-status-error',\n};\n\nexport const STATUS_LABEL: Record<StreamMessageStatus, string> = {\n  pending: 'Pending',\n  claimed: 'Claimed',\n  processed: 'Processed',\n  dead_lettered: 'Dead Lettered',\n};\n\nexport const SOURCE_BADGE =\n  'inline-block px-1.5 py-0.5 text-2xs font-mono rounded bg-surface-sunken text-text-secondary';\n\nexport const STATUS_OPTIONS = [\n  { value: 'pending', label: 'Pending' },\n  { value: 'claimed', label: 'Claimed' },\n  { value: 'processed', label: 'Processed' },\n  { value: 'dead_lettered', label: 'Dead Lettered' },\n];\n\nexport const SOURCE_OPTIONS = [\n  { value: 'engine', label: 'Engine' },\n  { value: 'worker', label: 'Worker' },\n];\n","import { Filter } from 'lucide-react';\nimport type { StreamMessage } from '../../../api/stream-messages';\nimport { SectionLabel } from '../../../components/common/layout/SectionLabel';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport { STATUS_DOT, STATUS_LABEL, SOURCE_BADGE } from './constants';\n\nfunction Timestamp({ label, value }: { label: string; value: string | null }) {\n  if (!value) return null;\n  return (\n    <div>\n      <span className=\"text-text-tertiary\">{label}</span>\n      <div className=\"mt-0.5\">\n        <DateValue date={value} format=\"datetime\" />\n      </div>\n    </div>\n  );\n}\n\nfunction Field({ label, value }: { label: string; value: string | null | undefined }) {\n  if (!value) return null;\n  return (\n    <div>\n      <span className=\"text-text-tertiary\">{label}</span>\n      <p className=\"text-xs text-text-primary font-mono break-all\">{value}</p>\n    </div>\n  );\n}\n\n/** A field value that can be clicked to filter the master list. */\nfunction FilterableField({ label, value, onFilter }: {\n  label: string;\n  value: string | null | undefined;\n  onFilter?: (value: string) => void;\n}) {\n  if (!value) return null;\n  return (\n    <div>\n      <span className=\"text-text-tertiary\">{label}</span>\n      <button\n        onClick={() => onFilter?.(value)}\n        className=\"flex items-center gap-1 group text-left w-full\"\n        title={`Filter by ${label.toLowerCase()}: ${value}`}\n      >\n        <p className=\"text-xs text-text-primary font-mono break-all group-hover:text-accent transition-colors\">{value}</p>\n        <Filter className=\"w-2.5 h-2.5 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity\" />\n      </button>\n    </div>\n  );\n}\n\nexport interface StreamMessageDetailFilters {\n  onFilterStatus?: (value: string) => void;\n  onFilterStreamName?: (value: string) => void;\n  onFilterMsgType?: (value: string) => void;\n  onFilterTopic?: (value: string) => void;\n  onFilterWorkflow?: (value: string) => void;\n  onFilterJid?: (value: string) => void;\n  onFilterAid?: (value: string) => void;\n}\n\n/**\n * Standard stream message detail view.\n *\n * This component is the canonical representation of a stream message.\n * Reuse it wherever stream messages need to be displayed — the layout,\n * timestamp formatting (via DateValue with ms/UTC/local tooltip), and\n * payload viewer are the standard.\n */\nexport function StreamMessageDetail({ message, filters }: {\n  message: StreamMessage | null;\n  filters?: StreamMessageDetailFilters;\n}) {\n  if (!message) return null;\n\n  return (\n    <div className=\"space-y-5 text-2xs\">\n      {/* Header */}\n      <div>\n        <div className=\"flex items-center gap-2 mb-1\">\n          <span className={`w-2 h-2 rounded-full dot-ring shrink-0 ${STATUS_DOT[message.status]}`} />\n          <FilterableField\n            label=\"\"\n            value={STATUS_LABEL[message.status]}\n            onFilter={() => filters?.onFilterStatus?.(message.status)}\n          />\n          <span className={SOURCE_BADGE}>{message.source}</span>\n        </div>\n        <FilterableField\n          label=\"\"\n          value={message.stream_name}\n          onFilter={() => filters?.onFilterStreamName?.(message.stream_name)}\n        />\n        <p className=\"text-2xs text-text-tertiary mt-0.5\">ID: {message.id}</p>\n      </div>\n\n      {/* Timestamps */}\n      <div className=\"space-y-2\">\n        <SectionLabel>Timestamps</SectionLabel>\n        <div className=\"grid grid-cols-1 gap-2\">\n          <Timestamp label=\"Created\" value={message.created_at} />\n          <Timestamp label=\"Reserved\" value={message.reserved_at} />\n          <Timestamp label=\"Processed\" value={message.expired_at} />\n          <Timestamp label=\"Dead-lettered\" value={message.dead_lettered_at} />\n        </div>\n      </div>\n\n      {/* Metadata */}\n      <div className=\"space-y-2\">\n        <SectionLabel>Metadata</SectionLabel>\n        <div className=\"grid grid-cols-2 gap-2\">\n          <Field label=\"Priority\" value={String(message.priority)} />\n          <Field label=\"Retries\" value={`${message.retry_attempt} / ${message.max_retry_attempts}`} />\n          <Field label=\"Reserved by\" value={message.reserved_by} />\n        </div>\n      </div>\n\n      {/* Job ID — available on both engine and worker streams */}\n      {message.jid && (\n        <div className=\"space-y-2\">\n          <SectionLabel>Job</SectionLabel>\n          <div className=\"grid grid-cols-1 gap-2\">\n            <FilterableField label=\"Job ID\" value={message.jid} onFilter={filters?.onFilterJid} />\n          </div>\n        </div>\n      )}\n\n      {/* Worker-specific fields — clickable to filter */}\n      {message.source === 'worker' && (\n        <div className=\"space-y-2\">\n          <SectionLabel>Worker Details</SectionLabel>\n          <div className=\"grid grid-cols-1 gap-2\">\n            <FilterableField label=\"Workflow\" value={message.workflow_name} onFilter={filters?.onFilterWorkflow} />\n            <FilterableField label=\"Activity\" value={message.aid} onFilter={filters?.onFilterAid} />\n            <Field label=\"Dimension\" value={message.dad} />\n            <FilterableField label=\"Type\" value={message.msg_type} onFilter={filters?.onFilterMsgType} />\n            <FilterableField label=\"Topic\" value={message.topic} onFilter={filters?.onFilterTopic} />\n          </div>\n        </div>\n      )}\n\n      {/* Message payload — fully expanded by default */}\n      <div className=\"space-y-2\">\n        <JsonViewer data={message.message} label=\"Payload\" defaultCollapsed={false} />\n      </div>\n    </div>\n  );\n}\n"],"names":["fetchStreamMessages","params","qs","apiFetch","useStreamMessages","options","useQuery","STATUS_DOT","STATUS_LABEL","SOURCE_BADGE","STATUS_OPTIONS","SOURCE_OPTIONS","Timestamp","label","value","jsx","DateValue","Field","FilterableField","onFilter","jsxs","Filter","StreamMessageDetail","message","filters","_a","SectionLabel","JsonViewer"],"mappings":"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"}