@hotmeshio/long-tail 0.10.8 → 0.10.10

package/dashboard/dist/assets/McpQueryPage-CqFkBwBR.js

@@ -1,2 +0,0 @@
-import{j as e}from"./vendor-query-B2UbickB.js";import{P as j}from"./PageHeader-DlcE3U5L.js";import{D as _}from"./DataTable-BTu2AaEl.js";import{F as v,b as f}from"./FilterBar-CeXwNVn6.js";import{S as P}from"./StickyPagination-BI8tDf2V.js";import{L as N}from"./ListToolbar-Dx6DuFdR.js";import{b as C}from"./api-path-u2Jf9QXS.js";import{T as h}from"./TimestampCell-DG__Gr-e.js";import{E as $}from"./ElapsedCell-Cflz7Pb5.js";import{W}from"./WorkflowPill-DlSVXnnj.js";import{E as S}from"./EmptyState-BcsfPq9T.js";import{R as c}from"./RowActions-BA9L9djf.js";import{u as q}from"./useFilterParams-CvRyYHJN.js";import{b as T}from"./useEventHooks-D8bVEx-w.js";import{u as D}from"./mcp-query-DT0SCB9l.js";import{j as y,A as B,H as g,J as k,K as F,O as L}from"./vendor-icons-BE_WrH2z.js";import{a as M}from"./vendor-react-BpdAFEQc.js";import"./index-CKxFjMtw.js";const E={in_progress:"bg-status-active",completed:"bg-status-success",failed:"bg-status-error"};function p(s){return s.status==="completed"||Number(s.status)===0?"completed":s.is_live?"in_progress":"failed"}function R(s){return[{key:"workflow_id",label:"Workflow ID / Type",render:t=>{const o=p(t),a=E[o]??"bg-status-pending",l=o==="in_progress"?" animate-pulse":"";return e.jsxs("div",{className:"flex items-start gap-2 min-w-0",children:[e.jsx("span",{className:`w-[9px] h-[9px] shrink-0 rounded-full dot-ring mt-1 ${a}${l}`,title:o}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:"font-mono text-xs text-text-primary truncate block",children:t.workflow_id}),e.jsx("div",{className:"mt-0.5",children:e.jsx(W,{type:t.entity||"unknown"})})]})]})}},{key:"created_at",label:"Created",render:t=>e.jsx(h,{date:t.created_at}),className:"w-40",sortable:!0},{key:"updated_at",label:"Updated",render:t=>e.jsx(h,{date:t.updated_at}),className:"w-40",sortable:!0},{key:"duration",label:"Duration",render:t=>{const o=p(t);return e.jsx($,{startDate:t.created_at,endDate:o==="in_progress"?null:t.updated_at,isLive:o==="in_progress"})},className:"w-28"},{key:"actions",label:"",className:"w-28",render:t=>{const a=p(t)==="completed",l=t.entity==="mcpWorkflowBuilder";if(t.entity==="mcpWorkflowPlanner"){const r=t.set_id?`/mcp/queries/${t.workflow_id}?mode=plan&set_id=${t.set_id}`:`/mcp/queries/${t.workflow_id}?mode=plan`;return e.jsxs(c,{children:[e.jsx("button",{onClick:n=>{n.stopPropagation(),s(`${r}&step=1`)},className:"opacity-0 group-hover/row:opacity-100 text-text-tertiary hover:text-accent transition-all",title:"Plan",children:e.jsx(B,{className:"w-3.5 h-3.5",strokeWidth:1.5})}),e.jsx("button",{onClick:n=>{n.stopPropagation(),s(`${r}&step=2`)},className:`opacity-0 group-hover/row:opacity-100 transition-all ${a?"text-text-tertiary hover:text-status-success":"text-text-tertiary/30 cursor-not-allowed"}`,title:a?"Build":"Planning...",disabled:!a,children:e.jsx(g,{className:"w-3.5 h-3.5",strokeWidth:1.5})})]})}return l?e.jsxs(c,{children:[e.jsx("button",{onClick:r=>{r.stopPropagation(),s(`/mcp/queries/${t.workflow_id}?mode=builder&step=1`)},className:"opacity-0 group-hover/row:opacity-100 text-text-tertiary hover:text-accent transition-all",title:"Describe",children:e.jsx(k,{className:"w-3.5 h-3.5",strokeWidth:1.5})}),e.jsx("button",{onClick:r=>{r.stopPropagation(),s(`/mcp/queries/${t.workflow_id}?mode=builder&step=2`)},className:`opacity-0 group-hover/row:opacity-100 transition-all ${a?"text-text-tertiary hover:text-status-success":"text-text-tertiary/30 cursor-not-allowed"}`,title:a?"Profile":"Building...",disabled:!a,children:e.jsx(F,{className:"w-3.5 h-3.5",strokeWidth:1.5})})]}):e.jsxs(c,{children:[e.jsx("button",{onClick:r=>{r.stopPropagation(),s(`/mcp/queries/${t.workflow_id}?step=1`)},className:"opacity-0 group-hover/row:opacity-100 text-text-tertiary hover:text-accent transition-all",title:"Describe",children:e.jsx(k,{className:"w-3.5 h-3.5",strokeWidth:1.5})}),e.jsx("button",{onClick:r=>{r.stopPropagation(),s(`/mcp/queries/${t.workflow_id}?step=2`)},className:"opacity-0 group-hover/row:opacity-100 text-text-tertiary hover:text-status-warning transition-all",title:"Discover",children:e.jsx(L,{className:"w-3.5 h-3.5",strokeWidth:1.5})}),e.jsx("button",{onClick:r=>{r.stopPropagation(),s(`/mcp/queries/${t.workflow_id}?step=3`)},className:`opacity-0 group-hover/row:opacity-100 transition-all ${a?"text-text-tertiary hover:text-status-success":"text-text-tertiary/30 cursor-not-allowed"}`,title:a?"Compile":"Complete discovery first",disabled:!a,children:e.jsx(g,{className:"w-3.5 h-3.5",strokeWidth:1.5})})]})}}]}function ae(){const s=M(),t=R(s),{filters:o,setFilter:a,pagination:l,sort:d,setSort:r}=q({filters:{search:"",status:"",type:""},pageSize:20}),{data:n,isLoading:m,refetch:b}=D({limit:l.pageSize,offset:l.offset,search:o.search,status:o.status,entity:o.type||void 0});T();const u=(n==null?void 0:n.jobs)??[],x=(n==null?void 0:n.total)??0;return e.jsxs(e.Fragment,{children:[e.jsx(j,{title:"MCP Tool Designer",docsHash:"#docs:dashboard.md:mcp-tool-designer",actions:e.jsxs("button",{onClick:()=>s("/mcp/queries/new"),className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(y,{className:"w-3.5 h-3.5",strokeWidth:1.5}),"Create New MCP Tool"]})}),e.jsxs(v,{actions:e.jsx(N,{onRefresh:()=>b(),apiPath:C("/workflow-states/jobs",{entity:o.type||"mcpQuery,mcpTriage,mcpWorkflowPlanner",limit:l.pageSize,offset:l.offset,sort_by:"created_at",order:"desc",status:o.status||void 0,search:o.search||void 0})}),children:[e.jsx(f,{label:"Type",value:o.type,onChange:i=>a("type",i),options:[{value:"mcpQuery",label:"Discovery"},{value:"mcpWorkflowPlanner",label:"Build"},{value:"mcpTriage",label:"Triage"}]}),e.jsx(f,{label:"Status",value:o.status,onChange:i=>a("status",i),options:[{value:"completed",label:"Completed"},{value:"running",label:"Running"},{value:"failed",label:"Failed"}]})]}),e.jsx(_,{columns:t,data:u,keyFn:i=>i.workflow_id,onRowClick:i=>{if(i.entity==="mcpWorkflowPlanner"){const w=i.set_id?`/mcp/queries/${i.workflow_id}?mode=plan&set_id=${i.set_id}`:`/mcp/queries/${i.workflow_id}?mode=plan`;s(w)}else i.entity==="mcpWorkflowBuilder"?s(`/mcp/queries/${i.workflow_id}?mode=builder`):s(`/mcp/queries/${i.workflow_id}`)},isLoading:m,emptyMessage:"",sort:d,onSort:r}),!m&&u.length===0&&e.jsx("div",{className:"cursor-pointer",onClick:()=>s("/mcp/queries/new"),children:e.jsx(S,{icon:y,title:"No tool designs yet",description:"Click to create your first MCP tool"})}),e.jsx(P,{page:l.page,pageSize:l.pageSize,total:x,totalPages:l.totalPages(x),onPageChange:l.setPage})]})}export{ae as McpQueryPage};
-//# sourceMappingURL=McpQueryPage-CqFkBwBR.js.map

