@tuturuuu/ui 0.12.0 → 0.14.0

package/src/components/ui/tu-do/boards/boardId/task-card/task-card-resource-context.ts

@@ -0,0 +1,50 @@
+import type { Task } from '@tuturuuu/types/primitives/Task';
+import type { TaskList } from '@tuturuuu/types/primitives/TaskList';
+
+export interface TaskCardResourceContextInput {
+  boardId: string;
+  pageWorkspaceId?: string;
+  propAvailableLists?: TaskList[];
+  task: Task;
+}
+
+export interface TaskCardResourceContext {
+  boardViewableMembersBoardId: string;
+  boardViewableMembersWorkspaceId?: string;
+  effectiveWorkspaceId?: string;
+  initialAvailableLists?: TaskList[];
+  isSourceWorkspaceTask: boolean;
+  taskBoardId: string;
+}
+
+export function getTaskCardResourceContext({
+  boardId,
+  pageWorkspaceId,
+  propAvailableLists,
+  task,
+}: TaskCardResourceContextInput): TaskCardResourceContext {
+  const effectiveWorkspaceId = task.source_workspace_id ?? pageWorkspaceId;
+  const taskBoardId = task.source_board_id ?? boardId;
+  const isSourceWorkspaceTask = Boolean(
+    task.source_workspace_id || task.source_board_id
+  );
+  const boardViewableMembersWorkspaceId =
+    task.source_workspace_id ?? pageWorkspaceId;
+  const boardViewableMembersBoardId =
+    isSourceWorkspaceTask && task.source_board_id
+      ? task.source_board_id
+      : boardId;
+  const initialAvailableLists =
+    isSourceWorkspaceTask && task.source_board_id
+      ? undefined
+      : propAvailableLists;
+
+  return {
+    boardViewableMembersBoardId,
+    boardViewableMembersWorkspaceId,
+    effectiveWorkspaceId,
+    initialAvailableLists,
+    isSourceWorkspaceTask,
+    taskBoardId,
+  };
+}

package/src/components/ui/tu-do/boards/boardId/task-card/task-card.tsx

@@ -33,6 +33,7 @@ import {
   listWorkspaceTaskBoardViewableMembers,
   listWorkspaceTaskLists,
   listWorkspaceTaskProjects,
+  listWorkspaceTaskProjectsByIds,
   removeCurrentUserTaskPersonalPlacement,
 } from '@tuturuuu/internal-api/tasks';
 import type { SupportedColor } from '@tuturuuu/types/primitives/SupportedColors';
@@ -85,6 +86,7 @@ import React, {
   useRef,
   useState,
 } from 'react';
