@hotmeshio/long-tail 0.8.0 → 0.8.2

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

@@ -1,2 +0,0 @@
-import{j as e}from"./vendor-query-B2UbickB.js";import{P as j}from"./PageHeader-CFta2VaS.js";import{D as _}from"./DataTable-ZWgVQg7F.js";import{F as v,b as f}from"./FilterBar-BQ2JGg8U.js";import{S as P}from"./StickyPagination-GQKFFTjL.js";import{L as N}from"./ListToolbar--FkPpYDY.js";import{b as C}from"./api-path-u2Jf9QXS.js";import{T as h}from"./TimestampCell-BSKj1jqT.js";import{E as $}from"./ElapsedCell-B8TrnyT5.js";import{W}from"./WorkflowPill-BuNkWUVM.js";import{E as S}from"./EmptyState-BcsfPq9T.js";import{R as c}from"./RowActions-BA9L9djf.js";import{u as q}from"./useFilterParams-x-Dg0Vgz.js";import{b as T}from"./useEventHooks-DlWkui_n.js";import{u as D}from"./mcp-query-ksjBztwq.js";import{c as y,v as B,w as g,x as k,y as F,z as L}from"./vendor-icons-BaQqUm-e.js";import{c as M}from"./vendor-react-CXumBFUA.js";import"./index-CKXSKsVZ.js";const z={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 E(s){return[{key:"workflow_id",label:"Workflow ID / Type",render:t=>{const o=p(t),a=z[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 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=E(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-DveeRF5I.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"McpQueryPage-DveeRF5I.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 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/McpRunsPage-Cgke6ask.js

@@ -1,2 +0,0 @@
-import{a as m,j as s}from"./vendor-query-B2UbickB.js";import{a as R,u as T}from"./pipelines-DT1astmP.js";import{a as M}from"./yaml-workflows-Df8u3lgx.js";import{u as z}from"./useFilterParams-x-Dg0Vgz.js";import{u as E}from"./useNamespace-BBzCmCIN.js";import{b as $}from"./api-path-u2Jf9QXS.js";import{D as A}from"./DataTable-ZWgVQg7F.js";import{W as L}from"./WorkflowPill-BuNkWUVM.js";import{E as U}from"./ElapsedCell-B8TrnyT5.js";import{b}from"./index-CKXSKsVZ.js";import{P as I}from"./PageHeader-CFta2VaS.js";import{F as O,b as g}from"./FilterBar-BQ2JGg8U.js";import{S as W}from"./StickyPagination-GQKFFTjL.js";import{L as B}from"./ListToolbar--FkPpYDY.js";import{R as H,a as q}from"./RowActions-BA9L9djf.js";import{u as G}from"./vendor-icons-BaQqUm-e.js";import{c as V}from"./vendor-react-CXumBFUA.js";import"./controlplane-BrwK_MT8.js";import"./EmptyState-BcsfPq9T.js";const Y={running:"in_progress",completed:"completed",failed:"failed"},D={in_progress:"bg-status-active",completed:"bg-status-success",failed:"bg-status-error"},J={running:"text-status-active",completed:"text-status-success",failed:"text-status-error"};function K(x,f){return[{key:"workflow_id",label:"Run ID",render:t=>{const a=D[Y[t.status]??t.status]??"bg-status-pending",i=t.status==="running"?" animate-pulse":"";return s.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[s.jsx("span",{className:`w-1.5 h-1.5 shrink-0 rounded-full ${a}${i}`,title:t.status}),s.jsx("span",{className:"font-mono text-xs text-text-primary truncate",children:t.workflow_id})]})}},{key:"entity",label:"Tool",render:t=>t.entity?s.jsx(L,{type:t.entity,variant:"pipeline",size:"xs"}):s.jsx("span",{className:"text-[10px] text-text-tertiary",children:"—"}),className:"w-44 shrink-0"},{key:"created_at",label:"Created",sortable:!0,render:t=>s.jsx(b,{date:t.created_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}),className:"w-32"},{key:"updated_at",label:"Updated",sortable:!0,render:t=>s.jsx(b,{date:t.updated_at,format:"relative",className:"text-xs text-text-secondary whitespace-nowrap"}),className:"w-32"},{key:"duration",label:"Duration",render:t=>s.jsx(U,{startDate:t.created_at,endDate:t.status==="running"?null:t.updated_at,isLive:t.status==="running"}),className:"w-28"},{key:"actions",label:"",render:t=>s.jsxs(H,{children:[s.jsx(q,{icon:G,title:`Filter by ${t.entity}`,onClick:()=>x(t.entity)}),s.jsx("button",{onClick:a=>{a.stopPropagation(),f(t.status)},className:"opacity-0 group-hover/row:opacity-100 transition-opacity",title:`Filter by ${t.status}`,children:s.jsx("svg",{className:`w-[18px] h-[18px] ${J[t.status]??"text-text-tertiary"} hover:opacity-70`,viewBox:"0 0 24 24",fill:"currentColor",children:s.jsx("circle",{cx:"12",cy:"12",r:"6"})})})]}),className:"w-24 text-right"}]}function ge(){const x=V(),{namespace:f,available:t}=E("namespace"),{filters:a,setFilter:i,setFilters:v,pagination:o,sort:u,setSort:j}=z({filters:{search:"",entity:"",status:"",namespace:""}}),[d,_]=m.useState(a.search);m.useEffect(()=>{if(d===a.search)return;const e=setTimeout(()=>i("search",d),300);return()=>clearTimeout(e)},[d,i,a.search]);const{data:l}=M(),y=m.useMemo(()=>{const e=new Set(t);for(const r of(l==null?void 0:l.app_ids)??[])e.add(r);return[...e].sort()},[t,l==null?void 0:l.app_ids]),n=a.namespace||f,{data:c}=R(n),{data:p,isLoading:S,refetch:N,isFetching:k}=T({app_id:n,limit:o.pageSize,offset:o.offset,entity:a.entity||void 0,search:a.search||void 0,status:a.status||void 0,sort_by:u.sort_by||"created_at",order:u.order||"desc"}),h=(p==null?void 0:p.total)??0,w=(p==null?void 0:p.jobs)??[],C=K(e=>i("entity",e),e=>i("status",e)),P=m.useMemo(()=>{const e=new Set(y);return n&&e.add(n),[...e].sort().map(r=>({value:r,label:r}))},[y,n]),F=m.useMemo(()=>{const e=new Set((c==null?void 0:c.entities)??[]);return a.entity&&!e.has(a.entity)&&e.add(a.entity),[...e].sort().map(r=>({value:r,label:r}))},[c==null?void 0:c.entities,a.entity]);return s.jsxs("div",{children:[s.jsx(I,{title:"Pipeline Executions",docsHash:"#docs:dashboard.md:pipeline-executions"}),s.jsxs(O,{actions:s.jsx(B,{onRefresh:()=>N(),isFetching:k,apiPath:$("/pipelines",{app_id:n,limit:o.pageSize,offset:o.offset,entity:a.entity||void 0,status:a.status||void 0,search:a.search||void 0,sort_by:u.sort_by||"created_at",order:u.order||"desc"})}),children:[s.jsx(g,{label:"Namespace",value:n,onChange:e=>{v({namespace:e,entity:""})},options:P,required:!0}),s.jsx("input",{type:"text",placeholder:"Search run ID...",value:d,onChange:e=>_(e.target.value),className:"input text-[11px] py-1 px-2 w-56"}),s.jsx(g,{label:"Tool",value:a.entity,onChange:e=>i("entity",e),options:F}),s.jsx(g,{label:"Status",value:a.status,onChange:e=>i("status",e),options:[{value:"running",label:"Running"},{value:"completed",label:"Completed"},{value:"failed",label:"Failed"}]})]}),s.jsx(A,{columns:C,data:w,keyFn:e=>e.workflow_id,onRowClick:e=>x(`/mcp/executions/${encodeURIComponent(e.workflow_id)}?namespace=${n}`),isLoading:S,emptyMessage:"No pipeline executions found",sort:u,onSort:j}),s.jsx(W,{page:o.page,totalPages:o.totalPages(h),onPageChange:o.setPage,total:h,pageSize:o.pageSize,onPageSizeChange:o.setPageSize})]})}export{ge as McpRunsPage};
-//# sourceMappingURL=McpRunsPage-Cgke6ask.js.map

package/dashboard/dist/assets/McpRunsPage-Cgke6ask.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"McpRunsPage-Cgke6ask.js","sources":["../../src/pages/mcp/McpRunsPage.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Filter } from 'lucide-react';\nimport { useMcpRuns, useMcpEntities } from '../../api/pipelines';\nimport { useYamlWorkflowAppIds } from '../../api/yaml-workflows';\nimport { useFilterParams } from '../../hooks/useFilterParams';\nimport { useNamespace } from '../../hooks/useNamespace';\nimport { buildApiPath } from '../../lib/api-path';\nimport { DataTable, type Column } from '../../components/common/data/DataTable';\nimport { WorkflowPill } from '../../components/common/display/WorkflowPill';\nimport { ElapsedCell } from '../../components/common/display/ElapsedCell';\nimport { DateValue } from '../../components/common/display/DateValue';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { FilterBar, FilterSelect } from '../../components/common/data/FilterBar';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { RowAction, RowActionGroup } from '../../components/common/layout/RowActions';\nimport type { LTJob } from '../../api/types';\n\nconst statusMap: Record<string, string> = {\n  running: 'in_progress',\n  completed: 'completed',\n  failed: 'failed',\n};\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\nconst STATUS_COLORS: Record<string, string> = {\n  running: 'text-status-active',\n  completed: 'text-status-success',\n  failed: 'text-status-error',\n};\n\nfunction buildColumns(\n  onFilterEntity: (entity: string) => void,\n  onFilterStatus: (status: string) => void,\n): Column<LTJob>[] {\n  return [\n    {\n      key: 'workflow_id',\n      label: 'Run ID',\n      render: (row) => {\n        const dotClass = STATUS_DOT[statusMap[row.status] ?? row.status] ?? 'bg-status-pending';\n        const pulseClass = row.status === 'running' ? ' animate-pulse' : '';\n        return (\n          <div className=\"flex items-center gap-2 min-w-0\">\n            <span className={`w-1.5 h-1.5 shrink-0 rounded-full ${dotClass}${pulseClass}`} title={row.status} />\n            <span className=\"font-mono text-xs text-text-primary truncate\">{row.workflow_id}</span>\n          </div>\n        );\n      },\n    },\n    {\n      key: 'entity',\n      label: 'Tool',\n      render: (row) => row.entity\n        ? <WorkflowPill type={row.entity} variant=\"pipeline\" size=\"xs\" />\n        : <span className=\"text-[10px] text-text-tertiary\">—</span>,\n      className: 'w-44 shrink-0',\n    },\n    {\n      key: 'created_at',\n      label: 'Created',\n      sortable: true,\n      render: (row) => <DateValue date={row.created_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />,\n      className: 'w-32',\n    },\n    {\n      key: 'updated_at',\n      label: 'Updated',\n      sortable: true,\n      render: (row) => <DateValue date={row.updated_at} format=\"relative\" className=\"text-xs text-text-secondary whitespace-nowrap\" />,\n      className: 'w-32',\n    },\n    {\n      key: 'duration',\n      label: 'Duration',\n      render: (row) => (\n        <ElapsedCell\n          startDate={row.created_at}\n          endDate={row.status === 'running' ? null : row.updated_at}\n          isLive={row.status === 'running'}\n        />\n      ),\n      className: 'w-28',\n    },\n    {\n      key: 'actions',\n      label: '',\n      render: (row) => (\n        <RowActionGroup>\n          <RowAction\n            icon={Filter}\n            title={`Filter by ${row.entity}`}\n            onClick={() => onFilterEntity(row.entity)}\n          />\n          <button\n            onClick={(e) => { e.stopPropagation(); onFilterStatus(row.status); }}\n            className=\"opacity-0 group-hover/row:opacity-100 transition-opacity\"\n            title={`Filter by ${row.status}`}\n          >\n            <svg className={`w-[18px] h-[18px] ${STATUS_COLORS[row.status] ?? 'text-text-tertiary'} hover:opacity-70`} viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <circle cx=\"12\" cy=\"12\" r=\"6\" />\n            </svg>\n          </button>\n        </RowActionGroup>\n      ),\n      className: 'w-24 text-right',\n    },\n  ];\n}\n\nexport function McpRunsPage() {\n  const navigate = useNavigate();\n  const { namespace: hookNamespace, available } = useNamespace('namespace');\n  const { filters, setFilter, setFilters, pagination, sort, setSort } = useFilterParams({\n    filters: { search: '', entity: '', status: '', namespace: '' },\n  });\n\n  const [searchInput, setSearchInput] = useState(filters.search);\n\n  useEffect(() => {\n    if (searchInput === filters.search) return;\n    const timer = setTimeout(() => setFilter('search', searchInput), 300);\n    return () => clearTimeout(timer);\n  }, [searchInput, setFilter, filters.search]);\n\n  const { data: appIdData } = useYamlWorkflowAppIds();\n\n  // Merge real HotMesh namespaces (from controlplane/apps) with YAML workflow app_ids\n  const allNamespaceNames = useMemo(() => {\n    const set = new Set(available);\n    for (const id of appIdData?.app_ids ?? []) {\n      set.add(id);\n    }\n    return [...set].sort();\n  }, [available, appIdData?.app_ids]);\n\n  const activeNamespace = filters.namespace || hookNamespace;\n  const { data: entitiesData } = useMcpEntities(activeNamespace);\n\n  const { data: runsData, isLoading, refetch, isFetching } = useMcpRuns({\n    app_id: activeNamespace,\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n    entity: filters.entity || undefined,\n    search: filters.search || undefined,\n    status: filters.status || undefined,\n    sort_by: sort.sort_by || 'created_at',\n    order: sort.order || 'desc',\n  });\n\n  const total = runsData?.total ?? 0;\n  const jobs = runsData?.jobs ?? [];\n\n  const columns = buildColumns(\n    (entity) => setFilter('entity', entity),\n    (status) => setFilter('status', status),\n  );\n\n  const namespaces = useMemo(() => {\n    const set = new Set(allNamespaceNames);\n    if (activeNamespace) set.add(activeNamespace);\n    return [...set].sort().map((id) => ({ value: id, label: id }));\n  }, [allNamespaceNames, activeNamespace]);\n\n  const entities = useMemo(() => {\n    const known = new Set(entitiesData?.entities ?? []);\n    if (filters.entity && !known.has(filters.entity)) known.add(filters.entity);\n    return [...known].sort().map((e) => ({ value: e, label: e }));\n  }, [entitiesData?.entities, filters.entity]);\n\n  return (\n    <div>\n      <PageHeader title=\"Pipeline Executions\" docsHash=\"#docs:dashboard.md:pipeline-executions\" />\n\n      <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={buildApiPath('/pipelines', {\n            app_id: activeNamespace,\n            limit: pagination.pageSize,\n            offset: pagination.offset,\n            entity: filters.entity || undefined,\n            status: filters.status || undefined,\n            search: filters.search || undefined,\n            sort_by: sort.sort_by || 'created_at',\n            order: sort.order || 'desc',\n          })}\n        />\n      }>\n        <FilterSelect\n          label=\"Namespace\"\n          value={activeNamespace}\n          onChange={(v) => {\n            setFilters({ namespace: v, entity: '' });\n          }}\n          options={namespaces}\n          required\n        />\n        <input\n          type=\"text\"\n          placeholder=\"Search run ID...\"\n          value={searchInput}\n          onChange={(e) => setSearchInput(e.target.value)}\n          className=\"input text-[11px] py-1 px-2 w-56\"\n        />\n        <FilterSelect\n          label=\"Tool\"\n          value={filters.entity}\n          onChange={(v) => setFilter('entity', v)}\n          options={entities}\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={[\n            { value: 'running', label: 'Running' },\n            { value: 'completed', label: 'Completed' },\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) => navigate(`/mcp/executions/${encodeURIComponent(row.workflow_id)}?namespace=${activeNamespace}`)}\n        isLoading={isLoading}\n        emptyMessage=\"No pipeline executions found\"\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":["statusMap","STATUS_DOT","STATUS_COLORS","buildColumns","onFilterEntity","onFilterStatus","row","dotClass","pulseClass","jsxs","jsx","WorkflowPill","DateValue","ElapsedCell","RowActionGroup","RowAction","Filter","e","McpRunsPage","navigate","useNavigate","hookNamespace","available","useNamespace","filters","setFilter","setFilters","pagination","sort","setSort","useFilterParams","searchInput","setSearchInput","useState","useEffect","timer","appIdData","useYamlWorkflowAppIds","allNamespaceNames","useMemo","set","id","activeNamespace","entitiesData","useMcpEntities","runsData","isLoading","refetch","isFetching","useMcpRuns","total","jobs","columns","entity","status","namespaces","entities","known","PageHeader","FilterBar","ListToolbar","buildApiPath","FilterSelect","v","DataTable","StickyPagination"],"mappings":"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"}

package/dashboard/dist/assets/OperationsPage-D2i7xrAI.js

@@ -1,2 +0,0 @@
-import{a as w,j as e}from"./vendor-query-B2UbickB.js";import{b as Ce}from"./roles-UboiQxXT.js";import{K as ge}from"./index-CKXSKsVZ.js";import{i as Re}from"./useEventHooks-DlWkui_n.js";import{P as Se}from"./PageHeader-CFta2VaS.js";import{X as Pe,ae as le,au as Le,as as qe}from"./vendor-icons-BaQqUm-e.js";import{L as B,f as Fe,c as Ee}from"./vendor-react-CXumBFUA.js";const je=800,be=270,I=40,Oe=76,ie=24,Ae=72,re=je-I-Oe,ve=be-ie-Ae,$=ie+ve,me=I+re,j="0.5s cubic-bezier(0.4, 0, 0.2, 1)",fe=9;function Ne(t){return`M ${(t.x-fe).toFixed(1)} ${t.y.toFixed(1)} L ${(t.x+fe).toFixed(1)} ${t.y.toFixed(1)}`}function We(t){return t.length===0?"":t.length===1?Ne(t[0]):t.map((n,l)=>`${l===0?"M":"L"} ${n.x.toFixed(1)} ${n.y.toFixed(1)}`).join(" ")}function Q(t){if(t.length===0)return"";if(t.length===1)return Ne(t[0]);const n=[];for(let l=0;l<t.length-1;l++){const i=t[Math.max(0,l-1)],c=t[l],u=t[l+1],a=t[Math.min(t.length-1,l+2)],x=(c.x+(u.x-i.x)/6).toFixed(1),p=(c.y+(u.y-i.y)/6).toFixed(1),o=(u.x-(a.x-c.x)/6).toFixed(1),d=(u.y-(a.y-c.y)/6).toFixed(1);l===0&&n.push(`M ${c.x.toFixed(1)} ${c.y.toFixed(1)}`),n.push(`C ${x} ${p}, ${o} ${d}, ${u.x.toFixed(1)} ${u.y.toFixed(1)}`)}return n.join(" ")}function Ie(t,n){if(t.length<2||n.length<2)return"";const l=Q(t),i=[...n].reverse(),c=Q(i),u=c.slice(c.indexOf("C"));return`${l} L ${i[0].x.toFixed(1)} ${i[0].y.toFixed(1)} ${u} Z`}function Te(t){return t>=1e4?`${Math.round(t/1e3)}k`:t>=1e3?`${(t/1e3).toFixed(1)}k`:String(t)}function se(t){return t.length>0?t[t.length-1]:void 0}function De(t){return t==null?{stroke:"#cbd5e1",fill:"#f8fafc"}:t>=1?{stroke:"#10b981",fill:"#ecfdf5"}:t>=.6?{stroke:"#f59e0b",fill:"#fffbeb"}:{stroke:"#ef4444",fill:"#fef2f2"}}const F="#6366f1",T="#0ea5e9",D="#4e6a5e",ke="#b0e0e6",E="#5b93ad",Be=13;function ze(t,n){const l=[...t].sort((a,x)=>a.y-x.y);let i=-1/0;const c=l.map(a=>{const x=Math.max(a.y+3,i+Be);return i=x,{...a,labelY:x}}),u=c.length>0?c[c.length-1].labelY-n:0;if(u>0)for(const a of c)a.labelY-=u;return c}function He({stations:t,selectedRole:n,onSelect:l,onUpstreamSelect:i,onPrioritySelect:c,periodHours:u}){const[a,x]=w.useState(null),p=t.length;if(p===0)return null;const o=s=>p===1?I+re/2:I+s/(p-1)*re,d=new Map(t.map((s,h)=>[s.role,o(h)])),y=t.map((s,h)=>{var W,G,L,U;const g=s.target_per_hour??null,R=g!=null?g*u:null;return{idx:h,x:o(h),expected:R,actual:((W=s.metric)==null?void 0:W.resolved)??0,active:((G=s.metric)==null?void 0:G.claimed)??0,pending:((L=s.metric)==null?void 0:L.pending)??0,priorityCount:((U=s.metric)==null?void 0:U.priority_count)??0}}),v=y.some(s=>s.expected!=null),f=Math.max(1,...y.map(s=>s.expected??0),...y.map(s=>s.actual),...y.map(s=>s.expected!=null?s.pending:0))*1.15,C=s=>ie+ve*(1-Math.max(0,Math.min(s,f))/f),N=y.filter(s=>s.expected!=null),S=N.map(s=>({...s,y:C(s.expected)})),_=N.map(s=>({...s,y:C(s.actual)})),M=N.map(s=>({...s,y:C(s.active)})),k=N.map(s=>({...s,y:C(s.pending)})),z=We(S),H=Q(_),V=Q(M),K=Q(k),q=se(_),X=se(S),O=se(M),Z=se(k),J=_.length>=2&&q?`${H} L ${q.x.toFixed(1)} ${$} L ${_[0].x.toFixed(1)} ${$} Z`:"",A=N.some(s=>s.pending>0||s.active>0),ee=A&&M.length>=2&&O?`${V} L ${O.x.toFixed(1)} ${$} L ${M[0].x.toFixed(1)} ${$} Z`:"",Y=A?Ie(k,M):"",r=N.some(s=>s.active>0),m=N.some(s=>s.pending>s.active),P=ze([X?{key:"target",text:"target",color:"#ef4444",y:X.y}:null,q?{key:"actual",text:"actual",color:D,y:q.y}:null,r&&O?{key:"active",text:"active",color:F,y:O.y}:null,m&&Z?{key:"queued",text:"queued",color:T,y:Z.y}:null].filter(Boolean),$+4);return e.jsxs("svg",{viewBox:`0 0 ${je} ${be}`,className:"w-full h-full",preserveAspectRatio:"xMidYMid meet",style:{display:"block"},children:[t.map(s=>{if(!s.parent_role)return null;const h=d.get(s.parent_role);if(h==null)return null;const g=o(t.findIndex(R=>R.role===s.role));return e.jsx("line",{x1:h,y1:$,x2:g,y2:$,stroke:"#e2e8f0",strokeWidth:.75},`dep-${s.role}`)}),J&&e.jsx("path",{d:J,fill:D,opacity:.05,style:{transition:`d ${j}`}}),ee&&e.jsx("path",{d:ee,fill:F,opacity:.12,style:{transition:`d ${j}`}}),Y&&e.jsx("path",{d:Y,fill:T,opacity:.12,style:{transition:`d ${j}`}}),z&&e.jsx("path",{d:z,fill:"none",stroke:"#ef4444",strokeWidth:.5,strokeLinejoin:"round",opacity:.9,style:{transition:`d ${j}`}}),S.map(s=>e.jsx("text",{x:s.x,y:s.y-3.5,textAnchor:"middle",fontSize:6.5,fill:"#ef4444",fontFamily:"ui-monospace, monospace",fontWeight:"500",opacity:.7,style:{transition:`y ${j}`},children:Math.round(s.expected)},`tval-${s.idx}`)),A&&K&&e.jsx("path",{d:K,fill:"none",stroke:T,strokeWidth:.75,strokeDasharray:"2 3",strokeLinecap:"round",opacity:.55,style:{transition:`d ${j}`}}),V&&e.jsx("path",{d:V,fill:"none",stroke:F,strokeWidth:.75,strokeDasharray:"2 3",strokeLinecap:"round",opacity:.5,style:{transition:`d ${j}`}}),H&&e.jsx("path",{d:H,fill:"none",stroke:D,strokeWidth:1,strokeLinejoin:"round",strokeLinecap:"round",opacity:.75,style:{transition:`d ${j}`}}),M.map((s,h)=>{if(s.pending<=0&&s.active<=0)return null;const g=Math.max(2.5,Math.min(5,2.5+s.active/10)),R=s.pending>s.active,W=Math.min(k[h].y-4,s.y-g-4);return e.jsxs("g",{children:[s.pending>0&&e.jsx("text",{x:s.x,y:W,textAnchor:"middle",fontSize:7.5,fill:R?T:"#64748b",fontFamily:"ui-monospace, monospace",fontWeight:"600",style:{transition:`y ${j}`},children:s.pending}),e.jsxs("g",{transform:`translate(${s.x} ${s.y})`,style:{transition:`transform ${j}`},children:[e.jsx("circle",{r:g,fill:F,opacity:.85}),s.active>0&&e.jsx("text",{y:g+9,textAnchor:"middle",fontSize:7.5,fill:F,fontFamily:"ui-monospace, monospace",fontWeight:"600",children:s.active})]})]},`active-${s.idx}`)}),y.map(s=>{var he;const h=t[s.idx],g=s.x,R=s.expected!=null?C(s.actual):$,W=s.expected&&s.expected>0?s.actual/s.expected:null,{stroke:G}=De(s.expected!=null?W:null),L=Math.max(3,Math.min(5.5,3+s.actual/120)),U=h.role===n,xe=a===s.idx,de=s.expected==null?"idle · set a target rate to plot pace":`${s.actual} done · target ${Math.round(s.expected)}`+(s.pending>s.active?` · ${s.pending-s.active} waiting`:"")+(s.active>0?` · ${s.active} active`:"")+(s.priorityCount>0?` · ${s.priorityCount} priority`:""),te=de.length*5.5+20,ue=Math.max(I+te/2+4,Math.min(me-te/2-4,g)),pe=R-L-10;return e.jsxs("g",{onClick:()=>l(h.role),onMouseEnter:()=>x(s.idx),onMouseLeave:()=>x(null),style:{cursor:"pointer"},children:[e.jsxs("g",{transform:`translate(${g} ${R})`,style:{transition:`transform ${j}`},children:[e.jsx("circle",{r:22,fill:"transparent"}),e.jsx("circle",{r:L,fill:G,opacity:.9,style:{transition:`r ${j}`}}),s.expected!=null&&e.jsx("text",{y:-L-5,textAnchor:"middle",fontSize:9.5,fill:D,fontFamily:"ui-monospace, monospace",fontWeight:"500",children:Te(s.actual)}),xe&&!U&&e.jsx("circle",{r:L+3,fill:"none",stroke:G,strokeWidth:1,opacity:.4}),U&&e.jsx("circle",{r:L+4,fill:"none",stroke:"#6366f1",strokeWidth:2})]}),s.priorityCount>0&&e.jsxs("g",{transform:`translate(${g+15} ${Math.max(R-15,12)})`,onClick:oe=>{oe.stopPropagation(),c==null||c(h.role)},style:{cursor:"pointer",transition:`transform ${j}`},children:[e.jsx("title",{children:`${s.priorityCount} past the priority threshold — click to pull oldest first`}),e.jsx("circle",{r:6.5+(String(s.priorityCount).length-1)*2,fill:ke,opacity:.9}),e.jsx("text",{y:2.5,textAnchor:"middle",fontSize:7,fill:E,fontFamily:"ui-monospace, monospace",fontWeight:"700",children:s.priorityCount})]}),(((he=h.upstream_roles)==null?void 0:he.length)??0)>0&&e.jsxs("g",{transform:`translate(${g-20} ${$})`,onClick:oe=>{oe.stopPropagation(),i==null||i(h.upstream_roles[0])},style:{cursor:"pointer"},children:[e.jsx("title",{children:`Fed by ${h.upstream_roles.join(", ")} — click to view that sequence`}),e.jsx("circle",{r:9,cy:-6,fill:"transparent"}),e.jsx("path",{d:"M -7 -14 C -3 -14 -1 -9 0 -2",fill:"none",stroke:"#94a3b8",strokeWidth:1,strokeDasharray:"2 2",strokeLinecap:"round"}),e.jsx("path",{d:"M 0 -2 L 8 -2",stroke:"#94a3b8",strokeWidth:1,strokeLinecap:"round"}),e.jsx("path",{d:"M 8 -2 l -3.5 -2 v 4 z",fill:"#94a3b8"})]}),e.jsx("text",{x:g,y:$+14,textAnchor:"middle",fontSize:9.5,fill:"#475569",fontFamily:"ui-sans-serif, sans-serif",fontWeight:"500",children:h.title??h.role}),e.jsx("text",{x:g,y:$+26,textAnchor:"middle",fontSize:8,fill:"#94a3b8",fontFamily:"ui-monospace, monospace",children:h.role}),xe&&e.jsxs("g",{children:[e.jsx("rect",{x:ue-te/2,y:pe-16,width:te,height:19,rx:3,fill:"#0f172a",opacity:.88}),e.jsx("text",{x:ue,y:pe-3,textAnchor:"middle",fontSize:8.5,fill:"white",fontFamily:"ui-monospace, monospace",children:de})]})]},h.role)}),!v&&e.jsx("text",{x:I+re/2,y:$+48,textAnchor:"middle",fontSize:8.5,fill:"#94a3b8",fontFamily:"ui-sans-serif, sans-serif",children:"Set target_per_hour on each role in Admin → Roles to enable the pace chart"}),P.map(s=>e.jsx("text",{x:me+6,y:s.labelY,fontSize:8,fill:s.color,fontFamily:"ui-sans-serif, sans-serif",fontWeight:s.key==="actual"?700:500,opacity:s.key==="active"?.85:1,style:{transition:`y ${j}`},children:s.text},s.key))]})}function ce(t){const n=`/escalations/available?role=${encodeURIComponent(t.role)}`;if(t.priority_facet){const l=JSON.stringify([{field:`metadata.${t.priority_facet}`,direction:"asc"}]);return`${n}&orderBy=${encodeURIComponent(l)}`}return`${n}&sort_by=created_at&order=asc`}const $e=["15m","1h","24h","7d","30d"],Ve=t=>$e.includes(t);function ne(t){if(t==null)return"—";if(t<1){const n=Math.round(t*60);return n<=0?"< 1s":`${n}s`}return t<60?`${t.toFixed(0)}m`:`${(t/60).toFixed(1)}h`}function ae({label:t,value:n}){return e.jsxs("div",{className:"flex items-center justify-between py-1",children:[e.jsx("span",{className:"text-[10px] text-text-tertiary uppercase tracking-wider",children:t}),e.jsx("span",{className:"text-xs font-mono font-medium text-text-primary tabular-nums",children:n})]})}function Ye({period:t,onChange:n}){return e.jsx("div",{className:"flex items-center gap-1 mb-4",children:$e.map(l=>e.jsx("button",{onClick:()=>n(l),className:`px-2 py-0.5 text-[10px] font-mono rounded transition-colors ${t===l?"bg-accent/10 text-accent font-semibold":"text-text-quaternary hover:text-text-secondary"}`,children:l},l))})}function Ge({role:t,globalPeriod:n,onClose:l}){const[i,c]=w.useState(Ve(n)?n:"24h"),{data:u}=ge(i),a=u==null?void 0:u.stations.find(d=>d.role===t.role),x=t.sla_minutes??void 0,p=t.target_per_hour??void 0,o=t.worker_count??void 0;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-start justify-between mb-1",children:[e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-baseline gap-1.5 flex-wrap",children:[e.jsx("span",{className:"text-sm font-mono font-bold text-text-primary",children:t.role}),t.title&&e.jsx("span",{className:"text-[10px] text-text-secondary",children:t.title})]}),t.description&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5 line-clamp-2 leading-relaxed",children:t.description})]}),e.jsx("button",{onClick:l,className:"text-text-quaternary hover:text-text-secondary transition-colors mt-0.5 shrink-0 ml-2",children:e.jsx(Pe,{className:"w-4 h-4"})})]}),e.jsxs(B,{to:`/admin/roles/${encodeURIComponent(t.role)}`,className:"flex items-center gap-1 text-[10px] text-accent hover:underline mb-4",children:[e.jsx(le,{className:"w-2.5 h-2.5"}),"Edit in Roles"]}),e.jsx(Ye,{period:i,onChange:c}),(p||x||o)&&e.jsxs("div",{className:"flex items-center gap-4 mb-4 text-[10px]",children:[p&&e.jsxs("div",{children:[e.jsxs("div",{className:"font-mono font-semibold text-text-primary",children:[p,"/h"]}),e.jsx("div",{className:"text-text-quaternary uppercase tracking-wider text-[8.5px]",children:"target"})]}),x&&e.jsxs("div",{children:[e.jsxs("div",{className:"font-mono font-semibold text-text-primary",children:[x,"m"]}),e.jsx("div",{className:"text-text-quaternary uppercase tracking-wider text-[8.5px]",children:"SLA"})]}),o&&e.jsxs("div",{children:[e.jsx("div",{className:"font-mono font-semibold text-text-primary",children:o}),e.jsx("div",{className:"text-text-quaternary uppercase tracking-wider text-[8.5px]",children:"workers"})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-x-3",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] text-text-quaternary uppercase tracking-wider mb-1.5",children:"Wait (queue)"}),e.jsx(ae,{label:"P99",value:ne((a==null?void 0:a.wait.p99)??null)}),e.jsx(ae,{label:"avg",value:ne((a==null?void 0:a.wait.avg)??null)})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] text-text-quaternary uppercase tracking-wider mb-1.5",children:"Work (proc.)"}),e.jsx(ae,{label:"P99",value:ne((a==null?void 0:a.work.p99)??null)}),e.jsx(ae,{label:"avg",value:ne((a==null?void 0:a.work.avg)??null)})]})]}),e.jsxs("div",{className:"border-t border-surface-border/40 pt-2 mt-3 space-y-1.5",children:[x&&e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[10px] text-text-tertiary",children:"SLA target"}),e.jsxs("span",{className:"text-xs font-mono text-text-secondary",children:[x,"m"]})]}),a&&a.priority_count>0&&e.jsxs(B,{to:ce(t),className:"flex items-center justify-between group",children:[e.jsxs("span",{className:"text-[10px]",style:{color:E},children:[a.priority_count," priority — pull oldest first"]}),e.jsx(le,{className:"w-3 h-3 transition-colors",style:{color:E}})]})]}),e.jsx("div",{className:"mt-4 border-t border-surface-border/40 pt-3",children:e.jsxs(B,{to:`/escalations/available?role=${encodeURIComponent(t.role)}`,className:"flex items-center gap-1.5 text-[10px] text-accent hover:underline",children:["View full queue",e.jsx(le,{className:"w-2.5 h-2.5"})]})})]})}function Ue({allMetrics:t,orderedRoles:n,period:l}){const i=t.reduce((o,d)=>o+d.pending,0),c=t.reduce((o,d)=>o+d.resolved,0),u=t.reduce((o,d)=>o+d.priority_count,0),a=new Map(t.map(o=>[o.role,o])),x=t.filter(o=>o.priority_count>0).length,p=t.filter(o=>o.pending>0).length;return e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-[9px] text-text-quaternary uppercase tracking-wider mb-3",children:["Pipeline · ",l]}),e.jsx("div",{className:"mb-4",children:x>0?e.jsxs("p",{className:"text-[11px]",style:{color:E},children:[x," station",x>1?"s":""," with priority items"]}):p>0?e.jsxs("p",{className:"text-[11px] text-amber-400",children:[p," station",p>1?"s":""," with backlog"]}):c>0?e.jsx("p",{className:"text-[11px] text-emerald-500",children:"Flowing — queue clear"}):e.jsx("p",{className:"text-[11px] text-text-quaternary",children:"Quiet — awaiting work"})}),e.jsxs("div",{className:"space-y-1.5 mb-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[9px] text-text-quaternary uppercase tracking-wider",children:"Pending"}),e.jsx("span",{className:`text-xs font-mono tabular-nums ${i>0?"text-text-primary font-semibold":"text-text-quaternary"}`,children:i})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("span",{className:"text-[9px] text-text-quaternary uppercase tracking-wider",children:["Resolved · ",l]}),e.jsx("span",{className:"text-xs font-mono tabular-nums text-text-secondary",children:c})]}),u>0&&e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[9px] text-text-quaternary uppercase tracking-wider",children:"Priority"}),e.jsx("span",{className:"text-xs font-mono tabular-nums font-semibold",style:{color:E},children:u})]})]}),e.jsx("div",{className:"border-t border-surface-border/40 pt-2 mb-1",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-[8px] text-text-quaternary uppercase tracking-wider flex-1",children:"Station"}),e.jsx("span",{className:"text-[8px] text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0",children:"pend"}),e.jsx("span",{className:"text-[8px] text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0",children:"actv"}),e.jsx("span",{className:"text-[8px] text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0",children:"res"})]})}),e.jsx("div",{className:"space-y-0.5",children:n.map(o=>{const d=a.get(o.role),y=(d==null?void 0:d.pending)??0,v=(d==null?void 0:d.claimed)??0,b=(d==null?void 0:d.resolved)??0,f=(d==null?void 0:d.priority_count)??0,C=o.title||o.role,N=f>0,S=y>0;return e.jsxs("div",{className:"flex items-center gap-2 py-0.5",children:[e.jsxs("span",{className:`text-[10px] font-mono flex-1 truncate ${S?"text-text-primary":"text-text-quaternary"}`,children:[C,N&&e.jsxs("span",{className:"ml-1 text-[8px] font-semibold",style:{color:E},children:[f," PRIORITY"]})]}),e.jsx("span",{className:`text-[10px] font-mono tabular-nums w-8 text-right shrink-0 ${S?"text-text-primary font-semibold":"text-text-quaternary"}`,children:y>0?y:"—"}),e.jsx("span",{className:`text-[10px] font-mono tabular-nums w-8 text-right shrink-0 ${v>0?"text-accent":"text-text-quaternary"}`,children:v>0?v:"—"}),e.jsx("span",{className:`text-[10px] font-mono tabular-nums w-8 text-right shrink-0 ${b>0?"text-text-secondary":"text-text-quaternary"}`,children:b>0?b:"—"})]},o.role)})}),e.jsx("p",{className:"text-[9px] text-text-quaternary mt-5",children:"Select a station for queue detail."})]})}function Qe({role:t,allMetrics:n,orderedRoles:l,globalPeriod:i,onClose:c}){return e.jsx("div",{className:"w-[280px] shrink-0 px-6 py-8 flex flex-col overflow-y-auto min-h-0",children:t?e.jsx(Ge,{role:t,globalPeriod:i,onClose:c}):e.jsx(Ue,{allMetrics:n,orderedRoles:l,period:i})})}const we=`${T}14`,_e=`${F}14`,Me=`${D}14`,Ke=["15m","1h","24h","7d","30d"],Xe={"15m":.25,"1h":1,"24h":24,"7d":168,"30d":720};function Ze(t){const n=t.filter(a=>a.ops_visible),l=new Map(n.map(a=>[a.role,a])),i=new Set,u=n.filter(a=>!a.parent_role||!l.has(a.parent_role)).map(a=>{const x=[],p=[{role:a,depth:0}];for(;p.length>0;){const o=p.shift();i.has(o.role.role)||(i.add(o.role.role),x.push(o),n.filter(d=>d.parent_role===o.role.role&&!i.has(d.role)).forEach(d=>p.push({role:d,depth:o.depth+1})))}return{origin:a,stations:x}});return n.filter(a=>!i.has(a.role)).forEach(a=>u.push({origin:a,stations:[{role:a,depth:0}]})),u.sort((a,x)=>x.stations.length-a.stations.length||a.origin.role.localeCompare(x.origin.role))}function ye(t){if(t==null)return"—";if(t<1){const n=Math.round(t*60);return n<=0?"< 1s":`${n}s`}return t<60?`${t.toFixed(0)}m`:`${(t/60).toFixed(1)}h`}function Je(t,n,l,i){if(!n)return{pct:null,color:"bg-surface-border",historical:!1};if(t>0){const x=t/n,p=Math.round(x*100),o=x>1?"bg-amber-400":x<.2?"bg-orange-400":"bg-emerald-400";return{pct:p,color:o,historical:!1}}if(i===0||l==null)return{pct:null,color:"bg-surface-border",historical:!0};const c=l/100,u=Math.round(l),a=c>1?"bg-amber-400":"bg-surface-border";return{pct:u,color:a,historical:!0}}function et({role:t,metric:n,selected:l,onClick:i}){var b;const c=(n==null?void 0:n.pending)??0,u=(n==null?void 0:n.claimed)??0,a=(n==null?void 0:n.resolved)??0,x=(n==null?void 0:n.priority_count)??0,p=t.target_per_hour??null,{pct:o,color:d,historical:y}=Je(c,p,(n==null?void 0:n.throughput_pct)??null,a),v=o!=null?Math.min(100,o):0;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{role:"button",tabIndex:0,onClick:i,onKeyDown:f=>{f.key==="Enter"&&i()},className:`grid items-center gap-4 cursor-pointer transition-colors ${l?"border-l-2 border-accent":"pl-0.5"}`,style:{gridTemplateColumns:"1fr 64px 56px 56px 60px 72px 72px 104px"},children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0 py-3.5",children:[e.jsx("span",{className:"font-mono font-bold text-text-primary truncate text-[11px]",children:t.role}),t.title&&e.jsx("span",{className:"text-[10px] text-text-tertiary truncate",children:t.title}),(((b=t.upstream_roles)==null?void 0:b.length)??0)>0&&e.jsx("span",{title:`Fed by ${t.upstream_roles.join(", ")}`,className:"shrink-0 leading-none",children:e.jsx(qe,{className:"w-3 h-3 text-text-quaternary"})})]}),e.jsx("span",{className:`text-xs font-mono tabular-nums text-right py-3.5 ${p!=null?"text-text-secondary":"text-text-quaternary"}`,children:p??"—"}),e.jsx("div",{className:"self-stretch flex items-center justify-end px-1.5",style:{backgroundColor:we},children:e.jsx("span",{className:`text-xs font-mono tabular-nums ${c>0?"text-text-primary font-semibold":"text-text-quaternary"}`,children:c})}),e.jsx("div",{className:"self-stretch flex items-center justify-end px-1.5",style:{backgroundColor:_e},children:e.jsx("span",{className:`text-xs font-mono tabular-nums ${u>0?"text-accent font-semibold":"text-text-quaternary"}`,children:u})}),e.jsx("div",{className:"self-stretch flex items-center justify-end px-1.5",style:{backgroundColor:Me},children:e.jsx("span",{className:"text-xs font-mono tabular-nums text-text-quaternary",children:a})}),e.jsx("span",{className:"text-xs font-mono tabular-nums text-right py-3.5 text-text-secondary",children:ye((n==null?void 0:n.wait.p99)??null)}),e.jsx("span",{className:"text-xs font-mono tabular-nums text-right py-3.5 text-text-secondary",children:ye((n==null?void 0:n.work.p99)??null)}),e.jsxs("div",{className:"flex items-center gap-2 py-3.5",children:[e.jsx("div",{className:"w-12 h-1.5 bg-surface-sunken rounded-full overflow-hidden shrink-0",children:e.jsx("div",{className:`h-full rounded-full ${d}`,style:{width:`${v}%`}})}),e.jsx("span",{className:`text-[10px] font-mono tabular-nums ${o!=null&&o>100?"text-amber-500 font-semibold":"text-text-quaternary"}`,title:y?"Throughput efficiency for the selected period":void 0,children:o!=null?`${o}%${y?"↩":""}`:"—"})]})]}),x>0&&e.jsxs("div",{className:"flex items-center gap-1.5 pb-2 pl-1",children:[e.jsx("span",{className:"w-2.5 h-2.5 rounded-full shrink-0",style:{backgroundColor:ke}}),e.jsxs(B,{to:ce(t),className:"text-[10px] hover:underline",style:{color:E},onClick:f=>f.stopPropagation(),children:[x," priority — pull oldest first →"]})]})]})}function tt(){const t=[{label:"ROLE"},{label:"TARGET/H"},{label:"PENDING",band:we,hue:T},{label:"ACTIVE",band:_e,hue:F},{label:"RESOLVED",band:Me,hue:D},{label:"P99 WAIT"},{label:"P99 WORK"},{label:"TREND"}];return e.jsx("div",{className:"grid items-center gap-4 border-b border-surface-border mb-0.5",style:{gridTemplateColumns:"1fr 64px 56px 56px 60px 72px 72px 104px"},children:t.map((n,l)=>n.band?e.jsx("div",{className:"self-stretch flex items-center justify-end px-1.5",style:{backgroundColor:n.band},children:e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-wider",style:{color:n.hue},children:n.label})},n.label):e.jsx("span",{className:`text-[9px] font-semibold uppercase tracking-wider text-text-quaternary py-1.5 ${l>0&&l<7?"text-right":""}`,children:n.label},n.label))})}function ct(){var Y;const[t,n]=w.useState("24h"),[l,i]=w.useState(null),[c,u]=w.useState(!1);Re();const{data:a,isLoading:x,refetch:p}=Ce(),{data:o,isLoading:d,refetch:y}=ge(t),v=(a==null?void 0:a.roles)??[],b=(o==null?void 0:o.stations)??[],f=w.useMemo(()=>Ze(v),[v]),[C,N]=Fe(),S=C.get("fragment"),_=f.find(r=>r.origin.role===S)??f[0]??null,M=w.useCallback(r=>{i(null),N(m=>{const P=new URLSearchParams(m);return P.set("fragment",r),P})},[N]),k=(_==null?void 0:_.stations)??[],z=w.useMemo(()=>new Set(k.map(({role:r})=>r.role)),[k]),H=w.useMemo(()=>b.filter(r=>z.has(r.role)),[b,z]),V=w.useMemo(()=>k.map(({role:r})=>({role:r.role,title:r.title,parent_role:r.parent_role,target_per_hour:r.target_per_hour??null,upstream_roles:r.upstream_roles??[],metric:b.find(m=>m.role===r.role)})),[k,b]),K=w.useCallback(r=>{const m=f.find(P=>P.stations.some(({role:s})=>s.role===r));m&&M(m.origin.role)},[f,M]),q=Ee(),X=w.useCallback(r=>{const m=v.find(P=>P.role===r);m&&q(ce(m))},[v,q]),O=((Y=k.find(({role:r})=>r.role===l))==null?void 0:Y.role)??null,Z=x||d,J=async()=>{u(!0),await Promise.all([p(),y()]),u(!1)},A=r=>i(m=>m===r?null:r),ee=e.jsx("div",{className:"flex items-center gap-0.5",children:Ke.map(r=>e.jsx("button",{onClick:()=>n(r),className:`px-2.5 py-1 text-[10px] font-mono rounded transition-colors ${t===r?"bg-accent/10 text-accent font-semibold":"text-text-quaternary hover:text-text-secondary"}`,children:r},r))});return e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx(Se,{title:"Pace Board",docsHash:"#docs:dashboard.md:pace-board",center:ee,actions:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{onClick:J,disabled:c,className:"text-text-quaternary hover:text-text-secondary transition-colors disabled:opacity-40",children:e.jsx(Le,{className:`w-3.5 h-3.5 ${c?"animate-spin":""}`})}),e.jsx(B,{to:"/admin/roles",className:"btn-secondary text-xs",children:"Configure"})]})}),Z?e.jsxs("div",{className:"animate-pulse space-y-6 mt-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-64 bg-surface-sunken rounded w-full"}),e.jsx("div",{className:"space-y-3",children:[1,2,3].map(r=>e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-full"},r))})]}):f.length===0?e.jsxs("div",{className:"mt-8",children:[e.jsx("p",{className:"text-sm text-text-secondary mb-2",children:"Stations appear here once roles are marked visible in Operations."}),e.jsxs("p",{className:"text-xs text-text-tertiary",children:["Go to"," ",e.jsx(B,{to:"/admin/roles",className:"text-accent hover:underline",children:"Roles"})," ","and enable ",e.jsx("strong",{children:"Visible in Operations"})," on roles that represent pipeline stations."]})]}):e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[f.length>1&&e.jsx("div",{className:"flex items-center gap-0.5 px-4 pt-2",children:f.map(r=>{const m=r.origin.role===(_==null?void 0:_.origin.role);return e.jsxs("button",{onClick:()=>M(r.origin.role),className:`px-2.5 py-1 text-[10px] font-mono rounded transition-colors ${m?"bg-accent/10 text-accent font-semibold":"text-text-quaternary hover:text-text-secondary"}`,children:[r.origin.title??r.origin.role,e.jsx("span",{className:`ml-1.5 tabular-nums ${m?"text-accent/60":"text-text-quaternary/60"}`,children:r.stations.length})]},r.origin.role)})}),e.jsxs("div",{className:"flex-1 min-h-0 flex items-stretch overflow-hidden",children:[e.jsx("div",{className:"flex-1 min-w-0 min-h-0 flex flex-col justify-center overflow-hidden p-4",children:e.jsx(He,{stations:V,selectedRole:l,onSelect:A,onUpstreamSelect:K,onPrioritySelect:X,periodHours:Xe[t]})}),e.jsx("div",{className:"w-px bg-surface-border shrink-0 self-stretch"}),e.jsx(Qe,{role:O,allMetrics:H,orderedRoles:k.map(r=>r.role),globalPeriod:t,onClose:()=>i(null)})]}),e.jsxs("div",{className:"h-[30vh] flex-none flex flex-col border-t border-surface-border overflow-hidden",children:[e.jsx(tt,{}),e.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto divide-y divide-surface-border/30",children:k.map(({role:r})=>e.jsx(et,{role:r,metric:b.find(m=>m.role===r.role),selected:l===r.role,onClick:()=>A(r.role)},r.role))})]})]})]})}export{ct as OperationsPage};
-//# sourceMappingURL=OperationsPage-D2i7xrAI.js.map

