@nivaro/react 0.3.35 → 0.3.37

package/dist/hooks/useSessionRecorder.js

@@ -9,7 +9,7 @@ import { noteReplayEvent as _e, createReplayCheckoutState as De } from "../share
 import { emitReplayTap as Te, setReplayRecorderMode as N, registerReplayCapture as qe, clipEndOffset as Le, withClipKind as Pe } from "../shared/lib/replay-capture.js";
 import { instrumentConsole as Ne, instrumentRequests as Fe, redactSecrets as Me } from "../shared/lib/replay-context.js";
 import { instrumentSocket as Oe } from "../shared/lib/replay-socket.js";
-const Ue = "nivaro-react@0.3.35", j = 1e4, We = 150, He = 3e3, Ke = 600, $e = (n) => `nvr_replay_resume${n ? `:${n}` : ""}`, G = () => typeof navigator > "u" || navigator.onLine !== !1;
+const Ue = "nivaro-react@0.3.37", j = 1e4, We = 150, He = 3e3, Ke = 600, $e = (n) => `nvr_replay_resume${n ? `:${n}` : ""}`, G = () => typeof navigator > "u" || navigator.onLine !== !1;
 function Be(n) {
   return typeof n.url != "string" || typeof fetch != "function" ? null : (f, a) => {
     const u = typeof n.getToken == "function" ? n.getToken() : void 0, d = { "Content-Type": "application/json" };

package/dist/index.d.ts

@@ -2374,16 +2374,17 @@ declare interface DesignMark {
     /** Instant tooltip (data-tip) with the detail. */
     tip?: string;
     highlight?: boolean;
-    /** A small icon before the text (a pinned section's pin, #2628). */
-    icon?: 'pin';
+    /** A small icon before the text (a pinned section's pin, #2628; a personal-default field's person). */
+    icon?: 'pin' | 'person' | 'link';
     /**
      * Where the tag ranks when a node has more than fit (DesignNode shows two,
      * then "+n"): `preview` (a preview mode's own tag) ranks with the role
      * mark, `loop` (a rule loop) next, plain rule and state tags after, `ai`
      * (an AI finding) last but one, "from <parent>" last. A highlighted tag
-     * without a kind ranks as a loop.
+     * without a kind ranks as a loop. `personal` (the field takes personal defaults) ranks with a
+     * loop: it says what the field IS for people, so it never hides behind "+n".
      */
-    kind?: 'preview' | 'loop' | 'ai';
+    kind?: 'preview' | 'loop' | 'ai' | 'personal';
     /** Clickable: opens what the tag explains (the node is selected first). */
     onClick?: () => void;
 }
@@ -5349,6 +5350,8 @@ declare interface LayoutDesign {
     ghost?(field: string): string | null;
     /** #2701: the width handle on a selected field set its width (12, 6, 4 or 3 columns). */
     resizeWidth?(t: DesignTarget, span: number): void;
+    /** #3194: nodes inside a linked library section never drag (they change in the library). */
+    locked?(t: DesignTarget): boolean;
 }
 
 /**
@@ -5442,6 +5445,12 @@ declare interface LayoutGroup {
      *  (lib/visible-when.ts) and "hide this section while everything in it is empty". */
     visible_when?: string | null;
     hide_when_empty?: boolean | number | null;
+    /** #3195: values a collapsed section shows in its heading (the edit form's summary strip). */
+    summary_fields?: string | string[] | Array<string | {
+        field?: string;
+        label?: string | null;
+    }> | null;
+    summary_hide_empty?: boolean | number | null;
 }
 
 export declare type LayoutItem = FormGroupDescriptor | '__ungrouped__';

package/dist/shared/components/AgentBadge.js

@@ -0,0 +1,26 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Bot as n } from "lucide-react";
+import { cn as s } from "../lib/utils.js";
+function o({
+  label: t,
+  className: a
+}) {
+  return t ? /* @__PURE__ */ r(
+    "span",
+    {
+      "data-nvr-agent-badge": !0,
+      "data-tip": "Made by an AI assistant acting as this person, through Nivaro’s MCP server",
+      className: s(
+        "inline-flex shrink-0 items-center gap-1 rounded bg-slate-100 px-1.5 py-px text-[10.5px] font-medium leading-4 text-slate-600 dark:bg-muted dark:text-slate-300",
+        a
+      ),
+      children: [
+        /* @__PURE__ */ e(n, { className: "h-3 w-3", "aria-hidden": !0 }),
+        /* @__PURE__ */ e("span", { className: "max-w-[16ch] truncate", children: t })
+      ]
+    }
+  ) : null;
+}
+export {
+  o as AgentBadge
+};

