@echothink-ui/admin 0.1.0

package/dist/index.cjs

@@ -0,0 +1,1835 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  AdminComponentNames: () => AdminComponentNames,
+  AdminHealthTemplate: () => AdminHealthTemplate,
+  AdminShell: () => AdminShell,
+  AuditLogViewer: () => AuditLogViewer,
+  BillingUsagePanel: () => BillingUsagePanel,
+  FeatureFlagPanel: () => FeatureFlagPanel,
+  IntegrationHealthTable: () => IntegrationHealthTable,
+  JobQueuePanel: () => JobQueuePanel,
+  PolicyConfigPanel: () => PolicyConfigPanel,
+  QueueDepthChart: () => QueueDepthChart,
+  RateLimitPanel: () => RateLimitPanel,
+  RuntimeLogViewer: () => RuntimeLogViewer,
+  ServiceStatusCard: () => ServiceStatusCard,
+  SystemHealthDashboard: () => SystemHealthDashboard,
+  TenantSettingsPanel: () => TenantSettingsPanel,
+  WorkerPoolPanel: () => WorkerPoolPanel,
+  severityForStatus: () => severityForStatus
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/AdminShell.tsx
+var import_layouts = require("@echothink-ui/layouts");
+var import_jsx_runtime = require("react/jsx-runtime");
+function AdminShell({
+  sideNav,
+  header,
+  children,
+  className,
+  title: _title,
+  subtitle: _subtitle,
+  description: _description,
+  eyebrow: _eyebrow,
+  density: _density,
+  status: _status,
+  severity: _severity,
+  loading: _loading,
+  empty: _empty,
+  error: _error,
+  items: _items,
+  actions: _actions,
+  metadata: _metadata,
+  footer: _footer,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_layouts.TemplateShell,
+    {
+      ...props,
+      className: ["eth-admin-shell", className].filter(Boolean).join(" "),
+      "data-eth-component": "AdminShell",
+      canvas: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "eth-admin-shell__layout", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("aside", { className: "eth-admin-shell__side-nav", children: sideNav }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "eth-admin-shell__workspace", children: [
+          header ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: "eth-admin-shell__header", children: header }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", { className: "eth-admin-shell__main", children })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/components/SystemHealthDashboard.tsx
+var import_core2 = require("@echothink-ui/core");
+var import_charts = require("@echothink-ui/charts");
+
+// src/components/ServiceStatusCard.tsx
+var import_core = require("@echothink-ui/core");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var percentFormatter = new Intl.NumberFormat("en", { maximumFractionDigits: 2 });
+function ServiceStatusCard({ service, className, ...props }) {
+  const statusSeverity2 = severityForStatus(service.status);
+  const statusText = statusLabel(service.status);
+  const metrics = [
+    {
+      label: "Latency",
+      value: service.latencyMs !== void 0 ? `${service.latencyMs} ms` : "Unavailable",
+      muted: service.latencyMs === void 0
+    },
+    {
+      label: "Uptime",
+      value: service.uptimePercent !== void 0 ? formatPercent(service.uptimePercent) : "Not reported",
+      muted: service.uptimePercent === void 0
+    },
+    {
+      label: service.incidentsCount !== void 0 ? "Open incidents" : "Last incident",
+      value: service.incidentsCount !== void 0 ? service.incidentsCount : service.lastIncidentAt ?? "None reported",
+      muted: service.incidentsCount !== void 0 ? service.incidentsCount === 0 : !service.lastIncidentAt
+    }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_core.Surface,
+    {
+      ...props,
+      title: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "eth-admin-service-status-card__title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: service.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core.Badge, { "aria-label": `Service status: ${statusText}`, severity: statusSeverity2, children: statusText })
+      ] }),
+      description: statusDescription(service.status),
+      className: [
+        "eth-admin-service-status-card",
+        `eth-admin-service-status-card--${service.status}`,
+        className
+      ].filter(Boolean).join(" "),
+      "data-eth-component": "ServiceStatusCard",
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dl", { className: "eth-admin-service-status-card__metrics", children: metrics.map((metric) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "div",
+        {
+          className: metric.muted ? "eth-admin-service-status-card__metric--muted" : void 0,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dt", { children: metric.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dd", { children: metric.value })
+          ]
+        },
+        metric.label
+      )) })
+    }
+  );
+}
+function severityForStatus(status) {
+  if (status === "healthy") return "success";
+  if (status === "degraded") return "warning";
+  return "danger";
+}
+function statusLabel(status) {
+  if (status === "healthy") return "Healthy";
+  if (status === "degraded") return "Degraded";
+  return "Down";
+}
+function statusDescription(status) {
+  if (status === "healthy") return "Operational within expected thresholds";
+  if (status === "degraded") return "Elevated latency or partial failures detected";
+  return "Service unavailable or actively failing";
+}
+function formatPercent(value) {
+  return `${percentFormatter.format(value)}%`;
+}
+
+// src/components/SystemHealthDashboard.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function SystemHealthDashboard({
+  services,
+  incidents = [],
+  metrics = [],
+  title,
+  description,
+  severity,
+  status,
+  className,
+  ...props
+}) {
+  const serviceCount = services.length;
+  const healthyCount = services.filter((service) => service.status === "healthy").length;
+  const degradedCount = services.filter((service) => service.status === "degraded").length;
+  const downCount = services.filter((service) => service.status === "down").length;
+  const criticalIncidentCount = incidents.filter(
+    (incident) => incident.severity === "critical" || incident.severity === "error"
+  ).length;
+  const openIncidentCount = incidents.length;
+  const defaultSeverity = severityForHealth(
+    downCount,
+    degradedCount,
+    criticalIncidentCount,
+    openIncidentCount
+  );
+  const defaultStatus = statusForHealth(serviceCount, downCount, degradedCount);
+  const computedMetrics = metrics.length ? metrics : [
+    {
+      label: "Healthy services",
+      value: serviceCount ? `${healthyCount} / ${serviceCount}` : "0",
+      trend: serviceHealthTrend(healthyCount, degradedCount, downCount)
+    },
+    {
+      label: "Open incidents",
+      value: openIncidentCount,
+      trend: incidentTrend(criticalIncidentCount, openIncidentCount)
+    },
+    {
+      label: "Avg latency",
+      value: average(
+        services.map((service) => service.latencyMs).filter((value) => value !== void 0)
+      ),
+      trend: serviceCount ? `${serviceCount} monitored` : void 0
+    }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_core2.Surface,
+    {
+      ...props,
+      title: title ?? "System health",
+      description: description ?? healthSummary(serviceCount, healthyCount, degradedCount, downCount, openIncidentCount),
+      severity: severity ?? defaultSeverity,
+      status: status ?? defaultStatus,
+      className: ["eth-admin-system-health", className].filter(Boolean).join(" "),
+      "data-eth-component": "SystemHealthDashboard",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "eth-admin-system-health__metrics", children: computedMetrics.map((metric) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_charts.KPIBlock,
+          {
+            title: metric.label,
+            value: metric.value,
+            status: metric.trend
+          },
+          String(metric.label)
+        )) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "eth-admin-system-health__services", children: services.length ? services.map((service) => {
+          const serviceIncidents = incidents.filter(
+            (incident) => incident.title.toLowerCase().includes(service.name.toLowerCase())
+          );
+          return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            ServiceStatusCard,
+            {
+              service: {
+                name: service.name,
+                status: service.status,
+                latencyMs: service.latencyMs,
+                uptimePercent: service.status === "healthy" ? 99.9 : void 0,
+                incidentsCount: service.incidentsCount ?? serviceIncidents.length,
+                lastIncidentAt: serviceIncidents[0]?.startedAt
+              }
+            },
+            service.id
+          );
+        }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "eth-admin-system-health__empty", children: "No services are currently registered." }) }),
+        incidents.length ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "eth-admin-system-health__incidents", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: "Incidents" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { children: incidents.map((incident) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Badge, { severity: severityForIncident(incident.severity), children: incident.severity }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: incident.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("time", { children: incident.startedAt })
+          ] }, incident.id)) })
+        ] }) : null
+      ]
+    }
+  );
+}
+function average(values) {
+  if (!values.length) return "0 ms";
+  return `${Math.round(values.reduce((sum, value) => sum + value, 0) / values.length)} ms`;
+}
+function healthSummary(serviceCount, healthyCount, degradedCount, downCount, openIncidentCount) {
+  if (!serviceCount) return "No services registered for this tenant.";
+  const exceptions = [];
+  if (degradedCount) exceptions.push(`${degradedCount} degraded`);
+  if (downCount) exceptions.push(`${downCount} down`);
+  if (openIncidentCount) {
+    exceptions.push(`${openIncidentCount} open ${pluralize(openIncidentCount, "incident")}`);
+  }
+  const serviceSummary = `${healthyCount} of ${serviceCount} ${pluralize(serviceCount, "service")} healthy`;
+  return exceptions.length ? `${serviceSummary}; ${exceptions.join(", ")}.` : `${serviceSummary}; no open incidents.`;
+}
+function serviceHealthTrend(healthyCount, degradedCount, downCount) {
+  if (downCount) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Badge, { severity: "danger", children: `${downCount} down` });
+  }
+  if (degradedCount) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Badge, { severity: "warning", children: `${degradedCount} degraded` });
+  }
+  if (healthyCount) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Badge, { severity: "success", children: "Nominal" });
+  }
+  return void 0;
+}
+function incidentTrend(criticalIncidentCount, openIncidentCount) {
+  if (criticalIncidentCount) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Badge, { severity: "danger", children: `${criticalIncidentCount} critical` });
+  }
+  if (openIncidentCount) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Badge, { severity: "warning", children: "Investigating" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Badge, { severity: "success", children: "Clear" });
+}
+function severityForHealth(downCount, degradedCount, criticalIncidentCount, openIncidentCount) {
+  if (downCount || criticalIncidentCount) return "danger";
+  if (degradedCount || openIncidentCount) return "warning";
+  return void 0;
+}
+function statusForHealth(serviceCount, downCount, degradedCount) {
+  if (!serviceCount) return "inactive";
+  if (downCount) return "failed";
+  if (degradedCount) return "warning";
+  return "active";
+}
+function pluralize(count, singular) {
+  return count === 1 ? singular : `${singular}s`;
+}
+function severityForIncident(severity) {
+  if (severity === "critical" || severity === "error") return "danger";
+  if (severity === "warning") return "warning";
+  return "info";
+}
+
+// src/components/WorkerPoolPanel.tsx
+var React = __toESM(require("react"), 1);
+var import_core3 = require("@echothink-ui/core");
+var import_data = require("@echothink-ui/data");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function WorkerPoolPanel({
+  pools,
+  onScale,
+  title = "Worker pools",
+  subtitle,
+  description,
+  actions,
+  density = "compact",
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  eyebrow: _eyebrow,
+  status: _status,
+  severity: _severity,
+  loading: _loading,
+  empty: _empty,
+  error: _error,
+  items: _items,
+  metadata: _metadata,
+  footer: _footer,
+  ...sectionProps
+}) {
+  const headingId = React.useId();
+  const rows = pools.map((pool) => {
+    const percent = pool.total > 0 ? pool.active / pool.total * 100 : 0;
+    const cappedPercent = Math.min(100, Math.max(0, percent));
+    return {
+      ...pool,
+      cappedPercent,
+      capacityLabel: pool.total > 0 ? `${formatNumber(pool.active)} / ${formatNumber(pool.total)} active` : `${formatNumber(pool.active)} active`,
+      percent,
+      percentLabel: pool.total > 0 ? formatPercent2(percent) : "No capacity",
+      state: workerPoolState(pool, percent)
+    };
+  });
+  const totals = pools.reduce(
+    (summary, pool) => ({
+      active: summary.active + pool.active,
+      failed: summary.failed + pool.failed,
+      idle: summary.idle + pool.idle,
+      total: summary.total + pool.total
+    }),
+    { active: 0, failed: 0, idle: 0, total: 0 }
+  );
+  const utilization = totals.total > 0 ? totals.active / totals.total * 100 : 0;
+  const statusSummary = workerPoolStatusSummary(pools.length, totals.failed, utilization);
+  const supportingText = subtitle ?? description;
+  const columns = [
+    {
+      key: "name",
+      header: "Pool",
+      width: "26%",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "eth-admin-worker-pool__pool", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: row.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: row.state.label })
+      ] })
+    },
+    {
+      key: "active",
+      header: "Capacity",
+      width: "34%",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "eth-admin-worker-pool__capacity", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "eth-admin-worker-pool__capacity-copy", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: row.capacityLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: row.percentLabel })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "span",
+          {
+            className: "eth-admin-worker-pool__meter",
+            role: "progressbar",
+            "aria-label": `${row.name} capacity`,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            "aria-valuenow": Math.round(row.cappedPercent),
+            "aria-valuetext": `${formatNumber(row.active)} of ${formatNumber(
+              row.total
+            )} workers active`,
+            style: {
+              "--eth-admin-worker-pool-capacity": `${row.cappedPercent}%`
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "span",
+              {
+                className: [
+                  "eth-admin-worker-pool__meter-fill",
+                  `eth-admin-worker-pool__meter-fill--${row.state.tone}`
+                ].join(" ")
+              }
+            )
+          }
+        )
+      ] })
+    },
+    {
+      key: "idle",
+      header: "Idle",
+      align: "end",
+      width: "12%",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "eth-admin-worker-pool__number", children: formatNumber(row.idle) })
+    },
+    {
+      key: "failed",
+      header: "Failed",
+      align: "end",
+      width: "12%",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core3.Badge, { severity: row.failed > 0 ? "danger" : "success", children: formatNumber(row.failed) })
+    },
+    {
+      key: "scale",
+      header: "Scale",
+      align: "end",
+      width: "10rem",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        "div",
+        {
+          className: "eth-admin-worker-pool__scale",
+          role: "group",
+          "aria-label": `${row.name} scale controls`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              import_core3.Button,
+              {
+                type: "button",
+                intent: "ghost",
+                density: "compact",
+                className: "eth-admin-worker-pool__scale-button",
+                disabled: !onScale,
+                "aria-label": `Scale ${row.name} down by 1`,
+                onClick: () => onScale?.(row.id, -1),
+                children: "-1"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              import_core3.Button,
+              {
+                type: "button",
+                intent: "ghost",
+                density: "compact",
+                className: "eth-admin-worker-pool__scale-button",
+                disabled: !onScale,
+                "aria-label": `Scale ${row.name} up by 1`,
+                onClick: () => onScale?.(row.id, 1),
+                children: "+1"
+              }
+            )
+          ]
+        }
+      )
+    }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "section",
+    {
+      ...sectionProps,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy ?? (ariaLabel ? void 0 : headingId),
+      className: ["eth-admin-worker-pool", className].filter(Boolean).join(" "),
+      "data-eth-component": "WorkerPoolPanel",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "eth-admin-worker-pool__heading", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { id: headingId, children: title }),
+            supportingText ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: supportingText }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "eth-admin-worker-pool__header-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core3.Badge, { severity: statusSummary.severity, children: statusSummary.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core3.ActionGroup, { actions })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("dl", { className: "eth-admin-worker-pool__summary", "aria-label": "Worker pool totals", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { children: "Tracked pools" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { children: formatPoolCount(pools.length) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { children: "Active capacity" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("dd", { children: [
+              formatNumber(totals.active),
+              " / ",
+              formatNumber(totals.total)
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { children: "Failures" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { children: formatFailureCount(totals.failed) })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_data.DataTable,
+          {
+            rows,
+            columns,
+            rowKey: "id",
+            density,
+            className: "eth-admin-worker-pool__table",
+            emptyState: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "eth-admin-worker-pool__empty", children: "No worker pools are configured." })
+          }
+        )
+      ]
+    }
+  );
+}
+function workerPoolState(pool, percent) {
+  if (pool.failed > 0) return { label: "Failure requires review", tone: "danger" };
+  if (pool.total <= 0) return { label: "No capacity", tone: "neutral" };
+  if (percent >= 100) return { label: "At capacity", tone: "warning" };
+  if (pool.idle > 0) return { label: "Capacity available", tone: "normal" };
+  return { label: "Active", tone: "normal" };
+}
+function workerPoolStatusSummary(poolCount, failedCount, utilization) {
+  if (poolCount === 0) return { label: "No pools", severity: "neutral" };
+  if (failedCount === 1) return { label: "Failure in pool", severity: "danger" };
+  if (failedCount > 1) {
+    return { label: `${formatNumber(failedCount)} failures`, severity: "danger" };
+  }
+  if (utilization >= 90) return { label: "Capacity tight", severity: "warning" };
+  return { label: "Operational", severity: "success" };
+}
+function formatNumber(value) {
+  return new Intl.NumberFormat("en-US").format(value);
+}
+function formatPercent2(value) {
+  return `${value.toLocaleString("en-US", { maximumFractionDigits: 0 })}%`;
+}
+function formatPoolCount(value) {
+  return `${formatNumber(value)} ${value === 1 ? "pool" : "pools"}`;
+}
+function formatFailureCount(value) {
+  return `${formatNumber(value)} failed`;
+}
+
+// src/components/JobQueuePanel.tsx
+var React2 = __toESM(require("react"), 1);
+var import_core4 = require("@echothink-ui/core");
+var import_data2 = require("@echothink-ui/data");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function JobQueuePanel({
+  queues,
+  actions,
+  title = "Job queues",
+  subtitle,
+  description,
+  density = "compact",
+  className,
+  "aria-labelledby": ariaLabelledBy,
+  eyebrow: _eyebrow,
+  status: _status,
+  severity: _severity,
+  loading: _loading,
+  empty: _empty,
+  error: _error,
+  items: _items,
+  metadata: _metadata,
+  footer: _footer,
+  ...props
+}) {
+  const headingId = React2.useId();
+  const rows = queues.map((queue) => ({ ...queue }));
+  const subtitleContent = subtitle ?? description;
+  const totals = queues.reduce(
+    (summary, queue) => ({
+      depth: summary.depth + queue.depth,
+      processing: summary.processing + queue.processing,
+      failed: summary.failed + queue.failed
+    }),
+    { depth: 0, processing: 0, failed: 0 }
+  );
+  const columns = [
+    {
+      key: "name",
+      header: "Queue",
+      width: "34%",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "eth-admin-job-queue__queue", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: row.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: queueStateLabel(row) })
+      ] })
+    },
+    {
+      key: "depth",
+      header: "Depth",
+      align: "end",
+      width: "16%",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "eth-admin-job-queue__number", children: formatCount(row.depth) })
+    },
+    {
+      key: "processing",
+      header: "Processing",
+      align: "end",
+      width: "18%",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "eth-admin-job-queue__number", children: formatCount(row.processing) })
+    },
+    {
+      key: "failed",
+      header: "Failed",
+      align: "end",
+      width: "14%",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core4.Badge, { severity: row.failed > 0 ? "danger" : "success", children: formatCount(row.failed) })
+    },
+    {
+      key: "retryRate",
+      header: "Retry rate",
+      align: "end",
+      width: "18%",
+      render: (row) => row.retryRate === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "eth-admin-job-queue__muted", children: "n/a" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core4.Badge, { severity: retryRateSeverity(row.retryRate), children: formatRetryRate(row.retryRate) })
+    }
+  ];
+  const statusSeverity2 = queues.length === 0 ? "neutral" : totals.failed > 0 ? "danger" : totals.processing > 0 ? "info" : "success";
+  const statusLabel3 = queues.length === 0 ? "No queues" : totals.failed > 0 ? "Action needed" : "Operational";
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "section",
+    {
+      ...props,
+      className: ["eth-admin-job-queue", className].filter(Boolean).join(" "),
+      "data-eth-component": "JobQueuePanel",
+      "aria-labelledby": ariaLabelledBy ?? headingId,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("header", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "eth-admin-job-queue__heading", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { id: headingId, children: title }),
+            subtitleContent ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "eth-admin-job-queue__subtitle", children: subtitleContent }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "eth-admin-job-queue__header-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core4.Badge, { severity: statusSeverity2, children: statusLabel3 }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core4.ActionGroup, { actions })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("dl", { className: "eth-admin-job-queue__summary", "aria-label": "Queue totals", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dt", { children: "Total depth" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dd", { children: formatCount(totals.depth) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dt", { children: "Processing" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dd", { children: formatCount(totals.processing) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dt", { children: "Failed" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dd", { children: formatCount(totals.failed) })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_data2.DataTable, { rows, columns, density })
+      ]
+    }
+  );
+}
+function queueStateLabel(queue) {
+  if (queue.failed > 0) return "Failure requires review";
+  if (queue.processing > 0) return "Workers active";
+  if (queue.depth > 0) return "Waiting for capacity";
+  return "Idle";
+}
+function retryRateSeverity(retryRate) {
+  if (retryRate >= 1) return "danger";
+  if (retryRate > 0.1) return "warning";
+  if (retryRate > 0) return "info";
+  return "success";
+}
+function formatCount(value) {
+  return new Intl.NumberFormat("en-US").format(value);
+}
+function formatRetryRate(value) {
+  return `${value.toLocaleString("en-US", { maximumFractionDigits: 2 })}%`;
+}
+
+// src/components/QueueDepthChart.tsx
+var import_charts2 = require("@echothink-ui/charts");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var depthFormatter = new Intl.NumberFormat("en-US", { maximumFractionDigits: 1 });
+var queueDepthSeries = [{ key: "depth", label: "Queue depth", color: "#0f62fe" }];
+function QueueDepthChart({
+  points,
+  title,
+  metadata,
+  className,
+  ...props
+}) {
+  const data = points.map((point, index) => {
+    const row = {
+      label: point.label ?? point.timestamp ?? String(index + 1),
+      depth: point.depth
+    };
+    return point.timestamp ? { ...row, timestamp: point.timestamp } : row;
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_charts2.ChartBlock,
+    {
+      ...props,
+      className: ["eth-admin-queue-depth-chart", className].filter(Boolean).join(" "),
+      title: title ?? "Queue depth",
+      metadata: metadata ?? queueDepthMetadata(points),
+      chartType: "line",
+      data,
+      valueKey: "depth",
+      series: queueDepthSeries,
+      "data-eth-component": "QueueDepthChart"
+    }
+  );
+}
+function queueDepthMetadata(points) {
+  const depths = points.map((point) => point.depth).filter(Number.isFinite);
+  if (!depths.length) return [];
+  const current = depths.at(-1) ?? 0;
+  const previous = depths.at(-2);
+  const peak = Math.max(...depths);
+  const average2 = depths.reduce((total, depth) => total + depth, 0) / depths.length;
+  return [
+    { label: "Current depth", value: formatDepth(current) },
+    { label: "Peak", value: formatDepth(peak) },
+    { label: "Average", value: formatDepth(average2) },
+    {
+      label: "Latest change",
+      value: previous === void 0 ? "n/a" : formatDelta(current - previous)
+    }
+  ];
+}
+function formatDepth(value) {
+  return depthFormatter.format(value);
+}
+function formatDelta(value) {
+  if (value === 0) return "No change";
+  return `${value > 0 ? "+" : ""}${formatDepth(value)}`;
+}
+
+// src/components/RuntimeLogViewer.tsx
+var React3 = __toESM(require("react"), 1);
+var import_icons_react = require("@carbon/icons-react");
+var import_core5 = require("@echothink-ui/core");
+var import_data3 = require("@echothink-ui/data");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function RuntimeLogViewer({
+  entries,
+  filters,
+  onPause,
+  streaming = false,
+  className,
+  title = "Runtime logs",
+  subtitle,
+  description,
+  density = "compact",
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy
+}) {
+  const headingId = React3.useId();
+  const warningCount = countLevel(entries, "warning");
+  const errorCount = countLevel(entries, "error");
+  const latestTimestamp = entries[entries.length - 1]?.timestamp ?? "No activity";
+  const supportingText = subtitle ?? description ?? `${formatEntryCount(entries.length)} buffered from runtime stream.`;
+  const hasToolbar = Boolean(filters || streaming && onPause);
+  const rows = entries.map((entry) => ({ ...entry }));
+  const columns = [
+    {
+      key: "timestamp",
+      header: "Time",
+      width: "7rem",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("time", { className: "eth-admin-runtime-log__timestamp", dateTime: row.timestamp, children: row.timestamp })
+    },
+    {
+      key: "level",
+      header: "Level",
+      width: "7rem",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core5.Badge, { severity: levelSeverity(row.level), children: formatLevel(row.level) })
+    },
+    {
+      key: "source",
+      header: "Source",
+      width: "11rem",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "eth-admin-runtime-log__source", children: row.source ?? "system" })
+    },
+    {
+      key: "message",
+      header: "Message",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "span",
+        {
+          className: [
+            "eth-admin-runtime-log__message",
+            `eth-admin-runtime-log__message--${row.level ?? "info"}`
+          ].join(" "),
+          children: row.message
+        }
+      )
+    }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "section",
+    {
+      role: "region",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy ?? (ariaLabel ? void 0 : headingId),
+      className: [
+        "eth-admin-runtime-log",
+        streaming ? "eth-admin-runtime-log--streaming" : "eth-admin-runtime-log--paused",
+        className
+      ].filter(Boolean).join(" "),
+      "data-eth-component": "RuntimeLogViewer",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { className: "eth-admin-runtime-log__header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "eth-admin-runtime-log__heading", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { id: headingId, children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: supportingText })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "eth-admin-runtime-log__status", "aria-live": "polite", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core5.Badge, { severity: streaming ? "success" : "neutral", children: streaming ? "Streaming" : "Paused" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: errorCount ? formatLevelCount(errorCount, "error") : "No errors" })
+          ] })
+        ] }),
+        hasToolbar ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "div",
+          {
+            className: "eth-admin-runtime-log__toolbar",
+            role: "toolbar",
+            "aria-label": "Runtime log controls",
+            children: [
+              filters ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "eth-admin-runtime-log__filters", children: filters }) : null,
+              streaming && onPause ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                import_core5.Button,
+                {
+                  type: "button",
+                  intent: "secondary",
+                  density: "compact",
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons_react.Pause, { size: 16 }),
+                  "aria-label": "Pause runtime stream",
+                  onClick: onPause,
+                  children: "Pause stream"
+                }
+              ) : null
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("dl", { className: "eth-admin-runtime-log__summary", "aria-label": "Runtime log summary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: "Entries" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: formatEntryCount(entries.length) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: "Warnings" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: formatLevelCount(warningCount, "warning") })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: "Errors" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: formatLevelCount(errorCount, "error") })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: "Latest" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: latestTimestamp })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "eth-admin-runtime-log__table-shell", "aria-live": streaming ? "polite" : "off", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_data3.DataTable,
+          {
+            rows,
+            columns,
+            density,
+            rowKey: "id",
+            className: "eth-admin-runtime-log__table",
+            emptyState: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "eth-admin-runtime-log__empty", role: "status", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h4", { children: "No runtime logs" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "Events will appear here when the stream receives output." })
+            ] })
+          }
+        ) })
+      ]
+    }
+  );
+}
+function countLevel(entries, level) {
+  return entries.filter((entry) => entry.level === level).length;
+}
+function formatEntryCount(count) {
+  return `${count} ${count === 1 ? "entry" : "entries"}`;
+}
+function formatLevelCount(count, label) {
+  return `${count} ${count === 1 ? label : `${label}s`}`;
+}
+function formatLevel(level) {
+  return (level ?? "info").toUpperCase();
+}
+function levelSeverity(level) {
+  if (level === "error") return "danger";
+  if (level === "warning") return "warning";
+  if (level === "debug") return "neutral";
+  return "info";
+}
+
+// src/components/AuditLogViewer.tsx
+var React4 = __toESM(require("react"), 1);
+var import_core6 = require("@echothink-ui/core");
+var import_data4 = require("@echothink-ui/data");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var exportFormats = [
+  { format: "csv", label: "CSV" },
+  { format: "json", label: "JSON" },
+  { format: "xlsx", label: "XLSX" }
+];
+function AuditLogViewer({
+  entries,
+  filters,
+  onExport,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy
+}) {
+  const headingId = React4.useId();
+  const rows = entries.map((entry) => ({ ...entry }));
+  const columns = [
+    { key: "timestamp", header: "Time", width: "7rem" },
+    {
+      key: "actor",
+      header: "Actor",
+      width: "9rem",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "eth-admin-audit-log__actor", children: row.actor })
+    },
+    { key: "action", header: "Action", width: "12rem" },
+    { key: "resource", header: "Resource", width: "12rem" },
+    {
+      key: "ip",
+      header: "IP",
+      width: "9rem",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "eth-admin-audit-log__mono", children: row.ip ?? "n/a" })
+    },
+    {
+      key: "outcome",
+      header: "Outcome",
+      width: "8rem",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core6.Badge, { severity: outcomeSeverity(row.outcome), children: row.outcome })
+    }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "section",
+    {
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy ?? (ariaLabel ? void 0 : headingId),
+      className: ["eth-admin-audit-log", className].filter(Boolean).join(" "),
+      "data-eth-component": "AuditLogViewer",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("header", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "eth-admin-audit-log__heading", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { id: headingId, children: "Audit log" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: formatEntryCount2(entries.length) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "eth-admin-audit-log__toolbar", children: [
+            filters ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "eth-admin-audit-log__filters", children: filters }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "eth-admin-audit-log__exports", "aria-label": "Export audit log", children: exportFormats.map(({ format, label }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              import_core6.Button,
+              {
+                type: "button",
+                intent: "tertiary",
+                density: "compact",
+                disabled: !onExport,
+                onClick: () => onExport?.(format),
+                children: label
+              },
+              format
+            )) })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_data4.DataTable, { rows, columns, density: "compact", rowKey: "id" })
+      ]
+    }
+  );
+}
+function formatEntryCount2(count) {
+  return `${count} ${count === 1 ? "event" : "events"}`;
+}
+function outcomeSeverity(outcome) {
+  return outcome === "success" ? "success" : outcome === "failure" ? "danger" : "neutral";
+}
+
+// src/components/PolicyConfigPanel.tsx
+var import_react = require("react");
+var import_core7 = require("@echothink-ui/core");
+var import_forms = require("@echothink-ui/forms");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function PolicyConfigPanel({
+  policy,
+  schema,
+  onChange,
+  onSave,
+  title,
+  description,
+  density = "default",
+  className,
+  ...props
+}) {
+  const generatedId = (0, import_react.useId)().replace(/[^a-zA-Z0-9_-]/g, "");
+  const policyDomId = `eth-admin-policy-${String(policy.id ?? generatedId).replace(
+    /[^a-zA-Z0-9_-]/g,
+    "-"
+  )}`;
+  const update = (patch) => onChange?.({ ...policy, ...patch });
+  const schemaFields = Object.keys(schema.properties ?? {});
+  const variables = policy.variables?.length ? policy.variables : schemaFields;
+  const rules = policy.rules ?? [];
+  const visibleVariables = variables.slice(0, 5);
+  const hiddenVariableCount = Math.max(0, variables.length - visibleVariables.length);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    import_core7.Surface,
+    {
+      ...props,
+      title: title ?? "Policy configuration",
+      description: description ?? schema.description ?? "Configure policy metadata and conditional rules for governed operations.",
+      density,
+      className: ["eth-admin-policy-config", className].filter(Boolean).join(" "),
+      "data-eth-component": "PolicyConfigPanel",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "eth-admin-policy-config__layout", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "eth-admin-policy-config__fields", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core7.FormField, { id: `${policyDomId}-name`, label: "Policy name", required: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              import_core7.TextInput,
+              {
+                id: `${policyDomId}-name`,
+                density,
+                value: policy.name ?? "",
+                onChange: (event) => update({ name: event.currentTarget.value })
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core7.FormField, { id: `${policyDomId}-description`, label: "Description", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              import_core7.Textarea,
+              {
+                id: `${policyDomId}-description`,
+                rows: 4,
+                value: policy.description ?? "",
+                onChange: (event) => update({ description: event.currentTarget.value })
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("aside", { className: "eth-admin-policy-config__summary", "aria-label": "Policy summary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "eth-admin-policy-config__summary-header", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { children: "Policy scope" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core7.Badge, { severity: rules.length ? "success" : "warning", children: rules.length ? "Configured" : "Needs rules" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("dl", { className: "eth-admin-policy-config__summary-grid", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dt", { children: "Rules" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { children: rules.length })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dt", { children: "Variables" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { children: variables.length })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dt", { children: "Schema fields" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("dd", { children: schemaFields.length })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "eth-admin-policy-config__variables", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Rule variables" }),
+              variables.length ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "eth-admin-policy-config__variable-list", children: [
+                visibleVariables.map((variable) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core7.Tag, { children: variable }, variable)),
+                hiddenVariableCount ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_core7.Badge, { severity: "neutral", children: [
+                  "+",
+                  hiddenVariableCount,
+                  " more"
+                ] }) : null
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: "No variables available." })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_forms.RuleBuilder,
+          {
+            className: "eth-admin-policy-config__rules",
+            rules,
+            variables,
+            onChange: (nextRules) => update({ rules: nextRules })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "eth-admin-policy-config__actions", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core7.Button, { type: "button", disabled: !onSave, onClick: () => onSave?.(policy), children: "Save policy" }) })
+      ]
+    }
+  );
+}
+
+// src/components/BillingUsagePanel.tsx
+var import_core8 = require("@echothink-ui/core");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function BillingUsagePanel({ metrics, period, title, className, ...props }) {
+  const entries = metrics.map((metric) => {
+    const percent = metric.limit > 0 ? metric.current / metric.limit * 100 : 0;
+    const roundedPercent = Math.round(percent);
+    const cappedPercent = Math.min(100, Math.max(0, percent));
+    const state = usageState(percent, metric.limit);
+    return {
+      metric,
+      percent,
+      roundedPercent,
+      cappedPercent,
+      state,
+      trendLabel: formatTrend(metric.trend),
+      usageLabel: metric.limit > 0 ? `${formatNumber2(metric.current)} / ${formatNumber2(metric.limit)} ${formatUnit(metric.unit, metric.limit)}` : `${formatNumber2(metric.current)} ${formatUnit(metric.unit, metric.current)}`
+    };
+  });
+  const highestUsage = entries.reduce((highest, entry) => {
+    if (!highest || entry.percent > highest.percent) return entry;
+    return highest;
+  }, void 0);
+  const overLimitCount = entries.filter((entry) => entry.percent >= 100).length;
+  const watchedCount = entries.filter((entry) => entry.percent >= 80 && entry.percent < 100).length;
+  const quotaStatus = getQuotaStatus(overLimitCount, watchedCount);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_core8.Surface,
+    {
+      ...props,
+      title: title ?? "Billing usage",
+      subtitle: period,
+      className: ["eth-admin-billing-usage", className].filter(Boolean).join(" "),
+      "data-eth-component": "BillingUsagePanel",
+      children: entries.length ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("dl", { className: "eth-admin-billing-usage__summary", "aria-label": "Billing usage summary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { children: "Tracked quotas" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { children: entries.length })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { children: "Highest usage" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { children: highestUsage ? `${highestUsage.metric.label} ${highestUsage.roundedPercent}%` : "n/a" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { children: "Quota status" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core8.Badge, { severity: quotaStatus.severity, children: quotaStatus.label }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "eth-admin-billing-usage__metrics", children: entries.map(({ metric, roundedPercent, cappedPercent, state, trendLabel, usageLabel }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("section", { className: "eth-admin-billing-usage__metric", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "eth-admin-billing-usage__metric-header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { children: metric.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: usageLabel })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core8.Badge, { severity: state.severity, children: state.label })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            "div",
+            {
+              className: "eth-admin-billing-usage__meter",
+              role: "progressbar",
+              "aria-label": `${metric.label} quota usage`,
+              "aria-valuemin": 0,
+              "aria-valuemax": 100,
+              "aria-valuenow": Math.round(cappedPercent),
+              "aria-valuetext": metric.limit > 0 ? `${roundedPercent}% of quota used` : "No quota limit configured",
+              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "span",
+                {
+                  className: `eth-admin-billing-usage__meter-fill eth-admin-billing-usage__meter-fill--${state.tone}`,
+                  style: {
+                    "--eth-admin-billing-usage-percent": `${cappedPercent}%`
+                  }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("dl", { className: "eth-admin-billing-usage__metric-details", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { children: "Utilization" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { children: metric.limit > 0 ? `${roundedPercent}%` : "No limit" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { children: "Limit" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { children: metric.limit > 0 ? `${formatNumber2(metric.limit)} ${formatUnit(metric.unit, metric.limit)}` : "Unlimited" })
+            ] }),
+            trendLabel ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { children: "Change" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { children: trendLabel })
+            ] }) : null
+          ] })
+        ] }, `${metric.label}-${metric.unit}`)) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "eth-admin-billing-usage__empty", children: "No usage metrics are available for this period." })
+    }
+  );
+}
+function usageState(percent, limit) {
+  if (limit <= 0) return { label: "No limit", severity: "neutral", tone: "neutral" };
+  if (percent >= 100) return { label: "Over limit", severity: "danger", tone: "danger" };
+  if (percent >= 80) return { label: "Watch", severity: "warning", tone: "warning" };
+  return { label: "Within limit", severity: "success", tone: "normal" };
+}
+function getQuotaStatus(overLimitCount, watchedCount) {
+  if (overLimitCount > 0) return { label: `${overLimitCount} over limit`, severity: "danger" };
+  if (watchedCount > 0) return { label: `${watchedCount} nearing limit`, severity: "warning" };
+  return { label: "Within limits", severity: "success" };
+}
+function formatNumber2(value) {
+  return new Intl.NumberFormat("en-US", {
+    maximumFractionDigits: value % 1 === 0 ? 0 : 2
+  }).format(value);
+}
+function formatUnit(unit, value) {
+  if (unit.toLowerCase() === "user") return value === 1 ? "user" : "users";
+  return unit;
+}
+function formatTrend(trend) {
+  if (trend === void 0) return void 0;
+  if (trend === 0) return "Unchanged";
+  return `${trend > 0 ? "+" : ""}${trend}% vs previous period`;
+}
+
+// src/components/TenantSettingsPanel.tsx
+var import_forms2 = require("@echothink-ui/forms");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function TenantSettingsPanel({
+  sections,
+  values,
+  onChange,
+  onSubmit,
+  submitLabel = "Save settings",
+  title,
+  description,
+  className,
+  ...props
+}) {
+  const effectiveDescription = description === void 0 ? "Manage tenant identity, regional placement, and governance defaults." : description;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_forms2.ConfigForm,
+    {
+      ...props,
+      title: title ?? "Tenant settings",
+      description: effectiveDescription,
+      className: ["eth-admin-tenant-settings", className].filter(Boolean).join(" "),
+      sections,
+      values,
+      onChange,
+      onSubmit,
+      submitLabel,
+      "data-eth-component": "TenantSettingsPanel"
+    }
+  );
+}
+
+// src/components/FeatureFlagPanel.tsx
+var React5 = __toESM(require("react"), 1);
+var import_core9 = require("@echothink-ui/core");
+var import_data5 = require("@echothink-ui/data");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function FeatureFlagPanel({
+  flags,
+  onToggle,
+  onUpdate,
+  className,
+  title = "Feature flags",
+  subtitle,
+  description,
+  actions,
+  density = "compact",
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  eyebrow: _eyebrow,
+  status: _status,
+  severity: _severity,
+  loading: _loading,
+  empty: _empty,
+  error: _error,
+  items: _items,
+  metadata: _metadata,
+  footer: _footer,
+  ...sectionProps
+}) {
+  const headingId = React5.useId();
+  const enabledCount = flags.filter((flag) => flag.enabled).length;
+  const disabledCount = flags.length - enabledCount;
+  const rows = flags.map((flag) => ({ ...flag }));
+  const columns = [
+    {
+      key: "name",
+      header: "Flag",
+      width: "34%",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "eth-admin-feature-flag__name", children: row.name })
+    },
+    {
+      key: "enabled",
+      header: "Status",
+      width: "13rem",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "eth-admin-feature-flag__status", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_core9.Toggle,
+          {
+            label: `${row.name} is ${row.enabled ? "enabled" : "disabled"}`,
+            hideLabel: true,
+            onLabel: "",
+            offLabel: "",
+            checked: row.enabled,
+            readOnly: !onToggle,
+            density,
+            onChange: () => onToggle?.(row.id)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core9.Badge, { severity: row.enabled ? "success" : "neutral", children: row.enabled ? "Enabled" : "Disabled" })
+      ] })
+    },
+    {
+      key: "rolloutPercent",
+      header: "Rollout",
+      width: "18rem",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "eth-admin-feature-flag__rollout", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_core9.NumberInput,
+          {
+            "aria-label": `${row.name} rollout percent`,
+            className: "eth-admin-feature-flag__rollout-input",
+            density,
+            hideLabel: true,
+            min: 0,
+            max: 100,
+            step: 1,
+            readOnly: !onUpdate,
+            value: normalizeRolloutPercent(row.rolloutPercent),
+            onChange: (event) => onUpdate?.(row.id, {
+              rolloutPercent: normalizeRolloutPercent(Number(event.currentTarget.value))
+            })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "eth-admin-feature-flag__rollout-unit", "aria-hidden": "true", children: "%" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "eth-admin-feature-flag__meter", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "span",
+          {
+            style: {
+              "--eth-admin-feature-flag-rollout": `${normalizeRolloutPercent(row.rolloutPercent)}%`
+            }
+          }
+        ) })
+      ] })
+    },
+    {
+      key: "environments",
+      header: "Environments",
+      render: (row) => row.environments?.length ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "eth-admin-feature-flag__environments", children: row.environments.map((environment) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core9.Badge, { severity: "neutral", children: environment }, environment)) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core9.Badge, { severity: "neutral", children: "All environments" })
+    }
+  ];
+  const supportingText = subtitle ?? description;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    "section",
+    {
+      ...sectionProps,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy ?? (ariaLabel ? void 0 : headingId),
+      className: ["eth-admin-feature-flag", className].filter(Boolean).join(" "),
+      "data-eth-component": "FeatureFlagPanel",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("header", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "eth-admin-feature-flag__heading", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { id: headingId, children: title }),
+            supportingText ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: supportingText }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "eth-admin-feature-flag__header-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+              "div",
+              {
+                className: "eth-admin-feature-flag__summary",
+                "aria-label": `${flags.length} feature flags`,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_core9.Badge, { severity: "success", children: [
+                    enabledCount,
+                    " enabled"
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_core9.Badge, { severity: "neutral", children: [
+                    disabledCount,
+                    " disabled"
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core9.ActionGroup, { actions })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_data5.DataTable,
+          {
+            rows,
+            columns,
+            density,
+            rowKey: "id",
+            className: "eth-admin-feature-flag__table",
+            emptyState: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "eth-admin-feature-flag__empty", children: "No feature flags configured." })
+          }
+        )
+      ]
+    }
+  );
+}
+function normalizeRolloutPercent(value) {
+  const numericValue = value ?? 0;
+  if (!Number.isFinite(numericValue)) return 0;
+  return Math.min(100, Math.max(0, Math.round(numericValue)));
+}
+
+// src/components/RateLimitPanel.tsx
+var React6 = __toESM(require("react"), 1);
+var import_core10 = require("@echothink-ui/core");
+var import_data6 = require("@echothink-ui/data");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function RateLimitPanel({
+  limits,
+  onUpdate,
+  title = "Rate limits",
+  subtitle,
+  description,
+  actions,
+  density = "compact",
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  eyebrow: _eyebrow,
+  status: _status,
+  severity: _severity,
+  loading: _loading,
+  empty: _empty,
+  error: _error,
+  items: _items,
+  metadata: _metadata,
+  footer: _footer,
+  ...sectionProps
+}) {
+  const headingId = React6.useId();
+  const rows = limits.map((limit) => {
+    const percent = limit.limit > 0 ? limit.current / limit.limit * 100 : 0;
+    const cappedPercent = Math.min(100, Math.max(0, percent));
+    return {
+      ...limit,
+      cappedPercent,
+      percent,
+      percentLabel: limit.limit > 0 ? formatPercent3(percent) : "No limit",
+      state: rateLimitState(percent, limit.limit),
+      usageLabel: limit.limit > 0 ? `${formatNumber3(limit.current)} / ${formatNumber3(limit.limit)}` : `${formatNumber3(limit.current)} requests`
+    };
+  });
+  const highestUsage = rows.reduce((highest, row) => {
+    if (row.limit <= 0) return highest;
+    if (!highest || row.percent > highest.percent) return row;
+    return highest;
+  }, void 0);
+  const exceededCount = rows.filter((row) => row.limit > 0 && row.percent >= 100).length;
+  const nearLimitCount = rows.filter(
+    (row) => row.limit > 0 && row.percent >= 80 && row.percent < 100
+  ).length;
+  const statusSummary = rateLimitStatusSummary(limits.length, exceededCount, nearLimitCount);
+  const supportingText = subtitle ?? description;
+  const columns = [
+    {
+      key: "name",
+      header: "Limit",
+      width: "28%",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "eth-admin-rate-limit__limit", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { children: row.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: row.state.label })
+      ] })
+    },
+    {
+      key: "current",
+      header: "Usage",
+      width: "34%",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "eth-admin-rate-limit__usage", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "eth-admin-rate-limit__usage-copy", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: row.usageLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { children: row.percentLabel })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "span",
+          {
+            className: "eth-admin-rate-limit__meter",
+            role: "progressbar",
+            "aria-label": `${row.name} usage`,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            "aria-valuenow": Math.round(row.cappedPercent),
+            "aria-valuetext": row.limit > 0 ? `${formatPercent3(row.percent)} used, ${formatNumber3(row.current)} of ${formatNumber3(
+              row.limit
+            )} requests` : "No configured limit",
+            style: {
+              "--eth-admin-rate-limit-usage": `${row.cappedPercent}%`
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              "span",
+              {
+                className: [
+                  "eth-admin-rate-limit__meter-fill",
+                  `eth-admin-rate-limit__meter-fill--${row.state.tone}`
+                ].join(" ")
+              }
+            )
+          }
+        )
+      ] })
+    },
+    {
+      key: "windowSeconds",
+      header: "Window",
+      width: "8rem",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "eth-admin-rate-limit__number", children: formatWindow(row.windowSeconds) })
+    },
+    {
+      key: "limit",
+      header: "Configured limit",
+      width: "13rem",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_core10.NumberInput,
+        {
+          "aria-label": `${row.name} configured limit`,
+          className: "eth-admin-rate-limit__limit-input",
+          density,
+          hideLabel: true,
+          min: 0,
+          step: 1,
+          readOnly: !onUpdate,
+          value: row.limit,
+          onChange: (event) => {
+            const nextLimit = Number(event.currentTarget.value);
+            if (Number.isFinite(nextLimit)) onUpdate?.(row.id, { limit: nextLimit });
+          }
+        }
+      )
+    }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    "section",
+    {
+      ...sectionProps,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy ?? (ariaLabel ? void 0 : headingId),
+      className: ["eth-admin-rate-limit", className].filter(Boolean).join(" "),
+      "data-eth-component": "RateLimitPanel",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("header", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "eth-admin-rate-limit__heading", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { id: headingId, children: title }),
+            supportingText ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: supportingText }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "eth-admin-rate-limit__header-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core10.Badge, { severity: statusSummary.severity, children: statusSummary.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core10.ActionGroup, { actions })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("dl", { className: "eth-admin-rate-limit__summary", "aria-label": "Rate limit totals", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: "Tracked limits" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: formatNumber3(limits.length) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: "Highest usage" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: highestUsage ? `${highestUsage.name} ${formatPercent3(highestUsage.percent)}` : "n/a" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: "Needs review" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: formatNumber3(exceededCount + nearLimitCount) })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          import_data6.DataTable,
+          {
+            rows,
+            columns,
+            rowKey: "id",
+            density,
+            className: "eth-admin-rate-limit__table",
+            emptyState: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "eth-admin-rate-limit__empty", children: "No rate limits configured." })
+          }
+        )
+      ]
+    }
+  );
+}
+function rateLimitState(percent, limit) {
+  if (limit <= 0) return { label: "No limit", severity: "neutral", tone: "neutral" };
+  if (percent >= 100) return { label: "Exceeded", severity: "danger", tone: "danger" };
+  if (percent >= 80) return { label: "Near limit", severity: "warning", tone: "warning" };
+  return { label: "Within limit", severity: "success", tone: "normal" };
+}
+function rateLimitStatusSummary(totalCount, exceededCount, nearLimitCount) {
+  if (totalCount === 0) return { label: "No limits", severity: "neutral" };
+  if (exceededCount > 0) {
+    return { label: `${formatNumber3(exceededCount)} exceeded`, severity: "danger" };
+  }
+  if (nearLimitCount > 0) {
+    return { label: `${formatNumber3(nearLimitCount)} near limit`, severity: "warning" };
+  }
+  return { label: "Within limits", severity: "success" };
+}
+function formatWindow(seconds) {
+  return `${formatNumber3(seconds)}s`;
+}
+function formatPercent3(value) {
+  return `${Math.round(value).toLocaleString("en-US")}%`;
+}
+function formatNumber3(value) {
+  return new Intl.NumberFormat("en-US").format(value);
+}
+
+// src/components/IntegrationHealthTable.tsx
+var React7 = __toESM(require("react"), 1);
+var import_core11 = require("@echothink-ui/core");
+var import_data7 = require("@echothink-ui/data");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function IntegrationHealthTable({
+  integrations,
+  className,
+  title = "Integration health",
+  subtitle,
+  description,
+  actions,
+  density = "compact",
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  eyebrow: _eyebrow,
+  status: _status,
+  severity: _severity,
+  loading: _loading,
+  empty: _empty,
+  error: _error,
+  items: _items,
+  metadata: _metadata,
+  footer: _footer,
+  ...sectionProps
+}) {
+  const headingId = React7.useId();
+  const incidentCount = integrations.reduce(
+    (sum, integration) => sum + (integration.incidentsCount ?? 0),
+    0
+  );
+  const impairedCount = integrations.filter(
+    (integration) => integration.status !== "healthy"
+  ).length;
+  const healthyCount = integrations.length - impairedCount;
+  const rows = integrations.map((integration) => ({ ...integration }));
+  const columns = [
+    {
+      key: "name",
+      header: "Integration",
+      width: "32%",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "eth-admin-integration-health__name", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { children: row.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: row.id })
+      ] })
+    },
+    {
+      key: "status",
+      header: "Status",
+      width: "9rem",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core11.Badge, { severity: statusSeverity(row.status), children: statusLabel2(row.status) })
+    },
+    {
+      key: "latencyMs",
+      header: "Latency",
+      width: "8rem",
+      align: "end",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: latencyMetricClassName(row.latencyMs), children: formatLatency(row.latencyMs) })
+    },
+    {
+      key: "incidentsCount",
+      header: "Incidents",
+      width: "8rem",
+      align: "end",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core11.Badge, { severity: incidentSeverity(row.incidentsCount), children: formatIncidentCount(row.incidentsCount) })
+    },
+    {
+      key: "lastCheckedAt",
+      header: "Last checked",
+      width: "10rem",
+      render: (row) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "eth-admin-integration-health__checked", children: row.lastCheckedAt ?? "Not checked" })
+    }
+  ];
+  const supportingText = subtitle ?? description;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    "section",
+    {
+      ...sectionProps,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy ?? (ariaLabel ? void 0 : headingId),
+      className: ["eth-admin-integration-health", className].filter(Boolean).join(" "),
+      "data-eth-component": "IntegrationHealthTable",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("header", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "eth-admin-integration-health__heading", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { id: headingId, children: title }),
+            supportingText ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: supportingText }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "eth-admin-integration-health__header-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              "div",
+              {
+                className: "eth-admin-integration-health__summary",
+                "aria-label": summaryLabel(rows.length, incidentCount, healthyCount),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core11.Badge, { severity: !rows.length ? "neutral" : impairedCount ? "warning" : "success", children: formatHealthySummary(rows.length, healthyCount) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_core11.Badge, { severity: incidentCount ? "danger" : "neutral", children: [
+                    incidentCount,
+                    " ",
+                    incidentCount === 1 ? "incident" : "incidents"
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core11.ActionGroup, { actions })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          import_data7.DataTable,
+          {
+            rows,
+            columns,
+            density,
+            rowKey: "id",
+            className: "eth-admin-integration-health__table",
+            emptyState: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "eth-admin-integration-health__empty", children: "No integrations are reporting." })
+          }
+        )
+      ]
+    }
+  );
+}
+function statusSeverity(status) {
+  if (status === "healthy") return "success";
+  if (status === "degraded") return "warning";
+  return "danger";
+}
+function statusLabel2(status) {
+  if (status === "down") return "Down";
+  if (status === "degraded") return "Degraded";
+  return "Healthy";
+}
+function latencySeverity(latencyMs) {
+  if (latencyMs === void 0) return null;
+  if (latencyMs >= 1e3) return "danger";
+  if (latencyMs >= 500) return "warning";
+  return null;
+}
+function latencyMetricClassName(latencyMs) {
+  const severity = latencySeverity(latencyMs);
+  return [
+    "eth-admin-integration-health__metric",
+    severity ? `eth-admin-integration-health__metric--${severity}` : void 0
+  ].filter(Boolean).join(" ");
+}
+function incidentSeverity(count) {
+  if (!count) return "success";
+  return count > 1 ? "danger" : "warning";
+}
+function formatLatency(latencyMs) {
+  return latencyMs === void 0 ? "n/a" : `${latencyMs} ms`;
+}
+function formatIncidentCount(count) {
+  return String(count ?? 0);
+}
+function formatHealthySummary(total, healthyCount) {
+  return total ? `${healthyCount}/${total} healthy` : "0 integrations";
+}
+function summaryLabel(total, incidentCount, healthyCount) {
+  if (!total) return `No integrations reporting, ${incidentCount} open incidents`;
+  return `${healthyCount} of ${total} integrations healthy, ${incidentCount} open ${incidentCount === 1 ? "incident" : "incidents"}`;
+}
+
+// src/components/AdminHealthTemplate.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function AdminHealthTemplate({ services, incidents, metrics, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    SystemHealthDashboard,
+    {
+      ...props,
+      services: services ?? [
+        { id: "api", name: "API Gateway", status: "healthy", latencyMs: 42 },
+        { id: "workers", name: "Worker fleet", status: "degraded", latencyMs: 110, incidentsCount: 1 },
+        { id: "storage", name: "Storage", status: "healthy", latencyMs: 24 }
+      ],
+      incidents,
+      metrics,
+      "data-eth-component": "AdminHealthTemplate"
+    }
+  );
+}
+
+// src/index.tsx
+var AdminComponentNames = [
+  "AdminShell",
+  "SystemHealthDashboard",
+  "ServiceStatusCard",
+  "WorkerPoolPanel",
+  "JobQueuePanel",
+  "QueueDepthChart",
+  "RuntimeLogViewer",
+  "AuditLogViewer",
+  "PolicyConfigPanel",
+  "BillingUsagePanel",
+  "TenantSettingsPanel",
+  "FeatureFlagPanel",
+  "RateLimitPanel",
+  "IntegrationHealthTable",
+  "AdminHealthTemplate"
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AdminComponentNames,
+  AdminHealthTemplate,
+  AdminShell,
+  AuditLogViewer,
+  BillingUsagePanel,
+  FeatureFlagPanel,
+  IntegrationHealthTable,
+  JobQueuePanel,
+  PolicyConfigPanel,
+  QueueDepthChart,
+  RateLimitPanel,
+  RuntimeLogViewer,
+  ServiceStatusCard,
+  SystemHealthDashboard,
+  TenantSettingsPanel,
+  WorkerPoolPanel,
+  severityForStatus
+});
+//# sourceMappingURL=index.cjs.map