@tuturuuu/ui 0.8.0 → 0.9.0

package/src/components/ui/calendar-app/components/load-smart-scheduling-tasks.tsx

@@ -0,0 +1,143 @@
+import { createAdminClient } from '@tuturuuu/supabase/next/server';
+import type { ExtendedWorkspaceTask } from '../../time-tracker/types';
+
+interface LoadSmartSchedulingTasksOptions {
+  resolvedWsId: string;
+  userId: string;
+}
+
+interface AccessibleTaskRow {
+  task_id: string;
+  task_name: string | null;
+  task_description: string | null;
+  task_creator_id: string | null;
+  task_list_id: string | null;
+  task_start_date: string | null;
+  task_end_date: string | null;
+  task_priority: ExtendedWorkspaceTask['priority'];
+  task_completed_at: string | null;
+  task_closed_at: string | null;
+  task_deleted_at: string | null;
+  task_estimation_points: number | null;
+  task_created_at: string | null;
+}
+
+interface TaskListWorkspaceRow {
+  id?: string | null;
+  workspace_boards?: {
+    ws_id?: string | null;
+  } | null;
+}
+
+interface TaskSchedulingRow {
+  task_id?: string | null;
+  total_duration: number | null;
+  is_splittable: boolean | null;
+  min_split_duration_minutes: number | null;
+  max_split_duration_minutes: number | null;
+  calendar_hours: ExtendedWorkspaceTask['calendar_hours'];
+  auto_schedule: boolean | null;
+}
+
+export async function loadSmartSchedulingTasks({
+  resolvedWsId,
+  userId,
+}: LoadSmartSchedulingTasksOptions): Promise<ExtendedWorkspaceTask[]> {
+  const supabase = await createAdminClient({ noCookie: true });
+  const { data: rpcTasks } = await supabase.rpc('get_user_accessible_tasks', {
+    p_user_id: userId,
+    p_ws_id: resolvedWsId,
+    p_include_deleted: false,
+    p_list_statuses: ['not_started', 'active'],
+  });
+
+  const tasksBase = ((rpcTasks ?? []) as AccessibleTaskRow[]).map((task) => ({
+    id: task.task_id,
+    name: task.task_name,
+    description: task.task_description,
+    creator_id: task.task_creator_id,
+    list_id: task.task_list_id,
+    start_date: task.task_start_date,
+    end_date: task.task_end_date,
+    due_date: task.task_end_date,
+    priority: task.task_priority,
+    completed_at: task.task_completed_at,
+    closed_at: task.task_closed_at,
+    deleted_at: task.task_deleted_at,
+    estimation_points: task.task_estimation_points,
+    created_at: task.task_created_at,
+  })) as ExtendedWorkspaceTask[];
+
+  const listIds = Array.from(
+    new Set(tasksBase.map((task) => task.list_id).filter(Boolean))
+  ) as string[];
+
+  const wsIdByListId = new Map<string, string>();
+  if (listIds.length > 0) {
+    const { data: lists } = await supabase
+      .from('task_lists')
+      .select(
+        `
+        id,
+        workspace_boards!inner (
+          ws_id
+        )
+      `
+      )
+      .in('id', listIds);
+
+    (lists as TaskListWorkspaceRow[] | null)?.forEach((list) => {
+      const taskWsId = list.workspace_boards?.ws_id;
+      if (list.id && taskWsId) wsIdByListId.set(list.id, taskWsId);
+    });
+  }
+
+  const tasks = tasksBase.map((task) => ({
+    ...task,
+    ws_id:
+      (task.list_id ? wsIdByListId.get(task.list_id) : undefined) ??
+      resolvedWsId,
+  })) as ExtendedWorkspaceTask[];
+
+  const taskIds = tasks.map((task) => task.id).filter(Boolean);
+  const settingsByTaskId = new Map<string, TaskSchedulingRow>();
+
+  if (taskIds.length > 0) {
+    const { data: schedulingRows } = await supabase
+      .from('task_user_scheduling_settings')
+      .select(
+        `
+        task_id,
+        total_duration,
+        is_splittable,
+        min_split_duration_minutes,
+        max_split_duration_minutes,
+        calendar_hours,
+        auto_schedule
+      `
+      )
+      .eq('user_id', userId)
+      .in('task_id', taskIds);
+
+    (schedulingRows as TaskSchedulingRow[] | null)?.forEach((row) => {
+      if (row.task_id) settingsByTaskId.set(row.task_id, row);
+    });
+  }
+
+  return tasks.map((task) => {
+    const settings = settingsByTaskId.get(task.id);
+    return settings
+      ? ({
+          ...task,
+          total_duration: settings.total_duration,
+          is_splittable: settings.is_splittable ?? false,
+          min_split_duration_minutes:
+            settings.min_split_duration_minutes ?? null,
+          max_split_duration_minutes:
+            settings.max_split_duration_minutes ?? null,
+          calendar_hours: settings.calendar_hours ?? null,
+          auto_schedule: settings.auto_schedule ?? false,
+        } as ExtendedWorkspaceTask)
+      : task;
+  });
+}

