@stigmer/react 3.1.17 → 3.2.1

package/channel-app/CreateChannelAppForm.js

@@ -0,0 +1,140 @@
+"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 { CHANNEL_PROVIDERS, } from "../channel/providers.js";
+import { useCreateChannelApp } from "./useCreateChannelApp.js";
+import { buildSlackChannelAppManifest, slackChannelAppRedirectUrl, } from "./slackAppSetup.js";
+import { generateWhatsAppVerifyToken } from "./whatsappAppSetup.js";
+import { CopyBlock, FormField, SpinnerIcon } from "./internal.js";
+/**
+ * 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 function CreateChannelAppForm({ org, consoleOrigin, onCreated, onCancel, className, }) {
+    const { create, isCreating, error, clearError } = useCreateChannelApp();
+    const [provider, setProvider] = useState("slack");
+    const [name, setName] = useState("");
+    // Slack credentials (Basic Information page on api.slack.com).
+    const [clientId, setClientId] = useState("");
+    const [clientSecret, setClientSecret] = useState("");
+    const [signingSecret, setSigningSecret] = useState("");
+    // WhatsApp credentials (Meta app dashboard). The verify token is
+    // customer-authored like every WhatsApp credential (DD-WA-3) —
+    // pre-generated here as a strong default, editable for users bringing
+    // their own.
+    const [appId, setAppId] = useState("");
+    const [appSecret, setAppSecret] = useState("");
+    const [accessToken, setAccessToken] = useState("");
+    const [verifyToken, setVerifyToken] = useState(generateWhatsAppVerifyToken);
+    const trimmedName = name.trim();
+    const manifest = useMemo(() => buildSlackChannelAppManifest({
+        name: trimmedName || "Your Bot Name",
+        redirectUrl: slackChannelAppRedirectUrl(consoleOrigin),
+    }), [trimmedName, consoleOrigin]);
+    const providerFieldsComplete = provider === "slack"
+        ? clientId.trim() !== "" &&
+            clientSecret.trim() !== "" &&
+            signingSecret.trim() !== ""
+        : appId.trim() !== "" &&
+            appSecret.trim() !== "" &&
+            accessToken.trim() !== "" &&
+            verifyToken.trim() !== "";
+    const canSubmit = trimmedName !== "" && providerFieldsComplete && !isCreating;
+    const handleSubmit = useCallback(async (e) => {
+        e.preventDefault();
+        if (!canSubmit)
+            return;
+        clearError();
+        try {
+            const app = await create({
+                name: trimmedName,
+                org,
+                ...(provider === "slack"
+                    ? {
+                        slack: {
+                            clientId: clientId.trim(),
+                            clientSecret: clientSecret.trim(),
+                            signingSecret: signingSecret.trim(),
+                        },
+                    }
+                    : {
+                        whatsapp: {
+                            appId: appId.trim(),
+                            appSecret: appSecret.trim(),
+                            accessToken: accessToken.trim(),
+                            verifyToken: verifyToken.trim(),
+                        },
+                    }),
+            });
+            onCreated?.(app, provider === "whatsapp" ? { verifyToken: verifyToken.trim() } : {});
+        }
+        catch {
+            // error state is managed by useCreateChannelApp
+        }
+    }, [
+        canSubmit,
+        trimmedName,
+        org,
+        provider,
+        clientId,
+        clientSecret,
+        signingSecret,
+        appId,
+        appSecret,
+        accessToken,
+        verifyToken,
+        create,
+        clearError,
+        onCreated,
+    ]);
+    return (_jsxs("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [_jsxs("div", { className: "space-y-3", children: [_jsx(ProviderPicker, { value: provider, onChange: setProvider, disabled: isCreating }), _jsx(FormField, { id: "stgm-chapp-name", label: "Name", value: name, onChange: setName, placeholder: provider === "slack" ? "e.g. Acme Support Bot" : "e.g. Acme WhatsApp", hint: provider === "slack"
+                            ? "The bot name your workspace will @mention"
+                            : "Names the app in Stigmer — pick something that identifies the Meta app", disabled: isCreating, required: true }), provider === "slack" ? (_jsx(SlackCreateSection, { manifest: manifest, clientId: clientId, onClientIdChange: setClientId, clientSecret: clientSecret, onClientSecretChange: setClientSecret, signingSecret: signingSecret, onSigningSecretChange: setSigningSecret, disabled: isCreating })) : (_jsx(WhatsAppCreateSection, { appId: appId, onAppIdChange: setAppId, appSecret: appSecret, onAppSecretChange: setAppSecret, accessToken: accessToken, onAccessTokenChange: setAccessToken, verifyToken: verifyToken, onVerifyTokenChange: setVerifyToken, disabled: isCreating }))] }), error && (_jsx("p", { className: "text-destructive text-[0.65rem]", role: "alert", children: getUserMessage(error) })), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("button", { type: "submit", disabled: !canSubmit, 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: [isCreating && _jsx(SpinnerIcon, {}), "Register channel app"] }), onCancel && (_jsx("button", { type: "button", onClick: onCancel, disabled: isCreating, className: cn("rounded-md px-3 py-1.5 text-xs", "text-muted-foreground hover:text-foreground hover:bg-accent-hover", "disabled:pointer-events-none disabled:opacity-50"), children: "Cancel" }))] })] }));
+}
+// ---------------------------------------------------------------------------
+// Provider picker
+// ---------------------------------------------------------------------------
+/**
+ * Which provider the app belongs to — mutually exclusive and fixed for
+ * the resource's lifetime (the spec oneof), so a radio group, chosen
+ * before the fields it shapes.
+ */
+function ProviderPicker({ value, onChange, disabled, }) {
+    return (_jsxs("fieldset", { children: [_jsx("legend", { className: "mb-1.5 block text-xs font-medium text-foreground", children: "Provider" }), _jsx("div", { role: "radiogroup", className: "flex gap-1.5", children: CHANNEL_PROVIDERS.map((p) => {
+                    const checked = value === p.id;
+                    return (_jsxs("label", { htmlFor: `stgm-chapp-provider-${p.id}`, className: cn("flex flex-1 cursor-pointer items-center gap-2 rounded-md border px-2.5 py-1.5", checked ? "border-ring bg-accent" : "border-border hover:bg-accent-hover", disabled && "pointer-events-none opacity-50"), children: [_jsx("input", { id: `stgm-chapp-provider-${p.id}`, type: "radio", name: "stgm-chapp-provider", checked: checked, onChange: () => onChange(p.id), disabled: disabled, className: "accent-current" }), _jsx(p.Icon, { className: "size-3.5 shrink-0 text-foreground" }), _jsx("span", { className: "text-xs font-medium text-foreground", children: p.label })] }, p.id));
+                }) })] }));
+}
+// ---------------------------------------------------------------------------
+// Slack — manifest + Basic Information credentials
+// ---------------------------------------------------------------------------
+function SlackCreateSection({ manifest, clientId, onClientIdChange, clientSecret, onClientSecretChange, signingSecret, onSigningSecretChange, disabled, }) {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("p", { className: "text-xs font-medium text-foreground", children: "1. Create the Slack app" }), _jsxs("p", { className: "text-[0.65rem] text-muted-foreground", children: ["On", " ", _jsx("a", { href: "https://api.slack.com/apps?new_app=1", target: "_blank", rel: "noreferrer", className: "text-primary hover:text-foreground underline transition-colors", children: "api.slack.com/apps" }), ", choose ", _jsx("span", { className: "font-medium", children: "From a manifest" }), " and paste this. Event subscriptions come after the next step \u2014 the webhook URL is minted when this form is saved."] }), _jsx(CopyBlock, { label: "Slack app manifest", value: manifest, copyTargetId: "stgm-chapp-manifest-copy" })] }), _jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-xs font-medium text-foreground", children: "2. Paste the app's credentials" }), _jsxs("p", { className: "-mt-2 text-[0.65rem] text-muted-foreground", children: ["From the app's ", _jsx("span", { className: "font-medium", children: "Basic Information" }), " page. They are encrypted at rest and never shown again."] }), _jsx(FormField, { id: "stgm-chapp-client-id", label: "Client ID", value: clientId, onChange: onClientIdChange, placeholder: "1234567890.0987654321", disabled: disabled, required: true }), _jsx(FormField, { id: "stgm-chapp-client-secret", label: "Client secret", value: clientSecret, onChange: onClientSecretChange, placeholder: "Client secret", type: "password", disabled: disabled, required: true }), _jsx(FormField, { id: "stgm-chapp-signing-secret", label: "Signing secret", value: signingSecret, onChange: onSigningSecretChange, placeholder: "Signing secret", type: "password", hint: "Verifies that webhook events really come from your app", disabled: disabled, required: true })] })] }));
+}
+// ---------------------------------------------------------------------------
+// WhatsApp — Meta dashboard credentials + generated verify token
+// ---------------------------------------------------------------------------
+function WhatsAppCreateSection({ appId, onAppIdChange, appSecret, onAppSecretChange, accessToken, onAccessTokenChange, verifyToken, onVerifyTokenChange, disabled, }) {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("p", { className: "text-xs font-medium text-foreground", children: "1. Create the Meta app" }), _jsxs("p", { className: "text-[0.65rem] text-muted-foreground", children: ["On", " ", _jsx("a", { href: "https://developers.facebook.com/apps", target: "_blank", rel: "noreferrer", className: "text-primary hover:text-foreground underline transition-colors", children: "developers.facebook.com" }), ", create a ", _jsx("span", { className: "font-medium", children: "Business" }), "-type app and add the ", _jsx("span", { className: "font-medium", children: "WhatsApp" }), " product. The webhook setup comes after the next step \u2014 the webhook URL is minted when this form is saved."] })] }), _jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-xs font-medium text-foreground", children: "2. Paste the app's credentials" }), _jsxs("p", { className: "-mt-2 text-[0.65rem] text-muted-foreground", children: ["The app ID and secret are on ", _jsx("span", { className: "font-medium", children: "App settings \u2192 Basic" }), "; mint a long-lived system-user access token with WhatsApp permissions in Meta Business settings. The secrets are encrypted at rest and never shown again."] }), _jsx(FormField, { id: "stgm-chapp-app-id", label: "App ID", value: appId, onChange: onAppIdChange, placeholder: "1234567890123456", disabled: disabled, required: true }), _jsx(FormField, { id: "stgm-chapp-app-secret", label: "App secret", value: appSecret, onChange: onAppSecretChange, placeholder: "App secret", type: "password", hint: "Verifies that webhook events really come from your app", disabled: disabled, required: true }), _jsx(FormField, { id: "stgm-chapp-access-token", label: "Access token", value: accessToken, onChange: onAccessTokenChange, placeholder: "Long-lived system-user access token", type: "password", hint: "Sends messages on behalf of your WhatsApp Business account", disabled: disabled, required: true }), _jsx(FormField, { id: "stgm-chapp-verify-token", label: "Verify token", value: verifyToken, onChange: onVerifyTokenChange, placeholder: "Verify token", hint: "Generated for you — you'll paste this same value into Meta's " +
+                            "webhook configuration after registering. Replace it if your " +
+                            "Meta app already has one.", disabled: disabled, required: true })] })] }));
+}
+//# sourceMappingURL=CreateChannelAppForm.js.map

