@open-mercato/core 0.6.5-develop.4384.1.ce2ec6eaaa → 0.6.5-develop.4393.1.de282b5dfd

package/dist/modules/communication_channels/backend/communication_channels/channels/[id]/page.js

@@ -0,0 +1,180 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useParams } from "next/navigation";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { LoadingMessage, ErrorMessage, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function ChannelDetailPage() {
+  const t = useT();
+  const params = useParams();
+  const id = params?.id ?? "";
+  const [detail, setDetail] = React.useState(null);
+  const [health, setHealth] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [errorMessage, setErrorMessage] = React.useState(null);
+  const [notFound, setNotFound] = React.useState(false);
+  React.useEffect(() => {
+    if (!id) return;
+    let cancelled = false;
+    async function load() {
+      setIsLoading(true);
+      setErrorMessage(null);
+      setNotFound(false);
+      const [detailRes, healthRes] = await Promise.all([
+        apiCall(`/api/communication_channels/channels/${encodeURIComponent(id)}`),
+        apiCall(`/api/communication_channels/channels/${encodeURIComponent(id)}/health`)
+      ]).catch((err) => {
+        return [
+          { ok: false, result: { error: err instanceof Error ? err.message : "load failed" } },
+          { ok: false, result: { error: err instanceof Error ? err.message : "load failed" } }
+        ];
+      });
+      if (cancelled) return;
+      if (!detailRes.ok) {
+        const status = detailRes.status;
+        if (status === 404) {
+          setNotFound(true);
+        } else {
+          const body = detailRes.result;
+          setErrorMessage(
+            body?.error ?? t("communication_channels.errors.loadDetail", "Failed to load channel")
+          );
+        }
+        setDetail(null);
+        setHealth(null);
+      } else {
+        setDetail(detailRes.result ?? null);
+        setHealth(healthRes.ok ? healthRes.result ?? null : null);
+      }
+      setIsLoading(false);
+    }
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, [id, t]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("communication_channels.detail.loading", "Loading channel...") }) }) });
+  }
+  if (notFound) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      RecordNotFoundState,
+      {
+        label: t("communication_channels.detail.notFound", "Channel not found"),
+        backHref: "/backend/communication_channels/channels"
+      }
+    ) }) });
+  }
+  if (errorMessage || !detail) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      ErrorMessage,
+      {
+        label: errorMessage ?? t("communication_channels.errors.loadDetail", "Failed to load channel")
+      }
+    ) }) });
+  }
+  const capabilities = detail.capabilities ?? {};
+  const capabilityKeys = Object.keys(capabilities);
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { children: [
+    /* @__PURE__ */ jsxs("header", { className: "mb-4 flex flex-wrap items-baseline justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold", children: detail.displayName }),
+        /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+          detail.providerKey,
+          " \xB7 ",
+          detail.channelType,
+          detail.externalIdentifier ? ` \xB7 ${detail.externalIdentifier}` : ""
+        ] })
+      ] }),
+      detail.isActive ? /* @__PURE__ */ jsx(Tag, { variant: "success", dot: true, children: t("communication_channels.status.active", "Active") }) : /* @__PURE__ */ jsx(Tag, { variant: "neutral", children: t("communication_channels.status.inactive", "Inactive") })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: "mb-4 rounded-md border bg-card p-4",
+        "aria-label": t("communication_channels.detail.capabilities", "Capabilities"),
+        children: [
+          /* @__PURE__ */ jsx("header", { className: "mb-2 text-overline text-muted-foreground", children: t("communication_channels.detail.capabilities", "Capabilities") }),
+          capabilityKeys.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(
+            "communication_channels.detail.noCapabilities",
+            "No capabilities snapshot recorded for this channel yet."
+          ) }) : /* @__PURE__ */ jsx("dl", { className: "grid grid-cols-2 gap-x-6 gap-y-1 text-sm md:grid-cols-3", children: capabilityKeys.sort().map((key) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: key }),
+            /* @__PURE__ */ jsx("dd", { className: "md:col-span-2", children: renderCapabilityValue(capabilities[key]) })
+          ] }, key)) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "section",
+      {
+        className: "rounded-md border bg-card p-4",
+        "aria-label": t("communication_channels.detail.health", "Delivery health (last 24h)"),
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "mb-2 flex items-baseline justify-between text-overline text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { children: t("communication_channels.detail.health", "Delivery health (last 24h)") }),
+            health ? /* @__PURE__ */ jsxs("span", { className: "text-xs", children: [
+              health.totalsLast24h,
+              " ",
+              t("communication_channels.detail.messages", "messages")
+            ] }) : null
+          ] }),
+          health ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("ul", { className: "mb-3 flex flex-wrap gap-2 text-xs", children: Object.entries(health.counts).map(([status, count]) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Tag, { variant: tagVariantForStatus(status), children: [
+              status,
+              ": ",
+              count
+            ] }) }, status)) }),
+            health.recentFailures.length > 0 ? /* @__PURE__ */ jsxs("details", { children: [
+              /* @__PURE__ */ jsxs("summary", { className: "cursor-pointer text-sm text-muted-foreground", children: [
+                t("communication_channels.detail.recentFailures", "Recent failures"),
+                " (",
+                health.recentFailures.length,
+                ")"
+              ] }),
+              /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-1 text-xs", children: health.recentFailures.map((failure) => /* @__PURE__ */ jsxs("li", { className: "rounded border bg-muted p-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "font-mono text-xs text-muted-foreground", children: [
+                  failure.messageId,
+                  " \xB7 ",
+                  failure.direction,
+                  " \xB7",
+                  " ",
+                  failure.createdAt ?? "\u2014"
+                ] }),
+                failure.lastError ? /* @__PURE__ */ jsx("div", { className: "mt-1", children: failure.lastError }) : null
+              ] }, failure.id)) })
+            ] }) : null
+          ] }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("communication_channels.detail.noHealth", "No health data available.") })
+        ]
+      }
+    )
+  ] }) });
+}
+function renderCapabilityValue(value) {
+  if (value === null || value === void 0) return "\u2014";
+  if (Array.isArray(value)) return value.join(", ");
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function tagVariantForStatus(status) {
+  switch (status) {
+    case "sent":
+    case "delivered":
+    case "read":
+      return "success";
+    case "failed":
+      return "error";
+    case "pending":
+    case "queued":
+      return "warning";
+    default:
+      return "neutral";
+  }
+}
+export {
+  ChannelDetailPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/communication_channels/backend/communication_channels/channels/[id]/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/communication_channels/backend/communication_channels/channels/%5Bid%5D/page.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useParams } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype ChannelDetail = {\n  id: string\n  providerKey: string\n  channelType: string\n  displayName: string\n  externalIdentifier: string | null\n  capabilities: Record<string, unknown> | null\n  isActive: boolean\n}\n\ntype ChannelHealth = {\n  channelId: string\n  providerKey: string\n  channelType: string\n  windowHours: number\n  totalsLast24h: number\n  counts: Record<string, number>\n  recentFailures: Array<{\n    id: string\n    messageId: string\n    direction: string\n    createdAt: string | null\n    lastError: string | null\n    transient: boolean | null\n  }>\n}\n\nexport default function ChannelDetailPage() {\n  const t = useT()\n  const params = useParams<{ id: string }>()\n  const id = (params?.id as string) ?? ''\n\n  const [detail, setDetail] = React.useState<ChannelDetail | null>(null)\n  const [health, setHealth] = React.useState<ChannelHealth | null>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [errorMessage, setErrorMessage] = React.useState<string | null>(null)\n  const [notFound, setNotFound] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!id) return\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setErrorMessage(null)\n      setNotFound(false)\n      const [detailRes, healthRes] = await Promise.all([\n        apiCall<ChannelDetail>(`/api/communication_channels/channels/${encodeURIComponent(id)}`),\n        apiCall<ChannelHealth>(`/api/communication_channels/channels/${encodeURIComponent(id)}/health`),\n      ]).catch((err: unknown) => {\n        return [\n          { ok: false, result: { error: err instanceof Error ? err.message : 'load failed' } },\n          { ok: false, result: { error: err instanceof Error ? err.message : 'load failed' } },\n        ] as const\n      })\n      if (cancelled) return\n      if (!detailRes.ok) {\n        const status = (detailRes as { status?: number }).status\n        if (status === 404) {\n          setNotFound(true)\n        } else {\n          const body = detailRes.result as { error?: string } | undefined\n          setErrorMessage(\n            body?.error ?? t('communication_channels.errors.loadDetail', 'Failed to load channel'),\n          )\n        }\n        setDetail(null)\n        setHealth(null)\n      } else {\n        setDetail(detailRes.result ?? null)\n        setHealth(healthRes.ok ? (healthRes.result ?? null) : null)\n      }\n      setIsLoading(false)\n    }\n    void load()\n    return () => {\n      cancelled = true\n    }\n  }, [id, t])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('communication_channels.detail.loading', 'Loading channel...')} />\n        </PageBody>\n      </Page>\n    )\n  }\n  if (notFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('communication_channels.detail.notFound', 'Channel not found')}\n            backHref=\"/backend/communication_channels/channels\"\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n  if (errorMessage || !detail) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={errorMessage ?? t('communication_channels.errors.loadDetail', 'Failed to load channel')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  const capabilities = (detail.capabilities ?? {}) as Record<string, unknown>\n  const capabilityKeys = Object.keys(capabilities)\n\n  return (\n    <Page>\n      <PageBody>\n        <header className=\"mb-4 flex flex-wrap items-baseline justify-between gap-4\">\n          <div>\n            <h2 className=\"text-2xl font-semibold\">{detail.displayName}</h2>\n            <p className=\"text-sm text-muted-foreground\">\n              {detail.providerKey} \u00B7 {detail.channelType}\n              {detail.externalIdentifier ? ` \u00B7 ${detail.externalIdentifier}` : ''}\n            </p>\n          </div>\n          {detail.isActive ? (\n            <Tag variant=\"success\" dot>\n              {t('communication_channels.status.active', 'Active')}\n            </Tag>\n          ) : (\n            <Tag variant=\"neutral\">{t('communication_channels.status.inactive', 'Inactive')}</Tag>\n          )}\n        </header>\n\n        <section\n          className=\"mb-4 rounded-md border bg-card p-4\"\n          aria-label={t('communication_channels.detail.capabilities', 'Capabilities')}\n        >\n          <header className=\"mb-2 text-overline text-muted-foreground\">\n            {t('communication_channels.detail.capabilities', 'Capabilities')}\n          </header>\n          {capabilityKeys.length === 0 ? (\n            <p className=\"text-sm text-muted-foreground\">\n              {t(\n                'communication_channels.detail.noCapabilities',\n                'No capabilities snapshot recorded for this channel yet.',\n              )}\n            </p>\n          ) : (\n            <dl className=\"grid grid-cols-2 gap-x-6 gap-y-1 text-sm md:grid-cols-3\">\n              {capabilityKeys.sort().map((key) => (\n                <React.Fragment key={key}>\n                  <dt className=\"text-muted-foreground\">{key}</dt>\n                  <dd className=\"md:col-span-2\">{renderCapabilityValue(capabilities[key])}</dd>\n                </React.Fragment>\n              ))}\n            </dl>\n          )}\n        </section>\n\n        <section\n          className=\"rounded-md border bg-card p-4\"\n          aria-label={t('communication_channels.detail.health', 'Delivery health (last 24h)')}\n        >\n          <header className=\"mb-2 flex items-baseline justify-between text-overline text-muted-foreground\">\n            <span>{t('communication_channels.detail.health', 'Delivery health (last 24h)')}</span>\n            {health ? (\n              <span className=\"text-xs\">\n                {health.totalsLast24h}{' '}\n                {t('communication_channels.detail.messages', 'messages')}\n              </span>\n            ) : null}\n          </header>\n          {health ? (\n            <>\n              <ul className=\"mb-3 flex flex-wrap gap-2 text-xs\">\n                {Object.entries(health.counts).map(([status, count]) => (\n                  <li key={status}>\n                    <Tag variant={tagVariantForStatus(status)}>\n                      {status}: {count}\n                    </Tag>\n                  </li>\n                ))}\n              </ul>\n              {health.recentFailures.length > 0 ? (\n                <details>\n                  <summary className=\"cursor-pointer text-sm text-muted-foreground\">\n                    {t('communication_channels.detail.recentFailures', 'Recent failures')} (\n                    {health.recentFailures.length})\n                  </summary>\n                  <ul className=\"mt-2 space-y-1 text-xs\">\n                    {health.recentFailures.map((failure) => (\n                      <li key={failure.id} className=\"rounded border bg-muted p-2\">\n                        <div className=\"font-mono text-xs text-muted-foreground\">\n                          {failure.messageId} \u00B7 {failure.direction} \u00B7{' '}\n                          {failure.createdAt ?? '\u2014'}\n                        </div>\n                        {failure.lastError ? (\n                          <div className=\"mt-1\">{failure.lastError}</div>\n                        ) : null}\n                      </li>\n                    ))}\n                  </ul>\n                </details>\n              ) : null}\n            </>\n          ) : (\n            <p className=\"text-sm text-muted-foreground\">\n              {t('communication_channels.detail.noHealth', 'No health data available.')}\n            </p>\n          )}\n        </section>\n      </PageBody>\n    </Page>\n  )\n}\n\nfunction renderCapabilityValue(value: unknown): string {\n  if (value === null || value === undefined) return '\u2014'\n  if (Array.isArray(value)) return value.join(', ')\n  if (typeof value === 'object') return JSON.stringify(value)\n  return String(value)\n}\n\nfunction tagVariantForStatus(status: string): 'success' | 'warning' | 'error' | 'info' | 'neutral' {\n  switch (status) {\n    case 'sent':\n    case 'delivered':\n    case 'read':\n      return 'success'\n    case 'failed':\n      return 'error'\n    case 'pending':\n    case 'queued':\n      return 'warning'\n    default:\n      return 'neutral'\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/communication_channels/backend/communication_channels/channels/[id]/page.meta.js

