@devalok/shilp-sutra-karm 0.13.0 → 0.14.0

package/dist/_chunks/daily-brief.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import * as y from "react";
-import { useState as w } from "react";
-import { IconCheck as k, IconCoffee as A, IconClock as C, IconArrowRight as D, IconSparkles as I, IconChevronDown as _, IconChevronUp as R } from "@tabler/icons-react";
-import { cn as p } from "@devalok/shilp-sutra/ui/lib/utils";
-import { M as j } from "./vendor.js";
-function M() {
-  const l = (/* @__PURE__ */ new Date()).getHours();
-  return l < 12 ? "Good morning" : l < 17 ? "Good afternoon" : "Good evening";
+import * as w from "react";
+import { useState as k } from "react";
+import { IconCheck as D, IconCoffee as A, IconClock as C, IconArrowRight as M, IconSparkles as v, IconChevronDown as I, IconRefresh as T } from "@tabler/icons-react";
+import { cn as c } from "@devalok/shilp-sutra/ui/lib/utils";
+import { M as R } from "./vendor.js";
+function _() {
+  const i = (/* @__PURE__ */ new Date()).getHours();
+  return i < 12 ? "Good morning" : i < 17 ? "Good afternoon" : "Good evening";
 }
-function T() {
+function j() {
   return (/* @__PURE__ */ new Date()).toLocaleDateString("en-IN", {
     weekday: "long",
     day: "numeric",
@@ -18,52 +18,52 @@ function T() {
     timeZone: "Asia/Kolkata"
   });
 }
-function B(l) {
-  return new Date(l).toLocaleTimeString("en-IN", {
+function B(i) {
+  return new Date(i).toLocaleTimeString("en-IN", {
     hour: "2-digit",
     minute: "2-digit",
     hour12: !0,
     timeZone: "Asia/Kolkata"
   });
 }
-const O = y.forwardRef(
+const G = w.forwardRef(
   function({
-    userName: a,
+    userName: r,
     attendance: t,
-    canMarkAttendance: o,
-    onMarkAttendance: c,
-    isSubmitting: d = !1,
-    formatTime: h = B
-  }, r) {
-    var u, g;
-    const i = ((u = t == null ? void 0 : t.attendance) == null ? void 0 : u.status) ?? "Not_Marked", N = i === "PRESENT" || d, f = i === "BREAK", b = (g = t == null ? void 0 : t.attendance) == null ? void 0 : g.timeIn, n = M(), m = (a == null ? void 0 : a.split(" ")[0]) || "there", x = T();
-    return N && !f ? /* @__PURE__ */ e("div", { ref: r, className: "relative overflow-hidden rounded-ds-2xl border border-border bg-layer-01 shadow-01", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-05b sm:px-ds-07", children: [
+    canMarkAttendance: m,
+    onMarkAttendance: l,
+    isSubmitting: a = !1,
+    formatTime: u = B
+  }, x) {
+    var b, N;
+    const f = ((b = t == null ? void 0 : t.attendance) == null ? void 0 : b.status) ?? "Not_Marked", h = f === "PRESENT" || a, p = f === "BREAK", g = (N = t == null ? void 0 : t.attendance) == null ? void 0 : N.timeIn, n = _(), o = (r == null ? void 0 : r.split(" ")[0]) || "there", d = j();
+    return h && !p ? /* @__PURE__ */ e("div", { ref: x, className: "relative overflow-hidden rounded-ds-2xl border border-border bg-layer-01 shadow-01", 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-text-primary", children: [
           n,
           ",",
           " ",
-          /* @__PURE__ */ e("span", { className: "font-semibold italic text-interactive", children: m })
+          /* @__PURE__ */ e("span", { className: "font-semibold italic text-interactive", children: o })
         ] }),
-        /* @__PURE__ */ e("p", { className: "text-ds-md text-text-tertiary", children: x })
+        /* @__PURE__ */ e("p", { className: "text-ds-md text-text-tertiary", children: d })
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 rounded-ds-xl bg-success-surface 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-text-success", children: /* @__PURE__ */ e(k, { className: "h-ico-sm w-ico-sm text-text-on-color" }) }),
+        /* @__PURE__ */ e("div", { className: "flex h-ico-md w-ico-md items-center justify-center rounded-ds-full bg-text-success", children: /* @__PURE__ */ e(D, { className: "h-ico-sm w-ico-sm text-text-on-color" }) }),
         /* @__PURE__ */ s("span", { className: "text-ds-md font-semibold text-text-success", children: [
           "Marked at",
           " ",
-          b ? h(b) : "--:--"
+          g ? u(g) : "--:--"
         ] })
       ] })
-    ] }) }) : f ? /* @__PURE__ */ e("div", { ref: r, className: "relative overflow-hidden rounded-ds-2xl border border-border bg-layer-01 shadow-01", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-05b sm:px-ds-07", children: [
+    ] }) }) : p ? /* @__PURE__ */ e("div", { ref: x, className: "relative overflow-hidden rounded-ds-2xl border border-border bg-layer-01 shadow-01", 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-text-primary", children: [
           n,
           ",",
           " ",
-          /* @__PURE__ */ e("span", { className: "font-semibold italic text-interactive", children: m })
+          /* @__PURE__ */ e("span", { className: "font-semibold italic text-interactive", children: o })
         ] }),
