@stigmer/react 3.1.16 → 3.2.0

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"}

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":"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"}

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"}