feat(agent-task): add integration templates

libs/domains/services/data-access/src/lib/domains-services-data-access.ts

@@ -918,6 +918,10 @@ type EditAdvancedSettingsRequest = {
 }
 
 export const mutations = {
+  async deployAgenticWorkflow({ agenticWorkflowId }: { agenticWorkflowId: string }) {
+    const response = await agenticWorkflowsApi.deployAgenticWorkflow(agenticWorkflowId)
+    return response.data
+  },
   async cloneService({ serviceId, serviceType, payload }: CloneServiceRequest) {
     const { mutation } = match(serviceType)
       .with('APPLICATION', (serviceType) => ({

libs/domains/services/feature/src/index.ts

@@ -50,6 +50,7 @@ export * from './lib/hooks/use-restart-all-services/use-restart-all-services'
 export * from './lib/hooks/use-restart-service/use-restart-service'
 export * from './lib/hooks/use-deploy-all-services/use-deploy-all-services'
 export * from './lib/hooks/use-deploy-service/use-deploy-service'
+export * from './lib/hooks/use-deploy-agentic-workflow/use-deploy-agentic-workflow'
 export * from './lib/hooks/use-redeploy-service-action/use-redeploy-service-action'
 export * from './lib/hooks/use-stop-all-services/use-stop-all-services'
 export * from './lib/hooks/use-uninstall-all-services/use-uninstall-all-services'

libs/domains/services/feature/src/lib/agentic-workflow-service-actions/agentic-workflow-service-actions.spec.tsx

@@ -4,10 +4,12 @@ import { renderWithProviders, screen } from '@qovery/shared/util-tests'
 import { AgenticWorkflowServiceActions } from './agentic-workflow-service-actions'
 
 const mockDeleteService = jest.fn()
+const mockDeployAgenticWorkflow = jest.fn()
 const mockNavigate = jest.fn()
 const mockOpenModalConfirmation = jest.fn()
 const mockCopyToClipboard = jest.fn()
 const mockAuditLogsLink = jest.fn()
+let mockIsDeploying = false
 
 jest.mock('@tanstack/react-router', () => ({
   useNavigate: () => mockNavigate,
@@ -42,6 +44,10 @@ jest.mock('../hooks/use-delete-service/use-delete-service', () => ({
   useDeleteService: () => ({ mutateAsync: mockDeleteService }),
 }))
 
+jest.mock('../hooks/use-deploy-agentic-workflow/use-deploy-agentic-workflow', () => ({
+  useDeployAgenticWorkflow: () => ({ mutate: mockDeployAgenticWorkflow, isLoading: mockIsDeploying }),
+}))
+
 jest.mock('@qovery/shared/util-hooks', () => ({
   useCopyToClipboard: () => [undefined, mockCopyToClipboard],
 }))
@@ -62,6 +68,7 @@ describe('AgenticWorkflowServiceActions', () => {
 
   beforeEach(() => {
     jest.clearAllMocks()
+    mockIsDeploying = false
   })
 
   it('only exposes audit logs, metadata, and delete actions', async () => {
@@ -87,6 +94,39 @@ describe('AgenticWorkflowServiceActions', () => {
     expect(screen.queryByRole('menuitem', { name: 'Redeploy' })).not.toBeInTheDocument()
   })
 
+  it('triggers the workflow from the button to the left of the actions menu', async () => {
+    const { userEvent } = renderWithProviders(
+      <AgenticWorkflowServiceActions environment={environment} service={service} />
+    )
+
+    const triggerButton = screen.getByRole('button', { name: 'Trigger' })
+    const actionsButton = screen.getByRole('button', { name: 'Other actions for Review pull requests' })
+
+    expect(triggerButton.compareDocumentPosition(actionsButton)).toBe(Node.DOCUMENT_POSITION_FOLLOWING)
+
+    await userEvent.hover(triggerButton)
+
+    expect(await screen.findByRole('tooltip')).toHaveTextContent('Trigger')
+
+    await userEvent.click(triggerButton)
+
+    expect(mockDeployAgenticWorkflow).toHaveBeenCalledWith({ agenticWorkflowId: 'workflow-1' })
+  })
+
+  it('shows the trigger button in the service header', () => {
+    renderWithProviders(<AgenticWorkflowServiceActions environment={environment} service={service} variant="header" />)
+
+    expect(screen.getByRole('button', { name: 'Trigger' })).toBeInTheDocument()
+  })
+
+  it('disables the trigger button while a request is pending', () => {
+    mockIsDeploying = true
+
+    renderWithProviders(<AgenticWorkflowServiceActions environment={environment} service={service} />)
+
+    expect(screen.getByRole('button', { name: 'Trigger' })).toBeDisabled()
+  })
+
   it('shows and copies service metadata', async () => {
     const { userEvent } = renderWithProviders(
       <AgenticWorkflowServiceActions environment={environment} service={service} />

libs/domains/services/feature/src/lib/agentic-workflow-service-actions/agentic-workflow-service-actions.tsx

@@ -5,6 +5,7 @@ import { type AgenticWorkflow } from '@qovery/domains/services/data-access'
 import { Button, DropdownMenu, Icon, Tooltip, useModalConfirmation } from '@qovery/shared/ui'
 import { useCopyToClipboard } from '@qovery/shared/util-hooks'
 import { useDeleteService } from '../hooks/use-delete-service/use-delete-service'
+import { useDeployAgenticWorkflow } from '../hooks/use-deploy-agentic-workflow/use-deploy-agentic-workflow'
 
 export interface AgenticWorkflowServiceActionsProps {
   environment: Environment
@@ -25,6 +26,10 @@ export function AgenticWorkflowServiceActions({
   const navigate = useNavigate()
   const { openModalConfirmation } = useModalConfirmation()
   const { mutateAsync: deleteService } = useDeleteService({ organizationId, environmentId })
+  const { mutate: deployAgenticWorkflow, isLoading: isDeploying } = useDeployAgenticWorkflow({
+    environmentId,
+    serviceId: service.id,
+  })
   const [copiedMetadataLabel, setCopiedMetadataLabel] = useState<string>()
   const [, copyToClipboard] = useCopyToClipboard()
   const metadata = [
@@ -57,7 +62,21 @@ export function AgenticWorkflowServiceActions({
   }
 
   return (
-    <div onClick={onAction}>
+    <div className="flex items-center gap-2" onClick={onAction}>
+      <Tooltip content="Trigger">
+        <Button
+          aria-label="Trigger"
+          variant="outline"
+          size={variant === 'header' ? 'md' : 'sm'}
+          iconOnly
+          loading={isDeploying}
+          disabled={isDeploying}
+          onClick={() => deployAgenticWorkflow({ agenticWorkflowId: service.id })}
+          onKeyDown={onAction}
+        >
+          <Icon iconName="play" />
+        </Button>
+      </Tooltip>
       <DropdownMenu.Root>
         <DropdownMenu.Trigger asChild>
           <Button

libs/domains/services/feature/src/lib/hooks/use-deploy-agentic-workflow/use-deploy-agentic-workflow.ts

@@ -0,0 +1,32 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query'
+import { mutations } from '@qovery/domains/services/data-access'
+import { toast } from '@qovery/shared/ui'
+import { queries } from '@qovery/state/util-queries'
+
+export function useDeployAgenticWorkflow({ environmentId, serviceId }: { environmentId: string; serviceId: string }) {
+  const queryClient = useQueryClient()
+
+  return useMutation(mutations.deployAgenticWorkflow, {
+    onSuccess() {
+      queryClient.invalidateQueries({
+        queryKey: queries.services.listStatuses(environmentId).queryKey,
+      })
+      queryClient.invalidateQueries({
+        queryKey: queries.services.status({ id: serviceId, serviceType: 'AGENTIC_WORKFLOW' }).queryKey,
+      })
+      queryClient.invalidateQueries({
+        queryKey: queries.services.deploymentHistory({ serviceId, serviceType: 'AGENTIC_WORKFLOW' }).queryKey,
+      })
+      queryClient.invalidateQueries({
+        queryKey: queries.environments.deploymentHistoryV2({ environmentId }).queryKey,
+      })
+
+      toast('success', 'Agent task triggered')
+    },
+    meta: {
+      notifyOnError: true,
+    },
+  })
+}
+
+export default useDeployAgenticWorkflow

libs/domains/services/feature/src/lib/service-creation-flow/agentic-workflow/agentic-workflow-templates.spec.ts

@@ -1,22 +1,56 @@
+import { AgenticWorkflowExecutionMode } from 'qovery-typescript-axios'
 import { AGENTIC_WORKFLOW_TEMPLATES, getAgenticWorkflowTemplate } from './agentic-workflow-templates'
 
 describe('agentic-workflow-templates', () => {
-  it('exposes the Incident Analyser use case', () => {
-    const template = getAgenticWorkflowTemplate('incident-analyser')
-    expect(template).toBeDefined()
-    expect(template?.title).toBe('Incident Analyser')
-    expect(template?.seed.name).toBe('Incident Analyser')
-    expect(template?.seed.agentPrompt).toBeTruthy()
-    // The prompt must reference the seeded credentials so the agent actually uses them.
-    expect(template?.seed.agentPrompt).toContain('INCIDENT_IO_API_KEY')
-    expect(template?.seed.agentPrompt).toContain('SLACK_WEBHOOK_URL')
-    expect(template?.seed.cpu).toBe('200')
-    expect(template?.seed.memory).toBe('256')
+  it.each([
+    ['incident-io-analyzer', 'INCIDENT_IO_API_KEY'],
+    ['honeybadger-incident-analyzer', 'HONEYBADGER_API_TOKEN'],
+  ])('preconfigures the %s incident analyzer', (id, credential) => {
+    const template = getAgenticWorkflowTemplate(id)
+
+    expect(template?.logoPath).toBeTruthy()
+    expect(template?.seed.executionMode).toBe(AgenticWorkflowExecutionMode.CLONE_ENVIRONMENT)
+    expect(template?.seed.agentPrompt).toContain(credential)
+    expect(template?.seed.automations).toEqual([
+      expect.objectContaining({ triggers: [expect.objectContaining({ type: 'webhook' })] }),
+    ])
+    expect(template?.variables?.map((variable) => variable.variable)).toContain(credential)
+  })
+
+  it('configures Jira Cloud Basic authentication and tenant access', () => {
+    const template = getAgenticWorkflowTemplate('jira-coding-agent')
+
+    expect(template?.seed.agentPrompt).toContain('JIRA_EMAIL')
+    expect(template?.seed.agentPrompt).toContain('HTTP Basic auth')
+    expect(template?.seed.whitelistHosts?.split(',')).toContain('*.atlassian.net')
     expect(template?.variables?.map((variable) => variable.variable)).toEqual([
-      'INCIDENT_IO_API_KEY',
-      'SLACK_WEBHOOK_URL',
+      'JIRA_BASE_URL',
+      'JIRA_EMAIL',
+      'JIRA_API_TOKEN',
     ])
-    expect(template?.variables?.every((variable) => variable.isSecret)).toBe(true)
+  })
+
+  it.each(['jira-coding-agent', 'linear-coding-agent'])('allows the %s to reach the Bitbucket API', (id) => {
+    expect(getAgenticWorkflowTemplate(id)?.seed.whitelistHosts?.split(',')).toContain('api.bitbucket.org')
+  })
+
+  it.each([
+    ['jira-coding-agent', 'Jira Coding Agent', 'JIRA_API_TOKEN'],
+    ['linear-coding-agent', 'Linear Coding Agent', 'LINEAR_API_KEY'],
+  ])('exposes the %s template', (id, title, credential) => {
+    const template = getAgenticWorkflowTemplate(id)
+
+    expect(template?.title).toBe(title)
+    expect(template?.logoPath).toBeTruthy()
+    expect(template?.seed.agentPrompt).toContain(credential)
+    expect(template?.variables?.map((variable) => variable.variable)).toContain(credential)
+  })
+
+  it('provides theme-specific Linear logos', () => {
+    const template = getAgenticWorkflowTemplate('linear-coding-agent')
+
+    expect(template?.logoPath).toBe('/assets/agent-templates/linear-dark.svg')
+    expect(template?.darkLogoPath).toBe('/assets/agent-templates/linear-light.svg')
   })
 
   it('exposes the Build & deployment optimizer use case', () => {
@@ -42,7 +76,17 @@ describe('agentic-workflow-templates', () => {
     const ids = AGENTIC_WORKFLOW_TEMPLATES.map((template) => template.id)
     expect(new Set(ids).size).toBe(ids.length)
     AGENTIC_WORKFLOW_TEMPLATES.forEach((template) => {
-      expect(template.iconName).toBeTruthy()
+      expect(template.iconName ?? template.logoPath).toBeTruthy()
     })
   })
+
+  it('places the build optimizer before coding agents', () => {
+    expect(AGENTIC_WORKFLOW_TEMPLATES.map((template) => template.id)).toEqual([
+      'incident-io-analyzer',
+      'honeybadger-incident-analyzer',
+      'build-optimizer',
+      'jira-coding-agent',
+      'linear-coding-agent',
+    ])
+  })
 })