@accounter/client 0.0.8-alpha-20251028123619-bcce9ab485db2997b6b76ff0df765834d86f30e7 → 0.0.8-alpha-20251028124234-328844c99a42b68aa9e2f32fd86da80b4832f631

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@accounter/client",
-  "version": "0.0.8-alpha-20251028123619-bcce9ab485db2997b6b76ff0df765834d86f30e7",
+  "version": "0.0.8-alpha-20251028124234-328844c99a42b68aa9e2f32fd86da80b4832f631",
   "type": "module",
   "license": "MIT",
   "scripts": {

package/src/components/business/contracts-section.tsx

@@ -35,7 +35,6 @@ import {
       remarks
       plan
       msCloud
-      operationsLimit
     }
   }
 `;
@@ -59,7 +58,6 @@ function convertContractDataToFormValues(
     subscriptionPlan: contract.plan ?? undefined,
     defaultRemark: contract.remarks ?? undefined,
     defaultDocumentType: contract.documentType ?? undefined,
-    operationsLimit: contract.operationsLimit,
   };
 }
 
@@ -163,11 +161,6 @@ export function ContractsSection({ clientId }: Props) {
                   </p>
                 </div>
 
-                <div className="space-y-0">
-                  <p className="text-sm text-muted-foreground">Operations Limit</p>
-                  <p className="text-sm font-medium">{contract.operationsLimit.toLocaleString()}</p>
-                </div>
-
                 <div className="space-y-0">
                   <p className="text-sm text-muted-foreground">Document Type</p>
                   <p className="text-sm font-medium">

package/src/components/business-transactions/business-extended-info.tsx

@@ -3,6 +3,7 @@ import { format } from 'date-fns';
 import { ChevronsLeftRightEllipsis, ChevronsRightLeft } from 'lucide-react';
 import { Link } from 'react-router-dom';
 import { useQuery } from 'urql';
+import { ROUTES } from '@/router/routes.js';
 import { Mark, Table, Tooltip } from '@mantine/core';
 import {
   BusinessTransactionsInfoDocument,
@@ -12,10 +13,8 @@ import {
 } from '../../gql/graphql.js';
 import { FIAT_CURRENCIES, formatAmountWithCurrency } from '../../helpers/index.js';
 import { AccounterLoader } from '../common/index.js';
-import { getChargeHref } from '../screens/charges/charge.js';
 import { Button } from '../ui/button.js';
 import { DownloadCSV } from './download-csv.js';
-import { getBusinessTransactionsHref } from './index.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
 /* GraphQL */ `
