@devalok/shilp-sutra-karm 0.18.1 → 0.20.0

package/dist/_chunks/sidebar-scratchpad.js

@@ -1,22 +1,22 @@
 "use client";
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import * as R from "react";
-import { useState as C, useRef as W, useEffect as P } from "react";
-import { cn as d } from "@devalok/shilp-sutra/ui/lib/utils";
-import { IconCheck as L, IconCoffee as Z, IconClock as z, IconArrowRight as F, IconSparkles as A, IconChevronDown as M, IconRefresh as U, IconX as H } from "@tabler/icons-react";
-import { AnimatePresence as E, motion as S } from "framer-motion";
-import { m as X } from "./markdown-components.js";
-import { springs as B } from "@devalok/shilp-sutra/ui/lib/motion";
-import { formatRelativeTime as q } from "@devalok/shilp-sutra/ui/lib/date-utils";
-import { M as J } from "./vendor.js";
-import { Checkbox as G } from "@devalok/shilp-sutra/ui/checkbox";
-import { Input as Q } from "@devalok/shilp-sutra/ui/input";
-import { Button as V } from "@devalok/shilp-sutra/ui/button";
-function Y() {
-  const f = (/* @__PURE__ */ new Date()).getHours();
-  return f < 12 ? "Good morning" : f < 17 ? "Good afternoon" : "Good evening";
+import * as w from "react";
+import { useState as C, useMemo as j, useContext as ne, createContext as de, useRef as L, useEffect as B, useCallback as ie } from "react";
+import { cn as h } from "@devalok/shilp-sutra/ui/lib/utils";
+import { IconCheck as oe, IconCoffee as le, IconClock as fe, IconArrowRight as me, IconSparkles as R, IconChevronDown as D, IconRefresh as ue, IconArrowUp as he, IconX as pe, IconGripVertical as xe, IconFilter as ge, IconFilterX as be } from "@tabler/icons-react";
+import { AnimatePresence as K, motion as A } from "framer-motion";
+import { m as Ne } from "./markdown-components.js";
+import { springs as $, motionProps as ve } from "@devalok/shilp-sutra/ui/lib/motion";
+import { formatRelativeTime as ye } from "@devalok/shilp-sutra/ui/lib/date-utils";
+import { M as we, u as Se, C as ke, b as Ce, d as M, g as Ie, D as Re, i as De, S as Ae, v as Ee, K as Te, P as Pe } from "./vendor.js";
+import { Checkbox as je } from "@devalok/shilp-sutra/ui/checkbox";
+import { Input as F } from "@devalok/shilp-sutra/ui/input";
+import { Button as Me } from "@devalok/shilp-sutra/ui/button";
+function _e() {
+  const N = (/* @__PURE__ */ new Date()).getHours();
+  return N < 12 ? "Good morning" : N < 17 ? "Good afternoon" : "Good evening";
 }
-function ee() {
+function Le() {
   return (/* @__PURE__ */ new Date()).toLocaleDateString("en-IN", {
     weekday: "long",
     day: "numeric",
@@ -25,206 +25,206 @@ function ee() {
     timeZone: "Asia/Kolkata"
   });
 }
-function se(f) {
-  return new Date(f).toLocaleTimeString("en-IN", {
+function Be(N) {
+  return new Date(N).toLocaleTimeString("en-IN", {
     hour: "2-digit",
     minute: "2-digit",
     hour12: !0,
     timeZone: "Asia/Kolkata"
   });
 }
-const te = R.forwardRef(
+const Ke = w.forwardRef(
   function({
-    userName: a,
-    attendance: r,
-    canMarkAttendance: p,
-    onMarkAttendance: m,
-    isSubmitting: u = !1,
-    formatTime: v = se,
-    className: h,
-    ...n
-  }, l) {
-    var w, k;
-    const c = ((w = r == null ? void 0 : r.attendance) == null ? void 0 : w.status) ?? "Not_Marked", g = c === "PRESENT" || u, y = c === "BREAK", N = (k = r == null ? void 0 : r.attendance) == null ? void 0 : k.timeIn, i = Y(), o = (a == null ? void 0 : a.split(" ")[0]) || "there", x = ee();
-    return g && !y ? /* @__PURE__ */ e("div", { ref: l, className: d("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01", h), ...n, children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-05b sm:px-ds-07", children: [
+    userName: t,
+    attendance: a,
+    canMarkAttendance: n,
+    onMarkAttendance: o,
+    isSubmitting: d = !1,
+    formatTime: c = Be,
+    className: l,
+    ...i
+  }, u) {
+    var g, k;
+    const r = ((g = a == null ? void 0 : a.attendance) == null ? void 0 : g.status) ?? "Not_Marked", x = r === "PRESENT" || d, b = r === "BREAK", f = (k = a == null ? void 0 : a.attendance) == null ? void 0 : k.timeIn, m = _e(), p = (t == null ? void 0 : t.split(" ")[0]) || "there", v = Le();
+    return x && !b ? /* @__PURE__ */ e("div", { ref: u, className: h("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01", l), ...i, children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-05b sm:px-ds-07", children: [
       /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-02", children: [
         /* @__PURE__ */ s("h2", { className: "text-ds-2xl text-surface-fg", children: [
-          i,
+          m,
           ",",
           " ",
-          /* @__PURE__ */ e("span", { className: "font-semibold italic text-accent-11", children: o })
+          /* @__PURE__ */ e("span", { className: "font-semibold italic text-accent-11", children: p })
         ] }),
-        /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: x })
+        /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: v })
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 rounded-ds-xl bg-success-3 px-ds-05 py-ds-03", children: [
-        /* @__PURE__ */ e("div", { className: "flex h-ico-md w-ico-md items-center justify-center rounded-ds-full bg-success-9", children: /* @__PURE__ */ e(L, { className: "h-ico-sm w-ico-sm text-accent-fg" }) }),
+        /* @__PURE__ */ e("div", { className: "flex h-ico-md w-ico-md items-center justify-center rounded-ds-full bg-success-9", children: /* @__PURE__ */ e(oe, { className: "h-ico-sm w-ico-sm text-accent-fg" }) }),
         /* @__PURE__ */ s("span", { className: "text-ds-md font-semibold text-success-11", children: [
           "Marked at",
           " ",
-          N ? v(N) : "--:--"
+          f ? c(f) : "--:--"
         ] })
       ] })
-    ] }) }) : y ? /* @__PURE__ */ e("div", { ref: l, className: d("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01", h), ...n, children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-05b sm:px-ds-07", children: [
+    ] }) }) : b ? /* @__PURE__ */ e("div", { ref: u, className: h("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01", l), ...i, children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-05b sm:px-ds-07", children: [
       /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-02", children: [
         /* @__PURE__ */ s("h2", { className: "text-ds-2xl text-surface-fg", children: [
-          i,
+          m,
           ",",
           " ",
-          /* @__PURE__ */ e("span", { className: "font-semibold italic text-accent-11", children: o })
+          /* @__PURE__ */ e("span", { className: "font-semibold italic text-accent-11", children: p })
         ] }),
-        /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: x })
+        /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: v })
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 rounded-ds-xl bg-warning-3 px-ds-05 py-ds-03", children: [
-        /* @__PURE__ */ e(Z, { className: "h-ico-sm w-ico-sm text-warning-11" }),
+        /* @__PURE__ */ e(le, { className: "h-ico-sm w-ico-sm text-warning-11" }),
         /* @__PURE__ */ s("span", { className: "text-ds-md font-semibold text-warning-11", children: [
           "On break",
-          r != null && r.breakReason ? ` — ${r.breakReason}` : ""
+          a != null && a.breakReason ? ` — ${a.breakReason}` : ""
         ] })
       ] })
