@burdenoff/planmagnet-fe-sdk 2026.703.3 → 2026.704.1

package/dist/index.js

@@ -6,7 +6,7 @@ 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, CalendarRange, List, LayoutGrid, Search, Plus } from 'lucide-react';
+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 { 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';
@@ -467,6 +467,51 @@ var DELETE_WORK_ITEM_LINK = gql`
     planmagnetUnlinkWorkItem(id: $id)
   }
 `;
+var MILESTONE_FIELDS = gql`
+  fragment MilestoneFields on Milestone {
+    id
+    projectId
+    name
+    description
+    status
+    dueDate
+    completedAt
+    ownerId
+    createdAt
+    updatedAt
+  }
+`;
+var LIST_MILESTONES = gql`
+  query ListMilestones(
+    $workspaceId: ID!
+    $filter: PlanmagnetMilestoneFilter
+    $pagination: PlanmagnetPaginationInput
+  ) {
+    planmagnetMilestones(
+      workspaceId: $workspaceId
+      filter: $filter
+      pagination: $pagination
+    ) {
+      items {
+        ...MilestoneFields
+      }
+      pageInfo {
+        hasNextPage
+        hasPreviousPage
+        startCursor
+        endCursor
+        totalCount
+      }
+      totalCount
+    }
+  }
+  ${MILESTONE_FIELDS}
+`;
+var DELETE_WORK_ITEM = gql`
+  mutation DeleteWorkItem($id: ID!) {
+    planmagnetDeleteWorkItem(id: $id)
+  }
+`;
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -639,6 +684,111 @@ function LinkChip({ link, renderIcon, className }) {
   }
   return body;
 }
