@stigmer/react 3.1.17 → 3.2.0

package/channel/useOrgAgentChannelList.js

@@ -0,0 +1,29 @@
+"use client";
+import { create } from "@bufbuild/protobuf";
+import { ListAgentChannelsRequestSchema } from "@stigmer/protos/ai/stigmer/agentic/agentchannel/v1/io_pb";
+import { useStigmer } from "../hooks.js";
+import { useFetch } from "../internal/useFetch.js";
+/**
+ * Data hook that loads an organization's {@link AgentChannel} resources
+ * across all its agents — the org-wide view {@link useAgentChannelList}
+ * (per-agent) cannot provide.
+ *
+ * The connect flow uses it to tell the user which workspaces a serving
+ * app already occupies before they start the provider OAuth. The view is
+ * permission-bounded (FGA-filtered in cloud), so treat it as advisory —
+ * the database uniqueness index remains the arbiter.
+ *
+ * Pass `null` for `org` to skip fetching (stable no-op).
+ */
+export function useOrgAgentChannelList(org) {
+    const stigmer = useStigmer();
+    const fetchFn = org
+        ? async () => {
+            const result = await stigmer.agentChannel.list(create(ListAgentChannelsRequestSchema, { org }));
+            return result.items;
+        }
+        : null;
+    const { data: channels, isLoading, isRefetching, error, refetch } = useFetch(fetchFn, [org, stigmer], []);
+    return { channels, isLoading, isRefetching, error, refetch };
+}
+//# sourceMappingURL=useOrgAgentChannelList.js.map

package/channel/useOrgAgentChannelList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrgAgentChannelList.js","sourceRoot":"","sources":["../../src/channel/useOrgAgentChannelList.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAC1G,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAoBnD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,sBAAsB,CACpC,GAAkB;IAElB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,MAAM,OAAO,GAAG,GAAG;QACjB,CAAC,CAAC,KAAK,IAAI,EAAE;YACT,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,YAAY,CAAC,IAAI,CAC5C,MAAM,CAAC,8BAA8B,EAAE,EAAE,GAAG,EAAE,CAAC,CAChD,CAAC;YACF,OAAO,MAAM,CAAC,KAAK,CAAC;QACtB,CAAC;QACH,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,QAAQ,CAC1E,OAAO,EACP,CAAC,GAAG,EAAE,OAAO,CAAC,EACd,EAAoB,CACrB,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAC/D,CAAC"}

package/channel/useSaveAgentChannel.d.ts

@@ -0,0 +1,63 @@
+import type { AgentChannel } from "@stigmer/protos/ai/stigmer/agentic/agentchannel/v1/api_pb";
+import type { AgentChannelInput } from "@stigmer/sdk";
+/**
+ * Rebuild the {@link AgentChannelInput} that reproduces an existing
+ * channel verbatim.
+ *
+ * `apply` replaces the channel's whole spec, so a caller toggling one
+ * field must supply the full configuration — this helper makes that safe:
+ *
+ * ```ts
+ * save({ ...agentChannelToInput(channel), enabled: false });
+ * ```
+ *
+ * Provider config carries over per arm: the Slack config is an empty
+ * marker message in v1 (all concrete facts are OAuth-observed and live
+ * in `status`, which survives every save verbatim); the WhatsApp config
+ * carries its declared `phone_number_id`. Dropping the arm is never an
+ * option — the provider oneof is immutable server-side, so a save
+ * without it would be refused outright. The channel's bound tool
+ * credentials (`environment_refs`) and its channel-app binding
+ * (`app_ref`) carry over too — apply semantics would otherwise silently
+ * unbind them on every toggle (and an installed channel's app_ref is
+ * frozen server-side, so dropping it would refuse the save outright).
+ */
+export declare function agentChannelToInput(channel: AgentChannel): AgentChannelInput;
+/** Return value of {@link useSaveAgentChannel}. */
+export interface UseSaveAgentChannelReturn {
+    /**
+     * Create or update an agent channel (`apply` semantics: upsert by
+     * org + slug). Returns the persisted resource.
+     *
+     * Disabling is a config-preserving pause: save with `enabled: false`
+     * and the provider install (and its credentials) survive. Deleting is
+     * the full teardown — see `useDeleteAgentChannel`.
+     */
+    readonly save: (input: AgentChannelInput) => Promise<AgentChannel>;
+    /** `true` while the save request is in flight. */
+    readonly isPending: boolean;
+    /** Error from the last failed save, or `null` when healthy. */
+    readonly error: Error | null;
+    /** Reset `error` to `null`. */
+    readonly clearError: () => void;
+}
+/**
+ * Mutation hook that creates or updates an {@link AgentChannel}.
+ *
+ * Wraps `stigmer.agentChannel.apply()` with loading/error state. The
+ * caller is responsible for post-save UI updates (e.g. refreshing the
+ * channel list). Pair with {@link agentChannelToInput} to change a single
+ * field of an existing channel without dropping the rest of its spec.
+ *
+ * @example
+ * ```tsx
+ * const { save, isPending } = useSaveAgentChannel();
+ *
+ * const handleToggle = async (channel: AgentChannel, enabled: boolean) => {
+ *   await save({ ...agentChannelToInput(channel), enabled });
+ *   refetch(); // refresh the channel list
+ * };
+ * ```
+ */
+export declare function useSaveAgentChannel(): UseSaveAgentChannelReturn;
+//# sourceMappingURL=useSaveAgentChannel.d.ts.map

