@burdenoff/planmagnet-fe-sdk 2026.706.5 → 2026.706.7

package/dist/index.js

@@ -6,12 +6,13 @@ import { onError } from '@apollo/client/link/error';
 import { CombinedGraphQLErrors } from '@apollo/client/errors';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { gql } from '@apollo/client';
-import { CircleX, CircleCheckBig, CircleDotDashed, CircleDot, Circle, CircleDashed, User, Link2, CalendarDays, ChevronUp, ChevronDown, ChevronLeft, ChevronRight, Flag, CalendarRange, List, LayoutGrid, Search, Plus, Trash2 } from 'lucide-react';
+import { CircleX, CircleCheckBig, CircleDotDashed, CircleDot, Circle, CircleDashed, User, Link2, CalendarDays, Trash2, ChevronUp, ChevronDown, ChevronLeft, ChevronRight, Flag, Plus, CalendarRange, List, LayoutGrid, Search, Pencil, SmilePlus } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { addWeeks, startOfWeek, endOfWeek, eachDayOfInterval, addMonths, startOfMonth, endOfMonth, format, isToday, isSameMonth, startOfDay, parseISO, isValid } from 'date-fns';
+import { startOfWeek, format, addDays, addWeeks, endOfWeek, eachDayOfInterval, addMonths, startOfMonth, endOfMonth, isToday, isSameMonth, startOfDay, parseISO, isValid } from 'date-fns';
 import { cva } from 'class-variance-authority';
 import { Card, CardContent } from '@burdenoff/fe-libs/ui';
+import { enUS, ta, ar, es, zhCN, hi } from 'date-fns/locale';
 
 var clientInstance = null;
 function buildCache() {
@@ -507,11 +508,29 @@ var LIST_MILESTONES = gql`
   }
   ${MILESTONE_FIELDS}
 `;
+var CREATE_MILESTONE = gql`
+  mutation CreateMilestone($input: PlanmagnetCreateMilestoneInput!) {
+    planmagnetCreateMilestone(input: $input) {
+      ...MilestoneFields
+    }
+  }
+  ${MILESTONE_FIELDS}
+`;
 var DELETE_WORK_ITEM = gql`
   mutation DeleteWorkItem($id: ID!) {
     planmagnetDeleteWorkItem(id: $id)
   }
 `;
+var BULK_UPDATE_WORK_ITEMS = gql`
+  mutation BulkUpdateWorkItems($input: PlanmagnetBulkUpdateWorkItemsInput!) {
+    planmagnetBulkUpdateWorkItems(input: $input) {
+      id
+      status
+      priority
+      assigneeId
+    }
+  }
+`;
 var ENTITY_COMMENT_FIELDS = gql`
   fragment EntityCommentFields on EntityComment {
     id
@@ -530,6 +549,11 @@ var ENTITY_COMMENT_FIELDS = gql`
     mentions {
       mentionedUserId
     }
+    reactionSummary {
+      emoji
+      count
+      userIds
+    }
   }
 `;
 var GET_ENTITY_COMMENTS = gql`
@@ -556,6 +580,29 @@ var DELETE_ENTITY_COMMENT = gql`
     deleteEntityComment(input: $input)
   }
 `;
