@cellarnode/ui 0.201.1 → 0.203.0

package/dist/portfolio-import/job-error-copy.js

@@ -0,0 +1,78 @@
+/**
+ * job-error-copy.ts: maps the extraction-job error strings the backend
+ * persists to copy keys, so `JobFailedPanel` can show friendly, translatable
+ * text instead of the raw (English, internal-vocabulary) error (CEL-2500).
+ *
+ * The backend strings are a contract in the other direction too: the backend's
+ * `restartUnstartedJob` matches the stored text, so these constants mirror it
+ * and are never rewritten here. The raw text stays visible to the user in a
+ * details disclosure; only the headline, body and action copy change. Only the
+ * two exact strings below are recognised: no backend path stores any other
+ * never-started or already-ran wording, so nothing is matched loosely.
+ *
+ * Internal to the package on purpose (not in the barrel): hosts pass the stored
+ * `error` straight to `JobFailedPanel` and only need the copy keys below.
+ */
+/**
+ * Mirrors the backend constant `UNSTARTED_JOB_ERROR`
+ * (`cellarnode-backend-v2`, `features/beverage-extraction/service.ts`): the
+ * error stored on a job whose extraction never started (the start request
+ * failed, or the never-started sweep from backend #1161 closed it). Restartable.
+ */
+export const UNSTARTED_JOB_ERROR = "Failed to start extraction workflow";
+/**
+ * Mirrors the backend constant `ALREADY_RAN_JOB_ERROR` (backend #1161, CEL-2494,
+ * merged as `b20e4f797`, same file): the terminal error stored on a job whose
+ * start was refused because its run already happened and closed. Unlike
+ * `UNSTARTED_JOB_ERROR` it is not restartable, so the producer starts a new import.
+ */
+export const ALREADY_RAN_JOB_ERROR = "This import already ran and cannot be started again. Start a new import.";
+/**
+ * Classify a stored job error (trimmed, case-insensitive exact match). Returns
+ * `null` for an empty error and for any error that is not one of the two known
+ * constants (those keep rendering raw).
+ */
+export function classifyJobError(error) {
+    const text = error?.trim().toLowerCase();
+    if (!text)
+        return null;
+    if (text === UNSTARTED_JOB_ERROR.toLowerCase())
+        return "unstarted";
+    if (text === ALREADY_RAN_JOB_ERROR.toLowerCase())
+        return "already_ran";
+    return null;
+}
+/** Per-kind copy (`detail.*` keys of the imports namespace). */
+export const KNOWN_JOB_ERROR_COPY = {
+    unstarted: {
+        title: {
+            key: "detail.failed_unstarted_title",
+            fallback: "We couldn't start reading this document.",
+        },
+        body: {
+            key: "detail.failed_unstarted",
+            fallback: "Processing never started, so nothing from this document was read. Upload it again to try once more.",
+        },
+    },
+    already_ran: {
+        title: {
+            key: "detail.failed_already_ran_title",
+            fallback: "This import already ran.",
+        },
+        body: {
+            key: "detail.failed_already_ran",
+            fallback: "This import can't be restarted. Upload the document again to start a new one.",
+        },
+    },
+};
+/** The action label for every known kind: both ask for a fresh upload. */
+export const KNOWN_JOB_ERROR_ACTION = {
+    key: "detail.failed_upload_again",
+    fallback: "Upload again",
+};
+/** Label of the disclosure that holds the raw backend text. */
+export const KNOWN_JOB_ERROR_DETAILS = {
+    key: "detail.failed_details",
+    fallback: "Technical details",
+};
+//# sourceMappingURL=job-error-copy.js.map

package/dist/portfolio-import/job-error-copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"job-error-copy.js","sourceRoot":"","sources":["../../src/portfolio-import/job-error-copy.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,qCAAqC,CAAC;AAEzE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAChC,0EAA0E,CAAC;AAI7E;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAgC;IAC/D,MAAM,IAAI,GAAG,KAAK,EAAE,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IACzC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,IAAI,IAAI,KAAK,mBAAmB,CAAC,WAAW,EAAE;QAAE,OAAO,WAAW,CAAC;IACnE,IAAI,IAAI,KAAK,qBAAqB,CAAC,WAAW,EAAE;QAAE,OAAO,aAAa,CAAC;IACvE,OAAO,IAAI,CAAC;AACd,CAAC;AASD,gEAAgE;AAChE,MAAM,CAAC,MAAM,oBAAoB,GAAiD;IAChF,SAAS,EAAE;QACT,KAAK,EAAE;YACL,GAAG,EAAE,+BAA+B;YACpC,QAAQ,EAAE,0CAA0C;SACrD;QACD,IAAI,EAAE;YACJ,GAAG,EAAE,yBAAyB;YAC9B,QAAQ,EACN,qGAAqG;SACxG;KACF;IACD,WAAW,EAAE;QACX,KAAK,EAAE;YACL,GAAG,EAAE,iCAAiC;YACtC,QAAQ,EAAE,0BAA0B;SACrC;QACD,IAAI,EAAE;YACJ,GAAG,EAAE,2BAA2B;YAChC,QAAQ,EAAE,+EAA+E;SAC1F;KACF;CACF,CAAC;AAEF,0EAA0E;AAC1E,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,GAAG,EAAE,4BAA4B;IACjC,QAAQ,EAAE,cAAc;CAChB,CAAC;AAEX,+DAA+D;AAC/D,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,GAAG,EAAE,uBAAuB;IAC5B,QAAQ,EAAE,mBAAmB;CACrB,CAAC"}