package/channel/useSaveAgentChannel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSaveAgentChannel.d.ts","sourceRoot":"","sources":["../../src/channel/useSaveAgentChannel.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2DAA2D,CAAC;AAC9F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAItD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,YAAY,GAAG,iBAAiB,CAsC5E;AAED,mDAAmD;AACnD,MAAM,WAAW,yBAAyB;IACxC;;;;;;;OAOG;IACH,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;IACnE,kDAAkD;IAClD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,+DAA+D;IAC/D,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAC7B,+BAA+B;IAC/B,QAAQ,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,mBAAmB,IAAI,yBAAyB,CAyB/D"}

package/channel/useSaveAgentChannel.js

@@ -0,0 +1,104 @@
+"use client";
+import { useCallback, useState } from "react";
+import { useStigmer } from "../hooks.js";
+import { toError } from "../internal/toError.js";
+/**
+ * Rebuild the {@link AgentChannelInput} that reproduces an existing
+ * channel verbatim.
+ *
+ * `apply` replaces the channel's whole spec, so a caller toggling one
+ * field must supply the full configuration — this helper makes that safe:
+ *
+ * ```ts
+ * save({ ...agentChannelToInput(channel), enabled: false });
+ * ```
+ *
+ * Provider config carries over per arm: the Slack config is an empty
+ * marker message in v1 (all concrete facts are OAuth-observed and live
+ * in `status`, which survives every save verbatim); the WhatsApp config
+ * carries its declared `phone_number_id`. Dropping the arm is never an
+ * option — the provider oneof is immutable server-side, so a save
+ * without it would be refused outright. The channel's bound tool
+ * credentials (`environment_refs`) and its channel-app binding
+ * (`app_ref`) carry over too — apply semantics would otherwise silently
+ * unbind them on every toggle (and an installed channel's app_ref is
+ * frozen server-side, so dropping it would refuse the save outright).
+ */
+export function agentChannelToInput(channel) {
+    const metadata = channel.metadata;
+    const spec = channel.spec;
+    const labels = metadata?.labels ?? {};
+    const environmentRefs = spec?.environmentRefs ?? [];
+    return {
+        name: metadata?.name ?? "",
+        ...(metadata?.slug ? { slug: metadata.slug } : {}),
+        org: metadata?.org ?? "",
+        ...(Object.keys(labels).length > 0 ? { labels: { ...labels } } : {}),
+        ...(metadata?.visibility ? { visibility: metadata.visibility } : {}),
+        agentRef: {
+            org: spec?.agentRef?.org ?? "",
+            slug: spec?.agentRef?.slug ?? "",
+        },
+        enabled: spec?.enabled ?? false,
+        ...(spec?.providerConfig?.case === "slack" ? { slack: {} } : {}),
+        ...(spec?.providerConfig?.case === "whatsapp"
+            ? { whatsapp: { phoneNumberId: spec.providerConfig.value.phoneNumberId } }
+            : {}),
+        ...(spec?.appRef?.slug
+            ? {
+                appRef: {
+                    org: spec.appRef.org,
+                    slug: spec.appRef.slug,
+                },
+            }
+            : {}),
+        ...(environmentRefs.length > 0
+            ? {
+                environmentRefs: environmentRefs.map((ref) => ({
+                    org: ref.org,
+                    slug: ref.slug,
+                })),
+            }
+            : {}),
+    };
+}
+/**
+ * Mutation hook that creates or updates an {@link AgentChannel}.
+ *
+ * Wraps `stigmer.agentChannel.apply()` with loading/error state. The
+ * caller is responsible for post-save UI updates (e.g. refreshing the
+ * channel list). Pair with {@link agentChannelToInput} to change a single
+ * field of an existing channel without dropping the rest of its spec.
+ *
+ * @example
+ * ```tsx
+ * const { save, isPending } = useSaveAgentChannel();
+ *
+ * const handleToggle = async (channel: AgentChannel, enabled: boolean) => {
+ *   await save({ ...agentChannelToInput(channel), enabled });
+ *   refetch(); // refresh the channel list
+ * };
+ * ```
+ */
+export function useSaveAgentChannel() {
+    const stigmer = useStigmer();
+    const [isPending, setIsPending] = useState(false);
+    const [error, setError] = useState(null);
+    const clearError = useCallback(() => setError(null), []);
+    const save = useCallback(async (input) => {
+        setIsPending(true);
+        setError(null);
+        try {
+            return await stigmer.agentChannel.apply(input);
+        }
+        catch (err) {
+            setError(toError(err));
+            throw err;
+        }
+        finally {
+            setIsPending(false);
+        }
+    }, [stigmer]);
+    return { save, isPending, error, clearError };
+}
+//# sourceMappingURL=useSaveAgentChannel.js.map