+var DEFAULT_TASK_LABELS = {
+  board: "Board",
+  list: "List",
+  timeline: "Timeline",
+  searchPlaceholder: "Search tasks\u2026",
+  allPriorities: "All priorities",
+  allTypes: "All types",
+  newTask: "New task",
+  myTasks: "My tasks",
+  noTasks: "No tasks",
+  noTasksFound: "No tasks found.",
+  dropHere: "Drop here",
+  unassigned: "Unassigned",
+  assigned: "Assigned",
+  overdue: "{n} overdue",
+  noDueDate: "No due date ({n})",
+  milestones: "Milestones",
+  today: "Today",
+  week: "Week",
+  month: "Month",
+  tasksSingular: "task",
+  tasksPlural: "tasks",
+  colTask: "Task",
+  colStatus: "Status",
+  colPriority: "Priority",
+  colAssignee: "Assignee",
+  colDueDate: "Due Date",
+  colPoints: "Points",
+  colLinkedRecord: "Linked Record",
+  colType: "Type",
+  colKey: "Key",
+  colLabels: "Labels",
+  newTaskHeading: "New task",
+  newTaskSubtitle: "Create a work item in this workspace.",
+  title: "Title",
+  titlePlaceholder: "What needs doing?",
+  description: "Description",
+  descriptionPlaceholder: "Add more detail (optional)",
+  typeLabel: "Type",
+  statusLabel: "Status",
+  priorityLabel: "Priority",
+  assigneeLabel: "Assignee",
+  assigneePlaceholder: "Actor ID (optional)",
+  dueDateLabel: "Due date",
+  storyPointsLabel: "Story points",
+  labelsLabel: "Labels",
+  labelsPlaceholder: "comma, separated, labels",
+  create: "Create task",
+  creating: "Creating\u2026",
+  cancel: "Cancel",
+  edit: "Edit",
+  del: "Delete",
+  deletePrompt: "Delete?",
+  yes: "Yes",
+  no: "No",
+  save: "Save changes",
+  saving: "Saving\u2026",
+  taskNotFound: "Task not found.",
+  projectRequired: "A projectId is required to create a task.",
+  errorLoading: "Error loading tasks",
+  moveFailed: "Couldn't move the task. Please try again.",
+  failedToCreate: "Failed to create task",
+  failedToSave: "Failed to save",
+  failedToDelete: "Failed to delete",
+  overdueLabel: "Overdue",
+  more: "more",
+  status: {
+    BACKLOG: "Backlog",
+    TODO: "To Do",
+    IN_PROGRESS: "In Progress",
+    IN_REVIEW: "In Review",
+    TESTING: "Testing",
+    DONE: "Done",
+    CANCELLED: "Cancelled"
+  },
+  priority: {
+    NONE: "None",
+    LOW: "Low",
+    MEDIUM: "Medium",
+    HIGH: "High",
+    CRITICAL: "Critical"
+  },
+  type: {
+    TASK: "Task",
+    STORY: "Story",
+    BUG: "Bug",
+    EPIC: "Epic",
+    SUB_TASK: "Sub Task"
+  }
+};
+var TaskLabelsContext = createContext(DEFAULT_TASK_LABELS);
+var TaskLabelsProvider = TaskLabelsContext.Provider;
+function useTaskLabels() {
+  return useContext(TaskLabelsContext);
+}
+function mergeTaskLabels(overrides) {
+  if (!overrides) return DEFAULT_TASK_LABELS;
+  return {
+    ...DEFAULT_TASK_LABELS,
+    ...overrides,
+    status: { ...DEFAULT_TASK_LABELS.status, ...overrides.status },
+    priority: { ...DEFAULT_TASK_LABELS.priority, ...overrides.priority },
+    type: { ...DEFAULT_TASK_LABELS.type, ...overrides.type }
+  };
+}
 var STATUS_META = {
   BACKLOG: { icon: CircleDashed, tone: "text-muted-foreground/60" },
   TODO: { icon: Circle, tone: "text-muted-foreground" },
@@ -660,6 +810,7 @@ function StatusIcon({ status, className }) {
   );
 }
 function StatusPill({ status, className }) {
+  const L = useTaskLabels();
   return /* @__PURE__ */ jsxs(
     "span",
     {
@@ -669,7 +820,7 @@ function StatusPill({ status, className }) {
       ),
       children: [
         /* @__PURE__ */ jsx(StatusIcon, { status }),
-        enumLabel(status)
+        L.status[status]
       ]
     }
   );
@@ -687,12 +838,13 @@ function PriorityIndicator({
   showLabel = false,
   className
 }) {
+  const L = useTaskLabels();
   const meta = PRIORITY_META[priority] ?? PRIORITY_META.NONE;
   return /* @__PURE__ */ jsxs(
     "span",
     {
       className: cn("inline-flex items-center gap-1.5", meta.tone, className),
-      title: `Priority: ${enumLabel(priority)}`,
+      title: `${L.priorityLabel}: ${L.priority[priority]}`,
       children: [
         /* @__PURE__ */ jsx("span", { className: "flex items-end gap-0.5", "aria-hidden": "true", children: BAR_HEIGHTS.map((h, i) => /* @__PURE__ */ jsx(
           "span",
@@ -705,7 +857,7 @@ function PriorityIndicator({
           },
           h
         )) }),
-        showLabel && /* @__PURE__ */ jsx("span", { className: "text-xs font-medium capitalize", children: enumLabel(priority) })
+        showLabel && /* @__PURE__ */ jsx("span", { className: "text-xs font-medium capitalize", children: L.priority[priority] })
       ]
     }
   );
@@ -718,7 +870,8 @@ var TYPE_VARIANT = {
   SUB_TASK: "muted"
 };
 function TypeBadge({ type, className }) {
-  return /* @__PURE__ */ jsx(Badge, { variant: TYPE_VARIANT[type], className, children: enumLabel(type) });
+  const L = useTaskLabels();
+  return /* @__PURE__ */ jsx(Badge, { variant: TYPE_VARIANT[type], className, children: L.type[type] });
 }
 function OverlayShell({
   open,
@@ -796,6 +949,7 @@ function TaskCard({
   renderLinkIcon,
   className
 }) {
+  const L = useTaskLabels();
   const overdue = isOverdue(task.dueDate, task.status);
   const due = formatDueDate(task.dueDate);
   const resolved = task.assigneeId ? resolveAssignee?.(task.assigneeId) : null;
@@ -866,7 +1020,7 @@ function TaskCard({
             "span",
             {
               className: "flex h-5 min-w-5 items-center justify-center rounded-full bg-primary/10 px-1 text-[10px] font-semibold text-primary",
-              title: `${task.storyPoints} story points`,
+              title: `${task.storyPoints} ${L.storyPointsLabel}`,
               children: task.storyPoints
             }
           )
@@ -883,7 +1037,7 @@ function TaskCard({
                 "flex shrink-0 items-center gap-1 text-[11px]",
                 overdue ? "font-medium text-destructive" : "text-muted-foreground"
               ),
-              title: overdue ? "Overdue" : "Due date",
+              title: overdue ? L.overdueLabel : L.dueDateLabel,
               children: [
                 /* @__PURE__ */ jsx(CalendarDays, { className: "h-3 w-3", "aria-hidden": "true" }),
                 due
@@ -938,6 +1092,7 @@ function TaskBoardCore({
   const ctx = usePlanMagnetContextSafe();
   const workspaceId = workspaceIdProp ?? ctx?.workspaceId;
   const client = useApolloClient();
+  const L = useTaskLabels();
   const hidden = useMemo(() => new Set(hiddenFields ?? []), [hiddenFields]);
   const { linksByItem } = useWorkItemLinks(workspaceId, linkSourceProduct);
   const [draggingId, setDraggingId] = useState(null);
@@ -967,10 +1122,10 @@ function TaskBoardCore({
         variables: { id: task.id, input: { status: toStatus } }
       }).catch(() => {
         client.cache.modify({ id, fields: { status: () => from2 } });
-        setMoveError("Couldn't move the task. Please try again.");
+        setMoveError(L.moveFailed);
       });
     },
-    [client, updateItem]
+    [client, updateItem, L]
   );
   if (!workspaceId) {
     return /* @__PURE__ */ jsx("div", { className: cn("p-6 text-sm text-destructive", className), children: "TaskBoard: no workspaceId provided (prop or PlanMagnetProvider)." });
@@ -980,7 +1135,8 @@ function TaskBoardCore({
   }
   if (error && !data) {
     return /* @__PURE__ */ jsxs("div", { className: cn("p-6 text-sm text-destructive", className), children: [
-      "Error loading tasks: ",
+      L.errorLoading,
+      ": ",
       error.message
     ] });
   }
@@ -1012,11 +1168,11 @@ function TaskBoardCore({
   };
   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: "Board" }),
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground", children: L.board }),
       /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
         filtered.length,
         " ",
-        filtered.length === 1 ? "task" : "tasks"
+        filtered.length === 1 ? L.tasksSingular : L.tasksPlural
       ] })
     ] }),
     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 }),
@@ -1037,11 +1193,11 @@ function TaskBoardCore({
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-3 py-2", children: [
               /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
                 /* @__PURE__ */ jsx(StatusIcon, { status: col.status }),
-                col.label
+                L.status[col.status]
               ] }),
               /* @__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 ? "Drop here" : "No tasks" }) : colTasks.map((task) => /* @__PURE__ */ jsx(
+            /* @__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,
@@ -1106,10 +1262,11 @@ var fieldClass = "w-full rounded-md border border-input bg-background px-3 py-2
 var labelClass = "text-sm font-medium text-foreground";
 function CreateTaskCore({
   projectId: projectIdProp,
+  assigneeOptions,
   hiddenFields,
   defaultValues,
   hideHeader,
-  submitLabel = "Create task",
+  submitLabel,
   onCreated,
   onError: onError2,
   onCancel,
@@ -1119,6 +1276,7 @@ function CreateTaskCore({
   const ctx = usePlanMagnetContextSafe();
   const workspaceId = workspaceIdProp ?? ctx?.workspaceId;
   const projectId = projectIdProp ?? defaultValues?.projectId;
+  const L = useTaskLabels();
   const hidden = useMemo(
     () => new Set(hiddenFields ?? []),
     [hiddenFields]
@@ -1201,12 +1359,12 @@ function CreateTaskCore({
   }
   return /* @__PURE__ */ jsx(Card, { className: cn("shadow-sm", className), children: /* @__PURE__ */ jsx(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
     !hideHeader && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-foreground", children: "New task" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Create a work item in this workspace." })
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-foreground", children: L.newTaskHeading }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: L.newTaskSubtitle })
     ] }),