-    ] }) }) : p ? /* @__PURE__ */ e("div", { ref: l, className: d("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-gradient-to-br from-accent-2 via-surface-1 to-success-3", h), ...n, children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-07 sm:px-ds-07 sm:py-ds-08", children: [
+    ] }) }) : n ? /* @__PURE__ */ e("div", { ref: u, className: h("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-gradient-to-br from-accent-2 via-surface-1 to-success-3", l), ...i, children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-07 sm:px-ds-07 sm:py-ds-08", children: [
       /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-02b", children: [
         /* @__PURE__ */ s("h2", { className: "text-ds-3xl text-surface-fg", children: [
-          i,
+          m,
           ",",
           " ",
-          /* @__PURE__ */ e("span", { className: "font-semibold italic text-accent-11", children: o })
+          /* @__PURE__ */ e("span", { className: "font-semibold italic text-accent-11", children: p })
         ] }),
-        /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-03", children: /* @__PURE__ */ e("p", { className: "text-ds-base text-surface-fg-subtle", children: x }) })
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-03", children: /* @__PURE__ */ e("p", { className: "text-ds-base text-surface-fg-subtle", children: v }) })
       ] }),
       /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          onClick: m,
-          disabled: u,
+          onClick: o,
+          disabled: d,
           className: "flex items-center gap-ds-03 rounded-ds-xl bg-accent-9 px-ds-06 py-ds-04 font-semibold text-accent-fg shadow-02 transition-all duration-150 ease-out hover:-translate-y-0.5 hover:shadow-03 active:translate-y-0 active:scale-[0.98] disabled:opacity-action-disabled",
           children: [
-            u ? "Marking..." : "Mark Attendance",
-            !u && /* @__PURE__ */ e(F, { className: "h-ico-sm w-ico-sm" })
+            d ? "Marking..." : "Mark Attendance",
+            !d && /* @__PURE__ */ e(me, { className: "h-ico-sm w-ico-sm" })
           ]
         }
       )