package/channel/useSaveAgentChannel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSaveAgentChannel.js","sourceRoot":"","sources":["../../src/channel/useSaveAgentChannel.ts"],"names":[],"mappings":"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"}

package/channel-app/ChannelAppDetailPanel.d.ts

@@ -0,0 +1,46 @@
+import type { ChannelApp } from "@stigmer/protos/ai/stigmer/agentic/channelapp/v1/api_pb";
+import type { ChannelAppCreateHandoff } from "./CreateChannelAppForm.js";
+/** Props for {@link ChannelAppDetailPanel}. */
+export interface ChannelAppDetailPanelProps {
+    /** The channel app to display and edit (secret fields arrive redacted). */
+    readonly channelApp: ChannelApp;
+    /**
+     * Console origin used to derive the OAuth redirect URL shown in the
+     * Slack setup guidance. Defaults to the current window's origin.
+     */
+    readonly consoleOrigin?: string;
+    /**
+     * Once-visible values threaded from the create flow (in memory only).
+     * The WhatsApp verify token is entered at registration but answers
+     * redacted from then on, and phase-two setup needs it *together with*
+     * the webhook URL that only exists now — this handoff lets the panel
+     * show both, exactly once. Absent on a later visit, the token renders
+     * redacted (rotate to get a fresh one).
+     */
+    readonly createHandoff?: ChannelAppCreateHandoff;
+    /** Fired with the updated app after a successful save. */
+    readonly onUpdated?: (app: ChannelApp) => void;
+    /** Fired after the app is deleted. */
+    readonly onDeleted?: () => void;
+    /** Fired when the user navigates back to the list. */
+    readonly onBack?: () => void;
+    /** Additional CSS class names for the root container. */
+    readonly className?: string;
+}
+/**
+ * Detail view for one {@link ChannelApp}: the "finish setup at the
+ * provider" values — phase two of the two-phase setup — plus credential
+ * rotation and deletion.
+ *
+ * Provider-shaped bodies on a shared frame: a Slack app shows its
+ * events webhook URL, OAuth redirect URL, and completed manifest; a
+ * Meta (WhatsApp) app shows its webhook URL and verify token (no
+ * manifest — Meta has no equivalent, so the guidance is a checklist).
+ *
+ * Secret fields are prefilled with the redaction marker; leaving them
+ * untouched preserves the stored values (rotate one secret without
+ * re-entering the others). Deletion is refused server-side while any
+ * agent channel still installs through this app.
+ */
+export declare function ChannelAppDetailPanel({ channelApp, consoleOrigin, createHandoff, onUpdated, onDeleted, onBack, className, }: ChannelAppDetailPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChannelAppDetailPanel.d.ts.map

package/channel-app/ChannelAppDetailPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelAppDetailPanel.d.ts","sourceRoot":"","sources":["../../src/channel-app/ChannelAppDetailPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAI1F,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAgBzE,+CAA+C;AAC/C,MAAM,WAAW,0BAA0B;IACzC,2EAA2E;IAC3E,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC;;;;;;;OAOG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACjD,0DAA0D;IAC1D,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/C,sCAAsC;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sDAAsD;IACtD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,aAAa,EACb,aAAa,EACb,SAAS,EACT,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,0BAA0B,2CAkG5B"}

package/channel-app/ChannelAppDetailPanel.js

@@ -0,0 +1,142 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from "react";
+import { cn } from "@stigmer/theme";
+import { getUserMessage } from "@stigmer/sdk";
+import { useStigmer } from "../hooks.js";
+import { useUpdateChannelApp } from "./useUpdateChannelApp.js";
+import { useDeleteChannelApp } from "./useDeleteChannelApp.js";
+import { buildSlackChannelAppManifest, slackChannelAppRedirectUrl, slackChannelAppWebhookUrl, } from "./slackAppSetup.js";
+import { WHATSAPP_CHANNEL_APP_WEBHOOK_FIELDS, whatsappChannelAppWebhookUrl, } from "./whatsappAppSetup.js";
+import { CopyBlock, CopyRow, FormField, SpinnerIcon } from "./internal.js";
+/**
+ * Detail view for one {@link ChannelApp}: the "finish setup at the
+ * provider" values — phase two of the two-phase setup — plus credential
+ * rotation and deletion.
+ *
+ * Provider-shaped bodies on a shared frame: a Slack app shows its
+ * events webhook URL, OAuth redirect URL, and completed manifest; a
+ * Meta (WhatsApp) app shows its webhook URL and verify token (no
+ * manifest — Meta has no equivalent, so the guidance is a checklist).
+ *
+ * Secret fields are prefilled with the redaction marker; leaving them
+ * untouched preserves the stored values (rotate one secret without
+ * re-entering the others). Deletion is refused server-side while any
+ * agent channel still installs through this app.
+ */
+export function ChannelAppDetailPanel({ channelApp, consoleOrigin, createHandoff, onUpdated, onDeleted, onBack, className, }) {
+    const { deleteApp, isDeleting, error: deleteError } = useDeleteChannelApp();
+    const [confirmingDelete, setConfirmingDelete] = useState(false);
+    const appId = channelApp.metadata?.id ?? "";
+    const name = channelApp.metadata?.name ?? "";
+    const providerCase = channelApp.spec?.providerConfig?.case;
+    const handleDelete = useCallback(async () => {
+        try {
+            await deleteApp(appId);
+            onDeleted?.();
+        }
+        catch {
+            // error state is managed by useDeleteChannelApp
+        }
+        finally {
+            setConfirmingDelete(false);
+        }
+    }, [deleteApp, appId, onDeleted]);
+    return (_jsxs("div", { className: cn("space-y-5", className), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h3", { className: "truncate text-sm font-semibold text-foreground", children: name }), _jsx("p", { className: "font-mono text-[0.65rem] text-muted-foreground", children: appId })] }), onBack && (_jsx("button", { type: "button", onClick: onBack, className: "text-muted-foreground hover:text-foreground shrink-0 text-xs transition-colors", children: "\u2190 Back" }))] }), providerCase === "slack" ? (_jsx(SlackAppDetail, { channelApp: channelApp, consoleOrigin: consoleOrigin, onUpdated: onUpdated })) : providerCase === "whatsapp" ? (_jsx(WhatsAppAppDetail, { channelApp: channelApp, createHandoff: createHandoff, onUpdated: onUpdated })) : null, _jsxs("section", { className: "border-t border-border pt-3", "aria-label": "Danger zone", children: [deleteError && (_jsx("p", { className: "text-destructive mb-2 text-[0.65rem]", role: "alert", children: getUserMessage(deleteError) })), confirmingDelete ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "text-xs text-foreground", children: "Delete this channel app? Channels installing through it must be disconnected first." }), _jsxs("button", { type: "button", onClick: handleDelete, disabled: isDeleting, className: cn("inline-flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs font-medium", "bg-destructive text-destructive-foreground hover:opacity-90", "disabled:pointer-events-none disabled:opacity-40"), children: [isDeleting && _jsx(SpinnerIcon, {}), "Delete"] }), _jsx("button", { type: "button", onClick: () => setConfirmingDelete(false), disabled: isDeleting, className: "text-muted-foreground hover:text-foreground text-xs transition-colors", children: "Keep" })] })) : (_jsx("button", { type: "button", onClick: () => setConfirmingDelete(true), className: "text-destructive text-xs font-medium hover:opacity-80", children: "Delete channel app" }))] })] }));
+}
+// ---------------------------------------------------------------------------
+// Slack — finish setup in Slack + credential rotation
+// ---------------------------------------------------------------------------
+function SlackAppDetail({ channelApp, consoleOrigin, onUpdated, }) {
+    const stigmer = useStigmer();
+    const { update, isUpdating, error: updateError, clearError } = useUpdateChannelApp();
+    const slack = channelApp.spec?.providerConfig?.case === "slack"
+        ? channelApp.spec.providerConfig.value
+        : undefined;
+    const [clientId, setClientId] = useState(slack?.clientId ?? "");
+    const [clientSecret, setClientSecret] = useState(slack?.clientSecret ?? "");
+    const [signingSecret, setSigningSecret] = useState(slack?.signingSecret ?? "");
+    const appId = channelApp.metadata?.id ?? "";
+    const name = channelApp.metadata?.name ?? "";
+    const webhookUrl = useMemo(() => slackChannelAppWebhookUrl(stigmer.baseUrl, appId), [stigmer.baseUrl, appId]);
+    const redirectUrl = useMemo(() => slackChannelAppRedirectUrl(consoleOrigin), [consoleOrigin]);
+    const manifest = useMemo(() => buildSlackChannelAppManifest({ name, redirectUrl, webhookUrl }), [name, redirectUrl, webhookUrl]);
+    const canSave = clientId.trim() !== "" &&
+        clientSecret.trim() !== "" &&
+        signingSecret.trim() !== "" &&
+        !isUpdating;
+    const handleSave = useCallback(async (e) => {
+        e.preventDefault();
+        if (!canSave)
+            return;
+        clearError();
+        try {
+            const updated = await update({
+                name,
+                org: channelApp.metadata?.org ?? "",
+                ...(channelApp.metadata?.slug ? { slug: channelApp.metadata.slug } : {}),
+                slack: {
+                    clientId: clientId.trim(),
+                    // The redaction marker means "keep the stored value" — the
+                    // server preserves per field.
+                    clientSecret: clientSecret.trim(),
+                    signingSecret: signingSecret.trim(),
+                },
+            });
+            onUpdated?.(updated);
+        }
+        catch {
+            // error state is managed by useUpdateChannelApp
+        }
+    }, [canSave, clearError, update, name, channelApp.metadata, clientId, clientSecret, signingSecret, onUpdated]);
+    return (_jsxs(_Fragment, { children: [_jsxs("section", { className: "space-y-2", "aria-label": "Finish setup in Slack", children: [_jsx("p", { className: "text-xs font-medium text-foreground", children: "Finish setup in Slack" }), _jsxs("p", { className: "text-[0.65rem] text-muted-foreground", children: ["On the app's ", _jsx("span", { className: "font-medium", children: "Event Subscriptions" }), " page, enable events and set the request URL below (Slack verifies it immediately). The completed manifest is also available for review or re-paste."] }), _jsx(CopyRow, { label: "Events request URL", value: webhookUrl, copyTargetId: "stgm-chapp-webhook-copy" }), _jsx(CopyRow, { label: "OAuth redirect URL", value: redirectUrl }), _jsx(CopyBlock, { label: "Completed app manifest", value: manifest })] }), _jsxs("form", { onSubmit: handleSave, className: "space-y-3", "aria-label": "Credentials", children: [_jsx("p", { className: "text-xs font-medium text-foreground", children: "Credentials" }), _jsxs("p", { className: "-mt-2 text-[0.65rem] text-muted-foreground", children: ["Secrets show as ", _jsx("code", { className: "font-mono", children: "***REDACTED***" }), "; leave a field untouched to keep its stored value, or paste a new one to rotate it."] }), _jsx(FormField, { id: "stgm-chapp-edit-client-id", label: "Client ID", value: clientId, onChange: setClientId, placeholder: "1234567890.0987654321", disabled: isUpdating, required: true }), _jsx(FormField, { id: "stgm-chapp-edit-client-secret", label: "Client secret", value: clientSecret, onChange: setClientSecret, placeholder: "Client secret", type: "password", disabled: isUpdating, required: true }), _jsx(FormField, { id: "stgm-chapp-edit-signing-secret", label: "Signing secret", value: signingSecret, onChange: setSigningSecret, placeholder: "Signing secret", type: "password", disabled: isUpdating, required: true }), updateError && (_jsx("p", { className: "text-destructive text-[0.65rem]", role: "alert", children: getUserMessage(updateError) })), _jsxs("button", { type: "submit", disabled: !canSave, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium", "bg-primary text-primary-foreground hover:bg-primary-hover", "disabled:pointer-events-none disabled:opacity-40"), children: [isUpdating && _jsx(SpinnerIcon, {}), "Save credentials"] })] })] }));
+}
+// ---------------------------------------------------------------------------
+// WhatsApp — finish setup in Meta + credential rotation
+// ---------------------------------------------------------------------------
+function WhatsAppAppDetail({ channelApp, createHandoff, onUpdated, }) {
+    const stigmer = useStigmer();
+    const { update, isUpdating, error: updateError, clearError } = useUpdateChannelApp();
+    const whatsapp = channelApp.spec?.providerConfig?.case === "whatsapp"
+        ? channelApp.spec.providerConfig.value
+        : undefined;
+    const [metaAppId, setMetaAppId] = useState(whatsapp?.appId ?? "");
+    const [appSecret, setAppSecret] = useState(whatsapp?.appSecret ?? "");
+    const [accessToken, setAccessToken] = useState(whatsapp?.accessToken ?? "");
+    const [verifyToken, setVerifyToken] = useState(whatsapp?.verifyToken ?? "");
+    const appId = channelApp.metadata?.id ?? "";
+    const name = channelApp.metadata?.name ?? "";
+    const webhookUrl = useMemo(() => whatsappChannelAppWebhookUrl(stigmer.baseUrl, appId), [stigmer.baseUrl, appId]);
+    const canSave = metaAppId.trim() !== "" &&
+        appSecret.trim() !== "" &&
+        accessToken.trim() !== "" &&
+        verifyToken.trim() !== "" &&
+        !isUpdating;
+    const handleSave = useCallback(async (e) => {
+        e.preventDefault();
+        if (!canSave)
+            return;
+        clearError();
+        try {
+            const updated = await update({
+                name,
+                org: channelApp.metadata?.org ?? "",
+                ...(channelApp.metadata?.slug ? { slug: channelApp.metadata.slug } : {}),
+                whatsapp: {
+                    appId: metaAppId.trim(),
+                    // The redaction marker means "keep the stored value" — the
+                    // server preserves per field.
+                    appSecret: appSecret.trim(),
+                    accessToken: accessToken.trim(),
+                    verifyToken: verifyToken.trim(),
+                },
+            });
+            onUpdated?.(updated);
+        }
+        catch {
+            // error state is managed by useUpdateChannelApp
+        }
+    }, [canSave, clearError, update, name, channelApp.metadata, metaAppId, appSecret, accessToken, verifyToken, onUpdated]);
+    return (_jsxs(_Fragment, { children: [_jsxs("section", { className: "space-y-2", "aria-label": "Finish setup in Meta", children: [_jsx("p", { className: "text-xs font-medium text-foreground", children: "Finish setup in Meta" }), _jsxs("p", { className: "text-[0.65rem] text-muted-foreground", children: ["On the app's ", _jsx("span", { className: "font-medium", children: "WhatsApp \u2192 Configuration" }), " page, set the callback URL and verify token below, click ", _jsx("span", { className: "font-medium", children: "Verify and save" }), " ", "(Meta verifies immediately), then subscribe to the", " ", _jsx("span", { className: "font-medium", children: WHATSAPP_CHANNEL_APP_WEBHOOK_FIELDS.join(", ") }), " ", "webhook field."] }), _jsx(CopyRow, { label: "Callback URL", value: webhookUrl, copyTargetId: "stgm-chapp-webhook-copy" }), createHandoff?.verifyToken ? (_jsx(CopyRow, { label: "Verify token", value: createHandoff.verifyToken, copyTargetId: "stgm-chapp-verify-token-copy" })) : (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-xs font-medium text-foreground", children: "Verify token" }), _jsx("p", { className: "text-[0.65rem] text-muted-foreground", children: "Shown once at registration. If you no longer have it, paste a new one below and update Meta's webhook configuration to match." })] }))] }), _jsxs("form", { onSubmit: handleSave, className: "space-y-3", "aria-label": "Credentials", children: [_jsx("p", { className: "text-xs font-medium text-foreground", children: "Credentials" }), _jsxs("p", { className: "-mt-2 text-[0.65rem] text-muted-foreground", children: ["Secrets show as ", _jsx("code", { className: "font-mono", children: "***REDACTED***" }), "; leave a field untouched to keep its stored value, or paste a new one to rotate it."] }), _jsx(FormField, { id: "stgm-chapp-edit-app-id", label: "App ID", value: metaAppId, onChange: setMetaAppId, placeholder: "1234567890123456", disabled: isUpdating, required: true }), _jsx(FormField, { id: "stgm-chapp-edit-app-secret", label: "App secret", value: appSecret, onChange: setAppSecret, placeholder: "App secret", type: "password", disabled: isUpdating, required: true }), _jsx(FormField, { id: "stgm-chapp-edit-access-token", label: "Access token", value: accessToken, onChange: setAccessToken, placeholder: "Long-lived system-user access token", type: "password", disabled: isUpdating, required: true }), _jsx(FormField, { id: "stgm-chapp-edit-verify-token", label: "Verify token", value: verifyToken, onChange: setVerifyToken, placeholder: "Verify token", type: "password", hint: "Rotating it? Update Meta's webhook configuration to the same value.", disabled: isUpdating, required: true }), updateError && (_jsx("p", { className: "text-destructive text-[0.65rem]", role: "alert", children: getUserMessage(updateError) })), _jsxs("button", { type: "submit", disabled: !canSave, className: cn("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium", "bg-primary text-primary-foreground hover:bg-primary-hover", "disabled:pointer-events-none disabled:opacity-40"), children: [isUpdating && _jsx(SpinnerIcon, {}), "Save credentials"] })] })] }));
+}
+//# sourceMappingURL=ChannelAppDetailPanel.js.map

package/channel-app/ChannelAppDetailPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelAppDetailPanel.js","sourceRoot":"","sources":["../../src/channel-app/ChannelAppDetailPanel.tsx"],"names":[],"mappings":"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"}

package/channel-app/ChannelAppListPanel.d.ts

@@ -0,0 +1,36 @@
+import type { ChannelApp } from "@stigmer/protos/ai/stigmer/agentic/channelapp/v1/api_pb";
+/** Props for {@link ChannelAppListPanel}. */
+export interface ChannelAppListPanelProps {
+    /** Organization slug to list channel apps for. */
+    readonly org: string;
+    /**
+     * Fired when the user wants to view/edit a channel app.
+     * When provided, rows become interactive with a pencil icon button.
+     */
+    readonly onEdit?: (app: ChannelApp) => void;
+    /** Re-expose refetch so parents can trigger a list refresh. */
+    readonly onRefetchRef?: (refetch: () => void) => void;
+    /** Additional CSS class names for the root container. */
+    readonly className?: string;
+}
+/**
+ * Displays the {@link ChannelApp} resources owned by an organization —
+ * the customer's own provider apps (Slack, Meta/WhatsApp) that agent
+ * channels can install through.
+ *
+ * Each row shows the app name, provider, the provider's non-secret app
+ * identifier, and creation date. Secret fields never appear (they
+ * arrive redacted).
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ *
+ * @example
+ * ```tsx
+ * <ChannelAppListPanel
+ *   org="acme"
+ *   onEdit={(app) => setFlow({ phase: "editing", channelApp: app })}
+ * />
+ * ```
+ */
+export declare function ChannelAppListPanel({ org, onEdit, onRefetchRef, className, }: ChannelAppListPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChannelAppListPanel.d.ts.map

package/channel-app/ChannelAppListPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelAppListPanel.d.ts","sourceRoot":"","sources":["../../src/channel-app/ChannelAppListPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAQ1F,6CAA6C;AAC7C,MAAM,WAAW,wBAAwB;IACvC,kDAAkD;IAClD,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,+DAA+D;IAC/D,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IACtD,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,MAAM,EACN,YAAY,EACZ,SAAS,GACV,EAAE,wBAAwB,2CAyD1B"}

package/channel-app/ChannelAppListPanel.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@stigmer/theme";
+import { getUserMessage } from "@stigmer/sdk";
+import { timestampDate } from "@bufbuild/protobuf/wkt";
+import { channelProviderOf } from "../channel/providers.js";
+import { useChannelAppList } from "./useChannelAppList.js";
+/**
+ * Displays the {@link ChannelApp} resources owned by an organization —
+ * the customer's own provider apps (Slack, Meta/WhatsApp) that agent
+ * channels can install through.
+ *
+ * Each row shows the app name, provider, the provider's non-secret app
+ * identifier, and creation date. Secret fields never appear (they
+ * arrive redacted).
+ *
+ * All visual properties flow through `--stgm-*` design tokens.
+ *
+ * @example
+ * ```tsx
+ * <ChannelAppListPanel
+ *   org="acme"
+ *   onEdit={(app) => setFlow({ phase: "editing", channelApp: app })}
+ * />
+ * ```
+ */
+export function ChannelAppListPanel({ org, onEdit, onRefetchRef, className, }) {
+    const { channelApps, isLoading, error, refetch } = useChannelAppList(org);
+    if (onRefetchRef) {
+        onRefetchRef(refetch);
+    }
+    if (isLoading) {
+        return (_jsx("div", { className: cn("space-y-2", className), "aria-busy": "true", "aria-label": "Loading channel apps", children: Array.from({ length: 2 }, (_, i) => (_jsx("div", { className: "bg-muted-subtle h-14 animate-pulse rounded-lg" }, i))) }));
+    }
+    if (error) {
+        return (_jsx("p", { className: cn("text-destructive text-xs", className), role: "alert", children: getUserMessage(error) }));
+    }
+    if (channelApps.length === 0) {
+        return (_jsx("p", { className: cn("text-muted-foreground py-4 text-center text-xs", className), children: "No channel apps registered yet." }));
+    }
+    return (_jsx("div", { className: cn("space-y-2", className), role: "list", "aria-label": "Channel apps", children: channelApps.map((app) => (_jsx(ChannelAppRow, { channelApp: app, onEdit: onEdit ? () => onEdit(app) : undefined }, app.metadata?.id ?? ""))) }));
+}
+// ---------------------------------------------------------------------------
+// Row (internal)
+// ---------------------------------------------------------------------------
+function ChannelAppRow({ channelApp, onEdit, }) {
+    const name = channelApp.metadata?.name ?? "";
+    const providerCase = channelApp.spec?.providerConfig?.case;
+    const provider = channelProviderOf(providerCase);
+    // The provider's non-secret app identifier — the one value that ties
+    // the row to the app on the provider's dashboard.
+    const providerAppId = channelApp.spec?.providerConfig?.case === "slack"
+        ? channelApp.spec.providerConfig.value.clientId
+        : channelApp.spec?.providerConfig?.case === "whatsapp"
+            ? channelApp.spec.providerConfig.value.appId
+            : undefined;
+    const createdAt = channelApp.status?.audit?.specAudit?.createdAt;
+    return (_jsxs("div", { role: "listitem", className: cn("border-border bg-card flex items-center gap-3 rounded-lg border px-3 py-2.5"), children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "truncate text-xs font-medium text-foreground", children: name }), _jsx("span", { className: "text-[0.65rem] text-muted-foreground", children: provider?.label ?? providerCase ?? "" })] }), _jsxs("div", { className: "flex items-baseline gap-2", children: [providerAppId && (_jsx("span", { className: "truncate font-mono text-[0.65rem] text-muted-foreground", children: providerAppId })), createdAt && (_jsx("span", { className: "shrink-0 text-[0.65rem] text-muted-foreground", children: timestampDate(createdAt).toLocaleDateString() }))] })] }), onEdit && (_jsx("button", { type: "button", onClick: onEdit, "aria-label": `Edit ${name}`, className: cn("text-muted-foreground hover:text-foreground hover:bg-accent-hover", "shrink-0 rounded-md p-1.5 transition-colors"), children: _jsx(PencilIcon, {}) }))] }));
+}
+function PencilIcon() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M11.5 2.5a1.4 1.4 0 0 1 2 2L5 13l-3 1 1-3 8.5-8.5z" }) }));
+}
+//# sourceMappingURL=ChannelAppListPanel.js.map

package/channel-app/ChannelAppListPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelAppListPanel.js","sourceRoot":"","sources":["../../src/channel-app/ChannelAppListPanel.tsx"],"names":[],"mappings":"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"}

package/channel-app/CreateChannelAppForm.d.ts

@@ -0,0 +1,54 @@
+import type { ChannelApp } from "@stigmer/protos/ai/stigmer/agentic/channelapp/v1/api_pb";
+/**
+ * Values from the create flow that a host needs exactly once, right
+ * after registration — they are encrypted server-side and answer
+ * redacted from then on. The section flow threads them (client-side, in
+ * memory only) into the detail panel so "finish setup at the provider"
+ * can show them alongside the freshly-minted webhook URL.
+ */
+export interface ChannelAppCreateHandoff {
+    /** The WhatsApp verify token as entered; absent for Slack apps. */
+    readonly verifyToken?: string;
+}
+/** Props for {@link CreateChannelAppForm}. */
+export interface CreateChannelAppFormProps {
+    /** Organization slug — the channel app will be created in this org. */
+    readonly org: string;
+    /**
+     * Console origin used to derive the OAuth redirect URL shown in the
+     * Slack setup guidance. Defaults to the current window's origin.
+     */
+    readonly consoleOrigin?: string;
+    /**
+     * Fired with the newly created channel app on success. The handoff
+     * carries the once-visible secrets the detail panel shows for
+     * phase-two setup.
+     */
+    readonly onCreated?: (app: ChannelApp, handoff: ChannelAppCreateHandoff) => void;
+    /** Fired when the user cancels creation. */
+    readonly onCancel?: () => void;
+    /** Additional CSS class names for the root container. */
+    readonly className?: string;
+}
+/**
+ * Form for registering a customer-owned provider app as a
+ * {@link ChannelApp} (bring your own app — the bot carries your name
+ * and identity, and each app is its own bot identity).
+ *
+ * Provider-shaped: a Slack app brings OAuth credentials plus a
+ * ready-to-paste manifest; a Meta (WhatsApp) app brings dashboard
+ * credentials plus a generated verify token — Meta has no manifest
+ * equivalent, so the guidance is a checklist.
+ *
+ * Setup is two-phase by nature for both providers (the provider mints
+ * the credentials, Stigmer mints the per-app webhook URL): this form
+ * covers phase one — the credentials. The detail panel shown after
+ * creation carries phase two (the events webhook URL, plus the verify
+ * token for WhatsApp).
+ *
+ * This is a pure presentational component with no dialog wrapper
+ * (headless-first). All visual properties flow through `--stgm-*`
+ * design tokens.
+ */
+export declare function CreateChannelAppForm({ org, consoleOrigin, onCreated, onCancel, className, }: CreateChannelAppFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CreateChannelAppForm.d.ts.map

package/channel-app/CreateChannelAppForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateChannelAppForm.d.ts","sourceRoot":"","sources":["../../src/channel-app/CreateChannelAppForm.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAiB1F;;;;;;GAMG;AACH,MAAM,WAAW,uBAAuB;IACtC,mEAAmE;IACnE,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,8CAA8C;AAC9C,MAAM,WAAW,yBAAyB;IACxC,uEAAuE;IACvE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACjF,4CAA4C;IAC5C,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,yDAAyD;IACzD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,GAAG,EACH,aAAa,EACb,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,yBAAyB,2CAuL3B"}