@devalok/shilp-sutra-karm 0.19.0 → 0.20.0

package/dist/tasks/index.js

@@ -5,7 +5,7 @@ import { cn as p } from "@devalok/shilp-sutra/ui/lib/utils";
 import { Tabs as J, TabsList as ee, TabsTrigger as se, TabsContent as te } from "@devalok/shilp-sutra/ui";
 import { Skeleton as v } from "@devalok/shilp-sutra/ui/skeleton";
 import { P as ae } from "../_chunks/task-detail-panel.js";
-import { b as We, A as qe, c as ze, C as Qe, d as Ue, e as Xe, f as Ze, F as Je, M as es, g as ss, h as ts, i as as, j as rs, k as ns, R as cs, l as is, m as ls, n as os, o as ds, S as us, T as fs, a as ms, V as ps } from "../_chunks/task-detail-panel.js";
+import { c as We, A as qe, d as ze, C as Qe, e as Ue, f as Xe, g as Ze, F as Je, M as es, h as ss, i as ts, j as as, k as rs, l as ns, R as cs, m as is, n as ls, o as os, p as ds, S as us, T as fs, a as ms, b as ps, V as gs } from "../_chunks/task-detail-panel.js";
 import { Avatar as M, AvatarImage as O, AvatarFallback as A } from "@devalok/shilp-sutra/ui/avatar";
 import { MemberPicker as _ } from "@devalok/shilp-sutra/composed/member-picker";
 import { getInitials as L } from "@devalok/shilp-sutra/composed/lib/string-utils";
@@ -393,7 +393,7 @@ function De() {
   const r = /* @__PURE__ */ new Date(), s = r.getDay(), n = s === 0 ? 1 : 8 - s, l = new Date(r);
   return l.setDate(r.getDate() + n), l;
 }