@@ -0,0 +1,36 @@
+import React from "react";
+const channelIcon = React.createElement(
+  "svg",
+  {
+    width: 16,
+    height: 16,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  },
+  React.createElement("path", {
+    d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"
+  }),
+  React.createElement("circle", { cx: 12, cy: 11, r: 1 }),
+  React.createElement("circle", { cx: 7, cy: 11, r: 1 }),
+  React.createElement("circle", { cx: 17, cy: 11, r: 1 })
+);
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["communication_channels.view"],
+  pageTitle: "Channel Detail",
+  pageTitleKey: "communication_channels.detail.title",
+  icon: channelIcon,
+  navHidden: true,
+  breadcrumb: [
+    { label: "Communication Channels", labelKey: "communication_channels.nav.title", href: "/backend/communication_channels/channels" },
+    { label: "Channel detail", labelKey: "communication_channels.detail.title" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/communication_channels/backend/communication_channels/channels/[id]/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/communication_channels/backend/communication_channels/channels/%5Bid%5D/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\n\nconst channelIcon = React.createElement(\n  'svg',\n  {\n    width: 16,\n    height: 16,\n    viewBox: '0 0 24 24',\n    fill: 'none',\n    stroke: 'currentColor',\n    strokeWidth: 2,\n    strokeLinecap: 'round',\n    strokeLinejoin: 'round',\n  },\n  React.createElement('path', {\n    d: 'M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z',\n  }),\n  React.createElement('circle', { cx: 12, cy: 11, r: 1 }),\n  React.createElement('circle', { cx: 7, cy: 11, r: 1 }),\n  React.createElement('circle', { cx: 17, cy: 11, r: 1 }),\n)\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['communication_channels.view'],\n  pageTitle: 'Channel Detail',\n  pageTitleKey: 'communication_channels.detail.title',\n  icon: channelIcon,\n  navHidden: true,\n  breadcrumb: [\n    { label: 'Communication Channels', labelKey: 'communication_channels.nav.title', href: '/backend/communication_channels/channels' },\n    { label: 'Channel detail', labelKey: 'communication_channels.detail.title' },\n  ],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,MAAM,cAAc,MAAM;AAAA,EACxB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,eAAe;AAAA,IACf,gBAAgB;AAAA,EAClB;AAAA,EACA,MAAM,cAAc,QAAQ;AAAA,IAC1B,GAAG;AAAA,EACL,CAAC;AAAA,EACD,MAAM,cAAc,UAAU,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,EAAE,CAAC;AAAA,EACtD,MAAM,cAAc,UAAU,EAAE,IAAI,GAAG,IAAI,IAAI,GAAG,EAAE,CAAC;AAAA,EACrD,MAAM,cAAc,UAAU,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,EAAE,CAAC;AACxD;AAEO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,6BAA6B;AAAA,EAC/C,WAAW;AAAA,EACX,cAAc;AAAA,EACd,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AAAA,IACV,EAAE,OAAO,0BAA0B,UAAU,oCAAoC,MAAM,2CAA2C;AAAA,IAClI,EAAE,OAAO,kBAAkB,UAAU,sCAAsC;AAAA,EAC7E;AACF;",
+  "names": []
+}

package/dist/modules/communication_channels/backend/communication_channels/channels/page.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function ChannelsListPage() {
+  const t = useT();
+  const [rows, setRows] = React.useState([]);
+  const [total, setTotal] = React.useState(0);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [page, setPage] = React.useState(1);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [errorMessage, setErrorMessage] = React.useState(null);
+  const pageSize = 50;
+  React.useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      setIsLoading(true);
+      setErrorMessage(null);
+      const response = await apiCall(
+        `/api/communication_channels/channels?page=${page}&pageSize=${pageSize}`
+      ).catch((err) => {
+        return {
+          ok: false,
+          result: { error: err instanceof Error ? err.message : "Failed to load channels" }
+        };
+      });
+      if (cancelled) return;
+      if (!response.ok) {
+        const errBody = response.result;
+        setErrorMessage(
+          errBody?.error ?? t("communication_channels.errors.loadList", "Failed to load channels")
+        );
+        setRows([]);
+        setTotal(0);
+        setTotalPages(1);
+      } else {
+        const data = response.result ?? {};
+        setRows(Array.isArray(data.items) ? data.items : []);
+        setTotal(typeof data.total === "number" ? data.total : 0);
+        setTotalPages(typeof data.totalPages === "number" ? data.totalPages : 1);
+      }
+      setIsLoading(false);
+    }
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, [page, t]);
+  const columns = React.useMemo(
+    () => [
+      {
+        header: t("communication_channels.columns.displayName", "Channel"),
+        accessorKey: "displayName"
+      },
+      {
+        header: t("communication_channels.columns.provider", "Provider"),
+        accessorKey: "providerKey"
+      },
+      {
+        header: t("communication_channels.columns.type", "Type"),
+        accessorKey: "channelType"
+      },
+      {
+        header: t("communication_channels.columns.identifier", "External ID"),
+        accessorKey: "externalIdentifier",
+        cell: ({ row }) => row.original.externalIdentifier ?? "\u2014",
+        meta: { truncate: true, maxWidth: 240 }
+      },
+      {
+        header: t("communication_channels.columns.status", "Status"),
+        accessorKey: "isActive",
+        cell: ({ row }) => row.original.isActive ? /* @__PURE__ */ jsx(Tag, { variant: "success", dot: true, children: t("communication_channels.status.active", "Active") }) : /* @__PURE__ */ jsx(Tag, { variant: "neutral", children: t("communication_channels.status.inactive", "Inactive") })
+      }
+    ],
+    [t]
+  );
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      title: t("communication_channels.nav.title", "Communication Channels"),
+      extensionTableId: "communication_channels.channels",
+      columns,
+      data: rows,
+      isLoading,
+      error: errorMessage,
+      emptyState: t(
+        "communication_channels.emptyState",
+        "No shared channels yet. This page lists shared, tenant-wide channels. Your personal email mailbox is private \u2014 connect and manage it under Profile \u2192 Communication Channels."
+      ),
+      pagination: {
+        page,
+        pageSize,
+        total,
+        totalPages,
+        onPageChange: setPage
+      }
+    }
+  ) }) });
+}
+export {
+  ChannelsListPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/communication_channels/backend/communication_channels/channels/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/communication_channels/backend/communication_channels/channels/page.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype ChannelRow = {\n  id: string\n  providerKey: string\n  channelType: string\n  displayName: string\n  externalIdentifier: string | null\n  isActive: boolean\n  capabilities: Record<string, unknown> | null\n  createdAt: string | null\n}\n\ntype ChannelListResponse = {\n  items?: ChannelRow[]\n  total?: number\n  totalPages?: number\n}\n\nexport default function ChannelsListPage() {\n  const t = useT()\n  const [rows, setRows] = React.useState<ChannelRow[]>([])\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [page, setPage] = React.useState(1)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [errorMessage, setErrorMessage] = React.useState<string | null>(null)\n  const pageSize = 50\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      setErrorMessage(null)\n      const response = await apiCall<ChannelListResponse>(\n        `/api/communication_channels/channels?page=${page}&pageSize=${pageSize}`,\n      ).catch((err: unknown) => {\n        return {\n          ok: false,\n          result: { error: err instanceof Error ? err.message : 'Failed to load channels' },\n        }\n      })\n      if (cancelled) return\n      if (!response.ok) {\n        const errBody = response.result as { error?: string } | undefined\n        setErrorMessage(\n          errBody?.error ?? t('communication_channels.errors.loadList', 'Failed to load channels'),\n        )\n        setRows([])\n        setTotal(0)\n        setTotalPages(1)\n      } else {\n        const data = (response.result ?? {}) as ChannelListResponse\n        setRows(Array.isArray(data.items) ? data.items : [])\n        setTotal(typeof data.total === 'number' ? data.total : 0)\n        setTotalPages(typeof data.totalPages === 'number' ? data.totalPages : 1)\n      }\n      setIsLoading(false)\n    }\n    void load()\n    return () => {\n      cancelled = true\n    }\n  }, [page, t])\n\n  const columns = React.useMemo<ColumnDef<ChannelRow>[]>(\n    () => [\n      {\n        header: t('communication_channels.columns.displayName', 'Channel'),\n        accessorKey: 'displayName',\n      },\n      {\n        header: t('communication_channels.columns.provider', 'Provider'),\n        accessorKey: 'providerKey',\n      },\n      {\n        header: t('communication_channels.columns.type', 'Type'),\n        accessorKey: 'channelType',\n      },\n      {\n        header: t('communication_channels.columns.identifier', 'External ID'),\n        accessorKey: 'externalIdentifier',\n        cell: ({ row }) => row.original.externalIdentifier ?? '\u2014',\n        meta: { truncate: true, maxWidth: 240 },\n      },\n      {\n        header: t('communication_channels.columns.status', 'Status'),\n        accessorKey: 'isActive',\n        cell: ({ row }) =>\n          row.original.isActive ? (\n            <Tag variant=\"success\" dot>\n              {t('communication_channels.status.active', 'Active')}\n            </Tag>\n          ) : (\n            <Tag variant=\"neutral\">\n              {t('communication_channels.status.inactive', 'Inactive')}\n            </Tag>\n          ),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable<ChannelRow>\n          title={t('communication_channels.nav.title', 'Communication Channels')}\n          extensionTableId=\"communication_channels.channels\"\n          columns={columns}\n          data={rows}\n          isLoading={isLoading}\n          error={errorMessage}\n          emptyState={t(\n            'communication_channels.emptyState',\n            'No shared channels yet. This page lists shared, tenant-wide channels. Your personal email mailbox is private \u2014 connect and manage it under Profile \u2192 Communication Channels.',\n          )}\n          pagination={{\n            page,\n            pageSize,\n            total,\n            totalPages,\n            onPageChange: setPage,\n          }}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/communication_channels/backend/communication_channels/channels/page.meta.js

@@ -0,0 +1,38 @@
+import React from "react";
+const channelsIcon = React.createElement(
+  "svg",
+  {
+    width: 16,
+    height: 16,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  },
+  React.createElement("path", {
+    d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"
+  }),
+  React.createElement("circle", { cx: 12, cy: 11, r: 1 }),
+  React.createElement("circle", { cx: 7, cy: 11, r: 1 }),
+  React.createElement("circle", { cx: 17, cy: 11, r: 1 })
+);
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["communication_channels.view"],
+  pageTitle: "Communication Channels",
+  pageTitleKey: "communication_channels.nav.title",
+  pageGroup: "Integrations",
+  pageGroupKey: "communication_channels.nav.group",
+  pageOrder: 90,
+  icon: channelsIcon,
+  pageContext: "main",
+  breadcrumb: [
+    { label: "Communication Channels", labelKey: "communication_channels.nav.title" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/communication_channels/backend/communication_channels/channels/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/communication_channels/backend/communication_channels/channels/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\n\nconst channelsIcon = React.createElement(\n  'svg',\n  {\n    width: 16,\n    height: 16,\n    viewBox: '0 0 24 24',\n    fill: 'none',\n    stroke: 'currentColor',\n    strokeWidth: 2,\n    strokeLinecap: 'round',\n    strokeLinejoin: 'round',\n  },\n  React.createElement('path', {\n    d: 'M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z',\n  }),\n  React.createElement('circle', { cx: 12, cy: 11, r: 1 }),\n  React.createElement('circle', { cx: 7, cy: 11, r: 1 }),\n  React.createElement('circle', { cx: 17, cy: 11, r: 1 }),\n)\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['communication_channels.view'],\n  pageTitle: 'Communication Channels',\n  pageTitleKey: 'communication_channels.nav.title',\n  pageGroup: 'Integrations',\n  pageGroupKey: 'communication_channels.nav.group',\n  pageOrder: 90,\n  icon: channelsIcon,\n  pageContext: 'main' as const,\n  breadcrumb: [\n    { label: 'Communication Channels', labelKey: 'communication_channels.nav.title' },\n  ],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,MAAM,eAAe,MAAM;AAAA,EACzB;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,eAAe;AAAA,IACf,gBAAgB;AAAA,EAClB;AAAA,EACA,MAAM,cAAc,QAAQ;AAAA,IAC1B,GAAG;AAAA,EACL,CAAC;AAAA,EACD,MAAM,cAAc,UAAU,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,EAAE,CAAC;AAAA,EACtD,MAAM,cAAc,UAAU,EAAE,IAAI,GAAG,IAAI,IAAI,GAAG,EAAE,CAAC;AAAA,EACrD,MAAM,cAAc,UAAU,EAAE,IAAI,IAAI,IAAI,IAAI,GAAG,EAAE,CAAC;AACxD;AAEO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,6BAA6B;AAAA,EAC/C,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,aAAa;AAAA,EACb,YAAY;AAAA,IACV,EAAE,OAAO,0BAA0B,UAAU,mCAAmC;AAAA,EAClF;AACF;",
+  "names": []
+}