@devalok/shilp-sutra-karm 0.20.2 → 0.21.0

package/dist/_chunks/sidebar-scratchpad.js

@@ -1,20 +1,21 @@
 "use client";
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
 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 { useState as C, useMemo as j, useContext as ce, createContext as ne, 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 { m as ve } from "./markdown-components.js";
+import { springs as $, motionProps as Ne } 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 { M as we } from "./vendor-markdown.js";
+import { u as Se, C as ke, b as Ce, c as M, f as Ie, D as Re, g as De, S as Ae, v as Ee, K as Te, P as Pe } from "./vendor-dnd.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";
+  const v = (/* @__PURE__ */ new Date()).getHours();
+  return v < 12 ? "Good morning" : v < 17 ? "Good afternoon" : "Good evening";
 }
 function Le() {
   return (/* @__PURE__ */ new Date()).toLocaleDateString("en-IN", {
@@ -25,8 +26,8 @@ function Le() {
     timeZone: "Asia/Kolkata"
   });
 }
-function Be(N) {
-  return new Date(N).toLocaleTimeString("en-IN", {
+function Be(v) {
+  return new Date(v).toLocaleTimeString("en-IN", {
     hour: "2-digit",
     minute: "2-digit",
     hour12: !0,
@@ -35,86 +36,86 @@ function Be(N) {
 }
 const Ke = w.forwardRef(
   function({
-    userName: t,
+    userName: s,
     attendance: a,
-    canMarkAttendance: n,
+    canMarkAttendance: c,
     onMarkAttendance: o,
-    isSubmitting: d = !1,
-    formatTime: c = Be,
+    isSubmitting: n = !1,
+    formatTime: d = 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-2 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: [
+    const r = ((g = a == null ? void 0 : a.attendance) == null ? void 0 : g.status) ?? "Not_Marked", x = r === "PRESENT" || n, b = r === "BREAK", f = (k = a == null ? void 0 : a.attendance) == null ? void 0 : k.timeIn, m = _e(), p = (s == null ? void 0 : s.split(" ")[0]) || "there", N = Le();
+    return x && !b ? /* @__PURE__ */ e("div", { ref: u, className: h("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-raised shadow-raised", l), ...i, children: /* @__PURE__ */ t("div", { className: "flex items-center justify-between px-ds-06 py-ds-05b sm:px-ds-07", children: [
+      /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-02", children: [
+        /* @__PURE__ */ t("h2", { className: "text-ds-2xl text-surface-fg", children: [
           m,
           ",",
           " ",
           /* @__PURE__ */ e("span", { className: "font-semibold italic text-accent-11", children: p })
         ] }),
-        /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: v })
+        /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: N })
       ] }),
-      /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 rounded-ds-xl bg-success-3 px-ds-05 py-ds-03", children: [
+      /* @__PURE__ */ t("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(oe, { className: "h-ico-sm w-ico-sm text-accent-fg" }) }),
-        /* @__PURE__ */ s("span", { className: "text-ds-md font-semibold text-success-11", children: [
+        /* @__PURE__ */ t("span", { className: "text-ds-md font-semibold text-success-11", children: [
           "Marked at",
           " ",
-          f ? c(f) : "--:--"
+          f ? d(f) : "--:--"
         ] })
       ] })
-    ] }) }) : b ? /* @__PURE__ */ e("div", { ref: u, className: h("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-2 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: [
+    ] }) }) : b ? /* @__PURE__ */ e("div", { ref: u, className: h("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-raised shadow-raised", l), ...i, children: /* @__PURE__ */ t("div", { className: "flex items-center justify-between px-ds-06 py-ds-05b sm:px-ds-07", children: [
+      /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-02", children: [
+        /* @__PURE__ */ t("h2", { className: "text-ds-2xl text-surface-fg", children: [
           m,
           ",",
           " ",
           /* @__PURE__ */ e("span", { className: "font-semibold italic text-accent-11", children: p })
         ] }),
-        /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: v })
+        /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: N })
       ] }),
-      /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 rounded-ds-xl bg-warning-3 px-ds-05 py-ds-03", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-03 rounded-ds-xl bg-warning-3 px-ds-05 py-ds-03", children: [
         /* @__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: [
+        /* @__PURE__ */ t("span", { className: "text-ds-md font-semibold text-warning-11", children: [
           "On break",
           a != null && a.breakReason ? ` — ${a.breakReason}` : ""
         ] })
       ] })