+var UPDATE_ENTITY_COMMENT = gql`
+  mutation UpdateEntityComment($input: UpdateEntityCommentInput!) {
+    updateEntityComment(input: $input) {
+      ...EntityCommentFields
+    }
+  }
+  ${ENTITY_COMMENT_FIELDS}
+`;
+var ADD_ENTITY_COMMENT_REACTION = gql`
+  mutation AddEntityCommentReaction($input: AddReactionInput!) {
+    addEntityCommentReaction(input: $input) {
+      id
+      commentId
+      emoji
+      userId
+    }
+  }
+`;
+var REMOVE_ENTITY_COMMENT_REACTION = gql`
+  mutation RemoveEntityCommentReaction($input: RemoveReactionInput!) {
+    removeEntityCommentReaction(input: $input)
+  }
+`;
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -772,11 +819,21 @@ var DEFAULT_TASK_LABELS = {
   overdue: "{n} overdue",
   noDueDate: "No due date ({n})",
   milestones: "Milestones",
+  addMilestone: "Add milestone",
+  milestoneNamePlaceholder: "Milestone name",
+  failedToCreateMilestone: "Failed to create milestone",
   today: "Today",
   week: "Week",
   month: "Month",
   tasksSingular: "task",
   tasksPlural: "tasks",
+  bulkSelected: "{n} selected",
+  bulkSetStatus: "Set status",
+  bulkSetPriority: "Set priority",
+  bulkAssign: "Assign",
+  bulkDelete: "Delete",
+  bulkClear: "Clear",
+  bulkApplying: "Applying\u2026",
   colTask: "Task",
   colStatus: "Status",
   colPriority: "Priority",
@@ -815,8 +872,13 @@ var DEFAULT_TASK_LABELS = {
   noComments: "No comments yet",
   you: "You",
   editedTag: "(edited)",
+  editComment: "Edit",
+  saveComment: "Save",
+  addReaction: "React",
   failedToComment: "Failed to post comment",
   failedToDeleteComment: "Failed to delete comment",
+  failedToEditComment: "Failed to edit comment",
+  failedToReact: "Failed to update reaction",
   reply: "Reply",
   replyPlaceholder: "Write a reply\u2026",
   repliesCount: "{n} replies",
@@ -1712,6 +1774,27 @@ var statusRank = {
   DONE: 5,
   CANCELLED: 6
 };
+var bulkFieldClass = "rounded-md border border-input bg-background px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50";
+function BulkCheckbox({
+  checked,
+  indeterminate = false,
+  ...props
+}) {
+  const ref = useRef(null);
+  useEffect(() => {
+    if (ref.current) ref.current.indeterminate = indeterminate;
+  }, [indeterminate]);
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref,
+      type: "checkbox",
+      checked,
+      className: "h-4 w-4 cursor-pointer accent-primary disabled:cursor-not-allowed disabled:opacity-50",
+      ...props
+    }
+  );
+}
 function columnLabel(col, L) {
   switch (col) {
     case "key":
@@ -1762,6 +1845,8 @@ function TaskListCore({
   linkSourceProduct,
   renderLinkIcon,
   limit = 200,
+  selectable = false,
+  assigneeOptions,
   className,
   workspaceId: workspaceIdProp
 }) {
@@ -1783,7 +1868,7 @@ function TaskListCore({
     if (search) f.search = search;
     return f;
   }, [projectId, status, type, priority, assigneeId, search]);
-  const { data, loading, error } = useQuery(
+  const { data, loading, error, refetch } = useQuery(
     LIST_WORK_ITEMS,
     {
       variables: {
@@ -1801,6 +1886,66 @@ function TaskListCore({
     const key = sort.by;
     return [...items].sort((a, b) => dir * compareTasks(a, b, key));
   }, [data, sort]);
+  const [selected, setSelected] = useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  const rowsKey = useMemo(() => rows.map((r) => r.id).join(","), [rows]);
+  useEffect(() => {
+    setSelected((prev) => prev.size ? /* @__PURE__ */ new Set() : prev);
+  }, [rowsKey]);
+  const [bulkUpdate, { loading: bulkUpdating }] = useMutation(
+    BULK_UPDATE_WORK_ITEMS
+  );
+  const [bulkDelete, { loading: bulkDeleting }] = useMutation(DELETE_WORK_ITEM);
+  const applying = bulkUpdating || bulkDeleting;
+  const [bulkError, setBulkError] = useState(null);
+  const allSelected = rows.length > 0 && rows.every((r) => selected.has(r.id));
+  const someSelected = selected.size > 0 && !allSelected;
+  const toggleRow = (id) => {
+    setSelected((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  };
+  const toggleAll = () => {
+    setSelected(
+      (prev) => prev.size === rows.length ? /* @__PURE__ */ new Set() : new Set(rows.map((r) => r.id))
+    );
+  };
+  const clearSelection = () => {
+    setSelected(/* @__PURE__ */ new Set());
+    setBulkError(null);
+  };
+  const applyBulk = async (patch) => {
+    if (selected.size === 0 || applying) return;
+    setBulkError(null);
+    try {
+      await bulkUpdate({
+        variables: { input: { ids: [...selected], ...patch } }
+      });
+    } catch {
+      setBulkError(L.failedToSave);
+      return;
+    }
+    await refetch().catch(() => {
+    });
+    clearSelection();
+  };
+  const applyBulkDelete = async () => {
+    if (selected.size === 0 || applying) return;
+    setBulkError(null);
+    const results = await Promise.allSettled(
+      [...selected].map((id) => bulkDelete({ variables: { id } }))
+    );
+    await refetch().catch(() => {
+    });
+    clearSelection();
+    if (results.some((r) => r.status === "rejected")) {
+      setBulkError(L.failedToDelete);
+    }
+  };
   const toggleSort = (col) => {
     const key = COLUMN_SORT[col];
     if (!key) return;
@@ -1821,6 +1966,7 @@ function TaskListCore({
       error.message
     ] });
   }
+  const colCount = columns.length + (selectable ? 1 : 0);
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), children: [
     !hideHeader && /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between", children: [
       /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground", children: L.list }),
@@ -1830,56 +1976,160 @@ function TaskListCore({
         rows.length === 1 ? L.tasksSingular : L.tasksPlural
       ] })
     ] }),
+    selectable && selected.size > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 rounded-lg border border-border bg-muted/50 px-3 py-2 text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: L.bulkSelected.replace("{n}", String(selected.size)) }),
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          "aria-label": L.bulkSetStatus,
+          disabled: applying,
+          value: "",
+          onChange: (e) => {
+            const v = e.target.value;
+            if (v) void applyBulk({ status: v });
+          },
+          className: bulkFieldClass,
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: L.bulkSetStatus }),
+            TASK_STATUSES.map((s) => /* @__PURE__ */ jsx("option", { value: s, children: L.status[s] }, s))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          "aria-label": L.bulkSetPriority,
+          disabled: applying,
+          value: "",
+          onChange: (e) => {
+            const v = e.target.value;
+            if (v) void applyBulk({ priority: v });
+          },
+          className: bulkFieldClass,
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: L.bulkSetPriority }),
+            TASK_PRIORITIES.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: L.priority[p] }, p))
+          ]
+        }
+      ),
+      assigneeOptions && assigneeOptions.length > 0 && /* @__PURE__ */ jsxs(
+        "select",
+        {
+          "aria-label": L.bulkAssign,
+          disabled: applying,
+          value: "",
+          onChange: (e) => {
+            const v = e.target.value;
+            if (v) void applyBulk({ assigneeId: v });
+          },
+          className: bulkFieldClass,
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: L.bulkAssign }),
+            assigneeOptions.map((o) => /* @__PURE__ */ jsx("option", { value: o.id, children: o.name }, o.id))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          disabled: applying,
+          onClick: () => void applyBulkDelete(),
+          className: "inline-flex items-center gap-1 rounded-md px-2 py-1 text-destructive hover:bg-destructive/10 disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+            L.bulkDelete
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: applying,
+          onClick: clearSelection,
+          className: "rounded-md px-2 py-1 text-muted-foreground hover:bg-muted disabled:opacity-50",
+          children: L.bulkClear
+        }
+      ),
+      applying && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: L.bulkApplying }),
+      bulkError && /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive", children: bulkError })
+    ] }),
     /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-lg border border-border", children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-sm", children: [
-      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "border-b border-border bg-muted/50 text-left", children: columns.map((col) => {
-        const sortable = Boolean(COLUMN_SORT[col]);
-        const active = sort.by === COLUMN_SORT[col];
-        return /* @__PURE__ */ jsx(
-          "th",
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border bg-muted/50 text-left", children: [
+        selectable && /* @__PURE__ */ jsx("th", { className: "w-9 px-3 py-2", children: /* @__PURE__ */ jsx(
+          BulkCheckbox,
           {
-            onClick: sortable ? () => toggleSort(col) : void 0,
-            className: cn(
-              "px-3 py-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
-              sortable && "cursor-pointer select-none hover:text-foreground"
-            ),
-            children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
-              columnLabel(col, L),
-              active && (sort.dir === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-3 w-3", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3", "aria-hidden": "true" }))
-            ] })
-          },
-          col
-        );
-      }) }) }),
+            checked: allSelected,
+            indeterminate: someSelected,
+            disabled: rows.length === 0 || applying,
+            "aria-label": L.bulkSelected.replace("{n}", "all"),
+            onChange: toggleAll
+          }
+        ) }),
+        columns.map((col) => {
+          const sortable = Boolean(COLUMN_SORT[col]);
+          const active = sort.by === COLUMN_SORT[col];
+          return /* @__PURE__ */ jsx(
+            "th",
+            {
+              onClick: sortable ? () => toggleSort(col) : void 0,
+              className: cn(
+                "px-3 py-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+                sortable && "cursor-pointer select-none hover:text-foreground"
+              ),
+              children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                columnLabel(col, L),
+                active && (sort.dir === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-3 w-3", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3", "aria-hidden": "true" }))
+              ] })
+            },
+            col
+          );
+        })
+      ] }) }),
       /* @__PURE__ */ jsxs("tbody", { children: [
         rows.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
           "td",
           {
-            colSpan: columns.length,
+            colSpan: colCount,
             className: "px-3 py-8 text-center text-muted-foreground",
             children: L.noTasksFound
           }
         ) }),
