@nivaro/react 0.3.35 → 0.3.37

package/dist/shared/components/panels/TaskPanel.js

@@ -1,26 +1,26 @@
-import { jsxs as s, jsx as t, Fragment as Fe } from "react/jsx-runtime";
-import { useQueryClient as De, useQuery as T, useMutation as j } from "@tanstack/react-query";
-import { ClipboardList as Ee, ChevronDown as de, X as Q, Plus as Ie, Users as Ae, History as Le, Pencil as Oe, RotateCcw as We, ChevronsUpDown as xe, Check as je } from "lucide-react";
-import { useState as y, useRef as Ue, useEffect as ge, useMemo as Re } from "react";
-import { toast as k } from "sonner";
-import { useNivaroClient as R, useItemEditAuth as Ke } from "../../context.js";
-import { get as F, post as J, patch as Me, del as He } from "../../lib/commands.js";
-import { OPEN_TASK_STATUSES as ce, invalidateRecordTasks as Be } from "../../lib/record-tasks.js";
-import { formatDate as X, cn as U, formatRelative as be } from "../../lib/utils.js";
-import { TaskDoButton as ze } from "../ai/TaskDo.js";
-import { Button as B } from "../ui/button.js";
+import { jsxs as n, jsx as t, Fragment as Ae } from "react/jsx-runtime";
+import { useQueryClient as Fe, useQuery as q, useMutation as K } from "@tanstack/react-query";
+import { ClipboardList as De, ChevronDown as de, X as Z, Plus as Ee, Bot as Ie, Users as Le, History as We, Pencil as Oe, RotateCcw as je, ChevronsUpDown as ge, Check as Ue } from "lucide-react";
+import { useState as _, useRef as Ke, useEffect as xe, useMemo as Re } from "react";
+import { toast as v } from "sonner";
+import { useNivaroClient as O, useItemEditAuth as Me } from "../../context.js";
+import { get as P, post as Q, patch as He, del as Be } from "../../lib/commands.js";
+import { OPEN_TASK_STATUSES as ce, invalidateRecordTasks as ze } from "../../lib/record-tasks.js";
+import { formatDate as Y, cn as R, formatRelative as fe } from "../../lib/utils.js";
+import { TaskDoButton as Ve } from "../ai/TaskDo.js";
+import { Button as z } from "../ui/button.js";
 import { Checkbox as me } from "../ui/checkbox.js";