-function S(r) {
+function R(r) {
   const s = /* @__PURE__ */ new Date();
   return s.setDate(s.getDate() + r), s;
 }
@@ -453,7 +453,7 @@ const Ie = i.forwardRef(
                     "button",
                     {
                       type: "button",
-                      onClick: () => a(S(1)),
+                      onClick: () => a(R(1)),
                       className: "rounded-ds-md px-ds-03 py-ds-02 text-left text-ds-sm text-surface-fg transition-colors hover:bg-surface-3",
                       children: "Tomorrow"
                     }
@@ -471,7 +471,7 @@ const Ie = i.forwardRef(
                     "button",
                     {
                       type: "button",
-                      onClick: () => a(S(7)),
+                      onClick: () => a(R(7)),
                       className: "rounded-ds-md px-ds-03 py-ds-02 text-left text-ds-sm text-surface-fg transition-colors hover:bg-surface-3",
                       children: "+7 days"
                     }
@@ -480,7 +480,7 @@ const Ie = i.forwardRef(
                     "button",
                     {
                       type: "button",
-                      onClick: () => a(S(14)),
+                      onClick: () => a(R(14)),
                       className: "rounded-ds-md px-ds-03 py-ds-02 text-left text-ds-sm text-surface-fg transition-colors hover:bg-surface-3",
                       children: "+14 days"
                     }
@@ -514,7 +514,7 @@ const Ie = i.forwardRef(
   }
 );
 Ie.displayName = "TaskDatePicker";
-const Se = i.forwardRef(
+const Re = i.forwardRef(
   function({ value: s, onChange: n, availableLabels: l = [], readOnly: f, className: u }, h) {
     const [o, t] = i.useState(""), [m, g] = i.useState(!1), [a, k] = i.useState(!1), x = i.useRef(null), y = i.useRef(!1), N = i.useMemo(() => {
       const d = /* @__PURE__ */ new Map();
@@ -636,8 +636,8 @@ const Se = i.forwardRef(
     ] });
   }
 );
-Se.displayName = "TaskLabelEditor";
-const R = [
+Re.displayName = "TaskLabelEditor";
+const S = [
   {
     value: "INTERNAL",
     icon: oe,
@@ -650,9 +650,9 @@ const R = [
     label: "Everyone",
     description: "Visible to clients"
   }
-], Re = i.forwardRef(
+], Se = i.forwardRef(
   function({ value: s, onChange: n, confirmOnPublic: l, readOnly: f, className: u }, h) {
-    const [o, t] = i.useState(!1), [m, g] = i.useState(!1), a = R.find((N) => N.value === s) ?? R[0], k = a.icon, x = (N) => {
+    const [o, t] = i.useState(!1), [m, g] = i.useState(!1), a = S.find((N) => N.value === s) ?? S[0], k = a.icon, x = (N) => {
       if (N === s) {
         t(!1);
         return;
@@ -692,7 +692,7 @@ const R = [
             className: "w-[220px] border-surface-border-strong bg-surface-1 p-ds-02",
             align: "start",
             sideOffset: 4,
-            children: R.map((N) => {
+            children: S.map((N) => {
               const w = N.icon;
               return /* @__PURE__ */ c(
                 "button",
@@ -732,7 +732,7 @@ const R = [
     ] });
   }
 );
-Re.displayName = "TaskVisibilityPicker";
+Se.displayName = "TaskVisibilityPicker";
 export {
   We as ActivityEntry,
   qe as ActivityTab,
@@ -754,15 +754,16 @@ export {
   os as SubtaskList,
   ds as SubtaskProgress,
   us as SubtasksTab,
+  fs as TaskActionRow,
   Te as TaskAssigneePicker,
   Ne as TaskColumnPicker,
   Ie as TaskDatePicker,
-  fs as TaskDetailPanel,
-  Se as TaskLabelEditor,
+  ms as TaskDetailPanel,
+  Re as TaskLabelEditor,
   ve as TaskMemberPicker,
   Ke as TaskPanel,
   we as TaskPriorityPicker,
-  ms as TaskProperties,
-  Re as TaskVisibilityPicker,
-  ps as VisibilityWarning
+  ps as TaskProperties,
+  Se as TaskVisibilityPicker,
+  gs as VisibilityWarning
 };

package/dist/tasks/task-action-row/index.d.ts

@@ -0,0 +1,3 @@
+"use client";
+export { TaskActionRow, type TaskActionRowProps, type TaskActionRowTask, type TaskActionRowContextValue, type TaskActionRowRootProps, type TaskActionRowCheckboxProps, type TaskActionRowTitleProps, type TaskActionRowLabelsProps, type TaskActionRowProjectBadgeProps, type TaskActionRowNavigateProps, } from './task-action-row';
+//# sourceMappingURL=index.d.ts.map

package/dist/tasks/task-action-row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tasks/task-action-row/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAC9B,KAAK,sBAAsB,EAC3B,KAAK,0BAA0B,EAC/B,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,KAAK,8BAA8B,EACnC,KAAK,0BAA0B,GAChC,MAAM,mBAAmB,CAAA"}

package/dist/tasks/task-action-row/task-action-row-checkbox.d.ts

@@ -0,0 +1,8 @@
+"use client";
+import * as React from 'react';
+export interface TaskActionRowCheckboxProps {
+    onComplete?: (taskId: string) => void | Promise<void>;
+}
+declare const TaskActionRowCheckbox: React.ForwardRefExoticComponent<TaskActionRowCheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export { TaskActionRowCheckbox };
+//# sourceMappingURL=task-action-row-checkbox.d.ts.map

package/dist/tasks/task-action-row/task-action-row-checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-action-row-checkbox.d.ts","sourceRoot":"","sources":["../../../src/tasks/task-action-row/task-action-row-checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,0BAA0B;IACzC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACtD;AAED,QAAA,MAAM,qBAAqB,sGAoC1B,CAAA;AAGD,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/tasks/task-action-row/task-action-row-context.d.ts

@@ -0,0 +1,21 @@
+"use client";
+import { Priority } from '../task-types';
+import * as React from 'react';
+export interface TaskActionRowTask {
+    id: string;
+    title: string;
+    priority: Priority;
+    dueDate?: string | null;
+    projectName?: string;
+    projectId?: string;
+    stage?: string;
+    isOverdue?: boolean;
+    labels?: string[];
+}
+export interface TaskActionRowContextValue {
+    task: TaskActionRowTask;
+}
+declare const TaskActionRowContext: React.Context<TaskActionRowContextValue | null>;
+export declare function useTaskActionRow(): TaskActionRowContextValue;
+export { TaskActionRowContext };
+//# sourceMappingURL=task-action-row-context.d.ts.map

package/dist/tasks/task-action-row/task-action-row-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-action-row-context.d.ts","sourceRoot":"","sources":["../../../src/tasks/task-action-row/task-action-row-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,iBAAiB,CAAA;CACxB;AAED,QAAA,MAAM,oBAAoB,iDAA8D,CAAA;AAExF,wBAAgB,gBAAgB,IAAI,yBAAyB,CAM5D;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/tasks/task-action-row/task-action-row-due-date.d.ts

@@ -0,0 +1,5 @@
+"use client";
+import * as React from 'react';
+declare const TaskActionRowDueDate: React.ForwardRefExoticComponent<Omit<Record<string, never>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { TaskActionRowDueDate };
+//# sourceMappingURL=task-action-row-due-date.d.ts.map

package/dist/tasks/task-action-row/task-action-row-due-date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-action-row-due-date.d.ts","sourceRoot":"","sources":["../../../src/tasks/task-action-row/task-action-row-due-date.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B,QAAA,MAAM,oBAAoB,4GAuBzB,CAAA;AAGD,OAAO,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/tasks/task-action-row/task-action-row-labels.d.ts

@@ -0,0 +1,8 @@
+"use client";
+import * as React from 'react';
+export interface TaskActionRowLabelsProps {
+    max?: number;
+}
+declare const TaskActionRowLabels: React.ForwardRefExoticComponent<TaskActionRowLabelsProps & React.RefAttributes<HTMLDivElement>>;
+export { TaskActionRowLabels };
+//# sourceMappingURL=task-action-row-labels.d.ts.map

package/dist/tasks/task-action-row/task-action-row-labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-action-row-labels.d.ts","sourceRoot":"","sources":["../../../src/tasks/task-action-row/task-action-row-labels.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,wBAAwB;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,QAAA,MAAM,mBAAmB,iGAwBxB,CAAA;AAGD,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/tasks/task-action-row/task-action-row-navigate.d.ts

@@ -0,0 +1,9 @@
+"use client";
+import * as React from 'react';
+export interface TaskActionRowNavigateProps {
+    href?: string;
+    onClick?: (e: React.MouseEvent) => void;
+}
+declare const TaskActionRowNavigate: React.ForwardRefExoticComponent<TaskActionRowNavigateProps & React.RefAttributes<HTMLButtonElement>>;
+export { TaskActionRowNavigate };
+//# sourceMappingURL=task-action-row-navigate.d.ts.map

package/dist/tasks/task-action-row/task-action-row-navigate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-action-row-navigate.d.ts","sourceRoot":"","sources":["../../../src/tasks/task-action-row/task-action-row-navigate.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,0BAA0B;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CACxC;AAED,QAAA,MAAM,qBAAqB,sGA0B1B,CAAA;AAGD,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/tasks/task-action-row/task-action-row-priority.d.ts

@@ -0,0 +1,5 @@
+"use client";
+import * as React from 'react';
+declare const TaskActionRowPriority: React.ForwardRefExoticComponent<Omit<Record<string, never>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { TaskActionRowPriority };
+//# sourceMappingURL=task-action-row-priority.d.ts.map

package/dist/tasks/task-action-row/task-action-row-priority.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-action-row-priority.d.ts","sourceRoot":"","sources":["../../../src/tasks/task-action-row/task-action-row-priority.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,qBAAqB,2GAY1B,CAAA;AAGD,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/tasks/task-action-row/task-action-row-project-badge.d.ts

@@ -0,0 +1,8 @@
+"use client";
+import * as React from 'react';
+export interface TaskActionRowProjectBadgeProps {
+    onClick?: (e: React.MouseEvent) => void;
+}
+declare const TaskActionRowProjectBadge: React.ForwardRefExoticComponent<TaskActionRowProjectBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export { TaskActionRowProjectBadge };
+//# sourceMappingURL=task-action-row-project-badge.d.ts.map

package/dist/tasks/task-action-row/task-action-row-project-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-action-row-project-badge.d.ts","sourceRoot":"","sources":["../../../src/tasks/task-action-row/task-action-row-project-badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,8BAA8B;IAC7C,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CACxC;AAED,QAAA,MAAM,yBAAyB,wGA6B9B,CAAA;AAGD,OAAO,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/tasks/task-action-row/task-action-row-root.d.ts

@@ -0,0 +1,14 @@
+"use client";
+import { TaskActionRowTask } from './task-action-row-context';
+import * as React from 'react';
+export interface TaskActionRowRootProps {
+    task: TaskActionRowTask;
+    children: React.ReactNode;
+    onClick?: () => void;
+    onContextMenu?: (e: React.MouseEvent) => void;
+    showSeparator?: boolean;
+    className?: string;
+}
+declare const TaskActionRowRoot: React.ForwardRefExoticComponent<TaskActionRowRootProps & React.RefAttributes<HTMLDivElement>>;
+export { TaskActionRowRoot };
+//# sourceMappingURL=task-action-row-root.d.ts.map

package/dist/tasks/task-action-row/task-action-row-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-action-row-root.d.ts","sourceRoot":"","sources":["../../../src/tasks/task-action-row/task-action-row-root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAwB,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAExF,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,iBAAiB,CAAA;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,iBAAiB,+FAiCtB,CAAA;AAGD,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/tasks/task-action-row/task-action-row-status-badge.d.ts

@@ -0,0 +1,5 @@
+"use client";
+import * as React from 'react';
+declare const TaskActionRowStatusBadge: React.ForwardRefExoticComponent<Omit<Record<string, never>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { TaskActionRowStatusBadge };
+//# sourceMappingURL=task-action-row-status-badge.d.ts.map

package/dist/tasks/task-action-row/task-action-row-status-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-action-row-status-badge.d.ts","sourceRoot":"","sources":["../../../src/tasks/task-action-row/task-action-row-status-badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,QAAA,MAAM,wBAAwB,4GAoB7B,CAAA;AAGD,OAAO,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/tasks/task-action-row/task-action-row-title.d.ts

@@ -0,0 +1,9 @@
+"use client";
+import * as React from 'react';
+export interface TaskActionRowTitleProps {
+    truncate?: boolean;
+    className?: string;
+}
+declare const TaskActionRowTitle: React.ForwardRefExoticComponent<TaskActionRowTitleProps & React.RefAttributes<HTMLSpanElement>>;
+export { TaskActionRowTitle };
+//# sourceMappingURL=task-action-row-title.d.ts.map

package/dist/tasks/task-action-row/task-action-row-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-action-row-title.d.ts","sourceRoot":"","sources":["../../../src/tasks/task-action-row/task-action-row-title.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,kBAAkB,iGAiBvB,CAAA;AAGD,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/tasks/task-action-row/task-action-row.d.ts

@@ -0,0 +1,48 @@
+"use client";
+import { TaskActionRowRootProps } from './task-action-row-root';
+import { TaskActionRowCheckboxProps } from './task-action-row-checkbox';
+import { TaskActionRowTitleProps } from './task-action-row-title';
+import { TaskActionRowLabelsProps } from './task-action-row-labels';
+import { TaskActionRowProjectBadgeProps } from './task-action-row-project-badge';
+import { TaskActionRowNavigateProps } from './task-action-row-navigate';
+import { TaskActionRowTask } from './task-action-row-context';
+import * as React from 'react';
+export interface TaskActionRowProps {
+    task: TaskActionRowTask;
+    onClick?: () => void;
+    onComplete?: (taskId: string) => void | Promise<void>;
+    onContextMenu?: (e: React.MouseEvent) => void;
+    showCheckbox?: boolean;
+    showPriority?: boolean;
+    showLabels?: boolean;
+    showProject?: boolean;
+    showDueDate?: boolean;
+    showNavigate?: boolean;
+    showStatusBadge?: boolean;
+    truncateTitle?: boolean;
+    showSeparator?: boolean;
+    maxLabels?: number;
+    navigateHref?: string;
+    onProjectClick?: (e: React.MouseEvent) => void;
+    onNavigateClick?: (e: React.MouseEvent) => void;
+    className?: string;
+}
+export declare const TaskActionRow: React.ForwardRefExoticComponent<TaskActionRowProps & React.RefAttributes<HTMLDivElement>> & {
+    Root: React.ForwardRefExoticComponent<TaskActionRowRootProps & React.RefAttributes<HTMLDivElement>>;
+    Checkbox: React.ForwardRefExoticComponent<TaskActionRowCheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+    Priority: React.ForwardRefExoticComponent<Omit<Record<string, never>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<TaskActionRowTitleProps & React.RefAttributes<HTMLSpanElement>>;
+    Labels: React.ForwardRefExoticComponent<TaskActionRowLabelsProps & React.RefAttributes<HTMLDivElement>>;
+    ProjectBadge: React.ForwardRefExoticComponent<TaskActionRowProjectBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+    DueDate: React.ForwardRefExoticComponent<Omit<Record<string, never>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    StatusBadge: React.ForwardRefExoticComponent<Omit<Record<string, never>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Navigate: React.ForwardRefExoticComponent<TaskActionRowNavigateProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export type { TaskActionRowTask, TaskActionRowContextValue, } from './task-action-row-context';
+export type { TaskActionRowRootProps };
+export type { TaskActionRowCheckboxProps };
+export type { TaskActionRowTitleProps };
+export type { TaskActionRowLabelsProps };
+export type { TaskActionRowProjectBadgeProps };
+export type { TaskActionRowNavigateProps };
+//# sourceMappingURL=task-action-row.d.ts.map

package/dist/tasks/task-action-row/task-action-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-action-row.d.ts","sourceRoot":"","sources":["../../../src/tasks/task-action-row/task-action-row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AACvF,OAAO,EAAyB,KAAK,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAEnG,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAC1F,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAC7F,OAAO,EAA6B,KAAK,8BAA8B,EAAE,MAAM,iCAAiC,CAAA;AAGhH,OAAO,EAAyB,KAAK,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AACnG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAMlE,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,iBAAiB,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACrD,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC9C,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAqDD,eAAO,MAAM,aAAa;;;;;;;;;;CAUxB,CAAA;AAGF,YAAY,EACV,iBAAiB,EACjB,yBAAyB,GAC1B,MAAM,2BAA2B,CAAA;AAClC,YAAY,EAAE,sBAAsB,EAAE,CAAA;AACtC,YAAY,EAAE,0BAA0B,EAAE,CAAA;AAC1C,YAAY,EAAE,uBAAuB,EAAE,CAAA;AACvC,YAAY,EAAE,wBAAwB,EAAE,CAAA;AACxC,YAAY,EAAE,8BAA8B,EAAE,CAAA;AAC9C,YAAY,EAAE,0BAA0B,EAAE,CAAA"}

package/dist/tasks/task-detail-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"task-detail-panel.d.ts","sourceRoot":"","sources":["../../src/tasks/task-detail-panel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"task-detail-panel.d.ts","sourceRoot":"","sources":["../../src/tasks/task-detail-panel.tsx"],"names":[],"mappings":"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"}

package/docs/components/dashboard/project-health-card.md

@@ -0,0 +1,90 @@
+# ProjectHealthCard
+
+Props-driven card showing project completion progress, status badge, sparkline trend, and context line.
+
+- Import: @devalok/shilp-sutra-karm/dashboard
+- Server-safe: No
+- Category: dashboard
+
+## Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| project | ProjectHealthData | REQUIRED | Project data object |
+| onClick | () => void | — | Makes card clickable with hover state and keyboard activation |
+| loading | boolean | false | Shows skeleton placeholder when true |
+| className | string | — | Additional CSS classes |
+
+## Related Types
+
+```typescript
+interface ProjectHealthData {
+  id: string
+  name: string
+  completed: number
+  total: number
+  overdue?: number
+  urgent?: number
+  contextLine?: string
+  /** 7 values (0-1) for sparkline trend chart */
+  trend?: number[]
+}
+```
+
+## Status Badge Severity
+
+| Condition | Badge |
+|-----------|-------|
+| urgent > 0 | `solid` / `error` — "{urgent} urgent" |
+| overdue > 0 (no urgent) | `subtle` / `warning` — "{overdue} overdue" |
+| neither | `subtle` / `success` — "on track" |
+
+## Progress Bar Color
+
+| Percentage | Color |
+|------------|-------|
+| > 75% | success |
+| 25%–75% | warning |
+| < 25% | error |
+
+## Sparkline
+
+- Rendered as an inline SVG (48x20) when `trend` has >= 2 values
+- Uses Catmull-Rom spline interpolation for smooth curves
+- Color determined by comparing average of first 3 vs last 3 values:
+  - Improving (diff > 0.05): success stroke/fill
+  - Declining (diff < -0.05): error stroke/fill
+  - Flat: warning stroke/fill
+- Fewer than 6 data points always renders warning color
+
+## Defaults
+    loading=false
+
+## Example
+
+```tsx
+<ProjectHealthCard
+  project={{
+    id: 'proj-1',
+    name: 'Website Redesign',
+    completed: 12,
+    total: 20,
+    overdue: 3,
+    contextLine: 'Sprint 4 of 6',
+    trend: [0.3, 0.4, 0.5, 0.55, 0.6, 0.65, 0.7],
+  }}
+  onClick={() => navigateToProject('proj-1')}
+/>
+```
+
+## Gotchas
+- Extends `Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>` — native onClick is replaced by the typed onClick prop
+- When `onClick` is provided, the card gets `role="button"`, `tabIndex={0}`, and keyboard activation (Enter/Space)
+- When `onClick` is provided, the card uses `whileTap={{ scale: 0.98 }}` for press feedback
+- `loading=true` renders a skeleton with no project data — use for async loading states
+- The sparkline is `aria-hidden="true"` — it is decorative only
+- `contextLine` and overdue count are combined in a third row separated by a middot
+
+## Changes
+### v0.20.0
+- **Added** Initial release — project health card with progress bar, status badge, sparkline, and loading skeleton

package/docs/components/dashboard/scratchpad-widget.md

@@ -10,6 +10,9 @@
     onToggle: (id: string, done: boolean) => void (REQUIRED)
     onAdd: (text: string) => void (REQUIRED)
     onDelete: (id: string) => void (REQUIRED)
+    onEdit: (id: string, text: string) => void — enables inline editing (double-click)
+    onReorder: (items: ScratchpadItem[]) => void — enables drag-to-reorder via @dnd-kit
+    onPromote: (id: string) => void — enables promote-to-task button on items
     title: string (default: "My Scratchpad")
     resetLabel: string
     emptyText: string (default: "Nothing here yet. Add a task!")
@@ -30,6 +33,9 @@
   onToggle={(id, done) => toggleItem(id, done)}
   onAdd={(text) => addItem(text)}
   onDelete={(id) => deleteItem(id)}
+  onEdit={(id, text) => editItem(id, text)}
+  onReorder={(items) => reorderItems(items)}
+  onPromote={(id) => promoteToTask(id)}
   maxItems={5}
 />
 ```
@@ -46,7 +52,18 @@
 - resetLabel renders as footer text below the item list (e.g., "Resets daily at midnight")
 - When loading=true, shows a shimmer skeleton placeholder
 - Uses framer-motion AnimatePresence for item enter/exit animations
+- Internally uses the composable Scratchpad compound component — see scratchpad.md for details
+- onEdit, onReorder, onPromote are optional; features auto-enable when callbacks are provided
+- onEdit: double-click item text to enter inline edit mode; Enter confirms, Escape cancels
+- onReorder: items become draggable with @dnd-kit; drag handle appears on hover
+- onPromote: arrow-up button appears on each item on hover
 
 ## Changes
+### v0.20.0
+- **Added** `onEdit` prop — inline editing via double-click
+- **Added** `onReorder` prop — drag-to-reorder via @dnd-kit
+- **Added** `onPromote` prop — promote-to-task button on items
+- **Changed** Internally rebuilt on composable Scratchpad compound component
+
 ### v0.18.0
 - **Added** Initial release

package/docs/components/dashboard/scratchpad.md

@@ -0,0 +1,151 @@
+# Scratchpad (Composable)
+
+Compound component for building custom scratchpad UIs with drag-to-reorder, inline editing, promote-to-task, and filter completed toggle.
+
+- Import: @devalok/shilp-sutra-karm/dashboard
+- Server-safe: No
+- Category: dashboard
+
+## Compound Parts
+
+| Part | Description |
+|------|-------------|
+| `Scratchpad.Root` | Context provider + layout div. All other parts must be children. |
+| `Scratchpad.Header` | Title bar with optional children slot (e.g. ProgressRing, FilterToggle) |
+| `Scratchpad.List` | Item list with optional @dnd-kit drag-to-reorder and AnimatePresence |
+| `Scratchpad.Item` | Single item row: checkbox, text, inline edit, drag handle, promote/delete buttons |
+| `Scratchpad.AddInput` | "Add a task" trigger that expands to an inline input + Add button |
+| `Scratchpad.EmptyState` | Empty placeholder shown when visibleItems is empty |
+| `Scratchpad.ProgressRing` | SVG ring showing items.length / maxItems with completion pulse |
+| `Scratchpad.FilterToggle` | Eye icon button toggling show/hide completed items |
+| `Scratchpad.Collapse` | Collapsible section with chevron header, CSS grid-rows transition, badge count |
+
+## Props (Root)
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| items | ScratchpadItem[] | REQUIRED | Full item list |
+| onToggle | (id: string, done: boolean) => void | REQUIRED | Toggle item completion |
+| onAdd | (text: string) => void | — | Enables AddInput when provided |
+| onDelete | (id: string) => void | — | Enables delete button on items |
+| onEdit | (id: string, text: string) => void | — | Enables inline editing (double-click) |
+| onReorder | (items: ScratchpadItem[]) => void | — | Enables drag-to-reorder via @dnd-kit |
+| onPromote | (id: string) => void | — | Enables promote-to-task button on items |
+| maxItems | number | 20 | Maximum item count; AddInput hides when reached |
+| defaultShowCompleted | boolean | true | Initial filter toggle state |
+| className | string | — | Additional CSS classes |
+
+## Props (Header)
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| title | string | "Scratchpad" | Header title text |
+| children | ReactNode | — | Slot for ProgressRing, FilterToggle, etc. |
+
+## Props (List)
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| compact | boolean | false | Compact layout passed to each item |
+
+## Props (Item)
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| item | ScratchpadItem | REQUIRED | The item data |
+| compact | boolean | false | Compact sizing |
+| sortable | boolean | false | Whether dnd-kit drag is active |
+
+## Props (AddInput)
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| placeholder | string | "What needs doing?" | Input placeholder |
+| triggerLabel | string | "+ Add a task..." | Button label before expanding |
+
+## Props (EmptyState)
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| icon | React.ComponentType<{ className?: string }> | — | Icon shown above message |
+| message | string | "Nothing here yet. Add a task!" | Empty state text |
+
+## Props (ProgressRing)
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| size | "sm" \| "md" | "md" | Ring diameter: sm=16px, md=20px |
+
+## Props (FilterToggle)
+
+No custom props. Extends `Omit<ButtonHTMLAttributes, 'children'>`.
+
+## Props (Collapse)
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| label | string | "Scratchpad" | Header label text |
+| defaultOpen | boolean | true | Whether expanded initially |
+| badgeCount | number | — | Badge pill count in header (hidden when 0 or undefined) |
+| headerClassName | string | — | Override header text styling |
+
+## Related Types
+
+```typescript
+interface ScratchpadItem {
+  id: string
+  text: string
+  done: boolean
+}
+```
+
+## Context-Driven Feature Visibility
+
+Features auto-enable based on which callbacks are provided to Root:
+
+| Callback | Enables |
+|----------|---------|
+| onAdd | AddInput component renders |
+| onDelete | Delete (X) button on each item |
+| onEdit | Double-click inline editing on items |
+| onReorder | Drag handles + @dnd-kit SortableContext on List |
+| onPromote | Promote (arrow-up) button on each item |
+
+## Example
+
+```tsx
+<Scratchpad.Root
+  items={items}
+  onToggle={toggle}
+  onAdd={add}
+  onDelete={del}
+  onEdit={edit}
+  onReorder={reorder}
+  onPromote={promote}
+>
+  <Scratchpad.Header title="My Scratchpad">
+    <Scratchpad.FilterToggle />
+    <Scratchpad.ProgressRing />
+  </Scratchpad.Header>
+  <Scratchpad.EmptyState />
+  <Scratchpad.List />
+  <Scratchpad.AddInput />
+</Scratchpad.Root>
+```
+
+## Gotchas
+- All sub-components must be inside `Scratchpad.Root` — they use React context
+- Root extends `Omit<HTMLDivElement, 'onToggle'>` to avoid conflict with native onToggle
+- Drag-to-reorder uses @dnd-kit with PointerSensor (5px activation distance) and KeyboardSensor
+- When sortable, List does NOT render `role="list"` because dnd-kit adds `role="button"` to items
+- Inline editing activates on double-click; Enter confirms, Escape cancels, blur confirms
+- AddInput auto-hides when items.length >= maxItems
+- EmptyState auto-hides when visibleItems.length > 0
+- FilterToggle shows IconEye when completed shown, IconEyeOff when hidden
+- ProgressRing pulses (scale animation) when all items are done
+- Items animate in/out with framer-motion (opacity + x slide)
+- Collapse uses CSS `grid-template-rows` transition for smooth open/close
+
+## Changes
+### v0.20.0
+- **Added** Initial release — 9-part composable scratchpad: Root, Header, List, Item, AddInput, EmptyState, ProgressRing, FilterToggle, Collapse