-        rows.map((task) => /* @__PURE__ */ jsx(
+        rows.map((task) => /* @__PURE__ */ jsxs(
           "tr",
           {
             onClick: onSelect ? () => onSelect(task.id) : void 0,
             className: cn(
               "border-b border-border last:border-0",
-              onSelect && "cursor-pointer hover:bg-muted/40"
+              onSelect && "cursor-pointer hover:bg-muted/40",
+              selectable && selected.has(task.id) && "bg-primary/5"
             ),
-            children: columns.map((col) => /* @__PURE__ */ jsx(
-              "td",
-              {
-                className: "px-3 py-2 align-middle text-foreground",
-                children: renderCell(col, task, {
-                  resolveAssignee,
-                  links: linksByItem.get(task.id),
-                  renderLinkIcon,
-                  unassigned: L.unassigned
-                })
-              },
-              col
-            ))
+            children: [
+              selectable && /* @__PURE__ */ jsx("td", { className: "w-9 px-3 py-2 align-middle", children: /* @__PURE__ */ jsx(
+                BulkCheckbox,
+                {
+                  checked: selected.has(task.id),
+                  disabled: applying,
+                  "aria-label": task.title,
+                  onClick: (e) => e.stopPropagation(),
+                  onChange: () => toggleRow(task.id)
+                }
+              ) }),
+              columns.map((col) => /* @__PURE__ */ jsx(
+                "td",
+                {
+                  className: "px-3 py-2 align-middle text-foreground",
+                  children: renderCell(col, task, {
+                    resolveAssignee,
+                    links: linksByItem.get(task.id),
+                    renderLinkIcon,
+                    unassigned: L.unassigned
+                  })
+                },
+                col
+              ))
+            ]
           },
           task.id
         ))
@@ -1996,17 +2246,52 @@ function TaskList({
     }
   );
 }
+function dayToLocalNoonIso(day) {
+  const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(day);
+  if (!m) return void 0;
+  return new Date(
+    Number(m[1]),
+    Number(m[2]) - 1,
+    Number(m[3]),
+    12,
+    0,
+    0
+  ).toISOString();
+}
 function useMilestones(workspaceId, opts = {}) {
   const { projectId, enabled = true, limit = 100 } = opts;
-  const { data, loading } = useQuery(LIST_MILESTONES, {
-    variables: {
-      workspaceId,
-      ...projectId ? { filter: { projectId } } : {},
-      pagination: { first: limit }
+  const { data, loading, refetch } = useQuery(
+    LIST_MILESTONES,
+    {
+      variables: {
+        workspaceId,
+        ...projectId ? { filter: { projectId } } : {},
+        pagination: { first: limit }
+      },
+      skip: !workspaceId || !enabled,
+      errorPolicy: "all"
+    }
+  );
+  const [createMutation, { loading: creating }] = useMutation(CREATE_MILESTONE);
+  const createMilestone = useCallback(
+    async (args) => {
+      const iso = args.dueDate ? dayToLocalNoonIso(args.dueDate) : void 0;
+      const res = await createMutation({
+        variables: {
+          input: {
+            projectId: args.projectId,
+            name: args.name,
+            ...iso ? { dueDate: iso } : {},
+            ...args.status ? { status: args.status } : {},
+            ...args.description ? { description: args.description } : {}
+          }
+        }
+      });
+      await refetch();
+      return res.data?.planmagnetCreateMilestone ?? null;
     },
-    skip: !workspaceId || !enabled,
-    errorPolicy: "all"
-  });
+    [createMutation, refetch]
+  );
   const milestones = useMemo(
     () => data?.planmagnetMilestones?.items ?? [],
     [data]
@@ -2023,7 +2308,20 @@ function useMilestones(workspaceId, opts = {}) {
     }
     return map;
   }, [milestones]);
-  return { milestones, byDay, loading };
+  return { milestones, byDay, loading, creating, createMilestone };
+}
+var LOCALE_MAP = {
+  en: enUS,
+  hi,
+  zh: zhCN,
+  es,
+  ar,
+  ta
+};
+function resolveDateLocale(lang) {
+  if (!lang) return enUS;
+  const primary = lang.toLowerCase().split(/[-_]/)[0];
+  return LOCALE_MAP[primary] ?? enUS;
 }
 var WEEK_OPTS = { weekStartsOn: 1 };
 function dayKey(d) {
@@ -2039,18 +2337,58 @@ function TaskTimelineCore({
   onSelect,
   resolveAssignee,
   showMilestones = true,
+  canCreateMilestone = false,
+  milestoneProjectId,
+  locale,
   className,
   workspaceId: workspaceIdProp
 }) {
   const ctx = usePlanMagnetContextSafe();
   const workspaceId = workspaceIdProp ?? ctx?.workspaceId;
   const L = useTaskLabels();
-  const { milestones, byDay: milestonesByDay } = useMilestones(workspaceId, {
+  const dfLocale = resolveDateLocale(locale);
+  const weekdayHeaders = useMemo(() => {
+    const weekStart = startOfWeek(new Date(2026, 0, 5), WEEK_OPTS);
+    return Array.from(
+      { length: 7 },
+      (_, i) => format(addDays(weekStart, i), "EEE", { locale: dfLocale })
+    );
+  }, [dfLocale]);
+  const {
+    milestones,
+    byDay: milestonesByDay,
+    creating: creatingMilestone,
+    createMilestone
+  } = useMilestones(workspaceId, {
     projectId,
     enabled: showMilestones
   });
   const [mode, setMode] = useState(defaultMode);
   const [offset, setOffset] = useState(0);
+  const milestoneProject = milestoneProjectId ?? projectId;
+  const canAddMilestone = canCreateMilestone && Boolean(milestoneProject);
+  const [showMilestoneForm, setShowMilestoneForm] = useState(false);
+  const [milestoneName, setMilestoneName] = useState("");
+  const [milestoneDue, setMilestoneDue] = useState("");
+  const [milestoneError, setMilestoneError] = useState(null);
+  const submitMilestone = async (e) => {
+    e.preventDefault();
+    const name = milestoneName.trim();
+    if (!name || !milestoneProject) return;
+    setMilestoneError(null);
+    try {
+      await createMilestone({
+        projectId: milestoneProject,
+        name,
+        dueDate: milestoneDue || void 0
+      });
+      setMilestoneName("");
+      setMilestoneDue("");
+      setShowMilestoneForm(false);
+    } catch {
+      setMilestoneError(L.failedToCreateMilestone);
+    }
+  };
   const { data, loading, error } = useQuery(
     LIST_WORK_ITEMS,
     {
@@ -2133,7 +2471,7 @@ function TaskTimelineCore({
       error.message
     ] });
   }
-  const rangeLabel = mode === "week" ? `${format(rangeStart, "MMM d")} \u2013 ${format(rangeEnd, "MMM d")}` : format(anchor, "MMMM yyyy");
+  const rangeLabel = mode === "week" ? `${format(rangeStart, "MMM d", { locale: dfLocale })} \u2013 ${format(rangeEnd, "MMM d", { locale: dfLocale })}` : format(anchor, "MMMM yyyy", { locale: dfLocale });
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
@@ -2198,12 +2536,82 @@ function TaskTimelineCore({
         t.id
       )) })
     ] }),
