@kortix/ui 0.14.8 → 0.14.10

package/dist/customize/shared/catalog/catalog-empty-state.js

@@ -1,13 +1,15 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MagnifyingGlassIcon } from '@phosphor-icons/react';
 import { useTranslations } from '../../../i18n/index.js';
+import { EmptyState } from '../../../primitives/empty-state.js';
 /**
- * The "nothing here" line every catalog uses, so five hand-typed copies of one
- * class string cannot drift into five different-looking messages. `CatalogGrid`
- * owns loading/error/empty; this is what callers put IN the empty slot when the
+ * The "nothing here" state every catalog uses: the shared `EmptyState`, so a
+ * catalog's empty slot looks like every other empty view. `CatalogGrid` owns
+ * loading/error/empty; this is what callers put IN the empty slot when the
  * cause is the search box rather than an empty project.
  */
 export function CatalogEmptyNote({ children }) {
-    return _jsx("p", { className: "text-muted-foreground px-3 py-6 text-center text-xs", children: children });
+    return _jsx(EmptyState, { size: "sm", icon: MagnifyingGlassIcon, title: children });
 }
 /**
  * "No matches for `<query>`."
@@ -16,7 +18,7 @@ export function CatalogEmptyNote({ children }) {
  * spaces inside a monospace span, which reads as a rendering bug rather than as
  * a report of what was searched for.
  */
