@tuturuuu/ui 0.8.0 → 0.9.0

package/src/components/ui/dialog.test.tsx

@@ -0,0 +1,52 @@
+import '@testing-library/jest-dom';
+import { render, screen } from '@testing-library/react';
+import type { ReactNode } from 'react';
+import { describe, expect, it } from 'vitest';
+import { Dialog, DialogContent, DialogTitle } from './dialog';
+
+function renderOpenDialog(children: ReactNode) {
+  return render(<Dialog open>{children}</Dialog>);
+}
+
+describe('DialogContent presentation', () => {
+  it('keeps the default centered dialog animation classes', () => {
+    renderOpenDialog(
+      <DialogContent>
+        <DialogTitle>Default dialog</DialogTitle>
+      </DialogContent>
+    );
+
+    const dialog = screen.getByRole('dialog', { name: 'Default dialog' });
+    const className = dialog.getAttribute('class') ?? '';
+
+    expect(className).toContain('top-[50%]');
+    expect(className).toContain('left-[50%]');
+    expect(className).toContain('data-[state=open]:animate-in');
+    expect(className).toContain('data-[state=open]:fade-in-0');
+    expect(className).toContain('data-[state=open]:zoom-in-95');
+    expect(dialog).toHaveClass('rounded-lg');
+  });
+
+  it('renders fullscreen content as an opaque non-animated viewport surface', () => {
+    renderOpenDialog(
+      <DialogContent presentation="fullscreen">
+        <DialogTitle>Fullscreen dialog</DialogTitle>
+      </DialogContent>
+    );
+
+    const dialog = screen.getByRole('dialog', { name: 'Fullscreen dialog' });
+    const className = dialog.getAttribute('class') ?? '';
+
+    expect(dialog).toHaveClass('fixed');
+    expect(dialog).toHaveClass('inset-0');
+    expect(dialog).toHaveClass('h-dvh');
+    expect(dialog).toHaveClass('max-h-dvh');
+    expect(dialog).toHaveClass('w-screen');
+    expect(dialog).toHaveClass('max-w-none');
+    expect(dialog).toHaveClass('bg-background');
+    expect(dialog).toHaveClass('rounded-none');
+    expect(dialog).toHaveClass('border-0');
+    expect(dialog).toHaveClass('shadow-none');
+    expect(className).not.toMatch(/animate-in|fade-in|zoom-in|slide-in/);
+  });
+});

package/src/components/ui/dialog.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { XIcon } from '@tuturuuu/icons';
+import { XIcon } from '@tuturuuu/icons/lucide-static';
 import { cn } from '@tuturuuu/utils/format';
 import type * as React from 'react';
 
