@hotmeshio/long-tail 0.1.21 → 0.2.0
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/agent-subscriptions.d.ts +15 -0
- package/build/api/agent-subscriptions.js +82 -0
- package/build/api/agents.d.ts +21 -0
- package/build/api/agents.js +100 -0
- package/build/api/capabilities.d.ts +2 -0
- package/build/api/capabilities.js +76 -0
- package/build/index.d.ts +2 -2
- package/build/index.js +5 -2
- package/build/lib/db/schemas/003_agents.sql +46 -0
- package/build/lib/db/schemas/004_agent_subscriptions.sql +38 -0
- package/build/lib/db/schemas/005_server_category.sql +6 -0
- package/build/lib/db/schemas/006_agent_sub_unique.sql +9 -0
- package/build/lib/events/callback.d.ts +4 -18
- package/build/lib/events/callback.js +8 -45
- package/build/lib/events/matching.d.ts +13 -0
- package/build/lib/events/matching.js +31 -0
- package/build/lib/events/publish.d.ts +20 -0
- package/build/lib/events/publish.js +33 -0
- package/build/routes/agents.d.ts +2 -0
- package/build/routes/agents.js +130 -0
- package/build/routes/capabilities.d.ts +2 -0
- package/build/routes/capabilities.js +47 -0
- package/build/routes/index.js +4 -0
- package/build/sdk/index.d.ts +13 -0
- package/build/sdk/index.js +14 -0
- package/build/services/agent/index.d.ts +32 -0
- package/build/services/agent/index.js +195 -0
- package/build/services/agent/input-mapper.d.ts +18 -0
- package/build/services/agent/input-mapper.js +51 -0
- package/build/services/agent/sql.d.ts +10 -0
- package/build/services/agent/sql.js +70 -0
- package/build/services/agent/subscription-sql.d.ts +7 -0
- package/build/services/agent/subscription-sql.js +49 -0
- package/build/services/agent/subscriptions.d.ts +30 -0
- package/build/services/agent/subscriptions.js +82 -0
- package/build/services/agent/trigger-registry.d.ts +45 -0
- package/build/services/agent/trigger-registry.js +232 -0
- package/build/services/cron/index.d.ts +17 -1
- package/build/services/cron/index.js +152 -4
- package/build/services/insight/index.js +11 -6
- package/build/services/mcp/db.d.ts +1 -0
- package/build/services/mcp/db.js +1 -0
- package/build/services/mcp/sql.d.ts +1 -1
- package/build/services/mcp/sql.js +2 -2
- package/build/start/workers.js +67 -0
- package/build/system/activities/knowledge.js +9 -2
- package/build/system/index.d.ts +2 -1
- package/build/system/index.js +93 -1
- package/build/system/mcp-servers/events.d.ts +5 -0
- package/build/system/mcp-servers/events.js +104 -0
- package/build/system/mcp-servers/playwright/schemas.d.ts +6 -6
- package/build/system/seed/tool-manifests-events.d.ts +37 -0
- package/build/system/seed/tool-manifests-events.js +30 -0
- package/build/tsconfig.tsbuildinfo +1 -1
- package/build/types/agent.d.ts +72 -0
- package/build/types/agent.js +6 -0
- package/build/types/events.d.ts +7 -1
- package/build/types/index.d.ts +2 -1
- package/build/types/mcp.d.ts +2 -0
- package/build/types/startup.d.ts +37 -0
- package/dashboard/dist/assets/{AdminDashboard-CsTOErp1.js → AdminDashboard-DThDjhN5.js} +2 -2
- package/dashboard/dist/assets/{AdminDashboard-CsTOErp1.js.map → AdminDashboard-DThDjhN5.js.map} +1 -1
- package/dashboard/dist/assets/AgentConfigPage-NgxblxBW.js +13 -0
- package/dashboard/dist/assets/AgentConfigPage-NgxblxBW.js.map +1 -0
- package/dashboard/dist/assets/AgentDetailPage-DMS46nYY.js +4 -0
- package/dashboard/dist/assets/AgentDetailPage-DMS46nYY.js.map +1 -0
- package/dashboard/dist/assets/AgentsPage-pKfjHe4u.js +2 -0
- package/dashboard/dist/assets/AgentsPage-pKfjHe4u.js.map +1 -0
- package/dashboard/dist/assets/{AvailableEscalationsPage-BqQA3IJp.js → AvailableEscalationsPage-BFzHVnPh.js} +2 -2
- package/dashboard/dist/assets/{AvailableEscalationsPage-BqQA3IJp.js.map → AvailableEscalationsPage-BFzHVnPh.js.map} +1 -1
- package/dashboard/dist/assets/BotPicker-Zxf7Npew.js +2 -0
- package/dashboard/dist/assets/BotPicker-Zxf7Npew.js.map +1 -0
- package/dashboard/dist/assets/CapabilitiesPage-6zOJ12cB.js +2 -0
- package/dashboard/dist/assets/CapabilitiesPage-6zOJ12cB.js.map +1 -0
- package/dashboard/dist/assets/{CollapsibleSection-CRtHQsAv.js → CollapsibleSection-DvBx4tmw.js} +2 -2
- package/dashboard/dist/assets/{CollapsibleSection-CRtHQsAv.js.map → CollapsibleSection-DvBx4tmw.js.map} +1 -1
- package/dashboard/dist/assets/{CredentialsPage-C7XT1bnO.js → CredentialsPage-C5f-Bg-o.js} +2 -2
- package/dashboard/dist/assets/{CredentialsPage-C7XT1bnO.js.map → CredentialsPage-C5f-Bg-o.js.map} +1 -1
- package/dashboard/dist/assets/CronLabel-CAVTt5AG.js +2 -0
- package/dashboard/dist/assets/CronLabel-CAVTt5AG.js.map +1 -0
- package/dashboard/dist/assets/{CustomDurationPicker-BABUv1V2.js → CustomDurationPicker-Bk7D38y7.js} +2 -2
- package/dashboard/dist/assets/{CustomDurationPicker-BABUv1V2.js.map → CustomDurationPicker-Bk7D38y7.js.map} +1 -1
- package/dashboard/dist/assets/{DataTable-D3-wSEf0.js → DataTable-D9yuBv0w.js} +2 -2
- package/dashboard/dist/assets/{DataTable-D3-wSEf0.js.map → DataTable-D9yuBv0w.js.map} +1 -1
- package/dashboard/dist/assets/{DropZone-DHKmMqRA.js → DropZone-2mGyDo1P.js} +2 -2
- package/dashboard/dist/assets/{DropZone-DHKmMqRA.js.map → DropZone-2mGyDo1P.js.map} +1 -1
- package/dashboard/dist/assets/{ElapsedCell-DrJif03B.js → ElapsedCell-BpJjG1s-.js} +2 -2
- package/dashboard/dist/assets/{ElapsedCell-DrJif03B.js.map → ElapsedCell-BpJjG1s-.js.map} +1 -1
- package/dashboard/dist/assets/{EscalationsOverview-H6CwfeR-.js → EscalationsOverview-DPNd1vjF.js} +2 -2
- package/dashboard/dist/assets/{EscalationsOverview-H6CwfeR-.js.map → EscalationsOverview-DPNd1vjF.js.map} +1 -1
- package/dashboard/dist/assets/{EventTable-Dh3_9DAY.js → EventTable-BoP8KC3M.js} +2 -2
- package/dashboard/dist/assets/{EventTable-Dh3_9DAY.js.map → EventTable-BoP8KC3M.js.map} +1 -1
- package/dashboard/dist/assets/EventTopicPill-BUxxvpNg.js +2 -0
- package/dashboard/dist/assets/EventTopicPill-BUxxvpNg.js.map +1 -0
- package/dashboard/dist/assets/HomePage-h8I5ZolJ.js +2 -0
- package/dashboard/dist/assets/HomePage-h8I5ZolJ.js.map +1 -0
- package/dashboard/dist/assets/ListToolbar-BaYIIsAt.js +2 -0
- package/dashboard/dist/assets/ListToolbar-BaYIIsAt.js.map +1 -0
- package/dashboard/dist/assets/{McpOverview-ChLa6Gl7.js → McpOverview-BhZ3lSO6.js} +2 -2
- package/dashboard/dist/assets/{McpOverview-ChLa6Gl7.js.map → McpOverview-BhZ3lSO6.js.map} +1 -1
- package/dashboard/dist/assets/McpQueryDetailPage-DVgcKa61.js +5 -0
- package/dashboard/dist/assets/McpQueryDetailPage-DVgcKa61.js.map +1 -0
- package/dashboard/dist/assets/{McpQueryPage-D2DmDFPu.js → McpQueryPage-CTWOBqKT.js} +2 -2
- package/dashboard/dist/assets/{McpQueryPage-D2DmDFPu.js.map → McpQueryPage-CTWOBqKT.js.map} +1 -1
- package/dashboard/dist/assets/{McpRunDetailPage-ERVuNEEK.js → McpRunDetailPage-CIpZJWRB.js} +2 -2
- package/dashboard/dist/assets/{McpRunDetailPage-ERVuNEEK.js.map → McpRunDetailPage-CIpZJWRB.js.map} +1 -1
- package/dashboard/dist/assets/McpRunsPage-B3zpzPBf.js +2 -0
- package/dashboard/dist/assets/McpRunsPage-B3zpzPBf.js.map +1 -0
- package/dashboard/dist/assets/{OperatorDashboard-CJm_BTPU.js → OperatorDashboard-l2hVlIF3.js} +2 -2
- package/dashboard/dist/assets/{OperatorDashboard-CJm_BTPU.js.map → OperatorDashboard-l2hVlIF3.js.map} +1 -1
- package/dashboard/dist/assets/{PageHeader-B-SN5GZ2.js → PageHeader-DLjHNYHX.js} +2 -2
- package/dashboard/dist/assets/{PageHeader-B-SN5GZ2.js.map → PageHeader-DLjHNYHX.js.map} +1 -1
- package/dashboard/dist/assets/{PageHeaderWithStats-BZ3AGT5s.js → PageHeaderWithStats-Oljg3n4j.js} +2 -2
- package/dashboard/dist/assets/{PageHeaderWithStats-BZ3AGT5s.js.map → PageHeaderWithStats-Oljg3n4j.js.map} +1 -1
- package/dashboard/dist/assets/{ProcessDetailPage-vfnCDyQK.js → ProcessDetailPage-BJ1rhK9_.js} +2 -2
- package/dashboard/dist/assets/{ProcessDetailPage-vfnCDyQK.js.map → ProcessDetailPage-BJ1rhK9_.js.map} +1 -1
- package/dashboard/dist/assets/{ProcessesListPage-DcAN6AJK.js → ProcessesListPage-IQKk_qkn.js} +2 -2
- package/dashboard/dist/assets/{ProcessesListPage-DcAN6AJK.js.map → ProcessesListPage-IQKk_qkn.js.map} +1 -1
- package/dashboard/dist/assets/RolePill-Bp10-WfX.js +2 -0
- package/dashboard/dist/assets/RolePill-Bp10-WfX.js.map +1 -0
- package/dashboard/dist/assets/{RolesPage-DYSt2aAr.js → RolesPage-Dwcirtze.js} +2 -2
- package/dashboard/dist/assets/{RolesPage-DYSt2aAr.js.map → RolesPage-Dwcirtze.js.map} +1 -1
- package/dashboard/dist/assets/RunAsSelector-D4Fu8LVG.js +2 -0
- package/dashboard/dist/assets/RunAsSelector-D4Fu8LVG.js.map +1 -0
- package/dashboard/dist/assets/ServerName-C9lUCFYb.js +2 -0
- package/dashboard/dist/assets/ServerName-C9lUCFYb.js.map +1 -0
- package/dashboard/dist/assets/SwimlaneTimeline-DQqgvwmC.js +2 -0
- package/dashboard/dist/assets/SwimlaneTimeline-DQqgvwmC.js.map +1 -0
- package/dashboard/dist/assets/{TagInput-DftaRHDV.js → TagInput-Dkljw_WI.js} +2 -2
- package/dashboard/dist/assets/{TagInput-DftaRHDV.js.map → TagInput-Dkljw_WI.js.map} +1 -1
- package/dashboard/dist/assets/{TaskDetailPage-BoA-cfwW.js → TaskDetailPage-AHBMSHAA.js} +2 -2
- package/dashboard/dist/assets/{TaskDetailPage-BoA-cfwW.js.map → TaskDetailPage-AHBMSHAA.js.map} +1 -1
- package/dashboard/dist/assets/{TaskQueuePill-Ce8KlXtR.js → TaskQueuePill-DPwm25Cc.js} +2 -2
- package/dashboard/dist/assets/{TaskQueuePill-Ce8KlXtR.js.map → TaskQueuePill-DPwm25Cc.js.map} +1 -1
- package/dashboard/dist/assets/{TasksListPage-g6XIbhju.js → TasksListPage-CnJdTsoX.js} +2 -2
- package/dashboard/dist/assets/{TasksListPage-g6XIbhju.js.map → TasksListPage-CnJdTsoX.js.map} +1 -1
- package/dashboard/dist/assets/{TimeAgo-BihIwEbB.js → TimeAgo-C3A1r1Cv.js} +2 -2
- package/dashboard/dist/assets/{TimeAgo-BihIwEbB.js.map → TimeAgo-C3A1r1Cv.js.map} +1 -1
- package/dashboard/dist/assets/{TimestampCell-GOFcvE-i.js → TimestampCell-DPfLR6bZ.js} +2 -2
- package/dashboard/dist/assets/{TimestampCell-GOFcvE-i.js.map → TimestampCell-DPfLR6bZ.js.map} +1 -1
- package/dashboard/dist/assets/ToolPill-D_DIWFJ5.js +2 -0
- package/dashboard/dist/assets/ToolPill-D_DIWFJ5.js.map +1 -0
- package/dashboard/dist/assets/ToolTestPanel-CwZ9zkD-.js +2 -0
- package/dashboard/dist/assets/ToolTestPanel-CwZ9zkD-.js.map +1 -0
- package/dashboard/dist/assets/{UserName-CmMVt4vS.js → UserName-ClO0a6Ar.js} +2 -2
- package/dashboard/dist/assets/{UserName-CmMVt4vS.js.map → UserName-ClO0a6Ar.js.map} +1 -1
- package/dashboard/dist/assets/{WorkflowExecutionPage-soRFz_30.js → WorkflowExecutionPage-B-2aHAHK.js} +2 -2
- package/dashboard/dist/assets/{WorkflowExecutionPage-soRFz_30.js.map → WorkflowExecutionPage-B-2aHAHK.js.map} +1 -1
- package/dashboard/dist/assets/{WorkflowPill-DUDDyBsj.js → WorkflowPill-BbgVTGgI.js} +2 -2
- package/dashboard/dist/assets/WorkflowPill-BbgVTGgI.js.map +1 -0
- package/dashboard/dist/assets/WorkflowsDashboard-NtiQKl_i.js +2 -0
- package/dashboard/dist/assets/WorkflowsDashboard-NtiQKl_i.js.map +1 -0
- package/dashboard/dist/assets/{WorkflowsOverview-z3Ztiz1y.js → WorkflowsOverview-BQip_pvL.js} +2 -2
- package/dashboard/dist/assets/{WorkflowsOverview-z3Ztiz1y.js.map → WorkflowsOverview-BQip_pvL.js.map} +1 -1
- package/dashboard/dist/assets/YamlWorkflowsPage-BWFCVQ8b.js +2 -0
- package/dashboard/dist/assets/YamlWorkflowsPage-BWFCVQ8b.js.map +1 -0
- package/dashboard/dist/assets/agents-5APoyRH8.js +2 -0
- package/dashboard/dist/assets/agents-5APoyRH8.js.map +1 -0
- package/dashboard/dist/assets/{bots-BZPXDh_y.js → bots-BoDH-pS7.js} +2 -2
- package/dashboard/dist/assets/{bots-BZPXDh_y.js.map → bots-BoDH-pS7.js.map} +1 -1
- package/dashboard/dist/assets/controlplane-D4NhQux3.js +2 -0
- package/dashboard/dist/assets/controlplane-D4NhQux3.js.map +1 -0
- package/dashboard/dist/assets/{escalation-DBUIq1Z4.js → escalation-BD2wtAt2.js} +2 -2
- package/dashboard/dist/assets/{escalation-DBUIq1Z4.js.map → escalation-BD2wtAt2.js.map} +1 -1
- package/dashboard/dist/assets/escalation-columns-DjHcNgjo.js +2 -0
- package/dashboard/dist/assets/{escalation-columns-DL4zsR8Y.js.map → escalation-columns-DjHcNgjo.js.map} +1 -1
- package/dashboard/dist/assets/{helpers-D50KFFkI.js → helpers-D1ZPA4kI.js} +2 -2
- package/dashboard/dist/assets/{helpers-D50KFFkI.js.map → helpers-D1ZPA4kI.js.map} +1 -1
- package/dashboard/dist/assets/index-B-Z9TisY.js +2 -0
- package/dashboard/dist/assets/index-B-Z9TisY.js.map +1 -0
- package/dashboard/dist/assets/index-B6vQeWwf.js +6 -0
- package/dashboard/dist/assets/index-B6vQeWwf.js.map +1 -0
- package/dashboard/dist/assets/{index-D9_hZmsW.js → index-BD2vW8MG.js} +3 -3
- package/dashboard/dist/assets/{index-D9_hZmsW.js.map → index-BD2vW8MG.js.map} +1 -1
- package/dashboard/dist/assets/index-BciXgS35.css +1 -0
- package/dashboard/dist/assets/index-BgJR7kwH.js +2 -0
- package/dashboard/dist/assets/index-BgJR7kwH.js.map +1 -0
- package/dashboard/dist/assets/index-D9qswqDQ.js +2 -0
- package/dashboard/dist/assets/{index-BpoHVMV7.js.map → index-D9qswqDQ.js.map} +1 -1
- package/dashboard/dist/assets/index-DC7f6rWu.js +2 -0
- package/dashboard/dist/assets/{index-CEnDYJOO.js.map → index-DC7f6rWu.js.map} +1 -1
- package/dashboard/dist/assets/{index-B-jzKfuv.js → index-Zn5XforP.js} +2 -2
- package/dashboard/dist/assets/{index-B-jzKfuv.js.map → index-Zn5XforP.js.map} +1 -1
- package/dashboard/dist/assets/index-_5qNyf9o.js +2 -0
- package/dashboard/dist/assets/index-_5qNyf9o.js.map +1 -0
- package/dashboard/dist/assets/index-_dKxJhey.js +2 -0
- package/dashboard/dist/assets/{index-DzICLMI7.js.map → index-_dKxJhey.js.map} +1 -1
- package/dashboard/dist/assets/index-jp94-YlF.js +2 -0
- package/dashboard/dist/assets/index-jp94-YlF.js.map +1 -0
- package/dashboard/dist/assets/{index-BUjxYyxc.js → index-oGYUhkFa.js} +27 -27
- package/dashboard/dist/assets/index-oGYUhkFa.js.map +1 -0
- package/dashboard/dist/assets/index-qdYsS9h2.js +15 -0
- package/dashboard/dist/assets/index-qdYsS9h2.js.map +1 -0
- package/dashboard/dist/assets/knowledge-DsAU_TGL.js +2 -0
- package/dashboard/dist/assets/knowledge-DsAU_TGL.js.map +1 -0
- package/dashboard/dist/assets/{mcp-D0GrHRFe.js → mcp-CA3OeIyH.js} +2 -2
- package/dashboard/dist/assets/{mcp-D0GrHRFe.js.map → mcp-CA3OeIyH.js.map} +1 -1
- package/dashboard/dist/assets/{mcp-query-DC5woQn5.js → mcp-query-BgmTDc7h.js} +2 -2
- package/dashboard/dist/assets/{mcp-query-DC5woQn5.js.map → mcp-query-BgmTDc7h.js.map} +1 -1
- package/dashboard/dist/assets/{mcp-runs-CsoVQoPB.js → mcp-runs-C-FK2SyD.js} +2 -2
- package/dashboard/dist/assets/{mcp-runs-CsoVQoPB.js.map → mcp-runs-C-FK2SyD.js.map} +1 -1
- package/dashboard/dist/assets/{namespaces-unpIb4gX.js → namespaces-B8KNk0Jb.js} +2 -2
- package/dashboard/dist/assets/{namespaces-unpIb4gX.js.map → namespaces-B8KNk0Jb.js.map} +1 -1
- package/dashboard/dist/assets/{roles--kBaFljg.js → roles-BAPy1LU_.js} +2 -2
- package/dashboard/dist/assets/{roles--kBaFljg.js.map → roles-BAPy1LU_.js.map} +1 -1
- package/dashboard/dist/assets/{settings-B96YkawY.js → settings-Da0QSQDH.js} +2 -2
- package/dashboard/dist/assets/{settings-B96YkawY.js.map → settings-Da0QSQDH.js.map} +1 -1
- package/dashboard/dist/assets/{tasks-D_1NCfOZ.js → tasks-BHlTusW0.js} +2 -2
- package/dashboard/dist/assets/{tasks-D_1NCfOZ.js.map → tasks-BHlTusW0.js.map} +1 -1
- package/dashboard/dist/assets/useEventHooks-DBMdj9vw.js +2 -0
- package/dashboard/dist/assets/useEventHooks-DBMdj9vw.js.map +1 -0
- package/dashboard/dist/assets/{useYamlActivityEvents-D3RQjfzo.js → useYamlActivityEvents-BH_ynR_L.js} +2 -2
- package/dashboard/dist/assets/{useYamlActivityEvents-D3RQjfzo.js.map → useYamlActivityEvents-BH_ynR_L.js.map} +1 -1
- package/dashboard/dist/assets/{users-e2oatvoj.js → users-C9K2cMyb.js} +2 -2
- package/dashboard/dist/assets/{users-e2oatvoj.js.map → users-C9K2cMyb.js.map} +1 -1
- package/dashboard/dist/assets/{vendor-icons-BkK55L-1.js → vendor-icons-E6836lXZ.js} +140 -95
- package/dashboard/dist/assets/vendor-icons-E6836lXZ.js.map +1 -0
- package/dashboard/dist/assets/workflows-B2rsLjoh.js +2 -0
- package/dashboard/dist/assets/workflows-B2rsLjoh.js.map +1 -0
- package/dashboard/dist/assets/{yaml-workflows-CAKU7LUu.js → yaml-workflows-BLiTvQM2.js} +2 -2
- package/dashboard/dist/assets/{yaml-workflows-CAKU7LUu.js.map → yaml-workflows-BLiTvQM2.js.map} +1 -1
- package/dashboard/dist/index.html +3 -3
- package/docs/agents.md +160 -0
- package/docs/api/http/agents.md +201 -0
- package/docs/api/sdk/agents.md +138 -0
- package/docs/story.md +101 -78
- package/package.json +3 -3
- package/dashboard/dist/assets/BotPicker-C2xR1xay.js +0 -2
- package/dashboard/dist/assets/BotPicker-C2xR1xay.js.map +0 -1
- package/dashboard/dist/assets/ListToolbar-CyEkulVR.js +0 -2
- package/dashboard/dist/assets/ListToolbar-CyEkulVR.js.map +0 -1
- package/dashboard/dist/assets/McpQueryDetailPage-5Dsj6PlL.js +0 -5
- package/dashboard/dist/assets/McpQueryDetailPage-5Dsj6PlL.js.map +0 -1
- package/dashboard/dist/assets/McpRunsPage-BKba-3Wl.js +0 -2
- package/dashboard/dist/assets/McpRunsPage-BKba-3Wl.js.map +0 -1
- package/dashboard/dist/assets/RolePill-BhVC0cc3.js +0 -2
- package/dashboard/dist/assets/RolePill-BhVC0cc3.js.map +0 -1
- package/dashboard/dist/assets/RunAsSelector-CD7_Dmb0.js +0 -2
- package/dashboard/dist/assets/RunAsSelector-CD7_Dmb0.js.map +0 -1
- package/dashboard/dist/assets/SwimlaneTimeline-CUl5RdXU.js +0 -2
- package/dashboard/dist/assets/SwimlaneTimeline-CUl5RdXU.js.map +0 -1
- package/dashboard/dist/assets/WorkflowPill-DUDDyBsj.js.map +0 -1
- package/dashboard/dist/assets/WorkflowsDashboard-Be1A1zAT.js +0 -2
- package/dashboard/dist/assets/WorkflowsDashboard-Be1A1zAT.js.map +0 -1
- package/dashboard/dist/assets/YamlWorkflowsPage-C6qzcQcJ.js +0 -2
- package/dashboard/dist/assets/YamlWorkflowsPage-C6qzcQcJ.js.map +0 -1
- package/dashboard/dist/assets/escalation-columns-DL4zsR8Y.js +0 -2
- package/dashboard/dist/assets/index-B-ioA6yv.js +0 -2
- package/dashboard/dist/assets/index-B-ioA6yv.js.map +0 -1
- package/dashboard/dist/assets/index-BMpoMc4A.js +0 -2
- package/dashboard/dist/assets/index-BMpoMc4A.js.map +0 -1
- package/dashboard/dist/assets/index-BU04qgJt.js +0 -15
- package/dashboard/dist/assets/index-BU04qgJt.js.map +0 -1
- package/dashboard/dist/assets/index-BUjxYyxc.js.map +0 -1
- package/dashboard/dist/assets/index-BpoHVMV7.js +0 -2
- package/dashboard/dist/assets/index-CEnDYJOO.js +0 -2
- package/dashboard/dist/assets/index-CbuH92vk.js +0 -6
- package/dashboard/dist/assets/index-CbuH92vk.js.map +0 -1
- package/dashboard/dist/assets/index-DrouIN-M.js +0 -2
- package/dashboard/dist/assets/index-DrouIN-M.js.map +0 -1
- package/dashboard/dist/assets/index-DzICLMI7.js +0 -2
- package/dashboard/dist/assets/index-efS5gKpv.css +0 -1
- package/dashboard/dist/assets/index-qT78AZDq.js +0 -2
- package/dashboard/dist/assets/index-qT78AZDq.js.map +0 -1
- package/dashboard/dist/assets/useEventHooks-BPjEkCpD.js +0 -2
- package/dashboard/dist/assets/useEventHooks-BPjEkCpD.js.map +0 -1
- package/dashboard/dist/assets/vendor-icons-BkK55L-1.js.map +0 -1
- package/dashboard/dist/assets/workflows-D6diL54s.js +0 -2
- package/dashboard/dist/assets/workflows-D6diL54s.js.map +0 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import{j as e,a as C}from"./vendor-query-B2UbickB.js";import{a as te,d as se,b as ae}from"./agents-5APoyRH8.js";import{C as ne,u as ie,a as le,b as ce,c as re}from"./CronLabel-CAVTt5AG.js";import{P as oe}from"./PageHeader-DLjHNYHX.js";import{B as S,d as M,R as O,O as E,m as Y,a1 as U,a as G,aB as H,H as de}from"./vendor-icons-E6836lXZ.js";import{e as xe}from"./knowledge-DsAU_TGL.js";import{c as pe}from"./index-oGYUhkFa.js";import{R as K}from"./RunAsSelector-D4Fu8LVG.js";import{u as F}from"./workflows-B2rsLjoh.js";import{u as he}from"./yaml-workflows-BLiTvQM2.js";import{E as me}from"./EventTopicPill-BUxxvpNg.js";import{W as B}from"./WorkflowPill-BbgVTGgI.js";import{e as ue,c as ve,f as je}from"./vendor-react-CX88sFS5.js";import"./BotPicker-Zxf7Npew.js";import"./bots-BoDH-pS7.js";const J={name:"",description:"",goals:"",rules:"",user_id:"",knowledge_domain:"",subscriptions:[],schedules:[]},ge={topic:"",filter:"",reaction_type:"durable",workflow_type:"",pipeline_id:"",mcp_prompt:"",input_mapping:"{}",execute_as:"",enabled:!0},ye={cron:"0 * * * *",reaction_type:"durable",workflow_type:"",pipeline_id:"",envelope:"{}",execute_as:""};function we(t,a){var r,l,x;const c=(l=(r=t.behaviors)==null?void 0:r.schedules)!=null&&l.length?t.behaviors.schedules.map(i=>({cron:i.cron||"",reaction_type:i.reaction_type||"durable",workflow_type:i.workflow_type||"",pipeline_id:i.pipeline_id||"",envelope:i.envelope?JSON.stringify(i.envelope,null,2):"{}",execute_as:i.execute_as||""})):(x=t.behaviors)!=null&&x.cron?[{cron:t.behaviors.cron,reaction_type:"durable",workflow_type:t.workflow_type??"",pipeline_id:"",envelope:"{}",execute_as:""}]:[];return{name:t.name,description:t.description??"",goals:t.goals??"",rules:t.rules??"",user_id:t.user_id??"",knowledge_domain:t.knowledge_domain??"",subscriptions:a.map(i=>({id:i.id,topic:i.topic,filter:i.filter?JSON.stringify(i.filter,null,2):"",reaction_type:i.reaction_type,workflow_type:i.workflow_type??"",pipeline_id:i.pipeline_id??"",mcp_prompt:i.mcp_prompt??"",input_mapping:JSON.stringify(i.input_mapping??{},null,2),execute_as:i.execute_as??"",enabled:i.enabled})),schedules:c}}function be(t){var c;const a={};return t.schedules.length>0&&(a.schedules=t.schedules.map(r=>({cron:r.cron,reaction_type:r.reaction_type||"durable",workflow_type:r.reaction_type==="pipeline"?void 0:r.workflow_type,pipeline_id:r.reaction_type==="pipeline"?r.pipeline_id:void 0,envelope:D(r.envelope)??{},execute_as:r.execute_as||void 0})),a.cron=t.schedules[0].cron),{name:t.name,description:t.description||void 0,goals:t.goals||void 0,rules:t.rules||void 0,user_id:t.user_id||void 0,knowledge_domain:t.knowledge_domain||void 0,behaviors:a,workflow_type:((c=t.schedules[0])==null?void 0:c.workflow_type)||void 0,pipeline_id:void 0}}function fe(t){return t.subscriptions.map(a=>({id:a.id,topic:a.topic,filter:a.filter?D(a.filter):void 0,reaction_type:a.reaction_type,workflow_type:a.workflow_type||void 0,pipeline_id:a.pipeline_id||void 0,mcp_prompt:a.mcp_prompt||void 0,input_mapping:D(a.input_mapping)??{},execute_as:a.execute_as||void 0,enabled:a.enabled}))}function D(t){if(t.trim())try{return JSON.parse(t)}catch{return}}const f="section-header mt-[3em] first:mt-0",y="label",v="hint",m="input",Q="input-json w-full";function Ne({form:t,set:a}){return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"border-l-2 border-accent/30 pl-3 py-1 flex items-start justify-between",children:[e.jsx("p",{className:"text-[12px] text-text-secondary italic leading-relaxed",children:"Give your agent a name and describe what it does. The name appears everywhere — in events, logs, and the dashboard."}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:agents.md:identity"},className:"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3",title:"Docs: Identity",children:e.jsx(S,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsxs("div",{children:[e.jsx("label",{className:y,children:"Name *"}),e.jsx("input",{type:"text",value:t.name,onChange:c=>a("name",c.target.value),placeholder:"health-monitor",className:m}),e.jsx("p",{className:v,children:"Lowercase, kebab-case. This appears everywhere."})]}),e.jsxs("div",{children:[e.jsx("label",{className:y,children:"Description"}),e.jsx("input",{type:"text",value:t.description,onChange:c=>a("description",c.target.value),placeholder:"Watches for workflow failures and captures diagnostics",className:m}),e.jsx("p",{className:v,children:"One sentence that explains what this agent does."})]})]})}function ke({form:t,set:a}){return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"border-l-2 border-accent/30 pl-3 py-1 flex items-start justify-between",children:[e.jsx("p",{className:"text-[12px] text-text-secondary italic leading-relaxed",children:"Goals define what drives the agent. Rules define what constrains it. Together they give automation judgment."}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:agents.md:motivation"},className:"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3",title:"Docs: Motivation",children:e.jsx(S,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-8",children:[e.jsxs("div",{children:[e.jsx("label",{className:y,children:"Goals"}),e.jsx("textarea",{value:t.goals,onChange:c=>a("goals",c.target.value),placeholder:"Detect failures early, capture diagnostics, alert before cascading",rows:4,className:`${m} resize-none`}),e.jsx("p",{className:v,children:"Primary motivation. What the agent is trying to achieve."})]}),e.jsxs("div",{children:[e.jsx("label",{className:y,children:"Rules"}),e.jsx("textarea",{value:t.rules,onChange:c=>a("rules",c.target.value),placeholder:"Never auto-restart failed workflows. Always escalate to humans.",rows:4,className:`${m} resize-none`}),e.jsx("p",{className:v,children:"Guardrails. What it must never do, even when goals suggest it should."})]})]})]})}function _e({form:t,set:a}){const{data:c}=xe(),r=(c==null?void 0:c.domains)??[];return e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"border-l-2 border-accent/30 pl-3 py-1 flex items-start justify-between",children:[e.jsx("p",{className:"text-[12px] text-text-secondary italic leading-relaxed",children:"Assign a knowledge domain — the agent's memory. It stores context here over time, learning from every interaction."}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:agents.md:knowledge"},className:"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3",title:"Docs: Knowledge",children:e.jsx(S,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsxs("div",{children:[e.jsx("label",{className:y,children:"Knowledge Domain"}),e.jsx("input",{type:"text",value:t.knowledge_domain,onChange:l=>a("knowledge_domain",l.target.value),placeholder:"e.g., system-health, content-review, vendor-data",className:m,list:"domain-suggestions"}),e.jsx("datalist",{id:"domain-suggestions",children:r.map(l=>e.jsx("option",{value:l.domain},l.domain))}),e.jsx("p",{className:v,children:"Choose an existing domain to share memory, or type a new name to create one."})]}),r.length>0&&e.jsxs("div",{children:[e.jsx("label",{className:y,children:"Existing Domains"}),e.jsx("div",{className:"space-y-0.5 mt-2",children:r.map(l=>e.jsxs("button",{type:"button",onClick:()=>a("knowledge_domain",l.domain),className:`w-full flex items-center gap-3 px-3 py-2 rounded-md text-left transition-colors ${t.knowledge_domain===l.domain?"border-l-2 border-l-accent bg-accent/5":"hover:bg-surface-hover border-l-2 border-l-transparent"}`,children:[e.jsx(M,{className:"w-3.5 h-3.5 text-text-quaternary shrink-0",strokeWidth:1.5}),e.jsx("span",{className:"text-sm text-text-primary flex-1",children:l.domain}),e.jsxs("span",{className:"text-[10px] text-text-quaternary",children:[l.count," entries"]}),e.jsx("span",{className:"text-[9px] text-text-quaternary",children:e.jsx(pe,{date:l.latest})})]},l.domain))})]})]})}const Ce=["workflow.failed","activity.failed","escalation.created","knowledge.stored","app.>","app.*.*.error"];function Se({form:t,set:a}){const{data:c}=F(),r=(c??[]).filter(s=>s.invocable).map(s=>s.workflow_type),[l,x]=C.useState(0),i=(s,n,d)=>{const u=[...t.subscriptions];u[s]={...u[s],[n]:d},a("subscriptions",u)},w=()=>{a("subscriptions",[...t.subscriptions,{...ge}]),x(t.subscriptions.length)},j=s=>{a("subscriptions",t.subscriptions.filter((n,d)=>d!==s)),l>=t.subscriptions.length-1&&x(Math.max(0,t.subscriptions.length-2))},N=t.subscriptions,o=N[l],p=s=>!!s.topic&&(s.reaction_type==="durable"?!!s.workflow_type:s.reaction_type==="pipeline"?!!s.pipeline_id:!!s.mcp_prompt);return N.length===0?e.jsxs("div",{className:"max-w-xl",children:[e.jsxs("div",{className:"border-l-2 border-accent/30 pl-3 py-1 flex items-start justify-between mb-8",children:[e.jsx("p",{className:"text-[12px] text-text-secondary italic leading-relaxed",children:"Optional. When a matching event is published, the agent runs the configured workflow with the event payload."}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:agents.md:subscriptions"},className:"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3",title:"Docs: Subscriptions",children:e.jsx(S,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsxs("div",{className:"flex flex-col items-center justify-center py-12 text-center",children:[e.jsx(O,{className:"w-8 h-8 text-text-quaternary/40 mb-3",strokeWidth:1}),e.jsx("p",{className:"text-sm text-text-tertiary mb-2",children:"No event subscriptions yet"}),e.jsx("p",{className:"text-[11px] text-text-quaternary max-w-sm mb-6",children:"Each subscription listens for a topic pattern and runs a workflow when it matches."}),e.jsxs("button",{onClick:w,className:"flex items-center gap-2 text-xs text-accent hover:text-accent-hover transition-colors",children:[e.jsx(E,{className:"w-3.5 h-3.5"})," Add first subscription"]})]})]}):e.jsxs("div",{children:[e.jsxs("div",{className:"border-l-2 border-accent/30 pl-3 py-1 flex items-start justify-between mb-6",children:[e.jsx("p",{className:"text-[12px] text-text-secondary italic leading-relaxed",children:"Optional. When a matching event is published, the agent runs the configured workflow with the event payload."}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:agents.md:subscriptions"},className:"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3",title:"Docs: Subscriptions",children:e.jsx(S,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsxs("div",{className:"flex gap-8",children:[e.jsxs("div",{className:"w-52 shrink-0 space-y-0.5",children:[N.map((s,n)=>e.jsxs("div",{className:`group/sub flex items-center rounded-md transition-colors ${l===n?"bg-accent/10 text-accent":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:[e.jsxs("button",{onClick:()=>x(n),className:"flex-1 text-left px-3 py-2 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${p(s)?"bg-emerald-400":"bg-zinc-500"}`}),e.jsx("span",{className:"text-[11px] font-mono truncate",children:s.topic||"new subscription"})]}),e.jsxs("span",{className:"text-[9px] text-text-quaternary ml-3",children:["→ ",s.workflow_type||s.reaction_type]})]}),e.jsx("button",{onClick:d=>{d.stopPropagation(),confirm(`Remove subscription "${s.topic||"new"}"?
|
|
2
|
+
|
|
3
|
+
This takes effect when you save.`)&&j(n)},className:"opacity-0 group-hover/sub:opacity-100 px-2 text-text-quaternary hover:text-red-400 transition-all",title:"Remove",children:e.jsx(Y,{className:"w-3 h-3"})})]},n)),e.jsxs("button",{onClick:w,className:"w-full flex items-center gap-1.5 px-3 py-2 text-[11px] text-accent hover:text-accent-hover transition-colors",children:[e.jsx(E,{className:"w-3 h-3"})," Add"]})]}),o&&e.jsxs("div",{className:"flex-1 min-w-0 space-y-12",children:[e.jsxs("div",{children:[e.jsx("label",{className:f,children:"When this event fires"}),e.jsx("input",{type:"text",value:o.topic,onChange:s=>i(l,"topic",s.target.value),placeholder:"workflow.failed",className:`${m} font-mono`}),e.jsx("div",{className:"flex gap-3 mt-2 overflow-x-auto",children:Ce.map(s=>e.jsx("button",{type:"button",onClick:()=>i(l,"topic",s),className:`text-[10px] font-mono whitespace-nowrap transition-colors ${o.topic===s?"text-accent font-medium":"text-accent/50 hover:text-accent"}`,children:s},s))})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx("label",{className:f,children:"Run this workflow"}),e.jsx("div",{className:"flex gap-3",children:["durable","pipeline","mcp_query"].map(s=>e.jsxs("label",{className:"flex items-center gap-1 text-[11px] text-text-secondary cursor-pointer",children:[e.jsx("input",{type:"radio",name:"reaction",checked:o.reaction_type===s,onChange:()=>i(l,"reaction_type",s),className:"accent-accent w-3 h-3"}),s==="durable"?"Workflow":s==="pipeline"?"Pipeline":"MCP Query"]},s))}),o.reaction_type==="durable"&&e.jsxs("div",{children:[e.jsx("label",{className:y,children:"Workflow *"}),e.jsxs("select",{value:o.workflow_type,onChange:s=>i(l,"workflow_type",s.target.value),className:m,children:[e.jsx("option",{value:"",children:"Select..."}),r.map(s=>e.jsx("option",{value:s,children:s},s))]})]}),o.reaction_type==="pipeline"&&e.jsxs("div",{children:[e.jsx("label",{className:y,children:"Pipeline ID *"}),e.jsx("input",{type:"text",value:o.pipeline_id,onChange:s=>i(l,"pipeline_id",s.target.value),placeholder:"UUID",className:`${m} font-mono text-xs`})]}),o.reaction_type==="mcp_query"&&e.jsxs("div",{children:[e.jsx("label",{className:y,children:"Prompt *"}),e.jsx("textarea",{value:o.mcp_prompt,onChange:s=>i(l,"mcp_prompt",s.target.value),placeholder:"Analyze the error...",rows:2,className:`${m} resize-none`})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:f,children:"As identity"}),e.jsx(K,{selected:o.execute_as,onChange:s=>i(l,"execute_as",s)}),e.jsx("p",{className:v,children:"Identity used when invoking the workflow."})]}),e.jsxs("div",{children:[e.jsx("label",{className:f,children:"But only if"}),e.jsx("input",{type:"text",value:o.filter,onChange:s=>i(l,"filter",s.target.value),placeholder:"No filter (all matching events)",className:`${m} font-mono text-xs`}),e.jsxs("p",{className:v,children:["JSON filter against event.data, e.g. ",'{"status": 422}']})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:f,children:"With this data"}),e.jsx("textarea",{value:o.input_mapping,onChange:s=>i(l,"input_mapping",s.target.value),rows:10,className:Q,placeholder:`{
|
|
4
|
+
"data": {
|
|
5
|
+
"orderId": "{event.data.orderId}",
|
|
6
|
+
"error": "{event.data.error}"
|
|
7
|
+
}
|
|
8
|
+
}`}),e.jsxs("p",{className:v,children:["Maps event fields to workflow input. ","{event.data.fieldName}"," resolves at runtime."]})]})]})]})]})}const Pe=["*/5 * * * *","*/15 * * * *","0 * * * *","0 */4 * * *","0 7 * * *","0 9 * * 1-5"];function T(t){return{"* * * * *":"Every minute","*/5 * * * *":"Every 5 min","*/15 * * * *":"Every 15 min","0 * * * *":"Hourly","0 */4 * * *":"Every 4 hours","0 7 * * *":"Daily 7 AM UTC","0 9 * * 1-5":"Weekdays 9 AM UTC","0 0 * * 1":"Weekly Monday"}[t]||t}function Ae({form:t,set:a}){const{data:c}=F(),r=(c??[]).filter(n=>n.invocable).map(n=>n.workflow_type),{data:l}=he({status:"active"}),x=((l==null?void 0:l.workflows)??[]).map(n=>({id:n.id,name:n.graph_topic||n.id})),[i,w]=C.useState(0),j=(n,d,u)=>{const P=[...t.schedules];P[n]={...P[n],[d]:u},a("schedules",P)},N=()=>{a("schedules",[...t.schedules,{...ye}]),w(t.schedules.length)},o=n=>{a("schedules",t.schedules.filter((d,u)=>u!==n)),i>=t.schedules.length-1&&w(Math.max(0,t.schedules.length-2))},p=t.schedules,s=p[i];return p.length===0?e.jsxs("div",{children:[e.jsxs("div",{className:"border-l-2 border-accent/30 pl-3 py-1 mb-8 flex items-start justify-between",children:[e.jsx("p",{className:"text-[12px] text-text-secondary italic leading-relaxed",children:"Optional. Each schedule runs a workflow on a cron timer."}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:agents.md:schedule"},className:"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3",title:"Docs: Schedule",children:e.jsx(S,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsxs("div",{className:"flex flex-col items-center justify-center py-12 text-center",children:[e.jsx(U,{className:"w-8 h-8 text-text-quaternary/40 mb-3",strokeWidth:1}),e.jsx("p",{className:"text-sm text-text-tertiary mb-2",children:"No schedules"}),e.jsx("p",{className:"text-[11px] text-text-quaternary max-w-sm mb-6",children:"Add a schedule to run a workflow on a recurring cron timer."}),e.jsxs("button",{onClick:N,className:"flex items-center gap-2 text-xs text-accent hover:text-accent-hover transition-colors",children:[e.jsx(E,{className:"w-3.5 h-3.5"})," Add schedule"]})]})]}):e.jsxs("div",{children:[e.jsxs("div",{className:"border-l-2 border-accent/30 pl-3 py-1 mb-6 flex items-start justify-between",children:[e.jsx("p",{className:"text-[12px] text-text-secondary italic leading-relaxed",children:"Each schedule runs a workflow on a timer. An agent can have multiple schedules targeting different workflows."}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:agents.md:schedule"},className:"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3",title:"Docs: Schedule",children:e.jsx(S,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsxs("div",{className:"flex gap-8",children:[e.jsxs("div",{className:"w-48 shrink-0 space-y-0.5",children:[p.map((n,d)=>e.jsxs("div",{className:`group/sched flex items-center rounded-md transition-colors ${i===d?"bg-accent/10 text-accent":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:[e.jsxs("button",{onClick:()=>w(d),className:"flex-1 text-left px-3 py-2 min-w-0",children:[e.jsx("span",{className:"text-[11px] font-mono block",children:n.cron||"new schedule"}),e.jsxs("span",{className:"text-[9px] text-text-quaternary",children:[(n.reaction_type==="pipeline"?n.pipeline_id:n.workflow_type)||"no target"," · ",T(n.cron)]})]}),e.jsx("button",{onClick:u=>{u.stopPropagation(),confirm(`Remove schedule "${n.cron||"new"}"?
|
|
9
|
+
|
|
10
|
+
This takes effect when you save.`)&&o(d)},className:"opacity-0 group-hover/sched:opacity-100 px-2 text-text-quaternary hover:text-red-400 transition-all",title:"Remove",children:e.jsx(Y,{className:"w-3 h-3"})})]},d)),e.jsxs("button",{onClick:N,className:"w-full flex items-center gap-1.5 px-3 py-2 text-[11px] text-accent hover:text-accent-hover transition-colors",children:[e.jsx(E,{className:"w-3 h-3"})," Add"]})]}),s&&e.jsxs("div",{className:"flex-1 min-w-0 space-y-12",children:[e.jsxs("div",{children:[e.jsx("label",{className:f,children:"Run every"}),e.jsx("input",{type:"text",value:s.cron,onChange:n=>j(i,"cron",n.target.value),placeholder:"0 * * * *",className:`${m} font-mono`}),s.cron&&e.jsx("p",{className:"text-[11px] text-accent/80 mt-1",children:T(s.cron)}),e.jsx("div",{className:"flex gap-3 mt-2 overflow-x-auto",children:Pe.map(n=>e.jsx("button",{type:"button",onClick:()=>j(i,"cron",n),className:`text-[10px] font-mono whitespace-nowrap transition-colors ${s.cron===n?"text-accent font-medium":"text-accent/50 hover:text-accent"}`,children:T(n)},n))})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx("label",{className:f,children:"Run this workflow"}),e.jsx("div",{className:"flex gap-3",children:["durable","pipeline"].map(n=>e.jsxs("label",{className:"flex items-center gap-1 text-[11px] text-text-secondary cursor-pointer",children:[e.jsx("input",{type:"radio",name:`sched-reaction-${i}`,checked:s.reaction_type===n,onChange:()=>j(i,"reaction_type",n),className:"accent-accent w-3 h-3"}),n==="durable"?"Workflow":"Pipeline"]},n))}),s.reaction_type==="pipeline"?e.jsxs("div",{children:[e.jsx("label",{className:y,children:"Pipeline *"}),e.jsxs("select",{value:s.pipeline_id,onChange:n=>j(i,"pipeline_id",n.target.value),className:m,children:[e.jsx("option",{value:"",children:"Select..."}),x.map(n=>e.jsx("option",{value:n.id,children:n.name},n.id))]}),e.jsx("p",{className:v,children:"YAML pipeline invoked on each cron tick."})]}):e.jsxs("div",{children:[e.jsx("label",{className:y,children:"Workflow *"}),e.jsxs("select",{value:s.workflow_type,onChange:n=>j(i,"workflow_type",n.target.value),className:m,children:[e.jsx("option",{value:"",children:"Select..."}),r.map(n=>e.jsx("option",{value:n,children:n},n))]}),e.jsx("p",{className:v,children:"Invoked on each cron tick."})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:f,children:"As identity"}),e.jsx(K,{selected:s.execute_as,onChange:n=>j(i,"execute_as",n)}),e.jsx("p",{className:v,children:"Identity used when invoking."})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:f,children:"With this data"}),e.jsx("textarea",{value:s.envelope,onChange:n=>j(i,"envelope",n.target.value),rows:10,className:Q,placeholder:`{
|
|
11
|
+
"data": { "source": "cron" }
|
|
12
|
+
}`}),e.jsx("p",{className:v,children:"Static payload passed to the workflow on each invocation."})]})]})]})]})}function W({icon:t,color:a,title:c,children:r}){return e.jsxs("div",{className:"mb-10",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2 pb-1.5 border-b border-surface-border/40",children:[e.jsx(t,{className:`w-3.5 h-3.5 ${a}`,strokeWidth:1.5}),e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-widest text-accent/80",children:c})]}),e.jsx("div",{className:"pl-5.5",children:r})]})}function q({label:t,children:a}){return e.jsxs("div",{className:"flex gap-3 py-0.5",children:[e.jsx("span",{className:"text-[10px] text-text-quaternary w-20 shrink-0",children:t}),e.jsx("span",{className:"text-xs text-text-primary",children:a})]})}function We({form:t}){return e.jsxs("div",{children:[e.jsxs(W,{icon:G,color:"text-accent",title:"Identity",children:[e.jsx(q,{label:"Name",children:t.name||"—"}),t.description&&e.jsx(q,{label:"Description",children:t.description})]}),(t.goals||t.rules)&&e.jsxs(W,{icon:H,color:"text-rose-400",title:"Motivation",children:[t.goals&&e.jsx(q,{label:"Goals",children:t.goals}),t.rules&&e.jsx(q,{label:"Rules",children:t.rules})]}),e.jsx(W,{icon:M,color:"text-emerald-400",title:"Knowledge",children:e.jsx(q,{label:"Domain",children:t.knowledge_domain||"None"})}),e.jsxs("div",{className:"grid grid-cols-2 gap-x-10",children:[e.jsx(W,{icon:O,color:"text-cyan-400",title:`Subscriptions (${t.subscriptions.length})`,children:t.subscriptions.length===0?e.jsx("span",{className:"text-[11px] text-text-quaternary",children:"None configured"}):e.jsx("div",{className:"divide-y divide-surface-border/30",children:t.subscriptions.map((a,c)=>e.jsxs("div",{className:"flex items-center py-1.5",children:[e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx(me,{topic:a.topic||"unset"})}),e.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[e.jsx("span",{className:"text-text-quaternary text-[10px]",children:"→"}),a.workflow_type?e.jsx(B,{type:a.workflow_type}):e.jsx("span",{className:"text-[11px] text-text-quaternary",children:a.reaction_type})]})]},c))})}),e.jsx(W,{icon:U,color:"text-amber-400",title:`Schedules (${t.schedules.length})`,children:t.schedules.length===0?e.jsx("span",{className:"text-[11px] text-text-quaternary",children:"None configured"}):e.jsx("div",{className:"divide-y divide-surface-border/30",children:t.schedules.map((a,c)=>e.jsxs("div",{className:"flex items-center py-1.5",children:[e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx(ne,{cron:a.cron})}),e.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[e.jsx("span",{className:"text-text-quaternary text-[10px]",children:"→"}),a.workflow_type?e.jsx(B,{type:a.workflow_type}):e.jsx("span",{className:"text-[11px] text-text-quaternary",children:"no workflow"})]})]},c))})})]}),e.jsx("div",{className:"border-l-2 border-emerald-400/30 pl-3 py-2 mt-6",children:e.jsx("p",{className:"text-[11px] text-text-tertiary leading-relaxed",children:"After saving, subscriptions and schedules activate immediately. You can pause the agent anytime."})})]})}const qe=[{id:1,label:"Identity",icon:G},{id:2,label:"Motivation",icon:H},{id:3,label:"Knowledge",icon:M},{id:4,label:"Subscriptions",icon:O},{id:5,label:"Schedules",icon:U},{id:6,label:"Review",icon:de}];function He(){const{id:t}=ue(),a=!t,c=ve(),{data:r,isLoading:l}=te(a?null:t),{data:x}=ie(a?null:t),i=se(),w=ae(),j=le(),N=ce(),o=re(),[p,s]=C.useState(J),[n,d]=C.useState(!1),[u,P]=C.useState(""),[V,L]=je(),_=parseInt(V.get("step")||"1",10),X=C.useCallback(h=>{L(g=>{const k=new URLSearchParams(g);return k.set("step",String(h)),k},{replace:!0})},[L]);C.useEffect(()=>{if(!n){if(a){s(J),d(!0);return}r&&x&&(s(we(r,x.subscriptions??[])),d(!0))}},[r,x,a,n]);const A=(h,g)=>s(k=>({...k,[h]:g})),Z=async()=>{P("");try{const h=be(p);let g=t;a?g=(await i.mutateAsync(h)).id:await w.mutateAsync({id:t,...h});const k=fe(p),ee=(x==null?void 0:x.subscriptions)??[],I=new Set(ee.map(b=>b.id));for(const b of k)if(b.id&&I.has(b.id)){const{id:$,...R}=b;await N.mutateAsync({agentId:g,subId:$,...R}),I.delete($)}else{const{id:$,...R}=b;await j.mutateAsync({agentId:g,...R})}for(const b of I)await o.mutateAsync({agentId:g,subId:b});c(`/agents/${g}`)}catch(h){P(h.message)}};if(!a&&l)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-60 bg-surface-sunken rounded"})]});const z=i.isPending||w.isPending;return e.jsxs("div",{children:[e.jsx(oe,{title:a?"New Agent":`Agent: ${(r==null?void 0:r.name)??""}`,docsHash:"#docs:agents.md"}),e.jsxs("div",{className:"flex gap-10",children:[e.jsxs("nav",{className:"w-44 shrink-0 sticky top-0 self-start pt-2",children:[e.jsx("div",{className:"space-y-0.5",children:qe.map(h=>{const g=h.icon,k=_===h.id;return e.jsxs("button",{onClick:()=>X(h.id),className:`w-full flex items-center gap-2.5 px-3 py-2 rounded-md text-left transition-colors ${k?"bg-accent/10 text-accent":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:[e.jsx(g,{className:"w-3.5 h-3.5 shrink-0",strokeWidth:1.5}),e.jsx("span",{className:"text-xs font-medium",children:h.label})]},h.id)})}),e.jsxs("div",{className:"mt-8 pt-4 border-t border-surface-border space-y-2",children:[e.jsx("button",{onClick:Z,disabled:!p.name.trim()||z,className:"w-full btn-primary text-xs disabled:opacity-50",children:z?"Saving...":a?"Create Agent":"Save"}),e.jsx("button",{onClick:()=>c(a?"/agents":`/agents/${t}`),className:"w-full btn-ghost text-xs",children:"Cancel"})]}),u&&e.jsx("p",{className:"text-xs text-status-error mt-3",children:u})]}),e.jsxs("div",{className:"flex-1 min-w-0 pt-2",children:[_===1&&e.jsx(Ne,{form:p,set:A}),_===2&&e.jsx(ke,{form:p,set:A}),_===3&&e.jsx(_e,{form:p,set:A}),_===4&&e.jsx(Se,{form:p,set:A}),_===5&&e.jsx(Ae,{form:p,set:A}),_===6&&e.jsx(We,{form:p})]})]})]})}export{He as AgentConfigPage};
|
|
13
|
+
//# sourceMappingURL=AgentConfigPage-NgxblxBW.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AgentConfigPage-NgxblxBW.js","sources":["../../src/pages/agents/detail/agent-form-types.ts","../../src/pages/agents/detail/IdentityStep.tsx","../../src/pages/agents/detail/MotivationStep.tsx","../../src/pages/agents/detail/KnowledgeStep.tsx","../../src/pages/agents/detail/SubscriptionsStep.tsx","../../src/pages/agents/detail/ScheduleStep.tsx","../../src/pages/agents/detail/ReviewStep.tsx","../../src/pages/agents/detail/AgentConfigPage.tsx"],"sourcesContent":["import type { Agent, AgentBehaviors } from '../../../api/agents';\nimport type { AgentSubscription } from '../../../api/agent-subscriptions';\n\nexport interface SubscriptionFormState {\n id?: string;\n topic: string;\n filter: string;\n reaction_type: 'durable' | 'pipeline' | 'mcp_query';\n workflow_type: string;\n pipeline_id: string;\n mcp_prompt: string;\n input_mapping: string;\n execute_as: string;\n enabled: boolean;\n}\n\nexport interface ScheduleFormState {\n cron: string;\n reaction_type: 'durable' | 'pipeline';\n workflow_type: string;\n pipeline_id: string;\n envelope: string; // JSON string\n execute_as: string;\n}\n\nexport interface AgentFormState {\n name: string;\n description: string;\n goals: string;\n rules: string;\n user_id: string;\n knowledge_domain: string;\n subscriptions: SubscriptionFormState[];\n schedules: ScheduleFormState[];\n}\n\nexport const EMPTY_FORM: AgentFormState = {\n name: '',\n description: '',\n goals: '',\n rules: '',\n user_id: '',\n knowledge_domain: '',\n subscriptions: [],\n schedules: [],\n};\n\nexport const STEP_LABELS = ['Identity', 'Motivation', 'Knowledge', 'Subscriptions', 'Schedule', 'Review'];\n\nexport const EMPTY_SUBSCRIPTION: SubscriptionFormState = {\n topic: '',\n filter: '',\n reaction_type: 'durable',\n workflow_type: '',\n pipeline_id: '',\n mcp_prompt: '',\n input_mapping: '{}',\n execute_as: '',\n enabled: true,\n};\n\nexport const EMPTY_SCHEDULE: ScheduleFormState = {\n cron: '0 * * * *',\n reaction_type: 'durable',\n workflow_type: '',\n pipeline_id: '',\n envelope: '{}',\n execute_as: '',\n};\n\nexport function isStepValid(step: number, form: AgentFormState): boolean {\n switch (step) {\n case 1: return form.name.trim().length > 0;\n case 2: return true;\n case 3: return true;\n case 4: {\n return form.subscriptions.every((s) => {\n if (!s.topic.trim()) return false;\n if (s.reaction_type === 'durable' && !s.workflow_type) return false;\n if (s.reaction_type === 'pipeline' && !s.pipeline_id) return false;\n if (s.reaction_type === 'mcp_query' && !s.mcp_prompt) return false;\n return true;\n });\n }\n case 5: {\n return form.schedules.every((s) => {\n if (!s.cron) return false;\n if (s.reaction_type === 'pipeline') return !!s.pipeline_id;\n return !!s.workflow_type;\n });\n }\n case 6: return true;\n default: return true;\n }\n}\n\nexport function agentToForm(\n agent: Agent,\n subscriptions: AgentSubscription[],\n): AgentFormState {\n // Parse schedules from behaviors.schedules or fall back to legacy single cron\n const schedules: ScheduleFormState[] = agent.behaviors?.schedules?.length\n ? (agent.behaviors.schedules as any[]).map((s: any) => ({\n cron: s.cron || '',\n reaction_type: s.reaction_type || 'durable',\n workflow_type: s.workflow_type || '',\n pipeline_id: s.pipeline_id || '',\n envelope: s.envelope ? JSON.stringify(s.envelope, null, 2) : '{}',\n execute_as: s.execute_as || '',\n }))\n : agent.behaviors?.cron\n ? [{ cron: agent.behaviors.cron, reaction_type: 'durable' as const, workflow_type: agent.workflow_type ?? '', pipeline_id: '', envelope: '{}', execute_as: '' }]\n : [];\n\n return {\n name: agent.name,\n description: agent.description ?? '',\n goals: agent.goals ?? '',\n rules: agent.rules ?? '',\n user_id: agent.user_id ?? '',\n knowledge_domain: agent.knowledge_domain ?? '',\n subscriptions: subscriptions.map((s) => ({\n id: s.id,\n topic: s.topic,\n filter: s.filter ? JSON.stringify(s.filter, null, 2) : '',\n reaction_type: s.reaction_type,\n workflow_type: s.workflow_type ?? '',\n pipeline_id: s.pipeline_id ?? '',\n mcp_prompt: s.mcp_prompt ?? '',\n input_mapping: JSON.stringify(s.input_mapping ?? {}, null, 2),\n execute_as: s.execute_as ?? '',\n enabled: s.enabled,\n })),\n schedules,\n };\n}\n\nexport function formToAgentPayload(form: AgentFormState): Record<string, any> {\n const behaviors: AgentBehaviors = {};\n // Store schedules array in behaviors\n if (form.schedules.length > 0) {\n (behaviors as any).schedules = form.schedules.map((s) => ({\n cron: s.cron,\n reaction_type: s.reaction_type || 'durable',\n workflow_type: s.reaction_type === 'pipeline' ? undefined : s.workflow_type,\n pipeline_id: s.reaction_type === 'pipeline' ? s.pipeline_id : undefined,\n envelope: tryParseJson(s.envelope) ?? {},\n execute_as: s.execute_as || undefined,\n }));\n // Legacy compat: also set top-level cron from first schedule\n behaviors.cron = form.schedules[0].cron;\n }\n\n return {\n name: form.name,\n description: form.description || undefined,\n goals: form.goals || undefined,\n rules: form.rules || undefined,\n user_id: form.user_id || undefined,\n knowledge_domain: form.knowledge_domain || undefined,\n behaviors,\n workflow_type: form.schedules[0]?.workflow_type || undefined,\n pipeline_id: undefined,\n };\n}\n\nexport function formToSubscriptionPayloads(form: AgentFormState): Array<{\n id?: string;\n topic: string;\n filter?: Record<string, any>;\n reaction_type: string;\n workflow_type?: string;\n pipeline_id?: string;\n mcp_prompt?: string;\n input_mapping: Record<string, any>;\n execute_as?: string;\n enabled: boolean;\n}> {\n return form.subscriptions.map((s) => ({\n id: s.id,\n topic: s.topic,\n filter: s.filter ? tryParseJson(s.filter) : undefined,\n reaction_type: s.reaction_type,\n workflow_type: s.workflow_type || undefined,\n pipeline_id: s.pipeline_id || undefined,\n mcp_prompt: s.mcp_prompt || undefined,\n input_mapping: tryParseJson(s.input_mapping) ?? {},\n execute_as: s.execute_as || undefined,\n enabled: s.enabled,\n }));\n}\n\nfunction tryParseJson(s: string): Record<string, any> | undefined {\n if (!s.trim()) return undefined;\n try { return JSON.parse(s); } catch { return undefined; }\n}\n\nexport const sectionCls = 'section-header mt-[3em] first:mt-0';\nexport const labelCls = 'label';\nexport const hintCls = 'hint';\nexport const inputCls = 'input';\nexport const jsonCls = 'input-json w-full';\n","import { BookOpen } from 'lucide-react';\nimport type { AgentFormState } from './agent-form-types';\nimport { labelCls, hintCls, inputCls } from './agent-form-types';\n\ninterface Props {\n form: AgentFormState;\n set: (field: keyof AgentFormState, value: any) => void;\n}\n\nexport function IdentityStep({ form, set }: Props) {\n return (\n <div className=\"space-y-8\">\n <div className=\"border-l-2 border-accent/30 pl-3 py-1 flex items-start justify-between\">\n <p className=\"text-[12px] text-text-secondary italic leading-relaxed\">\n Give your agent a name and describe what it does. The name appears everywhere — in events, logs, and the dashboard.\n </p>\n <button onClick={() => { window.location.hash = '#docs:agents.md:identity'; }} className=\"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3\" title=\"Docs: Identity\"><BookOpen className=\"w-3 h-3\" strokeWidth={1.5} /></button>\n </div>\n\n <div>\n <label className={labelCls}>Name *</label>\n <input type=\"text\" value={form.name} onChange={(e) => set('name', e.target.value)} placeholder=\"health-monitor\" className={inputCls} />\n <p className={hintCls}>Lowercase, kebab-case. This appears everywhere.</p>\n </div>\n\n <div>\n <label className={labelCls}>Description</label>\n <input type=\"text\" value={form.description} onChange={(e) => set('description', e.target.value)} placeholder=\"Watches for workflow failures and captures diagnostics\" className={inputCls} />\n <p className={hintCls}>One sentence that explains what this agent does.</p>\n </div>\n </div>\n );\n}\n","import { BookOpen } from 'lucide-react';\nimport type { AgentFormState } from './agent-form-types';\nimport { labelCls, hintCls, inputCls } from './agent-form-types';\n\ninterface Props {\n form: AgentFormState;\n set: (field: keyof AgentFormState, value: any) => void;\n}\n\nexport function MotivationStep({ form, set }: Props) {\n return (\n <div className=\"space-y-8\">\n <div className=\"border-l-2 border-accent/30 pl-3 py-1 flex items-start justify-between\">\n <p className=\"text-[12px] text-text-secondary italic leading-relaxed\">\n Goals define what drives the agent. Rules define what constrains it. Together they give automation judgment.\n </p>\n <button onClick={() => { window.location.hash = '#docs:agents.md:motivation'; }} className=\"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3\" title=\"Docs: Motivation\"><BookOpen className=\"w-3 h-3\" strokeWidth={1.5} /></button>\n </div>\n\n <div className=\"grid grid-cols-2 gap-8\">\n <div>\n <label className={labelCls}>Goals</label>\n <textarea value={form.goals} onChange={(e) => set('goals', e.target.value)} placeholder=\"Detect failures early, capture diagnostics, alert before cascading\" rows={4} className={`${inputCls} resize-none`} />\n <p className={hintCls}>Primary motivation. What the agent is trying to achieve.</p>\n </div>\n <div>\n <label className={labelCls}>Rules</label>\n <textarea value={form.rules} onChange={(e) => set('rules', e.target.value)} placeholder=\"Never auto-restart failed workflows. Always escalate to humans.\" rows={4} className={`${inputCls} resize-none`} />\n <p className={hintCls}>Guardrails. What it must never do, even when goals suggest it should.</p>\n </div>\n </div>\n </div>\n );\n}\n","import { Brain, BookOpen } from 'lucide-react';\nimport { useListDomains } from '../../../api/knowledge';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport type { AgentFormState } from './agent-form-types';\nimport { labelCls, hintCls, inputCls } from './agent-form-types';\n\ninterface Props {\n form: AgentFormState;\n set: (field: keyof AgentFormState, value: any) => void;\n}\n\nexport function KnowledgeStep({ form, set }: Props) {\n const { data: domainData } = useListDomains();\n const domains = domainData?.domains ?? [];\n\n return (\n <div className=\"space-y-6\">\n <div className=\"border-l-2 border-accent/30 pl-3 py-1 flex items-start justify-between\">\n <p className=\"text-[12px] text-text-secondary italic leading-relaxed\">\n Assign a knowledge domain — the agent's memory. It stores context here over time, learning from every interaction.\n </p>\n <button onClick={() => { window.location.hash = '#docs:agents.md:knowledge'; }} className=\"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3\" title=\"Docs: Knowledge\"><BookOpen className=\"w-3 h-3\" strokeWidth={1.5} /></button>\n </div>\n\n <div>\n <label className={labelCls}>Knowledge Domain</label>\n <input\n type=\"text\"\n value={form.knowledge_domain}\n onChange={(e) => set('knowledge_domain', e.target.value)}\n placeholder=\"e.g., system-health, content-review, vendor-data\"\n className={inputCls}\n list=\"domain-suggestions\"\n />\n <datalist id=\"domain-suggestions\">\n {domains.map((d) => <option key={d.domain} value={d.domain} />)}\n </datalist>\n <p className={hintCls}>Choose an existing domain to share memory, or type a new name to create one.</p>\n </div>\n\n {domains.length > 0 && (\n <div>\n <label className={labelCls}>Existing Domains</label>\n <div className=\"space-y-0.5 mt-2\">\n {domains.map((d) => (\n <button\n key={d.domain}\n type=\"button\"\n onClick={() => set('knowledge_domain', d.domain)}\n className={`w-full flex items-center gap-3 px-3 py-2 rounded-md text-left transition-colors ${\n form.knowledge_domain === d.domain ? 'border-l-2 border-l-accent bg-accent/5' : 'hover:bg-surface-hover border-l-2 border-l-transparent'\n }`}\n >\n <Brain className=\"w-3.5 h-3.5 text-text-quaternary shrink-0\" strokeWidth={1.5} />\n <span className=\"text-sm text-text-primary flex-1\">{d.domain}</span>\n <span className=\"text-[10px] text-text-quaternary\">{d.count} entries</span>\n <span className=\"text-[9px] text-text-quaternary\"><DateValue date={d.latest} /></span>\n </button>\n ))}\n </div>\n </div>\n )}\n </div>\n );\n}\n","import { useState } from 'react';\nimport { Plus, Trash2, Radio, BookOpen } from 'lucide-react';\nimport { RunAsSelector } from '../../../components/common/form/RunAsSelector';\nimport { useWorkflowConfigs } from '../../../api/workflows';\nimport type { AgentFormState, SubscriptionFormState } from './agent-form-types';\nimport { EMPTY_SUBSCRIPTION, sectionCls, labelCls, hintCls, inputCls, jsonCls } from './agent-form-types';\n\nconst TOPIC_EXAMPLES = [\n 'workflow.failed',\n 'activity.failed',\n 'escalation.created',\n 'knowledge.stored',\n 'app.>',\n 'app.*.*.error',\n];\n\ninterface Props {\n form: AgentFormState;\n set: (field: keyof AgentFormState, value: any) => void;\n}\n\nexport function SubscriptionsStep({ form, set }: Props) {\n const { data: configs } = useWorkflowConfigs();\n const invocableWorkflows = (configs ?? []).filter((c: any) => c.invocable).map((c: any) => c.workflow_type);\n const [selected, setSelected] = useState(0);\n\n const updateSub = (index: number, field: keyof SubscriptionFormState, value: any) => {\n const next = [...form.subscriptions];\n next[index] = { ...next[index], [field]: value };\n set('subscriptions', next);\n };\n\n const addSub = () => {\n set('subscriptions', [...form.subscriptions, { ...EMPTY_SUBSCRIPTION }]);\n setSelected(form.subscriptions.length);\n };\n\n const removeSub = (index: number) => {\n set('subscriptions', form.subscriptions.filter((_, i) => i !== index));\n if (selected >= form.subscriptions.length - 1) setSelected(Math.max(0, form.subscriptions.length - 2));\n };\n\n const subs = form.subscriptions;\n const sub = subs[selected];\n const isComplete = (s: SubscriptionFormState) => !!s.topic && (s.reaction_type === 'durable' ? !!s.workflow_type : s.reaction_type === 'pipeline' ? !!s.pipeline_id : !!s.mcp_prompt);\n\n if (subs.length === 0) {\n return (\n <div className=\"max-w-xl\">\n <div className=\"border-l-2 border-accent/30 pl-3 py-1 flex items-start justify-between mb-8\">\n <p className=\"text-[12px] text-text-secondary italic leading-relaxed\">\n Optional. When a matching event is published, the agent runs the configured workflow with the event payload.\n </p>\n <button onClick={() => { window.location.hash = '#docs:agents.md:subscriptions'; }} className=\"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3\" title=\"Docs: Subscriptions\"><BookOpen className=\"w-3 h-3\" strokeWidth={1.5} /></button>\n </div>\n <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n <Radio className=\"w-8 h-8 text-text-quaternary/40 mb-3\" strokeWidth={1} />\n <p className=\"text-sm text-text-tertiary mb-2\">No event subscriptions yet</p>\n <p className=\"text-[11px] text-text-quaternary max-w-sm mb-6\">\n Each subscription listens for a topic pattern and runs a workflow when it matches.\n </p>\n <button onClick={addSub} className=\"flex items-center gap-2 text-xs text-accent hover:text-accent-hover transition-colors\">\n <Plus className=\"w-3.5 h-3.5\" /> Add first subscription\n </button>\n </div>\n </div>\n );\n }\n\n return (\n <div>\n <div className=\"border-l-2 border-accent/30 pl-3 py-1 flex items-start justify-between mb-6\">\n <p className=\"text-[12px] text-text-secondary italic leading-relaxed\">\n Optional. When a matching event is published, the agent runs the configured workflow with the event payload.\n </p>\n <button onClick={() => { window.location.hash = '#docs:agents.md:subscriptions'; }} className=\"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3\" title=\"Docs: Subscriptions\"><BookOpen className=\"w-3 h-3\" strokeWidth={1.5} /></button>\n </div>\n\n <div className=\"flex gap-8\">\n {/* Sub-index */}\n <div className=\"w-52 shrink-0 space-y-0.5\">\n {subs.map((s, i) => (\n <div key={i} className={`group/sub flex items-center rounded-md transition-colors ${\n selected === i ? 'bg-accent/10 text-accent' : 'text-text-tertiary hover:text-text-primary hover:bg-surface-hover'\n }`}>\n <button onClick={() => setSelected(i)} className=\"flex-1 text-left px-3 py-2 min-w-0\">\n <div className=\"flex items-center gap-1.5\">\n <span className={`w-1.5 h-1.5 rounded-full shrink-0 ${isComplete(s) ? 'bg-emerald-400' : 'bg-zinc-500'}`} />\n <span className=\"text-[11px] font-mono truncate\">{s.topic || 'new subscription'}</span>\n </div>\n <span className=\"text-[9px] text-text-quaternary ml-3\">→ {s.workflow_type || s.reaction_type}</span>\n </button>\n <button onClick={(e) => { e.stopPropagation(); if (confirm(`Remove subscription \"${s.topic || 'new'}\"?\\n\\nThis takes effect when you save.`)) removeSub(i); }} className=\"opacity-0 group-hover/sub:opacity-100 px-2 text-text-quaternary hover:text-red-400 transition-all\" title=\"Remove\">\n <Trash2 className=\"w-3 h-3\" />\n </button>\n </div>\n ))}\n <button onClick={addSub} className=\"w-full flex items-center gap-1.5 px-3 py-2 text-[11px] text-accent hover:text-accent-hover transition-colors\">\n <Plus className=\"w-3 h-3\" /> Add\n </button>\n </div>\n\n {/* Detail form */}\n {sub && (\n <div className=\"flex-1 min-w-0 space-y-12\">\n\n {/* When — topic + shortcut links */}\n <div>\n <label className={sectionCls}>When this event fires</label>\n <input type=\"text\" value={sub.topic} onChange={(e) => updateSub(selected, 'topic', e.target.value)} placeholder=\"workflow.failed\" className={`${inputCls} font-mono`} />\n <div className=\"flex gap-3 mt-2 overflow-x-auto\">\n {TOPIC_EXAMPLES.map((ex) => (\n <button key={ex} type=\"button\" onClick={() => updateSub(selected, 'topic', ex)}\n className={`text-[10px] font-mono whitespace-nowrap transition-colors ${sub.topic === ex ? 'text-accent font-medium' : 'text-accent/50 hover:text-accent'}`}\n >{ex}</button>\n ))}\n </div>\n </div>\n\n {/* Run this workflow + As identity + But only if — 3 col */}\n <div className=\"grid grid-cols-3 gap-6\">\n <div className=\"space-y-4\">\n <label className={sectionCls}>Run this workflow</label>\n <div className=\"flex gap-3\">\n {(['durable', 'pipeline', 'mcp_query'] as const).map((rt) => (\n <label key={rt} className=\"flex items-center gap-1 text-[11px] text-text-secondary cursor-pointer\">\n <input type=\"radio\" name=\"reaction\" checked={sub.reaction_type === rt} onChange={() => updateSub(selected, 'reaction_type', rt)} className=\"accent-accent w-3 h-3\" />\n {rt === 'durable' ? 'Workflow' : rt === 'pipeline' ? 'Pipeline' : 'MCP Query'}\n </label>\n ))}\n </div>\n {sub.reaction_type === 'durable' && (\n <div>\n <label className={labelCls}>Workflow *</label>\n <select value={sub.workflow_type} onChange={(e) => updateSub(selected, 'workflow_type', e.target.value)} className={inputCls}>\n <option value=\"\">Select...</option>\n {invocableWorkflows.map((wt: string) => <option key={wt} value={wt}>{wt}</option>)}\n </select>\n </div>\n )}\n {sub.reaction_type === 'pipeline' && (\n <div>\n <label className={labelCls}>Pipeline ID *</label>\n <input type=\"text\" value={sub.pipeline_id} onChange={(e) => updateSub(selected, 'pipeline_id', e.target.value)} placeholder=\"UUID\" className={`${inputCls} font-mono text-xs`} />\n </div>\n )}\n {sub.reaction_type === 'mcp_query' && (\n <div>\n <label className={labelCls}>Prompt *</label>\n <textarea value={sub.mcp_prompt} onChange={(e) => updateSub(selected, 'mcp_prompt', e.target.value)} placeholder=\"Analyze the error...\" rows={2} className={`${inputCls} resize-none`} />\n </div>\n )}\n </div>\n <div>\n <label className={sectionCls}>As identity</label>\n <RunAsSelector selected={sub.execute_as} onChange={(v) => updateSub(selected, 'execute_as', v)} />\n <p className={hintCls}>Identity used when invoking the workflow.</p>\n </div>\n <div>\n <label className={sectionCls}>But only if</label>\n <input type=\"text\" value={sub.filter} onChange={(e) => updateSub(selected, 'filter', e.target.value)} placeholder=\"No filter (all matching events)\" className={`${inputCls} font-mono text-xs`} />\n <p className={hintCls}>JSON filter against event.data, e.g. {`{\"status\": 422}`}</p>\n </div>\n </div>\n\n {/* Input Mapping full width */}\n <div>\n <label className={sectionCls}>With this data</label>\n <textarea value={sub.input_mapping} onChange={(e) => updateSub(selected, 'input_mapping', e.target.value)} rows={10} className={jsonCls} placeholder={'{\\n \"data\": {\\n \"orderId\": \"{event.data.orderId}\",\\n \"error\": \"{event.data.error}\"\\n }\\n}'} />\n <p className={hintCls}>Maps event fields to workflow input. {'{event.data.fieldName}'} resolves at runtime.</p>\n </div>\n </div>\n )}\n </div>\n </div>\n );\n}\n","import { useState } from 'react';\nimport { Plus, Trash2, Clock, BookOpen } from 'lucide-react';\nimport { RunAsSelector } from '../../../components/common/form/RunAsSelector';\nimport { useWorkflowConfigs } from '../../../api/workflows';\nimport { useYamlWorkflows } from '../../../api/yaml-workflows';\nimport type { AgentFormState, ScheduleFormState } from './agent-form-types';\nimport { EMPTY_SCHEDULE, sectionCls, labelCls, hintCls, inputCls, jsonCls } from './agent-form-types';\n\nconst CRON_PRESETS = [\n '*/5 * * * *',\n '*/15 * * * *',\n '0 * * * *',\n '0 */4 * * *',\n '0 7 * * *',\n '0 9 * * 1-5',\n];\n\nfunction describeCron(expr: string): string {\n const m: Record<string, string> = {\n '* * * * *': 'Every minute',\n '*/5 * * * *': 'Every 5 min',\n '*/15 * * * *': 'Every 15 min',\n '0 * * * *': 'Hourly',\n '0 */4 * * *': 'Every 4 hours',\n '0 7 * * *': 'Daily 7 AM UTC',\n '0 9 * * 1-5': 'Weekdays 9 AM UTC',\n '0 0 * * 1': 'Weekly Monday',\n };\n return m[expr] || expr;\n}\n\ninterface Props {\n form: AgentFormState;\n set: (field: keyof AgentFormState, value: any) => void;\n}\n\nexport function ScheduleStep({ form, set }: Props) {\n const { data: configs } = useWorkflowConfigs();\n const invocableWorkflows = (configs ?? []).filter((c: any) => c.invocable).map((c: any) => c.workflow_type);\n const { data: pipelineData } = useYamlWorkflows({ status: 'active' });\n const pipelines = (pipelineData?.workflows ?? []).map((w: any) => ({ id: w.id, name: w.graph_topic || w.id }));\n const [selected, setSelected] = useState(0);\n\n const updateSched = (index: number, field: keyof ScheduleFormState, value: any) => {\n const next = [...form.schedules];\n next[index] = { ...next[index], [field]: value };\n set('schedules', next);\n };\n\n const addSched = () => {\n set('schedules', [...form.schedules, { ...EMPTY_SCHEDULE }]);\n setSelected(form.schedules.length);\n };\n\n const removeSched = (index: number) => {\n set('schedules', form.schedules.filter((_: any, i: number) => i !== index));\n if (selected >= form.schedules.length - 1) setSelected(Math.max(0, form.schedules.length - 2));\n };\n\n const scheds = form.schedules;\n const sched = scheds[selected];\n\n if (scheds.length === 0) {\n return (\n <div>\n <div className=\"border-l-2 border-accent/30 pl-3 py-1 mb-8 flex items-start justify-between\">\n <p className=\"text-[12px] text-text-secondary italic leading-relaxed\">\n Optional. Each schedule runs a workflow on a cron timer.\n </p>\n <button onClick={() => { window.location.hash = '#docs:agents.md:schedule'; }} className=\"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3\" title=\"Docs: Schedule\"><BookOpen className=\"w-3 h-3\" strokeWidth={1.5} /></button>\n </div>\n <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n <Clock className=\"w-8 h-8 text-text-quaternary/40 mb-3\" strokeWidth={1} />\n <p className=\"text-sm text-text-tertiary mb-2\">No schedules</p>\n <p className=\"text-[11px] text-text-quaternary max-w-sm mb-6\">\n Add a schedule to run a workflow on a recurring cron timer.\n </p>\n <button onClick={addSched} className=\"flex items-center gap-2 text-xs text-accent hover:text-accent-hover transition-colors\">\n <Plus className=\"w-3.5 h-3.5\" /> Add schedule\n </button>\n </div>\n </div>\n );\n }\n\n return (\n <div>\n <div className=\"border-l-2 border-accent/30 pl-3 py-1 mb-6 flex items-start justify-between\">\n <p className=\"text-[12px] text-text-secondary italic leading-relaxed\">\n Each schedule runs a workflow on a timer. An agent can have multiple schedules targeting different workflows.\n </p>\n <button onClick={() => { window.location.hash = '#docs:agents.md:schedule'; }} className=\"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3\" title=\"Docs: Schedule\"><BookOpen className=\"w-3 h-3\" strokeWidth={1.5} /></button>\n </div>\n\n <div className=\"flex gap-8\">\n {/* Sub-index */}\n <div className=\"w-48 shrink-0 space-y-0.5\">\n {scheds.map((s, i) => (\n <div key={i} className={`group/sched flex items-center rounded-md transition-colors ${\n selected === i ? 'bg-accent/10 text-accent' : 'text-text-tertiary hover:text-text-primary hover:bg-surface-hover'\n }`}>\n <button onClick={() => setSelected(i)} className=\"flex-1 text-left px-3 py-2 min-w-0\">\n <span className=\"text-[11px] font-mono block\">{s.cron || 'new schedule'}</span>\n <span className=\"text-[9px] text-text-quaternary\">{(s.reaction_type === 'pipeline' ? s.pipeline_id : s.workflow_type) || 'no target'} · {describeCron(s.cron)}</span>\n </button>\n <button onClick={(e) => { e.stopPropagation(); if (confirm(`Remove schedule \"${s.cron || 'new'}\"?\\n\\nThis takes effect when you save.`)) removeSched(i); }} className=\"opacity-0 group-hover/sched:opacity-100 px-2 text-text-quaternary hover:text-red-400 transition-all\" title=\"Remove\">\n <Trash2 className=\"w-3 h-3\" />\n </button>\n </div>\n ))}\n <button onClick={addSched} className=\"w-full flex items-center gap-1.5 px-3 py-2 text-[11px] text-accent hover:text-accent-hover transition-colors\">\n <Plus className=\"w-3 h-3\" /> Add\n </button>\n </div>\n\n {/* Detail form */}\n {sched && (\n <div className=\"flex-1 min-w-0 space-y-12\">\n\n {/* Every — cron + presets */}\n <div>\n <label className={sectionCls}>Run every</label>\n <input type=\"text\" value={sched.cron} onChange={(e) => updateSched(selected, 'cron', e.target.value)} placeholder=\"0 * * * *\" className={`${inputCls} font-mono`} />\n {sched.cron && <p className=\"text-[11px] text-accent/80 mt-1\">{describeCron(sched.cron)}</p>}\n <div className=\"flex gap-3 mt-2 overflow-x-auto\">\n {CRON_PRESETS.map((p) => (\n <button key={p} type=\"button\" onClick={() => updateSched(selected, 'cron', p)}\n className={`text-[10px] font-mono whitespace-nowrap transition-colors ${sched.cron === p ? 'text-accent font-medium' : 'text-accent/50 hover:text-accent'}`}\n >{describeCron(p)}</button>\n ))}\n </div>\n </div>\n\n {/* Run this workflow + As identity — 2 col */}\n <div className=\"grid grid-cols-2 gap-6\">\n <div className=\"space-y-4\">\n <label className={sectionCls}>Run this workflow</label>\n <div className=\"flex gap-3\">\n {(['durable', 'pipeline'] as const).map((rt) => (\n <label key={rt} className=\"flex items-center gap-1 text-[11px] text-text-secondary cursor-pointer\">\n <input type=\"radio\" name={`sched-reaction-${selected}`} checked={sched.reaction_type === rt} onChange={() => updateSched(selected, 'reaction_type', rt)} className=\"accent-accent w-3 h-3\" />\n {rt === 'durable' ? 'Workflow' : 'Pipeline'}\n </label>\n ))}\n </div>\n {sched.reaction_type === 'pipeline' ? (\n <div>\n <label className={labelCls}>Pipeline *</label>\n <select value={sched.pipeline_id} onChange={(e) => updateSched(selected, 'pipeline_id', e.target.value)} className={inputCls}>\n <option value=\"\">Select...</option>\n {pipelines.map((p: { id: string; name: string }) => <option key={p.id} value={p.id}>{p.name}</option>)}\n </select>\n <p className={hintCls}>YAML pipeline invoked on each cron tick.</p>\n </div>\n ) : (\n <div>\n <label className={labelCls}>Workflow *</label>\n <select value={sched.workflow_type} onChange={(e) => updateSched(selected, 'workflow_type', e.target.value)} className={inputCls}>\n <option value=\"\">Select...</option>\n {invocableWorkflows.map((wt: string) => <option key={wt} value={wt}>{wt}</option>)}\n </select>\n <p className={hintCls}>Invoked on each cron tick.</p>\n </div>\n )}\n </div>\n <div>\n <label className={sectionCls}>As identity</label>\n <RunAsSelector selected={sched.execute_as} onChange={(v) => updateSched(selected, 'execute_as', v)} />\n <p className={hintCls}>Identity used when invoking.</p>\n </div>\n </div>\n\n {/* Envelope */}\n <div>\n <label className={sectionCls}>With this data</label>\n <textarea value={sched.envelope} onChange={(e) => updateSched(selected, 'envelope', e.target.value)} rows={10} className={jsonCls} placeholder={'{\\n \"data\": { \"source\": \"cron\" }\\n}'} />\n <p className={hintCls}>Static payload passed to the workflow on each invocation.</p>\n </div>\n </div>\n )}\n </div>\n </div>\n );\n}\n","import { Bot, Compass, Brain, Radio, Clock } from 'lucide-react';\nimport { EventTopicPill } from '../../../components/common/display/EventTopicPill';\nimport { CronLabel } from '../../../components/common/display/CronLabel';\nimport { WorkflowPill } from '../../../components/common/display/WorkflowPill';\nimport type { AgentFormState } from './agent-form-types';\n\ninterface Props {\n form: AgentFormState;\n}\n\nfunction Section({ icon: Icon, color, title, children }: { icon: React.ElementType; color: string; title: string; children: React.ReactNode }) {\n return (\n <div className=\"mb-10\">\n <div className=\"flex items-center gap-2 mb-2 pb-1.5 border-b border-surface-border/40\">\n <Icon className={`w-3.5 h-3.5 ${color}`} strokeWidth={1.5} />\n <h3 className=\"text-xs font-semibold uppercase tracking-widest text-accent/80\">{title}</h3>\n </div>\n <div className=\"pl-5.5\">{children}</div>\n </div>\n );\n}\n\nfunction Field({ label, children }: { label: string; children: React.ReactNode }) {\n return (\n <div className=\"flex gap-3 py-0.5\">\n <span className=\"text-[10px] text-text-quaternary w-20 shrink-0\">{label}</span>\n <span className=\"text-xs text-text-primary\">{children}</span>\n </div>\n );\n}\n\nexport function ReviewStep({ form }: Props) {\n return (\n <div>\n <Section icon={Bot} color=\"text-accent\" title=\"Identity\">\n <Field label=\"Name\">{form.name || '—'}</Field>\n {form.description && <Field label=\"Description\">{form.description}</Field>}\n </Section>\n\n {(form.goals || form.rules) && (\n <Section icon={Compass} color=\"text-rose-400\" title=\"Motivation\">\n {form.goals && <Field label=\"Goals\">{form.goals}</Field>}\n {form.rules && <Field label=\"Rules\">{form.rules}</Field>}\n </Section>\n )}\n\n <Section icon={Brain} color=\"text-emerald-400\" title=\"Knowledge\">\n <Field label=\"Domain\">{form.knowledge_domain || 'None'}</Field>\n </Section>\n\n {/* Subscriptions + Schedule side by side */}\n <div className=\"grid grid-cols-2 gap-x-10\">\n <Section icon={Radio} color=\"text-cyan-400\" title={`Subscriptions (${form.subscriptions.length})`}>\n {form.subscriptions.length === 0 ? (\n <span className=\"text-[11px] text-text-quaternary\">None configured</span>\n ) : (\n <div className=\"divide-y divide-surface-border/30\">\n {form.subscriptions.map((sub, i) => (\n <div key={i} className=\"flex items-center py-1.5\">\n <div className=\"flex-1 min-w-0\"><EventTopicPill topic={sub.topic || 'unset'} /></div>\n <div className=\"flex items-center gap-1.5 shrink-0\"><span className=\"text-text-quaternary text-[10px]\">→</span>{sub.workflow_type ? <WorkflowPill type={sub.workflow_type} /> : <span className=\"text-[11px] text-text-quaternary\">{sub.reaction_type}</span>}</div>\n </div>\n ))}\n </div>\n )}\n </Section>\n\n <Section icon={Clock} color=\"text-amber-400\" title={`Schedules (${form.schedules.length})`}>\n {form.schedules.length === 0 ? (\n <span className=\"text-[11px] text-text-quaternary\">None configured</span>\n ) : (\n <div className=\"divide-y divide-surface-border/30\">\n {form.schedules.map((s, i) => (\n <div key={i} className=\"flex items-center py-1.5\">\n <div className=\"flex-1 min-w-0\"><CronLabel cron={s.cron} /></div>\n <div className=\"flex items-center gap-1.5 shrink-0\"><span className=\"text-text-quaternary text-[10px]\">→</span>{s.workflow_type ? <WorkflowPill type={s.workflow_type} /> : <span className=\"text-[11px] text-text-quaternary\">no workflow</span>}</div>\n </div>\n ))}\n </div>\n )}\n </Section>\n </div>\n\n <div className=\"border-l-2 border-emerald-400/30 pl-3 py-2 mt-6\">\n <p className=\"text-[11px] text-text-tertiary leading-relaxed\">\n After saving, subscriptions and schedules activate immediately. You can pause the agent anytime.\n </p>\n </div>\n </div>\n );\n}\n","import { useState, useEffect, useCallback } from 'react';\nimport { useParams, useNavigate, useSearchParams } from 'react-router-dom';\nimport {\n Bot, Brain, Radio, Clock, Check, Compass,\n} from 'lucide-react';\nimport { useAgent, useCreateAgent, useUpdateAgent } from '../../../api/agents';\nimport { useAgentSubscriptions, useCreateSubscription, useUpdateSubscription, useDeleteSubscription } from '../../../api/agent-subscriptions';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport {\n EMPTY_FORM,\n agentToForm,\n formToAgentPayload,\n formToSubscriptionPayloads,\n} from './agent-form-types';\nimport type { AgentFormState } from './agent-form-types';\nimport { IdentityStep } from './IdentityStep';\nimport { MotivationStep } from './MotivationStep';\nimport { KnowledgeStep } from './KnowledgeStep';\nimport { SubscriptionsStep } from './SubscriptionsStep';\nimport { ScheduleStep } from './ScheduleStep';\nimport { ReviewStep } from './ReviewStep';\n\nconst SECTIONS = [\n { id: 1, label: 'Identity', icon: Bot },\n { id: 2, label: 'Motivation', icon: Compass },\n { id: 3, label: 'Knowledge', icon: Brain },\n { id: 4, label: 'Subscriptions', icon: Radio },\n { id: 5, label: 'Schedules', icon: Clock },\n { id: 6, label: 'Review', icon: Check },\n];\n\nexport function AgentConfigPage() {\n const { id } = useParams<{ id: string }>();\n const isNew = !id;\n const navigate = useNavigate();\n const { data: existing, isLoading } = useAgent(isNew ? null : id!);\n const { data: subsData } = useAgentSubscriptions(isNew ? null : id!);\n\n const createAgent = useCreateAgent();\n const updateAgent = useUpdateAgent();\n const createSub = useCreateSubscription();\n const updateSub = useUpdateSubscription();\n const deleteSub = useDeleteSubscription();\n\n const [form, setForm] = useState<AgentFormState>(EMPTY_FORM);\n const [initialized, setInitialized] = useState(false);\n const [saveError, setSaveError] = useState('');\n\n const [searchParams, setSearchParams] = useSearchParams();\n const section = parseInt(searchParams.get('step') || '1', 10);\n const setSection = useCallback((s: number) => {\n setSearchParams((prev) => {\n const next = new URLSearchParams(prev);\n next.set('step', String(s));\n return next;\n }, { replace: true });\n }, [setSearchParams]);\n\n useEffect(() => {\n if (initialized) return;\n if (isNew) { setForm(EMPTY_FORM); setInitialized(true); return; }\n if (existing && subsData) {\n setForm(agentToForm(existing, subsData.subscriptions ?? []));\n setInitialized(true);\n }\n }, [existing, subsData, isNew, initialized]);\n\n const set = (field: keyof AgentFormState, value: any) =>\n setForm((f) => ({ ...f, [field]: value }));\n\n const handleSave = async () => {\n setSaveError('');\n try {\n const payload = formToAgentPayload(form);\n let agentId = id;\n\n if (isNew) {\n const created = await createAgent.mutateAsync(payload as any);\n agentId = created.id;\n } else {\n await updateAgent.mutateAsync({ id: id!, ...payload } as any);\n }\n\n const subPayloads = formToSubscriptionPayloads(form);\n const existingSubs = subsData?.subscriptions ?? [];\n const existingIds = new Set(existingSubs.map((s) => s.id));\n\n for (const sub of subPayloads) {\n if (sub.id && existingIds.has(sub.id)) {\n const { id: subId, ...rest } = sub;\n await updateSub.mutateAsync({ agentId: agentId!, subId: subId!, ...rest } as any);\n existingIds.delete(subId!);\n } else {\n const { id: _ignored, ...rest } = sub;\n await createSub.mutateAsync({ agentId: agentId!, ...rest } as any);\n }\n }\n\n for (const removedId of existingIds) {\n await deleteSub.mutateAsync({ agentId: agentId!, subId: removedId });\n }\n\n navigate(`/agents/${agentId}`);\n } catch (err: any) {\n setSaveError(err.message);\n }\n };\n\n if (!isNew && isLoading) {\n return <div className=\"animate-pulse space-y-4\"><div className=\"h-8 bg-surface-sunken rounded w-48\" /><div className=\"h-60 bg-surface-sunken rounded\" /></div>;\n }\n\n const isPending = createAgent.isPending || updateAgent.isPending;\n\n return (\n <div>\n <PageHeader\n title={isNew ? 'New Agent' : `Agent: ${existing?.name ?? ''}`}\n docsHash=\"#docs:agents.md\"\n />\n\n <div className=\"flex gap-10\">\n {/* Section nav — sticky left sidebar */}\n <nav className=\"w-44 shrink-0 sticky top-0 self-start pt-2\">\n <div className=\"space-y-0.5\">\n {SECTIONS.map((s) => {\n const Icon = s.icon;\n const active = section === s.id;\n return (\n <button\n key={s.id}\n onClick={() => setSection(s.id)}\n className={`w-full flex items-center gap-2.5 px-3 py-2 rounded-md text-left transition-colors ${\n active\n ? 'bg-accent/10 text-accent'\n : 'text-text-tertiary hover:text-text-primary hover:bg-surface-hover'\n }`}\n >\n <Icon className=\"w-3.5 h-3.5 shrink-0\" strokeWidth={1.5} />\n <span className=\"text-xs font-medium\">{s.label}</span>\n </button>\n );\n })}\n </div>\n\n {/* Save / Cancel — always visible */}\n <div className=\"mt-8 pt-4 border-t border-surface-border space-y-2\">\n <button\n onClick={handleSave}\n disabled={!form.name.trim() || isPending}\n className=\"w-full btn-primary text-xs disabled:opacity-50\"\n >\n {isPending ? 'Saving...' : isNew ? 'Create Agent' : 'Save'}\n </button>\n <button\n onClick={() => navigate(isNew ? '/agents' : `/agents/${id}`)}\n className=\"w-full btn-ghost text-xs\"\n >\n Cancel\n </button>\n </div>\n\n {saveError && <p className=\"text-xs text-status-error mt-3\">{saveError}</p>}\n </nav>\n\n {/* Section content */}\n <div className=\"flex-1 min-w-0 pt-2\">\n {section === 1 && <IdentityStep form={form} set={set} />}\n {section === 2 && <MotivationStep form={form} set={set} />}\n {section === 3 && <KnowledgeStep form={form} set={set} />}\n {section === 4 && <SubscriptionsStep form={form} set={set} />}\n {section === 5 && <ScheduleStep form={form} set={set} />}\n {section === 6 && <ReviewStep form={form} />}\n </div>\n </div>\n </div>\n );\n}\n"],"names":["EMPTY_FORM","EMPTY_SUBSCRIPTION","EMPTY_SCHEDULE","agentToForm","agent","subscriptions","schedules","_b","_a","s","_c","formToAgentPayload","form","behaviors","tryParseJson","formToSubscriptionPayloads","sectionCls","labelCls","hintCls","inputCls","jsonCls","IdentityStep","set","jsxs","jsx","BookOpen","e","MotivationStep","KnowledgeStep","domainData","useListDomains","domains","d","Brain","DateValue","TOPIC_EXAMPLES","SubscriptionsStep","configs","useWorkflowConfigs","invocableWorkflows","c","selected","setSelected","useState","updateSub","index","field","value","next","addSub","removeSub","_","i","subs","sub","isComplete","Radio","Plus","Trash2","ex","rt","wt","RunAsSelector","v","CRON_PRESETS","describeCron","expr","ScheduleStep","pipelineData","useYamlWorkflows","pipelines","w","updateSched","addSched","removeSched","scheds","sched","Clock","p","Section","Icon","color","title","children","Field","label","ReviewStep","Bot","Compass","EventTopicPill","WorkflowPill","CronLabel","SECTIONS","Check","AgentConfigPage","id","useParams","isNew","navigate","useNavigate","existing","isLoading","useAgent","subsData","useAgentSubscriptions","createAgent","useCreateAgent","updateAgent","useUpdateAgent","createSub","useCreateSubscription","useUpdateSubscription","deleteSub","useDeleteSubscription","setForm","initialized","setInitialized","saveError","setSaveError","searchParams","setSearchParams","useSearchParams","section","setSection","useCallback","prev","useEffect","f","handleSave","payload","agentId","subPayloads","existingSubs","existingIds","subId","rest","_ignored","removedId","err","isPending","PageHeader","active"],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{j as e,a as v}from"./vendor-query-B2UbickB.js";import{a as q,b as _,c as T}from"./agents-5APoyRH8.js";import{u as B,C}from"./CronLabel-CAVTt5AG.js";import{i as D}from"./useEventHooks-DBMdj9vw.js";import{u as R,N as W}from"./index-oGYUhkFa.js";import{E as A}from"./EventTopicPill-BUxxvpNg.js";import{W as y}from"./WorkflowPill-BbgVTGgI.js";import{a as L,B as z,D as I,P as K,aA as M,m as U,aB as F,R as $,a1 as H,d as G,aC as J}from"./vendor-icons-E6836lXZ.js";import{e as O,c as X}from"./vendor-react-CX88sFS5.js";function Y(a){return new Date(a).toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit"})}function x({icon:a,color:r,children:t,actions:d}){return e.jsxs("div",{className:"flex items-center justify-between mb-3 pb-2 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a,{className:`w-4 h-4 ${r}`,strokeWidth:1.5}),e.jsx("h2",{className:"text-xs font-semibold uppercase tracking-widest text-accent/80",children:t})]}),d]})}function g({text:a}){return e.jsx("p",{className:"text-[11px] text-text-quaternary py-2",children:a})}let Q=0;function V(a){const[r,t]=v.useState([]),[d,o]=v.useState(!1),m=v.useCallback(i=>{var u,h,n;if((u=i.type)!=null&&u.startsWith("mesh.")||a&&i.workflowName!==a)return;const p=i.activityName||((h=i.data)==null?void 0:h.domain)||((n=i.workflowId)==null?void 0:n.slice(0,16))||"";t(j=>[{id:++Q,type:i.type,timestamp:i.timestamp,label:p},...j].slice(0,10)),o(!0),setTimeout(()=>o(!1),2e3)},[a]);return R(`${W}.>`,m),{events:r,pulse:d}}function le(){var N,b,w,k;const{id:a}=O(),r=X(),{data:t,isLoading:d}=q(a??null),{data:o}=B(a??null),m=_(),i=T(),{events:p,pulse:u}=V((t==null?void 0:t.workflow_type)??void 0);if(D(),d)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-40 bg-surface-sunken rounded"})]});if(!t)return e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx(L,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"text-lg font-medium text-text-primary mb-2",children:"Agent not found"}),e.jsx("button",{onClick:()=>r("/agents"),className:"text-sm text-accent hover:text-accent-hover transition-colors",children:"Back to agents"})]});const h=t.status==="active"?"bg-emerald-400":t.status==="paused"?"bg-amber-400":t.status==="error"?"bg-red-400":"bg-zinc-500",n=(o==null?void 0:o.subscriptions)??[],j=t.status==="active"?"Active":t.status==="paused"?"Paused":t.status==="error"?"Error":"Inactive",c=(N=t.behaviors)==null?void 0:N.schedules,f=(b=t.behaviors)==null?void 0:b.cron,l=(c==null?void 0:c.length)||(f?1:0),S=()=>{const s=[`Pause "${t.name}"?`,"","This will:",n.length>0?`• Stop ${n.length} event subscription${n.length!==1?"s":""}`:null,l>0?`• Stop ${l} schedule${l!==1?"s":""}`:null,"","Knowledge and workflow history are preserved. You can reactivate anytime."].filter(Boolean).join(`
|
|
2
|
+
`);confirm(s)&&m.mutate({id:t.id,status:"paused"})},E=()=>{const s=[`Delete "${t.name}"?`,"","This permanently removes:","• The agent configuration",n.length>0?`• ${n.length} event subscription${n.length!==1?"s":""}`:null,l>0?`• ${l} schedule${l!==1?"s":""}`:null,"","Knowledge entries and workflow history are preserved."].filter(Boolean).join(`
|
|
3
|
+
`);confirm(s)&&i.mutate(t.id,{onSuccess:()=>r("/agents")})};return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-start justify-between mb-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("h1",{className:"text-3xl font-light text-text-primary",children:["Agent: ",t.name]}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:agents.md"},className:"text-text-quaternary hover:text-accent transition-colors mt-1",title:"Agent docs",children:e.jsx(z,{className:"w-4 h-4",strokeWidth:1.5})})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("div",{className:"flex items-center gap-1.5 mr-2",children:[e.jsx("span",{className:`w-2 h-2 rounded-full ${h}`}),e.jsx("span",{className:"text-xs text-text-secondary capitalize",children:j})]}),e.jsxs("button",{onClick:()=>r(`/agents/${t.id}/edit`),className:"flex items-center gap-1.5 px-4 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors",children:[e.jsx(I,{className:"w-3 h-3"})," Edit"]}),t.status!=="active"&&e.jsxs("button",{onClick:()=>m.mutate({id:t.id,status:"active"}),className:"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md text-emerald-400 hover:bg-emerald-600/10 transition-colors",children:[e.jsx(K,{className:"w-3 h-3"})," Activate"]}),t.status==="active"&&e.jsxs("button",{onClick:S,className:"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md text-text-tertiary hover:text-text-primary hover:bg-surface-hover transition-colors",children:[e.jsx(M,{className:"w-3 h-3"})," Pause"]}),e.jsxs("button",{onClick:E,className:"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md text-red-400/60 hover:text-red-400 hover:bg-red-600/10 transition-colors",children:[e.jsx(U,{className:"w-3 h-3"})," Delete"]})]})]}),t.description&&e.jsx("div",{className:"border-l-2 border-accent/30 pl-4 py-1 mb-10",children:e.jsx("p",{className:"text-[13px] text-text-secondary italic leading-relaxed",children:t.description})}),(t.goals||t.rules)&&e.jsxs("div",{className:"mb-10",children:[e.jsx(x,{icon:F,color:"text-rose-400",children:"Motivation"}),e.jsxs("div",{className:"grid grid-cols-2 gap-x-14 bg-surface-sunken/20 rounded-lg px-5 py-4",children:[t.goals&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] text-text-quaternary uppercase tracking-widest mb-1.5",children:"Goals"}),e.jsx("p",{className:"text-[13px] text-text-primary leading-relaxed",children:t.goals})]}),t.rules&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] text-text-quaternary uppercase tracking-widest mb-1.5",children:"Rules"}),e.jsx("p",{className:"text-[13px] text-text-primary leading-relaxed",children:t.rules})]})]})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-x-14 gap-y-10",children:[e.jsxs("div",{children:[e.jsxs(x,{icon:$,color:"text-cyan-400",children:["Subscriptions (",n.length,")"]}),n.length===0?e.jsx(g,{text:"No event subscriptions"}):e.jsx("div",{className:"divide-y divide-surface-border/30",children:n.map(s=>e.jsxs("div",{className:"flex items-center py-2",children:[e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx(A,{topic:s.topic})}),e.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[e.jsx("span",{className:"text-text-quaternary text-[10px]",children:"→"}),e.jsx(y,{type:s.workflow_type||"mcp-query",variant:s.reaction_type==="pipeline"?"pipeline":"durable"})]})]},s.id))})]}),e.jsxs("div",{children:[e.jsxs(x,{icon:H,color:"text-amber-400",children:["Schedules (",l,")"]}),c!=null&&c.length?e.jsx("div",{className:"divide-y divide-surface-border/30",children:c.map((s,P)=>e.jsxs("div",{className:"flex items-center py-2",children:[e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx(C,{cron:s.cron})}),e.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[e.jsx("span",{className:"text-text-quaternary text-[10px]",children:"→"}),e.jsx(y,{type:s.workflow_type||"workflow"})]})]},P))}):f?e.jsxs("div",{className:"flex items-center py-1",children:[e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx(C,{cron:f})}),t.workflow_type&&e.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[e.jsx("span",{className:"text-text-quaternary text-[10px]",children:"→"}),e.jsx(y,{type:t.workflow_type})]})]}):e.jsx(g,{text:"No schedules configured"})]}),e.jsxs("div",{className:"space-y-10",children:[e.jsxs("div",{children:[e.jsx(x,{icon:G,color:"text-emerald-400",children:"Knowledge"}),t.knowledge_domain?e.jsxs("button",{onClick:()=>r(`/knowledge?domain=${t.knowledge_domain}`),className:"group text-left flex items-center gap-3",children:[e.jsx("span",{className:"text-sm font-mono text-text-primary group-hover:text-accent transition-colors",children:t.knowledge_domain}),e.jsxs("span",{className:"text-[10px] text-text-quaternary",children:[((k=(w=t.stats)==null?void 0:w.knowledge_count)==null?void 0:k.toLocaleString())??0," entries"]}),e.jsx(J,{className:"w-3 h-3 text-accent opacity-0 group-hover:opacity-100 transition-opacity"})]}):e.jsx(g,{text:"No knowledge domain"})]}),e.jsxs("div",{children:[e.jsx(x,{icon:$,color:"text-cyan-400",actions:e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`w-1.5 h-1.5 rounded-full transition-colors duration-500 ${u?"bg-emerald-400":"bg-zinc-600"}`}),e.jsx("span",{className:"text-[10px] text-text-quaternary",children:"live"})]}),children:"Activity"}),p.length===0?e.jsx(g,{text:"Events appear here as the agent runs"}):e.jsx("div",{className:"space-y-1.5",children:p.map(s=>e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-0.5",children:[e.jsx("span",{className:"text-[11px] text-text-primary font-mono truncate flex-1",children:s.label||"—"}),e.jsx("span",{className:"text-[10px] text-text-quaternary shrink-0 ml-2",children:Y(s.timestamp)})]}),e.jsx(A,{topic:s.type})]},s.id))})]})]})]})]})}export{le as AgentDetailPage};
|
|
4
|
+
//# sourceMappingURL=AgentDetailPage-DMS46nYY.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AgentDetailPage-DMS46nYY.js","sources":["../../src/pages/agents/AgentDetailPage.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport {\n Bot, Play, Pause, Trash2, ArrowRight, Pencil, BookOpen,\n Radio, Clock, Brain, Compass,\n} from 'lucide-react';\nimport { useAgent, useUpdateAgent, useDeleteAgent } from '../../api/agents';\nimport { useAgentSubscriptions } from '../../api/agent-subscriptions';\nimport { useAgentEvents } from '../../hooks/useEventHooks';\nimport { useEventSubscription } from '../../hooks/useEventContext';\nimport { NATS_SUBJECT_PREFIX } from '../../lib/nats/config';\nimport { EventTopicPill } from '../../components/common/display/EventTopicPill';\nimport { CronLabel } from '../../components/common/display/CronLabel';\nimport { WorkflowPill } from '../../components/common/display/WorkflowPill';\n\n// ── Helpers ─────────────────────────────────────────────────────────────────\n\nfunction formatTime(iso: string): string {\n return new Date(iso).toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit', second: '2-digit' });\n}\n\nfunction SectionHeader({ icon: Icon, color, children, actions }: { icon: React.ElementType; color: string; children: React.ReactNode; actions?: React.ReactNode }) {\n return (\n <div className=\"flex items-center justify-between mb-3 pb-2 border-b border-surface-border\">\n <div className=\"flex items-center gap-2\">\n <Icon className={`w-4 h-4 ${color}`} strokeWidth={1.5} />\n <h2 className=\"text-xs font-semibold uppercase tracking-widest text-accent/80\">{children}</h2>\n </div>\n {actions}\n </div>\n );\n}\n\nfunction EmptyHint({ text }: { text: string }) {\n return <p className=\"text-[11px] text-text-quaternary py-2\">{text}</p>;\n}\n\n// ── Live feed ───────────────────────────────────────────────────────────────\n\ninterface FeedEvent { id: number; type: string; timestamp: string; label: string; }\nlet feedCounter = 0;\n\nfunction useAgentFeed(workflowName?: string) {\n const [events, setEvents] = useState<FeedEvent[]>([]);\n const [pulse, setPulse] = useState(false);\n const handler = useCallback((event: any) => {\n if (event.type?.startsWith('mesh.')) return;\n if (workflowName && event.workflowName !== workflowName) return;\n const label = event.activityName || event.data?.domain || event.workflowId?.slice(0, 16) || '';\n setEvents((prev) => [{ id: ++feedCounter, type: event.type, timestamp: event.timestamp, label }, ...prev].slice(0, 10));\n setPulse(true);\n setTimeout(() => setPulse(false), 2000);\n }, [workflowName]);\n useEventSubscription(`${NATS_SUBJECT_PREFIX}.>`, handler);\n return { events, pulse };\n}\n\n// ── Page ─────────────────────────────────────────────────────────────────────\n\nexport function AgentDetailPage() {\n const { id } = useParams<{ id: string }>();\n const navigate = useNavigate();\n const { data: agent, isLoading } = useAgent(id ?? null);\n const { data: subsData } = useAgentSubscriptions(id ?? null);\n const updateMutation = useUpdateAgent();\n const deleteMutation = useDeleteAgent();\n const { events: liveEvents, pulse } = useAgentFeed(agent?.workflow_type ?? undefined);\n useAgentEvents();\n\n if (isLoading) {\n return <div className=\"animate-pulse space-y-4\"><div className=\"h-8 bg-surface-sunken rounded w-48\" /><div className=\"h-40 bg-surface-sunken rounded\" /></div>;\n }\n\n if (!agent) {\n return (\n <div className=\"flex flex-col items-center justify-center py-20 text-center\">\n <Bot className=\"w-12 h-12 text-text-quaternary mb-4\" strokeWidth={1} />\n <h2 className=\"text-lg font-medium text-text-primary mb-2\">Agent not found</h2>\n <button onClick={() => navigate('/agents')} className=\"text-sm text-accent hover:text-accent-hover transition-colors\">Back to agents</button>\n </div>\n );\n }\n\n const statusDot = agent.status === 'active' ? 'bg-emerald-400' : agent.status === 'paused' ? 'bg-amber-400' : agent.status === 'error' ? 'bg-red-400' : 'bg-zinc-500';\n const subs = subsData?.subscriptions ?? [];\n const statusLabel = agent.status === 'active' ? 'Active' : agent.status === 'paused' ? 'Paused' : agent.status === 'error' ? 'Error' : 'Inactive';\n const schedules = (agent.behaviors as any)?.schedules as any[] | undefined;\n const legacyCron = agent.behaviors?.cron;\n const schedCount = schedules?.length || (legacyCron ? 1 : 0);\n\n const handlePause = () => {\n const msg = [\n `Pause \"${agent.name}\"?`,\n '',\n 'This will:',\n subs.length > 0 ? `• Stop ${subs.length} event subscription${subs.length !== 1 ? 's' : ''}` : null,\n schedCount > 0 ? `• Stop ${schedCount} schedule${schedCount !== 1 ? 's' : ''}` : null,\n '',\n 'Knowledge and workflow history are preserved. You can reactivate anytime.',\n ].filter(Boolean).join('\\n');\n if (confirm(msg)) updateMutation.mutate({ id: agent.id, status: 'paused' as any });\n };\n\n const handleDelete = () => {\n const msg = [\n `Delete \"${agent.name}\"?`,\n '',\n 'This permanently removes:',\n '• The agent configuration',\n subs.length > 0 ? `• ${subs.length} event subscription${subs.length !== 1 ? 's' : ''}` : null,\n schedCount > 0 ? `• ${schedCount} schedule${schedCount !== 1 ? 's' : ''}` : null,\n '',\n 'Knowledge entries and workflow history are preserved.',\n ].filter(Boolean).join('\\n');\n if (confirm(msg)) deleteMutation.mutate(agent.id, { onSuccess: () => navigate('/agents') });\n };\n\n return (\n <div>\n {/* ── Hero ──────────────────────────────────────────────────────────── */}\n <div className=\"flex items-start justify-between mb-3\">\n <div className=\"flex items-center gap-2\">\n <h1 className=\"text-3xl font-light text-text-primary\">Agent: {agent.name}</h1>\n <button onClick={() => { window.location.hash = '#docs:agents.md'; }} className=\"text-text-quaternary hover:text-accent transition-colors mt-1\" title=\"Agent docs\">\n <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n </button>\n </div>\n <div className=\"flex items-center gap-3\">\n <div className=\"flex items-center gap-1.5 mr-2\">\n <span className={`w-2 h-2 rounded-full ${statusDot}`} />\n <span className=\"text-xs text-text-secondary capitalize\">{statusLabel}</span>\n </div>\n <button onClick={() => navigate(`/agents/${agent.id}/edit`)} className=\"flex items-center gap-1.5 px-4 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors\">\n <Pencil className=\"w-3 h-3\" /> Edit\n </button>\n {agent.status !== 'active' && (\n <button onClick={() => updateMutation.mutate({ id: agent.id, status: 'active' as any })} className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md text-emerald-400 hover:bg-emerald-600/10 transition-colors\">\n <Play className=\"w-3 h-3\" /> Activate\n </button>\n )}\n {agent.status === 'active' && (\n <button onClick={handlePause} className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md text-text-tertiary hover:text-text-primary hover:bg-surface-hover transition-colors\">\n <Pause className=\"w-3 h-3\" /> Pause\n </button>\n )}\n <button onClick={handleDelete} className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md text-red-400/60 hover:text-red-400 hover:bg-red-600/10 transition-colors\">\n <Trash2 className=\"w-3 h-3\" /> Delete\n </button>\n </div>\n </div>\n\n {/* Description callout */}\n {agent.description && (\n <div className=\"border-l-2 border-accent/30 pl-4 py-1 mb-10\">\n <p className=\"text-[13px] text-text-secondary italic leading-relaxed\">{agent.description}</p>\n </div>\n )}\n\n {/* Motivation */}\n {(agent.goals || agent.rules) && (\n <div className=\"mb-10\">\n <SectionHeader icon={Compass} color=\"text-rose-400\">Motivation</SectionHeader>\n <div className=\"grid grid-cols-2 gap-x-14 bg-surface-sunken/20 rounded-lg px-5 py-4\">\n {agent.goals && (\n <div>\n <p className=\"text-[9px] text-text-quaternary uppercase tracking-widest mb-1.5\">Goals</p>\n <p className=\"text-[13px] text-text-primary leading-relaxed\">{agent.goals}</p>\n </div>\n )}\n {agent.rules && (\n <div>\n <p className=\"text-[9px] text-text-quaternary uppercase tracking-widest mb-1.5\">Rules</p>\n <p className=\"text-[13px] text-text-primary leading-relaxed\">{agent.rules}</p>\n </div>\n )}\n </div>\n </div>\n )}\n\n {/* ── 3-column grid ─────────────────────────────────────────────────── */}\n <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-x-14 gap-y-10\">\n\n {/* Col 1: Subscriptions */}\n <div>\n <SectionHeader icon={Radio} color=\"text-cyan-400\">\n Subscriptions ({subs.length})\n </SectionHeader>\n {subs.length === 0 ? (\n <EmptyHint text=\"No event subscriptions\" />\n ) : (\n <div className=\"divide-y divide-surface-border/30\">\n {subs.map((sub: any) => (\n <div key={sub.id} className=\"flex items-center py-2\">\n <div className=\"flex-1 min-w-0\"><EventTopicPill topic={sub.topic} /></div>\n <div className=\"flex items-center gap-1.5 shrink-0\">\n <span className=\"text-text-quaternary text-[10px]\">→</span>\n <WorkflowPill type={sub.workflow_type || 'mcp-query'} variant={sub.reaction_type === 'pipeline' ? 'pipeline' : 'durable'} />\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n\n {/* Col 2: Schedules */}\n <div>\n <SectionHeader icon={Clock} color=\"text-amber-400\">Schedules ({schedCount})</SectionHeader>\n {schedules?.length ? (\n <div className=\"divide-y divide-surface-border/30\">\n {schedules.map((s: any, i: number) => (\n <div key={i} className=\"flex items-center py-2\">\n <div className=\"flex-1 min-w-0\"><CronLabel cron={s.cron} /></div>\n <div className=\"flex items-center gap-1.5 shrink-0\"><span className=\"text-text-quaternary text-[10px]\">→</span><WorkflowPill type={s.workflow_type || 'workflow'} /></div>\n </div>\n ))}\n </div>\n ) : legacyCron ? (\n <div className=\"flex items-center py-1\">\n <div className=\"flex-1 min-w-0\"><CronLabel cron={legacyCron} /></div>\n {agent.workflow_type && <div className=\"flex items-center gap-1.5 shrink-0\"><span className=\"text-text-quaternary text-[10px]\">→</span><WorkflowPill type={agent.workflow_type} /></div>}\n </div>\n ) : (\n <EmptyHint text=\"No schedules configured\" />\n )}\n </div>\n\n {/* Col 3: Knowledge + Activity */}\n <div className=\"space-y-10\">\n <div>\n <SectionHeader icon={Brain} color=\"text-emerald-400\">Knowledge</SectionHeader>\n {agent.knowledge_domain ? (\n <button onClick={() => navigate(`/knowledge?domain=${agent.knowledge_domain}`)} className=\"group text-left flex items-center gap-3\">\n <span className=\"text-sm font-mono text-text-primary group-hover:text-accent transition-colors\">{agent.knowledge_domain}</span>\n <span className=\"text-[10px] text-text-quaternary\">{agent.stats?.knowledge_count?.toLocaleString() ?? 0} entries</span>\n <ArrowRight className=\"w-3 h-3 text-accent opacity-0 group-hover:opacity-100 transition-opacity\" />\n </button>\n ) : (\n <EmptyHint text=\"No knowledge domain\" />\n )}\n </div>\n\n <div>\n <SectionHeader icon={Radio} color=\"text-cyan-400\"\n actions={\n <div className=\"flex items-center gap-1.5\">\n <span className={`w-1.5 h-1.5 rounded-full transition-colors duration-500 ${pulse ? 'bg-emerald-400' : 'bg-zinc-600'}`} />\n <span className=\"text-[10px] text-text-quaternary\">live</span>\n </div>\n }\n >\n Activity\n </SectionHeader>\n {liveEvents.length === 0 ? (\n <EmptyHint text=\"Events appear here as the agent runs\" />\n ) : (\n <div className=\"space-y-1.5\">\n {liveEvents.map((ev) => (\n <div key={ev.id}>\n <div className=\"flex items-center justify-between mb-0.5\">\n <span className=\"text-[11px] text-text-primary font-mono truncate flex-1\">{ev.label || '—'}</span>\n <span className=\"text-[10px] text-text-quaternary shrink-0 ml-2\">{formatTime(ev.timestamp)}</span>\n </div>\n <EventTopicPill topic={ev.type} />\n </div>\n ))}\n </div>\n )}\n </div>\n </div>\n </div>\n </div>\n );\n}\n"],"names":["formatTime","iso","SectionHeader","Icon","color","children","actions","jsxs","jsx","EmptyHint","text","feedCounter","useAgentFeed","workflowName","events","setEvents","useState","pulse","setPulse","handler","useCallback","event","_a","label","_b","_c","prev","useEventSubscription","NATS_SUBJECT_PREFIX","AgentDetailPage","id","useParams","navigate","useNavigate","agent","isLoading","useAgent","subsData","useAgentSubscriptions","updateMutation","useUpdateAgent","deleteMutation","useDeleteAgent","liveEvents","useAgentEvents","Bot","statusDot","subs","statusLabel","schedules","legacyCron","schedCount","handlePause","msg","handleDelete","BookOpen","Pencil","Play","Pause","Trash2","Compass","Radio","sub","EventTopicPill","WorkflowPill","Clock","i","CronLabel","Brain","_d","ArrowRight","ev"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as e}from"./vendor-query-B2UbickB.js";import{u as p}from"./agents-5APoyRH8.js";import{i as u}from"./useEventHooks-DBMdj9vw.js";import{u as x}from"./useFilterParams-DZCAaBC7.js";import{D as d}from"./DataTable-D9yuBv0w.js";import{S as g}from"./StickyPagination-F9FZsRy9.js";import{F as h,b as f}from"./FilterBar-Ck4K4rzu.js";import{P as b}from"./PageHeader-DLjHNYHX.js";import{L as j}from"./ListToolbar-BaYIIsAt.js";import{c as v}from"./index-oGYUhkFa.js";import{O as N}from"./vendor-icons-E6836lXZ.js";import{c as y}from"./vendor-react-CX88sFS5.js";import"./EmptyState-BcsfPq9T.js";const P=[{value:"active",label:"Active"},{value:"inactive",label:"Inactive"},{value:"paused",label:"Paused"},{value:"error",label:"Error"}],S=[{key:"name",label:"Agent",render:t=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${t.status==="active"?"bg-emerald-400":t.status==="paused"?"bg-amber-400":t.status==="error"?"bg-red-400":"bg-zinc-500"}`}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:"text-xs font-medium text-text-primary block",children:t.name}),t.description&&e.jsx("p",{className:"text-[10px] text-text-tertiary truncate",children:t.description})]})]})},{key:"knowledge_domain",label:"Knowledge",render:t=>t.knowledge_domain?e.jsx("span",{className:"text-[10px] font-mono text-text-secondary whitespace-nowrap",children:t.knowledge_domain}):e.jsx("span",{className:"text-text-quaternary",children:"—"}),className:"w-28"},{key:"schedules",label:"Schedules",render:t=>{var s,n;const a=(s=t.behaviors)==null?void 0:s.schedules,r=a!=null&&a.length?a.map(o=>o.cron):(n=t.behaviors)!=null&&n.cron?[t.behaviors.cron]:[];return r.length?e.jsxs("span",{className:"text-[10px] font-mono text-text-secondary whitespace-nowrap",children:[r[0],r.length>1?` +${r.length-1}`:""]}):e.jsx("span",{className:"text-text-quaternary",children:"—"})},className:"w-28"},{key:"subscriptions",label:"Subscriptions",render:t=>{var n;const a=t.subscription_count??0,r=t.sub_topics??[];if(!a)return e.jsx("span",{className:"text-text-quaternary",children:"—"});const s=((n=r[0])==null?void 0:n.replace(/^lt\.events\./,""))??"";return e.jsxs("span",{className:"text-[10px] font-mono text-text-secondary whitespace-nowrap",children:[s,a>1?` +${a-1}`:""]})},className:"w-36"},{key:"last_run_at",label:"Last Run",render:t=>t.last_run_at?e.jsx("span",{className:"whitespace-nowrap",children:e.jsx(v,{date:t.last_run_at})}):e.jsx("span",{className:"text-text-quaternary",children:"—"}),className:"w-32"}];function E(){const t=y();u();const{filters:a,setFilter:r,pagination:s}=x({filters:{status:""}}),{data:n,isLoading:o,refetch:c,isFetching:m}=p({status:a.status||void 0,limit:s.pageSize,offset:s.offset}),l=(n==null?void 0:n.total)??0;return e.jsxs("div",{children:[e.jsx(b,{title:"Agents",docsHash:"#docs:agents.md",actions:e.jsxs("button",{onClick:()=>t("/agents/new"),className:"flex items-center gap-2 px-4 py-2 text-sm rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors",children:[e.jsx(N,{className:"w-4 h-4"})," Create Agent"]})}),e.jsx(h,{actions:e.jsx(j,{onRefresh:()=>c(),isFetching:m,apiPath:`/agents?limit=${s.pageSize}&offset=${s.offset}${a.status?`&status=${a.status}`:""}`}),children:e.jsx(f,{label:"Status",value:a.status,onChange:i=>r("status",i),options:P})}),e.jsx(d,{columns:S,data:(n==null?void 0:n.agents)??[],keyFn:i=>i.id,onRowClick:i=>t(`/agents/${i.id}`),isLoading:o,emptyMessage:"No agents found"}),e.jsx(g,{page:s.page,totalPages:s.totalPages(l),onPageChange:s.setPage,total:l,pageSize:s.pageSize,onPageSizeChange:s.setPageSize})]})}export{E as AgentsPage};
|
|
2
|
+
//# sourceMappingURL=AgentsPage-pKfjHe4u.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AgentsPage-pKfjHe4u.js","sources":["../../src/pages/agents/AgentsPage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport { Plus } from 'lucide-react';\nimport { useAgents, type Agent } from '../../api/agents';\nimport { useAgentEvents } from '../../hooks/useEventHooks';\nimport { useFilterParams } from '../../hooks/useFilterParams';\nimport { DataTable, type Column } from '../../components/common/data/DataTable';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect } from '../../components/common/data/FilterBar';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { DateValue } from '../../components/common/display/DateValue';\n\nconst STATUS_OPTIONS = [\n { value: 'active', label: 'Active' },\n { value: 'inactive', label: 'Inactive' },\n { value: 'paused', label: 'Paused' },\n { value: 'error', label: 'Error' },\n];\n\nconst columns: Column<Agent>[] = [\n {\n key: 'name',\n label: 'Agent',\n render: (row) => (\n <div className=\"flex items-center gap-2\">\n <span className={`w-1.5 h-1.5 rounded-full shrink-0 ${row.status === 'active' ? 'bg-emerald-400' : row.status === 'paused' ? 'bg-amber-400' : row.status === 'error' ? 'bg-red-400' : 'bg-zinc-500'}`} />\n <div className=\"min-w-0\">\n <span className=\"text-xs font-medium text-text-primary block\">{row.name}</span>\n {row.description && <p className=\"text-[10px] text-text-tertiary truncate\">{row.description}</p>}\n </div>\n </div>\n ),\n },\n {\n key: 'knowledge_domain',\n label: 'Knowledge',\n render: (row) => row.knowledge_domain\n ? <span className=\"text-[10px] font-mono text-text-secondary whitespace-nowrap\">{row.knowledge_domain}</span>\n : <span className=\"text-text-quaternary\">—</span>,\n className: 'w-28',\n },\n {\n key: 'schedules',\n label: 'Schedules',\n render: (row) => {\n const scheds = (row.behaviors as any)?.schedules as any[] | undefined;\n const crons = scheds?.length ? scheds.map((s: any) => s.cron) : row.behaviors?.cron ? [row.behaviors.cron] : [];\n if (!crons.length) return <span className=\"text-text-quaternary\">—</span>;\n return <span className=\"text-[10px] font-mono text-text-secondary whitespace-nowrap\">{crons[0]}{crons.length > 1 ? ` +${crons.length - 1}` : ''}</span>;\n },\n className: 'w-28',\n },\n {\n key: 'subscriptions',\n label: 'Subscriptions',\n render: (row) => {\n const count = row.subscription_count ?? 0;\n const topics = row.sub_topics ?? [];\n if (!count) return <span className=\"text-text-quaternary\">—</span>;\n const first = topics[0]?.replace(/^lt\\.events\\./, '') ?? '';\n return <span className=\"text-[10px] font-mono text-text-secondary whitespace-nowrap\">{first}{count > 1 ? ` +${count - 1}` : ''}</span>;\n },\n className: 'w-36',\n },\n {\n key: 'last_run_at',\n label: 'Last Run',\n render: (row) => row.last_run_at\n ? <span className=\"whitespace-nowrap\"><DateValue date={row.last_run_at} /></span>\n : <span className=\"text-text-quaternary\">—</span>,\n className: 'w-32',\n },\n];\n\nexport function AgentsPage() {\n const navigate = useNavigate();\n useAgentEvents();\n\n const { filters, setFilter, pagination } = useFilterParams({\n filters: { status: '' },\n });\n\n const { data, isLoading, refetch, isFetching } = useAgents({\n status: filters.status || undefined,\n limit: pagination.pageSize,\n offset: pagination.offset,\n });\n\n const total = data?.total ?? 0;\n\n return (\n <div>\n <PageHeader\n title=\"Agents\"\n docsHash=\"#docs:agents.md\"\n actions={\n <button\n onClick={() => navigate('/agents/new')}\n className=\"flex items-center gap-2 px-4 py-2 text-sm rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors\"\n >\n <Plus className=\"w-4 h-4\" /> Create Agent\n </button>\n }\n />\n\n <FilterBar actions={\n <ListToolbar\n onRefresh={() => refetch()}\n isFetching={isFetching}\n apiPath={`/agents?limit=${pagination.pageSize}&offset=${pagination.offset}${filters.status ? `&status=${filters.status}` : ''}`}\n />\n }>\n <FilterSelect\n label=\"Status\"\n value={filters.status}\n onChange={(v) => setFilter('status', v)}\n options={STATUS_OPTIONS}\n />\n </FilterBar>\n\n <DataTable\n columns={columns}\n data={data?.agents ?? []}\n keyFn={(row) => row.id}\n onRowClick={(row) => navigate(`/agents/${row.id}`)}\n isLoading={isLoading}\n emptyMessage=\"No agents found\"\n />\n\n <StickyPagination\n page={pagination.page}\n totalPages={pagination.totalPages(total)}\n onPageChange={pagination.setPage}\n total={total}\n pageSize={pagination.pageSize}\n onPageSizeChange={pagination.setPageSize}\n />\n </div>\n );\n}\n"],"names":["STATUS_OPTIONS","columns","row","jsxs","jsx","scheds","_a","crons","s","_b","count","topics","first","DateValue","AgentsPage","navigate","useNavigate","useAgentEvents","filters","setFilter","pagination","useFilterParams","data","isLoading","refetch","isFetching","useAgents","total","PageHeader","Plus","FilterBar","ListToolbar","FilterSelect","v","DataTable","StickyPagination"],"mappings":"8kBAYA,MAAMA,EAAiB,CACrB,CAAE,MAAO,SAAU,MAAO,QAAA,EAC1B,CAAE,MAAO,WAAY,MAAO,UAAA,EAC5B,CAAE,MAAO,SAAU,MAAO,QAAA,EAC1B,CAAE,MAAO,QAAS,MAAO,OAAA,CAC3B,EAEMC,EAA2B,CAC/B,CACE,IAAK,OACL,MAAO,QACP,OAASC,GACPC,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,MAAC,QAAK,UAAW,qCAAqCF,EAAI,SAAW,SAAW,iBAAmBA,EAAI,SAAW,SAAW,eAAiBA,EAAI,SAAW,QAAU,aAAe,aAAa,GAAI,EACvMC,EAAAA,KAAC,MAAA,CAAI,UAAU,UACb,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAU,8CAA+C,SAAAF,EAAI,KAAK,EACvEA,EAAI,aAAeE,EAAAA,IAAC,KAAE,UAAU,0CAA2C,WAAI,WAAA,CAAY,CAAA,CAAA,CAC9F,CAAA,CAAA,CACF,CAAA,EAGJ,CACE,IAAK,mBACL,MAAO,YACP,OAASF,GAAQA,EAAI,uBAChB,OAAA,CAAK,UAAU,8DAA+D,SAAAA,EAAI,iBAAiB,EACpGE,EAAAA,IAAC,OAAA,CAAK,UAAU,uBAAuB,SAAA,IAAC,EAC5C,UAAW,MAAA,EAEb,CACE,IAAK,YACL,MAAO,YACP,OAASF,GAAQ,SACf,MAAMG,GAAUC,EAAAJ,EAAI,YAAJ,YAAAI,EAAuB,UACjCC,EAAQF,GAAA,MAAAA,EAAQ,OAASA,EAAO,IAAKG,GAAWA,EAAE,IAAI,GAAIC,EAAAP,EAAI,YAAJ,MAAAO,EAAe,KAAO,CAACP,EAAI,UAAU,IAAI,EAAI,CAAA,EAC7G,OAAKK,EAAM,OACJJ,EAAAA,KAAC,OAAA,CAAK,UAAU,8DAA+D,SAAA,CAAAI,EAAM,CAAC,EAAGA,EAAM,OAAS,EAAI,KAAKA,EAAM,OAAS,CAAC,GAAK,EAAA,EAAG,QADrH,OAAA,CAAK,UAAU,uBAAuB,SAAA,IAAC,CAEpE,EACA,UAAW,MAAA,EAEb,CACE,IAAK,gBACL,MAAO,gBACP,OAASL,GAAQ,OACf,MAAMQ,EAAQR,EAAI,oBAAsB,EAClCS,EAAST,EAAI,YAAc,CAAA,EACjC,GAAI,CAACQ,EAAO,aAAQ,OAAA,CAAK,UAAU,uBAAuB,SAAA,IAAC,EAC3D,MAAME,IAAQN,EAAAK,EAAO,CAAC,IAAR,YAAAL,EAAW,QAAQ,gBAAiB,MAAO,GACzD,OAAOH,EAAAA,KAAC,OAAA,CAAK,UAAU,8DAA+D,SAAA,CAAAS,EAAOF,EAAQ,EAAI,KAAKA,EAAQ,CAAC,GAAK,EAAA,EAAG,CACjI,EACA,UAAW,MAAA,EAEb,CACE,IAAK,cACL,MAAO,WACP,OAASR,GAAQA,EAAI,YACjBE,EAAAA,IAAC,OAAA,CAAK,UAAU,oBAAoB,SAAAA,EAAAA,IAACS,GAAU,KAAMX,EAAI,YAAa,CAAA,CAAE,QACvE,OAAA,CAAK,UAAU,uBAAuB,SAAA,GAAA,CAAC,EAC5C,UAAW,MAAA,CAEf,EAEO,SAASY,GAAa,CAC3B,MAAMC,EAAWC,EAAA,EACjBC,EAAA,EAEA,KAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,WAAAC,CAAA,EAAeC,EAAgB,CACzD,QAAS,CAAE,OAAQ,EAAA,CAAG,CACvB,EAEK,CAAE,KAAAC,EAAM,UAAAC,EAAW,QAAAC,EAAS,WAAAC,CAAA,EAAeC,EAAU,CACzD,OAAQR,EAAQ,QAAU,OAC1B,MAAOE,EAAW,SAClB,OAAQA,EAAW,MAAA,CACpB,EAEKO,GAAQL,GAAA,YAAAA,EAAM,QAAS,EAE7B,cACG,MAAA,CACC,SAAA,CAAAlB,EAAAA,IAACwB,EAAA,CACC,MAAM,SACN,SAAS,kBACT,QACEzB,EAAAA,KAAC,SAAA,CACC,QAAS,IAAMY,EAAS,aAAa,EACrC,UAAU,2HAEV,SAAA,CAAAX,EAAAA,IAACyB,EAAA,CAAK,UAAU,SAAA,CAAU,EAAE,eAAA,CAAA,CAAA,CAC9B,CAAA,EAIJzB,MAAC0B,GAAU,QACT1B,EAAAA,IAAC2B,EAAA,CACC,UAAW,IAAMP,EAAA,EACjB,WAAAC,EACA,QAAS,iBAAiBL,EAAW,QAAQ,WAAWA,EAAW,MAAM,GAAGF,EAAQ,OAAS,WAAWA,EAAQ,MAAM,GAAK,EAAE,EAAA,CAAA,EAG/H,SAAAd,EAAAA,IAAC4B,EAAA,CACC,MAAM,SACN,MAAOd,EAAQ,OACf,SAAWe,GAAMd,EAAU,SAAUc,CAAC,EACtC,QAASjC,CAAA,CAAA,EAEb,EAEAI,EAAAA,IAAC8B,EAAA,CACC,QAAAjC,EACA,MAAMqB,GAAA,YAAAA,EAAM,SAAU,CAAA,EACtB,MAAQpB,GAAQA,EAAI,GACpB,WAAaA,GAAQa,EAAS,WAAWb,EAAI,EAAE,EAAE,EACjD,UAAAqB,EACA,aAAa,iBAAA,CAAA,EAGfnB,EAAAA,IAAC+B,EAAA,CACC,KAAMf,EAAW,KACjB,WAAYA,EAAW,WAAWO,CAAK,EACvC,aAAcP,EAAW,QACzB,MAAAO,EACA,SAAUP,EAAW,SACrB,iBAAkBA,EAAW,WAAA,CAAA,CAC/B,EACF,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as e,a as r}from"./vendor-query-B2UbickB.js";import{i as Y,e as re,j as ce,k as de,l as ue,m as me,n as xe,o as ge,p as he}from"./index-BUjxYyxc.js";import{f as pe}from"./useEventHooks-BPjEkCpD.js";import{u as fe}from"./roles--kBaFljg.js";import{u as ye}from"./useFilterParams-DZCAaBC7.js";import{D as be}from"./DataTable-D3-wSEf0.js";import{S as je}from"./StickyPagination-F9FZsRy9.js";import{P as Ce}from"./PageHeader-B-SN5GZ2.js";import{P as ve}from"./constants-BHkpVaqx.js";import{u as U,C as q}from"./CustomDurationPicker-BABUv1V2.js";import{M as D}from"./Modal-DEODGeqx.js";import{u as Se}from"./users-e2oatvoj.js";import{E as ke,a as Ne}from"./escalation-columns-DL4zsR8Y.js";import{R as Pe,a as we}from"./RowActions-Dg-Fsm5O.js";import{L as Ae}from"./ListToolbar-CyEkulVR.js";import{Y as Ee}from"./vendor-icons-BkK55L-1.js";import{c as Be}from"./vendor-react-CX88sFS5.js";import"./EmptyState-BcsfPq9T.js";import"./settings-B96YkawY.js";import"./FilterBar-Ck4K4rzu.js";import"./PriorityBadge-DfQY9St9.js";import"./RolePill-BhVC0cc3.js";import"./WorkflowPill-DUDDyBsj.js";import"./TimestampCell-GOFcvE-i.js";import"./escalation-DBUIq1Z4.js";const Te=s=>s.isPriorityPending||s.isClaimPending||s.isAssignPending||s.isEscalatePending||s.isTriagePending;function Me(s){const i=Te(s),c=U();return e.jsxs("div",{className:"flex flex-wrap items-center gap-3 px-4 py-3 bg-accent/5 border border-accent/20 rounded-lg mb-4",children:[e.jsxs("span",{className:"text-xs font-medium text-accent",children:[s.selectedCount," selected"]}),e.jsx("div",{className:"w-px h-5 bg-surface-border"}),e.jsxs("select",{onChange:t=>{t.target.value&&(s.onSetPriority(parseInt(t.target.value)),t.target.value="")},disabled:i,className:"select text-xs py-1.5",defaultValue:"",children:[e.jsx("option",{value:"",disabled:!0,children:"Priority..."}),ve.map(t=>e.jsx("option",{value:t.value,children:t.label},t.value))]}),e.jsxs("select",{onChange:t=>{t.target.value&&(s.onClaim(parseInt(t.target.value)),t.target.value="")},disabled:i,className:"select text-xs py-1.5",defaultValue:"",children:[e.jsx("option",{value:"",disabled:!0,children:"Claim for..."}),c.map(t=>e.jsx("option",{value:t.value,children:t.label},t.value))]}),e.jsx("button",{onClick:s.onAssign,disabled:i,className:"btn-secondary text-xs py-1.5",children:s.isAssignPending?"Assigning...":"Assign to..."}),s.availableRoles.length>0&&e.jsxs("select",{onChange:t=>{t.target.value&&(s.onEscalate(t.target.value),t.target.value="")},disabled:i,className:"select text-xs py-1.5",defaultValue:"",children:[e.jsx("option",{value:"",disabled:!0,children:"Escalate to..."}),s.availableRoles.map(t=>e.jsx("option",{value:t,children:t},t))]}),e.jsx("button",{onClick:s.onTriage,disabled:i,className:"btn-secondary text-xs py-1.5",children:s.isTriagePending?"Triaging...":"Triage"}),e.jsx("div",{className:"flex-1"}),e.jsx("button",{onClick:s.onClearSelection,className:"text-xs text-text-tertiary hover:text-text-primary transition-colors",children:"Clear"}),i&&e.jsx("span",{className:"text-xs text-text-tertiary animate-pulse",children:"Processing..."})]})}function _e({open:s,onClose:i,selectedCount:c,selectedRoles:t,onSubmit:p,isPending:l}){const{isSuperAdmin:m}=Y(),o=U(),[d,b]=r.useState("user"),[f,S]=r.useState(null),[k,E]=r.useState(""),[v,z]=r.useState("30"),[u,g]=r.useState(0),$=r.useCallback(n=>g(n),[]),B=!m&&t.length===1?t[0]:void 0,{data:j,isLoading:N}=Se({role:B,status:"active",limit:200}),T=r.useMemo(()=>{const n=(j==null?void 0:j.users)??[];if(!k.trim())return n;const y=k.toLowerCase();return n.filter(P=>{var h,w;return((h=P.display_name)==null?void 0:h.toLowerCase().includes(y))||((w=P.email)==null?void 0:w.toLowerCase().includes(y))})},[j==null?void 0:j.users,k]),M=()=>{b("user"),S(null),E(""),z("30"),g(0),i()},F=n=>{S(n),b("duration")},_=()=>{b("user")},L=()=>{if(!f)return;const n=v==="custom"?u:parseInt(v);!n||n<=0||p(f.id,n)};return e.jsx(D,{open:s,onClose:M,title:"Assign Escalations",children:e.jsxs("div",{className:"space-y-4",children:[d==="user"&&e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Select a user to assign"," ",e.jsx("span",{className:"font-medium text-text-primary",children:c})," ","escalation(s) to:"]}),e.jsx("input",{type:"text",value:k,onChange:n=>E(n.target.value),placeholder:"Search by name or email...",className:"input text-xs w-full",autoFocus:!0}),e.jsxs("div",{className:"max-h-60 overflow-y-auto border border-surface-border rounded-lg divide-y divide-surface-border",children:[N&&e.jsx("p",{className:"text-xs text-text-tertiary p-3",children:"Loading users..."}),!N&&T.length===0&&e.jsx("p",{className:"text-xs text-text-tertiary p-3",children:"No users found"}),T.map(n=>e.jsxs("button",{onClick:()=>F(n),className:"w-full text-left px-3 py-2 hover:bg-surface-hover transition-colors",children:[e.jsx("p",{className:"text-xs font-medium text-text-primary",children:n.display_name||n.external_id}),n.email&&e.jsx("p",{className:"text-[10px] text-text-tertiary",children:n.email})]},n.id))]}),e.jsx("div",{className:"flex justify-end pt-2",children:e.jsx("button",{onClick:M,className:"btn-secondary text-xs",children:"Cancel"})})]}),d==="duration"&&f&&e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Assign to"," ",e.jsx("span",{className:"font-medium text-text-primary",children:f.display_name||f.external_id})," ","for:"]}),e.jsxs("select",{value:v,onChange:n=>{z(n.target.value),g(0)},className:"select w-full text-sm",children:[o.map(n=>e.jsx("option",{value:n.value,children:n.label},n.value)),e.jsx("option",{value:"custom",children:"Other..."})]}),v==="custom"&&e.jsx(q,{onChange:$,autoFocus:!0}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:_,className:"btn-secondary text-xs",children:"Back"}),e.jsx("button",{onClick:L,disabled:l,className:"btn-primary text-xs",children:l?"Assigning...":"Assign"})]})]})]})})}function Ie({open:s,onClose:i,selectedCount:c,onSubmit:t,isPending:p}){const[l,m]=r.useState(""),o=()=>{t(l||void 0)};return e.jsx(D,{open:s,onClose:i,title:"Submit for AI Triage",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Submit ",e.jsx("span",{className:"font-medium text-text-primary",children:c})," escalation(s) for AI triage? The triage orchestrator will take over resolution."]}),e.jsxs("div",{children:[e.jsxs("label",{className:"text-xs font-medium text-text-secondary block mb-1",children:["Triage hint ",e.jsx("span",{className:"text-text-tertiary",children:"(optional)"})]}),e.jsx("input",{type:"text",value:l,onChange:d=>m(d.target.value),placeholder:"e.g., image_orientation",className:"input text-xs font-mono w-full"}),e.jsx("p",{className:"text-[10px] text-text-tertiary mt-1",children:"Guides the triage workflow on what remediation to apply"})]}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:i,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:o,disabled:p,className:"btn-primary text-xs",children:p?"Submitting...":"Submit for Triage"})]})]})})}function I(s,i,c){return t=>{s.mutate(t,{onSuccess:()=>{i(),c==null||c()}})}}function ze(s){const i=()=>[...s.selectedIds];return{handleSetPriority:o=>{I(s.setPriority,s.clearSelection)({ids:i(),priority:o})},handleBulkClaim:o=>{I(s.bulkClaim,s.clearSelection)({ids:i(),durationMinutes:o})},handleBulkEscalate:o=>{I(s.bulkEscalate,s.clearSelection)({ids:i(),targetRole:o})},handleBulkTriage:o=>{I(s.bulkTriage,s.clearSelection,s.closeTriageModal)({ids:i(),hint:o})},handleBulkAssign:(o,d)=>{I(s.bulkAssign,s.clearSelection,s.closeAssignModal)({ids:i(),targetUserId:o,durationMinutes:d})}}}function Fe({claimTarget:s,onClose:i,claimDuration:c,onDurationChange:t,claimDurations:p,onCustomClaimChange:l,onClaim:m,isPending:o}){return e.jsx(D,{open:!!s,onClose:i,title:"Claim Escalation",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Claim ",e.jsx("span",{className:"font-medium text-text-primary",children:s==null?void 0:s.type})," for:"]}),e.jsxs("select",{value:c,onChange:d=>{t(d.target.value)},className:"select w-full text-sm",children:[p.map(d=>e.jsx("option",{value:d.value,children:d.label},d.value)),e.jsx("option",{value:"custom",children:"Other..."})]}),c==="custom"&&e.jsx(q,{onChange:l,autoFocus:!0}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:i,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:m,className:"btn-primary text-xs",disabled:o,children:o?"Claiming...":"Claim"})]})]})})}function rt(){pe();const s=Be(),{user:i,isSuperAdmin:c}=Y(),{filters:t,setFilter:p,pagination:l,sort:m,setSort:o}=ye({filters:{role:"",type:"",priority:"",status:"available"}}),d=U(),[b,f]=r.useState(null),[S,k]=r.useState("30"),[E,v]=r.useState(0),z=r.useCallback(a=>v(a),[]),[u,g]=r.useState(new Set),[$,B]=r.useState(!1),[j,N]=r.useState(!1),T=re(),M=ce(),F=de(),_=ue(),L=me(),n=xe(),{data:y}=fe(),{data:P}=ge();r.useEffect(()=>{g(new Set)},[t.role,t.type,t.priority,t.status,l.page,l.pageSize]);const h=t.status||"",w=h==="available"||h==="claimed"?"pending":h==="resolved"?"resolved":void 0,{data:A,isLoading:G,error:R,refetch:J,isFetching:K}=he({status:w,role:t.role||void 0,type:t.type||void 0,priority:t.priority?parseInt(t.priority):void 0,limit:l.pageSize,offset:l.offset,sort_by:m.sort_by||void 0,order:m.sort_by?m.order:void 0}),H=new Date,O=(A==null?void 0:A.escalations)??[],C=h==="available"?O.filter(a=>!a.assigned_to||!a.assigned_until||new Date(a.assigned_until)<=H):h==="claimed"?O.filter(a=>a.assigned_to&&a.assigned_until&&new Date(a.assigned_until)>H):O,V=h==="available"||h==="claimed"?C.length:(A==null?void 0:A.total)??0,Q=c||(i==null?void 0:i.roles.some(a=>a.type==="admin")),W=r.useMemo(()=>{const a=new Set;for(const x of C)u.has(x.id)&&a.add(x.role);return[...a]},[C,u]),X=r.useCallback(()=>g(new Set),[]),Z=()=>{if(!b)return;const a=S==="custom"?E:parseInt(S);!a||a<=0||T.mutate({id:b.id,durationMinutes:a},{onSuccess:()=>{f(null),s(`/escalations/detail/${b.id}`)}})},{handleSetPriority:ee,handleBulkClaim:te,handleBulkEscalate:se,handleBulkTriage:ae,handleBulkAssign:ne}=ze({selectedIds:u,clearSelection:X,setPriority:M,bulkClaim:F,bulkEscalate:L,bulkTriage:n,bulkAssign:_,closeTriageModal:()=>B(!1),closeAssignModal:()=>N(!1)}),ie=a=>{const x=new Set(u);x.has(a)?x.delete(a):x.add(a),g(x)},le=()=>{u.size===C.length?g(new Set):g(new Set(C.map(a=>a.id)))},oe=[Q?{key:"select",label:e.jsx("input",{type:"checkbox",checked:C.length>0&&u.size===C.length,onChange:le,className:"rounded"}),render:a=>e.jsx("input",{type:"checkbox",checked:u.has(a.id),onChange:x=>{x.stopPropagation(),ie(a.id)},onClick:x=>x.stopPropagation(),className:"rounded"}),className:"w-10"}:{key:"spacer",label:"",render:()=>null,className:"w-10"},...ke,{key:"actions",label:"",render:a=>e.jsx(Pe,{children:e.jsx(we,{icon:Ee,title:"Claim escalation",onClick:()=>f(a)})}),className:"w-16 text-right"}];return e.jsxs("div",{children:[e.jsx(Ce,{title:"All Escalations",docsHash:"#docs:dashboard.md:all-escalations"}),e.jsx(Ne,{filters:t,setFilter:p,roles:(y==null?void 0:y.roles)??[],types:(P==null?void 0:P.types)??[],showStatus:!0,actions:e.jsx(Ae,{onRefresh:()=>J(),isFetching:K,apiPath:`/escalations?limit=${l.pageSize}&offset=${l.offset}${w?`&status=${w}`:""}${t.role?`&role=${t.role}`:""}${t.type?`&type=${t.type}`:""}${t.priority?`&priority=${t.priority}`:""}`})}),u.size>0&&e.jsx(Me,{selectedCount:u.size,onClearSelection:()=>g(new Set),onSetPriority:ee,onClaim:te,onAssign:()=>N(!0),onEscalate:se,onTriage:()=>B(!0),isPriorityPending:M.isPending,isClaimPending:F.isPending,isAssignPending:_.isPending,isEscalatePending:L.isPending,isTriagePending:n.isPending,availableRoles:(y==null?void 0:y.roles)??[]}),R&&e.jsx("div",{className:"mb-4 px-4 py-3 rounded-md bg-status-error/10 border border-status-error/20 text-xs text-status-error",children:R.message==="Session expired"?"Your session has expired. Please log in again.":`Failed to load escalations: ${R.message}`}),e.jsx(be,{columns:oe,data:C,keyFn:a=>a.id,onRowClick:a=>s(`/escalations/detail/${a.id}`,{state:{from:"/escalations/available"}}),isLoading:G,emptyMessage:R?"Unable to load data":"No available escalations",sort:m,onSort:o}),e.jsx(je,{page:l.page,totalPages:l.totalPages(V),onPageChange:l.setPage,total:V,pageSize:l.pageSize,onPageSizeChange:l.setPageSize}),e.jsx(Fe,{claimTarget:b,onClose:()=>f(null),claimDuration:S,onDurationChange:a=>{k(a),v(0)},claimDurations:d,customClaimMinutes:E,onCustomClaimChange:z,onClaim:Z,isPending:T.isPending}),e.jsx(Ie,{open:$,onClose:()=>B(!1),selectedCount:u.size,onSubmit:ae,isPending:n.isPending}),e.jsx(_e,{open:j,onClose:()=>N(!1),selectedCount:u.size,selectedRoles:W,onSubmit:ne,isPending:_.isPending})]})}export{rt as AvailableEscalationsPage};
|
|
2
|
-
//# sourceMappingURL=AvailableEscalationsPage-
|
|
1
|
+
import{j as e,a as r}from"./vendor-query-B2UbickB.js";import{i as q,e as re,j as ce,k as de,l as ue,m as me,n as xe,o as ge,p as he}from"./index-oGYUhkFa.js";import{f as pe}from"./useEventHooks-DBMdj9vw.js";import{u as fe}from"./roles-BAPy1LU_.js";import{u as ye}from"./useFilterParams-DZCAaBC7.js";import{D as be}from"./DataTable-D9yuBv0w.js";import{S as je}from"./StickyPagination-F9FZsRy9.js";import{P as Ce}from"./PageHeader-DLjHNYHX.js";import{P as ve}from"./constants-BHkpVaqx.js";import{u as U,C as G}from"./CustomDurationPicker-Bk7D38y7.js";import{M as D}from"./Modal-DEODGeqx.js";import{u as Se}from"./users-C9K2cMyb.js";import{E as ke,a as Ne}from"./escalation-columns-DjHcNgjo.js";import{R as Pe,a as we}from"./RowActions-Dg-Fsm5O.js";import{L as Ae}from"./ListToolbar-BaYIIsAt.js";import{_ as Ee}from"./vendor-icons-E6836lXZ.js";import{c as Be}from"./vendor-react-CX88sFS5.js";import"./EmptyState-BcsfPq9T.js";import"./settings-Da0QSQDH.js";import"./FilterBar-Ck4K4rzu.js";import"./PriorityBadge-DfQY9St9.js";import"./RolePill-Bp10-WfX.js";import"./WorkflowPill-BbgVTGgI.js";import"./TimestampCell-DPfLR6bZ.js";import"./escalation-BD2wtAt2.js";const Te=s=>s.isPriorityPending||s.isClaimPending||s.isAssignPending||s.isEscalatePending||s.isTriagePending;function Me(s){const i=Te(s),c=U();return e.jsxs("div",{className:"flex flex-wrap items-center gap-3 px-4 py-3 bg-accent/5 border border-accent/20 rounded-lg mb-4",children:[e.jsxs("span",{className:"text-xs font-medium text-accent",children:[s.selectedCount," selected"]}),e.jsx("div",{className:"w-px h-5 bg-surface-border"}),e.jsxs("select",{onChange:t=>{t.target.value&&(s.onSetPriority(parseInt(t.target.value)),t.target.value="")},disabled:i,className:"select text-xs py-1.5",defaultValue:"",children:[e.jsx("option",{value:"",disabled:!0,children:"Priority..."}),ve.map(t=>e.jsx("option",{value:t.value,children:t.label},t.value))]}),e.jsxs("select",{onChange:t=>{t.target.value&&(s.onClaim(parseInt(t.target.value)),t.target.value="")},disabled:i,className:"select text-xs py-1.5",defaultValue:"",children:[e.jsx("option",{value:"",disabled:!0,children:"Claim for..."}),c.map(t=>e.jsx("option",{value:t.value,children:t.label},t.value))]}),e.jsx("button",{onClick:s.onAssign,disabled:i,className:"btn-secondary text-xs py-1.5",children:s.isAssignPending?"Assigning...":"Assign to..."}),s.availableRoles.length>0&&e.jsxs("select",{onChange:t=>{t.target.value&&(s.onEscalate(t.target.value),t.target.value="")},disabled:i,className:"select text-xs py-1.5",defaultValue:"",children:[e.jsx("option",{value:"",disabled:!0,children:"Escalate to..."}),s.availableRoles.map(t=>e.jsx("option",{value:t,children:t},t))]}),e.jsx("button",{onClick:s.onTriage,disabled:i,className:"btn-secondary text-xs py-1.5",children:s.isTriagePending?"Triaging...":"Triage"}),e.jsx("div",{className:"flex-1"}),e.jsx("button",{onClick:s.onClearSelection,className:"text-xs text-text-tertiary hover:text-text-primary transition-colors",children:"Clear"}),i&&e.jsx("span",{className:"text-xs text-text-tertiary animate-pulse",children:"Processing..."})]})}function _e({open:s,onClose:i,selectedCount:c,selectedRoles:t,onSubmit:p,isPending:l}){const{isSuperAdmin:m}=q(),o=U(),[d,b]=r.useState("user"),[f,S]=r.useState(null),[k,E]=r.useState(""),[v,z]=r.useState("30"),[u,g]=r.useState(0),$=r.useCallback(n=>g(n),[]),B=!m&&t.length===1?t[0]:void 0,{data:j,isLoading:N}=Se({role:B,status:"active",limit:200}),T=r.useMemo(()=>{const n=(j==null?void 0:j.users)??[];if(!k.trim())return n;const y=k.toLowerCase();return n.filter(P=>{var h,w;return((h=P.display_name)==null?void 0:h.toLowerCase().includes(y))||((w=P.email)==null?void 0:w.toLowerCase().includes(y))})},[j==null?void 0:j.users,k]),M=()=>{b("user"),S(null),E(""),z("30"),g(0),i()},F=n=>{S(n),b("duration")},_=()=>{b("user")},L=()=>{if(!f)return;const n=v==="custom"?u:parseInt(v);!n||n<=0||p(f.id,n)};return e.jsx(D,{open:s,onClose:M,title:"Assign Escalations",children:e.jsxs("div",{className:"space-y-4",children:[d==="user"&&e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Select a user to assign"," ",e.jsx("span",{className:"font-medium text-text-primary",children:c})," ","escalation(s) to:"]}),e.jsx("input",{type:"text",value:k,onChange:n=>E(n.target.value),placeholder:"Search by name or email...",className:"input text-xs w-full",autoFocus:!0}),e.jsxs("div",{className:"max-h-60 overflow-y-auto border border-surface-border rounded-lg divide-y divide-surface-border",children:[N&&e.jsx("p",{className:"text-xs text-text-tertiary p-3",children:"Loading users..."}),!N&&T.length===0&&e.jsx("p",{className:"text-xs text-text-tertiary p-3",children:"No users found"}),T.map(n=>e.jsxs("button",{onClick:()=>F(n),className:"w-full text-left px-3 py-2 hover:bg-surface-hover transition-colors",children:[e.jsx("p",{className:"text-xs font-medium text-text-primary",children:n.display_name||n.external_id}),n.email&&e.jsx("p",{className:"text-[10px] text-text-tertiary",children:n.email})]},n.id))]}),e.jsx("div",{className:"flex justify-end pt-2",children:e.jsx("button",{onClick:M,className:"btn-secondary text-xs",children:"Cancel"})})]}),d==="duration"&&f&&e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Assign to"," ",e.jsx("span",{className:"font-medium text-text-primary",children:f.display_name||f.external_id})," ","for:"]}),e.jsxs("select",{value:v,onChange:n=>{z(n.target.value),g(0)},className:"select w-full text-sm",children:[o.map(n=>e.jsx("option",{value:n.value,children:n.label},n.value)),e.jsx("option",{value:"custom",children:"Other..."})]}),v==="custom"&&e.jsx(G,{onChange:$,autoFocus:!0}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:_,className:"btn-secondary text-xs",children:"Back"}),e.jsx("button",{onClick:L,disabled:l,className:"btn-primary text-xs",children:l?"Assigning...":"Assign"})]})]})]})})}function Ie({open:s,onClose:i,selectedCount:c,onSubmit:t,isPending:p}){const[l,m]=r.useState(""),o=()=>{t(l||void 0)};return e.jsx(D,{open:s,onClose:i,title:"Submit for AI Triage",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Submit ",e.jsx("span",{className:"font-medium text-text-primary",children:c})," escalation(s) for AI triage? The triage orchestrator will take over resolution."]}),e.jsxs("div",{children:[e.jsxs("label",{className:"text-xs font-medium text-text-secondary block mb-1",children:["Triage hint ",e.jsx("span",{className:"text-text-tertiary",children:"(optional)"})]}),e.jsx("input",{type:"text",value:l,onChange:d=>m(d.target.value),placeholder:"e.g., image_orientation",className:"input text-xs font-mono w-full"}),e.jsx("p",{className:"text-[10px] text-text-tertiary mt-1",children:"Guides the triage workflow on what remediation to apply"})]}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:i,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:o,disabled:p,className:"btn-primary text-xs",children:p?"Submitting...":"Submit for Triage"})]})]})})}function I(s,i,c){return t=>{s.mutate(t,{onSuccess:()=>{i(),c==null||c()}})}}function ze(s){const i=()=>[...s.selectedIds];return{handleSetPriority:o=>{I(s.setPriority,s.clearSelection)({ids:i(),priority:o})},handleBulkClaim:o=>{I(s.bulkClaim,s.clearSelection)({ids:i(),durationMinutes:o})},handleBulkEscalate:o=>{I(s.bulkEscalate,s.clearSelection)({ids:i(),targetRole:o})},handleBulkTriage:o=>{I(s.bulkTriage,s.clearSelection,s.closeTriageModal)({ids:i(),hint:o})},handleBulkAssign:(o,d)=>{I(s.bulkAssign,s.clearSelection,s.closeAssignModal)({ids:i(),targetUserId:o,durationMinutes:d})}}}function Fe({claimTarget:s,onClose:i,claimDuration:c,onDurationChange:t,claimDurations:p,onCustomClaimChange:l,onClaim:m,isPending:o}){return e.jsx(D,{open:!!s,onClose:i,title:"Claim Escalation",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Claim ",e.jsx("span",{className:"font-medium text-text-primary",children:s==null?void 0:s.type})," for:"]}),e.jsxs("select",{value:c,onChange:d=>{t(d.target.value)},className:"select w-full text-sm",children:[p.map(d=>e.jsx("option",{value:d.value,children:d.label},d.value)),e.jsx("option",{value:"custom",children:"Other..."})]}),c==="custom"&&e.jsx(G,{onChange:l,autoFocus:!0}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:i,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:m,className:"btn-primary text-xs",disabled:o,children:o?"Claiming...":"Claim"})]})]})})}function rt(){pe();const s=Be(),{user:i,isSuperAdmin:c}=q(),{filters:t,setFilter:p,pagination:l,sort:m,setSort:o}=ye({filters:{role:"",type:"",priority:"",status:"available"}}),d=U(),[b,f]=r.useState(null),[S,k]=r.useState("30"),[E,v]=r.useState(0),z=r.useCallback(a=>v(a),[]),[u,g]=r.useState(new Set),[$,B]=r.useState(!1),[j,N]=r.useState(!1),T=re(),M=ce(),F=de(),_=ue(),L=me(),n=xe(),{data:y}=fe(),{data:P}=ge();r.useEffect(()=>{g(new Set)},[t.role,t.type,t.priority,t.status,l.page,l.pageSize]);const h=t.status||"",w=h==="available"||h==="claimed"?"pending":h==="resolved"?"resolved":void 0,{data:A,isLoading:Y,error:R,refetch:J,isFetching:K}=he({status:w,role:t.role||void 0,type:t.type||void 0,priority:t.priority?parseInt(t.priority):void 0,limit:l.pageSize,offset:l.offset,sort_by:m.sort_by||void 0,order:m.sort_by?m.order:void 0}),H=new Date,O=(A==null?void 0:A.escalations)??[],C=h==="available"?O.filter(a=>!a.assigned_to||!a.assigned_until||new Date(a.assigned_until)<=H):h==="claimed"?O.filter(a=>a.assigned_to&&a.assigned_until&&new Date(a.assigned_until)>H):O,V=h==="available"||h==="claimed"?C.length:(A==null?void 0:A.total)??0,Q=c||(i==null?void 0:i.roles.some(a=>a.type==="admin")),W=r.useMemo(()=>{const a=new Set;for(const x of C)u.has(x.id)&&a.add(x.role);return[...a]},[C,u]),X=r.useCallback(()=>g(new Set),[]),Z=()=>{if(!b)return;const a=S==="custom"?E:parseInt(S);!a||a<=0||T.mutate({id:b.id,durationMinutes:a},{onSuccess:()=>{f(null),s(`/escalations/detail/${b.id}`)}})},{handleSetPriority:ee,handleBulkClaim:te,handleBulkEscalate:se,handleBulkTriage:ae,handleBulkAssign:ne}=ze({selectedIds:u,clearSelection:X,setPriority:M,bulkClaim:F,bulkEscalate:L,bulkTriage:n,bulkAssign:_,closeTriageModal:()=>B(!1),closeAssignModal:()=>N(!1)}),ie=a=>{const x=new Set(u);x.has(a)?x.delete(a):x.add(a),g(x)},le=()=>{u.size===C.length?g(new Set):g(new Set(C.map(a=>a.id)))},oe=[Q?{key:"select",label:e.jsx("input",{type:"checkbox",checked:C.length>0&&u.size===C.length,onChange:le,className:"rounded"}),render:a=>e.jsx("input",{type:"checkbox",checked:u.has(a.id),onChange:x=>{x.stopPropagation(),ie(a.id)},onClick:x=>x.stopPropagation(),className:"rounded"}),className:"w-10"}:{key:"spacer",label:"",render:()=>null,className:"w-10"},...ke,{key:"actions",label:"",render:a=>e.jsx(Pe,{children:e.jsx(we,{icon:Ee,title:"Claim escalation",onClick:()=>f(a)})}),className:"w-16 text-right"}];return e.jsxs("div",{children:[e.jsx(Ce,{title:"All Escalations",docsHash:"#docs:dashboard.md:all-escalations"}),e.jsx(Ne,{filters:t,setFilter:p,roles:(y==null?void 0:y.roles)??[],types:(P==null?void 0:P.types)??[],showStatus:!0,actions:e.jsx(Ae,{onRefresh:()=>J(),isFetching:K,apiPath:`/escalations?limit=${l.pageSize}&offset=${l.offset}${w?`&status=${w}`:""}${t.role?`&role=${t.role}`:""}${t.type?`&type=${t.type}`:""}${t.priority?`&priority=${t.priority}`:""}`})}),u.size>0&&e.jsx(Me,{selectedCount:u.size,onClearSelection:()=>g(new Set),onSetPriority:ee,onClaim:te,onAssign:()=>N(!0),onEscalate:se,onTriage:()=>B(!0),isPriorityPending:M.isPending,isClaimPending:F.isPending,isAssignPending:_.isPending,isEscalatePending:L.isPending,isTriagePending:n.isPending,availableRoles:(y==null?void 0:y.roles)??[]}),R&&e.jsx("div",{className:"mb-4 px-4 py-3 rounded-md bg-status-error/10 border border-status-error/20 text-xs text-status-error",children:R.message==="Session expired"?"Your session has expired. Please log in again.":`Failed to load escalations: ${R.message}`}),e.jsx(be,{columns:oe,data:C,keyFn:a=>a.id,onRowClick:a=>s(`/escalations/detail/${a.id}`,{state:{from:"/escalations/available"}}),isLoading:Y,emptyMessage:R?"Unable to load data":"No available escalations",sort:m,onSort:o}),e.jsx(je,{page:l.page,totalPages:l.totalPages(V),onPageChange:l.setPage,total:V,pageSize:l.pageSize,onPageSizeChange:l.setPageSize}),e.jsx(Fe,{claimTarget:b,onClose:()=>f(null),claimDuration:S,onDurationChange:a=>{k(a),v(0)},claimDurations:d,customClaimMinutes:E,onCustomClaimChange:z,onClaim:Z,isPending:T.isPending}),e.jsx(Ie,{open:$,onClose:()=>B(!1),selectedCount:u.size,onSubmit:ae,isPending:n.isPending}),e.jsx(_e,{open:j,onClose:()=>N(!1),selectedCount:u.size,selectedRoles:W,onSubmit:ne,isPending:_.isPending})]})}export{rt as AvailableEscalationsPage};
|
|
2
|
+
//# sourceMappingURL=AvailableEscalationsPage-BFzHVnPh.js.map
|