@@ -229,14 +228,15 @@ export function BusinessExtendedInfo({ businessID, filter }: Props): ReactElemen
             {extendedTransactions.map((row, index) => (
               <tr
                 key={index}
+                className="cursor-pointer"
                 onClick={event => {
                   event.stopPropagation();
-                  window.open(getChargeHref(row.chargeId), '_blank', 'noreferrer');
+                  window.open(ROUTES.CHARGES.DETAIL(row.chargeId), '_blank', 'noreferrer');
                 }}
               >
                 <td>
                   <Link
-                    to={getBusinessTransactionsHref({ businessIDs: [row.business.id] })}
+                    to={ROUTES.BUSINESSES.DETAIL(row.business.id)}
                     target="_blank"
                     rel="noreferrer"
                     onClick={event => event.stopPropagation()}
@@ -274,7 +274,7 @@ export function BusinessExtendedInfo({ businessID, filter }: Props): ReactElemen
                 <td>
                   {row.counterAccount && (
                     <Link
-                      to={getBusinessTransactionsHref({ businessIDs: [row.counterAccount.id] })}
+                      to={ROUTES.BUSINESSES.DETAIL(row.counterAccount.id)}
                       target="_blank"
                       rel="noreferrer"
                       onClick={event => event.stopPropagation()}

package/src/components/business-transactions/index.tsx

@@ -21,10 +21,7 @@ import { AccounterTableRow } from '../common/index.js';
 import { PageLayout } from '../layout/page-layout.js';
 import { Button } from '../ui/button.js';
 import { BusinessExtendedInfo } from './business-extended-info.js';
-import {
-  BusinessTransactionsFilters,
-  encodeTransactionsFilters,
-} from './business-transactions-filters.js';
+import { BusinessTransactionsFilters } from './business-transactions-filters.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
 /* GraphQL */ `
@@ -69,30 +66,6 @@ import {
   }
 `;
 
-export function getBusinessTransactionsHref(filter?: BusinessTransactionsFilter | null): string {
-  const params = new URLSearchParams();
-
-  let businessId: string | undefined = undefined;
-  let adjustedFilter = filter;
-  if (filter?.businessIDs && filter.businessIDs.length === 1) {
-    const { businessIDs, ...rest } = filter;
-    businessId = businessIDs[0];
-    adjustedFilter = rest;
-  }
-
-  const transactionsFilters = encodeTransactionsFilters(adjustedFilter);
-  if (transactionsFilters) {
-    // Add it as a single encoded parameter
-    params.append('transactionsFilters', transactionsFilters);
-  }
-
-  const queryParams = params.size > 0 ? `?${params}` : '';
-  if (businessId) {
-    return `/businesses/${businessId}/transactions${queryParams}`;
-  }
-  return `/businesses/transactions${queryParams}`;
-}
-
 type BusinessTransactionsSum = Extract<
   BusinessTransactionsSummeryQuery['businessTransactionsSumFromLedgerRecords'],
   { businessTransactionsSum: unknown }

package/src/components/businesses/index.tsx

@@ -159,12 +159,16 @@ export const Businesses = (): ReactElement => {
                   tabIndex={0}
                   className="flex-1 cursor-pointer"
                   onClick={(): void => {
-                    navigate(ROUTES.BUSINESSES.DETAIL(business.id));
+                    navigate(ROUTES.BUSINESSES.DETAIL(business.id), {
+                      state: { from: ROUTES.BUSINESSES.ALL },
+                    });
                   }}
                   onKeyDown={(e): void => {
                     if (e.key === 'Enter' || e.key === ' ') {
                       e.preventDefault();
-                      navigate(ROUTES.BUSINESSES.DETAIL(business.id));
+                      navigate(ROUTES.BUSINESSES.DETAIL(business.id), {
+                        state: { from: ROUTES.BUSINESSES.ALL },
+                      });
                     }
                   }}
                 >

package/src/components/charges/cells/business-trip.tsx

@@ -1,5 +1,6 @@
 import { type ReactElement } from 'react';
 import { Link } from 'react-router-dom';
+import { ROUTES } from '@/router/routes.js';
 import { ChargesTableBusinessTripFieldsFragmentDoc } from '../../../gql/graphql.js';
 import { getFragmentData, type FragmentType } from '../../../gql/index.js';
 
@@ -30,7 +31,11 @@ export const BusinessTrip = ({ data }: Props): ReactElement => {
   return (
     <td>
       <Link
-        to={`/business-trips/${charge.businessTrip?.id}`}
+        to={
+          charge.businessTrip?.id
+            ? ROUTES.BUSINESS_TRIPS.DETAIL(charge.businessTrip?.id)
+            : ROUTES.BUSINESS_TRIPS.ROOT
+        }
         target="_blank"
         rel="noreferrer"
         onClick={event => event.stopPropagation()}

package/src/components/charges/cells/counterparty.tsx

@@ -1,14 +1,9 @@
-import { useCallback, useMemo, type ReactElement } from 'react';
+import { useMemo, type ReactElement } from 'react';
 import { Link } from 'react-router-dom';
+import { ROUTES } from '@/router/routes.js';
 import { Indicator } from '@mantine/core';
-import {
-  ChargesTableEntityFieldsFragmentDoc,
-  MissingChargeInfo,
-  type ChargeFilter,
-} from '../../../gql/graphql.js';
+import { ChargesTableEntityFieldsFragmentDoc, MissingChargeInfo } from '../../../gql/graphql.js';
 import { getFragmentData, type FragmentType } from '../../../gql/index.js';
-import { useUrlQuery } from '../../../hooks/use-url-query.js';
-import { getBusinessTransactionsHref } from '../../business-transactions/index.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
 /* GraphQL */ `
@@ -32,7 +27,6 @@ type Props = {
 };
 
 export const Counterparty = ({ data }: Props): ReactElement => {
-  const { get } = useUrlQuery();
   const { counterparty, validationData, __typename } = getFragmentData(
     ChargesTableEntityFieldsFragmentDoc,
     data,
@@ -59,31 +53,13 @@ export const Counterparty = ({ data }: Props): ReactElement => {
   );
   const { name, id } = counterparty ?? { name: 'Missing', id: undefined };
 
-  const encodedFilters = get('chargesFilters');
-
-  const getHref = useCallback(
-    (businessID: string) => {
-      const currentFilters = encodedFilters
-        ? (JSON.parse(decodeURIComponent(encodedFilters as string)) as ChargeFilter)
-        : {};
-
-      return getBusinessTransactionsHref({
-        fromDate: currentFilters.fromDate,
-        toDate: currentFilters.toDate,
-        ownerIds: currentFilters.byOwners,
-        businessIDs: [businessID],
-      });
-    },
-    [encodedFilters],
-  );
-
   return (
     <td>
       <div className="flex flex-wrap">
         <Indicator inline size={12} disabled={!isError} color="red" zIndex="auto">
           {!isError && id && (
             <Link
-              to={getHref(id)}
+              to={ROUTES.BUSINESSES.DETAIL(id)}
               target="_blank"
               rel="noreferrer"
               onClick={event => event.stopPropagation()}

package/src/components/clients/contracts/modify-contract-dialog.tsx

@@ -58,7 +58,6 @@ const contractFormSchema = z.object({
   isActive: z.boolean(),
   defaultRemark: z.string().optional(),
   defaultDocumentType: z.enum(Object.values(DocumentType)),
-  operationsLimit: z.int().min(0, 'Operations limit must be non-negative'),
 });
 
 export type ContractFormValues = z.infer<typeof contractFormSchema>;
@@ -78,7 +77,6 @@ const newContractDefaultValues: ContractFormValues = {
   isActive: true,
   defaultRemark: undefined,
   defaultDocumentType: DocumentType.Proforma,
-  operationsLimit: 0,
 };
 
 interface Props {
@@ -117,7 +115,6 @@ export function ModifyContractDialog({ clientId, contract, onDone }: Props) {
         isActive: contract.isActive,
         defaultRemark: contract.defaultRemark,
         defaultDocumentType: contract.defaultDocumentType,
-        operationsLimit: contract.operationsLimit,
       });
       setIsDialogOpen(true);
     }
@@ -147,7 +144,6 @@ export function ModifyContractDialog({ clientId, contract, onDone }: Props) {
             purchaseOrder: values.po,
             remarks: values.defaultRemark,
             startDate: format(new Date(values.startDate), 'yyyy-MM-dd') as TimelessDateString,
-            operationsLimit: values.operationsLimit,
           },
         });
       } else {
@@ -170,7 +166,6 @@ export function ModifyContractDialog({ clientId, contract, onDone }: Props) {
             purchaseOrder: values.po,
             remarks: values.defaultRemark,
             startDate: format(new Date(values.startDate), 'yyyy-MM-dd') as TimelessDateString,
-            operationsLimit: values.operationsLimit,
           },
         });
       }
@@ -202,7 +197,8 @@ export function ModifyContractDialog({ clientId, contract, onDone }: Props) {
           <form onSubmit={form.handleSubmit(onSubmit)}>
             <div className="grid gap-4 py-4">
               <div className="grid gap-4 md:grid-cols-2">
-                <FormField
+                {/* TODO: activate this field later. requires additional backend support */}
+                {/* <FormField
                   control={form.control}
                   name="operationsLimit"
                   render={({ field }) => (
@@ -214,7 +210,7 @@ export function ModifyContractDialog({ clientId, contract, onDone }: Props) {
                       <FormMessage />
                     </FormItem>
                   )}
-                />
+                /> */}
                 <FormField
                   control={form.control}
                   name="po"

package/src/components/common/business-trip-report/parts/core-expense-row.tsx

@@ -4,6 +4,7 @@ import { Controller, type Control } from 'react-hook-form';
 import { Link } from 'react-router-dom';
 import { toast } from 'sonner';
 import { useQuery } from 'urql';
+import { ROUTES } from '@/router/routes.js';
 import { Select, Text } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
 import {
@@ -14,7 +15,6 @@ import {
 } from '../../../../gql/graphql.js';
 import { getFragmentData, type FragmentType } from '../../../../gql/index.js';
 import { TIMELESS_DATE_REGEX } from '../../../../helpers/consts.js';
-import { getChargeHref } from '../../../screens/charges/charge.js';
 import { CurrencyInput } from '../../index.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
@@ -239,7 +239,7 @@ export const CoreExpenseRow = ({
           {linkedChargeIds.map(id => (
             <Link
               key={id}
-              to={getChargeHref(id)}
+              to={ROUTES.CHARGES.DETAIL(id)}
               target="_blank"
               rel="noreferrer"
               onClick={event => event.stopPropagation()}

package/src/components/common/business-trip-report/parts/report-header.tsx

@@ -1,5 +1,6 @@
 import type { ReactElement } from 'react';
 import { differenceInDays, format, setHours } from 'date-fns';
+import { ROUTES } from '@/router/routes.js';
 import { Grid, Text } from '@mantine/core';
 import { BusinessTripReportHeaderFieldsFragmentDoc } from '../../../../gql/graphql.js';
 import { getFragmentData, type FragmentType } from '../../../../gql/index.js';
@@ -43,7 +44,7 @@ export const ReportHeader = ({ data, onChange }: Props): ReactElement => {
           <AccountantApproval data={businessTrip} onChange={onChange} />
           <CopyToClipboardButton
             isLink
-            content={`${window.location.origin}/business-trips/${businessTrip.id}`}
+            content={`${window.location.origin}${ROUTES.BUSINESS_TRIPS.DETAIL(businessTrip.id)}`}
           />
           <BusinessTripToggleMenu businessTripId={businessTrip.id} />
         </div>

package/src/components/common/business-trip-report/parts/uncategorized-transactions.tsx

@@ -1,6 +1,7 @@
 import type { ReactElement } from 'react';
 import { AlertCircle } from 'lucide-react';
 import { Link } from 'react-router-dom';
+import { ROUTES } from '@/router/routes.js';
 import { Popover, Table, Text } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import {
@@ -10,7 +11,6 @@ import {
 } from '../../../../gql/graphql.js';
 import { getFragmentData, type FragmentType } from '../../../../gql/index.js';
 import { formatStringifyAmount } from '../../../../helpers/index.js';
-import { getChargeHref } from '../../../screens/charges/charge.js';
 import {
   Account,
   Counterparty,
@@ -94,7 +94,7 @@ export const UncategorizedTransactions = ({ data, onChange }: Props): ReactEleme
                 <Amount data={uncategorizedTransaction} />
                 <td>
                   <Link
-                    to={getChargeHref(uncategorizedTransaction.transaction.chargeId)}
+                    to={ROUTES.CHARGES.DETAIL(uncategorizedTransaction.transaction.chargeId)}
                     target="_blank"
                     rel="noreferrer"
                     onClick={event => event.stopPropagation()}

package/src/components/common/buttons/charge-navigate-button.tsx

@@ -1,8 +1,9 @@
 import type { ComponentProps, ReactElement } from 'react';
 import { ExternalLink } from 'lucide-react';
+import { Link } from 'react-router-dom';
 import { Tooltip } from '@mantine/core';
 import { cn } from '../../../lib/utils.js';
-import { getChargeHref } from '../../screens/charges/charge.js';
+import { ROUTES } from '../../../router/routes.js';
 import { Button } from '../../ui/button.js';
 
 export function ChargeNavigateButton(
@@ -10,17 +11,17 @@ export function ChargeNavigateButton(
 ): ReactElement {
   return (
     <Tooltip label="To Charge">
-      <Button
-        onClick={event => {
-          event.stopPropagation();
-          window.open(getChargeHref(props.chargeId), '_blank', 'noreferrer');
-        }}
-        {...props}
-        className={cn('size-7.5', props.className)}
-        variant="ghost"
+      <Link
+        to={ROUTES.CHARGES.DETAIL(props.chargeId)}
+        target="_blank"
+        rel="noreferrer"
+        onClick={event => event.stopPropagation()}
+        className="inline-block"
       >
-        <ExternalLink className="size-5" />
-      </Button>
+        <Button {...props} className={cn('size-7.5', props.className)} variant="ghost">
+          <ExternalLink className="size-5" />
+        </Button>
+      </Link>
     </Tooltip>
   );
 }

package/src/components/common/modals/edit-charge-modal.tsx

@@ -1,8 +1,8 @@
 import type { ReactElement } from 'react';
 import { useQuery } from 'urql';
+import { ROUTES } from '@/router/routes.js';
 import { Loader } from '@mantine/core';
 import { EditChargeDocument } from '../../../gql/graphql.js';
-import { getChargeHref } from '../../screens/charges/charge.js';
 import { CopyToClipboardButton, EditCharge, PopUpDrawer } from '../index.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
@@ -89,7 +89,7 @@ export const EditChargeModalContent = ({
             ID: {chargeId}
             <CopyToClipboardButton
               isLink
-              content={`${window.location.origin}${getChargeHref(chargeId)}`}
+              content={`${window.location.origin}${ROUTES.CHARGES.DETAIL(chargeId)}`}
             />
           </div>
         </div>

package/src/components/common/modals/insert-document-modal.tsx

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import { getChargeHref } from '../../screens/charges/charge.js';
+import { ROUTES } from '@/router/routes.js';
 import { CopyToClipboardButton, InsertDocument, PopUpDrawer } from '../index.js';
 
 interface Props {
@@ -24,7 +24,7 @@ export const InsertDocumentModal = ({
             Charge ID: {chargeId}
             <CopyToClipboardButton
               isLink
-              content={`${window.location.origin}${getChargeHref(chargeId)}`}
+              content={`${window.location.origin}${ROUTES.CHARGES.DETAIL(chargeId)}`}
             />
           </div>
         </div>

package/src/components/common/modals/match-document-modal.tsx

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import { getChargeHref } from '../../screens/charges/charge.js';
+import { ROUTES } from '@/router/routes.js';
 import { DocumentsToChargeMatcher } from '../documents-to-charge-matcher/index.js';
 import { CopyToClipboardButton, PopUpDrawer } from '../index.js';
 
@@ -25,7 +25,7 @@ export const MatchDocumentModal = ({
             Charge ID: {chargeId}
             <CopyToClipboardButton
               isLink
-              content={`${window.location.origin}${getChargeHref(chargeId)}`}
+              content={`${window.location.origin}${ROUTES.CHARGES.DETAIL(chargeId)}`}
             />
           </div>
         </div>

package/src/components/common/new-documents-list.tsx

@@ -1,8 +1,8 @@
 import type { ReactElement } from 'react';
 import { Link } from 'react-router-dom';
+import { ROUTES } from '@/router/routes.js';
 import { NewFetchedDocumentFieldsFragmentDoc } from '../../gql/graphql.js';
 import { getFragmentData, type FragmentType } from '../../gql/index.js';
-import { getChargeHref } from '../screens/charges/charge.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
 /* GraphQL */ `
@@ -34,7 +34,7 @@ export const NewDocumentsList = ({ data }: Props): ReactElement => {
         .map(doc => (
           <Link
             key={doc.id}
-            to={getChargeHref(doc.charge!.id)}
+            to={ROUTES.CHARGES.DETAIL(doc.charge!.id)}
             target="_blank"
             rel="noreferrer"
             onClick={event => event.stopPropagation()}

package/src/components/documents-table/cells/creditor.tsx

@@ -3,9 +3,8 @@ import { Link } from 'react-router-dom';
 import { DocumentType } from '@/gql/graphql.js';
 import { useGetBusinesses } from '@/hooks/use-get-businesses.js';
 import { useUpdateDocument } from '@/hooks/use-update-document.js';
-import { useUrlQuery } from '@/hooks/use-url-query.js';
+import { ROUTES } from '@/router/routes.js';
 import { Indicator } from '@mantine/core';
-import { getBusinessHref } from '../../charges/helpers.js';
 import { ConfirmMiniButton, InsertBusiness, SelectWithSearch } from '../../common/index.js';
 import type { DocumentsTableRowType } from '../columns.js';
 
@@ -20,7 +19,6 @@ type Props = {
 };
 
 export const Creditor = ({ document, onChange }: Props): ReactElement => {
-  const { get } = useUrlQuery();
   const dbCreditor = 'creditor' in document ? document.creditor : undefined;
 
   const shouldHaveCreditor =
@@ -30,13 +28,6 @@ export const Creditor = ({ document, onChange }: Props): ReactElement => {
 
   const { selectableBusinesses, refresh: refreshBusinesses } = useGetBusinesses();
 
-  const encodedFilters = get('chargesFilters');
-
-  const getHref = useCallback(
-    (businessId: string) => getBusinessHref(businessId, encodedFilters as string),
-    [encodedFilters],
-  );
-
   const suggestedCreditor = useMemo(() => {
     if (dbCreditor || !('missingInfoSuggestions' in document) || !document.missingInfoSuggestions) {
       // case when creditor is already set or no suggestions
@@ -106,7 +97,7 @@ export const Creditor = ({ document, onChange }: Props): ReactElement => {
           {shouldHaveCreditor &&
             (id ? (
               <Link
-                to={getHref(id)}
+                to={ROUTES.BUSINESSES.DETAIL(id)}
                 target="_blank"
                 rel="noreferrer"
                 onClick={event => event.stopPropagation()}

package/src/components/documents-table/cells/debtor.tsx

@@ -1,11 +1,10 @@
 import { useCallback, useMemo, useState, type ReactElement } from 'react';
 import { Link } from 'react-router-dom';
 import { useGetBusinesses } from '@/hooks/use-get-businesses.js';
+import { ROUTES } from '@/router/routes.js';
 import { Indicator } from '@mantine/core';
 import { DocumentType } from '../../../gql/graphql.js';
 import { useUpdateDocument } from '../../../hooks/use-update-document.js';
-import { useUrlQuery } from '../../../hooks/use-url-query.js';
-import { getBusinessHref } from '../../charges/helpers.js';
 import { ConfirmMiniButton, InsertBusiness, SelectWithSearch } from '../../common/index.js';
 import type { DocumentsTableRowType } from '../columns.js';
 import { COUNTERPARTIES_LESS_DOCUMENT_TYPES } from './index.js';
@@ -16,7 +15,6 @@ type Props = {
 };
 
 export const Debtor = ({ document, onChange }: Props): ReactElement => {
-  const { get } = useUrlQuery();
   const dbDebtor = 'debtor' in document ? document.debtor : undefined;
 
   const shouldHaveDebtor =
@@ -26,13 +24,6 @@ export const Debtor = ({ document, onChange }: Props): ReactElement => {
 
   const { selectableBusinesses, refresh: refreshBusinesses } = useGetBusinesses();
 
-  const encodedFilters = get('chargesFilters');
-
-  const getHref = useCallback(
-    (businessId: string) => getBusinessHref(businessId, encodedFilters as string),
-    [encodedFilters],
-  );
-
   const suggestedDebtor = useMemo(() => {
     if (dbDebtor || !('missingInfoSuggestions' in document) || !document.missingInfoSuggestions) {
       // case when creditor is already set or no suggestions
@@ -102,7 +93,7 @@ export const Debtor = ({ document, onChange }: Props): ReactElement => {
           {shouldHaveDebtor &&
             (id ? (
               <Link
-                to={getHref(id)}
+                to={ROUTES.BUSINESSES.DETAIL(id)}
                 target="_blank"
                 rel="noreferrer"
                 onClick={event => event.stopPropagation()}

package/src/components/ledger-table/counterparty-cell.tsx

@@ -1,8 +1,6 @@
-import { useCallback, type ReactElement } from 'react';
+import { type ReactElement } from 'react';
 import { Link } from 'react-router-dom';
-import type { ChargeFilter } from '../../gql/graphql.js';
-import { useUrlQuery } from '../../hooks/use-url-query.js';
-import { getBusinessTransactionsHref } from '../business-transactions/index.js';
+import { ROUTES } from '@/router/routes.js';
 
 type Props = {
   account?: {
@@ -16,33 +14,6 @@ type Props = {
 };
 
 export const CounterpartyCell = ({ account, diffAccount }: Props): ReactElement => {
-  const { get } = useUrlQuery();
-
-  const encodedFilters = get('chargesFilters');
-
-  const getHref = useCallback(
-    (businessID: string) => {
-      let currentFilters: ChargeFilter = {};
-      if (encodedFilters) {
-        try {
-          const decoded = decodeURIComponent(encodedFilters);
-          const parsed = JSON.parse(decoded);
-          currentFilters = parsed as ChargeFilter;
-        } catch (error) {
-          console.error('Failed to parse filters from URL:', error);
-        }
-      }
-
-      return getBusinessTransactionsHref({
-        ownerIds: currentFilters.byOwners || [],
-        businessIDs: [businessID],
-        ...(currentFilters.fromDate && { fromDate: currentFilters.fromDate }),
-        ...(currentFilters.toDate && { toDate: currentFilters.toDate }),
-      });
-    },
-    [encodedFilters],
-  );
-
   const isAccountDiff = diffAccount && diffAccount?.id !== account?.id;
 
   return (
@@ -51,7 +22,7 @@ export const CounterpartyCell = ({ account, diffAccount }: Props): ReactElement
         <>
           {account && (
             <Link
-              to={getHref(account.id)}
+              to={ROUTES.BUSINESSES.DETAIL(account.id)}
               target="_blank"
               rel="noreferrer"
               onClick={event => event.stopPropagation()}
@@ -63,7 +34,7 @@ export const CounterpartyCell = ({ account, diffAccount }: Props): ReactElement
           {isAccountDiff && diffAccount && (
             <div className="border-2 border-yellow-500 rounded-md">
               <Link
-                to={getHref(diffAccount.id)}
+                to={ROUTES.BUSINESSES.DETAIL(diffAccount.id)}
                 target="_blank"
                 rel="noreferrer"
                 onClick={event => event.stopPropagation()}

package/src/components/reports/conto/index.tsx

@@ -19,11 +19,7 @@ import { Tooltip } from '../../common/index.js';
 import { Button } from '../../ui/button.js';
 import { Label } from '../../ui/label.js';
 import { Switch } from '../../ui/switch.js';
-import {
-  ContoReportFilters,
-  encodeContoReportFilters,
-  type ContoReportFiltersType,
-} from './conto-report-filters.js';
+import { ContoReportFilters, type ContoReportFiltersType } from './conto-report-filters.js';
 import { ManageTemplates } from './conto-report-manage-templates.js';
 import { SaveTemplate } from './conto-report-save-template.js';
 import { DownloadCSV } from './download-csv.js';
@@ -93,19 +89,6 @@ const BANK_TREE_ROOT_ID = 'bank';
 export const REPORT_TREE_ROOT_ID = 'report';
 export const CONTO_REPORT_FILTERS_KEY = 'contoReportFilters';
 
-export function getContoReportHref(filter?: ContoReportFiltersType | null): string {
-  const params = new URLSearchParams();
-
-  const contoReportFilters = encodeContoReportFilters(filter);
-  if (contoReportFilters) {
-    // Add it as a single encoded parameter
-    params.append(CONTO_REPORT_FILTERS_KEY, contoReportFilters);
-  }
-
-  const queryParams = params.size > 0 ? `?${params}` : '';
-  return `/reports/conto${queryParams}`;
-}
-
 function buildSortCodeFinancialEntitiesMaps(tree: NodeModel<CustomData>[]) {
   const sortCodeMap = new Map<number, string | number>();
   const financialEntitiesMap = new Map<string, string | number>();