@alfadocs/ui-kit 0.70.0 → 0.71.0

package/dist/_chunks/tasks-panel-C9odmawT.js

@@ -0,0 +1,757 @@
+import { jsx as a, jsxs as k, Fragment as ke } from "react/jsx-runtime";
+import { forwardRef as pt, useId as ge, useMemo as V, useState as h, useCallback as f, useRef as O, useImperativeHandle as ut } from "react";
+import { c as ft } from "./index-D2ZczOXr.js";
+import { useTranslation as mt } from "react-i18next";
+import { B as kt } from "./badge-DCOqV9mI.js";
+import { B as ae } from "./button-DD_0Xdmr.js";
+import { I as $ } from "./icon-button-LqoiKcUN.js";
+import { B as he } from "./button-group-CvEnVzY7.js";
+import { P as gt } from "./panel-header-D313n_9-.js";
+import { S as ve } from "./select-KsyRr8WH.js";
+import { S as ht } from "./switch-OILsBLWo.js";
+import { S as vt } from "./skeleton-CZbwyJAA.js";
+import { E as ne } from "./empty-state-BLy7tigq.js";
+import { T as yt } from "./task-card-DCdsI0ZT.js";
+import { u as ye } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as bt } from "./registry-DvAUVLHh.js";
+import { P as Pt } from "./plus-CYKNmfuA.js";
+import { L as wt } from "./list-checks-BUs75d_o.js";
+import { S as xt } from "./square-check-big-Jr-0202D.js";
+import { S as St } from "./square-CZoGU14v.js";
+import { P as _t } from "./pencil-CfQX-0Qc.js";
+import { X as Nt } from "./x-CCcI3eJp.js";
+import { c as G } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const zt = [
+  ["path", { d: "M13.744 17.736a6 6 0 1 1-7.48-7.48", key: "bq4yh3" }],
+  ["path", { d: "M15 6h1v4", key: "11y1tn" }],
+  ["path", { d: "m6.134 14.768.866-.5 2 3.464", key: "17snzx" }],
+  ["circle", { cx: "16", cy: "8", r: "6", key: "14bfc9" }]
+], Rt = G("coins", zt);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const It = [
+  ["path", { d: "M10.5 3 8 9l4 13 4-13-2.5-6", key: "b3dvk1" }],
+  [
+    "path",
+    {
+      d: "M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3z",
+      key: "7w4byz"
+    }
+  ],
+  ["path", { d: "M2 9h20", key: "16fsjt" }]
+], Bt = G("gem", It);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Dt = [
+  [
+    "path",
+    {
+      d: "M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z",
+      key: "q8bfy3"
+    }
+  ],
+  ["path", { d: "M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14", key: "1853fq" }],
+  ["path", { d: "M8 6v8", key: "15ugcq" }]
+], Et = G("megaphone", Dt);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const jt = [
+  [
+    "path",
+    {
+      d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
+      key: "vktsd0"
+    }
+  ],
+  ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }]
+], be = G("tag", jt), qt = {
+  id: "tasks-panel",
+  // 'pick' backs select_item (non-persisting activation, matching
+  // AppointmentTimeline); 'dismiss' backs dismiss; 'scroll' backs
+  // jump_to_overdue (re-anchors the viewport); 'filter' backs set_filter (the
+  // status / type / assignee / overdue filter bar is genuinely stateful);
+  // 'view_change' backs change_scope (the patient ↔ mine segment); 'paginate'
+  // backs load_more (append the next page of tasks).
+  capabilities: [
+    "pick",
+    "dismiss",
+    "scroll",
+    "filter",
+    "view_change",
+    "paginate"
+  ],
+  state: {
+    items: {
+      type: "Array<{ id: string; status: string }>",
+      descriptionKey: "ui.agent.tasksPanel.state.items",
+      description: "Currently-rendered tasks. Ids + status only — never task note / patient.",
+      read: (s) => s.getItems()
+    }
+  },
+  actions: {
+    select_item: {
+      safety: "read",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.tasksPanel.actions.selectItem",
+      description: "Activate the task with the given id.",
+      invoke: (s, o) => {
+        s.selectItem(o.id);
+      }
+    },
+    toggle_done: {
+      safety: "write",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      descriptionKey: "ui.agent.tasksPanel.actions.toggleDone",
+      description: "Request the host to toggle the done state of a task.",
+      invoke: (s, o) => {
+        s.toggleDone(o.id);
+      }
+    },
+    dismiss: {
+      safety: "destructive",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.tasksPanel.actions.dismiss",
+      description: "Request the host to dismiss / remove the task with the given id.",
+      invoke: (s, o) => {
+        s.dismiss(o.id);
+      }
+    },
+    jump_to_overdue: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.tasksPanel.actions.jumpToOverdue",
+      description: "Re-anchor the panel scroll on the overdue tasks.",
+      invoke: (s) => {
+        s.jumpToOverdue();
+      }
+    },
+    set_filter: {
+      safety: "read",
+      argsType: "{ status?: 'todo' | 'done' | 'all'; type?: string | null; assignee?: string | null; overdueOnly?: boolean }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          status: { type: "string", enum: ["todo", "done", "all"] },
+          type: { type: ["string", "null"] },
+          assignee: { type: ["string", "null"] },
+          overdueOnly: { type: "boolean" }
+        }
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.tasksPanel.actions.setFilter",
+      description: "Set the task filters (status segment, type, assignee, overdue-only). Omitted keys are left unchanged.",
+      invoke: (s, o) => {
+        s.setFilter(o);
+      }
+    },
+    change_scope: {
+      safety: "read",
+      argsType: "{ scope: 'patient' | 'mine' }",
+      argsSchema: {
+        type: "object",
+        properties: { scope: { type: "string", enum: ["patient", "mine"] } },
+        required: ["scope"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.tasksPanel.actions.changeScope",
+      description: "Switch the task scope segment between this patient ('patient') and the operator's own tasks ('mine'). The host re-feeds the items.",
+      invoke: (s, o) => {
+        s.changeScope(o.scope);
+      }
+    },
+    load_more: {
+      safety: "read",
+      // Requests the host to append the next page — not idempotent (each call
+      // advances the page) and reaches the host data source.
+      openWorld: !0,
+      descriptionKey: "ui.agent.tasksPanel.actions.loadMore",
+      description: "Request the host to append the next page of tasks.",
+      invoke: (s) => {
+        s.loadMore();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "tasks-panel",
+      description: "Marks the TasksPanel wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific panel from the agent."
+    },
+    item: {
+      attr: "data-task-id",
+      description: "Stable task id emitted on each rendered TaskCard inside the panel."
+    }
+  }
+}, At = 96, Ht = ft(
+  [
+    "ds:flex ds:flex-col ds:h-full ds:min-h-0",
+    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]"
+  ].join(" "),
+  {
+    variants: { size: { xs: "", sm: "", md: "" } },
+    defaultVariants: { size: "xs" }
+  }
+), Tt = [
+  "ds:flex-1 ds:min-h-0 ds:overflow-y-auto",
+  "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+  "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+  "ds:[--tpl-mask-top:black] ds:[--tpl-mask-bottom:black]",
+  "ds:data-[fade-top=true]:[--tpl-mask-top:transparent]",
+  "ds:data-[fade-bottom=true]:[--tpl-mask-bottom:transparent]",
+  "ds:[mask-image:linear-gradient(to_bottom,var(--tpl-mask-top)_0,black_var(--tpl-fade-distance,var(--spacing-lg)),black_calc(100%-var(--tpl-fade-distance,var(--spacing-lg))),var(--tpl-mask-bottom)_100%)]",
+  "ds:motion-reduce:[mask-image:none]",
+  "ds:[.theme-accessible_&]:[mask-image:none]",
+  "ds:forced-colors:[mask-image:none]",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:[outline-offset:-2px]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]"
+].join(" "), Wt = "ds:shadow-[var(--shadow-sm)] ds:bg-[color:var(--card)]", Kt = {
+  recall: { variant: "info", Icon: Et },
+  payment: { variant: "warning", Icon: Bt },
+  collection: { variant: "error", Icon: Rt },
+  other: { variant: "neutral", Icon: be }
+}, Mt = [
+  "overdue",
+  "today",
+  "tomorrow",
+  "thisWeek",
+  "later",
+  "done"
+];
+function Vt(s) {
+  return new Date(s.getFullYear(), s.getMonth(), s.getDate());
+}
+function Pe(s) {
+  const o = Vt(s), c = new Date(o);
+  c.setDate(o.getDate() + 1);
+  const p = new Date(o);
+  p.setDate(o.getDate() + 2);
+  const d = (o.getDay() + 6) % 7, r = new Date(o);
+  return r.setDate(o.getDate() + (7 - d)), {
+    startOfToday: +o,
+    startOfTomorrow: +c,
+    startOfDayAfter: +p,
+    startOfNextWeek: +r
+  };
+}
+function Ot(s, o) {
+  if (s.status === "done") return "done";
+  const { startOfToday: c, startOfTomorrow: p, startOfDayAfter: d, startOfNextWeek: r } = Pe(o), l = +new Date(s.dueIso);
+  return l < c ? "overdue" : l < p ? "today" : l < d ? "tomorrow" : l < r ? "thisWeek" : "later";
+}
+function $t(s, o) {
+  return s.status === "done" ? !1 : +new Date(s.dueIso) < Pe(o).startOfTomorrow;
+}
+function Gt(s, o) {
+  const c = /* @__PURE__ */ new Map();
+  for (const d of s) {
+    const r = Ot(d, o), l = c.get(r);
+    l ? l.push(d) : c.set(r, [d]);
+  }
+  const p = [];
+  for (const d of Mt) {
+    const r = c.get(d);
+    !r || r.length === 0 || (r.sort((l, R) => +new Date(l.dueIso) - +new Date(R.dueIso)), p.push({ key: d, items: r }));
+  }
+  return p;
+}
+const Yt = pt(
+  ({
+    id: s,
+    items: o,
+    nowIso: c,
+    title: p,
+    size: d = "xs",
+    onOpenTask: r,
+    onToggleDone: l,
+    onEditTask: R,
+    onDismissTask: v,
+    onAddTask: oe,
+    readOnly: Y = !1,
+    renderItemActions: U,
+    scope: C,
+    defaultScope: we,
+    onScopeChange: I,
+    availableScopes: g,
+    onLoadMore: u,
+    hasMore: xe,
+    loadingMore: B = !1,
+    loading: X = !1,
+    error: P = !1,
+    showFilters: re = !0,
+    statusFilter: J,
+    defaultStatusFilter: Se,
+    onStatusFilterChange: D,
+    typeOptions: Q,
+    typeFilter: E,
+    onTypeFilterChange: j,
+    assigneeOptions: Z,
+    assigneeFilter: q,
+    onAssigneeFilterChange: A,
+    overdueOnly: L,
+    defaultOverdueOnly: _e,
+    onOverdueOnlyChange: H,
+    emptyTitle: Ne,
+    emptyDescription: ze,
+    emptyAction: Re,
+    className: Ie,
+    "aria-label": ie,
+    ...Be
+  }, De) => {
+    const { t: n } = mt(), le = ge(), Ee = ge(), je = p ?? n("tasksPanel.title"), qe = {
+      todo: n("tasksPanel.status.todo"),
+      done: n("tasksPanel.status.done"),
+      all: n("tasksPanel.status.all")
+    }, Ae = {
+      patient: n("tasksPanel.scope.patient"),
+      mine: n("tasksPanel.scope.mine")
+    }, He = {
+      overdue: n("tasksPanel.buckets.overdue"),
+      today: n("tasksPanel.buckets.today"),
+      tomorrow: n("tasksPanel.buckets.tomorrow"),
+      thisWeek: n("tasksPanel.buckets.thisWeek"),
+      later: n("tasksPanel.buckets.later"),
+      done: n("tasksPanel.buckets.done")
+    }, Te = {
+      recall: n("tasksPanel.types.recall"),
+      payment: n("tasksPanel.types.payment"),
+      collection: n("tasksPanel.types.collection"),
+      other: n("tasksPanel.types.other")
+    }, T = V(
+      () => c ? new Date(c) : /* @__PURE__ */ new Date(),
+      [c]
+    ), [We, Ke] = h(
+      we ?? (g == null ? void 0 : g[0]) ?? "patient"
+    ), Me = C ?? We, F = f(
+      (e) => {
+        C === void 0 && Ke(e), I == null || I(e);
+      },
+      [C, I]
+    ), [Ve, Oe] = h(
+      Se ?? "todo"
+    ), W = J ?? Ve, w = f(
+      (e) => {
+        J === void 0 && Oe(e), D == null || D(e);
+      },
+      [J, D]
+    ), [$e, Ge] = h(null), K = E !== void 0 ? E : $e, x = f(
+      (e) => {
+        E === void 0 && Ge(e), j == null || j(e);
+      },
+      [E, j]
+    ), [Ye, Ue] = h(null), M = q !== void 0 ? q : Ye, S = f(
+      (e) => {
+        q === void 0 && Ue(e), A == null || A(e);
+      },
+      [q, A]
+    ), [Ce, Xe] = h(
+      _e ?? !1
+    ), ee = L ?? Ce, _ = f(
+      (e) => {
+        L === void 0 && Xe(e), H == null || H(e);
+      },
+      [L, H]
+    ), Je = f(() => {
+      w("todo"), x(null), S(null), _(!1);
+    }, [w, x, S, _]), te = V(() => o.filter((e) => {
+      const t = e.status === "done";
+      return !(W === "todo" && t || W === "done" && !t || K && e.type !== K || M && (e.assignee ?? "") !== M || ee && !$t(e, T));
+    }), [
+      o,
+      W,
+      K,
+      M,
+      ee,
+      T
+    ]), ce = V(
+      () => Gt(te, T),
+      [te, T]
+    ), N = O(null), de = O(null), [Qe, Ze] = h(!1), [Le, Fe] = h(!1), y = f(() => {
+      const e = N.current;
+      if (!e) return;
+      const { scrollTop: t, scrollHeight: i, clientHeight: m } = e;
+      Ze(t > 1), Fe(t + m < i - 1);
+    }, []);
+    ye(() => {
+      y();
+    }, [ce, y]), ye(() => {
+      const e = N.current;
+      if (!e || typeof ResizeObserver > "u") return;
+      const t = new ResizeObserver(y);
+      return t.observe(e), () => t.disconnect();
+    }, [y]);
+    const se = xe ?? !!u, et = f(() => {
+      y();
+      const e = N.current;
+      if (!e) return;
+      const { scrollTop: t, scrollHeight: i, clientHeight: m } = e;
+      u && se && !B && i - t - m <= At && u();
+    }, [y, u, se, B]), pe = f(() => {
+      const e = N.current, t = de.current;
+      if (!e || !t) {
+        e == null || e.scrollTo({ top: 0 });
+        return;
+      }
+      const i = t.getBoundingClientRect().top - e.getBoundingClientRect().top;
+      e.scrollTo({ top: e.scrollTop + i });
+    }, []), z = O(o);
+    z.current = o;
+    const ue = O(null);
+    ut(De, () => ue.current, []);
+    const tt = V(
+      () => ({
+        getItems: () => z.current.map((e) => ({
+          id: e.id,
+          status: e.status ?? "open"
+        })),
+        selectItem: (e) => {
+          const t = z.current.find((i) => i.id === e);
+          t && (r == null || r(t));
+        },
+        toggleDone: (e) => {
+          const t = z.current.find((i) => i.id === e);
+          t && (l == null || l(t));
+        },
+        dismiss: (e) => {
+          const t = z.current.find((i) => i.id === e);
+          t && (v == null || v(t));
+        },
+        jumpToOverdue: pe,
+        setFilter: (e) => {
+          e.status !== void 0 && w(e.status), e.type !== void 0 && x(e.type), e.assignee !== void 0 && S(e.assignee), e.overdueOnly !== void 0 && _(e.overdueOnly);
+        },
+        changeScope: F,
+        loadMore: () => u == null ? void 0 : u()
+      }),
+      [
+        r,
+        l,
+        v,
+        pe,
+        w,
+        x,
+        S,
+        _,
+        F,
+        u
+      ]
+    );
+    bt(qt, tt, s);
+    const st = (e) => {
+      if (!e.type) return null;
+      const t = Kt[e.type], i = (t == null ? void 0 : t.variant) ?? "neutral", m = (t == null ? void 0 : t.Icon) ?? be, dt = e.typeLabel ?? Te[e.type] ?? e.type;
+      return /* @__PURE__ */ a(
+        kt,
+        {
+          variant: i,
+          size: "sm",
+          leading: /* @__PURE__ */ a(m, { "aria-hidden": "true" }),
+          children: dt
+        }
+      );
+    }, at = (e) => {
+      if (Y) return null;
+      const t = e.status === "done";
+      return /* @__PURE__ */ k(ke, { children: [
+        l ? /* @__PURE__ */ a(
+          $,
+          {
+            icon: t ? /* @__PURE__ */ a(xt, {}) : /* @__PURE__ */ a(St, {}),
+            intent: "ghost",
+            size: "sm",
+            "aria-label": n(
+              t ? "tasksPanel.markNotDone" : "tasksPanel.markDone"
+            ),
+            onClick: () => l(e)
+          }
+        ) : null,
+        R ? /* @__PURE__ */ a(
+          $,
+          {
+            icon: /* @__PURE__ */ a(_t, {}),
+            intent: "ghost",
+            size: "sm",
+            "aria-label": n("tasksPanel.edit"),
+            onClick: () => R(e)
+          }
+        ) : null,
+        v ? /* @__PURE__ */ a(
+          $,
+          {
+            icon: /* @__PURE__ */ a(Nt, {}),
+            intent: "ghost",
+            size: "sm",
+            "aria-label": n("tasksPanel.dismiss"),
+            onClick: () => v(e)
+          }
+        ) : null
+      ] });
+    }, nt = (e) => {
+      const i = (Y ? null : U == null ? void 0 : U(e)) ?? at(e), m = st(e);
+      if (!(!m && !i))
+        return /* @__PURE__ */ k(ke, { children: [
+          m,
+          i
+        ] });
+    }, ot = !X && !P && o.length === 0, rt = !X && !P && o.length > 0 && te.length === 0, fe = (e) => /* @__PURE__ */ a(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+        children: /* @__PURE__ */ a(vt, { variant: "rectangular", height: "3.5rem" })
+      },
+      e
+    );
+    let b;
+    P ? b = /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-h-0 ds:p-[var(--spacing-md)]", children: typeof P == "boolean" ? /* @__PURE__ */ a(
+      ne,
+      {
+        variant: "error",
+        size: "sm",
+        title: n("tasksPanel.error.title"),
+        description: n("tasksPanel.error.description")
+      }
+    ) : P }) : X ? b = /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-h-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [0, 1, 2, 3].map((e) => fe(`skeleton-${e}`)) }) : ot ? b = /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-h-0 ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
+      ne,
+      {
+        variant: "first-use",
+        size: "sm",
+        title: Ne ?? n("tasksPanel.empty.title"),
+        description: ze ?? n("tasksPanel.empty.description"),
+        primaryAction: Re
+      }
+    ) }) : rt ? b = /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-h-0 ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
+      ne,
+      {
+        variant: "no-results",
+        size: "sm",
+        title: n("tasksPanel.filteredEmpty.title"),
+        description: n("tasksPanel.filteredEmpty.description"),
+        primaryAction: {
+          label: n("tasksPanel.filteredEmpty.clear"),
+          onClick: Je
+        }
+      }
+    ) }) : b = /* @__PURE__ */ k(
+      "div",
+      {
+        ref: N,
+        tabIndex: 0,
+        onScroll: et,
+        "data-fade-top": Qe ? "true" : void 0,
+        "data-fade-bottom": Le ? "true" : void 0,
+        className: Tt,
+        children: [
+          /* @__PURE__ */ a("ol", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-md)] ds:p-0", children: ce.map((e) => /* @__PURE__ */ k(
+            "li",
+            {
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+              children: [
+                /* @__PURE__ */ a(
+                  Ut,
+                  {
+                    bucketKey: e.key,
+                    count: e.items.length,
+                    label: He[e.key],
+                    headerRef: e.key === "overdue" ? de : void 0
+                  }
+                ),
+                /* @__PURE__ */ a("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0", children: e.items.map((t) => /* @__PURE__ */ a(
+                  yt,
+                  {
+                    item: t,
+                    size: d,
+                    onActivate: r ? () => r(t) : void 0,
+                    actions: nt(t),
+                    className: Wt,
+                    "data-task-id": t.id
+                  },
+                  t.id
+                )) })
+              ]
+            },
+            e.key
+          )) }),
+          B ? fe("loading-more") : null,
+          !B && se && u ? /* @__PURE__ */ a("div", { className: "ds:flex ds:justify-center ds:py-[var(--spacing-sm)]", children: /* @__PURE__ */ a(ae, { intent: "ghost", size: "sm", onClick: u, children: n("tasksPanel.loadMore") }) }) : null
+        ]
+      }
+    );
+    const me = ((g == null ? void 0 : g.length) ?? 0) > 1, it = ["todo", "done", "all"], lt = oe && !Y ? /* @__PURE__ */ a(
+      $,
+      {
+        icon: /* @__PURE__ */ a(Pt, {}),
+        intent: "outline",
+        size: "sm",
+        "aria-label": n("tasksPanel.add"),
+        onClick: oe
+      }
+    ) : void 0, ct = me || re ? /* @__PURE__ */ k("div", { className: "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      me ? /* @__PURE__ */ a(he, { label: n("tasksPanel.scope.label"), children: g.map((e) => {
+        const t = Me === e;
+        return /* @__PURE__ */ a(
+          ae,
+          {
+            intent: t ? "primary" : "outline",
+            size: "sm",
+            "aria-pressed": t,
+            onClick: () => F(e),
+            children: Ae[e]
+          },
+          e
+        );
+      }) }) : null,
+      re ? /* @__PURE__ */ k("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ a(he, { label: n("tasksPanel.status.label"), children: it.map((e) => {
+          const t = W === e;
+          return /* @__PURE__ */ a(
+            ae,
+            {
+              intent: t ? "primary" : "outline",
+              size: "sm",
+              "aria-pressed": t,
+              onClick: () => w(e),
+              children: qe[e]
+            },
+            e
+          );
+        }) }),
+        Q && Q.length > 0 ? /* @__PURE__ */ a(
+          ve,
+          {
+            size: "sm",
+            clearable: !0,
+            "aria-label": n("tasksPanel.type.label"),
+            placeholder: n("tasksPanel.type.placeholder"),
+            options: Q,
+            value: K ?? "",
+            onValueChange: (e) => x(e || null)
+          }
+        ) : null,
+        Z && Z.length > 0 ? /* @__PURE__ */ a(
+          ve,
+          {
+            size: "sm",
+            clearable: !0,
+            "aria-label": n("tasksPanel.assignee.label"),
+            placeholder: n("tasksPanel.assignee.placeholder"),
+            options: Z,
+            value: M ?? "",
+            onValueChange: (e) => S(e || null)
+          }
+        ) : null,
+        /* @__PURE__ */ a(
+          ht,
+          {
+            id: Ee,
+            size: "sm",
+            label: n("tasksPanel.overdueOnly"),
+            checked: ee,
+            onCheckedChange: _
+          }
+        )
+      ] }) : null
+    ] }) : void 0;
+    return /* @__PURE__ */ k(
+      "section",
+      {
+        ref: ue,
+        "data-component": "tasks-panel",
+        "data-component-id": s,
+        "aria-labelledby": ie ? void 0 : le,
+        "aria-label": ie,
+        className: Ht({ size: d, className: Ie }),
+        ...Be,
+        children: [
+          /* @__PURE__ */ a(
+            gt,
+            {
+              title: je,
+              icon: /* @__PURE__ */ a(wt, {}),
+              headingId: le,
+              actions: lt,
+              filters: ct
+            }
+          ),
+          b
+        ]
+      }
+    );
+  }
+);
+Yt.displayName = "TasksPanel";
+function Ut({
+  bucketKey: s,
+  count: o,
+  label: c,
+  headerRef: p
+}) {
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      ref: p,
+      "data-bucket": s,
+      className: [
+        "ds:sticky ds:top-0 ds:z-[2] ds:bg-[color:var(--card)] ds:py-[var(--spacing-2xs)]",
+        "ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] type-eyebrow",
+        s === "overdue" ? "ds:text-[color:var(--destructive)] ds:font-semibold" : s === "today" ? "ds:text-[color:var(--primary)] ds:font-semibold" : "ds:text-[color:var(--muted-foreground)]"
+      ].join(" "),
+      children: [
+        s === "today" ? /* @__PURE__ */ a(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ds:size-1.5 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)]"
+          }
+        ) : null,
+        c,
+        /* @__PURE__ */ a("span", { className: "ds:text-[color:var(--muted-foreground)]", children: `(${o})` })
+      ]
+    }
+  );
+}
+export {
+  Yt as T,
+  qt as t
+};
+//# sourceMappingURL=tasks-panel-C9odmawT.js.map