@burdenoff/planmagnet-fe-sdk 2026.706.6 → 2026.708.1

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, Plus, CalendarRange, List, LayoutGrid, Search, 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, Bookmark, Check, 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() {
@@ -281,6 +282,12 @@ var WORK_ITEM_SUMMARY_FIELDS = gql`
     storyPoints
     dueDate
     labels
+    # Board reorder ordering. sortOrder maps a Prisma \`position\` column and is
+    # unsafe to SELECT BACK FROM A MUTATION (serialization crash), but SAFE on
+    # this QUERY read path — a WorkItem.sortOrder field resolver maps position →
+    # sortOrder. The board sorts cards by this ascending so a drag-to-reorder
+    # persists across refetch (the list query itself orders by createdAt).
+    sortOrder
   }
 `;
 var WORK_ITEM_FIELDS = gql`
@@ -405,10 +412,11 @@ var UPDATE_WORK_ITEM = gql`
 var MOVE_WORK_ITEM = gql`
   mutation MoveWorkItem($id: ID!, $input: PlanmagnetMoveWorkItemInput!) {
     planmagnetMoveWorkItem(id: $id, input: $input) {
-      ...WorkItemFields
+      id
+      status
+      sprintId
     }
   }
-  ${WORK_ITEM_FIELDS}
 `;
 var WORK_ITEM_LINK_FIELDS = gql`
   fragment WorkItemLinkFields on WorkItemLink {
@@ -520,6 +528,16 @@ var DELETE_WORK_ITEM = gql`
     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
@@ -538,6 +556,11 @@ var ENTITY_COMMENT_FIELDS = gql`
     mentions {
       mentionedUserId
     }
+    reactionSummary {
+      emoji
+      count
+      userIds
+    }
   }
 `;
 var GET_ENTITY_COMMENTS = gql`
@@ -564,6 +587,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));
 }
@@ -769,6 +815,22 @@ var DEFAULT_TASK_LABELS = {
   allTypes: "All types",
   newTask: "New task",
   myTasks: "My tasks",
+  savedViews: "Views",
+  saveView: "Save current view",
+  viewName: "View name",
+  saveViewAction: "Save",
+  deleteView: "Delete",
+  noSavedViews: "No saved views",
+  defaultViewName: "Default",
+  keyboardShortcuts: "Keyboard shortcuts",
+  shortcutNewTask: "New task",
+  shortcutSearch: "Focus search",
+  shortcutBoardView: "Board view",
+  shortcutListView: "List view",
+  shortcutTimelineView: "Timeline view",
+  shortcutMyTasks: "Toggle My tasks",
+  shortcutHelp: "Toggle this help",
+  shortcutClose: "Close overlay",
   noTasks: "No tasks",
   noTasksFound: "No tasks found.",
   dropHere: "Drop here",
@@ -788,6 +850,13 @@ var DEFAULT_TASK_LABELS = {
   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",
@@ -826,8 +895,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",
@@ -845,6 +919,7 @@ var DEFAULT_TASK_LABELS = {
   projectRequired: "A projectId is required to create a task.",
   errorLoading: "Error loading tasks",
   moveFailed: "Couldn't move the task. Please try again.",
+  reorderFailed: "Couldn't reorder the task. Please try again.",
   failedToCreate: "Failed to create task",
   failedToSave: "Failed to save",
   failedToDelete: "Failed to delete",
@@ -1043,6 +1118,7 @@ function TaskCard({
   draggable,
   onDragStart,
   onDragEnd,
+  onDragOver,
   dragging,
   resolveAssignee,
   links,
@@ -1077,6 +1153,7 @@ function TaskCard({
       draggable,
       onDragStart: draggable ? (e) => onDragStart?.(task, e) : void 0,
       onDragEnd: draggable ? (e) => onDragEnd?.(task, e) : void 0,
+      onDragOver: draggable ? onDragOver : void 0,
       onClick: onClick ? () => onClick(task) : void 0,
       onKeyDown: handleKey,
       className: cn(
@@ -1172,6 +1249,13 @@ function useWorkItemLinks(workspaceId, sourceProduct, limit = 500) {
   }, [data]);
   return { linksByItem, loading };
 }
+function bySortOrder(tasks) {
+  return tasks.map((task, index) => ({ task, index })).sort((a, b) => {
+    const ao = a.task.sortOrder ?? Number.MAX_SAFE_INTEGER;
+    const bo = b.task.sortOrder ?? Number.MAX_SAFE_INTEGER;
+    return ao === bo ? a.index - b.index : ao - bo;
+  }).map((entry) => entry.task);
+}
 function TaskBoardCore({
   projectId,
   columns = DEFAULT_BOARD_COLUMNS,
@@ -1198,9 +1282,11 @@ function TaskBoardCore({
   const { linksByItem } = useWorkItemLinks(workspaceId, linkSourceProduct);
   const [draggingId, setDraggingId] = useState(null);
   const [dragOver, setDragOver] = useState(null);
+  const [dropIndex, setDropIndex] = useState(null);
   const [moveError, setMoveError] = useState(null);
   const [pendingMove, setPendingMove] = useState(null);
   const [updateItem] = useMutation(UPDATE_WORK_ITEM);
+  const [moveItem] = useMutation(MOVE_WORK_ITEM);
   const { data, loading, error } = useQuery(
     LIST_WORK_ITEMS,
     {
@@ -1229,6 +1315,44 @@ function TaskBoardCore({
     },
     [client, updateItem, L]
   );
+  const reorderTask = useCallback(
+    (columnTasks, fromIndex, toIndex) => {
+      if (fromIndex === toIndex || fromIndex < 0) return;
+      const ordered = columnTasks.slice();
+      const [moved] = ordered.splice(fromIndex, 1);
+      if (!moved) return;
+      const insertAt = Math.max(0, Math.min(toIndex, ordered.length));
+      ordered.splice(insertAt, 0, moved);
+      const changed = [];
+      ordered.forEach((task, index) => {
+        const prev = task.sortOrder ?? null;
+        if (prev !== index) {
+          changed.push({ id: task.id, from: prev, to: index });
+        }
+      });
+      if (changed.length === 0) return;
+      setMoveError(null);
+      const setOrder = (id, value) => {
+        const cacheId = client.cache.identify({ __typename: "WorkItem", id });
+        if (cacheId) {
+          client.cache.modify({
+            id: cacheId,
+            fields: { sortOrder: () => value }
+          });
+        }
+      };
+      for (const c of changed) setOrder(c.id, c.to);
+      Promise.all(
+        changed.map(
+          (c) => moveItem({ variables: { id: c.id, input: { sortOrder: c.to } } })
+        )
+      ).catch(() => {
+        for (const c of changed) setOrder(c.id, c.from);
+        setMoveError(L.reorderFailed);
+      });
+    },
+    [client, moveItem, L]
+  );
   if (!workspaceId) {
     return /* @__PURE__ */ jsx("div", { className: cn("p-6 text-sm text-destructive", className), children: "TaskBoard: no workspaceId provided (prop or PlanMagnetProvider)." });
   }
@@ -1255,18 +1379,41 @@ function TaskBoardCore({
     return true;
   });
   const canDrag = !readonly;
+  const columnTasksFor = (status) => bySortOrder(filtered.filter((t) => t.status === status));
   const onColumnDragOver = (status) => (e) => {
     if (!canDrag || !draggingId) return;
     e.preventDefault();
     if (dragOver !== status) setDragOver(status);
+    if (dropIndex === null) setDropIndex(columnTasksFor(status).length);
+  };
+  const onCardDragOver = (status, index) => (e) => {
+    if (!canDrag || !draggingId) return;
+    e.preventDefault();
+    e.stopPropagation();
+    if (dragOver !== status) setDragOver(status);
+    const rect = e.currentTarget.getBoundingClientRect();
+    const after = e.clientY - rect.top > rect.height / 2;
+    const next = after ? index + 1 : index;
+    if (dropIndex !== next) setDropIndex(next);
+  };
+  const clearDrag = () => {
+    setDragOver(null);
+    setDraggingId(null);
+    setDropIndex(null);
   };
   const onColumnDrop = (status) => (e) => {
     if (!canDrag) return;
     e.preventDefault();
     const task = tasks.find((t) => t.id === draggingId);
-    setDragOver(null);
-    setDraggingId(null);
-    if (!task || task.status === status) return;
+    const targetIndex = dropIndex;
+    clearDrag();
+    if (!task) return;
+    if (task.status === status) {
+      const colTasks = columnTasksFor(status);
+      const fromIndex = colTasks.findIndex((t) => t.id === task.id);
+      if (targetIndex !== null) reorderTask(colTasks, fromIndex, targetIndex);
+      return;
+    }
     if (confirmMove) setPendingMove({ task, toStatus: status });
     else moveTask(task, status);
   };
@@ -1281,8 +1428,9 @@ function TaskBoardCore({
     ] }),
     moveError && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 px-3 py-1.5 text-xs text-destructive", children: moveError }),
     /* @__PURE__ */ jsx("div", { className: "flex gap-3 overflow-x-auto pb-2", children: columns.map((col) => {
-      const colTasks = filtered.filter((t) => t.status === col.status);
+      const colTasks = columnTasksFor(col.status);
       const isOver = dragOver === col.status;
+      const showDropLine = canDrag && isOver && dropIndex !== null && colTasks.some((t) => t.id === draggingId);
       return /* @__PURE__ */ jsxs(
         "div",
         {
@@ -1301,29 +1449,45 @@ function TaskBoardCore({
               ] }),
               /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-1.5 text-xs font-medium text-muted-foreground", children: colTasks.length })
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 px-2 pb-2", children: colTasks.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed border-border/70 px-3 py-6 text-center text-xs text-muted-foreground", children: isOver ? L.dropHere : L.noTasks }) : colTasks.map((task) => /* @__PURE__ */ jsx(
-              TaskCard,
-              {
-                task,
-                hidden,
-                onClick: onTaskClick,
-                draggable: canDrag,
-                dragging: draggingId === task.id,
-                resolveAssignee,
-                links: linksByItem.get(task.id),
-                renderLinkIcon,
-                onDragStart: (t, e) => {
-                  setDraggingId(t.id);
-                  e.dataTransfer.effectAllowed = "move";
-                  e.dataTransfer.setData("text/plain", t.id);
-                },
-                onDragEnd: () => {
-                  setDraggingId(null);
-                  setDragOver(null);
+            /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 px-2 pb-2", children: colTasks.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed border-border/70 px-3 py-6 text-center text-xs text-muted-foreground", children: isOver ? L.dropHere : L.noTasks }) : colTasks.map((task, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+              showDropLine && dropIndex === index && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "aria-hidden": "true",
+                  "data-testid": "reorder-drop-line",
+                  className: "h-0.5 rounded-full bg-primary"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                TaskCard,
+                {
+                  task,
+                  hidden,
+                  onClick: onTaskClick,
+                  draggable: canDrag,
+                  dragging: draggingId === task.id,
+                  resolveAssignee,
+                  links: linksByItem.get(task.id),
+                  renderLinkIcon,
+                  onDragOver: onCardDragOver(col.status, index),
+                  onDragStart: (t, e) => {
+                    setDraggingId(t.id);
+                    setDropIndex(null);
+                    e.dataTransfer.effectAllowed = "move";
+                    e.dataTransfer.setData("text/plain", t.id);
+                  },
+                  onDragEnd: clearDrag
+                }
+              ),
+              showDropLine && index === colTasks.length - 1 && dropIndex >= colTasks.length && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "aria-hidden": "true",
+                  "data-testid": "reorder-drop-line",
+                  className: "h-0.5 rounded-full bg-primary"
                 }
-              },
-              task.id
-            )) })
+              )
+            ] }, task.id)) })
           ]
         },
         col.status
@@ -1723,6 +1887,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":
@@ -1773,6 +1958,8 @@ function TaskListCore({
   linkSourceProduct,
   renderLinkIcon,
   limit = 200,
+  selectable = false,
+  assigneeOptions,
   className,
   workspaceId: workspaceIdProp
 }) {
@@ -1794,7 +1981,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: {
@@ -1812,6 +1999,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;
@@ -1832,6 +2079,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 }),
@@ -1841,56 +2089,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
         ))
@@ -2071,6 +2423,19 @@ function useMilestones(workspaceId, opts = {}) {
   }, [milestones]);
   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) {
   return format(d, "yyyy-MM-dd");
@@ -2087,12 +2452,21 @@ function TaskTimelineCore({
   showMilestones = true,
   canCreateMilestone = false,
   milestoneProjectId,
+  locale,
   className,
   workspaceId: workspaceIdProp
 }) {
   const ctx = usePlanMagnetContextSafe();
   const workspaceId = workspaceIdProp ?? ctx?.workspaceId;
   const L = useTaskLabels();
+  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,
@@ -2210,7 +2584,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: [
@@ -2372,7 +2746,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(
@@ -2382,7 +2756,7 @@ function TaskTimelineCore({
                     "text-sm font-semibold",
                     today ? "text-primary" : "text-foreground"
                   ),
-                  children: format(day, "d")
+                  children: format(day, "d", { locale: dfLocale })
                 }
               )
             ] }),
@@ -2403,13 +2777,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)) ?? [];
@@ -2431,7 +2805,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(
@@ -2535,6 +2909,7 @@ function TaskToolbar({
   views = ["board", "list", "timeline"],
   search,
   onSearchChange,
+  searchInputRef,
   priority,
   onPriorityChange,
   type,
@@ -2543,6 +2918,7 @@ function TaskToolbar({
   canCreate,
   mine,
   onMineChange,
+  leadingActions,
   className
 }) {
   const L = useTaskLabels();
@@ -2591,6 +2967,7 @@ function TaskToolbar({
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          leadingActions,
           /* @__PURE__ */ jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ jsx(
               Search,
@@ -2602,6 +2979,7 @@ function TaskToolbar({
             /* @__PURE__ */ jsx(
               "input",
               {
+                ref: searchInputRef,
                 type: "search",
                 value: search,
                 onChange: (e) => onSearchChange(e.target.value),
@@ -2774,6 +3152,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({
@@ -2789,6 +3168,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,
     {
@@ -2831,6 +3215,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);
@@ -2871,6 +3262,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}`));
@@ -2888,37 +3330,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,
@@ -3483,6 +4038,300 @@ function TaskDetail({
     }
   );
 }