-    !projectId && /* @__PURE__ */ jsx("p", { className: "rounded-md bg-destructive/10 p-2 text-xs text-destructive", children: "A projectId is required to create a task." }),
+    !projectId && /* @__PURE__ */ jsx("p", { className: "rounded-md bg-destructive/10 p-2 text-xs text-destructive", children: L.projectRequired }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx("label", { htmlFor: "pm-title", className: labelClass, children: "Title" }),
+      /* @__PURE__ */ jsx("label", { htmlFor: "pm-title", className: labelClass, children: L.title }),
       /* @__PURE__ */ jsx(
         "input",
         {
@@ -1214,13 +1372,13 @@ function CreateTaskCore({
           className: fieldClass,
           value: title,
           onChange: (e) => setTitle(e.target.value),
-          placeholder: "What needs doing?",
+          placeholder: L.titlePlaceholder,
           required: true
         }
       )
     ] }),
     !hidden.has("description") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx("label", { htmlFor: "pm-description", className: labelClass, children: "Description" }),
+      /* @__PURE__ */ jsx("label", { htmlFor: "pm-description", className: labelClass, children: L.description }),
       /* @__PURE__ */ jsx(
         "textarea",
         {
@@ -1228,13 +1386,13 @@ function CreateTaskCore({
           className: cn(fieldClass, "min-h-[80px]"),
           value: description,
           onChange: (e) => setDescription(e.target.value),
-          placeholder: "Add more detail (optional)"
+          placeholder: L.descriptionPlaceholder
         }
       )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
       !hidden.has("type") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "pm-type", className: labelClass, children: "Type" }),
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-type", className: labelClass, children: L.typeLabel }),
         /* @__PURE__ */ jsx(
           "select",
           {
@@ -1242,12 +1400,12 @@ function CreateTaskCore({
             className: cn(fieldClass, "capitalize"),
             value: type,
             onChange: (e) => setType(e.target.value),
-            children: TASK_TYPES.map((t) => /* @__PURE__ */ jsx("option", { value: t, children: enumLabel(t) }, t))
+            children: TASK_TYPES.map((t) => /* @__PURE__ */ jsx("option", { value: t, children: L.type[t] }, t))
           }
         )
       ] }),
       !hidden.has("status") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "pm-status", className: labelClass, children: "Status" }),
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-status", className: labelClass, children: L.statusLabel }),
         /* @__PURE__ */ jsx(
           "select",
           {
@@ -1255,12 +1413,12 @@ function CreateTaskCore({
             className: cn(fieldClass, "capitalize"),
             value: status,
             onChange: (e) => setStatus(e.target.value),
-            children: TASK_STATUSES.map((s) => /* @__PURE__ */ jsx("option", { value: s, children: enumLabel(s) }, s))
+            children: TASK_STATUSES.map((s) => /* @__PURE__ */ jsx("option", { value: s, children: L.status[s] }, s))
           }
         )
       ] }),
       !hidden.has("priority") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "pm-priority", className: labelClass, children: "Priority" }),
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-priority", className: labelClass, children: L.priorityLabel }),
         /* @__PURE__ */ jsx(
           "select",
           {
@@ -1268,25 +1426,37 @@ function CreateTaskCore({
             className: cn(fieldClass, "capitalize"),
             value: priority,
             onChange: (e) => setPriority(e.target.value),
-            children: TASK_PRIORITIES.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: enumLabel(p) }, p))
+            children: TASK_PRIORITIES.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: L.priority[p] }, p))
           }
         )
       ] }),
       !hidden.has("assignee") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "pm-assignee", className: labelClass, children: "Assignee" }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-assignee", className: labelClass, children: L.assigneeLabel }),
+        assigneeOptions && assigneeOptions.length > 0 ? /* @__PURE__ */ jsxs(
+          "select",
+          {
+            id: "pm-assignee",
+            className: fieldClass,
+            value: assigneeId,
+            onChange: (e) => setAssigneeId(e.target.value),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: L.unassigned }),
+              assigneeOptions.map((o) => /* @__PURE__ */ jsx("option", { value: o.id, children: o.name }, o.id))
+            ]
+          }
+        ) : /* @__PURE__ */ jsx(
           "input",
           {
             id: "pm-assignee",
             className: fieldClass,
             value: assigneeId,
             onChange: (e) => setAssigneeId(e.target.value),
-            placeholder: "Actor ID (optional)"
+            placeholder: L.assigneePlaceholder
           }
         )
       ] }),
       !hidden.has("dueDate") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "pm-due", className: labelClass, children: "Due date" }),
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-due", className: labelClass, children: L.dueDateLabel }),
         /* @__PURE__ */ jsx(
           "input",
           {
@@ -1299,7 +1469,7 @@ function CreateTaskCore({
         )
       ] }),
       !hidden.has("storyPoints") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "pm-points", className: labelClass, children: "Story points" }),
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-points", className: labelClass, children: L.storyPointsLabel }),
         /* @__PURE__ */ jsx(
           "input",
           {
@@ -1315,7 +1485,7 @@ function CreateTaskCore({
       ] })
     ] }),
     !hidden.has("labels") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx("label", { htmlFor: "pm-labels", className: labelClass, children: "Labels" }),
+      /* @__PURE__ */ jsx("label", { htmlFor: "pm-labels", className: labelClass, children: L.labelsLabel }),
       /* @__PURE__ */ jsx(
         "input",
         {
@@ -1323,12 +1493,13 @@ function CreateTaskCore({
           className: fieldClass,
           value: labels,
           onChange: (e) => setLabels(e.target.value),
-          placeholder: "comma, separated, labels"
+          placeholder: L.labelsPlaceholder
         }
       )
     ] }),
     error && /* @__PURE__ */ jsxs("p", { className: "text-sm text-destructive", children: [
-      "Failed to create task: ",
+      L.failedToCreate,
+      ": ",
       error.message
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
@@ -1338,7 +1509,7 @@ function CreateTaskCore({
           type: "button",
           onClick: onCancel,
           className: "rounded-md bg-muted px-4 py-2 text-sm font-medium text-muted-foreground hover:bg-muted/70",
-          children: "Cancel"
+          children: L.cancel
         }
       ),
       /* @__PURE__ */ jsx(
@@ -1350,7 +1521,7 @@ function CreateTaskCore({
             "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground",
             (!canSubmit || loading) && "cursor-not-allowed opacity-50"
           ),
-          children: loading ? "Creating\u2026" : submitLabel
+          children: loading ? L.creating : submitLabel ?? L.create
         }
       )
     ] })
