@kortix/ui 0.14.12 → 0.14.14

package/dist/customize/triggers/schedule/trigger-composer.js

@@ -4,11 +4,16 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * New trigger: one "When → Then" composer.
  *
  * A trigger is one sentence. The modal shows all of it at once: when it
- * starts (a schedule, an app event or a webhook), what the agent does, a name,
+ * starts (a schedule, an event from one of the project's Apps, a connector
+ * event, a webhook, or a merged change request), what the agent does, a name,
  * and the options with sane defaults folded away. There is no Next or Back, so
  * the whole trigger is visible at every moment and the header sums it up in a
  * sentence. Browsing an app's events creates nothing; Create adds the app's
  * connector first when the project has none, then the trigger.
+ *
+ * Every source always shows. One the project cannot use yet says why in its
+ * panel and links to the fix: no App sends events (Apps), or connector events
+ * are off (the beta flag `event_triggers`, Project admin › Feature flags).
  */
 import { Button } from '../../../primitives/button.js';
 import { InfoBanner } from '../../../primitives/info-banner.js';
@@ -16,27 +21,31 @@ import { Input } from '../../../primitives/input.js';
 import { Label } from '../../../primitives/label.js';
 import Loading from '../../../primitives/loading.js';
 import { Modal, ModalBody, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, } from '../../../primitives/modal.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../primitives/select.js';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../../primitives/tabs.js';
 import { successToast } from '../../../primitives/toast.js';
 import { agentDisplayLabel } from '../../../session/composer/session-chat-input.js';
 import { useTranslations as useI18nTranslations } from '../../../i18n/index.js';
 import { useProjectFeatureFlags } from '../../../internal/lib/use-project-feature-flags.js';
-import { useUiViewerId } from '../../../providers/ui-provider.js';
+import { UiLink as Link, useUiViewerId } from '../../../providers/ui-provider.js';
+import { uiRoutes } from '../../../lib/routes.js';
+import { projectSettingsSectionHref } from '../../project-settings/project-settings-sections.js';
 import { createProjectTrigger, upsertProjectSecret } from '@kortix/sdk';
-import { modelKeyToWire, useProjectTriggerEventApps, useVisibleAgents } from '@kortix/sdk/react';
-import { AppWindowIcon, LightningIcon, TimerIcon, WebhooksLogoIcon } from '@phosphor-icons/react';
+import { modelKeyToWire, useProjectApps, useProjectTriggerEventApps, useVisibleAgents, } from '@kortix/sdk/react';
+import { AppWindowIcon, GitMergeIcon, LightningIcon, TimerIcon, WebhooksLogoIcon } from '@phosphor-icons/react';
 import { useMutation } from '@tanstack/react-query';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { InlineError } from './composer-parts.js';
 import { appConnectors, describeEventStatus, draftToConfig, eventAppTarget, parseConfigErrors, schemaFields, } from './event-trigger-copy.js';
-import { describeCadence, describeOneOff } from './schedule-copy.js';
+import { COMPOSER_KINDS, describeCadence, describeOneOff } from './schedule-copy.js';
 import { triggerToastEntity } from './trigger-toast.js';
-import { rowsToConditions } from './schedule-fields.js';
 import { ThenFields } from './then-fields.js';
-import { runCapFromInput, findDraftApp, initialDraft, normalizeSecretName, runCreate, slugify, spaceTriggerAccess, summarize, triggerConnection, triggerName, validate, withKind, } from './trigger-composer-logic.js';
+import { runCapFromInput, eventSendingApps, findDraftApp, initialDraft, normalizeSecretName, runCreate, slugify, spaceTriggerAccess, summarize, triggerConnection, triggerFilter, triggerName, validate, withKind, } from './trigger-composer-logic.js';
 import { PostToField } from './post-to-field.js';
 import { TriggerOptions } from './trigger-options.js';
 import { useEventAppConnect } from './use-event-app-connect.js';
+import { WhenApp } from './when-app.js';
+import { WhenChangeRequest } from './when-change-request.js';
 import { WhenEvent } from './when-event.js';
 import { WhenSchedule } from './when-schedule.js';
 import { WhenWebhook } from './when-webhook.js';
@@ -64,21 +73,29 @@ const BLOCK_LABELS = {
     event: LightningIcon,
     webhook: WebhooksLogoIcon,
     app: AppWindowIcon,
+    change_request: GitMergeIcon,
+};
+/** The source picker's labels (the words each kind shows elsewhere). */
+const KIND_LABEL_KEY = {
+    cron: 'textf4830a1dae29',
+    app: 'text5441e7146193',
+    event: 'textca395c4d19b2',
+    webhook: 'text4814f62c108d',
 };