-        /* @__PURE__ */ e("p", { className: "text-ds-md text-text-tertiary", children: x })
+        /* @__PURE__ */ e("p", { className: "text-ds-md text-text-tertiary", children: d })
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 rounded-ds-xl bg-warning-surface px-ds-05 py-ds-03", children: [
         /* @__PURE__ */ e(A, { className: "h-ico-sm w-ico-sm text-text-warning" }),
@@ -72,38 +72,38 @@ const O = y.forwardRef(
           t != null && t.breakReason ? ` — ${t.breakReason}` : ""
         ] })
       ] })
-    ] }) }) : o ? /* @__PURE__ */ e("div", { ref: r, className: "relative overflow-hidden rounded-ds-2xl border border-border bg-gradient-to-br from-interactive-subtle via-background to-success-surface", 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: [
+    ] }) }) : m ? /* @__PURE__ */ e("div", { ref: x, className: "relative overflow-hidden rounded-ds-2xl border border-border bg-gradient-to-br from-interactive-subtle via-background to-success-surface", 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-text-primary", children: [
           n,
           ",",
           " ",
-          /* @__PURE__ */ e("span", { className: "font-semibold italic text-interactive", children: m })
+          /* @__PURE__ */ e("span", { className: "font-semibold italic text-interactive", children: o })
         ] }),
-        /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-03", children: /* @__PURE__ */ e("p", { className: "text-ds-base text-text-tertiary", children: x }) })
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-03", children: /* @__PURE__ */ e("p", { className: "text-ds-base text-text-tertiary", children: d }) })
       ] }),
       /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          onClick: c,
-          disabled: d,
+          onClick: l,
+          disabled: a,
           className: "flex items-center gap-ds-03 rounded-ds-xl bg-interactive px-ds-06 py-ds-04 font-semibold text-text-on-color shadow-02 transition-all duration-moderate-01 ease-expressive-standard hover:-translate-y-0.5 hover:shadow-03 active:translate-y-0 active:scale-[0.98] disabled:opacity-[0.38]",
           children: [
-            d ? "Marking..." : "Mark Attendance",
-            !d && /* @__PURE__ */ e(D, { className: "h-ico-sm w-ico-sm" })
+            a ? "Marking..." : "Mark Attendance",
+            !a && /* @__PURE__ */ e(M, { className: "h-ico-sm w-ico-sm" })
           ]
         }
       )
-    ] }) }) : /* @__PURE__ */ e("div", { ref: r, className: "relative overflow-hidden rounded-ds-2xl border border-border bg-layer-01 shadow-01", 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: x, className: "relative overflow-hidden rounded-ds-2xl border border-border bg-layer-01 shadow-01", 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-text-primary", children: [
           n,
           ",",
           " ",
-          /* @__PURE__ */ e("span", { className: "font-semibold italic text-interactive", children: m })
+          /* @__PURE__ */ e("span", { className: "font-semibold italic text-interactive", children: o })
         ] }),