package/channel-app/CreateChannelAppForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateChannelAppForm.js","sourceRoot":"","sources":["../../src/channel-app/CreateChannelAppForm.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EACL,iBAAiB,GAElB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EACL,4BAA4B,EAC5B,0BAA0B,GAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAuClE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,GAAG,EACH,aAAa,EACb,SAAS,EACT,QAAQ,EACR,SAAS,GACiB;IAC1B,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAExE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAoB,OAAO,CAAC,CAAC;IACrE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAErC,+DAA+D;IAC/D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvD,iEAAiE;IACjE,+DAA+D;IAC/D,sEAAsE;IACtE,aAAa;IACb,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,2BAA2B,CAAC,CAAC;IAE5E,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;IAEhC,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CACH,4BAA4B,CAAC;QAC3B,IAAI,EAAE,WAAW,IAAI,eAAe;QACpC,WAAW,EAAE,0BAA0B,CAAC,aAAa,CAAC;KACvD,CAAC,EACJ,CAAC,WAAW,EAAE,aAAa,CAAC,CAC7B,CAAC;IAEF,MAAM,sBAAsB,GAC1B,QAAQ,KAAK,OAAO;QAClB,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE;YACtB,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE;YAC1B,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE;QAC7B,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE;YACnB,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE;YACvB,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE;YACzB,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;IAEhC,MAAM,SAAS,GAAG,WAAW,KAAK,EAAE,IAAI,sBAAsB,IAAI,CAAC,UAAU,CAAC;IAE9E,MAAM,YAAY,GAAG,WAAW,CAC9B,KAAK,EAAE,CAAY,EAAE,EAAE;QACrB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,UAAU,EAAE,CAAC;QACb,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC;gBACvB,IAAI,EAAE,WAAW;gBACjB,GAAG;gBACH,GAAG,CAAC,QAAQ,KAAK,OAAO;oBACtB,CAAC,CAAC;wBACE,KAAK,EAAE;4BACL,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE;4BACzB,YAAY,EAAE,YAAY,CAAC,IAAI,EAAE;4BACjC,aAAa,EAAE,aAAa,CAAC,IAAI,EAAE;yBACpC;qBACF;oBACH,CAAC,CAAC;wBACE,QAAQ,EAAE;4BACR,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;4BACnB,SAAS,EAAE,SAAS,CAAC,IAAI,EAAE;4BAC3B,WAAW,EAAE,WAAW,CAAC,IAAI,EAAE;4BAC/B,WAAW,EAAE,WAAW,CAAC,IAAI,EAAE;yBAChC;qBACF,CAAC;aACP,CAAC,CAAC;YACH,SAAS,EAAE,CACT,GAAG,EACH,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CACnE,CAAC;QACJ,CAAC;QAAC,MAAM,CAAC;YACP,gDAAgD;QAClD,CAAC;IACH,CAAC,EACD;QACE,SAAS;QACT,WAAW;QACX,GAAG;QACH,QAAQ;QACR,QAAQ;QACR,YAAY;QACZ,aAAa;QACb,KAAK;QACL,SAAS;QACT,WAAW;QACX,WAAW;QACX,MAAM;QACN,UAAU;QACV,SAAS;KACV,CACF,CAAC;IAEF,OAAO,CACL,gBAAM,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,aACjE,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,cAAc,IACb,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,UAAU,GACpB,EAEF,KAAC,SAAS,IACR,EAAE,EAAC,iBAAiB,EACpB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,OAAO,EACjB,WAAW,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,oBAAoB,EAClF,IAAI,EACF,QAAQ,KAAK,OAAO;4BAClB,CAAC,CAAC,2CAA2C;4BAC7C,CAAC,CAAC,wEAAwE,EAE9E,QAAQ,EAAE,UAAU,EACpB,QAAQ,SACR,EAED,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CACtB,KAAC,kBAAkB,IACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,WAAW,EAC7B,YAAY,EAAE,YAAY,EAC1B,oBAAoB,EAAE,eAAe,EACrC,aAAa,EAAE,aAAa,EAC5B,qBAAqB,EAAE,gBAAgB,EACvC,QAAQ,EAAE,UAAU,GACpB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,YAAY,EAC/B,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,cAAc,EACnC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,cAAc,EACnC,QAAQ,EAAE,UAAU,GACpB,CACH,IACG,EAEL,KAAK,IAAI,CACR,YAAG,SAAS,EAAC,iCAAiC,EAAC,IAAI,EAAC,OAAO,YACxD,cAAc,CAAC,KAAK,CAAC,GACpB,CACL,EAED,eAAK,SAAS,EAAC,yBAAyB,aACtC,kBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,SAAS,EACpB,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,2DAA2D,EAC3D,kDAAkD,CACnD,aAEA,UAAU,IAAI,KAAC,WAAW,KAAG,4BAEvB,EAER,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,mEAAmE,EACnE,kDAAkD,CACnD,uBAGM,CACV,IACG,IACD,CACR,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,kBAAkB;AAClB,8EAA8E;AAE9E;;;;GAIG;AACH,SAAS,cAAc,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,QAAQ,GAKT;IACC,OAAO,CACL,+BACE,iBAAQ,SAAS,EAAC,kDAAkD,yBAE3D,EACT,cAAK,IAAI,EAAC,YAAY,EAAC,SAAS,EAAC,cAAc,YAC5C,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;oBAC3B,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;oBAC/B,OAAO,CACL,iBAEE,OAAO,EAAE,uBAAuB,CAAC,CAAC,EAAE,EAAE,EACtC,SAAS,EAAE,EAAE,CACX,+EAA+E,EAC/E,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,qCAAqC,EACzE,QAAQ,IAAI,gCAAgC,CAC7C,aAED,gBACE,EAAE,EAAE,uBAAuB,CAAC,CAAC,EAAE,EAAE,EACjC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,qBAAqB,EAC1B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAC9B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,gBAAgB,GAC1B,EACF,KAAC,CAAC,CAAC,IAAI,IAAC,SAAS,EAAC,mCAAmC,GAAG,EACxD,eAAM,SAAS,EAAC,qCAAqC,YAAE,CAAC,CAAC,KAAK,GAAQ,KAlBjE,CAAC,CAAC,EAAE,CAmBH,CACT,CAAC;gBACJ,CAAC,CAAC,GACE,IACG,CACZ,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,mDAAmD;AACnD,8EAA8E;AAE9E,SAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,oBAAoB,EACpB,aAAa,EACb,qBAAqB,EACrB,QAAQ,GAUT;IACC,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,aAAa,aAC1B,YAAG,SAAS,EAAC,qCAAqC,wCAE9C,EACJ,aAAG,SAAS,EAAC,sCAAsC,mBAC9C,GAAG,EACN,YACE,IAAI,EAAC,sCAAsC,EAC3C,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAC,gEAAgE,mCAGxE,eACK,eAAM,SAAS,EAAC,aAAa,gCAAuB,+HAG3D,EACJ,KAAC,SAAS,IACR,KAAK,EAAC,oBAAoB,EAC1B,KAAK,EAAE,QAAQ,EACf,YAAY,EAAC,0BAA0B,GACvC,IACE,EAEN,eAAK,SAAS,EAAC,WAAW,aACxB,YAAG,SAAS,EAAC,qCAAqC,+CAE9C,EACJ,aAAG,SAAS,EAAC,4CAA4C,gCACnC,eAAM,SAAS,EAAC,aAAa,kCAC/B,gEAEhB,EAEJ,KAAC,SAAS,IACR,EAAE,EAAC,sBAAsB,EACzB,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,gBAAgB,EAC1B,WAAW,EAAC,uBAAuB,EACnC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,SACR,EAEF,KAAC,SAAS,IACR,EAAE,EAAC,0BAA0B,EAC7B,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,oBAAoB,EAC9B,WAAW,EAAC,eAAe,EAC3B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,SACR,EAEF,KAAC,SAAS,IACR,EAAE,EAAC,2BAA2B,EAC9B,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,qBAAqB,EAC/B,WAAW,EAAC,gBAAgB,EAC5B,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,wDAAwD,EAC7D,QAAQ,EAAE,QAAQ,EAClB,QAAQ,SACR,IACE,IACL,CACJ,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,iEAAiE;AACjE,8EAA8E;AAE9E,SAAS,qBAAqB,CAAC,EAC7B,KAAK,EACL,aAAa,EACb,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,mBAAmB,EACnB,WAAW,EACX,mBAAmB,EACnB,QAAQ,GAWT;IACC,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,aAAa,aAC1B,YAAG,SAAS,EAAC,qCAAqC,uCAE9C,EACJ,aAAG,SAAS,EAAC,sCAAsC,mBAC9C,GAAG,EACN,YACE,IAAI,EAAC,sCAAsC,EAC3C,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAC,gEAAgE,wCAGxE,iBACO,eAAM,SAAS,EAAC,aAAa,yBAAgB,4BAC5C,eAAM,SAAS,EAAC,aAAa,yBAAgB,uHAGvD,IACA,EAEN,eAAK,SAAS,EAAC,WAAW,aACxB,YAAG,SAAS,EAAC,qCAAqC,+CAE9C,EACJ,aAAG,SAAS,EAAC,4CAA4C,8CAC1B,eAAM,SAAS,EAAC,aAAa,0CACnC,kKAGrB,EAEJ,KAAC,SAAS,IACR,EAAE,EAAC,mBAAmB,EACtB,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAC,kBAAkB,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,SACR,EAEF,KAAC,SAAS,IACR,EAAE,EAAC,uBAAuB,EAC1B,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAC,YAAY,EACxB,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,wDAAwD,EAC7D,QAAQ,EAAE,QAAQ,EAClB,QAAQ,SACR,EAEF,KAAC,SAAS,IACR,EAAE,EAAC,yBAAyB,EAC5B,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,mBAAmB,EAC7B,WAAW,EAAC,qCAAqC,EACjD,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,4DAA4D,EACjE,QAAQ,EAAE,QAAQ,EAClB,QAAQ,SACR,EAEF,KAAC,SAAS,IACR,EAAE,EAAC,yBAAyB,EAC5B,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,mBAAmB,EAC7B,WAAW,EAAC,cAAc,EAC1B,IAAI,EACF,+DAA+D;4BAC/D,8DAA8D;4BAC9D,2BAA2B,EAE7B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,SACR,IACE,IACL,CACJ,CAAC;AACJ,CAAC"}