-export function CatalogNoMatch({ query, excludedNoActions = 0, }) {
+export function CatalogNoMatch({ query }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
-    return (_jsxs(CatalogEmptyNote, { children: [tI18nComplete.raw('texta8897de42124'), ' ', _jsx("span", { className: "text-foreground font-mono", children: query.trim() }), ".", excludedNoActions > 0 ? (_jsxs(_Fragment, { children: [" ", tI18nComplete('catalogExcludedNoActions', { count: excludedNoActions })] })) : null] }));
+    return (_jsxs(CatalogEmptyNote, { children: [tI18nComplete.raw('texta8897de42124'), ' ', _jsx("span", { className: "text-foreground font-mono", children: query.trim() }), "."] }));
 }

package/dist/customize/shared/channels-switch-dialog.d.ts

@@ -0,0 +1,18 @@
+/**
+ * The confirm step of the project's Channels switch (`project_channels`):
+ * what turning it on or off changes for everyone in the project. Turning it
+ * on while Drive is off offers to turn Drive on too (channels get Files).
+ * Every surface that flips the flag asks through this dialog.
+ */
+export declare function ChannelsSwitchDialog({ open, onOpenChange, turningOn, projectName, driveOff, pending, onConfirm, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** The switch's target: on, or off. */
+    turningOn: boolean;
+    projectName: string;
+    /** Drive is off and the viewer could turn it on: offer it beside Channels. */
+    driveOff: boolean;
+    pending?: boolean;
+    /** `alsoDrive`: turn Drive on too. */
+    onConfirm: (alsoDrive: boolean) => void;
+}): import("react").JSX.Element;

package/dist/customize/shared/channels-switch-dialog.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from 'react';
+import { useTranslations } from '../../i18n/index.js';
+import { Button } from '../../primitives/button.js';
+import { Checkbox } from '../../primitives/checkbox.js';
+import Loading from '../../primitives/loading.js';
+import { Modal, ModalBody, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle } from '../../primitives/modal.js';
+/**
+ * The confirm step of the project's Channels switch (`project_channels`):
+ * what turning it on or off changes for everyone in the project. Turning it
+ * on while Drive is off offers to turn Drive on too (channels get Files).
+ * Every surface that flips the flag asks through this dialog.
+ */
+export function ChannelsSwitchDialog({ open, onOpenChange, turningOn, projectName, driveOff, pending = false, onConfirm, }) {
+    const t = useTranslations('settings.featureFlags.channelsSwitch');
+    const id = useId();
+    const [alsoDrive, setAlsoDrive] = useState(false);
+    const offerDrive = turningOn && driveOff;
+    return (_jsx(Modal, { open: open, onOpenChange: (next) => {
+            if (pending)
+                return;
+            if (!next)
+                setAlsoDrive(false);
+            onOpenChange(next);
+        }, children: _jsxs(ModalContent, { className: "lg:max-w-md", children: [_jsxs(ModalHeader, { children: [_jsx(ModalTitle, { children: turningOn ? t('onTitle', { project: projectName }) : t('offTitle') }), _jsx(ModalDescription, { children: turningOn ? t('onBody') : t('offBody') })] }), offerDrive ? (_jsx(ModalBody, { children: _jsxs("div", { className: "flex items-center gap-2.5", children: [_jsx(Checkbox, { id: `${id}-drive`, checked: alsoDrive, onCheckedChange: (value) => setAlsoDrive(value === true) }), _jsx("label", { htmlFor: `${id}-drive`, className: "text-sm", children: t('drive') })] }) })) : null, _jsxs(ModalFooter, { className: "sm:justify-between", children: [_jsx(Button, { type: "button", variant: "outline-ghost", disabled: pending, onClick: () => onOpenChange(false), children: t('cancel') }), _jsxs(Button, { type: "button", disabled: pending, "aria-busy": pending || undefined, onClick: () => {
+                                onConfirm(offerDrive && alsoDrive);
+                                setAlsoDrive(false);
+                            }, children: [pending ? _jsx(Loading, { className: "size-4 shrink-0" }) : null, turningOn ? t('turnOn') : t('turnOff')] })] })] }) }));
+}

package/dist/customize/shared/feature-gate-screen.js

@@ -4,12 +4,13 @@ import { useTranslations } from '../../i18n/index.js';
 import { UiLink, useUiParams } from '../../providers/ui-provider.js';
 import { Button } from '../../primitives/button.js';
 import { projectSettingsSectionHref } from '../project-settings/project-settings-sections.js';
+import { ChannelsSwitchDialog } from './channels-switch-dialog.js';
 import { PROJECT_ACTIONS } from '../../internal/lib/project-actions.js';
 import { useProjectCan } from '../../internal/lib/use-project-can.js';
-import { updateFeatureFlag } from '@kortix/sdk';
-import { invalidateProject, qk } from '@kortix/sdk/react';
+import { getProject, updateFeatureFlag } from '@kortix/sdk';
+import { contract, invalidateProject, qk } from '@kortix/sdk/react';
 import { FlagIcon } from '@phosphor-icons/react';
-import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { useState } from 'react';
 /** A disabled surface keeps its enable action and settings link in place. */
 export function FeatureGateScreen({ featureKey, featureName, description, internalOnly = false, }) {
@@ -21,11 +22,12 @@ export function FeatureGateScreen({ featureKey, featureName, description, intern
     const permission = useProjectCan(projectId, PROJECT_ACTIONS.PROJECT_SETTINGS_WRITE);
     const [error, setError] = useState('');
     const enable = useMutation({
-        mutationFn: () => {
+        mutationFn: async (alsoDrive = false) => {
             if (!projectId || internalOnly || permission.isLoading || permission.allowed !== true) {
                 throw new Error('Feature activation is not permitted');
             }
-            return updateFeatureFlag(projectId, featureKey, true);
+            const updated = await updateFeatureFlag(projectId, featureKey, true);
+            return alsoDrive ? updateFeatureFlag(projectId, 'drives', true) : updated;
         },
         onSuccess: (updated) => {
             if (!projectId)
@@ -37,8 +39,24 @@ export function FeatureGateScreen({ featureKey, featureName, description, intern
         },
         onError: (cause) => setError(cause.message),
     });
-    return (_jsx("div", { className: "bg-popover rounded-md border px-4 py-5", children: _jsxs("div", { className: "flex flex-col gap-5 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [_jsx("span", { className: "bg-muted/50 flex size-9 shrink-0 items-center justify-center rounded-sm", children: _jsx(FlagIcon, { className: "text-muted-foreground size-5" }) }), _jsxs("div", { className: "min-w-0 space-y-1", children: [_jsxs("p", { className: "text-foreground text-sm font-medium", children: [featureName, " ", tI18nComplete.raw('text26965989cce5')] }), _jsx("p", { className: "text-muted-foreground max-w-xl text-xs text-pretty", children: description }), internalOnly ? (_jsx("p", { className: "text-muted-foreground max-w-xl text-xs text-pretty", children: tI18nComplete.raw('text1c41abcc2fff') })) : null] })] }), error ? (_jsx("p", { role: "alert", className: "text-destructive text-xs", children: error })) : null, projectId && !internalOnly ? (_jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsx(Button, { size: "sm", disabled: permission.isLoading || permission.allowed !== true || enable.isPending, onClick: () => {
-                                setError('');
-                                enable.mutate();
-                            }, children: enable.isPending ? t('enabling') : t('enable', { name: featureName }) }), _jsx(Button, { asChild: true, size: "sm", variant: "secondary", className: "shrink-0", children: _jsx(UiLink, { href: projectSettingsSectionHref(projectId, 'feature-flags'), children: tI18nComplete.raw('text20a2e59ba129') }) })] })) : null] }) }));
+    const channels = featureKey === 'project_channels';
+    const [confirming, setConfirming] = useState(false);
+    const project = useQuery({
+        queryKey: qk.project.summary(projectId ?? ''),
+        queryFn: () => getProject(projectId),
+        enabled: channels && !!projectId,
+        ...contract('config'),
+    });
+    const drive = project.data?.experimental_features?.find((f) => f.key === 'drives' && f.available);
+    return (_jsxs("div", { className: "bg-popover rounded-md border px-4 py-5", children: [channels ? (_jsx(ChannelsSwitchDialog, { open: confirming, onOpenChange: setConfirming, turningOn: true, projectName: project.data?.name ?? '', driveOff: !!drive && !drive.enabled && drive.operator_only !== true, onConfirm: (alsoDrive) => {
+                    setConfirming(false);
+                    enable.mutate(alsoDrive);
+                } })) : null, _jsxs("div", { className: "flex flex-col gap-5 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [_jsx("span", { className: "bg-muted/50 flex size-9 shrink-0 items-center justify-center rounded-sm", children: _jsx(FlagIcon, { className: "text-muted-foreground size-5" }) }), _jsxs("div", { className: "min-w-0 space-y-1", children: [_jsxs("p", { className: "text-foreground text-sm font-medium", children: [featureName, " ", tI18nComplete.raw('text26965989cce5')] }), _jsx("p", { className: "text-muted-foreground max-w-xl text-xs text-pretty", children: description }), internalOnly ? (_jsx("p", { className: "text-muted-foreground max-w-xl text-xs text-pretty", children: tI18nComplete.raw('text1c41abcc2fff') })) : null] })] }), error ? (_jsx("p", { role: "alert", className: "text-destructive text-xs", children: error })) : null, projectId && !internalOnly ? (_jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsx(Button, { size: "sm", disabled: permission.isLoading || permission.allowed !== true || enable.isPending, onClick: () => {
+                                    setError('');
+                                    // Channels changes the sidebar for everyone: it asks first.
+                                    if (channels)
+                                        setConfirming(true);
+                                    else
+                                        enable.mutate(false);
+                                }, children: enable.isPending ? t('enabling') : t('enable', { name: featureName }) }), _jsx(Button, { asChild: true, size: "sm", variant: "secondary", className: "shrink-0", children: _jsx(UiLink, { href: projectSettingsSectionHref(projectId, 'feature-flags'), children: tI18nComplete.raw('text20a2e59ba129') }) })] })) : null] })] }));
 }