@@ -51,9 +51,11 @@ function DialogContent({
   children,
   role = 'dialog',
   showCloseButton = true,
+  presentation = 'default',
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Content> & {
   showCloseButton?: boolean;
+  presentation?: 'default' | 'fullscreen';
 }) {
   return (
     <DialogPortal data-slot="dialog-portal">
@@ -62,7 +64,9 @@ function DialogContent({
         data-slot="dialog-content"
         role={role}
         className={cn(
-          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg',
+          presentation === 'fullscreen'
+            ? 'fixed inset-0 z-50 flex h-dvh max-h-dvh w-screen max-w-none gap-0 overflow-hidden rounded-none border-0 bg-background p-0 shadow-none'
+            : 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg',
           className
         )}
         onClick={(e) => e.stopPropagation()}

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

@@ -1,7 +1,11 @@
 'use client';
 
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-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/finance/debts/debt-loan-form.tsx

@@ -9,6 +9,10 @@ import type {
   InterestCalculationType,
 } from '@tuturuuu/types/primitives/DebtLoan';
 import type { Wallet } from '@tuturuuu/types/primitives/Wallet';
+import {
+  resolveSupportedCurrency,
+  SUPPORTED_CURRENCIES,
+} from '@tuturuuu/utils/currencies';
 import { useTranslations } from 'next-intl';
 import { useCallback, useState } from 'react';
 import { useForm } from 'react-hook-form';
@@ -36,6 +40,7 @@ interface Props {
   data?: DebtLoan;
   wallets?: Wallet[];
   defaultType?: DebtLoanType;
+  defaultCurrency?: string;
   onFinish?: (data: DebtLoanFormData) => void;
   onCancel?: () => void;
 }
@@ -45,12 +50,14 @@ export function DebtLoanForm({
   data,
   wallets = [],
   defaultType = 'debt',
+  defaultCurrency,
   onFinish,
   onCancel,
 }: Props) {
   const t = useTranslations('ws-debt-loan');
   const [loading, setLoading] = useState(false);
   const formSchema = createDebtLoanFormSchema(t);
+  const workspaceCurrency = resolveSupportedCurrency(defaultCurrency);
 
   const form = useForm<DebtLoanFormValues>({
     resolver: zodResolver(formSchema),
@@ -60,7 +67,7 @@ export function DebtLoanForm({
       counterparty: data?.counterparty || '',
       type: (data?.type || defaultType) as DebtLoanType,
       principal_amount: data?.principal_amount || 0,
-      currency: data?.currency || 'VND',
+      currency: data?.currency || workspaceCurrency,
       interest_rate: data?.interest_rate ?? undefined,
       interest_type: (data?.interest_type || undefined) as
         | InterestCalculationType
@@ -226,10 +233,10 @@ export function DebtLoanForm({
                 <SelectField
                   id="currency"
                   placeholder={t('select_currency')}
-                  options={[
-                    { value: 'VND', label: 'VND' },
-                    { value: 'USD', label: 'USD' },
-                  ]}
+                  options={SUPPORTED_CURRENCIES.map((currency) => ({
+                    value: currency.code,
+                    label: `${currency.code} - ${currency.name}`,
+                  }))}
                   classNames={{ selectTrigger: 'w-full' }}
                   value={field.value}
                   onValueChange={field.onChange}

package/src/components/ui/finance/debts/debt-loan-summary.tsx

@@ -8,6 +8,7 @@ import {
   TrendingUp,
 } from '@tuturuuu/icons';
 import type { DebtLoanSummary } from '@tuturuuu/types/primitives/DebtLoan';
+import { getCurrencyLocale } from '@tuturuuu/utils/currencies';
 import { cn } from '@tuturuuu/utils/format';
 import { useTranslations } from 'next-intl';
 import { useFinanceHref } from '../finance-route-context';
@@ -22,8 +23,8 @@ interface Props {
 
 export function DebtLoanSummaryCards({
   summary,
-  currency = 'VND',
-  locale = 'vi-VN',
+  currency = 'USD',
+  locale = getCurrencyLocale(currency),
   wsId,
 }: Props) {
   const t = useTranslations('ws-debt-loan');

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

@@ -5,6 +5,8 @@ import { DebtsPage } from './debts-page';
 
 const mocks = vi.hoisted(() => ({
   debtLoanForm: vi.fn(),
+  debtLoanList: vi.fn(),
+  debtLoanSummaryCards: vi.fn(),
   getDebtLoanSummary: vi.fn(),
   listDebtLoans: vi.fn(),
   listWallets: vi.fn(),
@@ -31,15 +33,22 @@ vi.mock('./debt-loan-form', () => ({
 }));
 
 vi.mock('./debt-loan-list', () => ({
-  DebtLoanList: () => null,
+  DebtLoanList: (props: unknown) => {
+    mocks.debtLoanList(props);
+    return null;
+  },
 }));
 
 vi.mock('./debt-loan-summary', () => ({
-  DebtLoanSummaryCards: () => null,
+  DebtLoanSummaryCards: (props: unknown) => {
+    mocks.debtLoanSummaryCards(props);
+    return null;
+  },
 }));
 
 function renderDebtsPage(
-  searchParams: { create?: string; type?: string } = {}
+  searchParams: { create?: string; type?: string } = {},
+  props: { currency?: string } = {}
 ) {
   const queryClient = new QueryClient({
     defaultOptions: {
@@ -51,7 +60,11 @@ function renderDebtsPage(
 
   return render(
     <QueryClientProvider client={queryClient}>
-      <DebtsPage wsId="ws-1" searchParams={searchParams} />
+      <DebtsPage
+        wsId="ws-1"
+        searchParams={searchParams}
+        currency={props.currency}
+      />
     </QueryClientProvider>
   );
 }
@@ -83,15 +96,51 @@ describe('debts page', () => {
   });
 
   it('opens the loan create dialog from query state', async () => {
-    renderDebtsPage({ create: 'loan' });
+    renderDebtsPage({ create: 'loan' }, { currency: 'SGD' });
 
     await waitFor(() => {
       expect(mocks.debtLoanForm).toHaveBeenCalledWith(
         expect.objectContaining({
+          defaultCurrency: 'SGD',
           defaultType: 'loan',
           wsId: 'ws-1',
         })
       );
     });
   });
+
+  it('passes workspace currency to summary without overriding list row currencies', async () => {
+    mocks.listDebtLoans.mockResolvedValueOnce([
+      {
+        currency: 'USD',
+        id: 'debt-1',
+        name: 'USD Debt',
+        status: 'active',
+        type: 'debt',
+      },
+    ]);
+
+    renderDebtsPage({}, { currency: 'SGD' });
+
+    await waitFor(() => {
+      expect(mocks.debtLoanSummaryCards).toHaveBeenCalledWith(
+        expect.objectContaining({
+          currency: 'SGD',
+          locale: 'en-SG',
+        })
+      );
+      expect(mocks.debtLoanList).toHaveBeenCalledWith(
+        expect.not.objectContaining({
+          currency: expect.anything(),
+        })
+      );
+      expect(mocks.debtLoanList).toHaveBeenCalledWith(
+        expect.objectContaining({
+          debtLoans: expect.arrayContaining([
+            expect.objectContaining({ currency: 'USD' }),
+          ]),
+        })
+      );
+    });
+  });
 });

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

@@ -13,6 +13,10 @@ import type {
   DebtLoanWithBalance,
 } from '@tuturuuu/types/primitives/DebtLoan';
 import type { Wallet } from '@tuturuuu/types/primitives/Wallet';
+import {
+  getCurrencyLocale,
+  resolveSupportedCurrency,
+} from '@tuturuuu/utils/currencies';
 import { useTranslations } from 'next-intl';
 import { useEffect, useState } from 'react';
 import { Button } from '../../button';
@@ -37,11 +41,14 @@ interface Props {
     create?: string;
     type?: string;
   };
+  currency?: string;
 }
 
-export function DebtsPage({ wsId, searchParams }: Props) {
+export function DebtsPage({ wsId, searchParams, currency }: Props) {
   const t = useTranslations('ws-debt-loan');
   const queryClient = useQueryClient();
+  const workspaceCurrency = resolveSupportedCurrency(currency);
+  const workspaceCurrencyLocale = getCurrencyLocale(workspaceCurrency);
   const requestedCreateType =
     searchParams?.create === 'loan'
       ? 'loan'
@@ -135,7 +142,12 @@ export function DebtsPage({ wsId, searchParams }: Props) {
           ))}
         </div>
       ) : summary ? (
-        <DebtLoanSummaryCards summary={summary} wsId={wsId} />
+        <DebtLoanSummaryCards
+          summary={summary}
+          wsId={wsId}
+          currency={workspaceCurrency}
+          locale={workspaceCurrencyLocale}
+        />
       ) : null}
 
       <Separator />
@@ -220,6 +232,7 @@ export function DebtsPage({ wsId, searchParams }: Props) {
             wsId={wsId}
             wallets={wallets}
             defaultType={defaultCreateType}
+            defaultCurrency={workspaceCurrency}
             onFinish={handleFormFinish}
             onCancel={() => setIsCreateDialogOpen(false)}
           />

package/src/components/ui/finance/invoices/components/subscription-group-selector.tsx

@@ -6,7 +6,6 @@ import {
   ChevronDown,
   Loader2,
 } from '@tuturuuu/icons';
-import type { Database } from '@tuturuuu/types';
 import {
   Card,
   CardContent,
@@ -29,6 +28,7 @@ import {
   getSubscriptionCoverageInvoiceForGroup,
   isSubscriptionMonthPaidForGroup,
   parseLocalCalendarDate,
+  type WorkspaceUserGroup,
 } from '../utils';
 
 type LatestInvoice = {
@@ -38,9 +38,7 @@ type LatestInvoice = {
 };
 
 type UserGroupItem = {
-  workspace_user_groups:
-    | Database['public']['Tables']['workspace_user_groups']['Row']
-    | null;
+  workspace_user_groups: WorkspaceUserGroup | null;
 };
 
 function hasSchedule(group: UserGroupItem['workspace_user_groups']): boolean {
@@ -84,7 +82,7 @@ function GroupRow({
   onToggle,
   t,
 }: {
-  group: Database['public']['Tables']['workspace_user_groups']['Row'];
+  group: WorkspaceUserGroup;
   isSelected: boolean;
   isMonthPaid: boolean;
   latestInvoice: LatestInvoice | undefined;

package/src/components/ui/finance/invoices/new-invoice-page.test.tsx

@@ -1,5 +1,6 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { render, waitFor } from '@testing-library/react';
+import type { ComponentProps } from 'react';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import NewInvoicePage from './new-invoice-page';
 
@@ -62,10 +63,12 @@ function createQueryClient() {
   });
 }
 
-function renderPage() {
+function renderPage(
+  props: Partial<ComponentProps<typeof NewInvoicePage>> = {}
+) {
   return render(
     <QueryClientProvider client={createQueryClient()}>
-      <NewInvoicePage wsId="ws-1" />
+      <NewInvoicePage wsId="ws-1" {...props} />
     </QueryClientProvider>
   );
 }
@@ -80,7 +83,7 @@ describe('NewInvoicePage', () => {
     fetchMock = vi.fn().mockResolvedValue({
       ok: true,
       json: async () => ({
-        DEFAULT_CURRENCY: 'VND',
+        DEFAULT_CURRENCY: 'SGD',
         DEFAULT_SUBSCRIPTION_CATEGORY_ID: 'category-1',
         default_wallet_id: 'wallet-1',
       }),
@@ -107,7 +110,7 @@ describe('NewInvoicePage', () => {
     await waitFor(() =>
       expect(invoiceMocks.StandardInvoice).toHaveBeenLastCalledWith(
         expect.objectContaining({
-          defaultCurrency: 'VND',
+          defaultCurrency: 'SGD',
           defaultWalletId: 'wallet-1',
         })
       )
@@ -128,10 +131,27 @@ describe('NewInvoicePage', () => {
       expect(invoiceMocks.SubscriptionInvoice).toHaveBeenLastCalledWith(
         expect.objectContaining({
           defaultCategoryId: 'category-1',
-          defaultCurrency: 'VND',
+          defaultCurrency: 'SGD',
           defaultWalletId: 'wallet-1',
         })
       )
     );
   });
+
+  it('uses the server-provided currency when batched config read is denied', async () => {
+    fetchMock.mockResolvedValueOnce({
+      ok: false,
+      status: 403,
+    });
+
+    renderPage({ defaultCurrency: 'VND' });
+
+    await waitFor(() =>
+      expect(invoiceMocks.StandardInvoice).toHaveBeenLastCalledWith(
+        expect.objectContaining({
+          defaultCurrency: 'VND',
+        })
+      )
+    );
+  });
 });

package/src/components/ui/finance/invoices/new-invoice-page.tsx

@@ -12,6 +12,7 @@ import { Separator } from '@tuturuuu/ui/separator';
 import { Skeleton } from '@tuturuuu/ui/skeleton';
 import { Switch } from '@tuturuuu/ui/switch';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@tuturuuu/ui/tabs';
+import { resolveSupportedCurrency } from '@tuturuuu/utils/currencies';
 import { useTranslations } from 'next-intl';
 import { useQueryState } from 'nuqs';
 import { useState } from 'react';
@@ -38,6 +39,7 @@ interface Props {
   canReadInvoiceProducts?: boolean;
   canReadInvoiceProductStock?: boolean;
   canReadGroupLinkedProducts?: boolean;
+  defaultCurrency?: string;
   permissionRequestUser?: FinancePermissionRequestUser | null;
 }
 
@@ -49,6 +51,7 @@ export default function NewInvoicePage({
   canReadInvoiceProducts = true,
   canReadInvoiceProductStock = true,
   canReadGroupLinkedProducts = true,
+  defaultCurrency: workspaceDefaultCurrency,
   permissionRequestUser,
 }: Props) {
   const t = useTranslations();
@@ -74,8 +77,10 @@ export default function NewInvoicePage({
   const defaultWalletId = defaultConfigs.default_wallet_id ?? undefined;
   const defaultCategoryId =
     defaultConfigs.DEFAULT_SUBSCRIPTION_CATEGORY_ID ?? undefined;
-  const defaultCurrency =
-    defaultConfigs.DEFAULT_CURRENCY === 'VND' ? 'VND' : 'USD';
+  const defaultCurrency = resolveSupportedCurrency(
+    defaultConfigs.DEFAULT_CURRENCY,
+    resolveSupportedCurrency(workspaceDefaultCurrency)
+  );
 
   const [
     createMultipleInvoices,

package/src/components/ui/finance/invoices/standard-invoice.tsx

@@ -6,6 +6,7 @@ import { Button } from '@tuturuuu/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@tuturuuu/ui/card';
 import { Separator } from '@tuturuuu/ui/separator';
 import { toast } from '@tuturuuu/ui/sonner';
+import { resolveSupportedCurrency } from '@tuturuuu/utils/currencies';
 import { shouldLockFinanceWalletSelectionOnCreate } from '@tuturuuu/utils/finance';
 import { useRouter } from 'next/navigation';
 import { useTranslations } from 'next-intl';
@@ -56,7 +57,7 @@ interface Props {
   printAfterCreate?: boolean;
   downloadImageAfterCreate?: boolean;
   defaultWalletId?: string;
-  defaultCurrency?: 'VND' | 'USD';
+  defaultCurrency?: string;
   canChangeFinanceWallets?: boolean;
   canSetFinanceWalletsOnCreate?: boolean;
   canReadInvoiceProducts?: boolean;
@@ -70,7 +71,7 @@ export function StandardInvoice({
   printAfterCreate = false,
   downloadImageAfterCreate = false,
   defaultWalletId,
-  defaultCurrency = 'USD',
+  defaultCurrency: rawDefaultCurrency = 'USD',
   canChangeFinanceWallets = true,
   canSetFinanceWalletsOnCreate = true,
   canReadInvoiceProducts = true,
@@ -79,6 +80,7 @@ export function StandardInvoice({
 }: Props) {
   const t = useTranslations();
   const router = useRouter();
+  const defaultCurrency = resolveSupportedCurrency(rawDefaultCurrency);
   const { isConfidential: areNumbersHidden } =
     useFinanceConfidentialVisibility();
 

package/src/components/ui/finance/invoices/subscription-invoice.tsx

@@ -6,6 +6,7 @@ import { Button } from '@tuturuuu/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@tuturuuu/ui/card';
 import { Separator } from '@tuturuuu/ui/separator';
 import { toast } from '@tuturuuu/ui/sonner';
+import { resolveSupportedCurrency } from '@tuturuuu/utils/currencies';
 import { shouldLockFinanceWalletSelectionOnCreate } from '@tuturuuu/utils/finance';
 import { useRouter } from 'next/navigation';
 import { useLocale, useTranslations } from 'next-intl';
@@ -81,7 +82,7 @@ interface Props {
   downloadImageAfterCreate?: boolean;
   defaultWalletId?: string;
   defaultCategoryId?: string;
-  defaultCurrency?: 'VND' | 'USD';
+  defaultCurrency?: string;
   canChangeFinanceWallets?: boolean;
   canSetFinanceWalletsOnCreate?: boolean;
   canReadInvoiceProducts?: boolean;
@@ -98,7 +99,7 @@ export function SubscriptionInvoice({
   downloadImageAfterCreate = false,
   defaultWalletId,
   defaultCategoryId,
-  defaultCurrency = 'USD',
+  defaultCurrency: rawDefaultCurrency = 'USD',
   canChangeFinanceWallets = true,
   canSetFinanceWalletsOnCreate = true,
   canReadInvoiceProducts = true,
@@ -108,6 +109,7 @@ export function SubscriptionInvoice({
 }: Props) {
   const t = useTranslations();
   const locale = useLocale();
+  const defaultCurrency = resolveSupportedCurrency(rawDefaultCurrency);
   const { isConfidential: areNumbersHidden } =
     useFinanceConfidentialVisibility();
   const router = useRouter();

package/src/components/ui/finance/invoices/utils.ts

@@ -14,7 +14,9 @@ type AttendanceStats = {
 };
 
 export type WorkspaceUserGroup =
-  Database['public']['Tables']['workspace_user_groups']['Row'];
+  Database['public']['Tables']['workspace_user_groups']['Row'] & {
+    sessions?: string[] | null;
+  };
 
 export type UserGroup = {
   workspace_user_groups: WorkspaceUserGroup | null;

package/src/components/ui/finance/transactions/form-content-dialog.tsx

@@ -31,6 +31,7 @@ interface FormContentDialogProps {
   setNewContentType: Dispatch<SetStateAction<NewContentType | undefined>>;
   newContent: NewContent;
   setNewContent: Dispatch<SetStateAction<NewContent>>;
+  defaultCurrency?: string;
   newTagColor: string;
   setNewTagColor: Dispatch<SetStateAction<string>>;
 }
@@ -53,6 +54,7 @@ export function FormContentDialog({
   setNewContentType,
   newContent,
   setNewContent,
+  defaultCurrency,
   newTagColor,
   setNewTagColor,
 }: FormContentDialogProps) {
@@ -101,6 +103,7 @@ export function FormContentDialog({
           <WalletForm
             wsId={wsId}
             data={newContent as WalletType}
+            defaultCurrency={defaultCurrency}
             onFinish={() => {
               setNewContent(undefined);
               setNewContentType(undefined);

package/src/components/ui/finance/transactions/form-types.ts

@@ -55,6 +55,7 @@ export interface TransactionFormProps {
   canUpdateConfidentialTransactions?: boolean;
   canChangeFinanceWallets?: boolean;
   canSetFinanceWalletsOnCreate?: boolean;
+  defaultCurrency?: string;
   initialMode?: TransactionFormInitialMode;
   initialTransaction?: TransactionFormInitialTransaction;
   initialTransfer?: TransactionFormInitialTransfer;

package/src/components/ui/finance/transactions/form.tsx

@@ -138,6 +138,7 @@ export function TransactionForm({
   canUpdateConfidentialTransactions,
   canChangeFinanceWallets = true,
   canSetFinanceWalletsOnCreate = true,
+  defaultCurrency,
   initialMode = 'transaction',
   initialTransaction,
   initialTransfer,
@@ -1005,6 +1006,7 @@ export function TransactionForm({
         setNewContentType={setNewContentType}
         newContent={newContent}
         setNewContent={setNewContent}
+        defaultCurrency={defaultCurrency}
         newTagColor={newTagColor}
         setNewTagColor={setNewTagColor}
       />

package/src/components/ui/finance/transactions/infinite-transactions-list.tsx

@@ -1067,6 +1067,7 @@ export function InfiniteTransactionsList({
               canUpdateConfidentialTransactions={
                 canUpdateConfidentialTransactions
               }
+              defaultCurrency={currency}
               timezone={resolvedTimezone}
               refreshPageOnFinish={!!walletId}
               permissionRequestUser={permissionRequestUser}
@@ -1102,6 +1103,7 @@ export function InfiniteTransactionsList({
               canCreateConfidentialTransactions={
                 canCreateConfidentialTransactions
               }
+              defaultCurrency={currency}
               timezone={resolvedTimezone}
               preferInitialWalletSelection={!!walletId}
               refreshPageOnFinish={!!walletId}

package/src/components/ui/finance/transactions/period-charts/category-breakdown-dialog.tsx

@@ -497,7 +497,7 @@ export function CategoryBreakdownDialog({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-bottom-2 data-[state=open]:slide-in-from-bottom-2 inset-0! top-0! left-0! flex h-screen max-h-screen w-screen max-w-none! translate-x-0! translate-y-0! flex-col gap-0 overflow-hidden rounded-none! border-0 p-0">
+      <DialogContent presentation="fullscreen" className="flex-col">
         {/* Header */}
         <DialogHeader className="shrink-0 border-b px-6 py-5">
           <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">

package/src/components/ui/finance/transactions/transaction-edit-dialog.tsx

@@ -481,10 +481,7 @@ export function TransactionEditDialog({
   return (
     <>
       <Dialog open={isOpen} onOpenChange={handleClose} modal={true}>
-        <DialogContent
-          showCloseButton={false}
-          className="data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 inset-0! top-0! left-0! flex h-screen max-h-screen w-screen max-w-none! translate-x-0! translate-y-0! gap-0 rounded-none! border-0 p-0"
-        >
+        <DialogContent showCloseButton={false} presentation="fullscreen">
           {/* Main content area */}
           <div className="flex min-w-0 flex-1 flex-col bg-background">
             {/* Header with gradient */}

package/src/components/ui/finance/transactions/transactions-create-summary.tsx

@@ -15,6 +15,7 @@ interface TransactionsCreateSummaryProps {
   createDescription: string;
   createTitle: string;
   defaultOpen?: boolean;
+  defaultCurrency?: string;
   description: string;
   initialMode?: 'transaction' | 'transfer';
   permissionRequestUser?: FinancePermissionRequestUser | null;
@@ -32,6 +33,7 @@ export function TransactionsCreateSummary({
   createDescription,
   createTitle,
   defaultOpen = false,
+  defaultCurrency,
   description,
   initialMode = 'transaction',
   permissionRequestUser,
@@ -59,6 +61,7 @@ export function TransactionsCreateSummary({
               canCreateConfidentialTransactions
             }
             initialMode={initialMode}
+            defaultCurrency={defaultCurrency}
             timezone={timezone}
             permissionRequestUser={permissionRequestUser}
           />