package/dashboard/dist/assets/McpQueryPage-CqFkBwBR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"McpQueryPage-CqFkBwBR.js","sources":["../../src/pages/mcp/McpQueryPage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport { MessageSquare, Lightbulb, Layers, Wand2, Settings, GitBranch } from 'lucide-react';\n\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { DataTable, type Column } from '../../components/common/data/DataTable';\nimport { FilterBar, FilterSelect } from '../../components/common/data/FilterBar';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { buildApiPath } from '../../lib/api-path';\nimport { TimestampCell } from '../../components/common/display/TimestampCell';\nimport { ElapsedCell } from '../../components/common/display/ElapsedCell';\nimport { WorkflowPill } from '../../components/common/display/WorkflowPill';\nimport { EmptyState } from '../../components/common/display/EmptyState';\nimport { RowActionGroup } from '../../components/common/layout/RowActions';\nimport { useFilterParams } from '../../hooks/useFilterParams';\nimport { useWorkflowListEvents } from '../../hooks/useEventHooks';\nimport { useMcpQueryJobs } from '../../api/mcp-query';\nimport type { LTJob } from '../../api/types';\n\nconst STATUS_DOT: Record<string, string> = {\n  in_progress: 'bg-status-active',\n  completed: 'bg-status-success',\n  failed: 'bg-status-error',\n};\n\nfunction mapStatus(job: LTJob): string {\n  if (job.status === 'completed') return 'completed';\n  if (Number(job.status) === 0) return 'completed';\n  if (job.is_live) return 'in_progress';\n  return 'failed';\n}\n\nfunction buildColumns(navigate: ReturnType<typeof useNavigate>): Column<LTJob>[] {\n  return [\n    {\n      key: 'workflow_id',\n      label: 'Workflow ID / Type',\n      render: (row) => {\n        const s = mapStatus(row);\n        const dotClass = STATUS_DOT[s] ?? 'bg-status-pending';\n        const pulseClass = s === 'in_progress' ? ' animate-pulse' : '';\n        return (\n          <div className=\"flex items-start gap-2 min-w-0\">\n            <span className={`w-[9px] h-[9px] shrink-0 rounded-full dot-ring mt-1 ${dotClass}${pulseClass}`} title={s} />\n            <div className=\"min-w-0\">\n              <span className=\"font-mono text-xs text-text-primary truncate block\">\n                {row.workflow_id}\n              </span>\n              <div className=\"mt-0.5\">\n                <WorkflowPill type={row.entity || 'unknown'} />\n              </div>\n            </div>\n          </div>\n        );\n      },\n    },\n    {\n      key: 'created_at',\n      label: 'Created',\n      render: (row) => <TimestampCell date={row.created_at} />,\n      className: 'w-40',\n      sortable: true,\n    },\n    {\n      key: 'updated_at',\n      label: 'Updated',\n      render: (row) => <TimestampCell date={row.updated_at} />,\n      className: 'w-40',\n      sortable: true,\n    },\n    {\n      key: 'duration',\n      label: 'Duration',\n      render: (row) => {\n        const s = mapStatus(row);\n        return (\n          <ElapsedCell\n            startDate={row.created_at}\n            endDate={s === 'in_progress' ? null : row.updated_at}\n            isLive={s === 'in_progress'}\n          />\n        );\n      },\n      className: 'w-28',\n    },\n    {\n      key: 'actions',\n      label: '',\n      className: 'w-28',\n      render: (row) => {\n        const s = mapStatus(row);\n        const isComplete = s === 'completed';\n        const isBuilder = row.entity === 'mcpWorkflowBuilder';\n        const isPlanner = row.entity === 'mcpWorkflowPlanner';\n\n        if (isPlanner) {\n          const planUrl = row.set_id\n            ? `/mcp/queries/${row.workflow_id}?mode=plan&set_id=${row.set_id}`\n            : `/mcp/queries/${row.workflow_id}?mode=plan`;\n          return (\n            <RowActionGroup>\n              <button\n                onClick={(e) => { e.stopPropagation(); navigate(`${planUrl}&step=1`); }}\n                className=\"opacity-0 group-hover/row:opacity-100 text-text-tertiary hover:text-accent transition-all\"\n                title=\"Plan\"\n              >\n                <GitBranch className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n              </button>\n              <button\n                onClick={(e) => { e.stopPropagation(); navigate(`${planUrl}&step=2`); }}\n                className={`opacity-0 group-hover/row:opacity-100 transition-all ${isComplete ? 'text-text-tertiary hover:text-status-success' : 'text-text-tertiary/30 cursor-not-allowed'}`}\n                title={isComplete ? 'Build' : 'Planning...'}\n                disabled={!isComplete}\n              >\n                <Layers className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n              </button>\n            </RowActionGroup>\n          );\n        }\n\n        if (isBuilder) {\n          return (\n            <RowActionGroup>\n              <button\n                onClick={(e) => { e.stopPropagation(); navigate(`/mcp/queries/${row.workflow_id}?mode=builder&step=1`); }}\n                className=\"opacity-0 group-hover/row:opacity-100 text-text-tertiary hover:text-accent transition-all\"\n                title=\"Describe\"\n              >\n                <MessageSquare className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n              </button>\n              <button\n                onClick={(e) => { e.stopPropagation(); navigate(`/mcp/queries/${row.workflow_id}?mode=builder&step=2`); }}\n                className={`opacity-0 group-hover/row:opacity-100 transition-all ${isComplete ? 'text-text-tertiary hover:text-status-success' : 'text-text-tertiary/30 cursor-not-allowed'}`}\n                title={isComplete ? 'Profile' : 'Building...'}\n                disabled={!isComplete}\n              >\n                <Settings className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n              </button>\n            </RowActionGroup>\n          );\n        }\n\n        return (\n          <RowActionGroup>\n            <button\n              onClick={(e) => { e.stopPropagation(); navigate(`/mcp/queries/${row.workflow_id}?step=1`); }}\n              className=\"opacity-0 group-hover/row:opacity-100 text-text-tertiary hover:text-accent transition-all\"\n              title=\"Describe\"\n            >\n              <MessageSquare className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n            </button>\n            <button\n              onClick={(e) => { e.stopPropagation(); navigate(`/mcp/queries/${row.workflow_id}?step=2`); }}\n              className=\"opacity-0 group-hover/row:opacity-100 text-text-tertiary hover:text-status-warning transition-all\"\n              title=\"Discover\"\n            >\n              <Lightbulb className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n            </button>\n            <button\n              onClick={(e) => { e.stopPropagation(); navigate(`/mcp/queries/${row.workflow_id}?step=3`); }}\n              className={`opacity-0 group-hover/row:opacity-100 transition-all ${isComplete ? 'text-text-tertiary hover:text-status-success' : 'text-text-tertiary/30 cursor-not-allowed'}`}\n              title={isComplete ? 'Compile' : 'Complete discovery first'}\n              disabled={!isComplete}\n            >\n              <Layers className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n            </button>\n          </RowActionGroup>\n        );\n      },\n    },\n  ];\n}\n\nexport function McpQueryPage() {\n  const navigate = useNavigate();\n  const columns = buildColumns(navigate);\n\n  const { filters, setFilter, pagination, sort, setSort } = useFilterParams({\n    filters: { search: '', status: '', type: '' },\n    pageSize: 20,\n  });\n\n  const { data, isLoading, refetch } = useMcpQueryJobs({\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n    search: filters.search,\n    status: filters.status,\n    entity: filters.type || undefined,\n  });\n\n  useWorkflowListEvents();\n\n  const jobs = data?.jobs ?? [];\n  const total = data?.total ?? 0;\n\n  return (\n    <>\n      <PageHeader\n        title=\"MCP Tool Designer\"\n        docsHash=\"#docs:dashboard.md:mcp-tool-designer\"\n        actions={\n          <button\n            onClick={() => navigate('/mcp/queries/new')}\n            className=\"btn-primary text-xs inline-flex items-center gap-1.5\"\n          >\n            <Wand2 className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n            Create New MCP Tool\n          </button>\n        }\n      />\n\n      <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          apiPath={buildApiPath('/workflow-states/jobs', {\n            entity: filters.type || 'mcpQuery,mcpTriage,mcpWorkflowPlanner',\n            limit: pagination.pageSize,\n            offset: pagination.offset,\n            sort_by: 'created_at',\n            order: 'desc',\n            status: filters.status || undefined,\n            search: filters.search || undefined,\n          })}\n        />\n      }>\n          <FilterSelect\n            label=\"Type\"\n            value={filters.type}\n            onChange={(v) => setFilter('type', v)}\n            options={[\n              { value: 'mcpQuery', label: 'Discovery' },\n              { value: 'mcpWorkflowPlanner', label: 'Build' },\n              { value: 'mcpTriage', label: 'Triage' },\n            ]}\n          />\n          <FilterSelect\n            label=\"Status\"\n            value={filters.status}\n            onChange={(v) => setFilter('status', v)}\n            options={[\n              { value: 'completed', label: 'Completed' },\n              { value: 'running', label: 'Running' },\n              { value: 'failed', label: 'Failed' },\n            ]}\n          />\n      </FilterBar>\n\n      <DataTable\n        columns={columns}\n        data={jobs}\n        keyFn={(row) => row.workflow_id}\n        onRowClick={(row) => {\n          if (row.entity === 'mcpWorkflowPlanner') {\n            const url = row.set_id\n              ? `/mcp/queries/${row.workflow_id}?mode=plan&set_id=${row.set_id}`\n              : `/mcp/queries/${row.workflow_id}?mode=plan`;\n            navigate(url);\n          } else if (row.entity === 'mcpWorkflowBuilder') {\n            navigate(`/mcp/queries/${row.workflow_id}?mode=builder`);\n          } else {\n            navigate(`/mcp/queries/${row.workflow_id}`);\n          }\n        }}\n        isLoading={isLoading}\n        emptyMessage=\"\"\n        sort={sort}\n        onSort={setSort}\n      />\n\n      {!isLoading && jobs.length === 0 && (\n        <div className=\"cursor-pointer\" onClick={() => navigate('/mcp/queries/new')}>\n          <EmptyState icon={Wand2} title=\"No tool designs yet\" description=\"Click to create your first MCP tool\" />\n        </div>\n      )}\n\n      <StickyPagination\n        page={pagination.page}\n        pageSize={pagination.pageSize}\n        total={total}\n        totalPages={pagination.totalPages(total)}\n        onPageChange={pagination.setPage}\n      />\n    </>\n  );\n}\n"],"names":["STATUS_DOT","mapStatus","job","buildColumns","navigate","row","s","dotClass","pulseClass","jsxs","jsx","WorkflowPill","TimestampCell","ElapsedCell","isComplete","isBuilder","planUrl","RowActionGroup","e","GitBranch","Layers","MessageSquare","Settings","Lightbulb","McpQueryPage","useNavigate","columns","filters","setFilter","pagination","sort","setSort","useFilterParams","data","isLoading","refetch","useMcpQueryJobs","useWorkflowListEvents","jobs","total","Fragment","PageHeader","Wand2","FilterBar","ListToolbar","buildApiPath","FilterSelect","v","DataTable","url","EmptyState","StickyPagination"],"mappings":"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"}

package/dashboard/dist/assets/OperatorDashboard-DwbPAPaf.js

@@ -1,2 +0,0 @@
-import{j as s}from"./vendor-query-B2UbickB.js";import{k as v,O as C,E as L,H as R,K as k}from"./index-CKxFjMtw.js";import{f as w}from"./useEventHooks-D8bVEx-w.js";import{u as F}from"./useFilterParams-CvRyYHJN.js";import{u as N}from"./useDebouncedValue-BA5S7V54.js";import{b as T}from"./api-path-u2Jf9QXS.js";import{D as _}from"./DataTable-BTu2AaEl.js";import{P as z}from"./PageHeader-DlcE3U5L.js";import{S as A}from"./StickyPagination-BI8tDf2V.js";import{R as O,a as M}from"./RowActions-BA9L9djf.js";import{E as I,T as U,a as q}from"./escalation-columns-DPKPJtw3.js";import{L as D}from"./ListToolbar-Dx6DuFdR.js";import{ai as H}from"./vendor-icons-BE_WrH2z.js";import{a as V}from"./vendor-react-BpdAFEQc.js";import"./EmptyState-BcsfPq9T.js";import"./FilterBar-CeXwNVn6.js";import"./PriorityBadge-CCERr9vQ.js";import"./RolePill-dzo14hB_.js";import"./WorkflowPill-DlSVXnnj.js";import"./CountdownTimer-D-CpxYDO.js";function me(){w();const d=V(),{user:i}=v(),{filters:t,setFilter:u,pagination:e,sort:n,setSort:g}=F({filters:{role:"",type:"",priority:"",search:""}}),f=N(t.search,300),x=C(),{data:l}=L(),{data:c}=R(),m={assigned_to:i==null?void 0:i.userId,status:"pending",role:t.role||void 0,type:t.type||void 0,priority:t.priority?parseInt(t.priority):void 0,search:f||void 0,sort_by:n.sort_by||"created_at",order:n.order||"desc"},{data:o,isLoading:y,error:r,refetch:h,isFetching:b}=k({...m,limit:e.pageSize,offset:e.offset}),E=(o==null?void 0:o.escalations)??[],p=(o==null?void 0:o.total)??0,S=T("/escalations",{...m,limit:e.pageSize,offset:e.offset}),P={key:"actions",label:"",render:a=>s.jsx(O,{children:s.jsx(M,{icon:H,title:"Release escalation",onClick:()=>x.mutate(a.id),alwaysVisible:!0,colorClass:"text-status-warning/40 hover:text-status-warning"})}),className:"w-16 text-right"},j=[U,...q,P];return s.jsxs("div",{children:[s.jsx(z,{title:"My Escalations"}),s.jsx(I,{filters:t,setFilter:u,roles:(l==null?void 0:l.roles)??[],types:(c==null?void 0:c.types)??[],actions:s.jsx(D,{onRefresh:()=>h(),isFetching:b,apiPath:S})}),r&&s.jsx("div",{className:"mb-4 px-4 py-3 rounded-md bg-status-error/10 border border-status-error/20 text-xs text-status-error",children:r.message==="Session expired"?"Your session has expired. Please log in again.":`Failed to load escalations: ${r.message}`}),s.jsx(_,{columns:j,data:E,layout:"fixed",keyFn:a=>a.id,onRowClick:a=>d(`/escalations/detail/${a.id}`,{state:{from:"/escalations/queue"}}),isLoading:y,emptyMessage:r?"Unable to load data":"No assigned escalations",sort:n,onSort:g}),s.jsx(A,{page:e.page,totalPages:e.totalPages(p),onPageChange:e.setPage,total:p,pageSize:e.pageSize,onPageSizeChange:e.setPageSize})]})}export{me as OperatorDashboard};
-//# sourceMappingURL=OperatorDashboard-DwbPAPaf.js.map