package/dist/shared/components/AgentQuestionsCard.js

@@ -0,0 +1,198 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { useQueryClient as E } from "@tanstack/react-query";
+import { Bot as S } from "lucide-react";
+import { useRef as N, useState as f, useEffect as _ } from "react";
+import { useApiFetchConfig as I, useItemNavigation as j } from "../context.js";
+import { userErrorMessage as Q } from "../lib/safe-error.js";
+import { formatRelative as D, cn as L } from "../lib/utils.js";
+import { Textarea as M } from "./ui/textarea.js";
+function O() {
+  try {
+    const e = new URLSearchParams(window.location.search).get("focus") ?? "", o = /^question:([0-9a-f-]{36})/i.exec(e);
+    return o ? o[1].toLowerCase() : null;
+  } catch {
+    return null;
+  }
+}
+function A(e) {
+  const o = new Date(e).getTime() - Date.now();
+  if (o <= 0) return "Expired";
+  const a = Math.round(o / 6e4);
+  if (a < 60) return `Expires in ${a} min`;
+  const d = Math.round(a / 60);
+  return d < 48 ? `Expires in ${d} h` : `Expires in ${Math.round(d / 24)} days`;
+}
+function V({ questions: e }) {
+  const o = N(O()).current, [a, d] = f({});
+  if (e.length === 0 && Object.keys(a).length === 0) return null;
+  const l = e.filter((r) => !a[r.id]).length;
+  return /* @__PURE__ */ s(
+    "section",
+    {
+      className: "rounded-lg border border-nvr-cyan/30 bg-white dark:border-nvr-cyan/25 dark:bg-card",
+      "data-my-work-questions": !0,
+      "aria-labelledby": "my-work-questions-title",
+      children: [
+        /* @__PURE__ */ s("div", { className: "border-b border-slate-200 px-4 py-2.5 dark:border-border", children: [
+          /* @__PURE__ */ s(
+            "h2",
+            {
+              id: "my-work-questions-title",
+              className: "flex items-center gap-1.5 text-[13px] font-medium",
+              children: [
+                /* @__PURE__ */ n(S, { className: "h-3.5 w-3.5 text-[#0e7490] dark:text-[#67e8f9]", "aria-hidden": !0 }),
+                "Questions from assistants",
+                l > 0 && /* @__PURE__ */ n("span", { className: "rounded-full bg-nvr-cyan/10 px-1.5 text-[10.5px] font-semibold tabular-nums text-[#0e7490] dark:text-[#67e8f9]", children: l })
+              ]
+            }
+          ),
+          /* @__PURE__ */ n("p", { className: "text-[11px] text-muted-foreground", children: "An assistant is waiting for your answer before it carries on." })
+        ] }),
+        /* @__PURE__ */ s("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: [
+          e.filter((r) => !a[r.id]).map((r) => {
+            var c, u;
+            return /* @__PURE__ */ n(
+              K,
+              {
+                q: r,
+                focused: o === r.id.toLowerCase(),
+                forMe: ((c = r.asked_for) == null ? void 0 : c.toLowerCase()) === ((u = r.recipient) == null ? void 0 : u.toLowerCase()),
+                onAnswered: (m) => d((i) => ({ ...i, [r.id]: m }))
+              },
+              r.id
+            );
+          }),
+          Object.entries(a).map(([r, c]) => /* @__PURE__ */ n(
+            "li",
+            {
+              className: "px-4 py-2 text-[12px] text-muted-foreground",
+              role: "status",
+              "data-my-work-question-done": r,
+              children: c
+            },
+            r
+          ))
+        ] })
+      ]
+    }
+  );
+}
+function K({
+  q: e,
+  focused: o,
+  forMe: a,
+  onAnswered: d
+}) {
+  const { apiBase: l, authHeaders: r, credentials: c } = I(), { open: u } = j(), m = E(), [i, C] = f(""), [p, g] = f(null), [k, v] = f(null), b = N(null);
+  _(() => {
+    var x;
+    if (!o || !b.current) return;
+    const t = (x = window.matchMedia) == null ? void 0 : x.call(window, "(prefers-reduced-motion: reduce)").matches;
+    b.current.scrollIntoView({ block: "center", behavior: t ? "auto" : "smooth" });
+  }, [o]);
+  const y = async (t, x) => {
+    g(x), v(null);
+    try {
+      const h = await fetch(`${l}/agent-questions/${encodeURIComponent(e.id)}/answer`, {
+        method: "POST",
+        headers: { ...r, "content-type": "application/json" },
+        credentials: c,
+        body: JSON.stringify(t)
+      }), $ = await h.json().catch(() => ({}));
+      if (!h.ok) throw new Error($.error ?? "Could not send the answer");
+      d(`Sent to ${e.asked_by}: ${t.choice ?? t.answer}`), m.invalidateQueries({ queryKey: ["my-work"] }), m.invalidateQueries({ queryKey: ["notifications"] });
+    } catch (h) {
+      v(Q(h, "Could not send the answer"));
+    } finally {
+      g(null);
+    }
+  }, w = e.choices.length > 0;
+  return /* @__PURE__ */ s(
+    "li",
+    {
+      ref: b,
+      className: L(
+        "space-y-2 px-4 py-3 transition-colors duration-700",
+        o && "bg-nvr-cyan/5 dark:bg-nvr-cyan/10"
+      ),
+      "data-my-work-question": e.id,
+      children: [
+        /* @__PURE__ */ s("div", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-0.5", children: [
+          /* @__PURE__ */ n("span", { className: "text-[12px] font-medium text-slate-900 dark:text-foreground", children: e.asked_by }),
+          /* @__PURE__ */ s("span", { className: "text-[11px] text-muted-foreground", children: [
+            a ? "your assistant" : `for ${e.asked_for_name ?? "a colleague"}`,
+            " · asked",
+            " ",
+            D(e.created_at),
+            " · ",
+            A(e.expires_at)
+          ] }),
+          e.collection && e.item && /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              onClick: () => u({ collection: e.collection, itemId: e.item }),
+              className: "text-[11px] text-[#0e7490] hover:underline dark:text-[#67e8f9]",
+              children: "Open the record"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("p", { className: "whitespace-pre-wrap break-words text-[13px] text-slate-800 dark:text-slate-100", children: e.question }),
+        w && /* @__PURE__ */ s("fieldset", { className: "m-0 min-w-0 border-0 p-0", children: [
+          /* @__PURE__ */ n("legend", { className: "sr-only", children: "Choices" }),
+          /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-1.5", children: e.choices.map((t) => /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              disabled: p != null,
+              onClick: () => void y({ choice: t }, `c:${t}`),
+              className: "rounded-md border border-slate-200 bg-white px-2.5 py-1 text-[12px] font-medium text-slate-800 hover:border-nvr-cyan hover:bg-nvr-cyan/10 disabled:opacity-50 dark:border-border dark:bg-background dark:text-foreground",
+              "data-my-work-question-choice": t,
+              children: p === `c:${t}` ? "Sending…" : t
+            },
+            t
+          )) })
+        ] }),
+        (e.allow_text || !w) && /* @__PURE__ */ s(
+          "form",
+          {
+            className: "flex flex-col gap-1.5 sm:flex-row sm:items-end",
+            onSubmit: (t) => {
+              t.preventDefault(), i.trim() && y({ answer: i.trim() }, "text");
+            },
+            children: [
+              /* @__PURE__ */ n(
+                M,
+                {
+                  value: i,
+                  onChange: (t) => C(t.target.value),
+                  placeholder: w ? "Or write your own answer…" : "Your answer…",
+                  rows: 2,
+                  maxLength: 4e3,
+                  className: "min-h-[52px] flex-1 bg-white text-[12.5px] dark:bg-background",
+                  "aria-label": `Answer to ${e.asked_by}`,
+                  onKeyDown: (t) => {
+                    t.key === "Enter" && (t.metaKey || t.ctrlKey) && i.trim() && (t.preventDefault(), y({ answer: i.trim() }, "text"));
+                  }
+                }
+              ),
+              /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "submit",
+                  disabled: !i.trim() || p != null,
+                  className: "h-8 shrink-0 rounded-md bg-nvr-cyan px-3 text-[12px] font-medium text-white hover:bg-nvr-cyan/90 disabled:opacity-50",
+                  children: p === "text" ? "Sending…" : "Send answer"
+                }
+              )
+            ]
+          }
+        ),
+        k && /* @__PURE__ */ n("p", { className: "text-[11.5px] text-red-600 dark:text-red-400", role: "alert", children: k })
+      ]
+    }
+  );
+}
+export {
+  V as AgentQuestionsCard
+};