@@ -1408,18 +1579,32 @@ var statusRank = {
   DONE: 5,
   CANCELLED: 6
 };
-var COLUMN_LABELS = {
-  key: "Key",
-  title: "Task",
-  type: "Type",
-  status: "Status",
-  priority: "Priority",
-  assignee: "Assignee",
-  dueDate: "Due Date",
-  storyPoints: "Points",
-  linkedRecord: "Linked Record",
-  labels: "Labels"
-};
+function columnLabel(col, L) {
+  switch (col) {
+    case "key":
+      return L.colKey;
+    case "title":
+      return L.colTask;
+    case "type":
+      return L.colType;
+    case "status":
+      return L.colStatus;
+    case "priority":
+      return L.colPriority;
+    case "assignee":
+      return L.colAssignee;
+    case "dueDate":
+      return L.colDueDate;
+    case "storyPoints":
+      return L.colPoints;
+    case "linkedRecord":
+      return L.colLinkedRecord;
+    case "labels":
+      return L.colLabels;
+    default:
+      return col;
+  }
+}
 var COLUMN_SORT = {
   title: "title",
   type: "type",
@@ -1450,6 +1635,7 @@ function TaskListCore({
   const ctx = usePlanMagnetContextSafe();
   const workspaceId = workspaceIdProp ?? ctx?.workspaceId;
   const { linksByItem } = useWorkItemLinks(workspaceId, linkSourceProduct);
+  const L = useTaskLabels();
   const [sort, setSort] = useState({
     by: sortBy ?? null,
     dir: sortDir
@@ -1497,17 +1683,18 @@ function TaskListCore({
   }
   if (error && !data) {
     return /* @__PURE__ */ jsxs("div", { className: cn("p-6 text-sm text-destructive", className), children: [
-      "Error loading tasks: ",
+      L.errorLoading,
+      ": ",
       error.message
     ] });
   }
   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: "List" }),
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground", children: L.list }),
       /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
         rows.length,
         " ",
-        rows.length === 1 ? "task" : "tasks"
+        rows.length === 1 ? L.tasksSingular : L.tasksPlural
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-lg border border-border", children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-sm", children: [
@@ -1523,7 +1710,7 @@ function TaskListCore({
               sortable && "cursor-pointer select-none hover:text-foreground"
             ),
             children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
-              COLUMN_LABELS[col],
+              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" }))
             ] })
           },
@@ -1536,7 +1723,7 @@ function TaskListCore({
           {
             colSpan: columns.length,
             className: "px-3 py-8 text-center text-muted-foreground",
-            children: "No tasks found."
+            children: L.noTasksFound
           }
         ) }),
         rows.map((task) => /* @__PURE__ */ jsx(
@@ -1554,7 +1741,8 @@ function TaskListCore({
                 children: renderCell(col, task, {
                   resolveAssignee,
                   links: linksByItem.get(task.id),
-                  renderLinkIcon
+                  renderLinkIcon,
+                  unassigned: L.unassigned
                 })
               },
               col
@@ -1567,7 +1755,7 @@ function TaskListCore({
   ] });
 }
 function renderCell(col, task, opts) {
-  const { resolveAssignee, links, renderLinkIcon } = opts;
+  const { resolveAssignee, links, renderLinkIcon, unassigned } = opts;
   switch (col) {
     case "key":
       return /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-muted-foreground", children: task.key });
@@ -1586,7 +1774,7 @@ function renderCell(col, task, opts) {
       const resolved = task.assigneeId ? resolveAssignee?.(task.assigneeId) : null;
       return /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx(Avatar, { id: task.assigneeId, name: resolved?.name, size: "sm" }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: resolved?.name ?? (task.assigneeId ? "" : "Unassigned") })
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: resolved?.name ?? (task.assigneeId ? "" : unassigned) })
       ] });
     }
     case "dueDate": {
@@ -1675,6 +1863,35 @@ function TaskList({
     }
   );
 }
+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 }
+    },
+    skip: !workspaceId || !enabled,
+    errorPolicy: "all"
+  });
+  const milestones = useMemo(
+    () => data?.planmagnetMilestones?.items ?? [],
+    [data]
+  );
+  const byDay = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const m of milestones) {
+      const d = parseDate(m.dueDate);
+      if (!d) continue;
+      const key = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+      const arr = map.get(key);
+      if (arr) arr.push(m);
+      else map.set(key, [m]);
+    }
+    return map;
+  }, [milestones]);
+  return { milestones, byDay, loading };
+}
 var WEEK_OPTS = { weekStartsOn: 1 };
 function dayKey(d) {
   return format(d, "yyyy-MM-dd");
@@ -1688,11 +1905,17 @@ function TaskTimelineCore({
   defaultMode = "week",
   onSelect,
   resolveAssignee,
+  showMilestones = true,
   className,
   workspaceId: workspaceIdProp
 }) {
   const ctx = usePlanMagnetContextSafe();
   const workspaceId = workspaceIdProp ?? ctx?.workspaceId;
+  const L = useTaskLabels();
+  const { milestones, byDay: milestonesByDay } = useMilestones(workspaceId, {
+    projectId,
+    enabled: showMilestones
+  });
   const [mode, setMode] = useState(defaultMode);
   const [offset, setOffset] = useState(0);
   const { data, loading, error } = useQuery(
@@ -1772,7 +1995,8 @@ function TaskTimelineCore({
   }
   if (error && !data) {
     return /* @__PURE__ */ jsxs("div", { className: cn("p-6 text-sm text-destructive", className), children: [
-      "Error loading timeline: ",
+      L.errorLoading,
+      ": ",
       error.message
     ] });
   }
@@ -1796,7 +2020,7 @@ function TaskTimelineCore({
             type: "button",
             onClick: () => setOffset(0),
             className: "h-8 rounded-md border border-border px-3 text-xs font-medium text-foreground hover:bg-muted/50",
-            children: "Today"
+            children: L.today
           }
         ),
         /* @__PURE__ */ jsx(
@@ -1823,16 +2047,13 @@ function TaskTimelineCore({
             "rounded px-3 py-1 text-xs font-medium capitalize transition-colors",
             mode === m ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground"
           ),
-          children: m
+          children: m === "week" ? L.week : L.month
         },
         m
       )) })
     ] }),
     overdue.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2", children: [
