@m5kdev/web-ui 0.3.0 → 0.3.2

package/dist/src/modules/auth/components/RangeNuqsDatePicker.js

@@ -4,7 +4,7 @@ import { CalendarDate, getLocalTimeZone, today } from "@internationalized/date";
 import { useNuqsQueryParams } from "@m5kdev/frontend/modules/table/hooks/useNuqsQueryParams";
 import { calendarDateToEndOfDayUTC, calendarDateToUTC, dateFilterToRangeValue, } from "@m5kdev/web-ui/modules/table/filterTransformers";
 import { DateTime } from "luxon";
-import { useEffect, useMemo, useState } from "react";
+import { startTransition, useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 const toCalendarDate = (dt) => new CalendarDate(dt.year, dt.month, dt.day);
 const isSameCalendarDate = (a, b) => a.year === b.year && a.month === b.month && a.day === b.day;
@@ -17,6 +17,10 @@ export const RangeNuqsDatePicker = ({ columnId = "startedAt", endColumnId = "end
     const dateRange = useMemo(() => {
         return dateFilterToRangeValue(filters, columnId);
     }, [filters, columnId]);
+    const [localRange, setLocalRange] = useState(dateRange);
+    useEffect(() => {
+        setLocalRange(dateRange);
+    }, [dateRange]);
     const todayIso = DateTime.utc().toISODate();
     const quickRangeOptions = useMemo(() => {
         const now = DateTime.utc();
@@ -186,12 +190,15 @@ export const RangeNuqsDatePicker = ({ columnId = "startedAt", endColumnId = "end
     const handleDateRangeChange = (range) => {
         if (!setFilters)
             return;
-        if (!range?.start || !range?.end) {
-            // Remove date filters
+        if (range === null) {
+            // Explicit clear — remove date filters
             const newFilters = filters?.filter((f) => f.columnId !== columnId && f.columnId !== endColumnId) ?? [];
-            setFilters(newFilters);
+            startTransition(() => setFilters(newFilters));
             return;
         }
+        // Incomplete range (e.g. only start selected mid-calendar-selection) — keep current filters
+        if (!range.start || !range.end)
+            return;
         // Use intersect to find records where [startedAt, endedAt] overlaps with the selected range
         // This includes ongoing records (endedAt = NULL) and records that overlap the range
         const startDate = range.start;
@@ -207,7 +214,7 @@ export const RangeNuqsDatePicker = ({ columnId = "startedAt", endColumnId = "end
                 endColumnId,
             },
         ];
-        setFilters(newFilters);
+        startTransition(() => setFilters(newFilters));
     };
     const handleQuickRangeChange = (key) => {
         if (!key) {
@@ -224,7 +231,11 @@ export const RangeNuqsDatePicker = ({ columnId = "startedAt", endColumnId = "end
         });
     };
     return (_jsxs("div", { className: `flex gap-4 flex-row ${className ?? ""}`, children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: dateRangeLabel ??
-                            t(`${translationNamespace}:reports.dateRange`, { defaultValue: "Date range" }) }), _jsx(DateRangePicker, { value: dateRange ?? undefined, onChange: handleDateRangeChange, className: "w-[300px]", granularity: "day", showMonthAndYearPickers: true, maxValue: today(getLocalTimeZone()), popoverProps: {
+                            t(`${translationNamespace}:reports.dateRange`, { defaultValue: "Date range" }) }), _jsx(DateRangePicker, { "aria-label": "Date range", value: localRange ?? undefined, onChange: setLocalRange, onBlur: () => {
+                            if (localRange !== undefined) {
+                                handleDateRangeChange(localRange);
+                            }
+                        }, className: "w-[300px]", granularity: "day", showMonthAndYearPickers: true, maxValue: today(getLocalTimeZone()), popoverProps: {
                             portalContainer: document.body,
                             disableAnimation: true,
                         } })] }), showQuickRange && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: quickRangeLabel ??

package/dist/src/modules/table/components/NuqsTable.d.ts

@@ -10,6 +10,7 @@ export type NuqsTableColumn<T> = ColumnDef<T> & {
         value: string;
     }[];
     endColumnId?: string;
+    groupable?: boolean;
 };
 type NuqsTableParams<T> = {
     data: T[];

package/dist/src/modules/table/components/NuqsTable.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Checkbox, Popover, PopoverContent, PopoverTrigger } from "@heroui/react";
-import { flexRender, getCoreRowModel, getPaginationRowModel, useReactTable, } from "@tanstack/react-table";
-import { ChevronDown, ChevronUp } from "lucide-react";
+import { flexRender, getCoreRowModel, getExpandedRowModel, getGroupedRowModel, getPaginationRowModel, useReactTable, } from "@tanstack/react-table";
+import { ChevronDown, ChevronRight, ChevronUp } from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
 import { Button } from "../../../components/ui/button";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../../../components/ui/table";
 import { ColumnOrderAndVisibility } from "./ColumnOrderAndVisibility";
 import { TableFiltering } from "./TableFiltering";
+import { TableGroupBy } from "./TableGroupBy";
 import { TablePagination } from "./TablePagination";
 function getStorageKey(columnIds) {
     const sortedIds = [...columnIds].sort().join(",");
@@ -117,15 +118,17 @@ export const NuqsTable = ({ data, total, columns, tableProps, singleFilter = fal
     }, [layout, columnIds]);
     const columnOrder = useMemo(() => layout.map((column) => column.id), [layout]);
     const columnVisibility = useMemo(() => Object.fromEntries(layout.map((column) => [column.id, column.visibility])), [layout]);
-    const { limit = 10, page = 1, sorting, setSorting, setPagination, pagination, rowSelection, setRowSelection, setFilters, filters, } = tableProps;
+    const { limit = 10, page = 1, sorting, setSorting, setPagination, pagination, rowSelection, setRowSelection, setFilters, filters, grouping, setGrouping, } = tableProps;
+    const isGrouped = grouping.length > 0;
+    const [expanded, setExpanded] = useState({});
     // Redirect back if we're on an empty page (past the last page)
     useEffect(() => {
-        if (data.length === 0 && page > 1 && total !== undefined) {
+        if (!isGrouped && data.length === 0 && page > 1 && total !== undefined) {
             setPagination?.({ pageIndex: page - 2, pageSize: limit });
         }
-    }, [data.length, page, limit, total, setPagination]);
-    // Calculate pageCount from total if available, otherwise use heuristic
-    const pageCount = total !== undefined
+    }, [data.length, page, limit, total, setPagination, isGrouped]);
+    // When grouped, TanStack handles pagination client-side; otherwise use server total
+    const serverPageCount = total !== undefined
         ? Math.ceil(total / limit) || 1
         : data.length === limit
             ? page + 1
@@ -135,14 +138,21 @@ export const NuqsTable = ({ data, total, columns, tableProps, singleFilter = fal
         columns,
         getRowId: (row) => String(row.id),
         manualSorting: true,
-        manualPagination: true,
-        state: { pagination, sorting, rowSelection, columnOrder, columnVisibility },
-        pageCount,
+        manualPagination: !isGrouped,
+        state: { pagination, sorting, rowSelection, columnOrder, columnVisibility, grouping, expanded },
+        ...(isGrouped ? {} : { pageCount: serverPageCount }),
         manualFiltering: true,
+        enableGrouping: true,
+        groupedColumnMode: false,
+        autoResetExpanded: false,
         onSortingChange: setSorting,
         onPaginationChange: setPagination,
         onRowSelectionChange: setRowSelection,
+        onGroupingChange: setGrouping,
+        onExpandedChange: setExpanded,
         getCoreRowModel: getCoreRowModel(),
+        getGroupedRowModel: getGroupedRowModel(),
+        getExpandedRowModel: getExpandedRowModel(),
         getPaginationRowModel: getPaginationRowModel(),
         onColumnOrderChange: (updater) => {
             setLayout((prev) => applyOrder(prev, typeof updater === "function" ? updater(prev.map((i) => i.id)) : updater));
@@ -188,11 +198,37 @@ export const NuqsTable = ({ data, total, columns, tableProps, singleFilter = fal
         }));
         return [...baseColumns, ...periodColumns];
     }, [columns]);
+    const groupableColumns = useMemo(() => columns
+        .filter((col) => col.groupable)
+        .map((col) => ({ id: String(col.id), label: String(col.header) })), [columns]);
+    const hasGrouping = grouping.length > 0;
     const [isFiltersOpen, setIsFiltersOpen] = useState(false);
     const [isColumnsOpen, setIsColumnsOpen] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex w-full items-center gap-2 justify-end", children: [_jsxs(Popover, { placement: "bottom", isOpen: isFiltersOpen, onOpenChange: setIsFiltersOpen, portalContainer: document.body, children: [_jsx(PopoverTrigger, { children: _jsx(Button, { variant: "outline", size: "sm", children: _jsxs("div", { className: "flex items-center gap-2", children: ["Filters", _jsx(ChevronDown, { className: "h-4 w-4" })] }) }) }), _jsx(PopoverContent, { children: _jsx(TableFiltering, { columns: filterableColumns, onFiltersChange: onFiltersChange, filters: filters ?? [], onClose: () => setIsFiltersOpen(false), singleFilter: singleFilter, filterMethods: filterMethods }) })] }), _jsxs(Popover, { placement: "bottom", isOpen: isColumnsOpen, onOpenChange: setIsColumnsOpen, portalContainer: document.body, children: [_jsx(PopoverTrigger, { children: _jsx(Button, { variant: "outline", size: "sm", children: _jsxs("div", { className: "flex items-center gap-2", children: ["Columns", _jsx(ChevronDown, { className: "h-4 w-4" })] }) }) }), _jsx(PopoverContent, { children: _jsx(ColumnOrderAndVisibility, { layout: layout, onChangeOrder: onChangeOrder, onChangeVisibility: onChangeVisibility, onClose: () => setIsColumnsOpen(false) }) })] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: _jsx(Checkbox, { isSelected: table.getIsAllRowsSelected(), onValueChange: (checked) => {
+    const [isGroupByOpen, setIsGroupByOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex w-full items-center gap-2 justify-end", children: [_jsxs(Popover, { placement: "bottom", isOpen: isFiltersOpen, onOpenChange: setIsFiltersOpen, portalContainer: document.body, children: [_jsx(PopoverTrigger, { children: _jsx(Button, { variant: "outline", size: "sm", children: _jsxs("div", { className: "flex items-center gap-2", children: ["Filters", _jsx(ChevronDown, { className: "h-4 w-4" })] }) }) }), _jsx(PopoverContent, { children: _jsx(TableFiltering, { columns: filterableColumns, onFiltersChange: onFiltersChange, filters: filters ?? [], onClose: () => setIsFiltersOpen(false), singleFilter: singleFilter, filterMethods: filterMethods }) })] }), groupableColumns.length > 0 && (_jsxs(Popover, { placement: "bottom", isOpen: isGroupByOpen, onOpenChange: setIsGroupByOpen, portalContainer: document.body, children: [_jsx(PopoverTrigger, { children: _jsx(Button, { variant: hasGrouping ? "secondary" : "outline", size: "sm", children: _jsxs("div", { className: "flex items-center gap-2", children: [hasGrouping
+                                                ? `Grouped by: ${grouping.map((id) => groupableColumns.find((c) => c.id === id)?.label ?? id).join(" → ")}`
+                                                : "Group by", _jsx(ChevronDown, { className: "h-4 w-4" })] }) }) }), _jsx(PopoverContent, { children: _jsx(TableGroupBy, { columns: groupableColumns, activeGrouping: grouping, onGroupingChange: (columnIds) => {
+                                        setGrouping(columnIds);
+                                        setExpanded({});
+                                        setPagination?.({ pageIndex: 0, pageSize: limit });
+                                    }, onClose: () => setIsGroupByOpen(false) }) })] })), _jsxs(Popover, { placement: "bottom", isOpen: isColumnsOpen, onOpenChange: setIsColumnsOpen, portalContainer: document.body, children: [_jsx(PopoverTrigger, { children: _jsx(Button, { variant: "outline", size: "sm", children: _jsxs("div", { className: "flex items-center gap-2", children: ["Columns", _jsx(ChevronDown, { className: "h-4 w-4" })] }) }) }), _jsx(PopoverContent, { children: _jsx(ColumnOrderAndVisibility, { layout: layout, onChangeOrder: onChangeOrder, onChangeVisibility: onChangeVisibility, onClose: () => setIsColumnsOpen(false) }) })] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: _jsx(Checkbox, { isSelected: table.getIsAllRowsSelected(), onValueChange: (checked) => {
                                             table.toggleAllRowsSelected(checked);
-                                        } }) }), table.getHeaderGroups()[0].headers.map((header) => (_jsxs(TableHead, { onClick: header.column.getCanSort() ? header.column.getToggleSortingHandler() : undefined, children: [flexRender(header.column.columnDef.header, header.getContext()), header.column.getCanSort() && (_jsxs(_Fragment, { children: [header.column.getIsSorted() === "asc" && (_jsx(ChevronUp, { className: "h-4 w-4 inline ml-1" })), header.column.getIsSorted() === "desc" && (_jsx(ChevronDown, { className: "h-4 w-4 inline ml-1" }))] }))] }, header.id)))] }) }), _jsx(TableBody, { children: table.getRowModel().rows.map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Checkbox, { isSelected: row.getIsSelected(), onValueChange: (checked) => {
-                                            row.toggleSelected(checked);
-                                        } }) }), row.getVisibleCells().map((cell) => (_jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)))] }, row.id))) })] }), _jsx(TablePagination, { pageCount: pageCount, page: page, limit: limit, setPagination: setPagination })] }));
+                                        } }) }), table.getHeaderGroups()[0].headers.map((header) => (_jsxs(TableHead, { onClick: header.column.getCanSort() ? header.column.getToggleSortingHandler() : undefined, children: [flexRender(header.column.columnDef.header, header.getContext()), header.column.getCanSort() && (_jsxs(_Fragment, { children: [header.column.getIsSorted() === "asc" && (_jsx(ChevronUp, { className: "h-4 w-4 inline ml-1" })), header.column.getIsSorted() === "desc" && (_jsx(ChevronDown, { className: "h-4 w-4 inline ml-1" }))] }))] }, header.id)))] }) }), _jsx(TableBody, { children: table.getRowModel().rows.map((row) => {
+                            if (row.getIsGrouped()) {
+                                return (_jsxs(TableRow, { className: "bg-muted/40 font-medium cursor-pointer hover:bg-muted/60", onClick: () => row.toggleExpanded(), children: [_jsx(TableCell, {}), row.getVisibleCells().map((cell) => {
+                                            if (cell.getIsGrouped()) {
+                                                return (_jsx(TableCell, { children: _jsxs("span", { className: "flex items-center gap-1.5", children: [row.getIsExpanded() ? (_jsx(ChevronDown, { className: "h-4 w-4 shrink-0" })) : (_jsx(ChevronRight, { className: "h-4 w-4 shrink-0" })), flexRender(cell.column.columnDef.cell, cell.getContext()), _jsxs("span", { className: "text-muted-foreground font-normal ml-1", children: ["(", row.subRows.length, ")"] })] }) }, cell.id));
+                                            }
+                                            if (cell.getIsAggregated()) {
+                                                return (_jsx(TableCell, { children: flexRender(cell.column.columnDef.aggregatedCell ?? cell.column.columnDef.cell, cell.getContext()) }, cell.id));
+                                            }
+                                            return _jsx(TableCell, {}, cell.id);
+                                        })] }, row.id));
+                            }
+                            return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Checkbox, { isSelected: row.getIsSelected(), onValueChange: (checked) => {
+                                                row.toggleSelected(checked);
+                                            } }) }), row.getVisibleCells().map((cell) => (_jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)))] }, row.id));
+                        }) })] }), _jsx(TablePagination, { pageCount: isGrouped
+                    ? Math.ceil(table.getPrePaginationRowModel().rows.length / limit) || 1
+                    : serverPageCount, page: isGrouped ? table.getState().pagination.pageIndex + 1 : page, limit: limit, setPagination: setPagination })] }));
 };