package/channel-app/index.d.ts

@@ -0,0 +1,18 @@
+export { useChannelAppList } from "./useChannelAppList.js";
+export type { UseChannelAppListReturn } from "./useChannelAppList.js";
+export { useCreateChannelApp } from "./useCreateChannelApp.js";
+export type { UseCreateChannelAppReturn } from "./useCreateChannelApp.js";
+export { useUpdateChannelApp } from "./useUpdateChannelApp.js";
+export type { UseUpdateChannelAppReturn } from "./useUpdateChannelApp.js";
+export { useDeleteChannelApp } from "./useDeleteChannelApp.js";
+export type { UseDeleteChannelAppReturn } from "./useDeleteChannelApp.js";
+export { ChannelAppListPanel } from "./ChannelAppListPanel.js";
+export type { ChannelAppListPanelProps } from "./ChannelAppListPanel.js";
+export { CreateChannelAppForm } from "./CreateChannelAppForm.js";
+export type { CreateChannelAppFormProps, ChannelAppCreateHandoff, } from "./CreateChannelAppForm.js";
+export { ChannelAppDetailPanel } from "./ChannelAppDetailPanel.js";
+export type { ChannelAppDetailPanelProps } from "./ChannelAppDetailPanel.js";
+export { buildSlackChannelAppManifest, slackChannelAppRedirectUrl, slackChannelAppWebhookUrl, SLACK_CHANNEL_APP_BOT_EVENTS, SLACK_CHANNEL_APP_BOT_SCOPES, } from "./slackAppSetup.js";
+export type { SlackChannelAppManifestInput } from "./slackAppSetup.js";
+export { generateWhatsAppVerifyToken, whatsappChannelAppWebhookUrl, WHATSAPP_CHANNEL_APP_WEBHOOK_FIELDS, } from "./whatsappAppSetup.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/channel-app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,YAAY,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,YAAY,EACV,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,YAAY,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EACL,4BAA4B,EAC5B,0BAA0B,EAC1B,yBAAyB,EACzB,4BAA4B,EAC5B,4BAA4B,GAC7B,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EACL,2BAA2B,EAC3B,4BAA4B,EAC5B,mCAAmC,GACpC,MAAM,uBAAuB,CAAC"}

