@nivaro/react 0.3.40 → 0.3.42

package/dist/shared/components/MyWorkView.js

@@ -1,216 +1,280 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { useQueryClient as se, useQuery as oe, useMutation as I } from "@tanstack/react-query";
-import { Bot as ie } from "lucide-react";
-import { useState as N, useRef as L, useEffect as E, useMemo as le } from "react";
-import { useApiFetchConfig as ce, useItemNavigation as me, useNavigation as ue } from "../context.js";
-import { useLiveEvent as pe } from "../lib/live.js";
-import { useLiveOps as be, useFreshIds as xe } from "../lib/live-ops.js";
-import { resolveNotificationTarget as Z, runNotificationTarget as he } from "../lib/notification-target.js";
-import { useOptionalRealtime as ge } from "../lib/realtime.js";
-import { userErrorMessage as fe } from "../lib/safe-error.js";
-import { withinDay as G, slaChip as ke } from "../lib/sla-chip.js";
-import { cn as A } from "../lib/utils.js";
-import { AgentQuestionsCard as ye } from "./AgentQuestionsCard.js";
-import { FirstWeekCard as Ne } from "./ai/FirstWeekCard.js";
-import { TaskDoButton as we } from "./ai/TaskDo.js";
-import { openChatRoom as ve, canOpenChatRoom as _e } from "./chat/chat-core.js";
-import { useMyRecordRooms as Ce } from "./chat/chat-hooks.js";
-import { LearningPathCard as $e } from "./help-videos/viewer/LearningPathCard.js";
-import { RequiredVideosCard as Se } from "./help-videos/viewer/RequiredVideosCard.js";
-import { TickerNumber as Te } from "./TickerNumber.js";
-import { UserAvatar as je } from "./UserAvatar.js";
-const Ae = 8e3, X = ["records", "tasks", "team", "waiting", "notifications"], Me = {
+import { useQueryClient as ie, useQuery as le, useMutation as F } from "@tanstack/react-query";
+import { Bot as ce } from "lucide-react";
+import { useState as C, useRef as W, useEffect as E, useMemo as me } from "react";
+import { useApiFetchConfig as ue, useItemNavigation as pe, useNavigation as be } from "../context.js";
+import { useLiveEvent as he } from "../lib/live.js";
+import { useLiveOps as xe, useFreshIds as ge } from "../lib/live-ops.js";
+import { resolveNotificationTarget as Z, runNotificationTarget as fe } from "../lib/notification-target.js";
+import { usePrefetchIntent as ke } from "../lib/prefetch.js";
+import { useOptionalRealtime as ye } from "../lib/realtime.js";
+import { userErrorMessage as we } from "../lib/safe-error.js";
+import { withinDay as G, slaChip as Ne } from "../lib/sla-chip.js";
+import { cn as M } from "../lib/utils.js";
+import { AgentQuestionsCard as ve } from "./AgentQuestionsCard.js";
+import { FirstWeekCard as _e } from "./ai/FirstWeekCard.js";
+import { TaskDoButton as Ce } from "./ai/TaskDo.js";
+import { openChatRoom as Se, canOpenChatRoom as $e } from "./chat/chat-core.js";
+import { useMyRecordRooms as Te } from "./chat/chat-hooks.js";
+import { LearningPathCard as je } from "./help-videos/viewer/LearningPathCard.js";
+import { RequiredVideosCard as Ae } from "./help-videos/viewer/RequiredVideosCard.js";
+import { SkeletonBar as Me, ListSkeleton as Le } from "./Skeletons.js";
+import { TickerNumber as Oe } from "./TickerNumber.js";
+import { UserAvatar as qe } from "./UserAvatar.js";
+const Ie = 8e3, R = ["records", "tasks", "team", "waiting", "notifications"], X = {
   records: "Waiting on you",
   tasks: "My tasks",
   team: "Team tasks",
   waiting: "Waiting on others",
   notifications: "Notifications"
-}, qe = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), M = (l) => !!l && String(l).slice(0, 10) < qe(), Oe = {
+}, De = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), L = (i) => !!i && String(i).slice(0, 10) < De(), Fe = {
   alert: "bg-red-500/10 text-red-600 dark:text-red-400",
   warn: "bg-amber-400/15 text-amber-700 dark:text-amber-400",
   neutral: "bg-slate-500/10 text-slate-600 dark:text-slate-400",
   ok: "bg-emerald-500/10 text-emerald-700 dark:text-emerald-400"
 };