-    milestones.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-primary/30 bg-primary/5 px-3 py-2", children: [
-      /* @__PURE__ */ jsxs("p", { className: "mb-1 flex items-center gap-1 text-xs font-semibold text-primary", children: [
-        /* @__PURE__ */ jsx(Flag, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
-        L.milestones
+    (milestones.length > 0 || canAddMilestone) && /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-primary/30 bg-primary/5 px-3 py-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1 text-xs font-semibold text-primary", children: [
+          /* @__PURE__ */ jsx(Flag, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+          L.milestones
+        ] }),
+        canAddMilestone && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              setShowMilestoneForm((v) => !v);
+              setMilestoneError(null);
+            },
+            "aria-label": L.addMilestone,
+            "aria-expanded": showMilestoneForm,
+            title: L.addMilestone,
+            className: "flex h-6 w-6 items-center justify-center rounded-md border border-primary/40 text-primary hover:bg-primary/10",
+            children: /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: milestones.map((m) => /* @__PURE__ */ jsx(MilestoneFlag, { milestone: m }, m.id)) })
+      showMilestoneForm && canAddMilestone && /* @__PURE__ */ jsxs(
+        "form",
+        {
+          onSubmit: submitMilestone,
+          className: "mb-2 flex flex-wrap items-center gap-2",
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: milestoneName,
+                onChange: (e) => setMilestoneName(e.target.value),
+                placeholder: L.milestoneNamePlaceholder,
+                "aria-label": L.milestoneNamePlaceholder,
+                autoFocus: true,
+                className: "h-8 min-w-40 flex-1 rounded-md border border-border bg-background px-2 text-xs text-foreground"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "date",
+                value: milestoneDue,
+                onChange: (e) => setMilestoneDue(e.target.value),
+                "aria-label": L.dueDateLabel,
+                className: "h-8 rounded-md border border-border bg-background px-2 text-xs text-foreground"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "submit",
+                disabled: !milestoneName.trim() || creatingMilestone,
+                className: "h-8 rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+                children: creatingMilestone ? L.creating : L.addMilestone
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  setShowMilestoneForm(false);
+                  setMilestoneError(null);
+                },
+                className: "h-8 rounded-md border border-border px-3 text-xs font-medium text-foreground hover:bg-muted/50",
+                children: L.cancel
+              }
+            )
+          ]
+        }
+      ),
+      milestoneError && /* @__PURE__ */ jsx("p", { className: "mb-1 text-[11px] text-destructive", children: milestoneError }),
+      milestones.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: milestones.map((m) => /* @__PURE__ */ jsx(MilestoneFlag, { milestone: m }, m.id)) })
     ] }),
     mode === "week" ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-2", children: days.map((day) => {
       const items = byDay.get(dayKey(day)) ?? [];
