@tuturuuu/ui 0.8.0 → 0.10.0

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-search.test.ts

@@ -0,0 +1,78 @@
+import { describe, expect, it } from 'vitest';
+import { createSettingsSearchEngine } from '../settings-dialog-search';
+import type { SettingsNavGroup } from '../settings-dialog-shell';
+
+function TestIcon() {
+  return null;
+}
+
+const navItems: SettingsNavGroup[] = [
+  {
+    label: 'Workspace',
+    items: [
+      {
+        aliases: ['organization'],
+        description: 'Manage workspace profile and branding',
+        icon: TestIcon,
+        keywords: ['general'],
+        label: 'General',
+        name: 'workspace_general',
+      },
+      {
+        description: 'Invite people and manage roles',
+        icon: TestIcon,
+        keywords: ['team'],
+        label: 'Members',
+        name: 'workspace_members',
+      },
+    ],
+  },
+  {
+    label: 'Developer',
+    items: [
+      {
+        description: 'Secret keys for external apps',
+        icon: TestIcon,
+        label: 'API Keys',
+        name: 'api_keys',
+        searchLabels: ['sdk tokens'],
+      },
+      {
+        disabled: true,
+        icon: TestIcon,
+        label: 'Secrets',
+        name: 'secrets',
+      },
+    ],
+  },
+];
+
+describe('createSettingsSearchEngine', () => {
+  it('matches labels, group labels, descriptions, aliases, and keywords', () => {
+    const engine = createSettingsSearchEngine(navItems);
+
+    expect(engine.search('members')[0]?.items.map((item) => item.name)).toEqual(
+      ['workspace_members']
+    );
+    expect(
+      engine.search('organization')[0]?.items.map((item) => item.name)
+    ).toEqual(['workspace_general']);
+    expect(engine.search('sdk')[0]?.items.map((item) => item.name)).toEqual([
+      'api_keys',
+    ]);
+    expect(
+      engine.search('developer')[0]?.items.map((item) => item.name)
+    ).toEqual(['api_keys', 'secrets']);
+  });
+
+  it('normalizes accents and excludes disabled items from enabled traversal', () => {
+    const engine = createSettingsSearchEngine(navItems);
+
+    expect(engine.search('generál')[0]?.items.map((item) => item.name)).toEqual(
+      ['workspace_general']
+    );
+    expect(
+      engine.getEnabledItems('developer').map((item) => item.name)
+    ).toEqual(['api_keys']);
+  });
+});

package/src/components/ui/custom/__tests__/settings-dialog-shell-compile-graph.test.ts

@@ -0,0 +1,76 @@
+import { existsSync, readFileSync } from 'node:fs';
+import { join } from 'node:path';
+import { describe, expect, it } from 'vitest';
+
+const settingsDialogShellPath = [
+  join(
+    process.cwd(),
+    'packages/ui/src/components/ui/custom/settings-dialog-shell.tsx'
+  ),
+  join(process.cwd(), 'src/components/ui/custom/settings-dialog-shell.tsx'),
+].find((path) => existsSync(path));
+
+if (!settingsDialogShellPath) {
+  throw new Error('Unable to locate settings-dialog-shell.tsx');
+}
+
+const settingsDialogShellSource = readFileSync(settingsDialogShellPath, {
+  encoding: 'utf8',
+});
+const settingsDialogSearchLoaderPath = [
+  join(
+    process.cwd(),
+    'packages/ui/src/components/ui/custom/settings-dialog-search-loader.js'
+  ),
+  join(
+    process.cwd(),
+    'src/components/ui/custom/settings-dialog-search-loader.js'
+  ),
+].find((path) => existsSync(path));
+
+if (!settingsDialogSearchLoaderPath) {
+  throw new Error('Unable to locate settings-dialog-search-loader.js');
+}
+
+const settingsDialogSearchLoaderSource = readFileSync(
+  settingsDialogSearchLoaderPath,
+  {
+    encoding: 'utf8',
+  }
+);
+const runtimeSource = settingsDialogShellSource.replace(
+  /^\s*import\s+type\b[\s\S]*?\sfrom\s+['"][^'"]+['"];?/gmu,
+  ''
+);
+
+function staticImportPattern(modulePath: string) {
+  const escapedModulePath = modulePath.replace(
+    /[.*+?^${}()|[\]\\]/gu,
+    String.raw`\$&`
+  );
+
+  return new RegExp(
+    String.raw`^\s*import\s+(?!type\b)[\s\S]*?\sfrom\s+['"]${escapedModulePath}['"];`,
+    'mu'
+  );
+}
+
+describe('settings dialog shell compile graph', () => {
+  it('keeps the settings search engine behind a dynamic import', () => {
+    expect(runtimeSource).not.toMatch(
+      staticImportPattern('./settings-dialog-search')
+    );
+    expect(runtimeSource).not.toMatch(
+      staticImportPattern('@tuturuuu/utils/text-helper')
+    );
+    expect(settingsDialogSearchLoaderSource).toMatch(
+      /import\(['"]\.\/settings-dialog-search['"]\)/u
+    );
+    expect(settingsDialogShellSource).not.toContain(
+      'settings-dialog-search.js'
+    );
+    expect(settingsDialogSearchLoaderSource).not.toContain(
+      'settings-dialog-search.js'
+    );
+  });
+});

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,6 +1,11 @@
+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';
+import {
+  mergeWorkspaceSelectWorkspaces,
+  normalizeWorkspaceSwitchPath,
+} from '../workspace-select-helpers';
 
 describe('mergeWorkspaceSelectWorkspaces', () => {
   it('uses the current workspace fallback when the workspace list is unavailable', () => {
@@ -36,4 +41,44 @@ 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
+    );
+  });
+});
+
+describe('normalizeWorkspaceSwitchPath', () => {
+  it('lands on tasks when switching workspace from a task board detail route', () => {
+    expect(
+      normalizeWorkspaceSwitchPath('/personal/tasks/boards/board-1', 'personal')
+    ).toBe('/personal/tasks');
+  });
+
+  it('lands on tasks when switching workspace from the task boards index', () => {
+    expect(
+      normalizeWorkspaceSwitchPath('/personal/tasks/boards', 'personal')
+    ).toBe('/personal/tasks');
+  });
+
+  it('preserves existing UUID detail-route stripping for non-task-board routes', () => {
+    expect(
+      normalizeWorkspaceSwitchPath(
+        '/workspace-1/users/11111111-1111-4111-8111-111111111111',
+        'workspace-1'
+      )
+    ).toBe('/workspace-1/users');
+  });
 });