@alfadocs/ui-kit-debug 1.32.0 → 1.34.0

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

@@ -0,0 +1,844 @@
+import { jsx as a, jsxs as m, Fragment as we } from "react/jsx-runtime";
+import { forwardRef as Pt, useId as Pe, useMemo as O, useState as h, useCallback as f, useRef as V, useImperativeHandle as xt } from "react";
+import { c as Nt } from "./index-D2ZczOXr.js";
+import { useTranslation as _t } from "react-i18next";
+import { B as Dt } from "./badge-sTusUqZD.js";
+import { B as oe } from "./button-nJaPh_HC.js";
+import { I as ne } from "./icon-button-DA2CAGHZ.js";
+import { B as xe } from "./button-group-CaxRJsNG.js";
+import { P as Rt } from "./panel-header-D313n_9-.js";
+import { S as Ne } from "./select-CLSUnKjF.js";
+import { S as Tt } from "./switch-OILsBLWo.js";
+import { S as St } from "./skeleton-CZbwyJAA.js";
+import { E as re } from "./empty-state-X0sVPfVo.js";
+import { T as zt } from "./task-card-BalrLkSz.js";
+import { u as Et } from "./use-check-animation--I3cS00X.js";
+import { a as It, u as _e, R as Re } from "./use-list-reflow-Cw43nxw5.js";
+import { u as jt } from "./use-theme-CAuo6EYT.js";
+import { u as De } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Bt } from "./registry-DvAUVLHh.js";
+import { P as At } from "./plus-DzMQ_c6b.js";
+import { C as Ht } from "./clipboard-check-BeAGxDVT.js";
+import { P as qt } from "./pencil-B1sKKyuT.js";
+import { X as Wt } from "./x-B5YnXwCz.js";
+import { c as G } from "./createLucideIcon-DhHxpK9K.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $t = [
+  ["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" }]
+], Ct = G("coins", $t);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Lt = [
+  ["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" }]
+], Mt = G("gem", Lt);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Kt = [
+  [
+    "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" }]
+], Ot = G("megaphone", Kt);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Vt = [
+  [
+    "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" }]
+], Te = G("tag", Vt), Gt = {
+  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, n) => {
+        s.selectItem(n.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, n) => {
+        s.toggleDone(n.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, n) => {
+        s.dismiss(n.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, n) => {
+        s.setFilter(n);
+      }
+    },
+    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, n) => {
+        s.changeScope(n.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."
+    }
+  }
+}, Yt = 96, Ut = Nt(
+  [
+    "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: "sm" }
+  }
+), Xt = [
+  "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-md)] 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(" "), Jt = [
+  "ds:shadow-[var(--shadow-card)] ds:bg-[color:var(--card)]",
+  // Declared at rest, not only while leaving: a transition added at the
+  // same moment as the value it animates has nothing to move from.
+  "ds:transition-opacity ds:duration-[var(--animation-duration)]",
+  "ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none"
+].join(" "), Se = "ds:opacity-0", Qt = 12;
+function Zt({
+  item: s,
+  label: n,
+  labelChecked: l,
+  reduceMotion: u,
+  onToggle: c
+}) {
+  const { checked: r, drawing: i, toggle: k } = Et({
+    checked: s.status === "done",
+    reduceMotion: u
+  }), y = r ? (
+    // `--accent` is magenta-700 in light, the step that clears AA there.
+    "ds:text-[color:var(--accent)]"
+  ) : s.priority === "high" ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]";
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      role: "checkbox",
+      "aria-checked": r,
+      "aria-label": r ? l : n,
+      "data-action": "toggle-done",
+      "data-drawing": i ? "" : void 0,
+      onClick: () => {
+        k(), c(s);
+      },
+      className: `ds:group/check ds:flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)] ds:p-[var(--spacing-2xs)] ds:hover:bg-[color:var(--muted)]/40 ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:forced-colors:focus-visible:outline-[CanvasText] ${y}`,
+      children: /* @__PURE__ */ m(
+        "svg",
+        {
+          viewBox: "0 0 18 18",
+          "aria-hidden": "true",
+          className: "ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)] ds:group-data-[drawing]/check:scale-110 ds:motion-reduce:transition-none",
+          children: [
+            /* @__PURE__ */ a(
+              "rect",
+              {
+                x: "1.5",
+                y: "1.5",
+                width: "15",
+                height: "15",
+                rx: "4",
+                className: "ds:fill-none ds:stroke-current ds:[stroke-width:1.5]"
+              }
+            ),
+            /* @__PURE__ */ a(
+              "path",
+              {
+                d: "M5 9.25 L7.75 12 L13 6.25",
+                strokeDashoffset: r ? 0 : Qt,
+                className: "ds:fill-none ds:stroke-current ds:[stroke-width:2] ds:[stroke-linecap:round] ds:[stroke-linejoin:round] ds:[stroke-dasharray:12] ds:transition-[stroke-dashoffset] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+const Ft = {
+  recall: { variant: "info", Icon: Ot },
+  payment: { variant: "warning", Icon: Mt },
+  collection: { variant: "error", Icon: Ct },
+  other: { variant: "neutral", Icon: Te }
+}, es = [
+  "overdue",
+  "today",
+  "tomorrow",
+  "thisWeek",
+  "later",
+  "done"
+];
+function ts(s) {
+  return new Date(s.getFullYear(), s.getMonth(), s.getDate());
+}
+function ze(s) {
+  const n = ts(s), l = new Date(n);
+  l.setDate(n.getDate() + 1);
+  const u = new Date(n);
+  u.setDate(n.getDate() + 2);
+  const c = (n.getDay() + 6) % 7, r = new Date(n);
+  return r.setDate(n.getDate() + (7 - c)), {
+    startOfToday: +n,
+    startOfTomorrow: +l,
+    startOfDayAfter: +u,
+    startOfNextWeek: +r
+  };
+}
+function ss(s, n) {
+  if (s.status === "done") return "done";
+  const { startOfToday: l, startOfTomorrow: u, startOfDayAfter: c, startOfNextWeek: r } = ze(n), i = +new Date(s.dueIso);
+  return i < l ? "overdue" : i < u ? "today" : i < c ? "tomorrow" : i < r ? "thisWeek" : "later";
+}
+function as(s, n) {
+  return s.status === "done" ? !1 : +new Date(s.dueIso) < ze(n).startOfTomorrow;
+}
+function os(s, n) {
+  const l = /* @__PURE__ */ new Map();
+  for (const c of s) {
+    const r = ss(c, n), i = l.get(r);
+    i ? i.push(c) : l.set(r, [c]);
+  }
+  const u = [];
+  for (const c of es) {
+    const r = l.get(c);
+    !r || r.length === 0 || (r.sort((i, k) => +new Date(i.dueIso) - +new Date(k.dueIso)), u.push({ key: c, items: r }));
+  }
+  return u;
+}
+const ns = Pt(
+  ({
+    id: s,
+    items: n,
+    nowIso: l,
+    title: u,
+    size: c = "sm",
+    onOpenTask: r,
+    onToggleDone: i,
+    onEditTask: k,
+    onDismissTask: y,
+    onAddTask: ie,
+    readOnly: z = !1,
+    renderItemActions: Y,
+    scope: U,
+    defaultScope: Ee,
+    onScopeChange: E,
+    availableScopes: g,
+    onLoadMore: p,
+    hasMore: Ie,
+    loadingMore: I = !1,
+    loading: X = !1,
+    error: x = !1,
+    showFilters: de = !0,
+    statusFilter: J,
+    defaultStatusFilter: je,
+    onStatusFilterChange: j,
+    typeOptions: Q,
+    typeFilter: B,
+    onTypeFilterChange: A,
+    assigneeOptions: Z,
+    assigneeFilter: H,
+    onAssigneeFilterChange: q,
+    overdueOnly: F,
+    defaultOverdueOnly: Be,
+    onOverdueOnlyChange: W,
+    emptyTitle: Ae,
+    emptyDescription: He,
+    emptyAction: qe,
+    className: We,
+    "aria-label": ce,
+    ...$e
+  }, Ce) => {
+    const { t: o } = _t(), le = Pe(), Le = Pe(), Me = u ?? o("tasksPanel.title"), Ke = {
+      todo: o("tasksPanel.status.todo"),
+      done: o("tasksPanel.status.done"),
+      all: o("tasksPanel.status.all")
+    }, Oe = {
+      patient: o("tasksPanel.scope.patient"),
+      mine: o("tasksPanel.scope.mine")
+    }, Ve = {
+      overdue: o("tasksPanel.buckets.overdue"),
+      today: o("tasksPanel.buckets.today"),
+      tomorrow: o("tasksPanel.buckets.tomorrow"),
+      thisWeek: o("tasksPanel.buckets.thisWeek"),
+      later: o("tasksPanel.buckets.later"),
+      done: o("tasksPanel.buckets.done")
+    }, Ge = {
+      recall: o("tasksPanel.types.recall"),
+      payment: o("tasksPanel.types.payment"),
+      collection: o("tasksPanel.types.collection"),
+      other: o("tasksPanel.types.other")
+    }, $ = O(
+      () => l ? new Date(l) : /* @__PURE__ */ new Date(),
+      [l]
+    ), [Ye, Ue] = h(
+      Ee ?? (g == null ? void 0 : g[0]) ?? "patient"
+    ), Xe = U ?? Ye, ee = f(
+      (e) => {
+        U === void 0 && Ue(e), E == null || E(e);
+      },
+      [U, E]
+    ), [Je, Qe] = h(
+      je ?? "todo"
+    ), b = J ?? Je, N = f(
+      (e) => {
+        J === void 0 && Qe(e), j == null || j(e);
+      },
+      [J, j]
+    ), [Ze, Fe] = h(null), C = B !== void 0 ? B : Ze, _ = f(
+      (e) => {
+        B === void 0 && Fe(e), A == null || A(e);
+      },
+      [B, A]
+    ), [et, tt] = h(null), L = H !== void 0 ? H : et, D = f(
+      (e) => {
+        H === void 0 && tt(e), q == null || q(e);
+      },
+      [H, q]
+    ), [st, at] = h(
+      Be ?? !1
+    ), te = F ?? st, R = f(
+      (e) => {
+        F === void 0 && at(e), W == null || W(e);
+      },
+      [F, W]
+    ), ot = f(() => {
+      N("todo"), _(null), D(null), R(!1);
+    }, [N, _, D, R]), M = O(() => n.filter((e) => {
+      const t = e.status === "done";
+      return !(b === "todo" && t || b === "done" && !t || C && e.type !== C || L && (e.assignee ?? "") !== L || te && !as(e, $));
+    }), [
+      n,
+      b,
+      C,
+      L,
+      te,
+      $
+    ]), ue = O(
+      () => os(M, $),
+      [M, $]
+    ), T = V(null), pe = V(null), [nt, rt] = h(!1), [it, dt] = h(!1), w = f(() => {
+      const e = T.current;
+      if (!e) return;
+      const { scrollTop: t, scrollHeight: d, clientHeight: v } = e;
+      rt(t > 1), dt(t + v < d - 1);
+    }, []);
+    De(() => {
+      w();
+    }, [ue, w]), De(() => {
+      const e = T.current;
+      if (!e || typeof ResizeObserver > "u") return;
+      const t = new ResizeObserver(w);
+      return t.observe(e), () => t.disconnect();
+    }, [w]);
+    const se = Ie ?? !!p, ct = f(() => {
+      w();
+      const e = T.current;
+      if (!e) return;
+      const { scrollTop: t, scrollHeight: d, clientHeight: v } = e;
+      p && se && !I && d - t - v <= Yt && p();
+    }, [w, p, se, I]), { resolvedTheme: lt } = jt(), K = lt.endsWith("-accessible") || void 0, { containerRef: ut } = It({
+      key: M.map((e) => e.id).join(),
+      reduceMotion: K
+    }), fe = _e({ delayMs: 200, reduceMotion: K }), me = _e({ reduceMotion: K }), ae = (e) => fe.isLeaving(e) || me.isLeaving(e), ve = (e) => {
+      if (!i) return;
+      const t = e.status === "done";
+      b === "todo" && !t || b === "done" && t ? fe.leave(e.id, () => i(e)) : i(e);
+    }, ge = (e) => {
+      y && me.leave(e.id, () => y(e));
+    }, he = f(() => {
+      const e = T.current, t = pe.current;
+      if (!e || !t) {
+        e == null || e.scrollTo({ top: 0 });
+        return;
+      }
+      const d = t.getBoundingClientRect().top - e.getBoundingClientRect().top;
+      e.scrollTo({ top: e.scrollTop + d });
+    }, []), S = V(n);
+    S.current = n;
+    const ke = V(null);
+    xt(Ce, () => ke.current, []);
+    const pt = O(
+      () => ({
+        getItems: () => S.current.map((e) => ({
+          id: e.id,
+          status: e.status ?? "open"
+        })),
+        selectItem: (e) => {
+          const t = S.current.find((d) => d.id === e);
+          t && (r == null || r(t));
+        },
+        toggleDone: (e) => {
+          const t = S.current.find((d) => d.id === e);
+          t && ve(t);
+        },
+        dismiss: (e) => {
+          const t = S.current.find((d) => d.id === e);
+          t && ge(t);
+        },
+        jumpToOverdue: he,
+        setFilter: (e) => {
+          e.status !== void 0 && N(e.status), e.type !== void 0 && _(e.type), e.assignee !== void 0 && D(e.assignee), e.overdueOnly !== void 0 && R(e.overdueOnly);
+        },
+        changeScope: ee,
+        loadMore: () => p == null ? void 0 : p()
+      }),
+      [
+        r,
+        i,
+        y,
+        he,
+        N,
+        _,
+        D,
+        R,
+        ee,
+        p
+      ]
+    );
+    Bt(Gt, pt, s);
+    const ft = (e) => {
+      if (!e.type) return null;
+      const t = Ft[e.type], d = (t == null ? void 0 : t.variant) ?? "neutral", v = (t == null ? void 0 : t.Icon) ?? Te, wt = e.typeLabel ?? Ge[e.type] ?? e.type;
+      return /* @__PURE__ */ a(
+        Dt,
+        {
+          variant: d,
+          size: "sm",
+          leading: /* @__PURE__ */ a(v, { "aria-hidden": "true" }),
+          children: wt
+        }
+      );
+    }, mt = (e) => z ? null : /* @__PURE__ */ m(we, { children: [
+      k ? /* @__PURE__ */ a(
+        ne,
+        {
+          icon: /* @__PURE__ */ a(qt, {}),
+          intent: "ghost",
+          size: "sm",
+          "aria-label": o("tasksPanel.edit"),
+          onClick: () => k(e)
+        }
+      ) : null,
+      y ? /* @__PURE__ */ a(
+        ne,
+        {
+          icon: /* @__PURE__ */ a(Wt, {}),
+          intent: "ghost",
+          size: "sm",
+          "aria-label": o("tasksPanel.dismiss"),
+          onClick: () => ge(e)
+        }
+      ) : null
+    ] }), vt = (e) => {
+      const d = (z ? null : Y == null ? void 0 : Y(e)) ?? mt(e), v = ft(e);
+      if (!(!v && !d))
+        return /* @__PURE__ */ m(we, { children: [
+          v,
+          d
+        ] });
+    }, gt = !X && !x && n.length === 0, ht = !X && !x && n.length > 0 && M.length === 0, ye = (e) => /* @__PURE__ */ a(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+        children: /* @__PURE__ */ a(St, { variant: "rectangular", height: "3.5rem" })
+      },
+      e
+    );
+    let P;
+    x ? P = /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-h-0 ds:p-[var(--spacing-md)]", children: typeof x == "boolean" ? /* @__PURE__ */ a(
+      re,
+      {
+        variant: "error",
+        size: "sm",
+        title: o("tasksPanel.error.title"),
+        description: o("tasksPanel.error.description")
+      }
+    ) : x }) : X ? P = /* @__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) => ye(`skeleton-${e}`)) }) : gt ? P = /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-h-0 ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
+      re,
+      {
+        variant: "first-use",
+        size: "sm",
+        title: Ae ?? o("tasksPanel.empty.title"),
+        description: He ?? o("tasksPanel.empty.description"),
+        primaryAction: qe
+      }
+    ) }) : ht ? P = /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-h-0 ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
+      re,
+      {
+        variant: "no-results",
+        size: "sm",
+        title: o("tasksPanel.filteredEmpty.title"),
+        description: o("tasksPanel.filteredEmpty.description"),
+        primaryAction: {
+          label: o("tasksPanel.filteredEmpty.clear"),
+          onClick: ot
+        }
+      }
+    ) }) : P = /* @__PURE__ */ m(
+      "div",
+      {
+        ref: (e) => {
+          T.current = e, ut.current = e;
+        },
+        tabIndex: 0,
+        onScroll: ct,
+        "data-fade-top": nt ? "true" : void 0,
+        "data-fade-bottom": it ? "true" : void 0,
+        className: Xt,
+        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: ue.map((e) => /* @__PURE__ */ m(
+            "li",
+            {
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+              children: [
+                /* @__PURE__ */ a(
+                  rs,
+                  {
+                    bucketKey: e.key,
+                    count: e.items.length,
+                    label: Ve[e.key],
+                    headerRef: e.key === "overdue" ? pe : void 0,
+                    reflowId: `bucket-${e.key}`,
+                    leaving: e.items.every((t) => ae(t.id))
+                  }
+                ),
+                /* @__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(
+                  zt,
+                  {
+                    item: t,
+                    size: c,
+                    onActivate: r ? () => r(t) : void 0,
+                    actions: vt(t),
+                    leading: i && !z ? /* @__PURE__ */ a(
+                      Zt,
+                      {
+                        item: t,
+                        label: o("tasksPanel.markDone"),
+                        labelChecked: o("tasksPanel.markNotDone"),
+                        reduceMotion: K,
+                        onToggle: ve
+                      }
+                    ) : void 0,
+                    className: `${Jt} ${Re}${ae(t.id) ? ` ${Se}` : ""}`,
+                    "data-leaving": ae(t.id) ? "" : void 0,
+                    "data-reflow-id": t.id,
+                    "data-task-id": t.id
+                  },
+                  t.id
+                )) })
+              ]
+            },
+            e.key
+          )) }),
+          I ? ye("loading-more") : null,
+          !I && se && p ? /* @__PURE__ */ a("div", { className: "ds:flex ds:justify-center ds:py-[var(--spacing-sm)]", children: /* @__PURE__ */ a(oe, { intent: "ghost", size: "sm", onClick: p, children: o("tasksPanel.loadMore") }) }) : null
+        ]
+      }
+    );
+    const be = ((g == null ? void 0 : g.length) ?? 0) > 1, kt = ["todo", "done", "all"], yt = ie && !z ? /* @__PURE__ */ a(
+      ne,
+      {
+        icon: /* @__PURE__ */ a(At, {}),
+        intent: "outline",
+        size: "sm",
+        "aria-label": o("tasksPanel.add"),
+        onClick: ie
+      }
+    ) : void 0, bt = be || de ? /* @__PURE__ */ m("div", { className: "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      be ? /* @__PURE__ */ a(xe, { label: o("tasksPanel.scope.label"), children: g.map((e) => {
+        const t = Xe === e;
+        return /* @__PURE__ */ a(
+          oe,
+          {
+            intent: t ? "primary" : "outline",
+            size: "sm",
+            "aria-pressed": t,
+            onClick: () => ee(e),
+            children: Oe[e]
+          },
+          e
+        );
+      }) }) : null,
+      de ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ a(xe, { label: o("tasksPanel.status.label"), children: kt.map((e) => {
+          const t = b === e;
+          return /* @__PURE__ */ a(
+            oe,
+            {
+              intent: t ? "primary" : "outline",
+              size: "sm",
+              "aria-pressed": t,
+              onClick: () => N(e),
+              children: Ke[e]
+            },
+            e
+          );
+        }) }),
+        Q && Q.length > 0 ? /* @__PURE__ */ a(
+          Ne,
+          {
+            size: "sm",
+            clearable: !0,
+            "aria-label": o("tasksPanel.type.label"),
+            placeholder: o("tasksPanel.type.placeholder"),
+            options: Q,
+            value: C ?? "",
+            onValueChange: (e) => _(e || null)
+          }
+        ) : null,
+        Z && Z.length > 0 ? /* @__PURE__ */ a(
+          Ne,
+          {
+            size: "sm",
+            clearable: !0,
+            "aria-label": o("tasksPanel.assignee.label"),
+            placeholder: o("tasksPanel.assignee.placeholder"),
+            options: Z,
+            value: L ?? "",
+            onValueChange: (e) => D(e || null)
+          }
+        ) : null,
+        /* @__PURE__ */ a(
+          Tt,
+          {
+            id: Le,
+            size: "sm",
+            label: o("tasksPanel.overdueOnly"),
+            checked: te,
+            onCheckedChange: R
+          }
+        )
+      ] }) : null
+    ] }) : void 0;
+    return /* @__PURE__ */ m(
+      "section",
+      {
+        ref: ke,
+        "data-component": "tasks-panel",
+        "data-component-id": s,
+        "aria-labelledby": ce ? void 0 : le,
+        "aria-label": ce,
+        className: Ut({ size: c, className: We }),
+        ...$e,
+        children: [
+          /* @__PURE__ */ a(
+            Rt,
+            {
+              title: Me,
+              icon: /* @__PURE__ */ a(Ht, {}),
+              headingId: le,
+              actions: yt,
+              filters: bt
+            }
+          ),
+          P
+        ]
+      }
+    );
+  }
+);
+ns.displayName = "TasksPanel";
+function rs({
+  bucketKey: s,
+  count: n,
+  label: l,
+  headerRef: u,
+  reflowId: c,
+  leaving: r = !1
+}) {
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: u,
+      "data-bucket": s,
+      "data-reflow-id": c,
+      "data-leaving": r ? "" : void 0,
+      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",
+        // A header travels with its bucket, and leaves with it: a heading
+        // left standing over nothing, or snapping while its rows glide,
+        // reads as two lists rather than one.
+        Re,
+        "ds:transition-opacity ds:duration-[var(--animation-duration)]",
+        "ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none",
+        r ? Se : "",
+        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)]"
+      ].filter(Boolean).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,
+        l,
+        /* @__PURE__ */ a("span", { className: "ds:text-[color:var(--muted-foreground)]", children: `(${n})` })
+      ]
+    }
+  );
+}
+export {
+  ns as T,
+  Gt as t
+};
+//# sourceMappingURL=tasks-panel-DLKpSNoE.js.map