-function De({ sla: l }) {
-  const c = ke(l);
-  return c ? /* @__PURE__ */ e(
+function We({ sla: i }) {
+  const u = Ne(i);
+  return u ? /* @__PURE__ */ e(
     "span",
     {
-      "data-sla-chip": c.tone,
-      className: `rounded px-1.5 py-0.5 text-[10px] font-semibold tabular-nums ${Oe[c.tone]}`,
-      children: c.label
+      "data-sla-chip": u.tone,
+      className: `rounded px-1.5 py-0.5 text-[10px] font-semibold tabular-nums ${Fe[u.tone]}`,
+      children: u.label
     }
   ) : null;
 }
-function Fe({ state: l, color: c }) {
-  return l ? /* @__PURE__ */ e(
+function Ee({ state: i, color: u }) {
+  return i ? /* @__PURE__ */ e(
     "span",
     {
       className: "rounded-full px-2 py-0.5 text-[10.5px] font-medium",
       style: {
-        backgroundColor: c ? `${c}22` : "rgba(100,116,139,.12)",
-        color: c ?? void 0
+        backgroundColor: u ? `${u}22` : "rgba(100,116,139,.12)",
+        color: u ?? void 0
       },
-      children: l.replace(/_/g, " ")
+      children: i.replace(/_/g, " ")
     }
   ) : null;
 }
-function q({ label: l, value: c, tone: u }) {
+function Ue({ order: i, hidden: u }) {
+  const c = i.filter(
+    (m) => !u.includes(m) && (m === "records" || m === "tasks" || m === "notifications")
+  ), y = (m, g) => /* @__PURE__ */ d(
+    "section",
+    {
+      className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card",
+      children: [
+        /* @__PURE__ */ d("div", { className: "border-b border-slate-200 px-4 py-2.5 dark:border-border", children: [
+          /* @__PURE__ */ e("h2", { className: "text-[13px] font-medium text-slate-400 dark:text-slate-500", children: X[m] ?? m }),
+          m === "records" && /* @__PURE__ */ e("p", { className: "text-[11px] text-muted-foreground", children: "Records whose current step resolves you as an owner — most urgent first." })
+        ] }),
+        /* @__PURE__ */ e(
+          Le,
+          {
+            header: !1,
+            rows: g,
+            rowClassName: "h-[37px] px-4",
+            columns: m === "records" ? [
+              { key: "label", grow: 6 },
+              { key: "where", width: 90, shape: "short" },
+              { key: "state", width: 72, shape: "badge" },
+              { key: "sla", width: 56, shape: "badge" }
+            ] : [
+              { key: "label", grow: 5 },
+              { key: "when", width: 64, shape: "date" }
+            ]
+          }
+        )
+      ]
+    },
+    m
+  ), k = [];
+  for (let m = 0; m < c.length; ) {
+    if (c[m] === "records") {
+      k.push(y("records", 5)), m++;
+      continue;
+    }
+    const g = c.slice(m, m + 2).filter((f) => f !== "records");
+    k.push(
+      /* @__PURE__ */ e("div", { className: "grid gap-5 lg:grid-cols-2", children: g.map((f) => y(f, 4)) }, g.join("+"))
+    ), m += g.length;
+  }
+  return /* @__PURE__ */ d("div", { className: "space-y-5 p-6", "data-my-work-loading": !0, "aria-busy": "true", children: [
+    /* @__PURE__ */ d("div", { className: "flex items-start justify-between", children: [
+      /* @__PURE__ */ e("div", { className: "grid flex-1 grid-cols-2 gap-3 lg:grid-cols-4", children: ["Waiting on you", "SLA breached", "Open tasks", "Unread notifications"].map((m) => /* @__PURE__ */ d(
+        "div",
+        {
+          className: "rounded-lg border border-slate-200 bg-white p-3 dark:border-border dark:bg-card",
+          children: [
+            /* @__PURE__ */ e("p", { className: "text-[10.5px] uppercase tracking-wide text-muted-foreground", children: m }),
+            /* @__PURE__ */ e("p", { className: "mt-0.5 flex h-[27px] items-center", children: /* @__PURE__ */ e(Me, { width: 34, className: "h-[18px] rounded-md" }) })
+          ]
+        },
+        m
+      )) }),
+      /* @__PURE__ */ e("span", { className: "ml-3 rounded-md border border-slate-200 px-2.5 py-1.5 text-[12px] text-slate-400 dark:border-border dark:text-slate-500", children: "Refresh" }),
+      /* @__PURE__ */ e("span", { className: "ml-2 rounded-md border border-slate-200 px-2.5 py-1.5 text-[12px] text-slate-400 dark:border-border dark:text-slate-500", children: "Customize" })
+    ] }),
+    k
+  ] });
+}
+function O({ label: i, value: u, tone: c }) {
   return /* @__PURE__ */ d("div", { className: "rounded-lg border border-slate-200 bg-white p-3 dark:border-border dark:bg-card", children: [
-    /* @__PURE__ */ e("p", { className: "text-[10.5px] uppercase tracking-wide text-muted-foreground", children: l }),
-    /* @__PURE__ */ e("p", { className: `mt-0.5 text-[18px] font-semibold tabular-nums ${u ?? ""}`, children: /* @__PURE__ */ e(Te, { value: c }) })
+    /* @__PURE__ */ e("p", { className: "text-[10.5px] uppercase tracking-wide text-muted-foreground", children: i }),
+    /* @__PURE__ */ e("p", { className: `mt-0.5 text-[18px] font-semibold tabular-nums ${c ?? ""}`, children: /* @__PURE__ */ e(Oe, { value: u }) })
   ] });
 }
-function nt({
-  notificationRoutes: l,
-  onOpenPath: c
+function mt({
+  notificationRoutes: i,
+  onOpenPath: u
 } = {}) {
-  const { apiBase: u, authHeaders: w, credentials: v } = ce(), { open: W } = me(), _ = ue(), h = se(), U = (r) => {
-    var b, i;
-    const n = ((b = l == null ? void 0 : l.support) == null ? void 0 : b.call(l, String(r))) ?? ((i = _.consoleUrl) == null ? void 0 : i.call(_, `/support?ticket=${r}`)) ?? `/support?ticket=${r}`;
-    c ? c(n) : _.navigate(n);
-  }, O = ge(), [R, C] = N(!1), [x, ee] = N(() => {
+  const { apiBase: c, authHeaders: y, credentials: k } = ue(), { open: m } = pe(), g = be(), f = ie(), ee = ke(), U = (r) => {
+    var h, l;
+    const n = ((h = i == null ? void 0 : i.support) == null ? void 0 : h.call(i, String(r))) ?? ((l = g.consoleUrl) == null ? void 0 : l.call(g, `/support?ticket=${r}`)) ?? `/support?ticket=${r}`;
+    u ? u(n) : g.navigate(n);
+  }, q = ye(), [te, S] = C(!1), [x, re] = C(() => {
     try {
       const r = localStorage.getItem("nvr_mywork_sections");
       if (r) {
         const n = JSON.parse(r);
         if (Array.isArray(n == null ? void 0 : n.order) && Array.isArray(n == null ? void 0 : n.hidden)) {
-          const b = X.map((i, m) => ({
-            k: i,
-            at: n.order.indexOf(i) >= 0 ? n.order.indexOf(i) : m - 0.5
-          })).sort((i, m) => i.at - m.at).map((i) => i.k);
-          return { order: b, hidden: n.hidden.filter((i) => b.includes(i)) };
+          const h = R.map((l, p) => ({
+            k: l,
+            at: n.order.indexOf(l) >= 0 ? n.order.indexOf(l) : p - 0.5
+          })).sort((l, p) => l.at - p.at).map((l) => l.k);
+          return { order: h, hidden: n.hidden.filter((l) => h.includes(l)) };
         }
       }
     } catch {
     }
-    return { order: [...X], hidden: [] };
+    return { order: [...R], hidden: [] };
   }), K = (r) => {
-    ee(r);
+    re(r);
     try {
       localStorage.setItem("nvr_mywork_sections", JSON.stringify(r));
     } catch {
     }
-  }, [te, re] = N(!1), Q = L(0), [$, ae] = N("all"), { data: a, isLoading: ne, refetch: P, isFetching: B } = oe({
+  }, [ae, de] = C(!1), P = W(0), [$, ne] = C("all"), { data: a, isLoading: se, refetch: Q, isFetching: B } = le({
     queryKey: ["my-work"],
     queryFn: async () => {
-      const r = await fetch(`${u}/my-work`, { headers: w, credentials: v });
+      const r = await fetch(`${c}/my-work`, { headers: y, credentials: k });
       if (!r.ok) throw new Error("my-work failed");
       return (await r.json()).data;
     },
     staleTime: 6e4
-  }), z = L(0), g = L(null), H = () => {
+  }), z = W(0), w = W(null), H = () => {
     const r = () => {
-      g.current = null, z.current = Date.now(), C(!1), h.invalidateQueries({ queryKey: ["my-work"] });
-    }, n = z.current + Ae - Date.now();
-    g.current || (n <= 0 ? r() : g.current = setTimeout(r, n));
+      w.current = null, z.current = Date.now(), S(!1), f.invalidateQueries({ queryKey: ["my-work"] });
+    }, n = z.current + Ie - Date.now();
+    w.current || (n <= 0 ? r() : w.current = setTimeout(r, n));
   };
-  be("my-work", H, { debounceMs: 1500 }), pe("notification:new", H, { debounceMs: 1500 }), E(
+  xe("my-work", H, { debounceMs: 1500 }), he("notification:new", H, { debounceMs: 1500 }), E(
     () => () => {
-      g.current && clearTimeout(g.current);
+      w.current && clearTimeout(w.current);
     },
     []
   );
-  const J = xe([
+  const J = ge([
     ...((a == null ? void 0 : a.owned) ?? []).map((r) => `o:${r.collection}:${r.item}`),
     ...((a == null ? void 0 : a.tasks) ?? []).map((r) => `t:${r.id}`),
     ...((a == null ? void 0 : a.team_tasks) ?? []).map((r) => `tt:${r.id}`),
     ...((a == null ? void 0 : a.requested) ?? []).map((r) => `r:${r.id}`),
     ...((a == null ? void 0 : a.notifications) ?? []).map((r) => `n:${r.id}`)
-  ]), f = (r) => J.has(r) ? "bg-nvr-cyan/10 transition-colors duration-700" : "transition-colors duration-700", D = le(() => {
+  ]), N = (r) => J.has(r) ? "bg-nvr-cyan/10 transition-colors duration-700" : "transition-colors duration-700", I = me(() => {
     const r = /* @__PURE__ */ new Set();
     for (const n of (a == null ? void 0 : a.owned) ?? []) n.collection && r.add(n.collection);
     return [...r];
   }, [a]);
   E(() => {
-    if (!(!O || D.length === 0))
-      return O.subscribeCollections(D, () => {
+    if (!(!q || I.length === 0))
+      return q.subscribeCollections(I, () => {
         const r = Date.now();
-        r - Q.current < 3e4 || (Q.current = r, C(!0));
+        r - P.current < 3e4 || (P.current = r, S(!0));
       });
-  }, [O, D]);
-  const V = I({
+  }, [q, I]);
+  const V = F({
     // A ticket closes through /support so its requester hears about it.
-    mutationFn: (r) => fetch(`${u}/${r.kind === "support" ? "support/tickets" : "tasks"}/${r.id}`, {
+    mutationFn: (r) => fetch(`${c}/${r.kind === "support" ? "support/tickets" : "tasks"}/${r.id}`, {
       method: "PATCH",
-      headers: { ...w, "content-type": "application/json" },
-      credentials: v,
+      headers: { ...y, "content-type": "application/json" },
+      credentials: k,
       body: JSON.stringify({ status: "done" })
     }),
-    onSuccess: () => h.invalidateQueries({ queryKey: ["my-work"] })
-  }), S = I({
+    onSuccess: () => f.invalidateQueries({ queryKey: ["my-work"] })
+  }), T = F({
     mutationFn: async ({ id: r, action: n }) => {
-      const b = await fetch(`${u}/tasks/${r}/${n}`, {
+      const h = await fetch(`${c}/tasks/${r}/${n}`, {
         method: "POST",
-        headers: { ...w, "content-type": "application/json" },
-        credentials: v,
+        headers: { ...y, "content-type": "application/json" },
+        credentials: k,
         body: "{}"
-      }), i = await b.json().catch(() => ({}));
-      if (!b.ok) throw new Error(i.error ?? "Failed");
+      }), l = await h.json().catch(() => ({}));
+      if (!h.ok) throw new Error(l.error ?? "Failed");
       return n;
     },
     onSuccess: (r) => {
-      F(r === "claim" ? "It’s yours — it moved to My tasks." : "Reminder sent."), h.invalidateQueries({ queryKey: ["my-work"] });
+      D(r === "claim" ? "It’s yours — it moved to My tasks." : "Reminder sent."), f.invalidateQueries({ queryKey: ["my-work"] });
     },
-    onError: (r) => F(fe(r, "Failed"))
-  }), [T, F] = N(null);
+    onError: (r) => D(we(r, "Failed"))
+  }), [j, D] = C(null);
   E(() => {
-    if (!T) return;
-    const r = setTimeout(() => F(null), 4e3);
+    if (!j) return;
+    const r = setTimeout(() => D(null), 4e3);
     return () => clearTimeout(r);
-  }, [T]);
-  const Y = I({
-    mutationFn: (r) => fetch(`${u}/notifications/mark-read`, {
+  }, [j]);
+  const Y = F({
+    mutationFn: (r) => fetch(`${c}/notifications/mark-read`, {
       method: "POST",
-      headers: { ...w, "content-type": "application/json" },
-      credentials: v,
+      headers: { ...y, "content-type": "application/json" },
+      credentials: k,
       body: JSON.stringify({ ids: r })
     }),
     onSuccess: () => {
-      h.invalidateQueries({ queryKey: ["my-work"] }), h.invalidateQueries({ queryKey: ["notifications"] });
+      f.invalidateQueries({ queryKey: ["my-work"] }), f.invalidateQueries({ queryKey: ["notifications"] });
     }
-  }), k = (r, n) => {
-    const b = {
-      record: (m, t) => (W({ collection: m, itemId: t }), null),
-      ...l
-    }, i = Z(r, n, {
-      ...b,
-      record: (m, t) => {
-        var p;
-        return ((p = l == null ? void 0 : l.record) == null ? void 0 : p.call(l, m, t)) ?? null;
+  }), v = (r, n) => {
+    const h = {
+      record: (p, t) => (m({ collection: p, itemId: t }), null),
+      ...i
+    }, l = Z(r, n, {
+      ...h,
+      record: (p, t) => {
+        var b;
+        return ((b = i == null ? void 0 : i.record) == null ? void 0 : b.call(i, p, t)) ?? null;
       }
     });
-    if (i) {
-      he(i, (m) => c == null ? void 0 : c(m));
+    if (l) {
+      fe(l, (p) => u == null ? void 0 : u(p));
       return;
     }
-    r && n && !/^nivaro_/i.test(r) && r !== "__chat__" && W({ collection: r, itemId: n });
-  }, de = (r, n) => r && n && !/^nivaro_/i.test(r) && r !== "__chat__" ? !0 : !!Z(r, n, {
+    r && n && !/^nivaro_/i.test(r) && r !== "__chat__" && m({ collection: r, itemId: n });
+  }, oe = (r, n) => r && n && !/^nivaro_/i.test(r) && r !== "__chat__" ? !0 : !!Z(r, n, {
     record: () => null,
-    ...l
+    ...i
   });
-  return ne || !a ? /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-3 p-6", children: [1, 2, 3, 4].map((r) => /* @__PURE__ */ e("div", { className: "h-16 animate-pulse rounded-lg bg-[hsl(var(--nvr-skeleton))]" }, r)) }) : /* @__PURE__ */ d("div", { className: "space-y-5 p-6", "data-my-work": !0, children: [
-    /* @__PURE__ */ e(Ne, { onOpenPath: c }),
+  return se || !a ? /* @__PURE__ */ e(Ue, { order: x.order, hidden: x.hidden }) : /* @__PURE__ */ d("div", { className: "space-y-5 p-6", "data-my-work": !0, children: [
+    /* @__PURE__ */ e(_e, { onOpenPath: u }),
     /* @__PURE__ */ d("div", { className: "flex items-start justify-between", children: [
       /* @__PURE__ */ d("div", { className: "grid flex-1 grid-cols-2 gap-3 lg:grid-cols-4", children: [
-        /* @__PURE__ */ e(q, { label: "Waiting on you", value: a.counts.owned }),
+        /* @__PURE__ */ e(O, { label: "Waiting on you", value: a.counts.owned }),
         /* @__PURE__ */ e(
-          q,
+          O,
           {
             label: "SLA breached",
             value: a.counts.owned_breached,
             tone: a.counts.owned_breached > 0 ? "text-red-600 dark:text-red-400" : ""
           }
         ),
-        /* @__PURE__ */ e(q, { label: "Open tasks", value: a.counts.tasks }),
-        /* @__PURE__ */ e(q, { label: "Unread notifications", value: a.counts.notifications })
+        /* @__PURE__ */ e(O, { label: "Open tasks", value: a.counts.tasks }),
+        /* @__PURE__ */ e(O, { label: "Unread notifications", value: a.counts.notifications })
       ] }),
-      R && /* @__PURE__ */ d(
+      te && /* @__PURE__ */ d(
         "button",
         {
           type: "button",
           onClick: () => {
-            C(!1), P();
+            S(!1), Q();
           },
           className: "ml-3 inline-flex items-center gap-1.5 rounded-full border border-nvr-cyan/40 bg-nvr-cyan/10 px-3 py-1.5 text-[12px] font-medium text-[#0e7490] hover:bg-nvr-cyan/20 dark:text-[#67e8f9]",
           children: [
@@ -224,7 +288,7 @@ function nt({
         {
           type: "button",
           onClick: () => {
-            C(!1), P();
+            S(!1), Q();
           },
           disabled: B,
           className: "ml-3 rounded-md border border-slate-200 px-2.5 py-1.5 text-[12px] hover:bg-muted disabled:opacity-50 dark:border-border",
@@ -236,17 +300,17 @@ function nt({
           "button",
           {
             type: "button",
-            onClick: () => re((r) => !r),
+            onClick: () => de((r) => !r),
             className: "rounded-md border border-slate-200 px-2.5 py-1.5 text-[12px] hover:bg-muted dark:border-border",
             children: "Customize"
           }
         ),
-        te && /* @__PURE__ */ d("div", { className: "absolute right-0 top-full z-20 mt-1 w-56 rounded-lg border border-slate-200 bg-white p-2 shadow-lg dark:border-border dark:bg-card", children: [
+        ae && /* @__PURE__ */ d("div", { className: "absolute right-0 top-full z-20 mt-1 w-56 rounded-lg border border-slate-200 bg-white p-2 shadow-lg dark:border-border dark:bg-card", children: [
           /* @__PURE__ */ e("p", { className: "px-1 pb-1.5 text-[11px] font-semibold text-slate-500", children: "Sections" }),
           x.order.map((r, n) => {
-            const b = Me[r] ?? r, i = x.hidden.includes(r), m = (t) => {
-              const p = [...x.order], s = n + t;
-              s < 0 || s >= p.length || ([p[n], p[s]] = [p[s], p[n]], K({ ...x, order: p }));
+            const h = X[r] ?? r, l = x.hidden.includes(r), p = (t) => {
+              const b = [...x.order], o = n + t;
+              o < 0 || o >= b.length || ([b[n], b[o]] = [b[o], b[n]], K({ ...x, order: b }));
             };
             return /* @__PURE__ */ d("div", { className: "flex items-center gap-1 rounded px-1 py-1 hover:bg-muted", children: [
               /* @__PURE__ */ e(
@@ -255,25 +319,25 @@ function nt({
                   type: "button",
                   onClick: () => K({
                     ...x,
-                    hidden: i ? x.hidden.filter((t) => t !== r) : [...x.hidden, r]
+                    hidden: l ? x.hidden.filter((t) => t !== r) : [...x.hidden, r]
                   }),
                   className: "flex h-4 w-4 items-center justify-center rounded border border-slate-300 text-[10px] dark:border-border",
-                  title: i ? "Show section" : "Hide section",
-                  children: i ? "" : "✓"
+                  title: l ? "Show section" : "Hide section",
+                  children: l ? "" : "✓"
                 }
               ),
               /* @__PURE__ */ e(
                 "span",
                 {
-                  className: `min-w-0 flex-1 truncate text-[12px] ${i ? "text-slate-400 line-through" : ""}`,
-                  children: b
+                  className: `min-w-0 flex-1 truncate text-[12px] ${l ? "text-slate-400 line-through" : ""}`,
+                  children: h
                 }
               ),
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  onClick: () => m(-1),
+                  onClick: () => p(-1),
                   disabled: n === 0,
                   className: "px-1 text-[11px] text-slate-400 hover:text-foreground disabled:opacity-30",
                   children: "↑"
@@ -283,7 +347,7 @@ function nt({
                 "button",
                 {
                   type: "button",
-                  onClick: () => m(1),
+                  onClick: () => p(1),
                   disabled: n === x.order.length - 1,
                   className: "px-1 text-[11px] text-slate-400 hover:text-foreground disabled:opacity-30",
                   children: "↓"
@@ -294,73 +358,74 @@ function nt({
         ] })
       ] })
     ] }),
-    T && /* @__PURE__ */ e(
+    j && /* @__PURE__ */ e(
       "p",
       {
         className: "rounded-md border border-slate-200 bg-white px-3 py-2 text-[12px] dark:border-border dark:bg-card",
         role: "status",
         "data-my-work-task-note": !0,
-        children: T
+        children: j
       }
     ),
-    /* @__PURE__ */ e(ye, { questions: a.questions ?? [] }),
-    /* @__PURE__ */ e(Se, { className: "mb-4" }),
-    /* @__PURE__ */ e($e, { className: "mb-4" }),
+    /* @__PURE__ */ e(ve, { questions: a.questions ?? [] }),
+    /* @__PURE__ */ e(Ae, { className: "mb-4" }),
+    /* @__PURE__ */ e(je, { className: "mb-4" }),
     (() => {
       const r = {
         records: () => {
-          const t = a.owned.filter((o) => G(o.sla)).length, p = a.owned.filter((o) => {
-            var y;
-            return ((y = o.sla) == null ? void 0 : y.status) === "breached";
-          }).length, s = $ === "soon" ? a.owned.filter((o) => G(o.sla)) : $ === "breached" ? a.owned.filter((o) => {
-            var y;
-            return ((y = o.sla) == null ? void 0 : y.status) === "breached";
-          }) : a.owned, j = [
+          const t = a.owned.filter((s) => G(s.sla)).length, b = a.owned.filter((s) => {
+            var _;
+            return ((_ = s.sla) == null ? void 0 : _.status) === "breached";
+          }).length, o = $ === "soon" ? a.owned.filter((s) => G(s.sla)) : $ === "breached" ? a.owned.filter((s) => {
+            var _;
+            return ((_ = s.sla) == null ? void 0 : _.status) === "breached";
+          }) : a.owned, A = [
             { key: "all", label: `All (${a.owned.length})` },
             { key: "soon", label: `Warning within 24h (${t})` },
-            { key: "breached", label: `Breached (${p})` }
+            { key: "breached", label: `Breached (${b})` }
           ];
           return /* @__PURE__ */ d("section", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
             /* @__PURE__ */ d("div", { className: "border-b border-slate-200 px-4 py-2.5 dark:border-border", children: [
               /* @__PURE__ */ e("h2", { className: "text-[13px] font-medium", children: "Waiting on you" }),
               /* @__PURE__ */ e("p", { className: "text-[11px] text-muted-foreground", children: "Records whose current step resolves you as an owner — most urgent first." })
             ] }),
-            a.owned.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-1 border-b border-slate-100 px-4 py-2 dark:border-border/60", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-1 rounded-lg bg-slate-100 p-1 dark:bg-muted", children: j.map((o) => /* @__PURE__ */ e(
+            a.owned.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-1 border-b border-slate-100 px-4 py-2 dark:border-border/60", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-1 rounded-lg bg-slate-100 p-1 dark:bg-muted", children: A.map((s) => /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                "data-my-work-sla-filter": o.key,
-                "aria-pressed": $ === o.key,
-                onClick: () => ae(o.key),
+                "data-my-work-sla-filter": s.key,
+                "aria-pressed": $ === s.key,
+                onClick: () => ne(s.key),
                 className: [
                   "rounded-md px-2.5 py-1 text-[11px] font-medium transition-colors duration-150",
-                  $ === o.key ? "bg-white text-slate-900 shadow-sm dark:bg-card dark:text-foreground" : "text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-200"
+                  $ === s.key ? "bg-white text-slate-900 shadow-sm dark:bg-card dark:text-foreground" : "text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-200"
                 ].join(" "),
-                children: o.label
+                children: s.label
               },
-              o.key
+              s.key
             )) }) }),
-            s.length === 0 ? /* @__PURE__ */ e("p", { className: "px-4 py-6 text-center text-[12.5px] text-muted-foreground", children: a.owned.length === 0 ? "Nothing is waiting on you. Enjoy it." : "Nothing matches this filter." }) : /* @__PURE__ */ e("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: s.map((o) => /* @__PURE__ */ e(
+            o.length === 0 ? /* @__PURE__ */ e("p", { className: "px-4 py-6 text-center text-[12.5px] text-muted-foreground", children: a.owned.length === 0 ? "Nothing is waiting on you. Enjoy it." : "Nothing matches this filter." }) : /* @__PURE__ */ e("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: o.map((s) => /* @__PURE__ */ e(
               "li",
               {
-                className: f(`o:${o.collection}:${o.item}`),
-                "data-my-work-fresh": J.has(`o:${o.collection}:${o.item}`) || void 0,
+                className: N(`o:${s.collection}:${s.item}`),
+                "data-my-work-fresh": J.has(`o:${s.collection}:${s.item}`) || void 0,
                 children: /* @__PURE__ */ d(
                   "button",
                   {
                     type: "button",
-                    onClick: () => k(o.collection, o.item),
+                    onClick: () => v(s.collection, s.item),
+                    ...ee.record(s.collection, s.item),
                     className: "flex w-full items-center gap-2.5 px-4 py-2 text-left hover:bg-muted",
                     children: [
-                      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-[12.5px] font-medium", children: o.label }),
-                      /* @__PURE__ */ e("span", { className: "hidden text-[11px] text-muted-foreground sm:inline", children: o.collection.replace(/_/g, " ") }),
-                      /* @__PURE__ */ e(Fe, { state: o.state, color: o.state_color }),
-                      /* @__PURE__ */ e(De, { sla: o.sla })
+                      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-[12.5px] font-medium", children: s.label }),
+                      /* @__PURE__ */ e("span", { className: "hidden text-[11px] text-muted-foreground sm:inline", children: s.collection.replace(/_/g, " ") }),
+                      /* @__PURE__ */ e(Ee, { state: s.state, color: s.state_color }),
+                      /* @__PURE__ */ e(We, { sla: s.sla })
                     ]
                   }
                 )
               },
-              `${o.collection}:${o.item}`
+              `${s.collection}:${s.item}`
             )) })
           ] });
         },
@@ -369,7 +434,7 @@ function nt({
           a.tasks.length === 0 ? /* @__PURE__ */ e("p", { className: "px-4 py-5 text-center text-[12.5px] text-muted-foreground", children: "No open tasks." }) : /* @__PURE__ */ e("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: a.tasks.map((t) => /* @__PURE__ */ d(
             "li",
             {
-              className: A("flex items-center gap-2.5 px-4 py-2", f(`t:${t.id}`)),
+              className: M("flex items-center gap-2.5 px-4 py-2", N(`t:${t.id}`)),
               children: [
                 /* @__PURE__ */ e(
                   "button",
@@ -391,7 +456,7 @@ function nt({
                     "data-tip": `Handed to ${t.agent_name ?? "your agent"} — it picks this up through My Work`,
                     "data-my-work-agent-task": t.id,
                     children: [
-                      /* @__PURE__ */ e(ie, { className: "h-3 w-3", "aria-hidden": !0 }),
+                      /* @__PURE__ */ e(ce, { className: "h-3 w-3", "aria-hidden": !0 }),
                       t.agent_name ?? "Agent"
                     ]
                   }
@@ -400,7 +465,7 @@ function nt({
                   "button",
                   {
                     type: "button",
-                    onClick: () => t.kind === "support" ? U(t.id) : k(t.collection, t.item),
+                    onClick: () => t.kind === "support" ? U(t.id) : v(t.collection, t.item),
                     className: "min-w-0 flex-1 truncate text-left text-[12.5px] hover:underline",
                     children: [
                       t.title,
@@ -409,18 +474,18 @@ function nt({
                   }
                 ),
                 /* @__PURE__ */ e(
-                  we,
+                  Ce,
                   {
                     task: t,
                     isAssignee: !0,
                     compact: !0,
-                    onTaskChanged: () => void h.invalidateQueries({ queryKey: ["my-work"] })
+                    onTaskChanged: () => void f.invalidateQueries({ queryKey: ["my-work"] })
                   }
                 ),
                 t.due_date && /* @__PURE__ */ e(
                   "span",
                   {
-                    className: `text-[11px] tabular-nums ${M(t.due_date) ? "font-medium text-red-600 dark:text-red-400" : "text-muted-foreground"}`,
+                    className: `text-[11px] tabular-nums ${L(t.due_date) ? "font-medium text-red-600 dark:text-red-400" : "text-muted-foreground"}`,
                     children: new Date(t.due_date).toLocaleDateString(void 0, { timeZone: "UTC" })
                   }
                 )
@@ -442,7 +507,7 @@ function nt({
               (a.team_tasks ?? []).length === 0 ? /* @__PURE__ */ e("p", { className: "px-4 py-5 text-center text-[12.5px] text-muted-foreground", children: "Nothing waiting with your teams." }) : /* @__PURE__ */ e("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: (a.team_tasks ?? []).map((t) => /* @__PURE__ */ d(
                 "li",
                 {
-                  className: A("flex items-center gap-2.5 px-4 py-2", f(`tt:${t.id}`)),
+                  className: M("flex items-center gap-2.5 px-4 py-2", N(`tt:${t.id}`)),
                   "data-my-work-team-task": t.id,
                   children: [
                     t.priority === "urgent" && /* @__PURE__ */ e("span", { className: "shrink-0 rounded bg-red-500/10 px-1 py-px text-[9.5px] font-semibold uppercase tracking-wide text-red-600 dark:text-red-400", children: "urgent" }),
@@ -450,7 +515,7 @@ function nt({
                       "button",
                       {
                         type: "button",
-                        onClick: () => k(t.collection, t.item),
+                        onClick: () => v(t.collection, t.item),
                         className: "min-w-0 flex-1 truncate text-left text-[12.5px] hover:underline",
                         children: [
                           t.title,
@@ -461,7 +526,7 @@ function nt({
                     t.due_date && /* @__PURE__ */ e(
                       "span",
                       {
-                        className: `text-[11px] tabular-nums ${M(t.due_date) ? "font-medium text-red-600 dark:text-red-400" : "text-muted-foreground"}`,
+                        className: `text-[11px] tabular-nums ${L(t.due_date) ? "font-medium text-red-600 dark:text-red-400" : "text-muted-foreground"}`,
                         children: new Date(t.due_date).toLocaleDateString(void 0, {
                           timeZone: "UTC"
                         })
@@ -471,8 +536,8 @@ function nt({
                       "button",
                       {
                         type: "button",
-                        onClick: () => S.mutate({ id: t.id, action: "claim" }),
-                        disabled: S.isPending,
+                        onClick: () => T.mutate({ id: t.id, action: "claim" }),
+                        disabled: T.isPending,
                         className: "shrink-0 rounded-md border border-slate-200 px-2 py-0.5 text-[11px] font-medium hover:bg-muted dark:border-border",
                         "data-my-work-claim": t.id,
                         children: "Pick it up"
@@ -486,7 +551,7 @@ function nt({
           }
         ),
         waiting: () => {
-          const t = a.requested ?? [], p = t.filter((s) => M(s.due_date)).length;
+          const t = a.requested ?? [], b = t.filter((o) => L(o.due_date)).length;
           return /* @__PURE__ */ d(
             "section",
             {
@@ -496,63 +561,63 @@ function nt({
                 /* @__PURE__ */ d("div", { className: "border-b border-slate-200 px-4 py-2.5 dark:border-border", children: [
                   /* @__PURE__ */ d("h2", { className: "text-[13px] font-medium", children: [
                     "Waiting on others",
-                    p > 0 && /* @__PURE__ */ d("span", { className: "ml-2 rounded bg-red-500/10 px-1.5 py-0.5 text-[10.5px] font-semibold text-red-600 dark:text-red-400", children: [
-                      p,
+                    b > 0 && /* @__PURE__ */ d("span", { className: "ml-2 rounded bg-red-500/10 px-1.5 py-0.5 text-[10.5px] font-semibold text-red-600 dark:text-red-400", children: [
+                      b,
                       " overdue"
                     ] })
                   ] }),
                   /* @__PURE__ */ e("p", { className: "text-[11px] text-muted-foreground", children: "Tasks you asked someone else to do." })
                 ] }),
-                t.length === 0 ? /* @__PURE__ */ e("p", { className: "px-4 py-5 text-center text-[12.5px] text-muted-foreground", children: "You are not waiting on anyone." }) : /* @__PURE__ */ e("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: t.map((s) => {
-                  const j = M(s.due_date), o = !!s.nudged_at && Date.now() - new Date(s.nudged_at).getTime() < 20 * 36e5;
+                t.length === 0 ? /* @__PURE__ */ e("p", { className: "px-4 py-5 text-center text-[12.5px] text-muted-foreground", children: "You are not waiting on anyone." }) : /* @__PURE__ */ e("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: t.map((o) => {
+                  const A = L(o.due_date), s = !!o.nudged_at && Date.now() - new Date(o.nudged_at).getTime() < 20 * 36e5;
                   return /* @__PURE__ */ d(
                     "li",
                     {
-                      className: A("flex items-center gap-2.5 px-4 py-2", f(`r:${s.id}`)),
-                      "data-my-work-requested": s.id,
+                      className: M("flex items-center gap-2.5 px-4 py-2", N(`r:${o.id}`)),
+                      "data-my-work-requested": o.id,
                       children: [
                         /* @__PURE__ */ d(
                           "button",
                           {
                             type: "button",
-                            onClick: () => s.kind === "support" ? U(s.id) : k(s.collection, s.item),
+                            onClick: () => o.kind === "support" ? U(o.id) : v(o.collection, o.item),
                             className: "min-w-0 flex-1 truncate text-left text-[12.5px] hover:underline",
                             children: [
-                              s.title,
+                              o.title,
                               /* @__PURE__ */ e("span", { className: "ml-1.5 text-[11px] text-muted-foreground", children: [
-                                s.assignee_name ?? (s.team_name ? `${s.team_name} team` : "Unassigned"),
-                                s.item_label
+                                o.assignee_name ?? (o.team_name ? `${o.team_name} team` : "Unassigned"),
+                                o.item_label
                               ].filter(Boolean).join(" · ") })
                             ]
                           }
                         ),
-                        s.due_date && /* @__PURE__ */ d(
+                        o.due_date && /* @__PURE__ */ d(
                           "span",
                           {
-                            className: `text-[11px] tabular-nums ${j ? "font-medium text-red-600 dark:text-red-400" : "text-muted-foreground"}`,
+                            className: `text-[11px] tabular-nums ${A ? "font-medium text-red-600 dark:text-red-400" : "text-muted-foreground"}`,
                             children: [
-                              j ? "Overdue · " : "",
-                              new Date(s.due_date).toLocaleDateString(void 0, {
+                              A ? "Overdue · " : "",
+                              new Date(o.due_date).toLocaleDateString(void 0, {
                                 timeZone: "UTC"
                               })
                             ]
                           }
                         ),
-                        s.kind !== "support" && /* @__PURE__ */ e(
+                        o.kind !== "support" && /* @__PURE__ */ e(
                           "button",
                           {
                             type: "button",
-                            onClick: () => S.mutate({ id: s.id, action: "nudge" }),
-                            disabled: S.isPending || o,
-                            title: o ? "Already nudged today" : "Send a reminder",
+                            onClick: () => T.mutate({ id: o.id, action: "nudge" }),
+                            disabled: T.isPending || s,
+                            title: s ? "Already nudged today" : "Send a reminder",
                             className: "shrink-0 rounded-md border border-slate-200 px-2 py-0.5 text-[11px] font-medium hover:bg-muted disabled:opacity-50 dark:border-border",
-                            "data-my-work-nudge": s.id,
-                            children: o ? "Nudged" : "Nudge"
+                            "data-my-work-nudge": o.id,
+                            children: s ? "Nudged" : "Nudge"
                           }
                         )
                       ]
                     },
-                    s.id
+                    o.id
                   );
                 }) })
               ]
@@ -575,10 +640,10 @@ function nt({
           a.notifications.length === 0 ? /* @__PURE__ */ e("p", { className: "px-4 py-5 text-center text-[12.5px] text-muted-foreground", children: "You're all caught up." }) : /* @__PURE__ */ e("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: a.notifications.map((t) => /* @__PURE__ */ d(
             "li",
             {
-              className: A("flex items-start gap-2.5 px-4 py-2", f(`n:${t.id}`)),
+              className: M("flex items-start gap-2.5 px-4 py-2", N(`n:${t.id}`)),
               children: [
                 /* @__PURE__ */ e(
-                  je,
+                  qe,
                   {
                     userId: t.sender,
                     className: "mt-0.5 h-5 w-5",
@@ -589,8 +654,8 @@ function nt({
                   "button",
                   {
                     type: "button",
-                    onClick: () => k(t.collection, t.item),
-                    className: de(t.collection, t.item) ? "min-w-0 flex-1 cursor-pointer text-left hover:opacity-80" : "min-w-0 flex-1 cursor-default text-left",
+                    onClick: () => v(t.collection, t.item),
+                    className: oe(t.collection, t.item) ? "min-w-0 flex-1 cursor-pointer text-left hover:opacity-80" : "min-w-0 flex-1 cursor-default text-left",
                     children: [
                       /* @__PURE__ */ e("p", { className: "truncate text-[12.5px] font-medium", children: t.subject }),
                       t.message && /* @__PURE__ */ e("p", { className: "truncate text-[11.5px] text-muted-foreground", children: t.message })
@@ -614,57 +679,57 @@ function nt({
         ] })
       }, n = new Map(
         x.order.filter((t) => !x.hidden.includes(t) && r[t]).map((t) => [t, r[t]()]).filter(([, t]) => t != null)
-      ), b = [...n.keys()], i = [];
-      let m = 0;
-      for (; m < b.length; ) {
-        const t = b[m];
+      ), h = [...n.keys()], l = [];
+      let p = 0;
+      for (; p < h.length; ) {
+        const t = h[p];
         if (t === "records")
-          i.push(/* @__PURE__ */ e("div", { children: n.get(t) }, t)), m++;
+          l.push(/* @__PURE__ */ e("div", { children: n.get(t) }, t)), p++;
         else {
-          const p = [t];
-          m + 1 < b.length && b[m + 1] !== "records" && p.push(b[m + 1]), i.push(
-            /* @__PURE__ */ e("div", { className: "grid gap-5 lg:grid-cols-2", children: p.map((s) => /* @__PURE__ */ e("div", { children: n.get(s) }, s)) }, p.join("+"))
-          ), m += p.length;
+          const b = [t];
+          p + 1 < h.length && h[p + 1] !== "records" && b.push(h[p + 1]), l.push(
+            /* @__PURE__ */ e("div", { className: "grid gap-5 lg:grid-cols-2", children: b.map((o) => /* @__PURE__ */ e("div", { children: n.get(o) }, o)) }, b.join("+"))
+          ), p += b.length;
         }
       }
-      return i;
+      return l;
     })(),
-    /* @__PURE__ */ e(Ie, {})
+    /* @__PURE__ */ e(Ke, {})
   ] });
 }
-function Ie() {
-  const l = _e(), { rooms: c } = Ce(l);
-  return !l || c.length === 0 ? null : /* @__PURE__ */ d(
+function Ke() {
+  const i = $e(), { rooms: u } = Te(i);
+  return !i || u.length === 0 ? null : /* @__PURE__ */ d(
     "section",
     {
       className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card",
       "data-my-work-chat": !0,
       children: [
         /* @__PURE__ */ e("div", { className: "border-b border-slate-200 px-4 py-2.5 dark:border-border", children: /* @__PURE__ */ e("h2", { className: "text-[13px] font-medium", children: "Record conversations" }) }),
-        /* @__PURE__ */ e("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: c.map((u) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
+        /* @__PURE__ */ e("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: u.map((c) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
           "button",
           {
             type: "button",
-            onClick: () => ve(u.room, u.label),
+            onClick: () => Se(c.room, c.label),
             className: "flex w-full items-center gap-2.5 px-4 py-2 text-left hover:bg-slate-50 dark:hover:bg-muted/40",
-            "data-my-work-chat-room": u.room,
+            "data-my-work-chat-room": c.room,
             children: [
               /* @__PURE__ */ d("span", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ e("span", { className: "block truncate text-[12.5px] font-medium", children: u.label }),
-                u.last_message && /* @__PURE__ */ d("span", { className: "block truncate text-[11.5px] text-muted-foreground", children: [
-                  u.last_message.sender_name ? `${u.last_message.sender_name}: ` : "",
-                  u.last_message.message.replace(/@\[([^\]]+)\]/g, "@$1")
+                /* @__PURE__ */ e("span", { className: "block truncate text-[12.5px] font-medium", children: c.label }),
+                c.last_message && /* @__PURE__ */ d("span", { className: "block truncate text-[11.5px] text-muted-foreground", children: [
+                  c.last_message.sender_name ? `${c.last_message.sender_name}: ` : "",
+                  c.last_message.message.replace(/@\[([^\]]+)\]/g, "@$1")
                 ] })
               ] }),
-              u.mentions > 0 && /* @__PURE__ */ e("span", { className: "flex h-5 min-w-5 items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-bold text-white", children: "@" }),
-              /* @__PURE__ */ e("span", { className: "flex h-5 min-w-5 items-center justify-center rounded-full bg-slate-100 px-1.5 text-[10px] font-bold tabular-nums text-slate-600 dark:bg-muted dark:text-slate-300", children: u.unread > 99 ? "99+" : u.unread })
+              c.mentions > 0 && /* @__PURE__ */ e("span", { className: "flex h-5 min-w-5 items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-bold text-white", children: "@" }),
+              /* @__PURE__ */ e("span", { className: "flex h-5 min-w-5 items-center justify-center rounded-full bg-slate-100 px-1.5 text-[10px] font-bold tabular-nums text-slate-600 dark:bg-muted dark:text-slate-300", children: c.unread > 99 ? "99+" : c.unread })
             ]
           }
-        ) }, u.room)) })
+        ) }, c.room)) })
       ]
     }
   );
 }
 export {
-  nt as MyWorkView
+  mt as MyWorkView
 };