@hotmeshio/long-tail 0.10.8 → 0.10.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/api/escalations/bulk.js +7 -1
- package/build/api/escalations/helpers.d.ts +10 -1
- package/build/api/escalations/helpers.js +52 -12
- package/build/lib/events/matching.d.ts +10 -0
- package/build/lib/events/matching.js +14 -0
- package/build/lib/events/publish.d.ts +8 -2
- package/build/lib/events/publish.js +9 -2
- package/build/lib/events/socketio.d.ts +8 -2
- package/build/lib/events/socketio.js +36 -3
- package/build/lib/events/system-events.js +9 -1
- package/build/services/escalation/crud.js +40 -2
- package/build/services/orchestrator/condition.d.ts +1 -1
- package/build/services/orchestrator/condition.js +1 -1
- package/build/services/topics/system-topics.d.ts +0 -4
- package/build/services/topics/system-topics.js +57 -14
- package/build/types/events.d.ts +11 -3
- package/dashboard/dist/assets/{AdminDashboard-D0HdEkT9.js → AdminDashboard-DWSYdAeW.js} +2 -2
- package/dashboard/dist/assets/{AdminDashboard-D0HdEkT9.js.map → AdminDashboard-DWSYdAeW.js.map} +1 -1
- package/dashboard/dist/assets/{AgentConfigPage-CtURUMOV.js → AgentConfigPage-Dm6gL76m.js} +2 -2
- package/dashboard/dist/assets/{AgentConfigPage-CtURUMOV.js.map → AgentConfigPage-Dm6gL76m.js.map} +1 -1
- package/dashboard/dist/assets/{AgentDetailPage-C5AnjpD9.js → AgentDetailPage-D-Xbyrb6.js} +3 -3
- package/dashboard/dist/assets/AgentDetailPage-D-Xbyrb6.js.map +1 -0
- package/dashboard/dist/assets/{AgentsPage-DBequneI.js → AgentsPage-DKaDRk-Y.js} +2 -2
- package/dashboard/dist/assets/{AgentsPage-DBequneI.js.map → AgentsPage-DKaDRk-Y.js.map} +1 -1
- package/dashboard/dist/assets/{AvailableEscalationsPage-Bk7fFV2e.js → AvailableEscalationsPage-B-aHvGKD.js} +2 -2
- package/dashboard/dist/assets/AvailableEscalationsPage-B-aHvGKD.js.map +1 -0
- package/dashboard/dist/assets/{BotPicker-BMXokkH7.js → BotPicker-DRv_orzI.js} +2 -2
- package/dashboard/dist/assets/{BotPicker-BMXokkH7.js.map → BotPicker-DRv_orzI.js.map} +1 -1
- package/dashboard/dist/assets/{CapabilitiesPage-w-D6xraE.js → CapabilitiesPage-DqRVzMol.js} +2 -2
- package/dashboard/dist/assets/{CapabilitiesPage-w-D6xraE.js.map → CapabilitiesPage-DqRVzMol.js.map} +1 -1
- package/dashboard/dist/assets/{CollapsibleSection-IPL1H1bQ.js → CollapsibleSection-D0psvw8i.js} +2 -2
- package/dashboard/dist/assets/{CollapsibleSection-IPL1H1bQ.js.map → CollapsibleSection-D0psvw8i.js.map} +1 -1
- package/dashboard/dist/assets/CountdownTimer-BhF3oqS8.js +2 -0
- package/dashboard/dist/assets/CountdownTimer-BhF3oqS8.js.map +1 -0
- package/dashboard/dist/assets/{CredentialsPage-DR48hDES.js → CredentialsPage-Axdci1z-.js} +2 -2
- package/dashboard/dist/assets/{CredentialsPage-DR48hDES.js.map → CredentialsPage-Axdci1z-.js.map} +1 -1
- package/dashboard/dist/assets/{CronLabel-KQEj0cDS.js → CronLabel-BjZ_wZA8.js} +2 -2
- package/dashboard/dist/assets/{CronLabel-KQEj0cDS.js.map → CronLabel-BjZ_wZA8.js.map} +1 -1
- package/dashboard/dist/assets/CustomDurationPicker-CkUCMUfk.js +2 -0
- package/dashboard/dist/assets/CustomDurationPicker-CkUCMUfk.js.map +1 -0
- package/dashboard/dist/assets/{DropZone-BrnAkQxF.js → DropZone-_tmC3jEe.js} +2 -2
- package/dashboard/dist/assets/{DropZone-BrnAkQxF.js.map → DropZone-_tmC3jEe.js.map} +1 -1
- package/dashboard/dist/assets/{ElapsedCell-Cflz7Pb5.js → ElapsedCell-BE_CN5sP.js} +2 -2
- package/dashboard/dist/assets/{ElapsedCell-Cflz7Pb5.js.map → ElapsedCell-BE_CN5sP.js.map} +1 -1
- package/dashboard/dist/assets/{EscalationListSchemaPage-BTBZ8OBY.js → EscalationListSchemaPage-CgcVIiYR.js} +3 -3
- package/dashboard/dist/assets/{EscalationListSchemaPage-BTBZ8OBY.js.map → EscalationListSchemaPage-CgcVIiYR.js.map} +1 -1
- package/dashboard/dist/assets/{EscalationSchemaPage-Cd9fR2EA.js → EscalationSchemaPage-BaAn1Hcr.js} +3 -3
- package/dashboard/dist/assets/{EscalationSchemaPage-Cd9fR2EA.js.map → EscalationSchemaPage-BaAn1Hcr.js.map} +1 -1
- package/dashboard/dist/assets/{EscalationsOverview-BzNFcA0i.js → EscalationsOverview-Dbq7tKzr.js} +2 -2
- package/dashboard/dist/assets/{EscalationsOverview-BzNFcA0i.js.map → EscalationsOverview-Dbq7tKzr.js.map} +1 -1
- package/dashboard/dist/assets/{EventTable-S2BJqOt2.js → EventTable-0RUK9jqt.js} +2 -2
- package/dashboard/dist/assets/{EventTable-S2BJqOt2.js.map → EventTable-0RUK9jqt.js.map} +1 -1
- package/dashboard/dist/assets/{FilterBar-CeXwNVn6.js → FilterBar-B_dy2Jhj.js} +2 -2
- package/dashboard/dist/assets/{FilterBar-CeXwNVn6.js.map → FilterBar-B_dy2Jhj.js.map} +1 -1
- package/dashboard/dist/assets/{GraphInvokePage-CBjXjOLX.js → GraphInvokePage-CvLYp1nL.js} +2 -2
- package/dashboard/dist/assets/{GraphInvokePage-CBjXjOLX.js.map → GraphInvokePage-CvLYp1nL.js.map} +1 -1
- package/dashboard/dist/assets/HomePage-B6s1ZeyA.js +2 -0
- package/dashboard/dist/assets/HomePage-B6s1ZeyA.js.map +1 -0
- package/dashboard/dist/assets/{ListToolbar-Dx6DuFdR.js → ListToolbar-DVhlAKZ3.js} +2 -2
- package/dashboard/dist/assets/{ListToolbar-Dx6DuFdR.js.map → ListToolbar-DVhlAKZ3.js.map} +1 -1
- package/dashboard/dist/assets/{McpOverview-Cj8_UyWJ.js → McpOverview-Ca8cpc8g.js} +2 -2
- package/dashboard/dist/assets/{McpOverview-Cj8_UyWJ.js.map → McpOverview-Ca8cpc8g.js.map} +1 -1
- package/dashboard/dist/assets/{McpQueryDetailPage-Bqh8GChr.js → McpQueryDetailPage-D0r2lyZg.js} +2 -2
- package/dashboard/dist/assets/{McpQueryDetailPage-Bqh8GChr.js.map → McpQueryDetailPage-D0r2lyZg.js.map} +1 -1
- package/dashboard/dist/assets/{McpQueryPage-CqFkBwBR.js → McpQueryPage-DPP6BB3d.js} +2 -2
- package/dashboard/dist/assets/{McpQueryPage-CqFkBwBR.js.map → McpQueryPage-DPP6BB3d.js.map} +1 -1
- package/dashboard/dist/assets/{McpRunDetailPage-BqhRwkGk.js → McpRunDetailPage-C76mfUtG.js} +2 -2
- package/dashboard/dist/assets/{McpRunDetailPage-BqhRwkGk.js.map → McpRunDetailPage-C76mfUtG.js.map} +1 -1
- package/dashboard/dist/assets/{McpRunsPage-CNXYU4iX.js → McpRunsPage-B43BqEyw.js} +2 -2
- package/dashboard/dist/assets/{McpRunsPage-CNXYU4iX.js.map → McpRunsPage-B43BqEyw.js.map} +1 -1
- package/dashboard/dist/assets/{NamespacePill-DQGzN0Ph.js → NamespacePill-B5gHotsd.js} +2 -2
- package/dashboard/dist/assets/{NamespacePill-DQGzN0Ph.js.map → NamespacePill-B5gHotsd.js.map} +1 -1
- package/dashboard/dist/assets/{OperationsPage-C7UB_d-X.js → OperationsPage-DbHzQCuE.js} +2 -2
- package/dashboard/dist/assets/{OperationsPage-C7UB_d-X.js.map → OperationsPage-DbHzQCuE.js.map} +1 -1
- package/dashboard/dist/assets/OperatorDashboard-B70nS_Ah.js +2 -0
- package/dashboard/dist/assets/OperatorDashboard-B70nS_Ah.js.map +1 -0
- package/dashboard/dist/assets/{PageHeader-DlcE3U5L.js → PageHeader-DrbNMGxm.js} +2 -2
- package/dashboard/dist/assets/{PageHeader-DlcE3U5L.js.map → PageHeader-DrbNMGxm.js.map} +1 -1
- package/dashboard/dist/assets/{PageHeaderWithStats-BMhnR3-9.js → PageHeaderWithStats-SbQkaQLG.js} +2 -2
- package/dashboard/dist/assets/{PageHeaderWithStats-BMhnR3-9.js.map → PageHeaderWithStats-SbQkaQLG.js.map} +1 -1
- package/dashboard/dist/assets/{ProcessDetailPage-ChGWcwSp.js → ProcessDetailPage-eLLUCWFf.js} +2 -2
- package/dashboard/dist/assets/{ProcessDetailPage-ChGWcwSp.js.map → ProcessDetailPage-eLLUCWFf.js.map} +1 -1
- package/dashboard/dist/assets/{ProcessesListPage-DatKHVkd.js → ProcessesListPage-Di0n8TR4.js} +2 -2
- package/dashboard/dist/assets/{ProcessesListPage-DatKHVkd.js.map → ProcessesListPage-Di0n8TR4.js.map} +1 -1
- package/dashboard/dist/assets/{RoleDetailPage-GJ_coHsM.js → RoleDetailPage-Dhn9zU5l.js} +3 -3
- package/dashboard/dist/assets/{RoleDetailPage-GJ_coHsM.js.map → RoleDetailPage-Dhn9zU5l.js.map} +1 -1
- package/dashboard/dist/assets/{RolePill-dzo14hB_.js → RolePill-Cz-AAWqA.js} +2 -2
- package/dashboard/dist/assets/{RolePill-dzo14hB_.js.map → RolePill-Cz-AAWqA.js.map} +1 -1
- package/dashboard/dist/assets/{RolesPage-CPKw336d.js → RolesPage-BnAwjUiG.js} +2 -2
- package/dashboard/dist/assets/{RolesPage-CPKw336d.js.map → RolesPage-BnAwjUiG.js.map} +1 -1
- package/dashboard/dist/assets/{RunAsSelector-VbBn0o7s.js → RunAsSelector-DFv0VNVZ.js} +2 -2
- package/dashboard/dist/assets/{RunAsSelector-VbBn0o7s.js.map → RunAsSelector-DFv0VNVZ.js.map} +1 -1
- package/dashboard/dist/assets/{StickyPagination-BI8tDf2V.js → StickyPagination-D5zxe_l9.js} +2 -2
- package/dashboard/dist/assets/{StickyPagination-BI8tDf2V.js.map → StickyPagination-D5zxe_l9.js.map} +1 -1
- package/dashboard/dist/assets/{StreamMessageDetail-BObbEz7P.js → StreamMessageDetail-BmBfNSEr.js} +2 -2
- package/dashboard/dist/assets/{StreamMessageDetail-BObbEz7P.js.map → StreamMessageDetail-BmBfNSEr.js.map} +1 -1
- package/dashboard/dist/assets/{SwimlaneTimeline-BHjAtOGC.js → SwimlaneTimeline-CA0TKDIi.js} +2 -2
- package/dashboard/dist/assets/{SwimlaneTimeline-BHjAtOGC.js.map → SwimlaneTimeline-CA0TKDIi.js.map} +1 -1
- package/dashboard/dist/assets/{TagInput-cyhTZTwe.js → TagInput-Bf9dZSG6.js} +2 -2
- package/dashboard/dist/assets/{TagInput-cyhTZTwe.js.map → TagInput-Bf9dZSG6.js.map} +1 -1
- package/dashboard/dist/assets/{TaskDetailPage-B-E1dqUw.js → TaskDetailPage-C15nADUW.js} +2 -2
- package/dashboard/dist/assets/{TaskDetailPage-B-E1dqUw.js.map → TaskDetailPage-C15nADUW.js.map} +1 -1
- package/dashboard/dist/assets/{TaskQueuePill-_zIpG4bG.js → TaskQueuePill-DfiBYQy2.js} +2 -2
- package/dashboard/dist/assets/{TaskQueuePill-_zIpG4bG.js.map → TaskQueuePill-DfiBYQy2.js.map} +1 -1
- package/dashboard/dist/assets/{TasksListPage-urJ4XiUi.js → TasksListPage-DQdAayqc.js} +2 -2
- package/dashboard/dist/assets/{TasksListPage-urJ4XiUi.js.map → TasksListPage-DQdAayqc.js.map} +1 -1
- package/dashboard/dist/assets/{TimeAgo-D6Dg0SQs.js → TimeAgo-CvslqTB7.js} +2 -2
- package/dashboard/dist/assets/{TimeAgo-D6Dg0SQs.js.map → TimeAgo-CvslqTB7.js.map} +1 -1
- package/dashboard/dist/assets/{TimestampCell-DG__Gr-e.js → TimestampCell-BZCQQONl.js} +2 -2
- package/dashboard/dist/assets/{TimestampCell-DG__Gr-e.js.map → TimestampCell-BZCQQONl.js.map} +1 -1
- package/dashboard/dist/assets/{ToolPill-CKHYG6eV.js → ToolPill-gA4sXukc.js} +2 -2
- package/dashboard/dist/assets/{ToolPill-CKHYG6eV.js.map → ToolPill-gA4sXukc.js.map} +1 -1
- package/dashboard/dist/assets/{ToolTestPanel-D-hGLf95.js → ToolTestPanel-BgLVc6R5.js} +2 -2
- package/dashboard/dist/assets/{ToolTestPanel-D-hGLf95.js.map → ToolTestPanel-BgLVc6R5.js.map} +1 -1
- package/dashboard/dist/assets/{TopicDetailPage-B10i4xV2.js → TopicDetailPage-9A0aPb4t.js} +2 -2
- package/dashboard/dist/assets/{TopicDetailPage-B10i4xV2.js.map → TopicDetailPage-9A0aPb4t.js.map} +1 -1
- package/dashboard/dist/assets/{TopicsPage-C5THflVQ.js → TopicsPage-o0EZxKbR.js} +2 -2
- package/dashboard/dist/assets/{TopicsPage-C5THflVQ.js.map → TopicsPage-o0EZxKbR.js.map} +1 -1
- package/dashboard/dist/assets/{UserName-CZTpouta.js → UserName-DKMLxBJ5.js} +2 -2
- package/dashboard/dist/assets/{UserName-CZTpouta.js.map → UserName-DKMLxBJ5.js.map} +1 -1
- package/dashboard/dist/assets/{WorkflowExecutionPage-mbnj6saI.js → WorkflowExecutionPage-C-snB_dD.js} +2 -2
- package/dashboard/dist/assets/{WorkflowExecutionPage-mbnj6saI.js.map → WorkflowExecutionPage-C-snB_dD.js.map} +1 -1
- package/dashboard/dist/assets/{WorkflowPill-DlSVXnnj.js → WorkflowPill-Djt2AtZk.js} +2 -2
- package/dashboard/dist/assets/{WorkflowPill-DlSVXnnj.js.map → WorkflowPill-Djt2AtZk.js.map} +1 -1
- package/dashboard/dist/assets/{WorkflowsDashboard-DC_9GrpY.js → WorkflowsDashboard-BRQmgsLR.js} +2 -2
- package/dashboard/dist/assets/{WorkflowsDashboard-DC_9GrpY.js.map → WorkflowsDashboard-BRQmgsLR.js.map} +1 -1
- package/dashboard/dist/assets/{WorkflowsOverview-ClSH1UwG.js → WorkflowsOverview-DmMdIRHQ.js} +2 -2
- package/dashboard/dist/assets/{WorkflowsOverview-ClSH1UwG.js.map → WorkflowsOverview-DmMdIRHQ.js.map} +1 -1
- package/dashboard/dist/assets/{YamlWorkflowDetailPage-BkgoB7oD.js → YamlWorkflowDetailPage-Bj7QkCry.js} +2 -2
- package/dashboard/dist/assets/{YamlWorkflowDetailPage-BkgoB7oD.js.map → YamlWorkflowDetailPage-Bj7QkCry.js.map} +1 -1
- package/dashboard/dist/assets/{YamlWorkflowsPage-Db_REA2f.js → YamlWorkflowsPage-BIi77mE0.js} +2 -2
- package/dashboard/dist/assets/{YamlWorkflowsPage-Db_REA2f.js.map → YamlWorkflowsPage-BIi77mE0.js.map} +1 -1
- package/dashboard/dist/assets/{agents-Dvb8j9AB.js → agents-EBIsjLCr.js} +2 -2
- package/dashboard/dist/assets/{agents-Dvb8j9AB.js.map → agents-EBIsjLCr.js.map} +1 -1
- package/dashboard/dist/assets/{bots-D9jYHjBM.js → bots-BXzxybS6.js} +2 -2
- package/dashboard/dist/assets/{bots-D9jYHjBM.js.map → bots-BXzxybS6.js.map} +1 -1
- package/dashboard/dist/assets/{capabilities-BAto9JcQ.js → capabilities-CnprG6q_.js} +2 -2
- package/dashboard/dist/assets/{capabilities-BAto9JcQ.js.map → capabilities-CnprG6q_.js.map} +1 -1
- package/dashboard/dist/assets/{controlplane-2Aic2Tfm.js → controlplane-DiC0xtNq.js} +2 -2
- package/dashboard/dist/assets/{controlplane-2Aic2Tfm.js.map → controlplane-DiC0xtNq.js.map} +1 -1
- package/dashboard/dist/assets/{escalation-columns-DPKPJtw3.js → escalation-columns-D0aYpJkF.js} +2 -2
- package/dashboard/dist/assets/{escalation-columns-DPKPJtw3.js.map → escalation-columns-D0aYpJkF.js.map} +1 -1
- package/dashboard/dist/assets/index-B2iZG_HP.css +1 -0
- package/dashboard/dist/assets/{index-BW7-Q9Qf.js → index-B6ldRx_s.js} +2 -2
- package/dashboard/dist/assets/{index-BW7-Q9Qf.js.map → index-B6ldRx_s.js.map} +1 -1
- package/dashboard/dist/assets/{index-4zRmxPwA.js → index-BHAjQoOy.js} +2 -2
- package/dashboard/dist/assets/{index-4zRmxPwA.js.map → index-BHAjQoOy.js.map} +1 -1
- package/dashboard/dist/assets/{index-C-T1Wq0Z.js → index-BzRXMicE.js} +2 -2
- package/dashboard/dist/assets/{index-C-T1Wq0Z.js.map → index-BzRXMicE.js.map} +1 -1
- package/dashboard/dist/assets/{index-BzQIzZfd.js → index-C7KY8GTF.js} +2 -2
- package/dashboard/dist/assets/{index-BzQIzZfd.js.map → index-C7KY8GTF.js.map} +1 -1
- package/dashboard/dist/assets/index-CSTwyrwu.js +63 -0
- package/dashboard/dist/assets/index-CSTwyrwu.js.map +1 -0
- package/dashboard/dist/assets/{index-BZbDwh_Y.js → index-CcMIca5t.js} +2 -2
- package/dashboard/dist/assets/{index-BZbDwh_Y.js.map → index-CcMIca5t.js.map} +1 -1
- package/dashboard/dist/assets/{index-B5JgykZD.js → index-CjBdB8Ht.js} +2 -2
- package/dashboard/dist/assets/{index-B5JgykZD.js.map → index-CjBdB8Ht.js.map} +1 -1
- package/dashboard/dist/assets/{index-_Q1Wf2A8.js → index-D-7mT0ew.js} +2 -2
- package/dashboard/dist/assets/{index-_Q1Wf2A8.js.map → index-D-7mT0ew.js.map} +1 -1
- package/dashboard/dist/assets/{index-oHU-ramT.js → index-DDA7FvqT.js} +2 -2
- package/dashboard/dist/assets/{index-oHU-ramT.js.map → index-DDA7FvqT.js.map} +1 -1
- package/dashboard/dist/assets/index-DVmC_UfQ.js +5 -0
- package/dashboard/dist/assets/index-DVmC_UfQ.js.map +1 -0
- package/dashboard/dist/assets/{index-KkikDsJ2.js → index-Dht0ihGT.js} +2 -2
- package/dashboard/dist/assets/{index-KkikDsJ2.js.map → index-Dht0ihGT.js.map} +1 -1
- package/dashboard/dist/assets/{index-peRHL38z.js → index-gBnGEubX.js} +2 -2
- package/dashboard/dist/assets/{index-peRHL38z.js.map → index-gBnGEubX.js.map} +1 -1
- package/dashboard/dist/assets/{index-CeM012DJ.js → index-ovFEZ9SV.js} +2 -2
- package/dashboard/dist/assets/{index-CeM012DJ.js.map → index-ovFEZ9SV.js.map} +1 -1
- package/dashboard/dist/assets/{knowledge-DO8idX0e.js → knowledge-W5QSKkYQ.js} +2 -2
- package/dashboard/dist/assets/{knowledge-DO8idX0e.js.map → knowledge-W5QSKkYQ.js.map} +1 -1
- package/dashboard/dist/assets/{mcp-BGpQlkFp.js → mcp-n877HyOj.js} +2 -2
- package/dashboard/dist/assets/{mcp-BGpQlkFp.js.map → mcp-n877HyOj.js.map} +1 -1
- package/dashboard/dist/assets/{mcp-query-DT0SCB9l.js → mcp-query-C9kV4sUm.js} +2 -2
- package/dashboard/dist/assets/{mcp-query-DT0SCB9l.js.map → mcp-query-C9kV4sUm.js.map} +1 -1
- package/dashboard/dist/assets/{pipelines-CYk7cN6-.js → pipelines-CBR68T8R.js} +2 -2
- package/dashboard/dist/assets/{pipelines-CYk7cN6-.js.map → pipelines-CBR68T8R.js.map} +1 -1
- package/dashboard/dist/assets/{tasks-B4Y5xbF0.js → tasks-DHpWqKMk.js} +2 -2
- package/dashboard/dist/assets/{tasks-B4Y5xbF0.js.map → tasks-DHpWqKMk.js.map} +1 -1
- package/dashboard/dist/assets/{topics-CVnqDw3B.js → topics-CaLtyqSh.js} +2 -2
- package/dashboard/dist/assets/{topics-CVnqDw3B.js.map → topics-CaLtyqSh.js.map} +1 -1
- package/dashboard/dist/assets/useEventHooks-B8p56JlB.js +2 -0
- package/dashboard/dist/assets/useEventHooks-B8p56JlB.js.map +1 -0
- package/dashboard/dist/assets/{useNamespace-B1t3hsGf.js → useNamespace-ej71FCvu.js} +2 -2
- package/dashboard/dist/assets/{useNamespace-B1t3hsGf.js.map → useNamespace-ej71FCvu.js.map} +1 -1
- package/dashboard/dist/assets/{useYamlActivityEvents-B8Ru07xQ.js → useYamlActivityEvents-DgpiFXib.js} +2 -2
- package/dashboard/dist/assets/{useYamlActivityEvents-B8Ru07xQ.js.map → useYamlActivityEvents-DgpiFXib.js.map} +1 -1
- package/dashboard/dist/assets/{users-C8H4jjTq.js → users-CHnjI_Ca.js} +2 -2
- package/dashboard/dist/assets/{users-C8H4jjTq.js.map → users-CHnjI_Ca.js.map} +1 -1
- package/dashboard/dist/assets/{vendor-icons-BE_WrH2z.js → vendor-icons-Bg6eJX4Z.js} +136 -141
- package/dashboard/dist/assets/vendor-icons-Bg6eJX4Z.js.map +1 -0
- package/dashboard/dist/assets/{workflows-BAdI5k--.js → workflows-DtnXUL0U.js} +2 -2
- package/dashboard/dist/assets/{workflows-BAdI5k--.js.map → workflows-DtnXUL0U.js.map} +1 -1
- package/dashboard/dist/assets/{yaml-workflows-Bf2aQS-M.js → yaml-workflows-DDclYAID.js} +2 -2
- package/dashboard/dist/assets/{yaml-workflows-Bf2aQS-M.js.map → yaml-workflows-DDclYAID.js.map} +1 -1
- package/dashboard/dist/index.html +3 -3
- package/docs/api/http/escalations.md +1 -1
- package/docs/api/sdk/escalations.md +2 -2
- package/docs/events.md +4 -2
- package/docs/hitl/escalation.md +1 -1
- package/docs/hitl/x-lt-list-schema.md +11 -3
- package/package.json +1 -1
- package/dashboard/dist/assets/AgentDetailPage-C5AnjpD9.js.map +0 -1
- package/dashboard/dist/assets/AvailableEscalationsPage-Bk7fFV2e.js.map +0 -1
- package/dashboard/dist/assets/CountdownTimer-D-CpxYDO.js +0 -2
- package/dashboard/dist/assets/CountdownTimer-D-CpxYDO.js.map +0 -1
- package/dashboard/dist/assets/CustomDurationPicker-_KceggR9.js +0 -2
- package/dashboard/dist/assets/CustomDurationPicker-_KceggR9.js.map +0 -1
- package/dashboard/dist/assets/HomePage-NMLaXTvf.js +0 -2
- package/dashboard/dist/assets/HomePage-NMLaXTvf.js.map +0 -1
- package/dashboard/dist/assets/OperatorDashboard-DwbPAPaf.js +0 -2
- package/dashboard/dist/assets/OperatorDashboard-DwbPAPaf.js.map +0 -1
- package/dashboard/dist/assets/index-CKxFjMtw.js +0 -63
- package/dashboard/dist/assets/index-CKxFjMtw.js.map +0 -1
- package/dashboard/dist/assets/index-Pmvw74oY.css +0 -1
- package/dashboard/dist/assets/index-jkVeGCkD.js +0 -5
- package/dashboard/dist/assets/index-jkVeGCkD.js.map +0 -1
- package/dashboard/dist/assets/useEventHooks-D8bVEx-w.js +0 -2
- package/dashboard/dist/assets/useEventHooks-D8bVEx-w.js.map +0 -1
- package/dashboard/dist/assets/vendor-icons-BE_WrH2z.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RolesPage-CPKw336d.js","sources":["../../src/pages/admin/roles/CreateRoleModal.tsx","../../src/pages/admin/roles/RolesPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useCreateRole } from '../../../api/roles';\nimport { Modal } from '../../../components/common/modal/Modal';\n\nexport function CreateRoleModal({\n open,\n onClose,\n}: {\n open: boolean;\n onClose: () => void;\n}) {\n const createRole = useCreateRole();\n const [roleName, setRoleName] = useState('');\n\n const [prevOpen, setPrevOpen] = useState(open);\n if (open !== prevOpen) {\n setPrevOpen(open);\n if (open) {\n setRoleName('');\n createRole.reset();\n }\n }\n\n const handleCreate = () => {\n const trimmed = roleName.trim().toLowerCase();\n if (!trimmed) return;\n createRole.mutate(trimmed, { onSuccess: onClose });\n };\n\n return (\n <Modal open={open} onClose={onClose} title=\"Create Role\">\n <div className=\"space-y-4\">\n <div>\n <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n Role Name (required)\n </label>\n <input\n type=\"text\"\n value={roleName}\n onChange={(e) => setRoleName(e.target.value)}\n placeholder=\"e.g., reviewer\"\n className=\"input text-xs w-full\"\n onKeyDown={(e) => {\n if (e.key === 'Enter') handleCreate();\n }}\n />\n <p className=\"text-2xs text-text-tertiary mt-1\">\n Lowercase letters, numbers, hyphens, and underscores only.\n </p>\n </div>\n\n {createRole.error && (\n <p className=\"text-xs text-status-error\">{(createRole.error as Error).message}</p>\n )}\n\n <div className=\"flex justify-end gap-3 pt-2\">\n <button onClick={onClose} className=\"btn-secondary text-xs\">\n Cancel\n </button>\n <button\n onClick={handleCreate}\n disabled={!roleName.trim() || createRole.isPending}\n className=\"btn-primary text-xs\"\n >\n {createRole.isPending ? 'Creating...' : 'Create'}\n </button>\n </div>\n </div>\n </Modal>\n );\n}\n","import { useState, useMemo } from 'react';\nimport { useNavigate, Link } from 'react-router-dom';\nimport { Search } from 'lucide-react';\nimport { useRoleDetails, useEscalationChains, type RoleDetail } from '../../../api/roles';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { RolePill } from '../../../components/common/display/RolePill';\nimport { displayRoleTitle } from '../../../lib/role-display';\nimport { CreateRoleModal } from './CreateRoleModal';\n\n// ── Grid columns ──────────────────────────────────────────────────────────────\n// ROLE(dot+display name, 200px) | KEY(160px) | DESCRIPTION(1fr) | PRECEDED BY(130px) | ESCALATES TO(160px) | MEMBERS(88px) | CAPACITY(204px)\n// The display name leads (user-set title, else Title Case derived from the\n// key — same formatter the Pace Board uses); the exact key is the secondary\n// field. The capacity block is a single combined cell that internally renders\n// SLA/m · Target/h · Staff flush to row edges.\nconst GRID = '200px 160px 1fr 130px 160px 88px 204px';\n\nconst CELL_TEXT = 'text-text-secondary transition-colors group-hover/row:text-text-primary';\n// Header/cell sizes match the app's list standard (DataTable): text-2xs\n// headers, text-sm body cells.\nconst HDR = 'text-2xs font-semibold uppercase tracking-widest text-text-quaternary';\n\n// ── Table header ──────────────────────────────────────────────────────────────\n\nconst CAPACITY_COL_LABEL = `${HDR} text-right flex-1 min-w-0`;\n\n// py lives on each cell, not the grid — lets the capacity div stretch flush to row edges\nconst CELL_PY = 'py-2';\nconst ROW_PY = 'py-2.5';\n\nfunction TableHead() {\n return (\n <div\n className=\"grid gap-4 px-3 border-b border-surface-border bg-surface\"\n style={{ gridTemplateColumns: GRID }}\n >\n <span className={`${HDR} ${CELL_PY} flex items-center pl-[18px]`}>Role</span>\n <span className={`${HDR} ${CELL_PY} flex items-center`}>Key</span>\n <span className={`${HDR} ${CELL_PY} flex items-center`}>Description</span>\n <span className={`${HDR} ${CELL_PY} flex items-center`}>Preceded By</span>\n <span className={`${HDR} ${CELL_PY} flex items-center`}>Escalates To</span>\n <span className={`${HDR} ${CELL_PY} flex items-center justify-end`}>Members</span>\n {/* Capacity block — no py, stretches to full row height by default (grid stretch alignment) */}\n <div className=\"flex gap-3 items-center bg-surface-sunken px-3\">\n <span className={CAPACITY_COL_LABEL}>SLA/M</span>\n <span className={CAPACITY_COL_LABEL}>Target/h</span>\n <span className={CAPACITY_COL_LABEL}>Staff</span>\n </div>\n </div>\n );\n}\n\n// ── Role row ──────────────────────────────────────────────────────────────────\n\nconst CAPACITY_COL_VAL = 'text-xs tabular-nums text-right flex-1 min-w-0 transition-colors';\n\nfunction RoleRow({\n role,\n targets,\n onClick,\n}: {\n role: RoleDetail;\n targets: string[];\n onClick: () => void;\n}) {\n\n return (\n <div\n role=\"button\"\n tabIndex={0}\n onClick={onClick}\n onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onClick(); }}\n className=\"grid gap-4 px-3 cursor-pointer group/row\"\n style={{ gridTemplateColumns: GRID }}\n >\n {/* ROLE — ops status circle inline with the display name (user-set\n title, else Title Case derived from the key) */}\n <div className={`flex items-center gap-2.5 min-w-0 ${ROW_PY}`}>\n <span\n className={`w-2 h-2 rounded-full dot-ring shrink-0 ${role.ops_visible ? 'bg-status-success' : 'bg-surface-border'}`}\n title={role.ops_visible ? 'Visible in Operations' : 'Enable in role settings to show in Operations'}\n />\n <span className={`text-sm truncate ${CELL_TEXT}`}>\n {displayRoleTitle(role)}\n </span>\n </div>\n\n {/* KEY — the exact technical id */}\n <span className={`flex items-center text-xs font-mono truncate ${ROW_PY} text-text-tertiary transition-colors group-hover/row:text-text-secondary`}>\n {role.role}\n </span>\n\n {/* DESCRIPTION — min-w-0 lets the 1fr grid cell shrink so truncate can\n actually render its ellipsis */}\n <span className={`flex items-center min-w-0 text-xs text-text-tertiary truncate ${ROW_PY} transition-colors group-hover/row:text-text-secondary`}>\n {role.description ?? ''}\n </span>\n\n {/* PRECEDED BY — the universal role pill (inbox + key), linked */}\n <div className={`flex items-center min-w-0 ${ROW_PY}`} onClick={(e) => e.stopPropagation()}>\n {role.parent_role && (\n <Link\n to={`/admin/roles/${encodeURIComponent(role.parent_role)}`}\n className=\"min-w-0 truncate text-text-secondary transition-colors hover:text-accent\"\n >\n <RolePill role={role.parent_role} tone=\"inherit\" />\n </Link>\n )}\n </div>\n\n {/* ESCALATES TO — same universal role pill, one link per target */}\n <div className={`flex items-center flex-wrap gap-x-2.5 gap-y-0.5 min-w-0 ${ROW_PY}`} onClick={(e) => e.stopPropagation()}>\n {targets.map((t) => (\n <Link\n key={t}\n to={`/admin/roles/${encodeURIComponent(t)}`}\n className=\"min-w-0 truncate text-text-secondary transition-colors hover:text-accent\"\n >\n <RolePill role={t} tone=\"inherit\" />\n </Link>\n ))}\n </div>\n\n {/* MEMBER COUNT — unset renders empty, not invisible text (screen\n readers and copy/paste see exactly what the eye sees) */}\n <span className={`flex items-center justify-end text-sm tabular-nums ${ROW_PY} transition-colors ${CELL_TEXT}`}>\n {role.user_count > 0 ? role.user_count : ''}\n </span>\n\n {/* SLA/m · Target/h · Staff — no py: stretches flush to full row height */}\n <div className=\"flex gap-3 items-center bg-surface-sunken px-3\">\n <span className={`${CAPACITY_COL_VAL} ${CELL_TEXT}`}>\n {role.sla_minutes ?? ''}\n </span>\n <span className={`${CAPACITY_COL_VAL} ${CELL_TEXT}`}>\n {role.target_per_hour ?? ''}\n </span>\n <span className={`${CAPACITY_COL_VAL} ${CELL_TEXT}`}>\n {role.worker_count ?? ''}\n </span>\n </div>\n </div>\n );\n}\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function RolesPage() {\n const navigate = useNavigate();\n const { data, isLoading } = useRoleDetails();\n const { data: chainData } = useEscalationChains();\n const [showCreate, setShowCreate] = useState(false);\n const [search, setSearch] = useState('');\n\n const roles = data?.roles ?? [];\n const chains = chainData?.chains ?? [];\n\n // Build a map: role → list of target roles it escalates to\n const escalationTargets = useMemo(() => {\n const map = new Map<string, string[]>();\n for (const { source_role, target_role } of chains) {\n const existing = map.get(source_role) ?? [];\n map.set(source_role, [...existing, target_role]);\n }\n return map;\n }, [chains]);\n\n // Rows lead with the display name, so they sort by it — and the search\n // matches it too (a derived \"Cad Designer\" is findable even when no title\n // is set).\n const filtered = useMemo(() => {\n const sorted = [...roles].sort((a, b) => displayRoleTitle(a).localeCompare(displayRoleTitle(b)));\n if (!search.trim()) return sorted;\n const q = search.toLowerCase();\n return sorted.filter(\n (r) =>\n r.role.toLowerCase().includes(q) ||\n displayRoleTitle(r).toLowerCase().includes(q) ||\n r.description?.toLowerCase().includes(q),\n );\n }, [roles, search]);\n\n return (\n <div>\n <PageHeader\n title=\"Roles\"\n docsHash=\"#docs:dashboard.md:roles\"\n actions={\n <button\n onClick={() => setShowCreate(true)}\n className=\"btn-primary text-xs flex items-center gap-1.5\"\n >\n + Add Role\n </button>\n }\n />\n\n {/* Filter bar + table header — one sticky block, no seam for rows to bleed through */}\n {!isLoading && roles.length > 0 && (\n <div className=\"sticky top-0 z-20 bg-surface pt-3\">\n <div className=\"bg-surface-sunken rounded-lg px-5 py-3 mb-3 flex items-center gap-3\">\n <Search className=\"w-3 h-3 text-text-quaternary shrink-0\" />\n <input\n type=\"text\"\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n placeholder={`Search ${roles.length} roles…`}\n className=\"input w-56\"\n />\n {search && filtered.length !== roles.length && (\n <span className=\"text-2xs text-text-quaternary tabular-nums shrink-0\">\n {filtered.length} of {roles.length}\n </span>\n )}\n </div>\n {filtered.length > 0 && <TableHead />}\n </div>\n )}\n\n {/* Table */}\n {isLoading ? (\n <div className=\"animate-pulse space-y-3 mt-6\">\n {[1, 2, 3, 4, 5].map((i) => (\n <div key={i} className=\"h-10 bg-surface-sunken rounded w-full\" />\n ))}\n </div>\n ) : filtered.length === 0 ? (\n <p className=\"text-sm text-text-tertiary mt-8\">\n {search ? 'Clear the search to see all roles.' : 'Create a role to get started.'}\n </p>\n ) : (\n <>\n <div className=\"divide-y divide-surface-border/30\">\n {filtered.map((role) => (\n <RoleRow\n key={role.role}\n role={role}\n targets={escalationTargets.get(role.role) ?? []}\n onClick={() => navigate(`/admin/roles/${encodeURIComponent(role.role)}`)}\n />\n ))}\n </div>\n </>\n )}\n\n <CreateRoleModal open={showCreate} onClose={() => setShowCreate(false)} />\n </div>\n );\n}\n"],"names":["CreateRoleModal","open","onClose","createRole","useCreateRole","roleName","setRoleName","useState","prevOpen","setPrevOpen","handleCreate","trimmed","jsx","Modal","jsxs","e","GRID","CELL_TEXT","HDR","CAPACITY_COL_LABEL","CELL_PY","ROW_PY","TableHead","CAPACITY_COL_VAL","RoleRow","role","targets","onClick","displayRoleTitle","Link","RolePill","RolesPage","navigate","useNavigate","data","isLoading","useRoleDetails","chainData","useEscalationChains","showCreate","setShowCreate","search","setSearch","roles","chains","escalationTargets","useMemo","map","source_role","target_role","existing","filtered","sorted","a","b","q","r","_a","PageHeader","Search","i","Fragment"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"RolesPage-BnAwjUiG.js","sources":["../../src/pages/admin/roles/CreateRoleModal.tsx","../../src/pages/admin/roles/RolesPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useCreateRole } from '../../../api/roles';\nimport { Modal } from '../../../components/common/modal/Modal';\n\nexport function CreateRoleModal({\n open,\n onClose,\n}: {\n open: boolean;\n onClose: () => void;\n}) {\n const createRole = useCreateRole();\n const [roleName, setRoleName] = useState('');\n\n const [prevOpen, setPrevOpen] = useState(open);\n if (open !== prevOpen) {\n setPrevOpen(open);\n if (open) {\n setRoleName('');\n createRole.reset();\n }\n }\n\n const handleCreate = () => {\n const trimmed = roleName.trim().toLowerCase();\n if (!trimmed) return;\n createRole.mutate(trimmed, { onSuccess: onClose });\n };\n\n return (\n <Modal open={open} onClose={onClose} title=\"Create Role\">\n <div className=\"space-y-4\">\n <div>\n <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n Role Name (required)\n </label>\n <input\n type=\"text\"\n value={roleName}\n onChange={(e) => setRoleName(e.target.value)}\n placeholder=\"e.g., reviewer\"\n className=\"input text-xs w-full\"\n onKeyDown={(e) => {\n if (e.key === 'Enter') handleCreate();\n }}\n />\n <p className=\"text-2xs text-text-tertiary mt-1\">\n Lowercase letters, numbers, hyphens, and underscores only.\n </p>\n </div>\n\n {createRole.error && (\n <p className=\"text-xs text-status-error\">{(createRole.error as Error).message}</p>\n )}\n\n <div className=\"flex justify-end gap-3 pt-2\">\n <button onClick={onClose} className=\"btn-secondary text-xs\">\n Cancel\n </button>\n <button\n onClick={handleCreate}\n disabled={!roleName.trim() || createRole.isPending}\n className=\"btn-primary text-xs\"\n >\n {createRole.isPending ? 'Creating...' : 'Create'}\n </button>\n </div>\n </div>\n </Modal>\n );\n}\n","import { useState, useMemo } from 'react';\nimport { useNavigate, Link } from 'react-router-dom';\nimport { Search } from 'lucide-react';\nimport { useRoleDetails, useEscalationChains, type RoleDetail } from '../../../api/roles';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { RolePill } from '../../../components/common/display/RolePill';\nimport { displayRoleTitle } from '../../../lib/role-display';\nimport { CreateRoleModal } from './CreateRoleModal';\n\n// ── Grid columns ──────────────────────────────────────────────────────────────\n// ROLE(dot+display name, 200px) | KEY(160px) | DESCRIPTION(1fr) | PRECEDED BY(130px) | ESCALATES TO(160px) | MEMBERS(88px) | CAPACITY(204px)\n// The display name leads (user-set title, else Title Case derived from the\n// key — same formatter the Pace Board uses); the exact key is the secondary\n// field. The capacity block is a single combined cell that internally renders\n// SLA/m · Target/h · Staff flush to row edges.\nconst GRID = '200px 160px 1fr 130px 160px 88px 204px';\n\nconst CELL_TEXT = 'text-text-secondary transition-colors group-hover/row:text-text-primary';\n// Header/cell sizes match the app's list standard (DataTable): text-2xs\n// headers, text-sm body cells.\nconst HDR = 'text-2xs font-semibold uppercase tracking-widest text-text-quaternary';\n\n// ── Table header ──────────────────────────────────────────────────────────────\n\nconst CAPACITY_COL_LABEL = `${HDR} text-right flex-1 min-w-0`;\n\n// py lives on each cell, not the grid — lets the capacity div stretch flush to row edges\nconst CELL_PY = 'py-2';\nconst ROW_PY = 'py-2.5';\n\nfunction TableHead() {\n return (\n <div\n className=\"grid gap-4 px-3 border-b border-surface-border bg-surface\"\n style={{ gridTemplateColumns: GRID }}\n >\n <span className={`${HDR} ${CELL_PY} flex items-center pl-[18px]`}>Role</span>\n <span className={`${HDR} ${CELL_PY} flex items-center`}>Key</span>\n <span className={`${HDR} ${CELL_PY} flex items-center`}>Description</span>\n <span className={`${HDR} ${CELL_PY} flex items-center`}>Preceded By</span>\n <span className={`${HDR} ${CELL_PY} flex items-center`}>Escalates To</span>\n <span className={`${HDR} ${CELL_PY} flex items-center justify-end`}>Members</span>\n {/* Capacity block — no py, stretches to full row height by default (grid stretch alignment) */}\n <div className=\"flex gap-3 items-center bg-surface-sunken px-3\">\n <span className={CAPACITY_COL_LABEL}>SLA/M</span>\n <span className={CAPACITY_COL_LABEL}>Target/h</span>\n <span className={CAPACITY_COL_LABEL}>Staff</span>\n </div>\n </div>\n );\n}\n\n// ── Role row ──────────────────────────────────────────────────────────────────\n\nconst CAPACITY_COL_VAL = 'text-xs tabular-nums text-right flex-1 min-w-0 transition-colors';\n\nfunction RoleRow({\n role,\n targets,\n onClick,\n}: {\n role: RoleDetail;\n targets: string[];\n onClick: () => void;\n}) {\n\n return (\n <div\n role=\"button\"\n tabIndex={0}\n onClick={onClick}\n onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onClick(); }}\n className=\"grid gap-4 px-3 cursor-pointer group/row\"\n style={{ gridTemplateColumns: GRID }}\n >\n {/* ROLE — ops status circle inline with the display name (user-set\n title, else Title Case derived from the key) */}\n <div className={`flex items-center gap-2.5 min-w-0 ${ROW_PY}`}>\n <span\n className={`w-2 h-2 rounded-full dot-ring shrink-0 ${role.ops_visible ? 'bg-status-success' : 'bg-surface-border'}`}\n title={role.ops_visible ? 'Visible in Operations' : 'Enable in role settings to show in Operations'}\n />\n <span className={`text-sm truncate ${CELL_TEXT}`}>\n {displayRoleTitle(role)}\n </span>\n </div>\n\n {/* KEY — the exact technical id */}\n <span className={`flex items-center text-xs font-mono truncate ${ROW_PY} text-text-tertiary transition-colors group-hover/row:text-text-secondary`}>\n {role.role}\n </span>\n\n {/* DESCRIPTION — min-w-0 lets the 1fr grid cell shrink so truncate can\n actually render its ellipsis */}\n <span className={`flex items-center min-w-0 text-xs text-text-tertiary truncate ${ROW_PY} transition-colors group-hover/row:text-text-secondary`}>\n {role.description ?? ''}\n </span>\n\n {/* PRECEDED BY — the universal role pill (inbox + key), linked */}\n <div className={`flex items-center min-w-0 ${ROW_PY}`} onClick={(e) => e.stopPropagation()}>\n {role.parent_role && (\n <Link\n to={`/admin/roles/${encodeURIComponent(role.parent_role)}`}\n className=\"min-w-0 truncate text-text-secondary transition-colors hover:text-accent\"\n >\n <RolePill role={role.parent_role} tone=\"inherit\" />\n </Link>\n )}\n </div>\n\n {/* ESCALATES TO — same universal role pill, one link per target */}\n <div className={`flex items-center flex-wrap gap-x-2.5 gap-y-0.5 min-w-0 ${ROW_PY}`} onClick={(e) => e.stopPropagation()}>\n {targets.map((t) => (\n <Link\n key={t}\n to={`/admin/roles/${encodeURIComponent(t)}`}\n className=\"min-w-0 truncate text-text-secondary transition-colors hover:text-accent\"\n >\n <RolePill role={t} tone=\"inherit\" />\n </Link>\n ))}\n </div>\n\n {/* MEMBER COUNT — unset renders empty, not invisible text (screen\n readers and copy/paste see exactly what the eye sees) */}\n <span className={`flex items-center justify-end text-sm tabular-nums ${ROW_PY} transition-colors ${CELL_TEXT}`}>\n {role.user_count > 0 ? role.user_count : ''}\n </span>\n\n {/* SLA/m · Target/h · Staff — no py: stretches flush to full row height */}\n <div className=\"flex gap-3 items-center bg-surface-sunken px-3\">\n <span className={`${CAPACITY_COL_VAL} ${CELL_TEXT}`}>\n {role.sla_minutes ?? ''}\n </span>\n <span className={`${CAPACITY_COL_VAL} ${CELL_TEXT}`}>\n {role.target_per_hour ?? ''}\n </span>\n <span className={`${CAPACITY_COL_VAL} ${CELL_TEXT}`}>\n {role.worker_count ?? ''}\n </span>\n </div>\n </div>\n );\n}\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function RolesPage() {\n const navigate = useNavigate();\n const { data, isLoading } = useRoleDetails();\n const { data: chainData } = useEscalationChains();\n const [showCreate, setShowCreate] = useState(false);\n const [search, setSearch] = useState('');\n\n const roles = data?.roles ?? [];\n const chains = chainData?.chains ?? [];\n\n // Build a map: role → list of target roles it escalates to\n const escalationTargets = useMemo(() => {\n const map = new Map<string, string[]>();\n for (const { source_role, target_role } of chains) {\n const existing = map.get(source_role) ?? [];\n map.set(source_role, [...existing, target_role]);\n }\n return map;\n }, [chains]);\n\n // Rows lead with the display name, so they sort by it — and the search\n // matches it too (a derived \"Cad Designer\" is findable even when no title\n // is set).\n const filtered = useMemo(() => {\n const sorted = [...roles].sort((a, b) => displayRoleTitle(a).localeCompare(displayRoleTitle(b)));\n if (!search.trim()) return sorted;\n const q = search.toLowerCase();\n return sorted.filter(\n (r) =>\n r.role.toLowerCase().includes(q) ||\n displayRoleTitle(r).toLowerCase().includes(q) ||\n r.description?.toLowerCase().includes(q),\n );\n }, [roles, search]);\n\n return (\n <div>\n <PageHeader\n title=\"Roles\"\n docsHash=\"#docs:dashboard.md:roles\"\n actions={\n <button\n onClick={() => setShowCreate(true)}\n className=\"btn-primary text-xs flex items-center gap-1.5\"\n >\n + Add Role\n </button>\n }\n />\n\n {/* Filter bar + table header — one sticky block, no seam for rows to bleed through */}\n {!isLoading && roles.length > 0 && (\n <div className=\"sticky top-0 z-20 bg-surface pt-3\">\n <div className=\"bg-surface-sunken rounded-lg px-5 py-3 mb-3 flex items-center gap-3\">\n <Search className=\"w-3 h-3 text-text-quaternary shrink-0\" />\n <input\n type=\"text\"\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n placeholder={`Search ${roles.length} roles…`}\n className=\"input w-56\"\n />\n {search && filtered.length !== roles.length && (\n <span className=\"text-2xs text-text-quaternary tabular-nums shrink-0\">\n {filtered.length} of {roles.length}\n </span>\n )}\n </div>\n {filtered.length > 0 && <TableHead />}\n </div>\n )}\n\n {/* Table */}\n {isLoading ? (\n <div className=\"animate-pulse space-y-3 mt-6\">\n {[1, 2, 3, 4, 5].map((i) => (\n <div key={i} className=\"h-10 bg-surface-sunken rounded w-full\" />\n ))}\n </div>\n ) : filtered.length === 0 ? (\n <p className=\"text-sm text-text-tertiary mt-8\">\n {search ? 'Clear the search to see all roles.' : 'Create a role to get started.'}\n </p>\n ) : (\n <>\n <div className=\"divide-y divide-surface-border/30\">\n {filtered.map((role) => (\n <RoleRow\n key={role.role}\n role={role}\n targets={escalationTargets.get(role.role) ?? []}\n onClick={() => navigate(`/admin/roles/${encodeURIComponent(role.role)}`)}\n />\n ))}\n </div>\n </>\n )}\n\n <CreateRoleModal open={showCreate} onClose={() => setShowCreate(false)} />\n </div>\n );\n}\n"],"names":["CreateRoleModal","open","onClose","createRole","useCreateRole","roleName","setRoleName","useState","prevOpen","setPrevOpen","handleCreate","trimmed","jsx","Modal","jsxs","e","GRID","CELL_TEXT","HDR","CAPACITY_COL_LABEL","CELL_PY","ROW_PY","TableHead","CAPACITY_COL_VAL","RoleRow","role","targets","onClick","displayRoleTitle","Link","RolePill","RolesPage","navigate","useNavigate","data","isLoading","useRoleDetails","chainData","useEscalationChains","showCreate","setShowCreate","search","setSearch","roles","chains","escalationTargets","useMemo","map","source_role","target_role","existing","filtered","sorted","a","b","q","r","_a","PageHeader","Search","i","Fragment"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as s}from"./vendor-query-B2UbickB.js";import{B as c}from"./BotPicker-
|
|
2
|
-
//# sourceMappingURL=RunAsSelector-
|
|
1
|
+
import{j as s}from"./vendor-query-B2UbickB.js";import{B as c}from"./BotPicker-DRv_orzI.js";import{k as m}from"./index-CSTwyrwu.js";import{c as x,ax as o}from"./vendor-icons-Bg6eJX4Z.js";function j({selected:e,onChange:n}){const{user:t,isSuperAdmin:a,hasRoleType:i}=m(),r=a||i("admin");return s.jsx("div",{children:r?s.jsx(c,{selected:e,onChange:n}):s.jsx("div",{className:"flex items-center gap-1.5",children:e?s.jsxs(s.Fragment,{children:[s.jsx(x,{className:"w-3 h-3 text-accent/75 shrink-0",strokeWidth:1.5}),s.jsxs("span",{className:"text-2xs text-text-secondary",children:["Running as ",s.jsx("span",{className:"font-medium text-accent font-mono",children:e})]})]}):s.jsxs(s.Fragment,{children:[s.jsx(o,{className:"w-3 h-3 text-accent/75 shrink-0",strokeWidth:1.5}),s.jsxs("span",{className:"text-2xs text-text-secondary",children:["Running as ",s.jsx("span",{className:"font-medium text-accent",children:(t==null?void 0:t.displayName)||(t==null?void 0:t.userId)||"you"})]})]})})})}export{j as R};
|
|
2
|
+
//# sourceMappingURL=RunAsSelector-DFv0VNVZ.js.map
|
package/dashboard/dist/assets/{RunAsSelector-VbBn0o7s.js.map → RunAsSelector-DFv0VNVZ.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RunAsSelector-
|
|
1
|
+
{"version":3,"file":"RunAsSelector-DFv0VNVZ.js","sources":["../../src/components/common/form/RunAsSelector.tsx"],"sourcesContent":["import { Bot, UserCircle } from 'lucide-react';\nimport { BotPicker } from './BotPicker';\nimport { useAuth } from '../../../hooks/useAuth';\n\ninterface RunAsSelectorProps {\n selected: string;\n onChange: (botExternalId: string) => void;\n}\n\nexport function RunAsSelector({ selected, onChange }: RunAsSelectorProps) {\n const { user, isSuperAdmin, hasRoleType } = useAuth();\n const isAdmin = isSuperAdmin || hasRoleType('admin');\n\n return (\n <div>\n {isAdmin ? (\n <BotPicker selected={selected} onChange={onChange} />\n ) : (\n <div className=\"flex items-center gap-1.5\">\n {selected ? (\n <>\n <Bot className=\"w-3 h-3 text-accent/75 shrink-0\" strokeWidth={1.5} />\n <span className=\"text-2xs text-text-secondary\">\n Running as <span className=\"font-medium text-accent font-mono\">{selected}</span>\n </span>\n </>\n ) : (\n <>\n <UserCircle className=\"w-3 h-3 text-accent/75 shrink-0\" strokeWidth={1.5} />\n <span className=\"text-2xs text-text-secondary\">\n Running as <span className=\"font-medium text-accent\">{user?.displayName || user?.userId || 'you'}</span>\n </span>\n </>\n )}\n </div>\n )}\n </div>\n );\n}\n"],"names":["RunAsSelector","selected","onChange","user","isSuperAdmin","hasRoleType","useAuth","isAdmin","jsx","BotPicker","jsxs","Fragment","Bot","UserCircle"],"mappings":"0LASO,SAASA,EAAc,CAAE,SAAAC,EAAU,SAAAC,GAAgC,CACxE,KAAM,CAAE,KAAAC,EAAM,aAAAC,EAAc,YAAAC,CAAA,EAAgBC,EAAA,EACtCC,EAAUH,GAAgBC,EAAY,OAAO,EAEnD,OACEG,EAAAA,IAAC,MAAA,CACE,SAAAD,EACCC,EAAAA,IAACC,EAAA,CAAU,SAAAR,EAAoB,SAAAC,CAAA,CAAoB,EAEnDM,EAAAA,IAAC,MAAA,CAAI,UAAU,4BACZ,WACCE,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAH,EAAAA,IAACI,EAAA,CAAI,UAAU,kCAAkC,YAAa,IAAK,EACnEF,EAAAA,KAAC,OAAA,CAAK,UAAU,+BAA+B,SAAA,CAAA,cAClCF,EAAAA,IAAC,OAAA,CAAK,UAAU,oCAAqC,SAAAP,CAAA,CAAS,CAAA,CAAA,CAC3E,CAAA,CAAA,CACF,EAEAS,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAACK,EAAA,CAAW,UAAU,kCAAkC,YAAa,IAAK,EAC1EH,EAAAA,KAAC,OAAA,CAAK,UAAU,+BAA+B,SAAA,CAAA,cAClCF,EAAAA,IAAC,QAAK,UAAU,0BAA2B,2BAAM,eAAeL,GAAA,YAAAA,EAAM,SAAU,KAAA,CAAM,CAAA,CAAA,CACnG,CAAA,CAAA,CACF,EAEJ,EAEJ,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as t}from"./vendor-query-B2UbickB.js";import{
|
|
2
|
-
//# sourceMappingURL=StickyPagination-
|
|
1
|
+
import{j as t}from"./vendor-query-B2UbickB.js";import{ad as l}from"./index-CSTwyrwu.js";const o=[10,25,50,100];function m({page:s,totalPages:r,onPageChange:a,total:n,pageSize:c,onPageSizeChange:i}){if(n===0)return null;const x=(s-1)*c+1,d=Math.min(s*c,n);return t.jsxs("div",{className:"flex items-center justify-between pt-4",children:[t.jsxs("div",{className:"flex items-center gap-4",children:[t.jsxs("p",{className:"text-xs text-text-tertiary",children:[l(x),"–",l(d)," of ",l(n)]}),i&&t.jsx("select",{value:c,onChange:e=>i(parseInt(e.target.value)),className:"select text-xs py-1",children:o.map(e=>t.jsxs("option",{value:e,children:[e," / page"]},e))})]}),r>1&&t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("button",{onClick:()=>a(s-1),disabled:s<=1,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed",children:"Previous"}),t.jsxs("span",{className:"px-3 text-xs text-text-secondary",children:[s," / ",r]}),t.jsx("button",{onClick:()=>a(s+1),disabled:s>=r,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed",children:"Next"})]})]})}function f(s){return s.total===0?null:t.jsx("div",{className:"sticky bottom-0 z-20 bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-page-x px-page-x pt-2 pb-4",children:t.jsx(m,{...s})})}export{f as S};
|
|
2
|
+
//# sourceMappingURL=StickyPagination-D5zxe_l9.js.map
|
package/dashboard/dist/assets/{StickyPagination-BI8tDf2V.js.map → StickyPagination-D5zxe_l9.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyPagination-
|
|
1
|
+
{"version":3,"file":"StickyPagination-D5zxe_l9.js","sources":["../../src/components/common/data/Pagination.tsx","../../src/components/common/data/StickyPagination.tsx"],"sourcesContent":["import { formatCount } from '../../../lib/format';\n\nconst PAGE_SIZE_OPTIONS = [10, 25, 50, 100];\n\ninterface PaginationProps {\n page: number;\n totalPages: number;\n onPageChange: (page: number) => void;\n total: number;\n pageSize: number;\n onPageSizeChange?: (size: number) => void;\n}\n\nexport function Pagination({\n page,\n totalPages,\n onPageChange,\n total,\n pageSize,\n onPageSizeChange,\n}: PaginationProps) {\n if (total === 0) return null;\n\n const start = (page - 1) * pageSize + 1;\n const end = Math.min(page * pageSize, total);\n\n return (\n <div className=\"flex items-center justify-between pt-4\">\n <div className=\"flex items-center gap-4\">\n <p className=\"text-xs text-text-tertiary\">\n {formatCount(start)}–{formatCount(end)} of {formatCount(total)}\n </p>\n {onPageSizeChange && (\n <select\n value={pageSize}\n onChange={(e) => onPageSizeChange(parseInt(e.target.value))}\n className=\"select text-xs py-1\"\n >\n {PAGE_SIZE_OPTIONS.map((size) => (\n <option key={size} value={size}>\n {size} / page\n </option>\n ))}\n </select>\n )}\n </div>\n {totalPages > 1 && (\n <div className=\"flex items-center gap-1\">\n <button\n onClick={() => onPageChange(page - 1)}\n disabled={page <= 1}\n className=\"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed\"\n >\n Previous\n </button>\n <span className=\"px-3 text-xs text-text-secondary\">\n {page} / {totalPages}\n </span>\n <button\n onClick={() => onPageChange(page + 1)}\n disabled={page >= totalPages}\n className=\"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed\"\n >\n Next\n </button>\n </div>\n )}\n </div>\n );\n}\n","import { Pagination } from './Pagination';\n\ninterface StickyPaginationProps {\n page: number;\n totalPages: number;\n onPageChange: (page: number) => void;\n total: number;\n pageSize: number;\n onPageSizeChange?: (size: number) => void;\n}\n\nexport function StickyPagination(props: StickyPaginationProps) {\n if (props.total === 0) return null;\n\n return (\n <div className=\"sticky bottom-0 z-20 bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-page-x px-page-x pt-2 pb-4\">\n <Pagination {...props} />\n </div>\n );\n}\n"],"names":["PAGE_SIZE_OPTIONS","Pagination","page","totalPages","onPageChange","total","pageSize","onPageSizeChange","start","end","jsxs","formatCount","jsx","size","StickyPagination","props"],"mappings":"wFAEA,MAAMA,EAAoB,CAAC,GAAI,GAAI,GAAI,GAAG,EAWnC,SAASC,EAAW,CACzB,KAAAC,EACA,WAAAC,EACA,aAAAC,EACA,MAAAC,EACA,SAAAC,EACA,iBAAAC,CACF,EAAoB,CAClB,GAAIF,IAAU,EAAG,OAAO,KAExB,MAAMG,GAASN,EAAO,GAAKI,EAAW,EAChCG,EAAM,KAAK,IAAIP,EAAOI,EAAUD,CAAK,EAE3C,OACEK,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAA,EAAAA,KAAC,IAAA,CAAE,UAAU,6BACV,SAAA,CAAAC,EAAYH,CAAK,EAAE,IAAQG,EAAYF,CAAG,EAAE,OAAKE,EAAYN,CAAK,CAAA,EACrE,EACCE,GACCK,EAAAA,IAAC,SAAA,CACC,MAAON,EACP,SAAW,GAAMC,EAAiB,SAAS,EAAE,OAAO,KAAK,CAAC,EAC1D,UAAU,sBAET,WAAkB,IAAKM,GACtBH,OAAC,SAAA,CAAkB,MAAOG,EACvB,SAAA,CAAAA,EAAK,SAAA,CAAA,EADKA,CAEb,CACD,CAAA,CAAA,CACH,EAEJ,EACCV,EAAa,GACZO,OAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAE,EAAAA,IAAC,SAAA,CACC,QAAS,IAAMR,EAAaF,EAAO,CAAC,EACpC,SAAUA,GAAQ,EAClB,UAAU,oEACX,SAAA,UAAA,CAAA,EAGDQ,EAAAA,KAAC,OAAA,CAAK,UAAU,mCACb,SAAA,CAAAR,EAAK,MAAIC,CAAA,EACZ,EACAS,EAAAA,IAAC,SAAA,CACC,QAAS,IAAMR,EAAaF,EAAO,CAAC,EACpC,SAAUA,GAAQC,EAClB,UAAU,oEACX,SAAA,MAAA,CAAA,CAED,CAAA,CACF,CAAA,EAEJ,CAEJ,CC1DO,SAASW,EAAiBC,EAA8B,CAC7D,OAAIA,EAAM,QAAU,EAAU,KAG5BH,MAAC,OAAI,UAAU,oHACb,eAACX,EAAA,CAAY,GAAGc,EAAO,CAAA,CACzB,CAEJ"}
|
package/dashboard/dist/assets/{StreamMessageDetail-BObbEz7P.js → StreamMessageDetail-BmBfNSEr.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{u as i,j as a}from"./vendor-query-B2UbickB.js";import{d as c,S as n,J as o,b as x}from"./index-
|
|
2
|
-
//# sourceMappingURL=StreamMessageDetail-
|
|
1
|
+
import{u as i,j as a}from"./vendor-query-B2UbickB.js";import{d as c,S as n,J as o,b as x}from"./index-CSTwyrwu.js";import{z as u}from"./vendor-icons-Bg6eJX4Z.js";function j(e){const t=new URLSearchParams;return t.set("namespace",e.namespace),t.set("source",e.source),e.limit&&t.set("limit",String(e.limit)),e.offset&&t.set("offset",String(e.offset)),e.sort_by&&t.set("sort_by",e.sort_by),e.order&&t.set("order",e.order),e.status&&t.set("status",e.status),e.stream_name&&t.set("stream_name",e.stream_name),e.msg_type&&t.set("msg_type",e.msg_type),e.topic&&t.set("topic",e.topic),e.workflow_name&&t.set("workflow_name",e.workflow_name),e.jid&&t.set("jid",e.jid),e.aid&&t.set("aid",e.aid),e.dad&&t.set("dad",e.dad),c(`/controlplane/stream-messages?${t}`)}function _(e,t){return i({queryKey:["controlplane","stream-messages",e],queryFn:()=>j(e),enabled:!!e.namespace&&((t==null?void 0:t.enabled)??!0),staleTime:15e3})}const b={pending:"bg-text-tertiary",claimed:"bg-status-warning",processed:"bg-status-success",dead_lettered:"bg-status-error"},y={pending:"Pending",claimed:"Claimed",processed:"Processed",dead_lettered:"Dead Lettered"},m="inline-block px-1.5 py-0.5 text-2xs font-mono rounded bg-surface-sunken text-text-secondary",N=[{value:"pending",label:"Pending"},{value:"claimed",label:"Claimed"},{value:"processed",label:"Processed"},{value:"dead_lettered",label:"Dead Lettered"}],S=[{value:"engine",label:"Engine"},{value:"worker",label:"Worker"}];function d({label:e,value:t}){return t?a.jsxs("div",{children:[a.jsx("span",{className:"text-text-tertiary",children:e}),a.jsx("div",{className:"mt-0.5",children:a.jsx(x,{date:t,format:"datetime"})})]}):null}function r({label:e,value:t}){return t?a.jsxs("div",{children:[a.jsx("span",{className:"text-text-tertiary",children:e}),a.jsx("p",{className:"text-xs text-text-primary font-mono break-all",children:t})]}):null}function l({label:e,value:t,onFilter:s}){return t?a.jsxs("div",{children:[a.jsx("span",{className:"text-text-tertiary",children:e}),a.jsxs("button",{onClick:()=>s==null?void 0:s(t),className:"flex items-center gap-1 group text-left w-full",title:`Filter by ${e.toLowerCase()}: ${t}`,children:[a.jsx("p",{className:"text-xs text-text-primary font-mono break-all group-hover:text-accent transition-colors",children:t}),a.jsx(u,{className:"w-2.5 h-2.5 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity"})]})]}):null}function g({message:e,filters:t}){return e?a.jsxs("div",{className:"space-y-5 text-2xs",children:[a.jsxs("div",{children:[a.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[a.jsx("span",{className:`w-2 h-2 rounded-full dot-ring shrink-0 ${b[e.status]}`}),a.jsx(l,{label:"",value:y[e.status],onFilter:()=>{var s;return(s=t==null?void 0:t.onFilterStatus)==null?void 0:s.call(t,e.status)}}),a.jsx("span",{className:m,children:e.source})]}),a.jsx(l,{label:"",value:e.stream_name,onFilter:()=>{var s;return(s=t==null?void 0:t.onFilterStreamName)==null?void 0:s.call(t,e.stream_name)}}),a.jsxs("p",{className:"text-2xs text-text-tertiary mt-0.5",children:["ID: ",e.id]})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Timestamps"}),a.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[a.jsx(d,{label:"Created",value:e.created_at}),a.jsx(d,{label:"Reserved",value:e.reserved_at}),a.jsx(d,{label:"Processed",value:e.expired_at}),a.jsx(d,{label:"Dead-lettered",value:e.dead_lettered_at})]})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Metadata"}),a.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[a.jsx(r,{label:"Priority",value:String(e.priority)}),a.jsx(r,{label:"Retries",value:`${e.retry_attempt} / ${e.max_retry_attempts}`}),a.jsx(r,{label:"Reserved by",value:e.reserved_by})]})]}),e.jid&&a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Job"}),a.jsx("div",{className:"grid grid-cols-1 gap-2",children:a.jsx(l,{label:"Job ID",value:e.jid,onFilter:t==null?void 0:t.onFilterJid})})]}),e.source==="worker"&&a.jsxs("div",{className:"space-y-2",children:[a.jsx(n,{children:"Worker Details"}),a.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[a.jsx(l,{label:"Workflow",value:e.workflow_name,onFilter:t==null?void 0:t.onFilterWorkflow}),a.jsx(l,{label:"Activity",value:e.aid,onFilter:t==null?void 0:t.onFilterAid}),a.jsx(r,{label:"Dimension",value:e.dad}),a.jsx(l,{label:"Type",value:e.msg_type,onFilter:t==null?void 0:t.onFilterMsgType}),a.jsx(l,{label:"Topic",value:e.topic,onFilter:t==null?void 0:t.onFilterTopic})]})]}),a.jsx("div",{className:"space-y-2",children:a.jsx(o,{data:e.message,label:"Payload",defaultCollapsed:!1})})]}):null}export{g as S,S as a,N as b,y as c,b as d,m as e,_ as u};
|
|
2
|
+
//# sourceMappingURL=StreamMessageDetail-BmBfNSEr.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StreamMessageDetail-BObbEz7P.js","sources":["../../src/api/stream-messages.ts","../../src/pages/admin/streams/constants.ts","../../src/pages/admin/streams/StreamMessageDetail.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { apiFetch } from './client';\n\n// ── Types ───────────────────────────────────────────────────────────────────\n\nexport type StreamMessageStatus = 'pending' | 'claimed' | 'processed' | 'dead_lettered';\nexport type StreamMessageSource = 'engine' | 'worker';\n\nexport interface StreamMessage {\n id: string;\n source: StreamMessageSource;\n stream_name: string;\n message: string;\n status: StreamMessageStatus;\n created_at: string;\n reserved_at: string | null;\n reserved_by: string | null;\n expired_at: string | null;\n dead_lettered_at: string | null;\n priority: number;\n visible_at: string | null;\n retry_attempt: number;\n max_retry_attempts: number;\n workflow_name: string | null;\n jid: string | null;\n aid: string | null;\n dad: string | null;\n msg_type: string | null;\n topic: string | null;\n}\n\nexport interface StreamMessagesResponse {\n messages: StreamMessage[];\n total: number;\n}\n\nexport interface StreamMessagesParams {\n namespace: string;\n source: StreamMessageSource;\n limit?: number;\n offset?: number;\n sort_by?: string;\n order?: 'asc' | 'desc';\n status?: StreamMessageStatus | '';\n stream_name?: string;\n msg_type?: string;\n topic?: string;\n workflow_name?: string;\n jid?: string;\n aid?: string;\n dad?: string;\n}\n\n// ── Fetch ───────────────────────────────────────────────────────────────────\n\nfunction fetchStreamMessages(params: StreamMessagesParams) {\n const qs = new URLSearchParams();\n qs.set('namespace', params.namespace);\n qs.set('source', params.source);\n if (params.limit) qs.set('limit', String(params.limit));\n if (params.offset) qs.set('offset', String(params.offset));\n if (params.sort_by) qs.set('sort_by', params.sort_by);\n if (params.order) qs.set('order', params.order);\n if (params.status) qs.set('status', params.status);\n if (params.stream_name) qs.set('stream_name', params.stream_name);\n if (params.msg_type) qs.set('msg_type', params.msg_type);\n if (params.topic) qs.set('topic', params.topic);\n if (params.workflow_name) qs.set('workflow_name', params.workflow_name);\n if (params.jid) qs.set('jid', params.jid);\n if (params.aid) qs.set('aid', params.aid);\n if (params.dad) qs.set('dad', params.dad);\n return apiFetch<StreamMessagesResponse>(`/controlplane/stream-messages?${qs}`);\n}\n\n// ── Hook ────────────────────────────────────────────────────────────────────\n\nexport function useStreamMessages(params: StreamMessagesParams, options?: { enabled?: boolean }) {\n return useQuery({\n queryKey: ['controlplane', 'stream-messages', params],\n queryFn: () => fetchStreamMessages(params),\n enabled: !!params.namespace && (options?.enabled ?? true),\n staleTime: 15_000,\n });\n}\n","import type { StreamMessageStatus } from '../../../api/stream-messages';\n\nexport const STATUS_DOT: Record<StreamMessageStatus, string> = {\n pending: 'bg-text-tertiary',\n claimed: 'bg-status-warning',\n processed: 'bg-status-success',\n dead_lettered: 'bg-status-error',\n};\n\nexport const STATUS_LABEL: Record<StreamMessageStatus, string> = {\n pending: 'Pending',\n claimed: 'Claimed',\n processed: 'Processed',\n dead_lettered: 'Dead Lettered',\n};\n\nexport const SOURCE_BADGE =\n 'inline-block px-1.5 py-0.5 text-2xs font-mono rounded bg-surface-sunken text-text-secondary';\n\nexport const STATUS_OPTIONS = [\n { value: 'pending', label: 'Pending' },\n { value: 'claimed', label: 'Claimed' },\n { value: 'processed', label: 'Processed' },\n { value: 'dead_lettered', label: 'Dead Lettered' },\n];\n\nexport const SOURCE_OPTIONS = [\n { value: 'engine', label: 'Engine' },\n { value: 'worker', label: 'Worker' },\n];\n","import { Filter } from 'lucide-react';\nimport type { StreamMessage } from '../../../api/stream-messages';\nimport { SectionLabel } from '../../../components/common/layout/SectionLabel';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport { STATUS_DOT, STATUS_LABEL, SOURCE_BADGE } from './constants';\n\nfunction Timestamp({ label, value }: { label: string; value: string | null }) {\n if (!value) return null;\n return (\n <div>\n <span className=\"text-text-tertiary\">{label}</span>\n <div className=\"mt-0.5\">\n <DateValue date={value} format=\"datetime\" />\n </div>\n </div>\n );\n}\n\nfunction Field({ label, value }: { label: string; value: string | null | undefined }) {\n if (!value) return null;\n return (\n <div>\n <span className=\"text-text-tertiary\">{label}</span>\n <p className=\"text-xs text-text-primary font-mono break-all\">{value}</p>\n </div>\n );\n}\n\n/** A field value that can be clicked to filter the master list. */\nfunction FilterableField({ label, value, onFilter }: {\n label: string;\n value: string | null | undefined;\n onFilter?: (value: string) => void;\n}) {\n if (!value) return null;\n return (\n <div>\n <span className=\"text-text-tertiary\">{label}</span>\n <button\n onClick={() => onFilter?.(value)}\n className=\"flex items-center gap-1 group text-left w-full\"\n title={`Filter by ${label.toLowerCase()}: ${value}`}\n >\n <p className=\"text-xs text-text-primary font-mono break-all group-hover:text-accent transition-colors\">{value}</p>\n <Filter className=\"w-2.5 h-2.5 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity\" />\n </button>\n </div>\n );\n}\n\nexport interface StreamMessageDetailFilters {\n onFilterStatus?: (value: string) => void;\n onFilterStreamName?: (value: string) => void;\n onFilterMsgType?: (value: string) => void;\n onFilterTopic?: (value: string) => void;\n onFilterWorkflow?: (value: string) => void;\n onFilterJid?: (value: string) => void;\n onFilterAid?: (value: string) => void;\n}\n\n/**\n * Standard stream message detail view.\n *\n * This component is the canonical representation of a stream message.\n * Reuse it wherever stream messages need to be displayed — the layout,\n * timestamp formatting (via DateValue with ms/UTC/local tooltip), and\n * payload viewer are the standard.\n */\nexport function StreamMessageDetail({ message, filters }: {\n message: StreamMessage | null;\n filters?: StreamMessageDetailFilters;\n}) {\n if (!message) return null;\n\n return (\n <div className=\"space-y-5 text-2xs\">\n {/* Header */}\n <div>\n <div className=\"flex items-center gap-2 mb-1\">\n <span className={`w-2 h-2 rounded-full dot-ring shrink-0 ${STATUS_DOT[message.status]}`} />\n <FilterableField\n label=\"\"\n value={STATUS_LABEL[message.status]}\n onFilter={() => filters?.onFilterStatus?.(message.status)}\n />\n <span className={SOURCE_BADGE}>{message.source}</span>\n </div>\n <FilterableField\n label=\"\"\n value={message.stream_name}\n onFilter={() => filters?.onFilterStreamName?.(message.stream_name)}\n />\n <p className=\"text-2xs text-text-tertiary mt-0.5\">ID: {message.id}</p>\n </div>\n\n {/* Timestamps */}\n <div className=\"space-y-2\">\n <SectionLabel>Timestamps</SectionLabel>\n <div className=\"grid grid-cols-1 gap-2\">\n <Timestamp label=\"Created\" value={message.created_at} />\n <Timestamp label=\"Reserved\" value={message.reserved_at} />\n <Timestamp label=\"Processed\" value={message.expired_at} />\n <Timestamp label=\"Dead-lettered\" value={message.dead_lettered_at} />\n </div>\n </div>\n\n {/* Metadata */}\n <div className=\"space-y-2\">\n <SectionLabel>Metadata</SectionLabel>\n <div className=\"grid grid-cols-2 gap-2\">\n <Field label=\"Priority\" value={String(message.priority)} />\n <Field label=\"Retries\" value={`${message.retry_attempt} / ${message.max_retry_attempts}`} />\n <Field label=\"Reserved by\" value={message.reserved_by} />\n </div>\n </div>\n\n {/* Job ID — available on both engine and worker streams */}\n {message.jid && (\n <div className=\"space-y-2\">\n <SectionLabel>Job</SectionLabel>\n <div className=\"grid grid-cols-1 gap-2\">\n <FilterableField label=\"Job ID\" value={message.jid} onFilter={filters?.onFilterJid} />\n </div>\n </div>\n )}\n\n {/* Worker-specific fields — clickable to filter */}\n {message.source === 'worker' && (\n <div className=\"space-y-2\">\n <SectionLabel>Worker Details</SectionLabel>\n <div className=\"grid grid-cols-1 gap-2\">\n <FilterableField label=\"Workflow\" value={message.workflow_name} onFilter={filters?.onFilterWorkflow} />\n <FilterableField label=\"Activity\" value={message.aid} onFilter={filters?.onFilterAid} />\n <Field label=\"Dimension\" value={message.dad} />\n <FilterableField label=\"Type\" value={message.msg_type} onFilter={filters?.onFilterMsgType} />\n <FilterableField label=\"Topic\" value={message.topic} onFilter={filters?.onFilterTopic} />\n </div>\n </div>\n )}\n\n {/* Message payload — fully expanded by default */}\n <div className=\"space-y-2\">\n <JsonViewer data={message.message} label=\"Payload\" defaultCollapsed={false} />\n </div>\n </div>\n );\n}\n"],"names":["fetchStreamMessages","params","qs","apiFetch","useStreamMessages","options","useQuery","STATUS_DOT","STATUS_LABEL","SOURCE_BADGE","STATUS_OPTIONS","SOURCE_OPTIONS","Timestamp","label","value","jsx","DateValue","Field","FilterableField","onFilter","jsxs","Filter","StreamMessageDetail","message","filters","_a","SectionLabel","JsonViewer"],"mappings":"kKAuDA,SAASA,EAAoBC,EAA8B,CACzD,MAAMC,EAAK,IAAI,gBACf,OAAAA,EAAG,IAAI,YAAaD,EAAO,SAAS,EACpCC,EAAG,IAAI,SAAUD,EAAO,MAAM,EAC1BA,EAAO,OAAOC,EAAG,IAAI,QAAS,OAAOD,EAAO,KAAK,CAAC,EAClDA,EAAO,QAAQC,EAAG,IAAI,SAAU,OAAOD,EAAO,MAAM,CAAC,EACrDA,EAAO,SAASC,EAAG,IAAI,UAAWD,EAAO,OAAO,EAChDA,EAAO,OAAOC,EAAG,IAAI,QAASD,EAAO,KAAK,EAC1CA,EAAO,QAAQC,EAAG,IAAI,SAAUD,EAAO,MAAM,EAC7CA,EAAO,aAAaC,EAAG,IAAI,cAAeD,EAAO,WAAW,EAC5DA,EAAO,UAAUC,EAAG,IAAI,WAAYD,EAAO,QAAQ,EACnDA,EAAO,OAAOC,EAAG,IAAI,QAASD,EAAO,KAAK,EAC1CA,EAAO,eAAeC,EAAG,IAAI,gBAAiBD,EAAO,aAAa,EAClEA,EAAO,KAAKC,EAAG,IAAI,MAAOD,EAAO,GAAG,EACpCA,EAAO,KAAKC,EAAG,IAAI,MAAOD,EAAO,GAAG,EACpCA,EAAO,KAAKC,EAAG,IAAI,MAAOD,EAAO,GAAG,EACjCE,EAAiC,iCAAiCD,CAAE,EAAE,CAC/E,CAIO,SAASE,EAAkBH,EAA8BI,EAAiC,CAC/F,OAAOC,EAAS,CACd,SAAU,CAAC,eAAgB,kBAAmBL,CAAM,EACpD,QAAS,IAAMD,EAAoBC,CAAM,EACzC,QAAS,CAAC,CAACA,EAAO,aAAcI,GAAA,YAAAA,EAAS,UAAW,IACpD,UAAW,IAAA,CACZ,CACH,CCjFO,MAAME,EAAkD,CAC7D,QAAS,mBACT,QAAS,oBACT,UAAW,oBACX,cAAe,iBACjB,EAEaC,EAAoD,CAC/D,QAAS,UACT,QAAS,UACT,UAAW,YACX,cAAe,eACjB,EAEaC,EACX,8FAEWC,EAAiB,CAC5B,CAAE,MAAO,UAAW,MAAO,SAAA,EAC3B,CAAE,MAAO,UAAW,MAAO,SAAA,EAC3B,CAAE,MAAO,YAAa,MAAO,WAAA,EAC7B,CAAE,MAAO,gBAAiB,MAAO,eAAA,CACnC,EAEaC,EAAiB,CAC5B,CAAE,MAAO,SAAU,MAAO,QAAA,EAC1B,CAAE,MAAO,SAAU,MAAO,QAAA,CAC5B,ECtBA,SAASC,EAAU,CAAE,MAAAC,EAAO,MAAAC,GAAkD,CAC5E,OAAKA,SAEF,MAAA,CACC,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,qBAAsB,SAAAF,EAAM,EAC5CE,EAAAA,IAAC,MAAA,CAAI,UAAU,SACb,SAAAA,EAAAA,IAACC,GAAU,KAAMF,EAAO,OAAO,UAAA,CAAW,CAAA,CAC5C,CAAA,EACF,EAPiB,IASrB,CAEA,SAASG,EAAM,CAAE,MAAAJ,EAAO,MAAAC,GAA8D,CACpF,OAAKA,SAEF,MAAA,CACC,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,qBAAsB,SAAAF,EAAM,EAC5CE,EAAAA,IAAC,IAAA,CAAE,UAAU,gDAAiD,SAAAD,CAAA,CAAM,CAAA,EACtE,EALiB,IAOrB,CAGA,SAASI,EAAgB,CAAE,MAAAL,EAAO,MAAAC,EAAO,SAAAK,GAItC,CACD,OAAKL,SAEF,MAAA,CACC,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,qBAAsB,SAAAF,EAAM,EAC5CO,EAAAA,KAAC,SAAA,CACC,QAAS,IAAMD,GAAA,YAAAA,EAAWL,GAC1B,UAAU,iDACV,MAAO,aAAaD,EAAM,YAAA,CAAa,KAAKC,CAAK,GAEjD,SAAA,CAAAC,EAAAA,IAAC,IAAA,CAAE,UAAU,0FAA2F,SAAAD,EAAM,EAC9GC,EAAAA,IAACM,EAAA,CAAO,UAAU,gGAAA,CAAiG,CAAA,CAAA,CAAA,CACrH,EACF,EAZiB,IAcrB,CAoBO,SAASC,EAAoB,CAAE,QAAAC,EAAS,QAAAC,GAG5C,CACD,OAAKD,EAGHH,EAAAA,KAAC,MAAA,CAAI,UAAU,qBAEb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAL,MAAC,QAAK,UAAW,0CAA0CR,EAAWgB,EAAQ,MAAM,CAAC,GAAI,EACzFR,EAAAA,IAACG,EAAA,CACC,MAAM,GACN,MAAOV,EAAae,EAAQ,MAAM,EAClC,SAAU,IAAA,OAAM,OAAAE,EAAAD,GAAA,YAAAA,EAAS,iBAAT,YAAAC,EAAA,KAAAD,EAA0BD,EAAQ,QAAM,CAAA,EAE1DR,EAAAA,IAAC,OAAA,CAAK,UAAWN,EAAe,WAAQ,MAAA,CAAO,CAAA,EACjD,EACAM,EAAAA,IAACG,EAAA,CACC,MAAM,GACN,MAAOK,EAAQ,YACf,SAAU,IAAA,OAAM,OAAAE,EAAAD,GAAA,YAAAA,EAAS,qBAAT,YAAAC,EAAA,KAAAD,EAA8BD,EAAQ,aAAW,CAAA,EAEnEH,EAAAA,KAAC,IAAA,CAAE,UAAU,qCAAqC,SAAA,CAAA,OAAKG,EAAQ,EAAA,CAAA,CAAG,CAAA,EACpE,EAGAH,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAL,EAAAA,IAACW,GAAa,SAAA,YAAA,CAAU,EACxBN,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAL,EAAAA,IAACH,EAAA,CAAU,MAAM,UAAU,MAAOW,EAAQ,WAAY,QACrDX,EAAA,CAAU,MAAM,WAAW,MAAOW,EAAQ,YAAa,QACvDX,EAAA,CAAU,MAAM,YAAY,MAAOW,EAAQ,WAAY,QACvDX,EAAA,CAAU,MAAM,gBAAgB,MAAOW,EAAQ,gBAAA,CAAkB,CAAA,CAAA,CACpE,CAAA,EACF,EAGAH,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAL,EAAAA,IAACW,GAAa,SAAA,UAAA,CAAQ,EACtBN,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAL,MAACE,GAAM,MAAM,WAAW,MAAO,OAAOM,EAAQ,QAAQ,EAAG,EACzDR,EAAAA,IAACE,EAAA,CAAM,MAAM,UAAU,MAAO,GAAGM,EAAQ,aAAa,MAAMA,EAAQ,kBAAkB,EAAA,CAAI,QACzFN,EAAA,CAAM,MAAM,cAAc,MAAOM,EAAQ,WAAA,CAAa,CAAA,CAAA,CACzD,CAAA,EACF,EAGCA,EAAQ,KACPH,OAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAL,EAAAA,IAACW,GAAa,SAAA,KAAA,CAAG,EACjBX,EAAAA,IAAC,MAAA,CAAI,UAAU,yBACb,eAACG,EAAA,CAAgB,MAAM,SAAS,MAAOK,EAAQ,IAAK,SAAUC,GAAA,YAAAA,EAAS,YAAa,CAAA,CACtF,CAAA,EACF,EAIDD,EAAQ,SAAW,UAClBH,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAL,EAAAA,IAACW,GAAa,SAAA,gBAAA,CAAc,EAC5BN,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAL,EAAAA,IAACG,EAAA,CAAgB,MAAM,WAAW,MAAOK,EAAQ,cAAe,SAAUC,GAAA,YAAAA,EAAS,gBAAA,CAAkB,EACrGT,EAAAA,IAACG,GAAgB,MAAM,WAAW,MAAOK,EAAQ,IAAK,SAAUC,GAAA,YAAAA,EAAS,WAAA,CAAa,QACrFP,EAAA,CAAM,MAAM,YAAY,MAAOM,EAAQ,IAAK,EAC7CR,EAAAA,IAACG,GAAgB,MAAM,OAAO,MAAOK,EAAQ,SAAU,SAAUC,GAAA,YAAAA,EAAS,eAAA,CAAiB,EAC3FT,EAAAA,IAACG,GAAgB,MAAM,QAAQ,MAAOK,EAAQ,MAAO,SAAUC,GAAA,YAAAA,EAAS,aAAA,CAAe,CAAA,CAAA,CACzF,CAAA,EACF,EAIFT,EAAAA,IAAC,MAAA,CAAI,UAAU,YACb,SAAAA,EAAAA,IAACY,EAAA,CAAW,KAAMJ,EAAQ,QAAS,MAAM,UAAU,iBAAkB,GAAO,CAAA,CAC9E,CAAA,EACF,EAxEmB,IA0EvB"}
|
|
1
|
+
{"version":3,"file":"StreamMessageDetail-BmBfNSEr.js","sources":["../../src/api/stream-messages.ts","../../src/pages/admin/streams/constants.ts","../../src/pages/admin/streams/StreamMessageDetail.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { apiFetch } from './client';\n\n// ── Types ───────────────────────────────────────────────────────────────────\n\nexport type StreamMessageStatus = 'pending' | 'claimed' | 'processed' | 'dead_lettered';\nexport type StreamMessageSource = 'engine' | 'worker';\n\nexport interface StreamMessage {\n id: string;\n source: StreamMessageSource;\n stream_name: string;\n message: string;\n status: StreamMessageStatus;\n created_at: string;\n reserved_at: string | null;\n reserved_by: string | null;\n expired_at: string | null;\n dead_lettered_at: string | null;\n priority: number;\n visible_at: string | null;\n retry_attempt: number;\n max_retry_attempts: number;\n workflow_name: string | null;\n jid: string | null;\n aid: string | null;\n dad: string | null;\n msg_type: string | null;\n topic: string | null;\n}\n\nexport interface StreamMessagesResponse {\n messages: StreamMessage[];\n total: number;\n}\n\nexport interface StreamMessagesParams {\n namespace: string;\n source: StreamMessageSource;\n limit?: number;\n offset?: number;\n sort_by?: string;\n order?: 'asc' | 'desc';\n status?: StreamMessageStatus | '';\n stream_name?: string;\n msg_type?: string;\n topic?: string;\n workflow_name?: string;\n jid?: string;\n aid?: string;\n dad?: string;\n}\n\n// ── Fetch ───────────────────────────────────────────────────────────────────\n\nfunction fetchStreamMessages(params: StreamMessagesParams) {\n const qs = new URLSearchParams();\n qs.set('namespace', params.namespace);\n qs.set('source', params.source);\n if (params.limit) qs.set('limit', String(params.limit));\n if (params.offset) qs.set('offset', String(params.offset));\n if (params.sort_by) qs.set('sort_by', params.sort_by);\n if (params.order) qs.set('order', params.order);\n if (params.status) qs.set('status', params.status);\n if (params.stream_name) qs.set('stream_name', params.stream_name);\n if (params.msg_type) qs.set('msg_type', params.msg_type);\n if (params.topic) qs.set('topic', params.topic);\n if (params.workflow_name) qs.set('workflow_name', params.workflow_name);\n if (params.jid) qs.set('jid', params.jid);\n if (params.aid) qs.set('aid', params.aid);\n if (params.dad) qs.set('dad', params.dad);\n return apiFetch<StreamMessagesResponse>(`/controlplane/stream-messages?${qs}`);\n}\n\n// ── Hook ────────────────────────────────────────────────────────────────────\n\nexport function useStreamMessages(params: StreamMessagesParams, options?: { enabled?: boolean }) {\n return useQuery({\n queryKey: ['controlplane', 'stream-messages', params],\n queryFn: () => fetchStreamMessages(params),\n enabled: !!params.namespace && (options?.enabled ?? true),\n staleTime: 15_000,\n });\n}\n","import type { StreamMessageStatus } from '../../../api/stream-messages';\n\nexport const STATUS_DOT: Record<StreamMessageStatus, string> = {\n pending: 'bg-text-tertiary',\n claimed: 'bg-status-warning',\n processed: 'bg-status-success',\n dead_lettered: 'bg-status-error',\n};\n\nexport const STATUS_LABEL: Record<StreamMessageStatus, string> = {\n pending: 'Pending',\n claimed: 'Claimed',\n processed: 'Processed',\n dead_lettered: 'Dead Lettered',\n};\n\nexport const SOURCE_BADGE =\n 'inline-block px-1.5 py-0.5 text-2xs font-mono rounded bg-surface-sunken text-text-secondary';\n\nexport const STATUS_OPTIONS = [\n { value: 'pending', label: 'Pending' },\n { value: 'claimed', label: 'Claimed' },\n { value: 'processed', label: 'Processed' },\n { value: 'dead_lettered', label: 'Dead Lettered' },\n];\n\nexport const SOURCE_OPTIONS = [\n { value: 'engine', label: 'Engine' },\n { value: 'worker', label: 'Worker' },\n];\n","import { Filter } from 'lucide-react';\nimport type { StreamMessage } from '../../../api/stream-messages';\nimport { SectionLabel } from '../../../components/common/layout/SectionLabel';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport { STATUS_DOT, STATUS_LABEL, SOURCE_BADGE } from './constants';\n\nfunction Timestamp({ label, value }: { label: string; value: string | null }) {\n if (!value) return null;\n return (\n <div>\n <span className=\"text-text-tertiary\">{label}</span>\n <div className=\"mt-0.5\">\n <DateValue date={value} format=\"datetime\" />\n </div>\n </div>\n );\n}\n\nfunction Field({ label, value }: { label: string; value: string | null | undefined }) {\n if (!value) return null;\n return (\n <div>\n <span className=\"text-text-tertiary\">{label}</span>\n <p className=\"text-xs text-text-primary font-mono break-all\">{value}</p>\n </div>\n );\n}\n\n/** A field value that can be clicked to filter the master list. */\nfunction FilterableField({ label, value, onFilter }: {\n label: string;\n value: string | null | undefined;\n onFilter?: (value: string) => void;\n}) {\n if (!value) return null;\n return (\n <div>\n <span className=\"text-text-tertiary\">{label}</span>\n <button\n onClick={() => onFilter?.(value)}\n className=\"flex items-center gap-1 group text-left w-full\"\n title={`Filter by ${label.toLowerCase()}: ${value}`}\n >\n <p className=\"text-xs text-text-primary font-mono break-all group-hover:text-accent transition-colors\">{value}</p>\n <Filter className=\"w-2.5 h-2.5 shrink-0 text-text-quaternary opacity-0 group-hover:opacity-100 transition-opacity\" />\n </button>\n </div>\n );\n}\n\nexport interface StreamMessageDetailFilters {\n onFilterStatus?: (value: string) => void;\n onFilterStreamName?: (value: string) => void;\n onFilterMsgType?: (value: string) => void;\n onFilterTopic?: (value: string) => void;\n onFilterWorkflow?: (value: string) => void;\n onFilterJid?: (value: string) => void;\n onFilterAid?: (value: string) => void;\n}\n\n/**\n * Standard stream message detail view.\n *\n * This component is the canonical representation of a stream message.\n * Reuse it wherever stream messages need to be displayed — the layout,\n * timestamp formatting (via DateValue with ms/UTC/local tooltip), and\n * payload viewer are the standard.\n */\nexport function StreamMessageDetail({ message, filters }: {\n message: StreamMessage | null;\n filters?: StreamMessageDetailFilters;\n}) {\n if (!message) return null;\n\n return (\n <div className=\"space-y-5 text-2xs\">\n {/* Header */}\n <div>\n <div className=\"flex items-center gap-2 mb-1\">\n <span className={`w-2 h-2 rounded-full dot-ring shrink-0 ${STATUS_DOT[message.status]}`} />\n <FilterableField\n label=\"\"\n value={STATUS_LABEL[message.status]}\n onFilter={() => filters?.onFilterStatus?.(message.status)}\n />\n <span className={SOURCE_BADGE}>{message.source}</span>\n </div>\n <FilterableField\n label=\"\"\n value={message.stream_name}\n onFilter={() => filters?.onFilterStreamName?.(message.stream_name)}\n />\n <p className=\"text-2xs text-text-tertiary mt-0.5\">ID: {message.id}</p>\n </div>\n\n {/* Timestamps */}\n <div className=\"space-y-2\">\n <SectionLabel>Timestamps</SectionLabel>\n <div className=\"grid grid-cols-1 gap-2\">\n <Timestamp label=\"Created\" value={message.created_at} />\n <Timestamp label=\"Reserved\" value={message.reserved_at} />\n <Timestamp label=\"Processed\" value={message.expired_at} />\n <Timestamp label=\"Dead-lettered\" value={message.dead_lettered_at} />\n </div>\n </div>\n\n {/* Metadata */}\n <div className=\"space-y-2\">\n <SectionLabel>Metadata</SectionLabel>\n <div className=\"grid grid-cols-2 gap-2\">\n <Field label=\"Priority\" value={String(message.priority)} />\n <Field label=\"Retries\" value={`${message.retry_attempt} / ${message.max_retry_attempts}`} />\n <Field label=\"Reserved by\" value={message.reserved_by} />\n </div>\n </div>\n\n {/* Job ID — available on both engine and worker streams */}\n {message.jid && (\n <div className=\"space-y-2\">\n <SectionLabel>Job</SectionLabel>\n <div className=\"grid grid-cols-1 gap-2\">\n <FilterableField label=\"Job ID\" value={message.jid} onFilter={filters?.onFilterJid} />\n </div>\n </div>\n )}\n\n {/* Worker-specific fields — clickable to filter */}\n {message.source === 'worker' && (\n <div className=\"space-y-2\">\n <SectionLabel>Worker Details</SectionLabel>\n <div className=\"grid grid-cols-1 gap-2\">\n <FilterableField label=\"Workflow\" value={message.workflow_name} onFilter={filters?.onFilterWorkflow} />\n <FilterableField label=\"Activity\" value={message.aid} onFilter={filters?.onFilterAid} />\n <Field label=\"Dimension\" value={message.dad} />\n <FilterableField label=\"Type\" value={message.msg_type} onFilter={filters?.onFilterMsgType} />\n <FilterableField label=\"Topic\" value={message.topic} onFilter={filters?.onFilterTopic} />\n </div>\n </div>\n )}\n\n {/* Message payload — fully expanded by default */}\n <div className=\"space-y-2\">\n <JsonViewer data={message.message} label=\"Payload\" defaultCollapsed={false} />\n </div>\n </div>\n );\n}\n"],"names":["fetchStreamMessages","params","qs","apiFetch","useStreamMessages","options","useQuery","STATUS_DOT","STATUS_LABEL","SOURCE_BADGE","STATUS_OPTIONS","SOURCE_OPTIONS","Timestamp","label","value","jsx","DateValue","Field","FilterableField","onFilter","jsxs","Filter","StreamMessageDetail","message","filters","_a","SectionLabel","JsonViewer"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as t,a as P}from"./vendor-query-B2UbickB.js";import{D as q,b as V,J as k,C as B,f as C}from"./index-CKxFjMtw.js";import{S as X}from"./StatusBadge-BbqghFMi.js";import{L as R}from"./vendor-react-BpdAFEQc.js";import{u as T,S as Q}from"./StreamMessageDetail-BObbEz7P.js";function W(e){if(!e)return null;try{return JSON.parse(e)}catch{return e}}function U({event:e}){return t.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[e.attributes.activity_type&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Activity"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.activity_type})]}),t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Kind"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.kind})]}),e.duration_ms!==null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Duration"}),t.jsx(q,{ms:e.duration_ms,className:"font-mono text-text-primary"})]}),t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Time"}),t.jsx(V,{date:e.event_time,format:"datetime",className:"font-mono text-text-primary"})]}),e.attributes.signal_name&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Signal"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.signal_name})]}),e.attributes.awaited!==void 0&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Awaited"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.awaited?"Yes":"No (fire-and-forget)"})]}),e.attributes.timeline_key&&t.jsxs("div",{className:"col-span-2",children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Timeline Key"}),t.jsx("p",{className:"text-xs font-mono text-text-primary truncate",title:e.attributes.timeline_key,children:e.attributes.timeline_key})]}),e.attributes.execution_index!==void 0&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Exec Index"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.execution_index})]}),e.attributes.scheduled_event_id!=null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Scheduled Event"}),t.jsxs("p",{className:"text-xs font-mono text-text-primary",children:["#",e.attributes.scheduled_event_id]})]}),e.attributes.wait_event_id!=null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Wait Started"}),t.jsxs("p",{className:"text-xs font-mono text-text-primary",children:["Event #",e.attributes.wait_event_id]})]}),e.attributes.initiated_event_id!=null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Initiated Event"}),t.jsxs("p",{className:"text-xs font-mono text-text-primary",children:["#",e.attributes.initiated_event_id]})]})]})}function Z({event:e,childTask:a}){const n=a?W(a.envelope):null,o=a?W(a.data):null;return!a&&e.attributes.child_workflow_id?t.jsx("div",{className:"border-t border-surface-border pt-3",children:t.jsxs("div",{className:"flex items-center gap-3 flex-wrap",children:[t.jsx("span",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Child Workflow"}),t.jsx(R,{to:`/workflows/executions/${e.attributes.child_workflow_id}`,className:"text-xs font-mono text-accent hover:underline",onClick:d=>d.stopPropagation(),children:e.attributes.child_workflow_id})]})}):a?t.jsxs("div",{className:"space-y-3 border-t border-surface-border pt-3",children:[t.jsxs("div",{className:"flex items-center gap-3 flex-wrap",children:[t.jsx("span",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Child Workflow"}),t.jsx(R,{to:`/workflows/executions/${a.workflow_id}`,className:"text-xs font-mono text-accent hover:underline",onClick:d=>d.stopPropagation(),children:a.workflow_id}),t.jsx(X,{status:a.status}),a.completed_at&&t.jsxs("span",{className:"text-2xs text-text-tertiary",children:["Completed ",t.jsx(V,{date:a.completed_at,format:"relative"})]})]}),(n!=null||o!=null)&&t.jsxs("div",{className:"grid grid-cols-1 @form-cols:grid-cols-2 gap-4",children:[n!=null?t.jsx(k,{data:n,label:"Input (Envelope)",variant:"panel"}):t.jsx("div",{}),o!=null?t.jsx(k,{data:o,label:"Output (Result)",variant:"panel"}):t.jsx("div",{})]})]}):null}function tt({event:e,childTask:a}){const n=e.attributes.input,o=e.attributes.result,d=e.category==="signal",i=e.category==="activity",l=e.category==="child_workflow",x=n!==void 0&&(i||l),p=!a&&o!==void 0&&(i||l),u=e.attributes.activity_type==="ltSignalParent"?"Signal Payload":"Result";return x||p?t.jsxs("div",{className:"grid grid-cols-1 @form-cols:grid-cols-2 gap-4",children:[x?t.jsx(k,{data:n,label:"Input",variant:"panel"}):t.jsx("div",{}),p?t.jsx(k,{data:o,label:u,variant:"panel"}):t.jsx("div",{})]}):d&&n!==void 0?t.jsx(k,{data:n,label:"Signal Payload",variant:"panel"}):null}function et(e){if(!e)return null;const a=/^-proxy-(\d+)-$/.exec(e);if(a)return{kind:"proxyIndex",index:parseInt(a[1],10)};if(e.startsWith("-"))return null;const n=e.split("/");return n.length<2?null:{kind:"path",aid:n[n.length-1],dad:`,${n.slice(0,-1).join(",")}`}}function st(e){var a,n;try{const o=JSON.parse(e.message);return{aid:(a=o==null?void 0:o.metadata)==null?void 0:a.aid,dad:(n=o==null?void 0:o.metadata)==null?void 0:n.dad}}catch{return{}}}function at({jid:e,appId:a,event:n}){const[o,d]=P.useState(!1),i=et(n.attributes.timeline_key);return t.jsxs("div",{className:"space-y-2",children:[t.jsxs("button",{onClick:()=>d(l=>!l),className:"flex items-center gap-1.5 text-2xs font-semibold uppercase tracking-widest text-text-tertiary hover:text-text-secondary transition-colors",children:[t.jsx("span",{className:`transition-transform duration-300 ${o?"rotate-90":""}`,children:"▶"}),"Raw stream message (audit)"]}),t.jsx(B,{open:o,children:o&&t.jsxs("div",{className:"pt-1",children:[!i&&t.jsx("p",{className:"text-2xs text-text-tertiary",children:"No raw stream row maps to this activity."}),(i==null?void 0:i.kind)==="proxyIndex"&&t.jsx(nt,{namespace:a||"durable",jid:e,index:i.index}),(i==null?void 0:i.kind)==="path"&&t.jsx(rt,{namespace:a||"durable",jid:e,aid:i.aid,dad:i.dad})]})})]})}function nt({namespace:e,jid:a,index:n}){var i,l;const o=T({namespace:e,source:"worker",jid:a,aid:"proxyer",sort_by:"created_at",order:"asc",offset:n-1,limit:1}),d=(l=(i=o.data)==null?void 0:i.messages)==null?void 0:l[0];return o.isLoading?t.jsx(Y,{}):o.error?t.jsx(F,{}):d?t.jsx(J,{note:`Proxy activity #${n} (durable) — the worker stream record for this step`,messages:[d]}):t.jsx(z,{label:`proxy activity #${n}`})}function rt({namespace:e,jid:a,aid:n,dad:o}){var m,w,g;const d=T({namespace:e,source:"worker",jid:a,aid:n,dad:o,limit:1}),i=(w=(m=d.data)==null?void 0:m.messages)==null?void 0:w[0],l=d.isFetched&&!i,x=T({namespace:e,source:"engine",jid:a,limit:200},{enabled:l}),p=l?(((g=x.data)==null?void 0:g.messages)??[]).filter(h=>{const y=st(h);return y.aid===n&&y.dad===o}):[],u=!!i,f=i?[i]:p;return d.isLoading||l&&x.isLoading?t.jsx(Y,{}):d.error?t.jsx(F,{}):f.length===0?t.jsx(z,{label:`${n} ${o}`}):t.jsx(J,{note:u?"Worker stream — the function-execution record behind this activity":`Engine stream — control-flow record${f.length>1?`s (${f.length}, one per occurrence)`:" (trigger / hook / cycle)"}`,messages:f})}function J({note:e,messages:a}){return t.jsxs("div",{className:"space-y-3",children:[t.jsx("p",{className:"text-2xs text-text-tertiary",children:e}),a.map(n=>t.jsx("div",{className:"rounded-md bg-surface p-3",children:t.jsx(Q,{message:n})},n.id))]})}const Y=()=>t.jsx("p",{className:"text-2xs text-text-tertiary",children:"Loading stream message…"}),F=()=>t.jsx("p",{className:"text-2xs text-status-error",children:"Failed to load stream message."}),z=({label:e})=>t.jsxs("p",{className:"text-2xs text-text-tertiary",children:["No stream row found for ",t.jsx("span",{className:"font-mono",children:e}),"."]});function it({event:e,childTask:a,pending:n=!1,jid:o,appId:d,onClose:i}){return t.jsxs("div",{className:"p-4 bg-surface-sunken rounded-md space-y-4",children:[t.jsxs("div",{className:"flex items-center justify-between gap-2",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("p",{className:"font-mono font-medium text-sm text-text-primary",children:e.attributes.activity_type??e.attributes.signal_name??e.attributes.child_workflow_id??e.event_type}),n&&t.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-2xs font-medium bg-status-warning/15 text-status-warning",children:[t.jsx("span",{className:"w-1.5 h-1.5 rounded-full dot-ring bg-status-warning animate-pulse"}),"Pending"]})]}),i&&t.jsx("button",{onClick:i,className:"text-text-tertiary hover:text-text-primary text-xs",children:"Close"})]}),t.jsx(U,{event:e}),t.jsx(Z,{event:e,childTask:a}),o&&t.jsx(at,{jid:o,appId:d??"durable",event:e}),t.jsx(tt,{event:e,childTask:a}),e.attributes.failure!==void 0&&t.jsx(k,{data:e.attributes.failure,label:"Failure"}),(()=>{const{kind:l,activity_type:x,result:p,timeline_key:u,execution_index:f,signal_name:m,input:w,child_workflow_id:g,awaited:h,wait_event_id:y,scheduled_event_id:j,initiated_event_id:_,failure:L,trace_id:M,span_id:$,...E}=e.attributes;return Object.keys(E).length>0?t.jsx(k,{data:E,label:"Attributes"}):null})()]})}const N={activity:{bar:"bg-accent",outline:"border border-accent/40 bg-accent/15",text:"text-accent",label:"Activities"},signal:{bar:"bg-status-success-graphic",outline:"border border-status-success-graphic/40 bg-status-success-graphic/15",text:"text-status-success",label:"Signals"},timer:{bar:"bg-status-pending-graphic",outline:"border border-status-pending-graphic/40 bg-status-pending-graphic/15",text:"text-status-warning",label:"Timers"},child_workflow:{bar:"bg-status-claimed-graphic",outline:"border border-status-claimed-graphic/40 bg-status-claimed-graphic/15",text:"text-status-claimed",label:"Child Workflows"}},ot="bg-stripes animate-pulse opacity-70",lt=new Set(["callLLM","callDbTool","callVisionTool","callMcpTool","getDBTools","getVisionTools"]);function ct(e,a){if(!e||typeof e!="string")return e??"";if(e.length<=a)return e;const n=Math.floor((a-1)/2);return`${e.slice(0,n)}…${e.slice(e.length-n)}`}function dt(e){const a=[],n=new Map,o=new Map;for(const i of e){const l=i.attributes.timeline_key;if(!l)continue;const x=i.event_type;x==="activity_task_scheduled"||x==="timer_started"||x==="child_workflow_execution_started"||x==="signal_wait_started"?n.set(l,i):o.set(l,i)}const d=new Set;for(const i of e){const l=i.attributes.timeline_key;if(l&&d.has(l))continue;l&&d.add(l);const x=l?n.get(l):void 0,p=l?o.get(l):void 0,u=p||x||i,f=u.category,m=String(u.attributes.activity_type||u.attributes.signal_name||u.attributes.child_workflow_id||u.event_type||"unknown"),w=x||u,g=p,h=new Date(w.event_time).getTime();let y=null,j=null,_=!1;g?(y=new Date(g.event_time).getTime(),j=g.duration_ms??y-h):u.duration_ms!==null?(j=u.duration_ms,y=h+j):_=!0,a.push({category:f,name:m||u.event_type,startTime:h,endTime:y,duration:j,eventId:u.event_id,pending:_})}return a}function ht({events:e,childTasks:a,outline:n,jid:o,appId:d}){const[i,l]=P.useState(new Set),[x,p]=P.useState(null),f=e.filter(s=>s.category!=="workflow");if(f.length===0)return null;const m=dt(f);if(m.length===0)return null;const w=Date.now(),g=m.flatMap(s=>{const c=[s.startTime];return s.endTime?c.push(s.endTime):c.push(w),c}),h=Math.min(...g),j=Math.max(...g)-h||1,_=new Map;for(const s of m){const c=`${s.category}:${s.name}`,r=s.startTime-h,v=(s.endTime?s.endTime-h:w-h)-r,S={eventId:s.eventId,startPct:r/j*100,widthPct:Math.max(v/j*100,.5),duration:s.duration,label:`${s.name} — ${s.duration!==null?C(s.duration):"pending"} — ${new Date(s.startTime).toLocaleTimeString()}`,eventTime:new Date(s.startTime).toISOString(),pending:s.pending};_.has(c)||_.set(c,{name:s.name,category:s.category,segments:[]}),_.get(c).segments.push(S)}const L=Array.from(_.values()),M=5,$=Array.from({length:M+1},(s,c)=>({pct:c/M*100,label:C(Math.round(c/M*j))})),E=[...new Set(m.map(s=>s.category))],G=s=>{if(!(a!=null&&a.length))return;const c=s.attributes.activity_type;if(c)return a.find(r=>r.workflow_type===c)},D=s=>{l(c=>{const r=new Set(c);return r.has(s)?r.delete(s):r.add(s),r})},I=m.map(s=>s.eventId),O=I.length>0&&I.every(s=>i.has(s)),H=()=>{l(O?new Set:new Set(I))},A=(s,c)=>{var r,b;return c?ot:n?((r=N[s])==null?void 0:r.outline)??"border-text-tertiary bg-transparent":((b=N[s])==null?void 0:b.bar)??"bg-text-tertiary"},K=s=>{var c;return n?((c=N[s])==null?void 0:c.text)??"text-text-tertiary":"text-text-inverse"};return t.jsxs("div",{className:"px-6 py-6 mb-6",children:[t.jsxs("div",{className:"flex items-center gap-4 mb-4 flex-wrap",children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Execution Timeline"}),t.jsx("button",{onClick:H,className:"text-2xs text-accent hover:underline",children:O?"Collapse all":"Expand all"}),t.jsxs("div",{className:"flex items-center gap-3 ml-auto",children:[E.map(s=>{var c,r,b;return t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("span",{className:`w-2 h-2 rounded-full dot-ring ${n?`border ${((c=N[s])==null?void 0:c.outline)??"border-text-tertiary"}`:((r=N[s])==null?void 0:r.bar)??"bg-text-tertiary"}`}),t.jsx("span",{className:"text-2xs text-text-tertiary",children:((b=N[s])==null?void 0:b.label)??s})]},s)}),m.some(s=>s.pending)&&t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("span",{className:"w-2 h-2 rounded-full dot-ring bg-status-warning animate-pulse"}),t.jsx("span",{className:"text-2xs text-text-tertiary",children:"Pending"})]})]})]}),t.jsxs("div",{className:"flex",children:[t.jsx("div",{className:"w-56 shrink-0"}),t.jsx("div",{className:"flex-1 relative h-6 border-b border-surface-border",children:$.map(s=>t.jsx("span",{className:"absolute text-2xs font-mono text-text-tertiary -translate-x-1/2 bottom-1",style:{left:`${s.pct}%`},children:s.label},s.pct))})]}),L.map(s=>{const c=N[s.category];return t.jsxs("div",{children:[t.jsxs("div",{className:"flex items-center border-b border-surface-border",children:[t.jsxs("div",{className:"w-56 shrink-0 py-3 pr-4 flex items-center gap-2",children:[t.jsx("span",{className:`w-1.5 h-1.5 rounded-full dot-ring shrink-0 ${(c==null?void 0:c.bar)??"bg-text-tertiary"}`}),t.jsx("p",{className:"text-xs font-mono text-text-secondary whitespace-nowrap overflow-hidden",title:s.name,children:ct(s.name,28)}),lt.has(s.name)&&t.jsx("span",{className:"shrink-0 text-accent/60",title:"MCP tool interaction",children:t.jsx("svg",{className:"w-3 h-3",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.663 17h4.674M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"})})})]}),t.jsxs("div",{className:"flex-1 relative h-10",children:[$.map(r=>t.jsx("div",{className:"absolute top-0 bottom-0 w-px bg-surface-border opacity-30",style:{left:`${r.pct}%`}},r.pct)),s.segments.map(r=>{const b=x===r.eventId,v=i.has(r.eventId),S=r.widthPct<3;return t.jsx("div",{className:`absolute top-2 h-6 rounded-sm cursor-pointer transition-all duration-200 origin-center ${v?`${A(s.category,r.pending)} ring-2 ring-accent ring-offset-1`:`${A(s.category,r.pending)} hover:opacity-80`}`,style:{left:`${r.startPct}%`,width:`${r.widthPct}%`,minWidth:"4px",...b&&S?{transform:"scaleX(4) scaleY(1.3) translateY(-2px)",zIndex:20,borderRadius:"4px"}:{zIndex:v?10:1}},title:r.label,onClick:()=>D(r.eventId),onMouseEnter:()=>p(r.eventId),onMouseLeave:()=>p(null),children:r.widthPct>8&&t.jsx("span",{className:`absolute inset-0 flex items-center px-1.5 text-2xs font-mono ${K(s.category)} truncate`,children:r.duration!==null?C(r.duration):"pending"})},r.eventId)})]})]}),s.segments.map(r=>{const b=i.has(r.eventId),v=f.find(S=>S.event_id===r.eventId);return t.jsx(B,{open:b,children:v&&t.jsx("div",{className:"py-3",children:t.jsx(it,{event:v,childTask:G(v),pending:r.pending,jid:o,appId:d,onClose:()=>D(v.event_id)})})},r.eventId)})]},`${s.category}:${s.name}`)})]})}export{it as E,ht as S};
|
|
2
|
-
//# sourceMappingURL=SwimlaneTimeline-
|
|
1
|
+
import{j as t,a as P}from"./vendor-query-B2UbickB.js";import{D as q,b as V,J as k,C as B,f as C}from"./index-CSTwyrwu.js";import{S as X}from"./StatusBadge-BbqghFMi.js";import{L as R}from"./vendor-react-BpdAFEQc.js";import{u as T,S as Q}from"./StreamMessageDetail-BmBfNSEr.js";function W(e){if(!e)return null;try{return JSON.parse(e)}catch{return e}}function U({event:e}){return t.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:[e.attributes.activity_type&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Activity"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.activity_type})]}),t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Kind"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.kind})]}),e.duration_ms!==null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Duration"}),t.jsx(q,{ms:e.duration_ms,className:"font-mono text-text-primary"})]}),t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Time"}),t.jsx(V,{date:e.event_time,format:"datetime",className:"font-mono text-text-primary"})]}),e.attributes.signal_name&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Signal"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.signal_name})]}),e.attributes.awaited!==void 0&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Awaited"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.awaited?"Yes":"No (fire-and-forget)"})]}),e.attributes.timeline_key&&t.jsxs("div",{className:"col-span-2",children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Timeline Key"}),t.jsx("p",{className:"text-xs font-mono text-text-primary truncate",title:e.attributes.timeline_key,children:e.attributes.timeline_key})]}),e.attributes.execution_index!==void 0&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Exec Index"}),t.jsx("p",{className:"text-xs font-mono text-text-primary",children:e.attributes.execution_index})]}),e.attributes.scheduled_event_id!=null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Scheduled Event"}),t.jsxs("p",{className:"text-xs font-mono text-text-primary",children:["#",e.attributes.scheduled_event_id]})]}),e.attributes.wait_event_id!=null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Wait Started"}),t.jsxs("p",{className:"text-xs font-mono text-text-primary",children:["Event #",e.attributes.wait_event_id]})]}),e.attributes.initiated_event_id!=null&&t.jsxs("div",{children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Initiated Event"}),t.jsxs("p",{className:"text-xs font-mono text-text-primary",children:["#",e.attributes.initiated_event_id]})]})]})}function Z({event:e,childTask:a}){const n=a?W(a.envelope):null,o=a?W(a.data):null;return!a&&e.attributes.child_workflow_id?t.jsx("div",{className:"border-t border-surface-border pt-3",children:t.jsxs("div",{className:"flex items-center gap-3 flex-wrap",children:[t.jsx("span",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Child Workflow"}),t.jsx(R,{to:`/workflows/executions/${e.attributes.child_workflow_id}`,className:"text-xs font-mono text-accent hover:underline",onClick:d=>d.stopPropagation(),children:e.attributes.child_workflow_id})]})}):a?t.jsxs("div",{className:"space-y-3 border-t border-surface-border pt-3",children:[t.jsxs("div",{className:"flex items-center gap-3 flex-wrap",children:[t.jsx("span",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Child Workflow"}),t.jsx(R,{to:`/workflows/executions/${a.workflow_id}`,className:"text-xs font-mono text-accent hover:underline",onClick:d=>d.stopPropagation(),children:a.workflow_id}),t.jsx(X,{status:a.status}),a.completed_at&&t.jsxs("span",{className:"text-2xs text-text-tertiary",children:["Completed ",t.jsx(V,{date:a.completed_at,format:"relative"})]})]}),(n!=null||o!=null)&&t.jsxs("div",{className:"grid grid-cols-1 @form-cols:grid-cols-2 gap-4",children:[n!=null?t.jsx(k,{data:n,label:"Input (Envelope)",variant:"panel"}):t.jsx("div",{}),o!=null?t.jsx(k,{data:o,label:"Output (Result)",variant:"panel"}):t.jsx("div",{})]})]}):null}function tt({event:e,childTask:a}){const n=e.attributes.input,o=e.attributes.result,d=e.category==="signal",i=e.category==="activity",l=e.category==="child_workflow",x=n!==void 0&&(i||l),p=!a&&o!==void 0&&(i||l),u=e.attributes.activity_type==="ltSignalParent"?"Signal Payload":"Result";return x||p?t.jsxs("div",{className:"grid grid-cols-1 @form-cols:grid-cols-2 gap-4",children:[x?t.jsx(k,{data:n,label:"Input",variant:"panel"}):t.jsx("div",{}),p?t.jsx(k,{data:o,label:u,variant:"panel"}):t.jsx("div",{})]}):d&&n!==void 0?t.jsx(k,{data:n,label:"Signal Payload",variant:"panel"}):null}function et(e){if(!e)return null;const a=/^-proxy-(\d+)-$/.exec(e);if(a)return{kind:"proxyIndex",index:parseInt(a[1],10)};if(e.startsWith("-"))return null;const n=e.split("/");return n.length<2?null:{kind:"path",aid:n[n.length-1],dad:`,${n.slice(0,-1).join(",")}`}}function st(e){var a,n;try{const o=JSON.parse(e.message);return{aid:(a=o==null?void 0:o.metadata)==null?void 0:a.aid,dad:(n=o==null?void 0:o.metadata)==null?void 0:n.dad}}catch{return{}}}function at({jid:e,appId:a,event:n}){const[o,d]=P.useState(!1),i=et(n.attributes.timeline_key);return t.jsxs("div",{className:"space-y-2",children:[t.jsxs("button",{onClick:()=>d(l=>!l),className:"flex items-center gap-1.5 text-2xs font-semibold uppercase tracking-widest text-text-tertiary hover:text-text-secondary transition-colors",children:[t.jsx("span",{className:`transition-transform duration-300 ${o?"rotate-90":""}`,children:"▶"}),"Raw stream message (audit)"]}),t.jsx(B,{open:o,children:o&&t.jsxs("div",{className:"pt-1",children:[!i&&t.jsx("p",{className:"text-2xs text-text-tertiary",children:"No raw stream row maps to this activity."}),(i==null?void 0:i.kind)==="proxyIndex"&&t.jsx(nt,{namespace:a||"durable",jid:e,index:i.index}),(i==null?void 0:i.kind)==="path"&&t.jsx(rt,{namespace:a||"durable",jid:e,aid:i.aid,dad:i.dad})]})})]})}function nt({namespace:e,jid:a,index:n}){var i,l;const o=T({namespace:e,source:"worker",jid:a,aid:"proxyer",sort_by:"created_at",order:"asc",offset:n-1,limit:1}),d=(l=(i=o.data)==null?void 0:i.messages)==null?void 0:l[0];return o.isLoading?t.jsx(Y,{}):o.error?t.jsx(F,{}):d?t.jsx(J,{note:`Proxy activity #${n} (durable) — the worker stream record for this step`,messages:[d]}):t.jsx(z,{label:`proxy activity #${n}`})}function rt({namespace:e,jid:a,aid:n,dad:o}){var m,w,g;const d=T({namespace:e,source:"worker",jid:a,aid:n,dad:o,limit:1}),i=(w=(m=d.data)==null?void 0:m.messages)==null?void 0:w[0],l=d.isFetched&&!i,x=T({namespace:e,source:"engine",jid:a,limit:200},{enabled:l}),p=l?(((g=x.data)==null?void 0:g.messages)??[]).filter(h=>{const y=st(h);return y.aid===n&&y.dad===o}):[],u=!!i,f=i?[i]:p;return d.isLoading||l&&x.isLoading?t.jsx(Y,{}):d.error?t.jsx(F,{}):f.length===0?t.jsx(z,{label:`${n} ${o}`}):t.jsx(J,{note:u?"Worker stream — the function-execution record behind this activity":`Engine stream — control-flow record${f.length>1?`s (${f.length}, one per occurrence)`:" (trigger / hook / cycle)"}`,messages:f})}function J({note:e,messages:a}){return t.jsxs("div",{className:"space-y-3",children:[t.jsx("p",{className:"text-2xs text-text-tertiary",children:e}),a.map(n=>t.jsx("div",{className:"rounded-md bg-surface p-3",children:t.jsx(Q,{message:n})},n.id))]})}const Y=()=>t.jsx("p",{className:"text-2xs text-text-tertiary",children:"Loading stream message…"}),F=()=>t.jsx("p",{className:"text-2xs text-status-error",children:"Failed to load stream message."}),z=({label:e})=>t.jsxs("p",{className:"text-2xs text-text-tertiary",children:["No stream row found for ",t.jsx("span",{className:"font-mono",children:e}),"."]});function it({event:e,childTask:a,pending:n=!1,jid:o,appId:d,onClose:i}){return t.jsxs("div",{className:"p-4 bg-surface-sunken rounded-md space-y-4",children:[t.jsxs("div",{className:"flex items-center justify-between gap-2",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("p",{className:"font-mono font-medium text-sm text-text-primary",children:e.attributes.activity_type??e.attributes.signal_name??e.attributes.child_workflow_id??e.event_type}),n&&t.jsxs("span",{className:"inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-2xs font-medium bg-status-warning/15 text-status-warning",children:[t.jsx("span",{className:"w-1.5 h-1.5 rounded-full dot-ring bg-status-warning animate-pulse"}),"Pending"]})]}),i&&t.jsx("button",{onClick:i,className:"text-text-tertiary hover:text-text-primary text-xs",children:"Close"})]}),t.jsx(U,{event:e}),t.jsx(Z,{event:e,childTask:a}),o&&t.jsx(at,{jid:o,appId:d??"durable",event:e}),t.jsx(tt,{event:e,childTask:a}),e.attributes.failure!==void 0&&t.jsx(k,{data:e.attributes.failure,label:"Failure"}),(()=>{const{kind:l,activity_type:x,result:p,timeline_key:u,execution_index:f,signal_name:m,input:w,child_workflow_id:g,awaited:h,wait_event_id:y,scheduled_event_id:j,initiated_event_id:_,failure:L,trace_id:M,span_id:$,...E}=e.attributes;return Object.keys(E).length>0?t.jsx(k,{data:E,label:"Attributes"}):null})()]})}const N={activity:{bar:"bg-accent",outline:"border border-accent/40 bg-accent/15",text:"text-accent",label:"Activities"},signal:{bar:"bg-status-success-graphic",outline:"border border-status-success-graphic/40 bg-status-success-graphic/15",text:"text-status-success",label:"Signals"},timer:{bar:"bg-status-pending-graphic",outline:"border border-status-pending-graphic/40 bg-status-pending-graphic/15",text:"text-status-warning",label:"Timers"},child_workflow:{bar:"bg-status-claimed-graphic",outline:"border border-status-claimed-graphic/40 bg-status-claimed-graphic/15",text:"text-status-claimed",label:"Child Workflows"}},ot="bg-stripes animate-pulse opacity-70",lt=new Set(["callLLM","callDbTool","callVisionTool","callMcpTool","getDBTools","getVisionTools"]);function ct(e,a){if(!e||typeof e!="string")return e??"";if(e.length<=a)return e;const n=Math.floor((a-1)/2);return`${e.slice(0,n)}…${e.slice(e.length-n)}`}function dt(e){const a=[],n=new Map,o=new Map;for(const i of e){const l=i.attributes.timeline_key;if(!l)continue;const x=i.event_type;x==="activity_task_scheduled"||x==="timer_started"||x==="child_workflow_execution_started"||x==="signal_wait_started"?n.set(l,i):o.set(l,i)}const d=new Set;for(const i of e){const l=i.attributes.timeline_key;if(l&&d.has(l))continue;l&&d.add(l);const x=l?n.get(l):void 0,p=l?o.get(l):void 0,u=p||x||i,f=u.category,m=String(u.attributes.activity_type||u.attributes.signal_name||u.attributes.child_workflow_id||u.event_type||"unknown"),w=x||u,g=p,h=new Date(w.event_time).getTime();let y=null,j=null,_=!1;g?(y=new Date(g.event_time).getTime(),j=g.duration_ms??y-h):u.duration_ms!==null?(j=u.duration_ms,y=h+j):_=!0,a.push({category:f,name:m||u.event_type,startTime:h,endTime:y,duration:j,eventId:u.event_id,pending:_})}return a}function ht({events:e,childTasks:a,outline:n,jid:o,appId:d}){const[i,l]=P.useState(new Set),[x,p]=P.useState(null),f=e.filter(s=>s.category!=="workflow");if(f.length===0)return null;const m=dt(f);if(m.length===0)return null;const w=Date.now(),g=m.flatMap(s=>{const c=[s.startTime];return s.endTime?c.push(s.endTime):c.push(w),c}),h=Math.min(...g),j=Math.max(...g)-h||1,_=new Map;for(const s of m){const c=`${s.category}:${s.name}`,r=s.startTime-h,v=(s.endTime?s.endTime-h:w-h)-r,S={eventId:s.eventId,startPct:r/j*100,widthPct:Math.max(v/j*100,.5),duration:s.duration,label:`${s.name} — ${s.duration!==null?C(s.duration):"pending"} — ${new Date(s.startTime).toLocaleTimeString()}`,eventTime:new Date(s.startTime).toISOString(),pending:s.pending};_.has(c)||_.set(c,{name:s.name,category:s.category,segments:[]}),_.get(c).segments.push(S)}const L=Array.from(_.values()),M=5,$=Array.from({length:M+1},(s,c)=>({pct:c/M*100,label:C(Math.round(c/M*j))})),E=[...new Set(m.map(s=>s.category))],G=s=>{if(!(a!=null&&a.length))return;const c=s.attributes.activity_type;if(c)return a.find(r=>r.workflow_type===c)},D=s=>{l(c=>{const r=new Set(c);return r.has(s)?r.delete(s):r.add(s),r})},I=m.map(s=>s.eventId),O=I.length>0&&I.every(s=>i.has(s)),H=()=>{l(O?new Set:new Set(I))},A=(s,c)=>{var r,b;return c?ot:n?((r=N[s])==null?void 0:r.outline)??"border-text-tertiary bg-transparent":((b=N[s])==null?void 0:b.bar)??"bg-text-tertiary"},K=s=>{var c;return n?((c=N[s])==null?void 0:c.text)??"text-text-tertiary":"text-text-inverse"};return t.jsxs("div",{className:"px-6 py-6 mb-6",children:[t.jsxs("div",{className:"flex items-center gap-4 mb-4 flex-wrap",children:[t.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Execution Timeline"}),t.jsx("button",{onClick:H,className:"text-2xs text-accent hover:underline",children:O?"Collapse all":"Expand all"}),t.jsxs("div",{className:"flex items-center gap-3 ml-auto",children:[E.map(s=>{var c,r,b;return t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("span",{className:`w-2 h-2 rounded-full dot-ring ${n?`border ${((c=N[s])==null?void 0:c.outline)??"border-text-tertiary"}`:((r=N[s])==null?void 0:r.bar)??"bg-text-tertiary"}`}),t.jsx("span",{className:"text-2xs text-text-tertiary",children:((b=N[s])==null?void 0:b.label)??s})]},s)}),m.some(s=>s.pending)&&t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("span",{className:"w-2 h-2 rounded-full dot-ring bg-status-warning animate-pulse"}),t.jsx("span",{className:"text-2xs text-text-tertiary",children:"Pending"})]})]})]}),t.jsxs("div",{className:"flex",children:[t.jsx("div",{className:"w-56 shrink-0"}),t.jsx("div",{className:"flex-1 relative h-6 border-b border-surface-border",children:$.map(s=>t.jsx("span",{className:"absolute text-2xs font-mono text-text-tertiary -translate-x-1/2 bottom-1",style:{left:`${s.pct}%`},children:s.label},s.pct))})]}),L.map(s=>{const c=N[s.category];return t.jsxs("div",{children:[t.jsxs("div",{className:"flex items-center border-b border-surface-border",children:[t.jsxs("div",{className:"w-56 shrink-0 py-3 pr-4 flex items-center gap-2",children:[t.jsx("span",{className:`w-1.5 h-1.5 rounded-full dot-ring shrink-0 ${(c==null?void 0:c.bar)??"bg-text-tertiary"}`}),t.jsx("p",{className:"text-xs font-mono text-text-secondary whitespace-nowrap overflow-hidden",title:s.name,children:ct(s.name,28)}),lt.has(s.name)&&t.jsx("span",{className:"shrink-0 text-accent/60",title:"MCP tool interaction",children:t.jsx("svg",{className:"w-3 h-3",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.663 17h4.674M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"})})})]}),t.jsxs("div",{className:"flex-1 relative h-10",children:[$.map(r=>t.jsx("div",{className:"absolute top-0 bottom-0 w-px bg-surface-border opacity-30",style:{left:`${r.pct}%`}},r.pct)),s.segments.map(r=>{const b=x===r.eventId,v=i.has(r.eventId),S=r.widthPct<3;return t.jsx("div",{className:`absolute top-2 h-6 rounded-sm cursor-pointer transition-all duration-200 origin-center ${v?`${A(s.category,r.pending)} ring-2 ring-accent ring-offset-1`:`${A(s.category,r.pending)} hover:opacity-80`}`,style:{left:`${r.startPct}%`,width:`${r.widthPct}%`,minWidth:"4px",...b&&S?{transform:"scaleX(4) scaleY(1.3) translateY(-2px)",zIndex:20,borderRadius:"4px"}:{zIndex:v?10:1}},title:r.label,onClick:()=>D(r.eventId),onMouseEnter:()=>p(r.eventId),onMouseLeave:()=>p(null),children:r.widthPct>8&&t.jsx("span",{className:`absolute inset-0 flex items-center px-1.5 text-2xs font-mono ${K(s.category)} truncate`,children:r.duration!==null?C(r.duration):"pending"})},r.eventId)})]})]}),s.segments.map(r=>{const b=i.has(r.eventId),v=f.find(S=>S.event_id===r.eventId);return t.jsx(B,{open:b,children:v&&t.jsx("div",{className:"py-3",children:t.jsx(it,{event:v,childTask:G(v),pending:r.pending,jid:o,appId:d,onClose:()=>D(v.event_id)})})},r.eventId)})]},`${s.category}:${s.name}`)})]})}export{it as E,ht as S};
|
|
2
|
+
//# sourceMappingURL=SwimlaneTimeline-CA0TKDIi.js.map
|