package/dist/realtime/organisation-events/schemas.d.ts

@@ -1,8 +1,8 @@
 import { z } from "zod";
 export declare const OrganisationChangedResourceSchema: z.ZodEnum<{
     members: "members";
-    requests: "requests";
     organisation: "organisation";
+    requests: "requests";
     invitations: "invitations";
     seats: "seats";
     access: "access";
@@ -16,8 +16,8 @@ export declare const OrganisationChangedSchema: z.ZodObject<{
     occurredAt: z.ZodString;
     resources: z.ZodArray<z.ZodEnum<{
         members: "members";
-        requests: "requests";
         organisation: "organisation";
+        requests: "requests";
         invitations: "invitations";
         seats: "seats";
         access: "access";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cellarnode/ui",
-  "version": "0.201.1",
+  "version": "0.203.0",
   "type": "module",
   "private": false,
   "packageManager": "pnpm@10.28.2+sha512.41872f037ad22f7348e3b1debbaf7e867cfd448f2726d9cf74c08f19507c31d2c8e7a11525b983febc2df640b5438dee6023ebb1f84ed43cc2d654d2bc326264",
@@ -355,6 +355,7 @@
     }
   },
   "dependencies": {
+    "@cellarnode/agent-cards": "^0.2.1",
     "@headlessui/react": "^2.2.9",
     "@hookform/resolvers": "^5.2.2",
     "@tanstack/react-virtual": "^3.13.23",
@@ -368,6 +369,8 @@
     "qr-code-styling": "^1.9.2",
     "react-easy-crop": "^6.2.2",
     "react-hook-form": "^7.72.0",
+    "react-markdown": "10.1.0",
+    "remark-gfm": "4.0.1",
     "sonner": "^1.7.4",
     "tailwind-merge": "^2.6.1",
     "three-globe": "^2.45.1",

package/src/theme/tokens.css

@@ -1493,3 +1493,69 @@
   }
   .imports-enter { animation: cn-imports-enter 320ms cubic-bezier(0.16, 1, 0.3, 1) both; }
 }
+
+/* ── Agent chat motion (CEL-2507) ─────────────────────────
+   `@cellarnode/ui/agent`: message entrance, result-card fade, step status
+   pop, title swap, the "Naming…" pulse, streaming caret.
+
+   Every animation lives inside `no-preference`, so under
+   `prefers-reduced-motion: reduce` the classes do nothing and elements simply
+   appear. One entrance per element: a message animates as a whole, and only
+   parts appended later animate on their own (the component decides; see
+   `message.tsx`). The fill mode is `backwards`, never `both`: once an entrance
+   has finished the element is back to its own styles (a held `transform` would
+   make it a containing block for fixed descendants). The streaming caret is
+   static under reduced motion rather than gone, because it marks where the
+   text is arriving. The pulse never drops below 85% opacity, so the text it
+   sits on keeps its contrast in both themes. */
+.agent-md[data-streaming="true"] > :last-child:is(p, h1, h2, h3, h4, h5, h6)::after,
+.agent-md[data-streaming="true"] > :last-child:is(ul, ol) > li:last-child::after,
+.agent-md[data-streaming="true"] > blockquote:last-child > p:last-child::after {
+  content: "";
+  display: inline-block;
+  width: 0.4em;
+  height: 1em;
+  margin-left: 0.15em;
+  vertical-align: text-bottom;
+  border-radius: 1px;
+  background: var(--color-primary);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  @keyframes agent-enter {
+    from { opacity: 0; transform: translateY(6px); }
+    to   { opacity: 1; transform: translateY(0); }
+  }
+  @keyframes agent-fade-in {
+    from { opacity: 0; }
+    to   { opacity: 1; }
+  }
+  @keyframes agent-swap-in {
+    from { opacity: 0; transform: translateY(2px); }
+    to   { opacity: 1; transform: translateY(0); }
+  }
+  @keyframes agent-pop {
+    from { opacity: 0; transform: scale(0.6); }
+    to   { opacity: 1; transform: scale(1); }
+  }
+  @keyframes agent-caret {
+    0%, 49%   { opacity: 1; }
+    50%, 100% { opacity: 0; }
+  }
+  @keyframes agent-pulse {
+    0%, 100% { opacity: 1; }
+    50%      { opacity: 0.85; }
+  }
+
+  .agent-enter    { animation: agent-enter 180ms var(--ease-emphasized) backwards; }
+  .agent-fade-in  { animation: agent-fade-in 200ms var(--ease-decel) backwards; }
+  .agent-swap-in  { animation: agent-swap-in 180ms var(--ease-emphasized) backwards; }
+  .agent-pop      { animation: agent-pop 160ms var(--ease-emphasized-strong) backwards; }
+  .agent-pulse    { animation: agent-pulse 1.6s ease-in-out infinite; }
+
+  .agent-md[data-streaming="true"] > :last-child:is(p, h1, h2, h3, h4, h5, h6)::after,
+  .agent-md[data-streaming="true"] > :last-child:is(ul, ol) > li:last-child::after,
+  .agent-md[data-streaming="true"] > blockquote:last-child > p:last-child::after {
+    animation: agent-caret 1s steps(1, end) infinite;
+  }
+}