@agent-factory-platform/notify-react 0.5.0

package/README.md

@@ -0,0 +1,19 @@
+# @agent-factory-platform/notify-react
+
+Product-neutral notification operations UI for Agent Factory.
+
+## Install
+
+```sh
+npm install @agent-factory-platform/notify-react
+```
+
+Use the exact Agent Factory version across packages in one application.
+
+## Scope
+
+This package owns reusable, business-free infrastructure and lifecycle contracts. Product prompts, domain tools, policies, credentials, data, and deployment configuration remain in the consuming application.
+
+## Documentation
+
+API and package documentation: [https://www.npmjs.com/package/@agent-factory-platform/notify-react](https://www.npmjs.com/package/@agent-factory-platform/notify-react)

package/dist/index.css

@@ -0,0 +1 @@
+.af-notify-workbench{min-height:100%;padding:2rem;color:var(--color-ink);background:var(--color-surface-canvas)}.af-notify-workbench>header{max-width:42rem}.af-notify-workbench>header,.af-notify-workbench section{margin-bottom:2rem}.af-notify-compose{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.75rem;align-items:end;margin-bottom:2rem}.af-notify-compose label{display:grid;gap:.25rem;color:var(--color-graphite);font-size:.75rem}.af-notify-compose input{min-height:2.5rem;border:1px solid var(--color-border);border-radius:var(--radius-control);padding:0 .75rem;color:var(--color-ink);background:var(--color-surface-card)}.af-notify-workbench h1{margin:.25rem 0;font-family:var(--font-product);font-size:2rem;font-weight:650}.af-notify-workbench h2{margin:0 0 .75rem;font-family:var(--font-product);font-size:1.25rem;font-weight:600}.af-notify-workbench p,.af-notify-workbench small{color:var(--color-graphite);font-size:.875rem}.af-notify-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:.75rem}.af-notify-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.af-notify-card-heading+p{margin-bottom:.5rem}.af-notify-workbench article>button{margin-top:.75rem}@media(max-width:48rem){.af-notify-workbench{padding:1rem}.af-notify-compose{grid-template-columns:1fr}}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { NotifyWorkbench, type NotifyDraft, type NotifyWorkbenchProps } from "./workbench";
+import "./styles.css";

package/dist/index.js

