@open-mercato/core 0.6.4-develop.4371.1.8f3030407e → 0.6.4

package/dist/modules/communication_channels/widgets/injection/channel-badge/widget.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/communication_channels/widgets/injection/channel-badge/widget.ts"],
+  "sourcesContent": ["import * as React from 'react'\nimport type { InjectionColumnWidget } from '@open-mercato/shared/modules/widgets/injection'\nimport ChannelBadgeWidget from './widget.client'\n\n/**\n * Channel badge \u2014 renders the channel type/provider icon + label as a `<Tag>`\n * pill in the messages DataTable's columns spot (`data-table:messages:columns`).\n *\n * DataTable's column-injection contract requires a declarative `columns` array\n * of `InjectionColumnDefinition` \u2014 the registry filters out widgets that don't\n * expose `columns`. The cell renderer is a React component that reads the\n * `_channel` enrichment field added by `messageChannelEnricher`.\n *\n * Round-1/round-2 review trail: round-1 shipped this as an\n * `InjectionWidgetModule` with a top-level `Widget` component, which DataTable\n * silently skipped (`if (!('columns' in widget)) continue`). Round-2 R2-H6 / F7\n * (2026-05-26) converted it to the declarative column shape.\n *\n * Provider packages can override this widget via UMES component replacement\n * (`section:communication_channels.channel-badge`) to render brand-specific\n * badges (Slack logo, WhatsApp green badge, etc.).\n */\nconst widget: InjectionColumnWidget = {\n  metadata: {\n    id: 'communication_channels.injection.channel-badge',\n    title: 'Channel badge',\n    description:\n      'Renders a channel-type/provider badge inline in the messages list. Visible whenever a message has an associated MessageChannelLink (= the message was bridged from or to an external channel).',\n    features: ['communication_channels.view'],\n    priority: 100,\n    enabled: true,\n  },\n  columns: [\n    {\n      id: 'communication_channels.channel-badge',\n      header: 'communication_channels.columns.provider',\n      accessorKey: '_channel',\n      size: 140,\n      cell: ({ getValue }) => {\n        const channel = getValue() as\n          | { providerKey?: string; channelType?: string; direction?: string; deliveryStatus?: string | null }\n          | null\n          | undefined\n        if (!channel) return null\n        return React.createElement(ChannelBadgeWidget, { channel })\n      },\n    },\n  ],\n}\n\nexport default widget\n"],
+  "mappings": "AAAA,YAAY,WAAW;AAEvB,OAAO,wBAAwB;AAoB/B,MAAM,SAAgC;AAAA,EACpC,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aACE;AAAA,IACF,UAAU,CAAC,6BAA6B;AAAA,IACxC,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP;AAAA,MACE,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,MAAM;AAAA,MACN,MAAM,CAAC,EAAE,SAAS,MAAM;AACtB,cAAM,UAAU,SAAS;AAIzB,YAAI,CAAC,QAAS,QAAO;AACrB,eAAO,MAAM,cAAc,oBAAoB,EAAE,QAAQ,CAAC;AAAA,MAC5D;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/modules/communication_channels/widgets/injection/channel-info-panel/widget.client.js