-      /* @__PURE__ */ jsxs("p", { className: "mb-1 text-xs font-semibold text-destructive", children: [
-        overdue.length,
-        " overdue"
-      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-semibold text-destructive", children: L.overdue.replace("{n}", String(overdue.length)) }),
       /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: overdue.map((t) => /* @__PURE__ */ jsx(
         TaskChip,
         {
@@ -1844,8 +2065,16 @@ 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
+      ] }),
+      /* @__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)) ?? [];
+      const dayMilestones = milestonesByDay.get(dayKey(day)) ?? [];
       const today = isToday(day);
       return /* @__PURE__ */ jsxs(
         "div",
@@ -1877,15 +2106,18 @@ function TaskTimelineCore({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5", children: items.map((t) => /* @__PURE__ */ jsx(
-              TaskChip,
-              {
-                task: t,
-                onSelect,
-                resolveAssignee
-              },
-              t.id
-            )) })
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              dayMilestones.map((m) => /* @__PURE__ */ jsx(MilestoneFlag, { milestone: m, compact: true }, m.id)),
+              items.map((t) => /* @__PURE__ */ jsx(
+                TaskChip,
+                {
+                  task: t,
+                  onSelect,
+                  resolveAssignee
+                },
+                t.id
+              ))
+            ] })
           ]
         },
         dayKey(day)
@@ -1935,7 +2167,8 @@ function TaskTimelineCore({
               items.length > 3 && /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground", children: [
                 "+",
                 items.length - 3,
-                " more"
+                " ",
+                L.more
               ] })
             ]
           },
@@ -1944,11 +2177,7 @@ function TaskTimelineCore({
       })
     ] }),
     undated.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border bg-muted/20 px-3 py-2", children: [