package/channel-app/index.js

@@ -0,0 +1,10 @@
+export { useChannelAppList } from "./useChannelAppList.js";
+export { useCreateChannelApp } from "./useCreateChannelApp.js";
+export { useUpdateChannelApp } from "./useUpdateChannelApp.js";
+export { useDeleteChannelApp } from "./useDeleteChannelApp.js";
+export { ChannelAppListPanel } from "./ChannelAppListPanel.js";
+export { CreateChannelAppForm } from "./CreateChannelAppForm.js";
+export { ChannelAppDetailPanel } from "./ChannelAppDetailPanel.js";
+export { buildSlackChannelAppManifest, slackChannelAppRedirectUrl, slackChannelAppWebhookUrl, SLACK_CHANNEL_APP_BOT_EVENTS, SLACK_CHANNEL_APP_BOT_SCOPES, } from "./slackAppSetup.js";
+export { generateWhatsAppVerifyToken, whatsappChannelAppWebhookUrl, WHATSAPP_CHANNEL_APP_WEBHOOK_FIELDS, } from "./whatsappAppSetup.js";
+//# sourceMappingURL=index.js.map

package/channel-app/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/channel-app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAKjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,EACL,4BAA4B,EAC5B,0BAA0B,EAC1B,yBAAyB,EACzB,4BAA4B,EAC5B,4BAA4B,GAC7B,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,2BAA2B,EAC3B,4BAA4B,EAC5B,mCAAmC,GACpC,MAAM,uBAAuB,CAAC"}