-    ] }) }) : 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: [
+    ] }) }) : c ? /* @__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__ */ t("div", { className: "flex items-center justify-between px-ds-06 py-ds-07 sm:px-ds-07 sm:py-ds-08", children: [
+      /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-02b", children: [
+        /* @__PURE__ */ t("h2", { className: "text-ds-3xl text-surface-fg", children: [
           m,
           ",",
           " ",
           /* @__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: v }) })
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-03", children: /* @__PURE__ */ e("p", { className: "text-ds-base text-surface-fg-subtle", children: N }) })
       ] }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ t(
         "button",
         {
           type: "button",
           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",
+          disabled: n,
+          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-raised-hover transition-all duration-150 ease-out hover:-translate-y-0.5 hover:shadow-floating active:translate-y-0 active:scale-[0.98] disabled:opacity-action-disabled",
           children: [
-            d ? "Marking..." : "Mark Attendance",
-            !d && /* @__PURE__ */ e(me, { className: "h-ico-sm w-ico-sm" })
+            n ? "Marking..." : "Mark Attendance",
+            !n && /* @__PURE__ */ e(me, { className: "h-ico-sm w-ico-sm" })
           ]
         }
       )
-    ] }) }) : /* @__PURE__ */ e("div", { ref: u, className: h("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-2 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: [
+    ] }) }) : /* @__PURE__ */ e("div", { ref: u, className: h("relative overflow-hidden rounded-ds-2xl border border-surface-border-strong bg-surface-raised shadow-raised", l), ...i, children: /* @__PURE__ */ t("div", { className: "flex items-center justify-between px-ds-06 py-ds-06 sm:px-ds-07 sm:py-ds-07", children: [
+      /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-02b", children: [
+        /* @__PURE__ */ t("h2", { className: "text-ds-3xl text-surface-fg", children: [
           m,
           ",",
           " ",
           /* @__PURE__ */ e("span", { className: "font-semibold italic text-accent-11", children: p })
         ] }),
-        /* @__PURE__ */ e("p", { className: "text-ds-base text-surface-fg-subtle", children: v })
+        /* @__PURE__ */ e("p", { className: "text-ds-base text-surface-fg-subtle", children: N })
       ] }),
-      /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 rounded-ds-xl bg-surface-2 px-ds-05 py-ds-03", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-03 rounded-ds-xl bg-surface-raised px-ds-05 py-ds-03", children: [
         /* @__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" })
       ] })
@@ -130,44 +131,44 @@ const _ = [
   "bg-accent-9"
 ], $e = w.forwardRef(
   function({
-    data: t,
+    data: s,
     loading: a = !1,
-    onRefresh: n,
+    onRefresh: c,
     unavailable: o = !1,
-    collapsible: d = !0,
-    defaultCollapsed: c = !1,
+    collapsible: n = !0,
+    defaultCollapsed: d = !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-2 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-3" }),
-          /* @__PURE__ */ e("div", { className: "h-4 w-24 animate-pulse rounded bg-surface-3" })
+    const [x, b] = C(d), f = l ?? "Morning Brief";
+    if (a && !s)
+      return /* @__PURE__ */ t("div", { ref: r, className: h("flex flex-col gap-ds-04 rounded-ds-2xl border border-surface-border-strong bg-surface-raised shadow-raised p-ds-05b", i), ...u, children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-03", children: [
+          /* @__PURE__ */ e("div", { className: "h-ico-sm w-ico-sm animate-pulse rounded bg-surface-raised-hover" }),
+          /* @__PURE__ */ e("div", { className: "h-4 w-24 animate-pulse rounded bg-surface-raised-hover" })
         ] }),
-        [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-3" }),
+        [1, 2, 3].map((p) => /* @__PURE__ */ t("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-raised-hover" }),
           /* @__PURE__ */ e(
             "div",
             {
-              className: "h-4 animate-pulse rounded bg-surface-3",
+              className: "h-4 animate-pulse rounded bg-surface-raised-hover",
               style: { width: `${60 + p * 10}%` }
             }
           )
         ] }, p))
       ] });
     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-2 shadow-01 px-ds-05b py-ds-05", i), ...u, children: [