-      /* @__PURE__ */ jsxs("p", { className: "mb-1 text-xs font-semibold text-muted-foreground", children: [
-        "No due date (",
-        undated.length,
-        ")"
-      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-semibold text-muted-foreground", children: L.noDueDate.replace("{n}", String(undated.length)) }),
       /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: undated.map((t) => /* @__PURE__ */ jsx(
         TaskChip,
         {
@@ -1961,6 +2190,30 @@ function TaskTimelineCore({
     ] })
   ] });
 }
+function MilestoneFlag({
+  milestone,
+  compact
+}) {
+  const due = formatDueDate(milestone.dueDate);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex max-w-full items-center gap-1 rounded-md border border-primary/40 bg-primary/10 px-1.5 py-1 text-[11px] font-medium text-primary",
+        compact && "w-full"
+      ),
+      title: milestone.name + (due ? ` \xB7 ${due}` : ""),
+      children: [
+        /* @__PURE__ */ jsx(Flag, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: milestone.name }),
+        !compact && due && /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-primary/70", children: [
+          "\xB7 ",
+          due
+        ] })
+      ]
+    }
+  );
+}
 function TaskChip({
   task,
   onSelect,
@@ -1990,10 +2243,10 @@ function TaskChip({
     }
   );
 }
-var VIEW_META = {
-  board: { label: "Board", icon: LayoutGrid },
-  list: { label: "List", icon: List },
-  timeline: { label: "Timeline", icon: CalendarRange }
+var VIEW_ICONS = {
+  board: LayoutGrid,
+  list: List,
+  timeline: CalendarRange
 };
 var SELECT_CLASS = "h-8 rounded-md border border-border bg-background px-2 text-xs font-medium text-foreground capitalize transition-colors hover:bg-muted/50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring";
 function TaskToolbar({
@@ -2008,8 +2261,16 @@ function TaskToolbar({
   onTypeChange,
   onNewTask,
   canCreate,
+  mine,
+  onMineChange,
   className
 }) {
+  const L = useTaskLabels();
+  const viewLabel = {
+    board: L.board,
+    list: L.list,
+    timeline: L.timeline
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -2025,8 +2286,7 @@ function TaskToolbar({
             role: "tablist",
             "aria-label": "Task views",
             children: views.map((v) => {
-              const meta = VIEW_META[v];
-              const Icon = meta.icon;
+              const Icon = VIEW_ICONS[v];
               const active = v === view;
               return /* @__PURE__ */ jsxs(
                 "button",
@@ -2041,7 +2301,7 @@ function TaskToolbar({
                   ),
                   children: [
                     /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4", "aria-hidden": "true" }),
-                    meta.label,
+                    viewLabel[v],
                     active && /* @__PURE__ */ jsx("span", { className: "absolute inset-x-1 -bottom-[9px] h-0.5 rounded-full bg-primary" })
                   ]
                 },
@@ -2065,22 +2325,38 @@ function TaskToolbar({
                 type: "search",
                 value: search,
                 onChange: (e) => onSearchChange(e.target.value),
-                placeholder: "Search tasks\u2026",
-                "aria-label": "Search tasks",
+                placeholder: L.searchPlaceholder,
+                "aria-label": L.searchPlaceholder,
                 className: "h-8 w-40 rounded-md border border-border bg-background pl-7 pr-2 text-xs text-foreground placeholder:text-muted-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring"
               }
             )
           ] }),
+          onMineChange && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => onMineChange(!mine),
+              "aria-pressed": mine,
+              className: cn(
+                "flex h-8 items-center gap-1.5 rounded-md border px-2.5 text-xs font-medium transition-colors",
+                mine ? "border-primary bg-primary/10 text-primary" : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(User, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+                L.myTasks
+              ]
+            }
+          ),
           /* @__PURE__ */ jsxs(
             "select",
             {
               value: priority,
               onChange: (e) => onPriorityChange(e.target.value),
-              "aria-label": "Filter by priority",
+              "aria-label": L.priorityLabel,
               className: SELECT_CLASS,
               children: [
-                /* @__PURE__ */ jsx("option", { value: "ALL", children: "All priorities" }),
-                TASK_PRIORITIES.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: enumLabel(p) }, p))
+                /* @__PURE__ */ jsx("option", { value: "ALL", children: L.allPriorities }),
+                TASK_PRIORITIES.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: L.priority[p] }, p))
               ]
             }
           ),
@@ -2089,11 +2365,11 @@ function TaskToolbar({
             {
               value: type,
               onChange: (e) => onTypeChange(e.target.value),
-              "aria-label": "Filter by type",
+              "aria-label": L.typeLabel,
               className: SELECT_CLASS,
               children: [
-                /* @__PURE__ */ jsx("option", { value: "ALL", children: "All types" }),
-                TASK_TYPES.map((t) => /* @__PURE__ */ jsx("option", { value: t, children: enumLabel(t) }, t))
+                /* @__PURE__ */ jsx("option", { value: "ALL", children: L.allTypes }),
+                TASK_TYPES.map((t) => /* @__PURE__ */ jsx("option", { value: t, children: L.type[t] }, t))
               ]
             }
           ),
@@ -2105,7 +2381,7 @@ function TaskToolbar({
               className: "flex h-8 items-center gap-1.5 rounded-md bg-primary px-3 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90",
               children: [
                 /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4", "aria-hidden": "true" }),
-                "New task"
+                L.newTask
               ]
             }
           )
@@ -2129,9 +2405,14 @@ function TaskDetailCore({
   hiddenFields,
   hideHeader,
   onUpdated,
+  onDeleted,
   onError: onError2,
+  resolveAssignee,
+  assigneeOptions,
   className
 }) {
+  const client = useApolloClient();
+  const L = useTaskLabels();
   const hidden = useMemo(
     () => new Set(hiddenFields ?? []),
     [hiddenFields]
@@ -2142,6 +2423,7 @@ function TaskDetailCore({
   });
   const item = data?.planmagnetWorkItem ?? null;
   const [editing, setEditing] = useState(false);
+  const [confirmingDelete, setConfirmingDelete] = useState(false);
   const [title, setTitle] = useState("");
   const [description, setDescription] = useState("");
   const [type, setType] = useState("TASK");
@@ -2164,6 +2446,22 @@ function TaskDetailCore({
     setStoryPoints(item.storyPoints != null ? String(item.storyPoints) : "");
   }, [item]);
   const [updateWorkItem, { loading: saving, error: saveError }] = useMutation(UPDATE_WORK_ITEM);
+  const [deleteWorkItem, { loading: deleting, error: deleteError }] = useMutation(DELETE_WORK_ITEM);
+  const handleDelete = async () => {
+    if (!item) return;
+    try {
+      await deleteWorkItem({ variables: { id: item.id } });
+      client.cache.evict({
+        id: client.cache.identify({ __typename: "WorkItem", id: item.id })
+      });
+      client.cache.gc();
+      void client.refetchQueries({ include: [LIST_WORK_ITEMS] }).catch(() => {
+      });
+      onDeleted?.(item.id);
+    } catch (err) {
+      onError2?.(err instanceof Error ? err : new Error(String(err)));
+    }
+  };
   const handleSave = async (e) => {
     e.preventDefault();
     if (!item) return;
@@ -2212,12 +2510,13 @@ function TaskDetailCore({
   }
   if (error && !data) {
     return /* @__PURE__ */ jsxs("div", { className: cn("p-6 text-sm text-destructive", className), children: [
-      "Error loading task: ",
+      L.errorLoading,
+      ": ",
       error.message
     ] });
   }
   if (!item) {
-    return /* @__PURE__ */ jsx("div", { className: cn("p-6 text-sm text-muted-foreground", className), children: "Task not found." });
+    return /* @__PURE__ */ jsx("div", { className: cn("p-6 text-sm text-muted-foreground", className), children: L.taskNotFound });
   }
   const canEdit = !readonly;
   return /* @__PURE__ */ jsx(Card, { className: cn("shadow-sm", className), children: /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4 p-6", children: [
@@ -2226,29 +2525,78 @@ function TaskDetailCore({
         /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: item.key }),
         /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-foreground", children: item.title })
       ] }),
-      canEdit && !editing && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => setEditing(true),
-          className: "rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground",
-          children: "Edit"
-        }
-      )
+      canEdit && !editing && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+        onDeleted && (confirmingDelete ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-xs", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: L.deletePrompt }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              disabled: deleting,
+              onClick: handleDelete,
+              className: "rounded bg-destructive px-2 py-1 font-medium text-destructive-foreground disabled:opacity-50",
+              children: deleting ? "\u2026" : L.yes
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setConfirmingDelete(false),
+              className: "rounded bg-muted px-2 py-1 text-muted-foreground",
+              children: L.no
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setConfirmingDelete(true),
+            title: L.del,
+            "aria-label": L.del,
+            className: "rounded-md p-1.5 text-destructive hover:bg-destructive/10",
+            children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+          }
+        )),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setEditing(true),
+            className: "rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground",
+            children: L.edit
+          }
+        )
+      ] })
+    ] }),
+    deleteError && /* @__PURE__ */ jsxs("p", { className: "text-sm text-destructive", children: [
+      L.failedToDelete,
+      ": ",
+      deleteError.message
     ] }),
     !editing ? /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