-        /* @__PURE__ */ e("p", { className: "text-ds-base text-text-tertiary", children: x })
+        /* @__PURE__ */ e("p", { className: "text-ds-base text-text-tertiary", children: d })
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 rounded-ds-xl bg-layer-02 px-ds-05 py-ds-03", children: [
         /* @__PURE__ */ e(C, { className: "h-ico-sm w-ico-sm text-text-placeholder" }),
@@ -112,66 +112,115 @@ const O = y.forwardRef(
     ] }) });
   }
 );
-O.displayName = "AttendanceCTA";
-const v = [
+G.displayName = "AttendanceCTA";
+function O(i) {
+  const r = new Date(i), m = (/* @__PURE__ */ new Date()).getTime() - r.getTime(), l = Math.floor(m / 6e4);
+  if (l < 1) return "just now";
+  if (l < 60) return `${l}m ago`;
+  const a = Math.floor(l / 60);
+  return a < 24 ? `${a}h ago` : `${Math.floor(a / 24)}d ago`;
+}
+const y = [
   "bg-category-amber",
   "bg-category-teal",
   "bg-category-cyan",
   "bg-interactive",
   "bg-accent"
-], G = y.forwardRef(
+], $ = w.forwardRef(
   function({
-    data: a,
+    data: r,
     loading: t = !1,
-    className: o
-  }, c) {
-    const [d, h] = w(!1);
-    return t ? /* @__PURE__ */ s("div", { ref: c, className: p("flex flex-col gap-ds-04 rounded-ds-2xl border border-border bg-layer-01 shadow-01 p-ds-05b", o), 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-layer-02" }),
-        /* @__PURE__ */ e("div", { className: "h-4 w-24 animate-pulse rounded bg-layer-02" })
-      ] }),
-      [1, 2, 3].map((r) => /* @__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-layer-02" }),
-        /* @__PURE__ */ e(
-          "div",
+    onRefresh: m,
+    unavailable: l = !1,
+    collapsible: a = !0,
+    defaultCollapsed: u = !1,
+    title: x,
+    className: f
+  }, h) {
+    const [p, g] = k(u), n = x ?? "Morning Brief";
+    if (t && !r)
+      return /* @__PURE__ */ s("div", { ref: h, className: c("flex flex-col gap-ds-04 rounded-ds-2xl border border-border bg-layer-01 shadow-01 p-ds-05b", f), 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-layer-02" }),
+          /* @__PURE__ */ e("div", { className: "h-4 w-24 animate-pulse rounded bg-layer-02" })
+        ] }),
+        [1, 2, 3].map((d) => /* @__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-layer-02" }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "h-4 animate-pulse rounded bg-layer-02",
+              style: { width: `${60 + d * 10}%` }
+            }
+          )
+        ] }, d))
+      ] });
+    if (l)
+      return /* @__PURE__ */ s("div", { ref: h, className: c("flex items-center gap-ds-03 rounded-ds-2xl border border-border bg-layer-01 shadow-01 px-ds-05b py-ds-05", f), children: [
+        /* @__PURE__ */ e(v, { className: "h-ico-sm w-ico-sm text-text-placeholder" }),
+        /* @__PURE__ */ e("span", { className: "text-ds-sm text-text-placeholder", children: "AI brief unavailable" })
+      ] });
+    if (!r || r.brief.length === 0) return null;
+    const o = !a || !p;
+    return /* @__PURE__ */ s("div", { ref: h, className: c("flex flex-col rounded-ds-2xl border border-border bg-layer-01 shadow-01", f), children: [
+      /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-05b py-ds-05", children: [
+        a ? /* @__PURE__ */ s(
+          "button",
           {
-            className: "h-4 animate-pulse rounded bg-layer-02",
-            style: { width: `${60 + r * 10}%` }
+            type: "button",
+            "aria-label": "Toggle brief",
+            "aria-expanded": o,
+            onClick: () => g(!p),
+            className: "flex flex-1 items-center gap-ds-03 transition-colors hover:opacity-80",
+            children: [
+              /* @__PURE__ */ e(v, { className: "h-ico-sm w-ico-sm text-interactive" }),
+              /* @__PURE__ */ e("span", { className: "text-ds-base font-semibold text-text-primary", children: n }),
+              /* @__PURE__ */ e(
+                I,
+                {
+                  className: c(
+                    "h-ico-sm w-ico-sm text-text-placeholder transition-transform duration-200",
+                    o && "rotate-180"
+                  )
+                }
+              )
+            ]
           }
-        )
-      ] }, r))
-    ] }) : !a || a.brief.length === 0 ? null : /* @__PURE__ */ s("div", { ref: c, className: p("flex flex-col rounded-ds-2xl border border-border bg-layer-01 shadow-01", o), children: [
-      /* @__PURE__ */ s(
-        "button",
-        {
-          type: "button",
-          "aria-label": "Toggle brief",
-          onClick: () => h(!d),
-          className: "flex items-center justify-between px-ds-05b py-ds-05 transition-colors hover:bg-layer-02",
-          children: [
-            /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
-              /* @__PURE__ */ e(I, { className: "h-ico-sm w-ico-sm text-interactive" }),
-              /* @__PURE__ */ e("span", { className: "text-ds-base font-semibold text-text-primary", children: "Morning Brief" })
-            ] }),
-            d ? /* @__PURE__ */ e(_, { className: "h-ico-sm w-ico-sm text-text-placeholder" }) : /* @__PURE__ */ e(R, { className: "h-ico-sm w-ico-sm text-text-placeholder" })
-          ]
-        }
-      ),
-      !d && /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-03 border-t border-border px-ds-05b pb-ds-05b pt-ds-05", children: a.brief.map((r, i) => /* @__PURE__ */ s("div", { className: "flex items-start gap-ds-04", children: [
-        /* @__PURE__ */ e(
-          "div",
+        ) : /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
+          /* @__PURE__ */ e(v, { className: "h-ico-sm w-ico-sm text-interactive" }),
+          /* @__PURE__ */ e("span", { className: "text-ds-base font-semibold text-text-primary", children: n })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-02", children: m && /* @__PURE__ */ e(
+          "button",
           {
-            className: p("mt-ds-02b h-2 w-2 shrink-0 rounded-ds-full", v[i % v.length])
+            type: "button",
+            onClick: m,
+            "aria-label": "Refresh brief",
+            className: "p-1.5 rounded hover:bg-layer-02 transition-colors",
+            children: /* @__PURE__ */ e(T, { className: c("h-ico-sm w-ico-sm text-text-placeholder", t && "animate-spin") })
           }