@@ -0,0 +1,185 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { hasFeature } from "@open-mercato/shared/security/features";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+const FEATURE_GATE = "communication_channels.assign";
+const CHANNEL_INFO_MUTATION_CONTEXT_ID = "communication-channels-info-panel";
+const UNASSIGNED_VALUE = "__unassigned__";
+function ChannelInfoPanelWidget({
+  data,
+  context
+}) {
+  const t = useT();
+  const channel = data?._channel ?? null;
+  const contact = data?._channelContact ?? null;
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: CHANNEL_INFO_MUTATION_CONTEXT_ID,
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
+  const canReassign = hasFeature(context?.userFeatures ?? [], FEATURE_GATE);
+  const [assignedUserId, setAssignedUserId] = React.useState(
+    contact?.assignedUserId ?? null
+  );
+  const [savingAssignee, setSavingAssignee] = React.useState(false);
+  const [users, setUsers] = React.useState([]);
+  const [usersLoaded, setUsersLoaded] = React.useState(false);
+  React.useEffect(
+    () => setAssignedUserId(contact?.assignedUserId ?? null),
+    [contact?.assignedUserId]
+  );
+  const loadUsers = React.useCallback(async () => {
+    if (usersLoaded || !canReassign) return;
+    const response = await apiCall("/api/auth/users?page=1&pageSize=50", {
+      // Opportunistic dropdown-options fetch: a user may hold
+      // `communication_channels.assign` without `auth.users.list`. Suppress the
+      // global 403/401 redirect + forbidden flash so the page degrades to an
+      // empty assignee list instead of bouncing the whole browser to /login.
+      headers: { "x-om-forbidden-redirect": "0", "x-om-unauthorized-redirect": "0" }
+    }).catch(() => null);
+    if (!response || !response.ok) {
+      setUsersLoaded(true);
+      return;
+    }
+    const items = (response.result?.items ?? []).flatMap((u) => {
+      if (!u?.id) return [];
+      const label = typeof u.name === "string" && u.name.trim().length > 0 && u.name.trim() || typeof u.email === "string" && u.email.trim().length > 0 && u.email.trim() || u.id;
+      return [{ id: u.id, label }];
+    });
+    setUsers(items);
+    setUsersLoaded(true);
+  }, [canReassign, usersLoaded]);
+  const reassign = React.useCallback(
+    async (nextAssignedUserId) => {
+      const threadId = data?.threadId;
+      if (!threadId) {
+        flash(
+          t(
+            "communication_channels.infoPanel.noThread",
+            "This message is not on a thread; reassignment unavailable."
+          ),
+          "error"
+        );
+        return;
+      }
+      setSavingAssignee(true);
+      try {
+        const response = await runMutation({
+          operation: () => apiCall(
+            `/api/communication_channels/threads/${encodeURIComponent(threadId)}/assign`,
+            {
+              method: "PUT",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({ assignedUserId: nextAssignedUserId })
+            }
+          ),
+          context: {
+            formId: CHANNEL_INFO_MUTATION_CONTEXT_ID,
+            resourceKind: "communication_channels.thread",
+            resourceId: threadId,
+            retryLastMutation
+          },
+          mutationPayload: { assignedUserId: nextAssignedUserId }
+        });
+        if (!response.ok) {
+          const body = response.result;
+          flash(
+            body?.error ?? t("communication_channels.infoPanel.reassignError", "Reassignment failed"),
+            "error"
+          );
+          return;
+        }
+        setAssignedUserId(nextAssignedUserId);
+        flash(
+          t("communication_channels.infoPanel.reassignSuccess", "Conversation reassigned."),
+          "success"
+        );
+      } catch (err) {
+        flash(
+          err instanceof Error ? err.message : t("communication_channels.infoPanel.reassignError", "Reassignment failed"),
+          "error"
+        );
+      } finally {
+        setSavingAssignee(false);
+      }
+    },
+    [data?.threadId, retryLastMutation, runMutation, t]
+  );
+  if (!channel) return null;
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      className: "rounded-md border bg-card p-4 text-sm",
+      "aria-label": t("communication_channels.infoPanel.aria", "Channel info"),
+      children: [
+        /* @__PURE__ */ jsx("header", { className: "mb-2 text-overline text-muted-foreground", children: t("communication_channels.infoPanel.title", "Channel info") }),
+        /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-2 gap-1 text-xs", children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: t("communication_channels.infoPanel.provider", "Provider") }),
+          /* @__PURE__ */ jsx("dd", { children: channel.providerKey }),
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: t("communication_channels.infoPanel.type", "Type") }),
+          /* @__PURE__ */ jsx("dd", { children: channel.channelType }),
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: t("communication_channels.infoPanel.direction", "Direction") }),
+          /* @__PURE__ */ jsx("dd", { children: channel.direction }),
+          channel.deliveryStatus ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: t("communication_channels.infoPanel.status", "Status") }),
+            /* @__PURE__ */ jsx("dd", { children: channel.deliveryStatus })
+          ] }) : null,
+          contact?.contactPersonId ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: t("communication_channels.infoPanel.contactPerson", "CRM contact") }),
+            /* @__PURE__ */ jsx("dd", { className: "truncate", title: contact.contactPersonId, children: contact.contactPersonId })
+          ] }) : null,
+          contact?.subject ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: t("communication_channels.infoPanel.subject", "Subject") }),
+            /* @__PURE__ */ jsx("dd", { className: "col-span-2 truncate", title: contact.subject, children: contact.subject })
+          ] }) : null,
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: t("communication_channels.infoPanel.assignedTo", "Assigned to") }),
+          /* @__PURE__ */ jsx("dd", { className: "col-span-1", children: canReassign ? /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: assignedUserId ?? UNASSIGNED_VALUE,
+              onValueChange: (value) => void reassign(value === UNASSIGNED_VALUE ? null : value),
+              onOpenChange: (isOpen) => {
+                if (isOpen) void loadUsers();
+              },
+              disabled: savingAssignee || !data?.threadId,
+              children: [
+                /* @__PURE__ */ jsx(
+                  SelectTrigger,
+                  {
+                    size: "xs",
+                    "aria-label": t("communication_channels.infoPanel.assignedTo", "Assigned to"),
+                    children: /* @__PURE__ */ jsx(
+                      SelectValue,
+                      {
+                        placeholder: t("communication_channels.infoPanel.unassigned", "Unassigned")
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsx(SelectItem, { value: UNASSIGNED_VALUE, children: t("communication_channels.infoPanel.unassigned", "Unassigned") }),
+                  assignedUserId && !users.some((u) => u.id === assignedUserId) ? /* @__PURE__ */ jsx(SelectItem, { value: assignedUserId, children: assignedUserId }) : null,
+                  users.map((user) => /* @__PURE__ */ jsx(SelectItem, { value: user.id, children: user.label }, user.id))
+                ] })
+              ]
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "truncate", title: assignedUserId ?? "", children: assignedUserId ?? t("communication_channels.infoPanel.unassigned", "Unassigned") }) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  ChannelInfoPanelWidget as default
+};
+//# sourceMappingURL=widget.client.js.map