-import { Command as fe, CommandInput as ke, CommandList as ye, CommandEmpty as Ne, CommandGroup as Y, CommandItem as ve } from "../ui/command.js";
-import { Input as Z } from "../ui/input.js";
-import { Label as A } from "../ui/label.js";
-import { Popover as we, PopoverTrigger as _e, PopoverContent as Ce } from "../ui/popover.js";
-import { SimpleSelect as ee } from "../ui/SimpleSelect.js";
-import { Textarea as Ve } from "../ui/textarea.js";
-const Ge = "id,first_name,last_name,email,is_out_of_office,ooo_end,delegate_id";
-function z(a) {
+import { Command as be, CommandInput as ke, CommandList as ye, CommandEmpty as Ne, CommandGroup as ee, CommandItem as ve } from "../ui/command.js";
+import { Input as te } from "../ui/input.js";
+import { Label as W } from "../ui/label.js";
+import { Popover as _e, PopoverTrigger as we, PopoverContent as Ce } from "../ui/popover.js";
+import { SimpleSelect as G } from "../ui/SimpleSelect.js";
+import { Textarea as Ge } from "../ui/textarea.js";
+const Je = "id,first_name,last_name,email,is_out_of_office,ooo_end,delegate_id";
+function V(a) {
   return a && ([a.first_name, a.last_name].filter(Boolean).join(" ") || a.email) || "Unknown";
 }
-const C = (a, i) => a != null && i != null && String(a).toUpperCase() === String(i).toUpperCase();
+const $ = (a, i) => a != null && i != null && String(a).toUpperCase() === String(i).toUpperCase();
 function Se(a) {
   if (!a) return [];
   try {
@@ -30,10 +30,10 @@ function Se(a) {
     return [];
   }
 }
-function Je(a, i) {
+function Xe(a, i) {
   return a.map((o) => {
-    const m = i.get(o.field) ?? o.field.replace(/_/g, " ");
-    return o.op === "nnull" ? `${m} is filled in` : o.op === "eq" ? `${m} is ${String(o.value ?? "")}` : o.op === "null" ? `${m} is empty` : `${m} ${o.op} ${String(o.value ?? "")}`.trim();
+    const c = i.get(o.field) ?? o.field.replace(/_/g, " ");
+    return o.op === "nnull" ? `${c} is filled in` : o.op === "eq" ? `${c} is ${String(o.value ?? "")}` : o.op === "null" ? `${c} is empty` : `${c} ${o.op} ${String(o.value ?? "")}`.trim();
   }).join(" and ");
 }
 function ue({ priority: a }) {
@@ -45,134 +45,164 @@ function ue({ priority: a }) {
     }
   );
 }
-function Xe({
+function Qe({
   collection: a,
   item: i,
   value: o,
-  valueLabel: m,
+  valueLabel: c,
   onChange: r
 }) {
-  const c = R(), [g, d] = y(!1), [l, w] = y(""), [h, N] = y("");
-  ge(() => {
-    const n = setTimeout(() => N(l.trim()), 250);
-    return () => clearTimeout(n);
-  }, [l]);
-  const v = T({
+  const u = O(), [x, m] = _(!1), [h, d] = _(""), [f, b] = _("");
+  xe(() => {
+    const s = setTimeout(() => b(h.trim()), 250);
+    return () => clearTimeout(s);
+  }, [h]);
+  const T = q({
     queryKey: ["task-people", a, i],
-    queryFn: () => c.request(F("/tasks/people", { collection: a, item: i })).then((n) => n.data).catch(() => []),
-    enabled: g && !!i && i !== "new",
+    queryFn: () => u.request(P("/tasks/people", { collection: a, item: i })).then((s) => s.data).catch(() => []),
+    enabled: x && !!i && i !== "new",
     staleTime: 6e4
-  }), _ = T({
-    queryKey: ["task-people-search", h],
-    queryFn: () => c.request(
-      F("/users", {
+  }), A = q({
+    queryKey: ["task-people-search", f],
+    queryFn: () => u.request(
+      P("/users", {
         limit: 25,
         people: 1,
-        fields: Ge,
-        ...h ? { search: h } : {}
+        fields: Je,
+        ...f ? { search: f } : {}
       })
-    ).then((n) => n.data).catch(() => []),
-    enabled: g,
+    ).then((s) => s.data).catch(() => []),
+    enabled: x,
     staleTime: 6e4
-  }), u = v.data ?? [], x = new Set(u.map((n) => String(n.id).toUpperCase())), f = h.toLowerCase(), S = u.filter(
-    (n) => !f || `${z(n)} ${n.email ?? ""}`.toLowerCase().includes(f)
-  ), $ = (_.data ?? []).filter((n) => !x.has(String(n.id).toUpperCase())), L = [...S, ...$].map((n) => n.id), { data: D } = T({
-    queryKey: ["task-open-counts", L.join(",")],
-    queryFn: () => c.request(
-      F("/tasks/open-counts", { ids: L.join(",") })
-    ).then((n) => n.data).catch(() => ({})),
-    enabled: g && L.length > 0,
+  }), w = T.data ?? [], y = new Set(w.map((s) => String(s.id).toUpperCase())), C = f.toLowerCase(), l = w.filter(
+    (s) => !C || `${V(s)} ${s.email ?? ""}`.toLowerCase().includes(C)
+  ), g = (A.data ?? []).filter((s) => !y.has(String(s.id).toUpperCase())), N = [...l, ...g].map((s) => s.id), { data: E } = q({
+    queryKey: ["task-open-counts", N.join(",")],
+    queryFn: () => u.request(
+      P("/tasks/open-counts", { ids: N.join(",") })
+    ).then((s) => s.data).catch(() => ({})),
+    enabled: x && N.length > 0,
     staleTime: 6e4
-  }), K = (n, q) => {
-    const E = (D == null ? void 0 : D[String(n.id).toUpperCase()]) ?? 0;
-    return /* @__PURE__ */ s(
+  }), M = (s, F) => {
+    const I = (E == null ? void 0 : E[String(s.id).toUpperCase()]) ?? 0;
+    return /* @__PURE__ */ n(
       ve,
       {
-        value: n.id,
+        value: s.id,
         onSelect: () => {
-          r(C(n.id, o) ? null : n.id, C(n.id, o) ? null : n), d(!1);
+          r($(s.id, o) ? null : s.id, $(s.id, o) ? null : s), m(!1);
         },
         className: "text-[12px]",
-        "data-task-person": n.id,
+        "data-task-person": s.id,
         children: [
           /* @__PURE__ */ t(
-            je,
+            Ue,
             {
-              className: U("mr-2 h-3.5 w-3.5", C(o, n.id) ? "opacity-100" : "opacity-0")
+              className: R("mr-2 h-3.5 w-3.5", $(o, s.id) ? "opacity-100" : "opacity-0")
             }
           ),
-          /* @__PURE__ */ s("span", { className: "min-w-0 flex-1 truncate", children: [
-            z(n),
-            q != null && q.length ? /* @__PURE__ */ t("span", { className: "ml-1.5 text-[10.5px] text-muted-foreground", children: q.join(", ") }) : null
+          /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate", children: [
+            V(s),
+            F != null && F.length ? /* @__PURE__ */ t("span", { className: "ml-1.5 text-[10.5px] text-muted-foreground", children: F.join(", ") }) : null
           ] }),
-          n.is_out_of_office ? /* @__PURE__ */ t("span", { className: "ml-2 shrink-0 text-[10px] text-amber-600 dark:text-amber-400", children: "out" }) : null,
-          E > 0 && /* @__PURE__ */ t(
+          s.is_out_of_office ? /* @__PURE__ */ t("span", { className: "ml-2 shrink-0 text-[10px] text-amber-600 dark:text-amber-400", children: "out" }) : null,
+          I > 0 && /* @__PURE__ */ t(
             "span",
             {
               className: "ml-2 shrink-0 rounded-full bg-slate-100 px-1.5 text-[10px] font-semibold tabular-nums text-slate-500 dark:bg-muted dark:text-slate-400",
-              title: `${E} open task${E === 1 ? "" : "s"} already assigned`,
-              children: E
+              title: `${I} open task${I === 1 ? "" : "s"} already assigned`,
+              children: I
             }
           )
         ]
       },
-      n.id
+      s.id
     );
   };
-  return /* @__PURE__ */ s(we, { open: g, onOpenChange: d, children: [
-    /* @__PURE__ */ t(_e, { asChild: !0, children: /* @__PURE__ */ s(
-      B,
+  return /* @__PURE__ */ n(_e, { open: x, onOpenChange: m, children: [
+    /* @__PURE__ */ t(we, { asChild: !0, children: /* @__PURE__ */ n(
+      z,
       {
         variant: "outline",
         role: "combobox",
-        "aria-expanded": g,
+        "aria-expanded": x,
         "data-task-assignee-picker": !0,
         className: "h-8 w-full justify-between px-2.5 text-[12px] font-normal",
         children: [
-          /* @__PURE__ */ t("span", { className: U("truncate", !o && "text-muted-foreground"), children: o ? m ?? "Selected" : "Assign to…" }),
-          /* @__PURE__ */ t(xe, { className: "ml-1 h-3.5 w-3.5 shrink-0 opacity-50" })
+          /* @__PURE__ */ t("span", { className: R("truncate", !o && "text-muted-foreground"), children: o ? c ?? "Selected" : "Assign to…" }),
+          /* @__PURE__ */ t(ge, { className: "ml-1 h-3.5 w-3.5 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ t(Ce, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ s(fe, { shouldFilter: !1, children: [
+    /* @__PURE__ */ t(Ce, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ n(be, { shouldFilter: !1, children: [
       /* @__PURE__ */ t(
         ke,
         {
           placeholder: "Search people…",
           className: "h-8 text-[12px]",
-          value: l,
-          onValueChange: w
+          value: h,
+          onValueChange: d
         }
       ),
-      /* @__PURE__ */ s(ye, { children: [
-        /* @__PURE__ */ t(Ne, { className: "py-3 text-center text-[12px] text-muted-foreground", children: _.isFetching ? "Searching…" : "No one matches" }),
-        S.length > 0 && /* @__PURE__ */ t(Y, { heading: "On this record", children: S.map((n) => K(n, n.reasons)) }),
-        $.length > 0 && /* @__PURE__ */ t(Y, { heading: h ? "Everyone" : "Everyone (type to search)", children: $.map((n) => K(n)) })
+      /* @__PURE__ */ n(ye, { children: [
+        /* @__PURE__ */ t(Ne, { className: "py-3 text-center text-[12px] text-muted-foreground", children: A.isFetching ? "Searching…" : "No one matches" }),
+        l.length > 0 && /* @__PURE__ */ t(ee, { heading: "On this record", children: l.map((s) => M(s, s.reasons)) }),
+        g.length > 0 && /* @__PURE__ */ t(ee, { heading: f ? "Everyone" : "Everyone (type to search)", children: g.map((s) => M(s)) })
       ] })
     ] }) })
   ] });
 }
-function Qe({
+function Ye(a) {
+  const i = O();
+  return q({
+    queryKey: ["task-agents"],
+    queryFn: () => i.request(P("/tasks/agents")).then((o) => o.data ?? []).catch(() => []),
+    enabled: a,
+    staleTime: 5 * 6e4
+  });
+}
+function Ze({
+  agents: a,
+  value: i,
+  onChange: o
+}) {
+  return /* @__PURE__ */ t(
+    G,
+    {
+      value: i ?? "",
+      onChange: (c) => o(a.find((r) => r.conn === c) ?? null),
+      ariaLabel: "Agent",
+      options: [
+        { value: "", label: a.length ? "Choose an agent…" : "No agents connected" },
+        ...a.map((c) => ({
+          value: c.conn,
+          label: `${c.name}${c.kind === "api_key" ? " · API key" : ""}`
+        }))
+      ]
+    }
+  );
+}
+function et({
   value: a,
   onChange: i
 }) {
-  const o = R(), { data: m = [] } = T({
+  const o = O(), { data: c = [] } = q({
     queryKey: ["user-groups", "task-picker"],
-    queryFn: () => o.request(F("/user-groups")).then((r) => r.data).catch(() => []),
+    queryFn: () => o.request(P("/user-groups")).then((r) => r.data).catch(() => []),
     staleTime: 5 * 6e4
   });
   return /* @__PURE__ */ t(
-    ee,
+    G,
     {
       value: a == null ? "" : String(a),
       onChange: (r) => {
-        const c = m.find((g) => String(g.id) === r) ?? null;
-        i(c ? c.id : null, c);
+        const u = c.find((x) => String(x.id) === r) ?? null;
+        i(u ? u.id : null, u);
       },
       ariaLabel: "Team",
       options: [
-        { value: "", label: m.length ? "Choose a team…" : "No teams yet" },
-        ...m.map((r) => ({
+        { value: "", label: c.length ? "Choose a team…" : "No teams yet" },
+        ...c.map((r) => ({
           value: String(r.id),
           label: `${r.name}${r.member_count ? ` · ${r.member_count}` : ""}`
         }))
@@ -181,77 +211,77 @@ function Qe({
   );
 }
 function $e(a) {
-  const i = R(), { data: o } = T({
+  const i = O(), { data: o } = q({
     queryKey: ["task-field-labels", a],
-    queryFn: () => i.request(F(`/collections/${a}`)).then((c) => c.data.fields ?? []).catch(() => []),
+    queryFn: () => i.request(P(`/collections/${a}`)).then((u) => u.data.fields ?? []).catch(() => []),
     staleTime: 10 * 6e4
-  }), m = (o ?? []).filter(
-    (c) => !c.hidden && c.field !== "id" && c.type !== "alias" && !c.field.startsWith("__")
+  }), c = (o ?? []).filter(
+    (u) => !u.hidden && u.field !== "id" && u.type !== "alias" && !u.field.startsWith("__")
   ), r = Re(
-    () => new Map(m.map((c) => [c.field, c.label || c.field.replace(/_/g, " ")])),
-    [m]
+    () => new Map(c.map((u) => [u.field, u.label || u.field.replace(/_/g, " ")])),
+    [c]
   );
-  return { fields: m, labels: r };
+  return { fields: c, labels: r };
 }
-function Ye({
+function tt({
   collection: a,
   value: i,
   onChange: o
 }) {
-  const { fields: m, labels: r } = $e(a), [c, g] = y(!1), d = i[0] ?? null;
-  return /* @__PURE__ */ s("div", { className: "space-y-1.5", "data-task-done-when": !0, children: [
-    /* @__PURE__ */ t(A, { className: "block text-[11px]", children: "Close automatically when (optional)" }),
-    /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-      /* @__PURE__ */ s(we, { open: c, onOpenChange: g, children: [
-        /* @__PURE__ */ t(_e, { asChild: !0, children: /* @__PURE__ */ s(
-          B,
+  const { fields: c, labels: r } = $e(a), [u, x] = _(!1), m = i[0] ?? null;
+  return /* @__PURE__ */ n("div", { className: "space-y-1.5", "data-task-done-when": !0, children: [
+    /* @__PURE__ */ t(W, { className: "block text-[11px]", children: "Close automatically when (optional)" }),
+    /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+      /* @__PURE__ */ n(_e, { open: u, onOpenChange: x, children: [
+        /* @__PURE__ */ t(we, { asChild: !0, children: /* @__PURE__ */ n(
+          z,
           {
             variant: "outline",
             className: "h-8 max-w-[220px] justify-between px-2.5 text-[12px] font-normal",
             children: [
-              /* @__PURE__ */ t("span", { className: U("truncate", !d && "text-muted-foreground"), children: d ? r.get(d.field) ?? d.field : "A field on this record…" }),
-              /* @__PURE__ */ t(xe, { className: "ml-1 h-3.5 w-3.5 shrink-0 opacity-50" })
+              /* @__PURE__ */ t("span", { className: R("truncate", !m && "text-muted-foreground"), children: m ? r.get(m.field) ?? m.field : "A field on this record…" }),
+              /* @__PURE__ */ t(ge, { className: "ml-1 h-3.5 w-3.5 shrink-0 opacity-50" })
             ]
           }
         ) }),
-        /* @__PURE__ */ t(Ce, { className: "w-[260px] p-0", align: "start", children: /* @__PURE__ */ s(fe, { children: [
+        /* @__PURE__ */ t(Ce, { className: "w-[260px] p-0", align: "start", children: /* @__PURE__ */ n(be, { children: [
           /* @__PURE__ */ t(ke, { placeholder: "Search fields…", className: "h-8 text-[12px]" }),
-          /* @__PURE__ */ s(ye, { children: [
+          /* @__PURE__ */ n(ye, { children: [
             /* @__PURE__ */ t(Ne, { className: "py-3 text-center text-[12px] text-muted-foreground", children: "No field" }),
-            /* @__PURE__ */ t(Y, { children: m.map((l) => /* @__PURE__ */ t(
+            /* @__PURE__ */ t(ee, { children: c.map((h) => /* @__PURE__ */ t(
               ve,
               {
-                value: `${r.get(l.field)} ${l.field}`,
+                value: `${r.get(h.field)} ${h.field}`,
                 onSelect: () => {
                   o([
-                    { field: l.field, op: (d == null ? void 0 : d.op) ?? "nnull", value: (d == null ? void 0 : d.value) ?? null }
-                  ]), g(!1);
+                    { field: h.field, op: (m == null ? void 0 : m.op) ?? "nnull", value: (m == null ? void 0 : m.value) ?? null }
+                  ]), x(!1);
                 },
                 className: "text-[12px]",
-                children: r.get(l.field)
+                children: r.get(h.field)
               },
-              l.field
+              h.field
             )) })
           ] })
         ] }) })
       ] }),
-      d && /* @__PURE__ */ s(Fe, { children: [
+      m && /* @__PURE__ */ n(Ae, { children: [
         /* @__PURE__ */ t("div", { className: "w-[130px]", children: /* @__PURE__ */ t(
-          ee,
+          G,
           {
-            value: d.op,
-            onChange: (l) => o([{ ...d, op: l, value: l === "eq" ? d.value ?? "" : null }]),
+            value: m.op,
+            onChange: (h) => o([{ ...m, op: h, value: h === "eq" ? m.value ?? "" : null }]),
             options: [
               { value: "nnull", label: "is filled in" },
               { value: "eq", label: "equals" }
             ]
           }
         ) }),
-        d.op === "eq" && /* @__PURE__ */ t(
-          Z,
+        m.op === "eq" && /* @__PURE__ */ t(
+          te,
           {
-            value: String(d.value ?? ""),
-            onChange: (l) => o([{ ...d, value: l.target.value }]),
+            value: String(m.value ?? ""),
+            onChange: (h) => o([{ ...m, value: h.target.value }]),
             className: "h-8 w-[140px] text-[12px]",
             placeholder: "Value"
           }
@@ -263,17 +293,19 @@ function Ye({
             onClick: () => o([]),
             className: "rounded p-1 text-slate-400 hover:text-slate-600",
             "aria-label": "Remove condition",
-            children: /* @__PURE__ */ t(Q, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ t(Z, { className: "h-3.5 w-3.5" })
           }
         )
       ] })
     ] })
   ] });
 }
-const Ze = () => ({
+const at = () => ({
   title: "",
   description: "",
   mode: "person",
+  agent: null,
+  agentName: null,
   assignee: null,
   assigneeName: null,
   assigneePerson: null,
@@ -283,11 +315,13 @@ const Ze = () => ({
   priority: "normal",
   doneWhen: []
 });
-function et(a) {
+function nt(a) {
   return {
     title: a.title,
     description: a.description ?? "",
-    mode: a.assignee || a.team_id == null ? "person" : "team",
+    mode: a.agent_assignee ? "agent" : a.assignee || a.team_id == null ? "person" : "team",
+    agent: a.agent_assignee ?? null,
+    agentName: a.agent_name ?? null,
     assignee: a.assignee,
     assigneeName: a.assignee_name ?? null,
     assigneePerson: null,
@@ -302,27 +336,28 @@ function pe({
   collection: a,
   item: i,
   initial: o,
-  submitLabel: m,
+  submitLabel: c,
   busy: r,
-  allowTeam: c,
-  onSubmit: g,
-  onCancel: d
+  allowTeam: u,
+  allowAgent: x = !1,
+  onSubmit: m,
+  onCancel: h
 }) {
-  var _;
-  const [l, w] = y(o), h = (u, x) => w((f) => ({ ...f, [u]: x })), N = l.mode === "team" ? l.teamId != null : !!l.assignee, v = l.mode === "person" && ((_ = l.assigneePerson) != null && _.is_out_of_office) ? l.assigneePerson : null;
-  return /* @__PURE__ */ s(
+  var C;
+  const [d, f] = _(o), b = (l, g) => f((N) => ({ ...N, [l]: g })), T = Ye(x).data ?? [], A = x && (T.length > 0 || d.mode === "agent"), w = d.mode === "team" ? d.teamId != null : d.mode === "agent" ? !!d.agent : !!d.assignee, y = d.mode === "person" && ((C = d.assigneePerson) != null && C.is_out_of_office) ? d.assigneePerson : null;
+  return /* @__PURE__ */ n(
     "div",
     {
       className: "space-y-3 rounded-lg border border-slate-200 bg-slate-50 p-3 dark:border-border dark:bg-slate-900/30",
       "data-task-form": !0,
       children: [
-        /* @__PURE__ */ s("div", { children: [
-          /* @__PURE__ */ t(A, { className: "mb-1 block text-[11px]", children: "Title" }),
+        /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ t(W, { className: "mb-1 block text-[11px]", children: "Title" }),
           /* @__PURE__ */ t(
-            Z,
+            te,
             {
-              value: l.title,
-              onChange: (u) => h("title", u.target.value),
+              value: d.title,
+              onChange: (l) => b("title", l.target.value),
               className: "h-8 bg-white text-[12px] dark:bg-background",
               placeholder: "What needs to be done?",
               autoFocus: !0,
@@ -330,13 +365,13 @@ function pe({
             }
           )
         ] }),
-        /* @__PURE__ */ s("div", { children: [
-          /* @__PURE__ */ t(A, { className: "mb-1 block text-[11px]", children: "Details (optional)" }),
+        /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ t(W, { className: "mb-1 block text-[11px]", children: "Details (optional)" }),
           /* @__PURE__ */ t(
-            Ve,
+            Ge,
             {
-              value: l.description,
-              onChange: (u) => h("description", u.target.value),
+              value: d.description,
+              onChange: (l) => b("description", l.target.value),
               className: "min-h-[56px] bg-white text-[12px] dark:bg-background",
               placeholder: "Anything the person needs to know",
               rows: 2,
@@ -344,70 +379,81 @@ function pe({
             }
           )
         ] }),
-        /* @__PURE__ */ s("div", { className: "grid grid-cols-2 gap-3", children: [
-          /* @__PURE__ */ s("div", { className: "col-span-2 sm:col-span-1", children: [
-            /* @__PURE__ */ s("div", { className: "mb-1 flex items-center justify-between", children: [
-              /* @__PURE__ */ t(A, { className: "text-[11px]", children: l.mode === "team" ? "Team" : "Assignee" }),
-              c && /* @__PURE__ */ t(
+        /* @__PURE__ */ n("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ n("div", { className: "col-span-2 sm:col-span-1", children: [
+            /* @__PURE__ */ n("div", { className: "mb-1 flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ t(W, { className: "text-[11px]", children: d.mode === "team" ? "Team" : d.mode === "agent" ? "Agent" : "Assignee" }),
+              /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: ["person", "team", "agent"].filter(
+                (l) => l !== d.mode && (l !== "team" || u) && (l !== "agent" || A)
+              ).map((l) => /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  "data-task-mode": l.mode === "team" ? "person" : "team",
-                  onClick: () => h("mode", l.mode === "team" ? "person" : "team"),
-                  className: "text-[10.5px] text-slate-500 hover:text-slate-800 dark:hover:text-slate-200",
-                  children: l.mode === "team" ? "Assign to a person" : "Assign to a team"
-                }
-              )
+                  "data-task-mode": l,
+                  onClick: () => b("mode", l),
+                  className: "text-[10.5px] text-slate-500 hover:text-slate-800 dark:text-slate-400 dark:hover:text-slate-200",
+                  children: l === "person" ? "A person" : l === "team" ? "A team" : "An agent"
+                },
+                l
+              )) })
             ] }),
-            l.mode === "team" ? /* @__PURE__ */ t(
-              Qe,
+            d.mode === "agent" ? /* @__PURE__ */ t(
+              Ze,
+              {
+                agents: T,
+                value: d.agent,
+                onChange: (l) => f((g) => ({ ...g, agent: (l == null ? void 0 : l.conn) ?? null, agentName: (l == null ? void 0 : l.name) ?? null }))
+              }
+            ) : d.mode === "team" ? /* @__PURE__ */ t(
+              et,
               {
-                value: l.teamId,
-                onChange: (u, x) => w((f) => ({ ...f, teamId: u, teamName: (x == null ? void 0 : x.name) ?? null }))
+                value: d.teamId,
+                onChange: (l, g) => f((N) => ({ ...N, teamId: l, teamName: (g == null ? void 0 : g.name) ?? null }))
               }
             ) : /* @__PURE__ */ t(
-              Xe,
+              Qe,
               {
                 collection: a,
                 item: i,
-                value: l.assignee,
-                valueLabel: l.assigneeName,
-                onChange: (u, x) => w((f) => ({
-                  ...f,
-                  assignee: u,
-                  assigneeName: x ? z(x) : null,
-                  assigneePerson: x
+                value: d.assignee,
+                valueLabel: d.assigneeName,
+                onChange: (l, g) => f((N) => ({
+                  ...N,
+                  assignee: l,
+                  assigneeName: g ? V(g) : null,
+                  assigneePerson: g
                 }))
               }
             ),
-            v && /* @__PURE__ */ s("p", { className: "mt-1 rounded bg-amber-50 px-2 py-1 text-[11px] text-amber-700 dark:bg-amber-400/10 dark:text-amber-400", children: [
-              z(v),
+            y && /* @__PURE__ */ n("p", { className: "mt-1 rounded bg-amber-50 px-2 py-1 text-[11px] text-amber-700 dark:bg-amber-400/10 dark:text-amber-400", children: [
+              V(y),
               " is out of office",
-              v.ooo_end ? ` until ${String(v.ooo_end).slice(0, 10)}` : "",
+              y.ooo_end ? ` until ${String(y.ooo_end).slice(0, 10)}` : "",
               " — the task goes to their delegate if one is set."
             ] }),
-            l.mode === "team" && /* @__PURE__ */ t("p", { className: "mt-1 text-[11px] text-muted-foreground", children: "Waits with the team until one of them picks it up." })
+            d.mode === "team" && /* @__PURE__ */ t("p", { className: "mt-1 text-[11px] text-muted-foreground", children: "Waits with the team until one of them picks it up." }),
+            d.mode === "agent" && /* @__PURE__ */ t("p", { className: "mt-1 text-[11px] text-muted-foreground", children: "The assistant picks it up through My Work and acts as the person it is connected for." })
           ] }),
-          /* @__PURE__ */ s("div", { children: [
-            /* @__PURE__ */ t(A, { className: "mb-1 block text-[11px]", children: "Due date" }),
+          /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ t(W, { className: "mb-1 block text-[11px]", children: "Due date" }),
             /* @__PURE__ */ t(
-              Z,
+              te,
               {
                 type: "date",
-                value: l.due,
-                onChange: (u) => h("due", u.target.value),
+                value: d.due,
+                onChange: (l) => b("due", l.target.value),
                 className: "h-8 bg-white text-[12px] dark:bg-background",
                 "data-task-due": !0
               }
             )
           ] }),
-          /* @__PURE__ */ s("div", { children: [
-            /* @__PURE__ */ t(A, { className: "mb-1 block text-[11px]", children: "Priority" }),
+          /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ t(W, { className: "mb-1 block text-[11px]", children: "Priority" }),
             /* @__PURE__ */ t(
-              ee,
+              G,
               {
-                value: l.priority,
-                onChange: (u) => h("priority", u),
+                value: d.priority,
+                onChange: (l) => b("priority", l),
                 options: [
                   { value: "low", label: "Low" },
                   { value: "normal", label: "Normal" },
@@ -418,35 +464,35 @@ function pe({
           ] })
         ] }),
         /* @__PURE__ */ t(
-          Ye,
+          tt,
           {
             collection: a,
-            value: l.doneWhen,
-            onChange: (u) => h("doneWhen", u)
+            value: d.doneWhen,
+            onChange: (l) => b("doneWhen", l)
           }
         ),
-        /* @__PURE__ */ s("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ n("div", { className: "flex justify-end gap-2", children: [
           /* @__PURE__ */ t(
-            B,
+            z,
             {
               type: "button",
               variant: "outline",
               size: "sm",
               className: "h-7 text-[12px]",
-              onClick: d,
+              onClick: h,
               children: "Cancel"
             }
           ),
           /* @__PURE__ */ t(
-            B,
+            z,
             {
               type: "button",
               size: "sm",
               className: "h-7 text-[12px]",
-              disabled: !l.title.trim() || !N || r,
-              onClick: () => g(l),
+              disabled: !d.title.trim() || !w || r,
+              onClick: () => m(d),
               "data-task-submit": !0,
-              children: r ? "Saving…" : m
+              children: r ? "Saving…" : c
             }
           )
         ] })
@@ -455,98 +501,99 @@ function pe({
   );
 }
 function he({ taskId: a }) {
-  const i = R(), { data: o = [], isLoading: m } = T({
+  const i = O(), { data: o = [], isLoading: c } = q({
     queryKey: ["task-history", a],
-    queryFn: () => i.request(F(`/tasks/${a}/history`)).then((r) => r.data),
+    queryFn: () => i.request(P(`/tasks/${a}/history`)).then((r) => r.data),
     staleTime: 3e4
   });
-  return m ? /* @__PURE__ */ t("p", { className: "mt-1 text-[11px] text-muted-foreground", children: "Loading history…" }) : o.length ? /* @__PURE__ */ t(
+  return c ? /* @__PURE__ */ t("p", { className: "mt-1 text-[11px] text-muted-foreground", children: "Loading history…" }) : o.length ? /* @__PURE__ */ t(
     "ol",
     {
       className: "mt-1.5 space-y-1 border-l border-slate-200 pl-3 dark:border-border",
       "data-task-history": !0,
-      children: o.map((r) => /* @__PURE__ */ s("li", { className: "text-[11px] text-slate-600 dark:text-slate-400", children: [
+      children: o.map((r) => /* @__PURE__ */ n("li", { className: "text-[11px] text-slate-600 dark:text-slate-400", children: [
         /* @__PURE__ */ t("span", { className: "text-slate-800 dark:text-slate-200", children: r.text }),
-        /* @__PURE__ */ s("span", { className: "text-slate-400", children: [
+        /* @__PURE__ */ n("span", { className: "text-slate-400", children: [
           " ",
           "· ",
           r.user_name ? `${r.user_name}, ` : "",
-          /* @__PURE__ */ t("span", { title: new Date(r.at).toLocaleString(), children: be(r.at) })
+          /* @__PURE__ */ t("span", { title: new Date(r.at).toLocaleString(), children: fe(r.at) })
         ] })
       ] }, r.id))
     }
   ) : /* @__PURE__ */ t("p", { className: "mt-1 text-[11px] text-muted-foreground", children: "No history yet." });
 }
-function kt({
+function vt({
   collection: a,
   item: i,
   title: o,
-  defaultExpanded: m,
+  defaultExpanded: c,
   queuedTasks: r,
-  onQueueTask: c,
-  onRemoveQueuedTask: g
+  onQueueTask: u,
+  onRemoveQueuedTask: x
 }) {
-  const d = R(), l = De(), { isAdmin: w, userId: h } = Ke(), [N, v] = y(!1), _ = Ue(!1);
-  ge(() => {
-    !_.current && m !== void 0 && (_.current = !0, v(m));
-  }, [m]);
-  const [u, x] = y(!1), [f, S] = y(null), [$, L] = y(null), [D, K] = y(!1), n = !i || i === "new", { data: q = [] } = T({
+  const m = O(), h = Fe(), { isAdmin: d, userId: f } = Me(), [b, T] = _(!1), A = Ke(!1);
+  xe(() => {
+    !A.current && c !== void 0 && (A.current = !0, T(c));
+  }, [c]);
+  const [w, y] = _(!1), [C, l] = _(null), [g, N] = _(null), [E, M] = _(!1), s = !i || i === "new", { data: F = [] } = q({
     queryKey: ["tasks", a, i],
-    queryFn: () => d.request(F("/tasks", { collection: a, item: i })).then((e) => e.data),
-    enabled: !!a && !n
-  }), { labels: E } = $e(a), I = () => {
-    Be(l, a, i), l.invalidateQueries({ queryKey: ["task-history"] });
-  }, O = (e, p) => {
-    var P;
-    return ((P = e == null ? void 0 : e.response) == null ? void 0 : P.error) ?? (e instanceof Error && e.message ? e.message : p);
-  }, te = (e) => ({
+    queryFn: () => m.request(P("/tasks", { collection: a, item: i })).then((e) => e.data),
+    enabled: !!a && !s
+  }), { labels: I } = $e(a), L = () => {
+    ze(h, a, i), h.invalidateQueries({ queryKey: ["task-history"] });
+  }, j = (e, p) => {
+    var D;
+    return ((D = e == null ? void 0 : e.response) == null ? void 0 : D.error) ?? (e instanceof Error && e.message ? e.message : p);
+  }, ae = (e) => ({
     title: e.title.trim(),
     description: e.description.trim() || null,
     assignee: e.mode === "person" ? e.assignee : null,
     team_id: e.mode === "team" ? e.teamId : null,
+    ...e.mode === "agent" && e.agent ? { agent: e.agent } : {},
     due_date: e.due || null,
     priority: e.priority,
     done_when: e.doneWhen.length ? e.doneWhen : null
-  }), ae = j({
-    mutationFn: (e) => d.request(
-      J("/tasks", { collection: a, item: i, ...te(e) })
+  }), ne = K({
+    mutationFn: (e) => m.request(
+      Q("/tasks", { collection: a, item: i, ...ae(e) })
     ),
     onSuccess: (e) => {
       var p;
-      I(), x(!1), k.success(
+      L(), y(!1), v.success(
         (p = e == null ? void 0 : e.data) != null && p.delegated_from ? "Task created — it went to their delegate" : "Task created"
       );
     },
-    onError: (e) => k.error(O(e, "Could not create the task"))
-  }), M = j({
-    mutationFn: ({ id: e, body: p }) => d.request(Me(`/tasks/${e}`, p)),
+    onError: (e) => v.error(j(e, "Could not create the task"))
+  }), H = K({
+    mutationFn: ({ id: e, body: p }) => m.request(He(`/tasks/${e}`, p)),
     onSuccess: (e, p) => {
-      I(), S(null), p.body.status === "open" ? k.success("Task reopened") : k.success("Task updated");
+      L(), l(null), p.body.status === "open" ? v.success("Task reopened") : v.success("Task updated");
     },
-    onError: (e) => k.error(O(e, "Could not update the task"))
-  }), se = j({
-    mutationFn: (e) => d.request(J(`/tasks/${e}/complete`, {})),
+    onError: (e) => v.error(j(e, "Could not update the task"))
+  }), se = K({
+    mutationFn: (e) => m.request(Q(`/tasks/${e}/complete`, {})),
     onSuccess: () => {
-      I(), k.success("Task completed");
+      L(), v.success("Task completed");
     },
-    onError: (e) => k.error(O(e, "Could not complete the task"))
-  }), ne = j({
-    mutationFn: (e) => d.request(J(`/tasks/${e}/claim`, {})),
+    onError: (e) => v.error(j(e, "Could not complete the task"))
+  }), le = K({
+    mutationFn: (e) => m.request(Q(`/tasks/${e}/claim`, {})),
     onSuccess: () => {
-      I(), k.success("It’s yours");
+      L(), v.success("It’s yours");
     },
-    onError: (e) => k.error(O(e, "Could not pick it up"))
-  }), le = j({
-    mutationFn: (e) => d.request(He(`/tasks/${e}`)),
+    onError: (e) => v.error(j(e, "Could not pick it up"))
+  }), re = K({
+    mutationFn: (e) => m.request(Be(`/tasks/${e}`)),
     onSuccess: () => {
-      I(), k.success("Task deleted");
+      L(), v.success("Task deleted");
     },
-    onError: (e) => k.error(O(e, "Could not delete the task"))
+    onError: (e) => v.error(j(e, "Could not delete the task"))
   });
   if (!a) return null;
-  const b = q.filter((e) => ce.has(e.status)), V = q.filter((e) => !ce.has(e.status)), qe = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), G = (e) => w || C(e.assignee, h) || C(e.created_by, h), Pe = (e) => w || C(e.created_by, h);
+  const k = F.filter((e) => ce.has(e.status)), J = F.filter((e) => !ce.has(e.status)), qe = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), X = (e) => d || $(e.assignee, f) || $(e.created_by, f), Pe = (e) => d || $(e.created_by, f);
   function Te(e) {
-    c == null || c({
+    u == null || u({
       title: e.title.trim(),
       description: e.description.trim() || void 0,
       assignee: e.mode === "person" ? e.assignee : null,
@@ -555,51 +602,65 @@ function kt({
       team_name: e.mode === "team" ? e.teamName : null,
       due_date: e.due,
       priority: e.priority
-    }), x(!1);
+    }), y(!1);
   }
-  const re = (e, p) => {
-    const P = !p && !!e.due_date && String(e.due_date).slice(0, 10) < qe;
-    return /* @__PURE__ */ s("div", { className: "mt-0.5 flex flex-wrap items-center gap-x-3 gap-y-0.5 text-[11px] text-slate-400", children: [
+  const ie = (e, p) => {
+    const D = !p && !!e.due_date && String(e.due_date).slice(0, 10) < qe;
+    return /* @__PURE__ */ n("div", { className: "mt-0.5 flex flex-wrap items-center gap-x-3 gap-y-0.5 text-[11px] text-slate-400", children: [
       /* @__PURE__ */ t(ue, { priority: e.priority }),
-      e.assignee ? /* @__PURE__ */ t("span", { children: e.assignee_name ?? "Someone" }) : e.team_id != null ? /* @__PURE__ */ s("span", { className: "inline-flex items-center gap-1", children: [
-        /* @__PURE__ */ t(Ae, { className: "h-3 w-3" }),
+      e.agent_assignee ? /* @__PURE__ */ n(
+        "span",
+        {
+          className: "inline-flex items-center gap-1 text-[#0e7490] dark:text-[#67e8f9]",
+          "data-task-agent": e.agent_assignee,
+          children: [
+            /* @__PURE__ */ t(Ie, { className: "h-3 w-3", "aria-hidden": !0 }),
+            e.agent_name ?? "An agent",
+            e.assignee_name && /* @__PURE__ */ n("span", { className: "text-slate-400", children: [
+              "for ",
+              e.assignee_name
+            ] })
+          ]
+        }
+      ) : e.assignee ? /* @__PURE__ */ t("span", { children: e.assignee_name ?? "Someone" }) : e.team_id != null ? /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ t(Le, { className: "h-3 w-3" }),
         "Waiting for ",
         e.team_name ?? "the team"
       ] }) : null,
-      !p && e.due_date && /* @__PURE__ */ s("span", { className: U(P && "font-medium text-red-500"), children: [
+      !p && e.due_date && /* @__PURE__ */ n("span", { className: R(D && "font-medium text-red-500"), children: [
         "Due ",
-        X(e.due_date),
-        P && " (overdue)"
+        Y(e.due_date),
+        D && " (overdue)"
       ] }),
-      p && e.completed_at && /* @__PURE__ */ s("span", { "data-task-completed-by": !0, children: [
+      p && e.completed_at && /* @__PURE__ */ n("span", { "data-task-completed-by": !0, children: [
         e.status === "cancelled" ? "Cancelled" : `Done${e.completed_by_name ? ` by ${e.completed_by_name}` : ""}`,
         " ",
-        /* @__PURE__ */ t("span", { title: new Date(e.completed_at).toLocaleString(), children: be(e.completed_at) })
+        /* @__PURE__ */ t("span", { title: new Date(e.completed_at).toLocaleString(), children: fe(e.completed_at) })
       ] }),
-      e.created_by_name && !C(e.created_by, e.assignee) && /* @__PURE__ */ s("span", { children: [
+      e.created_by_name && !$(e.created_by, e.assignee) && /* @__PURE__ */ n("span", { children: [
         "Asked by ",
         e.created_by_name
       ] })
     ] });
-  }, ie = (e, p) => /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-0.5", children: [
-    !p && /* @__PURE__ */ t(ze, { task: e, compact: !0, onTaskChanged: I }),
+  }, oe = (e, p) => /* @__PURE__ */ n("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+    !p && /* @__PURE__ */ t(Ve, { task: e, compact: !0, onTaskChanged: L }),
     /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        onClick: () => L($ === e.id ? null : e.id),
+        onClick: () => N(g === e.id ? null : e.id),
         className: "rounded p-1 text-slate-300 transition-colors hover:bg-muted hover:text-slate-600",
         "aria-label": `History of ${e.title}`,
         title: "History",
         "data-task-history-toggle": e.id,
-        children: /* @__PURE__ */ t(Le, { className: "h-3.5 w-3.5" })
+        children: /* @__PURE__ */ t(We, { className: "h-3.5 w-3.5" })
       }
     ),
-    !p && G(e) && /* @__PURE__ */ t(
+    !p && X(e) && /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        onClick: () => S(f === e.id ? null : e.id),
+        onClick: () => l(C === e.id ? null : e.id),
         className: "rounded p-1 text-slate-300 transition-colors hover:bg-muted hover:text-slate-600",
         "aria-label": `Edit ${e.title}`,
         title: "Edit",
@@ -607,16 +668,16 @@ function kt({
         children: /* @__PURE__ */ t(Oe, { className: "h-3.5 w-3.5" })
       }
     ),
-    p && G(e) && /* @__PURE__ */ s(
+    p && X(e) && /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        onClick: () => M.mutate({ id: e.id, body: { status: "open" } }),
-        disabled: M.isPending,
+        onClick: () => H.mutate({ id: e.id, body: { status: "open" } }),
+        disabled: H.isPending,
         className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[11px] text-slate-500 transition-colors hover:bg-muted hover:text-slate-800 dark:hover:text-slate-200",
         "data-task-reopen": e.id,
         children: [
-          /* @__PURE__ */ t(We, { className: "h-3 w-3" }),
+          /* @__PURE__ */ t(je, { className: "h-3 w-3" }),
           "Reopen"
         ]
       }
@@ -625,193 +686,195 @@ function kt({
       "button",
       {
         type: "button",
-        onClick: () => le.mutate(e.id),
-        disabled: le.isPending,
+        onClick: () => re.mutate(e.id),
+        disabled: re.isPending,
         className: "rounded p-1 text-slate-300 transition-colors hover:bg-red-50 hover:text-red-400 disabled:opacity-40 dark:hover:bg-red-500/10",
         "aria-label": `Delete ${e.title}`,
         title: "Delete",
-        children: /* @__PURE__ */ t(Q, { className: "h-3.5 w-3.5" })
+        children: /* @__PURE__ */ t(Z, { className: "h-3.5 w-3.5" })
       }
     )
   ] });
-  return /* @__PURE__ */ s("div", { className: "overflow-hidden rounded-xl border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ n("div", { className: "overflow-hidden rounded-xl border border-slate-200 bg-white dark:border-border dark:bg-card", children: [
+    /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        onClick: () => v((e) => !e),
-        "aria-expanded": N,
-        "data-task-panel-toggle": N ? "open" : "closed",
+        onClick: () => T((e) => !e),
+        "aria-expanded": b,
+        "data-task-panel-toggle": b ? "open" : "closed",
         className: "flex w-full flex-col px-5 py-3.5 text-left transition-colors hover:bg-slate-50/50 dark:hover:bg-white/[0.02]",
         children: [
-          /* @__PURE__ */ s("span", { className: "flex w-full items-center gap-2.5", children: [
-            /* @__PURE__ */ t(Ee, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" }),
+          /* @__PURE__ */ n("span", { className: "flex w-full items-center gap-2.5", children: [
+            /* @__PURE__ */ t(De, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" }),
             /* @__PURE__ */ t("span", { className: "text-[13px] font-medium text-slate-800 dark:text-slate-200", children: o || "Tasks" }),
-            (n ? (r ?? []).length : b.length) > 0 && /* @__PURE__ */ t("span", { className: "rounded-full bg-slate-100 px-1.5 py-px text-[10.5px] font-semibold tabular-nums text-slate-500 dark:bg-muted dark:text-slate-400", children: n ? `${(r ?? []).length} queued` : `${b.length} open` }),
+            (s ? (r ?? []).length : k.length) > 0 && /* @__PURE__ */ t("span", { className: "rounded-full bg-slate-100 px-1.5 py-px text-[10.5px] font-semibold tabular-nums text-slate-500 dark:bg-muted dark:text-slate-400", children: s ? `${(r ?? []).length} queued` : `${k.length} open` }),
             /* @__PURE__ */ t(
               de,
               {
-                className: `ml-auto h-3.5 w-3.5 shrink-0 text-slate-400 transition-transform duration-150${N ? " rotate-180" : ""}`
+                className: `ml-auto h-3.5 w-3.5 shrink-0 text-slate-400 transition-transform duration-150${b ? " rotate-180" : ""}`
               }
             )
           ] }),
-          !N && b.length > 0 && /* @__PURE__ */ s("span", { className: "mt-1 w-full truncate pl-6 text-[11.5px] text-slate-400", children: [
-            b[b.length - 1].title,
-            b[b.length - 1].due_date && /* @__PURE__ */ s("span", { className: "text-slate-400/80", children: [
+          !b && k.length > 0 && /* @__PURE__ */ n("span", { className: "mt-1 w-full truncate pl-6 text-[11.5px] text-slate-400", children: [
+            k[k.length - 1].title,
+            k[k.length - 1].due_date && /* @__PURE__ */ n("span", { className: "text-slate-400/80", children: [
               " ",
               "· due ",
-              X(b[b.length - 1].due_date)
+              Y(k[k.length - 1].due_date)
             ] })
           ] })
         ]
       }
     ),
-    N && /* @__PURE__ */ t("div", { className: "border-t border-slate-100 dark:border-border/60", children: /* @__PURE__ */ s("div", { className: "space-y-3 px-5 py-3", children: [
-      n && (r ?? []).length > 0 && /* @__PURE__ */ t("div", { className: "divide-y divide-slate-100 dark:divide-border/60", children: (r ?? []).map((e, p) => (
+    b && /* @__PURE__ */ t("div", { className: "border-t border-slate-100 dark:border-border/60", children: /* @__PURE__ */ n("div", { className: "space-y-3 px-5 py-3", children: [
+      s && (r ?? []).length > 0 && /* @__PURE__ */ t("div", { className: "divide-y divide-slate-100 dark:divide-border/60", children: (r ?? []).map((e, p) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: queued rows have no id yet
-        /* @__PURE__ */ s("div", { className: "flex items-start gap-2.5 py-2", children: [
+        /* @__PURE__ */ n("div", { className: "flex items-start gap-2.5 py-2", children: [
           /* @__PURE__ */ t("span", { className: "mt-0.5 inline-flex shrink-0 items-center rounded-full bg-amber-100 px-1.5 py-0.5 text-[10px] font-medium text-amber-700 dark:bg-amber-500/15 dark:text-amber-400", children: "Pending" }),
-          /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ t("p", { className: "text-[13px] font-medium text-slate-800 dark:text-slate-200", children: e.title }),
-            /* @__PURE__ */ s("div", { className: "mt-0.5 flex items-center gap-3 text-[11px] text-slate-400", children: [
+            /* @__PURE__ */ n("div", { className: "mt-0.5 flex items-center gap-3 text-[11px] text-slate-400", children: [
               /* @__PURE__ */ t(ue, { priority: e.priority }),
               e.assignee_name && /* @__PURE__ */ t("span", { children: e.assignee_name }),
-              e.team_name && /* @__PURE__ */ s("span", { children: [
+              e.team_name && /* @__PURE__ */ n("span", { children: [
                 "Team: ",
                 e.team_name
               ] }),
-              e.due_date && /* @__PURE__ */ s("span", { children: [
+              e.due_date && /* @__PURE__ */ n("span", { children: [
                 "Due ",
-                X(e.due_date)
+                Y(e.due_date)
               ] })
             ] })
           ] }),
-          g && /* @__PURE__ */ t(
+          x && /* @__PURE__ */ t(
             "button",
             {
               type: "button",
-              onClick: () => g(p),
+              onClick: () => x(p),
               className: "shrink-0 rounded p-1 text-slate-300 hover:text-red-400",
               "aria-label": `Remove ${e.title}`,
-              children: /* @__PURE__ */ t(Q, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ t(Z, { className: "h-3.5 w-3.5" })
             }
           )
         ] }, p)
       )) }),
-      n && (r ?? []).length === 0 && !u && /* @__PURE__ */ t("p", { className: "py-1 text-[12px] text-slate-400", children: "Tasks are created once the record is saved." }),
-      !n && b.length === 0 && !u && /* @__PURE__ */ t("p", { className: "py-1 text-[13px] text-slate-400", children: "No open tasks" }),
-      !n && b.length > 0 && /* @__PURE__ */ t("div", { className: "divide-y divide-slate-100 dark:divide-border/60", children: b.map((e) => {
-        const p = Se(e.done_when), P = !e.assignee && e.team_id != null;
-        return /* @__PURE__ */ s("div", { className: "nvr-rise-in py-2", "data-task-row": e.id, children: [
-          /* @__PURE__ */ s("div", { className: "flex items-start gap-2.5", children: [
+      s && (r ?? []).length === 0 && !w && /* @__PURE__ */ t("p", { className: "py-1 text-[12px] text-slate-400", children: "Tasks are created once the record is saved." }),
+      !s && k.length === 0 && !w && /* @__PURE__ */ t("p", { className: "py-1 text-[13px] text-slate-400", children: "No open tasks" }),
+      !s && k.length > 0 && /* @__PURE__ */ t("div", { className: "divide-y divide-slate-100 dark:divide-border/60", children: k.map((e) => {
+        const p = Se(e.done_when), D = !e.assignee && e.team_id != null;
+        return /* @__PURE__ */ n("div", { className: "nvr-rise-in py-2", "data-task-row": e.id, children: [
+          /* @__PURE__ */ n("div", { className: "flex items-start gap-2.5", children: [
             /* @__PURE__ */ t(
               me,
               {
                 className: "mt-0.5",
                 checked: !1,
                 onCheckedChange: () => se.mutate(e.id),
-                disabled: se.isPending || !G(e),
+                disabled: se.isPending || !X(e),
                 "aria-label": `Complete task: ${e.title}`
               }
             ),
-            /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ t("p", { className: "text-[13px] font-medium text-slate-800 dark:text-slate-200", children: e.title }),
               e.description && /* @__PURE__ */ t("p", { className: "mt-0.5 line-clamp-2 whitespace-pre-line text-[12px] text-slate-500", children: e.description }),
-              re(e, !1),
-              p.length > 0 && /* @__PURE__ */ s("p", { className: "mt-0.5 text-[11px] text-slate-500", "data-task-rule": !0, children: [
+              ie(e, !1),
+              p.length > 0 && /* @__PURE__ */ n("p", { className: "mt-0.5 text-[11px] text-slate-500", "data-task-rule": !0, children: [
                 "Closes itself when ",
-                Je(p, E)
+                Xe(p, I)
               ] }),
-              P && /* @__PURE__ */ t(
+              D && /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  onClick: () => ne.mutate(e.id),
-                  disabled: ne.isPending,
+                  onClick: () => le.mutate(e.id),
+                  disabled: le.isPending,
                   className: "mt-1 rounded border border-slate-200 px-2 py-0.5 text-[11px] font-medium text-slate-700 hover:bg-muted dark:border-border dark:text-slate-300",
                   "data-task-claim": e.id,
                   children: "Pick it up"
                 }
               )
             ] }),
-            ie(e, !1)
+            oe(e, !1)
           ] }),
-          f === e.id && /* @__PURE__ */ t("div", { className: "mt-2 pl-6", children: /* @__PURE__ */ t(
+          C === e.id && /* @__PURE__ */ t("div", { className: "mt-2 pl-6", children: /* @__PURE__ */ t(
             pe,
             {
               collection: a,
               item: i,
-              initial: et(e),
+              initial: nt(e),
               submitLabel: "Save changes",
-              busy: M.isPending,
+              busy: H.isPending,
               allowTeam: !1,
-              onCancel: () => S(null),
-              onSubmit: (H) => {
-                const W = te(H), oe = {
-                  title: W.title,
-                  description: W.description,
-                  due_date: W.due_date,
-                  priority: W.priority,
-                  done_when: W.done_when
+              allowAgent: !0,
+              onCancel: () => l(null),
+              onSubmit: (S) => {
+                const U = ae(S), B = {
+                  title: U.title,
+                  description: U.description,
+                  due_date: U.due_date,
+                  priority: U.priority,
+                  done_when: U.done_when
                 };
-                H.mode === "person" && !C(H.assignee, e.assignee) && (oe.assignee = H.assignee), M.mutate({ id: e.id, body: oe });
+                S.mode === "agent" ? S.agent && S.agent !== e.agent_assignee && (B.agent = S.agent) : S.mode === "person" && ($(S.assignee, e.assignee) ? e.agent_assignee && (B.agent = null) : B.assignee = S.assignee), H.mutate({ id: e.id, body: B });
               }
             }
           ) }),
-          $ === e.id && /* @__PURE__ */ t("div", { className: "pl-6", children: /* @__PURE__ */ t(he, { taskId: e.id }) })
+          g === e.id && /* @__PURE__ */ t("div", { className: "pl-6", children: /* @__PURE__ */ t(he, { taskId: e.id }) })
         ] }, e.id);
       }) }),
-      !u && /* @__PURE__ */ s(
+      !w && /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          onClick: () => x(!0),
+          onClick: () => y(!0),
           className: "flex items-center gap-1.5 text-[12px] text-slate-400 transition-colors hover:text-nvr-cyan",
           "data-task-add": !0,
           children: [
-            /* @__PURE__ */ t(Ie, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ t(Ee, { className: "h-3.5 w-3.5" }),
             "Add task"
           ]
         }
       ),
-      u && /* @__PURE__ */ t(
+      w && /* @__PURE__ */ t(
         pe,
         {
           collection: a,
           item: i,
-          initial: Ze(),
-          submitLabel: n ? "Queue task" : "Create task",
-          busy: ae.isPending,
+          initial: at(),
+          submitLabel: s ? "Queue task" : "Create task",
+          busy: ne.isPending,
           allowTeam: !0,
-          onCancel: () => x(!1),
-          onSubmit: (e) => n ? Te(e) : ae.mutate(e)
+          allowAgent: !s,
+          onCancel: () => y(!1),
+          onSubmit: (e) => s ? Te(e) : ne.mutate(e)
         }
       ),
-      !n && V.length > 0 && /* @__PURE__ */ s("div", { children: [
-        /* @__PURE__ */ s(
+      !s && J.length > 0 && /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            onClick: () => K((e) => !e),
+            onClick: () => M((e) => !e),
             className: "flex items-center gap-1 text-[12px] text-slate-400 transition-colors hover:text-slate-600",
             children: [
               /* @__PURE__ */ t(
                 de,
                 {
-                  className: U(
+                  className: R(
                     "h-3.5 w-3.5 transition-transform",
-                    D && "rotate-180"
+                    E && "rotate-180"
                   )
                 }
               ),
               "Completed (",
-              V.length,
+              J.length,
               ")"
             ]
           }
         ),
-        D && /* @__PURE__ */ t("div", { className: "mt-1 divide-y divide-slate-100 dark:divide-border/60", children: V.map((e) => /* @__PURE__ */ s("div", { className: "nvr-rise-in py-2", "data-task-row": e.id, children: [
-          /* @__PURE__ */ s("div", { className: "flex items-start gap-2.5", children: [
+        E && /* @__PURE__ */ t("div", { className: "mt-1 divide-y divide-slate-100 dark:divide-border/60", children: J.map((e) => /* @__PURE__ */ n("div", { className: "nvr-rise-in py-2", "data-task-row": e.id, children: [
+          /* @__PURE__ */ n("div", { className: "flex items-start gap-2.5", children: [
             /* @__PURE__ */ t(
               me,
               {
@@ -821,18 +884,18 @@ function kt({
                 "aria-label": "Completed"
               }
             ),
-            /* @__PURE__ */ s("div", { className: "min-w-0 flex-1 opacity-70", children: [
+            /* @__PURE__ */ n("div", { className: "min-w-0 flex-1 opacity-70", children: [
               /* @__PURE__ */ t("p", { className: "text-[13px] text-slate-600 line-through dark:text-slate-400", children: e.title }),
-              re(e, !0)
+              ie(e, !0)
             ] }),
-            ie(e, !0)
+            oe(e, !0)
           ] }),
-          $ === e.id && /* @__PURE__ */ t("div", { className: "pl-6", children: /* @__PURE__ */ t(he, { taskId: e.id }) })
+          g === e.id && /* @__PURE__ */ t("div", { className: "pl-6", children: /* @__PURE__ */ t(he, { taskId: e.id }) })
         ] }, e.id)) })
       ] })
     ] }) })
   ] });
 }
 export {
-  kt as TaskPanel
+  vt as TaskPanel
 };