-        ),
-        /* @__PURE__ */ e("div", { className: "text-ds-md text-text-secondary [&_p]:mb-0 [&_strong]:font-semibold [&_code]:rounded [&_code]:bg-field [&_code]:px-1 [&_code]:py-ds-01 [&_code]:text-ds-sm [&_a]:text-interactive [&_a]:underline", children: /* @__PURE__ */ e(j, { children: r }) })
-      ] }, i)) })
+        ) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: c("grid transition-[grid-template-rows] duration-200", o ? "grid-rows-[1fr]" : "grid-rows-[0fr]"), children: /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-03 border-t border-border px-ds-05b pb-ds-05b pt-ds-05", children: [
+        r.brief.map((d, b) => /* @__PURE__ */ s("div", { className: "flex items-start gap-ds-04", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: c("mt-ds-02b h-2 w-2 shrink-0 rounded-ds-full", y[b % y.length])
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "text-ds-md text-text-secondary [&_p]:mb-0 [&_strong]:font-semibold [&_code]:rounded [&_code]:bg-field [&_code]:px-1 [&_code]:py-ds-01 [&_code]:text-ds-sm [&_a]:text-interactive [&_a]:underline", children: /* @__PURE__ */ e(R, { children: d }) })
+        ] }, b)),
+        /* @__PURE__ */ s("div", { className: "mt-ds-02 text-ds-xs text-text-placeholder", children: [
+          "Generated ",
+          O(r.generatedAt)
+        ] })
+      ] }) }) })
     ] });
   }
 );
-G.displayName = "DailyBrief";
+$.displayName = "DailyBrief";
 export {
-  O as A,
-  G as D
+  G as A,
+  $ as D
 };

package/dist/dashboard/daily-brief.d.ts