package/dist/modules/communication_channels/widgets/injection/channel-info-panel/widget.client.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/communication_channels/widgets/injection/channel-info-panel/widget.client.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { hasFeature } from '@open-mercato/shared/security/features'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\n\ntype ChannelEnrichment = {\n  providerKey: string\n  channelType: string\n  direction: 'inbound' | 'outbound' | string\n  deliveryStatus: string | null\n}\n\ntype ChannelContactEnrichment = {\n  contactPersonId: string | null\n  assignedUserId: string | null\n  subject: string | null\n}\n\ntype MessageWithChannelContext = Record<string, unknown> & {\n  id?: string\n  threadId?: string | null\n  _channel?: ChannelEnrichment | null\n  _channelContact?: ChannelContactEnrichment | null\n}\n\ntype WidgetContext = Record<string, unknown> & {\n  /**\n   * Set when the host (e.g. message detail page) provides the current user's\n   * feature grants. The reassignment editor is hidden when\n   * `communication_channels.assign` is not present. Wildcard grants\n   * (`*` and `communication_channels.*`) are honored too.\n   */\n  userFeatures?: string[]\n}\n\ntype UserOption = { id: string; label: string }\n\nconst FEATURE_GATE = 'communication_channels.assign'\nconst CHANNEL_INFO_MUTATION_CONTEXT_ID = 'communication-channels-info-panel'\n// Radix Select reserves '' for \"no selection\"; use a sentinel for Unassigned.\nconst UNASSIGNED_VALUE = '__unassigned__'\n\ntype ChannelInfoMutationContext = {\n  formId: string\n  resourceKind: string\n  resourceId: string\n  retryLastMutation: () => Promise<boolean>\n}\n\nexport default function ChannelInfoPanelWidget({\n  data,\n  context,\n}: InjectionWidgetComponentProps<WidgetContext, MessageWithChannelContext>) {\n  const t = useT()\n  const channel = data?._channel ?? null\n  const contact = data?._channelContact ?? null\n  const { runMutation, retryLastMutation } = useGuardedMutation<ChannelInfoMutationContext>({\n    contextId: CHANNEL_INFO_MUTATION_CONTEXT_ID,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n\n  const canReassign = hasFeature(context?.userFeatures ?? [], FEATURE_GATE)\n\n  const [assignedUserId, setAssignedUserId] = React.useState<string | null>(\n    contact?.assignedUserId ?? null,\n  )\n  const [savingAssignee, setSavingAssignee] = React.useState(false)\n  const [users, setUsers] = React.useState<UserOption[]>([])\n  const [usersLoaded, setUsersLoaded] = React.useState(false)\n\n  React.useEffect(\n    () => setAssignedUserId(contact?.assignedUserId ?? null),\n    [contact?.assignedUserId],\n  )\n\n  const loadUsers = React.useCallback(async () => {\n    if (usersLoaded || !canReassign) return\n    const response = await apiCall<{\n      items?: Array<{ id: string; email?: string | null; name?: string | null }>\n    }>('/api/auth/users?page=1&pageSize=50', {\n      // Opportunistic dropdown-options fetch: a user may hold\n      // `communication_channels.assign` without `auth.users.list`. Suppress the\n      // global 403/401 redirect + forbidden flash so the page degrades to an\n      // empty assignee list instead of bouncing the whole browser to /login.\n      headers: { 'x-om-forbidden-redirect': '0', 'x-om-unauthorized-redirect': '0' },\n    }).catch(() => null)\n    if (!response || !response.ok) {\n      setUsersLoaded(true)\n      return\n    }\n    const items = (response.result?.items ?? []).flatMap<UserOption>((u) => {\n      if (!u?.id) return []\n      const label =\n        (typeof u.name === 'string' && u.name.trim().length > 0 && u.name.trim()) ||\n        (typeof u.email === 'string' && u.email.trim().length > 0 && u.email.trim()) ||\n        u.id\n      return [{ id: u.id, label }]\n    })\n    setUsers(items)\n    setUsersLoaded(true)\n  }, [canReassign, usersLoaded])\n\n  const reassign = React.useCallback(\n    async (nextAssignedUserId: string | null) => {\n      const threadId = data?.threadId\n      if (!threadId) {\n        flash(\n          t(\n            'communication_channels.infoPanel.noThread',\n            'This message is not on a thread; reassignment unavailable.',\n          ),\n          'error',\n        )\n        return\n      }\n      setSavingAssignee(true)\n      try {\n        const response = await runMutation({\n          operation: () => apiCall<{ assignedUserId: string | null }>(\n            `/api/communication_channels/threads/${encodeURIComponent(threadId)}/assign`,\n            {\n              method: 'PUT',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify({ assignedUserId: nextAssignedUserId }),\n            },\n          ),\n          context: {\n            formId: CHANNEL_INFO_MUTATION_CONTEXT_ID,\n            resourceKind: 'communication_channels.thread',\n            resourceId: threadId,\n            retryLastMutation,\n          },\n          mutationPayload: { assignedUserId: nextAssignedUserId },\n        })\n        if (!response.ok) {\n          const body = response.result as { error?: string } | undefined\n          flash(\n            body?.error ??\n              t('communication_channels.infoPanel.reassignError', 'Reassignment failed'),\n            'error',\n          )\n          return\n        }\n        setAssignedUserId(nextAssignedUserId)\n        flash(\n          t('communication_channels.infoPanel.reassignSuccess', 'Conversation reassigned.'),\n          'success',\n        )\n      } catch (err) {\n        flash(\n          err instanceof Error\n            ? err.message\n            : t('communication_channels.infoPanel.reassignError', 'Reassignment failed'),\n          'error',\n        )\n      } finally {\n        setSavingAssignee(false)\n      }\n    },\n    [data?.threadId, retryLastMutation, runMutation, t],\n  )\n\n  if (!channel) return null\n\n  return (\n    <aside\n      className=\"rounded-md border bg-card p-4 text-sm\"\n      aria-label={t('communication_channels.infoPanel.aria', 'Channel info')}\n    >\n      <header className=\"mb-2 text-overline text-muted-foreground\">\n        {t('communication_channels.infoPanel.title', 'Channel info')}\n      </header>\n      <dl className=\"grid grid-cols-2 gap-1 text-xs\">\n        <dt className=\"text-muted-foreground\">\n          {t('communication_channels.infoPanel.provider', 'Provider')}\n        </dt>\n        <dd>{channel.providerKey}</dd>\n\n        <dt className=\"text-muted-foreground\">\n          {t('communication_channels.infoPanel.type', 'Type')}\n        </dt>\n        <dd>{channel.channelType}</dd>\n\n        <dt className=\"text-muted-foreground\">\n          {t('communication_channels.infoPanel.direction', 'Direction')}\n        </dt>\n        <dd>{channel.direction}</dd>\n\n        {channel.deliveryStatus ? (\n          <>\n            <dt className=\"text-muted-foreground\">\n              {t('communication_channels.infoPanel.status', 'Status')}\n            </dt>\n            <dd>{channel.deliveryStatus}</dd>\n          </>\n        ) : null}\n\n        {contact?.contactPersonId ? (\n          <>\n            <dt className=\"text-muted-foreground\">\n              {t('communication_channels.infoPanel.contactPerson', 'CRM contact')}\n            </dt>\n            <dd className=\"truncate\" title={contact.contactPersonId}>\n              {contact.contactPersonId}\n            </dd>\n          </>\n        ) : null}\n\n        {contact?.subject ? (\n          <>\n            <dt className=\"text-muted-foreground\">\n              {t('communication_channels.infoPanel.subject', 'Subject')}\n            </dt>\n            <dd className=\"col-span-2 truncate\" title={contact.subject}>\n              {contact.subject}\n            </dd>\n          </>\n        ) : null}\n\n        <dt className=\"text-muted-foreground\">\n          {t('communication_channels.infoPanel.assignedTo', 'Assigned to')}\n        </dt>\n        <dd className=\"col-span-1\">\n          {canReassign ? (\n            <Select\n              value={assignedUserId ?? UNASSIGNED_VALUE}\n              onValueChange={(value) =>\n                void reassign(value === UNASSIGNED_VALUE ? null : value)\n              }\n              onOpenChange={(isOpen) => {\n                if (isOpen) void loadUsers()\n              }}\n              disabled={savingAssignee || !data?.threadId}\n            >\n              <SelectTrigger\n                size=\"xs\"\n                aria-label={t('communication_channels.infoPanel.assignedTo', 'Assigned to')}\n              >\n                <SelectValue\n                  placeholder={t('communication_channels.infoPanel.unassigned', 'Unassigned')}\n                />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value={UNASSIGNED_VALUE}>\n                  {t('communication_channels.infoPanel.unassigned', 'Unassigned')}\n                </SelectItem>\n                {assignedUserId && !users.some((u) => u.id === assignedUserId) ? (\n                  <SelectItem value={assignedUserId}>{assignedUserId}</SelectItem>\n                ) : null}\n                {users.map((user) => (\n                  <SelectItem key={user.id} value={user.id}>\n                    {user.label}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          ) : (\n            <span className=\"truncate\" title={assignedUserId ?? ''}>\n              {assignedUserId ?? t('communication_channels.infoPanel.unassigned', 'Unassigned')}\n            </span>\n          )}\n        </dd>\n      </dl>\n    </aside>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/communication_channels/widgets/injection/channel-info-panel/widget.js