+import { isPersonalExternalOverlayTask } from '../../../../../../lib/task-personal-external';
 import {
   enqueueTaskCardRelationshipRequest,
   useTaskCardRelationships,
@@ -153,6 +155,7 @@ import {
   getTaskCardHydratingOpenOptions,
   isExternalTaskSnapshot,
 } from './task-card-open-options';
+import { getTaskCardResourceContext } from './task-card-resource-context';
 import { getTaskCardVisibilityState } from './task-card-visibility';
 import { TaskSchedulingBadge } from './task-scheduling-badge';
 
@@ -390,7 +393,24 @@ function TaskCardInner({
   // Use React Query hooks for shared data (cached across all task cards)
   const workspaceContextWsId = workspaceId ?? wsId;
   const { data: boardConfig } = useBoardConfig(boardId, workspaceContextWsId);
-  const effectiveWorkspaceId = workspaceId ?? boardConfig?.ws_id ?? wsId;
+  const pageWorkspaceId = workspaceId ?? boardConfig?.ws_id ?? wsId;
+  const {
+    boardViewableMembersBoardId,
+    boardViewableMembersWorkspaceId,
+    effectiveWorkspaceId,
+    initialAvailableLists,
+    isSourceWorkspaceTask,
+    taskBoardId,
+  } = getTaskCardResourceContext({
+    boardId,
+    pageWorkspaceId,
+    propAvailableLists,
+    task,
+  });
+  const taskProjectIds = useMemo(
+    () => task.projects?.map((project) => project.id).filter(Boolean) ?? [],
+    [task.projects]
+  );
   const taskShareWsId = effectiveWorkspaceId;
   const { data: workspaceLabels = [], isLoading: labelsLoading } =
     useWorkspaceLabels(effectiveWorkspaceId);
@@ -431,12 +451,24 @@ function TaskCardInner({
   // Fetch workspace projects
   const { data: workspaceProjects = [], isLoading: projectsLoading } = useQuery(
     {
-      queryKey: ['task_projects', effectiveWorkspaceId],
+      queryKey: [
+        'task_projects',
+        effectiveWorkspaceId,
+        isSourceWorkspaceTask ? taskProjectIds.join(',') : 'all',
+      ],
       queryFn: async () => {
         if (!effectiveWorkspaceId) return [];
+        if (isSourceWorkspaceTask) {
+          return listWorkspaceTaskProjectsByIds(
+            effectiveWorkspaceId,
+            taskProjectIds
+          );
+        }
         return listWorkspaceTaskProjects(effectiveWorkspaceId);
       },
-      enabled: !!effectiveWorkspaceId,
+      enabled:
+        !!effectiveWorkspaceId &&
+        (!isSourceWorkspaceTask || taskProjectIds.length > 0),
       staleTime: 5 * 60 * 1000, // 5 minutes - projects rarely change
     }
   );
@@ -470,27 +502,35 @@ function TaskCardInner({
     enabled: !!effectiveWorkspaceId && shouldLoadWorkspaceMembers,
   });
   const boardViewableMembersQuery = useQuery({
-    queryKey: ['task-board-viewable-members', effectiveWorkspaceId, boardId],
+    queryKey: [
+      'task-board-viewable-members',
+      boardViewableMembersWorkspaceId,
+      boardViewableMembersBoardId,
+    ],
     queryFn: async (): Promise<WorkspaceMember[]> => {
-      if (!effectiveWorkspaceId || !boardId) return [];
+      if (!boardViewableMembersWorkspaceId || !boardViewableMembersBoardId) {
+        return [];
+      }
 
       const payload = await listWorkspaceTaskBoardViewableMembers(
-        effectiveWorkspaceId,
-        boardId
+        boardViewableMembersWorkspaceId,
+        boardViewableMembersBoardId
       );
       const members = Array.isArray(payload?.members) ? payload.members : [];
 
       return members.map((member) => ({
         id: member.user_id,
         user_id: member.user_id,
-        workspace_id: effectiveWorkspaceId,
+        workspace_id: boardViewableMembersWorkspaceId,
         display_name: member.display_name ?? member.email ?? member.user_id,
         email: member.email ?? undefined,
         avatar_url: member.avatar_url ?? undefined,
       }));
     },
     enabled:
-      !!effectiveWorkspaceId && !!boardId && shouldLoadBoardViewableMembers,
+      !!boardViewableMembersWorkspaceId &&
+      !!boardViewableMembersBoardId &&
+      shouldLoadBoardViewableMembers,
     staleTime: 5 * 60 * 1000,
   });
   const normalWorkspaceMembers = normalMembersQuery.data ?? [];
@@ -717,15 +757,15 @@ function TaskCardInner({
 
   // Fetch available task lists using React Query (same key as other components)
   const { data: availableLists = [] } = useQuery({
-    queryKey: ['task_lists', boardId],
+    queryKey: ['task_lists', taskBoardId],
     queryFn: async () => {
-      if (!effectiveWorkspaceId) {
+      if (!effectiveWorkspaceId || !taskBoardId) {
         return [];
       }
 
       const { lists } = await listWorkspaceTaskLists(
         effectiveWorkspaceId,
-        boardId,
+        taskBoardId,
         typeof window !== 'undefined'
           ? { baseUrl: window.location.origin }
           : undefined
@@ -733,8 +773,8 @@ function TaskCardInner({
 
       return lists.filter((list) => !list.deleted) as TaskList[];
     },
-    enabled: !propAvailableLists && !!effectiveWorkspaceId, // Only fetch if not provided as prop
-    initialData: propAvailableLists,
+    enabled: !initialAvailableLists && !!effectiveWorkspaceId && !!taskBoardId,
+    initialData: initialAvailableLists,
     staleTime: 60 * 1000, // 1 minute - lists change less frequently
   });
 
@@ -852,6 +892,7 @@ function TaskCardInner({
   // Check if task is optimistically added (pending realtime confirmation)
   const isOptimistic = '_isOptimistic' in task && task._isOptimistic === true;
   const isPersonalExternalTask = isExternalTaskSnapshot(task);
+  const isPersonalExternalOverlay = isPersonalExternalOverlayTask(task);
   const sourceBoardUrl =
     task.source_workspace_id && task.source_board_id
       ? `/${task.source_workspace_id}${tasksHref(`/boards/${task.source_board_id}`)}`
@@ -1098,7 +1139,7 @@ function TaskCardInner({
           ? true
           : shouldUseBoardAssignees,
         assigneeMemberSource: task.source_workspace_id
-          ? 'workspace'
+          ? 'board'
           : effectiveAssigneeMemberSource,
         effectiveWorkspaceId,
         isPersonalWorkspace,
@@ -1201,7 +1242,13 @@ function TaskCardInner({
   const handleAddSubtask = () => {
     setMenuOpen(false);
     // Open subtask creation dialog - the relationship will be created when the user saves
-    createSubtask(task.id, task.name, boardId, task.list_id, availableLists);
+    createSubtask(
+      task.id,
+      task.name,
+      taskBoardId,
+      task.list_id,
+      availableLists
+    );
   };
 
   const handleMoveToExternalStaging = async () => {
@@ -2303,7 +2350,7 @@ function TaskCardInner({
                     />
                   )}
 
-                  {isPersonalExternalTask && (
+                  {isPersonalExternalOverlay && (
                     <>
                       {task.personal_board_id && task.personal_list_id && (
                         <DropdownMenuItem
@@ -2715,7 +2762,7 @@ function TaskCardInner({
         <CreateListDialog
           open={isCreateListDialogOpen}
           onOpenChange={setIsCreateListDialogOpen}
-          boardId={boardId}
+          boardId={taskBoardId}
           wsId={effectiveWorkspaceId}
           initialStatus="active"
           onSuccess={(listId) => {

package/src/components/ui/tu-do/boards/boardId/timeline-board.tsx

@@ -254,7 +254,7 @@ export function TimelineBoard({
               ? true
               : showAssignees,
             assigneeMemberSource: task.source_workspace_id
-              ? 'workspace'
+              ? 'board'
               : effectiveAssigneeMemberSource,
           })
         );

package/src/components/ui/tu-do/cycles/task-cycles-client.tsx

@@ -47,6 +47,7 @@ import { toast } from '@tuturuuu/ui/sonner';
 import { Textarea } from '@tuturuuu/ui/textarea';
 import dayjs from 'dayjs';
 import { useCallback, useEffect, useMemo, useState } from 'react';
+import { getTaskApiUrl } from '../../../../lib/tasks-app-url';
 
 type CycleStatus = 'planned' | 'active' | 'completed' | 'cancelled';
 
@@ -128,7 +129,9 @@ export function TaskCyclesClient({
   } = useQuery<TaskCycle[]>({
     queryKey: ['workspace', wsId, 'task-cycles'],
     queryFn: async () => {
-      const response = await fetch(`/api/v1/workspaces/${wsId}/task-cycles`);
+      const response = await fetch(
+        getTaskApiUrl(`/api/v1/workspaces/${wsId}/task-cycles`)
+      );
       if (!response.ok) throw new Error('Failed to fetch cycles');
       return response.json();
     },
@@ -149,17 +152,21 @@ export function TaskCyclesClient({
       start_date?: string | null;
       end_date?: string | null;
     }) => {
-      const response = await fetch(`/api/v1/workspaces/${wsId}/task-cycles`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          name,
-          description,
-          status,
-          start_date,
-          end_date,
-        }),
-      });
+      const response = await fetch(
+        getTaskApiUrl(`/api/v1/workspaces/${wsId}/task-cycles`),
+        {
+          method: 'POST',
+          credentials: 'include',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            name,
+            description,
+            status,
+            start_date,
+            end_date,
+          }),
+        }
+      );
       if (!response.ok) {
         const data = await response.json();
         throw new Error(data.error || 'Failed to create cycle');
@@ -196,9 +203,10 @@ export function TaskCyclesClient({
       end_date?: string | null;
     }) => {
       const response = await fetch(
-        `/api/v1/workspaces/${wsId}/task-cycles/${id}`,
+        getTaskApiUrl(`/api/v1/workspaces/${wsId}/task-cycles/${id}`),
         {
           method: 'PUT',
+          credentials: 'include',
           headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify({
             name,
@@ -232,9 +240,10 @@ export function TaskCyclesClient({
   const deleteMutation = useMutation({
     mutationFn: async (id: string) => {
       const response = await fetch(
-        `/api/v1/workspaces/${wsId}/task-cycles/${id}`,
+        getTaskApiUrl(`/api/v1/workspaces/${wsId}/task-cycles/${id}`),
         {
           method: 'DELETE',
+          credentials: 'include',
         }
       );
       if (!response.ok) {

package/src/components/ui/tu-do/estimates/use-task-estimates.ts

@@ -3,6 +3,7 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import type { WorkspaceTaskBoard } from '@tuturuuu/types';
 import { useTranslations } from 'next-intl';
+import { getTaskApiUrl } from '../../../../lib/tasks-app-url';
 
 export interface TaskEstimateBoardsResponse {
   boards: Partial<WorkspaceTaskBoard>[];
@@ -34,9 +35,12 @@ export const taskEstimateBoardKeys = {
 export async function fetchTaskEstimateBoards(
   wsId: string
 ): Promise<TaskEstimateBoardsResponse> {
-  const response = await fetch(`/api/v1/workspaces/${wsId}/boards/estimation`, {
-    cache: 'no-store',
-  });
+  const response = await fetch(
+    getTaskApiUrl(`/api/v1/workspaces/${wsId}/boards/estimation`),
+    {
+      cache: 'no-store',
+    }
+  );
 
   if (!response.ok) {
     throw new Error('Failed to fetch task estimate boards');
@@ -56,9 +60,10 @@ async function updateTaskEstimateBoard(
   }: UpdateTaskEstimateBoardInput
 ) {
   const response = await fetch(
-    `/api/v1/workspaces/${wsId}/boards/${boardId}/estimation`,
+    getTaskApiUrl(`/api/v1/workspaces/${wsId}/boards/${boardId}/estimation`),
     {
       cache: 'no-store',
+      credentials: 'include',
       method: 'PATCH',
       headers: {
         'Content-Type': 'application/json',

package/src/components/ui/tu-do/habits/client.tsx

@@ -14,6 +14,7 @@ import {
 import { Skeleton } from '@tuturuuu/ui/skeleton';
 import { toast } from '@tuturuuu/ui/sonner';
 import { useState } from 'react';
+import { getTaskApiUrl } from '../../../../lib/tasks-app-url';
 import HabitCard from './habit-card';
 import HabitFormDialog from './habit-form-dialog';
 
@@ -39,7 +40,9 @@ export default function HabitsClientPage({ wsId }: HabitsClientPageProps) {
   } = useQuery({
     queryKey: ['habits', wsId],
     queryFn: async () => {
-      const response = await fetch(`/api/v1/workspaces/${wsId}/habits`);
+      const response = await fetch(
+        getTaskApiUrl(`/api/v1/workspaces/${wsId}/habits`)
+      );
       if (!response.ok) {
         throw new Error('Failed to fetch habits');
       }

package/src/components/ui/tu-do/my-tasks/__tests__/use-task-context-actions.test.ts

@@ -128,9 +128,10 @@ describe('useTaskContextActions', () => {
     });
 
     expect(global.fetch).toHaveBeenCalledWith(
-      `/api/v1/users/me/tasks/${mockTask.id}/overrides`,
+      `http://localhost:7809/api/v1/users/me/tasks/${mockTask.id}/overrides`,
       {
         method: 'PUT',
+        credentials: 'include',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ personally_unassigned: true }),
       }
@@ -160,9 +161,10 @@ describe('useTaskContextActions', () => {
     });
 
     expect(global.fetch).toHaveBeenCalledWith(
-      `/api/v1/users/me/tasks/${mockTask.id}/overrides`,
+      `http://localhost:7809/api/v1/users/me/tasks/${mockTask.id}/overrides`,
       {
         method: 'PUT',
+        credentials: 'include',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
           personally_unassigned: false,
@@ -219,9 +221,10 @@ describe('useTaskContextActions', () => {
 
     // Verify override cleanup
     expect(global.fetch).toHaveBeenCalledWith(
-      `/api/v1/users/me/tasks/${taskWithOverrides.id}/overrides`,
+      `http://localhost:7809/api/v1/users/me/tasks/${taskWithOverrides.id}/overrides`,
       expect.objectContaining({
         method: 'PUT',
+        credentials: 'include',
         headers: { 'Content-Type': 'application/json' },
       })
     );

package/src/components/ui/tu-do/my-tasks/task-list-with-completion.tsx

@@ -34,6 +34,7 @@ import {
 import Link from 'next/link';
 import { useTranslations } from 'next-intl';
 import { type MouseEvent, useState } from 'react';
+import { getTaskApiUrl } from '../../../../lib/tasks-app-url';
 import { useTasksHref } from '../tasks-route-context';
 import { MyTaskContextMenu } from './my-task-context-menu';
 import { PersonalPlacementDialog } from './personal-placement-dialog';
@@ -128,9 +129,10 @@ export default function TaskListWithCompletion({
       setCompletingTasks((prev) => new Set(prev).add(task.id));
       try {
         const response = await fetch(
-          `/api/v1/users/me/tasks/${task.id}/overrides`,
+          getTaskApiUrl(`/api/v1/users/me/tasks/${task.id}/overrides`),
           {
             method: 'PUT',
+            credentials: 'include',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({ personally_unassigned: false }),
           }
@@ -160,9 +162,10 @@ export default function TaskListWithCompletion({
 
       try {
         const response = await fetch(
-          `/api/v1/users/me/tasks/${task.id}/overrides`,
+          getTaskApiUrl(`/api/v1/users/me/tasks/${task.id}/overrides`),
           {
             method: 'PUT',
+            credentials: 'include',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({
               completed_at: isAlreadyDone ? null : new Date().toISOString(),
@@ -234,14 +237,18 @@ export default function TaskListWithCompletion({
         !isCompleted &&
         (task.overrides?.completed_at || task.overrides?.personally_unassigned)
       ) {
-        await fetch(`/api/v1/users/me/tasks/${task.id}/overrides`, {
-          method: 'PUT',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({
-            completed_at: null,
-            personally_unassigned: false,
-          }),
-        }).catch(() => {
+        await fetch(
+          getTaskApiUrl(`/api/v1/users/me/tasks/${task.id}/overrides`),
+          {
+            method: 'PUT',
+            credentials: 'include',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+              completed_at: null,
+              personally_unassigned: false,
+            }),
+          }
+        ).catch(() => {
           // Non-critical cleanup — don't block the completion flow
         });
       }
@@ -275,9 +282,10 @@ export default function TaskListWithCompletion({
 
     try {
       const response = await fetch(
-        `/api/v1/users/me/tasks/${task.id}/overrides`,
+        getTaskApiUrl(`/api/v1/users/me/tasks/${task.id}/overrides`),
         {
           method: 'PUT',
+          credentials: 'include',
           headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify({ personally_unassigned: true }),
         }

package/src/components/ui/tu-do/my-tasks/use-my-tasks-query.ts

@@ -6,6 +6,7 @@ import {
   useQuery,
 } from '@tanstack/react-query';
 import type { TaskWithRelations } from '@tuturuuu/types';
+import { getTaskApiUrl } from '../../../../lib/tasks-app-url';
 
 export interface MyTasksData {
   overdue: TaskWithRelations[];
@@ -62,9 +63,13 @@ export function useMyTasksQuery(
         }
       }
 
-      const res = await fetch(`/api/v1/users/me/tasks?${params}`, {
-        cache: 'no-store',
-      });
+      const res = await fetch(
+        getTaskApiUrl(`/api/v1/users/me/tasks?${params}`),
+        {
+          cache: 'no-store',
+          credentials: 'include',
+        }
+      );
       if (!res.ok) {
         throw new Error('Failed to fetch tasks');
       }
@@ -117,9 +122,13 @@ export function useCompletedTasksQuery(
         }
       }
 
-      const res = await fetch(`/api/v1/users/me/tasks?${params}`, {
-        cache: 'no-store',
-      });
+      const res = await fetch(
+        getTaskApiUrl(`/api/v1/users/me/tasks?${params}`),
+        {
+          cache: 'no-store',
+          credentials: 'include',
+        }
+      );
       if (!res.ok) {
         throw new Error('Failed to fetch completed tasks');
       }

package/src/components/ui/tu-do/my-tasks/use-my-tasks-state.ts

@@ -25,6 +25,7 @@ import timezone from 'dayjs/plugin/timezone';
 import utc from 'dayjs/plugin/utc';
 import { useTranslations } from 'next-intl';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { getTaskApiUrl } from '../../../../lib/tasks-app-url';
 import { getRandomNewLabelColor } from '../utils/taskConstants';
 import type { TaskOptions } from './command-bar';
 import type { JournalTaskResponse } from './task-preview-dialog';
@@ -552,19 +553,23 @@ export function useMyTasksState({
     }
   >({
     mutationFn: async (variables) => {
-      const response = await fetch(`/api/v1/workspaces/${wsId}/tasks/journal`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          entry: variables.entry,
-          previewOnly: true,
-          generateDescriptions: variables.generateDescriptions,
-          generatePriority: variables.generatePriority,
-          generateLabels: variables.generateLabels,
-          clientTimezone: variables.clientTimezone,
-          clientTimestamp: variables.clientTimestamp,
-        }),
-      });
+      const response = await fetch(
+        getTaskApiUrl(`/api/v1/workspaces/${wsId}/tasks/journal`),
+        {
+          method: 'POST',
+          credentials: 'include',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            entry: variables.entry,
+            previewOnly: true,
+            generateDescriptions: variables.generateDescriptions,
+            generatePriority: variables.generatePriority,
+            generateLabels: variables.generateLabels,
+            clientTimezone: variables.clientTimezone,
+            clientTimestamp: variables.clientTimestamp,
+          }),
+        }
+      );
 
       const payload = await response.json().catch(() => null);
       if (!response.ok) {

package/src/components/ui/tu-do/my-tasks/use-task-context-actions.ts

@@ -14,6 +14,7 @@ import { getActiveTaskUserBroadcast } from '@tuturuuu/ui/hooks/useTaskUserRealti
 import { toast } from '@tuturuuu/ui/sonner';
 import { useTranslations } from 'next-intl';
 import { useCallback, useState } from 'react';
+import { getTaskApiUrl } from '../../../../lib/tasks-app-url';
 import { dispatchTaskSoundCue } from '../shared/task-sound-effects';
 import {
   MY_COMPLETED_TASKS_QUERY_KEY,
@@ -243,14 +244,18 @@ export function useTaskContextActions({
         task.overrides?.completed_at ||
         task.overrides?.personally_unassigned
       ) {
-        await fetch(`/api/v1/users/me/tasks/${task.id}/overrides`, {
-          method: 'PUT',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({
-            completed_at: null,
-            personally_unassigned: false,
-          }),
-        }).catch(() => {
+        await fetch(
+          getTaskApiUrl(`/api/v1/users/me/tasks/${task.id}/overrides`),
+          {
+            method: 'PUT',
+            credentials: 'include',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+              completed_at: null,
+              personally_unassigned: false,
+            }),
+          }
+        ).catch(() => {
           // Non-critical cleanup
         });
       }
@@ -278,9 +283,10 @@ export function useTaskContextActions({
     setIsLoading(true);
     try {
       const response = await fetch(
-        `/api/v1/users/me/tasks/${task.id}/overrides`,
+        getTaskApiUrl(`/api/v1/users/me/tasks/${task.id}/overrides`),
         {
           method: 'PUT',
+          credentials: 'include',
           headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify({ personally_unassigned: true }),
         }
@@ -301,9 +307,10 @@ export function useTaskContextActions({
     setIsLoading(true);
     try {
       const response = await fetch(
-        `/api/v1/users/me/tasks/${task.id}/overrides`,
+        getTaskApiUrl(`/api/v1/users/me/tasks/${task.id}/overrides`),
         {
           method: 'PUT',
+          credentials: 'include',
           headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify({
             personally_unassigned: false,