+      return /* @__PURE__ */ t("div", { ref: r, className: h("flex items-center gap-ds-03 rounded-ds-2xl border border-surface-border-strong bg-surface-raised shadow-raised 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 (!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-2 shadow-01", i), ...u, children: [
-      /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-05b py-ds-05", children: [
-        d ? /* @__PURE__ */ s(
+    if (!s || s.brief.length === 0) return null;
+    const m = !n || !x;
+    return /* @__PURE__ */ t("div", { ref: r, className: h("flex flex-col rounded-ds-2xl border border-surface-border-strong bg-surface-raised shadow-raised", i), ...u, children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center justify-between px-ds-05b py-ds-05", children: [
+        n ? /* @__PURE__ */ t(
           "button",
           {
             type: "button",
@@ -189,17 +190,17 @@ const _ = [
               )
             ]
           }
-        ) : /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
+        ) : /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-03", children: [
           /* @__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: n && /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-02", children: c && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: n,
+            onClick: c,
             "aria-label": "Refresh brief",
-            className: "p-1.5 rounded hover:bg-surface-3 transition-colors",
+            className: "p-1.5 rounded hover:bg-surface-raised-hover transition-colors",
             children: /* @__PURE__ */ e(ue, { className: h("h-ico-sm w-ico-sm text-surface-fg-subtle", a && "animate-spin") })
           }
         ) })
@@ -212,19 +213,19 @@ const _ = [
           exit: { height: 0, opacity: 0 },
           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: [
-            t.brief.map((p, v) => /* @__PURE__ */ s("div", { className: "flex items-start gap-ds-04", children: [
+          children: /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-03 border-t border-surface-border-strong px-ds-05b pb-ds-05b pt-ds-05", children: [
+            s.brief.map((p, N) => /* @__PURE__ */ t("div", { className: "flex items-start gap-ds-04", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
-                  className: h("mt-ds-02b h-2 w-2 shrink-0 rounded-ds-full", _[v % _.length])
+                  className: h("mt-ds-02b h-2 w-2 shrink-0 rounded-ds-full", _[N % _.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(we, { components: Ne, children: p }) })
-            ] }, v)),
-            /* @__PURE__ */ s("div", { className: "mt-ds-02 text-ds-xs text-surface-fg-subtle", children: [
+              /* @__PURE__ */ e("div", { className: "text-ds-md text-surface-fg-muted [&_p]:mb-0 [&_strong]:font-semibold [&_code]:rounded [&_code]:bg-surface-raised-hover [&_code]:px-1 [&_code]:py-ds-01 [&_code]:text-ds-sm [&_a]:text-accent-11 [&_a]:underline", children: /* @__PURE__ */ e(we, { components: ve, children: p }) })
+            ] }, N)),
+            /* @__PURE__ */ t("div", { className: "mt-ds-02 text-ds-xs text-surface-fg-subtle", children: [
               "Generated ",
-              ye(t.generatedAt)
+              ye(s.generatedAt)
             ] })
           ] })
         }
@@ -233,60 +234,60 @@ const _ = [
   }
 );
 $e.displayName = "DailyBrief";