-      !hidden.has("type") && /* @__PURE__ */ jsx(Field, { label: "Type", children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: enumLabel(item.type) }) }),
-      !hidden.has("status") && /* @__PURE__ */ jsx(Field, { label: "Status", children: /* @__PURE__ */ jsx("span", { className: "capitalize text-foreground", children: enumLabel(item.status) }) }),
-      !hidden.has("priority") && /* @__PURE__ */ jsx(Field, { label: "Priority", children: /* @__PURE__ */ jsx(Badge, { variant: priorityVariant[item.priority], children: enumLabel(item.priority) }) }),
-      !hidden.has("assignee") && /* @__PURE__ */ jsx(Field, { label: "Assignee", children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: item.assigneeId ?? "Unassigned" }) }),
-      !hidden.has("dueDate") && /* @__PURE__ */ jsx(Field, { label: "Due date", children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: item.dueDate ?? "\u2014" }) }),
-      !hidden.has("storyPoints") && /* @__PURE__ */ jsx(Field, { label: "Story points", children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: item.storyPoints ?? 0 }) }),
+      !hidden.has("type") && /* @__PURE__ */ jsx(Field, { label: L.typeLabel, children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: L.type[item.type] }) }),
+      !hidden.has("status") && /* @__PURE__ */ jsx(Field, { label: L.statusLabel, children: /* @__PURE__ */ jsx("span", { className: "capitalize text-foreground", children: L.status[item.status] }) }),
+      !hidden.has("priority") && /* @__PURE__ */ jsx(Field, { label: L.priorityLabel, children: /* @__PURE__ */ jsx(Badge, { variant: priorityVariant[item.priority], children: L.priority[item.priority] }) }),
+      !hidden.has("assignee") && /* @__PURE__ */ jsx(Field, { label: L.assigneeLabel, children: item.assigneeId ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(
+          Avatar,
+          {
+            id: item.assigneeId,
+            name: resolveAssignee?.(item.assigneeId)?.name,
+            size: "sm"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: resolveAssignee?.(item.assigneeId)?.name ?? L.assigned })
+      ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: L.unassigned }) }),
+      !hidden.has("dueDate") && /* @__PURE__ */ jsx(Field, { label: L.dueDateLabel, children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: item.dueDate ?? "\u2014" }) }),
+      !hidden.has("storyPoints") && /* @__PURE__ */ jsx(Field, { label: L.storyPointsLabel, children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: item.storyPoints ?? 0 }) }),
       !hidden.has("description") && /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
-        /* @__PURE__ */ jsx("dt", { className: labelClass2, children: "Description" }),
+        /* @__PURE__ */ jsx("dt", { className: labelClass2, children: L.description }),
         /* @__PURE__ */ jsx("dd", { className: "mt-1 whitespace-pre-wrap text-sm text-foreground", children: item.description || "\u2014" })
       ] }),
       !hidden.has("labels") && /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
-        /* @__PURE__ */ jsx("dt", { className: labelClass2, children: "Labels" }),
+        /* @__PURE__ */ jsx("dt", { className: labelClass2, children: L.labelsLabel }),
         /* @__PURE__ */ jsx("dd", { className: "mt-1 flex flex-wrap gap-1", children: (item.labels ?? []).length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "\u2014" }) : item.labels.map((l) => /* @__PURE__ */ jsx(
           "span",
           {
@@ -2260,7 +2608,7 @@ function TaskDetailCore({
       ] })
     ] }) : /* @__PURE__ */ jsxs("form", { onSubmit: handleSave, className: "space-y-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-title", className: labelClass2, children: "Title" }),
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-title", className: labelClass2, children: L.title }),
         /* @__PURE__ */ jsx(
           "input",
           {
@@ -2273,7 +2621,7 @@ function TaskDetailCore({
         )
       ] }),
       !hidden.has("description") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-desc", className: labelClass2, children: "Description" }),
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-desc", className: labelClass2, children: L.description }),
         /* @__PURE__ */ jsx(
           "textarea",
           {
@@ -2286,7 +2634,7 @@ function TaskDetailCore({
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
         !hidden.has("type") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-type", className: labelClass2, children: "Type" }),
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-type", className: labelClass2, children: L.typeLabel }),
           /* @__PURE__ */ jsx(
             "select",
             {
@@ -2294,12 +2642,12 @@ function TaskDetailCore({
               className: cn(fieldClass2, "capitalize"),
               value: type,
               onChange: (e) => setType(e.target.value),
-              children: TASK_TYPES.map((t) => /* @__PURE__ */ jsx("option", { value: t, children: enumLabel(t) }, t))
+              children: TASK_TYPES.map((t) => /* @__PURE__ */ jsx("option", { value: t, children: L.type[t] }, t))
             }
           )
         ] }),
         !hidden.has("status") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-status", className: labelClass2, children: "Status" }),
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-status", className: labelClass2, children: L.statusLabel }),
           /* @__PURE__ */ jsx(
             "select",
             {
@@ -2307,12 +2655,12 @@ function TaskDetailCore({
               className: cn(fieldClass2, "capitalize"),
               value: status,
               onChange: (e) => setStatus(e.target.value),
-              children: TASK_STATUSES.map((s) => /* @__PURE__ */ jsx("option", { value: s, children: enumLabel(s) }, s))
+              children: TASK_STATUSES.map((s) => /* @__PURE__ */ jsx("option", { value: s, children: L.status[s] }, s))
             }
           )
         ] }),
         !hidden.has("priority") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-priority", className: labelClass2, children: "Priority" }),
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-priority", className: labelClass2, children: L.priorityLabel }),
           /* @__PURE__ */ jsx(
             "select",
             {
@@ -2320,25 +2668,37 @@ function TaskDetailCore({
               className: cn(fieldClass2, "capitalize"),
               value: priority,
               onChange: (e) => setPriority(e.target.value),
-              children: TASK_PRIORITIES.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: enumLabel(p) }, p))
+              children: TASK_PRIORITIES.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: L.priority[p] }, p))
             }
           )
         ] }),
         !hidden.has("assignee") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-assignee", className: labelClass2, children: "Assignee" }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-assignee", className: labelClass2, children: L.assigneeLabel }),