+/** A source this project cannot use yet: one sentence on why, and the link that fixes it. */
+function Unavailable({ children, action }) {
+    return (_jsx(InfoBanner, { tone: "info", className: "text-xs", action: action, children: children }));
+}
 function ComposerForm({ projectId, onOpenChange, onCreated, initialAgent = null, initialKind = null, initialApp = null, initialConnector = null, initialSpace = null, onBusyChange, }) {
     const viewerId = useUiViewerId();
     const tI18nComplete = useI18nTranslations('hardcodedUi.i18nComplete');
     const tComposer = useI18nTranslations('triggerComposer');
-    // App events are a beta feature behind the project flag `event_triggers`. Off: no App event tab,
-    // no catalog request, and an entry point that asks for an app event opens on Schedule.
+    // Connector events are a beta feature behind the project flag `event_triggers`. Off: the tab
+    // stays and its panel says how to turn it on; no catalog request is sent.
     const eventsOn = useProjectFeatureFlags(projectId).flags.event_triggers === true;
     const [draft, setDraft] = useState(() => ({
         ...initialDraft({
-            kind: eventsOn
-                ? (initialKind ?? (initialApp || initialConnector ? 'event' : null))
-                : initialKind === 'event'
-                    ? null
-                    : initialKind,
+            kind: initialKind ?? (initialApp || initialConnector ? 'event' : null),
             agent: initialAgent,
             appSlug: initialApp?.app ?? null,
             appSource: initialApp?.source ?? initialApp?.provider ?? null,
@@ -104,6 +121,13 @@ function ComposerForm({ projectId, onOpenChange, onCreated, initialAgent = null,
     const agents = useVisibleAgents({ projectId });
     // A null project id keeps the hook idle: with events off nothing asks for the catalog.
     const apps = useProjectTriggerEventApps(eventsOn ? projectId : null);
+    // App events need no flag; with no App that can send one, the panel says so and links to Apps.
+    const projectApps = useProjectApps(projectId);
+    const kortixApps = eventSendingApps(projectApps.data);
+    const appsHref = uiRoutes().apps(projectId);
+    // A source the project cannot use yet: its panel says why, and Create waits.
+    const unavailable = (draft.kind === 'event' && !eventsOn) ||
+        (draft.kind === 'app' && kortixApps.length === 0 && !draft.kortixApp && !projectApps.isLoading);
     const { add, canConnect } = useEventAppConnect(projectId);
     // Create adds the app's connector, which refreshes the app list. Hold the
     // app as it was at the click so the form does not rearrange under the spinner.
@@ -156,6 +180,7 @@ function ComposerForm({ projectId, onOpenChange, onCreated, initialAgent = null,
             const slug = slugify(draft.customId.trim() || trimmedName);
             const isCron = draft.kind === 'cron';
             const isEvent = draft.kind === 'event';
+            const isApp = draft.kind === 'app';
             let secretEnv;
             if (draft.kind === 'webhook') {
                 secretEnv =
@@ -171,7 +196,7 @@ function ComposerForm({ projectId, onOpenChange, onCreated, initialAgent = null,
                 });
             }
             const needsConnector = isEvent && app !== null && appConnectors(app).length === 0;
-            const filter = rowsToConditions(draft.conditions);
+            const filter = triggerFilter(draft);
             return runCreate({
                 addConnector: needsConnector && app
                     ? async () => {
@@ -211,13 +236,18 @@ function ComposerForm({ projectId, onOpenChange, onCreated, initialAgent = null,
                                 event: draft.eventType?.type,
                                 event_config: draftToConfig(configFields, draft.configDraft),
                             }
-                            : { secret_env: secretEnv }),
+                            : isApp
+                                ? { app: draft.kortixApp ?? undefined }
+                                : draft.kind === 'change_request'
+                                    ? {}
+                                    : { secret_env: secretEnv }),
                 }),
             });
         },
         onSuccess: (listing) => {
             const isEvent = draft.kind === 'event';
             const isCron = draft.kind === 'cron';
+            const isApp = draft.kind === 'app';
             const created = listing.triggers
                 .filter((t) => t.type === draft.kind && t.name === name.trim())
                 .slice(-1)[0];
@@ -226,11 +256,14 @@ function ComposerForm({ projectId, onOpenChange, onCreated, initialAgent = null,
                     ? describeOneOff(draft.runAt)
                     : describeCadence(draft.cron.trim())
                 : undefined;
-            successToast(isEvent
+            const isChangeRequest = draft.kind === 'change_request';
+            successToast(isEvent || isApp
                 ? tI18nComplete.raw('text840993da3129')
                 : isCron
                     ? tI18nComplete.raw('text84e98b45ad8b')
-                    : tI18nComplete.raw('text20bf63f7b46f'), {
+                    : isChangeRequest
+                        ? tI18nComplete.raw('text80ca527b0d55')
+                        : tI18nComplete.raw('text20bf63f7b46f'), {
                 entity: triggerToastEntity({ name: name.trim(), type: draft.kind }, cadence),
                 description: isEvent
                     ? created?.event
@@ -239,7 +272,7 @@ function ComposerForm({ projectId, onOpenChange, onCreated, initialAgent = null,
                             : (describeEventStatus(created.event, tI18nComplete).detail ??
                                 tI18nComplete.raw('text80273a6c8918'))
                         : undefined
-                    : isCron
+                    : isCron || isApp || isChangeRequest
                         ? undefined
                         : tI18nComplete.raw('text4aded5c6750d'),
             });
@@ -281,5 +314,9 @@ function ComposerForm({ projectId, onOpenChange, onCreated, initialAgent = null,
         const Icon = BLOCK_LABELS[kind];
         return _jsx(Icon, { className: "size-3.5 shrink-0", weight: "fill" });
     };
-    return (_jsxs(_Fragment, { children: [_jsxs(ModalHeader, { className: "pr-12 pb-3", children: [_jsx(ModalTitle, { children: tI18nComplete.raw('texta38f4ea67a30') }), _jsx(ModalDescription, { className: "text-pretty", "aria-live": "polite", children: summarize(draft, app, agentDisplayLabel(agents, draft.agent), tI18nComplete) })] }), _jsx(ModalBody, { className: "min-h-0 flex-1 overflow-y-auto px-5 py-4 lg:max-h-[min(calc(100dvh-13rem),44rem)] lg:flex-none", children: _jsxs("div", { ref: bodyRef, className: "space-y-8", children: [_jsxs("section", { "data-block": "when", className: "space-y-3", children: [_jsx(SectionTitle, { children: tI18nComplete.raw('textcf9c7aa24a26') }), _jsxs(Tabs, { value: draft.kind, onValueChange: (kind) => setDraft((d) => withKind(d, kind)), children: [_jsxs(TabsList, { className: "w-full", children: [_jsxs(TabsTrigger, { value: "cron", className: "flex-1 gap-1.5", children: [tabIcon('cron'), tI18nComplete.raw('textf4830a1dae29')] }), eventsOn ? (_jsxs(TabsTrigger, { value: "event", className: "flex-1 gap-1.5", children: [tabIcon('event'), tI18nComplete.raw('textca395c4d19b2')] })) : null, _jsxs(TabsTrigger, { value: "webhook", className: "flex-1 gap-1.5", children: [tabIcon('webhook'), tI18nComplete.raw('text4814f62c108d')] })] }), _jsx(TabsContent, { value: "cron", className: "pt-3", children: _jsx(WhenSchedule, { draft: draft, patch: patch, error: blockError('when') }) }), eventsOn ? (_jsx(TabsContent, { value: "event", className: "pt-3", children: _jsx(WhenEvent, { projectId: projectId, apps: apps, draft: draft, patch: patch, setDraft: setDraft, configFields: configFields, configErrors: configErrors, canConnect: canConnect, error: blockError('when') }) })) : null, _jsx(TabsContent, { value: "webhook", className: "pt-3", children: _jsx(WhenWebhook, { draft: draft, patch: patch, error: blockError('when') }) })] })] }), _jsxs("section", { "data-block": "then", className: "space-y-3", children: [_jsx(SectionTitle, { children: tI18nComplete.raw('text0597f441dcca') }), _jsx(ThenFields, { agents: agents, draft: draft, patch: patch, payloadSchema: draft.eventType?.payload_schema, error: blockError('then') })] }), _jsxs("section", { className: "space-y-3", children: [_jsx(SectionTitle, { children: tComposer('details') }), _jsxs("div", { "data-block": "name", className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "trigger-name", className: "text-xs", children: tI18nComplete.raw('textdcd1d5223f73') }), _jsx(Input, { id: "trigger-name", value: name, onChange: (e) => patch({ nameOverride: e.target.value }), placeholder: tI18nComplete.raw('textc8cf587a3b6c'), maxLength: 64, "aria-invalid": blockError('name') || nameError ? true : undefined }), _jsx(InlineError, { message: blockError('name') ?? nameError })] }), _jsx(PostToField, { projectId: projectId, draft: draft, patch: patch, baseAccess: initialDraft({}).sessionAccess }), _jsx("div", { "data-block": "options", children: _jsx(TriggerOptions, { projectId: projectId, draft: draft, patch: patch, name: name, open: optionsOpen, onOpenChange: setOptionsOpen, error: blockError('options') }) })] }), error ? (_jsx("div", { ref: errorRef, children: _jsx(InfoBanner, { tone: "destructive", className: "text-xs", children: error }) })) : null] }) }), _jsxs(ModalFooter, { className: "mt-0 shrink-0 flex-row gap-2 border-t px-5 py-3 sm:space-x-0", children: [_jsx(Button, { variant: "ghost", size: "sm", disabled: create.isPending, onClick: () => onOpenChange(false), children: tI18nComplete.raw('text19766ed6ccb2') }), _jsxs(Button, { size: "sm", className: "gap-1.5", onClick: submit, disabled: create.isPending, children: [create.isPending ? _jsx(Loading, { className: "size-3.5 shrink-0" }) : null, tI18nComplete.raw('texte18bbdd15a81')] })] })] }));
+    const kindLabel = (kind) => kind === 'change_request' ? tComposer('crTab') : tI18nComplete.raw(KIND_LABEL_KEY[kind]);
+    const pickKind = (kind) => setDraft((d) => withKind(d, kind));
+    return (_jsxs(_Fragment, { children: [_jsxs(ModalHeader, { className: "pr-12 pb-3", children: [_jsx(ModalTitle, { children: tI18nComplete.raw('texta38f4ea67a30') }), _jsx(ModalDescription, { className: "text-pretty", "aria-live": "polite", children: summarize(draft, app, agentDisplayLabel(agents, draft.agent), tI18nComplete) })] }), _jsx(ModalBody, { className: "min-h-0 flex-1 overflow-y-auto px-5 py-4 lg:max-h-[min(calc(100dvh-13rem),44rem)] lg:flex-none", children: _jsxs("div", { ref: bodyRef, className: "space-y-8", children: [_jsxs("section", { "data-block": "when", className: "space-y-3", children: [_jsx(SectionTitle, { children: tI18nComplete.raw('textcf9c7aa24a26') }), _jsxs(Tabs, { value: draft.kind, onValueChange: pickKind, children: [_jsxs(Select, { value: draft.kind, onValueChange: pickKind, children: [_jsx(SelectTrigger, { className: "w-full cursor-pointer text-sm lg:hidden", "aria-label": tI18nComplete.raw('textcf9c7aa24a26'), children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: COMPOSER_KINDS.map((kind) => (_jsx(SelectItem, { value: kind, className: "cursor-pointer", children: _jsxs("span", { className: "flex items-center gap-1.5", children: [tabIcon(kind), kindLabel(kind)] }) }, kind))) })] }), _jsx(TabsList, { className: "hidden w-full lg:flex", children: COMPOSER_KINDS.map((kind) => (_jsxs(TabsTrigger, { value: kind, className: "flex-1 gap-1.5", children: [tabIcon(kind), kindLabel(kind)] }, kind))) }), _jsx(TabsContent, { value: "cron", className: "pt-3", children: _jsx(WhenSchedule, { draft: draft, patch: patch, error: blockError('when') }) }), _jsx(TabsContent, { value: "app", className: "pt-3", children: kortixApps.length > 0 || draft.kortixApp || projectApps.isLoading ? (_jsx(WhenApp, { apps: kortixApps, draft: draft, patch: patch, error: blockError('when') })) : (_jsx(Unavailable, { action: appsHref ? (_jsx(Button, { asChild: true, size: "sm", variant: "outline", children: _jsx(Link, { href: appsHref, children: tComposer('openApps') }) })) : null, children: tComposer.rich('noApps', {
+                                                    code: (chunks) => (_jsx("code", { className: "bg-muted text-foreground rounded-sm px-1 py-0.5 font-mono text-xs", children: chunks })),
+                                                }) })) }), _jsx(TabsContent, { value: "event", className: "pt-3", children: eventsOn ? (_jsx(WhenEvent, { projectId: projectId, apps: apps, draft: draft, patch: patch, setDraft: setDraft, configFields: configFields, configErrors: configErrors, canConnect: canConnect, error: blockError('when') })) : (_jsx(Unavailable, { action: _jsx(Button, { asChild: true, size: "sm", variant: "outline", children: _jsx(Link, { href: projectSettingsSectionHref(projectId, 'feature-flags'), children: tI18nComplete.raw('text20a2e59ba129') }) }), children: tComposer('eventsOff') })) }), _jsx(TabsContent, { value: "webhook", className: "pt-3", children: _jsx(WhenWebhook, { draft: draft, patch: patch, error: blockError('when') }) }), _jsx(TabsContent, { value: "change_request", className: "pt-3", children: _jsx(WhenChangeRequest, { draft: draft, patch: patch }) })] })] }), _jsxs("section", { "data-block": "then", className: "space-y-3", children: [_jsx(SectionTitle, { children: tI18nComplete.raw('text0597f441dcca') }), _jsx(ThenFields, { agents: agents, draft: draft, patch: patch, payloadSchema: draft.eventType?.payload_schema, error: blockError('then') })] }), _jsxs("section", { className: "space-y-3", children: [_jsx(SectionTitle, { children: tComposer('details') }), _jsxs("div", { "data-block": "name", className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "trigger-name", className: "text-xs", children: tI18nComplete.raw('textdcd1d5223f73') }), _jsx(Input, { id: "trigger-name", value: name, onChange: (e) => patch({ nameOverride: e.target.value }), placeholder: tI18nComplete.raw('textc8cf587a3b6c'), maxLength: 64, "aria-invalid": blockError('name') || nameError ? true : undefined }), _jsx(InlineError, { message: blockError('name') ?? nameError })] }), _jsx(PostToField, { projectId: projectId, draft: draft, patch: patch, baseAccess: initialDraft({}).sessionAccess }), _jsx("div", { "data-block": "options", children: _jsx(TriggerOptions, { projectId: projectId, draft: draft, patch: patch, name: name, open: optionsOpen, onOpenChange: setOptionsOpen, error: blockError('options') }) })] }), error ? (_jsx("div", { ref: errorRef, children: _jsx(InfoBanner, { tone: "destructive", className: "text-xs", children: error }) })) : null] }) }), _jsxs(ModalFooter, { className: "mt-0 shrink-0 flex-row gap-2 border-t px-5 py-3 sm:space-x-0", children: [_jsx(Button, { variant: "ghost", size: "sm", disabled: create.isPending, onClick: () => onOpenChange(false), children: tI18nComplete.raw('text19766ed6ccb2') }), _jsxs(Button, { size: "sm", className: "gap-1.5", onClick: submit, disabled: create.isPending || unavailable, children: [create.isPending ? _jsx(Loading, { className: "size-3.5 shrink-0" }) : null, tI18nComplete.raw('texte18bbdd15a81')] })] })] }));
 }

package/dist/customize/triggers/schedule/trigger-edit-logic.js

@@ -5,8 +5,8 @@
  */
 import { modelKeyToWire } from '@kortix/sdk/react';
 import { configToDraft, draftToConfig, humanizeEventType, schemaFields, } from './event-trigger-copy.js';
-import { conditionsToRows, rowsToConditions, sameConditions } from './schedule-fields.js';
-import { initialDraft, runCapFromInput } from './trigger-composer-logic.js';
+import { conditionsToRows, sameConditions } from './schedule-fields.js';
+import { APP_EVENT_NAME_PATH, initialDraft, runCapFromInput, triggerFilter } from './trigger-composer-logic.js';
 /** The event type the catalog has no entry for: enough to name it and keep its saved config. */
 function stubEventType(event) {
     return {
@@ -22,6 +22,11 @@ function stubEventType(event) {
 /** The saved trigger as a draft. `eventType` is the catalog entry for an event trigger, when it loaded. */
 export function draftFromTrigger(trigger, saved) {
     const event = trigger.event;
+    // An App event's event name is its `event.name` condition: the When block shows it, not the conditions.
+    const { [APP_EVENT_NAME_PATH]: appEvent, base: crBase } = trigger.filter ?? {};
+    const named = trigger.type === 'app' && typeof appEvent === 'string';
+    // A change request's branch is its `base` condition: the When block shows it, not the conditions.
+    const branch = trigger.type === 'change_request' && typeof crBase === 'string' ? crBase : null;
     const eventType = event ? (saved.eventType ?? stubEventType(event)) : null;
     return {
         ...initialDraft({ kind: trigger.type, agent: trigger.agent }),
@@ -36,13 +41,18 @@ export function draftFromTrigger(trigger, saved) {
         configDraft: eventType
             ? configToDraft(schemaFields(eventType.config_schema), event?.config ?? {})
             : {},
+        kortixApp: trigger.type === 'app' ? (trigger.app ?? null) : null,
+        appEvent: named ? appEvent : '',
+        crBase: branch ?? '',
         instruction: trigger.prompt_template,
         model: saved.model,
         nameOverride: trigger.name,
         mode: trigger.session_mode,
         pinnedSessionId: trigger.session_id,
         sessionKey: trigger.session_key ?? '',
-        conditions: conditionsToRows(trigger.filter),
+        conditions: conditionsToRows(named || branch !== null
+            ? Object.fromEntries(Object.entries(trigger.filter ?? {}).filter(([path]) => !(named && path === APP_EVENT_NAME_PATH) && !(branch !== null && path === 'base')))
+            : trigger.filter),
         secretName: trigger.secret_env ?? '',
         startActive: trigger.enabled,
         sessionAccess: trigger.session_access,
@@ -88,8 +98,11 @@ export function triggerPatch(saved, draft) {
                 : { cron: draft.cron.trim(), run_at: null, timezone: draft.timezone });
         }
     }
-    else if (!sameConditions(rowsToConditions(draft.conditions), rowsToConditions(saved.conditions))) {
-        out.filter = rowsToConditions(draft.conditions);
+    else if (!sameConditions(triggerFilter(draft), triggerFilter(saved))) {
+        out.filter = triggerFilter(draft);
+    }
+    if (draft.kind === 'app' && draft.kortixApp && draft.kortixApp !== saved.kortixApp) {
+        out.app = draft.kortixApp;
     }
     if (draft.kind === 'webhook') {
         const secret = draft.secretName.trim();

package/dist/customize/triggers/schedule/trigger-filter.d.ts

@@ -11,6 +11,16 @@ export type TriggerFilter = 'all' | TriggerKind;
 export declare const TRIGGER_FILTERS: readonly TriggerFilter[];
 /** An unknown or missing `?type=` is `all`, and so is one the page does not offer (`event` while events are off). */
 export declare function parseTriggerFilter(value: string | null | undefined, offered?: readonly TriggerFilter[]): TriggerFilter;
+/**
+ * Whether `trigger` starts `agentName`. A trigger that names no agent is
+ * stored as `default` (the manifest sentinel, `apps/api/src/projects/lib/
+ * triggers.ts`), which means "the project's default agent" — so the default
+ * agent's page owns those rows too, or a trigger created with the agent left
+ * on its default would show up nowhere.
+ */
+export declare function triggerStartsAgent(trigger: Pick<ProjectTrigger, 'agent'>, agentName: string, defaultAgent: string | null | undefined): boolean;
+/** The triggers that start `agentName` — the Triggers page in agent scope. */
+export declare function triggersForAgent<T extends Pick<ProjectTrigger, 'agent'>>(triggers: readonly T[], agentName: string, defaultAgent?: string | null | undefined): T[];
 export declare function filterTriggers(triggers: ProjectTrigger[], filter: TriggerFilter): ProjectTrigger[];
 export interface TriggerAppGroup {
     /** Provider app slug, falling back to the connector slug. */

package/dist/customize/triggers/schedule/trigger-filter.js

@@ -10,6 +10,22 @@ export const TRIGGER_FILTERS = ['all', 'cron', 'event', 'app', 'webhook'];
 export function parseTriggerFilter(value, offered = TRIGGER_FILTERS) {
     return offered.find((f) => f === value) ?? 'all';
 }
+/**
+ * Whether `trigger` starts `agentName`. A trigger that names no agent is
+ * stored as `default` (the manifest sentinel, `apps/api/src/projects/lib/
+ * triggers.ts`), which means "the project's default agent" — so the default
+ * agent's page owns those rows too, or a trigger created with the agent left
+ * on its default would show up nowhere.
+ */
+export function triggerStartsAgent(trigger, agentName, defaultAgent) {
+    if (trigger.agent === agentName)
+        return true;
+    return trigger.agent === 'default' && !!defaultAgent && defaultAgent === agentName;
+}
+/** The triggers that start `agentName` — the Triggers page in agent scope. */
+export function triggersForAgent(triggers, agentName, defaultAgent = null) {
+    return triggers.filter((trigger) => triggerStartsAgent(trigger, agentName, defaultAgent));
+}
 export function filterTriggers(triggers, filter) {
     return filter === 'all' ? triggers : triggers.filter((t) => t.type === filter);
 }

package/dist/customize/triggers/schedule/trigger-runs-panel.js

@@ -64,6 +64,7 @@ const SOURCE_LABEL_KEY = {
     reminder: 'text31757bbfa17e',
     event: 'text5441e7146193',
     app: 'text0d04bfeb7d64',
+    change_request: 'text5ffd973e20ed',
 };
 /** Column widths, named once (the Models logs `LANE`). */
 const LANE = {

package/dist/customize/triggers/schedule/trigger-toast.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { errorToast, successToast } from '../../../primitives/toast.js';
 import { projectSessionHref } from '../../../internal/lib/navigation/session-href.js';
-import { AppWindowIcon, ClockIcon, LightningIcon, PulseIcon, WebhooksLogoIcon } from '@phosphor-icons/react';
+import { AppWindowIcon, ClockIcon, GitMergeIcon, LightningIcon, PulseIcon, WebhooksLogoIcon } from '@phosphor-icons/react';
 /**
  * The entity row a trigger toast carries: the kind's glyph and the trigger's
  * name ("Trigger created / ⏱ Weekly revenue digest · Mon 9:00 / View").
@@ -13,6 +13,7 @@ const TRIGGER_TOAST_ICON = {
     monitor: PulseIcon,
     event: LightningIcon,
     app: AppWindowIcon,
+    change_request: GitMergeIcon,
 };
 export function triggerToastEntity(trigger, detail) {
     const Icon = TRIGGER_TOAST_ICON[trigger.type] ?? ClockIcon;

package/dist/customize/triggers/schedule/use-trigger-mutations.d.ts

@@ -3,7 +3,7 @@ import { type ProjectTrigger } from '@kortix/sdk';
 /**
  * The run and delete mutations both trigger surfaces fire — the Triggers tab
  * (`schedule-view.tsx`) and the agent page's Triggers section
- * (`agent-triggers-section.tsx`) kept two copies that had already drifted (the
+ * (the former agent Triggers section) kept two copies that had already drifted (the
  * run-failure toast key differed). Both get this one lifecycle, against their
  * own `qk.project.triggers(projectId)` key through `invalidate`.
  *

package/dist/customize/triggers/schedule/use-trigger-mutations.js

@@ -8,7 +8,7 @@ import { useMutation } from '@tanstack/react-query';
 /**
  * The run and delete mutations both trigger surfaces fire — the Triggers tab
  * (`schedule-view.tsx`) and the agent page's Triggers section
- * (`agent-triggers-section.tsx`) kept two copies that had already drifted (the
+ * (the former agent Triggers section) kept two copies that had already drifted (the
  * run-failure toast key differed). Both get this one lifecycle, against their
  * own `qk.project.triggers(projectId)` key through `invalidate`.
  *

package/dist/customize/triggers/schedule/when-app.d.ts

@@ -0,0 +1,15 @@
+import type { App } from '@kortix/sdk';
+import { type PatchDraft } from './composer-parts.js';
+import type { ComposerDraft } from './trigger-composer-logic.js';
+/**
+ * When: one of the project's Kortix Apps sends an event. The App posts it to
+ * `KORTIX_APP_EVENTS_URL` with its `KORTIX_APP_TOKEN`; an empty event name
+ * fires on every event of the App.
+ */
+export declare function WhenApp({ apps, draft, patch, error, }: {
+    /** The project's Apps that can send events. */
+    apps: App[];
+    draft: ComposerDraft;
+    patch: PatchDraft;
+    error?: string;
+}): import("react").JSX.Element;

package/dist/customize/triggers/schedule/when-app.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslations } from '../../../i18n/index.js';
+import { Input } from '../../../primitives/input.js';
+import { Label } from '../../../primitives/label.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../primitives/select.js';
+import { InlineError } from './composer-parts.js';
+const APP_ERROR_ID = 'trigger-kortix-app-error';
+/**
+ * When: one of the project's Kortix Apps sends an event. The App posts it to
+ * `KORTIX_APP_EVENTS_URL` with its `KORTIX_APP_TOKEN`; an empty event name
+ * fires on every event of the App.
+ */
+export function WhenApp({ apps, draft, patch, error, }) {
+    const t = useTranslations('triggerComposer');
+    // A saved trigger whose App is gone still shows its slug, so the form never reads as blank.
+    const unknown = draft.kortixApp && !apps.some((app) => app.slug === draft.kortixApp);
+    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "trigger-kortix-app", className: "text-xs", children: t('appLabel') }), _jsxs(Select, { value: draft.kortixApp ?? '', onValueChange: (kortixApp) => patch({ kortixApp }), children: [_jsx(SelectTrigger, { id: "trigger-kortix-app", className: "w-full cursor-pointer text-sm", "aria-invalid": error ? true : undefined, "aria-describedby": error ? APP_ERROR_ID : undefined, children: _jsx(SelectValue, { placeholder: t('appPlaceholder') }) }), _jsxs(SelectContent, { children: [unknown ? (_jsx(SelectItem, { value: draft.kortixApp, className: "cursor-pointer", children: draft.kortixApp })) : null, apps.map((app) => (_jsx(SelectItem, { value: app.slug, className: "cursor-pointer", children: app.name }, app.app_id)))] })] }), _jsx(InlineError, { id: APP_ERROR_ID, message: error })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "trigger-app-event", className: "text-xs", children: t('appEventLabel') }), _jsx(Input, { id: "trigger-app-event", value: draft.appEvent, onChange: (e) => patch({ appEvent: e.target.value }), placeholder: t('appEventPlaceholder'), maxLength: 128, className: "font-mono text-sm" }), _jsx("p", { className: "text-muted-foreground text-xs leading-relaxed text-pretty", children: t.rich('appEventHelp', {
+                            code: (chunks) => (_jsx("code", { className: "bg-muted text-foreground rounded-sm px-1 py-0.5 font-mono text-xs", children: chunks })),
+                        }) })] })] }));
+}

package/dist/customize/triggers/schedule/when-change-request.d.ts

@@ -0,0 +1,10 @@
+import type { PatchDraft } from './composer-parts.js';
+import type { ComposerDraft } from './trigger-composer-logic.js';
+/**
+ * When: a change request of the project merges. An empty branch fires on every
+ * merge; a branch fires on merges into it only (kortix.yaml `filter.base`).
+ */
+export declare function WhenChangeRequest({ draft, patch }: {
+    draft: ComposerDraft;
+    patch: PatchDraft;
+}): import("react").JSX.Element;

package/dist/customize/triggers/schedule/when-change-request.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslations } from '../../../i18n/index.js';
+import { Input } from '../../../primitives/input.js';
+import { Label } from '../../../primitives/label.js';
+/**
+ * When: a change request of the project merges. An empty branch fires on every
+ * merge; a branch fires on merges into it only (kortix.yaml `filter.base`).
+ */
+export function WhenChangeRequest({ draft, patch }) {
+    const t = useTranslations('triggerComposer');
+    return (_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "trigger-cr-branch", className: "text-xs", children: t('crBranchLabel') }), _jsx(Input, { id: "trigger-cr-branch", value: draft.crBase, onChange: (e) => patch({ crBase: e.target.value }), placeholder: t('crBranchPlaceholder'), maxLength: 255, className: "font-mono text-sm" }), _jsx("p", { className: "text-muted-foreground text-xs leading-relaxed text-pretty", children: t.rich('crBranchHelp', {
+                    code: (chunks) => (_jsx("code", { className: "bg-muted text-foreground rounded-sm px-1 py-0.5 font-mono text-xs", children: chunks })),
+                }) })] }));
+}