@@ -0,0 +1,17 @@
+import ChannelInfoPanelWidget from "./widget.client.js";
+const widget = {
+  metadata: {
+    id: "communication_channels.injection.channel-info-panel",
+    title: "Channel info panel",
+    description: "Sidebar panel showing channel + contact metadata for a channel-linked message.",
+    features: ["communication_channels.view"],
+    priority: 80,
+    enabled: true
+  },
+  Widget: ChannelInfoPanelWidget
+};
+var widget_default = widget;
+export {
+  widget_default as default
+};
+//# sourceMappingURL=widget.js.map

package/dist/modules/communication_channels/widgets/injection/channel-info-panel/widget.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/communication_channels/widgets/injection/channel-info-panel/widget.ts"],
+  "sourcesContent": ["import type { InjectionWidgetModule } from '@open-mercato/shared/modules/widgets/injection'\nimport ChannelInfoPanelWidget from './widget.client'\n\n/**\n * Channel info panel \u2014 renders a short summary of channel context for a message\n * in the detail sidebar (`detail:messages:message:sidebar`).\n *\n * Reads `_channel` + `_channelContact` enrichments. Shows provider, channel\n * type, direction + delivery status, and (when matched) the linked CRM person id.\n */\nconst widget: InjectionWidgetModule<Record<string, unknown>, Record<string, unknown>> = {\n  metadata: {\n    id: 'communication_channels.injection.channel-info-panel',\n    title: 'Channel info panel',\n    description:\n      'Sidebar panel showing channel + contact metadata for a channel-linked message.',\n    features: ['communication_channels.view'],\n    priority: 80,\n    enabled: true,\n  },\n  Widget: ChannelInfoPanelWidget,\n}\n\nexport default widget\n"],
+  "mappings": "AACA,OAAO,4BAA4B;AASnC,MAAM,SAAkF;AAAA,EACtF,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aACE;AAAA,IACF,UAAU,CAAC,6BAA6B;AAAA,IACxC,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AACV;AAEA,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/modules/communication_channels/widgets/injection/channel-payload-renderer/widget.client.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { sanitizeChannelHtml } from "../../../lib/sanitize-channel-html.js";
+function ChannelPayloadRendererWidget({
+  data
+}) {
+  const t = useT();
+  const payload = data?._channelPayload ?? null;
+  if (!payload || !payload.channelContentType) return null;
+  const { channelContentType, channelPayload } = payload;
+  if (channelContentType.startsWith("email/") && typeof channelPayload?.html === "string") {
+    const sanitized = sanitizeChannelHtml(channelPayload.html);
+    return /* @__PURE__ */ jsx(
+      "section",
+      {
+        className: "rounded-md border bg-card p-4 text-sm",
+        "aria-label": t(
+          "communication_channels.channelPayload.email.aria",
+          "Channel payload \u2014 email"
+        ),
+        children: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: sanitized } })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "rounded-md border bg-muted p-4 text-xs",
+      "aria-label": t("communication_channels.channelPayload.aria", "Channel payload"),
+      children: [
+        /* @__PURE__ */ jsx("header", { className: "mb-2 text-overline text-muted-foreground", children: t(
+          `communication_channels.channelPayload.types.${channelContentType}`,
+          channelContentType
+        ) }),
+        /* @__PURE__ */ jsx("pre", { className: "overflow-auto whitespace-pre-wrap break-words", children: JSON.stringify(channelPayload, null, 2) })
+      ]
+    }
+  );
+}
+export {
+  ChannelPayloadRendererWidget as default
+};
+//# sourceMappingURL=widget.client.js.map