@@ -6,6 +6,11 @@ export interface BriefData {
 export interface DailyBriefProps {
     data: BriefData | null;
     loading?: boolean;
+    onRefresh?: () => void;
+    unavailable?: boolean;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    title?: string;
     className?: string;
 }
 declare const DailyBrief: React.ForwardRefExoticComponent<DailyBriefProps & React.RefAttributes<HTMLDivElement>>;

package/dist/dashboard/daily-brief.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"daily-brief.d.ts","sourceRoot":"","sources":["../../src/dashboard/daily-brief.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,GAAG,IAAI,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAcD,QAAA,MAAM,UAAU,wFAqEf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"daily-brief.d.ts","sourceRoot":"","sources":["../../src/dashboard/daily-brief.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,GAAG,IAAI,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA+BD,QAAA,MAAM,UAAU,wFAkHf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/dashboard/index.d.ts

@@ -1,3 +1,5 @@
 export { AttendanceCTA, type AttendanceCTAProps } from './attendance-cta';
 export { DailyBrief, type BriefData, type DailyBriefProps } from './daily-brief';
+export { ScratchpadWidget, type ScratchpadItem, type ScratchpadWidgetProps } from './scratchpad-widget';
+export { SidebarScratchpad, type SidebarScratchpadProps } from './sidebar-scratchpad';
 //# sourceMappingURL=index.d.ts.map

package/dist/dashboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dashboard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACzE,OAAO,EAAE,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dashboard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACzE,OAAO,EAAE,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,gBAAgB,EAAE,KAAK,cAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AACvG,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/dashboard/index.js

@@ -1,6 +1,270 @@
 "use client";
-import { A as r, D as t } from "../_chunks/daily-brief.js";
+import { A as Q, D as V } from "../_chunks/daily-brief.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import * as I from "react";
+import { useState as v, useRef as W, useEffect as _ } from "react";
+import { IconX as $, IconChevronDown as B } from "@tabler/icons-react";
+import { cn as l } from "@devalok/shilp-sutra/ui/lib/utils";
+import { Checkbox as A } from "@devalok/shilp-sutra/ui/checkbox";
+import { Input as G } from "@devalok/shilp-sutra/ui/input";
+import { Button as M } from "@devalok/shilp-sutra/ui/button";
+const d = 20, w = 2, k = (d - w) / 2, D = 2 * Math.PI * k;
+function K({ count: h, max: a, allDone: n }) {
+  const i = a > 0 ? h / a : 0, o = D * (1 - i);
+  return /* @__PURE__ */ s("div", { className: l("relative flex items-center justify-center", n && "animate-[scale-pulse_300ms_ease-out]"), children: [
+    /* @__PURE__ */ s("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "-rotate-90", children: [
+      /* @__PURE__ */ e(
+        "circle",
+        {
+          cx: d / 2,
+          cy: d / 2,
+          r: k,
+          fill: "none",
+          strokeWidth: w,
+          className: "stroke-layer-02"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "circle",
+        {
+          cx: d / 2,
+          cy: d / 2,
+          r: k,
+          fill: "none",
+          strokeWidth: w,
+          strokeLinecap: "round",
+          strokeDasharray: D,
+          strokeDashoffset: o,
+          className: l(
+            "transition-all duration-300",
+            n ? "stroke-success" : "stroke-interactive"
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("span", { className: "absolute text-[8px] font-medium text-text-secondary", "data-testid": "progress-count", children: [
+      h,
+      "/",
+      a
+    ] })
+  ] });
+}
+const z = I.forwardRef(
+  function({
+    items: a,
+    maxItems: n = 5,
+    onToggle: i,
+    onAdd: o,
+    onDelete: f,
+    title: m = "My Scratchpad",
+    resetLabel: c,
+    emptyText: u = "Nothing here yet. Add a task!",
+    emptyIcon: r,
+    loading: g = !1,
+    className: S
+  }, R) {
+    const [p, y] = v(!1), [N, x] = v(""), b = W(null), j = a.length > 0 && a.every((t) => t.done);
+    _(() => {
+      p && b.current && b.current.focus();
+    }, [p]);
+    function C() {
+      const t = N.trim();
+      t && (o(t), x(""));
+    }
+    function E(t) {
+      t.key === "Enter" ? (t.preventDefault(), C()) : t.key === "Escape" && (y(!1), x(""));
+    }
+    return g ? /* @__PURE__ */ s(
+      "div",
+      {
+        ref: R,
+        className: l(
+          "flex flex-col gap-ds-04 rounded-ds-2xl border border-border bg-layer-01 shadow-01 p-ds-05b",
+          S
+        ),
+        children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ e("div", { className: "h-4 w-28 animate-pulse rounded bg-layer-02" }),
+            /* @__PURE__ */ e("div", { className: "h-5 w-5 animate-pulse rounded-full bg-layer-02" })
+          ] }),
+          [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-layer-02" }),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "h-4 animate-pulse rounded bg-layer-02",
+                style: { width: `${50 + t * 12}%` }
+              }
+            )
+          ] }, t))
+        ]
+      }
+    ) : /* @__PURE__ */ s(
+      "div",
+      {
+        ref: R,
+        className: l(
+          "flex flex-col rounded-ds-2xl border border-border bg-layer-01 shadow-01",
+          S
+        ),
+        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-text-primary", children: m }),
+            /* @__PURE__ */ e(K, { count: a.length, max: n, allDone: j })
+          ] }),
+          /* @__PURE__ */ s("div", { className: "flex flex-col border-t border-border px-ds-05b pb-ds-04 pt-ds-04", children: [
+            a.length === 0 && !p ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-ds-03 py-ds-06 text-center", children: [
+              r && /* @__PURE__ */ e(r, { className: "h-ico-lg w-ico-lg text-text-placeholder" }),
+              /* @__PURE__ */ e("span", { className: "text-ds-md text-text-placeholder", children: u })
+            ] }) : /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-02b", children: a.map((t) => /* @__PURE__ */ s(
+              "div",
+              {
+                className: "group flex items-center gap-ds-03 rounded-ds-md px-ds-02 py-ds-02 transition-colors hover:bg-layer-02",
+                children: [
+                  /* @__PURE__ */ e(
+                    A,
+                    {
+                      checked: t.done,
+                      onCheckedChange: (T) => i(t.id, T === !0),
+                      "aria-label": `Toggle ${t.text}`
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: l(
+                        "flex-1 text-ds-md transition-all duration-200 ease-in-out",
+                        t.done && "text-text-placeholder line-through"
+                      ),
+                      children: t.text
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => f(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-layer-03",
+                      children: /* @__PURE__ */ e($, { className: "h-3 w-3 text-text-placeholder" })
+                    }
+                  )
+                ]
+              },
+              t.id
+            )) }),
+            a.length < n && /* @__PURE__ */ e("div", { className: "mt-ds-02b", children: p ? /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
+              /* @__PURE__ */ e(
+                G,
+                {
+                  ref: b,
+                  size: "sm",
+                  value: N,
+                  onChange: (t) => x(t.target.value),
+                  onKeyDown: E,
+                  onBlur: () => {
+                    N.trim() || (y(!1), x(""));
+                  },
+                  placeholder: "What needs doing?",
+                  className: "flex-1"
+                }
+              ),
+              /* @__PURE__ */ e(
+                M,
+                {
+                  size: "sm",
+                  onClick: C,
+                  onMouseDown: (t) => t.preventDefault(),
+                  children: "Add"
+                }
+              )
+            ] }) : /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: () => y(!0),
+                className: "w-full rounded-ds-md px-ds-02 py-ds-02 text-left text-ds-md text-text-placeholder transition-colors hover:bg-layer-02",
+                children: "+ Add a task..."
+              }
+            ) }),
+            c && /* @__PURE__ */ e("span", { className: "mt-ds-03 text-ds-xs text-text-placeholder", children: c })
+          ] })
+        ]
+      }
+    );
+  }
+);
+z.displayName = "ScratchpadWidget";
+const O = I.forwardRef(
+  function({ items: a, onToggle: n, defaultOpen: i = !0, badgeCount: o, className: f }, m) {
+    const [c, u] = v(i);
+    return /* @__PURE__ */ s("div", { ref: m, className: l("flex flex-col", f), children: [
+      /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          onClick: () => u((r) => !r),
+          "aria-expanded": c,
+          className: "flex w-full items-center gap-ds-02 px-ds-03 py-ds-02 text-left text-ds-xs font-semibold text-text-secondary transition-colors hover:bg-layer-02",
+          children: [
+            /* @__PURE__ */ e(
+              B,
+              {
+                className: l(
+                  "h-3.5 w-3.5 shrink-0 transition-transform duration-200",
+                  !c && "-rotate-180"
+                )
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "flex-1", children: "Scratchpad" }),
+            o != null && o > 0 && /* @__PURE__ */ e("span", { className: "rounded-full bg-layer-02 px-1.5 text-ds-xs text-text-secondary", children: o })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: l(
+            "grid transition-[grid-template-rows] duration-200",
+            c ? "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((r) => /* @__PURE__ */ s(
+            "label",
+            {
+              className: "flex cursor-pointer items-center gap-ds-02 rounded-ds-sm px-ds-02 py-0.5 transition-colors hover:bg-layer-02",
+              children: [
+                /* @__PURE__ */ e(
+                  A,
+                  {
+                    checked: r.done,
+                    onCheckedChange: (g) => n(r.id, g === !0),
+                    "aria-label": `Toggle ${r.text}`,
+                    className: "h-3.5 w-3.5"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: l(
+                      "flex-1 text-xs transition-all duration-200",
+                      r.done ? "text-text-placeholder line-through" : "text-text-primary"
+                    ),
+                    children: r.text
+                  }
+                )
+              ]
+            },
+            r.id
+          )) }) })
+        }
+      )
+    ] });
+  }
+);
+O.displayName = "SidebarScratchpad";
 export {
-  r as AttendanceCTA,
-  t as DailyBrief
+  Q as AttendanceCTA,
+  V as DailyBrief,
+  z as ScratchpadWidget,
+  O as SidebarScratchpad
 };

