@spaceinvoices/react-ui 0.4.0 → 0.4.2

package/src/components/entities/furs-settings-form/locales/pl.ts

@@ -43,7 +43,7 @@ export default {
   "Tax number of the operator for API key usage (optional)":
     "Numer podatkowy operatora do użycia z kluczem API (opcjonalnie)",
   "Operator Label": "Etykieta operatora",
-  "Descriptive label for the operator (optional)": "Opisowa etykieta operatora (opcjonalnie)",
+
   "Digital Certificate": "Certyfikat cyfrowy",
   "Upload your FURS digital certificate": "Prześlij swój certyfikat cyfrowy FURS",
   "Your certificate is required to digitally sign all fiscalized invoices. The certificate must be obtained from the Slovenian Financial Administration (FURS).":
@@ -53,6 +53,10 @@ export default {
   "Invalid file type. Please upload a .p12 or .pfx certificate file.":
     "Nieprawidłowy typ pliku. Prześlij plik certyfikatu .p12 lub .pfx.",
   "Please select a certificate file and enter the passphrase": "Wybierz plik certyfikatu i wprowadź hasło",
+  "Invalid certificate passphrase. Please check your passphrase and try again.":
+    "Nieprawidłowe hasło certyfikatu. Sprawdź hasło i spróbuj ponownie.",
+  "Certificate tax number does not match entity tax number. Please upload a certificate for this entity.":
+    "Numer podatkowy certyfikatu nie zgadza się z numerem podatkowym podmiotu. Prześlij certifikat dla tego podmiotu.",
   Valid: "Ważny",
   "Expiring Soon": "Wkrótce wygasa",
   Expired: "Wygasł",
@@ -176,8 +180,8 @@ export default {
   "Your personal operator info for FURS invoices": "Twoje osobiste informacje operatora dla faktur FURS",
   "Save Operator Settings": "Zapisz ustawienia operatora",
   "Your tax number for FURS fiscalization": "Twój numer podatkowy do fiskalizacji FURS",
-  "Your name or identifier for FURS invoices": "Twoje imię lub identyfikator dla faktur FURS",
-  "Your Name": "Twoje imię",
+  "Descriptive label for the operator (e.g. Cashier 1)": "Opisowa etykieta operatora (np. Kasjer 1)",
+  "e.g. Cashier 1": "np. Kasjer 1",
   "Fiscalization Settings": "Ustawienia fiskalizacji",
   "Advanced Settings": "Ustawienia zaawansowane",
   "API Default Operator": "Domyślny operator API",
@@ -193,4 +197,23 @@ export default {
     "Domyślne informacje operatora używane, gdy faktury są tworzone przez API bez zalogowanego użytkownika.",
   "Certificate uploaded successfully": "Certyfikat przesłany pomyślnie",
   "Loading certificate details...": "Ładowanie szczegółów certyfikatu...",
+  // Entity info section
+  "Entity Information": "Entity Information",
+  "Required company details for FURS fiscalization": "Required company details for FURS fiscalization",
+  "Entity Tax Number": "Entity Tax Number",
+  "Your company's tax number (must match FURS certificate)": "Your company's tax number (must match FURS certificate)",
+  Address: "Address",
+  "Post Code": "Post Code",
+  "Save Entity Info": "Save Entity Info",
+  "Tax number is required for FURS fiscalization": "Tax number is required for FURS fiscalization",
+  "Set entity tax number in General Settings first": "Set entity tax number in General Settings first",
+  "Set operator tax number and label in General Settings first":
+    "Set operator tax number and label in General Settings first",
+  "Complete General Settings first": "Complete General Settings first",
+  "Operator tax number and label are required for FURS fiscalization":
+    "Operator tax number and label are required for FURS fiscalization",
+  "FURS Operator Settings Required": "FURS Operator Settings Required",
+  "Your FURS operator information is needed to fiscalize this document. Please enter your operator details.":
+    "Your FURS operator information is needed to fiscalize this document. Please enter your operator details.",
+  "Save & Retry": "Save & Retry",
 } as const;

package/src/components/entities/furs-settings-form/locales/pt.ts

@@ -43,7 +43,7 @@ export default {
   "Tax number of the operator for API key usage (optional)":
     "Número fiscal do operador para utilização da chave API (opcional)",
   "Operator Label": "Etiqueta do operador",
-  "Descriptive label for the operator (optional)": "Etiqueta descritiva do operador (opcional)",
+
   "Digital Certificate": "Certificado digital",
   "Upload your FURS digital certificate": "Carregue o seu certificado digital FURS",
   "Your certificate is required to digitally sign all fiscalized invoices. The certificate must be obtained from the Slovenian Financial Administration (FURS).":
@@ -54,6 +54,10 @@ export default {
     "Tipo de ficheiro inválido. Carregue um ficheiro de certificado .p12 ou .pfx.",
   "Please select a certificate file and enter the passphrase":
     "Selecione um ficheiro de certificado e introduza a palavra-passe",
+  "Invalid certificate passphrase. Please check your passphrase and try again.":
+    "Senha do certificado inválida. Verifique sua senha e tente novamente.",
+  "Certificate tax number does not match entity tax number. Please upload a certificate for this entity.":
+    "Número fiscal do certificado não corresponde ao número fiscal da entidade. Envie um certificado para esta entidade.",
   Valid: "Válido",
   "Expiring Soon": "Expira em breve",
   Expired: "Expirado",
@@ -177,8 +181,8 @@ export default {
   "Your personal operator info for FURS invoices": "As suas informações pessoais de operador para faturas FURS",
   "Save Operator Settings": "Guardar definições do operador",
   "Your tax number for FURS fiscalization": "O seu número fiscal para a fiscalização FURS",
-  "Your name or identifier for FURS invoices": "O seu nome ou identificador para faturas FURS",
-  "Your Name": "O seu nome",
+  "Descriptive label for the operator (e.g. Cashier 1)": "Etiqueta descritiva do operador (ex. Caixa 1)",
+  "e.g. Cashier 1": "ex. Caixa 1",
   "Fiscalization Settings": "Definições de fiscalização",
   "Advanced Settings": "Definições avançadas",
   "API Default Operator": "Operador predefinido API",
@@ -194,4 +198,23 @@ export default {
     "Informações do operador predefinidas utilizadas quando as faturas são criadas via API sem um utilizador com sessão iniciada.",
   "Certificate uploaded successfully": "Certificado carregado com sucesso",
   "Loading certificate details...": "A carregar detalhes do certificado...",
+  // Entity info section
+  "Entity Information": "Entity Information",
+  "Required company details for FURS fiscalization": "Required company details for FURS fiscalization",
+  "Entity Tax Number": "Entity Tax Number",
+  "Your company's tax number (must match FURS certificate)": "Your company's tax number (must match FURS certificate)",
+  Address: "Address",
+  "Post Code": "Post Code",
+  "Save Entity Info": "Save Entity Info",
+  "Tax number is required for FURS fiscalization": "Tax number is required for FURS fiscalization",
+  "Set entity tax number in General Settings first": "Set entity tax number in General Settings first",
+  "Set operator tax number and label in General Settings first":
+    "Set operator tax number and label in General Settings first",
+  "Complete General Settings first": "Complete General Settings first",
+  "Operator tax number and label are required for FURS fiscalization":
+    "Operator tax number and label are required for FURS fiscalization",
+  "FURS Operator Settings Required": "FURS Operator Settings Required",
+  "Your FURS operator information is needed to fiscalize this document. Please enter your operator details.":
+    "Your FURS operator information is needed to fiscalize this document. Please enter your operator details.",
+  "Save & Retry": "Save & Retry",
 } as const;

package/src/components/entities/furs-settings-form/locales/sl.ts

@@ -43,7 +43,7 @@ export default {
   "Tax number of the operator for API key usage (optional)":
     "Davčna številka operaterja za uporabo z API ključem (opcijsko)",
   "Operator Label": "Oznaka operaterja",
-  "Descriptive label for the operator (optional)": "Opisna oznaka za operaterja (opcijsko)",
+
   "Digital Certificate": "Digitalni certifikat",
   "Upload your FURS digital certificate": "Naložite svoj digitalni certifikat FURS",
   "Your certificate is required to digitally sign all fiscalized invoices. The certificate must be obtained from the Slovenian Financial Administration (FURS).":
@@ -54,6 +54,10 @@ export default {
     "Neveljavna vrsta datoteke. Prosimo, naložite datoteko certifikata .p12 ali .pfx.",
   "Please select a certificate file and enter the passphrase":
     "Prosimo, izberite datoteko certifikata in vnesite geslo",
+  "Invalid certificate passphrase. Please check your passphrase and try again.":
+    "Neveljavno geslo certifikata. Preverite geslo in poskusite znova.",
+  "Certificate tax number does not match entity tax number. Please upload a certificate for this entity.":
+    "Davčna številka certifikata se ne ujema z davčno številko entitete. Naložite certifikat za to entiteto.",
   Valid: "Veljaven",
   "Expiring Soon": "Kmalu poteče",
   Expired: "Potekel",
@@ -179,8 +183,8 @@ export default {
   "Your personal operator info for FURS invoices": "Vaši osebni podatki operaterja za FURS račune",
   "Save Operator Settings": "Shrani nastavitve operaterja",
   "Your tax number for FURS fiscalization": "Vaša davčna številka za fiskalizacijo FURS",
-  "Your name or identifier for FURS invoices": "Vaše ime ali identifikator za FURS račune",
-  "Your Name": "Vaše ime",
+  "Descriptive label for the operator (e.g. Cashier 1)": "Opisna oznaka za operaterja (npr. Blagajnik 1)",
+  "e.g. Cashier 1": "npr. Blagajnik 1",
   "Fiscalization Settings": "Nastavitve fiskalizacije",
   "Advanced Settings": "Napredne nastavitve",
   "API Default Operator": "Privzeti operater za API",
@@ -209,4 +213,13 @@ export default {
   "Tax number is required for FURS fiscalization": "Davčna številka je obvezna za fiskalizacijo FURS",
   "Set entity tax number in General Settings first":
     "Najprej nastavite davčno številko podjetja v splošnih nastavitvah",
+  "Set operator tax number and label in General Settings first":
+    "Set operator tax number and label in General Settings first",
+  "Complete General Settings first": "Complete General Settings first",
+  "Operator tax number and label are required for FURS fiscalization":
+    "Operator tax number and label are required for FURS fiscalization",
+  "FURS Operator Settings Required": "FURS Operator Settings Required",
+  "Your FURS operator information is needed to fiscalize this document. Please enter your operator details.":
+    "Your FURS operator information is needed to fiscalize this document. Please enter your operator details.",
+  "Save & Retry": "Save & Retry",
 } as const;

package/src/components/entities/furs-settings-form/sections/certificate-settings-section.tsx

@@ -53,6 +53,28 @@ export const CertificateSettingsSection: FC<CertificateSettingsSectionProps> = (
       onSuccess?.();
     },
     onError: (error) => {
+      const apiMsg = (error as any)?.data?.message || (error as any)?.message;
+      if (typeof apiMsg === "string") {
+        if (apiMsg.includes("certificate") && apiMsg.includes("mode")) {
+          onError?.(new Error(t(apiMsg)));
+          return;
+        }
+        if (apiMsg.includes("Invalid certificate passphrase")) {
+          onError?.(new Error(t("Invalid certificate passphrase. Please check your passphrase and try again.")));
+          return;
+        }
+        const taxMatch = apiMsg.match(/Certificate tax number .+ does not match entity tax number/);
+        if (taxMatch) {
+          onError?.(
+            new Error(
+              t(
+                "Certificate tax number does not match entity tax number. Please upload a certificate for this entity.",
+              ),
+            ),
+          );
+          return;
+        }
+      }
       onError?.(error);
     },
   });

package/src/components/entities/furs-settings-form/sections/general-settings-section.tsx

@@ -8,6 +8,7 @@ import { Button } from "@/ui/components/ui/button";
 import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "@/ui/components/ui/form";
 import { Input } from "@/ui/components/ui/input";
 import { RadioGroup, RadioGroupItem } from "@/ui/components/ui/radio-group";
+import { Separator } from "@/ui/components/ui/separator";
 import { cn } from "@/ui/lib/utils";
 import { useUpdateUserFursSettings, useUserFursSettings } from "../furs-settings.hooks";
 import type { FursSettingsFormSchema, SectionType } from "../furs-settings-form";
@@ -190,6 +191,13 @@ export const GeneralSettingsSection: FC<GeneralSettingsSectionProps> = ({
         </div>
       </div>
 
+      {(!userFursSettings?.operator_tax_number || !userFursSettings?.operator_label) && (
+        <Alert variant="destructive">
+          <AlertTriangle className="h-4 w-4" />
+          <AlertDescription>{t("Operator tax number and label are required for FURS fiscalization")}</AlertDescription>
+        </Alert>
+      )}
+
       <div className="space-y-4">
         <div>
           <label htmlFor="operator-tax-number" className="font-medium text-sm">
@@ -212,13 +220,15 @@ export const GeneralSettingsSection: FC<GeneralSettingsSectionProps> = ({
           </label>
           <Input
             id="operator-label"
-            placeholder={t("Your Name")}
+            placeholder={t("e.g. Cashier 1")}
             value={operatorLabel}
             onChange={(e) => setOperatorLabel(e.target.value)}
             className="mt-2 h-10"
             disabled={userSettingsLoading}
           />
-          <p className="mt-1 text-muted-foreground text-xs">{t("Your name or identifier for FURS invoices")}</p>
+          <p className="mt-1 text-muted-foreground text-xs">
+            {t("Descriptive label for the operator (e.g. Cashier 1)")}
+          </p>
         </div>
 
         <Button
@@ -364,8 +374,11 @@ export const GeneralSettingsSection: FC<GeneralSettingsSectionProps> = ({
   return (
     <div className="space-y-6">
       {wrap("entity-info", entityInfoContent)}
+      <Separator />
       {wrap("operator", operatorContent)}
+      <Separator />
       {wrap("fiscalization", fiscalizationContent)}
+      <Separator />
       {wrap("advanced", advancedContent)}
     </div>
   );

package/src/components/entities/furs-settings-form/sections/premises-management-section.tsx

@@ -307,6 +307,7 @@ export const PremisesManagementSection: FC<PremisesManagementSectionProps> = ({
           entity={entity}
           type={registerType}
           t={t}
+          existingPremiseNames={premises.map((p) => p.business_premise_name)}
           onSuccess={() => {
             setRegisterDialogOpen(false);
             onSuccess?.();

package/src/components/entities/furs-settings-form/sections/register-premise-dialog.tsx

@@ -41,6 +41,7 @@ interface RegisterPremiseDialogProps {
   entity: Entity;
   type: "real-estate" | "movable";
   t: (key: string) => string;
+  existingPremiseNames?: string[];
   onSuccess?: () => void;
   onError?: (error: unknown) => void;
 }
@@ -51,6 +52,7 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
   entity,
   type,
   t,
+  existingPremiseNames = [],
   onSuccess,
   onError,
 }) => {
@@ -63,8 +65,8 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
       business_premise_name: "",
       real_estate: {
         cadastral_number: "",
-        building_number: "",
-        building_section: "",
+        building_number: "0",
+        building_section: "0",
         community: "",
         city: "",
         street: "",
@@ -86,12 +88,21 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
     },
   });
 
+  const handleMutationError = (error: unknown, form: typeof realEstateForm | typeof movableForm) => {
+    const err = error as { status?: number; data?: { message?: string } };
+    if (err?.status === 409 && err?.data?.message) {
+      form.setError("business_premise_name", { message: err.data.message });
+    } else {
+      onError?.(error);
+    }
+  };
+
   const { mutate: registerRealEstate, isPending: isRealEstatePending } = useRegisterRealEstatePremise({
     onSuccess: () => {
       realEstateForm.reset();
       onSuccess?.();
     },
-    onError,
+    onError: (error) => handleMutationError(error, realEstateForm),
   });
 
   const { mutate: registerMovable, isPending: isMovablePending } = useRegisterMovablePremise({
@@ -99,10 +110,18 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
       movableForm.reset();
       onSuccess?.();
     },
-    onError,
+    onError: (error) => handleMutationError(error, movableForm),
   });
 
+  const isDuplicateName = (name: string) => existingPremiseNames.some((n) => n.toUpperCase() === name.toUpperCase());
+
   const handleRealEstateSubmit = (data: RealEstatePremiseForm) => {
+    if (isDuplicateName(data.business_premise_name)) {
+      realEstateForm.setError("business_premise_name", {
+        message: t("A premise with this name already exists"),
+      });
+      return;
+    }
     registerRealEstate({
       entityId: entity.id,
       data,
@@ -110,6 +129,12 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
   };
 
   const handleMovableSubmit = (data: MovablePremiseForm) => {
+    if (isDuplicateName(data.business_premise_name)) {
+      movableForm.setError("business_premise_name", {
+        message: t("A premise with this name already exists"),
+      });
+      return;
+    }
     registerMovable({
       entityId: entity.id,
       data,
@@ -132,7 +157,13 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
 
         {isRealEstate ? (
           <Form {...realEstateForm}>
-            <form onSubmit={realEstateForm.handleSubmit(handleRealEstateSubmit as any)} className="space-y-4">
+            <form
+              onSubmit={(e) => {
+                e.stopPropagation();
+                realEstateForm.handleSubmit(handleRealEstateSubmit as any)(e);
+              }}
+              className="space-y-4"
+            >
               {/* Premise Name */}
               <FormField
                 control={realEstateForm.control as any}
@@ -172,18 +203,11 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
                   name="real_estate.building_number"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel>{t("Building Number")}</FormLabel>
+                      <FormLabel>{t("Building Number")} *</FormLabel>
                       <FormControl>
-                        <Input
-                          type="text"
-                          inputMode="numeric"
-                          pattern="[0-9]*"
-                          placeholder="456"
-                          {...field}
-                          value={field.value || ""}
-                        />
+                        <Input type="text" inputMode="numeric" pattern="[0-9]*" placeholder="456" {...field} />
                       </FormControl>
-                      <FormDescription className="text-xs">{t("Must be numeric (optional)")}</FormDescription>
+                      <FormDescription className="text-xs">{t("Numeric, use 0 if not applicable")}</FormDescription>
                       <FormMessage />
                     </FormItem>
                   )}
@@ -193,18 +217,11 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
                   name="real_estate.building_section"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel>{t("Building Section")}</FormLabel>
+                      <FormLabel>{t("Building Section")} *</FormLabel>
                       <FormControl>
-                        <Input
-                          type="text"
-                          inputMode="numeric"
-                          pattern="[0-9]*"
-                          placeholder="1"
-                          {...field}
-                          value={field.value || ""}
-                        />
+                        <Input type="text" inputMode="numeric" pattern="[0-9]*" placeholder="1" {...field} />
                       </FormControl>
-                      <FormDescription className="text-xs">{t("Must be numeric (optional)")}</FormDescription>
+                      <FormDescription className="text-xs">{t("Numeric, use 0 if not applicable")}</FormDescription>
                       <FormMessage />
                     </FormItem>
                   )}
@@ -233,9 +250,9 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
                 name="real_estate.street"
                 render={({ field }) => (
                   <FormItem>
-                    <FormLabel>{t("Street")}</FormLabel>
+                    <FormLabel>{t("Street")} *</FormLabel>
                     <FormControl>
-                      <Input placeholder="Dunajska cesta" {...field} value={field.value || ""} />
+                      <Input placeholder="Dunajska cesta" {...field} />
                     </FormControl>
                     <FormMessage />
                   </FormItem>
@@ -248,9 +265,9 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
                   name="real_estate.house_number"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel>{t("House Number")}</FormLabel>
+                      <FormLabel>{t("House Number")} *</FormLabel>
                       <FormControl>
-                        <Input placeholder="22" {...field} value={field.value || ""} />
+                        <Input placeholder="22" {...field} />
                       </FormControl>
                       <FormMessage />
                     </FormItem>
@@ -277,9 +294,9 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
                   name="real_estate.city"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel>{t("City")}</FormLabel>
+                      <FormLabel>{t("City")} *</FormLabel>
                       <FormControl>
-                        <Input placeholder="Ljubljana" {...field} value={field.value || ""} />
+                        <Input placeholder="Ljubljana" {...field} />
                       </FormControl>
                       <FormMessage />
                     </FormItem>
@@ -290,10 +307,11 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
                   name="real_estate.postal_code"
                   render={({ field }) => (
                     <FormItem>
-                      <FormLabel>{t("Postal Code")}</FormLabel>
+                      <FormLabel>{t("Postal Code")} *</FormLabel>
                       <FormControl>
-                        <Input placeholder="1000" {...field} value={field.value || ""} />
+                        <Input placeholder="1000" {...field} />
                       </FormControl>
+                      <FormDescription className="text-xs">{t("Exactly 4 digits")}</FormDescription>
                       <FormMessage />
                     </FormItem>
                   )}
@@ -312,7 +330,13 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
           </Form>
         ) : (
           <Form {...movableForm}>
-            <form onSubmit={movableForm.handleSubmit(handleMovableSubmit as any)} className="space-y-4">
+            <form
+              onSubmit={(e) => {
+                e.stopPropagation();
+                movableForm.handleSubmit(handleMovableSubmit as any)(e);
+              }}
+              className="space-y-4"
+            >
               {/* Premise Name */}
               <FormField
                 control={movableForm.control as any}

package/src/components/entities/settings/tax-rules-settings-form.tsx

@@ -2,9 +2,9 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import type {
   Entity,
   EntitySettings,
-  EntitySettingsTaxClauseDefaultsAnyOf,
+  EntitySettingsTaxClauseDefaults,
   GetEntities200DataItem,
-  TaxRulesAnyOf,
+  TaxRules,
 } from "@spaceinvoices/js-sdk";
 import { ChevronDown, Globe, MessageSquareText } from "lucide-react";
 import type { ReactNode } from "react";
@@ -81,9 +81,9 @@ export function TaxRulesSettingsForm({
   const showTaxClauseDefaults = entity.country_rules?.features?.includes("tax_clause_defaults") ?? false;
 
   const currentSettings = (entity.settings as EntitySettings) || {};
-  const currentTaxRules = (currentSettings.tax_rules as TaxRulesAnyOf | null)?.eu || {};
+  const currentTaxRules = (currentSettings.tax_rules as TaxRules | null)?.eu || {};
   const currentTaxClauseDefaults =
-    (currentSettings.tax_clause_defaults as EntitySettingsTaxClauseDefaultsAnyOf | null) || {};
+    (currentSettings.tax_clause_defaults as EntitySettingsTaxClauseDefaults | null) || {};
 
   const form = useForm<TaxRulesSettingsSchema>({
     resolver: zodResolver(taxRulesSettingsSchema),

package/src/components/estimates/list/list-row-actions.tsx

@@ -17,6 +17,7 @@ import { useEstimateDownload } from "./use-estimate-download";
 
 type EstimateListRowActionsProps = {
   estimate: Estimate;
+  onView?: (estimate: Estimate) => void;
   onDuplicate?: (estimate: Estimate) => void;
   onDownloadStart?: () => void;
   onDownloadSuccess?: (fileName: string) => void;
@@ -27,6 +28,7 @@ type EstimateListRowActionsProps = {
 
 export default function EstimateListRowActions({
   estimate,
+  onView,
   onDuplicate,
   onDownloadStart,
   onDownloadSuccess,
@@ -61,13 +63,7 @@ export default function EstimateListRowActions({
         </DropdownMenuGroup>
         <DropdownMenuSeparator />
         <DropdownMenuGroup>
-          <DropdownMenuItem
-            className="cursor-pointer"
-            onClick={() => {
-              // TODO: Use router
-              window.location.href = `/app/estimates/view/${estimate.id}`;
-            }}
-          >
+          <DropdownMenuItem className="cursor-pointer" onClick={() => onView?.(estimate)}>
             <Eye className="h-4 w-4" />
             {t("View estimate")}
           </DropdownMenuItem>

package/src/components/estimates/list/list-table.tsx

@@ -1,8 +1,9 @@
 import type { Estimate } from "@spaceinvoices/js-sdk";
-import { useMemo } from "react";
+import { useCallback, useMemo, useState } from "react";
 import { DataTable } from "@/ui/components/table/data-table";
 import { FormattedDate } from "@/ui/components/table/date-cell";
 import { useTableFetch } from "@/ui/components/table/hooks/use-table-fetch";
+import { SelectionToolbar } from "@/ui/components/table/selection-toolbar";
 import type {
   Column,
   FilterConfig,
@@ -45,21 +46,25 @@ type EstimateListTableProps = {
   namespace?: string;
   locale?: string;
   entityId?: string;
+  onView?: (estimate: Estimate) => void;
   onDuplicate?: (estimate: Estimate) => void;
   onDownloadStart?: () => void;
   onDownloadSuccess?: (fileName: string) => void;
   onDownloadError?: (error: string) => void;
+  onExportSelected?: (documentIds: string[]) => void;
 } & ListTableProps<Estimate>;
 
 export default function EstimateListTable({
   queryParams,
   onRowClick,
+  onView,
   onDuplicate,
   onChangeParams,
   entityId,
   onDownloadStart,
   onDownloadSuccess,
   onDownloadError,
+  onExportSelected,
   ...i18nProps
 }: EstimateListTableProps) {
   const t = createTranslation({
@@ -68,6 +73,7 @@ export default function EstimateListTable({
   });
 
   const { sdk } = useSDK();
+  const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());
 
   const handleFetch = useTableFetch(async (params: TableQueryParams) => {
     if (!sdk) throw new Error("SDK not initialized");
@@ -97,6 +103,28 @@ export default function EstimateListTable({
     [t],
   );
 
+  const handleExportPdfs = useCallback(() => {
+    if (selectedIds.size > 0 && onExportSelected) {
+      onExportSelected(Array.from(selectedIds));
+    }
+  }, [selectedIds, onExportSelected]);
+
+  const handleDeselectAll = useCallback(() => {
+    setSelectedIds(new Set());
+  }, []);
+
+  const selectionToolbar = useCallback(
+    (count: number) => (
+      <SelectionToolbar
+        selectedCount={count}
+        onExportPdfs={onExportSelected ? handleExportPdfs : undefined}
+        onDeselectAll={handleDeselectAll}
+        t={t}
+      />
+    ),
+    [handleExportPdfs, handleDeselectAll, onExportSelected, t],
+  );
+
   const columns: Column<Estimate>[] = useMemo(
     () => [
       {
@@ -157,6 +185,7 @@ export default function EstimateListTable({
         cell: (estimate) => (
           <EstimateListRowActions
             estimate={estimate}
+            onView={onView}
             onDuplicate={onDuplicate}
             onDownloadStart={onDownloadStart}
             onDownloadSuccess={onDownloadSuccess}
@@ -167,7 +196,7 @@ export default function EstimateListTable({
         ),
       },
     ],
-    [t, onRowClick, onDuplicate, onDownloadStart, onDownloadSuccess, onDownloadError, i18nProps.locale],
+    [t, onRowClick, onView, onDuplicate, onDownloadStart, onDownloadSuccess, onDownloadError, i18nProps.locale],
   );
 
   return (
@@ -183,6 +212,10 @@ export default function EstimateListTable({
       filterConfig={filterConfig}
       t={t}
       locale={i18nProps.locale}
+      selectable={!!onExportSelected}
+      selectedIds={selectedIds}
+      onSelectionChange={setSelectedIds}
+      selectionToolbar={selectionToolbar}
     />
   );
 }

package/src/components/estimates/list/locales/de.ts

@@ -32,4 +32,7 @@ export default {
   "No results found": "Keine Angebote gefunden",
   "Try adjusting your search criteria": "Versuchen Sie, Ihre Suchkriterien anzupassen",
   "Clear search": "Suche zurücksetzen",
+  selected: "ausgewählt",
+  "Export PDFs": "PDFs exportieren",
+  "Deselect all": "Auswahl aufheben",
 } as const;

package/src/components/estimates/list/locales/en.ts

@@ -5,4 +5,7 @@ export default {
   "Create new": "Create estimate",
   // No results translations
   "No results found": "No estimates found",
+  selected: "selected",
+  "Export PDFs": "Export PDFs",
+  "Deselect all": "Deselect all",
 } as const;

package/src/components/estimates/list/locales/es.ts

@@ -29,4 +29,7 @@ export default {
   "No results found": "No se encontraron presupuestos",
   "Try adjusting your search criteria": "Intente ajustar sus criterios de búsqueda",
   "Clear search": "Limpiar búsqueda",
+  selected: "seleccionados",
+  "Export PDFs": "Exportar PDFs",
+  "Deselect all": "Deseleccionar todo",
 } as const;

package/src/components/estimates/list/locales/fr.ts

@@ -29,4 +29,7 @@ export default {
   "No results found": "Aucun devis trouvé",
   "Try adjusting your search criteria": "Essayez d'ajuster vos critères de recherche",
   "Clear search": "Effacer la recherche",
+  selected: "sélectionnés",
+  "Export PDFs": "Exporter les PDF",
+  "Deselect all": "Tout désélectionner",
 } as const;

package/src/components/estimates/list/locales/hr.ts

@@ -29,4 +29,7 @@ export default {
   "No results found": "Nisu pronađeni predračuni",
   "Try adjusting your search criteria": "Pokušajte prilagoditi kriterije pretraživanja",
   "Clear search": "Očisti pretraživanje",
+  selected: "odabranih",
+  "Export PDFs": "Izvezi PDF-ove",
+  "Deselect all": "Poništi odabir",
 } as const;