-    ] }) }) : /* @__PURE__ */ e("div", { ref: l, className: d("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01", h), ...n, children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-06 sm:px-ds-07 sm:py-ds-07", children: [
+    ] }) }) : /* @__PURE__ */ e("div", { ref: u, className: h("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01", l), ...i, children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-06 sm:px-ds-07 sm:py-ds-07", children: [
       /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-02b", children: [
         /* @__PURE__ */ s("h2", { className: "text-ds-3xl text-surface-fg", children: [
-          i,
+          m,
           ",",
           " ",
-          /* @__PURE__ */ e("span", { className: "font-semibold italic text-accent-11", children: o })
+          /* @__PURE__ */ e("span", { className: "font-semibold italic text-accent-11", children: p })
         ] }),
-        /* @__PURE__ */ e("p", { className: "text-ds-base text-surface-fg-subtle", children: x })
+        /* @__PURE__ */ e("p", { className: "text-ds-base text-surface-fg-subtle", children: v })
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 rounded-ds-xl bg-surface-2 px-ds-05 py-ds-03", children: [
-        /* @__PURE__ */ e(z, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" }),
+        /* @__PURE__ */ e(fe, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" }),
         /* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg-subtle", children: "Attendance window closed" })
       ] })
     ] }) });
   }
 );
-te.displayName = "AttendanceCTA";
+Ke.displayName = "AttendanceCTA";
 const _ = [
   "bg-category-amber-9",
   "bg-category-teal-9",
   "bg-category-cyan-9",
   "bg-accent-9",
   "bg-accent-9"
-], ae = R.forwardRef(
+], $e = w.forwardRef(
   function({
-    data: a,
-    loading: r = !1,
-    onRefresh: p,
-    unavailable: m = !1,
-    collapsible: u = !0,
-    defaultCollapsed: v = !1,
-    title: h,
-    className: n,
-    ...l
-  }, c) {
-    const [g, y] = C(v), N = h ?? "Morning Brief";
-    if (r && !a)
-      return /* @__PURE__ */ s("div", { ref: c, className: d("flex flex-col gap-ds-04 rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01 p-ds-05b", n), ...l, children: [
+    data: t,
+    loading: a = !1,
+    onRefresh: n,
+    unavailable: o = !1,
+    collapsible: d = !0,
+    defaultCollapsed: c = !1,
+    title: l,
+    className: i,
+    ...u
+  }, r) {
+    const [x, b] = C(c), f = l ?? "Morning Brief";
+    if (a && !t)
+      return /* @__PURE__ */ s("div", { ref: r, className: h("flex flex-col gap-ds-04 rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01 p-ds-05b", i), ...u, children: [
         /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
           /* @__PURE__ */ e("div", { className: "h-ico-sm w-ico-sm animate-pulse rounded bg-surface-2" }),
           /* @__PURE__ */ e("div", { className: "h-4 w-24 animate-pulse rounded bg-surface-2" })
         ] }),
-        [1, 2, 3].map((o) => /* @__PURE__ */ s("div", { className: "flex items-start gap-ds-04", children: [
+        [1, 2, 3].map((p) => /* @__PURE__ */ s("div", { className: "flex items-start gap-ds-04", children: [
           /* @__PURE__ */ e("div", { className: "mt-ds-02b h-2 w-2 shrink-0 animate-pulse rounded-ds-full bg-surface-2" }),
           /* @__PURE__ */ e(
             "div",
             {
               className: "h-4 animate-pulse rounded bg-surface-2",
-              style: { width: `${60 + o * 10}%` }
+              style: { width: `${60 + p * 10}%` }
             }
           )
-        ] }, o))
+        ] }, p))
       ] });
-    if (m)
-      return /* @__PURE__ */ s("div", { ref: c, className: d("flex items-center gap-ds-03 rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01 px-ds-05b py-ds-05", n), ...l, children: [
-        /* @__PURE__ */ e(A, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" }),
+    if (o)
+      return /* @__PURE__ */ s("div", { ref: r, className: h("flex items-center gap-ds-03 rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01 px-ds-05b py-ds-05", i), ...u, children: [
+        /* @__PURE__ */ e(R, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" }),
         /* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: "AI brief unavailable" })
       ] });
-    if (!a || a.brief.length === 0) return null;
-    const i = !u || !g;
-    return /* @__PURE__ */ s("div", { ref: c, className: d("flex flex-col rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01", n), ...l, children: [
+    if (!t || t.brief.length === 0) return null;
+    const m = !d || !x;
+    return /* @__PURE__ */ s("div", { ref: r, className: h("flex flex-col rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01", i), ...u, children: [
       /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-05b py-ds-05", children: [
-        u ? /* @__PURE__ */ s(
+        d ? /* @__PURE__ */ s(
           "button",
           {
             type: "button",
             "aria-label": "Toggle brief",
-            "aria-expanded": i,
-            onClick: () => y(!g),
+            "aria-expanded": m,
+            onClick: () => b(!x),
             className: "flex flex-1 items-center gap-ds-03 transition-colors hover:opacity-80",
             children: [
-              /* @__PURE__ */ e(A, { className: "h-ico-sm w-ico-sm text-accent-11" }),
-              /* @__PURE__ */ e("span", { className: "text-ds-base font-semibold text-surface-fg", children: N }),
+              /* @__PURE__ */ e(R, { className: "h-ico-sm w-ico-sm text-accent-11" }),
+              /* @__PURE__ */ e("span", { className: "text-ds-base font-semibold text-surface-fg", children: f }),
               /* @__PURE__ */ e(
-                M,
+                D,
                 {
-                  className: d(
+                  className: h(
                     "h-ico-sm w-ico-sm text-surface-fg-subtle transition-transform duration-200",
-                    i && "rotate-180"
+                    m && "rotate-180"
                   )
                 }
               )
             ]
           }
         ) : /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
-          /* @__PURE__ */ e(A, { className: "h-ico-sm w-ico-sm text-accent-11" }),
-          /* @__PURE__ */ e("span", { className: "text-ds-base font-semibold text-surface-fg", children: N })
+          /* @__PURE__ */ e(R, { className: "h-ico-sm w-ico-sm text-accent-11" }),
+          /* @__PURE__ */ e("span", { className: "text-ds-base font-semibold text-surface-fg", children: f })
         ] }),
-        /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-02", children: p && /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-02", children: n && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: p,
+            onClick: n,
             "aria-label": "Refresh brief",
             className: "p-1.5 rounded hover:bg-surface-2 transition-colors",
-            children: /* @__PURE__ */ e(U, { className: d("h-ico-sm w-ico-sm text-surface-fg-subtle", r && "animate-spin") })
+            children: /* @__PURE__ */ e(ue, { className: h("h-ico-sm w-ico-sm text-surface-fg-subtle", a && "animate-spin") })
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(E, { initial: !1, children: i && /* @__PURE__ */ e(
-        S.div,
+      /* @__PURE__ */ e(K, { initial: !1, children: m && /* @__PURE__ */ e(
+        A.div,
         {
           initial: { height: 0, opacity: 0 },
           animate: { height: "auto", opacity: 1 },
           exit: { height: 0, opacity: 0 },
-          transition: B.smooth,
+          transition: $.smooth,
           className: "overflow-hidden",
           children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-03 border-t border-surface-border-strong px-ds-05b pb-ds-05b pt-ds-05", children: [
-            a.brief.map((o, x) => /* @__PURE__ */ s("div", { className: "flex items-start gap-ds-04", children: [
+            t.brief.map((p, v) => /* @__PURE__ */ s("div", { className: "flex items-start gap-ds-04", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
-                  className: d("mt-ds-02b h-2 w-2 shrink-0 rounded-ds-full", _[x % _.length])
+                  className: h("mt-ds-02b h-2 w-2 shrink-0 rounded-ds-full", _[v % _.length])
                 }
               ),
-              /* @__PURE__ */ e("div", { className: "text-ds-md text-surface-fg-muted [&_p]:mb-0 [&_strong]:font-semibold [&_code]:rounded [&_code]:bg-surface-3 [&_code]:px-1 [&_code]:py-ds-01 [&_code]:text-ds-sm [&_a]:text-accent-11 [&_a]:underline", children: /* @__PURE__ */ e(J, { components: X, children: o }) })
-            ] }, x)),
+              /* @__PURE__ */ e("div", { className: "text-ds-md text-surface-fg-muted [&_p]:mb-0 [&_strong]:font-semibold [&_code]:rounded [&_code]:bg-surface-3 [&_code]:px-1 [&_code]:py-ds-01 [&_code]:text-ds-sm [&_a]:text-accent-11 [&_a]:underline", children: /* @__PURE__ */ e(we, { components: Ne, children: p }) })
+            ] }, v)),
             /* @__PURE__ */ s("div", { className: "mt-ds-02 text-ds-xs text-surface-fg-subtle", children: [
               "Generated ",
-              q(a.generatedAt)
+              ye(t.generatedAt)
             ] })
           ] })
         }
@@ -232,279 +232,667 @@ const _ = [
     ] });
   }
 );
-ae.displayName = "DailyBrief";
-const b = 20, I = 2, D = (b - I) / 2, j = 2 * Math.PI * D;
-function re({ count: f, max: a, allDone: r }) {
-  const p = a > 0 ? f / a : 0, m = j * (1 - p);
-  return /* @__PURE__ */ s(
-    S.div,
-    {
-      className: "relative flex items-center justify-center",
-      animate: r ? { scale: [1, 1.1, 1] } : {},
-      transition: { duration: 0.3 },
-      children: [
-        /* @__PURE__ */ s("svg", { width: b, height: b, viewBox: `0 0 ${b} ${b}`, className: "-rotate-90", children: [
-          /* @__PURE__ */ e(
-            "circle",
-            {
-              cx: b / 2,
-              cy: b / 2,
-              r: D,
-              fill: "none",
-              strokeWidth: I,
-              className: "stroke-surface-2"
-            }
-          ),
-          /* @__PURE__ */ e(
-            "circle",
-            {
-              cx: b / 2,
-              cy: b / 2,
-              r: D,
-              fill: "none",
-              strokeWidth: I,
-              strokeLinecap: "round",
-              strokeDasharray: j,
-              strokeDashoffset: m,
-              className: d(
-                "transition-all duration-300",
-                r ? "stroke-success-9" : "stroke-accent-9"
-              )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ s("span", { className: "absolute text-[8px] font-medium text-surface-fg-muted", "data-testid": "progress-count", children: [
-          f,
-          "/",
-          a
-        ] })
-      ]
-    }
+$e.displayName = "DailyBrief";
+const z = de(null);
+function I() {
+  const N = ne(z);
+  if (!N)
+    throw new Error("useScratchpad must be used within a ScratchpadProvider");
+  return N;
+}
+function H({
+  children: N,
+  items: t,
+  maxItems: a = 20,
+  onToggle: n,
+  onAdd: o,
+  onDelete: d,
+  onEdit: c,
+  onReorder: l,
+  onPromote: i,
+  defaultShowCompleted: u = !0
+}) {
+  const [r, x] = C(u), b = j(
+    () => r ? t : t.filter((m) => !m.done),
+    [t, r]
+  ), f = j(
+    () => ({
+      items: t,
+      visibleItems: b,
+      maxItems: a,
+      showCompleted: r,
+      setShowCompleted: x,
+      onToggle: n,
+      onAdd: o,
+      onDelete: d,
+      onEdit: c,
+      onReorder: l,
+      onPromote: i,
+      canAdd: !!o,
+      canDelete: !!d,
+      canEdit: !!c,
+      canReorder: !!l,
+      canPromote: !!i
+    }),
+    [t, b, a, r, n, o, d, c, l, i]
   );
+  return /* @__PURE__ */ e(z.Provider, { value: f, children: N });
 }
-const de = R.forwardRef(
+H.displayName = "ScratchpadProvider";
+const O = w.forwardRef(
   function({
-    items: a,
-    maxItems: r = 5,
-    onToggle: p,
-    onAdd: m,
-    onDelete: u,
-    title: v = "My Scratchpad",
-    resetLabel: h,
-    emptyText: n = "Nothing here yet. Add a task!",
-    emptyIcon: l,
-    loading: c = !1,
-    className: g,
-    ...y
-  }, N) {
-    const [i, o] = C(!1), [x, w] = C(""), k = W(null), $ = a.length > 0 && a.every((t) => t.done);
-    P(() => {
-      i && k.current && k.current.focus();
-    }, [i]);
-    function T() {
-      const t = x.trim();
-      t && (m(t), w(""));
-    }
-    function O(t) {
-      t.key === "Enter" ? (t.preventDefault(), T()) : t.key === "Escape" && (o(!1), w(""));
-    }
-    return c ? /* @__PURE__ */ s(
+    items: t,
+    maxItems: a,
+    onToggle: n,
+    onAdd: o,
+    onDelete: d,
+    onEdit: c,
+    onReorder: l,
+    onPromote: i,
+    defaultShowCompleted: u,
+    className: r,
+    children: x,
+    ...b
+  }, f) {
+    return /* @__PURE__ */ e(
+      H,
+      {
+        items: t,
+        maxItems: a,
+        onToggle: n,
+        onAdd: o,
+        onDelete: d,
+        onEdit: c,
+        onReorder: l,
+        onPromote: i,
+        defaultShowCompleted: u,
+        children: /* @__PURE__ */ e("div", { ref: f, className: h("flex flex-col", r), ...b, children: x })
+      }
+    );
+  }
+);
+O.displayName = "ScratchpadRoot";
+const G = w.forwardRef(
+  function({ title: t = "Scratchpad", className: a, children: n, ...o }, d) {
+    return /* @__PURE__ */ s(
       "div",
       {
-        ref: N,
-        className: d(
-          "flex flex-col gap-ds-04 rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01 p-ds-05b",
-          g
-        ),
-        ...y,
+        ref: d,
+        className: h("flex items-center justify-between px-ds-05b py-ds-05", a),
+        ...o,
         children: [
-          /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ e("div", { className: "h-4 w-28 animate-pulse rounded bg-surface-2" }),
-            /* @__PURE__ */ e("div", { className: "h-5 w-5 animate-pulse rounded-full bg-surface-2" })
-          ] }),
-          [1, 2, 3].map((t) => /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
-            /* @__PURE__ */ e("div", { className: "h-ico-md w-ico-md shrink-0 animate-pulse rounded-ds-sm bg-surface-2" }),
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: "h-4 animate-pulse rounded bg-surface-2",
-                style: { width: `${50 + t * 12}%` }
-              }
-            )
-          ] }, t))
+          /* @__PURE__ */ e("span", { className: "text-ds-base font-semibold text-surface-fg", children: t }),
+          n && /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-02", children: n })
         ]
       }
-    ) : /* @__PURE__ */ s(
-      "div",
+    );
+  }
+);
+G.displayName = "ScratchpadHeader";
+const E = w.forwardRef(
+  function({ item: t, compact: a = !1, sortable: n = !1, className: o, ...d }, c) {
+    const { onToggle: l, onEdit: i, onDelete: u, onPromote: r, canEdit: x, canDelete: b, canPromote: f } = I(), [m, p] = C(!1), [v, g] = C(t.text), k = L(null), {
+      attributes: q,
+      listeners: J,
+      setNodeRef: T,
+      transform: Y,
+      transition: ee,
+      isDragging: te
+    } = Se({
+      id: t.id,
+      disabled: !n
+    }), se = n ? {
+      transform: ke.Transform.toString(Y),
+      transition: ee
+    } : void 0;
+    B(() => {
+      m && k.current && (k.current.focus(), k.current.select());
+    }, [m]);
+    function P() {
+      const y = v.trim();
+      y && y !== t.text && i && i(t.id, y), p(!1), g(t.text);
+    }
+    function ae(y) {
+      y.key === "Enter" ? (y.preventDefault(), P()) : y.key === "Escape" && (p(!1), g(t.text));
+    }
+    function re() {
+      x && (g(t.text), p(!0));
+    }
+    const ce = w.useCallback(
+      (y) => {
+        T(y), typeof c == "function" ? c(y) : c && (c.current = y);
+      },
+      [c, T]
+    );
+    return /* @__PURE__ */ s(
+      A.div,
       {
-        ref: N,
-        className: d(
-          "flex flex-col rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01",
-          g
+        ref: n ? ce : c,
+        initial: { opacity: 0, x: -10 },
+        animate: { opacity: te ? 0.5 : 1, x: 0 },
+        exit: { opacity: 0, x: 20, height: 0 },
+        transition: $.snappy,
+        style: se,
+        className: h(
+          "group flex items-center rounded-ds-md transition-colors duration-150 hover:bg-surface-2",
+          a ? "gap-ds-02 px-ds-02 py-0.5" : "gap-ds-03 px-ds-02 py-ds-02",
+          o
         ),
-        ...y,
+        ...d,
+        ...n ? q : void 0,
         children: [
-          /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-05b py-ds-05", children: [
-            /* @__PURE__ */ e("span", { className: "text-ds-base font-semibold text-surface-fg", children: v }),
-            /* @__PURE__ */ e(re, { count: a.length, max: r, allDone: $ })
-          ] }),
-          /* @__PURE__ */ s("div", { className: "flex flex-col border-t border-surface-border-strong px-ds-05b pb-ds-04 pt-ds-04", children: [
-            a.length === 0 && !i ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-ds-03 py-ds-06 text-center", children: [
-              l && /* @__PURE__ */ e(l, { className: "h-ico-lg w-ico-lg text-surface-fg-subtle" }),
-              /* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg-subtle", children: n })
-            ] }) : /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-02b", children: /* @__PURE__ */ e(E, { initial: !1, children: a.map((t) => /* @__PURE__ */ s(
-              S.div,
-              {
-                initial: { opacity: 0, x: -10 },
-                animate: { opacity: 1, x: 0 },
-                exit: { opacity: 0, x: 20, height: 0 },
-                transition: B.snappy,
-                className: "group flex items-center gap-ds-03 rounded-ds-md px-ds-02 py-ds-02 transition-colors hover:bg-surface-2",
-                children: [
-                  /* @__PURE__ */ e(
-                    G,
-                    {
-                      checked: t.done,
-                      onCheckedChange: (K) => p(t.id, K === !0),
-                      "aria-label": `Toggle ${t.text}`
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    "span",
-                    {
-                      className: d(
-                        "flex-1 text-ds-md transition-all duration-200 ease-in-out",
-                        t.done && "text-surface-fg-subtle line-through"
-                      ),
-                      children: t.text
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => u(t.id),
-                      "aria-label": `Delete ${t.text}`,
-                      className: "flex h-ico-md w-ico-md items-center justify-center rounded-ds-sm opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 hover:bg-surface-3",
-                      children: /* @__PURE__ */ e(H, { className: "h-3 w-3 text-surface-fg-subtle" })
-                    }
-                  )
-                ]
-              },
-              t.id
-            )) }) }),
-            a.length < r && /* @__PURE__ */ e("div", { className: "mt-ds-02b", children: i ? /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
-              /* @__PURE__ */ e(
-                Q,
-                {
-                  ref: k,
-                  size: "sm",
-                  value: x,
-                  onChange: (t) => w(t.target.value),
-                  onKeyDown: O,
-                  onBlur: () => {
-                    x.trim() || (o(!1), w(""));
-                  },
-                  placeholder: "What needs doing?",
-                  className: "flex-1"
-                }
+          /* @__PURE__ */ e(
+            je,
+            {
+              checked: t.done,
+              onCheckedChange: (y) => l(t.id, y === !0),
+              "aria-label": `Toggle ${t.text}`,
+              className: a ? "h-3.5 w-3.5" : "h-4 w-4"
+            }
+          ),
+          m ? /* @__PURE__ */ e(
+            F,
+            {
+              ref: k,
+              size: "sm",
+              value: v,
+              onChange: (y) => g(y.target.value),
+              onKeyDown: ae,
+              onBlur: P,
+              className: "flex-1"
+            }
+          ) : /* @__PURE__ */ e(
+            "span",
+            {
+              onDoubleClick: re,
+              className: h(
+                "flex-1 transition-all duration-200 ease-in-out",
+                a ? "text-ds-sm" : "text-ds-md",
+                t.done && "text-surface-fg-subtle line-through",
+                !t.done && (a ? "text-surface-fg" : "")
               ),
-              /* @__PURE__ */ e(
-                V,
-                {
-                  size: "sm",
-                  onClick: T,
-                  onMouseDown: (t) => t.preventDefault(),
-                  children: "Add"
-                }
-              )
-            ] }) : /* @__PURE__ */ e(
+              children: t.text
+            }
+          ),
+          /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100", children: [
+            f && r && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => o(!0),
-                className: "w-full rounded-ds-md px-ds-02 py-ds-02 text-left text-ds-md text-surface-fg-subtle transition-colors hover:bg-surface-2",
-                children: "+ Add a task..."
+                onClick: () => r(t.id),
+                "aria-label": `Promote ${t.text}`,
+                className: "flex h-ico-md w-ico-md items-center justify-center rounded-ds-sm text-accent-11 transition-colors duration-150 hover:bg-accent-3 hover:text-accent-12",
+                children: /* @__PURE__ */ e(he, { className: "h-3 w-3" })
               }
-            ) }),
-            h && /* @__PURE__ */ e("span", { className: "mt-ds-03 text-ds-xs text-surface-fg-subtle", children: h })
+            ),
+            b && u && /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: () => u(t.id),
+                "aria-label": `Delete ${t.text}`,
+                className: "flex h-ico-md w-ico-md items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors duration-150 hover:bg-error-3 hover:text-error-11",
+                children: /* @__PURE__ */ e(pe, { className: "h-3 w-3" })
+              }
+            ),
+            n && /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "flex h-ico-md w-ico-md shrink-0 cursor-grab items-center justify-center text-surface-fg-muted",
+                "aria-label": `Drag ${t.text}`,
+                ...J,
+                children: /* @__PURE__ */ e(xe, { className: "h-3.5 w-3.5" })
+              }
+            )
           ] })
         ]
       }
     );
   }
 );
-de.displayName = "ScratchpadWidget";
-const ce = R.forwardRef(
-  function({ items: a, onToggle: r, defaultOpen: p = !0, badgeCount: m, className: u, ...v }, h) {
-    const [n, l] = C(p);
-    return /* @__PURE__ */ s("div", { ref: h, className: d("flex flex-col", u), ...v, children: [
+E.displayName = "ScratchpadItem";
+const W = w.forwardRef(
+  function({ compact: t = !1, className: a, ...n }, o) {
+    const { visibleItems: d, items: c, canReorder: l, onReorder: i } = I(), u = Ce(
+      M(Pe, { activationConstraint: { distance: 5 } }),
+      M(Te)
+    ), r = ie(
+      (f) => {
+        const { active: m, over: p } = f;
+        if (!p || m.id === p.id || !i) return;
+        const v = c.findIndex((k) => k.id === m.id), g = c.findIndex((k) => k.id === p.id);
+        v !== -1 && g !== -1 && i(Ie(c, v, g));
+      },
+      [c, i]
+    ), x = d.map((f) => f.id), b = /* @__PURE__ */ e(
+      "div",
+      {
+        ref: o,
+        className: h("flex flex-col gap-ds-02b", a),
+        ...l ? void 0 : { role: "list" },
+        ...n,
+        children: /* @__PURE__ */ e(K, { initial: !1, children: d.map((f) => /* @__PURE__ */ e(
+          E,
+          {
+            item: f,
+            compact: t,
+            sortable: l,
+            ...l ? void 0 : { role: "listitem" }
+          },
+          f.id
+        )) })
+      }
+    );
+    return l ? /* @__PURE__ */ e(
+      Re,
+      {
+        sensors: u,
+        collisionDetection: De,
+        onDragEnd: r,
+        children: /* @__PURE__ */ e(Ae, { items: x, strategy: Ee, children: b })
+      }
+    ) : b;
+  }
+);
+W.displayName = "ScratchpadList";
+const Z = w.forwardRef(
+  function({
+    placeholder: t = "What needs doing?",
+    triggerLabel: a = "+ Add a task...",
+    className: n,
+    ...o
+  }, d) {
+    const { onAdd: c, canAdd: l, items: i, maxItems: u } = I(), [r, x] = C(!1), [b, f] = C(""), m = L(null);
+    if (B(() => {
+      r && m.current && m.current.focus();
+    }, [r]), !l || i.length >= u) return null;
+    function p() {
+      const g = b.trim();
+      g && c && (c(g), f(""));
+    }
+    function v(g) {
+      g.key === "Enter" ? (g.preventDefault(), p()) : g.key === "Escape" && (x(!1), f(""));
+    }
+    return /* @__PURE__ */ e("div", { ref: d, className: h("mt-ds-02b", n), ...o, children: r ? /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
+      /* @__PURE__ */ e(
+        F,
+        {
+          ref: m,
+          size: "sm",
+          value: b,
+          onChange: (g) => f(g.target.value),
+          onKeyDown: v,
+          onBlur: () => {
+            b.trim() || (x(!1), f(""));
+          },
+          placeholder: t,
+          className: "flex-1"
+        }
+      ),
+      /* @__PURE__ */ e(
+        Me,
+        {
+          size: "sm",
+          onClick: p,
+          onMouseDown: (g) => g.preventDefault(),
+          children: "Add"
+        }
+      )
+    ] }) : /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        onClick: () => x(!0),
+        className: "w-full rounded-ds-md px-ds-02 py-ds-02 text-left text-ds-md text-surface-fg-subtle transition-colors hover:bg-surface-2",
+        children: a
+      }
+    ) });
+  }
+);
+Z.displayName = "ScratchpadAddInput";
+const X = w.forwardRef(
+  function({ icon: t, message: a = "Nothing here yet. Add a task!", className: n, ...o }, d) {
+    const { visibleItems: c } = I();
+    return c.length > 0 ? null : /* @__PURE__ */ s(
+      "div",
+      {
+        ref: d,
+        className: h(
+          "flex flex-col items-center justify-center gap-ds-03 py-ds-06 text-center",
+          n
+        ),
+        ...o,
+        children: [
+          t && /* @__PURE__ */ e(t, { className: "h-ico-lg w-ico-lg text-surface-fg-subtle" }),
+          /* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg-subtle", children: a })
+        ]
+      }
+    );
+  }
+);
+X.displayName = "ScratchpadEmptyState";
+const Fe = {
+  sm: { diameter: 16, stroke: 1.5, fontSize: "7px" },
+  md: { diameter: 20, stroke: 2, fontSize: "8px" }
+}, Q = w.forwardRef(
+  function({ size: t = "md", showCount: a = !0, className: n, ...o }, d) {
+    const { items: c, maxItems: l } = I(), i = c.length, u = i > 0 && c.every((g) => g.done), { diameter: r, stroke: x, fontSize: b } = Fe[t], f = (r - x) / 2, m = 2 * Math.PI * f, p = l > 0 ? i / l : 0, v = m * (1 - p);
+    return /* @__PURE__ */ s(
+      A.div,
+      {
+        ref: d,
+        className: h("relative flex items-center justify-center", n),
+        animate: u ? { scale: [1, 1.1, 1] } : {},
+        transition: { duration: 0.3 },
+        ...ve(o),
+        children: [
+          /* @__PURE__ */ s(
+            "svg",
+            {
+              width: r,
+              height: r,
+              viewBox: `0 0 ${r} ${r}`,
+              className: "-rotate-90",
+              children: [
+                /* @__PURE__ */ e(
+                  "circle",
+                  {
+                    cx: r / 2,
+                    cy: r / 2,
+                    r: f,
+                    fill: "none",
+                    strokeWidth: x,
+                    className: "stroke-surface-2"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "circle",
+                  {
+                    cx: r / 2,
+                    cy: r / 2,
+                    r: f,
+                    fill: "none",
+                    strokeWidth: x,
+                    strokeLinecap: "round",
+                    strokeDasharray: m,
+                    strokeDashoffset: v,
+                    className: h(
+                      "transition-all duration-300",
+                      u ? "stroke-success-9" : "stroke-accent-9"
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          a && /* @__PURE__ */ s(
+            "span",
+            {
+              className: "absolute font-medium text-surface-fg-muted",
+              style: { fontSize: b },
+              "data-testid": "progress-count",
+              children: [
+                i,
+                "/",
+                l
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Q.displayName = "ScratchpadProgressRing";
+const U = w.forwardRef(
+  function({ className: t, ...a }, n) {
+    const { showCompleted: o, setShowCompleted: d } = I(), c = o ? ge : be;
+    return /* @__PURE__ */ e(
+      "button",
+      {
+        ref: n,
+        type: "button",
+        onClick: () => d(!o),
+        "aria-label": o ? "Hide completed" : "Show completed",
+        className: h(
+          "flex h-ico-md w-ico-md items-center justify-center rounded-ds-sm text-surface-fg-muted transition-colors hover:bg-surface-2 hover:text-surface-fg",
+          t
+        ),
+        ...a,
+        children: /* @__PURE__ */ e(c, { className: "h-3.5 w-3.5" })
+      }
+    );
+  }
+);
+U.displayName = "ScratchpadFilterToggle";
+const V = w.forwardRef(
+  function({
+    label: t = "Scratchpad",
+    defaultOpen: a = !0,
+    badgeCount: n,
+    headerClassName: o,
+    className: d,
+    children: c,
+    ...l
+  }, i) {
+    const [u, r] = C(a);
+    return /* @__PURE__ */ s("div", { ref: i, className: h("flex flex-col", d), ...l, children: [
       /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          onClick: () => l((c) => !c),
-          "aria-expanded": n,
-          className: "flex w-full items-center gap-ds-02 px-ds-03 py-ds-02 text-left text-ds-xs font-semibold text-surface-fg-muted transition-colors hover:bg-surface-2",
+          onClick: () => r((x) => !x),
+          "aria-expanded": u,
+          className: h(
+            "flex w-full items-center gap-ds-02 px-ds-03 py-ds-02 text-left text-ds-sm font-semibold text-surface-fg-muted transition-colors duration-150 hover:bg-surface-2",
+            o
+          ),
           children: [
             /* @__PURE__ */ e(
-              M,
+              D,
               {
-                className: d(
+                className: h(
                   "h-3.5 w-3.5 shrink-0 transition-transform duration-200",
-                  !n && "-rotate-180"
+                  !u && "-rotate-90"
                 )
               }
             ),
-            /* @__PURE__ */ e("span", { className: "flex-1", children: "Scratchpad" }),
-            m != null && m > 0 && /* @__PURE__ */ e("span", { className: "rounded-full bg-surface-2 px-1.5 text-ds-xs text-surface-fg-muted", children: m })
+            /* @__PURE__ */ e("span", { className: "flex-1", children: t }),
+            n != null && n > 0 && /* @__PURE__ */ e("span", { className: "rounded-full bg-surface-2 px-1.5 text-ds-xs text-surface-fg-muted", children: n })
           ]
         }
       ),
       /* @__PURE__ */ e(
         "div",
         {
-          className: d(
+          className: h(
             "grid transition-[grid-template-rows] duration-200",
-            n ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+            u ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
           ),
-          children: /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-0.5 px-ds-03 pb-ds-02", children: a.map((c) => /* @__PURE__ */ s(
-            "label",
+          children: /* @__PURE__ */ e("div", { className: "overflow-hidden", children: c })
+        }
+      )
+    ] });
+  }
+);
+V.displayName = "ScratchpadCollapse";
+const S = {
+  Root: O,
+  Header: G,
+  List: W,
+  Item: E,
+  AddInput: Z,
+  EmptyState: X,
+  ProgressRing: Q,
+  FilterToggle: U,
+  Collapse: V
+}, ze = w.forwardRef(
+  function({
+    items: t,
+    maxItems: a = 5,
+    onToggle: n,
+    onAdd: o,
+    onDelete: d,
+    onEdit: c,
+    onReorder: l,
+    onPromote: i,
+    title: u = "My Scratchpad",
+    resetLabel: r,
+    emptyText: x = "Nothing here yet. Add a task!",
+    emptyIcon: b,
+    loading: f = !1,
+    className: m,
+    ...p
+  }, v) {
+    return f ? /* @__PURE__ */ s(
+      "div",
+      {
+        ref: v,
+        className: h(
+          "flex flex-col gap-ds-04 rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01 p-ds-05b",
+          m
+        ),
+        ...p,
+        children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ e("div", { className: "h-4 w-28 animate-pulse rounded bg-surface-2" }),
+            /* @__PURE__ */ e("div", { className: "h-5 w-5 animate-pulse rounded-full bg-surface-2" })
+          ] }),
+          [1, 2, 3].map((g) => /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
+            /* @__PURE__ */ e("div", { className: "h-ico-md w-ico-md shrink-0 animate-pulse rounded-ds-sm bg-surface-2" }),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "h-4 animate-pulse rounded bg-surface-2",
+                style: { width: `${50 + g * 12}%` }
+              }
+            )
+          ] }, g))
+        ]
+      }
+    ) : /* @__PURE__ */ s(
+      S.Root,
+      {
+        ref: v,
+        items: t,
+        maxItems: a,
+        onToggle: n,
+        onAdd: o,
+        onDelete: d,
+        onEdit: c,
+        onReorder: l,
+        onPromote: i,
+        className: h(
+          "rounded-ds-2xl border border-surface-border-strong bg-surface-1 shadow-01",
+          m
+        ),
+        ...p,
+        children: [
+          /* @__PURE__ */ e(S.Header, { title: u, children: /* @__PURE__ */ e(S.ProgressRing, {}) }),
+          /* @__PURE__ */ s("div", { className: "flex flex-col border-t border-surface-border-strong px-ds-05b pb-ds-04 pt-ds-04", children: [
+            /* @__PURE__ */ e(S.EmptyState, { icon: b, message: x }),
+            /* @__PURE__ */ e(S.List, {}),
+            /* @__PURE__ */ e(S.AddInput, {}),
+            r && /* @__PURE__ */ e("span", { className: "mt-ds-03 text-ds-xs text-surface-fg-subtle", children: r })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ze.displayName = "ScratchpadWidget";
+const He = w.forwardRef(
+  function({
+    items: t,
+    onToggle: a,
+    onAdd: n,
+    onDelete: o,
+    onEdit: d,
+    onReorder: c,
+    onPromote: l,
+    maxItems: i = 20,
+    defaultOpen: u = !0,
+    // badgeCount kept in signature for back-compat but no longer rendered
+    badgeCount: r,
+    className: x,
+    ...b
+  }, f) {
+    const [m, p] = C(u);
+    return /* @__PURE__ */ e(
+      S.Root,
+      {
+        ref: f,
+        items: t,
+        maxItems: i,
+        onToggle: a,
+        onAdd: n,
+        onDelete: o,
+        onEdit: d,
+        onReorder: c,
+        onPromote: l,
+        className: h("flex flex-col", x),
+        ...b,
+        children: /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ s("div", { className: "flex w-full items-center gap-ds-02 px-ds-03 py-ds-02 text-ds-sm font-semibold text-surface-fg-muted", children: [
+            /* @__PURE__ */ s(
+              "button",
+              {
+                type: "button",
+                onClick: () => p((v) => !v),
+                "aria-expanded": m,
+                "aria-label": "Scratchpad",
+                className: "flex flex-1 items-center gap-ds-02 text-left transition-colors duration-150 hover:text-surface-fg",
+                children: [
+                  /* @__PURE__ */ e(
+                    D,
+                    {
+                      className: h(
+                        "h-3.5 w-3.5 shrink-0 transition-transform duration-200",
+                        !m && "-rotate-90"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ e("span", { className: "flex-1", children: "Scratchpad" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(S.FilterToggle, {}),
+            /* @__PURE__ */ e(S.ProgressRing, { size: "sm", showCount: !1 })
+          ] }),
+          /* @__PURE__ */ e(
+            "div",
             {
-              className: "flex cursor-pointer items-center gap-ds-02 rounded-ds-sm px-ds-02 py-0.5 transition-colors hover:bg-surface-2",
-              children: [
-                /* @__PURE__ */ e(
-                  G,
-                  {
-                    checked: c.done,
-                    onCheckedChange: (g) => r(c.id, g === !0),
-                    "aria-label": `Toggle ${c.text}`,
-                    className: "h-3.5 w-3.5"
-                  }
-                ),
+              className: h(
+                "grid transition-[grid-template-rows] duration-200",
+                m ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+              ),
+              children: /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5 px-ds-03 pb-ds-02", children: [
+                /* @__PURE__ */ e(S.EmptyState, {}),
+                /* @__PURE__ */ e(S.List, { compact: !0 }),
                 /* @__PURE__ */ e(
-                  "span",
+                  S.AddInput,
                   {
-                    className: d(
-                      "flex-1 text-xs transition-all duration-200",
-                      c.done ? "text-surface-fg-subtle line-through" : "text-surface-fg"
-                    ),
-                    children: c.text
+                    placeholder: "Quick add...",
+                    triggerLabel: "+ Add...",
+                    className: "mt-0"
                   }
                 )
-              ]
-            },
-            c.id
-          )) }) })
-        }
-      )
-    ] });
+              ] }) })
+            }
+          )
+        ] })
+      }
+    );
   }
 );
-ce.displayName = "SidebarScratchpad";
+He.displayName = "SidebarScratchpad";
 export {
-  te as A,
-  ae as D,
-  de as S,
-  ce as a
+  Ke as A,
+  $e as D,
+  ze as S,
+  He as a,
+  S as b,
+  H as c,
+  I as u
 };