@tuturuuu/ui 0.17.0 → 0.19.0

package/src/components/ui/custom/notification-popover-client.tsx

@@ -32,12 +32,12 @@ import {
   useUnreadCount,
   useUpdateNotification,
 } from '@tuturuuu/ui/hooks/use-notifications';
-import { Popover, PopoverContent, PopoverTrigger } from '@tuturuuu/ui/popover';
-import { toast } from '@tuturuuu/ui/sonner';
 import {
   dispatchRequestOpenTask,
   waitForTaskOpenResult,
-} from '@tuturuuu/ui/tu-do/shared/task-open-events';
+} from '@tuturuuu/ui/lib/task-open-events';
+import { Popover, PopoverContent, PopoverTrigger } from '@tuturuuu/ui/popover';
+import { toast } from '@tuturuuu/ui/sonner';
 import { cn } from '@tuturuuu/utils/format';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';

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

@@ -1,6 +1,12 @@
 'use client';
 
-import { ArrowLeft, ChevronDown, ChevronRight, Search } from '@tuturuuu/icons';
+import {
+  ArrowLeft,
+  ChevronDown,
+  ChevronRight,
+  Search,
+  X,
+} from '@tuturuuu/icons';
 import {
   Breadcrumb,
   BreadcrumbItem,
@@ -395,18 +401,7 @@ export function SettingsDialogShell({
           </SidebarContent>
         </Sidebar>
         <main className="flex h-full flex-1 flex-col overflow-hidden bg-background">
-          <header className="flex h-14 shrink-0 items-center gap-2 border-b px-4 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 md:px-6">
-            <DialogClose asChild>
-              <Button
-                type="button"
-                variant="ghost"
-                size="icon"
-                className="shrink-0 text-muted-foreground md:hidden"
-              >
-                <ArrowLeft className="h-4 w-4" />
-                <span className="sr-only">{t('settings.back_to_app')}</span>
-              </Button>
-            </DialogClose>
+          <header className="flex h-14 shrink-0 items-center gap-2 border-b px-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 md:px-6">
             <div className="flex flex-1 items-center gap-2 md:flex-initial">
               {isMobile && (
                 <Drawer open={mobileNavOpen} onOpenChange={setMobileNavOpen}>
@@ -510,8 +505,22 @@ export function SettingsDialogShell({
                 </BreadcrumbList>
               </Breadcrumb>
             </div>
+            <DialogClose asChild>
+              <Button
+                type="button"
+                variant="ghost"
+                size="icon"
+                className="shrink-0 text-muted-foreground md:hidden"
+              >
+                <X
+                  className="h-4 w-4"
+                  data-testid="settings-mobile-close-icon"
+                />
+                <span className="sr-only">{t('common.close')}</span>
+              </Button>
+            </DialogClose>
           </header>
-          <div className="flex flex-1 flex-col gap-4 overflow-y-auto p-6">
+          <div className="flex flex-1 flex-col gap-4 overflow-y-auto p-2 md:p-6">
             <div className="mx-auto w-full max-w-4xl space-y-6">
               {showContentHeader && (
                 <>

package/src/components/ui/custom/statistic-card.tsx

@@ -80,9 +80,7 @@ const StatisticCard = ({
       <Link
         href={href}
         onClick={onClick}
-        className={`group flex flex-col rounded-lg border transition-all duration-300 ${
-          onClick || href ? 'hover:rounded-xl' : 'cursor-default'
-        } ${generateOuterColor(!!onClick || !!href)} ${className || ''}`}
+        className={`group flex flex-col rounded-lg border transition-all duration-300 hover:rounded-xl ${generateOuterColor(true)} ${className || ''}`}
       >
         {cardContent}
       </Link>
@@ -93,8 +91,8 @@ const StatisticCard = ({
       type="button"
       onClick={onClick}
       className={`group flex flex-col rounded-lg border transition duration-300 ${
-        onClick || href ? 'hover:rounded-xl' : 'cursor-default'
-      } ${generateOuterColor(!!onClick || !!href)} ${className || ''}`}
+        onClick ? 'hover:rounded-xl' : 'cursor-default'
+      } ${generateOuterColor(!!onClick)} ${className || ''}`}
     >
       {cardContent}
     </button>

package/src/components/ui/custom/structure.test.tsx

@@ -25,5 +25,9 @@ describe('Structure', () => {
     expect(container.querySelector('aside')).not.toBeInTheDocument();
     expect(container.querySelector('nav')).not.toBeInTheDocument();
     expect(container.querySelector('main')).toHaveClass('md:pl-0');
+    expect(screen.getByText('Page content').parentElement).toHaveClass(
+      'p-2',
+      'md:p-4'
+    );
   });
 });

package/src/components/ui/custom/user-filters.tsx

@@ -260,7 +260,7 @@ export function Filter({
                       {selectedSize}
                     </Badge>
                     <div className="hidden space-x-1 lg:flex">
-                      {(multiple && selectedSize > 2) || alwaysShowNumber ? (
+                      {selectedSize > 2 || alwaysShowNumber ? (
                         <Badge
                           variant="secondary"
                           className="rounded-sm bg-background/80 px-1 font-normal text-foreground hover:bg-background/80"
@@ -270,7 +270,7 @@ export function Filter({
                       ) : (
                         options
                           .filter((option) => selectedValues.has(option.value))
-                          .slice(0, multiple ? 2 : 1)
+                          .slice(0, 2)
                           .map((option) => (
                             <Badge
                               variant="secondary"
@@ -404,7 +404,7 @@ export function Filter({
                   <div className="grid items-center gap-1 md:flex">
                     <CommandItem
                       onSelect={() => {
-                        if (selectedSize === 0 && multiple)
+                        if (selectedSize === 0)
                           return setSelectedValues(
                             new Set(options.map((option) => option.value))
                           );
@@ -417,15 +417,12 @@ export function Filter({
                       className="w-full justify-center text-center"
                       disabled={
                         applying ||
-                        (!multiple &&
-                          oldValues.size === 0 &&
-                          selectedSize === 0) ||
                         options.every(
                           (option) => option.checked && option.disabled
                         )
                       }
                     >
-                      {selectedSize === 0 && multiple ? (
+                      {selectedSize === 0 ? (
                         <>
                           <CheckCheck className="mr-2 h-4 w-4" />
                           <span className="line-clamp-1">Select All</span>

package/src/components/ui/custom/workspace-access/workspace-access-page-header.tsx

@@ -33,7 +33,7 @@ export function WorkspaceAccessPageHeader({
     {
       accent: 'text-dynamic-blue',
       icon: <Users className="h-4 w-4" />,
-      label: t('common.total'),
+      label: t('ws-members.total'),
       value: totalCount,
     },
     {

package/src/components/ui/custom/workspace-access/workspace-access-tabs-toolbar.tsx

@@ -94,7 +94,7 @@ export function WorkspaceAccessTabsToolbar({
           <Input
             value={search}
             onChange={(event) => onSearchChange(event.target.value)}
-            placeholder={t('common.search')}
+            placeholder={t('ws-members.search_members')}
             className="pl-9"
           />
         </div>

package/src/components/ui/custom/workspace-select.tsx

@@ -9,9 +9,11 @@ import {
   PlusCircle,
   Star,
 } from '@tuturuuu/icons';
+import { InternalApiError } from '@tuturuuu/internal-api/client';
 import { updateCurrentUserDefaultWorkspace } from '@tuturuuu/internal-api/users';
 import {
   acceptWorkspaceInvite,
+  createTeamWorkspace,
   getWorkspace,
 } from '@tuturuuu/internal-api/workspaces';
 import type { InternalApiWorkspaceSummary } from '@tuturuuu/types';
@@ -145,6 +147,7 @@ function WorkspaceIcon({
 export function WorkspaceSelect({
   wsId,
   hideLeading,
+  standalone,
   customRedirectSuffix,
   disableCreateNewWorkspace,
   fetchWorkspaces,
@@ -156,6 +159,7 @@ export function WorkspaceSelect({
 }: {
   wsId: string;
   hideLeading?: boolean;
+  standalone?: boolean;
   customRedirectSuffix?: string;
   disableCreateNewWorkspace?: boolean;
   fetchWorkspaces: () => Promise<InternalApiWorkspaceSummary[]>;
@@ -269,50 +273,31 @@ export function WorkspaceSelect({
     setLoading(true);
 
     try {
-      const res = await fetch(`/api/v1/workspaces/team`, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify(formData),
-      });
-
-      if (res.ok) {
-        form.reset();
-
-        const { id } = await res.json();
-
-        router.push(getWorkspaceLandingPath(id));
-        router.refresh();
-
-        setShowNewWorkspaceDialog(false);
-        setLoading(false);
-        setOpen(false);
-      } else {
-        const errorData = await res.json();
-
-        // Check if it's a workspace limit error
-        if (
-          res.status === 403 &&
-          errorData.code === WORKSPACE_LIMIT_ERROR_CODE
-        ) {
-          toast.error(t('common.workspace_limit_reached'), {
-            description: errorData.message,
-          });
-        } else {
-          toast.error(t('common.error_creating_workspace'), {
-            description:
-              errorData.message || t('common.workspace_creation_failed'),
-          });
-        }
-
-        setLoading(false);
-      }
+      const { id } = await createTeamWorkspace(formData);
+      form.reset();
+      router.push(getWorkspaceLandingPath(id));
+      router.refresh();
+      setShowNewWorkspaceDialog(false);
+      setOpen(false);
     } catch (error) {
       console.error('Error creating workspace:', error);
-      toast.error(t('common.error_creating_workspace'), {
-        description: t('common.workspace_creation_failed'),
-      });
+      if (
+        error instanceof InternalApiError &&
+        error.status === 403 &&
+        error.code === WORKSPACE_LIMIT_ERROR_CODE
+      ) {
+        toast.error(t('common.workspace_limit_reached'), {
+          description: error.message,
+        });
+      } else {
+        toast.error(t('common.error_creating_workspace'), {
+          description:
+            error instanceof Error
+              ? error.message
+              : t('common.workspace_creation_failed'),
+        });
+      }
+    } finally {
       setLoading(false);
     }
   }
@@ -498,7 +483,7 @@ export function WorkspaceSelect({
 
   return (
     <>
-      {hideLeading || wsId === ROOT_WORKSPACE_ID || (
+      {hideLeading || standalone || wsId === ROOT_WORKSPACE_ID || (
         <div className="mx-1 h-4 w-px flex-none rotate-30 bg-foreground/20" />
       )}
       <Dialog
@@ -787,34 +772,34 @@ export function WorkspaceSelect({
               <CommandSeparator />
               <CommandGroup
                 className={cn(
-                  'grid gap-2',
-                  disableCreateNewWorkspace ? 'grid-cols-1' : 'grid-cols-2'
+                  '[&_[cmdk-group-items]]:grid [&_[cmdk-group-items]]:gap-1',
+                  disableCreateNewWorkspace
+                    ? '[&_[cmdk-group-items]]:grid-cols-1'
+                    : '[&_[cmdk-group-items]]:grid-cols-2'
                 )}
               >
                 {!disableCreateNewWorkspace && (
                   <CommandItem
-                    className="justify-center"
+                    className="h-9 justify-center gap-1.5 px-2"
                     disabled={disableCreateNewWorkspace}
                     onSelect={() => {
                       setOpen(false);
                       setShowNewWorkspaceDialog(true);
                     }}
                   >
-                    <PlusCircle className="h-5 w-5" />
-                    <span className="truncate">
-                      {t('common.create_new_workspace')}
-                    </span>
+                    <PlusCircle className="size-4" />
+                    <span>{t('common.create_workspace_action')}</span>
                   </CommandItem>
                 )}
                 <CommandItem
-                  className="justify-center"
+                  className="h-9 justify-center gap-1.5 px-2"
                   onSelect={() => {
                     setOpen(false);
                     setShowJoinWorkspaceDialog(true);
                   }}
                 >
-                  <Link className="h-5 w-5" />
-                  <span className="truncate">{t('common.join_workspace')}</span>
+                  <Link className="size-4" />
+                  <span>{t('common.join_workspace_action')}</span>
                 </CommandItem>
               </CommandGroup>
             </Command>

package/src/components/ui/finance/analytics/category-spending-chart.test.tsx

@@ -41,7 +41,7 @@ describe('CategorySpendingChart', () => {
     vi.clearAllMocks();
     // biome-ignore lint/suspicious/noDocumentCookie: test resets the finance visibility cookie.
     document.cookie =
-      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
+      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;Secure';
     mocks.getCategoryBreakdown.mockResolvedValue([
       { category_name: 'Food', total: 75 },
       { category_name: 'Transport', total: 25 },
@@ -50,7 +50,7 @@ describe('CategorySpendingChart', () => {
 
   it('masks category percentages when finance numbers are hidden', async () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=true;path=/';
+    document.cookie = 'finance-confidential-mode=true;path=/;Secure';
 
     renderCategorySpendingChart();
 
@@ -63,7 +63,7 @@ describe('CategorySpendingChart', () => {
 
   it('shows category percentages when finance numbers are visible', async () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=false;path=/';
+    document.cookie = 'finance-confidential-mode=false;path=/;Secure';
 
     renderCategorySpendingChart();
 

package/src/components/ui/finance/budgets/budget-card.test.tsx

@@ -40,12 +40,12 @@ describe('BudgetCard', () => {
   beforeEach(() => {
     // biome-ignore lint/suspicious/noDocumentCookie: test resets the finance visibility cookie.
     document.cookie =
-      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
+      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;Secure';
   });
 
   it('masks budget amounts, usage percentage, and progress when finance numbers are hidden', () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=true;path=/';
+    document.cookie = 'finance-confidential-mode=true;path=/;Secure';
 
     const { container } = renderBudgetCard();
 
@@ -58,7 +58,7 @@ describe('BudgetCard', () => {
 
   it('shows budget amounts, usage percentage, and progress when finance numbers are visible', () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=false;path=/';
+    document.cookie = 'finance-confidential-mode=false;path=/;Secure';
 
     const { container } = renderBudgetCard();
 

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

@@ -40,12 +40,12 @@ describe('DebtLoanCard', () => {
   beforeEach(() => {
     // biome-ignore lint/suspicious/noDocumentCookie: test resets the finance visibility cookie.
     document.cookie =
-      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
+      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;Secure';
   });
 
   it('masks amounts, progress, and interest rate when finance numbers are hidden', () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=true;path=/';
+    document.cookie = 'finance-confidential-mode=true;path=/;Secure';
 
     const { container } = renderDebtLoanCard();
 
@@ -59,7 +59,7 @@ describe('DebtLoanCard', () => {
 
   it('shows amounts, progress, and interest rate when finance numbers are visible', () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=false;path=/';
+    document.cookie = 'finance-confidential-mode=false;path=/;Secure';
 
     const { container } = renderDebtLoanCard();
 

package/src/components/ui/finance/debts/debt-loan-detail-cards.test.tsx

@@ -57,12 +57,12 @@ describe('debt loan detail cards', () => {
   beforeEach(() => {
     // biome-ignore lint/suspicious/noDocumentCookie: test resets the finance visibility cookie.
     document.cookie =
-      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
+      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;Secure';
   });
 
   it('masks payment progress and interest rate when finance numbers are hidden', () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=true;path=/';
+    document.cookie = 'finance-confidential-mode=true;path=/;Secure';
 
     const { container } = renderDetailCards();
 
@@ -76,7 +76,7 @@ describe('debt loan detail cards', () => {
 
   it('shows payment progress and interest rate when finance numbers are visible', () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=false;path=/';
+    document.cookie = 'finance-confidential-mode=false;path=/;Secure';
 
     const { container } = renderDetailCards();
 

package/src/components/ui/finance/invoices/charts/invoice-totals-chart.test.tsx

@@ -43,12 +43,12 @@ describe('InvoiceTotalsChart', () => {
   beforeEach(() => {
     // biome-ignore lint/suspicious/noDocumentCookie: test resets the finance visibility cookie.
     document.cookie =
-      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
+      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;Secure';
   });
 
   it('masks invoice count totals when finance numbers are hidden', () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=true;path=/';
+    document.cookie = 'finance-confidential-mode=true;path=/;Secure';
 
     renderInvoiceTotalsChart();
 
@@ -58,7 +58,7 @@ describe('InvoiceTotalsChart', () => {
 
   it('shows invoice count totals when finance numbers are visible', async () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=false;path=/';
+    document.cookie = 'finance-confidential-mode=false;path=/;Secure';
 
     renderInvoiceTotalsChart();
 

package/src/components/ui/finance/invoices/columns.test.tsx

@@ -41,12 +41,12 @@ describe('invoiceColumns', () => {
   beforeEach(() => {
     // biome-ignore lint/suspicious/noDocumentCookie: test resets the finance visibility cookie.
     document.cookie =
-      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
+      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;Secure';
   });
 
   it('masks amount columns when finance numbers are globally hidden', () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=true;path=/';
+    document.cookie = 'finance-confidential-mode=true;path=/;Secure';
 
     render(<InvoicePriceCell price={123} />);
 
@@ -56,7 +56,7 @@ describe('invoiceColumns', () => {
 
   it('shows amount columns when finance numbers are globally visible', async () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=false;path=/';
+    document.cookie = 'finance-confidential-mode=false;path=/;Secure';
 
     render(<InvoicePriceCell price={123} />);
 

package/src/components/ui/finance/invoices/components/invoice-customer-select-card.tsx

@@ -320,7 +320,7 @@ export function InvoiceCustomerSelectCard({
                               size="sm"
                               className="mx-auto h-8 text-xs"
                               onClick={() => onLoadMore?.()}
-                              disabled={isFetchingNextPage || loading}
+                              disabled={loading}
                             >
                               {t('ws-invoices.load_more')}
                             </Button>

package/src/components/ui/finance/shared/numbers-visibility-toggle.test.tsx

@@ -10,7 +10,7 @@ describe('FinanceNumbersVisibilityToggle', () => {
   beforeEach(() => {
     // biome-ignore lint/suspicious/noDocumentCookie: test resets the finance visibility cookie.
     document.cookie =
-      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
+      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;Secure';
   });
 
   it('persists visibility state and notifies other finance widgets', () => {

package/src/components/ui/finance/tags/tag-manager.test.tsx

@@ -72,7 +72,7 @@ describe('TagManager', () => {
     vi.clearAllMocks();
     // biome-ignore lint/suspicious/noDocumentCookie: test resets the finance visibility cookie.
     document.cookie =
-      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
+      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;Secure';
     mocks.listTransactionTags.mockResolvedValue([
       {
         id: 'tag-1',
@@ -97,7 +97,7 @@ describe('TagManager', () => {
 
   it('renders RPC-backed income, expense, and recent pace stats for each tag', async () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=false;path=/';
+    document.cookie = 'finance-confidential-mode=false;path=/;Secure';
 
     renderTagManager();
 

package/src/components/ui/finance/transactions/categories/columns.test.tsx

@@ -68,12 +68,12 @@ describe('transactionCategoryColumns', () => {
   beforeEach(() => {
     // biome-ignore lint/suspicious/noDocumentCookie: test resets the finance visibility cookie.
     document.cookie =
-      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
+      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;Secure';
   });
 
   it('masks the total amount column when finance numbers are globally hidden', () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=true;path=/';
+    document.cookie = 'finance-confidential-mode=true;path=/;Secure';
 
     render(<CategoryAmountCell amount={123} />);
 
@@ -83,7 +83,7 @@ describe('transactionCategoryColumns', () => {
 
   it('shows the total amount column when finance numbers are globally visible', async () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=false;path=/';
+    document.cookie = 'finance-confidential-mode=false;path=/;Secure';
 
     render(<CategoryAmountCell amount={123} />);
 
@@ -93,7 +93,7 @@ describe('transactionCategoryColumns', () => {
 
   it('masks the transaction count column when finance numbers are globally hidden', () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=true;path=/';
+    document.cookie = 'finance-confidential-mode=true;path=/;Secure';
 
     render(<CategoryCountCell count={1234} />);
 
@@ -103,7 +103,7 @@ describe('transactionCategoryColumns', () => {
 
   it('shows the transaction count column when finance numbers are globally visible', async () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=false;path=/';
+    document.cookie = 'finance-confidential-mode=false;path=/;Secure';
 
     render(<CategoryCountCell count={1234} />);
 

package/src/components/ui/finance/transactions/columns.test.tsx

@@ -79,7 +79,7 @@ describe('transactionColumns', () => {
   beforeEach(() => {
     // biome-ignore lint/suspicious/noDocumentCookie: test resets the finance visibility cookie.
     document.cookie =
-      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
+      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;Secure';
   });
 
   it('masks the amount column when finance numbers are globally hidden', () => {
@@ -91,7 +91,7 @@ describe('transactionColumns', () => {
 
   it('shows the amount column when finance numbers are globally visible', async () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=false;path=/';
+    document.cookie = 'finance-confidential-mode=false;path=/;Secure';
 
     render(<TransactionAmountCell amount={123} />);
 

package/src/components/ui/finance/transactions/confidential-field.test.tsx

@@ -10,7 +10,7 @@ describe('ConfidentialAmount', () => {
   beforeEach(() => {
     // biome-ignore lint/suspicious/noDocumentCookie: test resets the finance visibility cookie.
     document.cookie =
-      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
+      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;Secure';
   });
 
   it('masks visible amounts when finance numbers are globally hidden', () => {
@@ -22,7 +22,7 @@ describe('ConfidentialAmount', () => {
 
   it('shows visible amounts when finance numbers are globally shown', () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=false;path=/';
+    document.cookie = 'finance-confidential-mode=false;path=/;Secure';
 
     render(<ConfidentialAmount amount={42} isConfidential={false} />);
 

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

@@ -82,7 +82,7 @@ describe('TransactionEditDialog', () => {
     vi.clearAllMocks();
     // biome-ignore lint/suspicious/noDocumentCookie: test resets the finance visibility cookie.
     document.cookie =
-      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
+      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;Secure';
     mocks.listTransactionCategories.mockResolvedValue([
       { id: 'category-1', is_expense: false, name: 'Income' },
     ]);
@@ -95,7 +95,7 @@ describe('TransactionEditDialog', () => {
 
   it('masks the summary amount when finance numbers are globally hidden', async () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=true;path=/';
+    document.cookie = 'finance-confidential-mode=true;path=/;Secure';
 
     renderDialog();
 

package/src/components/ui/finance/transactions/transaction-statistics.test.tsx

@@ -24,12 +24,12 @@ describe('TransactionStatistics', () => {
   beforeEach(() => {
     // biome-ignore lint/suspicious/noDocumentCookie: test resets the finance visibility cookie.
     document.cookie =
-      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
+      'finance-confidential-mode=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;Secure';
   });
 
   it('masks transaction counts and totals when finance numbers are hidden', () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=true;path=/';
+    document.cookie = 'finance-confidential-mode=true;path=/;Secure';
 
     renderTransactionStatistics();
 
@@ -46,7 +46,7 @@ describe('TransactionStatistics', () => {
 
   it('shows transaction counts and totals when finance numbers are visible', () => {
     // biome-ignore lint/suspicious/noDocumentCookie: test sets the finance visibility cookie.
-    document.cookie = 'finance-confidential-mode=false;path=/';
+    document.cookie = 'finance-confidential-mode=false;path=/;Secure';
 
     renderTransactionStatistics();