@@ -2225,7 +2633,7 @@ function TaskTimelineCore({
                     "text-xs font-semibold uppercase",
                     today ? "text-primary" : "text-muted-foreground"
                   ),
-                  children: format(day, "EEE")
+                  children: format(day, "EEE", { locale: dfLocale })
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -2235,7 +2643,7 @@ function TaskTimelineCore({
                     "text-sm font-semibold",
                     today ? "text-primary" : "text-foreground"
                   ),
-                  children: format(day, "d")
+                  children: format(day, "d", { locale: dfLocale })
                 }
               )
             ] }),
@@ -2256,13 +2664,13 @@ function TaskTimelineCore({
         dayKey(day)
       );
     }) }) : /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 gap-1", children: [
-      ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"].map((d) => /* @__PURE__ */ jsx(
+      weekdayHeaders.map((d, i) => /* @__PURE__ */ jsx(
         "div",
         {
           className: "px-1 pb-1 text-center text-[10px] font-semibold uppercase text-muted-foreground",
           children: d
         },
-        d
+        i
       )),
       days.map((day) => {
         const items = byDay.get(dayKey(day)) ?? [];
@@ -2284,7 +2692,7 @@ function TaskTimelineCore({
                     "text-[10px] font-semibold",
                     today ? "text-primary" : "text-muted-foreground"
                   ),
-                  children: format(day, "d")
+                  children: format(day, "d", { locale: dfLocale })
                 }
               ),
               items.slice(0, 3).map((t) => /* @__PURE__ */ jsx(
@@ -2627,6 +3035,7 @@ function CommentComposer({
     ) })
   ] });
 }