package/dist/modules/communication_channels/widgets/injection/channel-payload-renderer/widget.client.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/communication_channels/widgets/injection/channel-payload-renderer/widget.client.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { sanitizeChannelHtml } from '../../../lib/sanitize-channel-html'\n\ntype ChannelPayloadEnrichment = {\n  channelContentType: string | null\n  channelPayload: Record<string, unknown> | null\n  interactiveState: Record<string, unknown> | null\n  channelMetadata: Record<string, unknown> | null\n}\n\ntype MessageWithPayload = Record<string, unknown> & {\n  id?: string\n  _channelPayload?: ChannelPayloadEnrichment | null\n}\n\nexport default function ChannelPayloadRendererWidget({\n  data,\n}: InjectionWidgetComponentProps<Record<string, unknown>, MessageWithPayload>) {\n  const t = useT()\n  const payload = data?._channelPayload ?? null\n  if (!payload || !payload.channelContentType) return null\n\n  const { channelContentType, channelPayload } = payload\n\n  // Email / HTML \u2014 sanitize, then render.\n  if (channelContentType.startsWith('email/') && typeof channelPayload?.html === 'string') {\n    const sanitized = sanitizeChannelHtml(channelPayload.html as string)\n    return (\n      <section\n        className=\"rounded-md border bg-card p-4 text-sm\"\n        aria-label={t(\n          'communication_channels.channelPayload.email.aria',\n          'Channel payload \u2014 email',\n        )}\n      >\n        <div dangerouslySetInnerHTML={{ __html: sanitized }} />\n      </section>\n    )\n  }\n\n  // Provider-specific payloads (Slack Block Kit, WhatsApp interactive) \u2014\n  // hub-level fallback shows raw JSON; provider packages override this widget.\n  return (\n    <section\n      className=\"rounded-md border bg-muted p-4 text-xs\"\n      aria-label={t('communication_channels.channelPayload.aria', 'Channel payload')}\n    >\n      <header className=\"mb-2 text-overline text-muted-foreground\">\n        {t(\n          `communication_channels.channelPayload.types.${channelContentType}`,\n          channelContentType,\n        )}\n      </header>\n      <pre className=\"overflow-auto whitespace-pre-wrap break-words\">\n        {JSON.stringify(channelPayload, null, 2)}\n      </pre>\n    </section>\n  )\n}\n"],
+  "mappings": ";AAuCQ,cAQJ,YARI;AAnCR,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAcrB,SAAR,6BAA8C;AAAA,EACnD;AACF,GAA+E;AAC7E,QAAM,IAAI,KAAK;AACf,QAAM,UAAU,MAAM,mBAAmB;AACzC,MAAI,CAAC,WAAW,CAAC,QAAQ,mBAAoB,QAAO;AAEpD,QAAM,EAAE,oBAAoB,eAAe,IAAI;AAG/C,MAAI,mBAAmB,WAAW,QAAQ,KAAK,OAAO,gBAAgB,SAAS,UAAU;AACvF,UAAM,YAAY,oBAAoB,eAAe,IAAc;AACnE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAY;AAAA,UACV;AAAA,UACA;AAAA,QACF;AAAA,QAEA,8BAAC,SAAI,yBAAyB,EAAE,QAAQ,UAAU,GAAG;AAAA;AAAA,IACvD;AAAA,EAEJ;AAIA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAY,EAAE,8CAA8C,iBAAiB;AAAA,MAE7E;AAAA,4BAAC,YAAO,WAAU,4CACf;AAAA,UACC,+CAA+C,kBAAkB;AAAA,UACjE;AAAA,QACF,GACF;AAAA,QACA,oBAAC,SAAI,WAAU,iDACZ,eAAK,UAAU,gBAAgB,MAAM,CAAC,GACzC;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/modules/communication_channels/widgets/injection/channel-payload-renderer/widget.js

@@ -0,0 +1,17 @@
+import ChannelPayloadRendererWidget from "./widget.client.js";
+const widget = {
+  metadata: {
+    id: "communication_channels.injection.channel-payload-renderer",
+    title: "Channel payload renderer",
+    description: "Renders channel-native rich payload (Block Kit, interactive, MIME) below the message body in the detail view. Generic fallback; provider packages can replace it for richer rendering.",
+    features: ["communication_channels.view"],
+    priority: 100,
+    enabled: true
+  },
+  Widget: ChannelPayloadRendererWidget
+};
+var widget_default = widget;
+export {
+  widget_default as default
+};
+//# sourceMappingURL=widget.js.map

package/dist/modules/communication_channels/widgets/injection/channel-payload-renderer/widget.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/communication_channels/widgets/injection/channel-payload-renderer/widget.ts"],
+  "sourcesContent": ["import type { InjectionWidgetModule } from '@open-mercato/shared/modules/widgets/injection'\nimport ChannelPayloadRendererWidget from './widget.client'\n\n/**\n * Channel payload renderer \u2014 renders the channel-native rich payload of a message\n * (Slack Block Kit, WhatsApp interactive, email MIME, etc.) below the body in the\n * messages detail page (`detail:messages:message:body:after`).\n *\n * For `email/*` content types, HTML is sanitized via `sanitizeChannelHtml` before\n * being passed to `dangerouslySetInnerHTML` \u2014 see SPEC-045d \u00A74.6.\n *\n * Provider packages override this via UMES component replacement (handle\n * `widget:communication_channels.injection.channel-payload-renderer`) to render\n * Block Kit, interactive buttons, contact cards, location maps, etc.\n */\nconst widget: InjectionWidgetModule<Record<string, unknown>, Record<string, unknown>> = {\n  metadata: {\n    id: 'communication_channels.injection.channel-payload-renderer',\n    title: 'Channel payload renderer',\n    description:\n      'Renders channel-native rich payload (Block Kit, interactive, MIME) below the message body in the detail view. Generic fallback; provider packages can replace it for richer rendering.',\n    features: ['communication_channels.view'],\n    priority: 100,\n    enabled: true,\n  },\n  Widget: ChannelPayloadRendererWidget,\n}\n\nexport default widget\n"],
+  "mappings": "AACA,OAAO,kCAAkC;AAczC,MAAM,SAAkF;AAAA,EACtF,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aACE;AAAA,IACF,UAAU,CAAC,6BAA6B;AAAA,IACxC,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AACV;AAEA,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/modules/communication_channels/widgets/injection/profile-channels-menu/widget.js

@@ -0,0 +1,23 @@
+import { InjectionPosition } from "@open-mercato/shared/modules/widgets/injection-position";
+const widget = {
+  metadata: {
+    id: "communication_channels.injection.profile-channels-menu",
+    title: "My communication channels profile menu item"
+  },
+  menuItems: [
+    {
+      id: "communication-channels-profile-link",
+      labelKey: "communication_channels.profile.title",
+      label: "My communication channels",
+      icon: "Mail",
+      href: "/backend/profile/communication-channels",
+      features: ["communication_channels.connect_user_channel"],
+      placement: { position: InjectionPosition.After, relativeTo: "change-password" }
+    }
+  ]
+};
+var widget_default = widget;
+export {
+  widget_default as default
+};
+//# sourceMappingURL=widget.js.map

package/dist/modules/communication_channels/widgets/injection/profile-channels-menu/widget.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/communication_channels/widgets/injection/profile-channels-menu/widget.ts"],
+  "sourcesContent": ["import { InjectionPosition } from '@open-mercato/shared/modules/widgets/injection-position'\nimport type { InjectionMenuItemWidget } from '@open-mercato/shared/modules/widgets/injection'\n\n/**\n * Adds a \"My communication channels\" entry to the top-right profile dropdown,\n * directly under \"Change Password\". The per-user channel-connect page\n * (`/backend/profile/communication-channels`) is `pageContext: 'profile'`, so it\n * is excluded from the main sidebar and otherwise only reachable via the\n * profile-mode sidebar or a direct URL \u2014 this gives it a discoverable entry.\n *\n * Feature-gated on `communication_channels.connect_user_channel` (the same guard\n * as the page), so users who cannot connect a channel don't see a dead link.\n * Wildcard grants (`communication_channels.*`, `*`) are honored by the menu\n * filter's wildcard-aware matcher.\n */\nconst widget: InjectionMenuItemWidget = {\n  metadata: {\n    id: 'communication_channels.injection.profile-channels-menu',\n    title: 'My communication channels profile menu item',\n  },\n  menuItems: [\n    {\n      id: 'communication-channels-profile-link',\n      labelKey: 'communication_channels.profile.title',\n      label: 'My communication channels',\n      icon: 'Mail',\n      href: '/backend/profile/communication-channels',\n      features: ['communication_channels.connect_user_channel'],\n      placement: { position: InjectionPosition.After, relativeTo: 'change-password' },\n    },\n  ],\n}\n\nexport default widget\n"],
+  "mappings": "AAAA,SAAS,yBAAyB;AAelC,MAAM,SAAkC;AAAA,EACtC,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA,WAAW;AAAA,IACT;AAAA,MACE,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU,CAAC,6CAA6C;AAAA,MACxD,WAAW,EAAE,UAAU,kBAAkB,OAAO,YAAY,kBAAkB;AAAA,IAChF;AAAA,EACF;AACF;AAEA,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/modules/communication_channels/widgets/injection/reaction-bar/widget.client.js

@@ -0,0 +1,141 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const REACTION_BAR_MUTATION_CONTEXT_ID = "communication-channels-reaction-bar";
+function ReactionBarWidget({
+  data
+}) {
+  const t = useT();
+  const messageId = data?.id ?? null;
+  const initial = React.useMemo(() => data?._reactions ?? [], [data?._reactions]);
+  const [groups, setGroups] = React.useState(initial);
+  const [busyEmoji, setBusyEmoji] = React.useState(null);
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: REACTION_BAR_MUTATION_CONTEXT_ID,
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
+  React.useEffect(() => setGroups(initial), [initial]);
+  if (!messageId || groups.length === 0) return null;
+  const onToggle = async (group) => {
+    if (busyEmoji) return;
+    setBusyEmoji(group.emoji);
+    try {
+      if (group.reactedByMe) {
+        if (!group.myReactionId) {
+          flash(
+            t(
+              "communication_channels.reaction.cannotRemoveExternal",
+              "Reactions from external participants can only be removed in the provider app."
+            ),
+            "error"
+          );
+          return;
+        }
+        const response2 = await runMutation({
+          operation: () => apiCall(
+            `/api/communication_channels/messages/${messageId}/reactions/${group.myReactionId}`,
+            { method: "DELETE" }
+          ),
+          context: {
+            formId: REACTION_BAR_MUTATION_CONTEXT_ID,
+            resourceKind: "communication_channels.message",
+            resourceId: messageId,
+            retryLastMutation
+          },
+          mutationPayload: { action: "remove-reaction", reactionId: group.myReactionId, emoji: group.emoji }
+        });
+        if (!response2.ok) {
+          const errBody = response2.result;
+          flash(
+            errBody?.error ?? t("communication_channels.errors.reactionFailed", "Reaction failed"),
+            "error"
+          );
+          return;
+        }
+        setGroups(
+          (prev) => prev.map(
+            (g) => g.emoji === group.emoji ? { ...g, count: Math.max(0, g.count - 1), reactedByMe: false, myReactionId: null } : g
+          ).filter((g) => g.count > 0)
+        );
+        return;
+      }
+      const response = await runMutation({
+        operation: () => apiCall(
+          `/api/communication_channels/messages/${messageId}/reactions`,
+          {
+            method: "POST",
+            body: JSON.stringify({ emoji: group.emoji }),
+            headers: { "content-type": "application/json" }
+          }
+        ),
+        context: {
+          formId: REACTION_BAR_MUTATION_CONTEXT_ID,
+          resourceKind: "communication_channels.message",
+          resourceId: messageId,
+          retryLastMutation
+        },
+        mutationPayload: { action: "add-reaction", emoji: group.emoji }
+      });
+      if (!response.ok) {
+        const errBody = response.result;
+        flash(
+          errBody?.error ?? t("communication_channels.errors.reactionFailed", "Reaction failed"),
+          "error"
+        );
+        return;
+      }
+      const created = response.result;
+      setGroups(
+        (prev) => prev.map(
+          (g) => g.emoji === group.emoji ? {
+            ...g,
+            count: g.count + 1,
+            reactedByMe: true,
+            myReactionId: created?.id ?? g.myReactionId
+          } : g
+        )
+      );
+    } catch (err) {
+      flash(
+        err instanceof Error ? err.message : t("communication_channels.errors.reactionFailed", "Reaction failed"),
+        "error"
+      );
+    } finally {
+      setBusyEmoji(null);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "mt-2 flex flex-wrap gap-1",
+      "aria-label": t("communication_channels.reaction.bar.aria", "Reactions"),
+      children: groups.map((group) => /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: group.reactedByMe ? "default" : "outline",
+          size: "sm",
+          disabled: busyEmoji === group.emoji,
+          onClick: () => void onToggle(group),
+          "aria-label": t("communication_channels.reaction.toggleAria", "Toggle {emoji} reaction", {
+            emoji: group.emoji
+          }),
+          children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: group.emoji }),
+            /* @__PURE__ */ jsx("span", { className: "ml-1 text-xs", children: group.count })
+          ]
+        },
+        group.emoji
+      ))
+    }
+  );
+}
+export {
+  ReactionBarWidget as default
+};
+//# sourceMappingURL=widget.client.js.map

