@nivaro/react 0.3.36 → 0.3.37

package/dist/shared/components/MyWorkView.js

@@ -1,46 +1,48 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { useQueryClient as se, useQuery as oe, useMutation as L } from "@tanstack/react-query";
-import { useState as N, useRef as q, useEffect as E, useMemo as ie } from "react";
-import { useApiFetchConfig as le, useItemNavigation as ce, useNavigation as me } from "../context.js";
-import { useLiveEvent as ue } from "../lib/live.js";
-import { useLiveOps as pe, useFreshIds as be } from "../lib/live-ops.js";
-import { resolveNotificationTarget as Z, runNotificationTarget as xe } from "../lib/notification-target.js";
-import { useOptionalRealtime as he } from "../lib/realtime.js";
-import { userErrorMessage as ge } from "../lib/safe-error.js";
-import { withinDay as G, slaChip as fe } from "../lib/sla-chip.js";
+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 { FirstWeekCard as ke } from "./ai/FirstWeekCard.js";
-import { TaskDoButton as ye } from "./ai/TaskDo.js";
-import { openChatRoom as Ne, canOpenChatRoom as we } from "./chat/chat-core.js";
-import { useMyRecordRooms as ve } from "./chat/chat-hooks.js";
-import { LearningPathCard as _e } from "./help-videos/viewer/LearningPathCard.js";
-import { RequiredVideosCard as Ce } from "./help-videos/viewer/RequiredVideosCard.js";
-import { TickerNumber as $e } from "./TickerNumber.js";
-import { UserAvatar as Se } from "./UserAvatar.js";
-const Te = 8e3, X = ["records", "tasks", "team", "waiting", "notifications"], je = {
+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 = {
   records: "Waiting on you",
   tasks: "My tasks",
   team: "Team tasks",
   waiting: "Waiting on others",
   notifications: "Notifications"
-}, Ae = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), M = (l) => !!l && String(l).slice(0, 10) < Ae(), Me = {
+}, qe = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), M = (l) => !!l && String(l).slice(0, 10) < qe(), Oe = {
   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 Oe({ sla: l }) {
-  const c = fe(l);
+function De({ sla: l }) {
+  const c = ke(l);
   return c ? /* @__PURE__ */ e(
     "span",
     {
       "data-sla-chip": c.tone,
-      className: `rounded px-1.5 py-0.5 text-[10px] font-semibold tabular-nums ${Me[c.tone]}`,
+      className: `rounded px-1.5 py-0.5 text-[10px] font-semibold tabular-nums ${Oe[c.tone]}`,
       children: c.label
     }
   ) : null;
 }
-function De({ state: l, color: c }) {
+function Fe({ state: l, color: c }) {
   return l ? /* @__PURE__ */ e(
     "span",
     {
@@ -53,162 +55,162 @@ function De({ state: l, color: c }) {
     }
   ) : null;
 }
-function O({ label: l, value: c, tone: u }) {
-  return /* @__PURE__ */ s("div", { className: "rounded-lg border border-slate-200 bg-white p-3 dark:border-border dark:bg-card", children: [
+function q({ label: l, value: c, tone: u }) {
+  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($e, { value: c }) })
+    /* @__PURE__ */ e("p", { className: `mt-0.5 text-[18px] font-semibold tabular-nums ${u ?? ""}`, children: /* @__PURE__ */ e(Te, { value: c }) })
   ] });
 }
-function et({
+function nt({
   notificationRoutes: l,
   onOpenPath: c
 } = {}) {
-  const { apiBase: u, authHeaders: w, credentials: v } = le(), { open: U } = ce(), _ = me(), h = se(), W = (t) => {
+  const { apiBase: u, authHeaders: w, credentials: v } = ce(), { open: W } = me(), _ = ue(), h = se(), U = (r) => {
     var b, i;
-    const d = ((b = l == null ? void 0 : l.support) == null ? void 0 : b.call(l, String(t))) ?? ((i = _.consoleUrl) == null ? void 0 : i.call(_, `/support?ticket=${t}`)) ?? `/support?ticket=${t}`;
-    c ? c(d) : _.navigate(d);
-  }, D = he(), [R, C] = N(!1), [x, ee] = N(() => {
+    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(() => {
     try {
-      const t = localStorage.getItem("nvr_mywork_sections");
-      if (t) {
-        const d = JSON.parse(t);
-        if (Array.isArray(d == null ? void 0 : d.order) && Array.isArray(d == null ? void 0 : d.hidden)) {
+      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: d.order.indexOf(i) >= 0 ? d.order.indexOf(i) : m - 0.5
+            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: d.hidden.filter((i) => b.includes(i)) };
+          return { order: b, hidden: n.hidden.filter((i) => b.includes(i)) };
         }
       }
     } catch {
     }
     return { order: [...X], hidden: [] };
-  }), K = (t) => {
-    ee(t);
+  }), K = (r) => {
+    ee(r);
     try {
-      localStorage.setItem("nvr_mywork_sections", JSON.stringify(t));
+      localStorage.setItem("nvr_mywork_sections", JSON.stringify(r));
     } catch {
     }
-  }, [te, re] = N(!1), P = q(0), [$, ae] = N("all"), { data: a, isLoading: de, refetch: Q, isFetching: B } = oe({
+  }, [te, re] = N(!1), Q = L(0), [$, ae] = N("all"), { data: a, isLoading: ne, refetch: P, isFetching: B } = oe({
     queryKey: ["my-work"],
     queryFn: async () => {
-      const t = await fetch(`${u}/my-work`, { headers: w, credentials: v });
-      if (!t.ok) throw new Error("my-work failed");
-      return (await t.json()).data;
+      const r = await fetch(`${u}/my-work`, { headers: w, credentials: v });
+      if (!r.ok) throw new Error("my-work failed");
+      return (await r.json()).data;
     },
     staleTime: 6e4
-  }), z = q(0), g = q(null), J = () => {
-    const t = () => {
+  }), z = L(0), g = L(null), H = () => {
+    const r = () => {
       g.current = null, z.current = Date.now(), C(!1), h.invalidateQueries({ queryKey: ["my-work"] });
-    }, d = z.current + Te - Date.now();
-    g.current || (d <= 0 ? t() : g.current = setTimeout(t, d));
+    }, n = z.current + Ae - Date.now();
+    g.current || (n <= 0 ? r() : g.current = setTimeout(r, n));
   };
-  pe("my-work", J, { debounceMs: 1500 }), ue("notification:new", J, { debounceMs: 1500 }), E(
+  be("my-work", H, { debounceMs: 1500 }), pe("notification:new", H, { debounceMs: 1500 }), E(
     () => () => {
       g.current && clearTimeout(g.current);
     },
     []
   );
-  const H = be([
-    ...((a == null ? void 0 : a.owned) ?? []).map((t) => `o:${t.collection}:${t.item}`),
-    ...((a == null ? void 0 : a.tasks) ?? []).map((t) => `t:${t.id}`),
-    ...((a == null ? void 0 : a.team_tasks) ?? []).map((t) => `tt:${t.id}`),
-    ...((a == null ? void 0 : a.requested) ?? []).map((t) => `r:${t.id}`),
-    ...((a == null ? void 0 : a.notifications) ?? []).map((t) => `n:${t.id}`)
-  ]), f = (t) => H.has(t) ? "bg-nvr-cyan/10 transition-colors duration-700" : "transition-colors duration-700", F = ie(() => {
-    const t = /* @__PURE__ */ new Set();
-    for (const d of (a == null ? void 0 : a.owned) ?? []) d.collection && t.add(d.collection);
-    return [...t];
+  const J = xe([
+    ...((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(() => {
+    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 (!(!D || F.length === 0))
-      return D.subscribeCollections(F, () => {
-        const t = Date.now();
-        t - P.current < 3e4 || (P.current = t, C(!0));
+    if (!(!O || D.length === 0))
+      return O.subscribeCollections(D, () => {
+        const r = Date.now();
+        r - Q.current < 3e4 || (Q.current = r, C(!0));
       });
-  }, [D, F]);
-  const V = L({
+  }, [O, D]);
+  const V = I({
     // A ticket closes through /support so its requester hears about it.
-    mutationFn: (t) => fetch(`${u}/${t.kind === "support" ? "support/tickets" : "tasks"}/${t.id}`, {
+    mutationFn: (r) => fetch(`${u}/${r.kind === "support" ? "support/tickets" : "tasks"}/${r.id}`, {
       method: "PATCH",
       headers: { ...w, "content-type": "application/json" },
       credentials: v,
       body: JSON.stringify({ status: "done" })
     }),
     onSuccess: () => h.invalidateQueries({ queryKey: ["my-work"] })
-  }), S = L({
-    mutationFn: async ({ id: t, action: d }) => {
-      const b = await fetch(`${u}/tasks/${t}/${d}`, {
+  }), S = I({
+    mutationFn: async ({ id: r, action: n }) => {
+      const b = await fetch(`${u}/tasks/${r}/${n}`, {
         method: "POST",
         headers: { ...w, "content-type": "application/json" },
         credentials: v,
         body: "{}"
       }), i = await b.json().catch(() => ({}));
       if (!b.ok) throw new Error(i.error ?? "Failed");
-      return d;
+      return n;
     },
-    onSuccess: (t) => {
-      I(t === "claim" ? "It’s yours — it moved to My tasks." : "Reminder sent."), h.invalidateQueries({ queryKey: ["my-work"] });
+    onSuccess: (r) => {
+      F(r === "claim" ? "It’s yours — it moved to My tasks." : "Reminder sent."), h.invalidateQueries({ queryKey: ["my-work"] });
     },
-    onError: (t) => I(ge(t, "Failed"))
-  }), [T, I] = N(null);
+    onError: (r) => F(fe(r, "Failed"))
+  }), [T, F] = N(null);
   E(() => {
     if (!T) return;
-    const t = setTimeout(() => I(null), 4e3);
-    return () => clearTimeout(t);
+    const r = setTimeout(() => F(null), 4e3);
+    return () => clearTimeout(r);
   }, [T]);
-  const Y = L({
-    mutationFn: (t) => fetch(`${u}/notifications/mark-read`, {
+  const Y = I({
+    mutationFn: (r) => fetch(`${u}/notifications/mark-read`, {
       method: "POST",
       headers: { ...w, "content-type": "application/json" },
       credentials: v,
-      body: JSON.stringify({ ids: t })
+      body: JSON.stringify({ ids: r })
     }),
     onSuccess: () => {
       h.invalidateQueries({ queryKey: ["my-work"] }), h.invalidateQueries({ queryKey: ["notifications"] });
     }
-  }), k = (t, d) => {
+  }), k = (r, n) => {
     const b = {
-      record: (m, r) => (U({ collection: m, itemId: r }), null),
+      record: (m, t) => (W({ collection: m, itemId: t }), null),
       ...l
-    }, i = Z(t, d, {
+    }, i = Z(r, n, {
       ...b,
-      record: (m, r) => {
+      record: (m, t) => {
         var p;
-        return ((p = l == null ? void 0 : l.record) == null ? void 0 : p.call(l, m, r)) ?? null;
+        return ((p = l == null ? void 0 : l.record) == null ? void 0 : p.call(l, m, t)) ?? null;
       }
     });
     if (i) {
-      xe(i, (m) => c == null ? void 0 : c(m));
+      he(i, (m) => c == null ? void 0 : c(m));
       return;
     }
-    t && d && !/^nivaro_/i.test(t) && t !== "__chat__" && U({ collection: t, itemId: d });
-  }, ne = (t, d) => t && d && !/^nivaro_/i.test(t) && t !== "__chat__" ? !0 : !!Z(t, d, {
+    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, {
     record: () => null,
     ...l
   });
-  return de || !a ? /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-3 p-6", children: [1, 2, 3, 4].map((t) => /* @__PURE__ */ e("div", { className: "h-16 animate-pulse rounded-lg bg-[hsl(var(--nvr-skeleton))]" }, t)) }) : /* @__PURE__ */ s("div", { className: "space-y-5 p-6", "data-my-work": !0, children: [
-    /* @__PURE__ */ e(ke, { onOpenPath: c }),
-    /* @__PURE__ */ s("div", { className: "flex items-start justify-between", children: [
-      /* @__PURE__ */ s("div", { className: "grid flex-1 grid-cols-2 gap-3 lg:grid-cols-4", children: [
-        /* @__PURE__ */ e(O, { label: "Waiting on you", value: a.counts.owned }),
+  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 }),
+    /* @__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,
+          q,
           {
             label: "SLA breached",
             value: a.counts.owned_breached,
             tone: a.counts.owned_breached > 0 ? "text-red-600 dark:text-red-400" : ""
           }
         ),
-        /* @__PURE__ */ e(O, { label: "Open tasks", value: a.counts.tasks }),
-        /* @__PURE__ */ e(O, { label: "Unread notifications", value: a.counts.notifications })
+        /* @__PURE__ */ e(q, { label: "Open tasks", value: a.counts.tasks }),
+        /* @__PURE__ */ e(q, { label: "Unread notifications", value: a.counts.notifications })
       ] }),
-      R && /* @__PURE__ */ s(
+      R && /* @__PURE__ */ d(
         "button",
         {
           type: "button",
           onClick: () => {
-            C(!1), Q();
+            C(!1), P();
           },
           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: [
@@ -222,38 +224,38 @@ function et({
         {
           type: "button",
           onClick: () => {
-            C(!1), Q();
+            C(!1), P();
           },
           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",
           children: B ? "Refreshing…" : "Refresh"
         }
       ),
-      /* @__PURE__ */ s("div", { className: "relative ml-2", children: [
+      /* @__PURE__ */ d("div", { className: "relative ml-2", children: [
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => re((t) => !t),
+            onClick: () => re((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__ */ s("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: [
+        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: [
           /* @__PURE__ */ e("p", { className: "px-1 pb-1.5 text-[11px] font-semibold text-slate-500", children: "Sections" }),
-          x.order.map((t, d) => {
-            const b = je[t] ?? t, i = x.hidden.includes(t), m = (r) => {
-              const p = [...x.order], n = d + r;
-              n < 0 || n >= p.length || ([p[d], p[n]] = [p[n], p[d]], K({ ...x, order: p }));
+          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 }));
             };
-            return /* @__PURE__ */ s("div", { className: "flex items-center gap-1 rounded px-1 py-1 hover:bg-muted", children: [
+            return /* @__PURE__ */ d("div", { className: "flex items-center gap-1 rounded px-1 py-1 hover:bg-muted", children: [
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   onClick: () => K({
                     ...x,
-                    hidden: i ? x.hidden.filter((r) => r !== t) : [...x.hidden, t]
+                    hidden: i ? 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",
@@ -272,7 +274,7 @@ function et({
                 {
                   type: "button",
                   onClick: () => m(-1),
-                  disabled: d === 0,
+                  disabled: n === 0,
                   className: "px-1 text-[11px] text-slate-400 hover:text-foreground disabled:opacity-30",
                   children: "↑"
                 }
@@ -282,12 +284,12 @@ function et({
                 {
                   type: "button",
                   onClick: () => m(1),
-                  disabled: d === x.order.length - 1,
+                  disabled: n === x.order.length - 1,
                   className: "px-1 text-[11px] text-slate-400 hover:text-foreground disabled:opacity-30",
                   children: "↓"
                 }
               )
-            ] }, t);
+            ] }, r);
           })
         ] })
       ] })
@@ -301,24 +303,25 @@ function et({
         children: T
       }
     ),
-    /* @__PURE__ */ e(Ce, { className: "mb-4" }),
-    /* @__PURE__ */ e(_e, { className: "mb-4" }),
+    /* @__PURE__ */ e(ye, { questions: a.questions ?? [] }),
+    /* @__PURE__ */ e(Se, { className: "mb-4" }),
+    /* @__PURE__ */ e($e, { className: "mb-4" }),
     (() => {
-      const t = {
+      const r = {
         records: () => {
-          const r = a.owned.filter((o) => G(o.sla)).length, p = a.owned.filter((o) => {
+          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, n = $ === "soon" ? a.owned.filter((o) => G(o.sla)) : $ === "breached" ? a.owned.filter((o) => {
+          }).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 = [
             { key: "all", label: `All (${a.owned.length})` },
-            { key: "soon", label: `Warning within 24h (${r})` },
+            { key: "soon", label: `Warning within 24h (${t})` },
             { key: "breached", label: `Breached (${p})` }
           ];
-          return /* @__PURE__ */ s("section", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
-            /* @__PURE__ */ s("div", { className: "border-b border-slate-200 px-4 py-2.5 dark:border-border", children: [
+          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." })
             ] }),
@@ -337,12 +340,12 @@ function et({
               },
               o.key
             )) }) }),
-            n.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: n.map((o) => /* @__PURE__ */ e(
+            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(
               "li",
               {
                 className: f(`o:${o.collection}:${o.item}`),
-                "data-my-work-fresh": H.has(`o:${o.collection}:${o.item}`) || void 0,
-                children: /* @__PURE__ */ s(
+                "data-my-work-fresh": J.has(`o:${o.collection}:${o.item}`) || void 0,
+                children: /* @__PURE__ */ d(
                   "button",
                   {
                     type: "button",
@@ -351,8 +354,8 @@ function et({
                     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(De, { state: o.state, color: o.state_color }),
-                      /* @__PURE__ */ e(Oe, { sla: o.sla })
+                      /* @__PURE__ */ e(Fe, { state: o.state, color: o.state_color }),
+                      /* @__PURE__ */ e(De, { sla: o.sla })
                     ]
                   }
                 )
@@ -361,93 +364,105 @@ function et({
             )) })
           ] });
         },
-        tasks: () => /* @__PURE__ */ s("section", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
+        tasks: () => /* @__PURE__ */ d("section", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", 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: "My tasks" }) }),
-          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((r) => /* @__PURE__ */ s(
+          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:${r.id}`)),
+              className: A("flex items-center gap-2.5 px-4 py-2", f(`t:${t.id}`)),
               children: [
                 /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
                     title: "Mark done",
-                    onClick: () => V.mutate(r),
+                    onClick: () => V.mutate(t),
                     disabled: V.isPending,
                     className: "flex h-4 w-4 shrink-0 items-center justify-center rounded border border-slate-300 text-transparent hover:border-emerald-500 hover:text-emerald-500 dark:border-border",
                     children: "✓"
                   }
                 ),
-                r.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" }),
-                r.kind === "support" && /* @__PURE__ */ e("span", { className: "shrink-0 rounded bg-slate-100 px-1 py-px text-[9.5px] font-semibold uppercase tracking-wide text-slate-600 dark:bg-white/10 dark:text-slate-300", children: "support" }),
-                /* @__PURE__ */ s(
+                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" }),
+                t.kind === "support" && /* @__PURE__ */ e("span", { className: "shrink-0 rounded bg-slate-100 px-1 py-px text-[9.5px] font-semibold uppercase tracking-wide text-slate-600 dark:bg-white/10 dark:text-slate-300", children: "support" }),
+                t.agent_assignee && /* @__PURE__ */ d(
+                  "span",
+                  {
+                    className: "inline-flex shrink-0 items-center gap-1 rounded bg-nvr-cyan/10 px-1 py-px text-[10px] font-medium text-[#0e7490] dark:text-[#67e8f9]",
+                    "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 }),
+                      t.agent_name ?? "Agent"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ d(
                   "button",
                   {
                     type: "button",
-                    onClick: () => r.kind === "support" ? W(r.id) : k(r.collection, r.item),
+                    onClick: () => t.kind === "support" ? U(t.id) : k(t.collection, t.item),
                     className: "min-w-0 flex-1 truncate text-left text-[12.5px] hover:underline",
                     children: [
-                      r.title,
-                      r.item_label && /* @__PURE__ */ e("span", { className: "ml-1.5 text-[11px] text-muted-foreground", children: r.item_label })
+                      t.title,
+                      t.item_label && /* @__PURE__ */ e("span", { className: "ml-1.5 text-[11px] text-muted-foreground", children: t.item_label })
                     ]
                   }
                 ),
                 /* @__PURE__ */ e(
-                  ye,
+                  we,
                   {
-                    task: r,
+                    task: t,
                     isAssignee: !0,
                     compact: !0,
                     onTaskChanged: () => void h.invalidateQueries({ queryKey: ["my-work"] })
                   }
                 ),
-                r.due_date && /* @__PURE__ */ e(
+                t.due_date && /* @__PURE__ */ e(
                   "span",
                   {
-                    className: `text-[11px] tabular-nums ${M(r.due_date) ? "font-medium text-red-600 dark:text-red-400" : "text-muted-foreground"}`,
-                    children: new Date(r.due_date).toLocaleDateString(void 0, { timeZone: "UTC" })
+                    className: `text-[11px] tabular-nums ${M(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" })
                   }
                 )
               ]
             },
-            r.id
+            t.id
           )) })
         ] }),
-        team: () => !a.on_a_team && !(a.team_tasks ?? []).length ? null : /* @__PURE__ */ s(
+        team: () => !a.on_a_team && !(a.team_tasks ?? []).length ? null : /* @__PURE__ */ d(
           "section",
           {
             className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card",
             "data-my-work-team": !0,
             children: [
-              /* @__PURE__ */ s("div", { className: "border-b border-slate-200 px-4 py-2.5 dark:border-border", 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: "Team tasks" }),
                 /* @__PURE__ */ e("p", { className: "text-[11px] text-muted-foreground", children: "Waiting with a team you are on — pick one up to make it yours." })
               ] }),
-              (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((r) => /* @__PURE__ */ s(
+              (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:${r.id}`)),
-                  "data-my-work-team-task": r.id,
+                  className: A("flex items-center gap-2.5 px-4 py-2", f(`tt:${t.id}`)),
+                  "data-my-work-team-task": t.id,
                   children: [
-                    r.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" }),
-                    /* @__PURE__ */ s(
+                    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" }),
+                    /* @__PURE__ */ d(
                       "button",
                       {
                         type: "button",
-                        onClick: () => k(r.collection, r.item),
+                        onClick: () => k(t.collection, t.item),
                         className: "min-w-0 flex-1 truncate text-left text-[12.5px] hover:underline",
                         children: [
-                          r.title,
-                          /* @__PURE__ */ e("span", { className: "ml-1.5 text-[11px] text-muted-foreground", children: [r.team_name, r.item_label].filter(Boolean).join(" · ") })
+                          t.title,
+                          /* @__PURE__ */ e("span", { className: "ml-1.5 text-[11px] text-muted-foreground", children: [t.team_name, t.item_label].filter(Boolean).join(" · ") })
                         ]
                       }
                     ),
-                    r.due_date && /* @__PURE__ */ e(
+                    t.due_date && /* @__PURE__ */ e(
                       "span",
                       {
-                        className: `text-[11px] tabular-nums ${M(r.due_date) ? "font-medium text-red-600 dark:text-red-400" : "text-muted-foreground"}`,
-                        children: new Date(r.due_date).toLocaleDateString(void 0, {
+                        className: `text-[11px] tabular-nums ${M(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"
                         })
                       }
@@ -456,129 +471,129 @@ function et({
                       "button",
                       {
                         type: "button",
-                        onClick: () => S.mutate({ id: r.id, action: "claim" }),
+                        onClick: () => S.mutate({ id: t.id, action: "claim" }),
                         disabled: S.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": r.id,
+                        "data-my-work-claim": t.id,
                         children: "Pick it up"
                       }
                     )
                   ]
                 },
-                r.id
+                t.id
               )) })
             ]
           }
         ),
         waiting: () => {
-          const r = a.requested ?? [], p = r.filter((n) => M(n.due_date)).length;
-          return /* @__PURE__ */ s(
+          const t = a.requested ?? [], p = t.filter((s) => M(s.due_date)).length;
+          return /* @__PURE__ */ d(
             "section",
             {
               className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card",
               "data-my-work-waiting": !0,
               children: [
-                /* @__PURE__ */ s("div", { className: "border-b border-slate-200 px-4 py-2.5 dark:border-border", children: [
-                  /* @__PURE__ */ s("h2", { className: "text-[13px] font-medium", children: [
+                /* @__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__ */ s("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 > 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,
                       " overdue"
                     ] })
                   ] }),
                   /* @__PURE__ */ e("p", { className: "text-[11px] text-muted-foreground", children: "Tasks you asked someone else to do." })
                 ] }),
-                r.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: r.map((n) => {
-                  const j = M(n.due_date), o = !!n.nudged_at && Date.now() - new Date(n.nudged_at).getTime() < 20 * 36e5;
-                  return /* @__PURE__ */ s(
+                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;
+                  return /* @__PURE__ */ d(
                     "li",
                     {
-                      className: A("flex items-center gap-2.5 px-4 py-2", f(`r:${n.id}`)),
-                      "data-my-work-requested": n.id,
+                      className: A("flex items-center gap-2.5 px-4 py-2", f(`r:${s.id}`)),
+                      "data-my-work-requested": s.id,
                       children: [
-                        /* @__PURE__ */ s(
+                        /* @__PURE__ */ d(
                           "button",
                           {
                             type: "button",
-                            onClick: () => n.kind === "support" ? W(n.id) : k(n.collection, n.item),
+                            onClick: () => s.kind === "support" ? U(s.id) : k(s.collection, s.item),
                             className: "min-w-0 flex-1 truncate text-left text-[12.5px] hover:underline",
                             children: [
-                              n.title,
+                              s.title,
                               /* @__PURE__ */ e("span", { className: "ml-1.5 text-[11px] text-muted-foreground", children: [
-                                n.assignee_name ?? (n.team_name ? `${n.team_name} team` : "Unassigned"),
-                                n.item_label
+                                s.assignee_name ?? (s.team_name ? `${s.team_name} team` : "Unassigned"),
+                                s.item_label
                               ].filter(Boolean).join(" · ") })
                             ]
                           }
                         ),
-                        n.due_date && /* @__PURE__ */ s(
+                        s.due_date && /* @__PURE__ */ d(
                           "span",
                           {
                             className: `text-[11px] tabular-nums ${j ? "font-medium text-red-600 dark:text-red-400" : "text-muted-foreground"}`,
                             children: [
                               j ? "Overdue · " : "",
-                              new Date(n.due_date).toLocaleDateString(void 0, {
+                              new Date(s.due_date).toLocaleDateString(void 0, {
                                 timeZone: "UTC"
                               })
                             ]
                           }
                         ),
-                        n.kind !== "support" && /* @__PURE__ */ e(
+                        s.kind !== "support" && /* @__PURE__ */ e(
                           "button",
                           {
                             type: "button",
-                            onClick: () => S.mutate({ id: n.id, action: "nudge" }),
+                            onClick: () => S.mutate({ id: s.id, action: "nudge" }),
                             disabled: S.isPending || o,
                             title: o ? "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": n.id,
+                            "data-my-work-nudge": s.id,
                             children: o ? "Nudged" : "Nudge"
                           }
                         )
                       ]
                     },
-                    n.id
+                    s.id
                   );
                 }) })
               ]
             }
           );
         },
-        notifications: () => /* @__PURE__ */ s("section", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
-          /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-slate-200 px-4 py-2.5 dark:border-border", children: [
+        notifications: () => /* @__PURE__ */ d("section", { className: "rounded-lg border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
+          /* @__PURE__ */ d("div", { className: "flex items-center justify-between border-b border-slate-200 px-4 py-2.5 dark:border-border", children: [
             /* @__PURE__ */ e("h2", { className: "text-[13px] font-medium", children: "Unread notifications" }),
             a.notifications.length > 0 && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => Y.mutate(a.notifications.map((r) => r.id)),
+                onClick: () => Y.mutate(a.notifications.map((t) => t.id)),
                 className: "text-[11px] text-[#00a5cc] hover:underline",
                 children: "Mark all read"
               }
             )
           ] }),
-          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((r) => /* @__PURE__ */ s(
+          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:${r.id}`)),
+              className: A("flex items-start gap-2.5 px-4 py-2", f(`n:${t.id}`)),
               children: [
                 /* @__PURE__ */ e(
-                  Se,
+                  je,
                   {
-                    userId: r.sender,
+                    userId: t.sender,
                     className: "mt-0.5 h-5 w-5",
                     fallback: /* @__PURE__ */ e("span", { className: "mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-slate-100 text-[9px] font-semibold text-slate-500 dark:bg-muted" })
                   }
                 ),
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ d(
                   "button",
                   {
                     type: "button",
-                    onClick: () => k(r.collection, r.item),
-                    className: ne(r.collection, r.item) ? "min-w-0 flex-1 cursor-pointer text-left hover:opacity-80" : "min-w-0 flex-1 cursor-default text-left",
+                    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",
                     children: [
-                      /* @__PURE__ */ e("p", { className: "truncate text-[12.5px] font-medium", children: r.subject }),
-                      r.message && /* @__PURE__ */ e("p", { className: "truncate text-[11.5px] text-muted-foreground", children: r.message })
+                      /* @__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 })
                     ]
                   }
                 ),
@@ -587,56 +602,56 @@ function et({
                   {
                     type: "button",
                     title: "Mark read",
-                    onClick: () => Y.mutate([r.id]),
+                    onClick: () => Y.mutate([t.id]),
                     className: "text-[11px] text-muted-foreground hover:text-foreground",
                     children: "✓"
                   }
                 )
               ]
             },
-            r.id
+            t.id
           )) })
         ] })
-      }, d = new Map(
-        x.order.filter((r) => !x.hidden.includes(r) && t[r]).map((r) => [r, t[r]()]).filter(([, r]) => r != null)
-      ), b = [...d.keys()], i = [];
+      }, 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 r = b[m];
-        if (r === "records")
-          i.push(/* @__PURE__ */ e("div", { children: d.get(r) }, r)), m++;
+        const t = b[m];
+        if (t === "records")
+          i.push(/* @__PURE__ */ e("div", { children: n.get(t) }, t)), m++;
         else {
-          const p = [r];
+          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((n) => /* @__PURE__ */ e("div", { children: d.get(n) }, n)) }, p.join("+"))
+            /* @__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;
         }
       }
       return i;
     })(),
-    /* @__PURE__ */ e(Fe, {})
+    /* @__PURE__ */ e(Ie, {})
   ] });
 }
-function Fe() {
-  const l = we(), { rooms: c } = ve(l);
-  return !l || c.length === 0 ? null : /* @__PURE__ */ s(
+function Ie() {
+  const l = _e(), { rooms: c } = Ce(l);
+  return !l || c.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__ */ s(
+        /* @__PURE__ */ e("ul", { className: "divide-y divide-slate-100 dark:divide-border/60", children: c.map((u) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ d(
           "button",
           {
             type: "button",
-            onClick: () => Ne(u.room, u.label),
+            onClick: () => ve(u.room, u.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,
             children: [
-              /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", 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__ */ s("span", { className: "block truncate text-[11.5px] text-muted-foreground", children: [
+                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")
                 ] })
@@ -651,5 +666,5 @@ function Fe() {
   );
 }
 export {
-  et as MyWorkView
+  nt as MyWorkView
 };