package/dist/customize/shared/use-customize-prefetch.d.ts

@@ -18,7 +18,7 @@
  *  - A longer `gcTime` keeps the entries through a long session on another
  *    route; the default five minutes would drop them before Customize opens.
  */
-import { getConnectStatus, getModelDefaults, getProject, getProjectModelPicker, listConnectors, listProjectBranches, listProjectResourceGrants, listProjectSandboxTemplates, listProjectSecrets, listProjectSnapshots, listProjectTriggers, listReviewItems } from '@kortix/sdk';
+import { getModelDefaults, getProject, getProjectModelPicker, listConnectors, listProjectBranches, listProjectResourceGrants, listProjectSandboxTemplates, listProjectSecrets, listProjectSnapshots, listProjectTriggers, listReviewItems } from '@kortix/sdk';
 import { type QueryClient } from '@tanstack/react-query';
 /** Keep prefetched Customize data for half an hour without an observer. */
 export declare const CUSTOMIZE_PREFETCH_GC_MS: number;
@@ -35,11 +35,10 @@ export interface CustomizePrefetchGates {
     reviewRead: boolean;
     membersManage: boolean;
 }
-type CatalogQueries = Pick<typeof import('../connectors/catalog/use-catalog.js'), 'catalogSectionsQuery' | 'connectStatusQuery'>;
+type CatalogQueries = Pick<typeof import('../connectors/catalog/use-catalog.js'), 'catalogSectionsQuery'>;
 /** The reads the prefetch issues. Injected in tests; the SDK in production. */
 export interface CustomizePrefetchApi {
     getProject: typeof getProject;
-    getConnectStatus: typeof getConnectStatus;
     getModelDefaults: typeof getModelDefaults;
     getProjectModelPicker: typeof getProjectModelPicker;
     listConnectors: typeof listConnectors;

package/dist/customize/shared/use-customize-prefetch.js

@@ -19,7 +19,7 @@
  *  - A longer `gcTime` keeps the entries through a long session on another
  *    route; the default five minutes would drop them before Customize opens.
  */
-import { getConnectStatus, getModelDefaults, getProject, getProjectDetail, getProjectModelPicker, listConnectors, listProjectBranches, listProjectResourceGrants, listProjectSandboxTemplates, listProjectSecrets, listProjectSnapshots, listProjectTriggers, listReviewItems, } from '@kortix/sdk';
+import { getModelDefaults, getProject, getProjectDetail, getProjectModelPicker, listConnectors, listProjectBranches, listProjectResourceGrants, listProjectSandboxTemplates, listProjectSecrets, listProjectSnapshots, listProjectTriggers, listReviewItems, } from '@kortix/sdk';
 import { contract, FRESHNESS, qk } from '@kortix/sdk/react';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { useEffect, useMemo } from 'react';
@@ -31,7 +31,6 @@ export const CUSTOMIZE_PREFETCH_GC_MS = 30 * 60_000;
 const IDLE_TIMEOUT_MS = 1_000;
 const sdkApi = {
     getProject,
-    getConnectStatus,
     getModelDefaults,
     getProjectModelPicker,
     listConnectors,
@@ -137,35 +136,18 @@ export async function prefetchCustomize(queryClient, projectId, gates, api = sdk
     }
     await Promise.all(work);
 }
-/** Connectors → Discover landing: the provider probe, then its sections. */
+/**
+ * Connectors → the catalogue's landing sections, as the page opens it: One-click
+ * only on, no type filter (`ConnectorsPage`). Same key as `useCatalog`.
+ */
 async function prefetchCatalogLanding(queryClient, projectId, api) {
     const catalog = await api.loadCatalogQueries().catch(() => null);
     if (!catalog)
         return;
-    const { catalogSectionsQuery, connectStatusQuery } = catalog;
-    const gc = { gcTime: CUSTOMIZE_PREFETCH_GC_MS };
-    // The landing source stays managed, including projects opted into direct discovery.
-    // Same key and freshness as `useConnectProviderStatus`.
-    const status = await queryClient
-        .fetchQuery({
-        queryKey: connectStatusQuery.queryKey,
-        queryFn: api.getConnectStatus,
-        staleTime: 30_000,
-        retry: false,
-    })
-        .catch(() => null);
-    if (!status?.configured)
-        return;
-    const providers = status.providers ?? (status.provider ? [status.provider] : []);
-    // Same provider choice as `useConnectProviderStatus`: Composio first.
-    const provider = providers.includes('composio')
-        ? 'composio'
-        : providers.includes('pipedream')
-            ? 'pipedream'
-            : null;
-    if (!provider)
-        return;
-    await queryClient.prefetchQuery({ ...catalogSectionsQuery(projectId, provider), ...gc });
+    await queryClient.prefetchQuery({
+        ...catalog.catalogSectionsQuery(projectId, true),
+        gcTime: CUSTOMIZE_PREFETCH_GC_MS,
+    });
 }
 function whenIdle(run) {
     if (typeof window === 'undefined')

package/dist/customize/triggers/schedule/post-to-field.d.ts

@@ -0,0 +1,18 @@
+import type { PatchDraft } from './composer-parts.js';
+import { type ComposerDraft } from './trigger-composer-logic.js';
+/**
+ * "Post to": the channel or DM each run starts a thread in. Shown only while
+ * the project's `project_channels` flag is on. A private channel shows
+ * disabled with its lock and why: the API refuses a trigger into one (a saved
+ * trigger already posting there stays selectable). A channel shares later runs
+ * with the project unless the person chose other sharing; a DM shares them
+ * with the viewer and runs the DM's agent (`postToChange`; the API enforces
+ * the DM rules).
+ */
+export declare function PostToField({ projectId, draft, patch, baseAccess, }: {
+    projectId: string;
+    draft: ComposerDraft;
+    patch: PatchDraft;
+    /** The sharing before any space was picked: the saved trigger's, or the form's default. */
+    baseAccess: ComposerDraft['sessionAccess'];
+}): import("react").JSX.Element | null;

package/dist/customize/triggers/schedule/post-to-field.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFeatureFlag, useProjectSpaces } from '@kortix/sdk/react';
+import { capitalizeWords, isMetaAgentName, META_AGENT_DISPLAY_NAME } from '../../../_vendor/kortix-shared.js';
+import { HashIcon, LockSimpleIcon } from '@phosphor-icons/react';
+import { useTranslations } from '../../../i18n/index.js';
+import { AgentMark } from '../../../internal/components/agent-mark.js';
+import { Label } from '../../../primitives/label.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../primitives/select.js';
+import { useUiViewerId } from '../../../providers/ui-provider.js';
+import { postToChange } from './trigger-composer-logic.js';
+/** Select has no empty value: this one stands for "no channel". */
+const NONE = 'none';
+/**
+ * "Post to": the channel or DM each run starts a thread in. Shown only while
+ * the project's `project_channels` flag is on. A private channel shows
+ * disabled with its lock and why: the API refuses a trigger into one (a saved
+ * trigger already posting there stays selectable). A channel shares later runs
+ * with the project unless the person chose other sharing; a DM shares them
+ * with the viewer and runs the DM's agent (`postToChange`; the API enforces
+ * the DM rules).
+ */
+export function PostToField({ projectId, draft, patch, baseAccess, }) {
+    const t = useTranslations('triggerComposer');
+    const viewerId = useUiViewerId();
+    const channelsOn = useFeatureFlag(projectId, 'project_channels').enabled === true;
+    const spaces = useProjectSpaces(projectId, { enabled: channelsOn });
+    if (!channelsOn)
+        return null;
+    const list = spaces.data ?? [];
+    // A saved trigger's archived channel is not in the list: keep it selectable.
+    // Another member's DM never reaches the form (the API lists its trigger with
+    // no space), so it shows as no channel.
+    const unknown = draft.spaceId && !list.some((space) => space.space_id === draft.spaceId);
+    const choose = (value) => {
+        if (value === draft.spaceId)
+            return;
+        const space = list.find((candidate) => candidate.space_id === value);
+        const current = list.find((candidate) => candidate.space_id === draft.spaceId) ?? null;
+        patch(postToChange(draft, space ? { spaceId: space.space_id, kind: space.kind, dmAgentName: space.dm_agent_name } : null, { base: baseAccess, current, viewerId }));
+    };
+    return (_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "trigger-post-to", className: "text-xs", children: t('postTo') }), _jsxs(Select, { value: draft.spaceId ?? NONE, onValueChange: choose, children: [_jsx(SelectTrigger, { id: "trigger-post-to", className: "w-full cursor-pointer text-sm", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: NONE, className: "cursor-pointer", children: t('postToNone') }), unknown ? (_jsx(SelectItem, { value: draft.spaceId, className: "cursor-pointer", children: t('postToUnavailable') })) : null, list.map((space) => {
+                                const locked = space.visibility === 'private';
+                                return (_jsx(SelectItem, { value: space.space_id, disabled: locked && space.space_id !== draft.spaceId, className: "cursor-pointer", children: _jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [space.kind !== 'channel' ? (_jsx(AgentMark, { slug: space.dm_agent_name ?? 'kortix', size: 14, tile: 18 })) : locked ? (_jsx(LockSimpleIcon, { "aria-hidden": true, className: "text-muted-foreground size-3.5 shrink-0" })) : (_jsx(HashIcon, { "aria-hidden": true, className: "text-muted-foreground size-3.5 shrink-0" })), space.kind === 'channel' ? space.slug : agentLabel(space.dm_agent_name ?? ''), locked ? _jsx("span", { className: "text-muted-foreground truncate text-xs", children: t('postToPrivate') }) : null] }) }, space.space_id));
+                            })] })] }), _jsx("p", { className: "text-muted-foreground text-xs text-pretty", children: t('postToHint', { channel: list.find((space) => space.is_default)?.slug ?? 'general' }) })] }));
+}
+function agentLabel(name) {
+    return isMetaAgentName(name) ? META_AGENT_DISPLAY_NAME : capitalizeWords(name);
+}

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