package/dist/src/modules/table/components/TableGroupBy.d.ts

@@ -0,0 +1,12 @@
+interface TableGroupByColumn {
+    id: string;
+    label: string;
+}
+interface TableGroupByProps {
+    columns: TableGroupByColumn[];
+    activeGrouping: string[];
+    onGroupingChange: (columnIds: string[]) => void;
+    onClose: () => void;
+}
+export declare const TableGroupBy: ({ columns, activeGrouping, onGroupingChange, onClose, }: TableGroupByProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/modules/table/components/TableGroupBy.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "../../../components/ui/button";
+import { cn } from "../../../lib/utils";
+export const TableGroupBy = ({ columns, activeGrouping, onGroupingChange, onClose, }) => {
+    const [selected, setSelected] = useState(activeGrouping);
+    const toggle = (id) => {
+        setSelected((prev) => (prev.includes(id) ? prev.filter((s) => s !== id) : [...prev, id]));
+    };
+    const onApply = () => {
+        onGroupingChange(selected);
+        onClose();
+    };
+    const onClear = () => {
+        setSelected([]);
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-2 p-1 min-w-[180px]", children: [_jsx("div", { className: "flex flex-col gap-0.5", children: columns.map((col) => (_jsxs("button", { type: "button", className: cn("text-left px-2 py-1.5 rounded text-sm hover:bg-muted transition-colors flex items-center gap-2", selected.includes(col.id) && "bg-muted font-medium"), onClick: () => toggle(col.id), children: [_jsx("span", { className: cn("h-4 w-4 rounded border border-muted-foreground/40 flex items-center justify-center shrink-0 text-xs", selected.includes(col.id) && "bg-primary border-primary text-primary-foreground"), children: selected.includes(col.id) ? "✓" : "" }), col.label, selected.includes(col.id) && selected.length > 1 && (_jsx("span", { className: "text-muted-foreground text-xs ml-auto", children: selected.indexOf(col.id) + 1 }))] }, col.id))) }), _jsxs("div", { className: "flex gap-1.5", children: [_jsx(Button, { size: "sm", variant: "outline", onClick: onClear, className: "flex-1", children: "Clear" }), _jsx(Button, { size: "sm", onClick: onApply, className: "flex-1", children: "Apply" })] })] }));
+};

package/dist/src/modules/table/components/TablePagination.js

@@ -1,19 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 import { Input } from "../../../components/ui/input";
 import { Pagination, PaginationContent, PaginationNext, PaginationPrevious, } from "../../../components/ui/pagination";
 export const TablePagination = ({ pageCount, page = 1, limit = 10, setPagination, }) => {
+    const [inputValue, setInputValue] = useState(String(page));
+    useEffect(() => {
+        setInputValue(String(page));
+    }, [page]);
+    const commitPage = () => {
+        const newPage = Number(inputValue);
+        if (Number.isFinite(newPage) && newPage >= 1 && newPage <= pageCount) {
+            setPagination?.({ pageIndex: newPage - 1, pageSize: limit });
+        }
+        else {
+            setInputValue(String(page));
+        }
+    };
     const isFirstPage = page === 1;
     const isLastPage = page >= pageCount;
-    return (_jsx(Pagination, { children: _jsxs(PaginationContent, { children: [_jsx(PaginationPrevious, { isActive: !isFirstPage, onClick: () => {
+    return (_jsx(Pagination, { children: _jsxs(PaginationContent, { children: [_jsx(PaginationPrevious, { isActive: !isFirstPage, "aria-disabled": isFirstPage, className: isFirstPage ? "pointer-events-none opacity-50" : undefined, onClick: () => {
                         if (!isFirstPage) {
                             setPagination?.({ pageIndex: page - 2, pageSize: limit });
                         }
-                    } }), _jsx(Input, { type: "number", value: page, min: 1, max: pageCount, onChange: (e) => {
-                        const newPage = e.target.valueAsNumber;
-                        if (newPage >= 1 && newPage <= pageCount) {
-                            setPagination?.({ pageIndex: newPage - 1, pageSize: limit });
-                        }
-                    } }), _jsx(PaginationNext, { isActive: !isLastPage, onClick: () => {
+                    } }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Input, { type: "number", value: inputValue, min: 1, max: pageCount, onChange: (e) => setInputValue(e.target.value), onBlur: commitPage, onKeyDown: (e) => {
+                                if (e.key === "Enter") {
+                                    commitPage();
+                                }
+                            } }), _jsxs("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: ["/ ", pageCount] })] }), _jsx(PaginationNext, { isActive: !isLastPage, "aria-disabled": isLastPage, className: isLastPage ? "pointer-events-none opacity-50" : undefined, onClick: () => {
                         if (!isLastPage) {
                             setPagination?.({ pageIndex: page, pageSize: limit });
                         }

package/dist/translations/en/web-ui.json

@@ -0,0 +1,192 @@
+{
+  "auth.login.apple": "Login with Apple",
+  "auth.login.google": "Continue with Google",
+  "auth.login.email": "Email",
+  "auth.login.password": "Password",
+  "auth.login.forgotPassword": "Forgot your password?",
+  "auth.login.button": "Login",
+  "auth.login.noAccount": "Don't have an account?",
+  "auth.login.signUp": "Sign up",
+  "auth.login.welcome": "Welcome back",
+  "auth.login.description": "Login using your emaill and password",
+  "auth.login.orContinueWith": "Or continue with",
+  "auth.login.placeholder.email": "m@example.com",
+  "auth.signup.button": "Sign Up",
+  "auth.signup.signingUp": "Signing up...",
+  "auth.signup.success": "Account created successfully",
+  "auth.signup.successMessage": "Account created successfully",
+  "auth.signup.emailRequired": "Email is required",
+  "auth.signup.passwordRequired": "Password is required",
+  "auth.signup.createAccount": "Create an account",
+  "auth.signup.description": "Sign up to get started",
+  "auth.signup.alreadyHaveAccount": "Already have an account?",
+  "auth.signup.verificationEmailSent.title": "Verification email sent",
+  "auth.signup.verificationEmailSent.description": "We've sent a verification email to your inbox. Please click the link in the email to verify your account before logging in.",
+  "auth.signup.verificationEmailSent.openEmail": "Open your email",
+  "auth.errors.authentication": "Authentication Error",
+  "auth.errors.server": "Server Error",
+  "common.termsOfService": "Terms of Service",
+  "common.privacyPolicy": "Privacy Policy",
+  "common.byClickingContinue": "By clicking continue, you agree to our",
+  "common.and": "and",
+  "common.cancel": "Cancel",
+  "common.save": "Save",
+  "common.saving": "Saving...",
+  "image.crop.title": "Crop Image",
+  "image.crop.failedContext": "Failed to get canvas context",
+  "image.crop.failedCrop": "Failed to get cropped image",
+  "image.crop.error": "Error cropping image:",
+  "upload.errors.invalidType": "Please select a valid image file (JPG, PNG, or WebP)",
+  "upload.errors.tooLarge": "File size must be less than 5MB",
+  "profile.updated": "Profile updated",
+  "profile.updateDescription": "Your profile has been updated.",
+  "profile.error": "Error",
+  "profile.errorDescription": "Failed to update profile. Please try again.",
+  "common.copySuccess": "Copied to clipboard",
+  "common.copyError": "Failed to copy to clipboard",
+  "common.copy": "Copy",
+  "common.copied": "Copied!",
+  "alert.dismissLabel": "Dismiss alert",
+  "profile.placeholders.name": "Enter your name",
+  "profile.settings.title": "Profile Settings",
+  "profile.settings.description": "Update your profile information below.",
+  "avatar.preview.alt": "Avatar preview",
+  "ui.steps.progressLabel": "Progress",
+  "ui.sidebar.toggleLabel": "Toggle Sidebar",
+  "ui.breadcrumb.label": "breadcrumb",
+  "ui.segment.resetLabel": "Reset",
+  "auth.forgotPassword.button": "Reset Password",
+  "auth.forgotPassword.title": "Forgot Password",
+  "auth.forgotPassword.description": "Enter your email to reset your password",
+  "auth.forgotPassword.rememberPassword": "Remember your password?",
+  "auth.forgotPassword.success": "Password reset email sent",
+  "auth.forgotPassword.error": "Failed to send password reset email",
+  "auth.resetPassword.title": "Reset Password",
+  "auth.resetPassword.description": "Enter your new password",
+  "auth.resetPassword.newPassword": "New Password",
+  "auth.resetPassword.confirmPassword": "Confirm Password",
+  "auth.resetPassword.button": "Reset Password",
+  "auth.resetPassword.passwordRequired": "Password is required",
+  "auth.resetPassword.confirmPasswordRequired": "Please confirm your password",
+  "auth.resetPassword.passwordMismatch": "Passwords do not match",
+  "auth.resetPassword.tokenRequired": "Token is required",
+  "auth.resetPassword.success": "Password reset successfully",
+  "auth.resetPassword.error": "Failed to reset password",
+  "preferences.title": "Preferences",
+  "preferences.submit": "Save",
+  "billing.beta.badge": "Beta",
+  "billing.title": "Billing & Pricing",
+  "billing.subtitle": "{{appName}} is currently free to use during the beta. We’re finalizing pricing for the production launch.",
+  "billing.card.free.title": "Free during Beta",
+  "billing.card.free.description": "Use the full product while we refine it.",
+  "billing.card.free.price": "$0",
+  "billing.card.free.priceSuffix": "for now",
+  "billing.card.free.feature.fullAccess": "Full access during beta",
+  "billing.card.free.feature.noCard": "No credit card required",
+  "billing.card.free.feature.riskFree": "Try features risk‑free",
+  "billing.card.progress.title": "Pricing In Progress",
+  "billing.card.progress.description": "Final pricing will apply at production readiness.",
+  "billing.card.progress.feature.transparentPlans": "Transparent plans",
+  "billing.card.progress.feature.fairValue": "Fair value for teams and individuals",
+  "billing.card.progress.feature.simpleBilling": "Simple, predictable billing",
+  "billing.card.notice.title": "Plenty of Notice",
+  "billing.card.notice.description": "We’ll notify you well in advance of any changes.",
+  "billing.card.notice.feature.timeToDecide": "Ample time to decide whether to continue",
+  "billing.card.notice.feature.safeData": "Your projects/data remain safe",
+  "billing.card.notice.feature.autoFreeTier": "If a free tier exists, you’ll be moved automatically",
+  "impersonating.message": "You are currently impersonating a user",
+  "impersonating.stop": "Stop Impersonating",
+  "sidebar.user.upgradeToPro": "Upgrade to Pro",
+  "sidebar.user.adminDashboard": "Admin Dashboard",
+  "sidebar.user.account": "Account",
+  "sidebar.user.billing": "Billing",
+  "sidebar.user.logout": "Log out",
+  "auth.login.descriptionWithProviders": "Login using your favorite provider",
+  "auth.login.linkedin": "Sign in with LinkedIn",
+  "auth.login.microsoft": "Sign in with Microsoft",
+  "auth.waitlist.title": "Join the waitlist",
+  "auth.waitlist.description": "We don't allow signups yet, but you can join the waitlist to be notified when we launch.",
+  "auth.waitlist.email": "Email",
+  "auth.waitlist.button": "Join the waitlist",
+  "auth.waitlist.success": "You successfully joined the waitlist",
+  "auth.waitlist.error": "Failed to join waitlist. Please try again.",
+  "auth.errors.invitationCodeInvalid": "Invalid or expired invitation code",
+  "auth.error.title": "Authentication Failed",
+  "auth.error.description": "We encountered an issue with your authentication request",
+  "auth.error.alertTitle": "Authentication Error",
+  "auth.error.alertDescription": "Your authentication request could not be completed. This may be due to an expired or invalid link, or a server error. Please try again.",
+  "auth.error.backToLogin": "Back to Login",
+  "auth.error.backToSignup": "Back to Sign Up",
+  "sidebar.invites.title": "Invite Friends",
+  "auth.login.lastUsed": "Last Used",
+  "auth.waitlist.placeholder.email": "your@email.com",
+  "organization.roles.member": "member",
+  "organization.roles.admin": "admin",
+  "organization.roles.owner": "owner",
+  "organization.settings.title": "Organization settings",
+  "organization.settings.description": "Update organization name, slug, and metadata.",
+  "organization.settings.noActive": "No active organization selected.",
+  "organization.settings.manageOnly": "Only organization admins and owners can manage organization settings.",
+  "organization.settings.form.name": "Name",
+  "organization.settings.form.slug": "Slug",
+  "organization.settings.form.metadata": "Metadata (JSON)",
+  "organization.settings.form.metadataInvalidJson": "Metadata must be valid JSON.",
+  "organization.settings.form.metadataInvalid": "Invalid metadata value.",
+  "organization.settings.button.save": "Save organization",
+  "organization.settings.updateSuccess": "Organization updated",
+  "organization.settings.updateError": "Failed to update organization",
+  "organization.settings.loadError": "Failed to load organization",
+  "organization.members.loadError": "Failed to load organization",
+  "organization.members.title": "Organization members",
+  "organization.members.noActive": "No active organization selected.",
+  "organization.members.manageOnly": "Only organization admins and owners can manage members and invitations.",
+  "organization.members.description": "{{name}} member and invitation management.",
+  "organization.members.defaultName": "Organization",
+  "organization.members.loadMembersError": "Failed to load members",
+  "organization.members.loadInvitationsError": "Failed to load invitations",
+  "organization.members.roleUpdateSuccess": "Member role updated",
+  "organization.members.roleUpdateError": "Failed to update member role",
+  "organization.members.removeMemberSuccess": "Member removed",
+  "organization.members.removeMemberError": "Failed to remove member",
+  "organization.members.emailRequired": "Email is required",
+  "organization.members.inviteSuccess": "Invitation sent",
+  "organization.members.inviteError": "Failed to invite member",
+  "organization.members.cancelInvitationSuccess": "Invitation canceled",
+  "organization.members.cancelInvitationError": "Failed to cancel invitation",
+  "organization.members.inviteLinkCopied": "Invitation link copied",
+  "organization.members.copyInviteLinkError": "Failed to copy invitation link",
+  "organization.members.unknownName": "Unknown",
+  "organization.members.invitedUser": "Invited user",
+  "organization.members.emailLabel": "Email",
+  "organization.members.emailPlaceholder": "name@company.com",
+  "organization.members.roleLabel": "Role",
+  "organization.members.inviteButton": "Invite",
+  "organization.members.tableTitle": "Organization members and invitations",
+  "organization.members.columnName": "Name",
+  "organization.members.columnEmail": "Email",
+  "organization.members.columnRole": "Role",
+  "organization.members.columnStatus": "Status",
+  "organization.members.columnActions": "Actions",
+  "organization.members.tableEmpty": "No members or invitations yet.",
+  "organization.members.roleFor": "Role for {{name}}",
+  "organization.members.statusActive": "active",
+  "organization.members.statusInvited": "invited",
+  "organization.members.removeMember": "Remove member",
+  "organization.members.copyInviteLink": "Copy invitation link",
+  "organization.members.cancelInvitation": "Cancel invitation",
+  "organization.members.roleUnknown": "Unknown role",
+  "organization.invitation.errorMissing": "Invitation id is missing.",
+  "organization.invitation.acceptFailed": "Failed to accept organization invitation.",
+  "organization.invitation.activateFailed": "Failed to switch to invited organization.",
+  "organization.invitation.accepted": "Invitation accepted",
+  "organization.invitation.error": "Invitation Error",
+  "organization.invitation.unableAccept": "Unable to accept invitation.",
+  "organization.invitation.accepting": "Accepting invitation",
+  "organization.invitation.redirecting": "Invitation accepted. Redirecting...",
+  "organization.invitation.pleaseWait": "Please wait while we process your invitation.",
+  "organization.switcher.label": "Organization",
+  "organization.switcher.failedToLoadOrganizations": "Failed to load organizations",
+  "organization.switcher.failedToSwitchOrganization": "Failed to switch organization",
+  "organization.switcher.organizationSwitched": "Organization switched",
+  "organization.switcher.retry": "Retry"
+}