package/channel-app/internal.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Internal building blocks shared by the channel-app forms and panels.
+ * Not exported from the package — content-level pieces stay domain-local.
+ */
+/** Labeled text/password input with an optional hint line. */
+export declare function FormField({ id, label, value, onChange, placeholder, hint, type, disabled, required, }: {
+    id: string;
+    label: string;
+    value: string;
+    onChange: (v: string) => void;
+    placeholder: string;
+    hint?: string;
+    type?: "text" | "password";
+    disabled: boolean;
+    required?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * A single-line copyable value (webhook URL, redirect URL) with a copy
+ * button that confirms briefly.
+ */
+export declare function CopyRow({ label, value, copyTargetId, }: {
+    label: string;
+    value: string;
+    copyTargetId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/** A multi-line copyable value (the app manifest) in a scrollable block. */
+export declare function CopyBlock({ label, value, copyTargetId, }: {
+    label: string;
+    value: string;
+    copyTargetId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SpinnerIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=internal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/channel-app/internal.tsx"],"names":[],"mappings":"AAKA;;;GAGG;AAEH,8DAA8D;AAC9D,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,IAAa,EACb,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAwBA;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,YAAY,GACb,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,2CAoBA;AAED,4EAA4E;AAC5E,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,YAAY,GACb,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,2CAqBA;AA0CD,wBAAgB,WAAW,4CAgB1B"}

package/channel-app/internal.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { cn } from "@stigmer/theme";
+/**
+ * Internal building blocks shared by the channel-app forms and panels.
+ * Not exported from the package — content-level pieces stay domain-local.
+ */
+/** Labeled text/password input with an optional hint line. */
+export function FormField({ id, label, value, onChange, placeholder, hint, type = "text", disabled, required, }) {
+    return (_jsxs("div", { className: "space-y-1", children: [_jsx("label", { htmlFor: id, className: "text-xs font-medium text-foreground", children: label }), _jsx("input", { id: id, type: type, value: value, onChange: (e) => onChange(e.target.value), placeholder: placeholder, disabled: disabled, required: required, className: cn("w-full rounded-md border border-input bg-background px-2.5 py-1.5 text-xs text-foreground", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50") }), hint && _jsx("p", { className: "text-[0.65rem] text-muted-foreground", children: hint })] }));
+}
+/**
+ * A single-line copyable value (webhook URL, redirect URL) with a copy
+ * button that confirms briefly.
+ */
+export function CopyRow({ label, value, copyTargetId, }) {
+    const { copied, copy } = useCopy(value);
+    return (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-xs font-medium text-foreground", children: label }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("code", { className: cn("min-w-0 flex-1 truncate rounded-md border border-border bg-muted-subtle", "px-2 py-1.5 font-mono text-[0.65rem] text-foreground"), title: value, children: value }), _jsx(CopyButton, { copied: copied, onCopy: copy, copyTargetId: copyTargetId })] })] }));
+}
+/** A multi-line copyable value (the app manifest) in a scrollable block. */
+export function CopyBlock({ label, value, copyTargetId, }) {
+    const { copied, copy } = useCopy(value);
+    return (_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("p", { className: "text-[0.65rem] font-medium text-muted-foreground", children: label }), _jsx(CopyButton, { copied: copied, onCopy: copy, copyTargetId: copyTargetId })] }), _jsx("pre", { className: cn("max-h-40 overflow-auto rounded-md border border-border bg-muted-subtle", "px-2.5 py-2 font-mono text-[0.65rem] leading-relaxed text-foreground"), children: value })] }));
+}
+function CopyButton({ copied, onCopy, copyTargetId, }) {
+    return (_jsx("button", { type: "button", onClick: onCopy, "data-cursor-target": copyTargetId, className: cn("shrink-0 rounded-md border border-border px-2 py-1 text-[0.65rem] font-medium transition-colors", copied
+            ? "text-success"
+            : "text-muted-foreground hover:text-foreground hover:bg-accent-hover"), "aria-live": "polite", children: copied ? "Copied" : "Copy" }));
+}
+function useCopy(value) {
+    const [copied, setCopied] = useState(false);
+    const copy = useCallback(() => {
+        void navigator.clipboard.writeText(value).then(() => {
+            setCopied(true);
+            window.setTimeout(() => setCopied(false), 1500);
+        });
+    }, [value]);
+    return { copied, copy };
+}
+export function SpinnerIcon() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", className: "animate-spin", "aria-hidden": "true", children: _jsx("path", { d: "M8 2a6 6 0 1 0 6 6" }) }));
+}
+//# sourceMappingURL=internal.js.map

package/channel-app/internal.js.map

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

package/channel-app/slackAppSetup.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Pure helpers for the "bring your own Slack app" setup surface
+ * (T04 item 2).
+ *
+ * A customer-owned Slack app needs three Stigmer-side values wired into
+ * its configuration on api.slack.com: the OAuth redirect URL (shared by
+ * every app — the console's callback route), the app's own events
+ * webhook URL (per-app by design: the path is how the receiver knows
+ * which signing secret verifies the request), and the fixed scope/event
+ * sets. These helpers derive those values and render a ready-to-paste
+ * Slack app manifest so creating the app is one paste instead of a dozen
+ * dashboard steps.
+ *
+ * Setup is inherently two-phase — Slack mints the credentials, Stigmer
+ * mints the webhook URL, and each needs the other's output:
+ *
+ *  1. Create the Slack app from {@link buildSlackChannelAppManifest}
+ *     WITHOUT a webhook URL (events come later), then paste its
+ *     credentials into `CreateChannelAppForm`.
+ *  2. The saved ChannelApp has an id, so `ChannelAppDetailPanel` can show
+ *     the webhook URL — paste it into the app's Event Subscriptions (or
+ *     re-apply the completed manifest).
+ */
+/**
+ * The bot scopes every Stigmer channel app requests — the platform app's
+ * exact set (scope minimalism is deliberate: it is the first thing a
+ * workspace admin reviews on the consent screen).
+ */
+export declare const SLACK_CHANNEL_APP_BOT_SCOPES: readonly ["app_mentions:read", "assistant:write", "chat:write", "im:history"];
+/**
+ * The bot events every Stigmer channel app subscribes to — the platform
+ * app's exact set (mentions, DMs, assistant surface, and the uninstall/
+ * revocation lifecycle events).
+ */
+export declare const SLACK_CHANNEL_APP_BOT_EVENTS: readonly ["app_home_opened", "app_mention", "app_uninstalled", "assistant_thread_context_changed", "assistant_thread_started", "message.im", "tokens_revoked"];
+/**
+ * The events webhook URL for one ChannelApp: the per-app route the
+ * receiver resolves the app's signing secret by.
+ *
+ * @param apiBaseUrl the Stigmer API origin (`stigmer.baseUrl`)
+ * @param channelAppId the ChannelApp resource id (`chapp_...`)
+ */
+export declare function slackChannelAppWebhookUrl(apiBaseUrl: string, channelAppId: string): string;
+/**
+ * The OAuth redirect URL a customer registers on their Slack app — the
+ * console's install-callback route, shared by every app (the platform
+ * completes the code exchange server-side with the app's own
+ * credentials).
+ *
+ * @param consoleOrigin the console origin (defaults to the current
+ *                      window's origin; pass explicitly in non-browser
+ *                      hosts)
+ */
+export declare function slackChannelAppRedirectUrl(consoleOrigin?: string): string;
+/** Inputs for {@link buildSlackChannelAppManifest}. */
+export interface SlackChannelAppManifestInput {
+    /** Bot display name — what the workspace @mentions. */
+    readonly name: string;
+    /** One-line app description shown on the consent screen. */
+    readonly description?: string;
+    /** The console's OAuth redirect URL ({@link slackChannelAppRedirectUrl}). */
+    readonly redirectUrl: string;
+    /**
+     * The app's events webhook URL ({@link slackChannelAppWebhookUrl}).
+     * Omit before the ChannelApp exists — the manifest then skips event
+     * subscriptions, which are completed from the detail panel after
+     * creation.
+     */
+    readonly webhookUrl?: string;
+}
+/**
+ * Render the ready-to-paste Slack app manifest for a customer channel
+ * app — the platform app's manifest with the customer's identity.
+ *
+ * Deliberate mirrors of the platform manifest (do not "fix" them):
+ * four bot scopes only, `org_deploy_enabled: false` (Enterprise Grid
+ * org-wide installs are unsupported), no interactivity, no socket mode.
+ */
+export declare function buildSlackChannelAppManifest(input: SlackChannelAppManifestInput): string;
+//# sourceMappingURL=slackAppSetup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slackAppSetup.d.ts","sourceRoot":"","sources":["../../src/channel-app/slackAppSetup.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,+EAK/B,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,gKAQ/B,CAAC;AAEX;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,GACnB,MAAM,CAER;AAED;;;;;;;;;GASG;AACH,wBAAgB,0BAA0B,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAKzE;AAED,uDAAuD;AACvD,MAAM,WAAW,4BAA4B;IAC3C,uDAAuD;IACvD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,6EAA6E;IAC7E,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B;;;;;OAKG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,4BAA4B,GAClC,MAAM,CA2CR"}

package/channel-app/slackAppSetup.js

@@ -0,0 +1,123 @@
+/**
+ * Pure helpers for the "bring your own Slack app" setup surface
+ * (T04 item 2).
+ *
+ * A customer-owned Slack app needs three Stigmer-side values wired into
+ * its configuration on api.slack.com: the OAuth redirect URL (shared by
+ * every app — the console's callback route), the app's own events
+ * webhook URL (per-app by design: the path is how the receiver knows
+ * which signing secret verifies the request), and the fixed scope/event
+ * sets. These helpers derive those values and render a ready-to-paste
+ * Slack app manifest so creating the app is one paste instead of a dozen
+ * dashboard steps.
+ *
+ * Setup is inherently two-phase — Slack mints the credentials, Stigmer
+ * mints the webhook URL, and each needs the other's output:
+ *
+ *  1. Create the Slack app from {@link buildSlackChannelAppManifest}
+ *     WITHOUT a webhook URL (events come later), then paste its
+ *     credentials into `CreateChannelAppForm`.
+ *  2. The saved ChannelApp has an id, so `ChannelAppDetailPanel` can show
+ *     the webhook URL — paste it into the app's Event Subscriptions (or
+ *     re-apply the completed manifest).
+ */
+/**
+ * The bot scopes every Stigmer channel app requests — the platform app's
+ * exact set (scope minimalism is deliberate: it is the first thing a
+ * workspace admin reviews on the consent screen).
+ */
+export const SLACK_CHANNEL_APP_BOT_SCOPES = [
+    "app_mentions:read",
+    "assistant:write",
+    "chat:write",
+    "im:history",
+];
+/**
+ * The bot events every Stigmer channel app subscribes to — the platform
+ * app's exact set (mentions, DMs, assistant surface, and the uninstall/
+ * revocation lifecycle events).
+ */
+export const SLACK_CHANNEL_APP_BOT_EVENTS = [
+    "app_home_opened",
+    "app_mention",
+    "app_uninstalled",
+    "assistant_thread_context_changed",
+    "assistant_thread_started",
+    "message.im",
+    "tokens_revoked",
+];
+/**
+ * The events webhook URL for one ChannelApp: the per-app route the
+ * receiver resolves the app's signing secret by.
+ *
+ * @param apiBaseUrl the Stigmer API origin (`stigmer.baseUrl`)
+ * @param channelAppId the ChannelApp resource id (`chapp_...`)
+ */
+export function slackChannelAppWebhookUrl(apiBaseUrl, channelAppId) {
+    return `${apiBaseUrl.replace(/\/+$/, "")}/webhook/slack/${channelAppId}`;
+}
+/**
+ * The OAuth redirect URL a customer registers on their Slack app — the
+ * console's install-callback route, shared by every app (the platform
+ * completes the code exchange server-side with the app's own
+ * credentials).
+ *
+ * @param consoleOrigin the console origin (defaults to the current
+ *                      window's origin; pass explicitly in non-browser
+ *                      hosts)
+ */
+export function slackChannelAppRedirectUrl(consoleOrigin) {
+    const origin = consoleOrigin ??
+        (typeof window !== "undefined" ? window.location.origin : "");
+    return `${origin.replace(/\/+$/, "")}/oauth/slack/callback`;
+}
+/**
+ * Render the ready-to-paste Slack app manifest for a customer channel
+ * app — the platform app's manifest with the customer's identity.
+ *
+ * Deliberate mirrors of the platform manifest (do not "fix" them):
+ * four bot scopes only, `org_deploy_enabled: false` (Enterprise Grid
+ * org-wide installs are unsupported), no interactivity, no socket mode.
+ */
+export function buildSlackChannelAppManifest(input) {
+    const description = input.description ??
+        "Chat with your organization's Stigmer agent without leaving Slack.";
+    const eventSubscriptions = input.webhookUrl
+        ? `  event_subscriptions:
+    request_url: "${input.webhookUrl}"
+    bot_events:
+${SLACK_CHANNEL_APP_BOT_EVENTS.map((e) => `      - ${e}`).join("\n")}
+`
+        : "";
+    return `display_information:
+  name: ${input.name}
+  description: ${description}
+
+features:
+  app_home:
+    home_tab_enabled: false
+    messages_tab_enabled: true
+    messages_tab_read_only_enabled: false
+  bot_user:
+    display_name: ${input.name}
+    always_online: true
+  assistant_view:
+    assistant_description: ${description}
+    suggested_prompts: []
+
+oauth_config:
+  redirect_urls:
+    - "${input.redirectUrl}"
+  scopes:
+    bot:
+${SLACK_CHANNEL_APP_BOT_SCOPES.map((s) => `      - ${s}`).join("\n")}
+
+settings:
+${eventSubscriptions}  interactivity:
+    is_enabled: false
+  org_deploy_enabled: false
+  socket_mode_enabled: false
+  token_rotation_enabled: false
+`;
+}
+//# sourceMappingURL=slackAppSetup.js.map

package/channel-app/slackAppSetup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slackAppSetup.js","sourceRoot":"","sources":["../../src/channel-app/slackAppSetup.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,mBAAmB;IACnB,iBAAiB;IACjB,YAAY;IACZ,YAAY;CACJ,CAAC;AAEX;;;;GAIG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,iBAAiB;IACjB,aAAa;IACb,iBAAiB;IACjB,kCAAkC;IAClC,0BAA0B;IAC1B,YAAY;IACZ,gBAAgB;CACR,CAAC;AAEX;;;;;;GAMG;AACH,MAAM,UAAU,yBAAyB,CACvC,UAAkB,EAClB,YAAoB;IAEpB,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,kBAAkB,YAAY,EAAE,CAAC;AAC3E,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,0BAA0B,CAAC,aAAsB;IAC/D,MAAM,MAAM,GACV,aAAa;QACb,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAChE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,uBAAuB,CAAC;AAC9D,CAAC;AAmBD;;;;;;;GAOG;AACH,MAAM,UAAU,4BAA4B,CAC1C,KAAmC;IAEnC,MAAM,WAAW,GACf,KAAK,CAAC,WAAW;QACjB,oEAAoE,CAAC;IAEvE,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU;QACzC,CAAC,CAAC;oBACc,KAAK,CAAC,UAAU;;EAElC,4BAA4B,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;CACnE;QACG,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO;UACC,KAAK,CAAC,IAAI;iBACH,WAAW;;;;;;;;oBAQR,KAAK,CAAC,IAAI;;;6BAGD,WAAW;;;;;SAK/B,KAAK,CAAC,WAAW;;;EAGxB,4BAA4B,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;;;EAGlE,kBAAkB;;;;;CAKnB,CAAC;AACF,CAAC"}

package/channel-app/useChannelAppList.d.ts

@@ -0,0 +1,35 @@
+import type { ChannelApp } from "@stigmer/protos/ai/stigmer/agentic/channelapp/v1/api_pb";
+/** Return value of {@link useChannelAppList}. */
+export interface UseChannelAppListReturn {
+    /** Channel apps owned by the organization. Empty while loading or on error. */
+    readonly channelApps: readonly ChannelApp[];
+    /** `true` while the initial fetch or a refetch is in flight. */
+    readonly isLoading: boolean;
+    /** `true` while a background refetch is in flight and stale data is shown. */
+    readonly isRefetching: boolean;
+    /** Error from the last failed request, or `null` when healthy. */
+    readonly error: Error | null;
+    /** Discard cached data and re-fetch the list from the server. */
+    readonly refetch: () => void;
+}
+/**
+ * Data hook that fetches all {@link ChannelApp} entries for an
+ * organization.
+ *
+ * These are the customer-owned messaging-platform apps (bring-your-own
+ * Slack apps) that agent channels can install through instead of the
+ * shared Stigmer app. Secret fields arrive redacted.
+ *
+ * Pass `null` for `org` to skip fetching (stable no-op). Useful when
+ * the active organization has not been resolved yet.
+ *
+ * @example
+ * ```tsx
+ * const { channelApps, isLoading, error } = useChannelAppList(org);
+ *
+ * if (isLoading) return <Spinner />;
+ * channelApps.map((app) => app.metadata?.name);
+ * ```
+ */
+export declare function useChannelAppList(org: string | null): UseChannelAppListReturn;
+//# sourceMappingURL=useChannelAppList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useChannelAppList.d.ts","sourceRoot":"","sources":["../../src/channel-app/useChannelAppList.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAI1F,iDAAiD;AACjD,MAAM,WAAW,uBAAuB;IACtC,+EAA+E;IAC/E,QAAQ,CAAC,WAAW,EAAE,SAAS,UAAU,EAAE,CAAC;IAC5C,gEAAgE;IAChE,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,8EAA8E;IAC9E,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,kEAAkE;IAClE,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAC7B,iEAAiE;IACjE,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GACjB,uBAAuB,CAezB"}

package/channel-app/useChannelAppList.js

@@ -0,0 +1,34 @@
+"use client";
+import { create } from "@bufbuild/protobuf";
+import { ListChannelAppsByOrgInputSchema } from "@stigmer/protos/ai/stigmer/agentic/channelapp/v1/io_pb";
+import { useStigmer } from "../hooks.js";
+import { useFetch } from "../internal/useFetch.js";
+/**
+ * Data hook that fetches all {@link ChannelApp} entries for an
+ * organization.
+ *
+ * These are the customer-owned messaging-platform apps (bring-your-own
+ * Slack apps) that agent channels can install through instead of the
+ * shared Stigmer app. Secret fields arrive redacted.
+ *
+ * Pass `null` for `org` to skip fetching (stable no-op). Useful when
+ * the active organization has not been resolved yet.
+ *
+ * @example
+ * ```tsx
+ * const { channelApps, isLoading, error } = useChannelAppList(org);
+ *
+ * if (isLoading) return <Spinner />;
+ * channelApps.map((app) => app.metadata?.name);
+ * ```
+ */
+export function useChannelAppList(org) {
+    const stigmer = useStigmer();
+    const { data: channelApps, isLoading, isRefetching, error, refetch } = useFetch(org
+        ? () => stigmer.channelapp
+            .listByOrg(create(ListChannelAppsByOrgInputSchema, { org }))
+            .then((r) => [...r.entries])
+        : null, [org, stigmer], []);
+    return { channelApps, isLoading, isRefetching, error, refetch };
+}
+//# sourceMappingURL=useChannelAppList.js.map

package/channel-app/useChannelAppList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChannelAppList.js","sourceRoot":"","sources":["../../src/channel-app/useChannelAppList.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,+BAA+B,EAAE,MAAM,wDAAwD,CAAC;AAEzG,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAgBnD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,iBAAiB,CAC/B,GAAkB;IAElB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,QAAQ,CAC7E,GAAG;QACD,CAAC,CAAC,GAAG,EAAE,CACH,OAAO,CAAC,UAAU;aACf,SAAS,CAAC,MAAM,CAAC,+BAA+B,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;aAC3D,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC,CAAC,IAAI,EACR,CAAC,GAAG,EAAE,OAAO,CAAC,EACd,EAAkB,CACnB,CAAC;IAEF,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAClE,CAAC"}

package/channel-app/useCreateChannelApp.d.ts

@@ -0,0 +1,39 @@
+import type { ChannelAppInput } from "@stigmer/sdk";
+import type { ChannelApp } from "@stigmer/protos/ai/stigmer/agentic/channelapp/v1/api_pb";
+/** Return value of {@link useCreateChannelApp}. */
+export interface UseCreateChannelAppReturn {
+    /** Submit a {@link ChannelAppInput} to create a new channel app. Resolves with the server-created resource. */
+    readonly create: (input: ChannelAppInput) => Promise<ChannelApp>;
+    /** `true` while the create request is in flight. */
+    readonly isCreating: boolean;
+    /** Error from the last failed create, or `null` when healthy. */
+    readonly error: Error | null;
+    /** Reset `error` to `null`. */
+    readonly clearError: () => void;
+}
+/**
+ * Mutation hook that wraps `channelapp.create()` with loading and error
+ * state.
+ *
+ * Creates a channel app — a customer-owned messaging-platform app whose
+ * credentials agent channels can install through instead of the shared
+ * Stigmer app. The secret fields (`clientSecret`, `signingSecret`) are
+ * encrypted server-side and come back redacted in the response.
+ *
+ * @example
+ * ```tsx
+ * const { create, isCreating, error } = useCreateChannelApp();
+ *
+ * const app = await create({
+ *   name: "Acme Support Bot",
+ *   org: "acme",
+ *   slack: {
+ *     clientId: "123456.789012",
+ *     clientSecret: "…",
+ *     signingSecret: "…",
+ *   },
+ * });
+ * ```
+ */
+export declare function useCreateChannelApp(): UseCreateChannelAppReturn;
+//# sourceMappingURL=useCreateChannelApp.d.ts.map