@@ -15,15 +15,19 @@ import type { UiTranslator } from '../../../i18n/index.js';
  * made these screens read as a config file.
  */
 import type { ProjectTrigger } from '@kortix/sdk';
-export type TriggerKind = 'cron' | 'webhook' | 'event';
+export type TriggerKind = 'cron' | 'webhook' | 'event' | 'app';
 /**
- * `ProjectTrigger['type']` on the wire also carries `'monitor'` — a separate
- * experimental feature (Monitors) with its own surface, not something this
- * screen edits. `ScheduleView` filters every list through this before it
- * reaches the table, the row actions, or the detail sheet, so `trigger.type`
- * is safe to treat as {@link TriggerKind} anywhere downstream of that filter.
+ * The trigger kinds this screen lists. `ScheduleView` filters every list
+ * through this before it reaches the table, the row actions, or the detail
+ * sheet, so `trigger.type` is safe to treat as {@link TriggerKind} anywhere
+ * downstream of that filter. `app` (an App's own events) is listed and
+ * managed here; it is written in `kortix.yaml`, not in the composer.
  */
 export declare function isTriggerKind(type: ProjectTrigger['type']): type is TriggerKind;
+/** The kinds the composer can create. */
+export declare const COMPOSER_KINDS: readonly TriggerKind[];
+/** `every_seconds` as a sentence: "Every 5 minutes", "Every 2 hours". */
+export declare function describeEvery(seconds: number): string;
 /**
  * Triggers the customer wrote. The starter ships every new project a
  * `harness-reflector` cron that keeps the project's memory current; it is

package/dist/customize/triggers/schedule/schedule-copy.js

@@ -2,14 +2,24 @@ import { localizeUiCatalog } from '../../../i18n/ui-catalog/localize-ui-catalog.
 import { REMAINING_UI_TRANSLATION_KEYS } from '../../../i18n/ui-catalog/remaining-ui-translation-keys.generated.js';
 import { describeEventTitle } from './event-trigger-copy.js';
 /**
- * `ProjectTrigger['type']` on the wire also carries `'monitor'` — a separate
- * experimental feature (Monitors) with its own surface, not something this
- * screen edits. `ScheduleView` filters every list through this before it
- * reaches the table, the row actions, or the detail sheet, so `trigger.type`
- * is safe to treat as {@link TriggerKind} anywhere downstream of that filter.
+ * The trigger kinds this screen lists. `ScheduleView` filters every list
+ * through this before it reaches the table, the row actions, or the detail
+ * sheet, so `trigger.type` is safe to treat as {@link TriggerKind} anywhere
+ * downstream of that filter. `app` (an App's own events) is listed and
+ * managed here; it is written in `kortix.yaml`, not in the composer.
  */
 export function isTriggerKind(type) {
-    return type === 'cron' || type === 'webhook' || type === 'event';
+    return type === 'cron' || type === 'webhook' || type === 'event' || type === 'app';
+}
+/** The kinds the composer can create. */
+export const COMPOSER_KINDS = ['cron', 'webhook', 'event'];
+/** `every_seconds` as a sentence: "Every 5 minutes", "Every 2 hours". */
+export function describeEvery(seconds) {
+    if (seconds % 3600 === 0)
+        return seconds === 3600 ? 'Every hour' : `Every ${seconds / 3600} hours`;
+    if (seconds % 60 === 0)
+        return seconds === 60 ? 'Every minute' : `Every ${seconds / 60} minutes`;
+    return `Every ${seconds} seconds`;
 }
 /**
  * Triggers the customer wrote. The starter ships every new project a
@@ -153,8 +163,14 @@ export function describeWhen(trigger, eventNames) {
         return 'When a request arrives';
     if (trigger.type === 'event')
         return describeEventTitle(trigger.event, eventNames);
+    if (trigger.type === 'app') {
+        const name = trigger.filter?.['event.name'];
+        return name ? `When ${trigger.app} emits ${name}` : `When ${trigger.app} emits an event`;
+    }
     if (trigger.run_at)
         return describeOneOff(trigger.run_at);
+    if (trigger.every_seconds)
+        return describeEvery(trigger.every_seconds);
     if (trigger.cron)
         return describeCadence(trigger.cron);
     return CUSTOM_TIMING_LABEL;
@@ -184,6 +200,8 @@ export function triggerName(trigger) {
         return describeWhen(trigger);
     if (trigger.type === 'event')
         return describeWhen(trigger);
+    if (trigger.type === 'app')
+        return describeWhen(trigger);
     return 'Untitled webhook';
 }
 export function triggerStatus(enabled, tI18nComplete) {
@@ -253,6 +271,9 @@ export const SESSION_MODE_HELP = {
 };
 /** One-line summary for read-only views and the list. */
 export function describeRunLocation(trigger) {
+    // A trigger that calls an App starts no session.
+    if (trigger.target?.app)
+        return `Calls ${trigger.target.app}${trigger.target.path ?? '/'}`;
     const base = SESSION_MODE_LABEL[trigger.session_mode];
     if (trigger.session_mode === 'pinned' && trigger.session_id) {
         return `${base} (${trigger.session_id.slice(0, 8)})`;
@@ -306,15 +327,25 @@ export const KIND_COPY = {
         column: 'Security',
     },
     event: {
-        title: 'App events',
+        title: 'Connector events',
         description: 'Have an agent run when something happens in a connected app.',
-        noun: 'app event',
-        createLabel: 'New app event',
-        searchPlaceholder: 'Search app events',
-        emptyTitle: 'No app events yet',
+        noun: 'connector event',
+        createLabel: 'New connector event',
+        searchPlaceholder: 'Search connector events',
+        emptyTitle: 'No connector events yet',
         emptyBody: 'Create one to have an agent run when a connected app reports something new.',
         column: 'Status',
     },
+    app: {
+        title: 'App events',
+        description: 'Have an agent run when one of your Kortix Apps emits an event.',
+        noun: 'App event',
+        createLabel: 'New App event',
+        searchPlaceholder: 'Search App events',
+        emptyTitle: 'No App events yet',
+        emptyBody: 'An App starts agents by emitting events. Add a trigger with on: { event, app } in kortix.yaml.',
+        column: 'Status',
+    },
 };
 /**
  * The unified Triggers screen's own copy — the page that replaced the two

package/dist/customize/triggers/schedule/schedule-detail-sheet.js

@@ -47,6 +47,7 @@ import { EventCheckTimes } from './event-check-times.js';
 import { TriggerCallouts } from './trigger-callouts.js';
 import { findDraftApp, resolveProfile, validate, } from './trigger-composer-logic.js';
 import { draftFromTrigger, triggerPatch } from './trigger-edit-logic.js';
+import { PostToField } from './post-to-field.js';
 import { TriggerOptions } from './trigger-options.js';
 import { TriggerReadOnly } from './trigger-readonly.js';
 import { TriggerRunsPanel } from './trigger-runs-panel.js';
@@ -258,7 +259,7 @@ function SheetForm({ projectId, trigger, canWrite, eventsEnabled, appIndex, even
         setServerConfig(null);
     };
     const editEvent = () => whenRef.current?.scrollIntoView({ block: 'start', behavior: 'smooth' });
-    return (_jsxs("div", { ref: bodyRef, className: "space-y-6", children: [_jsx(TriggerCallouts, { projectId: projectId, trigger: trigger, canEditEvent: canWrite && (app !== null || (!draft.appSlug && !draft.profile)), eventsEnabled: eventsEnabled, apps: appIndex, onEditEvent: editEvent }), _jsx(EventCheckTimes, { trigger: trigger }), canWrite ? (_jsxs(_Fragment, { children: [_jsxs("section", { ref: whenRef, "data-sheet-block": true, "data-block": "when", className: "space-y-3", children: [_jsx(Label, { children: t.raw('textcf9c7aa24a26') }), draft.kind === 'cron' ? (_jsx(WhenSchedule, { draft: draft, patch: patch, error: blockError('when') })) : draft.kind === 'webhook' ? (_jsx(WhenWebhookAddress, { trigger: trigger, draft: draft, patch: patch, canWrite: true })) : app || (!draft.appSlug && !draft.profile) ? (_jsx(WhenEvent, { projectId: projectId, apps: apps, draft: draft, patch: patch, setDraft: setDraft, configFields: configFields, configErrors: configErrors, canConnect: canConnect, error: blockError('when') })) : (_jsx(WhenEventSummary, { trigger: trigger, apps: appIndex, eventNames: eventNames, loading: apps.isLoading }))] }), _jsxs("section", { "data-sheet-block": true, "data-block": "then", className: "space-y-3", children: [_jsx(Label, { children: t.raw('text0597f441dcca') }), _jsx(ThenFields, { agents: agents, draft: draft, patch: patch, payloadSchema: draft.eventType?.payload_schema, error: blockError('then') })] }), _jsxs("section", { "data-sheet-block": true, "data-block": "name", className: "space-y-3", children: [_jsx(Label, { htmlFor: "trigger-name", children: t.raw('textdcd1d5223f73') }), _jsx(Input, { id: "trigger-name", value: name, onChange: (e) => patch({ nameOverride: e.target.value }), placeholder: t.raw('textc8cf587a3b6c'), maxLength: 64, "aria-invalid": blockError('name') ? true : undefined }), _jsx(InlineError, { message: blockError('name') })] }), _jsx("section", { "data-sheet-block": true, "data-block": "options", children: _jsx(TriggerOptions, { edit: true, projectId: projectId, draft: draft, patch: patch, name: name, open: optionsOpen, onOpenChange: setOptionsOpen, error: blockError('options') }) })] })) : (_jsx(TriggerReadOnly, { trigger: trigger, apps: appIndex, eventNames: eventNames, agentLabel: agentDisplayLabel(agents, trigger.agent) })), _jsx("div", { className: "pb-8", children: _jsx(Details, { trigger: trigger }) }), dirty && canWrite ? (
+    return (_jsxs("div", { ref: bodyRef, className: "space-y-6", children: [_jsx(TriggerCallouts, { projectId: projectId, trigger: trigger, canEditEvent: canWrite && (app !== null || (!draft.appSlug && !draft.profile)), eventsEnabled: eventsEnabled, apps: appIndex, onEditEvent: editEvent }), _jsx(EventCheckTimes, { trigger: trigger }), canWrite ? (_jsxs(_Fragment, { children: [_jsxs("section", { ref: whenRef, "data-sheet-block": true, "data-block": "when", className: "space-y-3", children: [_jsx(Label, { children: t.raw('textcf9c7aa24a26') }), draft.kind === 'cron' ? (_jsx(WhenSchedule, { draft: draft, patch: patch, error: blockError('when') })) : draft.kind === 'webhook' ? (_jsx(WhenWebhookAddress, { trigger: trigger, draft: draft, patch: patch, canWrite: true })) : app || (!draft.appSlug && !draft.profile) ? (_jsx(WhenEvent, { projectId: projectId, apps: apps, draft: draft, patch: patch, setDraft: setDraft, configFields: configFields, configErrors: configErrors, canConnect: canConnect, error: blockError('when') })) : (_jsx(WhenEventSummary, { trigger: trigger, apps: appIndex, eventNames: eventNames, loading: apps.isLoading }))] }), _jsxs("section", { "data-sheet-block": true, "data-block": "then", className: "space-y-3", children: [_jsx(Label, { children: t.raw('text0597f441dcca') }), _jsx(ThenFields, { agents: agents, draft: draft, patch: patch, payloadSchema: draft.eventType?.payload_schema, error: blockError('then') })] }), _jsxs("section", { "data-sheet-block": true, "data-block": "name", className: "space-y-3", children: [_jsx(Label, { htmlFor: "trigger-name", children: t.raw('textdcd1d5223f73') }), _jsx(Input, { id: "trigger-name", value: name, onChange: (e) => patch({ nameOverride: e.target.value }), placeholder: t.raw('textc8cf587a3b6c'), maxLength: 64, "aria-invalid": blockError('name') ? true : undefined }), _jsx(InlineError, { message: blockError('name') }), _jsx(PostToField, { projectId: projectId, draft: draft, patch: patch, baseAccess: base.sessionAccess })] }), _jsx("section", { "data-sheet-block": true, "data-block": "options", children: _jsx(TriggerOptions, { edit: true, projectId: projectId, draft: draft, patch: patch, name: name, open: optionsOpen, onOpenChange: setOptionsOpen, error: blockError('options') }) })] })) : (_jsx(TriggerReadOnly, { trigger: trigger, apps: appIndex, eventNames: eventNames, agentLabel: agentDisplayLabel(agents, trigger.agent) })), _jsx("div", { className: "pb-8", children: _jsx(Details, { trigger: trigger }) }), dirty && canWrite ? (
             /* In the sheet's own scroll container, after the body: it sticks to the
                bottom edge while the form is long, and rests under the form when it is short. */
             _jsx(SaveBar, { surface: surface, pending: save.isPending, onSave: submit, onDiscard: discard })) : null] }));