package/dashboard/dist/assets/OperationsPage-D2i7xrAI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OperationsPage-D2i7xrAI.js","sources":["../../src/pages/operations/PaceChart.tsx","../../src/pages/operations/priority-link.ts","../../src/pages/operations/StationDetailPanel.tsx","../../src/pages/operations/OperationsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { StationMetric } from '../../api/escalations';\n\nexport interface ChartStation {\n  role: string;\n  title: string | null;\n  target_per_hour: number | null;\n  parent_role: string | null;\n  /** Roles feeding this station from other sequences — drawn as a merge glyph, not a bend in the line. */\n  upstream_roles?: string[];\n  metric: StationMetric | undefined;\n}\n\ninterface PaceChartProps {\n  stations: ChartStation[];\n  selectedRole: string | null;\n  onSelect: (role: string) => void;\n  /** Merge-glyph click — jump to the sequence that feeds this station. */\n  onUpstreamSelect?: (upstreamRole: string) => void;\n  /** Priority-badge click — open the station's queue oldest-first by its age facet. */\n  onPrioritySelect?: (role: string) => void;\n  /** Selected window length in hours — target count = target_per_hour × this. */\n  periodHours: number;\n}\n\n// ── SVG layout ────────────────────────────────────────────────────────────────\n\nconst W = 800;\nconst H = 270;\nconst ML = 40;\nconst MR = 76;\nconst MT = 24;\nconst MB = 72;\n\nconst chartW = W - ML - MR;\nconst chartH = H - MT - MB;\nconst bottom = MT + chartH;\nconst right = ML + chartW;\n\n// Smooth transition applied when the window changes and values re-scale.\nconst EASE = '0.5s cubic-bezier(0.4, 0, 0.2, 1)';\n\n// ── Path builders ─────────────────────────────────────────────────────────────\n\n// A one-point curve still needs a stroke: a short segment — slightly longer\n// than an em dash — centered through the point. It anchors the dot and its\n// end label in vertical space when a sequence has a single station (or a\n// single station carries a target).\nconst SOLO_HALF = 9;\nfunction soloSegment(p: { x: number; y: number }): string {\n  return `M ${(p.x - SOLO_HALF).toFixed(1)} ${p.y.toFixed(1)} L ${(p.x + SOLO_HALF).toFixed(1)} ${p.y.toFixed(1)}`;\n}\n\n/** Straight polyline — the target line is a discrete count per station. */\nfunction linePath(pts: { x: number; y: number }[]): string {\n  if (pts.length === 0) return '';\n  if (pts.length === 1) return soloSegment(pts[0]);\n  return pts.map((p, i) => `${i === 0 ? 'M' : 'L'} ${p.x.toFixed(1)} ${p.y.toFixed(1)}`).join(' ');\n}\n\n/** Catmull-Rom → cubic bezier — smooth curves for the actual and active lines. */\nfunction catmullPath(pts: { x: number; y: number }[]): string {\n  if (pts.length === 0) return '';\n  if (pts.length === 1) return soloSegment(pts[0]);\n  const segs: string[] = [];\n  for (let i = 0; i < pts.length - 1; i++) {\n    const p0 = pts[Math.max(0, i - 1)];\n    const p1 = pts[i];\n    const p2 = pts[i + 1];\n    const p3 = pts[Math.min(pts.length - 1, i + 2)];\n    const cp1x = (p1.x + (p2.x - p0.x) / 6).toFixed(1);\n    const cp1y = (p1.y + (p2.y - p0.y) / 6).toFixed(1);\n    const cp2x = (p2.x - (p3.x - p1.x) / 6).toFixed(1);\n    const cp2y = (p2.y - (p3.y - p1.y) / 6).toFixed(1);\n    if (i === 0) segs.push(`M ${p1.x.toFixed(1)} ${p1.y.toFixed(1)}`);\n    segs.push(`C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${p2.x.toFixed(1)} ${p2.y.toFixed(1)}`);\n  }\n  return segs.join(' ');\n}\n\n/**\n * Closed region between two curves — upper spline forward, lower spline back.\n * Used for the queue-composition bands: the vertical thickness at any station\n * is the count difference between the two curves.\n */\nfunction bandPath(upper: { x: number; y: number }[], lower: { x: number; y: number }[]): string {\n  if (upper.length < 2 || lower.length < 2) return '';\n  const forward = catmullPath(upper);\n  const rev = [...lower].reverse();\n  const back = catmullPath(rev);\n  // Drop the back path's leading M — the L below connects the two curves.\n  const backSegs = back.slice(back.indexOf('C'));\n  return `${forward} L ${rev[0].x.toFixed(1)} ${rev[0].y.toFixed(1)} ${backSegs} Z`;\n}\n\nfunction compact(n: number): string {\n  return n >= 10000 ? `${Math.round(n / 1000)}k` : n >= 1000 ? `${(n / 1000).toFixed(1)}k` : String(n);\n}\n\nfunction last<T>(a: T[]): T | undefined {\n  return a.length > 0 ? a[a.length - 1] : undefined;\n}\n\n// ── Colors ────────────────────────────────────────────────────────────────────\n\n/** Circle color from actual vs the window target. Meeting or beating the target\n *  is good (green); short is the concern (amber → red). */\nfunction paceColor(ratio: number | null): { stroke: string; fill: string } {\n  if (ratio == null) return { stroke: '#cbd5e1', fill: '#f8fafc' };\n  if (ratio >= 1.0) return { stroke: '#10b981', fill: '#ecfdf5' };  // met/beat target\n  if (ratio >= 0.6) return { stroke: '#f59e0b', fill: '#fffbeb' };  // behind\n  return { stroke: '#ef4444', fill: '#fef2f2' };                    // well behind\n}\n\n// Shared queue-state palette — the chart bands and the station table columns\n// use the same hues so the two views read as one.\nexport const ACTIVE_COLOR = '#6366f1';   // claimed, being worked right now — indigo\nexport const QUEUED_COLOR = '#0ea5e9';   // pending and unclaimed, waiting in the queue — sky\nexport const RESOLVED_COLOR = '#4e6a5e'; // done — grey with a breath of green\n\n// Priority — unclaimed items past the role's age threshold, the count the\n// floor pulls to the front of the rack. Powder blue for the badge circle;\n// the count text uses the same hue deepened enough to read at chart sizes.\nexport const PRIORITY_COLOR = '#b0e0e6';\nexport const PRIORITY_TEXT_COLOR = '#5b93ad';\n\n// ── End-label stacking — spread close labels so text doesn't collide ────────────\n\nconst MIN_GAP = 13;\nfunction spreadLabels<T extends { y: number }>(labels: T[], maxY: number): (T & { labelY: number })[] {\n  const sorted = [...labels].sort((a, b) => a.y - b.y);\n  let prev = -Infinity;\n  const placed = sorted.map((l) => {\n    const labelY = Math.max(l.y + 3, prev + MIN_GAP);\n    prev = labelY;\n    return { ...l, labelY };\n  });\n  // On a quiet window every curve sits at zero and the stack would descend\n  // past the floor into the station titles — lift the whole stack back above\n  // maxY instead.\n  const overflow = placed.length > 0 ? placed[placed.length - 1].labelY - maxY : 0;\n  if (overflow > 0) {\n    for (const l of placed) l.labelY -= overflow;\n  }\n  return placed;\n}\n\n// ── Chart ─────────────────────────────────────────────────────────────────────\n\nexport function PaceChart({ stations, selectedRole, onSelect, onUpstreamSelect, onPrioritySelect, periodHours }: PaceChartProps) {\n  const [hoveredIdx, setHoveredIdx] = useState<number | null>(null);\n\n  const n = stations.length;\n  if (n === 0) return null;\n\n  const xOf = (i: number) => (n === 1 ? ML + chartW / 2 : ML + (i / (n - 1)) * chartW);\n  const xMap = new Map(stations.map((s, i) => [s.role, xOf(i)]));\n\n  // Per-station counts for the selected window:\n  // - target : expected units = target_per_hour × periodHours (e.g. 22/h · 15m ≈ 5).\n  // - actual : units resolved in the window (\"the number we see\").\n  // - active : units in the queue being worked right now (claimed).\n  const rows = stations.map((s, i) => {\n    const target = s.target_per_hour ?? null;\n    const expected = target != null ? target * periodHours : null;\n    return {\n      idx: i,\n      x: xOf(i),\n      expected,\n      actual: s.metric?.resolved ?? 0,\n      active: s.metric?.claimed ?? 0,\n      pending: s.metric?.pending ?? 0,\n      priorityCount: s.metric?.priority_count ?? 0,\n    };\n  });\n\n  const hasTargets = rows.some((r) => r.expected != null);\n\n  const dataMax = Math.max(\n    1,\n    ...rows.map((r) => r.expected ?? 0),\n    ...rows.map((r) => r.actual),\n    ...rows.map((r) => (r.expected != null ? r.pending : 0)),\n  );\n  const maxVal = dataMax * 1.15;\n  const yScale = (v: number) => MT + chartH * (1 - Math.max(0, Math.min(v, maxVal)) / maxVal);\n\n  const withTarget = rows.filter((r) => r.expected != null);\n  const targetPts = withTarget.map((r) => ({ ...r, y: yScale(r.expected as number) }));\n  const actualPts = withTarget.map((r) => ({ ...r, y: yScale(r.actual) }));\n  const activePts = withTarget.map((r) => ({ ...r, y: yScale(r.active) }));\n  const pendingPts = withTarget.map((r) => ({ ...r, y: yScale(r.pending) }));\n\n  const targetLinePath = linePath(targetPts);\n  const actualSplinePath = catmullPath(actualPts);\n  const activeSplinePath = catmullPath(activePts);\n  const pendingSplinePath = catmullPath(pendingPts);\n\n  const lastActual = last(actualPts);\n  const lastTarget = last(targetPts);\n  const lastActive = last(activePts);\n  const lastPending = last(pendingPts);\n\n  const areaPath =\n    actualPts.length >= 2 && lastActual\n      ? `${actualSplinePath} L ${lastActual.x.toFixed(1)} ${bottom} L ${actualPts[0].x.toFixed(1)} ${bottom} Z`\n      : '';\n\n  // Queue composition — pending splits into two stacked bands:\n  //   floor → active curve   = claimed, being worked (indigo)\n  //   active → pending curve = waiting, unclaimed (sky)\n  // When workers claim everything the instant it lands, the sky band collapses\n  // to zero and the whole queue reads as indigo.\n  const hasQueue = withTarget.some((r) => r.pending > 0 || r.active > 0);\n  const workedBandPath =\n    hasQueue && activePts.length >= 2 && lastActive\n      ? `${activeSplinePath} L ${lastActive.x.toFixed(1)} ${bottom} L ${activePts[0].x.toFixed(1)} ${bottom} Z`\n      : '';\n  const queuedBandPath = hasQueue ? bandPath(pendingPts, activePts) : '';\n\n  // Quiet lines keep their curves (flat at zero) but skip their end labels —\n  // a stack of names pointing at nothing is noise.\n  const showActiveLabel = withTarget.some((r) => r.active > 0);\n  const showQueuedLabel = withTarget.some((r) => r.pending > r.active);\n  const endLabels = spreadLabels(\n    [\n      lastTarget ? { key: 'target', text: 'target', color: '#ef4444', y: lastTarget.y } : null,\n      lastActual ? { key: 'actual', text: 'actual', color: RESOLVED_COLOR, y: lastActual.y } : null,\n      showActiveLabel && lastActive\n        ? { key: 'active', text: 'active', color: ACTIVE_COLOR, y: lastActive.y }\n        : null,\n      showQueuedLabel && lastPending\n        ? { key: 'queued', text: 'queued', color: QUEUED_COLOR, y: lastPending.y }\n        : null,\n    ].filter(Boolean) as { key: string; text: string; color: string; y: number }[],\n    bottom + 4,\n  );\n\n  return (\n    <svg viewBox={`0 0 ${W} ${H}`} className=\"w-full h-full\" preserveAspectRatio=\"xMidYMid meet\" style={{ display: 'block' }}>\n      {/* Dependency connector lines (parent → child), drawn at chart floor */}\n      {stations.map((s) => {\n        if (!s.parent_role) return null;\n        const px = xMap.get(s.parent_role);\n        if (px == null) return null;\n        const cx = xOf(stations.findIndex((r) => r.role === s.role));\n        return <line key={`dep-${s.role}`} x1={px} y1={bottom} x2={cx} y2={bottom} stroke=\"#e2e8f0\" strokeWidth={0.75} />;\n      })}\n\n      {/* Area under the actual curve */}\n      {areaPath && <path d={areaPath} fill={RESOLVED_COLOR} opacity={0.05} style={{ transition: `d ${EASE}` }} />}\n\n      {/* Queue composition bands — the band heights split each station's\n          pending total into claimed-and-worked (indigo, floor→active) and\n          waiting-unclaimed (sky, active→pending). */}\n      {workedBandPath && (\n        <path d={workedBandPath} fill={ACTIVE_COLOR} opacity={0.12} style={{ transition: `d ${EASE}` }} />\n      )}\n      {queuedBandPath && (\n        <path d={queuedBandPath} fill={QUEUED_COLOR} opacity={0.12} style={{ transition: `d ${EASE}` }} />\n      )}\n\n      {/* Target — thin red solid reference at the window's expected count */}\n      {targetLinePath && (\n        <path d={targetLinePath} fill=\"none\" stroke=\"#ef4444\" strokeWidth={0.5} strokeLinejoin=\"round\" opacity={0.9} style={{ transition: `d ${EASE}` }} />\n      )}\n\n      {/* Per-role target for the window (target_per_hour × duration), just above the red line */}\n      {targetPts.map((tp) => (\n        <text\n          key={`tval-${tp.idx}`}\n          x={tp.x}\n          y={tp.y - 3.5}\n          textAnchor=\"middle\"\n          fontSize={6.5}\n          fill=\"#ef4444\"\n          fontFamily=\"ui-monospace, monospace\"\n          fontWeight=\"500\"\n          opacity={0.7}\n          style={{ transition: `y ${EASE}` }}\n        >\n          {Math.round(tp.expected as number)}\n        </text>\n      ))}\n\n      {/* Pending — thin dotted sky edge along the queue total (top of the bands) */}\n      {hasQueue && pendingSplinePath && (\n        <path d={pendingSplinePath} fill=\"none\" stroke={QUEUED_COLOR} strokeWidth={0.75} strokeDasharray=\"2 3\" strokeLinecap=\"round\" opacity={0.55} style={{ transition: `d ${EASE}` }} />\n      )}\n\n      {/* Active — thin dotted indigo, how many are claimed and being worked */}\n      {activeSplinePath && (\n        <path d={activeSplinePath} fill=\"none\" stroke={ACTIVE_COLOR} strokeWidth={0.75} strokeDasharray=\"2 3\" strokeLinecap=\"round\" opacity={0.5} style={{ transition: `d ${EASE}` }} />\n      )}\n\n      {/* Actual — thin solid, primary line */}\n      {actualSplinePath && (\n        <path d={actualSplinePath} fill=\"none\" stroke={RESOLVED_COLOR} strokeWidth={1} strokeLinejoin=\"round\" strokeLinecap=\"round\" opacity={0.75} style={{ transition: `d ${EASE}` }} />\n      )}\n\n      {/* Queue markers — a dot on the active line per station.\n          Above the dot, at the pending edge: the queue total (sky when part of\n          it is still waiting, slate when everything is claimed).\n          Below the dot: active (claimed, being worked right now). */}\n      {activePts.map((ap, i) => {\n        if (ap.pending <= 0 && ap.active <= 0) return null;\n        const ar = Math.max(2.5, Math.min(5, 2.5 + ap.active / 10));\n        const hasWaiting = ap.pending > ap.active;\n        // Anchor the queue-total label to the pending edge so it rides the top\n        // of the band; keep it clear of the dot when the two curves touch.\n        const pendingLabelY = Math.min(pendingPts[i].y - 4, ap.y - ar - 4);\n        return (\n          <g key={`active-${ap.idx}`}>\n            {ap.pending > 0 && (\n              <text\n                x={ap.x}\n                y={pendingLabelY}\n                textAnchor=\"middle\"\n                fontSize={7.5}\n                fill={hasWaiting ? QUEUED_COLOR : '#64748b'}\n                fontFamily=\"ui-monospace, monospace\"\n                fontWeight=\"600\"\n                style={{ transition: `y ${EASE}` }}\n              >\n                {ap.pending}\n              </text>\n            )}\n            <g transform={`translate(${ap.x} ${ap.y})`} style={{ transition: `transform ${EASE}` }}>\n              <circle r={ar} fill={ACTIVE_COLOR} opacity={0.85} />\n              {ap.active > 0 && (\n                <text y={ar + 9} textAnchor=\"middle\" fontSize={7.5} fill={ACTIVE_COLOR} fontFamily=\"ui-monospace, monospace\" fontWeight=\"600\">\n                  {ap.active}\n                </text>\n              )}\n            </g>\n          </g>\n        );\n      })}\n\n      {/* Station nodes — actual (resolved) as a dot on the actual line, styled like\n          the active dot but a bit larger (actual is the most important number).\n          The count sits below the dot so it stays legible as numbers grow. */}\n      {rows.map((row) => {\n        const s = stations[row.idx];\n        const x = row.x;\n        const cy = row.expected != null ? yScale(row.actual) : bottom;\n        const ratio = row.expected && row.expected > 0 ? row.actual / row.expected : null;\n        const { stroke } = paceColor(row.expected != null ? ratio : null);\n        // Same small scale as the active dot — a hair larger.\n        const r = Math.max(3, Math.min(5.5, 3 + row.actual / 120));\n        const isSelected = s.role === selectedRole;\n        const isHovered = hoveredIdx === row.idx;\n\n        const tooltip =\n          row.expected == null\n            ? 'idle · set a target rate to plot pace'\n            : `${row.actual} done · target ${Math.round(row.expected)}`\n              + (row.pending > row.active ? ` · ${row.pending - row.active} waiting` : '')\n              + (row.active > 0 ? ` · ${row.active} active` : '')\n              + (row.priorityCount > 0 ? ` · ${row.priorityCount} priority` : '');\n        const tipW = tooltip.length * 5.5 + 20;\n        const tipX = Math.max(ML + tipW / 2 + 4, Math.min(right - tipW / 2 - 4, x));\n        const tipY = cy - r - 10;\n\n        return (\n          <g\n            key={s.role}\n            onClick={() => onSelect(s.role)}\n            onMouseEnter={() => setHoveredIdx(row.idx)}\n            onMouseLeave={() => setHoveredIdx(null)}\n            style={{ cursor: 'pointer' }}\n          >\n            {/* Animated marker group — slides vertically as the window rescales */}\n            <g transform={`translate(${x} ${cy})`} style={{ transition: `transform ${EASE}` }}>\n              <circle r={22} fill=\"transparent\" />\n              <circle r={r} fill={stroke} opacity={0.9} style={{ transition: `r ${EASE}` }} />\n              {row.expected != null && (\n                <text y={-r - 5} textAnchor=\"middle\" fontSize={9.5} fill={RESOLVED_COLOR} fontFamily=\"ui-monospace, monospace\" fontWeight=\"500\">\n                  {compact(row.actual)}\n                </text>\n              )}\n              {isHovered && !isSelected && <circle r={r + 3} fill=\"none\" stroke={stroke} strokeWidth={1} opacity={0.4} />}\n              {isSelected && <circle r={r + 4} fill=\"none\" stroke=\"#6366f1\" strokeWidth={2} />}\n            </g>\n\n            {/* Priority badge — powder blue circle carrying the count of\n                unclaimed items past the role's age threshold. Clicking opens\n                the station's queue oldest-first by the priority facet so the\n                runner grabs the top few and moves them to the front. */}\n            {row.priorityCount > 0 && (\n              <g\n                transform={`translate(${x + 15} ${Math.max(cy - 15, 12)})`}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onPrioritySelect?.(s.role);\n                }}\n                style={{ cursor: 'pointer', transition: `transform ${EASE}` }}\n              >\n                <title>{`${row.priorityCount} past the priority threshold — click to pull oldest first`}</title>\n                <circle\n                  r={6.5 + (String(row.priorityCount).length - 1) * 2}\n                  fill={PRIORITY_COLOR}\n                  opacity={0.9}\n                />\n                <text\n                  y={2.5}\n                  textAnchor=\"middle\"\n                  fontSize={7}\n                  fill={PRIORITY_TEXT_COLOR}\n                  fontFamily=\"ui-monospace, monospace\"\n                  fontWeight=\"700\"\n                >\n                  {row.priorityCount}\n                </text>\n              </g>\n            )}\n\n            {/* Merge affordance — this station also receives input from another\n                sequence. The dashed drop into the floor says \"a side-quest\n                lands here\"; clicking it opens that sequence. It is a symbol,\n                deliberately not a line — the upstream is NOT a descendant. */}\n            {(s.upstream_roles?.length ?? 0) > 0 && (\n              <g\n                transform={`translate(${x - 20} ${bottom})`}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onUpstreamSelect?.(s.upstream_roles![0]);\n                }}\n                style={{ cursor: 'pointer' }}\n              >\n                <title>{`Fed by ${s.upstream_roles!.join(', ')} — click to view that sequence`}</title>\n                <circle r={9} cy={-6} fill=\"transparent\" />\n                <path d=\"M -7 -14 C -3 -14 -1 -9 0 -2\" fill=\"none\" stroke=\"#94a3b8\" strokeWidth={1} strokeDasharray=\"2 2\" strokeLinecap=\"round\" />\n                <path d=\"M 0 -2 L 8 -2\" stroke=\"#94a3b8\" strokeWidth={1} strokeLinecap=\"round\" />\n                <path d=\"M 8 -2 l -3.5 -2 v 4 z\" fill=\"#94a3b8\" />\n              </g>\n            )}\n\n            {/* Station labels (fixed at the floor) */}\n            <text x={x} y={bottom + 14} textAnchor=\"middle\" fontSize={9.5} fill=\"#475569\" fontFamily=\"ui-sans-serif, sans-serif\" fontWeight=\"500\">\n              {s.title ?? s.role}\n            </text>\n            <text x={x} y={bottom + 26} textAnchor=\"middle\" fontSize={8} fill=\"#94a3b8\" fontFamily=\"ui-monospace, monospace\">\n              {s.role}\n            </text>\n\n            {/* Tooltip */}\n            {isHovered && (\n              <g>\n                <rect x={tipX - tipW / 2} y={tipY - 16} width={tipW} height={19} rx={3} fill=\"#0f172a\" opacity={0.88} />\n                <text x={tipX} y={tipY - 3} textAnchor=\"middle\" fontSize={8.5} fill=\"white\" fontFamily=\"ui-monospace, monospace\">\n                  {tooltip}\n                </text>\n              </g>\n            )}\n          </g>\n        );\n      })}\n\n      {/* No-target hint */}\n      {!hasTargets && (\n        <text x={ML + chartW / 2} y={bottom + 48} textAnchor=\"middle\" fontSize={8.5} fill=\"#94a3b8\" fontFamily=\"ui-sans-serif, sans-serif\">\n          Set target_per_hour on each role in Admin → Roles to enable the pace chart\n        </text>\n      )}\n\n      {/* End labels — text + count, rendered last so they sit above everything */}\n      {endLabels.map((l) => (\n        <text\n          key={l.key}\n          x={right + 6}\n          y={l.labelY}\n          fontSize={8}\n          fill={l.color}\n          fontFamily=\"ui-sans-serif, sans-serif\"\n          fontWeight={l.key === 'actual' ? 700 : 500}\n          opacity={l.key === 'active' ? 0.85 : 1}\n          style={{ transition: `y ${EASE}` }}\n        >\n          {l.text}\n        </text>\n      ))}\n    </svg>\n  );\n}\n","import type { RoleDetail } from '../../api/roles';\n\n/**\n * Deep link to the available-escalations queue ordered oldest-first by the\n * role's priority age origin: the metadata facet when configured (faceted\n * orderBy, nulls last), else created_at. Mirrors the priority_count SQL so\n * the counted items sit at the top of the list the runner opens.\n */\nexport function priorityQueueLink(role: Pick<RoleDetail, 'role' | 'priority_facet'>): string {\n  const base = `/escalations/available?role=${encodeURIComponent(role.role)}`;\n  if (role.priority_facet) {\n    const orderBy = JSON.stringify([{ field: `metadata.${role.priority_facet}`, direction: 'asc' }]);\n    return `${base}&orderBy=${encodeURIComponent(orderBy)}`;\n  }\n  return `${base}&sort_by=created_at&order=asc`;\n}\n","import { useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { X, ExternalLink } from 'lucide-react';\nimport { useStationMetrics } from '../../api/escalations';\nimport type { StationMetric } from '../../api/escalations';\nimport type { RoleDetail } from '../../api/roles';\nimport { PRIORITY_TEXT_COLOR } from './PaceChart';\nimport { priorityQueueLink } from './priority-link';\n\ninterface StationDetailPanelProps {\n  role: RoleDetail | null;\n  allMetrics: StationMetric[];\n  orderedRoles: RoleDetail[];\n  globalPeriod: string;\n  onClose: () => void;\n}\n\n// Mirrors OperationsPage's selector — the panel reports the same windows the\n// chart can show, and opens on whichever one the chart has selected.\nconst PERIODS = ['15m', '1h', '24h', '7d', '30d'] as const;\ntype Period = (typeof PERIODS)[number];\n\nconst isPeriod = (p: string): p is Period => (PERIODS as readonly string[]).includes(p);\n\nfunction fmt(min: number | null): string {\n  if (min == null) return '—';\n  if (min < 1) {\n    const s = Math.round(min * 60);\n    return s <= 0 ? '< 1s' : `${s}s`;\n  }\n  if (min < 60) return `${min.toFixed(0)}m`;\n  return `${(min / 60).toFixed(1)}h`;\n}\n\nfunction MetricRow({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"flex items-center justify-between py-1\">\n      <span className=\"text-[10px] text-text-tertiary uppercase tracking-wider\">{label}</span>\n      <span className=\"text-xs font-mono font-medium text-text-primary tabular-nums\">{value}</span>\n    </div>\n  );\n}\n\nfunction PeriodSelector({ period, onChange }: { period: Period; onChange: (p: Period) => void }) {\n  return (\n    <div className=\"flex items-center gap-1 mb-4\">\n      {PERIODS.map((p) => (\n        <button\n          key={p}\n          onClick={() => onChange(p)}\n          className={`px-2 py-0.5 text-[10px] font-mono rounded transition-colors ${\n            period === p\n              ? 'bg-accent/10 text-accent font-semibold'\n              : 'text-text-quaternary hover:text-text-secondary'\n          }`}\n        >\n          {p}\n        </button>\n      ))}\n    </div>\n  );\n}\n\nfunction RoleView({ role, globalPeriod, onClose }: { role: RoleDetail; globalPeriod: string; onClose: () => void }) {\n  // Open on the chart's selected window so the panel's numbers agree with the\n  // chart beside it; the local selector still lets the viewer drill around.\n  const [period, setPeriod] = useState<Period>(isPeriod(globalPeriod) ? globalPeriod : '24h');\n  const { data } = useStationMetrics(period);\n  const metric = data?.stations.find((s) => s.role === role.role);\n  const slaMinutes = role.sla_minutes ?? undefined;\n  const targetPerHour = role.target_per_hour ?? undefined;\n  const workerCount = role.worker_count ?? undefined;\n\n  return (\n    <>\n      {/* Header */}\n      <div className=\"flex items-start justify-between mb-1\">\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex items-baseline gap-1.5 flex-wrap\">\n            <span className=\"text-sm font-mono font-bold text-text-primary\">{role.role}</span>\n            {role.title && (\n              <span className=\"text-[10px] text-text-secondary\">{role.title}</span>\n            )}\n          </div>\n          {role.description && (\n            <p className=\"text-[10px] text-text-tertiary mt-0.5 line-clamp-2 leading-relaxed\">\n              {role.description}\n            </p>\n          )}\n        </div>\n        <button\n          onClick={onClose}\n          className=\"text-text-quaternary hover:text-text-secondary transition-colors mt-0.5 shrink-0 ml-2\"\n        >\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n\n      <Link\n        to={`/admin/roles/${encodeURIComponent(role.role)}`}\n        className=\"flex items-center gap-1 text-[10px] text-accent hover:underline mb-4\"\n      >\n        <ExternalLink className=\"w-2.5 h-2.5\" />\n        Edit in Roles\n      </Link>\n\n      <PeriodSelector period={period} onChange={setPeriod} />\n\n      {/* Capacity settings */}\n      {(targetPerHour || slaMinutes || workerCount) && (\n        <div className=\"flex items-center gap-4 mb-4 text-[10px]\">\n          {targetPerHour && (\n            <div>\n              <div className=\"font-mono font-semibold text-text-primary\">{targetPerHour}/h</div>\n              <div className=\"text-text-quaternary uppercase tracking-wider text-[8.5px]\">target</div>\n            </div>\n          )}\n          {slaMinutes && (\n            <div>\n              <div className=\"font-mono font-semibold text-text-primary\">{slaMinutes}m</div>\n              <div className=\"text-text-quaternary uppercase tracking-wider text-[8.5px]\">SLA</div>\n            </div>\n          )}\n          {workerCount && (\n            <div>\n              <div className=\"font-mono font-semibold text-text-primary\">{workerCount}</div>\n              <div className=\"text-text-quaternary uppercase tracking-wider text-[8.5px]\">workers</div>\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Two-column wait / work grid */}\n      <div className=\"grid grid-cols-2 gap-x-3\">\n        <div>\n          <p className=\"text-[9px] text-text-quaternary uppercase tracking-wider mb-1.5\">Wait (queue)</p>\n          <MetricRow label=\"P99\" value={fmt(metric?.wait.p99 ?? null)} />\n          <MetricRow label=\"avg\" value={fmt(metric?.wait.avg ?? null)} />\n        </div>\n        <div>\n          <p className=\"text-[9px] text-text-quaternary uppercase tracking-wider mb-1.5\">Work (proc.)</p>\n          <MetricRow label=\"P99\" value={fmt(metric?.work.p99 ?? null)} />\n          <MetricRow label=\"avg\" value={fmt(metric?.work.avg ?? null)} />\n        </div>\n      </div>\n\n      {/* SLA + priority */}\n      <div className=\"border-t border-surface-border/40 pt-2 mt-3 space-y-1.5\">\n        {slaMinutes && (\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-[10px] text-text-tertiary\">SLA target</span>\n            <span className=\"text-xs font-mono text-text-secondary\">{slaMinutes}m</span>\n          </div>\n        )}\n        {metric && metric.priority_count > 0 && (\n          <Link\n            to={priorityQueueLink(role)}\n            className=\"flex items-center justify-between group\"\n          >\n            <span className=\"text-[10px]\" style={{ color: PRIORITY_TEXT_COLOR }}>\n              {metric.priority_count} priority — pull oldest first\n            </span>\n            <ExternalLink className=\"w-3 h-3 transition-colors\" style={{ color: PRIORITY_TEXT_COLOR }} />\n          </Link>\n        )}\n      </div>\n\n      {/* View queue — `role=` drives the visible filter bar on the escalations\n          page (the JSON `roles=` facet param filters silently and leaves the\n          bar reading \"all roles\"). */}\n      <div className=\"mt-4 border-t border-surface-border/40 pt-3\">\n        <Link\n          to={`/escalations/available?role=${encodeURIComponent(role.role)}`}\n          className=\"flex items-center gap-1.5 text-[10px] text-accent hover:underline\"\n        >\n          View full queue\n          <ExternalLink className=\"w-2.5 h-2.5\" />\n        </Link>\n      </div>\n    </>\n  );\n}\n\nfunction OverviewPanel({\n  allMetrics,\n  orderedRoles,\n  period,\n}: {\n  allMetrics: StationMetric[];\n  orderedRoles: RoleDetail[];\n  period: string;\n}) {\n  const totalPending  = allMetrics.reduce((s, m) => s + m.pending,        0);\n  const totalResolved = allMetrics.reduce((s, m) => s + m.resolved,       0);\n  const totalPriority = allMetrics.reduce((s, m) => s + m.priority_count, 0);\n\n  const metricByRole    = new Map(allMetrics.map((m) => [m.role, m]));\n  const stationsAtRisk  = allMetrics.filter((m) => m.priority_count > 0).length;\n  const stationsWithLoad = allMetrics.filter((m) => m.pending > 0).length;\n\n  return (\n    <>\n      <p className=\"text-[9px] text-text-quaternary uppercase tracking-wider mb-3\">\n        Pipeline · {period}\n      </p>\n\n      {/* Health headline */}\n      <div className=\"mb-4\">\n        {stationsAtRisk > 0 ? (\n          <p className=\"text-[11px]\" style={{ color: PRIORITY_TEXT_COLOR }}>\n            {stationsAtRisk} station{stationsAtRisk > 1 ? 's' : ''} with priority items\n          </p>\n        ) : stationsWithLoad > 0 ? (\n          <p className=\"text-[11px] text-amber-400\">\n            {stationsWithLoad} station{stationsWithLoad > 1 ? 's' : ''} with backlog\n          </p>\n        ) : totalResolved > 0 ? (\n          <p className=\"text-[11px] text-emerald-500\">Flowing — queue clear</p>\n        ) : (\n          <p className=\"text-[11px] text-text-quaternary\">Quiet — awaiting work</p>\n        )}\n      </div>\n\n      {/* Key counters */}\n      <div className=\"space-y-1.5 mb-4\">\n        <div className=\"flex items-center justify-between\">\n          <span className=\"text-[9px] text-text-quaternary uppercase tracking-wider\">Pending</span>\n          <span className={`text-xs font-mono tabular-nums ${totalPending > 0 ? 'text-text-primary font-semibold' : 'text-text-quaternary'}`}>\n            {totalPending}\n          </span>\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <span className=\"text-[9px] text-text-quaternary uppercase tracking-wider\">Resolved · {period}</span>\n          <span className=\"text-xs font-mono tabular-nums text-text-secondary\">{totalResolved}</span>\n        </div>\n        {totalPriority > 0 && (\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-[9px] text-text-quaternary uppercase tracking-wider\">Priority</span>\n            <span className=\"text-xs font-mono tabular-nums font-semibold\" style={{ color: PRIORITY_TEXT_COLOR }}>\n              {totalPriority}\n            </span>\n          </div>\n        )}\n      </div>\n\n      {/* Divider + column headers */}\n      <div className=\"border-t border-surface-border/40 pt-2 mb-1\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-[8px] text-text-quaternary uppercase tracking-wider flex-1\">Station</span>\n          <span className=\"text-[8px] text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0\">pend</span>\n          <span className=\"text-[8px] text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0\">actv</span>\n          <span className=\"text-[8px] text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0\">res</span>\n        </div>\n      </div>\n\n      {/* Station list in pipeline order */}\n      <div className=\"space-y-0.5\">\n        {orderedRoles.map((r) => {\n          const m             = metricByRole.get(r.role);\n          const pending       = m?.pending        ?? 0;\n          const claimed       = m?.claimed        ?? 0;\n          const resolved      = m?.resolved       ?? 0;\n          const priorityCount = m?.priority_count ?? 0;\n          const label         = r.title || r.role;\n          const hasAlert      = priorityCount > 0;\n          const hasLoad       = pending > 0;\n\n          return (\n            <div key={r.role} className=\"flex items-center gap-2 py-0.5\">\n              <span\n                className={`text-[10px] font-mono flex-1 truncate ${\n                  hasLoad ? 'text-text-primary' : 'text-text-quaternary'\n                }`}\n              >\n                {label}\n                {hasAlert && (\n                  <span className=\"ml-1 text-[8px] font-semibold\" style={{ color: PRIORITY_TEXT_COLOR }}>\n                    {priorityCount} PRIORITY\n                  </span>\n                )}\n              </span>\n              <span\n                className={`text-[10px] font-mono tabular-nums w-8 text-right shrink-0 ${\n                  hasLoad ? 'text-text-primary font-semibold' : 'text-text-quaternary'\n                }`}\n              >\n                {pending > 0 ? pending : '—'}\n              </span>\n              <span className={`text-[10px] font-mono tabular-nums w-8 text-right shrink-0 ${claimed > 0 ? 'text-accent' : 'text-text-quaternary'}`}>\n                {claimed > 0 ? claimed : '—'}\n              </span>\n              <span className={`text-[10px] font-mono tabular-nums w-8 text-right shrink-0 ${resolved > 0 ? 'text-text-secondary' : 'text-text-quaternary'}`}>\n                {resolved > 0 ? resolved : '—'}\n              </span>\n            </div>\n          );\n        })}\n      </div>\n\n      <p className=\"text-[9px] text-text-quaternary mt-5\">\n        Select a station for queue detail.\n      </p>\n    </>\n  );\n}\n\nexport function StationDetailPanel({\n  role,\n  allMetrics,\n  orderedRoles,\n  globalPeriod,\n  onClose,\n}: StationDetailPanelProps) {\n  return (\n    <div className=\"w-[280px] shrink-0 px-6 py-8 flex flex-col overflow-y-auto min-h-0\">\n      {role ? (\n        <RoleView role={role} globalPeriod={globalPeriod} onClose={onClose} />\n      ) : (\n        <OverviewPanel allMetrics={allMetrics} orderedRoles={orderedRoles} period={globalPeriod} />\n      )}\n    </div>\n  );\n}\n","import { useState, useMemo, useCallback } from 'react';\nimport { Link, useNavigate, useSearchParams } from 'react-router-dom';\nimport { GitMerge, RefreshCw } from 'lucide-react';\nimport { useRoleDetails, type RoleDetail } from '../../api/roles';\nimport { useStationMetrics } from '../../api/escalations';\nimport type { StationMetric } from '../../api/escalations';\nimport { useStationMetricsEvents } from '../../hooks/useEventHooks';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport {\n  PaceChart,\n  ACTIVE_COLOR,\n  QUEUED_COLOR,\n  RESOLVED_COLOR,\n  PRIORITY_COLOR,\n  PRIORITY_TEXT_COLOR,\n  type ChartStation,\n} from './PaceChart';\nimport { StationDetailPanel } from './StationDetailPanel';\nimport { priorityQueueLink } from './priority-link';\n\n// Column band tints — the same hues as the chart's queue-composition bands\n// (~8% alpha), so PENDING/ACTIVE/RESOLVED in the table visually continue the\n// sky/indigo/sage story told above.\nconst PENDING_BAND = `${QUEUED_COLOR}14`;\nconst ACTIVE_BAND = `${ACTIVE_COLOR}14`;\nconst RESOLVED_BAND = `${RESOLVED_COLOR}14`;\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nconst PERIODS = ['15m', '1h', '24h', '7d', '30d'] as const;\ntype Period = (typeof PERIODS)[number];\n\n// Window length in hours — used to express the target as a count for the\n// selected window (target_per_hour × hours), e.g. 22/h over 15m ≈ 5 expected.\nconst PERIOD_HOURS: Record<Period, number> = {\n  '15m': 0.25,\n  '1h': 1,\n  '24h': 24,\n  '7d': 168,\n  '30d': 720,\n};\n\ninterface OrderedStation {\n  role: RoleDetail;\n  depth: number;\n}\n\n/**\n * One sequence of stations, named by its origin role. Execution is a graph;\n * each fragment is the human-readable line the user composed via parent_role.\n * Cross-fragment edges live in upstream_roles and render as a merge affordance\n * on the chart, never as a bend in the line.\n */\ninterface SequenceFragment {\n  origin: RoleDetail;\n  stations: OrderedStation[];\n}\n\n// ── Fragment builder — BFS per parent_role root, tracking actual depth ────────\n\nfunction buildFragments(roles: RoleDetail[]): SequenceFragment[] {\n  const opsRoles = roles.filter((r) => r.ops_visible);\n  const roleMap = new Map(opsRoles.map((r) => [r.role, r]));\n  const visited = new Set<string>();\n\n  // Roots: no parent, or parent not in ops set — each roots its own fragment.\n  const roots = opsRoles.filter((r) => !r.parent_role || !roleMap.has(r.parent_role));\n\n  const fragments: SequenceFragment[] = roots.map((root) => {\n    const stations: OrderedStation[] = [];\n    const queue: OrderedStation[] = [{ role: root, depth: 0 }];\n    while (queue.length > 0) {\n      const item = queue.shift()!;\n      if (visited.has(item.role.role)) continue;\n      visited.add(item.role.role);\n      stations.push(item);\n      opsRoles\n        .filter((c) => c.parent_role === item.role.role && !visited.has(c.role))\n        .forEach((c) => queue.push({ role: c, depth: item.depth + 1 }));\n    }\n    return { origin: root, stations };\n  });\n\n  // Unreachable (cycles / dangling) — each stands alone rather than vanishing.\n  opsRoles\n    .filter((r) => !visited.has(r.role))\n    .forEach((r) => fragments.push({ origin: r, stations: [{ role: r, depth: 0 }] }));\n\n  // Longest line first — the primary sequence leads; side-quests follow.\n  return fragments.sort(\n    (a, b) => b.stations.length - a.stations.length || a.origin.role.localeCompare(b.origin.role),\n  );\n}\n\n// ── Helpers ───────────────────────────────────────────────────────────────────\n\nfunction fmtMin(v: number | null): string {\n  if (v == null) return '—';\n  if (v < 1) {\n    const s = Math.round(v * 60);\n    return s <= 0 ? '< 1s' : `${s}s`;\n  }\n  if (v < 60) return `${v.toFixed(0)}m`;\n  return `${(v / 60).toFixed(1)}h`;\n}\n\nfunction loadBar(\n  pending: number,\n  target: number | null,\n  throughputPct: number | null,\n  resolved: number,\n) {\n  if (!target) return { pct: null, color: 'bg-surface-border', historical: false };\n\n  if (pending > 0) {\n    const ratio = pending / target;\n    const pct = Math.round(ratio * 100);\n    // Amber: backlog. Orange: some work but well under pace. Green: healthy.\n    const color = ratio > 1.0 ? 'bg-amber-400' : ratio < 0.2 ? 'bg-orange-400' : 'bg-emerald-400';\n    return { pct, color, historical: false };\n  }\n\n  // Idle: use period throughput efficiency rather than the live backlog ratio.\n  // resolved=0 means nothing happened in this window → no data, not failing.\n  if (resolved === 0 || throughputPct == null) {\n    return { pct: null, color: 'bg-surface-border', historical: true };\n  }\n  const ratio = throughputPct / 100;\n  const pct = Math.round(throughputPct);\n  // Amber: above baseline (produced more than target). Neutral otherwise —\n  // below-target throughput isn't a positive green signal, just normal data.\n  const color = ratio > 1.0 ? 'bg-amber-400' : 'bg-surface-border';\n  return { pct, color, historical: true };\n}\n\n// ── Station table row ─────────────────────────────────────────────────────────\n\nfunction StationRow({\n  role,\n  metric,\n  selected,\n  onClick,\n}: {\n  role: RoleDetail;\n  metric: StationMetric | undefined;\n  selected: boolean;\n  onClick: () => void;\n}) {\n  const pending = metric?.pending ?? 0;\n  const claimed = metric?.claimed ?? 0;\n  const resolved = metric?.resolved ?? 0;\n  const priorityCount = metric?.priority_count ?? 0;\n  const target = role.target_per_hour ?? null;\n  const { pct, color, historical } = loadBar(pending, target, metric?.throughput_pct ?? null, resolved);\n  const barWidth = pct != null ? Math.min(100, pct) : 0;\n\n  return (\n    <>\n      <div\n        role=\"button\"\n        tabIndex={0}\n        onClick={onClick}\n        onKeyDown={(e) => { if (e.key === 'Enter') onClick(); }}\n        className={`grid items-center gap-4 cursor-pointer transition-colors ${\n          selected ? 'border-l-2 border-accent' : 'pl-0.5'\n        }`}\n        style={{ gridTemplateColumns: '1fr 64px 56px 56px 60px 72px 72px 104px' }}\n      >\n        {/* Role name */}\n        <div className=\"flex items-center gap-1.5 min-w-0 py-3.5\">\n          <span\n            className=\"font-mono font-bold text-text-primary truncate text-[11px]\"\n          >\n            {role.role}\n          </span>\n          {role.title && (\n            <span className=\"text-[10px] text-text-tertiary truncate\">{role.title}</span>\n          )}\n          {(role.upstream_roles?.length ?? 0) > 0 && (\n            <span title={`Fed by ${role.upstream_roles.join(', ')}`} className=\"shrink-0 leading-none\">\n              <GitMerge className=\"w-3 h-3 text-text-quaternary\" />\n            </span>\n          )}\n        </div>\n\n        {/* Target / hour */}\n        <span\n          className={`text-xs font-mono tabular-nums text-right py-3.5 ${\n            target != null ? 'text-text-secondary' : 'text-text-quaternary'\n          }`}\n        >\n          {target != null ? target : '—'}\n        </span>\n\n        {/* Pending — sky band, same hue as the chart's waiting band */}\n        <div\n          className=\"self-stretch flex items-center justify-end px-1.5\"\n          style={{ backgroundColor: PENDING_BAND }}\n        >\n          <span\n            className={`text-xs font-mono tabular-nums ${\n              pending > 0 ? 'text-text-primary font-semibold' : 'text-text-quaternary'\n            }`}\n          >\n            {pending}\n          </span>\n        </div>\n\n        {/* Active — indigo band, same hue as the chart's worked band */}\n        <div\n          className=\"self-stretch flex items-center justify-end px-1.5\"\n          style={{ backgroundColor: ACTIVE_BAND }}\n        >\n          <span\n            className={`text-xs font-mono tabular-nums ${\n              claimed > 0 ? 'text-accent font-semibold' : 'text-text-quaternary'\n            }`}\n          >\n            {claimed}\n          </span>\n        </div>\n\n        {/* Resolved — sage band, same hue as the chart's actual curve */}\n        <div\n          className=\"self-stretch flex items-center justify-end px-1.5\"\n          style={{ backgroundColor: RESOLVED_BAND }}\n        >\n          <span className=\"text-xs font-mono tabular-nums text-text-quaternary\">\n            {resolved}\n          </span>\n        </div>\n\n        {/* P99 wait */}\n        <span className=\"text-xs font-mono tabular-nums text-right py-3.5 text-text-secondary\">\n          {fmtMin(metric?.wait.p99 ?? null)}\n        </span>\n\n        {/* P99 work */}\n        <span className=\"text-xs font-mono tabular-nums text-right py-3.5 text-text-secondary\">\n          {fmtMin(metric?.work.p99 ?? null)}\n        </span>\n\n        {/* Load mini-bar */}\n        <div className=\"flex items-center gap-2 py-3.5\">\n          <div className=\"w-12 h-1.5 bg-surface-sunken rounded-full overflow-hidden shrink-0\">\n            <div className={`h-full rounded-full ${color}`} style={{ width: `${barWidth}%` }} />\n          </div>\n          <span\n            className={`text-[10px] font-mono tabular-nums ${\n              pct != null && pct > 100\n                ? 'text-amber-500 font-semibold'\n                : 'text-text-quaternary'\n            }`}\n            title={historical ? 'Throughput efficiency for the selected period' : undefined}\n          >\n            {pct != null ? `${pct}%${historical ? '↩' : ''}` : '—'}\n          </span>\n        </div>\n      </div>\n\n      {/* Priority sub-row — unclaimed items past the role's age threshold */}\n      {priorityCount > 0 && (\n        <div className=\"flex items-center gap-1.5 pb-2 pl-1\">\n          <span\n            className=\"w-2.5 h-2.5 rounded-full shrink-0\"\n            style={{ backgroundColor: PRIORITY_COLOR }}\n          />\n          <Link\n            to={priorityQueueLink(role)}\n            className=\"text-[10px] hover:underline\"\n            style={{ color: PRIORITY_TEXT_COLOR }}\n            onClick={(e) => e.stopPropagation()}\n          >\n            {priorityCount} priority — pull oldest first →\n          </Link>\n        </div>\n      )}\n    </>\n  );\n}\n\n// ── Table header ──────────────────────────────────────────────────────────────\n\nfunction TableHead() {\n  // Queue-state columns carry the chart's band hue into the table.\n  const cols: { label: string; band?: string; hue?: string }[] = [\n    { label: 'ROLE' },\n    { label: 'TARGET/H' },\n    { label: 'PENDING', band: PENDING_BAND, hue: QUEUED_COLOR },\n    { label: 'ACTIVE', band: ACTIVE_BAND, hue: ACTIVE_COLOR },\n    { label: 'RESOLVED', band: RESOLVED_BAND, hue: RESOLVED_COLOR },\n    { label: 'P99 WAIT' },\n    { label: 'P99 WORK' },\n    { label: 'TREND' },\n  ];\n  return (\n    <div\n      className=\"grid items-center gap-4 border-b border-surface-border mb-0.5\"\n      style={{ gridTemplateColumns: '1fr 64px 56px 56px 60px 72px 72px 104px' }}\n    >\n      {cols.map((col, i) =>\n        col.band ? (\n          <div\n            key={col.label}\n            className=\"self-stretch flex items-center justify-end px-1.5\"\n            style={{ backgroundColor: col.band }}\n          >\n            <span\n              className=\"text-[9px] font-semibold uppercase tracking-wider\"\n              style={{ color: col.hue }}\n            >\n              {col.label}\n            </span>\n          </div>\n        ) : (\n          <span\n            key={col.label}\n            className={`text-[9px] font-semibold uppercase tracking-wider text-text-quaternary py-1.5 ${\n              i > 0 && i < 7 ? 'text-right' : ''\n            }`}\n          >\n            {col.label}\n          </span>\n        ),\n      )}\n    </div>\n  );\n}\n\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function OperationsPage() {\n  const [period, setPeriod] = useState<Period>('24h');\n  const [selectedRole, setSelectedRole] = useState<string | null>(null);\n  const [refreshing, setRefreshing] = useState(false);\n\n  // Push-driven refresh: every escalation event invalidates ['stationMetrics']\n  // through the central event system (debounced, transport-agnostic). The\n  // header's refresh button covers user-initiated reloads.\n  useStationMetricsEvents();\n\n  const { data: roleData, isLoading: rolesLoading, refetch: refetchRoles } = useRoleDetails();\n  const {\n    data: metricsData,\n    isLoading: metricsLoading,\n    refetch: refetchMetrics,\n  } = useStationMetrics(period);\n\n  const roles = roleData?.roles ?? [];\n  const metrics = metricsData?.stations ?? [];\n\n  // Sequence fragments, one per parent_role root. The active one is\n  // DEEP-LINKED (?fragment=<origin role>) and each switch is a history entry,\n  // so a shared link opens the same sequence and back/forward walks them.\n  const fragments = useMemo((): SequenceFragment[] => buildFragments(roles), [roles]);\n  const [searchParams, setSearchParams] = useSearchParams();\n  const fragmentParam = searchParams.get('fragment');\n  const activeFragment =\n    fragments.find((f) => f.origin.role === fragmentParam) ?? fragments[0] ?? null;\n  const selectFragment = useCallback(\n    (origin: string) => {\n      setSelectedRole(null);\n      setSearchParams((prev) => {\n        const p = new URLSearchParams(prev);\n        p.set('fragment', origin);\n        return p;\n      });\n    },\n    [setSearchParams],\n  );\n\n  const ordered = activeFragment?.stations ?? [];\n  const fragmentRoleSet = useMemo(\n    () => new Set(ordered.map(({ role }) => role.role)),\n    [ordered],\n  );\n  const fragmentMetrics = useMemo(\n    () => metrics.filter((m) => fragmentRoleSet.has(m.role)),\n    [metrics, fragmentRoleSet],\n  );\n\n  const chartStations = useMemo(\n    (): ChartStation[] =>\n      ordered.map(({ role: r }) => ({\n        role: r.role,\n        title: r.title,\n        parent_role: r.parent_role,\n        target_per_hour: r.target_per_hour ?? null,\n        upstream_roles: r.upstream_roles ?? [],\n        metric: metrics.find((m) => m.role === r.role),\n      })),\n    [ordered, metrics],\n  );\n\n  // Jump to the sequence that feeds this station — the merge glyph's click.\n  const handleUpstreamSelect = useCallback(\n    (upstreamRole: string) => {\n      const target = fragments.find((f) =>\n        f.stations.some(({ role }) => role.role === upstreamRole),\n      );\n      if (target) selectFragment(target.origin.role);\n    },\n    [fragments, selectFragment],\n  );\n\n  // Priority-badge click — open the station's queue oldest-first by its facet.\n  const navigate = useNavigate();\n  const handlePrioritySelect = useCallback(\n    (roleName: string) => {\n      const detail = roles.find((r) => r.role === roleName);\n      if (detail) navigate(priorityQueueLink(detail));\n    },\n    [roles, navigate],\n  );\n\n  const selectedRoleDetail =\n    ordered.find(({ role }) => role.role === selectedRole)?.role ?? null;\n\n  const isLoading = rolesLoading || metricsLoading;\n\n  const handleRefresh = async () => {\n    setRefreshing(true);\n    await Promise.all([refetchRoles(), refetchMetrics()]);\n    setRefreshing(false);\n  };\n\n  const handleSelect = (role: string) =>\n    setSelectedRole((prev) => (prev === role ? null : role));\n\n  const periodSelector = (\n    <div className=\"flex items-center gap-0.5\">\n      {PERIODS.map((p) => (\n        <button\n          key={p}\n          onClick={() => setPeriod(p)}\n          className={`px-2.5 py-1 text-[10px] font-mono rounded transition-colors ${\n            period === p\n              ? 'bg-accent/10 text-accent font-semibold'\n              : 'text-text-quaternary hover:text-text-secondary'\n          }`}\n        >\n          {p}\n        </button>\n      ))}\n    </div>\n  );\n\n  return (\n    <div className=\"flex flex-col flex-1 min-h-0\">\n      <PageHeader\n        title=\"Pace Board\"\n        docsHash=\"#docs:dashboard.md:pace-board\"\n        center={periodSelector}\n        actions={\n          <div className=\"flex items-center gap-3\">\n            <button\n              onClick={handleRefresh}\n              disabled={refreshing}\n              className=\"text-text-quaternary hover:text-text-secondary transition-colors disabled:opacity-40\"\n            >\n              <RefreshCw className={`w-3.5 h-3.5 ${refreshing ? 'animate-spin' : ''}`} />\n            </button>\n            <Link to=\"/admin/roles\" className=\"btn-secondary text-xs\">\n              Configure\n            </Link>\n          </div>\n        }\n      />\n\n      {isLoading ? (\n        <div className=\"animate-pulse space-y-6 mt-4\">\n          <div className=\"h-8 bg-surface-sunken rounded w-64\" />\n          <div className=\"h-64 bg-surface-sunken rounded w-full\" />\n          <div className=\"space-y-3\">\n            {[1, 2, 3].map((i) => (\n              <div key={i} className=\"h-8 bg-surface-sunken rounded w-full\" />\n            ))}\n          </div>\n        </div>\n      ) : fragments.length === 0 ? (\n        <div className=\"mt-8\">\n          <p className=\"text-sm text-text-secondary mb-2\">Stations appear here once roles are marked visible in Operations.</p>\n          <p className=\"text-xs text-text-tertiary\">\n            Go to{' '}\n            <Link to=\"/admin/roles\" className=\"text-accent hover:underline\">\n              Roles\n            </Link>{' '}\n            and enable <strong>Visible in Operations</strong> on roles that represent pipeline\n            stations.\n          </p>\n        </div>\n      ) : (\n        /* Console layout: fixed header (above) → flexible middle → fixed table (30vh) */\n        <div className=\"flex flex-col flex-1 min-h-0\">\n\n          {/* Sequence picker — one tab per fragment, named by its origin role.\n              Only rendered when there is more than one story to tell. */}\n          {fragments.length > 1 && (\n            <div className=\"flex items-center gap-0.5 px-4 pt-2\">\n              {fragments.map((f) => {\n                const isActive = f.origin.role === activeFragment?.origin.role;\n                return (\n                  <button\n                    key={f.origin.role}\n                    onClick={() => selectFragment(f.origin.role)}\n                    className={`px-2.5 py-1 text-[10px] font-mono rounded transition-colors ${\n                      isActive\n                        ? 'bg-accent/10 text-accent font-semibold'\n                        : 'text-text-quaternary hover:text-text-secondary'\n                    }`}\n                  >\n                    {f.origin.title ?? f.origin.role}\n                    <span className={`ml-1.5 tabular-nums ${isActive ? 'text-accent/60' : 'text-text-quaternary/60'}`}>\n                      {f.stations.length}\n                    </span>\n                  </button>\n                );\n              })}\n            </div>\n          )}\n\n          {/* Middle row: flexible height — SVG fills left, sidebar fixed-width right */}\n          <div className=\"flex-1 min-h-0 flex items-stretch overflow-hidden\">\n            {/* SVG chart — scales to fill available space */}\n            <div className=\"flex-1 min-w-0 min-h-0 flex flex-col justify-center overflow-hidden p-4\">\n              <PaceChart\n                stations={chartStations}\n                selectedRole={selectedRole}\n                onSelect={handleSelect}\n                onUpstreamSelect={handleUpstreamSelect}\n                onPrioritySelect={handlePrioritySelect}\n                periodHours={PERIOD_HOURS[period]}\n              />\n            </div>\n            {/* Vertical divider */}\n            <div className=\"w-px bg-surface-border shrink-0 self-stretch\" />\n            {/* Right sidebar — fixed width, scrolls its own content */}\n            <StationDetailPanel\n              role={selectedRoleDetail}\n              allMetrics={fragmentMetrics}\n              orderedRoles={ordered.map((o) => o.role)}\n              globalPeriod={period}\n              onClose={() => setSelectedRole(null)}\n            />\n          </div>\n\n          {/* Bottom row: fixed 30vh — table header sticky, rows scroll */}\n          <div className=\"h-[30vh] flex-none flex flex-col border-t border-surface-border overflow-hidden\">\n            <TableHead />\n            <div className=\"flex-1 min-h-0 overflow-y-auto divide-y divide-surface-border/30\">\n              {ordered.map(({ role }) => (\n                <StationRow\n                  key={role.role}\n                  role={role}\n                  metric={metrics.find((m) => m.role === role.role)}\n                  selected={selectedRole === role.role}\n                  onClick={() => handleSelect(role.role)}\n                />\n              ))}\n            </div>\n          </div>\n\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["W","H","ML","MR","MT","MB","chartW","chartH","bottom","right","EASE","SOLO_HALF","soloSegment","p","linePath","pts","i","catmullPath","segs","p0","p1","p2","p3","cp1x","cp1y","cp2x","cp2y","bandPath","upper","lower","forward","rev","back","backSegs","compact","n","last","a","paceColor","ratio","ACTIVE_COLOR","QUEUED_COLOR","RESOLVED_COLOR","PRIORITY_COLOR","PRIORITY_TEXT_COLOR","MIN_GAP","spreadLabels","labels","maxY","sorted","b","prev","placed","l","labelY","overflow","PaceChart","stations","selectedRole","onSelect","onUpstreamSelect","onPrioritySelect","periodHours","hoveredIdx","setHoveredIdx","useState","xOf","xMap","rows","target","expected","_a","_b","_c","_d","hasTargets","r","maxVal","yScale","v","withTarget","targetPts","actualPts","activePts","pendingPts","targetLinePath","actualSplinePath","activeSplinePath","pendingSplinePath","lastActual","lastTarget","lastActive","lastPending","areaPath","hasQueue","workedBandPath","queuedBandPath","showActiveLabel","showQueuedLabel","endLabels","px","cx","jsx","tp","ap","ar","hasWaiting","pendingLabelY","row","s","x","cy","stroke","isSelected","isHovered","tooltip","tipW","tipX","tipY","jsxs","e","priorityQueueLink","role","base","orderBy","PERIODS","isPeriod","fmt","min","MetricRow","label","value","PeriodSelector","period","onChange","RoleView","globalPeriod","onClose","setPeriod","data","useStationMetrics","metric","slaMinutes","targetPerHour","workerCount","Fragment","X","Link","ExternalLink","OverviewPanel","allMetrics","orderedRoles","totalPending","m","totalResolved","totalPriority","metricByRole","stationsAtRisk","stationsWithLoad","pending","claimed","resolved","priorityCount","hasAlert","hasLoad","StationDetailPanel","PENDING_BAND","ACTIVE_BAND","RESOLVED_BAND","PERIOD_HOURS","buildFragments","roles","opsRoles","roleMap","visited","fragments","root","queue","item","c","fmtMin","loadBar","throughputPct","pct","color","StationRow","selected","onClick","historical","barWidth","GitMerge","TableHead","cols","col","OperationsPage","setSelectedRole","refreshing","setRefreshing","useStationMetricsEvents","roleData","rolesLoading","refetchRoles","useRoleDetails","metricsData","metricsLoading","refetchMetrics","metrics","useMemo","searchParams","setSearchParams","useSearchParams","fragmentParam","activeFragment","f","selectFragment","useCallback","origin","ordered","fragmentRoleSet","fragmentMetrics","chartStations","handleUpstreamSelect","upstreamRole","navigate","useNavigate","handlePrioritySelect","roleName","detail","selectedRoleDetail","isLoading","handleRefresh","handleSelect","periodSelector","PageHeader","RefreshCw","isActive","o"],"mappings":"iXA2BA,MAAMA,GAAI,IACJC,GAAI,IACJC,EAAK,GACLC,GAAK,GACLC,GAAK,GACLC,GAAK,GAELC,GAASN,GAAIE,EAAKC,GAClBI,GAASN,GAAIG,GAAKC,GAClBG,EAASJ,GAAKG,GACdE,GAAQP,EAAKI,GAGbI,EAAO,oCAQPC,GAAY,EAClB,SAASC,GAAYC,EAAqC,CACxD,MAAO,MAAMA,EAAE,EAAIF,IAAW,QAAQ,CAAC,CAAC,IAAIE,EAAE,EAAE,QAAQ,CAAC,CAAC,OAAOA,EAAE,EAAIF,IAAW,QAAQ,CAAC,CAAC,IAAIE,EAAE,EAAE,QAAQ,CAAC,CAAC,EAChH,CAGA,SAASC,GAASC,EAAyC,CACzD,OAAIA,EAAI,SAAW,EAAU,GACzBA,EAAI,SAAW,EAAUH,GAAYG,EAAI,CAAC,CAAC,EACxCA,EAAI,IAAI,CAACF,EAAGG,IAAM,GAAGA,IAAM,EAAI,IAAM,GAAG,IAAIH,EAAE,EAAE,QAAQ,CAAC,CAAC,IAAIA,EAAE,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,KAAK,GAAG,CACjG,CAGA,SAASI,EAAYF,EAAyC,CAC5D,GAAIA,EAAI,SAAW,EAAG,MAAO,GAC7B,GAAIA,EAAI,SAAW,SAAUH,GAAYG,EAAI,CAAC,CAAC,EAC/C,MAAMG,EAAiB,CAAA,EACvB,QAASF,EAAI,EAAGA,EAAID,EAAI,OAAS,EAAGC,IAAK,CACvC,MAAMG,EAAKJ,EAAI,KAAK,IAAI,EAAGC,EAAI,CAAC,CAAC,EAC3BI,EAAKL,EAAIC,CAAC,EACVK,EAAKN,EAAIC,EAAI,CAAC,EACdM,EAAKP,EAAI,KAAK,IAAIA,EAAI,OAAS,EAAGC,EAAI,CAAC,CAAC,EACxCO,GAAQH,EAAG,GAAKC,EAAG,EAAIF,EAAG,GAAK,GAAG,QAAQ,CAAC,EAC3CK,GAAQJ,EAAG,GAAKC,EAAG,EAAIF,EAAG,GAAK,GAAG,QAAQ,CAAC,EAC3CM,GAAQJ,EAAG,GAAKC,EAAG,EAAIF,EAAG,GAAK,GAAG,QAAQ,CAAC,EAC3CM,GAAQL,EAAG,GAAKC,EAAG,EAAIF,EAAG,GAAK,GAAG,QAAQ,CAAC,EAC7CJ,IAAM,GAAGE,EAAK,KAAK,KAAKE,EAAG,EAAE,QAAQ,CAAC,CAAC,IAAIA,EAAG,EAAE,QAAQ,CAAC,CAAC,EAAE,EAChEF,EAAK,KAAK,KAAKK,CAAI,IAAIC,CAAI,KAAKC,CAAI,IAAIC,CAAI,KAAKL,EAAG,EAAE,QAAQ,CAAC,CAAC,IAAIA,EAAG,EAAE,QAAQ,CAAC,CAAC,EAAE,CACvF,CACA,OAAOH,EAAK,KAAK,GAAG,CACtB,CAOA,SAASS,GAASC,EAAmCC,EAA2C,CAC9F,GAAID,EAAM,OAAS,GAAKC,EAAM,OAAS,EAAG,MAAO,GACjD,MAAMC,EAAUb,EAAYW,CAAK,EAC3BG,EAAM,CAAC,GAAGF,CAAK,EAAE,QAAA,EACjBG,EAAOf,EAAYc,CAAG,EAEtBE,EAAWD,EAAK,MAAMA,EAAK,QAAQ,GAAG,CAAC,EAC7C,MAAO,GAAGF,CAAO,MAAMC,EAAI,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,IAAIA,EAAI,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,IAAIE,CAAQ,IAC/E,CAEA,SAASC,GAAQC,EAAmB,CAClC,OAAOA,GAAK,IAAQ,GAAG,KAAK,MAAMA,EAAI,GAAI,CAAC,IAAMA,GAAK,IAAO,IAAIA,EAAI,KAAM,QAAQ,CAAC,CAAC,IAAM,OAAOA,CAAC,CACrG,CAEA,SAASC,GAAQC,EAAuB,CACtC,OAAOA,EAAE,OAAS,EAAIA,EAAEA,EAAE,OAAS,CAAC,EAAI,MAC1C,CAMA,SAASC,GAAUC,EAAwD,CACzE,OAAIA,GAAS,KAAa,CAAE,OAAQ,UAAW,KAAM,SAAA,EACjDA,GAAS,EAAY,CAAE,OAAQ,UAAW,KAAM,SAAA,EAChDA,GAAS,GAAY,CAAE,OAAQ,UAAW,KAAM,SAAA,EAC7C,CAAE,OAAQ,UAAW,KAAM,SAAA,CACpC,CAIO,MAAMC,EAAe,UACfC,EAAe,UACfC,EAAiB,UAKjBC,GAAiB,UACjBC,EAAsB,UAI7BC,GAAU,GAChB,SAASC,GAAsCC,EAAaC,EAA0C,CACpG,MAAMC,EAAS,CAAC,GAAGF,CAAM,EAAE,KAAK,CAAC,EAAGG,IAAM,EAAE,EAAIA,EAAE,CAAC,EACnD,IAAIC,EAAO,KACX,MAAMC,EAASH,EAAO,IAAKI,GAAM,CAC/B,MAAMC,EAAS,KAAK,IAAID,EAAE,EAAI,EAAGF,EAAON,EAAO,EAC/C,OAAAM,EAAOG,EACA,CAAE,GAAGD,EAAG,OAAAC,CAAA,CACjB,CAAC,EAIKC,EAAWH,EAAO,OAAS,EAAIA,EAAOA,EAAO,OAAS,CAAC,EAAE,OAASJ,EAAO,EAC/E,GAAIO,EAAW,EACb,UAAWF,KAAKD,EAAQC,EAAE,QAAUE,EAEtC,OAAOH,CACT,CAIO,SAASI,GAAU,CAAE,SAAAC,EAAU,aAAAC,EAAc,SAAAC,EAAU,iBAAAC,EAAkB,iBAAAC,EAAkB,YAAAC,GAA+B,CAC/H,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAwB,IAAI,EAE1D9B,EAAIsB,EAAS,OACnB,GAAItB,IAAM,EAAG,OAAO,KAEpB,MAAM+B,EAAOlD,GAAemB,IAAM,EAAIjC,EAAKI,GAAS,EAAIJ,EAAMc,GAAKmB,EAAI,GAAM7B,GACvE6D,EAAO,IAAI,IAAIV,EAAS,IAAI,CAAC,EAAGzC,IAAM,CAAC,EAAE,KAAMkD,EAAIlD,CAAC,CAAC,CAAC,CAAC,EAMvDoD,EAAOX,EAAS,IAAI,CAAC,EAAGzC,IAAM,aAClC,MAAMqD,EAAS,EAAE,iBAAmB,KAC9BC,EAAWD,GAAU,KAAOA,EAASP,EAAc,KACzD,MAAO,CACL,IAAK9C,EACL,EAAGkD,EAAIlD,CAAC,EACR,SAAAsD,EACA,SAAQC,EAAA,EAAE,SAAF,YAAAA,EAAU,WAAY,EAC9B,SAAQC,EAAA,EAAE,SAAF,YAAAA,EAAU,UAAW,EAC7B,UAASC,EAAA,EAAE,SAAF,YAAAA,EAAU,UAAW,EAC9B,gBAAeC,EAAA,EAAE,SAAF,YAAAA,EAAU,iBAAkB,CAAA,CAE/C,CAAC,EAEKC,EAAaP,EAAK,KAAMQ,GAAMA,EAAE,UAAY,IAAI,EAQhDC,EANU,KAAK,IACnB,EACA,GAAGT,EAAK,IAAKQ,GAAMA,EAAE,UAAY,CAAC,EAClC,GAAGR,EAAK,IAAKQ,GAAMA,EAAE,MAAM,EAC3B,GAAGR,EAAK,IAAKQ,GAAOA,EAAE,UAAY,KAAOA,EAAE,QAAU,CAAE,CAAA,EAEhC,KACnBE,EAAUC,GAAc3E,GAAKG,IAAU,EAAI,KAAK,IAAI,EAAG,KAAK,IAAIwE,EAAGF,CAAM,CAAC,EAAIA,GAE9EG,EAAaZ,EAAK,OAAQQ,GAAMA,EAAE,UAAY,IAAI,EAClDK,EAAYD,EAAW,IAAKJ,IAAO,CAAE,GAAGA,EAAG,EAAGE,EAAOF,EAAE,QAAkB,GAAI,EAC7EM,EAAYF,EAAW,IAAKJ,IAAO,CAAE,GAAGA,EAAG,EAAGE,EAAOF,EAAE,MAAM,GAAI,EACjEO,EAAYH,EAAW,IAAKJ,IAAO,CAAE,GAAGA,EAAG,EAAGE,EAAOF,EAAE,MAAM,GAAI,EACjEQ,EAAaJ,EAAW,IAAKJ,IAAO,CAAE,GAAGA,EAAG,EAAGE,EAAOF,EAAE,OAAO,GAAI,EAEnES,EAAiBvE,GAASmE,CAAS,EACnCK,EAAmBrE,EAAYiE,CAAS,EACxCK,EAAmBtE,EAAYkE,CAAS,EACxCK,EAAoBvE,EAAYmE,CAAU,EAE1CK,EAAarD,GAAK8C,CAAS,EAC3BQ,EAAatD,GAAK6C,CAAS,EAC3BU,EAAavD,GAAK+C,CAAS,EAC3BS,EAAcxD,GAAKgD,CAAU,EAE7BS,EACJX,EAAU,QAAU,GAAKO,EACrB,GAAGH,CAAgB,MAAMG,EAAW,EAAE,QAAQ,CAAC,CAAC,IAAIjF,CAAM,MAAM0E,EAAU,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,IAAI1E,CAAM,KACnG,GAOAsF,EAAWd,EAAW,KAAMJ,GAAMA,EAAE,QAAU,GAAKA,EAAE,OAAS,CAAC,EAC/DmB,GACJD,GAAYX,EAAU,QAAU,GAAKQ,EACjC,GAAGJ,CAAgB,MAAMI,EAAW,EAAE,QAAQ,CAAC,CAAC,IAAInF,CAAM,MAAM2E,EAAU,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,IAAI3E,CAAM,KACnG,GACAwF,EAAiBF,EAAWnE,GAASyD,EAAYD,CAAS,EAAI,GAI9Dc,EAAkBjB,EAAW,KAAMJ,GAAMA,EAAE,OAAS,CAAC,EACrDsB,EAAkBlB,EAAW,KAAMJ,GAAMA,EAAE,QAAUA,EAAE,MAAM,EAC7DuB,EAAYrD,GAChB,CACE4C,EAAa,CAAE,IAAK,SAAU,KAAM,SAAU,MAAO,UAAW,EAAGA,EAAW,CAAA,EAAM,KACpFD,EAAa,CAAE,IAAK,SAAU,KAAM,SAAU,MAAO/C,EAAgB,EAAG+C,EAAW,CAAA,EAAM,KACzFQ,GAAmBN,EACf,CAAE,IAAK,SAAU,KAAM,SAAU,MAAOnD,EAAc,EAAGmD,EAAW,CAAA,EACpE,KACJO,GAAmBN,EACf,CAAE,IAAK,SAAU,KAAM,SAAU,MAAOnD,EAAc,EAAGmD,EAAY,CAAA,EACrE,IAAA,EACJ,OAAO,OAAO,EAChBpF,EAAS,CAAA,EAGX,cACG,MAAA,CAAI,QAAS,OAAOR,EAAC,IAAIC,EAAC,GAAI,UAAU,gBAAgB,oBAAoB,gBAAgB,MAAO,CAAE,QAAS,SAE5G,SAAA,CAAAwD,EAAS,IAAK,GAAM,CACnB,GAAI,CAAC,EAAE,YAAa,OAAO,KAC3B,MAAM2C,EAAKjC,EAAK,IAAI,EAAE,WAAW,EACjC,GAAIiC,GAAM,KAAM,OAAO,KACvB,MAAMC,EAAKnC,EAAIT,EAAS,UAAWmB,GAAMA,EAAE,OAAS,EAAE,IAAI,CAAC,EAC3D,aAAQ,OAAA,CAA2B,GAAIwB,EAAI,GAAI5F,EAAQ,GAAI6F,EAAI,GAAI7F,EAAQ,OAAO,UAAU,YAAa,KAAvF,OAAO,EAAE,IAAI,EAAgF,CACjH,CAAC,EAGAqF,GAAYS,EAAAA,IAAC,OAAA,CAAK,EAAGT,EAAU,KAAMnD,EAAgB,QAAS,IAAM,MAAO,CAAE,WAAY,KAAKhC,CAAI,IAAM,EAKxGqF,IACCO,EAAAA,IAAC,OAAA,CAAK,EAAGP,GAAgB,KAAMvD,EAAc,QAAS,IAAM,MAAO,CAAE,WAAY,KAAK9B,CAAI,IAAM,EAEjGsF,GACCM,EAAAA,IAAC,OAAA,CAAK,EAAGN,EAAgB,KAAMvD,EAAc,QAAS,IAAM,MAAO,CAAE,WAAY,KAAK/B,CAAI,IAAM,EAIjG2E,SACE,OAAA,CAAK,EAAGA,EAAgB,KAAK,OAAO,OAAO,UAAU,YAAa,GAAK,eAAe,QAAQ,QAAS,GAAK,MAAO,CAAE,WAAY,KAAK3E,CAAI,EAAA,EAAM,EAIlJuE,EAAU,IAAKsB,GACdD,EAAAA,IAAC,OAAA,CAEC,EAAGC,EAAG,EACN,EAAGA,EAAG,EAAI,IACV,WAAW,SACX,SAAU,IACV,KAAK,UACL,WAAW,0BACX,WAAW,MACX,QAAS,GACT,MAAO,CAAE,WAAY,KAAK7F,CAAI,EAAA,EAE7B,SAAA,KAAK,MAAM6F,EAAG,QAAkB,CAAA,EAX5B,QAAQA,EAAG,GAAG,EAAA,CAatB,EAGAT,GAAYN,GACXc,MAAC,OAAA,CAAK,EAAGd,EAAmB,KAAK,OAAO,OAAQ/C,EAAc,YAAa,IAAM,gBAAgB,MAAM,cAAc,QAAQ,QAAS,IAAM,MAAO,CAAE,WAAY,KAAK/B,CAAI,EAAA,CAAG,CAAG,EAIjL6E,SACE,OAAA,CAAK,EAAGA,EAAkB,KAAK,OAAO,OAAQ/C,EAAc,YAAa,IAAM,gBAAgB,MAAM,cAAc,QAAQ,QAAS,GAAK,MAAO,CAAE,WAAY,KAAK9B,CAAI,EAAA,CAAG,CAAG,EAI/K4E,SACE,OAAA,CAAK,EAAGA,EAAkB,KAAK,OAAO,OAAQ5C,EAAgB,YAAa,EAAG,eAAe,QAAQ,cAAc,QAAQ,QAAS,IAAM,MAAO,CAAE,WAAY,KAAKhC,CAAI,EAAA,CAAG,CAAG,EAOhLyE,EAAU,IAAI,CAACqB,EAAIxF,IAAM,CACxB,GAAIwF,EAAG,SAAW,GAAKA,EAAG,QAAU,EAAG,OAAO,KAC9C,MAAMC,EAAK,KAAK,IAAI,IAAK,KAAK,IAAI,EAAG,IAAMD,EAAG,OAAS,EAAE,CAAC,EACpDE,EAAaF,EAAG,QAAUA,EAAG,OAG7BG,EAAgB,KAAK,IAAIvB,EAAWpE,CAAC,EAAE,EAAI,EAAGwF,EAAG,EAAIC,EAAK,CAAC,EACjE,cACG,IAAA,CACE,SAAA,CAAAD,EAAG,QAAU,GACZF,EAAAA,IAAC,OAAA,CACC,EAAGE,EAAG,EACN,EAAGG,EACH,WAAW,SACX,SAAU,IACV,KAAMD,EAAajE,EAAe,UAClC,WAAW,0BACX,WAAW,MACX,MAAO,CAAE,WAAY,KAAK/B,CAAI,EAAA,EAE7B,SAAA8F,EAAG,OAAA,CAAA,SAGP,IAAA,CAAE,UAAW,aAAaA,EAAG,CAAC,IAAIA,EAAG,CAAC,IAAK,MAAO,CAAE,WAAY,aAAa9F,CAAI,IAChF,SAAA,CAAA4F,MAAC,UAAO,EAAGG,EAAI,KAAMjE,EAAc,QAAS,IAAM,EACjDgE,EAAG,OAAS,SACV,OAAA,CAAK,EAAGC,EAAK,EAAG,WAAW,SAAS,SAAU,IAAK,KAAMjE,EAAc,WAAW,0BAA0B,WAAW,MACrH,WAAG,MAAA,CACN,CAAA,CAAA,CAEJ,CAAA,CAAA,EAtBM,UAAUgE,EAAG,GAAG,EAuBxB,CAEJ,CAAC,EAKApC,EAAK,IAAKwC,GAAQ,QACjB,MAAMC,EAAIpD,EAASmD,EAAI,GAAG,EACpBE,EAAIF,EAAI,EACRG,EAAKH,EAAI,UAAY,KAAO9B,EAAO8B,EAAI,MAAM,EAAIpG,EACjD+B,EAAQqE,EAAI,UAAYA,EAAI,SAAW,EAAIA,EAAI,OAASA,EAAI,SAAW,KACvE,CAAE,OAAAI,GAAW1E,GAAUsE,EAAI,UAAY,KAAOrE,EAAQ,IAAI,EAE1DqC,EAAI,KAAK,IAAI,EAAG,KAAK,IAAI,IAAK,EAAIgC,EAAI,OAAS,GAAG,CAAC,EACnDK,EAAaJ,EAAE,OAASnD,EACxBwD,GAAYnD,IAAe6C,EAAI,IAE/BO,GACJP,EAAI,UAAY,KACZ,wCACA,GAAGA,EAAI,MAAM,kBAAkB,KAAK,MAAMA,EAAI,QAAQ,CAAC,IACpDA,EAAI,QAAUA,EAAI,OAAS,MAAMA,EAAI,QAAUA,EAAI,MAAM,WAAa,KACtEA,EAAI,OAAS,EAAI,MAAMA,EAAI,MAAM,UAAY,KAC7CA,EAAI,cAAgB,EAAI,MAAMA,EAAI,aAAa,YAAc,IAChEQ,GAAOD,GAAQ,OAAS,IAAM,GAC9BE,GAAO,KAAK,IAAInH,EAAKkH,GAAO,EAAI,EAAG,KAAK,IAAI3G,GAAQ2G,GAAO,EAAI,EAAGN,CAAC,CAAC,EACpEQ,GAAOP,EAAKnC,EAAI,GAEtB,OACE2C,EAAAA,KAAC,IAAA,CAEC,QAAS,IAAM5D,EAASkD,EAAE,IAAI,EAC9B,aAAc,IAAM7C,EAAc4C,EAAI,GAAG,EACzC,aAAc,IAAM5C,EAAc,IAAI,EACtC,MAAO,CAAE,OAAQ,SAAA,EAGjB,SAAA,CAAAuD,EAAAA,KAAC,IAAA,CAAE,UAAW,aAAaT,CAAC,IAAIC,CAAE,IAAK,MAAO,CAAE,WAAY,aAAarG,CAAI,IAC3E,SAAA,CAAA4F,EAAAA,IAAC,SAAA,CAAO,EAAG,GAAI,KAAK,cAAc,EAClCA,EAAAA,IAAC,SAAA,CAAO,EAAA1B,EAAM,KAAMoC,EAAQ,QAAS,GAAK,MAAO,CAAE,WAAY,KAAKtG,CAAI,GAAG,CAAG,EAC7EkG,EAAI,UAAY,MACfN,EAAAA,IAAC,QAAK,EAAG,CAAC1B,EAAI,EAAG,WAAW,SAAS,SAAU,IAAK,KAAMlC,EAAgB,WAAW,0BAA0B,WAAW,MACvH,SAAAR,GAAQ0E,EAAI,MAAM,CAAA,CACrB,EAEDM,IAAa,CAACD,GAAcX,EAAAA,IAAC,UAAO,EAAG1B,EAAI,EAAG,KAAK,OAAO,OAAAoC,EAAgB,YAAa,EAAG,QAAS,GAAK,EACxGC,GAAcX,EAAAA,IAAC,SAAA,CAAO,EAAG1B,EAAI,EAAG,KAAK,OAAO,OAAO,UAAU,YAAa,CAAA,CAAG,CAAA,EAChF,EAMCgC,EAAI,cAAgB,GACnBW,EAAAA,KAAC,IAAA,CACC,UAAW,aAAaT,EAAI,EAAE,IAAI,KAAK,IAAIC,EAAK,GAAI,EAAE,CAAC,IACvD,QAAUS,IAAM,CACdA,GAAE,gBAAA,EACF3D,GAAA,MAAAA,EAAmBgD,EAAE,KACvB,EACA,MAAO,CAAE,OAAQ,UAAW,WAAY,aAAanG,CAAI,EAAA,EAEzD,SAAA,CAAA4F,MAAC,QAAA,CAAO,SAAA,GAAGM,EAAI,aAAa,4DAA4D,EACxFN,EAAAA,IAAC,SAAA,CACC,EAAG,KAAO,OAAOM,EAAI,aAAa,EAAE,OAAS,GAAK,EAClD,KAAMjE,GACN,QAAS,EAAA,CAAA,EAEX2D,EAAAA,IAAC,OAAA,CACC,EAAG,IACH,WAAW,SACX,SAAU,EACV,KAAM1D,EACN,WAAW,0BACX,WAAW,MAEV,SAAAgE,EAAI,aAAA,CAAA,CACP,CAAA,CAAA,KAQFrC,GAAAsC,EAAE,iBAAF,YAAAtC,GAAkB,SAAU,GAAK,GACjCgD,EAAAA,KAAC,IAAA,CACC,UAAW,aAAaT,EAAI,EAAE,IAAItG,CAAM,IACxC,QAAUgH,IAAM,CACdA,GAAE,gBAAA,EACF5D,GAAA,MAAAA,EAAmBiD,EAAE,eAAgB,CAAC,EACxC,EACA,MAAO,CAAE,OAAQ,SAAA,EAEjB,SAAA,CAAAP,EAAAA,IAAC,SAAO,SAAA,UAAUO,EAAE,eAAgB,KAAK,IAAI,CAAC,gCAAA,CAAiC,QAC9E,SAAA,CAAO,EAAG,EAAG,GAAI,GAAI,KAAK,cAAc,EACzCP,EAAAA,IAAC,OAAA,CAAK,EAAE,+BAA+B,KAAK,OAAO,OAAO,UAAU,YAAa,EAAG,gBAAgB,MAAM,cAAc,QAAQ,EAChIA,EAAAA,IAAC,QAAK,EAAE,gBAAgB,OAAO,UAAU,YAAa,EAAG,cAAc,OAAA,CAAQ,EAC/EA,EAAAA,IAAC,OAAA,CAAK,EAAE,yBAAyB,KAAK,SAAA,CAAU,CAAA,CAAA,CAAA,QAKnD,OAAA,CAAK,EAAAQ,EAAM,EAAGtG,EAAS,GAAI,WAAW,SAAS,SAAU,IAAK,KAAK,UAAU,WAAW,4BAA4B,WAAW,MAC7H,SAAAqG,EAAE,OAASA,EAAE,KAChB,EACAP,EAAAA,IAAC,OAAA,CAAK,EAAAQ,EAAM,EAAGtG,EAAS,GAAI,WAAW,SAAS,SAAU,EAAG,KAAK,UAAU,WAAW,0BACpF,WAAE,KACL,EAGC0G,WACE,IAAA,CACC,SAAA,CAAAZ,MAAC,QAAK,EAAGe,GAAOD,GAAO,EAAG,EAAGE,GAAO,GAAI,MAAOF,GAAM,OAAQ,GAAI,GAAI,EAAG,KAAK,UAAU,QAAS,IAAM,EACtGd,EAAAA,IAAC,OAAA,CAAK,EAAGe,GAAM,EAAGC,GAAO,EAAG,WAAW,SAAS,SAAU,IAAK,KAAK,QAAQ,WAAW,0BACpF,SAAAH,EAAA,CACH,CAAA,CAAA,CACF,CAAA,CAAA,EAvFGN,EAAE,IAAA,CA2Fb,CAAC,EAGA,CAAClC,GACA2B,MAAC,QAAK,EAAGpG,EAAKI,GAAS,EAAG,EAAGE,EAAS,GAAI,WAAW,SAAS,SAAU,IAAK,KAAK,UAAU,WAAW,4BAA4B,SAAA,6EAEnI,EAID2F,EAAU,IAAK9C,GACdiD,EAAAA,IAAC,OAAA,CAEC,EAAG7F,GAAQ,EACX,EAAG4C,EAAE,OACL,SAAU,EACV,KAAMA,EAAE,MACR,WAAW,4BACX,WAAYA,EAAE,MAAQ,SAAW,IAAM,IACvC,QAASA,EAAE,MAAQ,SAAW,IAAO,EACrC,MAAO,CAAE,WAAY,KAAK3C,CAAI,EAAA,EAE7B,SAAA2C,EAAE,IAAA,EAVEA,EAAE,GAAA,CAYV,CAAA,EACH,CAEJ,CC5dO,SAASoE,GAAkBC,EAA2D,CAC3F,MAAMC,EAAO,+BAA+B,mBAAmBD,EAAK,IAAI,CAAC,GACzE,GAAIA,EAAK,eAAgB,CACvB,MAAME,EAAU,KAAK,UAAU,CAAC,CAAE,MAAO,YAAYF,EAAK,cAAc,GAAI,UAAW,KAAA,CAAO,CAAC,EAC/F,MAAO,GAAGC,CAAI,YAAY,mBAAmBC,CAAO,CAAC,EACvD,CACA,MAAO,GAAGD,CAAI,+BAChB,CCIA,MAAME,GAAU,CAAC,MAAO,KAAM,MAAO,KAAM,KAAK,EAG1CC,GAAYjH,GAA4BgH,GAA8B,SAAShH,CAAC,EAEtF,SAASkH,GAAIC,EAA4B,CACvC,GAAIA,GAAO,KAAM,MAAO,IACxB,GAAIA,EAAM,EAAG,CACX,MAAMnB,EAAI,KAAK,MAAMmB,EAAM,EAAE,EAC7B,OAAOnB,GAAK,EAAI,OAAS,GAAGA,CAAC,GAC/B,CACA,OAAImB,EAAM,GAAW,GAAGA,EAAI,QAAQ,CAAC,CAAC,IAC/B,IAAIA,EAAM,IAAI,QAAQ,CAAC,CAAC,GACjC,CAEA,SAASC,GAAU,CAAE,MAAAC,EAAO,MAAAC,GAA2C,CACrE,OACEZ,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAjB,EAAAA,IAAC,OAAA,CAAK,UAAU,0DAA2D,SAAA4B,EAAM,EACjF5B,EAAAA,IAAC,OAAA,CAAK,UAAU,+DAAgE,SAAA6B,CAAA,CAAM,CAAA,EACxF,CAEJ,CAEA,SAASC,GAAe,CAAE,OAAAC,EAAQ,SAAAC,GAA+D,CAC/F,aACG,MAAA,CAAI,UAAU,+BACZ,SAAAT,GAAQ,IAAKhH,GACZyF,EAAAA,IAAC,SAAA,CAEC,QAAS,IAAMgC,EAASzH,CAAC,EACzB,UAAW,+DACTwH,IAAWxH,EACP,yCACA,gDACN,GAEC,SAAAA,CAAA,EARIA,CAAA,CAUR,EACH,CAEJ,CAEA,SAAS0H,GAAS,CAAE,KAAAb,EAAM,aAAAc,EAAc,QAAAC,GAA4E,CAGlH,KAAM,CAACJ,EAAQK,CAAS,EAAIzE,EAAAA,SAAiB6D,GAASU,CAAY,EAAIA,EAAe,KAAK,EACpF,CAAE,KAAAG,CAAA,EAASC,GAAkBP,CAAM,EACnCQ,EAASF,GAAA,YAAAA,EAAM,SAAS,KAAM9B,GAAMA,EAAE,OAASa,EAAK,MACpDoB,EAAapB,EAAK,aAAe,OACjCqB,EAAgBrB,EAAK,iBAAmB,OACxCsB,EAActB,EAAK,cAAgB,OAEzC,OACEH,EAAAA,KAAA0B,WAAA,CAEE,SAAA,CAAA1B,EAAAA,KAAC,MAAA,CAAI,UAAU,wCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,iBACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,wCACb,SAAA,CAAAjB,EAAAA,IAAC,OAAA,CAAK,UAAU,gDAAiD,SAAAoB,EAAK,KAAK,EAC1EA,EAAK,OACJpB,EAAAA,IAAC,QAAK,UAAU,kCAAmC,WAAK,KAAA,CAAM,CAAA,EAElE,EACCoB,EAAK,aACJpB,EAAAA,IAAC,KAAE,UAAU,qEACV,WAAK,WAAA,CACR,CAAA,EAEJ,EACAA,EAAAA,IAAC,SAAA,CACC,QAASmC,EACT,UAAU,wFAEV,SAAAnC,EAAAA,IAAC4C,GAAA,CAAE,UAAU,SAAA,CAAU,CAAA,CAAA,CACzB,EACF,EAEA3B,EAAAA,KAAC4B,EAAA,CACC,GAAI,gBAAgB,mBAAmBzB,EAAK,IAAI,CAAC,GACjD,UAAU,uEAEV,SAAA,CAAApB,EAAAA,IAAC8C,GAAA,CAAa,UAAU,aAAA,CAAc,EAAE,eAAA,CAAA,CAAA,EAI1C9C,EAAAA,IAAC8B,GAAA,CAAe,OAAAC,EAAgB,SAAUK,CAAA,CAAW,GAGnDK,GAAiBD,GAAcE,IAC/BzB,EAAAA,KAAC,MAAA,CAAI,UAAU,2CACZ,SAAA,CAAAwB,UACE,MAAA,CACC,SAAA,CAAAxB,EAAAA,KAAC,MAAA,CAAI,UAAU,4CAA6C,SAAA,CAAAwB,EAAc,IAAA,EAAE,EAC5EzC,EAAAA,IAAC,MAAA,CAAI,UAAU,6DAA6D,SAAA,QAAA,CAAM,CAAA,EACpF,EAEDwC,UACE,MAAA,CACC,SAAA,CAAAvB,EAAAA,KAAC,MAAA,CAAI,UAAU,4CAA6C,SAAA,CAAAuB,EAAW,GAAA,EAAC,EACxExC,EAAAA,IAAC,MAAA,CAAI,UAAU,6DAA6D,SAAA,KAAA,CAAG,CAAA,EACjF,EAED0C,UACE,MAAA,CACC,SAAA,CAAA1C,EAAAA,IAAC,MAAA,CAAI,UAAU,4CAA6C,SAAA0C,EAAY,EACxE1C,EAAAA,IAAC,MAAA,CAAI,UAAU,6DAA6D,SAAA,SAAA,CAAO,CAAA,CAAA,CACrF,CAAA,EAEJ,EAIFiB,EAAAA,KAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAAjB,EAAAA,IAAC,IAAA,CAAE,UAAU,kEAAkE,SAAA,eAAY,EAC3FA,EAAAA,IAAC2B,GAAA,CAAU,MAAM,MAAM,MAAOF,IAAIc,GAAA,YAAAA,EAAQ,KAAK,MAAO,IAAI,CAAA,CAAG,EAC7DvC,EAAAA,IAAC2B,GAAA,CAAU,MAAM,MAAM,MAAOF,IAAIc,GAAA,YAAAA,EAAQ,KAAK,MAAO,IAAI,CAAA,CAAG,CAAA,EAC/D,SACC,MAAA,CACC,SAAA,CAAAvC,EAAAA,IAAC,IAAA,CAAE,UAAU,kEAAkE,SAAA,eAAY,EAC3FA,EAAAA,IAAC2B,GAAA,CAAU,MAAM,MAAM,MAAOF,IAAIc,GAAA,YAAAA,EAAQ,KAAK,MAAO,IAAI,CAAA,CAAG,EAC7DvC,EAAAA,IAAC2B,GAAA,CAAU,MAAM,MAAM,MAAOF,IAAIc,GAAA,YAAAA,EAAQ,KAAK,MAAO,IAAI,CAAA,CAAG,CAAA,CAAA,CAC/D,CAAA,EACF,EAGAtB,EAAAA,KAAC,MAAA,CAAI,UAAU,0DACZ,SAAA,CAAAuB,GACCvB,EAAAA,KAAC,MAAA,CAAI,UAAU,oCACb,SAAA,CAAAjB,EAAAA,IAAC,OAAA,CAAK,UAAU,iCAAiC,SAAA,aAAU,EAC3DiB,EAAAA,KAAC,OAAA,CAAK,UAAU,wCAAyC,SAAA,CAAAuB,EAAW,GAAA,CAAA,CAAC,CAAA,EACvE,EAEDD,GAAUA,EAAO,eAAiB,GACjCtB,EAAAA,KAAC4B,EAAA,CACC,GAAI1B,GAAkBC,CAAI,EAC1B,UAAU,0CAEV,SAAA,CAAAH,OAAC,QAAK,UAAU,cAAc,MAAO,CAAE,MAAO3E,GAC3C,SAAA,CAAAiG,EAAO,eAAe,+BAAA,EACzB,EACAvC,MAAC8C,IAAa,UAAU,4BAA4B,MAAO,CAAE,MAAOxG,EAAoB,CAAG,CAAA,CAAA,CAAA,CAC7F,EAEJ,EAKA0D,EAAAA,IAAC,MAAA,CAAI,UAAU,8CACb,SAAAiB,EAAAA,KAAC4B,EAAA,CACC,GAAI,+BAA+B,mBAAmBzB,EAAK,IAAI,CAAC,GAChE,UAAU,oEACX,SAAA,CAAA,kBAECpB,EAAAA,IAAC8C,GAAA,CAAa,UAAU,aAAA,CAAc,CAAA,CAAA,CAAA,CACxC,CACF,CAAA,EACF,CAEJ,CAEA,SAASC,GAAc,CACrB,WAAAC,EACA,aAAAC,EACA,OAAAlB,CACF,EAIG,CACD,MAAMmB,EAAgBF,EAAW,OAAO,CAACzC,EAAG4C,IAAM5C,EAAI4C,EAAE,QAAgB,CAAC,EACnEC,EAAgBJ,EAAW,OAAO,CAACzC,EAAG4C,IAAM5C,EAAI4C,EAAE,SAAgB,CAAC,EACnEE,EAAgBL,EAAW,OAAO,CAACzC,EAAG4C,IAAM5C,EAAI4C,EAAE,eAAgB,CAAC,EAEnEG,EAAkB,IAAI,IAAIN,EAAW,IAAKG,GAAM,CAACA,EAAE,KAAMA,CAAC,CAAC,CAAC,EAC5DI,EAAkBP,EAAW,OAAQG,GAAMA,EAAE,eAAiB,CAAC,EAAE,OACjEK,EAAmBR,EAAW,OAAQG,GAAMA,EAAE,QAAU,CAAC,EAAE,OAEjE,OACElC,EAAAA,KAAA0B,WAAA,CACE,SAAA,CAAA1B,EAAAA,KAAC,IAAA,CAAE,UAAU,gEAAgE,SAAA,CAAA,cAC/Dc,CAAA,EACd,EAGA/B,EAAAA,IAAC,MAAA,CAAI,UAAU,OACZ,WAAiB,EAChBiB,EAAAA,KAAC,IAAA,CAAE,UAAU,cAAc,MAAO,CAAE,MAAO3E,GACxC,SAAA,CAAAiH,EAAe,WAASA,EAAiB,EAAI,IAAM,GAAG,sBAAA,EACzD,EACEC,EAAmB,EACrBvC,EAAAA,KAAC,IAAA,CAAE,UAAU,6BACV,SAAA,CAAAuC,EAAiB,WAASA,EAAmB,EAAI,IAAM,GAAG,eAAA,EAC7D,EACEJ,EAAgB,EAClBpD,EAAAA,IAAC,KAAE,UAAU,+BAA+B,SAAA,uBAAA,CAAqB,EAEjEA,EAAAA,IAAC,IAAA,CAAE,UAAU,mCAAmC,iCAAqB,EAEzE,EAGAiB,EAAAA,KAAC,MAAA,CAAI,UAAU,mBACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,oCACb,SAAA,CAAAjB,EAAAA,IAAC,OAAA,CAAK,UAAU,2DAA2D,SAAA,UAAO,EAClFA,EAAAA,IAAC,QAAK,UAAW,kCAAkCkD,EAAe,EAAI,kCAAoC,sBAAsB,GAC7H,SAAAA,CAAA,CACH,CAAA,EACF,EACAjC,EAAAA,KAAC,MAAA,CAAI,UAAU,oCACb,SAAA,CAAAA,EAAAA,KAAC,OAAA,CAAK,UAAU,2DAA2D,SAAA,CAAA,cAAYc,CAAA,EAAO,EAC9F/B,EAAAA,IAAC,OAAA,CAAK,UAAU,qDAAsD,SAAAoD,CAAA,CAAc,CAAA,EACtF,EACCC,EAAgB,GACfpC,OAAC,MAAA,CAAI,UAAU,oCACb,SAAA,CAAAjB,EAAAA,IAAC,OAAA,CAAK,UAAU,2DAA2D,SAAA,WAAQ,EACnFA,EAAAA,IAAC,QAAK,UAAU,+CAA+C,MAAO,CAAE,MAAO1D,CAAA,EAC5E,SAAA+G,CAAA,CACH,CAAA,CAAA,CACF,CAAA,EAEJ,QAGC,MAAA,CAAI,UAAU,8CACb,SAAApC,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAjB,EAAAA,IAAC,OAAA,CAAK,UAAU,kEAAkE,SAAA,UAAO,EACzFA,EAAAA,IAAC,OAAA,CAAK,UAAU,mFAAmF,SAAA,OAAI,EACvGA,EAAAA,IAAC,OAAA,CAAK,UAAU,mFAAmF,SAAA,OAAI,EACvGA,EAAAA,IAAC,OAAA,CAAK,UAAU,mFAAmF,SAAA,KAAA,CAAG,CAAA,CAAA,CACxG,CAAA,CACF,QAGC,MAAA,CAAI,UAAU,cACZ,SAAAiD,EAAa,IAAK3E,GAAM,CACvB,MAAM6E,EAAgBG,EAAa,IAAIhF,EAAE,IAAI,EACvCmF,GAAgBN,GAAA,YAAAA,EAAG,UAAkB,EACrCO,GAAgBP,GAAA,YAAAA,EAAG,UAAkB,EACrCQ,GAAgBR,GAAA,YAAAA,EAAG,WAAkB,EACrCS,GAAgBT,GAAA,YAAAA,EAAG,iBAAkB,EACrCvB,EAAgBtD,EAAE,OAASA,EAAE,KAC7BuF,EAAgBD,EAAgB,EAChCE,EAAgBL,EAAU,EAEhC,OACExC,EAAAA,KAAC,MAAA,CAAiB,UAAU,iCAC1B,SAAA,CAAAA,EAAAA,KAAC,OAAA,CACC,UAAW,yCACT6C,EAAU,oBAAsB,sBAClC,GAEC,SAAA,CAAAlC,EACAiC,UACE,OAAA,CAAK,UAAU,gCAAgC,MAAO,CAAE,MAAOvH,CAAA,EAC7D,SAAA,CAAAsH,EAAc,WAAA,CAAA,CACjB,CAAA,CAAA,CAAA,EAGJ5D,EAAAA,IAAC,OAAA,CACC,UAAW,8DACT8D,EAAU,kCAAoC,sBAChD,GAEC,SAAAL,EAAU,EAAIA,EAAU,GAAA,CAAA,EAE3BzD,EAAAA,IAAC,OAAA,CAAK,UAAW,8DAA8D0D,EAAU,EAAI,cAAgB,sBAAsB,GAChI,SAAAA,EAAU,EAAIA,EAAU,IAC3B,EACA1D,EAAAA,IAAC,OAAA,CAAK,UAAW,8DAA8D2D,EAAW,EAAI,sBAAwB,sBAAsB,GACzI,SAAAA,EAAW,EAAIA,EAAW,GAAA,CAC7B,CAAA,CAAA,EAzBQrF,EAAE,IA0BZ,CAEJ,CAAC,CAAA,CACH,EAEA0B,EAAAA,IAAC,IAAA,CAAE,UAAU,uCAAuC,SAAA,oCAAA,CAEpD,CAAA,EACF,CAEJ,CAEO,SAAS+D,GAAmB,CACjC,KAAA3C,EACA,WAAA4B,EACA,aAAAC,EACA,aAAAf,EACA,QAAAC,CACF,EAA4B,CAC1B,aACG,MAAA,CAAI,UAAU,qEACZ,SAAAf,QACEa,GAAA,CAAS,KAAAb,EAAY,aAAAc,EAA4B,QAAAC,CAAA,CAAkB,EAEpEnC,EAAAA,IAAC+C,GAAA,CAAc,WAAAC,EAAwB,aAAAC,EAA4B,OAAQf,EAAc,EAE7F,CAEJ,CC3SA,MAAM8B,GAAe,GAAG7H,CAAY,KAC9B8H,GAAc,GAAG/H,CAAY,KAC7BgI,GAAgB,GAAG9H,CAAc,KAIjCmF,GAAU,CAAC,MAAO,KAAM,MAAO,KAAM,KAAK,EAK1C4C,GAAuC,CAC3C,MAAO,IACP,KAAM,EACN,MAAO,GACP,KAAM,IACN,MAAO,GACT,EAoBA,SAASC,GAAeC,EAAyC,CAC/D,MAAMC,EAAWD,EAAM,OAAQ/F,GAAMA,EAAE,WAAW,EAC5CiG,EAAU,IAAI,IAAID,EAAS,IAAKhG,GAAM,CAACA,EAAE,KAAMA,CAAC,CAAC,CAAC,EAClDkG,MAAc,IAKdC,EAFQH,EAAS,OAAQhG,GAAM,CAACA,EAAE,aAAe,CAACiG,EAAQ,IAAIjG,EAAE,WAAW,CAAC,EAEtC,IAAKoG,GAAS,CACxD,MAAMvH,EAA6B,CAAA,EAC7BwH,EAA0B,CAAC,CAAE,KAAMD,EAAM,MAAO,EAAG,EACzD,KAAOC,EAAM,OAAS,GAAG,CACvB,MAAMC,EAAOD,EAAM,MAAA,EACfH,EAAQ,IAAII,EAAK,KAAK,IAAI,IAC9BJ,EAAQ,IAAII,EAAK,KAAK,IAAI,EAC1BzH,EAAS,KAAKyH,CAAI,EAClBN,EACG,OAAQO,GAAMA,EAAE,cAAgBD,EAAK,KAAK,MAAQ,CAACJ,EAAQ,IAAIK,EAAE,IAAI,CAAC,EACtE,QAASA,GAAMF,EAAM,KAAK,CAAE,KAAME,EAAG,MAAOD,EAAK,MAAQ,CAAA,CAAG,CAAC,EAClE,CACA,MAAO,CAAE,OAAQF,EAAM,SAAAvH,CAAA,CACzB,CAAC,EAGD,OAAAmH,EACG,OAAQhG,GAAM,CAACkG,EAAQ,IAAIlG,EAAE,IAAI,CAAC,EAClC,QAASA,GAAMmG,EAAU,KAAK,CAAE,OAAQnG,EAAG,SAAU,CAAC,CAAE,KAAMA,EAAG,MAAO,CAAA,CAAG,CAAA,CAAG,CAAC,EAG3EmG,EAAU,KACf,CAAC,EAAG7H,IAAMA,EAAE,SAAS,OAAS,EAAE,SAAS,QAAU,EAAE,OAAO,KAAK,cAAcA,EAAE,OAAO,IAAI,CAAA,CAEhG,CAIA,SAASkI,GAAOrG,EAA0B,CACxC,GAAIA,GAAK,KAAM,MAAO,IACtB,GAAIA,EAAI,EAAG,CACT,MAAM8B,EAAI,KAAK,MAAM9B,EAAI,EAAE,EAC3B,OAAO8B,GAAK,EAAI,OAAS,GAAGA,CAAC,GAC/B,CACA,OAAI9B,EAAI,GAAW,GAAGA,EAAE,QAAQ,CAAC,CAAC,IAC3B,IAAIA,EAAI,IAAI,QAAQ,CAAC,CAAC,GAC/B,CAEA,SAASsG,GACPtB,EACA1F,EACAiH,EACArB,EACA,CACA,GAAI,CAAC5F,EAAQ,MAAO,CAAE,IAAK,KAAM,MAAO,oBAAqB,WAAY,EAAA,EAEzE,GAAI0F,EAAU,EAAG,CACf,MAAMxH,EAAQwH,EAAU1F,EAClBkH,EAAM,KAAK,MAAMhJ,EAAQ,GAAG,EAE5BiJ,EAAQjJ,EAAQ,EAAM,eAAiBA,EAAQ,GAAM,gBAAkB,iBAC7E,MAAO,CAAE,IAAAgJ,EAAK,MAAAC,EAAO,WAAY,EAAA,CACnC,CAIA,GAAIvB,IAAa,GAAKqB,GAAiB,KACrC,MAAO,CAAE,IAAK,KAAM,MAAO,oBAAqB,WAAY,EAAA,EAE9D,MAAM/I,EAAQ+I,EAAgB,IACxBC,EAAM,KAAK,MAAMD,CAAa,EAG9BE,EAAQjJ,EAAQ,EAAM,eAAiB,oBAC7C,MAAO,CAAE,IAAAgJ,EAAK,MAAAC,EAAO,WAAY,EAAA,CACnC,CAIA,SAASC,GAAW,CAClB,KAAA/D,EACA,OAAAmB,EACA,SAAA6C,EACA,QAAAC,CACF,EAKG,OACD,MAAM5B,GAAUlB,GAAA,YAAAA,EAAQ,UAAW,EAC7BmB,GAAUnB,GAAA,YAAAA,EAAQ,UAAW,EAC7BoB,GAAWpB,GAAA,YAAAA,EAAQ,WAAY,EAC/BqB,GAAgBrB,GAAA,YAAAA,EAAQ,iBAAkB,EAC1CxE,EAASqD,EAAK,iBAAmB,KACjC,CAAE,IAAA6D,EAAK,MAAAC,EAAO,WAAAI,CAAA,EAAeP,GAAQtB,EAAS1F,GAAQwE,GAAA,YAAAA,EAAQ,iBAAkB,KAAMoB,CAAQ,EAC9F4B,EAAWN,GAAO,KAAO,KAAK,IAAI,IAAKA,CAAG,EAAI,EAEpD,OACEhE,EAAAA,KAAA0B,WAAA,CACE,SAAA,CAAA1B,EAAAA,KAAC,MAAA,CACC,KAAK,SACL,SAAU,EACV,QAAAoE,EACA,UAAYnE,GAAM,CAAMA,EAAE,MAAQ,SAASmE,EAAA,CAAW,EACtD,UAAW,4DACTD,EAAW,2BAA6B,QAC1C,GACA,MAAO,CAAE,oBAAqB,yCAAA,EAG9B,SAAA,CAAAnE,EAAAA,KAAC,MAAA,CAAI,UAAU,2CACb,SAAA,CAAAjB,EAAAA,IAAC,OAAA,CACC,UAAU,6DAET,SAAAoB,EAAK,IAAA,CAAA,EAEPA,EAAK,OACJpB,EAAAA,IAAC,QAAK,UAAU,0CAA2C,WAAK,MAAM,KAEtE/B,EAAAmD,EAAK,iBAAL,YAAAnD,EAAqB,SAAU,GAAK,GACpC+B,MAAC,OAAA,CAAK,MAAO,UAAUoB,EAAK,eAAe,KAAK,IAAI,CAAC,GAAI,UAAU,wBACjE,SAAApB,EAAAA,IAACwF,GAAA,CAAS,UAAU,8BAAA,CAA+B,CAAA,CACrD,CAAA,EAEJ,EAGAxF,EAAAA,IAAC,OAAA,CACC,UAAW,oDACTjC,GAAU,KAAO,sBAAwB,sBAC3C,GAEC,SAAAA,GAA0B,GAAA,CAAA,EAI7BiC,EAAAA,IAAC,MAAA,CACC,UAAU,oDACV,MAAO,CAAE,gBAAiBgE,EAAA,EAE1B,SAAAhE,EAAAA,IAAC,OAAA,CACC,UAAW,kCACTyD,EAAU,EAAI,kCAAoC,sBACpD,GAEC,SAAAA,CAAA,CAAA,CACH,CAAA,EAIFzD,EAAAA,IAAC,MAAA,CACC,UAAU,oDACV,MAAO,CAAE,gBAAiBiE,EAAA,EAE1B,SAAAjE,EAAAA,IAAC,OAAA,CACC,UAAW,kCACT0D,EAAU,EAAI,4BAA8B,sBAC9C,GAEC,SAAAA,CAAA,CAAA,CACH,CAAA,EAIF1D,EAAAA,IAAC,MAAA,CACC,UAAU,oDACV,MAAO,CAAE,gBAAiBkE,EAAA,EAE1B,SAAAlE,EAAAA,IAAC,OAAA,CAAK,UAAU,sDACb,SAAA2D,CAAA,CACH,CAAA,CAAA,EAIF3D,EAAAA,IAAC,QAAK,UAAU,uEACb,aAAOuC,GAAA,YAAAA,EAAQ,KAAK,MAAO,IAAI,CAAA,CAClC,EAGAvC,EAAAA,IAAC,QAAK,UAAU,uEACb,aAAOuC,GAAA,YAAAA,EAAQ,KAAK,MAAO,IAAI,CAAA,CAClC,EAGAtB,EAAAA,KAAC,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAjB,MAAC,OAAI,UAAU,qEACb,SAAAA,MAAC,MAAA,CAAI,UAAW,uBAAuBkF,CAAK,GAAI,MAAO,CAAE,MAAO,GAAGK,CAAQ,KAAO,EACpF,EACAvF,EAAAA,IAAC,OAAA,CACC,UAAW,sCACTiF,GAAO,MAAQA,EAAM,IACjB,+BACA,sBACN,GACA,MAAOK,EAAa,gDAAkD,OAErE,SAAAL,GAAO,KAAO,GAAGA,CAAG,IAAIK,EAAa,IAAM,EAAE,GAAK,GAAA,CAAA,CACrD,CAAA,CACF,CAAA,CAAA,CAAA,EAID1B,EAAgB,GACf3C,OAAC,MAAA,CAAI,UAAU,sCACb,SAAA,CAAAjB,EAAAA,IAAC,OAAA,CACC,UAAU,oCACV,MAAO,CAAE,gBAAiB3D,EAAA,CAAe,CAAA,EAE3C4E,EAAAA,KAAC4B,EAAA,CACC,GAAI1B,GAAkBC,CAAI,EAC1B,UAAU,8BACV,MAAO,CAAE,MAAO9E,CAAA,EAChB,QAAU4E,GAAMA,EAAE,gBAAA,EAEjB,SAAA,CAAA0C,EAAc,iCAAA,CAAA,CAAA,CACjB,CAAA,CACF,CAAA,EAEJ,CAEJ,CAIA,SAAS6B,IAAY,CAEnB,MAAMC,EAAyD,CAC7D,CAAE,MAAO,MAAA,EACT,CAAE,MAAO,UAAA,EACT,CAAE,MAAO,UAAW,KAAM1B,GAAc,IAAK7H,CAAA,EAC7C,CAAE,MAAO,SAAU,KAAM8H,GAAa,IAAK/H,CAAA,EAC3C,CAAE,MAAO,WAAY,KAAMgI,GAAe,IAAK9H,CAAA,EAC/C,CAAE,MAAO,UAAA,EACT,CAAE,MAAO,UAAA,EACT,CAAE,MAAO,OAAA,CAAQ,EAEnB,OACE4D,EAAAA,IAAC,MAAA,CACC,UAAU,gEACV,MAAO,CAAE,oBAAqB,yCAAA,EAE7B,SAAA0F,EAAK,IAAI,CAACC,EAAKjL,IACdiL,EAAI,KACF3F,EAAAA,IAAC,MAAA,CAEC,UAAU,oDACV,MAAO,CAAE,gBAAiB2F,EAAI,IAAA,EAE9B,SAAA3F,EAAAA,IAAC,OAAA,CACC,UAAU,oDACV,MAAO,CAAE,MAAO2F,EAAI,GAAA,EAEnB,SAAAA,EAAI,KAAA,CAAA,CACP,EATKA,EAAI,KAAA,EAYX3F,EAAAA,IAAC,OAAA,CAEC,UAAW,iFACTtF,EAAI,GAAKA,EAAI,EAAI,aAAe,EAClC,GAEC,SAAAiL,EAAI,KAAA,EALAA,EAAI,KAAA,CAMX,CAEJ,CAAA,CAGN,CAKO,SAASC,IAAiB,OAC/B,KAAM,CAAC7D,EAAQK,CAAS,EAAIzE,EAAAA,SAAiB,KAAK,EAC5C,CAACP,EAAcyI,CAAe,EAAIlI,EAAAA,SAAwB,IAAI,EAC9D,CAACmI,EAAYC,CAAa,EAAIpI,EAAAA,SAAS,EAAK,EAKlDqI,GAAA,EAEA,KAAM,CAAE,KAAMC,EAAU,UAAWC,EAAc,QAASC,CAAA,EAAiBC,GAAA,EACrE,CACJ,KAAMC,EACN,UAAWC,EACX,QAASC,CAAA,EACPjE,GAAkBP,CAAM,EAEtBsC,GAAQ4B,GAAA,YAAAA,EAAU,QAAS,CAAA,EAC3BO,GAAUH,GAAA,YAAAA,EAAa,WAAY,CAAA,EAKnC5B,EAAYgC,EAAAA,QAAQ,IAA0BrC,GAAeC,CAAK,EAAG,CAACA,CAAK,CAAC,EAC5E,CAACqC,EAAcC,CAAe,EAAIC,GAAA,EAClCC,EAAgBH,EAAa,IAAI,UAAU,EAC3CI,EACJrC,EAAU,KAAMsC,GAAMA,EAAE,OAAO,OAASF,CAAa,GAAKpC,EAAU,CAAC,GAAK,KACtEuC,EAAiBC,EAAAA,YACpBC,GAAmB,CAClBrB,EAAgB,IAAI,EACpBc,EAAiB9J,GAAS,CACxB,MAAMtC,EAAI,IAAI,gBAAgBsC,CAAI,EAClC,OAAAtC,EAAE,IAAI,WAAY2M,CAAM,EACjB3M,CACT,CAAC,CACH,EACA,CAACoM,CAAe,CAAA,EAGZQ,GAAUL,GAAA,YAAAA,EAAgB,WAAY,CAAA,EACtCM,EAAkBX,EAAAA,QACtB,IAAM,IAAI,IAAIU,EAAQ,IAAI,CAAC,CAAE,KAAA/F,CAAA,IAAWA,EAAK,IAAI,CAAC,EAClD,CAAC+F,CAAO,CAAA,EAEJE,EAAkBZ,EAAAA,QACtB,IAAMD,EAAQ,OAAQrD,GAAMiE,EAAgB,IAAIjE,EAAE,IAAI,CAAC,EACvD,CAACqD,EAASY,CAAe,CAAA,EAGrBE,EAAgBb,EAAAA,QACpB,IACEU,EAAQ,IAAI,CAAC,CAAE,KAAM,MAAS,CAC5B,KAAM,EAAE,KACR,MAAO,EAAE,MACT,YAAa,EAAE,YACf,gBAAiB,EAAE,iBAAmB,KACtC,eAAgB,EAAE,gBAAkB,CAAA,EACpC,OAAQX,EAAQ,KAAM,GAAM,EAAE,OAAS,EAAE,IAAI,CAAA,EAC7C,EACJ,CAACW,EAASX,CAAO,CAAA,EAIbe,EAAuBN,EAAAA,YAC1BO,GAAyB,CACxB,MAAMzJ,EAAS0G,EAAU,KAAMsC,GAC7BA,EAAE,SAAS,KAAK,CAAC,CAAE,KAAA3F,CAAA,IAAWA,EAAK,OAASoG,CAAY,CAAA,EAEtDzJ,GAAQiJ,EAAejJ,EAAO,OAAO,IAAI,CAC/C,EACA,CAAC0G,EAAWuC,CAAc,CAAA,EAItBS,EAAWC,GAAA,EACXC,EAAuBV,EAAAA,YAC1BW,GAAqB,CACpB,MAAMC,EAASxD,EAAM,KAAM/F,GAAMA,EAAE,OAASsJ,CAAQ,EAChDC,GAAQJ,EAAStG,GAAkB0G,CAAM,CAAC,CAChD,EACA,CAACxD,EAAOoD,CAAQ,CAAA,EAGZK,IACJ7J,EAAAkJ,EAAQ,KAAK,CAAC,CAAE,KAAA/F,KAAWA,EAAK,OAAShE,CAAY,IAArD,YAAAa,EAAwD,OAAQ,KAE5D8J,EAAY7B,GAAgBI,EAE5B0B,EAAgB,SAAY,CAChCjC,EAAc,EAAI,EAClB,MAAM,QAAQ,IAAI,CAACI,IAAgBI,EAAA,CAAgB,CAAC,EACpDR,EAAc,EAAK,CACrB,EAEMkC,EAAgB7G,GACpByE,EAAiBhJ,GAAUA,IAASuE,EAAO,KAAOA,CAAK,EAEnD8G,SACH,MAAA,CAAI,UAAU,4BACZ,SAAA3G,GAAQ,IAAKhH,GACZyF,EAAAA,IAAC,SAAA,CAEC,QAAS,IAAMoC,EAAU7H,CAAC,EAC1B,UAAW,+DACTwH,IAAWxH,EACP,yCACA,gDACN,GAEC,SAAAA,CAAA,EARIA,CAAA,CAUR,EACH,EAGF,OACE0G,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAjB,EAAAA,IAACmI,GAAA,CACC,MAAM,aACN,SAAS,gCACT,OAAQD,GACR,QACEjH,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAjB,EAAAA,IAAC,SAAA,CACC,QAASgI,EACT,SAAUlC,EACV,UAAU,uFAEV,eAACsC,GAAA,CAAU,UAAW,eAAetC,EAAa,eAAiB,EAAE,EAAA,CAAI,CAAA,CAAA,QAE1EjD,EAAA,CAAK,GAAG,eAAe,UAAU,wBAAwB,SAAA,WAAA,CAE1D,CAAA,CAAA,CACF,CAAA,CAAA,EAIHkF,EACC9G,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAjB,EAAAA,IAAC,MAAA,CAAI,UAAU,oCAAA,CAAqC,EACpDA,EAAAA,IAAC,MAAA,CAAI,UAAU,uCAAA,CAAwC,QACtD,MAAA,CAAI,UAAU,YACZ,SAAA,CAAC,EAAG,EAAG,CAAC,EAAE,IAAKtF,GACdsF,EAAAA,IAAC,MAAA,CAAY,UAAU,sCAAA,EAAbtF,CAAoD,CAC/D,CAAA,CACH,CAAA,EACF,EACE+J,EAAU,SAAW,EACvBxD,OAAC,MAAA,CAAI,UAAU,OACb,SAAA,CAAAjB,EAAAA,IAAC,IAAA,CAAE,UAAU,mCAAmC,SAAA,oEAAiE,EACjHiB,EAAAA,KAAC,IAAA,CAAE,UAAU,6BAA6B,SAAA,CAAA,QAClC,UACL4B,EAAA,CAAK,GAAG,eAAe,UAAU,8BAA8B,SAAA,QAEhE,EAAQ,IAAI,cACD7C,EAAAA,IAAC,UAAO,SAAA,uBAAA,CAAqB,EAAS,6CAAA,CAAA,CAEnD,CAAA,EACF,EAGAiB,EAAAA,KAAC,MAAA,CAAI,UAAU,+BAIZ,SAAA,CAAAwD,EAAU,OAAS,GAClBzE,EAAAA,IAAC,MAAA,CAAI,UAAU,sCACZ,SAAAyE,EAAU,IAAKsC,GAAM,CACpB,MAAMsB,EAAWtB,EAAE,OAAO,QAASD,GAAA,YAAAA,EAAgB,OAAO,MAC1D,OACE7F,EAAAA,KAAC,SAAA,CAEC,QAAS,IAAM+F,EAAeD,EAAE,OAAO,IAAI,EAC3C,UAAW,+DACTsB,EACI,yCACA,gDACN,GAEC,SAAA,CAAAtB,EAAE,OAAO,OAASA,EAAE,OAAO,KAC5B/G,EAAAA,IAAC,OAAA,CAAK,UAAW,uBAAuBqI,EAAW,iBAAmB,yBAAyB,GAC5F,SAAAtB,EAAE,SAAS,MAAA,CACd,CAAA,CAAA,EAXKA,EAAE,OAAO,IAAA,CAcpB,CAAC,CAAA,CACH,EAIF9F,EAAAA,KAAC,MAAA,CAAI,UAAU,oDAEb,SAAA,CAAAjB,EAAAA,IAAC,MAAA,CAAI,UAAU,0EACb,SAAAA,EAAAA,IAAC9C,GAAA,CACC,SAAUoK,EACV,aAAAlK,EACA,SAAU6K,EACV,iBAAkBV,EAClB,iBAAkBI,EAClB,YAAaxD,GAAapC,CAAM,CAAA,CAAA,EAEpC,EAEA/B,EAAAA,IAAC,MAAA,CAAI,UAAU,8CAAA,CAA+C,EAE9DA,EAAAA,IAAC+D,GAAA,CACC,KAAM+D,EACN,WAAYT,EACZ,aAAcF,EAAQ,IAAKmB,GAAMA,EAAE,IAAI,EACvC,aAAcvG,EACd,QAAS,IAAM8D,EAAgB,IAAI,CAAA,CAAA,CACrC,EACF,EAGA5E,EAAAA,KAAC,MAAA,CAAI,UAAU,kFACb,SAAA,CAAAjB,EAAAA,IAACyF,GAAA,EAAU,EACXzF,EAAAA,IAAC,OAAI,UAAU,mEACZ,WAAQ,IAAI,CAAC,CAAE,KAAAoB,CAAA,IACdpB,EAAAA,IAACmF,GAAA,CAEC,KAAA/D,EACA,OAAQoF,EAAQ,KAAM,GAAM,EAAE,OAASpF,EAAK,IAAI,EAChD,SAAUhE,IAAiBgE,EAAK,KAChC,QAAS,IAAM6G,EAAa7G,EAAK,IAAI,CAAA,EAJhCA,EAAK,IAAA,CAMb,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAAA,CAEF,CAAA,EAEJ,CAEJ"}