-const z = de(null);
+const z = ne(null);
 function I() {
-  const N = ne(z);
-  if (!N)
+  const v = ce(z);
+  if (!v)
     throw new Error("useScratchpad must be used within a ScratchpadProvider");
-  return N;
+  return v;
 }
 function H({
-  children: N,
-  items: t,
+  children: v,
+  items: s,
   maxItems: a = 20,
-  onToggle: n,
+  onToggle: c,
   onAdd: o,
-  onDelete: d,
-  onEdit: c,
+  onDelete: n,
+  onEdit: d,
   onReorder: l,
   onPromote: i,
   defaultShowCompleted: u = !0
 }) {
   const [r, x] = C(u), b = j(
-    () => r ? t : t.filter((m) => !m.done),
-    [t, r]
+    () => r ? s : s.filter((m) => !m.done),
+    [s, r]
   ), f = j(
     () => ({
-      items: t,
+      items: s,
       visibleItems: b,
       maxItems: a,
       showCompleted: r,
       setShowCompleted: x,
-      onToggle: n,
+      onToggle: c,
       onAdd: o,
-      onDelete: d,
-      onEdit: c,
+      onDelete: n,
+      onEdit: d,
       onReorder: l,
       onPromote: i,
       canAdd: !!o,
-      canDelete: !!d,
-      canEdit: !!c,
+      canDelete: !!n,
+      canEdit: !!d,
       canReorder: !!l,
       canPromote: !!i
     }),
-    [t, b, a, r, n, o, d, c, l, i]
+    [s, b, a, r, c, o, n, d, l, i]
   );
-  return /* @__PURE__ */ e(z.Provider, { value: f, children: N });
+  return /* @__PURE__ */ e(z.Provider, { value: f, children: v });
 }
 H.displayName = "ScratchpadProvider";
 const O = w.forwardRef(
   function({
-    items: t,
+    items: s,
     maxItems: a,
-    onToggle: n,
+    onToggle: c,
     onAdd: o,
-    onDelete: d,
-    onEdit: c,
+    onDelete: n,
+    onEdit: d,
     onReorder: l,
     onPromote: i,
     defaultShowCompleted: u,
@@ -297,12 +298,12 @@ const O = w.forwardRef(
     return /* @__PURE__ */ e(
       H,
       {
-        items: t,
+        items: s,
         maxItems: a,
-        onToggle: n,
+        onToggle: c,
         onAdd: o,
-        onDelete: d,
-        onEdit: c,
+        onDelete: n,
+        onEdit: d,
         onReorder: l,
         onPromote: i,
         defaultShowCompleted: u,
@@ -313,16 +314,16 @@ const O = w.forwardRef(
 );
 O.displayName = "ScratchpadRoot";
 const G = w.forwardRef(
-  function({ title: t = "Scratchpad", className: a, children: n, ...o }, d) {
-    return /* @__PURE__ */ s(
+  function({ title: s = "Scratchpad", className: a, children: c, ...o }, n) {
+    return /* @__PURE__ */ t(
       "div",
       {
-        ref: d,
+        ref: n,
         className: h("flex items-center justify-between px-ds-05b py-ds-05", a),
         ...o,
         children: [
-          /* @__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__ */ e("span", { className: "text-ds-base font-semibold text-surface-fg", children: s }),
+          c && /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-02", children: c })
         ]
       }
     );
@@ -330,18 +331,18 @@ const G = w.forwardRef(
 );
 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), {
+  function({ item: s, compact: a = !1, sortable: c = !1, className: o, ...n }, d) {
+    const { onToggle: l, onEdit: i, onDelete: u, onPromote: r, canEdit: x, canDelete: b, canPromote: f } = I(), [m, p] = C(!1), [N, g] = C(s.text), k = L(null), {
       attributes: q,
       listeners: J,
       setNodeRef: T,
       transform: Y,
       transition: ee,
-      isDragging: te
+      isDragging: se
     } = Se({
-      id: t.id,
-      disabled: !n
-    }), se = n ? {
+      id: s.id,
+      disabled: !c
+    }), te = c ? {
       transform: ke.Transform.toString(Y),
       transition: ee
     } : void 0;
@@ -349,44 +350,44 @@ const E = w.forwardRef(
       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);
+      const y = N.trim();
+      y && y !== s.text && i && i(s.id, y), p(!1), g(s.text);
     }
     function ae(y) {
-      y.key === "Enter" ? (y.preventDefault(), P()) : y.key === "Escape" && (p(!1), g(t.text));
+      y.key === "Enter" ? (y.preventDefault(), P()) : y.key === "Escape" && (p(!1), g(s.text));
     }
     function re() {
-      x && (g(t.text), p(!0));
+      x && (g(s.text), p(!0));
     }
-    const ce = w.useCallback(
+    const de = w.useCallback(
       (y) => {
-        T(y), typeof c == "function" ? c(y) : c && (c.current = y);
+        T(y), typeof d == "function" ? d(y) : d && (d.current = y);
       },
-      [c, T]
+      [d, T]
     );
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ t(
       A.div,
       {
-        ref: n ? ce : c,
+        ref: c ? de : d,
         initial: { opacity: 0, x: -10 },
-        animate: { opacity: te ? 0.5 : 1, x: 0 },
+        animate: { opacity: se ? 0.5 : 1, x: 0 },
         exit: { opacity: 0, x: 20, height: 0 },
         transition: $.snappy,
-        style: se,
+        style: te,
         className: h(
-          "group flex items-center rounded-ds-md transition-colors duration-150 hover:bg-surface-3",
+          "group flex items-center rounded-ds-md transition-colors duration-150 hover:bg-surface-raised-hover",
           a ? "gap-ds-02 px-ds-02 py-0.5" : "gap-ds-03 px-ds-02 py-ds-02",
           o
         ),
-        ...d,
-        ...n ? q : void 0,
+        ...n,
+        ...c ? q : void 0,
         children: [
           /* @__PURE__ */ e(
             je,
             {
-              checked: t.done,
-              onCheckedChange: (y) => l(t.id, y === !0),
-              "aria-label": `Toggle ${t.text}`,
+              checked: s.done,
+              onCheckedChange: (y) => l(s.id, y === !0),
+              "aria-label": `Toggle ${s.text}`,
               className: a ? "h-3.5 w-3.5" : "h-4 w-4"
             }
           ),
@@ -395,7 +396,7 @@ const E = w.forwardRef(
             {
               ref: k,
               size: "sm",
-              value: v,
+              value: N,
               onChange: (y) => g(y.target.value),
               onKeyDown: ae,
               onBlur: P,
@@ -408,19 +409,19 @@ const E = w.forwardRef(
               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" : "")
+                s.done && "text-surface-fg-subtle line-through",
+                !s.done && (a ? "text-surface-fg" : "")
               ),
-              children: t.text
+              children: s.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: [
+          /* @__PURE__ */ t("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: () => r(t.id),
-                "aria-label": `Promote ${t.text}`,
+                onClick: () => r(s.id),
+                "aria-label": `Promote ${s.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" })
               }
@@ -429,18 +430,18 @@ const E = w.forwardRef(
               "button",
               {
                 type: "button",
-                onClick: () => u(t.id),
-                "aria-label": `Delete ${t.text}`,
+                onClick: () => u(s.id),
+                "aria-label": `Delete ${s.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(
+            c && /* @__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}`,
+                "aria-label": `Drag ${s.text}`,
                 ...J,
                 children: /* @__PURE__ */ e(xe, { className: "h-3.5 w-3.5" })
               }
@@ -453,30 +454,30 @@ const E = w.forwardRef(
 );
 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(
+  function({ compact: s = !1, className: a, ...c }, o) {
+    const { visibleItems: n, items: d, 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));
+        const N = d.findIndex((k) => k.id === m.id), g = d.findIndex((k) => k.id === p.id);
+        N !== -1 && g !== -1 && i(Ie(d, N, g));
       },
-      [c, i]
-    ), x = d.map((f) => f.id), b = /* @__PURE__ */ e(
+      [d, i]
+    ), x = n.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(
+        ...c,
+        children: /* @__PURE__ */ e(K, { initial: !1, children: n.map((f) => /* @__PURE__ */ e(
           E,
           {
             item: f,
-            compact: t,
+            compact: s,
             sortable: l,
             ...l ? void 0 : { role: "listitem" }
           },
@@ -498,23 +499,23 @@ const W = w.forwardRef(
 W.displayName = "ScratchpadList";
 const Z = w.forwardRef(
   function({
-    placeholder: t = "What needs doing?",
+    placeholder: s = "What needs doing?",
     triggerLabel: a = "+ Add a task...",
-    className: n,
+    className: c,
     ...o
-  }, d) {
-    const { onAdd: c, canAdd: l, items: i, maxItems: u } = I(), [r, x] = C(!1), [b, f] = C(""), m = L(null);
+  }, n) {
+    const { onAdd: d, 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(""));
+      g && d && (d(g), f(""));
     }
-    function v(g) {
+    function N(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: [
+    return /* @__PURE__ */ e("div", { ref: n, className: h("mt-ds-02b", c), ...o, children: r ? /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-03", children: [
       /* @__PURE__ */ e(
         F,
         {
@@ -522,11 +523,11 @@ const Z = w.forwardRef(
           size: "sm",
           value: b,
           onChange: (g) => f(g.target.value),
-          onKeyDown: v,
+          onKeyDown: N,
           onBlur: () => {
             b.trim() || (x(!1), f(""));
           },
-          placeholder: t,
+          placeholder: s,
           className: "flex-1"
         }
       ),
@@ -544,7 +545,7 @@ const Z = w.forwardRef(
       {
         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-3",
+        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-raised-hover",
         children: a
       }
     ) });
@@ -552,19 +553,19 @@ const Z = w.forwardRef(
 );
 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(
+  function({ icon: s, message: a = "Nothing here yet. Add a task!", className: c, ...o }, n) {
+    const { visibleItems: d } = I();
+    return d.length > 0 ? null : /* @__PURE__ */ t(
       "div",
       {
-        ref: d,
+        ref: n,
         className: h(
           "flex flex-col items-center justify-center gap-ds-03 py-ds-06 text-center",
-          n
+          c
         ),
         ...o,
         children: [
-          t && /* @__PURE__ */ e(t, { className: "h-ico-lg w-ico-lg text-surface-fg-subtle" }),
+          s && /* @__PURE__ */ e(s, { className: "h-ico-lg w-ico-lg text-surface-fg-subtle" }),
           /* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg-subtle", children: a })
         ]
       }
@@ -576,18 +577,18 @@ 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(
+  function({ size: s = "md", showCount: a = !0, className: c, ...o }, n) {
+    const { items: d, maxItems: l } = I(), i = d.length, u = i > 0 && d.every((g) => g.done), { diameter: r, stroke: x, fontSize: b } = Fe[s], f = (r - x) / 2, m = 2 * Math.PI * f, p = l > 0 ? i / l : 0, N = m * (1 - p);
+    return /* @__PURE__ */ t(
       A.div,
       {
-        ref: d,
-        className: h("relative flex items-center justify-center", n),
+        ref: n,
+        className: h("relative flex items-center justify-center", c),
         animate: u ? { scale: [1, 1.1, 1] } : {},
         transition: { duration: 0.3 },
-        ...ve(o),
+        ...Ne(o),
         children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ t(
             "svg",
             {
               width: r,
@@ -603,7 +604,7 @@ const Fe = {
                     r: f,
                     fill: "none",
                     strokeWidth: x,
-                    className: "stroke-surface-3"
+                    className: "stroke-surface-raised-hover"
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -616,7 +617,7 @@ const Fe = {
                     strokeWidth: x,
                     strokeLinecap: "round",
                     strokeDasharray: m,
-                    strokeDashoffset: v,
+                    strokeDashoffset: N,
                     className: h(
                       "transition-all duration-300",
                       u ? "stroke-success-9" : "stroke-accent-9"
@@ -626,7 +627,7 @@ const Fe = {
               ]
             }
           ),
-          a && /* @__PURE__ */ s(
+          a && /* @__PURE__ */ t(
             "span",
             {
               className: "absolute font-medium text-surface-fg-muted",
@@ -646,21 +647,21 @@ const Fe = {
 );
 Q.displayName = "ScratchpadProgressRing";
 const U = w.forwardRef(
-  function({ className: t, ...a }, n) {
-    const { showCompleted: o, setShowCompleted: d } = I(), c = o ? ge : be;
+  function({ className: s, ...a }, c) {
+    const { showCompleted: o, setShowCompleted: n } = I(), d = o ? ge : be;
     return /* @__PURE__ */ e(
       "button",
       {
-        ref: n,
+        ref: c,
         type: "button",
-        onClick: () => d(!o),
+        onClick: () => n(!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
+          "flex h-ico-md w-ico-md items-center justify-center rounded-ds-sm text-surface-fg-muted transition-colors hover:bg-surface-raised hover:text-surface-fg",
+          s
         ),
         ...a,
-        children: /* @__PURE__ */ e(c, { className: "h-3.5 w-3.5" })
+        children: /* @__PURE__ */ e(d, { className: "h-3.5 w-3.5" })
       }
     );
   }
@@ -668,24 +669,24 @@ const U = w.forwardRef(
 U.displayName = "ScratchpadFilterToggle";
 const V = w.forwardRef(
   function({
-    label: t = "Scratchpad",
+    label: s = "Scratchpad",
     defaultOpen: a = !0,
-    badgeCount: n,
+    badgeCount: c,
     headerClassName: o,
-    className: d,
-    children: c,
+    className: n,
+    children: d,
     ...l
   }, i) {
     const [u, r] = C(a);
-    return /* @__PURE__ */ s("div", { ref: i, className: h("flex flex-col", d), ...l, children: [
-      /* @__PURE__ */ s(
+    return /* @__PURE__ */ t("div", { ref: i, className: h("flex flex-col", n), ...l, children: [
+      /* @__PURE__ */ t(
         "button",
         {
           type: "button",
           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-3",
+            "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-raised-hover",
             o
           ),
           children: [
@@ -698,8 +699,8 @@ const V = w.forwardRef(
                 )
               }
             ),
-            /* @__PURE__ */ e("span", { className: "flex-1", children: t }),
-            n != null && n > 0 && /* @__PURE__ */ e("span", { className: "rounded-full bg-surface-3 px-1.5 text-ds-xs text-surface-fg-muted", children: n })
+            /* @__PURE__ */ e("span", { className: "flex-1", children: s }),
+            c != null && c > 0 && /* @__PURE__ */ e("span", { className: "rounded-full bg-surface-raised-hover px-1.5 text-ds-xs text-surface-fg-muted", children: c })
           ]
         }
       ),
@@ -710,7 +711,7 @@ const V = w.forwardRef(
             "grid transition-[grid-template-rows] duration-200",
             u ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
           ),
-          children: /* @__PURE__ */ e("div", { className: "overflow-hidden", children: c })
+          children: /* @__PURE__ */ e("div", { className: "overflow-hidden", children: d })
         }
       )
     ] });
@@ -729,12 +730,12 @@ const S = {
   Collapse: V
 }, ze = w.forwardRef(
   function({
-    items: t,
+    items: s,
     maxItems: a = 5,
-    onToggle: n,
+    onToggle: c,
     onAdd: o,
-    onDelete: d,
-    onEdit: c,
+    onDelete: n,
+    onEdit: d,
     onReorder: l,
     onPromote: i,
     title: u = "My Scratchpad",
@@ -744,53 +745,53 @@ const S = {
     loading: f = !1,
     className: m,
     ...p
-  }, v) {
-    return f ? /* @__PURE__ */ s(
+  }, N) {
+    return f ? /* @__PURE__ */ t(
       "div",
       {
-        ref: v,
+        ref: N,
         className: h(
-          "flex flex-col gap-ds-04 rounded-ds-2xl border border-surface-border-strong bg-surface-2 shadow-01 p-ds-05b",
+          "flex flex-col gap-ds-04 rounded-ds-2xl border border-surface-border-strong bg-surface-raised shadow-raised 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-3" }),
-            /* @__PURE__ */ e("div", { className: "h-5 w-5 animate-pulse rounded-full bg-surface-3" })
+          /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ e("div", { className: "h-4 w-28 animate-pulse rounded bg-surface-raised-hover" }),
+            /* @__PURE__ */ e("div", { className: "h-5 w-5 animate-pulse rounded-full bg-surface-raised-hover" })
           ] }),
-          [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-3" }),
+          [1, 2, 3].map((g) => /* @__PURE__ */ t("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-raised-hover" }),
             /* @__PURE__ */ e(
               "div",
               {
-                className: "h-4 animate-pulse rounded bg-surface-3",
+                className: "h-4 animate-pulse rounded bg-surface-raised-hover",
                 style: { width: `${50 + g * 12}%` }
               }
             )
           ] }, g))
         ]
       }
-    ) : /* @__PURE__ */ s(
+    ) : /* @__PURE__ */ t(
       S.Root,
       {
-        ref: v,
-        items: t,
+        ref: N,
+        items: s,
         maxItems: a,
-        onToggle: n,
+        onToggle: c,
         onAdd: o,
-        onDelete: d,
-        onEdit: c,
+        onDelete: n,
+        onEdit: d,
         onReorder: l,
         onPromote: i,
         className: h(
-          "rounded-ds-2xl border border-surface-border-strong bg-surface-2 shadow-01",
+          "rounded-ds-2xl border border-surface-border-strong bg-surface-raised shadow-raised",
           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__ */ t("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, {}),
@@ -804,12 +805,12 @@ const S = {
 ze.displayName = "ScratchpadWidget";
 const He = w.forwardRef(
   function({
-    items: t,
+    items: s,
     onToggle: a,
-    onAdd: n,
+    onAdd: c,
     onDelete: o,
-    onEdit: d,
-    onReorder: c,
+    onEdit: n,
+    onReorder: d,
     onPromote: l,
     maxItems: i = 20,
     defaultOpen: u = !0,
@@ -823,23 +824,23 @@ const He = w.forwardRef(
       S.Root,
       {
         ref: f,
-        items: t,
+        items: s,
         maxItems: i,
         onToggle: a,
-        onAdd: n,
+        onAdd: c,
         onDelete: o,
-        onEdit: d,
-        onReorder: c,
+        onEdit: n,
+        onReorder: d,
         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(
+        children: /* @__PURE__ */ t("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ t("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__ */ t(
               "button",
               {
                 type: "button",
-                onClick: () => p((v) => !v),
+                onClick: () => p((N) => !N),
                 "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",
@@ -867,7 +868,7 @@ const He = w.forwardRef(
                 "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: [
+              children: /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ t("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(