package/dist/customize/triggers/schedule-view.d.ts

@@ -1,3 +1,4 @@
+import type { ResourceScope } from '../shared/agent-resource-scope.js';
 /**
  * Pure: no hooks, no data fetching. The toolbar's ⋯ menu (Paper C03 `6O9-0`
  * + `6YS-0`) for a viewer who may update triggers; `null` for anyone else.
@@ -6,7 +7,7 @@
  * {@link TriggerActivationMenu} so the gate renders under
  * `renderToStaticMarkup` without a QueryClient.
  */
-export declare function TriggerToolbarMenu({ canManage, paused, isPending, onToggle, onSelectMode, }: {
+export declare function TriggerToolbarMenu({ canManage, paused, isPending, onToggle, onSelectMode, projectSwitch, }: {
     canManage: boolean;
     /** The project-wide switch (`triggers_paused`). */
     paused: boolean;
@@ -14,6 +15,10 @@ export declare function TriggerToolbarMenu({ canManage, paused, isPending, onTog
     onToggle: (next: boolean) => void;
     /** Turns on multi-select; absent when there is nothing to select. */
     onSelectMode?: () => void;
+    /** `false` on one agent's page: Pause all and Resume all act on the whole
+     *  project, so they stay on the project's Triggers page. Select remains, and
+     *  its bulk Pause and Resume act on this agent's triggers only. */
+    projectSwitch?: boolean;
 }): import("react").JSX.Element | null;
 /**
  * The project-wide pause switch (`PATCH /projects/:id/triggers/activation`):
@@ -47,10 +52,19 @@ export declare function useTriggersActivation(projectId: string): import("@tanst
  *
  * Exported for `trigger-activation-menu.test.tsx`, which renders it per role.
  */
-export declare function TriggerActivationMenu({ projectId, onSelectMode, }: {
+export declare function TriggerActivationMenu({ projectId, onSelectMode, projectSwitch, }: {
     projectId: string;
     onSelectMode?: () => void;
+    /** See {@link TriggerToolbarMenu}. */
+    projectSwitch?: boolean;
 }): import("react").JSX.Element;
-export declare function ScheduleView({ projectId }: {
+export declare function ScheduleView({ projectId, surface, defaultAgent, }: {
     projectId: string;
+    /** `global` (default) lists every trigger in the project. `agent` is the same
+     *  screen on one agent's page (`agent-page.tsx`): only the triggers that
+     *  start that agent, and New trigger opens with the agent picked. */
+    surface?: ResourceScope;
+    /** The project's default agent, in `agent` scope: a trigger stored as
+     *  `default` starts it (`triggerStartsAgent`). */
+    defaultAgent?: string | null;
 }): import("react").JSX.Element;