+function SavedViewsMenu({
+  views,
+  activeViewId,
+  onSaveView,
+  onApplyView,
+  onDeleteView,
+  className
+}) {
+  const L = useTaskLabels();
+  const [open, setOpen] = useState(false);
+  const [naming, setNaming] = useState(false);
+  const [name, setName] = useState("");
+  const rootRef = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    const onDown = (e) => {
+      if (rootRef.current && !rootRef.current.contains(e.target)) {
+        setOpen(false);
+        setNaming(false);
+      }
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        setOpen(false);
+        setNaming(false);
+      }
+    };
+    document.addEventListener("mousedown", onDown);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onDown);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  const activeName = views.find((v) => v.id === activeViewId)?.name ?? L.defaultViewName;
+  const commitSave = () => {
+    const trimmed = name.trim();
+    if (!trimmed) return;
+    onSaveView(trimmed);
+    setName("");
+    setNaming(false);
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((o) => !o),
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        "aria-label": L.savedViews,
+        className: cn(
+          "flex h-8 max-w-[10rem] items-center gap-1.5 rounded-md border px-2.5 text-xs font-medium transition-colors",
+          activeViewId ? "border-primary bg-primary/10 text-primary" : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Bookmark, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: activeName })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "menu",
+        className: "absolute right-0 top-full z-30 mt-1 w-56 rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "px-2 py-1 text-[0.65rem] font-semibold uppercase tracking-wide text-muted-foreground", children: L.savedViews }),
+          views.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: L.noSavedViews }) : /* @__PURE__ */ jsx("ul", { className: "max-h-56 overflow-auto", children: views.map((v) => {
+            const active = v.id === activeViewId;
+            return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitemradio",
+                  "aria-checked": active,
+                  onClick: () => {
+                    onApplyView(v.id);
+                    setOpen(false);
+                  },
+                  className: cn(
+                    "flex min-w-0 flex-1 items-center gap-1.5 rounded px-2 py-1.5 text-left text-xs transition-colors hover:bg-muted/60",
+                    active ? "text-foreground" : "text-muted-foreground"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Check,
+                      {
+                        className: cn(
+                          "h-3.5 w-3.5 shrink-0",
+                          active ? "opacity-100" : "opacity-0"
+                        ),
+                        "aria-hidden": "true"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "truncate", children: v.name })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onDeleteView(v.id),
+                  "aria-label": `${L.deleteView}: ${v.name}`,
+                  className: "shrink-0 rounded p-1 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+                }
+              )
+            ] }, v.id);
+          }) }),
+          /* @__PURE__ */ jsx("div", { className: "my-1 h-px bg-border" }),
+          naming ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 p-1", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                autoFocus: true,
+                value: name,
+                onChange: (e) => setName(e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") commitSave();
+                },
+                placeholder: L.viewName,
+                "aria-label": L.viewName,
+                className: "h-7 min-w-0 flex-1 rounded border border-border bg-background px-2 text-xs text-foreground placeholder:text-muted-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: commitSave,
+                disabled: !name.trim(),
+                className: "h-7 shrink-0 rounded bg-primary px-2 text-xs font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:opacity-50",
+                children: L.saveViewAction
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              onClick: () => setNaming(true),
+              className: "flex w-full items-center gap-1.5 rounded px-2 py-1.5 text-left text-xs font-medium text-foreground transition-colors hover:bg-muted/60",
+              children: [
+                /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+                L.saveView
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+var STORAGE_PREFIX = "planmagnet:views:";
+var DEBOUNCE_MS = 400;
+function makeStorageKey(workspaceId, suffix) {
+  return suffix ? `${STORAGE_PREFIX}${workspaceId}:${suffix}` : `${STORAGE_PREFIX}${workspaceId}`;
+}
+function safeStorage() {
+  try {
+    if (typeof window === "undefined") return null;
+    const ls = window.localStorage;
+    const probe = "__pm_probe__";
+    ls.setItem(probe, probe);
+    ls.removeItem(probe);
+    return ls;
+  } catch {
+    return null;
+  }
+}
+function readPayload(key) {
+  const ls = safeStorage();
+  if (!ls) return null;
+  try {
+    const raw = ls.getItem(key);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (!parsed || parsed.v !== 1) return null;
+    return parsed;
+  } catch {
+    return null;
+  }
+}
+function writePayload(key, payload) {
+  const ls = safeStorage();
+  if (!ls) return;
+  try {
+    ls.setItem(key, JSON.stringify(payload));
+  } catch {
+  }
+}
+function makeId() {
+  const rand = Math.random().toString(36).slice(2, 10);
+  return `v_${Date.now().toString(36)}_${rand}`;
+}
+function useSavedViews({
+  storageKey,
+  enabled,
+  current
+}) {
+  const initial = useMemo(
+    () => enabled ? readPayload(storageKey) : null,
+    [enabled, storageKey]
+  );
+  const [views, setViews] = useState(initial?.views ?? []);
+  const [activeViewId, setActiveViewId] = useState(
+    initial?.activeViewId ?? null
+  );
+  const restored = enabled ? initial?.current ?? null : null;
+  const viewsRef = useRef(views);
+  viewsRef.current = views;
+  const activeViewIdRef = useRef(activeViewId);
+  activeViewIdRef.current = activeViewId;
+  useEffect(() => {
+    if (!enabled) return;
+    const handle = setTimeout(() => {
+      writePayload(storageKey, {
+        v: 1,
+        current,
+        views: viewsRef.current,
+        activeViewId: activeViewIdRef.current
+      });
+    }, DEBOUNCE_MS);
+    return () => clearTimeout(handle);
+  }, [enabled, storageKey, current]);
+  const flush = useCallback(
+    (nextViews, nextActive) => {
+      if (!enabled) return;
+      writePayload(storageKey, {
+        v: 1,
+        current,
+        views: nextViews,
+        activeViewId: nextActive
+      });
+    },
+    [enabled, storageKey, current]
+  );
+  const saveView = useCallback(
+    (name) => {
+      if (!enabled) return null;
+      const trimmed = name.trim();
+      if (!trimmed) return null;
+      const id = makeId();
+      const next = [
+        ...viewsRef.current,
+        { id, name: trimmed, state: current }
+      ];
+      setViews(next);
+      setActiveViewId(id);
+      flush(next, id);
+      return id;
+    },
+    [enabled, current, flush]
+  );
+  const applyView = useCallback(
+    (id) => {
+      const found = viewsRef.current.find((v) => v.id === id);
+      if (!found) return null;
+      setActiveViewId(id);
+      flush(viewsRef.current, id);
+      return found.state;
+    },
+    [flush]
+  );
+  const deleteView = useCallback(
+    (id) => {
+      const next = viewsRef.current.filter((v) => v.id !== id);
+      const nextActive = activeViewIdRef.current === id ? null : activeViewIdRef.current;
+      setViews(next);
+      setActiveViewId(nextActive);
+      flush(next, nextActive);
+    },
+    [flush]
+  );
+  const clearActiveView = useCallback(() => {
+    if (activeViewIdRef.current == null) return;
+    setActiveViewId(null);
+    flush(viewsRef.current, null);
+  }, [flush]);
+  return {
+    restored,
+    views,
+    activeViewId,
+    saveView,
+    applyView,
+    deleteView,
+    clearActiveView
+  };
+}
 function TasksPageCore({
   workspaceId: workspaceIdProp,
   projectId,
@@ -3490,6 +4339,7 @@ function TasksPageCore({
   columns,
   readonly,
   canCreateMilestone,
+  locale,
   hiddenFields,
   views,
   defaultView = "board",
@@ -3507,19 +4357,26 @@ function TasksPageCore({
   onTaskSaved,
   createSurface = "modal",
   detailSurface = "drawer",
+  enableSavedViews,
+  persistViewKey,
+  enableShortcuts,
   className
 }) {
   const ctx = usePlanMagnetContextSafe();
   const workspaceId = workspaceIdProp ?? ctx?.workspaceId;
   const client = useApolloClient();
   const mergedLabels = mergeTaskLabels(labels);
+  const savedViewsEnabled = Boolean(enableSavedViews || persistViewKey);
   const [view, setView] = useState(defaultView);
   const [search, setSearch] = useState("");
   const [priority, setPriority] = useState("ALL");
   const [type, setType] = useState("ALL");
   const [mine, setMine] = useState(false);
+  const [savedListColumns, setSavedListColumns] = useState(null);
   const [creating, setCreating] = useState(false);
   const [selectedId, setSelectedId] = useState(null);
+  const [showHelp, setShowHelp] = useState(false);
+  const searchInputRef = useRef(null);
   const [createDefaults, setCreateDefaults] = useState(null);
   useEffect(() => {
     if (openItemId) setSelectedId(openItemId);
@@ -3571,6 +4428,169 @@ function TasksPageCore({
     setSelectedId(task.id);
   }, []);
   const handleSelect = useCallback((id) => setSelectedId(id), []);
+  const persistEnabled = savedViewsEnabled && Boolean(workspaceId);
+  const storageKey = useMemo(
+    () => makeStorageKey(workspaceId ?? "", persistViewKey),
+    [workspaceId, persistViewKey]
+  );
+  const currentViewState = useMemo(
+    () => ({
+      view,
+      priority,
+      type,
+      search,
+      mine,
+      listColumns: savedListColumns
+    }),
+    [view, priority, type, search, mine, savedListColumns]
+  );
+  const applyViewState = useCallback((s) => {
+    setView(s.view);
+    setPriority(s.priority);
+    setType(s.type);
+    setSearch(s.search);
+    setMine(s.mine);
+    setSavedListColumns(s.listColumns);
+  }, []);
+  const {
+    restored,
+    views: savedViews,
+    activeViewId,
+    saveView,
+    applyView,
+    deleteView,
+    clearActiveView
+  } = useSavedViews({
+    storageKey,
+    enabled: persistEnabled,
+    current: currentViewState
+  });
+  const [didRestore, setDidRestore] = useState(false);
+  useEffect(() => {
+    if (didRestore || !persistEnabled) return;
+    if (restored) applyViewState(restored);
+    setDidRestore(true);
+  }, [persistEnabled]);
+  const handleApplySavedView = useCallback(
+    (id) => {
+      const s = applyView(id);
+      if (s) applyViewState(s);
+    },
+    [applyView, applyViewState]
+  );
+  const detachOnEdit = useCallback(() => {
+    if (activeViewId != null) clearActiveView();
+  }, [activeViewId, clearActiveView]);
+  const handleViewChange = useCallback(
+    (v) => {
+      setView(v);
+      detachOnEdit();
+    },
+    [detachOnEdit]
+  );
+  const handleSearchChange = useCallback(
+    (s) => {
+      setSearch(s);
+      detachOnEdit();
+    },
+    [detachOnEdit]
+  );
+  const handlePriorityChange = useCallback(
+    (p) => {
+      setPriority(p);
+      detachOnEdit();
+    },
+    [detachOnEdit]
+  );
+  const handleTypeChange = useCallback(
+    (t) => {
+      setType(t);
+      detachOnEdit();
+    },
+    [detachOnEdit]
+  );
+  const handleMineChange = useCallback(
+    (m) => {
+      setMine(m);
+      detachOnEdit();
+    },
+    [detachOnEdit]
+  );
+  const enabledViews = useMemo(
+    () => views ?? ["board", "list", "timeline"],
+    [views]
+  );
+  const shortcutsCanCreate = !readonly && Boolean(projectId);
+  useEffect(() => {
+    if (!enableShortcuts) return;
+    const onKeyDown = (e) => {
+      if (e.ctrlKey || e.metaKey || e.altKey) return;
+      const target = e.target;
+      if (target) {
+        const tag = target.tagName;
+        if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || target.isContentEditable) {
+          if (e.key !== "Escape") return;
+        }
+      }
+      switch (e.key) {
+        case "c":
+          if (shortcutsCanCreate) {
+            e.preventDefault();
+            startCreate();
+          }
+          break;
+        case "/":
+          e.preventDefault();
+          searchInputRef.current?.focus();
+          break;
+        case "b":
+          if (enabledViews.includes("board")) {
+            e.preventDefault();
+            setView("board");
+          }
+          break;
+        case "l":
+          if (enabledViews.includes("list")) {
+            e.preventDefault();
+            setView("list");
+          }
+          break;
+        case "g":
+          if (enabledViews.includes("timeline")) {
+            e.preventDefault();
+            setView("timeline");
+          }
+          break;
+        case "m":
+          if (currentActorId) {
+            e.preventDefault();
+            setMine((prev) => !prev);
+          }
+          break;
+        case "?":
+          e.preventDefault();
+          setShowHelp((v) => !v);
+          break;
+        case "Escape":
+          if (showHelp) setShowHelp(false);
+          if (creating) cancelCreate();
+          if (selectedId != null) setSelectedId(null);
+          break;
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [
+    enableShortcuts,
+    enabledViews,
+    shortcutsCanCreate,
+    currentActorId,
+    creating,
+    selectedId,
+    showHelp,
+    startCreate,
+    cancelCreate
+  ]);
   if (!workspaceId) {
     return /* @__PURE__ */ jsx("div", { className: cn("p-6 text-sm text-destructive", className), children: "TasksPage: no workspaceId provided (prop or PlanMagnetProvider)." });
   }
@@ -3611,32 +4631,37 @@ function TasksPageCore({
   const listPriority = priority === "ALL" ? void 0 : priority;
   const listType = type === "ALL" ? void 0 : type;
   const mineAssignee = mine && currentActorId ? currentActorId : void 0;
-  const listColumns = linkSourceProduct ? [
-    "title",
-    "status",
-    "priority",
-    "assignee",
-    "dueDate",
-    "linkedRecord"
-  ] : void 0;
+  const derivedListColumns = linkSourceProduct ? ["title", "status", "priority", "assignee", "dueDate", "linkedRecord"] : void 0;
+  const listColumns = savedListColumns ?? derivedListColumns;
   return /* @__PURE__ */ jsx(TaskLabelsProvider, { value: mergedLabels, children: /* @__PURE__ */ jsxs("div", { className: cn("space-y-4 p-6", className), children: [
     header && /* @__PURE__ */ jsx("div", { className: "min-w-0", children: typeof header === "string" ? /* @__PURE__ */ jsx("h1", { className: "truncate text-2xl font-semibold text-foreground", children: header }) : header }),
     /* @__PURE__ */ jsx(
       TaskToolbar,
       {
         view,
-        onViewChange: setView,
+        onViewChange: savedViewsEnabled ? handleViewChange : setView,
         views,
         search,
-        onSearchChange: setSearch,
+        onSearchChange: savedViewsEnabled ? handleSearchChange : setSearch,
+        searchInputRef: enableShortcuts ? searchInputRef : void 0,
         priority,
-        onPriorityChange: setPriority,
+        onPriorityChange: savedViewsEnabled ? handlePriorityChange : setPriority,
         type,
-        onTypeChange: setType,
+        onTypeChange: savedViewsEnabled ? handleTypeChange : setType,
         onNewTask: startCreate,
         canCreate,
         mine,
-        onMineChange: currentActorId ? setMine : void 0
+        onMineChange: currentActorId ? savedViewsEnabled ? handleMineChange : setMine : void 0,
+        leadingActions: savedViewsEnabled ? /* @__PURE__ */ jsx(
+          SavedViewsMenu,
+          {
+            views: savedViews,
+            activeViewId,
+            onSaveView: saveView,
+            onApplyView: handleApplySavedView,
+            onDeleteView: deleteView
+          }
+        ) : void 0
       }
     ),
     showInlineCreate && /* @__PURE__ */ jsx("div", { children: createForm }),
@@ -3670,6 +4695,8 @@ function TasksPageCore({
         search: search || void 0,
         assigneeId: mineAssignee,
         hideHeader: true,
+        selectable: !readonly,
+        assigneeOptions,
         resolveAssignee,
         linkSourceProduct,
         renderLinkIcon,
@@ -3689,7 +4716,8 @@ function TasksPageCore({
         resolveAssignee,
         onSelect: handleSelect,
         canCreateMilestone: canCreateMilestone ?? !readonly,
-        milestoneProjectId: boardProjectId ?? projectId
+        milestoneProjectId: boardProjectId ?? projectId,
+        locale
       }
     ),
     showInlineDetail && /* @__PURE__ */ jsx("div", { className: "pb-6", children: detailView }),
@@ -3711,9 +4739,60 @@ function TasksPageCore({
         ariaLabel: "Task detail",
         children: /* @__PURE__ */ jsx("div", { className: "p-2 pt-8", children: detailView })
       }
+    ),
+    enableShortcuts && /* @__PURE__ */ jsx(
+      Modal,
+      {
+        open: showHelp,
+        onClose: () => setShowHelp(false),
+        ariaLabel: mergedLabels.keyboardShortcuts,
+        className: "max-w-sm",
+        children: /* @__PURE__ */ jsx(
+          ShortcutsHelp,
+          {
+            labels: mergedLabels,
+            enabledViews,
+            canCreate,
+            showMine: Boolean(currentActorId)
+          }
+        )
+      }
     )
   ] }) });
 }
+function ShortcutRow({ keys, label }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 py-1.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1", children: keys.map((k) => /* @__PURE__ */ jsx(
+      "kbd",
+      {
+        className: "inline-flex min-w-[1.5rem] items-center justify-center rounded border border-border bg-muted px-1.5 py-0.5 text-xs font-medium text-muted-foreground",
+        children: k
+      },
+      k
+    )) })
+  ] });
+}
+function ShortcutsHelp({
+  labels: L,
+  enabledViews,
+  canCreate,
+  showMine
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "p-6 pt-8", children: [
+    /* @__PURE__ */ jsx("h2", { className: "mb-3 text-base font-semibold text-foreground", children: L.keyboardShortcuts }),
+    /* @__PURE__ */ jsxs("div", { className: "divide-y divide-border", children: [
+      canCreate && /* @__PURE__ */ jsx(ShortcutRow, { keys: ["c"], label: L.shortcutNewTask }),
+      /* @__PURE__ */ jsx(ShortcutRow, { keys: ["/"], label: L.shortcutSearch }),
+      enabledViews.includes("board") && /* @__PURE__ */ jsx(ShortcutRow, { keys: ["b"], label: L.shortcutBoardView }),
+      enabledViews.includes("list") && /* @__PURE__ */ jsx(ShortcutRow, { keys: ["l"], label: L.shortcutListView }),
+      enabledViews.includes("timeline") && /* @__PURE__ */ jsx(ShortcutRow, { keys: ["g"], label: L.shortcutTimelineView }),
+      showMine && /* @__PURE__ */ jsx(ShortcutRow, { keys: ["m"], label: L.shortcutMyTasks }),
+      /* @__PURE__ */ jsx(ShortcutRow, { keys: ["?"], label: L.shortcutHelp }),
+      /* @__PURE__ */ jsx(ShortcutRow, { keys: ["Esc"], label: L.shortcutClose })
+    ] })
+  ] });
+}
 function TasksPage({
   apiGatewayUrl,
   authToken,
@@ -3743,6 +4822,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, SavedViewsMenu, 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, makeStorageKey, mergeTaskLabels, resetPlanMagnetClient, resetPlanMagnetConfig, setPlanMagnetClient, setPlanMagnetConfig, useMilestones, usePlanMagnetContext, usePlanMagnetContextSafe, useSavedViews, useTaskLabels, useWorkItemLinks, validateTrustedOrigin, waitForPlanMagnetClient };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map