package/dist/customize/triggers/schedule/trigger-composer-logic.d.ts

@@ -45,12 +45,33 @@ export interface ComposerDraft {
     secretName: string;
     startActive: boolean;
     sessionAccess: SharingSelection;
+    /** The channel or DM its runs post to (`project_channels`). Null = none: runs land in `#general`. */
+    spaceId: string | null;
     /** Run limits (KRTX-1721) as typed. Empty = unset: 60 an hour, no daily cap. */
     maxRunsPerHour: string;
     maxRunsPerDay: string;
     /** Overlap (KRTX-1721), fresh mode only. `default`: skip for a schedule, allow for the others. */
     overlap: 'default' | 'skip' | 'allow';
 }
+/** The sharing a space implies: a channel thread is project-visible; a DM thread is the viewer's. */
+export declare function spaceTriggerAccess(kind: 'channel' | 'dm', viewerId: string | undefined): SharingSelection;
+/**
+ * "Post to" picks a space. The sharing follows the space only while the person
+ * has not chosen their own (it is still `base` or what the old space implied);
+ * a DM always sets its sharing and its agent, as the API requires. "No channel"
+ * gives back `base` when the sharing was only the space's.
+ */
+export declare function postToChange(draft: Pick<ComposerDraft, 'sessionAccess'>, next: {
+    spaceId: string;
+    kind: 'channel' | 'dm';
+    dmAgentName: string | null;
+} | null, context: {
+    base: SharingSelection;
+    current: {
+        kind: 'channel' | 'dm';
+    } | null;
+    viewerId: string | undefined;
+}): Partial<ComposerDraft>;
 /** A run-limit input as the API wants it: empty → null (unset), else the number. */
 export declare function runCapFromInput(raw: string): number | null;
 export declare function initialDraft(init: {
@@ -59,6 +80,7 @@ export declare function initialDraft(init: {
     appSlug?: string | null;
     appSource?: string | null;
     profile?: string | null;
+    spaceId?: string | null;
 }): ComposerDraft;
 /**
  * A random signing key, hex-encoded.

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

@@ -7,6 +7,30 @@
 import { accountToWrite, appConnectors, configProblem, defaultEventName, defaultEventPrompt, selectedAccountLabel, } from './event-trigger-copy.js';
 import { describeCadence, describeOneOff, } from './schedule-copy.js';
 import { conditionNeedsValue } from './schedule-fields.js';
+/** The sharing a space implies: a channel thread is project-visible; a DM thread is the viewer's. */
+export function spaceTriggerAccess(kind, viewerId) {
+    return kind === 'dm' && viewerId
+        ? { mode: 'members', memberIds: [viewerId], groupIds: [] }
+        : { mode: 'project', memberIds: [], groupIds: [] };
+}
+const sameAccess = (a, b) => JSON.stringify(a) === JSON.stringify(b);
+/**
+ * "Post to" picks a space. The sharing follows the space only while the person
+ * has not chosen their own (it is still `base` or what the old space implied);
+ * a DM always sets its sharing and its agent, as the API requires. "No channel"
+ * gives back `base` when the sharing was only the space's.
+ */
+export function postToChange(draft, next, context) {
+    const implied = context.current ? spaceTriggerAccess(context.current.kind, context.viewerId) : null;
+    const untouched = sameAccess(draft.sessionAccess, context.base) || (implied !== null && sameAccess(draft.sessionAccess, implied));
+    if (!next)
+        return { spaceId: null, ...(untouched ? { sessionAccess: context.base } : {}) };
+    return {
+        spaceId: next.spaceId,
+        ...(next.kind === 'dm' || untouched ? { sessionAccess: spaceTriggerAccess(next.kind, context.viewerId) } : {}),
+        ...(next.kind === 'dm' && next.dmAgentName ? { agent: next.dmAgentName } : {}),
+    };
+}
 /** A run-limit input as the API wants it: empty → null (unset), else the number. */
 export function runCapFromInput(raw) {
     const value = raw.trim();
@@ -37,6 +61,7 @@ export function initialDraft(init) {
         secretName: '',
         startActive: true,
         sessionAccess: { mode: 'private', memberIds: [], groupIds: [] },
+        spaceId: init.spaceId ?? null,
         maxRunsPerHour: '',
         maxRunsPerDay: '',
         overlap: 'default',

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

@@ -20,5 +20,10 @@ export interface TriggerComposerProps {
         slug: string;
         name: string;
     } | null;
+    /** Posts to this channel or DM, e.g. from its Triggers tab. Still changeable. */
+    initialSpace?: {
+        spaceId: string;
+        kind: 'channel' | 'dm';
+    } | null;
 }
 export declare function TriggerComposer(props: TriggerComposerProps): import("react").JSX.Element;