package/src/components/ui/calendar-app/components/priority-view.tsx

@@ -23,6 +23,7 @@ import {
 } from '@tuturuuu/icons';
 import {
   listWorkspaceTaskLists,
+  listWorkspaceTasks,
   updateWorkspaceTask,
 } from '@tuturuuu/internal-api/tasks';
 import type { TaskPriority } from '@tuturuuu/types/primitives/Priority';
@@ -40,7 +41,6 @@ import ActionsDropdown from './actions-dropdown';
 import PriorityDropdown from './priority-dropdown';
 import { QuickTaskDialog } from './quick-task-dialog';
 import { SchedulingDialog } from './scheduling-dialog';
-import { getAssignedTasks } from './task-fetcher';
 
 // Priority labels (matching task-properties-section.tsx)
 const PRIORITY_LABELS: Record<TaskPriority, string> = {
@@ -356,8 +356,15 @@ export default function PriorityView({
     setSearchError(null);
 
     try {
-      const results = await getAssignedTasks(assigneeId, searchQuery.trim());
-      setSearchResults(results);
+      const results = await listWorkspaceTasks(wsId, {
+        assigneeIds: [assigneeId],
+        closed: 'exclude',
+        completed: 'exclude',
+        includeArchivedBoards: true,
+        limit: 50,
+        q: searchQuery.trim(),
+      });
+      setSearchResults(results.tasks as ExtendedWorkspaceTask[]);
     } catch (error) {
       console.error('Error searching tasks:', error);
       setSearchError('Failed to search tasks');

package/src/components/ui/calendar-app/components/tasks-sidebar.tsx

@@ -1,4 +1,3 @@
-import { createAdminClient } from '@tuturuuu/supabase/next/server';
 import type { ExtendedWorkspaceTask } from '../../time-tracker/types';
 import { CalendarSidebar } from './sidebar';
 
@@ -6,126 +5,15 @@ interface TasksSidebarProps {
   resolvedWsId: string;
   locale: string;
   userId: string;
+  tasks?: ExtendedWorkspaceTask[];
 }
 
-export default async function TasksSidebar({
+export default function TasksSidebar({
   resolvedWsId,
   locale,
   userId,
+  tasks = [],
 }: TasksSidebarProps) {
-  // Use the same RPC as the tasks page to get accessible tasks
-  const supabase = await createAdminClient({ noCookie: true });
-  const { data: rpcTasks } = await supabase.rpc('get_user_accessible_tasks', {
-    p_user_id: userId,
-    p_ws_id: resolvedWsId,
-    p_include_deleted: false,
-    p_list_statuses: ['not_started', 'active'],
-  });
-
-  // Map RPC results to match expected structure (same as my-tasks-data-loader.tsx)
-  const tasksBase = (rpcTasks?.map((task) => ({
-    id: task.task_id,
-    name: task.task_name,
-    description: task.task_description,
-    creator_id: task.task_creator_id,
-    list_id: task.task_list_id,
-    start_date: task.task_start_date,
-    end_date: task.task_end_date,
-    due_date: task.task_end_date, // Map end_date to due_date for display
-    priority: task.task_priority,
-    completed_at: task.task_completed_at,
-    closed_at: task.task_closed_at,
-    deleted_at: task.task_deleted_at,
-    estimation_points: task.task_estimation_points,
-    created_at: task.task_created_at,
-    // Scheduling fields are per-user now. These legacy RPC fields may not exist after migration.
-  })) || []) as ExtendedWorkspaceTask[];
-
-  // Enrich tasks with the *actual* workspace UUID (ws_id) via list -> board relation.
-  // This is critical for personal workspace views where tasks may belong to other workspaces.
-  const listIds = Array.from(
-    new Set(tasksBase.map((t) => t.list_id).filter(Boolean))
-  ) as string[];
-
-  const wsIdByListId = new Map<string, string>();
-  if (listIds.length > 0) {
-    const { data: lists } = await supabase
-      .from('task_lists')
-      .select(
-        `
-        id,
-        workspace_boards!inner (
-          ws_id
-        )
-      `
-      )
-      .in('id', listIds);
-
-    (lists as any[] | null)?.forEach((l) => {
-      const resolvedTaskWsId = l?.workspace_boards?.ws_id;
-      if (l?.id && resolvedTaskWsId) wsIdByListId.set(l.id, resolvedTaskWsId);
-    });
-  }
-
-  const tasks = tasksBase.map((t) => ({
-    ...t,
-    ws_id:
-      (t.list_id ? wsIdByListId.get(t.list_id) : undefined) ??
-      // Fallback: if a task is list-less, treat it as current workspace-scoped.
-      resolvedWsId,
-  })) as ExtendedWorkspaceTask[];
-
-  // Merge per-user scheduling settings so the calendar UI can still show duration/hour type.
-  const taskIds = tasks.map((t) => t.id).filter(Boolean);
-  const settingsByTaskId = new Map<
-    string,
-    {
-      total_duration: number | null;
-      is_splittable: boolean | null;
-      min_split_duration_minutes: number | null;
-      max_split_duration_minutes: number | null;
-      calendar_hours: any;
-      auto_schedule: boolean | null;
-    }
-  >();
-
-  if (taskIds.length > 0) {
-    const { data: schedulingRows } = await (supabase as any)
-      .from('task_user_scheduling_settings')
-      .select(
-        `
-        task_id,
-        total_duration,
-        is_splittable,
-        min_split_duration_minutes,
-        max_split_duration_minutes,
-        calendar_hours,
-        auto_schedule
-      `
-      )
-      .eq('user_id', userId)
-      .in('task_id', taskIds);
-
-    (schedulingRows as any[] | null)?.forEach((r) => {
-      if (r?.task_id) settingsByTaskId.set(r.task_id, r);
-    });
-  }
-
-  const tasksWithScheduling = tasks.map((t) => {
-    const s = settingsByTaskId.get(t.id);
-    return s
-      ? ({
-          ...t,
-          total_duration: s.total_duration,
-          is_splittable: s.is_splittable ?? false,
-          min_split_duration_minutes: s.min_split_duration_minutes ?? null,
-          max_split_duration_minutes: s.max_split_duration_minutes ?? null,
-          calendar_hours: s.calendar_hours ?? null,
-          auto_schedule: s.auto_schedule ?? false,
-        } as ExtendedWorkspaceTask)
-      : t;
-  });
-
   // Personal workspace = workspace ID matches user ID (no need for auto-assignment)
   const isPersonalWorkspace = resolvedWsId === userId;
 
@@ -135,7 +23,7 @@ export default async function TasksSidebar({
       // Always pass the resolved workspace UUID, not the route slug (e.g. "personal").
       wsId={resolvedWsId}
       assigneeId={userId}
-      tasks={tasksWithScheduling}
+      tasks={tasks}
       locale={locale}
       isPersonalWorkspace={isPersonalWorkspace}
     />

package/src/components/ui/calendar-app/components/use-calendar-connections-manager.ts

@@ -3,8 +3,11 @@ import {
   type CalendarSourceOption,
   getGoogleCalendarAuthUrl,
   getWorkspaceCalendarDefaultSource,
+  getWorkspaceCalendarSyncPreferences,
+  updateCalendarConnection as updateCalendarConnectionRequest,
   updateWorkspaceCalendarDefaultSource,
-} from '@tuturuuu/internal-api';
+  updateWorkspaceCalendarSyncPreferences,
+} from '@tuturuuu/internal-api/calendar';
 import { createClient } from '@tuturuuu/supabase/next/client';
 import { useRouter } from 'next/navigation';
 import { useTranslations } from 'next-intl';
@@ -184,6 +187,12 @@ export function useCalendarConnectionsManager(wsId: string) {
     staleTime: 30_000,
   });
 
+  const { data: syncPreferencesData } = useQuery({
+    queryKey: ['calendar-sync-preferences', wsId],
+    queryFn: () => getWorkspaceCalendarSyncPreferences(wsId),
+    staleTime: 30_000,
+  });
+
   const defaultSourceMutation = useMutation({
     mutationFn: async (sourceId: string) => {
       const option = defaultSourceData?.options.find(
@@ -209,6 +218,46 @@ export function useCalendarConnectionsManager(wsId: string) {
     },
   });
 
+  const syncPreferencesMutation = useMutation({
+    mutationFn: (
+      payload: Parameters<typeof updateWorkspaceCalendarSyncPreferences>[1]
+    ) => updateWorkspaceCalendarSyncPreferences(wsId, payload),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ['calendar-sync-preferences', wsId],
+      });
+      toast.success(
+        t('calendar_sync_settings_updated') || 'Calendar sync settings updated'
+      );
+    },
+    onError: (error: Error) => {
+      toast.error(error.message || 'Failed to update calendar sync settings');
+    },
+  });
+
+  const updateConnectionSyncSettingsMutation = useMutation({
+    mutationFn: (
+      payload: Parameters<typeof updateCalendarConnectionRequest>[0]
+    ) => updateCalendarConnectionRequest(payload),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ['calendar-connections', wsId],
+      });
+      queryClient.invalidateQueries({
+        queryKey: ['provider-calendar-list', wsId],
+      });
+      queryClient.invalidateQueries({
+        queryKey: ['calendar-sync-preferences', wsId],
+      });
+      toast.success(
+        t('calendar_sync_settings_updated') || 'Calendar sync settings updated'
+      );
+    },
+    onError: (error: Error) => {
+      toast.error(error.message || 'Failed to update calendar sync settings');
+    },
+  });
+
   // Fetch current user's email
   const { data: userEmail } = useQuery({
     queryKey: ['current-user-email'],
@@ -621,7 +670,13 @@ export function useCalendarConnectionsManager(wsId: string) {
         const existingConnection = calendarConnections.find(
           (conn) =>
             conn.calendar_id === apiCal.id && conn.auth_token_id === account.id
-        );
+        ) as
+          | ((typeof calendarConnections)[number] & {
+              sync_delete_enabled?: boolean | null;
+              sync_inbound_enabled?: boolean | null;
+              sync_outbound_enabled?: boolean | null;
+            })
+          | undefined;
 
         return {
           id: existingConnection?.id || apiCal.id,
@@ -634,6 +689,10 @@ export function useCalendarConnectionsManager(wsId: string) {
           connectionExists: !!existingConnection,
           accountId: account.id,
           accessRole: apiCal.accessRole,
+          syncDeleteEnabled: existingConnection?.sync_delete_enabled ?? true,
+          syncInboundEnabled: existingConnection?.sync_inbound_enabled ?? true,
+          syncOutboundEnabled:
+            existingConnection?.sync_outbound_enabled ?? false,
         };
       });
 
@@ -652,6 +711,9 @@ export function useCalendarConnectionsManager(wsId: string) {
         connectionExists: boolean;
         accountId: string;
         accessRole: string;
+        syncDeleteEnabled: boolean;
+        syncInboundEnabled: boolean;
+        syncOutboundEnabled: boolean;
       }>
     >
   );
@@ -688,6 +750,8 @@ export function useCalendarConnectionsManager(wsId: string) {
     showCreateCalendarDialog,
     syncHealth,
     syncMutation,
+    syncPreferencesData,
+    syncPreferencesMutation,
     syncStatusStyles,
     syncToTuturuuu,
     systemCalendars,
@@ -696,6 +760,7 @@ export function useCalendarConnectionsManager(wsId: string) {
     togglingTuturuuuIds,
     toggleAccountExpanded,
     toggleWorkspaceCalendarMutation,
+    updateConnectionSyncSettingsMutation,
     tuturuuuEnabledCount,
     userEmail,
     workspaceCalendars,

package/src/components/ui/calendar.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { ChevronLeft, ChevronRight } from '@tuturuuu/icons';
+import { ChevronLeft, ChevronRight } from '@tuturuuu/icons/lucide-static';
 import { cn } from '@tuturuuu/utils/format';
 import { format } from 'date-fns';
 import dayjs from 'dayjs';

package/src/components/ui/carousel.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { ArrowLeft, ArrowRight } from '@tuturuuu/icons';
+import { ArrowLeft, ArrowRight } from '@tuturuuu/icons/lucide-static';
 import { cn } from '@tuturuuu/utils/format';
 import useEmblaCarousel, {
   type UseEmblaCarouselType,

package/src/components/ui/chat/chat-agent-details-external-thread-panel.test.tsx

@@ -18,7 +18,7 @@ vi.mock('next-intl', () => ({
     values?.count === undefined ? key : `${key}:${values.count}`,
 }));
 
-vi.mock('@tuturuuu/internal-api/infrastructure', () => ({
+vi.mock('@tuturuuu/internal-api/infrastructure/ai', () => ({
   draftAiAgentExternalResponse: (...args: unknown[]) =>
     mocks.draftAiAgentExternalResponse(...args),
   listAiAgentExternalThreads: (...args: unknown[]) =>

package/src/components/ui/chat/chat-agent-details-external-thread-panel.tsx

@@ -13,7 +13,7 @@ import {
   listAiAgentExternalThreads,
   sendAiAgentExternalResponse,
   syncAiAgentExternalThread,
-} from '@tuturuuu/internal-api/infrastructure';
+} from '@tuturuuu/internal-api/infrastructure/ai';
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';
 import { Button } from '../button';

package/src/components/ui/chat/chat-agent-details-operations-panel.test.tsx

@@ -16,7 +16,7 @@ vi.mock('next-intl', () => ({
   useTranslations: () => (key: string) => key,
 }));
 
-vi.mock('@tuturuuu/internal-api/infrastructure', () => ({
+vi.mock('@tuturuuu/internal-api/infrastructure/ai', () => ({
   abortAiAgentZaloPersonalQrLogin: (
     ...args: Parameters<typeof mocks.abortAiAgentZaloPersonalQrLogin>
   ) => mocks.abortAiAgentZaloPersonalQrLogin(...args),

package/src/components/ui/chat/chat-agent-details-operations-panel.tsx

@@ -14,7 +14,7 @@ import {
 import type {
   AiAgentChannelConfig,
   AiAgentTestResponse,
-} from '@tuturuuu/internal-api/infrastructure';
+} from '@tuturuuu/internal-api/infrastructure/ai';
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';
 import { Button } from '../button';

package/src/components/ui/chat/chat-agent-details-setup-panel.tsx

@@ -14,7 +14,7 @@ import type {
   AiAgentChannelConfig,
   AiAgentDefinition,
   SaveAiAgentPayload,
-} from '@tuturuuu/internal-api/infrastructure';
+} from '@tuturuuu/internal-api/infrastructure/ai';
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';
 import { Badge } from '../badge';

package/src/components/ui/chat/chat-agent-details-sidebar.test.tsx

@@ -20,7 +20,7 @@ vi.mock('next-intl', () => ({
   useTranslations: () => (key: string) => key,
 }));
 
-vi.mock('@tuturuuu/internal-api/infrastructure', () => ({
+vi.mock('@tuturuuu/internal-api/infrastructure/ai', () => ({
   abortAiAgentZaloPersonalQrLogin: vi.fn(),
   deployAiAgentChannel: vi.fn(),
   getAiAgentZaloPersonalQrLoginStatus: vi.fn(),

package/src/components/ui/chat/chat-agent-details-sidebar.tsx

@@ -6,7 +6,7 @@ import type { ChatConversation } from '@tuturuuu/internal-api';
 import type {
   AiAgentTestResponse,
   SaveAiAgentPayload,
-} from '@tuturuuu/internal-api/infrastructure';
+} from '@tuturuuu/internal-api/infrastructure/ai';
 import {
   deployAiAgentChannel,
   listAiAgents,
@@ -14,7 +14,7 @@ import {
   rotateAiAgentChannelSecret,
   saveAiAgent,
   testAiAgentChannel,
-} from '@tuturuuu/internal-api/infrastructure';
+} from '@tuturuuu/internal-api/infrastructure/ai';
 import { useTranslations } from 'next-intl';
 import { useMemo, useState } from 'react';
 import { Badge } from '../badge';

package/src/components/ui/chat/chat-agent-details-utils.test.ts

@@ -1,5 +1,5 @@
 import type { ChatConversation } from '@tuturuuu/internal-api';
-import type { AiAgentDefinition } from '@tuturuuu/internal-api/infrastructure';
+import type { AiAgentDefinition } from '@tuturuuu/internal-api/infrastructure/ai';
 import { ROOT_WORKSPACE_ID } from '@tuturuuu/utils/constants';
 import { describe, expect, it } from 'vitest';
 import {

package/src/components/ui/chat/chat-agent-details-utils.tsx

@@ -6,7 +6,7 @@ import type {
   AiAgentChannelConfig,
   AiAgentDefinition,
   SaveAiAgentPayload,
-} from '@tuturuuu/internal-api/infrastructure';
+} from '@tuturuuu/internal-api/infrastructure/ai';
 import { cn } from '@tuturuuu/utils/format';
 import { useTranslations } from 'next-intl';
 import type { ReactNode } from 'react';

package/src/components/ui/chat/chat-agent-details-zalo-personal-panel.tsx

@@ -19,14 +19,14 @@ import type {
   AiAgentZaloPersonalPhoneSyncResult,
   AiAgentZaloPersonalQrLoginSession,
   AiAgentZaloPersonalQrLoginStatus,
-} from '@tuturuuu/internal-api/infrastructure';
+} from '@tuturuuu/internal-api/infrastructure/ai';
 import {
   abortAiAgentZaloPersonalQrLogin,
   getAiAgentZaloPersonalQrLoginStatus,
   getAiAgentZaloPersonalStatus,
   runAiAgentZaloPersonalAction,
   startAiAgentZaloPersonalQrLogin,
-} from '@tuturuuu/internal-api/infrastructure';
+} from '@tuturuuu/internal-api/infrastructure/ai';
 import Image from 'next/image';
 import { useTranslations } from 'next-intl';
 import type { ReactNode } from 'react';

package/src/components/ui/checkbox.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { CheckIcon, MinusIcon } from '@tuturuuu/icons';
+import { CheckIcon, MinusIcon } from '@tuturuuu/icons/lucide-static';
 import { cn } from '@tuturuuu/utils/format';
 import type * as React from 'react';
 

package/src/components/ui/color-picker.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { TextIcon } from '@tuturuuu/icons';
+import { TextIcon } from '@tuturuuu/icons/lucide-static';
 import { forwardRef, useMemo, useState } from 'react';
 import { HexColorPicker } from 'react-colorful';
 import { useDomResolvedTheme } from '../../hooks/use-dom-resolved-theme';

package/src/components/ui/command.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { SearchIcon } from '@tuturuuu/icons';
+import { SearchIcon } from '@tuturuuu/icons/lucide-static';
 import { cn } from '@tuturuuu/utils/format';
 import { Command as CommandPrimitive } from 'cmdk';
 import type * as React from 'react';

package/src/components/ui/context-menu.tsx

@@ -1,7 +1,11 @@
 'use client';
 
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-import { CheckIcon, ChevronRightIcon, CircleIcon } from '@tuturuuu/icons';
+import {
+  CheckIcon,
+  ChevronRightIcon,
+  CircleIcon,
+} from '@tuturuuu/icons/lucide-static';
 import { cn } from '@tuturuuu/utils/format';
 import type * as React from 'react';
 

package/src/components/ui/custom/__tests__/settings-dialog-shell.test.tsx

@@ -92,10 +92,13 @@ describe('SettingsDialogShell keyboard navigation', () => {
     renderShell();
 
     const dialog = screen.getByRole('dialog');
+    const className = dialog.getAttribute('class') ?? '';
 
     expect(dialog).toHaveClass('h-dvh');
     expect(dialog).toHaveClass('w-screen');
+    expect(dialog).toHaveClass('bg-background');
     expect(dialog).toHaveClass('rounded-none');
+    expect(className).not.toMatch(/animate-in|fade-in|zoom-in|slide-in/);
     expect(
       screen.getAllByRole('button', { name: 'settings.back_to_app' }).length
     ).toBeGreaterThan(0);

package/src/components/ui/custom/__tests__/workspace-select-helpers.test.ts

@@ -1,3 +1,5 @@
+import { readFileSync } from 'node:fs';
+import { join } from 'node:path';
 import type { InternalApiWorkspaceSummary } from '@tuturuuu/types';
 import { describe, expect, it } from 'vitest';
 import { mergeWorkspaceSelectWorkspaces } from '../workspace-select-helpers';
@@ -36,4 +38,21 @@ describe('mergeWorkspaceSelectWorkspaces', () => {
       workspace,
     ]);
   });
+
+  it('keeps workspace fallback images outside Radix AvatarImage context', () => {
+    const workspaceSelectSource = readFileSync(
+      join(process.cwd(), 'src/components/ui/custom/workspace-select.tsx'),
+      'utf8'
+    );
+    const workspaceIconSource = workspaceSelectSource.slice(
+      workspaceSelectSource.indexOf('function WorkspaceIcon'),
+      workspaceSelectSource.indexOf('export function WorkspaceSelect')
+    );
+
+    expect(workspaceIconSource).toContain('<AvatarFallback');
+    expect(workspaceIconSource).toContain('<Image');
+    expect(workspaceIconSource).not.toMatch(
+      /<AvatarFallback[\s\S]*<AvatarImage/u
+    );
+  });
 });