package/dashboard/dist/assets/OperatorDashboard-DwbPAPaf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OperatorDashboard-DwbPAPaf.js","sources":["../../src/pages/operator/OperatorDashboard.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport { LockOpen } from 'lucide-react';\nimport { useAuth } from '../../hooks/useAuth';\nimport { useEscalations, useEscalationTypes, useReleaseEscalation } from '../../api/escalations';\nimport { useEscalationListEvents } from '../../hooks/useEventHooks';\nimport { useRoles } from '../../api/roles';\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 { PageHeader } from '../../components/common/layout/PageHeader';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { RowAction, RowActionGroup } from '../../components/common/layout/RowActions';\nimport { ESCALATION_COLUMNS, TIME_LEFT_COLUMN, EscalationFilterBar } from './escalation-columns';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport type { LTEscalationRecord } from '../../api/types';\n\nexport function OperatorDashboard() {\n  useEscalationListEvents();\n  const navigate = useNavigate();\n  const { user } = useAuth();\n  const { filters, setFilter, pagination, sort, setSort } = useFilterParams({\n    filters: { role: '', type: '', priority: '', search: '' },\n  });\n  // Debounce so server-side search fires once the user pauses, not per keystroke.\n  const debouncedSearch = useDebouncedValue(filters.search, 300);\n  const release = useReleaseEscalation();\n  const { data: rolesData } = useRoles();\n  const { data: typesData } = useEscalationTypes();\n\n  const escalationQuery = {\n    assigned_to: user?.userId,\n    status: 'pending',\n    role: filters.role || undefined,\n    type: filters.type || undefined,\n    priority: filters.priority ? parseInt(filters.priority) : undefined,\n    search: debouncedSearch || undefined,\n    sort_by: sort.sort_by || 'created_at',\n    order: sort.order || 'desc',\n  };\n\n  const { data, isLoading, error: queryError, refetch, isFetching } = useEscalations({\n    ...escalationQuery,\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n  });\n\n  // Search is server-side (full result set) — results and total come straight\n  // from the query, no client-side filtering of the current page.\n  const activeClaims = data?.escalations ?? [];\n  const total = data?.total ?? 0;\n\n  // Copy-URL/curl path built from the SAME params the query sends.\n  const apiPath = buildApiPath('/escalations', {\n    ...escalationQuery,\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n  });\n\n  const releaseColumn: Column<LTEscalationRecord> = {\n    key: 'actions',\n    label: '',\n    render: (row) => (\n      <RowActionGroup>\n        <RowAction\n          icon={LockOpen}\n          title=\"Release escalation\"\n          onClick={() => release.mutate(row.id)}\n          alwaysVisible\n          colorClass=\"text-status-warning/40 hover:text-status-warning\"\n        />\n      </RowActionGroup>\n    ),\n    className: 'w-16 text-right',\n  };\n\n  // Time-left first (aligns with checkbox on All Escalations), then summary + base columns + actions\n  const columns: Column<LTEscalationRecord>[] = [\n    TIME_LEFT_COLUMN,\n    ...ESCALATION_COLUMNS,\n    releaseColumn,\n  ];\n\n  return (\n    <div>\n      <PageHeader title=\"My Escalations\" />\n\n      <EscalationFilterBar\n        filters={filters}\n        setFilter={setFilter}\n        roles={rolesData?.roles ?? []}\n        types={typesData?.types ?? []}\n        actions={\n          <ListToolbar\n            onRefresh={() => refetch()}\n            isFetching={isFetching}\n            apiPath={apiPath}\n          />\n        }\n      />\n\n      {queryError && (\n        <div className=\"mb-4 px-4 py-3 rounded-md bg-status-error/10 border border-status-error/20 text-xs text-status-error\">\n          {(queryError as Error).message === 'Session expired'\n            ? 'Your session has expired. Please log in again.'\n            : `Failed to load escalations: ${(queryError as Error).message}`}\n        </div>\n      )}\n\n      <DataTable\n        columns={columns}\n        data={activeClaims}\n        layout=\"fixed\"\n        keyFn={(row) => row.id}\n        onRowClick={(row) => navigate(`/escalations/detail/${row.id}`, { state: { from: '/escalations/queue' } })}\n        isLoading={isLoading}\n        emptyMessage={queryError ? 'Unable to load data' : 'No assigned escalations'}\n        sort={sort}\n        onSort={setSort}\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":["OperatorDashboard","useEscalationListEvents","navigate","useNavigate","user","useAuth","filters","setFilter","pagination","sort","setSort","useFilterParams","debouncedSearch","useDebouncedValue","release","useReleaseEscalation","rolesData","useRoles","typesData","useEscalationTypes","escalationQuery","data","isLoading","queryError","refetch","isFetching","useEscalations","activeClaims","total","apiPath","buildApiPath","releaseColumn","row","jsx","RowActionGroup","RowAction","LockOpen","columns","TIME_LEFT_COLUMN","ESCALATION_COLUMNS","PageHeader","EscalationFilterBar","ListToolbar","DataTable","StickyPagination"],"mappings":"g5BAiBO,SAASA,IAAoB,CAClCC,EAAA,EACA,MAAMC,EAAWC,EAAA,EACX,CAAE,KAAAC,CAAA,EAASC,EAAA,EACX,CAAE,QAAAC,EAAS,UAAAC,EAAW,WAAAC,EAAY,KAAAC,EAAM,QAAAC,CAAA,EAAYC,EAAgB,CACxE,QAAS,CAAE,KAAM,GAAI,KAAM,GAAI,SAAU,GAAI,OAAQ,EAAA,CAAG,CACzD,EAEKC,EAAkBC,EAAkBP,EAAQ,OAAQ,GAAG,EACvDQ,EAAUC,EAAA,EACV,CAAE,KAAMC,CAAA,EAAcC,EAAA,EACtB,CAAE,KAAMC,CAAA,EAAcC,EAAA,EAEtBC,EAAkB,CACtB,YAAahB,GAAA,YAAAA,EAAM,OACnB,OAAQ,UACR,KAAME,EAAQ,MAAQ,OACtB,KAAMA,EAAQ,MAAQ,OACtB,SAAUA,EAAQ,SAAW,SAASA,EAAQ,QAAQ,EAAI,OAC1D,OAAQM,GAAmB,OAC3B,QAASH,EAAK,SAAW,aACzB,MAAOA,EAAK,OAAS,MAAA,EAGjB,CAAE,KAAAY,EAAM,UAAAC,EAAW,MAAOC,EAAY,QAAAC,EAAS,WAAAC,CAAA,EAAeC,EAAe,CACjF,GAAGN,EACH,MAAOZ,EAAW,SAClB,OAAQA,EAAW,MAAA,CACpB,EAIKmB,GAAeN,GAAA,YAAAA,EAAM,cAAe,CAAA,EACpCO,GAAQP,GAAA,YAAAA,EAAM,QAAS,EAGvBQ,EAAUC,EAAa,eAAgB,CAC3C,GAAGV,EACH,MAAOZ,EAAW,SAClB,OAAQA,EAAW,MAAA,CACpB,EAEKuB,EAA4C,CAChD,IAAK,UACL,MAAO,GACP,OAASC,GACPC,EAAAA,IAACC,EAAA,CACC,SAAAD,EAAAA,IAACE,EAAA,CACC,KAAMC,EACN,MAAM,qBACN,QAAS,IAAMtB,EAAQ,OAAOkB,EAAI,EAAE,EACpC,cAAa,GACb,WAAW,kDAAA,CAAA,EAEf,EAEF,UAAW,iBAAA,EAIPK,EAAwC,CAC5CC,EACA,GAAGC,EACHR,CAAA,EAGF,cACG,MAAA,CACC,SAAA,CAAAE,EAAAA,IAACO,EAAA,CAAW,MAAM,gBAAA,CAAiB,EAEnCP,EAAAA,IAACQ,EAAA,CACC,QAAAnC,EACA,UAAAC,EACA,OAAOS,GAAA,YAAAA,EAAW,QAAS,CAAA,EAC3B,OAAOE,GAAA,YAAAA,EAAW,QAAS,CAAA,EAC3B,QACEe,EAAAA,IAACS,EAAA,CACC,UAAW,IAAMlB,EAAA,EACjB,WAAAC,EACA,QAAAI,CAAA,CAAA,CACF,CAAA,EAIHN,GACCU,EAAAA,IAAC,MAAA,CAAI,UAAU,uGACX,SAAAV,EAAqB,UAAY,kBAC/B,iDACA,+BAAgCA,EAAqB,OAAO,GAClE,EAGFU,EAAAA,IAACU,EAAA,CACC,QAAAN,EACA,KAAMV,EACN,OAAO,QACP,MAAQK,GAAQA,EAAI,GACpB,WAAaA,GAAQ9B,EAAS,uBAAuB8B,EAAI,EAAE,GAAI,CAAE,MAAO,CAAE,KAAM,oBAAA,EAAwB,EACxG,UAAAV,EACA,aAAcC,EAAa,sBAAwB,0BACnD,KAAAd,EACA,OAAQC,CAAA,CAAA,EAGVuB,EAAAA,IAACW,EAAA,CACC,KAAMpC,EAAW,KACjB,WAAYA,EAAW,WAAWoB,CAAK,EACvC,aAAcpB,EAAW,QACzB,MAAAoB,EACA,SAAUpB,EAAW,SACrB,iBAAkBA,EAAW,WAAA,CAAA,CAC/B,EACF,CAEJ"}

package/dashboard/dist/assets/ProcessDetailPage-ChGWcwSp.js

@@ -1,2 +0,0 @@
-import{a as b,j as e}from"./vendor-query-B2UbickB.js";import{a as z}from"./tasks-B4Y5xbF0.js";import{a as V}from"./useEventHooks-D8bVEx-w.js";import{D as S,f as L,C as J,u as q,a as G,J as P,S as T}from"./index-CKxFjMtw.js";import{P as K}from"./PageHeaderWithStats-BMhnR3-9.js";import{S as W}from"./StatusBadge-BbqghFMi.js";import{W as Q}from"./WorkflowPill-DlSVXnnj.js";import{T as y}from"./TimestampCell-DG__Gr-e.js";import{L as D,e as X}from"./vendor-react-BpdAFEQc.js";import{R as Y}from"./RolePill-dzo14hB_.js";import{U as Z}from"./UserName-CZTpouta.js";import"./vendor-icons-BE_WrH2z.js";import"./users-C8H4jjTq.js";const ee="bg-stripes animate-pulse opacity-70";function $(t){switch(t){case"completed":return"text-status-success";case"in_progress":case"pending":return"text-status-warning";case"needs_intervention":return"text-status-error";case"cancelled":return"text-text-tertiary";default:return"text-text-tertiary"}}function I(t){switch(t){case"resolved":return"text-status-success";case"pending":return"text-status-warning";case"cancelled":return"text-text-tertiary";default:return"text-text-tertiary"}}function te(t,a,l){return`${t==="task"?"Task":l?"Notification":"Escalation"} is ${a.replace(/_/g," ")}`}function se(t,a){if(a)return ee;switch(t){case"completed":case"resolved":return"bg-status-success";case"pending":case"in_progress":case"needs_intervention":return"bg-status-warning";case"cancelled":return"bg-status-error";default:return"bg-text-tertiary"}}function ae(t){return t.startsWith("mcp")||t.startsWith("Mcp")}function E(t){return!t.workflow_type}function A(t,a){if(t.length<=a)return t;const l=Math.floor((a-1)/2);return`${t.slice(0,l)}…${t.slice(t.length-l)}`}function ne(t,a){const l=Date.now(),c=new Map,x=[];for(const s of a)s.task_id?(c.has(s.task_id)||c.set(s.task_id,[]),c.get(s.task_id).push(s)):x.push(s);const r=[...t].sort((s,d)=>new Date(s.created_at).getTime()-new Date(d.created_at).getTime()),i=[];for(const s of t)i.push(new Date(s.created_at).getTime()),s.completed_at&&i.push(new Date(s.completed_at).getTime());for(const s of a)i.push(new Date(s.created_at).getTime()),s.resolved_at&&i.push(new Date(s.resolved_at).getTime()),s.claimed_at&&i.push(new Date(s.claimed_at).getTime());if(i.length===0)return{lanes:[],timeMin:0,timeMax:1};const o=Math.min(...i),f=t.some(s=>!s.completed_at)||a.some(s=>!s.resolved_at)?Math.max(l,Math.max(...i)):Math.max(...i),p=f-o||1,m=s=>(s-o)/p*100,h=[];for(const s of r){const d=new Date(s.created_at).getTime(),j=s.completed_at?new Date(s.completed_at).getTime():l,g=!s.completed_at;h.push({kind:"task",id:s.id,label:s.workflow_type,taskId:s.id,startMs:d,endMs:j,startPct:m(d),widthPct:Math.max((j-d)/p*100,.5),durationMs:j-d,isOpen:g,task:s});const v=(c.get(s.id)||[]).sort((n,u)=>new Date(n.created_at).getTime()-new Date(u.created_at).getTime());for(const n of v){const u=new Date(n.created_at).getTime(),N=n.resolved_at?new Date(n.resolved_at).getTime():l,M=!n.resolved_at;let w=null;if(n.claimed_at){const U=new Date(n.claimed_at).getTime(),H=N-u||1;w=(U-u)/H*100}h.push({kind:"escalation",id:n.id,label:n.role,taskId:s.id,startMs:u,endMs:N,startPct:m(u),widthPct:Math.max((N-u)/p*100,.5),durationMs:N-u,isOpen:M,escalation:n,claimPct:w})}}for(const s of x){const d=new Date(s.created_at).getTime(),j=s.resolved_at?new Date(s.resolved_at).getTime():l;let g=null;if(s.claimed_at){const v=new Date(s.claimed_at).getTime(),n=j-d||1;g=(v-d)/n*100}h.push({kind:"escalation",id:s.id,label:s.role,taskId:"",startMs:d,endMs:j,startPct:m(d),widthPct:Math.max((j-d)/p*100,.5),durationMs:j-d,isOpen:!s.resolved_at,escalation:s,claimPct:g})}return{lanes:h,timeMin:o,timeMax:f}}function re(t,a,l,c=500){const[x,r]=b.useState(0),i=b.useRef(null),o=l-a||1;b.useEffect(()=>{if(t===0)return;i.current=null,r(0);let f;const p=m=>{i.current===null&&(i.current=m);const h=m-i.current,s=Math.min(h/c,1),d=1-Math.pow(1-s,3);r(d),s<1&&(f=requestAnimationFrame(p))};return f=requestAnimationFrame(p),()=>cancelAnimationFrame(f)},[t,c]);const k=b.useCallback(f=>{const p=(f.startMs-a)/o,m=(f.endMs-a)/o;if(x<p)return{width:0,opacity:0};const h=m-p||.001,s=Math.min((x-p)/h,1),d=f.widthPct*s,j=Math.min(s/.1,1);return{width:d,opacity:j}},[x,a,o]);return{progress:x,animatedBar:k}}function R({className:t}){return e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"})})}function B({className:t}){return e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 00-2.455 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"})})}function O({className:t}){return e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0"})})}function F({className:t}){return e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"})})}function ie({allExpanded:t,onToggleAll:a}){return e.jsxs("div",{className:"flex items-center gap-4 mb-4 flex-wrap",children:[e.jsx("button",{onClick:a,className:"text-2xs text-accent hover:underline",children:t?"Collapse all":"Expand all"}),e.jsxs("div",{className:"flex items-center gap-4 ml-auto",children:[e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(R,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("span",{className:"text-2xs text-text-tertiary",children:"Task"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(B,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("span",{className:"text-2xs text-text-tertiary",children:"AI Task"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(F,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("span",{className:"text-2xs text-text-tertiary",children:"Escalation"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(O,{className:"w-3.5 h-3.5 text-text-tertiary"}),e.jsx("span",{className:"text-2xs text-text-tertiary",children:"Notification"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"w-2 h-2 rounded-full dot-ring bg-status-success"}),e.jsx("span",{className:"text-2xs text-text-tertiary",children:"Done"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"w-2 h-2 rounded-full dot-ring bg-status-warning"}),e.jsx("span",{className:"text-2xs text-text-tertiary",children:"Active"})]})]})]})}function oe({ticks:t}){return e.jsxs("div",{className:"flex",children:[e.jsx("div",{className:"w-52 shrink-0"}),e.jsx("div",{className:"flex-1 relative h-6 border-b border-surface-border",children:t.map(a=>e.jsx("span",{className:"absolute text-2xs font-mono text-text-tertiary -translate-x-1/2 bottom-1 whitespace-nowrap",style:{left:`${a.pct}%`},children:a.label},a.pct))})]})}function _({label:t,children:a}){return e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-0.5",children:t}),e.jsx("div",{className:"text-xs text-text-primary",children:a})]})}function le({traceId:t,href:a}){const[l,c]=b.useState(!1),x=i=>{i.stopPropagation(),navigator.clipboard.writeText(t),c(!0),setTimeout(()=>c(!1),1500)},r=i=>{i.stopPropagation(),a&&window.open(a,"_blank","noopener,noreferrer")};return e.jsxs("span",{className:"group/trace inline-flex items-center gap-1.5",children:[a&&e.jsx("button",{onClick:r,title:"Open trace",className:"opacity-0 group-hover/trace:opacity-100 transition-opacity p-0.5",children:e.jsx("svg",{className:"w-3 h-3 text-text-tertiary hover:text-accent",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-4.5-4.5h6m0 0v6m0-6L10.5 15"})})}),e.jsx("button",{onClick:x,title:"Copy trace ID",className:"opacity-0 group-hover/trace:opacity-100 transition-opacity p-0.5",children:e.jsx("svg",{className:`w-3 h-3 transition-colors ${l?"text-status-success":"text-text-tertiary hover:text-accent"}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:l?e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"}):e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3"})})}),e.jsx("span",{className:"text-2xs text-accent",children:"Trace Details"})]})}function ce({task:t,traceUrl:a}){const l=t.completed_at?new Date(t.completed_at).getTime()-new Date(t.created_at).getTime():Date.now()-new Date(t.created_at).getTime();return e.jsxs("div",{className:"grid grid-cols-[3fr_1fr] gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(W,{status:t.status}),e.jsx(Q,{type:t.workflow_type})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[e.jsx(_,{label:"Started",children:e.jsx(y,{date:t.created_at})}),e.jsx(_,{label:"Completed",children:t.completed_at?e.jsx(y,{date:t.completed_at}):e.jsx("span",{className:"text-text-tertiary italic text-xs",children:"In progress"})}),e.jsx(_,{label:"Duration",children:e.jsx(S,{ms:l,className:"font-mono text-sm"})})]}),t.milestones.length>0&&e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Milestones"}),e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.milestones.map((c,x)=>e.jsxs("span",{className:"px-2 py-0.5 text-2xs font-mono bg-accent-faint/50 rounded text-text-secondary",children:[c.name,": ",String(c.value)]},x))})]})]}),e.jsxs("div",{className:"flex flex-col items-end gap-2",children:[e.jsx(D,{to:`/workflows/executions/${encodeURIComponent(t.workflow_id)}`,className:"block text-2xs text-accent hover:underline",children:"Execution Details"}),e.jsx(D,{to:`/workflows/tasks/detail/${t.id}`,className:"block text-2xs text-accent hover:underline",children:"Task Details"}),t.trace_id&&e.jsx(le,{traceId:t.trace_id,href:a?a.replace("{traceId}",t.trace_id):void 0})]})]})}function de({escalation:t}){const a=new Date(t.created_at).getTime(),l=t.claimed_at?new Date(t.claimed_at).getTime()-a:null,c=t.resolved_at?new Date(t.resolved_at).getTime()-a:null;return e.jsxs("div",{className:"grid grid-cols-[3fr_1fr] gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(W,{status:t.status}),e.jsx(Y,{role:t.role}),t.type&&e.jsxs("span",{className:"text-2xs text-text-tertiary",children:[t.type,t.subtype?` / ${t.subtype}`:""]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[e.jsx(_,{label:"Created",children:e.jsx(y,{date:t.created_at})}),e.jsx(_,{label:"Claimed",children:t.claimed_at?e.jsxs(e.Fragment,{children:[e.jsx(y,{date:t.claimed_at}),e.jsxs("p",{className:"text-2xs text-text-tertiary mt-0.5",children:["after ",e.jsx(S,{ms:l}),t.assigned_to&&e.jsxs(e.Fragment,{children:[" ","by"," ",e.jsx("span",{className:"text-text-secondary font-medium",children:e.jsx(Z,{userId:t.assigned_to})})]})]})]}):e.jsx("span",{className:"text-text-tertiary italic text-xs",children:"Unclaimed"})}),e.jsx(_,{label:"Resolved",children:t.resolved_at?e.jsxs(e.Fragment,{children:[e.jsx(y,{date:t.resolved_at}),e.jsxs("p",{className:"text-2xs text-text-tertiary mt-0.5",children:[e.jsx(S,{ms:c})," total"]})]}):e.jsx("span",{className:"text-text-tertiary italic text-xs",children:"Pending"})})]}),t.description&&e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Description"}),e.jsx("p",{className:"text-2xs text-text-secondary leading-relaxed",children:t.description})]})]}),e.jsxs("div",{className:"flex flex-col items-end gap-2",children:[t.workflow_id&&e.jsx(D,{to:`/workflows/executions/${encodeURIComponent(t.workflow_id)}`,className:"block text-2xs text-accent hover:underline",children:"Execution Details"}),e.jsx(D,{to:`/escalations/detail/${t.id}`,className:"block text-2xs text-accent hover:underline",children:"Escalation Details"})]})]})}function xe({lane:t,ticks:a,isExpanded:l,onToggle:c,anim:x,animDone:r,traceUrl:i}){var m,h;const o=t.kind==="task",k=o?t.task.status:t.escalation.status,f=se(k,t.isOpen),p=x.opacity>0;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center border-b border-surface-border cursor-pointer hover:bg-surface-sunken/40 transition-colors",onClick:c,children:[e.jsxs("div",{className:`w-52 shrink-0 py-3 pr-4 flex items-center gap-2 ${o?"":"pl-6"}`,style:{opacity:p?1:0,transition:"opacity 0.15s ease-out"},children:[o?ae(t.task.workflow_type)?e.jsx(B,{className:`w-4 h-4 shrink-0 ${$(t.task.status)}`}):e.jsx(R,{className:`w-4 h-4 shrink-0 ${$(t.task.status)}`}):E(t.escalation)?e.jsx(O,{className:`w-4 h-4 shrink-0 ${I(t.escalation.status)}`}):e.jsx(F,{className:`w-4 h-4 shrink-0 ${I(t.escalation.status)}`}),e.jsx("p",{className:"text-xs font-mono text-text-secondary whitespace-nowrap overflow-hidden",title:te(t.kind,o?t.task.status:t.escalation.status,!o&&E(t.escalation)),children:o?A(t.label,24):A(((m=t.escalation)==null?void 0:m.role)??t.label,20)})]}),e.jsxs("div",{className:"flex-1 relative h-10",children:[a.map(s=>e.jsx("div",{className:"absolute top-0 bottom-0 w-px bg-surface-border opacity-30",style:{left:`${s.pct}%`}},s.pct)),e.jsxs("div",{className:`absolute top-2 h-6 rounded-sm ${l?`${f} ring-2 ring-accent ring-offset-1`:`${f} hover:opacity-80`}`,style:{left:`${t.startPct}%`,width:p?`${Math.max(x.width,.3)}%`:"0%",minWidth:p?"4px":"0px",opacity:x.opacity},title:`${t.label} — ${L(t.durationMs)} — ${new Date(t.startMs).toLocaleTimeString()}`,children:[x.width>8&&r&&e.jsx("span",{className:"absolute inset-0 flex items-center px-1.5 text-2xs font-mono text-text-inverse truncate",children:L(t.durationMs)}),t.claimPct!=null&&r&&e.jsx("div",{className:"absolute top-0 bottom-0 w-px border-l border-dashed border-text-inverse/70",style:{left:`${t.claimPct}%`},title:(h=t.escalation)!=null&&h.assigned_to?`Claimed by ${t.escalation.assigned_to}`:"Claimed",children:e.jsx("div",{className:"absolute -top-1 -left-[3px] w-[7px] h-[7px] rounded-full bg-text-inverse border border-status-warning"})})]})]})]}),e.jsx(J,{open:l,children:e.jsx("div",{className:"py-4 px-6 pl-52 border-b border-surface-border bg-surface-sunken/20",children:o&&t.task?e.jsx(ce,{task:t.task,traceUrl:i}):t.escalation?e.jsx(de,{escalation:t.escalation}):null})})]})}function me({tasks:t,escalations:a,traceUrl:l}){const[c,x]=b.useState(new Set),{lanes:r,timeMin:i,timeMax:o}=b.useMemo(()=>ne(t,a),[t,a]),k=o-i||1,{progress:f,animatedBar:p}=re(r.length,i,o);if(r.length===0)return e.jsx("p",{className:"text-sm text-text-tertiary py-8 text-center",children:"No events in this process."});const m=5,h=Array.from({length:m+1},(n,u)=>({pct:u/m*100,label:L(Math.round(u/m*k))})),s=n=>{x(u=>{const N=new Set(u);return N.has(n)?N.delete(n):N.add(n),N})},d=r.map(n=>n.id),j=d.length>0&&d.every(n=>c.has(n)),g=()=>{x(j?new Set:new Set(d))},v=f>=1;return e.jsxs("div",{className:"py-2",children:[e.jsx(ie,{allExpanded:j,onToggleAll:g}),e.jsx(oe,{ticks:h}),r.map(n=>e.jsx(xe,{lane:n,ticks:h,isExpanded:c.has(n.id),onToggle:()=>s(n.id),anim:p(n),animDone:v,traceUrl:l},`${n.kind}-${n.id}`))]})}function C(t){if(!t)return null;try{return JSON.parse(t)}catch{return null}}function ue(t){return t.length===0?null:[...t].sort((a,l)=>new Date(a.created_at).getTime()-new Date(l.created_at).getTime())[0]}function De(){var j;const{originId:t}=X();V(t);const{data:a,isLoading:l}=z(t??""),{data:c}=q(),x=((j=c==null?void 0:c.telemetry)==null?void 0:j.traceUrl)??null,r=(a==null?void 0:a.tasks)??[],i=(a==null?void 0:a.escalations)??[],o=b.useMemo(()=>ue(r),[r]),k=b.useMemo(()=>C(o==null?void 0:o.envelope),[o]),f=b.useMemo(()=>{if(o!=null&&o.data)return C(o.data);const g=r.filter(v=>v.status==="completed"&&v.data).sort((v,n)=>new Date(n.completed_at).getTime()-new Date(v.completed_at).getTime());return g.length>0?C(g[0].data):null},[o,r]),p=b.useMemo(()=>r.length>0&&r.some(g=>g.status!=="completed"&&g.status!=="cancelled"),[r]),m=b.useMemo(()=>{const g=r.filter(u=>u.status==="completed").length,v=r.filter(u=>u.status==="needs_intervention").length,n=i.filter(u=>u.status==="resolved").length;return{tasks:r.length,completed:g,escalated:v,escalations:i.length,resolved:n}},[r,i]),h=b.useMemo(()=>{if(r.length===0&&i.length===0)return null;const v=[...r.map(w=>w.created_at),...i.map(w=>w.created_at)].sort()[0],n=r.every(w=>w.status==="completed"||w.status==="cancelled"),u=i.every(w=>w.status==="resolved"),N=r.length>0&&n&&u,M=N?[...r.map(w=>w.completed_at),...i.map(w=>w.resolved_at)].filter(Boolean).sort().pop()??null:null;return{startIso:v,endIso:M,isFinished:N,elapsed:G(v,M)}},[r,i]),s=b.useMemo(()=>{const g=[];return h&&g.push({label:h.isFinished?"Completed":"Running",value:h.elapsed,dotClass:h.isFinished?"bg-status-success":"bg-status-pending animate-pulse"}),g.push({label:"Tasks",value:`${m.completed}/${m.tasks}`},{label:"Escalations",value:`${m.resolved}/${m.escalations}`}),g},[h,m]);if(l&&r.length===0)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-40 bg-surface-sunken rounded"})]});const d=k||f||p;return e.jsxs("div",{children:[e.jsx(K,{title:"Process Detail",docsHash:"#docs:dashboard.md:process-detail",subtitle:t,stats:s}),d&&e.jsxs("div",{className:"grid grid-cols-1 @split:grid-cols-2 gap-8 mb-10",children:[e.jsx("div",{children:k?e.jsx(P,{data:k,label:"Input",defaultMode:"json",defaultCollapsed:!0}):e.jsxs("div",{children:[e.jsx(T,{children:"Input"}),e.jsx("div",{className:"font-mono text-xs bg-surface-sunken rounded-md p-4 text-text-tertiary italic mt-2",children:"Waiting for task..."})]})}),e.jsx("div",{children:f?e.jsx(P,{data:f,label:"Output",defaultMode:"json",defaultCollapsed:!0}):p?e.jsxs("div",{children:[e.jsx(T,{children:"Output"}),e.jsxs("div",{className:"flex items-center gap-2 font-mono text-xs bg-surface-sunken rounded-md p-4 text-text-secondary mt-2",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full dot-ring bg-status-pending animate-pulse"}),"Processing..."]})]}):null})]}),e.jsx(T,{className:"mb-6",children:"Timeline"}),e.jsx(me,{tasks:r,escalations:i,traceUrl:x})]})}export{De as ProcessDetailPage};
-//# sourceMappingURL=ProcessDetailPage-ChGWcwSp.js.map

package/dashboard/dist/assets/ProcessDetailPage-ChGWcwSp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProcessDetailPage-ChGWcwSp.js","sources":["../../src/pages/processes/process-swimlane/helpers.ts","../../src/pages/processes/process-swimlane/useTimelineAnimation.ts","../../src/pages/processes/process-swimlane/SwimlaneIcons.tsx","../../src/pages/processes/process-swimlane/SwimlaneHeader.tsx","../../src/pages/processes/process-swimlane/TimeAxis.tsx","../../src/pages/processes/process-swimlane/MetricCell.tsx","../../src/pages/processes/process-swimlane/TraceLink.tsx","../../src/pages/processes/process-swimlane/TaskDetailPanel.tsx","../../src/pages/processes/process-swimlane/EscalationDetailPanel.tsx","../../src/pages/processes/process-swimlane/SwimlaneRow.tsx","../../src/pages/processes/process-swimlane/ProcessSwimlaneTimeline.tsx","../../src/pages/processes/ProcessDetailPage.tsx"],"sourcesContent":["import type { LTTaskRecord, LTEscalationRecord, LTTaskStatus, LTEscalationStatus } from '../../../api/types';\n\nexport interface ProcessLane {\n  kind: 'task' | 'escalation';\n  id: string;\n  label: string;\n  taskId: string;\n  startMs: number;\n  endMs: number;\n  startPct: number;\n  widthPct: number;\n  durationMs: number;\n  isOpen: boolean;\n  // task fields\n  task?: LTTaskRecord;\n  // escalation fields\n  escalation?: LTEscalationRecord;\n  claimPct?: number | null; // percent position of claim within the bar\n}\n\nexport interface ProcessSwimlaneTimelineProps {\n  tasks: LTTaskRecord[];\n  escalations: LTEscalationRecord[];\n  traceUrl?: string | null;\n}\n\nexport const PENDING_CLASS = 'bg-stripes animate-pulse opacity-70';\n\nexport function taskStatusColor(status: LTTaskStatus): string {\n  switch (status) {\n    case 'completed': return 'text-status-success';\n    case 'in_progress': case 'pending': return 'text-status-warning';\n    case 'needs_intervention': return 'text-status-error';\n    case 'cancelled': return 'text-text-tertiary';\n    default: return 'text-text-tertiary';\n  }\n}\n\nexport function escStatusColor(status: LTEscalationStatus): string {\n  switch (status) {\n    case 'resolved': return 'text-status-success';\n    case 'pending': return 'text-status-warning';\n    case 'cancelled': return 'text-text-tertiary';\n    default: return 'text-text-tertiary';\n  }\n}\n\nexport function statusLabel(kind: 'task' | 'escalation', status: string, isAck?: boolean): string {\n  const noun = kind === 'task' ? 'Task' : isAck ? 'Notification' : 'Escalation';\n  return `${noun} is ${status.replace(/_/g, ' ')}`;\n}\n\nexport function barColorForStatus(status: string, isOpen: boolean): string {\n  if (isOpen) return PENDING_CLASS;\n  switch (status) {\n    case 'completed':\n    case 'resolved':\n      return 'bg-status-success';\n    case 'pending':\n    case 'in_progress':\n    case 'needs_intervention':\n      return 'bg-status-warning';\n    case 'cancelled':\n      return 'bg-status-error';\n    default:\n      return 'bg-text-tertiary';\n  }\n}\n\nexport function isMcpWorkflow(workflowType: string): boolean {\n  return workflowType.startsWith('mcp') || workflowType.startsWith('Mcp');\n}\n\nexport function isAckEscalation(esc: LTEscalationRecord): boolean {\n  return !esc.workflow_type;\n}\n\nexport function middleTruncate(str: string, maxLen: number): string {\n  if (str.length <= maxLen) return str;\n  const keep = Math.floor((maxLen - 1) / 2);\n  return `${str.slice(0, keep)}…${str.slice(str.length - keep)}`;\n}\n\nexport function formatAbsoluteTime(iso: string): string {\n  const d = new Date(iso);\n  return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });\n}\n\n// ── Build lanes from raw task + escalation records ──────────────────────────\n\nexport function buildLanes(\n  tasks: LTTaskRecord[],\n  escalations: LTEscalationRecord[],\n): { lanes: ProcessLane[]; timeMin: number; timeMax: number } {\n  const now = Date.now();\n\n  // Group escalations by task_id\n  const escByTask = new Map<string, LTEscalationRecord[]>();\n  const unlinked: LTEscalationRecord[] = [];\n  for (const e of escalations) {\n    if (e.task_id) {\n      if (!escByTask.has(e.task_id)) escByTask.set(e.task_id, []);\n      escByTask.get(e.task_id)!.push(e);\n    } else {\n      unlinked.push(e);\n    }\n  }\n\n  // Sort tasks by created_at\n  const sorted = [...tasks].sort(\n    (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime(),\n  );\n\n  // Collect all timestamps for axis bounds\n  const allTimes: number[] = [];\n  for (const t of tasks) {\n    allTimes.push(new Date(t.created_at).getTime());\n    if (t.completed_at) allTimes.push(new Date(t.completed_at).getTime());\n  }\n  for (const e of escalations) {\n    allTimes.push(new Date(e.created_at).getTime());\n    if (e.resolved_at) allTimes.push(new Date(e.resolved_at).getTime());\n    if (e.claimed_at) allTimes.push(new Date(e.claimed_at).getTime());\n  }\n  if (allTimes.length === 0) return { lanes: [], timeMin: 0, timeMax: 1 };\n\n  const timeMin = Math.min(...allTimes);\n  const hasOpen =\n    tasks.some((t) => !t.completed_at) || escalations.some((e) => !e.resolved_at);\n  const timeMax = hasOpen ? Math.max(now, Math.max(...allTimes)) : Math.max(...allTimes);\n  const span = timeMax - timeMin || 1;\n\n  const toPct = (ms: number) => ((ms - timeMin) / span) * 100;\n\n  const lanes: ProcessLane[] = [];\n\n  for (const task of sorted) {\n    const tStart = new Date(task.created_at).getTime();\n    const tEnd = task.completed_at ? new Date(task.completed_at).getTime() : now;\n    const tOpen = !task.completed_at;\n\n    lanes.push({\n      kind: 'task',\n      id: task.id,\n      label: task.workflow_type,\n      taskId: task.id,\n      startMs: tStart,\n      endMs: tEnd,\n      startPct: toPct(tStart),\n      widthPct: Math.max(((tEnd - tStart) / span) * 100, 0.5),\n      durationMs: tEnd - tStart,\n      isOpen: tOpen,\n      task,\n    });\n\n    const taskEscs = (escByTask.get(task.id) || []).sort(\n      (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime(),\n    );\n    for (const esc of taskEscs) {\n      const eStart = new Date(esc.created_at).getTime();\n      const eEnd = esc.resolved_at ? new Date(esc.resolved_at).getTime() : now;\n      const eOpen = !esc.resolved_at;\n\n      let claimPct: number | null = null;\n      if (esc.claimed_at) {\n        const claimMs = new Date(esc.claimed_at).getTime();\n        const escSpan = eEnd - eStart || 1;\n        claimPct = ((claimMs - eStart) / escSpan) * 100;\n      }\n\n      lanes.push({\n        kind: 'escalation',\n        id: esc.id,\n        label: esc.role,\n        taskId: task.id,\n        startMs: eStart,\n        endMs: eEnd,\n        startPct: toPct(eStart),\n        widthPct: Math.max(((eEnd - eStart) / span) * 100, 0.5),\n        durationMs: eEnd - eStart,\n        isOpen: eOpen,\n        escalation: esc,\n        claimPct,\n      });\n    }\n  }\n\n  // Unlinked escalations at the bottom\n  for (const esc of unlinked) {\n    const eStart = new Date(esc.created_at).getTime();\n    const eEnd = esc.resolved_at ? new Date(esc.resolved_at).getTime() : now;\n    let claimPct: number | null = null;\n    if (esc.claimed_at) {\n      const claimMs = new Date(esc.claimed_at).getTime();\n      const escSpan = eEnd - eStart || 1;\n      claimPct = ((claimMs - eStart) / escSpan) * 100;\n    }\n    lanes.push({\n      kind: 'escalation',\n      id: esc.id,\n      label: esc.role,\n      taskId: '',\n      startMs: eStart,\n      endMs: eEnd,\n      startPct: toPct(eStart),\n      widthPct: Math.max(((eEnd - eStart) / span) * 100, 0.5),\n      durationMs: eEnd - eStart,\n      isOpen: !esc.resolved_at,\n      escalation: esc,\n      claimPct,\n    });\n  }\n\n  return { lanes, timeMin, timeMax };\n}\n","import { useState, useEffect, useRef, useCallback } from 'react';\nimport type { ProcessLane } from './helpers';\n\nexport interface BarAnim {\n  width: number;\n  opacity: number;\n}\n\nexport function useTimelineAnimation(\n  laneCount: number,\n  timeMin: number,\n  timeMax: number,\n  durationMs = 500,\n) {\n  const [progress, setProgress] = useState(0); // 0 → 1\n  const startRef = useRef<number | null>(null);\n  const totalSpanMs = timeMax - timeMin || 1;\n\n  useEffect(() => {\n    if (laneCount === 0) return;\n    startRef.current = null;\n    setProgress(0);\n\n    let raf: number;\n    const step = (ts: number) => {\n      if (startRef.current === null) startRef.current = ts;\n      const elapsed = ts - startRef.current;\n      const t = Math.min(elapsed / durationMs, 1);\n      // ease-out cubic for a smooth deceleration\n      const eased = 1 - Math.pow(1 - t, 3);\n      setProgress(eased);\n      if (t < 1) raf = requestAnimationFrame(step);\n    };\n    raf = requestAnimationFrame(step);\n    return () => cancelAnimationFrame(raf);\n  }, [laneCount, durationMs]);\n\n  const animatedBar = useCallback(\n    (lane: ProcessLane): BarAnim => {\n      const appearAt = (lane.startMs - timeMin) / totalSpanMs;\n      const doneAt = (lane.endMs - timeMin) / totalSpanMs;\n\n      if (progress < appearAt) {\n        return { width: 0, opacity: 0 };\n      }\n\n      const laneSpan = doneAt - appearAt || 0.001;\n      const fill = Math.min((progress - appearAt) / laneSpan, 1);\n      const animatedWidth = lane.widthPct * fill;\n      const fadeIn = Math.min(fill / 0.1, 1);\n\n      return { width: animatedWidth, opacity: fadeIn };\n    },\n    [progress, timeMin, totalSpanMs],\n  );\n\n  return { progress, animatedBar };\n}\n","export function ClipboardIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\" />\n    </svg>\n  );\n}\n\n/** Sparkle/AI icon for mcp* system workflows */\nexport function SparkleIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 00-2.455 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z\" />\n    </svg>\n  );\n}\n\n/** Bell icon for notification/ACK escalations */\nexport function BellIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0\" />\n    </svg>\n  );\n}\n\nexport function UserIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z\" />\n    </svg>\n  );\n}\n","import { ClipboardIcon, SparkleIcon, BellIcon, UserIcon } from './SwimlaneIcons';\n\ninterface SwimlaneHeaderProps {\n  allExpanded: boolean;\n  onToggleAll: () => void;\n}\n\nexport function SwimlaneHeader({ allExpanded, onToggleAll }: SwimlaneHeaderProps) {\n  return (\n    <div className=\"flex items-center gap-4 mb-4 flex-wrap\">\n      <button onClick={onToggleAll} className=\"text-2xs text-accent hover:underline\">\n        {allExpanded ? 'Collapse all' : 'Expand all'}\n      </button>\n\n      {/* Legend */}\n      <div className=\"flex items-center gap-4 ml-auto\">\n        <div className=\"flex items-center gap-1\">\n          <ClipboardIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">Task</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <SparkleIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">AI Task</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <UserIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">Escalation</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <BellIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">Notification</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <span className=\"w-2 h-2 rounded-full dot-ring bg-status-success\" />\n          <span className=\"text-2xs text-text-tertiary\">Done</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <span className=\"w-2 h-2 rounded-full dot-ring bg-status-warning\" />\n          <span className=\"text-2xs text-text-tertiary\">Active</span>\n        </div>\n      </div>\n    </div>\n  );\n}\n","export interface Tick {\n  pct: number;\n  label: string;\n}\n\ninterface TimeAxisProps {\n  ticks: Tick[];\n}\n\nexport function TimeAxis({ ticks }: TimeAxisProps) {\n  return (\n    <div className=\"flex\">\n      <div className=\"w-52 shrink-0\" />\n      <div className=\"flex-1 relative h-6 border-b border-surface-border\">\n        {ticks.map((tick) => (\n          <span\n            key={tick.pct}\n            className=\"absolute text-2xs font-mono text-text-tertiary -translate-x-1/2 bottom-1 whitespace-nowrap\"\n            style={{ left: `${tick.pct}%` }}\n          >\n            {tick.label}\n          </span>\n        ))}\n      </div>\n    </div>\n  );\n}\n","/** Small labeled metric cell used inside detail panels */\nexport function MetricCell({\n  label,\n  children,\n}: {\n  label: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <div>\n      <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-0.5\">\n        {label}\n      </p>\n      <div className=\"text-xs text-text-primary\">{children}</div>\n    </div>\n  );\n}\n","import { useState } from 'react';\n\nexport function TraceLink({ traceId, href }: { traceId: string; href?: string }) {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    navigator.clipboard.writeText(traceId);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  };\n\n  const handleNav = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (href) window.open(href, '_blank', 'noopener,noreferrer');\n  };\n\n  return (\n    <span className=\"group/trace inline-flex items-center gap-1.5\">\n      {href && (\n        <button\n          onClick={handleNav}\n          title=\"Open trace\"\n          className=\"opacity-0 group-hover/trace:opacity-100 transition-opacity p-0.5\"\n        >\n          <svg className=\"w-3 h-3 text-text-tertiary hover:text-accent\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-4.5-4.5h6m0 0v6m0-6L10.5 15\" />\n          </svg>\n        </button>\n      )}\n      <button\n        onClick={handleCopy}\n        title=\"Copy trace ID\"\n        className=\"opacity-0 group-hover/trace:opacity-100 transition-opacity p-0.5\"\n      >\n        <svg\n          className={`w-3 h-3 transition-colors ${copied ? 'text-status-success' : 'text-text-tertiary hover:text-accent'}`}\n          fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}\n        >\n          {copied\n            ? <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n            : <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3\" />\n          }\n        </svg>\n      </button>\n      <span className=\"text-2xs text-accent\">Trace Details</span>\n    </span>\n  );\n}\n","import { Link } from 'react-router-dom';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { WorkflowPill } from '../../../components/common/display/WorkflowPill';\nimport { TimestampCell } from '../../../components/common/display/TimestampCell';\nimport { DurationValue } from '../../../components/common/display/DurationValue';\nimport type { LTTaskRecord } from '../../../api/types';\nimport { MetricCell } from './MetricCell';\nimport { TraceLink } from './TraceLink';\n\nexport function TaskDetailPanel({\n  task,\n  traceUrl,\n}: {\n  task: LTTaskRecord;\n  traceUrl?: string | null;\n}) {\n  const elapsed = task.completed_at\n    ? new Date(task.completed_at).getTime() - new Date(task.created_at).getTime()\n    : Date.now() - new Date(task.created_at).getTime();\n\n  return (\n    <div className=\"grid grid-cols-[3fr_1fr] gap-6\">\n      {/* Left: timing metrics */}\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center gap-3\">\n          <StatusBadge status={task.status} />\n          <WorkflowPill type={task.workflow_type} />\n        </div>\n\n        <div className=\"grid grid-cols-3 gap-4\">\n          <MetricCell label=\"Started\">\n            <TimestampCell date={task.created_at} />\n          </MetricCell>\n\n          <MetricCell label=\"Completed\">\n            {task.completed_at ? (\n              <TimestampCell date={task.completed_at} />\n            ) : (\n              <span className=\"text-text-tertiary italic text-xs\">In progress</span>\n            )}\n          </MetricCell>\n\n          <MetricCell label=\"Duration\">\n            <DurationValue ms={elapsed} className=\"font-mono text-sm\" />\n          </MetricCell>\n        </div>\n\n        {task.milestones.length > 0 && (\n          <div>\n            <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n              Milestones\n            </p>\n            <div className=\"flex flex-wrap gap-1.5\">\n              {task.milestones.map((m, i) => (\n                <span\n                  key={i}\n                  className=\"px-2 py-0.5 text-2xs font-mono bg-accent-faint/50 rounded text-text-secondary\"\n                >\n                  {m.name}: {String(m.value)}\n                </span>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Right: links */}\n      <div className=\"flex flex-col items-end gap-2\">\n        <Link\n          to={`/workflows/executions/${encodeURIComponent(task.workflow_id)}`}\n          className=\"block text-2xs text-accent hover:underline\"\n        >\n          Execution Details\n        </Link>\n        <Link\n          to={`/workflows/tasks/detail/${task.id}`}\n          className=\"block text-2xs text-accent hover:underline\"\n        >\n          Task Details\n        </Link>\n        {task.trace_id && (\n          <TraceLink\n            traceId={task.trace_id}\n            href={traceUrl ? traceUrl.replace('{traceId}', task.trace_id) : undefined}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n","import { Link } from 'react-router-dom';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { RolePill } from '../../../components/common/display/RolePill';\nimport { UserName } from '../../../components/common/display/UserName';\nimport { TimestampCell } from '../../../components/common/display/TimestampCell';\nimport { DurationValue } from '../../../components/common/display/DurationValue';\nimport type { LTEscalationRecord } from '../../../api/types';\nimport { MetricCell } from './MetricCell';\n\nexport function EscalationDetailPanel({\n  escalation,\n}: {\n  escalation: LTEscalationRecord;\n}) {\n  const created = new Date(escalation.created_at).getTime();\n  const claimedMs = escalation.claimed_at\n    ? new Date(escalation.claimed_at).getTime() - created\n    : null;\n  const resolvedMs = escalation.resolved_at\n    ? new Date(escalation.resolved_at).getTime() - created\n    : null;\n\n  return (\n    <div className=\"grid grid-cols-[3fr_1fr] gap-6\">\n      {/* Left: timing metrics */}\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center gap-3\">\n          <StatusBadge status={escalation.status} />\n          <RolePill role={escalation.role} />\n          {escalation.type && (\n            <span className=\"text-2xs text-text-tertiary\">\n              {escalation.type}\n              {escalation.subtype ? ` / ${escalation.subtype}` : ''}\n            </span>\n          )}\n        </div>\n\n        <div className=\"grid grid-cols-3 gap-4\">\n          <MetricCell label=\"Created\">\n            <TimestampCell date={escalation.created_at} />\n          </MetricCell>\n\n          <MetricCell label=\"Claimed\">\n            {escalation.claimed_at ? (\n              <>\n                <TimestampCell date={escalation.claimed_at} />\n                <p className=\"text-2xs text-text-tertiary mt-0.5\">\n                  after <DurationValue ms={claimedMs} />\n                  {escalation.assigned_to && (\n                    <>\n                      {' '}by{' '}\n                      <span className=\"text-text-secondary font-medium\">\n                        <UserName userId={escalation.assigned_to} />\n                      </span>\n                    </>\n                  )}\n                </p>\n              </>\n            ) : (\n              <span className=\"text-text-tertiary italic text-xs\">Unclaimed</span>\n            )}\n          </MetricCell>\n\n          <MetricCell label=\"Resolved\">\n            {escalation.resolved_at ? (\n              <>\n                <TimestampCell date={escalation.resolved_at} />\n                <p className=\"text-2xs text-text-tertiary mt-0.5\">\n                  <DurationValue ms={resolvedMs} /> total\n                </p>\n              </>\n            ) : (\n              <span className=\"text-text-tertiary italic text-xs\">Pending</span>\n            )}\n          </MetricCell>\n        </div>\n\n        {escalation.description && (\n          <div>\n            <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n              Description\n            </p>\n            <p className=\"text-2xs text-text-secondary leading-relaxed\">\n              {escalation.description}\n            </p>\n          </div>\n        )}\n      </div>\n\n      {/* Right: links */}\n      <div className=\"flex flex-col items-end gap-2\">\n        {escalation.workflow_id && (\n          <Link\n            to={`/workflows/executions/${encodeURIComponent(escalation.workflow_id)}`}\n            className=\"block text-2xs text-accent hover:underline\"\n          >\n            Execution Details\n          </Link>\n        )}\n        <Link\n          to={`/escalations/detail/${escalation.id}`}\n          className=\"block text-2xs text-accent hover:underline\"\n        >\n          Escalation Details\n        </Link>\n      </div>\n    </div>\n  );\n}\n","import { Collapsible } from '../../../components/common/layout/Collapsible';\nimport { formatDuration } from '../../../lib/format';\nimport {\n  taskStatusColor,\n  escStatusColor,\n  statusLabel,\n  barColorForStatus,\n  isMcpWorkflow,\n  isAckEscalation,\n  middleTruncate,\n} from './helpers';\nimport type { ProcessLane } from './helpers';\nimport type { BarAnim } from './useTimelineAnimation';\nimport type { Tick } from './TimeAxis';\nimport { ClipboardIcon, SparkleIcon, BellIcon, UserIcon } from './SwimlaneIcons';\nimport { TaskDetailPanel } from './TaskDetailPanel';\nimport { EscalationDetailPanel } from './EscalationDetailPanel';\n\ninterface SwimlaneRowProps {\n  lane: ProcessLane;\n  ticks: Tick[];\n  isExpanded: boolean;\n  onToggle: () => void;\n  anim: BarAnim;\n  animDone: boolean;\n  traceUrl?: string | null;\n}\n\nexport function SwimlaneRow({\n  lane,\n  ticks,\n  isExpanded,\n  onToggle,\n  anim,\n  animDone,\n  traceUrl,\n}: SwimlaneRowProps) {\n  const isTask = lane.kind === 'task';\n  const status = isTask ? lane.task!.status : lane.escalation!.status;\n  const barBase = barColorForStatus(status, lane.isOpen);\n  const visible = anim.opacity > 0;\n\n  return (\n    <div>\n      {/* Lane row */}\n      <div\n        className=\"flex items-center border-b border-surface-border cursor-pointer hover:bg-surface-sunken/40 transition-colors\"\n        onClick={onToggle}\n      >\n        {/* Label column */}\n        <div\n          className={`w-52 shrink-0 py-3 pr-4 flex items-center gap-2 ${\n            isTask ? '' : 'pl-6'\n          }`}\n          style={{ opacity: visible ? 1 : 0, transition: 'opacity 0.15s ease-out' }}\n        >\n          {isTask ? (\n            isMcpWorkflow(lane.task!.workflow_type) ? (\n              <SparkleIcon\n                className={`w-4 h-4 shrink-0 ${taskStatusColor(lane.task!.status)}`}\n              />\n            ) : (\n              <ClipboardIcon\n                className={`w-4 h-4 shrink-0 ${taskStatusColor(lane.task!.status)}`}\n              />\n            )\n          ) : isAckEscalation(lane.escalation!) ? (\n            <BellIcon\n              className={`w-4 h-4 shrink-0 ${escStatusColor(lane.escalation!.status)}`}\n            />\n          ) : (\n            <UserIcon\n              className={`w-4 h-4 shrink-0 ${escStatusColor(lane.escalation!.status)}`}\n            />\n          )}\n          <p\n            className=\"text-xs font-mono text-text-secondary whitespace-nowrap overflow-hidden\"\n            title={statusLabel(lane.kind, isTask ? lane.task!.status : lane.escalation!.status, !isTask && isAckEscalation(lane.escalation!))}\n          >\n            {isTask\n              ? middleTruncate(lane.label, 24)\n              : middleTruncate(lane.escalation?.role ?? lane.label, 20)}\n          </p>\n        </div>\n\n        {/* Bar area */}\n        <div className=\"flex-1 relative h-10\">\n          {/* Tick gridlines */}\n          {ticks.map((tick) => (\n            <div\n              key={tick.pct}\n              className=\"absolute top-0 bottom-0 w-px bg-surface-border opacity-30\"\n              style={{ left: `${tick.pct}%` }}\n            />\n          ))}\n\n          {/* Duration bar (animated reveal + grow) */}\n          <div\n            className={`absolute top-2 h-6 rounded-sm ${\n              isExpanded\n                ? `${barBase} ring-2 ring-accent ring-offset-1`\n                : `${barBase} hover:opacity-80`\n            }`}\n            style={{\n              left: `${lane.startPct}%`,\n              width: visible ? `${Math.max(anim.width, 0.3)}%` : '0%',\n              minWidth: visible ? '4px' : '0px',\n              opacity: anim.opacity,\n            }}\n            title={`${lane.label} — ${formatDuration(lane.durationMs)} — ${new Date(lane.startMs).toLocaleTimeString()}`}\n          >\n            {/* Duration text inside bar (show only when fully revealed) */}\n            {anim.width > 8 && animDone && (\n              <span className=\"absolute inset-0 flex items-center px-1.5 text-2xs font-mono text-text-inverse truncate\">\n                {formatDuration(lane.durationMs)}\n              </span>\n            )}\n\n            {/* Claim marker (vertical dashed line) — show after animation */}\n            {lane.claimPct != null && animDone && (\n              <div\n                className=\"absolute top-0 bottom-0 w-px border-l border-dashed border-text-inverse/70\"\n                style={{ left: `${lane.claimPct}%` }}\n                title={\n                  lane.escalation?.assigned_to\n                    ? `Claimed by ${lane.escalation.assigned_to}`\n                    : 'Claimed'\n                }\n              >\n                {/* Claim dot */}\n                <div className=\"absolute -top-1 -left-[3px] w-[7px] h-[7px] rounded-full bg-text-inverse border border-status-warning\" />\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Expandable detail panel */}\n      <Collapsible open={isExpanded}>\n        <div className=\"py-4 px-6 pl-52 border-b border-surface-border bg-surface-sunken/20\">\n          {isTask && lane.task ? (\n            <TaskDetailPanel task={lane.task} traceUrl={traceUrl} />\n          ) : lane.escalation ? (\n            <EscalationDetailPanel escalation={lane.escalation} />\n          ) : null}\n        </div>\n      </Collapsible>\n    </div>\n  );\n}\n","import { useState, useMemo } from 'react';\nimport { formatDuration } from '../../../lib/format';\nimport { buildLanes } from './helpers';\nimport type { ProcessSwimlaneTimelineProps } from './helpers';\nimport { useTimelineAnimation } from './useTimelineAnimation';\nimport { SwimlaneHeader } from './SwimlaneHeader';\nimport { TimeAxis } from './TimeAxis';\nimport { SwimlaneRow } from './SwimlaneRow';\n\nexport function ProcessSwimlaneTimeline({\n  tasks,\n  escalations,\n  traceUrl,\n}: ProcessSwimlaneTimelineProps) {\n  const [expanded, setExpanded] = useState<Set<string>>(new Set());\n\n  const { lanes, timeMin, timeMax } = useMemo(\n    () => buildLanes(tasks, escalations),\n    [tasks, escalations],\n  );\n\n  const totalSpanMs = timeMax - timeMin || 1;\n  const { progress, animatedBar } = useTimelineAnimation(lanes.length, timeMin, timeMax);\n\n  if (lanes.length === 0) {\n    return (\n      <p className=\"text-sm text-text-tertiary py-8 text-center\">\n        No events in this process.\n      </p>\n    );\n  }\n\n  // Time axis ticks\n  const tickCount = 5;\n  const ticks = Array.from({ length: tickCount + 1 }, (_, i) => ({\n    pct: (i / tickCount) * 100,\n    label: formatDuration(Math.round((i / tickCount) * totalSpanMs)),\n  }));\n\n  const toggle = (id: string) => {\n    setExpanded((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n  };\n\n  const allIds = lanes.map((l) => l.id);\n  const allExpanded = allIds.length > 0 && allIds.every((id) => expanded.has(id));\n  const toggleAll = () => {\n    if (allExpanded) setExpanded(new Set());\n    else setExpanded(new Set(allIds));\n  };\n\n  const animDone = progress >= 1;\n\n  return (\n    <div className=\"py-2\">\n      <SwimlaneHeader allExpanded={allExpanded} onToggleAll={toggleAll} />\n      <TimeAxis ticks={ticks} />\n\n      {lanes.map((lane) => (\n        <SwimlaneRow\n          key={`${lane.kind}-${lane.id}`}\n          lane={lane}\n          ticks={ticks}\n          isExpanded={expanded.has(lane.id)}\n          onToggle={() => toggle(lane.id)}\n          anim={animatedBar(lane)}\n          animDone={animDone}\n          traceUrl={traceUrl}\n        />\n      ))}\n    </div>\n  );\n}\n","import { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useProcessDetail } from '../../api/tasks';\nimport { useProcessDetailEvents } from '../../hooks/useEventHooks';\nimport { useSettings } from '../../api/settings';\nimport { PageHeaderWithStats, type InlineStat } from '../../components/common/layout/PageHeaderWithStats';\nimport { SectionLabel } from '../../components/common/layout/SectionLabel';\nimport { JsonViewer } from '../../components/common/data/JsonViewer';\nimport { ProcessSwimlaneTimeline } from './process-swimlane/ProcessSwimlaneTimeline';\nimport { formatElapsed } from '../../lib/format';\nimport type { LTTaskRecord } from '../../api/types';\n\nfunction safeParseJson(raw: string | null | undefined): Record<string, unknown> | null {\n  if (!raw) return null;\n  try { return JSON.parse(raw); } catch { return null; }\n}\n\nfunction extractRootTask(tasks: LTTaskRecord[]): LTTaskRecord | null {\n  if (tasks.length === 0) return null;\n  return [...tasks].sort(\n    (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime(),\n  )[0];\n}\n\nexport function ProcessDetailPage() {\n  const { originId } = useParams<{ originId: string }>();\n  useProcessDetailEvents(originId);\n  const { data, isLoading } = useProcessDetail(originId ?? '');\n  const { data: settings } = useSettings();\n  const traceUrl = settings?.telemetry?.traceUrl ?? null;\n\n  const tasks = data?.tasks ?? [];\n  const escalations = data?.escalations ?? [];\n\n  const rootTask = useMemo(() => extractRootTask(tasks), [tasks]);\n  const rootEnvelope = useMemo(() => safeParseJson(rootTask?.envelope), [rootTask]);\n  const rootResult = useMemo(() => {\n    if (rootTask?.data) return safeParseJson(rootTask.data);\n    const completed = tasks\n      .filter((t) => t.status === 'completed' && t.data)\n      .sort((a, b) => new Date(b.completed_at!).getTime() - new Date(a.completed_at!).getTime());\n    return completed.length > 0 ? safeParseJson(completed[0].data) : null;\n  }, [rootTask, tasks]);\n\n  const isRunning = useMemo(() => {\n    return tasks.length > 0 && tasks.some(\n      (t) => t.status !== 'completed' && t.status !== 'cancelled',\n    );\n  }, [tasks]);\n\n  const stats = useMemo(() => {\n    const completed = tasks.filter((t) => t.status === 'completed').length;\n    const escalated = tasks.filter((t) => t.status === 'needs_intervention').length;\n    const resolved = escalations.filter((e) => e.status === 'resolved').length;\n    return { tasks: tasks.length, completed, escalated, escalations: escalations.length, resolved };\n  }, [tasks, escalations]);\n\n  const duration = useMemo(() => {\n    if (tasks.length === 0 && escalations.length === 0) return null;\n    const allDates = [\n      ...tasks.map((t) => t.created_at),\n      ...escalations.map((e) => e.created_at),\n    ].sort();\n    const startIso = allDates[0];\n    const allCompleted = tasks.every((t) => t.status === 'completed' || t.status === 'cancelled');\n    const allResolved = escalations.every((e) => e.status === 'resolved');\n    const isFinished = tasks.length > 0 && allCompleted && allResolved;\n    const endIso = isFinished\n      ? [...tasks.map((t) => t.completed_at), ...escalations.map((e) => e.resolved_at)]\n          .filter(Boolean)\n          .sort()\n          .pop() ?? null\n      : null;\n    return { startIso, endIso, isFinished, elapsed: formatElapsed(startIso, endIso) };\n  }, [tasks, escalations]);\n\n  const inlineStats = useMemo<InlineStat[]>(() => {\n    const items: InlineStat[] = [];\n    if (duration) {\n      items.push({\n        label: duration.isFinished ? 'Completed' : 'Running',\n        value: duration.elapsed,\n        dotClass: duration.isFinished ? 'bg-status-success' : 'bg-status-pending animate-pulse',\n      });\n    }\n    items.push(\n      { label: 'Tasks', value: `${stats.completed}/${stats.tasks}` },\n      { label: 'Escalations', value: `${stats.resolved}/${stats.escalations}` },\n    );\n    return items;\n  }, [duration, stats]);\n\n  if (isLoading && tasks.length === 0) {\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-40 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  const hasMessages = rootEnvelope || rootResult || isRunning;\n\n  return (\n    <div>\n      <PageHeaderWithStats\n        title=\"Process Detail\"\n        docsHash=\"#docs:dashboard.md:process-detail\"\n        subtitle={originId}\n        stats={inlineStats}\n      />\n\n      {hasMessages && (\n        <div className=\"grid grid-cols-1 @split:grid-cols-2 gap-8 mb-10\">\n          <div>\n            {rootEnvelope ? (\n              <JsonViewer data={rootEnvelope} label=\"Input\" defaultMode=\"json\" defaultCollapsed />\n            ) : (\n              <div>\n                <SectionLabel>Input</SectionLabel>\n                <div className=\"font-mono text-xs bg-surface-sunken rounded-md p-4 text-text-tertiary italic mt-2\">\n                  Waiting for task...\n                </div>\n              </div>\n            )}\n          </div>\n          <div>\n            {rootResult ? (\n              <JsonViewer data={rootResult} label=\"Output\" defaultMode=\"json\" defaultCollapsed />\n            ) : isRunning ? (\n              <div>\n                <SectionLabel>Output</SectionLabel>\n                <div className=\"flex items-center gap-2 font-mono text-xs bg-surface-sunken rounded-md p-4 text-text-secondary mt-2\">\n                  <span className=\"w-1.5 h-1.5 rounded-full dot-ring bg-status-pending animate-pulse\" />\n                  Processing...\n                </div>\n              </div>\n            ) : null}\n          </div>\n        </div>\n      )}\n\n      <SectionLabel className=\"mb-6\">Timeline</SectionLabel>\n\n      <ProcessSwimlaneTimeline\n        tasks={tasks}\n        escalations={escalations}\n        traceUrl={traceUrl}\n      />\n    </div>\n  );\n}\n"],"names":["PENDING_CLASS","taskStatusColor","status","escStatusColor","statusLabel","kind","isAck","barColorForStatus","isOpen","isMcpWorkflow","workflowType","isAckEscalation","esc","middleTruncate","str","maxLen","keep","buildLanes","tasks","escalations","now","escByTask","unlinked","e","sorted","a","b","allTimes","t","timeMin","timeMax","span","toPct","ms","lanes","task","tStart","tEnd","tOpen","taskEscs","eStart","eEnd","eOpen","claimPct","claimMs","escSpan","useTimelineAnimation","laneCount","durationMs","progress","setProgress","useState","startRef","useRef","totalSpanMs","useEffect","raf","step","ts","elapsed","eased","animatedBar","useCallback","lane","appearAt","doneAt","laneSpan","fill","animatedWidth","fadeIn","ClipboardIcon","className","jsx","SparkleIcon","BellIcon","UserIcon","SwimlaneHeader","allExpanded","onToggleAll","jsxs","TimeAxis","ticks","tick","MetricCell","label","children","TraceLink","traceId","href","copied","setCopied","handleCopy","handleNav","TaskDetailPanel","traceUrl","StatusBadge","WorkflowPill","TimestampCell","DurationValue","m","i","Link","EscalationDetailPanel","escalation","created","claimedMs","resolvedMs","RolePill","Fragment","UserName","SwimlaneRow","isExpanded","onToggle","anim","animDone","isTask","barBase","visible","_a","formatDuration","_b","Collapsible","ProcessSwimlaneTimeline","expanded","setExpanded","useMemo","tickCount","_","toggle","id","prev","next","allIds","l","toggleAll","safeParseJson","raw","extractRootTask","ProcessDetailPage","originId","useParams","useProcessDetailEvents","data","isLoading","useProcessDetail","settings","useSettings","rootTask","rootEnvelope","rootResult","completed","isRunning","stats","escalated","resolved","duration","startIso","allCompleted","allResolved","isFinished","endIso","formatElapsed","inlineStats","items","hasMessages","PageHeaderWithStats","JsonViewer","SectionLabel"],"mappings":"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"}

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

@@ -1,8 +0,0 @@
-import{a as h,j as e}from"./vendor-query-B2UbickB.js";import{G as X,a3 as O,a4 as ee,J as te,a2 as se,a5 as ae,a6 as ne}from"./index-CKxFjMtw.js";import{C as re}from"./ConfirmDeleteModal-DD7SEMeX.js";import{u as ie}from"./users-C8H4jjTq.js";import{I as F,B as le,A as oe,a1 as ce,T as de,aJ as xe,L as me,N as ue,m as he,P as pe,n as I,af as fe}from"./vendor-icons-BE_WrH2z.js";import{e as ve,a as ge,L as J}from"./vendor-react-BpdAFEQc.js";import"./Modal-CA2Iv02H.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 M(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:M(t.metadata_schema),properties:M(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,T]=h.useState(!1),[U,A]=h.useState(new Set),G=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]),K=()=>{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(F,{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,B=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(F,{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)),B&&e.jsx("span",{className:"text-2xs text-accent font-mono whitespace-nowrap pb-2",children:B})]}),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:K,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:()=>T(!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:I,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(J,{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(J,{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:I,label:"Metadata Schema",annotation:"validates metadata at creation",aside:!U.has("metadata_schema")&&a.metadata_schema?e.jsx("button",{onClick:()=>G("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."]}),!U.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:()=>T(!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-GJ_coHsM.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RoleDetailPage-GJ_coHsM.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/RolesPage-CPKw336d.js

@@ -1,2 +0,0 @@
-import{a as u,j as e}from"./vendor-query-B2UbickB.js";import{a1 as _,G as L,a2 as P}from"./index-CKxFjMtw.js";import{P as E}from"./PageHeader-DlcE3U5L.js";import{R as v}from"./RolePill-dzo14hB_.js";import{a as y}from"./role-display-Dvo2lDpU.js";import{M as S}from"./Modal-CA2Iv02H.js";import{ac as T}from"./vendor-icons-BE_WrH2z.js";import{a as A,L as $}from"./vendor-react-BpdAFEQc.js";function M({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 I(){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 V(){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(I,{})]}),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(M,{open:f,onClose:()=>j(!1)})]})}export{V as RolesPage};
-//# sourceMappingURL=RolesPage-CPKw336d.js.map