@tuturuuu/ui 0.4.1 → 0.5.0

package/src/components/ui/finance/wallets/walletId/wallet-details-page.test.tsx

@@ -4,7 +4,7 @@ const mocks = vi.hoisted(() => {
   const currencyRateLimit = vi.fn();
 
   return {
-    createClient: vi.fn(() => ({
+    createAdminClient: vi.fn(() => ({
       from: vi.fn((table: string) => {
         if (table === 'currency_exchange_rates') {
           return {
@@ -44,8 +44,8 @@ vi.mock('@tuturuuu/internal-api', () => ({
 }));
 
 vi.mock('@tuturuuu/supabase/next/server', () => ({
-  createClient: (...args: Parameters<typeof mocks.createClient>) =>
-    mocks.createClient(...args),
+  createAdminClient: (...args: Parameters<typeof mocks.createAdminClient>) =>
+    mocks.createAdminClient(...args),
 }));
 
 vi.mock('@tuturuuu/utils/workspace-helper', () => ({
@@ -96,6 +96,10 @@ vi.mock('../wallet-icon-display', () => ({
   WalletIconDisplay: () => null,
 }));
 
+vi.mock('../checkpoints/wallet-checkpoint-panel', () => ({
+  WalletCheckpointPanel: () => null,
+}));
+
 vi.mock('./credit-wallet-summary', () => ({
   CreditWalletSummary: () => null,
 }));

package/src/components/ui/finance/wallets/walletId/wallet-details-page.tsx

@@ -27,6 +27,7 @@ import { notFound } from 'next/navigation';
 import { getTranslations } from 'next-intl/server';
 import { Suspense } from 'react';
 import { Card } from '../../../card';
+import { WalletCheckpointPanel } from '../checkpoints/wallet-checkpoint-panel';
 import { WalletIconDisplay } from '../wallet-icon-display';
 import { CreditWalletSummary } from './credit-wallet-summary';
 import { WalletInterestSection } from './interest';
@@ -299,6 +300,15 @@ export default async function WalletDetailsPage({
           <Separator className="my-4" />
         </>
       )}
+      <WalletCheckpointPanel
+        wsId={wsId}
+        walletId={walletId}
+        walletName={wallet.name ?? t('ws-wallets.singular')}
+        currency={currency}
+        canUpdateWallets={canUpdateWallets}
+        canCreateTransactions={canCreateTransactions}
+      />
+      <Separator className="my-4" />
       {/* Interest Tracking Section - for Momo/ZaloPay wallets */}
       <WalletInterestSection wsId={wsId} wallet={wallet as Wallet} />
       <Suspense

package/src/components/ui/finance/wallets/wallets-page.test.tsx

@@ -53,6 +53,13 @@ vi.mock('@tuturuuu/ui/finance/shared/create-dialog-feature-summary', () => ({
   CreateDialogFeatureSummary: () => null,
 }));
 
+vi.mock(
+  '@tuturuuu/ui/finance/wallets/checkpoints/wallet-total-check-dialog',
+  () => ({
+    WalletTotalCheckDialog: () => null,
+  })
+);
+
 vi.mock('@tuturuuu/ui/finance/wallets/form', () => ({
   WalletForm: () => null,
 }));

package/src/components/ui/finance/wallets/wallets-page.tsx

@@ -5,6 +5,7 @@ import {
 } from '@tuturuuu/internal-api';
 import type { Wallet } from '@tuturuuu/types/primitives/Wallet';
 import { CreateDialogFeatureSummary } from '@tuturuuu/ui/finance/shared/create-dialog-feature-summary';
+import { WalletTotalCheckDialog } from '@tuturuuu/ui/finance/wallets/checkpoints/wallet-total-check-dialog';
 import { WalletForm } from '@tuturuuu/ui/finance/wallets/form';
 import { WalletsDataTable } from '@tuturuuu/ui/finance/wallets/wallets-data-table';
 import { Separator } from '@tuturuuu/ui/separator';
@@ -67,11 +68,11 @@ export default async function WalletsPage({
   const canDeleteWallets = containsPermission('delete_wallets');
   const resolvedInternalApiOptions =
     internalApiOptions ?? withForwardedInternalApiAuth(await headers());
-  const { data: rawData, count } = await getData(
-    wsId,
-    searchParams,
-    resolvedInternalApiOptions
-  );
+  const {
+    data: rawData,
+    count,
+    allWallets,
+  } = await getData(wsId, searchParams, resolvedInternalApiOptions);
 
   const data = rawData.map((d) => ({
     ...d,
@@ -91,6 +92,20 @@ export default async function WalletsPage({
         form={canCreateWallets ? <WalletForm wsId={wsId} /> : undefined}
       />
       <Separator className="my-4" />
+      <div className="mb-4 flex justify-end">
+        <WalletTotalCheckDialog
+          wsId={wsId}
+          wallets={allWallets
+            .filter((wallet) => !!wallet.id)
+            .map((wallet) => ({
+              balance: wallet.balance,
+              currency: wallet.currency || resolvedCurrency || 'USD',
+              id: wallet.id as string,
+              name: wallet.name,
+            }))}
+          canUpdateWallets={canUpdateWallets}
+        />
+      </div>
       <WalletsDataTable
         wsId={wsId}
         data={data}
@@ -131,6 +146,7 @@ async function getData(
 
   return {
     data: filteredWallets.slice(start, start + parsedPageSize) as Wallet[],
+    allWallets: wallets as Wallet[],
     count: filteredWallets.length,
   };
 }

package/src/components/ui/tu-do/boards/boardId/kanban/bulk/__tests__/bulk-mutations-move.test.tsx

@@ -10,6 +10,10 @@ import type { ReactElement, ReactNode } from 'react';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { useBulkOperations } from '../bulk-operations';
 
+const { mockDispatchTaskSoundCue } = vi.hoisted(() => ({
+  mockDispatchTaskSoundCue: vi.fn(),
+}));
+
 vi.mock('next-intl', () => ({
   useTranslations: () => {
     const translate = (key: string, values?: Record<string, unknown>) =>
@@ -49,6 +53,10 @@ vi.mock('@tuturuuu/ui/sonner', () => ({
   },
 }));
 
+vi.mock('../../../../../shared/task-sound-effects', () => ({
+  dispatchTaskSoundCue: mockDispatchTaskSoundCue,
+}));
+
 describe('bulk move mutations', () => {
   let queryClient: QueryClient;
   let wrapper: ({ children }: { children: ReactNode }) => ReactElement;
@@ -172,5 +180,11 @@ describe('bulk move mutations', () => {
         personal_list_id: 'list-2',
       })
     );
+    expect(mockDispatchTaskSoundCue).toHaveBeenCalledTimes(1);
+    expect(mockDispatchTaskSoundCue).toHaveBeenCalledWith({
+      count: 2,
+      cue: 'move',
+      intensity: 1.2,
+    });
   });
 });

package/src/components/ui/tu-do/boards/boardId/kanban/bulk/bulk-operations.ts

@@ -2,6 +2,10 @@
 
 import type { Task } from '@tuturuuu/types/primitives/Task';
 import { useEffect } from 'react';
+import {
+  dispatchTaskSoundCue,
+  type TaskSoundCue,
+} from '../../../../shared/task-sound-effects';
 import {
   useBulkClearAssignees,
   useBulkClearLabels,
@@ -31,6 +35,14 @@ import { useBulkOperationI18n } from './bulk-operation-i18n';
 import type { BulkOperationsConfig } from './bulk-operation-types';
 import { getBulkTaskWorkspaceGroups } from './bulk-operation-utils';
 
+function dispatchBulkTaskSoundCue(cue: TaskSoundCue, count: number) {
+  dispatchTaskSoundCue({
+    cue,
+    count,
+    intensity: count > 1 ? 1.2 : 1,
+  });
+}
+
 export function useBulkOperations(config: BulkOperationsConfig) {
   const i18n = useBulkOperationI18n();
 
@@ -213,11 +225,13 @@ export function useBulkOperations(config: BulkOperationsConfig) {
       const taskIds = Array.from(selectedTasks);
       if (!taskIds.length) return;
       await priorityMutation.mutateAsync({ priority, taskIds });
+      dispatchBulkTaskSoundCue('update', taskIds.length);
     },
     bulkUpdateEstimation: async (points: number | null) => {
       const taskIds = Array.from(selectedTasks);
       if (!taskIds.length) return;
       await estimationMutation.mutateAsync({ points, taskIds });
+      dispatchBulkTaskSoundCue('update', taskIds.length);
     },
     bulkUpdateDueDate: async (
       preset: 'today' | 'tomorrow' | 'this_week' | 'next_week' | 'clear'
@@ -225,16 +239,19 @@ export function useBulkOperations(config: BulkOperationsConfig) {
       const taskIds = Array.from(selectedTasks);
       if (!taskIds.length) return;
       await dueDateMutation.mutateAsync({ preset, taskIds });
+      dispatchBulkTaskSoundCue('update', taskIds.length);
     },
     bulkUpdateCustomDueDate: async (date: Date | null) => {
       const taskIds = Array.from(selectedTasks);
       if (!taskIds.length) return;
       await customDueDateMutation.mutateAsync({ date, taskIds });
+      dispatchBulkTaskSoundCue('update', taskIds.length);
     },
     bulkMoveToList: async (listId: string, listName: string) => {
       const taskIds = Array.from(selectedTasks);
       if (!taskIds.length) return;
       await moveToListMutation.mutateAsync({ listId, listName, taskIds });
+      dispatchBulkTaskSoundCue('move', taskIds.length);
     },
     bulkMoveToStatus: async (status: 'done' | 'closed') => {
       const taskIds = Array.from(selectedTasks);
@@ -242,51 +259,61 @@ export function useBulkOperations(config: BulkOperationsConfig) {
       const listId = getListIdByStatus(status);
       if (!listId) return;
       await statusMutation.mutateAsync({ status, taskIds });
+      dispatchBulkTaskSoundCue('complete', taskIds.length);
     },
     bulkAddLabel: async (labelId: string) => {
       const taskIds = Array.from(selectedTasks);
       if (!taskIds.length) return;
       await addLabelMutation.mutateAsync({ labelId, taskIds });
+      dispatchBulkTaskSoundCue('update', taskIds.length);
     },
     bulkRemoveLabel: async (labelId: string) => {
       const taskIds = Array.from(selectedTasks);
       if (!taskIds.length) return;
       await removeLabelMutation.mutateAsync({ labelId, taskIds });
+      dispatchBulkTaskSoundCue('update', taskIds.length);
     },
     bulkAddProject: async (projectId: string) => {
       const taskIds = Array.from(selectedTasks);
       if (!taskIds.length) return;
       await addProjectMutation.mutateAsync({ projectId, taskIds });
+      dispatchBulkTaskSoundCue('update', taskIds.length);
     },
     bulkRemoveProject: async (projectId: string) => {
       const taskIds = Array.from(selectedTasks);
       if (!taskIds.length) return;
       await removeProjectMutation.mutateAsync({ projectId, taskIds });
+      dispatchBulkTaskSoundCue('update', taskIds.length);
     },
     bulkAddAssignee: async (assigneeId: string) => {
       const taskIds = Array.from(selectedTasks);
       if (!taskIds.length) return;
       await addAssigneeMutation.mutateAsync({ assigneeId, taskIds });
+      dispatchBulkTaskSoundCue('update', taskIds.length);
     },
     bulkRemoveAssignee: async (assigneeId: string) => {
       const taskIds = Array.from(selectedTasks);
       if (!taskIds.length) return;
       await removeAssigneeMutation.mutateAsync({ assigneeId, taskIds });
+      dispatchBulkTaskSoundCue('update', taskIds.length);
     },
     bulkClearLabels: async () => {
       const taskIds = Array.from(selectedTasks);
       if (!taskIds.length) return;
       await clearLabelsMutation.mutateAsync({ taskIds });
+      dispatchBulkTaskSoundCue('update', taskIds.length);
     },
     bulkClearProjects: async () => {
       const taskIds = Array.from(selectedTasks);
       if (!taskIds.length) return;
       await clearProjectsMutation.mutateAsync({ taskIds });
+      dispatchBulkTaskSoundCue('update', taskIds.length);
     },
     bulkClearAssignees: async () => {
       const taskIds = Array.from(selectedTasks);
       if (!taskIds.length) return;
       await clearAssigneesMutation.mutateAsync({ taskIds });
+      dispatchBulkTaskSoundCue('update', taskIds.length);
     },
     bulkDeleteTasks: async () => {
       const taskIds = Array.from(selectedTasks);
@@ -298,6 +325,7 @@ export function useBulkOperations(config: BulkOperationsConfig) {
         taskIds,
       });
       await deleteMutation.mutateAsync({ taskIds, workspaceGroups });
+      dispatchBulkTaskSoundCue('delete', taskIds.length);
     },
     bulkMoveToBoard: async (targetBoardId: string, targetListId: string) => {
       const taskIds = Array.from(selectedTasks);
@@ -307,6 +335,7 @@ export function useBulkOperations(config: BulkOperationsConfig) {
         targetListId,
         taskIds,
       });
+      dispatchBulkTaskSoundCue('move', taskIds.length);
     },
     getListIdByStatus,
   };

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

@@ -7,6 +7,7 @@ import { useTaskContextActions } from '../use-task-context-actions';
 const {
   mockAddWorkspaceTaskLabel,
   mockDeleteWorkspaceTask,
+  mockDispatchTaskSoundCue,
   mockInvalidateQueries,
   mockListWorkspaceTaskLists,
   mockRemoveWorkspaceTaskLabel,
@@ -17,6 +18,7 @@ const {
 } = vi.hoisted(() => ({
   mockAddWorkspaceTaskLabel: vi.fn(),
   mockDeleteWorkspaceTask: vi.fn(),
+  mockDispatchTaskSoundCue: vi.fn(),
   mockInvalidateQueries: vi.fn(),
   mockListWorkspaceTaskLists: vi.fn(),
   mockRemoveWorkspaceTaskLabel: vi.fn(),
@@ -55,6 +57,10 @@ vi.mock('@tuturuuu/ui/sonner', () => ({
   },
 }));
 
+vi.mock('../../shared/task-sound-effects', () => ({
+  dispatchTaskSoundCue: mockDispatchTaskSoundCue,
+}));
+
 // Mock fetch
 global.fetch = vi.fn();
 
@@ -131,6 +137,7 @@ describe('useTaskContextActions', () => {
     );
     expect(onTaskUpdate).toHaveBeenCalled();
     expect(onClose).toHaveBeenCalled();
+    expect(mockDispatchTaskSoundCue).toHaveBeenCalledWith('complete');
   });
 
   it('handleUndoDoneWithMyPart sends PUT with both flags cleared', async () => {
@@ -165,6 +172,7 @@ describe('useTaskContextActions', () => {
     );
     expect(onTaskUpdate).toHaveBeenCalled();
     expect(onClose).toHaveBeenCalled();
+    expect(mockDispatchTaskSoundCue).toHaveBeenCalledWith('update');
   });
 
   it('handleComplete clears overrides when task has completed_at override', async () => {
@@ -279,6 +287,7 @@ describe('useTaskContextActions', () => {
     expect(mockDeleteWorkspaceTask).toHaveBeenCalledWith('ws-1', mockTask.id);
     expect(onTaskUpdate).toHaveBeenCalled();
     expect(onClose).toHaveBeenCalled();
+    expect(mockDispatchTaskSoundCue).toHaveBeenCalledWith('delete');
   });
 
   it('handlePriorityChange updates task priority via internal API', async () => {
@@ -299,6 +308,7 @@ describe('useTaskContextActions', () => {
       priority: 'high',
     });
     expect(mockInvalidateQueries).toHaveBeenCalled();
+    expect(mockDispatchTaskSoundCue).toHaveBeenCalledWith('update');
   });
 
   it('handleUnassignMe updates assignee_ids via internal API', async () => {
@@ -512,5 +522,6 @@ describe('useTaskContextActions', () => {
     });
     expect(onTaskUpdate).toHaveBeenCalled();
     expect(onClose).toHaveBeenCalled();
+    expect(mockDispatchTaskSoundCue).toHaveBeenCalledWith('move');
   });
 });

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

@@ -13,6 +13,7 @@ import type { TaskPriority } from '@tuturuuu/types/primitives/Priority';
 import { toast } from '@tuturuuu/ui/sonner';
 import { useTranslations } from 'next-intl';
 import { useCallback, useState } from 'react';
+import { dispatchTaskSoundCue } from '../shared/task-sound-effects';
 import {
   MY_COMPLETED_TASKS_QUERY_KEY,
   MY_TASKS_QUERY_KEY,
@@ -73,6 +74,7 @@ export function useTaskContextActions({
         if (!taskWorkspaceId) throw new Error('Task workspace not found');
         await updateWorkspaceTask(taskWorkspaceId, task.id, { priority });
         invalidateQueries();
+        dispatchTaskSoundCue('update');
       } catch {
         toast.error(t('failed_to_update'));
         invalidateQueries();
@@ -97,6 +99,7 @@ export function useTaskContextActions({
           end_date: newDate,
         });
         invalidateQueries();
+        dispatchTaskSoundCue('update');
       } catch {
         toast.error(t('failed_to_update'));
         invalidateQueries();
@@ -119,6 +122,7 @@ export function useTaskContextActions({
           await addWorkspaceTaskLabel(taskWorkspaceId, task.id, labelId);
         }
         invalidateQueries();
+        dispatchTaskSoundCue('update');
       } catch {
         toast.error(t('failed_to_update'));
         invalidateQueries();
@@ -167,6 +171,7 @@ export function useTaskContextActions({
 
       onTaskUpdate();
       onClose();
+      dispatchTaskSoundCue('complete');
     } catch {
       toast.error(t('failed_to_update'));
     } finally {
@@ -196,6 +201,7 @@ export function useTaskContextActions({
       if (!response.ok) throw new Error('Failed');
       onTaskUpdate();
       onClose();
+      dispatchTaskSoundCue('complete');
     } catch {
       toast.error(t('failed_to_update'));
     } finally {
@@ -220,6 +226,7 @@ export function useTaskContextActions({
       if (!response.ok) throw new Error('Failed');
       onTaskUpdate();
       onClose();
+      dispatchTaskSoundCue('update');
     } catch {
       toast.error(t('failed_to_update'));
     } finally {
@@ -250,6 +257,7 @@ export function useTaskContextActions({
 
       onTaskUpdate();
       onClose();
+      dispatchTaskSoundCue('move');
     } catch {
       toast.error(t('failed_to_update'));
     } finally {
@@ -285,6 +293,7 @@ export function useTaskContextActions({
       });
       onTaskUpdate();
       onClose();
+      dispatchTaskSoundCue('update');
     } catch {
       toast.error(t('failed_to_update'));
       invalidateQueries();
@@ -310,6 +319,7 @@ export function useTaskContextActions({
       await deleteWorkspaceTask(taskWorkspaceId, task.id);
       onTaskUpdate();
       onClose();
+      dispatchTaskSoundCue('delete');
     } catch {
       toast.error(t('failed_to_update'));
     } finally {

package/src/components/ui/tu-do/shared/task-edit-dialog/components/compact-task-create-popover.test.tsx

@@ -0,0 +1,141 @@
+/**
+ * @vitest-environment jsdom
+ */
+
+import { fireEvent, render, screen } from '@testing-library/react';
+import { Dialog } from '@tuturuuu/ui/dialog';
+import { describe, expect, it, vi } from 'vitest';
+import { CompactTaskCreatePopover } from './compact-task-create-popover';
+
+vi.mock('next-intl', () => ({
+  useTranslations: () => (key: string) => key,
+}));
+
+vi.mock('./quick-settings-popover', () => ({
+  QuickSettingsPopover: () => (
+    <button type="button" aria-label="Quick Settings">
+      Quick Settings
+    </button>
+  ),
+}));
+
+function renderCompactTaskCreatePopover({
+  canSave = true,
+  createMultiple = false,
+  saveAsDraft = false,
+}: {
+  canSave?: boolean;
+  createMultiple?: boolean;
+  saveAsDraft?: boolean;
+} = {}) {
+  const props = {
+    title: 'Create task',
+    description: 'New task',
+    titleInput: (
+      <input aria-label="Task title" defaultValue="Draft compact title" />
+    ),
+    propertyControls: (
+      <button type="button" aria-label="Priority: High">
+        Priority
+      </button>
+    ),
+    saveAsDraft,
+    createMultiple,
+    canSave,
+    isLoading: false,
+    isPersonalWorkspace: false,
+    onSaveAsDraftChange: vi.fn(),
+    onCreateMultipleChange: vi.fn(),
+    onClose: vi.fn(),
+    onFullscreen: vi.fn(),
+    onSave: vi.fn(),
+  };
+
+  render(
+    <Dialog open={true}>
+      <CompactTaskCreatePopover {...props} />
+    </Dialog>
+  );
+
+  return props;
+}
+
+describe('CompactTaskCreatePopover', () => {
+  it('renders compact create content with accessible icon actions', () => {
+    renderCompactTaskCreatePopover();
+
+    expect(screen.getByTestId('compact-task-create-popover')).toBeTruthy();
+    expect(screen.getByText('Create task')).toBeTruthy();
+    expect(screen.getByLabelText('Task title')).toHaveProperty(
+      'value',
+      'Draft compact title'
+    );
+    expect(screen.getByLabelText('Priority: High')).toBeTruthy();
+    expect(
+      screen.getByLabelText('ws-task-boards.dialog.open_fullscreen')
+    ).toBeTruthy();
+    expect(screen.getByLabelText('common.close')).toBeTruthy();
+    expect(screen.getByLabelText('task-drafts.save_as_draft')).toBeTruthy();
+    expect(
+      screen.getByLabelText('ws-task-boards.dialog.create_multiple')
+    ).toBeTruthy();
+    expect(screen.getByLabelText('Quick Settings')).toBeTruthy();
+  });
+
+  it('routes compact actions to the caller while keeping current form nodes mounted', () => {
+    const props = renderCompactTaskCreatePopover();
+
+    fireEvent.click(
+      screen.getByLabelText('ws-task-boards.dialog.open_fullscreen')
+    );
+    fireEvent.click(screen.getByLabelText('task-drafts.save_as_draft'));
+    fireEvent.click(
+      screen.getByLabelText('ws-task-boards.dialog.create_multiple')
+    );
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: 'ws-task-boards.dialog.create_task',
+      })
+    );
+
+    expect(props.onFullscreen).toHaveBeenCalledTimes(1);
+    expect(props.onSaveAsDraftChange).toHaveBeenCalledWith(true);
+    expect(props.onCreateMultipleChange).toHaveBeenCalledWith(true);
+    expect(props.onSave).toHaveBeenCalledTimes(1);
+    expect(screen.getByLabelText('Task title')).toHaveProperty(
+      'value',
+      'Draft compact title'
+    );
+    expect(screen.getByLabelText('Priority: High')).toBeTruthy();
+  });
+
+  it('disables create when the dialog cannot save', () => {
+    const props = renderCompactTaskCreatePopover({ canSave: false });
+    const saveButton = screen.getByRole('button', {
+      name: 'ws-task-boards.dialog.create_task',
+    });
+
+    expect(saveButton).toHaveProperty('disabled', true);
+    fireEvent.click(saveButton);
+
+    expect(props.onSave).not.toHaveBeenCalled();
+  });
+
+  it('reflects draft and create-multiple toggled states', () => {
+    renderCompactTaskCreatePopover({
+      createMultiple: true,
+      saveAsDraft: true,
+    });
+
+    expect(screen.getByLabelText('task-drafts.save_as_draft')).toHaveAttribute(
+      'aria-pressed',
+      'true'
+    );
+    expect(
+      screen.getByLabelText('ws-task-boards.dialog.create_multiple')
+    ).toHaveAttribute('aria-pressed', 'true');
+    expect(
+      screen.getAllByRole('button', { name: 'task-drafts.save_as_draft' })
+    ).toHaveLength(2);
+  });
+});