package/dist/modules/communication_channels/widgets/injection/reaction-bar/widget.client.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/communication_channels/widgets/injection/reaction-bar/widget.client.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype ReactionGroup = {\n  emoji: string\n  count: number\n  users: Array<{\n    userId?: string | null\n    externalId?: string | null\n    displayName?: string | null\n  }>\n  reactedByMe: boolean\n  myReactionId: string | null\n}\n\ntype MessageWithReactions = Record<string, unknown> & {\n  id?: string\n  _reactions?: ReactionGroup[]\n}\n\nconst REACTION_BAR_MUTATION_CONTEXT_ID = 'communication-channels-reaction-bar'\n\ntype ReactionMutationContext = {\n  formId: string\n  resourceKind: string\n  resourceId: string\n  retryLastMutation: () => Promise<boolean>\n}\n\nexport default function ReactionBarWidget({\n  data,\n}: InjectionWidgetComponentProps<Record<string, unknown>, MessageWithReactions>) {\n  const t = useT()\n  const messageId = data?.id ?? null\n  const initial = React.useMemo(() => data?._reactions ?? [], [data?._reactions])\n  const [groups, setGroups] = React.useState<ReactionGroup[]>(initial)\n  const [busyEmoji, setBusyEmoji] = React.useState<string | null>(null)\n  const { runMutation, retryLastMutation } = useGuardedMutation<ReactionMutationContext>({\n    contextId: REACTION_BAR_MUTATION_CONTEXT_ID,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n\n  // Keep local state in sync if the host page re-renders with fresh data.\n  React.useEffect(() => setGroups(initial), [initial])\n\n  if (!messageId || groups.length === 0) return null\n\n  const onToggle = async (group: ReactionGroup) => {\n    if (busyEmoji) return\n    setBusyEmoji(group.emoji)\n    try {\n      if (group.reactedByMe) {\n        if (!group.myReactionId) {\n          flash(\n            t(\n              'communication_channels.reaction.cannotRemoveExternal',\n              'Reactions from external participants can only be removed in the provider app.',\n            ),\n            'error',\n          )\n          return\n        }\n        const response = await runMutation({\n          operation: () => apiCall<{ ok?: boolean; error?: string }>(\n            `/api/communication_channels/messages/${messageId}/reactions/${group.myReactionId}`,\n            { method: 'DELETE' },\n          ),\n          context: {\n            formId: REACTION_BAR_MUTATION_CONTEXT_ID,\n            resourceKind: 'communication_channels.message',\n            resourceId: messageId,\n            retryLastMutation,\n          },\n          mutationPayload: { action: 'remove-reaction', reactionId: group.myReactionId, emoji: group.emoji },\n        })\n        if (!response.ok) {\n          const errBody = response.result as { error?: string } | null\n          flash(\n            errBody?.error\n              ?? t('communication_channels.errors.reactionFailed', 'Reaction failed'),\n            'error',\n          )\n          return\n        }\n        setGroups((prev) =>\n          prev\n            .map((g) =>\n              g.emoji === group.emoji\n                ? { ...g, count: Math.max(0, g.count - 1), reactedByMe: false, myReactionId: null }\n                : g,\n            )\n            .filter((g) => g.count > 0),\n        )\n        return\n      }\n      const response = await runMutation({\n        operation: () => apiCall<{ id: string; messageId: string; emoji: string }>(\n          `/api/communication_channels/messages/${messageId}/reactions`,\n          {\n            method: 'POST',\n            body: JSON.stringify({ emoji: group.emoji }),\n            headers: { 'content-type': 'application/json' },\n          },\n        ),\n        context: {\n          formId: REACTION_BAR_MUTATION_CONTEXT_ID,\n          resourceKind: 'communication_channels.message',\n          resourceId: messageId,\n          retryLastMutation,\n        },\n        mutationPayload: { action: 'add-reaction', emoji: group.emoji },\n      })\n      if (!response.ok) {\n        const errBody = response.result as { error?: string } | null\n        flash(\n          errBody?.error\n            ?? t('communication_channels.errors.reactionFailed', 'Reaction failed'),\n          'error',\n        )\n        return\n      }\n      const created = response.result as { id?: string } | null\n      setGroups((prev) =>\n        prev.map((g) =>\n          g.emoji === group.emoji\n            ? {\n                ...g,\n                count: g.count + 1,\n                reactedByMe: true,\n                myReactionId: created?.id ?? g.myReactionId,\n              }\n            : g,\n        ),\n      )\n    } catch (err) {\n      flash(\n        err instanceof Error\n          ? err.message\n          : t('communication_channels.errors.reactionFailed', 'Reaction failed'),\n        'error',\n      )\n    } finally {\n      setBusyEmoji(null)\n    }\n  }\n\n  return (\n    <div\n      className=\"mt-2 flex flex-wrap gap-1\"\n      aria-label={t('communication_channels.reaction.bar.aria', 'Reactions')}\n    >\n      {groups.map((group) => (\n        <Button\n          key={group.emoji}\n          type=\"button\"\n          variant={group.reactedByMe ? 'default' : 'outline'}\n          size=\"sm\"\n          disabled={busyEmoji === group.emoji}\n          onClick={() => void onToggle(group)}\n          aria-label={t('communication_channels.reaction.toggleAria', 'Toggle {emoji} reaction', {\n            emoji: group.emoji,\n          })}\n        >\n          <span aria-hidden>{group.emoji}</span>\n          <span className=\"ml-1 text-xs\">{group.count}</span>\n        </Button>\n      ))}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["response"]
+}

package/dist/modules/communication_channels/widgets/injection/reaction-bar/widget.js

@@ -0,0 +1,17 @@
+import ReactionBarWidget from "./widget.client.js";
+const widget = {
+  metadata: {
+    id: "communication_channels.injection.reaction-bar",
+    title: "Reaction bar",
+    description: "Renders grouped emoji reactions below channel-linked messages. Tapping an emoji toggles the current user's reaction.",
+    features: ["communication_channels.view"],
+    priority: 90,
+    enabled: true
+  },
+  Widget: ReactionBarWidget
+};
+var widget_default = widget;
+export {
+  widget_default as default
+};
+//# sourceMappingURL=widget.js.map

package/dist/modules/communication_channels/widgets/injection/reaction-bar/widget.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/communication_channels/widgets/injection/reaction-bar/widget.ts"],
+  "sourcesContent": ["import type { InjectionWidgetModule } from '@open-mercato/shared/modules/widgets/injection'\nimport ReactionBarWidget from './widget.client'\n\n/**\n * Reaction bar \u2014 renders the grouped emoji counts below a channel-linked message\n * (`detail:messages:message:body:after`). Click an emoji to toggle the current\n * user's reaction (calls the slice-2d outbound reactions API).\n *\n * Reads the `_reactions` enrichment field added by `messageReactionsEnricher`.\n * Gated by the `communication_channels.react` feature at the API layer; the\n * widget itself surfaces only when there is at least one reaction.\n */\nconst widget: InjectionWidgetModule<Record<string, unknown>, Record<string, unknown>> = {\n  metadata: {\n    id: 'communication_channels.injection.reaction-bar',\n    title: 'Reaction bar',\n    description:\n      'Renders grouped emoji reactions below channel-linked messages. Tapping an emoji toggles the current user\\'s reaction.',\n    features: ['communication_channels.view'],\n    priority: 90,\n    enabled: true,\n  },\n  Widget: ReactionBarWidget,\n}\n\nexport default widget\n"],
+  "mappings": "AACA,OAAO,uBAAuB;AAW9B,MAAM,SAAkF;AAAA,EACtF,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aACE;AAAA,IACF,UAAU,CAAC,6BAA6B;AAAA,IACxC,UAAU;AAAA,IACV,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AACV;AAEA,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/modules/communication_channels/widgets/injection-table.js

@@ -0,0 +1,38 @@
+const injectionTable = {
+  "data-table:messages:columns": [
+    {
+      widgetId: "communication_channels.injection.channel-badge",
+      priority: 100
+    }
+  ],
+  "detail:messages:message:body:after": [
+    {
+      widgetId: "communication_channels.injection.channel-payload-renderer",
+      priority: 100
+    },
+    {
+      widgetId: "communication_channels.injection.reaction-bar",
+      priority: 90
+    }
+  ],
+  "detail:messages:message:sidebar": [
+    {
+      widgetId: "communication_channels.injection.channel-info-panel",
+      priority: 100
+    }
+  ],
+  // Profile dropdown (top-right avatar): a discoverable entry to the per-user
+  // channel-connect page, placed directly under "Change Password".
+  "menu:topbar:profile-dropdown": [
+    {
+      widgetId: "communication_channels.injection.profile-channels-menu",
+      priority: 100
+    }
+  ]
+};
+var injection_table_default = injectionTable;
+export {
+  injection_table_default as default,
+  injectionTable
+};
+//# sourceMappingURL=injection-table.js.map