+var REACTION_EMOJIS = ["\u{1F44D}", "\u2764\uFE0F", "\u{1F389}", "\u{1F440}"];
 var labelClass2 = "text-xs font-medium uppercase tracking-wide text-muted-foreground";
 var escapeRe = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 function TaskCommentsCore({
@@ -2642,6 +3051,11 @@ function TaskCommentsCore({
   const L = useTaskLabels();
   const [error, setError] = useState(null);
   const [replyingTo, setReplyingTo] = useState(null);
+  const [editingId, setEditingId] = useState(null);
+  const [editText, setEditText] = useState("");
+  const [savingEdit, setSavingEdit] = useState(false);
+  const [pickerOpenId, setPickerOpenId] = useState(null);
+  const [reactingId, setReactingId] = useState(null);
   const { data, loading, refetch } = useQuery(
     GET_ENTITY_COMMENTS,
     {
@@ -2684,6 +3098,13 @@ function TaskCommentsCore({
   const [deleteComment] = useMutation(
     DELETE_ENTITY_COMMENT
   );
+  const [updateComment] = useMutation(
+    UPDATE_ENTITY_COMMENT
+  );
+  const [addReaction] = useMutation(
+    ADD_ENTITY_COMMENT_REACTION
+  );
+  const [removeReaction] = useMutation(REMOVE_ENTITY_COMMENT_REACTION);
   const authorName = (id) => id === currentActorId ? L.you : resolveAssignee?.(id)?.name ?? void 0;
   const post = async ({ text, mentionUserIds }, parentCommentId) => {
     setError(null);
@@ -2724,6 +3145,57 @@ function TaskCommentsCore({
       setError(L.failedToDeleteComment);
     }
   };
+  const startEdit = (c) => {
+    setError(null);
+    setEditingId(c.id);
+    setEditText(c.content?.text ?? "");
+  };
+  const cancelEdit = () => {
+    setEditingId(null);
+    setEditText("");
+  };
+  const saveEdit = async (id) => {
+    const text = editText.trim();
+    if (!text || savingEdit) return;
+    setError(null);
+    setSavingEdit(true);
+    try {
+      await updateComment({
+        variables: { input: { id, content: { text }, contentType: "TEXT" } }
+      });
+      await refetch();
+      setEditingId(null);
+      setEditText("");
+    } catch {
+      setError(L.failedToEditComment);
+    } finally {
+      setSavingEdit(false);
+    }
+  };
+  const hasReacted = (c, emoji) => {
+    if (!currentActorId) return false;
+    const row = (c.reactionSummary ?? []).find((r) => r.emoji === emoji);
+    return !!row?.userIds.includes(currentActorId);
+  };
+  const toggleReaction = async (c, emoji) => {
+    if (!currentActorId || reactingId === c.id) return;
+    setError(null);
+    setPickerOpenId(null);
+    setReactingId(c.id);
+    const input = { commentId: c.id, emoji, userId: currentActorId };
+    try {
+      if (hasReacted(c, emoji)) {
+        await removeReaction({ variables: { input } });
+      } else {
+        await addReaction({ variables: { input } });
+      }
+      await refetch();
+    } catch {
+      setError(L.failedToReact);
+    } finally {
+      setReactingId(null);
+    }
+  };
   const renderBody = (c) => {
     const text = c.content?.text ?? "";
     const names = (members ?? []).map((m) => m.name).filter((n) => text.includes(`@${n}`));
@@ -2741,37 +3213,150 @@ function TaskCommentsCore({
       ) : /* @__PURE__ */ jsx("span", { children: part }, i)
     );
   };
-  const commentBlock = (c, isReply) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-    /* @__PURE__ */ jsx(Avatar, { id: c.authorId, name: authorName(c.authorId), size: "sm" }),
-    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: authorName(c.authorId) ?? c.authorId.slice(0, 8) }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: formatDateFull(c.createdAt) }),
-        c.edited && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: L.editedTag }),
-        !readonly && c.authorId === currentActorId && /* @__PURE__ */ jsx(
+  const reactionBar = (c) => {
+    const summary = (c.reactionSummary ?? []).filter((r) => r.count > 0);
+    const canReact = !readonly && !!currentActorId;
+    if (summary.length === 0 && !canReact) return null;
+    return /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex flex-wrap items-center gap-1", children: [
+      summary.map((r) => {
+        const mine = hasReacted(c, r.emoji);
+        return /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
-            onClick: () => handleDelete(c.id),
-            "aria-label": L.del,
-            title: L.del,
-            className: "ml-auto rounded p-1 text-muted-foreground hover:text-destructive",
-            children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+            disabled: !canReact || reactingId === c.id,
+            onClick: () => toggleReaction(c, r.emoji),
+            "aria-label": `${r.emoji} ${r.count}`,
+            "aria-pressed": mine,
+            className: cn(
+              "inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-xs",
+              mine ? "border-primary bg-primary/10 text-primary" : "border-border text-muted-foreground",
+              canReact ? "hover:border-primary" : "cursor-default"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { children: r.emoji }),
+              /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: r.count })
+            ]
+          },
+          r.emoji
+        );
+      }),
+      canReact && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setPickerOpenId((prev) => prev === c.id ? null : c.id),
+            "aria-label": L.addReaction,
+            "aria-expanded": pickerOpenId === c.id,
+            title: L.addReaction,
+            className: "inline-flex items-center rounded-full border border-border p-1 text-muted-foreground hover:border-primary hover:text-primary",
+            children: /* @__PURE__ */ jsx(SmilePlus, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        pickerOpenId === c.id && /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full z-20 mt-1 flex gap-1 rounded-md border border-border bg-popover p-1 shadow-md", children: REACTION_EMOJIS.map((emoji) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled: reactingId === c.id,
+            onClick: () => toggleReaction(c, emoji),
+            "aria-label": emoji,
+            className: cn(
+              "rounded px-1 py-0.5 text-sm hover:bg-muted",
+              hasReacted(c, emoji) && "bg-primary/10"
+            ),
+            children: emoji
+          },
+          emoji
+        )) })
+      ] })
+    ] });
+  };
+  const commentBlock = (c, isReply) => {
+    const isMine = c.authorId === currentActorId;
+    const isEditing = editingId === c.id;
+    return /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(Avatar, { id: c.authorId, name: authorName(c.authorId), size: "sm" }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: authorName(c.authorId) ?? c.authorId.slice(0, 8) }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: formatDateFull(c.createdAt) }),
+          c.edited && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: L.editedTag }),
+          !readonly && isMine && !isEditing && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => startEdit(c),
+                "aria-label": L.editComment,
+                title: L.editComment,
+                className: "rounded p-1 text-muted-foreground hover:text-foreground",
+                children: /* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleDelete(c.id),
+                "aria-label": L.del,
+                title: L.del,
+                className: "rounded p-1 text-muted-foreground hover:text-destructive",
+                children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ] })
+        ] }),
+        isEditing ? /* @__PURE__ */ jsxs("div", { className: "mt-1 space-y-2", children: [
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+              rows: 2,
+              value: editText,
+              autoFocus: true,
+              "aria-label": L.editComment,
+              onChange: (e) => setEditText(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: cancelEdit,
+                className: "rounded-md px-3 py-1.5 text-sm font-medium text-muted-foreground hover:text-foreground",
+                children: L.cancel
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => saveEdit(c.id),
+                disabled: savingEdit || !editText.trim(),
+                className: cn(
+                  "rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground",
+                  (savingEdit || !editText.trim()) && "cursor-not-allowed opacity-50"
+                ),
+                children: savingEdit ? L.saving : L.saveComment
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words text-sm text-foreground", children: renderBody(c) }),
+        !isEditing && reactionBar(c),
+        !isReply && !readonly && !isEditing && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setReplyingTo((prev) => prev === c.id ? null : c.id),
+            className: "mt-1 text-xs font-medium text-muted-foreground hover:text-foreground",
+            children: L.reply
           }
         )
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words text-sm text-foreground", children: renderBody(c) }),
-      !isReply && !readonly && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => setReplyingTo((prev) => prev === c.id ? null : c.id),
-          className: "mt-1 text-xs font-medium text-muted-foreground hover:text-foreground",
-          children: L.reply
-        }
-      )
-    ] })
-  ] });
+      ] })
+    ] });
+  };
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className), children: [
     /* @__PURE__ */ jsxs("div", { className: labelClass2, children: [
       L.commentsLabel,
@@ -3342,6 +3927,8 @@ function TasksPageCore({
   boardProjectId,
   columns,
   readonly,
+  canCreateMilestone,
+  locale,
   hiddenFields,
   views,
   defaultView = "board",
@@ -3522,6 +4109,8 @@ function TasksPageCore({
         search: search || void 0,
         assigneeId: mineAssignee,
         hideHeader: true,
+        selectable: !readonly,
+        assigneeOptions,
         resolveAssignee,
         linkSourceProduct,
         renderLinkIcon,
@@ -3539,7 +4128,10 @@ function TasksPageCore({
         search,
         assigneeId: mineAssignee,
         resolveAssignee,
-        onSelect: handleSelect
+        onSelect: handleSelect,
+        canCreateMilestone: canCreateMilestone ?? !readonly,
+        milestoneProjectId: boardProjectId ?? projectId,
+        locale
       }
     ),
     showInlineDetail && /* @__PURE__ */ jsx("div", { className: "pb-6", children: detailView }),
@@ -3593,6 +4185,6 @@ function TasksPage({
   );
 }
 
-export { Avatar, Badge, CREATE_WORK_ITEM, CREATE_WORK_ITEM_LINK, CreateTask, CreateTaskCore, DEFAULT_BOARD_COLUMNS, DEFAULT_TASK_LABELS, DELETE_WORK_ITEM, DELETE_WORK_ITEM_LINK, Drawer, GET_PROJECTS, GET_WORK_ITEM, LIST_MILESTONES, LIST_WORK_ITEMS, LIST_WORK_ITEM_LINKS, LinkChip, MILESTONE_FIELDS, MOVE_WORK_ITEM, Modal, PRIORITY_META, PROJECT_SUMMARY_FIELDS, PlanMagnetProvider, PriorityIndicator, STATUS_META, StatusIcon, StatusPill, TASK_PRIORITIES, TASK_STATUSES, TASK_TYPES, TaskBoard, TaskBoardCore, TaskCard, TaskCommentsCore, TaskDetail, TaskDetailCore, TaskLabelsProvider, TaskList, TaskListCore, TaskTimelineCore, TaskToolbar, TasksPage, TasksPageCore, TypeBadge, UPDATE_WORK_ITEM, WORK_ITEM_FIELDS, WORK_ITEM_LINK_FIELDS, WORK_ITEM_SUMMARY_FIELDS, badgeVariants, cn, config, createPlanMagnetClient, enumLabel, getGraphQLEndpoint, getPlanMagnetClient, getPlanMagnetClientSafe, getPlanMagnetConfig, isPlanMagnetClientReady, mergeTaskLabels, resetPlanMagnetClient, resetPlanMagnetConfig, setPlanMagnetClient, setPlanMagnetConfig, useMilestones, usePlanMagnetContext, usePlanMagnetContextSafe, useTaskLabels, useWorkItemLinks, validateTrustedOrigin, waitForPlanMagnetClient };
+export { Avatar, BULK_UPDATE_WORK_ITEMS, Badge, CREATE_WORK_ITEM, CREATE_WORK_ITEM_LINK, CreateTask, CreateTaskCore, DEFAULT_BOARD_COLUMNS, DEFAULT_TASK_LABELS, DELETE_WORK_ITEM, DELETE_WORK_ITEM_LINK, Drawer, GET_PROJECTS, GET_WORK_ITEM, LIST_MILESTONES, LIST_WORK_ITEMS, LIST_WORK_ITEM_LINKS, LinkChip, MILESTONE_FIELDS, MOVE_WORK_ITEM, Modal, PRIORITY_META, PROJECT_SUMMARY_FIELDS, PlanMagnetProvider, PriorityIndicator, STATUS_META, StatusIcon, StatusPill, TASK_PRIORITIES, TASK_STATUSES, TASK_TYPES, TaskBoard, TaskBoardCore, TaskCard, TaskCommentsCore, TaskDetail, TaskDetailCore, TaskLabelsProvider, TaskList, TaskListCore, TaskTimelineCore, TaskToolbar, TasksPage, TasksPageCore, TypeBadge, UPDATE_WORK_ITEM, WORK_ITEM_FIELDS, WORK_ITEM_LINK_FIELDS, WORK_ITEM_SUMMARY_FIELDS, badgeVariants, cn, config, createPlanMagnetClient, enumLabel, getGraphQLEndpoint, getPlanMagnetClient, getPlanMagnetClientSafe, getPlanMagnetConfig, isPlanMagnetClientReady, mergeTaskLabels, resetPlanMagnetClient, resetPlanMagnetConfig, setPlanMagnetClient, setPlanMagnetConfig, useMilestones, usePlanMagnetContext, usePlanMagnetContextSafe, useTaskLabels, useWorkItemLinks, validateTrustedOrigin, waitForPlanMagnetClient };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map