package/dist/dashboard/scratchpad-widget.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+export interface ScratchpadItem {
+    id: string;
+    text: string;
+    done: boolean;
+}
+export interface ScratchpadWidgetProps {
+    items: ScratchpadItem[];
+    maxItems?: number;
+    onToggle: (id: string, done: boolean) => void;
+    onAdd: (text: string) => void;
+    onDelete: (id: string) => void;
+    onReorder?: (items: ScratchpadItem[]) => void;
+    title?: string;
+    resetLabel?: string;
+    emptyText?: string;
+    emptyIcon?: React.ComponentType<{
+        className?: string;
+    }>;
+    loading?: boolean;
+    className?: string;
+}
+declare const ScratchpadWidget: React.ForwardRefExoticComponent<ScratchpadWidgetProps & React.RefAttributes<HTMLDivElement>>;
+export { ScratchpadWidget };
+//# sourceMappingURL=scratchpad-widget.d.ts.map

package/dist/dashboard/scratchpad-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scratchpad-widget.d.ts","sourceRoot":"","sources":["../../src/dashboard/scratchpad-widget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,OAAO,CAAA;CACd;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7C,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACvD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAoDD,QAAA,MAAM,gBAAgB,8FAiLrB,CAAA;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/dashboard/sidebar-scratchpad.d.ts

@@ -0,0 +1,12 @@
+import { ScratchpadItem } from './scratchpad-widget';
+import * as React from 'react';
+export interface SidebarScratchpadProps {
+    items: ScratchpadItem[];
+    onToggle: (id: string, done: boolean) => void;
+    defaultOpen?: boolean;
+    badgeCount?: number;
+    className?: string;
+}
+declare const SidebarScratchpad: React.ForwardRefExoticComponent<SidebarScratchpadProps & React.RefAttributes<HTMLDivElement>>;
+export { SidebarScratchpad };
+//# sourceMappingURL=sidebar-scratchpad.d.ts.map

package/dist/dashboard/sidebar-scratchpad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-scratchpad.d.ts","sourceRoot":"","sources":["../../src/dashboard/sidebar-scratchpad.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAMzD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD,QAAA,MAAM,iBAAiB,+FAkEtB,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devalok/shilp-sutra-karm",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Domain components for Karm — board, tasks, chat, dashboard, client, and admin",
   "license": "MIT",
   "type": "module",