@tuturuuu/ui 0.13.0 → 0.16.0

package/src/components/ui/tu-do/shared/task-edit-dialog/task-dialog-actions.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import {
+  Archive,
   ArrowLeft,
   Copy,
   ExternalLink,
@@ -45,6 +46,8 @@ interface TaskDialogActionsProps {
   onShowDeleteDialog: () => void;
   onClearDraft: () => void;
   onNavigateBack?: () => void;
+  onArchiveTask?: () => void;
+  archiveTaskDisabled?: boolean;
   onOpenShareDialog?: () => void;
   disabled?: boolean;
   controlsDisabled?: boolean;
@@ -65,6 +68,8 @@ export function TaskDialogActions({
   onShowDeleteDialog,
   onClearDraft,
   onNavigateBack,
+  onArchiveTask,
+  archiveTaskDisabled = false,
   onOpenShareDialog,
   disabled = false,
   controlsDisabled = false,
@@ -157,6 +162,18 @@ export function TaskDialogActions({
               <ExternalLink className="mr-2 h-4 w-4" />
               {t('common.copy_link')}
             </DropdownMenuItem>
+            {onArchiveTask && (
+              <DropdownMenuItem
+                disabled={archiveTaskDisabled}
+                onClick={() => {
+                  onArchiveTask();
+                  setIsMoreMenuOpen(false);
+                }}
+              >
+                <Archive className="mr-2 h-4 w-4" />
+                {t('common.archive')}
+              </DropdownMenuItem>
+            )}
             <DropdownMenuSeparator />
             <DropdownMenuItem
               onClick={() => {

package/src/components/ui/tu-do/shared/task-edit-dialog.tsx

@@ -160,6 +160,8 @@ export interface TaskEditDialogProps {
   taskWsId?: string;
   task?: Task;
   boardId: string;
+  visibleBoardId?: string;
+  visibleTaskSnapshot?: Partial<Task>;
   isOpen: boolean;
   /** Present when opened via /shared/task/[shareCode] */
   shareCode?: string;
@@ -205,6 +207,8 @@ export function TaskEditDialog({
   taskWsId,
   task,
   boardId,
+  visibleBoardId,
+  visibleTaskSnapshot,
   isOpen,
   shareCode,
   sharedPermission,
@@ -262,12 +266,9 @@ export function TaskEditDialog({
   const effectiveCollaborationMode =
     collaborationMode && !isHydratingTask && !taskLoadError;
 
-  // Keep this permission query disabled when `disabled` shared-link mode is active
-  // (`enabled` becomes false) so `canManageTaskMedia` stays undefined while
-  // `isCheckingTaskMediaPermission` remains false for read-only visitors. That
-  // allows `imageUploadHandler` to stay unset for shared-link views without
-  // forcing a permission request that could re-enable upload affordances. The
-  // query only runs when `effectiveTaskWsId` exists and `disabled` is false.
+  // Defer task media permission checks until an upload is requested. The dialog
+  // is often opened from satellite app sessions that can edit task fields but
+  // should not make a drive permission request unless the user uploads media.
   const { data: canManageTaskMedia, isPending: isCheckingTaskMediaPermission } =
     useQuery({
       queryKey: [
@@ -282,7 +283,7 @@ export function TaskEditDialog({
         );
         return result.hasPermission;
       },
-      enabled: Boolean(effectiveTaskWsId) && !taskControlsDisabled,
+      enabled: false,
       staleTime: 5 * 60 * 1000,
     });
 
@@ -1012,6 +1013,8 @@ export function TaskEditDialog({
     taskId: task?.id,
     isCreateMode,
     boardId,
+    visibleBoardId,
+    visibleTaskSnapshot,
     estimationPoints: formState.estimationPoints ?? null,
     priority: formState.priority,
     selectedListId: formState.selectedListId,
@@ -1043,8 +1046,14 @@ export function TaskEditDialog({
     !disabled &&
     !taskLoadError;
   const compactEditActionsDisabled = isLoading || isHydratingTask;
+  const isDocumentTask = currentList?.status === 'documents';
   const canShowCompactStatusActions =
-    canShowCompactEditActions && currentList?.status !== 'documents';
+    canShowCompactEditActions && !isDocumentTask;
+  const canShowArchiveAction =
+    canShowCompactEditActions &&
+    !!closedList &&
+    closedList.id !== formState.selectedListId &&
+    currentList?.status !== 'closed';
   const showCompactDoneAction =
     canShowCompactStatusActions &&
     !!doneList &&
@@ -1056,6 +1065,7 @@ export function TaskEditDialog({
     closedList.id !== formState.selectedListId &&
     closedList.id !== doneList?.id &&
     currentList?.status !== 'closed';
+  const showDocumentArchiveAction = canShowArchiveAction && isDocumentTask;
 
   // Task relationships
   const {
@@ -1399,21 +1409,27 @@ export function TaskEditDialog({
 
       let hasPermission = canManageTaskMedia;
       if (hasPermission === undefined || isCheckingTaskMediaPermission) {
-        hasPermission = await queryClient.fetchQuery({
-          queryKey: [
-            'workspace-permission',
-            effectiveTaskWsId,
-            'manage_drive_tasks_directory',
-          ],
-          queryFn: async () => {
-            const result = await checkWorkspacePermission(
+        try {
+          hasPermission = await queryClient.fetchQuery({
+            queryKey: [
+              'workspace-permission',
               effectiveTaskWsId,
-              'manage_drive_tasks_directory'
-            );
-            return result.hasPermission;
-          },
-          staleTime: 5 * 60 * 1000,
-        });
+              'manage_drive_tasks_directory',
+            ],
+            queryFn: async () => {
+              const result = await checkWorkspacePermission(
+                effectiveTaskWsId,
+                'manage_drive_tasks_directory'
+              );
+              return result.hasPermission;
+            },
+            staleTime: 5 * 60 * 1000,
+          });
+        } catch {
+          throw Object.assign(new Error(t('insufficient_permissions')), {
+            code: 'INSUFFICIENT_PERMISSIONS',
+          });
+        }
       }
 
       if (!hasPermission) {
@@ -2417,7 +2433,7 @@ export function TaskEditDialog({
           <TooltipContent side="top">{t('mark_as_done')}</TooltipContent>
         </Tooltip>
       )}
-      {showCompactClosedAction && closedList && (
+      {(showCompactClosedAction || showDocumentArchiveAction) && closedList && (
         <Tooltip>
           <TooltipTrigger asChild>
             <Button
@@ -2717,6 +2733,12 @@ export function TaskEditDialog({
                         ? () => setShowShareDialog(true)
                         : undefined
                     }
+                    onArchiveTask={
+                      showDocumentArchiveAction && closedList
+                        ? () => void updateList(closedList.id)
+                        : undefined
+                    }
+                    archiveTaskDisabled={compactEditActionsDisabled}
                     disabled={disabled}
                     controlsDisabled={taskControlsDisabled}
                     onScrollToUserCursor={

package/src/components/ui/tu-do/shared/task-quick-create-target-list.ts

@@ -0,0 +1,20 @@
+export const DEFAULT_TASK_QUICK_CREATE_TARGET_LIST = 'default_list';
+
+export const TASK_QUICK_CREATE_TARGET_LIST_VALUES = [
+  DEFAULT_TASK_QUICK_CREATE_TARGET_LIST,
+  'hovered_list',
+] as const;
+
+export type TaskQuickCreateTargetList =
+  (typeof TASK_QUICK_CREATE_TARGET_LIST_VALUES)[number];
+
+export function normalizeTaskQuickCreateTargetList(
+  value: string | null | undefined,
+  fallback: TaskQuickCreateTargetList = DEFAULT_TASK_QUICK_CREATE_TARGET_LIST
+): TaskQuickCreateTargetList {
+  return TASK_QUICK_CREATE_TARGET_LIST_VALUES.includes(
+    value as TaskQuickCreateTargetList
+  )
+    ? (value as TaskQuickCreateTargetList)
+    : fallback;
+}

package/src/components/ui/tu-do/shared/task-row-actions-menu.test.tsx

@@ -0,0 +1,138 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { render, screen } from '@testing-library/react';
+import type { Task } from '@tuturuuu/types/primitives/Task';
+import type { TaskList } from '@tuturuuu/types/primitives/TaskList';
+import type { ReactNode } from 'react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { TaskRowActionsMenu } from './task-row-actions-menu';
+
+const { handleMoveToCloseMock, openTaskMock, useTaskActionsMock } = vi.hoisted(
+  () => ({
+    handleMoveToCloseMock: vi.fn(),
+    openTaskMock: vi.fn(),
+    useTaskActionsMock: vi.fn(),
+  })
+);
+
+vi.mock('next-intl', () => ({
+  useTranslations: () => (key: string) => key,
+}));
+
+vi.mock('next/link', () => ({
+  default: ({ children, href }: { children: ReactNode; href: string }) => (
+    <a href={href}>{children}</a>
+  ),
+}));
+
+vi.mock('@tuturuuu/ui/hooks/use-task-actions', () => ({
+  useTaskActions: () => useTaskActionsMock(),
+}));
+
+vi.mock('../hooks/useTaskDialog', () => ({
+  useTaskDialog: () => ({ openTask: openTaskMock }),
+}));
+
+vi.mock('../boards/boardId/menus', () => ({
+  TaskDueDateMenu: ({
+    translations,
+  }: {
+    translations: { dueDate: string };
+  }) => <div>{translations.dueDate}</div>,
+  TaskMoveMenu: ({ translations }: { translations: { move: string } }) => (
+    <div>{translations.move}</div>
+  ),
+  TaskPriorityMenu: ({
+    translations,
+  }: {
+    translations: { priority: string };
+  }) => <div>{translations.priority}</div>,
+  TaskSchedulingMenu: ({
+    translations,
+  }: {
+    translations: { schedule: string };
+  }) => <div>{translations.schedule}</div>,
+}));
+
+const documentList = {
+  id: 'documents-list',
+  name: 'Documents',
+  board_id: 'board-1',
+  status: 'documents',
+  created_at: '2026-07-01T00:00:00.000Z',
+  deleted: false,
+} as TaskList;
+
+const closedList = {
+  id: 'closed-list',
+  name: 'Closed',
+  board_id: 'board-1',
+  status: 'closed',
+  created_at: '2026-07-01T00:00:00.000Z',
+  deleted: false,
+} as TaskList;
+
+const task = {
+  id: 'task-1',
+  name: 'Document task',
+  list_id: documentList.id,
+  created_at: '2026-07-01T00:00:00.000Z',
+  display_number: 1,
+} as Task;
+
+describe('TaskRowActionsMenu document tasks', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    useTaskActionsMock.mockReturnValue({
+      handleDelete: vi.fn(),
+      handleDueDateChange: vi.fn(),
+      handleMoveToClose: handleMoveToCloseMock,
+      handleMoveToCompletion: vi.fn(),
+      handleMoveToList: vi.fn(),
+      handlePriorityChange: vi.fn(),
+    });
+  });
+
+  it('shows Archive for document-list tasks while hiding workflow-only actions', () => {
+    render(
+      <TaskRowActionsMenu
+        boardId="board-1"
+        lists={[documentList, closedList]}
+        onOpenChange={vi.fn()}
+        onUpdate={vi.fn()}
+        open
+        task={task}
+        trigger={<button type="button">Actions</button>}
+        workspaceId="workspace-1"
+      />
+    );
+
+    expect(screen.getByText('archive')).toBeInTheDocument();
+    expect(screen.queryByText('mark_as_done')).not.toBeInTheDocument();
+    expect(screen.queryByText('mark_as_closed')).not.toBeInTheDocument();
+    expect(screen.queryByText('start_tracking_time')).not.toBeInTheDocument();
+    expect(screen.queryByText('due_date')).not.toBeInTheDocument();
+    expect(
+      screen.queryByText('ws-task-boards.dialog.schedule')
+    ).not.toBeInTheDocument();
+  });
+
+  it('hides Archive for document-list tasks when the board has no closed list', () => {
+    render(
+      <TaskRowActionsMenu
+        boardId="board-1"
+        lists={[documentList]}
+        onOpenChange={vi.fn()}
+        onUpdate={vi.fn()}
+        open
+        task={task}
+        trigger={<button type="button">Actions</button>}
+        workspaceId="workspace-1"
+      />
+    );
+
+    expect(screen.queryByText('archive')).not.toBeInTheDocument();
+  });
+});

package/src/components/ui/tu-do/shared/task-row-actions-menu.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import {
+  Archive,
   CalendarDays,
   ExternalLink,
   MoreHorizontal,
@@ -104,6 +105,7 @@ export function TaskRowActionsMenu({
   const taskList = lists.find((list) => list.id === task.list_id);
   const targetCompletionList = useMemo(() => getCompletionList(lists), [lists]);
   const targetClosedList = useMemo(() => getClosedList(lists), [lists]);
+  const isDocumentList = taskList?.status === 'documents';
   const sourceWorkspaceId = task.source_workspace_id ?? workspaceId;
   const sourceBoardId = task.source_board_id ?? boardId;
   const isCrossWorkspaceExternal =
@@ -204,7 +206,7 @@ export function TaskRowActionsMenu({
             <Pencil className="h-4 w-4" />
             {t('edit')}
           </DropdownMenuItem>
-          {taskList?.status !== 'documents' && (
+          {!isDocumentList && (
             <DropdownMenuItem asChild>
               <Link
                 href={`/${sourceWorkspaceId}/time-tracker/timer?taskSelect=${task.id}`}
@@ -225,7 +227,7 @@ export function TaskRowActionsMenu({
             </DropdownMenuItem>
           )}
           <DropdownMenuSeparator />
-          {taskList?.status !== 'documents' &&
+          {!isDocumentList &&
             canUseCurrentBoardLists &&
             targetCompletionList &&
             targetCompletionList.id !== task.list_id && (
@@ -245,11 +247,11 @@ export function TaskRowActionsMenu({
                   : t('mark_as_closed')}
               </DropdownMenuItem>
             )}
-          {taskList?.status !== 'documents' &&
-            canUseCurrentBoardLists &&
+          {canUseCurrentBoardLists &&
             targetClosedList &&
             targetClosedList.id !== task.list_id &&
-            targetClosedList.id !== targetCompletionList?.id && (
+            (isDocumentList ||
+              targetClosedList.id !== targetCompletionList?.id) && (
               <DropdownMenuItem
                 onSelect={(event) =>
                   handleMenuItemSelect(
@@ -260,8 +262,12 @@ export function TaskRowActionsMenu({
                 className="cursor-pointer"
                 disabled={isLoading}
               >
-                <CalendarDays className="h-4 w-4 text-dynamic-purple" />
-                {t('mark_as_closed')}
+                {isDocumentList ? (
+                  <Archive className="h-4 w-4 text-dynamic-purple" />
+                ) : (
+                  <CalendarDays className="h-4 w-4 text-dynamic-purple" />
+                )}
+                {isDocumentList ? t('archive') : t('mark_as_closed')}
               </DropdownMenuItem>
             )}
           <TaskPriorityMenu
@@ -279,7 +285,7 @@ export function TaskRowActionsMenu({
               low: t('priority_low'),
             }}
           />
-          {taskList?.status !== 'documents' && (
+          {!isDocumentList && (
             <TaskDueDateMenu
               endDate={task.end_date}
               isLoading={isLoading}
@@ -300,7 +306,7 @@ export function TaskRowActionsMenu({
               }}
             />
           )}
-          {taskList?.status !== 'documents' && (
+          {!isDocumentList && (
             <TaskSchedulingMenu
               task={task}
               boardId={boardId}

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

@@ -52,6 +52,7 @@ import type { BoardTemplate, TemplateFilter } from './types';
 interface Props {
   wsId: string;
   initialTemplates: BoardTemplate[];
+  onOpenTemplate?: (template: BoardTemplate) => void;
   templatesBasePath?: string;
 }
 
@@ -60,6 +61,7 @@ type TemplateSourceBoard = Pick<WorkspaceTaskBoard, 'id' | 'name' | 'ws_id'>;
 export default function TemplatesClient({
   wsId,
   initialTemplates,
+  onOpenTemplate,
   templatesBasePath = 'templates',
 }: Props) {
   const t = useTranslations('ws-board-templates');
@@ -181,6 +183,7 @@ export default function TemplatesClient({
           {filteredTemplates.map((template) => (
             <TemplateCard
               key={template.id}
+              onOpenTemplate={onOpenTemplate}
               template={template}
               wsId={wsId}
               templatesBasePath={templatesBasePath}
@@ -225,12 +228,14 @@ export default function TemplatesClient({
 }
 
 interface TemplateCardProps {
+  onOpenTemplate?: (template: BoardTemplate) => void;
   template: BoardTemplate;
   wsId: string;
   templatesBasePath: string;
 }
 
 function TemplateCard({
+  onOpenTemplate,
   template,
   wsId,
   templatesBasePath,
@@ -248,92 +253,106 @@ function TemplateCard({
 
   const visibilityLabel = t(`visibility.${template.visibility}`);
 
-  return (
-    <Link href={`/${wsId}/${templatesBasePath}/${template.id}`}>
-      <Card className="h-full overflow-hidden transition-all hover:border-primary/50 hover:shadow-md">
-        <div className="aspect-video w-full overflow-hidden border-b bg-muted/30">
-          {template.backgroundUrl ? (
-            <Image
-              src={template.backgroundUrl}
-              alt={template.name}
-              width={400}
-              height={225}
-              className="h-full w-full object-cover transition-transform duration-300 hover:scale-105"
-            />
-          ) : (
-            <div className="flex h-full w-full items-center justify-center">
-              <KanbanSquare className="h-10 w-10 text-muted-foreground/20" />
+  const card = (
+    <Card className="h-full overflow-hidden transition-all hover:border-primary/50 hover:shadow-md">
+      <div className="aspect-video w-full overflow-hidden border-b bg-muted/30">
+        {template.backgroundUrl ? (
+          <Image
+            src={template.backgroundUrl}
+            alt={template.name}
+            width={400}
+            height={225}
+            className="h-full w-full object-cover transition-transform duration-300 hover:scale-105"
+          />
+        ) : (
+          <div className="flex h-full w-full items-center justify-center">
+            <KanbanSquare className="h-10 w-10 text-muted-foreground/20" />
+          </div>
+        )}
+      </div>
+      <CardHeader className="pb-3">
+        <div className="flex items-start justify-between gap-2">
+          <div className="flex items-center gap-2">
+            <div className="rounded-md bg-primary/10 p-2">
+              <Bookmark className="h-4 w-4 text-primary" />
             </div>
-          )}
-        </div>
-        <CardHeader className="pb-3">
-          <div className="flex items-start justify-between gap-2">
-            <div className="flex items-center gap-2">
-              <div className="rounded-md bg-primary/10 p-2">
-                <Bookmark className="h-4 w-4 text-primary" />
-              </div>
-              <div className="min-w-0 flex-1">
-                <CardTitle className="truncate text-base">
-                  {template.name}
-                </CardTitle>
-              </div>
+            <div className="min-w-0 flex-1">
+              <CardTitle className="truncate text-base">
+                {template.name}
+              </CardTitle>
             </div>
-            <Badge
-              variant="outline"
-              className={cn(
-                'flex shrink-0 items-center gap-1 text-xs',
-                template.visibility === 'private' &&
-                  'border-dynamic-orange/30 text-dynamic-orange',
-                template.visibility === 'workspace' &&
-                  'border-dynamic-blue/30 text-dynamic-blue',
-                template.visibility === 'public' &&
-                  'border-dynamic-green/30 text-dynamic-green'
-              )}
-            >
-              {visibilityIcon}
-              <span className="hidden sm:inline">{visibilityLabel}</span>
-            </Badge>
           </div>
-          {template.description && (
-            <CardDescription className="line-clamp-2 text-sm">
-              {template.description}
-            </CardDescription>
-          )}
-        </CardHeader>
-        <CardContent className="pt-0">
-          <div className="flex flex-wrap items-center gap-3 text-muted-foreground text-xs">
-            <div className="flex items-center gap-1">
-              <KanbanSquare className="h-3.5 w-3.5" />
-              <span>
-                {template.stats.lists} {t('gallery.lists')}
-              </span>
-            </div>
+          <Badge
+            variant="outline"
+            className={cn(
+              'flex shrink-0 items-center gap-1 text-xs',
+              template.visibility === 'private' &&
+                'border-dynamic-orange/30 text-dynamic-orange',
+              template.visibility === 'workspace' &&
+                'border-dynamic-blue/30 text-dynamic-blue',
+              template.visibility === 'public' &&
+                'border-dynamic-green/30 text-dynamic-green'
+            )}
+          >
+            {visibilityIcon}
+            <span className="hidden sm:inline">{visibilityLabel}</span>
+          </Badge>
+        </div>
+        {template.description && (
+          <CardDescription className="line-clamp-2 text-sm">
+            {template.description}
+          </CardDescription>
+        )}
+      </CardHeader>
+      <CardContent className="pt-0">
+        <div className="flex flex-wrap items-center gap-3 text-muted-foreground text-xs">
+          <div className="flex items-center gap-1">
+            <KanbanSquare className="h-3.5 w-3.5" />
+            <span>
+              {template.stats.lists} {t('gallery.lists')}
+            </span>
+          </div>
+          <div className="flex items-center gap-1">
+            <ListTodo className="h-3.5 w-3.5" />
+            <span>
+              {template.stats.tasks} {t('gallery.tasks')}
+            </span>
+          </div>
+          {template.stats.labels > 0 && (
             <div className="flex items-center gap-1">
-              <ListTodo className="h-3.5 w-3.5" />
+              <Tags className="h-3.5 w-3.5" />
               <span>
-                {template.stats.tasks} {t('gallery.tasks')}
+                {template.stats.labels} {t('gallery.labels')}
               </span>
             </div>
-            {template.stats.labels > 0 && (
-              <div className="flex items-center gap-1">
-                <Tags className="h-3.5 w-3.5" />
-                <span>
-                  {template.stats.labels} {t('gallery.labels')}
-                </span>
-              </div>
-            )}
-          </div>
-          {template.isOwner && (
-            <Badge
-              variant="secondary"
-              className="mt-3 bg-primary/10 text-primary text-xs"
-            >
-              {t('gallery.owner_badge')}
-            </Badge>
           )}
-        </CardContent>
-      </Card>
-    </Link>
+        </div>
+        {template.isOwner && (
+          <Badge
+            variant="secondary"
+            className="mt-3 bg-primary/10 text-primary text-xs"
+          >
+            {t('gallery.owner_badge')}
+          </Badge>
+        )}
+      </CardContent>
+    </Card>
+  );
+
+  if (onOpenTemplate) {
+    return (
+      <button
+        type="button"
+        className="block h-full w-full text-left"
+        onClick={() => onOpenTemplate(template)}
+      >
+        {card}
+      </button>
+    );
+  }
+
+  return (
+    <Link href={`/${wsId}/${templatesBasePath}/${template.id}`}>{card}</Link>
   );
 }