@@ -0,0 +1,74 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { StateView as N, CardLabel as b, Button as g, Card as v, CardTitle as m, Tag as S } from "@agent-factory-platform/ui-kit";
+import { notifyV1 as l } from "@agent-factory-platform/client";
+import { useState as D } from "react";
+const E = {
+  [l.NotificationStatus.UNSPECIFIED]: "Unknown",
+  [l.NotificationStatus.PENDING]: "Pending",
+  [l.NotificationStatus.SENDING]: "Sending",
+  [l.NotificationStatus.RETRY_SCHEDULED]: "Retry scheduled",
+  [l.NotificationStatus.SENT]: "Sent",
+  [l.NotificationStatus.DEAD_LETTER]: "Dead letter"
+};
+function x({ notifications: a, deadLetters: r, loading: d = !1, error: s, actionError: h, enqueueing: f = !1, retryingId: u, onRetry: c, onEnqueue: p }) {
+  const [n, o] = D({ channel: "log", recipient: "operator", title: "" });
+  return d ? /* @__PURE__ */ e(N, { title: "Loading notifications", description: "Reading the durable delivery log." }) : s ? /* @__PURE__ */ e(N, { variant: "error", title: "Notifications unavailable", description: s }) : /* @__PURE__ */ i("main", { className: "af-notify-workbench", "data-testid": "notify-workbench", children: [
+    /* @__PURE__ */ i("header", { children: [
+      /* @__PURE__ */ e(b, { children: "Delivery operations" }),
+      /* @__PURE__ */ e("h1", { children: "Notifications" }),
+      /* @__PURE__ */ e("p", { children: "Inspect current state and the append-only attempt history." })
+    ] }),
+    h && /* @__PURE__ */ e("p", { role: "alert", children: h }),
+    p && /* @__PURE__ */ i("form", { className: "af-notify-compose", onSubmit: async (t) => {
+      t.preventDefault(), await p(n);
+    }, children: [
+      /* @__PURE__ */ i("label", { children: [
+        "Channel",
+        /* @__PURE__ */ e("input", { required: !0, value: n.channel, onChange: (t) => o({ ...n, channel: t.target.value }) })
+      ] }),
+      /* @__PURE__ */ i("label", { children: [
+        "Recipient",
+        /* @__PURE__ */ e("input", { required: !0, value: n.recipient, onChange: (t) => o({ ...n, recipient: t.target.value }) })
+      ] }),
+      /* @__PURE__ */ i("label", { children: [
+        "Title",
+        /* @__PURE__ */ e("input", { required: !0, value: n.title, onChange: (t) => o({ ...n, title: t.target.value }) })
+      ] }),
+      /* @__PURE__ */ e(g, { type: "submit", disabled: f, children: f ? "Enqueueing…" : "Enqueue notification" })
+    ] }),
+    /* @__PURE__ */ i("section", { "aria-labelledby": "delivery-heading", children: [
+      /* @__PURE__ */ e("h2", { id: "delivery-heading", children: "Delivery status" }),
+      /* @__PURE__ */ e("div", { className: "af-notify-grid", children: a.map((t) => /* @__PURE__ */ e(y, { item: t }, t.id)) }),
+      a.length === 0 && /* @__PURE__ */ e("p", { children: "No notifications yet." })
+    ] }),
+    /* @__PURE__ */ i("section", { "aria-labelledby": "dead-letter-heading", children: [
+      /* @__PURE__ */ e("h2", { id: "dead-letter-heading", children: "Dead letters" }),
+      r.length === 0 ? /* @__PURE__ */ e("p", { children: "No dead letters." }) : /* @__PURE__ */ e("div", { className: "af-notify-grid", children: r.map((t) => /* @__PURE__ */ e(y, { item: t, children: /* @__PURE__ */ e(g, { disabled: !c || u === t.id, onClick: () => c == null ? void 0 : c(t.id), children: u === t.id ? "Retrying…" : "Retry delivery" }) }, t.id)) })
+    ] })
+  ] });
+}
+function y({ item: a, children: r }) {
+  var d;
+  return /* @__PURE__ */ i(v, { as: "article", density: "compact", children: [
+    /* @__PURE__ */ i("div", { className: "af-notify-card-heading", children: [
+      /* @__PURE__ */ e(m, { children: ((d = a.content) == null ? void 0 : d.title) || "Untitled notification" }),
+      /* @__PURE__ */ e(S, { children: E[a.status] })
+    ] }),
+    /* @__PURE__ */ i("p", { children: [
+      a.channel,
+      " · ",
+      a.recipient
+    ] }),
+    /* @__PURE__ */ i("small", { children: [
+      a.attempts,
+      " of ",
+      a.maxAttempts,
+      " attempts"
+    ] }),
+    a.lastError && /* @__PURE__ */ e("p", { role: "status", children: a.lastError }),
+    r
+  ] });
+}
+export {
+  x as NotifyWorkbench
+};

package/dist/workbench.d.ts

@@ -0,0 +1,19 @@
+import { notifyV1 } from "@agent-factory-platform/client";
+/** Values accepted by the enqueue control. */
+export interface NotifyDraft {
+    channel: string;
+    recipient: string;
+    title: string;
+}
+export interface NotifyWorkbenchProps {
+    notifications: readonly notifyV1.NotificationRecord[];
+    deadLetters: readonly notifyV1.NotificationRecord[];
+    loading?: boolean;
+    error?: string;
+    actionError?: string;
+    enqueueing?: boolean;
+    retryingId?: string;
+    onRetry?: (notificationId: string) => void;
+    onEnqueue?: (draft: NotifyDraft) => void | Promise<void>;
+}
+export declare function NotifyWorkbench({ notifications, deadLetters, loading, error, actionError, enqueueing, retryingId, onRetry, onEnqueue }: NotifyWorkbenchProps): import("react").JSX.Element;

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@agent-factory-platform/notify-react",
+  "version": "0.5.0",
+  "description": "Product-neutral notification operations UI for Agent Factory.",
+  "license": "MIT OR Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/JingYeoh/agent-factory.git"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "./dist/index.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/index.css"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@agent-factory-platform/client": "0.5.0",
+    "@agent-factory-platform/ui-kit": "0.5.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.3.3",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "jsdom": "^29.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.3.3",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.7",
+    "vitest": "^4.1.9"
+  },
+  "scripts": {
+    "lint": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run",
+    "build": "node ../../scripts/clean-package-dist.mjs . && vite build && tsc -p tsconfig.build.json"
+  }
+}