package/dashboard/dist/assets/ProcessDetailPage-Dodrk5-z.js

@@ -1,2 +0,0 @@
-import{a as b,j as e}from"./vendor-query-B2UbickB.js";import{a as z}from"./tasks-aL0K8WW3.js";import{a as V}from"./useEventHooks-DlWkui_n.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-CKXSKsVZ.js";import{P as K}from"./PageHeaderWithStats-CcVAji-7.js";import{S as W}from"./StatusBadge-D9MeQHrh.js";import{W as Q}from"./WorkflowPill-BuNkWUVM.js";import{T as y}from"./TimestampCell-BSKj1jqT.js";import{L as D,e as X}from"./vendor-react-CXumBFUA.js";import{R as Y}from"./RolePill-CXEyPMqb.js";import{U as Z}from"./UserName-Ce9gvlT5.js";import"./vendor-icons-BaQqUm-e.js";import"./users-Dzh04pRB.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-[10px] 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-[9px] 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-[9px] 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-[9px] 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-[9px] 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 bg-status-success"}),e.jsx("span",{className:"text-[9px] 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 bg-status-warning"}),e.jsx("span",{className:"text-[9px] 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-[9px] 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-[9px] 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-[11px] 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-[9px] 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-[10px] 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-[11px] text-accent hover:underline",children:"Execution Details"}),e.jsx(D,{to:`/workflows/tasks/detail/${t.id}`,className:"block text-[11px] 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-[10px] 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-[10px] 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-[10px] 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-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Description"}),e.jsx("p",{className:"text-[11px] 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-[11px] text-accent hover:underline",children:"Execution Details"}),e.jsx(D,{to:`/escalations/detail/${t.id}`,className:"block text-[11px] 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-[9px] font-mono text-white 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-white/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-white border border-amber-600"})})]})]})]}),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 lg: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 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-Dodrk5-z.js.map