+          assigneeOptions && assigneeOptions.length > 0 ? /* @__PURE__ */ jsxs(
+            "select",
+            {
+              id: "pm-detail-assignee",
+              className: fieldClass2,
+              value: assigneeId,
+              onChange: (e) => setAssigneeId(e.target.value),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: L.unassigned }),
+                assigneeOptions.map((o) => /* @__PURE__ */ jsx("option", { value: o.id, children: o.name }, o.id))
+              ]
+            }
+          ) : /* @__PURE__ */ jsx(
             "input",
             {
               id: "pm-detail-assignee",
               className: fieldClass2,
               value: assigneeId,
               onChange: (e) => setAssigneeId(e.target.value),
-              placeholder: "Actor ID"
+              placeholder: L.assigneePlaceholder
             }
           )
         ] }),
         !hidden.has("dueDate") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-due", className: labelClass2, children: "Due date" }),
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-due", className: labelClass2, children: L.dueDateLabel }),
           /* @__PURE__ */ jsx(
             "input",
             {
@@ -2351,7 +2711,7 @@ function TaskDetailCore({
           )
         ] }),
         !hidden.has("storyPoints") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-points", className: labelClass2, children: "Story points" }),
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-points", className: labelClass2, children: L.storyPointsLabel }),
           /* @__PURE__ */ jsx(
             "input",
             {
@@ -2366,7 +2726,7 @@ function TaskDetailCore({
         ] })
       ] }),
       !hidden.has("labels") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-labels", className: labelClass2, children: "Labels" }),
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-labels", className: labelClass2, children: L.labelsLabel }),
         /* @__PURE__ */ jsx(
           "input",
           {
@@ -2374,12 +2734,13 @@ function TaskDetailCore({
             className: fieldClass2,
             value: labels,
             onChange: (e) => setLabels(e.target.value),
-            placeholder: "comma, separated, labels"
+            placeholder: L.labelsPlaceholder
           }
         )
       ] }),
       saveError && /* @__PURE__ */ jsxs("p", { className: "text-sm text-destructive", children: [
-        "Failed to save: ",
+        L.failedToSave,
+        ": ",
         saveError.message
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
@@ -2389,7 +2750,7 @@ function TaskDetailCore({
             type: "button",
             onClick: () => setEditing(false),
             className: "rounded-md bg-muted px-4 py-2 text-sm font-medium text-muted-foreground hover:bg-muted/70",
-            children: "Cancel"
+            children: L.cancel
           }
         ),
         /* @__PURE__ */ jsx(
@@ -2401,7 +2762,7 @@ function TaskDetailCore({
               "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground",
               (saving || !title.trim()) && "cursor-not-allowed opacity-50"
             ),
-            children: saving ? "Saving\u2026" : "Save changes"
+            children: saving ? L.saving : L.save
           }
         )
       ] })
@@ -2454,6 +2815,9 @@ function TasksPageCore({
   resolveAssignee,
   linkSourceProduct,
   renderLinkIcon,
+  assigneeOptions,
+  currentActorId,
+  labels,
   header,
   onTaskSaved,
   createSurface = "modal",
@@ -2463,10 +2827,12 @@ function TasksPageCore({
   const ctx = usePlanMagnetContextSafe();
   const workspaceId = workspaceIdProp ?? ctx?.workspaceId;
   const client = useApolloClient();
+  const mergedLabels = mergeTaskLabels(labels);
   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 [creating, setCreating] = useState(false);
   const [selectedId, setSelectedId] = useState(null);
   const refetchBoard = useCallback(() => {
@@ -2488,6 +2854,9 @@ function TasksPageCore({
     },
     [refetchBoard, onTaskSaved]
   );
+  const handleDeleted = useCallback(() => {
+    setSelectedId(null);
+  }, []);
   const handleTaskClick = useCallback((task) => {
     setSelectedId(task.id);
   }, []);
@@ -2503,6 +2872,7 @@ function TasksPageCore({
     {
       workspaceId,
       projectId,
+      assigneeOptions,
       hiddenFields,
       onCreated: handleCreated,
       onCancel: () => setCreating(false)
@@ -2514,11 +2884,15 @@ function TasksPageCore({
       id: selectedId,
       readonly,
       hiddenFields,
-      onUpdated: handleUpdated
+      resolveAssignee,
+      assigneeOptions,
+      onUpdated: handleUpdated,
+      onDeleted: handleDeleted
     }
   ) : null;
   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",
@@ -2527,7 +2901,7 @@ function TasksPageCore({
     "dueDate",
     "linkedRecord"
   ] : void 0;
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4 p-6", className), children: [
+  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,
@@ -2542,7 +2916,9 @@ function TasksPageCore({
         type,
         onTypeChange: setType,
         onNewTask: () => setCreating(true),
-        canCreate
+        canCreate,
+        mine,
+        onMineChange: currentActorId ? setMine : void 0
       }
     ),
     showInlineCreate && /* @__PURE__ */ jsx("div", { children: createForm }),
@@ -2557,6 +2933,7 @@ function TasksPageCore({
         priority,
         type,
         search,
+        assigneeId: mineAssignee,
         hiddenFields,
         resolveAssignee,
         linkSourceProduct,
@@ -2572,6 +2949,7 @@ function TasksPageCore({
         priority: listPriority,
         type: listType,
         search: search || void 0,
+        assigneeId: mineAssignee,
         hideHeader: true,
         resolveAssignee,
         linkSourceProduct,
@@ -2588,6 +2966,7 @@ function TasksPageCore({
         priority,
         type,
         search,
+        assigneeId: mineAssignee,
         resolveAssignee,
         onSelect: handleSelect
       }
@@ -2612,7 +2991,7 @@ function TasksPageCore({
         children: /* @__PURE__ */ jsx("div", { className: "p-2 pt-8", children: detailView })
       }
     )
-  ] });
+  ] }) });
 }
 function TasksPage({
   apiGatewayUrl,
@@ -2643,6 +3022,6 @@ function TasksPage({
   );
 }
 
-export { Avatar, Badge, CREATE_WORK_ITEM, CREATE_WORK_ITEM_LINK, CreateTask, CreateTaskCore, DEFAULT_BOARD_COLUMNS, DELETE_WORK_ITEM_LINK, Drawer, GET_PROJECTS, GET_WORK_ITEM, LIST_WORK_ITEMS, LIST_WORK_ITEM_LINKS, LinkChip, MOVE_WORK_ITEM, Modal, PRIORITY_META, PROJECT_SUMMARY_FIELDS, PlanMagnetProvider, PriorityIndicator, STATUS_META, StatusIcon, StatusPill, TASK_PRIORITIES, TASK_STATUSES, TASK_TYPES, TaskBoard, TaskBoardCore, TaskCard, TaskDetail, TaskDetailCore, 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, resetPlanMagnetClient, resetPlanMagnetConfig, setPlanMagnetClient, setPlanMagnetConfig, usePlanMagnetContext, usePlanMagnetContextSafe, useWorkItemLinks, validateTrustedOrigin, waitForPlanMagnetClient };
+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, 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